@charset "utf-8";
/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* common --------------------*/
body {
	font-size: 15px;
	width: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.pc {
	display: block;
}
a.pc,
img.pc {
	display: inline;
}
.sp {
	display: none;
}
*{
	box-sizing: border-box;
	outline: none;
}
section{
	line-height:0;
}
section p{
	line-height:1.2;
}
/*header,*/
section,
#contents footer{
	width: 100%;
	padding: 10px;
}
header > .inner,
section > .inner,
footer > .inner{
	width: 1000px;
	margin: 0 auto;
}
.sec_white{
	background-color :#ffffff;
}
.sec_blue{
	background-color :#0c6eb5;
}
.sec_gray{
	background-color :#e9ecee;
}
.sec_bluegray{
	background-color :#b1bbc3;
}


/* for PC --------------------*/
header{
	background-color :#ffffff;
	padding-bottom: 0;
}
header > .inner{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
header > .inner > h1{
	flex: 2 1 auto;
	align-self: center;
}
header > .inner > div{
	flex: 0 1 auto;
	align-self: flex-end;
	padding: 0 0 0 10px;
	line-height:0;
}

section#fv{
	background-color :#e9ecee;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}
section#fv > .inner{
	height: 728px;
	position: relative;
}
section#fv #fv_bg{
	position: absolute;
	left: 50%;
	margin-left: -900px;
}
section#fv #simulation{
	position: absolute;
	left: 0;
	top: 455px;
}
section#fv #fv_btn_01{
	position: absolute;
	left: 28px;
	top: 475px;
}
section#fv #fv_btn_02{
	position: absolute;
	left: 28px;
	top: 573px;
}
section#fv #fv_btn_03{
	position: absolute;
	left: 508px;
	top: 573px;
}
section#fv #fv_img_01{
	position: absolute;
	left: 13px;
	top: 296px;
}
section#fv #fv_img_02{
	position: absolute;
	left: 220px;
	top: 293px;
}
section#fv #fv_text_01{
	position: absolute;
	left: 516px;
	top: 291px;
}
section#fv #fv_text_01 p{
	text-align: center;
	font-size:10.5px;
	color:#fff;
	line-height:1.6;
	letter-spacing:0.6px;
}
section#fv #fv_text_01 p a{
	color:#cf0202;
}
section#fv #fv_text_02{
	position: absolute;
	right: 33px;
	top: 669px;
}
section#fv #fv_text_02 p{
	text-align: right;
	font-size:10px;
	color:#808080;
	letter-spacing:0.4px;
}
section#fv #fv_text_03{
	position: absolute;
	left: 13px;
	top: 420px;
}
section#fv #fv_text_03 p{
	text-align: right;
	font-size:12px;
	color:#393939;
	letter-spacing:0.4px;
}
section#fv #fv_btn_01:hover,
section#fv #fv_btn_02:hover,
section#fv #fv_btn_05:hover{
	margin-top:3px;
	transition: 0.3s;
}
section#fv.bizpack_lp_t{
	background-color :#fff;
	background: url("../../img/gas_bizpack/cta_bg.gif") repeat left top;
}
section#fv.bizpack_lp_t > .inner{
	height: 860px;
}
section#fv.bizpack_lp_t #fv_btn_01{
	top: 665px;
}
section#fv.bizpack_lp_t #fv_btn_02{
	top: 760px;
}
section#fv.bizpack_lp_t #fv_btn_03{
	top: 760px;
}

section#contents{
	padding-bottom: 40px;
}
section#contents p{
	color: #e9ecee;
	font-size: 380%;
	font-weight: normal;
	text-align: center;
}
section#contents .contents_anchors{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height:1%;
}
section#contents .contents_anchors > a{
	flex: 0 1 236px;
	margin-top:0px;
	margin-bottom:5px;
}
section#contents .contents_anchors > a:hover{
	margin-top:4px;
	margin-bottom:1px;
	transition: 0.3s;
}
section#point{
	padding-top: 30px;
	padding-bottom: 60px;
}
section#point p{
	margin-bottom: 30px;
	color: #fff;
	font-size: 250%;
	text-align: center;
	letter-spacing: 3px;
	line-height: 1.2;
}
section#point p>span{
	font-size: 80%;
}
section#point p>strong{
	font-size: 130%;
}
section#point p>img{
	margin:0 10px;
}
section#point .points{
	display: flex;
	justify-content: space-between;
}
section#point .points > *{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#point .points > a:hover{
	margin-top:5px;
	margin-bottom:0px;
	transition: 0.3s;
}
section#what p{
	padding-top:10px;
	text-align: center;
}
section#what p:nth-child(1){
	padding-top:25px;
}
section#what .what_notes01{
	padding-right:30px;
	padding-bottom:10px;
	font-size: 80%;
	font-weight:bold;
	text-align: right;
	letter-spacing:0.4px;
}

