@charset "UTF-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}li {list-style:none;}

/* CSS Document */
html {
    font-size: 62.5%;
    font-weight: 500;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
	list-style: none;
}
body {
    width: 100%;
    max-width: 100%;
    font-size: 1rem; /*10px*/
    line-height: 1.5;
    letter-spacing: .1em;
    color: #323232;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    background-color: #fff;
    position: relative;
}
.dispNon--pc, .dispNon--pctab, .dispNon--pcsp  {display: none;}
.dispNon--tab, .dispNon--sp, .dispNon--tabsp {display: block;}
a {
    text-decoration: none;
    color: #000;
    display: block;
}
a, img {
    width: 100%;
    display: block;
    vertical-align: bottom;
    transition: all 0.5s ease;
}
a:hover, a:hover img {
    transition: all 0.5s ease;
}
.posi--center {
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%); 
}
.fadeIn {
  transition-delay: .6s;
  transition: all .7s ease;
}
.fadeUp {
  transition-delay: .3s;
  transition: all .7s ease;
}
.fadeLeft,
.fadeRight {
  transition-delay: .3s;
  transition: all .7s ease;
}
.txtalign__r {
    text-align: right;
}
.txtalign__l {
    text-align: left;
}
.txtalign__j {
    text-align: justify;
}
.inner {
    width: 900px;
    margin: 0 auto;
    position: relative;
}
.flex {
    display: flex;
}
.font-kaku {
    font-family: "Zen Kaku Gothic New", sans-serif;
}

/* header */
.header {
    width: 100%;
    position: relative;
    z-index: 100;
}
.header__companyname {
    width: 182px;
    position: fixed;
    top: 30px;
    left: 30px;
}
.header__x {
    width: 50px;
    position: fixed;
    top: 30px;
    right: 92px;
}
.header__companyname a:hover, .header__x a:hover {
    opacity: .8;
}
.header__menubtn {
    width: 50px;
    height: 50px;
    border-radius: 100vw;
    border: 1px solid #1978f0;
    position: fixed;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 201;
    transition: right 0.5s ease;
}
.hover.header__menubtn {
    border: 1px solid #fff;
}
.active .header__menubtn {
    border: none;
    background-color: #fff;
}
.header__menubtn span {
    width: 56%;
    height: 1px;
    background-color: #1978f0;
    position: absolute;
    left: 50%;
    margin-left: -28%;
    transition: transform 0.2s ease;
}
.hover.header__menubtn span {
    background-color: #fff;
}
.active .hover.header__menubtn span {
    background-color: #1978f0;
}
.header__menubtn span:first-child {
    top: 50%;
    margin-top: -8.5px;
}
.header__menubtn span:nth-child(2) {
    top: 50%;
    margin-top: -.5px;
}
.header__menubtn span:last-child {
    top: 50%;
    margin-top: 7.5px;
}
.active .header__menubtn span:nth-child(2) {
    opacity: 0;
}
.active .header__menubtn span:first-child {
    transform: rotate(-45deg);
    margin-top: 0;
}
.active .header__menubtn span:last-child {
    transform: rotate(45deg);
    margin-top: 0;
}
.active .header__menubtn:hover span:first-child {
    transform: rotate(-25deg);
}
.active .header__menubtn:hover span:last-child {
    transform: rotate(25deg);
}
.content__bn {
    width: 35px;
    position: fixed;
    top: 50%;
    left: 30px;
    transform:translateY(-50%);
    z-index: 100;
    opacity: 0;
    transition: all 0.5s ease;
}
.page-about .content__bn,
.page-tv .content__bn,
.page-project .content__bn,
.page-qa .content__bn,
.page-history .content__bn {
    opacity: 1;
}
.content__ttl img {
    position: fixed;
    top: 50%;
    right: 30px;
    transform:translateY(-50%);
    z-index: 100;
    opacity: 0;
}
.page-about .content__ttl img.content__ttl__about {
    opacity: 1;
}
.page-tv .content__ttl img.content__ttl__tv {
    opacity: 1;
}
.page-project .content__ttl img.content__ttl__project {
    opacity: 1;
}
.page-qa .content__ttl img.content__ttl__qa {
    opacity: 1;
}
.page-history .content__ttl img.content__ttl__history {
    opacity: 1;
}

.content__ttl .content__ttl__tv {
    width: 70px;
}
.content__ttl .content__ttl__about,
.content__ttl .content__ttl__history,
.content__ttl .content__ttl__project {
    width: 73.5px;
}
.content__ttl .content__ttl__qa {
    width: 75.6px;
}
.header .nav {
    width: 35%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -35%;
    background-color: #1978f0;
    z-index: 200;
    padding-left: 8rem;
    transition: all .4s ease;
}
.header.active .nav {
    right: 0;
}
.nav__inner {
    position: absolute;
    top: 50%;
    left: 8rem;
    transform: translateY(-50%);
}
.nav__list li {
    margin-bottom: 4.3rem;
}
.nav__list li:last-child {
    margin-bottom: 8rem;
}
.nav__list a {
    width: auto;
    position: relative;
    color: #fff;
    padding-left: 1.5rem;
    overflow: hidden;
    transition-duration: .3s;
}
.nav__list__en {
    font-size: 3.5rem;
    line-height: 1em;
    font-weight: 700;
}
.nav__list__en span {
    transition: all .3s ease-in-out;
}
.nav__list__en .visible {
    position: relative;
    display: inline-block;
}
.nav__list__jp {
    font-size: 1.4rem;
    margin-top: .6rem;
}
.nav__list a::before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 100vw;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0%;
    transition: all .3s ease;
}
.nav__list a:hover::before {
    height: 0;
}
.nav__list a::after {
    content: "";
    width: 0;
    height: 4px;
    border-radius: 100vw;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    transition-duration: .3s;
}
.nav__list a:hover {
    padding-left: calc(1.5rem + 2rem);
}
.nav__list a:hover::after {
    width: 2rem;
}
.nav__snslist {
    display: flex;
    align-items: center;
}
.nav__snslist__x {
    width: 3.57rem;
}
.nav__snslist__youtube {
    width: 5.18rem;
    margin: 0 6rem 0 5.5rem;
}
.nav__snslist__tver {
    width: 7.18rem;
}
.nav__snslist a:hover {
    opacity: .7;
}

/* main */
.content {
    width: 100%;
    overflow: clip;
    position: relative;
}

