article #about ul.modl_ul {
	width: 872px;
	display: flex;
	justify-content: space-between;
}
article #about ul.modl_ul a:hover {
	color: #434445;
}
@media screen and (max-width: 767px) {
	article #about ul.modl_ul {
		width: 100%;
	}
}



article #about ul.modl_ul1 > li {
	width: calc((420 * 100%) / 872);
	margin: 0;
}
article #about ul.modl_ul1 > li > a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
}
article #about ul.modl_ul1 > li > a.s5-link {
	margin-top: .5em;
	text-align: right;
	font-size: 16px;
}
article #about ul.modl_ul1 > li > a dl {
	width: 100%;
}
article #about ul.modl_ul1 > li > a dl dd {
	width: 100%;
}
article #about ul.modl_ul1 > li > a dl dt {
	width: 100%;
	text-align: center;
}
article #about ul.modl_ul1 > li > a dl dt p {
	width: 100%;
	text-align: center;
	margin: 1em 0;
}
article #about ul.modl_ul2 > li {
	width: calc((280 * 100%) / 872);
	margin: 0;
}
article #about ul.modl_ul2 > li > a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}
article #about ul.modl_ul2 > li dl {
	width: 100%;
	/* background-color: #fff; */
}
article #about ul.modl_ul2 > li dl dt {
	opacity: 1;
	/* transition: opacity .4s; */
}
article #about ul.modl_ul2 > li > a:hover dl dt {
	/* opacity: .8; */
}
article #about ul.modl_ul2 > li dl dd {
	width: 100%;
	text-align: center;
	padding-bottom: .8em;
}
article #about ul.modl_ul2 > li dl dd p {
	font-size: 16px;
}
article #about ul.modl_ul2 > li dl dd p.lnk_dtl {
	margin-top: .8em;
	color: #434445;
	/* background-color: rgba(82,83,88,1); */
    display: inline-block;
    width: 100%;
    padding: .8em 0;
	transition: all .4s;
	position: relative;
}
article #about ul.modl_ul2 > li dl dd p.lnk_dtl span {
	position: relative;
    padding: 0 .7em .3em 0;
    border-bottom: #434445 1px solid;
}
article #about ul.modl_ul2 > li dl dd p.lnk_dtl span:after {
    content: "";
    position: absolute;
    height: .5em;
    width: .5em;
    display: block;
    border-top: #434445 1px solid;
	border-right: #434445 1px solid;
    transform: rotate(45deg);
    right: 0em;
    top: .2em;
}
article #about ul.modl_ul2 > li > a:hover dl dd p.lnk_dtl {
	/* background-color: rgba(59,59,64,1); */
}
article #about ul.modl_ul2 > li dl dd p.lnk_dtl2 {
    margin-top: .5em;
}
@media screen and (max-width: 767px) {
	article #about ul.modl_ul1 > li {
		width: 100%;
		margin-bottom: 5vw;
	}
	article #about ul.modl_ul1 > li p {
		font-size: calc((26 * 100vw) / 750);
	}
	article #about ul.modl_ul1 > li > a.s5-link {
		font-size: calc((24 * 100vw) / 750);
	}
	article #about ul.modl_ul2 > li {
		width: 100%;
		margin-bottom: calc((20 * 100vw) / 750);
	}
	article #about ul.modl_ul2 > li dl {
		display: flex;
	}
	article #about ul.modl_ul2 > li dl dt {
		width: calc((160 * 100%) / 610);
	}
	article #about ul.modl_ul2 > li dl dd {
		width: calc((450 * 100%) / 610);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	article #about ul.modl_ul2 > li dl dd p {
		font-size: 2.7vw;
	}
	article #about ul.modl_ul2 > li dl dd > div{
		width: 82%;
		text-align: left;
	}
	article #about ul.modl_ul2 > li dl dd p.lnk_dtl {
		margin-top: .8em;
		background-color: transparent;
		display: inline;
		/* border-bottom: 1px solid rgba(82,83,88,1); */
		width: 100%;
		padding: .2em 0 .1em;
		font-size: 3.5vw;
		line-height: 1.5em;
	}
	article #about ul.modl_ul2 > li dl dd p.lnk_dtl span {
		padding: 0 1.5em .1em 0;
	}
	article #about ul.modl_ul2 > li dl dd p.lnk_dtl span:after {
		top: 1em;
	}
}