section#otoku .otoku_tabs{
	width:980px;
	margin: 0 auto 10px;
	overflow:hidden;
	border: solid 2px #8d8d8d;
	background-color :#ffffff;
}
section#otoku .otoku_tabs_btn{
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	padding:0 10px;
}
section#otoku .otoku_tabs_btn >div{
	flex: 0 1 175px;
	padding: 8px 10px 0 15px;
}
section#otoku .otoku_tabs_btn >a{
	flex: 0 1 252px;
	padding: 8px 5px;
	text-align:right;
}
section#otoku .otoku_tabs_slide{
	width:2934px;
	height:464px;
}
section#otoku .otoku_tabs_slide img{
	float: left;
	display: block;
}
section#otoku .otoku_tabs_slide img.sp{
	display: none;
}
section#otoku .otoku_tabs_btn >a img:nth-child(2){
	display: none;
}
section#otoku .otoku_tabs_btn >a.current img:nth-child(1){
	display: none;
}
section#otoku .otoku_tabs_btn >a.current img:nth-child(2){
	display: inline;
	cursor: default;
}
section#otoku .otoku_btn_01 .otoku_tabs_slide{
	margin-left:0px;
	transition: 0.3s;
}
section#otoku .otoku_btn_02 .otoku_tabs_slide{
	margin-left:-978px;
	transition: 0.3s;
}
section#otoku .otoku_btn_03 .otoku_tabs_slide{
	margin-left:-1956px;
	transition: 0.3s;
}
section#otoku #otoku_conditions{
	width:980px;
	margin: 0 auto 35px;
}
section#otoku #otoku_conditions > p:nth-child(1){
	display: block;
	background-color :#8bc4ec;
	padding: 10px;
	position: relative;
}
section#otoku #otoku_conditions > p:nth-child(1) a{
	color:#000;
	text-decoration: none;
}
section#otoku #otoku_conditions > p:nth-child(2){
	display: none;
	background-color :#fff;
	border: solid 1px #8bc4ec;
	padding: 5px 10px 20px;
	font-size:83%;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::after {
	content: "";
	width: 20px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -1px;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::before {
	content: "";
	width: 2px;
	height: 20px;
	background: #000;
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -10px;
	transform: rotate(0deg);
	transition: 0.5s;
}
section#otoku #otoku_conditions.open > p:nth-child(1) > a::before {
	transform: rotate(90deg);
	transition: 0.5s;
}
section#otoku2 #otoku2_case{
	height: 650px;
	position: relative;
	overflow: hidden;

}
section#otoku2 #otoku2_case_head{
	position: absolute;
	left: 50%;
	margin-left: -900px;
	z-index:10;
}
section#otoku2 #otoku2_case_body{
	position: absolute;
	left: 50%;
	top: 80px;
	width:1224px;
	margin-left: -612px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	z-index:20;
}
section#otoku2 #otoku2_case_body > img{
	flex: 0 1 auto;
}
section#otoku2 #otoku2_case_foot{
	position: absolute;
	left: 50%;
	top: 575px;
	width:1270px;
	margin-left: -635px;
}
section#otoku2 #otoku2_case_foot p{
	padding: 0 10px;
	text-align: right;
	font-size:120%;
	line-height:1.5;
	color:#393939;
}
section#otoku2 #otoku2_conditions{
	display:none;
	border:1px solid #9acaec;
	background: #fff;
}
section#otoku2 #otoku2_conditions p{
	padding:10px 5px 20px;
	font-size:92%;
	line-height:1.5;
	color:#464646;
}
section#otoku2 #otoku2_conditions p strong{
	font-size:140%;
	line-height:2.0;
}
section .bnr_sim{
	padding:10px 0 5px;
	text-align:center;
}
section .bnr_sim a img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section .bnr_sim a:hover img{
	margin-top:3px;
	margin-bottom:2px;
}
section#easy p{
	text-align:center;
	line-height:1.7;
	padding:20px 0 30px;
	font-size:120%;
}
section#easy #easy_img02{
	margin: 20px 0;
}
section#easy p a{
	margin: 0 35px 0 0;
}
section#easy p img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#easy p a:hover img{
	margin-top:3px;
	margin-bottom:2px;
}
section#other #other_p01{
	text-align:center;
	line-height:1.7;
	padding:20px 0 30px;
	font-size:120%;
}
section#other #other_body{
	display: flex;
	justify-content: space-between;
}
section#other #other_body > div{
	flex: 0 1 500px;
}
section#other #other_body > div:nth-child(2){
	text-align:center;
}
section#other #other_body > div:nth-child(2) img{
	margin-top:200px;
}
section#other #other_body .other_item{
	margin-bottom:20px;
	overflow:hidden;
	position: relative;
}
section#other #other_body .other_item .other_bg{
	position: absolute;
	top:0;
	left:0;
}
section#other #other_body .other_item > p{
	padding-top:5px;
	font-size:110%;
	padding-left:75px;
	line-height:1.5;
	letter-spacing:1px;
}
section#other #other_body .other_item > p:nth-child(2){
	margin-top:10px;
	text-align:right;
}
section#other #other_body .other_item > p:nth-child(2) img{
	margin-top:0px;
	margin-bottom:3px;
	transition: 0.3s;
}
section#other #other_body .other_item > p:nth-child(2) a:hover img{
	margin-top:3px;
	margin-bottom:0px;
}
section#safety #safety_p01{
	text-align:center;
	line-height:1.7;
	padding:20px 0 30px;
	font-size:120%;
}
section#safety #safety_body{
	background-color :#fff;
	border:3px solid #0d6fb5;
	padding-top: 30px;
	padding-bottom: 25px;
	display: flex;
	justify-content: space-around;
}
section#safety #safety_body .safety_item{
	flex: 0 1 453px;
}
section#safety #safety_body .safety_item p{
	font-size:120%;
	line-height:1.7;
	color:#3d3d3d;
}
section#step{
	padding-top:70px;
}
section#step .inner >p:nth-child(1){
	text-align:center;
}
.step_box{
	width:912px;
	margin:0 auto;
	background-color :#fff;
	border:4px solid #0e72b5;
	box-shadow:0px 2px 2px 2px #bbb;
	padding-bottom:35px;
}
.step_box .step_box_h{
	margin-top:15px;
	position: relative;
	height:103px;
}
.step_box .step_box_h img{
	position: absolute;
	margin-left:-11px;
}
section#step #step_box_body{
	display: flex;
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom: 20px;
}
section#step #step_box_body2{
	margin:20px auto 0;
	position: relative;
	width:755px;
	height:415px;
}
section#step #step_box_body2 > a:nth-child(1){
	position: absolute;
	top:205px;
	left:0;
}
section#step #step_box_body2 > a:nth-child(2){
	position: absolute;
	top:205px;
	left:378px;
}
section#step #step_box_body2 > span{
	position: absolute;
	bottom:0;
	left:0;
}
section#step #step_box_body2 > a{
	margin-top:0px;
	transition: 0.3s;
}
section#step #step_box_body2 > a:hover{
	margin-top:3px;
}
section#step #step_notes01{
	margin:20px auto 0;
	width:755px;
	font-size:82%;
	line-height:1.7;
	color:#00528a;
}
section#step #step_notes02{
	margin:20px auto 0;
	width:755px;
	font-size:82%;
	line-height:1.7;
	color:#363636;
}
section#start0{
	padding-top:35px;
	padding-bottom:35px;
}
section#start0 .step_box{
	padding:20px 30px;
}
section#start0 .start_box{
	display: flex;
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom: 20px;
}
section#start0 .start_box > div{
	flex: 0 1 400px;
}
section#start0 .start_box > div:nth-child(1){
	text-align:center;
	padding-top:30px;
}
section#start0 .start_box > div:nth-child(2) p{
	font-size:110%;
	line-height:1.7;
	color:#322d2c;
}
section#start0 .start_box > div:nth-child(2) p img{
	margin-bottom:5px;
}
section#start0 .start_h{
	padding-bottom:0;
}
section#start0 .start_h01 img,
section#start0 .start_h02 img{
	vertical-align:top;
	margin-right:10px;
}
section#start0 .start_h01,
section#start0 .start_h02{
	margin-top:20px;
	font-size:110%;
	font-weight:bold;
	line-height:1.7;
}
section#start0 .start_h01{
	color:#e99311;
}
section#start0 .start_h02{
	color:#00528a;
}
section#start0 .start_h01+p,
section#start0 .start_h02+p{
	margin-top:10px;
	line-height:1.7;
}
section#start0 .start_img03{
	text-align:center;
	margin-top:20px;
}
section#start0 #start_notes01{
	margin-top:20px;
	margin-bottom:20px;
	font-size:90%;

	line-height:1.7;
	color:#322d2c;
}
section#start0 #start_notes02{
	padding-top:20px;
	font-size:100%;
	line-height:1.3;
	color:#322d2c;
}
section#voice #voice_p01{
	text-align:center;
	line-height:1.7;
	padding:20px 0 30px;
	font-size:150%;
	color:#0e72b5;
}
section#voice #voice_p01 img{
	margin-bottom:10px;
}
section#voice #voice_box{
	display: flex;
	justify-content: space-between;
}
section#voice #voice_p02{
	text-align:center;
	padding:40px 0 0;
	margin-bottom:5px;
}
section#voice #voice_p02 img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#voice #voice_p02 a:hover img{
	margin-top:3px;
	margin-bottom:2px;
}
section#faq #faq_box_title{
	padding:10px;
	margin-top:10px;
	background-color:#0d6fb5;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:220%;
	line-height:1.5;
	letter-spacing:2px;
}
section#faq #faq_box{
	margin:0 1px;
	padding:35px;
	border:4px solid #0d6fb5;
	border-top-style:none;
	background-color:#fff;
}
section#faq #faq_box .faq_item{
	margin:0 0 30px;
}
section#faq #faq_box .faq_item .faq_item_q{
	text-indent: -50px;
	padding-left: 50px;
}
section#faq #faq_box .faq_item .faq_item_q > img{
	vertical-align:text-bottom;
	margin-right:10px;
}
section#faq #faq_box .faq_item .faq_item_q a{
	color:#000000;
	font-size:130%;
	text-decoration: none;
}
section#faq #faq_box .faq_item .faq_item_q a > img{
	vertical-align:top;
	margin-left:10px;
	transform: rotate(0deg);
	transition: 0.5s;
}
section#faq #faq_box .faq_item.open .faq_item_q a > img{
	transform: rotate(180deg);
	transition: 0.5s;
}
section#faq #faq_box .faq_item .faq_item_a{
	display:none;
	margin:10px 0;
	padding:20px;
	border:1px solid #a4a4a4;
}
section#faq #faq_box .faq_item .faq_item_a p{
	font-size:120%;
}
section#faq #faq_box .faq_item .faq_item_a p.faq_item_a_notes{
	margin:10px 0;
	font-size:90%;
}
section#faq #faq_item_more{
	display:none;
}
section#faq #faq_item_more_btn,
section#faq #faq_item_close_btn{
	margin-top:30px;
	text-align:center;
}
section#faq #faq_item_more_btn a,
section#faq #faq_item_close_btn a{
	color:#0e72b5;
	font-size:130%;
	font-weight:bold;
	text-decoration: none;
}
section#faq #faq_item_more_btn a img,
section#faq #faq_item_close_btn a img{
	margin-left:10px;
}
section#faq #faq_item_close_btn a img{
	transform: rotate(180deg);
}
section#faq .faq_item ol{
	margin:1.0em 0;
	list-style:decimal;
	font-size:120%;
	line-height:1.5;
}
section#faq .faq_item ol > li{
	margin-left:2em;
}
section#faq table{
	font-size:100%;
	line-height:1.5;
	background-color:#fff;
	color:#303030;
}
section#faq table td{
	border:1px solid #000;
	padding:0.5em;
	font-size:75%;
	text-align:center;
}
section#faq table td strong{
	font-size:130%;
	font-weight:bold;
}
section#faq table.faq_t1 tr:nth-child(odd) td:first-child{
	text-align:left;
}
section#faq table.faq_t1 tr >td:last-child{
	background-color:#bed7ef;
	font-weight:bold;
}
section#faq table.faq_t2 tr >td:last-child{
	background-color:#ffda66;
	font-weight:bold;
}
section#faq table tr:nth-child(2) >td:last-child{
	font-weight:normal;
}
section#faq table tr:first-child >td:last-child{
	font-weight:normal;
	background-color:transparent;
}
section#faq table tr:last-child >td:first-child{
	background-color:transparent;
}
section#faq table tr:last-child >td:last-child{
	color:#d60000;
	text-shadow:0px 0px 2px #ffffff;
}
section#faq table tr:last-child >td{
	border-style:solid none none none;
}
section#faq #faq_item03_box{
	display: flex;
	justify-content: space-around;
}
section#faq #faq_item03_box > div{
	flex: 0 1 49%;
}
section#faq #faq_item03_box .faq_item03_h01,
section#faq #faq_item03_box .faq_item03_h02{
	margin:1.0em 0 0 0;
	color:#00528a;
	font-weight:bold;
}
section#faq #faq_item03_box .faq_item03_h01{
	color:#00528a;
}
section#faq #faq_item03_box .faq_item03_h02{
	color:#e99311;
}
section#faq #faq_item03_box .faq_item03_h01 img,
section#faq #faq_item03_box .faq_item03_h02 img{
	vertical-align:text-top;
	margin-right:3px;
}
section#faq #faq_item03_box .faq_item03_h01 span,
section#faq #faq_item03_box .faq_item03_h02 span{
	color:#000;
	font-weight:normal;
	font-size:75%;
}
section#faq #faq_box .faq_item .faq_item_a .faq_item03_p02{
	margin:1.5em 0 0 0;
	font-size:110%;
}
section#faq #faq_box .faq_item .faq_item_a .faq_item03_p03{
	text-align:right;
}
section#campaign #campaign_t{
	width:998px;
	margin:30px auto;
	text-align:left;
	border:3px solid #0d6fb5;
	font-size:140%;
	line-height:1.5;
	background-color:#fff;
	color:#303030;
}
section#campaign #campaign_t tr td{
	border:2px solid #0d6fb5;
	padding:0.3em 0.6em;
}
section#campaign #campaign_t tr td:first-child{
	padding:0.3em 1.5em;
}
section#campaign #campaign_t tr:first-child td{
	background-color:#0d6fb5;
	text-align:center;
	line-height:0;
	padding:3px 0 9px;

}
/*section#campaign #campaign_t tr td:first-child{
	white-space:nowrap;
}*/
section#campaign #campaign_t tr:last-child td:last-child{
	font-size:86%;
}
section#campaign #campaign_t tr td.campaign_date{
	letter-spacing:2px;
}
section#campaign #campaign_p1{
	margin:55px 0;
	text-align:center;
}
section#campaign #campaign_p1 a{
	margin-right:30px;
}
section#campaign #campaign_p1 img{
	vertical-align:top;
	margin-top:0px;
	margin-bottom:5px;
}
section#campaign #campaign_p1 a img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#campaign #campaign_p1 a:hover img{
	margin-top:3px;
	margin-bottom:2px;
}
section#plan .inner > p{
	margin-top:20px;
	text-align:center;
	font-size:170%;
	font-weight:bold;
	line-height:1.5;
	color:#6e6e6e;
	letter-spacing:1px;
}
section#plan #plan_box{
	width:860px;
	margin:30px auto 10px;
	display: flex;
	justify-content: space-between;
}
section#plan #plan_box > div{
	text-align:center;
}
section#plan #plan_box > div p{
	font-size:110%;
	color:#6e6e6e;
}
section#plan #plan_box > div p span{
	font-size:82%;
}
section#plan #plan_box > div a img{
	text-align:center;
	box-shadow:0px 3px 2px 2px #aaa;
}
section#plan #plan_box > div img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#plan #plan_box > div a:hover img{
	margin-top:3px;
	margin-bottom:2px;
	box-shadow:0px 0px 0px 0px #aaa;
}
footer p{
	text-align:center;
	color:#373130;
	letter-spacing:1px;
}
footer p.link{
	font-size:115%;
	color:#373130;
}
footer p.link a{
	color:#373130;
	text-decoration: none;
}
footer p.copy{
	padding:35px 0 75px;
	font-size:72%;
}
footer p a:hover{
	text-decoration: underline !important;
}
section#fixed {
	display:none;
	position: fixed;
	background-color:#0e72b5;
	margin:0;
	padding:0;
	bottom:0;
	z-index:999999;
}
section#fixed .inner{
	padding:5px 0 1px;
}
section#fixed #fixed_box{
	width:840px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
