@charset "UTF-8";
/* =======================================

    ow.css

========================================== */

/* common
========================================== */

html,body {
	width: 100%;
    margin: 0;
}
body {
  overflow-x: hidden;
  line-height: 0;
}
main,img,p,div,ul,li,a,p,dl,dt,dd {
    box-sizing: border-box;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
body#ow main {
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;	
	font-style: normal;
    color: #434343;
    padding-bottom: 100px;
}
main {
    padding-top: 0 !important;
    color: #424242;
}
main strong {
    font-weight: normal;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
img,h1,h2,h3,p,li,a,span,.num,section.salon ul li:first-child dl dt {
    transition: all .6s;
}
a:hover {
    opacity: 0.8;
}
section {
	padding-left: 0;
	padding-right: 0;
    padding-bottom: 80px;
}
section img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
section img.lazyloaded {
  opacity: 1;
}
picture {
    display: table;
}
h2 {
    display: table;
    margin: 0 auto;
}
.flex {
    display: flex;
    align-items: center;
}

/* fv
========================================== */

.fv {
    position: relative;
    display: table;
    margin: 0 auto;
}
.fv h1 {
    margin: 0 auto;
	max-width: 1920px;
}
section.cvbtn-top {
	padding-top: 30px;
}

/* cvbtn
========================================== */

.cvbtn {
	display: table;
    max-width: 560px;
    margin: 0 auto;
}
.cvbtn a:hover {
    filter: brightness(1.5);
    opacity: 1;
}
.cvbtn.doc a:hover {
    filter: brightness(1.15);
}
.cvbtn.fv {
    z-index: 1;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
}
.cvbtn.btm {
    padding-top: 3em;
}

/* section intv
========================================== */

section.intro {
    padding-top: 7%;
    padding-bottom: 0;
    max-width: 100%;
    margin-bottom: 30px;
}
.flex.case01 {
    justify-content: center;
}
section.intro .text {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    left: 50%;
    right: 0;
}
section.intro:before,
section.intro:after {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    width: 600px;
    aspect-ratio: 100 / 53;
    position: absolute;
    z-index: -1;
    top: 25%;
}
section.intro:before {
    background-image: url("../images/intro_bg_left.jpg");
    background-position: 0 0;
    left: -18%;
}
section.intro:after {
    background-image: url("../images/intro_bg_right.jpg");
    background-position: 0 0;
    right: -18%;
}
section.intv h2 {
    position: relative;
    top: -30px;
    margin: 0 auto;
    line-height: 1;
    display: table;
}
section.intv .wrap-case.case2,
section.intv .wrap-case.case3 {
    display: none;
}
section.intv .wrap-case.case2.defopen {
    display: block;
}
section.intv h4.acc {
    cursor: pointer;
}
section.intv h4.acc:hover {
    opacity: 0.7;
}

/* section interview
========================================== */

section.intv,
section.eveplus {
    background: url("../images/pattern_triangle.jpg");
    max-width: 100%;
    display: block;
    padding-bottom: 0;
    margin-bottom: 80px;
}
section.intv:before {
    content: "";
    display: table;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px); 
    left: 50%;
    right: 0;
    width: 274px;
    aspect-ratio: 137 / 20;
    background: url("../images/intro_arrow.png") center / contain no-repeat;
}
section.intv h4 {
    display: table;
    margin: 0 auto 1em auto;
}
section.intv .flex {
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}
.flex.case01.pic1 picture,
.flex.case02.pic1 picture,
.flex.case03.pic1 picture {
    padding-right: 2em;
}
.flex.case01.pic2 picture,
.flex.case02.pic2 picture,
.flex.case03.pic2 picture {
    padding-left: 2em;
}
section.intv .balloon {
    margin-bottom: 1em;
}
.flex.smarttouch {
    align-items: flex-end;
}
.flex.smarttouch picture {
    flex-shrink: 0;
    padding-right: 2em;
}
.flex.smarttouch figure {
    width: 100%;
}
.pickup {
    position: relative;
}
.pickup .p-box {
    background: #F3F6E4;
    padding: 2em 1.5em 0 1.5em;
    position: relative;
    border-radius: 15px;
    border: 3px solid #96AC2A;
    max-width: 1000px;
    margin: 0 auto;
}
section.intv .p-box .flex {
    align-items: flex-end;
}
.pickup .p-box p.wrap {
    border-radius: 2em;
    border: 2px solid #B0C05E;
    background: white;
    padding: 0.5em 1em;
    white-space: nowrap;
    line-height: 1;
    display: table;
    position: absolute;
    top: -1.5em;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    left: 50%;
    right: 0;
}
.pickup .p-box picture.subtitle {
    margin-bottom: 1em;
}
.graph figure {
    padding-bottom: 0.5em;
}
.pickup .p-box p.wrap span {
    color: #6A7D0E;
    font-size: 26px;
    font-weight: bold;
}
.pickup .p-box picture.title {
    display: table;
    margin: 0 auto 0.5em auto;
}
.graph .note p {
    font-size: 13px;
    padding-top: 0.5em;
    padding-right: 1em;
}
.graph .note p a {
    text-decoration: underline;
}
.graph .note p a:hover {
    text-decoration: none;
}
.pickup picture.flag {
    max-width: 1000px;
    display: block;
    margin: 0 auto;
}
.wrap-case {
    margin-bottom: 80px;
}
.p-box .note {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 1em;
}
.p-box ul {
    display: flex;
    justify-content: flex-start;
}
.p-box ul li {
    font-weight: 600;
    margin-right: 1em;
}
.p-box ul li:last-child {
    margin-right: 0;
}
.p-box ul li:before {
    content: "■";
}
.p-box ul li:first-child:before {
    color: #649CDF;
}
.p-box ul li:nth-child(2):before {
    color: #BF4F4C;
}
.p-box ul li:nth-child(3):before {
    color: #9BBB59;
}
.p-box ul li:nth-child(4):before {
    color: #8064A2;
}
p.note.left {
    max-width: 1000px;
    margin: 1em auto 0 auto;
    font-size: 13px;
}


