@charset "UTF-8";

/*
 * サイト全体に
 * 共通するレイアウト
 * を記載
 */


/* ==========================================================
[ Layout CSS - Contens ]

breadcrumb
contents_base
contents_inner

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

.hide_pc{display:none}
.hide_sp{display:block}
@media screen and (max-width:767px){
	.hide_pc{display:block}
	.hide_sp{display:none}
}

/* ---------------------------------------------
*   breadcrumb (override)
--------------------------------------------- */
#breadcrumb {
	padding-top: 15px;
	padding-bottom: 30px;
	background-color: #e5e5e5;
}


/*  <ul> tag
--------------------------------------------- */
#breadcrumb ul {
	width: 960px;
	letter-spacing: -.5em;
	margin: 0 auto;
}

/* -- <li> tag -- */
#breadcrumb ul li {
	display: inline-block;
	letter-spacing: normal;
	font-size: 12px;
}
#breadcrumb ul li + li {
	background: url(../img/common/arrow_breadcrumb.png) 0 0 no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}

/* <a> tag */
#breadcrumb a:link, #breadcrumb a:visited {
	border-bottom: none;
	color: #333;
}

/* ---------------------------------------------
*   contents_base
--------------------------------------------- */
#contents_base {
	line-height: 1.5;
	font-size: 10px;
	color: #333;
	font-family: "Genshin-Gothic", "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	background-color: #e5e5e5;
}

/* ---------------------------------------------
*   contents_inner
--------------------------------------------- */
#contents_inner {
	box-sizing: border-box;
	width: 960px;
	background-color: #e5e5e5;
	padding-bottom: 30px;
	margin: 0 auto;
}
@media screen and (max-width: 738px) {
	#contents_inner {
		width: auto;
		padding-bottom: 15px;
	}
}


/*  link
--------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*  list-item
--------------------------------------------- */
li {
	list-style-type: none;
}


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


/*  clearfix
--------------------------------------------- */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}


/*  responsive
--------------------------------------------- */

/* -- general -- */
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
@media screen and (max-width: 738px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
}

/* -- inline -- */
br.pc_only,
a.pc_only,
span.pc_only {
	display: inline;
}
br.sp_only,
a.sp_only,
span.sp_only {
	display: none;
}
@media screen and (max-width: 738px) {
	br.pc_only,
	a.pc_only,
	span.pc_only {
		display: none;
	}
	br.sp_only,
	a.sp_only,
	span.sp_only {
		display: inline;
	}
}


/*  other
--------------------------------------------- */

/* -- hover_opacity -- */
.hover_opacity {
	transition: opacity .3s;
}
.hover_opacity:hover {
	opacity: .7;
}





/*
 * サイトで使用する
 * jQuery等のプラグインのCSS
 * を記載
 */


/* ==========================================================
[ Plugins CSS - Contens ]

※当CSSファイルにjQueryプラグインに入っているCSSをそのまま移設する
※移設してきたプラグインCSSは変更しない
※プラグインのCSSを修正したい場合は、page.cssやmodule.cssで上書きで行うこと
※プラグインのデフォルト画像は/img/commonに専用ディレクトリを作成して移設
※使用しないプラグインのは以下の目次、各デフォルト記述も含めて削除すること
※jQueryプラグインを全く使用しないサイトの場合は当CSSファイル自体を削除すること

colorbox

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



/* ---------------------------------------------
*   colorbox
--------------------------------------------- */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/plugins/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../img/plugins/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/plugins/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/plugins/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/plugins/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/plugins/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/plugins/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/plugins/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/plugins/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../img/plugins/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/plugins/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/plugins/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/plugins/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/plugins/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*
 * サイトで共通使用する
 * 汎用パーツ
 * を記載
 *
 * General Parts
 * Site Parts
 * Javascript Parts
 */


/* ==========================================================
[ General Parts CSS - Contens ]

filler
float
font
line-height
margin
padding
text-align
text-indent
text-decoration

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



/* ---------------------------------------------
*   filler
--------------------------------------------- */


/*  bg_filler
--------------------------------------------- */
.bg_filler {
	display: block;
	height: 0;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}


/*  iframe_filler
--------------------------------------------- */
.iframe_filler {
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
}
.iframe_filler > iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ---------------------------------------------
*   float
--------------------------------------------- */
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.fl_center {
	margin-left: auto;
	margin-right: auto;
}



/* ---------------------------------------------
*   font（font-sizeは汎用パーツ化しないこと）
--------------------------------------------- */


/* font-color
--------------------------------------------- */
.fc_red {
	color: #f00;
}
.fc_blue {
	color: #00f;
}
.text_red {
	color: #E6002D;
}

/* font-style
--------------------------------------------- */
.fs_italic {
	font-style: italic;
}


/* font-weight
--------------------------------------------- */
.fw_b {
	font-weight: bold !important;
}
.fw_n {
	font-weight: normal !important;
}



/* ---------------------------------------------
*   line-height
--------------------------------------------- */
.lh_1-8 {
	line-height: 1.8 !important;
}
.lh_2 {
	line-height: 2 !important;
}



/* ---------------------------------------------
*   margin
--------------------------------------------- */