section#fixed #fixed_box img{
	margin-top:0px;
	margin-bottom:2px;
	transition: 0.3s;
}
section#fixed #fixed_box a:hover img{
	margin-top:2px;
	margin-bottom:0px;
}
section#fixed #fixed_top{
	position: absolute;
	right:10px;
	bottom:10px;
	transition: 0.3s;
}
section#fixed #fixed_top:hover{
	bottom:8px;
}
@media only screen and (max-width: 1092px) {
	section#fixed .inner{ position: relative; }
	section#fixed #fixed_top{ right:-25px; }
}

section#modal{
	display:none;
}
section#modal #modal_bg{
	background-color:rgba(255, 255, 255, 0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
}
section#modal #modal_01,
section#modal #modal_02,
section#modal #modal_03{
	display:none;
	position:absolute;
	background-color:#fff;
	border:3px solid #f69100;
	max-width:900px;
}
section#modal .modal_inner{
	position:relative;
	padding:50px 30px;
}
section#modal .modal_close {
	position:absolute;
	top:-18px;
	right:-18px;
	width:40px;
	height:40px;
	background-color:#f69100;
	border-radius:20px;
	transform: rotate(45deg);
}
section#modal .modal_close::after {
	content: "";
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -1px;
}
section#modal .modal_close::before {
	content: "";
	width: 2px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 19px;
	margin-top: -10px;
}
section#modal .modal_flexbox{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
section#modal .modal_flexbox p{
	flex: 0 1 300px;
	text-align:center;
	border-radius:5px;
	padding:0;
	background-color:#ed313a;
	margin-top:0px;
	margin-bottom:5px;
	box-shadow:0px 3px 2px 2px #aaa;
	transition: 0.3s;
}
section#modal .modal_flexbox p:hover{
	margin-top:3px;
	margin-bottom:2px;
	box-shadow:0px 0px 0px 0px #aaa;
}
section#modal .modal_flexbox p:nth-child(2){
	background-color:#017cd0;
	margin-left:20px;
}
section#modal #modal_02 .modal_flexbox p{
	flex: 0 1 400px;
}
section#modal #modal_03 .modal_flexbox p:nth-child(1){
	flex: 0 1 500px;
}
section#modal #modal_03 .modal_flexbox p:nth-child(2){
	font-size:72%;
}
section#modal .modal_flexbox p a{
	display:block;
	width:100%;
	height:100%;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}
