@charset "utf-8";

html{
	font-size: 100%;
	}
@media screen and (max-width: 38.74em) {
html{
	font-size: 75%;
	}
}
body{
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #4e4644;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}
img{
	max-width: 100%;
	}
ul{
	list-style:none;
	}
a{
	text-decoration: none;
	color: #0066cc;
	}
a:hover{
	text-decoration: underline;
	}

#page{
	}
#contents{
	}
.wrap{
	width: 100%;
	max-width: 980px;
	margin:0 auto;
	}
@media screen and (max-width: 38.74em) {
.wrap{
	width: auto;
	padding:0 1rem;
	}
}
@media screen and (min-width: 38.74em) {
.pcnone{
	display: none !important;
	}
}
@media screen and (max-width: 38.74em) {
.spnone{
	display: none !important;
	}
}
@media screen and (min-width: 900px) {
.pcnone2{
	display: none !important;
	}
}
@media screen and (max-width: 899px) {
.spnone2{
	display: none !important;
	}
}


/* 文字設定
-------------------------------- */
.text-center{
	text-align:center;
	}
.text-right{
	text-align: right;
	}
.text-left{
	text-align: left;
	}
.text-blue{
	color: #004ea2;
	}
.text-red{
	color: #eb5405;
	}
.text-yellow{
	color: #ffe100;
	}
.text-large{
	font-size: 150%;
	}
