@media screen and (max-width: 736px) {
.contents {
    padding: 0;
}
}

/*タイトル*/
.entrance_exam_cnt {
}
.entrance_exam_cnt .ttl {
    margin-bottom: 70px;
}
.entrance_exam_cnt .ttl figure img.pc {
    display: block !important;
}

.entrance_exam_cnt .ttl figure img.sp {
    display: none !important;
}
.entrance_exam_cnt .ttl figure{
    margin-top:0;
}
.entrance_exam_cnt .ttl figure img.pc {
    display: block !important;
}

.entrance_exam_cnt .ttl figure img.sp {
    display: none !important;
}
.entrance_exam_cnt .ttl p{
margin: 40px 100px 0;
text-align: center;
}

@media screen and (max-width: 736px) {
.entrance_exam_cnt .ttl {
    margin-bottom: 40px;
}
.entrance_exam_cnt .ttl figure img.pc {
        display: none !important;
}

.entrance_exam_cnt .ttl figure img.sp {
        display: block !important;
}
.entrance_exam_cnt .ttl p{
margin: 40px 20px 0;
text-align: left;
}


}


/*カテゴリー*/
.category-item {
    margin: 20px 0 60px;
}

.category-item ul.tab {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 0;
}
/*.category-item ul::before, .category-item ul::after {
    content: "";
    display: block;
    width: calc((100% - 60px) / 4);
}

.category-item ul::before {
    order: 1;
}*/
.category-item ul.tab li {
    width: calc((100% - 60px) / 4);
    margin: 20px 0 0;
    box-sizing: border-box;
    list-style-type: none;
}
.category-item ul.tab li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 15px;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 1.45;
    border-radius: 52px;
    font-size: .9375rem;
    background: #f8f8f8;
    border: 1px solid #1d9ed4;
    color: #7d7d7d;
}
/*liにactiveクラスがついた時の形状*/
.category-item ul.tab li.active a{
  background:#1d9ed4;
  color:#fff;
}
/*エリアの表示非表示と形状*/
.item {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
}

/*itemにis-activeというクラスがついた時の形状*/
.item.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media screen and (max-width: 736px) {
.category-item {
    margin: 20px 0 40px;
}
.category-item ul.tab li {
    width: calc((100% - 20px) / 2);
    margin: 10px 0 0;
}
.category-item ul.tab li a {
	padding: 10px;
    border-radius: 12px;
    min-height: 60px;
}

}

/*広告*/
.scList_list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.scList_list::before, .scList_list::after {
    content: "";
    display: block;
    width: calc((100% - 120px) / 3);
}

.scList_list::before {
    order: 1;
}

.scList_item {
    width: calc((100% - 120px) / 3);
    margin: 20px 0 0;
    box-sizing: border-box;
    position: relative;
}

.scList_itemInner {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    height: 100%;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    line-height: 1.45;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 0 18px 5px rgba(125,125,125,.2);
}

a.scList_itemInner {
    transition: .3s cubic-bezier(0,0,.26,1.32)
}

a.scList_itemInner:focus,a.scList_itemInner:hover {
    box-shadow: 0 0 0 0 transparent;
    transform: translateY(2px)!important
}

a.scList_itemInner[disabled]:focus,a.scList_itemInner[disabled]:hover {
    box-shadow: 0 0 0 0 transparent;
    transform: translateY(0)!important
}

a.scList_itemInner:hover {
    opacity: 1
}

a.scList_itemInner:hover .scList_title {
    color: #1d9ed4;
    text-decoration: underline
}

.scList_card {
    display: flex;
    flex-direction: column;
    padding: 14px 18px 16px;
    width: 100%;
    height: 100%;
}

.scList_title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
}

.scList_group p {
    margin: 10px 0;
    color: #7d7d7d;
    font-size: .75rem;
    line-height: 1.85;
}
.scList_item ul.area{
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
margin-bottom:10px;
}
.scList_item ul::before, .scList_item ul::after {
    content: "";
    display: block;
    width: calc((100% - 20px) / 3);
}

