@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}

html { scroll-behavior: smooth;}

p {
	margin: 0;
}

a,
a:hover{
	text-decoration:none;
}

ul{
	list-style:none;
}

body {
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
	padding: 0;
	color:#0e4361;
	font-size:14px;
    width: 100%;
}

header {
	align-items: center;
	background: #fff;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	height: 70px;
	justify-content: space-between;
	left: 0;
	padding: 0;
	padding: 0 5px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header:after {
	content: "";
	display: block;
	height: 4px;
	background: linear-gradient(to right,#65c8ff 0%,#fba8ca 100%);
	top: 70px;
	left: 0;
	color: #65c8ff;
	position: absolute;
	width: 100%;
}


/* 駿台ロゴ */

header .log_box {
	display: flex;
	flex-direction: row;
        width: 100%;
}

header .log {
	display: flex;
	align-items: center;
}

header .log a {
	display : block;
	padding : 0 5px;
}

header .log img {
	vertical-align : middle;
	height:55px;
}

header .log_txt {
    line-height: 1.5;
    margin: 5px 0 0;
    font-size: 18px;
}

header .mini_log{
	padding: 0 8px;
}

header .top_log{
	padding-left:15px;
	margin-top: 2px;
}

header .top_log img{
	height:52px;
}

header .faq_box{
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    height: 50px;
    justify-content: center;
    margin: 3px;
    position: relative;
    width: 58px;
    line-height: 1.5;
}

header .menu_pc {
    left: 6px;
    position: absolute !important;
    top: 2px;
}

main {
	max-width:1100px;
	margin: 0px auto;
	display:block;
	padding: 70px 0px 0px;
}

footer {
	background: #7fb0d8;
	padding: 15px 8px 10px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
	margin: 0 auto;
}
footer p {
	display:inline-block;
	text-align:left;
}
#pageTop {
	display:none;
	bottom : 20px;
	position : fixed;
	right : 20px;
	line-height:1.5;
	z-index: 999;
}
#pageTop a {
	background-color : #333;
	border-radius : 30px;
	color : #fff;
	display : block;
	font-weight : bold;
	height : 43px;
	opacity : .8;
	padding : 8px 4px 0 4px;
	text-align : center;
	text-decoration : none;
	width : 43px;
	z-index : 999;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}
#pageTop a i {
	margin: 3px 0 0 0px;
	display: inline-block;
	font-size:12px;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}




/*コンテンツ
---------------------------------------------------------------------------------------------------------------------------*/

.contents{
	overflow:hidden;
	margin-bottom:40px;
}

.next_btn,
.back_btn{
	margin:40px 0;
	text-align:center;
}

.next_btn a{
	display:block;
	width:320px;
	border:solid 1px #2992cc;
	color:#2992cc;
    margin: 0 auto;
    padding: 15px 10px 13px;
    border-radius: 10px;
    font-size: 20px;
    position : relative;
    box-shadow: 2px 2px 2px #ccc;
}

.back_btn a {
    display: block;
    width: 130px;
    border: solid 1px #aaa;
    color: #777;
    margin: 0 auto;
    padding: 12px 0px 10px 14px;
    border-radius: 10px;
    font-size: 18px;
    position: relative;
    box-shadow: 2px 2px 2px #ccc;
}

.next_btn a:before{
    color : #6bc8fe;
    content: "\f184";
    font-family: "WebHostingHub-Glyphs";
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: 18px;
}

.back_btn a:before{
    color: #aaa;
    content: "\f184";
    font-family: "WebHostingHub-Glyphs";
    font-size: 16px;
    position: absolute;
    left: 8px;
    top: 16px;
    transform: rotate(180deg);
}

.section{
	margin-bottom:30px;
}

#bunpu.section,
#jissen.section{
	margin-top:40px;
}

.section h2{
    margin:0 0 10px;
    font-size:24px;
}

.section h2 span{
    position : relative;
    padding:8px 15px;
    display:inline-block;
}

