@charset "UTF-8";


html, body { height: auto; }

#main-content{ position: relative; }
#main-content::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background-color: #ffffff; }
#main-content img{ width: 100%; height: auto; }
#main-content .section-model{ position: relative; overflow: hidden; }
#main-content .section-model .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-model .fixed-bg.enable{ z-index: 200; }
#main-content .section-model .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-model .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-model .fixed-bg .bg .bg-fill{ position: fixed; top: 0; left: 0; z-index: -1; display: block; width: 92.8571%; height: 100%; background: url(../images/img_model/p01.jpg) center center no-repeat; background-size: cover; }
#main-content .section-model .fixed-bg .bg .overlay{ position: absolute; left: 0; top: 0; width: 92.8571%; height: 100%; background: rgba(0,0,0,0.4); }
#main-content .section-model .fixed-bg .bg .caption{ position: fixed; left: 0; bottom: 40px; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-model .fixed-bg .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; position: fixed; left: 60px; top: 50%; transform: translateY(-50%); font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-model .section-content{ width: 68.5714%; position: relative; z-index: 500; margin-left: auto; padding-bottom: 80px; margin-top: 100vh; margin-top: calc(var(--vh, 1vh) * 100); background-color: #f3f2f0; }
#main-content .section-model .section-content .photo{ position: relative; }
#main-content .section-model .section-content .split-view01{ display: flex; display: -ms-flex; justify-content: space-between; width: 85.4166%; margin: 6.0417% auto 0; align-items: center; }
#main-content .section-model .section-content .split-view01 .photo02{ width: 36.3415%; }
#main-content .section-model .section-content .split-view01 .photo03{ width: 59.878%; }
#main-content .section-model .section-content .photo04{ margin: 6.0417% 0 0 auto; width: 92.7083%; }
#main-content .section-model .section-content .split-view02{ display: flex; display: -ms-flex; justify-content: space-between; width: 85.4166%; margin: 6.0417% auto 0; align-items: flex-start; }
#main-content .section-model .section-content .split-view02 .photo05{ width: 71.2195%; }
#main-content .section-model .section-content .split-view02 .photo-group{ width: 22.3170%; margin-top: -11.9512%; }
#main-content .section-model .section-content .split-view02 .photo-group .photo07{ margin-top: 1.6393%; }
#main-content .section-model .section-content .photo08{ margin: 6.0417% auto 0 0; width: 92.7083%; }
#main-content .section-model .section-content .photo .caption{ position: absolute; font-size: 18px; line-height: 1.2; color: #ffffff;font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-model .section-content .photo01 .caption{ right: 0; bottom: 0; margin: 0 3% 3% 0; }
#main-content .section-model .section-content .photo04 .caption{ right: 0; top: 0; margin: 3% 3% 0 0; }
#main-content .section-model .section-content .photo08 .caption{ left: 0; bottom: 0; margin: 0 0 3% 3%; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content::before{ height: 0; padding-top: 10.42%; }
	#main-content .section-model .fixed-bg .bg .bg-fill{ width: 100%; }
	#main-content .section-model .fixed-bg .bg .overlay{ width: 100%; }
	#main-content .section-model .fixed-bg .bg .caption{ bottom: 50px; }
	#main-content .section-model .fixed-bg.ttl-body{ position: relative; height: auto!important; }
	#main-content .section-model .fixed-bg.ttl-body .bg{ position: relative; height: auto!important; clip: auto; bottom: auto; right: auto; }
	#main-content .section-model .fixed-bg.ttl-body .en-ttl{ position: relative; left: auto; top: auto; transform: none; text-align: center; padding: 20% 0; }
	#main-content .section-model .section-content{ width: 100%; margin: 0 auto; padding-bottom: 10%; margin-top: 0; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}