@charset "UTF-8";

/* ==========================================================
[ Index CSS - Contents ]

========================================================== */

/* ==========================================================
*
*   common style.. recommend not to delete because you often use these modules or parts.
*
========================================================== */

body {
	min-width: 900px;
}
@media screen and (max-width: 767px) {
	body {
		min-width: 320px;
	}
}

/* ---------------------------------------------
*   global setting
--------------------------------------------- */
@media screen and (min-width: 768px) {
	.hide_pc {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.hide_sp {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.pc-hide {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.sp-hide {
		display: none !important;
	}
}

.skin_breadcrumb {
	padding-bottom: 15px !important;
	background-color: #fff !important;
}

/* ---------------------------------------------
*   margin
--------------------------------------------- */
.mgb125 {
	margin-bottom: 125px !important;
}

@media screen and (max-width: 767px) {
	.mgb-sp--20 {
		margin-bottom: 2.77778vw !important;
	}
	.mgb-sp--30 {
		margin-bottom: 4.16667vw !important;
	}
	.mgb-sp--50 {
		margin-bottom: 6.94444vw !important;
	}
	.mgb125 {
		margin-bottom: 17.36111vw !important;
	}
}

/* ---------------------------------------------
*   contents (override)
--------------------------------------------- */
#contents {
	position: relative;
	background-color: #e5e5e5;
}

/* ---------------------------------------------
*   contents_base (override)
--------------------------------------------- */
#contents_base {
	font-family:"Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
}

/* ---------------------------------------------
*   module_catch (源真ゴシックのタイトル部分モジュール)
--------------------------------------------- */
@media screen and (max-width:767px) {
	.module_panel {
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


/* ---------------------------------------------
*   new css
--------------------------------------------- */
#contents_inner {
	padding-bottom: 0;
}

/*20190610*/
#contents_inner {
	width: 100%;
	background-color: #fff;
}
.m-txt {
	font-size: 35px;
}

@media screen and (max-width: 767px) {
	.m-txt {
		font-size: 5.83333vw;
	}
}

.l-txt {
	font-size: 48px;
}

@media screen and (max-width: 767px) {
	.l-txt {
		font-size: 6.38889vw;
	}
}

.highlight-yellow {
	background: linear-gradient(transparent 0%, transparent 70%, #ffce23 70%, #ffce23 90%, transparent 90%, transparent 100%);
}

.yellow-txt {
	color: #fa7c00;
}

.red-txt {
	color: #da1818;
}

@media screen and (max-width: 767px) {
	.red-txt {
		line-height: 1.5;
	}
}

.ls-small {
	margin-left: -5px;
}

@media screen and (max-width: 767px) {
	.ls-small {
		margin-left: -1.38889vw;
	}
}
#header{
	padding-bottom: 0!important;
	line-height: 0;
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
#header-main {
	margin-bottom: 0!important;
}
#header-main-inr {
	margin-bottom: 0!important;
}
#header-logo {
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	#header-main-inr {
		width: 91.7%;
		margin: 0 auto 4vw!important;
	}
    .l-header-lp__inner{
        min-height: 0!important;
    }
    .l-header-lp__logo {
        margin-bottom: 0!important;
    }
}



/*  footer-pagetop
--------------------------------------------- */
@media screen and (min-width: 768px) {
	.footer-pagetop {
		position: relative;
	}
}

.footer-pagetop__link-text {
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 8;
	display: block;
	overflow: hidden;
	margin-left: auto;
	padding-top: 100px;
	width: 100px;
	height: 0;
	background: url(../../gm0003/gm0003_image/icon_totop.png) 0 0 no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}

@media screen and (max-width: 767px) {
	.footer-pagetop__link-text {
		right: 0;
		padding-top: 12.5vw;
		width: 12.5vw;
	}
}

.footer-pagetop__link-text--absolute {
	position: absolute;
	bottom: auto;
}

@media screen and (max-width: 767px) {
	.footer-pagetop__link-text--absolute {
		top: -12.5vw;
	}
}