.section h2 span:after {
	content: "";
    display: block;
    height: 2px;
    background: linear-gradient(to right,#65c8ff 0%,#fba8ca 100%);
    left: 0px;
    color: #65c8ff;
    position: absolute;
    width: 100%;
}

.section h2 span.sub_ttl{
    padding: 0;
}

.section h2 span.sub_ttl:after{
	content: none;
}

.txt_box{
	padding:10px 15px;
}

.step_box{
	padding:10px;
}


.step_ttl{
    display: inline-flex;
    font-weight:bold;
    font-size:18px;
}


.step_ttl span:first-child {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 5px 0 2px 0px;
    width:5em;
    border-radius: 20px 0px 0px 20px;
    background:linear-gradient(to right,#65c8ff 0%,#fba8ca 100%);
    text-align:center;
}

.step_ttl span:last-child {
	display: inline-block;	display: inline-flex;
    align-items: center;
    color: #fba8ca;
    padding: 4px 0 1px 12px;
    border: solid 1px #fba8ca;
    border-left: none;
    width: 6em;
    border-radius: 0 20px 20px 0;
}


.step_txt{
    padding: 20px;
    margin-bottom: 20px;
}


 .flex_box{
	display: flex;
    flex-wrap: wrap;
}
.flex_box2{
display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
}

.sitei{
	width: 46%;
    border: solid 1px #2992cc;
    padding: 20px;
    margin: 20px 0px;
}

.sitei:first-child{
    margin-right: 20px;
}

.sitei_ttl{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center;
}

.step_action{
	margin:40px 0;
	text-align:center;
    font-size: 14px;
}

.step_action ul{
	margin:0;
	padding:0;
	list-style:none;
}

.step_action ul li {
	display:inline-block;
    margin: 0 20px;
	color:#ddd;
}

.step_action ul li.active{
	color:#86c9fb;
}


.input_box{
	margin:45px auto 0;
	width:80%;
	text-align:center;
}

.kamoku{
	background:#b9e6ff;
	font-size:22px;
	font-weight:bold;
	padding:8px 20px 2px;
	line-height: 2em;
    border-bottom:dotted 4px #3d83ab;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}

.tokuten_box{
    display: flex;
    flex-wrap: wrap;
    border: solid 1px #ddd;
    border-top: none;
    background:#fff;
    justify-content: center;
}

#docking>.tokuten_box:first-child{
	border-top:solid 1px #ddd;
}

.tokuten_box.fl-jc-start {
    justify-content: flex-start;
}

.tokuten_box_ttl{
    font-size: 18px;
    font-weight: bold;
    padding: 8px 20px 2px;
    line-height: 2em;
    background: #eeeeee;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}

.tokuten_box div{
    width: 25%;
    padding: 12px 15px 15px;
    margin: 0;
}

.tokuten_box div:not(:last-child){
    border-right:solid 1px #ddd;
}

.tokuten_box div:nth-of-type(4n){
	border-right:none;
}

.tokuten_box div label{
	text-align:center;
	margin-bottom:5px;
	display:block;
	font-size:13px;
}

.tokuten_box div input{
	line-height:2;
	font-size:18px;
	width:8em;
	text-align: center;
}

.radio_btn_box {
	display: flex;
    justify-content: center;
}

.radio_btn{
	width:200px;
	border:solid 1px #2992cc;
	padding:10px;
	margin:10px;
    border-radius: 10px;
    background:#fff;
    box-shadow: 2px 2px 2px #ccc;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.radio_btn input {
    display: none;
}

.radio_btn label {
    display: block;
    padding: 3px 0px 0px 35px;
    font-size: 20px;
    position: relative;
    line-height: normal;
    text-align: left;
    font-weight: normal;
}

.radio_btn input:checked +label:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 6px;
    width: 15px;
    height: 15px;
    background: #bbb;
    border-radius: 50%;
}

.radio_btn input+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #2992cc;
}

.no1_kamoku{
    font-size: 18px;
}


.no1_kamoku select{
    width: 12em;
    font-size: 15px;
    padding: 3px 5px 6px;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.required{
	color:#d10a4b;
	font-size:16px;
	margin-left:8px;
}

.caption{
	font-size:16px;
	margin-left:8px;
}

.caption2{
	font-size:14px;
	margin-left:1.5em;
}


.section_box{
	overflow: hidden;
}
.bunpu_box2{
	padding:0;
width: 480px;
    display: inline-block;
}

.section_box h3{
	font-size: 22px;
    margin-bottom: 15px;
    position: relative;
    padding: 5px 5px 0px 30px;
    border-bottom:dashed 2px #ccc;
}


.section_box h3:before {
    content: '';
    width: 13px;
    height: 13px;
	border:solid 2px #65c8ff;
    position: absolute;
    top: 2px;
    left: 2px;
}

.section_box h3:after {
    content: '';
    width: 10px;
    height: 10px;
	border:solid 2px #fba8ca;
    position: absolute;
    top: 10px;
    left: 10px;
}

.choose_box ul{
	margin-top:0;
	padding-left:1.5em;
	display:flex;
	flex-wrap:wrap;
	line-height:2.2;
}

.choose_box dd ul{
	margin:0;
	padding-left:1em;
}

.choose_box ul li{
	width:25%;
}

.choose_box ul li.initial{
	width:100%;
}

.choose_box ul li.indent{
	padding-left: 20px;
}

.choose_box ul li input[type="checkbox"],
.check_all input[type="checkbox"],
.choose_box ul li input[type="radio"]{
	display:none;
}

.choose_box ul li label.check,
.check_all label.check,
.choose_box ul li label.radio{
    position: relative;
    padding-left:28px;
}

.choose_box ul li label.check:before,
.check_all label.check:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0e4361;
    border-radius: 4px;
    background:#fff;
}

.choose_box ul li input[type="checkbox"]:checked + label.check:after,
.check_all input[type="checkbox"]:checked + label.check:after  {
	content: "\2713";
    font-family: 'WebHostingHub-Glyphs';
    display: block;
    position: absolute;
    top: -12px;
    left: 3px;
    font-size: 18px;
}

.choose_box ul li label.radio:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #2992cc;
}

.choose_box ul li input[type="radio"]:checked + label.radio:after  {
	content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 12px;
    height: 12px;
    background: #bbb;
    border-radius: 50%;
}

.check_all{
	padding-left:1.5em;
	line-height: 2.2;
}

.choose_box dl{
	padding-left: 1.3em;
}

.choose_box dt {
    border: solid 1px #2992cc;
    line-height: 2.2;
    padding: 8px 5px 5px 50px;
    border-radius: 10px;
    position: relative;
    box-shadow: 2px 2px 2px #ccc;
    margin-top:15px;
}

