@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%;margin: 80px 0 0; 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%;height: 80px;z-index: 10; position: fixed; top: 0;background: rgba(255,255,255,0.8)}
.header-logo { display: none; }
.header-mail {width: 35vw;top: 5px;right: 44vw;position: fixed;}
.header-mail img { width: 100%; }
.header-tel {width: 44vw;top: 5px;right: 0vw;position: fixed;}
.header-tel img { width: 100%; }

/* footer
----------------------------------------------- */
.footer { background-color: #6A0000;position: relative;color: #FFFFFF;}
.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;color: #FFFFFF;}
.sns { width: 250px;margin: 0 auto 20px;text-align: center;}
.sns img { width: 40px;margin: 0 5px;}
.sns a { display: inline-block;}
.copyright { padding: 3vw 0;color: #FFFFFF;font-size: 3.16vw;text-align: center;border-top: 1px solid #cacaca;}
.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%; }

/* 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-machine {width: 26%;z-index: 1;position: absolute;right: 2%;bottom: -8%;}

/* top
----------------------------------------------- */
.movie{background: #000;padding: 8% 0 0;}
.movie img { margin: 0 auto 3%; width:90%;}
.movie p { font-style: italic; color: #fff; font-size: 3.8vw; line-height: 1.5; text-align: center; margin-bottom: 3%; letter-spacing: 0.05em; }
.movie div { margin: 0 auto; width:90%; height: 300px; }

.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: -23%;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::before {padding-bottom: 26%;top: -16%;}
.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: -40%;}
.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: -40px 0 50%;}
.top-point04 .top-point-detail::before {padding-bottom: 26%;top: -15%;}
.top-point04 .top-point-detail::after {padding-bottom: 55%;bottom: -40%;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: 0 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;}

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

.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-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 50px; position: relative; }
.top-offer-title { width: 75%; margin: 0 auto 10px; }
.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-bottom: 60px; }
.top-faq-inner, .top-flow-inner {width: 94%;margin: 0 auto;padding: 8% 5% 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: 30px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.top-flow-items dl { width: 33%;margin-bottom: 10px;border: 1px solid #543518;}
.top-flow-items dl.point1 { width: 100%;margin-bottom: 10px;border: 1px solid #543518;}
.top-flow-items dt { margin-bottom: 5px;background-color: #905F37;padding: 5px;color: #FFFFFF;text-align: center;font-weight: bold;line-height: 150%;}
.top-flow-items dd { margin-bottom: 10px;padding: 5px;text-align: center;font-weight: bold;line-height: 100%;font-size: 150%;}
.top-flow-items h3 { width: 100%;margin: 20px 0 10px;background-color: #724B2c;color: #FFFFFF;padding: 5px;text-align: center;font-weight: bold;line-height: 150%; }
.top-flow-items span { color: #FF0004;font-size: 75%;}
.top-flow-items p { line-height: 140%;font-size: 75%;;}
.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; }

.mailform_in { width: 90%; 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: 4.3em;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("https://www.magneat.jp/lp/01/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%;}