/* margin-top
--------------------------------------------- */
.mgt0 {
	margin-top: 0 !important;
}
.mgt5 {
	margin-top: 5px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt15 {
	margin-top: 15px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt25 {
	margin-top: 25px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgt35 {
	margin-top: 35px !important;
}
.mgt40 {
	margin-top: 40px !important;
}
.mgt45 {
	margin-top: 45px !important;
}
.mgt50 {
	margin-top: 50px !important;
}
.mgt55 {
	margin-top: 55px !important;
}
.mgt60 {
	margin-top: 60px !important;
}
.mgt65 {
	margin-top: 65px !important;
}
.mgt70 {
	margin-top: 70px !important;
}
.mgt75 {
	margin-top: 75px !important;
}
.mgt80 {
	margin-top: 80px !important;
}
.mgt85 {
	margin-top: 85px !important;
}
.mgt90 {
	margin-top: 90px !important;
}
.mgt95 {
	margin-top: 95px !important;
}
.mgt100 {
	margin-top: 100px !important;
}
@media screen and (max-width: 738px) {
	.mgt0 {
		margin-top: 0 !important;
	}
	.mgt5 {
		margin-top: 2.5px !important;
	}
	.mgt10 {
		margin-top: 5px !important;
	}
	.mgt15 {
		margin-top: 7.5px !important;
	}
	.mgt20 {
		margin-top: 10px !important;
	}
	.mgt25 {
		margin-top: 12.5px !important;
	}
	.mgt30 {
		margin-top: 15px !important;
	}
	.mgt35 {
		margin-top: 17.5px !important;
	}
	.mgt40 {
		margin-top: 20px !important;
	}
	.mgt45 {
		margin-top: 22.5px !important;
	}
	.mgt50 {
		margin-top: 25px !important;
	}
	.mgt55 {
		margin-top: 27.5px !important;
	}
	.mgt60 {
		margin-top: 30px !important;
	}
	.mgt65 {
		margin-top: 32.5px !important;
	}
	.mgt70 {
		margin-top: 35px !important;
	}
	.mgt75 {
		margin-top: 37.5px !important;
	}
	.mgt80 {
		margin-top: 40px !important;
	}
	.mgt85 {
		margin-top: 42.5px !important;
	}
	.mgt90 {
		margin-top: 45px !important;
	}
	.mgt95 {
		margin-top: 47.5px !important;
	}
	.mgt100 {
		margin-top: 50px !important;
	}
}


/* margin-bottom
--------------------------------------------- */
.mgb0 {
	margin-bottom: 0 !important;
}
.mgb5 {
	margin-bottom: 5px !important;
}
.mgb10 {
	margin-bottom: 10px !important;
}
.mgb15 {
	margin-bottom: 15px !important;
}
.mgb20 {
	margin-bottom: 20px !important;
}
.mgb25 {
	margin-bottom: 25px !important;
}
.mgb30 {
	margin-bottom: 30px !important;
}
.mgb35 {
	margin-bottom: 35px !important;
}
.mgb40 {
	margin-bottom: 40px !important;
}
.mgb45 {
	margin-bottom: 45px !important;
}
.mgb50 {
	margin-bottom: 50px !important;
}
.mgb55 {
	margin-bottom: 55px !important;
}
.mgb60 {
	margin-bottom: 60px !important;
}
.mgb65 {
	margin-bottom: 65px !important;
}
.mgb70 {
	margin-bottom: 70px !important;
}
.mgb75 {
	margin-bottom: 75px !important;
}
.mgb80 {
	margin-bottom: 80px !important;
}
.mgb85 {
	margin-bottom: 85px !important;
}
.mgb90 {
	margin-bottom: 90px !important;
}
.mgb95 {
	margin-bottom: 95px !important;
}
.mgb100 {
	margin-bottom: 100px !important;
}
@media screen and (max-width: 738px) {
	.mgb0 {
		margin-bottom: 0 !important;
	}
	.mgb5 {
		margin-bottom: 2.5px !important;
	}
	.mgb10 {
		margin-bottom: 5px !important;
	}
	.mgb15 {
		margin-bottom: 7.5px !important;
	}
	.mgb20 {
		margin-bottom: 10px !important;
	}
	.mgb25 {
		margin-bottom: 12.5px !important;
	}
	.mgb30 {
		margin-bottom: 15px !important;
	}
	.mgb35 {
		margin-bottom: 17.5px !important;
	}
	.mgb40 {
		margin-bottom: 20px !important;
	}
	.mgb45 {
		margin-bottom: 22.5px !important;
	}
	.mgb50 {
		margin-bottom: 25px !important;
	}
	.mgb55 {
		margin-bottom: 27.5px !important;
	}
	.mgb60 {
		margin-bottom: 30px !important;
	}
	.mgb65 {
		margin-bottom: 32.5px !important;
	}
	.mgb70 {
		margin-bottom: 35px !important;
	}
	.mgb75 {
		margin-bottom: 37.5px !important;
	}
	.mgb80 {
		margin-bottom: 40px !important;
	}
	.mgb85 {
		margin-bottom: 42.5px !important;
	}
	.mgb90 {
		margin-bottom: 45px !important;
	}
	.mgb95 {
		margin-bottom: 47.5px !important;
	}
	.mgb100 {
		margin-bottom: 50px !important;
	}
}



/* ---------------------------------------------
*   padding
--------------------------------------------- */


/* padding-top
--------------------------------------------- */
.pdt0 {
	padding-bottom: 0 !important;
}
.pdt5 {
	padding-bottom: 5px !important;
}
.pdt10 {
	padding-bottom: 10px !important;
}
.pdt15 {
	padding-bottom: 15px !important;
}
.pdt20 {
	padding-bottom: 20px !important;
}
.pdt25 {
	padding-bottom: 25px !important;
}
.pdt30 {
	padding-bottom: 30px !important;
}
.pdt35 {
	padding-bottom: 35px !important;
}
.pdt40 {
	padding-bottom: 40px !important;
}
.pdt45 {
	padding-bottom: 45px !important;
}
.pdt50 {
	padding-bottom: 50px !important;
}
.pdt55 {
	padding-bottom: 55px !important;
}
.pdt60 {
	padding-bottom: 60px !important;
}
.pdt65 {
	padding-bottom: 65px !important;
}
.pdt70 {
	padding-bottom: 70px !important;
}
.pdt75 {
	padding-bottom: 75px !important;
}
.pdt80 {
	padding-bottom: 80px !important;
}
.pdt85 {
	padding-bottom: 85px !important;
}
.pdt90 {
	padding-bottom: 90px !important;
}
.pdt95 {
	padding-bottom: 95px !important;
}
.pdt100 {
	padding-bottom: 100px !important;
}
@media screen and (max-width: 738px) {
	.pdt0 {
		padding-bottom: 0 !important;
	}
	.pdt5 {
		padding-bottom: 2.5px !important;
	}
	.pdt10 {
		padding-bottom: 5px !important;
	}
	.pdt15 {
		padding-bottom: 7.5px !important;
	}
	.pdt20 {
		padding-bottom: 10px !important;
	}
	.pdt25 {
		padding-bottom: 12.5px !important;
	}
	.pdt30 {
		padding-bottom: 15px !important;
	}
	.pdt35 {
		padding-bottom: 17.5px !important;
	}
	.pdt40 {
		padding-bottom: 20px !important;
	}
	.pdt45 {
		padding-bottom: 22.5px !important;
	}
	.pdt50 {
		padding-bottom: 25px !important;
	}
	.pdt55 {
		padding-bottom: 27.5px !important;
	}
	.pdt60 {
		padding-bottom: 30px !important;
	}
	.pdt65 {
		padding-bottom: 32.5px !important;
	}
	.pdt70 {
		padding-bottom: 35px !important;
	}
	.pdt75 {
		padding-bottom: 37.5px !important;
	}
	.pdt80 {
		padding-bottom: 40px !important;
	}
	.pdt85 {
		padding-bottom: 42.5px !important;
	}
	.pdt90 {
		padding-bottom: 45px !important;
	}
	.pdt95 {
		padding-bottom: 47.5px !important;
	}
	.pdt100 {
		padding-bottom: 50px !important;
	}
}


/* padding-bottom
--------------------------------------------- */
.pdb0 {
	padding-bottom: 0 !important;
}
.pdb5 {
	padding-bottom: 5px !important;
}
.pdb10 {
	padding-bottom: 10px !important;
}
.pdb15 {
	padding-bottom: 15px !important;
}
.pdb20 {
	padding-bottom: 20px !important;
}
.pdb25 {
	padding-bottom: 25px !important;
}
.pdb30 {
	padding-bottom: 30px !important;
}
.pdb35 {
	padding-bottom: 35px !important;
}
.pdb40 {
	padding-bottom: 40px !important;
}
.pdb45 {
	padding-bottom: 45px !important;
}
.pdb50 {
	padding-bottom: 50px !important;
}
.pdb55 {
	padding-bottom: 55px !important;
}
.pdb60 {
	padding-bottom: 60px !important;
}
.pdb65 {
	padding-bottom: 65px !important;
}
.pdb70 {
	padding-bottom: 70px !important;
}
.pdb75 {
	padding-bottom: 75px !important;
}
.pdb80 {
	padding-bottom: 80px !important;
}
.pdb85 {
	padding-bottom: 85px !important;
}
.pdb90 {
	padding-bottom: 90px !important;
}
.pdb95 {
	padding-bottom: 95px !important;
}
.pdb100 {
	padding-bottom: 100px !important;
}
@media screen and (max-width: 738px) {
	.pdb0 {
		padding-bottom: 0 !important;
	}
	.pdb5 {
		padding-bottom: 2.5px !important;
	}
	.pdb10 {
		padding-bottom: 5px !important;
	}
	.pdb15 {
		padding-bottom: 7.5px !important;
	}
	.pdb20 {
		padding-bottom: 10px !important;
	}
	.pdb25 {
		padding-bottom: 12.5px !important;
	}
	.pdb30 {
		padding-bottom: 15px !important;
	}
	.pdb35 {
		padding-bottom: 17.5px !important;
	}
	.pdb40 {
		padding-bottom: 20px !important;
	}
	.pdb45 {
		padding-bottom: 22.5px !important;
	}
	.pdb50 {
		padding-bottom: 25px !important;
	}
	.pdb55 {
		padding-bottom: 27.5px !important;
	}
	.pdb60 {
		padding-bottom: 30px !important;
	}
	.pdb65 {
		padding-bottom: 32.5px !important;
	}
	.pdb70 {
		padding-bottom: 35px !important;
	}
	.pdb75 {
		padding-bottom: 37.5px !important;
	}
	.pdb80 {
		padding-bottom: 40px !important;
	}
	.pdb85 {
		padding-bottom: 42.5px !important;
	}
	.pdb90 {
		padding-bottom: 45px !important;
	}
	.pdb95 {
		padding-bottom: 47.5px !important;
	}
	.pdb100 {
		padding-bottom: 50px !important;
	}
}



/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.al_center {
	text-align: center !important;
}
.al_left {
	text-align: left !important;
}
.al_right {
	text-align: right !important;
}



/* ---------------------------------------------
*   text-indent
--------------------------------------------- */
.ti_1 {
	padding-left: 1em;
	text-indent: -1em;
}
.ti_1-5 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.ti_2 {
	padding-left: 2em;
	text-indent: -2em;
}



/* ---------------------------------------------
*   text-decoration
--------------------------------------------- */


/* underline
--------------------------------------------- */
.td_underline {
	text-decoration: underline !important;
}


/* link underline
--------------------------------------------- */
.td_underline_before {
	text-decoration: underline !important;
}
.td_underline_before:hover {
	text-decoration: none !important;
}
.td_underline_after {
	text-decoration: none !important;
}
.td_underline_after:hover {
	text-decoration: underline !important;
}


/*
 * サイトで共通使用する
 * 汎用モジュール
 * を記載
 */


/* ==========================================================
[ Module CSS - Contens ]

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



/* ---------------------------------------------
*   module_apply
--------------------------------------------- */
/*.module_apply {}*/


/*  apply_trigger
--------------------------------------------- */
.apply_trigger {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: none;
	width: 148px;
}
@media screen and (max-width: 738px) {
	.apply_trigger {
		width: 74px;
	}
}

/* -- apply_trigger_inner -- */
.apply_trigger_inner {
	width: 100%;
	padding-top: 169px;
	background-image: url(../img/common/btn_apply.png);
}
@media screen and (max-width: 738px) {
	.apply_trigger_inner {
		padding-top: 84.5px;
	}
}


/*  apply_overlay
--------------------------------------------- */
.apply_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}


/*  apply_modal
--------------------------------------------- */
.apply_modal {
	position: fixed;
	top: 50%;
	right: 0;
	left: 0;
	z-index: 1000;
	box-sizing: border-box;
	display: none;
	width: 620px;
	background-color: #fff;
	border: 8px solid #ffce23;
	margin: -204px auto 0;
}
@media screen and (max-width: 738px) {
	.apply_modal {
		width: 86%;
		border-width: 4px;
	}
}


/*  apply_modal_inner
--------------------------------------------- */
.apply_modal_inner {
	position: relative;
	padding: 64px 67px 42px;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner {
		padding: 42.5px 3.6% 16px;
	}
}

/* -- item_title -- */
.apply_modal_inner .item_title {
	position: absolute;
	top: -35px;
	right: 0;
	left: 0;
	box-sizing: border-box;
	width: 350px;
	font-size: 2em;
	padding: 15px 30px 15px 70px;
	border-radius: 30px;
	background: #ffce23 url(../img/common/icon_pacho_modal.png) 15px center no-repeat;
	margin: 0 auto;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_title {
		top: -18px;
		width: 78.536%;
		font-size: 1.3em;
		text-align: center;
		padding: 7px 0 7px 46px;
		background-position: 12.5px center;
		background-size: 32px auto;
	}
}

/* -- item_apply -- */
.apply_modal_inner .item_apply {
	margin-top: 13px;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_apply {
		margin-top: 20px;
	}
}

/* -- item_apply (skin) -- */
.apply_modal_inner .item_apply.item_1 {
	margin-top: 0;
}

/* buttons_link */
.apply_modal_inner .item_apply.item_1 .buttons_link .item_link {
	padding: 17px 0;
	background-image: url(../img/common/icon_pc.png);
	background-repeat: no-repeat;
	background-position: 27px center;
	/*background-position: 62px center;*/
}
.apply_modal_inner .item_apply.item_2 .buttons_link .item_link {
	background-image: url(../img/common/icon_tel.png);
	background-repeat: no-repeat;
	background-position: 30px center;
	/*background-position: 65px center;*/
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_apply.item_1 .buttons_link .item_link {
		padding: 6px 0;
		background-position: 18px center;
		background-size: 26px auto;
	}
	.apply_modal_inner .item_apply.item_2 .buttons_link .item_link {
		background-position: 18px center;
		background-size: 28px auto;
	}
}

/* buttons_link */
.apply_modal_inner .item_apply.item_1 .buttons_link .item_link_inner {
	font-size: 1.6em;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_apply.item_1 .buttons_link .item_link_inner {
		font-size: 0.8em;
	}
}

/* -- item_links -- */
.apply_modal_inner .item_links {
	width: 320px;
	margin: 13px auto 0;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_links {
		width: 247px;
	}
}

/* item_link */
.apply_modal_inner .item_link {
	font-size: 1.4em;
}
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_link {
		font-size: 1.1em;
		margin-top: 10px;
	}
}

/* item_link (skin) */
@media screen and (max-width: 738px) {
	.apply_modal_inner .item_link.item_1 {
		margin-top: 0;
	}
}

/* item_link_text */
/*.apply_modal_inner .item_link .item_link_text {}*/


/*  apply_modal_close
--------------------------------------------- */
.apply_modal_close {
	position: absolute;
	top: -26px;
	right: -26px;
	width: 45px;
	padding-top: 45px;
	background-image: url(../img/common/btn_modal_close.png);
}
@media screen and (max-width: 738px) {
	.apply_modal_close {
		top: -19px;
		right: -19px;
		width: 38px;
		padding-top: 38px;
	}
}



/* ---------------------------------------------
*   module_buttons
--------------------------------------------- */
/*.module_buttons {}*/


/*  buttons_link
--------------------------------------------- */
/*.buttons_link {}*/

/* -- item_link -- */
.buttons_link .item_link {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 24px 0;
	background-color: #0e3f81;
	margin: 0 auto;
}
@media screen and (max-width: 738px) {
	.buttons_link .item_link {
		padding: 12px 0;
	}
}

/* item_link_inner */
.buttons_link .item_link_inner {
	display: block;
	font-size: 1.6em;
	color: #fff;
	background: url(../img/common/arrow_right_white.png) right 20px center no-repeat;
}
@media screen and (max-width: 738px) {
	.buttons_link .item_link_inner {
		font-size: 0.8em;
		background-position: right 10px center;
		background-size: 4px auto;
	}
}



/* ---------------------------------------------
*   module_conversion
--------------------------------------------- */
.module_conversion {
	overflow: hidden;
}


/*  conversion_left
--------------------------------------------- */
.conversion_left {
	float: left;
	box-sizing: border-box;
	width: 434px;
	padding: 10px;
	background-color: #fff;
	border: 3px solid #ffce23;
}
@media screen and (max-width: 738px) {
	.conversion_left {
		float: none;
		width: auto;
		padding: 10px;
		border-width: 1px;
		margin-top: 10px;
	}
}


/*  conversion_left (skin)
--------------------------------------------- */
.module_conversion.skin_blue .conversion_left {
	border-color: #77b6f1;
}

/* -- item_title -- */
.conversion_left .item_title {
	font-size: 20px;
	padding-left: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_title {
		padding-left: 0;
		font-size: 1.1em;
		text-align: center;
	}
}

/* -- item_tel -- */
.conversion_left .item_tel {
	padding: 0 0 10px 108px;
	background: url(../img/common/icon_conversion_tel.png) 18px center no-repeat;
	/*margin-bottom: 16px;*/
	margin-bottom: calc(16px - 0.875em);
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel {
		box-sizing: border-box;
		width: 260px;
		padding: 0 0 3px 67.5px;
		background-position: left 3px;
		background-size: 46px auto;
		margin: 0 auto 13.5px;
	}
}

/* -- item_tel (skin) -- */
.module_conversion.skin_blue .conversion_left .item_tel {
	background-image: url(../img/common/icon_conversion_tel_blue.png)
}

/* item_tel_number */
.conversion_left .item_tel_number {
	line-height: 1.25;
	font-size: 28px;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_number {
		font-size: 1em;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 767px) {
	.conversion_left .item_tel_number .item_link {
		font-size: 1.8em;
		margin-bottom: 5px;
	}
}

/* item_tel_number (skin) */
.mac.safari .conversion_left .item_tel_number {
	font-size: 2.44em;
}

/* item_navidial */
.conversion_left .item_tel_number .item_navidial {
	font-size: 14px;
	padding-left: 3px;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_number .item_navidial {
		font-size: 1em;
	}
}

/* item_hours */
.conversion_left .item_tel .item_hours {
	line-height: 1.75;
	font-size: 14px;
	text-indent: -5em;
	padding-left: 5em;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel .item_hours {
		line-height: 1.75;
		font-size: 0.85em;
		text-indent: -6em;
		padding-left: 6em;
	}
}

/* item_tel_ip */
.conversion_left .item_tel_ip {
	padding: 16px 5px 11px;
	background-color: #fbf2cb;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_ip {
		padding: 9px 5px 6px;
	}
}

/* item_tel_ip (skin) */
.module_conversion.skin_blue .conversion_left .item_tel_ip {
	background-color: #c7e4ff;
}

/* item_tel_ip_text */
.conversion_left .item_tel_ip_text {
	text-align: center;
	line-height: 1.25;
	font-size: 16px;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_ip_text {
		font-size: 0.8em;
		margin-bottom: 4px;
	}
}

/* item_small */
.conversion_left .item_tel_ip_text .item_small {
	font-size: 0.675em;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_ip_text .item_small {
		font-size: 1em;
	}
}

/* item_tel_ip_number */
.conversion_left .item_tel_ip_number {
	text-align: center;
}

/* item_tel_ip_note */
.conversion_left .item_tel_ip_note {
	margin-top: 3px;
	font-size: 11px;
	text-align: center;
}

@media screen and (max-width: 738px) {
	.conversion_left .item_tel_ip_note {
		margin-top: 1vw;
		font-size: 2vw;
	}
}

/* item_link */
.conversion_left .item_tel_ip_number .item_link {
	line-height: 1.25;
	font-size: 20px;
}
.conversion_left .item_tel_ip_number .item_link:hover {
	text-decoration: none;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_tel_ip_number .item_link {
		font-size: 1.5em;
	}
}

/* item_annotations */
.conversion_left .item_annotations {
	/*margin-top: 15px;*/
	margin-top: calc(15px - 0.875em);
}
@media screen and (max-width: 738px) {
	.conversion_left .item_annotations {
		margin-top: 5px;
	}
}

/* item_annotation */
.conversion_left .item_annotation {
	line-height: 1.75;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 738px) {
	.conversion_left .item_annotation {
		font-size: 0.8em;
	}
}


/*  conversion_right
--------------------------------------------- */
.conversion_right {
	float: right;
	width: 430px;
}
@media screen and (max-width: 738px) {
	.conversion_right {
		float: none;
		width: auto;
	}
}

/* -- item_links -- */
/*.conversion_right .item_links {}*/

/* item_link */
/*.conversion_right .item_link {}*/

/* item_link (skin) */
.conversion_right .item_link.item_2 {
	margin-top: 15px;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link.item_2 {
		margin-top: 10px;
	}
}

/* item_link_inner */
.conversion_right .item_link_inner {
	position: relative;
	display: block;
	padding: 26px 40px 35px 30px;
	background-color: #ffce23;
	background-repeat: no-repeat;
}
.conversion_right .item_link_inner:hover {
	text-decoration: none;
}
.conversion_right .item_link_inner:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: block;
	width: 40px;
	height: 100%;
	background: #454545 url(../img/common/arrow_right_yellow.png) center center no-repeat;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link_inner {
		padding-right: 25px;
		padding-left: 53px;
	}
	.conversion_right .item_link_inner:after {
		width: 15px;
		background-size: 4px auto;
	}
}

