@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

.headArea {
background: url("../images/company/hed_img.jpg") center center no-repeat;
background-size: cover;
}


#message{position: relative;min-width: 1400px;border-bottom: 1px solid #000;}
/*#message::after{position: absolute;z-index: -10000;content: "";top: 350px;left: 15%;width: 120%;height: 407px;background-color: #F3FDFF;transform: rotate(-250deg);}*/
#message .txt_box .com_tit{font-size: 80px;font-weight: 700;color: #152F77;text-align: center;line-height: 1;}
#message .txt_box  .com_sub_tit{font-size: 28px;margin-bottom: 80px;text-align: center;}
#message .wrap{display: flex;align-items: center;justify-content: space-between;width: 80%;margin: auto;}
#message .wrap .com_img{position: relative;}
#message .com_txt{width: 40%;text-align: left;font-size: 20px;}

.president_name {
  font-size: 22px;
  text-align: right;
  font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
  margin-top: 20px;
		font-weight: 700;
} 


/*---index---------*/
.detail_box{margin-top: 10%;}
.detail_box .com_tit{font-size: 80px;font-weight: 700;color: #152F77;text-align: center;line-height: 1;}
.detail_box .com_sub_tit{font-size: 28px;margin-bottom: 80px;text-align: center;}

.company_txt { font-size:1.4em; text-align:center;
font-family:'Noto Sans JP', sans-serif;
margin:0 0 60px;
}


.access_wrap {
width:98%;
padding:0.5%;
background:#da3915;
margin:0 auto 40px;
}

.access_wrap h3 {
	font-size:1.2em;
	color:#FFF;
}

.access_wrap p {
	font-size:1em;
	color:#FFF;
	text-align:center;
}

.greetings_wrap {
position:relative;
margin-bottom: 100px; 
}

.greetings_wrap_l {
width:35%;
float:left;
}

.greetings_wrap_r {
width:60%;
float:right;
}

.idx_imgBox {
width: 100%;
margin: 0 auto;
margin-top: 0px;
position: relative;
margin-top: -50px;
}

.idx_imgBox::before {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #da3915;
height: 400px;
display: block;
content: "";
z-index: -2;
}

.idx_img {
width: 96%;
margin: 0 auto;
padding-top: 20px;
position: relative;
z-index: 10;
}

.idx_titBox {
padding: 0px 0 0 70px;
}

.idx_titBox p {
font-weight:bold;
line-height:2;
margin-bottom:60px;	
}

.read_btn { font-size: 16px; color: #da3915; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn a { color: #da3915; font-size: 16px; font-weight: bold; display: block!important; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #da3915; font-weight: bold; right: 20px;  font-size: 18px; top: -2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

}



.president_imgbox {
width: 100%;
margin: 0 auto 70px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 50px 50px;
background: #fff;
font-size:26px;
font-family: "貂ｸ譏取悃菴�","Yu Mincho",YuMincho,"�ｭ�ｳ �ｰ譏取悃","MS PMincho","繝偵Λ繧ｮ繝取�譛� Pro W3","Hiragino Mincho Pro",serif;
line-height:2;
position: absolute;
bottom: -550px;
left: 30px;
box-shadow: 3px 3px 0px rgba(194,23,49,0.5);
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .president_tit { left: -65px;}

.president_txtbox {
width: 800px;
margin: auto 0px auto auto;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_box {
margin: 0 auto 30px;
}

.president_wrap {
width:100%;
margin:0 auto 70px;
position:relative;
padding:60px 0;
}

.president_wrap::before {
content:"";
position:absolute;
top:0;
left:-1000px;
background:rgba(223,122,137,0.1);
width:150%;
height:800px;
z-index:-10;
}

.president_img2 { width:400px; float:right; margin:-30px 0 4% 6%;}

.detail_box { margin-bottom: 50px; }

.carList { overflow: hidden;}
.carList dt { width: 300px; float: left; }
.carList dd {margin-left: 300px;}



}

/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

.headArea {
background: url("../images/company/hed_img.jpg") center center no-repeat;
background-size: cover;  
width: 100%;
  padding: 120px 0 160px;
  margin: 0 0 30px;
}




#message{position: relative;margin-top: 15%;}
/*#message::after{position: absolute;z-index: -10000;content: "";top: 350px;left: 15%;width: 120%;height: 407px;background-color: #F3FDFF;transform: rotate(-250deg);}*/
#message .txt_box .com_tit{font-size: 45px;font-weight: 700;color: #152F77;text-align: center;}
#message .txt_box  .com_sub_tit{font-size: 23px;margin-bottom: 30px;text-align: center;}
#message .wrap .com_img{position: relative;}
#message .com_txt{text-align: left;font-size: 14px;margin-top: 6%;}


.detail_box{margin-top: 20%;}
.detail_box .com_tit{font-size: 45px;font-weight: 700;color: #152F77;text-align: center;}
.detail_box .com_sub_tit{font-size: 23px;margin-bottom: 50px;text-align: center;}
/*---index---------*/
.access_wrap {
width:96%;
padding:1%;
background:#da3915;
margin:0 auto 30px;
}

.access_wrap h3 {
	font-size:1.2em;
	color:#FFF;
}

.access_wrap p {
	font-size:1em;
	color:#FFF;
	text-align:center;
}

.greetings_wrap {
position:relative;
}

.greetings_wrap_l,
.greetings_wrap_r {
width:100%;
margin:0 auto 35px;
}

.idx_imgBox {
width: 100%;
margin: 0 auto;
margin-top: 0px;
position: relative;
margin-top: -50px;
}

.idx_imgBox::before {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #da3915;
height: 160px;
display: block;
content: "";
z-index: -2;
}

.idx_img {
width: 96%;
margin: 0 auto;
padding-top: 20px;
position: relative;
z-index: 10;
}

.idx_titBox {
padding:0;
}

.idx_titBox p {
font-size:0.9em;
font-weight:bold;
line-height:1.8;
margin-bottom:30px;	
}


.title-sm { text-align:center;}


.read_btn { font-size: 16px; color: #da3915; position: relative; text-align: right; padding-right: 50px; margin-top: 30px; }
.read_btn a { color: #da3915; font-size: 16px; font-weight: bold; display: block!important; }
.read_btn a::before {position: absolute; display: block; content: "\f0a9"; font-family: "Font Awesome 5 Free"; color: #da3915; font-weight: bold; right: 20px;  font-size: 18px; top: -2px;  -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.read_btn a:hover::before {right: 10px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}



/**************************
president
***************************/
.president_imgbox {
width: 100%;
margin: 0 auto 50px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
width: 90%;
padding: 20px 15px;
background: #fff;
font-size: 18px;
font-family: "貂ｸ譏取悃菴�","Yu Mincho",YuMincho,"�ｭ�ｳ �ｰ譏取悃","MS PMincho","繝偵Λ繧ｮ繝取�譛� Pro W3","Hiragino Mincho Pro",serif;
margin: 0 auto;
margin-top: -30px;
box-shadow: 3px 3px 0px rgba(194,23,49,0.5);
position: relative;
z-index: 10;
}
.president_txtbox {
width: 98%;
margin: 0 auto;
padding: 1%;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_name {
font-size: 16px;
text-align: right;
font-family: "貂ｸ譏取悃菴�","Yu Mincho",YuMincho,"�ｭ�ｳ �ｰ譏取悃","MS PMincho","繝偵Λ繧ｮ繝取�譛� Pro W3","Hiragino Mincho Pro",serif;
margin-top: 20px;
}
.president_box {
margin: 0 auto 40px;
}

.president_wrap {
width:100%;
margin:0 auto 30px;
position:relative;
padding:30px 0;
}

.president_wrap::before {
content:"";
position:absolute;
top:0;
left:0;
background:rgba(223,122,137,0.1);
width:75%;
height:1000px;
z-index:-10;
}

.president_img2 { width:80%; margin:0 auto 30px;}

.detail_box { margin-bottom: 50px; }

.carList { overflow: hidden;}
.carList dt { font-weight:bold;}
.carList dd { margin-bottom:10px;}


}