/*---------------------------------------------
TOP
  ---------------------------------------------*/
.main{
    padding-top: 6.7vw;
}
/* slide */
.slide_top{
    height: 100vh;/*89.5vh;*/
    
    position: relative;/*20200714*/
    /*background-image: url(../images/common/img_over.png),url(../images/common/slide.jpg);
    height: 100vh;
    background-size: cover;
    background-position: center;*/
}
.shadow{
    /*background-image: url(../images/common/img_over.png);
    background-size: cover;
    background-position: center;*/
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
}
.drawer-nav{
        top: 19vw!important;/*19*/
}
.slide_conts{
    background-image: url(../images/coomon/img_over.png),url(../common/images/yaku/slide1.jpg);
    height: 70vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.logo_on{
    width: 66%;
    position: absolute;
    top: 30%;
    left: 17%;
    z-index: 1005;
    right: auto;
}
/*

.logo_on{
    width: 50%;
    position: absolute;
    top: 50.83%;
    left: 10%;
    z-index: 1005;
}
*/

.head_copy{
    width: 1vw;
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translate(0, -50%);
    z-index: 1005;
}

/*blog*/
/*********blog Base****************************************/
    .info_bg{
        margin-top: 5vw;
    }
.blog{
    width: 100%;
}
.blog ul{
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between;*/
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1001;
}
/*********blog Base****************************************/



.two_col{
    width:66%!important;
    background-image: url(../images/top/bloglist.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}
.offpage{
    font-size: 1.618vw;
    margin: 3.24vw auto 0.3vw auto;
    border-bottom: 1px solid #fff;
    width: 95%;
    font-weight: bold;
    letter-spacing: 0.2vw;
    padding-bottom: .3vw;
}

.offpage_ul{
    padding: 1.618vw 0 0 0!important;
    margin: 0 auto!important;
        width: 95%!important;
}

.offpage_ul li{
    color: #fff;
    height: 4vw;
    line-height: 4vw;
    width: 50%!important;
    text-align: left;
    margin: 1vw 0 0 0!important;
}

.offpage_ul a{
    font-size: 1.418vw;
    color: #fff!important;
    margin-left: 1vw;
}

.offpage_ul img,
.offpage_ul li a{
    vertical-align: middle;
}

.offpage_ul img{
margin-right: 1vw;
}

.small_def{
    font-size:1vw!important;
    display: block;
}

.offpage,
.small_def{
    position: relative;
    z-index: 1001;
}

/*内木学園・内木会*/
/*********naiki Base****************************************/
.naiki{
    color: #fff;
    width: 100%;
}
#naikigakuen_naikikai{
margin-top: -5vw;
    padding-top: 5vw;
    display: block;
}
.img_text_l .img_area,.img_text_r .img_area{/*他所影響あり*/
    width:24vw;
}

/*********naiki Base****************************************/
.nb01{
    background-color: rgba(34, 34, 34, .7);
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .nb01,.nb02,.nb03 {
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* Opera 10.5+, IE */
}

.nb02{
    background-color: rgba(34, 34, 34, .7);
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}

.nb03{
    background-color: rgba(34, 34, 34, .7);
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}
.nb04{
    background-color: rgba(34, 34, 34, .7);
    width: 100%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}

.ep_h2{
    font-size: 1vw;
}
.ep_h2_top{
    margin-top: 1.618vw;
}

.ep_bold{
    font-weight: bold;
    font-size: 1.618vw;
    margin: 0;
    padding-left: 1vw;
    display: flex;
}
.number{
    font-size: 1.618vw;
    display: inline-block;
    float: left;
}
.educa_h2{
    font-size: 1.618vw;
}
.history{
    margin-top: 1vw;
}
.history dt{
    float:left;
}
.history dd{
    padding-left: 14vw;
}
.history dt,
.history dd{
    margin-bottom: 1vw;
}


/*snsからのお知らせ*/
/*********sns Base****************************************/
.sns_area{
    position: relative;
    width: 100%;
}
/*********sns Base****************************************/
.sns_box{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*幅調整*/
    width: 90%;
    margin: 0;
    height: 481px;
    z-index: 1000;
    position: relative;
}

.facebook_out,
.twitter,
.instagram{
    width:31.5%;
    background: #fff;
    padding: 0.5vw;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
    height: 500px;
    overflow-y: hidden;
}
#sb_instagram{
    overflow-y: scroll;
    height: 100%;
}
.fb_iframe_widget iframe{
    width: 22.5vw;
}

.facebook-wrapper {
max-width: 500px; /* Facebook Page Plugin の最大幅 */
margin: 0 auto;
}

.facebook-wrapper > .fb-page {
width: 100%;
}

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
width: 100% !important;
}