/* item_link_inner (skin) */
.module_conversion.skin_blue .conversion_right .item_link_inner {
	background-color: #77b6f1;
	color: #fff;
}
.conversion_right .item_link_inner:after {
	background-image: url(../img/common/arrow_right_blue.png);
}
.conversion_right .item_link.item_1 .item_link_inner {
	padding-top: 30px;
	padding-bottom: 52px;
	background-image: url(../img/common/icon_conversion_pc.png);
	background-position: 30px 73px;
}
.conversion_right .item_link.item_2 .item_link_inner {
	padding-top: 30px;
	padding-bottom: 51px;
	background-image: url(../img/common/icon_conversion_store.png);
	background-position: 30px 78px;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link.item_1 .item_link_inner {
		padding-top: 10px;
		padding-bottom: 10px;
		background-position: 12px center;
		background-size: 30px auto;
	}
	.conversion_right .item_link.item_2 .item_link_inner {
		padding-top: 17px;
		padding-bottom: 17px;
		background-position: 12px center;
		background-size: 30px auto;
	}
}

/* item_link_title */
.conversion_right .item_link_title {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 19px;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link_title {
		font-size: 1em;
		margin-bottom: 0;
	}
}

/* item_link_text */
.conversion_right .item_link_text {
	display: block;
	line-height: 1.8;
	font-size: 12px;
	padding-left: 100px;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link_text {
		font-size: 0.8em;
		padding-left: 0;
	}
}

