@charset "utf-8";
/*
Theme Name: 三幸学園
Description: Theme Name: 三幸学園のテーマ
Theme URI: https://link.sanko.ac.jp/
Author: ROCKSTREAM
Author URI: http://www.rockstream-jp.com
Version: 1.0
License: GPL
License URI: https://www.gnu.org/copyleft/gpl.html
*/
.clear {
    clear: both;
}

/* Micro Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* Color
------------------------------------------------------------ */
.bgYel{background-color:#fbdc4e;}
.bgBlk{background-color:#000;}
.white{color:#fff;}

/* Margin Padding
------------------------------------------------------------ */

/* Margin
----------------------------------------------- */
.ma00{ margin:0  !important; }

/*** Margin - Top ***/
.mt00 { margin-top:0px   !important; }
.mt05 { margin-top:5px   !important; }
.mt10 { margin-top:10px  !important; }
.mt15 { margin-top:15px  !important; }
.mt20 { margin-top:20px  !important; }
.mt25 { margin-top:25px  !important; }
.mt30 { margin-top:30px  !important; }
.mt35 { margin-top:35px  !important; }
.mt40 { margin-top:40px  !important; }
.mt45 { margin-top:45px  !important; }
.mt50 { margin-top:50px  !important; }
.mt60 { margin-top:60px  !important; }
.mt100{ margin-top:100px !important; }
.mt200{ margin-top:200px !important; }
.mt300{ margin-top:300px !important; }

/*** Margin - Bottom ***/
.mb00 { margin-bottom:0px   !important; }
.mb05 { margin-bottom:5px   !important; }
.mb10 { margin-bottom:10px  !important; }
.mb15 { margin-bottom:15px  !important; }
.mb20 { margin-bottom:20px  !important; }
.mb25 { margin-bottom:25px  !important; }
.mb30 { margin-bottom:30px  !important; }
.mb35 { margin-bottom:35px  !important; }
.mb40 { margin-bottom:40px  !important; }
.mb45 { margin-bottom:45px  !important; }
.mb50 { margin-bottom:50px  !important; }
.mb60 { margin-bottom:60px  !important; }
.mb80 { margin-bottom:80px  !important; }
.mb100{ margin-bottom:100px !important; }
.mb200{ margin-bottom:200px !important; }
.mb300{ margin-bottom:300px !important; }

/*** Margin - Left ***/
.ml00{ margin-left:0px  !important; }
.ml05{ margin-left:5px  !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }

/*** Margin - Right ***/
.mr00{ margin-right:0px  !important; }
.mr05{ margin-right:5px  !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }


/* Padding
----------------------------------------------- */
.pa00{ margin:0  !important; }

/*** Padding - Top ***/
.pt00{ padding-top:0px  !important; }
.pt05{ padding-top:5px  !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }

.pt35{ padding-top:35px !important; }
.pt40{ padding-top:40px !important; }
.pt45{ padding-top:45px !important; }
.pt50{ padding-top:50px !important; }

/*** Padding - Bottom ***/
.pb00{ padding-bottom:0px  !important; }
.pb05{ padding-bottom:5px  !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb35{ padding-bottom:35px !important; }
.pb40{ padding-bottom:40px !important; }
.pb45{ padding-bottom:45px !important; }
.pb50{ padding-bottom:50px !important; }

/*** Padding - Left ***/
.pl00{ padding-left:0px  !important; }
.pl05{ padding-left:5px  !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl35{ padding-left:35px !important; }
.pl40{ padding-left:40px !important; }
.pl45{ padding-left:45px !important; }
.pl50{ padding-left:50px !important; }

/*** Padding - Right ***/
.pr00{ padding-right:0px  !important; }
.pr05{ padding-right:5px  !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr35{ padding-right:35px !important; }
.pr40{ padding-right:40px !important; }
.pr45{ padding-right:45px !important; }
.pr50{ padding-right:50px !important; }

.textC{text-align: center;}
.dispnone{display: none;}
.m_auto{margin-left: auto;margin-right: auto;}

#loading {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #fff;
    opacity: 1.0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#loading img {
    position:absolute;
    top:45%;
    left:0;
    right: 0;
    margin:auto;
    max-width:80px;
    width:20%;
}

/*---------------------
パンクズ
---------------------*/
.common_wrapper {
    background: #f5f7f8;
    margin-top: 10px;
}
.breadcrumbs{
    list-style: none;
    overflow: hidden;
    padding: 8px 0;
    font-size: .93em;
    color: #6d6d6d;
}
.breadcrumbs span {
    margin-right: 10px;
    position: relative;
}
.breadcrumbs span:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("asset/common/images/icon_arr_bread.svg");
    top: 50%;
   right: -6px;
    transform: translateY(-50%);
}
.breadcrumbs span > span::after {
    content: none!important;
}
.breadcrumbs a {
    transition: .3s;
    text-decoration: underline;
    color: #6d6d6d;
}
.breadcrumbs a:hover {
    opacity: .7;
}


@media (max-width:767px) {
    .common_wrapper {
        margin-top: 8px;
    }
}

/******************************************
Layout
******************************************/
/* Container */
#container {
    clear: both;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#container a:hover img{
    /* filter: alpha(opacity=80);*/
    -ms-filter :alpha(opacity=80);
    -moz-opacity:0.8;
    -webkit-opacity:0.8;
    opacity:0.8;
}

/******************************************
Contents Area
******************************************/
#contents{}

/* layout.css
------------------------------------------ */
/* TOP
------------------------------------------ */
#TOP{
    /*margin:0 30px;*/
    margin:0 1%;
    padding:30px 0 0 0;
    zoom:1;
}



/* ___gcse_0
------------------------------------------ */
#___gcse_0{margin-left: auto;padding:0;background:none #ffffff;border-radius: 5px;}
#___gcse_0 .gsc-control-cse{border:none;margin:0;padding:0; border-radius: 5px;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse{width:230px;margin:0;padding:0;background:none;border:none;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box td{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input{background:none !important;border:none;margin:0;padding:0;height:32px;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input #gsc-iw-id1{background:none;border:none;margin:0;padding:0 0 0 11px;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input .gsc-input-box{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input #gsc-iw-id1 .gsc-input-box-focus-hover{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input #gsc-iw-id1 table{background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input .gsc-input-box{margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input .gsc-input-box-focus{box-shadow:none;outline:none;background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input .gsc-input-box-hover{box-shadow:none;outline:none;background:none;border:none;margin:0;padding:0;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input tr{margin:0;padding:0;border:none;background:none;}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input tr td{margin:0;padding:0;border:none;background:none;}

#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input #gsc-iw-id1 #gsc-i-id1{font-size:14px;line-height:1.7;}

#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-search-button{
    margin:0;
    padding-right: 10px;
    /*padding:5px 10px 0 0;*/
    border:none;
}
#___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-search-button button.gsc-search-button{
    width:16px;
    height: 16px;
    border:none;
    margin:0;
    padding:0;
    background-color:#fff;
    background-image:url(img/common/icon_search.png);
    cursor: pointer;
}

@media (max-width:767px) {
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse {
            width: 150px;
        }
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input {
        height: 28px;
    }
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input #gsc-iw-id1 #gsc-i-id1 {
        background-size: 60px!important;
    }
}
@media (max-width:375px) {
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse {
        width: 125px;
    }
}
@media (max-width:320px) {
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse {
        width: 110px;
    }
    #___gcse_0 .gsc-control-cse .gsc-control-wrapper-cse form.gsc-search-box table.gsc-search-box tr td.gsc-input {
        height: 26px;
    }
}


/* MAIN
------------------------------------------ */
#MAIN p.pageTop{
    clear:both;padding-top:65px;text-align:right;
}
#MAIN p.pageTop a {
    background: #ececec;
    padding: 14px 11px 5px;
    border-radius: 10px;
    position: relative;
    transition: .3s;
    font-size: 12px;
    display: inline-block;
    text-decoration:none;
}
#MAIN p.pageTop a:hover {
    opacity: .8;
}
#MAIN p.pageTop a::before {
    content: "";
    background: url("asset/common/images/icon_arr_top.svg") no-repeat center;
    position: absolute;
    width: 18px;
    height: 6px;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width:1024px) {
    #MAIN p.pageTop {
        margin-right: 27px;
    }
}
@media (max-width:768px) {
    #MAIN p.pageTop {
        margin-right: 0;
    }
}
@media (max-width:767px) {
    #MAIN p.pageTop {
        padding-top:45px;
    }
    #MAIN p.pageTop a {
        font-size: 11px;
        padding: 13px 10px 5px;
    }

    #MAIN p.pageTop a::before {
        width: 15px;
        height: 5px;
    }
}
/* SUPPORT
------------------------------------------ */
#SUPPORT{background:#FFFFFF;min-height:88px;height:auto !important;height:88px;margin-top:45px;padding:15px 22px 15px 8px;position:relative;}
#SUPPORT .textArea{float:left;width:450px;}
#SUPPORT .textArea h2{margin:0;padding:0;font-size:0;line-height:0;}
#SUPPORT .textArea p{margin:16px 0 0 15px;font-size:116.7%;}
#SUPPORT p.next{float:right;width:62px;margin-top:12px;padding:0;font-size:0;line-height:0;}
#SUPPORT p.photo{position:absolute;left:465px;top:-20px;}


/* GRADUATE
------------------------------------------ */
#GRADUATE{background:#FFFFFF;min-height:114px;height:auto !important;height:114px;margin-top:35px;padding:0;}
#GRADUATE p{float:right;width:62px;margin:-23px 22px 0 0;padding:0;font-size:0;line-height:0;}
#GRADUATE h2{margin:0 0 12px 10px;padding-top:11px;font-size:0;line-height:0;}
#GRADUATE .message{float:left;overflow:hidden;width:592px;}
#GRADUATE ul{width:65535px;margin-left:12px;padding:0;zoom:1;}
#GRADUATE ul li{overflow:hidden;float:left;width:60px;margin-right:5px;padding:0;position:relative;font-size:0;line-height:0;}
#GRADUATE ul li a{position:relative;display:block;height:100%;margin:0 -8px 0 -8px;zoom:1;}
#GRADUATE ul li a:hover{opacity:0.5;filter:alpha(opacity=50);}
#GRADUATE ul li a img{height:43px;}
#GRADUATE ul li a .arrow{display:block;position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-position:left top;top:25px;left:50px;zoom:1;transform:scale(0.68);-webkit-transform:scale(0.68);-moz-transform:scale(0.68);ms-transform:scale(0.68);}
#GRADUATE ul li a.me .arrow{background-image:url(/message/img/icon_medical-care_play.png);}
#GRADUATE ul li a.sp .arrow{background-image:url(/message/img/icon_sports_play.png);}
#GRADUATE ul li a.be .arrow{background-image:url(/message/img/icon_beauty_play.png);}
#GRADUATE ul li a.ch .arrow{background-image:url(/message/img/icon_rearing_play.png);}
#GRADUATE ul li a.sw .arrow{background-image:url(/message/img/icon_cafe_play.png);}
#GRADUATE ul li a.br .arrow{background-image:url(/message/img/icon_wedding_play.png);}
#GRADUATE ul li a.as .arrow{background-image:url(/message/img/icon_asuka_play.png);}







/* MAIN
------------------------------------------ */
body #BODY #MAIN{float: none; padding: 65px 0 35px;}
body #BODY #MAIN.top_none { padding: 65px 0 100px;}
@media (max-width:1024px) {
    body #BODY #MAIN{float: none; padding: 55px 0 35px;}
}
@media (max-width:768px) {
    body #BODY #MAIN{float: none; padding: 50px 0 25px;}
    body #BODY #MAIN.top_none {padding: 50px 0 90px;}
}
@media (max-width:767px) {
    body #BODY #MAIN{float: none; padding: 40px 0 25px;}
    body #BODY #MAIN.top_none { padding: 45px 0 80px;}
}
@media (max-width:320px) {
    body #BODY #MAIN{float: none; padding: 30px 0 25px;}
    body #BODY #MAIN.top_none { padding: 45px 0 70px;}
}

/* announceArea
------------------------------------------ */
body #BODY .announceArea.top ul{margin-right:-3px;}
body #BODY .announceArea.top ul li{position:relative;float:left;width:229px;margin-right:3px;padding:13px 8px 7px 8px;background-color:#fbdc4e;zoom:1;}
body #BODY .announceArea.top ul li:last-child{margin-right:0;}
body #BODY .announceArea.top ul li h2{
    position:absolute;
    top:0px;
    left:8px;
    margin-top:0;
    font-size:0;
    line-height:0;
    zoom:1;
}
body #BODY .announceArea.top ul li dl dt{line-height:1.1;font-weight:bold;text-align:center;}
body #BODY .announceArea.top ul li dl dd.text{min-height:45px;margin-top:11px;font-size:15px;font-weight:bold;line-height:1.3;}
body #BODY .announceArea.top ul li dl dd.detail{margin-top:10px;text-align:center;}
body #BODY .announceArea.top ul li dl dd.detail a{display:inline-block;padding:5px 10px 4px 20px;color:#000000;font-weight:bold;text-decoration:none;background:url(img/index/icon_news_detail_bullet.png) no-repeat 11px 50%  #ffe987;}



/* informationArea
------------------------------------------ */
body.PC #MAIN .informationArea{margin-top:25px;}


/* MAIN top
------------------------------------------ */
body.PC #BODY #MAIN.top{width:740px;}

/* announceArea
------------------------------------------ */
#MAIN .announceArea.list{margin-top:20px;}
#MAIN .announceArea.list ul li {
    padding: 16px 0;
    position: relative;
    display: flex;
    border-bottom: 1px solid #dfe4e8;
}
#MAIN .announceArea.list ul li:first-child{margin-top:0;}
#MAIN .announceArea.list ul li dl{position:relative;padding-left:12em;zoom:1;}
#MAIN .announceArea.list ul li dl dt{position:absolute;font-weight:bold;top:0;left:71px;zoom:1;}
#MAIN .announceArea.list ul li dl dd.category{position: relative;}
#MAIN .announceArea.list ul li dl dd.text{float:left;margin-right:30px;font-weight:bold;}
#MAIN .announceArea.list ul li dl dd.detail{float:left;padding-left:23px;background-position:left center;background-repeat:no-repeat;}

#MAIN .announceArea.list ul li::before{
    position: absolute;
    font-size: 12.5px;
    padding: 2.5px 8px 2.5px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    line-height: 1.3em;
    border-radius: 5px;
    color: #fff;
}
#MAIN .announceArea.list ul li.recruitment::before {content: "募集"; background: #005bac;}
#MAIN .announceArea.list ul li.privilege::before{content: "特典"; background: #00ab99;}
#MAIN .announceArea.list ul li.joining::before{content: "参加"; background: #ec7e49;}
#MAIN .announceArea.list ul li.recruitment dl dd.detail{background-image:url(img/announce/icon_announce_recruitment_detail.png);}
#MAIN .announceArea.list ul li.privilege dl dd.detail{background-image:url(img/announce/icon_announce_privilege_detail.png);}
#MAIN .announceArea.list ul li.joining dl dd.detail{background-image:url(img/announce/icon_announce_joining_detail.png);}

#MAIN .announceArea.list ul li span {padding-right: 15px; font-size: 13px; font-weight: bold; display: block; padding-left: 62px;}
#MAIN .announceArea.list ul li span + span {display: none;}

#MAIN .announceArea.list ul li a {transition: .3s; display: block;}
#MAIN .announceArea.list ul li a:hover {text-decoration: none;}

#MAIN .anDetail .titleArea dl dt{
    float: left;
    width: 61px;
    height: 24px;
    margin-right: 12px;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
}
#MAIN .anDetail .titleArea dl dd {
    float: left;
    margin-top: 2px;
    font-size: 115%;
    font-weight: bold;
}


#MAIN .anDetail .announceArea {
    display: flex;
    width: 95%;
    margin: 40px auto 0;
}
#MAIN .anDetail .announceArea .textSec {
    width: 67%;
}
#MAIN .anDetail .announceArea .textSec-full {
    width: 100%;
}
#MAIN .anDetail .announceArea .imageSec {
    width: 28%;
    margin-left: auto;
}
#MAIN .anDetail .announceArea .imageSec figcaption {
    padding-top: 10px;
    font-size: .95em;
}

#MAIN .anDetail .announceArea .textSec p {
    line-height: 1.9;
}
#MAIN .anDetail .pdfArea {
    margin-top: 55px;
    text-align: center;
}
#MAIN .anDetail .pdfArea p {
    display: inline-block;
    padding: 17px 15px 15px 60px;
    background: #f2f5f8;
    border-radius: 5px;
    font-weight: bold;
}
#MAIN .anDetail .pdfArea a {
    position: relative;
}
#MAIN .anDetail .pdfArea a::before {
    content: "";
    background: url(img/announce/icon_pdf.png) no-repeat center;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
}
.pdfArea a,
#MAIN .anDetail .announceArea .textSec a {
    text-decoration: underline;
}

.pdfArea a:hover,
#MAIN .anDetail .announceArea .textSec a:hover {
    text-decoration: none;
}
.link_area {
    display: flex;
    align-items: center;
}
.link_area > span{
    font-weight: bold;
}
.link_area > span{
    font-weight: bold;
    position: relative;
    padding-left: 50px;
}
.link_area > span::before{
    position: absolute;
    font-size: 12.5px;
    padding: 2.5px 8px 2.5px;
    top: 12px;
    left: 0;
    transform: translateY(-50%);
    line-height: 1.3em;
    border-radius: 5px;
    color: #fff;
}
.link_area > span.recruitment::before {content: "募集"; background: #005bac;}
.link_area > span.privilege::before{content: "特典"; background: #00ab99;}
.link_area > span.joining::before{content: "参加"; background: #ec7e49;}
.link_area .link{
    margin-left: auto;
    text-align: right;
}
.link_area .link a::after{
    content: "";
    background: url("img/announce/icon_link.svg") no-repeat center;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 51%;
    right: 0;
    transform: translateY(-50%);
}
.link_area .link a{
    padding-right: 15px;
    position: relative;
    transition: .3s;
    font-size: .9em;
}
.link_area .link a:hover{
    opacity: .6;
}


@media (max-width:768px) {
    #MAIN .anDetail .announceArea {
        width: 100%;
    }
    #MAIN .anDetail .announceArea .textSec {
        width: 66%;
    }
}
@media (max-width:767px) {
    #MAIN .announceArea.list {
        margin-top: 15px;
    }
    #MAIN .anDetail .announceArea {
        flex-wrap: wrap;
        margin: 30px auto 0;
    }

    #MAIN .anDetail .announceArea .textSec {
        width: 92%;
        margin: 0 auto;
    }

    #MAIN .anDetail .announceArea .imageSec {
        margin: 30px auto 0;
        width: 75%;
    }
    #MAIN .announceArea.list ul li span {width: 100%}
    #MAIN .announceArea.list ul li a {width: 100%}
    #MAIN .anDetail .pdfArea {
        margin-top: 30px;
    }

    #MAIN .announceArea.list ul li {
        flex-wrap: wrap;
        padding-left: 0;
        padding: 14px 0;
    }

    #MAIN .announceArea.list ul li::before {
        top: 25px;
        font-size: 11px;
        padding: 2px 7px 2.5px;
        left: 3px;
    }
    #MAIN .announceArea.list ul li span {
        padding-right: 0;
        font-size: 12.5px;
        padding-bottom: 3px;
        padding-left: 50px;
    }
}
@media (max-width:320px) {
    #MAIN .anDetail .announceArea .textSec {
        width: 95%;
    }
    #MAIN .anDetail .pdfArea p {
        padding: 17px 15px 15px 55px;
    }
    .link_area .link a {
        padding-right: 13px;
        font-size: 12px;
    }
    .link_area .link a::after {
        width: 10px;
        height: 10px;
    }
    .link_area > span {
        padding-left: 47px;
    }
    .link_area > span::before {
        font-size: 12px;
        padding: 2px 8px 2px;
        top: 11px;
    }
}

/* navArea
------------------------------------------ */
#navAreaSp{display:none;}
#navAreaPc .navArea{position:relative;height:529px;margin-top:15px;zoom:1;}
#navAreaPc .navArea ul.navigation li{position:absolute;font-size:0;line-height:0;top:0px;left:0px;z-index:1;zoom:1;}
#navAreaPc .navArea ul.navigation li a{display:block;width:245px;height:130px;background-repeat:no-repeat;background-position:left top;text-decoration: none;}
#navAreaPc .navArea ul.navigation li.num1 a{width:244px;background-image:url(img/index/pic_nav_message.jpg);}
#navAreaPc .navArea ul.navigation li.num2{left:247px;}
#navAreaPc .navArea ul.navigation li.num2 a{background-image:url(img/index/pic_nav_m-teacher.jpg);}
#navAreaPc .navArea ul.navigation li.num3{left:495px;}
#navAreaPc .navArea ul.navigation li.num3 a{background-image:url(img/index/pic_nav_deals.jpg);}
#navAreaPc .navArea ul.navigation li.num4{top:133px;}
#navAreaPc .navArea ul.navigation li.num4 a{width:244px;background-image:url(img/index/pic_nav_chiebukuro.jpg);}
#navAreaPc .navArea ul.navigation li.num5{top:133px;left:495px;}
#navAreaPc .navArea ul.navigation li.num5 a{background-image:url(img/index/pic_nav_alma-mater.jpg);}
#navAreaPc .navArea ul.navigation li.num6{top:266px;}
#navAreaPc .navArea ul.navigation li.num6 a{width:244px;background-image:url(img/index/pic_nav_impression.jpg);}
#navAreaPc .navArea ul.navigation li.num7{top:266px;left:495px;}
#navAreaPc .navArea ul.navigation li.num7 a{background-image:url(img/index/pic_nav_career-up.jpg);}
#navAreaPc .navArea ul.navigation li.num8{top:399px;}
#navAreaPc .navArea ul.navigation li.num8 a{width:244px;background-image:url(img/index/pic_nav_know-how2.jpg);}
#navAreaPc .navArea ul.navigation li.num9{top:399px;left:247px;}
#navAreaPc .navArea ul.navigation li.num9 a{background-image:url(img/index/pic_nav_child-rearing.jpg);}
#navAreaPc .navArea ul.navigation li.num10{top:399px;left:495px;}
#navAreaPc .navArea ul.navigation li.num10 a{background-image:url(img/index/pic_nav_skill-up.jpg);}
#navAreaPc .navArea ul.navigation li.num11{display:none;}
#navAreaPc .navArea .visual{position:absolute;font-size:0;line-height:0;top:133px;left:247px;zoom:1;}
#navAreaPc .navArea .visual .logo{position:absolute;font-size:0;line-height:0;top:58px;left:19px;zoom:1;}
#navAreaPc .navArea .visual #visual{position:absolute;top:59px;left:55px;transform:rotate(130deg);}
#navAreaPc .navArea .visual #visual.fix,
#navAreaPc .navArea .visual #visual.fix{width:143px;height:143px;background:url(img/index/pic_nav_visual_circle.gif) no-repeat 0px 0px;}
#navAreaPc .navArea .song{position:absolute;font-size:0;line-height:0;top:106px;left:408px;z-index:2;zoom:1;}
#navAreaPc .navArea .song{animation:songAnim 2s forwards;-webkit-animation:songAnim 2s forwards infinite;-moz-animation:songAnim 2s forwards infinite;-ms-animation:songAnim 2s forwards infinite;}
@keyframes songAnim{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
@-webkit-keyframes songAnim{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes songAnim{0%{-moz-transform:scale(1);}50%{-moz-transform:scale(1.1);}100%{-moz-transform:scale(1);}}
@-ms-keyframes songAnim{0%{-ms-transform:scale(1);}50%{-ms-transform:scale(1.1);}100%{-ms-transform:scale(1);}}

/* ABOUT
------------------------------------------ */
#ABOUT{position:relative;background-color:#ffffff;zoom:1;}
#ABOUT p.lead{padding-top:55px;text-align:center;}
#ABOUT h2,
#ABOUT ul li dl dt,
#ABOUT ul li dl dd{position:absolute;fonr-size:0;line-height:0;top:0px;left:0px;zoom:1;}
#ABOUT h2{top:315px;left:241px;}
#ABOUT ul li.ob-bg dl dt{top:313px;left:314px;}
#ABOUT ul li.ob-bg dl dd {top:206px;left:41px;}
#ABOUT ul li.student dl dt{top:472px;left:309px;}
#ABOUT ul li.student dl dd {top:468px;left:28px;}
#ABOUT ul li.admission dl dt{top:450px;left:446px;}
#ABOUT ul li.admission dl dd {top:493px;left:425px;}
#ABOUT ul li.everyone{position:absolute;font-size:0;line-height:0;top:213px;left:469px;zoom:1;}

/* SONG
------------------------------------------ */
#SONG h2{font-size:0;line-height:0;text-align:center;}
#SONG ul{margin-top:65px;}
#SONG ul li{width:440px;}
#SONG ul li dl dt{color:#ffffff;font-size:184%;font-weight:bold;text-align:center;}
#SONG ul li dl dt img{margin-left:10px;vertical-align:top;}
#SONG ul li dl dd{margin-top:15px;font-size:0;line-height:0;}
#SONG ul li dl dd iframe{border:1px solid #444444;}
#SONG ul li.yes{float:left;}
#SONG ul li.no{float:right;}

.ui-widget-overlay{opacity:0.85;}
.ui-dialog .ui-dialog-titlebar-close{position:fixed;width:29px!important;height:29px!important;background:url(asset/common/images/icon_cancel2.svg) no-repeat left top;top:20px!important;right:40px!important;left:auto;}

/* informationArea
------------------------------------------ */
#MAIN .informationArea{margin-top:25px;}

/* titleSec */
#MAIN .informationArea .titleSec h2{
    /*float:left;*/
    display: inline-block;
    margin-right:10px;
    padding:8px 12px 6px 12px;
    font-size:115%;
    line-height:1.1;
    font-weight:bold;
    background-color:#fbdc4e;
}
#MAIN .informationArea .titleSec h2 a{display:block;text-decoration:none;color:#000000;}
#MAIN .informationArea .titleSec p{
    /*float:left;*/
    display: inline-block;
    margin-top:5px;
}