.choose_box dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    border: 1px solid #2992cc;
    border-radius: 50%;
}

.choose_box dt:after  {
    content: "\002b";
    display: block;
    position: absolute;
    top: 2px;
    left: 15px;
    font-size: 20px;
}

.choose_box dt.open:after  {
    content: "\2212";
    display: block;
    position: absolute;
    top: 2px;
    left: 15px;
    font-size: 20px;
}

.choose_box.aco_other dt:before {
    content: none;
}

.choose_box.aco_other dt:after  {
    content: "▼";
    display: block;
    position: absolute;
    top: 2px;
    left: 15px;
    font-size: 20px;
}

.choose_box.aco_other dt.open:after  {
    content: "▲";
    display: block;
    position: absolute;
    top: 2px;
    left: 15px;
    font-size: 20px;
}

.choose_box dd{
	margin: 0px;
    padding: 20px 15px;
    display: none;
	border-radius: 0px 0px 7px 7px;
    background: #e9f5fb;
}


.choose_box select {
	width: 12em;
    font-size: 16px;
    padding: 3px 5px 7px;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.tmpl_mB30{
	margin-bottom:30px;
}

.komeotosi{
	margin-left:1em;
	text-indent:-1em;
}

.simu_cau dd p{
	margin-bottom:15px;
}

.simu_cau dd p:last-child{
	margin-bottom:0px;
}

.univ_ttl,
.bunpu_ttl{
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    margin: 30px auto 10px;
    padding: 10px 10px 2px;
    position: relative;
    width:100%;
}

.univ_ttl:after,
.bunpu_ttl:after {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(to right,#65c8ff 0%,#fba8ca 100%);
    left: 0;
    color: #65c8ff;
    position: absolute;
    width: 100%;
}

.univ_ttl a{
	display:inline-block;
	color:#0e4361;
}

span.icon-addcomment{
	color:#005bac;
}

/**
.univ_ttl a span {
    display: inline-block;
    margin-bottom: 7px;
    margin-left: 8px;
    font-weight: normal;
    color: #005bac;
    font-size: 36px;
    vertical-align: bottom;
}
*/
.univ_ttl_addcomment {
    display: inline-block;
    margin-bottom: 7px;
    margin-left: 8px;
    font-weight: normal;
    color: #005bac;
    font-size: 36px;
    vertical-align: bottom;
}

.simulation_box {
flex: 1;
padding-left: 7px;
}

.hantei_box {
   margin-right: 10px;
}

.value_box{
    width: 100%;
}

.hantei_type {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    display:inline-block;
}

.cnt{
text-align: center;
}
.result_type{
    padding: 10px;
    text-align: center;
  display:inline-block;
}

.result_type span {
    display: inline-flex;
/*     width: 30px; */
    width: 100%;
    height: 100%;
    color: #fff;
    align-items: center;
    font-size: 22px;
}

.type_a{
	background:#feb5e2;
	font-weight:bold;
}

.type_b{
	background:#ffcdb6;
	font-weight:bold;
}

.type_c{
	background:#95f0ad;
	font-weight:bold;
}

.type_d{
	background:#b7b5ff;
	font-weight:bold;
}

.type_e{
	background:#b5ddff;
	font-weight:bold;
}

.type_blank{
	background:#ddd;
	font-weight:bold;
}

.type_none{
	background:#ffffff;
	font-weight:bold;
}

.value_box {
    flex-wrap: wrap;
    align-items: center;
}

.value_box table{
	width:100%;
	border-collapse: collapse;
}

.value_box table th,
.value_box table td{
    padding:5px ;
    text-align:center;
    border: solid 1px #ddd;
    width:50%;
}

.value_box table th{
background: #f3f3f3;
    font-size: 12px;
}

.value_box table td{
    border-top: none;
    font-size: 18px;
}

.value_box table td a{
    color: #2992cc;
    border-radius: 50px;
    text-decoration: underline;
    font-size: 16px;
}


.rialtime_box {
    padding: 10px 15px;
}

.rialtime_box dl {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.rialtime_box dt {
	width: 12%;
    padding: 8px 15px 6px;
    background: #bbe6ff;
    margin-bottom: 5px;
    position:relative;
}

.rialtime_box dt:after {
    content: "：";
	top: 7px;
    right: 0;
    color: #0e4361;
    position: absolute;
}

#tokuten .rialtime_box dt {
	width: 17%;
    padding: 8px 15px 6px;
    background: #bbe6ff;
    margin-bottom: 5px;
    position:relative;
}

.rialtime_box dd {
    width:88%;
    padding: 8px 15px 6px;
    background: #bbe6ff;
    margin:0 0 5px;
}

#tokuten .rialtime_box dd {
    width: 15.5%;
    padding: 8px 10px 6px;
    background: #bbe6ff;
    margin: 0 5px 5px 0;
    display: flex;
    justify-content: flex-end;
}

#gg-area{
    background: #bbe6ff;
    padding: 8px 15px 6px;
    min-height:35px;
}


.icon-search{
	margin:0 3px;
}

.search_box {
    margin: 40px 0;
    text-align:center;
        padding: 0 0px 0 10px;
}

