@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {margin:0;padding:0;border:0;outline:0;background:transparent;}
ul, ol, dl {list-style:none;}
html {height:100%;font-size: 71.4%;}
body {font-size: 1.4rem;/* font-size: 14px */ height:100%;color:#333;font-family: "游ゴシック体", YuGothic, "游ゴシック light", "Yu Gothic light", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
.fses {font-family: 'Prata', serif;font-weight: lighter;}
a {text-decoration: none;color: #333;}
a:hover {opacity: 0.8;}
.background {position:fixed;font-size: 100%;width:100%;height:100%;text-align:center;color:#410000;background:url(../img/bg_img.jpg)no-repeat center bottom;z-index: -10;background-size: cover;}
.baseBg {width: 900px;margin: 0 auto;height: 100vh;position: fixed;margin: auto;left: 0;right: 0;z-index: -1;background: #FFF;}
@media screen and (min-width:751px) {
.baseBg {width: 900px;}
}
.wrapper {max-width:750px;margin:0 auto;overflow: hidden;background: #FFF;}
iframe{width: 100%;}
img {width:100%;height:auto;vertical-align: bottom;}

/* header */
header {padding: 30px 0 20px 40px; display: flex;justify-content: space-between;align-items: center;}
header h1 img {width: 280px;height: auto;}
header .lang {display:flex!important;width: 100px;align-items: center;}
header .lang li:first-child::after {content:"／";}
header .lang li a {padding: 0 10px;}
header .lang li a.active {color: #597096;text-decoration: underline;}

section {margin-top: 150px;}
.scroll {opacity : 0;transform : translate(0, 50px);transition : all 500ms;}
.scrollin {opacity : 1;transform : translate(0, 0);}


h2 {text-align: center;font-size: 8rem;margin-bottom: 50px;}
.col01 {color: #ba245d;}
.col02 {color: #d70c59;}
.col03 {color: #cc7fa5;}
.col04 {color: #d30971;}
.col05 {color: #990066;}
.col06 {color: #cc3366;}
.col07 {color: #f6c5c0;}
.col08 {color: #b1985c;}
.col09 {color: #bd7d42;}
.col10 {color: #c4c197;}
.col11 {color: #ba633b;}
.col12 {color: #992b16;}
.col13 {color: #bca966;}
.col14 {color: #d2dab1;}
.col15 {color: #597096;}
.col16 {color: #275e75;}
.col17 {color: #97a4b3;}
.col18 {color: #c5c3d6;}
.col19 {color: #6260a2;}
.col20 {color: #705aa3;}
.col21 {color: #8f4597;}
.col22 {color: #93477f;}
.col23 {color: #a6476f;}
.col24 {color: #d08d5b;}
.col25 {color: #f2d197;}
.col26 {color: #c35c66;}
.col27 {color: #c34b76;}
.col28 {color: #645158;}
.col29 {color: #564f52;}
.col30 {color: #9f989b;}
.col31 {color: #554e52;}
.col32 {color: #40353c;}
.col33 {color: #e1cecc;}

.link {text-align: right;margin: 30px 70px 0 0;}
.link a {display: inline-block;border-bottom: 1px solid #333;font-size: 2rem;}


/* concept */
.concept .txt {width: 500px;margin: 0 auto;font-size: 2rem;}
.concept .txt:nth-of-type(2) {margin-top: 120px;}
.concept .txt p {margin-bottom:50px;line-height: 1.9;font-feature-settings: "palt";letter-spacing: 0.12em;}

/* gallery */
.gallery img {width: 100%;}

/* news */
.news .facebook {max-width: 500px;margin: 0 auto;}
.news .facebook > .fb-page {width: 100%;}
.news .facebook > .fb-page > span,
.news .facebook iframe {width: 100%!important;}

/* instagram */
#instafeed {display: flex;flex-wrap: wrap;justify-content: space-between;}
#instafeed a {width: 240px;height: 240px;position:relative;margin: auto;overflow: hidden;margin-bottom: 10px;background-color: #ba245d;}
#instafeed a:hover {opacity: 1;}
#instafeed a img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;-moz-transition: -moz-transform 0.5s linear;-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;-ms-transition: -ms-transform 0.5s linear;transition: transform 0.5s linear;}
#instafeed a img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);opacity: 0.5;background-blend-mode: multiply;}
@media screen and (max-width:750px) {
#instafeed a {width: 32vw;height: 32vw;margin-bottom: 2vw;margin-right: 2vw;}
#instafeed a:nth-child(3n) {margin-right: 0;}
}


/* access */
.access .map {width: 590px;margin: 0 auto;}
.access .map iframe {width: 590px;height: 750px;}
.access .info {width: 590px;margin: 50px auto;font-size: 1.8rem;}
.access .info dl {display: flex;justify-content: space-between;margin: 20px 0;}
.access .info dl dt, .access .info dl dd {width: 50%;}
.access .info dl dt {font-weight: bold;}
.access .info dl dd {color: #808080;}

/* footer */
footer {text-align: center;margin-top: 100px;}
footer .company a {border-bottom: 1px solid #333;font-size: 1.8rem;}
footer .copy {background: #000;color: #FFF;font-size: 1.3rem;padding:15px 0;margin-top: 15px;}

/* table */
#inline {display: none;}
.modaal-container h3 {text-align: center;padding: 2% 0;font-size: 1.8rem;}
.ci__table dl {display: flex;justify-content: flex-start;padding: 15px 0;border-top: 1px solid #ccc;}
.ci__table dl dt {width: 25%;padding:0 5%;text-align: center;font-weight: bold;}
.ci__table dl dd {width: 75%;padding:0 5%;text-align: left;border-left: 1px dotted #ccc;}






/*======================================

			SP

========================================*/

@media screen and (max-width:750px) {
img {width: 100%;height: auto;}
.baseBg  {width: 100%;}
.wrapper {width: 100%;}
header {padding: 4% 0 2.6% 4%;}
header h1 {max-height: 50px;width: 50%;font-size: 0;}
header h1 img {width: 100%;height: auto;vertical-align: middle;}
header .lang {width: auto;margin-left: auto;font-size: 1.2rem;margin-right: 2.6%;}
header .lang li a {padding: 0 5px;}
section {margin-top: 20%;}
h2 {font-size: 3.8rem;margin-bottom: 8%;}
.link {margin:4% 10.6% 0 0;}
.link a {font-size: 1.4rem;}
.concept .txt {width: 78%;font-size: 1.4rem;}
.concept .txt:nth-of-type(2) {margin-top: 15%;}
.concept .txt p {margin-bottom: 10%;}
section.gallery {margin-top: 25%;}
.access .map {width: 78.6%;}
.access .map iframe {width: 100%;height: 60vh;}
.access .info {width: 78.6%;font-size: 1.3rem;margin: 6% auto;}
footer {margin-top: 15%;}
footer .company a {font-size: 1.3rem;}
footer .copy {font-size: 1rem;}
	
.modaal-wrapper .modaal-content-container {padding: 4%;}
.modaal-wrapper .modaal-container h3 {font-size: 1.3rem;}
.modaal-wrapper	.ci__table {font-size: 1rem;}
.modaal-wrapper	.ci__table dl {padding: 2% 0;}
}

@media screen and (max-width:500px) {
.news .facebook {margin: 0 40px;}	
}




	.modaal-fullscreen .modaal-outer-wrapper .modaal-close {
		background: none;
		color: #000;
		right: 5vw;
		top: 5vw;
	}
	.modaal-outer-wrapper .modaal-close:before,
	.modaal-outer-wrapper .modaal-close:after {
		top: 9px;
		left: 14px;
		width: 2px;
		height: 14px;
		background: #000;
	}
	
@media screen and (max-width:750px) {
	.modaal-fullscreen .modaal-outer-wrapper .modaal-close {
		background: none;
		color: #000;
		right: 0px;
		top: 5vw;
	}
	.modaal-outer-wrapper .modaal-close:before,
	.modaal-outer-wrapper .modaal-close:after {
		top: 9px;
		left: 14px;
		width: 2px;
		height: 14px;
		background: #000;
	}
}