@charset "utf-8";

/**
COMMON
*/

.sp{
display: none;
}

#wrapper,
#contents section{
width: 100%;
border: none;
}

img.car02{
position: absolute;
top: 250px;
right: 0px;
height: 200px;
overflow: hidden;
z-index: 99;
}
img.car03{
position: absolute;
top: 400px;
left: -100px;
height: 200px;
overflow: hidden;
z-index: 99;
}
img.car04{
position: absolute;
top: 950px;
left: -20px;
height: 200px;
overflow: hidden;
z-index: 99;
}

.box_text{
border: solid 2px #000;
background: #FFF;
border-radius: 20px;
font-weight: bold;
padding: 20px 25px;
width: 400px;
color: #333;
margin: 50px 0;
}
.box_text p{
font-size: 18px;
font-family: "corporate-logo-ver2", sans-serif;

line-height: 2;
font-weight: 600;
  display: inline;
  padding: 5px 10px;
  border: solid 2px #000;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
div.right{
margin: 0 0 0 auto;
}

div.catch{
width: 700px;
margin: 100px 0 50px auto;
}


body.about{
background: #FCC046 !important;
color: #000;
}

body.about #contents .inner{
width: 900px;
}

body.about div.line_top{
background: url(../images/bg_lead.png) repeat-x #E6B95E;
background-size: 50%;
height: 60px;
}
body.about div.line_bottom{
background: url(../images/bg_lead_bottom.png) repeat-x #FCC046;
background-size: 50%;
height: 60px;
}

body.about section.title{
padding-bottom: 0;
margin-bottom: -60px;
z-index: 999;
}

body.about section.lead{
position: relative;
padding-top: 0;
background: #E6B95E;
background-size: 100%;
}

body.about section.lead h3{
width: 600px;
padding-top: 100px;
margin: 0 auto 0  auto;
}

body.about .lead section.bg{
margin-top: 100px;
background: url(../images/bg2.png) space left top;
background-size: 180%;
}
body.about section.bg{
margin-top: 60px;
background: url(../images/img_background02.png) space 0 0px ;
background-size: 100%;
}



body.about section.profile h3,
body.about section.access h3{
width: 400px;
margin: 0 auto;
}

body.about section.profile table{
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
  
background: #FFF;
font-weight: 600;

color: #000;
width: 600px;
margin: 50px auto;
border-radius: 20px;
border: solid 2px #000;
}


table tbody th,
table tbody td {
  padding: 15px;
  border-bottom: solid 2px #000;
font-family: "corporate-logo-ver2", sans-serif !important;
font-weight: 600;
  line-height: 1.5;
}

table tbody th{
white-space: nowrap;
}


table tbody td{
  border-left: solid 2px #000;
  }

table tbody tr:last-child th,
table tbody tr:last-child td {
  border-bottom: none;
}

body.about section.access{
text-align: center;
}
body.about section.access iframe{
width: 600px;
margin: 50px auto;
border: solid 2px #000 !important;
border-radius: 20px;
}


@media screen and (max-width: 800px) {

.pc{
display: none;
}
.sp{
display: inherit;
}

body.about .inner{
width: 100%;
}

#wrapper{
padding: 0;
}


.inner{
padding: 0 !important;
}



img.car02{
position: absolute;
top: 160px;
right: 0px;
height: 200px;
overflow: hidden;
}
img.car03{
position: absolute;
top: 880px;
left: -100px;
height: 160px;
overflow: hidden;
}
img.car04{
position: absolute;
top: 1530px;
left: -20px;
height: 160px;
overflow: hidden;
}



div.catch {
    width: 100%;
    margin: 100px 0 50px auto;
}


body.about #contents section{

}

body.about #contents section.title img{
width: 100%;
}

body.about section.lead h3 {
    width: 90%;
    padding: 50px 0 30px 0;
    margin: 0 auto 0 auto;
}

div.right {
    margin: inherit;
}
.box_text,
div.catch{
width: 90%;
margin: 30px auto;
}

.box_text p{
font-size: 15px;
line-height: 2.2;
}
.box_text:nth-child(2){
margin-bottom: 250px;
}
.box_text:nth-child(4){
margin-bottom: 250px;
}

body.about section.profile h3,
body.about section.access h3{
    width: 60%;
    margin: 0 auto;
}

body.about section.profile table{
width: 90%;
margin: 50px auto;
}

body.about section.access iframe{
width: 90%;
margin: 50px auto;
}

}