.search_box input#univ-search-text{
    border: solid 1px #2992cc;
    border-radius: 50px;
    margin: 0 auto;
    width: 50%;
    line-height: 2.2;
    font-size: 18px;
    padding: 7px 7px 7px 15px;
}

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

.search_box input#univ-search-text{
    width: 90%;
    }

}


input#univ-search-btn{
	background: none;
    border: none;
    color: #2992cc;
    cursor: default;
    display: inline-block;
    font-family: "WebHostingHub-Glyphs";
    font-size: 1.8em;
    outline: none;
    padding: 0;
    vertical-align: middle;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    right: 55px;
    top: 0px;
}

.search_box input#univ-search-text:focus {
    outline: none;
}

.search_univ_result {
    padding: 10px 15px;
}

.result_number {
    text-align: right;
    padding-right: 15px;
}

.result_number span{
	color: #65c8ff;
    font-size: 24px;
    margin: 0 6px 0 2px;
    display: inline-block;
    vertical-align: baseline;
}

.search_univ_result ul{
	padding:0px;
	margin: 0;
}

.search_univ_result ul li{
    border-bottom: dashed 1px #bbb;
    margin-bottom: 5px;
}

.search_univ_result ul li a{
    padding: 8px;
    display: flex;
    align-items: center;
    color: #0e4361;
    position:relative;
}

.search_univ_result ul li a:hover{
    background:#e9f5fb;
}

.search_univ_result ul li a:after{
    color: #6bc8fe;
    content: "\f184";
    font-family: "WebHostingHub-Glyphs";
    position: absolute;
    right: 7px;
    top: 12px;
    font-size: 14px;
}

.k_icon_base {
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    margin-right: 6px;
    color:#fff;
    flex: 0 0 1.5em;
}

.icon_kokuritsu{
	background:#6699ff;
}

.icon_kouritsu{
	background:#00CC99;
}

.icon_shiritsu{
	background:#FF9900;
}

.icon_tandai{
	background:#b7b5ff;
}

.hantei_kigou .hk_box{
	display:flex;
    align-items: center;
}

.hantei_kigou .hk_box div{
	width:70px;
	padding: 5px;
}

.hantei_kigou .hk_box p{
	flex-grow:2;
}


.hantei_kigou .hk_box .result_type span, .your_rank span {
    display: inline-flex;
    color: #0e4361;
    align-items: center;
    justify-content: center;
    font-size: 18px;
        width: 30px;
        }
span#line{
	width: 125px;
}

/* dd.hantei_kigou div:last-child { */
/*     padding: 20px 20px 5px; */
/* } */
.Inpage_link{
  display: none;
}
@media screen and (max-width:819px) {
.Inpage_link{
    display: flex;
    justify-content: space-evenly;
    margin: 30px 0 50px;
}

.Inpage_link a{
    width: 200px;
    border: solid 1px #2992cc;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #ccc;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    display: block;
    padding: 15px 35px 15px 10px;
    font-size: 20px;
    position: relative;
	color:#0e4361;
	text-align: center;
}

.Inpage_link a:after{
    content: "\f48b";
    font-family: "WebHostingHub-Glyphs";
    position: absolute;
    right: 10px;
    top: 17px;
}
}
.section_box h4{
    font-size: 20px;
    border-left: solid #0e4361 8px;
    padding: 2px 10px 0;
    margin: 10px;
}

.bunpu_box{
    padding: 8px;
}

.Inpage_link_id{
	padding-top:70px;
	margin-top:-70px;
}

table.ave-table {
    width: 85%;
    border-collapse: collapse;
    margin: 0 auto 30px;
}

table.ave-table th,
table.jissen-table th {
    padding:10px;
    text-align:center;
    border: solid 1px #ddd;
    /*background: #CEF4EB;*/
    background: #b3d9ff;
}

table.ave-table td,
table.jissen-table td {
    padding:10px;
    text-align:center;
    border: solid 1px #ddd;
}

.rank_box{
	width:70%;
	margin:0 auto 30px;
}

table.rank-table{
    width: 100%;
    border-collapse: collapse;
}

table.rank-table th,
table.rank-table td {
    padding:10px;
    text-align:center;
    border: solid 1px #ddd;
}

.tokuten_line{
	text-align:center;
	margin:18px;
    font-size: 20px;
}

.your_rank{
	text-align:center;
	margin:18px;
    font-size: 20px;
}

.your_rank span{
	margin:0 8px;
}

.tokuten_line span{
	color: #d10a4b;
	margin:0 8px;
	font-weight: bold;
}

.bunpu-table-txt{
text-align: left;
    font-size: 18px;
    margin: 10px 10px 10px 30px;
}


.bunpu-table{
    width: 94%;
    border-collapse: collapse;
    margin: 0 auto;
}

.bunpu-table th,
.bunpu-table td{
    padding:2px;
    text-align:center;
    border: solid 1px #ddd;
        white-space: nowrap;
}

.bunpu-table thead{
    /*background: #CEF4EB;*/
    background: #b3d9ff;
}
  /*
.bunpu-table thead th:nth-child(1){
	width:25%;
}

.bunpu-table thead th:nth-child(2){
	width:16%;
}

#shibou.bunpu-table thead th:nth-child(1){
	width:10%;
}

#shibou.bunpu-table thead th:nth-child(2){
	width:15%;
}

#shibou.bunpu-table thead th:nth-child(5){
	width:43%;
}*/
#shibou{
	
	font-size:12px;
}

