@charset "UTF-8";

/*タイトル*/
.title{
    background: url(../img/usr/titlebg.png) center center no-repeat;
    background-size: 100vw auto;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-bottom: 90px;
}
.title_main{
    width: 1000px;
    margin: 0 auto;
}
.title h1{
   margin: 0;
   padding: 0; 
   color: #FFF;
   line-height: 1;
   font-size: 34px;
   font-weight: bold;
}
.title p{
    margin: 26px 0 0;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}
.buttons div{
    text-align: center;
    margin: 20px 0 0 0;
}
/*タイトル*/

/*lead*/
.lead{
    width: 1000px;
    margin: 0 auto 68px;
}
.lead h2{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 36px;
    padding: 0;
    color: #F36B30;
}
.lead p{
    color: #31424E;
    font-size: 16px;
    line-height: 1.8;
}
/*lead*/

/*ページ内リンク*/
.pagelink{
    width: 1000px;
    margin: 0 auto 90px;
}
.pagelink ul{
    margin: 0;
    padding: 0;
}
.pagelink ul li{
    margin: 0 24px 20px 0;
    padding: 0 0 0 0;
    display: inline-block;
    position: relative;
}
.pagelink ul li::before{
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    width: 1px;
    height: 20px;
    background: #EAEAEA;
}
.pagelink ul li:nth-child(3n+0){
    border-right: 0;
}
.pagelink ul li:last-child::before{
    display: none;
}
.pagelink ul li a{
    font-size: 14px;
    font-weight: bold;
    color: #31424E;
    line-height: 1;
    margin-right: 20px;
    padding: 1px 20px 1px 0;
    text-decoration: none;
    background: url(../img/usr/down_s.svg) right center no-repeat;
    background-size: 8px auto;
}
.pagelink ul li a:hover{
    opacity: 0.8;
}
.pagelink ul li a::before{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin:  auto 0;
    display: inline-block;
    content: '';
    width: 8px;
    height: auto;
}
/*ページ内リンク*/

/*block*/

.block2 h2{
    font-size: 18px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    background: url(../img/usr/title_border.png) center bottom no-repeat;
}
.block2 h2.corporate_services_title{
    font-size: 26px;
}
.header2 h2{
    display: block;
    font-size: 30px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    text-align: left;
    background: url(../img/usr/title_border.png) center bottom no-repeat;

}

.header2 h3{
    font-weight: bold;
    margin: 20px 0 0 0;
}
.header2 h2 span{
    display: block;
    font-size: 18px;
    color: #31424E;
    font-weight: bold;
    padding: 20px 0 0;
}
.header3 h2{
    display: block;
    font-size: 30px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    background: url(../img/usr/title_border.png) center bottom no-repeat;
}
.header3 h3{
    display: block;
    font-size: 30px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    background: url(../img/usr/title_border.png) center bottom no-repeat;
}
.block1 h2,
.block3 h2,
.faq h2,
.topics h2{
    font-size: 18px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    background: url(../img/usr/title_border.png) center bottom no-repeat;
}
.block1 h2 span,
.block2 h2 span,
.block3 h2 span,
.faq h2 span,
.topics h2 span{
    display: block;
    font-size: 30px;
    color: #31424E;
    font-weight: bold;
    padding: 0 0 20px 0;
    line-height: 1.2;
}
.block1 .block_btn.column2{
    font-size: 0;
    margin: 0 auto;
    display: flex;
}

