@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;700&family=Oswald:wght@500&display=swap");
html {
  font-size: calc(10vw / 7.5);
  -webkit-font-smoothing: antialiased; }

body {
  color: #1C1C1C;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.8rem;
  line-height: 2;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

body.lock,
body.loading {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

@media screen and (min-width: 769px) {
  html {
    font-size: 10px; }

  body {
    font-size: 1.6rem;
    line-height: 1; } }
* {
  -webkit-tap-highlight-color: transparent; }

a {
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p, dt, dd, li {
  word-break: break-word;
  word-wrap: normal; }

img {
  max-width: 100%;
  vertical-align: top; }

.ib {
  display: inline-block;
  line-height: inherit;
  font-weight: inherit; }

.serif {
  font-family: 'Noto Serif JP', serif; }

.txtBold {
  font-weight: 700; }

.slide .item {
  opacity: 0;
  position: absolute;
  top: 0; }
  .slide .item:first-child {
    opacity: 1;
    position: relative; }
.slide.slick-initialized .item {
  opacity: 1;
  position: relative; }
.slide .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0; }
  .slide .slick-dots li {
    overflow: hidden;
    display: block;
    width: 100%; }
    .slide .slick-dots li button {
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box;
      display: block;
      cursor: pointer;
      width: 100%;
      height: 4px;
      text-indent: -9999em;
      background-color: #EDEDED;
      transition: background-color 0.2s ease-out; }
    .slide .slick-dots li button:hover, .slide .slick-dots li.slick-active button {
      background-color: #3699DF; }
.slide .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 74px;
  height: 74px;
  text-indent: -9999em;
  margin: auto;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box; }
  .slide .slick-arrow.slick-prev {
    right: 102%; }
  .slide .slick-arrow.slick-next {
    left: 102%; }
  .slide .slick-arrow img {
    display: block;
    width: 100%; }

@media screen and (min-width: 769px) {
  /* mover */
  .mover {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
    .mover:hover {
      opacity: 0.8; }

  .moverContent > * {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
  .moverContent:hover > * {
    opacity: 0.8; } }
.mode_pc,
.mode_pc_ib {
  display: none; }
  .mode_pc.important,
  .mode_pc_ib.important {
    display: none !important; }

.mode_sp {
  display: block; }
  .mode_sp.important {
    display: block !important; }

@media screen and (min-width: 769px) {
  .mode_pc {
    display: block; }
    .mode_pc.important {
      display: block !important; }

  .mode_pc_ib {
    display: inline-block; }
    .mode_pc_ib.important {
      display: inline-block !important; }

  .mode_sp {
    display: none; }
    .mode_sp.important {
      display: none !important; } }
@keyframes blur {
  0% {
    text-shadow: 0 0 50px #1C1C1C;
    opacity: 0; }
  33% {
    text-shadow: 0 0 20px #1C1C1C; }
  66% {
    opacity: 1; }
  100% {
    text-shadow: 0 0 0px #1C1C1C; } }
.wrapper {
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s; }
  .load_complete .wrapper {
    opacity: 1; }

.contentInner {
  position: relative;
  z-index: 2;
  width: calc(670 / 750 * 100%);
  margin: auto; }

.fadeContent {
  opacity: 0;
  transition: opacity 1.0s ease-out; }

.fadeContent.current {
  opacity: 1; }

@media screen and (min-width: 769px) {
  .wrapper {
    min-width: 1220px; }

  .contentInner {
    position: relative;
    width: auto;
    padding: 0 10px;
    box-sizing: border-box; } }
#mv {
  overflow: hidden;
  position: relative;
  padding: calc(1084 / 750 * 100%) 0 0 0; }
  #mv .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/brand/img/bg_mv.png) center center no-repeat;
    background-size: cover; }
    #mv .bg .movie {
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -50vw;
      right: -50vw;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      margin: auto;
      transition: opacity 2.0s ease-out 4.5s; }
  #mv .parts .parts01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: calc(464 / 750 * 100vw);
    background: url(/brand/img/top/bg_parts_sp01.png) left top no-repeat;
    background-size: contain;
    padding: calc(259 / 750 * 100vw) 0 0 0; }
  #mv .textWrap {
    color: #ffffff;
    font-size: 4.6rem;
    line-height: 1;
    text-align: center; }
    #mv .textWrap:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      width: 0;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.5);
      margin: auto;
      transition: all 2.0s ease-out 1.5s; }
    #mv .textWrap .textTop {
      overflow: hidden;
      position: absolute;
      bottom: 50%;
      left: 0;
      right: 0;
      z-index: 2; }
      #mv .textWrap .textTop p {
        opacity: 0;
        letter-spacing: 0.1em;
        margin: 0 0 0.75em 0;
        transform: translateY(100px);
        transition: all 2.0s ease-out 1.5s; }
    #mv .textWrap .textBottom {
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      z-index: 2; }
      #mv .textWrap .textBottom p {
        opacity: 0;
        letter-spacing: 0.1em;
        margin: 0.65em 0 0 0;
        transform: translateY(-100px);
        transition: all 2.0s ease-out 1.5s; }
  .load_complete #mv .bg .movie {
    opacity: 1; }
  .load_complete #mv .textWrap:before {
    width: 100%; }
  .load_complete #mv .textWrap .textTop p,
  .load_complete #mv .textWrap .textBottom p {
    opacity: 1;
    transform: translateY(0); }

@media screen and (min-width: 769px) {
  #mv {
    padding: calc(870 / 1440 * 100%) 0 0 0; }
    #mv .parts .parts01 {
      width: 502px;
      background: url(/brand/img/top/bg_parts01.png) left top no-repeat;
      background-size: contain;
      padding: 276px 0 0 0; }
    #mv .textWrap {
      font-size: 5rem;
      line-height: 1; }
      #mv .textWrap .textTop p {
        letter-spacing: 0.1em;
        margin: 0 0 0.62em 0; }
      #mv .textWrap .textBottom p {
        margin: 0.51em 0 0 0; } }
@media screen and (min-width: 1221px) {
  #mv .parts .parts01 {
    width: calc(593 / 1440 * 100vw);
    padding: calc(326 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  #mv .parts .parts01 {
    width: 593px;
    padding: 326px 0 0 0; } }
#missionArea .content {
  position: relative; }
#missionArea .copy {
  width: 2em;
  font-size: 15rem;
  line-height: 1;
  font-weight: 700;
  margin: calc(125 / 670 * 100%) auto 0 auto;
  padding: 0 0 0 calc(113 / 670 * 100%); }
  #missionArea .copy .text {
    writing-mode: vertical-rl; }
    #missionArea .copy .text span {
      color: transparent; }
      #missionArea .copy .text span.text1 {
        font-size: 8.7rem;
        line-height: 1;
        letter-spacing: 0.18em; }
      #missionArea .copy .text span.text2 {
        display: inline-block;
        height: 4.5em;
        letter-spacing: 0.11em;
        margin: 0.77em 0 0 0; }
        #missionArea .copy .text span.text2 .text2_1 {
          display: inline-block;
          transform: translateX(-0.1em); }
        #missionArea .copy .text span.text2 .text2_2 {
          display: inline-block;
          transform: translate(0.15em, 0.05em); }
        #missionArea .copy .text span.text2 .text2_3 {
          display: inline-block;
          transform: translate(-0.53em, 0.05em); }
        #missionArea .copy .text span.text2 .text2_4 {
          display: inline-block;
          transform: translate(-0.42em, 0); }
  #missionArea .copy.current .text span.text1 {
    animation: blur 1.5s ease-out forwards; }
  #missionArea .copy.current .text span.text2 .text2_1 {
    animation: blur 1.5s ease-out 0.4s forwards; }
  #missionArea .copy.current .text span.text2 .text2_2 {
    animation: blur 1.5s ease-out 0.8s forwards; }
  #missionArea .copy.current .text span.text2 .text2_3 {
    animation: blur 1.5s ease-out 1.2s forwards; }
  #missionArea .copy.current .text span.text2 .text2_4 {
    animation: blur 1.5s ease-out 1.6s forwards; }