/* item_link_text */
.conversion_right .item_link.item_2 .item_link_text {
	padding-top: 25px;
}
@media screen and (max-width: 738px) {
	.conversion_right .item_link.item_2 .item_link_text {
		padding-top: 0;
	}
}



/* ---------------------------------------------
*   module_faq
--------------------------------------------- */
/*.module_faq {}*/


/*  faq_section
--------------------------------------------- */
.module_faq .faq_section {
	margin-top: 30px;
}
@media screen and (max-width: 738px) {
	.module_faq .faq_section {
		margin-top: 10px;
	}
}


/*  faq_section (skin)
--------------------------------------------- */
.module_faq .faq_section:first-child {
	margin-top: 0;
}

/* -- item_question -- */
.module_faq .faq_section .item_question {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 110px;
	line-height: 1.3;
	padding: 20px 25px;

	border-width: 3px;
	border-style: solid;
	background-color: #fff;
}
@media screen and (max-width: 738px) {
	.module_faq .faq_section .item_question {
		display: block;
		width: auto;
		height: auto;
		padding: 3.125%;
		border-width: 1px;
	}
}

/* item_question_inner */
.module_faq .faq_section .item_question_inner {
	display: table-cell;
	vertical-align: middle;
	font-size: 2.0em;
	color: #5ab977;
	padding-left: 75px;
	background-position: left 6px;
	background-repeat: no-repeat;
}
@media screen and (max-width: 738px) {
	.module_faq .faq_section .item_question_inner {
		display: block;
		min-height: 32px;
		font-size: 1.08em;
		padding-left: 40px;
		background-position: left top;
		background-size: 25px auto;
	}
}

/* -- item_answer -- */
.module_faq .faq_section .item_answer {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 105px;
	line-height: 1.5;
	padding: 15px 30px;
}
@media screen and (max-width: 738px) {
	.module_faq .faq_section .item_answer {
		display: block;
		width: auto;
		height: auto;
		padding: 3.125%;
		line-height: 1.5;
	}
}

/* item_answer_inner */
.module_faq .faq_section .item_answer_inner {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.3em;
	padding-left: 75px;
	background: url(../img/common/icon_a.png) left 14px no-repeat;
}
@media screen and (max-width: 738px) {
	.module_faq .faq_section .item_answer_inner {
		display: block;
		min-height: 47px;
		font-size: 1.08em;
		padding-left: 40px;
		background-position: left top;
		background-size: 25px auto;
	}
}

/* item_condition */
.module_faq .faq_section .item_condition {
	display: block;
	margin-top: 18px;
}

/* item_condition_title */
.module_faq .faq_section .item_condition_title {
	display: block;
	font-weight: bold;
}

/* item_condition_text */
.module_faq .faq_section .item_condition_text {
	display: block;
}



/* ---------------------------------------------
*   module_faq (skin_blue)
--------------------------------------------- */
/*.module_faq.skin_blue {}*/

/* -- item_question -- */
.module_faq.skin_blue .faq_section .item_question {
	border-color: #e0f0f8;
}

/* item_question_inner */
.module_faq.skin_blue .faq_section .item_question_inner {
	background-image: url(../img/common/icon_q_blue.png);
}


/* ---------------------------------------------
*   module_faq (skin_green)
--------------------------------------------- */
/*.module_faq.skin_green {}*/

/* -- item_question -- */
.module_faq.skin_green .faq_section .item_question {
	border-color: #e4f2e5;
}

/* item_question_inner */
.module_faq.skin_green .faq_section .item_question_inner {
	background-image: url(../img/common/icon_q_green.png);
}



/* ---------------------------------------------
*   module_pagetitle
--------------------------------------------- */
/*.module_pagetitle {}*/


/*  pagetitle_filler
--------------------------------------------- */
.module_pagetitle .pagetitle_filler {
	width: 960px;
}
@media screen and (max-width: 738px) {
	.module_pagetitle .pagetitle_filler {
		width: auto;
	}
}



/* ---------------------------------------------
*   module_panel
--------------------------------------------- */
.module_panel {
	padding: 40px;
	border-radius: 20px;
	background-color: #fff;
}
@media screen and (max-width: 738px) {
	.module_panel {
		box-sizing: border-box;
		width: 91.667%;
		padding: 4.1667%;
		border-radius: 10px;
		margin: 0 auto;
	}
}



/* ---------------------------------------------
*   module_panel (skin_blue)
--------------------------------------------- */
.module_panel.skin_blue {
	background-color: #77b6f1;
}




/* ---------------------------------------------
*   module_panel (skin_yellow)
--------------------------------------------- */
.module_panel.skin_yellow {
	background-color: #ffce23;
}



/* ---------------------------------------------
*   module_section
--------------------------------------------- */
.module_section {
	box-sizing: border-box;
}


/*  section_head
--------------------------------------------- */
.section_head {
	background-color: #fff;
}

/* -- item_title -- */
.section_head .item_title {
	padding: 30px 0 29px;
}
@media screen and (max-width: 738px) {
	.section_head .item_title {
		padding: 3.85% 0;
	}
}

/* item_title_inner */
.section_head .item_title_inner {
	position: relative;
	box-sizing: border-box;
	display: block;
	line-height: 1.2;
	font-size: 2.2em;
	padding: 0 30px;
}
.section_head .item_title_inner:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 7px;
	height: 25px;
	margin-top: -12.5px;
}
@media screen and (max-width: 738px) {
	.section_head .item_title_inner {
		font-size: 1.1em;
		padding: 0 5.5%;
	}
	.section_head .item_title_inner:before {
		display: none;
	}
}