/* fv */
.fv {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
/*テキスト*/
.fv__scrollTxt, .fv__scrollMovie, .fv__scrollIllust {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
}
.fv__scrollTxt--top {
    top: 21%;
}
.fv__scrollTxt--bottom {
    bottom: 6%;
}
.fv__scrollTxt__inner,
.fv__scrollMovie__inner,
.fv__scrollIllust__inner {
    width: 100%;
    display: flex;
    overflow: hidden;
}
.fv__scrollTxt__list {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0
}
.fv__scrollTxt--top .fv__scrollTxt__list--left {
    animation: infinity-scroll-left 80s infinite linear;
    animation-delay: -40s;
    will-change: transform;
}
.fv__scrollTxt--bottom .fv__scrollTxt__list--left {
    animation: infinity-scroll-left 65s infinite linear;
    animation-delay: -20s;
    will-change: transform;
}
.fv__scrollTxt__list__txt {
    font-size: 16rem;
    color: #1978f0;
    font-weight: 500;
    letter-spacing: -.01em;
}
.fv__scrollTxt--top .fv__scrollTxt__list__txt {
    max-width: 1927px;
    width: 125vw;
    margin-left: 25vw;
}
.fv__scrollTxt--bottom .fv__scrollTxt__list__txt {
    max-width: 1272px;
    width: 84vw;
    margin-left: 25vw;
}
.fv__scrollTxt--top .fv__scrollTxt__list__txt img,
.fv__scrollTxt--bottom .fv__scrollTxt__list__txt img,
.fv__scrollMovie__item img,
.fv__scrollIllust__item img {
    width: 100%;
}
/* movie */
.fv__scrollMovie {
    top: 62%;
    height: 100%;
}
.fv__scrollMovie__inner {
    height: 100%;
}
.fv__scrollMovie__list {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
    animation: infinity-scroll-left 65s infinite linear;
    will-change: transform;
    /*animation-play-state: paused;*/
}
.fv__scrollMovie__item {
    width: 31vw;
    height: 17.3vw;
    margin: 0 7.5vw;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.fv__scrollMovie__item:nth-child(2) {
    margin-right: 5vw;
}
.fv__scrollMovie__item:nth-child(3) {
    margin-left: 5vw;
}
.fv__scrollMovie__item:nth-child(2n) {
    transform: translateY(-85%);
}
.fv__scrollMovie__item video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* gif画像 */
.fv__scrollIllust {
    top: 50%;
}
.fv__scrollIllust__list {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    animation: infinity-scroll-left 30s infinite linear;
    will-change: transform;
    /*animation-play-state: paused;*/
}
.fv__scrollIllust__item--01 {
    width: 46px;
    padding-top: 19%;
    margin-left: 120px;
    margin-right: 306px;
}
.fv__scrollIllust__item--02 {
    width: 52px;
    padding-top: 15%;
    margin-right: 100px;
}
.fv__scrollIllust__item--03 {
    width: 93px;
    padding-top: 6.5%;
    margin-right: 300px;
}
.fv__scrollIllust__item--04 {
    width: 63px;
    padding-top: 20%;
    margin-left: 0;
    margin-right: 291px;
}
.fv__scrollIllust__item--05 {
    width: 53px;
    padding-top: 7%;
    margin-right: 148px;
}
.fv__scrollIllust__item--06 {
    width: 127px;
    padding-top: 25%;
    margin-right: 100px;
}
.fv__scrollIllust__item--07 {
    width: 140px;
    padding-top: 8%;
    margin-right: 100px;
}
.animation01 {
  animation-name: decoSwing01;
  animation-duration: 2200ms;
  animation-timing-function: steps(2, end);
  animation-iteration-count: infinite;
}
.animation02 {
  animation-name: decoSwing02;
  animation-duration: 2600ms;
  animation-timing-function: steps(2, end);
  animation-iteration-count: infinite;
}
@keyframes decoSwing01 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(20deg);
    }
}
@keyframes decoSwing02 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-20deg);
    }
}
.fv__warin {
    width: 292px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 197px;
}
.fv__warin img {
    position: relative;
    z-index: 3;
}
.fv__warin__name {
    text-align: center;
    z-index: 2;
    width: 110px;
    height: 110px;
    border-radius: 100vw;
    background-color: #1978f0;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    position: absolute;
    top: -30px;
    right: 10px;
    padding-top: 7.8%;
}
.fv__warin__name span.dai {
    font-size: .5em;
    line-height: 1.1em;
    display: block;
}
.fv__warin__name span.en {
    font-size: .45em;
    line-height: .45em;
    display: block;
    letter-spacing: .2em;
}

/* message */
.message {
    width: 100%;
    height: 100vh;
    background-color: #1978f0;
    position: relative;
}
.message__inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.message__txt {
    display: inline-block;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 2.3em;
}
.message__txt .small {
    font-size: .9em;
}

/* sec　共通 */
.sec {
    padding: 100px 0;
}
.sec__ttl {
    font-size: 3.85rem;
    font-weight: 700;
    color: #1978f0;
    padding-left: 50px;
    padding-bottom: 27px;
    margin-bottom: 3.2rem;
    line-height: 1em;
    position: relative;
}
.sec__ttl--en {
    font-size: 2.3rem;
    font-weight: 900;
    display: block;
    color: #646464;
    line-height: 1.8em;
}
.sec__ttl--small {
    font-size: .72em;
    line-height: 1.8em;
}
.sec__ttl::after {
    content: "";
    width: 60px;
    height: 5px;
    border-radius: 100vw;
    background-color: #1978f0;
    position: absolute;
    bottom: 0;
    left: 50px;
}
.sec__ttl--3line .sec__ttl--en {
    line-height: .7em;
}
.tsume {
    letter-spacing: -.35em;
}

/* about */
.about__movieinner {
    width: 62%;
    margin: 0 0 4rem 50px;
}
.about__movieinner__inner {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.about__movieinner iframe {
    width: 100.8%;
    height: 100.8%;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    color: #1978f0;
    line-height: 1.3em;
    margin: 0 0 4rem 50px;
}
.about__ttl span {
    font-size: 2.2rem;
    font-weight: 400;
}
.about__list {
    margin: 0 50px;
}
.about__list li {
    width: 100%;
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid #323232;
    margin-bottom: 2rem;
}
.about__list li:last-child {
    margin-bottom: 0;
}
.about__list li p {
    font-size: 1.8rem;
}
.about__list__year {
    width: 12%;
    font-weight: 900;
    color: #646464;
}
.about__list__desc {
    width: 88%;
    color: #323232;
}
.about__link a {
    width: 230px;
    height: 230px;
    border-radius: 100vw;
    position: absolute;
    bottom: -65px;
    right: -133px;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3em;
    padding-top: 4rem;
    background:  url("../img/about__arrow.png") no-repeat center bottom 4.5rem #ff963c;
    background-size: 40% auto;
}
.about__link a:hover {
    background-color: #1978f0;
}
.about__link a span {
    font-size: 2.2rem;
}

/* TV */
.tv__desc {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0 0 30px;
    margin-bottom: 5rem;
}
.tv__desc__l {
    width: 35%;
    position: relative;
}
.tv__desc__logo {
    width: 93%;
    margin: 0 0 3rem 1%;
}
.tv__desc__txt {
    font-size: 1.6rem;
}
.tv__desc__r {
    width: 65%;
}
.tv__desc__r iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    border: none;
}
.tv__warin {
    width: 100%;
    padding: 5rem 3.5rem 5rem 3.5rem;
    background-color: #ffffe6;
    border-radius: 10px;
    display: flex;
    position: relative;
}
.tv__warin_l {
    width: 38.2%;
    position: relative;
    padding-top: .5rem;
}
.tv__warin_l .tv__warin__ttl, .tv__warin_l .tv__warin__name {
    display: none;
}
.tv__warin_r {
    width: 61.8%;
    padding-left: 4%;
}
.tv__warin__ttl {
    font-size: 1.9rem;
    font-weight: 400;
}
.tv__warin__name {
    font-size: 2.8rem;
    font-weight: 700;
    color: #1978f0;
    border-bottom: 2px solid #323232;
    padding-bottom: .8rem;
}
.tv__warin__info {
    display: flex;
    align-items: center;
    margin-top: 1.2rem;
}
.tv__warin__info dt,
.tv__warin__info dd {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -.005em;
}
.tv__warin__info dt {
    width: 20%;
    text-align: center;
    color: #fff;
    background-color: #323232;
    padding: .3em 0;
    border-radius: 3px;
}
.tv__warin__info dd {
    width: 80%;
    padding-left: 1em;
}
/* swiper */
.swiper-slide::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0);
    transition: all 0.3s ease;
}
.swiper-slide-prev::after, .swiper-slide-next::after {
    background-color: rgba(255,255,255,.7);
}
.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 15px;
    top: auto;
    bottom: -2px;
    margin-top: 0;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}
.swiper-button-next {
    background: url("../img/tv__next.png") no-repeat center right;
    background-size: 24px auto;
    right: 0;
}
.swiper-button-prev {
    background: url("../img/tv__prev.png") no-repeat center left;
    background-size: 24px auto;
    left: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -4px;
    width: 50%;
    left: 25%;
}
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.swiper-pagination-bullet-active {
    background-color: #323232;
}

/* project */
.project__map {
    width: 802px;
    height: 425.7px;
    margin: 0 auto 2rem;
    background: url("../img/project__map.jpg") no-repeat center center;
    background-size: 100% auto;
    position: relative;
}
.project__map__posi {
    display: inline;
    width: auto;
    font-size: 2rem;
    font-weight: 700;
    color: #4b4b4b;
    border-radius: 100vw;
    background-image: url("../img/icon__sango.png"), url("../img/icon__search.png");
    background-position: center left 1.6rem, center right 1.4rem;
    background-size: 2.2rem auto, 1.9rem auto;
    background-repeat: no-repeat, no-repeat;
    background-color: #ffffdc;
    padding: .4rem 6rem .4rem 4.6rem;
    position: absolute;
}
.project__map__posi:hover {
    background-color: rgba(255,255,255,.5);
}
.project__map__posi--sun {
    top: 81px;
    right: 278px;
}
.project__map__posi--moon {
    top: 143px;
    right: 323px;
}
.project__map__posi--heart {
    top: 163px;
    left: 22px;
}
.project__map__posi--tanada {
    top: 233px;
    left: 172px;
}
.project__txt {
    font-size: 1.8rem;
    padding-left: 50px;
    line-height: 1.8em;
}