.scList_item ul::before {
    order: 1;
}
.scList_item ul.area li{
width: calc((100% - 20px) / 3);
/*margin: 20px 0 0;*/
margin-bottom: 10px;
box-sizing: border-box;
list-style-type: none;
background:#faefdf;
padding:5px;
text-align:center;
font-size:.875rem;
border-radius: 3px;
}

.scList_figure {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
    text-align: center;
    aspect-ratio: 3/2;
    text-decoration: none;
    overflow: hidden;
    padding-top: calc(2/3*100%);
    width: 100%;
}

.scList_figure img {
    max-height: 100%;
    object-fit: contain;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    flex: 0 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    font-family: "object-fit: contain;";
}

.scList_footer {
    margin: auto auto 0;
    margin-top: auto;
    align-content: flex-end;
    width: 100%;
}

.scList_footer .scList_btn {
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 52px;
    line-height: 1;
    background-color: #fdae14;
    color: #fff;
    font-size: .9375rem;
    text-align: center;
    margin-bottom: 0;
}

@media screen and (max-width: 736px) {
    /*---*/
    .scList_list {
        display: flex;
        flex-direction: column;
    }

    .scList_item {
        width: 100%;
        margin: 10px 0;
    }

    .scList_footer .scList_btn {
        font-size: inherit;
    }
}

/*コンテンツ*/
.item h2.item_ttl{
font-size: 1.9375rem;
font-weight: 700;
line-height: 1.45;
text-align:center;
/*padding-bottom:30px;*/
margin-bottom:60px;
}

.item .item_inner{
margin-bottom: 40px;
}
.item .item_entry{
display: flex;
align-items: flex-end;
/*font-size: 1.125rem;*/
font-weight: 700;
letter-spacing: 0.05em;
}
.item .item_entry span{
padding: 5px 40px;
border-radius: 10px 10px 0 0;
color: #fff;
border-color: #1d9ed4;
background-color: #1d9ed4;
}
.item .frame{
background-color: #fff;
border: 1px solid #1d9ed4;
/*border: 1px solid #e3e3e3;*/
/*border-radius: 0 0 12px 12px;*/
padding: 40px;
margin-top:0;
position: relative;
}
.item .frame div.frame_inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.item .frame div.frame_inner figure{
margin-top:0;
margin-left:40px;
}
.item .frame div.frame_inner img {
object-fit: contain;
-webkit-backface-visibility: visible;
backface-visibility: visible;
width: 250px;
height: 250px;
font-family: "object-fit: contain;";
border-radius: 100%;
background: rgb(239 245 181 / 34%);
}
.item .frame .point {
font-size: 1.75rem;
font-weight: 700;
position:relative;
text-align:center;
margin-top: 60px;
}
.item .frame .point::before {
font-family: "Font Awesome 5 Free";
content: "\f103";
font-weight: 700;
font-size: 2.25rem;
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
color: #FF9800;
}
.item .arrow{
margin-bottom: 90px;

}
.item .arrow::after {
content: "";
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 0px;
height: 0px;
border-style: solid;
border-color: #1d9ed4 transparent transparent transparent;
border-width: 30px 40px 0 40px;
}
.item .markList-num01{
counter-reset: number 0;
margin-top: 0;
padding: 0;
list-style-type: none;
flex: 1;
}
.item .markList-num01 li{
position: relative;
padding: 5px 0;
padding-left: calc(24px + 10px);
margin-bottom:10px;
}
.item .markList-num01 li::before {
counter-increment: number 1;
content: counter(number) " ";
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 7px;
left: 0;
margin-right: 8px;
width: 24px;
height: 24px;
color: #ed7812;
font-size: .875rem;
font-weight: 700;
line-height: 1;
background-color: #fff;
border: 1px solid #1d9ed4;
border-radius: 100%;
}

@media screen and (max-width: 736px) {
.item h2.item_ttl{
margin-bottom:40px;
}
.item .frame{
padding: 20px;
}
.item .frame div.frame_inner{
flex-direction: column;
}
.item .frame div.frame_inner figure{
margin-left:0;
}

}