.footer-pagetop__link-text.is-show {
	opacity: 1;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

@media screen and (min-width: 768px) {
	.footer-pagetop__link-text.is-show:hover {
		opacity: 0.8;
	}
}


/*  footer-pagetop
--------------------------------------------- */
@media screen and (min-width: 768px) {
	.footer-pagetop {
		position: relative;
	}
}

.footer-pagetop__link-text {
	position: fixed;
	right: 20px;
	bottom: 0;
	z-index: 10000;
	display: block;
	overflow: hidden;
	margin-left: auto;
	padding-top: 100px;
	width: 100px;
	height: 0;
	background: url(../../gm0003/gm0003_image/icon_totop.png) 0 0 no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}

@media screen and (max-width: 767px) {
	.footer-pagetop__link-text {
		right: 0;
		padding-top: 12.5vw;
		width: 12.5vw;
	}
}

.footer-pagetop__link-text--absolute {
	position: absolute;
	bottom: auto;
}

@media screen and (max-width: 750px) {
	.footer-pagetop__link-text--absolute {
		top: -12.5vw;
	}
}

.footer-pagetop__link-text.is-show {
	opacity: 1;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

@media screen and (min-width: 768px) {
	.footer-pagetop__link-text.is-show:hover {
		opacity: 0.8;
	}
}

/*  .conversion_left .item_tel_ip_text .item_small
--------------------------------------------- */
@media screen and (max-width: 767px) {
	.conversion_left .item_tel_ip_text .item_small {
		display: block;
		margin-top: 0.7vw;
		font-size: 1em;
	}
}

/*  2020.04.17 ++add+++ masuda
--------------------------------------------- */
.view_timer {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.view_timer {
		margin-top:3.125vw;
	}
}

/*  LP main
--------------------------------------------- */
#header {
/*	height: 0;*/
}

.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents p,
.lp_contents ul,
.lp_contents ol,
.lp_contents dl,
.lp_contents li,
.lp_contents dt,
.lp_contents dd{
	line-height: 0;
	font-size: 0;
	margin: 0;
}
#contents #contents_base #contents_inner{
	max-width: 1920px;
	margin: 0 auto;
}
#contents a:hover{
	text-decoration: none;
}
#contents #contents_base #contents_inner img{
	width: 100%;
	display: block;
	vertical-align: bottom;
	line-height: 0;
	font-size: 0;
}
#contents #contents_base #contents_inner .p-box{
	position: relative;
}

#contents #contents_base #contents_inner section{
	margin: 0 auto;
}


#contents_inner a img{
	opacity: 1;
	transition:all 0.5s ease;
}
#contents_inner a img:hover{
	opacity: 0.7;
}

/*============================
 lp_contents
 ============================*/

 .lp_contents .inner{
	max-width: 840px;
	margin: 0 auto;
 }

 .lp_contents .tabarea{
	background-image: url('../../gm0003/gm0003_image/tabarea-bg_pc.jpg');
	padding-bottom: 60px;
 }
 .lp_contents .tabarea>.inner{
	padding:min(calc(66/840*100vw),66px) 0 0;
 }
 .lp_contents .tabarea>.inner h2{
	width: min(calc(522/840*100vw),522px);
	margin: 0 auto min(calc(37/840*100vw),37px);
 }
 .lp_contents .tabarea section{
	max-width: 840px;
	margin: 0 auto;
 }