/* -- item_title (skin_line_2) -- */
/*.section_head .item_title.skin_line_2 {}*/

/* item_title_inner */
.section_head .item_title.skin_line_2 .item_title_inner {
	font-size: inherit;
}

/* item_title_upper / item_title_lower */
.section_head .item_title.skin_line_2 .item_title_upper,
.section_head .item_title.skin_line_2 .item_title_lower {
	display: block;
}

/* item_title_upper */
.section_head .item_title.skin_line_2 .item_title_upper {
	font-size: 1.5em;
	margin-bottom: 5px;
}
@media screen and (max-width: 738px) {
	.section_head .item_title.skin_line_2 .item_title_upper {
		font-size: 0.8em;
		margin-bottom: 2px;
	}
}

/* item_title_lower */
.section_head .item_title.skin_line_2 .item_title_lower {
	font-size: 2.2em;
}
@media screen and (max-width: 738px) {
	.section_head .item_title.skin_line_2 .item_title_lower {
		font-size: 1.1em;
	}
}


/*  section_body
--------------------------------------------- */
.section_body {
	box-sizing: border-box;
	padding: 32px 30px;
	overflow: hidden;
	background-color: #fff;
}
@media screen and (max-width: 738px) {
	.section_body {
		padding: 15px 5%;
	}
}



/*  section_foot
--------------------------------------------- */
.section_foot {
	box-sizing: border-box;
	padding: 32px 30px 0;
	border-top: 1px dashed #ffce23;
	background-color: #fff;
}
@media screen and (max-width: 738px) {
	.section_foot {
		box-sizing: border-box;
		padding: 15px 5%;
	}
}



/* ---------------------------------------------
*   module_section (skin_yellow)
--------------------------------------------- */
/*.module_section.skin_yellow {}*/


/*  section_head
--------------------------------------------- */
.module_section.skin_yellow .section_head {
	border-bottom: 1px dashed #ffce23;
}

/* -- item_title -- */
/*.module_section.skin_yellow .section_head .item_title {}*/

/* item_title_inner */
.module_section.skin_yellow .section_head .item_title_inner:before {
	background-color: #ffce23;
}



/* ---------------------------------------------
*   module_section (skin_blue)
--------------------------------------------- */
/*.module_section.skin_blue {}*/


/*  section_head
--------------------------------------------- */
.module_section.skin_blue .section_head {
	border-bottom: 1px dashed #77b6f1;
}

/* -- item_title -- */
/*.module_section.skin_blue .section_head .item_title {}*/

/* item_title_inner */
.module_section.skin_blue .section_head .item_title_inner:before {
	background-color: #77b6f1;
}



/* ---------------------------------------------
*   module_section (skin_gray)
--------------------------------------------- */
/*.module_section.skin_gray {}*/


/*  section_head
--------------------------------------------- */
.module_section.skin_gray .section_head {
	border-bottom: 1px dashed #e5e5e5;
}

/* -- item_title -- */
/*.module_section.skin_gray .section_head .item_title {}*/

/* item_title_inner */
.module_section.skin_gray .section_head .item_title_inner:before {
	background-color: #e5e5e5;
}



/* ---------------------------------------------
*   module_voice
--------------------------------------------- */
/*.module_voice_wrapper {}*/

.module_voice {
	box-sizing: border-box;
	width: 430px;
}
@media screen and (max-width: 738px) {
	.module_voice {
		width: auto;
	}
}


/*  voice_head
--------------------------------------------- */
.voice_head {
	border-bottom: 1px dashed #ffce23;
	background-color: #fff;
}

/* -- item_title -- */
.voice_head .item_title {
	position: relative;
	padding: 11px 0 14px 76px;
}
@media screen and (max-width: 738px) {
	.voice_head .item_title {
		padding: 10px 0 6px 27px;
	}
}

/* item_title_icon */
.voice_head .item_title_icon {
	position: absolute;
	top: -18px;
	left: -10px;
	width: 80px;
	padding-top: 72px;
	background-image: url(../img/common/icon_voice.png);
}
@media screen and (max-width: 738px) {
	.voice_head .item_title_icon {
		position: absolute;
		top: -10px;
		left: -10px;
		width: 35px;
		padding-top: 32px;
	}
}

/* icon_voice.png */
.voice_head .item_title_text {
	display: block;
	font-size: 2.2em;
}
@media screen and (max-width: 738px) {
	.voice_head .item_title_text {
		font-size: 0.8em;
	}
}


/*  voice_body
--------------------------------------------- */
.voice_body {
	padding: 12px 30px 0;
	overflow: hidden;
	background-color: #fff;
}

/* -- item_voice -- */
.voice_body .item_voice {
	box-sizing: border-box;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 112px;
}

/* -- item_voice (skin) -- */
.voice_body .item_voice.skin_female {
	background-image: url(../img/common/img_voice_female.png);
}
.voice_body .item_voice.skin_male {
	background-image: url(../img/common/img_voice_male.png);
}

/* item_voice_inner */
/*.voice_body .item_voice_inner {}*/

/* item_text */
.voice_body .item_voice_inner .item_text {
	position: relative;
	display: inline-block;
	text-align: justify;
	font-size: 1.5em;
	padding: 10px 25px;
	background-color: #fbf1ca;
	margin-bottom: 18px;
}
.voice_body .item_voice_inner .item_text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 16px 5.5px 0;
	border-color: transparent #fbf1ca transparent transparent;
	margin-top: -5.5px;
}
@media screen and (max-width: 738px) {
	.voice_body .item_voice_inner .item_text {
		font-size: 0.9em;
	}
}

/* item_text */
.voice_body .item_voice_inner .item_text_inner {
	display: block;
}


/*  voice_foot
--------------------------------------------- */
.voice_foot {
	margin-top: 8px;
}
@media screen and (max-width: 738px) {
	.voice_foot {
		margin-top: 3px;
	}
}

/* -- item_text -- */
.voice_foot .item_text {
	text-align: right;
	font-size: 1.4em;
}
@media screen and (max-width: 738px) {
	.voice_foot .item_text {
		font-size: 0.7em;
	}
}


/* ---------------------------------------------
*   module_voice (skin_full)
--------------------------------------------- */
.module_voice.skin_full {
	width: auto;
}


/*  voice_body
--------------------------------------------- */
/*.module_voice.skin_full .voice_body {}*/
@media screen and (max-width: 738px) {
	.module_voice.skin_full .voice_body {
		padding: 2% 3% 0;
	}
}

/* -- item_voice -- */
.module_voice.skin_full .voice_body .item_voice {
	width: 370px;
}
@media screen and (max-width: 738px) {
	.module_voice.skin_full .voice_body .item_voice {
		width: 44.485%;
	}
}



/* ---------------------------------------------
*   module_voice_section
--------------------------------------------- */
/*.module_voice_section {}*/


/*  voice_section_head
--------------------------------------------- */
/*.voice_section_head {}*/

/* -- item_title -- */
.voice_section_head .item_title {
	text-align: center;
	font-size: 3.2em;
}
@media screen and (max-width: 738px) {
	.voice_section_head .item_title {
		font-size: 1.6em;
	}
}

/* ---------------------------------------------
*   btn-area
--------------------------------------------- */
.btn-area-inner-pd {
    padding: 30px 37px 13px;
    background-color: #fff;
}

@media screen and (max-width: 738px) {
    .btn-area-inner {
        width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
        margin-top: 4.72vw;
        margin-bottom: 2.777vw;
    }
}

.btn-area-inner--2 {
    padding-top: 0;
    padding-bottom: 40px;
}

@media screen and (max-width: 738px) {
    .btn-area-inner--2 {
        padding-top: 6%;
        margin-bottom: 0;
    }
}

