/*MAINSTYLES*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');

/*GENERAL*/
body{background: #ededed}
main{max-width: 100%; margin: 0 auto;}
section{margin: 0 26px}
.section-title h2{font-family: 'Noto Sans JP', sans-serif; font-size: 40px; line-height: 1.18; letter-spacing: -2px; color: #b87d7d; border-bottom: solid 2px #b87d7d; padding-bottom: 15px; font-weight: 500; font-stretch: normal; font-style: normal;}
h1, h2, h3, h4, h5, h6{padding-bottom: 15px}
h2{font-size: 28px; font-weight: 400; line-height: 1.6; letter-spacing: -0.3px;}
h1, h2, h3, h4, h5, h6, p{color: #666666;}
p{font-size: 14px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: -0.2px; line-height: 1.7; word-spacing: 0.1px;}
a{color: #666666; text-decoration: underline; transition: 0.3s}
a:hover{color: #b87d7d;}
p:last-of-type{margin-bottom: 0}
.title-section-wrap{max-width: 720px; margin: 0 auto;}
.title-section-wrap h1{font-size: 60px; line-height: 1.13; letter-spacing: -2.2px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-stretch: normal; font-style: normal;}
.title-section-wrap .subtext{font-size: 30px; line-height: 1.6; letter-spacing: -0.5px; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; font-stretch: normal; font-style: normal;}
.title-section-wrap .border-indicator{padding-top: 50px}

/*HEADER*/
header{padding: 30px 44px 42px 50px; max-width: 100%; margin: 0 auto}
header .logo-wrap, header .navigation-wrap{display: inline-block; vertical-align: top; width: 100%}
header .logo-wrap{max-width: 180px}
header .logo-wrap img{max-width: 100%}
header .navigation-wrap{max-width: 100%; text-align: center;}
header ul.menu{list-style: none; padding: 0; margin: 0}
header ul.menu li{display: inline-block; padding-left: 23px}
header ul.menu li a{text-transform: lowercase; color: #666666; text-decoration: none; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: -0.5px}
header ul.menu li a:hover{color: #b87d7d;}
header ul.menu > li > a{font-size: 28px }
#menu-panel{position: absolute; top: -100%; left: 0; right: 0; transition: 0.6s; background-color: #f7f7f7; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15); padding: 42px 50px;}
#menu-panel.show{top: 0;}
#menu-panel .logo-wrap{max-width: 40%; display: inline-block; vertical-align: top}
#menu-panel .navigation{text-align: center}
#menu-panel .navigation ul.menu{list-style: none; padding: 0; margin: 0; text-align: center; display: inline-block; border-bottom: 2px solid #6e788f; padding: 50px 0 20px}
#menu-panel .navigation ul.menu li{display: inline-block; margin: 0 15px}
#menu-panel .navigation ul.menu li a{text-transform: lowercase; color: #6e788f; text-decoration: none; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-stretch: normal; font-style: normal;}
.menu-trigger{display: inline-block; cursor: pointer; min-width: 105px; margin-top: 40px}
.menu-trigger svg{max-width: 20px; display: inline-block; padding-bottom: 5px; color: #666666;}
.menu-trigger span{font-size: 28px; line-height: 0; display: inline-block; color: #666666;}
.navigation-wrap .navigation{display: none}
.close-wrap{max-width: 59%; text-align: right; width: 100%; min-width: 100px; display: inline-block; vertical-align: top}
.close-wrap svg{color: #666666; max-width: 20px; padding-bottom: 10px}
.close-wrap span{color: #666666; font-family: 'Noto Sans JP', sans-serif; font-size: 25px}

/*FOOTER*/
footer{text-align: center; padding-top: 53px; padding-bottom: 30px}
footer p{font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-stretch: normal; font-style: normal; font-size: 12px; line-height: 1.85; letter-spacing: -0.2px}

/*HOMEPAGE*/
.two-column-section-home-wrap{padding: 0; text-align: center;}
.two-column-section-home-wrap .left-col{display: inline-block; vertical-align: top; width: 100%; height: 365px;}
.two-column-section-home-wrap .left-col .image-content{width: 100%; height: 100%; background-size: cover; background-position: center center;}
.two-column-section-home-wrap .right-col{display: inline-block; vertical-align: top; margin-bottom: 30px; padding: 0 26px;}
.two-column-section-home-wrap .right-col .text-wrap{text-align: center;}
.two-column-section-home-wrap .right-col .text-wrap p{font-size: 25px; line-height: 1.55; letter-spacing: -0.7px; color: #6e788f; font-weight: 300; font-stretch: normal; font-style: normal;}
.second-section-home-wrap{padding-top: 50px; padding-bottom: 53px}
.two-column-layout{padding-top: 30px; position: relative; overflow: hidden;}
.two-column-layout .left-text{padding-bottom: 30px}
.two-column-layout h2{font-family: 'Noto Sans JP', sans-serif; font-size: 22px; line-height: 1.36; letter-spacing: -1px; font-weight: 400; font-stretch: normal; font-style: normal;}

/*OUR TEAM*/
.team-section-wrap{padding-top: 60px; padding-bottom: 190px; line-height: 1; letter-spacing: -0.24px}
.team-section-wrap h5.position{color: #788f6e; font-size: 16px;}
.team-member-wrap{margin-bottom: 30px}
.team-member-wrap:last-of-type{margin-bottom: 0}
.team-member-wrap .member{margin-bottom: 30px}
.team-member-wrap .member.no-text{margin-bottom: 20px}
.team-member-wrap .member.no-text.has-position h2{padding-bottom: 0; margin-bottom: 0;}
.team-member-wrap .member.has-position.has-text .member-header{padding-bottom: 15px}
.team-member-wrap .member.has-position .member-header h2, .team-member-wrap .member.has-position .member-header p{padding: 0; margin: 0; display: inline-block; vertical-align: middle;}
.team-member-wrap .member.no-text.no-position h2{padding-bottom: 0; margin-bottom: 0;}
.team-member-wrap .member:last-of-type{margin-bottom: 0}
.team-member-wrap .member h2{padding-bottom: 15px}
.team-member-wrap .member_bio_text{line-height: 1.72; letter-spacing: -0.3px}

/*ABOUT THE STABLES*/
.about_us_content_temp-wrap .title-width{max-width: 720px; margin: 0 auto}
.about_us_content_temp-wrap{padding-top: 100px}
.about_us_content_temp-wrap h2{font-size: 28px; line-height: 1.6; letter-spacing: -0.3px; padding-bottom: 15px}
.about_us_content_temp-wrap .content{line-height: 1.72; letter-spacing: -0.3px; padding-bottom: 25px;}
.about_us_content_temp-wrap h4.schedule-title{padding-bottom: 0; font-size: 19px; line-height: 1.63; letter-spacing: -0.32px}
.about_us_content_temp-wrap .schedule_block-wrap{padding-bottom: 40px}
.about_us_content_temp-wrap .schedule_block-wrap:last-of-type{padding-bottom: 0}
.about_us_content_temp-wrap .two_column_content_block-wrap{border-top: 2px solid #666666; padding-top: 40px;}
table.table td, table.table th{border-top: 0; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal;}
table.table th{color: #ffedb1; background-color: #666666; border-right: 1px solid #ededed; padding: 5px 10px;}
table.table td{color: #666666;}
table.table tr.data-row{border-bottom: 1px solid #666666;}

/*CONTACT*/
.contact-temp-wrap{margin-top: 100px;}
.contact-temp-wrap .map-wrap{width: 100%; display: inline-block; vertical-align: top;}
.contact-temp-wrap .map-wrap iframe{width: 100%; border: 0; min-height: 566px;}
.contact-temp-wrap .information-wrap{width: 100%; display: inline-block; vertical-align: top; padding: 0 30px; color: #918370; margin-top: 50px;}
.contact-temp-wrap .information-wrap h2{padding-bottom: 15px; color: #918370; font-family: 'Noto Sans JP', sans-serif; font-stretch: normal; font-style: normal;}
.contact-temp-wrap .information-wrap p, .contact-temp-wrap .information-wrap a{font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; color: #918370; text-decoration: none;}
.contact-temp-wrap .information-wrap a:hover{color: #b87d7d}
.contact-temp-wrap .information-wrap p:last-of-type{margin-bottom: 0;}
.contact-temp-wrap .information-wrap p strong{font-weight: 500;}
.info-section{margin-bottom: 40px}
.info-section:last-of-type{margin-bottom: 0;}

@media (min-width: 560px){
	.menu-trigger{margin-top: 0}
	header{padding: 42px 44px 42px 50px;}
	.two-column-section-home-wrap{padding: 60px 50px 50px 50px;}
	.two-column-section-home-wrap .left-col{width: 100%; height: 60vh;}
	.two-column-section-home-wrap .right-col{max-width: 449px; padding: 0;}
	section{margin: 0 50px}
	.two-column-layout{padding-top: 50px}
	header .logo-wrap{max-width: 35%;}
	header .navigation-wrap{max-width: 64%; text-align: right;}
	header .logo-wrap img{max-width: 258px}
}

@media (min-width: 768px){
	.team-member-wrap .member{margin-bottom: 50px}
	footer p{font-size: 15px}
	.menu-trigger{display: none}
	.navigation-wrap .navigation{display: block}
}

@media (max-width: 899px) and (min-width: 560px){
	.contact-temp-wrap .information-wrap{column-count: 2; column-gap: 20px; }
	.info-section{box-sizing: border-box; break-inside: avoid;}
}

@media (min-width: 900px){
	.contact-temp-wrap .information-wrap{width: 34%; margin-top: 0; padding-left: 35px;}
	.contact-temp-wrap .map-wrap{width: 65%;}
}
	
/*DESKTOP LAYOUT*/
@media (min-width: 992px){
	.about_us_content_temp-wrap .content{padding-bottom: 70px;}
	.team-member-wrap{margin-bottom: 65px}
	h1, h2, h3, h4, h5, h6{padding-bottom: 29px}
	p{font-size: 17.5px}
	.two-column-layout h2{font-size: 28px; line-height: 1.6; letter-spacing: -0.3px;}
	.two-column-section-home-wrap{padding: 60px 100px 50px 150px; text-align: right;}
	.two-column-section-home-wrap .left-col{width: calc(55% - 30px); height: 65vh;}
	.two-column-section-home-wrap .right-col{width: calc(45% - 30px);}
	.two-column-section-home-wrap .right-col .text-wrap{text-align: right}
	.two-column-section-home-wrap .right-col{padding-left: 30px;}
	.two-column-section-home-wrap .right-col .text-wrap p{font-size: 28px}
	section{margin: 0 120px}
	.two-column-layout{column-count: 2; column-gap: 86px; padding-top: 73px}
	.two-column-layout:before{content: ""; position: absolute; width: 1px; height: 100%; background-color: #b87d7d; left: 50%;}
	.two-column-layout .right-text, .two-column-layout .left-text{box-sizing: border-box; break-inside: avoid;}
	.section-title h2{font-size: 70px; padding-bottom: 20px; line-height: 1.02; letter-spacing: -5.5px;}
	/*.about_us_content_temp-wrap .two_column_content_block-wrap{column-count: 2; column-gap: 44px;}
	.about_us_content_temp-wrap .two_column_content_block-wrap .column-wrap{box-sizing: border-box; break-inside: avoid;}*/
	.about_us_content_temp-wrap .two_column_content_block-wrap .column-wrap{width: 49%; display: inline-block; vertical-align: top; margin-bottom: 40px; position: relative;}
	.about_us_content_temp-wrap .two_column_content_block-wrap .column-wrap:nth-child(odd){padding-right: 43px; border-right: 1px solid #666666;}
	.about_us_content_temp-wrap .two_column_content_block-wrap .column-wrap:nth-child(even){padding-left: 43px}
	.about_us_content_temp-wrap .two_column_content_block-wrap .column-wrap:nth-child(even):before{content: ""; position: absolute; width: 1px; height: 100%; background-color: #666666; left: -5px;}
}

@media (min-width: 1200px){
	.two-column-section-home-wrap .left-col{width: calc(60% - 100px); height: 65vh;}
	.two-column-section-home-wrap{padding: 60px 120px 50px 180px;}
	.two-column-section-home-wrap .right-col{max-width: 449px;}
}

@media (min-width: 1440px){
	main{max-width: 1440px;}
	header{max-width: 1440px}
	section{margin: 0 240px}
	.section-title h2{font-size: 100px;}
	.two-column-section-home-wrap .right-col .text-wrap p{font-size: 33px}
	.two-column-section-home-wrap{padding: 61px 120px 53px 240px}
	.two-column-section-home-wrap .left-col{width: 600px; height: 684px;}
}

@media (min-width: 1650px){
	main{max-width: 1920px;}
	header{max-width: 1920px;}
	.two-column-section-home-wrap .left-col{width: 45vw; height: 100vh;}
	.two-column-section-home-wrap .right-col{max-width: 32vw;}
}

@media (min-width: 1800px){
	.two-column-section-home-wrap .left-col{max-width: 50%; height: 88vh;}
}