p.othermovie {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 510px;
	border-bottom: #434445 1px solid;
	text-align: left;
	font-size: 16px;
	letter-spacing: .14em;
	padding-bottom: .5em;
	margin-top: 3em;
}
p.othermovie:after {
    content: "";
    position: absolute;
    height: .5em;
    width: .5em;
    display: block;
	border-top: 1px #434445 solid;
	border-right: 1px #434445 solid;
	transform: rotate(45deg);
    right: .5em;
	top: .4em;
}
p.othermovie a:hover {
	color: #434445;
}
@media screen and (max-width: 767px) {
	p.othermovie {
		font-size: calc((26 * 100vw)/750);
		width: 100%;
		line-height: 1.4em;
	}
	p.othermovie:after {
		top: 1.4em;
	}
	p.othermovie a:hover {
		color: #434445;
	}
}




#wf-popup .popup_inner.popup_about_inner.d6.int,
#wf-popup .popup_inner.popup_about_inner.d7.int,
#wf-popup .popup_inner.popup_about_inner.d8.int {
	width: 100%;
	max-width: 100%;
	background-color: #f5f5f5 !important;
}
#wf-popup .popup_inner.popup_about_inner.d6.int .d5_box,
#wf-popup .popup_inner.popup_about_inner.d7.int .d5_box,
#wf-popup .popup_inner.popup_about_inner.d8.int .d5_box {
	max-width: 872px;
	margin-left: auto;
	margin-right: auto;
}
.modl_intmv {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 80px 0 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.modl_intmv dt {
	width: calc((400 * 100%)/872);
}
.modl_intmv dt img {
	width: 100%;
}
.modl_intmv dd {
	width: calc((442 * 100%)/872);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.modl_intmv dd > div {
}
.modl_intmv dd > div p.modl_intmv_title{
	border-bottom: 1px solid #434445;
	color: #434445;
	font-size: 32px;
	font-family: a-otf-ryumin-pr6n, sans-serif;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
#wf-popup .modl_intmv dd > div p.modl_intmv_title img{
	width: 72%;
	margin: 0;
}
.modl_intmv dd > div p.modl_intmv_info{
	color: #434445;
	font-size: 18px;
	font-family: a-otf-ryumin-pr6n, sans-serif;
	line-height: 1.3em;
}
.modl_int {
	margin-bottom: 40px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.modl_int dt p{
	font-size: 20px;
	color: #556fb5;
	line-height: 1.8em;
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.modl_int dt p.cl01{
	color: #556fb5;
}
.modl_int dt p.cl02{
	color: #f16859;
}
.modl_int dt p.cl03{
	color: #d144c1;
}
.modl_int dd p {
	font-size: 16px;
	line-height: 1.8em;
	color: #525358;
	margin-left: 3.5em;
}
.modl_int dd p.psnl01 {
	padding-left: 3.2em;
	text-indent: -3.2em;
}
.modl_int dd p.psnl02 {
	padding-left: 3.6em;
	text-indent: -3.6em;
}
.modl_int dd p.psnl03 {
	padding-left: 4.9em;
	text-indent: -4.9em;
}
.modl_qa {
	border-top: 1px solid #525358;
	padding-top: 30px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.modl_qa > dl {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.modl_qa > dl > dt {
	width: calc((75 * 100%)/872);
}
.modl_qa > dl > dt img {
	width: 100%;
}
.modl_qa > dl > dd {
	width: calc((777 * 100%)/872);
}
.modl_qa > dl > dd p {
	line-height: 1.8em;
}
.modl_qa > dl > dd p.qa_title {
	color: #556fb5;
	font-size: 18px;
}
.modl_qa > dl > dd p.qa_q {
	color: #525358;
	font-size: 20px;
	line-height: 1.5em;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 1em;
}
.modl_qa > dl > dd p.qa_a {
	color: #525358;
	font-size: 16px;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.modl_qa > dl > dd p.qa_a span {
	font-size: 20px;
	margin-right: .2em;
}






@media screen and (max-width: 767px) {
	#wf-popup .popup_inner.popup_about_inner.d6.int .d5_box {
	}
	.modl_intmv {
		width: calc((610 * 100%) / 750);
		display: block;
		margin: 0 auto;
		padding: 10vw 0 0;
	}
	.modl_intmv dt {
		width: calc((400 * 100%)/750);
	}
	.modl_intmv dd {
		width: 100%;
		display: block;
		margin: 4vw 0 6vw;
	}
	.modl_intmv dd > div {
	}
	.modl_intmv dd > div p.modl_intmv_title{
		font-size: 6vw;
	}
	.modl_intmv dd > div p.modl_intmv_info{
		font-size: 3.6vw;
	}
	.modl_int {
		width: calc((610 * 100%) / 750);
		margin: 0 auto 4vw;
	}
	.modl_int dt p{
		font-size: 3.6vw;
	}
	.modl_int dd p {
		font-size: 3.2vw;
		margin-left: 1.5em;
	}
	.modl_int dd p.psnl01 {
	}
	.modl_qa {
		padding-top: 5vw;
		width: calc((610 * 100%) / 750);
		margin: 0 auto;
	}
	.modl_qa > dl {
		margin-bottom: 5vw;
	}
	.modl_qa > dl > dt {
		width: calc((120 * 100%)/610);
	}
	.modl_qa > dl > dt img {
		width: 100%;
	}
	.modl_qa > dl > dd {
		width: calc((470 * 100%)/610);
	}
	.modl_qa > dl > dd p {
		line-height: 1.8em;
	}
	.modl_qa > dl > dd p.qa_title {
		color: #556fb5;
		font-size: 3.6vw;
	}
	.modl_qa > dl > dd p.qa_q {
		font-size: 3.8vw;
	}
	.modl_qa > dl > dd p.qa_a {
		font-size: 3.4vw;
	}
	.modl_qa > dl > dd p.qa_a span {
		font-size: 3.8vw;
	}
}
#wf-popup .intclose {
	display: none;
	width: 88px;
	right: 40px;
    position: relative;
    z-index: 9999;
}
#wf-popup .intclose.dspon{
	display: block;
}
#wf-popup .popup_about_youtube.movonly {
	margin-top: 200px;
}
@media screen and (max-width: 767px) {
	#wf-popup .btn_popup_close .bar {
		top: 7vw;
		left: auto;
		right: 3vw;
	}
	#wf-popup .intclose {
		width: 12vw;
		right: 8vw;
		top: 4vw;
	}
	#wf-popup .popup_about_youtube.movonly {
		margin-top: calc(50vh - 26vw) !important;
	}
}



