@charset "utf-8";
/* CSS Document */


/*==================================
	common
==================================*/
body { background: #fff; color: #111111; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-size: 62.5%;font-weight: lighter; font-feature-settings: "palt"; letter-spacing: 0.2em;}
.wrapper { position: relative;}
.contents { max-width: 750px; margin: 0 auto;}
.inner { margin: 0 auto; width: 86.66%;}
img { width: 100%;}
a {text-decoration:none; }
p {line-height: 1.8;}

@media screen and (min-width: 750px) {
body { width: 100%;}
.wrapper { margin: 0 auto;}

}
@media screen and (max-width: 749px) {
.wrapper {}
}



/*==================================
	floating
==================================*/
#floating { position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto;display: none;}
#floating .cvbtn { margin-top: 1%;width: 96%;margin-left: 2%; }
#floating .cvbtn .cvball { left: -3%; }

@media screen and (min-width: 750px) {
	#floating { max-width: 750px; height: 80px;}
	#floating .cvbtn { margin-top: -10%; }
}
@media screen and (max-width: 749px) {
	#floating { height: 80px;}
}

/*==================================
	txt bg
==================================*/
.ff_hi {font-family: 'Hind', sans-serif;}
h1 {font-size: 36px; font-weight: 600;text-align: center;line-height: 2;letter-spacing: 0.35em;}
h1 p {font-weight: 600;}
.line_y {display: inline-block; background:#dadf00; margin: 0 auto;border-radius: 2px;line-height: 1.3;letter-spacing: 0.2em;padding: 0 4%;}
.line_p {display: inline-block; background:#8d80a7; width: 26.66%;margin: 0 auto;border-radius: 2px;line-height: 1.4;color: #fff;letter-spacing: 0.2em;}
.line_br {display: inline-block; background:#ece5e2;margin: 0 auto;border-radius: 2px;line-height: 1.3;letter-spacing: 0.2em;padding: 0 4%;}
.line_b {background:#dadf007d;}
.ftcl_b {color: #758c99;}
.ftcl_r {color: #d03768;}
p.closingtxt {font-size: 36px; font-weight: 600;text-align: center;}
.bg_y {background: #dadf00; }
.bg_r {background: #d03768; color: #fff;}
.bg_p {background: #8d80a7; color: #fff;}
.bg_pi {background: #f4e8ea; color: #d03768;}
.bg_br {background: #ece5e2;}
.bg_lbr {background: #f8f7f5;}
.marker_lbr {background:linear-gradient(transparent 60%, #f1ecea 60%);}
.notes {font-size: 18px;padding-left:1em;text-indent:-1em;font-weight: normal;}
/* categorytit */
h1.titline {position: relative;padding-bottom: 55px;letter-spacing: 0.2vw;}
h1.titline:before {position: absolute;content: "";width: 1px;background:#dfd4ce;height: 90px;bottom: -50px;left: 0;right: 0;text-align: center;margin: 0 auto;z-index: 10;}
h1.titline span{font-size: 32px;}
.categorytit .txt {padding:0 6.6%; font-weight: 600;line-height: 2;font-size:36px; }
.categorytit {position: relative;z-index: 1;padding-top:25%; }
.categorytit:before {content: "";position: absolute; background: url("../img/tit_decotop.png") no-repeat left top;width: 39px;height: 31px;left: 6.6%;top:12.5%;background-size: contain;}
.categorytit .bg:before {content: "";position: absolute; top:0;background: #f7f6f4;max-width: 750px;width: 100%;z-index: -1;}

/* trainervoice */
.voice .txtbox {background:url("../img/trainer_img_btm.gif")no-repeat center bottom,url("../img/trainer_img_bg.gif") repeat-y center top;background-size: contain;}
.voice .txtbox p {width: 68%;padding: 6% 0 10%; margin: 0 auto;font-size: 26px;color: #767676;}

@media screen and (max-width: 749px) {
h1 {font-size: 4.8vw;}
p.closingtxt {font-size: 4.8vw;}
.notes {font-size: 2.4vw;}
/* categorytit */
h1.titline {}
h1.titline:before {height: 45px;bottom: -25px;}
h1.titline span{font-size: 4.266vw;}
.categorytit .txt {font-size:4.8vw; }
.categorytit {padding-top:25%; }
.categorytit:before {width: 20px;height: 16px;left: 6.6%;top:12%;}
.categorytit .bg:before {}
/* trainervoice */
.voice .txtbox {}
.voice .txtbox p {font-size: 3.466vw;}
}


/*==================================
	mv
==================================*/
#mv {overflow: hidden;}
#mv .mvcontent {position:relative;}
#mv .mvblock {padding-left: 6.66%;}
#mv .mvcontent .logo,
#mv .mvcontent .txt,
#mv .mvcontent .icon {position:absolute;}
#mv .mvcontent .logo {width: 23.46%;top:5.4%;} 
#mv .mvcontent .txt {width: 52.8%;top:27.57%;}
#mv .mvcontent .icon {width: 80%;height: 25.27%; right: 0;bottom: -2%;}
#mv .mvcontent .icon ul {position: relative;height: 100%;}
#mv .mvcontent .icon li {position: absolute;}
#mv .mvcontent .icon li.icon01 {width: 38.64%;}
#mv .mvcontent .icon li.icon02 {width: 38.64%;left: 32.38%;}
#mv .mvcontent .icon li.icon03 {width: 35.06%;right: 0%;}
/* cvbtn*/
.cvbtn {margin-top: 90px;}
.cvbtn a {position: relative; display: block; color: #fff; border-radius:7px; background: linear-gradient(90deg, rgba(141,128,167,1) 0%, rgba(181,166,179,1) 100%);font-size: 36px;text-align: center;padding: 4%;text-align: center; }
.cvbtn a p {line-height: 1.4;letter-spacing: .4rem;}
.cvbtn a span {font-size: 24px;display: block;}
.cvbtn .cvball {position: absolute;background: #dadf00;color: #111111; border-radius: 50%;top: -27.6%; left: -4.6%;font-size: 30px;padding: 32px 24px; box-shadow: 6px 10px 5px -3px rgba(0, 0, 0, .1)}
.cvbtn a p:before {content: ""; position: absolute;right: 2.9%; width: 25px; height: 1px;background: #fff;top:47.8%;}
.cvbtn a p:after {content: "";position: absolute;top:43%;right: 3.07%;width: 16px;height: 16px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media screen and (max-width: 749px) {
/* cvbtn*/
.cvbtn {margin-top: 45px;}
.cvbtn a {font-size: 4.8vw;padding: 4%; border-radius:4px;}
.cvbtn a p {letter-spacing: .2rem;}
.cvbtn a span {font-size: 3.2vw; }
.cvbtn .cvball {font-size: 4vw;padding: 16px 10px;}
.cvbtn a p:before {width: 3.846vw;top:49.5%;}
.cvbtn a p:after {width: 2.461vw;height: 2.461vw;}
}
@-moz-document url-prefix() {
.cvbtn .cvball {padding: 25px 24px;}
}

/*==================================
	explanation
==================================*/
#explanation {margin-top: 130px;}
#explanation h1 {text-align: center;}
#explanation h1 .line_y {}
#explanation .titbox {position: relative;z-index: 1;padding-top:24%; }
#explanation .titbox .img {padding:7.6% 0 0 6.6%; }
#explanation .titbox:after {content: "";position: absolute; background: url("../img/tit_decobtm.png") no-repeat left top;width: 39px;height: 31px;right: 6.6%;bottom:-10%;background-size: contain;}
#explanation .bg:before {height:70.3%; max-width: 750px;}
#explanation .txtbox {font-size: 28px;margin: 20% 0 10%;letter-spacing: 0vw;}
#explanation .txtbox .txt {line-height: 2.4;}
#explanation .txtbox .img {margin: 8% auto;}
#explanation .closingtxt {margin-bottom: 2%;}

@media screen and (max-width: 749px) {
#explanation {margin-top: 65px;}
#explanation h1 {}
#explanation h1 .line_y {}
#explanation .titbox {padding-top:24%; }
#explanation .titbox .img {}
#explanation .titbox:after {width: 19px;height: 16px;right: 6.6%;bottom:-10%;}
#explanation .bg:before {}
#explanation .txtbox {font-size: 3.733vw;}
#explanation .txtbox .txt {}
#explanation .txtbox .img {}
#explanation .closingtxt {}
}


/*==================================
	result
==================================*/
#result {margin-top: 140px;}
#result h1 {}
#result h1 span.line_y {width:100%;max-width: 200px; }
#result h1 .lineimg {position: relative;text-align: center;margin: 0 auto;}
#result h1 .lineimg::before {position: absolute;content: "";width: 277px; height: 18px; background: url("../img/lineimg.png") no-repeat left top;bottom: -5px;}

#result .ba
{font-size: 1rem;
text-align: right;
margin-bottom: 5%;
}

@media screen and (max-width: 749px) {
#result {margin-top: 70px;}
#result h1 {padding-bottom: 30px;}
#result h1 span.line_y {width: 30.76%;}
#result h1 .lineimg {}
#result h1 .lineimg::before {width: 33.61%; height: 15px;background-size: 100% auto;bottom: -10px;}
#result .ba
{font-size: 0.7rem;
text-align: right;
margin-right: 2.5%;
margin-bottom: 5%;
}

}

/*==================================
	membership
==================================*/
#membership {margin-top: 115px;}
#membership h1 {}
#membership .categorytit {position: relative;z-index: 1;padding-top:24%; }
#membership .categorytit:before {top: 7%;}
#membership .bg:before {height:65.3%;}
#membership .comparison .bg:before {height:58.3%;}
#membership .tab_wrap{margin-top: 10%;}
input[type="radio"]{display:none;}
#membership .tab_area{display: flex;position: relative;}
#membership .tab_area label{color:#11111; border-top:#dfd4ce 1px solid; border-right:#dfd4ce 1px solid;border-left:#dfd4ce 1px solid; text-align:center; cursor:pointer; transition:ease 0.2s opacity;margin-right: 1px;font-weight: 100;font-size:24px;font-weight: 600;padding: 3% 3%;}
#membership .tab_area label.tab1_label {padding: 3% 6%;}
#membership .tab_area label.tab1_label, 
#membership .tab_area label.tab2_label {border-bottom:#dfd4ce 1px solid;}
#membership .tab_area label:last-of-type{margin-left: 10px;}
#membership .tab_area::before {position: absolute;content: ""; background:#dfd4ce; height: 1px;bottom:0;right: 0;width: 100%;z-index: -1; }
#membership .tab_area label:hover{opacity:0.5;}
#membership .tab_panel{width:100%; display:none;margin-top: 8%;}
#membership .tab_panel p{letter-spacing:0; text-align:center;font-weight: 600;}
#membership #tab1:checked ~ .tab_area .tab1_label,
#membership #tab2:checked ~ .tab_area .tab2_label {color:#d03768;border-bottom:#f7f6f4 1px solid; }
#membership #tab1:checked ~ .panel_area #panel1,
#membership #tab2:checked ~ .panel_area #panel2 {display:block;}
#membership .membershiplist dl {display: flex;flex-wrap: wrap;font-size: 24px;border:#dfd4ce 1px solid;background: #fff;box-sizing: border-box;border-bottom: none;}
#membership .membershiplist dl dt {display: flex;align-items: center;justify-content: center; width: 16%;text-align: center;border-bottom:#dfd4ce 1px solid;padding: 2% 0;font-weight: 600;box-sizing: border-box;}
#membership .membershiplist dl dd {display: flex;width: 28%;align-items: center;justify-content: center;text-align: center;border-left:#dfd4ce 1px solid;border-bottom:#dfd4ce 1px solid;font-weight: 600;font-size: 26px;box-sizing: border-box;}
#membership .membershiplist dl dt.times {padding: 4.5% 0;font-size: 26px;}
#membership .membershiplist dl dd span {display: block; color: #cccccc; text-decoration: line-through;}
#membership .membershiplist dl dd p {line-height: 1.4;}
#membership .membershiplist ul {width: 100%;}
#membership .membershiplist ul li {padding: 8% 0;font-weight: 600;font-size: 20px;}
#membership .membershiplist.semi dl dd {width:42%; }
#membership .membershiplist.semi dl dt.semiplan {border:none;}
#membership .membershiplist.semi dl dd.semiplandd  {width:84%; font-size: 24px; padding: 1% 0;}
#membership p.notes {text-align: right;padding-top: 2%;font-weight: normal;}
#membership .comparison {margin-top: 18%;}
#membership .comparison.categorytit {padding-top: 23%;}
#membership .comparisonBox { display: flex;background: #fff;border: 1px solid #dfd4ce;box-sizing: border-box;margin:3% 0 0 6.66%;}
#membership .comparisonBox .titArea { width: 38%;padding-top: 55px;background: #fff;border-right: 1px solid #dfd4ce;}
#membership .comparisonBox .titArea .box { display: flex; width: 100%;}
#membership .comparisonBox .titArea .box .tit { writing-mode: vertical-rl; margin-right: 2px; margin-bottom: 2px; width: 15%; display: flex; align-items: center; justify-content: center;}
#membership .comparisonBox .titArea .box ul {width: 100%;}
#membership .comparisonBox .titArea .box ul li {display: flex; justify-content: center;align-items: center; box-sizing: border-box; line-height: 1.4; ; font-size: 26px;border-bottom: 1px solid #dfd4ce;min-height:101px;}
#membership .comparisonBox .titArea .box ul li:first-child {border-top: 1px solid #dfd4ce;}
#membership .comparisonBox .titArea .box ul li:last-child {border: none;}
#membership .comparisonBox .itemArea { width: 64%;}
#membership .comparisonBox .itemArea ul { display: flex;}
#membership .comparisonBox .itemArea ul li { text-align: center;font-size: 26px; border-left: 1px solid #dfd4ce;}
#membership .comparisonBox .itemArea ul li:first-child {border: none;}
#membership .comparisonBox .itemArea ul li dl {width:210px;}
#membership .comparisonBox .itemArea ul li dl dt {border-bottom: 1px solid #dfd4ce; box-sizing: border-box;}
#membership .comparisonBox .itemArea ul li dl dt .tit { line-height: 1.2; display: flex; align-items: center; justify-content: center;min-height: 55px;}
#membership .comparisonBox .itemArea ul li dl dd {display: flex; align-items: center; justify-content: center;font-size: 26px;min-height:100px; border-top: 1px solid #dfd4ce; box-sizing: border-box; }
#membership .comparisonBox .itemArea ul li dl dd span {display: block; font-size:22px;line-height: 1.4; }
.table-scroll { overflow: auto; white-space: nowrap;width:200px;}
#membership .comparisonBox .itemArea ul li dl dd p {line-height: 1.4;}
#membership .comparisonBox .itemArea ul li dl dd.box {min-height: 101px;}
#membership .rentalitem {margin-top: 7%;}
#membership .rentalitem .tit {font-size: 30px;text-align: center;font-weight: 600;}
#membership .rentalitem .rentalbox {margin-top: 4%; border: 1px solid #dfd4ce;padding:10% 12.30%;}
#membership .rentalitem ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
#membership .rentalitem ul li {background:#dadf0078;padding: 6px 0;width: 31.07%;font-size: 26px;text-align: center;}
#membership .rentalitem ul li:nth-child(n + 4) {width: 48.15%;margin-top: 3%;}
#membership .rentalitem .closingtxt {margin-top: 4%;}
#membership .rentalitem .closingtxt span { padding: 0 2%;}
#membership .voice {margin-top: -7%;}

@media screen and (max-width: 749px) {
#membership {margin-top: 58px;}
#membership h1 {padding-bottom: 25px;}
#membership .categorytit {}
#membership .categorytit:before {top:7%;}
#membership .bg:before {height:64.3%;}
#membership .tab_wrap{margin-top: 10%;}
input[type="radio"]{}
#membership .tab_area{}
#membership .tab_area label{font-size:3.692vw;letter-spacing: -0.1vw;}
#membership .tab_area label.tab1_label {}
#membership .tab_area label:last-of-type{margin-left: 5px;}
#membership .tab_area:after {width: 100%; }
#membership .tab_area label:hover{opacity:0.5;}
#membership .tab_panel{width:100%; display:none;margin-top: 7%;}
#membership .tab_panel p{}
#membership #tab1:checked ~ .tab_area .tab1_label,
#membership #tab2:checked ~ .tab_area .tab2_label {}
#membership #tab1:checked ~ .panel_area #panel1,
#membership #tab2:checked ~ .panel_area #panel2 {}
#membership .membershiplist dl {font-size:3.466vw;}
#membership .membershiplist dl dt {}
#membership .membershiplist dl dd {font-size:4vw;}
#membership .membershiplist dl dt.times {font-size:3.466vw;}
#membership .membershiplist dl dd span {}
#membership .membershiplist dl dd p {}
#membership .membershiplist ul {}
#membership .membershiplist ul li {font-size: 3.2vw;letter-spacing: -0.1vw;}
#membership .membershiplist.semi dl dd {}
#membership .membershiplist.semi dl dt.semiplan {border:none;}
#membership .membershiplist.semi dl dd.semiplandd {font-size: 3.2vw;}
#membership p.notes {}
#membership .comparison {}
#membership .comparison.categorytit {}
#membership .comparisonBox {}
#membership .comparisonBox .titArea {padding-top: 28px;}
#membership .comparisonBox .titArea .box {}
#membership .comparisonBox .titArea .box .tit {}
#membership .comparisonBox .titArea .box ul {}
#membership .comparisonBox .titArea .box ul li {font-size:3.466vw;min-height: 52px;}
#membership .comparisonBox .titArea .box ul li:first-child {}
#membership .comparisonBox .titArea .box ul li:last-child {}
#membership .comparisonBox .itemArea {}
#membership .comparisonBox .itemArea ul {}
#membership .comparisonBox .itemArea ul li {font-size: 3.466vw;}
#membership .comparisonBox .itemArea ul li:first-child {}
#membership .comparisonBox .itemArea ul li dl {width:120px;}
#membership .comparisonBox .itemArea ul li dl dt {}
#membership .comparisonBox .itemArea ul li dl dt .tit {min-height: 28px;}
#membership .comparisonBox .itemArea ul li dl dd {font-size: 3.466vw; min-height: 51px;}
#membership .comparisonBox .itemArea ul li dl dd span {font-size: 2.933vw; }
.table-scroll {width:100px;}
#membership .comparisonBox .itemArea ul li dl dd p {}
#membership .comparisonBox .itemArea ul li dl dd.box {min-height: 53px;}
#membership .rentalitem {margin-top: 8%;}
#membership .rentalitem .tit {font-size: 4vw;}
#membership .rentalitem .rentalbox {}
#membership .rentalitem ul {}
#membership .rentalitem ul li {font-size: 3.466vw;}
#membership .rentalitem ul li:nth-child(n + 4) {}
#membership .rentalitem .closingtxt {}
#membership .rentalitem .closingtxt span {}
#membership .voice {}
#membership .logotxt {text-align:right;padding-right:6.66%;font-size:10px;color: #111111;padding-bottom: 3%;margin-top: 2%;}

}


/*==================================
	service
==================================*/
#service {margin-top: 92px;}
#service .tit {}
#service .icontxt {color: #3a2a1e; font-size:16px; }
#service .serviceicon {text-align: center;padding-top: 12%;}
#service .service02 .serviceicon {padding-top: 18%;}
#service .service03 .serviceicon {padding-top: 12%;}
#service .serviceicon .iconnum {width: 8.5%;font-size:30px; color: #3a2a1e;background: #fff;border-radius: 50%;padding: 1% 2.4% 0;display: inline-block;}
#service .service01 {position: relative; }
#service .service01::before {position: absolute;content: "";width: 1px;background:#dfd4ce;height: 45px;top: -2%;left: 0;right: 0;text-align: center;margin: 0 auto;}
#service .service02 {margin-top: 8%;}
#service .service03 {margin-top: 15%;}
#service .service02 .serviceicon .iconnum,
#service .service03 .serviceicon .iconnum {padding: 1% 1% 0;}
#service .servicebox .bg {position: relative;}
#service .servicebox .bg::after {position: absolute; content: ""; background: #f7f6f4;width: 100%; height: 60vh;top:0;z-index: -1;}
#service .service02.servicebox .bg::after {height: 69vh;}
#service .service03.servicebox .bg::after {height: 80vh;}
#service .servicebox .tittxt {padding: 6% 6.66% 0;}
#service .servicebox .tittxt .txt {font-size:36px; font-weight: 600; line-height: 1.8;}
#service .logotxt {text-align:right;padding-right:6.66%;font-size:16px;color: #111111;padding-bottom: 3%;margin-top: -2%;}
#service .swiper_right,
#service .swiper_left {width: 100%; overflow: hidden;}
#service .swiper_left {margin-top: 5%;}
#service .swiper-wrapper { transition-timing-function: linear;z-index: -1;}
#service .swiper-slide {height: 40vh !important; width: auto !important;padding: 0 3%;}
#service .swiper-slide img {width: auto;height: 100%;}
#service .voice {margin-top: -6%;z-index: 1;}
#service .serviceblock {padding: 0 6.66%;}
#service .servicecareer {margin: 8% 0 8%;}
#service .servicecareer ul {margin: 5% auto 0;}
#service .servicecareer ul li {position: relative;padding-left: 2%;font-size: 26px;padding-bottom: 2%;color: #767676;letter-spacing: 0.1vw;}
#service .servicecareer ul li:last-child {padding-bottom: 0;}
#service .servicecareer ul li:before {position: absolute;content:"・";left: 0;}
#service .tit_band {background: #f7f6f4;padding: 1% 0;text-align: center;font-size: 26px;}
#service .servicecomment {position: relative; font-size: 28px;color: #767676;}
#service .servicecomment p {line-height: 2.4;}
#service .servicecomment .txtbg {background: #f7f6f4;padding: 10% 10.76%;letter-spacing: 0.1vw;}
#service .deco{position: relative;}
#service .deco:before {content: ""; position: absolute;  background: url(../img/tit_decotop.png) no-repeat left top; width: 6%;height:31px; left: 3%; top: -13px; background-size: contain;}
#service .serviceactivity .tit {text-align: center;font-size: 32px;margin:7% auto 4%;font-weight: 600;}
#service .serviceactivity li {padding-bottom:4.5%;}
#service .serviceactivity li:last-child {padding-bottom: 0;}
#service .trainerbg {background: #f7f6f4;}
#service .trainerbg .txtbg {background: #ffffff;}
#service .trainer02,
#service .trainer04{margin-top: 100px;padding:100px 6.66%;}
#service .trainer03,
#service .trainer05 {margin-top: 100px;}
#service .trainer05 {margin-bottom:80px; }
#service .decomedal {position: relative;}
#service .decomedal:after {content: ""; position: absolute; background: url(../img/icon_medal_s.png) no-repeat left top;width: 24px;height: 30px;top:4px;}
#service .voice {margin-top: -55px;}
#service .service03img {padding:0 6.66%;}
#service .guarantee {margin-top: 115px;}

@-moz-document url-prefix() {
#service .decomedal:after {top:12px;}
}

@media screen and (max-width: 749px) {
#service {margin-top: 46px;}
#service .tit { padding-bottom: 25px;}
#service .icontxt {font-size:2.133vw; }
#service .service02 .serviceicon {padding-top: 20%;}
#service .serviceicon .iconnum {font-size:4vw;padding: 1% 2% 0;}
#service .service01 {}
#service .service01::before {height: 45px;top: -2%;}
#service .service02,
#service .service03 {}
#service .servicebox .bg {}
#service .servicebox .bg::after {}
#service .service02.servicebox .bg::after {height: 44vh;}
#service .service03.servicebox .bg::after {height: 44vh;}
#service .servicebox .tittxt {}
#service .servicebox .tittxt .txt {font-size:4.8vw;}
#service .logotxt {font-size:2.133vw;}
#service .swiper_right,
#service .swiper_left {}
#service .swiper_left {}
#service .swiper-wrapper {}
#service .swiper-slide {height: 20vh!important;}
#service .swiper-slide img {}
#service .voice {margin-top: -32px;}
#service .serviceblock {}
#service .servicecareer {}
#service .servicecareer ul {}
#service .servicecareer ul li {font-size: 3.466vw;}
#service .servicecareer ul li:last-child {}
#service .servicecareer ul li:before {}
#service .tit_band {font-size: 3.466vw;}
#service .servicecomment {font-size: 3.733vw;}
#service .servicecomment p {}
#service .servicecomment .txtbg {}
#service .deco{}
#service .deco:before {width: 6%;height:31px; left: 3%; top: -6px;}
#service .serviceactivity .tit {font-size: 4.266vw;padding-bottom: 0;}
#service .serviceactivity li {}
#service .serviceactivity li:last-child {}
#service .trainerbg {}
#service .trainerbg .txtbg {}
#service .trainer02,
#service .trainer04{margin-top: 50px;padding:50px 6.66%;}
#service .trainer03,
#service .trainer05 {margin-top: 50px;}
#service .trainer05 {margin-bottom:40px; }
#service .decomedal {}
#service .decomedal:after {width: 12px;height: 15px;top:4px; background-size: 100%;}
#service .voice {margin-top: -30px;}
#service .service03img {}
#service .guarantee {margin-top: 58px;}
}

/*==================================
	uservoice
==================================*/
#uservoice {margin-top: 90px;}
#uservoice h1.titline {padding-bottom: 65px;}
#uservoice h1.titline span {font-size: 26px;vertical-align: middle; padding-top: 5px;}
#uservoice .uservoiceblock {background:url(../img/uservoice_bg.png) no-repeat left top,#f7f6f4;}
#uservoice .userbox {padding:100px 6.66% 68px;}
#uservoice .userbox01{padding-top:170px}
#uservoice .userbox04 {padding-bottom:120px}
#uservoice .userboxtit {position: relative;}
#uservoice .userboxtit:before {content: "";position: absolute; background: url("../img/tit_decotop.png") no-repeat left top;width: 39px;height: 31px;left: 0;top:-60px;background-size: contain;}
#uservoice .userboxtit .usertit {font-size: 36px;font-weight: 600;padding-bottom: 22px;letter-spacing: 0vw;}
#uservoice .userboxtit .userevaluation {font-size: 25px;color: #cfc1b9;}
#uservoice .userboxtit .userevaluation span {font-size: 28px;display: inline-block;padding-left: 10px;}
#uservoice .userboxtxt {position: relative;margin-top: 55px; background:url(../img/uservoice_txttop.png) no-repeat left top,url(../img/uservoice_txt.png) repeat-y left top,url(../img/uservoice_txtbtm.png) no-repeat left bottom;background-size: contain;color: #767676;line-height: 2; }
#uservoice .userboxtxt p {line-height: 2.2; font-size: 28px;padding:65px 9.33%;}
#uservoice .userboxtxt:before {content: ""; position: absolute;  background: url(../img/tit_decobtm.png) no-repeat left top; width:39px;height:31px; right: 20px; bottom: -20px; background-size: contain;}
#uservoice .uservoiceimg {position: relative;}
#uservoice .uservoiceimg .uservoiceimgtit {position: absolute;font-size: 36px;top:120px;left: 0;right: 0;margin: 0 auto;text-align: center;font-weight: 600;}
#uservoice .uservoiceimg .uservoiceimgtit p {font-weight: 600;}
#uservoice .lineimg {text-align: center;margin: 0 auto;}
#uservoice .lineimg p {background: url("../img/lineimg02.png") no-repeat left top;background-size:22.93%;background-position: 23% 86%;padding-bottom: 2%;}
#uservoice .voice .txtbox {background:url("../img/trainer_img_btm02.jpg")no-repeat center bottom,url("../img/trainer_img_bg02.jpg") repeat-y center top;background-size: contain;}
#uservoice .voice {margin-top: -60px;}
#uservoice .voice .txtbox p {color: #fff;padding: 2% 0 11%;}

@media screen and (max-width: 749px) {
#uservoice {margin-top: 50px;}
#uservoice h1.titline {padding-bottom: 25px;}
#uservoice h1.titline span {font-size: 2.8vw;padding-top: 3px;}
#uservoice .uservoiceblock {background-size: contain;}
#uservoice .userbox {padding:50px 6.66% 34px;}
#uservoice .userbox01{padding-top:85px;}
#uservoice .userbox04 {padding-bottom:60px}
#uservoice .userboxtit {}
#uservoice .userboxtit:before {width: 19px;height: 15px;top:-30px;}
#uservoice .userboxtit .usertit {font-size: 4.8vw;padding-bottom: 5px;}
#uservoice .userboxtit .userevaluation {font-size: 3.33vw;}
#uservoice .userboxtit .userevaluation span {font-size: 3.733vw;padding-left: 5px;}
#uservoice .userboxtxt {margin-top: 27px; }
#uservoice .userboxtxt p {font-size: 3.733vw;padding:35px 9.33%;}
#uservoice .userboxtxt:before {width:19px;height:15px; right: 10px; bottom: -10px;}
#uservoice .uservoiceimg {}
#uservoice .uservoiceimg .uservoiceimgtit {font-size: 4.8vw;top:60px;}
#uservoice .lineimg {text-align: center;margin: 0 auto;}
#uservoice .lineimg p {background-size: 20.93%;background-position: 22% 86%;}
#uservoice .voice .txtbox {}
#uservoice .voice {margin-top: -30px;}
#uservoice .voice .txtbox p {}
}

/*==================================
	shop
==================================*/
#shop {margin-bottom: 115px; margin-top: 115px;}
#shop .shopbox {padding:0 6.66%;margin-top: 95px;}
#shop .shopbox .shoptit {font-size: 36px;font-weight: 600; text-align: left;padding-bottom:40px; }
#shop .shopbox .shoptit .line_br {line-height: 1.2;}
#shop .shopbox .map iframe {width: 100%;height: 500px;}
#shop .shopbox .shoptxt {margin:40px auto 0;}
#shop .shopbox .shoptxt li {font-size: 26px; color: #767676;padding-bottom:15px;letter-spacing: 0; }
#shop .shopbox .shoptxt li:last-child {padding-bottom:0px; }
#shop .shopbox .shoptxt li a {color: #767676;}
#shop .shopbox .cvbtn {margin-top: 40px;}
#shop .shopbox .cvbtn a p {letter-spacing: 0vw;}
#shop .shopbox .cvbtn a p:before {top:49.8%;}
#shop .swiper_shop {max-width: 750px; width: 100%; overflow: hidden;margin-top: 40px;}
#shop .swiper-wrapper { transition-timing-function: linear;z-index: 1;}
#shop .swiper-slide {max-height: 250px; height: 100%!important; width: auto !important;padding: 0 3.5%;}
#shop .swiper-slide img {width: auto;height: 100%;}

@media screen and (max-width: 749px) {
#shop {margin-bottom: 57px; margin-top: 55px;}
#shop .shopbox {margin-top: 57px;}
#shop .shopbox .shoptit {font-size: 4.8vw;padding-bottom:20px; }
#shop .shopbox .map iframe {height: 250px;}
#shop .shopbox .shoptxt {margin:20px auto 0;}
#shop .shopbox .shoptxt li {font-size: 3.466vw;padding-bottom:7px; }
#shop .shopbox .shoptxt li:last-child { }
#shop .shopbox .cvbtn {margin-top: 20px;}
#shop .shopbox .cvbtn a {font-size: 4vw;padding: 5%;}
#shop .shopbox .cvbtn a p:before {top:50%;}
#shop .shopbox .cvbtn a p:after {}
#shop .swiper_shop {margin-top: 20px;}
#shop .swiper-slide {max-height: 125px;height: 15vh!important;}
#shop .swiper-slide img {}
}


#shop .shopbox-2 {padding:0 6.66%;margin-top: 15px;}
#shop .shopbox-2 .shoptit {font-size: 36px;font-weight: 600; text-align: left;padding-bottom:40px; }
#shop .shopbox-2 .shoptit .line_br {line-height: 1.2;}
#shop .shopbox-2 .map iframe {width: 100%;height: 500px;}
#shop .shopbox-2 .shoptxt {margin:40px auto 0;}
#shop .shopbox-2 .shoptxt li {font-size: 26px; color: #767676;padding-bottom:15px;letter-spacing: 0; }
#shop .shopbox-2 .shoptxt li:last-child {padding-bottom:0px; }
#shop .shopbox-2 .shoptxt li a {color: #767676;}
#shop .shopbox-2 .cvbtn {margin-top: 40px;}
#shop .shopbox-2 .cvbtn a p {letter-spacing: 0vw;}
#shop .shopbox-2 .cvbtn a p:before {top:49.8%;}

@media screen and (max-width: 749px) {
#shop .shopbox-2 {margin-top: 10px;}
#shop .shopbox-2 .shoptit {font-size: 4.8vw;padding-bottom:20px; }
#shop .shopbox-2 .map iframe {height: 250px;}
#shop .shopbox-2 .shoptxt {margin:20px auto 0;}
#shop .shopbox-2 .shoptxt li {font-size: 3.466vw;padding-bottom:7px; }
#shop .shopbox-2 .shoptxt li:last-child { }
#shop .shopbox-2 .cvbtn {margin-top: 20px;}
#shop .shopbox-2 .cvbtn a {font-size: 4vw;padding: 5%;}
#shop .shopbox-2 .cvbtn a p:before {top:50%;}
#shop .shopbox-2 .cvbtn a p:after {}

}

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
  border: 1px solid #ccc;
  background: white;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
  transform: rotate(45deg);
}

.title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box_a {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
  margin:0 3% 3% 3%;
    padding: 3%;
}


/*==================================
	form
==================================*/
#form {background: #f7f6f4;padding: 95px 0 98px; }
#form .tit {background: #f7f6f4;}
#form .tit span {font-size: 26px;vertical-align: middle;}
#form form {padding:0 6.66%;margin-top:68px; color: #767676;}
#form .contact_form {padding-bottom:25px; }
#form .blockbox {display: flex;justify-content: space-between;width: 100%;}
#form .blockbox div {width: 47.69%;}
#form label,
#form .itemTxt {display: block;font-size:30px; padding-bottom: 15px;}
#form .itemTxt span {font-size: 24px;}
#form input {font-size: 30px;width: 100%;border-radius: 5px;border: none;padding: 20px 20px;}
::placeholder {color: #d0cdcb; font-size: 30px;}
#form .notes {font-size: 24px;color: #8d8d8d; padding-bottom: 15px;}
#form .contact_form_tel input {margin-bottom: 0;}
#form .telbox01{width:23.43%;}
#form .telbox02,
#form .telbox03 {width:25.78%;margin-left: 12.5%;}
#form .telbox01,
#form .telbox02 {position: relative;}
#form .telbox01::after,
#form .telbox02::after{position:absolute; content:"";width: 25px; height: 1px;top: 50%;right:-35%; background:#767676;display: inline-block;background-size: contain;vertical-align: middle;top:50%;}
#form select#shopname {width: 100%;}
#form select {width: 100%;height: 100%;font-size:30px;padding: 20px;border: none;border-radius: 5px;-webkit-appearance: none;appearance: none;}
#form select::-ms-expand {display: none;}
#form .selectBox {position: relative;}
#form .selectBox::before {border-bottom: 6px solid #767676; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; position: absolute;right: 20px; top: 35%; width: 0;}
#form .selectBox::after {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #767676; content: ""; position: absolute; right: 20px; top: 55%; width: 0;}
#form textarea {width: 100%;height: 300px; border:none;border-radius: 5px;padding: 10px 20px;font-size:30px;}
#form .daybox input::-webkit-date-and-time-value {text-align: left!important;padding-left: 17px;}
input[type="date"] {position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;top: 0; left: 0;right: 0; bottom: 0;width: auto;height: auto;background: transparent; z-index: 1;}
input[type="date"]::before {border-bottom: 6px solid #767676; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; position: absolute;right: 20px; top: 35%; width: 0;}
input[type="date"]::after {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #767676; content: ""; position: absolute; right: 20px; top: 55%; width: 0;}
#form .cvbtn a {background: linear-gradient(90deg, rgba(208,55,104,1) 0%, rgba(224,107,145,1) 100%);}
form .errorItem { outline: 2px solid #cf3769;outline-offset: -2px; }
form #formErrorMessage { color: #cf3769;font-size: 18px;padding: 0 18px 18px 18px;line-height: 1.8; }

@media screen and (max-width: 749px) {
#form {padding: 57px 0; }
#form .tit span {font-size: 2.8vw}
#form form {margin-top:35px;}
#form .contact_form {padding-bottom:15px; }
#form .blockbox {}
#form .blockbox div {}
#form label,
#form .itemTxt {font-size:4vw; padding-bottom: 7px;}
#form .itemTxt span {font-size: 3.2vw;}
#form input {font-size: 4vw;padding: 12px 20px;}
::placeholder {color: #d0cdcb; font-size: 4vw;}
#form .notes {font-size: 3.2vw;padding-bottom: 7px;}
#form .contact_form_tel input {}
#form .telbox01{}
#form .telbox02,
#form .telbox03 {}
#form .telbox01,
#form .telbox02 {}
#form .telbox01::after,
#form .telbox02::after{width: 12px;}
#form select#shopname {}
#form select {font-size:4vw;padding: 17px;background: #fff;}
#form select::-ms-expand {}
#form .selectBox {}
#form .daybox input {font-size: 4vw; padding: 17px;background: #fff;height: 54px;width: 40vw;}
#form .daytimebox select {height: 54px;}
#form .selectBox::before {border-bottom: 3px solid #767676;border-left: 3px solid transparent; border-right: 3px solid transparent; right: 10px; top: 35%;}
#form .selectBox::after {border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #767676; content: ""; position: absolute; right: 10px; top: 55%;}
input[type="date"]::before {border-bottom: 3px solid #767676; border-left: 3px solid transparent; border-right: 3px solid transparent;}
input[type="date"]::after {border-left:3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #767676; content: "";}
#form textarea {height: 150px; border:none;padding: 5px 10px;font-size:4vw;}
form #formErrorMessage { color: #cf3769;font-size: 3.2vw;padding: 0vw 0vw 4vw 0vw;line-height: 1.8; }
}

/*==================================
	footer
==================================*/
#footer {background: #f7f6f4; padding: 100px 0 115px;border-top:1px solid #d8cdc5;}
#footer ul {display: flex;padding:0 6.66%;justify-content: space-between;}
#footer ul li {width: 47.69%;}
#footer ul li a {display: block; font-size:20px; width: 100%;background: #d8cdc5; text-align: center;color: #111111;padding: 10px 0;}
#footer copy {display: block; margin-top:40px; font-size:22px;text-align: center;}
@media screen and (max-width: 749px) {
#footer {padding: 50px 0 57px;}
#footer ul {}
#footer ul li {}
#footer ul li a {font-size:2.66vw;padding: 5px 0;}
#footer copy {margin-top:20px; font-size:2.933vw;}
}



/*==================================
	thanks
==================================*/
#thanksHeader h1.logo { margin: 4% 0 0 4%;width: 23.4667%; }
#thanks .thanksGreetingImg { width: 32%;margin: 0 auto;padding-bottom: 10%; }
#thanks .bg { position: relative;background: #f7f6f4;width: 86%;margin: 0 auto;text-align: center;padding: 8.4%;margin-bottom: 17%;margin-top: 10%; }
#thanks .bg:before { content: "";position: absolute;background: url(../img/tit_decotop.png) no-repeat left top;width: 39px;height: 31px;left: 3%;top: -6%;background-size: contain;bottom: -10%; }
#thanks .bg:after { content: "";position: absolute;background: url(../img/tit_decobtm.png) no-repeat left top;width: 39px;height: 31px;right: 3%;bottom: -8%;background-size: contain; }

@media screen and (min-width: 750px) {
	#thanks .txt { font-size: 26px;font-weight: 600; }
}
@media screen and (max-width: 749px) {
	#thanks .txt { font-size: 3.2vw; }
	#thanks .bg:after { width: 19px;height: 16px;right: 4%;bottom: -8%; }
	#thanks .bg:before { width: 20px;height: 16px;left: 4%;top: -6%; }
}
/*==================================
	thanks
==================================*/
#thanksHeader h1.logo { margin: 4% 0 0 4%;width: 23.4667%; }
#thanks .thanksGreetingImg { width: 32%;margin: 0 auto;padding-bottom: 10%; }
#thanks .bg { position: relative;background: #f7f6f4;width: 86%;margin: 0 auto;text-align: center;padding: 8.4%;margin-bottom: 17%;margin-top: 10%; }
#thanks .bg:before { content: "";position: absolute;background: url(../img/tit_decotop.png) no-repeat left top;width: 39px;height: 31px;left: 3%;top: -6%;background-size: contain;bottom: -10%; }
#thanks .bg:after { content: "";position: absolute;background: url(../img/tit_decobtm.png) no-repeat left top;width: 39px;height: 31px;right: 3%;bottom: -8%;background-size: contain; }

@media screen and (min-width: 750px) {
	#thanks .txt { font-size: 26px;font-weight: 600; }
}
@media screen and (max-width: 749px) {
	#thanks .txt { font-size: 3.2vw; }
	#thanks .bg:after { width: 19px;height: 16px;right: 4%;bottom: -8%; }
	#thanks .bg:before { width: 20px;height: 16px;left: 4%;top: -6%; }
}

/*==================================
	company
==================================*/
.sec-company {
  padding: 70px 0 156px;
}
@media screen and (max-width: 834px) {
  .sec-company {
    padding: 0 0 49px;
  }
}

.company-ttl {
  text-align: center;
  color: #dadf00;
  font-weight: bold;
  font-size: 3.8rem;
  margin-bottom: 68px;
  margin-top: 50px;
  letter-spacing: 6px;
}
@media screen and (max-width: 834px) {
  .company-ttl {
    font-size: 2.1rem;
    margin-bottom: 21px;
      margin-top: 50px;
    letter-spacing: 4px;
  }
}

.company-main {
  margin-bottom: 102px;
}
@media screen and (max-width: 834px) {
  .company-main {
    margin-bottom: 24px;
  }
}
.company-main img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

@media screen and (max-width: 834px) {
.company-main img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
}

.comapny-list {
  max-width: 835px;
  margin: 0 auto;
}
.comapny-list__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 97px;
  font-size: 1.5rem;
  padding: 19px 11px 20px;
  line-height: 1.9;
  border-top: 1px solid black;
  letter-spacing: 1.1px;
}
.comapny-list__item:last-child {
  border-bottom: 1px solid black;
}
@media screen and (max-width: 834px) {
  .comapny-list__item {
    min-height: 81px;
    font-size: 1rem;
    padding: 6px 11px;
  }
}
@media screen and (max-width: 374px) {
  .comapny-list__item {
    padding: 6px 0;
    letter-spacing: 0;
  }
}
.comapny-list__item a {
  color: black;
}
.comapny-list__ttl {
  width: 105px;
}
@media screen and (max-width: 834px) {
  .comapny-list__ttl {
    width: 86px;
  }
}
@media screen and (max-width: 374px) {
  .comapny-list__ttl {
    width: 70px;
  }
}
.comapny-list__txt {
  width: calc(100% - 105px);
}
@media screen and (max-width: 834px) {
  .comapny-list__txt {
    width: calc(100% - 86px);
  }
}
@media screen and (max-width: 374px) {
  .comapny-list__txt {
    width: calc(100% - 70px);
  }
}

/*==================================
	legal
==================================*/

sec-legal {
  padding: 68px 0 8px;
}


@media screen and (max-width: 834px) {
  .sec-legal {
    padding: 27px 0 1px;
  }
}

.legal-ttl {
  text-align: center;
  color: #dadf00;
  font-weight: bold;
  font-size: 3.5rem;
  margin-top: 50px;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 640px) {
  .legal-ttl {
    font-size: 2.1rem;
    margin-bottom: 14px;
    margin-top: 40px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 374px) {
  .legal-ttl {
    font-size: 1.8rem;
  }
}

.legal-wrap {
  max-width: 875px;
  background: white;
  border-radius: 15px;
  padding: 64px 30px 103px;
  margin: 0 auto 145px;
}
@media screen and (max-width: 640px) {
  .legal-wrap {
    padding: 0 22px;
    margin-bottom: 46px;
  }
}
.legal-wrap__item {
  max-width: 665px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 96px;
  border-bottom: 1px solid black;
  font-size: 1.5rem;
  line-height: 1.9;
  letter-spacing: 1px;
  padding: 18px 0;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .legal-wrap__item {
    min-height: auto;
    font-size: 1.1rem;
    padding: 19px 0 20px;
    letter-spacing: 0;
  }
  .legal-wrap__item:last-child {
    border-bottom: 0;
  }
}
.legal-wrap__item a {
  color: black;
}
.legal-wrap__ttl {
  width: 165px;
}
@media screen and (max-width: 640px) {
  .legal-wrap__ttl {
    width: 100%;
    margin-bottom: 10px;
  }
}
.legal-wrap__txt {
  width: calc(100% - 177px);
}
@media screen and (max-width: 640px) {
  .legal-wrap__txt {
    width: 100%;
  }
}
.legal-wrap__txt small {
  display: block;
  font-size: 1.3rem;
}
@media screen and (max-width: 640px) {
  .legal-wrap__txt small {
    font-size: 0.9rem;
    margin-top: 5px;
  }
}
.legal-wrap__block {
  margin: 0 auto 31px;
  max-width: 665px;
}
@media screen and (max-width: 640px) {
  .legal-wrap__block {
    border-bottom: 1px solid black;
    padding-bottom: 21px;
    margin-bottom: 23px;
  }
}
.legal-wrap__block:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.legal-wrap__block p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6153846154;
  line-height: 1.7;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .legal-wrap__block p {
    font-size: 1.1rem;
    line-height: 1.71;
    letter-spacing: 0;
  }
}
.legal-wrap__block-ttl {
  color: #dadf00;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}
@media screen and (max-width: 834px) {
  .legal-wrap__block-ttl {
    font-size: 1.3rem;
    letter-spacing: 0.5px;
  }
}
.legal-wrap__block--lhb {
  padding-top: 35px;
}
@media screen and (max-width: 640px) {
  .legal-wrap__block--lhb {
    padding-top: 17px;
  }
}
.legal-wrap__block--lhb p {
  line-height: 1.8;
}
@media screen and (max-width: 640px) {
  .legal-wrap__block--lhb p {
    line-height: 1.73;
  }
}
.legal-wrap__list {
  counter-reset: my-sec-counter;
  margin-top: 12px;
}
@media screen and (max-width: 640px) {
  .legal-wrap__list {
    margin-top: 8px;
  }
}
.legal-wrap__list-item {
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  padding-left: 32px;
  margin-bottom: 1px;
  letter-spacing: 1px;
}
@media screen and (max-width: 834px) {
  .legal-wrap__list-item {
    font-size: 1.1rem;
    line-height: 1.65;
    padding-left: 27px;
  }
}
.legal-wrap__list-item:before {
  counter-increment: my-sec-counter;
  content: "（" counter(my-sec-counter) "）";
  position: absolute;
  top: 0;
  left: -6px;
  letter-spacing: 5px;
}
.legal-wrap__list-item:last-child {
  margin-bottom: 0;
}
.legal-wrap__list-item a {
  color: #002bff;
  text-decoration: underline;
  word-break: break-all;
}
.legal-wrap__list--s2 .legal-wrap__list-item {
  line-height: 1.69;
  margin-bottom: 21px;
}
@media screen and (max-width: 834px) {
  .legal-wrap__list--s2 .legal-wrap__list-item {
    margin-bottom: 17px;
  }
}

/* ====================================================
Utility
==================================================== */
@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc-ipd {
    display: none !important;
  }
}
@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}
@media screen and (max-width: 374px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .sp-ipd {
    display: none !important;
  }
}
@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

.u-fn-hover {
  display: inline-block;
}
@media (any-hover: hover) {
  .u-fn-hover {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  .u-fn-hover:hover {
    opacity: 0.7;
  }
}

.u-pull--left {
  margin-left: calc((100vw - 100%) / 2 * -1);
}
.u-pull--right {
  margin-right: calc((100vw - 100%) / 2 * -1);
}

.u-img-of {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center", sans-serif;
}

.c-scroll-box {
  padding-bottom: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.c-scroll-box-y {
  padding-bottom: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media screen and (max-width: 834px) {
  .c-scroll-box-sp {
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.voice .b_txt {
  color: #767676;
  width: 85%;
  margin: 0 auto;
  font-size: 26px;
  margin-top: 1rem;
}
.userbox .b_txt {
  color: #767676;
  width: 100%;
  margin: 0 auto;
  font-size: 28px;
  margin-top: 2rem;
}
.user_info span {
  display: block;
  width: 88%;
  text-align: right;
  padding-top: 2rem;
  font-size: 18px;
  color: #767676;
}
.mv_warn {
  width: 83.5%;
  float: right;
  text-align: right;
  padding-top: 5px;
  line-height: 1.6;
}
@media screen and (max-width: 749px){
  .voice .b_txt {
    font-size: 3.466vw;
  }
  .user_info span {
    font-size: 10px;
  }
  .user_voice .b_txt {
    font-size: 4.8vw;
  }
}