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


@media screen and (max-width: 767px) {
/*------------
charter--599px
------------*/

#contents{
margin: 0 0 -40px;
}

footer{
border: none;
}

/* visArea */
#visArea{
background: url(../../charter/img/mainvis.jpg) 100% 50% no-repeat;
background-size: cover;
}





#contents h5{
position: relative;
left: -10px;
margin: 0 0 5px;
font-size:1.7rem;
}
#contents li{
margin: 0 0 30px;
}
#contents li .noteCom{
margin: 10px 0 0;
}
#contents li p .noteCom{
display: block;
margin: 5px 0 10px;
}
#contents li .noteCom span{
display: block;
}


#contents .btn {
padding: 30px 6% 0;
}
#contents .btn a{
display: block;
width: 100%;
background: url(../img/home/arrow_wt_pc.png) 96% 50% no-repeat #45a4c7;
background-size: 25px auto;
padding: 8px 40px 10px;
font-size:1.7rem;
text-align: center;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}
/* linkArea */
#contents .linkArea{
padding: 20px 6% 10px;
}
#contents .linkArea li{
margin: 0 0 20px;
}

#contents .linkArea a{
background: url(../img/arrow_down_sp.png) 96% 50% no-repeat #45a4c7;
background-size: 10px auto;
padding: 8px 40px 10px;
font-size:1.7rem;
text-align: center;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}





#contents .baseSect .mainTxt{
margin: 0 0 30px;
}
#contents .baseSect .mainTxt .noteCom{
display: block;
margin: 10px 0 0;
}

#contents .baseSect .spList h5{
margin: 0 0 20px;
}
#contents .baseSect .spList dl{
margin: 0 0 20px;
}
#contents .baseSect .spList dt{
background: #f2f2f2;
padding: 10px 5%;
font-size:1.6rem;
line-height: 1.2;
text-align: center;
letter-spacing: 0.1em;
}
#contents .baseSect .spList dd{
padding: 14px 5%;
border: 1px solid #e0e0e0;
border-top:none;
font-size:1.4rem;
}
#contents .baseSect .spList dd a{
display: inline-block;
}





#contents #sect01{
border-top: 1px solid #e0e0e0;
}
#contents #sect01 ul{
padding: 0 0 300px;
background: url(../../charter/img/subimg01.jpg) 50% 100% no-repeat;
background-size: 300px auto;
}

#contents #sect02{
background: #f2f2f2;
}
#contents #sect02 ul{
padding: 0 0 300px;
background: url(../../charter/img/subimg02.jpg) 50% 100% no-repeat;
background-size: 300px auto;
}
#contents #sect02 .spList dd{
border-top: 1px solid #e0e0e0;
}



}
/* End_SP */









@media screen and (min-width:768px) {

/*------------
600px-charter
------------*/


/* visArea */
#visArea{
background: url(../../charter/img/mainvis.jpg) 50% 50% no-repeat;
background-size: cover;
}


#contents{
margin: 0 0 -60px;
}

footer{
border: none;
}



#contents h5{
position: relative;
left: -15px;
margin: 0 0 5px;
font-size:18px;
font-size:1.8rem;
}
#contents li{
margin: 0 0 40px;
padding: 0 0 0 0;
}
#contents li .noteCom{
margin: 20px 0 0;
}
#contents li p .noteCom{
display: block;
margin: 5px 0 20px;
}

#contents li .noteCom span{
display: block;
}



#contents .btn {
  padding: 90px 0 0;
}
#contents .btn a{
display: block;
width: 1100px;
background: url(../img/home/arrow_wt_pc.png) 96% 50% no-repeat #45a4c7;
padding: 16px 80px;
font-size:17px;
font-size:1.7rem;
text-align: center;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
margin: 0 auto;
}
/* linkArea */
#contents .linkArea{
padding: 40px 0 90px;
}
#contents .linkArea ul{
width: 1100px;
margin: 0 auto;
}

#contents .linkArea li{
width: 530px;
float: left;
margin: 0;
}
#contents .linkArea li:nth-child(even){
float: right;
}

#contents .linkArea a{
background: url(../img/arrow_down.png) 96% 50% no-repeat #45a4c7;
padding: 16px 80px;
font-size:17px;
font-size:1.7rem;
text-align: center;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}






#contents .baseSect .mainTxt{
margin: 0 0 40px;
text-align: center;
}
#contents .baseSect .mainTxt .noteCom{
display: block;
margin: 20px 0 0;
}
#contents .baseSect .spList h5{
margin: 0 0 20px;
}
#contents .baseSect .spList dl{
width: 530px;
}
#contents .baseSect .spList dt{
background: #f2f2f2;
padding: 12px 10px;
font-size:16px;
font-size:1.6rem;
line-height: 1.2;
text-align: center;
letter-spacing: 0.1em;
}
#contents .baseSect .spList dd{
padding: 30px 20px;
border: 1px solid #e0e0e0;
border-top:none;
font-size:14px;
font-size:1.4rem;
}
#contents .baseSect .spList dd a{
display: inline-block;
}


/* sect01_PC */

#contents #sect01{
padding: 100px 0 120px;
background: url(../../charter/img/subimg01.jpg) calc(50% + 430px) 370px no-repeat;
border-top: 1px solid #e0e0e0;
}
#contents #sect01 li{
padding: 0 500px 0 0;
}
#contents #sect01 .spList{
padding: 0;
}
#contents #sect01 .spList dl{
float: left;
}
#contents #sect01 .spList dl:nth-child(even){
float: right;
}




/* sect02_PC */

#contents #sect02{
padding: 100px 0 200px;
background: url(../../charter/img/subimg02.jpg) calc(50% - 430px) 410px no-repeat #f2f2f2;

}
#contents #sect02 ul{
padding: 0 0 0 500px;
}
#contents #sect02 .spList dd{
border-top: 1px solid #e0e0e0;
}





}
/* End_PC */