@charset "UTF-8";

/* =============================================
index
================================================*/
.img-center { margin: 6% auto !important;display: block !important;}

/* cv-season
----------------------------------------------- */
.cv-season {background: url("../images/bn_bg.jpg")no-repeat top center;background-size: cover;padding: 7% 0;}
.cv-season .copy {margin: 0 auto 4vw;width: 92vw;}
.cv-season .bn {margin: 0 auto; width:70vw;}

/* risk
----------------------------------------------- */
.risk {margin: 6vw auto !important;width: 92vw;}
.risk .sarani {transform: rotate(-16deg);height: 100px;width: 100px;border-radius:50%;text-align:center;background: #c88d01;color: #fff;font-size: 5vw;margin: 0 auto 20px;padding: 39px 0;font-weight: bold;font-feature-settings: "palt";}
.risk .catch{font-size: 5vw;margin: 0 auto 4vw;text-align: center;line-height: 1.5;font-feature-settings: "palt";letter-spacing:.02em;font-weight: bold;}
.risk .catch span {display: inline-block; color:#00123e;font-size: 190%;font-weight: bold;background: linear-gradient(transparent 60%, #FFF451 60%);position: relative;top: -7px;}
.risk .catch sup {vertical-align: super; font-size: 60%;}
.risk p.ast {font-size: 3.2vw !important;padding-left: 1em;text-indent: -1em;text-align: left;font-feature-settings: "palt"; line-height:1.4;}


/* w-guarantee
----------------------------------------------- */
.w-guarantee{ background: #2d3473; padding: 8vw 0; margin: 0 auto;}
.w-guarantee .bg {width:100%; margin: 0 auto; }
.w-guarantee img { margin: 0 auto;}

/* intro-campaign
----------------------------------------------- */
.intro-campaign {text-align: center;}
.intro-campaign a {display: inline-block;}
.intro-campaign img { margin: 8% auto; width:90%;}
.intro-campaign a img {margin-top: 0;}
.intro-campaign p { margin: 0 auto 5%; text-align: center; color: #000; font-size: 5.2vw; font-weight: bold;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-feature-settings: "palt";letter-spacing: .05em;}


/* campaign2023(4_tokuten)
----------------------------------------------- */
.campaign2023{background: url(../images/campaign-2023.png)no-repeat top center #0e2549;background-size: 208%;height: 0;padding: 0 0 224%;margin: 0 auto;}
.campaign2023 .inner{position:relative;}
.campaign2023 img.odoroki{ width: 33%;position: absolute;right: 0;}
.campaign2023 .inner img.run{width: 28%;position: absolute;right: 0;z-index: 99;padding-top: 184%;}
.campaign2023 .inner img.run_guruguru{width: 17%;position: absolute;right: 6%;z-index: 100;padding-top: 202%;}
.campaign2023 .inner a.cvbn{width: 70%;position: absolute;padding-top: 190%;margin: 0 5% 0;}


/* go
----------------------------------------------- */
.go {width: 88%;margin: 0 auto;position: relative;text-align: center;padding-bottom: 20%;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-feature-settings: "palt";letter-spacing: .05em;}
.go .ttl {display: inline-block;background: #2d3473;color: #fff;padding: 4%;font-size: 6.8vw;font-weight: bold;border: 2px solid #2d3473;line-height: 1.3;width: 100%;}
.go .ttl span { border-bottom:1px solid #fff; padding-bottom:3px;}
.go ul {width: 100%;margin:  0 auto;border: 3px solid #2d3473;font-weight: 600;}
.go li {font-size: 4.8vw;line-height: 1.3;margin-bottom: 2%;padding: 2.4%;border-bottom: 1px dashed #ccc;color: #000;}
.go li:last-child{ border:none;}
.go li span { color:#c30000;}
.go img {position: absolute;bottom: -8%;left: 23%;width: 56%;}

/* present
----------------------------------------------- */
.present {padding: 5% 5% 4%;background: #181747;background: -moz-linear-gradient(left,  #181747 0%, #3c4891 50%, #181747 100%);background: -webkit-linear-gradient(left,  #181747 0%,#3c4891 50%,#181747 100%);background: linear-gradient(to right,  #181747 0%,#3c4891 50%,#181747 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181747', endColorstr='#181747',GradientType=1 );}
.present .bn_copy {width: 91%;margin: 0 auto 2%;}
.present a {width: 95%;margin: 0 auto;}
.present .timer {text-align: center;color: #f5ec6c;font-size: 5vw;font-weight: bold;font-feature-settings: "palt";margin-bottom: 2%;letter-spacing: 0.08em;}
.present .timer_in {font-size: 140%;display: inline-block; margin-right: 1%;}

/* for-orner
----------------------------------------------- */
.for-orner {padding: 0; background: #000;}
.for-orner * {margin: 0 auto; width: 100%;}
img.bn_bwj { min-height: auto;}
.for-orner p {color:#fff;text-align: center;padding: 5% 0;font-size: 5vw;line-height: 1.6;font-weight: bold;font-feature-settings: "palt";letter-spacing: .02em;}
.for-orner p span{border-bottom: 1px solid #fff; padding-bottom: 4px;}

/* crown_content
----------------------------------------------- */
.crown_content {background: url(../images/crown_bg.jpg) no-repeat center bottom #121212;background-size: cover;padding: 16% 0 2%;}
.crown_in {width: 80%;margin: 0 auto 10%;background: url(../images/crown_b.png) repeat-x center bottom, url(../images/crown_l.png) repeat-y left top, url(../images/crown_r.png) repeat-y right top;padding: 6% 5%;position: relative;}
.crown_in:before {content: "";width: 100%;background: url(../images/crown_t.png) no-repeat center top /100%;padding-bottom: 10%;position: absolute;left: 0;top: -1.4em;}
.crown_in img {width: 75%;margin: 0 auto 10%;}
.crown_in ul {padding: 0;}
.crown_in li {font-size: 4vw;background: url(../images/crown_check.png) no-repeat top 5px left;background-size: 12px;color: #fff;line-height: 1.4;padding: 0 0 1% 8%;letter-spacing: -0.1em;border-bottom: 1px dotted #f1f1f1;margin-bottom: 1.7%;}
.crown_in li:last-child {padding-bottom: 0;margin-bottom: 0;}
.crown_in li span {color: #d5b76f;font-size: 85%;}


/* function
----------------------------------------------- */
.function {padding: 8% 7% 0;}
.function .obi {background: /*#fe6381*/linear-gradient(90deg, rgb(253 100 127), rgb(202 70 213));padding: 3.3% 0 0;margin: 0 auto 3vw;color:#fff;text-align: center;font-size: 5vw;line-height: 1.4;font-weight: bold;font-feature-settings: "palt";}
.function .obi span.point {display: block;background: #ffffff;padding: 1% 3% 0.5%;margin-right: 2%;font-size: 70%;color: #181747;width: 43%;margin: 0 auto 2%;border-radius: 100px;}
.function .obi span.yellow { color:#fffd00;}
.function .obi b {border:1px solid #fff;padding: 4px 8px;margin: 0 3px;font-size: 90%;}
.function .obi small {display: block;width: 100%;margin: 14px 0 0;padding: 9px 0;font-size: 80%;border-top: 1px solid #fff;color: #fff;background: #181747;font-size: 70%;}

.function .pb { padding-bottom: 3vw !important;}

.function .mincho {color:#00123e;font-size: 4.8vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;line-height: 1.4;font-feature-settings: "palt";text-align: center;margin: 5% auto;font-weight: 600;padding: 0 3%;}
.function .mincho span {color: #c98e00;}

.function_ttl {text-align: center;font-size: 7.4vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;line-height: 1.2;color: #fff;margin-bottom: 7%;font-feature-settings: "palt";font-weight: 600;background: #181747;padding: 6vw 0;}
.function_ttl span {display: block;font-size: 4vw;letter-spacing: 0.1em;margin-bottom: 2%;line-height: 1;}
.function_ttl em {color: #c98e00;}
.function_box {margin-bottom: 10%;}
.border {border: 1px solid #fe6381;}
.function_box.patent {position: relative;}
.function_box.patent:after {content: "";width: 28%;padding-bottom: 28%;background: url(../images-ad01/patent_sp.png) no-repeat center top;background-size: contain;position: absolute;right: -3.5%;top: 24.2%;}
.function_box.patent2 {position: relative;}
.function_box.patent2:after {content: "";width: 28%;padding-bottom: 28%;background: url("../images-ad01/patent2_sp.png") no-repeat center top;background-size: contain;position: absolute;right: -3.5%;top: 8.2%;}
.function_box>img {margin-bottom: -22%;}
.function_box dl {width: 88%;margin: 0 auto 4%;}
.function_box dt {text-align: center;font-size: 4.2vw;color: #c98f00;margin-bottom: 6.5%;line-height: 1.4;font-feature-settings: "palt";letter-spacing: .02em;}
.function_box dt span {display: block;font-size: 5.5vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #181747;padding-bottom: 4%;margin-bottom: 3%;border-bottom: 1px solid;position: relative;}
.function_box dt span:before {content: ""; position:absolute; left: 0; bottom: 0.1em; width: 100%; height: 2px; background: #181747;}
.function_box dd {font-size: 3.6vw;line-height: 1.6;letter-spacing: .02em;text-align: justify;font-feature-settings: "palt";}
.function_box dd img { margin:0 auto 10px;}
.function_box dd span {font-weight: bold;color: #c98e00;}
.function_box dd small { font-size: 80%;}
.function_box dd .movie {margin-bottom: 5%;}
.function_box dd .movie iframe {width: 100%;height: 170px;}
.function_box dd pre {display: inline-block;font-size: 80%;position: relative;top: -0.5em;}
.function_box dd em {display: block;font-size: 90%;margin-top: 5%;}

.function_box .in{margin: 0 auto 8%;width: 86%;}
.function_box .in img{ margin: 0 auto 4%;}
.function_box .in img:last-child{ margin: 0 auto;}

.function_movie {display: none;}

.function_box>img.mb-nomal { margin-bottom: 3% !important;}

.dakara {width: 100%;margin: 0 auto 3%;}
.dakara img {margin: 4% auto;width: 60%;}
.dakara p {font-size: 4.4vw;text-align: center;line-height: 1.3;color: #00123e;font-weight: bold;font-feature-settings: "palt";}
.dakara p span{font-size: 186%;color: #c88d01;background: linear-gradient(transparent 60%, #FFF451 60%);}




/* chara_value
----------------------------------------------- */
.chara_value {background: url(../images/value_bg.jpg) repeat center top;padding-bottom: 6%;}

/* chara
----------------------------------------------- */
.chara {position: relative;margin-top: 6%;}
.chara:before {content: ""; width: 100%; height: 50%; background: #fff; position:absolute; left: 0; top: 0;}
.chara_ttl {padding: 9% 3%;margin-bottom: -23%;position: relative;}
.chara_ttl img {width: 56%;}
.chara_ttl img.chara_machine {position: absolute;right: 0;top: 1.5%;width: 43%;z-index: 1;}
.chara_in {padding: 20% 0 30%;margin-bottom: -35%;position: relative;overflow: hidden;}
.chara_in.bg_n {padding: 30% 0 35%;}
.chara_in .inner {position:relative;}
.chara_in:before {content:"";width: 170%;height: 79%;position: absolute;background: #dddcea;top: 8.5%;left: -25%;transform: rotate(-10deg);}
.chara_in.bg_n:before {background: #191748;}
.chara_in img {width: 90%;margin: 0 auto 4%;}
.chara_in p {width: 85%;margin: 0 auto;font-size: 4vw;line-height: 1.6;letter-spacing: 1px;text-align: justify;text-justify: auto;}
.chara_in p span {display: block;margin-bottom: 4%;font-weight: bold;font-size: 4vw;border-left: 4px solid;padding-left: 3%; color: #191748}
.chara_in.bg_n p,
.chara_in.bg_n span {color: #fff;}

/* value
----------------------------------------------- */
.value {background-size: 100%;padding-top: 35%;}
.value_ttl {width: 87%;margin: 0 auto 9%;}
.value_in {width: 90%;margin: 0 auto 9%;}
.value_in dt {padding: 5% 0;background: #fff;width: 92%;position: relative;margin: 0 auto;box-shadow: 0 0 10px rgba(41, 40, 95, 0.4);}
.value_in dt img {width: 40%; margin: 0 auto;}
.value_in dt span {position: absolute;width: 12%;height: 10px;right: 0;top: 35px;}
.value_in dt span:before {content:"";position:absolute;width: 20px;height: 2px;background: #181747;transform: rotate(90deg);}
.value_in dt span:after {content:"";position:absolute;width: 20px;height: 2px;background: #181747;}
.value_in dt.active span:before {content:"";position:absolute;width: 20px;height: 2px;background: #181747;transform: rotate(360deg);}
.value_in dd {display: none;margin-top: 4%;}
.value_in img {width: 93%;margin: 2% auto 7%;}
.value_in dd img {margin-top: 0;}
.value_in .value_midashi {text-align: center;font-size: 4.5vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;line-height: 1.4;margin-bottom: 5%;color: #0e0d41;letter-spacing: 1px;}
.value_in .value_txt {font-size: 4vw;padding: 1% 4%;line-height: 1.7;letter-spacing: 1px;text-align:justify;text-justify:auto;}
.value_in .value_txt span {color: #c88d01;}
.value_in .value_txt sup {font-size: 80%;}
.value_in .value_txt em {display: block; font-size: 84%; margin-top: 4%;}


/* compare
----------------------------------------------- */
.compare {background: #e9e8f8;background-size: 100%;padding: 10% 4% 16%;}
.compare_ttl {width: 84%;margin: 0 auto 10%;}
.compare_midashi {width: 69%;margin: 0 auto;}
.compare_in {position:relative;}
.compare_swipe {position:absolute;width: 59%;top: 102%;left: 0;}
.compare_graph {overflow: auto;}
.compare_in img {max-width: initial;}

/* reason
----------------------------------------------- */
.reason {background: url(../images/reason_bg.jpg) repeat center top;background-size: 24px;padding-bottom: 20%;}
.reason .inner {background: url(../images/reason_bg_6.png) no-repeat right -2em top;background-size: 52%;padding: 11% 0 0;}
.reason .reason_ttl {width: 84%;margin: 0 auto;}
.reason .reason_img {margin: 8% auto 14.5%;}
.reason .reason_in {padding: 0 9%;}
.reason .reason_in dl {position: relative;background: #fff;border: 2px solid #181747;border-radius: 10px;padding: 5% 5% 10%;margin-bottom: 12%;}
.reason .reason_in dl:last-child {margin-bottom: 0;}
.reason .reason_in dt {background: url(../images/reason_line.png) repeat-x left bottom;font-size: 3.5vw;padding: 1% 0 9% 9%;line-height: 1.5;}
.reason .reason_in dt img {position: absolute;left: -4%;top: -9%;width: 19%;}
.reason .reason_in dt span {font-size: 4.5vw;font-weight: bold;color: #181747;}
.reason .reason_in dd {width: 75%;margin: 0 auto;}
.reason.reason4 .inner {background: url("../images/reason_bg_4.png") no-repeat right -2em top;background-size: 52%;}


/* sensor
----------------------------------------------- */
.sensor {height: auto;padding: 5% 0 10%;overflow: hidden;}
.sensor_ttl {max-width: none;margin: 0 auto;width: 94%;position: relative;left: 49%;transform: translate(-50%);}
.sensor_txt {text-align: center;font-size: 4vw;line-height: 1.7;margin: 5% auto;letter-spacing: 0.02em;color: #181747;}
.sensor_txt span {font-weight: bold;}
.sensor_midashi {color: #181747;text-align: center;font-size: 5.5vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-feature-settings: "palt";letter-spacing: 0.08em;background: url(../images/sensor-arrow.png) no-repeat center bottom;background-size: 50%;padding-bottom: 11%;line-height: 1.4;}
.sensor_img {width: 90%;margin: 5% auto 10%;}
.sensor_set {text-align: center;}
.sensor_set_ttl {display: inline-block;font-size: 8vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #181747;margin-bottom: 10%;background: url(../images/sensor_set_ttl_left.png) no-repeat left top, url(../images/sensor_set_ttl_right.png) no-repeat right top;padding: 0 12%;}
.sensor_in {width: 90%;margin: 0 auto;}
.sensor_in img:first-child {margin-bottom: 10%}
.sensor_middle {width: 90%;text-align: center;font-size: 5.8vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #181747;margin: 5% auto;line-height: 1.7;letter-spacing: -0.05em;}
.sensor_middle span {display: block;background: #c88d01;color: #fff;}
.sensor_point {width: 90%;margin: 5% auto 0;}
.sensor_point li:first-child {margin-bottom: 10%;}
.sensor_point li img {padding: 0;}
.sensor_point li p {text-align: center;font-size: 4vw;font-weight: bold;color: #181747;line-height: 1.4;margin-top: 5%;}
.sensor_btm {font-size: 5.8vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #181747;line-height: 1.4;width: 90%;margin: 8% auto 0;text-align: center;letter-spacing: -0.1em;}
.sensor_btm span {display: block;background: linear-gradient(#0000 35%, #fffa9c 35%);}


/* ba
----------------------------------------------- */
.ba {padding: 4vw;margin: 0 auto 10vw;}
.ba ul {margin: 0 auto 6vw;align-items:center;justify-content:center;}
.ba ul li {margin: 0 1vw 2vw;}
p.ast {font-size: 3.2vw !important;padding-left: 1em;text-indent: -1em;text-align: center;font-feature-settings: "palt";}


/* mens
----------------------------------------------- */
.mens {margin: 9% auto;}
.mens-ttl {width: 96%;margin: 0 auto 5%;}
.mens-txt {color: #444;text-align: center;font-size: 4vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;line-height: 1.75;margin-bottom: 37px;}
.mens-txt span {color: #e83c4a;}
.mens-box {width: 92%;margin: 0 auto 21%;padding: 7%;background: #fff7;border-radius: 20px;box-shadow: 0 0 10px 10px #a8adb025;position:relative;}
.mens-box:after {content: "";border-top: 10vw solid #a6a5d5;border-left: 25vw solid #0000;border-right: 25vw solid #0000;position: absolute;left: 50%;bottom: -10vw;transform: translate(-50%);}
.mens-box-txt { margin-bottom: 5%; }
.mens-box-midashi {font-size: 6vw;font-feature-settings: "palt";line-height: 1.3;letter-spacing: 0.08em;color: #181747;padding-bottom: 6%;border-bottom: 1px solid #181747;}
.mens-box-midashi span {font-size: 70%;position: relative;top: -4px;}
.mens-box-p {margin-top: 6%;font-size: 4vw;line-height: 1.9;text-align: justify;color: #444;}
.mens-img01 {width: 90%;margin: 0 auto 10%;}
.mens-search-midashi {text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;margin-bottom: 10%;}
.mens-search-midashi dt {font-size: 4vw;line-height: 1.3;color: #464646;}
.mens-search-midashi dd {font-size: 6.4vw;font-feature-settings: "palt";margin-top: 4%;line-height: 1.2;letter-spacing: 0.08em;color: #181747;}
.mens-search-midashi dd span {color: #c88d01;}
.mens-rec-ttl {width: 90%;margin: 0 auto;}
.mens-rec {width: 90%;margin: 15% auto 0;}
.mens-rec-box {border: 1px solid #1f1ea3;padding: 10% 5% 7%;margin-bottom: 15%;position: relative;box-shadow: 3vw 3vw 0 0 #a6a5d525;background: url(../images/mens-rec-bg.jpg) no-repeat right bottom #fff;background-size: 40%;}
.mens-rec-box:last-child {margin-bottom: 10%}
.mens-rec-middle {text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 6vw;font-feature-settings: "palt";letter-spacing: 0.08em;color: #464646;margin-bottom: 15%;}
.mens-rec-label {width: 50vw;position: absolute;top: -5vw;left: 50%;transform: translate(-50%);padding: 3% 0;color: #fff;background: #817edb;text-align: center;}
.mens-rec-img {margin: 0 auto 35px;}
.mens-rec-txt {text-align: center;font-size: 4vw;line-height: 1.8;}
.mens-rec-txt span {font-size: 4.5vw;font-weight: bold;line-height: 1.2;color: #1444a3;}
.mens-rec-txt span em {font-size: 80%; position: relative; top: -5px; }
.mens-rec-box:last-child .mens-rec-txt {line-height: 1.7}
.mens-p {text-align: center;font-size: 4vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;line-height: 1.75;margin: 5% auto 7%;}
.mens-img02 {width: 90%;margin: 0 auto 8%;}
.mens-last {width: 92%;margin: 0 auto;padding: 7%;background: #fff7;border-radius: 20px;box-shadow: 0 0 10px 10px #a8adb025;position:relative;}
.mens-last-txt { margin-bottom: 5%; }
.mens-last-midashi {font-size: 6.5vw;font-feature-settings: "palt";line-height: 1.3;letter-spacing: 0.08em;color: #181747;padding-bottom: 6%;border-bottom: 1px solid #181747;}
.mens-last-midashi span {font-size: 70%;position: relative;top: -4px;}
.mens-last-p {margin-top: 6%;line-height: 1.9;text-align: justify;color: #444;}

/*profit 
----------------------------------------------- */
.profit {padding: 10vw 0 9vw;margin-bottom: 0;background: #101835;position: relative;}
.profit:after {content: '';border-top: 20vw solid #101835;border-right: 99vw solid transparent;border-left: 0 solid #101835;position: absolute;bottom: calc(-20vw + 1px);left: 0;}
.profit-image { width: 85vw; margin: 0 auto 6vw; }
.profit-image img { width: 100%; }
.profit-text p { width: 90vw; margin: 0 auto 4vw; color: #fff; font-size: 3.68vw; line-height: 1.6; }
.profit-title {margin-bottom: 5vw;color: #fff;font-size: 4.74vw;font-weight: bold;text-align: center;line-height: 1.4;font-feature-settings: "palt"1;letter-spacing:0.02em;}
.profit-title span { color: #ffef62; }
.profit-no1 { width: 75vw; margin: 0 auto 6vw; }
.profit-machine { margin-bottom: 5vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.profit-machine img { width: 38vw; margin: 0 1vw; }

/*feature
----------------------------------------------- */
.feature {padding: 20vw 0 15vw;background: url(../images/bg01.jpg) repeat top center;background-size: 100vw;}
.feature-ticker { width: 100vw; margin-bottom: 8vw; -moz-transform: translateX(105vw); -ms-transform: translateX(105vw); -webkit-transform: translateX(105vw); transform: translateX(105vw); animation: feature-ticker 12s linear infinite; }
.feature-ticker-text { width: 180vw; }
.feature-ticker-text img { width: 100%; }
@keyframes feature-ticker { 100% { -moz-transform: translateX(-185vw); -ms-transform: translateX(-185vw); -webkit-transform: translateX(-185vw); transform: translateX(-185vw); } }
.feature-title { margin-bottom: 6vw; color: #101835; text-align: center; }
.feature-title .small { margin-bottom: 2.5vw; font-size: 5.26vw; display: block; }
.feature-title .big { font-size: 7.89vw; font-weight: bold; display: block; }

.feature-items { width: 80vw; margin: auto; }
.feature-items li { width: 100%; margin-bottom: 8vw; }
.feature-item-image { width: 100%; margin-bottom: 6vw; }

.feature-item-text p {font-size: 3.9vw;line-height: 1.6;color: #101a33;font-weight: 100;font-feature-settings: "palt"1;letter-spacing:0.02em;text-align: justify;}
.feature-item-text p span { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmVlNjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #ffee62)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #ffee62 60%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, #ffee62 60%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #ffee62 60%); }
.feature-item-text p.ast { text-align: left;}
.feature-item-title {margin-bottom: 4vw;font-size: 5.4vw;font-weight: bold;display: inline;font-feature-settings: "palt"1;letter-spacing:0.02em;/* background: #101835; *//* padding: 8px; */}
.feature-item-title .fade-text-inner {padding: 6px;margin-bottom: 5px;line-height: 1;color: #fff;display: inline-block;background: #101835;}
.feature-item-title .fade-text-inner span {color: #ffee61;}

/* point-opening
----------------------------------------------- */
.point-opening {padding: 16vw 0;margin-bottom: 10vw;z-index: 1;position: relative;margin-top: -11vw;}
.point-opening:after { content: ''; width: 100%; height: 100%; background: #101835; z-index: -1; position: absolute; top: 0; left: 0; -moz-transform: skewY(-12deg); -ms-transform: skewY(-12deg); -webkit-transform: skewY(-12deg); transform: skewY(-12deg); }
.point-opening .point-title { width: 70vw; margin: 0 auto 8vw; }
.point-opening .point-title img { width: 100%; }
.point-opening .point-items { width: 75vw; margin: auto; }
.point-opening .point-items li { padding: 4vw; margin-bottom: 6vw; background: #fff03c; }
.point-opening .point-item-inner {padding: 11vw 4vw 5vw;background: #fff;border: 1px solid #101835;position: relative;}
.point-opening .point-item-batch { padding: 2vw 3vw; color: #fff; font-size: 3.29vw; font-family: 'Montserrat', sans-serif; background: #101835; -moz-border-radius: 0 0 1vw 1vw; -webkit-border-radius: 0; border-radius: 0 0 1vw 1vw; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.point-opening .point-item-image { width: 30%; margin: 0 auto 3vw; }
.point-opening .point-item-text p {color: #101835;font-size: 3.6vw;line-height: 1.4;font-feature-settings: "palt"1;letter-spacing:0.02em;text-align:justify;font-weight: 100;}
.point-opening .point-item-title { margin-bottom: 3vw; color: #101835; font-size: 5.92vw; font-weight: bold; text-align: center; line-height: 1.2; }

/* performance-opening
----------------------------------------------- */
.title01 {margin-bottom: 5vw;color: #101835;font-weight: bold;text-align: center;}
.title01 .en { margin-bottom: 1.5vw; font-size: 8.68vw; font-family: 'Montserrat', sans-serif; font-style: italic; letter-spacing: 0.2vw; display: block; }
.title01 .jp { display: block; }

.performance-opening {padding: 12vw 0 0;}
.performance-opening .performance-content {width: 90vw;padding: 8vw 0;margin: auto;}
.performance-opening .performance-content:last-child { border: none; }
.performance-opening .performance-content-title { width: 80vw; margin: 0 auto 4vw; color: #101835; font-size: 3.68vw; font-weight: bold; text-align: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-align-items: center; align-items: center; }
.performance-opening .performance-content-title:before, .performance-content-title:after { content: ''; height: 1px; background: #101835; -webkit-flex-grow: 1; flex-grow: 1; }
.performance-opening .performance-content-title span { padding: 0 2vw; }
.performance-opening .performance-table {width: 80vw;margin: 0 auto 5vw;color: #101835;font-size: 3.6vw;}
.performance-opening .performance-table th { padding: 2.5vw; text-align: left; border: 1px solid #101835; }
.performance-opening .performance-table td {padding: 3vw 2.5vw 2.5vw;border: 1px solid #101835;font-family: 'Montserrat', sans-serif;font-weight: bold;}
.performance-opening .performance-table thead th { color: #fff; background: #101835; }
.performance-opening .performance-table tfoot td { background: #fff03a; }
.performance-opening .performance-table .title { width: 40%; text-align: center; }
.performance-opening .performance-image-box { width: 80vw; margin: 6vw auto; }
.performance-opening .performance-image { width: 100%; margin-bottom: 2vw; }
.performance-opening .performance-image img { width: 100%; }
.performance-opening .performance-prifit { width: 100%; margin: auto; }
.performance-opening .performance-table tr { background:#fff;}
.performance-opening .performance-table tr.yield {background: #fff;}
.performance-opening .performance-table tr.yield td { border:none; }
.performance-opening .yield-sp { width:86%; margin: 4% auto 6%;}

/* sales
----------------------------------------------- */
.sales {padding: 2vw 0 6vw;position: relative;}
.sales-image { width: 100%; }
.sales-image img { width: 100%; }
.sales-text { width: 100%; color: #fff; text-align: center; z-index: 1; position: absolute; bottom: 20vw; left: 0; }
.sales-text:before { content: ''; width: 30vw; height: 8vw; background: url(../images/icon-crown.png) no-repeat center; background-size: contain; position: absolute; top: -10vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.sales-text-small { margin-bottom: 3.5vw; font-size: 4.21vw; line-height: 1.4; }
.sales-text-small span { color: #fff03c; }
.sales-text-big {font-size: 8.16vw;font-weight: bold;font-feature-settings: "palt"1;letter-spacing:0.02em;}
.sales-text-big span { font-weight: 100;}

/* support
----------------------------------------------- */
.support  {padding: 29vw 0 10vw;background: #e9e8f8;margin-top: -22vw;}
.support_ttl {width: 60%;margin: 0 auto 6.5%;}
.support_midashi {text-align: center;position: relative;width: 90%;margin: 0 auto 5%;}
.support_midashi p {font-size: 3.6vw;font-weight: bold;display: inline-block;color: #101835;}
.support_midashi:before {content: "";width: 26vw;height: 1px;background: #101835;position: absolute;left: 0;top: 1.4vw;}
.support_midashi:after {content: "";width: 26vw;height: 1px;background: #101835;position: absolute;right: 0;top: 1.4vw;}
.support_graph {width: 90%;margin: 0 auto 5%;border: 1px solid #101835;background: #fff;}
.support_graph tr {border-bottom: 1px solid #101835;}
.support_graph tr.graph-head {background: #101835; color: #fff;}
.support_graph tr.graph-btm {background: #ffef63; color: #101835;}
.support_graph th {width: 45%;border-right: 1px solid #101835;font-size: 3.4vw;font-weight: bold;padding: 3% 0;}
.support_graph td {font-size: 4vw;font-weight: bold;padding: 0 5%;}.support_middle {width: 90%;margin: 8% auto;}
.support_middle img {width: 35%;margin: 0 auto;}
.support_middle p {font-size: 4vw;font-weight: bold;line-height: 1.6;color: #101835;text-align: center;margin-top: 5%;}
.support_middle p span {font-size: 130%;color: #c88d01;background: #fff;padding: 1% 5%;}
.support_img02 {width: 90%;margin: 5% auto 0;}
.support_txt {font-size: 4.5vw;font-weight: bold;text-align: center;margin-top: 5%;letter-spacing: -0.02em;line-height: 1.6;color: #000;}
.support_message {margin: 8% auto 0;width: 90%;position: relative;background: #fff;box-shadow: 0 0 15px 15px #b9b9b954;}
.support_message dl {padding: 5%;}
.support_message dt {font-size: 6vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;letter-spacing: -0.05em;line-height: 1.25;padding-bottom: 6%;border-bottom: 1px solid #101835;color: #101835;margin-bottom: 6%;}
.support_message dt span {display: block;font-size: 5vw;margin-top: 4%;letter-spacing: 0.08em;}
.support_message dt span em {font-size: 60%;position: relative;top: -3px;letter-spacing: 0.01em;}
.support_message dd {line-height: 1.65;font-size: 4vw;font-feature-settings: "palt";letter-spacing: 0.06em;text-align: justify;color: #101835;}
.support_message img {width: 100%;margin: 0 auto;}
.support_graph .del {color: red;}

/* flow
----------------------------------------------- */
.flow {background: url(../images/flow_in_bg.jpg) repeat center bottom;background-size: 1.5%;padding:0;}
.flow_ttl {padding: 6% 0 8%;position: relative;background: #181747;margin-bottom: 9.2%;}
.flow_ttl img {width: 73%;margin: 0 auto;}
.flow_ttl:after {content: "";position: absolute;border-top: 15px solid #181747;border-left: 15px solid rgba(0,0,0,0);border-right: 15px solid rgba(0,0,0,0);bottom: -15px;left: 46%;}
.flow_in {width: 85% !important;padding-bottom: 20%;}
.flow_in>li {padding-bottom: 15%;margin-bottom: 15%;background: url(../images/flow_arrow_sp.png) no-repeat center bottom;background-size: contain;}
.flow_in>li:last-child {padding-bottom: 0; margin-bottom: 0 ; background: none;}
.flow_in img {margin-bottom: 6%;width: 98%;}
.flow_in p {font-size: 4vw;color: #fff;padding: 0 3% 6% 9%;line-height: 1.6;text-align: justify;text-justify:auto;}
.flow_in a {display: inline-block; color: #c9a865; border-bottom: 1px solid;}
.flow_in ol {padding: 0 6%;font-size: 4vw;line-height: 1.4;color: #fff;}
.flow_in ol li {padding-left: 5%; text-indent: -5.5%;}
.flow_in ol li:before {content: "・";}
.flow_in span {margin-left: 8%;display: block;background: #fff;padding: 4%;line-height: 1.6;font-size: 4vw;margin-top: 3%;color: #181747;width: 89%;}

/* faq
----------------------------------------------- */
.faq {border-top: 1px solid #191748;border-bottom: 1px solid #191748;}
.faq_ttl {width: 62%;margin: 0 auto 12.5%;}
.faq_ttl_img {padding: 3.3% 0;background: #191748;margin-bottom: 8%;}
.faq_ttl img {width: 22%;margin: 0 auto;}
.faq_ttl p {text-align: center;font-size: 7vw;letter-spacing: 0.2em;color: #191748;}
.faq dl {width: 76%;margin: 0 auto 12%;}
.faq dt {background: url(../images/faq_btn.png) no-repeat right 5px bottom 5px #fff;background-size: 10%;border: 1px solid #191748;position: relative;text-align: center;font-size: 4.5vw;padding: 4%;line-height: 1.4;color: #191748;}
.faq dt img {position:absolute;top: -19%;left: -7%;width: 16%;}
.faq dd {display: none;margin-top: 6%;line-height: 1.9;}
.faq dd img {float: left;width: 15.6%;margin-right: 2%;}

/* payment
----------------------------------------------- */
.payment {padding: 8% 0;}
.payment img {width: 33%;margin: 0 auto 3%;}
.payment dl {width: 82%;margin: 0 auto;}
.payment dt {font-size: 4.7vw;border-left: 4px solid #181747;padding: 1% 0 0 4%;color: #181747;margin-bottom: 10%;}
.payment dt span {display: block;font-size: 6vw;font-weight: bold;margin-bottom: 3%;}
.payment dd {font-size: 4vw;line-height: 1.6; color:#181747;}
.payment dd span {background: #fdfc9c;font-weight: bold;}
.payment dd a {display: inline-block;color: #c68f05;border-bottom: 1px solid;font-weight: bold;}

/* youtube
----------------------------------------------- */
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}



/* voice
----------------------------------------------- */
.voice{padding: 5vw 0 0;background: #f7f7f5;}
.voice_tit img{ width: 95vw; margin: 5vw auto 10vw;}
.voice_box.voice01{background:url("../images/sp/voice_t_qanael.jpg") top center no-repeat, url("../images/sp/voice_b.jpg") bottom center no-repeat,url("../images/sp/voice_m.jpg") center repeat-y; background-size: 100% ;}
.voice_box.voice02{background:url("../images/sp/voice_t_juris.jpg") top center no-repeat, url("../images/sp/voice_b.jpg") bottom center no-repeat,url("../images/sp/voice_m.jpg") center repeat-y; background-size: 100% ;}
.voice_box{padding: 67vw 14vw 6vw; margin-bottom: 10vw;}
.voice_box dl{margin-bottom:10vw; color: #111834;}
.voice_box dt{ text-align: center; font-size: 4.2vw;font-weight: bold; margin-bottom: 5vw; padding-bottom: 5vw; position: relative;}
.voice_box dt::after{content: ""; position: absolute; bottom: 10%; left: 0; right: 0; margin: 0 auto; width: 26%; height: 3px; background: #9bdee4;}
.voice_box dd{ text-align: justify;text-justify: inter-ideograph; line-height: 1.3;}
.voice_box dd b{font-weight: bold;  }
.voice_box .ex{font-size: 70%; text-align: left; color: #000;}


/* sec7
----------------------------------------------- */
.sec7 {background:#191748;padding: 8vw 4vw;}
.sec7 .ttl { margin:  0 auto 4vw;}
.sec7 div {position:relative;z-index: 0;margin-bottom: 4vw;}
.sec7 div:last-child{margin-bottom:0;}
.sec7 .box01 {background:url("../images/sp/sec7_01.jpg")no-repeat top center;padding: 36% 0;background-size: 100%;}
.sec7 .box02 {background:url("../images/sp/sec7_02.jpg")no-repeat top center;padding: 30% 0;background-size: 100%;}
.sec7 .box03 {background:url("../images/sp/sec7_03.jpg")no-repeat top center;padding: 36% 0;background-size: 100%;}
.sec7 .more {position:absolute;margin:0 auto;width:50%;bottom: 19px;left: 25%;}

/* sec8
----------------------------------------------- */
.sec8 {background: #e9e8f8;padding: 8vw 0;}
.sec8 ul {width: 96vw;margin:0 auto;}
.sec8 li { margin-bottom: 6vw;}
.sec8 li:last-child { margin-bottom: 0;}


/* sec9
----------------------------------------------- */
.sec9_01 {background: url("../images/sp/sec9_1.jpg")no-repeat top center;padding: 106% 0;background-size: 100%;}
.sec9_02 {background: url("../images/sp/sec9_2.jpg")no-repeat top center;padding: 82% 0;background-size: 100%;}
.sec9_03 {background: url("../images/sp/sec9_3.jpg")no-repeat top center;padding: 58% 0;background-size: 100%;}


/* sec10
----------------------------------------------- */
.sec10_01 {background: url("../images/sp/sec10_01.jpg")no-repeat top center;padding: 35% 0;background-size: 100%;}
.sec10_02 {background: url("../images/sp/sec10_02.jpg")no-repeat top center;padding: 49% 0;background-size: 100%;}

/* sec12
----------------------------------------------- */
.sec12_01 {background: url("../images/sp/sec12_01.jpg")no-repeat top center;padding: 68% 0;background-size: 102%;}
.sec12_02 {background: url("../images/sp/sec12_02.jpg")no-repeat top center;padding: 69% 0;background-size: 102%;}



/* qa
----------------------------------------------- */
.qa{background:#e9e8f8 ; padding:10vw 5vw; }
.qa_tit img{width:60%; margin: 0 auto 5vw;}
.qa_box{ width: 100%;  margin: 0 auto 5vw; background: #fff; border-radius: 10px; padding: 10%; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.qa_box dt{ padding-bottom: 5%; margin-bottom: 5%; font-size: 4.2vw; color: #191748; font-weight: bold;
background : linear-gradient(to right, #676767 2px, transparent 2px) repeat-x bottom;
 background-size: 10px 2px;}
.qa_box dd{line-height: 1.6;text-align: justify;text-justify: inter-ideograph;}


/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {


.img-center { margin: 0 auto 4%!important;}


/* cv-season
----------------------------------------------- */
.cv-season {background: url("../images/bn_bg.jpg")no-repeat top center;background-size:cover;height: 680px;padding: 60px 0;}
.cv-season .copy {margin: 0 auto 30px;width: auto;}
.cv-season .bn {margin: 0 auto; width:400px;}
	
/* campaign2023(4_tokuten)
----------------------------------------------- */
.campaign2023{background-size: 2000px;padding: 0 0 2130px;}
.campaign2023 .inner{width: 960px;position: relative;}
.campaign2023 img.odoroki{ width: 320px;}
.campaign2023 .inner img.run{top: 1760px;width: 250px;padding-top: 0;}
.campaign2023 .inner img.run_guruguru{top: 1930px;width: 150px;padding-top: 0;}
.campaign2023 .inner a.cvbn{top: 1810px;padding-top: 0;}
	

/* risk
----------------------------------------------- */
.risk { margin:0 auto 50px; width:900px;}
.risk .sarani {height: 140px;width: 140px;font-size: 30px;margin: 0 auto 20px;padding: 56px 0;}
.risk .catch{font-size: 50px;margin: 0 auto 20px;}
.risk .catch span {font-size: 200%;top: -9px;}
.risk .catch sup {font-size: 60%;}
.risk p.ast {font-size: 14px !important; text-align: center;}

/* w-guarantee
----------------------------------------------- */
.w-guarantee{padding: 60px 0;}


/* sales-up
----------------------------------------------- */
.sales-up {width:100%;background: #000;padding: 40px 0;margin: 0 auto 0;}
.sales-up img {margin: 0 auto;}


/* intro-campaign
----------------------------------------------- */
.intro-campaign img { margin: 60px auto; width:auto;}
.intro-campaign p { margin: 0 auto 40px; font-size: 40px; }

/* go
----------------------------------------------- */
.go { width:960px; padding-bottom: 140px;}
.go .ttl {padding: 20px 30px;font-size: 54px;width: 820px;}
.go ul {width: 820px;}
.go li {font-size: 26px;margin-bottom: 0;padding: 20px;}
.go img {position: absolute;bottom: -6%;left: 36%;width: auto;}


/* present
----------------------------------------------- */
.present {padding: 25px 0;text-align: center;}
.present .bn_copy {width: auto;margin: 0 auto 5px;}
.present a {width: auto;display: inline-block;}
.present .timer {font-size: 30px;margin-bottom: 10px;}

/* for-orner
----------------------------------------------- */
.for-orner {background: #010101; background: -moz-linear-gradient(top,  #010101 0%, #414141 100%); background: -webkit-linear-gradient(top,  #010101 0%,#414141 100%); background: linear-gradient(to bottom,  #010101 0%,#414141 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#414141',GradientType=0 ); padding: 80px 0;}
.for-orner * {margin: 0 auto; min-height: 518px;}
.for-orner p {padding:30px 0 0;font-size: 44px;min-height: auto;}

/* crown_content
----------------------------------------------- */
.crown_content {display: none;}

/* function
----------------------------------------------- */
.function {padding: 40px 0;}
.function .obi {padding: 20px 0 0;margin: 0 auto 20px;font-size: 36px;line-height: 1.4;vertical-align: middle;font-feature-settings: "palt";}
.function .obi span.point {display: inline-block;background: #fff;width: auto;margin: 0 8px 4px 0;padding: 8px 14px;vertical-align: middle;font-size: 18px;}
.function .obi small {display:block;margin: 20px auto 10px;font-size: 20px;}
.function .pb { padding-bottom: 20px !important;}

.function_ttl {font-size: 40px;line-height: 1.4;margin-bottom: 50px; padding: 40px 0;}
.function_ttl span {font-size: 20px;margin-bottom: 6px;}
.function_box {margin-bottom: 40px;}
.function_box.patent {position: relative;}
.function_box.patent:after {content: "";width: 93px;padding-bottom: 93px;background: url(../images/patent_pc.png) no-repeat center top;right: auto;top: 3px;left: 365px;}
.function_box.patent2 {position: relative;}
.function_box.patent2:after {content: "";width: 93px;padding-bottom: 93px;background: url("../images/patent2_pc.png") no-repeat center top;right: auto;top: 3px;left: 365px;}
.function_box>img {display: inline-block;margin-bottom: 0;vertical-align: top;}
.function_box dl {display: inline-block;width: 410px;padding-top: 20px;margin: 0 auto 20px 60px;}
.function_box dt {font-size: 22px;margin-bottom: 16px;}
.function_box dt span {font-size: 26px;padding-bottom: 13px;margin-bottom: 10px;}
.function_box dt span:before {content: ""; position:absolute; left: 0; bottom: 0.1em; width: 100%; height: 2px; background: #181747;}
.function_box dd {font-size: 16px;line-height: 1.6;letter-spacing: 1px;text-align:justify;text-justify:auto;}
.function_box dd span {font-weight: bold;color: #c98e00;}
.function_box dd .movie {display: none;}
.function_box dd pre {display: inline-block;font-size: 80%;position: relative;top: -0.5em;}
.function_box dd em {display: block;font-size: 90%;margin-top: 5%;}

.function_box .flex {display: -webkit-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items:flex-start;justify-content:space-between;padding: 0 40px;}

.function_movie {display: block;border: 1px solid #b7b6be;width: 900px;margin: 80px auto;text-align: center;padding: 47px 0;}
.function_movie * {display: inline-block;min-height: 364px;width: 674px;}

.dakara img {margin: 30px auto;width: auto;}
.dakara p {font-size: 50px;}
.dakara p:first-child {font-size: 40px;}
.dakara p span{font-size: 180%;line-height: 1.2;}



/* chara_value
----------------------------------------------- */
.chara_value {background: url(../images/value_bg.jpg) repeat center top;padding-bottom: 60px;}

/* chara
----------------------------------------------- */
.chara {padding: 110px 0 240px;overflow: hidden;margin-bottom: -157px;}
.chara_ttl {padding: 0;width: 860px;margin: 0 auto 190px;position: relative;}
.chara_ttl img {width: auto;}
.chara_ttl img.chara_machine {position: absolute;right: -27px;top: -28px;width: 46%;z-index: 1;}
.chara_in {padding: 0;margin-bottom: 213px;position: unset;overflow: unset;}
.chara_in.bg_n {padding: 0;}
.chara_in .inner {position:relative;}
.chara_in img {width: auto;display: inline-block;margin: 25px 0 0 26px;}
.chara_in p {width: 40%;font-size: 18px;line-height: 1.8;display: inline-block;vertical-align: top;}
.chara_in p span {font-size: 26px;line-height: 1.4;margin-bottom: 25px;border-left: 5px solid;padding-left: 21px;}
.chara_in:before {content:"";position: absolute;width: 150%;height: 520px;top: 0;left: -25%;transform: rotate(-20deg);}
.chara_in:nth-child(2):before {top: 740px;}
.chara_in:nth-child(3):before {top: 1260px;}
.chara_in:nth-child(4):before {top: 1785px;}
.chara_in:nth-child(5):before {top: 2340px;}
.chara_in:nth-child(6):before {top: 2890px;}

.chara_in:nth-child(2) p {margin-left: 30px;position: relative;top: -40px;}
.chara_in:nth-child(3) img {margin: 0;position: relative;top: -40px;}
.chara_in:nth-child(3) p {margin-left: 48px;position: relative;top: -170px;}
.chara_in:nth-child(4) img {margin: 0;position: relative;left: -14px;top: -70px;}
.chara_in:nth-child(4) p {margin-left: 48px;position: relative;top: -175px;}
.chara_in:nth-child(5) p {margin-left: 39px;position: relative;top: -105px;}
.chara_in:nth-child(6) p {margin-left: 46px;position: relative;top: -83px;}

/* value
----------------------------------------------- */
.value {padding-top: 0;}
.value_ttl {width: auto;margin: 0 auto 73px;}
.value_in {width: auto;margin: 0 auto 77px;}
.value_in dt {padding: 16px 0;width: 900px;position:relative;margin: 0 auto 38px;}
.value_in dt img {width: auto;margin: 0 auto;}
.value_in dt span {position: absolute;width: 50px;height: 10px;right: 0;top: 35px;}
.value_in dt span:before {content:"";position:absolute;width: 25px;height: 2px;background: #181747;transform: rotate(90deg);}
.value_in dt span:after {content:"";position:absolute;width: 25px;height: 2px;background: #181747;}
.value_in dd {padding:0;}
.value_in img {width: auto;margin: 0 auto 41px;}
.value_in img.value_img {width: 504px;}
.value_in .value_midashi {font-size: 32px;line-height: 1.2;margin: 48px auto 40px;}
.value_in .value_txt {font-size: 17px;padding: 14px 30px 0;line-height: 1.8;}
.value_in .value_txt span {color: #c88d01;}
.value_in .value_txt sup {font-size: 80%;}
.value_in .value_txt em {display: block; font-size: 84%; margin-top: 4%;}

/* compare
----------------------------------------------- */
.compare {padding: 85px 0 147px;}
.compare_ttl {width: auto;margin: 0 auto 54px;}
.compare_midashi {width: auto;margin: 0 auto;}

/* reason
----------------------------------------------- */
.reason {padding-bottom: 120px;}
.reason .inner {background: url(../images/reason_bg_6.png) no-repeat right 10px top 84px;background-size: auto;padding: 78px 0 0;}
.reason .reason_ttl {width: auto;padding-right: 51px;}
.reason .reason_img {margin: 45px auto 104px;}
.reason .reason_in {padding: 0 40px;}
.reason .reason_in dl {display: inline-block;vertical-align: top;border-radius: 20px;padding: 25px 20px 20px;margin: 0 90px 63px 0;width: 391px;}
.reason .reason_in dl:nth-child(even) {margin-right: 0;}
.reason .reason_in dl:nth-child(3),
.reason .reason_in dl:nth-child(4) {height: 450px;}
.reason .reason_in dl:nth-last-child(2),
.reason .reason_in dl:last-child {margin-bottom: 0; height: 452px;}
.reason .reason_in dt {background: url(../images/reason_line.png) repeat-x left bottom;font-size: 20px;padding: 15px 0 20px 10px;line-height: 1.6;margin-bottom: 10px;letter-spacing: 1px;}
.reason .reason_in dl:nth-child(3) dt {padding: 30px 0 30px 27px;}
.reason .reason_in dt img {left: -18px;top: -35px;width: 72px;}
.reason .reason_in dt span {font-size: 20px;}
.reason .reason_in dd {width: 270px;}
.reason.reason4 .inner {background: url(../images/reason_bg_4.png) no-repeat right 10px top 84px;background-size: auto;padding: 78px 0 0;}




  
/* sensor
----------------------------------------------- */
.sensor {padding: 85px 0 143px;}
.sensor_ttl {width: auto;margin: 0 auto;left: auto;transform: none;}
.sensor_txt {font-size: 24px;margin: 39px 0 55px;}
.sensor_txt span {font-weight: bold;}
.sensor_midashi {font-size: 40px;background: url(../images/sensor-arrow.png) no-repeat center bottom;padding-bottom: 92px;}
.sensor_img {width: auto;margin: 48px auto 54px;}
.sensor_set {/* text-align: center; */}
.sensor_set_ttl {font-size: 60px;margin-bottom: 52px;background: url(../images/sensor_set_ttl_left.png) no-repeat left top, url(../images/sensor_set_ttl_right.png) no-repeat right top;padding: 0 80px;}
.sensor_in {width: 900px;margin: 0 auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.sensor_in img:first-child {margin-bottom: 0;}
.sensor_middle {width: 870px;font-size: 57px;margin: 92px auto 100px;}
.sensor_middle span {display: block;background: #c88d01;color: #fff;}
.sensor_point {width: 900px;margin: 54px auto 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.sensor_point li:first-child {margin-bottom: 0;}
.sensor_point li img {padding: 0;}
.sensor_point li p {font-size: 24px;line-height: 1.25;margin-top: 34px;}
.sensor_btm {font-size: 60px;width: 960px;margin: 80px auto 0;}
.sensor_btm span {display: block;background: linear-gradient(#0000 35%, #fffa9c 35%);}


/* ba
----------------------------------------------- */
.ba {padding: 0;margin: 0 auto 80px; width: 100%;}
.ba ul {margin: 0 auto 30px; width:960px;}
.ba ul li {width: 440px!important;margin: 0 20px 40px;}
.ba ul li img{
    width: 100%;
}
.ba ul li:last-child {margin-bottom:0;}
p.ast { font-size:88% !important;text-align: center;}


/* mens
----------------------------------------------- */
.mens {margin: 0 auto 140px;}
.mens-ttl {width: auto;margin: 0 auto 57px;}
.mens-txt {font-size: 21px;margin-bottom: 37px;}
.mens-txt span {color: #e83c4a;}
.mens-box {width: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding: 59px 54px 38px;margin-bottom: 143px;}
.mens-box:after {border-top: 80px solid #a6a5d5;border-left: 160px solid #0000;border-right: 160px solid #0000;bottom: -80px;}
.mens-box-txt {width: 435px;margin-bottom: 0;}
.mens-box-midashi {font-size: 32px;padding-bottom: 17px;}
.mens-box-midashi span {}
.mens-box-p {margin-top: 27px;font-size: 16px;line-height: 1.9;text-align: justify;color: #444;}
.mens-img01 {width: auto;margin: 0 auto 47px;}
.mens-search-midashi {margin-bottom: 130px;}
.mens-search-midashi dt {font-size: 36.5px;}
.mens-search-midashi dd {font-size: 63.68px;margin-top: 16px;}
.mens-search-midashi dd span {color: #c88d01;}
.mens-rec-ttl {width: auto;}
.mens-rec {width: 890px;margin: 83px auto 0;}
.mens-rec-box {width: 880px;padding: 48px 0 28px;margin-bottom: 65px;box-shadow: 12px 12px 0 0 #a6a5d525;background: url(../images/mens-rec-bg.jpg) no-repeat right bottom #fff;}
.mens-rec-box:nth-child(2) {padding-bottom: 27px; margin-bottom: 64px;}
.mens-rec-box:nth-child(3) {padding-bottom: 48px;margin-bottom: 94px;}
.mens-rec-box:nth-child(5) {padding: 54px 0 34px;margin-bottom: 73px;}
.mens-rec-box:last-child {padding: 51px 0 49px;margin-bottom: 0;}
.mens-rec-middle {font-size: 36.5px;margin-bottom: 76px;}
.mens-rec-label {width: 181px;top: -20px;padding: 14px 0 11px;}
.mens-rec-img {margin: 0 auto 35px;}
.mens-rec-txt {font-size: 22.06px;}
.mens-rec-txt span {font-size: 33px;}
.mens-rec-txt span em {font-size: 80%; position: relative; top: -5px; }
.mens-rec-box:last-child .mens-rec-txt {line-height: 1.7}
.mens-p {font-size: 21px;margin: 51px 0 41px;}
.mens-img02 {width: auto;margin: 0 auto 96px;}
.mens-last {width: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding: 59px 54px 70px;background: #fff7;border-radius: 20px;box-shadow: 0 0 10px 10px #a8adb025;position:relative;}
.mens-last-txt {width: 435px;margin-bottom: 0;}
.mens-last-midashi {font-size: 32px;font-feature-settings: "palt";line-height: 1.3;letter-spacing: 0.01em;color: #181747;padding-bottom: 27px;border-bottom: 1px solid #181747;}
.mens-last-midashi span {font-size: 70%;position: relative;top: -4px;}
.mens-last-p {margin-top: 27px;line-height: 1.9;text-align: justify;color: #444;}

/*profit 
----------------------------------------------- */
.profit { padding: 100px 0 0; margin-bottom: 0; }
.profit:after { border-top-width: 300px; bottom: -299px; }
.profit-image { width: 960px; margin-bottom: 50px; }
.profit-text { width: 960px; margin: auto; position: relative; }
.profit-title { margin-bottom: 30px; font-size: 30px; text-align: left; line-height: 1.4; }
.profit-no1 { width: 410px; margin: 0 0 40px; }
.profit-machine { width: 680px; margin-bottom: 0; z-index: 1; position: absolute; bottom: -220px; left: 50%; -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
.profit-machine img { width: 340px; margin: 0 -22px; }
.profit-machine .profit-machine01 { margin-top: 350px; }
.profit-text p { width: 100%; margin-bottom: 30px; font-size: 18px; line-height: 1.8; }

/*feature
----------------------------------------------- */
.feature {padding: 240px 0 190px;background-size: 500px;}
.feature-ticker { margin-bottom: 80px; }
.feature-ticker-text { width: 1280px; }
@keyframes feature-ticker { 100% { -moz-transform: translateX(-1290px); -ms-transform: translateX(-1290px); -webkit-transform: translateX(-1290px); transform: translateX(-1290px); } }
.feature-title { margin-bottom: 50px; }
.feature-title .small { margin-bottom: 10px; font-size: 50px; }
.feature-title .big { font-size: 76px; }
.feature-items { width: 960px; }
.feature-items li { margin-bottom: 80px; position: relative; }
.feature-items li:nth-child(1) .feature-item-image { right: -130px; }
.feature-items li:nth-child(2) .feature-item-image {left: -130px;}
.feature-items li:nth-child(2) .feature-item-text { margin-left: auto; }
.feature-item-image {width: 600px;margin-bottom: 0;position: absolute;top: 0;right: -130px;}
.feature-item-text { width: 680px; padding-top: 220px; z-index: 1; position: relative; }
.feature-item-text p { font-size: 22px; }
.feature-item-title { margin-bottom: 30px; font-size: 48px; }
.feature-item-title .fade-text-inner { padding: 14px 20px 20px; margin-bottom: 5px; }

/* point-opening
----------------------------------------------- */
.point-opening { padding: 140px 0 160px; margin-bottom: 120px; }
.point-opening:after { -moz-transform: skewY(-10deg); -ms-transform: skewY(-10deg); -webkit-transform: skewY(-10deg); transform: skewY(-10deg); }
.point-opening .point-title { width: 540px; margin-bottom: 80px; }
.point-opening .point-items { width: 960px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.point-opening .point-items li { width: 300px; padding: 10px; margin-bottom: 30px; }
.point-opening .point-item-inner { height: 100%; padding: 50px 16px 30px; }
.point-opening .point-item-batch { padding: 6px 15px; font-size: 12px; letter-spacing: 1px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px; }
.point-opening .point-item-image { width: 74px; margin-bottom: 15px; }
.point-opening .point-item-text p { font-size: 16px; }
.point-opening .point-item-title { margin-bottom: 20px; font-size: 24px; line-height: 1.4; }

/* performance-opening
----------------------------------------------- */
.title01 { margin-bottom: 50px; }
.title01 .en { margin-bottom: 15px; font-size: 64px; letter-spacing: 2px; }
.title01 .jp { font-size: 28px; }

.performance-opening  {padding: 100px 0 0;}
.performance-opening .performance-title { margin-bottom: 0; }
.performance-opening .performance-content { width: 960px; padding: 80px 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.performance-opening .performance-content-title { width: 100%; margin-bottom: 40px; font-size: 20px; }
.performance-opening .performance-content-title span { padding: 0 25px; }
.performance-opening .performance-table { width: 460px; margin: 0; font-size: 20px; }
.performance-opening .performance-table th { padding: 15px 20px; }
.performance-opening .performance-table td { padding: 15px 20px; }
.performance-opening .performance-image-box { width: 900px; margin: 50px auto; }
.performance-opening .performance-prifit { width: 900px; }

/* sales
----------------------------------------------- */
.sales {padding: 0;margin-bottom: 70px;}
.sales-text { bottom: 150px; }
.sales-text:before { width: 260px; height: 65px; top: -70px; }
.sales-text-small { margin-bottom: 30px; font-size: 45px; }
.sales-text-big { font-size: 90px; }
.sales-image {min-width: 100%;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/* support
----------------------------------------------- */
.support  {padding: 300px 0 100px;margin-top: -350px;}
.support_ttl {width: auto;margin: 0 auto 70px;}
.support_midashi {width: auto;margin: 0;}
.support_midashi p {font-size: 20px;}
.support_midashi:before {width: 365px;top: 9px;}
.support_midashi:after {width: 365px;top: 9px;}
.support_graph {width: 640px;margin: 51px auto 0;color: #101835;}
.support_graph th {width: 320px;font-size: 20px;padding: 14px 0;}
.support_graph td {font-size: 20px;padding: 0 29px;letter-spacing: 0.1em;}
.support_graph tr.graph-head td {text-align: center;}
.support_middle {margin: 55px 0 118px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: flex-start;}
.support_middle img {width: auto;margin: 0;position: relative;left: -24px;}
.support_middle p {font-size: 28px;text-align: left;margin-top: 0;}
.support_middle p span {font-size: 160%;padding: 0;}
.support_img02 {width: auto;margin: 24px auto 0;}
.support_txt {font-size: 44.8px;margin-top: 27px;line-height: 1.15;}
.support_message {margin-top: 92px;width: 960px;padding-bottom: 0;}
.support_message dl {padding: 45px;width: 577px;}
.support_message dt {font-size: 43.52px;padding-bottom: 24px;margin-bottom: 21px;}
.support_message dt span {font-size: 25px;margin-top: 19px;margin-left: 7px;letter-spacing: -0.05em;}
.support_message dt span em {font-size: 60%;position: relative;top: -3px;letter-spacing: 0.01em;}
.support_message dd { font-size: 16px; }
.support_message img {width: auto;position: absolute;right: 0;top: 0;}
.support_middle2 {margin: auto;}


/* flow
----------------------------------------------- */
.flow {background: url(../images/flow_in_bg.jpg) repeat center bottom;padding:0;}
.flow_ttl {padding: 38px 0 48px;position: relative;margin-bottom: 76px;}
.flow_ttl img {width: 314px;margin: 0 auto;}
.flow_ttl:after {content: "";position: absolute;border-top: 25px solid #181747;border-left: 25px solid rgba(0,0,0,0);border-right: 25px solid rgba(0,0,0,0);bottom: -25px;left: 48.5%;}
.flow_in {width: 800px !important;padding-bottom: 145px;}
.flow_in>li {width: 383px;padding-bottom: 0;margin-bottom: 46px;background: url(../images/flow_arrow.png) no-repeat top 70px right;padding-right: 30px;margin-right: 19px;display: inline-block;vertical-align: top;}
.flow_in>li:nth-child(even) {margin-right: 0;}
.flow_in>li:last-child {padding-bottom: 0; margin-bottom: 0 ; background: none;}
.flow_in img {margin-bottom: 12px;width: auto;}
.flow_in p {font-size: 14px;color: #fff;padding: 0 0 0 21px;line-height: 1.8;width: 317px;}
.flow_in a {display: inline-block; color: #c9a865; border-bottom: 1px solid;}
.flow_in ol {padding: 0 6%;font-size: 15px;line-height: 1.7;color: #fff;}
.flow_in ol li {padding-left: 5%; text-indent: -5.5%;}
.flow_in ol li:before {content: "・";}
.flow_in span {width: 298px;margin-left: 22px;padding: 14px 11px;line-height: 1.6;font-size: 12px;margin-top: 3%;color: #181747;}

/* faq
----------------------------------------------- */
.faq_ttl {width: auto;margin: 0 auto 54px;}
.faq_ttl_img {width: 330px;margin: 0 auto;padding: 12px 0;background: #191748;margin-bottom: 28px;}
.faq_ttl img {width: auto;margin: 0 auto;}
.faq_ttl p {text-align: center;font-size: 38px;letter-spacing: 0.2em;color: #191748;}
.faq dl {width: 730px;margin: 0 auto 50px;padding-left: 40px;}
.faq dt {background: url(../images/faq_btn.png) no-repeat right 5px bottom 5px #fff;border: 2px solid #191748;font-size: 22px;font-weight: bold;padding: 34px 0;line-height: 1.4;color: #191748;}
.faq dt img {position:absolute;top: -20px;left: -28px;width: auto;}
.faq dd {margin-top: 22px;min-height: 64px;}
.faq dd img {width: auto;margin-right: 8px;}

/* payment
----------------------------------------------- */
.payment {padding: 82px 0;}
.payment img {width: auto;margin: 0 auto;}
.payment dl {width: 710px;margin: 0 auto;}
.payment dt {font-size: 20px;padding: 6px 0 6px 12px;margin-bottom: 13px;}
.payment dt span {display: inline-block;font-size: 20px;font-weight: bold;margin-bottom: 0;}
.payment dd {font-size: 15px;line-height: 2.2;color:#181747;}
.payment dd span {background: #fdfc9c;}
.payment dd a {display: inline-block; color: #c68f05; border-bottom: 1px solid;}


/* voice
----------------------------------------------- */
.voice{padding: 50px 0 0;}
.voice_tit img{ width: auto; margin: 20px auto 50px;}
.voice_box.voice01{background:url("../images/pc/voice_t_qanael.jpg") top center no-repeat, url("../images/pc/voice_b.jpg") bottom center no-repeat,url("../images/pc/voice_m.jpg") center repeat-y; background-size: 100% ;}
.voice_box.voice02{background:url("../images/pc/voice_t_juris.jpg") top center no-repeat, url("../images/pc/voice_b.jpg") bottom center no-repeat,url("../images/pc/voice_m.jpg") center repeat-y; background-size:auto;}
  
.voice_box{ width: 960px;  padding:390px 80px 30px; margin: 50px auto;}
.voice_box dl{margin-bottom:50px;}
.voice_box dt{ font-size: 34px;margin-bottom: 30px; padding-bottom: 40px;}
.voice_box dt::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 26%; height: 3px;}
.voice_box dd{font-size: 24px; line-height: 2;}
.voice_box .ex{font-size: 78%;}


/* sec7
----------------------------------------------- */
.sec7 {background:#191748; padding: 8vw 0;}
.sec7 .ttl { margin:  0 auto 4vw;}
.sec7 .ttl img {margin: 0 auto; }
.sec7 div {position:relative;margin:0 auto 40px; width:960px;}
.sec7 div:last-child{margin-bottom:0;}
.sec7 .box01 {background:url("../images/pc/sec7_01.jpg")no-repeat top center;padding:0 ;background-size: 960px; height:449px;}
.sec7 .box02 {  background:url("../images/pc/sec7_02.jpg")no-repeat top center;padding:0 ;background-size: 960px; height:375px;}
.sec7 .box03 {  background:url("../images/pc/sec7_03.jpg")no-repeat top center;padding:0 ;background-size: 960px; height:464px;}
.sec7 .more {bottom:30px;margin:0 auto;left: 300px;}

/* sec8
----------------------------------------------- */
.sec8 {background: #e9e8f8;padding: 60px 0;}
.sec8 ul {width: 900px;}
.sec8 li { margin-bottom: 40px;}


/* sec9
----------------------------------------------- */
.sec9_01 {background: url("../images/pc/sec9_1.jpg")no-repeat top center;height: 1599px; padding:0;background-size: auto;}
.sec9_02 {background: url("../images/pc/sec9_2.jpg")no-repeat top center;height: 1196px; padding:0;background-size: auto;}
.sec9_03 {background: url("../images/pc/sec9_3.jpg")no-repeat top center;height: 883px; padding:0;background-size: auto;}


/* sec10
----------------------------------------------- */
.sec10_01 {background: url("../images/pc/sec10_01.jpg")no-repeat top center;height: 383px; padding:0;background-size: 2000px;}
.sec10_02 {background: url("../images/pc/sec10_02.jpg")no-repeat top center;height: 579px; padding:0;background-size: 2000px;}

/* sec12
----------------------------------------------- */
  
.sec12_01 {background: url("../images/pc/sec12_1.jpg")no-repeat top center;height: 893px; padding:0;background-size: auto;}
.sec12_02 {background: url("../images/pc/sec12_2.jpg")no-repeat top center;height: 914px; padding:0;background-size: auto;}
  
/* qa
----------------------------------------------- */
.qa{ padding:20px 0; }
.qa_tit img{width:auto; margin: 0 auto 50px;}
.qa_box{ width: 960px;  margin: 0 auto 40px;  border-radius: 20px; padding: 50px 60px;}
.qa_box dt{ padding-bottom: 3%; margin-bottom: 3%; font-size: 32px; }
.qa_box dd{ font-size: 26px; }


}