.block1 .block_btn.column2 a{
    width: 400px;
    height: 56px; 
    display: flex;
    justify-content: center;
    vertical-align: middle;
    background: url(../img/usr/btn_bg.png) center center no-repeat;
}
.block1 .block_btn.column2 a:first-child{
    margin-right: 20px;
}
.block1 .block_btn.column2 a:last-child{
    margin-left: 20px;
}
.block1{
    width: 1000px;
    margin: 0 auto 90px;
    overflow: hidden;
}
.block1 figure{
    float: left;
    width: 420px;
    margin: 0 0;
    padding: 0;
}
.block1 figure p,
.block1 figure p:last-of-type{
    margin: 24px 0;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    color: #31424E;
}
.block1 figure ul{
    margin: 0;
    padding: 0;
}
.block1 figure ul li{
    margin-bottom: 13px;
}
.block1 figure ul li:last-child{
    margin-bottom: 0;
}
.block1 figure ul li a{
    color: #31424E;
    font-size: 14px;
    line-height: 1;
    padding: 0 0 2px 0;
    position: relative;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
    letter-spacing: -0.1px;
}
.relation_info_sp li a::before,
.block1 figure ul li a::before{
    display: inline-block;
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 6px;
    height: 6px;
    background: url(../img/usr/block_shape.png) center center no-repeat;
    background-size: 6px 6px;
}
.cda_relation_info li a.window::before,
.block1 figure ul li a.window::before{
    top: 0px;
    bottom: auto;
    width: 11px;
    height: 11px;
    background: url(../img/usr/window.png) center center no-repeat;
    background-size: 11px 11px;
}
.block1 .block_detail_title{
    font-weight: bold;
    margin: 0 0 0;
    position: relative;
    padding: 0 0 0 0;
}
.block1 .block_detail_title.number{
    padding-left: 20px;
}
.block1 .block_detail_title span{
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 18px;
    line-height: 1;
}
.block1.cccounseling .block_detail{
    width: auto;
    float: none;
    margin: 0;
}
.block1.cccounseling .block_detail picture,
.block1.cccounseling .block_detail figure{
    margin: 0 0 0 40px;
    float: right;
}
.block1 .block_detail{
    width: 540px;
    margin: 0 40px 0 0;
    float: left;
}
.block1 p{
    margin: 0 0 30px;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #31424E;
}
.block1 .block_detail p:last-of-type{
    margin: 0;
}
.block1 dl{
    line-height: 1.8;
}
.block1 dt{
    font-size: 16px;
    color: #31424E;
}
.block1 dd{
    font-size: 16px;
    color: #31424E;
}
.block1-spec ul{
    overflow: hidden;
    margin-top: 24px;
}
.block1-spec h3{
    color: #31424E;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;   
    border-bottom: 2px solid #F36B30;
    display: block;
    margin: 0 0 24px;
    padding: 0 0 26px;
}
.block1-spec ul li{
    width: 242px;
    height: 130px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../img/usr/spec.png) center center no-repeat;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    font-weight: bold;
    color: #31424E;
}
.block1-spec ul li span{
    color: #F36B30;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
.block1-spec ul li:nth-child(3n+0){
    margin-right: 0;
}
.block1.profile{
    text-align: right;
    display: block;
}
.block1.profile img{
    margin: 0 0 5px 0;
}
.block1.profile p{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 20px;
    line-height: 1;
    display: block;
    text-align: right;
}
.block_clear{
    clear: both;
    padding-top: 20px;
}
.block_btn{
    text-align: center;
    clear: both;
    padding: 40px 0 0 0;
    display: block;
}
.block_btn p{
    margin: 0 0 24px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #31424E;
    line-height: 1;
}
.block_btn a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
.block1 .block_btn a{
    width: 400px;
    height: 56px;
    line-height: 1.4;
    background: url(../img/usr/btn_bg.png) center bottom no-repeat;

}
.block_btn.column2 a{
    width: 500px;
    height: 70px;
    background: url(../img/usr/btn_column2_bg2.png) center bottom no-repeat;
}
.block_btn a:hover{
    opacity: 0.8;
}
.relation_info_sp{
    display: none;
}



.block2{
    width: 1000px;
    margin: 0 auto 90px;
    overflow: hidden;
}
.block2 .line{
    overflow: hidden;
}
.block2 .item{
    width: 468px;
    float: left;
    margin-bottom: 40px;
}
.block2 .item h3{
    margin: 26px 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #31424E;
    font-weight: bold;
    line-height: 1.4;
}
.block2 .item h4{
    margin: 0 0 26px 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #31424E;
    line-height: 1.4;
}
.block2 .item:nth-child(odd){
    margin-right: 32px;
    clear: both;
}
.block2 .item:nth-child(even){
    margin-left: 32px;
}
.block2 figure{
    margin: 0;
    padding: 0;
}
.block2 p{
    margin: 0 0 24px;
    padding: 0;
    font-size: 14px;
    line-height: 1.8;
}
.block2 .block_detail p:last-of-type{
    margin: 0;
}
.block2 .block_btn{
    font-size: 0;
    padding: 24px 0 0 0;
}
.block2 .block_btn.column2 a{
    width: 229px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    background: url(../img/usr/btn_column2_bg.png) center bottom no-repeat;
    background-size: 100% 70px;
    font-size: 16px;
}
.block2 .block_btn.column1 a{
    width: 468px;
    height: 70px;
    line-height: 1.4;
    display: inline-block;
    background: url(../img/usr/btn_column1_bg.png) center bottom no-repeat;
    background-size: 100% 70px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block2 .block_btn.column2 a:nth-child(odd){
    margin-right: 5px;
}
.block2 .block_btn.column2 a:nth-child(even){
    margin-left: 5px;
}
.block2 .block_btn.column1.consider a{
    width: 468px;
    height: 56px;
    background: url(../img/usr/consider_btn.png) center center no-repeat;
}



.block3{
    width: 1000px;
    margin: 0 auto 90px;
    overflow: hidden;
}
.block3 .line{
}
.block3 .item{
    overflow: hidden;
    margin-bottom: 40px;
}
.block3 .item:last-child{
    margin-bottom: 0;
}
.block3 .item h3{
    margin: 6px 0 26px 0;
    padding: 0;
    font-size: 20px;
    color: #31424E;
    font-weight: bold;
}
.block3 .item h4{
    margin: 0 0 26px 0;
    padding: 0;
    font-size: 18px;
    color: #31424E;
}

.block3 figure{
    margin: 0 40px 0 0;
    padding: 0;
    width: 300px;
    float: left;
}
.block3 figure img{
    max-width: 100%;
    vertical-align: bottom;
}
.block3 .block_detail{
    width: 660px;
    float: left;
    text-align: left;
}
.block3 p{
    margin: 0 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
}
.block3 a{
    font-size: 14px;
    color: #000000;
    border-bottom: 1px solid #F36B30;
    float: right;
    margin: 55px 16px 0 0;
    padding: 0 0 2px;
    position: relative;
    line-height: 1;
    text-decoration: none;
}
.block3 a::before{
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    background: url(../img/usr/block_shape.png) center center no-repeat; 
    position: absolute;
    top: 2px;
    right: -15px;
}
.block3 a.window::before{
    display: inline-block;
    content: '';
    width: 11px;
    height: 11px;
    background: url(../img/usr/window.png) center center no-repeat;
    background-size: 11px 11px;
    position: absolute;
    right: -15px;
    top: 0;
}

.block1_3{
    margin: 68px 0 0 0;
}
.block3 a + p{
    clear: both;
    float: right;
    color: #9A9A9A;
    font-size: 13px;
    margin-right: 16px;
    padding: 14px 0 0 0;
    display: block;
}
.block1_3 h3{
    margin: 0 0 30px;
    padding: 0 0 27px;
    font-size: 26px;
    font-weight: bold;
    color: #31424E;
    border-bottom: 1px solid #F36B30;
}
.block1_3 > p{
    font-size: 16px;
    color: #31424E;
    line-height: 1.8;
    margin: 0 0 28px;
    padding: 0;
}

.block1_3 > p span{
    font-size: 12px;
    display: block;
}
.block1_3_main{
    position: relative;
    overflow: hidden;
}

.block1_3_main .swiper-button-prev.swiper-button-disabled,
.block1_3_main .swiper-button-prev{
    background: url(../img/usr/swiper_prev.png) center bottom no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px;
    z-index: 9;
    opacity: 1;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto 0;
}
.block1_3_main .swiper-button-next.swiper-button-disabled,
.block1_3_main .swiper-button-next{
    background: url(../img/usr/swiper_next.png) center bottom no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px;
    z-index: 9;
    opacity: 1;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto 0;   
}


.block1_3_item{
    width: 320px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background: #F5F5F5;
    padding: 24px 24px 24px;
    box-sizing: border-box;
}
.block1_3_item:nth-child(3n+0){
    margin-right: 0;
}
.block1_3_item picture,
.block1_3_item figure{
    width: 100%;
    float: none;
    margin: 0 0 31px;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
}
#block1_3_main1 .block1_3_item picture{
    height: 272px;   
}
.block1_3_item h4{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 17px;
    padding: 0;
    line-height: 1.8;
    color: #31424E;
}
.block1_3_item p{
    font-size: 14px;
    color: #31424E;
    line-height: 1.8;
    margin: 0 0 20px;
    padding: 0;
}
.block1_3_item a{
    display: block;
    width: 272px;
    height: 56px;
    line-height: 56px;
    background: url(../img/usr/btn_bg.png) center bottom no-repeat;
    background-size: 100% 56px;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
.block1_3_item a:hover{
    opacity: 0.8;
}

.block1_3_sub{
    overflow: hidden;
    margin: 40px 0 0 0;
}
.block1_3_sub_item{
    width: 480px;
    float: left;
}
.block1_3_sub_item p:nth-child(1){
    background: #F5F5F5;
    font-size: 22px;
    font-weight: bold;
    color: #31424E;
    margin: 0 0 28px;
    padding: 19px 20px;
    display: block;
    line-height: 1;
}
.block1_3_sub_item p:nth-child(2){
    font-size: 16px;
    font-weight: bold;
    color: #31424E;
    margin: 0 0 28px;
    padding: 0;
    display: block;
    line-height: 1;
}
.block1_3_sub_item p:nth-child(3){
    font-size: 16px;
    color: #31424E;
    margin: 0 0 0;
    padding: 0;
    display: block;
    line-height: 1.8;
}
div.block1_3_sub_item div.btn2 a{
    display: block;
    clear: both;
    margin-right: 5%;
    margin-top: 0;
}
.block1_3_sub_item div.btn2 a + p {
    clear: both;
    float: right;
    color: #9A9A9A;
    font-size: 13px;
    font-weight: normal;
    margin-right: 5%;
    padding: 14px 0 0 0;
    display: block;
}
.block1_3_sub_item a:last-child{
    margin-right: 0;
}
.faq_item p.link{
    text-align: right;
}
.faq_item a{
    font-size: 14px;
    color: #000000;
    border-bottom: 1px solid #F36B30;
    float: none;
    margin: 0 16px 0 0;
    padding: 0 0 9px;
    position: relative;
    line-height: 1;
    text-decoration: none; 
    display: inline-block;   
}
.block1_3_sub_item a{
    font-size: 14px;
    color: #000000;
    border-bottom: 1px solid #F36B30;
    float: right;
    margin: 55px 16px 0 0;
    padding: 0 0 9px;
    position: relative;
    line-height: 1;
    text-decoration: none;
}
.faq_item a.link::before,
.block1_3_sub_item a.link::before {
    display: inline-block;
    content: '';
    background: url(../img/cc/course_link.png) no-repeat center center;
    width: 6px;
    height: 11px;
    position: absolute;
    right: -15px;
    margin: 0 0;
    top: 2px;
}
.faq_item a.window::before,
.block1_3_sub_item a.window::before {
    display: inline-block;
    content: '';
    width: 11px;
    height: 11px;
    background: url(../img/usr/window.png) center center no-repeat;
    background-size: 11px 11px;
    position: absolute;
    right: -15px;
    top: 2px;
}
.faq_answer p.link{
    text-align: right;
}
.faq_item a.window::before{
    background: url(../img/usr/window.png) right center no-repeat;
    background-size: 11px 11px;
}
.block1_3_sub_item:nth-child(odd){
    margin-right: 20px;
}
.block1_3_sub_item:nth-child(even){
    margin-left: 20px;
}

.block4{
    width: 1000px;
    margin: 0 auto 40px;
}
.block4 .block4_subtitle{
    margin: 0 0 23px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    display: block;
    line-height: 1;
    color: #31424E;
}
.block4 .block4_comment{
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: block;
    line-height: 1.8;
    color: #31424E;
}
.block4 h2{
    margin: 0 0 32px;
    padding: 0 0 25px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    border-bottom: 2px solid #F36B30;
}
.block4 h2 span{
    color: #F36B30;
    font-weight: bold;
    font-size: 20px;
    vertical-align: bottom;
    margin-left: 23px;
}
.block4-item figure{
    margin: 0;
    padding: 0;
}
.block4-line{
    overflow: hidden;
    margin: 30px 0 0 0;
    position: relative;
}
.consider_plus{
    position: absolute;
    top: 127px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 46px;
    height: 46px;    
}
.block4-item{
    width: 450px;
    float: left;
}
.block4-item:nth-of-type(odd){
    margin-right: 50px;
}
.block4-item:nth-of-type(even){
    margin-left: 50px;
}
.block4-item h3{
    margin: 26px 0 20px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #31424E;
}
.block4-item h4{
    margin: 0 0 25px;
    padding: 0;    
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #31424E;
}
.block4-item p{
    margin: 0 0 23px;
    padding: 0;    
    text-align: center;
    color: #31424E;
    font-size: 14px;
    line-height: 1.8;
}
.block4-item a{
    background: url(../img/usr/btn_bg_spec.png) center center no-repeat;
    width: 450px;
    height: 56px;
    line-height: 56px;
    color: #FFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.block4-item a:hover{
    opacity: 0.8;
}


.block-price{
    width: 1000px;
    margin: 0 auto 40px;
}
.block-price h2{
    background: #F5F5F5;
    height: 60px;
    line-height: 60px;
    color: #31424E;
    font-size: 22px;
    font-weight: bold;
    padding: 0 20px;
    margin-bottom: 30px;
}
.block-price-item{
    font-size: 0;
    margin-bottom: 28px;
}
.block-price-item:last-child{
    margin-bottom: 0;
}
.block-price-label{
    display: inline-block;
    vertical-align: top;
    width: 224px;
    margin-right: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #31424E;
    position: relative;
}
.block-price-label::before{
    position: absolute;
    content: ':';
    right: 0;
}
.block-price-detail{
    display: inline-block;
    vertical-align: top;
    width: 744px;
}

#cc_courses_main .block-price-detail{
    width: auto;
}
body .article>div>.content>section>div.block-price-detail p.block-price-item-price,
body .block-price-detail p.block-price-item-price{
    font-size: 18px;
    color: #F36B30;
    font-weight: bold;
    margin: 0;
}
p.block-price-item-comment{
    font-size: 12px;
    margin-top: 5px;
}
body .article>div>.content>section>div p:last-child{
    margin-top: 0;
    margin-bottom: 0;
}
body .block-price-detail p.text1{
    font-size: 26px;
    color: #F36B30;
    font-weight: bold;
}
body .block-price-detail p.text2{
    font-size: 12px;
    color: #31424E;
    margin-top: 14px;
    margin-bottom: 0;
}

.block-price .block_btn a{
    background: url(../img/usr/btn_bg.png) center center no-repeat;
    width: 400px;
    height: 56px;
    line-height: 56px;
    color: #FFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.block_memo{
    margin: 28px 0 0 0;
}
.block_memo p{
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.8;
    color: #31424E;
    font-size: 12px;
}
.block_memo p.block_memo_link{
    margin: 20px 0;
}
.block_memo p.block_memo_link a {
    color: #31424E;
    font-size: 14px;
    line-height: 1;
    padding: 0 0 2px 0;
    position: relative;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
    position: relative;
}
.block_memo p a::before{
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: -15px;
    background: url(../img/usr/window.png) right center;
    background-size: 10px 10px;
}
.block_memo p:last-child{
    margin: 0;
}
/*block*/

/*schooling*/
.schooling{
    width: 1000px;
    margin: 0 auto 90px;
}
.schooling h2{
    background: #F5F5F5;
    height: 60px;
    line-height: 60px;
    color: #31424E;
    font-size: 22px;
    font-weight: bold;
    padding: 0 20px;
    margin-bottom: 26px;
}
.schooling_table_item:nth-child(1){
    display: block;
}
.schooling_table_item{
    display: none;
}
.schooling_comment{
    font-size: 16px;
    color: #31424E;
    width: 80%;
    float: left;
    margin: 0;
    padding: 0;
}
.schooling_comment_main{
    overflow: hidden;
}
.schooling_textlink{
    font-size: 14px;
    color: #31424E;
}
.schooling_textlink1{
    float: right;
    margin: 0;
    padding: 0;
    background: url(../img/cc/course_link.png) no-repeat right 4px;
}
.schooling_textlink1 a{
    color: #31424E;
    margin: 0 15px 0 0;
    padding: 0 0 4px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #F36B30;
}
.schooling_textlink2{
    margin: 18px 0 0 0;
    padding: 0;
    display: inline-block;
    background: url(../img/cc/course_link.png) no-repeat right 4px;
}
.schooling_textlink2 a{
    color: #31424E;
    margin: 0 15px 0 0;
    padding: 0 0 4px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #F36B30;
}
.schooling h4{
    margin: 0;
    padding: 0 0 0 11px;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    color: #31424E;
    border-left: 4px solid #F36B30;
}
.schooling_main_wrap{
    border: 1px solid #F26B30;  
    padding: 40px 40px;
    margin-bottom: 40px;
    box-shadow: none; 
    position: relative;
}
.schooling_top{
    overflow: hidden;
    margin-bottom: 40px;
}
.schooling_icon{
    position: absolute;
    top: -20px;
    right: 20px;
}
.schooling_icon span{
    margin-right: 11px;
}
.schooling_icon span:last-child{
    margin-right: 0;
}
.schooling_main_wrap h3{
    margin: 0 0 44px;
    padding: 0;
    font-size: 22px;
    color: #F36B30;
    font-weight: bold;
    display: block;
    line-height: 1;
}
.schooling_main_wrap h3 span{
    margin-right: 20px;
}
.schooling ul.schooling_tab{
    font-size: 0;
    margin: 33px 0 30px;
}
.schooling ul.schooling_tab li{
    background: #FAFAFA;
    display: inline-block;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    font-size: 14px;
    color: #31424E;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 7px 10px;
    cursor: pointer;
}
.schooling ul.schooling_tab li:hover{
    opacity: 0.8;
}
.schooling ul.schooling_tab li.active{
    background-color: #F36B30;
    color: #FFF;
    font-weight: bold;
}
.schooling  table{
    width: 100%;
    margin: 23px 0 20px;
}
.schooling  table th:first-child{
    width: 110px;
}
.schooling  table th:last-child{
    border-right: none;
    width: 100px;
    box-sizing: border-box;
}
.schooling  table th{
    background: #F0F3F6;
    text-align: center;
    border-top: 1px solid #E1E4E6;
    border-right: 1px solid #E1E4E6;
    border-bottom: 1px solid #E1E4E6;
    font-size: 14px;
    color: #31424E;
    line-height: 1.5;
    padding: 8px 0;
    width: 60px;
}
.schooling table td:first-child{
    padding: 16px 10px;
    width: 250px;
}
.schooling  table td:first-child{
    width: 110px;
}
.schooling  table td:last-child{
    width: 100px;
}
.schooling  table td:last-child{
    border-right: none;
    padding: 16px 10px;
    
}
.schooling table td:last-child div{
    width: 80px;
}
.schooling  table td{
    border-right: 1px solid #E1E4E6;
    border-bottom: 1px solid #E1E4E6;
    text-align: center;
    font-size: 14px;
    color: #31424E;
    padding: 16px 0;
    width: 60px;

}
.schooling table td p.variationname2{
    font-weight: bold;
}
.schooling table td img.btn{
    margin: 5px 0 0 0;
}
.event_date_ table td.event_date2_,
.briefing_session table td.briefing_session1,
.briefing_session table td.briefing_session2{
    position: relative;
}
.event_date_ table td.event_date2_ .stockmessage,
.briefing_session table td.briefing_session1 p.stockmessage,
.briefing_session table td.briefing_session2 p.stockmessage,
.schooling table td p.stockmessage{
    font-size: 11px;
    border-radius: 4px;
    background: #80D954;
    display: block;
    margin: 10px auto 0;
    color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;   
    word-break: keep-all; 
}
.briefing_session table td.briefing_session1 p.stockmessage.full,
.briefing_session table td.briefing_session2 p.stockmessage.full,
.schooling table td p.stockmessage.full{
    background: #C00;
}
.briefing_session table td.briefing_session1 p.stockmessage.limitedamount,
.briefing_session table td.briefing_session2 p.stockmessage.limitedamount,
.schooling table td p.stockmessage.limitedamount{
    background: #F26A1B;
}
form.briefing_session {
    margin-bottom: 0;
}
.event_date_ table td.event_date2_ .stockmessage,
.briefing_session table td.briefing_session1 p.stockmessage,
.briefing_session table td.briefing_session2 p.stockmessage{
    width: max-content;
    height: max-content;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0;

}
.briefing_session table td.briefing_session4 a{
    margin: 0 15px 0 20px;
    padding: 0 0 4px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #F36B30;    
}
.briefing_session table td.briefing_session4  p.schooling_map {
    margin: 0 0 0 0;
    padding: 0;
    background: url(../img/usr/consider_map.png) left center no-repeat;
    display: inline-block;
}
form.briefing_session .course_search_item input[type="text"],
form.briefing_session .course_search_item select{
    width: 100%;
}
form.briefing_session .course_search_item:nth-child(odd),
form.briefing_session .course_search_item:nth-child(even){
    clear: none;
    margin: 0 16px 0 0;
    width: 296px;
}
form.briefing_session .course_search_item:nth-of-type(3){
    margin-right: 0;
}
.schooling table:nth-child(1){
    display: block;
}
.schooling  table td.memo{
    border-right: 1px solid #E1E4E6;
    text-align: left;
    padding: 16px 0 16px 20px;
    color: #31424E;
    font-size: 14px;
}
.schooling table td.memo > p sup{
    font-size: 10px;
}
.schooling table td.memo > p > span:first-child{
    margin-right: 20px;
}
.schooling  table td.memo span span{
    margin-left: 30px;
}
.schooling  table td.memo p{
    display: inline-block;
    vertical-align: middle;
    color: #31424E;
    font-size: 14px;
}  
p.schooling_map{
    margin: 0 0 0 10px;
    padding: 0;
    background: url(../img/usr/consider_map.png) left center  no-repeat;
    display: inline-block;
}
p.schooling_map a{
    color: #31424E;
    margin: 0 15px 0 20px;
    padding: 0 0 4px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #F36B30;
}
.schooling  table .head{
    width: 100px;
    line-height: 1.4;
}
.schooling  table .head img{
    margin-top: 10px;
}
.schooling  table  td.head{
    font-weight: bold;
}
ul.schooling_memo {
    margin: 29px 0 27px 0;
    padding: 0;
    line-height: 1.8;
}
ul.schooling_memo li{    
    color: #31424E;
    font-size: 14px;
    color: #31424E;
    margin:0 0 8px;
    padding: 0 0 0 15px;
    position: relative;
    line-height: 1.2;
}
ul.schooling_memo li.red{
    color: #F33030;   
}
.schooling_memo li::before{
    content: '・';   
    position: absolute;
    left: 0;
}
.schooling_memo li:last-child{
    margin: 0;   
}
.schooling .block_btn{
    margin: 0;
    padding: 0;
}
.schooling .block_btn a{
    width: 400px;
    height: 56px;
    line-height: 56px;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    background: url(../img/usr/btn_bg.png) center center no-repeat;
}
.schooling .block_btn p{
    margin: 0;
    padding: 0;
    color: #31424E;
    font-size: 12px;
    font-weight: normal;
}
/*schooling*/

/*faq*/
.faq{
    width: 1000px;
    margin: 0 auto 80px;
}
.faq_main{
    margin: 28px 0 0 0;
    border: 1px solid #EAEAEA;
}
.faq_item{
    border-bottom: 1px solid #EAEAEA;
}
.faq_item:last-child{
    border-bottom: 0;
}
.faq > p{
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #31424E;
    line-height: 1.8;
}
.faq_no{
    position: absolute;
    left: 30px;
    font-size: 20px;
    font-weight: bold;
}
.faq_title{
    padding: 26px 80px;
    position: relative;
    cursor: pointer;
    background: url(../img/usr/plus.png) right  20px center no-repeat;
}
.faq_title.active{
    background: url(../img/usr/minus.png) right  20px center no-repeat;
}
.faq_title .faq_no{
    color: #F36B30;
    top: 26px;
}
.faq_title p{
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    color: #31424E;
    font-weight: bold;
}
.faq_answer{
    border-top: 1px solid #EAEAEA;
    background: #F7F7F7;
    padding: 36px 80px;
    position: relative;
    display: none;
}
.faq_answer .faq_no{
    color: #FE9D03;
    top: 36px;
}
.faq_answer > *{
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #31424E;
}
.faq_answer ul{
    margin: 16px 0;
    padding: 0;
}
.faq_answer ul li{
    font-size: 16px;
    color: #31424E;
    margin-bottom: 16px;
}
.faq_answer ul li:last-child{
    margin-bottom: 0;
}
/*faq*/


/*interview*/
.interview{
    background: #F5F5F5;
    padding: 65px 0 60px 0;
    margin-bottom: 92px;
}
.interview h2{
    display: block;
    line-height: 1;
    margin: 0 0 47px;
    padding: 0;
    font-size: 34px;
    font-weight: bold;
    color: #31424E;
}
.interview h2 span{   
    font-size: 18px;
    font-weight: bold;
    color: #F36B30;
    display: block;
    margin: 0 0 20px;
}
.interview_wrap{
    width: 1000px;
    margin: 0 auto;
}
.interview_main{
    overflow: hidden;
    margin-bottom: 40px;
}
.interview_item{
    width: 492px;
    margin: 0 0;
    padding: 48px 32px 40px;
    box-sizing: border-box;
    float: left;
    background: #FFF;
    position: relative;
}
.interview_item .interview_item_comment .movie{
    margin-top: 23px;
    display: block;
}
/*
.interview_item.noline .interview_item_comment p{
    -webkit-line-clamp: 12;
}*/
.interview_item h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 35px;
    padding: 0;
    color: #F36B30;
}
.interview_item h3 a{
   color: #F36B30;
}
.interview_item figure{
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
}
.interview_item iframe{
    width: 100%;
    height: 241px;
    margin-top: 20px;
}
.interview_item figure img{
 object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}
