@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-concept{ text-align: center; position: relative; padding: 140px 0 150px; background-color: #ffffff; }
#main-content .section-concept .intro{ width: 100%; padding-top: 920px; background-color: #ffffff; position: relative; }
#main-content .section-concept .intro .ttl-body{ margin-left: 25.2857%; transform: translate(-50%,0); position: absolute; left: 0; top: 10%; z-index: 10; }
#main-content .section-concept .intro .ttl-body .en{ font-size: 32px; line-height: 1.2; color: #6e7385; letter-spacing: 0.2em; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-concept .intro .ttl-body .copy{ width: 296px; height: 296px; background-color: #937840; position: relative; margin-top: 70px; }
#main-content .section-concept .intro .ttl-body .copy img{ width: 48.9252%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main-content .section-concept .intro .bg{ position: absolute; left: 0; top: 0; width: 980px; background-color: #ffffff; }
#main-content .section-concept .intro .photo{ position: absolute; right: 50%; bottom: 0; width: 59.2857%; max-width: 830px; margin-right: -700px; }
#main-content .section-concept .intro .caption{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
#main-content .section-concept .txt-body{ margin-top: 150px; }
#main-content .section-concept .txt-body .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 36px; line-height: 1.2; color: #666666; letter-spacing: 0.2em; font-weight: normal; }
#main-content .section-concept .txt-body .txt{ font-size: 14px; line-height: 2.571; color: #666666; margin-top: 30px; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1400px){ /*1400px以下のcss*/
	#main-content .section-concept .intro{ padding-top: 65.7142%; }
	#main-content .section-concept .intro .photo{ right: 0; margin-right: 1.4286%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-concept{ padding: 0 0 15%; }
	#main-content .section-concept .intro{ padding-top: 10%; }
	#main-content .section-concept .intro .ttl-body{ margin-left: 0; transform: translateX(-50%); left: 50%; top: 0; position: relative; }
	#main-content .section-concept .intro .ttl-body .copy{ right: auto; top: auto; width: 30%; height: auto; padding-top: 47%; transform: none; margin: 5% 0 0 5%; }
	#main-content .section-concept .intro .ttl-body .copy img{ width: 70%; }
	#main-content .section-concept .intro .bg{ width: 100%; }
	#main-content .section-concept .intro .photo{ position: relative; left: 0; right: auto; width: 75%; max-width: none; margin: -35% 0 0 auto; }
	#main-content .section-concept .intro .caption{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
	#main-content .section-concept .txt-body{ margin-top: 10%; padding: 0 5%; }
	#main-content .section-concept .txt-body .txt{ text-align: left; margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}