.text-line{
	background:linear-gradient(transparent 60%, #fff1d7 0%);
	}
.text-note{
	margin: .5rem 0 0;
	line-height: 1.2;
	font-size: 80%;
	}
	.text-note p{
		margin: .4rem 0;
		}
	.text-note p:first-child{
		font-size: 21px;
		font-weight: bold;
		}
ul.text-note{
	padding-left: 0;
	}
	ul.text-note > li{
		padding-left: 1em;
		text-indent: -1em;
		}
.text-center{
	text-align: center;
	}
.link_arrow:before{
	margin-right: .2em;
	color: #798b90;
	font-size: 1em;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
	}

.list-disc{
	padding-left: 0;
	}
	.list-disc li{
		padding-left: 1em;
		text-indent: -1em;
		}
		.list-disc li::before{
			display: inline-block;
			width: .6em;
			height: .6em;
			margin-right: .6em;
			border-radius: 50%;
			background: #ccc;
			content: '';
			}
table{
	width: 100%;
	border-collapse: collapse;
	}
table > caption{
	background: #333;
	text-align: left;
	padding: .2em 1em;
	color: #fff;
	}
table th,
table td{
	padding: .5em 1em;
	border:1px solid #ccc;
	text-align: left;
	}
table th{
	font-weight: normal;
	background: #fef6e8;
	}
table th ul{
	margin: 0;
	}
@media screen and (max-width: 38.74em) {
table th,
table td{
	font-size: 12px;
	}
.table-scroll{
	overflow-x: scroll;
	}
.table-scroll table{
	min-width: 600px;
	}
}

/* ボタン
-------------------------------- */
.button{
	display: block;
	position: relative;
	padding: 1em 1em;
	font-weight: bold;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	border-radius: 80px;
	cursor: pointer;
	border:none;
	color: #fff;
	background-color: #008f9c;
	box-shadow: 0px 4px 10px 0px rgba(7, 4, 4, 0.2);
	}
.button:hover{
	text-decoration: none;
	transition: background-color .2s;
	background-color: #43b5bf;
	}
.button.hollow,
.button.small{
	padding: .65em 1em .65em 0;
	line-height: 1.2;
	}
	.button > i{
		float: left;
		margin-top: .3rem;
		padding-left: 2rem;
		font-size: 180%;
		}
	.button2 {
		position: relative;
		padding: 1em 0.6em 1em 1.6em;
	}
	.button2 * {
		pointer-events: none;
	}
	@media screen and (max-width: 899px) {
		.button2:nth-child(n + 2) {
			margin-top: 20px;
		}
	}
	.button2 > i{
		margin-top: .3rem;
		padding-left: 2rem;
		font-size: 180%;
		margin-top: 0.3rem;
		padding-left: 2rem;
		position: absolute;
		left: 0;
		top: calc(50% - 0.6em);
		}
	.button .button-label {
		
	}
	.button.small{
		font-size: 1.125rem;
		}
	.button.small > i{
		margin-top: -.1rem;
		padding-left: 1rem;
		font-size: 130%;
		}
	.button > small{
		display: block;
		font-size: 1rem;
		font-weight: normal;
		}
	.button > i,
	.button > small{
		pointer-events: none;
		}
/* ボタンの色設定 */
.button.alert{
	background-color: #333333;
	}
.button.success{
	color: #333;
	background-color: #fff200;
	}
.button.success:hover{
	background-color: #fff880;
	}
.button.warning{
	color: #333;
	background-color: #fa9f01;
	}
.button.warning:hover{
	background-color: #ffb738;
	}
.button.hollow{
	background-color: #fff;
	color: #de5f1d;
	}
.button.hollow:hover{
	background-color: #fef6e8;
	}

@media screen and (max-width: 38.74em) {
.button{
	padding: .5em .1em .5em  0;
	font-size: 1.5rem;
	border-radius: 40px;
	box-shadow: 0px 2px 4px 0px rgba(7, 4, 4, 0.2);
	}
.button.hollow,
.button.small{
	padding: .4em 0;
	}
	.button > i,
	.button.small > i{
		position:absolute;
		top: 50%;
		left: 2rem;
		margin-top: -1.2rem;
		padding-left: 0;
		font-size: 150%;
		}
	.button.small{
		font-size: .9rem;
		font-weight: normal;
		}
	.button:not(.small)::after{
		right: .5rem;
		margin-top: -.8rem;
		font-size: 1.5rem;
		}
.button.hollow{
	border-width: 1px;
	}
}


/* 業者情報
-------------------------------- */
.agent-info {
	box-sizing: border-box;
	position: relative;
	margin: 0;
	padding: 0.5rem 0 0.5rem 0;
	line-height: 1.2;
	background: #f5f5f5;
	z-index: 3;
	box-shadow: 0px -4px 5px 0px #ddd inset;
}
.agent-info * {
	box-sizing: border-box;
}
.agent-info__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.agent-info__service {
	padding: 0 0.8rem;
	font-size: 0.8rem;
}
.agent-info__name {
	margin-left: 1.6rem;
	padding: 0 0.8rem;
	font-size: 0.8rem;
}
@media screen and (max-width: 38.74em) {
	.agent-info__service {
		padding: 0 0.5rem;
		letter-spacing: -0.03em;
	}
	.agent-info__name {
	
	}
}


/* header
-------------------------------- */
#header{
	position: -webkit-sticky; /* safari対応 */
	position: sticky;
	top:0;
	left:0;
	width: 100%;
	max-height: 45px;
	padding: 6px 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0px 0px 7px 0px rgba(17, 27, 43, 0.32);
	}
.code{
	position: relative;
	z-index: 3;
	background: #f5f5f5;
	border-bottom: 1px solid #e9e9e9;
	}
	.code .wrap{
		display: flex;
		justify-content: space-between;
		}
	.code p{
		margin: 0;
		padding: .5em 0;
		font-size: .8rem;
		line-height: 1;
		}
#header .logo{
	display: inline-block;
	width: 25%;
	margin: 0;
	line-height: 1.2;
	font-size: .75rem;
	vertical-align: top;
	}
#header .logo a{
	color: #333;
	}
#header .logo a:hover{
	text-decoration: none;
}
#header ul{
	float:right;
	margin: 0;
	padding: 0;
	text-align: right;
	}
	#header ul > li{
		display: inline-block;
		margin: 0 0 0 2px;
		}
@media screen and (min-width: 38.74em) {
#header{
	max-height: 85px;
	}
