@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0;padding:0;border-top: 0px solid #00556f;}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
body{font-family:'Noto Sans Japanese', 'メイリオ', 'Meiryo UI', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Verdana,'ＭＳ Ｐゴシック',sans-serif;}
body *{font-family:'Noto Sans Japanese', 'メイリオ', 'Meiryo UI', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Verdana,'ＭＳ Ｐゴシック',sans-serif;}


/*----------------------------------------------------------------------------
***                                                                    class
----------------------------------------------------------------------------*/
.commonWidth{width:100%; margin:0 auto;}
.headerStyle{padding:1em 0;box-shadow: 0px 6px 6px -4px rgba(0,0,0,0.5);position: relative;}
.footerStyle{}
.position{position:relative;}
.secBox{/* padding:3em 0; */}
.formBtnBox{padding:2em 0 0em;}
.formBtnBox.style02{padding:1em 0; border:3px solid #00A2AF; border-radius:10px;}

.txt-colorPink{color:#f953ac;}
.txt-colorBlue{color:#00a0ae;}

/*----- contentsBox -----*/
.contentsBox{margin: 0 auto 8% auto;padding: 5% 5%;border: 0px solid #c9caca;border-top: 10px solid #01556f;box-shadow: none;}
#ryugakuBox .contentsBox{border-top-color:#036eb8;}
#ocha_lightBox .contentsBox{border-top-color:#f39800;}
#risusapuBox .contentsBox{border-top-color:#8fc31f;}
#lightingBox .contentsBox{border-top-color:#7e318e;}
#costBox .contentsBox{border-top-color:#e4007f;}

/*----- iframe -----*/
.iframe{width:100%;height: 100%;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
/*----- headerArea -----*/
#headerBox{margin-bottom: 0em;/* padding: 3% 2% 3%; *//* border-bottom: 1px solid #00556f; */}
#headerBox .ttl{padding-top: 0;width: 38%;display: block;}
#headerBox .ttl .txt01{border-right: none;padding-right: 0;margin-right: 0;}
#headerBox .ttl .txt01 img{margin-bottom: 0;display: block;}
#headerBox .ttl .txt02{display: block;line-height: 1;width: 70%;}
#headerBox .ttl .txt02 img{display:block;}

#logoutBox{width: 55%;justify-content: flex-end;}
#logoutBox .txt{/* order: 1; */width: 75%;font-size: 10px;}
#logoutBox .txtLogout{border-left: 1px solid #c9caca;margin-left: 0;padding-left: 5%;width: 25%;}

/*----- navBox -----*/
#navBox{padding: 4% 2% 2%;}
#navBox ul{justify-content:space-between;}
#navBox .list{margin-right: 0%;padding-bottom: 2%;width: 32%;}
#navBox .list a{width: 100%;height: 4em;display:flex;justify-content: left;align-items: center;font-size: 10px;line-height: 1.2;padding: 0 0 0px 2em;color:#fff;border-radius: 5px;}
#navBox .list .btn01{background: url(../../common_images/ico/ico_home01.png) no-repeat center left 0.3em/1.5em auto,#00556f;}
#navBox .list .btn02{background:url(../../common_images/ico/ico_ryugaku01.png) no-repeat center left 0.3em/1.5em auto,#036eb8;}
#navBox .list .btn03{background:url(../../common_images/ico/ico_ocha_light01.png) no-repeat center left 0.3em/1.5em auto,#f39800;}
#navBox .list .btn04{background:url(../../common_images/ico/ico_risusapu01.png) no-repeat center left 0.3em/1.5em auto,#8fc31f;}
#navBox .list .btn05{background:url(../../common_images/ico/ico_lighting01.png) no-repeat center left 0.3em/1.5em auto,#7e318e;}
#navBox .list .btn06{background:url(../../common_images/ico/ico_form.png) no-repeat center left 0.3em/1.5em auto,#e4007f;}
#navBox .list .active{height: 4em;padding-bottom: 0;background-position: center left 0.3em;border-radius: 5px;font-size: 12px;}

/*----- btnFormLinkBox -----*/
.btnFormLinkBox{margin-top: 10%;}
.btnFormLinkBox .btnFormLink{
    display: block;
    font-size: 23px;
    font-weight:bold;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0.2em 0em 0.4em 0em;
    border: 2px solid #01556f;
    background: url(../../common_images/ico/ico_01.png) no-repeat center right 1em/1em auto, #01556f;
    color: #fff;
    text-align: center;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
}

/*----- footerArea -----*/
#footerBox {background:#dcdddd;padding: 5% 0 0%;}
#footerBox *{color:#231815;}
#footerBoxInner {}
#footerBox ul{font-size:12px;}
#footerBox ul li{padding:0 1em; border-right:#231815 solid 1px;}
#footerBox .bottomBox{border-top:solid 1px #3e3a39;margin: 3% 0 0;padding: 3% 5%;}
#footerBox .bottomBox .txt{font-size:10px;}
#footerBox .bottomBox *{color:#595757;}
#copyright{font-size:10px;}
#copyright p{}