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


p{
font-size: 0.9em;
}

#top img{
width: 100%;
}

.join_main a{
color: #000;
}

#joinus{
margin-top: 80px;
text-align: center;
}

#joinus p{
font-size: 0.9em;
margin-top: 10px;
}


h5{
letter-spacing: 0;
font-size: 1.2em;
}

.word_more h7{
font-size: 1em;
}

.word_more{
width: 100%;
}
.word_more .row{
width: 100%;
margin: 0 auto;
}


.comback{
background-color: #EDECF1;
padding: 20px 0px 40px;
margin-top: 100px;
}

.join_main{
background-color: #FFF;
margin-top: 40px;
padding: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
margin-bottom: 30px;
}

.join_main img{
width: 100%;
}

.join_inner{
margin-top: 40px;
}
.join_inner p{
padding: 0 15px 15px;
font-size: 0.9em;
}
.join_cap{
font-size: 0.9em;
margin-top: 10px;
}

#join{
background-image: none;
}


.purpletext{
color: #662C7F;
}

.newsbox{
margin-bottom: 0px;
}

#address2{
margin-top: 50px;
margin-bottom: 30px;
}

#address2 img{
width: 80%;
margin-top: 30px;
}


#banner2{
text-align: center;
margin-top: 50px;
}

.banner2{
width: 100%;
text-align: center;
}

.banner2 img{
width: 50%;
 cursor: pointer;
  transition-duration: 0.3s;
}


.banner2:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



#contact{
background-color: #EDECF2;
padding-top: 50px;
}

#contact p{
text-align: center;
margin-top: 30px;
}


@media (max-width: 768px) {
.join_inner{margin-top: 20px;}
.join_main{margin-top: 20px;padding: 10px;margin-bottom: 30px;}
#join .join_box{margin: 10px 10px;height: auto;}
#join .morebox{margin-top: 20px;}
#join {padding-bottom: 40px;padding-top:50px; }

}

.eyecatch {
width:100%;
height:200px;
background-position: top center;
background-size: cover;
}
.eyecatch2 {
width:100%;
height:200px;
background-position: center center;
background-size: cover;
}
.word_more p{
padding: 0;
font-size: 0.8em;
}