.offer-info h2{
	width: min(calc(522/840*100vw),522px);
	margin: 0 auto min(calc(37/840*100vw),37px);
}
 
 /* tabs */

 #contents .lp_contents .tab-head{
    /*width: calc(760/840*100%);*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	margin: 0 auto;

 }
 #contents .lp_contents .tab-head li{
	padding-top: calc(70/760*100%);
	width: calc(380/760*100%);
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
	transition:filter ease 0.3s;
 }
 #contents .lp_contents .tab-head li:hover{
	filter: brightness(1.1);
 }

 #contents .lp_contents .tab-head li:nth-of-type(1){
	background-image: url('../../gm0003/gm0003_image/tabhead-mizu-off_pc.png');
 }
 #contents .lp_contents .tab-head li.active:nth-of-type(1){
	background-image: url('../../gm0003/gm0003_image/tabhead-mizu-on_pc.png');
 }

 #contents .lp_contents .tab-head li.active{
	padding-top: calc(110/760*100%); 
 }

 #contents .lp_contents .tab-head li:nth-of-type(2){
	background-image: url('../../gm0003/gm0003_image/tabhead-gas-off_pc.png');
 }
 #contents .lp_contents .tab-head li.active:nth-of-type(2){
	background-image: url('../../gm0003/gm0003_image/tabhead-gas-on_pc.png');
 }



 /* offer */
 
 .lp_contents .offer{
	background-color: #FFF;
	padding:min(calc(40/840*100%),40px) 0 min(calc(40/840*100%),40px);
 }

 .lp_contents .offer .offer-wrap h2{
	width:335px;
	margin: 0 auto 20px;
 }

 .lp_contents .offer-wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 min(calc(40/840*100%),40px);
 }
 .lp_contents .offer-wrap ul li:nth-of-type(2){
	width: min(calc(377/760*100%),377px);
	 margin-bottom: 10px;
 } 
 .lp_contents .offer-wrap ul li:nth-of-type(1){
	width: min(calc(364/760*100%),364px);
 } 
 .lp_contents .offer-wrap ul p{
	width: min(calc(325/377*100%),325px);
	margin-top: 12px;
 }

 .lp_contents .offer-wrap.btn-box ul,.lp_contents .offer-wrap.btn-box_gas ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 	 min(calc(60/840*100%),60px);
 }
 .lp_contents .offer-wrap.btn-box ul li:nth-of-type(2){
	width: min(calc(350/720*100%),350px);
 } 
 .lp_contents .offer-wrap.btn-box ul li:nth-of-type(1){
	width: min(calc(345/720*100%),350px);
 } 
 .lp_contents .offer-wrap.btn-box ul p{
	width: min(calc(310/345*100%),310px);
	margin-top: 12px;
 }

.lp_contents .offer:last-of-type .offer-wrap ul{
	padding:0 40px;
}


 .lp_contents #fixdBtn.offer{
	background-color: #c1ddf6;
	padding:min(calc(25/840*100%),25px) 0 min(calc(10/840*100%),10px);
 }
 .lp_contents #fixdBtn.offer h2{
	margin-bottom: 12px;
 }
 /* accordion general */

 .lp_contents .accordion dt{
	cursor: pointer;
	position: relative;
 }

 /* fv */

 .lp_contents .fv{
	background-image: url('../../gm0003/gm0003_image/fv-bg_pc.jpg');
	background-repeat: repeat-x;
	background-position: center bottom;
 }

.lp_contents .offer.fv-offer .offer-wrap{
	padding: 0;
}
 /* trouble */
 
.lp_contents .trouble{
	background-color: #f3910c;
}
 
 /* sample */
 
.lp_contents .sample{
	background-color: #cdf5ff;
	padding: 80px 0 ;
}
 
.lp_contents .sample h2{
	width: 519px;
	margin: 0 auto 45px;
}

.lp_contents .sample .sample-acc-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	padding:0 40px;
}
 
.lp_contents .sample .sample-acc-wrap .accordion{
	width: 365px;
	border: 4px solid #053d99;
	border-radius: 25px;
	overflow: hidden;
	margin-bottom: 22px;
}

