@charset "UTF-8";
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, center, 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, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

#sp_dummy_mobile { width: 320px; padding: 20px 10px 10px 10px; background-color: #000000; border-radius: 10px; background-image: url(https://asset.myfabius.jp/lib/common/efo/sp_dummy_mobile.png); background-repeat: no-repeat; background-position: center top; text-align: left; margin: 0 auto; }

#sp_dummy_frame { width: 320px; }

/*==========================================
template
===========================================*/
#form-order img { border: 0; vertical-align: top; width: 100%; height: auto; }

#landing_form.bg_image { background-position: right top; background-repeat: no-repeat; background-size: 90% auto; -webkit-background-size: 90% auto; }

.form_box { width: 100%; padding: 0 0 20px 0; line-height: 1.5; }

.form_box .form_input_box { width: 90%; padding: 0; text-align: left; font-size: 18px; margin: 0 auto; }

.form_box .form_example { width: 90%; padding: 3px 0 0 0; text-align: left; font-size: 14px; color: #999999; margin: 0 auto; }

.form_box .form_example .red { font-size: 1.1em; color: #FF0000; font-weight: bold; }

.form_box .error-message { width: 90%; padding: 1px; margin: 0 0 1px 0; text-align: center; color: #FFFFFF; background-color: #FF0000; }

.form_box .form_box_label { text-align: left; background-color: #EEEEEE; padding: 5px; margin: 3px 3px 8px 3px; font-size: 16px; }

#landing_form.bg_image .form_box_label { background-color: #ECECEC; opacity: 0.8; }

.form_box .form_box_label strong { font-weight: normal; }

div.form_required .form_box_label { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }

div.form_required .form_box_label span.form_required { /*background: #f75793;*/ font-size: 10px; font-size: 0.83333rem; padding: 0.2rem; color: white; }

.form_box .input_label { text-align: left; padding-top: 3px; }

.form_box input[type="url"], .form_box input[type="text"], .form_box input[type="tel"], .form_box input[type="email"] { font-size: 100%; height: 2em; }

.form_box textarea { font-size: 100%; }

.form_box select, #form_payment select { font-size: 100%; max-width: 100%; }

.form_box input, .form_box select, #form_payment select { vertical-align: middle; }

.form_box input[type="text"].input_long, .form_box input[type="tel"].input_long, .form_box input[type="email"].input_long, .form_box textarea.input_long, .form_box select.input_long, .form_box input[type="text"].ureru_efo_family_name, .form_box input[type="text"].ureru_efo_given_name, .form_box input[type="text"].ureru_efo_family_kana, .form_box input[type="text"].ureru_efo_given_kana, .form_box input[type="text"].ureru_efo_address1, .form_box input[type="text"].ureru_efo_address2, .form_box input[type="email"].ureru_efo_email, .form_box input[type="email"].ureru_efo_email_confirm { width: 100%; }

.form_box input[type="text"].zip1, .form_box input[type="tel"].zip1, .form_box input[type="email"].zip1 { width: 30%; }

.form_box input[type="text"].zip2, .form_box input[type="tel"].zip2, .form_box input[type="email"].zip2 { width: 40%; }

.form_box input[type="text"].ureru_efo_tel_no1, .form_box input[type="text"].ureru_efo_tel_no2, .form_box input[type="text"].ureru_efo_tel_no3, .form_box input[type="tel"].ureru_efo_tel_no1, .form_box input[type="tel"].ureru_efo_tel_no2, .form_box input[type="tel"].ureru_efo_tel_no3, .form_box input[type="email"].ureru_efo_tel_no1, .form_box input[type="email"].ureru_efo_tel_no2, .form_box input[type="email"].ureru_efo_tel_no3 { width: 24%; }

.form_box input[type="text"].input_year, .form_box input[type="tel"].input_year, .form_box input[type="email"].input_year { width: 25%; }

.form_box input[type="checkbox"] { -webkit-transform: scale(1.8); transform: scale(1.8); margin-right: 1em; }

.form_box input[type="radio"] { -webkit-transform: scale(1.8); transform: scale(1.8); margin-right: 1em; }

.form_box label { margin-right: 2em; }

.upsell_order { border-top: solid 1px #CACACA; border-bottom: solid 1px #CACACA; margin-top: 20px; margin-bottom: 20px; padding-top: 80px; padding-bottom: 80px; }

#form_payment { width: 100%; padding: 0 0 20px 0; }

#form_payment_method { width: 90%; text-align: left; margin-top: 8px; }

#form_payment_method_select #form-payment-method { font-size: 0.7em; }

#agreement { background-color: #EEEEEE; padding: 1px 0 9px 0; margin: 3px; font-size: 18px; text-align: left; line-height: 1.5; }

#agreement table { margin: 9px 5px 0 5px; }

#agreement .agreement_check { padding: 0 10px 1px 10px; vertical-align: top; }

#agreement .agreement_check input[type="checkbox"] { -webkit-transform: scale(1.8); transform: scale(1.8); }

#agreement .agreement_label { padding: 0 10px 1px 5px; vertical-align: middle; }

#agreement .agreement_label strong { font-weight: normal; }

#agreement .agreement_label span.form_notice { font-size: 10px; font-size: 0.83333rem; background-color: #f75793; color: white; padding: 0.2rem; }

#agreement .error-message { width: 95%; padding: 1px; margin: 9px auto 1px auto; text-align: center; color: #FFFFFF; background-color: #FF0000; text-align: left; }

#confirm_button { margin: 0 auto; width: 90%; text-align: center; }

#confirm_button .efo_input_border_gray { border: none; }

#confirm_button img { border: 0; vertical-align: top; width: 100%; height: auto; }

.submit_mds img { width: 100%; margin-bottom: -20px; }

#confirm_button input { width: 92%; }

h2#form_checkout_title { display: none; }

/*==========================================
wysiwyg
===========================================*/
.wysiwyg-title font { font-size: 24px; }

.wysiwyg-title u { text-decoration: none; background-color: #FCFF00; }

.wysiwyg-comment { font-size: 18px; }

.wysiwyg-comment.l { text-align: left; }

.wysiwyg-comment.c { text-align: center; }

.wysiwyg-comment.r { text-align: right; }

.wysiwyg-comment font[size="2"] { font-size: 14px; }

.wysiwyg-comment font[size="3"] { font-size: 18px; }

.wysiwyg-comment font[size="4"] { font-size: 22px; }

.wysiwyg-comment u { text-decoration: none; background-color: #FCFF00; }

.wysiwyg-comment span.arrow { margin: 0 2px; width: 22px; height: 25px; display: inline-block; vertical-align: center; background-image: url(https://asset.myfabius.jp/lib/common/efo/arrow.png); background-repeat: no-repeat; background-position: center center; }

.wysiwyg-comment span.checkbox { margin: 0 2px; width: 30px; height: 23px; display: inline-block; vertical-align: center; background-image: url(https://asset.myfabius.jp/lib/common/efo/checkbox.png); background-repeat: no-repeat-x; background-position: center center; }

.wysiwyg-title img.urerueditor-arrow, .wysiwyg-title img.urerueditor-checkbox, .wysiwyg-comment img.urerueditor-arrow, .wysiwyg-comment img.urerueditor-checkbox { width: auto !important; height: auto !important; display: none; }

footer p.link { font-size: 1em; }

/*==========================================
wysiwyg
===========================================*/
/* np */
#form_payment_method_np { display: none; }

#form-single-payment-method #form_payment_method_np { display: block !important; }

#form_payment_method_np .np_image { width: 100%; margin-top: 10px; }

#form_payment_method_np .np_image img { width: 100%; height: auto; }

#form_payment_method_np .np_note .np_title { width: 100%; margin-top: 10px; padding-bottom: 2px; font-size: 14px; line-height: 1.5; border-bottom: dotted 2px #CCCCCC; }

#form_payment_method_np .np_note .np_description { margin-top: 5px; margin-left: 1em; font-size: 12px; line-height: 1.5; }

.form_input_box p.input_label { font-size: 1em; padding: 5px 15px 5px 0; }

/*
 credit
#form_payment_method_credit { display: none; }

#form-single-payment-method #form_payment_method_credit { display: block !important; }

#form_payment_method_credit .credit_title { margin-top: 10px; font-size: 16px; }

#form_payment_method_credit .credit_input { margin-top: 5px; padding: 0; font-size: 18px; vertical-align: middle; }

#form_payment_method_credit .credit_input input { width: 100%; font-size: 100%; height: 2em; }

#form_payment_method_credit .credit_input input.card_date { width: 20% !important; }

#form_payment_method_credit .credit_example { padding: 3px 0 0 0; text-align: left; font-size: 14px; color: #999999; }

#form_payment_method_credit .credit_box .error-message { width: 100% !important; }

div#form_payment_method_np_form { padding: 10px; width: auto; border: 1px solid #CCCCCC; margin: 10px auto 0 auto; line-height: 16px; font-size: 12px; }

.c01 { color: #FF0000; }

#upsell_payment_method_np div#form_payment_method_np { padding-right: 20px; }

div#np_note { margin-top: 1.0em; text-align: left; }

div#np_note .np_description { width: auto; padding: 0 12px; }
*/

/*==========================================
sp_efo_input
===========================================*/
.efo_input_glay { background-color: #D4D4D4; }

.efo_input_white { background-color: #FFFFFF; }

.efo_input_border_red { border: 2px solid #FF0000; }

.efo_input_border_gray { border: 1px solid #999999; }

.honki_efo_input_glay { background-color: #D4D4D4; }

.honki_efo_input_border_gray { border: 1px solid #999999; }

/*==========================================
sp_tipsy
===========================================*/
.form_input_box { position: relative !important; }

.tipsy { cursor: pointer !important; position: absolute !important; z-index: 100000 !important; font-size: 18px; line-height: 1.5; }

#agreement .ureru-efo-baloon-wrapper { width: 80% !important; }

#honki-check-wrapper .ureru-efo-baloon-wrapper { width: 85% !important; }

.ureru-efo-baloon-wrapper { width: 101% !important; padding: 0 !important; }

.ureru-efo-baloon-baloon { width: 100% !important; border-collapse: collapse !important; border: none !important; border-spacing: 0 !important; }

.ureru-efo-baloon-baloon td { border: none !important; padding: 0 !important; }

.ureru-efo-baloon-baloon-0, .ureru-efo-baloon-baloon-1, .ureru-efo-baloon-baloon-2 { height: 4px !important; }

.ureru-efo-baloon-baloon-3, .ureru-efo-baloon-baloon-4, .ureru-efo-baloon-baloon-5 { height: auto !important; }

.ureru-efo-baloon-baloon-6, .ureru-efo-baloon-baloon-7, .ureru-efo-baloon-baloon-8 { height: 15px !important; }

.ureru-efo-baloon-baloon-0, .ureru-efo-baloon-baloon-3, .ureru-efo-baloon-baloon-6 { width: 23px !important; }

.ureru-efo-baloon-baloon-1, .ureru-efo-baloon-baloon-4, .ureru-efo-baloon-baloon-7 { width: auto !important; }

.ureru-efo-baloon-baloon-2, .ureru-efo-baloon-baloon-5, .ureru-efo-baloon-baloon-8 { width: 8px !important; }

.ureru-efo-baloon-baloon-0 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-0.png"); background-position: left top !important; background-repeat: no-repeat !important; }

.ureru-efo-baloon-baloon-0 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-0.gif") \9; }

.ureru-efo-baloon-baloon-1 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-1.png"); background-position: center top !important; background-repeat: repeat-x !important; }

.ureru-efo-baloon-baloon-1 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-1.gif") \9; }

.ureru-efo-baloon-baloon-2 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-2.png"); background-position: right top !important; background-repeat: no-repeat !important; }

.ureru-efo-baloon-baloon-2 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-2.gif") \9; }

.ureru-efo-baloon-baloon-3 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-3.png"); background-position: left center !important; background-repeat: repeat-y !important; }

.ureru-efo-baloon-baloon-3 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-3.gif") \9; }

.ureru-efo-baloon-baloon-4 { text-align: left; background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-close.png"); background-color: #F75793 !important; background-position: right top !important; background-repeat: no-repeat !important; }

.ureru-efo-baloon-baloon-4 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-close.gif") \9; }

.ureru-efo-baloon-baloon-5 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-5.png"); background-position: right center !important; background-repeat: repeat-y !important; }

.ureru-efo-baloon-baloon-5 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-5.gif") \9; }

.ureru-efo-baloon-baloon-6 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-6.png"); background-position: left bottom !important; background-repeat: no-repeat !important; }

.ureru-efo-baloon-baloon-6 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-6.gif") \9; }

.ureru-efo-baloon-baloon-7 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-7.png"); background-position: center bottom !important; background-repeat: repeat-x !important; }

.ureru-efo-baloon-baloon-7 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-7.gif") \9; }

.ureru-efo-baloon-baloon-8 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-8.png"); background-position: right bottom !important; background-repeat: no-repeat !important; }

.ureru-efo-baloon-baloon-8 { background-image: url("https:///asset.myfabius.jp/lib/common/efo/ureru-efo-baloon-8.gif") \9; }

.ureru-efo-baloon-comment { margin: 0 0 0 -15px !important; padding: 3px 25px 0px 0px !important; font-size: 18px !important; font-weight: bold !important; color: #FFFFFF !important; }

html*.ureru-efo-baloon-comment { margin-left: 0 !important; }

/*==========================================
sp_efo_required_box
===========================================*/
#landing_form-wrapper { padding-top: 0px; position: relative; }

#efo_required_box { width: 100%; display: none; margin: 0; padding: 10px 0; background-color: #F75793; color: #FFFFFF; text-align: center; white-space: nowrap; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; position: absolute; z-index: 999999; top: 0px; left: 0px; box-shadow: 4px 4px 4px rgba(6, 6, 6, 0.3); line-height: 1.5; font-size: 18px; }

#efo_required_box.complete { background-color: #008000; }

#efo_required_box strong { font-weight: normal; }

/*==========================================
sp_noscript
===========================================*/
#noscript_box { background-color: #FF0000; width: 100%; margin: 0 auto; padding: 8px 0; text-align: center; }

#noscript_box img { width: 90%; height: auto; }

/*==========================================
パスワードエリア
===========================================*/
#OrderExtra1 { width: 50%; height: 2em; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img, video { max-width: 100%; height: auto; width: auto; vertical-align: middle; }

html {   font-size: 62.5%; -webkit-font-smoothing: antialiased; font-family: arial, sans-serif; }

body { font-size: 16px; font-size: 1.33333rem; }

header { text-align: center; }

main, .inner { max-width: 750px; margin: 0 auto; }

.list-box { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.list-box > li { width: 50%; }
/*
footer { border-top: 1px solid #ccc; background-color: white; padding: 1rem 0.4rem; }
footer .nav { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: none; margin-bottom: 1rem; }
footer .nav > li { position: relative; line-height: 2; font-size: 10px; font-size: 0.83333rem; width: 50%; text-align: center; }
footer .nav > li:not(:last-child):nth-child(odd):after { position: absolute; right: 0; content: "|"; color: #ccc; }
footer .nav > li a { text-decoration: none; }
footer .ft-bottom .address { line-height: 1.3; font-size: 10px; font-size: 0.83333rem; }
footer .ft-bottom .logo { text-align: center; padding: 1rem 0; max-width: 140px; margin: auto; }
footer .copyright { font-size: 8px; font-size: 0.66667rem; text-align: center; }
*/
.slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }

@-webkit-keyframes slideUp { 0% { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
  50% { transform: translateY(-8%); -webkit-transform: translateY(-8%); }
  65% { transform: translateY(4%); -webkit-transform: translateY(4%); }
  80% { transform: translateY(-4%); -webkit-transform: translateY(-4%); }
  95% { transform: translateY(2%); -webkit-transform: translateY(2%); }
  100% { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); } }
@-moz-keyframes slideUp { 0% { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
  50% { transform: translateY(-8%); -webkit-transform: translateY(-8%); }
  65% { transform: translateY(4%); -webkit-transform: translateY(4%); }
  80% { transform: translateY(-4%); -webkit-transform: translateY(-4%); }
  95% { transform: translateY(2%); -webkit-transform: translateY(2%); }
  100% { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); } }
@keyframes slideUp { 0% { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
  50% { transform: translateY(-8%); -webkit-transform: translateY(-8%); }
  65% { transform: translateY(4%); -webkit-transform: translateY(4%); }
  80% { transform: translateY(-4%); -webkit-transform: translateY(-4%); }
  95% { transform: translateY(2%); -webkit-transform: translateY(2%); }
  100% { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); } }
.btn-fixed { display: none; -webkit-animation: slideUp 1s ease 1s; -moz-animation: slideUp 1s ease 1s; animation: slideUp 1s ease 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.btn-fixed.floating { -webkit-animation: slideUp 0.5s ease 0.5s; -moz-animation: slideUp 0.5s ease 0.5s; animation: slideUp 0.5s ease 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; width: 100%; display: block; position: fixed; bottom: 0; text-align: center; }
.btn-fixed.floating.top { top: 0; }
.btn-fixed.floating.bottom { bottom: 0; }
.btn-fixed.floating.btn-image { background-color: rgba(255, 255, 255, 0.6); }

#global-footer {margin:0 auto; font-size: 62.5%; }
#global-footer .ft-nav { padding: 1.2rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 2rem; }
#global-footer .ft-nav ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: none; }
#global-footer .ft-nav ul > li { width: 50%; line-height: 2; text-align: center; position: relative; }
#global-footer .ft-nav ul > li:nth-child(odd):after { position: absolute; right: 0; content: "|"; color: #ccc; }
#global-footer .ft-nav ul > li a { text-decoration: none; }
#global-footer .ft-info { padding: 0 1.2rem; }
#global-footer .ft-info address { margin-bottom: 2rem; line-height: 1.5; }
#global-footer .ft-info #ft-logo { text-align: center; }
#global-footer #copyright { padding: 1rem 0; text-align: center; }
#global-footer img { max-width: 100%; height: auto; width: auto; vertical-align: middle; }

/*==========================================
追加css
===========================================*/
section.cv_rakutoku .optimize .animated, section.cv_free .optimize .animated, div.btn-fixed .btn_floating .animated {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

section.cv_rakutoku .optimize {
    max-width: 750px;
    margin: auto;
    position: relative;
}

section.cv_rakutoku .optimize > a{
    display: block;
    text-align: center;
    position: absolute;
}

section.cv_rakutoku .btn_rakutoku > a {
	width: 49%;
	top: 41%;
	left: 28%;
	-moz-transform: translate(40%, -60%);
	-ms-transform: translate(40%, -60%);
	-webkit-transform: translate(40%, -60%);
	transform: translate(40%, -60%);
}

section.cv_free .optimize,section.cv_restart .optimize {
    max-width: 750px;
    margin: auto;
    position: relative;
}

section.cv_free .optimize > a,section.cv_restart .optimize > a{
    display: block;
    text-align: center;
    position: absolute;
}

section.cv_free .btn_free > a {
	width: 48%;
	top: 40%;
	left: 29%;
	-moz-transform: translate(40%, -60%);
	-ms-transform: translate(40%, -60%);
	-webkit-transform: translate(40%, -60%);
	transform: translate(40%, -60%);
}

section.cv_restart .btn_free > a {
	width: 48%;
	top: 30%;
	left: 34%;
	-moz-transform: translate(30%, -60%);
	-ms-transform: translate(30%, -60%);
	-webkit-transform: translate(30%, -60%);
	transform: translate(30%, -60%);
}


.btn_floating {
/*	display: block; */
	overflow: hidden;
	padding: 2% 0;
}

.btn_floating img{
	height: 130px;
	float: left;
	margin-left: 8px;
	margin-bottom: 8px;
}

section.attention{
	display: none;
}

section.cv-box{
    margin: 0 auto;
    position: relative;
}

section.cv-box > a.cvt1 {
    position: absolute;
    width: 46%;
    top: 33%;
    left: 2.8%;
}
section.cv-box  > a.cvt2 {
    position: absolute;
    width: 46%;
    top: 33%;
    left: 51.2%;
}
section.cv-box > a.cvt3 {
    position: absolute;
    width: 46%;
    top: 76%;
    left: 2.8%;
}
section.cv-box > a.cvt5 {
    position: absolute;
    width: 46%;
    top: 76%;
    left: 51.2%;
}
section.cv-box > a.cvt1_free {
    position: absolute;
    width: 46%;
    top: 34%;
    left: 2.8%;
}
section.cv-box > a.cvt3_free {
    position: absolute;
    width: 46%;
    top: 34%;
    left: 51.2%;
}
section.cv-box > a.cvt6_free {
    position: absolute;
    width: 46%;
    top: 77%;
    left: 2.8%;
}
section.cv-box > a.cvt12_free {
    position: absolute;
    width: 46%;
    top: 77%;
    left: 51.2%;
}

section.product2, section.cv_rakutoku2, section.cv_free2{
	margin-top: -1px;
	line-height: 0;
	font-size: 0;
}

#form_area h2{
	text-align: center;
	margin: 0 auto;
}

.fv {
    max-width: 750px;
	margin: 0 auto;
}
.fv h1{
    background: url(https://asset.myfabius.jp/lib/ec/img/renewal/fv.png) no-repeat 0 0;
	background-size: contain;
	width: 100%;
	height: 0;
	display: block;
	padding-bottom: 151%;
	position: relative;
}
.fv h1.fv_shimi{
	background: url(https://asset.myfabius.jp/lib/ec/img/renewal/fv_shimi.png) no-repeat 0 0;
	background-size: contain;
}

.fv h1.fv_a8{
	background: url(https://asset.myfabius.jp/lib/ec/img/renewal/fv_a8.png) no-repeat 0 0;
	background-size: contain;
}
.fv h1.fv_ctwrate{
	background: url(https://asset.myfabius.jp/lib/ec/img/renewal/fv_ctwrate.png) no-repeat 0 0;
	background-size: contain;
}

.fv h1 .gel_bg {
	width: 54%;
	height: auto;
	position: absolute;
	left: -57.4%;
	top: 58%;
	-moz-transform: translate(54%, -46%);
	-ms-transform: translate(54%, -46%);
	-webkit-transform: translate(54%, -46%);
	transform: translate(54%, -46%);
}

.fv h1 .gel_bg .mask {
   position: absolute;
   z-index: 1;
}

.fv h1 .gel_bg .gel {
   position: absolute;
   z-index: 2;
   animation: skew 1.2s linear infinite;
   -webkit-animation: skew 1.2s linear infinite;
}

 /* skewの動きをここで設定 */
@keyframes skew {
        0% {transform: skew(0deg, 0deg);}
        5% {transform: skew(5deg, 4.2deg);}
        10% {transform: skew(-4deg, -3deg);}
        15% {transform: skew(9deg, 3.2deg);}
        20% {transform: skew(-2deg, -1.5deg);}
        25% {transform: skew(0.9deg, 0.9deg);}
        30% {transform: skew(-0.6deg, -0.6deg);}
        35% {transform: skew(0.3deg, 0.3deg);}
        40% {transform: skew(-0.2deg, -0.2deg);}
        45% {transform: skew(0.1deg, 0.1deg);}
        50% {transform: skew(0deg, 0deg);}
    }
@-webkit-keyframes skew {
        0% {transform: skew(0deg, 0deg);}
        5% {transform: skew(5deg, 4.2deg);}
        10% {transform: skew(-4deg, -3deg);}
        15% {transform: skew(3deg, 2.2deg);}
        20% {transform: skew(-2deg, -1.5deg);}
        25% {transform: skew(0.9deg, 0.9deg);}
        30% {transform: skew(-0.6deg, -0.6deg);}
        35% {transform: skew(0.3deg, 0.3deg);}
        40% {transform: skew(-0.2deg, -0.2deg);}
        45% {transform: skew(0.1deg, 0.1deg);}
        50% {transform: skew(0deg, 0deg);}
    }

/* クロスセルLP用 */
.waribiki .btn-wrap{
	position: relative;
}

.waribiki .btn-wrap a img{
	position: absolute;
	bottom: 21%;
	left: 0;
	right: 0;
	margin: 0px auto;
	width:95%;
}

.chart_img{
	display:block;
	margin:0px auto;
}

.tanpin_only{
	position: relative;
	margin: 20px 0px;
}

.tanpin_only{
	position: relative;
	margin: 20px 0px;
}

.tanpin_only a{
    position: absolute;
    bottom: 26%;
    right: 3%;
	width: 20%;
}

/*==========================================
margin
===========================================*/
.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt50 { margin-top: 50px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb50 { margin-bottom: 50px; }

.mb80 { margin-bottom: 80px; }

.figure { overflow: hidden; }

body { font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif'; }

input { font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif'; }

#wrap { width: 100%; overflow-x:hidden;}

img { max-width: 100%; height: auto; vertical-align: bottom; }