/*============================
#landing
============================*/
body {
  -webkit-text-size-adjust: 100%;
}

.sp{
    display: none;
    /* height: 0; */
}
.pc{
    display: block;
}

#landing{
}
.landwrap.headarea{background: url(../img/lp/back.jpg);padding-top: 30px;padding-bottom: 1px;background-size: 100% 100%;width: auto;margin: 0;}
.ttl_head{margin: 0 auto 30px;display: block;width: 80;}
.ttl_main img{display: block;margin: 0 auto;width: 900px;}
.land_ttl{
    line-height: 1.1;
    background: url(../img/lp/ttl_bar_ol.png) no-repeat center,url(../img/lp/ttl_bar.png) repeat center;height: 100px;color: #fff;font-size: 46px;font-family: serif;font-weight: bold;text-align: center;/* font-family: 'Noto Sans Japanese'; */text-shadow: 0px 0px 2px #fff,0px 0px 20px #000;margin-bottom: 50px;box-shadow: 1px 1px 3px #000;-moz-box-shadow: 1px 1px 3px #000; /* Firefox用 */-webkit-box-shadow: 0px 7px 19px #000; /* Safari,Google Chrome用 */padding-top: 15px;}

.land_ttl.oonelinettl {
    /* padding-top: 40px; */
}

h2.land_ttl.onelinettl {
    padding-top: 24px;
}

.land_ttl span {
    display: block;
    font-size: 1.1rem;
    text-shadow: 0px 0px 20px #000;
    letter-spacing: 2px;
    padding-bottom: 3px;
    font-family: sans-serif;
}
.landwrap{width: 900px;margin: 50px auto 0;padding-bottom: 1px;}

.osusume_area {
    background: url(../img/lp/back2.jpg) repeat;
    /* margin-top: -35px; */
    background-size: 100% 100%;
}

.osusume_ttl {
    display: block;
    margin: 0 auto;
    width: 900px;
}

.ttl_osusume {
    line-height: 1;
    background: url(../img/lp/img2_01.png) center no-repeat;
    height: 61px;
    background-size: 92%;
    width: 1095px;
    padding-top: 15px;
    margin: 0 auto 0;
    color: #fff;
    font-size: 36px;
    font-family: serif;
    font-weight: bold;
    text-align: center;
    /* font-family: 'Noto Sans Japanese'; */
    text-shadow: 0px 0px 2px #fff,0px 0px 20px #000;
    /* margin-bottom: 50px; */
    /* box-shadow: 1px 1px 3px #000; */
    -moz-box-shadow: 1px 1px 3px #000;
    /* -webkit-box-shadow: 0px 7px 19px #000; */
}

.osusume_txt {
    margin: 0 auto;
    display: block;
    width: 1011px;
}

.osusume_flow {
    display: block;
    margin: 0 auto;
    width: 740px;
    /* width: 90%; */
    transform: translateY(30px);
}
.imgarea{width: 38%;margin-bottom: 30px;
}

.imgarea img {
    width: 100%;
}

.aboutleft {
    float: left;
}
.txtarea{width: 60%;margin-bottom: 30px;}

.txtarea p {
    line-height: 1.5;
}

.aboutright {
    float: right;
}
.ttlabout{margin-bottom: 10px;}

h3.ttlabout+p {
    color: #fff;
}
.txtarea.aboutleft{
}
.imgarea.aboutright{
}
.daigakuarea.landwrap{background: url(../img/lp/kousi.jpg) repeat;padding: 50px 14px 15px;margin-top: 60px;margin-bottom: 30px;border: #e6e6e6 5px solid;}

.ttl_daigaku {
    display: block;
    margin: -95px auto 30px;
}

.daigaku_img {
    width: 100%;
    margin-bottom: 15px;
}

.daigakuarea.landwrap {}
.clearfix{
}
.half_layout.daigaku_bdr{
}
.study_ttl{font-size: 24px;color: #84804e;font-weight: bold;font-family: serif;margin-bottom: 10px;margin-left: 30px;line-height: 1.2;position: relative;}

.study_ttl:before {content: '';width: 19px;height: 20px;background: url(../img/lp/ico1.png) no-repeat;display: inline-block;padding-left: -22px;position: absolute;left: -27px;top: 2px;}
.teacher_ttl{font-weight: bold;}
.half_layout{float: left;width: 50%;padding-right: 2%;}

.half_layout p {
    line-height: 1.5;
}
.cvarea.landwrap{background: url(../img/lp/cv_bg.png);padding: 1px 0;width: 100%;margin: 0;background-size: cover}

.landwrap.cvarea._head {
    background: none;
}

.feature_wrap {
    background: #efefe4;
}
.cvback{/* background: url(../img/lp/cvback.png) no-repeat; *//* background-size: contain; */position: relative;width: 900px;height: 281px;/* padding-left: 464px; *//* padding-top: 205px; */margin: 60px auto;}

.landwrap.cvarea._head .cvback {
    margin: 30px auto 60px;
    width: 900px;
}

.cvback_bg {
    z-index: 1;
    position: absolute;
    width: 900px;
}

.cv_ul {
    position: absolute;
    /* width: 100%; */
    margin-left: 444px;
    margin-top: 195px;
    z-index: 3;
}

.cv_ul li a img {
    width: 210px;
}

.cv_ul li {
    float: left;
    margin-left: 10px;
    width: 210px;
}

ul.cvback.clearfix li {
    float: left;
    margin-right: 10px;
}

ul.cvback.clearfix {}
.feature_ul{
}
.feature_li{width: 285px;margin-right: 20px;float: left;position: relative;margin-bottom: 20px;}

.landwrap.feature_ul {
    margin-bottom: 0;
    padding-bottom: 50px;
}

.feature_li p {
    line-height: 1.5;
}

.feature_txtwrap h3 {
    text-align: center;
}

.feature_tag {
    position: absolute;
    left: -3px;
    top: -4px;
}

.feature_tag+img {
    width: 100%;
}

.feature_li:nth-child(3n) {
    margin-right: 0px;
}

li.feature_li {}.landgreen{color: #84804e;font-size: 18px;line-height: 1.2;margin-bottom: 10px;font-weight: bold;}



.land_subttl1{background: url(../img/lp/ttl_bar1.png) center no-repeat;height: 84px;width: 900px;padding-top: 15px;margin: -36px auto 0;color: #fff;font-size: 36px;font-family: serif;font-weight: bold;text-align: center;/* font-family: 'Noto Sans Japanese'; */text-shadow: 0px 0px 2px #fff,0px 0px 20px #000;/* margin-bottom: 50px; *//* box-shadow: 1px 1px 3px #000; */-moz-box-shadow: 1px 1px 3px #000;/* -webkit-box-shadow: 0px 7px 19px #000; */}

h3.land_subttl1 {}
.landwrap{
}
.landvoice_ul{
}

.voice_chu {
    text-align: right;
    margin-bottom: 50px;
}

.landvoice_ul h4 {
    color: #84804e;
    font-size: 24px;
    font-weight: bold;
    font-family: serif;
    margin-bottom: 10px;
}

.landvoice_ul p {
    font-size: 14px;
    /* font-weight: bold; */
    line-height: 2;
    width: 520px;
}

.landvoice_ul h4:before {content: '';width: 19px;height: 20px;background: url(../img/lp/ico1.png);display: inline-block;margin-right: 10px;}

.landvoice_ul li {
    background: url(../img/lp/voice_bg.png);
    background-size: 100% 100%;
    width: 100%;
    height: 237px;
    padding: 17px 25px;
    margin-bottom: 20px;
    position: relative;
}

.landvoice_ul li:nth-child(2) {
    padding-left: 352px;
}
.landvoice_img._right{position: absolute;right: -5px;width: 38%;top: -9px;}
.landvoice_img._left{position: absolute;left: -15px;top: -8px;width: 38%;}


img.landvoice_img._left {}
.quarity_wrap{background: url(../img/lp/quality_bg.png);background-size: cover;}
.land_ttl{
}

.introreadarea h3 {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-family: serif;
    font-weight: bold;
    margin-bottom: 20px;
}

.introreadarea p {
    text-align: center;
    /* font-size: 36px; */
    color: #fff;
    width: 900px;
    margin: 0 auto;
}

input.trans.gocart {
    background: url(../img/lp/cvvtn2.png);
    background-size: cover;
    width: 210px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
}

.land_subttl_qa{
    line-height: 1;
    background: url(../img/lp/ttl_bar2.png) center no-repeat;
    height: 84px;
    width: 900px;
    margin: 0 auto;
    color: #fff;
    padding-top: 15px;
    font-size: 36px;
    font-family: serif;
    font-weight: bold;
    text-align: center;
    /* font-family: 'Noto Sans Japanese'; */
    text-shadow: 0px 0px 2px #fff,0px 0px 20px #000;
    margin-bottom: 20px;
    /* box-shadow: 1px 1px 3px #000; */
    -moz-box-shadow: 1px 1px 3px #000;
    /* -webkit-box-shadow: 0px 7px 19px #000; */
}



.test_ul li {
    float: left;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.test_ul li h3 {
    text-align: center;
}

.test_ul {
    margin-bottom: 30px;
}

.test_ul li img {
    width: 100%;
}
ul.test_ul.seibun_ul li {
    padding-left: 30px;
    padding-right: 30px;
}

.land_qa_ul{background: rgba(255,255,255,0.8);padding: 30px;}
.land_qa_q{font-size: 24px;color: #84804e;font-weight: bold;border-bottom: #84804e 1px solid;/* padding-left: 50px; */line-height: 1.7;margin-bottom: 10px;}

.land_qa_q:before {content: 'Q';width: 40px;height: 40px;background: #84804e;display: inline-block;margin-right: 10px;color: #fff;text-align: center;font-family: serif;}
.land_qa_a{/* font-size: 24px; *//* color: #84804e; */font-weight: bold;border-bottom: #e6e6e6 1px dashed;padding-bottom: 20px;margin-bottom: 30px;line-height: 1.7;color: #e69a00;padding-left: 50px; position: relative;/* margin-bottom: 10px; */}

.land_qa_a:before {
    content: 'A';
    width: 40px;
    font-size: 24px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
    background: #e69a00;
    color: #fff;
    font-family: serif;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;    
}
.land_qa_outlink{display: block;margin: 30px auto 30px;width: 263px;}

@media screen and (max-width: 768px) { 
    img{
        width:100%;
    }

.landwrap.cvarea._head .cvback {
    margin-bottom: 20px;
    width: 96%;
}
    h1,h2,h3,h4{
        font-size:1.3rem
    }
    p,li,span,a{
        font-size:1rem;
    }
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    .landwrap{
        width: 96%;
        margin: 2% 10px 2%;
    }

.daigakuarea.landwrap {
    margin-bottom: 60px;
}

    .landwrap.headarea {
        width: 100%;
        margin: 0;
    }
    img.ttl_head {
        width: 75%;
        margin-bottom: 20px;
    }
    .ttl_main{
        width:100%;
    }
    .ttlabout img{
        width:auto;
    }
    .cvback{
        /* width:98%; */
        /* margin-left:2%; */
        /* height: auto; */
        padding: 0;
    }
    .land_ttl{
        font-size: 1.3rem;
        height: auto;
        padding: 10px 0;
        margin-bottom: 20px;
        box-shadow: initial;
    }

.land_ttl span {
    font-size: 0.8rem;
}

    .osusume_flow {
        width: 80%;
    }

    .osusume_ttl {
        width: 90%;
    }

.ttl_osusume {
    font-size: 1.1rem;
    height: auto;
    padding: 5px 0;
    background: #84804e;
    width: 96%;
    margin-left: 2%;
    margin-top: 20px;
    margin-top: 0;
    /* text-shadow: initial; */
}

.osusume_ttl {
    width: 96%;
}

.osusume_sp_txtwrap {
    width: 96%;
    margin-left: 2%;
    padding: 20px 20px;
    border: 2px solid #84804e;
}
    .imgarea, .txtarea {
        width: 100%;
        margin-bottom: 10px;
    }
    .aboutleft, .aboutright{
        float:none;
    }
    .half_layout{
        width:100%;
        float:none;
    }
    .half_layout.daigaku_bdr{
        margin-bottom:20px
    }
    .feature_li{
        width: 100%;
        float: none;
    }
    .landwrap.feature_ul{
        padding-bottom:10px
    }
    .land_subttl1 {
        font-size: 1.1rem;
        height: auto;
        padding: 5px 0;
        background: #84804e;
        width: 96%;
        margin-left: 2%;
        margin-top: 20px;
    }

    .landvoice_ul {
        width: 96%;
        margin-left: 2%;
    }

.voice_chu {
    text-align: left;
    margin-bottom: 20px;
}

    .landvoice_img._right {
        position: initial;
    }

    .feature_tag {
        width: 11%;
    }

    .feature_tag+img {
        width: 30%;
        float: left;
        margin-right: 2%;
    }

    .feature_txtwrap {
        border-bottom: 1px dashed #000;
        padding-bottom: 10px;
    }

    .feature_txtwrap:nth-child(6) {
        border-bottom: none;
    }

    .landvoice_ul p{
        width: 100%;
        font-weight: normal;
        line-height: 1.5;
    }

    .landvoice_ul h4 {
        font-size: 1.4rem;
    }
    .landvoice_ul li,.landvoice_ul li:nth-child(2){
        background:#ecff85;
        height:auto;
        padding:20px 15px 30px;
        width: 100%;
    }

    .land_subttl_qa {
        width: 100%;
        font-size: 1.1rem;
        height: auto;
        padding: 5px 0;
        background: #84804e;
        margin-bottom: 0;
    }

    .land_qa_a {
        margin-bottom: 10px;
    }

    .landvoice_img._left,.landvoice_img._right {
        position: initial;
    }

    .landvoice_ul h4 {
        border-bottom: 1px dashed #84804e;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .cvback{
        background: #f1e8ce;
        border: 5px #e89c00 solid;
        border-radius: 5px;
        padding: 5px;
        height: initial;
        width: 96%;
        margin-left: 2%;
        margin: 20px auto;
    }

.cv_ul {
    margin: 5px auto 5px;
    width: 98%;
    display: block;
    position: inherit;
}

.cv_ul li {
    margin-left: 0;
    width: 49%;
    /* margin: 5px 1% 10px; */
    margin-right: 2%;
}

.cv_ul li:nth-child(2) {
    margin-right: 0;
}

.cvback_bg {
    position: initial;
}
}