#MAIN .informationArea ul li{margin-top:15px;zoom:1;}
#MAIN .informationArea ul li dl dt,
#MAIN .informationArea ul li dl dd{font-size:115%;line-height:1.3;}
#MAIN .informationArea ul li dl dt{font-weight:bold;}
#MAIN .informationArea ul li dl dd{margin-top:4px;}

/* topicsArea */
body #MAIN .topicsArea{margin-top:27px;}
body #MAIN .topicsArea ul li{margin-top:20px;padding-top:5px;background:url(img/nformation/parts_topics_bg-top.png) no-repeat left top;zoom:1;}
body #MAIN .topicsArea ul li .divA{padding-bottom:5px;background:url(img/nformation/parts_topics_bg-bottom.png) no-repeat left bottom;zoom:1;}
body #MAIN .topicsArea ul li .divA dl{position:relative;padding:15px 15px 15px 15px;background-color:#ffffff;zoom:1;}
body #MAIN .topicsArea ul li .divA dl dt{position:absolute;font-size:135%;font-weight:bold;color:#228cac;left:15px;zoom:1;}
body #MAIN .topicsArea ul li .divA dl dd{color:#2d2d2d;margin:2px 0 0 8.5em;font-size:115%;}

@media (max-width:768px) {
    #MAIN .topicsArea ul li .divA h2 {margin:0;}
    body #MAIN .topicsArea ul li .divA dl dt{position: static; margin-bottom: 15px;}
    body #MAIN .topicsArea ul li .divA dl dd {margin: 0;}
}



/* 卒業生のみなさまへ*/
.ob-og-contents {background: url("img/ob_og/ob_og_main.png")no-repeat center; background-size: 92%; margin-top: 45px; margin-bottom: 30px;}

.obog-link-list {display: flex; justify-content: space-between;}
.obog-link-list li {
    width: 29%
}
.obog-link-list + .obog-link-list {padding-top: 300px;}

.obog-link-list li a {
    text-align: center;
    padding: 40px 5px;
    background: rgb(0 91 172 / 95%);
    color: #fff;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 1.4em;
    font-size: 18px;
    position: relative;
    transition: .3s;
}
.obog-link-list li a:hover {
    background: rgb(34 130 215 / 95%);
}
.obog-link-list li a::before {
    content: "";
    background: url("asset/common/images/icon_arr_btn.svg") no-repeat center;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    transition: .3s;
 }
.obog-link-list li a:hover::before {
    right: 6px;
}

@media (max-width:768px) {
    .obog-link-list + .obog-link-list {
        padding-top: 250px;
    }
    .obog-link-list li {
        width: 30%
    }
    .obog-link-list li a {
        padding: 34px 5px;;
        line-height: 1.4em;
        font-size: 17px;
    }
}
@media (max-width:767px) {
    .ob-og-contents {
        background: none;
        margin-top: 35px;
        margin-bottom: 25px;
    }
    .obog-link-list {
        flex-wrap: wrap;
    }
    .obog-link-list + .obog-link-list {
        padding-top: 20px;
    }
    .obog-link-list li {
        width: 80%;
        margin: 0 auto;
    }
    .obog-link-list li + li {
        padding-top: 20px;
    }
    .obog-link-list li a {
        padding: 22px 5px;
        line-height: 1.4em;
        font-size: 15px;
    }
    .obog-link-list li a::before {
        top: 51%;
        width: 13px;
        height: 13px;
    }
    .obog-link-list li a br {
        display: none;
    }
}
@media (max-width:413px) {
    .obog-link-list li {
        width: 90%;
    }
}
@media (max-width:374px) {
    .ob-og-contents {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .obog-link-list li + li {
        padding-top: 15px;
    }
    .obog-link-list li a {
        font-size: 14px;
        letter-spacing: 0;
    }
}
/*  #MAIN .ob-ogArea{background:url("img/ob_og/ob_og_main.png") no-repeat center;}
#MAIN .ob-ogArea ul.mapList{margin:0;padding:0;position:relative;}
#MAIN .ob-ogArea ul.mapList li{position:absolute;margin:0;padding:0;}
#MAIN .ob-ogArea ul.mapList li.healthy{top:-9px;left:159px;}
#MAIN .ob-ogArea ul.mapList li.activity{top:-16px;left:351px;}
#MAIN .ob-ogArea ul.mapList li.sanko{top:34px;left:511px;}
#MAIN .ob-ogArea ul.mapList li.inauguration{top:167px;left:551px;}
#MAIN .ob-ogArea ul.mapList li.support{top:313px;left:511px;}
#MAIN .ob-ogArea ul.mapList li.animation{top:362px;left:401px;}
#MAIN .ob-ogArea ul.mapList li.chiebukuro{top:365px;left:251px;}
#MAIN .ob-ogArea ul.mapList li.now-how{top:327px;left:93px;z-index:2;}
#MAIN .ob-ogArea ul.mapList li.review{top:211px;left:6px;}
#MAIN .ob-ogArea ul.mapList li.memories{top:80px;left:69px;}
#MAIN .ob-ogArea ul.mapList li.job{top:-6px;left:626px;}

#MAIN p.support{margin-top:8px;padding:0;font-size:0;line-height:0;}
*/



/* ごあいさつ
------------------------------------------ */
.greetingBox {
    display: flex;
    justify-content: space-between;
    padding: 55px 60px;
    border: 2px solid #dfe5ed;
    border-radius: 10px;
}
.greetingBox + .greetingBox {
    margin-top: 60px;
}
.greetingBox--img {
    width: 23%;
}
.greetingBox--img strong {
    text-align: center;
    display: block;
    font-size: 16px;
}
.greetingBox--img span.name {
    font-weight: normal;
    font-size: 13px;
    display: block;
    line-height: 1.5em;
    padding-bottom: 3px;
    padding-top: 5px;
    text-align: center;
}
.greetingBox--txt {
    width: 72%;
}
.greetingBox--txt h2{
    color: #005bac;
    font-size: 26px;
    line-height: 1.35em;
    padding-bottom: 15px;
}
.greetingBox--txt p{
    line-height: 2em;
    font-size: 15px;
}
.greetingBox--txt p + p {
    margin-top: 1.2em;
}
.titleArea + .greetingBox {
    margin-top: 50px;
}

@media (max-width:768px) {
    .greetingBox {
        padding: 43px 48px;
    }
    .greetingBox + .greetingBox {
        margin-top: 55px;
    }
    .greetingBox--img {
        width: 26%;
    }
    .greetingBox--img strong {
        font-size: 15px;
    }
    .greetingBox--img span.name {
        font-size: 12.5px;
    }
    .greetingBox--txt {
        width: 68.5%;
    }
    .greetingBox--txt h2  {
        letter-spacing: .01em;
        font-size: 22px;
    }
    .greetingBox--txt p {
        font-size: 14px;
    }
    .titleArea + .greetingBox {
        margin-top: 45px;
    }
}
@media (max-width:767px) {
    .greetingBox {
        padding: 40px 35px;
        flex-wrap: wrap;
    }
    .titleArea + .greetingBox {
        margin-top: 30px;
    }
    .greetingBox + .greetingBox {
        margin-top: 40px;
    }
    .greetingBox--img {
        width: 60%;
        margin: auto;
    }
    .greetingBox--img span.name {
        font-size: 12px;
        letter-spacing: 0;
    }
    .greetingBox--txt {
        width: 100%;
    }
    .greetingBox--txt h2 {
        letter-spacing: 0;
        font-size: 19px;
        margin-top: 20px;
    }
    .greetingBox--txt p {
        line-height: 1.8em;
        font-size: 13.5px;
    }
}
@media (max-width:320px) {
    .greetingBox {
        padding: 35px 25px;
    }
    .greetingBox--txt h2 {
        margin-top: 15px;
    }
}
/* formArea
------------------------------------------ */
.procedure table {font-size: inherit;}

.mw_wp_form_confirm .confirm_txt_none,
.mw_wp_form_confirm .privacypolicy_txt,
.mw_wp_form_confirm .checkPolicy{display: none!important;}
#MAIN .formArea{margin-top:35px;}
@media (max-width:768px) {
    #MAIN .formArea{margin-top:25px;}
}

@media (max-width:475px) {
    #MAIN .mw_wp_form_confirm .formArea .confirmSec .confirm_btn_wrap .confirm {display: inline;}
    #MAIN .mw_wp_form_confirm .formArea .confirmSec .confirm_btn_wrap .confirm::before {width:13px; height:13px;top: 86%;}
}
/* personalSec */
#MAIN .formArea .personalSec .checkBox{

    background: #fafafa;
    border-radius:5px;
    margin: 5px auto 30px;
}
#MAIN .formArea .personalSec .checkBox .divA{
    padding-bottom:6px;
}
#MAIN .formArea .personalSec .checkBox .divA .divB{
    padding: 18px 35px 30px 50px;
}
#MAIN .formArea .personalSec .checkBox ul li{margin-top:15px; list-style-type: square;}
#MAIN .formArea .personalSec .checkBox .checkBox_item_ttl {padding-top: 5px;}
#MAIN .formArea .personalSec .checkBox .checkBox_item strong {padding-top: 10px; display: block; font-weight: normal;}
#MAIN .formArea .personalSec .checkBox .checkBox_item strong + p {text-indent: -1em; margin-left: 1em;}

    @media (max-width:767px) {
    #MAIN .formArea .personalSec .checkBox .divA .divB {
        padding: 12px 29px 24px 45px;
    }
    #MAIN .formArea .personalSec .checkBox {
        margin: 0px auto 20px;
     }
}
    @media (max-width: 320px) {
        #MAIN .formArea .personalSec .checkBox .divA .divB {
            padding: 8px 24px 20px 41px;
        }
    }

    /* personalSec */
#MAIN .formArea .personalSec table tr.typeCertificate td table tr th{background: none;}
#MAIN .formArea .personalSec table{width:100%;}
#MAIN .formArea .personalSec table,
#MAIN .formArea .personalSec table th,
#MAIN .formArea .personalSec table td{text-align:left;vertical-align:middle;}
#MAIN .formArea .personalSec table th,
#MAIN .formArea .personalSec table td{padding:20px 12px;}
#MAIN .formArea .personalSec > table > tbody > tr > th,
#MAIN .formArea .personalSec > table > tbody > tr > td{border-bottom: 1px solid #efeded;}

#MAIN .formArea .personalSec table th{font-weight:normal;white-space:nowrap; width: 35%;}
#MAIN .formArea .personalSec table th .required{color:#fd4646; font-size:.86em;margin-left: 5px;}
#MAIN .formArea .personalSec table th .any{color:#80baed; font-size:.86em;margin-left: 5px;}
#MAIN .formArea .personalSec table th .type{color:#888888;}
#MAIN .formArea .personalSec label{cursor:pointer;}
#MAIN .formArea .personalSec optgroup{font-style:normal;}

#MAIN .formArea .personalSec table tr.typeName td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; width: 49%;}
#MAIN .formArea .personalSec table tr.new_name td input{width: 49%;}
#MAIN .formArea .personalSec table tr.typeName td input + input {margin-left: 5px;}
#MAIN .formArea .personalSec table tr.typeSex td input{margin-right:5px;vertical-align:-2px;}
#MAIN .formArea .personalSec table tr.typeReason td select{padding: 5px 7px;border:1px solid #cbcbcb;background: #fff;border-radius: 5px;}
#MAIN .formArea .personalSec table tr.typeBirth td{padding-right:15px;}
#MAIN .formArea .personalSec table tr.typeBirth td select{margin-right:5px;padding: 5px 7px;;border:1px solid #cbcbcb;background: #fff;border-radius: 5px;}
#MAIN .formArea .personalSec table tr.typeSchool td select{padding: 5px 7px;border:1px solid #cbcbcb;background: #fff;border-radius: 5px; width: 100%;}
#MAIN .formArea .personalSec table tr.typeCourse td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; width: 100%;}
#MAIN .formArea .personalSec table tr.typeGraduation td{padding-right:15px;}
#MAIN .formArea .personalSec table tr.typeGraduation td select{margin-right:5px;padding: 5px 7px;border:1px solid #cbcbcb;background: #fff;border-radius: 5px;}

#MAIN .formArea .personalSec table tr.typeZipcode td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;}
#MAIN .formArea .personalSec table tr.typeState td select{padding: 5px 7px;border:1px solid #cbcbcb;border-radius:5px; background: #fff;}
#MAIN .formArea .personalSec table tr.typeAddress td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;width: 100%;}
#MAIN .formArea .personalSec table tr.typeTel td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; max-width: 200px;}
#MAIN .formArea .personalSec table tr.typeTel td input[name="tel[data][0]"]{width:40px;}
#MAIN .formArea .personalSec table tr.typeTel td input[name="tel[data][1]"]{width:55px;}
#MAIN .formArea .personalSec table tr.typeTel td input[name="tel[data][2]"]{width:55px;}
#MAIN .formArea .personalSec table tr.typeMail td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;width: 100%;}
#MAIN .formArea .personalSec table tr.typeMailConfirm td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;width: 100%;}
#MAIN .formArea .personalSec table tr.typeEtc textarea{box-sizing:border-box;width:100%;padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;}

#MAIN .formArea .personalSec table td {width: 100%;}
#MAIN .formArea .personalSec table td table td{height:auto;padding:0 10px 0 0;background:none;}
#MAIN .formArea .personalSec table th #mailPrivate{color: gray;padding-left: 1em;text-indent: -1em;white-space: initial;}
#MAIN .formArea .personalSec table td #exMail{display:block;}

#MAIN .typeConfirm .personalSec table th{}

.error_message {font-size: .9em; padding-top: 3px; color: red;}
#MAIN .formArea .Certificate_item {flex-wrap: wrap;}

@media (max-width:767px) {
    #MAIN .formArea .personalSec table tr.typeName td{
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
    }
    #MAIN .formArea .personalSec table tr.typeName td input {width: 48%;}
    #MAIN .formArea .personalSec table tr.typeName td #insta_id {
        width: 100%;
    }
    #MAIN .formArea .personalSec table tr.typeName td input + input {
        margin-left: 0;
    }
    #MAIN #procedureForm .personalSec table tr.typeZipcode td input:nth-child(1) {max-width: 60px;}
    #MAIN #procedureForm .personalSec table tr.typeZipcode td input:nth-child(2) {max-width: 80px;}
}

/* newAddressSec */
#MAIN .formArea .newAddressSec{margin-top:48px;padding-bottom:5px;}


#MAIN .formArea .newAddressSec table{width:100%;}
#MAIN .formArea .newAddressSec table,
#MAIN .formArea .newAddressSec table th,
#MAIN .formArea .newAddressSec table td{text-align:left;vertical-align:middle;}
#MAIN .formArea .newAddressSec table th,
#MAIN .formArea .newAddressSec table td{padding: 20px 12px;}
#MAIN .formArea .newAddressSec table th{font-weight:normal;white-space:nowrap; width: 35%;}
#MAIN .formArea .newAddressSec table th .required{color:#fd4646; font-size:.86em;margin-left: 5px;}
#MAIN .formArea .newAddressSec table th .any{color:#80baed; font-size:.86em;margin-left: 5px;}
#MAIN .formArea .newAddressSec table th .notMobile{color:#fd4646;}
#MAIN .formArea .newAddressSec table th .type{color:#888888;}
#MAIN .formArea .newAddressSec label{cursor:pointer;}

#MAIN .formArea .newAddressSec table tr.typeZipcode td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px;}
#MAIN .formArea .newAddressSec table tr.typeState td select{padding: 5px 7px;border:1px solid #cbcbcb;background: #fff;border-radius: 5px;}
#MAIN .formArea .newAddressSec table tr.typeAddress td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; width: 100%;}
#MAIN .formArea .newAddressSec table tr.typeTel td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; max-width: 200px;}
#MAIN .formArea .newAddressSec table tr.typeTel td input#telA{width:45px;}
#MAIN .formArea .newAddressSec table tr.typeTel td input#telB{width:65px;}
#MAIN .formArea .newAddressSec table tr.typeTel td input#telC{width:65px;}
#MAIN .formArea .newAddressSec table tr.typeMail td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; width: 100%;}
#MAIN .formArea .newAddressSec table tr.typeMailConfirm td input{padding: 5px 10px;border:1px solid #cbcbcb;border-radius:5px; width: 100%;}

#MAIN .formArea .newAddressSec table td {width: 65%;}
#MAIN .formArea .newAddressSec table td table{width:auto;background:none;}
#MAIN .formArea .newAddressSec table td table td{padding:0 10px 0 0;}
#MAIN .formArea .newAddressSec table td table td.none{padding-right:0;}
#MAIN .formArea .newAddressSec table td table td.annotation{font-size.93em;}

#MAIN .typeConfirm .newAddressSec table th{}


#MAIN .newAddressSec table.new_address > tbody > tr > th,
#MAIN .newAddressSec table.new_address > tbody > tr > td{border-bottom: 1px solid #efeded;}
.form_ttl h2 {
    background: #005bac;
    color: #fff;
    border-radius: 10px;
    font-size: 22px;
    padding: 8px 15px 10px;
    margin-bottom: 10px;
}
#MAIN .mw_wp_form_input .formArea .zip-convert {
    margin-left: 10px;
    background: #005bac;
    border: 0;
    color: #fff;
    padding: 5px 9px 4px;
    border-radius: 5px;
    vertical-align: 2px;
    font-size: .9em;
    cursor: pointer;
    transition: .3s;
}
#MAIN .mw_wp_form_confirm .formArea .zip-convert {display: none;}
#MAIN .formArea .zip-convert:hover {
    opacity: .8;
}

#error_message_certificate {
    width: 100%;
}
#MAIN .formArea .Certificate_item > div {display: flex; margin-right: 30px;}
#MAIN .formArea .Certificate_item > div > strong {margin-right: 10px; font-weight: normal;}



@media (max-width:768px) {

    #MAIN .formArea.kikaku .personalSec .blockTypeA .planArea ul {
        left: 45%;
    }

    #MAIN .formArea.kikaku .personalSec .typePlan ul li span {
        font-size: 12px;
    }

    #MAIN .formArea .personalSec table th,
    #MAIN .formArea .personalSec table td,
    #MAIN .formArea .newAddressSec table th,
    #MAIN .formArea .newAddressSec table td {
        display: block;
        width: 100%;
        height: auto;
        background: none;
    }

    #MAIN .formArea .personalSec table th {
        padding-bottom: 0;
        border-bottom: 0!important;
        padding-top: 14px;
    }

    #MAIN .formArea .personalSec table td {
        padding: 4px 10px 20px;
    }

    #MAIN .formArea .personalSec table td.bgNone {
        border-bottom: none;
    }



    #MAIN .formArea .personalSec table th #mailPrivate br {
        display: none;
    }
    #MAIN .formArea .newAddressSec table th {
        border-bottom: 0!important;
        padding: 14px 12px 0;
    }
    #MAIN .formArea .newAddressSec table td {
        padding: 4px 12px 20px;
    }
    .typeMailConfirm br:first-child {display: none}
    #MAIN .formArea .newAddressSec table tr.typeMailConfirm td input,
    #MAIN .formArea .newAddressSec table tr.typeMail td input,
    #MAIN .formArea .newAddressSec table tr.typeAddress td input {width: 100%;}

    .form_ttl h2 {
        font-size: 21px;
    }
}
@media (max-width:767px) {
    .form_ttl h2 {
        font-size: 19px;
        padding: 8px 10px 10px;
        margin-bottom: 3px;
    }

    #MAIN .formArea .personalSec > table,
    #MAIN .formArea .newAddressSec table.new_address {
        width: 100%;
    }

    #MAIN .formArea .personalSec table th {
        padding: 14px 0 0;
    }

    #MAIN .formArea .personalSec table td {
        padding: 4px 0 20px;
    }

    #MAIN .formArea .newAddressSec table th {
        padding: 14px 0 0;
    }

    #MAIN .formArea .newAddressSec table td {
        padding: 4px 0 20px;
    }

    #MAIN .formArea .zip-item input:nth-child(1) {
        max-width: 60px;
    }

    #MAIN .formArea .zip-item input:nth-child(2) {
        max-width: 80px;
    }
    #MAIN .formArea .Certificate_item > div {
        margin-right: 25px;
    }
}
@media (max-width:400px) {
    #MAIN .formArea .personalSec table tr.typeTel td input,
    #MAIN .formArea .newAddressSec table tr.typeTel td input{
        max-width: 80px;
    }
}
@media (max-width:374px) {
    #MAIN .formArea .Certificate_item {
        display: flex !important;
        justify-content: space-between;
    }

    #MAIN .formArea .Certificate_item > div {
        margin-right: 0;
    }
}
    @media (max-width:320px) {
        .form_ttl h2 {
            font-size: 18px;
        }
}

/* agreeSec */
#MAIN .formArea .agreeSec{margin-top:45px;}
#MAIN .formArea .agreeSec .agreeSec_note {
    padding-bottom: 10px;
    color: #005bac;
    font-weight: bold;
    letter-spacing: .05em;
}
#MAIN .formArea .agreeSec .contentBox{overflow-y:scroll;height:220px; padding: 18px 20px 5px 22px;border:1px solid #dbdbdb;background-color:#ffffff;}
#MAIN .formArea .agreeSec .contentBox h3,
#MAIN .formArea .agreeSec .contentBox p{color:#484848;font-weight:normal;line-height:1.8em;}
#MAIN .formArea .agreeSec .contentBox h3{margin-top:15px; font-weight: bold; line-height: 1.4em; padding-bottom: 3px;}
#MAIN .formArea .agreeSec .contentBox p + p{margin-top:10px;}
#MAIN .formArea .agreeSec .contentBox p:first-child {margin-top:0}

@media (max-width:767px) {
    #MAIN .formArea .agreeSec{margin-top:25px;}
    #MAIN .formArea .agreeSec .contentBox {
        padding: 15px 15px 5px 16px;
    }
}


/* confirmSec */
#MAIN .formArea .confirmSec{margin-top:25px;}
#MAIN .formArea .confirmSec ul{text-align:center;}
#MAIN .formArea .confirmSec ul li{display:inline;font-size:115%;}
#MAIN .formArea .confirmSec ul li.yes{margin-right:10px;}
#MAIN .formArea .confirmSec ul li label{cursor:pointer;}
#MAIN .formArea .confirmSec ul li input{margin-right:5px;vertical-align:-1px;}

#MAIN .formArea .confirmSec .privacypolicy_txt span{font-size: 14px;}

#MAIN .formArea .confirmSec .confirm_btn_wrap {text-align: center;}
#MAIN .formArea .confirmSec .confirm_btn_wrap .confirm{display: inline-block; transition: .3s; position: relative;}
#MAIN .formArea .confirmSec .confirm_btn_wrap .confirm::before{
    transition: .3s;
    content: "";
    background: url("asset/common/images/icon_arr_btn.svg") no-repeat center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: .3s;}


#MAIN .formArea .confirmSec .confirm input {
    background: #005bac;
    border: 0;
    color: #fff;
    padding: 13px 70px;
    font-size: 16px;
    letter-spacing: .12em;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
}
#MAIN .formArea .confirmSec .confirm input:hover {
    background: #478dcc;
}

#MAIN .formArea .confirmSec .confirm input.form_back{
    margin-right:15px;
    background-color:whitesmoke;
    color:black;
}

.mw_wp_form_complete p.thanks{
    text-align: center;
    font-size: 1rem;
    padding: 120px 0;
}

.benefit_img_td .mw-wp-form_image {
    width: 200px;
    height: 200px;
}
.benefit_img_td .mw-wp-form_image img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.deals_pagination{ display: flex; justify-content: center;}
.deals_pagination .next,
.deals_pagination .prev {background: #005bac!important; color: #fff!important;}
.deals_pagination .page-numbers{
    display: inline-block!important;
    margin: 15px 5px 5px!important;
    padding: 0.5em!important;
    background-color: #005bac;
    color:white;
    font-size:20px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
}
.deals_pagination .current{ opacity: 0.5; }
.app_btn {text-align: center;}
.app_btn a {
    display: inline-block;
    background: #005bac;
    position: relative;
    color: #fff;
    padding: 17px 70px 18px;
    font-size: 18px;
    border-radius: 10px;
    margin: 30px 0 30px;}
.app_btn a::before {
    content: "";
    background: url("asset/common/images/icon_arr_btn.svg") no-repeat center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: .3s;
    }
.app_btn a:hover {
    opacity: .8;
}
.app_btn a:hover::before {
    right: 7px;
}
.app_btn.app_btn_top a{
    margin: 28px 0 15px;
}
#MAIN .formArea .confirmSec .controll li.submit input{margin:0;}

#MAIN .formArea .confirmSec .ssl{margin-top:25px;line-height:1.9;color:#484848;text-align:center;}
#MAIN .formArea .confirmSec .ssl a{display:inline-block;margin-top:10px;}

.mw_wp_form_confirm p.title,
.mw_wp_form_confirm tr.typeMailConfirm,
.mw_wp_form_confirm .checkPolicy,
.mw_wp_form_confirm span.ex,
.mw_wp_form_confirm .agreeSec,
#MAIN .mw_wp_form_confirm .formArea .personalSec .checkBox{
    display:none;
}
#MAIN .mw_wp_form_confirm .formArea .personalSec table td #exMail{display:none;}

