@charset "utf-8";

.home #globalnav { top:-20px; }

/* topimage
---------------------------------------- */
#topimage { height:450px; text-align:center; overflow:hidden; }
@media screen and (min-width:1366px) {
	#topimage { background:url(../topimage/topimage_bg.jpg) center top no-repeat; }
}
#topimage .text_a {display:none;}
#topimage .text_b {display:none;}
#topimage #topimagebox { width:100%; max-width:1366px; margin:0 auto; position: relative; }
#topimage .topslider li { width:100%; height: 450px; background-position:center center; background-repeat:no-repeat; position:relative; }
#topimage .topslider .topimgbox:nth-of-type(1) { background-image:url(../topimage/topimg01.jpg); }
#topimage .topslider .topimgbox:nth-of-type(2) { background-image:url(../topimage/topimg02-1.jpg); }
#topimage .topslider .topimgbox:nth-of-type(3) { background-image:url(../topimage/topimg02.jpg); }
#topimage .topslider .topimgbox:nth-of-type(4) { background-image:url(../topimage/topimg03-1.jpg); }
#topimage .topslider .topimgbox:nth-of-type(5) { background-image:url(../topimage/topimg03.jpg); }
#topimage .topslider .topimgbox:nth-of-type(6) { background-image:url(../topimage/topimg04.jpg); }
#topimage .topslider .topimgbox:nth-of-type(7) { background-image:url(../topimage/topimg07.jpg); }
#topimage li > span { display:inline-block; position:absolute;  margin-top:-3em; font-size:23px; line-height:1.6; color:#fff; text-shadow:1px 1px 6px #000,-1px -1px 3px #000; text-align:left; font-weight:900; }
#topimage li:first-child > span { top:30%; left:10vw; margin-top:-3em; }
#topimage li:nth-of-type(3) > span { top:25%; right:15vw; }
#topimage li:nth-of-type(5) > span { top:22%; left:50%; 	-webkit-transform: translateX(-50%); transform: translateX(-50%); }
#topimage li:nth-of-type(6) > span { top:30%; right:25vw; }
#topimage li:nth-of-type(7) > span { bottom:30%; left:15vw; }
#topimage li span.f_green { color:#cf0; font-size:40px; display:inline-block; line-height:1.0; font-style: oblique; }
#topimage_bt { height:20px; background:url(../topimage/topimage_bottom.png) center top repeat-x; }
#topimage .button { bottom:18%; left:15vw; }
#topimage .button a { display:table-cell; width:300px;height:40px; border-radius:10px; background-color:#cf0; color:#000; font-size:18px; font-weight:700; text-align:center; vertical-align:middle; box-shadow:0 -16px 10px #31a403 inset; text-decoration:none; }
#topimage .button a:after { content:"▼"; display:inline-block; padding-right:6px;padding-top:12px; font-size:9px; transform:rotate(-90deg); }
#topimage .button a:hover { opacity:1; color:#fff;}

/* slick
---------------------------------------- */
.prev-arrow,
.next-arrow {
	position: absolute;
	top: 50%;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	display:block;
	width:30px;
	height:30px;
		z-index: 100;
	overflow:hidden;
}
.prev-arrow {
	left: 20px;
	background-image:url(../_images/_home/topimg_ar_l.png)
}