#missionArea .textWrap {
  margin: calc(-102 / 670 * 100%) 0 calc(397 / 670 * 100%) 0; }
  #missionArea .textWrap .title {
    color: #3DB0F3;
    font-family: 'Oswald', sans-serif;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0 0 calc(36 / 670 * 100%) 0; }
  #missionArea .textWrap .intro {
    font-size: 5rem;
    line-height: 1.75;
    font-weight: 500;
    letter-spacing: 0.075em;
    margin: 0 0 calc(50 / 670 * 100%) 0; }
  #missionArea .textWrap .text {
    font-size: 2.8rem;
    line-height: 2;
    letter-spacing: 0.045em; }
#missionArea .parts .parts02 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(387 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp02.png) right top no-repeat;
  background-size: contain;
  margin: calc(-427 / 750 * 100vw) 0 0 0;
  padding: calc(584 / 750 * 100vw) 0 0 0; }
#missionArea .parts .parts03 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: calc(470 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp03.png) right bottom no-repeat;
  background-size: contain;
  margin: 0 0 calc(-335 / 750 * 100vw) 0;
  padding: calc(1110 / 750 * 100vw) 0 0 0; }

@media screen and (min-width: 769px) {
  #missionArea .content {
    position: relative; }
  #missionArea .contentInner {
    width: 1020px;
    margin: auto; }
  #missionArea .copy {
    position: absolute;
    top: 0;
    right: 0;
    width: 323px;
    font-size: 17.6rem;
    line-height: 1;
    margin: 150px 0 0 0;
    padding: 0; }
    #missionArea .copy .text span.text1 {
      font-size: 6rem;
      line-height: 1;
      letter-spacing: 0.18em; }
    #missionArea .copy .text span.text2 {
      display: inline-block;
      height: 4.5em;
      letter-spacing: 0.11em;
      margin: 0.77em 0 0 0; }
      #missionArea .copy .text span.text2 .text2_1 {
        transform: translateX(-0.1em); }
      #missionArea .copy .text span.text2 .text2_2 {
        transform: translate(0.15em, 0.05em); }
      #missionArea .copy .text span.text2 .text2_3 {
        transform: translate(-0.53em, 0.05em); }
      #missionArea .copy .text span.text2 .text2_4 {
        transform: translate(-0.42em, 0); }
  #missionArea .textWrap {
    width: 630px;
    margin: 0;
    padding: 163px 0 722px 0; }
    #missionArea .textWrap .title {
      font-size: 1.8rem;
      line-height: 1;
      margin: 0 0 23px 0; }
    #missionArea .textWrap .intro {
      font-size: 3.4rem;
      line-height: 1.76;
      margin: 0 0 39px 0; }
    #missionArea .textWrap .text {
      font-size: 1.6rem;
      line-height: 2; }
  #missionArea .parts .parts02 {
    width: 414px;
    background: url(/brand/img/top/bg_parts02.png) right top no-repeat;
    background-size: contain;
    margin: -347px 0 0 0;
    padding: 651px 0 0 0; }
  #missionArea .parts .parts03 {
    width: 486px;
    background: url(/brand/img/top/bg_parts03.png) right bottom no-repeat;
    background-size: contain;
    margin: 0 0 76px 0;
    padding: 1151px 0 0 0; }
  #missionArea .parts .parts04 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 287px;
    background: url(/brand/img/top/bg_parts04.png) right bottom no-repeat;
    background-size: contain;
    margin: 0 0 87px 0;
    padding: 524px 0 0 0; } }
@media screen and (min-width: 1221px) {
  #missionArea .parts .parts02 {
    width: calc(490 / 1440 * 100vw);
    margin: calc(-410 / 1440 * 100vw) 0 0 0;
    padding: calc(770 / 1440 * 100vw) 0 0 0; }
  #missionArea .parts .parts03 {
    width: calc(575 / 1440 * 100vw);
    margin: 0 0 calc(90 / 1440 * 100vw) 0;
    padding: calc(1360 / 1440 * 100vw) 0 0 0; }
  #missionArea .parts .parts04 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: calc(340 / 1440 * 100vw);
    margin: 0 0 calc(103 / 1440 * 100vw) 0;
    padding: calc(620 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  #missionArea .parts .parts02 {
    width: 490px;
    margin: -410px 0 0 0;
    padding: 770px 0 0 0; }
  #missionArea .parts .parts03 {
    width: 575px;
    margin: 0 0 90px 0;
    padding: 1360px 0 0 0; }
  #missionArea .parts .parts04 {
    width: 340px;
    margin: 0 0 103px 0;
    padding: 620px 0 0 0; } }
#identityArea .content {
  position: relative;
  z-index: 2; }
#identityArea .identityTitle {
  position: relative;
  z-index: 2;
  width: calc(690 / 750 * 100%);
  margin: 0 auto calc(40 / 750 * 100%) auto; }
  #identityArea .identityTitle .en {
    opacity: 0;
    font-size: 16.2rem;
    line-height: 0.9;
    transform: translateX(-30px);
    transition: all 1.5s ease-out; }
  #identityArea .identityTitle .jaWrap {
    opacity: 0;
    display: block;
    text-align: right;
    margin: 0.2em 0 0 0;
    transform: translateX(-30px);
    transition: all 1.5s ease-out 0.8s; }
    #identityArea .identityTitle .jaWrap .ja {
      display: inline-block;
      position: relative;
      font-size: 4rem;
      line-height: 1;
      letter-spacing: 0.03em; }
  #identityArea .identityTitle.current .en,
  #identityArea .identityTitle.current .jaWrap {
    opacity: 1;
    transform: translateX(0); }
#identityArea .imageWrap {
  overflow: hidden;
  position: relative;
  padding: calc(230 * 4 / 750 * 100%) 0 0 0; }
  #identityArea .imageWrap .image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(250 / 750 * 100%);
    background: url(/brand/img/top/img_mission01.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(230 / 750 * 100%) 0 0 0;
    transition: opacity 1s linear; }
    #identityArea .imageWrap .image.image01 {
      background-image: url(/brand/img/top/img_mission01.jpg);
      margin-left: calc(250 * 2 / 750 * 100%);
      padding: calc(230 * 2 / 750 * 100%) 0 0 0; }
    #identityArea .imageWrap .image.image02 {
      background-image: url(/brand/img/top/img_mission02.jpg); }
    #identityArea .imageWrap .image.image03 {
      background-image: url(/brand/img/top/img_mission03.jpg);
      margin-left: calc(250 / 750 * 100%); }
    #identityArea .imageWrap .image.image04 {
      background-image: url(/brand/img/top/img_mission04.jpg);
      margin-top: calc(230 / 750 * 100%); }
    #identityArea .imageWrap .image.image05 {
      background-image: url(/brand/img/top/img_mission05.jpg);
      margin-top: calc(230 * 2 / 750 * 100%); }
    #identityArea .imageWrap .image.image06 {
      background-image: url(/brand/img/top/img_mission06.jpg);
      margin-top: calc(230 * 2 / 750 * 100%);
      margin-left: calc(250 * 2 / 750 * 100%); }
    #identityArea .imageWrap .image.image07 {
      background-image: url(/brand/img/top/img_mission07.jpg);
      margin-top: calc(230 * 3 / 750 * 100%); }
    #identityArea .imageWrap .image.image08 {
      background-image: url(/brand/img/top/img_mission08.jpg);
      margin-top: calc(230 * 3 / 750 * 100%);
      margin-left: calc(250 / 750 * 100%); }
    #identityArea .imageWrap .image.image09 {
      background-image: url(/brand/img/top/img_mission09.jpg);
      margin-top: calc(230 * 2 / 750 * 100%);
      margin-left: calc(250 / 750 * 100%); }
    #identityArea .imageWrap .image.image10 {
      background-image: url(/brand/img/top/img_mission10.jpg);
      margin-top: calc(230 * 3 / 750 * 100%);
      margin-left: calc(250 * 2 / 750 * 100%); }
    #identityArea .imageWrap .image.name {
      opacity: 1;
      height: 0;
      text-indent: -9999em;
      background-image: url(/brand/img/top/img_mission_name.jpg);
      margin-top: calc(230 / 750 * 100%);
      margin-left: calc(250 / 750 * 100%);
      transition: none; }
    #identityArea .imageWrap .image.view2 {
      transition-delay: 0.1s; }
    #identityArea .imageWrap .image.view3 {
      transition-delay: 0.2s; }
    #identityArea .imageWrap .image.view4 {
      transition-delay: 0.3s; }
    #identityArea .imageWrap .image.view5 {
      transition-delay: 0.4s; }
    #identityArea .imageWrap .image.view6 {
      transition-delay: 0.5s; }
    #identityArea .imageWrap .image.view7 {
      transition-delay: 0.6s; }
    #identityArea .imageWrap .image.view8 {
      transition-delay: 0.7s; }
    #identityArea .imageWrap .image.view9 {
      transition-delay: 0.8s; }
    #identityArea .imageWrap .image.view10 {
      transition-delay: 0.9s; }
  #identityArea .imageWrap.current .image {
    opacity: 1; }