section#modal .modal_flexbox p a span{
	color:#ff0;
}
section#modal .modal_flexbox p:nth-child(2) img{
	width:85px;
	vertical-align:text-top;
}
section#modal #modal_h01,
section#modal #modal_h02,
section#modal #modal_h03,
section#modal #modal_h04{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	letter-spacing:1px;
}
section#modal #modal_h01{
	margin-top:0;
}
section#modal #modal_h02{
	margin-bottom:5px;
}
section#modal #modal_h03{
	text-align:left;
	margin-top:0;
	margin-bottom:10px;
	color:#f39700;
}
section#modal #modal_h04{
	margin-bottom:5px;
}
section#modal #modal_02_notes,
section#modal #modal_03_notes{
	margin-top:20px;
	margin-bottom:20px;
	font-size:80%;
	font-weight:normal;
}
section#modal #modal_img02{
	text-align:center;
}
section#modal #modal_p01 span{
	color:#f69100;
}


@media only screen and (max-width: 768px) {
/* for SP {------------------------------------------------------------*/
img {
	max-width:100%;
	width:100%;
	height:auto;
}
.pc {
	display: none!important;
}
.sp {
	display: block;
}
a.sp,
img.sp,
strong.sp {
	display: inline;
}
/*header,*/
section,
#contents footer{
	padding:2vw;
}
header > .inner,
section > .inner,
footer > .inner{
	width:100%;
	margin:0;
}
header{
	padding-bottom: 0;
}
header > .inner{
	justify-content: space-between;
}
header > .inner > h1{
	flex: 0 1 49%;
}
header > .inner > div{
	flex: 0 1 24%;
	padding: 0;
	line-height: 0;
}
section#fv{
	padding:0;
}
section#fv > .inner{
	height: auto;
	position: relative;
}
section#fv #fv_bg{
	position: relative;
	left: 0;
	margin-left: 0;
}
section#fv #fv_btn_01{
	display:none;
}
section#fv #fv_btn_02{
	position: absolute;
	left: 4%;
	top: 70%;
	width:44%;
}
section#fv #fv_btn_03{
	position: absolute;
	left: 52%;
	top: 70%;
	width:44%;
}
section#fv #fv_img_01{
	position: relative;
	left: 0;
	top: 0;
}
section#fv #fv_img_02{
	position: relative;
	left: 0;
	top: 0;
}
section#fv.bizpack_lp_t > .inner{
	height: auto;
}
section#fv.bizpack_lp_t #fv_btn_02{
	top: 70%;
}
section#fv.bizpack_lp_t #fv_btn_03{
	top: 70%;
}
section#fv #fv_text_01{
	position: absolute;
	left:12%;
	top: 38%;
}
section#fv #fv_text_01 p{
	font-size:1.7vw;
	line-height:1.6;
	letter-spacing:0;
}
section#fv #fv_text_02{
	right: 3%;
	top: 83%;
}
section#fv #fv_text_02 p{
	font-size:1.7vw;
	color:#000000;
	letter-spacing:0;
}
section#fv #fv_text_03{
	right: 3%;
	top: 81.3%;
}
section#fv #fv_text_03 p{
	font-size:1.7vw;
	color:#000000;
	letter-spacing:0;
}
section#contents{
	padding-bottom: 0;
}
section#contents p{
	display:none;
}
section#contents .contents_anchors{
	margin-top:3vw;
	justify-content: space-around;
}

section#contents .contents_anchors > a{
	flex: 0 1 22%;
	margin-top:0px;
	margin-bottom:3vw;
}
section#contents .contents_anchors > a:hover{
	margin-top:0px;
	margin-bottom:3vw;
}
section#point{
	padding-top: 3vw;
	padding-bottom: 3vw;
}
section#point p{
	margin-bottom: 3vw;
	font-size: 4vw;
	letter-spacing: 0.1vw;
	line-height: 1.2;
}
section#point p>span{
	font-size: 3vw;
}
section#point p>strong{
	font-size: 5vw;
}
section#point p>img{
	width:35vw;
	margin:0 1vw;
}
section#point .points{
	justify-content: space-around;
}
section#point .points > *{
	flex: 0 1 30%;
	margin-top:0;
	margin-bottom:0;
}
section#point .points > a:hover{
	margin-top:0;
	margin-bottom:0;
}
section#what p{
	padding-top:10px;
	text-align: center;
}
section#what p:nth-child(1){
	padding-top:4vw;
}
section#what .what_notes01{
	width:80vw;
	margin:0 auto;
	padding:3vw 0;
	font-size: 2.8vw;
	font-weight:normal;
	text-align: left;
	letter-spacing:0.1vw;
}
section#what p:nth-child(4){
	padding-top:3vw;
	width:46vw;
	margin:0 auto;
}
section#otoku{
	padding:2vw 1.8vw;
}
section#otoku .otoku_tabs{
	width:96.4vw;
	margin: 0 auto 3vw;
	border: solid 0.2vw #8d8d8d;
}
section#otoku .otoku_tabs_btn{
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0;
	padding:0;
}
section#otoku #otoku_p01{
	text-align:center;
	margin-bottom:2vw;
}
section#otoku #otoku_p01 img{
	width:95vw;
}
section#otoku .sp > .otoku_tabs_btn{
	margin-bottom:2vw;
}
section#otoku .otoku_tabs_btn >a{
	flex: 0 1 30vw;
	padding: 0;
	text-align:center;
}
section#otoku .otoku_tabs_btn >a img{
	width:30vw;
}
section#otoku .otoku_tabs_slide{
	width:288vw;
	height:150.3448vw;
}
section#otoku .otoku_tabs_slide img{
	width:96vw;
	height:150.3448vw;
}
section#otoku .otoku_tabs_slide img.sp{
	display: inline;
}
section#otoku .otoku_btn_02 .otoku_tabs_slide{
	margin-left:-96vw;
}
section#otoku .otoku_btn_03 .otoku_tabs_slide{
	margin-left:-192vw;
}
section#otoku #otoku_conditions{
	width:100%;
	margin: 0 auto 3vw;
}
section#otoku #otoku_conditions > p:nth-child(1){
	text-align:center;
	padding: 3vw;
	font-size:4vw;
	color:#464646;
}
section#otoku #otoku_conditions > p:nth-child(2){
	padding:2vw;
	font-size:2vw;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::after {
	width:3vw;
	height:0.3vw;
	right: 5vw;
	margin-top: 0vw;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::before {
	width:0.3vwx;
	height:3vw;
	right: 6.4vw;
	margin-top: -1.3vw;
}
section#otoku2 #otoku2_case{
	height: auto;
}
section#otoku2 #otoku2_case_head{
	position: relative;
	left:0;
	margin-left:0;
	text-align:center;
	margin-bottom:4vw;
}
section#otoku2 #otoku2_case_head img{
	width:70vw;
}
section#otoku2 #otoku2_case_body{

	position: relative;
	left:0;
	top:0;
	width:100%;
	margin-left:0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
section#otoku2 #otoku2_case_body > img{
	flex: 0 1 44vw;
	width:44vw;
	margin-bottom:3vw;
}
section#otoku2 #otoku2_case_foot{
	position: relative;
	left:0;
	top:0;
	width:100%;
	margin-left:0;
}
section#otoku2 #otoku2_case_foot p{
	padding: 0 2vw;
	text-align:left;
	font-size:2.75vw;
}
section#otoku2 #otoku2_case_foot p span{
	display:block;
	text-align:right;
	padding-right:2vw;
}
section#otoku2 #otoku2_conditions{
	display:none;
	border:0.2vw solid #9acaec;
	background: #fff;
}
section#otoku2 #otoku2_conditions p{
	padding:2vw 1vw 2vw;
	font-size:3vw;
	color:#464646;
}
section#otoku2 #otoku2_conditions p strong{
	font-size:4vw;
}
section#otoku2_after{
	background-color :#e9ecee;
	padding-top:0;
}
section .bnr_sim{
	padding:0;
}
section#easy p{
	padding:0 0 2vw;
	font-size:2vw;
}
section#other{
	background-color :#e9ecee;
	padding-top:0;
}
section#other #other_p01{
	padding:0 0 2vw;
	font-size:3vw;
}
section#other #other_body{
	flex-direction:column-reverse;
	align-items:flex-start;
}
section#other #other_body > div{
	flex: 0 1 auto;
	width:100%;
}
section#other #other_body > div:nth-child(2) img{
	width:87vw;
	margin:0 auto 6vw;;
}
section#other #other_body .other_item{
	margin-bottom:3vw;
}
section#other #other_body .other_item .other_bg{
	width:7vw;
}
section#other #other_body .other_item:nth-child(1) > p:first-child img,
section#other #other_body .other_item:nth-child(2) > p:first-child img,
section#other #other_body .other_item:nth-child(3) > p:first-child img{
	width:auto;
	height:5vw;
}
section#other #other_body .other_item > p{
	padding-top:0.5vw;
	font-size:3.5vw;
	padding-left:10vw;
	letter-spacing:0.1vw;
}
section#other #other_body .other_item > p:nth-child(2){
	margin-top:1vw;
	text-align:right;
}
section#other #other_body .other_item > p:nth-child(2) img{
	margin-top:0;
	margin-bottom:0;
	width:25vw;
}
section#other #other_body .other_item > p:nth-child(2) a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#safety #safety_body{
	background-color :#fff;
	border:0.4vw solid #0d6fb5;
	padding:1.5vw 3vw;
	flex-direction:column;
	align-items:flex-start;
}
section#safety #safety_body >*{
	width:100%;
	text-align:center;
}
section#safety #safety_body .safety_item{
	flex: 0 1 auto;
}
section#safety #safety_body .safety_item p{
	font-size:2.65vw;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