#wf-popup .popup_inner.popup_about_inner.d6.int .popup_about_buy_sticky,
#wf-popup .popup_inner.popup_about_inner.d7.int .popup_about_buy_sticky,
#wf-popup .popup_inner.popup_about_inner.d8.int .popup_about_buy_sticky {
	background-color: #525358;
}
#wf-popup .popup_inner.popup_about_inner.d6.int .popup_about_buy_sticky p a, 
#wf-popup .popup_inner.popup_about_inner.d7.int .popup_about_buy_sticky p a ,
#wf-popup .popup_inner.popup_about_inner.d8.int .popup_about_buy_sticky p a {
	background-color: #525358;
}
#wf-popup .popup_inner.popup_about_inner.d6.int .popup_about_buy p,
#wf-popup .popup_inner.popup_about_inner.d7.int .popup_about_buy_sticky p,
#wf-popup .popup_inner.popup_about_inner.d8.int .popup_about_buy p,
#wf-popup .popup_inner.popup_about_inner.d6.int .popup_about_buy_sticky p,
#wf-popup .popup_inner.popup_about_inner.d7.int .popup_about_buy p,
#wf-popup .popup_inner.popup_about_inner.d8.int .popup_about_buy_sticky p {
	max-width: 375px;
}

#wf-popup .popup_inner.popup_about_inner {
}
#wf-popup .popup_inner.popup_about_inner .popup_about_buy {
	padding-bottom: 0;
}
#wf-popup .popup_inner.popup_about_inner .popup_about_buy_sticky {
}
@media screen and (max-width: 767px) {
	#wf-popup .popup_inner.popup_about_inner .popup_about_head {
		padding-top: 20%;
	}
}

