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

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

#pageVisual { background: url(../../img/company/bg_title.jpg) no-repeat top center; background-size: cover; }
.title--01 { font-family: 'Noto Sans'; font-size: 28px; font-size: 2.8rem; letter-spacing: 0.074em; line-height: 1.5; color: #0E142A; }

/* represen */
#represen { padding: 75px 0 100px; }
#represen .wrap { max-width: 1000px; }
.represen__desc { margin-top: 40px; }
.represen__desc--pic { float: left; margin: 8px 40px 25px 0; }
.represen__desc--cmn { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; line-height: 2.14; text-indent: 1em; }
.represen__desc--cmn:not(:last-child) { margin-bottom: 10px; }
.represen__desc--name { font-size: 17px; font-size: 1.7rem; text-align: right; margin-top: 20px; }

/* guide */
#guide { padding: 40px 0 0; text-align: center; color: #fff; background: linear-gradient(to top,#EAAC82 5%,#FF8479 40%); }
#guide .title--01 { color: #fff; margin-bottom: 24px; }
.guide--shape { font-family: 'Noto Sans'; font-size: 24px; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.074em; }
.guide--desc { max-width: 812px; margin: 38px auto 0; text-align: left; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; line-height: 2; }
.guide--desc:after { content: ''; display: block; margin: 40px auto 0; width: 73.9%; padding-bottom: 24.6%; background: url(../../img/company/guidePop.svg); background-size: 100%; }

/* about */
#about { margin: 180px 0 120px; padding: 38px 0 37px; background: linear-gradient(to right,#ffffff 38.5%,rgba(235, 55, 39, 0.8) 38.5%); }
#about .wrap { max-width: 1000px; }
.about--logo,
.about__desc { display: inline-block; vertical-align: middle; }
.about--logo { width: 26.5%; }
.about__desc { width: 60.6%; margin-left: 12.9%; color: #fff; }
.about__desc .title--01 { color: #fff; margin-bottom: 28px; }
.about__desc--cnm { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; line-height: 2; }
.about__desc--cnm span { display: block; }
.about__desc--cnm .note { margin-top: 5px; }
.about__desc--cnm span:not(.note) { text-indent: 1em; }

@media screen and (max-width: 1366px) {
	#about { background: linear-gradient(to right,#ffffff 36%,rgba(235, 55, 39, 0.8) 36%); }
}

/* profile */
#profile { padding: 120px 0 0; }
#profile .title--01 { text-align: center; margin-bottom: 32px; }
.profile--desc { max-width: 830px; margin: 0 auto; }
.profile--desc table { width: 100%; border-collapse: collapse; }
.profile--desc table tr th,
.profile--desc table tr td { font-size: 14px; font-size: 1.4rem; line-height: 2; letter-spacing: 0.074em; padding: 16px 7px; border-top: 1px solid #9FA0A0; border-bottom: 1px solid #9FA0A0; text-align: left; }
.profile--desc table tr th { width: 140px; }
.profile--maps { padding: 25px 0; margin-top: 48px; background: url(../../img/company/bg_maps.jpg) no-repeat top center; background-size: cover; }
.profile--maps .break { max-width: 1056px; height: 550px; margin: 0 auto; }
.profile--maps .break iframe { width: 100%; height: 100%; }

/* partner */
#partner { text-align: center; padding: 96px 0 150px; }
#partner .title--01 { margin-bottom: 64px; }
.partner--lists ul { display: block; text-align: center; }
.partner--lists ul li { display: block; width: 240px; vertical-align: top; margin: 0 auto; }
.partner--lists ul li:not(:last-child) { margin-bottom: 50px; }
.partner--lists ul li a { display: block; text-decoration: none; color: #545455; }
.partner--listsPic { margin-bottom: 8px; }
.partner--listsText { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.075em; line-height: 2; }
.partner--listsCopy { font-size: 10px; font-size: 1rem; letter-spacing: 0.075em; line-height: 1.4; text-align: left; width: 205px; margin-top: 5px; display: inline-block; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 640px) {

	.pageVisual--title .en { letter-spacing: -1px; }
	#pageVisual { background: url(../../img/company/bg_title_sp.jpg) no-repeat top center; background-size: cover; }
	.title--01 { text-align: center; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.037em; }

	/* represen */
	#represen { padding: 40px 0; }
	.represen__desc { margin-top: 20px; }
	.represen__desc--pic { text-align: center; float: none; margin: 0 0 18px; }
	.represen__desc--pic img { width: 58%; }
	.represen__desc--cmn { font-size: 11px; font-size: 1.1rem; letter-spacing: 0.037em; line-height: 1.63; }
	.represen__desc--cmn:not(:last-child) { margin-bottom: 15px; }
	.represen__desc--name { font-size: 13px; font-size: 1.3rem; text-align: right; margin-top: 20px; }

	/* guide */
	#guide { padding: 18px 0 0; }
	#guide .title--01 { margin-bottom: 10px; }
	.guide--shape { font-size: 12px; font-size: 1.2rem; letter-spacing: 0.037em; }
	.guide--desc { margin-top: 20px; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.037em; line-height: 1.54; }
	.guide--desc:after { margin-top: 16px; width: 100%; padding-bottom: 33%; }

	/* about */
	#about { margin: 0; padding: 50px 0 0; background: none; }
	.about--logo,
	.about__desc { display: block; }
	.about--logo { width: 100%; text-align: center; margin-bottom: 38px; }
	.about--logo img { width: 47.5%; }
	.about__desc { width: 100%; padding: 16px 20px 22px; margin: 0 -20px; background: rgba(235, 55, 39, 0.8); }
	.about__desc .title--01 { margin-bottom: 12px; }
	.about__desc--cnm { font-size: 11px; font-size: 1.1rem; letter-spacing: 0.037em; line-height: 1.54; }
	.about__desc--cnm .note { margin-top: 5px; }

	/* profile */
	#profile { padding: 50px 0 0; }
	#profile .title--01 { margin-bottom: 16px; }
	.profile--desc table tr th,
	.profile--desc table tr td { font-size: 11px; font-size: 1.1rem; line-height: 1.27; letter-spacing: 0.037em; padding: 11px 3px; }
	.profile--desc table tr th { width: 60px; }
	.profile--maps { margin-top: 20px; background: url(../../img/company/bg_maps_sp.jpg) no-repeat top center; background-size: cover; }
	.profile--maps .break { height: 145px; }

	/* partner */
	#partner { text-align: center; padding: 48px 0 45px; }
	#partner .title--01 { margin-bottom: 27px; }
	.partner--lists ul {  }
	.partner--lists ul li { width: 160px; }
	.partner--lists ul li:not(:last-child) { margin-bottom: 25px; }
	.partner--listsText { font-size: 11px; font-size: 1.1rem; line-height: 1.54; }
	.partner--listsCopy { width: 100%; letter-spacing: 0; }
}