section#safety #safety_body .safety_item p img{
	width:auto;
	height:10vw;
	margin:2vw 0 0 2vw;
}
section#step{
	padding-top:5vw;
}
.step_box{
	width:96.4vw;
	margin:0 auto;
	background-color :#fff;
	border:0.2vw solid #0e72b5;
	box-shadow:0px 0.2vw 0.2vw 0.2vw #bbb;
	padding-bottom:3vw;
}
.step_box .step_box_h{
	margin-top:1vw;
	position: relative;
	height:10vw;
	
}
.step_box .step_box_h img{
	position: absolute;
	margin-left:-1.0vw;
	width:97.5vw;
	max-width:98vw;
}
section#step #step_box_body{
	justify-content: space-between;
	flex-direction:column;
	align-items:flex-start;
	padding-top: 3vw;
	padding-bottom: 0;
}
section#step #step_box_body > p{
	flex: 0 1 auto;
	width:100%;
	padding:0 4vw;
}
section#step #step_box_body2{
	margin:2vw auto 0;
	position: relative;
	width:93vw;
	height:auto;
}
section#step #step_box_body2 > a:nth-child(1){
	position: absolute;
	top:25vw;
	left:0;
	width:46.5vw;
}
section#step #step_box_body2 > a:nth-child(2){
	position: absolute;
	top:25vw;
	left:47vw;
	width:46.5vw;
}
section#step #step_box_body2 > span{
	position: absolute;
	bottom:0;
	left:0;
}
section#step #step_box_body2 > a{
	margin-top:0px;
}
section#step #step_box_body2 > a:hover{
	margin-top:0px;
}
section#step #step_notes01{
	margin:1vw auto 0;
	width:auto;
	font-size:2vw;
	line-height:1.7;
	color:#00528a;
	padding:0 2.5vw;
}
section#step #step_notes02{
	margin:3vw auto 0;
	width:auto;
	font-size:2vw;
	line-height:1.7;
	color:#363636;
	padding:0 2.5vw;
}
section#start0{
	padding-top:3vw;
	padding-bottom:3vw;
}
section#start0 .step_box{
	padding:3vw;
}
section#start0 .start_box{
	justify-content: space-between;
	padding-top: 0;
	padding-bottom: 0;
	flex-direction:column-reverse;
	align-items:flex-start;
}
section#start0 .start_box > div{
	flex: 0 1 auto;
	width:100%;
}
section#start0 .start_box > div:nth-child(1){
	padding-top:3vw;
	margin-bottom:3vw;
}
section#start0 .start_box > div:nth-child(1) img{
	width:50vw;
}
section#start0 .start_box > div:nth-child(2) p{
	font-size:3.5vw;
	line-height:1.5;
	color:#322d2c;
	letter-spacing:0.1vw;
}
section#start0 .start_box > div:nth-child(2) p > img{
	display:none;
}
section#start0 .start_box > div:nth-child(2) p strong{
	display:block;
	font-size:5.5vw;
	font-weight:bold;
	color:#00528a;
}
section#start0 .start_box > div:nth-child(2) p strong img{
	display:inline;
	width:auto;
	height:7.5vw;
	vertical-align:middle;
	margin-right:2vw;
}
section#start0 .start_h{
	padding-bottom:3vw;
	width:100%;
}
section#start0 .start_h img{
	width:auto;
	height:7vw;
}
section#start0 .start_h01 img,
section#start0 .start_h02 img{
	width:auto;
	height:3vw;
	margin-right:1vw;
	vertical-align:baseline;
}
section#start0 .start_h01,
section#start0 .start_h02{
	margin-top:2vw;
	font-size:3.5vw;
	line-height:1.7;
	letter-spacing:0.1vw;
}
section#start0 .start_h01+p,
section#start0 .start_h02+p{
	margin-top:1vw;
	font-size:3.5vw;
	line-height:1.7;
	letter-spacing:0.1vw;
}
section#start0 .start_img03{
	text-align:center;
	margin-top:2vw;
}
section#start0 #start_notes01{
	margin-top:2vw;
	margin-bottom:4vw;
	font-size:2.5vw;
	line-height:1.7;
	color:#322d2c;
}
section#start0 #start_notes02{
	padding-top:2vw;
	font-size:2.5vw;
	line-height:1.3;
	color:#322d2c;
}
section#voice #voice_p01{
	text-align:center;
	line-height:1.7;
	padding:3vw 0;
	font-size:3vw;
	color:#0e72b5;
	margin:0 auto;
}
section#voice #voice_p01 img{
	margin-bottom:2vw;
	width:80vw;
}
section#voice #voice_box{
	flex-direction:column;
	align-items:flex-start;
}
section#voice #voice_box img{
	margin-bottom:2vw;
}
section#voice #voice_p02{
	text-align:center;
	padding:0;
	margin-bottom:1vw;
}
section#voice #voice_p02 img{
	margin-top:0;
	margin-bottom:0;
}
section#voice #voice_p02 a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#faq #faq_box_title{
	padding:1.3vw 1vw 1vw;
	margin-top:1vw;
	background-color:#0d6fb5;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:4vw;
	line-height:1.5;
	letter-spacing:0.5vw;
}
section#faq #faq_box{
	margin:0 0.2vw;
	padding:3vw;
	border:0.2vw solid #0d6fb5;
	border-top-style:none;
	background-color:#fff;
}
section#faq #faq_box .faq_item{
	margin:0 0 3vw;
}
section#faq #faq_box .faq_item .faq_item_q{
	text-indent: -5vw;
	padding-left: 5vw;
}
section#faq #faq_box .faq_item .faq_item_q > img{
	vertical-align:text-bottom;
	margin-right:1vw;
	width:auto;
	height:3vw;
}
section#faq #faq_box .faq_item .faq_item_q a{
	font-size:2.5vw;
}
section#faq #faq_box .faq_item .faq_item_q a > img{
	vertical-align:middle;
	margin-left:1vw;
	width:auto;
	height:3vw;
}
section#faq #faq_box .faq_item .faq_item_a{
	margin:1vw 0;
	padding:2vw;
	border:0.2vw solid #a4a4a4;
}
section#faq #faq_box .faq_item .faq_item_a p{
	font-size:2.5vw;
}
section#faq #faq_box .faq_item .faq_item_a p.faq_item_a_notes{
	margin:10px 0;
	font-size:2vw;
}
section#faq #faq_item_more_btn,
section#faq #faq_item_close_btn{
	margin-top:3vw;
}
section#faq #faq_item_more_btn a,
section#faq #faq_item_close_btn a{
	color:#0e72b5;
	font-size:2.5vw;
}
section#faq #faq_item_more_btn a img,
section#faq #faq_item_close_btn a img{
	margin-left:1vw;
	width:auto;
	height:2vw;
}
section#faq .faq_item ol{
	margin:1.0em 0;
	font-size:2.5vw;
}
section#faq .faq_item ol > li{
	margin-left:2em;
}
section#faq table{






	font-size:2vw;
	width:100%;
}
section#faq table td{
	border:0.2vw solid #000;
	padding:0.5em;
	font-size:2vw;
}
section#faq table td strong{
	font-size:3vw;
	font-weight:bold;
}
section#faq table tr:last-child >td:last-child{
	text-shadow:0px 0px 0.2vw #ffffff;
}


