@charset "UTF-8";
/* CSS Document */
.breadArea .inner li:last-child {
	color: #ec6d45;
}
.ttlArea .inner h1:before {
	content: url("../img/sub/tree_x2.svg");
	width: 50px;
}
.ttlArea .inner h1:after {
	content: "company";
}
.ttlArea .ttl_imgArea .inner .img {
	background-image: url("../img/sub/company_top.webp");
}

/*companyArea*/
.companyArea {
	margin: 0 auto;
}
.companyArea .desc01 {
}
.companyArea .desc01 .inner {
	padding: 40px 20px 80px;
}
.companyArea .desc01 .inner .txtArea {
	text-align: center;
	font-weight: 700;
}
.companyArea .desc01 .inner .txtArea p {
	font-size: 14px;
	font-family: '游ゴシック', sans-serif;
	line-height: 30px;
}

/*desc02*/
.companyArea .desc02 {
	max-width: 755px;
	margin: 0 auto;
}
.companyArea .desc02 .inner {
	padding: 0 20px 50px;
}
.companyArea .desc02 .inner .dlArea {
	border-top: 2px solid #c4c1c0;
    border-bottom: 2px solid #c4c1c0;
}
.companyArea .desc02 .inner .dlArea dl {
	display: flex;
	font-size: 15px;
	font-family: '游ゴシック', sans-serif;
	font-weight: 700;
	padding: 8px 0;
	width: 100%;
}
.companyArea .desc02 .inner .dlArea dl:not(:last-child) {
	border-bottom: 2px dotted #c4c1c0;
}
.companyArea .desc02 .inner .dlArea dl dt {
	width: 20%;
}
.companyArea .desc02 .inner .dlArea dl dd {
	width: 80%;
}