/* QA */
.qa .sec__ttl .br {
    display: none;
}
.qa .inner::after {
    content: "";
    width: 260px;
    height: 290px;
    position: absolute;
    top: -85px;
    right: 0;
    background: url("../img/mioka_qanda.gif") no-repeat top right;
    background-size: 100% auto;
}
.qa__list {
    margin-right: 4.5rem;
}
.qa__list__inner {
    width: 340px;
    height: 275px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    border-radius: 10px;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    transition: all .2s ease;
}
.qa__list a {
    width: 100%;
    height: 100%;
}
.qa__list--01 .qa__list__inner {
    background-image: url("../img/qa01.jpg");
}
.qa__list--02 .qa__list__inner {
    background-image: url("../img/qa02.jpg");
}
.qa__list--03 .qa__list__inner {
    background-image: url("../img/qa03.jpg");
}
.qa__list--04 .qa__list__inner {
    background-image: url("../img/qa04.jpg");
}
.qa__list--05 .qa__list__inner {
    background-image: url("../img/qa05.jpg");
}
.qa__list--06 .qa__list__inner {
    background-image: url("../img/qa06.jpg");
}
.qa__list--07 .qa__list__inner {
    background-image: url("../img/qa07.jpg");
}
.qa__list--08 .qa__list__inner {
    background-image: url("../img/qa08.jpg");
}
.qa__list--09 .qa__list__inner {
    background-image: url("../img/qa09.jpg");
}
.qa__list .qa__list__inner::after {
    content: "";
    width: 28px;
    height: 28px;
    background: url("../img/icon__search.png") no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 3;
}
.qa__list.qa__list--09 .qa__list__inner::after {
    background: url("../img/icon__search02.png") no-repeat center center;
    background-size: 100% auto;
}
.qa__list__num {
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 57px;
    height: 57px;
    background-color: rgba(255,255,255,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 2;
}
.qa__list__num span {
    color: #323232;
    font-size: 3.7rem;
    line-height: 1em;
}
.qa__list__txt {
    width: 100%;
    height: 84px;
    background-color: #ffffdc;    
    padding-left: 1.5rem;
    font-size: 1.55rem;
    line-height: 1.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    transition: all .2s ease;
}
.qa__list a:hover .qa__list__inner {
    transform: translateY(-20px);
}
.qa__wrap {
    display: flex;
    padding-top: 7rem;
}
.qa__listwrap {
    animation: infinity-scroll-left 80s infinite linear .5s both;
    display: flex;
    will-change: transform;
    /*animation-play-state: paused;*/
}
@keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }
      to {
      transform: translateX(-100%);
    }
}
.qa__wrap:hover .qa__listwrap {
    animation-play-state: paused;
}
.qa__wrap.active .qa__listwrap {
    animation-play-state: paused;
}

/* HISTORY */
.history__list {
    margin: 0 50px;
}
.history__list li {
    width: 100%;
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid #323232;
    margin-bottom: 2rem;
}
.history__list li:last-child {
    margin-bottom: 0;
}
.history__list li p {
    font-size: 1.8rem;
}
.history__list__year {
    width: 10.5%;
    font-weight: 900;
    color: #646464;
}
.history__list__desc {
    width: 89.5%;
    color: #323232;
}

/* footer */
.footer__snslist {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20rem 0 13rem;
}
.footer__snslist a:hover {
    opacity: .7;
}
.footer__snslist__x {
    width: 35.7px;
    margin-left: 18px;
}
.footer__snslist__youtube {
    width: 52.2px;
    margin: 0 48px 0 66px;
}
.footer__snslist__tver {
    width: 72.2px;
}
.footer__snslist::before {
    content: "";
    width: 280px;
    height: 15px;
    position: absolute;
    bottom: 9.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/footer__arrow.png") no-repeat top center;
    background-size: 100% auto;
}
.footer__snslist::after {
    content: "YouTubeでは過去番組動画公開中！";
    position: absolute;
    bottom: 6.7rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6rem;
}
.footer__copyright {
    width: 100%;
    background-color: #1978f0;
}
.footer__copyright p {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1em;
    padding: 4.5rem 0;
}
.pagetop {
    width: 60px;
    height: 60px;
    background-color: #1978f0;
    position: fixed;
    right: 30px;
    bottom: 168px;
    z-index: 10;
    border-radius: 100vw;
    cursor: pointer;
    display: none;
}
.pagetop img {
    width: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .2s ease;
}
.pagetop:hover img {
    top: 45%;
}

/* モーダル共通 */
.modal {
    display: none;
}
.modaal-container {
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: left;
    color: #323232;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
    cursor: auto;
}
.modaal-content-container {
    padding: 0;
}
.modaal-wrapper .modaal-close {
    width: 23px;
    height: 23px;
    background: url("../img/close-modal.png") no-repeat center center;
    background-size: 100% auto;
    top: 30px;
    right: 30px;
    display: none;
}
.modaal-close:before, .modaal-close:after {
    display: none;
}
.modaal-inner-wrapper {
    padding: 60px;
}
.modal__close {
    width: 23px;
    height: 23px;
    background: url(../img/close-modal.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: -3.5rem;
    right: 0;
    text-indent: -9999vw;
    cursor: pointer;
}

/* モーダル project */
.modal__project__inner {
    width: 47%;
    max-width: 470px;
    padding: 235px 0 0;
    text-align: left;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,.4);
    background-color: #ffffdc;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.modal__project__inner.modal__project--sun {
    background-image: url("../img/modal__project--sun.jpg");
}
.modal__project__inner.modal__project--moon {
    background-image: url("../img/modal__project--moon.jpg");
}
.modal__project__inner.modal__project--heart {
    background-image: url("../img/modal__project--heart.jpg");
}
.modal__project__inner.modal__project--tanada {
    background-image: url("../img/modal__project--tanada.jpg");
}
.modal__project__desc {
    width: 100%;
    min-height: 8rem;
    background-color: #ffffdc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 1.3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal__project__ttl {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 1.7rem;
}
.modal__project__txt {
    font-size: 1.2rem;
    line-height: 1.5em;
    padding: 0 1.7rem;
    position: relative;
}
.modal__project__txt::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #4b4b4b;
    position: absolute;
    top: 0;
    left: 0;
}
/* モーダル QA */
.modal__qa__inner {
    width: 63%;
    max-width: 630px;
    min-height: 335px;
    padding: 0 0 0;
    text-align: left;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,.4);
    background-color: #ffffdc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.modal__qa__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    /*background-size: 50% auto;*/
    background-size: auto 100%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.modal__qa__inner.modal__qa--01 .modal__qa__img {
    background-image: url("../img/modal__qa--01.jpg");
}
.modal__qa__inner.modal__qa--02 .modal__qa__img {
    background-image: url("../img/modal__qa--02.jpg");
}
.modal__qa__inner.modal__qa--03 .modal__qa__img {
    background-image: url("../img/modal__qa--03.jpg");
}
.modal__qa__inner.modal__qa--04 .modal__qa__img {
    background-image: url("../img/modal__qa--04.jpg");
}
.modal__qa__inner.modal__qa--05 .modal__qa__img {
    background-image: url("../img/modal__qa--05.jpg");
}
.modal__qa__inner.modal__qa--06 .modal__qa__img {
    background-image: url("../img/modal__qa--06.jpg");
}
.modal__qa__inner.modal__qa--07 .modal__qa__img {
    background-image: url("../img/modal__qa--07.jpg");
}
.modal__qa__inner.modal__qa--08 .modal__qa__img {
    background-image: url("../img/modal__qa--08.jpg");
}
.modal__qa__desc {
    width: 50%;
    padding: 3rem 1.5rem;
    position: relative;
    z-index: 1;
}
.modal__qa__desc .flex {
    align-items: center;
    margin-bottom: 2.3rem;
}
.modal__qa__desc__num {
    font-size: 3rem;
    border: 1px solid #4b4b4b;
    border-radius: 5px;
    padding: 0 1rem .6rem;
    margin-right: 1rem;
    line-height: 1em;
}
.modal__qa__desc__ttl {
    font-size: 1.5rem;
    line-height: 1.2em;
    letter-spacing: -.01em;
    font-weight: 600;
}
.modal__qa__desc__answer {
    font-size: 1.4rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #4b4b4b;
    line-height: 1em;
}
.modal__qa__desc__txt {
    font-size: 1.2rem;
    line-height: 1.7em;
    letter-spacing: -.01em;
}