#header .logo{
	padding: 1% 0;
	}
	#header .logo span{
		padding-left: .5em;
		font-size: 16px;
		}
	#header .nav > li{
		width: 190px;
		margin-top: .5rem;
		}
	#header .button > br{
		display: none;
		}
}
@media screen and (max-width: 38.74em) {
#header .logo{
	padding: 2.1% 0;
	}
	#header .logo img{
		max-width: 100px;
		vertical-align: middle;
		}
	#header .logo span{
		display: block;
		max-width: 100px;
		padding-top: .2rem;
		text-align: center;
		}
	#header .nav > li{
		width: 6em;
		}
	#header .nav .button > i{
		left: 50%;
		margin-top: -1em;
		margin-left: -.5em;
		}
	#header .nav .button{
		padding-top: .5rem;
		}
}

/* footer
-------------------------------- */
#footer{
	/* padding-top: 1rem; */
	text-align:center;
	}
#footer .button{
	margin:0 0 1rem;
	padding: 1rem 0;
	}
	#footer .privacy{
		padding: 1.5em 0;
		background: #f5f5f5;
		}
	#footer .privacy > a{
		display: inline-block;
		color: #4D4D4D;
		line-height: 1;
		padding: 0 1rem;
		text-decoration: none;
		}
.copyright{
	margin: 0;
	color: #fff;
	background: #333;
	}
@media screen and (min-width: 38.74em) {
#footer .button{
	max-width: 500px;
	margin: 0 auto 2.5rem;
	padding: 1.5rem 0;
	}
.copyright{
	font-size: .75rem;
	padding: .8rem 0;
	}
}

/* 見出し */
.ttl-h1{
	background-color: #f5f5f5;
	}
	.ttl-h1 > h1{
		max-width: 980px;
		margin: 0 auto;
		padding: 3rem 0;
		background-image: url(../img/img_form_pc.jpg);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 36px;
		text-align: center;
		}
@media screen and (max-width: 38.74em) {
	.ttl-h1 > h1{
		font-size: 20px;
		padding: 1.1em 0;
		background-image: url(../img/img_form_sp.jpg);
		background-size: auto 100%;
		}
}
.ttl-h2{
	margin: 0;
	padding: 1.5rem 0;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	}
.ttl-h3{
	margin: 0;
	font-size: 1.2rem;
	font-weight: bold;
	}
.ttl-h3 + p{
	margin-top: 0;
	}
@media screen and (min-width: 38.74em) {
.ttl-h2{
	font-size: 1.875rem;
	}
.ttl-h3,
.ttl-h3 + p{
	text-align: center;
	}
}
@media screen and (min-width: 38.74em) {
#contents section{
	margin-bottom: 40px;
}
}
.label{
	padding: .1em .5em;
	border-radius: 2px;
	font-size: 10px;
	color: #fff;
	vertical-align: 2px;
	font-weight: normal;
	background: #eb5405;
	}
@media screen and (min-width: 38.74em) {
.label{
	font-size: 14px;
	}
}


/* コンテンツエリア
-------------------------------- */
/* KV */
.kv-wrap{
	background: #f5f5f5;
	}
	.kv-wrap .conversion{
		margin-bottom: 0;
		}
.kv{
	position: relative;
	margin: 0;
	background-repeat: no-repeat;
	background-color: #fdf9f6;
	background-position: 0 0;
	line-height: 1.1;
	font-size: 1rem;
	text-shadow: 0 0 4px #fff, 0 0 4px #fff;
	}
.kv_2{
	margin: 0;
	line-height: 0;
	}
.attention{
	max-width: 980px;
	margin: 0 auto;
	padding: 1.2rem 0;
	text-align: center;
	color: #b00;
	background: #fff;
	}
	.attention dt,
	.attention dd{
		margin: 0;
		}
	.attention dt{
		display: inline-block;
		padding: 0 .5em;
		border:1px solid #b00;
		}