#identityArea .title {
  text-align: center; }
  #identityArea .title .ja {
    display: block;
    font-size: 3.6rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 calc(20 / 670 * 100%) 0; }
  #identityArea .title .en {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 10.2rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.1em; }
#identityArea .parts .parts05 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: calc(520 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp05.png) right top no-repeat;
  background-size: contain;
  margin: 0 0 calc(-458 / 750 * 100vw) 0;
  padding: calc(602 / 750 * 100vw) 0 0 0; }

@media screen and (min-width: 769px) {
  #identityArea .identityTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(1268 / 1440 * 100%);
    margin: 0 auto calc(80 / 1440 * 100%) auto; }
    #identityArea .identityTitle .en {
      font-size: 14rem;
      line-height: 1;
      letter-spacing: -0.006em;
      white-space: nowrap; }
    #identityArea .identityTitle .jaWrap {
      text-align: left;
      margin: 1.7em 0 0 0.4em;
      white-space: nowrap; }
      #identityArea .identityTitle .jaWrap .ja {
        font-size: 3.2rem;
        line-height: 1; }
  #identityArea .imageWrap {
    padding: calc(270 * 3 / 1440 * 100%) 0 0 0; }
    #identityArea .imageWrap .image {
      width: calc(360 / 1440 * 100%);
      padding: calc(270 / 1440 * 100%) 0 0 0; }
      #identityArea .imageWrap .image.image01 {
        margin-top: 0;
        margin-left: 0;
        padding: calc(270 * 2 / 1440 * 100%) 0 0 0; }
      #identityArea .imageWrap .image.image02 {
        margin-top: 0;
        margin-left: calc(360 / 1440 * 100%); }
      #identityArea .imageWrap .image.image03 {
        margin-top: 0;
        margin-left: calc(360 * 2 / 1440 * 100%); }
      #identityArea .imageWrap .image.image04 {
        margin-top: 0;
        margin-left: calc(360 * 3 / 1440 * 100%); }
      #identityArea .imageWrap .image.image05 {
        margin-top: calc(270 / 1440 * 100%);
        margin-left: calc(360 * 2 / 1440 * 100%); }
      #identityArea .imageWrap .image.image06 {
        margin-top: calc(270 / 1440 * 100%);
        margin-left: calc(360 * 3 / 1440 * 100%); }
      #identityArea .imageWrap .image.image07 {
        margin-top: calc(270 * 2 / 1440 * 100%);
        margin-left: 0; }
      #identityArea .imageWrap .image.image08 {
        margin-top: calc(270 * 2 / 1440 * 100%);
        margin-left: calc(360 / 1440 * 100%); }
      #identityArea .imageWrap .image.image09 {
        margin-top: calc(270 * 2 / 1440 * 100%);
        margin-left: calc(360 * 2 / 1440 * 100%); }
      #identityArea .imageWrap .image.image10 {
        margin-top: calc(270 * 2 / 1440 * 100%);
        margin-left: calc(360 * 3 / 1440 * 100%); }
      #identityArea .imageWrap .image.name {
        margin-top: calc(270 / 1440 * 100%);
        margin-left: calc(360 / 1440 * 100%); }
  #identityArea .title .ja {
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 10px 0; }
  #identityArea .title .en {
    font-size: 6rem;
    line-height: 1; }
  #identityArea .parts .parts05 {
    width: 567px;
    background: url(/brand/img/top/bg_parts05.png) left top no-repeat;
    background-size: contain;
    margin: 0 0 -338px 0;
    padding: 622px 0 0 0; } }
@media screen and (min-width: 1221px) {
  #identityArea .parts .parts05 {
    width: calc(670 / 1440 * 100vw);
    margin: 0 0 calc(-400 / 1440 * 100vw) 0;
    padding: calc(735 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1280px) {
  #identityArea .identityTitle .en {
    font-size: 15.1rem;
    line-height: 1; }
  #identityArea .identityTitle .jaWrap .ja {
    font-size: 3.6rem;
    line-height: 1; } }
@media screen and (min-width: 1441px) {
  #identityArea .parts .parts05 {
    width: 670px;
    margin: 0 0 -400px 0;
    padding: 735px 0 0 0; } }
#messageArea {
  color: #ffffff;
  text-align: center;
  background: url(/brand/img/top/bg_message_sp.jpg) center center no-repeat;
  background-size: cover; }
  #messageArea .title {
    margin: 0 0 calc(70 / 670 * 100%) 0;
    padding: calc(177 / 670 * 100%) 0 0 0; }
  #messageArea .intro {
    font-size: 4.2rem;
    line-height: 1.52;
    font-weight: 700;
    margin: 0 0 calc(37 / 670 * 100%) 0; }
  #messageArea .textWrap {
    padding: 0 0 calc(122 / 670 * 100%) 0; }
    #messageArea .textWrap .text {
      font-size: 3.6rem;
      line-height: 1.83;
      margin: 0 0 calc(37 / 670 * 100%) 0; }

@media screen and (min-width: 769px) {
  #messageArea {
    background: url(/brand/img/top/bg_message.jpg) center center no-repeat;
    background-size: cover; }
    #messageArea .title {
      margin: 0 0 40px 0;
      padding: 130px 0 0 0; }
    #messageArea .intro {
      font-size: 2.4rem;
      line-height: 1.83;
      margin: 0 0 17px 0; }
    #messageArea .textWrap {
      padding: 0 0 94px 0; }
      #messageArea .textWrap .text {
        font-size: 2rem;
        line-height: 2.4;
        margin: 0 0 22px 0; } }
#markArea {
  overflow: hidden;
  position: relative; }
  #markArea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(682 / 750 * 100vw);
    background: url(/brand/img/top/bg_mark.png) center center no-repeat;
    background-size: cover;
    margin: calc(7 / 750 * 100vw) 0 0 calc(70 / 750 * 100vw);
    padding: calc(807 / 750 * 100vw) 0 0 0; }
  #markArea .title {
    margin: 0 0 calc(52 / 670 * 100%) 0;
    padding: calc(177 / 670 * 100%) 0 0 0; }
    #markArea .title .en {
      color: #3699DF; }
  #markArea .image {
    width: calc(300 / 670 * 100%);
    margin: 0 auto calc(85 / 670 * 100%) auto; }
  #markArea .text {
    font-size: 3.6rem;
    line-height: 1.83;
    margin: 0 0 calc(166 / 670 * 100%) 0; }

@media screen and (min-width: 769px) {
  #markArea:before {
    left: 50%;
    width: 682px;
    margin: -85px 0 0 79px;
    padding: 807px 0 0 0; }
  #markArea .contentInner {
    max-width: 1000px; }
  #markArea .title {
    margin: 0 0 58px 0;
    padding: 131px 0 0 0; }
  #markArea .image {
    width: 300px;
    margin: 0 auto 43px auto; }
  #markArea .text {
    font-size: 2rem;
    line-height: 2;
    margin: 0 0 120px 0; } }
#colorArea {
  color: #ffffff;
  background: url(/brand/img/top/bg_color_sp.jpg) center center no-repeat;
  background-size: cover; }
  #colorArea .title {
    margin: 0 0 calc(46 / 670 * 100%) 0;
    padding: calc(177 / 670 * 100%) 0 0 0; }
  #colorArea .text {
    font-size: 3.6rem;
    line-height: 1.61;
    padding: 0 0 calc(304 / 670 * 100%) 0; }

@media screen and (min-width: 769px) {
  #colorArea {
    background: url(/brand/img/top/bg_color.jpg) center center no-repeat;
    background-size: cover; }
    #colorArea .contentInner {
      max-width: 1014px; }
    #colorArea .title {
      margin: 0 0 40px 0;
      padding: 130px 0 0 0; }
    #colorArea .text {
      font-size: 2rem;
      line-height: 2;
      padding: 0 0 246px 0; } }