/* section sugoi
========================================== */

section.sugoi,
section.salon {
    max-width: 100%;
    display: block;
    padding-bottom: 0;
}
section.sugoi ul,
section.salon ul {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 80px;
}
section.sugoi ul li,
section.salon ul li .box {
    border-radius: 20px;
    background: white;
    padding: 2.5em 1.5em 1.5em 1.5em;
    position: relative;
}
section.sugoi ul li {
    margin-bottom: 3.5em;
}
section.sugoi ul li:last-child,
section.salon ul li:last-child {
    margin-bottom: 0;
}
section.sugoi .num {
    color: #F59E98;
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 68px;
    position: absolute;
    left: 0.2em;
    top: -0.7em;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0;
}
.wf-futura-pt-bold-n7-active .num,
.wf-futura-pt-bold-n7-active section.salon ul li:first-child dl dt,
.wf-futura-pt-bold-n7-active section.qa dt:before,
.wf-futura-pt-bold-n7-active section.qa dd:before,
.wf-futura-pt-bold-n7-active section.qa h3,
.wf-futura-pt-bold-n7-active section.qa dt,
.wf-futura-pt-bold-n7-active section.qa .contact-num li:first-child {
    opacity: 1 !important;
}
section.sugoi dl dt {
    font-size: 32px;
    color: #B1534C;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
    border-bottom: 2px dashed #F59E98;
}
section.sugoi dl dt span {
    font-size: 70%;
}
section.sugoi ul li:first-child dl dt span {
    display: block;
}
section.sugoi dl dd,
section.salon ul li p {
    font-size: 17px;
    font-weight: 500;
}
section.sugoi ul.support {
    display: flex;
    justify-content: center;
    padding-bottom: 0;
    margin: 3em auto 0 auto;
    align-items: flex-start;
}
.modal-sentence {
    display: none;
}
section.sugoi .flex.first picture {
    flex-shrink: 0;
    padding-right: 1.5em;
}
section.sugoi ul.support li {
    border: 2px dashed #F59E98;
    padding: 1em;
    background: #F8F8F8;
    margin: 0 25px;
    position: relative;
    border-radius: 0;
    width: calc(100% / 3 - 50px);
}
section.sugoi ul.support picture {
    max-width: initial;
    margin: 0 auto 1em auto;
}
section.sugoi ul.support li .hide {
    display: none;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 1em;
}
section.sugoi ul.support p.more {
    border-radius: 1.5em;
    background: #F59E98;
    color: white;
    display: table;
    position: absolute;
    bottom: -1em;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    left: 50%;
    right: 0;
    font-weight: bold;
    padding: 0.5em 1em;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}