/*desc03*/
.desc03 {
	/*max-width: 1040px;*/
	margin: 0 auto;
	margin-bottom: 150px;
}
.desc03 .inner {
	padding: 0 20px;
	max-width: 1040px;
}
.desc03 .inner .map_txt { 
	max-width: 755px;
	margin: 0 auto;
	/*border-top: 2px solid #c4c1c0;
    border-bottom: 2px solid #c4c1c0;*/
}
.desc03 .inner .map_txt dl {
	font-family: '游ゴシック', sans-serif;
	font-weight: 700;
	/*padding: 8px 0;*/
}
.desc03 .inner .map_txt dl dt {
	font-size: 15px;
}
.desc03 .inner .map_txt dl dd {
	font-size: 14px;
	padding: 4px 0px 10px 30px;
}
.desc03 .inner .map {
	margin: 0 auto;
	padding-bottom: 30px;
}
.desc03 .inner .map iframe {
	aspect-ratio: 5/2;
	width: 100%;
}
/*desc04*/
#faq-map {
	padding-top: 200px;
	margin-top:-200px;
}
.desc04 {
	position: relative;
  margin-top: 100px;
	/*margin-bottom: 80px;*/
	/*padding: 125px 0 0;*/
	/*padding: 87px 0 51px;*/
}
.desc04::after{
	content: "";
    position: absolute;
	top: 95px;
    width: 100%;
    height: 72%;
    background-image: url(../img/sub/company_desc04bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
    z-index: -1;
}
.desc04 .inner {
	max-width: 755px;
	margin: 0 auto;
	padding: 0 20px;
}
.desc04 .inner .h1Area {
}
.desc04 .inner .h1Area h1 {
	position: relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 900;
	font-size: 25px;
    color: #3c9ab0;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
	letter-spacing: 0.2em;
}
.desc04 .inner .h1Area h1:before {
	position: absolute;
	content: url("../img/sub/tree02_company.svg");
	width: 37px;
	top: 145px;
    left: 50%;
    transform: translateX(-50%);
}
.desc04 .inner .parking {
	display: flex;
	padding-bottom: 258px;
	margin-bottom: 80px;
}
.desc04 .inner .parking .parking_txt {
	display: flex;
	width: 50%;
	align-items: center;
}
.desc04 .inner .parking .parking_txt p {
	font-size: 15px;
	font-family: '游ゴシック', sans-serif;
	font-weight: 700;
	line-height: 26px;
}
.desc04 .inner .parking .parking_map {
	width: 50%;
}
.desc04 .inner .parking .parking_map img {
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 366/340;
    border-top-left-radius: 70px;
}
@media screen and (max-width: 1500px) {
/*desc03*/
.desc03 {
    margin-bottom: 130px;
}
/*desc04*/
.desc04::after {
    top: 105px;
    height: 69%;
}
.desc04 .inner .parking {
	margin-bottom: 0;
}
}
@media screen and (max-width: 1000px) {
/*desc01*/
.companyArea .desc01 .inner {
    padding: 30px 20px 70px;
}
/*desc03*/
.desc03 {
    margin-bottom: 130px;
}
/*desc04*/
.desc04::after {
    height: 69%;
}
.desc04 .inner .h1Area h1 {
    font-size: 23px;
}
.desc04 .inner .parking {
    padding-bottom: 240px;
}
}	
@media screen and (max-width: 767px) {
/*desc01*/
.companyArea .desc01 .inner {
    padding: 25px 20px 50px;
}
/*desc03*/
.desc03 {
    margin-bottom: 0px;
}
/*desc04*/
.desc04 {
    padding: 110px 0 0;
}
.desc04::after {
    height: 77%;
	top: 33px;
}
.desc04 .inner .h1Area h1 {
    padding-bottom: 40px;
}
.desc04 .inner .parking {
    padding-bottom: 200px;
	margin-bottom: 15px;
}
}
@media screen and (max-width: 600px) {
.ttlArea .inner h1:before {
	width: 36px;
}
/*desc01*/
.companyArea .desc01 .inner {
    padding: 20px 20px 50px;
}
.companyArea .desc01 .inner .txtArea h2 {
    font-size: 23px;
    padding-bottom: 15px;
	text-align: center;
}
.companyArea .desc01 .inner .txtArea p {
    line-height: 28px;
}
/*desc02*/
.companyArea .desc02 .inner {
    padding: 0 20px 30px;
}
.companyArea .desc02 .inner .dlArea dl {
	display: block;
    font-size: 14px;
    padding: 6px 0;
}
.companyArea .desc02 .inner .dlArea dl dt {
	width: 100%;
}
.companyArea .desc02 .inner .dlArea dl dd {
	width: 100%;
}
/*desc03*/
.desc03 .inner .map iframe {
	aspect-ratio: 4/3;
	width: 100%;
}
.desc03 .inner .map_txt dl dt {
	font-size: 14px;
}
.desc03 .inner .map_txt dl dd {
	font-size: 13px;
	padding: 2px 0px 8px 28px;
}
.desc03 .inner .map {
	padding-bottom: 20px;
}
/*desc04*/
.desc04 {
    padding: 100px 0 0;
}
.desc04::after {
    top: 45px;
    height: 74%;
}
.desc04 .inner .h1Area h1 {
    font-size: 20px;
}
.desc04 .inner .h1Area h1:before {
    width: 26px;
    top: 165px;
}
.desc04 .inner .parking {
    display: flex;
    padding-bottom: 150px;
    gap: 1%;
}
.desc04 .inner .parking .parking_txt {
    align-items: flex-start;
}
.desc04 .inner .parking .parking_txt p {
    font-size: 14px;
    line-height: 24px;
}
.desc04 .inner .parking .parking_map img {
    border-top-left-radius: 30px;
}
}	
@media screen and (max-width: 550px) {
/*desc01*/
.companyArea .desc01 .inner {
    padding: 20px 20px 30px;
}
.companyArea .desc01 .inner .txtArea p {
    text-align: left;
}
}
@media screen and (max-width: 400px) {
/*desc01*/
.companyArea .desc01 .inner {
    padding: 20px;
}
.companyArea .desc01 .inner .txtArea h2 {
    font-size: 21px;
    padding-bottom: 10px;
}
.companyArea .desc01 .inner .txtArea p {
	font-size: 13px;
    line-height: 26px;
}
/*desc02*/
.companyArea .desc02 .inner {
    padding: 0 20px 20px;
}
.companyArea .desc02 .inner .dlArea dl {
    padding: 6px 0;
}
/*desc03*/
.desc03 .inner .map_txt dl dt {
	font-size: 13px;
}
.desc03 .inner .map_txt dl dd {
	font-size: 12px;
	padding: 2px 0px 5px 28px;
}
.desc03 .inner .map {
	padding-bottom: 10px;
}
/*desc04*/
.desc04 {
    padding: 80px 0 0;
}
.desc04::after {
    top: 30px;
    height: 70%;
}
.desc04 .inner .h1Area h1 {
	font-size: 19px;
    padding-bottom: 30px;
}
.desc04 .inner .parking .parking_txt p {
    font-size: 12px;
    line-height: 22px;
}
.desc04 .inner .parking {
    padding-bottom: 130px;
}
}