@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     会社案内
 Notes:          
--------------------------------------------------------------- */
.container{
width:100%;
padding-top:5em;
}

.main-title{
width:51.04%;
margin: 5% auto;
}
.main-title img{
width:100%;
}

.container .content {
  width: 51.04%;
  margin: 0 auto;
}


.sec01 .txt01 {
	margin: 0 0 5%;
	font-size: 1.1vw;
	line-height: 170%;
}


/* section 2 */
.sec02 .content {
  padding: 3% 0;
	
}

.sec02 .content#gaiyou {
    padding: 8% 0 0;
    margin-top:-5%;
}


.sec02 .content:last-child {
	border-bottom: none;
}
.sec02 h3.title {
text-align: center;
	margin: 0 auto 5%;
	color: #3871ad;
	font-size: 1.5em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.sec02 .txt-image {
	width: 70%;
}
.sec02 .logo-wrap {
  width: 100%;
  display: flex;
	justify-content: space-between;
  align-items: flex-end;
}
.sec02 .logo-wrap .box01 {
  width: 27%;
}
.sec02 .logo-wrap .box02 {
  width: 70%;
}
.sec02 .table01 {
	margin: 0 auto 3%;
}
.sec02 .table01 .tr {
	display: flex;
}
.sec02 .table01 .th {
	width: 24.46%;
	font-weight: bold;
text-align: right;
font-feature-settings: "palt";
}
.sec02 .table01 .td01 {
	width: 1px;
	margin: 0 4%;
	position: relative;
}

.sec02 .table01 .td02 {
	width: 67%;
    padding-bottom:3%;
}

.sec02 .table01 .td02#last {
	width: 67%;
    padding-bottom:0;
}

.sec02 .table01 .td#en {
	width: 24.46%;
	font-weight:normal;
text-align: right;
}

/**********sec03************************/
.sec03{
width:51.04%;
margin: 0 auto 10%;
}

.sec03-txt01{
font-size: 1.4vw;
line-height: 200%;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom: 5%;
text-align: center;
}

.sec03-txt02{
font-size: 1vw;
line-height: 200%;
margin-bottom: 10%;
text-align: center;
}

.sec03-box{
width:100%;
display: block;
}

.sec03-l{
width:45.91%;
float: left;
}

.sec03-title{
font-size: 1.1vw;
line-height: 140%;
font-weight: bold;
}

.sec03-txt{
line-height: 170%;
font-size: 1vw;

}

.sec03-r{
width:48.98%;
float: right;
}
.sec03-r img{
width:100%;
}

/**********sec04************************/
.sec04{
width:51.04%;
margin: 0 auto 10%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.sec04-bana{
width:46.94%;
margin-bottom: 3%;
}
.sec04-bana img{
width:100%;
}

.btn-map a{
background-color: #e60000;
padding: 0 2%;
color: #ffffff;
font-size: 1vw;
line-height: 1.8vw;
border-radius: 0.9vw;
text-decoration: none;
margin-left: 2%;
}

.btn-map a:hover{
opacity: 0.6;
}

/* ===============================================================================================================================
== スマホ 
================================================================================================================================= */
@media only screen and (max-width:699px) {
.container .content {
  width: 90%;
  margin-bottom: 10%;
}

.main-title{
width:90%;
margin: 5% auto;
}

.sec01 .txt01 {
    margin: 0 0 5%;
    font-size: 16px;
    line-height: 170%;
}

.sec02 h3.title {
    text-align: center;
    margin: 0 auto 5%;
    color: #3871ad;
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.sec02 .table01 .tr {
    display: block;
}

.sec02 .table01 .th {
    width: 100%;
    margin: 0 0 1%;
    text-align: left;
    font-size: 14px;
    line-height: 170%;
}

.sec02 .table01 .td01 {
    display: none;
}

.sec02 .table01 .td02 {
    width: 100%;
    padding-bottom: 3%;
    font-size: 14px;
    line-height: 170%;
}

.btn-map a {
    background-color: #e60000;
    padding: 0 2%;
    color: #ffffff;
    font-size: 14px;
    line-height: 200%;
    border-radius: 14px;
    text-decoration: none;
    margin-left: 2%;
}

.sec02 .table01 .td#en {
    width: 100%;
    margin: 0 0 1%;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    line-height: 170%;
}

.sec03 {
    width: 90%;
    margin: 0 auto 10%;
}

.sec03-txt01 {
    font-size: 18px;
    line-height: 200%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin-bottom: 5%;
    text-align: center;
}

.sec03-txt02 {
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 10%;
    text-align: left;
}

.sec03-r {
    width: 100%;
    float: none;
}

.sec03-l {
    width: 100%;
    float: none;
}

.sec03-title {
    font-size: 16px;
}

.sec03-txt {
    line-height: 170%;
    font-size: 14px;
}

.sec04 {
    width: 90%;
    }



}