@media (max-width:767px) {
    #MAIN .formArea .confirmSec {
        margin-top: 20px;
    }
    .app_btn a {
        padding: 13px 70px 15px;
        font-size: 15px;
    }
    .app_btn a::before {
        width: 12px;
        height: 12px;
    }
    .app_btn.app_btn_top a{
        margin: 23px 0 6px;
    }
    #MAIN .formArea .confirmSec .privacypolicy_txt span{font-size: 13px;}
}
@media (max-width:320px) {
    #MAIN .formArea .confirmSec .privacypolicy_txt span{font-size: 12.5px;}
}
/* anchorArea
------------------------------------------ */
#MAIN .anchorArea{margin: 60px auto 0; max-width: 800px;}
#MAIN .anchorArea ul{
    border: 3px solid #dadada;
    border-radius:5px;
}
#MAIN .anchorArea ul li{
    width:25%;
    float:left;font-size:0;line-height:0;
    border-right:1px solid #dadada;
    border-bottom:1px solid #dadada;
    box-sizing: border-box;
}
#MAIN .anchorArea ul li img{
    width: 100%;
}
#MAIN .anchorArea ul li:nth-child(4),
#MAIN .anchorArea ul li:nth-child(8){
    border-right:none;
}
#MAIN .anchorArea ul li:nth-child(5),
#MAIN .anchorArea ul li:nth-child(6),
#MAIN .anchorArea ul li:nth-child(7),
#MAIN .anchorArea ul li:nth-child(8){
    border-bottom:none;
}
@media (max-width:767px) {
    #MAIN .anchorArea {
        margin: 40px auto 0;
    }

    #MAIN .anchorArea > ul > li {
        width: 50%;
    }

    #MAIN .anchorArea > ul > li:nth-child(2),
    #MAIN .anchorArea > ul > li:nth-child(6) {
        border-right: 0;
    }

    #MAIN .anchorArea > ul > li:nth-child(7),
    #MAIN .anchorArea > ul > li:nth-child(8) {
        border-top: 1px solid #dadada;
    }
}


/* selectArea
------------------------------------------ */
#MAIN .selectArea{margin:35px auto 30px; max-width: 800px;}

@media (max-width:767px) {
    #MAIN .selectArea{margin:17px auto 30px;
    }
}

/* categorySec */
#MAIN .selectArea .categorySec{margin-top:20px;}
#MAIN .selectArea .categorySec{padding-top:6px;background-position:left top;background-repeat:no-repeat;zoom:1;}
#MAIN .selectArea .categorySec .divA{padding-bottom:6px;background-position:left bottom;background-repeat:no-repeat;zoom:1;}
#MAIN .selectArea .categorySec .divA .divB{background-position:left top;background-repeat:repeat-y;zoom:1;}
#MAIN .selectArea .categorySec .divA .divB .divC{background-position:left bottom;background-repeat:no-repeat;zoom:1;}
#MAIN .selectArea .categorySec .divA .divB .divC .divD{padding:7px 0 7px 120px;background-repeat:no-repeat;zoom:1;}
#MAIN .selectArea .categorySec ul li{float:left;width:140px;margin:10px 20px 0 0;text-align:center; font-size: 12px;}

#MAIN .selectArea .categorySec ul li a{display:block;position:relative;min-width:140px;min-height:79px;margin-bottom:5px;font-size:0;line-height:0;zoom:1;}
#MAIN .selectArea .categorySec ul li a:hover{opacity:0.7;}
#MAIN .selectArea .categorySec ul li a .arrow{display:block;position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-position:left top;top:55px;left:116px;zoom:1;}

#MAIN .selectArea > div,
#MAIN .selectArea > div .divA,
#MAIN .selectArea > div .divA .divB,
#MAIN .selectArea > div .divA .divB .divC{;background-size: contain;}


#MAIN .selectArea #MEDICAL-CARE{margin-top:0;background-image:url(img/message/parts_medical-care_bg-top.png);}
#MAIN .selectArea #MEDICAL-CARE .divA{background-image:url(img/message/parts_medical-care_bg-bottom.png);}
#MAIN .selectArea #MEDICAL-CARE .divA .divB{background-image:url(img/message/parts_medical-care_bg-body.gif);}
#MAIN .selectArea #MEDICAL-CARE .divA .divB .divC{background-image:url(img/message/parts_medical-care_bg-grd.gif);}
#MAIN .selectArea #MEDICAL-CARE .divA .divB .divC .divD{background-image:url(img/message/parts_medical-care_bg-icon.png);background-position:20px 50%;}
#MAIN .selectArea #MEDICAL-CARE .arrow{background-image:url(img/message/icon_medical-care_play.png);}

#MAIN .selectArea #SPORTS{background-image:url(img/message/parts_sports_bg-top.png);}
#MAIN .selectArea #SPORTS .divA{background-image:url(img/message/parts_sports_bg-bottom.png);}
#MAIN .selectArea #SPORTS .divA .divB{background-image:url(img/message/parts_sports_bg-body.gif);}
#MAIN .selectArea #SPORTS .divA .divB .divC{background-image:url(img/message/parts_sports_bg-grd.gif);}
#MAIN .selectArea #SPORTS .divA .divB .divC .divD{background-image:url(img/message/parts_sports_bg-icon.png);background-position:20px 50%;}
#MAIN .selectArea #SPORTS .arrow{background-image:url(img/message/icon_sports_play.png);}

#MAIN .selectArea #BEAUTY{background-image:url(img/message/parts_beauty_bg-top.png);}
#MAIN .selectArea #BEAUTY .divA{background-image:url(img/message/parts_beauty_bg-bottom.png);}
#MAIN .selectArea #BEAUTY .divA .divB{background-image:url(img/message/parts_beauty_bg-body.gif);}
#MAIN .selectArea #BEAUTY .divA .divB .divC{background-image:url(img/message/parts_beauty_bg-grd.gif);}
#MAIN .selectArea #BEAUTY .divA .divB .divC .divD{background-image:url(img/message/parts_beauty_bg-icon.png);background-position:22px 50%;}
#MAIN .selectArea #BEAUTY .arrow{background-image:url(img/message/icon_wedding_play.png);}

#MAIN .selectArea #REARING{background-image:url(img/message/parts_rearing_bg-top.png);}
#MAIN .selectArea #REARING .divA{background-image:url(img/message/parts_rearing_bg-bottom.png);}
#MAIN .selectArea #REARING .divA .divB{background-image:url(img/message/parts_rearing_bg-body.gif);}
#MAIN .selectArea #REARING .divA .divB .divC{background-image:url(img/message/parts_rearing_bg-grd.gif);}
#MAIN .selectArea #REARING .divA .divB .divC .divD{background-image:url(img/message/parts_rearing_bg-icon.png);background-position:21px 50%;}
#MAIN .selectArea #REARING .arrow{background-image:url(img/message/icon_rearing_play.png);}

#MAIN .selectArea #CAFE{background-image:url(img/message/parts_cafe_bg-top.png);}
#MAIN .selectArea #CAFE .divA{background-image:url(img/message/parts_cafe_bg-bottom.png);}
#MAIN .selectArea #CAFE .divA .divB{background-image:url(img/message/parts_cafe_bg-body.gif);}
#MAIN .selectArea #CAFE .divA .divB .divC{background-image:url(img/message/parts_cafe_bg-grd.gif);}
#MAIN .selectArea #CAFE .divA .divB .divC .divD{background-image:url(img/message/parts_cafe_bg-icon.png);background-position:21px 50%;}
#MAIN .selectArea #CAFE .arrow{background-image:url(img/message/icon_cafe_play.png);}

#MAIN .selectArea #WEDDING{background-image:url(img/message/parts_wedding_bg-top.png);}
#MAIN .selectArea #WEDDING .divA{background-image:url(img/message/parts_wedding_bg-bottom.png);}
#MAIN .selectArea #WEDDING .divA .divB{background-image:url(img/message/parts_wedding_bg-body.gif);}
#MAIN .selectArea #WEDDING .divA .divB .divC{background-image:url(img/message/parts_wedding_bg-grd.gif);}
#MAIN .selectArea #WEDDING .divA .divB .divC .divD{background-image:url(img/message/parts_wedding_bg-icon.png);background-position:21px 50%;}
#MAIN .selectArea #WEDDING .arrow{background-image:url(img/message/icon_wedding_play.png);}

#MAIN .selectArea #ASUKA{background-image:url(img/message/parts_asuka_bg-top.png);}
#MAIN .selectArea #ASUKA .divA{background-image:url(img/message/parts_asuka_bg-bottom.png);}
#MAIN .selectArea #ASUKA .divA .divB{background-image:url(img/message/parts_asuka_bg-body.gif);}
#MAIN .selectArea #ASUKA .divA .divB .divC{background-image:url(img/message/parts_asuka_bg-grd.gif);}
#MAIN .selectArea #ASUKA .divA .divB .divC .divD{background-image:url(img/message/parts_asuka_bg-icon.png);background-position:21px 50%;}
#MAIN .selectArea #ASUKA .arrow{background-image:url(img/message/icon_asuka_play.png);}


@media (max-width:1024px) {
    #MAIN .selectArea .categorySec .divA .divB .divC .divD {
        padding: 7px 0 7px 103px;
    }
}
@media (max-width:768px) {
    #MAIN .selectArea .categorySec {
        padding-top: 0;
    }
    #MAIN .selectArea .categorySec .divA {
        padding-bottom: 0;
    }
}
@media (max-width:767px) {
    #MAIN .selectArea > div,
    #MAIN .selectArea > div .divA,
    #MAIN .selectArea > div .divA .divB,
    #MAIN .selectArea > div .divA .divB .divC {;
        background-size: auto;
    }
}
/* applicationArea
------------------------------------------ */
#MAIN .applicationArea{margin-top:35px;}
#MAIN .applicationArea strong {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 1.4em;
    line-height: 1.4em;
    letter-spacing: .02em;
    padding-bottom: 10px;
}
#MAIN .applicationArea p{font-size:0;line-height:0;text-align:center;}
#MAIN .applicationArea p.btn{margin-top:18px;}

/* slideShowArea
------------------------------------------ */
#MAIN .slideShowArea{margin-top:10px;}
#MAIN .slideShowArea p.update{text-align:right; max-width: 800px; max-width: 0 auto;}

.ui-dialog .slide1,
.ui-dialog .slide2,
.ui-dialog .slide3,
.ui-dialog .slide4{position:relative;zoom:1;}
.ui-dialog .slide1 .close,
.ui-dialog .slide2 .close,
.ui-dialog .slide3 .close,
.ui-dialog .slide4 .close{position:absolute;top:11px;left:675px;font-size:0;line-height:0;zoom:1;}


/* .slide4 */
.ui-dialog .slide4{padding:5px;background-color:#000000;}
.ui-dialog .slide4 .detail{padding:20px;}
.ui-dialog .slide4 .detail h2,
.ui-dialog .slide4 .detail p{color:#ffffff;}
.ui-dialog .slide4 .detail h2{font-size:150%;}
.ui-dialog .slide4 .detail p{font-size:117%;line-height:1.9;}
#SP.i-phone .ui-dialog .slide4 .detail h2{font-size:75%;}
#SP.i-phone .ui-dialog .slide4 .detail p{font-size:58%;}
.ui-dialog .slide4 .detail p.career{margin-top:4px;}
.ui-dialog .slide4 .detail p.comment{margin-top:11px;}


/* searchArea
------------------------------------------ */
#MAIN .searchArea{margin-top:40px;}
#MAIN .searchArea > p {
    text-align: center;
}

    /* profileArea
------------------------------------------ */
    #MAIN .profileArea {
        position: relative;
        zoom: 1;
        margin-top: 26px;
        padding: 0;
    }

    #MAIN .profileArea p {
        float: left;
        font-size: 0;
        line-height: 0;
    }

    #MAIN .profileArea dl {
        margin: 0;
        padding: 0;
    }

    #MAIN .profileArea dl dt {
        font-size: 0;
        line-height: 0;
    }

    #MAIN .profileArea dl dt img.new {
        position: absolute;
        left: 416px;
        top: 13px;
        z-index: 2;
        zoom: 1;
    }

    #MAIN .profileArea dl dd {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

    /* talkArea
------------------------------------------ */
    #MAIN .talkArea {
        margin-top: 43px;
        padding: 0;
    }

    #MAIN .talkArea p {
        text-align: center;
    }

    #MAIN .talkArea p.leadText {
        margin-top: 49px;
    }

    #MAIN .talkArea p.application {
        margin-top: 19px;
    }

    #MAIN .talkArea .textSec {
        margin-top: 41px;
    }

    #MAIN .talkArea .textSec h3 {
        font-size: 183.3%;
        color: #32a0c1;
    }

    #MAIN .talkArea .textSec p.pageTop {
        text-align: right;
        margin-top: 25px;
    }

    #MAIN .talkArea .textSec p.photoRight {
        float: right;
        margin-top: 15px;
        padding: 0 0 22px 19px;
        text-align: left;
    }

    #MAIN .talkArea .textSec dl {
        margin-top: 10px;
        padding: 0;
        position: relative;
    }

    #MAIN .talkArea .textSec dl.first {
        margin-top: 15px;
    }

    #MAIN .talkArea .textSec dl dt {
        position: absolute;
        margin: 0;
        padding: 0;
        font-size: 133.3%;
    }

    #MAIN .talkArea .textSec dl dt.talkA {
        color: #df538b;
    }

    #MAIN .talkArea .textSec dl dt.talkB {
        color: #32a0c1;
    }

    #MAIN .talkArea .textSec dl dt.talkC {
        color: #eca427;
    }

    #MAIN .talkArea .textSec dl dd {
        margin: 0;
        padding-left: 3em;
        font-size: 133.3%;
    }


    #MAIN .talkArea .textSec .blockTypeA p.photoLeft {
        float: left;
        margin-top: 20px;
        padding: 0 19px 22px 0;
        text-align: left;
    }

    #MAIN .talkArea .textSec .blockTypeA dl {
        float: right;
    }

    #MAIN .talkArea .textSec .blockTypeB p.photoRight {
        float: right;
        margin-top: 5px;
        padding: 0 0 23px 18px;
        text-align: left;
    }

    /* profileArea
------------------------------------------ */
    #MAIN .profileArea {
        margin-top: 26px;
        padding: 0;
    }

    #MAIN .profileArea.t-top .profilePic {
        position: relative;
        width: 760px;
        height: 316px;
        font-size: 0;
        background: url(img/m_teacher/profile_11.png) no-repeat;
    }

    #MAIN .profileArea.t-top .profilePic.profilePic_03 {
        position: relative;
        width: 760px;
        height: 352px;
        font-size: 0;
        background: url(img/m_teacher/profile_13.png) no-repeat;
    }

    #MAIN .profileArea.t-top .profilePic + .profilePic {
        margin-top: 30px;
    }

    #MAIN .profileArea .profilePic .continuation {
        position: absolute;
        left: 509px;
        top: 270px;
    }

    #MAIN .profileArea .profilePic.profilePic_03 .continuation {
        top: 305px;
    }

    #MAIN .talkArea .textSec .blockTypeA p.photoRight,
    #MAIN .talkArea .textSec .blockTypeA p.photoRight span.annotation {
        font-size: 91.7%;
        line-height: 1.6;
        text-align: left;
    }

    /* 140617_misa-honda_1.css*/
    #MAIN .profileArea.misa-honda dl dt img.new {
        left: 627px;
    }

    /* 140617_tatuya-kominami_1.css*/
    #MAIN .profileArea dl dt img.new {
        left: 673px;
    }

    #MAIN .talkArea .textSec dl dd {
        padding-left: 3.5em;
    }

    /* 141017_hirokazu-mutou_1.css*/
    #MAIN .profileArea.hirokazu-mutou dl dt img.new {
        left: 673px;
    }

    #MAIN .talkArea.hirokazu-mutou .textSec dl dd {
        padding-left: 5.5em;
    }

    /*141201_mitiko-nozomi-kanae_1*/
    #MAIN .profileArea.mitiko-nozomi-kanae dl dt img.new {
        left: 419px;
    }

    /* 150120_masanori_terasawa_1.css*/
    #MAIN .profileArea.masanori_terasawa dl dt img.new {
        left: 674px;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl dt.talkA {
        color: #32a0c1;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl dt.talkB {
        color: #df538b;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl dt.talkC {
        color: #eca427;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl dt.talkD span.typeA {
        color: #df538b;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl dt.talkD span.typeB {
        color: #eca427;
    }

    #MAIN .talkArea.masanori_terasawa .textSec dl.both dd {
        padding-left: 6em;
    }

    /* 150914_yuka_sueyasu_1.css*/
    #MAIN .profileArea.yuka_sueyasu dl dt img.new {
        left: 674px;
    }

    #MAIN .talkArea.yuka_sueyasu .textSec dl dt.talkA {
        color: #df538b;
    }

    #MAIN .talkArea.yuka_sueyasu .textSec dl dt.talkB {
        color: #eca427;
    }

    #MAIN .talkArea.yuka_sueyasu .textSec dl.both dd {
        padding-left: 6em;
    }

    /* 160212_yuko_kouji_satomi_1.css */
    #MAIN .profileArea.yuko_kouji_satomi dl dt img.new {
        left: 419px;
    }

    /* 160405_yoshiko_ryoya_1.css*/
    #MAIN .profileArea.yoshiko_ryoya dl dt img.new {
        left: 680px;
    }

    #MAIN .talkArea.yoshiko_ryoya .textSec dl dd {
        padding-left: 4em;
    }

    /* 160420_yumiko_junko_1.css */
    #MAIN .profileArea.yumiko_junko dl dt img.new {
        left: 701px;
    }

    /* 181015_yuka_mikako_1.css */
    #MAIN .profileArea.yuka_mikako p {
        width: 760px;
        height: 276px;
        background: url(img/m_teacher/11/profile.png) center center no-repeat;
    }

    /* 20201105_masataka_ayaka_1.css */
    #MAIN .profileArea.masataka_ayaka p {
        width: 760px;
        height: 276px;
        background: url(img/m_teacher/12/profile.png) center center no-repeat;
    }

    #MAIN .profileArea.izumi_sachiho p {
        width: 759px;
        height: 334px;
        background: url(img/m_teacher/13/profile.png) center center no-repeat;
    }

    #MAIN .talkArea .d_ib {
        display: inline-block
    }

    #MAIN .introduction {
        font-size: 133.3%;
        margin-top: 60px;
    }

    /* selectArea
------------------------------------------ */


    #MAIN .selectArea p {
        text-align: center;
    }

    #MAIN .selectArea p.leadText {
        margin-top: 49px;
    }

    #MAIN .selectArea p.application {
        margin-top: 19px;
    }

    #MAIN .selectArea ol {
        margin: 0;
        padding: 0;
    }

    #MAIN .selectArea ol li {
        float: left;
        width: 183px;
        height: 208px;
        margin: 10px 9px 0 0;
        padding: 32px 0 0 0;
        position: relative;
        line-height: 0;
    }

    #MAIN .selectArea ol li .vol {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #MAIN .selectArea ol li img.continuation {
        position: absolute;
        left: 32px;
        top: 202px;
    }

    #MAIN .selectArea ol li.last {
        margin-right: 0;
    }


    #MAIN p.create {
        margin-top: 30px;
        text-align: center;
    }

    /* menuArea
------------------------------------------ */
    #MAIN .menuArea {
        margin-top: 30px;
    }

    #MAIN .menuArea ul {
        margin: 0;
        padding: 0;
    }

    #MAIN .menuArea ul li {
        float: left;
        font-size: 0;
        line-height: 0;
    }


    /* dealsArea
------------------------------------------ */
    #MAIN .contents_deals{
        border: 3px solid #005bac;
        border-radius: 10px;
        width: 800px;
        max-width: 100%;
        margin :0 auto;
        padding: 0 20px;
    }
    #MAIN .titleArea + .contents_deals{margin-top: 60px;}
    #MAIN .titleArea.titleArea_deals + .contents_deals{margin-top: 30px;}
    #MAIN .contents_deals + .contents_deals {
        margin-top: 30px;
    }

    #MAIN .dealsArea h3 {
        margin-left: 19px;
        padding: 17px 0 16px 51px;
        position: relative;
        background: url(img/deals/icon_genre.gif) left top no-repeat;
        font-size: 150%;
    }

    #MAIN .dealsArea h3.paragraph {
        padding-top: 10px;
    }

    #MAIN .dealsArea h3 span {
        color: #ed0000;
        font-size: 66.7%;
    }

    #MAIN .dealsArea .divA {
        padding: 0 0 19px;
    }

    #MAIN .dealsArea .divB {
    }

    #MAIN .dealsArea p.photo {
        float: left;
        margin: 10px 3px 0 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

    #MAIN .dealsArea .blockTypeA {
        float: right;
        width: 525px;
    }

    #MAIN .dealsArea .blockTypeA .commentSec {
        margin: 10px 18px 0 0;
        padding: 7px 0 0 0;
        background: url(img/deals/parts_speech-balloon_top.gif) left top no-repeat;
        background-size: contain;
    }

    #MAIN .dealsArea .blockTypeA .commentA {
        padding: 0 0 28px 0;
        background: url(img/deals/parts_speech-balloon_bottom.gif) left bottom no-repeat;
        background-size: contain;
    }

    #MAIN .dealsArea .blockTypeA .commentB {
        background: url(img/deals/parts_speech-balloon_body.gif) left top repeat-y;
        background-size: contain;
    }

    #MAIN .dealsArea .blockTypeA .commentSec p {
        margin: 0;
        padding: 5px 14px 0 29px;
        font-size: 116.7%;
    }


    #MAIN .dealsArea .blockTypeA table {
        width: 458px;
        margin: 19px 0 12px 0;
        padding: 0;
    }

    #MAIN .dealsArea .blockTypeA table th {
        width: 130px;
        color: #005bac;
        white-space: nowrap;
        padding-right: 10px;
    }

    #MAIN .dealsArea .blockTypeA table td a {
        color: #097cb7;
        word-wrap: break-word;
        word-break: break-all;
        text-decoration: underline;
    }
#MAIN .dealsArea .blockTypeA table td a:hover {
    opacity: .7;
}

    #MAIN .dealsArea .blockTypeA table td.privilege {
        padding: 10px;
        font-size: 115%;
        font-weight: bold;
        background-color: #005bac;
        border-radius: 5px;
        color: #fff;
    }

    #MAIN .dealsArea .blockTypeA p.close {
        display: none;
    }


    #MAIN .dealsArea,
    #MAIN .dealsArea .divA,
    #MAIN .dealsArea .divB {
        background-size: contain;
    }

    #MAIN .dealsArea .blockTypeA {
        width: 490px;
    }

    @media (max-width: 1024px) {
        #MAIN .dealsArea .blockTypeA {
            width: 490px;
        }
    }
    @media (max-width: 768px) {
        #MAIN .titleArea + .contents_deals{margin-top: 50px;}
        #MAIN .titleArea.titleArea_deals + .contents_deals{margin-top: 25px;}
        #MAIN .dealsArea,
        #MAIN .dealsArea .divA,
        #MAIN .dealsArea .divB {
            background-size: contain;
        }
        #MAIN .dealsArea h3 {
            margin-left: 0;
        }
    }
@media (max-width: 767px) {
    #MAIN .titleArea + .contents_deals{margin-top: 40px;}
    #MAIN .dealsArea .blockTypeA table th {padding-right: 0;}
    #MAIN .titleArea.titleArea_deals + .contents_deals{margin-top: 23x;}
    #MAIN .dealsArea p.photo {
    margin: 0 auto;
    }
}
    /*knowhow
---------------------------------------*/
    #MAIN .knowhowArea {
        margin-top: 50px;
    }

    #MAIN .knowhowArea ol li {
        float: left;
        width: 244px;
        margin-right: 14px;
    }

    #MAIN .knowhowArea ol li.turn {
        margin-right: 0;
    }


    /* blockTypeA */
    #MAIN .knowhowArea ol li .blockTypeA {
        padding-top: 20px;
        background: url(img/know_how/parts_know-how_bg-top.png) no-repeat left top;
    }

    #MAIN .knowhowArea ol li .blockTypeA .divA {
        padding-bottom: 20px;
        background: url(img/know_how/parts_know-how_bg-bottom.png) no-repeat left bottom;
    }

    #MAIN .knowhowArea ol li .blockTypeA .divA .divB {
        position: relative;
        padding: 0 12px 0 12px;
        background: url(img/know_how/parts_know-how_bg-body.gif) repeat-y left top;
        zoom: 1;
    }

    #MAIN .knowhowArea ol li .blockTypeA .titleBox {
        position: relative;
        margin: 0 -12px 0 -12px;
        background: url(img/know_how/parts_know-how_bg-top-body.gif) repeat-y left top;
        top: -5px;
        zoom: 1;
    }

    #MAIN .knowhowArea ol li .blockTypeA .titleBox h2 {
        position: relative;
        padding: 0 0 5px 47px;
        color: #373737;
        font-size: 133%;
        zoom: 1;
    }

    #SP #MAIN .knowhowArea ol li .blockTypeA .titleBox h2 {
        font-size: 16px;
    }

    #MAIN .knowhowArea ol li .blockTypeA .titleBox h2 .vol {
        position: absolute;
        color: #ffffff;
        font-size: 125%;
        line-height: 1.05;
        text-align: center;
        top: 5px;
        left: 7px;
    }

    #MAIN .knowhowArea ol li .blockTypeA .titleBox h2 .vol img {
        margin-bottom: 8px;
    }

    #MAIN .knowhowArea ol li .blockTypeA .movieBox {
        display: none;
    }

    #MAIN .knowhowArea ol li .blockTypeA p.thumbnail {
        margin-top: 12px;
        font-size: 0;
        line-height: 0;
    }

    #MAIN .knowhowArea ol li .blockTypeA dl {
        margin-top: 20px;
    }

    #MAIN .knowhowArea ol li .blockTypeA dl dt {
        display: inline;
        color: #f5a322;
        font-size: 115%;
        font-weight: bold;
    }

    #MAIN .knowhowArea ol li .blockTypeA dl dd {
        display: inline;
        font-size: 115%;
    }

    #MAIN .knowhowArea ol li .blockTypeA .link {
        position: absolute;
        right: 20px;
        bottom: 0px;
        zoom: 1;
    }

    /* movieBox
------------------------------------------ */
    .movieBox {
        padding: 5px !important;
        background-color: #000000 !important;
    }

    .movieBox h3 {
        padding: 20px 20px 0 20px;
        font-size: 18px;
        color: #ffffff;
    }

    .movieBox p {
        margin-top: 5px;
        padding: 0px 20px 20px 20px;
        font-size: 14px;
        color: #ffffff;
    }

    .movieBox p.annotation {
        font-size: 12px;
        margin: -10px 0 0 20px;
        padding-left: 1em;
        text-indent: -1em;
    }

    .movieBox p a {
        color: #ffffff;
    }

    /* chiebukuroArea
------------------------------------------ */
    #MAIN .chiebukuroArea {
        margin: 0 -3px 0 -3px;
    }

    /* listSec */
    #MAIN .chiebukuroArea ol .listSec {
        margin-top: 25px;
        padding-top: 22px;
        /*background:url(img/chiebukuro/parts_chiebukuro_bg-top.png) no-repeat left top;zoom:1;*/
        border: 3px solid #68c1dc;
        border-radius: 20px;
    }

    #MAIN .chiebukuroArea ol .listSec .divA {
        padding-bottom: 22px;
        /*background:url(img/chiebukuro/parts_chiebukuro_bg-bottom.png) no-repeat left bottom;zoom:1;*/
    }

    #MAIN .chiebukuroArea ol .listSec .divA .divB {
        padding: 0 25px 0 22px;
        /*background:url(img/chiebukuro/parts_chiebukuro_bg-body.gif) repeat-y left top;zoom:1;*/
    }

    #MAIN .chiebukuroArea ol .listSec .textBox {
        float: left;
        width: 416px;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox h2 {
        margin-left: -4px;
        margin-top: 0;
        font-size: 150%;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox h2 span.number {
        margin-right: 12px;
        font-size: 24px;
        color: #68c1dc;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox dl {
        margin-top: 15px;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox dl dt,
    #MAIN .chiebukuroArea ol .listSec .textBox dl dd {
        min-height: 25px;
        padding: 2px 0 0 40px;
        font-size: 133%;
        font-weight: bold;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox dl dt {
        background: url(img/chiebukuro/head_chiebukuro_q.gif) no-repeat 0px 0px;
    }

    #MAIN .chiebukuroArea ol .listSec .textBox dl dd {
        margin-top: 15px;
        background: url(img/chiebukuro/head_chiebukuro_a.gif) no-repeat 0px 0px;
    }

    #MAIN .chiebukuroArea ol .listSec .photoBox {
        float: right;
        width: 273px;
        min-height: 151px;
        background: url(img/chiebukuro/parts_chiebukuro_bg-coming-soon.gif) no-repeat 100% -20% #000000;
    }

    #MAIN .chiebukuroArea ol .listSec .photoBox p {
        margin-top: 25px;
        color: #ffffff;
        font-size: 133%;
        font-weight: bold;
        text-align: center;
    }

    #MAIN .chiebukuroArea ol .listSec .photoBox p.photo {
        margin-top: 0;
        font-size: 0;
    }


    /* alma_mater/messageListArea
------------------------------------------ */
    #MAIN .messageListArea {
        position: relative;
        padding-bottom: 23px;
        border: 3px solid #68c1dc;
        border-radius: 20px;
        margin: 55px auto 0;
        width: 800px;
        max-width: 100%;
    }

    #MAIN .messageListArea .divA {
        padding: 16px 0 0 20px;
        /*background:url(img/alma_mater/parts_message-list_bg-body.gif) repeat-y left top;
    zoom:1;*/
    }

    #MAIN .messageListArea h2 {
        max-width: 429px;
        width: 80%;
        margin-top: 0px;
        margin-bottom: 10px;
        /*position:absolute;*/
        /*top:-37px;*/
        top: -80px;
        left: 0;
        zoom: 1;
    }

    #MAIN .messageListArea h2 img {
        width: 100%;
    }

    #MAIN .messageListArea ul li {
        float: left;
        margin-right: 20px;
        font-size: 0;
        line-height: 0;
    }


    @media (max-width: 1024px) {
        #MAIN .messageListArea ul li {
            margin-right: 15px;
        }
    }