.lp_contents .sample .sample-acc-wrap .accordion dt:after{
	content:"";
	display: block;
	position: absolute;
	width: 23px;
	padding-top: 12px;
	background-image: url('../../gm0003/gm0003_image/sample-acc-icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	right:5%;
	top:calc(50% - 6px);
	transition: all ease 0.3s;
	transform: rotate(180deg);
}
.lp_contents .sample .sample-acc-wrap .accordion dt.selected:after{
	transform: rotate(0deg);
}
.lp_contents  .accordion dd{
	display: none;
}
 /* safety */
.lp_contents .flow{
	background-color: #053d99;
}
.lp_contents .flow .btn-box{
	position: absolute;
	top:58%;
	width: 100%;
}
.lp_contents .flow .btn-box_gas{
	position: absolute;
	top:12%;
	width: 100%;
}
@media screen and (max-width: 750px) {
	.lp_contents .flow .btn-box_gas {
		top:4%;
	}
}

/* flow */
.lp_contents .flow{
	background-color: #053d99;
}
/* flow */
.lp_contents .area{
	background-color: #cdf5ff;
	padding: 100px 0 60px;
}
.lp_contents .area .inner{
	max-width: 846px;
}

.lp_contents .area h2{
	width: 521px;
	margin: 0 auto 35px;
}

.lp_contents .area .accordion{
	border: 4px solid #053d99;
	overflow: hidden;
	border-radius: 25px;
	margin:0 auto 22px;
	width: 760px;
}
.lp_contents .area .area-acc-wrap .accordion dt:after{
	content:"";
	display: block;
	position: absolute;
	width: 29px;
	padding-top: 29px;
	background-image: url('../../gm0003/gm0003_image/area-acc-icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	right:5%;
	top:calc(50% - 15px);
	transition: all ease 0.3s;
	transform: rotate(180deg);
}
.lp_contents .area .area-acc-wrap .accordion dt.selected:after{
	transform: rotate(0deg);
}

.lp_contents .selected .selected-head{
	background-color: #f3910c;
}

.lp_contents .support{
	background-color: #053d99;
}

/* voice */

.lp_contents .voice{
	padding-bottom: 150px;
	background-color: #FFF;
}
.lp_contents .voice .slick-dots {
	bottom:-60px;
}
.lp_contents .voice .slick-dots li{
	margin: 0 12px;
}
.lp_contents .voice .slick-dots li button:before{
	color: #cdf5ff;
	opacity: 1;
	font-size: 20px;

}
.lp_contents .voice .slick-dots li.slick-active button:before{
	color: #053d99;
	opacity: 1;
}

.lp_contents .voice .slick-slide div{
	width:700px;
	margin: 0 auto;
}
.lp_contents .voice .slick-prev,
.lp_contents .voice .slick-next
{
    padding: 0;
    cursor: pointer;
		background-image: url('../../gm0003/gm0003_image/voice-arrow.png');
		width: 54px;
		padding-top: 54px;
		z-index: 10;
		font-size: 0;
		transition: all ease 0.3s;
		opacity: 1;
		background-position: center center;
		transform-origin: center center;
		background-size: contain;
		background-repeat: no-repeat;
		top:80%;
}
.lp_contents .voice .slick-prev:hover,
.lp_contents .voice .slick-next:hover{
	opacity: 0.8;
}
.lp_contents .voice .slick-next{
	right: 40px;
}
.lp_contents .voice .slick-prev{
	transform: rotate(180deg);
	top:75%;
	left:40px;
}
.lp_contents .voice .slick-prev:before,
.lp_contents .voice .slick-next:before{
	font-size: 0;
}

/* faq */

.lp_contents .faq{
	background-color: #053d99;
	padding: 70px 0;
}
.lp_contents .faq h2{
	width: 333px;
	margin: 0 auto 40px;
}

.lp_contents .faq .accordion{
	border-radius: 25px;
	overflow: hidden;
	width: 760px;
	margin:0 auto 30px;
}

.lp_contents .faq .accordion dt:after{
	content:"";
	display: block;
	position: absolute;
	width: 25px;
	padding-top: 14px;
	background-image: url('../../gm0003/gm0003_image/faq-acc-icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	right:3%;
	top:calc(50% - 7px);
	transition: all ease 0.3s;
	transform: rotate(180deg);
}

.lp_contents .faq .accordion dt.selected:after{
	transform: rotate(0deg);
}

/* promiss */
.lp_contents .promiss{
	background-color: #ed798d;
} 

/* bottom offer */

.lp_contents .promiss + .offer{
	padding: 65px 0 50px;

}

/*============================
 フッター固定ボタン
 ============================*/

 #fixdBtn {
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	right:0;
 	z-index: 99;
 	width: 100%;
 	margin: 0 auto;
	padding: 0;
 	transition: .3s;
 	opacity: 0;
	visibility: hidden;
 }


 .is_show {
 	visibility: visible!important;
 	opacity: 1!important;

 }


 /* SP */
 @media screen and (max-width: 750px){

/*============================
 lp_contents
 ============================*/
 #contents #contents_base #contents_inner{
	max-width: 100%;
 }
 #contents #contents_base #contents_inner section{
	max-width: 100%;
 }
 .lp_contents .inner{
	max-width: 100%;
 }

 /* offer */
 
 .lp_contents .offer{
	background-color: #FFF;
	padding:0;
 }

 
 .lp_contents #fixdBtn.offer{

	padding:min(calc(15/750*100%),15px) 0 0;
 }

 .lp_contents .offer .offer-wrap h2{
	width:min(calc(452/690*100%),452px);
	margin: 0 auto 3%;
 }