#gouhi.bunpu-table th{
    background: #b3d9ff;
}

.bunpu-table td img{
	border: solid 1px #86e3ce;
}

.bunpu-table .ore {
    border: solid 1px #ffc671 !important;
}

.bunpu-table td img.you{
	border: solid 1px #d10a4b;
}

.docking_moshi {
    margin: 30px 0;
    text-align: center;
    font-size: 20px;
}

.docking_moshi select{
	width: 20em;
}

#docking.input_box{
	margin-bottom:20px;
}


#docking_input {
	display:none;
}

.englishWrite,
.englishListening,
.japanese,
.modernJapanese,
.ancientWritings,
.chineseWritings,
.newMathOne,
.newMathOneA,
.newMathTow,
.newMathTowB,
.japaneseHistoryB,
.worldHistoryB,
.geographyB,
.japaneseHistoryA,
.worldHistoryA,
.geographyA,
.modernSociety,
.ethics,
.politiceEconomics,
.ethicsPoliticsEconomics,
.basicPhysicalScience,
.basicScience,
.basicBiology,
.basicEarthScience,
.physicalScience,
.science,
.biology,
.earthScience,
.rekisouja,
.rekisouwo,
.tirisou,
.publicEthics,
.publicPolEco,
.tirisog,
.rekisog,
.publicCommunity,
.information,
.oldinformation,
.newMathTwoBC,
.oldMathOne,
.oldMathOneA,
.oldMathTwo,
.oldMathTowB,
.trialJapanese,
.trialModernJapanese,
.trialMath,
.trialEnglish,
.trialPhysicalScience,
.trialBiology,
.trialScience,
.trialEarthScience,
.trialWorldHistory,
.trialJapaneseHistory,
.trialGeography,
.trialModernSociety,
.trialEthics,
.trialEthicsPoliticsEconomics,
#tokuten .rialtime_box dd.englishWrite,
#tokuten .rialtime_box dd.englishListening,
#tokuten .rialtime_box dd.japanese,
#tokuten .rialtime_box dd.modernJapanese,
#tokuten .rialtime_box dd.ancientWritings,
#tokuten .rialtime_box dd.chineseWritings,
#tokuten .rialtime_box dd.newMathOne,
#tokuten .rialtime_box dd.newMathOneA,
#tokuten .rialtime_box dd.newMathTow,
#tokuten .rialtime_box dd.newMathTowB,
#tokuten .rialtime_box dd.japaneseHistoryB,
#tokuten .rialtime_box dd.worldHistoryB,
#tokuten .rialtime_box dd.geographyB,
#tokuten .rialtime_box dd.japaneseHistoryA,
#tokuten .rialtime_box dd.worldHistoryA,
#tokuten .rialtime_box dd.geographyA,
#tokuten .rialtime_box dd.modernSociety,
#tokuten .rialtime_box dd.ethics,
#tokuten .rialtime_box dd.politiceEconomics,
#tokuten .rialtime_box dd.ethicsPoliticsEconomics,
#tokuten .rialtime_box dd.basicPhysicalScience,
#tokuten .rialtime_box dd.basicScience,
#tokuten .rialtime_box dd.basicBiology,
#tokuten .rialtime_box dd.basicEarthScience,
#tokuten .rialtime_box dd.physicalScience,
#tokuten .rialtime_box dd.science,
#tokuten .rialtime_box dd.biology,
#tokuten .rialtime_box dd.earthScience,
#tokuten .rialtime_box dd.trialJapanese,
#tokuten .rialtime_box dd.trialModernJapanese,
#tokuten .rialtime_box dd.trialMath,
#tokuten .rialtime_box dd.trialEnglish,
#tokuten .rialtime_box dd.trialPhysicalScience,
#tokuten .rialtime_box dd.trialBiology,
#tokuten .rialtime_box dd.trialScience,
#tokuten .rialtime_box dd.trialEarthScience,
#tokuten .rialtime_box dd.trialWorldHistory,
#tokuten .rialtime_box dd.trialJapaneseHistory,
#tokuten .rialtime_box dd.trialGeography,
#tokuten .rialtime_box dd.trialModernSociety,
#tokuten .rialtime_box dd.trialEthics,
#tokuten .rialtime_box dd.trialEthicsPoliticsEconomics,
#tokuten .rialtime_box dd.rekisouja,
#tokuten .rialtime_box dd.rekisouwo,
#tokuten .rialtime_box dd.tirisou,
#tokuten .rialtime_box dd.publicEthics,
#tokuten .rialtime_box dd.publicPolEco,
#tokuten .rialtime_box dd.tirisog,
#tokuten .rialtime_box dd.rekisog,
#tokuten .rialtime_box dd.publicCommunity,
#tokuten .rialtime_box dd.information,
#tokuten .rialtime_box dd.oldinformation,
#tokuten .rialtime_box dd.newMathTwoBC,
#tokuten .rialtime_box dd.oldMathOne,
#tokuten .rialtime_box dd.oldMathOneA,
#tokuten .rialtime_box dd.oldMathTwo,
#tokuten .rialtime_box dd.oldMathTowB {
    display: none;
}

.old_series{
	display:none;
}

.old_bunpu {
    width: 190px;
}
.th_nizu {
    width: 65px;
}

br.smh_br{
	display:none;
}

