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

#header .navi li:nth-child(4) .hrunderline:before{
  left: 0;
  right: 0;
}

#header .navi li:nth-child(4) a{
font-weight:700;
color:#000;
}


#mainimage{
background-image:url(img/mainimage.jpg);
}

.member h2{
text-align:center;
font-size:2.8rem;
line-height:1;
padding-bottom:3rem;
}

#messe{
padding:6rem 0;
}
#messe h2{}
#messe h3{
text-align:center;
font-size:2rem;
line-height:1.8;
padding-bottom:3rem;
}
#messe p{
text-align:center;
font-weight:500;
}


#about{
background-image:url(img/about_back.jpg);
background-position:50% 0;
background-size:cover;
color:#fff;
}
#about .container{
padding:8rem 20rem 5rem 20rem;
}
#about h2{
font-size:2.5rem;
text-align:left;
font-family: 'M PLUS 1p', sans-serif;
}
#about h2 span{
color:#ff0000;
}
#about h3{
font-size:4rem;
line-height:1.2;
padding:0 0 5rem 0;
font-family: 'M PLUS 1p', sans-serif;
}
#about ul{}
#about li{
border-bottom:1px solid #fff;
padding:1.5rem 0;
font-size:1.8rem;
font-weight:500;
}
#about li p{
display:inline-block;
border:1px solid #fff;
width:3rem;
padding-right:0.3rem;
text-align:center;
margin-right:1rem;
font-style: oblique;
}


#inta{
background-image:url(img/inta_back.jpg);
background-position:50%;
background-size:cover;
padding:9rem 0;
}
#inta h2{
}
#inta ul{
text-align:center;
}
#inta li{
display:inline-block;
vertical-align:top;
width:36.7rem;
margin:1rem 0;
}
#inta li:nth-child(2),#inta li:nth-child(5){
margin:1rem 1.5rem;
}
#inta .box{
padding:2rem;
text-align:justify;
}
#inta .txt{
font-size:1.4rem;
}
#inta .name{
font-size:1.8rem;
font-weight:700;
}
#inta .name span{
font-size:1.5rem;
font-weight:normal;
}
#inta a{
display:block;
color:#fff;
}
#inta a .box{
background-color:#c91515;
background-image:url(../common/img/arrow.png);
background-repeat:no-repeat;
background-position:90% 50%;
  -webkit-transition: .3s;
  transition: .3s;
}
#inta li:nth-child(2n) a .box{
background-color:#313131;
}
#inta a:hover .box,#inta li:nth-child(2n) a:hover .box{
background-color:#00a0b0;
background-position:97% 50%;
}


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

#drawer .spnavi li:nth-child(4) a{
color:#00a0b0;
}

#mainimage{
background-image:url(img/mainimage.jpg);
}

.member h2{
font-size:2.5rem;
padding-bottom:3rem;
}

#messe{
padding:6rem 0;
}
#messe h2{
line-height:1.5;
}
#messe h3{
text-align:center;
font-size:1.8rem;
line-height:1.8;
}
#messe p{
text-align:justify;
}



#about{
background-position: 0;
}
#about .container{
padding:5rem 2rem;
}
#about h2{
font-size:2.5rem;
padding-bottom: 1.5rem;
}
#about h3{
font-size:3rem;
line-height:1.2;
padding:0 0 4rem 0;
}
#about ul{}
#about li{
padding:1.5rem 0 1.5rem 4rem;
font-size:1.6rem;
padding-left:;
text-align:justify;
position:relative;
}
#about li p{
text-indent:0.2rem;
position:absolute;
left:0;
top:1.5rem;
}


#inta{
padding:6rem 0;
}
#inta h2{
}
#inta ul{
}
#inta li{
display:block;
max-width:440px;
width:100%;
margin:2rem auto;
}
#inta li:nth-child(2),#inta li:nth-child(5){
margin:2rem auto;
}
#inta li img{
width:100%;
}
#inta .box{
padding:2rem;
text-align:justify;
}
#inta .txt{
font-size:1.4rem;
line-height:1.3;
}
#inta .name{
font-size:1.8rem;
font-weight:700;
}
#inta .name span{
font-size:1.3rem;
}
#inta a{
display:block;
color:#fff;
}
#inta a .box{
background-position:90% 75%;
}
#inta a:hover .box,#inta li:nth-child(2n) a:hover .box{
background-position:97% 75%;
}


}