section.sugoi ul.support p.more:before {
    content: "詳しく見る"
}
section.sugoi ul.support p.more.mouseon:before {
    content: "閉じる"
}
section.sugoi ul.support p.more:hover {
    background: #b1534c;
}
section.sugoi ul.support .su-image {
    position: absolute;
    left: -3em;
    top: -3em;
}

/* section evepremierplus
========================================== */

section.eveplus {
    background: #F9E3E1;
    margin-bottom: 0;
}
section.eveplus .maintitle {
    padding-bottom: 0;
}
section.eveplus h4 {
    display: table;
    margin: 0 auto 2em auto;
}
section.eveplus picture.image {
    margin: 0 auto 3em auto;
    max-width: 1000px;
    position: relative;
}
section.eveplus picture.image figure {
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: 2;
}
section.eveplus .yellowframe {
    max-width: 1000px;
    margin: 0 auto 3em auto;
    background: #F6F3D9;
    border-radius: 0 0 20px 20px;
    padding: 1.5em;
}
section.eveplus .yellowframe picture:first-of-type {
    margin: 0 auto 10px auto;
}
section.eveplus .yellowframe picture:nth-child(2) {
    margin: 0 auto;   
}
section.eveplus .eveplus-movie {
    max-width: 1000px;
    margin: 0 auto;
}

/* section salon
========================================== */

section.salon {
    padding-top: 80px;
}
section.salon ul li .box {
    border: 2px solid #EE8E87;
    display: flex;
    align-items: center;
}
section.salon ul li:first-child .box {
    margin-bottom: 2em;
}
section.salon ul li:first-child dl dt,
section.qa .contact-num li:first-child {
    display: flex;
    align-items: center;
    position: relative;
    color: #EB4228;
    font-size: 35px;
    font-family: "futura-pt", sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: 0.5em;
    opacity: 0;
}
section.salon ul li .box.one:after {
    content: "";
    display: block;
    border-bottom: 2px dashed #F59E98;
    position: absolute;
    bottom: 0;
    width: 95%;
    padding-top: 1em;
}
section.salon ul li:first-child dl dt:before,
section.qa ul li:first-child:before {
    content: "";
    width: 16px;
    height: 27px;
    display: table;
    margin-right: 6px;
    background: url("../images/icon_tel.svg") no-repeat;
    background-size: contain;
}
section.salon ul li .box picture {
    flex-shrink: 0;
    padding-right: 2em;
}
section.salon ul li p.title {
    font-size: 25px;
    font-weight: 700;
    color: #B1534C;
    margin-bottom: 0.5em;
    line-height: 1;
}
dl.contact-num {
    display: flex;
    align-items: center;
}
section.salon ul li .box.one {
    margin-bottom: 0;
    border-top: 2px solid #EE8E87;
    border-left: 2px solid #EE8E87;
    border-right: 2px solid #EE8E87;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
}
section.salon ul li .box.two {
    border-top: 0;
    border-left: 2px solid #EE8E87;
    border-right: 2px solid #EE8E87;
    border-bottom: 2px solid #EE8E87;
    border-radius: 0 0 20px 20px;
}
section.salon .num {
    position: relative;
    left: 1.5em;
}

/* section qa
========================================== */

section.qa {
    padding-top: 80px;
}
section.qa h3 {
    color: #EB4228;
    font-size: 54px;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    margin: 0 auto 1em auto;
    opacity: 0;
}
section.qa dl {
    margin-bottom: 1.5em;
}
section.qa dt {
    background: #F59E98;
    border-radius: 1.5em;
    display: flex;
    align-items: center;
    color: white;
    padding: 0 1em;
    margin-bottom: 1em;
}
section.qa dt:before,
section.qa dd:before {
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    padding-right: 1.5em;
    font-size: 22px;
    opacity: 0;
    
}
section.qa dt:before {
    content: "Q";
    color: white;
}
section.qa dd:before {
    content: "A";
    color: #B1534C;
}
section.qa dt p {
    color: white;
    font-size: 18px;
    font-weight: bold;
}
section.qa dd {
    display: flex;
    align-items: center;
    padding: 0 1em;
}
section.qa dl:last-of-type dd {
    align-items: flex-start;
}
section.qa dl:last-of-type dd:before {
    position: relative;
    top: 0.5em;
}
section.qa ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
section.qa ul li {
    margin-right: 1em;
}
section.qa ul li:last-child {
    margin-right: 0;
}
section.qa dl:nth-of-type(4) dd p {
        padding-bottom: 1em;
}

