@charset "UTF-8";

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


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