@charset "UTF-8";

@media (max-width: 1190px) {}
@media (max-width: 833px) {}

@media (max-width: 833px) {.pc{display: none;}}
@media (min-width: 833px) {.sp{display: none;}}

section {font-family: 'Noto Sans JP', sans-serif;}
section.top,
section.narrow,
section.goukaku_ichiran {
    margin-bottom: 30px;
}
section.narrow .nrrw {
    width: 96%;
    background-color: #f6f6f6;
    padding: 2em 3em;
    margin: 0 auto;
}
p.joken {
    color: #F29600;
    text-align:center;
    display: flex;
    justify-content: center;
    line-height: 1;
    gap: 2px;
}
p.joken img {width: 1rem; height: auto;}
.j_list {
    display: flex;
    justify-content: space-between;
}
dl {
    /*margin: 10px 0 0;*/
    padding: 12px;
}
dl.school { border-bottom: solid 1px #ddd;}
dl.area { border-bottom: solid 1px #ddd;}
dl .j_list dt {width: 17%;}
dl .j_list dd {
    border: solid 1px #878787;
    border-radius: 4px;
    color: #878787;
    padding: 2px 0;
    margin: 0 2px;
    text-align: center;
    width: 16%;
    font-size: 0.8em;
    display: inline-block;
}
section.narrow label {
    display: inline-block;
    width: 100%;
}
section.narrow .j_list input {display: none;}
dl .j_list dd:hover,
dl .j_list dd label:hover,
.nrrw_btn:hover,
p.nrrw_reset span:hover,
input:hover {
    cursor: pointer;
}
dl .j_list dd:has(:checked) {
    background-color: #F29600;
    color: #fff;
}
.nrrw_btn {
    border-radius: 8px;
    background-color: #F29600;
    color: #fff;
    margin: 20px auto 10px;
    padding: 8px;
    width: 24%;
    text-align: center;
    font-size: 1.1em;
}
.nrrw_btn input {
    color: #fff;
    font-size: 1.1em;
    width: 100%;
}
p.nrrw_reset {
    text-align: center;}
p.nrrw_reset span {
    color: #878787;
    text-decoration: underline;
    font-size: 1rem;
}
p.nrrw_reset span {
    display: inline-block;
    text-decoration: underline;
}

@media (max-width: 1190px) {
    .j_list {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 2%;
    }
    dl .j_list dt {
        width: 100%;
        margin-bottom: 12px;
    }
    dl .j_list dd {
        width: auto;
        margin-bottom: 8px;
        padding: 2px 8px;
        flex-grow: 1;
    }
}
@media (max-width: 833px) {
    section.narrow .nrrw {
        width: 100%;
        background-color: #f6f6f6;
        padding: 2em 0.4em;
        margin: 0 auto;
    }
    .j_list {
        justify-content: space-between;
        gap: 0;
    }
    dl .j_list dd {
        width: 48%;
        margin-bottom: 8px;
        padding: 2px 0;
        flex-grow: 0;
    }
    .nrrw_btn {
        width: 40%;
    }
}

/**/
section.goukaku_ichiran .ichiran {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
section.goukaku_ichiran .ichiran.opacity0 {
  opacity: 0;
}
section.goukaku_ichiran .ichiran .ichiran_cnt{
    border: solid 1px #F29600;
    padding: 0;
    position: relative;
    width: 32.666%;
    margin-top: 30px;
    /*display: flex;*/
    /*flex-direction: column;*/
}


section.goukaku_ichiran .ichiran .ichiran_cnt img.goukakuin {
    position: absolute;
    top:-15px;
    left: -15px;
}
section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name {
    font-size: 1.4em;
    font-weight: bold;
    padding: 20px 4px 0 80px;
    line-height: 1.4em;
    letter-spacing: 2px;
}
section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name span {
    display: block;
    font-size: 0.9em;
    font-weight: normal;
}
section.goukaku_ichiran .ichiran .ichiran_cnt p.interview {
    text-align: right;
    padding: auto 10px;
    height: 2em;
    position: relative;
}
section.goukaku_ichiran .ichiran .ichiran_cnt p.interview span {
    background-color: #1d1182;
    color: #fff;
    padding: 2px 6px;
    font-size: 0.8em;
}
/*0501追加*/
section.goukaku_ichiran .ichiran .ichiran_cnt .name_st {position: relative;}
section.goukaku_ichiran .ichiran .ichiran_cnt p.name_s {
    position: absolute;
    left: -9em;
    top: 0.8em;
    font-size: 0.9em;
    line-height: 1.2;
}
@media (min-width: 1190px) {
section.goukaku_ichiran .ichiran .ichiran_cnt p.interview:has(span) + p.name_s {
    width: 90%;
}
}
section.goukaku_ichiran .ichiran .ichiran_cnt p.name_s span {font-size: 0.8em;}
@media (max-width: 1190px) {
    section.goukaku_ichiran .ichiran .ichiran_cnt .name_st {position: inherit;}
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview {
        position: inherit;
        margin-bottom: 0;
        height: 2em;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.name_s {
        position: inherit;
        padding-left: 0;
        margin-bottom: 0.4em;
    }
}
@media (max-width: 680px) {
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview {
        position: inherit;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview:has(span){
    height: 2em;
}
}
/*0501ここまで*/
section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv {
    margin: 12px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv img {width: 38%;}

section.goukaku_ichiran .ichiran .ichiran_cnt .dev {
    display: flex;
    flex-direction: column;
    width: 60%;
}

@media (max-width: 1190px) {
    section.goukaku_ichiran .ichiran .ichiran_cnt .dev {
        display: flex;
        flex-direction: column;
        width: 50%;
    }
}
@media (max-width: 833px) {}


section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv .dev .deviation {
    /*background-image: url(../img/goukaku/before_after.png);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
    width: 100%;
    position: relative;
    min-height: 140px;
}
.deviation span.before{
    font-size: 2.8em;
    position: absolute;
    bottom: -4px;
    font-weight: bold;
}
.deviation span.after{
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    font-size: 4.4em;
    font-weight: bold;
    color: #F29600;
}


section.goukaku_ichiran .ichiran .ichiran_cnt .comment {
    padding: 0;
    background-color: #f6f6f6;
    margin-top: 12px;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .comment p {
    padding: 10px;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .next_wrap {
    background-color: #f6f6f6;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .next {
    position: relative;
    height: 3em;
    margin-left: 60%;
    padding: 0.6em 1em;
    word-break: break-all;
    color: #fff;
    background: #F29600;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .next p {padding: 0;}
section.goukaku_ichiran .ichiran .ichiran_cnt .next a {color: #fff;}
section.goukaku_ichiran .ichiran .ichiran_cnt .next:after {
position: absolute;
bottom: 0;
left: -2em;
width: 0;
height: 0;
content: '';
border-width: 0 0 3em 2em;
border-style: solid;
border-color: transparent transparent #F29600 transparent;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .next p {
    text-align: center;
}
section.goukaku_ichiran .ichiran .ichiran_cnt .next p i {
    margin-left: 0.6em;
    margin-bottom: 0.1em;
}

@media (max-width: 1190px) {
    section.goukaku_ichiran .ichiran .ichiran_cnt{
        width: 48.5%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt{
        border: solid 1px #F29600;
        padding: 0;
        position: relative;
        width: 49.5%;
        margin-top: 30px;
    }


    section.goukaku_ichiran .ichiran .ichiran_cnt img.goukakuin {
        position: absolute;
        top:-15px;
        left: -15px;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name {
        font-size: 1.2em;
        font-weight: bold;
        padding: 20px 4px 0 80px;
        line-height: 1.4em;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name span {
        display: block;
        font-size: 0.9em;
        font-weight: normal;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview {
        text-align: left;
        padding: 0 10px 0 0;
        margin-bottom: 0;
        /*height: 0;*/
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview span {
        background-color: #1d1182;
        color: #fff;
        padding: 2px 4px;
        font-size: 1.2vw;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv {
        margin: 10px;
        display: flex;
        justify-content: center;
        gap: 4%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv img {
        width: 40%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv .dev .deviation {
        background-repeat: no-repeat;
        background-position: right;
        background-size: 100% auto;
        width: 100%;
        position: relative;
        min-height: 15.126vw;
    }
    .deviation span.before{
        font-size: 4.8vw;
        position: absolute;
        bottom: -4px;
        font-weight: bold;
    }
    .deviation span.after{
        position: absolute;
        top: auto;
        right: 10%;
        bottom: 1px;
        font-size: 7vw;
        font-weight: bold;
        color: #F29600;
    }


    section.goukaku_ichiran .ichiran .ichiran_cnt .comment {
        padding: 0 10px 10px;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .next {
        position: relative;
        height: 3em;
        margin-left: 60%;
        padding: 0.6em;
        word-break: break-all;
        color: #fff;
        background: #F29600;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .next:after {
    position: absolute;
    bottom: 0;
    left: -2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 3em 2em;
    border-style: solid;
    border-color: transparent transparent #F29600 transparent;
    }
}
@media (max-width: 680px) {
    section.goukaku_ichiran .ichiran .ichiran_cnt {
        width: 100%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name {
        font-size: 1.1em;
        padding: 12px 4px 0 70px;
        line-height: 1.2;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview {
        text-align: left;
        padding: 0;
        margin-bottom: 0;
        height: 0;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt p.interview span {
        background-color: #1d1182;
        color: #fff;
        padding: 2px 10px;
        font-size: 2.58vw;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv {
        margin: 10px 8px;
        display: flex;
        justify-content: center;
        gap: 8%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .dev {
        display: flex;
        flex-direction: column;
        width: 42%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv img {
        width: 36%;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .photo_dv .dev .deviation {
        background-repeat: no-repeat;
        background-position: right;
        background-size: 100% auto;
        width: 100%;
        position: relative;
        min-height: 22.222vw;
    }
    .deviation span.before{
        font-size: 7.3529vw;
        position: absolute;
        bottom: -4px;
        font-weight: bold;
    }
    .deviation span.after{
        position: absolute;
        top: auto;
        right: 10%;
        bottom: 1px;
        font-size: 10.29411vw;
        font-weight: bold;
        color: #F29600;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .comment {
        line-height: 1.4;
        padding: 8px 8px 4px;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .next {
        position: relative;
        height: 2.2em;
        margin-left: 60%;
        padding: 0.5em;
        word-break: break-all;
        color: #fff;
        background: #F29600;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .next:after {
    position: absolute;
    bottom: 0;
    left: -2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 0 2.2em 2em;
    border-style: solid;
    border-color: transparent transparent #F29600 transparent;
    }
    section.goukaku_ichiran .ichiran .ichiran_cnt .next p {line-height: 1;}
}



/*ページネーション*/
section.pagenation {text-align: center; margin-top: 60px; margin-bottom: 100px;}
section.pagenation .wrap {display: inline-block; width: auto;}
ul.page-numbers {
    display: flex;
    gap: 0.5rem;
}
ul.page-numbers li:has(.current) {
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	background-color: #f29600;
}
ul.page-numbers li a {
    display: inline-block;
    color: #f29600;
    border-radius: 50%;
    border: 2px solid #f29600;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
	background-color: #fff;
}
ul.page-numbers li span.dots {
    display: inline-block;
    height: 40px;
    line-height: 36px;
}
ul.page-numbers li a:has(i) {
    border: none;
    width: auto;
}
ul.page-numbers i {
    line-height: 40px;
}

ul.page-numbers li a:hover {
    background-color: #f29600;
    color: white;
}

ul.page-numbers .disabled a {
    display: none;
}
ul.page-numbers li.skip span {
	border: none;
	color: #000;
	width: auto;
    background:none;
}
ul.page-numbers li.skip a {
	border: none;
	color: #000;
	width: auto;
}

ul.page-numbers li.before a,
ul.page-numbers li.after a{
	border: none;
	width: auto;
}

ul.page-numbers li:has(i) a:hover,
ul.page-numbers li:has(i) a:hover {
    background-color: initial;
    color: #ccc;
}
/*ページネーション*/
/*250814*/
body:has(.goukaku_h2_title) section.narrow .nrrw{position: relative;z-index: 2;}
.goukaku_h2_title{margin-top:-150px;padding-top:150px;margin-bottom: 0;}
.goukaku_h2_title span{margin-top: 20px;display: inline-block;}
.goukaku_area_link {
    background-color: #1d1182;
    color: #fff;
    padding: 0px 20px;
    font-size: 16px;
    width: fit-content;
    margin: 0 10px 0 auto;
    border-radius: calc(infinity * 1px);
    line-height: 1.8;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.goukaku_genre {
    background-color: #fff;
    color: #f29600;
    padding: 0px 20px;
    font-size: 16px;
    width: fit-content;
    border-radius: 0 0 0 0px;
    line-height: 1.8;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #f29600;
    border-bottom: 1px solid #f29600;}
body:has(.goukaku_genre) section.goukaku_ichiran .ichiran .ichiran_cnt p.school_name {padding: 30px 4px 0 80px;}
body:has(.goukakujisseki_area + .bg_gry) .bg_gry2.goukakujisseki_area{padding-bottom: 60px;}
section.goukaku_ichiran.goukaku_ichiran_add .ichiran .ichiran_cnt p.interview span{word-break: keep-all;}
@media (max-width: 1270px) {
.goukaku_h2_title{margin-top:-250px;padding-top:250px;margin-bottom: 0;}
}
@media (max-width: 833px) {
.goukaku_h2_title{margin-top:-50px;padding-top:50px;margin-bottom: 0;}
}
@media (max-width: 680px) {
.goukaku_genre {font-size: 14px;}
}

.bg_gry2.goukakujisseki_area{padding-top: 0;padding-bottom: 0;}
.bg_gry2.goukakujisseki_area:has(h2){padding-top: 60px;}
.bg_gry2.goukakujisseki_area h2{margin-bottom: 10px;}
.bg_gry2.goukakujisseki_area .goukaku_ichiran.goukaku_ichiran_add{margin-bottom: 0;}
.bg_gry2.goukakujisseki_area .goukakujisseki_area_lead{font-family: 'Noto Sans JP', sans-serif;font-size: 18px;}
section.goukaku_ichiran.goukaku_ichiran_add .swiper-wrapper{align-items: stretch !important;}
section.goukaku_ichiran.goukaku_ichiran_add .ichiran .ichiran_cnt{background-color: #fff;}
section.goukaku_ichiran .ichiran .ichiran_cnt.swiper-slide{width: 32.666% !important;margin: 30px 0.5%;height: auto !important;display: flex;flex-direction: column;box-sizing: border-box;}
section.goukaku_ichiran .ichiran.goukakujisseki_slide .comment{flex: 1 1 auto;display: flex;flex-direction: column;}
section.goukaku_ichiran .ichiran.goukakujisseki_slide .photo_dv{margin-bottom: 0;}
section.goukaku_ichiran .ichiran.goukakujisseki_slide p.interview{min-height: 1lh;}
section.goukaku_ichiran .ichiran.goukakujisseki_slide {padding-left:10px;}
.goukakujisseki_slide_wrap .swiper-button-prev{left: -50px;}
.goukakujisseki_slide_wrap .swiper-button-next{right: -60px;}
@media (max-width: 1190px) {
section.goukaku_ichiran .ichiran .ichiran_cnt.swiper-slide{width: 49.5% !important;}
.goukakujisseki_slide_wrap .swiper-button-prev{left: 24%;}
.goukakujisseki_slide_wrap .swiper-button-next{right: 23%;}
}
@media (max-width: 680px) {
section.goukaku_ichiran .ichiran .ichiran_cnt.swiper-slide {width: 85% !important;min-width: 280px;}
section.goukaku_ichiran .ichiran.goukakujisseki_slide {padding-left:0;}
.goukakujisseki_slide_wrap .swiper-button-prev{left: 10px;}
.goukakujisseki_slide_wrap .swiper-button-next{right: 10px;}
}
/*250814*/
/*250925*/
section.goukaku_ichiran .ichiran .ichiran_cnt.ichiran_cnt_top{
    height: auto !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;}
section.goukaku_ichiran .ichiran .ichiran_cnt.ichiran_cnt_top .comment{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
section.goukaku_ichiran.goukaku_ichiran_03 .ichiran{justify-content: center;}
section.goukaku_ichiran.goukaku_ichiran_03 .ichiran .ichiran_cnt .ichiran_cnt_ttl{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);}
section.course-jisseki-sec:has(.goukaku_ichiran_03) {
      margin-bottom: 90px;
}
@media (max-width: 833px) {
section.course-jisseki-sec:has(.goukaku_ichiran_03) {
      margin-bottom: 60px;
}
}
@media (max-width: 680px) {
section.goukaku_ichiran.goukaku_ichiran_03 .ichiran .ichiran_cnt + .ichiran_cnt{
    margin-top: 80px;
}
}

/*250925*/
/*251210*/
#goukaku_h2_title{margin-bottom: 0;}
.goukaku_h2{font-size: 1.6875rem;margin-bottom: 20px;}
@media (max-width: 833px) {
    .goukaku_h2 {
        font-size: 1.5rem;
    }
}
/*251210*/