@charset "utf-8";

.onlySP{
    display:none;
}
.onlyPC{
    display:block;
}

    /*--いったんけし---*/
    .l-fixNavi{
        display:none;
    }
    .l-main__aside{
        display:none;
    }

/*--------------------タイトル回り------------------*/
.new_block_ttl{
    color:#FFF;
    background: rgba(35,43,77,);
    background: linear-gradient(90deg, rgba(35,43,77,1) 0%, rgba(43,89,125,1) 25%, rgba(114,106,115,1) 50%, rgba(117,130,90,1) 75%, rgba(169,124,79,1) 100%);
    padding-left: 5rem;
}
.new_block_ttl .self_study_ttl{
    background-image:url(../img/self_study/bg_img_01.png);
    background-size:50% auto;
    background-repeat: no-repeat;
    background-position: right 0 center;
    padding-top:4rem;
    padding-bottom:4rem;
}
.new_block_ttl .self_study_ttl div{
    font-size:2.8rem;
    max-width:1250px;
    margin:auto;
}
/*--------------------タイトル回り------------------*/






/*--------------------ボタン回り------------------*/
a.base_btn_01{
	font-size: 0;
}
a.base_btn_01{
	position: relative;
	display: inline-block;
	border: 1px solid #232b4d;
	border-radius: 6rem;
	background-color: #fff;
	height: 5.6rem;
	padding: 0 6rem 0 4rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 5.2rem;
	color: #232b4d;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
a.base_btn_01:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 2rem;
	background-image: url(../img/ar-btn1.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	margin-top: -0.55rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
a.base_btn_01:hover {
	background-color: #232b4d;
	color: #fff;
}
a.base_btn_01:hover:after {
	background-image: url(../img/ar-btn1-w.svg);
	background-position: -0.3rem center;
}

a.base_btn_01.wt{
	background-color: #232b4d;
	color: #fff;
}
a.base_btn_01.wt:after {
	background-image: url(../img/ar-btn1-w.svg);
}
a.base_btn_01.wt:hover {
	background-color: #fff;
	color: #232b4d;
}
a.base_btn_01.wt:hover:after {
	background-image: url(../img/ar-btn1.svg);
	background-position: -0.3rem center;
}


a.base_btn_01.og{
    background-color: #e19c4d;
	color: #fff;
	border: 1px solid #e19c4d;
}
a.base_btn_01.og:after {
	background-image: url(../img/ar-btn1-w.svg);
}
a.base_btn_01.og:hover {
	background-color: #fff;
	color: #232b4d;
    border: 1px solid #232b4d;
}
a.base_btn_01.og:hover:after {
	background-image: url(../img/ar-btn1.svg);
	background-position: -0.3rem center;
}

.link_block{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 4rem;
    margin-bottom: 11rem;
}
.link_block .scene-link {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}
.link_block .scene-link li {
    padding: 0 1.5rem 0 0;
}


.link_block_area{

}
.link_block_area .scene-link {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.link_block_area .scene-link.rt{
    justify-content: right;
} 
.link_block_area .scene-link.rt li{
    padding:0 0 0 1.5rem;
}
.link_block_area .scene-link li {
    padding: 0 1.5rem 0 0;
}

.link_block_area .scene-link.wr{
    flex-wrap: wrap;
}
/*
.btn a{
    font-size:1.5rem;
}
*/
.link_block_area .scene-link.wh100{
    flex-wrap: wrap;
}
.link_block_area .scene-link.wh100 li{
    padding: 0 0rem 0 0;
}
.link_block_area .scene-link.wh100 a {
    display: block;
}
.link_block_area .scene-link.wh100{
    display: block;
    position: relative;
}

/*--------------------ボタン回り------------------*/

/*
.under_new_block p,
.self_study_block_001 p,
.self_study_block_002 p,
.self_study_block_003 p,
.self_study_block_004 p,
.self_study_block_005 p,
.self_study_block_006 p,
.self_study_block_007 p,
.self_study_block_008 p,
.self_study_block_009 p{
    font-size:1.6rem;
}*/

.under_new_block.self_study_bg{
    background: url(../img/self_study/bg_img_01.svg) center top no-repeat;
    background-size: cover;
    color:#FFF;
}

.under_new_block{
    padding-left: 5rem;
    padding-right: 5rem;
}
.under_new_block .under_new_area{
    padding-top:8rem;
    max-width:1100px;
    margin:auto;
    display:flex;
    justify-content: space-between;
    padding-bottom: 4rem;
}
.under_new_block .under_new_area .left_areas{
    width: 55%;
    max-width: 550px;
    color: #FFF;
    position: relative;
    z-index: 1;
}
.under_new_block .under_new_area .left_areas h2{
    color: #FFF;
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 4rem;
    line-height: 1.5;
    position: relative;
}
.under_new_block .under_new_area .left_areas h2 span {
    font-size: 2.1rem;
}
.under_new_block .under_new_area .left_areas .icon01 {
    z-index: 0;
    position: absolute;
    top: -3rem;
    left: -3rem;
}
.under_new_block .under_new_area .left_areas .icon02 {
    z-index: 0;
    position: absolute;
    top: 18rem;
    right: -4rem;
}



.under_new_block .under_new_area .right_areas{
    max-width: 450px;
    position: relative;
    width: 42%;
}
.under_new_block .under_new_area .right_areas img{
    width:100%;
    max-width:450px; 
}

.under_new_block .under_new_area .left_areas p{
    margin-bottom:1.5rem;
    position:relative;
    /*
    font-size:1.6rem;
    */
}

.under_new_block .under_new_area .left_areas p:last-of-type{
    margin-bottom:0;
}
.under_new_block .under_new_area .left_areas p a{
    text-decoration:underline;
}
.under_new_block .under_new_area .left_areas p a:hover{
    text-decoration:none;
}
.under_new_block .under_new_area .right_areas .icon03 {
    position: absolute;
    top: 0rem;
    right: -0.7em;
    max-width:5rem;
}

.under_new_block .under_new_area .right_areas .icon04 {
    position: absolute;
    bottom: 10rem;
    right: -3rem;
    max-width:6.2rem;
}







.under_new_block .under_new_area_under.about_3hours_01{
    text-align:center;
    padding-top:2rem;
}

.under_new_block .under_new_area_under.about_3hours_01 .icon{ 
    max-width:108px;
    margin:0 auto 2rem;
}
.under_new_block .under_new_area_under.about_3hours_01 .ttl{
    font-weight:700;
    font-size:2.4rem;
    position:relative;
    display:inline-block;
    padding:0 8rem;
}
.under_new_block .under_new_area_under.about_3hours_01 .ttl em{
    color:#54b3ab;
}
.under_new_block .under_new_area_under.about_3hours_01 .ttl::before{
    content:"";
    background-image: url(../img/self_study/bg_img_03.svg);
	background-size: 6rem 0.2rem;
    position:absolute;
    top:2.5rem;
    left:0;
    height:0.2rem;
    width:6rem;
}
.under_new_block .under_new_area_under.about_3hours_01 .ttl::after{
    content:"";
    background-image: url(../img/self_study/bg_img_03.svg);
	background-size: 6rem 0.2rem;
    position:absolute;
    top:2.5rem;
    right:0;
    height:0.2rem;
    width:6rem;
}





.under_new_block .under_new_area_under{
    padding-top:10rem;
    max-width:1100px;
    margin:auto;
}

.under_new_block.bg_onayami{
    background: url(../img/self_study/bg_img_04.jpg) center top no-repeat;
    background-size: cover;
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 8.5rem;
    position: relative;
    margin-bottom: 5rem;
}
.under_new_block.bg_onayami .under_new_area_under{
    padding-top:6rem;
    padding-bottom: 6rem;
}
.under_new_block .under_new_area_under .onayami_area .ttl{
    text-align:center;
    font-size:1.8rem;
    font-weight:500;
    color:#000;
    margin-bottom:4rem;
}
.under_new_block .under_new_area_under .onayami_area .ttl em{
    font-size:3.2rem;
    font-weight:700;
}

.under_new_block .under_new_area_under .onayami_area .ttl em span{
    position:relative;
    display:inline-block;
    color:#A1152D;
}
.under_new_block .under_new_area_under .onayami_area .ttl em span::after{
    content:"";
    background: url(../img/effective/icon03.svg) left top no-repeat;
    background-size: 5px 5px;
    left:0;
    right:0.5rem;
    margin:auto;
    bottom:-1rem;
    position:absolute;
    display:block;
    width:5px;
    height:5px;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    font-weight:500;
}

.under_new_block .under_new_area_under .onayami_area .onayami_blocks .first{
    background:#FFF;
    padding:2rem 1rem;
    border-radius: 1rem;
    border:1px solid #C2C2C2;
    margin:6rem 0 0 0;
    box-shadow: 5px 5px 0px 0px rgba(194,194,194,1.0);
    text-align:center;
    position:relative;
    width:27rem;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .second{
    background:#FFF;
    padding:2rem 1rem;
    border-radius: 1rem;
    border:1px solid #C2C2C2;
    margin: 0 1rem 0 2rem;
    box-shadow: 5px 5px 0px 0px rgba(194,194,194,1.0);
    text-align:center;
    position:relative;
    width:31rem;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .four{
    background:#FFF;
    padding:2rem 1rem;
    border-radius: 1rem;
    border:1px solid #C2C2C2;
    margin: 0 2rem 0 1rem;
    box-shadow: 5px 5px 0px 0px rgba(194,194,194,1.0);
    text-align:center;
    position:relative;
    width:31rem;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .third{
    background:#FFF;
    padding:2rem 1rem;
    border-radius: 1rem;
    border:1px solid #C2C2C2;
    margin:6rem 0 0 0;
    box-shadow: 5px 5px 0px 0px rgba(194,194,194,1.0);
    text-align:center;
    position:relative;
    width:27rem;
}

.under_new_block .under_new_area_under .onayami_area .onayami_blocks em{
    color:#A1152D;
}

/*
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .first::before{
    content:"";
    background: url(../img/effective/pop2.svg) left top no-repeat;
    background-size: 8.6rem 7.9rem;
    right:-7em;
    bottom:-10rem;
    position:absolute;
    display:block;
    width:8.6rem;
    height:7.9rem;
    z-index:1;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .second::before{
    content:"";
    background: url(../img/effective/pop1.svg) left top no-repeat;
    background-size: 3rem 12.3rem;
    right:0em;
    left:0;
    margin:auto;
    bottom:-14.4rem;
    position:absolute;
    display:block;
    width:3rem;
    height:12.3rem;
    z-index:1;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .third::before{
    content:"";
    background: url(../img/effective/pop3.svg) left top no-repeat;
    background-size: 8.6rem 7.9rem;
    left:-7em;
    bottom:-10rem;
    position:absolute;
    display:block;
    width:8.6rem;
    height:7.9rem;
    z-index:1;
}
*/



.next {
    width: 112px;
    margin: 4rem auto 2rem;
}

.next2 {
    width: 112px;
    margin:0rem auto 2rem;
}
.feature_block_02.extra{
    margin:4rem auto 0;
}
.feature_block_02 a:hover img{
    opacity:0.7 ;
}
.feature_block_02 .feature_area_02 .h3_area {
    text-align: center;
}
.feature_block_02 .feature_area_02 .ttl {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
}
.feature_block_02 .feature_area_02 .ttl::before {
    content: "";
    background: url(../img/self_study/icon06.svg) left top no-repeat;
    background-size: 2.4rem 4.0rem;
    left: -5rem;
    bottom: 0rem;
    position: absolute;
    display: block;
    width: 2.4rem;
    height: 4rem;
}

.feature_block_02 .feature_area_02 .ttl span.green {
    font-size: 1.8rem;
}

.feature_block_02 .feature_area_02 .ttl span {
    font-size: 3.2rem;
}

.feature_block_02 .feature_area_02 .ttl::after {
    content: "";
    background: url(../img/self_study/icon07.svg) left top no-repeat;
    background-size: 2.4rem 4.0rem;
    right: -5rem;
    bottom: 0rem;
    position: absolute;
    display: block;
    width: 2.4rem;
    height: 4rem;
}
.feature_block_02 .feature_area_02 .ttl em{
    color:#e1bd2c;
}


.banner_block {
    margin: 1rem auto 0;
    max-width: 737px;
}






.self_study_block_001{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%);
}
.self_study_block_001 .self_study_area_001{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 8rem 0 5rem 0;
}
.self_study_block_001 .self_study_area_001 .white_areas{
    /*
    background:#FFF;
    border-radius: 2rem;
    padding:6rem;
    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    */
}
.self_study_block_001 .self_study_area_001 .icons{
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width: 100%;
}
.self_study_block_001 .self_study_area_001 .white_areas h3{
    text-align:left;
    font-size:3.6rem;
    font-weight:700;
    margin-top:0rem;
    margin-bottom:2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas h3 em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox{
    display:flex;
    justify-content: space-between;
    margin-bottom:3rem;
    width:100%;
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox .lefts{
    width:430px;
    margin-top:2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox .rights{
    width:600px;
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox .rights p{
    margin-bottom:1.5rem;
}
.self_study_block_001 .self_study_area_001 .w_extra_area{
    background:#FFF;
    border-radius: 2rem;
    padding:3rem;
    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01{
    background:#f7f7f7;
    padding:2.5rem 1rem 1rem 1rem;
    position:relative;
    text-align:center;
    border-radius: 2rem;
    margin:3rem auto 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .ttl1{
    font-weight:700;
    color:#4088ba;
    font-size:2.1rem;
    position:absolute;
    top:-2rem;
    left:0;
    right:0;
    margin:auto;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .g_list_01,
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02{
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .g_list_01 li{
    color:#FFF;
    padding:0.5rem 1rem;
    background:#61afe5;
    width:33%;
    border-radius: 1rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02{
    max-width:630px;
    margin:auto;
    background:#f7f7f7;
    padding:2.5rem 1rem 1rem 1rem;
    position:relative;
    text-align:center;
    border-radius: 2rem;
    margin:3rem auto 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .ttl2{
    font-weight:700;
    color:#b55b6c;
    font-size:2.1rem;
    position:absolute;
    top:-2rem;
    left:0;
    right:0;
    margin:auto;
}

.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02 li{
    color:#FFF;
    padding:0.5rem 1rem;
    background:#e89fad;
    width:49%;
    border-radius: 1rem;
}

.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02 li:last-child{
    background:none;
    color:#000;
}
.self_study_block_001 .self_study_area_001 .white_areas .sank{
    margin:0rem auto 2rem;
    text-align:center;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01{
    margin-top:5rem;
    background:#f7f2e8;
    border-radius: 2rem;
    padding:4rem 3rem 3rem 3rem;
    position:relative;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .ttl1{
    font-weight:700;
    font-size:2.7rem;
    position:absolute;
    top:-3rem;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    color:#000;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .ttl1 em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2{
    display: flex;
    justify-content: space-between;
    position:relative;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .icon2{
    position:absolute;
    top:12rem;
    left:0;
    right:0;
    margin:auto;
    max-width:5rem;
    width:100%;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2{
    width:49%;
    max-width:480px;
    background:#FFF;
    border-radius: 1rem;
    padding:3rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .ttl3,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .ttl3{
    font-weight:700;
    font-size:2.8rem;
    background: url(../img/self_study/icon10.svg) right center no-repeat;
    background-size:4rem 0.2rem;
    padding:0 5rem 0 0;
    display:inline-block;
    margin:0.5rem 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .ttl3 em{
    color:#47509b;
}

.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2{
    width:49%;
    max-width:480px;
    background:#FFF;
    border-radius: 1rem;
    padding:3rem;
    outline: 6px solid #54b3ab;
    outline-offset: -6px;
}




.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .ttl3 em{
    color:#54b3ab;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 li{
    background: url(../img/self_study/icon11.png) left 1.2rem no-repeat;
    background-size:0.7rem 0.7rem;
    padding:0 0 0 1.7rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 li{
    background: url(../img/self_study/icon12.png) left 1.2rem no-repeat;
    background-size:0.7rem 0.7rem;
    padding:0 0 0 1.7rem;
}


.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2 .phs,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2 .phs{
    max-width:210px;
    order:2;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2 .ttl3,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2 .ttl3{
    order:1;
}


.self_study_block_001 .self_study_area_001 .white_areas .lasts{
    text-align:center;
}

.self_study_block_001 .self_study_area_001 .white_areas .last_ttl{
    text-align: center;
    font-size: 2.7rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    margin-bottom: 2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl span{
    font-size:2.7rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl span em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
/*
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl::before {
    content: "";
    background: url(../img/self_study/photo_img_05.png) left top no-repeat;
    background-size: 20rem 12rem;
    left: -22rem;
    bottom: 0rem;
    position: absolute;
    display: block;
    width: 20rem;
    height:12rem;
}

.self_study_block_001 .self_study_area_001 .white_areas .last_ttl::after {
    content: "";
    background: url(../img/self_study/photo_img_06.png) left top no-repeat;
    background-size: 20rem 12rem;
    right: -22rem;
    bottom: 0rem;
    position: absolute;
    display: block;
    width: 20rem;
    height:12rem;
}
*/






.self_study_block_002{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%);
}
.self_study_block_002 .self_study_area_002{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 8rem 0 5rem 0;
}
.self_study_block_002 .self_study_area_002 .icons{
    position:absolute;
    top:-4rem;
    left:0;
    right:0;
    margin:auto;
    max-width:9.6rem;
    width:100%;
}
.self_study_block_002 .self_study_area_002 .fboxs{
    display:flex;
    justify-content: space-between;
}
.self_study_block_002 .self_study_area_002 .fboxs .lefts{
    max-width:430px;
}
.self_study_block_002 .self_study_area_002 .fboxs .rights{
    max-width:600px;
}

.self_study_block_002 .self_study_area_002 .fboxs .rights h3{
    font-size:3.6rem;
    /*
    background: url(../img/self_study/icon_img_09.png) left top no-repeat;
    background-size: 7.6rem 7.6rem;
    padding:0.2rem 0 0.2rem 10rem;
        */
    margin-bottom:3rem;
    font-weight:700;
}
.self_study_block_002 .self_study_area_002 .fboxs .rights h3 em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}






.self_study_block_002 .self_study_area_002 .gren_area01 .ttls{
    text-align:center;
    font-weight:700;
    font-size:3.2rem;
    color:#54b3ab;
    margin:0rem 0 0rem 0;
}
.self_study_block_002 .self_study_area_002 .gren_area01 p{
    text-align:center;
    margin-bottom:2rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01{
    background:#FFF;
    border-radius: 2rem;
    padding:5rem;
    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    margin-top:3rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .f_box_3{
    display:flex;
    justify-content: space-between;
    margin-top:5rem;

}
.self_study_block_002 .self_study_area_002 .gren_area01 dl{
    display:flex;
    background:#FFF;
    border-radius: 1.2rem;
    margin-top:1rem;
    padding:5rem 2.5rem 2.5rem 2.5rem;
    width:100%;
    max-width:32%;
    background:#54b3ab;
    border-radius: 1rem;
    color:#FFF;
    text-align:center;
    position:relative;
}
.self_study_block_002 .self_study_area_002 .gren_area01 dl dt{
    width:7.8rem;
    padding:0 0rem 0 0;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:-5rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01 dl dd{
    width:100%;
    font-weight:500;
    line-height:1.8;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .icon01{
    position:absolute;
    max-width:7px;
    top:10px;
    left:10px;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .icon02{
    position:absolute;
    max-width:7px;
    top:10px;
    right:10px;
}
.self_study_block_002 .self_study_area_002 .text_001{
    text-align:center;
    font-weight:700;
    font-size:1.8rem;
    margin-top:2rem;
}
.self_study_block_002 .self_study_area_002 .text_001 span{
    font-size:2.8rem;
}
.self_study_block_002 .self_study_area_002 .text_001 span em{
    color:#54b3ab;
}






.self_study_block_003{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%)
}
.self_study_block_003 .self_study_area_003{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding:8rem 0 2rem 0;
}

.self_study_block_003 .self_study_area_003 .icons{
    position:absolute;
    top:-4rem;
    left:0;
    right:0;
    margin:auto;
    max-width:9.6rem;
    width:100%;
}
.self_study_block_003 .self_study_area_003 h3{
    text-align:center;
    font-size:3.6rem;
    font-weight:700;
    margin-top:2rem;
    margin-bottom:3rem;
}
.self_study_block_003 .self_study_area_003 h3 em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_003 .self_study_area_003 .text01{
    text-align:center;
}
.self_study_block_003 .self_study_area_003 .fboxs{
    /*
    display:flex;
    justify-content: space-between;
    */
    margin-bottom:5rem;
    margin-top:3rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .lefts{
    max-width:100%;
    width:100%;
    background:#FFF;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;

    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.self_study_block_003 .self_study_area_003 .fboxs .rights{
    max-width:100%;
    width:100%;
    background:#FFF;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;

    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls{
    display:flex;
    background:#61c5bd;
    font-size:2.4rem;
    width:100%;
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls div{
    background:#3ca79e;
    color:#FFF;
    font-weight:500;
    padding:1rem 2rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls p{
    background:#61c5bd;
    font-weight:500;
    color:#FFF;
    padding:1rem 1.5rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area{
    padding:4rem;
    margin-bottom:2rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .gg_box{
    background:#f9f9f9;
    padding:4rem 4rem 4rem 4rem;
}


.self_study_block_003 .self_study_area_003 .fboxs .pd_area .ttl2{
    font-size:2.1rem;
    font-weight:500;
    color:#467491;
    background: url(../img/self_study/bg_img_08.png) right center no-repeat;
    background-size: 100% auto;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .ttl2 span{
    padding: 0 5rem 0 0;
    display: inline-block;
    background:#FFF;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .ttl3{
    background:#467491;
    color:#FFF;
    padding:0.5rem 1.5rem;
    font-size: 2.1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl{
    display:flex;
    align-items: center;
    margin-top:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl:last-of-type{
    margin-bottom:3rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl dt{
    width:190px;
    background:#ebf3f2;
    padding:1rem 0;
    font-weight:700;
    line-height:1.8;
    text-align:center;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl dd{
    flex:1;
    width:100%;
    padding:0rem 0 0rem 1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01{
    display:flex;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .left_area{
    width:64px;
    text-align:center;
    font-weight:700;
    margin-right:3rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01.extra{
    margin-top:2rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01.extra .left_area{
    width:64px;
    text-align:center;
    font-weight:700;
    margin-right:0rem;
    margin-left:3rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area{
    flex:1;
    width:100%;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area .pop_ttl{
    background:#c2be7f;
    color:#FFF;
    padding:1.5rem 2rem;
    border-radius: 1rem;
    font-size:1.45rem;
    position:relative;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area .pop_ttl:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 18px solid #c2be7f;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01.extra .right_area .pop_ttl:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 99%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 18px solid #c2be7f;
}

.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03{
    border:2px solid #7fa2c2;
    padding:1.5rem;
    border-radius: 1rem;
    display:flex;
    margin-top:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03 .left_area{
    width:64px;
    text-align:center;
    font-weight:700;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03 .right_area{
    flex:1;
    width:100%;
    padding:0 0 0 2rem;
    color:#7fa2c2;
}




.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02{
    font-size:1.5rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02.onlySP{
    display:none;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 div{
    width:100%;    
    border-radius: 1rem;
    padding:1rem 1.5rem;
    text-align:center;
    background:#FFF;
    margin-top:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 div{
    width:100%;    
    border-radius: 1rem;
    padding:1rem 2rem;
    text-align:left;
    background:#FFF;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 em{
    font-weight:700;
    color:#467491;
}



.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04{
    display:flex;
    justify-content: space-between;
    margin-top:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 div{
    width:48.5%;
    border-radius: 1rem;
    padding:1.5rem;
    text-align:center;
    color:#FFF;
    background:#7fa2c2;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 div{
    width:48.5%;
    border-radius: 1rem;
    padding:1.5rem;
    text-align:center;
    color:#FFF;
    background:#7fa2c2;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 em{
    font-weight:700;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 .wd100,
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 .wd100{
    width:100%;
}

.self_study_block_004{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 0rem;
    position: relative;
}
.self_study_block_004 .self_study_area_004{
    margin: auto;
    max-width: 1100px;
    position: relative;
}
.self_study_block_004 .self_study_area_004 .tens{
    margin:auto;
    max-width:6px;
    text-align:center;
}

.self_study_block_004 .self_study_area_004 .text01{
    text-align:center;
    font-size:2.4rem;
    font-weight:700;
    margin:2rem auto;
}
.self_study_block_004 .self_study_area_004 ul{
    box-shadow:4px 4px 20px 0 rgba(0,0,0,0.1);
    margin:auto;
    max-width:800px;
    padding:3rem;
    background: #FFF;
    position: relative;
    border-radius: 2rem;
}
.self_study_block_004 .self_study_area_004 ul li{
    background: url(../img/self_study/icon_img_13.png) left 1rem no-repeat;
    background-size: 1.5rem 1.5rem;
    padding: 0 0 0 3rem;
}

.self_study_block_005 {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%);
}
.self_study_block_005 .self_study_area_005 {
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 8rem 0 0 0;
}
.self_study_block_005 .self_study_area_005 .icons {
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:100%;
}



.self_study_block_005 .self_study_area_005 h3{
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 3rem;
    line-height:1.8;
}
.self_study_block_005 .self_study_area_005 h3 span{
    font-size:1.8rem;
}
.self_study_block_005 .self_study_area_005 h3 em{
    background: -moz-linear-gradient(top, rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
    background: linear-gradient(to bottom, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}

.self_study_block_005 .self_study_area_005 .text01{
    font-size:2.8rem;
    color:#54b3ab;
    text-align:center;
    margin:2rem auto;
    font-weight:700;
}

.self_study_block_005 .self_study_area_005 .point_self_block{
    display: flex;
    justify-content: space-between;
    margin-top:6rem;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block{
    padding:5rem 2rem 2rem 2rem;
    background: #FFF;
    position: relative;
    box-shadow: 4px 4px 20px 0 rgba(0 , 0 , 0 , 0.1);
    border-radius: 2rem;
    width:100%;
    max-width:32%;
    text-align:center;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .icons1{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    max-width:146px;
    top:-2rem;
    width:100%;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .text02{
    font-weight:700;
    color:#467491;
    font-size:1.8rem;
    line-height:1.6;
    align-items: center;
    display: flex;
    justify-content: center;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .unders{
    width:60px;
    margin:2rem auto;
}

.self_study_block_005 .self_study_area_005 .white_map{
    padding:7rem 5rem 5rem 5rem;
    background: #FFF;
    position: relative;
    box-shadow: 4px 4px 20px 0 rgba(0 , 0 , 0 , 0.1);
    border-radius: 2rem;
    width:100%;
    max-width:900px;
    text-align:center;
    margin:6rem auto 0;
}
.self_study_block_005 .self_study_area_005 .white_map .icons2{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    max-width:286px;
    top:-2rem;
    width:100%;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4{
    margin-bottom:2rem;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4 span{
    font-size:2.4rem;
    font-weight:700;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4 span em{
    color:#60b8d4;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr{
    background: url(../img/self_study/bg_img_05.png) left 2rem no-repeat , url(../img/self_study/bg_img_06.png) right 2rem no-repeat;
    background-size:4.4rem 9rem , 4.4rem 9rem;
    margin-top:3rem;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .ttl{
    font-weight:700;
    font-size:1.8rem;
    margin-bottom:2rem;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .photo{
    margin:3rem auto;
    max-width:600px;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .textlinks{
    text-decoration:underline;
    color:#283159;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .textlinks:hover{
    text-decoration:none
}
.popup_wrap input {
    display: none;
}
.popup_overlay {
    display: flex;
    justify-content: center;
    /*
    overflow: auto;
    */
    overflow:hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
  }
  
  .popup_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .popup_content {
    position: relative;
    align-self: center;
    /*
    width: 90%;
    max-width: 1006px;
    */
    padding: 50px 40px 60px 40px;
    border-radius: 30px;
    box-sizing: border-box;
    background: #fff;
    transition: 0.5s;/*
    height:95%;  
    overflow: hidden;
  
    overflow: scroll;
    */
  }
  
  .popup_content .cont p.inTtl {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom:0px;
    margin-top:0 !important;
    color:#000;
  }
  
  .popup_content .cont p.inTxt {
    font-size: 14px;
    color: #5f5f5f;
    text-align: center;
    /*
    max-width: 658px;
    width: 100%;
    */
    margin: 0 auto 1rem !important;
  }
  
  .popup_content .cont img {
    width: 100%;
    max-width:740px;
    margin:auto;
  }
  
  .close_btn {
    position: absolute;
    top: -24px;
    right: -32px;
    font-size: 30px;
    cursor: pointer;
    background: #000;
    color: #fff;
    border-radius: 40px;
    line-height: 1;
    width: 75px;
    height: 75px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
  }




.self_study_block_006{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 5rem;
    position: relative;
}
.self_study_block_006 .self_study_area_006{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding-top:5rem;
    /*
    background: url(../img/self_study/bg_img_07.png) left top no-repeat;
    background-size: 100% auto;
    */
}
.self_study_block_006 .self_study_area_006 h3 {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 2rem;
    padding-bottom:3rem;
    border-bottom:4px double #e2e2e2;
    margin-bottom:5rem;
}
.self_study_block_006 .self_study_area_006 h3 em {
    background: -moz-linear-gradient(top, rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
    background: linear-gradient(to bottom, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}



.self_study_block_006 .self_study_area_006 .ranking-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.self_study_block_006 .self_study_area_006 .ranking-list .box {
    display: block;
    width: 18.18%;
    text-decoration: none;
}
.self_study_block_006 .self_study_area_006 .ranking-list .rank {
    margin-bottom: 1.2rem;
    font-size: 0;
}
.self_study_block_006 .self_study_area_006 .ranking-list .image {
    position: relative;
    width: 100%;
    height: 14rem;
    margin-bottom: 1.2rem;
    overflow: hidden;
}
.self_study_block_006 .self_study_area_006 .ranking-list .ttl {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.7;
}
.self_study_block_006 .self_study_area_006 .ranking-list .image img {
    position: relative;
    object-fit: cover;
    max-width: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.self_study_block_006 .self_study_area_006 .ranking-list .box:hover .image img {
    transform: scale(1.1, 1.1);
}
.self_study_block_006 .self_study_area_006 .ranking-list a:hover .ttl{
    text-decoration:underline;
}

.self_study_block_006 .self_study_area_006 .rank_under{
    margin-top:3rem;
    background-image: url(../img/feature/photo_img_10.png);
    background-size:18rem 19.2rem;
    background-position: right 0 center;
    padding:3rem 22rem 2rem 0;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li{
    margin:0 0 0rem 0;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li a{
    font-size:1.3rem;
    display:inline-block;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li a em{
    font-weight:500;
    font-size:1.5rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(1) a{
    padding:0.5rem 0 0.5rem 3.5rem;
    background:url(../img/feature/rank6.svg) left 1rem no-repeat;
    background-size:2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(2) a{
    padding:0.5rem 0 0.5rem 3.5rem;
    background:url(../img/feature/rank7.svg) left 1rem no-repeat;
    background-size:2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(3) a{
    padding:0.5rem 0 0.5rem 3.5rem;
    background:url(../img/feature/rank8.svg) left 1rem no-repeat;
    background-size:2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(4) a{
    padding:0.5rem 0 0.5rem 3.5rem;
    background:url(../img/feature/rank9.svg) left 1rem no-repeat;
    background-size:2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(5) a{
    padding:0.5rem 0 0.5rem 3.5rem;
    background:url(../img/feature/rank10.svg) left 1rem no-repeat;
    background-size:2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_day{
    text-align:right;
    position:relative;
    margin-bottom:2rem;
}
.self_study_block_006 .self_study_area_006 .rank_day span{
    background:#FFF;
    z-index: 1;
    padding:2rem 0 2rem 2rem;
    font-size:1.3rem;
}
.self_study_block_006 .self_study_area_006 .rank_day::after{
    content:"";
    background:#ECECEC;
    width:86%;
    height:1px;
    position:absolute;
    top:15px;
    left:0;
    display:block;
    z-index: 0;
}
.self_study_block_006 .self_study_area_006 .icons {
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width:13rem;
    width:100%;
}




.self_study_block_007{
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 12rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 80%, #FFF 80%);
    margin-bottom:10rem;
}
.self_study_block_007 .self_study_area_007{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 8rem 0;
}
.self_study_block_007 .self_study_area_007 .icons {
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:100%;
}
.self_study_block_007 .self_study_area_007 h3{
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 3rem;
    line-height: 1.8;
}
.self_study_block_007 .self_study_area_007 h3 em {
    background: -moz-linear-gradient(top, rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
    background: linear-gradient(to bottom, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_007 .self_study_area_007 p{
    text-align:center;
}
.self_study_block_007 .self_study_area_007 .ttls{
    font-weight:700;
    margin:4rem 0 1rem 0;
    font-size:2.1rem;
}
.self_study_block_007 .self_study_area_007 .inr_areas{
    max-width:850px;
    margin:0 auto 3rem;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl{
    display:flex;
    margin-top:1rem;
    align-content: space-between;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dt{
    background:#2b597d;
    color:#FFF;
    font-weight:700;
    padding:1rem;
    text-align:center;
    width:115px;
    border-top:1px solid #2b597d;
    border-bottom:1px solid #2b597d;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dt.user_area{
    background:#75825a;
    color:#FFF;
    font-weight:700;
    padding:1rem;
    text-align:center;
    width:115px;
    border-top:1px solid #75825a;
    border-bottom:1px solid #75825a;
}
/*
.self_study_block_007 .self_study_area_007 .inr_areas dl dd{
    flex:1;
    width:100%;
}
*/
.self_study_block_007 .self_study_area_007 .inr_areas dl dd:nth-child(2){
    justify-content: center;
    background:#3b3b3b;
    font-weight:700;
    color:#FFF;
    border-top:1px solid #3b3b3b;
    border-bottom:1px solid #3b3b3b;
    width: 50px;
    display: flex;
    align-items: center;
    text-align:center;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dd:nth-child(3){
    display: flex;
    align-items: center;
    border:1px solid #3b3b3b;
    flex:1;
    width:100%;
    padding:0 2rem;
}






.self_study_block_008 {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 5rem;
    position: relative;
}
.self_study_block_008 .self_study_area_008{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding-top: 5rem;
    /*
    background: url(../img/self_study/bg_img_07.png) left top no-repeat;
    background-size: 100% auto;
    */
}
.self_study_block_008 .self_study_area_008 .icons {
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 13rem;
    width:100%;
}

.self_study_block_008 .self_study_area_008 h3 {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 2rem;
    padding-bottom:3rem;
    border-bottom:4px double #e2e2e2;
    margin-bottom:5rem;
}
.self_study_block_008 .self_study_area_008 h3 em {
    background: -moz-linear-gradient(top, rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
    background: linear-gradient(to bottom, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}


.self_study_block_008 .self_study_area_008 .voice_block{
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area{
    width:32%;
    max-width:350px;
    margin-bottom:3rem;
    display:flex;
    align-items: stretch;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a{
    display:flex;
    background: linear-gradient(90deg, #FFF 0%, #FFF 10%, #F8F8F8 10%, #F8F8F8 100%);
    padding:3rem 3rem 3rem 0;
    width:100%;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a .photos{
    width:110px;
    margin-right:2rem;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a .texts{
    flex:1;
    width:100%;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a .texts .ttl{
    position:relative;
    display:inline;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.7;
    color:#283159;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a .texts .ttl::after{
    content: "";
    background-image: url(../img/feature/icon15.svg);
    background-size: 1.2rem 0.9rem;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    right: -2rem;
    bottom: 0.6rem;
    position: absolute;
    display: block;
    width: 1.2rem;
    height: 0.9rem;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a .texts p{
    border-top:1px solid #C1C1C1;
    color:#4D4D4D;
    font-size:1.4rem;
    line-height:1.6;
    padding:1.5rem 0 0 0;
    margin-top:1.5rem;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a:hover{
    text-decoration:none;
}
.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a:hover .ttl{
    text-decoration:underline;
}


.self_study_block_009 {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 12rem;
    position: relative;
    background: #f2f9f8;
    margin-bottom: 10rem;
}
.self_study_block_009 .self_study_area_009{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 8rem 0;
}
.self_study_block_009 .self_study_area_009 .icons {
    position: absolute;
    top: -4rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:100%;
}
.self_study_block_009 .self_study_area_009 h3 {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 3rem;
    line-height: 1.8;
}
.self_study_block_009 .self_study_area_009 h3 em {
    background: -moz-linear-gradient(top, rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
    background: linear-gradient(to bottom, rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}

.self_study_block_009 .self_study_area_009 ul{
    max-width:900px;
    margin:auto;
}
.self_study_block_009 .self_study_area_009 ul li{
    padding: 2rem 0 2rem 100px;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(1){
    background: url(../img/self_study/voice1.png) left 1rem no-repeat;
    background-size: 82px auto;
}
.self_study_block_009 .self_study_area_009 ul li:nth-child(2){
    background: url(../img/self_study/voice2.png) left 1rem no-repeat;
    background-size: 82px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(3){
    background: url(../img/self_study/voice3.png) left 1rem no-repeat;
    background-size: 82px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(4){
    background: url(../img/self_study/voice4.png) left 1rem no-repeat;
    background-size: 82px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(5){
    background: url(../img/self_study/voice5.png) left 1rem no-repeat;
    background-size: 82px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(6){
    background: url(../img/self_study/voice6.png) left 1rem no-repeat;
    background-size: 82px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(7){
    background: url(../img/self_study/voice7.png) left 1rem no-repeat;
    background-size: 82px auto;
}



/*-----IEのみ------*/
@media all and (-ms-high-contrast: none) {
    .self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2{
        width:440px;
    }
    .self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2{
        width:440px;
    }
    .self_study_block_002 .self_study_area_002 .fboxs .lefts{
        width:430px;
    }
    .self_study_block_002 .self_study_area_002 .fboxs .rights{
        width:600px;
    }
}




.flow_ttl{
    text-align:center;
    font-size:2.1rem;
    margin:4rem 0 1rem 0;
    font-weight:700;
}
.flow_block{
    background: linear-gradient(90deg, #E3EFF9 0%, #E3EFF9 50%, #EFF3E7 50%, #EFF3E7 100%);
    padding:5rem;
    border-radius: 10px;
    margin-bottom:4rem;
    max-width:940px;
    margin:2rem auto 4rem;
}
.flow_block .fbox{
    display:flex;
    justify-content:space-between;
    position:relative;
    align-items: end;
    margin-bottom:0rem;
}
.flow_block .fbox .white_areas{
    background:#FFF;
    padding:5rem;
    border-radius: 10px;
    align-items: end;
    display: flex;
    align-items: end;
    align-items: flex-end;
}

/*-----IEのみ------*/
@media all and (-ms-high-contrast: none) {
    .flow_block .fbox .rights ul li:first-child{
        margin-top:21.7rem;
    }
  }





.flow_block .fbox .lefts{
    max-width:40rem;
    width:50%;
    text-align:center;
}
.flow_block .fbox .rights{
    max-width:40rem;
    width:50%;
    text-align:center;
}






@media screen and (min-width:768px) and ( max-width:1100px) {
    .flow_block .fbox .lefts{
        max-width:50rem;
        width:50%;
        text-align:center;
    }
    .flow_block .fbox .rights{
        max-width:50rem;
        width:50%;
        text-align:center;
    }
}



@media screen and (min-width:1101px) and ( max-width:1300px) {
    .flow_block .fbox .lefts{
        max-width:50rem;
        width:49%;
        text-align:center;
    }
    .flow_block .fbox .rights{
        max-width:50rem;
        width:49%;
        text-align:center;
    }
}


.flow_block .icon{
    position:absolute;
    right: 8rem;
    max-width: 202px;
    z-index:1;
    top:12rem;
}



.flow_block .fbox .lefts .ttl{
    font-weight:700;
    color:#2B597D;
    font-size:2.4rem;
    margin-bottom:1rem;
}
.flow_block .fbox .rights .ttl{
    font-weight:700;
    color:#75825A;
    font-size:2.4rem;
    margin-bottom:1rem;
}
.flow_block .fbox .rights ul li{
    border:1px solid #E2E2E2;
    background:#F8F8F8;
    font-weight:500;
    padding:1rem 1rem;
    margin-bottom:2rem;
    position:relative;
    display:inline-block;
    width:100%;
}
.flow_block .fbox .rights ul li::before{
    content:"";
    background: url(../img/about_3hours/yj1.svg) left top no-repeat;
    background-size: 1.4rem 1.4rem;
    right:0;
    left:0;
    margin:auto;
    bottom:-1.4rem;
    position:absolute;
    display:block;
    width:1.4rem;
    height:1.4rem;
}
.flow_block .fbox .rights ul li:last-child{
    margin-bottom:0;
}
.flow_block .fbox .rights ul li:last-child::before{
    content:none;
}



.flow_block .fbox .lefts ul li{
    border:1px solid #E2E2E2;
    background:#F8F8F8;
    font-weight:500;
    padding:1rem 1rem;
    margin-bottom:2rem;
    position:relative;
    display:inline-block;
    width:100%;
}
.flow_block .fbox .lefts ul li:nth-child(1){
    border:1px solid #E19C4D;
    background:#E19C4D;
    color:#FFF;
}

.flow_block .fbox .lefts ul li::before{
    content:"";
    background: url(../img/about_3hours/yj1.svg) left top no-repeat;
    background-size: 1.4rem 1.4rem;
    right:0;
    left:0;
    margin:auto;
    bottom:-1.4rem;
    position:absolute;
    display:block;
    width:1.4rem;
    height:1.4rem;
}
.flow_block .fbox .lefts ul li:last-child{
    margin-bottom:0;
}
.flow_block .fbox .lefts ul li:last-child::before{
    content:none;
}
.flow_block .fbox .lefts ul li:nth-child(5)::before{
    content:none;
}
.flow_block .fbox .lefts ul li:nth-child(4){
    margin-bottom:9.1rem;
}
.flow_block .fbox .lefts ul li:nth-child(4)::before{
    content:none;
}
.flow_block .fbox .lefts ul li:nth-child(4)::after{
    content:"";
    background: url(../img/about_3hours/yj2.svg) left top no-repeat;
    background-size: 17.0rem 1.4rem;
    right:-16.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:17.0rem;
    height:1.4rem;
    z-index:1;
}

.flow_block .fbox .rights ul li:nth-child(3)::after{
    content:"";
    background: url(../img/about_3hours/yj3.svg) left top no-repeat;
    background-size: 17.0rem 1.4rem;
    left:-16.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:17.0rem;
    height:1.4rem;
    z-index:1;
}

.flow_block .fbox .rights ul li:nth-child(4)::after{
    content:"";
    background: url(../img/about_3hours/yj3.svg) left top no-repeat;
    background-size: 17.0rem 1.4rem;
    left:-16.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:17.0rem;
    height:1.4rem;
    z-index:1;
}



.flow_block .sub_list{
    margin-top:2rem;
}
.flow_block .sub_list li{
    background: url(../img/about_3hours/icon09.svg) left 1.4rem no-repeat;
    background-size: 0.3rem 0.3rem;
    padding:0 0 0 1.5rem;
    margin:0 0 1rem 0;
}




.link_block_area.extras{
    margin:2rem auto 0;
}





@media screen and (max-width: 767px) {

    .link_block_area.extras{
        margin:2rem auto 0;
        text-align:left;
    }


.onlySP{
    display:inline-block;

}
.onlyPC{
    display:none;
}

    /*--いったんけし---*/
.l-fixNavi{
    display:none;
}
.l-main__aside{
    display:none;
}

/*--------------------タイトル回り------------------*/
.new_block_ttl{
    padding-left: 2rem;
}
.new_block_ttl .self_study_ttl{
    background-image:url(../img/self_study/bg_img_01.png);
    background-size:70% auto;
    background-repeat: no-repeat;
    background-position: right 0 center;
    padding-top:2rem;
    padding-bottom:2rem;
}
.new_block_ttl .self_study_ttl div{
    font-size:1.5rem;
    line-height:1.5;
}
/*--------------------タイトル回り------------------*/

.link_block_area .scene-link li {
    padding: 0 0rem 0 0;
}


/*--------------------ボタン回り------------------*/
a.base_btn_01{
	font-size: 0;
}
a.base_btn_01 {
	position: relative;
	display: block;
	border: 1px solid #232b4d;
	border-radius: 6rem;
	background-color: #fff;
	width: 100%;
	height: 4.6rem;
	padding: 0 2.2rem 0 2.2rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 4.2rem;
	color: #232b4d;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
    text-align:center;
}
a.base_btn_01:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.5rem;
	background-image: url(../img/ar-btn1.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	margin-top: -0.55rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.base_btn_01.wt a {
	background-color: #232b4d;
	color: #fff;
}
.base_btn_01.wt a:after {
	background-image: url(../img/ar-btn1-w.svg);
}

.link_block{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2rem;
    margin-bottom: 8rem;
}
.link_block .scene-link {
    display:block;
    position: relative;
    margin-top: -1rem;
}
.link_block .scene-link a {
    display: block;
}

.link_block .scene-link li{
    padding: 0;
}



.link_block_area{
    margin-top:2rem;
}
.link_block_area .scene-link a {
    display: block;
}
.link_block_area .scene-link {
    display:block;
    position: relative;
    margin-top: -1rem;
}
.llink_block_area .scene-link li {
    padding: 0;
}

.link_block_area .scene-link.rt{
    justify-content:left;
} 
.link_block_area .scene-link.rt li{
    padding:0 0 0 0rem;
}

/*--------------------ボタン回り------------------*/




.under_new_block {
    padding-left: 2rem;
    padding-right: 2rem;
}
.under_new_block .under_new_area {
    padding-top: 4rem;
    max-width: auto;
    display: flex;
    flex-wrap: wrap;
}

.under_new_block .under_new_area .left_areas {
    max-width: 100%;
    order: 1;
    width: 100%;
}
.under_new_block .under_new_area .right_areas {
    max-width: 100%;
    order: 2;
    width: 100%;
    z-index: 1;
    margin-top: 3rem;
}
.under_new_block .under_new_area .left_areas .eff_list_01{
    margin-bottom:2rem;
}
.under_new_block.self_study_bg {
    background:#54b3ab;
}
.under_new_block .under_new_area .left_areas h2 {
    font-size: 2.4rem;
    margin-top: 0rem;
    margin-bottom: 2rem;
    line-height: 1.5;
}
.under_new_block .under_new_area .left_areas h2 span {
    font-size: 1.5rem;
}

.under_new_block .under_new_area .right_areas img{
    width:100%;
    max-width:100%; 
}
.under_new_block .under_new_area .left_areas p{
    margin-bottom:1.5rem;
}
.under_new_block .under_new_area .left_areas p:last-of-type{
    margin-bottom:0;
}


.under_new_block .under_new_area_under.about_3hours_01 .icon{ 
    max-width:78px;
    margin:4rem auto 0;
}

.under_new_block .under_new_area_under.about_3hours_01 .ttl {
    font-weight: 700;
    font-size: 1.8rem;
    line-height:1.6;
    position: relative;
    display: inline-block;
    padding: 0 5rem;
    margin-top:1rem;
}

.under_new_block .under_new_area_under.about_3hours_01 .link_block_area{
    text-align:left;
}

.under_new_block .under_new_area_under.about_3hours_01 .ttl::before {
    content: "";
    background-image: url(../img/self_study/bg_img_03.svg);
    background-size: 3rem 0.2rem;
    position: absolute;
    top: 2.5rem;
    left: 0;
    height: 0.2rem;
    width: 3rem;
}
.under_new_block .under_new_area_under.about_3hours_01 .ttl::after {
    content: "";
    background-image: url(../img/self_study/bg_img_03.svg);
    background-size: 3rem 0.2rem;
    position: absolute;
    top: 2.5rem;
    right: 0;
    height: 0.2rem;
    width: 3rem;
}


.feature_block_02 .feature_area_02 .ttl {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.feature_block_02 .feature_area_02 .ttl3::before {
    background-size: 3rem 2.8rem;
    left: -5rem;
    width: 3rem;
    height: 2.8rem;
}

.feature_block_02 .feature_area_02 .ttl span {
    font-size: 1.8rem;
}


.under_new_block.bg_onayami {
    background: url(../img/self_study/bg_img_04.jpg) right top no-repeat;
    background-size: cover;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 6rem;
    position: relative;
    margin-bottom: 5rem;
}
.feature_block_02 .feature_area_02 .ttl span.green {
    font-size: 1.5rem;
}

.next {
    width: 112px;
    margin: 4rem auto 2rem;
}



.feature_block_02 .feature_area_02 .ttl::before {
    left: -3rem;
}
.feature_block_02 .feature_area_02 .ttl::after {
    right: -3rem;
}







.self_study_block_001{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top:0rem;
    position: relative;
}
.feature_block_05 .feature_area_05 {
    padding-top: 6.5rem;
    margin: auto;
    max-width: 1100px;
    position: relative;
}


.banner_block{
    margin:1rem 2rem;
}
























.under_new_block .under_new_area_under {
    padding-top:6rem;
}
.under_new_block .under_new_area_under .onayami_area .ttl {
    font-size: 1.5rem;
    margin-bottom: 4rem;
}
.under_new_block .under_new_area_under .onayami_area .ttl em {
    font-size: 2.1rem;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .first {
    background: #FFF;
    padding: 1.5rem 2rem;
    width:100%;
    margin:0 0 2rem 0;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .second {
    background: #FFF;
    padding: 1.5rem 2rem;
    width:100%;
    margin:0 0 2rem 0;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .four {
    background: #FFF;
    padding: 1.5rem 2rem;
    width:100%;
    margin:0 0 2rem 0;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .third{
    background: #FFF;
    padding: 1.5rem 2rem;
    width:100%;
    margin:0;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .first::before{
    content:none;
}
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .second::before{
    content:none;
}

.under_new_block.bg_onayami .under_new_area_under{
    padding-top:4rem;
    padding-bottom: 4rem;
}

/*
.under_new_block .under_new_area_under .onayami_area .onayami_blocks .third::before{
    content: "";
    background: url(../img/effective/pop1.svg) left top no-repeat;
    background-size: 1.5rem 6.1rem;
    right: 0em;
    left: 0;
    margin: auto;
    bottom: -9.2rem;
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 6.1rem;
    z-index: 1;
}*/





















.self_study_block_006 .self_study_area_006 .ranking-list {
    width: 100%;
    flex-wrap: wrap;
}
.self_study_block_006 .self_study_area_006 .ranking-list .box {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 3.5rem;
    text-decoration: none;
}
.self_study_block_006 .self_study_area_006 .ranking-list .rank {
    margin-bottom: 1rem;
    font-size: 0;
}
.self_study_block_006 .self_study_area_006 .ranking-list .image {
    position: relative;
    width: 100%;
    height: 22rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.self_study_block_006 .self_study_area_006 .ranking-list .image img {
    position: relative;
    object-fit: cover;
    max-width: none;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.self_study_block_006 .self_study_area_006 .ranking-list .ttl {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    height:auto !important;
}

.self_study_block_006 .self_study_area_006 .rank_under {
    margin-top: 0rem;
    background-image: url(../img/feature/photo_img_10.png);
    background-size: 18rem 19.2rem;
    background-position: right 0 bottom;
    background:none;
    padding: 0rem 0 1rem 0;
}

.self_study_block_006 .self_study_area_006 .rank_under ul li {
    margin: 0 0 1rem 0;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li a{
    display:inline-block;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li a em{
    display:block;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(1) a {
    padding: 0rem 0 1rem 3.5rem;
    background: url(../img/feature/rank6.svg) left 0.5rem no-repeat;
    background-size: 2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(2) a {
    padding: 0rem 0 1rem 3.5rem;
    background: url(../img/feature/rank7.svg) left 0.5rem no-repeat;
    background-size: 2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(3) a {
    padding: 0rem 0 1rem 3.5rem;
    background: url(../img/feature/rank8.svg) left 0.5rem no-repeat;
    background-size: 2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(4) a {
    padding: 0rem 0 1rem 3.5rem;
    background: url(../img/feature/rank9.svg) left 0.5rem no-repeat;
    background-size: 2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_under ul li:nth-child(5) a {
    padding: 0rem 0 1rem 3.5rem;
    background: url(../img/feature/rank10.svg) left 0.5rem no-repeat;
    background-size: 2rem 2rem;
}
.self_study_block_006 .self_study_area_006 .rank_day::after {
    width: 54%;
}


.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.self_study_block_008 .self_study_area_008 .voice_block .voice_link_area a {
    padding: 2rem 2rem 2rem 0;
}





























.self_study_block_001{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%)
}
.self_study_block_001 .self_study_area_001{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding:6rem 0 4rem 0;
}

.self_study_block_001 .self_study_area_001 .white_areas{
    /*
    background:#FFF;
    border-radius: 2rem;
    padding:2rem;
    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    */
}
.self_study_block_001 .self_study_area_001 .icons{
    position:absolute;
    top:-3.5rem;
    left:0;
    right:0;
    margin:auto;
    max-width:9.6rem;
    width:25%;
}
.self_study_block_001 .self_study_area_001 .white_areas h3{
    text-align:center;
    font-size:2.1rem;
    font-weight:700;
    margin-top:0.5rem;
    margin-bottom:2rem;
}

.self_study_block_001 .self_study_area_001 .white_areas .fbox{
    display:flex;
    justify-content: space-between;
    margin-bottom:1rem;
    width:100%;
    flex-wrap: wrap;
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox .lefts{
    width:100%;
    margin-top:1rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .fbox .rights{
    width:100%;
    margin-top:2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01{
    background:#f7f7f7;
    padding:2rem 1rem 1rem 1rem;
    position:relative;
    text-align:center;
    border-radius: 2rem;
    margin:3rem auto 0;
}
.self_study_block_001 .self_study_area_001 .w_extra_area {
    background: #FFF;
    border-radius: 2rem;
    padding: 2rem;
    position: relative;
    box-shadow: 4px 4px 20px 0 rgb(0 0 0 / 10%);
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .ttl1{
    font-weight:700;
    color:#4088ba;
    font-size:1.8rem;
    position:absolute;
    top:-1.5rem;
    left:0;
    right:0;
    margin:auto;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .g_list_01,
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02{
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray01 .g_list_01 li{
    color:#FFF;
    padding:0.5rem 1rem;
    background:#61afe5;
    width:100%;
    border-radius: 1rem;
    margin-top:1rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02{
    max-width:100%;
    margin:auto;
    background:#f7f7f7;
    padding:2rem 1rem 1rem 1rem;
    position:relative;
    text-align:center;
    border-radius: 2rem;
    margin:3rem auto 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .ttl2{
    font-weight:700;
    color:#b55b6c;
    font-size:1.8rem;
    position:absolute;
    top:-1.5rem;
    left:0;
    right:0;
    margin:auto;
}
.self_study_block_001 .self_study_area_001 .iconsps{
    margin:1rem auto;
    width:4rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02 li{
    color:#FFF;
    padding:0.5rem 1rem;
    background:#e16179;
    width:100%;
    border-radius: 1rem;
    margin-top:1rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .gray02 .g_list_02 li:last-child{
    background:none;
    color:#000;
}
.self_study_block_001 .self_study_area_001 .white_areas .sank{
    margin:0rem auto 2rem;
    text-align:center;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01{
    margin-top:2rem;
    background:#f7f2e8;
    border-radius: 2rem;
    padding:2rem 1rem 1rem 1rem;
    position:relative;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .ttl1{
    font-weight:700;
    font-size:1.8rem;
    line-height:1.5;
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    margin:auto;
    text-align:center;
    margin-bottom:2rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .ttl1 em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2 .phs,
 .self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2 .phs {
    max-width:100%;
    order: 1;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .f_box_2 .ttl3,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .f_box_2 .ttl3 {
    order: 2;
    margin:1.5rem 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2{
    display: flex;
    justify-content: space-between;
    position:relative;
    flex-wrap: wrap;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .icon2{
    position:absolute;
    top:20rem;
    left:0;
    right:0;
    margin:auto;
    max-width:5rem;
    width:100%;
    display:none;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2{
    width:100%;
    max-width:100%;
    background:#FFF;
    border-radius: 1rem;
    padding:2.5rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .ttl3,
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .ttl3{
    font-weight:700;
    font-size:2.1rem;
    background: url(../img/self_study/icon10.svg) right center no-repeat;
    background-size:4rem 0.2rem;
    padding:0 5rem 0 0;
    display:inline-block;
    margin:0.5rem 0;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 .ttl3 em{
    color:#47509b;
}

.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2{
    width:100%;
    max-width:100%;
    background:#FFF;
    border-radius: 1rem;
    padding:2.5rem;
    outline: 6px solid #54b3ab;
    outline-offset: -6px;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 .ttl3 em{
    color:#54b3ab;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .left2 li{
    background: url(../img/self_study/icon11.png) left 1rem no-repeat;
    background-size:0.7rem 0.7rem;
    padding:0 0 0 1.7rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .yle01 .fbox2 .right2 li{
    background: url(../img/self_study/icon12.png) left 1rem no-repeat;
    background-size:0.7rem 0.7rem;
    padding:0 0 0 1.7rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .lasts{
    text-align:center;
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl span{
    font-size:1.8rem;
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl span em{
    background: -moz-linear-gradient(top,  rgba(245,236,132,0) 0%, rgba(245,236,132,0) 59%, rgba(245,236,132,1) 60%, rgba(245,236,132,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,236,132,0) 0%,rgba(245,236,132,0) 59%,rgba(245,236,132,1) 60%,rgba(245,236,132,1) 100%);
}
.self_study_block_001 .self_study_area_001 .white_areas .last_ttl::before {
    content:none;
}

.self_study_block_001 .self_study_area_001 .white_areas .last_ttl::after {
    content:none;
}





.self_study_block_002{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 9rem;
}
.self_study_block_002 .self_study_area_002{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 6rem 0 4rem 0;
}
.self_study_block_002 .self_study_area_002 .fboxs{
    flex-wrap: wrap;
}
.self_study_block_002 .self_study_area_002 .fboxs .lefts{
    max-width:100%;
}
.self_study_block_002 .self_study_area_002 .fboxs .rights{
    max-width:100%;
    margin-top:2rem;
}
.self_study_block_002 .self_study_area_002 .icons {
    position: absolute;
    top: -3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width: 25%;
}
.self_study_block_002 .self_study_area_002 .fboxs .rights h3{
    font-size:2.1rem;
    /*
    background: url(../img/self_study/icon_img_09.png) left top no-repeat;
    background-size: 6rem 6rem;
    padding: 1.2rem 0 1.2rem 8rem;
    */
    margin-bottom: 2rem;
    text-align:center;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .f_box_3{
    margin-top:0;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .ttls{
    text-align:center;
    font-weight:700;
    font-size:2.1rem;
    margin:1rem 0 1rem 0;
}
.self_study_block_002 .self_study_area_002 .gren_area01 p{
    font-weight:700;
    text-align:center;
    margin-bottom:1rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01{
    margin-top:4rem;
    padding:2rem 2rem 3rem 2rem;
    border-radius: 2rem;
    position:relative;
}
.self_study_block_002 .self_study_area_002 .gren_area01 dl{
    display:flex;
    border-radius: 1.2rem;
    margin-top:3rem;
    padding:4rem 2rem 2rem 2rem;
    width:100%;
    max-width:100%;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .f_box_3{
    flex-wrap: wrap;
}
.self_study_block_002 .self_study_area_002 .gren_area01 dl dt{
    width:5.8rem;
    top:-3rem;
}
.self_study_block_002 .self_study_area_002 .gren_area01 dl dd{
    width:100%;
    font-weight:500;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .icon01{
    position:absolute;
    max-width:7px;
    top:10px;
    left:10px;
}
.self_study_block_002 .self_study_area_002 .gren_area01 .icon02{
    position:absolute;
    max-width:7px;
    top:10px;
    right:10px;
}
.self_study_block_002 .self_study_area_002 .text_001{
    text-align:center;
    font-weight:700;
    font-size:1.5rem;
    margin-top:2rem;
}
.self_study_block_002 .self_study_area_002 .text_001 span{
    font-size:1.8rem;
}






.self_study_block_003{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 11rem;
    position: relative;
    background-image: linear-gradient(to bottom, #f2f9f8 10%, #f2f9f8 10%, #f2f9f8 90%, #FFF 90%)
}
.self_study_block_003 .self_study_area_003{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding:6rem 0 4rem 0;
}

.self_study_block_003 .self_study_area_003 .icons{
    position:absolute;
    top:-3rem;
    left:0;
    right:0;
    margin:auto;
    max-width:9.6rem;
    width:25%;
}
.self_study_block_003 .self_study_area_003 h3{
    text-align:center;
    font-size:2.1rem;
    font-weight:700;
    margin-top:0rem;
    margin-bottom:1.5rem;
}

.self_study_block_003 .self_study_area_003 .text01{
    text-align:center;
}
.self_study_block_003 .self_study_area_003 .fboxs{
    display:flex;
    justify-content: space-between;
    margin-bottom:0rem;
    margin-top:3rem;
    flex-wrap: wrap;
}
.self_study_block_003 .self_study_area_003 .fboxs .lefts{
    max-width:100%;
    width:100%;
    background:#FFF;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.self_study_block_003 .self_study_area_003 .fboxs .rights{
    max-width:100%;
    width:100%;
    background:#FFF;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    margin-top:2rem;

    position:relative;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls{
    display:flex;
    background:#61c5bd;
    width:100%;
    font-size:1.6rem;
    line-height:1.5;
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls div{
    background:#3ca79e;
    color:#FFF;
    font-weight:500;
    padding:1.5rem 2rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .ttls p{
    background:#61c5bd;
    font-weight:500;
    color:#FFF;
    padding:1.5rem 1.5rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area{
    padding:1em;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .ttl2{
    font-size:1.8rem;
    font-weight:500;
    color:#467491;
    /*
    background: url(../img/self_study/icon10.svg) right center no-repeat;
    background-size: 4rem 0.2rem;
    padding: 0 5rem 0 0;

    display: inline-block;
    */
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl{
    display:flex;
    align-items: center;
    margin-top:1rem;
    flex-wrap: wrap;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl:last-of-type{
    margin-bottom:3rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl dt{
    width:100%;
    background:#ebf3f2;
    padding:0.5rem 1rem;
    font-weight:700;
    text-align:left;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area dl dd{
    flex:1;
    width:100%;
    padding:0.5rem 1rem 0.5rem 1rem;


}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01{
    padding:0rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .left_area{
    width:44px;
    text-align:center;
    font-weight:700;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01.extra .left_area{
    width:44px;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area{
    flex:1;
    width:100%;
    /*
    padding:0 0 0 2rem;
    font-weight:700;
    color:#c2be7f;
    */
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01.extra .right_area .pop_ttl:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 95%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 18px solid #c2be7f;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area .pop_ttl:before {
    content: "";
    position: absolute;
    top: 25%;
    left: -20px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 18px solid #c2be7f;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_01 .right_area .pop_ttl{
    font-size:1.3rem;
    padding: 1rem 1.5rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .gg_box {
    padding: 1rem 1rem 1rem 1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .ttl3 {
    font-size: 1.8rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03{
    border:2px solid #7fa2c2;
    padding:1.5rem;
    border-radius: 1rem;
    display:flex;
    margin-top:1rem;
    flex-wrap: wrap;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03 .left_area{
    width:64px;
    text-align:center;
    font-weight:700;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_03 .right_area{
    flex:1;
    width:100%;
    padding:0 0 0 2rem;
    font-weight:700;
    color:#7fa2c2;
}




.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02{
    display:flex;
    margin-top:1rem;
    justify-content: space-between;
    flex-wrap: wrap;
    display:none;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02.onlySP{
    display:block;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02.onlySP div{
    width:100%;
    border-radius: 1rem;
    padding:1.5rem;
    margin-bottom:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 div{
    width:100%;
    border-radius: 1rem;
    padding:1.5rem;
    margin-bottom:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 em{
    font-weight:700;
}



.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04{
    display:flex;
    justify-content: space-between;
    margin-top:1rem;
    flex-wrap: wrap;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 div{
    width:100%;
    border-radius: 1rem;
    padding:1.5rem;
    text-align:center;
    color:#FFF;
    background:#7fa2c2;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 div{
    width:100%;
    border-radius: 1rem;
    padding:1.5rem;
    text-align:center;
    color:#FFF;
    background:#7fa2c2;
    margin-top:1rem;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 em{
    font-weight:700;
}
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_02 .wd100,
.self_study_block_003 .self_study_area_003 .fboxs .pd_area .voice_area_04 .wd100{
    width:100%;
}




.self_study_block_004{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 0rem;
    position: relative;
}

.self_study_block_004 .self_study_area_004 .tens{
    margin:auto;
    max-width:6px;
    text-align:center;
}

.self_study_block_004 .self_study_area_004 .text01{
    font-size:1.7rem;
    line-height:1.7;
}
.self_study_block_004 .self_study_area_004 ul{

    padding:2rem;
}
.self_study_block_004 .self_study_area_004 ul li {
    background: url(../img/self_study/icon_img_13.png) left 0.5rem no-repeat;
    background-size: 1.5rem 1.5rem;
    padding: 0 0 0 2.5rem;
}


.self_study_block_005 {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 7rem;
    position: relative;
    background:#f2f9f8;
}
.self_study_block_005 .self_study_area_005 {
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 4rem 0;
}
.self_study_block_005 .self_study_area_005 .icons {
    position: absolute;
    top: -3rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:25%;
}



.self_study_block_005 .self_study_area_005 h3{
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 2rem;
    line-height:1.8;
}
.self_study_block_005 .self_study_area_005 h3 span{
    font-size:1.6rem;
}


.self_study_block_005 .self_study_area_005 .text01{
    font-size:1.6rem;
    color:#54b3ab;
    text-align:center;
    margin:2rem auto;
    font-weight:700;
}

.self_study_block_005 .self_study_area_005 .point_self_block{
    display: flex;
    justify-content: space-between;
    margin-top:4rem;
    flex-wrap: wrap;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block{
    padding:5rem 2rem 2rem 2rem;
    background: #FFF;
    position: relative;
    box-shadow: 4px 4px 20px 0 rgba(0 , 0 , 0 , 0.1);
    border-radius: 2rem;
    width:100%;
    max-width:100%;
    text-align:center;
    margin-bottom:5rem;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block:last-of-type{
    margin-bottom:0;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .icons1{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    max-width:146px;
    top:-2rem;
    width:100%;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .text02{
    font-weight:700;

    font-size:1.8rem;
    line-height:1.6;
    align-items: center;
    display: flex;
    justify-content: center;
}
.self_study_block_005 .self_study_area_005 .point_self_block .areas_block .unders{
    width:60px;
    margin:1.5rem auto;
}

.self_study_block_005 .self_study_area_005 .white_map{
    padding:5rem 2rem 2rem 2rem;
    background: #FFF;
    position: relative;
    box-shadow: 4px 4px 20px 0 rgba(0 , 0 , 0 , 0.1);
    border-radius: 2rem;
    width:100%;
    max-width:900px;
    text-align:center;
    margin:8rem auto 0;
}
.self_study_block_005 .self_study_area_005 .white_map .icons2{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    max-width:286px;
    top:-2rem;
    width:100%;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4{
    margin-bottom:1.5rem;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4 span{
    font-size:2.1rem;
    font-weight:700;
}
.self_study_block_005 .self_study_area_005 .white_map .ttl4 span em{
    color:#60b8d4;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr{
    background: url(../img/self_study/bg_img_05.png) left 2rem no-repeat , url(../img/self_study/bg_img_06.png) right 2rem no-repeat;
    background-size:4.4rem 9rem , 4.4rem 9rem;
    background:none;
    margin-top:3rem;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .ttl{
    font-weight:700;
    font-size:1.6rem;
    margin-bottom:2rem;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .photo{
    margin:3rem auto;
    max-width:600px;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .textlinks{
    text-decoration:underline;
    color:#283159;
}
.self_study_block_005 .self_study_area_005 .white_map .white_inrr .textlinks:hover{
    text-decoration:none
}









.self_study_block_006{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2rem;
    position: relative;
}
.self_study_block_006 .self_study_area_006{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding-top:4rem;
    /*
    background: url(../img/self_study/bg_img_07.png) left top no-repeat;
    background-size: 100% auto;
*/
}
.self_study_block_006 .self_study_area_006 h3 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 3rem;
    margin-top: 0rem;
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
}




.self_study_block_006 .self_study_area_006 .icons {
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width:13rem;
    width:25%;
}







.self_study_block_007{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top:10rem;
    position: relative;
    background: #f2f9f8;
    margin-bottom:6rem;
}
.self_study_block_007 .self_study_area_007{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding: 4rem 0;
}
.self_study_block_007 .self_study_area_007 .icons {
    position: absolute;
    top: -3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:25%;
}
.self_study_block_007 .self_study_area_007 h3{
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.8;
}

.self_study_block_007 .self_study_area_007 .ttls{
    font-weight:700;
    margin:3rem 0 1rem 0;
    font-size:1.8rem;
}
.self_study_block_007 .self_study_area_007 .inr_areas{
    max-width:850px;
    margin:0 auto 3rem;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl{
    display:flex;
    margin-top:1rem;
    align-content: space-between;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dt{
    background:#2b597d;
    color:#FFF;
    font-weight:700;
    padding:1rem 0;
    text-align:center;
    width:70px;
    border-top:1px solid #2b597d;
    border-bottom:1px solid #2b597d;
    font-size:1.4rem;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dt.user_area{
    background:#75825a;
    color:#FFF;
    font-weight:700;
    padding:1rem 0;
    text-align:center;
    width:70px;
    border-top:1px solid #75825a;
    border-bottom:1px solid #75825a;
    font-size:1.4rem;
}
/*
.self_study_block_007 .self_study_area_007 .inr_areas dl dd{
    flex:1;
    width:100%;
}
*/
.self_study_block_007 .self_study_area_007 .inr_areas dl dd:nth-child(2){
    justify-content: center;
    background:#3b3b3b;
    font-weight:700;
    color:#FFF;
    border-top:1px solid #3b3b3b;
    border-bottom:1px solid #3b3b3b;
    width: 30px;
    display: flex;
    align-items: center;
    text-align:center;
}
.self_study_block_007 .self_study_area_007 .inr_areas dl dd:nth-child(3){
    display: flex;
    align-items: center;
    border:1px solid #3b3b3b;
    flex:1;
    width:100%;
    padding:0 1rem;
    font-size:1.3rem;
}






.self_study_block_008 {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2rem;
    position: relative;
}
.self_study_block_008 .self_study_area_008{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding-top: 4rem;
    /*
    background: url(../img/self_study/bg_img_07.png) left top no-repeat;
    background-size: 100% auto;
    */
}
.self_study_block_008 .self_study_area_008 .icons {
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 13rem;
    width:25%;
}

.self_study_block_008 .self_study_area_008 h3 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 3rem;
    margin-top: 0rem;
    margin-bottom: 3rem;
    padding-bottom:1.5rem;
}



.self_study_block_009 {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 8rem;
    position: relative;
    background: #f2f9f8;
    margin-bottom: 10rem;
}
.self_study_block_009 .self_study_area_009{
    margin: auto;
    max-width: 1100px;
    position: relative;
    padding:6rem 0;
}
.self_study_block_009 .self_study_area_009 .icons {
    position: absolute;
    top: -3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 9.6rem;
    width:25%;
}
.self_study_block_009 .self_study_area_009 h3 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 0rem;
    margin-bottom: 1rem;
    line-height: 1.8;
}




.self_study_block_009 .self_study_area_009 ul li{
    padding: 5rem 0 3rem 0;
}
.self_study_block_009 .self_study_area_009 ul li:nth-child(1){
    background: url(../img/self_study/voice1.png) left top no-repeat;
    background-size: 70px auto;
}
.self_study_block_009 .self_study_area_009 ul li:nth-child(2){
    background: url(../img/self_study/voice2.png) left top no-repeat;
    background-size: 70px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(3){
    background: url(../img/self_study/voice3.png) left top no-repeat;
    background-size: 70px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(4){
    background: url(../img/self_study/voice4.png) left top no-repeat;
    background-size: 70px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(5){
    background: url(../img/self_study/voice5.png) left top no-repeat;
    background-size: 70px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(6){
    background: url(../img/self_study/voice6.png) left top no-repeat;
    background-size: 70px auto;
}

.self_study_block_009 .self_study_area_009 ul li:nth-child(7){
    background: url(../img/self_study/voice7.png) lefttop no-repeat;
    background-size: 70px auto;
}









.flow_block{
    background: linear-gradient(90deg, #E3EFF9 0%, #E3EFF9 50%, #EFF3E7 50%, #EFF3E7 100%);
    padding:2rem;
    border-radius: 10px;
    margin-bottom:4rem;
    width:60rem;
}
.flow_block .fbox{
    display:flex;
    justify-content:space-between;
    position:relative;
    align-items: end;
    margin-bottom:3rem;

}
.flow_block .fbox .white_areas{
    background:#FFF;
    padding:2rem;
    border-radius: 10px;
}
.flow_block .fbox .lefts{
    max-width:27rem;
    width:50%;
    text-align:center;
}
.flow_block .fbox .rights{
    max-width:27rem;
    width:50%;
    text-align:center;
}
.flow_block .icon{
    position: absolute;
    right: 4rem;
    left: auto;
    margin: auto;
    max-width: 170px;
    bottom: auto;
    top: 10rem;
}

.flow_block .fbox .lefts .ttl{

    font-size:1.8rem;
    margin-bottom:1rem;
}
.flow_block .fbox .rights .ttl{

    font-size:1.8rem;
    margin-bottom:1rem;
}
.flow_block .fbox .rights ul li{
    border:1px solid #E2E2E2;
    background:#F8F8F8;
    font-weight:500;
    padding:1rem 1rem;
    margin-bottom:2rem;
    position:relative;
    display:inline-block;
    width:100%;
}
.flow_block .fbox .rights ul li::before{
    content:"";
    background: url(../img/about_3hours/yj1.svg) left top no-repeat;
    background-size: 1.4rem 1.4rem;
    right:0;
    left:0;
    margin:auto;
    bottom:-1.4rem;
    position:absolute;
    display:block;
    width:1.4rem;
    height:1.4rem;
}
.flow_block .fbox .rights ul li:last-child{
    margin-bottom:0;
}
.flow_block .fbox .rights ul li:last-child::before{
    content:none;
}



.flow_block .fbox .lefts ul li{
    border:1px solid #E2E2E2;
    background:#F8F8F8;
    font-weight:500;
    padding:1rem 1rem;
    margin-bottom:2rem;
    position:relative;
    display:inline-block;
    width:100%;
}
 .flow_block .fbox .lefts ul li:nth-child(1){
    border:1px solid #E19C4D;
    background:#E19C4D;
    color:#FFF;
}

.flow_block .fbox .lefts ul li::before{
    content:"";
    background: url(../img/about_3hours/yj1.svg) left top no-repeat;
    background-size: 1.4rem 1.4rem;
    right:0;
    left:0;
    margin:auto;
    bottom:-1.4rem;
    position:absolute;
    display:block;
    width:1.4rem;
    height:1.4rem;
}
.flow_block .fbox .lefts ul li:last-child{
    margin-bottom:0;
}
.flow_block .fbox .lefts ul li:last-child::before{
    content:none;
}

.flow_block .fbox .lefts ul li:nth-child(4){
    margin-bottom:9.1rem;
}
 .flow_block .fbox .lefts ul li:nth-child(4)::before{
    content:none;
}
.flow_block .fbox .lefts ul li:nth-child(4)::after{
    content:"";
    background: url(../img/about_3hours/yj2.svg) left top no-repeat;
    background-size: 10.0rem 1.4rem;
    right:-10.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:10.0rem;
    height:1.4rem;
    z-index:1;
}

.flow_block .fbox .rights ul li:nth-child(3)::after{
    content:"";
    background: url(../img/about_3hours/yj3.svg) left top no-repeat;
    background-size: 10.0rem 1.4rem;
    left:-10.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:10.0rem;
    height:1.4rem;
    z-index:1;
}

.flow_block .fbox .rights ul li:nth-child(4)::after{
    content:"";
    background: url(../img/about_3hours/yj3.svg) left top no-repeat;
    background-size: 10.0rem 1.4rem;
    left:-10.7rem;
    bottom:1.8rem;
    position:absolute;
    display:block;
    width:10.0rem;
    height:1.4rem;
    z-index:1;
}

.sp_only_block{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 4.5rem;
    position: relative;
}




}