@charset "UTF-8";
/*　COMMON　*/
html { font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #494949;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important;-webkit-text-size-adjust: 100%;width:100%;overflow-x: hidden;background:#fff;font-size:1.4rem;letter-spacing: 0.07em;}
/*a img{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}*/
a{color:#494949;text-decoration:none;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;cursor: pointer;}

.blight{text-decoration:none;color:#000;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.blight:hover{text-decoration:none;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.pcnone{display:none!important;}
.spnone{display:block!important;}
img{max-width:100%;}

header {width: 100%!important;padding:20px 50px!important;position:relative;}
header .h_in{display:flex;align-items: center;}
header .h_in .h_link{display:flex;align-items: center;justify-content: space-between;}
header .h_in .h_back{width:180px;position:absolute;left:50px;}
header .h_in .h_visit{width:180px;position:absolute;right:50px;}

header h1 {width:176px;margin:0 auto;padding:5px 0 0 0;}
header h1 img{width:100%;height:auto;}

.jost {font-family: "Jost", sans-serif;}

.inv1{opacity:0;}
.inv1-2{opacity:0;animation-delay: 1.5s!important;}


/*
.kv_txt{position:absolute;bottom:20px;left:0;right:0;width:450px;margin:0 auto;}
*/


.kv_img {position: relative;width: 100%;overflow: hidden;}
.kv_img .kv_img_txt {position: absolute;inset: 0;width: 100%;}
.kv_img .kv_img_txt {opacity: 0;animation: kvSlide 2.5s forwards;animation-iteration-count: 1;animation-delay: 0s;}

@keyframes kvSlide {
  0%   { opacity: 1; }
  40%   { opacity: 1; }
  100% { opacity: 0; }
}


.lead_sec{background:#e6e6e6;padding:0 0 135px 0;}
.lead_sec_in{max-width:1540px;margin:0 auto;padding:30px 20px 85px 20px;}

.lead_txt{text-align:center;font-size:1.5rem;line-height:40px;letter-spacing: 0.15em;}

.lead_sec_box_out{background: #F7F7F7;background: linear-gradient(270deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 0) 51%, rgba(247, 247, 247, 0) 100%);box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);margin-left: calc(50% - 600px);}
.lead_sec_box_out2{background: #F7F7F7;background: linear-gradient(270deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 1) 51%, rgba(247, 247, 247, 1) 100%);margin:135px 100px 135px 0;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);margin-right: calc(50% - 600px);}
.lead_sec_box{margin:0 auto 0 0;max-width:1300px;}
.lead_sec_box.reverse{margin:0 0 0 auto;}
.lead_sec_box_in{display:flex;background:#f7f7f7;}

/*.lead_sec_box.reverse{padding:0 100px 135px 0;}*/
.lead_sec_box.reverse .lead_sec_box_in{flex-direction: row-reverse;}

.lead_sec_box_img{max-width:600px;width:100%;flex-shrink: 1;}
.lead_sec_box_txt{padding:0 100px 0 30px;width:100%;}
.lead_sec_box.reverse .lead_sec_box_txt{padding:0 30px 0 100px;width:100%;}
.lead_sec_box_txt h2{font-size:3.3rem;font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important;padding:60px 10px 0 0;border-right:1px solid #000;margin:0 0 75px 0;line-height:1.667;font-feature-settings: "palt";}

.lead_sec_box.reverse .lead_sec_box_txt h2{border-right:0;border-left:1px solid #000;padding:60px 0 0 10px;}
.lead_sec_box.reverse .lead_sec_box_txt h2 span{margin:0 0 0 auto;display:table;}
.lead_sec_box_txt p{line-height:2.071;}


.pursuit_of_beauty{background:#000;}
.pursuit_of_beauty_in{max-width:640px;width:100%;margin:0 auto;padding:100px 20px;}
.pursuit_of_beauty_in h2{color:#fff;display:table;margin:0 auto;font-size:3.6rem;font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important;padding:0 0 50px 0;letter-spacing: 0.15em;}
.pursuit_of_beauty_in p{color:#fff;font-size:1.5rem;line-height:40px;letter-spacing: 0.15em;}


.mrg_link{max-width:331px;width:100%;margin:0 auto;padding:100px 0 0 0;}
.mrg_link a{display:block;}
.mrg_link button{display:block;max-width:331px;width:100%;}


.mrg_spcontents_in{max-width:1240px;padding:0 20px;margin:0 auto;}
.mrg_spcontents_in .mrg_spcontents_txt{max-width:370px;padding:120px 0 30px 0;}

.mrg_spcontents_in2{background:#000;}
.mrg_spcontents_in2 .mrg_spcontents_in2_in{max-width:1240px;padding:55px 13px;display:flex;justify-content: center;margin:0 auto;}
.mrg_spcontents_in2 .mrg_spcontents_in2_in div{padding:0 7px 0 7px;width:33.3%;}
.mrg_spcontents_in2 .mrg_spcontents_in2_in span{color:#fff;display:block;padding:5px 0 0 0;}

.more_about{background:#e6e6e6;padding:100px 20px 60px 20px;}

.more_about h2{max-width:437px;margin:0 auto;}
.more_about h3{border-bottom:1px solid #000;padding:80px 0 20px 0;margin:0 0 50px 0;}
.more_about h3 img{max-width:176px;}
.more_about .more_about_in{max-width:1240px;margin:0 auto;padding:0 20px;}

.more_about .more_about_box{display:flex;flex-wrap: wrap;margin:0 0 0 -1.5%;}
.more_about .more_about_box .more_about_box_in{width:31.8%;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);margin:0 0 40px 1.5%;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in{background:#fff;width:100%;padding:20px;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in.editorial{background:#000;width:100%;padding:20px;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in .tag{max-width:100px;width:100%;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in .ti{font-size:1.7rem;padding:20px 0 40px 0;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in.editorial .ti{color:#fff;}
.more_about .more_about_box .more_about_box_in .more_about_box_in_in .data{font-size:1.1rem;color:#999;font-family: "Jost", sans-serif!important;}
















@media screen and (min-width:768px) and (max-width:1400px){
	.lead_sec_box_out{background: #F7F7F7;margin-left: calc(7.142857142857142vw);}
	.lead_sec_box_out2{background: #F7F7F7;margin-right: calc(7.142857142857142vw);}


	.lead_sec_box_txt h2{font-size:2.357142857142857vw;margin: 0 0 5.36vw 0;line-height:1.8;}
	.lead_sec_box_txt p{/*font-size:1vw;*/padding:0 0 20px 0;}
	.lead_sec_box_img{max-width:42.857142857142854vw;}

	/*.lead_sec_box{padding:0 0 135px 7.142857142857142vw;}*/
	/*.lead_sec_box.reverse{padding:0 7.142857142857142vw 135px 0;}*/
	.lead_sec_box_txt{padding:0 7.142857142857142vw 0 2.142857142857143vw;}
	.lead_sec_box.reverse .lead_sec_box_txt{padding:0 2.142857142857143vw 0 7.142857142857142vw;}


}


/*　SmartPhone　*/
@media only screen and (max-width:767px){
	html { font-size: 52.5%; }

	.pcnone{display:block!important;}
	.spnone{display:none!important;}


	header {padding:20px 12vw!important;}
	header .h_in{display:block;}
	header .h_in .h_link{padding:15px 0 0 0;}
	header .h_in .h_back{width:100%;max-width:29.333333333333332vw;position:static;}
	header .h_in .h_visit{width:100%;max-width:29.333333333333332vw;position:static;}

	header h1 {width:33.333333333333336vw;}



	.lead_sec{padding:0;}

	.lead_sec_in{padding:20px 20px 40px 20px;}
	.lead_txt{font-size:3vw;line-height:2.0;letter-spacing: 0.05em;}






	.lead_sec_box_out{background: none;margin:0;box-shadow: none;}
	.lead_sec_box_out2{background: none;margin:0;box-shadow: none;}

	.lead_sec_box{padding:0 20px 40px 20px;}
	.lead_sec_box_in{display:block;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);}

	.lead_sec_box.reverse{padding:0 20px 40px 20px;}

	.lead_sec_box_txt{padding:0 20px 30px 20px;}
	.lead_sec_box_img{max-width:100%;}



	.lead_sec_box.reverse .lead_sec_box_txt{padding:0 20px 30px 20px;}
	.lead_sec_box_txt h2{font-size:4.5vw;padding:30px 10px 0 0;margin:0 0 35px 0;}

	.lead_sec_box.reverse .lead_sec_box_txt h2{padding:30px 0 0 10px;}



	.pursuit_of_beauty_in{padding:50px 20px;}
	.pursuit_of_beauty_in h2{font-size:5.5vw;padding:0 0 30px 0;}
	.pursuit_of_beauty_in p{font-size:3.4vw;line-height:2.2;}


	.mrg_link{max-width:53.333333333333336vw;padding:75px 0 20px 0;}


	.mrg_spcontents_in .mrg_spcontents_txt{max-width:54.13333333333333vw;padding:50px 0 20px 0;}

	.mrg_spcontents_in2 .mrg_spcontents_in2_in{padding:30px 20px 45px 20px;display:block;}
	.mrg_spcontents_in2 .mrg_spcontents_in2_in div{padding:15px 0 0 0;width:100%;}

	.more_about{padding:50px 20px;}

	.more_about h2{max-width:64vw;}
	.more_about h3{padding:50px 0 15px 0;margin:0 0 40px 0;}
	.more_about h3 img{max-width:25.2vw;}
	.more_about .more_about_in {padding: 0;}

	.more_about .more_about_box{display:block;margin:0 0 0 0;}
	.more_about .more_about_box .more_about_box_in{width:100%;margin:0 0 40px 0;display:block;}
	.more_about .more_about_box .more_about_box_in:last-child{margin:0 0 10px 0;}
	.more_about .more_about_box .more_about_box_in .more_about_box_in_in .tag{max-width:22.266666666666666vw;}
	.more_about .more_about_box .more_about_box_in .more_about_box_in_in .ti{font-size:4.1vw;height:auto!important;}
	.more_about .more_about_box .more_about_box_in .more_about_box_in_in .data{font-size:2.5vw;}


}


/*　SmartPhone　*/
@media only screen and (max-width:480px){

/*
	13px　→　3vw
	14px　→　3.3vw
	16px　→　3.5vw
	18px　→　3.8vw
	20px　→　4.0vw
	22px　→　4.2vw
	23px　→　4.3vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/

}