.btn-sub-txt {
    position: relative;
    z-index: 1;
    font-size: 22px;
    background: url(https://home.tokyo-gas.co.jp/power/special/campaign/img/w2020/img_ttl-yellow.png) 0 0 no-repeat;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
    margin: -10px auto 10px;
    height: 103px;
    padding-top: 40px;
    box-sizing: border-box;
    padding-left: 150px;
    font-weight: bold;
}

@media screen and (max-width: 738px) {
    .btn-sub-txt {
        width: 100%;
        margin: 0 auto;
        height: auto;
        box-sizing: border-box;
        font-size: 3.34vw;
        padding-top: 2.5vw;
        padding-left: 32vw;
        padding-bottom: 1.4vw;
        background: none;
        position: relative;
    }
}

@media screen and (max-width: 738px){
    .btn-sub-txt:after {
        content: "";
        width: 32.7vw;
        height: 18.66vw;
        position: absolute;
        bottom: -3vw;
        left: 1vw;
        background: url(https://home.tokyo-gas.co.jp/power/special/campaign/img/w2020/sp/img_paper.png) 0 0 no-repeat;
        background-size: 100% auto;
        z-index: 1;
    }
}

@media screen and (max-width: 738px) {
    .btn-yellow {
        background-color: #ffeccb;
        border-radius: 1vw;
        padding-bottom: 4vw;
    }
}

/*  btn-link
--------------------------------------------- */
.btn-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 738px) {
    .btn-link {
        display: block;
    }
}

@media screen and (max-width: 738px) {
    .btn-link--1 {
        padding: 0 3.5%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 738px) {
    .btn-link--2 {
        margin-top: 0;
        padding: 0 3%;
        width: 100%;
        box-sizing: border-box;
    }
}

.btn-link_item-link {
    display: block;
    -webkit-box-shadow: 0 4px #d3a531;
    box-shadow: 0px 4px #d3a531;
    border-radius: 10px;
}

@media screen and (max-width: 738px) {
    .btn-link_item-link {
        box-shadow: none;
        border-radius: 0;
    }
}

@media screen and (min-width: 768px) {
    .btn-link_item-link:hover {
        position: relative;
        top: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width: 738px) {
    .btn-link_item-link--6 {
        width: 44.2vw;
    }
}

.btn-link_item-link--7 {
    margin-top: 25px;
}

@media screen and (max-width: 738px) {
    .btn-link_item-link--7 {
        margin-top: 0;
        width: 44.2vw;
    }
}

.btn-link_item {
    width: 395px;
}

@media screen and (max-width: 738px) {
    .btn-link_item {
        width: 100%;
    }
}

@media screen and (max-width: 738px) {
    .btn-link_item--sp {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-top: 5.5%;
        justify-content: space-between;
    }
}

.btn-link_item-five {
    position: absolute;
    bottom: -10px;
    left: -30px;
}

@media screen and (max-width: 738px) {
    .btn-link_item-five {
        bottom: 0vw;
	    left: -3vw;
	    width: 18vw;;
	    height: auto;
    }
}

.btn-link_item--1 {
    margin: 0 auto;
}

.btn-link_item--2 {
    position: relative;
}

@media screen and (max-width: 738px) {
    .btn-link_item--2 {
        margin-bottom: 3.47vw;
    }
}

.btn-link_item--3 {
}

@media screen and (max-width: 738px) {
    .btn-link_item--3 {
        margin-bottom: 4.86vw;
    }
}

@media screen and (max-width: 738px) {
    .btn-link_item-link--6, .btn-link_item-link--7 {
        width: 46.8%;
    }
}

.btn-link_txt {
    font-size: 14px;
    padding-left: 100px;
    padding-top: 5px;
}

@media screen and (max-width: 738px) {
    .btn-link_txt {
        font-size: 2.347vw;
        padding-left: 14.342vw;
    }
}

@media screen and (max-width: 738px) {
    .btn-link_item img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   link-list
--------------------------------------------- */
.link-list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

@media screen and (max-width: 738px) {
	.link-list {
		width: 91.667%;
		margin: 0 auto;
		margin-bottom: 4.16666667vw;
	}
}

.link-list_link {
	display: block;
}

@media screen and (max-width: 738px) {
	.link-list_link {
		width: 29vw;
	}

	.link-list_link img {
		width: 100%;
	}
}

.link-list_link:hover {
	opacity: .5;
}



/* ---------------------------------------------
*   faq-contents
--------------------------------------------- */
@media screen and (max-width: 738px) {
	.skin_family img {
		width: 100%;
	}
}

@media screen and (max-width: 738px) {
	.skin_smart img {
		width: 100%;
	}
}

.faq-contents {
	background-color: #efefef;
	position: absolute;
	bottom: 25px;
	margin: 0 20px;
	padding: 25px 20px;
	border-radius: 5px;
	padding-bottom: 115px;
}

@media screen and (max-width: 738px) {
	.faq-contents {
		margin: 0 4vw;
		padding: 3vw;
		bottom: 2%;
    	padding-bottom: 28%;
	}
}

@media screen and (max-width: 500px) {
	.faq-contents {
		padding-bottom: 30%;
	}
}

.faq-contents-2 {
	padding-bottom: 198px;
}

@media screen and (max-width: 738px) {
	.faq-contents-2 {
		bottom: 2%;
		padding-bottom: 26.5%;
	}
}

@media screen and (max-width: 500px) {
	.faq-contents-2 {
		bottom: 2%;
		padding-bottom: 28.5%;
	}
}

.faq-contents_q {
	font-size: 17px;
	font-weight: bold;
	position: relative;
	padding-left: 45px;
	margin-bottom: 25px;
	font-weight: bold;
}

@media screen and (max-width: 738px) {
	.faq-contents_q {
		font-size: 3.7vw;
		padding-left: 6vw;
		margin-bottom: 5%;
	}
}

.faq-contents_q:before {
	background: url(https://home.tokyo-gas.co.jp/power/special/common/img/page/index/renewal/icon_q.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 29px;
	height: 33px;
	position: absolute;
	content: "";
	top: 0.3em;
	left: 0;
}

@media screen and (max-width: 738px) {
	.faq-contents_q:before {
		width: 4vw;
		height: 4.4vw;
	}
}

.faq-contents_a {
	font-size: 14px;
	position: relative;
	padding-left: 45px;
	margin-bottom: 25px;
}

@media screen and (max-width: 738px) {
	.faq-contents_a {
		font-size: 2.97vw;
		padding-left: 6vw;
		margin-bottom: 0;
	}
}

.faq-contents_a:before {
	background: url(https://home.tokyo-gas.co.jp/power/special/common/img/page/index/renewal/icon_a.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 29px;
	height: 30px;
	content: "";
	position: absolute;
	content: "";
	top: 0.3em;
	left: 0;
}

@media screen and (max-width: 738px) {
	.faq-contents_a:before {
		width: 3.7vw;
		height: 3.9vw;
	}
}

.faq_btn {
	position: absolute;
	width: 325px;
	left: 50%;
	transform: translate(-50%);
	display: block;
	bottom: 30px;
}

.faq_btn:hover {
	opacity: 0.5;
}

@media screen and (max-width: 738px) {
	.faq_btn {
		width: 90%;
		margin:  0 auto;
		bottom: 3vw;
	}
}

.faq_btn img {
	width: 100%;
}

/* ---------------------------------------------
*   column_button
--------------------------------------------- */
.menu_column .column_button-1 {
	bottom: 465px !important;
}

@media screen and (max-width: 738px) {
	.menu_column .column_button-1 {
		bottom: 41% !important;
	}
}

.menu_column .column_button-2 {
	bottom: 465px !important;
}

@media screen and (max-width: 738px) {
	.menu_column .column_button-2 {
		bottom: 47.5% !important;
	}
}

/* ---------------------------------------------
*   bottom-link
--------------------------------------------- */
.bottom-link {
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	z-index: 2000;
	box-sizing: border-box;
	display: none;
}

@media screen and (max-width: 738px) {
	.bottom-link {
		padding: 2vw 3vw;
	}
}

.bottom-link_list {
	width: 900px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 738px) {
	.bottom-link_list {
		width: 100%;
	}
}

@media screen and (max-width: 738px) {
	.bottom-link_item {
		width: 45vw;
	}
}

.bottom-link_link {
	display: block;
}

.bottom-link_link:hover {
	opacity: .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: "Genshin-Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 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;
}
/* ---------------------------------------------
*   contact-panel
--------------------------------------------- */
.contact-panel {
	background-color: #ffce23;
	margin: 0-100vw;
	padding: 0 100vw;
	border-radius: 0;
}

.module_conversion {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
	padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.module_conversion {
		display: block;
		width: auto;
		padding-top: 4.16667vw;
		padding-bottom: 4.16667vw;
	}
}

.conversion_right {
	border: 2px solid #fff;
	padding: 10px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}

@media screen and (max-width: 767px) {
	.conversion_right {
		width: 90.9%;
		margin-right: auto;
		margin-left: auto;
		padding: 2.08333vw 3.47222vw 4.86111vw;
	}
}

.conversion_left {
	float: none;
	border: none;
}

@media screen and (max-width: 767px) {
	.conversion_left {
		width: 90.9%;
		margin-top: 0;
		margin-bottom: 4.16667vw;
		margin-right: auto;
		margin-left: auto;
		padding: 2.08333vw 4.72222vw 4.86111vw;
	}
}

.item__title {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 15px;
}

.item__title.skin_space {
	padding-left: 22px;
}

.item__body img{
	width: auto!important;
	width: initial!important;

}

@media screen and (max-width: 767px) {
	.item__title {
		font-size: 3.19444vw;
		margin-bottom: 2.77778vw;
	}
}

@media screen and (max-width: 767px) {
	.item__title.skin_space {
		padding-left: 0;
	}
}

.item__link-tel {
	vertical-align: middle;
}

.item__tel {
	padding: 0 0 10px 108px;
	background: url(https://home.tokyo-gas.co.jp/power/special/common/img/common/icon_conversion_tel.png) 18px center no-repeat;
	margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
	.item__tel {
		padding: 0 0 1.39vw 21vw;
		background-size: 18%;
		background-position: left;
		margin-bottom: 2.77778vw;
	}
}

.item__tel-number {
	line-height: 1.25;
	font-size: 2.48em;
}

@media screen and (max-width: 767px) {
	.item__tel-number {
		font-size: 4.16667vw;
	}
}

.item__navidial {
	font-size: 0.8em;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.item__navidial {
		font-size: 3.47222vw;
	}
}

.item__hours {
	line-height: 1.75;
	font-size: 1.4em;
	text-indent: -5em;
	padding-left: 5em;
}

@media screen and (max-width: 767px) {
	.item__hours {
		font-size: 2.5vw;
	}
}

.item__tel-ip {
	padding: 16px 5px 11px;
	background-color: #fbf2cb;
}

@media screen and (max-width: 767px) {
	.item__tel-ip {
		padding: 2.22223vw 0.69444vw 1.52778vw
	}
}

.item__tel-ip-text {
	text-align: center;
	line-height: 1.25;
	font-size: 1.6em;
}

@media screen and (max-width: 767px) {
	.item__tel-ip-text {
		font-size: 2.5vw;
	}
}

.item__small {
	font-size: 0.875em;
}

@media screen and (max-width: 767px) {
	.item__small {
		font-size: 2.5vw;
	}
}

.item__tel-ip-number {
	text-align: center;
}

.item__link-ip {
	line-height: 1.25;
	font-size: 2.8em;
}

@media screen and (max-width: 767px) {
	.item__link-ip {
		font-size: 4.16667vw;
	}
}

.item__annotations {
	margin-top: 15px;
}

@media screen and (max-width: 767px) {
	.item__annotations {
		margin-top: 2.08333vw;
	}
}

.item__annotation {
	line-height: 1.75;
	font-size: 1.2em;
}

@media screen and (max-width: 767px) {
	.item__annotation {
		font-size: 2.42222vw;
	}
}

.item__img {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.item__img {
		width: 89.7%;
		margin-bottom: 0;
	}
}

.item__txt {
	font-size: 18px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.item__txt {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
		font-size: 2.77778vw;
		margin-bottom: 1.38889vw;
	}
}

.item__link-img:hover {
	opacity: .5;
}

@media screen and (max-width: 767px) {
	.item__link-img {
		width: 87%;
		margin: 0 auto;
	}
}

/* ---------------------------------------------
*   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;
	}
}



/*  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(../../../../gas_power/ad/moving14b/moving14b_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;
	}
}


/*  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(../../../../gas_power/ad/moving14b/moving14b_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 #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 .close .sec_inner{
	max-width: 1000px;
}

#contents #contents_base #contents_inner section{
	/* max-width: 900px; */
	margin: 0 auto;
}

#contents #contents_base #contents_inner section.lp_header {
max-width: 800px;
	padding: 20px 15px;
}

#contents #contents_base #contents_inner section.lp_header p{
	width: 218px;
}

/* btn */
#contents_inner .cv_box{
max-width: 800px;
margin: 0 auto;
padding: 55px 0 57px;
}
#contents_inner section.fv .cv_box{
	padding: 0;
	margin-top: 3%;
	margin-bottom: 2%;
}
#contents_inner section.close .cv_box{
	position: absolute;
	bottom: 7.5%;
	left:50%;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 0;
}


#contents_inner .cv_head{
	width: 32.75%;
	margin: 0 auto 2%;
}
#contents_inner .cv_head.cv_head_fv{
	margin-top: 2%;
}