#emblemArea {
  overflow: hidden;
  position: relative; }
  #emblemArea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(682 / 750 * 100vw);
    background: url(/brand/img/top/bg_emblem.jpg) center center no-repeat;
    background-size: cover;
    margin: calc(37 / 750 * 100vw) 0 0 calc(330 / 750 * 100vw);
    padding: calc(760 / 750 * 100vw) 0 0 0; }
  #emblemArea .title {
    margin: 0 0 calc(10 / 670 * 100%) 0;
    padding: calc(177 / 670 * 100%) 0 0 0; }
    #emblemArea .title .en {
      color: #3699DF; }
  #emblemArea .image {
    width: calc(355 / 670 * 100%);
    margin: 0 auto calc(15 / 670 * 100%) auto; }
  #emblemArea .text {
    font-size: 3.6rem;
    line-height: 1.61;
    margin: 0 0 calc(440 / 670 * 100%) 0; }

@media screen and (min-width: 769px) {
  #emblemArea:before {
    left: 50%;
    width: 682px;
    margin: 35px 0 0 109px;
    padding: 760px 0 0 0; }
  #emblemArea .contentInner {
    max-width: 1000px; }
  #emblemArea .title {
    margin: 0 0 33px 0;
    padding: 130px 0 0 0; }
  #emblemArea .image {
    width: 357px;
    margin: 0 auto 5px auto; }
  #emblemArea .text {
    font-size: 2rem;
    line-height: 2;
    margin: 0 0 250px 0; } }
#archivesArea .parts .parts06 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(250 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp06.png) right top no-repeat;
  background-size: contain;
  margin: calc(548 / 750 * 100vw) 0 0 0;
  padding: calc(370 / 750 * 100vw) 0 0 0; }
#archivesArea .content {
  position: relative;
  z-index: 10; }
#archivesArea .archivesTitle {
  position: relative;
  z-index: 2;
  margin: auto;
  padding: calc(366 / 750 * 100%) 0 0 0;
  writing-mode: vertical-rl; }
  #archivesArea .archivesTitle .text1 {
    opacity: 0;
    display: inline-block;
    font-size: 6.6rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.24em;
    margin: 0 0.8em 0 1.8em;
    padding: 0 0 0 0.5em;
    border-left: 3px solid #2250A2;
    transition: opacity 1.5s ease-out 0.2s; }
  #archivesArea .archivesTitle .text2 {
    display: block;
    height: 11em;
    font-size: 10rem;
    line-height: 1.75;
    font-weight: 700; }
    #archivesArea .archivesTitle .text2 .text2_1 {
      opacity: 0;
      display: inline-block;
      letter-spacing: 0.22em;
      padding: 0.4em 0 0 0;
      transform: translateY(-30px);
      transition: all 1s ease-out 0.5s; }
    #archivesArea .archivesTitle .text2 .text2_2 {
      opacity: 0;
      display: inline-block;
      letter-spacing: 0.18em;
      padding: 1.65em 0 0 0;
      transform: translateY(-30px);
      transition: all 1s ease-out 1s; }
  #archivesArea .archivesTitle.current .text1 {
    opacity: 1; }
  #archivesArea .archivesTitle.current .text2 .text2_1 {
    opacity: 1;
    transform: translateY(0); }
  #archivesArea .archivesTitle.current .text2 .text2_2 {
    opacity: 1;
    transform: translateY(0); }
#archivesArea .result {
  margin: 0 0 calc(135 / 750 * 100%) 0; }
  #archivesArea .result:last-of-type {
    margin-bottom: calc(70 / 750 * 100%); }
  #archivesArea .result .title {
    color: #2250A2;
    font-size: 5.4rem;
    line-height: 1.33;
    font-weight: 700;
    padding: calc(40 / 670 * 100%) 0 calc(52 / 670 * 100%) 0; }
  #archivesArea .result .keywords {
    margin: 0 0 calc(48 / 670 * 100%) 0; }
    #archivesArea .result .keywords .head {
      color: #9DB3C1;
      font-size: 2.6rem;
      line-height: 1;
      font-weight: 700;
      margin: 0 0 calc(25 / 670 * 100%) 0; }
    #archivesArea .result .keywords .cont .list {
      color: #3DB0F3;
      font-size: 2.6rem;
      line-height: 1.69;
      font-weight: 500; }
      #archivesArea .result .keywords .cont .list .item {
        display: inline-block; }
        #archivesArea .result .keywords .cont .list .item:after {
          content: "";
          display: inline-block;
          width: 1px;
          height: 1.7em;
          vertical-align: middle;
          margin: 0 2.1em 0 1.3em;
          border-left: 1px solid #3DB0F3;
          transform: rotate(33deg) translate(0.3em, -0.3em); }
        #archivesArea .result .keywords .cont .list .item:last-child:after {
          display: none; }
  #archivesArea .result .imageWrap {
    margin: 0 0 calc(35 / 670 * 100%) 0; }
    #archivesArea .result .imageWrap .category {
      display: block;
      position: relative;
      z-index: 2;
      width: calc(358 / 670 * 100%);
      margin: auto; }
    #archivesArea .result .imageWrap .image {
      margin: calc(-36 / 670 * 100%) 0 0 0; }
  #archivesArea .result .text {
    font-size: 2.8rem;
    line-height: 2.07;
    margin: 0 0 calc(21 / 670 * 100%) 0; }
#archivesArea .link {
  margin: 0 0 calc(135 / 750 * 100%) 0; }

@media screen and (min-width: 769px) {
  #archivesArea .parts .parts06 {
    width: 270px;
    background: url(/brand/img/top/bg_parts06.png) right top no-repeat;
    background-size: contain;
    margin: 317px 0 0 0;
    padding: 389px 0 0 0; }
  #archivesArea .archivesTitle {
    margin: 0 auto -46px auto;
    padding: 50px 0 0 0; }
    #archivesArea .archivesTitle .text1 {
      font-size: 6rem;
      line-height: 1;
      letter-spacing: 0.24em;
      margin: 0 0.5em 0 7em;
      padding: 0 0 0 0.6em;
      border-left: 6px solid #2250A2; }
    #archivesArea .archivesTitle .text2 {
      display: block;
      height: 11em;
      font-size: 9rem;
      line-height: 1.74;
      font-weight: 700; }
      #archivesArea .archivesTitle .text2 .text2_1 {
        display: inline-block;
        letter-spacing: 0.21em;
        padding: 0.8em 0 0 0; }
      #archivesArea .archivesTitle .text2 .text2_2 {
        display: inline-block;
        letter-spacing: 0.185em;
        padding: 2em 0 0 0; }
  #archivesArea .result {
    margin: 0 0 113px 0; }
    #archivesArea .result:last-of-type {
      margin-bottom: 50px; }
    #archivesArea .result .contentInner {
      width: 820px; }
    #archivesArea .result .wrap {
      display: flex;
      justify-content: space-between;
      margin: 0 0 40px 0; }
    #archivesArea .result .titleWrap {
      flex-basis: 420px; }
      #archivesArea .result .titleWrap .title {
        font-size: 2.4rem;
        line-height: 1.5;
        padding: 20px 0 22px 0; }
      #archivesArea .result .titleWrap .keywords {
        margin: 0 0 40px 0; }
        #archivesArea .result .titleWrap .keywords .head {
          font-size: 1.4rem;
          line-height: 1;
          margin: 0 0 13px 0; }
        #archivesArea .result .titleWrap .keywords .cont .list {
          font-size: 1.4rem;
          line-height: 1.5; }
    #archivesArea .result .imageWrap {
      position: relative;
      flex-basis: 360px;
      margin: 6px 0 0 0; }
      #archivesArea .result .imageWrap .category {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 179px;
        margin: 0 -124px -65px 0; }
      #archivesArea .result .imageWrap .image {
        width: 360px;
        margin: 0;
        transition-delay: 0.4s; }
    #archivesArea .result .text {
      font-size: 1.6rem;
      line-height: 2;
      margin: 0 0 calc(21 / 670 * 100%) 0; }
    #archivesArea .result .buttonArea {
      padding: 7px 0 0 0; }
  #archivesArea .link {
    margin: 0 0 113px 0; }
    #archivesArea .link .contentInner {
      width: 820px; } }