.jissen_form {
    padding: 15px;
}

.jissen_form.ji_se select{
	width: 14em;
    font-size: 16px;
    padding: 3px 5px 6px;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.jissen_form.ji_in input{
	width: 9em;
    font-size: 16px;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.jissen_box{
	width:50%;
}

table.jissen-table {
    border-collapse: collapse;
    margin: 10px 15px 30px;
    width: 95%;
}

.bunpu_grf{
	display:inline-block;
	margin:0 5px;
}

.bunpu_grf span{
	display:inline-block;
	padding:0 10px;
	border:solid 1px #86e3ce;
}

.bunpu_grf span:first-child{
	background:#86e3ce;
}

.bunpu_grf2{
	display:inline-block;
	margin:0 5px;
}

.bunpu_grf2 span{
	display:inline-block;
	padding:0 10px;
	border:solid 1px #ffc671;
}

.bunpu_grf2 span:first-child{
	background:#ffc671;
}

@media screen and (max-width: 600px) {
.bunpu_grf,
.bunpu_grf2 {
    margin: 0 5px 0 0;
}
}

.tc_red{
	color:#d10a4b;
}

.mt30{
	margin-top:30px;
}


.touki_bn{
    text-align:center;
    margin-bottom:20px;
    display:inline
    
}

.touki_bn img {
    width: 44%;
    height: 100%;
        margin: 16px;
    border-radius: 8px;
}


.top_info_link {
    color: #d10a4b;
    font-weight: bold;
    font-size: 16px;
}

#steep_info2:after {
    content: "　https://dn-sundai.benesse.ne.jp/dn/center/sokuhou/chosei/index.html";
    word-break: break-all;
}


/*スマホ
---------------------------------------------------------------------------------------------------------------------------*/

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

body {
	font-size:16px;
}

main {
	width:100%;
	overflow: hidden;
}

header .log_box {
    flex-direction: column;
	width: 100%;
}

header .log_txt {
    white-space: nowrap;
    font-size: 14px;
}

#top header {
    height: 135px;
}

#top header:after {
    top: 135px;
}

header .top_log{
	margin-top:10px;
	padding:0;
    text-align: center;
}

#top main {
    padding-top: 135px;
}

.section h2{
	font-size:22px;
}

.step_ttl {
    font-size: 18px;
}

.step_txt {
    padding: 15px 8px;
}

.sitei {
    width: 48%;
    padding: 8px;
}

.sitei:first-child {
    margin-right: 10px;
}

.search_univ_result ul li a {
    padding: 5px 18px 8px 8px;
}

.step_action{
	margin:30px 0;
}

.choose_box dl {
    padding-left: 0;
}

.choose_box dd {
    padding: 15px 8px;
}

.caption2{
	margin-left:1em;
    line-height: 1.6;
    font-size:13px;
}

.univ_ttl,
.bunpu_ttl {
    width: 100%;
}

.simulation_box {
    width: 100%;
    padding: 15px 10px;
}

.hantei_box {
    width: 25%;
	padding: 0 10px 0 0;
}

.value_box table td a {
    font-size: 13px;
}

.value_box {

}

.result_type {
    padding: 10px 0;
}

.result_type span {
width: 30px;
    height: 30px;
    font-size: 16px;
}

.hantei_type {
    font-size: 16px;
}

.value_box table th, .value_box table td {
    padding: 5px;
    font-size: 16px;
}

.value_box table th{
    font-size: 14px;

}
.rialtime_box dt {
    width: 34%;
}

.rialtime_box dd {
    width: 66%;
}

.choose_box ul {
    padding-left: 0.8em;
}

.check_all {
    padding-left: 0.8em;
}

.choose_box dd ul {
    padding-left: 0.5em;
}

.choose_box ul li label.check, .check_all label.check, .choose_box ul li label.radio {
    padding-left: 25px;
}

.choose_box ul li {
    font-size: 15px;
}

.choose_box ul li.initial_smh{
	width:100%;
}

.choose_box ul.kobetsu2 li {
    width: 92%;
    margin-left: 1.5em;
    text-indent: -1.5em;
}

.input_box {
    width: 95%;
}

.kamoku {
    font-size: 20px;
}

.tokuten_box div input {
    font-size: 16px;
    width: 7em;
}

.no1_kamoku {
    font-size: 16px;
}

.no1_kamoku select {
    font-size: 16px;
}

#tokuten .rialtime_box dt {
    width: 48%;
}

#tokuten .rialtime_box dd {
    width: 52%;
    margin: 0 0px 5px 0;
}

.bunpu_box {
    padding: 15px 10px;
}

table.ave-table,
.rank_box,
table.bunpu-table {
    width: 100%;
}

@media screen and (max-width: 835px){
.bunpu_box2 {
    padding: 0;
    width: 400px;
}
}
table.ave-table th,
table.bunpu-table th {
    font-size: 15px;
    padding: 5px;
    white-space: nowrap;
}

.your_rank, .tokuten_line {
    margin: 20px 0;
    font-size:18px;
}

br.smh_br{
	display:block;
}


.section_box h3{
	font-size: 20px;
}

.jissen_box{
	width:100%;
}

table.jissen-table {
    width: 93%;
}

.choose_box ul.kobetsu2 li input[type="checkbox"]:checked + label.check:after{
	left: 26px;
}