@media (max-width: 767px) {
    #MAIN .messageListArea {
        padding-bottom: 13px;
        margin: 30px auto 0;
    }
}

    /* messageArea
------------------------------------------ */
    .distSec {
        padding: 23px 70px 70px 70px !important;
        background-color: #000000 !important;
    }

    .distSec h3,
    .distSec h4,
    .distSec p,
    .distSec dt,
    .distSec dd {
        color: #ffffff;
    }

    .distSec .profileBox .text {
        float: right;
        width: 255px;
    }

    .distSec .profileBox .text h3 {
        font-size: 24px !important;
        line-height: 1.6em;
    }

    .distSec .profileBox .text .close {
        position: absolute;
        top: 11px;
        right: 9px;
        zoom: 1;
    }

    .distSec .profileBox .text .graduated {
        margin-top: 2px;
        font-size: 14px !important;
        font-weight: bold;
    }

    .distSec .profileBox .text dl {
        margin-top: 28px;
    }

    .distSec .profileBox .text dl dt {
        font-size: 16px !important;
        font-weight: bold;
    }

    .distSec .profileBox .text dl dd {
        margin-top: 8px;
    }

    .distSec .profileBox .text dl dd a {
        color: #73deff;
    }

    .distSec .profileBox .image {
        float: left;
        width: 465px;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }

    .distSec .messageBox h4 {
        margin-top: 25px;
        font-size: 16px !important;
        font-weight: bold;
    }

    .distSec .messageBox p {
        margin-top: 8px;
        font-size: 14px !important;
    }


    /* boardArea
------------------------------------------ */
    #MAIN .boardArea.alma_mater {
        margin-top: 43px;
        background: url("img/alma_mater/pic_alma-mater_world.png") no-repeat center;
        height: 745px;
    }

    #MAIN .boardArea.alma_mater ul.mapList {
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 752px;
        max-width: 100%;
    }

    #MAIN .boardArea.alma_mater ul.mapList li {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.board {
        left: 32px;
        top: -23px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.asukamirai {
        left: 240px;
        top: 253px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.asukamirai2 {
        left: 190px;
        top: 220px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.asukakizuna {
        left: 385px;
        top: 220px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.sapporo {
        left: 433px;
        top: 246px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.sapporo2 {
        left: 536px;
        top: 301px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.sendai {
        left: 377px;
        top: 319px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.chiba {
        left: 489px;
        top: 494px;
        z-index: 2;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.omiya {
        left: 347px;
        top: 384px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.tokyo {
        left: 458px;
        top: 535px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.yokohama {
        left: 385px;
        top: 549px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.nagoya {
        left: 239px;
        top: 554px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.osaka {
        left: 306px;
        top: 452px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.kobe {
        left: 161px;
        top: 384px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.hiroshima {
        left: 119px;
        top: 449px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.fukuoka {
        left: 49px;
        top: 532px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li.okinawa {
        left: 64px;
        top: 293px;
    }

    #MAIN .boardArea.alma_mater ul.mapList li .sp {
        display: none;
    }

    .boardMark,
    .linkMark,
    .board_link_list_right img {
        vertical-align: middle !important;
    }


    @media (max-width: 1200px) {
        #MAIN .boardArea.alma_mater {
            margin-left: 0;
        }
    }

    /* childArea
------------------------------------------ */
    #MAIN .childArea {
        margin-top: 35px;
        padding-bottom: 6px;
        background: url(img/child_rearing/parts_bg-bottom.png) left bottom no-repeat;
        background-size: contain;
    }

    #MAIN .childArea h2 {
        font-size: 0;
        line-height: 0;
    }

    #MAIN .childArea .blockTypeA {
        width: 800px;
        background: url(img/child_rearing/parts_bg-body.png) left top repeat-y;
        position: relative;
        background-size: contain;
    }

    #MAIN .childArea .blockTypeA p.grow {
        position: absolute;
        left: 24px;
        top: 24px;
    }

    #MAIN .childArea .blockTypeA p.consultation {
        position: absolute;
        left: 24px;
        top: 22px;
    }

    #MAIN .childArea .blockTypeA table {
        margin-left: 225px;
    }

    #MAIN .childArea .blockTypeA table tr.kodomomirai,
    #MAIN .childArea .blockTypeA table tr.momoiku {
        background: none;
    }

    #MAIN .childArea .blockTypeA table tr {
        height: 100px;
        background: url(img/child_rearing/parts_list_border.png) left bottom repeat-x;
    }

    #MAIN .childArea .blockTypeA table tr th {
        width: 171px;
        padding: 15px 0 10px 0;
        text-align: center;
        vertical-align: middle;
    }

    #MAIN .childArea .blockTypeA table tr td {
        width: 370px;
        padding: 15px 0 10px 26px;
    }

    #MAIN .childArea .blockTypeA table tr td img {
        margin-top: 7px;
    }

    #MAIN .childArea .blockTypeA table tr td span {
        font-weight: bold;
    }

    @media (max-width: 1024px) {
        #MAIN .childArea {
            background-size: auto;
        }

        #MAIN .childArea .blockTypeA {
            width: 760px;
            background-size: auto;
        }

        #MAIN .childArea .blockTypeA table tr td {
            width: 318px
        }
    }

    /* BOARD
------------------------------------------ */
    .ui-dialog .blockTypeA {
        width: 719px;
        background: #FFFFFF !important;
        margin: 0;
        padding: 13px 0 35px 0 !important;
        position: relative;
    }

    .blockTypeA h3 {
        margin-left: 15px;
        padding: 0 0 10px 43px;
        background: url(img/common/head_student_board.gif) no-repeat;
        font-size: 17px;
        color: #333333;
    }

    .blockTypeA h3 span {
        font-size: 129.4%;
    }

    .blockTypeA.board p.close {
        position: absolute;
        /*left:657px;*/
        right: 10px;
        top: 14px;
    }

    .blockTypeA.board p.close:nth-child(2) {
        display: none;
    }

    .blockTypeA ul.schoolList {
        margin-top: 34px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li {
        width: 657px;
        height: 58px;
        margin: 0px 0 12px 34px;
        padding: 0;
        background: url(img/child_rearing/list_bg-body.gif) no-repeat;
        cursor: pointer;
    }

    .blockTypeA ul.schoolList li p.boardPage {
        float: right;
        margin: 18px 12px 0 0;
        padding: 0;
        font-weight: bold;
    }

    body#SP .blockTypeA ul.schoolList li p.boardPage {
        width: 100px;
        font-size: 12px;
        white-space: nowrap;
    }

    .blockTypeA ul.schoolList li p.boardPage img.linkMark {
        margin-right: 1px;
    }

    .blockTypeA ul.schoolList li p.boardPage img.boardMark {
        margin: 0;
        margin-left: 3px;
        padding-left: 1px;
        vertical-align: sub;
    }

    .blockTypeA ul.schoolList li p.boardPage a {
        color: #54bada;
        text-decoration: none;
    }

    .blockTypeA ul.schoolList li dl {
        width: 490px;
        float: left;
        margin: 0;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt {
        width: 36px;
        float: left;
        font-size: 0;
        line-height: 0;
    }

    .blockTypeA ul.schoolList li dl dd {
        font-size: 150%;
        margin: 0;
        padding: 15px 0 0 67px;
        color: #3e3e3e;
        font-weight: bold;
    }

    .blockTypeA ul.schoolList li dl dt.medical {
        margin: 12px 0 0 15px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.resort {
        margin: 14px 0 0 16px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.beauty {
        margin: 21px 0 0 12px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.children {
        margin: 11px 0 0 13px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.bridal {
        margin: 14px 0 0 16px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.suites {
        margin: 12px 0 0 14px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.academy {
        margin: 8px 0 0 11px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.asukamirai {
        margin: 14px 0 0 10px;
        padding: 0;
    }

    .blockTypeA ul.schoolList li dl dt.welfare {
        margin: 14px 0 0 12px;
        padding: 0;
    }

    #ASUKAKIZUNA.blockTypeA h3 {
        font-size: 15px;
        padding: 5px 0 7px 30px;
    }

    #ASUKAKIZUNA.blockTypeA ul.schoolList {
        margin-top: 15px;
    }

    #ASUKAKIZUNA.blockTypeA ul.schoolList li {
        height: auto;
        min-height: 50px;
        margin-bottom: 5px;
    }

    #ASUKAKIZUNA.blockTypeA ul.schoolList li dl dd span {
        display: inline-block;
    }

    #ASUKAKIZUNA.blockTypeA ul::after {
        content: "";
        display: block;
        clear: both;
    }


    /* .onelineArea career-up
------------------------------------------ */
    #MAIN .onelineArea {
        margin-top: 20px;
    }

    #MAIN .onelineArea dl dt {
        padding: 15px 0 0 3.5em;
        text-indent: -3.5em;
        font-size: 130%;
        font-weight: bold;
    }

    #MAIN .onelineArea dl dd {
        font-size: 130%;
        text-align: right;
    }

    #MAIN .onelineArea dl dt span {
        color: #ff0000;
    }

    #MAIN .onelineArea .momoiku img {
        margin: 0 auto 5px auto;
        display: block;
    }

    #MAIN .onelineArea ul.advisor {
        margin: 20px 0 0 56px;
    }

    #MAIN .onelineArea ul.advisor li {
        float: left;
        margin-right: 22px;
        font-size: 135%;
        text-align: center;
    }

    #MAIN .onelineArea ul.advisor li.last {
        margin-right: 0;
    }

    #MAIN .onelineArea ul.advisor li.typeA .element {
        color: #4c7ec6;
    }

    #MAIN .onelineArea ul.advisor li.typeB .element {
        color: #c3c08f;
    }

    #MAIN .onelineArea ul.advisor li.typeC .element {
        color: #e17a8c;
        width: 200px;
    }

    #MAIN .onelineArea ul.advisor li.typeC p a {
        display: block;
        width: 220px;
        line-height: 1;
    }

    #MAIN .onelineArea ul.advisor li.last p.momoiku a span {
        font-size: 11.5px;
        font-weight: normal;
        color: #474747;
    }

    /* .career-upArea
------------------------------------------ */
    #MAIN .career-upArea {
        position: relative;
        margin-top: 21px;
        padding-left: 250px;
        zoom: 1;
    }

    #MAIN .career-upArea h3 {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #MAIN .career-upArea h4 {
        font-size: 130%;
        font-weight: bold;
    }

    #MAIN .career-upArea ul {
        margin-bottom: 10px;
    }

    #MAIN .career-upArea ul li {
        margin-top: 5px;
        font-size: 130%;
    }

    /* .supportArea
------------------------------------------ */
    #MAIN .supportArea {
        margin-top: 50px;
    }

    #MAIN .supportArea h2 {
        margin-top: 0;
    }

    #MAIN .supportArea dl {
        margin-top: 5px;
    }

    #MAIN .supportArea dl dt {
        font-size: 0;
        line-height: 0;
    }

    #MAIN .supportArea dl dd {
        margin-top: 10px;
        font-size: 130%;
        line-height: 1.6;
    }

    /* .boardArea
------------------------------------------ */
    #MAIN .boardArea.career_up {
        margin-top: 21px;
        background: url("img/career_up/pic_student_world.png") no-repeat;
        height: 511px;
    }

    #MAIN .boardArea.career_up ul.mapList {
        margin: 0;
        padding: 0;
        position: relative;
    }

    #MAIN .boardArea.career_up ul.mapList li {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    #MAIN .boardArea.career_up ul.mapList li.sapporo {
        left: 419px;
        top: 53px;
    }

    #MAIN .boardArea.career_up ul.mapList li.sendai {
        left: 363px;
        top: 126px;
    }

    #MAIN .boardArea.career_up ul.mapList li.chiba {
        left: 475px;
        top: 301px;
        z-index: 2;
    }

    #MAIN .boardArea.career_up ul.mapList li.omiya {
        left: 333px;
        top: 191px;
    }

    #MAIN .boardArea.career_up ul.mapList li.tokyo {
        left: 444px;
        top: 342px;
    }

    #MAIN .boardArea.career_up ul.mapList li.yokohama {
        left: 371px;
        top: 356px;
    }

    #MAIN .boardArea.career_up ul.mapList li.nagoya {
        left: 225px;
        top: 361px;
    }

    #MAIN .boardArea.career_up ul.mapList li.osaka {
        left: 292px;
        top: 259px;
    }

    #MAIN .boardArea.career_up ul.mapList li.kobe {
        left: 147px;
        top: 191px;
    }

    #MAIN .boardArea.career_up ul.mapList li.hiroshima {
        left: 105px;
        top: 256px;
    }

    #MAIN .boardArea.career_up ul.mapList li.fukuoka {
        left: 35px;
        top: 339px;
    }

    #MAIN .boardArea.career_up ul.mapList li.okinawa {
        left: 126px;
        top: 100px;
    }

    #MAIN p.support {
        margin: 26px 0 20px;
        font-size: 0;
        line-height: 0;
    }


    /* skillup
------------------------------------------ */



    #MAIN .skillArea {
        margin-top: 22px;
        padding: 0;
        background: url(img/skill_up/parts_skill-up_bg-body.png) left top repeat-y;
    }

    #MAIN .onelineArea {
        margin-top: 20px;
    }

    #MAIN .onelineArea table td {
        padding-top: 15px;
    }

    #MAIN .onelineArea p {
        font-weight: bold;
    }

    #MAIN .onelineArea p.link {
        text-align: right;
    }

    #MAIN .onelineArea p.link a {
        text-decoration: underline;
    }

    #MAIN .onelineArea p.link a:hover {
        text-decoration: none;
    }




    /* impression
------------------------------------------ */
    #MAIN ul.bannerList {
        margin-top: 21px;
        padding: 0;
    }

    #MAIN ul.bannerList li {
        width: 248px;
        float: left;
        font-size: 0;
        line-height: 0;
        margin-right: 5px;
        padding: 0;
    }

    #MAIN .titleArea.impression p {
        margin-top: 28px;
        font-size: 116.7%;
    }

    /* animationArea
------------------------------------------ */
    #MAIN .animationArea {
        margin-top: 28px;
        background: url("img/impression/pic_impression_world.png") no-repeat;
        height: 511px;
    }

    #MAIN .animationArea ul.mapList {
        margin: 0;
        padding: 0;
        position: relative;
    }

    #MAIN .animationArea ul.mapList li {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    #MAIN .animationArea ul.mapList li.event {
        left: 232px;
        top: -14px;
    }

    #MAIN .animationArea ul.mapList li.event #YTPlayer {
        position: absolute;
        left: 60px;
        top: 60px;
        width: 164px;
        height: 95px;
    }

    #MAIN .animationArea ul.mapList li.sapporo {
        left: 536px;
        top: 49px;
    }

    #MAIN .animationArea ul.mapList li span.num {
        position: absolute;
        color: #f64444;
        font-size: 166.7%;
        font-weight: bold;
    }

    #MAIN .animationArea ul.mapList li.sapporo span.sapporoNumber {
        left: 107px;
        top: 41px;
    }

    #MAIN .animationArea ul.mapList li.sendai {
        left: 521px;
        top: 182px;
    }

    #MAIN .animationArea ul.mapList li.sendai span.sendaiNumber {
        left: 147px;
        top: 42px;
    }

    #MAIN .animationArea ul.mapList li.chiba {
        left: 484px;
        top: 281px;
    }

    #MAIN .animationArea ul.mapList li.chiba span.chibaNumber {
        left: 135px;
        top: 41px;
    }

    #MAIN .animationArea ul.mapList li.omiya {
        left: 363px;
        top: 175px;
    }

    #MAIN .animationArea ul.mapList li.omiya span.omiyaNumber {
        left: 102px;
        top: 41px;
    }

    #MAIN .animationArea ul.mapList li.tokyo {
        left: 455px;
        top: 351px;
    }

    #MAIN .animationArea ul.mapList li.tokyo span.tokyoNumber {
        left: 155px;
        top: 57px;
    }

    #MAIN .animationArea ul.mapList li.yokohama {
        left: 360px;
        top: 368px;
    }

    #MAIN .animationArea ul.mapList li.yokohama span.yokohamaNumber {
        left: 98px;
        top: 84px;
    }

    #MAIN .animationArea ul.mapList li.nagoya {
        left: 186px;
        top: 359px;
    }

    #MAIN .animationArea ul.mapList li.nagoya span.nagoyaNumber {
        left: 102px;
        top: 88px;
    }

    #MAIN .animationArea ul.mapList li.osaka {
        left: 294px;
        top: 248px;
    }

    #MAIN .animationArea ul.mapList li.osaka span.osakaNumber {
        left: 103px;
        top: 42px;
    }

    #MAIN .animationArea ul.mapList li.hiroshima {
        left: 76px;
        top: 251px;
    }

    #MAIN .animationArea ul.mapList li.hiroshima span.hiroshimaNumber {
        left: 103px;
        top: 42px;
    }

    #MAIN .animationArea ul.mapList li.fukuoka {
        left: 22px;
        top: 346px;
    }

    #MAIN .animationArea ul.mapList li.fukuoka span.fukuokaNumber {
        left: 100px;
        top: 42px;
    }

    #MAIN .animationArea ul.mapList li.kobe {
        left: 180px;
        top: 176px;
    }

    #MAIN .animationArea ul.mapList li.kobe span.kobeNumber {
        left: 108px;
        top: 42px;
    }

    #MAIN .animationArea ul.mapList li.okinawa {
        left: 22px;
        top: 123px;
    }

    #MAIN .animationArea ul.mapList li.okinawa span.okinawaNumber {
        left: 100px;
        top: 65px;
    }

    #MAIN .animationArea ul.mapList li .sp {
        display: none;
    }

    /* impressionArea
------------------------------------------ */
    #MAIN .impressionArea {
        margin-top: 39px;
        padding: 28px 0 58px 20px;
        background: #FFFFFF;
    }

    #MAIN .impressionArea h2 {
        margin: 0;
        padding: 0;
    }

    #MAIN .impressionArea h2 img {
        margin-bottom: -4px;
        padding: 0px;
    }

    #MAIN .impressionArea h2 span {
        margin-bottom: 0;
        padding: 0;
        font-size: 116.7%;
        font-weight: normal;
    }

    #MAIN .impressionArea ul {
        margin-top: 32px;
        padding: 0;
    }

    #MAIN .impressionArea ul li.regionSec {
        float: left;
        width: 349px;
        margin-right: 21px;
        padding: 0;
    }

    #MAIN .impressionArea ul li.right {
        margin: 0;
        padding: 0;
    }

    #MAIN .impressionArea ul li.regionSec p.pageTop {
        margin-top: 25px;
        text-align: right;
    }

    #MAIN .impressionArea ul li.regionSec p.pageTop a {
        text-decoration: none;
    }

    #MAIN .impressionArea ul li.regionSec ul {
        margin: 23px 0 0 10px;
        padding: 0;
    }

    #MAIN .impressionArea ul li.regionSec ul li {
        background: url(img/impression/icon_link.gif) no-repeat 0 5px;
        margin-top: 10px;
        padding-left: 20px;
        font-size: 116.7%;
    }

    #MAIN .impressionArea ul li.regionSec ul li a {
        text-decoration: none;
    }

    #MAIN .impressionArea ul li .titleBox {
        margin: 0;
        padding: 0;
        background: url(img/impression/parts_head_bg-body.gif) left top repeat-y;
    }

    #MAIN .impressionArea ul li .titleBox .divA {
        margin: 0;
        padding: 0;
        background: url(img/impression/parts_head_bg-top.gif) left top no-repeat;
    }

    #MAIN .impressionArea ul li .titleBox .divB {
        margin: 0;
        padding: 0;
        background: url(img/impression/parts_head_bg-bottom.gif) left bottom no-repeat;
    }

    #MAIN .impressionArea ul li .titleBox .divC {
        margin: 0;
        padding: 9px 10px 6px 50px;
        background: url(img/impression/icon_animation.gif) 7px 42% no-repeat;
    }

    #MAIN .impressionArea ul li .titleBox h3 {
        font-size: 150%;
        color: #424242;
    }

    #MAIN .impressionArea ul li .titleBox h3 span.parentheses {
        font-size: 85%;
    }

    #MAIN .impressionArea ul li .titleBox h3 span.number {
        color: #f64444;
    }


    /* jobArea
------------------------------------------ */
    #MAIN .jobArea {
        position: relative;
        width: 760px;
        height: 604px;
        margin-top: 30px;
        background: url(img/job/parts_job_select_bg-body.png) no-repeat left top;
        zoom: 1;
    }

    #MAIN .jobArea h2 {
        position: absolute;
        font-size: 0;
        line-height: 0;
        top: 101px;
        left: 165px;
        zoom: 1;
    }

    #MAIN .jobArea ul li {
        position: absolute;
        font-size: 0;
        line-height: 0;
        top: 0px;
        left: 0px;
        zoom: 1;
    }

    #MAIN .jobArea ul li.eiyou {
        top: 6px;
        left: 320px;
    }

    #MAIN .jobArea ul li.chori {
        top: 22px;
        left: 433px;
    }

    #MAIN .jobArea ul li.iryou {
        top: 77px;
        left: 536px;
    }

    #MAIN .jobArea ul li.fukushi {
        top: 162px;
        left: 604px;
    }

    #MAIN .jobArea ul li.sports {
        top: 267px;
        left: 620px;
    }

    #MAIN .jobArea ul li.instructor {
        top: 365px;
        left: 579px;
    }

    #MAIN .jobArea ul li.biyou {
        top: 437px;
        left: 497px;
    }

    #MAIN .jobArea ul li.esthetic {
        top: 472px;
        left: 395px;
    }

    #MAIN .jobArea ul li.make {
        top: 475px;
        left: 282px;
    }

    #MAIN .jobArea ul li.nail {
        top: 446px;
        left: 180px;
    }

    #MAIN .jobArea ul li.model {
        top: 385px;
        left: 96px;
    }

    #MAIN .jobArea ul li.bridal {
        top: 289px;
        left: 36px;
    }

    #MAIN .jobArea ul li.hoiku {
        top: 178px;
        left: 52px;
    }

    #MAIN .jobArea ul li.patissier {
        top: 88px;
        left: 116px;
    }

    #MAIN .jobArea ul li.cafe {
        top: 30px;
        left: 209px;
    }

    /* jobArea
------------------------------------------ */
    .jobSec {
        padding: 28px 25px 70px 25px !important;
        background-color: #ffffff !important;
    }

    .jobSec h3 {
        color: #000000;
        font-size: 16px;
        font-weight: bold;
    }

    .jobSec ol {
        overflow: hidden;
        position: relative;
        width: 380px;
        height: 380px;
        margin: 30px auto 0 auto;
    }

    .jobSec ol li {
        display: none;
        float: left;
        width: 380px;
        height: 380px;
        font-size: 0;
        line-height: 0;
    }

    .jobSec ul {
        position: absolute;
        bottom: 0px;
        left: 0px;
        zoom: 1;
    }

    .jobSec ul li {
        position: absolute;
        font-size: 0;
        line-height: 0;
        zoom: 1;
    }

    .jobSec ul li.prev {
        bottom: 247px;
        left: 7px;
    }

    .jobSec ul li.next {
        bottom: 247px;
        left: 431px;
    }

    /* category Color
------------------------------------------ */
    #J_IRYOU, #J_FUKUSHI {
        background-color: #5bab34 !important;
    }

    #J_SPORTS, #J_INSTRUCTOR {
        background-color: #0099e8 !important;
    }

    #J_BIYOU, #J_ESTHETIC, #J_MAKE, #J_NAIL, #J_MODEL {
        background-color: #e6248d !important;
    }

    #J_BRIDAL {
        background-color: #e52d2d !important;
    }

    #J_HOIKU {
        background-color: #efa300 !important;
    }

    #J_PATISSIER, #J_CAFE, #J_EIYOU, #J_CHORI {
        background-color: #ff568e !important;
    }


    /* schoolArea
------------------------------------------ */
    #MAIN .schoolArea {
        margin-top: 21px;
        background: url("img/admission/pic_admission_world3.png") no-repeat;
        height: 511px;
    }

    #MAIN .schoolArea ul.mapList {
        margin: 0;
        padding: 0;
        position: relative;
    }

    #MAIN .schoolArea ul.mapList li {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    #MAIN .schoolArea ul.mapList li.asukamirai {
        left: 55px;
        top: 82px;
    }

    #MAIN .schoolArea ul.mapList li.sapporo {
        left: 419px;
        top: 53px;
    }

    #MAIN .schoolArea ul.mapList li.sendai {
        left: 363px;
        top: 126px;
    }

    #MAIN .schoolArea ul.mapList li.chiba {
        left: 475px;
        top: 301px;
        z-index: 2;
    }

    #MAIN .schoolArea ul.mapList li.omiya {
        left: 337px;
        top: 198px;
    }

    #MAIN .schoolArea ul.mapList li.tokyo {
        left: 444px;
        top: 342px;
    }

    #MAIN .schoolArea ul.mapList li.yokohama {
        left: 371px;
        top: 356px;
    }

    #MAIN .schoolArea ul.mapList li.nagoya {
        left: 225px;
        top: 361px;
    }

    #MAIN .schoolArea ul.mapList li.osaka {
        left: 193px;
        top: 182px;
    }

    #MAIN .schoolArea ul.mapList li.osaka2 {
        left: 292px;
        top: 259px;
    }

    #MAIN .schoolArea ul.mapList li.koube {
        left: 147px;
        top: 191px;
    }

    #MAIN .schoolArea ul.mapList li.hiroshima {
        left: 148px;
        top: 250px;
    }

    #MAIN .schoolArea ul.mapList li.hiroshima2 {
        left: 105px;
        top: 256px;
    }

    #MAIN .schoolArea ul.mapList li.fukuoka {
        left: 35px;
        top: 339px;
    }

    #MAIN .schoolArea ul.mapList li.okinawa {
        left: 141px;
        top: 100px;
    }

    #MAIN p.support {
        margin: 8px 0 20px;
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

    #MAIN .schoolArea ul.mapList li .sp {
        display: none;
    }

    /* everyoneArea
------------------------------------------ */
    #MAIN .everyoneArea {
        margin-top: 50px;
        background: url("img/everyone/pic_everyone_world.png") no-repeat center;
        height: 511px;
    }

    #MAIN .everyoneArea ul.mapList {
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 761px;
        max-width: 100%;
    }

    #MAIN .everyoneArea ul.mapList li {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    #MAIN .everyoneArea ul.mapList li.education {
        left: 553px;
        top: 37px;
    }

    #MAIN .everyoneArea ul.mapList li.marea {
        left: 486px;
        top: 110px;
    }

    #MAIN .everyoneArea ul.mapList li.cosmetics {
        left: 621px;
        top: 345px;
    }

    #MAIN .everyoneArea ul.mapList li.welfare {
        left: 654px;
        top: 225px;
    }

    #MAIN .everyoneArea ul.mapList li.lecture {
        left: 547px;
        top: 270px;
    }

    #MAIN .everyoneArea ul.mapList li.motivation {
        left: 438px;
        top: 293px;
    }

    #MAIN .everyoneArea ul.mapList li.tokyomirai-communication {
        left: 392px;
        top: 373px;
    }

    #MAIN .everyoneArea ul.mapList li.tokyomirai {
        left: 339px;
        top: 308px;
    }

    #MAIN .everyoneArea ul.mapList li.odawara {
        left: 290px;
        top: 379px;
    }

    #MAIN .everyoneArea ul.mapList li.vocational-school {
        left: 245px;
        top: 312px;
    }

    #MAIN .everyoneArea ul.mapList li.asukamirai {
        left: 124px;
        top: 372px;
    }
    #MAIN .everyoneArea ul.mapList li.tokubetsu {
        left: 207px;
        top: 386px;
    }

    #MAIN .everyoneArea ul.mapList li.kodomomirai {
        left: 44px;
        top: 283px;
    }

    #MAIN .everyoneArea ul.mapList li.pocketland {
        left: 56px;
        top: 89px;
    }

    #MAIN .everyoneArea ul.mapList li .sp {
        display: none;
    }


    /* twitterArea
------------------------------------------ */
    #MAIN .twitterArea {
        width: 660px;
        margin: 0 auto 0 auto;
    }

    #MAIN .twitterArea ul li {
        float: left;
        width: 320px;
        margin: 30px 20px 0 0;
        background: url(img/twitter/parts_twitter_bg-body.gif) repeat-y left top;
        zoom: 1;
    }

    #MAIN .twitterArea ul li.turn {
        margin-right: 0;
    }

    #MAIN .twitterArea ul li .divA {
        background: url(img/twitter/parts_twitter_bg-top.gif) no-repeat left top;
        zoom: 1;
    }

    #MAIN .twitterArea ul li .divA .divB {
        padding: 16px 16px 16px 16px;
        background: url(img/twitter/parts_twitter_bg-bottom.gif) no-repeat left bottom;
        zoom: 1;
    }

    #MAIN .twitterArea ul li h2 {
        font-size: 167%;
        font-weight: bold;
        text-align: center;
        margin-top: 0;
        color: #000;
    }

    #MAIN .twitterArea ul li .link {
        margin-top: 10px;
        font-size: 0;
        line-height: 0;
    }


    /* regulationsArea
------------------------------------------ */


    #MAIN .regulationsArea {
        margin-top: 40px;
    }

    #MAIN .regulationsArea .divA {
        padding-bottom: 6px;
    }

    #MAIN .regulationsArea .divA .divB {
        padding: 0 20px 0 20px;
        background-color: #ffffff;
    }

    #MAIN .regulationsArea h3 {
        margin-top: 25px;
        color: #005bac;
        margin-bottom: 5px;
    }

    #MAIN .regulationsArea h3.first {
        margin-top: 30px;
    }


    #MAIN .regulationsArea p {
        line-height: 2em;
        font-size: 15px;
    }

    #MAIN .regulationsArea table.duties {
        margin-left: 2em;
    }

    #MAIN .regulationsArea table tr th {
        padding-right: 10px;
        font-weight: normal;
    }

    #MAIN .regulationsArea table tr td {
        padding-right: 20px;
    }

    #MAIN .regulationsArea ol li {
        margin-top: 10px;
        font-size: 15px;
    }

    #MAIN .regulationsArea ol li p {
    }

    #MAIN .regulationsArea table.school {
        width: 75%;
    }
    #MAIN .regulationsArea ol li table tr th,
    #MAIN .regulationsArea ol li table tr td {
        font-size: 14px;
    }
    #MAIN .regulationsArea ol li table.school tr th {
        width: 49%;
        padding-right: 0;
    }

    #MAIN .regulationsArea ol li table.school tr td {
        width: 49%;
        padding-right: 0;
    }

    #MAIN .regulationsArea h3.provision {
        margin-top: 50px;
    }
    #MAIN .regulationsArea .provision {
        font-weight: bold;
        font-size: 17px;
        margin-top: 30px;
    }