/* 下層　ミスワリンの有性生殖プロジェクト */
.sango {
    padding-top: 110px;
}
.page-kasou .content__bn {
    opacity: 1;
}
.sec.sangofv {
    width: 100%;
    height: 330px;
    background-color: #1978f0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sangofv__inner {
}
.sangofv__ttl {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 4.7rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
}
.sangofv__ttl span {
    font-size: .89em;
}
.sangofv__txt {
    width: 698px;
    margin: 0 auto;
}
.sangofv__txt .sp {
    display: none;
}
.sangomovie__list {
    padding: 0 50px;
}
.sangomovie__list li {
    margin-bottom: 10rem;
    position: relative;
}
.sangomovie__list li:last-child {
    margin-bottom: 0;
}
.sangomovie__list li::after {
    content: "";
    width: 122px;
    height: 100%;
    background: url("../img/sangofv__bg.png") no-repeat top left;
    background-size: 100% auto;
    position: absolute;
    top: -1rem;
    left: -13rem;
    z-index: 0;
}
.sangomovie__ttl {
    font-size: 4rem;
    color: #1978f0;
    font-weight: 700;
    background-color: #fff;
    padding: .5rem;
    line-height: 1em;
    position: relative;
    z-index: 3;
}
.sangomovie__ttl span {
    font-size: .87em;
}
.sangomovie__ttl__inner {
    margin-bottom: 1rem;
    position: relative;
    padding: 4.7rem 0 5.5rem 5.5rem;
    z-index: 1;
}
.sangomovie__ttl__inner::before {
    content: "";
    width: 13.2rem;
    height: 13.2rem;
    border: 1px solid #1978f0;
    border-radius: 100vw;
    position: absolute;
    top: 50%;
    left: -50px;
    transform:  translateY(-50%);
    opacity: .55;
}
.sangomovie__ttl__inner::after {
    font-size: 12rem;
    font-weight: 900;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #1978f0;
    position: absolute;
    top: 44%;
    left: -1rem;
    transform:  translateY(-50%);
    opacity: .55;
}
.sangomovie__ttl__inner.sangomovie__ttl--01::after {
    content: "1";
}
.sangomovie__ttl__inner.sangomovie__ttl--02::after {
    content: "2";
}
.sangomovie__ttl__inner.sangomovie__ttl--03::after {
    content: "3";
}
.sangomovie__ttl__inner.sangomovie__ttl--04::after {
    content: "4";
    left: -1.5rem;
}
.sangomovie__ttl__inner.sangomovie__ttl--05::after {
    content: "5";
}
.sangomovie__youtube {
    width: 560px;
    margin-bottom: 2.5rem;
}
.sangomovie__youtube__inner {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.sangomovie__youtube iframe {
    width: 100.8%;
    height: 100.8%;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sangomovie__list__txt {
    font-size: 1.4rem;
}

/* sangomessage */
.sangomessage {
    width: 100%;
    position: relative;
    padding: 20rem 0 30rem;
}
.sangomessage__inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sangomessage__txt {
    display: inline-block;
    color: #969696;
    font-size: 33px;
    font-weight: 500;
    line-height: 2.3em;
}
.sangomessage__txt .small {
    font-size: .9em;
}
.sangomessage__txt .num {
    font-size: 1.12em;
}
.backbtn {
    width: 36rem;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
    padding: .45em 0 .55em;
    color: #1978f0;
    border-radius: 100vw;
    border: 1px solid #1978f0;
    margin: 0 auto;
    line-height: 1em;
    position: relative;
}
.backbtn::before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    border-top: solid 2px #1978f0;
    border-right: solid 2px #1978f0;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.6rem;
    z-index: 2;
    transition: all 0.5s ease;
}
.backbtn:hover {
    background-color: #1978f0;
    color: #fff;
}
.backbtn:hover::before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

@media (max-width: 1200px) { /* 〜1200px */
    .header .nav {
        width: 430px;
        right: -430px;
    }
}


/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint TAB -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) { /* 〜1024px */
    .dispNon--tab, .dispNon--pctab, .dispNon--tabsp {display: none;}
    .dispNon--pc, .dispNon--sp, .dispNon--pcsp  {display: block;}

    html {
        font-size: .97vw;
    }
    body {
        font-size: 1rem;
    }

    .inner {
        width: 75%;
    }
    /* header */
    .header__companyname {
        width: 20.3%;
        top: 1.5vw;
        left: 3vw;
    }
    .header__x {
        width: 4.8vw;
        top: 2.1rem;
        right: 9.8vw;
    }
    .header__companyname a:hover, .header__x a:hover {
        opacity: 1;
    }
    .header__menubtn {
        width: 4.8vw;
        height: 4.8vw;
        top: 2.1rem;
        right: 3.8vw;
    }
    .header__menubtn span:first-child {
        margin-top: -.8vw;
    }
    .header__menubtn span:nth-child(2) {
        margin-top: -.5px;
    }
    .header__menubtn span:last-child {
        margin-top: .75vw;
    }
    .active .header__menubtn:hover span:first-child {
        transform: rotate(-45deg);
    }
    .active .header__menubtn:hover span:last-child {
        transform: rotate(45deg);
    }
    .content__bn {
        width: 3.4vw;
        left: 3.9vw;
    }
    .content__ttl img {
        right: 3.9vw;
    }
    .content__ttl .content__ttl__tv {
        width: 5.8vw;
    }
    .content__ttl .content__ttl__about,
    .content__ttl .content__ttl__history,
    .content__ttl .content__ttl__project {
        width: 6.1vw;
    }
    .content__ttl .content__ttl__qa {
        width: 6.25vw;
    }
    .header .nav {
        width: 50%;
        right: -50%;
    }
    .nav__list a::before {
        width: .4vw;
    }
    .nav__list a:hover::before {
        height: 90%;
    }
    .nav__list a::after {
        display: none;
    }
    .nav__list a:hover {
        padding-left: 1.5rem;
    }

    
    /* fv */
    /*テキスト*/
    .fv__scrollTxt--top {
        top: 26%;
    }
    .fv__scrollTxt--bottom {
        bottom: 5%;
    }
    .fv__scrollTxt--top .fv__scrollTxt__list--left {
        animation-delay: -40s;
    }
    .fv__scrollTxt--bottom .fv__scrollTxt__list--left {
        animation-delay: -20s;
    }
    .fv__scrollTxt--top .fv__scrollTxt__list__txt {
        width: 169vw;
        margin-left: 37vw;
    }
    .fv__scrollTxt--bottom .fv__scrollTxt__list__txt {
        width: 114vw;
        margin-left: 37vw;
    }

    /* movie */
    .fv__scrollMovie {
        top: 62%;
    }
    .fv__scrollMovie__item {
        width: 38vw;
        height: 21.3vw;
        margin: 0 6.3vw;
    }
    .fv__scrollMovie__item:nth-child(2) {
        margin-right: 3vw;
    }
    .fv__scrollMovie__item:nth-child(3) {
        margin-left: 3vw;
    }
    .fv__scrollMovie__item:nth-child(2n) {
        transform: translateY(-74%);
    }
    
    /* gif画像 */
    .fv__scrollIllust__item--01 {
        width: 4.4vw;
        margin-left: 11.7vw;
        margin-right: 29.8vw;
    }
    .fv__scrollIllust__item--02 {
        width: 5.1vw;
        margin-right: 9.7vw;
    }
    .fv__scrollIllust__item--03 {
        width: 9.1vw;
        margin-right: 29.3vw;
    }
    .fv__scrollIllust__item--04 {
        width: 6.1vw;
        margin-right: 28.4vw;
    }
    .fv__scrollIllust__item--05 {
        width: 5.1vw;
        margin-right: 14.4vw;
    }
    .fv__scrollIllust__item--06 {
        width: 12.4vw;
        margin-right: 9.7vw;
    }
    .fv__scrollIllust__item--07 {
        width: 13.6vw;
        margin-right: 9.7vw;
    }
    .fv__warin {
        left: auto;
        margin-left: 0;
        right: 1vw;
    }
    
    /* message */
    .message__inner {
        margin: 0 auto;
    }
    .message__txt {
        font-size: 3.4rem;
    }

    /* sec　共通 */
    .sec {
        padding: 10rem 0;
    }
    .sec__ttl {
        font-size: 3.45rem;
        padding-left: 0;
        padding-bottom: 2.7rem;
    }
    .sec__ttl::after {
        width: 6rem;
        height: .5rem;
        left: 0;
    }

    /* about */
    .about__movieinner {
        margin: 0 0 4rem 0;
    }
    .about__ttl {
        margin: 0 0 4rem 0;
    }
    .about__list {
        margin: 0;
    }
    .about__list li {
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }
    .about__link a {
        width: 22.5vw;
        height: 22.5vw;
        bottom: -6.25vw;
        right: -1.9vw;
        padding-top: 5rem;
    }
    .about__link a:hover {
        background-color: #ff963c;
    }

    /* TV */
    .tv__desc {
        padding: 0;
        margin-bottom: 4rem;
    }
    .tv__desc__l {
        width: 40%;
    }
    .tv__desc__r {
        width: 60%;
    }
    .tv__desc__logo {
        margin-bottom: 2.5rem;
    }
    .tv__warin {
        padding: 4rem 3rem 4rem 3rem;
    }
    .tv__warin_l {
        width: 37%;
        padding: 2.5rem 0;
    }
    .tv__warin_r {
        width: 63%;
        padding-left: 3%;
    }
    .tv__warin__ttl {
        font-size: 1.8rem;
    }
    .tv__warin__name {
        font-size: 2.6rem;
    }
    .tv__warin__info dd {
        padding-left: .8em;
    }
    /* swiper */
    .swiper-button-next, .swiper-button-prev {
        bottom: 2rem;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 2rem;
    }
    
    /* project */
    .project__map {
        width: 100%;
        height: 40vw;
    }
    .project__map__posi {
        background-image: url("../img/icon__sango.png"), url("../img/icon__search.png");
        background-position: center left 1.6rem, center right 1.4rem;
        background-size: 2.2rem auto, 1.9rem auto;
        padding: .4rem 5rem .4rem 4.6rem;
    }
    .project__map__posi:hover {
        background-color: rgba(255,255,255,1);
    }
    .project__map__posi--sun {
        top: 19%;
        right: 35%;
    }
    .project__map__posi--moon {
        top: 33%;
        right: 40.7%;
    }
    .project__map__posi--heart {
        top: 39%;
        left: 3%;
    }
    .project__map__posi--tanada {
        top: 54.3%;
        left: 22%;
    }
    .project__txt {
        padding-left: 0;
    }
    /* モーダル共通 */
    .modal__close {
        width: 2.4vw;
        height: 2.4vw;
        top: -3.5vw;
    }

    /* モーダル project */
    .modal__project__inner {
        padding: 22vw 0 0;
    }
    .modal__project__desc {
        min-height: 8rem;
    }
    
    /* QA */
    .qa .inner::after {
        width: 24rem;
        height: 29rem;
        top: -8rem;
        right: -5rem;
    }
    .qa__list .qa__list__inner {
        width: 33.2vw;
        height: 26.9vw;
    }
    .qa__list .qa__list--inner::after {
        width: 2.7vw;
        height: 2.7vw;
    }
    .qa__list__num {
        width: 5.6vw;
        height: 5.6vw;
    }
    .qa__list__txt {
        height: 8.3vw;
        font-size: 1.65rem;
    }
    .qa__list a:hover .qa__list__inner {
        transform: translateY(0);
    }
    /* モーダル QA */
    .modaal-inner-wrapper {
        padding: 6vw 20px;
    }
    .modal__qa__inner {
        width: 63%;
        max-width: 630px;
        min-height: 32vw;
    }
    .modal__qa__desc {
        width: 51%;
        padding: 3rem 2rem;
    }
    .modal__qa__desc__num {
        padding: .1rem 1rem .5rem;
    }
    .qa__wrap:hover .qa__listwrap {
        animation-play-state: running;
    }
    .qa__wrap.active .qa__listwrap {
        animation-play-state: paused;
    }
    
    /* HISTORY */
    .history__list {
        margin: 0;
    }
    .history__list__year {
        width: 10%;
    }
    .history__list__desc {
        width: 90%;
    }
    .history__list li p {
        font-size: 1.7rem;
    }
    
    /* footer */
    .footer__snslist {
        padding-top: 18rem;
    }
    .footer__snslist a:hover {
        opacity: 1;
    }
    .footer__snslist__x {
        width: 3.48vw;
        margin-left: 1.8rem;
    }
    .footer__snslist__youtube {
        width: 5.09vw;
        margin: 0 5.5rem;
        margin: 0 4.8rem 0 6.6rem;
    }
    .footer__snslist__tver {
        width: 7.1vw;
    }
    .footer__snslist::before {
        width: 27vw;
        height: 1.46vw;
    }
    .footer__copyright p {
        padding: 3.8rem 0;
    }
    .pagetop {
        width: 5.8vw;
        height: 5.8vw;
        right: 3rem;
    }
    .pagetop img {
        width: 38%;
    }
    .pagetop:hover img {
        top: 50%;
    }
    
    /* 下層　ミスワリンの有性生殖プロジェクト */
    .sango {
        padding-top: 9rem;
    }
    .sec.sangofv {
        height: 33rem;
    }
    .sangofv__ttl {
        font-size: 4.4rem;
        margin-bottom: 2.5rem;
    }
    .sangofv__txt {
        width: 68vw;
    }
    .sangomovie__list {
        padding: 0 0;
    }
    .sangomovie__list li {
        margin-bottom: 10rem;
    }
    .sangomovie__list li::after {
        width: 12.2rem;
        top: -1rem;
        left: -13rem;
    }
    .sangomovie__ttl__inner {
        padding-left: 7.5rem;
    }
    .sangomovie__ttl__inner::before {
        left: -3rem;
    }
    .sangomovie__ttl__inner::after {
        left: .8rem;
    }
    .sangomovie__youtube {
        width: 56rem;
    }
    .sangomovie__ttl__inner.sangomovie__ttl--04::after {
        left: .3rem;
    }

    /* sangomessage */
    .sangomessage__txt {
        font-size: 3.4rem;
    }
    .backbtn:hover {
        background-color: #fff;
        color: #1978f0;
    }
    .backbtn:hover::before {
        border-top: solid 2px #1978f0;
        border-right: solid 2px #1978f0;
    }
}

