@charset "utf-8";
/* CSS Document */
##main-visual{
    height:350px;
}

#main-visual span{
    margin-top:80px;
}

#main-visual span+img{
    width:1500px;
    margin-left: -750px; 
}

#main-visual span img:nth-of-type(1){
    margin:0.5em auto 0;
    display:block;
    width:400px;
    height:auto;
}

#main-visual span+img{
    margin-top:28px;
}

#main-visual h2{
    display:none;
}

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

    #main-visual{
        margin-top:50px;
        height:320px;
    }

    #main-visual h2{
        display:block;
        color:#fff;
        text-align:center;
        font-size:120%;
        padding:90px 0 50px;
    }

    #main-visual span+img{
        width:1000px;
        display:inline-block;
        height:auto;
        position: relative;
        left: 50%;
        margin-top:30px;
        margin-left: -500px; 
    }

    #main-visual span{
        display:none;
    }

    #sp_logo2{
        position:relative;
        display:block;
        z-index:10;
        margin:0.5em auto 0;
        width:150px;
        height:auto;
    }

    #cloud1{
        top:150px;
        left:20px;
    }

    #cloud2{
        display:none;
    }
}


#contents_box nav#pager{
max-width:870px;
margin:0 auto 0;
padding:1em 30px;
line-height:2;
}
#page_nav{
margin:0 auto 3em;
padding:0;
}
#page_nav ul{
margin:0 auto 0;
padding-top:3em;
width:100%;
text-align:center;
}
#page_nav li{
display:inline-block;
text-align:center;
vertical-align:top;
line-height:1.7;
margin:0 2em;
}
#page_nav li a{
display:inline-block;
border:none;
padding-bottom:8px;
}
#page_nav li img{
width:130px;
height:auto;
border-radius:50%;
text-align:center;
margin-bottom:10px;
}
#page_nav li:hover  a img{border:3px solid #56b29a;}
#page_nav li:hover  a {color:#56b29a;}
#contents_box h2{display:none;}
#contents{
max-width:620px;
margin:0 auto;
padding:0;
line-height:2;
}
#contents div{margin:5em auto 0;}
#contents h3{
text-align:center;
font-size:140%;
color:#56b29a;
line-height:1.2;
margin-bottom:1em;
}
#contents h3 br{display:none;}
#contents h3 img{vertical-align:middle;}
#contents h3 img:nth-of-type(1){padding-right:8px;}
#contents h3 img:nth-of-type(2){padding-left:8px;}
#contents p{text-align:justify;}
#contents dl{
text-align:center;
margin-bottom:2em;
}
#contents dt{
font-size:140%;
color:#54c6ff;
margin-bottom:0.5em;
}
#contents dt img{vertical-align:middle;}
#contents dd{
background:#fff;
padding:2em 0;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
}
#contents dd span{color:#54c6ff;}
#contents dl+p img{
width:300px;
height:auto;
}
#contents dl+p img:nth-of-type(1){margin-right:20px;}
#visit p img{
display:inline-block;
width:48%;
height:auto;
padding:1em 0;
}
#visit p img:nth-of-type(1){margin-right:3%;}
h4{
color:#56b29a;
font-size:120%;
padding-top:1em;
}
.min{
font-size:90%;
font-weight:normal;
}
.big{font-size:130%;}
.big2{font-size:110%;}
h4:nth-of-type(2)+p{padding-bottom:2em;}
@media screen and (max-width: 640px) {
#contents_box h2{
display:block;
text-align:center;
font-size:130%;
color:#54c6ff;
}
#contents div{margin:2em auto 0;}
#page_nav{margin:0 auto;}
#page_nav ul{
margin:0 auto 0;
padding-top:1em;
}
#page_nav li{
margin:0 0.5em;
font-size:85%;
}
#page_nav li img{
width:75px;
margin-bottom:8px;
}
#contents{font-size:90%;line-height:1.7;}
#contents section{margin-bottom:1.5em;}
#contents h3{margin-bottom:0.5em;}
#contents h3 br{display:inline;}
#contents h3 span{display:none;}
#contents h3 img:nth-of-type(1){display:block;margin:0 auto;margin-bottom:0.5em;padding:0;}
#contents h3 img:nth-of-type(2){display:none;padding:0;}
#contents dl{margin-bottom:1em;}
#contents dl+p img{width:100%;}
#contents dl+p img:nth-of-type(1){margin:0 0 10px;}
#contents dt{margin-bottom:0;}
#contents dd{padding:1em;}
#visit p img{
display:block;
width:100%;
height:auto;
padding:1em 0 0;
}
#visit p img:nth-of-type(1){margin-right:3%;}
.block{
display:block;
padding:0.7em 0;
}
.big2{font-size:100%;}
}
form{
max-width:620px;
width:100%;
margin:1em auto 0;
text-align:center;
}
table{
width:100%;
border-collapse:collapse;
border-bottom:1px solid #54c6ff;
}
tr{border-top:1px solid #54c6ff;}
th{
padding:2em 2em 2em 0;
white-space: nowrap;
}
th{
vertical-align:middle;
white-space: nowrap;
}
th span{
font-size:120%;
color:#C00;
}
td{padding:2em 0;}
td span.cap{
font-size:80%;
line-height:1.5;
display:block;
padding-top:0.5em;
}
th,td{
text-align:left;
line-height:2.5;
}
td input,
textarea{
padding:0.8em;
width:30em;
}
textarea{width:100%;}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:0;
text-align:left;
display:block;
}
select{
font-size:90%;
height:30px;
}
option{height:30px;}
@media screen and (max-width: 640px) {
table{
width:90%;
margin:0 auto;
}
th,td{
display:block;
width:100%;
margin:0 auto;
line-height:2;
}
td input,
textarea{
width:100%;
margin:0 auto;
padding:0.5em 0;
}
th{
text-align:center;
padding:1em 0 0.5em;
line-height:1.7;
}
td{
padding:0 0 0.5em;
margin-bottom:1em;
}
.button{
margin:0 auto;
text-align:center;
padding-bottom:1em;
}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:1em auto 0;
text-align:center;
display:block;
}
caption{padding:0.5em 0;}
input[type="submit"],
input[type="reset"]
{font-size:90%;}
}
@media screen and (max-width: 360px) {.submit_button:nth-of-type(1){margin-right:0;}
}
#privacy_list{font-size:90%;}
#privacy_list dt{
padding-top:2em;
text-align:left;
color:#555;
font-size:110%;
}
#privacy_list dd{
background:none;
border:none;
padding:0;
text-align:justify;
}
#privacy_list ul{
padding-top:1em;
font-size:95%;
}
#pr_link{
padding-top:2em;
}