/*
Theme Name: FSV BASIC CORPORATE BLUE
Theme URI: http://www.templateking.jp/
Author URI: http://www.firstserver.co.jp/
Description: A generic template that fits all kinds of business websites.
*/

body{
    font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica, Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;

}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.pc{ display: block !important;}
.tab{display: none !important;}
.sp{ display: none !important;}

.Cen{ text-align: center;}

a:focus{outline:none;}
a:hover img{
    opacity: 0.6;
    transition: 0.3s;
}

.component-inner, .site-header-area .component-inner, .header-image-area .component-inner{
    padding: 0;
    width: 1200px;
    width: 120rem;
    max-width: inherit;
}
body.column-2r .main-content-site{ padding-right: 0;}
.main-content-area{ padding-top: 0;}


/*@media (min-width: 1024px){
    body.column-2r .main-content-site{
        width: 100%;
        margin: 0 auto;
    }
    .footer-widget-area{ padding-left: 2%; padding-right: 2%;}
}
*/
@media (max-width: 768px){
    body{ min-width: inherit;}
    body.column-2r .main-content-site{
        width: 98%;
        margin: 0 auto;
    }
    .component-inner, .site-header-area .component-inner, .header-image-area .component-inner{
        padding: 0;
        width: 100%;
    }
    .pc{ display: none !important;}
    .sp{ display: block !important;}
}


/* header
-------------------------------------------------------------- */
.site-header-area{ border: none;}
.header-title-area{
    width: 55%;
}
#header-widget-area {
    width: 41%;
    padding-top: 4%;
}

.header-title-only .site-title-img, .header-title-area .site-title-img{
    max-width: 666px;
    max-width: 66.6rem;
    margin: 0;
}
.header-title-only .site-description, .header-title-area .site-description{
    position: absolute;
    display: block;
    left: 19%;
    font-size: 18px;
    font-size: 1.7rem;
    color: #333;
    padding: 0;
}

.hw_link2{ display: none;}

.bn_contact{
    float: left;
    margin-right: 3%;
}
.bn_contact a{
    display: block;
    padding: 8px;
    box-sizing: border-box;
    text-align: center;
    background: #D95A4F;
}
.bn_contact a:hover{
    background: #D67968;
}
.bn_contact a img{
    width: 100%;
    max-width: 130px;
    height: auto;
}
.bn_contact a:hover img{ opacity: 1;}

.phone_num{
    float: left;
}
.hw_text_large,
.hw_link2 .hw_text_large a{
    font-size: 30px;
    font-size: 3.0rem;
    color: #010101;
    margin-bottom: 0;
    padding-top: 5px;
}

#header-nav-area .component-inner{ padding: 0;}
#header-nav-area{
    background-color:#B9C3C9;
    box-shadow: none;
}

#site-navigation div.menu > ul{
    display: flex;
    justify-content: space-between;
}
#site-navigation div.menu > ul > li{
    width: 11%;
}
#site-navigation div.menu > ul > li:first-of-type{
    background: none;
    width: 9%;
}
#site-navigation div.menu > ul > li:last-of-type{ background:url("../images/border_nav.png") no-repeat left center; width: 11%;}


#site-navigation div.menu > ul.menu > li > a{ width: 100%; color: #fff; letter-spacing: 0.38rem;}

body.home #site-navigation .current-menu-ancestor > a,
body.home #site-navigation .current_page_item > a{ font-weight: normal;}

#site-navigation li ul{ left: 3px;}

#site-navigation li a:hover,
#site-navigation li:hover {
    color: #5F5E65;
    background: #EEEEEE;
    opacity: 1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#site-navigation li ul li{ border-top: 1px solid #fff;}
#site-navigation li ul li a{
    background-color:#B9C3C9;
    font-size: 16px;
    font-size: 1.6rem;
    width: 210px;
    width: 21rem
}

#site-navigation li ul li a:hover{
    color: #5F5E65;
    background: #EEEEEE;
    opacity: 1;
}
#site-navigation div.menu > ul > li > a{
    font-size: 16px;
    font-size: 1.6rem;
    padding: 17px 0;
    padding: 1.7rem 0;
}
/* 研修紹介
-------------------------------------------------------------- */
.training_box2_left3{
    width: 80px;
    height: 80px;
    background-color: #01263d;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    display: table;
    font-size:110%;
    float: left;
    margin-right:15px;
    border-radius:5px;
}

.kyoukai { 
  color: #800000;
  font-weight: bold;
}

.training-list {
	color: #000;
	font-size: 120%;
}
.training-list div {
	margin-bottom: 50px;
	clear: both;
}

.training-list ul li {
	float: left;
	width: 270px;
	padding: 5px;
	border: solid 1px #cccccc;
	list-style-type: none;
	margin-bottom: 10px;
	border-radius: 3px;
	text-align: center;
	display: block;
}

.training-list ul li:hover{
	background-color: #ADD8E6;
	transition-duration: 0.5s;
}
.training-list ul li:last-child{
	margin-bottom:50px;
}
.training-list ul li a {
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.close-title {
	color: #C0C0C0;
	font-weight: bold;
	font-size: 100%;
}
.shinnin-box {
	line-height: 56px;
}
.training-title {
	clear: both;
	border-left: solid 5px #CA6255;
	padding-left: 5px;
	font-weight: bold;
	color: #444;
	font-size: 95%;
}
img.nostyle {
    border-radius: 0;
    box-shadow: none;
}
@media (max-width: 768px) {
/*SP用*/
    .mmenu-load-button{ left: 4%;}
    .header-title-area{
        width: 100%;
        padding: 3rem 1rem 2rem 17%;
    }
    .header-title-area .site-title-img a img{ width: 100%;}
    .header-title-only .site-description, .header-title-area .site-description{
        font-size: 10px;
        font-size: 1.0rem;
        top: 5px;
        left: auto;
        right: auto;
        margin: 0 auto;
    }
    #header-widget-area{
        padding: 10px 4%;
    }
    .bn_contact{
        width: 25%;
        vertical-align: middle;
    }
    .phone_num{
        width: 70%;
        vertical-align: middle;
    }
    .phone_num .hw_text_large{ padding: 0;}
    .hw_text_large{ font-size: 2.2rem; text-align: left;}
    
    .mm-menu{ background: #B9C3C9;}
    .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*,
    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{ color: #FFF;}
    #site-navigation div.menu > ul{
        display: block;
    }
    #site-navigation div.menu > ul > li{ width: 100%;}
    #site-navigation div.menu > ul > li > a{
    font-size: 15px;
    font-size: 1.5rem;
    padding: 17px 10px;
    padding: 1.7rem 1rem;
}
    #site-navigation div.menu > ul > li:last-of-type{ background: none; width: 100%;}

}
@media (max-width: 360px) {
/*SP用*/
    .hw_text_large{ font-size: 1.9rem; text-align: left;}
    .bn_contact a{ margin-right: 10px;}
}

