/* -------------------------------------  */
    /* 速読詳細ページ　PC・SP共通　　　         */
    /* ------------------------------------- */
    section {
        clear: both;
        /*margin-top: 8vh;*/
    }
    
#cts_inner{
	flex-direction: row-reverse !important;
/* 	justify-content:center !important; */
}

    
    .hd_arrow {
        position: relative;
        padding-left: 25px;
        font-size: 1.3em;
        /*margin-top: 6vh;*/
        margin-bottom: 4vh;
        clear: both;
    }
    
    
    .hd_arrow:before {
        position: absolute;
        content: '';
        bottom: -4px;
        left: 0;
        width: 0;
        height: 0;
        border: none;
        border-left: solid 10px transparent;
        border-bottom: solid 10px #1955A6;
    }
    
    .hd_arrow:after {
        position: absolute;
        content: '';
        bottom: -4px;
        left: 10px;
        width: 80%;
        border-bottom: solid 2px #1955A6;
    }
    
    #about-exp {
        font-size: 1.1em;
    }
    
    .font_lg {
        font-size: 1.2em;               
        font-weight: bold;
        color: #1955A6;
    }
    
    .for_both {
        /* display: ; */
    }
    
    .acd_label {
        width: 95%;
        height: 10vh;
        max-width: 900px;
        margin: 5vh auto 5vh 0;
        background-color: #1955A6;
        border-radius: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* text-align: left; */
    }
    
    .acd_label input[type=checkbox] {
        display: none;
    }
    
    #compare_acd_btn {
        /* text-align: center; */
        /* margin-top: 5vh; */
    }

    #compare_content ul {
        padding-left: 1em;
    }

    #compare_content ul li {
        list-style-type: disc;
    }
    
    .acd_elm {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.5em;
        margin-left: 15px;
    }
    
    .acd_arrow::before {
        right: 1vw;
        font-family: 'Material Icons';
        font-size: 2em;
        content: "expand_more";
        transition: .5s;
        
    }
    
    .acd_arrow.open::before {
        transform: rotateX(180deg);
    }
    
    
    .acd_btn_cts.closed{
        display: none;
        transition: all .5s linear;
    }
    
    .acd_btn_cts.open {
        display: block;
        opacity: 1;
    }
    
    .link_btn_kotu {
        border: solid 1px #003a8f;
        border-radius: 3px;
        text-align: center;
        font-weight: bold;
        color: #003a8f;
        display: block;
        font-size: 14px;
        transition: .3s;
        cursor: pointer;
    }

    /* .hidden_box .hidden_show {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }

    .hidden_box input:checked~.hidden_show {
        padding: 10px 0;
        height: auto;
        opacity: 1;
    } */

#keisoku_exp {
    color: #707070;
    font-size: 1.0em;
    margin: 5vh auto 5vh;
    /* padding-left: 2.5em; */
}

#keisoku_exp p {
    line-height: 1.2em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	color: #5881b6;
}


#keisoku_exp p::before {
    font-family: 'Material Icons';
    font-size: 1.2em;
    content: "forward";
}

#keisoku_exp ul li {
    list-style-type: disc;

}

table{
    border-collapse: collapse !important;
    /* margin-right: auto !important; */
    padding: 0 !important;
    width: 90% !important;
    max-width: 750px !important;
    table-layout: fixed !important;
}