@media screen and (min-width: 1221px) {
  #archivesArea .parts .parts06 {
    width: calc(320 / 1440 * 100vw);
    margin: calc(375 / 1440 * 100vw) 0 0 0;
    padding: calc(460 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  #archivesArea .parts .parts06 {
    width: 320px;
    margin: 575px 0 0 0;
    padding: 460px 0 0 0; } }
#fixedBanner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: calc(589 / 750 * 100%);
  margin: auto; }
  #fixedBanner .closeButton {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(80 / 589 * 100%);
    margin: calc(-40 / 589 * 100%) calc(-40 / 589 * 100%) 0 0; }

@media screen and (min-width: 769px) {
  #fixedBanner {
    left: auto;
    z-index: 100;
    width: 388px;
    margin: 0 calc(60 / 1440 * 100%) calc(20 / 1440 * 100%) 0; }
    #fixedBanner .closeButton {
      width: 40px;
      margin: -14px -14px 0 0; } }
#archivesList .content {
  padding: 0 0 calc(15 / 750 * 100%) 0; }
#archivesList .parts .parts01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(464 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp01.png) left top no-repeat;
  background-size: contain;
  padding: calc(259 / 750 * 100vw) 0 0 0; }
#archivesList .titleWrap {
  text-align: right;
  padding: calc(191 / 750 * 100%) calc(30 / 750 * 100%) calc(50 / 750 * 100%) 0; }
  #archivesList .titleWrap .title {
    display: inline-block;
    font-size: 6.6rem;
    line-height: 1.74;
    font-weight: 700;
    letter-spacing: 0.15em;
    padding: 0 0 0.25em 0;
    border-bottom: 3px solid #2250A2; }
#archivesList .wrap {
  display: flex;
  flex-wrap: wrap; }
  #archivesList .wrap.current .block.archivesBlock {
    opacity: 1; }
  #archivesList .wrap .block {
    flex-basis: 50%;
    position: relative;
    color: #ffffff;
    padding: 50% 0 0 0; }
    #archivesList .wrap .block.wide {
      flex-basis: 100%; }
      #archivesList .wrap .block.wide .blockInner {
        padding: calc(25 / 750 * 100%) calc(30 / 750 * 100%); }
    #archivesList .wrap .block.archivesBlock {
      opacity: 0;
      transition: opacity 0.4s ease-out; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(0) {
        transition-delay: 0s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(1) {
        transition-delay: 0.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(2) {
        transition-delay: 0.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(3) {
        transition-delay: 0.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(4) {
        transition-delay: 0.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(5) {
        transition-delay: 1s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(6) {
        transition-delay: 1.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(7) {
        transition-delay: 1.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(8) {
        transition-delay: 1.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(9) {
        transition-delay: 1.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(10) {
        transition-delay: 2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(11) {
        transition-delay: 2.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(12) {
        transition-delay: 2.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(13) {
        transition-delay: 2.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(14) {
        transition-delay: 2.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(15) {
        transition-delay: 3s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(16) {
        transition-delay: 3.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(17) {
        transition-delay: 3.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(18) {
        transition-delay: 3.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(19) {
        transition-delay: 3.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(20) {
        transition-delay: 4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(21) {
        transition-delay: 4.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(22) {
        transition-delay: 4.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(23) {
        transition-delay: 4.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(24) {
        transition-delay: 4.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(25) {
        transition-delay: 5s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(26) {
        transition-delay: 5.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(27) {
        transition-delay: 5.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(28) {
        transition-delay: 5.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(29) {
        transition-delay: 5.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(30) {
        transition-delay: 6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(31) {
        transition-delay: 6.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(32) {
        transition-delay: 6.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(33) {
        transition-delay: 6.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(34) {
        transition-delay: 6.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(35) {
        transition-delay: 7s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(36) {
        transition-delay: 7.2s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(37) {
        transition-delay: 7.4s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(38) {
        transition-delay: 7.6s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(39) {
        transition-delay: 7.8s; }
      #archivesList .wrap .block.archivesBlock:nth-of-type(40) {
        transition-delay: 8s; }
    #archivesList .wrap .block .blockInner {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: calc(25 / 375 * 100%) calc(30 / 375 * 100%);
      box-sizing: border-box; }
      #archivesList .wrap .block .blockInner.title {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-image: url(/brand/img/archives/list/bg_category.jpg);
        padding: 0; }
    #archivesList .wrap .block .title .en {
      display: block;
      font-family: 'Oswald', sans-serif;
      font-size: 4.4rem;
      line-height: 1.14;
      font-weight: 500;
      padding: 0.3em 0; }
    #archivesList .wrap .block .title .ja {
      display: block;
      font-size: 2.6rem;
      line-height: 1.42;
      font-weight: 700; }
    #archivesList .wrap .block .archivesTitle {
      font-size: 3.4rem;
      line-height: 1.24;
      font-weight: 700;
      margin: 0 0 0.45em 0;
      text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6); }
    #archivesList .wrap .block .keywordList {
      font-size: 1.8rem;
      line-height: 1.56; }
      #archivesList .wrap .block .keywordList .item {
        display: inline;
        font-size: 1.8rem;
        line-height: 1.56;
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6); }
        #archivesList .wrap .block .keywordList .item:after {
          content: "";
          display: inline-block;
          width: 1px;
          height: 1.2em;
          vertical-align: middle;
          margin: 0 0.8em 0 0.4em;
          border-left: 1px solid #ffffff;
          transform: rotate(33deg) translate(0.3em, -0.3em); }
        #archivesList .wrap .block .keywordList .item:last-child:after {
          display: none; }
#archivesList .buttonArea {
  padding: calc(206 / 750 * 100%) 0 calc(112 / 750 * 100%) 0; }

@media screen and (min-width: 769px) {
  #archivesList .content {
    padding: 0 0 66px 0; }
  #archivesList .parts .parts01 {
    width: 594px;
    background: url(/brand/img/top/bg_parts01.png) left top no-repeat;
    background-size: contain;
    padding: 326px 0 0 0; }
  #archivesList .contentInner {
    max-width: 1060px; }
  #archivesList .titleWrap {
    padding: calc(197 / 1440 * 100%) calc(74 / 1440 * 100%) calc(60 / 1440 * 100%) 0; }
    #archivesList .titleWrap .title {
      border-bottom: 6px solid #2250A2; }
  #archivesList .wrap .block {
    flex-basis: 20%;
    padding: 20% 0 0 0; }
    #archivesList .wrap .block.wide {
      flex-basis: 40%; }
      #archivesList .wrap .block.wide .blockInner {
        display: flex;
        align-items: flex-end;
        padding: calc(23 / 576 * 100%) calc(29 / 576 * 100%); }
    #archivesList .wrap .block .blockInner {
      padding: calc(30 / 288 * 100%) calc(29 / 288 * 100%); }
      #archivesList .wrap .block .blockInner.title {
        padding: 0; }
    #archivesList .wrap .block .title .en {
      font-size: 2.6rem;
      line-height: 1.31;
      padding: 0; }
    #archivesList .wrap .block .title .ja {
      font-size: 2.2rem;
      line-height: 1.41;
      padding: 0.1em 0 0.3em 0; }
    #archivesList .wrap .block .archivesTitle {
      font-size: 2rem;
      line-height: 1.3;
      margin: 0 0 0.45em 0; }
    #archivesList .wrap .block .keywordList {
      font-size: 1.4rem;
      line-height: 1.71; }
      #archivesList .wrap .block .keywordList .item {
        font-size: 1.4rem;
        line-height: 1.71; }
        #archivesList .wrap .block .keywordList .item:after {
          height: 1.2em;
          margin: 0 0.8em 0 0.4em; }
  #archivesList .buttonArea {
    padding: calc(144 / 1440 * 100%) 0 calc(66 / 1440 * 100%) 0; } }
.resultArea#resultArea02 .content:before {
  background-image: url(/brand/img/archives/result02/bg_mv_sp.jpg); }
.resultArea#resultArea03 .content:before {
  background-image: url(/brand/img/archives/result03/bg_mv_sp.jpg); }
.resultArea#resultArea04 .content:before {
  background-image: url(/brand/img/archives/result04/bg_mv_sp.jpg); }
.resultArea#resultArea05 .content:before {
  background-image: url(/brand/img/archives/result05/bg_mv_sp.jpg); }
.resultArea#resultArea06 .content:before {
  background-image: url(/brand/img/archives/result06/bg_mv_sp.jpg); }
.resultArea#resultArea07 .content:before {
  background-image: url(/brand/img/archives/result07/bg_mv_sp.jpg); }
.resultArea#resultArea08 .content:before {
  background-image: url(/brand/img/archives/result08/bg_mv_sp.jpg); }
.resultArea#resultArea09 .content:before {
  background-image: url(/brand/img/archives/result09/bg_mv_sp.jpg); }
.resultArea#resultArea10 .content:before {
  background-image: url(/brand/img/archives/result10/bg_mv_sp.jpg); }
.resultArea#resultArea11 .content:before {
  background-image: url(/brand/img/archives/result11/bg_mv_sp.jpg); }