.tel-modal-end {
	position: absolute;
	font-size: 10px;
	padding-left: 10px;
	bottom: -5px;
}
@media screen and (min-width: 38.74em) {
.kv{
	min-height: 220px;
	padding: 50px 0 0 40.3%;
	background-image: url(../img/img_kv_pc.jpg);
	background-size: auto 100%;
	}
	.kv .txt-1{
		font-size: 22px;
		}
	.kv .txt-2{
		display:block;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		font-size: 50px;
		}
		.kv .txt-2 > small{
			font-size: 40px;
			}
		.kv .txt-2 > img{
			position: absolute;
			top: 1rem;
			right: 5%;
			}
	.kv .txt-3{
		font-size: 26px;
		}
	.attention dt{
		font-size: 1.125rem;
		}
}
@media screen and (min-width: 620px) {
	.conversion {
	    margin-bottom: 0;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	.conversion .button.success{
		display: flex;
		align-items: center;
	}
}
@media screen and (max-width: 620px) {
	.tel-change {
		margin-bottom: 10px;
	}
	.tel-modal-end {
		position: relative;
		margin: 0;
	}
}
@media screen and (max-width: 38.74em) {
.kv_2{
	background-image: url(../img/img_mv_sp_bg.png);
	background-size: cover;
	}
	.kv_2 > img{
		max-width: 320px;
		}
.kv{
	padding: 1.2em 0 1em 33.3%;
	background-image: url(../img/img_kv_sp.jpg);
	background-size: auto 100%;
	}
	.kv .txt-1{
		font-size: 12px;
		}
	.kv .txt-2{
		display:block;
		margin-top: .2rem;
		margin-bottom: .5rem;
		font-size: 32px;
		}
		.kv .txt-2 > img{
			width: 40px;
			}
	.kv .txt-3{
		font-size: 15px;
		}
.attention{
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 11px;
	}
/*
.attention dd{
	text-align: left;
	}
*/
}

/* conversion */
.conversion{
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 12px;
	background: #eb5405;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	}
	.conversion .button{
		/* margin: 10px; */
		}
	.conversion .ico{
		display: inline-block;
		margin: .8rem auto .4rem;
		padding: .3rem 1rem;
		background: #fff;
		border-radius: 1rem;
		line-height: 0;
		}
		.conversion .ico > img{
			max-height: 10px;
			}
@media screen and (min-width: 38.74em) {
.conversion{
	margin-bottom: 4rem;
	}
	.conversion .button{
		display: inline-block;
		width: 340px;
		margin-left: 12px;
		margin-right: 12px;
		/* margin: 20px 12px; */
		}
	.conversion .ico{
		margin: 0 1rem 0 0;
		vertical-align: .2rem;
		}
	.conversion .ico + br{
		display: none
		}
#cv-faq{
	margin-top: 4rem;
	}
}


/* flow */
.flow{
	margin-bottom: 0 !important;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: #fff1d7;
	}
.bg-white{
	background: #fff;
	}
@media screen and (min-width: 38.74em) {
	.flow .bg-white{
		margin: 20px 40px 60px;
		padding: 10px 30px;
		}
}
@media screen and (max-width: 38.74em) {
.flow {
	padding: 0 1rem 1rem;
	}
	.flow .bg-white{
		margin-top: 1rem;
		padding: .2rem 1rem;
		}
	.flow h4{
		margin: 0;
		}
	.flow p{
		margin: 0 0 1rem;
		}
}

/* flow */
/* アコーディオン */
.acMenu dt,
.acMenu dd {
	position:relative;
	margin:0;
	padding-left:30px;
	padding-right: 1rem;
	}
.acMenu dt {
	cursor:pointer;
}
.acMenu dd {
	display: none;
	margin-top: .5rem;
	font-size: 12px;
	}
.acMenu dt:after{
	position:absolute;
	top: 0;
	right: 0;
	font-size: 1rem;
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	}
.acMenu dt.active:after{
	content: "\f106";
	}
@media screen and (min-width: 1000px) {
.acMenu dd {
	font-size: 1rem;
	}
}
.faq .acMenu{
	margin: 0;
	background: #fff;
	border-radius: 4px;
	border:2px solid #eb5405;
	}
.faq .acMenu{
	margin: 10px 0;
	}
.faq .acMenu dt{
	position: relative;
	color: #fff;
	line-height: 1.2;
	background: #eb5405;
	font-weight: bold;
	}
	.faq .acMenu dt:before{
		position: absolute;
		font-size: 110%;
		font-weight: normal;
		content: 'Q.';
		}
	.faq .acMenu dt:after{
		top: 50%;
		right: 10px;
		margin-top: -.5em;
		color: #fff;
		}
.faq .acMenu dd{
	padding: 30px;
	}
.faq .acMenu img{
	display: block;
	margin: 20px auto;
	}
@media screen and (min-width: 1000px) {
.faq .acMenu dt{
	padding: 1em 4rem;
	font-size: 24px;
	}
	.faq .acMenu dt:before{
		top: 1.2rem;
		left: 2rem;
		}
	.faq .acMenu dt > br{
		display: none
		}
}
@media screen and (max-width: 999px) {
.faq .acMenu dt{
	padding: .5em 2.5rem;
	font-size: 16px;
	}
	.faq .acMenu dt:before{
		top: .4rem;
		left: .6rem;
		}
.faq .acMenu dd{
	padding: 10px;
	}
.faq .acMenu img{
	max-height: 95px;
	}
}

.trigger:not(.success){
	position: relative;
	margin: 1em;
	padding: .2rem 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	}
.wrap .trigger{
	margin: 1em 0;
	}
.trigger > i{
	margin-right: .5em;
	color: #666;
	}
.trigger + div{
	display: none;
	padding-bottom: 1rem;
	}
.trigger::after{
	position: absolute;
	top: 50%;
	right: 1.4rem;
	margin-top: -1.2rem;
	font-size: 1.5rem;
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	color: #de5f1d;
	font-weight: bold;
	}
.triger-inside{
	margin-bottom: 1rem;
	}

/* 家族でお得 */
.family-price{
	}
	.family-price h2{
		position: relative;
		font-size: 15px;
		}
		.family-price h2::before,
		.family-price h2::after{
			position: absolute;
			display: block;
			top: 1.2em;
			width: 1px;
			height: 40px;
			background: #000;
			content: '';
			}
		.family-price h2::before{
			left: 50%;
			margin-left: -8em;
			transform: rotate(-30deg);
			}
		.family-price h2::after{
			right: 50%;
			margin-right: -8em;
			transform: rotate(30deg);
			}
	.family-price p{
		font-size: 14px;
		}
	.family-price .lead{
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 20px;
		line-height: 1.2;
		font-weight: bold;
		}
.family{
	margin-bottom: 2rem;
	padding: 10px 0;
	background: #fef6e8;
	}
.family img{
	max-width: 148px;
	margin: 0 3px;
	}
	.family p > img{
		max-width: 273px;
		margin: 0;
		}

/* エリア確認フォーム */
.area-form{
	padding-bottom: 1px;
	background: #daeee9;
	}
.area-form-inside{
	padding: 1rem 1rem 0;
	background: url(../img/bg_area_sp.jpg) no-repeat 50% 0;
	background-size: auto 135px;
	}
	.area-form-inside h2{
		margin: 0 0 20px;
		font-size: 18px;
		color: #008d9a;
		text-align: center;
		}
		.area-form-inside h2::after{
			display: block;
			margin: 0 auto;
			width: 80px;
			height: 78px;
			background: url(../img/img_area.png) no-repeat 0 0;
			background-size: cover;
			content: '';
			}
.button.primary{
	width: 100%;
	margin: 1rem auto;
	padding: 1.1em 0 1.1em 1.8em;
	background: url(../img/ico_area.png) #89dbc5 no-repeat 20px 15px;
	background-size: 33px 32px;
	color: #0b2c6d;
	}
.button.primary[disabled]{
	padding-left: 0;
	background: #E0E0E0;
	opacity: .5;
	cursor: auto;
	box-shadow: none;
	}
input:focus,
select:focus,
textarea:focus{
	outline: none;
	}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
	}