table tr {
    background-color: #e6f2f5 !important;
    padding: .35em !important;
    border-bottom: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
}
table th,
table td {
    padding: 1em 10px 1em 1em !important;
    /* border-right: 2px solid #fff !important; */
    width: 60%;
}
table th {
    font-size: .85em !important;
}
table thead tr{
    background-color: #167F92 !important;
    color:#fff !important;
}
table tbody th {
    background: #78bbc7 !important;
    color: #fff !important;
}
.txt{
    text-align: left;
    font-size: .85em !important;
}
.sp_gp{
    text-align: left;
    color: #167F92 !important;
    font-weight: bold !important;
}
.non{
    background:#fff !important;
    border: solid 1px #fff !important;
}


    

    #gakuincho_pic img {
        border-radius: 50%;
        border: 1.5px solid #377ddb;
    }

    .name {
        font-size: 13px;
        font-weight: bold;
        color: #003a8f;
        margin-top: 20px;
    }

    .name span {
        font-size: 16px;
        display: inline-block;
        padding-left: 0.5em;
    }

    .sp_gakuin_elm {
        display: inline-block;
    }

    #about_gakuincho {
        width: 60%;
        vertical-align: top;
        margin-left: 15px;
        color: #262C30;
        font-size: 16px;
        line-height: 24px;
    }

    .show_more {
        clear: right;
        text-decoration: none;
        float: right;
        background-color: #6CA7B4;
        color: #fff;
        font-size: 1.1em;
        text-align: center;
        width: fit-content;
        height: 4vh;
        line-height: 4vh;
        margin-right: 0;
        border-radius: 20px;
        margin-top: 1vh;
		margin-bottom: 4vh;
        padding: 10px;
    }