.resultArea#resultArea12 .content:before {
  background-image: url(/brand/img/archives/result12/bg_mv_sp.jpg); }
.resultArea#resultArea13 .content:before {
  background-image: url(/brand/img/archives/result13/bg_mv_sp.jpg); }
.resultArea#resultArea14 .content:before {
  background-image: url(/brand/img/archives/result14/bg_mv_sp.jpg); }
.resultArea#resultArea15 .content:before {
  background-image: url(/brand/img/archives/result15/bg_mv_sp.jpg); }
.resultArea#resultArea16 .content:before {
  background-image: url(/brand/img/archives/result16/bg_mv_sp.jpg); }
.resultArea#resultArea17 .content:before {
  background-image: url(/brand/img/archives/result17/bg_mv_sp.jpg); }
.resultArea#resultArea18 .content:before {
  background-image: url(/brand/img/archives/result18/bg_mv_sp.jpg); }
.resultArea#resultArea19 .content:before {
  background-image: url(/brand/img/archives/result19/bg_mv_sp.jpg); }
.resultArea#resultArea20 .content:before {
  background-image: url(/brand/img/archives/result20/bg_mv_sp.jpg); }
.resultArea .content {
  padding: 0 0 calc(15 / 750 * 100%) 0; }
  .resultArea .content:before {
    content: "";
    display: block;
    overflow: hidden;
    background: url(/brand/img/archives/result01/bg_mv_sp.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(400 / 750 * 100%) 0 0 0; }
.resultArea .parts .parts01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(464 / 750 * 100vw);
  background: url(/brand/img/top/bg_parts_sp01.png) left top no-repeat;
  background-size: contain;
  padding: calc(259 / 750 * 100vw) 0 0 0; }
.resultArea #firstContent {
  background-color: #F4F6FA;
  margin: 0 0 calc(86 / 750 * 100%) 0;
  padding: 0 0 calc(135 / 750 * 100%) 0; }
  .resultArea #firstContent .wrap {
    padding: calc(5 / 670 * 100%) 0 0 0; }
    .resultArea #firstContent .wrap .titleWrap .title {
      color: #2250A2;
      font-size: 5.4rem;
      line-height: 1.33;
      font-weight: 700;
      letter-spacing: 0.05em;
      padding: calc(40 / 670 * 100%) 0 calc(27 / 670 * 100%) 0; }
    .resultArea #firstContent .wrap .titleWrap .keywords {
      margin: 0 0 calc(35 / 670 * 100%) 0; }
      .resultArea #firstContent .wrap .titleWrap .keywords .head {
        color: #9DB3C1;
        font-size: 2.6rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 calc(25 / 670 * 100%) 0; }
      .resultArea #firstContent .wrap .titleWrap .keywords .cont .list {
        color: #3DB0F3;
        font-size: 2.6rem;
        line-height: 1.69;
        font-weight: 500; }
        .resultArea #firstContent .wrap .titleWrap .keywords .cont .list .item {
          display: inline-block; }
          .resultArea #firstContent .wrap .titleWrap .keywords .cont .list .item:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 1.7em;
            vertical-align: middle;
            margin: 0 2.1em 0 1.3em;
            border-left: 1px solid #3DB0F3;
            transform: rotate(33deg) translate(0.3em, -0.3em); }
          .resultArea #firstContent .wrap .titleWrap .keywords .cont .list .item:last-child:after {
            display: none; }
    .resultArea #firstContent .wrap .imageWrap {
      width: calc(358 / 670 * 100%);
      margin: 0 auto calc(48 / 670 * 100%) auto; }
      .resultArea #firstContent .wrap .imageWrap.small {
        width: calc(200 / 670 * 100%); }
  .resultArea #firstContent .text {
    font-size: 3rem;
    line-height: 1.93;
    letter-spacing: 0.05em;
    margin: 0; }
.resultArea .text {
  margin: 0 0 calc(65 / 670 * 100%) 0; }
.resultArea .image {
  margin: 0 0 calc(30 / 670 * 100%) 0; }
.resultArea .article {
  margin: 0 0 calc(119 / 670 * 100%) 0; }
  .resultArea .article .title {
    font-size: 4rem;
    line-height: 1.6;
    font-weight: 700;
    padding: calc(50 / 670 * 100%) 0 calc(45 / 670 * 100%) 0; }
    .resultArea .article .title:after {
      content: "";
      display: block;
      width: 2.5em;
      height: 1px;
      background-color: #2250A2;
      margin: calc(25 / 670 * 100%) 0 0 0; }
  .resultArea .article .text {
    font-size: 2.8rem;
    line-height: 2.07; }

@media screen and (min-width: 769px) {
  .resultArea#resultArea02 .content:before {
    background-image: url(/brand/img/archives/result02/bg_mv.jpg); }
  .resultArea#resultArea03 .content:before {
    background-image: url(/brand/img/archives/result03/bg_mv.jpg); }
  .resultArea#resultArea04 .content:before {
    background-image: url(/brand/img/archives/result04/bg_mv.jpg); }
  .resultArea#resultArea05 .content:before {
    background-image: url(/brand/img/archives/result05/bg_mv.jpg); }
  .resultArea#resultArea06 .content:before {
    background-image: url(/brand/img/archives/result06/bg_mv.jpg); }
  .resultArea#resultArea07 .content:before {
    background-image: url(/brand/img/archives/result07/bg_mv.jpg); }
  .resultArea#resultArea08 .content:before {
    background-image: url(/brand/img/archives/result08/bg_mv.jpg); }
  .resultArea#resultArea09 .content:before {
    background-image: url(/brand/img/archives/result09/bg_mv.jpg); }
  .resultArea#resultArea10 .content:before {
    background-image: url(/brand/img/archives/result10/bg_mv.jpg); }
  .resultArea#resultArea11 .content:before {
    background-image: url(/brand/img/archives/result11/bg_mv.jpg); }
  .resultArea#resultArea12 .content:before {
    background-image: url(/brand/img/archives/result12/bg_mv.jpg); }
  .resultArea#resultArea13 .content:before {
    background-image: url(/brand/img/archives/result13/bg_mv.jpg); }
  .resultArea#resultArea14 .content:before {
    background-image: url(/brand/img/archives/result14/bg_mv.jpg); }
  .resultArea#resultArea15 .content:before {
    background-image: url(/brand/img/archives/result15/bg_mv.jpg); }
  .resultArea#resultArea16 .content:before {
    background-image: url(/brand/img/archives/result16/bg_mv.jpg); }
  .resultArea#resultArea17 .content:before {
    background-image: url(/brand/img/archives/result17/bg_mv.jpg); }
  .resultArea#resultArea18 .content:before {
    background-image: url(/brand/img/archives/result18/bg_mv.jpg); }
  .resultArea#resultArea19 .content:before {
    background-image: url(/brand/img/archives/result19/bg_mv.jpg); }
  .resultArea#resultArea20 .content:before {
    background-image: url(/brand/img/archives/result20/bg_mv.jpg); }
  .resultArea .content {
    padding: 0 0 66px 0; }
    .resultArea .content:before {
      background: url(/brand/img/archives/result01/bg_mv.jpg) center center no-repeat;
      background-size: cover;
      padding: calc(500 / 1440 * 100%) 0 0 0; }
  .resultArea .parts .parts01 {
    width: 502px;
    background: url(/brand/img/top/bg_parts01.png) left top no-repeat;
    background-size: contain;
    padding: 276px 0 0 0; }
  .resultArea .contentInner {
    max-width: 1060px; }
  .resultArea .text {
    max-width: 800px;
    margin: 0 auto; }
  .resultArea .image {
    max-width: 800px;
    margin: 0 auto 73px auto; }
  .resultArea #firstContent {
    position: relative;
    margin: 0 0 41px 0;
    padding: 0 0 89px 0; }
    .resultArea #firstContent .wrap {
      max-width: 800px;
      margin: auto;
      padding: 0 0 50px 0; }
      .resultArea #firstContent .wrap .titleWrap .title {
        font-size: 5.4rem;
        line-height: 1.33;
        letter-spacing: 0.05em;
        padding: 0 0 29px 0; }
      .resultArea #firstContent .wrap .titleWrap .keywords {
        display: flex;
        margin: 0; }
        .resultArea #firstContent .wrap .titleWrap .keywords .head {
          min-width: 7em;
          font-size: 1.4rem;
          line-height: 1.5;
          margin: 0 20px 0 0; }
        .resultArea #firstContent .wrap .titleWrap .keywords .cont .list {
          font-size: 1.4rem;
          line-height: 1.5; }
      .resultArea #firstContent .wrap .imageWrap {
        position: absolute;
        right: 0;
        width: 179px;
        margin: -139px -1px 0 0; }
        .resultArea #firstContent .wrap .imageWrap.small {
          width: 179px; }
    .resultArea #firstContent .text {
      font-size: 1.8rem;
      line-height: 2.22;
      letter-spacing: 0.05em;
      margin: auto;
      padding: 54px 0 0 0; }
  .resultArea .article {
    margin: 0 0 86px 0; }
    .resultArea .article .title {
      max-width: 800px;
      font-size: 2.4rem;
      line-height: 1.58;
      letter-spacing: 0.05em;
      margin: auto;
      padding: 50px 0 32px 0; }
      .resultArea .article .title:after {
        width: 50px;
        height: 1px;
        margin: 18px 0 0 0; }
    .resultArea .article .text {
      font-size: 1.6rem;
      line-height: 2;
      margin-bottom: 73px; } }
