@charset "utf-8";

/*
.box{ display:flex; gap:20rem; }
.text{ width:50%; }
.text h3{ font-size:30rem; }
iframe{ width:50%; }
*/

/* PC */
@media screen and (min-width:768px) {
	#message{ padding:90rem 0; margin-top:120rem; }
	#message .box2{ text-align:center; }
	#message .box2:not(:last-child){ margin-bottom:90rem; }
	#message .box2 p{ font-size:30rem; line-height:1.75; }
}
/* SP */
@media screen and (max-width:767px) {
	#message{ padding:60rem 30rem; margin-top:120rem; }
	#message .box2{ text-align:center; }
	#message .box2:not(:last-child){ margin-bottom:60rem; }
	#message .box2 p{ font-size:30rem; line-height:1.75; }
}

#about .note{ text-align:right; }
#access .map iframe{ border:none; }
/* PC */
@media screen and (min-width:768px) {
	#about{ padding-top:150rem; }
	#about .info{ display:table; font-size:24rem; line-height:1.6; margin-left:calc(100% / 1200 * 135); }
	#about .info>dl{ display:table-row; }
	#about .info>dl>*{ display:table-cell; padding-bottom:30rem; }
	#about .info>dl>dt{ white-space:nowrap; padding-right:2em; }
	#about .info .sub{ display:table; }
	#about .info .sub>dl{ display:table-row; }
	#about .info .sub>dl>*{ display:table-cell; }
	#about .info .sub>dl:not(:last-child)>*{ padding-bottom:10rem; }
	#about .info .sub>dl>dt{ white-space:nowrap; padding-right:2em; }
	#about .info img[alt="株式会社 京ろまんグループホールディングス"]{ width:206rem; }
	#about .note{ font-size:19rem; line-height:1.0; }
}
/* SP */
@media screen and (max-width:767px) {
	#about{ padding:120rem 30rem 0; }
	#about .info{ font-size:28rem; line-height:1.6; }
	#about .info>dl{ border-bottom:1rem solid #cecece; margin-bottom:15rem; }
	#about .info>dl>dt{ font-size:32rem; line-height:1; white-space:nowrap; padding-bottom:30rem; }
	#about .info>dl>dd{ padding-bottom:30rem; }
	#about .info .sub{ display:table; }
	#about .info .sub>dl{ display:table-row; }
	#about .info .sub>dl>*{ display:table-cell; }
	#about .info .sub>dl:not(:last-child)>*{ padding-bottom:30rem; }
	#about .info .sub>dl>dt{ white-space:nowrap; padding-right:1em; }
	#about .info img[alt="株式会社 京ろまんグループホールディングス"]{ width:328rem; }
	#about .note{ font-size:24rem; line-height:1.0; }
}

/* PC */
@media screen and (min-width:768px) {
	#access{ padding:120rem 0 0; }
	#access .map{ display:flex; margin-left:calc(100% / 1200 * 135); margin-bottom:100rem; }
	#access .map h4{ font-size:24rem; width:172rem; }
	#access .map iframe{ width:calc(100% - 172rem); aspect-ratio:1087 / 503; }
	
	#recruit .btns{ justify-content:flex-start; }
	#recruit .btns a{ width:350rem; height:70rem; font-size:22rem; }
}
/* SP */
@media screen and (max-width:767px) {
	#access{ padding:120rem 30rem 0; }
	#access .map{ margin-bottom:40rem; }
	#access .map h4{ font-size:32rem; margin-bottom:30rem; }
	#access .map iframe{ width:100%; aspect-ratio:300 / 220; }
}

/* end */