#keisoku {
    display: flex;
    justify-content: center;
}

    .speedkeisoku {
 		width:641px;
		height:195px;
		background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/speed_keisoku.png) no-repeat;
		background-size: contain;
    }

		.speedkeisoku a {
			width:100%;
/* 			height:195px; */

		}
    
    .speedkeisoku img {
        width: 70%;
        margin: 60px auto 80px;
    }

    /* -------------------------------------  */
    /* 速読詳細ページ　PC                      */
    /* ------------------------------------- */
    @media screen and (min-width: 767px) {
        .top-img {
            height: 450px;
        }

        #main_cts{
            padding: 10px;
        }
    
        #main_cts > div, #top #main_cts section > div {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .for_sp {
            display: none;
        }

        #about-exp {
            margin-left: 2vw;
        }

        .compare_acd_elm {
            font-size: 2.0em;
        }

        .sp_view {
            display: none;
        }
    
        #tu_pc {
            margin-top: 20vh !important;
            margin-bottom: 10vh !important;
    
            
        }
    
        #tu_pc_container {
            position: relative;
            max-width: 750px;
            margin: 2em auto 2em;
            padding: 0.5em 1em;
            border: solid 3px #2219A6;
            border-radius: 8px;
            text-align: center;
        }
    
        #tu_pc-hd {
            position: absolute;
            display: inline-block;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            padding: 0 9px;
            line-height: 1;
            font-size: 2.0em;
            background: #FFF;
            color: #2219A6;
            font-weight: bold;
        }
    
        #tu_pc_container #taiken_uketsuke_txt{
            margin-top: 6vh;
        }
    
        #tu_pc_container #taiken_uketsuke_txt span {
            margin-top: 3vh;
            font-size: 1.3em;
        }
    
        .tu_link {
            vertical-align: middle;
            width: 40%;
            max-width: 380px;
        }
    
        .tu_link:nth-child(1){
            margin-right: 10px;
        }
    
        .tu_link:nth-child(1){
            margin-left: 10px;
        }

        #various {
            text-align: center;
        }

        .sokudoku_list li {
            display: inline-block;
            margin-left: .05em;
        }

        .sokudoku_list li div{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
		
		.sl_pc1 {
			width: 216px;
			height: 232px;
			background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/topimg02_off.jpg) no-repeat;
            background-size: contain;
        }
        .sl_pc1 a {
			width: 216px;
            height: 232px;
        }
		.sl_pc2 {
			width: 216px;
			height: 232px;
			background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/topimg03_off.jpg) no-repeat;
            background-size: contain;
        }
        .sl_pc2 a {
			width: 216px;
            height: 232px;
        }
		.sl_pc3 {
			width: 216px;
			height: 232px;
			background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/topimg04_off.jpg) no-repeat;
            background-size: contain;
        }
        .sl_pc3 a {
			width: 216px;
            height: 232px;
        }

        .sokudoku_list li div:active{
            transform: scale(1.2);
            cursor: pointer;
        }

        #app_info .imgArea, #app_info .txtArea {
            display: inline-block;
        }
       #app_info .imgArea {
			width: 125px;
			height: 131px;
			background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/appli.jpg) no-repeat;
			background-size: contain;
			margin-left: 15px;
			text-align: center;
		}

        #app_info .txtArea {
            width: 60%;
            text-align: left;
            vertical-align: top;
        }

      
    
        }    /* -------------------------------------  */
    /* 速読詳細ページ　SP                      */
    /* ------------------------------------- */
    @media screen and (max-width: 767px){
       
        #top #main_cts > section {
            clear: both;
            margin-top: 8vh;
        }
    
        #top #main_cts > div, #top #main_cts section > div {
            margin-top: 18px;
            margin-bottom: 18px;
        }

        #about-exp {
            text-align: center;
        }
		
		#keisoku_exp {
            padding-left: 1.2em;
        }
	
        table {
            border: 0;
            width:90% !important;
            margin: 0 auto;
        }
        table th{
            background-color: #167F92;
            display: block;
            border-right: none;
            
        }
        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table th, table td {
            width: 93% !important;
            }
        table tr {
            display: block;
            margin-bottom: 1em;
            padding: none !important;
        }
        table td {
            border-bottom: 1px solid #bbb;
            display: block;
            font-size: .8em;
            text-align: right;
            position: relative;
            padding: .625em .625em .625em 4em;
            border: none !important;
        }
        
        table td::before {
            content: attr(data-label);
            /* font-weight: bold; */
            position: absolute;
            left: 10px;
            color: #167F92;
        }
        table td:last-child {
            border-bottom: 0;
        }
        table tbody th {
            color: #fff;
            font-size: .9em !important;
            font-weight: lighter;
        }
        .txt{
            text-align: right !important;
            font-size: .85em !important;
        }
        .sp_gp{
            text-align: right !important;
            color: #167F92 !important;
            font-weight: bold !important;
            font-size: 1em;
            border-bottom: solid 1px #fff !important;
        }

        .sp_gakuin_container {
            text-align: center;

        }
		
		section#sp_gakuin {
			margin-bottom: 15vh;
		}

        #about_gakuincho {
            width: 80%;
            vertical-align: top;
            margin-left: 15px;
            color: #262C30;
            font-size: 14px;
            line-height: 20px;
            text-align: left;
        }

        
    
        .pc_view {
            display: none;
        }
		
		#various {
			display: flex;
			justify-content: center;
		}

        .sl_pc1 , .sl_pc2 , .sl_pc3{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
		
		.sl_pc1 {
			width: 300px;
/* 			height: 210px; */
			background: url(https://www.pc-sokudoku.co.jp/Image/top/topImage_sp_kioku.png) no-repeat;
            background-size: contain;
        }
        .sl_pc1 a {
			width: 300px;
            height: 90px;
        }
		.sl_pc2 {
			width: 300px;
/* 			height: 210px; */
			background: url(https://www.pc-sokudoku.co.jp/Image/top/topImage_sp_en.png) no-repeat;
            background-size: contain;
        }
        .sl_pc2 a {
			width: 300px;
            height: 90px;
        }
		.sl_pc3 {
			width: 300px;
/* 			height: 210px; */
			background: url(https://www.pc-sokudoku.co.jp/Image/top/topImage_sp_kokugo.png) no-repeat;
            background-size: contain;
        }
        .sl_pc3 a {
			width: 300px;
            height: 90px;
        }

        .sl_pc1:active , .sl_pc2:active , .sl_pc3:active{
            transform: scale(1.2);
            cursor: pointer;
        }

        #app_info {
                display: flex;
        }
		
		#app_info .imgArea {
			width: 125px;
			height: 131px;
			background: url(https://www.testenv.pc-sokudoku.co.jp/Image/top/appli.jpg) no-repeat;
			background-size: contain;
			text-align: center;
		}

        #app_info .txtArea {
            width: 90%;
            text-align: left;
        }

    



    }