@media (max-width:768px) {
    #MAIN .regulationsArea {
        margin-top: 35px;
    }
    #MAIN .regulationsArea h3.first {
        margin-top: 23px;
    }
    #MAIN .regulationsArea table.school {
        width: 100%;
    }
}
@media (max-width:767px) {
    #MAIN .regulationsArea {
        margin-top: 30px;
    }
    #MAIN .regulationsArea h3.first {
        margin-top: 20px;
    }
    #MAIN .regulationsArea .divA .divB {
        padding: 0;
    }
    #MAIN .regulationsArea p {
        line-height: 1.8em;
        font-size: 14px;
    }

    #MAIN .regulationsArea ol li {
        font-size: 14px;
    }
    #MAIN .regulationsArea table.duties {
        margin-left: 1em;
    }
    #MAIN .regulationsArea table.duties tr{
        display: block;
    }
    #MAIN .regulationsArea table.duties tr th,
    #MAIN .regulationsArea table.duties tr td {
        display: block;
        font-size: 12.5px;
    }
    #MAIN .regulationsArea table.duties tr:first-child {
        padding-top: 3px;
    }

    #MAIN .regulationsArea table.duties tr + tr {
        margin-top: 5px;
    }
    #MAIN .regulationsArea .regulations_plan tr td {
        width: 100%;
        display: block;
        padding-right: 0;
    }
}
@media (max-width:320px) {
    #MAIN .regulationsArea p {
        font-size: 13.5px;
    }

    #MAIN .regulationsArea ol li {
        font-size: 13.5px;
    }
}

    /* episode
------------------------------------------ */
    #MAIN .episode h2 {
        margin-top: 0;
    }

    /* themeArea
------------------------------------------ */
    #MAIN .themeArea {
        margin-top: 30px;
        /*background:url(img/episode/parts_theme_bg-body.gif) repeat-y left top;*/
        border: 3px solid #64c1de;
        border-radius: 8px;
    }

    #MAIN .themeArea .divA {
        /*background:url(img/episode/parts_theme_bg-top.gif) no-repeat left top;*/
    }

    #MAIN .themeArea .divA .divB {
        padding: 0 15px 15px 15px;
        /*background:url(img/episode/parts_theme_bg-bottom.gif) no-repeat left bottom;*/
    }

    #MAIN .themeArea h2 {
        padding: 8px 15px;
        color: #ffffff;
        font-size: 135%;
        background: #64c1de;
    }

    #MAIN .themeArea select {
        width: 100%;
        margin-top: 15px;
        font-size: 115%;
    }

    /* episodeArea
------------------------------------------ */
    #MAIN .episodeArea {
        margin-top: 30px;
    }


    /* statusSec */
    #MAIN .episodeArea .statusSec dl dt,
    #MAIN .episodeArea .statusSec dl dd {
        float: left;
    }

    #MAIN .episodeArea .statusSec dl dt {
        margin-right: 20px;
        font-size: 135%;
    }

    #MAIN .episodeArea .statusSec dl dd select {
        font-size: 115%;
    }


    /* listSec */
    #MAIN .episodeArea .listSec {
        padding-bottom: 20px;
        border-bottom: 2px solid #dddddd;
    }

    #MAIN .episodeArea .listSec .blockTypeA {
        margin-top: 20px;
        padding: 20px 20px 0 20px;
        border-top: 2px solid #dddddd;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.text {
        float: left;
        width: 450px;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.text .text {
        min-height: 152px;
        font-size: 115%;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.text .author {
        margin-top: 5px;
        padding: 5px;
        font-size: 115%;
        background-color: #f0f0f0;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.text .sns {
        margin-top: 15px;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.text .sns li {
        float: left;
        margin-right: 10px;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.photo {
        float: right;
        width: 251px;
    }

    #MAIN .episodeArea .listSec .blockTypeA div.photo p {
        font-size: 0;
        line-height: 0;
    }

    /* inputArea
------------------------------------------ */
    #MAIN .inputArea {
        margin-top: 25px;
        padding: 40px 25px 40px 25px;
        background-color: #f5f5f5;
    }

    #MAIN .inputArea label {
        cursor: pointer;
    }

    #MAIN .inputArea table {
        width: 100%;
    }

    #MAIN .inputArea table th,
    #MAIN .inputArea table td {
        padding-bottom: 20px;
    }

    #MAIN .inputArea table th {
        width: 255px;
        padding-right: 15px;
        font-size: 135%;
        font-weight: normal;
        text-align: right;
    }

    #MAIN .inputArea table th span {
        font-size: 85%;
    }

    #MAIN .inputArea table .typeSchool select {
        width: 100%;
        font-size: 115%;
    }

    #MAIN .inputArea table .typeClass select {
        font-size: 115%;
    }

    #MAIN .inputArea table .typeName input {
        width: 360px;
        font-size: 115%;
    }

    #MAIN .inputArea table .typeSex table {
        width: auto;
    }

    #MAIN .inputArea table .typeSex table td {
        padding: 0 30px 0 0;
        font-size: 115%;
        vertical-align: middle;
    }

    #MAIN .inputArea table .typeSex table td input {
        padding-right: 5px;
    }

    #MAIN .inputArea table .typeMail input {
        width: 360px;
        font-size: 115%;
    }

    #MAIN .inputArea table .typeEpisode td textarea {
        width: 100%;
        font-size: 115%;
    }

    #MAIN .inputArea table .typeFile th .optional {
        color: #ff0000;
    }

    #MAIN .inputArea .submit {
        margin-top: 30px;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }

    /* thanksArea
------------------------------------------ */
    #MAIN .thanksArea {
        margin-top: 100px;
    }

    #MAIN .thanksArea p {
        font-size: 115%;
        text-align: center;
    }

    #MAIN .thanksArea p.text {
        padding: 20px;
        border: 1px solid #000000;
        background-color: #ffffff;
    }

    #MAIN .thanksArea p.author {
        margin-top: 100px;
    }

    /* formArea
------------------------------------------ */
    #MAIN .titleArea.kikaku h1 {
        max-width: 286px;
    }

    #MAIN .formArea.kikaku {
        margin-top: 45px;
    }

    /* personalSec */
    #MAIN .formArea.kikaku .personalSec {
        background: url(img/application/parts_personal_bg-body.png) no-repeat left top;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA {
        padding: 10px 7px 15px 10px;
        background: url(img/application/parts_personal_bg-body.png) no-repeat left bottom;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA h2 {
        margin: 0 0 5px -5px;
        font-size: 150%;
        color: #000;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA h2 .required {
        margin-left: 5px;
        color: #ff0000;
        font-size: 80%;
        font-weight: bold;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA h2 .any {
        margin-left: 5px;
        color: #119bcd;
        font-size: 80%;
        font-weight: bold;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA h2 .notMobile {
        color: #ff0000;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA h2 .type {
        color: #888888;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA label {
        cursor: pointer;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA ul li,
    #MAIN .formArea.kikaku .personalSec .blockTypeA table th,
    #MAIN .formArea.kikaku .personalSec .blockTypeA table td,
    #MAIN .formArea.kikaku .personalSec .blockTypeA .planArea span label span,
    #MAIN .formArea.kikaku .personalSec .blockTypeA div.txt {
        font-size: 135%;
        font-weight: normal;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA table {
        margin-left: -7px;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA table th,
    #MAIN .formArea.kikaku .personalSec .blockTypeA table td {
        padding: 0 7px 0 7px;
        vertical-align: middle;
    }

    #MAIN .formArea.kikaku .personalSec .typePlan ul li {
        margin-top: 3px;
    }

    #MAIN .formArea.kikaku .personalSec .typePlan ul li span {
        color: #6e6e6e;
    }

    #MAIN .formArea.kikaku .personalSec .typePlan input {
        margin-right: 5px;
    }

    #MAIN .formArea.kikaku .personalSec .typeFile {
        display: none;
    }

    #MAIN .formArea.kikaku .personalSec .typeFile input {
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeFile p.annotation {
        margin-top: 10px;
        color: #ff0000;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeName table td input {
        width: 140px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeSex table td input {
        margin-right: 5px;
    }

    #MAIN .formArea.kikaku .personalSec .typeBirth table td {
        padding-right: 15px;
    }

    #MAIN .formArea.kikaku .personalSec .typeBirth table td select {
        margin-right: 5px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeSchool select {
        max-width: 385px;
        width: 95%;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeCourse input {
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeCourse input,
    #MAIN .formArea.kikaku .personalSec .typeAddress input {
        max-width: 333px;
        width: 95%;
    }

    #MAIN .formArea.kikaku .personalSec .typeGraduation table td {
        padding-right: 15px;
    }

    #MAIN .formArea.kikaku .personalSec .typeGraduation table td select {
        margin-right: 5px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeZipcode table td input {
        width: 75px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeState select {
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeAddress input {
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .personalSec .typeAddress table td input {
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel table td input {
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel table td input#telA {
        width: 45px;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel table td input#telB {
        width: 65px;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel table td input#telC {
        width: 65px;
    }

    #MAIN .formArea.kikaku .personalSec .typeMail table td input {
        width: 270px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeMailConfirm table td input {
        width: 270px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeMessage textarea {
        box-sizing: border-box;
        width: 100%;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 135%;
    }

    #MAIN .typeConfirm .personalSec table {
        width: 100%;
    }

    #MAIN .typeConfirm .personalSec table th {
        width: 229px;
    }

    #MAIN .typeConfirm .personalSec table tr.typePlan th {
        vertical-align: middle;
    }

    #MAIN .typeConfirm .personalSec table th,
    #MAIN .typeConfirm .personalSec table td {
        padding: 10px 12px 10px 12px;
        background: url(img/application/parts_personal_bg-body.png) no-repeat left top;
        font-size: 115%;
    }

    #MAIN .formArea.kikaku .personalSec .checkBox {
        width: 499px;
        margin: 30px auto 0 auto;
        padding-top: 5px;
        background: url(img/application/parts_check_bg-top.png) no-repeat left top;
        zoom: 1;
    }

    #MAIN .formArea.kikaku .personalSec .checkBox .divA {
        padding-bottom: 6px;
        background: url(img/application/parts_check_bg-bottom.png) no-repeat left bottom;
        zoom: 1;
    }

    #MAIN .formArea.kikaku .personalSec .checkBox .divA .divB {
        padding: 1px 13px 8px 13px;
        background: url(img/application/parts_check_bg-body.gif) repeat-y left top;
        zoom: 1;
    }

    #MAIN .formArea.kikaku .personalSec .checkBox ul li {
        margin-top: 10px;
        padding-left: 24px;
        background: url(img/application/icon_check.gif) no-repeat left top;
        font-size: 115%;
        zoom: 1;
    }


    /* agreeSec */
    #MAIN .formArea.kikaku .agreeSec {
        margin-top: 30px;
        padding: 0 5px 5px 15px;
        border: 1px solid #dbdbdb;
        background-color: #ffffff;
        zoom: 1;
    }

    #MAIN .formArea.kikaku .agreeSec h2 {
        margin: -1px -6px 0 -16px;
        padding-bottom: 7px;
        font-size: 0;
        line-height: 0;
    }

    #MAIN .formArea.kikaku .agreeSec .contentBox {
        overflow-y: scroll;
        height: 180px;
        padding: 0 10px 0 0;
    }

    #MAIN .formArea.kikaku .agreeSec .contentBox h3,
    #MAIN .formArea.kikaku .agreeSec .contentBox p {
        color: #484848;
        font-size: 135%;
        font-weight: normal;
    }

    #MAIN .formArea.kikaku .agreeSec .contentBox h3 {
        margin: 10px 0 -15px 0;
    }

    #MAIN .formArea.kikaku .agreeSec .contentBox p {
        margin-top: 15px;
        line-height: 2;
    }


    /* confirmSec */
    #MAIN .formArea.kikaku .confirmSec {
        margin-top: 25px;
    }

    #MAIN .formArea.kikaku .confirmSec ul {
        text-align: center;
    }

    #MAIN .formArea.kikaku .confirmSec ul li {
        display: inline;
        font-size: 135%;
    }

    #MAIN .formArea.kikaku .confirmSec ul li.yes {
        margin-right: 10px;
    }

    #MAIN .formArea.kikaku .confirmSec ul li label {
        cursor: pointer;
    }

    #MAIN .formArea.kikaku .confirmSec ul li input {
        margin-right: 5px;
    }

    #MAIN .formArea.kikaku .confirmSec .confirm {
        margin-top: 25px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    #MAIN .formArea.kikaku .confirmSec .controll li.submit input {
        margin: 0;
    }

    #MAIN .formArea .confirmSec .ssl {
        margin-top: 25px;
        line-height: 1.9;
        color: #484848;
        text-align: center;
    }

    #MAIN .formArea .confirmSec .ssl a {
        display: inline-block;
        margin-top: 10px;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA .planArea {
        position: relative;
    }

    #MAIN .formArea.kikaku .personalSec .blockTypeA .planArea ul {
        position: absolute;
        top: 0;
        left: 35%;
    }

    #MAIN .formArea.kikaku .personalSec .typeName input {
        width: 140px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeBirth select {
        margin-right: 5px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeGraduation select {
        margin-right: 5px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeZipcode input {
        width: 75px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel input {
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeTel input[name="tel[data][0]"] {
        width: 45px;
    }

    #MAIN .formArea.kikaku .personalSec .typeMail input {
        width: 270px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .personalSec .typeMailConfirm input {
        width: 270px;
        min-height: 24px;
        padding: 2px 5px 2px 5px;
        border: 1px solid #cbcbcb;
        border-radius: 5px;
        font-size: 100%;
    }

    #MAIN .formArea.kikaku .confirmSec .confirm input {
        width: 229px;
        height: 52px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: url(img/address/bg_confirm.png) no-repeat;
        border: none;
        box-shadow: none;
        cursor: pointer;
    }

    #MAIN .mw_wp_form_confirm .formArea.kikaku .personalSec .blockTypeA .planArea ul {
        display: none;
    }

    /* privacyPolicyArea
------------------------------------------ */
    #MAIN .privacyPolicyArea .divA .divB {
        padding: 0 20px 0 20px;
        background-color: #ffffff;
    }

    #MAIN .privacyPolicyArea h2 {
        color: #000;
    }

    #MAIN .privacyPolicyArea p {
        line-height: 1.8;
    }

    #MAIN .privacyPolicyArea ol li {
        margin-top: 35px;
    }

    #MAIN .privacyPolicyArea ol li h3 {
        font-weight: bold;
        padding-bottom: .4em;
    }

    #MAIN .privacyPolicyArea p.end {
        margin-top: 30px;
        text-align: right;
    }

    #MAIN .privacyPolicyArea p.annotation {
        color: #595959;
    }

    #MAIN .privacyPolicyArea h2 {
        margin-top: 40px;
    }
    @media (max-width:768px) {
        #MAIN .privacyPolicyArea h2 {
            margin-top: 35px;
        }
    }
    @media (max-width:767px) {
    #MAIN .privacyPolicyArea h2 {
        margin-top: 30px;
    }
        #MAIN .privacyPolicyArea ol li h3 {
            text-indent: -1.3em;
            margin-left: 1.3em;
        }
        #MAIN .privacyPolicyArea ol li h3 .ib {
            text-indent: 0;
        }
    #MAIN .privacyPolicyArea .divA .divB {
        padding: 0;
    }
}



    /* boxslider
------------------------------------------ */
    #mainImage {
        position: relative;
        width: 100%;
        top: 0;
        margin: 15px auto;
        z-index: 1;
    }

    #topImage {
        position: relative;
        top: 0;
        z-index: 0;
    }

    #topImage .sp {
        display: none;
    }

    #topImage .bx-wrapper {
        width: 100%;
    }

    #topImage .bx-wrapper img {
        width: 100%;
    }

    #topImage .bx-controls {
        width: 106px;
        margin: 0 auto;
        position: relative;
        top: -50px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }

    #topImage .bx-pager-item {
        float: left;
        width: 14px;
        height: 14px;
        margin: 0 9px;
    }

    #topImage .bx-pager-item a {
        font-size: 1px;
        border-radius: 50%;
        background: #000;
        color: #000;
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
    }

    #topImage .bx-pager-item a.active {
        color: #ccc;
        background: #ccc;
    }

    /*スライダー無し*/
    #topImage.kari {
        width: 100%;
    }

    #topImage.kari img {
        width: 100%;
    }


    /*************************************
レスポンシブ対応
*************************************/
    @media screen and (max-width: 769px) {
        body {
            font-size: 14px;
            background: none;
        }

        #topImage .pc {
            display: none;
        }

        #topImage .sp {
            display: block;
        }

        #topImage .bx-controls {
            display: none;
        }

        .ui-dialog {
            top: 50px !important;
            width: 96% !important;
            height: auto !important;
            margin: auto;
            left: -10px;
            right: 0;
        }

        .ui-dialog img {
            width: auto;
        }

        .ui-dialog .slide1 img,
        .ui-dialog .slide2 img,
        .ui-dialog .slide3 img,
        .ui-dialog .slide4 img {
            width: 100%;
        }

        .ui-widget-overlay {
            /*height:100% !important;*/
        }

        .ui-dialog .ui-dialog-content {
            width: 98%;
            margin: auto;
            height: auto !important;
        }

        .ui-dialog .blockTypeA {
            height: auto !important;
        }

        .ui-dialog .blockTypeA ul.schoolList li {
            width: 96%;
            padding: 0 0 10px;
            margin: 0px auto 12px;
        }

        .ui-dialog .blockTypeA ul.schoolList li dl {
            max-width: 490px;
            width: 96%;
        }

        .ui-dialog .blockTypeA ul.schoolList li dl dd {
            max-width: 490px;
            width: 100%;
            font-size: 16px;
        }

        .ui-dialog .blockTypeA ul.schoolList li p.boardPage {
            display: none;
        }

        .page-template-page-job .ui-dialog {
            max-width: 496px;
            width: 100%;
        }

        .jobSec ul {
            position: relative;
        }

        .jobSec ul li.prev {
            left: -4px;
            bottom: 180px;
        }

        .jobSec ul li.next {
            left: 94%;
            bottom: 180px;
        }

        .distSec .profileBox .image {
            float: none;
            max-width: 465px;
            width: 60%;
            margin-bottom: 10px;
        }

        .distSec .profileBox .text {
            float: none;
            width: 100%;
        }


        /*body,html{height: 100%;}*/
        * {
            box-sizing: border-box;
        }

        #BODY {
            position: relative;
            width: 100%;
            margin: auto;
            zoom: 1;
        }

        #TOP {
            display: block !important;
            margin: 0;
            padding: 0;
        }


        /* navigationArea */
        #HEADER .navigationArea ul li {
            position: absolute;
            font-size: 0;
            line-height: 0;
        }

        #HEADER .navigationArea ul li.song {
            top: 39px;
            right: 115px;
        }

        #HEADER .navigationArea ul li.song .sp400 {
            display: none;
        }

        button.navi_button {
            position: absolute;
            top: 37px;
            right: 20px;
            display: block;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
        }

        button.navi_button_new {
            position: absolute;
            top: 37px;
            right: 20px;
            display: block;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
        }

        button.navi_button_new_btm {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            position: absolute;
        }

        button img {
            display: block;
        }

        button::-moz-focus-inner {
            padding: 0;
            border: none;
        }

        /* SONG */
        #SONG h2 {
            font-size: 0;
            line-height: 0;
            text-align: center;
        }

        #SONG ul {
            margin-top: 65px;
        }

        #SONG ul li.yes,
        #SONG ul li.no {
            float: none;
        }

        #SONG ul li {
            max-width: 440px;
            width: 90%;
            margin: 30px auto 0;
        }

        #SONG ul li dl dt {
            color: #ffffff;
            font-size: 184%;
            font-weight: bold;
            text-align: center;
        }

        #SONG ul li dl dt img {
            margin-left: 10px;
            vertical-align: top;
        }

        #SONG ul li dl dd {
            margin-top: 15px;
            font-size: 0;
            line-height: 0;
            text-align: center;
        }

        #SONG ul li dl dd iframe {
            border: 1px solid #444444;
        }

        #SONG .ui-widget-overlay {
            opacity: 0.85;
        }

        #SONG .ui-dialog .ui-dialog-titlebar-close {
            position: fixed;
            width: 22px;
            height: 22px;
            background: url(img/index/btn_close.png) no-repeat left top;
            top: 25px;
            right: 29px;
            left: auto;
        }

        .ui-dialog #song {
            /*width:100%;*/
        }

        #SONG h2 {
            max-width: 414px;
            width: 70%;
            margin: 10px auto;
        }

        #SONG h2 img {
            width: 100%;
        }


        /* TOP announceArea
    ------------------------------------------ */
        body #BODY .announceArea.top ul li {
            float: none;
            position: relative;
            width: auto;
            min-height: 90px;
            margin-top: 20px;
            padding: 0 31px 0 100px;
            background-color: inherit;
        }

        body #BODY .announceArea.top ul li:first {
            margin-top: 0;
        }

        body #BODY .announceArea.top ul li h2 img {
            display: none;
        }

        body #BODY .announceArea.top ul li h2 {
            position: absolute;
            max-width: 90px;
            width: 20%;
            min-height: 90px;
            margin-top: 0;
            background-repeat: no-repeat;
            background-position: left top;
            top: 0px;
            left: 0px;
        }

        body #BODY .announceArea.top ul li dl dt {
            font-size: 16px;
            text-align: left;
            font-weight: normal;
        }

        body #BODY .announceArea.top ul li dl dd.text {
            width: 100%;
            font-size: 18px;
            line-height: 1.2;
            font-weight: normal;
        }

        body #BODY .announceArea.top ul li dl dd.detail {
            position: absolute;
            width: 21px;
            height: 35px;
            margin-top: -17px;
            font-size: 0;
            line-height: 0;
            text-indent: -65535px;
            background: url(img/index/sp/parts_announce_bg-arrow.png) no-repeat left top;
            top: 50%;
            bottom: 50%;
            right: 0px;
        }

        body #BODY .announceArea.top ul li dl dd.detail a {
            display: block;
            height: 100%;
            background: none;
        }

        body #BODY .announceArea.top ul li.recruitment h2 {
            background: url(img/index/sp/icon_announce_recruitment.png) no-repeat;
            background-size: 100%;
        }

        body #BODY .announceArea.top ul li.joining h2 {
            background: url(img/index/sp/icon_announce_joining.png) no-repeat;
            background-size: 100%;
        }

        body #BODY .announceArea.top ul li.privilege h2 {
            background: url(img/index/sp/icon_announce_privilege.png) no-repeat;
            background-size: 100%;
        }

        /* navArea
    ------------------------------------------ */
        #navAreaPc {
            display: none;
        }

        #navAreaSp .navArea {
            height: auto;
        }

        #navAreaSp {
            display: block;
            position: relative;
            margin-top: 19px;
        }

        #navAreaSp .navArea ul.navigation li {
            position: relative;
            float: left;
            max-width: 152px;
            width: 23%;
            height: auto;
            margin: 20px 2% 0 0;
            font-size: 0;
            line-height: 0;
            /*text-indent:-65535px;*/
        }

        #navAreaSp .navArea ul.navigation li:nth-child(4n) {
            margin-right: 0;
        }

        #navAreaSp .navArea ul.navigation li a {
            display: block;
            height: auto;
            /*
        background-repeat:no-repeat;
        background-position:left top;*/
        }

        #navAreaSp .navArea ul.navigation li dl dd dl {
            display: none;
            position: fixed;
            width: 500px;
            margin: 0 0 0 -294px;
            padding: 40px;
            border: 4px solid #1f1f1f;
            border-radius: 20px;
            background-color: rgba(255, 255, 255, 0.8);
            top: 330px;
            right: 50%;
            left: 50%;
        }

        #navAreaSp .navArea ul.navigation li dl dd dl dt {
            height: auto !important;
            text-indent: 0;
        }

        #navAreaSp .navArea ul.navigation li dl dd dl dd {
            margin-top: 40px;
            font-size: 44px;
            line-height: 1.1;
            text-indent: 0;
            text-align: center;
        }

        /*#navAreaSp .navArea ul.navigation li.num1 a{background-image:url(img/index/sp/pic_nav_message.png);}*/
        #navAreaSp .navArea ul.navigation li.num1 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num2,
        #navAreaSp .navArea ul.navigation li.num3,
        #navAreaSp .navArea ul.navigation li.num5,
        #navAreaSp .navArea ul.navigation li.num7,
        #navAreaSp .navArea ul.navigation li.num9,
        #navAreaSp .navArea ul.navigation li.num10,
        #navAreaSp .navArea ul.navigation li.num11,
        #navAreaSp .navArea ul.navigation li.num12 {
            left: inherit;
        }

        #navAreaSp .navArea ul.navigation li.num4,
        #navAreaSp .navArea ul.navigation li.num5,
        #navAreaSp .navArea ul.navigation li.num6,
        #navAreaSp .navArea ul.navigation li.num7,
        #navAreaSp .navArea ul.navigation li.num8,
        #navAreaSp .navArea ul.navigation li.num9,
        #navAreaSp .navArea ul.navigation li.num10,
        #navAreaSp .navArea ul.navigation li.num11,
        #navAreaSp .navArea ul.navigation li.num12 {
            top: inherit;
        }

        #navAreaSp .navArea ul.navigation li.num2 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num3 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num4 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num5 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num6 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num7 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num8 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num9 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num10 a {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num11 a {
            background-image: none;
        }

        /*#navAreaSp .navArea ul.navigation li.num12 dl dt{height:152px;}*/
        #navAreaSp .navArea ul.navigation li.num12 dl dt {
            background-image: none;
        }

        #navAreaSp .navArea ul.navigation li.num12 dl dt a {
            background-image: none;
            display: block;
            width: 100%;
        }

        #navAreaSp .navArea ul.navigation li.num12 dl dd dl dt {
            background: none;
        }

        #navAreaSp .navArea ul.navigation li.num1 a,
        #navAreaSp .navArea ul.navigation li.num2 a,
        #navAreaSp .navArea ul.navigation li.num3 a,
        #navAreaSp .navArea ul.navigation li.num4 a,
        #navAreaSp .navArea ul.navigation li.num5 a,
        #navAreaSp .navArea ul.navigation li.num6 a,
        #navAreaSp .navArea ul.navigation li.num7 a,
        #navAreaSp .navArea ul.navigation li.num8 a,
        #navAreaSp .navArea ul.navigation li.num9 a,
        #navAreaSp .navArea ul.navigation li.num10 a,
        #navAreaSp .navArea ul.navigation li.num11 a {
            display: block;
            width: 100%;
        }

        #navAreaSp .navArea ul.navigation li a img {
            width: 100%;
            height: auto;
        }

        #navAreaSp .navArea ul.navigation li.num11, #navAreaSp .navArea ul.navigation li.num12 {
            display: block;
        }

        /* informationArea
    ------------------------------------------ */
        #MAIN .informationArea {
            margin-top: 35px;
            padding: 25px 25px 25px 25px;
            border: 4px solid #e0e0e0;
        }

        /* titleSec */
        #MAIN .informationArea .titleSec {
            margin: 0 -6px 0 -6px;
            background: url(img/index/sp/parts_information_bg-arrow.png) no-repeat right center;
        }

        #MAIN .informationArea .titleSec h2 {
            float: left;
            margin-top: 0;
            margin-right: 15px;
            padding-left: 38px;
            background: url(img/index/sp/parts_information_bg-icon.png) no-repeat left center;
            font-size: 30px;
            line-height: 1.1;
        }

        #MAIN .informationArea .titleSec p {
            float: left;
            margin-top: 15px;
        }

        #MAIN .informationArea ul li {
            margin-top: 25px;
        }

        #MAIN .informationArea ul li dl dt {
            font-size: 18px;
        }

        #MAIN .informationArea ul li dl dd {
            font-size: 18px;
        }

        /*------------------------------------------ */
        /* topicsArea
    /*------------------------------------------ */
        body .sp #MAIN .topicsArea {
            margin-top: 27px;
        }

        body .sp #MAIN .topicsArea ol li {
            margin-top: 20px;
            padding-top: 5px;
            background: url(img/information/parts_topics_bg-top.png) no-repeat left top;
            zoom: 1;
        }

        body .sp #MAIN .topicsArea ol li .divA {
            padding-bottom: 5px;
            background: url(img/information/parts_topics_bg-bottom.png) no-repeat left bottom;
            zoom: 1;
        }

        body .sp #MAIN .topicsArea ol li .divA dl {
            position: relative;
            padding: 15px 15px 15px 15px;
            background-color: #ffffff;
            zoom: 1;
        }

        body .sp #MAIN .topicsArea ol li .divA dl dt {
            font-size: 18px;
            font-weight: bold;
            color: #228cac;
            zoom: 1;
        }

        body .sp #MAIN .topicsArea ol li .divA dl dd {
            color: #2d2d2d;
            margin: 2px 0 0 0;
            font-size: 18px;
        }


        /* 160420_yumiko_junko_1.css */
        /* SP
    ------------------------------------------ */
        .sp #MAIN .talkArea .blockTypeA dl.static {
            width: auto !important;
        }

        /* 160420_yumiko_junko_1.css*/
        /* SP
    ------------------------------------------ */
        .sp #MAIN .talkArea .blockTypeA dl.static {
            width: auto !important;
        }

        .sp #MAIN .knowhowArea ol li .blockTypeA .link {
            margin-top: 10px;
            position: static;
            text-align: right;
        }

        body .sp .blockTypeA ul.schoolList li p.boardPage {
            width: 100px;
            font-size: 12px;
            white-space: nowrap;
        }

        body .sp .blockTypeA ul.schoolList li dl dd {
            font-size: 14px;
            white-space: nowrap;
        }

        /* SP ob-ogArea
    ------------------------------------------ */
        #MAIN .ob-ogArea {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: 30px auto 0;
            padding-bottom: 70%;
            background-size: 100% auto;
        }

        #MAIN .ob-ogArea ul.mapList li {
            max-width: 189px;
            width: 25%;
        }

        #MAIN .ob-ogArea ul.mapList li.healthy {
            top: 0;
            left: 27%;
            margin-top: 0;
        }

        #MAIN .ob-ogArea ul.mapList li.activity {
            top: 0;
            left: 48%;
            margin-top: 0%;
        }

        #MAIN .ob-ogArea ul.mapList li.sanko {
            top: 0;
            right: 10%;
            left: inherit;
            margin-top: 5%;
        }

        #MAIN .ob-ogArea ul.mapList li.inauguration {
            top: 0;
            left: inherit;
            right: 5%;
            margin-top: 23%;
        }

        #MAIN .ob-ogArea ul.mapList li.support {
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 40%;
        }

        #MAIN .ob-ogArea ul.mapList li.animation {
            top: 0;
            left: inherit;
            right: 28%;
            margin-top: 47%;
        }

        #MAIN .ob-ogArea ul.mapList li.chiebukuro {
            top: 0;
            left: 27%;
            margin-top: 47%;
        }

        #MAIN .ob-ogArea ul.mapList li.now-how {
            top: 0;
            left: 10%;
            z-index: 2;
            margin-top: 40%;
        }

        #MAIN .ob-ogArea ul.mapList li.memories {
            top: 0;
            left: 10%;
            margin-top: 5%;
        }

        #MAIN .ob-ogArea ul.mapList li.review {
            top: 0;
            left: 2%;
            margin-top: 23%;
        }



        #MAIN .anDetail .announceArea .textSec,
        #MAIN .anDetail .announceArea .imageSec {
            float: none;
        }

        #MAIN .profileArea.t-top .profilePic {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: auto;
            padding-top: 43.25%;
            background-size: 100% auto;
        }

        #MAIN .profileArea.t-top .profilePic.profilePic_03 {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: auto;
            padding-top: 47%;
            background-size: 100% auto;
        }

        #MAIN .profileArea.t-top .profilePic + .profilePic {
            margin-top: 20px;
        }

        #MAIN .profileArea .profilePic .continuation {
            top: 80%;
            left: 64%;
            max-width: 117px;
            width: 25%;
        }

        #MAIN .profileArea .profilePic .continuation img {

        }

        #MAIN .selectArea ol li,
        #MAIN .selectArea ol li.last {
            position: relative;
            width: 32%;
            height: auto;
            margin: 10px 1% 0 0;
            padding-top: 0;
        }

        #MAIN .selectArea ol li img.continuation {
            max-width: 117px;
            width: 80%;
            margin: auto;
            top: inherit;
            bottom: 20px;
            left: 0;
            right: 0;
        }

        #MAIN .selectArea p.leadText,
        #MAIN .talkArea p.leadText {
            max-width: 542px;
            width: 100%;
            margin: 40px auto;
        }

        #MAIN .selectArea p.application,
        #MAIN .talkArea p.application {
            max-width: 229px;
            width: 100%;
            margin: auto;
        }

        #MAIN .selectArea ol li .vol {
            position: relative;
        }

        #MAIN .profileArea.yuka_mikako p {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: auto;
            padding-top: 43.25%;
            background-size: 100% auto;
        }

        #MAIN .profileArea.masataka_ayaka p {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: auto;
            padding-top: 43.25%;
            background-size: 100% auto;
        }

        #MAIN .profileArea.izumi_sachiho p {
            position: relative;
            max-width: 760px;
            width: 100%;
            height: 0;
            margin: auto;
            padding-top: 44.25%;
            background-size: 100% auto;
        }

        #MAIN .talkArea .textSec h3 {
            font-size: 130%;
        }

        #MAIN .introduction,
        #MAIN .talkArea .textSec dl dt,
        #MAIN .talkArea .textSec dl dd {
            font-size: 105%;
        }

        #MAIN .talkArea .textSec .blockTypeA p.photoRight,
        #MAIN .talkArea .textSec .blockTypeA p.photoLeft {
            float: none;
        }

        #MAIN .talkArea .textSec .blockTypeA p.photoRight img,
        #MAIN .talkArea .textSec .blockTypeA p.photoLeft img {
            max-width: 296px;
        }

        #MAIN .talkArea .textSec .blockTypeA dl {
            float: none;
            width: 100% !important;
        }

        #MAIN .profileArea {
            width: 100%;
        }

        #MAIN .talkArea .textSec p.photoRight {
            float: none;
            max-width: 259px;
        }

        #MAIN .talkArea .textSec p.photoLeft.m-t-13 {
            float: none;
            max-width: 259px;
            margin-top: 15px;
            padding: 0 0 22px 19px;
            text-align: left;
        }

        #MAIN .talkArea .textSec .blockTypeA.chiaki-muramatsu .photoLeft img {
            max-width: 217px;
        }

        #MAIN .menuArea ul {
            max-width: 670px;
            width: 100%;
            margin: auto;
        }

        #MAIN .menuArea ul li {
            width: calc(100% / 7);
        }

        #MAIN .dealsArea p.photo {
            float: none;
            max-width: 238px;
        }

        #MAIN .dealsArea .blockTypeA {
            float: none;
            width: 100%;
        }



        #MAIN .dealsArea .blockTypeA .commentSec {
            width: 100%;
            margin: auto;
            background: none;
            border: 2px solid #f1f1f1;
            margin-top: 15px;
        }

        #MAIN .dealsArea .blockTypeA .commentSec p {
            padding: 5px 14px 0 15px;
        }

        #MAIN .dealsArea .blockTypeA .commentA,
        #MAIN .dealsArea .blockTypeA .commentB {
            background: none;
        }

        #MAIN .dealsArea .blockTypeA .commentA {
            padding-bottom: 10px;
        }

        #MAIN .dealsArea .blockTypeA table {
            width: 100%;
        }

        #MAIN .dealsArea .blockTypeA table th {
            width: 25%;
        }

        #MAIN .dealsArea .blockTypeA table td {
            width: 60%;
        }

        #MAIN .dealsArea .blockTypeA table td.privilege {
            width: 95%;
        }

        #MAIN .applicationArea p {
            max-width: 455px;
            margin: auto;
        }

        #MAIN .applicationArea p.btn {
            max-width: 229px;
            margin: 10px auto 0;
        }

        #MAIN .chiebukuroArea ol .listSec {
            border: 3px solid #68c1dc;
            border-radius: 5px;
        }

        #MAIN .chiebukuroArea ol .listSec .textBox {
            float: none;
            width: 100%;
        }

        #MAIN .chiebukuroArea ol .listSec .photoBox {
            float: none;
            margin-top: 20px;
        }

        #MAIN .messageListArea .divA {
            max-width: 670px;
            width: 96%;
            margin: auto;
            padding: 0;
        }

        #MAIN .messageListArea ul li {
            width: 13%;
            margin: 0 0.6%;
        }

        #MAIN .boardArea.alma_mater {
            width: 100%;
            max-width: 760px;
            height: 0;
            padding-bottom: 100%;
            background-size: 100% auto;
        }

        #MAIN .boardArea.alma_mater ul.mapList li .pc {
            display: none;
        }

        #MAIN .boardArea.alma_mater ul.mapList li .sp {
            display: block;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.asukamirai,
        #MAIN .boardArea.alma_mater ul.mapList li.asukamirai2 {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 0;
            right: 0;
            margin: 32% 50% 0 20%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.asukakizuna {
            width: 37%;
            top: 0;
            left: 0;
            right: 0;
            margin: 32% 10% 0 53%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.sapporo,
        #MAIN .boardArea.alma_mater ul.mapList li.sapporo2 {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 10%;
            margin-top: 45%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.sendai {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 35%;
            margin-top: 45%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.omiya {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 45%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.chiba {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 10%;
            margin-top: 57%;
            z-index: 2;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.tokyo {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 35%;
            margin-top: 57%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.yokohama {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 57%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.nagoya {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 10%;
            margin-top: 69%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.osaka {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 35%;
            margin-top: 69%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.kobe {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 69%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.hiroshima {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 10%;
            margin-top: 82%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.fukuoka {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: 35%;
            margin-top: 82%;
        }

        #MAIN .boardArea.alma_mater ul.mapList li.okinawa {
            max-width: 183px;
            width: 30%;
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 82%;
        }

        #MAIN .childArea {
            width: 100%;
            background-size: 100%;
        }

        #MAIN .childArea .blockTypeA p.grow,
        #MAIN .childArea .blockTypeA p.consultation {
            max-width: 171px;
            width: 18%;
            top: 30%;
            left: 2%;
        }

        #MAIN .childArea .blockTypeA {
            width: 100%;
            background-size: 100%;
        }

        #MAIN .childArea .blockTypeA table {
            width: 77%;
            margin-left: 22%;
        }

        #MAIN .childArea .blockTypeA table tr {
            background-size: 100%;
        }

        #MAIN .childArea .blockTypeA table tr th {
            width: 30%;
        }

        #MAIN .childArea .blockTypeA table tr td {
            width: 70%;
            font-size: 100%;
        }

        #MAIN .childArea .blockTypeA table tr td a {
            display: block;
            max-width: 147px;
            width: 50%;
        }

        #MAIN .onelineArea dl dt,
        #MAIN .onelineArea dl dd {
            font-size: 110%;
        }

        #MAIN .onelineArea ul.advisor {
            width: 100%;
            margin: 20px auto;
        }

        #MAIN .onelineArea ul.advisor li {
            width: 30%;
            margin: 0 1.1%;
        }

        #MAIN .onelineArea p {
            font-size: 100%;
        }

        #MAIN .onelineArea ul.advisor li.typeC p a {
            width: auto;
        }


        #MAIN .skillArea .courseSec,
        #MAIN .skillArea .bannerSec {
            width: 100%;
            float: none;
        }

        #MAIN .skillArea .courseSec {
            max-width: 554px;
            margin: 0 auto 30px;
        }

        #MAIN .skillArea .courseSec .qualificationBox h3 img {
            width: auto;
        }

        #MAIN .skillArea .courseSec .menuBox ul {
            width: 100%;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
        }

        #MAIN .skillArea .courseSec .menuBox ul li {
            float: none;
        }

        #MAIN .skillArea .courseSec .qualificationBox table {
            width: 100%;
        }

        #MAIN .skillArea .courseSec .qualificationBox table tr th {
            width: 85%;
            padding: 15px 0 15px 2%;
            font-size: 100%;
        }

        #MAIN .skillArea .courseSec .qualificationBox table tr td {
            width: 15%;
        }

        #MAIN .skillArea .bannerSec ul {
            width: 100%;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
        }

        #MAIN .skillArea .bannerSec ul li {
            margin: 0 0.5%;
        }

        #MAIN .animationArea {
            width: 100%;
            max-width: 760px;
            height: 0;
            margin-top: 140px;
            padding-bottom: 69%;
            background-size: 100% auto;
        }

        #MAIN .animationArea ul.mapList li.event {
            top: -120px;
            left: 0;
            right: 0;
            max-width: 287px;
            width: 90%;
            margin: auto;
        }

        #MAIN .animationArea ul.mapList li .pc {
            display: none;
        }

        #MAIN .animationArea ul.mapList li .sp {
            display: block;
        }

        #MAIN .animationArea ul.mapList li span.num {
            position: absolute;
            color: #f64444;
            font-size: 12px;
            font-weight: bold;
        }

        #MAIN .animationArea ul.mapList li.sapporo,
        #MAIN .animationArea ul.mapList li.sapporo2 {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 5%;
            margin-top: 5%;
        }

        #MAIN .animationArea ul.mapList li.sapporo span.sapporoNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.sendai {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 5%;
            margin-top: 25%;
        }

        #MAIN .animationArea ul.mapList li.sendai span.sendaiNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.chiba {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 6%;
            margin-top: 38%;
        }

        #MAIN .animationArea ul.mapList li.chiba span.chibaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.omiya {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 30%;
            margin-top: 23%;
        }

        #MAIN .animationArea ul.mapList li.omiya span.omiyaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.tokyo {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 0%;
            margin-top: 51%;
        }

        #MAIN .animationArea ul.mapList li.tokyo span.tokyoNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.yokohama {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 23%;
            margin-top: 50%;
        }

        #MAIN .animationArea ul.mapList li.yokohama span.yokohamaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.nagoya {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: inherit;
            right: 30%;
            margin-top: 38%;
        }

        #MAIN .animationArea ul.mapList li.nagoya span.nagoyaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.osaka {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: 28%;
            margin-top: 52%;
        }

        #MAIN .animationArea ul.mapList li.osaka span.osakaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.hiroshima {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: 15%;
            margin-top: 38%;
        }

        #MAIN .animationArea ul.mapList li.hiroshima span.hiroshimaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.fukuoka {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: 5%;
            margin-top: 52%;
        }

        #MAIN .animationArea ul.mapList li.fukuoka span.fukuokaNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.kobe {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: 20%;
            margin-top: 25%;
        }

        #MAIN .animationArea ul.mapList li.kobe span.kobeNumber {
            top: 65%;
            left: 70%;
        }

        #MAIN .animationArea ul.mapList li.okinawa {
            max-width: 171px;
            width: 25%;
            top: 0;
            left: 22%;
            margin-top: 13%;
        }

        #MAIN .animationArea ul.mapList li.okinawa span.okinawaNumber {
            top: 65%;
            left: 73%;
        }

        #MAIN .impressionArea {
            margin-top: 0;
        }

        #MAIN .impressionArea h2 {
            width: 100%;
        }

        #MAIN .impressionArea h2 img {
            max-width: 190px;
        }

        #MAIN .impressionArea h2 span {
            display: block;
            margin-top: 5px;
            font-size: 100%;
        }

        #MAIN .impressionArea ul li.regionSec {
            float: none;
            max-width: 349px;
            width: 100%;
            margin-bottom: 15px;
        }

        #MAIN .schoolArea {
            width: 100%;
            max-width: 760px;
            height: 0;
            padding-bottom: 75%;
            background-size: 100% auto;
        }

        #MAIN .schoolArea ul.mapList li .pc {
            display: none;
        }

        #MAIN .schoolArea ul.mapList li .sp {
            display: block;
        }

        #MAIN .schoolArea ul.mapList li {
            max-width: 157px;
            width: 21.7%;
        }

        #MAIN .schoolArea ul.mapList li.sapporo {
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 7%;
        }

        #MAIN .schoolArea ul.mapList li.sendai {
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 25%;
        }

        #MAIN .schoolArea ul.mapList li.chiba {
            top: 0;
            left: inherit;
            right: 5%;
            margin-top: 35%;
            z-index: 2;
        }

        #MAIN .schoolArea ul.mapList li.omiya {
            top: 0;
            left: inherit;
            right: 26%;
            margin-top: 33%;
        }

        #MAIN .schoolArea ul.mapList li.tokyo {
            top: 0;
            left: inherit;
            right: 10%;
            margin-top: 45%;
        }

        #MAIN .schoolArea ul.mapList li.yokohama {
            top: 0;
            left: inherit;
            right: 14%;
            margin-top: 55%;
        }

        #MAIN .schoolArea ul.mapList li.nagoya {
            top: 0;
            left: inherit;
            right: 33%;
            margin-top: 50%;
        }

        #MAIN .schoolArea ul.mapList li.osaka2 {
            top: 0;
            left: 26%;
            margin-top: 45%;
        }

        #MAIN .schoolArea ul.mapList li.koube {
            top: 0;
            left: 31%;
            margin-top: 30%;
        }

        #MAIN .schoolArea ul.mapList li.hiroshima2 {
            top: 0;
            left: 10%;
            margin-top: 30%;
        }

        #MAIN .schoolArea ul.mapList li.fukuoka {
            top: 0;
            left: 4%;
            margin-top: 43%;
        }

        #MAIN .schoolArea ul.mapList li.okinawa {
            top: 0;
            left: 25%;
            margin-top: 5%;
        }

        #MAIN ul.bannerList {
            width: 100%;
            margin: 20px auto;
        }

        #MAIN ul.bannerList li {
            width: 32%;
            margin: 0 0.51%;
        }

        #MAIN .jobArea {
            width: 100%;
            max-width: 760px;
            height: 0;
            padding-bottom: 75%;
            background-size: 100% auto;
        }

        #MAIN .jobArea h2 {
            max-width: 373px;
            width: 60%;
            top: 0;
            left: 0;
            right: 0;
            margin: 12% auto;
        }

        #MAIN .jobArea ul li {
            max-width: 126px;
            width: 16.7%;
        }

        #MAIN .jobArea ul li.eiyou {
            top: 0;
            left: 41%;
            margin-top: 0;
        }

        #MAIN .jobArea ul li.chori {
            top: 0;
            left: inherit;
            right: 25%;
            margin-top: 3%;
        }

        #MAIN .jobArea ul li.iryou {
            top: 0;
            left: inherit;
            right: 9%;
            margin-top: 9%;
        }

        #MAIN .jobArea ul li.fukushi {
            top: 0;
            left: inherit;
            right: 3%;
            margin-top: 22%;
        }

        #MAIN .jobArea ul li.sports {
            top: 0;
            left: inherit;
            right: 1%;
            margin-top: 36%;
        }

        #MAIN .jobArea ul li.instructor {
            top: 0;
            left: inherit;
            right: 3%;
            margin-top: 50%;
        }

        #MAIN .jobArea ul li.biyou {
            top: 0;
            left: inherit;
            right: 15%;
            margin-top: 59%;
        }

        #MAIN .jobArea ul li.esthetic {
            top: 0;
            left: inherit;
            right: 31%;
            margin-top: 62%;
        }

        #MAIN .jobArea ul li.make {
            top: 0;
            left: 35%;
            margin-top: 62%;
        }

        #MAIN .jobArea ul li.nail {
            top: 0;
            left: 20%;
            margin-top: 59%;
        }

        #MAIN .jobArea ul li.model {
            top: 0;
            left: 10%;
            margin-top: 50%;
        }

        #MAIN .jobArea ul li.bridal {
            top: 0;
            left: 1%;
            margin-top: 36%;
        }

        #MAIN .jobArea ul li.hoiku {
            top: 0;
            left: 3%;
            margin-top: 22%;
        }

        #MAIN .jobArea ul li.patissier {
            top: 0;
            left: 12%;
            margin-top: 9%;
        }

        #MAIN .jobArea ul li.cafe {
            top: 0;
            left: 25%;
            margin-top: 3%;
        }

        #MAIN .everyoneArea {
            width: 100%;
            max-width: 760px;
            height: 0;
            padding-bottom: 66%;
            background-size: 100% auto;
            margin-top: 40px;
        }

        #MAIN .everyoneArea ul.mapList li .pc {
            display: none;
        }

        #MAIN .everyoneArea ul.mapList li .sp {
            display: block;
        }

        #MAIN .everyoneArea ul.mapList li {
            max-width: 103px;
            width: 13.6%;
        }

        #MAIN .everyoneArea ul.mapList li.education {
            top: 0;
            left: inherit;
            right: 15%;
            margin-top: 2%;
        }

        #MAIN .everyoneArea ul.mapList li.marea {
            top: 0;
            left: inherit;
            right: 23%;
            margin-top: 10%;
        }

        #MAIN .everyoneArea ul.mapList li.cosmetics {
            top: 0;
            left: inherit;
            right: 8%;
            margin-top: 50%;
        }

        #MAIN .everyoneArea ul.mapList li.welfare {
            top: 0;
            left: inherit;
            right: 3%;
            margin-top: 29%;
        }

        #MAIN .everyoneArea ul.mapList li.lecture {
            top: 0;
            left: inherit;
            right: 15%;
            margin-top: 36%;
        }

        #MAIN .everyoneArea ul.mapList li.motivation {
            top: 0;
            left: inherit;
            right: 29%;
            margin-top: 38%;
        }

        #MAIN .everyoneArea ul.mapList li.tokyomirai-communication {
            top: 0;
            left: inherit;
            right: 35%;
            margin-top: 48%;
        }

        #MAIN .everyoneArea ul.mapList li.tokyomirai {
            top: 0;
            left: 43%;
            margin-top: 40%;
        }

        #MAIN .everyoneArea ul.mapList li.odawara {
            top: 0;
            left: 40%;
            margin-top: 50%;
        }

        #MAIN .everyoneArea ul.mapList li.vocational-school {
            top: 0;
            left: 30%;
            margin-top: 40%;
        }

        #MAIN .everyoneArea ul.mapList li.asukamirai,
        #MAIN .everyoneArea ul.mapList li.asukamirai2 {
            top: 0;
            left: 18%;
            margin-top: 50%;
        }
        #MAIN .everyoneArea ul.mapList li.tokubetsu {
            top: 0;
            left: 29%;
            margin-top: 51%;
        }
    
        #MAIN .everyoneArea ul.mapList li.kodomomirai {
            top: 0;
            left: 7%;
            margin-top: 38%;
        }

        #MAIN .everyoneArea ul.mapList li.pocketland {
            top: 0;
            left: 10%;
            margin-top: 8%;
        }

        #MAIN .twitterArea {
            max-width: 660px;
            width: 100%;
            margin: auto;
        }

        #MAIN .twitterArea ul li,
        #MAIN .twitterArea ul li .divA,
        #MAIN .twitterArea ul li .divA .divB {
            background: none;
        }

        #MAIN .twitterArea ul li {
            width: 48%;
            margin: 30px 1% 0;
            text-align: center;
            border: 2px solid #1da1f2;
            border-radius: 8px;
        }

        #MAIN .twitterArea ul li .divA .divB {
            padding: 10px;
        }

        #MAIN .twitterArea ul li h2 {
            font-size: 130%;
        }

        #MAIN .selectArea #MEDICAL-CARE,
        #MAIN .selectArea #MEDICAL-CARE .divA,
        #MAIN .selectArea #SPORTS,
        #MAIN .selectArea #SPORTS .divA,
        #MAIN .selectArea #BEAUTY,
        #MAIN .selectArea #BEAUTY .divA,
        #MAIN .selectArea #REARING,
        #MAIN .selectArea #REARING .divA,
        #MAIN .selectArea #CAFE,
        #MAIN .selectArea #CAFE .divA,
        #MAIN .selectArea #WEDDING,
        #MAIN .selectArea #WEDDING .divA,
        #MAIN .selectArea #ASUKA,
        #MAIN .selectArea #ASUKA .divA {
            background: none;
        }

        #MAIN .selectArea #MEDICAL-CARE {
            border: 2px solid #5cac35;
            border-radius: 5px;
        }

        #MAIN .selectArea #SPORTS {
            border: 2px solid #0099e8;
            border-radius: 5px;
        }

        #MAIN .selectArea #BEAUTY {
            border: 2px solid #e6248d;
            border-radius: 5px;
        }

        #MAIN .selectArea #REARING {
            border: 2px solid #efa300;
            border-radius: 5px;
        }

        #MAIN .selectArea #CAFE {
            border: 2px solid #e93672;
            border-radius: 5px;
        }

        #MAIN .selectArea #WEDDING {
            border: 2px solid #e52d2d;
            border-radius: 5px;
        }

        #MAIN .selectArea #ASUKA {
            border: 2px solid #a7d518;
            border-radius: 5px;
        }

        #MAIN .selectArea .categorySec .divA .divB .divC .divD {
            padding: 7px 0 7px 80px;
        }

        #MAIN .selectArea .categorySec ul li {
            width: 24%;
            margin: 10px 0.5% 0;
        }

        #MAIN .selectArea .categorySec ul li a {
            min-width: inherit;
            min-height: inherit;
        }

        #MAIN .selectArea .categorySec ul li a .arrow {
            width: 15px;
            height: 15px;
            top: inherit;
            left: inherit;
            bottom: 10px;
            right: 10px;

        }

        #MAIN .selectArea #MEDICAL-CARE .arrow,
        #MAIN .selectArea #SPORTS .arrow,
        #MAIN .selectArea #BEAUTY .arrow,
        #MAIN .selectArea #REARING .arrow,
        #MAIN .selectArea #CAFE .arrow,
        #MAIN .selectArea #WEDDING .arrow,
        #MAIN .selectArea #ASUKA .arrow {
            background-size: 100%;
        }

        /* SP episode
    ------------------------------------------ */
        #MAIN .episodeArea .listSec .blockTypeA {
            width: 100%;
            padding: 20px 2%;
        }

        #MAIN .episodeArea .listSec .blockTypeA div.text {
            width: 100%;
            float: none;
        }

        #MAIN .episodeArea .listSec .blockTypeA div.photo {
            float: none;
            max-width: 260px;
            width: 100%;
            margin-bottom: 15px;
        }

        #MAIN .episodeArea .listSec .blockTypeA div.text .sns {
            margin-top: 10px;
            zoom: 2.5;
        }

        #MAIN .episodeArea .listSec .blockTypeA div.text .sns li {
            max-width: 35px;
            height: 10px;
            margin-right: 5px;
        }

        #MAIN .episodeArea .listSec .blockTypeA div.text .sns li.line {
            font-size: 0;
            line-height: 0;
        }

        #MAIN .episodeArea .statusSec dl dd select {
            font-size: 100%;
        }

        #MAIN .themeArea {
            margin-top: 30px;
            background: none;
            background-size: auto;
        }

        #MAIN .themeArea .divA {
            background: url(img/episode/parts_theme_bg-top.gif) no-repeat left top;
            background-size: 100%;
        }

        #MAIN .themeArea .divA .divB {
            padding: 8px 15px 15px 15px;
            background: url(img/episode/parts_theme_bg-bottom.gif) no-repeat left bottom;
            background-size: 100%;
        }

        #MAIN .themeArea h2 {
            color: #ffffff;
            font-size: 120%;
        }

        #MAIN .themeArea select {
            width: 100%;
            margin-top: 15px;
            font-size: 100%;
        }

        #MAIN .thanksArea {
            margin-top: 50px;
        }

        #MAIN .thanksArea p {
            font-size: 115%;
            text-align: center;
        }

        #MAIN .thanksArea p.text {
            padding: 15px;
            border: 1px solid #000000;
            background-color: #ffffff;
        }

        #MAIN .thanksArea p.author {
            margin-top: 50px;
        }
    }