.bunpu-table-txt{
    font-size: 16px;
}

.touki_bn img{
    width:90%;
    
}

}


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

.tokuten_box div{
    width: 50%;
    justify-content: flex-start;
}

.tokuten_box div.type-3{
    width: 100%;
}

.tokuten_box div:nth-of-type(2n){
	border-right:none;
}

.tokuten_box div:nth-child(n + 3){
    border-top:solid 1px #ddd;
}

.flex_box2 {
    flex-flow: column;
}
.value_box {
    width: 100%;
}
.choose_box ul li {
    width: 50%;
}

}

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

header .log_txt {
    font-size: 12px;
}

header .top_log img {
    height: 47px;
}

.next_btn a {
    width: 300px;
}

.caption2{
	display:block;
}

}

.login-form-input,
.tokuten-sundai {
    width: 50%;
    margin: 20px auto;
    font-size: 16px;
    padding: 10px 15px;
}

.login-form-input dl,
.tokuten-sundai dl{
	margin:0;
	display:flex;
	flex-wrap: wrap;
}

.login-form-input dt,
.tokuten-sundai dt{
	width:25.5%;
	margin:0 0 20px;
	display:flex;
	align-items: center;
}

.login-form-input dd,
.tokuten-sundai dd{
	width:74.5%;
	margin:0 0 20px;
}

.login-form-input dt:last-of-type,
.login-form-input dd:last-of-type{
	margin:0;
}

.login-form-input input[type="text"],
.login-form-input input[type="password"],
.tokuten-sundai input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font-size: 16px;
    margin: 0;
    outline: 0;
    text-align: inherit;
    border: solid 1px #767676;
    padding: 7px 10px;
    border-radius: 0px;
    background:#fff;
    width: 100%;
    overflow: visible;
}

.login-form-input input[type="text"]:focus-visible,
.login-form-input input[type="password"]:focus-visible,
.tokuten-sundai input[type="text"]:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.tokuten-sundai select{
    width: 100%;
    font-size: 16px;
    padding: 3px 5px 6px;
    border: solid 1px #767676;
    padding: 7px 10px;
    border-radius: 0px;
}

.tokuten-btn {
    width: 50%;
    text-align: center;
    padding: 10px;
}



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


.login-form-input dt,
.tokuten-sundai dt{
	width:30%;
}

.login-form-input dd,
.tokuten-sundai dd{
	width:70%;
}

}

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

.login-form-input,
.tokuten-sundai{
    width: 100%;
}
}
.tokuten-btn a {
    padding: 20px 10px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 10px;
    max-width: 320px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
}

a.type-fro {
    background: #71c5fa;
}

a.type-sotsu {
    background: #faa8ca;
}

.normal-text{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

/*.course-type1,
.course-type2{
    display:none;
}
*/

/*結果*/
.kekka {
    width: 1084px;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px auto 0;
}
.kekka a {
    text-decoration: underline;
    color: #4951bb;
}

.kekka th {
    font-weight: bold;
    padding: 2px 2px;
    background-color: #E9EEF2;
    text-align: center;
    border: 1px solid #dddfe2;
    vertical-align: middle;
}
.kekka .t_lft{
  text-align:left;
}

.bg-blue {
    background: #b3d9ff !important;
}

.icon_zen {
    background: #76a1c1;
    padding: 2px 4px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    display: inline-block;
    font-weight: bold;
}

.c_kou{

    background: #ffffff;
    border: 1px solid #76a1c1;
    color: #76a1c1;
}

.c_jg{
    background:#8dbde1
}
.c_jz{
 background:#537187
  }
  
  .c_cc{
 background:#394147;
  }
  
    .c_do{
 background:#1173bd;
  }
.kekka td {
    padding: 5px;
    border: 1px solid #dddfe2;
    vertical-align: middle;
    text-align: center;
}

.label_1{
width: 65px;
     font-size: 12px;
    border: 1px solid #4caf50;
    color: #4caf50;
    padding: 3px 7px;
    display: inline-block;
    text-align: center;
}
.label_2{
width: 55px;
     font-size: 12px;
    border: 1px solid #0e4361;
    color: #0e4361;
    padding: 3px 7px;
    display: inline-block;
    text-align: center;
}

.label_3{
width: 55px;
     font-size: 12px;
    border: 1px solid #ff8500;
    color: #ff8500;
    padding: 3px 7px;
    display: inline-block;
    text-align: center;
}

.kekka_ttl{
margin: 0 !important;
 font-weight:bold;
 text-align:left;
}

.txt{
 font-size:14px;
 text-align:left;
 margin-bottom: 15px;

}

.icon-addcomment:before {
    position: absolute;
    bottom: 0px;
    left:2px;
}
span.icon-addcomment {
    font-size: 23px;
    color: #005bac;
    position: relative;
}

.ke278{
	width:278px;
}
.ke50{
	width:50px;
}
.ke70{
	width:70px;
}

.ke79{
	width:79px;
}
.kekka p{
	font-size:15px;
	font-weight:bold;
}

@media screen and (max-width: 768px){
.sp_scroll {
    overflow: auto;
}
}





/*スクロールヒント*/
@keyframes scroll-hint-appear {
    0% {
        transform: translateX(40px);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    50%, 100% {
        transform: translateX(-40px);
        opacity: 0;
    }
}

.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
    position: absolute;
    top: calc(50% - 34px);
    left: calc(50% - 60px);
    box-sizing: border-box;
    width: 120px;
    height: 68px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 15px 10px 10px 10px;
}

.t-long .scroll-hint-icon {
    position: absolute;
    top: 100px;
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none;
}

.scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    margin-top: 5px;
    line-height: 1.75;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8;
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
    content: "";
    width: 33px;
    height: 13px;
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2;
}