.interview_item figure figcaption{
    width: 293px;
    margin: 0 0 0 28px;
    display: inline-block;
    vertical-align: middle;
}
.interview_item figure figcaption p:first-child{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px;
    padding: 0;
    color: #31424E;
}
.interview_item figure figcaption p:last-child{
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 0;
    padding: 0;
    color: #31424E;
}
.interview_item figure figcaption p:last-child span{
    margin-left: 10px;
}
.interview_item:nth-child(odd){
    margin-right: 4px;
}
.interview_item:nth-child(even){
    margin-left: 4px;
}
.interview_item_comment{
    padding-bottom: 40px;
}
.interview_item_comment p.interview_item_comment_title{
    font-weight: bold;
    margin-bottom: 15px;
}
.hasnovideo .interview_item_comment div{
   -webkit-line-clamp: 12;
}
.interview_item_comment div{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;    

}
.interview_item_comment *{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #31424E;
    line-height: 1.8;
}
.interview_item_comment p + span{
    margin: 25px 0 0 0;
    display: block;
    line-height: 1;
}
.interview_item_foot{
    overflow: hidden;
    margin: 0 0 0 0;
    position: absolute;
    bottom: 25px;
}
.interview_item_foot ul{
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 328px;
}
.interview_item_foot ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

}
.GM20_GM10_1{
    background: #31424E;
}
.GM20_GM10_2{
 background: #F36B30;   
}
.GM20_GM10_5{
    background: #FFC414;
}