/*---------------------------講師紹介用 ここから--------------------------- */
.trainer_box.col01{ border: 28px solid #80B8D1;}

.trainer_box.col02{ border: 28px solid #F4C3CA;}

.trainer_box.col03{ border: 28px solid #F9CBBE;}

.trainer_box.col04{ border: 28px solid #C1E0AD;}

.trainer_box.col05{ border: 28px solid #BCE5E8;}

.trainer_box.col06{ border: 28px solid #FCD0E9;}

.trainer_box.col07{ border: 28px solid #95E8D9;}

.trainer_box.col08{ border: 28px solid #DDC5DC;}

.trainer_box.col09{border: 28px solid #d3e497;}

.trainer_box.col10{border: 28px solid #c5e8f1;}

.trainer_box.col11{border: 28px solid #ffecca;}

.box_message.col02 h4{
    color: #eb8e95;
}

.box_message.col03 h4{
    color: #f07c5b;
}

.box_message.col04 h4{
    color: #6da94a;
}

.box_message.col05 h4{
    color: #7cc4ce;
}

.box_message.col06 h4{
    color: #fb83bd;
}

.box_message.col07 h4{
    color: #32d5be;
}

.box_message.col08 h4{
    color: #b977b5;
}
/*---------------------------講師紹介用 ここまで--------------------------- */


/* footer
-------------------------------------------------------------- */
.footer-widget-area{ padding-bottom: 70px; padding-top: 4rem;}
#footer-widget-area-1.widget-area,
#footer-widget-area-2.widget-area{ padding-bottom: 0; margin-bottom: 0;}
#footer-widget-area-1, #footer-widget-area-2{ border: none;}

#footer-widget-area-1{
    width: 68%;
    padding-right: 2%;
    box-sizing: border-box;
}
#footer-widget-area-2{
    width: 32%;
    max-width: 374px;
    padding: 0;
}

#footer-widget-area-1 .footer_contact{
    padding-bottom: 46px;
    margin-bottom: 45px;
    border-bottom: 1px solid #B2B2B2;
}
#footer-widget-area-1 .footer_contact dl{
    display: inline-block;
    width: 49%;
    vertical-align: bottom;
    box-sizing: border-box;
}
#footer-widget-area-1 .footer_contact dl.mail{
    border-right: 1px dotted #B7AFA8;
    padding-right: 25px;
}
#footer-widget-area-1 .footer_contact dl.mail a{
    display: block;
    padding: 17px 10px;
    box-sizing: border-box;
    text-align: center;
    background: #D95A4F;
}
#footer-widget-area-1 .footer_contact dl.mail a:hover{ background: #D67968;}
#footer-widget-area-1 .footer_contact dl.mail a:hover img{ opacity: 1;}
#footer-widget-area-1 .footer_contact dl.mail a img{
    width: 100%;
    max-width: 324px;
}

#footer-widget-area-1 .footer_contact dl.tel{
    padding-left: 20px;
}

#footer-widget-area-1 .footer_contact dt{
    display: block;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 10px;
    color: #666666;
}
#footer-widget-area-1 .footer_contact .tel dt{ text-align: left; margin-bottom: 20px;}
#footer-widget-area-1 .footer_contact dd{
    font-size: 17px;
    font-size: 1.7rem;
}
#footer-widget-area-1 .footer_contact .tel p{
    font-size: 17px;
    font-size: 1.7rem;
    color: #666666;
}
#footer-widget-area-1 .footer_contact .tel p.icn_tel{
    display: inline-block;
    font-size: 31px;
    font-size: 3.1rem;
    color: #666666;
    font-weight: 600;
    margin: 10px 0 10px 0;
    padding-left: 35px;
    background: url(../images/common/icn_phone.png) no-repeat left;
    min-height: 26px;
}

#footer-widget-area-1 .footer_contact .tel a {
    font-size: 31px;
    font-size: 3.1rem;
    color: #666666;
    font-weight: 600;
}

#footer-widget-area-1 .footer_contact .tel p.subtxt{
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
}

#footer-widget-area-1 .sub-menu{ display: none;}

#footer-widget-area-2 .f_bn_area{}
#footer-widget-area-2 .f_bn_area li{
    text-align: center;
    margin-bottom: 30px;
}
#footer-widget-area-2 .f_bn_area li p{
    margin-top: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.9;
    letter-spacing: -0.1rem;
    color: #666666;
}

.f_nav .widget-title{
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_pages .f_nav ul.menu{
    width: 100%;
    max-width: 345px;
}
.widget_pages .f_nav ul.menu li{
    float: left;
    width: 50%;
    padding: 0 0 0 20px;
    margin-bottom: 3px;
    background: none;
    text-indent: 0;
}

.widget_pages .f_nav ul.menu li a{
    color: #666666;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0;
}

.footer-copy-area{
    background: #fff;
    border-top: 1px solid #B9C3C9;
    text-align: center;
}

.f_logo,
.f_txt{ display: inline-block; vertical-align: bottom;}
.f_txt{ 
	padding-left: 15px;
	margin-bottom:5px;
}

.f_txt p,
.footer-copy-area .footer-copy{
    color: #9FB3BA;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: left;
    margin-bottom: 5;
}
.pp-0{
    padding-bottom: 0px;
}
/*@media (min-width: 1024px){
/*small PC用
    #footer-widget-area-1 .footer_contact .tel p.subtxt{ line-height: 1.5;}

}
@media (min-width: 768px) and (max-width: 1023px){
/*tab用
    #footer-widget-area-1{
        width: 100%;
        padding: 1.5rem;
    }
    #footer-widget-area-1 .footer_contact{ padding-bottom: 26px; margin-bottom: 20px;}
    f_nav{ padding: 0;}
    .widget_pages .f_nav ul.menu{ max-width: inherit; text-align: center; margin-top: 20px;}
    .widget_pages .f_nav ul.menu li{
        width: auto;
        display: inline-block;
        border-bottom: none;
        float: none;
    }
    #footer-widget-area-2{
        width: 100%;
        max-width: inherit;
        float: none;
    }
    #footer-widget-area-2 .f_bn_area li{
        display: inline-block;
        width: 48%;
    }
    .footer-widget-area{ padding-bottom: 50px;}
    .f_txt p, .footer-copy-area .footer-copy{text-align: center;}
}*/
@media (max-width: 768px) {
/*SP用*/
    #footer-widget-area-1,
    #footer-widget-area-2{
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #footer-widget-area-1{ margin-bottom: 20px;}
    #footer-widget-area-1 .footer_contact{
        margin: 0;
        padding: 0;
    }
    #footer-widget-area-1 .footer_contact dl{
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0 4%;
    }
    #footer-widget-area-1 .footer_contact dl.mail{
        padding: 4%;
        border-right: none;
        border-bottom: 1px dotted #B7AFA8;
    }
    #footer-widget-area-1 .footer_contact dl.tel{ padding-left: 4%; text-align: center;}
    #footer-widget-area-1 .footer_contact .tel dt{ text-align: center;}

    .widget-title{ border-bottom: none; padding-left: 2rem; padding-bottom: 10px;}
    .widget_pages .f_nav ul.menu{ max-width: inherit;}
    .widget_pages ul li:last-child{
        border-bottom:1px dotted #888;
    }
    #footer-widget-area-2.widget-area{
        padding: 4%;
        box-sizing: border-box;
        margin: 0 auto;
    }
    #footer-widget-area-2.widget-area img{
        display: block;
        width: 100%;
        height: auto;
    }
    #footer-widget-area-2 .f_bn_area li{ margin-bottom: 10px;}
    .footer-widget-area{ 
        padding-bottom: 8%;
        background-color: #f5f5f5;
        padding-top: 0;
        margin-top: 4rem;
    }
    
    #footer-widget-area-2 .f_bn_area li p{ margin-top: 10px;}
    .f_logo, .f_txt{
        display: block;
        line-height: 1.5;
    }
    .f_txt p, .footer-copy-area .footer-copy,
    .f_logo{ margin-bottom: 10px;}


}