input[type="number"] { 
	-moz-appearance:textfield; 
	}
input[type="text"],
input[type="number"],
select,
textarea{
	border:none;
	border-radius:4px;
	background: #fff;
	border:1px solid #AFAFAF;
	font-size: 16px;
	}
input[type="text"],
input[type="number"],
textarea{
	width: calc(100% - 1.2em);
	padding: .5em;
	}
select {
	width:100%;
	height: 2.2em;
	text-indent: .5em;
	}
.ERR {
	color:#f00;
	margin: .5rem 0 0;
	}
.required-focus{
	background: #fce2e2 !important;
	border-color: #E75B5B !important;
	}
.any,
.required{
	padding: .1em .5em;
	font-size: 10px;
	color: #fff;
	vertical-align: middle;
	font-weight: normal;
	}
.any{
	background: #666666;
	}
.required{
	background: #eb5405;
	}
.area-form th{
	background: #f5f5f5;
	}
.area-form th,
.area-form td{
	display: block;
	border-color: #fff;
	}
.area-form td {
	background: #fff;
	}
@media only screen and (min-width: 781px) {
.area-form-inside{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 2rem 40px 0;
	background: url(../img/bg_area_pc.jpg) no-repeat 50% 0;
	}
	.area-form-inside h2{
		font-size: 32px;
		}
		.area-form-inside h2::after{
			position: absolute;
			width: 160px;
			height: 156px;
			top: 40px;
			right: 30px;
			}
	.area-form-inside h2 + p{
		padding: 0 200px 0 30px;
		font-size: 14px;
		}
.area-form table {
	width: calc(100% - 60px);
	margin: 70px auto 0;
	}
	.area-form th,
	.area-form td {
		width: auto;
		display: table-cell;
		padding: 10px 20px;
		border-bottom:1px solid #ebebeb;
		}
	.area-form th {
		width: 200px;
		font-size: 16px;
		}
input[type="text"],
input[type="number"],
textarea{
	width:calc(100% - 1.6em);
	padding: 1em .8em;
	}
.button.primary{
	max-width: 360px;
	margin: 1rem auto 3rem;
	padding-left: 70px;
	background-position: 40px 24px;
	}
}