.GM20_GM10_3{
    background: #31424E;
}
.GM20_GM10_4{
 background: #F36B30;   
}
.GM20_GM10_6{
    background: #FFC414;
}



.GM20_GM10_7{
    background: #31424E;
}
.GM20_GM10_8{
 background: #F36B30;   
}
.GM20_GM10_9{
    background: #FFC414;
}

.GM20_GM10_10{
    background: #31424E;
}
.GM20_GM10_11{
 background: #F36B30;   
}
.GM20_GM10_12{
    background: #FFC414;
}





.interview_item_foot ul li{
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 100px;
    display: inline-block;
    color: #FFF;
    margin-right: 10px;
    font-weight: bold;
}
.interview_item_foot ul li:last-child{
    margin-right: 0;
}
.interview_item_foot .interview_item_morebtn{
    margin: 0 14px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.interview_item_foot .interview_item_morebtn a{
    color: #31424E;
    font-size: 14px;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
    line-height: 1;
    position: relative;
    display: block;
    padding: 0 0 2px;
}
.interview_item_foot .interview_item_morebtn a:hover{
    opacity: 0.8;
}
.interview_item_foot .interview_item_morebtn a::before{
    display: inline-block;
    content: '';
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto 0;    
    width: 5px;
    height: 9px;
    background: url(../img/usr/block_shape.png) center center no-repeat;
    background-size: 5px 9px    
} 
.interview .interview_btn{
    display: block;
    width: 400px;
    height: 56px;
    line-height: 56px;
    background: url(../img/usr/btn_bg.png) center bottom no-repeat;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    text-align: center;
}
.interview .interview_btn:hover{
    opacity: 0.8;
}
/*interview*/

/*field*/
.field{
    width: 1000px;
    margin: 92px auto 80px;
}
.field h2{
    font-size: 18px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 32px;
    padding: 0 0 32px;
    line-height: 1;
    background: url(../img/usr/title_border.png) center bottom no-repeat;
}
.field h2 span{
    display: block;
    font-size: 30px;
    color: #31424E;
    font-weight: bold;
    padding: 0 0 20px 0;
}

.field_main{
    position: relative;
    overflow: hidden;
}
.field_main .swiper-button-prev.swiper-button-disabled,
.field_main .swiper-button-prev{
    background: url(../img/usr/swiper_prev.png) center bottom no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px;
    z-index: 9;
    opacity: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.field_main .swiper-button-next.swiper-button-disabled,
.field_main .swiper-button-next{
    background: url(../img/usr/swiper_next.png) center bottom no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px;
    z-index: 9;
    opacity: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;   
}
.field_item{
    width: 312px;
    float: left;
    padding-right: 32px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #EAEAEA;
}
.field_item h3{
    margin-bottom: 26px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.field_item figure{
    margin: 0 0 32px;
    padding: 0;
}
.field_item:nth-child(3n+0){
    padding-right: 0;
}
.field_item:nth-child(3n+1){
    clear: both;
}
p.field_item_comment{
    font-size: 14px;
    color: #31424E;
    line-height: 1.8;
    margin: 0 0 48px;
    padding: 0;

}
p.field_item_btn {
    float: right;
    margin: 0 16px 0 0;
}
p.field_item_btn a{
    color: #31424E;
    font-size: 14px;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
    line-height: 1;
    padding: 0 0 2px;
    position: relative;
}

p.field_item_btn a::before{
    display: inline-block;
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto 0;    
    width: 5px;
    height: 9px;
    background: url(../img/usr/block_shape.png) center center no-repeat;
    background-size: 5px 9px    
} 
/*field*/

/*CDA資格取得までの流れ*/
.cda_step{
    text-align: center;
    border-radius: 4px;
    padding: 22px 20px 20px;
}
.cda_step p{
    margin: 0;
    padding: 0;
}
.cdashape{
    display: block;
    text-align: center;
    margin: 10px 0;
}
.cda_step1{
    background: #F7F7F7;
}
.cda_step1 p{
    font-size: 18px;
    font-weight: bold;
    color: #31424E;
    line-height: 1;
}
.cda_step2{
    background: #F7F7F7;
}
.cda_step2 p{
    font-size: 18px;
    font-weight: bold;
    color: #F36B30;
    line-height: 1;
}
.cda_step2 p span{
    display: block;
    font-size: 12px;
    color: #31424E;
    font-weight: normal;
    margin: 18px 0 0 0;
}
.cda_step3{
    background: #F7F7F7;
}
.cda_step3 > p{
    font-size: 12px;
    text-align: left;
    color: #31424E;
    position: relative;
    padding: 0 0 0 20px;
}
.cda_step3 > p span{
    position: absolute;
    top: 0;
    left: 0;
}
.cda_step3_main{
    overflow: hidden;
    margin: 0 0 14px;
    position: relative;
}
.cda_step3_item{
    background: #48C6F5;
    border-radius: 4px;
    width: 440px;
    float: left;
    padding: 22px 0 20px;
}
.cda_step3_main::before{
    background: url(../img/usr/cda_plus.png) center center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto auto;
}
.cda_step3_item:nth-child(odd){
    margin-right: 40px;
}
.cda_step3_item:nth-child(even){
    margin-left: 40px;
}
.cda_step3_item p{
    color: #FFF;
    display: block;
    font-weight: bold;
    line-height: 1;
}
.cda_step3_item p:first-child{
    font-size: 14px;
}
.cda_step3_item p:last-child{
    margin: 20px 0 0 0;
    font-size: 24px;
}
.cda_step4{
    padding: 23px 0 20px;
    background: #31424E;
    color: #FFF;
}
.cda_step4 p:first-child{
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
}
.cda_step4 p:last-child{
    display: block;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    margin: 16px 0 0 0;
}
.cda_step5{
    padding: 23px 0 20px;    
    background: #F36B30;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
}
.cda_step5 p{
    color: #FFF;
    font-size: 22px;
    margin: 0 auto;
}
.cda_step5{
    padding: 34px 0 34px;
    overflow: hidden;
}
.cda_relation_info{
    float: right;
}
.cda_relation_info dt,
.cda_relation_info dd{
    font-size: 13px;
    color: #31424E;
    line-height: 1;

}
.cda_relation_info p{
    margin: 28px 0 22px;
    color: #31424E;
    font-size: 14px;
    font-weight: bold;
}
.cda_relation_info ul li {
    margin-bottom: 13px;
}
.cda_relation_info li a{
    color: #31424E;
    font-size: 13px;
    margin-right: 13px;
    padding: 0 0 2px 0;
    position: relative;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
    letter-spacing: -0.1px;
}
.block_step > p{
    font-size: 16px;
    line-height: 1.8;
    clear: both;
    margin: 0;
    padding: 45px 0 0 0;
    color: #31424E;
}
.cda_relation_info li a::before {
    display: inline-block;
    content: '';
    position: absolute;
    right: -13px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3px;
    height: 6px;
    background: url(../img/usr/block_shape.png) center center no-repeat;
    background-size: 3px 6px;
}
/*CDA資格取得までの流れ*/

/*topics*/
.topics{
    width: 1000px;
    margin: 0 auto 0;
    overflow: hidden;
}
.navipage_.top_ + h2 + ul{
    margin-bottom: 100px;
}
.morebtn{
    margin-bottom: 90px;
}
.topics li{
    border-bottom: 1px solid #EAEAEA;
}
#cctop.topics li:nth-child(n+8){
    display: none;
}
.topics ul > h2{
    display: none;
}
.topics ul {
    margin-bottom: 0;
}
.topics li a{
    display: block;
    padding: 20px 0;
    text-decoration: none;
}
.topics li p:nth-child(2){
    color: #7C8087;
    font-weight: bold;
}
.topics li span{
    display: inline-block;
    vertical-align: middle;
}
.topics li span.cctopics_1_{   
    width: 100%;
}
.topics li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #31424E;
    margin-top: 15px;
    margin-right: 20px;
}
.topics li span.cctopics_1_ span:nth-of-type(even){
    display: none;
}
.topics li span.cctopics_1_ span{
    margin: 0 5px 0 0;
}
.topics li p:last-child{
    margin-right: 0;
    margin-top: 15px;
    width: 743px;
    vertical-align: middle;
    line-height: 1.4;
}
.topics > p{
    float: right;
    line-height: 1;
    margin: 30px 0 0 0;
    background: url(../img/usr/block_shape.png) right 3px no-repeat;
}
.topics > p a{
    font-size: 14px;
    color: #000000;
    border-bottom: 1px solid #F36B30;
    float: right;
    margin: 0 16px 0 0;
    padding: 0 0 9px;
    position: relative;
    line-height: 1; 
    text-decoration: none;
}
.texticon span,
.cctopics_1_ span{
    display: block;
    width: 130px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    border-radius: 5px;
}
span.cctopics_cctopics_1{
    background: #FFA514;
}
span.cctopics_cctopics_2{
    background: #80D954;
}
span.cctopics_cctopics_3{
    background: #FA6758;
}
span.cctopics_cctopics_4{
    background:#48C6F5;
}
/*topics*/

/*cad*/
.cad{
    width: 1000px;
    margin: 0 auto 78px;
    background: #F5F5F5;
}
.cad figure{
    width: 400px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.cad_detail{
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 80px;
    width: 440px;
    box-sizing: border-box;
}
.cad_detail h2{
    font-size: 34px;
    font-weight: bold;
    color: #F36B30;
    line-height: 1;
    margin: 0 0 35px;
    padding: 0;
}
.cad_detail h2 span{
    display: block;
    line-height: 1;
    font-size: 16px;
    letter-spacing: -1px;
    margin: 0 0 22px;
}
.cad_detail p:first-of-type{
    font-size: 16px;
    color: #31424E;
    margin: 0 0 18px; 
    padding: 0;
    line-height: 1.8;
    font-weight: bold;
}
.cad_detail p:last-of-type{
    font-size: 14px;
    color: #31424E;
    margin: 0 0 43px;
    padding: 0;
    line-height: 1.8;
}
.cad_detail p.cad_btn{
    margin: 0;
    padding: 0;
}
.cad_detail p.cad_btn a{
    display: block;
    width: 440px;
    height: 56px;
    line-height: 56px;
    background: url(../img/usr/btn_bg2.png) center bottom no-repeat;
    margin: 45px auto 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    text-align: center;
}
.cad_detail p.cad_btn a:hover{
    opacity: 0.8;
}
/*cad*/

/*taisaku*/

.taisaku{
    width: 1000px;
    margin: 0 auto 84px;
    box-sizing: border-box;
    border: 5px solid #F5F5F5;
    text-align: center;
    padding: 44px 0 35px 0;
}
.taisaku_wrap{
    padding-top: 100px;
}
.taisaku_title{
    font-size: 28px;
    font-weight: bold;
    color: #F36B30;
    margin-bottom: 29px;
    line-height: 1;
    display: block;
}
.taisaku_subtitle{
    font-size: 16px;
    color: #31424E;
    font-weight: bold;
    margin: 0 0 18px;
    color: #31424E;
}
.taisaku_comment{
    font-size: 14px;
    color: #31424E;
    margin-bottom: 43px;
}
.taisaku ul{
    margin: 0;
    padding: 0;
    font-size: 0;
}
.taisaku ul li{
    display: inline-block;
}
.taisaku ul li:nth-child(odd){
    margin-right: 20px;
}
.taisaku ul li:nth-child(even){
    margin-left: 20px;
}
.taisaku ul li a{
    font-weight: bold;
    font-size: 16px;
    color: #31424E;
    border-radius: 4px;
    border: 1px solid #F26B30;
    width: 440px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: url(../img/usr/taisaku_shape.png) right 20px center no-repeat;
}
.taisaku ul li a:hover{
    opacity: 0.8;
    text-decoration: none;
}
/*taisaku*/

/*pagelinklist*/
.pagelinklist{
    width: 1000px;
    margin: 0 auto 40px;
}
.pagelinklist ul {
    font-size: 0;
}
.pagelinklist ul li{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #F26B30;
    border-radius: 4px;
    width: 238px;
    box-sizing: border-box;
    margin-right: 16px;
}
.pagelinklist ul li:last-child{
    margin-right: 0;
}
.pagelinklist ul li a{
    font-weight: bold;
    font-size: 14px;
    color: #31424E;
    border-radius: 4px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    background: url(../img/usr/taisaku_shape.png) right 20px center no-repeat;
}
.pagelinklist ul li a:hover{
    opacity: 0.8;
}
/*pagelinklist*/

/*briefing_session*/
.briefing_session_lead{
    margin-bottom: 40px;
}
.briefing_session{
    width: 1000px;
    margin: 0 auto 0;
}
.briefing_session h3{
    font-size: 26px;
    font-weight: bold;
    line-height: 1; 
    padding: 0 0 25px 0;   
    margin: 0 0 30px 0;
    color: #31424E;
    border-bottom: 2px solid #F36B30;
}
.briefing_session_item{
    margin-bottom: 64px;
    display: none;
}
.briefing_session_item.disp{
    display: block;
}
.briefing_session_item:last-child{
    margin-bottom: 0;
}
.briefing_session h4{
    background: #F5F5F5;
    color: #31424E;
    font-size: 20px;
    font-weight: bold;
    padding: 22px 0 21px 19px;
    border-left: 3px solid #F26A1B;
    line-height: 1.4;
}
.briefing_session_head{
    margin: 29px 0 28px;
    display: flex;
}
.briefing_session_head p{
    font-size: 16px;
    color: #31424E;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.briefing_session_head p{
    margin-right: 44px;
}
.briefing_session_head p.briefing_session_head_textlink{
    margin-left: auto;
    margin-right: 0;
    padding-right: 14px;
}
.briefing_session_head p.briefing_session_head_textlink a{
    margin-left: auto;
    font-size: 14px;
    color: #31424E;
    line-height: 1;
    padding: 0 0 2px 0;
    position: relative;
    border-bottom: 1px solid #F36B30;
    text-decoration: none;
}
.briefing_session_head p.briefing_session_head_textlink a::before {
    display: inline-block;
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 5px;
    height: 9px;
    background: url(../img/usr/block_shape.png) center center no-repeat;
    background-size: 5px 9px;
}
.briefing_session table{
    width: 100%;
}
.briefing_session table.pc_only{
    display: table;
}
.briefing_session table.sp_only{
    display: none;
}    
.briefing_session table th{
    border-top: 1px solid #E1E4E6;
    border-right: 1px solid #E1E4E6;
    border-bottom: 1px solid #E1E4E6;
    background-color: #F0F3F6;
    color: #31424E;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding: 19px 0 18px;
}
.briefing_session table tr th:last-child{
    border-right: none;
}
.briefing_session table td{
    border-top: 1px solid #E1E4E6;
    border-right: 1px solid #E1E4E6;
    text-align: center;
    line-height: 1;
    padding: 10px 10px 10px;
    font-size: 14px;
    color: #31424E;
    word-break: break-all;

}
.briefing_session table td.briefing_session3{
    width: 100px;
    box-sizing: border-box;
}
.briefing_session table td.briefing_session1{
    width: 160px;
}
.briefing_session table td.briefing_session2{
    width: 250px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}
.briefing_session table td.briefing_session2 img{
    margin-left: 28px;
}
.briefing_session table tr td:last-child{
    border-right: none;
}
.briefing_session table tr:last-child td{
    border-bottom: 1px solid #E1E4E6;
}
.briefing_session table a:hover{
    opacity: 0.8;
}
.briefing_session5{
    width: 120px;
}
/*briefing_session*/

.sp_only{
    display: none;
}


/*タイトル*/
header.header1{
    margin: 0 0 40px;
    padding: 0 0 33px;
    background: url(../img/cc/title_bg.png) center bottom no-repeat;
}
header.header1 h2{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 18px;
    padding: 0;
    color: #F36B30;
    text-align: center;
    font-weight: bold;
    border-bottom: none;
}
header.header1 h3{
    font-size: 34px;
    margin: 0 0 0;
    padding: 0;    
    color: #31424E;
    font-weight: bold;
    text-align: center;
}
header.header1 h3 strong{
    font-size: 50px;
}
div.cc_careerconsultant_main header.header1 p,
header.header1 p{
    font-size: 16px;
    margin: 24px 0 0 0;
    padding: 0;    
    text-align: center;
    color: #7C8087;
    font-weight: bold;
    line-height: 1;
}
header.header1 p.comment2{
    font-size: 16px;
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
    line-height: 1.6;
    color: #31424E;
}
/*タイトル*/



/* --------------------------------------------------------------------
	ユーザー定義　講座を検索する
--------------------------------------------------------------------- */
.course_search{
	width: 1000px;
	margin: 53px auto 93px;
	background: #F5F5F5;
	padding: 0 0 0;
}
.course_search h3{
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	background: url(../img/usr/course_search_plus.png) right 24px center no-repeat;
	padding: 0 0 0 24px;
	cursor: pointer;
}
.course_search h3.active{
	background: url(../img/usr/course_search_minus.png) right 24px center no-repeat;
}
.course_search h3:hover{
	opacity: 0.8;
}
.course_search h3.active{
	border-bottom: 1px solid #FFF;
}
.course_search_main{
	margin: 11px 16px 16px;
	background: #FFF;
	padding: 24px 24px;
	overflow: hidden;
}
.course_search_wrap{
	display: none;
	padding-bottom: 16px;
}
.course_search_item{
	width: 450px;
	float: left;
	margin-bottom: 25px;
}
.course_search_item1{
	float: none;
	width: auto;
}
.course_search_item input[type="text"],
.course_search_item select{
	width: 85%;
	box-sizing: border-box;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #EAEAEA;
	border-radius: 4px;
	color: #333333;
	font-size: 14px;
	padding: 0 40px 0px 16px;
	outline: none;
	cursor: pointer;
}
.course_search_item select{
	background: url(../img/usr/list.png) right 18px center no-repeat;
}
.course_search_item select::-ms-expand {
	display: none;
}
.course_search_item:nth-child(odd){
	margin-right: 10px;
	clear: both;
}
.course_search_item:nth-child(even){
	margin-left: 10px;
}
.course_search_checkbox:nth-child(odd){
	margin-right: 0;
}
.course_search_checkbox:nth-child(even){
	margin-left: 0;
}
.course_search_item > p{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1;
	margin-bottom: 15px;
}
.course_search_item input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #EAEAEA;
	border-radius: 3px;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
}
.course_search_item input[type="checkbox"]:checked::before{
	content: '';
	width: 4px;
	height: 10px;
	border: 0;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	transform: rotate(45deg);	

}
.course_search_item label{
	vertical-align: sub;
	font-size: 14px;
	color: #333333;
	margin: 0 47px 0 0;
	padding: 0;
	line-height: 1;

}
.course_search input[type="submit"]{
	width: 300px;
	height: 56px;
	line-height: 56px;
	background: #31424E url(../img/usr/course_search_input.png) right 20px center no-repeat;
	border-radius: 3px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
}
.course_search input[type="submit"]:hover{
	opacity: 0.8;
}
.course_search_item1{
	float: none;
	width: auto;
}
.course_search_item input[type="text"],
.course_search_item select{
	width: 85%;
	box-sizing: border-box;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #EAEAEA;
	border-radius: 4px;
	color: #333333;
	font-size: 14px;
	padding: 0 16px;
	outline: none;
	cursor: pointer;
}
.course_search_item select{
	background: url(../img/usr/list.png) right 18px center no-repeat;
}
.course_search_item select::-ms-expand {
	display: none;
}
.course_search_item:nth-child(odd){
	margin-right: 10px;
	clear: both;
}
.course_search_item:nth-child(even){
	margin-left: 10px;
}
.course_search_checkbox:nth-child(odd){
	margin-right: 0;
}
.course_search_checkbox:nth-child(even){
	margin-left: 0;
}
.course_search_item > p{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1;
	margin-bottom: 15px;
}
.course_search_item input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #EAEAEA;
	border-radius: 3px;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
}
.course_search_item input[type="checkbox"]:checked::before{
	content: '';
	width: 4px;
	height: 10px;
	border: 0;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	transform: rotate(45deg);	

}
.course_search_item label{
	vertical-align: sub;
	font-size: 14px;
	color: #333333;
	margin: 0 50px 0 0;
	padding: 0;
	line-height: 1;
}
.course_search_item label:nth-of-type(8n+0){
	margin-right: 0;
}
.course_search input[type="submit"]{
	width: 300px;
	height: 56px;
	line-height: 56px;
	background: #31424E url(../img/usr/course_search_input.png) right 20px center no-repeat;
	border-radius: 3px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
}
.course_search input[type="submit"]:hover{
	opacity: 0.8;
}