/* footerlink
========================================== */

.ftInner {
    max-width: 100%;
    padding-bottom: 200px;
}
.ftInner .footerlink {
    display: flex;
    justify-content: center;
}
.ftInner .footerlink li a {
    color: #f59e98;
    font-weight: 600;
}
.ftInner .footerlink li:after {
    content: "/";
    padding: 0 1em;
}


/* section common
========================================== */

section { 
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    display: table;
}
.maintitle {
    display: table;
    margin: 0 auto;
}
.council {
    margin: 2em auto 3em auto;
}
.cvbtn picture.copy {
    margin: 0 auto;
}
.round {
    width: 100%;
    position: relative;
    background: url("../images/round.png") center bottom / 100% 80% no-repeat;
    bottom: -1px;
}
.round.pink {
    width: 100%;
    position: relative;
    background: url("../images/round_pink.png") center bottom / 100% 80% no-repeat;
}
.white {
    background:white;
}
.pink {
    background: #F9E3E1;
}
.maintitle {
    padding-bottom: 2em;
}


/* youtube
========================================== */

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    max-width: initial;
    margin: 0 auto;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
} 

/* ====================================== */
/* media query */

@media (min-width: 481px) and (max-width: 945px) {
    section.intro:before, section.intro:after {
        width: calc(100% / 2);
    }
}

@media (min-width: 481px) and (max-width: 999px) {
	
	/* common */
	
    body#ow main {
        padding-bottom: 6em;
    }
	.padding {
		padding-left: 3%;
		padding-right: 3%;
	}
    h2 {
        width: 95%;
    }
    
    /* cvbtn */
    
    .cvbtn {
        max-width: 45vw;
    }
    .cvbtn.btm {
    }
    
    /* section intro */
    
    section.intro:before,
    section.intro:after {
        width: 60vw;
    }
    section.intro .text {
        width: 60vw;
    }
    
    /* section interview */
    
    .maintitle {
    }
    section.intv {
        margin-bottom: 60px;
    }
    section.intv {
        margin-bottom: 0;
    }
    section.intv h2 {
        top: -1em;
    }
    section.intv h3 {
    }    
    section.intv h4 {
        max-width: 95%;
    }
    section.intv .flex {
        max-width: 95%;
        margin: 0 auto 3em auto;
    }
    .flex.smarttouch picture {
        width: 48%;
    }
    .pickup .p-box {
        max-width: 95%;
        margin: 0 auto;
    }
    .pickup picture.flag {
        max-width: 95%;
    }
    .pickup picture.flag img {
        width: 16%;
    }
    .pickup .p-box p.wrap span {
        font-size: 2rem;
    }
    .pickup .p-box picture.title {
        width: 60%;
    }
    section.intv .p-box .flex {
        max-width: 100%;
        margin: 0 auto 0 auto;
    }
    
    /* section sugoi */
    
    section.sugoi .num {
        font-size: 6.5rem;
    }
    section.sugoi ul,
    section.salon ul {
        max-width: 95%;
        padding-bottom: 60px;
    }
    section.sugoi ul li {
        margin-bottom: 3em;
    }
    section.sugoi dl dt {
        font-size: 2.35rem;
    }
    section.sugoi dl dd,
    section.salon ul li p,
    section.sugoi ul.support li .hide {
        font-size: 1.35rem;
    }
    section.sugoi ul.support .su-image {
        width: 4em;
    }
    section.sugoi ul.support .su-image {
        left: -2em;
    }
    section.sugoi ul.support li {
        margin: 0 10px;
        width: calc(100% / 3);
    }
    
    /* section eveplus */
    
    section.eveplus h4 {
        width: 60vw;
    }
    section.eveplus picture.image,
    section.eveplus .yellowframe {
        max-width: 95%;
    }
    section.eveplus .yellowframe picture:nth-of-type(2) {
        width: 60vw;
        margin: 0 auto;
    }
    section.eveplus .eveplus-movie {
        max-width: 95%;
    }
    section.eveplus picture.image figure {
        max-width: 12%;
    }
    
    /* section salon */
    
    section.salon {
        padding-top: 60px;
    }
    section.salon ul li:first-child dl dt {
        font-size: 3.5rem;
    }
    dl.contact-num {
        display: block;
    }
    section.salon ul li .box picture {
        width: 40vw;
    }
    
    /* section qa */
    
    section.qa {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    section.qa dl {
        max-width: 95%;
        margin: 0 auto 1.5em auto;
    }
    section.qa h3 {
        font-size: 5rem;
        margin: 0 auto 0.5em auto;
    }

    /* section common */
    
    h3 {
        max-width: 70%;
        margin: 0 auto;
    }
    .council {
        max-width: 95%;
    }
    
    /* footer */
    .ftInner {
        max-width: 95%;
        padding-bottom: 150px;
        margin: 0 auto;
    }
    .ftInner .footerlink {
        flex-wrap: wrap;
    }
}