#contents_inner .btn_cv,
#contents_inner .btn_change {
	width: 87%;
	margin: 0 auto 0.5%;
}

#contents_inner .btn_text{
  width: 72.8%;
  margin: 2% auto 0;
}

#contents_inner .btn_sim{
	width: 696px;
	margin: 0 auto;
	}


#contents_inner .btn_meter{
	position: absolute;
	width: 56.5%;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#contents_inner .btn_meter.btn_have{
	bottom: 14%;
}
#contents_inner .btn_meter.btn_nohave{
	bottom: 13%;
}


#contents #contents_base #contents_inner .sec_inner{
	max-width: 800px;
	margin: 0 auto;

}



/* fv */
#contents_inner .head_wrap{

}

#contents_inner .fv_wrap{
	background-color: #FFF;
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_fv_pc.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 80px;
}
#contents_inner .fv_wrap h1{
	padding-top: 45px;
	width: 722px;
	margin: 0 auto;
}
#contents_inner .fv_wrap .fv_text{
	margin: 0 auto 0;
	width: 83.625%;
}


/* otoku */
#contents_inner .otoku_wrap01{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_otoku.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}

#contents #contents_base #contents_inner .otoku_wrap01 .sec_inner{
	max-width: 700px;
}

/* otoku */
#contents_inner .otoku{
	background-color: #fff2c0;
}
#contents #contents_base #contents_inner .otoku .note{
  max-width: 1000px;
  margin: 0 auto;
  padding:20px 0 50px;
  color: #333;
}
#contents #contents_base #contents_inner .otoku .note li{
  font-size: 18px;
  line-height: 1.5 !important;
  text-indent: -2em;
  padding-left: 2em;
}
#contents #contents_base #contents_inner .otoku .note  li:nth-child(1) {
    margin-bottom: 30px;
}


/* sim_offer */

#contents_inner .sim_offer{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_line_pc.jpg');
	background-repeat: repeat;
	padding: 45px 0 38px;
}


/* why */
#contents_inner .why{
background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/blue_head_pc.jpg');
background-repeat: repeat-x;
}

#contents_inner .why h2{
	width: 1000px;
margin: 0 auto;
}
/* change */
#contents_inner .change{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_grid_pc.jpg');
	background-repeat: repeat;
}
#contents_inner .change .sec_inner{
	padding: 80px 0 88px;
	text-align: center;
}
#contents_inner .change .sec_inner h2{
	width: 670px;

	margin: 0 auto 15px;
}
#contents_inner .change .sec_inner p{
	width: 636px;
	margin: 0 auto;
}

/* offer_mid */
#contents_inner .offer_mid{
	background-color: #ffdc50;
}

#contents #contents_base #contents_inner .offer_mid .sec_inner{
	max-width: 1000px;
}

/* switching */
#contents #contents_base #contents_inner .switching{
	background-color: #fffbe4;
}
#contents #contents_base #contents_inner .switching .sec_inner{
	max-width: 1000px;
}
#contents #contents_base #contents_inner .switching_head{
	background-color: #ffd800;
}
#contents #contents_base #contents_inner .switching_head h2{
	width: 1000px;
	margin: 0 auto;
}

#contents #contents_base #contents_inner .faq{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_faq_pc.jpg')
}
#contents #contents_base #contents_inner .faq_head{

background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/blue_head_pc.jpg');
background-repeat: repeat-x;
}
#contents #contents_base #contents_inner .faq_head h2{
	width: 1020px;
	margin: 0 auto;
}
#contents #contents_base #contents_inner .faq .sec_inner{
	max-width: 960px;

}

#contents #contents_base #contents_inner .faq ul{
	display: flex;
	flex-wrap: wrap;
}

#contents #contents_base #contents_inner .faq ul li{
	width: 50%;
}

/* faq */



#contents_inner .point{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_point_pc.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}

#contents #contents_base #contents_inner .point .sec_inner{
	max-width: 960px;
}

/* merit */

#contents #contents_base #contents_inner .merit{
background-color: #fff2c0;
}

#contents #contents_base #contents_inner .merit .sec_inner{
	max-width: 1000px;
}

#contents_inner .close{
	background-image: url('../../../../gas_power/ad/moving14b/moving14b_image/bg_offer_pc.jpg');
	background-position: center top;
	background-repeat: repeat;
	background-color: #ffd800;
}