#MAIN .formArea table td span.ex_insta,
#MAIN .formArea table td span.ex_file{display: block;}

#MAIN .formArea table td span.ex_insta {
    text-indent: -1.4em;
    margin-left: 1.4em;
}

@media screen and (max-width: 767px) {
        .breadcrumbs {
            width: 96%;
            margin: 25px auto 10px;
            font-size: 12px;
        }

        #MAIN .formArea {
            margin-top: 20px;
        }
        #procedureForm table tr {
            display: flex;
            flex-wrap: wrap;
        }

        .ui-dialog .ui-dialog-titlebar-close {
            top: 15px !important;
            right: 15px !important;
            width: 20px!important;
            height: 20px!important;
        }

        #SONG ul {
            margin-top: 50px;
        }

        #SONG ul li dl dd {
            margin-top: 10px;
        }
        #MAIN .everyoneArea {
            margin-top: 30px;
        }
    }
    @media screen and (max-width: 640px) {
        #HEADER .navigationArea ul li.song .sp700 {
            display: none;
        }

        #HEADER .navigationArea ul li.song .sp400 {
            display: block;
        }

        #MAIN .formArea .personalSec table td span.ex,
        #MAIN .formArea .newAddressSec table td span.ex {
            display: block;
        }

        #MAIN .regulationsArea ol li table.school tr td {
            display: block;
            width: 100%;
        }

        #MAIN .inputArea.episode {
            padding: 30px 2%;
        }

        #MAIN .inputArea.episode table th,
        #MAIN .inputArea.episode table td {
            display: block;
            width: 100%;
            text-align: left;
        }

        #MAIN .inputArea.episode table th {
            padding-bottom: 10px;
            font-size: 120%;
        }

        #MAIN .inputArea.episode table td {
            font-size: 100%;
        }

        #MAIN .inputArea.episode table .typeSchool select,
        #MAIN .inputArea.episode table .typeClass select {
            font-size: 100%;
        }

        #MAIN .inputArea.episode table .typeName input,
        #MAIN .inputArea.episode table .typeMail input {
            max-width: 360px;
            width: 90%;
            font-size: 100%;
        }

        #MAIN .formArea.kikaku .personalSec .blockTypeA .planArea ul {
            display: none;
        }

        #MAIN .profileArea .profilePic .continuation {
            left: 61%;
            width: 22%;
        }

        #MAIN .profileArea.t-top .profilePic.profilePic_03 .continuation {
            top: 84.5%;
            width: 22%;
        }

        .deals_pagination {
            flex-wrap: wrap;
        }

        .deals_pagination .page-numbers {
            padding: 0.4em;
            font-size: 18px;
        }

        .deals_pagination .next, .deals_pagination .prev {
            display: none;
        }
    }

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

        button.navi_button {
            width: 30px;
        }

        button.navi_button_new {
            width: 30px;
        }

        button.navi_button_new_btm {
            width: auto;
        }

        #HEADER .navigationArea ul li.song {
            top: 35px;
            right: 70px;
            width: 40px;
        }

        #MAIN .informationArea {
            padding: 20px;
        }

        #MAIN .informationArea ul li dl dt,
        #MAIN .informationArea ul li dl dd {
            font-size: 14px;
        }

        #MAIN .informationArea .titleSec h2 {
            font-size: 24px;
        }

        #MAIN .formArea .personalSec table tr.typeCourse td input,
        #MAIN .formArea .newAddressSec table tr.typeAddress td input {
            width: 100%;
        }

        #MAIN .formArea .personalSec table tr.typeSchool td select {
            width: 100%;
        }

        #MAIN .selectArea ol li,
        #MAIN .selectArea ol li.last {
            position: relative;
            width: 48%;
            height: auto;
            margin: 10px 1% 0;
            padding-top: 0;
        }

        #MAIN .dealsArea .blockTypeA table {
            font-size: 100%;
        }

        #MAIN .dealsArea .blockTypeA table th,
        #MAIN .dealsArea .blockTypeA table td {
            display: block;
            width: 100%;
        }

        #MAIN .dealsArea .blockTypeA table th {
            padding-top: 5px;
        }

        #MAIN .chiebukuroArea ol .listSec .divA .divB {
            padding: 0 15px;
        }

        #MAIN .twitterArea ul li h2 {
            font-size: 100%;
        }

        body #BODY .announceArea.top ul li {
            min-height: inherit;
            height: auto;
            padding-left: 60px;
        }

        body #BODY .announceArea.top ul li.recruitment h2 {
            width: 50px;
        }

        body #BODY .announceArea.top ul li dl dt,
        body #BODY .announceArea.top ul li dl dd.text {
            font-size: 100%;
        }

        #MAIN .impressionArea {
            padding: 20px 0;
        }

        #MAIN .animationArea ul.mapList li span.num {
            top: 61% !important;
            font-size: 10px;
        }

        #MAIN .episodeArea .listSec .blockTypeA {
            padding: 15px 2%;
        }

        #MAIN .selectArea .categorySec ul li {
            width: 48%;
            margin: 10px 1% 0;
        }

        #MAIN .selectArea .categorySec ul li a .arrow {
            width: 12px;
            height: 12px;
            top: inherit;
            left: inherit;
            bottom: 10px;
            right: 5px;

        }

        .jobSec ol {
            max-width: 380px;
            width: 100%;
            height: auto;
            margin: auto;
        }

        .jobSec ol li {
            float: none;
            max-width: 380px;
            width: 90%;
            height: auto;
            margin: auto;
        }

        .page-template-page-job .ui-dialog img {
            width: 100%;
        }

        .jobSec ul li.prev,
        .jobSec ul li.next {
            width: 23px;
        }

        #MAIN .formArea .confirmSec .confirm input.form_back {
            margin-right: 0px;
            margin-bottom: 10px;
        }
    }

    @media screen and (max-width: 360px) {
        #MAIN .twitterArea ul li,
        #MAIN .twitterArea ul li.turn {
            float: none;
            max-width: 300px;
            width: 100%;
            margin: 20px auto 0;
        }

        .jobSec ul li.prev,
        .jobSec ul li.next {
            bottom: 130px;
        }
    }

    @media screen and (max-width: 320px) {
        #MAIN .impressionArea ul li .titleBox .divC {
            /*background-size: cover;*/
        }
        #MAIN .everyoneArea {
            margin-top: 20px;
        }
    }

    /*---------------------
オブジェクト設定
---------------------*/
    embed,
    iframe,
    object {
        max-width: 100%;
    }


    /*--------------------- 就職・転職・学び直しサポート追加CSS(2021/01/13) ---------------------*/
    /*-- 就職・転職・学び直しサポート追加CSS:共通 --*/

    .ca_service {
        font-size: 18px;
        padding-top: 6px;
        display: inline-block;
    }
    #MAIN .onelineArea.carSupport {
        margin-top: 0;
    }

    #MAIN .onelineArea.carSupport .contents_wrap {
        max-width: 92%;
        margin: auto;
    }


    #MAIN .onelineArea.carSupport .skill_up {
        position: relative;
    }

    #MAIN .onelineArea.carSupport .skill_up h2 {
        font-size: 22px;
        padding: 7px 0 8px 10px;
        color: #ffffff;
        background: #005bac;
        border-radius: 8px;
        margin-bottom: .5em;
        margin-top: 65px;
        line-height: 1.4em;
    }

    #MAIN .onelineArea.carSupport .skill_up + p {
        padding-left: 10px;
    }

    #MAIN .onelineArea.carSupport .supportCenter .skill_up h2 {
        margin-top: 20px;
        text-align: center;
    }

    #MAIN .onelineArea.carSupport .tanki_school .skill_up h2 {
        margin-bottom: .3em;
        margin-top: 50px;
    }

    #MAIN .onelineArea.carSupport .tanki_school.other_link .skill_up h2 {
        margin-top: 70px;
    }

    #MAIN .onelineArea.carSupport img {
        max-width: 100%;
    }

    #MAIN .onelineArea.carSupport .carSupport_ttl_wrap {
        text-align: center;
    }

    #MAIN .onelineArea.carSupport h3 {
        font-size: 155%;
        text-align: center;
        position: relative;
        display: flex;
        align-items: center;
        margin-top: 2em;
        padding-bottom: .8em;
    }

    #MAIN .onelineArea.carSupport h3.shien {
        margin-top: 1em;
    }

    #MAIN .onelineArea.carSupport h3:before,
    #MAIN .onelineArea.carSupport h3:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #666;
    }

    #MAIN .onelineArea.carSupport h3:before {
        margin-right: 1rem;
    }

    #MAIN .onelineArea.carSupport h3:after {
        margin-left: 1rem;
    }


    #MAIN .onelineArea.carSupport h3.red {
        color: #ff327f;
    }

    #MAIN .onelineArea.carSupport h3.blue {
        color: #005bac;
    }

    #MAIN .onelineArea.carSupport strong.career {
        font-size: 20px;
        color: #005bac;
        padding: 1.5em 0 .6em;
        display: block;
        text-align: center;
    }

    #MAIN .onelineArea.carSupport .otherSupport.other_link .skill_up h2 {
        margin-top: 30px;
        text-align: center;
    }


    .red_line.other_link {
        color: #ed637b;
        background: #ffffff;
        padding: 2px 10px 3px;
        border-radius: 5px;
        margin-left: 5px;
    }


    .arrow_box {
        position: relative;
        width: 230px;
        height: 64px;
        background: #FFFFFF;
        text-align: center;
        border: 3px solid #ed637b;
        color: #000000;
        font-size: 13px;
        font-weight: normal;
        border-radius: 40px;
        line-height: 1.5em;
        padding: .5em 0 .2em;
        margin: auto;
        z-index: 100;
        box-sizing: content-box;
    }

    .supportCenter .arrow_box {
        width: 122px;
        height: 42px;
        font-size: 13px;
        margin-left: 120px;
        margin-bottom: -1.2em;
        margin-top: 10px;
    }

    .supportCenter .arrow_box.other_link {
        margin-top: 20px;
        box-sizing: content-box;
    }

    .tanki_school .arrow_box.shikaku {
        position: absolute;
        top: -63px;
        left: 28px;
        width: 117px;
        height: 47px;
        box-sizing: content-box;
    }

    .arrow_box:after, .arrow_box:before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 50%;
    }

    .supportCenter .arrow_box:after, .supportCenter .arrow_box::before {
        left: 50%;
    }

    #MAIN .onelineArea.carSupport .carFlow02 .arrow_box:before,
    #MAIN .onelineArea.carSupport .carFlow02 .arrow_box:after {
        left: 59%;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-width: 9px;
        border-bottom-width: 9px;
        border-left-width: 5px;
        border-right-width: 5px;
        margin-left: -5px;
        border-top-color: #FFFFFF;
    }

    .arrow_box:before {
        border-color: rgba(230, 212, 0, 0);
        border-top-width: 12px;
        border-bottom-width: 12px;
        border-left-width: 7px;
        border-right-width: 7px;
        margin-left: -7px;
        margin-top: 3px;
        border-top-color: #dd798a;
    }


    .arrow_box_tanki {
        position: absolute;
        padding: .7em 0 .2em;
        font-size: 11.5px !important;
        background: #FFF;
        border: solid 3px #ed637b;
        z-index: 100;
        line-height: 1.5em;
        border-radius: 30px;
        height: 55px;
    }

    .arrow_box_tanki:before {
        content: "";
        position: absolute;
        top: 64%;
        right: -18px;
        margin-top: -13px;
        border: 6px solid transparent;
        border-left: 13px solid #FFF;
        z-index: 2;
    }

    .arrow_box_tanki:after {
        content: "";
        position: absolute;
        top: 61%;
        right: -27px;
        margin-top: -14px;
        border: 9px solid transparent;
        border-left: 17px solid #ed637b;
        z-index: 1;
    }

    .arrow_box_tanki p {
        margin: 0;
        padding: 0;
    }


    .arrow_box_sp {
        display: none
    }