@media screen and (max-width : 480px) {

    /* common */
    
    body {
        min-width: 100%;
    }
    body,html {
        overflow-x: hidden;
    }
    .pc {
        display: none;
    }
	.sp {
		display: block;
	}
    h2 {
        max-width: 95%;
    }
    body#ow main {
        padding-bottom: 1em;
    }
    
    /* cvbtn */
    
    .cvbtn.fv {
        position: relative;
        transform: none;
    }
    .cvbtn.btm {
    }

    /* section intro */
    
    section.intro {
        padding-top: 0;
    }
    section.intro .text {
        position: relative;
        width: 100vw;
    }
    section.intro:before,
    section.intro:after {
        content: none;
    }
    section.intro .text {
        position: relative;
        width: 100%;
        transform: none;
        margin: 0 auto 0 auto;
        left: initial;
    }
    
    /* section interview */
    
    section.intv h2 {
        top: initial;
        padding: 5% 0 0 0;
        margin-bottom: 1em;
    }
    section.intv:before {
        width: 100%;
        aspect-ratio: 75 / 7;
        background: url(../images/intro_arrow_sp.png) center top / contain no-repeat;
    }
    section.intv h3 {
        width: 100%;
    }
    section.intv .flex {
        max-width: 95%;
        flex-flow: column;
    }
    .flex.case01 {
        flex-flow: column;
    }
    .flex.case01.pic1 picture,
    .flex.case01.pic2 picture {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1em;
    }
    .flex.case01 .balloon {
        padding-bottom: 0;
    }
    .flex.smarttouch picture {
        padding-right: 0;
        padding-bottom: 1.5em;
    }
    .council {
        max-width: 95%;
        margin: 2em auto 2em auto;
    }
    section.intv {
        margin-bottom: 3em;
    }
    section.eveplus {
        margin-bottom: 0;
    }
    .pickup .p-box figure img {
    }
    .pickup .p-box {
        max-width: 95%;
        margin: 0 auto;
        padding: 2em 1em 0 1em;
    }
    .pickup p.note {
        max-width: 95%;
    }
    .pickup .p-box .graph {
        width: 100%;
    }
    .pickup .p-box picture.title {
        margin: 0 auto 1.5em auto;
    }
    .pickup .p-box p.wrap span {
        font-size: 4.25vw;
    }
    .pickup picture.flag {
        max-width: 95%;
    }
    .pickup picture.flag img {
        width: 25%;
    }
    .graph figure {
        padding-bottom: 1.5em;
    }
    .p-box ul li {
        font-size: 3.25vw;
    }
    .p-box .note {
        flex-wrap: wrap;
    }
    .graph .note p {
        margin: 0 0 0 auto;
    }
    
    /* section sugoi */
    
    section.sugoi ul,
    section.salon ul {
        max-width: 95%;
        padding-bottom: 3em;
    }
    section.sugoi .flex.first picture {
        flex-shrink: initial;
    }
    section.sugoi ul li {
        padding: 2em 1em 1em 1em;
        margin-bottom: 3em;
    }
    section.sugoi ul li:first-child p.txtforsp {
        padding-top: 0.5em;
    }
    section.sugoi dl dt {
        font-size: 5vw;
        padding-bottom: 0.35em;    
    }
    section.sugoi ul li:nth-child(2) dl dt,
    section.sugoi ul li:nth-child(3) dl dt {
        text-align: center;
    }
    section.sugoi ul li:nth-child(2) dl dt span {
        display: block;
    }
    section.sugoi .num {
        font-size: 12vw;
        top: -0.6em;
    }
    section.sugoi dl dd,
    section.sugoi p.txtforsp,
    section.salon ul li p {
        font-size: 3.5vw;
        font-weight: 600;
    }
    section.sugoi dl dd {
        padding-bottom: 1em;
    }
    section.sugoi ul.support {
        flex-flow: column;
        margin: 0 auto;    
    }
    section.sugoi ul.support li {
        width: 100%;
        margin: 0 0 3em 0;
    }
    section.sugoi ul.support li:last-child {
    }
    section.sugoi ul.support .su-image {
        display: none;
    }
    section.sugoi ul.support picture {
        max-width: initial;
        margin: 0 auto 1em auto;
        position: relative;
        display: flex;
        align-items: center;
    }
    section.sugoi ul.support picture:before {
        width: 6em;
        height: 6em;
        content: "";
        display: table;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
        flex-shrink: 0;
    }
    section.sugoi ul.support picture img {
        width: 70%;
    }
    section.sugoi ul.support li:first-child picture:before {
        background-image: url("../images/qa3_img1.png");
    }
    section.sugoi ul.support li:nth-child(2) picture:before {
        background-image: url("../images/qa3_img2.png");
    }
    section.sugoi ul.support li:nth-child(3) picture:before {
        background-image: url("../images/qa3_img3.png");
    }
    section.sugoi ul.support li .hide {
        font-size: 3.5vw;
    }
    
    /* section.eveplus */
    
    section.eveplus h4,
    section.eveplus picture.image,
    section.eveplus .yellowframe {
        width: 95%;
    }
    section.eveplus picture.image {
    z-index: 1;
        position: relative;
    }
    section.eveplus .yellowframe {
        position: relative;
        top: -2em;
        margin: 0 auto;
    }
    section.eveplus .eveplus-movie {
        max-width: 95%;
    }
    section.eveplus picture.image figure {
        max-width: 22%;
        left: 0;
    }
    
    /* section salon */
    
    section.salon {
        padding-top: 3em;
    }
    section.salon ul li .box picture {
        width: 100%;
        padding-right: 0;
        padding-bottom: 1em;
    }
    section.salon ul li .box {
        display: block;
        padding: 1.5em;
    }
    section.salon ul li:first-child dl dt span,
    section.qa .contact-num span {
        display: none;
    }
    section.salon ul li:first-child p {
        text-align: center;
        margin-bottom: 0.5em;
    }
    section.salon ul li p.title {
        font-size: 5.5vw;
    }
    section.salon dl.contact-num {
        flex-flow: column;
        width: 80%;
        margin: 0 auto;
    }
    section.salon ul li:first-child dl dt {
        margin-right: 0;
        margin-bottom: 10px;
        opacity: 1;
    }
    section.salon ul li:first-child dl dt:before {
        content: none;
    }
    section.salon .num {
        left: 0;
    }
    section.salon ul li:first-child .box {
        margin-bottom: 2em;
    }
    
    /* section qa */
    
    section.qa {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    section.qa dl {
        max-width: 95%;
        margin: 0 auto 1.5em auto;
    }
    section.qa h3 {
        font-size: 8vw;
        margin: 0 auto 0.5em auto;
    }
    section.qa .contact-num {
        flex-flow: column;
        width: 100%;
        margin: 0 auto;
    }
    section.qa .contact-num li,
    section.qa .contact-num li:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.qa ul li:first-child:before {
        content: none;
    }
    section.qa dt:before,
    section.qa dd:before {
        padding-right: 1em;
    }
    
    /* section common */
    
    .council {
        max-width: 95%;
    }
    
    /* footer */
    
    .ftInner {
        padding-bottom: 6em;
    }
    .ftInner .footerlink {
        flex-wrap: wrap;
    }
    
}