section#faq #faq_item03_box{
	justify-content: space-between;
	flex-direction:column;
	align-items:flex-start;
}
section#faq #faq_item03_box > div{
	flex: 0 1 auto;
	width:100%;
}
section#faq #faq_item03_box .faq_item03_h01,
section#faq #faq_item03_box .faq_item03_h02{
	margin:1vw 0 0 0;
}
section#faq #faq_item03_box .faq_item03_h01 img,
section#faq #faq_item03_box .faq_item03_h02 img{
	vertical-align:text-top;
	margin-right:0.5vw;
	width:auto;
	height:2.5vw;
}
section#faq #faq_item03_box .faq_item03_h01 span,
section#faq #faq_item03_box .faq_item03_h02 span{
	font-size:1vw;
}
section#faq #faq_box .faq_item .faq_item_a .faq_item03_p02{
	margin:1vw 0 0 0;
	font-size:2vw;
}
section#faq #faq_box .faq_item .faq_item_a .faq_item03_p03{
	text-align:left;
	font-size:2vw;
}
section#campaign #campaign_t{
	width:100%;
	margin:3vw auto;
	text-align:left;
	border:0.3vw solid #0d6fb5;
	font-size:2.5vw;
}
section#campaign #campaign_t tr td{
	border:0.2vw solid #0d6fb5;
}
section#campaign #campaign_t tr:first-child td{
	padding:1.5vw 2vw 2vw;

}
section#campaign #campaign_t tr:last-child td:last-child{
	font-size:2vw;
}
section#campaign #campaign_p2{
	margin:2vw 0;
	padding:0 3vw;
	text-align:center;
}
section#plan .inner > p{
	margin-top:2vw;
	font-size:5vw;
	line-height:1.5;
	color:#6e6e6e;
	letter-spacing:0.5vw;
}
section#plan #plan_box{
	width:100%;
	margin:3vw 0 1vw;
}
section#plan #plan_box > div{
	text-align:center;
	flex: 0 1 32.5%;
}
section#plan #plan_box > div p{
	font-size:2.0vw;
	font-weight:bold;
}
section#plan #plan_box > div p span{
	font-size:2.0vw;
	font-weight:bold;
}
section#plan #plan_box > div a img{
	box-shadow:none;
}
section#plan #plan_box > div img{
	margin-top:0;
	margin-bottom:0;
}
section#plan #plan_box > div a:hover img{
	margin-top:0;
	margin-bottom:0;
}
footer p{
	letter-spacing:0.1vw;
}
footer p.link{
	font-size:2vw;
}
footer p.copy{
	padding:3.5vw 0 15vw;
	font-size:2vw;
}
footer p a:hover{
	text-decoration: none;
}
section#fixed .inner{
	padding:0.5vw 2vw 0.1vw;
}
section#fixed #fixed_box{
	width:100%;
	margin:0;
	justify-content: space-around;
	align-items: flex-end;
	padding:1vw 0;
}
section#fixed #fixed_box img{
	margin-top:0;
	margin-bottom:0;
	width:auto;
	height:10vw;
}
section#fixed #fixed_box a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#fixed #fixed_top{
	display:none;
}

section#modal #modal_01,
section#modal #modal_02,
section#modal #modal_03{
	border:0.3vw solid #f69100;
	max-width:90vw;
}
section#modal .modal_inner{
	padding:5vw 3vw;
}
section#modal .modal_flexbox{
	flex-direction:column;
	align-items: flex-start;
}
section#modal .modal_flexbox p{
	flex: 0 1 auto;
	width:80vw;
	margin-top:0;
	margin-bottom:3vw;
}
section#modal .modal_flexbox p:nth-child(2){
	margin-left:0;
}
section#modal #modal_02 .modal_flexbox p{
	flex: 0 1 auto;
}
section#modal #modal_03 .modal_flexbox p:nth-child(1){
	flex: 0 1 auto;
}
section#modal #modal_03 .modal_flexbox p:nth-child(2){
	font-size:2vw;
}
section#modal .modal_flexbox p a{
	padding:3vw 0.5vw;
	font-size:3.5vw;
}
section#modal .modal_flexbox p:nth-child(2) img{
	width:14vw;
}
section#modal #modal_h01,
section#modal #modal_h02,
section#modal #modal_h03,
section#modal #modal_h04{
	margin-top:2vw;
	margin-bottom:2vw;
	font-size:3.5vw;
}
section#modal #modal_h02{
	margin-bottom:0.5vw;
}
section#modal #modal_h03{
	margin-bottom:1vw;
}
section#modal #modal_h04{
	margin-bottom:0.5vw;
}
section#modal #modal_02_notes,
section#modal #modal_03_notes{
	margin-top:2vw;
	margin-bottom:2vw;
	font-size:2.5vw;
}
section#modal #modal_p01{
	font-size:3vw;
}




/*} for SP ------------------------------------------------------------*/

}


/* common --------------------*/
header.gas{
	padding:0 10px;
}
.sec_bluegray{
	background-color :#e4ecf3;
}
.sec_bluegas{
	background-color :#e9f1f7;
}

