@charset "utf-8";

/* ----------------------------------------------
Reset
---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ----------------------------------------------
Global Elements
---------------------------------------------- */
html {font-size: 62.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow:auto;}
body {
	font-family:"メイリオ", "ヒラギノ角ゴ ProN W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Hiragino Kaku Gothic ProN, Arial,  Meiryo, sans-serif;
	background:#FFFFFF;color:#464646;font-size:16px;font-size:1.6rem;line-height:1.6em;overflow: hidden;width: 100%;min-width:980px;
}

ul{list-style-type:none;}
img {border:none;vertical-align:bottom;}
input,textarea,select {}
form {margin:0px;}
table {border-collapse:collapse;font-size:100%;border-spacing:0;}

/* -- clearfix -------- */
.clearfix:after {content: ".";display:block;visibility:hidden;height:0;clear:both;}
.clearfix {zoom:1;}
ul:before, ul:after {content:" ";display:table;}
ul:after {clear:both;}
ul {*zoom:1;}

/* ----------------------------------------------
Text elements
---------------------------------------------- */
a {color:#464646;text-decoration:none;}
a:hover {color:#464646;text-decoration:none;}
a:focus, *:focus { outline:none; }

.notice a {color:#464646;text-decoration:underline;}
.notice a:hover {color:#464646;text-decoration:none;}
.notice a:focus, *:focus { outline:underline; }

/* iPhone 角丸防止 */
input[type="button"],input[type="text"], input[type="submit"], button, select, textarea {-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:none;}

.alignleft {display:inline;float:left;}
.alignright {display:inline;float:right;}
.aligncenter {display:block;margin-right:auto;margin-left:auto;text-align:center;}

small {font-size:0.7em;}

/* ----------------------------------------------
Header
---------------------------------------------- */
#header {
	position: absolute;top: 0;left: 0;width:100%;padding:0;background-color: transparent;border-bottom:none;z-index: 9999;
	display: table;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; 
    background-color: #FFFFFF;border-bottom: 1px solid #DADFEA;
    box-shadow: 0 2px 10px rgba(68,85,102,0.2);-moz-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-webkit-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-o-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-ms-box-shadow: 0 2px 10px rgba(68,85,102,0.2);
}
#header.fixed {
    position: fixed;top: 0;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; 
}

.header-inner {
	width:980px;padding:0 10px;margin:0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; 
}
.header-logo {position: relative;z-index:3;}
.header-logo .logo {width: auto;height: 60px;}
nav.header-nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap;margin:9px 0 5px;}
nav.header-nav ul li a {margin:0 0 0 5px;display: block;padding: 0;}

.toggle {display:none;}

/* TOP */
#top {background:url(../images/header.jpg)no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;min-height:675px;}
#top:before {content: "";display: block;padding-top: 40%;}

#top .top-inner {
	position:absolute;top:50%;left:50%;width:100%;
	-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
	width: 980px;margin: 0 auto;padding-top:75px; height:auto;display: table;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/*
#top .top-inner {width: 980px;margin: 0 auto;padding-top:90px; height: 100vh;display: table;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
*/

#top .top-title {display: table-cell;vertical-align: middle;}
#top .top-title h1 {font-size: 1.5em;color:#FFFFFF;line-height:1.4em;margin-bottom:10px;}
#top .top-title h1 img {}
#top .top-icons {}

/* ----------------------------------------------
Footer
---------------------------------------------- */
#footer {background:#48b7b8;padding:0;color:#FFFFFF;}
#footer .inner {width: 980px;margin: 0 auto;}
#footer .footer_copy {padding:4px 0; text-align: center;font-size:0.75em;}

/* ----------------------------------------------
Main Contents
---------------------------------------------- */
#wrapper {width:100%;}
#contents {position:relative;min-height:2000px;}
#main {width:100%;}

.box {background:#f0f0f0;}
.box1 {background:#f0f0f0;}
.box2 {background:#464646;padding:0;}
.box_inner {
	width:980px;margin: 0 auto;padding: 64px 15px;position: relative;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;  
}
.box_inner2 {
	width:980px;margin: 0 auto;padding: 64px 15px;position: relative;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;  
}

h2 {background:#262626;color:#ffffff; font-size: 1.5em;line-height: 1.4;text-align:center;padding:20px 0;}

/* ----------------------------------------------
Contents
---------------------------------------------- */
/* Voice slider*/
ul.voice {}
ul.voice li {margin:0 10px;padding:15px;text-align:center;}
ul.voice .slick-list li.first {background:#d8dce4;}
ul.voice .slick-list li.second {background:#55c2c5;}
ul.voice .slick-list li.third {background:#ffffff;}

.voice_img {margin-bottom:10px;}
.voice_img img {width:50%;display:block;margin:0 auto;}
.voice_age {margin-bottom:10px;font-weight:bold;}
.voice_text {text-align: left;}

.slide-dots{text-align: center;margin-top:5px;}
.slide-dots > li{display: inline-block;margin: 0 5px !important;padding:0 !important;}
.slide-dots button{position: relative;text-indent: -9999px;background-color: transparent;}
.slide-dots button:before{font-family:FontAwesome;content:"\f111";font-size: 14px;text-indent: 0px;position: absolute;top: 0;left: 0;color:#9A9A9A;}
.slide-dots .slick-active button:before {content:"\f111";font-size: 14px;color:#000000;}

/* Merit */
.tabs {}
.tabs:after {content:'';display:block;clear:both;}
ul#tab_img {width:300px;height:620px;float: right;position: relative;}
ul#tab_img li img {width:100%;}

ul#tabs_text {width:600px;height:620px;float: left;}
ul#tabs_text li {
    position: relative;background: #88b7d5;width:width:600px;height:100px;padding:20px;margin-bottom:20px;
	background:#f0f0f0;font-size:1.2em;line-height:1.6em;
	box-shadow: 0 2px 10px rgba(68,85,102,0.2);-moz-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-webkit-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-o-box-shadow: 0 2px 10px rgba(68,85,102,0.2);-ms-box-shadow: 0 2px 10px rgba(68,85,102,0.2);
}
ul#tabs_text li:last-child {margin-bottom:0;}
ul#tabs_text li p {position:absolute;top:50%;left:50%;width:100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:86%;}
ul#tabs_text li p span {color:#48b7b8;font-size:1.4em;font-weight: bold;}
ul#tabs_text li:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-left-color: #f0f0f0;border-width: 20px;margin-top: -20px;}

ul#tabs_text li.thumbnail-current {background:#48b7b8;}
ul#tabs_text li.thumbnail-current:after {border-left-color: #48b7b8;}
ul#tabs_text li.thumbnail-current p span {color:#fff;}

img.slide-arrow {position: absolute;top: 50%;margin-top: -20px;display: block;z-index:5;width:40px;height:40px;}
.prev-arrow {left: -15px;}
.next-arrow {right: -15px;}

/* Flow */
ul.flow {display: -webkit-flex;display: -ms-flexbox;display: flex;}
ul.flow li {width:23.5%;margin-right:2%;}
ul.flow li:last-child {margin-right:0;}
ul.flow li img.flow_img {width:100%;height:auto;}
ul.flow li p {margin-top:6px;}

div.flowbox {border:2px solid #000000;}
div.flowbox .flowbox-title {background:#000000;color:#ffffff;line-height:50px;height:50px;text-align:center;letter-spacing:-2px;font-weight:bold;}
div.flowbox .flowbox-inner {padding:5px;}
div.flowbox .flowbox-inner img{width:100%;height:auto;}

/* reserve */
.reserve {display: -webkit-flex;display: -ms-flexbox;display: flex;}
.reserve div.cale {width:375px;height:auto;margin-right:30px;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #cbcbcb;}
.reserve div.cale iframe {width:100%;height:100%;border:none;display:block;}

/* support */
.reserve div.support {width:545px;border:1px solid #cbcbcb;padding:20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;overflow:initial;}
.support p.support_title {font-size:1.4em;font-weight:bold;}
.support dl{width: 100%;}
.support dt, .support dd {padding:10px 0 20px;}
.support dt {float:left;width:100px;}
.support dd {padding-left: 120px;}
.support dt.last, .support dd.last {padding:10px 0 0;}
.support dd:after {content:'';display:block;clear:both;}
.support dt img {width:100px;height:auto;}
.support dd p {font-size:1.2em;font-weight:bold;margin-bottom:6px;}
.support dd a {width:2oopx;display:inline-block;margin-bottom:6px;}
.support dd a img {width:200px;}

.return {margin-top:60px;text-align: center;}
.return a {
	display:inline-block;background:#cbcbcb;line-height:1.0em;padding:18px 0;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;width:100%;max-width:640px;
}
.return a span {color:#FFFFFF;}


/* ----------------------------------------------
Slider
---------------------------------------------- */
.slick-slider {
	position: relative;display: block;box-sizing: border-box;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    -webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;
}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide
{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* ----------------------------------------------
scrollf
---------------------------------------------- */
#scrollf {position: fixed;bottom: 20px;right: 20px;}
#scrollf a img {width:150px;height:68px;}

@media only screen and (max-width: 768px) {
	
	/* ----------------------------------------------
	Global Elements
	---------------------------------------------- */
	body {min-width:initial;}
	
	/* ----------------------------------------------
	Header
	---------------------------------------------- */
	.header-inner {width:100%;padding:0 5px;}
	.header-logo .logo {height:50px;}
	.header-logo a {display:inline-block;padding:5px 0;}
	
	nav.header-nav ul {margin:5px 0;}
	nav.header-nav ul li a img {height:50px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;}
	#header nav.active {transform: translateY(0%);}
	
	/* TOP */
	#top {background:url(../images/header_sp.jpg)no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;min-height:initial;}
	#top:before {padding-top:0;}
	#top .top-inner {
		position: static;top:0;left:0;width: 100%;padding:90px 15px 30px;margin:0 auto;
		-webkit-transform: translate0,0);-moz-transform: translate(0,0);transform: translate(0,0);
	}
	#top .top-title h1 img, #top .top-icons img {width:100%;max-width:640px;display:block;margin:0 auto;}
	
	/* ----------------------------------------------
	Footer
	---------------------------------------------- */
	#footer .inner {width: 100%;}
	
	/* ----------------------------------------------
	Main Contents
	---------------------------------------------- */
	.box_inner {width:100%;max-width:640px;padding: 32px 15px; }
	.box_inner2 {width:100%;max-width:640px;padding: 32px 0; }

	h2 {line-height: 1.3em;}
	h2:after {margin:20px auto 30px;}
	
	/* ----------------------------------------------
	Contents
	---------------------------------------------- */
	/* Voice slider*/
	ul.voice .slick-list li {padding:15px;}

	/* Merit */
	ul#tab_img {width:100%;max-width:320px;height:auto;float: none;margin:0 auto 15px;}
	ul#tabs_text {width:100%;height:auto;float: none;}
	ul#tabs_text li {display:none;padding:0;margin-bottom:0;font-size:1.1em;}
	ul#tabs_text li p {width:90%;}
	ul#tabs_text li p span {font-size:1.2em;}
	ul#tabs_text li:after {display:none;}
	ul#tabs_text li.thumbnail-current {display:block;}

	/* Flow */
	ul.flow {display:block;max-width:640px;margin:0 auto;}
	ul.flow li {width:100%;margin-right:0;margin-bottom:40px;position:relative;display: -webkit-flex;display: -ms-flexbox;display: flex;}
	ul.flow li:after {margin-top:10px; top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(13, 6, 11, 0);border-top-color: #0d060b;border-width: 20px;margin-left: -20px;}
	ul.flow li:last-child {margin-right:0;}
	ul.flow li:last-child:after {display:none;}
	
	ul.flow li div.flowbox {width:50%;}
	ul.flow li p {width:48%;margin:0 0 0 2%;}
	
	/* reserve */
	.reserve {display:block;}
	.reserve div.cale {width:100%;max-width:375px;height:430px;margin:0 auto 20px;}
	
	/* support */
	.reserve div.support {width:100%;max-width:640px;/*height:300px;*/margin:0 auto;padding:15px;}

	.return {margin-top:30px;}
	
	/* ----------------------------------------------
	scrollf
	---------------------------------------------- */
	#scrollf {bottom: 5px;right: 5px;}
	#scrollf a img {width:110px;height:50px;}
	
}

@media only screen and (max-width: 480px) {
	/* ----------------------------------------------
	Header
	---------------------------------------------- */
	#top .top-inner {padding:75px 15px 15px;}
	
	/* ----------------------------------------------
	Main Contents
	---------------------------------------------- */
	h2 {font-size: 1.2em;letter-spacing:-1px;}
	
	/* ----------------------------------------------
	Contents
	---------------------------------------------- */
	/* Voice slider*/
	ul.voice .slick-list li {margin:0;}
	
	/* Flow */
	ul.flow li {display: block;}

	ul.flow li div.flowbox {width:100%;}
	ul.flow li p {width:100%;margin:6px 0 0;}
	
	/* reserve */
	.reserve div.cale {margin:;}
	
	/* support */
	.reserve div.support {max-width:initial;margin:;}
	.support dt, .support dd {padding:10px 0;}
	.support dt {float:none;width:100%;text-align: center;}
	.support dd {width:100%;border-bottom:1px solid #ccc;}
	.support dd.last {border-bottom:none;}
}


/*20190118追加 */
.bread-crumb {
	padding: 10px 20px;
	font-size: 12px;
}
.bread-crumb a,
.bread-crumb span {
	padding: 0 5px;
}
.bread-crumb a {
	color: #56B19B;
}
.bread-crumb a:hover {
	text-decoration: underline;
}

#breadcrumb {
	margin: 10px 0;
	font-size: 12px;
	width: 980px;
    margin: 10px auto;
}
#breadcrumb ul {
	display: flex;
	justify-content: flex-start;
}
#breadcrumb li:not(:last-child)::after {
	content: '>';
	display: inline-block;
	margin: 0 10px;
}

@media only screen and (max-width: 768px) {
	#breadcrumb {
	margin: 10px 0;
	font-size: 12px;
	width: auto;
    margin: 10px 0 10px 5px;
	}
}