/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint tab02 -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {　 /* 〜768px */
    .dispNon--tab, .dispNon--pctab, .dispNon--tabsp {display: none;}
    .dispNon--pc, .dispNon--sp, .dispNon--pcsp  {display: block;}

    html {
        font-size: 1.305vw;
    }
	body {
		width: 100%;
		max-width: 100%;
        font-size: 1rem;
	}
    .inner {
        width: 96%;
    }
    
    /* header */
    .header__companyname {
        width: 27.1%;
        top: 1.4rem;
        left: .5vw;
    }
    .header__x {
        width: 6.5vw;
        top: 1.8rem;
        right: 9.7vw;
    }
    .header__menubtn {
        width: 6.5vw;
        height: 6.5vw;
        top: 1.8rem;
        right: 1.9vw;
    }
    .header__menubtn span:first-child {
        margin-top: -.8vw;
    }
    .header__menubtn span:nth-child(2) {
        margin-top: -.5px;
    }
    .header__menubtn span:last-child {
        margin-top: .75vw;
    }
    .active .header__menubtn:hover span:first-child {
        transform: rotate(-45deg);
    }
    .active .header__menubtn:hover span:last-child {
        transform: rotate(45deg);
    }
    .content__bn {
        width: 4.5vw;
        left: 1.9vw;
    }
    .content__ttl img {
        right: 1.9vw;
    }
    .content__ttl .content__ttl__tv {
        width: 5.9vw;
    }
    .content__ttl .content__ttl__about,
    .content__ttl .content__ttl__history,
    .content__ttl .content__ttl__project {
        width: 6.1vw;
    }
    .content__ttl .content__ttl__qa {
        width: 6.3vw;
    }
    .header .nav {
        width: 50%;
        right: -50%;
        padding-left: 5rem;
    }
    .nav__inner {
        left: 5rem;
    }
    .nav__list__en {
        font-size: 3.2rem;
    }
    .nav__list a::before {
        width: .4vw;
    }

    
    /* fv */
    /*テキスト*/
    .fv__scrollTxt--top {
        top: 22%;
    }
    .fv__scrollTxt--bottom {
        bottom: 1%;
    }
    .fv__scrollTxt--top .fv__scrollTxt__list__txt {
        width: 220vw;
        margin-left: 40vw;
    }
    .fv__scrollTxt--bottom .fv__scrollTxt__list__txt {
        width: 144vw;
        margin-left: 40vw;
    }

    /* movie */
    .fv__scrollMovie {
        top: 63%;
    }
    .fv__scrollMovie__item {
        width: 56.9vw;
        height: 31.9vw;
        margin: 0 9.5vw;
    }
    .fv__scrollMovie__item:nth-child(2) {
        margin-right: 4.2vw;
    }
    .fv__scrollMovie__item:nth-child(3) {
        margin-left: 4.2vw;
    }

    /* gif画像 */
    .fv__scrollIllust__item--01 {
        width: 5.3vw;
        padding-top: 24%;
        margin-left: 15.5vw;
        margin-right: 39vw;
    }
    .fv__scrollIllust__item--02 {
        width: 6.7vw;
        padding-top: 6%;
        margin-right: 13vw;
    }
    .fv__scrollIllust__item--03 {
        width: 12vw;
        padding-top: 10.5%;
        margin-right: 39vw;
    }
    .fv__scrollIllust__item--04 {
        width: 8.2vw;
        padding-top: 4%;
        margin-right: 37.7vw;
    }
    .fv__scrollIllust__item--05 {
        width: 6.9vw;
        padding-top: 20%;
        margin-right: 19.2vw;
    }
    .fv__scrollIllust__item--06 {
        width: 16.5vw;
        padding-top: 30%;
        margin-right: 13vw;
    }
    .fv__scrollIllust__item--07 {
        width: 18.2vw;
        margin-right: 13vw;
    }
    .fv__warin {
        width: 40vw;
        right: 3vw;
    }
    .fv__warin__name {
        width: 19.01vw;
        height: 19.01vw;
        top: -5.9vw;
        right: -2.5vw;
        font-size: 3.2rem;
        padding-top: 6.4%;
    }
    
    /* message */
    .message__inner {
        width: 81.7%;
    }
    .message__txt {
        font-size: 3.4rem;
    }
    .message .dispNon--pctab {
        display: block;
    }
    
    /* sec　共通 */
    .sec__ttl {
        padding-left: 5rem;
        padding-bottom: 3rem;
        margin-bottom: 5rem;
        line-height: 1.1em;
    }
    .sec__ttl::after {
        left: 5rem;
    }

    /* about */
    .sec.about {
        padding-top: 18rem;
    }
    .about__movieinner {
        width: 73vw;
        margin: 0 0 4rem 5rem;
    }
    .about__ttl {
        margin: 0 0 4rem 5rem;
    }
    .about__list {
        margin: 0 5rem;
    }
    .about__list li {
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }
    .about__link a {
        width: 29.8vw;
        height: 29.8vw;
        right: 0;
        padding-top: 4.5rem;
        background: url(../img/about__arrow.png) no-repeat center bottom 4rem #ff963c;
        background-size: 40% auto;
    }

    /* TV */
    .tv__desc {
        padding: 0 5rem;
        margin-bottom: 6rem;
    }
    .tv__desc__logo {
        width: 91%;
        margin-left: 1%;
        margin-bottom: 2rem;
    }
    .tv__desc__txt {
        font-size: 1.35rem;
    }
    .tv__warin {
        padding: 2rem 3rem 2rem 2rem;
    }
    .tv__warin_l {
        width: 37%;
        padding: 5rem 0;
    }
    .tv__warin_r {
        width: 60%;
        padding-left: 3%;
    }
    .tv__warin__ttl {
        font-size: 1.8rem;
    }
    .tv__warin__name {
        font-size: 2.6rem;
    }
    .tv__warin__info dd {
        padding-left: .8em;
    }
    .tv__warin__info dt {
        width: 27%;
    }
    .tv__warin__info dd {
        width: 73%;
    }
    
    /* project */
    .project__map {
        width: 81.7vw;
        height: 43.2vw;
    }
    .project__map__posi {
        font-size: 1.8rem;
        background-image: url("../img/icon__sango.png"), url("../img/icon__search.png");
        background-position: center left 1rem, center right 1.4rem;
        background-size: 2.2rem auto, 1.9rem auto;
        padding: .4rem 4.5rem .4rem 3.8rem;
    }
    .project__map__posi.project__map__posi--heart {
        padding-right: 4rem;
    }
    .project__map__posi:hover {
        background-color: rgba(255,255,255,1);
    }
    .project__map__posi--sun {
        top: 17%;
    }
    .project__map__posi--moon {
        top: 32%;
        right: 40.7%;
    }
    .project__map__posi--heart {
        top: 37%;
        left: 1.5%;
    }
    .project__map__posi--tanada {
        top: 53%;
        left: 19.5%;
    }
    .project__txt {
        width: 81.7vw;
        margin: 0 auto;
    }
    .project__txt .dispNon--pctab {
        display: block;
    }
    /* モーダル共通 */
    .modaal-inner-wrapper {
        padding: 8vw 20px;
    }
    .modal__close {
        width: 3vw;
        height: 3vw;
        top: -4.5vw;
    }
    /* モーダル project */
    .modal__project__inner {
        width: 61.2vw;
        padding: 30vw 0 0;
    }
    .modal__project__desc {
        min-height: 8rem;
    }
    
    
    /* QA */
    .qa .inner::after {
        width: 26rem;
        right: 5rem;
        top: -6rem;
    }
    .qa .sec__ttl .br {
        display: block;
    }
    .qa__list {
        margin-right: 5.8vw;
    }
    .qa__list .qa__list__inner {
        width: 44.2vw;
        height: 35.8vw;
    }
    .qa__list .qa__list__inner::after {
        width: 3.7vw;
        height: 3.7vw;
    }
    .qa__list__num {
        width: 7.3vw;
        height: 7.3vw;
    }
    .qa__list__txt {
        height: 8.3rem;
        font-size: 1.65rem;
    }
    /* モーダル QA */
    .modal__qa__inner {
        width: 82%;
        min-height: 43vw;
    }
    .modal__qa__desc {
        width: 51%;
        padding: 3rem 2rem;
    }
    .modal__qa__desc__num {
        padding: 0 1rem .5rem;
    }

    /* HISTORY */
    .history__list {
        margin: 0 5rem;
    }
    .history__list__year {
        width: 12%;
    }
    .history__list__desc {
        width: 88%;
    }
    .history__list li p.history__list__year {
        font-size: 1.6rem;
    }
    .history__list li p.history__list__desc {
        font-size: 1.4rem;
    }
    
    /* footer */
    .footer__snslist {
        padding-top: 18rem;
    }
    .footer__snslist__x {
        width: 4.66vw;
    }
    .footer__snslist__youtube {
        width: 6.8vw;
    }
    .footer__snslist__tver {
        width: 9.4vw;
    }
    .footer__snslist::before {
        width: 36vw;
        height: 2.4vw;
    }
    .footer__snslist::after {
    }
    .pagetop {
        width: 7.8vw;
        height: 7.8vw;
        right: 1.9vw;
    }
    
    /* 下層　ミスワリンの有性生殖プロジェクト */
    .sec.sec--kasou {
        padding-top: 20rem;
    }
    .sango {
        padding-top: 10.5rem;
    }
    .sangofv__ttl {
        margin-bottom: 2.5rem;
    }
    .sangofv__txt {
        width: 90.88vw;
    }
    .sangomovie > .inner {
        padding: 0 7rem;
    }
    .sangomovie__list li {
        margin-bottom: 15rem;
    }
    .sangomovie__list li::after {
        width: 12.2rem;
        top: -1rem;
        left: -8rem;
    }
    .sangomovie__ttl__inner {
        padding-left: 11rem;
    }
    .sangomovie__ttl__inner::before {
        left: 0;
    }
    .sangomovie__ttl__inner::after {
        left: 4.2rem;
        font-size: 11rem;
    }
    .sangomovie__ttl__inner.sangomovie__ttl--04::after {
        left: 3.7rem;
    }
    .sangomovie__ttl {
        font-size: 3.5rem;
    }
    .sangomovie__ttl.sangomovie__ttl--03 .dispNon--pctab,
    .sangomovie__list__txt .dispNon--pctab {
        display: block;
    }
    .sangomovie__list__txt .dispNon--sp {
        display: none;
    }

    /* sangomessage */
    .sangomessage__inner {
        padding: 0 7rem;
    }
    .sangomessage__txt {
        font-size: 3rem;
    }
    .backbtn:hover {
        background-color: #fff;
        color: #1978f0;
    }
    .backbtn:hover::before {
        border-top: solid 2px #1978f0;
        border-right: solid 2px #1978f0;
    }
    
}