#contents_inner .caution{
	background-color: #FFF;
	padding: 100px 0 50px;
}
#contents_inner .caution dl{
	text-align: justify;
}
#contents_inner .caution dd{
	margin-bottom: 30px!important;
}
#contents_inner .caution dt,
#contents_inner .caution dd{
	font-size: 18px!important;
	line-height: calc(24/18)!important;
}

#contents_inner .caution dt{
	text-indent: -0.5em;
}

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

/*============================
 追加バナー
 ============================*/

 #contents_inner .banner_area {
	background-color: rgba(235,237,245,1);
	padding:40px 0 20px;
	width:880px;
	margin: 0 auto 30px;
	text-align: center;
}

#contents_inner .banner_area p{
	font-size: 20px;
	line-height: 1.5;
}
#contents_inner .banner_area .banner_text{
	margin-bottom: 10px;
}
#contents_inner .banner_area .banner_text span {
	font-weight: bold;
	font-size: 34px;
}


#contents_inner .banner_area .banner_link a {
	color: #0000ff;
	border-bottom: 1px solid currentColor;
	text-decoration: none;
}
#contents_inner .banner_area .banner_caution {
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
	padding-left: 30px;
}

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

 #fixdBtn {
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	right:0;
 	z-index: 99;
 	width: 100%;
 	margin: 0 auto;

 	transition: .3s;
 	-webkit-transition: .3s;
 	opacity: 1;
 	background-color: #ffd800;
 }

 .fixed_cvbtns-inner {
 	position: relative;
 	margin: 0 auto;
 	max-width: 1076px;

 }
 .btn_fixed{
 	position: absolute;
 	width: 100%;
 	left: 50%;
 	top: 40%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
 }
 .btn_fixed a{
 	width: 49.8141%;
 }

 #fixdBtn p{
 	opacity: 1;
 }
 #fixdBtn img {
 	display: block;
 	width: 100%;
 	max-width: 1080px;
 	margin: 0 auto;
 }

 .is-bnrShow {
 	visibility: visible;
 	opacity: 1!important;

 }
 .is-bnrHide {
 	visibility: hidden;
 	opacity: 0!important;
 }

 /* SP */
 @media screen and (max-width: 767px){
 	#contents_inner .wrap{
 		background-image: none;
 	}


 	#contents #contents_base #contents_inner{
 		max-width: 100%;
 		margin: 0 auto;
 	}

 	#contents #contents_base #contents_inner .sec_inner{
 		max-width: 100%;
 		margin: 0 auto;
 	}

/* header */
#contents #contents_base #contents_inner section.lp_header{
	padding: 3.7333% 5.7333% 2.6667%;
}
#contents #contents_base #contents_inner section.lp_header p{
	width: 29.0667%;
}
 	/* btn */


/* btn */
#contents_inner .cv_box{
max-width: 800px;
margin: 0 auto;
padding: 10.4% 0 11.4667%;
}
#contents_inner section.fv .cv_box{
	padding: 0;
	margin: 0;
}
#contents_inner section.close .cv_box{
	position: absolute;
	bottom: 7%;
	left:50%;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 0;
}

#contents_inner .cv_head{
	width: 45.3333%;
	margin: 0 auto 2%;
}
#contents_inner .cv_head.cv_head_fv{
	margin-top: 0;
}

#contents_inner .btn_cv,
#contents_inner .btn_change {
	width: 92.9333%;
	margin: 0 auto 1%;
}
#contents_inner .btn_cv.btn_fv{
	position: relative;
	width: 85.5%;
	margin: 50px auto 35px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	left: auto;
}
#contents_inner .btn_text{
  width: 67.125%;
  margin: 2% auto 0;
}

#contents_inner .btn_sim{
	width: 75.3333%;
	margin: 0 auto;
	}

#contents_inner .btn_move{
	width: 91.0667%;
	bottom: 10%;
}
#contents_inner .btn_meter{
	width: 75.3333%;
}

#contents_inner .btn_meter.btn_nohave{
	bottom: 11%;
}
/* fv */

#contents_inner .fv_wrap h1{
	padding: 0;
	width: 100%;
}
#contents_inner .fv_wrap .fv_text{
	width:100%;
	margin:0 0 0;
}
#contents_inner .fv_wrap{
	background: none;
	padding-bottom: 0;
}

/* otoku */
#contents_inner .otoku{
	background: none;
}
#contents #contents_base #contents_inner .otoku .note{
/*  width: 90%;*/
  padding: 20px 5.3333% 50px;
}
#contents #contents_base #contents_inner .otoku .note li{
  font-size: 2.9333vw !important;
}
#contents #contents_base #contents_inner .otoku .note  li:nth-child(1) {
    margin-bottom: 6.6667% !important;
}



/* why */
#contents_inner .why{
	background: none;
}
#contents_inner .why h2{
	width: 100%;
}

/* point */
#contents_inner .point{
	background: none;
}


/* switching */
#contents #contents_base #contents_inner .switching_head h2{
	width: 100%;
}

/* faq */
#contents #contents_base #contents_inner .faq{
	background: none;
}
#contents #contents_base #contents_inner .faq_head{
	background: none;
}
#contents #contents_base #contents_inner .faq_head h2{
	width: 100%;
}

#contents #contents_base #contents_inner .faq ul{
	display: block;
}

#contents #contents_base #contents_inner .faq ul li{
	width: 100%;
}
 	/* caution */


 	#contents_inner .caution{

 		padding: 9.3333% 0 5%;
 	}

 	#contents_inner .caution dl{
 		padding:0 5.3333%;
 	}

 	#contents_inner .caution dd{
 		margin-bottom: 6.6667%!important;
 	}
 	#contents_inner .caution dt,
 	#contents_inner .caution dd{
 		font-size: 2.9333vw!important;
 		line-height: 1.5!important;
 	}

/*============================
 追加バナー
 ============================*/

 #contents_inner .banner_area {
	padding:5% 0 3%;
	width:100%;
	margin: 0 auto 5%;
	text-align: center;
}

#contents_inner .banner_area p{
	font-size: 4vw;
	line-height: 1.5;
}
#contents_inner .banner_area .banner_text{
	margin-bottom: 3%;
}
#contents_inner .banner_area .banner_text span {
	font-size: 7vw;
}

#contents_inner .banner_area .banner_caution {
	font-size: 2.5vw;
	margin-top: 5%;
	padding-left: 3%;
}


 	/* fixed */
 .fixed_cvbtns-inner {
 	max-width: 91.33vw;

 }
 .btn_fixed{
 	top: 20%;
    display: block;
 }
 .btn_fixed a{
 	width: 100%;
    margin-bottom: -0.5%;
    display: block;
 }

 }


/*アコーディオン追加*/

 /* ── .lp_contents 配下のスタイル ── */
.lp_contents .addtext{width:90%; margin: auto; max-width:820px;}
.lp_contents .addtext .accordiontit {
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    padding: 0.6em 1.8em 0em 2em;
    margin: 0;
    cursor: pointer;
    user-select: none;
    display: block;
    color: #000;
    }
    .lp_contents .addtext .accordiontit::after {
      content: '+';
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 60%;
      transform: translateY(-50%);
      width: 1.6em;
      height: 1.6em;
      line-height: 1.6;               /* 行間を指定 */
/*      border: 1px solid #000;*/
      box-sizing: border-box;
      font-size: 1em;
/*		background-color: #FFF;*/
    }
    .lp_contents .addtext .accordiontit.active::after {
      content: '–';
    }

    .lp_contents .addtext .addtextlist {
      font-size: 12px;
      line-height: 1.6;               /* 行間を指定 */
      display: none;
      margin: 0 0 0 3em;
      color: #333;
    }
    .lp_contents .addtext .note-number {
      float: left;
      width: 3em;
      margin-left: -3em;
      margin-right: 0.5em;
      text-align: right;
      line-height: 1.6;               /* 行間を指定 */
    }

.lp_contents .why .addtext{position: absolute; top:63%; left: 0; width:70%;}
.lp_contents .why .sec_inner{position: relative;}


 @media screen and (max-width: 767px){
	 
	 .lp_contents .addtext .accordiontit {
    font-size: 3.2vw;
    }
	 .lp_contents .addtext .addtextlist {
      font-size: 2.8vw;
    } 	 
	 .lp_contents .why .addtext{position: absolute;top: 77%;    left: 5%;    width: 53%;}
.lp_contents .why .sec_inner{position: relative;}
	 .lp_contents .why .addtext .accordiontit {
    font-size: 2.8vw;
    }
	 .lp_contents .why .addtext .addtextlist {
      font-size: 2.2vw;
    } 	 
	 
}