@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-design{ position: relative; padding-bottom: 80px; }
#main-content .section-design::before{ content: ""; position: absolute; left: 0; bottom: 0; background-color: #ffffff; width: 100%; padding-top: 80px; z-index: 300; }
#main-content .section-design .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-design .fixed-bg.enable{ z-index: 200; }
#main-content .section-design .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-design .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-design .fixed-bg .bg .bg-fill{ position: fixed; top: 0; z-index: -1; display: block; width: 100%; height: 100%; background: url(../images/img_design/p02.jpg?20251115) right center no-repeat; background-size: cover; }
#main-content .section-design .fixed-bg .bg2 .bg-fill{ background: url(../images/img_design/p02.jpg?20250623) center center no-repeat; background-size: cover; }
#main-content .section-design .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-design .section-intro{ padding: 50vh 0 80vh; position: relative; z-index: 500; text-align: right; width: 85.7143%; margin: 0 auto; }
#main-content .section-design .section-intro .en{ font-size: 32px; line-height: 1.2; color: #ffffff; letter-spacing: 0.2em; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-design .section-intro .copy{ font-size: 22px; line-height: 1.5; color: #ffffff; margin-top: 50vh; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; }
#main-content .section-design .section-intro .txt{ font-size: 14px; line-height: 2.14; color: #ffffff; margin-top: 20px; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; }
#main-content .section-design .section-content{ position: relative; z-index: 500; background-color: #ffffff; /*padding-bottom: 80px;*/ }
#main-content .section-design .section-content .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.2; color: #4c4c4c; }
#main-content .section-design .section-content .photo-body01{ position: relative; }
#main-content .section-design .section-content .photo-body01~.photo-body01{ margin-top: 70px; }
#main-content .section-design .section-content .photo-body01 .inner-body{ position: relative; }
#main-content .section-design .section-content .photo-body01 .photo{ position: relative; }
#main-content .section-design .section-content .photo-body01 .photo .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 2px 7px; color: #ffffff; }
#main-content .section-design .section-content .photo-body01 .copy{ font-size: 24px; line-height: 2; color: #ffffff; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; position: absolute; }
#main-content .section-design .section-content .photo-body01 .en{ margin: 20px auto 0; max-width: 1100px; width: 90%; }
#main-content .section-design .section-content .item01 .copy,
#main-content .section-design .section-content .item03 .copy{ left: 0; top: 50%; margin: 0 0 0 3%; transform: translateY(-50%); }
#main-content .section-design .section-content .item04 .copy{ left: 0; bottom: 0; margin: 0 0 5% 3%; }
#main-content .section-design .section-content .item02 .copy,
#main-content .section-design .section-content .item05 .copy{ right: 0; top: 50%; margin: 0 3% 0 0; transform: translateY(-50%); }
#main-content .section-design .section-content .read-txt{ max-width: 840px; margin: 120px auto 0; font-size: 16px; line-height: 2.375; }
#main-content .section-design .section-content .split-view{ max-width: 940px; margin: 70px auto 0; display: flex; display: -ms-flex; justify-content: space-between; align-items: center; }
#main-content .section-design .section-content .split-view .photo-body{ width: 61.4894%; }
#main-content .section-design .section-content .split-view .txt-body{ width: 34.0426%; }
#main-content .section-design .section-content .split-view .txt-body .inner-body:nth-child(n+2){ margin-top: 35px; padding-top: 35px; border-top: 1px solid #e5e5e5; }
#main-content .section-design .section-content .split-view .txt-body .inner-body .head{ font-size: 23px; line-height: 1.2; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-design .section-content .split-view .txt-body .inner-body .name{ font-size: 16px; line-height: 1.2; margin-top: 15px; }
#main-content .section-design .section-content .split-view .txt-body .inner-body .name .s-size{ display: block; font-size: 75%; }
#main-content .section-design .section-content .split-view .txt-body .inner-body .txt{ margin-top: 15px; line-height: 1.4285; }








/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section-design .section-content .split-view01 .txt-body{ margin-left: 20px; margin-right: 20px; }
	#main-content .section-design .section-content .split-view01 .txt-body .txt{ line-height: 2; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-design{ padding-bottom: 10% }
	#main-content .section-design::before{ padding-top: 10% }
	#main-content .section-design .fixed-bg .bg .caption{ bottom: 50px; }
	#main-content .section-design .section-intro{ text-align: left; padding: 50vh 0; }
	#main-content .section-design .section-intro .en{ text-align: center; }
	#main-content .section-design .section-intro .txt{ margin-top: 5%; }
	/*#main-content .section-design .section-content{ padding-bottom: 15%; }*/
	#main-content .section-design .section-content .photo-body01 .copy{ font-size: 20px; position: relative; left: auto; top: auto; right: auto; bottom: auto; transform: none; color: #333333; text-shadow: none; margin: 10px auto 0; width: 90%; }
	#main-content .section-design .section-content .photo-body01 .en{ margin-top: 5px; text-align: left; font-size: 18px; }
	#main-content .section-design .section-content .read-txt{ max-width: none; margin: 10% auto 0; font-size: 14px; line-height: 2; padding: 0 5%; }
	#main-content .section-design .section-content .split-view{ max-width: none; margin: 10% auto 0; display: block; padding: 0 5%; }
	#main-content .section-design .section-content .split-view .photo-body{ width: 100%; max-width: 578px; margin: 0 auto; }
	#main-content .section-design .section-content .split-view .txt-body{ width: 100%; margin-top: 3%; }
	#main-content .section-design .section-content .split-view .txt-body .inner-body:nth-child(n+2){ margin-top: 3%; padding-top: 3%;  }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}