/* tabarea */
.lp_contents .tabarea{
	background-image: url('../../gm0003/gm0003_image/tabarea-bg_sp.jpg');
	padding-bottom: 10%;
 }
#contents #contents_base #contents_inner .tabarea section{
	max-width: calc(710/750*100%);
	margin: 0 auto;
 }
 .lp_contents .tabarea>.inner h2{
	width: calc(653/750*100%);
	margin:0 auto min(calc(46/750*100vw),46px)
 }
  /* tabs */

	#contents .lp_contents .tab-head{
		width: calc(710/750*100%);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		margin: 0 auto;

	 }
	 #contents .lp_contents .tab-head li{
		padding-top: calc(88/710*100%);
		width: calc(355/710*100%);
		cursor: pointer;
		background-repeat: no-repeat;
		background-size: contain;
		transition:filter ease 0.3s;
	 }
	 #contents .lp_contents .tab-head li:hover{
		filter: brightness(1.1);
	 }
	
	 #contents .lp_contents .tab-head li:nth-of-type(1){
		background-image: url('../../gm0003/gm0003_image/tabhead-mizu-off_sp.png');
	 }
	 #contents .lp_contents .tab-head li.active:nth-of-type(1){
		background-image: url('../../gm0003/gm0003_image/tabhead-mizu-on_sp.png');
	 }
	
	 #contents .lp_contents .tab-head li.active{
		padding-top: calc(138/710*100%); 
	 }
	
	 #contents .lp_contents .tab-head li:nth-of-type(2){
		background-image: url('../../gm0003/gm0003_image/tabhead-gas-off_sp.png');
	 }
	 #contents .lp_contents .tab-head li.active:nth-of-type(2){
		background-image: url('../../gm0003/gm0003_image/tabhead-gas-on_sp.png');
	 }
	
	/*btn  */

 .lp_contents .offer.offer_safety{
	padding:min(calc(35/840*100%),35px) 0 min(calc(60/840*100%),60px);
 }
 
 .lp_contents .offer.offer_watch{
	background-color: #eef9ff;
	padding:min(calc(35/840*100%),35px) 0 min(calc(60/840*100%),60px);
 }
 .lp_contents .offer.offer_close{
	background-color: #eef9ff;
	padding:min(calc(35/840*100%),35px) 0 min(calc(30/840*100%),30px);
 }


 .lp_contents .offer .btn_head{
	width: calc(595/840*100%);
	margin: 0 auto;
 }
 .lp_contents .offer .btn_offer{
	width: calc(634/840*100%);
	margin: 0 auto;
 }

 /* accordion general */

 .lp_contents .accordion dt{
	cursor: pointer;
	position: relative;
 }

 /* fv */

 .lp_contents .fv{
	background-image: url('../../gm0003/gm0003_image/fv-bg_pc.jpg');
	background-repeat: no-repeat;
	background-position: center top;
 }

.lp_contents .offer.fv-offer{
	background-color: #FFF;
}
.lp_contents h2 + .offer.fv-offer{
    background: none;
}
.lp_contents .offer.fv-offer .offer-wrap{
	margin: 0 auto;
	width: calc(690/710*100%);
	padding: calc(40/690*100%) 0;
}
.lp_contents h2 + .offer.fv-offer .offer-wrap{
	padding: 0 0 calc(40/690*100%);
}
.lp_contents .offer.fv-offer .offer-wrap ul{
	display: flex;
	padding:0 2% 0 4%;
}
.lp_contents .offer.fv-offer .offer-wrap ul li{
	width: 100%;
}
.lp_contents .offer.fv-offer .offer-wrap ul li p{
	width: calc(415/641*100%);
	margin: 3% 0 5%;
}

.lp_contents .offer.fv-offer .offer-wrap ul li:nth-of-type(1){
	width: calc(620/641*100%);
	margin-bottom: 10px;
}
 /* trouble */
 
.lp_contents .trouble{
	background-color: #f3910c;
}
 
 /* sample */
 
.lp_contents .sample{
	background-color: #cdf5ff;
	padding: calc(75/750*100%) 0 ;
}
 