/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .facebook_out,
.twitter,
.instagram{
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* Opera 10.5+, IE */
}
.fb_iframe_widget{
    width:100%;
}

.eapps-facebook-feed-inner{
        height: 398px;
}

#box{
width:80%
}
/*twitter*/
.timeline-InformationCircle-widgetParent{
    margin-top: -15vw!important;
}

/*お問合せ*/
.contact{
    position: relative;
    width: 100%;
    color: #fff;
}

.contact_dl{
    display: flex;
    position: relative;
}
.contact_dl dd{
    left: 14vw;/*11.09vw;*/
    position: absolute;
}

.h2_marg,
.tel_box,
.contact p{

    /*margin: 2.62vw 0 1.618vw 0;*/
    width: 80%;
    margin:3vw auto;
}

.flow_img{
    height: 2vw;
    margin: 4.24vw 0;
    display: block;
        margin-left: 5vw;
}

.left,.tel_box .right{
	width:50%;
}


/*table*/
.contact_tbl{
    width: 85%;
    /*background-color: #fff;*/
    /*padding: 1vw;*/
    color: #000;
    margin-left: 5vw;
    margin-bottom: 5vw;
}
/***** コンタクトフォーム *****/
.contact_tbl table{
    width: 100%;
    margin: 0;
    background-color: #fff;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}



/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .contact_tbl table{
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* Opera 10.5+, IE */
    position: relative;
    z-index: 1000;
}

.tbl_btn_area{
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 7vw;
}

.btn_submit{
    width: 25%;
    display: inline-block;
    text-align: center;
}

.contact_tbl tr{
    background-color: #fff;
    height: 5vw;
}
.contact_tbl td{
    padding: 1vw;
}

.contact_tbl tr:nth-child(1),
.contact_tbl tr:nth-child(3){
    background-color: #eee;
}



.wpcf7-text,
.wpcf7-textarea{
    width: 98%;
    padding: 1vw 0 1vw 1vw;
}

.wpcf7-confirm,
.wpcf7c-elm-step2,
.wpcf7c-btn-confirm{
    background: #fff;
    width: 8vw;
    height: 2vw;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
    cursor: hand;
    cursor:pointer;
    margin: 0 1vw;
}

.contact_ttl{
    text-align: left;
    padding: 1vw;
}

/*flow Img change*/
.btn_a, .btn_b {
    width: 80%;
    margin: 0 0 2vw 5vw;
}

.btn_a {
    background-image: url(../../common/images/top/flow1.svg)!important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: block;
    height: 2.7vw;
}

.btn_b {
    background-image: url(../../common/images/top/flow2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 85%;
    display: block;
    height: 2.7vw;
}

.btn_c {
    background-image: url(../../common/images/top/flow3.svg)!important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: block;
    height: 2.7vw;
}

/*バッジ*/
.must,.free{
    padding: .25vw .75vw;
    border-radius: 1vw;
    color: #fff;
    margin-right:1vw;
}
.must{
    background-color: red;
}
.free{
    background-color: #2b7bb9;
}

.form_btn{
    /*background-color: #bbb;*/
    padding: 1vw;
    display: flex; 
-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

/*---------------------------------------------
レスポンシブ
  ---------------------------------------------*/
/*ipad Pro 1024*/
@media screen and (max-width: 1024px){
/*topページ*/
    .fixed {
        top: 5vw;/*8vw;*/
    }
    .home{
        top: 0.5vw;
    }
    .g_navi li {
        font-size: 1.3vw;
    }
    .sns{
        right: 0;
        width:4vw;
    }
    .sns a{
        width: 4vw;
        height: auto;
    }
    .sns_box{
        width: 93%;
    }
    .sns_btn{
        width: 100%;
    }
    .facebook_out, .twitter, .instagram{
        height:41vw;
    }
    .fb_iframe_widget_fluid span{
        height: 420px!important;
    }
    .fb_iframe_widget iframe,
    .twitter iframe{
        height: 420px!important;
    }

        
    .head_copy {
        width: 1.7vw;
    }
    .logo_on {
        width: 80%;
        top: 65%;
    }
    .s_02 .accordion_one .accordion_header{
        font-size: 1.2vw;
    }
    .contact_dl dd {
        left: 20vw;
    }
}
/*Kindle****************************************/
@media screen and (max-width: 800px) {
    /*TOP*/
    .history dd {
        padding-left: 15vw;
    }
    .sns_box{
        display: block;
        height: auto;
    }
    .facebook_out, .twitter, .instagram {
        width: 79%;
        margin: 3vw auto;
        height: auto;
    }
    .fb_iframe_widget iframe, .twitter iframe {
        height: 500px!important;
    }
    .fb_iframe_widget,
    .fb_iframe_widget span,
    .fb_iframe_widget iframe{
        width: 100%!important;
    }
    .wpcf7-confirm, .wpcf7c-elm-step2, .wpcf7c-btn-confirm{
        height: 4vw;
    }
    .contact_tbl{
        margin-bottom: 20vw;
    }
    .contact_dl dd {
        left: 18vw;
    }
}
/*iPad 768**************************************************/
@media screen and (max-width: 768px){
    .kind_menu a{
        display: block!important;
        text-align: center;
    }
    .contact_dl dd {
        left: 3vw;
    }
}



/*iPhone 6/7/8 414*********************************/
@media screen and (max-width: 480px){
    /*共通*/
    .main {
        padding-top: 15vw;
    }
	.drawer-nav {
		top: 15vw!important;
	}
    .sns{
        right: 4vw;
    }
	.sec_conts{
		width: 80%;
	}
    .blog ul,
    .info_top{
        margin-top: 0;
    }
    dd {
        line-height: 6vw;
    }
    .header{
        height: 15vw;
    }

/*common*/
    .sec_cont{
       padding-bottom: 10vw;
    }
    
/*info*/
    .info{
        width: 100%;
        margin: 0vw;
    }

    .info ul,.blog ul{
        padding-top: 10vw!important;/*25*/
    }
    .two_col{
        display: none!important;
    }
/*内木会・内木学園*/
    #rem_fs{
        font-size:1vw;
    }
    .naiki_box {
        margin-bottom: 15vw;
    }
    .nb01,
    .nb03{
        margin-right: 0%;
    }
    .nb02 {
        margin-left: 0%;
    }
	.img_text_l{
		margin: 0;
		width: 100%;
	}
    .img_text{
        display: block;
        width: 90%;
        margin: 5vw auto 0 auto!important;
    }
	
    .img_area,.w85,.img_text_l .img_area,.img_text_r .img_area{
        width: 100%;
    }
    .text_area {
        margin: 2vw 0 0 0;
        width: 100%;
    }
    .text_area h2{
        font-size: 5.66vw;
        line-height: 9.15vw;
    }
	.mtop2p{
		font-size: 4vw;
		line-height: 5.618vw;
	}
    .educa_h2,
    .ep_h2{
        margin-bottom: 5vw;/*+*/
        font-size: 4.95vw!important;
        line-height: 8vw!important;
        font-weight: normal;
    }
    .ep_h2{
        margin: 5vw 0;
    }
    .ep_bold{
        display: block;
        line-height: 8vw;
        border-bottom: 1px solid #fff;
        font-weight: normal;
		padding-bottom: 5vw;/*+*/
    }
    .space{
        display: inline-block;
    }
    .ep_bold{
        font-size: 5.85vw;
    }
	.top_guide{
		margin:5vw 0;/*+*/
	}
	.number{
		font-size: 5.618vw;
		margin: 1vw 1vw 0 0;
	}
    
    /*沿革*/
	.history{
		font-size: 4.5vw;
		line-height: 5.618vw;
	}
    .history dt{
        float: none;
        border-bottom: 1px solid #fff;
    }
    .history dd{
        padding: 0;
        margin-bottom: 5vw;
    }
    /*blog*/
    .contact_ttl {
       font-size: 4.5vw;
        font-weight: normal;
    }
    .info_h2_ttl{
        left: 10vw!important;
        width: 80%;
    }
    .blog .info_h2_ttl{
        left: 5vw;
    }
    /*contact*/
    .contact{
        margin-left: 0vw!important;
    }
    .contact p,
    .h2_space,
    .contact_dl,
    .h2_marg{
        font-size: 4vw;
        line-height:6.47vw;
        width: 100%;
    }
	.h2_space {
		padding-top: 5vw;/*+*/
	}
    .contact_dl dd {
        padding-left: 37vw!important;/*+*/    
	}
    .h2_marg{
        font-size: 3.6vw;
    }
	.contact_dl dt,.contact_dl dd{
		width: 50%!important;/*+*/
	}
	.tel_box .left,.tel_box .right{
		width:100%;/*+*/
	}
	.recap{
		width: 100%!important;
	}
	
	
    .btn_a, .btn_b {
        width: 100%!important;
        margin: 0 0 5vw 0;
    }
    .contact_tbl{
        width: 100%!important;
        margin-left: 0vw;
    }
    .btn_b::before,
    .btn_a::before{
        height: 3.7vw!important;
    }
    .contact_tbl table tr{
        display: contents;
        height: 16vw;
    }
    .contact_tbl table th,
    .contact_tbl table td{
        width: 98%;
        display: table;
        line-height: 5vw;
    }
    .contact_tbl tr:nth-child(4){
        height: 43vw!important;
    }
    .form_btn{
        height: 8vw;
    }
    .tel_box{
        width: 100%;
    }
    .tel_box .right{
        margin-top: 0;
    }
    .wpcf7-confirm, .wpcf7c-elm-step2, .wpcf7c-btn-confirm {
    height: 7vw!important;
    width: 25%!important;
    margin-top: 1vw!important;
    }
    
    .wpcf7-text, .wpcf7-textarea{
        font-size: 4vw;
    line-height: 6vw;
    }
    .must, .free {
        padding: 0.5vw 4vw;
        font-size: 3vw;
        vertical-align: middle;
        display: table-cell;
        width: 7vw;
        border-radius: 4vw;
    }
    .sns_box {
        padding-top: 15vw;/*+*/
    }
    .fb_iframe_widget iframe{
        width: 100%!important;
        margin:0;
    }
    .facebook_out,.twitter{
        width: 80vw!important;
        margin: 0 auto 5vw 0;
        height: 122vw;
    }
    .instagram{
        width: 80vw!important;
        margin: 5vw auto 0 0;
        height: 140vw;
    }
    .fb_iframe_widget_fluid span{
        margin: 0;
    }
    /*Facebook*/
    .fb_iframe_widget iframe{
        height: 500px!important;
    }
    /*twitter*/
    .twitter iframe {
        height: 505px!important;
    }
    
    /*Instagram*/
    #eapps-instagram-feed-1 .eapps-instagram-feed-posts-view {
    height: 80vw!important;
    }
    
    .main{
        margin-bottom: 0vw!important;/*50vw*/
    }
    footer{
        height: 35vw!important;/*40*/
        position: relative;
    }
}

/*スマホ412*/
@media screen and (max-width: 412px){
    .fb_iframe_widget iframe,
    .fb_iframe_widget_fluid span{
            width: 100%!important;
    }
    body.plugin{
        width: 100vw;
        min-width: 100%;
        margin: 0;
    }
}

/*iPhone6/7/8/10 375*/
@media screen and (max-width: 375px){
    .accordion_header {
        line-height: 10vw!important;
    }

    .logo_on{
        top: 0;
        left: 0;
        width: 70%;
    }
    .head_copy{
        width: 2.5vw;
    }
    .main{
        /*margin-bottom: 65vw!important;*/
    }
    .fb_iframe_widget span{
        height: 50vh!important;
    }
    
    .facebook_out, .twitter, .instagram {
        height: 130vw;
    }
    /*Facebook*/
    .fb_iframe_widget iframe{
        height: 480px!important;
    }
    /*twitter*/
    .twitter iframe {
        height: 485px!important;
    }
    
    /*Instagram*/
    #eapps-instagram-feed-1 .eapps-instagram-feed-posts-view {
    height: 80vw!important;
    }
    .contact_dl dt,
    .contact_dl dd{
        width: 100%;
        display:block;
    }

}
/*GalaxyS 360*/
@media screen and (max-width: 360px){
    .header {
        height: 15vw;
    }
    .header a {
        top: 2vw;
        width: 50vw;
    }
    .blog ul{
        margin-top: 0;
    }
    .h2_space {
        padding-top: 25vw;
    }
    .w85 {
        width: auto;
    }
    .sns_box {
        padding-top: 10vw;
        width: 90%!important;
    }
    .facebook_out, .twitter, .instagram {
        height: 135vw;
    }
    .contact_tbl {
        width: 85%!important;
        margin-bottom: 10vw;
        margin-left: 10%;
    }
}
/*iPhone5 320*/
@media screen and (max-width: 320px){
    .header a {
        top: 0;
        width: 50vw;
    }
    .drawer-nav {
        top: 15vw!important;
    }
    .logo_top {
        margin-top: 0vw;
    }
    .sns_box{
        width: 95%;
        margin: 0 auto!important;
    }
    #facebook_out, #facebook .eapps-facebook-feed-inner, #twitter, #twitter #twitter-widget-0 {
        height: 150vw!important;
    }
    #instagram{
        height: 133vw!important;
    }
        
    .sns_area .sec_conts{
        padding-left: 5%!important;
    }
    .contact_dl dd {
        padding-left: 30vw!important;
		left:10vw;
		font-size: 4vw!important;
		line-height: 6.47vw;
    }
    .contact_tbl {
        width: 100%!important;
		margin-left: 0!important;
    }
    .btn_b::before, .btn_a::before {
        height: 6.7vw!important;
        margin-left: 5vw;
        background-size: 130vw;
        width: 54%;
    }
    
}