@charset "UTF-8";
.c-pc {
    display: block;
}
.c-pc-in {
    display: inline;
}
.c-sp {
    display: none;
}
.c-sp-in {
    display: none;
}
.f_bold {
    font-weight: bold;
}
.f_pnk {
    font-weight: bold;
    color: #ed798d;
}
.f_ttl {
    display: inline-block;
    font-weight: bold;
    color: #ed798d;
    text-decoration: underline;
    text-align: center;
    width: 100%;
}
.f_big {
    font-size: 20px;
    font-weight: bold;
}
.f_line {
    text-decoration: underline;
}
.mv_warp {
    background: #fffbc6 url(img/mv_bg.png) center center / cover no-repeat;
}
.mv_ttl {
    width: 1100px;
    margin: 0 auto;
}
.mv_ttl img {
    display: block;
}
.cnt_warp {
    width: 1000px;
    margin: 0 auto;
}
.flx_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 35px;
}
.flx_warp:last-child {
    margin: 0;
}
.flx_warp.btm {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.flx_warp.cnt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flx_warp.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flx_warp.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.top_warp {
    padding: 60px 0;
    background: #fff;
}
.quiz_warp {
    padding: 60px 0;
    background: url(img/bg.png) repeat;
}
.dtl_warp {
    padding: 60px 0;
    background: #fff;
}
.dtl_warp.is-ver2 {
    background: #fffde2;
}
.dtl_warp:nth-child(2n) {
    background: #fffde2;
}
.dtl_mds {
    margin: 0 0 50px;
    text-align: center;
}
.dtl_ttl {
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    border-bottom: 3px solid #ed798d;
    color: #ed798d;
    padding: 0 0 8px;
}
.dtl_warp:nth-child(2n) .dtl_ttl {
    border-bottom: 3px solid #b8c840;
    color: #b8c840;
}
.dtl_txt {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 0;
}
.btm {
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.bln {
    border: 3px solid #bbc2ca;
    border-radius: 10px;
    font-size: 16px;
    padding: 20px 20px;
    width: 250px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
}
.bln:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.bln_lf .bln:before {
    right: 100%;
    border: 8px solid transparent;
    border-right: 8px solid #bbc2ca;
}
.bln_ri .bln:before {
    left: 100%;
    border: 8px solid transparent;
    border-left: 8px solid #bbc2ca;
}
.bln_lf.icn {
    padding-left: 100px;
}
.bln_ri.icn {
    padding-right: 100px;
}
.icn .bln:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
}
.bln_lf.icn .bln:after {
    left: -100px;
}
.bln_ri.icn .bln:after {
    right: -100px;
}
.icn.a1 .bln:after{
    background: url(img/icn_a1.png) no-repeat center left;
}
.icn.a2 .bln:after{
    background: url(img/icn_a2.png) no-repeat center left;
}
.icn.a3 .bln:after{
    background: url(img/icn_a3.png) no-repeat center left;
}
.icn.a4 .bln:after{
    background: url(img/icn_a4.png) no-repeat center left;
}
.icn.a5 .bln:after{
    background: url(img/icn_a5.png) no-repeat center left;
}
.icn.a6 .bln:after{
    background: url(img/icn_a6.png) no-repeat center left;
}
.icn.a7 .bln:after{
    background: url(img/icn_a7.png) no-repeat center left;
}
.icn.a8 .bln:after{
    background: url(img/icn_a8.png) no-repeat center left;
}
.icn.a9 .bln:after{
    background: url(img/icn_a9.png) no-repeat center left;
}
.icn.a10 .bln:after{
    background: url(img/icn_a10.png) no-repeat center left;
}
.icn.a11 .bln:after{
    background: url(img/icn_a11.png) no-repeat center left;
}
.icn.a12 .bln:after{
    background: url(img/icn_a12.png) no-repeat center left;
}
.icn.b1 .bln:after{
    background: url(img/icn_b1.png) no-repeat center right;
}
.icn.b2 .bln:after{
    background: url(img/icn_b2.png) no-repeat center right;
}
.icn.b3 .bln:after{
    background: url(img/icn_b3.png) no-repeat center right;
}
.icn.b4 .bln:after{
    background: url(img/icn_b4.png) no-repeat center right;
}
.icn.b5 .bln:after{
    background: url(img/icn_b5.png) no-repeat center right;
}
.icn.b6 .bln:after{
    background: url(img/icn_b6.png) no-repeat center right;
}
.icn.b7 .bln:after{
    background: url(img/icn_b7.png) no-repeat center right;
}
.icn.b8 .bln:after{
    background: url(img/icn_b8.png) no-repeat center right;
}
.icn.b9 .bln:after{
    background: url(img/icn_b9.png) no-repeat center right;
}
.icn.b10 .bln:after{
    background: url(img/icn_b10.png) no-repeat center right;
}
.icn.b11 .bln:after{
    background: url(img/icn_b11.png) no-repeat center right;
}
.icn.b12 .bln:after{
    background: url(img/icn_b12.png) no-repeat center right;
}
.icn.b13 .bln:after{
    background: url(img/icn_b13.png) no-repeat center right;
}
.flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.bln_img {
    padding: 0 20px;
}
.cnt_img {
    padding: 0 100px;
}
.quiz_box {
    padding: 64px 0 0;
}
.quiz_dtl {
    background: #fff;
    padding: 35px 60px;
    width: 600px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.quiz_dtl:before {
    content: '';
    display: block;
    width: 126px;
    height: 126px;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: -65px;
    transform: translateX(-50%);
    background:#fff url(img/icn_quiz.png) no-repeat top 20px center;
    border-radius: 50%;
}
.quiz_cnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 30px;
}
.quiz_cnt:last-child {
    margin: 0;
}
.quiz_cnt dt {
    font-size: 18px;
    font-weight: bold;
    color: #ed798d;
    margin: 0 20px 0 0;
}
.quiz_cnt:nth-child(2n) dt {
    color: #b8c840;
}
.quiz_cnt dd {
    font-size: 16px;
    font-weight: bold;
    border-left: 2px solid #ed798d;
    padding: 12px 0 12px 18px;
}
.quiz_cnt:nth-child(2n) dd {
    border-left: 2px solid #b8c840;
}
.quiz_txt {
    text-align: right;
    font-size: 10px;
    padding: 10px 0 0;
}
.cnt_txt {
    font-size: 10px;
}
.spc1 {
    margin: 0 0 30px;
}
.flx_warp.spc2:last-child {
    margin: -48px 0 0;
}
.spc3 {
    margin: 0 0 30px;
}
.spc3 .bln {
    width: 190px;
}
.flx_warp.spc4:last-child {
    margin: -110px 0 0;
}
@media (max-width: 896px) { 
    .c-pc {
        display: none;
    }
    .c-pc-in {
        display: none;
    }
    .c-sp {
        display: block;
    }
    .c-sp-in {
        display: inline;
    }
    .mv_warp {
        background: #fffbc6;
    }
    .mv_ttl {
        width: 100%;
    }
    .mv_ttl img {
        width: 100%;
        height: auto;
    }
    .cnt_warp {
        width: 100%;
    }
    .flx_warp {
        display: block;
    }
    .top_warp {
        padding: 35px 15px;
    }
    .quiz_warp {
        padding: 35px 15px;
    }
    .dtl_warp {
        padding: 35px 15px;
    }
    .dtl_mds {
        margin: 0 0 35px;
    }
    .dtl_ttl {
        font-size: 25px;
        padding: 0 0 6px;
    }
    .dtl_txt {
        font-size: 16px;
    }
    .bln {
        width: auto;
    }
    .bln_lf + .bln_ri,
    .bln_ri + .bln_lf {
        padding: 35px 0 0;
    }
    .bln_lf.icn {
        padding-left: 100px;
    }
    .bln_ri.icn {
        padding-right: 100px;
    }
    .icn .bln:after {
        width: 90px;
        height: 100px;
    }
    .bln_lf.icn .bln:after {
        left: -100px;
    }
    .bln_ri.icn .bln:after {
        right: -100px;
    }
    .icn.a1 .bln:after{
        background: url(img/sp/icn_a1.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a2 .bln:after{
        background: url(img/sp/icn_a2.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a3 .bln:after{
        background: url(img/sp/icn_a3.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a4 .bln:after{
        background: url(img/sp/icn_a4.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a5 .bln:after{
        background: url(img/sp/icn_a5.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a6 .bln:after{
        background: url(img/sp/icn_a6.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a7 .bln:after{
        background: url(img/sp/icn_a7.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a8 .bln:after{
        background: url(img/sp/icn_a8.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a9 .bln:after{
        background: url(img/sp/icn_a9.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a10 .bln:after{
        background: url(img/sp/icn_a10.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a11 .bln:after{
        background: url(img/sp/icn_a11.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.a12 .bln:after{
        background: url(img/sp/icn_a12.png) no-repeat center left;
        background-size: 86px auto;
    }
    .icn.b1 .bln:after{
        background: url(img/sp/icn_b1.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b2 .bln:after{
        background: url(img/sp/icn_b2.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b3 .bln:after{
        background: url(img/sp/icn_b3.png) no-repeat center right;
        background-size: 88px auto;
    }
    .icn.b4 .bln:after{
        background: url(img/sp/icn_b4.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b5 .bln:after{
        background: url(img/sp/icn_b5.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b6 .bln:after{
        background: url(img/sp/icn_b6.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b7 .bln:after{
        background: url(img/sp/icn_b7.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b8 .bln:after{
        background: url(img/sp/icn_b8.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b9 .bln:after{
        background: url(img/sp/icn_b9.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b10 .bln:after{
        background: url(img/sp/icn_b10.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b11 .bln:after{
        background: url(img/sp/icn_b11.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b12 .bln:after{
        background: url(img/sp/icn_b12.png) no-repeat center right;
        background-size: 86px auto;
    }
    .icn.b13 .bln:after{
        background: url(img/sp/icn_b13.png) no-repeat center right;
        background-size: 86px auto;
    }
    .top_img {
        text-align: center;
        padding: 35px 0;
    }
    .top_img img {
        width: 100%;
        height: auto;
    }
    .flx {
        display: block;
    }
    .bln_img {
        text-align: center;
        padding: 35px 0;
    }
    .bln_img.is-ver2 {
        padding: 0 0 35px;
    }
    .bln_img.is-ver2 img {
        width: 100%;
        height: auto;
    }
    .cnt_img {
        text-align: center;
        padding: 35px 0 0;
    }
    .cnt_img:only-child {
        padding: 0;
    }
    .cnt_img img {
        width: 100%;
        height: auto;
    }
    .quiz_box {
        padding: 75px 0 0;
    }
    .quiz_dtl {
        padding: 25px 20px;
        width: 100%;
    }
    .quiz_dtl:before {
        background:#fff url(img/sp/icn_quiz.png) no-repeat top 20px center;
        background-size: 56px auto;
    }
    .quiz_cnt {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 0 30px;
    }
    .quiz_cnt:last-child {
        margin: 0;
    }
    .quiz_cnt dt {
        margin: 0 15px 0 0;
    }
    .quiz_cnt dd {
        padding: 0 0 0 20px;
    }
    .quiz_txt {
        text-align: right;
        font-size: 10px;
        padding: 10px 0 0;
    }
    .flx_warp.spc2:last-child {
        margin: 0;
    }
    .spc3 {
        margin: 0;
    }
    .spc3 .bln {
        width: auto;
    }
    .flx_warp.spc4:last-child {
        margin: 0;
    }
    /*index*/
    body.index .mod-heading-level1 > .heading {
        font-size: 2.3rem;
    }
    body.index .mod-index.of-column-1 > .inner {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    body.index .mod-index > .inner > .column {
        border-bottom: none;
        padding-bottom: 15px;
        padding-top: 10px;
    }
    body.index .mod-index > .inner > .column + .column {
        padding-top: 10px;
    }
    body.index .mod-index.of-column-1 > .inner > .column {
        display: block;
        flex: 0;
        min-width: 48%;
        width: 48%;
    }
    body.index .mod-index > .inner > .column > .wrap {
        display: block;
    }
    body.index .mod-index > .inner > .column > .wrap > .media {
        width: 100%;
    }
    body.index .mod-index > .inner > .column > .wrap > .content {
        padding-left: 0;
        width: 100%;
        font-size: 1.4rem;
    }
}/*@media*/
@media (max-width: 374px) {
    .bln {
        font-size: 14px;
    }
}/*@media*/