@media screen and (min-width: 1221px) {
  .resultArea .parts .parts01 {
    width: calc(593 / 1440 * 100vw);
    padding: calc(326 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  .resultArea .parts .parts01 {
    width: 593px;
    padding: 326px 0 0 0; } }
#personalDataArea .content {
  position: relative;
  background-color: #F4F4F4;
  padding: 0 0 calc(138 / 670 * 100%) 0; }
#personalDataArea .title {
  color: #3699DF;
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  padding: calc(135 / 670 * 100%) 0 calc(56 / 670 * 100%) 0; }
#personalDataArea .row .head {
  font-size: 3rem;
  line-height: 1.8;
  font-weight: 700; }
#personalDataArea .row .cont {
  font-size: 3rem;
  line-height: 1.8; }
#personalDataArea .wrap .image {
  width: calc(380 / 670 * 100%);
  margin: 0 auto calc(58 / 670 * 100%) auto; }
#personalDataArea .wrap .textWrap .name {
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 0.1em 0; }
  #personalDataArea .wrap .textWrap .name .en {
    font-weight: 400; }
    #personalDataArea .wrap .textWrap .name .en:before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 1.4em;
      vertical-align: middle;
      margin: 0 2.1em 0 1.3em;
      border-left: 1px solid #1C1C1C;
      transform: rotate(29deg) translate(0.5em, -0.3em); }
#personalDataArea .wrap .textWrap .position {
  font-size: 3rem;
  line-height: 1.8; }
#personalDataArea .wrap .textWrap .row {
  margin: calc(30 / 670 * 100%) 0 0 0; }
  #personalDataArea .wrap .textWrap .row .head {
    display: inline-block;
    margin: 0 1em 0 0; }
  #personalDataArea .wrap .textWrap .row .cont {
    display: inline; }
#personalDataArea .lesson .row {
  margin: calc(30 / 670 * 100%) 0 0 0; }
  #personalDataArea .lesson .row .head {
    margin: 0 0 calc(10 / 670 * 100%) 0;
    padding: 0 0 calc(10 / 670 * 100%) 0;
    border-bottom: 1px solid #D0D0D0; }
#personalDataArea .box {
  background-color: #ffffff;
  margin: calc(55 / 670 * 100%) 0 0 0;
  padding: calc(35 / 670 * 100%) calc(50 / 670 * 100%); }
  #personalDataArea .box .row {
    margin: 0 0 calc(15 / 670 * 100%) 0; }
    #personalDataArea .box .row:last-child {
      margin: 0; }
    #personalDataArea .box .row .head .icon {
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      margin: 0 0.8em 0 0; }
      #personalDataArea .box .row .head .icon svg {
        width: 1em;
        height: 1em; }
        #personalDataArea .box .row .head .icon svg .cls-1 {
          fill: #2250A2; }

@media screen and (min-width: 769px) {
  #personalDataArea .content {
    padding: 0 0 120px 0; }
  #personalDataArea .parts .parts02 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 285px;
    background: url(/brand/img/archives/bg_parts08.png) right top no-repeat;
    background-size: contain;
    margin: -172px 0 0 0;
    padding: 523px 0 0 0; }
  #personalDataArea .contentInner {
    max-width: 1020px; }
  #personalDataArea .title {
    font-size: 4rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    padding: 90px 0 63px 0; }
  #personalDataArea .row .head {
    font-size: 1.8rem;
    line-height: 2; }
  #personalDataArea .row .cont {
    font-size: 1.8rem;
    line-height: 2; }
  #personalDataArea .wrap {
    display: flex;
    justify-content: space-between; }
    #personalDataArea .wrap .image {
      width: calc(210 / 1000 * 100%);
      margin: 0; }
    #personalDataArea .wrap .textWrap {
      width: calc(740 / 1000 * 100%); }
      #personalDataArea .wrap .textWrap .name {
        font-size: 2rem;
        line-height: 1;
        margin: 2px 0 0 0; }
        #personalDataArea .wrap .textWrap .name .en:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 1.4em;
          vertical-align: middle;
          margin: 0 2.1em 0 1.3em;
          border-left: 1px solid #1C1C1C;
          transform: rotate(29deg) translate(0.5em, -0.3em); }
      #personalDataArea .wrap .textWrap .position {
        font-size: 1.8rem;
        line-height: 2;
        margin: 0 0 22px 0; }
  #personalDataArea .lesson .row {
    margin: 40px 0 0 0; }
    #personalDataArea .lesson .row .head {
      margin: 0 0 19px 0;
      padding: 0 0 19px 0; }
  #personalDataArea .box {
    margin: 50px 0 0 0;
    padding: 40px 56px; }
    #personalDataArea .box .row {
      display: flex;
      margin: 0; }
      #personalDataArea .box .row .head {
        flex-shrink: 1;
        letter-spacing: 0.05em;
        margin: 0 1.5em 0 0; }
        #personalDataArea .box .row .head .icon {
          margin: 0 0.7em 0 0; }
      #personalDataArea .box .row .cont {
        flex-shrink: 10000; } }
@media screen and (min-width: 1221px) {
  #personalDataArea .parts .parts04 {
    width: calc(337 / 1440 * 100vw);
    margin: calc(-204 / 1440 * 100vw) 0 0 0;
    padding: calc(618 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  #personalDataArea .parts .parts04 {
    width: 337px;
    margin: -204px 0 0 0;
    padding: 618px 0 0 0; } }
#resultNav .content {
  padding: 0 0 calc(80 / 750 * 100%) 0; }
#resultNav .title {
  font-family: 'Oswald', sans-serif;
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  padding: calc(143 / 750 * 100%) 0 calc(60 / 750 * 100%) 0; }
  #resultNav .title .line {
    display: inline-block;
    padding: 0 0 1em 0;
    border-bottom: 3px solid #2250A2; }
