@charset "utf-8";




.counselor{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 40px 0px;
}

.counselor h2{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    background-color: #ffffff;
    text-align: center;
}

.counselor h2 img{
    max-width: 350px;
}


.counselor .csBox{
    margin: 0px auto;
    padding: 30px 0px 30px 0px;
    width: 100%;
}

.counselor .csBox:nth-child(odd){
    background-color: #c5d1df;
}


.counselor .csBox .pic{
    margin: 0px auto 20px;
    max-width: 200px;
    
}

.counselor .csBox .pic img{
    border: solid 2px #d3a86c;
}

.counselor .csBox .reception{
    margin: 0px 0px 10px 0px;
}

.counselor .csBox .reception p{
    text-align: center;
}

.counselor .csBox .reception p:before{
    content: "● ";
}

.counselor .csBox .reception .on:before{
    color: #42b97a;
}

.counselor .csBox .reception .off:before{
    color: #7c7b7b;
}

.counselor .csBox .csName{
    margin: 0px auto 12px;
    max-width: 500px;
    display:flex;
    align-items: center;
}

.counselor .csBox .csName .name{
    margin: 0px 2% 0px 0px;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    width: 68%;
}

.counselor .csBox .csName .area{
    margin: 0px auto;
    padding: 10px 0px 10px 0px;
    width: 30%;
    background-color: #ffffff;
    text-align: center;
}

.counselor .csBox .csName .area span{
    padding: 0px 0px 0px 14px;
    background: url("../img/counselor/icon-area.png") no-repeat left center;
    background-size: 10px auto;
}


.counselor .csBox .csBody{
    margin: 0px auto 20px;
    max-width: 600px;
}

.counselor .csBox .csBody p{
    margin: 0px 0px 14px 0px;
    line-height: 1.5em;
    font-size: 15px;
}


.counselor .csBox .btnReception{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    max-width: 300px;
}



.counselor .csBox .formBox{
    margin: 0px auto 30px;
    padding: 0px 0px 0px 0px;
    max-width: 400px;
}

.counselor .csBox .formBox p{
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
}

.counselor .csBox .formBox p input,
.counselor .csBox .formBox p textarea{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
}

.counselor .csBox .formBox .submit{
    text-align: center;
}

.counselor .csBox .formBox .submit input{
    margin: 0px auto;
    width: 80%;
}


.counselor .csBox .listlink{
    margin: 0px auto;
    width: 90%;
    text-align: right;
}


.counselor.archive .csBox{
}


.counselor.archive .rankingBox{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    background-color: #cdcdcd;
}

.counselor.archive .rankingBox h3{
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
}

.counselor.archive .rankingBox ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display:flex;
}

.counselor.archive .rankingBox ul li{
    margin: 0px auto;
    padding: 1%;
    width: 32%;
    display:flex;
    flex-direction: column;
    background-color: #272836;
    color: #ffffff;
    
}

.counselor.archive .rankingBox ul li:nth-child(1):before{
    content:"No.1";
}

.counselor.archive .rankingBox ul li:nth-child(2):before{
    content:"No.2";
}

.counselor.archive .rankingBox ul li:nth-child(3):before{
    content:"No.3";
}



.counselor.archive .rankingBox ul li p.pic{
    flex-grow: 1;
    align-content: center;
}

.counselor.archive .rankingBox ul li p.name{
    text-align: center;
}



@media (max-width: 767px){
	.counselor{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    
    .counselor h2 img{
        width: 60%;
    }
    
    .counselor .csBox .pic{
        margin: 0px auto 20px;
        max-width: 70%;
        width: 70%;

    }
    
    .counselor .csBox .csName{
        margin: 0px auto 12px;
        width: 90%;
        display:flex;
        align-items: center;
    }
    
    .counselor .csBox .csBody{
        margin: 0px auto 20px;
        width: 90%;
    }

}



main.page{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 40px 0px;
}

.page #contents{
    
}