/* conversion-fixed */
@media screen and (max-width: 38.74em) {
  .conversion-fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
    box-shadow: 0 -3px 10px 0 rgba(7, 4, 4, 0.2);
    background: #fff;
  }

  .conversion-fixed .inside {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }

  .conversion-fixed .inside div {
    width: 50%;
		height: 100%;
  }

  .conversion-fixed .inside div:first-child {
    width: 50%;
    text-align: center;
  }

  .conversion-fixed .inside div:first-child > img {
    max-width: 40px;
    margin-top: 5px;
  }

  .conversion-fixed .inside div:last-child {
    flex: 1;
  }

  .conversion-fixed .button {
    padding: 0.9em 0;
    border-radius: 0;
    font-size: 0.9rem;
  }

	.conversion-fixed .button .button_label {
		display: block;
	}

  .conversion-fixed .button > i {
		display: block;
    position: static;
    float: none;
    margin: 0 auto;
  }
	
  .conversion-fixed .button::after {
		display: none;
  }
	
	.conversion-fixed .button > i img {
		width: auto;
		height: 24px;
	}

  .conversion-fixed .fukidashi {
    position: absolute;
    width: 120px;
    top: -14px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0.2rem 2px;
    border-radius: 4px;
    background: #f2d252;
    color: #000;
    font-size: 10px;
    letter-spacing: -0.05rem;
    font-weight: normal;
  }

  .conversion-fixed .fukidashi::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 210, 82, 0);
    border-top-color: #f2d252;
    border-width: 5px;
    margin-left: -5px;
  }
}

