@charset "UTF-8";
@media screen and (min-width: 769px) {
  .header__main {
    background: -webkit-linear-gradient(351.59deg, #003B89 36.22%, #00113A 75.37%);
    background: -moz- oldlinear-gradient(351.59deg, #003B89 36.22%, #00113A 75.37%);
    background: linear-gradient(98.41deg, #003B89 36.22%, #00113A 75.37%);
  }
  .header__main--right a.mail {
    background: #FF7A01;
  }
  .pTop .fv {
    background: url("../img/mvBg.jpg") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
  .pTop .fv::after {
    display: none;
  }
  .pTop .fv__top {
    background: #F4FAFF;
  }
  .pTop .fv__top--main {
    max-width: 800px;
    width: 100%;
  }
  .pTop .fv__top--main dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 7px 0;
  }
  .pTop .fv__top--main dl dt {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #212121;
  }
  .pTop .fv__top--main dl dd {
    line-height: 0;
    width: 392.5px;
  }
  .pTop .fv__top--main dl dd img {
    width: 100%;
    height: auto;
  }
  .pTop .fv__main {
    max-width: 857px;
    position: relative;
    z-index: 3;
  }
  .pTop .fv__main picture img {
    width: 100%;
    margin-left: -57px;
  }
  .pTop .fv__bot {
    background: #FFFFFF;
    z-index: 2;
    margin-top: -16px;
  }
  .pTop .fv__bot--main {
    max-width: 800px;
    padding: 22px 0 8px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .pTop .fv__bot--main::after {
    position: absolute;
    content: "";
    width: 331px;
    height: 522px;
    background: url("../img/fvWoman.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .pTop .fv__bot--main figure img {
    width: 541px;
  }
  .pTop .study {
    background: #FFFFFF;
    padding: 79px 0 80px;
  }
  .pTop .study__main h2 {
    text-align: center;
    font-size: 40px;
    line-height: 1.3;
    font-family: var(--apm);
    position: relative;
    letter-spacing: -0.04em;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .pTop .study__main h2::after {
    position: absolute;
    content: attr(data-en);
    font-size: 60px;
    line-height: 1.3;
    font-weight: 500;
    font-family: var(--futura);
    color: #01257B;
    opacity: 0.1;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -39px;
    z-index: -1;
  }
  .pTop .study__main--list {
    counter-reset: ar;
    margin-top: 30px;
  }
  .pTop .study__main--list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0 41px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    counter-reset: sec;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .pTop .study__main--list article::before, .pTop .study__main--list article::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .pTop .study__main--list article::before {
    width: 100%;
    height: 100%;
    background: #E0F2FF;
    -moz-border-radius: 10px;
         border-radius: 10px;
    z-index: -2;
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.11);
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.11);
  }
  .pTop .study__main--list article::after {
    background: #fff;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    height: -webkit-calc(100% - 12px);
    height: -moz-calc(100% - 12px);
    height: calc(100% - 12px);
    -moz-border-radius: 10px;
         border-radius: 10px;
    -moz-box-shadow: none;
         box-shadow: none;
    z-index: -1;
  }
  .pTop .study__main--list article + article {
    margin-top: 19px;
  }
  .pTop .study__main--list article .arTop {
    width: 100%;
  }
  .pTop .study__main--list article .arTop .title {
    padding: 30px 30px 30px 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 100%;
    cursor: pointer;
  }
  .pTop .study__main--list article .arTop .title::before {
    content: "CASE" counter(ar);
    font-family: var(--apm);
    font-size: 34.72px;
    line-height: 45px;
    color: #01257B;
    letter-spacing: -0.04em;
    margin-right: 12.83px;
    white-space: nowrap;
  }
  .pTop .study__main--list article .arTop .title > em {
    font-style: normal;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 159.31px;
    height: 33.7px;
    color: #fff;
    background: #01257B;
    font-size: 16.31px;
    line-height: 23px;
    font-weight: 700;
    -moz-border-radius: 108.72px;
         border-radius: 108.72px;
    margin-right: 25.31px;
  }
  .pTop .study__main--list article .arTop .title > span {
    white-space: nowrap;
    font-size: 16.31px;
    line-height: 1.4;
    font-weight: 700;
    color: #01257B;
    margin-right: 7.39px;
  }
  .pTop .study__main--list article .arTop .title h3 {
    font-size: 21.74px;
    line-height: 1.4;
    font-weight: 700;
    color: #212121;
  }
  .pTop .study__main--list article .arTop .title i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
    height: 28px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #01267B;
    right: 0px;
  }
  .pTop .study__main--list article .arTop .title i::before, .pTop .study__main--list article .arTop .title i::after {
    position: absolute;
    content: "";
    width: 13px;
    height: 2px;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .pTop .study__main--list article .arTop .title i::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
       -moz-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
  .pTop .study__main--list article .arTop .intro {
    padding: 0 65px 20px 53px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #212121;
    width: 100%;
    display: none;
  }
  .pTop .study__main--list article section {
    width: 297px;
    -moz-border-radius: 8px;
         border-radius: 8px;
    -moz-box-shadow: 0 3.01px 11.27px rgba(0, 0, 0, 0.1);
         box-shadow: 0 3.01px 11.27px rgba(0, 0, 0, 0.1);
    padding: 11.52px 12px 10.82px;
    counter-increment: sec;
    display: none;
  }
  .pTop .study__main--list article section h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15.03px;
    line-height: 1.3;
    font-weight: 700;
    color: #01257B;
  }
  .pTop .study__main--list article section h4::before {
    content: counter(sec, decimal-leading-zero);
    font-size: 21.95px;
    line-height: 28px;
    font-family: var(--din);
    color: #01257B;
    margin-right: 6.48px;
  }
  .pTop .study__main--list article section figure {
    margin-top: 2px;
  }
  .pTop .study__main--list article section p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #000;
    margin-top: 15.5px;
  }
  .pTop .study__main--list article .note {
    padding: 25px 53px 45px 91px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #212121;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    display: none;
  }
  .pTop .study__main--list article .note::before {
    content: '結果';
    width: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    color: #fff;
    font-size: 16.31px;
    line-height: 46px;
    font-weight: 700;
    background: #01257B;
    -moz-border-radius: 108px;
         border-radius: 108px;
    position: absolute;
    height: -webkit-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: calc(100% - 70px);
    left: 53px;
    top: 25px;
  }
  .pTop .study__main--list article.open {
    padding-top: 20px;
  }
  .pTop .study__main--list article.open::before {
    -moz-border-radius: 0px;
         border-radius: 0px;
    -moz-box-shadow: none;
         box-shadow: none;
  }
  .pTop .study__main--list article.open::after {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    -moz-box-shadow: 0 3.77px 14.13px rgba(0, 0, 0, 0.1);
         box-shadow: 0 3.77px 14.13px rgba(0, 0, 0, 0.1);
  }
  .pTop .study__main--list article.open .arTop .title i::after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
       -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
}

@media screen and (max-width: 768px) {
  .header__main {
    background: #fff;
  }
  .header__main .slogan {
    color: #191919;
  }
  .header__main--right a.tel {
    background-color: #01257B;
  }
  .header__main--right a.mail {
    background-color: #FF7A01;
  }
  .pTop .study {
    background: #FFFFFF;
    padding: 19.08213vw 0 19.32367vw;
  }
  .pTop .study__main h2 {
    text-align: center;
    font-size: 7.72947vw;
    line-height: 1.3;
    font-family: var(--apm);
    position: relative;
    letter-spacing: -0.04em;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .pTop .study__main h2::after {
    position: absolute;
    content: attr(data-en);
    font-size: 14.49275vw;
    line-height: 1.3;
    font-weight: 500;
    font-family: var(--futura);
    color: #01257B;
    opacity: 0.1;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -9.42029vw;
    z-index: -1;
    white-space: nowrap;
  }
  .pTop .study__main--list {
    counter-reset: ar;
    margin-top: 4.83092vw;
  }
  .pTop .study__main--list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 2.41546vw 0vw 7.97101vw 0vw;
    counter-reset: sec;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #E0F2FF;
  }
  .pTop .study__main--list article .slick-list {
    padding-top: 2.41546vw !important;
    padding-bottom: 2.41546vw !important;
  }
  .pTop .study__main--list article .slick-track, .pTop .study__main--list article .slick-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .pTop .study__main--list article .slick-track::before, .pTop .study__main--list article .slick-track::after, .pTop .study__main--list article .slick-list::before, .pTop .study__main--list article .slick-list::after {
    display: none;
  }
  .pTop .study__main--list article .slick-arrow {
    position: absolute;
    width: 8.45411vw;
    height: 8.45411vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    top: -webkit-calc(50% - 2.77778vw);
    top: -moz-calc(50% - 2.77778vw);
    top: calc(50% - 2.77778vw);
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 4;
  }
  .pTop .study__main--list article .slick-prev {
    background: url("../img/studyLeft.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
  }
  .pTop .study__main--list article .slick-next {
    background: url("../img/studyRight.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: 0;
  }
  .pTop .study__main--list article .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3.1401vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pTop .study__main--list article .slick-dots li {
    width: 3.38164vw;
    height: 3.38164vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    line-height: 0;
    margin: 0 3.62319vw;
  }
  .pTop .study__main--list article .slick-dots li button {
    border: 0;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-box-shadow: none;
         box-shadow: none;
    background: #FFFFFF;
    text-indent: -9999px;
    overflow: hidden;
  }
  .pTop .study__main--list article .slick-dots li.slick-active button {
    background: #01257B;
  }
  .pTop .study__main--list article + article {
    margin-top: 4.83092vw;
  }
  .pTop .study__main--list article .arTop {
    width: 87.43961vw;
    margin: 0 1.3285vw;
    height: auto;
    background: #fff;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    padding: 4.83092vw 7.24638vw;
    -moz-box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
         box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
  }
  .pTop .study__main--list article .arTop .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 100%;
  }
  .pTop .study__main--list article .arTop .title::before {
    content: "CASE" counter(ar);
    font-family: var(--apm);
    font-size: 7.28261vw;
    line-height: 9.47101vw;
    color: #01257B;
    letter-spacing: -0.04em;
    margin-right: 2.657vw;
    white-space: nowrap;
  }
  .pTop .study__main--list article .arTop .title > em {
    font-style: normal;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 33.00242vw;
    height: 7.05556vw;
    color: #fff;
    background: #01257B;
    font-size: 3.41304vw;
    line-height: 5.55556vw;
    font-weight: 700;
    -moz-border-radius: 22.76087vw;
         border-radius: 22.76087vw;
  }
  .pTop .study__main--list article .arTop .title > span {
    white-space: nowrap;
    font-size: 3.41304vw;
    line-height: 1.4;
    font-weight: 700;
    color: #01257B;
    display: block;
    width: 100%;
    margin-top: 3.62319vw;
  }
  .pTop .study__main--list article .arTop .title h3 {
    display: block;
    width: 100%;
    margin-top: 0.87681vw;
    font-size: 4.55314vw;
    line-height: 1.4;
    font-weight: 700;
    color: #212121;
  }
  .pTop .study__main--list article .arTop .title i {
    display: none;
  }
  .pTop .study__main--list article .arTop .intro {
    font-size: 3.38164vw;
    line-height: 1.4;
    font-weight: 400;
    color: #212121;
    width: 100%;
    margin-top: 3.71256vw;
  }
  .pTop .study__main--list article section {
    width: 87.43961vw;
    margin: 0 1.3285vw;
    background: #fff;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    padding: 3.38164vw 3.38164vw 4.34783vw;
    counter-increment: sec;
    -moz-box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
         box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
    height: auto;
  }
  .pTop .study__main--list article section h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 4.55314vw;
    line-height: 1.3;
    font-weight: 700;
    color: #01257B;
  }
  .pTop .study__main--list article section h4::before {
    content: counter(sec, decimal-leading-zero);
    font-size: 6.64734vw;
    line-height: 8.45411vw;
    font-family: var(--din);
    color: #01257B;
    margin-right: 1.56522vw;
  }
  .pTop .study__main--list article section figure {
    margin-top: 0.61836vw;
  }
  .pTop .study__main--list article section p {
    font-size: 3.18599vw;
    line-height: 1.7;
    font-weight: 400;
    color: #000;
    margin-top: 4.55314vw;
  }
  .pTop .study__main--list article .note {
    width: 87.43961vw;
    margin: 0 1.3285vw;
    padding: 16.90821vw 7.24638vw;
    height: auto;
    font-size: 3.38164vw;
    line-height: 1.4;
    font-weight: 400;
    color: #212121;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #fff;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    -moz-box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
         box-shadow: 0 0.91063vw 3.41304vw rgba(0, 0, 0, 0.1);
  }
  .pTop .study__main--list article .note::before {
    content: '結果';
    width: 18.8913vw;
    height: 7.05556vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: 3.41304vw;
    line-height: 4.83092vw;
    font-weight: 700;
    background: #01257B;
    -moz-border-radius: 26.08696vw;
         border-radius: 26.08696vw;
    position: absolute;
    top: 4.83092vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}