/* home
-------------------------------------------------------------- */
/*slider*/
.header-image-area{ padding-top: 5px;}

.bx-wrapper{
    box-shadow: none;
    border: none;
    margin-bottom: 0;
}

.bx-wrapper .bx-pager{ bottom: 15px;}

.bx-wrapper .bx-controls-direction a{
    width: 14px;
    height: 20px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position: 0;}
.bx-wrapper .bx-prev{
    background: url('../images/home/btn_prev.png') no-repeat;
    left: 20px;
}
.bx-wrapper .bx-next{
    background: url('../images/home/btn_next.png') no-repeat;
    right: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a{ background: #999;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #D95A4F;
    opacity: 1;
}

.important_notes{
    padding: 15px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}
.important_notes span{
    padding: 5px;
    box-sizing: border-box;
}
.important_notes a{
    font-size: 16px;
    font-size: 1.6rem;
    color: #000000;
}


/* 新着・お知らせ タブ切り替え*/

.creat_tab_area{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.5);
    width: 99%;
    margin: 0 auto 30px auto;
}

ul.btn_area{
    list-style: none;
    margin: 0;
}
ul.btn_area li{
    float: left;
    width: 50%;
    margin: 0;
}
.home .entry-content ul.btn_area li h3{
    padding: 5px;
    box-sizing: border-box;
    background: #EEEEEE;
    text-align: center;
    cursor: pointer;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: normal;
    color: #000;
    margin: 0;
}