/* for PC --------------------*/
header.gas > .inner > h1{
	align-self: flex-start;
	padding-top:10px;
}
header.gas > .inner > div{
	padding:0;
	align-self: stretch;
	line-height:0;
	background-color:#0863b0;
	min-height:45px;
	display: flex;
}
header.gas > .inner > div > p{
	line-height:1.2;
	padding:15px 35px;
	color:#fff;
	border-bottom:solid 1px #fff;
}
section#fv_campaign{
	background-color :#fae81c;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	position: absolute;
	top: 565px;
}
section#fv_campaign .inner{
	height: 43px;
	position: relative;
}
section#fv_campaign .inner >img{
	position: absolute;
	left: 50%;
	margin-left: -550px;
}
section#fv{
	background-color :#fff;
}
section#fv > .inner{
	/*height: 640px;*/
	height: 690px;
}
section#fv #fv_btn_01{
	left: -90px;
	top: 396px;
}
section#fv #fv_btn_02{
	/*top: 535px;*/
	top: 585px;
}
section#fv #fv_btn_03{
	/*top: 535px;*/
	top: 585px;
}
section#fv #fv_btn_05{
	position: absolute;
	left: -21px;
	top: 310px;
}
section#fv #fv_btn_02.tnt{
	top: 500px;
}
section#fv #fv_btn_03.tnt{
	top: 500px;
}
section#fv #fv_text_02{
	right:490px;
	top: 400px;
}
section#fv #fv_text_02 p{
	font-size:11px;
}
section#fv #fv_text_04{
	position: absolute;
	left: -75px;
	top: 258px;
}
section#fv #fv_text_04 p{
	font-size:11px;
	color:#fff;
	letter-spacing:0.2px;
}
section#fv #fv_text_04 p a{
	color:#fff;
	text-decoration: underline;
}
#tenant{
	text-align:center;
	margin-bottom:10px;
}
section#contents p{
	margin-bottom:10px;
}
section#what .inner{
	text-align:right;
}
section#what #what_box{
	display: flex;
	justify-content: space-between;
}
section#what #what_box >div{
	flex: 0 1 auto;
	align-self:center;
}
section#what .what_notes01{
	display:inline-block;
	padding-right:0;
	font-size:70%;
	font-weight:normal;
	text-align:left;
	letter-spacing:0.4px;
	line-height:1.5;
	color:#322d2c;
}
section#otoku .inner > p{
	margin-bottom:20px;
}
section#otoku .inner > p:first-child{
	text-align:center;
}
section#otoku #otoku_conditions{
	width:980px;
	margin: 0 auto 35px;
}
section#otoku #otoku_conditions > p:nth-child(1){
	text-align:center;
	background-color :#fff;
	border:2px solid #1177be;
	font-size:130%;
}
section#otoku #otoku_conditions > p:nth-child(1) a{
	color:#1177be;
}
section#otoku #otoku_conditions > p:nth-child(2){
	background-color :#fff;
	border: solid 2px #1177be;
	border-top-style:none;
	padding: 20px 20px 30px;
	font-size:90%;
	line-height:1.7;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::after {
	background: #1177be;
}
section#otoku #otoku_conditions > p:nth-child(1) > a::before {
	background: #1177be;
}
section#otoku #otoku_p2{
	text-align:center;
}
section#otoku #otoku_p2 a img{
	margin-top:0px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#otoku #otoku_p2 a:hover img{
	margin-top:3px;
	margin-bottom:2px;
}
section#otoku2_after{
	margin-bottom:20px;
}
section#easy{
	margin-bottom:2px;
}
section#step #step_box_body img{
	width:430px;
}
section#step #step_box_body.tnt img{
	width:719px;
}
section#step #step_box_body2gas{
	display: flex;
	justify-content: space-around;
	padding-top: 20px;
	padding-bottom: 20px;
}
section#step #step_box_body2gas > p{
	text-align:center;
}
section#step #step_box_body2gas > p:first-child > img{
	margin-top:18px;
	margin-bottom:2px;
}
section#step #step_box_body2gas > p span img{
	width:430px;
	margin-top:0px;
	margin-bottom:3px;
	transition: 0.3s;
}
section#step #step_box_body2gas > p span a:hover img{
	margin-top:3px;
	margin-bottom:0px;
}
section#start0 #start_p1{
	margin:20px auto 0;
	font-size:110%;
	line-height:1.7;
	color:#322d2c;
}
section#start0 #start_notes01{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-size:90%;
	line-height:1.7;

	color:#322d2c;
}
section#voice #voice_p01{
	color:#00356c;
}
section#voice #voice_box{
	justify-content: space-around;
	background-color:#e9ecee;
	padding:10px 0;
}
section#voice #voice_box > div{
	text-align:center;
	position:relative;
}
section#voice #voice_box > div > a{
	position:absolute;
	bottom:30px;
	left:120px;
}
section#voice #voice_box > div > a img{
	margin-top:0px;
	margin-bottom:3px;
	transition: 0.3s;
}
section#voice #voice_box > div > a:hover img{
	margin-top:3px;
	margin-bottom:0px;
}
section#voice #voice_p03{
	text-align:center;
	margin-top:20px;
}
section#faq #faq_item03_box > div{
	flex: 0 1 100%;
}
section#faq table{
	width:100%;
	font-size:100%;
	line-height:1.5;
}
section#faq table td{
	font-size:100%;
}
section#faq #faq_box .faq_item .faq_item_a .faq_item03_p03{
	text-align:left;
}
section#campaign #campaign_p1 a{
	margin-right:0;
	margin-left:30px;
}

section#modal .modal_inner p a{
	text-decoration: none;
}
section#modal .modal_inner p a:hover{
	text-decoration: none;
}
section#modal #modal_01,
section#modal #modal_02,
section#modal #modal_03{
	border:3px solid #0075c2;
}
section#modal .modal_close {
	width:44px;
	height:44px;
	background-color:#fff;
	border:2px solid #0075c2;
}
section#modal .modal_close::after {
	background: #0075c2;
}
section#modal .modal_close::before {
	background: #0075c2;
}
section#modal .modal_flexbox{
	justify-content:space-around;
	align-items:flex-start;
}
section#modal .modal_flexbox p{
	flex: 0 1 auto;
	border-radius:0;
	background-color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	box-shadow:0px 0px 0px 0px #aaa;
	font-size:140%;
	font-weight:bold;
}
section#modal #modal_02 .modal_flexbox p{
	flex: 0 1 auto;
}

section#modal .modal_flexbox p:hover{
	margin-top:0px;
	margin-bottom:0px;
}
section#modal .modal_flexbox p:nth-child(2){
	background-color:#fff;
	margin-left:0;
}
section#modal #modal_02 .modal_flexbox p:nth-child(2){
	margin-left:10px;
}
section#modal .modal_flexbox p:nth-child(1) span:nth-child(1){
	font-size:120%;
	color:#f39800;
}
section#modal .modal_flexbox p:nth-child(1) span:nth-child(2){
	font-size:120%;
	color:#0075c2;
}
section#modal .modal_flexbox p:nth-child(2) span:nth-child(1){
	font-size:120%;
	color:#0075c2;
}
section#modal .modal_flexbox p:nth-child(2) img{
	width:auto;
}
section#modal .modal_flexbox p a img{
	margin-top:20px;
	margin-bottom:5px;
	transition: 0.3s;
}
section#modal .modal_flexbox p a:hover img{
	margin-top:20px;
	margin-bottom:5px;
}
section#modal #modal_h01{
	font-size:150%;
}
section#modal #modal_gas_img01{
	margin-top:20px;
	text-align:center;
}
section#modal .modal_flexbox p a{
	display:inline;
	width:auto;
	height:auto;
	padding:0;
}
section#modal #modal_01_notes{
	margin-top:20px;
	margin-bottom:0;
	font-size:80%;
	font-weight:normal;
}
section#modal #modal_h05{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	letter-spacing:1px;
}
section#modal #modal_02 .modal_inner{
	padding:50px 10px;
}
  
/*** 2020/9 追加 ***/
.pcInline{
  display: inline;
}
.simulationForm{
	background-color: #0b6fb5;
	line-height: 1.5;
	padding:86px 10px 60px 10px;
}
.simulationForm .sectionInner{
	width:1000px;
	margin: 0 auto;
	background-color: #fff;
	padding: 54px 40px 33px 40px;
	border-radius: 20px;
}
	.simulationForm .sectionInner h2{
		position: relative;
	}
		.simulationForm .sectionInner h2 img{
			margin-top: 0;
			text-align: center;
			position: absolute;
			top: -97px;
			left: calc(50% - 171px);
		}

		.simulationForm .sectionInner .selectForm{
			margin-top: 25px;
		}
			.simulationForm .sectionInner .selectForm > ul{
				display: flex;
				justify-content: space-between;
				width: 100%;
				margin: 0 auto;
			}
			.simulationForm .sectionInner .selectForm > ul > li{
				width:29.6%;
			}
				.simulationForm .sectionInner .selectForm > ul > li > div {
					margin-top: 11px;
				}
					.simulationForm .sectionInner .selectForm > ul > li select{
						border-radius: 12px;
						-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
						-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
						appearance: none; /* 標準のスタイルを無効にする */
						padding: 14px 33px 12px 20px;
						position: relative;
						background: url(../../img/gas_bizpack/ico_simulationForm_select.png) no-repeat right 14px center;
						width: 100%;
						border: 2px #999 solid;
						font-size: 133.4%;
						line-height: 1;
					}
					select::-ms-expand {
						display: none;
					}
					.simulationForm .sectionInner .selectForm > ul > li select.selectGas{
						background: url(../../img/gas_bizpack/ico_simulationForm_select_gas.png) no-repeat right 14px center;
					}
	.simulationForm .sectionInner .btn{
		text-align: center;
		margin-top:50px;
	}
		.simulationForm .sectionInner .btn a img{
			transition: 0.3s;
			position: relative;
			top:0;
		}
		.simulationForm .sectionInner .btn a:hover img{
			top: 3px;
		}

/*** 2020/9 追加ここまで ***/
  