.page h2{
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 20px 0px;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

.page h2 img{
    max-width: 300px;
}

.page .rcBox{
    margin: 0px auto;
    max-width: 600px;
}


@media (max-width: 767px){
	.page h2 img{
        width: 40%;
    }
    
    .page .rcBox{
        margin: 0px auto;
        width: 96%;
    }
    
}


.outlineBox{
    padding: 0px 0px 30px 0px;
}

.outlineBox h2 img{
    max-width: 150px;
}

.outlineBox dl{
    margin: 0px auto 30px;
    max-width: 500px;
}

.outlineBox dl:last-child{
    margin-bottom: 0px;
}

.outlineBox dl dt{
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 20px;
}

.outlineBox dl dt:before{
    content:"■";
}

.outlineBox dl dd{
    font-size: 15px;
    line-height: 1.4em;
}

.outlineBox dl dd ul{
    margin: 0px auto;
    width: 90%;
}

.outlineBox dl dd ul li{
    margin: 0px 0px 10px 10px;
    list-style: disc;
}

.outlineBox dl dd ul li:last-child{
    margin-bottom: 0px;
}

@media (max-width: 767px){
    .outlineBox h2 img{
        max-width: 40%;
    }

    .outlineBox dl{
        margin: 0px auto 30px;
        width: 90%;
    }
}


main.page.template{
    padding-bottom:0px;
}

.template{
    
}

.template h2{
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 20px 0px;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

.template h2 img{
    max-width: 350px;
}



.template .tpBox{
    margin: 0px auto;
    padding: 30px 0px 30px 0px;
    
}

.template .tpBox .boxIn{
    margin: 0px auto;
    max-width: 500px;
}


.template .tpBox:nth-child(odd){
    background-color: #c5d1df;
}

.template .tpBox h3{
    margin: 0px auto 20px;
    padding: 0px 0px 10px 0px;
    width: 90%;
    border-bottom: dotted 1px #272836;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.template .tpBox .pic{
    margin: 0px auto 20px;
    width: 40%;
}

.template .tpBox .txtBox{
    margin: 0px auto 20px;
    width: 90%;
}

.template .tpBox .txtBox p{
    margin: 0px 0px 10px 0px;
    line-height: 1.6em;
}

.template .tpBox .btn{
    margin: 0px auto;
    width: 70%;
}


@media (max-width: 767px){
	.template h2 img{
        width: 60%;
    }	
}



.sponsors{
    padding: 0px 0px 20px 0px;
}

.sponsors h2 img{
    max-width: 150px;
}

.sponsors .txtBox{
    margin: 0px auto 20px;
    max-width: 750px;
}

.sponsors .txtBox p{
    font-size: 15px;
    line-height: 1.5em;
}

.sponsors .spBox{
    margin: 0px auto 30px;
    padding: 20px 20px 20px 20px;
    max-width: 500px;
    background-color: #ffffff;
}

.sponsors .spBox h3{
    margin: 0px 0px 10px 0px;
}

.sponsors .spBox dl{
    margin: 0px 0px 16px 0px;
}

.sponsors .spBox dl dt{
    margin: 0px 0px 8px 0px;
    font-size: 18px;
    font-weight: bold;
}

.sponsors .spBox dl dt:before{
    content: "■";
}

@media (max-width: 767px){
	.sponsors h2 img{
        width: 30%;
    }

    .sponsors .txtBox{
        margin: 0px auto 20px;
        width: 90%;
    }
    
    .sponsors .spBox{
        margin: 0px auto 30px;
        padding: 20px 20px 20px 20px;
        width: 90%;
        background-color: #ffffff;
    }
    
    
}



.register{
    
}

.register h2 img{
    max-width: 300px;
}

.register .txtBox{
    margin: 0px auto 20px;
    max-width: 600px;
}

.register .txtBox p{
    line-height: 1.5em;
}

.register .txtBox p.memo{
    font-weight: bold;
}


.register .wpcf7{
    margin: 0px auto 20px;
    padding: 0px 0px 30px 0px;
    max-width: 600px;
}

.register .wpcf7 dl{
    margin: 0px 0px 16px 0px;
}

.register .wpcf7 dl dt p:before{
    content:"■";
}

.register .wpcf7 dl input,
.register .wpcf7 dl textarea{
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 100%;
}


.register .wpcf7 dl dd.zip input,
.register .wpcf7 dl dd.pref input{
    width: 150px;
}

.register .wpcf7 dl dd.check p{
    line-height: 2em;
}

.register .wpcf7 dl dd.check input{
    width: auto;
}


.register .wpcf7 p{
    margin: 0px 0px 0px 0px;
    line-height: 1.5em;
}

.register .wpcf7 .submit{
    margin: 0px auto;
    max-width: 500px;
    text-align: center;
}

.register .wpcf7 .submit input{
    margin: 0px auto;
    width: 80%;
}





@media (max-width: 767px){
		
    .register h2 img{
        width: 50%;
    }

    .register .txtBox{
        margin: 0px auto 20px;
        width: 90%;
    }
    
    .register .wpcf7{
        margin: 0px auto 20px;
        padding: 0px 0px 30px 0px;
        width: 90%;
    }
    
    .register .wpcf7 .submit{
        width: 90%;
        text-align: center;
    }

}

.register-complete{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}

.register-complete h2{
    margin: 0px 0px 30px 0px;
    padding: 20px 0px 20px 0px;
}


.rcBox{
    margin: 0px auto;
    padding: 10px 10px 20px 10px;
    width: 90%;
    background-color: #272836;
    color: #ffffff;
    border-top: solid 6px #b4823c;
}

.rcBox h3{
    margin: 0px auto 14px;
    padding: 14px 0px 14px 0px;
    width: 90%;
}

.rcBox .mark{
    margin: 0px auto 20px;
    padding: 0px 0px 0px 0px;
    width: 70%;
}

.rcBox .txtBox{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 86%;
    
}

.rcBox .txtBox p{
    margin: 0px 0px 14px 0px;
    line-height: 1.6em;
    font-size: 14px;
}

.rcBox .pic{
    margin: 0px auto 30px;
    width: 90%;
}

.rcBox .settlement{
    margin: 0px auto 30px;
    width: 60%;
}



@media (max-width: 767px){
	.rcBox .settlement{
        margin: 0px auto 30px;
        width: 90%;
    }	
}



.news{
    
}

.news #contents{
    padding: 30px 0px 30px 0px;
}



.news #contents .newsBody{
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
    width: 90%;
    background-color: #ffffff;
}

.news #contents .newsBody h1{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
}

.news #contents .newsBody p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
}

.news #contents .newsBody p.date{
    text-align: right;
}

@media (max-width: 767px){
		
}


.newsList{
    
}

.newsList #contents{
    padding: 30px 0px 30px 0px;
}

.newsList #contents h1{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 22px;
}


.newsList #contents .newsBody{
    margin: 0px auto 40px;
    padding: 10px 10px 10px 10px;
    width: 90%;
    background-color: #ffffff;
}

.newsList #contents .newsBody h2{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
}

.newsList #contents .newsBody p{
    margin: 0px 0px 20px 0px;
    line-height: 1.5em;
}

.newsList #contents .newsBody p.date{
    text-align: right;
}

@media (max-width: 767px){
		
}