article #mv_atl .mv_atl_box dl {
	bottom: -134px;
	right: 2.2%;
}
@media screen and (max-width: 1440px) {
	article #mv_atl .mv_atl_box dl {
		top: 95%;
	}
}
@media screen and (max-width: 767px) {
	article #mv_atl .mv_atl_box dl dt {
		bottom: -24%;
		left: 12%;
		width: 32vw;
		height: 28vw;
	}
}

article #mv_atl .mv_atl_box div .mv_atl_title {
	height: 30px;
	background-image: url(../images/mv_atl_text2.png);
}
@media screen and (max-width: 767px) {
	article #mv_atl .mv_inner p {
		width: 67vw;
		height: 17vw;
		background-image: url(../images/mv_text2.png);
	}
}



#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti1 {
	width: 556px;
	height: 77px;
	background-image: url(../images/popup_about_title1.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti1 {
	width: 116px;
	height: 29px;
	background-image: url(../images/popup_about_sub_title1.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti2 {
	width: 556px;
	height: 77px;
	background-image: url(../images/popup_about_title2.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti2 {
	width: 500px;
	height: 34px;
	background-image: url(../images/popup_about_sub_title2.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti3 {
	width: 556px;
	height: 70px;
	background-image: url(../images/popup_about_title3.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti3 {
	width: 413px;
	height: 39px;
	background-image: url(../images/popup_about_sub_title3.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti4 {
	width: 556px;
	height: 70px;
	background-image: url(../images/popup_about_title4.png); }
  #wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti4 {
	width: 112px;
	height: 29px;
	background-image: url(../images/popup_about_sub_title4.png); }

@media screen and (max-width: 767px) {
#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti1 {
	width: 52vw;
	height: 19.2vw;
	background-image: url(../images/popup_about_sp_title1.png); }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti1 {
	width: 22vw;
	height: 5.5vw; }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti2 {
	width: 56vw;
	height: 19.2vw;
	background-image: url(../images/popup_about_sp_title2.png); }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti2 {
	width: 85vw;
	height: 5.8vw; }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti3 {
	width: 51.7vw;
	height: 20vw;
	background-image: url(../images/popup_about_sp_title3.png); }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti3 {
	width: 70vw;
	height: 7vw; }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_head h3.arti4 {
	width: 51.8vw;
	height: 19.8vw;
	background-image: url(../images/popup_about_sp_title4.png); }
	#wf-popup .popup_inner.popup_about_inner.d1 .popup_about_content .popup_about_content_title h4.arti4 {
	width: 19.5vw;
	height: 5vw; }
}

@media screen and (max-width: 767px) {
	article #mv_atl .mv_under .mv_under_title {
		margin: 15% 0 10%;
	}
}


article #share2.share2 {
	padding: 10px 0;
	background-color: #f5f5f5;
}
article #share .share_inner .lnk_bnr {
	margin: 40px auto;
	width: 95%;
	max-width: 1140px;
}

@media screen and (min-width: 768px) {
	article #mv_atl .mv_under {
		padding-top: 80px;
	}
}



article #share2 {
    max-width: none;
    padding: 60px 0;
    background-color: #fff; }
    article #share2 h2 {
      margin-bottom: 35px; }
    article #share2 .share_icon {
      text-align: center;
      margin-bottom: 60px; }
      article #share2 .share_icon p {
        display: inline-block;
        margin: 0 15px; }
        article #share2 .share_icon p a {
          display: block; }
          article #share2 .share_icon p a img {
            display: block; }
    article #share2 .share_inner small {
      display: block;
      text-align: center;
      font-size: 18px;
      color: #7b7b7b;
      margin-bottom: 25px;
      letter-spacing: 0.1em; }
    article #share2 .share_inner .share_lead {
      text-align: center;
      font-size: 18px;
      color: #5f5f5f;
      line-height: 1.8;
      letter-spacing: 0.1em; }
      article #share2 .share_inner .share_lead sup {
        font-size: 12px;
        vertical-align: middle;
        margin-top: 0.5em;
        display: inline-block; }
    article #share2 .share_inner ul {
      width: 95%;
      margin: 40px auto 70px;
      display: flex;
      align-items: flex-start;
      justify-content: center; }
      article #share2 .share_inner ul li {
        width: 33.333%;
        max-width: 368px;
        margin: 0 10px; }
        article #share2 .share_inner ul li:first-child {
          margin-left: 0; }
        article #share2 .share_inner ul li:last-child {
          margin-right: 0; }
        article #share2 .share_inner ul li p:nth-child(1) {
          border: 1px solid #959595;
          margin-bottom: 10px; }
          article #share2 .share_inner ul li p:nth-child(1) img {
            width: 100%;
            display: block; }
        article #share2 .share_inner ul li p:nth-child(2) {
          line-height: 1.7;
          font-size: 15px;
          letter-spacing: 0.1em;
          padding: 0 5px; }
          article #share2 .share_inner ul li p:nth-child(2) a {
            color: #626161;
            display: inline-block;
            letter-spacing: 0;
            margin-left: -5px;
            padding: 0 5px;
            position: relative; }
            article #share2 .share_inner ul li p:nth-child(2) a:before {
              content: "";
              width: 100%;
              height: 1px;
              background-color: #d3d4d4;
              position: absolute;
              bottom: 0;
              left: 0;
              z-index: 2; }
            article #share2 .share_inner ul li p:nth-child(2) a:after {
              content: "";
              width: 100%;
              height: 1px;
              background-color: #000;
              position: absolute;
              bottom: 0;
              left: 0; }
            article #share2 .share_inner ul li p:nth-child(2) a:hover:before {
              -webkit-animation: 600ms hover_line 1 ease-out;
              animation: 600ms hover_line 1 ease-out; }
    article #share2 .share_inner .share_cap {
      width: 95%;
      max-width: 1140px;
      margin: auto;
      font-size: 12px;
      color: #939393;
      line-height: 1.8; }
    @media screen and (max-width: 767px) {
      article #share2 {
        padding: 15% 0; }
        article #share2 h2 {
          margin-bottom: 10%; }
        article #share2 .share_icon {
          margin-bottom: 12%; }
          article #share2 .share_icon p {
            margin: 0 3%; }
        article #share2 .share_inner small {
          font-size: 3.8vw;
          margin-bottom: 5%; }
        article #share2 .share_inner .share_lead {
          font-size: 4.8vw; }
          article #share2 .share_inner .share_lead sup {
            font-size: 3vw; }
        article #share2 .share_inner ul {
          width: 80%;
          margin: 5% auto 10%;
          display: block; }
          article #share2 .share_inner ul li {
            width: 100%;
            max-width: none;
            margin: 0 0 16%; }
            article #share2 .share_inner ul li p:nth-child(1) {
              margin-bottom: 4%; }
            article #share2 .share_inner ul li p:nth-child(2) {
              font-size: 15px;
              padding: 0 5px; }
              article #share2 .share_inner ul li p:nth-child(2) a {
                margin-left: -2px;
                padding: 0 20vw 0 2px; }
        article #share2 .share_inner .share_cap {
          width: 80%;
          max-width: none;
          font-size: 3.2vw;
          line-height: 1.6; } }



#wf-popup .popup_inner.popup_about_inner.d6 iframe,
#wf-popup .popup_inner.popup_about_inner.d7 iframe,
#wf-popup .popup_inner.popup_about_inner.d8 iframe {
	margin: 40px auto 60px;
	display: block;
}
@media screen and (max-width: 767px) {
	#wf-popup .popup_inner.popup_about_inner.d6 iframe,
	#wf-popup .popup_inner.popup_about_inner.d7 iframe,
	#wf-popup .popup_inner.popup_about_inner.d8 iframe {
		width: 90vw;
		height: 50.625vw;
	}
}