.lp_contents .sample h2{
	width: calc(687/750*100%);
	margin: 0 auto calc(40/750*100%);
}

.lp_contents .sample .sample-acc-wrap{
	display: block;
	padding:0;
}

.lp_contents .sample .sample-acc-wrap .accordion{
	width: calc(650/710*100%);
	margin: 0 auto;
	border: min(calc(6/710*100vw),6px) solid #053d99;
	border-radius: min(calc(30/710*100vw),30px);
	margin-bottom: 4%;
}

.lp_contents .sample .sample-acc-wrap .accordion dt:after{
	width: min(calc(36/710*100vw),36px);
	padding-top: min(calc(18/710*100vw),18px);
	right:4%;
	top:calc(50% - min(calc(9/710*100vw),9px));

}
.lp_contents .sample .sample-acc-wrap .accordion dt.selected:after{
	transform: rotate(0deg);
}
 /* safety */
.lp_contents .flow{
	background-color: #053d99;
}
.lp_contents .flow .btn-box{
	position: absolute;
	top:41%;
	width: 100%;
	padding-left: 0%;
}

.lp_contents .flow .offer-wrap ul{
	display: block;
	padding:0 0 0 6.5%;

}
.lp_contents .flow .offer-wrap ul li:nth-of-type(2){
	width: calc(641/665*100%);
}
.lp_contents .flow .offer-wrap ul li:nth-of-type(1){
	width: calc(620/665*100%);
	margin-bottom: 10px;
}
.lp_contents .flow .offer-wrap ul li p{
	width: calc(415/641*100%);
	margin: 3% 0 4%;
}


/* flow */
.lp_contents .area{
	background-color: #cdf5ff;
	padding: calc(80/750*100%) 0 calc(50/750*100%);
}
.lp_contents .area .inner{
	max-width: 100%;
}

.lp_contents .area h2{
	width: calc(681/750*100%);
	margin: 0 auto calc(45/750*100%);
}

.lp_contents .area .accordion{
	border: min(calc(5/750*100vw),5px) solid #053d99;
	border-radius: min(calc(20/750*100vw),20px);
	margin:0 auto 4%;
	width: calc(690/750*100%);
}
.lp_contents .area .area-acc-wrap .accordion dt:after{
	content:"";
	display: block;
	position: absolute;
	width: calc(38/750*100%);
	padding-top: calc(38/750*100%);
	background-image: url('../../gm0003/gm0003_image/area-acc-icon.png');

	top:calc(50% - calc(19/750*100vw));
	
}


/* voice */

.lp_contents .voice{
	padding-bottom:  calc(170/750*100%);
}
.lp_contents .voice .slick-dots {
	bottom:-11%;
}
.lp_contents .voice .slick-dots li{
	margin: 0 3%;
}
.lp_contents .voice .slick-dots li button:before{
	color: #cdf5ff;
	opacity: 1;
	font-size: calc(35/750*100vw);
}
.slick-dots li{
	width: calc(35/750*100vw);
}

.lp_contents .voice .slick-slide div{
	width:calc(690/750*100%);
	margin: 0 auto;
}
.lp_contents .voice .slick-prev,
.lp_contents .voice .slick-next
{
    padding: 0;
    cursor: pointer;
		background-image: url('../../gm0003/gm0003_image/voice-arrow.png');
		width: calc(71/750*100%);
		padding-top: calc(71/750*100%);
		background-repeat: no-repeat;

		top:85%;
}

.lp_contents .voice .slick-next{
	right: 2%;
}
.lp_contents .voice .slick-prev{
	top:81%;
	left:2%;
}

/* faq */

.lp_contents .faq{

	padding: calc(90/750*100%) 0;
}
.lp_contents .faq h2{
	width: calc(397/750*100%);
	margin: 0 auto calc(43/750*100%);
}

.lp_contents .faq .accordion{
	border-radius: min(calc(20/750*100vw),20px);
	margin:0 auto 5%;
	width: calc(690/750*100%);
}

.lp_contents .faq .accordion dt:after{
	content:"";
	display: block;
	position: absolute;
	width: calc(30/710*100%);
	padding-top: calc(15/710*100%);
	background-image: url('../../gm0003/gm0003_image/faq-acc-icon.png');
	right:5%;
	top:calc(50% - calc(7/710*100%));
	transition: all ease 0.3s;
	transform: rotate(180deg);
}

