@charset 'utf-8';
/*
 * name:company.css
 * author:Chanrotana
*/

/* company
------------------------------------------------ */

#page--title { margin-bottom: 70px; }

.company__desc { margin: 0 auto; border-top:1px solid #DDD; }
.company__desc--row{ border-bottom:1px solid #DDD; }
.company__desc--row p{ font-size: 1.6rem; letter-spacing: 0.03em; line-height: 1.625; }
.company__desc--head{ font-weight: 600; }

.company__map{ max-width: 1080px; margin: 65px auto 0; }
.company__map--iframe{ width: 100%; height: 320px; }
.company__map--title{ margin-bottom: 15px; font-weight: 600; letter-spacing: 0.048em; line-height: 1.66; }

.company__corporate{ margin-top: 102px; }
.company__corporate--list{ margin: 35px auto 0; max-width: 850px; counter-reset: section; }
.company__corporate--list li{ font-size: 1.6rem; letter-spacing: 0.024em; line-height: 1.87; }
.company__corporate--list li:before{ margin-right: 25px; counter-increment: section; content: counter(section, decimal-leading-zero)"."; }

.company__history{ margin: 105px auto 0; max-width: 775px; }

.company__history--desc{ font-size: 1.6rem; letter-spacing: 0.024em; line-height: 1.87; }

/* responsive style 
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.company__desc { max-width: 700px; }
	.company__desc--row{ padding: 24px 5.715%; display: flex; flex-wrap: wrap; }
	.company__desc--head{ padding-right: 10px; width: 35.484%; }
	.company__desc--txt{ width: calc(100% - (35.484% + 10px)); }

	.company__map--row{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.company__map--col{ width: calc(50% - 21px); }

	.company__corporate--list li{ text-indent: -1em; padding-left: 1em; }

	.company__history--desc{ margin-top: 40px; display: flex; flex-wrap: wrap; }
	.company__history--desc dt{ width: 195px; }
	.company__history--desc dd{ width: calc(100% - 195px); }
}

@media screen and (max-width: 768px) {

	#page--title { margin-bottom: 30px; }

	.company__desc--row{ padding:10px 0; }
	.company__desc--row p{ font-size: 1.3rem; letter-spacing: 0.032em; line-height: 1.92; }
	.company__desc--txt{ margin-top: 2px; }

	.company__map{ margin-top: 16px; }
	.company__map--col+.company__map--col{ margin-top: 5px; }
	.company__map--iframe{ height: 53.75vw; }
	.company__map--title{ margin-bottom: 3px; font-size: 1.3rem; line-height: 1.92; letter-spacing: 0.032em; }

	.company__corporate{ margin-top: 43px; }
	.company__corporate--list{ margin-top: 20px; }
	.company__corporate--list li{ font-size: 1.3rem; letter-spacing: 0.032em; line-height: 1.53; }

	.company__history{ margin-top: 52px; }
	.company__history--desc{ margin-top: 20px; font-size: 1.3rem; letter-spacing: 0.032em; line-height: 1.15; }
	.company__history--desc dt:not(:nth-child(-n+1)){ margin-top: 16px; }

}