/*コスト比較*/
.item .frame div.cost_inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.item .frame div.cost_inner figure{
margin-top:0;
margin-right:40px;
text-align:center;
width: 260px;
}


.item .frame div.cost_inner figure figcaption{
font-weight: 700;
margin-top:10px;
line-height: 1.45;
}
.item .frame div.cost_inner img {
height: 300px;
}
.item .frame div.cost_txt{
width:100%;
}
.cost{
display: flex;
justify-content: space-between;
margin-bottom:20px;
}
.cost span{
display: flex;
width: calc((100% - 90px) / 4);
flex-direction: column;
align-items: center;
background-color: #fff;
border: 2px solid #e8e8e8;
border-radius: 12px;
/*box-shadow: 0 0 18px 5px rgba(125,125,125,.2);*/
padding: 10px 20px;
/*margin-right:20px;*/
font-size: .875rem;
line-height:1.45;
}
.cost span strong{
font-size: 1rem;
margin-bottom: 10px;
}
.cost span.icon{
justify-content: center;
width:30px;
border-style:none;
font-weight: 700;
font-size: 1.3125rem;
}
.cost span:not(:last-child)::after {
/*font-family: "Font Awesome 5 Free";
content: "\2b";
font-weight: 700;*/
}
.cost span:last-child{
justify-content: center;
font-weight: 700;
border: 2px solid #1d9ed4;
color: #1d9ed4;
font-size: 1.3125rem;
}
.cost span:last-child::after {

}
.item .frame .note_ptn1{
padding: 20px;
background-color: #e4ecf1;
border-radius: 12px;
}
.item .frame .note_ptn2{
font-size: 1.125rem;
font-weight:700;
text-align:center;
margin-bottom: 20px;
}
.item .frame .note_ptn3{
padding: 20px;
border: 2px dotted #FF9800;
border-radius: 12px;
position: relative;
margin-top: 60px;
}
.item .frame .note_ptn3::before{
font-family: "Font Awesome 5 Free";
content: "\f103";
font-weight: 700;
font-size: 2.25rem;
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
color: #FF9800;
}

@media screen and (max-width: 736px) {
.item .frame div.cost_inner{
flex-direction: column;
}
.item .frame div.cost_inner figure{
margin-right:0;
margin-bottom: 20px;
width: 200px;
}
.cost{
flex-direction: column;
}
.cost span{
width:100%;
padding: 10px;
}
.cost span.icon{
width:100%;
}

i.fa-grip-lines{
transform: rotate(-90deg);
}

.item .frame .note_ptn1{
padding:10px;
}
.item .frame .note_ptn2{
text-align:left;
}
.item .frame .note_ptn2 br{
display:none;
}
.item .frame .note_ptn3{
padding:10px;
}

}


/*.item .frame div.cost_inner .note_ptn3::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 17px 15px;
border-color: transparent transparent #FF9800 transparent;
position: absolute;
top: -17px;
left: 0;
right: 0;
margin: auto;
}*/




/*QA*/
.faq_inner dl{
    /*background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 0 18px 5px rgba(125,125,125,.2);
    padding:40px 60px;
    margin-bottom:30px;*/
}
.faq_inner dt{
    position: relative;
    padding-left:50px;
    font-size:1.125rem;
    font-weight:700;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #e8e8e8;
}
.faq_inner dt::before {
    content: "Q";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #1d9ed4;
    color: #ffffff;
    /*line-height: 1;*/
    border-radius: 50%;
}
.faq_inner dd{
    position: relative;
    padding-left:50px;
}
.faq_inner dd::before {
    content: "A";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #fdae14;
    font-size: 20px;
    color: #ffffff;
    font-weight:700;
    line-height: 1;
    border-radius: 50%;
}

@media screen and (max-width: 736px) {
.faq_inner dl{
    padding:20px;
    margin-bottom:20px;
}
.faq_inner dt{
    
}
.faq_inner dd{
    
}
    
}