.scroll-hint-icon-white {
    background-color: #FFF;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
    color: #000;
}

header {
    top: 0;
    z-index: 2;
}

#elevator-btn{
    display: none;
}

@media screen and (max-width: 768px){
	#elevator-btn{
		display:block;
		bottom : 20px;
		position : fixed;
		left : 10px;
		line-height:1.5;
		z-index: 999;
	}

	#elevator-btn a {
	    background-color: #afb9e6;
	    color: #0e4361;
	    display: block;
	    padding: 8px 10px;
	    text-align: center;
	    text-decoration: none;
	    z-index: 999;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#elevator-btn a i {
		margin: 0px 6px 0 0px;
		display: inline-block;
		font-size:12px;
	}

}



#shibou-bunpu{
	display:flex;
	width:1084px;
}

#shibou-bunpu .section_box{
	width:50%;
	overflow: visible;
	    padding-left:3px;
}

th.th_gouhi {
    width: 280px;
}
.tmpl_mB8{margin-bottom:8px;}

.disnon{display:none;}


ul#bunpu_tab {
    margin: 4px auto 7px;
    padding: 0;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 820px){
ul#bunpu_tab {
    margin: 0 auto 7px;
    padding: 0;
    display: flex;
    justify-content: center;
}
}
ul#bunpu_tab li{
    display: inline-block;
    border: solid 1px #aaa;
    padding: 4px 10px 3px;
    border-radius: 6px;
    box-shadow: 2px 2px 2px #ccc;
    cursor: pointer;
    margin: 0 15px;
}

ul#bunpu_tab li.select{
    border: solid 1px #2992cc;
    background:#2992cc;
    color:#fff;
}

.ave-table.mt40{margin-top:40px;}

.simulation_w{
width:100%;
padding: 0 8px;

}
@media screen and (max-width: 768px){
.simulation_w{
max-width:100%;

}
}
.bk_red{
background:#f9e6e6;
}

.m-15{
    margin-top: 0px;
}
.hantei_read{
	padding:10px;
}

.hainte_m{
	font-weight:bold;
	display:inline-block;
    width: calc(11% - 20px);
    padding-left:10px;
}

.hainte_l {
    width: calc(90% - 20px);
}

.hantei_box2{
	display:flex;
	flex-wrap: wrap; 
}

@media screen and (max-width:870px){
	.hainte_m{
	    width: 25%;
	        padding-left:0;
	}
	.hainte_l {
	    width: 75%;
	}
}
@media print {
  .no-print {
    display: none;
  }
}

/* 入力候補選択時（オートコンプリート） */
input:-webkit-autofill{
	box-shadow: 0 0 0px 1000px #fff inset;
}

/* -- FAQ -------- */

@media screen and (max-width: 768px){
	.faq_cnt{
		text-align:center;
	}
}

.faq_box h2 span.faq_q {
    padding: 0 8px 0 0;
    color: #65C8FF;
    font-size: 30px;
    vertical-align: bottom;
}

.faq_box_a {
    display: flex;
    padding: 0 15px;
    gap: 8px;
    margin-bottom:30px;
}

.faq_box_In .faq_box_a {
    padding: 0 15px 0 0;
}

.faq_a{
    color: #FBA8CA;
    font-size: 30px;
    font-weight:bold;
}

.text_box {
    line-height: 1.75;
    font-size: 16px;
}

.faq_box_a .text_box {
    padding-top: 10px;
}

.faq_box_In {
    padding: 0 15px;
    margin-bottom:30px;
}

h3.faq_h3 {
    margin: 0 0 10px;
    font-size: 20px;
    padding: 0 0 0 13px;
    position: relative;
}

h4.faq_h4 {
    margin: 0 0 5px;
    font-size: 18px;
    padding: 0;
}

h3.faq_h3:after {
    content: "";
    width: 6px;
    height: 26px;
    border-radius: 8px;
    background: #65C8FF;
    position: absolute;
    top: 1px;
    left: 0px;
}

.faq_img_box img{
	width:70%;
}

@media screen and (max-width: 768px){
	.faq_img_box img{
		width:100%;
	}
}

.faq_img_box img{
	margin-bottom:10px;
}

table.hantei-table {
    border-collapse: collapse;
    width: 50%;
}

@media screen and (max-width: 768px){
	table.hantei-table {
	    width: 100%;
	}
}

table.hantei-table th{
    background-color: #EEF9FF;
    border: solid 1px #D0CECE;
    padding: 8px 10px 5px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

table.hantei-table th.empty{
    background-color: #bfbfbf;
}

table.hantei-table th.th2{
    background-color: #2BB3FF;
}

table.hantei-table th.tate{
    width:1rem;
    padding:15px;
}

table.hantei-table td {
    border: solid 1px #D0CECE;
    padding: 8px 10px 5px;
    text-align: center;
    vertical-align: middle;
}