@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/

/* mv ----------*/
#mv { padding: 8rem 0; background-image: url(../_img/index/mv.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
#mv h2 { display: inline-block; padding: 6rem 8rem; border-radius: 1rem; background-color: #FFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#mv { padding: 8rem 6rem; }
	#mv h2 { padding: 4rem; }
}

/* img_bg ----------*/
.img_bg { height: 35rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#topics_bg { background-image: url(../_img/index/bg1.jpg); }
#facility_bg { background-image: url(../_img/index/bg2.jpg); }
#voice_bg { background-image: url(../_img/index/bg3.jpg); }
#access_bg { background-image: url(../_img/index/bg4.jpg); }
#qa_bg { background-image: url(../_img/index/bg5.jpg); }
@media screen and (max-width:414px) { /* iPhone 縦 s */
	.img_bg { height: 20rem; }
}

/* promise ----------*/
#promise { background: rgba(0, 91, 171, 0.1); }
#promise .promise_list {}
#promise .promise_list li { position: relative; padding: 5rem 4rem 4rem; border-radius: 1rem; background-color: #FFF; }
#promise .promise_list li span { display: block; }
#promise .promise_list li .c { position: absolute; top: -2rem; left: 4rem; padding: 1rem 2rem 1rem 1rem; border-radius: 3.8rem; color: #FFF; line-height: 3rem; font-size: 1.8rem; font-weight: bold; }
#promise .promise_list div:nth-child(1) li .c { background-color: #54C2F0; }
#promise .promise_list div:nth-child(2) li .c { background-color: #FFD028; }
#promise .promise_list div:nth-child(3) li .c { background-color: #FF7D7D; }
#promise .promise_list div:nth-child(4) li .c { background-color: #005BAB; }
#promise .promise_list li .c i { display: inline-block; width: 3rem; height: 3rem; margin-right: 1rem; border-radius: 50%; background-color: #FFF; text-align: center; line-height: 3rem; font-style: normal; font-weight: bold; }
#promise .promise_list div:nth-child(1) li .c i { color: #54C2F0; }
#promise .promise_list div:nth-child(2) li .c i { color: #FFD028; }
#promise .promise_list div:nth-child(3) li .c i { color: #FF7D7D; }
#promise .promise_list div:nth-child(4) li .c i { color: #005BAB; }
#promise .promise_list li .h { margin-bottom: 2rem; font-size: 2.4rem; font-weight: bold; }
#promise .promise_list div:nth-child(1) li .h { color: #54C2F0; }
#promise .promise_list div:nth-child(2) li .h { color: #FFD028; }
#promise .promise_list div:nth-child(3) li .h { color: #FF7D7D; }
#promise .promise_list div:nth-child(4) li .h { color: #005BAB; }
#promise .promise_list li p { font-weight: bold; }

/* topics ----------*/
#topics {}
#topics .h2 { color: #54C2F0; }
#topics .h2 span { border-color: rgba(84, 194, 240, 0.6); }
#topics .topics_list {}
#topics .topics_list li {}
#topics .topics_list li span { display: block; }
#topics .topics_list li .p {}
#topics .topics_list li .p img { border-radius: 1rem; }
#topics .topics_list li .t {}
#topics .topics_list li .t .h { font-size: 2.4rem; font-weight: bold; }
#topics .topics_list div:nth-child(1) li .t .h mark { background: linear-gradient(transparent 60%, rgba(84, 194, 240, 0.5) 60%); }
#topics .topics_list div:nth-child(2) li .t .h mark { background: linear-gradient(transparent 60%, rgba(255, 208, 40, 0.5) 60%); }
#topics .topics_list div:nth-child(3) li .t .h mark { background: linear-gradient(transparent 60%, rgba(255, 125, 125, 0.5) 60%); }
#topics .topics_list div:nth-child(4) li .t .h mark { background: linear-gradient(transparent 60%, rgba(0, 91, 171, 0.3) 60%); }
#topics .topics_list div:nth-child(5) li .t .h mark { background: linear-gradient(transparent 60%, rgba(105, 198, 126, 0.3) 60%); }
#topics .topics_list div:nth-child(6) li .t .h mark { background: linear-gradient(transparent 60%, rgba(150, 84, 191, 0.3) 60%); }
#topics .topics_list li .t p { font-size: 1.6rem; }

/* facility ----------*/
#facility { background: rgba(142, 182, 59, 0.05); }
#facility .h2 { color: #8EB63B; }
#facility .h2 span { border-color: rgba(142, 182, 59, 0.6); }
#facility h4 { position: relative; margin-bottom: 4rem; padding: 1rem; border-radius: 0.5rem; color: #FFF; background-color: #8EB63B; text-align: center; font-size: 2rem; }
#facility h4:before { position: absolute; top: 100%; left: 0; right: 0; content: ""; width: 0; height: 0; margin: auto; border: 1.5rem solid transparent; border-top: 1.5rem solid #8EB63B; }
#facility img { border-radius: 1rem; }
#facility .tw h3 { color: #8EB63B; font-size: 2.4rem; }
#facility .p { position: relative; display: block; margin-bottom: 2rem; }
#facility .p .h { position: absolute; top: -2rem; left: 2rem; display: block; padding: 1rem 2rem; border-radius: 0.5rem; color: #FFF; background-color: #8EB63B; line-height: 1; font-weight: bold; }

/* voice ----------*/
#voice {}
#voice .voice { overflow: hidden; margin-bottom: 4rem; border: solid 1rem #EEE; border-radius: 1rem; }
#voice .voice:last-child { margin-bottom: 0; }
#voice #v1 { border-color: rgba(255, 125, 125, 0.5); }
#voice #v2 { border-color: rgba(255, 208, 40, 0.5); }
#voice #v3 { border-color: rgba(84, 194, 240, 0.5); }
#voice .voice .w { padding: 5rem; }
#voice .voice .pw {}
#voice .voice .pw img { border-radius: 50%; }
#voice .voice .tw {}
#voice .voice .tw h3 { font-size: 2rem; }
#voice .voice .tw p { margin-bottom: 4rem; font-size: 1.6rem; }
#voice .voice .tw p:last-child { margin-bottom: 0; }
#voice #v1 .tw h3 i { color: #FF7D7D; }
#voice #v2 .tw h3 i { color: #FFD028; }
#voice #v3 .tw h3 i { color: #54C2F0; }
#voice .staff {}
#voice .staff_voice { padding: 5rem; border: solid 1rem #EEE; border-radius: 1rem; }

/* gallery ----------*/
#gallery { height: auto; overflow: hidden; background-image: url(../_img/index/bg6.jpg); }
#gallery .h2 { color: #FFF; }
#gallery .h2 span { border-color: rgba(255, 255, 255, 0.6); }
#gallery li {}
#gallery li img { border-radius: 1rem; box-shadow: 0px 0px 20px #FFFFFF; }
#gallery .owl-carousel .owl-stage-outer { overflow: inherit; }
#gallery .owl-nav { position: absolute; top: calc(50% - 2rem); width: 100%; }
#gallery .owl-nav button { position: absolute; background-color: #54C2F0; color: #FFF; font-size: 3rem; text-align: center; width: 4rem; height: 4rem; border-radius: 4rem; line-height: 4rem; }
#gallery .owl-nav .owl-prev { left: -2rem; }
#gallery .owl-nav .owl-next { right: -2rem; }

/* cost ----------*/
#cost {}
#cost .h2 { color: #54C2F0; }
#cost .h2 span { border-color: rgba(84, 194, 240, 0.6); }
#cost td { text-align: center; vertical-align: baseline; }
#cost td strong { color: #FF7D7D; font-size: 2.4rem; vertical-align: baseline; }
#cost td strong small { font-size: 1.8rem; vertical-align: baseline; }
#cost .th { background-color: #f6f6f6; text-align: center; vertical-align: middle; }
#cost .th strong { color: #54C2F0; font-size: 1.8rem; }

/* access ----------*/
#access { background: rgba(255, 125, 125, 0.1); }
#access .h2 { color: #FF7D7D; }
#access .h2 span { border-color: rgba(255, 125, 125, 0.6); }
#access img { border-radius: 1rem; }
#access .map { margin-bottom: 4rem; }
#access .t { margin-bottom: 4rem; text-align: center; font-size: 2rem; font-weight: bold; vertical-align: baseline; }
#access .t strong { color: #FF7D7D; vertical-align: baseline; }
#access .t strong b { font-size: 4rem; vertical-align: baseline; }
#access .t span { opacity: 0.3; vertical-align: baseline; }
#access .t2 { margin-bottom: 4rem; text-align: center; }
#access .bt { background-color: #FF7D7D; }

/* qa ----------*/
#qa {}
#qa h3 { position: relative; margin-bottom: 4rem; padding: 1rem; border-radius: 0.5rem; color: #FFF; background-color: #005BAB; text-align: center; font-size: 2rem; }
#qa h3:before { position: absolute; top: 100%; left: 0; right: 0; content: ""; width: 0; height: 0; margin: auto; border: 1.5rem solid transparent; border-top: 1.5rem solid #005BAB; }
#qa .faq {}
#qa .faq li { margin-bottom: 1rem; padding: 3rem; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 1rem; }
#qa .faq li .q { position: relative; padding: 0 4rem 0 5rem; line-height: 1.4; font-size: 2rem; }
#qa .faq li .q:before { position: absolute; top: -1rem; left: 0; content: "Q."; color: #FF7D7D; font-size: 3rem; font-weight: bold; }
#qa .faq li .q:after { position: absolute; top: -0.5rem; right: 0; content: "＋"; color: #FF7D7D; font-size: 3rem; font-weight: bold; }
#qa .faq li .q.open:after { content: "－"; }
#qa .faq li .q:hover { cursor: pointer; }
#qa .faq li .a {}
#qa .faq li .a .w { position: relative; padding: 2rem 0 0 5rem; }
#qa .faq li .a .w:before { position: absolute; top: 1rem; left: 0; content: "A."; color: #CCC; font-size: 3rem; font-weight: bold; }
#qa .faq li .a .w p {}

/* contact ----------*/
#contact { color: #FFF; background-color: #005BAB; }
#contact .h2 { color: #FFF; }
#contact .h2 span { border-color: rgba(255, 255, 255, 0.6); }
#contact .tel { max-width: 75rem; margin: 0 auto 4rem; padding: 2rem; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 1rem; vertical-align: baseline; }
#contact .tel p { text-align: center; line-height: 1.4; font-weight: bold; }
#contact .tel strong { font-size: 6rem; vertical-align: baseline; }
#contact a { color: #FFF; text-decoration: none; }
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#contact .tel strong { display: block; font-size: 4rem; }
}