.home .entry-content ul.btn_area li.tab_btn.is-active h3{ background: #2D4763; color: #fff; letter-spacing: 0.5rem;}

ul.btn_area li.tab_btn.is-active:after{
    display: block;
    content: url(../images/home/tab_btm.png);
    text-align: center;
}

.tab_cnts{
    display: none;
    padding: 10px 15px 20px 20px;
}

.entry-content .tab_cnts dt{
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: normal;
}
.entry-content .tab_cnts dd{
    float: left;
    width: 88%;
    padding: 0;
    margin: 0;
    border: none !important;
}
.entry-content .tab_cnts .news dd{ width: 77%;}
.entry-content .tab_cnts .news dd.tagArea{ width: 11%;}



.entry-content .tab_cnts dd span.tag{
    width: 108px;
    text-align: center;
    padding: 3px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-size: 1.3rem;
}

.entry-content .tab_cnts dd a{
    font-size: 16px;
    font-size: 1.8rem;
    color: #000;
}

.more_btn a{
    display: inline-block;
    padding: 5px 20px;
    box-sizing: border-box;
    background: #fff;
    color: #33121B;
    font-size: 13px;
    font-size: 1.3rem;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
}

.more_btn a:before{
    display: inline-block;
    vertical-align: middle;
    content:'';
    background:url(../images/common/icn_triangle.svg) no-repeat left center;
    margin-right: 5px;
    padding-top: 0;
    width: 10px;
    height: 14px;
}


/* トピックボックス */
.topic_box{
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 30px;
}

.topic_box dt{ letter-spacing: 0.2rem;}

.topic_box.certificate,
.topic_box.teacher{ margin-right: 0;}

.topic_box.training,
.topic_box.teacher {margin-bottom: 0;}


.topic_box dl{
    border: 1px solid #466794;
    border-radius: 0 0 10px 10px;
}
.entry-content dt{
    font-size: 30px;
    font-size: 3.0rem;
    color: #fff;
    padding: 10px 25px;
    box-sizing: border-box;
}

.topic_box.career dt{ background: url(../images/home/ttl_career.png) no-repeat center top; background-size: cover;}
.topic_box.certificate dt{ background: url(../images/home/ttl_certificate.png) no-repeat center top; background-size: cover;}
.topic_box.training dt{ background: url(../images/home/ttl_training.png) no-repeat center top; background-size: cover;}
.topic_box.teacher dt{ background: url(../images/home/ttl_teacher.png) no-repeat center top; background-size: cover;}

.entry-content dt a{
    position: relative;
    top: 10px;
    float: right;
    display: inline-block;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 16px;
}
.entry-content dt a:before{
    content: url(../images/common/icn_arrow01.png);
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}
.entry-content dt a:hover{
    background-color: rgba(255,255,255,0.6);
    text-decoration: none;
    opacity: 1;
}

.entry-content dd{
    padding: 0 25px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.entry-content dd:last-of-type{ margin-bottom: 0;}


.topic_box dd:last-of-type{
    margin-bottom: 15px;
}

.topic_box dd a{
    color: #000;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -1.5px;
    vertical-align:middle;
}
.entry-content dd.bn_btn{
position: relative;
/*    display: inline;*/
    vertical-align: middle;
    padding: 0;
    margin-bottom: 20px;
}
.bn_btn ul{
    list-style: none;
    margin: 0;
    padding: 0 3%;
    position: relative;
    top: 6%;
}
.bn_btn ul li{
    float: left;
    width: 32%;
    margin: 2% 2% 0 0;
    text-align: center;
}
.bn_btn ul li:last-of-type{ margin-right: 0;}
.bn_btn a:hover{
    opacity: 0.6;
    transition: 0.3s;
}
.pickup_area{
    margin: 50px 0;
}
.pickup_area img{ width: 100%;}
.home .entry-content h3{
    font-size: 30px;
    font-size: 3.0rem;
    font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica, Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    margin-bottom: 20px;
    padding: 0;
}
.pickup_area ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.pickup_area ul li{
    float: left;
    width: 32%;
    margin: 0 2% 35px 0;
}
.pickup_area ul li:nth-of-type(3n){ margin-right: 0;}


/* 検索フォーム */
.search_area{ margin: 0 0 20px 0;}
.home .search_area{ margin: 0 0 50px 0;}


.form_style{
    text-align: center;
    border: 1px solid #fff;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.3) inset;
    background-color: transparent;
    padding: 20px 10px;
    box-sizing: border-box;
}

.form_style label{
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
}

.form_style .s-box{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.form_style select,
.form_style input{
    border-radius: 0;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 6px 10px 8px 10px;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance:none;
}
.form_style input#date_start_input{margin-right: 0;}

/* TOPの検索ボタン */
.form_style button.s_btn{
    vertical-align: bottom !important;
    margin: 0;
    padding: 10px 36px 10px 19px;
    color: #FFF;
    background: url(../images/common/icn_search.png) no-repeat,#FD8742;
    background-size: 19px auto;
    background-position: 86%;
    border-radius: 0;
    border: none;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    vertical-align: middle;
    cursor: pointer;
}
.form_style button.s_btn span.space{ display: inline-block; width: 5px;}

.form_style button:hover.s_btn{
    background: url(../images/common/icn_search.png) no-repeat,#F7AB86;
    background-size: 19px auto;
    background-position: 86%;
    opacity: 1;
}
.past_list{ display: none;}

/*コンテンツスライダー*/
.swiper-container{ margin: 0 auto 30px auto;}

.home .post_area h3{
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
    padding: 0;
}
.post_area .soon h3{ color: #2F416E;}
.post_area .open h3{ color: #2D5D4A;}
.post_area .new_young h3{ color: #467530;}

.post_area .post-box{
    position: relative;
    float: left;
    width: 24%;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #F4F5F9;
    margin-right: 1.3%;
    box-sizing: border-box;
}
.post_area .post-box:nth-of-type(4n){ margin-right: 0;}

.post_area .post-box .date{
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: bold;
}

.post_area .post-box h4{
    font-size: 24px;
    font-size: 2.1rem;
    font-weight: normal;
    padding: 0 15px;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.post_area .post-box p,
.post_area .post-box a.map_link{
    padding: 3px 15px;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
	line-height: 1.6em;
}
.post_area .post-box a.map_link{
    color: #B5931F;
    padding: 0 !important;
}
.post_area .post-box p > font{
    display: inline-block;
    margin: 3px 0;
    padding: 3px 5px;
    box-sizing: border-box;
}

.post_area .post-box .other_info{
    margin-top: 15px;
    border-top: 1px dotted #B7AFA8;
    padding: 15px 15px 0 15px;
}
.post_area .post-box .other_info span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    padding: 3px 5px;
    box-sizing: border-box;
    font-size: 12px;
}
/*
 * サブ研修のリンク用
 */
.post_area .post-box .sub_info a{
    color: #B5931F;
}
span.region{
    background: #fff;
    border-bottom: 3px solid #0781B4;
}
.post_area .post-box .other_info span:last-of-type{ margin-right: 0;}


.post_area .btn_apply{
    position: relative;
    bottom: 0;
    width: 100%;
    display: block;
    margin-top: 12px;
    padding: 15px 5px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.post_area .soon .btn_apply{ background: #576B8F !important;}
.post_area .soon a:hover.btn_apply{ background: #7E86A2 !important; text-decoration: none !important;}
.post_area .open .btn_apply{ background: #799681 !important;}
.post_area .open a:hover.btn_apply{ background: #A0AF9F !important; text-decoration: none !important;}
.post_area .new_young .btn_apply{ background: #8E9E6A !important;}
.post_area .new_young a:hover.btn_apply{ background: #BFC3A5 !important; text-decoration: none !important;}

.post_area .more_list a{
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
}
.post_area .more_list a:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.post_area .soon .more_list a:before{ background: url(../images/common/arrow_donwn.png) no-repeat center 5px ,#336699;}
.post_area .open .more_list a:before{ background: url(../images/common/arrow_donwn.png) no-repeat center 5px ,#2D5D4A;}
.post_area .new_young .more_list a:before{ background: url(../images/common/arrow_donwn.png) no-repeat center 5px ,#467530;}

.post_area .other_list{ margin-top: 10px;}
.post_area .other_list a{
    display: inline-block;
    padding:5px 10px 5px 52px;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    font-size: 2.0rem;
    background: url(../images/common/icn_arrow02.png) no-repeat 10px center ,#95A7B0;
}

p.subtxt{
    display: inline-block;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    font-size: 1.6rem;
}
.open p.atten{ display: inline-block; vertical-align: middle;}
p.atten{
    font-size: 12px;
    font-size: 1.2rem;
    color: #D51945;
    margin: 0;
}
/*p.atten:after{
    display: inline-block;
    vertical-align: middle;
    content: url(../images/common/icn_hint.png);
}
p.atten:after{
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    content:'';
    background: url(../images/common/icn_hint.svg) no-repeat;
    width: 20px;
    height: 18px;
}*/


@media (max-width: 768px) {
/*SP用*/
    .important_notes span{
        display: inline-block;
        margin-right: 0;
    }
    .important_notes a{ display: block;}
    .creat_tab_area{ margin-bottom:8.5%;}

    .topic_box{
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
    }
    .entry-content dt{
        font-size: 16px;
        font-size: 1.6rem;
        padding: 10px;
    }

    .entry-content dt a{
        top: 6px;
        padding: 0 6px;
        font-size: 11px;
        font-size: 1.1rem;
    }
    .entry-content dt a:before{
        display: inline-block;
        content: '';
        background: url(../images/common/icn_arrow01.png) no-repeat left;
        width: 14px;
        height: 8px;
        background-size: 14px auto;
    }
    .topic_box.training{ margin-bottom: 20px;}
    .entry-content dd{ margin-bottom: 10px;}
    .topic_box dd a{ font-size: 14px; font-size: 1.4rem;}

    .bn_btn ul li{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .bn_btn ul li:last-of-type{ margin-bottom: 0;}
    .bn_btn a{
        display: block;
        margin: 0 auto 20px auto;
        text-align: center;
}

    .home .entry-content h3{ font-size: 20px; font-size: 2.0rem; margin-bottom: 4%;}
    .pickup_area{ margin: 10% 0 0 0;}
    .pickup_area ul li{
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .home .entry-content .post_area h3{
        font-size: 20px;
        font-size: 2.0rem;
    }
    .entry-content{ padding: 0 2%;}
    .header-title-only .site-title-img, .header-title-area .site-title-img{
        margin: 0 auto;
    }
    .home .entry-content ul.btn_area li h3{
        font-size: 20px;
        font-size: 2rem;
    }
    .entry-content .tab_cnts dt,
    .entry-content .tab_cnts dd a{
        font-size: 15pc;
        font-size: 1.5rem;
    }
    .entry-content .tab_cnts dt{
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .entry-content .tab_cnts dd{
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .entry-content .tab_cnts .news dt{ width: auto; display: inline-block;}
    .entry-content .tab_cnts .news dd{ width: 100%;}
    .entry-content .tab_cnts .news dd.tagArea{ width: auto; display: inline-block; margin-left: 15px;}

    #header-widget-area{
        width: 100%;
        padding: 10px 0;
    }
    #header-widget-area a{
        color: #010101;
        font-size: 22px;
        font-size: 2.2rem;
        display: table-cell;
        vertical-align: middle;
    }
    .contact_area{
         display: table;
        width: 96%;
        text-align: center;
        margin: 0 auto;
    }
    .bn_contact,
    .phone_num{
        display: table-cell;
        width: 60%;
        vertical-align: middle;
        float: none;
        padding: 0;
        margin: 0;
    }
    .bn_contact{ width: 40%;}
    
    .bn_contact a{ float: right; margin-right: 20px;}

    .form_style .s-box{
        display: block;
        margin-bottom: 10px;
        text-align: left;
    }
    .form_style button.s_btn span{ font-size: 20px; font-size: 1.5rem;}

    .form_style input#date_start_input,
    .form_style input#date_end_input{ width: 100%; margin: 0;}
/*    .form_style input#date_start_input{margin-bottom: 10px;}*/

    .form_style select,
    .form_style input[type="date"]{
        -webkit-appearance: none;
        box-sizing: border-box;
        vertical-align: top;
        width: 100%;
        height: 2em;
/*        padding-left: .4em;*/
        background: #fff;
        border-radius: 0;
        border: 1px solid #CCCCCC;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px 10px 8px 10px;
        margin-right: 10px;
    }
    .form_style select{ padding:6px 15px 10px 15px; height: auto;}

    .form_style{ padding: 15px;}
    .form_style button.s_btn{
        background-size: 26px auto;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.3;
        padding: 10px 5px 10px 40px;
        margin: 0 auto;
        width: 100%;
    }
    .post_area .post-box{
        margin-right: 0;
    }
    .post_area .post-box .date span{ font-size: 22px !important;}
    .entry-content .post_area .post-box h4{
        font-size: 20px;
        margin-bottom: 8%;
    }
    .post_area .other_list a{ font-size: 18px; font-size: 1.8rem;}

}


/* 下層共通
-------------------------------------------------------------- */
.main-content-header .main-content-title{
    font-size: 36px;
    font-size: 2.6rem;
    font-weight: bold;
    background: none;
    border-bottom: 3px solid #336699;
}

body.home #breadcrumb{display:none;}
body:not(.home) #breadcrumb{ margin-top: 30px; margin-bottom: 15px;}

#breadcrumb a{ color: #B5931F;}

body:not(.home) .entry-content,
#post-sitemap{
    border-right: 1px solid #B2B2B2;
    padding-right: 3%;
}
body:not(.home).column-2r .main-content-wrap{ width: 76%;}
body:not(.home).column-2r .sidebar-right{ width: 24%;}
body:not(.home).column-2r .main-content-site{
    width: 100%;
    padding-right: 30px;
}
.sidebar-right .textwidget.custom-html-widget a img{
    display: block;
    margin-bottom: 10px;
}

.entry-content p,
.excerpt-title,
.excerpt-title a{
    font-size: 16px;
    font-size: 1.6rem;
    }


@media (max-width: 768px) {
    body:not(.home) .entry-content,#post-sitemap{ padding: 0 3%;}
    body:not(.home).column-2r .main-content-wrap,
    body:not(.home).column-2r .sidebar-right{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    body:not(.home) .entry-content,#post-sitemap{ border-right:none;}
    .sidebar-right .textwidget.custom-html-widget a img{ width: 100%; height: auto;}
    body:not(.home).column-2r .main-content-site{ padding-right: 0;}
    .entry-content{
        border-right: none;
    }
    body.home .main-content-header{ display: none;}
    .main-content-header{
        padding: 20px 2%;
    }
    .main-content-header .main-content-title{
        font-size: 2.4px;
        font-size: 2.4rem;
        margin-bottom: 13px;
    }
    .post-sitemap-list{ border-bottom: none;}
}

/* 講師紹介 instructor
-------------------------------------------------------------- */
.instructor .instructor_list .listIn{
    float: left;
    width: 47%;
    margin-right:6%;
    margin-bottom: 35px;
}
.instructor .instructor_list .listIn:nth-of-type(even){ margin-right: 0;}

.instructor .instructor_list .listIn dt,
.instructor .instructor_list .listIn dd{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.instructor .instructor_list .listIn dt{

}
.instructor .instructor_list .listIn dd{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.7;
}
.instructor .instructor_list .listIn dd.more_link{ margin-top: 10px; text-align: right; padding-right: 23%;}
.instructor .instructor_list .listIn dd.more_link a{
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
}
.entry-content .listIn dt a{ border-bottom: none; float: none;}

.instructor .instructor_list .listIn dd.more_link a:before{
    content: url(../images/common/icn_arrow01_black.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.instructor .instructor_list .listIn dt img{
    width: 100%;
    max-width: 326px;
    height: auto;
}

@media (max-width: 768px) {
    .instructor .instructor_list .listIn{
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 auto 20px auto;
    }

    .instructor .instructor_list .listIn dt img{
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    .instructor .instructor_list .listIn dd{
        font-size: 16px;
        font-size: 1.6rem;
    }
    .instructor .instructor_list .listIn dd.more_link{ padding-right: 2%;}
    .instructor .instructor_list .listIn dd.more_link a{
        font-size: 15px;
        font-size: 1.5rem;
    }
}

/* 講師詳細 instructor detail
-------------------------------------------------------------- */
.trainer_box{
    position: relative;
    padding: 28px 40px;
    box-sizing: border-box;
}

.trainer_box.col01{ border: 28px solid #246B97;}

.box_ttl{
    position: relative;
    margin-top: -4%;
}
.box_ttl .photo{
    float: right;
    width: 46%;
    max-width: 326px;
}
.box_ttl .txt{
    position: absolute;
    bottom: 0;
    float: left;
    width: 54%;
    padding-right: 20px;
}
.box_ttl .txt p{
    color: #000;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
}


.box_ttl .txt p.prof{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #666666;
}


.box_profile{
    border-top: 1px solid #CCCCCC;
    padding: 15px 0;
    box-sizing: border-box;
}
.box_profile p{
    font-size: 14px;
    font-size: 1.4rem;
}

.box_message{
    border-top: 1px solid #CCCCCC;
    padding: 25px 0 0 0;
    box-sizing: border-box;
}
.entry-content .box_message h4{
    color: #246B97;
    font-size: 30px;
    font-size: 3.0rem;
    margin-bottom: 25px;
}
.box_message p{
    font-size: 16px;
    font-size: 1.6rem;
}

.other_member{ margin-top: 60px !important;}
.swiper-container2{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.other_member h3{
    text-align: center;
    margin-bottom: 20px;
}
.other_member ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.other_member ul li{
    text-align: center;
    margin: 0;
    padding: 0;
}
.swiper-button-prev, .swiper-button-next{
    width: 12px;
    height: 20px;
    background-size:12px 20px;
    top: 64%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(../images/instructor/btn_next.png);
    right: 0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image:  url(../images/instructor/btn_prev.png);
    left: 0;
}


@media (max-width: 768px) {

    .trainer_box.col01{ border: solid #246B97;}
    .trainer_box{ border-width: 10px !important;}
    .trainer_box{ padding: 20px;}
    .box_ttl .photo,
    .box_ttl .txt{
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .box_ttl .txt{
        position: relative;
        margin-top: 20px;
    }
    .box_profile{ padding: 20px 0;}
    .box_message{ padding-top: 20px;}
    .entry-content .box_message h4{
        margin-bottom: 20px;
        font-size: 20px;
        font-size: 2.0rem;
    }
    .box_message p{ font-size: 14px; font-size: 1.4rem;}
}

@media (max-width: 360px) {
    .box_ttl .txt p{
        font-size: 19px;
        font-size: 1.9rem;}
    
}

/* 研修検索結果画面
-------------------------------------------------------------- */
.news_area h3{
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.news_area dt{
    display: none;
}
.news_area dd,
.news_area dd a{
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.news_area dd span.tag{
    padding: 5px;
    margin-right: 10px;
}

.more_list {
    margin-bottom: 30px;
}
.more_list a{
    margin-top: 10px;
    color: #00A0E9;
    font-size: 14px;
    font-size: 1.4rem;
}

.t_info .form_style{
    padding: 10px 6px;
    border: none;
    background: #E6EBED;
    box-shadow: none;
}

.t_info .form_style .s-box{
    vertical-align: middle;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
}
.t_info .form_style .s-box:nth-last-of-type(2){ width: 38%;}
.t_info .form_style .s-box:last-of-type{ width: 42%;}

.t_info .form_style #category_1_select{ width: 58%;}
.t_info .form_style input#date_start_input, .t_info .form_style input#date_end_input{
    padding: 6px 0px 8px 10px;
}

.t_info .form_style label{
    display: inline-block; margin-right: 8px;
}
.t_info .form_style select, .t_info .form_style input{
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

label.callen {
  position: relative;
  display: inline-block;
  width: 126px;
  height: 38px;
  padding: 0;
  border:1px solid #CCCCCC;
  border-radius: 0 !important;
  background: #fff;
  margin: 0 !important;
}
.t_info .form_style label.callen{
  width: 144px;
  height: 35px;
}
.home input[type="date"],
.home label.callen{ width: 176px;}


input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}

input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}


input[type="date"] {
  position: relative;
    z-index: 10;
  padding: 0 10px;
  width: 156px;
  height: 35px;
  border: 0;
  background-color:transparent;
  box-sizing: border-box;
    cursor: pointer;
}

.t_info .form_style input[type="date"] {
  width: 136px;
  height: 35px;
}

input+label.icn
/*label.callen ::before */{
    display: block;
    margin: 0 !important;
    position: absolute;
    z-index: 1;
    content: "";
    top: 5px;
    right: 5px;
    width: 21px;
    height: 23px;
    background: url(../images/common/callen.png) no-repeat;
    cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px;
  width: 25px;
  height: 25px;
  background: none;
  color: transparent;
  cursor: pointer;
}

/* 研修一覧の検索ボタン */
.t_info .form_style button.s_btn{
    vertical-align: middle;
    margin: 0;
    padding: 10px 36px 10px 19px;
    background: url(../images/common/icn_search.png) no-repeat,#FD8742;
    background-size: 19px auto;
    background-position: 86%;
    font-size: 17px;
    font-size: 1.7rem;
}
.t_info .form_style button.s_btn:hover{
    background: url(../images/common/icn_search.png) no-repeat,#F7AB86;
    background-size: 19px auto;
    background-position: 86%;
    
}



.search_area.t_info .past_list{
    display: block;
    margin-top: 5px;
}
.search_area.t_info .past_list a{
    color: #00A0E9;
    font-size: 14px;
    font-size: 1.4rem;
}

.t_info span.space{ display: inline-block; width: 5px;}
.t_info span.none{ display: none;}


.t_info.post_area .post_box{}

.t_info.post_area .post_box{
    background: #F4F5F9;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
}
.t_info.post_area .post_box:last-of-type{ margin-bottom: 0;}

.t_info.post_area .post_box h3{
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
    padding: 0;
}
p.date{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
}
p.date span.day00{ display: block;}
p.date span.day01{
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3;
}
p.date span.day02{
    font-size: 18px;
    font-size: 1.8rem;
}

.t_info.post_area .post_box .info_left{
    float: left;
    width: 20%;
}

.t_info.post_area .post_box .info_right{
    float: right;
    width: 80%;
}


.t_info.post_area .post_box a.category_2_page{
    text-decoration: underline;
    color: #000000;
    font-size: 15px;
    font-size: 1.5rem;
}
.t_info.post_area .post_box a.category_2_page:hover{
    text-decoration: none;
}

.t_info.post_area .post_box p.comment{
    font-size: 15px;
    font-size: 1.5rem;
    color: #DD0407;
    line-height: 1.7;
}

.t_info.post_area .post_box a.category{
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-size: 1.3rem;
    text-align: center;
    padding: 5px;
    width: 174px;
}
.t_info.post_area .post_box a.category:hover{ text-decoration: none;}

.t_info.post_area .post_box .training_info{
    margin: 15px 0;
}
.t_info.post_area .post_box .training_info p{
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
}
.t_info.post_area .post_box .training_info a{
    color: #B5931F;
    font-size: 12px;
    font-size: 1.2rem;
}

.t_info.post_area .post_box .post_btm{
    border-top: 1px dotted #B7AFA8;
    margin-top: 17px;
    padding-top: 25px;
    text-align: right;
}

.t_info.post_area .post_box a.area1,
.t_info.post_area .post_box a.area2{
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding: 3px 10px;
    box-sizing: border-box;
}
.t_info.post_area .post_box a.area1:hover,
.t_info.post_area .post_box a.area2:hover{ text-decoration: none;}

.t_info.post_area .post_box a.area1{ border-bottom: 2px solid #073AB4;}
.t_info.post_area .post_box a.area2{ border-bottom: 2px solid #0781B4; margin-left: 10px;}


.t_info .post_box .btn{
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    padding: 10px;
    width: 288px;
    box-sizing: border-box;
    color: #635F5F;
    background: #B5B5B6;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}
.t_info .post_box .btn:hover{ text-decoration: none;}
.t_info .post_box .application.btn{
    color: #fff;
    background: #576B8F;
}
.t_info .post_box .application.btn:hover{
    background: #7E86A2;
}

.t_info .post_box .category_tag p{
    display: table;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 3px 14px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 5px;
}

/*ページャー*/
.pager{
    text-align: center;
    margin-top: 33px;
}

.pager a{
    display: inline-block;
    border: 1px solid #CCCCCC;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    color: #01263D;
    margin-right: 5px;
}
.pager a:last-of-type{ margin-right: 0;}
.pager a:hover,
.pager a.current{
    background: #2E406D;
    color: #fff;
    text-decoration: none;
}

.pager a.prev,
.pager a.next{
    font-weight: bold;
}

@media (max-width: 768px) {

    .t_info .form_style label{
        display: block;
        margin-right: 0;
    }
    .t_info .form_style #category_1_select{ width: 100%;}
    .t_info .form_style input#date_start_input, .t_info .form_style input#date_end_input{
        padding: 6px 0px 8px 10px;
    }
    .t_info .form_style select, .t_info .form_style input{
        margin-right: 0;
    }
    .t_info .form_style .s-box:last-of-type{ width: 100%;}
    label.callen {
      display: inline-block !important;
      width: 40%;
    }

    .t_info .form_style .s-box{
        margin-top: 0;
        margin-bottom: 10px;
    }

    input[type="date"] {
      padding: 10px;
      width: 40%;
      height: 38px !important;
    }
    .t_info .form_style input[type="date"] {
      padding: 10px;
      width: 40%;
      height: 35px !important;
    }
    .t_info .form_style label.callen{
      width: 126px;
      height: 35px;
    }


    .search_area.t_info .past_list{
        display: block;
        margin-top: 5px;
    }

    .t_info.post_area .post_box{
        padding: 15px;
    }

    .t_info.post_area .post_box h3{
        font-size: 20px;
        font-size: 2.0rem;
    }
    p.date{
        font-size: 15px;
        font-size: 1.5rem;
    }
    p.date span.day00{
        display: inline-block;
        margin-right: 10px;
    }
    .t_info.post_area .post_box .info_left{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .t_info.post_area .post_box .info_right{
        float: none;
        width: 100%;
    }
    .t_info.post_area .post_box a.area1, .t_info.post_area .post_box a.area2{ margin-bottom: 10px;}
    .t_info .post_box .btn{
        display: block;
        margin-top: 10px;
        margin-left: 0;
        font-size: 16px !important;
        font-size: 1.6rem !important;
        width: 100%;
    }

    .t_info .post_box .category_tag p{
        display: inline-block;
        vertical-align: middle;
        margin: 0 6px 6px 0;
    }

    .t_info.post_area .post_box .post_btm{ text-align: left;}
    .t_info.post_area .post_box a.category{ margin-left: 10px;}

    /*ページャー*/
    .pager{
        margin-top: 0;
    }
    .pager a{
        margin-bottom: 5px;
    }

    .home input[type="date"],
    .home label.callen{ width: 126px;}

}



/* ビュッフェ研修 申し込みフォーム page_form
-------------------------------------------------------------- */
.page_form p{
    font-size: 14px;
    font-size: 1.4rem;
    color: #231815;
    margin: 0;
    padding: 0;
}

.page_form .training_info { margin-bottom: 35px;}
.page_form .training_info p{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #020002;
    margin: 0;
    padding: 0;
}
.page_form .training_info h3{
    font-size: 30px;
    font-size: 2.3rem;
    margin: 10px 0;
    padding: 0;
}

.page_form .training_info p:nth-of-type(2){
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
}
.page_form .training_info p:nth-of-type(3),
.page_form .training_info p:nth-of-type(4){
    font-size: 15px;
    font-size: 1.5rem;
    color: #666666;
    line-height: 1.4;
}
/*
 * taining_inf.description表示用
 */
.page_form .training_info .description{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding:15px;
    background-color:#EDF0F1;
    font-weight: normal;
    margin-top:15px
}
/*
 * サブ研修表示用
 */
.page_form .training_info .sub_info{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding:15px;
    background-color:#EDF0F1;
    font-weight: normal;
}
.page_form table{
    margin: 15px 0 35px 0;
    border: 2px solid #DBDADB;
}
.page_form table.tbl02{
    border: none;
    margin: 0;
}
.page_form table.tbl03{
    margin: 0;
    border-bottom:none;
    border-top:none;
}
.page_form table.tbl03:first-of-type{ margin-top: 15px; border-top: 1px solid #DBDADB;}
.page_form table.tbl03:last-of-type{ border-bottom:2px solid #DBDADB; }
.page_form table th{
    text-align: right;
    background: #fff;
    border-right:none;
    border-bottom:1px solid #DBDADB;
    color: #000000;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
}
.page_form table th.v_top{ vertical-align: top;}

.page_form table.tbl03 th{ vertical-align: top;}
.page_form table.tbl03 thead th{
    background: #E3F2F6;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    padding: 6px 1.5rem;
}

.page_form table td{
    border-right:none;
    border-bottom:1px solid #DBDADB;
    padding-left: 0;
    vertical-align: middle;
}

.page_form table > p{ text-align: center;}
.page_form input[type="submit"]{
    display: inline-block;
    width: 60%;
    max-width: 316px;
    padding: 15px 0;
    margin: 0 10px 10px 10px;
    text-align: center;
    color: #fff;
    background: #576B8F;
    font-size: 19px;
    font-size: 1.9rem;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.page_form input[type="submit"]:hover{
    background: #7E86A2;
}

.page_form .bgcol01,
.page_form .bgcol01 th{
    background: #E3F2F6;
}

.page_form table .students_data td{
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: none;
}

.page_form table th{ width: 202px;}
.page_form table.tbl03 th{ width: 290px;}
.page_form table.tbl03 thead th{ width: 100%; border-bottom: none;}

.page_form table.tbl02 th,
.page_form table.tbl02 td{
    padding: 1.5rem;
    border: none;
}
.page_form table.tbl02 th{ width: 106px; border: none;}
.page_form table.tbl02 td:first-of-type{ width: 50%;}

.page_form table.tbl03 th.pc{ display: table-cell !important;}

.page_form table .borderNone th,.page_form table .borderNone td{ border-bottom: none;}

.page_form table input[type="text"],.page_form table input[type="password"], .page_form table input[type="search"], .page_form table input[type="tel"], .page_form table input[type="url"], .page_form table input[type="email"], .page_form table input[type="number"],.page_form table select,.page_form table textarea{
    border-radius: 0;
    font-size: 12px;
    font-size: 1.2rem;
    width: 40%;
    -webkit-appearance: none;
    -moz-appearance:none;
    box-sizing: border-box;
    vertical-align: top;
    background: #fff;
    border: 0.15rem solid #D8D8D8;
    padding: 8px 10px 8px 10px;
    margin-right: 10px;
}
select::-ms-expand {
    display: none;
}

.page_form table .formSize01 input[type="text"]{ width: auto;}
.page_form table textarea{ width: 70%; resize: vertical;}
.page_form table.tbl03 textarea{ width: 97%;}



.page_form table select{
    width: auto;
    height: auto;
    padding:4px 38px 4px 15px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    outline: none;
    background: transparent;
    background-image:url(../images/form_arrow.png);
    background-color: #fff;
    background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border: 0.15rem solid #D8D8D8;
    border-radius: 8px;
}

.page_form table.tbl03 td,.page_form table.tbl03 td span{
    font-size: 16px;
    font-size: 1.6rem;
    top: -1px;
}
.page_form table.tbl03 td{ width: 81%;}

.page_form table.tbl03 input[type="text"],.page_form table.tbl03 input[type="password"], .page_form table.tbl03 input[type="search"], .page_form table.tbl03 input[type="tel"], .page_form table.tbl03 input[type="url"], .page_form table.tbl03 input[type="email"], .page_form table.tbl03 input[type="number"],.page_form table.tbl03 select,.page_form table.tbl03 textarea{
    font-size: 16px;
    font-size: 1.6rem;
    padding: 6px 10px 6px 10px;
}
.page_form table.tbl03 select{
    width: auto;
    padding:6px 15px 6px 20px;
    height: auto;
    background:url(../images/form_arrow02.png) 6px 50% no-repeat,#fff;
    background-size: 12px 10px;
    background-size: 11px auto;
    border: 0.15rem solid #D8D8D8;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}

.page_form .Cen{ margin-top: 30px;}

.form_input label,
.form_input input[type="text"]{
    display: inline-block;
    vertical-align: middle;
}

.form_input label{
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    position: relative;
/*    top: 3px;*/
    padding: 3px 5px 3px 0;
}
.page_form table .form_input input[type="text"]{ width: 60%; margin-left: 13px; margin-bottom: 10px;}

.page_form table.tbl03 .form_size01 input[type="text"],
.page_form table.tbl03 .form_size02 input[type="text"]:nth-child(1),
.page_form table.tbl03 .form_size02 input[type="text"]:nth-child(2){ width: 80px;}

.page_form table.tbl03 .form_size03 input[type="number"]{ width: 72px; margin-left: 10px;}
.page_form table.tbl03 .form_size03 input[type="number"]:first-of-type{margin-left: 0;}


.page_form table.tbl03 .form_size02 input[type="text"]:first-of-type{ margin: 0 0 15px 0;}

.page_form table.tbl03 .form_size04 input[type="text"]{ margin-left: 10px;}

.page_form table.tbl03 .form_size02 .mwform-zip-field input[type="text"]:first-of-type{ margin-left: 10px;}
span.mr10{ margin-right: 10px;}

.page_form table span.postion{
    display: inline-block;
    vertical-align: middle;
    position: relative;
/*    top: 3px;*/
    padding: 3px 0 3px 5px;
}

span.required{
    font-size: 12px !important;
    font-size: 1.2rem !important;
    color: #E34335;
    position: relative !important;
/*    top: 2px !important;
        padding-left: 5px;*/
    padding: 2px 0 2px 5px;
}

.page_form p.note{
    background: #FFBDDE;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: 600;
    padding: 6px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 10px 0;
}

/*Radio Check*/
.radio_style label, label.checkbox, .radio_style02.checkbox label {
    position      : relative;
    cursor        : pointer;
    display       : inline-block;
    overflow      : hidden;
    box-sizing    : border-box;
}

.radio_style label {
    min-height   : calc(18px + 5px);
    margin-right : calc(18px + 5px);
    padding-left : calc(18px + 5px);
    line-height  : calc(18px + 5px);
}
.radio_style02.checkbox label {
    padding-left : calc(20px + 5px);
    line-height  : 20px;
}
/** before after **/
.radio_style label:before, .radio_style02.checkbox label:before,
.radio_style label:after, .radio_style02.checkbox label:after{
    content  : '';
    position : absolute;
    box-sizing : border-box;
}
.radio_style label:before{
    border-radius    : 100%;
}
.radio_style02.checkbox label:before{
    border-radius    : 0;
}

.radio_style02.checkbox label:after{
    transform         : rotate(45deg);
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    border-right      : 3px solid #000000;
    border-bottom     : 3px solid #000000;
    top               : calc(50% - (((17px / 12 ) * 18) / 2));
    display           : block;
    margin-top        : calc(((17px / 12 ) * 5) * -1);
    width             : calc(((17px / 12 ) * 5));
    height            : 17px;
    z-index           : 1;
}
.radio_style label:before, .radio_style label:after{
    top              : 0px;
    bottom           : 0px;
    margin-top       : auto;
    margin-bottom    : auto;
}

.radio_style label:before {
    width         : 18px;
    height        : 18px;
    border        : 0.13rem solid #000;
    left          : 0px;
    z-index       : 3;
}
.radio_style02.checkbox label:before {
    width    : 20px;
    height   : 20px;
    left     : 0px;
    top      : 0;
    border   : 0.13rem solid #000;
    z-index  : 3;
    box-sizing: border-box;
}
.radio_style label:after {
    width            : 10px;
    height           : 10px;
    border-radius    : 100%;
    left             : calc(((18px/2) - (10px) / 2));
    background-color : #000000;
    z-index          : 1;
}
.radio_style02.checkbox label:after {
    left : calc((20px / 2) - (((17px / 12 ) * 5) / 2));
    top: calc((20px / 2) - (((17px / 12 ) * 5) / 2));
}
/** input **/
.radio_style label input[type="radio"],.radio_style02.checkbox label input[type="radio"]{
    -moz-appearance: none;
    -webkit-appearance: none;
    position   : absolute;
    z-index    : 2;
    margin     : 0px;
    width      : 20px;
    height     : 20px;
    box-sizing    : border-box;
    outline       : none;
}
.radio_style label input[type="radio"]{
    left       : calc(18px * -1);
    width      : 18px;
    height     : 18px;
    top           : 0px;
    bottom        : 0px;
    margin-top    : auto;
    margin-bottom : auto;
    border-radius : 100%;
}
.radio_style02.checkbox label input[type="radio"]{
    left       : calc(20px * -1);
    padding    : 0;
}
.radio_style label input[type="radio"] {
    box-shadow : 18px 0px #FFF;
}

.radio_style02.checkbox label input[type="radio"] {
    display    : block;
    box-shadow : 20px 0px #FFF;
}
/** checked forcus */
.radio_style02.checkbox label input[type="radio"]:checked,
.radio_style label input[type="radio"]:checked{
    box-shadow : none;
}
.radio_style02.checkbox label input[type="radio"]:checked:focus{
    opacity: 0.1;
}
.radio_style label input[type="radio"]:focus{
    opacity: 0.2;
}
.radio_style02.checkbox label input[type="radio"]:checked:focus {
    box-shadow : 20px 0px #D8D8D8;
}
.radio_style02.checkbox label input[type="radio"]:focus {
    box-shadow : 20px 0px #EEE;
}
.radio_style label input[type="radio"]:focus {
    box-shadow : 18px 0px #FFF;
}

.page_form table.tbl03 td.radio_style span{
    display: inline-block;
    vertical-align: text-top;
}
.mw_wp_form .horizontal-item + .horizontal-item{ margin-left: 0 !important; margin-right: 10px;}

/*タグのリンク装飾*/
.tag-link { 
	display: block;
}
.tag-link a {
	text-decoration: none;
}
.tag-link a:hover {
	opacity: 0.7 ;
}

@media (max-width: 768px) {
    .page_form .training_info p{
        font-size: 20px;
        font-size: 2.0rem;
    }
    .page_form .training_info h3{
        font-size: 24px;
        font-size: 2.4rem;
    }
    .page_form .training_info p:nth-of-type(2){
        font-size: 18px;
        font-size: 1.8rem;
    }
    .page_form .training_info p:nth-of-type(3), .page_form .training_info p:nth-of-type(4){
        font-size: 16px;
        font-size: 1.6rem;
    }

    .page_form table th{
        text-align: left;
    }

    .page_form table th,.page_form table td{
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }

    .page_form table th, .page_form table td{
        padding: 15px;
    }
    .page_form table input[type="text"],.page_form table input[type="password"], .page_form table input[type="search"], .page_form table input[type="tel"], .page_form table input[type="url"], .page_form table input[type="email"], .page_form table input[type="number"],.page_form table select,.page_form table textarea{
        font-size: 14px;
        font-size: 1.4rem;
        width: 100%;
    }
    .page_form table .formSize01 input[type="text"]{ width: 26%;}
    .formSize01 span{display: block;}
    .page_form table select{
        width: 100%;
    }
    .width30{
        width: 30% !important;
    }

    .page_form table.tbl02 th,.page_form table.tbl02 td{
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }

    /* iOSでのデフォルトスタイルをリセット */
    input[type="submit"],
    input[type="button"] {
      border-radius: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box;
      cursor: pointer;
    }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none;
    }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px;
    }
    .page_form table.tbl02 th{ padding-bottom: 0;}
    .page_form table.tbl02 td{ padding-top: 0;}

    .form_input label, .form_input input[type="text"]{ display: block;}
    .page_form table.tbl02 td:first-of-type{ width: 100%;}
    .page_form table .form_input input[type="text"]{ width: 70%; margin-left: 0; margin-bottom: 10px; display: inline-block;}

    .page_form table.tbl03 th,
    .page_form table.tbl03 td{ width: 100% !important;}
    .page_form table.tbl03 select{ margin-bottom: 10px;}
    .page_form table.tbl03 .form_size01 input[type="text"]{ width: 25%; margin-right: 2px;}
    .page_form table.tbl03 .form_size01 span{ display: block;}
    .page_form table.tbl03 th.pc{ display: none !important;}

    .radio_style02.checkbox label:after{
        top:6px;
    }
    

}

/* sitemap page-sitemap.php
-------------------------------------------------------------- */
.post-sitemap-list h2:first-of-type{ margin-top: 0;}
.post-sitemap-list h2{
    background: url("../images/title_bg_02.png") no-repeat scroll left 3px;
    font-size: 18px;
    font-size: 1.8rem;
}
#post-sitemap .archive-list:first-of-type{ margin-bottom: 20px;}
.archive-list li{ margin-bottom: 5px;}
.archive-list li a{
    color: #666666;
    font-size: 15px;
    font-size: 1.5rem;
}

.archive-list ul.children{
    padding-left: 1em;
    box-sizing: border-box;
}
.archive-list ul.children li{ margin-bottom: 0;}


@media (max-width: 768px) {

    .post-sitemap-list h2{
        padding: 1.5rem;
    }
    .archive-list li a{
        font-size: 14px;
        font-size: 1.4rem;
    }
    .post-sitemap-list ul li a{
        padding: 1.5rem
    }
    .post-sitemap-list .children li{
        background: url("../images/widget_lst_icon_sub.png") no-repeat scroll 7px 22px;
        
    }
    .archive-list ul.children li{ padding-left: 1rem;}

}

.teacher_link::before{
	content: none !important;
}

.wdt25{
	width: 25% !important;
}

.gray-font{
  color: gray;
  font-size: 1.4rem !important;
  margin-right: 10px;
}