@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@media (min-width:741px){
  #main {
    width: 100%;
  }
  .spb{
    width: 100%;
  }
  .breadcrumb {
    width: 960px;
    margin: 0 auto;
  }
  #contents {
    width: 100%;
  }
  #kv{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    background-repeat: repeat;
    position: relative;
    z-index: 0;
    padding-bottom: 82px;
  }
  #kv::before{
    position: absolute;
    content: "";
    width: 100%;
    max-width: 1440px;
    height: 100%;
    max-height: 471px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .kv__ttl{
    font-size: 2.6vw;
    font-weight: bold;
    color: #333333;
  }
  .kv__ttl-inner-wrap{
    padding: 7vw 0 120px 11vw;
    position: relative;
  }
  .kv__ttl-inner{
    display: block;
    background-color: rgb(255, 255, 255, 0.8);
    padding: 8px 0 0 18px;
  }
  .kv__ttl-inner:nth-of-type(1){
    width: 100%;
    max-width: 40vw;
  }
  .kv__ttl-inner:nth-of-type(2){
    width: 100%;
    max-width: 40vw;
    margin-top: 15px;
  }
  .kv__date{
    display: block;
    width: 130px;
    font-size: 16px;
    background-color: rgb(255, 255, 255, 0.8);
    padding-left: 18px;
  }
  .summary__txt{
    text-align: center;
    width: 100%;
    max-width: 840px;
    display: block;
    margin: 1em auto 0;
  }
  .nav__list{
    display: flex;
    width: 840px;
    margin: 60px auto 0;
    justify-content: space-evenly;
  }
  .nav__list-item{
    width: 260px;
    border: 3px solid #DAB655;
    border-radius: 4px;
    display: block;
    text-align: center;
    color: #333333;
    box-shadow: 4px 4px #DAB655;
    position: relative;
    font-size: 18px;
    font-weight: bold;
  }
  .nav__list-item a{
    display: block;
    padding: 17px 0 36px;
    color: inherit;
  }
  .nav__list-item:nth-of-type(1) a,
  .nav__list-item:nth-of-type(2) a{
    display: block;
    padding: 36px 0 36px;
    color: inherit;
  }
  .nav__list-item::before{
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 15px;
    transform: translateX(-50%);
  }
  .nav__list-item:hover{
    background-color: #86C4D7;
    border: 3px solid #86C4D7;
    box-shadow: 4px 4px #707070;
  }
  .nav__list-item a:hover{
    text-decoration: none;
  }
  .nav__list-item:hover::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow_hover.svg);
    bottom: 13px;
  }
  .h2-ttl{
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
  }
  .h2-ttl .h2-ttl--small{
    font-size: 20px;
    font-weight: 400;
    display: block;
  }
  .h2-ttl::before{
    position: absolute;
    content: "";
    width: 57px;
    height: 27px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/title_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -49px;
    left: 50%;
    transform: translateX(-50%);
  }
  .txt-lead{
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #333333;
    margin: 27.5px auto 0;
    width: 100%;
    max-width: 840px;
  }
  #what, #example, #point, #conclusion{
    padding: 108px 0 102px;
  }
  #what{
    background-color: #DAB655;
  }
  .what__ttl{
    border-bottom: #EDEDED 5px solid;
    width: 500px;
  }
  .what__txt.txt-lead,
  .point__txt.txt-lead,
  .conclusion__txt.txt-lead{
    text-align: left;
  }
  .what__img-wrap{
    margin: 40px auto 0;
    width: 100%;
    max-width: 840px;
    position: relative;
    z-index: 0;
  }
  .what__img-wrap::before{
    position: absolute;
    content: "";
    width: 403px;
    height: 180px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/what_img_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -75px;
    left: -398px;
  }
  .what__img-wrap::after{
    position: absolute;
    content: "";
    width: 395px;
    height: 190px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/what_img_after.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 210px;
    left: 800px;
    z-index: -1;
  }
  #example{
    position: relative;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    z-index: 10;
  }
  #example::before{
    position: absolute;
    content: "";
    width: 300px;
    height: 309px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_before.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
  }
  #example::after{
    position: absolute;
    content: "";
    width: 300px;
    height: 309px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_before.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
    z-index: -10;
  }
  .example__ttl{
    border-bottom: #DAB655 5px solid;
    width: 400px;
  }
  .example__ttl-h3{
    font-size: 24px;
    font-weight: bold;
    width: 840px;
    margin: 50px auto 0;
    position: relative;
    border-bottom: 1px solid #B5B5B5;
  }
  .example__ttl-h3.js-accordion:hover,
  .example__ttl-category.js-accordion:hover{
    cursor: pointer;
    cursor: hand;
    opacity: 0.8;
  }
  .example__ttl-h3:nth-of-type(2){
    font-size: 24px;
    font-weight: bold;
    width: 840px;
    margin: 50px auto 0;
    position: relative;
    border-bottom: none;
  }
  /* .example__ttl-h3:nth-of-type(2)::before{
    background-image: none;
  } */
  .example__ttl-h3::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
  }
  .example__ttl-h3.is-active::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_minus.svg);
  }
  .example__list{
    width: 840px;
    margin: 0px auto 0;
    background-color: #FFFFFF;
    position: relative;
    display: none;
  }
  .example__list.is-active{
    display: block;
  }
  .example__list:nth-of-type(1)::before,
  .example__list:nth-of-type(1)::after,
  .example__ttl-h3:nth-of-type(2)::before,
  .example__ttl-h3:nth-of-type(2)::after{
    position: absolute;
    content: "";
    width: 172px;
    height: 130px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_design.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .example__list:nth-of-type(1)::before{
    top: 100px;
    left: -450px;
  }
  .example__list:nth-of-type(1)::after{
    top: -100px;
    right: -253px;
  }
  .example__category-wrap {
    z-index: 1;
    position: relative;
  }
  .example__category-wrap .example__ttl-h3::before{
    background-image: none;
  }
  .example__category-wrap .example__list-item-txt{
    left: 0;
  }
  .example__list-item{
    position: relative;
  }
  .example__list-item::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 10px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .example__ttl-h3:nth-of-type(2)::before{
    top: 0px;
    left: -313px;
    transform: rotate(180deg);
  }
  .example__ttl-h3:nth-of-type(2)::after{
    top: -300px;
    right: -433px;
    transform: rotate(180deg);
  }
  .example__list-item a{
    display: flex;
    position: relative;
    color: inherit;
    padding: 15px 0 15px 0px;
    margin-left: 15px;
    border-bottom: #C9C9C9 1px solid;
  }
  .example__list-item-img {
    width: 80px;
  }
  .example__list-item-txt{
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
  }
  .example__ttl-category{
    width: 840px;
    margin: 0 auto;
    font-size: 24px;
    padding-top: 15px;
    padding-left: 12px;
    font-weight: 400;
    position: relative;
  }
  .example__ttl-category::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
  }
  .example__ttl-category.is-active::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_minus.svg);
  }
  #point{
    background-color: #C2E3ED;
    z-index: 0;
    position: relative;
  }
  .point__ttl{
    border-bottom: #FFFFFF 5px solid;
    width: 580px;
  }
  .point__box-wrap{
    width: 840px;
    margin: 0 auto;;
  }
  .point__box{
    position: relative;
    width: 100%;
    max-width: 705px;
    border: #F5E2AD 3px solid;
    background-color: #FFFFFF;
    margin-top: 135px;
  }
  .point__number{
    background-color: #6AB8D0;
    border: 4px solid #6AB8D0;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -44px;
    left: 40px;
  }
  .point__number--small{
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    display: block;
  }
  .point__number--big{
    font-weight: bold;
    font-size: 35px;
    display: block;
    line-height: 37px;
    font-family: 'Oswald', sans-serif;
  }
  .point__box-ttl{
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    border-left: 4px #6AB8D0 solid;
    margin: 30px 0 0 40px;
    padding-left: 8px;
  }
  .point__box-txt{
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 625px;
    margin: 17px auto;
  }
  .point__box-txt-inner{
    width: 625px;
    margin: 0px auto;
  }
  .point__box-txt .point__box-txt--color,
  .point__box-txt-inner .point__box-txt--color{
    color: #D61100;
    font-weight: bold;
  }
  .point__box-txt.point_note{
    font-size: 14px;
    padding-left: 18px;
    position: relative;
  }
  .point__box-txt.point_note::before{
    position: absolute;
    content: "※";
    width: 14px;
    height: 14px;
    left: 0px;
  }
  a.point__box-link{
    width: 625px;
    margin: 0px auto;
    color: #45A5C3;
    position: relative;
    display: block;
  }
  .point__box-link::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 390px;
    transform: translateY(-50%) rotate(180deg);
  }
  .point_02, .point_04{
    margin-left: 135px;
  }
  .point_01::before, .point_03::before, .point_05::before{
    position: absolute;
    content: "";
    width: 125px;
    height: 113px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    right: -135px;
  }
  .point_02::before, .point_04::before{
    position: absolute;
    content: "";
    width: 125px;
    height: 113px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -85px;
    left: -135px;
    z-index: -1;
  }
  .point__box-wrap .point_04::before{
    bottom: 0px;
  }
  .point_01::after{
    position: absolute;
    content: "";
    width: 189px;
    height: 128px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -55px;
    right: -144px;
    z-index: -1;
  }
  .point_02::after{
    position: absolute;
    content: "";
    width: 189px;
    height: 162px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: -150px;
    transform: rotate(180deg);
    z-index: -1;
  }
  .point_03::after, .point_05::after{
    position: absolute;
    content: "";
    width: 189px;
    height: 128px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -97px;
    right: -144px;
    z-index: -1;
  }
  .point__box.point_05::after{
    bottom: -97px;
    right: -157px;
  }
  .point_04::after{
    position: absolute;
    content: "";
    width: 189px;
    height: 128px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: -145px;
    transform: rotate(180deg);
    z-index: -1;
  }
  #conclusion{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    background-repeat: repeat;
  }
  .conclusion__ttl{
    border-bottom: #DAB655 5px solid;
    width: 156px;
  }
  .specialist__title {
    color: #171C61;
    font-weight: bold;
    font-family: serif;
  }
  .specialist__image {
    display: block;
  }
  .specialist__info-name--large {
    font-weight: bold;
  }
  .specialist__info-hr {
    border-top: 2px solid #144D9C;
  }
  .specialist__info-name,
  .specialist__info-degree {
    color: #144D9C;
  }
  .specialist__info-explanation,
  .content-text {
    color: #595757;
  }
  .specialist {
    padding: 20px 37px;
    width: 100%;
    max-width: 840px;
    margin: 40px auto 40px;
    background-color: rgb(112, 168, 202, 0.1);
  }
  .specialist__info {
    display: flex;
    flex-wrap: wrap;
  }
  .specialist__title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 15px;
  }
  .specialist__image {
    width: 96px;
    height: 96px;
    margin-right: 14px;
  }
  .specialist__text-info {
    width: 100%;
  }
  .specialist__info {
    margin-bottom: 20px;
  }
  .specialist__info-name--large {
    font-size: 24px;
    margin-right: 15px;
  }
  .specialist__info-name--large { font-size: 20px; }
  .specialist__info-degree { font-size: 16px; }
  .specialist__info-explanation { font-size: 16px; }
  .specialist__comment {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .pagetop{
    position: fixed;
  }
  .pagetop a img{
    width: 80px;
    height: 80px;
  }
  .quiz{
    width: 100%;
    max-width: 760px;
    margin: 150.7px auto 0;
  }
  .quiz__ttl{
    font-size: 28px;
    font-weight: 700;
    line-height: 35.2px;
    color: #333333;
    text-align: center;
  }
  .quiz__txt{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #333333;
    text-align: center;
    margin-top: 24px;
  }
  .quiz a{
    display: block;
    margin: 26px auto 0;
    width: 414.2px;
  }
  .quiz a:hover{
    opacity: 0.8;
  }
}
@media (max-width:740px){
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #main {
    width: 100%;
    padding: 0 0 16vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #sidebar{
    display: none;
  }
  .breadcrumb {
    width: 375px;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main-contents {
    background-color: #F4FCFF;
  }
  #kv{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    background-repeat: repeat;
    position: relative;
    z-index: 0;
    padding-top: 50px;
    padding-bottom: 82px;
  }
  #kv::before{
    position: absolute;
    content: "";
    width: 266px;
    height: 100%;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_sp_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 33px;
    left: -27px;
    z-index: -1;
  }
  .kv__ttl{
    font-size: 4vw;
    font-weight: bold;
    color: #333333;
  }
  .kv__ttl-inner-wrap{
    margin: 0 auto;
    width: 100%;
    max-width: 345px;
    background-color: rgb(255, 255, 255, 0.8);
    text-align: center;
  }
  .kv__ttl-inner{
    display: block;
    font-size: 35px;
  }
  .kv__ttl-inner:nth-of-type(1){
    width: 100%;
    position: relative;
  }
  .kv__ttl-inner:nth-of-type(1)::before{
    position: absolute;
    content: "";
    width: 288px;
    height: 97px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg_mosaic.svg);
    top: -50px;
    left: 72px;
    z-index: -1;
  }
  .kv__ttl-inner:nth-of-type(2){
    width: 100%;
    max-width: 247px;
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto;
    background-color: #D61100;
    color: #FFFFFF;
  }
  .kv__date{
    font-size: 16px;
  }
  .kv__img{
    width: 315px;
    margin: 70px auto 0;
    border-radius: 10px;
  }
  .kv__img-wrap{
    position: relative;
  }
  .kv__img-wrap::before{
    position: absolute;
    content: "";
    width: 218px;
    height: 218px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_img_before.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -27px;
    right: 0;
  }
  .kv__img-wrap::after{
    position: absolute;
    content: "";
    width: 175px;
    height: 4px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_img_after.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -20px;
    right: 0;
  }
  .summary{
    margin-top: 80px;
  }
  .summary__txt{
    width: 100%;
    max-width: 345px;
    display: block;
    margin: 0 auto;
  }
  .nav__list{
    display: flex;
    width: 375px;
    margin: 60px auto 0;
    justify-content: space-around;
  }
  .nav__list-item{
    width: 160px;
    border: 3px solid #DAB655;
    border-radius: 4px;
    display: block;
    text-align: center;
    color: #333333;
    box-shadow: 4px 4px #DAB655;
    position: relative;
    font-size: 15px;
    font-weight: bold;
  }
  .nav__list-item a{
    display: block;
    padding: 17px 0 36px;
    color: inherit;
  }
  .nav__list-item::before{
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 15px;
    transform: translateX(-50%);
  }
  .nav__list-item:hover{
    background-color: #86C4D7;
    border: 3px solid #86C4D7;
    box-shadow: 4px 4px #707070;
  }
  .nav__list-item a:hover{
    text-decoration: none;
  }
  .nav__list-item:hover::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow_hover.svg);
  }
  .h2-ttl{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
  }
  .h2-ttl .h2-ttl--small{
    font-size: 20px;
    font-weight: 400;
    display: block;
  }
  .h2-ttl::before{
    position: absolute;
    content: "";
    width: 57px;
    height: 27px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/title_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -49px;
    left: 50%;
    transform: translateX(-50%);
  }
  .txt-lead{
    font-size: 16px;
    line-height: 25.6px;
    font-weight: 300;
    color: #333333;
    margin: 27.5px auto 0;
    width: 100%;
    max-width: 345px;
    position: relative;
    z-index: 1;
  }
  #what, #example, #point{
    padding: 108px 0 120px;
  }
  #what{
    background-color: #DAB655;
    overflow: hidden;
  }
  .what__ttl{
    border-bottom: #EDEDED 5px solid;
    width: 297px;
  }
  .what__img-wrap{
    margin: 40px auto 0;
    width: 100%;
    max-width: 345px;
    position: relative;
    z-index: 0;
  }
  .what__img-wrap::before{
    position: absolute;
    content: "";
    width: 184px;
    height: 58px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/what_img_before_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: -350px;
    left: -95px;
  }
  .what__img-wrap::after{
    position: absolute;
    content: "";
    width: 176px;
    height: 71px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/what_img_after_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 182px;
    left: 215px;
    z-index: -1;
  }
  #example{
    position: relative;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    overflow: hidden;
    z-index: 10;
  }
  #example::before{
    position: absolute;
    content: "";
    width: 78px;
    height: 78px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_design.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 26px;
    right: -18px;
  }
  #example::after{
    position: absolute;
    content: "";
    width: 78px;
    height: 78px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_design.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 30px;
    left: -18px;
    z-index: -10;
  }
  .example__ttl{
    border-bottom: #DAB655 5px solid;
    width: 345px;
  }
  .example__ttl-h3{
    font-size: 22px;
    font-weight: bold;
    width: 345px;
    margin: 50px auto 0;
    position: relative;
    border-bottom: 1px solid #B5B5B5;
    padding: 0 0 13.5px 11.5px;
  }
  .example__ttl-h3:nth-of-type(2){
    font-size: 24px;
    font-weight: bold;
    width: 345px;
    margin: 50px auto 0;
    position: relative;
    border-bottom: none;
  }
  .example__ttl-h3:nth-of-type(2)::before{
    background-image: none;
  }
  .example__ttl-h3::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 30px;
    transform: translateY(-80%);
  }
  .example__ttl-h3.is-active::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_minus.svg);
  }
  .example__list{
    width: 345px;
    margin: 0px auto 0;
    background-color: #FFFFFF;
    position: relative;
    display: none;
  }
  .example__list.is-active{
    display: block;
  }
  .example__list-item a{
    display: flex;
    position: relative;
    color: inherit;
    padding: 15px 0 15px 0px;
    margin-left: 15px;
    border-bottom: #C9C9C9 1px solid;
  }
  .example__list-item-img {
    width: 70px;
  }
  .example__list-item{
    position: relative;
  }
  .example__list-item::before{
    position: absolute;
    content: "";
    width: 7px;
    height: 15px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .example__list-item-txt{
    position: absolute;
    top: 50%;
    left: 95px;
    transform: translateY(-50%);
    width: 190px;
    font-size: 12px;
  }
  /* .example__list-item-txt--number{
    position: absolute;
    left: -28px;
    text-align: right;
    width: 37px;
  } */
  .example__category-wrap {
    z-index: 1;
    position: relative;
  }
  .example__category-wrap .example__ttl-h3::before{
    background-image: none;
  }
  .example__category-wrap .example__list{
    position: relative;
    transform: translateY(0);
    top: 0;
    left: 0;
  }
  .example__category-wrap .example__list-item-txt{
    position: relative;
    transform: translateY(0);
    left: 20px;
    width: 290px;
  }
  .example__ttl-category{
    width: 345px;
    margin: 0 auto;
    font-size: 24px;
    padding-top: 15px;
    padding-left: 12px;
    font-weight: 400;
    position: relative;
    border-bottom: #B5B5B5 solid 1px;
  }
  .example__ttl-category::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
  }
  .example__ttl-category.is-active::before{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/list_minus.svg);
  }
  #point{
    background-color: #C2E3ED;
    z-index: 0;
    position: relative;
  }
  .point__ttl{
    border-bottom: #FFFFFF 5px solid;
    width: 310px;
  }
  .point__box-wrap{
    width: 345px;
    margin: 0 auto;;
  }
  .point__box{
    position: relative;
    width: 100%;
    max-width: 345px;
    border: #F5E2AD 3px solid;
    background-color: #FFFFFF;
    margin-top: 135px;
  }
  .point__number{
    background-color: #6AB8D0;
    border: 4px solid #6AB8D0;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -44px;
    left: 30px;
  }
  .point__number--small{
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    display: block;
  }
  .point__number--big{
    font-weight: bold;
    font-size: 35px;
    display: block;
    line-height: 37px;
    font-family: 'Oswald', sans-serif;
  }
  .point__box-ttl{
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    border-left: 4px #6AB8D0 solid;
    margin: 30px 0 0 15px;
    padding-left: 8px;
  }
  .point__box-txt{
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    width: 315px;
    margin: 17px auto;
  }
  .point__box-txt-inner{
    width: 315px;
    margin: 17px auto;
    border-bottom: 1px solid #B5B5B5;
  }
  .point__box-txt .point__box-txt--color,
  .point__box-txt-inner .point__box-txt--color{
    color: #D61100;
    font-weight: bold;
  }
  .point__box-txt.point_note{
    font-size: 14px;
    padding-left: 18px;
    position: relative;
  }
  .point__box-txt.point_note::before{
    position: absolute;
    content: "※";
    width: 14px;
    height: 14px;
    left: 0px;
  }
  a.point__box-link{
    width: 315px;
    margin: 0px auto;
    color: #45A5C3;
    position: relative;
    display: block;
  }
  .point__box-link::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/nav_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 80px;
    transform: translateY(-50%) rotate(180deg);
  }
  .point_01::before, .point_02::before, .point_04::before, 
  .point_03::before, .point_05::before{
    position: absolute;
    content: "";
    width: 125px;
    height: 113px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_dot.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: -44px;
    right: 35px;
    z-index: -1;
  }
  .point__box-wrap .point_04::before{
    bottom: 0px;
  }
  .point_01::after, .point_02::after, .point_04::after, .point_03::after, .point_05::after{
    position: absolute;
    content: "";
    width: 97px;
    height: 65px;
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/point_bg_after_sp.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -47px;
    left: 19px;
    z-index: -1;
  }
  #conclusion{
    background-image: url(/kyouiku/hyakuninisshu/_assets/img/kv_bg.png);
    background-repeat: repeat;
    padding: 108px 0 60px;
  }
  .conclusion__ttl{
    border-bottom: #DAB655 5px solid;
    width: 156px;
  }
  .specialist__title {
    color: #171C61;
    font-weight: bold;
    font-family: serif;
  }
  .specialist__image {
    display: block;
  }
  .specialist__info-name--large {
    font-weight: bold;
  }
  .specialist__info-hr {
    border-top: 2px solid #144D9C;
  }
  .specialist__info-name,
  .specialist__info-degree {
    color: #144D9C;
  }
  .specialist__info-explanation,
  .content-text {
    color: #595757;
  }
  .specialist {
    margin: 40px auto 40px;
    padding: 30px 16px 32px;
    background-color: rgb(112, 168, 202, 0.1);
    width: 347px;
    box-sizing: border-box;
  }
  .specialist__title {
    font-size: 16px;
    margin-bottom: 18px;
    text-align: center;
  }
  .specialist__image {
    width: 90px;
    height: 90px;
    margin: 0 auto 10px;
  }
  .specialist__info-name {
    position: relative;
    height: 40px;
  }
  .specialist__info-name--large {
    font-size: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: fit-content;
  }
  .specialist__info-name--small {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
  }
  .specialist__info-hr {
    margin-top: 0;
    margin-bottom: 8px;
  }
  .specialist__info-degree {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .specialist__info-explanation { font-size: 16px; }
  .specialist__comment {
    font-size: 16px;
  }
  .specialist__comment + .specialist__comment {
    margin-top: 16px;
  }
  .pagetop a img{
    width: 45px;
    height: 45px;
  }
  .quiz{
    width: 100%;
    max-width: 315px;
    margin: 105.3px auto 0;
  }
  .quiz__ttl{
    font-size: 24px;
    font-weight: bold;
    line-height: 31.2px;
    color: #333333;
    text-align: center;
  }
  .quiz__txt{
    font-size: 16px;
    font-weight: 300;
    line-height: 25.6px;
    color: #333333;
    text-align: left;
    margin-top: 16px;
  }
  .quiz a{
    display: block;
    margin: 26px auto 0;
    width: 315px;
  }
}