/* bottom offer */

.lp_contents .promiss + .offer{
	padding: calc(60/710*100%) 0 calc(75/710*100%);
}

.lp_contents .offer:last-of-type .offer-wrap ul{
	padding: 0 0 0 5%;
	width: calc(641/710*100%);
}
.lp_contents .promiss + .offer ul li:nth-of-type(2){
	width: 100%;
 } 
 .lp_contents .promiss + .offer ul li:nth-of-type(1){
	width: calc(620/641*100%);
	 margin-bottom: 10px;
 } 
 .lp_contents .promiss + .offer ul p{
	width: calc(415/660*100%);
	margin:3% 0 4%;
 }

 .lp_contents #fixdBtn.offer{
	padding:min(calc(25/840*100%),25px) 0 min(calc(10/840*100%),10px);
 }
 .lp_contents #fixdBtn.offer h2{
	width: calc(403/750*100%);
 }
 .lp_contents #fixdBtn.offer ul li:nth-of-type(2){
	width: calc(341/690*100%);
 }
 .lp_contents #fixdBtn.offer ul li:nth-of-type(1){
	width: calc(335/690*100%);
 }
}

/*250819追加*/

.offer-info h2.vacant{
	width: min(calc(420/840*100vw),420px);
	margin: 0 auto min(calc(20/840*100vw),20px);
}

 .lp_contents .offer-wrap ul{
	display: block;
	padding: 0 min(calc(40/840*100%),40px);
 }

 .lp_contents .offer-wrap li{
    margin: 0 auto;
 }

 .lp_contents .offer-wrap li:last-child{
/*    padding-left: 2%;*/
    padding-top: 1%;
 }

 .lp_contents .offer-wrap ul li:nth-of-type(1){
	width: min(calc(377/760*100%),377px);
 } 

.lp_contents .flow .btn-box{
	top:48%;
}

 .lp_contents .js_floatArea .offer-wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 min(calc(40/840*100%),40px);
 }

 .lp_contents .js_floatArea .offer-wrap li:last-child{
    padding-top: 0%;
 }

 .lp_contents .offer-wrap.btn-box ul,.lp_contents .offer-wrap.btn-box_gas ul{
	display: block;
 }

@media screen and (max-width: 750px){
    
.offer-info h2.vacant{
	width: min(calc(650/840*100vw),650px);
    padding-top: min(calc(50/840*100vw),50px);
	margin: 0 auto min(calc(5/840*100vw),5px);
}
    
 .lp_contents .offer.fv-offer .offer-wrap ul li:nth-of-type(1){
	width: 100%;
}
    
 .lp_contents .offer-wrap.btn-box ul li,.lp_contents .offer-wrap.btn-box_gas ul li{
    margin: 0;
 }
    
  .lp_contents .offer-wrap.btn-box ul li:last-child,.lp_contents .offer-wrap.btn-box_gas ul li:last-child{
    padding-left: 0;
    padding-top: 0;
 }
    
  .lp_contents .flow .btn-box{
	top:41%;
}
    
  .lp_contents .flow .offer-wrap ul li:nth-of-type(2){
	width: calc(620/665*100%);
}
    
  .lp_contents .flow .btn-box_gas {
		top:14%;
	}
    
  #fixdBtn .offer-wrap li:nth-child(2){
         display: none;
     }
    
   .lp_contents .offer-wrap ul p{
/*	width: min(calc(325/377*100%),325px);*/
	margin-top: 6px;
 }
    
  .lp_contents #fixdBtn.offer{
	padding:min(calc(10/840*100%),10px) 0 min(calc(10/840*100%),10px);
 }

}



/*イントロテキスト追加*/
.lp_contents .region {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    font-size: min(calc(62 / 1000 * 100vw), 62px);
    text-align: center;
    font-weight: bold;
    color: #FF0004;
	background-color: #FFF;
	line-height: 120%;
}
.lp_contents .region span { color: #000; font-size: 80%;}
@media screen and (max-width: 750px){
    .lp_contents .region {
        width: 100%;
        padding-top: 3%;
        padding-bottom: 3%;
        text-align: center;
        color: #FF0004;
        font-weight: bold;
		background-color: #FFF;
}