.contents_wrap_training{
    max-width: 92%;
}
.cd_training{
    justify-content: center;
    margin-top: 10px;
}


    @media screen and (max-width: 769px) {
        .arrow_box_tanki {
            height: 57px;
            display: block;
        }

        .arrow_box_sp {
            display: none;
        }
        .contents_wrap_training{
            max-width: 100%!important;
        }
    }
    @media screen and (max-width: 767px) {
        .arrow_box_tanki {
            display: none;
        }

        .arrow_box_sp {
            display: block;
        }
    }





    #MAIN .onelineArea.carSupport .pc_only {
        display: block;
    }

    #MAIN .onelineArea.carSupport .pc_only02 {
        display: block;
    }

    #MAIN .onelineArea.carSupport .ip_only {
        display: none;
    }

    #MAIN .onelineArea.carSupport .sp_only {
        display: none;
    }

    #MAIN .onelineArea.carSupport .sp_only01 {
        display: none;
    }

    #MAIN .onelineArea.carSupport .sp_only02 {
        display: none;
    }

    #MAIN .onelineArea.carSupport .icon_ph {
        text-align: center;
        display: block;
        font-size: 140%;
        line-height: 0;
        padding-top: .5em;
    }

    #MAIN .onelineArea.carSupport .icon_ph img {
        width: 12px;
        vertical-align: middle;
        margin-top: -.1em;
        margin-right: .1em;
    }

    #MAIN .onelineArea.carSupport .phone_sp {
        display: none;
    }

    #MAIN .onelineArea.carSupport a figure img:hover {
        opacity: .8;
    }
    .career_up #MAIN .onelineArea.carSupport a figure img:hover {
        opacity: 1;
    }

    #MAIN .onelineArea.carSupport a .cd_item_wrap:hover {
        opacity: .8;
    }

    .carSupport_ttl .ca_service {
        font-size: 1.4em;
        margin-top: 20px;
        display: inline-block;
        line-height: 1.4em;
    }


    /*-- 就職・転職・学び直しサポート追加CSS:フロー --*/
    #MAIN .onelineArea.carSupport .carFlow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #MAIN .onelineArea.carSupport ul.notice li {
        text-indent: -1em;
        margin-left: 1em;
    }

    #MAIN .onelineArea.carSupport .carFlow li {
        box-sizing: border-box;
    }

    #MAIN .onelineArea.carSupport .carFlow > li {
        width: 28%;
        margin-right: 8%;
    }

    #MAIN .onelineArea.carSupport .carFlow > li:nth-child(3),
    #MAIN .onelineArea.carSupport .carFlow > li:last-child {
        margin-right: 0;
    }

    #MAIN .onelineArea.carSupport .carFlow > li p {
        font-weight: normal;
        text-align: center;
    }

    #MAIN .onelineArea.carSupport .carFlow li.bg_blue {
        position: relative;
        border: 2px solid #0c2a6c;
        padding: 1em;
        font-size: 12.5px;
        text-align: center;
        margin-bottom: 23px;
        box-shadow: 0 0 5px rgba(111, 150, 174, .5);
        border-radius: 0 10px 10px 10px;
        letter-spacing: .005em;
    }

    #MAIN .onelineArea.carSupport .carFlow li.bg_blue p {
        font-weight: normal;
        line-height: 1.4em;
        padding: .5em;
        margin-top: .3em;
        background: #f0f3f5;
        border-radius: 10px;
    }

    #MAIN .onelineArea.carSupport .carFlow li.bg_blue span {
        position: absolute;
        top: 0;
        left: -2px;
        font-size: 110%;
        background: #0c2a6c;
        padding: 0 8px;
        color: #fff;
        font-weight: bold;
    }

    #MAIN .onelineArea.carSupport .carFlow li.arrow::before {
        position: absolute;
        content: "";
        background: url("img/career_up/arrow02.png") no-repeat center;
        background-size: contain;
        width: 37px;
        height: 26px;
        right: -55px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    #MAIN .onelineArea.carSupport .carFlow li.arrow05::after {
        position: absolute;
        content: "";
        background: url("img/career_up/arrow02.png") no-repeat center;
        background-size: contain;
        width: 37px;
        height: 26px;
        left: -63px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    #MAIN .onelineArea.carSupport .carFlow li:nth-child(4) {
        margin-left: 10%;
        margin-right: 11%;
        padding: 0;
        width: 35%;
    }

    #MAIN .onelineArea.carSupport .carFlow li:nth-child(4) figure img {
        border-radius: 8px;
    }

    #MAIN .onelineArea.carSupport .carFlow li:nth-child(5) figure img {
        max-height: 160px;
    }

    #MAIN .onelineArea.carSupport .carFlow li.arrow.arrow03::before {
        display: none;
    }

    #MAIN .onelineArea.carSupport .carFlow li.arrow.arrow04::before {
        right: -63px;
    }

    #MAIN .onelineArea.carSupport .carFlow > li strong {
        font-weight: bold;
        text-align: center;
    }

    #MAIN .onelineArea.carSupport .carFlow figure {
        margin: 0;
    }

    #MAIN .onelineArea.carSupport .carFlow01 li.mensetsu {
        position: relative;
    }

    #MAIN .onelineArea.carSupport .carFlow01 li.mensetsu p {
        position: absolute;
        bottom: 0;
        margin-top: 0;
        border-radius: 0px 0px 8px 8px;
        width: 100%;
        padding: 7px 0;
    }

    #MAIN .onelineArea.carSupport .carFlow01 li:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #MAIN .onelineArea.carSupport .moushikomi {
        padding-top: 1em;
        padding-bottom: 1.3em;
    }


    #MAIN .onelineArea.carSupport .carFlow02 {
        align-items: center;
    }

    #MAIN .onelineArea.carSupport .carFlow02 {
        align-items: center;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex {
        display: flex;
        flex-wrap: wrap;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex li:nth-child(1) {
        width: 100%;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex li:nth-child(2) figure img {
        object-fit: contain;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff {
        position: relative;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff .arrow_box {
        margin: 0;
        height: 55px;
        font-size: 95%;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff p {
        position: absolute;
        left: 10px;
        width: 86px;
        box-sizing: content-box;
        letter-spacing: .005em;
    }

    #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff figure {
        width: 48%;
        margin-left: auto;
    }


    #MAIN .onelineArea.carSupport .carFlow03 {
        margin-bottom: 12px;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li {
        width: 45%;
        margin-right: 10%;
        position: relative;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li:last-child {
        margin-right: 0;
    }

    #MAIN .onelineArea.carSupport .carFlow03 li.arrow::before {
        width: 37px;
        height: 26px;
        right: -52px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    #MAIN .onelineArea.carSupport .carFlow03 li ul.frame {
        background: #def0fa;
        padding: 10px;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li > ul {
        display: flex;
        flex-wrap: wrap;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li > ul > li {
        width: 63%;
        height: auto;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li > ul > li:nth-child(2) {
        width: 37%;
        margin-right: 0;
        margin-left: auto;
    }

    #MAIN .onelineArea.carSupport .carFlow03 > li > ul > li:nth-child(2) figure img {
        max-height: 125px;
    }

    #MAIN .onelineArea.carSupport .carFlow03 figure {
        margin: 0;
    }

    #MAIN .onelineArea.carSupport .carFlow03 li.bg_blue {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
        border: none;
        box-shadow: none;
        text-align: left;
        padding: 0;
    }

    #MAIN .onelineArea.carSupport dl {
        padding-left: 10px;
    }

    #MAIN .onelineArea.carSupport dl dt {
        padding: 5px 0 0 0;
        font-size: 14px;
        text-indent: 0;
    }

    #MAIN .onelineArea.carSupport dl dt a,
    #MAIN .onelineArea.carSupport dl dt a span {
        color: #005bac;
    }

    @media (max-width: 769px) {
        #MAIN .onelineArea.carSupport dl dt {
            font-size: 13px;
        }
    }

    /*-- 就職・転職・学び直しサポート追加CSS:クリエイトリンク --*/
    #MAIN .onelineArea.carSupport .create_link {
        margin-top: 3em;
        border: 7px double #d1cccc;
    }

    #MAIN .onelineArea.carSupport .create_link .create_link_inner {
        padding: 23px 15px 13px;
    }

    #MAIN .onelineArea.carSupport .create_link .create_link_ttl strong {
        display: block;
        text-align: center;
        font-size: 19px;
        line-height: 1.4em;
        color: #005bac;
        padding-bottom: .1em;
    }

    #MAIN .onelineArea.carSupport .create_link .create_link_ttl p {
        text-align: center;
        display: block;
        font-size: 14.5px;
    }

    #MAIN .onelineArea.carSupport .create_link ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: .3em;
    }

    #MAIN .onelineArea.carSupport .create_link ul li {
        width: 34%;
        padding: 1%;
    }

    #MAIN .onelineArea.carSupport .create_link ul li:last-child {
        width: 62%;
    }

    #MAIN .onelineArea.carSupport .create_link ul li span {
        display: inline-block;
    }

    #MAIN .onelineArea.carSupport .create_link ul li figure {
        margin: 0;
    }


    /*-- 就職・転職・学び直しサポート追加CSS:カード --*/
    .cd {
        display: flex;
        flex-wrap: wrap;
    }

    .cd--col2 {
        justify-content: space-between;
    }

    .cd--col2 .cd_wrap {
        width: 49%;
    }

    .cd--col2 .cd__item.cd_jimu {
        background: #ffffff;
    }

    .cd--col2 .cd__item.cd_kaigo {
        background: #ffffff;
    }

    .cd--col2 .cd_wrap:nth-child(2n) .cd__item {
        margin-right: 0;
    }

    .cd--col2 .cd_logo {
        text-align: center;
        padding: 2em 1em 2em;
    }

    #MAIN .onelineArea.carSupport .cd--col2 .cd_logo img {
        width: 280px;
    }

    .cd--col2 .cd__item {
        margin-bottom: 30px;
        display: block;
        border: 2px solid #e4e0e0;
        box-sizing: border-box;
        padding-bottom: 2em;
    }

    .cd--col2 .cd__item figure {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }

    .cd--col2 .cd_wrap figure {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }

    .cd--col2 .cd__item .cd__img-wrapper {
        height: 130px;
    }

    .cd--col2 .cd__item .cd__img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .cd--col2 .cd__item:nth-of-type(2n) {
        margin-right: 0;
    }

    .cd--col2 .cd_wrap .tantou {
        text-align: center;
    }

    #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap .tantou img {
        max-width: 100%;
        padding-top: .3em;
        max-height: 260px;
    }

    #MAIN .onelineArea.carSupport .cd--col2 .cd__text {
        color: #005bac;
        text-align: center;
        font-size: 16px;
        position: relative;
        line-height: 1.4em;
        padding: .8em .5em 0;
        letter-spacing: .005em;
    }


    .application_wrap {
        padding: 12px 0 30px;
        text-align: center;
    }

    .application_wrap strong {
        font-size: 18px;
        padding-bottom: 3px;
        display: inline-block;
        color: #005bac;
    }

    .application_wrap li {
        font-size: 1.1em;
        line-height: 1.7em;
        text-indent: -1em;
        margin-left: 1em;
        padding: 6px 0 6px 1em;
        text-align: left;
    }

    .application_wrap li + li {
        border-top: 1px solid #ddd;
    }


    @media screen and (max-width: 769px) {
        #MAIN .onelineArea.carSupport .skill_up h2 {
            font-size: 20px;
            padding: .5em 10px .6em 10px;
        }

        #MAIN .onelineArea.carSupport .supportCenter .skill_up h2 {
            text-align: center;
        }

        #MAIN .onelineArea.carSupport h3 {
            text-align: center;
            font-size: 150%;
        }

        #MAIN .onelineArea.carSupport .carFlow li.bg_blue {
            font-size: 12px;
            letter-spacing: 0;
        }

        #MAIN .onelineArea.carSupport .carFlow li.arrow::before {
            right: -47px;
            width: 36px;
            height: 25px;
            background-size: contain;
            top:47%;
        }

        #MAIN .onelineArea.carSupport .carFlow li.arrow.arrow04::before {
            right: -59px;
            top: 50%;
        }

        #MAIN .onelineArea.carSupport .carFlow li:nth-child(5) figure img {
            object-fit: contain;
        }

        .supportCenter .arrow_box.other_link {
            margin-top: 40px;
        }


        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff .arrow_box {
            height: 68px;
            font-size: 90%;
        }

        #MAIN .onelineArea.carSupport .cd--col2 {
            margin-bottom: -20px;
        }

        #MAIN .onelineArea.carSupport .cd .cd__item {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px;
        }

        #MAIN .onelineArea.carSupport .cd__text {
            font-size: 130%;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_inner {
            padding: 24px 15px 18px;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_ttl strong {
            font-size: 18.5px;
        }

        #MAIN .onelineArea.carSupport .create_link ul {
            margin-top: 0;
        }

        #MAIN .onelineArea.carSupport .create_link ul li {
            width: 39%;
        }

        #MAIN .onelineArea.carSupport .create_link ul li:last-child {
            width: 60%;
            margin-left: auto;
        }


        #MAIN .onelineArea.carSupport .arrow_box {
            width: 260px;
            height: 89px;
            font-size: 14px;

        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap .arrow_box {
            box-sizing: border-box;
        }

        #MAIN .onelineArea.carSupport .supportCenter .arrow_box {
            width: 109px;
            height: 43px;
            font-size: 13px;
            margin-bottom: -1.5em;
            margin-left: 30px;
        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap .tantou img {
            height: auto;
            width: 64%;
            padding-top: 2%;
        }

        #MAIN .onelineArea.carSupport .tanki_school .skill_up h2 {
            margin-top: 68px;
        }

        #MAIN .onelineArea.carSupport .tanki_school .arrow_box.shikaku {
            width: 99px;
            height: 43px;
            font-size: 12px;
            top: -58px;
            left: 6px;
        }

        #MAIN .onelineArea.carSupport .pc_only02 {
            display: none;
        }

        #MAIN .onelineArea.carSupport .ip_only {
            display: block;
        }

        #MAIN .onelineArea.carSupport .working_wrap .carFlow > li {
            width: 27%;
            margin-right: 9%;
        }

        #MAIN .onelineArea.carSupport .working_wrap .carFlow > li:last-child {
            margin-right: 0;
        }

        #MAIN .onelineArea.carSupport .working_wrap .carFlow li.bg_blue {
            padding: 1em .7em;
        }

        .cd--col2 .cd__item .cd__img-wrapper {
            height: 113px;
        }

        .application_wrap li {
            letter-spacing: .05em;
        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd__text {
            font-size: 15.5px;
            letter-spacing: 0;
        }
    }


    @media screen and (max-width: 767px) {
        #MAIN .titleArea.carSupport_ttl p {
            font-size: 106%;
        }

        #MAIN .onelineArea.carSupport dl dt {
            padding: 0px 0 0 .5em;
            text-indent: -1em;
        }

        #MAIN .onelineArea.carSupport dl dt + dt {
            padding-top: 6px;
        }

        #MAIN .onelineArea.carSupport .icon_ph {
            font-size: 128%;
        }

        #MAIN .onelineArea.carSupport .supportCenter .arrow_box {
            width: 91px;
            height: 43px;
            font-size: 12px;
            margin-bottom: -1.4em;
        }

        #MAIN .titleArea.carSupport_ttl h1 {
            font-size: 166%
        }

        #MAIN .onelineArea.carSupport h3 {
            font-size: 122%;
        }

        #MAIN .onelineArea.carSupport h3.shien {
            margin-top: 1.5em;
        }

        #MAIN .onelineArea.carSupport .skill_up h2 {
            font-size: 17px;
            line-height: 1.4em;
            padding-bottom: .5em;
            margin-bottom: .6em;
        }

        #MAIN .onelineArea.carSupport strong.career {
            font-size: 132%;
            padding: 2em 0 .3em;
        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap {
            width: 90%;
            margin: auto;
            margin-top: 12px;
        }

        #MAIN .onelineArea.carSupport strong.career + .cd--col2 .cd_wrap:first-child {
            margin-top: 0;
        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap .tantou img {
            width: 70%;
            object-fit: contain;
        }

        #MAIN .onelineArea.carSupport .cd .cd__item {
            margin-bottom: 10px;
        }

        #MAIN .onelineArea.carSupport .cd--col2 .cd_wrap .arrow_box {
            width: 211px;
            height: 80px;
            font-size: 13px;
        }

        #MAIN .onelineArea.carSupport .cd__text {
            font-size: 128%;
        }

        #MAIN .onelineArea.carSupport .carFlow > li {
            width: 68%;
            margin-right: 0;
        }

        #MAIN .onelineArea.carSupport .carFlow.carFlow01 > li {
            width: 78%;
        }

        #MAIN .onelineArea.carSupport .carFlow li.arrow::before {
            background: url("img/career_up/arrow03.png") no-repeat center;
            left: 50%;
            bottom: -46px;
            background-size: contain;
            width: 22px;
            height: 31px;
            top: initial;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }

        #MAIN .onelineArea.carSupport .carFlow li.arrow.arrow03::before {
            display: block;
        }
        #MAIN .onelineArea.carSupport .carFlow.carFlowTraining li.arrow.arrow03::before {
            display: none;
        }

        #MAIN .onelineArea.carSupport .carFlow li:nth-child(4) {
            margin-left: 0;
            margin-right: 0;
        }

        #MAIN .onelineArea.carSupport .carFlow li:nth-child(5) figure img {
            max-height: 141px;
        }

        #MAIN .onelineArea.carSupport .carFlow li.bg_blue {
            margin-bottom: 57px;
        }
        #MAIN .onelineArea.carSupport .carFlow.carFlowTraining li.bg_blue.arrow03 {
            margin-bottom: 30px;
        }

        #MAIN .onelineArea.carSupport .carFlow li.arrow05::after {
            display: none;
        }


        #MAIN .onelineArea.carSupport .carFlow02 > li > ul {
            display: flex;
            margin: 0 -20%;
            justify-content: space-between;
        }

        #MAIN .onelineArea.carSupport .carFlow02 > li > ul > li {
            width: 49%;
            margin-bottom: 0 !important;
        }

        #MAIN .onelineArea.carSupport .carFlow02 > li > ul.flow_flex {
            margin-top: 60px;
        }

        #MAIN .onelineArea.carSupport .carFlow02 > li > ul.flow_flex li:last-child {
            margin-top: 20px;
        }

        #MAIN .onelineArea.carSupport .tanki_school .carSupport_ttl {
            padding-bottom: 0;
            font-size: 121%;
            margin-top: 3em;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex li:nth-child(1) {
            width: 64%;
            margin: auto;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex li:nth-child(2) figure img {
            max-height: 161px;
            object-fit: contain;
            height: auto;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff {
            justify-content: center;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff .arrow_box {
            height: 54px;
            font-size: 98%;
            margin-bottom: .5em;
            box-sizing: border-box;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff .arrow_box::before,
        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff .arrow_box::after {
            left: 50%;
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff p {
            width: 55%;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }

        #MAIN .onelineArea.carSupport .carFlow02 ul.flow_flex .priceOff figure {
            margin: 64px auto 0;
        }


        #MAIN .onelineArea.carSupport .carFlow03 > li {
            width: 100%;
            margin-bottom: 10px;
        }

        #MAIN .onelineArea.carSupport .carFlow03 > li > ul > li {
            max-height: 120px;
        }

        #MAIN .onelineArea.carSupport .carFlow03 > li > ul > li:nth-child(2) figure img {
            max-height: 120px;
        }

        #MAIN .onelineArea.carSupport .carFlow03 figure img {
            max-height: 120px;
            object-fit: contain;
        }

        #MAIN .onelineArea.carSupport .carFlow03 li.bg_blue {
            margin-bottom: 0
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_inner {
            padding: 25px 15px 25px;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_ttl strong {
            font-size: 16.5px;
            padding-bottom: .3em;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_ttl p {
            padding-bottom: .2em;
            font-size: 13.5px;
        }

        #MAIN .onelineArea.carSupport .create_link ul li {
            width: 100%;
        }

        #MAIN .onelineArea.carSupport .create_link ul li:last-child {
            width: 100%;
        }

        #MAIN .onelineArea.carSupport .create_link ul li figure {
            margin: .5em .5em .8em;
        }

        #MAIN .onelineArea.carSupport .cd .cd__item.cd_kaigo {
            margin-bottom: 30px;
        }

        #MAIN .onelineArea.carSupport .tanki_school .arrow_box.shikaku {
            top: -64px;
            left: 6%;
        }

        #MAIN .onelineArea.carSupport .pc_only {
            display: none;
        }

        #MAIN .onelineArea.carSupport .ip_only {
            display: none;
        }

        #MAIN .onelineArea.carSupport .sp_only {
            display: block;
        }

        #MAIN .onelineArea.carSupport .sp_only01 {
            display: block;
        }

        #MAIN .onelineArea.carSupport .phone_sp {
            display: inline;
        }

        #MAIN .onelineArea.carSupport .working_wrap {
            padding-bottom: 1em;
        }

        #MAIN .onelineArea.carSupport .working_wrap .carFlow > li {
            width: 68%;
            margin-right: 0%;
        }

        #MAIN .onelineArea.carSupport .working_wrap .carFlow02 > li > ul.flow_flex {
            margin-top: 40px;
        }

        .application_wrap {
            padding: 30px 0 20px;
        }

        .application_wrap strong {
            font-size: 17px;
            padding-bottom: 5px;
        }
        #MAIN .onelineArea.carSupport .carFlow li.arrow.arrow04::before {
            top: 110%;
        }
        #MAIN .onelineArea.carSupport .carFlow figure {
            text-align: center;
        }
    }
    @media screen and (max-width: 375px) {
        #MAIN .onelineArea.carSupport .carFlow li.bg_blue p {
            letter-spacing: 0;
        }
    }

    @media screen and (max-width: 320px) {
        #MAIN .onelineArea.carSupport .contents_wrap {
            max-width: 96%;
        }

        .carSupport_ttl .ca_service {
            font-size: 1.25em;
        }

        #MAIN .onelineArea.carSupport .icon_ph {
            font-size: 122%;
        }

        #MAIN .onelineArea.carSupport .supportCenter .arrow_box {
            margin-bottom: -1.3em;
        }

        #MAIN .titleArea.carSupport_ttl h1 {
            font-size: 142%
        }

        #MAIN .onelineArea.carSupport .cd__text {
            font-size: 122%;
            padding-bottom: .1em;
        }

        #MAIN .onelineArea.carSupport .tanki_school .skill_up h2 {
            margin-top: 53px;
        }

        #MAIN .onelineArea.carSupport .tanki_school.other_link .skill_up h2 {
            margin-top: 60px;
        }

        #MAIN .onelineArea.carSupport .tanki_school .arrow_box.shikaku {
            top: -52px;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_ttl strong {
            font-size: 14.5px;
            letter-spacing: 0;
        }

        #MAIN .onelineArea.carSupport .sp_only01 {
            display: none;
        }

        #MAIN .onelineArea.carSupport .sp_only02 {
            display: block;
        }

        .application_wrap {
            padding: 25px 0 15px;
        }

        .cd--col2 .cd__item .cd__img-wrapper {
            height: 95px;
        }

        #MAIN .onelineArea.carSupport .create_link .create_link_ttl p {
            font-size: 13px;
        }
        #MAIN .onelineArea.carSupport .cd--col2 .cd__text {
            font-size: 15px;
            padding: .8em .3em 0;
        }
    }


    @media (min-width: 768px) {
        #MAIN .onelineArea.carSupport a[href^="tel:"] {
            pointer-events: none;
            text-decoration: none;
        }
    }


    .bnr_link {
        position: fixed;
        bottom: 60px;
        right: 0;
        z-index: 100;
    }

    .bnr_link li {
        position: relative;
        width: 65px;
    }

    .bnr_link > ul > li.type-company {
        background-color: #3fa9b3;
    }

    .bnr_link > ul > li.type-user {
        background-color: #ca5b65;
    }

    .bnr_link > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.5em;
        padding: 5px 13px 12px 13px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .bnr_link > ul > li.type-company > a:hover {
        background-color: #78ced6;
        opacity: 1;
        transition: .3s;
    }

    .bnr_link > ul > li.type-user > a:hover {
        background-color: #e67e87;
        opacity: 1;
        transition: .3s;
    }

    .bnr_link > ul > li > a > span.bnr_dec {
        padding-top: 50px;
        writing-mode: vertical-rl;
        text-align: left;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: .03em;
    }

    .bnr_link > ul > li > a > span.bnr_dec::before {
        content: "";
        position: absolute;
        top: 12px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: 35px;
        height: 35px;
    }

    .bnr_link > ul > li.type-company > a > span.bnr_dec::before {
        background: url(img/index/icon_company.png) no-repeat center;
        background-size: contain;

    }

    .bnr_link > ul > li.type-user > a > span.bnr_dec::before {
        background: url(img/index/icon_user.png) no-repeat center;
        background-size: contain;
    }

    .bnr_link > ul > li.type-hbg {
        display: none;
    }

    @media screen and (max-width: 769px) {
        .bnr_link {
            width: 100%;
            bottom: 0 !important;
            z-index: 1000;
        }

        .bnr_link > ul {
            display: -webkit-flex;
            display: flex;
            justify-content: space-evenly;
            padding: 7px 5px;
            background: #eaeaea;
        }

        .bnr_link > ul > li {
            border-radius: 9px;
        }

        .bnr_link > ul > li.type-company,
        .bnr_link > ul > li.type-user {
            width: 42%;
        }

        .bnr_link > ul > li.type-hbg {
            display: block;
            width: 8%;
            padding: 20px 0;;
            position: relative;
            background: #fff;
            align-self: center;
        }

        .bnr_link > ul > li > a {
            padding: 3.5%;
            line-height: 1.4em;
        }

        .bnr_link > ul > li > a > span.bnr_dec {
            writing-mode: horizontal-tb;
            font-size: 1em;
            letter-spacing: .005em;
            padding-left: 20px;
            padding-top: 0;
            position: relative;
        }

        .bnr_link > ul > li > a > span.bnr_dec::before {
            left: -8px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            width: 25px;
            height: 25px;
        }

        .gnavi.gnavi_new .menuArea ul li .gnavi_close img {
            width: 22px;
            height: 22px;
        }
    }
    @media screen and (max-width: 650px) {
        .bnr_link ul li br {
            display: block;
        }
    }


    @media screen and (max-width: 460px) {
        .bnr_link > ul > li {
            margin: 0 1%;
        }

        .bnr_link > ul > li.type-company,
        .bnr_link > ul > li.type-user {
            width: 43%;
        }

        .bnr_link > ul > li.type-hbg {
            width: 12%;
            padding: 18px 0;
        }

        .bnr_link > ul > li > a {
            padding: 5.5%;
            line-height: 1.3em;
        }

        .bnr_link > ul > li > a > span.bnr_dec {
            padding-left: 20px;
            line-height: 1.4em;
        }

        .bnr_link > ul > li > a > span.bnr_dec::before {
            left: -8px;
        }
    }
    @media screen and (max-width: 375px) {
        .bnr_link > ul > li > a > span.bnr_dec {
            font-size: .95em;
        }
    }
    @media screen and (max-width: 320px) {
        .bnr_link {
            width: 100%;
        }

        .bnr_link > ul > li > a {
            padding: 6.5% 5.5%;
        }

        .bnr_link > ul > li > a > span.bnr_dec {
            font-size: .89em;
            padding-left: 17px;
        }

        .bnr_link > ul > li > a > span.bnr_dec::before {
            width: 17px;
            height: 17px;
            left: -3px;
        }
    }

    @media (max-height: 450px) {
        .bnr_link {
            bottom: 0;
        }
    }
    @media (min-height: 451px) {
        .bnr_link {
            bottom: 30px;
        }
    }
    @media (min-height: 575px) {
        .bnr_link {
            bottom: 60px;
        }
    }
    @media (min-height: 800px) {
        .bnr_link {
            bottom: 200px;
        }
    }
    body.fixed {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
    }


    /* module.css
------------------------------------------ */
    /* general
------------------------------------------ */
    #TOP .imageOnly {
        font-size: 0 !important;
        line-height: 0 !important;
        zoom: 1;
    }

    #TOP li.front {
        margin-top: 0 !important;
    }

    .imageOnly {
        font-size: 0 !important;
        line-height: 0 !important;
        zoom: 1;
    }


    .front {
        margin-top: 0 !important;
    }


    /* clearFix
------------------------------------------ */
    .clearFix {
        zoom: 100%;
    }

    .clearFix:after {
        display: block;
        clear: both;
        height: 0px;
        content: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
    }

    @media print {
        .clearFix:after {
            display: table;
            width: 100%;
            font-size: 0;
            line-height: 0;
        }
    }