@media only screen and (max-width: 768px) {
/* for SP {------------------------------------------------------------*/

header.gas{
	padding:0 0 0 1vw;
}
header.gas > .inner > h1{
	padding-top:1vw;
}
header.gas > .inner > div{
	min-height:5w;
}
header.gas > .inner > div{
	flex: 0 1 auto;
}
header.gas > .inner > div > p{
	padding:3vw 4vw;
	font-size:3vw;
	white-space: nowrap;
}
section#fv > .inner{
	height: auto;
}
section#fv #fv_btn_01{
	display:block;
	left: 8vw;
	top: 35.5vw;
	width:85vw;
}
section#fv #fv_btn_02{
	top: 66%;
}
section#fv #fv_btn_03{
	top: 66%;
}
section#fv #fv_text_04{
	left: 3vw;
	top: 27.5vw;
	width: 45%;
}
section#fv #fv_text_04 p{
	font-size:1.3vw;
	line-height:1.2;
	letter-spacing:0.1vw;
}
section#fv #fv_img_02{
	position: relative;
	left: 0;
	top: 0;
}

section#fv #fv_btn_02.tnt{
	top: 102vw;
}
section#fv #fv_btn_03.tnt{
	top: 102vw;
}
section#fv #fv_btn_05{
	left: 11vw;
	top: 85.5vw;
	width: 77vw;
}
section#fv #fv_text_02{
	right:5vw;
	top: 80vw;
}
section#fv #fv_text_02 p{
	text-align:right;
	font-size:1.7vw;
	line-height:1.6;
	letter-spacing:0.1vw;
}
section#fv #tenant{
	padding:0 4vw;
}
section#point p>img{
	width:77vw;
}
section#what #what_box{
	flex-direction:column;
	align-items:flex-start;
}
section#what #what_box >div{
	flex: 0 1 auto;
	width:100%;
	text-align:center;
}
section#what #what_box >div:first-child{
	padding-bottom:4vw;
}
section#what .what_notes01{
	width:auto;
	margin:0;
	padding:2vw 0 0 5vw;
	font-size: 2vw;
	font-weight:normal;
	text-align: left;
	letter-spacing:0.1vw;
}
section#otoku{
	padding:2vw;
}
section#otoku #otoku_conditions{
	width:100%;
	margin: 0 auto 3vw;
}
section#otoku #otoku_conditions > p:nth-child(1){
	text-align:center;
	padding: 1vw;
	font-size:3vw;
	color:#464646;
}
section#otoku #otoku_p2 a img{
	margin-top:0;
	margin-bottom:0;
}
section#otoku #otoku_p2 a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#otoku2_after{
	background-color :#e4ecf3;
	padding:2vw;
	margin-bottom:2vw;
}
section#other{
	background-color :#e4ecf3;
	padding-top:4vw;
}
section#other.sec_bluegas{
	background-color :#e9f1f7;
}
section#other #other_p01 img{
	width:80vw;
}
section#other #other_p01{
	padding:0 0 2vw;
	font-size:2.5vw;
}
section#step #step_box_body{
	padding-bottom: 2vw;
}
section#step #step_box_body img{
	width: auto;
}
section#step #step_box_body2gas{
	justify-content: space-between;;
	padding:2vw;
}
section#step #step_box_body2gas > p:first-child > img{
	margin-top:1.8vw;
	margin-bottom:0.5vw;
}
section#step #step_box_body2gas > p span img{
	width:43vw;
	margin-top:0px;
	margin-bottom:0px;
}
section#step #step_box_body2gas > p span a:hover img{
	margin-top:0px;
	margin-bottom:0px;
}
section#start0 #start_p1{
	font-size: 3.5vw;
}
section#start0 #start_notes01{
	margin-top:3vw;
	margin-bottom:2vw;
	font-size:3vw;
	text-align:left;
}
section#start0 .start_box > div:nth-child(2) p{
	font-size: 3.6vw;
}
section#start0 .start_box > div:nth-child(2) p strong img{
	margin-right: 4vw;
}
section#voice #voice_p01{
	font-size:2.3vw;
}
section#voice #voice_box{
	background-color:#fff;
	padding:0 10vw;
}
section#voice #voice_box > div{
	width:100%;
}
section#voice #voice_box > div > a{
	bottom:7vw;
	left:21vw;
}
section#voice #voice_box > div > a img{
	width:32vw;
	margin-top:0;
	margin-bottom:0;
}
section#voice #voice_box > div > a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#voice #voice_p03{
	text-align:center;
	margin-top:2vw;
}
section#voice #voice_p03 img{
	width:70vw;
}
section#voice #voice_p02{
	padding-top:3vw;
}
section#campaign #campaign_p1 {
	margin: 5vw 0 1vw;
}
section#campaign #campaign_p1 img{
	width:45vw;
	margin-top:0;
	margin-bottom:0;
	vertical-align: top;
}
section#campaign #campaign_p1 a:hover img{
	margin-top:0;
	margin-bottom:0;
}
section#campaign #campaign_p1 a{
	margin-right:0;
	margin-left:3vw;
}
footer p.link.sp img{
	width:35vw;
}

section#modal #modal_h01{
	font-size: 5vw;
}
section#modal .modal_flexbox p{
	margin-top: 3vw;
	font-size: 4vw;
}
section#modal .modal_flexbox p:hover{
	margin-top:3vw;
}
section#modal .modal_flexbox p a img{
	margin-top:1vw;
	margin-bottom:0;
}
section#modal .modal_flexbox p a:hover img{
	margin-top:1vw;
	margin-bottom:0;
}
section#modal #modal_01_notes{
	font-size: 2.5vw;
}
section#modal #modal_02 .modal_flexbox p:nth-child(2){
	margin-left:0;
}
section#modal #modal_h05{
	margin-top:2vw;
	margin-bottom:2vw;
	font-size:5vw;
}
section#modal #modal_02 .modal_inner{
	padding:5vw 3vw;
}

  section#modal #modal_02 .modal_flexbox p {
	padding:0 3vw;
}

/*** 2020/9 追加 ***/
.pcInline{
  display: inline;
}
.simulationForm{
	padding: 11.4% 4% 8% 4%;
}
.simulationForm .sectionInner{
	width: 100%;
	padding: 6.5% 5.9% 3.9% 5.9%;
	border-radius: 10px;
	position: relative;
}
	.simulationForm .sectionInner h2{
		position: absolute;
		width: 49.4%;
		margin: 0 auto;
		top: -6.1%;
		left: calc(50% - 23%);
	}
		.simulationForm .sectionInner h2 img{
			margin-top: 0;
			text-align: center;
			position: relative;
			top: 0;
			left: 0;
		}

		.simulationForm .sectionInner .selectForm{
			margin-top: 1.5%;
		}
			.simulationForm .sectionInner .selectForm > ul{
				width: 100%;
				display: block;
			}
			.simulationForm .sectionInner .selectForm > ul > li{
				width: 100%;
				margin-top: 6%;
			}
			.simulationForm .sectionInner .selectForm > ul > li:first-child{
				margin-top: 0;
			}
				.simulationForm .sectionInner .selectForm > ul > li > div {
					margin: 2% auto 0;
					width: 87%;
				}
					.simulationForm .sectionInner .selectForm > ul > li select{
						padding: 4.1% 9.5% 4.1% 3.5%;
						width: 100%;
						/*font-size: 80.4%;*/
						font-size: 106.667%;
						border: 1px #999 solid;
						background: url(../../img/gas_bizpack/ico_simulationForm_select_sp.png) no-repeat right 4.5% center;
						background-size: 5%;
						border-radius: 10px;
					}
					select::-ms-expand {
						display: none;
					}
					.simulationForm .sectionInner .selectForm > ul > li select.selectGas{
						background: url(../../img/gas_bizpack/ico_simulationForm_select_gas_sp.png) no-repeat right 4.5% center;
						background-size: 5%;
					}
	.simulationForm .sectionInner .btn {
		margin-top: 7.8%;
	}
		.simulationForm .sectionInner .btn a:hover img{
			top: 0;
		}

/*** 2020/9 追加ここまで ***/

/*} for SP ------------------------------------------------------------*/
}

#campaign_t dt {float: left;}
#campaign_t dd {margin-left: 110px;}
@media only screen and (max-width: 768px) {
#campaign_t dt {float: none; width:100%; margin-bottom:5px;}
#campaign_t dd {margin-left: 0; margin-bottom:10px;}
}
#formSubmit {cursor: pointer;}