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

/* header
----------------------------------------------- */
.header-inner { padding: 10px; }
.header-logo { width: 180px;margin: 10px;display: block}
.header-mail {width: 158px;position: fixed;top: 5px;right: auto;left: 35%;-moz-transform: translateX(360px);-ms-transform: translateX(360px);-webkit-transform: translateX(360px);transform: translateX(360px);}
.header-tel {width: 197px;position: fixed;top: 5px;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 20px; }
.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; }
.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
----------------------------------------------- */
.movie img { margin: 0 auto 20px; width:auto;}
.movie p {font-size: 22px; margin-bottom: 30px; }
.movie div { margin: 0 auto; 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: 24px; 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::before {padding-bottom: 26%;top: -39%;}
.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: 0 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;top: -50px; 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;float: right;margin: 0 auto;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: 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;}

.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;}

.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: 120px; }
.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-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; }

.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; }
.mailform_in {width: 900px;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: 3em;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;}