.course_category_list{
	background: #EAEAEA;
	padding: 19px 20px;
	margin: 40px 0 20px;
}
.course_category_list p{
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 1;
}
.course_category_list p,
.course_category_list ul{
	display: inline-block;
	vertical-align: middle;
}
.course_category_list ul{
	font-size: 0;
}
.course_category_list ul li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.course_category_list ul li:last-of-type{
	margin: 0;
}
.course_category_list ul li img{
	vertical-align: top;
}

/* --------------------------------------------------------------------	
	レスポンス対応
--------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .faq_item a{
        margin-bottom: 10px;
    }
    .sp_only{
        display: inline-block;
    }    
    .title{
        width: 100%;
        height: auto;
        background-size: 100% 100%;
        margin-bottom: 7%;
        padding: 5% 0 ;
    }
    .title_main{
        width: 100%;
    }
    .title h1{
        font-size: 25px;  
        margin: 0 0 0 4.6%;
        line-height: 1.4;
    }
    .title p{
        font-size: 15px;
        line-height: 1.8;
        margin: 4.6% 4.6% 0;
    }
    /*リード文*/
    .lead{
        width: auto;
        margin: 0 4.1% 6.1%;
    }
    .lead h2{
        font-size: 24px;
        margin-bottom: 6.9%;
        line-height: 1.4;
    }
    .lead p{
        font-size: 16px;
    }
    /*ページ内リンク*/
    .pagelink{
        width: auto;
        margin: 0 4.1% 18.7%;
    }
    .pagelink ul li{
        display: block;
        margin: 0;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #EAEAEA;
    }
    .pagelink ul li a{
        margin-right: 0;
        padding: 5.1% 5.1% 5.1% 0 ;
        display: block;
        font-size: 14px;
        line-height: 1.4;
    }
    .pagelink ul li::before{
        display: none;
    }
    /*ページ内リンク*/

    /*block*/
    .block1.program{
        display: block;
    }
    .block1{
        width: auto;
        margin: 0 4.1% 18.7%;
        display: flex;
        flex-direction: column;
    }
    .block1 h2,
    .block2 h2,
    .block3 h2,
    .topics h2,
    .faq h2{
        order: 1;
        font-size: 14px;
        padding: 0 0 7.1%;
        margin: 0 0 7.1%;
        background: url(../img/usr/title_border_sp.png) center bottom no-repeat;
        background-size: 100% auto;
        line-height: 1.4;
        border: none;
    }
    .block2 h2.corporate_services_title{
        font-size: 22px;
    }
    .block1 .block_detail_title{
        margin: 0;
        padding: 0;
       /* margin: 0 0 2.5%;
        padding: 0 0 0 7.1%;*/
    }
    .block1 h2 + p{
        order: 2;
    }
    .header3 h2{
        font-size: 24px;
        order: 1;
        padding: 0 0 7.1%;
        margin: 0 0 7.1%;
        background: url(../img/usr/title_border_sp.png) center bottom no-repeat;
        background-size: 100% auto;
        line-height: 1.4;
        border: none;
    }
    .header3 h3{
        font-size: 24px;
        order: 1;
        padding: 0 0 7.1%;
        margin: 0 0 7.1%;
        background: url(../img/usr/title_border_sp.png) center bottom no-repeat;
        background-size: 100% auto;
        line-height: 1.4;
        border: none;
    }
    .header2 h2{
        font-size: 24px;
        order: 1;
        padding: 0 0 7.1%;
        margin: 0 0 7.1%;
        background: url(../img/usr/title_border_sp.png) center bottom no-repeat;
        background-size: 100% auto;
        line-height: 1.4;
        border: none;
    }
    .header2 h2 span{
        font-size: 14px;
        line-height: 1.4;
        padding-top: 2%;
    }
    .block1 h2 span,
    .block2 h2 span,
    .block3 h2 span,
    .faq h2 span,
    .topics h2 span{
        font-size: 24px;
        line-height: 1.4;
        padding-bottom: 2%;
    }
    .block1 .block_detail{
        width: auto;
        float: none;
        order: 3;
        margin: 0;
        padding: 0;
    }
    .block_detail_outer{
        height: 575px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .block_detail_outer::after{
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        content: '';
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        background: rgba(255,255,255,0.8) 

    }
    .block_detail_outer.disp{
        height: unset;
    }
    .block_detail_outer::before{
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        content: '続きを読む';
        width: max-content;
        height: 50px;
        line-height: 50px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        font-size: 14px;
        text-align: center;
        padding-right: 15px;
        background: url(../img/usr/down_s.svg) right center no-repeat;
        z-index: 1;
    }
    .block_detail_outer.disp::after,
    .block_detail_outer.disp::before{
        display: none;
    }
    .block1 figure{
        width: auto;
        float: none;
        order: 1;
        margin-bottom: 7.6%;
    }
    .block1.cccounseling .block_detail picture{
        margin-bottom: 7.6%;
    }
    .block1 figure figcaption{
        display: none;
    }
    .block_clear{
        order: 4;
    }
    .block_btn{
        order: 6;
    }
    .block_btn p{
        margin-bottom: 5.1%;
        font-size: 16px;
    }
    .block_btn a{
        width: 100%;
        background: url(../img/usr/btn_bg_sp.png) center bottom no-repeat;
        background-size: 100% 56px;
    }
    .block1 .block_btn a{
        width: 100%;
        height: 56px;   
        background-size: 100% 56px;
    }
    .block1_3 h3{
    	font-size: 22px;
    	line-height: 1.6;
    }
    .block1_3_main{
        overflow: unset;
    }
    .block1_3_main .swiper-button-disabled{
        display: none;
    }
    .block_btn.column2 a{
        line-height: 1.4;
    }
    .relation_info_sp{
        order: 5;
        display: block;
    }
    .relation_info_sp p{
        margin: 0 0 4.3%;
        padding: 0;
        color: #31424E;
        font-weight: bold;
        font-size: 14px;
        line-height: 1;
    }
    .relation_info_sp ul li{
        margin-bottom: 3.5%;
    }
    .relation_info_sp ul li:last-child{
        margin-bottom: 0;
    }
    .cda_relation_info li a,
    .relation_info_sp ul a{
        color: #31424E;
        font-size: 13px;
        position: relative;
        border-bottom: 1px solid #F36B30;

    }

    .cda_relation_info li a.window:before,
    .relation_info_sp ul a.window:before{
        top: auto;
        bottom: 4px;
        width: 11px;
        height: 11px;
        background: url(../img/usr/window.png) center center no-repeat;
        background-size: 11px 11px;
    }    

    /*interview*/
    .interview{
        padding: 10% 0;
    }
    .interview_main{
        margin: 0 0 6.1%;
    }
    .interview_wrap{
        width: auto;
        margin: 0 4.1% 0;

    }   
    .interview h2{
        font-size: 24px;
        margin-bottom: 7.4%;
    }
    .interview h2 span{
        margin: 0 0 5.1%;
        font-size: 16px;
    }
    .interview_item{
        width: auto;
        float: none;
        margin: 0 0 2%;
        padding: 6.1% 6.1%;
        height: auto!important;
    }
    .interview_item:nth-child(odd),
    .interview_item:nth-child(even){
        margin-left: 0;
        margin-right: 0;
    }
    .interview_item h3{
        font-size: 20px;
        margin-bottom: 5.3%;
        line-height: 1.8;
    }
    .interview_item iframe{
        height: 177px;
    }
    .interview_item_comment{
        height: auto!important;
    }
    .interview_item figure{
        font-size: 0;
        margin: 0 0 5.6%
    }
    .interview_item_comment p + span{
        margin: 5.1% 0 2.6%;
        padding: 0;
    }
    .interview_item_comment p + span img{
        max-width: 100%;
    }
    .interview_item figure img{
        width: 25.6%;
        vertical-align: top;
    }
    .interview_item figure figcaption{
        width: 70.3%;
        margin: 0 0 0 4.1%;
        padding: 0;
    }
    .interview_item figure figcaption p:first-child{
        font-size: 16px;
    }
    .interview_item figure figcaption p:last-child{
        font-size: 14px;
        font-weight: normal;
    }
    .interview_item_comment{
        padding-bottom: 0;
    }
    .interview_item_foot{
        font-size: 0;
        position: relative;
        bottom: auto;
    }
    .interview_item_foot ul{
        width: auto;
        margin:  3.8% 0;
        display: block;
    }
    .interview_item_foot ul li img{
        height: 25px;
    }
    .interview_item_foot .interview_item_morebtn{
        width: auto;
        display: block;
        margin: 0;
        vertical-align: top;
    }
    .interview_item_foot .interview_item_morebtn a{
        margin-right: 14px;
        display: inline;
    }
    .interview_item_foot .interview_item_morebtn a::before{
        right: -14px;
        background: url(../img/usr/block_shape_sp.png) right center no-repeat;
        background-size: 4px 8px;
    }
    .interview .interview_btn{
        width: 100%;
        background: url(../img/usr/btn_bg2_sp.png) center bottom no-repeat;
        background-size: 100% 70px;
        margin: 0 auto;
        height: 70px;
        line-height: 1.8;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .interview_item_comment p.interview_item_comment_title{
        margin-bottom: 2.5%;
    }
    /*interview*/

    /*field*/
    .field{
        width: auto;
        overflow: hidden;
        margin: 0;
        padding: 0 0 16.1%;
    }
    .field_main .swiper{
        overflow: hidden;
        padding: 0 4.1%;
    }
    .field_item{
        width: auto;
        margin: 0 0 0 0;
        padding: 6.1%;
        border-left: 1px solid #EAEAEA;
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
        float: none;
        box-sizing: border-box;
        overflow: hidden;
    }
    .field_item:nth-child(3n+0){
        padding-right: 6.1%;
    }
    .field_item:last-child{
        margin-bottom: 0;
    }
    .field_item figure img{
        width: 100%;
    }
    .field_item:nth-child(3n+1){
        clear: unset;
    }
    .field h2 {
        order: 1;
        font-size: 14px;
        padding: 0 0 7.1%;
        margin: 0 4.1% 7.1%;
        background: url(../img/usr/title_border_sp.png) center bottom no-repeat;
        background-size: 100% auto;
        line-height: 1.4;
    }
    .field h2 span{
        line-height: 1.4;
    }
    .field_item h3{
        line-height: 1;
        font-size: 20px;
        margin: 6.6% 0 ;
        height: auto!important;
    }
    p.field_item_comment{
        margin: 6.4% 0 0 0;
    }
    .field_main .swiper-button-prev.swiper-button-disabled, .field_main .swiper-button-prev{
        left: 0;
        top: 100px;
    }
    .field_main .swiper-button-next.swiper-button-disabled, .field_main .swiper-button-next{
        right: 0;
        top: 100px;
    }
    p.field_item_btn{
        margin-top: 6%;
    }
    /*field*/

    /*cad*/
    .cad{
        width: auto;
        margin: 0 4.1% 9.2%;
    }
    .cad_detail h2{
        margin: 7.6% 0;
        font-size: 24px;
    }
    .cad_detail h2 span{
        font-size: 16px;
        margin-bottom: 2.5%;
        line-height: 1.4;
    }
    .cad figure{
        width: auto;
        display: block;
    }
    .cad figure img{
        width: 100%;
    }
    .cad_detail{
        width: auto;
        display: block;
        padding: 0 6.4% 6.1%;
    }
    .cad_detail p:first-of-type{
        margin-bottom: 5.1%;
    }
    .cad_detail p{
        font-size: 14px;
        line-height: 1.8;
    }
    .cad_detail p.cad_btn a{
        width: auto;
        height: 56px;
        background: url(../img/usr/btn_bg_sp.png) center bottom no-repeat;
        background-size: 100% 56px;
        font-size: 16px;
        margin: 6.9% 0 0 0;
    }
    .cda_step{
        padding: 5.1% 0;
    }
    .cda_step1 p{
        font-size: 16px;
    }
    .cda_step2{
        padding: 4.4% 3%;
    }
    .cda_step2 p{
        line-height: 1.4;
        text-align: left;
        font-size: 16px;
    }
    .cda_step2 p span{
        margin-top: 2.5%;
    }
    .cda_step3{
        padding: 2.5% 2.5%;
    }
    .cda_step3 > p{
        padding: 0 0 0 5%;
    }
    .cda_step3_item{
        width: auto;
        float: none;
        margin: 0;
        padding: 0;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cda_step3_item:nth-child(odd){
        margin: 0 0 10%;
        padding: 0;
    }
    .cda_step3_item:nth-child(even){
        margin: 0;
        padding: 0;
    }    
    .cda_step3_item p:last-child{
        font-size: 20px;
        margin-top: 3.3%;
    }
    .block_step{
        margin: 0 0;
    }
    .cda_step4 p:first-child{
        font-size: 20px;
        line-height: 1.4;
    }
    .cda_step4 p:last-child{
        text-align: left;
        margin: 2.5% 5.1% 0;
    }
    .cda_step5 p:first-child{
        font-size: 20px;
    }
    .block_step > p{
        font-size: 16px;
        margin: 6.1% 0 0 ;
    }
    .block_step{
        order: 2;
    }
    .cda_step5{
        line-height: 1.4;
    }
    .cda_relation_info li a{
        display: inline;
        line-height: 1.8;
    }
    .cda_relation_info li a::before{
        top: auto;
        bottom: 5px;
    }
    .cda_relation_info p{
        margin: 6.1% 0 2.8%;

    }
    .block_step + .block_btn{
        margin: 0 0%;
    }

    /*topic*/
    .topics{
        width: auto;
        margin: 0 4.1% 0;
    }
    .topics.morebtn{
        margin-bottom: 17.4%;
    }
    .topics li a{
        padding: 5.1% 0 ;
    }
    .topics li p:last-child{
        display: block;
        margin: 2.5% 0 0 0;
        line-height: 1.4;
        width: auto;
    }
    .topics li span{
        margin-right: 10px;
    }
    .topics li span.cctopics_1_ span{
        margin-bottom: 5px;
    }
    .topics li p:nth-child(2){
        font-size: 13px;
        margin-top: 5px;
    }
    /*topic*/

    /*block*/
    .block2{
        width: auto;
        margin: 0 4.1% 17.9%;
    }
    .block2 .item{
        width: auto;
        float: none;
    }
    .block2 .item:nth-child(odd),
    .block2 .item:nth-child(even){
        margin: 0 0 6.1%;
    }
    .block2 .item:last-child{
        margin-bottom: 0;
    }
    .block2 figure img{
        max-width: 100%;
    }
    .block2 .item h3{
        font-size: 18px;
        height: auto!important;
        margin: 4.1% 0 2.5% 0;
    }
    .block2 .item h4{
        font-size: 16px;
        height: auto!important;
        margin: 0 0 2.5%;
    }
    .block_detail,
    .block2 p{
        height: auto!important;
    }
    .block2 .block_btn{
        display: flex;
        margin: 0;
        padding: 0;
    }
    .block2 .block_detail p:last-of-type{
        margin-bottom: 5.1%;
    }
    .block2 .block_btn.column2 a{
        width: 48%;
        height: 70px;
        background-size: 100% 70px;
        font-size: 16px;
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .block2 .block_btn.column2 a:nth-child(odd){
        margin-right: 2%;
    }
    .block2 .block_btn.column2 a:nth-child(even){
        margin-left: 2%;
    }
    .block3{
        width: auto;
        margin: 0 5.1% 16.4%;
    }
    .block3 figure{
        width: 46%;
        float: none;
        margin: 0 5.1% 0 0;
        display: inline-block;
        vertical-align: middle;
    }
    .block3 figure + h3{
        width: 47%;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        line-height: 1.4;
    }
    .block3 .block_detail{
        float: none;
        margin: 4.1% 0 0 0;
        width: auto;
    }
    .block3 figure img{
        width: 100%;
        height: 100%;
    }
    .block3 .item h3.pc_only{
        display: none;
    }
    .block3 p{
        font-size: 14px;
    }
    .block3 a{
        margin: 2.5% 5% 0 0;
        font-size: 14px;
    }
    .block3 a + p{
        margin: 2.5% 5% 0 0;
        padding: 0;
    }
    .block3 .item{
        margin-bottom: 8.2%;
    }
    .faq{
        width: auto;
        margin: 0 4.1% 16.4%;
    }
    .faq_title{
        line-height: 1.6;
    }
    .faq_title p{
        line-height: 1.6;
    }
    .faq_title .faq_no{
        top: 0;
        left: 10px;
        bottom: 0;
        margin: auto 0;
        height: max-content;
        font-size: 18px;
    }
    .faq_title{
        padding: 4.6% 13.8% 4.6% 15%;
        background-position: right 10px center;
    }
    .faq_answer{
        padding: 4.6% 4.6% 4.6% 15%;
    }
    .faq_answer p{
        font-size: 14px;
    }
    .faq_answer ul{
        line-height: 1.8;
    }
    .faq_answer ul li{
        font-size: 14px;
        margin-bottom: 0;
    }
    .faq_answer .faq_no{
        top: 18px;
        left: 10px;
        font-size: 18px;
    }
    .faq_title.active{
        background-position: right 10px center;
    }
    .block1_3{
        order: 5;
    }
    .block1_3_item{
        width: auto;
        margin: 0 2% 5.1% 0;
        float: none;
        padding: 6.1% 6.1%;
    }
    .block1_3_item:nth-child(3n+0){
        margin-right: 2%;
    }
    .block1_3_item:last-of-type{
        margin-right: 0;
    }
    .block1_3_item a{
        width: auto;
    }
    .block1_3_item figure,
    .block1_3_item picture{
        height: auto;
    }
    #block1_3_main1 .block1_3_item picture{
        height: auto;
    }
    .block1_3_item picture img{
        max-width: 100%;
    } 
    .block1_3_sub_item{
        width: auto;
        float: none;
        overflow: hidden;
    }
    .block1_3_sub_item:nth-child(odd),
    .block1_3_sub_item:nth-child(even){
        margin: 0 0 8.2%;
    }
    .block1_3_sub_item p:nth-child(1){
        font-size: 20px;
        margin: 0;
    }
    .block1_3_sub_item p:nth-child(2){
        margin: 4.1% 0 2.5%;
        line-height: 1.4;
    }
    .block1_3_sub_item div.btn2 a{
        margin-top: 2.5%;
        margin-right: 5%;
        font-size: 14px;
    }
    .block1_3_sub_item div.btn2 a + p{
        margin: 2.5% 5% 0 0;
        padding: 0;
    }
    .block1-spec + div{
        order: unset;
        margin-bottom: 0%;
    }
    .block1-spec h3{
        font-size: 22px;
        line-height: 1.4;
    }
    .block1-spec ul li span{
        font-size: 20px;
        display: inline;
    }
    .block1-spec ul li br{
        display: none;
    }
    .block1-spec ul li span.pc_only{
        display: inline;
    }
    .block1-spec ul li{
        width: 100%;
        height: unset;
        display: block;
        margin: 0 0 2.5%;
        background-size: 100%;
        font-size: 16px;
        float: none;
        padding: 15px 4.1% 10px;
        box-sizing: border-box;
        overflow: hidden;
        word-break: break-all;  
        text-align: left;
    }
    .block1-spec ul li:nth-child(odd){
        margin-left: 0;
        float: none;
    }
    .block1-spec ul li:nth-child(even){
        margin-right: 0;
        float: none;
    }
    .block1-spec ul li:last-child{
        margin-bottom: 0;
    }

    .block4{
        width: auto;
        margin: 0 5.1%;
    }
    .block4 h2{
        font-size: 22px;
        line-height: 1.4;
        margin: 0 0 7.1%;
    }
    .block4 h2 span{
        font-size: 18px;
        display: block;
        margin: 2% 0 0 0;
    }
    .block4 .block4_subtitle{
        line-height: 1.8;
        font-size: 16px;
        margin: 0;
    }
    .block4-item{
        float: none;
        width: auto;
        margin: 0 4.1% 0%;
    }
    .block4-item p{
        text-align: left;
    }
    .block4-item figure img{
        width: 100%;;
        height: 100%;
    }
    .block4-item:nth-child(odd){
        margin-right: 0;
        margin-left: 0;
    }
    .block4-item:nth-child(even){
        margin-left: 0;
        margin-right: 0;
    }
    .block4-line{
        margin-bottom: 10.2%;
    }
    .block4-item a{
        width: auto;
        height: 56px;
        background-size: 100% 56px;
    }
    .consider_plus{
        position: static;
        top: 0;
        text-align: center;
        display: block;
        width: 30px;
        height: 30px;
        margin: 5.1% auto;
    }
    .consider_plus img{
        width: 30px;
    }
    .block1 .block_btn.column2{
        padding: 8.2% 0 0 0;
        width: 100%;
        display: block;
    }
    .block1 .block_btn.column2 a{
        display: flex;
        margin: 0 0 2.5%;
        width: 100%;
        background-size: 100% 56px;
    }
    .block1 .block_btn.column2 a:first-child{
        margin-right: 0;
    }
    .block1 .block_btn.column2 a:last-child{
        margin-left: 0;
        margin-top: 0;
    }
    /**/
    .block-price{
        width: auto;
        margin: 0 5.1% 10.2%;
    }
    .block-price h2{
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 5.1%;
    }
    .block-price-item{
        margin-bottom: 4.6%;
    }
    .block-price-label{
        width: max-content;
        display: block;
        margin: 0 0 3.5%;
        padding: 0;
        font-size: 16px;
    }
    body .block-price-detail p:first-child{
        font-size: 20px;   
    }
    .block-price-detail{
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 1.8;
    }
    .block-price .block_btn{
        padding-top: 6.4%;
    }
    .block-price .block_btn a{
        width: 100%;
        height: 56px;
        background-size: 100%;
        
    }

    /*schooling*/
    .schooling{
        width: auto;
        margin: 0 4.1% 17.9%;
    }
    .schooling h2{
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 5.1%;
    }
    .schooling_main_wrap{
        padding: 5.6% 4.1%;
    }
    .schooling_main_wrap h3{
        font-size: 20px;
        line-height: 1.4;
        margin: 0 0 5.1%;
    }
    .schooling_comment{
        width: 100%;
        margin: 0;
        float: none;
        line-height: 1.4;
    }
    .schooling_textlink1{
        margin: 4.1% 0 0 0;
    }
    .schooling ul.schooling_tab{
        margin: 5.1% 0 6.1% 0;
    }
    .schooling h4{
        font-size: 16px;
        margin-bottom: 3.3%;
    }
    .schooling .block_btn a{
        width: 100%;
        height: 56px;
        background-size: 100% 56px;
    }
    ul.schooling_memo{
        margin: 5.6% 0;
        padding: 0;
    }
    ul.schooling_memo li{
        margin-left: 0;
        padding-left: 0;
        line-height: 1.8;
    }
    .schooling_memo li::before{
        position: relative;
    }
    .schooling .block_btn p{
        text-align: left;
        line-height: 1.8;
    }
    .schooling .block_btn a{
        margin-bottom: 5.6%;
    }
    .schooling ul.schooling_tab li{
        min-width: calc((100% - 30px) / 4);
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
        padding: 0 5px;
    }
    .schooling ul.schooling_tab li:nth-child(4n){
    	margin-right: 0;
    }
    .schooling ul.schooling_tab li.active{
        font-weight: bold;
    }
    .schooling table.pc_only{
        display: none;
    }
    .schooling table.sp_only{
        display: table;
        width: auto;
    }
    .schooling table th{
        font-size: 14px;
        padding: 4.1% 0;
        line-height: 1.4;
    }
    .schooling table td{
        text-align: left;
        padding: 4.1% 4.1%;
        box-sizing: border-box;
        line-height: 1.8;
        width: 77%;
        position: relative;
        word-break: break-all;
        border-top: 1px solid #E1E4E6;
    }
    .schooling table td.setyoubidata{
        font-weight: bold;
    }
    .schooling table td p.stockmessage{
        display: inline-block;
        word-break: break-all;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        height: max-content;
    }
    .schooling table tr:last-child td{
        border-bottom: 1px solid #E1E4E6;
    }
    .schooling table:not(.defaultdata) tr td.btn{
        text-align: center;
    }
    .schooling table tr td.btn.default{
        text-align: left;
    }
    .schooling table tr td.btn img{
        width: auto;
        height: 44px;
    }
    .schooling table td span{
        font-size: 14px;
        width: 50px;
        float: left;
        text-align: center;
    }
    .schooling table td span:nth-child(4n+1){
        clear: both;
    }
    p.schooling_map {
        margin: 0 0 0 0;
        padding: 0;
        background: url(../img/usr/consider_map.png) left top 3px no-repeat;
        display: inline-block;
        border: none;
    }
    p.schooling_map a{
        line-height: 1.8;
    }
    p.schooling_map a span{    
        border-bottom: 1px solid #F36B30;
    }
    .schooling table td strong{
        display: inline-block;
        vertical-align: middle;
        width: 70%;
    }
    .schooling table td span{
        margin-right: 10px;
        width: auto;
    }
    .schooling table td img{
        width: 100%;
    }
    .schooling table td img.btn{
        margin: 0;
    }
    .schooling table td span.consider_btn1{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: max-content;
    }
    .schooling table td span.consider_btn1 img{
        vertical-align: bottom;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        margin: 0;
    }
    .schooling table tr:last-child td.space,
    .schooling table td.space{
        padding: 2.5px 0;
        border: none;
    }
    .schooling_icon{
        top: -55px;
    }
    .schooling_icon img{
        width: 110px;
    }
    .schooling_icon span{
        margin-right: 5px;
    }
    /*schooling*/

    /*pagelinklist*/
    .pagelinklist{
        margin: 0 4.1% 6.1%;
        width: auto;
    }
    .pagelinklist ul li{
        display: block;
        width: 100%;
        margin-bottom: 1.2%;
    }
    .pagelinklist ul li:last-child{
        margin-bottom: 0;
    }
    .pagelinklist ul li a{
        text-align: left;
        justify-content: start;
        padding: 0 3.8%;
        font-size: 14px;
    }
    .pagelinklist ul li a .pc_only{
        display: none;
    }
    /*pagelinklist*/

    /*taisaku*/
    .taisaku{
        margin: 0 4.1% 8.7%;
        padding: 6.9% 5.1% 4.8%;
        width: auto;
    }
    .taisaku ul li{
        display: block;
    }
    .taisaku ul li:nth-child(odd),
    .taisaku ul li:nth-child(even){
        margin-left: 0;
        margin-right: 0;
    }
    .taisaku ul li a{
        width: auto;
        font-size: 16px;
        line-height: 1.4;
    }
    .taisaku ul li{
        margin-bottom: 2.5%;
    }
    .taisaku ul li:last-child{
        margin-bottom: 0;
    }
    .taisaku_title{
        font-size: 24px;
        margin: 0 0 5.8%;
        padding: 0;
        text-align: left;
        line-height: 1.4;
    }
    .taisaku_subtitle{
        font-size: 16px;
        margin: 0 0 11.2%;
        padding: 0;
        line-height: 1.4;
        text-align: left;
    }
    .taisaku_comment{
        text-align: left;
        font-size: 14px;
        line-height: 1.4;
    }
    /*taisaku*/
    
    /*briefing_session*/
    
    .briefing_session{
        width: auto;
        margin: 0 4.1% 16.4%;
    }
    .briefing_session table{
        margin: 0;
    }
    .briefing_session_lead{
        margin-bottom: 40px;
    }
    .briefing_session_head{
        display: flex;
        flex-direction: column;
        margin: 5.6% 0 4.1% 0;
    }
    .briefing_session_head p{
        margin-bottom: 4.1%;
    }
    .briefing_session_head p:last-of-type{
        margin-bottom: 0;
    }
    .briefing_session h3{
        font-size: 22px;
        line-height: 1;
        margin: 0 0 6.6%;
        padding: 0 0 5.1%;
    }
    .briefing_session h4{
        font-size: 18px;
        line-height: 1;
        margin: 5.1% 0 0 0;
        padding: 4% 4.6% 3.8%;
        line-height: 1.4;
    }
    .briefing_session_head p.briefing_session_head_textlink,
    .briefing_session_head p.briefing_session_head_textlink a{
        display: block;
    }
    .briefing_session_item{
        margin-bottom: 6.4%;
    }
    .briefing_session table.pc_only{
        display: none;
    }
    .briefing_session table.sp_only{
        display: table;
    }
    .briefing_session table th{
        width: 23%;
        padding: 4.1% 0;
        box-sizing: border-box;
    }
    .briefing_session table tr:first-of-type td{
        border-top: 1px solid #E1E4E6;
    }
    .briefing_session table td{
        text-align: left;
        width: 77%;
        padding: 4.1% 4.3%;
        box-sizing: border-box;
        position: relative;
    }
    .briefing_session table td.briefing_session2{
        text-align: left;
    }
    .briefing_session table td.briefing_session5{
        width: 100%;
    }
    .briefing_session table td.briefing_session5{
        padding: 4.1% 0 0 0;
        text-align: right;
        border-bottom: none;
    }
    .briefing_session table td.briefing_session5 img{
        height: 44px;
    }
    .briefing_session table td.briefing_session1 img{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
    }
    /*briefing_session*/


    /*タイトル*/
    header.header1{
        margin: 0 0 7.6%;
        padding: 0 0 5%;
        background: url(../img/cc/sp/title_sp.png) center bottom no-repeat;
        background-size: auto 5px;
    }
    header.header1 h2{
        margin: 0 0 2%;
        font-size: 16px;
    }
    header.header1 h3{
        font-size: 24px;
        line-height: 1.4;
    }
    header.header1 h3 strong{
        font-size: 40px;
    }
    div.cc_careerconsultant_main header.header1 p,
    header.header1 p{
        font-size: 16px;
        line-height: 1;
        margin-top: 3%;
    }
    header.header1 .comment2{
        text-align: left;
        margin-bottom: 7.1%;
    } 
    /*タイトル*/ 
    div.course_search{
		width: auto;
		margin: 0 0 12.8%;
	}
	.course_search h3{
		color: #333333;
		margin: 0;
		padding: 0 4.1%;
		font-size: 18px;
		height: 60px;
		line-height: 60px;
		background-size: 12px 12px;
	}
	.course_search h3:hover{
		opacity: inherit;
	}
	.course_search h3.active{
		border: none;
		background-size: 12px auto;
	}   
    .course_search .course_search_item{
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .course_search .course_search_item input[type="text"]{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    } 
    .briefing_session table td.briefing_session2 img{
        margin: 0 0 0 10px;
    }
    .briefing_session table tr td:last-child{
        padding-bottom: 4.1%;
    }
    .briefing_session table tr:last-child td:last-child{
        padding-bottom: 4.1%;
        border-bottom: none;
    }
    .faq_item a.link::before,
    .block1_3_sub_item a.link::before {
        top: 2px;
        background: url(../img/cc/course_link_sp.png) no-repeat center center;
        background-size: 6px 11px;
        width: 6px;
        height: 11px;
    }    
    div.block1_3_sub_item div.btn2 a{
        margin-top: 5%;
    }
    .faq_item a.window{
        margin-bottom: 10px;
    }
    .schooling table tr {
        width: 100%;
        display: flex;
    }
    .schooling table th:last-child,
    .schooling table th:first-child,
    .schooling table th{
        width: 30%;
    }
    .schooling table td:last-child,
    .schooling table td:first-child,
    .schooling table td{
        width: 90%;
        padding: 10px 6px;
    }
}