@charset "UTF-8";
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #080808; font-size: 3.4vw; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', メイリオ, Meiryo, sans-serif; -webkit-text-size-adjust: 100%; line-height: 1; }
@media all and (-ms-high-contrast: none) {  body {font-family: "メイリオ", Meiryo, sans-serif; } }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
strong { font-weight: bold; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a { color: #080808; text-decoration: none; display: block; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }
.inner { width: 100%; margin: auto; }
.frame { width: 100%; background: url(../images/bg01.jpg) repeat top center; background-size: 1000px; overflow: hidden; }
.google-map { width: 100%; position: relative; }
.google-map iframe, .google-map object, .google-map embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* header
----------------------------------------------- */
.header { width: 100%; padding-top: 1px; z-index: 10; position: absolute; top: 0; }
.header-logo { width: 20vw; margin-top: 4vw; margin-left: 4vw; }
.header-logo img { width: 70%; }
.header-mail {width: 24vw;position: fixed;top: 0vw;right: 38vw;}
.header-mail img { width: 100%; }
.header-tel {width: 40vw;position: fixed;top: 0vw;right: 0vw;}
.header-tel img { width: 100%; }

/* footer
----------------------------------------------- */
.footer { background: #fff; position: relative; }
.footer-content { padding: 30px 0; }
.footer-logo { width: 30%; margin: 0 auto 15px; }
.footer-logo img { width: 100%; }
.footer-message { margin-bottom: 30px; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; }
.footer-message .big { margin-bottom: 5px; font-size: 5.26vw; display: block; }
.footer-message .small { font-size: 3.16vw; display: block; }
.footer-date { font-size: 3.16vw; text-align: center; line-height: 1.6; }
.footer-tel { font-size: 3.16vw; text-align: center; line-height: 1.6; }
.footer-tel a { display: inline-block; }
.copyright { padding: 3vw 0; color: #000; font-size: 3.16vw; text-align: center; border-top: 1px solid #cacaca; }
.chatbot-pd { padding-bottom: 38%;}
.pagetop { width: 9vw; z-index: 9; position: fixed; left: 0; bottom: 145px; -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s; }
.pagetop img { width: 100%; }


/* contact
----------------------------------------------- */
.form-read { text-align: center; font-size: 4.4vw; color:#c30000; margin: 4% auto; font-weight: bold;}
.contact_ttl {background: url(../images/contact_ttl_sp.png) no-repeat center top;background-size: contain;text-align: center;margin-bottom: 5.5%;}
.contact_ttl p {font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 7vw;letter-spacing: 0.1em;}
.contact_ttl span {display:block;font-size: 4vw;letter-spacing: 0.1em;margin-bottom: 2%;}
div.tel { display: block; }
div.tel p { text-align: center; font-weight: bold; }
div.tel p.number { font-size: 34px; }
div.tel p.number i { font-size: 40px; margin-right: 10px; }
.login img {width: 100%;}

/* hero
----------------------------------------------- */
.hero {width: 100%;z-index: 1;position: relative;}
.hero-movie {width: 100%;height: 100%;z-index: -1;position: absolute;top: 0px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hero-movie video { width: 100%; }
.hero-movie img { width: 100%; }
.hero-frame {width: 183%;z-index: 1;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hero-logo {width: 55%;z-index: 1;position: absolute;top: 12vw;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hero-machine {width: 26%;z-index: 1;position: absolute;right: 2%;bottom: -8%;}

/* top
----------------------------------------------- */
.world {background: url("../images/world.jpg")no-repeat top center #000;padding: 41% 0;background-size: 200%;}

.movie02{background: url("../images/mov-top.jpg")no-repeat top center,url("../images/mov-bottom.jpg")no-repeat bottom center #000;padding: 65% 0 44%;background-size: 200%;}
.movie02 div {margin: 0 auto;width:90%;height: 200px;}

.movie{background: #000;padding: 4vw 0;}
.movie img { margin: 0 auto 3%; width:90%;}
.movie p {font-style: italic;color: #fff;font-size: 3.8vw;line-height: 1.6;text-align: center;margin-bottom: 3%;letter-spacing: 0.03em;padding: 0 3vw;font-feature-settings: "palt";}
.movie p span {font-size: 120%;font-weight: bold;text-decoration: underline;}
.movie div {margin: 0 auto 3vw;width:90%;height: 200px;}

.top-trouble { padding: 18vw 0 30px; background-color: #737373; background-image: url(../images/top-trouble-bg.jpg); background-size: 130%; background-position: top center; background-repeat: no-repeat; position: relative; }
.top-trouble:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 25px 40px 0 40px; border-color: #737373 transparent transparent transparent; position: absolute; bottom: -24px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.top-trouble-box {width: 85%;margin: 0 auto;}
.top-trouble-title {margin-bottom: 15px;color: #fff;font-size: 5.6vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;position: relative;text-align: center;}
.top-trouble-title .stamp { width: 22vw; position: absolute; top: -12vw; left: -5vw; }
.top-trouble-items { width: 100%; }
.top-trouble-items li {width: auto;padding: 3% 0 3% 6vw;color: #fff;font-size: 3.5vw;/* font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; */line-height: 1.4;background: url(../images/deco01.png) no-repeat top 1.2vw left;background-size: 4vw;border-top: 1px dotted #fff;letter-spacing: 0;}
.top-trouble-items li:first-child { border: none; }
.top-trouble-items span { color: #ebe176; }

.top-magneat { padding: 50px 0 40px; position: relative; }
.top-magneat-title { width: 80%; margin: 0 auto 20vw; }
.top-magneat-title img { width: 100%; }
.top-magneat-content {width: 95%;padding: 11% 0 20px;margin: auto;background: #fff;-moz-box-shadow: 3px 3px 12px 2px #820909;-webkit-box-shadow: 3px 3px 12px 2px #820909;box-shadow: 3px 3px 12px 2px #820909;position: relative;}
.top-magneat-content-title { width: 98%; position: absolute; top: -22vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-magneat-content-title img { width: 100%; }
.top-magneat-items { width: 100%; }
.top-magneat-item {width: 100%;margin-bottom: 0%;position: relative;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: 7%;}
.top-magneat-item:nth-child(even) {left: auto;right: inherit;}
.top-magneat-item:nth-child(even) .top-magneat-item-image { order: 2; }
.top-magneat-item:nth-child(even) .top-magneat-item-text { order: 1; }
.top-magneat-item:nth-child(3) .top-magneat-item-image .deco {width: 22vw;position: absolute;top: 9vw;right: 2vw;}
.top-magneat-item:nth-child(3) .top-magneat-item-text ul li { padding: 4px 0; line-height: 1.4; border-top: 1px dashed #ddd; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-magneat-item:nth-child(3) .top-magneat-item-text ul li:first-child { border: none; }
.top-magneat-item:nth-child(3) .top-magneat-item-text ul li:before { content: '◆'; margin-right: 2px; color: #d11930; }
.top-magneat-item:nth-child(3) .top-magneat-item-text ul span { flex: 1; }
.top-magneat-item:nth-child(4) .top-magneat-item-image .image:nth-child(2) { width: 80%; margin-left: 0; }
.top-magneat-item:nth-child(4) .top-magneat-item-text li { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-magneat-item:nth-child(4) .top-magneat-item-text li span { padding: 2vw 3vw; margin-right: 2vw; color: #fff; font-size: 3.16vw; background: #8a8a8a; }
.top-magneat-item:nth-child(4) .top-magneat-item-text li p {font-size: 3.8vw;font-weight: bold;flex: 1;}

.top-magneat-item-image {width: 80%;/* position: fixed; */margin: 0 auto 9%;}
.top-magneat-item-image .image {width: 100%;margin: 0 auto 16px;}
.top-magneat-item-image .text-image {width: 90%;margin: 0 auto 15px;}
.top-magneat-item-image p {max-width: 100%;margin: auto;font-size: 3.16vw;text-align: center;line-height: 1.2;position: relative;display: table;font-weight: bold;}
.top-magneat-item-image p:before { content: ''; width: 6px; height: 1px; background: #525252; position: absolute; top: 50%; left: -8px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-magneat-item-image p:after { content: ''; width: 6px; height: 1px; background: #525252; position: absolute; top: 50%; right: -8px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-magneat-item-image p span {background-color: #ec7500;color:#fff;padding:6px 10px;margin: 0 3px;}
.top-magneat-item-image .text-note { color: #8a8a8a; font-size: 3.16vw; text-align: left; }

.top-magneat-item-text {width: 100%;}
.top-magneat-item-text p {margin-bottom: 4%;font-size: 3.4vw;text-align: justify;text-justify: inter-ideograph;line-height: 1.6;letter-spacing: 0.05em;}
.top-magneat-item-text .text-image {width: 100%;margin-bottom: 6%;}
.top-magneat-item-text .text-back {font-size: 3.8vw;font-weight: bold;line-height: 1.6;}
.top-magneat-item-text .text-back .back {padding: 2px 4px;margin-bottom: 4px;/* background: #ffe0e4; */display: inline-block;border-bottom: 2px dashed #d11930;}
.top-magneat-item-text .text-back .yellow {color: #d11930;}
.top-magneat-item-text .text-note { color: #8a8a8a; font-size: 3.16vw; }

.top-magneat-item-title {margin-bottom: 5%;position: relative;}
.top-magneat-item-title .point {width: 20vw;position: absolute;top: -5vw;left: -3vw;}
.top-magneat-item-text h4>p{font-size: 6.4vw;font-weight: bold;text-align: center;line-height: 1.3;color: #fff;}
.top-magneat-item-text h4>p span {margin-bottom: 4px;padding:2px 4px;display:inline-block;background: #d11930;}
.top-magneat-item-text h4>p span b{ color: #fff949; }

.top-magneat-deco01 { width: 68vw; position: absolute; bottom: 0; right: -18vw; }
.top-magneat-deco02 {width: 150%;position: absolute;top: 28vw;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.top-introduction { padding: 40px 0; background: #fff; position: relative; }
.top-introduction-title {padding: 0 4vw;margin: 0 auto 20px;font-size: 5vw;text-align: center;line-height: 1.4;position: relative;display: table;font-weight: bold;}
.top-introduction-title:before { content: ''; width: 7vw; height: 10vw; background: url(../images/deco03-left.png) no-repeat center; background-size: contain; position: absolute; top: 50%; left: -7vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-introduction-title:after { content: ''; width: 7vw; height: 10vw; background: url(../images/deco03-right.png) no-repeat center; background-size: contain; position: absolute; top: 50%; right: -7vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-introduction-items { width: 95%; }
.top-introduction-items li { width: auto; margin-bottom: 5px; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-introduction-items li:nth-child(2) { margin-left: 4%; }
.top-introduction-items li:nth-child(3) { margin-left: 8%; }
.top-introduction-items li:nth-child(4) { margin-left: 12%; }
.top-introduction-items li:nth-child(5) { margin-left: 4%; }
.top-introduction-items li:nth-child(6) { margin-left: 8%; }
.top-introduction-items li:nth-child(7) { margin-left: 12%; }
.top-introduction-items li:nth-child(8) { margin-left: 16%; }

.top-introduction-item-image { width: 38%; margin-right: 2%; }
.top-introduction-item-image img { width: 100%; }

.top-introduction-item-text { flex: 1; }
.top-introduction-item-text p {font-size: 3.6vw;line-height: 1.4;}
.top-introduction-item-text .red { color: #e0253d; font-size: 5.26vw; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; }
.top-introduction-item-text .line { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmY5OGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(70%, #fff98d)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #fff98d 70%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #fff98d 70%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #fff98d 70%); }

.top-introduction-arrow { width: 45%; margin: 10px auto 10px; }

.top-introduction .read p{text-align: center;margin: 10% auto;font-size: 7vw;line-height: 1.4;color: #e0253d;font-weight: bold;}
.top-introduction .read p span {font-size: 70%;display: block;color: #080808;}
.top-introduction .read {border:3px solid #efefef;padding: 0;position:relative;font-size:3.5vw;line-height:1.8;margin-bottom:3%;width: 86%;margin: 8% auto 0;}
.top-introduction .read:before{content: "";width: 40px;height: 40px;border: solid #e27657;border-width: 0 2px 2px 0;box-sizing: border-box;position: absolute;right: -2px;bottom: -2px;}
.top-introduction .read:after{content: "";width: 40px;height: 40px;border: solid #e27657;border-width: 2px 0 0 2px;box-sizing: border-box;position: absolute;left: -2px;top: -2px;}

.top-point {background: url(../images/point_bg.jpg) repeat center top;background-size: 100%;padding-bottom: 1px;}
.top-point-top {background: url(../images/point_top_bg.png) no-repeat left top;background-size: 86%;padding: 8% 0 10%;}
.top-point-top img {width: 29.7%;margin: 0 3% 0 auto;}
.top-point-ttl {width: 93%;margin: 2% auto 0;}
.top-point-in {position: relative;}
.top-point-detail {background: url(../images/point_bg_m.png) repeat-y center top;background-size: 90%;position: relative;margin: 18% auto;}
.top-point-detail:before {content: "";display: block;width: 100%;padding-bottom: 26%;position: absolute;top: -13%;background: url(../images/point_bg_t.png) no-repeat center top;background-size: 90%;}
.top-point-detail:after {content: "";display: block;width: 100%;padding-bottom: 26%;position: absolute;bottom: -16%;background: url(../images/point_bg_b.png) no-repeat center top;background-size: 90%;}
.top-point01 {margin-bottom: 70%;}
.top-point01 .top-point-detail:after {padding-bottom: 55%;bottom: -34%;background: url(../images/point01_bg.png) no-repeat center top;background-size: 90%;}
.top-point01 .top-point-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -15%;}
.top-point01 .top-point-in {position: relative;width: 86%;margin: 0 auto;}
.top-point01 .top-point-fukidashi {width: 44%;position: absolute;right: -7%;top: -12.5%;}
.top-point01 .top-point-img {width: 86%;margin: 0 auto;}
.top-point01 .top-point-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.top-point01 .top-point-txt img {width: 100%;}
.top-point01 .top-point-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.top-point01 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.top-point01 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}
.top-point01 .kira_o {position: absolute;width: 25%;top: 18.5%;z-index: 2;}
.top-point02 {margin-bottom: 42%;}
.top-point02 .top-point-detail::before {padding-bottom: 26%;top: -8%;}
.top-point02 .top-point-detail::after {bottom: -7%;}
.top-point02 .top-point-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -9%;}
.top-point02 .top-point-in {position: relative;width: 86%;margin: 0 auto;z-index: 2;}
.top-point02 .top-point-fukidashi {width: 44%;position: absolute;right: -7%;top: -8.5%;}
.top-point02 .top-point-img {width: 86%;margin: 0 auto;}
.top-point02 .top-point-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.top-point02 .top-point-txt img {width: 100%;}
.top-point02 .top-point-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.top-point02 .top-point-img02 {width: 90%;margin: 5% auto 0;}
.top-point02 .kira_l {position: absolute;width: 55%;bottom: -8%;z-index: 1;}
.top-point02 .kira_r {position: absolute;width: 19.5%;top: -9%;right: 0;z-index: 2;}
.top-point03 {margin-bottom: 35%;}
.top-point03 .top-point-detail::before {top: -14%;}
.top-point03 .top-point-detail::after {bottom: -10%;}
.top-point03 .top-point-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -15%;}
.top-point03 .top-point-in {position: relative;width: 86%;margin: 0 auto;}
.top-point03 .top-point-fukidashi {width: 42%;position: absolute;right: -8%;top: -17%;}
.top-point03 .top-point-img {width: 85%;margin: 0 auto 0 5%;}
.top-point03 .top-point-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.top-point03 .top-point-txt img {width: 85%;}
.top-point03 .top-point-txt ul {margin-top: 8%;color: #fff;}
.top-point03 .top-point-txt li {background: url(../images/point_check.png) no-repeat left top;background-size: 8%;font-size: 4.3vw;line-height: 1.6;padding: 0 0 2% 11%;border-bottom: 1px dashed #767271;margin-bottom: 3%;}
.top-point03 .top-point-txt li span {color: #ffd15c;}
.top-point03 .top-point-txt p {color: #8a8a8a;font-size: 3.7vw;line-height: 1.6;margin-top: 6%;}
.top-point03 .top-point-img03 {width: 90%;margin: 5% auto 0;}
.top-point03 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.top-point03 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}
.top-point04 {margin-bottom: 70%;}
.top-point04 .top-point-detail::before {padding-bottom: 26%;top: -8%;}
.top-point04 .top-point-detail::after {padding-bottom: 55%;bottom: -17%;background: url(../images/point04_bg.png) no-repeat center top;background-size: 90%;}
.top-point04 .top-point-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -8%;}
.top-point04 .top-point-in {position: relative;width: 86%;margin: 0 auto;padding-top: 4%;z-index: 1;}
.top-point04 .top-point-fukidashi {width: 38%;position: absolute;right: 4%;top: -4%;}
.top-point04 .top-point-img {width: 86%;margin: 0 auto;}
.top-point04 .top-point-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.top-point04 .top-point-txt img {width: 100%;}
.top-point04 .top-point-txt p {color: #fff;font-size: 4.3vw;line-height: 1.6;margin-top: 6%;}
.top-point04 .top-step {width: 85%;margin: 7% auto 0;}
.top-point04 .top-step img {width: 100%;}
.top-point04 .top-step .top-step-in {background: url(../images/point04_step.png) no-repeat left top;background-size: 60%;margin: 8% 0;color: #fff;padding: 1% 0;}
.top-point04 .top-step .top-step-in p {font-size: 4vw;line-height: 1.4;padding-left: 21%;}
.top-point04 .top-step .top-step-in p:nth-child(2) {margin-top: 18%;padding-left: 62%;}
.top-point04 .top-step .top-step-in p:nth-child(3) {margin-top: 21%;padding-left: 26%;}
.top-point04 .midashi02 {width: 60%;margin-left: 5%;}
.top-point04 .midashi03 {width: 90%;margin: 5% auto 0;}
.top-point04 .kira_l {position: absolute;width: 45%;top: -7.5%;}
.top-point04 .kira_r {position: absolute;width: 19.5%;top: -8%;right: 0;z-index: 2;}

.difference {background: url(../images/point_bg.jpg) repeat center top;background-size: 100%;padding-bottom: 8%;}
.difference-top {background: url(../images/point_top_bg.png) no-repeat left top;background-size: 86%;padding: 8% 0 10%;}
.difference-top img {width: 29.7%;margin: 0 3% 0 auto;}
.difference-ttl {width: 110%;margin: 10% 0 0;position: relative;left: 50%;transform: translate(-50%);}
.difference-in {position: relative;}
.difference-detail {background: url(../images/point_bg_m.png) repeat-y center top;background-size: 90%;position: relative;margin: 18% auto;}
.difference-detail:before {content: "";display: block;width: 100%;padding-bottom: 26%;position: absolute;top: -26vw;background: url(../images/point_bg_t.png) no-repeat center top;background-size: 90%;}
.difference-detail:after {content: "";display: block;width: 100%;padding-bottom: 26%;position: absolute;bottom: -26vw;background: url(../images/point_bg_b.png) no-repeat center top;background-size: 90%;}
.difference01 {margin-bottom: 50%;margin-top: -5%;}
.difference01 .difference-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -27vw;}
.difference01 .difference-in {position: relative;width: 86%;margin: 0 auto;}
.difference01 .difference-fukidashi {width: 44%;position: absolute;right: -7%;top: -12.5%;}
.difference01 .difference-img {width: 86%;margin: 0 auto;}
.difference01 .difference-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.difference01 .difference-txt img {width: 100%;}
.difference01 .difference-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.difference01 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.difference01 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}
.difference01 .kira_o {position: absolute;width: 25%;top: 18.5%;z-index: 2;}

.difference02 {margin-bottom: 42%;}
.difference02 .difference-detail::before {padding-bottom: 26%;}
.difference02 .difference-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -27vw;}
.difference02 .difference-in {position: relative;width: 86%;margin: 0 auto;z-index: 2;}
.difference02 .difference-fukidashi {width: 44%;position: absolute;right: -7%;top: -8.5%;}
.difference02 .difference-img {width: 86%;margin: 0 auto;}
.difference02 .difference-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.difference02 .difference-txt img {width: 100%;}
.difference02 .difference-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.difference02 .difference-img02 {width: 90%;margin: 5% auto 0;}
.difference02 .kira_l {position: absolute;width: 55%;bottom: -8%;z-index: 1;}
.difference02 .kira_r {position: absolute;width: 19.5%;top: -9%;right: 0;z-index: 2;}

.difference03 {margin-bottom: 80%;}
.difference03 .difference-detail::before {top: -14%;}
.difference03 .difference-detail:after {padding-bottom: 55%;bottom: -34%;background: url(../images/point01_bg.png) no-repeat center top;background-size: 90%;}
.difference03 .difference-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -15%;}
.difference03 .difference-in {position: relative;width: 86%;margin: 0 auto;}
.difference03 .difference-fukidashi {width: 42%;position: absolute;right: -8%;top: -17%;}
.difference03 .difference-img {width: 85%;margin: 0 auto 0 5%;}
.difference03 .difference-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.difference03 .difference-txt img {width: 85%;}
.difference03 .difference-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.difference03 .difference-txt p span {color: #feff80;}
.difference03 .difference-txt p em {color: #d71e1e; border-bottom: 1px solid #d71e1e;}
.difference03 .difference-img03 {width: 90%;margin: 5% auto 0;}
.difference03 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.difference03 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}

.difference04 {margin-bottom: -22%;}
.difference04 .difference-detail::before {padding-bottom: 26%;}
.difference04 .difference-label {position: absolute;left: 50%;transform: translate(-50%);width: 20%;top: -27vw;}
.difference04 .difference-in {position: relative;width: 86%;margin: 0 auto;z-index: 2;}
.difference04 .difference-fukidashi {width: 44%;position: absolute;right: -7%;top: -8.5%;}
.difference04 .difference-img {width: 86%;margin: 0 auto;}
.difference04 .difference-txt {width: 86%;margin: 6% auto 0;position: relative;z-index: 1;}
.difference04 .difference-txt img {width: 100%;}
.difference04 .difference-txt p {color: #fff;font-size: 4vw;line-height: 1.6;margin-top: 6%;}
.difference04 .difference-img02 {width: 90%;margin: 5% auto 0;}
.difference04 .kira_l {position: absolute;width: 55%;bottom: -8%;z-index: 1;}
.difference04 .kira_r {position: absolute;width: 19.5%;top: -9%;right: 0;z-index: 2;}

.difference-end01 {width: 70%;margin: 55% auto 3%;}
.difference-end02 {width: 70%;margin: 10% auto;}

.x-thrive {background: url("../images/x-thrive-bg.jpg")no-repeat top center #000;padding: 8vw 0;background-size: 200%;}
.x-thrive .img  {width: 60%;margin: 0 auto 3vw;}
.x-thrive .text {width: 80%;margin: 0 auto;}


.attention { background: #000; padding: 10% 0 ;}
.attention p { margin: 0 auto; color: #fff; width:92%; line-height: 1.8; }
.attention p span{ color: #ffeb0c; }
.attention .ttl {margin: 0 auto 4%;color: #fff;text-align: center;font-size: 4vw;line-height: 2;font-weight: bold;}
.attention .ttl span {display:inline-block;border:1px solid #fff;padding: 0 15%;font-size: 160%;color: #000;background: #fff;}

.attention .read { text-align: center;}
.attention .read img {margin: 0 auto 3%;width: 90%;}
.attention .read h4 { display: inline-block; margin: 0 auto 4%; font-size: 5.4vw; font-weight: bold;background: #fff; padding:6px 14px;}
.attention .point01 ul {width:92%; margin: 6% auto; display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.attention .point01 li { width:48%;}
.attention .point01 li img { width:100%; margin-bottom: 8%;}

.attention .point02 { margin-bottom: 8%;}
.attention .point02 img,.attention .point03 img{ margin: 0 auto 4%; }
.attention .point02 p,.attention .point03 p{width: 88%;text-align: justify;}

.voice {padding: 3% 0 0;}
.voice img { width:100%;}
.voice .ttl {margin: 0 auto 6%;width: 96%;}
.voice-content {width: 90%;padding: 6%;margin: 0 auto 6%;background: #fff;-moz-box-shadow: 3px 3px 12px 2px #820909;-webkit-box-shadow: 3px 3px 12px 2px #820909;box-shadow: 3px 3px 12px 2px #820909;position: relative;}
.voice .intro {margin: 0 auto 6%;}
.voice .intro dl { margin-bottom: 8%;}
.voice .intro dt {border-bottom: 1px solid #ccc;margin-bottom: 1%;padding-bottom: 4%;font-size: 6vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;line-height: 1.2;font-weight: 600;font-feature-settings:"palt";letter-spacing:0.02em;}
.voice .intro dd {font-size: 4.8vw;line-height: 1.2;}
.voice .intro dd span { font-size:60%;}
.voice p.read {border-left:5px solid #c30014;padding-left: 3%;margin-bottom: 2%;font-weight: 600;color: #c30014;font-size: 4.2vw;}
.voice p { margin-bottom: 6%; text-align:justify; text-justify:auto;font-feature-settings: "palt"1; letter-spacing: .05em; line-height: 1.6;}

.top-difference { padding: 40px 0; }
.top-difference-title { margin-bottom: 40px; color: #fff; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; line-height: 1.2; position: relative; }
.top-difference-title:after { content: ''; width: 40px; height: 1px; background: #fff; position: absolute; bottom: -20px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-difference-title .small { margin-bottom: 5px; font-size: 3.42vw; display: block; }
.top-difference-title .big { font-size: 5.26vw; display: block; }
.top-difference-box-title { margin-bottom: 20px; color: #fff; font-size: 6.32vw; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; }
.top-difference-items { width: 90%; margin: 0 auto 20px; 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; }
.top-difference-items li { width: 48%; margin-bottom: 15px; }
.top-difference-items-image { width: 100%; margin-bottom: 5px; }
.top-difference-items-image img { width: 100%; }
.top-difference-items-text { color: #fff; text-align: center; line-height: 1.4; }
.top-difference-text { color: #fff; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; line-height: 1.8; }
.top-difference-text p { font-size: 3.68vw; }
.top-difference-text span { margin: 0 auto 4px; color: #fff771; font-size: 11.18vw; line-height: 1.2; position: relative; display: table; }
.top-difference-text span:after { content: ''; width: 100%; height: 1px; background: #fff771; position: absolute; left: 50%; bottom: -2px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.top-support { padding-bottom: 40px; }
.top-support-content { width: 95%; padding-top: 10vw; margin: auto; background: #fff; -moz-box-shadow: 3px 3px 12px 2px #820909; -webkit-box-shadow: 3px 3px 12px 2px #820909; box-shadow: 3px 3px 12px 2px #820909; position: relative; }
.top-support-title { margin-bottom: 4vw; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; position: relative;}
.top-support-title .small {font-size: 3.7vw;line-height: 1.6;}
.top-support-title .arrow { width: 45vw; margin: 1vw auto 4vw; }
.top-support-title .big { font-size: 9.87vw; line-height: 1.2; }
.top-support-title img.point {position: absolute;top: 36%;left: 6%;width: 26%;}

.top-support-deco {width: 38vw;position: absolute;top: -15vw;right: -9vw;}
.top-support-text { width: 90%; margin: 0 auto 20px; }
.top-support-text p {padding-bottom: 5px;font-size: 3.6vw;line-height: 2;border-bottom: 1px dashed #ccc;display: inline;}
.top-support-text span { color: #d11930; font-weight: bold; }
.top-support-text small { font-size: 80%;}
.top-support-text-image01 {width: 86%;margin: 0 auto 20px;}
.top-support-text-image02 { width: 100%; }

.top-charm { position: relative; }
.top-charm:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 25px 40px 0 40px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -24px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-charm-title { width: 180%; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-charm-title img { width: 100%; }

.top-charm-content { width: 100%; background: #fff; }
.top-charm-content-box {width: 120%;padding-top: 20px;margin-left: 5%;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;}
.top-charm-content-box:nth-child(2) {margin-left: -24.5%;margin-right: 5%;}
.top-charm-content-box:nth-child(2) .top-charm-content-text { order: 2; }
.top-charm-content-box:nth-child(2) .top-charm-content-image { order: 1; }
.top-charm-content-text { width: 48%; }
.top-charm-content-title { margin-bottom: 10px; font-size: 6.84vw; font-style: italic; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; line-height: 1.4; }
.top-charm-content-items li { margin-bottom: 10px; }

.top-charm-content-items p {font-size: 3.6vw;line-height: 1.4;}
.top-charm-content-items .big { font-size: 4.47vw; font-weight: bold; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmY5OGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(70%, #fff98d)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #fff98d 70%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 70%, #fff98d 70%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #fff98d 70%); }
.top-charm-content-item-batch { margin-bottom: 5px; border-bottom: 1px solid #d3243a; }
.top-charm-content-item-batch img { width: 16vw; }
.top-charm-content-image {width: 50%;}
.top-charm-content-image img { width: 100%; }
.top-charm-content-image .image { margin-bottom: 10px; }
.top-charm-footer { padding: 20px 0 25px 8vw; font-size: 11.84vw; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; font-style: italic; text-align: center; }

.top-offer {padding: 40px 0 20px;position: relative;}
.top-offer-title {width: 85%;margin: 0 auto;}
.top-offer-title img { width: 100%; }
.top-offer-more {width: 85%;margin: 0 auto 10px;position: relative;z-index: 1;}
.top-offer-more img { width: 100%; }
.top-offer-content { width: 90%; margin: auto; }
.top-offer-content img {width: 100%;margin: 0 auto 4%;}
.top-offer-note { width: 90%; margin: 0 auto 4px; color: #fff; font-size: 3.2vw; line-height: 1.2;  padding-left: 1em; text-indent: -1em; line-height: 1.4; text-align:justify; text-justify:auto;}
.top-offer-deco { width: 120%; position: absolute; top: 6vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.top-faq {padding-top: 60px;padding-bottom: 60px;}
.top-faq-inner, .top-flow-inner {width: 94%;margin: 0 auto;padding: 8% 6% 4%;background: #fff;-moz-box-shadow: 3px 3px 12px 2px #820909;-webkit-box-shadow: 3px 3px 12px 2px #820909;box-shadow: 3px 3px 12px 2px #820909;position: relative;}
.top-faq-title, .top-flow-title { width: 60%; position: absolute; top: -9vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-faq-title img, .top-flow-title img { width: 100%; }
.top-faq-items { width: 100%; margin: 0 auto; }
.top-faq-items li { padding: 20px 0; border-top: 1px dotted #888; }
.top-faq-items li:first-child { border: none; }
.top-faq-item-question {margin-bottom: 4px;font-size: 4.6vw;font-weight: bold;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-start;align-items: flex-start;}
.top-faq-item-question .batch { width: 8vw; margin-right: 2vw; }
.top-faq-item-question p { padding-top: 0.6vw; line-height: 1.6; flex: 1; }
.top-faq-item-answer {padding-left: 10vw;font-size: 3.6vw;line-height: 1.6;text-align:justify; text-justify:auto;}

.top-flow { padding-bottom: 40px; }
.top-flow-items { width: 100%; margin: 5vw 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; }
.top-flow-items li { width: 46%; margin-bottom: 20px; position: relative; }
.top-flow-items li:after { content: ''; width: 2.5vw; height: 5vw; background: url(../images/arrow02.png) no-repeat center; background-size: contain; position: absolute; top: 10vw; right: -4.5vw; }
.top-flow-items li:last-child:after { display: none; }
.top-flow-item-image { width: 100%; margin-bottom: 5px; }
.top-flow-item-image img { width: 100%; }
.top-flow-item-text p {font-size: 3.4vw;line-height: 1.6; text-align:justify; text-justify:auto;}
.top-flow-item-text a { display: inline; }
.top-flow-item-text .yellow { color: #c59c42; text-decoration: underline; }
.top-flow-item-text .note {padding: 11px;margin-top: 5px;color: #e52929;border: 1px solid;}


/* contact
----------------------------------------------- */
.form-read { text-align: center; font-size: 4.4vw; color:#c30000; margin: 4% auto; font-weight: bold;}

.top-form { padding-bottom: 40px; background: #fff; }

.top-form-title { padding: 6vw 0; margin-bottom: 30px; color: #fff; text-align: center; background: #1b1b1b; -moz-box-shadow: 0 5px 12px -8px #000; -webkit-box-shadow: 0 5px 12px -8px #000; box-shadow: 0 5px 12px -8px #000; position: relative; }
.top-form-title:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 12px 0 12px; border-color: #1b1b1b transparent transparent transparent; position: absolute; bottom: -9px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-form-title .jp { margin-bottom: 5px; font-size: 5.79vw; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; display: block; }
.top-form-title .en { font-size: 3.16vw; letter-spacing: 2px; display: block; }


.contact {padding: 10vw 0;background: #fff;border-bottom: 1px solid #cacaca;}
.contact_ttl {text-align: center;margin-bottom: 10vw;position: relative;}
.contact_ttl:after {content: ""; position:absolute; bottom: -5vw; left: 50%; transform: translate(-50%); width: 10%; height: 1px; background: #000;}
.contact_ttl p {font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 7vw;letter-spacing: 0.1em;}
.contact_ttl span {display:block;font-size: 4vw;letter-spacing: 0.1em;margin-bottom: 2%;}

/*.mailform_in {width: 94%;margin: auto;}*/

.label_input li {margin-bottom: 3%;}

.privacy {margin-top: 5%; padding: 5%}
.privacy h6 {text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 4vw;color: #181747;margin-bottom: 4%;}
.privacy .privacy_in {margin: 5% 0;height: 14em;overflow-y: scroll;padding: 1em;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.2) inset;border: 1px solid #ccc;overflow: auto;}
.privacy .privacy_in dl {margin-bottom: 5%;}
.privacy .privacy_in dt {font-size: 3.5vw;font-weight: bold;margin-bottom: 3%;color: #191748;line-height: 1.6;}
.privacy .privacy_in dd {line-height: 1.6;font-size: 3.5vw;}
form#mailformpro .privacy label {margin-top: 5%;display: block;}

form#mailformpro p.must_count {position:fixed;background: #f00;border-radius: 5px;bottom: 1em;left: 0.5em;color: #fff;padding: 2% 0 2% 2%;font-size: 3vw;width: 25%;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;z-index: 1;}
form#mailformpro p.must_count span {display: inline-block;}

.mailformproTable td span.check_input {font-size: 5.5vw;font-weight: bold;line-height: 1;margin-top: 3%;}

/* thanks
----------------------------------------------- */
.thanks_head {background: #ccc; padding-bottom: 1%; position:relative;}

.thanks {padding: 10% 8% 24%;border-bottom: 1px solid #ccc;}
.thanks h2 {text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 7vw;color: #181747; margin-bottom: 10%;}
.thanks h2 span {display: block;font-size: 4vw;margin-bottom: 2%;}
.thanks p {font-size: 4vw; line-height: 1.8;}


/* lp02
----------------------------------------------- */
.lp02_1 {background: url("../images/lp02_1_sp.jpg")no-repeat top center;padding: 340% 0;background-size: 100%;height: auto;}
.lp02_2 {background: url("../images/lp02_2_sp.jpg")no-repeat top center;padding: 305% 0;background-size: 100%;}


/* movie-area
----------------------------------------------- */
.movie-area { padding: 10% 6%; }
.movie-area .movie {margin: 0 auto 3%;background: none;padding: 0;}
.movie-area .movie-ttl {width: 100%; margin-bottom: 10%;}
.movie-area .movie:last-child { margin: 0 auto ; }
.movie-area .read {text-align: center;font-size: 5.8vw;margin-bottom: 10%;letter-spacing: .05em;font-feature-settings: "palt"1;font-weight:600;line-height: 1.4;color: #fff771;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;}
.movie-area .read span {display: block;font-size: 70%;color: #fff;margin-top: 2%;font-weight: normal;}
.movie-area .movie div { margin: 0 auto; width:100%; height: auto; }

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


/* compare
----------------------------------------------- */
.compare {padding: 10% 0;margin-bottom: -80px;}
.compare .inner {width: 92%;}
.compare_ttl {width: 84%;margin: 0 auto 15%;}
.compare_in {position:relative;padding: 3%;background: #fff;border: 1px solid #000;}
.compare_swipe {position:absolute;width: 59%;top: -4%;left: 0;}
.compare_graph {overflow: auto;}
.compare_in img {max-width: initial;}

.compare .point_ttl {width: 100%;margin: 0 auto 2%;}
.compare .point ul { margin: 0 auto 6%; background: #fff; padding: 8%;}
.compare .point img.photo { width: 100%; margin: 0 auto 3%;}
.compare .point li { margin: 0 auto 10%; }
.compare .point .read { margin-bottom:3%; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 7vw; line-height: 1.2; text-align: center;}
.compare .point .read span {background: linear-gradient(transparent 60%, #FEF8A4 60%);}
.compare .point-no { width:30%; margin:0 auto 2%;}
.compare .point .marker {background: linear-gradient(transparent 60%, #FFECEC 60%); color: #c30000; font-weight: bold;}
.compare p {text-align:justify; text-justify:auto; font-size: 3.4vw; line-height: 1.6;}
.compare .point img.end { width: 100%; margin: 0 auto 6%;}
.compare .point li.end {text-align: center;margin: 0 auto;font-size: 3.4vw;line-height: 1.5;border: 1px solid #c30000;padding: 4%;}
.compare .point li.end span {color: #c30000;font-weight: bold;font-size: 120%;}


/* campaign2023(4_tokuten)
----------------------------------------------- */
.campaign2023{background: url(../images/campaign-2023.jpg)no-repeat top center #0e1734;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;}
.campaign2023 .inner a.cvbn img{width: 100%;}








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

body { font-size: 18px; }
.sp { display: none; }
.pc { display: block; }
.inner { width: 960px; }
.frame { background-size: contain; }

/* header
----------------------------------------------- */
.header-inner { padding-top: 10px; }
.header-logo { width: 110px; margin: 0 10px; }
.header-mail {width: 150px;position: fixed;top: 10px;right: auto;left: 40%;-moz-transform: translateX(360px);-ms-transform: translateX(360px);-webkit-transform: translateX(360px);transform: translateX(360px);}
.header-tel {width: 260px;position: fixed;top: 0px;right: auto;left: 50%;-moz-transform: translateX(360px);-ms-transform: translateX(360px);-webkit-transform: translateX(360px);transform: translateX(360px);}


/* footer
----------------------------------------------- */
.footer-content { padding: 80px 0 50px; }
.footer-logo { width: 180px; margin-bottom: 30px; }
.footer-message { margin-bottom: 40px; }
.footer-message .big { margin-bottom: 12px; font-size: 28px; }
.footer-message .small { font-size: 12px; }
.footer-date { font-size: 12px; line-height: 1.8; }
.footer-tel { font-size: 12px; }
.copyright { padding: 12px 0 11px; font-size: 12px; }
.chatbot-pd { padding-bottom: 11px;}
.pagetop { width: 36px; bottom: 0; }


/* hero
----------------------------------------------- */
.hero {width: 100%;z-index: 1;position: relative;}
.hero-movie {width: 100%;height: 100%;}
.hero-frame {width: 165%;}
.hero-logo { width: 580px; top: 180px; }
.hero-machine {width: 21%;z-index: 1;position: absolute;right: auto;left: 57%;bottom: -54px;-moz-transform: translateX(220px);-ms-transform: translateX(220px);-webkit-transform: translateX(220px);transform: translateX(220px);}
.header-logo img { width: 100%; }


/* top
----------------------------------------------- */
.world {padding: 0;height: 820px;background-size: auto;}

.movie02{padding: 640px 0 0;height: 1540px;background-size:auto;}
.movie02 div { width:840px; height: 480px; }

.movie{  padding: 80px;}
.movie img { margin: 0 auto 20px; width:auto;}
.movie p {font-size: 22px; margin-bottom: 30px; }
.movie div {margin: 0 auto 40px;width:840px;height: 480px;}

.top-trouble { padding: 150px 0 80px; background-size: 1280px; }
.top-trouble:after { border-width: 60px 105px 0 105px; bottom: -59px; }
.top-trouble-box { width: 100%; padding: 0 30px 0 200px; margin: 0; }
.top-trouble-title { margin-bottom: 20px; font-size: 42px; }
.top-trouble-title .stamp { width: 170px; top: -90px; left: -50px; }
.top-trouble-items li { padding: 12px 0 10px 35px; font-size: 20px; background-position: top 17px left; background-size: 22px; }

.top-magneat { padding: 120px 0 40px; }
.top-magneat-content {width: 95%;padding: 130px 0 20px;margin: auto;background: #fff;-moz-box-shadow: 3px 3px 12px 2px #820909;-webkit-box-shadow: 3px 3px 12px 2px #820909;box-shadow: 3px 3px 12px 2px #820909;position: relative;}
.top-magneat-item {width: 100%;margin-bottom: 80px;position: relative;left: -6%;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: 0;}
.top-magneat-item:nth-child(even) {left: auto;right: -6%;}
.top-magneat-item:nth-child(even) .top-magneat-item-image {order: 2;}
.top-magneat-item:nth-child(3) .top-magneat-item-image .deco {width: 12vw;position: absolute;top: 5vw;right: -2vw;}
.top-magneat-item:nth-child(3) .top-magneat-item-text ul li {padding: 9px 0;line-height: 1.4;border-top: 1px dashed #ddd;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;font-size: 16px;}
.top-magneat-item:nth-child(4) .top-magneat-item-text li span {padding: 6px 12px;margin-right: 12px;color: #fff;font-size: 14px;background: #8a8a8a;}
.top-magneat-item:nth-child(4) .top-magneat-item-text li p {font-size: 16px;font-weight: bold;flex: 1;}
.top-magneat-item-image {width: 47%;position: relative;}
.top-magneat-item-image .text-image {width: 75%;margin: 0 auto 6px;}
.top-magneat-item-image p {max-width: 80%;margin: auto;font-size: 18px;text-align: center;line-height: 1.2;position: relative;display: table;}
.top-magneat-item-image .text-note {color: #8a8a8a;font-size: 14px;text-align: left;}
.top-magneat-item-text { width: 54%; }
.top-magneat-item-text p { margin-bottom: 8px; font-size: 3.16vw; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; }
.top-magneat-item-text { width: 54%; }
.top-magneat-item-text p { margin-bottom: 8px; font-size: 3.16vw; text-align: justify; text-justify: inter-ideograph; line-height: 1.6; }
.top-magneat-item-text .text-image { width: 100%; margin-bottom: 8px; }
.top-magneat-item-text .text-back {font-size: 3.42vw;}
.top-magneat-item-text .text-back .back {}
.top-magneat-item-text .text-back .yellow {color: #d11930;}
.top-magneat-item-text .text-note { color: #8a8a8a; font-size: 3.16vw; }

.top-magneat-item-text {width: 414px;}
.top-magneat-item-text p { margin-bottom: 15px; font-size: 16px; }
.top-magneat-item-text .text-image { width: 90%; margin: 0 auto 30px; }
.top-magneat-item-text .text-back {font-size: 19px;}
.top-magneat-item-text .text-back .back { padding: 3px 10px; }
.top-magneat-item-text .text-note { margin-top: 15px; font-size: 14px; }
.top-magneat-item-title {margin-bottom: 10px;font-size: 36px;}
.top-magneat-item-title .point {width: 170px;top: -90px;left: -40px;}

.top-magneat-item-text h4>p{font-size: 36px;text-align: left; line-height: 1.3;color: #fff; }
.top-magneat-item-text h4>p span {margin-bottom: 4px;padding:2px 4px;display:inline-block;background: #d11930;}
.top-magneat-item-text h4>p span b{ color: #fff949; }

.top-magneat-deco01 { width: 640px; right: auto; left: 50%; -moz-transform: translateX(80px); -ms-transform: translateX(80px); -webkit-transform: translateX(80px); transform: translateX(80px); }
.top-magneat-deco02 {width: 1660px;top: 153px;}

.top-introduction { padding: 80px 0; }
.top-introduction-title { padding: 0 30px; margin-bottom: 40px; font-size: 40px; }
.top-introduction-title:before { width: 55px; height: 110px; left: -55px; }
.top-introduction-title:after { width: 55px; height: 110px; right: -55px; }
.top-introduction-items { width: 960px; margin: auto; }
.top-introduction-items li { margin-bottom: 10px; }
.top-introduction-items li:nth-child(2) { margin-left: 30px; }
.top-introduction-items li:nth-child(3) { margin-left: 60px; }
.top-introduction-items li:nth-child(4) { margin-left: 90px; }
.top-introduction-items li:nth-child(5) { margin-left: 30px; }
.top-introduction-items li:nth-child(6) { margin-left: 60px; }
.top-introduction-items li:nth-child(7) { margin-left: 90px; }
.top-introduction-items li:nth-child(8) { margin-left: 120px; }
.top-introduction-item-image { width: 245px; margin-right: 20px; }
.top-introduction-item-text p { font-size: 28px; line-height: 1.4; }
.top-introduction-item-text .red { font-size: 45px; }

.top-introduction-arrow { width: 390px; margin: 30px auto 30px; }

.top-introduction .read p {margin: 60px auto;font-size: 60px;}
.top-introduction .read:before { width: 60px;height: 60px; }
.top-introduction .read:after { width: 60px;height: 60px; }

.top-point {background: url(../images/point_bg_pc.jpg) repeat center top;background-size: auto;padding-bottom: 1px;}
.top-point-top {background: url(../images/point_top_bg.png) no-repeat center top;background-size: auto;padding: 82px 0 80px;width: 960px;margin: 0 auto;}
.top-point-top img {width: auto;margin: 0 -8px 0 auto;}
.top-point-ttl {width: auto;margin: 28px auto 0;position: relative;left: -33px;}
.top-point-in {width: 960px;margin: 0 auto;}
.top-point-detail {background: url(../images/point_bg_pc_m.png) repeat-y center top;position: relative;margin: 95px auto;}
.top-point-detail:before {padding-bottom: 270px;top: -200px;background: url(../images/point_bg_pc_t.png) no-repeat center top;}
.top-point-detail:after {content: "";display: block;width: 100%;padding-bottom: 230px;position: absolute;bottom: -16%;background: url(../images/point_bg_pc_b.png) no-repeat center top;}
.top-point01 {margin-bottom: 268px;}
.top-point01 .top-point-detail:after {padding-bottom: 440px;bottom: -200px;background: url(../images/point01_bg_pc.png) no-repeat center top;}
.top-point01 .top-point-label {position: absolute;left: 0;transform: none;width: auto;top: -83px;}
.top-point01 .top-point-in {position: relative;width: 810px;margin: 0 auto;}
.top-point01 .top-point-fukidashi {width: auto;position: absolute;right: -86px;top: -145px;width: 253px;z-index: 4;}
.top-point01 .top-point-img {width: 424px;margin: 0 auto;float: right;}
.top-point01 .top-point-txt {width: 362px;display: inline-block;margin: 6% auto 0;position: relative;z-index: 1;}
.top-point01 .top-point-txt img {width: auto;}
.top-point01 .top-point-txt p {font-size: 18px;margin-top: 26px;}
.top-point01 .kira_l {position: absolute;width: auto;top: -138px;left: -173px;}
.top-point01 .kira_r {position: absolute;width: auto;top: -527px;right: -139px;z-index: 2;}
.top-point01 .kira_o {position: absolute;width: auto;top: 98px;left: -294px;}
.top-point02 {margin-bottom: 290px;}
.top-point02 .top-point-detail::before {padding-bottom: 270px;top: -170px;}
.top-point02 .top-point-detail::after {bottom: -230px;}
.top-point02 .top-point-label {position: absolute;left: 0;transform: none;width: auto;top: -52px;}
.top-point02 .top-point-in {position: relative;width: 810px;margin: 0 auto;padding-bottom: 440px;}
.top-point02 .top-point-fukidashi {width: auto;position: absolute;right: -86px;top: -145px;width: 253px;}
.top-point02 .top-point-img {width: 424px;margin: 4px auto -72px;float: right;}
.top-point02 .top-point-txt {width: 362px;display: inline-block;margin: 80px auto 0;position: relative;z-index: 1;}
.top-point02 .top-point-txt img {width: auto;}
.top-point02 .top-point-txt p {font-size: 18px;margin-top: 26px;}
.top-point02 .top-point-img02 {width: auto;margin: 0 auto 0;position: absolute;bottom: -25px;}
.top-point02 .kira_l {position: absolute;width: auto;bottom: -210px;left: -70px;}
.top-point02 .kira_r {position: absolute;width: auto;top: -253px;right: -198px;z-index: 2;}
.top-point03 {margin-bottom: 300px;position: relative;z-index: 4;}
.top-point03 .top-point-detail::before {top: -166px;}
.top-point03 .top-point-detail::after {bottom: -230px;}
.top-point03 .top-point-label {position: absolute;left: 0;transform: none;width: auto;top: -52px;}
.top-point03 .top-point-in {position: relative;width: 810px;margin: 0 auto;}
.top-point03 .top-point-fukidashi {width: auto;position: absolute;right: -107px;top: -95px;width: auto;z-index: 2;}
.top-point03 .top-point-img {width: 430px;margin: 0 0 0 auto;float: right;position: relative;left: -110px;}
.top-point03 .top-point-txt {width: 100%;margin: 0 auto;padding-top: 83px;}
.top-point03 .top-point-txt img {width: auto;}
.top-point03 .top-point-txt ul {margin-top: 39px;width: 623px;}
.top-point03 .top-point-txt li {background: url(../images/point_check.png) no-repeat left 5px top;background-size: 31px;font-size: 20px;padding: 2px 0 7px 43px;margin-bottom: 9px;}
.top-point03 .top-point-txt li span {color: #ffd15c;}
.top-point03 .top-point-txt p {font-size: 14px;margin: 31px 0 0 4px;}
.top-point03 .top-point-img03 {width: 90%;margin: 5% auto 0;}
.top-point03 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.top-point03 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}
.top-point04 {margin-bottom: 700px;}
.top-point04 .top-point-detail {background: url(../images/point04_bg_m.png) repeat-y center top;position: relative;margin: 95px auto;}
.top-point04 .top-point-detail::before {padding-bottom: 195px;top: -195px;background: url(../images/point04_bg_t.png) no-repeat center top;}
.top-point04 .top-point-detail::after {padding-bottom: 630px;bottom: -630px;background: url(../images/point04_bg_b.png) no-repeat center top;background-size: auto;}
.top-point04 .top-point-label {position: absolute;left: 0;transform: none;width: auto;top: -83px;}
.top-point04 .top-point-in {position: relative;width: 810px;margin: 0 auto;padding-bottom: 120px;}
.top-point04 .top-point-fukidashi {width: auto;position: absolute;right: -55px;top: -95px;z-index: 2;}
.top-point04 .top-point-img {width: 424px;margin: 0 auto;float: right;position: relative;top: 113px;right: -13px;}
.top-point04 .top-point-txt {width: 376px;display: inline-block;margin: 13px 0 0;position: relative;z-index: 1;}
.top-point04 .top-point-txt img {width: auto;}
.top-point04 .top-point-txt p {font-size: 19px;line-height: 1.8;margin-top: 9px;}
.top-point04 .top-step {width: auto;margin: 64px auto 0;}
.top-point04 .top-step img {width: auto;margin: 0 auto;}
.top-point04 .top-step .top-step-in {background: url(../images/point04_step_pc.png) no-repeat center top;background-size: auto;margin: 9px 0 0 0;padding: 22px 0;}
.top-point04 .top-step .top-step-in p {font-size: 22px;line-height: 1.4;padding-left: 139px;}
.top-point04 .top-step .top-step-in p:nth-child(2) {margin-top: 50px;padding-left: 356px;}
.top-point04 .top-step .top-step-in p:nth-child(3) {margin-top: 60px;padding-left: 568px;}
.top-point04 .midashi02 {width: auto;margin-left: 0;margin-top: -85px;}
.top-point04 .midashi03 {width: auto;margin: 14px auto 0;position: absolute;}
.top-point04 .kira_l {position: absolute;width: auto;top: auto;bottom: -650px;left: -205px;}
.top-point04 .kira_r {position: absolute;width: auto;top: -390px;right: -60px;z-index: 2;}

.difference {background: url(../images/point_bg_pc.jpg) repeat center top;background-size: auto;padding-bottom: 30px;margin-top: 120px;}
.difference-top {background: url(../images/point_top_bg.png) no-repeat center top;background-size: auto;padding: 82px 0 80px;width: 960px;margin: 0 auto;}
.difference-top img {width: auto;margin: 0 -8px 0 auto;}
.difference-ttl {width: auto;margin: 0;position: relative;left: 50%;transform: translate(-50%);}
.difference-in {width: 960px;margin: 0 auto;margin-top: -67px;}
.difference-detail {background: url(../images/point_bg_pc_m.png) repeat-y center top;position: relative;margin: 59px auto;}
.difference-detail:before {padding-bottom: 270px;top: -163px;background: url(../images/point_bg_pc_t.png) no-repeat center top;}
.difference-detail:after {content: "";display: block;/* width: 0; */padding-bottom: 230px;position: absolute;bottom: -180px;background: url(../images/point_bg_pc_b.png) no-repeat center top;}
.difference01 {margin-bottom: 320px;}
.difference01 .difference-label {position: absolute;left: 0;transform: none;width: auto;top: -83px;}
.difference01 .difference-in {position: relative;width: 810px;margin: 0 auto;}
.difference01 .difference-fukidashi {width: auto;position: absolute;right: -86px;top: -145px;width: 253px;z-index: 4;}
.difference01 .difference-img {width: 424px;margin: 0 auto;float: right;}
.difference01 .difference-txt {width: 362px;display: inline-block;margin: 60px auto 0;position: relative;z-index: 1;}
.difference01 .difference-txt img {width: auto;}
.difference01 .difference-txt p {font-size: 18px;margin-top: 26px;line-height: 1.9;}
.difference01 .kira_l {position: absolute;width: auto;top: -138px;left: -173px;}
.difference01 .kira_r {position: absolute;width: auto;top: -527px;right: -139px;z-index: 2;}
.difference01 .kira_o {position: absolute;width: auto;top: 98px;left: -294px;}

.difference02 {margin-bottom: 320px;}
.difference02 .difference-detail::before {padding-bottom: 270px;top: -170px;}
.difference02 .difference-detail::after {/* bottom: -230px; */}
.difference02 .difference-label {position: absolute;left: 0;transform: none;width: auto;top: -52px;}
.difference02 .difference-in {position: relative;width: 810px;margin: 0 auto;}
.difference02 .difference-fukidashi {width: auto;position: absolute;right: -86px;top: -145px;width: 253px;}
.difference02 .difference-img {width: 424px;margin: 4px auto -72px;float: right;}
.difference02 .difference-txt {width: 362px;display: inline-block;margin: 80px auto 0;position: relative;z-index: 1;}
.difference02 .difference-txt img {width: auto;}
.difference02 .difference-txt p {font-size: 18px;margin-top: 26px;}
.difference02 .difference-img02 {width: auto;margin: 0 auto 0;position: absolute;bottom: -25px;}
.difference02 .kira_l {position: absolute;width: auto;bottom: -210px;left: -70px;}
.difference02 .kira_r {position: absolute;width: auto;top: -253px;right: -198px;z-index: 2;}

.difference03 {margin-bottom: 380px;position: relative;z-index: 4;}
.difference03 .difference-detail:after {padding-bottom: 440px;bottom: -200px;background: url(../images/point01_bg_pc.png) no-repeat center top;}
.difference03 .difference-detail::before {top: -166px;}
.difference03 .difference-detail::after {bottom: -230px;}
.difference03 .difference-label {position: absolute;left: 0;transform: none;width: auto;top: -52px;}
.difference03 .difference-in {position: relative;width: 810px;margin: 0 auto;}
.difference03 .difference-fukidashi {width: auto;position: absolute;right: -107px;top: -95px;width: auto;z-index: 2;}
.difference03 .difference-img {width: 424px;margin: 4px auto -72px;float: right;}
.difference03 .difference-txt {width: 362px;display: inline-block;margin: 80px auto 0;position: relative;z-index: 1;}
.difference03 .difference-txt img {width: auto;}
.difference03 .difference-txt ul {margin-top: 39px;width: 623px;}
.difference03 .difference-txt li {background: url(../images/point_check.png) no-repeat left 5px top;background-size: 31px;font-size: 20px;padding: 2px 0 7px 43px;margin-bottom: 9px;}
.difference03 .difference-txt li span {color: #ffd15c;}
.difference03 .difference-txt p {font-size: 18px;margin-top: 26px;}
.difference03 .difference-img03 {width: 90%;margin: 5% auto 0;}
.difference03 .kira_l {position: absolute;width: 45%;top: -13.5%;}
.difference03 .kira_r {position: absolute;width: 19.5%;top: -16%;right: 0;z-index: 2;}

.difference04 {margin-bottom: 190px;}
.difference04 .difference-detail::before {padding-bottom: 270px;top: -170px;}
.difference04 .difference-detail::after {/* bottom: -230px; */}
.difference04 .difference-label {position: absolute;left: 0;transform: none;width: auto;top: -52px;}
.difference04 .difference-in {position: relative;width: 810px;margin: 0 auto;}
.difference04 .difference-fukidashi {width: auto;position: absolute;right: -86px;top: -145px;width: 253px;}
.difference04 .difference-img {width: 424px;margin: 4px auto -72px;float: right;}
.difference04 .difference-txt {width: 362px;display: inline-block;margin: 80px auto 0;position: relative;z-index: 1;}
.difference04 .difference-txt img {width: auto;}
.difference04 .difference-txt p {font-size: 18px;margin-top: 26px;}
.difference04 .difference-img02 {width: auto;margin: 0 auto 0;position: absolute;bottom: -25px;}
.difference04 .kira_l {position: absolute;width: auto;bottom: -210px;left: -70px;}
.difference04 .kira_r {position: absolute;width: auto;top: -253px;right: -198px;z-index: 2;}

.difference-end01 {width: auto;margin: 0 auto 30px;}
.difference-end02 {width: auto;margin: 100px auto;}


.x-thrive {height: 860px;padding: 80px;background-size:auto;}
.x-thrive div {margin: 0 auto;position: relative;width: 960px;}
.x-thrive .img  {margin: 0;position: absolute;width: auto;left: -70px;bottom: -700px;}
.x-thrive .text {margin: 0;position: absolute;width: auto;right: 0;top: 0;}

.attention {padding: 60px 0 ;}
.attention p { width:900px;}
.attention .ttl {margin: 0px auto 50px;font-size: 26px;}
.attention .read img { margin: 0 auto 30px; float: none !important;width: auto;}
.attention .read h4 {  font-size: 38px; padding: 8px 18px; margin-bottom: 30px;}
.attention .point01 p{text-align: center;font-size: 20px;}
.attention .point01 ul {width:900px; margin: 50px auto; }
.attention .point02 { margin: 0 auto 60px; width:960px;}
.attention .point03 {  margin: 0 auto; width:960px;}
.attention .point02 img,.attention .point03 img{  float: left; }
.attention .point02 p,.attention .point03 p{ float: right; width: 600px;}

.voice img { width:auto;}
.voice .ttl { margin: 0 auto 50px; width:auto;}
.voice-content {margin: 0 auto 60px; width:960px; padding: 50px;}
.voice .intro {margin: 0 auto 40px;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.voice .intro dl {width: 50%;padding-top: 20px;}
.voice .intro dt {margin-bottom: 15px;padding-bottom: 20px;font-size: 38px;}
.voice .intro dd { font-size:30px; }
.voice p.read {padding-left: 12px; margin-bottom: 15px;  font-size: 26px;}
.voice .img_l { float:left;}
.voice .text_r {float:right;width: 504px;}

.top-difference {padding: 100px 0;}
.top-difference-title { margin-bottom: 75px; }
.top-difference-title:after { width: 120px; height: 2px; bottom: -40px; }
.top-difference-title .small { margin-bottom: 10px; font-size: 26px; }
.top-difference-title .big { font-size: 45px; }
.top-difference-box-title { margin-bottom: 50px; font-size: 56px; }
.top-difference-items { width: 860px; }
.top-difference-items li { width: 45%; margin-bottom: 40px; }
.top-difference-items-image { width: 100%; margin-bottom: 15px; }
.top-difference-text p { font-size: 30px; }
.top-difference-text span { font-size: 90px; }

.top-support {padding-bottom: 60px;}
.top-support-content { width: 960px; padding-top: 80px; }
.top-support-title .small { font-size: 26px; }
.top-support-title .arrow { width: 260px; margin: 10px auto 30px; }
.top-support-title .big { font-size: 78px; }
.top-support-text { width: 830px; margin-bottom: 50px; }
.top-support-text p { padding-bottom: 12px; font-size: 20px; line-height: 2.2; }
.top-support-text-image01 { width: 590px; margin-bottom: 40px; }
.top-support-deco { width: 335px; top: -150px; right: -100px; }
.top-support-title img.point {top: 113px;left: 168px;width: auto;}

.top-charm:after { border-width: 60px 105px 0 105px; bottom: -59px; }
.top-charm-title { width: 2000px; }
.top-charm-content-box { width: 1100px; margin: auto; padding-top: 40px; -moz-transform: translateX(70px); -ms-transform: translateX(70px); -webkit-transform: translateX(70px); transform: translateX(70px); }
.top-charm-content-box:nth-child(2) { margin: 0; position: relative; left: 50%; -moz-transform: translateX(calc(50% - 1170px)); -ms-transform: translateX(calc(50% - 1170px)); -webkit-transform: translateX(calc(50% - 1170px)); transform: translateX(calc(50% - 1170px)); }
.top-charm-content-text { width: 520px; }
.top-charm-content-title { margin-bottom: 20px; font-size: 65px; }
.top-charm-content-item-batch { margin-bottom: 10px; }
.top-charm-content-item-batch img { width: 140px; }
.top-charm-content-items li { margin-bottom: 20px; }
.top-charm-content-items p { font-size: 30px; }
.top-charm-content-items .big { font-size: 40px; }
.top-charm-content-image { width: 540px; }
.top-charm-footer { padding: 120px 0 120px 100px; font-size: 110px; }
.top-charm-footer:after { border-width: 60px 105px 0 105px; bottom: -59px; }

.top-offer { padding: 120px 0 150px; position: relative; }
.top-offer-title { width: 770px; margin-bottom: 20px; }
.top-offer-more { width: 800px; margin-bottom: 20px; }
.top-offer-content { width: 890px; margin-bottom: 20px; }
.top-offer-note { width: 880px; margin-bottom: 10px; font-size: 14px; }
.top-offer-deco { width: 1660px; top: -60px; }

.top-faq { padding-bottom: 160px; }
.top-faq-title, .top-flow-title { width: 498px; top: -90px; }
.top-faq-inner, .top-flow-inner { width: 960px; padding: 80px 80px 30px; }
.top-faq-items li { padding: 50px 0; }
.top-faq-item-question { font-size: 30px; }
.top-faq-item-question .batch { width: 65px; margin-right: 10px; }
.top-faq-item-question p { padding-top: 6px; }
.top-faq-item-answer { padding-left: 78px; font-size: 18px; }

.top-flow { padding-bottom: 120px; }
.top-flow-inner { padding: 60px 50px 30px; }
.top-flow-items li { width: 254px; margin-bottom: 50px; }
.top-flow-items li:after { width: 15px; height: 30px; top: 75px; right: -32px; }
.top-flow-item-image { margin-bottom: 10px; }
.top-flow-item-text p { font-size: 14px; line-height: 1.6; }
.top-flow-item-text .note { padding: 8px; margin-top: 8px; font-size: 12px; }

/* contact
----------------------------------------------- */
.form-read {font-size: 24px;}

.top-form-title .jp { margin-bottom: 10px; font-size: 44px; }
.top-form-title .en { font-size: 24px; letter-spacing: 5px; }
.top-form-title { padding: 60px 0; margin-bottom: 120px; }
.top-form-title:after { border-width: 28px 28px 0 28px; bottom: -27px; }

.contact {padding: 100px 0;}
.contact_ttl {margin-bottom: 100px;}
.contact_ttl:after {bottom: -30px;width: 6%;}
.contact_ttl p {font-size: 38px;}
.contact_ttl span {display:block;font-size: 20px;letter-spacing: 0.15em;margin-bottom: 14px;}


.mailform_in {width: 960px;margin: 0 auto;}

.label_input li {margin-bottom: 3%;font-size: 15px;display: inline-block;width: 48%;}
.label_input li:last-child {margin-bottom: 0;}

.mailformproTable td span.check_input {font-size: 30px;margin-top: 20px;}

.privacy {margin-top: 10px;padding: 30px;}
.privacy h6 {font-size: 18px;}
.privacy .privacy_in {margin: 20px 0;height: 12em;}
.privacy .privacy_in dl {margin-bottom: 20px;}
.privacy .privacy_in dt {font-size: 17px;margin-bottom: 10px;}
.privacy .privacy_in dd {line-height: 1.8;font-size: 14px;}
form#mailformpro .privacy label {margin: 0 auto;width: 60%;}

form#mailformpro p.must_count {bottom: 8em;left: 1em;padding: 10px;font-size: 12px;width: 110px;}

/* thanks
----------------------------------------------- */
.thanks {padding: 51px 0 97px;}
.thanks h2 {text-align: center; font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; font-size: 40px;color: #181747;margin-bottom: 60px;}
.thanks h2 span {font-size: 22px;margin-bottom: 12px;}
.thanks p {font-size: 16px;line-height: 1.8;width: 500px;margin: 0 auto;}
 
/* lp02
----------------------------------------------- */
.lp02_1 {background: url("../images/lp02.jpg")no-repeat top center;height: 6350px;padding: 0;}
.lp02_2 { display: none;}

/* movie-area
----------------------------------------------- */
.movie-area {padding: 90px 0; }
.movie-area .movie { margin: 0 auto 30px; }
.movie-area .movie-ttl {width: auto;margin: 0 auto 100px;}
.movie-area .read {text-align: center;font-size: 54px;margin-bottom: 70px;}
.movie-area .read span {display: block;font-size: 26px;margin-top: 10px;}

/* compare
----------------------------------------------- */
.compare {padding: 80px 0;}
.compare .inner {width: 960px;}
.compare_ttl {width: auto;margin: 0 auto 54px;}
.compare_midashi {width: auto;margin: 0 auto;}
.compare_in { padding: 20px;}

.compare .point_ttl {width: auto;margin: 0 auto 15px;}
.compare .point ul { width: 960px; margin: 0 auto 40px; padding: 50px;}
.compare .point li { margin: 0 auto 40px;  display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.compare .point li .text {width: 57%;}
.compare .point img.photo {width: 38%;margin: 0;}
.compare .point .read { margin-bottom:10px;font-size: 38px; text-align: left;}
.compare .point-no { width:auto; margin:0 0 10px;}
.compare p {font-size: 16px; line-height: 1.6;}
.compare .point img.end { width: auto; margin: 0 auto;}
.compare .point li.end {font-size: 28px;display: block;}


/* 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;}
	



}