@charset "UTF-8";
/* /////////////////////////////////////////////////////// */
/*
/*  Base Style
/*
/*  1.General
/*  2.Header
/*  7.Footer
/*
/* ////////////////////////////////////////////////////// */

/*----------------------------------------------------
	General
----------------------------------------------------*/
body {font: 13px/1.6 "lucida grande",helvetica,verdana,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro' ,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
input,textarea{padding:8px;box-sizing:border-box;border:none; border-radius: 0;-webkit-appearance: none; appearance: none;background: #f1f1f1;}
textarea {resize: vertical;}
input:focus,textarea:focus{outline: none;}
input[type=radio],input[type=checkbox]{display: none;}

a{color:#000; text-decoration: none;outline:none;transition: 0.5s ease;}
a:hover {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a:focus{outline:none;}
a img{transition: 0.5s ease;}
img{ max-width:100%;height:auto;}
::-webkit-input-placeholder { color: #b3b3b3;}
:-moz-placeholder { color: #c8c8c8;}
.tc{ text-align:center;}
.cf:before,.cf:after{content:"";display: table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.sf{font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}

#wrapper { width:100%;}
.block { max-width:970px; margin:0 auto; padding:15px 15px 0; overflow:hidden;}
header #title { font-size:75px;line-height: 1.2em; letter-spacing:1px; text-align:center;}
header #subtitle { font-size:18px;margin-bottom:15px; text-align:center;}
header #end_title { font-size:35px;line-height: 1.2em; letter-spacing:1px; margin-top:30px;}
header #end_subtitle { font-size:16px;margin:45px 0 0; }
header .h_bg { width:28.31%; float:left;}
header .h_text {width:70.5%; float:right;}
header .h_text dt,header .h_text dd { display:table-cell; vertical-align: middle;}
header .h_text dt { text-align:center;}
header .h_text dd {width:80%;font-size:16px; padding-left:15px;}
header .h_text dd span { font-size:26px; font-weight:bold;}
header .h_text dd span.jtext { font-size:12px; font-weight:normal; text-align:right; margin-top:10px; display:block;}
header .h_text dd span.jtext a { text-decoration:underline;}
header,main .solution,.result_bg {background:#f4f5f0;}
main .main_block { max-width:850px; margin:0 auto; padding: 40px 15px;}
main .end_block { max-width:850px; margin:50px auto 0; padding: 0 15px;}

main p.company_text { font-size:14px; text-align:center; margin-bottom:30px; padding:10px; background:#ffe2af; border:1px solid #ff7d26;}
main p.company_text span { font-size:20px; font-weight:bold; color:#c00200;}
main h3.flow_title { font-size:28px; text-align:center; margin-bottom:5px;}
main h3.end_title,main p.end_link { font-size:22px; text-align:center; margin-bottom:5px;}
main h1.conf_title { font-size:28px; text-align:center; margin:40px 0 20px;}
main .flow_pp { font-size:14px; text-align:center; margin-bottom:10px;}
main h3.flow_title span,main h3.end_title span {color:#c00200;}
main p.end_ph {text-align:center; margin:20px 0 10px;}
main p.end_ph img { width:50%;}
main p.end_link a { text-decoration:underline;color:#c00200;}
main p.end_link a:hover { text-decoration:none;}

main table.m_s_form { width:100%;}
main table.m_s_form th,main table.m_s_form td {font-size: 13px; padding:8px; border:1px solid #ededed;}
main table.m_s_form th { font-weight:normal; width:25%;vertical-align: middle; background:#fbfbfb;text-align: left;}
main table.m_s_form th.th_title {width:10%;background:#606060;text-align: center;}
main table.m_s_form th i {font-size:14px; font-style:normal; color:#fff;}
main table.m_s_form th span {font-size:10px;}
main table.m_s_form td .tt { margin-right:30px;}
main table.m_s_form span.errtxt {margin-top:5px;color:#c00200;display:block;}

main dl.m_s_form_2 { margin-top:20px;}
main dl.m_s_form_2 dt { color:#fff; background:#606060;padding:8px;}
main dl.m_s_form_2 dd {background:#fff;padding:8px;}
span.fix {color:#c00200;}

main table.m_s_form .w100 { width:100%;}
main table.m_s_form .w70 { width:70%;}
main table.m_s_form .w40 { width:40%;}
main table.m_s_form .w25 { width:25%;}
main table.m_s_form .w10 { width:10%;}

main .solution p i { font-size:14px; font-style:normal; color:#fff; background:#606060; padding:7px; display:block; text-align:center; margin-bottom:10px;}
main .solution label { font-size:14px;}

main .agree { max-width:850px; margin:0 auto; padding: 40px 15px;}
main .agree .agree_title { font-size:14px; text-align:center; margin-bottom:10px;}
main .agree_list { margin-top:25px; text-align:center;}
main .agree_list li { margin:0 10px; list-style:none; display:inline-block;}

main .check_block{ margin-top:30px; padding-top:30px; border-top:1px dotted #ccc;}
main h3+.check_block{ padding-top:0; border-top:none;}
	 .check_block .check_ph{ width:35%; float:left;}
	 .check_block .checks{ width:63%; float:right;}
	 .check_block .checks h4{  font-size:20px; line-height:1.4; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #000;}


.business li{ margin:5px 0 0; position:relative; list-style:none;}
.business .c_box + label{ text-align:center; border-radius: 8px;padding: 8px 20px;border:1px solid #ededed;-webkit-transition: all 500ms;transition: all 500ms;cursor:pointer;display:block;background:#fff;}
.business .c_box:checked + label{border-radius: 8px;border:1px solid #ccc;-webkit-transition: all 500ms;transition: all 500ms; background:#fffbde;}
.business .c_box + label span.check{ display:none; position:absolute;bottom:-10px;right:-10px;}
.business .c_box:checked + label span.check{ display:block; position:absolute;top:0;right:-5px;}
.insurance li{display:inline-block;padding:0 0 0 5px;}
.insurance .input_radio + label:before{display: inline-block;content: "";width: 35px;height: 25px;margin-right: 20px;border:1px solid #ccc;border-radius: 100px;box-shadow: 10px 0px 0px #f1f1f1;-webkit-transition: all 500ms;transition: all 500ms;position:relative;top:5px;}
.insurance .input_radio:checked + label:before{-webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px);border-radius: 100px;box-shadow: -10px 0px 0px #000;-webkit-transition: all 500ms;transition: all 500ms;}

main input.input_check_01 + label::before {width: 20px; height:20px;line-height: 16px; display: inline-block;vertical-align: middle; text-align: center;content: "\2713";color: transparent; padding: 0;border-radius: 3px; border: 2px solid #000;  margin: -2px 5px 0 0; -webkit-transition: .1s;transition: .1s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
main input.input_check_01:checked + label::before { font-size: 16px;border-color: #888 !important;color: #888 !important;}

main .submit_btn,main .back_btn {text-align:center;}
main .submit_btn input { width:30%; font-size:18px; color:#fff; background:#b80000;box-shadow: 0 5px #9a0000;padding:10px 25px; border-radius:5px;transition: 0.5s ease;}
main .submit_btn input:hover {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
main .back_btn input { background:none; padding-top:20px; text-decoration:underline;}
main .back_btn input:hover {text-decoration:none;}

main .bilkou_block {text-align:center; margin-top:30px;}
main .bilkou_block #bikou { width:70%; height:150px; margin-top:10px; border:1px solid #ccc;}

footer { padding:15px; margin-top:30px;}
footer p { text-align:center;}

.select-wrap{position:relative;overflow:hidden;display:inline-block;width:40%;background:#f2f2f2;}
.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:2;display:block;width:200%;width:-webkit-calc(100% + 5em);margin:0;padding:8px;background:transparent;border:0;outline:none;}
.down-open:before{position:absolute;content: "";display: block;position: absolute;width: 0;height: 0;border: 5px solid transparent;border-top-color: #606060;top: 18px;right: 9px;}

@media screen and (max-width:1024px){
	header #title { font-size:60px;}	
	header #subtitle { font-size:16px;}
}

@media screen and (max-width:768px){
header #title { font-size:52px;}
header #subtitle { font-size:15px;margin-bottom:10px;}	
header .h_text dd {width:75%;font-size:14px;}
header .h_text dd span { font-size:20px; font-weight:bold;}
.block {padding:15px;}
main table.m_s_form td .tt {margin-right: 15px;}
main table.m_s_form th.th_title {width:100%;}
main table.m_s_form .w25 { width:50%;}
main table.m_s_form .w10 { width:18%;}
.select-wrap {width: 30%; margin:3px 0;}
main h3.flow_title { font-size:26px;}
main h1.conf_title { font-size:26px;}
header #end_title {font-size: 26px;margin-top: 15px;}
header #end_subtitle {font-size: 14px;margin: 25px 0 0;}
main .main_block,main .agree {padding: 15px;}
main table.m_s_form th,main table.m_s_form td { width:100%; padding:5px 0; display:block; border:none; box-sizing:border-box;}
main table.m_s_form th {padding:7px; font-size:14px; text-align:left;}
footer #recomend_list .reco { width:33.3%; float:left;} 
main .submit_btn input:hover {opacity:1; filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
main p.end_ph img { width:100%;}
main .end_block { margin:20px auto 0;}
}

@media screen and (max-width:640px){
input,textarea,.select-wrap{background: #;}
header #title { font-size:35px;}
header #subtitle { font-size:16px;}	
header .h_bg { display:none;}
header .h_text {width:100%; float: none;}
header .h_text dt { vertical-align:top;}
header .h_text dd {font-size:12px;}
main h3.flow_title { font-size:20px;}
main h1.conf_title { font-size:20px; margin-bottom:15px;}
main table.m_s_form th.th_title { display:none;}
main table.m_s_form th { color:#fff; background:#606060;}
main table.m_s_form .w70,main table.m_s_form .w40,main .bilkou_block #bikou { width:100%;}
.business li{ width:100%;}
main .check_block{ margin-top:10px; padding-top:10px;}
	 .check_block .check_ph, .check_block .checks{ width:100%; float:none;}
	  .check_block .check_ph { margin-bottom:10px;}
main .agree_list { margin-top:25px; text-align:left;}
main .agree_list li { margin:10px 0 0; display:block;}
main .submit_btn input { width:80%;}
main h3.flow_title { font-size:20px; text-align:left;}
.check_block .checks h4 {font-size: 16px;}
footer { padding:5px; margin-top:15px;}
footer #recomend_list .reco { width:100%; float:none;}
main h3.end_title,main p.end_link { font-size:15px;}
}

header#complete {width: 100%; background: rgba(255,255,255,0.95);position: fixed;top: 0px; left: 0px;z-index: 9000;}
header .h_block {max-width: 970px;margin: 0 auto;padding: 10px; position:relative;}
	.h_block .all_btn {position: absolute;top:9px;right:10px;}
	.h_block .all_btn input {color:#fff; background:#b80000;padding:5px 10px; border-radius:5px;transition: 0.5s ease;}
	.h_block .all_btn input:hover {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
section.bg {max-width: 1920px;min-height: 420px;margin-top:42px; background: url(../images/monetize/monetize_top_bg.jpg) 0 0 no-repeat;background-size:cover;}
section.bg .b_block {max-width:880px; margin:0 auto; padding: 30px 10px;}
section.bg .b_block h1 { font-size:38px;  text-align:center;text-shadow: 1px 1px 1px #fff;}
section.bg h2,.main_block2 h2 { text-align:center;}
section.bg .b_block h2 i { font-weight:normal; font-style:normal; font-size: 30px; background:#fff; padding:8px 10px; border:1px solid #000; }
section .point_list { margin:80px 0 0 200px; }
section .point_list .pp_title {font-size: 24px; line-height:1.4em; font-weight:bold; margin-bottom:5px;}
.line span {border-bottom:solid 3px #b80000;border-radius: 255px 15px 225px 15px/15px 225px 15px 15px;}
section .point_list li { font-size: 14px;margin:0 10px 0 0;display: inline;}
section .point_list .ul_text {font-size: 14px; text-align:right;}
section .point_list .point_text p.opt {font-size: 14px;}
.at { font-size:140%; font-weight:bold; color:#b80000;}
.at2 {font-size: 140%; font-weight: bold; color: #2b74e3;}
main .main_block2 { max-width:970px; margin:0 auto; padding: 40px 10px;}
main #lb { padding-bottom:0;}
.main_block2 h2 { font-weight:normal; font-size: 40px;}
main .sub_text {font-size: 16px; text-align:center;margin: 10px 0 0 0;}
main .task_title {font-size: 20px; text-align:center; margin-top:35px; padding:10px; background:#f4f5f0;}
	.product .product_block { width:30.7%; float:left;margin:2.5% 1.3% 0;position:relative; box-sizing:border-box;}
	.product .product_block .try_ph { margin:10px 0;}
	.product .product_block h4 {font-size: 14px; text-align:center;}
	.product .product_block p {font-size: 12px;}
	.product .product_block .try_price { font-size:12px; text-align:center; background:#fff; margin-top:10px; padding:10px 5px; border:1px solid #f4f5f0;}
	.product .product_block .try_price span { font-size:10px; }

	.product  .c_box + label{padding: 15px;-webkit-transition: all 500ms;transition: all 500ms;cursor:pointer;display:block;background:#fff; overflow:hidden;}
	.product  .c_box:checked + label{-webkit-transition: all 500ms;transition: all 500ms; background:#fffbde;display: block;}
	.product  .c_box + label span.check{ display:none; position:absolute;top:-5px;right:-5px;}
	.product  .c_box:checked + label span.check{ display:block; position:absolute;bottom:-5px;right:-5px;}

main .other_list { margin-top:20px; padding:20px; background:#fff; position:relative;}
main .other_list .al_at { text-align:right;}
main .other_list a {margin-top:5px; padding:10px 15px; display: inline-block; background: #f4f5f0;border-radius:5px;}
main .other_list .other_ph { width:27.835%; float:left;}
main .other_list .other_text { width:70%; float:right;}
main .other_list .other_text .pp_title {font-size: 18px; font-weight:bold;margin: 0 0 5px 0;}
main .other_list .other_text li {font-size: 14px; margin:5px 0 0 20px;}
main .other_list .other_text p.opt {font-size: 14px; margin:10px 0 0 0;}	
main .last_title {font-size: 38px;line-height: 1.2em; text-align:center;}	
main .other_list .jj_price { font-size:12px;}
main .other_list .jj_price i { font-style:normal; font-size:16px; color:#2b74e3; border-bottom:2px solid #2b74e3;}
main .no_link { text-align:center;}
main .no_link li { margin:5px 10px 0; display:inline-block;}


main .btn_list {text-align:center; margin:30px 0 0;}	
main .btn_list li { width:45%; margin:0 15px; display:inline-block;}
main .btn_list li input,main .btn_list li a { width:100%; font-size:18px; color:#fff; padding:15px; border-radius:5px;transition: 0.5s ease;box-sizing:border-box;}
main .btn_list li.btn01 input { background:#2b74e3;box-shadow: 0 5px #0052ce;}
main .btn_list li.btn02 input { background:#b80000;box-shadow: 0 5px #9a0000;}
main .btn_list li.btn03 a { background:#ff6600;box-shadow: 0 5px #e45b00; display:block;}
main .btn_list li.btn04 a { background:#c7161e;box-shadow: 0 5px #af0e16; display:block;}
main .btn_list li input:hover {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
main .btn_list li span { font-size:11px; display:inline-block; margin-top:10px;}



.last_block .ttc {font-size: 16px; text-align:center;}	
.last_block .matusita {max-width:670px;  margin:25px auto; padding:15px;border:1px solid #ccc;}
	  .matusita .silhouette {width:15%; float:left;}
	  .matusita .ma_text {width:83%; float:right;}
	  .matusita .ma_text .ma_title {font-size:22px;}
	  
.last_block {max-width: 970px; margin:40px auto 0; padding:40px 15px 0; border-top:1px solid #f4f5f0;}	


@media screen and (max-width:768px){
section.bg {min-height: inherit; background:#f4f5f0;}
section .point_list { margin:30px 0 0 0; }
section .point_list li { display:block; list-style:none; }
section.bg .b_block h1 { font-size:30px;}
section.bg .b_block h2,.main_block2 h2,main .last_title { font-size: 28px; }
main .sub_text {font-size: 18px; margin: 5px 0 0 0;}
main .btn_list li span { font-size:10px;}
main .other_list .other_text .pp_title {font-weight:bold;margin: 0;}
main .btn_list li input {font-size: 16px;}
section .point_list .pp_title {font-size: 18px;}
main .ttc {font-size: 12px; text-align:left; padding: 0 15px;}	
main .matusita {max-width:670px;  margin:15px 15px 0; padding:10px;}
	 .matusita .silhouette { display:none;}
	 .matusita .ma_text { width:100%; float:left;}
	 .matusita .ma_text .ma_title {font-size: 16px;}
	 .matusita .ma_text p { font-size:11px;}
}
@media screen and (max-width:640px){

header#complete {position: static;}
	.h_block p { font-size:10px;}
	 .h_block .all_btn {position: static; margin-top:5px;}
	 .h_block .all_btn input { width:100%; text-align:center;}
section.bg { margin-top:0;background:#f4f5f0;}
section.bg .b_block h1 { font-size:20px;}
section .point_list { margin:10px 0 0 0; }
section .point_list li { font-size: 12px; margin: 0 10px 0 0;}
header .point_list .pp_title {font-size: 16px; margin-top:5px; padding-left:25px;}
main .main_block2 { padding:10px;}
header .point_list ul li { width:100%; float:none; margin:1% 0 0;}
header .point_list ol li {font-size: 14px; margin:2px 0 0 35px;}
main .sub_text {font-size: 12px; margin-top:10px;}
main .other_list .other_ph,main .other_list .other_text {width: 100%;float: none;}
main .other_list .other_text .pp_title { font-size: 16px; margin-top:10px;}
main .other_list {margin-top: 10px;padding: 10px;}
main .btn_list li input {text-align:center;}
main .btn_list li input:hover {opacity:	1; filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
main .product {margin-top: 15px;}
main .btn_list li { width:100%; margin:10px 0; display:block;}
main .btn_list li a { font-size:14px; padding:20px 0;}
main .task_title { font-size: 14px;}
.product .product_block {margin: 4.5% 0 0;}
main .product { margin:0;}
.product .product_block,.product .product_block .try_ph,.product .product_block .try_text,.product .product_block:nth-child(odd) { width:100%; float:none;}
.product .product_block .try_text h4 { margin-top:5px;}
.product .product_block .try_price { font-size:15px; position: static; margin-top:5px; text-align:center; background:#fff;}
main .last_block {padding-top:20px; border-top:1px solid #f4f5f0;}	

}