#resultNav .slideWrap {
  width: calc(620 / 750 * 100%);
  margin: auto;
  padding: 0 0 calc(70 / 750 * 100%) 0; }
  #resultNav .slideWrap .slick-list {
    overflow: visible; }
  #resultNav .slideWrap .slick-dots {
    margin: calc(60 / 600 * 100%) 0 0 0; }
  #resultNav .slideWrap .box a {
    display: block;
    padding: 0 calc(20 / 620 * 100%); }
    #resultNav .slideWrap .box a .image {
      margin: 0 0 calc(15 / 280 * 100%) 0; }
    #resultNav .slideWrap .box a .textWrap .text {
      font-size: 3rem;
      line-height: 1.53;
      font-weight: 700;
      letter-spacing: 0.06em;
      margin: 0 0 calc(14 / 280 * 100%) 0; }
    #resultNav .slideWrap .box a .textWrap .keywordList {
      color: #3DB0F3;
      font-size: 2.6rem;
      line-height: 1.69;
      font-weight: 500; }
      #resultNav .slideWrap .box a .textWrap .keywordList .item {
        display: inline; }
        #resultNav .slideWrap .box a .textWrap .keywordList .item:after {
          content: "";
          display: inline-block;
          width: 1px;
          height: 1.7em;
          vertical-align: middle;
          margin: 0 0.8em 0 0.3em;
          border-left: 1px solid #3DB0F3;
          transform: rotate(33deg) translate(0.3em, -0.3em); }
        #resultNav .slideWrap .box a .textWrap .keywordList .item:last-child:after {
          display: none; }
#resultNav .buttonArea {
  padding: calc(100 / 750 * 100%) 0; }

@media screen and (min-width: 769px) {
  #resultNav .content {
    padding: 0; }
  #resultNav .title {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 0.06em;
    padding: 128px 0 58px 0; }
    #resultNav .title .line {
      padding: 0 0 1em 0;
      border-bottom: 4px solid #2250A2; }
  #resultNav .slideWrap {
    width: calc(1160 / 1440 * 100%);
    max-width: 960px;
    padding: 0 0 calc(64 / 1440 * 100%) 0; }
    #resultNav .slideWrap .slick-list {
      overflow: hidden; }
    #resultNav .slideWrap .slick-dots {
      margin: calc(60 / 960 * 100%) 0 0 0; }
    #resultNav .slideWrap .box a {
      padding: 0 calc(20 / 320 * 100%); }
      #resultNav .slideWrap .box a .image {
        margin: 0 0 calc(15 / 280 * 100%) 0; }
      #resultNav .slideWrap .box a .textWrap .text {
        font-size: 1.8rem;
        line-height: 1.39;
        margin: 0 0 calc(14 / 280 * 100%) 0; }
      #resultNav .slideWrap .box a .textWrap .keywordList {
        font-size: 1.4rem;
        line-height: 1.5; }
        #resultNav .slideWrap .box a .textWrap .keywordList .item:after {
          margin: 0 1.8em 0 1.1em; }
  #resultNav .buttonArea {
    padding: calc(55 / 1440 * 100%) 0 calc(179 / 1440 * 100%) 0; } }
.backHome .buttonArea {
  padding: calc(60 / 750 * 100%) 0 calc(360 / 750 * 100%) 0; }

@media screen and (min-width: 769px) {
  .backHome .buttonArea {
    padding: 148px 0 70px 0; } }
/*----------------------
 breadcrumb
----------------------*/
.breadcrumb .list {
  padding: calc(13 / 670 * 100%) calc(25 / 670 * 100%) calc(19 / 670 * 100%) calc(25 / 670 * 100%); }
  .breadcrumb .list .item {
    display: inline;
    font-size: 2.6rem;
    line-height: 1.73; }
    .breadcrumb .list .item > * {
      display: inline-block; }
    .breadcrumb .list .item:first-child:before {
      display: none; }
    .breadcrumb .list .item:before {
      content: ">";
      margin: 0 3px; }

@media screen and (min-width: 769px) {
  .breadcrumb .list {
    padding: calc(15 / 1440 * 100%) calc(60 / 1440 * 100%) calc(65 / 1440 * 100%) calc(60 / 1440 * 100%); }
    .breadcrumb .list .item {
      font-size: 1.2rem;
      line-height: 1.75; } }
#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200; }
  #header .contentInner {
    display: flex;
    align-items: center;
    width: 100%; }
  #header .logoArea {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: calc(20 / 750 * 100%) 0 0 calc(20 / 750 * 100%); }
    #header .logoArea .logo {
      width: calc(335 / 750 * 100vw);
      line-height: 1; }
    #header .logoArea .text {
      flex-basis: 100%;
      color: #ffffff;
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 700;
      margin: 0.5em 0 0 3em; }
  .home #header .logoArea {
    flex-wrap: nowrap; }
    .home #header .logoArea .text {
      flex-basis: auto;
      margin: 0 0 0 1em; }

@media screen and (min-width: 769px) {
  #header .logoArea {
    flex-wrap: nowrap;
    margin: calc(22 / 1440 * 100%) 0 0 calc(9 / 1440 * 100%); }
    #header .logoArea .logo {
      width: 247px; }
    #header .logoArea .text {
      flex-basis: auto;
      font-size: 1.6rem;
      line-height: 1;
      margin: 0 0 0 1em; } }
#footer {
  position: relative; }
  #footer:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: calc(140 / 750 * 100vw);
    background: url(/brand/img/top/bg_parts_sp07.png) right bottom no-repeat;
    background-size: contain;
    padding: calc(279 / 750 * 100vw) 0 0 0; }
  #footer .content {
    position: relative;
    z-index: 2;
    background-color: #3DB0F3;
    padding: calc(35 / 750 * 100%) 0; }
  #footer .link {
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 1;
    text-align: center;
    margin: 0 0 calc(30 / 750 * 100%) 0; }
  #footer .copyright {
    color: #ffffff;
    font-size: 2.4rem;
    line-height: 1.42;
    letter-spacing: 0.1em;
    text-align: center; }

@media screen and (min-width: 769px) {
  #footer:before {
    z-index: 3;
    width: 397px;
    background: url(/brand/img/top/bg_parts07.png) right bottom no-repeat;
    background-size: contain;
    padding: 396px 0 0 0; }
  #footer .content {
    padding: 44px 0; }
  #footer .link {
    font-size: 1.6rem;
    line-height: 1;
    margin: 0 0 30px 0; }
  #footer .copyright {
    font-size: 1.2rem;
    line-height: 1; } }
@media screen and (min-width: 1221px) {
  #footer:before {
    z-index: 3;
    width: calc(470 / 1440 * 100vw);
    padding: calc(350 / 1440 * 100vw) 0 0 0; } }
@media screen and (min-width: 1441px) {
  #footer:before {
    z-index: 3;
    width: 470px;
    padding: 350px 0 0 0; } }
/* layoutType01 */
.layoutType01 {
  margin: 0 0 calc(65 / 670 * 100%) 0; }
  .layoutType01 .image {
    margin: 0 0 calc(66 / 670 * 100%) 0; }

@media screen and (min-width: 769px) {
  .layoutType01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 69px 0; }
    .layoutType01 .image {
      flex-basis: calc(500 / 1040 * 100%);
      margin: 0; }
      .layoutType01 .image:nth-child(2) {
        margin: calc(70 / 1040 * 100%) 0 0 0; } }
/* layoutType02 */
@media screen and (min-width: 769px) {
  .layoutType02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 69px 0; }
    .layoutType02 .image {
      flex-basis: calc(500 / 1040 * 100%);
      margin: 0; }
    .layoutType02 .text {
      flex-basis: calc(379 / 1040 * 100%);
      margin-right: calc(121 / 1040 * 100%); } }
/* layoutType03 */
.layoutType03 figcaption {
  text-align: center;
  padding-top: 5px; }

@media screen and (min-width: 769px) {
  .layoutType03 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 69px 0; }
    .layoutType03 .text {
      flex-basis: calc(379 / 1040 * 100%);
      margin-left: calc(121 / 1040 * 100%); }
    .layoutType03 .image {
      flex-basis: calc(500 / 1040 * 100%);
      margin: 0; } }
.buttonType01 .button {
  display: block;
  width: calc(440 / 670 * 100%);
  color: #ffffff;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  background-color: #2250A2;
  margin: auto;
  padding: 1.4em 0;
  border-radius: 2em; }

@media screen and (min-width: 769px) {
  .buttonType01 .button {
    width: 240px;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 1;
    padding: 17px 0;
    border-radius: 25px; } }
.link {
  color: #2250A2;
  text-align: right;
  text-decoration: underline; }
  .link .icon:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(/brand/img/common/icon_arrow02_next.svg) right center no-repeat;
    background-size: contain;
    margin: auto 0 auto 0.5em; }