/* conversion-fixed2 */
.c-conversion-fixed2{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #eb5405;
	text-align: center;
	color: #fff;
	font-family: Shin Go DeBold;
	}
	.c-conversion-fixed2 > p{
		margin-top: 0;
		}
	.c-conversion-fixed2 .tel-modal-note{
		margin: 1rem 0 0 0;
		color: #ffffff;
		font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif!important;
		font-weight: bold;
		font-size: 21px;
	}
	.c-conversion-fixed2 .tel-modal-note .text-yellow {
		color: #ffe100;
	}
	.c-conversion-fixed2 .tel-modal-note .is-plala,
	.c-conversion-fixed2 .tel-modal-note .is-biglobe,
	.c-conversion-fixed2 .tel-modal-note .is-internet,
	.c-conversion-fixed2 .tel-modal-note .is-wifi,
	 .c-conversion-fixed2 .tel-modal-note .is-collabo {
		color: #ffffff;
	}
	.c-conversion-fixed2 .pcnone2{
		display: none;
	}
	.c-conversion-fixed2 .tel-modal-note .underline{
		background: linear-gradient(transparent 70%, #6fbfe5 80%, #6fbfe5 100%);
	}
	.c-conversion-fixed2 .tel-modal-note.pcnone {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.c-conversion-fixed2 .pcnone2{
		display: none;
	}
	.c-conversion-fixed2 .tel-modal-end {
    position: absolute;
    font-size: 10px;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    white-space: nowrap;
	}
	.c-conversion-fixed2 .button i{
		float: left;
		margin-top: .2rem;
		padding-left: 1.8rem;
		font-size: 180%;
	}
	.c-conversion-fixed2 .button small{
		font-size: 1rem;
		font-weight: normal;
	}
	.c-conversion-fixed2 .button i,
	.c-conversion-fixed2 .button small{
		pointer-events: none;
	}
	.c-conversion-fixed2 .end-container {
		position: relative;
		top: -6px;
		}
		.c-conversion-fixed2 .end-container .fa-phone-volume {
			left: 0;	
}
.c-conversion-fixed2__catch {
	margin: 0 auto 0.4rem auto;
	padding: 0 0.4rem 0 0.4rem;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif!important;
	color: #ffffff;
}
@media screen and (min-width: 38.74em) {
.c-conversion-fixed2{
	padding: 20px 0;
	}
	.c-conversion-fixed2 .button{
		width: 335px;
		}
	.c-conversion-fixed2 .button.tel{
		margin-right: 30px;
		}
	.c-conversion-fixed2 .tel-modal-note .font-large {
		font-size: 24px;
	}
	.c-conversion-fixed2__catch {
		margin: 0 auto 0.8rem auto;
		font-size: 1rem;
	}
}
@media screen and (max-width: 38.74em) {
.c-conversion-fixed2{
	padding: 15px 0;
	}
}

.conversion-fixed {
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
@media screen and (max-width: 38.74em) {
	.conversion-fixed.is-active {
		height: auto;
		opacity: 1;
		pointer-events: auto;
	}
}
.c-conversion-fixed2 {
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
@media screen and (min-width: 38.74em) {
	.c-conversion-fixed2.is-active {
		height: auto;
		opacity: 1;
		pointer-events: auto;
	}
}

.c-button,
.c-button * {
	box-sizing: border-box;
}
.c-button {
	color: #ffffff;
	background-color: #008d9a;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.c-button--mail {
	color: #333333;
  background-color: #fff000;
}
.c-button {
  box-sizing: border-box;
  display: block;
  min-width: 240px;
  padding: 0.8rem 1rem;
  border-radius: 200px;
  text-decoration: none;
	transition: background-color 0.3s ease;
}
.c-button:hover {
	background-color: #34b1bc;
	text-decoration: none;
}
.c-button--mail:hover {
	background-color: #fbf599;
}
.c-button * {
  box-sizing: border-box;
  pointer-events: none;
}
.c-button .c-button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.c-button .c-button__icon {
  font-size: 2.4rem;
}
.c-button .c-button__icon i {
	display: inline-block;
	position: relative;
	right: -0.8rem;
}
.c-button .c-button__icon i img  {
	width: 90px;
	height: auto;
	vertical-align: -0.7rem;
}
.c-button .c-button__label {
  width: calc(100% - 3rem);
  font-weight: bold;
}
.c-button .c-button__label .c-button__label__label {
	margin: 0;
  text-align: center;
  line-height: 1.6;
  font-size: 1.7rem;
}
.c-button .c-button__label .c-button__label__sub-label {
	margin: -0.2rem 0 0 0;
  text-align: center;
  line-height: 1.6;
  font-size: 1.2rem;
}
.c-button .c-button__label .c-button__label__note-list {
  display: table;
  margin: 0rem auto 0 auto;
}
.c-button .c-button__label .c-button__label__note-list__item {
	margin: 0;
  padding-left: 1rem;
  line-height: 1.6;
  text-indent: -1em;
  font-size: 1rem;
}
.c-button .c-button__label .c-button__label__note-list__item strong {
	font-size: 110%;
}
.c-button .c-button__icon2 {
  font-size: 1.8rem;
}
@media (min-width: 38.74em) {
	.c-button {
		min-width: 240px;
		padding: 1rem 1rem;
	}
	.c-button .c-button__icon {
		font-size: 1.6rem;
	}
	.c-button .c-button__icon i {
		top: -0.4rem;
		right: -0.2rem;
	}
	.c-button .c-button__icon i img  {
		width: 60px;
	}
	.c-button .c-button__label {
		width: calc(100% - 1rem);
		margin-left: -0.2rem;
	}
	.c-button .c-button__label .c-button__label__label {
		font-size: 1.1rem;
	}
	.c-button .c-button__label .c-button__label__sub-label {
		margin: -0.2rem 0 0 0;
		font-size: 0.8rem;
	}
	.c-button .c-button__label .c-button__label__note-list {
	}
	.c-button .c-button__label .c-button__label__note-list__item {
		padding-left: 0.6rem;
		text-indent: -0.6em;
		font-size: 0.7rem;
	}
	.c-button .c-button__icon2 {
		font-size: 1.6rem;
	}
}

@media (min-width: 38.74em) {
	.l-button-container,
	.l-button-container * {
		box-sizing: border-box;
	}
	.l-button-container {
		max-width: 820px;
		margin: 0 auto;
		padding: 0 1rem;
	}
  .l-button-container .l-button-container__inner {
    display: flex;
    flex-direction: row;
		justify-content: space-between;
  }
  .l-button-container .l-button-container__box {
    width: calc(50% - 0.5rem);
  }
	.l-button-container .l-button-container__box:nth-child(n+2) {
		margin-top: 0;
	}
	.c-button .c-button__icon i {
		top: 0;
		left: -5px;
	}
	.c-button .c-button__icon i .icon_logo {
		display: inline-block;
		margin-right: 5px;
	}
}

@media (min-width: 40.74em) {
	.c-button {
		min-width: 0;
		padding: 0.4rem 1rem;
	}
	.c-button .c-button__icon {
		padding-left: 1rem;
		font-size: 2.4rem;
	}
	.c-button .c-button__icon i {
		top: 0;
		left: -5px;
	}
	.c-button .c-button__label {
		width: calc(100% - 1rem);
		position: relative;
		margin-left: -1rem;
	}
	.c-button .c-button__label .c-button__label__label {
		font-size: 1.3rem;
	}
	.c-button .c-button__label .c-button__label__sub-label {
		margin: -0.2rem 0 0 0;
		font-size: 0.9rem;
	}
	.c-button .c-button__label .c-button__label__note-list {
	}
	.c-button .c-button__label .c-button__label__note-list__item {
		text-indent: -1em;
		font-size: 0.6rem;
	}
	.c-button .c-button__icon2 {
		font-size: 2.4rem;
	}
}

#area-form-target {
	display: block;
	width: 0;
	height: 0;
	position: relative;
	top: -50px;
}
@media (min-width: 38.74em) {
	#area-form-target {
		top: -70px;
	}
}

#inview-flow, #inview-faq {
	width: 1px;
	height: 0;
	position: relative;
}

.c-conversion-fixed2 {
	
}