/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint SP -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
@media (max-width: 750px) {　 /* 〜750px */
    .dispNon--sp, .dispNon--pcsp, .dispNon--pcsp, .dispNon--tabsp {display: none;}
    .dispNon--pc, .dispNon--tab, .dispNon--pctab {display: block;}

    html {
        font-size: 1.305vw;
    }
	body {
		width: 100%;
		min-width: 320px;
		max-width: 100%;
        overflow: hidden;
	}

    .inner {
        width: calc(100% - 4rem);
    }
    
    /* header */
    .header__companyname {
        width: 38%;
        top: 1.9vw;
        left: 0;
    }
    .header__x {
        width: 8vw;
        top: 2.3rem;
        right: 14.1vw;
    }
    .header__menubtn {
        width: 8vw;
        height: 8vw;
        top: 2.3rem;
        right: 2vw;
    }
    .header__menubtn span:first-child {
        margin-top: -15%;
    }
    .header__menubtn span:nth-child(2) {
        margin-top: -.5px;
    }
    .header__menubtn span:last-child {
        margin-top: 14.5%;
    }
    .active .header__menubtn:hover span:first-child {
        transform: rotate(-45deg);
    }
    .active .header__menubtn:hover span:last-child {
        transform: rotate(45deg);
    }
    .content__bn {
        width: 4.5vw;
        left: 1.9vw;
    }
    .content__ttl img {
        right: 1.9vw;
    }
    .content__ttl .content__ttl__tv {
        width: 5.9vw;
    }
    .content__ttl .content__ttl__about,
    .content__ttl .content__ttl__history,
    .content__ttl .content__ttl__project {
        width: 6.1vw;
    }
    .content__ttl .content__ttl__qa {
        width: 6.3vw;
    }
    .header .nav {
        width: 100%;
        right: -100%;
        padding: 0 10rem;
    }
    .nav__inner {
        left: 12rem;
        width: calc(100% - 20rem);
    }
    .nav__list li {
        margin-bottom: 6rem;
    }
    .nav__list a {
        padding-left: 2rem;
    }
    .nav__list__en {
        font-size: 4.8rem;
    }
    .nav__list__jp {
        font-size: 2.4rem;
    }
    .nav__list a::before {
        width: .8vw;
    }
    .nav__list a:hover {
        padding-left: 2rem;
    }
    .nav__snslist {
        justify-content: center;
    }
    .nav__snslist__x {
        width: 7.14vw;
    }
    .nav__snslist__youtube {
        width: 10.4vw;
        margin: 0 8rem;
    }
    .nav__snslist__tver {
        width: 14.4vw;
    }
    .page-about .content__bn,
    .page-tv .content__bn,
    .page-project .content__bn,
    .page-qa .content__bn,
    .page-history .content__bn {
        display: none;
    }
    .page-about .content__ttl img.content__ttl__about,
    .page-tv .content__ttl img.content__ttl__tv,
    .page-project .content__ttl img.content__ttl__project,
    .page-qa .content__ttl img.content__ttl__qa, 
    .page-history .content__ttl img.content__ttl__history {
        display: none;
    }
    
    /* fv */
    /*テキスト*/
    .fv__scrollTxt--top {
        top: 24%;
    }
    .fv__scrollTxt--bottom {
        bottom: 5%;
    }
    .fv__scrollTxt--top .fv__scrollTxt__list__txt {
        width: 256vw;
        margin-left: 45vw;
    }
    .fv__scrollTxt--bottom .fv__scrollTxt__list__txt {
        width: 169vw;
        margin-left: 45vw;
    }

    /* movie */
    .fv__scrollMovie {
        top: 62%;
    }
    .fv__scrollMovie__item {
        width: 58.3vw;
        height: 32.6vw;
        margin: 0 9.5vw;
    }
    .fv__scrollMovie__item:nth-child(2n) {
        transform: translateY(-90%);
    }
    .fv__scrollMovie__item:nth-child(2) {
        margin-right: 4.2vw;
    }
    .fv__scrollMovie__item:nth-child(3) {
        margin-left: 4.2vw;
    }
    .fv__scrollMovie__item.dispNon--patab {
        display: none;
    }

    /* gif画像 */
    .fv__scrollIllust {
        top: 48%;
    }
    .fv__scrollIllust__item--01 {
        width: 7vw;
        padding-top: 27%;
        margin-right: 24vw;
    }
    .fv__scrollIllust__item--02 {
        width: 9.1vw;
        margin-right: 24vw;
        padding-top: 9%;
    }
    .fv__scrollIllust__item--03 {
        width: 15.6vw;
        padding-top: 24.5%;
        margin-right: 14vw;
    }
    .fv__scrollIllust__item--04 {
        width: 11vw;
        padding-top: 8%;
    }
    .fv__scrollIllust__item--05 {
        width: 9.1vw;
        padding-top: 34%;
        margin-right: 25vw;
    }
    .fv__scrollIllust__item--06 {
        width: 22vw;
        padding-top: 31%;
    }
    .fv__scrollIllust__item--07 {
        width: 23vw;
    }
    .fv__warin {
        width: 41vw;
        right: 4vw;
    }
    .fv__warin__name {
        width: 19.5vw;
        height: 19.5vw;
        top: -2.9vw;
        right: -3.5vw;
        font-size: 3.2rem;
        padding-top: 10.4%;
    }
    
    /* message */
    .message__txt {
        font-size: 3.5rem;
    }
    
    /* sec　共通 */
    .sec__ttl {
        padding-left: 2rem;
        padding-bottom: 3.5rem;
        font-size: 5rem;
    }
    .sec__ttl--en {
        font-size: 2.4rem;
    }
    .sec__ttl::after {
        left: 2rem;
    }

    /* about */
    .sec.about {
        padding-top: 18rem;
    }
    .about__movieinner {
        width: 100%;
        margin: 0 0 4rem 0;
    }
    .about__ttl {
        font-size: 3.6rem;
        margin: 0 0 4rem 2rem;
    }
    .about__ttl span {
        font-size: 2.8rem;
    }
    .about__list {
        margin: 0 2rem;
    }
    .about__list li {
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }
    .about__list li p {
        width: 100%;
        font-size: 2.4rem;
    }
    .about__link a {
        width: 30.6vw;
        height: 30.6vw;
        padding-top: 5rem;
        font-size: 2.8rem;
        bottom: -11rem;
    }
    .about__link a span {
        font-size: 2.8rem;
    }

    /* TV */
    .tv__desc {
        padding: 0 0;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .tv__desc__l, .tv__desc__r {
        width: 100%;
    }
    .tv__desc__r {
        order: 1;
    }
    .tv__desc__l {
        order: 2;
        display: flex;
        padding: 0 2rem;
        margin: 6rem 0;
        position: relative;
        align-items: center;
    }
    .tv__desc__logo {
        width: 38.5%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .tv__desc__txt {
        width: 74.6%;
        font-size: 2.4rem;
        padding-left: 1em;
    }
    .tv__desc__txt .dispNon--sp {
        display: none;
    }
    .tv__warin {
        padding: 5rem 4rem;
        flex-wrap: wrap;
    }
    .tv__warin_l {
        width: 100%;
        padding: 0;
    }
    .tv__warin_l .tv__warin__ttl, .tv__warin_l .tv__warin__name {
        display: block;
        text-align: center;
    }
    .tv__warin__ttl {
        font-size: 2.4rem;
    }
    .tv__warin__name {
        font-size: 3.4rem;
        border-bottom: none;
        padding-bottom: 4rem;
    }
    .tv__warin_r {
        width: 100%;
        padding-left: 0;
        padding-top: 5rem;
        margin-top: 5rem;
        border-top: 2px solid #323232;
    }
    .tv__warin_r .tv__warin__ttl, .tv__warin_r .tv__warin__name {
        display: none;
    }
    .tv__warin__info:first-of-type {
        margin-top: 0;
    }
    .tv__warin__info {
        margin-top: 3rem;
    }
    .tv__warin__info dt {
        width: 32%;
        font-size: 2.4rem;
        padding: .7em 0;
    }
    .tv__warin__info dd {
        width: 68%;
        font-size: 2.4rem;
        line-height: 1.3em;
        padding-left: .8em;
    }
    /* swiper */
    .swiper {
        padding-bottom: 5rem;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0;
    }
    .swiper-pagination-bullet {
        width: 1.2rem;
        height: 1.2rem;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 6rem;
        height: 2rem;
        bottom: 0;
    }
    .swiper-button-next {
        background: url(../img/tv__next.png) no-repeat center right;
        background-size: 4.7rem auto;    
    }
    .swiper-button-prev {
        background: url(../img/tv__prev.png) no-repeat center right;
        background-size: 4.7rem auto;    
    }
    /* project */
    .project__map {
        width: 100%;
        height: 67.8vw;
        background: url(../img/project__map--sp.jpg) no-repeat center center;
        background-size: 100% auto;
    }
    .project__map__posi {
        font-size: 2.8rem;
        background-image: url("../img/icon__sango.png"), url("../img/icon__search.png");
        background-position: center left 1rem, center right 1.1rem;
        background-size: 2.8rem auto, 2.6rem auto;
        padding: .4rem 5rem .4rem 4rem;
    }
    .project__map__posi.project__map__posi--heart {
        padding-right: 5rem;
    }
    .project__map__posi--sun {
        top: 20%;
        right: 30%;
    }
    .project__map__posi--moon {
        top: 34%;
        right: 37.7%;
    }
    .project__map__posi--heart {
        top: 51.5%;
        left: 2.5%;
    }
    .project__map__posi--tanada {
        top: 66%;
        left: 37%;
    }
    .project__txt {
        width: 100%;
        font-size: 2.4rem;
    }
    /* モーダル共通 */
    .modaal-inner-wrapper {
        padding: 14vw 10px;
    }
    .modal__close {
        width: 6.4vw;
        height: 6.4vw;
        top: -9.5vw;
    }
    /* モーダル project */
    .modal__project__inner {
        width: 78.5vw;
        max-width: 78.5vw;
        padding: 41.2vw 0 0;
    }
    .modal__project__desc {
        min-height: 28.1vw;
        padding: 1.5rem 3rem 3rem 3rem;
        flex-wrap: wrap;
    }
    .modal__project__ttl {
        width: 100%;
        padding: 0;
        font-size: 3.2rem;
        text-align: center;
    }
    .modal__project__txt {
        width: 100%;
        font-size: 2.4rem;
        margin-top: .5em;
        padding: 1em 0 0 0;
    }
    .modal__project__txt::after {
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
    }
    
    /* QA */
    .qa .inner::after {
        width: 30rem;
        height: 29rem;
        top: -7rem;
        right: -4.5rem;
    }
    .qa__list {
        margin-right: 7.2vw;
    }
    .qa__list .qa__list__inner {
        width: 64vw;
        height: 51.6vw;
    }
    .qa__list .qa__list__inner::after {
        width: 5.2vw;
        height: 5.2vw;
        bottom: 2rem;
        right: 2rem;
    }
    .qa__list__num {
        width: 10.5vw;
        height: 10.5vw;
        left: 2.7rem;
    }
    .qa__list__num span {
        font-size: 5.2rem;
    }
    .qa__list__txt {
        height: 15.7vw;
        font-size: 2.4rem;
        padding-left: 2.7rem;
    }
    /* モーダル QA */
    .modal__qa__inner {
        width: 78.5vw;
        max-width: 78.5vw;
        min-height: 108vw;
        padding-top: 41.2vw;
    }
    .modal__qa__img {
        width: 100%;
        border-bottom-right-radius: 0;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background-position: top center;
        background-size: 100% auto;
    }
    .qa__list--01 .modal__qa__img {
        background-image: url("../img/qa01--sp.jpg");
    }
    .qa__list--02 .modal__qa__img {
        background-image: url("../img/qa02--sp.jpg");
    }
    .qa__list--03 .modal__qa__img {
        background-image: url("../img/qa03--sp.jpg");
    }
    .qa__list--04 .modal__qa__img {
        background-image: url("../img/qa04--sp.jpg");
    }
    .qa__list--05 .modal__qa__img {
        background-image: url("../img/qa05--sp.jpg");
    }
    .qa__list--06 .modal__qa__img {
        background-image: url("../img/qa06--sp.jpg");
    }
    .qa__list--07 .modal__qa__img {
        background-image: url("../img/qa07--sp.jpg");
    }
    .qa__list--08 .modal__qa__img {
        background-image: url("../img/qa08--sp.jpg");
    }
    .qa__list--09 .modal__qa__img {
        background-image: url("../img/qa09--sp.jpg");
    }
    .modal__qa__desc {
        width: 100%;
        min-height: 66.8vw;
        background-color: #ffffdc;
        padding: 4rem 3rem 3rem 3rem;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .modal__qa__desc__num {
        padding: .3rem 1rem 1rem;
        font-size: 5.5rem;
        margin-right: 1.5rem;
    }
    .modal__qa__desc__ttl {
        font-size: 2.8rem;
    }
    .modal__qa__desc__answer {
        font-size: 2.4rem;
        padding-bottom: 1.5rem;
        margin-bottom: 2rem;
    }
    .modal__qa__desc__txt {
        font-size: 2.4rem;
    }

    /* HISTORY */
    .history__list {
        margin: 0 2rem;
    }
    .history__list li {
        flex-wrap: wrap;
        margin-bottom: 2.5rem;
    }
    .history__list__year {
        width: 100%;
    }
    .history__list__desc {
        width: 100%;
    }
    .history__list li p.history__list__year {
        font-size: 2.4rem;
        margin-bottom: .5rem;
    }
    .history__list li p.history__list__desc {
        font-size: 2.4rem;
    }
    
    /* footer */
    .footer__snslist {
        padding-bottom: 16rem;
    }
    .footer__snslist__x {
        width: 7.14vw;
        margin-left: 2rem;
    }
    .footer__snslist__youtube {
        width: 10.4vw;
        margin: 0 7.8rem 0 11rem;
    }
    .footer__snslist__tver {
        width: 14.4vw;
    }
    .footer__snslist::before {
        width: 57.14vw;
        height: 3.4vw;
        bottom: 12rem;
    }
    .footer__snslist::after {
        bottom: 7.5rem;
        font-size: 2.4rem;
        width: 100%;
        text-align: center;
    }
    .footer__copyright p {
        font-size: 2rem;
        padding: 3.2rem 0;
    }
    .pagetop {
        width: 9.3vw;
        height: 9.3vw;
        right: 2vw;
    }    
    .pagetop img {
        width: 45%;
    }
    
    
    /* 下層　ミスワリンの有性生殖プロジェクト */
    .page-kasou .content__bn {
        opacity: 0;
    }
    .sec.sec--kasou {
        padding-top: 10rem;
    }
    .sango {
        padding-top: 10.5rem;
    }
    .sec.sangofv {
        height: 40em;
    }
    .sangofv__ttl {
        font-size: 4.7rem;
        line-height: 1.3em;
        margin-bottom: 2.5rem;
    }
    .sangofv__txt .sp {
        display: block;
    }
    .sangofv__txt .pc {
        display: none;
    }
    .sangofv__txt {
        width: 74.4vw;
    }
    .sangomovie > .inner {
        padding: 0 1.5rem;
    }
    .sangomovie__list li {
        margin-bottom: 15rem;
    }
    .sangomovie__list li::after {
        width: 15rem;
        top: -2.5rem;
        left: -1.5rem;
    }
    .sangomovie__ttl__inner {
        padding-left: 20rem;
    }
    .sangomovie__ttl__inner::before {
        width: 14rem;
        height: 14rem;
        left: 9rem;
        top: 48%;
    }
    .sangomovie__ttl__inner::after {
        left: 13.2rem;
        top: 43%;
        font-size: 12rem;
    }
    .sangomovie__ttl__inner.sangomovie__ttl--04::after {
        left: 12.7rem;
    }
    .sangomovie__ttl {
        font-size: 4rem;
    }
    .sangomovie__youtube {
        width: 100%;
    }
    .sangomovie__list__txt {
        font-size: 2.4rem;
        
    }

    /* sangomessage */
    .sangomessage {
        padding: 25rem 0 35rem;
    }
    .sangomessage__inner {
        padding: 0 3rem;
        justify-content: left;
    }
    .sangomessage__txt {
        font-size: 2.9rem;
    }
    .backbtn {
        width: 66%;
        font-size: 3.2rem;
        padding: .45em 0 .55em;
    }
    .backbtn::before {
        width: 1.6rem;
        height: 1.6rem;
        margin-top: -.8rem;
    }
  
}