@charset "UTF-8";

/*******************************
 
会社情報 StyleCss
 
*******************************/

#message .title_area{
background: url(../img/company_fig01.jpg) no-repeat;
background-size: cover;
min-height: 375px;
text-align: left;
/*margin-top: 60px;*/
}
#message .title_area .en{
display: block;
font-size: 26px;
font-weight: bold;
color: #fff;
letter-spacing: .1em;
line-height: 1.6em;
padding-top: 145px;
}

#message .title_area p.title{
font-size: 50px;
line-height: 1.6em;
margin-bottom:12px;
color:#fff;
font-weight: bold;
font-family:'Noto Serif JP','ヒラギノ明朝 ProN', 'Hiragino Mincho ProN','YuMincho', 'Yu Mincho', '游明朝体','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

#message .title_area .sign{
display: inline-block;
background: #fff;
padding: 3px 20px;
margin-bottom: 10px;
color: #00ae99;
}
#message .title_area .sign small{
    margin-right: 10px;
}
#message .title_area .sign span{
font-size: 1.7em;
font-weight: bold;
vertical-align:middle;
}

#message .message{
padding: 40px 0;
text-align: left;
line-height: 2;
margin: 50px auto;
}

#outline .photos{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 40px;
}

#outline table{
width: 100%;
border: 1px solid #666;
border-collapse: collapse;
}
#outline table th{
background: #eee;
padding:15px;
border: 1px solid #666;
width: 200px;
min-width: 200px;

}
#outline table td{
background: #fff;
padding:15px;
border: 1px solid #666;
}

#access .address{
font-weight: bold;
font-size: 24px;
padding: 20px 0 30px;
}

#access .flex50{
font-size: 18px;
line-height: 1.8em;
/*margin-bottom: 70px;*/
}

#history  table{
width: 100%;
border-collapse: collapse;
}
#history  table th{
font-weight: bold;
/*min-width: 100px;
max-width: 200px;*/
	width: 250px;
color: #333;
padding: 10px 15px;
border-bottom: 1px dotted #ccc;
}
#history  table td{
color: #333;
padding: 10px 15px;
border-bottom: 1px dotted #ccc;
}


/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
#message .title_area .en{
font-size:18px;
padding-top: 45px;
}

#message .title_area p.title{
font-size: 24px;
}

#message .title_area .sign{
display: block;
padding: 15px 20px 0;

}
#message .title_area .sign span{
/*display: block;*/
font-size: 18px;
}

#message .message{
text-align: left;
margin: 30px auto 50px;
padding: 0;
}

#outline .photos{
display: block;
margin-bottom: 40px;
}

#outline table{
width: 100%;
border: 1px solid #666;
border-collapse: collapse;
}
#outline table th{
display: block;
width: 100%;
background: #eee;
padding:15px;
border: none;
min-width: 100%;

}
#outline table td{
display: block;
width: 100%;
background: #fff;
padding:15px;
border: none;
}

#access .address{
	font-size: 18px;
}
#access .flex50{
	font-size: 14px;
}
	
#history  table{
width: 100%;
border-collapse: collapse;
}
#history  table th{
display: block;
font-weight: bold;
width: 100%;
min-width: 100%;
max-width: 100%;
color: #333;
padding: 15px 15px 0;
border-bottom: 0;
}
#history  table td{
display: block;
color: #333;
padding: 5px 15px 10px;
border-bottom: 1px dotted #ccc;
}


}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){


}