@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');


@media screen and (max-width: 1023px) {
    .pc {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .tablet {
        display: none !important;
    }
    .pc_tb{
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    .tablet {
        display: none !important;
    }

    .tb_sp {
        display: none !important;
    }

}

@media screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }
}


.topics_area {
    width: 100%;
    max-width: 1570px;
    margin: 0 auto 80px;
    text-align: center;
}

.toc {
  width: 372px;
  box-shadow: 0px 0px 1px 1px #e0e0e0 inset;
  display: inline-block;
  margin: 10px 0.5%;
  height: 160px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align:left;
  vertical-align: top;
}

.toc:hover {
box-shadow:0px 0px 20px 0px #e0e0e0 inset;
}

.toc .r-m{
  position:absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.area{
  padding: 20px;
}

time{
  font-weight: bold;
  color: #aaa;
  font-size: 14px;
}

.cttl{
  letter-spacing: .2em;
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  color: #EB6100;
}

.topi_ttl {
    font-size: 70px;
    /* margin-bottom: 30px; */
    text-align: center;
}

.topi_ttl a{
  width: 100px;
  padding: 5px 10px;
  background: #242431;
  color: #fff;
  font-size: 15px;
  display: block;
  margin: 30px auto 0;
  letter-spacing: 0.2em;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.topi_ttl a:hover{
  background: #4F4F5A;
}

.topi_sub_ttl{
  font-size: 24px;
  line-height: 1.4em;
  /* color: #EB5F00; */
  margin-bottom: 30px;  
}

.header_insta{
  /* left: 21vw; */
  /* position: absolute; */
  /* top: 20px; */
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.shrink .header_insta {
    /* position: absolute; */
    /* top: 5px; */
}

.shrink .header_insta img{
 width: 30px;
}

.header_icon{
margin-left: 20px;
}
.header_icon img{
 width: 34px;
}

@media (max-width: 1024px){

.header_insta {
  margin-left: 0;
  margin-top: 3px;
  position: absolute;
  right: 64px;
  left: auto;
  top: 10px;
}
.shrink .header_insta {
  margin-left: 0;
  margin-top: 3px;
  position: absolute;
  right: 64px;
  left: auto;
  top: 10px;
}

.shrink .header_insta img{
 width: 34px;
}

}

@media (max-width: 767px){

.header_insta,
.header_icon {display: none;}
.shrink .header_insta {
  margin-left: 0;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  left: auto;
  top: 60px;
}

.shrink .header_insta img{
 width: 34px;
}
.shrink .header_icon img{
 width: 34px;
}

.topics_area{
  margin: 0 auto 40px;
}

.toc {
  width: 95%;
  margin: 10px auto;
  display: block;
}

.topi_ttl {
    font-size: 35px;
    /* margin-bottom: 30px; */
    text-align: center;
}

.topi_sub_ttl{
  font-size: 18px;
  line-height: 1.4em;
  /* color: #EB5F00; */
  margin-bottom: 30px;  
}

}
.message_content>p:last-child {
    margin: 32px auto 16px;
    font-weight: 900;
    font-size: 3.4rem;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}

.message_content2>p:last-child {
    margin: 32px auto 60px;
    font-weight: 900;
    font-size: 2.3rem;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}

@media (max-width: 767px){
  .message_content>p:last-child {
      margin: 32px auto 16px;
      font-weight: 900;
      font-size: 2.3rem;
      text-align: center;
  }
}

@media (max-width: 767px){
  .message_content2>p:last-child {
      margin: 32px auto 16px;
      font-weight: 900;
      font-size: 1.6rem;
      text-align: left;
  }
}


/* p-message
-------------------------------------------------------------------------- */
.p-message {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .p-message {
    }
}

@media screen and (min-width: 768px) {
    .p-message__inner {
        width: 100%;
    }
}

.p-message__container {
    position: relative;
    z-index: 2;
    background-color: #242431;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .p-message__container {
        padding: 8vw 8vw 8vw 8vw;
    }
}

@media screen and (min-width: 768px) {
    .p-message__container {
        width: 100%;
        max-width: 690px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding: 100px 32px;
        margin-bottom: 560px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .p-message__container {
        margin-bottom: 450px;
    }
}

@media screen and (max-width: 767px) {
    .p-message__body {
        padding-top: 5.33vw;
    }
}

@media screen and (min-width: 768px) {
    .p-message__body {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .p-message__title {
        margin-top: 5.33vw;
        font-size: 40px;
        font-size: 5.33vw;
        line-height: 1.6;
    }
}

@media screen and (min-width: 768px) {
    .p-message__title {
        margin-top: 30px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6;
    }
}

.p-message__text {
    margin-bottom: 1.5em;
    margin-top: 35px;
}

.p-message__author {
    text-align: right;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .p-message__author {
        margin-top: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .p-message__visual {
        margin-top: 0vw;
        /* height: 55vw; */
        margin-bottom: 90px;
    }
    .p-message__visual img {
        height: auto;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .p-message__visual {
        height: 450px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .p-message__visual {
        margin-top: -5.33vw;
        margin-bottom: 90px;
    }
}

@media screen and (min-width: 1024px) {
    .p-message__visual {
        position: absolute;
        top: 280px;
        right: 0;
        width: 70%;
        height: 550px;
    }
}

@media screen and (min-width: 768px) {
    .p-message__image {
        width: 100%;
        height: 100%;
    }
}


@media screen and (max-width: 767px) {
    .c-inner {
        padding: 0vw 5.33vw 0vw 5.33vw;
    }
}

@media screen and (min-width: 768px) {
    .c-inner {
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* c-outset
-------------------------------------------------------------------------- */
.c-outset {
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
}


/* p-message2
-------------------------------------------------------------------------- */
.p-message2 {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .p-message2 {
    }
}

@media screen and (min-width: 768px) {
    .p-message2__inner {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

.p-message2__container {
    position: relative;
    z-index: 2;
    background-color: #EA5514;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .p-message2__container {
        padding: 8vw 8vw 8vw 8vw;
    }
}

@media screen and (min-width: 768px) {
    .p-message2__container {
        width: 100%;
        max-width: 690px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding: 100px 32px;
        margin-bottom: 560px;
    }

    .p-message2__container.last-mg {
        margin-bottom: 500px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .p-message2__container.last-mg {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .p-message2__body {
        padding-top: 5.33vw;
    }
}

@media screen and (min-width: 768px) {
    .p-message2__body {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .p-message2__title {
        margin-top: 5.33vw;
        font-size: 40px;
        font-size: 5.33vw;
        line-height: 1.6;
    }
}

@media screen and (min-width: 768px) {
    .p-message2__title {
        margin-top: 30px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6;
    }
}

.p-message2__text {
    margin-bottom: 1.5em;
}

.p-message2__author {
    text-align: right;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .p-message2__author {
        margin-top: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .p-message2__visual {
        /* margin-top: -6.67vw; */
        height: 55vw;
        margin-bottom: 90px;
    }
    .p-message2__visual img {
        /* height: 55vw; */
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .p-message2__visual {
        height: 450px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .p-message2__visual {
        margin-top: -5.33vw;
        margin-bottom: 90px;
    }
}

@media screen and (min-width: 1024px) {
    .p-message2__visual {
        position: absolute;
        top: 280px;
        left: 0;
        width: 70%;
        height: 550px;
    }
}

@media screen and (min-width: 768px) {
    .p-message2__image {
        width: 100%;
        height: 100%;
    }
}


@media screen and (max-width: 1023px) and (min-width: 768px) {
    .p-message__container {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .p-message2__container {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
}


/* p-intervew
-------------------------------------------------------------------------- */
.p-intervew {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .p-intervew {
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__inner {
        width: 100%;
        position: relative;
    }
}

.p-intervew__container {
    position: relative;
    z-index: 2;
    background-color: #242431;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .p-intervew__container {
        padding: 8vw 8vw 8vw 8vw;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__container {
        width: 100%;
        max-width: 570px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding: 32px;
        margin-bottom: 350px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .p-intervew__container {
        margin-bottom: 450px;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew__body {
        padding-top: 5.33vw;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__body {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew__title {
        margin-top: 5.33vw;
        font-size: 40px;
        font-size: 5.33vw;
        line-height: 1.6;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__title {
        margin-top: 30px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6;
    }
}

.p-intervew__text {
    margin-bottom: 1.5em;
    margin-top: 35px;
}

.p-intervew__author {
    text-align: right;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .p-intervew__author {
        margin-top: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew__visual {
        margin-top: 0;
        margin-bottom: 60px;
    }
    .p-intervew__visual img {
    width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__visual {
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .p-intervew__visual {
        margin-top: -2.33vw;
        margin-bottom: 90px;
    }
}

@media screen and (min-width: 1024px) {
    .p-intervew__visual {
        position: absolute;
        top: 40px;
        right: 0;
        width: 70%;
        height: 950px;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew__image {
        width: 100%;
        height: 100%;
    }
}




/* p-intervew2
-------------------------------------------------------------------------- */
.p-intervew2 {
    position: relative;
}

@media screen and (min-width: 1024px) {
    .p-intervew2 {
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__inner {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
        position: relative;
    }
}

@media screen and (max-width: 1024px) {
    .p-intervew2__inner {
        display: block;
    }
}


.p-intervew2__container {
    position: relative;
    z-index: 2;
    background-color: #242431;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .p-intervew2__container {
        padding: 8vw 8vw 8vw 8vw;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__container {
        width: 100%;
        max-width: 520px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding: 32px;
        margin-bottom: 90px;
    }

    .p-intervew2__container.last-mg {
        margin-bottom: 500px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .p-intervew2__container.last-mg {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew2__body {
        padding-top: 5.33vw;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__body {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew2__title {
        margin-top: 5.33vw;
        font-size: 40px;
        font-size: 5.33vw;
        line-height: 1.6;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__title {
        margin-top: 30px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6;
    }
}

.p-intervew2__text {
    margin-bottom: 1.5em;
    margin: 35px 0;
}

.p-intervew2__author {
    text-align: right;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .p-intervew2__author {
        margin-top: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .p-intervew2__visual {
        margin-top: 0;
        /* height: 55vw; */
        margin-bottom: 60px;
    }
    .p-intervew2__visual img {
        /* height: 55vw; */
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__visual {
        /* height: 450px; */
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .p-intervew2__visual {
        margin-top: -2.33vw;
        /* margin-bottom: 90px; */
    }
}

@media screen and (min-width: 1024px) {
    .p-intervew2__visual {
      position: absolute;
      top: 40px;
      left: 0;
      width: 70%;
      height: 950px;
    }
}

@media screen and (min-width: 768px) {
    .p-intervew2__image {
        width: 100%;
        height: 100%;
    }
}


@media screen and (max-width: 1023px) and (min-width: 768px) {
    .p-intervew__container {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .p-intervew2__container {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
}


@media screen and (max-width: 767px) {
    .p-message3__visual {
    }
    .p-message3__visual a{
      width: 25%;
    }
    .p-message3__visual img {
        height: 55vw;
        object-fit: cover;
        object-position: 50% 10%;
    }
}

@media screen and (min-width: 768px) {
    .p-message3__visual {
        height: 600px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .p-message3__visual {
    height: auto;
    }
}

.p-message3__visual{
  overflow:hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-message3__visual img{
  width:100%;
}

.p-message3__visual a:hover{
  opacity:0.8;
}


.p-message3__container {
    position: relative;
    z-index: 2;
    background-color: #242431;
    color: #fff;
}