@charset "utf-8";

/* ===================================================================
Tablet CSS
ウィンドウ幅[641～1023px]の場合に適用
=================================================================== */
@media screen and (max-width: 1023px) {

#f_menu {
display: none;
}

.cta_bg {
margin-bottom: 25px;
padding: 20px 10px;
}

.cta .hc .left {
width: 500px;
}

section {
margin: 0 10px 30px;
}

#sec01 p,
#sec02 p,
#sec03 p {
padding: 0 30px 20px;
}

#sec01 ul {
padding: 30px 30px 10px;
}

#sec02 .bg {
padding: 0 30px;
background: none;
}

#sec02 .bg ul {
padding: 0 0 60px 0;
}

#sec03 h3 {
padding: 30px 30px 50px;
}

#sec04{
margin: 0;
padding: 0 10px;
}

#sec04 dd {
margin-right: 20px;
}

#sec05{
margin: 0;
padding: 50px 10px 0;
}

#sec05 h2 {
margin-bottom: 20px;
}

#sec05 p.center {
padding-bottom: 20px;
font-size: 24px;
}

#sec05 ul {
max-width: 550px;
}
    
#sec05 .map {
  -webkit-flex-direction: column; /* Safari */
flex-direction:         column;
}

#sec05 .map img {
width: 100%;
margin : 0 auto;
}

#sec05 .map ul.area {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
width: 1000px;
}

#sec05 .map figure{
margin-bottom :20px;
}

/*#sec05 .map .area li h3,
#sec05 .map .area li{
width: 100%;
}*/

#sec05 .map .area li p {
text-align: center;
}


#sec06 {
padding: 25px 0 50px 0;
}

#sec06 li figcaption {
padding: 10px;
}

#sec06 li figcaption h3 {
margin-bottom: 10px;
}

#sec06 li figcaption p {
margin-bottom: 10px;
}

#sec07 .voice_bg {
margin: 0 auto 30px;
}

#sec07 .voice {
padding: 25px;
}

#sec07 h2.center {
margin-bottom: 40px;
}


#footer .copyright {
padding-top: 20px;
}

}