.next-arrow {
	right: 20px;
	background-image:url(../_images/_home/topimg_ar_r.png)
}
#simple_gallery .prev-arrow,
#simple_gallery .next-arrow {
	width:21px;
	height:20px;
}
#simple_gallery .prev-arrow {
	left: -14px;
	background-image:url(../_images/bt_arrow_l.png);
}
#simple_gallery .next-arrow {
	right: -15px;
	background-image:url(../_images/bt_arrow.png);
}
.prev-arrow span,
.next-arrow span {
	display:block;
	width:100%;
	height:0;
	padding-top:30px;
}
#simple_gallery .prev-arrow span,
#simple_gallery .next-arrow span {
	padding-top:20px;
}
.slick-dots { height:20px; display:flex; justify-content:center; position:absolute; bottom:20px; }
.slick-dots li { width: 15px!important; height: 15px!important; background-image: none; }
.slick-dots li button:before { color:#fff; opacity:1; font-size: 15px; }
.slick-dots li.slick-active button:before { color:#5185c5; opacity:1; }
.bt_blue.bt_blue_2bt { margin-top:30px; }
.bt_blue.bt_blue_2bt ul { width:486px; display:flex;}
.bt_blue.bt_blue_2bt li:first-child { margin-right:10px; }
.bt_blue.bt_blue_2bt li a { height:80px; text-align:center; vertical-align:middle; }
.bt_blue.bt_blue_2bt li a span.arrow { padding:0 0 26px; background-position:center bottom;  }

.home article:first-child section > .head1 { padding-top:20px; background-image:none; font-size:32px; letter-spacing:0; }
.home article:first-child section > .head1 span:after { content:none; display:none; }

.home #bn_morris { margin: 30px auto 0; max-width:502px; }
.home #homelead { color:#595757; }
.home #charm_gallery1.charm_gallery_area { margin:60px auto 0; }
.home .charm_gallery_area .charm_main { position:relative; width:754px; height:320px;}
.home .charm_gallery_area a:hover { opacity:1; }
.home .charmbox { position:absolute; left:0; top:0; }
.home .charmbox .charm_txt { display:none; }
.home .charm_pc { display:flex; width:754px; background-color:#eaeff9; }
.home .charm_txt { width:251px; z-index:100; }
.home .charm_txt a { text-decoration: none; }
.home .charm_txt.active { background-color:#fff; box-shadow:2px 1px 2px #ddd; text-decoration: none; }
.home .charm_txt:hover { box-shadow:2px 1px 2px #ddd; text-decoration: none; }
.home .charm_txt.active:before { content:'◆'; margin-top:-12px; width:251px; font-size:16px; color:#5185c5; display:block; text-align:center; }
.home .charm_txt span { display:block; padding:10px 10px 15px; }
.home .charm_txt span:first-child { margin:0; padding-top:28px; background:url(../_images/bd_dot.png) center bottom no-repeat; font-size:20px; color:#5185c5; line-height:1.4; text-align:center; font-weight:700; }
.home .charm_txt.active span:first-child { padding-top:16px;}
.home .charmbox .charm_img { width:754px; height:320px; overflow:hidden; background-position: center bottom; background-repeat:no-repeat; }
.home .charmbox .charm_img span { display:block; width:100%; height:0; padding-top:320px; }
.home #charm_gallery1 .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm01.jpg);}
.home #charm_gallery1 .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm02.jpg);}
.home #charm_gallery1 .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm03.jpg);}
.home #charm_gallery2 .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm21.jpg);}
.home #charm_gallery2 .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm22.jpg);}
.home #charm_gallery2 .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm23.jpg);}

.home #charm_noani { width:754px; height:auto; }
.home #charm_noani .charm_main { display:flex; justify-content:space-between; flex-wrap:wrap; width:754px; height:auto; }
.home #charm_noani .charmbox { position:relative; left:0; top:0; width:363px; height:auto; padding-bottom:1.5em; }
.home #charm_noani .charm_img { width:100%; background-position: left top; }
.home #charm_noani .charmbox .charm_txt { display:block; }
.home #charm_noani .charm_txt { width:100%; }
.home #charm_noani .charm_txt:hover { background-color:transparent; box-shadow:none; }
.home #charm_noani .charm_txt:before { content:'◆'; margin-top:-12px; width:100%; font-size:16px; color:#5185c5; display:block; text-align:center; }
.home #charm_noani .charm_txt > span:first-child { margin:0; padding:16px 0 0; background:url(../_images/bd_dot.png) center bottom repeat-x; font-size:20px; color:#5185c5; line-height:1.2; text-align:center; }
.home #charm_noani .charm_txt > span:first-child span { color:#727171; font-size:16px;letter-spacing:-0.1em; }
.home #charm_noani .charmbox .charm_img { width:100%; height:44%; overflow:hidden; background-position: center bottom; background-repeat:no-repeat; }
.home .charmbox .charm_img span { display:block; width:100%; height:0; padding-top:44.1%; }
.home #charm_noani .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm11.jpg);}
.home #charm_noani .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm12.jpg);}
.home #charm_noani .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm13.jpg);}
.home #charm_noani .charmbox:nth-of-type(4) .charm_img { background-image:url(../_images/_home/charm14.jpg);}

/* simple gallery
---------------------------------------- */
.home #simple_gallery { height:auto; margin:10px atuo 40px; }
.home #simple_gallery div { text-align:center; width:99.6%; padding:0 0.2%; }
.home #simple_gallery div.nobigphoto img { border:3px #393 solid!important; }
.home #simple_gallery div img { width:100%; height: auto; }
#imageData #numberDisplay{ display: block!important; }
.home .lb-data:nth-of-type(1) .lb-number{display:none!important; }

/* area
---------------------------------------- */
.home #area .row2img figure { position:relative; width:365px; margin: 8px 0; }
.home #area .row2img:nth-of-type(1) figure.wsize { width:754px; }
.home #area .row2img figure figcaption { position:absolute; left:0; bottom:10px; width:100%; color:#fff; font-weight:900; text-shadow:-2px -2px 5px #000,2px 2px 5px #000; text-align:center; font-size: 20px; line-height:1.2; }


/* voice
---------------------------------------- */
.home .voiceframe { margin-bottom:50px; }


/* access
---------------------------------------- */
.home #access iframe { width:100%; margin-bottom:20px; }
.home #access .head3 { margin-top:50px; margin-bottom:20px; padding-bottom:16px; background:url(../_images/bd_dot.png) center bottom repeat-x; font-size:20px; color:#5185c5; text-align:center; font-weight:700; }
.home #access .head4 { margin-top:1em; font-size:16px; color:#5185c5; font-weight:700; }
/*.home #access figure.fl_r { width:362px; }*/
.home #access .button { margin-top:1.5em; }
.home #access .button a { display:table-cell; width:300px;height:40px; border-radius:10px; background-color:#f29a76; color:#fff; font-size:18px; font-weight:700; text-align:center; vertical-align:middle; box-shadow:0 -16px 10px #e83820 inset; text-decoration:none; }
.home #access .button a:after { content:"▼"; display:inline-block; padding-right:6px;padding-top:12px; color:#fff; font-size:9px; transform:rotate(-90deg); }

/* other
---------------------------------------- */
.home .urgent_info {  margin:50px auto; text-align:center;border-bottom: 1px #5185c5 dotted; border-top: 1px #5185c5 dotted; width:85%; }
.home .urgent_info a { display:inline-block; padding:10px 60px 10px 20px; background:url(../_images/bt_arrow.png) right 20px center no-repeat; text-decoration:none;  }

@media screen and (max-width:1024px) {
}
@media screen and (max-width:834px) {

	#topimage { height:51vw; }
	#topimage #topimagebox { width:100%; margin:0 auto; position: relative; }
	#topimage .topslider .topimgbox {height: 51vw; background-size:100% auto; }
	#topimage .topslider .topimgbox:nth-of-type(1) { background-image:url(../topimage/topimg01_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(2) { background-image:url(../topimage/topimg02-1_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(3) { background-image:url(../topimage/topimg02_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(4) { background-image:url(../topimage/topimg03-1_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(5) { background-image:url(../topimage/topimg03_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(6) { background-image:url(../topimage/topimg04_sp.jpg); }
	#topimage .topslider .topimgbox:nth-of-type(7) { background-image:url(../topimage/topimg07_sp.jpg); }
	#topimage li > span { margin-top:0; font-size:4.0vw; line-height:1.5; text-shadow:1px 2px 5px #000,-1px -1px 5px #000; color:#fff; }

	@media screen and (min-width:751px) {
		#topimage li > span { font-size:28px; }
		#topimage li span.f_green { font-size:36px; }
	}
	#topimage li:first-child > span { top:30%; left:11vw; width:19em;}
	#topimage li:nth-of-type(3) > span { top:5%; right:5vw; }
	#topimage li:nth-of-type(5) > span { top:5%; left:50%; width:16em;	-webkit-transform: translateX(-50%); transform: translateX(-50%); text-align:center;}
	#topimage li:nth-of-type(6) > span { top:4%; right:4vw; }
	#topimage_bt { height:2.7vw; background-size:auto 100%; }
	#topimage li:nth-of-type(7) > span { bottom:auto; top:5%; left:15vw; }
	#topimage li span.f_green { font-size:8vw; }
	#topimage_bt { height:2.7vw; background-size:auto 100%; }
	#topimage .button { bottom:18%; left:15vw; }
	#topimage .button a { width:36vw;height:4.8vw; border-radius:12vw; font-size:2.2vw; box-shadow:0 -2vw 1.2vw #749501 inset; }
	#topimage .button a:after { padding-right:0;padding-top:0; }

	.prev-arrow { left: 10px; }
	.next-arrow { right: 10px; }
	.slick-dots { bottom:5px; }

	.home article:first-child section > .head1 { padding-top:5.3vw; font-size:20px; letter-spacing:0; text-align:center; }
	.bt_blue.bt_blue_2bt { margin-top:6.6vw; }
	.bt_blue.bt_blue_2bt ul { width:400px; display:flex; }
	.bt_blue.bt_blue_2bt li:first-child { margin-right:10px; }
	.bt_blue.bt_blue_2bt li a { height:80px; text-align:center; vertical-align:middle; font-size:16px; }
	.bt_blue.bt_blue_2bt li a span.arrow { padding:0 0 26px; background-position:center bottom; }
	@media screen and (max-width:767px) {
		.bt_blue.bt_blue_2bt ul { width:320px; }
		.bt_blue.bt_blue_2bt li a { height:60px; }
	}
	@media screen and (max-width:374px) {
		.bt_blue.bt_blue_2bt ul { width:200px; display:block;}
		.bt_blue.bt_blue_2bt li:first-child { margin-right:0; }
		.bt_blue.bt_blue_2bt li a { display:table-cell; width:200px; height:40px;  }
		.bt_blue.bt_blue_2bt li a span.arrow { padding:0 26px 0 0; background-position:right bottom 2px; }
	}
	
	.home .charm_pc { display:none; }
	.home .charm_gallery_area { margin:60px auto 0; }
	.home .charm_gallery_area .charm_main { position:relative; width:100%; height:auto; }
	.home .charmbox { position:relative; left:auto; top:auto; margin-bottom: 20px; background-color:#eaeff9; box-shadow:2px 1px 2px #ddd; }
	.home .charmbox .charm_txt { display:block; }
	.home .charm_txt { width:auto; z-index:100; margin: 0 2vw;}
	.home .charm_txt a { text-decoration: none; }
	.home .charm_txt,.home .charm_txt:hover { box-shadow:none; text-decoration: none; background-color:transparent; }
	.home .charm_txt:before { content:'◆'; margin-top:-14px; width:100%; font-size:16px; color:#5185c5; display:block; text-align:center; }
	.home .charm_txt span { display:block; padding:10px 10px 15px; }
	.home .charm_txt span:first-child { height:auto; margin:0; padding-top:0; background:url(../_images/bd_dot.png) center bottom repeat-x; font-size:18px; color:#5185c5; line-height:1.4; text-align:center; font-weight:700; }
	.home .charm_txt.active span:first-child { padding-top:0; }
	.home .charmbox .charm_img { width:89.3vw; max-width:100%; height:42.4%; background-size:100% auto; }
	.home .charmbox .charm_img span { padding-top:42.4%; }
		.home #charm_gallery1 .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm01_sp.jpg);}
	.home #charm_gallery1 .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm02_sp.jpg);}
	.home #charm_gallery1 .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm03_sp.jpg);}
	.home #charm_gallery2 .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm21_sp.jpg);}
	.home #charm_gallery2 .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm22_sp.jpg);}
	.home #charm_gallery2 .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm23_sp.jpg);}

	.home #charm_noani { width:100%; margin-top:0; }
	.home #charm_noani .charm_main { display:block; width:100%; }
	.home #charm_noani .charmbox { width:100%; padding-bottom:0; }
	.home #charm_noani .charm_txt { width:auto; margin: 0 2vw;}
	.home #charm_noani .charm_txt:hover { background-color:transparent; box-shadow:none; }
	.home #charm_noani .charm_txt:before { content:'◆'; margin-top:-12px; width:100%; font-size:16px; color:#5185c5; display:block; text-align:center; }
	.home #charm_noani .charm_txt > span:first-child { margin:0; padding-top:16px; padding-bottom:0;  background:url(../_images/bd_dot.png) center bottom repeat-x; font-size:18px; color:#5185c5; line-height:1.2; text-align:center; font-weight:700; }
	.home #charm_noani .charm_txt > span:first-child span { color:#727171;  letter-spacing:0;}
	.home #charm_noani .charmbox .charm_img { height:44.1%; }
	.home #charm_noani .charmbox .charm_img span { padding-top:44.1%; }
	.home #charm_noani .charmbox:nth-of-type(1) .charm_img { background-image:url(../_images/_home/charm11_sp.jpg);}
	.home #charm_noani .charmbox:nth-of-type(2) .charm_img { background-image:url(../_images/_home/charm12_sp.jpg);}
	.home #charm_noani .charmbox:nth-of-type(3) .charm_img { background-image:url(../_images/_home/charm13_sp.jpg);}
	.home #charm_noani .charmbox:nth-of-type(4) .charm_img { background-image:url(../_images/_home/charm14_sp.jpg);}

	/* area
	---------------------------------------- */
	.home #area section:nth-of-type(2) .head2:first-child { padding-top:0; }
	.home #area .row2img figure { width:48.7%; max-width:365px; margin: 8px 0; }
	.home #area .row2img:nth-of-type(1) figure.wsize { width:100%; max-width:750px; height:42.8%; }
		@media screen and (max-width:767px) {
			.home #area .row2img figure figcaption { font-size: 3.2vw; }
			.home #area .row2img figure { width:43vw; max-width:332px; margin: 1.1vw 0; }
	}

	/* reason
	---------------------------------------- */
	.home #reason .charm_gallery_area { margin-top:0; }

	
	/* campaign
	---------------------------------------- */
	.campaign #aniverary3rd > div.p_re { margin-top:16vw; }
	@media screen and (max-width:834px) {
		.campaign #aniverary3rd .p_ab{width:15vw;}
	}
		@media screen and (max-width:767px) {
			.campaign #aniverary3rd{padding-top:10vw;}
			.campaign #aniverary3rd .p_ab{top:-16vw;width:22vw;}
	}

	/* access
	---------------------------------------- */
.home #access figure.fl_r { width:100%; float:none; }
	.home #access .button { text-align:center; }
	.home #access .button a { margin-left:auto; margin-right:auto; display:block; width:250px;height:26px; padding-bottom:10px; font-size:16px; }
	.home #access .button a:after { content:"▼"; display:inline-block; padding-right:6px;padding-top:12px; color:#fff; font-size:9px; transform:rotate(-90deg); }

	/* other
	---------------------------------------- */
	.home .urgent_info { margin:30px auto; width:95%; }
	.home .urgent_info a { width:calc(100% - 60px); padding:10px 50px 10px 10px; }
	
}