@charset "UTF-8";

/*
 * Ⅰ. 汎用パーツ
 * Ⅱ. 汎用ブロック
 * を記載
 *
 */

/* ==========================================================
 【 Ⅰ. 汎用パーツ 】

 1. position
 2. font
 3. accordion
 4. radius
 5. shadow
 6. icon
 7. title
 8. button
 9 .banner
 10. bg
 11. column
 12. list
 13. box

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

/* --------------------------------------
 1. position
 -------------------------------------- */

/* float
 * ------------------------- */

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

/* align
 * ------------------------- */

.al_center {
	text-align: center;
}
.al_left {
	text-align: left;
}
.al_right {
	text-align: right;
}

/* text-indent
 * ------------------------- */
.text_indent {
	padding-left: 1em;
	text-indent: -1em;
}

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

.mgb0 {
	margin-bottom: 0px !important;
}
.mgb5 {
	margin-bottom: 5px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb25 {
	margin-bottom: 25px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb35 {
	margin-bottom: 35px;
}
.mgb40 {
	margin-bottom: 40px;
}
.mgb50 {
	margin-bottom: 50px;
}
.mgb60 {
	margin-bottom: 60px;
}
.mgb70 {
	margin-bottom: 70px;
}
.mgb80 {
	margin-bottom: 80px;
}
.mgb90 {
	margin-bottom: 90px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.mgb0_sp {
		margin-bottom: 0px !important;
	}
	.mgb0 {
		margin-bottom: 0px !important;
	}
	.mgb5 {
		margin-bottom: 0.78125%;
	}
	.mgb10 {
		margin-bottom: 1.5625%;
	}
	.mgb15 {
		margin-bottom: 2.34375%;
	}
	.mgb20 {
		margin-bottom: 3.125%;
	}
	.mgb25 {
		margin-bottom: 3.90625%;
	}
	.mgb30 {
		margin-bottom: 4.6875%;
	}
	.mgb35 {
		margin-bottom: 5.46875%;
	}
	.mgb40 {
		margin-bottom: 6.25%;
	}
	.mgb50 {
		margin-bottom: 7.8125%;
	}
	.mgb60 {
		margin-bottom: 9.375%;
	}
	.mgb70 {
		margin-bottom: 10.9375%;
	}
	.mgb80 {
		margin-bottom: 12.5%;
	}
	.mgb90 {
		margin-bottom: 14.0625%;
	}
}

/* --------------------------------------
 2. font
 -------------------------------------- */

/* font-color
 * ------------------------- */
.fc_osaka {
	color: #ee4920;
}
.fc_yellow {
	color: #f4c600;
}
.fc_blue {
	color: #0d9bdb;
}
.fc_blue_deep {
	color: #007fff;
}
.fc_red {
	color: #f00;
}
.fc_red_deep {
	color: #ee4920;
}
.fc_green {
	color: #00a085;
}
.fc_violet {
	color: #4e68a9;
}
.fc_azure {
	color: #2c3f52;
}

/* font-size
 * ------------------------- */
.fs_12 {
	font-size: 60%;
}
.fs_14 {
	font-size: 70%;
}
.fs_16 {
	font-size: 80%;
}
.fs_18 {
	font-size: 90%;
}
.fs_22 {
	font-size: 110%;
}
.fs_24 {
	font-size: 120%;
}
.fs_26 {
	font-size: 130%;
}
.fs_28 {
	font-size: 140%;
}
.fs_30 {
	font-size: 150%;
}
.fs_32 {
	font-size: 160%;
}
.fs_34 {
	font-size: 170%;
}
.fs_36 {
	font-size: 180%;
}
.fs_38 {
	font-size: 190%;
}
.fs_40 {
	font-size: 200%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.fs_12 {
		font-size: 60%;
	}
	.fs_14 {
		font-size: 70%;
	}
	.fs_16 {
		font-size: 80%;
	}
	.fs_18 {
		font-size: 90%;
	}
	.fs_22 {
		font-size: 110%;
	}
	.fs_24 {
		font-size: 120%;
	}
	.fs_26 {
		font-size: 125%;
	}
	.fs_28 {
		font-size: 125%;
	}
	.fs_30 {
		font-size: 150%;
	}
	.fs_32 {
		font-size: 150%;
	}
	.fs_34 {
		font-size: 150%;
	}
	.fs_36 {
		font-size: 150%;
	}
	.fs_38 {
		font-size: 150%;
	}
	.fs_40 {
		font-size: 150%;
	}
}

/* font-weight
 * ------------------------- */

.fw_b {
	font-weight: bold;
}
.fw_n {
	font-weight: normal;
}

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

.text_underline {
	text-decoration: underline;
}
.text_underline_no {
	text-decoration: none;
}

/* letter-spacing
 * ------------------------- */
.text_lsp-1 {
	letter-spacing: -1px;
}

/* --------------------------------------
 3. accordion
 -------------------------------------- */

/* --------------------------------------
 4. radius
 -------------------------------------- */

/* default
 * ------------------------- */

.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* --------------------------------------
 5. shadow
 -------------------------------------- */

/* default
 * ------------------------- */

.shadow_black_4px {
	box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 4px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 4px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 4px 4px;
}
.shadow_black_2px {
	box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 2px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 2px 2px;
}

/* --------------------------------------
 6. icon
 -------------------------------------- */

/* icon_round_arrowright
 * ------------------------- */
.icon_round_arrowright {
	display: inline-block;
	padding-right: 20px;
	background: url(../img/index/img_repair_arrow.png) no-repeat right center;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.icon_round_arrowright {
		padding-right: 15px;
		background-size: auto 10px;
	}
}

/* --------------------------------------
 7. title
 -------------------------------------- */

/* title_border_radius
 * ------------------------- */
.title_border_radius {
	padding: 20px;
	border-style: solid;
	border-width: 4px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 1;
	text-align: center;
	font-size: 120%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.title_border_radius {
		padding: 3.125%;
		line-height: 1.3;
		border-width: 2px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
}

/* title_border_bottom
 * ------------------------- */
.title_border_bottom {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-style: solid;
}
.title_border_bottom.pdb20 {
	padding-bottom: 20px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.title_border_bottom {
		padding-bottom: 3.125%;
		text-align: center;
	}
	.title_border_bottom.pdb20 {
		padding-bottom: 3.125%;
	}
}

/* color */
.title_border_bottom.blue {
	border-color: #0d9bdb;
}
.title_border_bottom.gray_deep {
	border-color: #525252;
}
.title_border_bottom.black {
	border-color: #000;
}

/* title_border_bottombold
 * ------------------------- */
.title_border_bottombold {
	padding-bottom: 5px;
	border-bottom-width: 3px;
	border-style: solid;
}
.title_border_bottombold.pdb20 {
	padding-bottom: 20px;
}

/* color */
.title_border_bottombold.blue {
	border-color: #0d9bdb;
}
.title_border_bottombold.gray_deep {
	border-color: #525252;
}
.title_border_bottombold.black {
	border-color: #000;
}

/* title_bg_gray
 * ------------------------- */
.title_bg_gray {
	padding: 15px 5px;
	background-color: #eee;
}

/* --------------------------------------
 8. button
 -------------------------------------- */

/* button_img_blacklong
 * ------------------------- */
.button_img_blacklong {
	display: inline-block;
	width: 300px;
	height: 43px;
	padding: 9px 5px 0 35px;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: url(../img/common/bg_btn_long.png) no-repeat left top;
}
.button_img_blacklong:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.button_img_blacklong {
		width: 244px;
		height: 35px;
		padding: 9px 5px 0 35px;
		background-size: 100% auto;
	}
	.button_img_blacklong:hover {
		text-decoration: none;
	}
}

/* button_img_blackshort
 * ------------------------- */
.button_img_blackshort {
	display: inline-block;
	width: 220px;
	height: 44px;
	padding: 10px 5px 0 50px;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: url(../img/common/bg_btn_short.png) no-repeat left top;
}
.button_img_blackshort:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.button_img_blackshort {
		width: 165px;
		height: 33px;
		padding: 9px 5px 0 35px;
		background-size: 100% auto;
	}
	.button_img_blackshort:hover {
		text-decoration: none;
	}
}

/* button_img_blackmini
 * ------------------------- */
.button_img_blackmini {
	display: inline-block;
	width: 150px;
	height: 44px;
	padding: 10px 5px 0 50px;
	box-sizing: border-box;
	text-align: left;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	background: url(../img/common/bg_btn_mini.png) no-repeat left top;
}
.button_img_blackmini:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.button_img_blackmini {
		width: 100px;
		height: 29px;
		padding: 6px 5px 0 30px;
		background-size: 100% auto;
	}
}

/* --------------------------------------
 9. banner
 -------------------------------------- */

/* banner_gray
 * ------------------------- */
.banner_gray {
	display: inline-block;
	padding: 13px 20px;
	background-color: #eee;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.banner_gray {
		display: block;
		width: 223px;
		padding: 10px 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}

/* --------------------------------------
 10. bg
 -------------------------------------- */

/* default
 * ------------------------- */

/* --------------------------------------
 11. column
 -------------------------------------- */

/* column_half
 * ------------------------- */
.column_half {
	margin-right: -12px;
	overflow: hidden;
}

/* column */
.column_half .column {
	float: left;
	width: 474px;
	margin-right: 12px;
	margin-bottom: 12px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.column_half {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
	}
	/* column */
	.column_half .column {
		width: 46.875%;
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		margin-bottom: 3.125%;
	}
	/* buttons */
	.column_half.buttons {
		margin-left: 0;
		margin-right: 0;
	}
	/* column */
	.column_half.buttons .column {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3.125%;
	}
	.column_half.buttons .column img {
		width: 100%;
	}
}

/* column_trisection
 * ------------------------- */
.column_trisection {
	margin-right: -12px;
	overflow: hidden;
}
/* column */
.column_trisection .column {
	float: left;
	width: 312px;
	margin-right: 10px;
	margin-bottom: 12px;
}
.column_trisection .column:nth-child(3) {
	float: left;
	width: 312px;
	margin-right: 0px;
	margin-bottom: 12px;
}

/* column_four
 * ------------------------- */
.column_four {
	margin-right: -10px;
	overflow: hidden;
}

/* column */
.column_four .column {
	float: left;
	width: 232px;
	margin-right: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.column_four {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
	}
	/* column */
	.column_four .column {
		width: 46.875%;
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		margin-bottom: 3.125%;
	}
	.column_four .column img {
		width: 100%;
	}
}

/* --------------------------------------
 12. list
 -------------------------------------- */

/* default
 * ------------------------- */

/* --------------------------------------
 13. box
 -------------------------------------- */

/* box_line_gray
 * ------------------------- */
.box_line_gray {
	border-bottom: 1px solid #525252;
	overflow: hidden;
}

/* box_line_blue
 * ------------------------- */
.box_line_blue {
	padding: 20px;
	border-bottom: 1px solid #009ade;
	overflow: hidden;
}
.box_line_blue:first-child {
	border-top: 1px solid #009ade;
}

/* title */
.box_line_blue .title {
	color: #0099de;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.box_line_blue {
		padding: 3.125%;
	}
}

/* ==========================================================
 【 Ⅱ. 汎用ブロック 】

 _ module_repair_menu
 _ module_repair_model
 - module_repair_media
 _ module_banners
 _ module_banner_full
 _ module_commonmenu
 _ module_tabbox
 _ module_step
 _ module_table
 _ module_table_price
 _ module_table_company
 _ module_checklist
 _ module_labellist
 _ module_partslist
 _ module_newslist
 _ module_newslist_detail
 _ module_form
 _ module_ssl_label
 _
 _
 _
 _

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

/* --------------------------------------
 module_repair_menu
 -------------------------------------- */

.module_repair_menu {
	overflow: hidden;
}

/* repair_menu_inner
 * ------------------------- */
.repair_menu_inner {
	margin-right: -10px;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_menu_inner {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
	}
}

/* list_item */
.repair_menu_inner .list_item {
	float: left;
	width: 232px;
	background-color: #ebeff0;
	margin-right: 10px;
	margin-bottom: 10px;
}
.repair_menu_inner .list_item .inner {
	padding: 7px;
}
.repair_menu_inner .list_item .img {
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_menu_inner .list_item {
		width: 46.875%;
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		margin-bottom: 3.125%;
	}
	.repair_menu_inner .list_item .inner {
		padding: 7px;
	}
	.repair_menu_inner .list_item .img {
		margin-bottom: 5px;
	}
	.repair_menu_inner .list_item .img img {
		width: 75%;
	}
}

/* repair_menu_title
 * ------------------------- */
.repair_menu_title {
	display: table;
	width: 100%;
	line-height: 1.2;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}
.repair_menu_title a {
	display: table-cell;
	vertical-align: middle;
}
.repair_menu_title a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_menu_title {
		line-height: 1.5;
		font-size: 100%;
	}
}

/* --------------------------------------
 module_repair_model
 -------------------------------------- */

.module_repair_model {
	overflow: hidden;
}

.module_repair_model .readmore {
	cursor: pointer;
}

/* repair_model_inner
 * ------------------------- */
.repair_model_inner {
	margin-right: -10px;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_model_inner {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
	}
}

/* list_item */
.repair_model_inner .list_item {
	float: left;
	width: 232px;
	height: 232px;
	padding: 65px 75px 0;
	box-sizing: border-box;
	line-height: 1.2;
	text-align: center;
	background-position: left top;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.repair_model_inner .list_item a:hover {
	text-decoration: none;
}

/* iphone */
.iphone .list_item {
	background-image: url(../img/index/img_menu_iphone.png)
}

/* ipad */
.ipad .list_item {
	padding-left: 85px;
	padding-right: 85px;
	background-image: url(../img/index/img_menu_ipad.png)
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_model_inner .list_item {
		position: relative;
		width: 46.875%;
		height: 0;
		padding: 46.875% 0 0;
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		margin-bottom: 3.125%;
		line-height: 1.5;
		background-size: 100% 100%;
	}
	.repair_model_inner .list_item a {
		position: absolute;
		top: 25%;
		left: 0;
		display: block;
		width: 100%;
		padding: 0 35%;
		box-sizing: border-box;
		text-align: center;
	}
	.repair_model_inner .list_item a:hover {
		text-decoration: none;
	}
	/* ipad */
	.ipad .list_item a {
		padding: 0 40%;
	}
}

/* --------------------------------------
 module_repair_media
 -------------------------------------- */

.module_repair_media {
	padding-top: 20px;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_repair_media {
		padding-top: 0;
	}
}

/* repair_media_image
 * ------------------------- */
.repair_media_image {
	float: right;
	width: 410px;
}
.repair_media_image .inner {
	padding: 0 5px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_media_image {
		float: none;
		width: auto;
		text-align: center;
	}
	.repair_media_image.mgb {
		margin-bottom: 6.25%;
	}
	.repair_media_image img {
		width: 71.3%;
	}
	.repair_media_image .inner {
		padding: 0;
	}
}

/* repair_media_body
 * ------------------------- */
.repair_media_body {
	margin-right: 460px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_media_body {
		margin-right: 0;
	}
}

/* repair_media_title
 * ------------------------- */
.repair_media_body .title {
	padding-top: 100px;
	text-align: center;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.repair_media_body .title {
		padding-top: 6.25%;
		margin-bottom: 6.25%;
	}
}

/* --------------------------------------
 module_banners
 -------------------------------------- */

.module_banners {
	overflow: hidden;
}

/* banners_banner
 * ------------------------- */
.banners_banner {
	margin-bottom: 30px;
}
.banners_banner img {
	background-color: #fff;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.banners_banner {
		text-align: center;
		margin-bottom: 4.6875%;
	}
}

/* --------------------------------------
 module_banner_full
 -------------------------------------- */

.module_banner_full img {background-color#fff;
}

/* --------------------------------------
 module_commonmenu
 -------------------------------------- */

.module_commonmenu {
	overflow: hidden;
}

/* --------------------------------------
 module_tabbox
 -------------------------------------- */

.module_tabbox {
	position: relative;
	padding-top: 58px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_tabbox {
		padding-top: 29px;
	}
}

/* tabbox_switcher
 * ------------------------- */
.tabbox_switcher {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	height: 59px;
	padding: 0 20px;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.tabbox_switcher {
		width: 100%;
		height: 30px;
		padding: 0;
	}
}

/* tab */
.tabbox_switcher .tab {
	display: table-cell;
	min-width: 300px;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	vertical-align: middle;
	text-align: center;
	color: #b0b0b0;
	background-color: #ccc;
}
.tabbox_switcher .tab span {
	display: inline-block;
	padding-left: 25px;
	font-size: 120%;
	background: url(../img/common/img_arrow_gray.png) no-repeat left center;
}
/* current */
.tabbox_switcher .tab.current {
	color: #f4c600;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
.tabbox_switcher .tab:hover {
	color: #f4c600;
	background-color: #fff;
}
.tabbox_switcher .tab.current span, .tabbox_switcher .tab:hover span {
	background-image: url(../img/common/icon_arrow_yellow1.png);
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.tabbox_switcher .tab {
		min-width: 50%;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
	}
	.tabbox_switcher .tab span {
		padding-left: 25px;
		font-size: 100%;
		background-size: auto 100%;
	}
}

/* tabbox_body
 * ------------------------- */
.tabbox_body {
	padding: 14px;
	border: 1px solid #cdcdcd;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.tabbox_body {
		padding: 3.125%;
	}
}

/* --------------------------------------
 module_step
 -------------------------------------- */

.module_step {
	overflow: hidden;
}

/* step_section
 * ------------------------- */
.step_section {
	padding-top: 115px;
	background: url(../img/common/icon_arrow_yellow2.png) no-repeat center 40px;
}
.step_section:first-child {
	padding-top: 0;
	background: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.step_section {
		padding-top: 80px;
		background-position: center 30px;
		background-size: 20px auto;
	}
}

/* inner */
.step_section .inner {
	min-height: 84px;
	padding-left: 95px;
	background-position: left top;
	background-repeat: no-repeat;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.step_section .inner {
		min-height: 67px;
		padding-left: 14.5%;
		background-size: 12.5% auto;
	}
}

/* step */
.step_section.step1 .inner {
	background-image: url(../img/common/icon_step_yellow1.png);
}
.step_section.step2 .inner {
	background-image: url(../img/common/icon_step_yellow2.png);
}
.step_section.step3 .inner {
	background-image: url(../img/common/icon_step_yellow3.png);
}
.step_section.step4 .inner {
	background-image: url(../img/common/icon_step_yellow4.png);
}
.step_section.step5 .inner {
	background-image: url(../img/common/icon_step_yellow5.png);
}
.step_section.step6 .inner {
	background-image: url(../img/common/icon_step_yellow6.png);
}

/* title */
.step_section .title {
	padding-bottom: 5px;
	border-bottom: 1px solid #f4c600;
	font-size: 150%;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.step_section .title {
		padding-bottom: 3.125%;
		border-bottom: 1px solid #f4c600;
		font-size: 125%;
		margin-bottom: 3.125%;
	}
}

/* skin noborder
 * ------------------------- */
.module_step.noborder .step_section .inner {
	padding-left: 75px;
	background-size: auto 60px;
}
/* title */
.module_step.noborder .step_section .title {
	border-bottom: 0 !important;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_step.noborder .step_section .inner {
		padding-left: 22%;
		background-size: 18% auto;
	}
}

/* green
 * ------------------------- */
.module_step.green .step_section {
	background-image: url(../img/common/icon_arrow_green.png);
}
.module_step.green .step_section:first-child {
	padding-top: 0;
	background: none;
}
.module_step.green .step_section.step1 .inner {
	background-image: url(../img/common/icon_step_green1.png);
}
.module_step.green .step_section.step2 .inner {
	background-image: url(../img/common/icon_step_green2.png);
}
.module_step.green .step_section.step3 .inner {
	background-image: url(../img/common/icon_step_green3.png);
}
.module_step.green .step_section.step4 .inner {
	background-image: url(../img/common/icon_step_green4.png);
}
.module_step.green .step_section.step5 .inner {
	background-image: url(../img/common/icon_step_green5.png);
}
.module_step.green .step_section .title {
	border-color: #00bd9c;
}

/* gray
 * ------------------------- */
.module_step.gray .step_section {
	background-image: url(../img/common/img_arrow_gray.png);
}
.module_step.gray .step_section:first-child {
	padding-top: 0;
	background: none;
}
.module_step.gray .step_section.step1 .inner {
	background-image: url(../img/common/icon_step_gray1.png);
}
.module_step.gray .step_section.step2 .inner {
	background-image: url(../img/common/icon_step_gray2.png);
}
.module_step.gray .step_section.step3 .inner {
	background-image: url(../img/common/icon_step_gray3.png);
}
.module_step.gray .step_section.step4 .inner {
	background-image: url(../img/common/icon_step_gray4.png);
}
.module_step.gray .step_section.step5 .inner {
	background-image: url(../img/common/icon_step_gray5.png);
}
.module_step.gray .step_section.step6 .inner {
	background-image: url(../img/common/icon_step_gray6.png);
}
.module_step.gray .step_section.step7 .inner {
	background-image: url(../img/common/icon_step_gray7.png);
}
.module_step.gray .step_section .title {
	border-color: #525252;
}

/* --------------------------------------
 module_table
 -------------------------------------- */

.module_table {
	display: table;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_table {
		display: block;
		height: auto !important;
	}
}

/* table_cell
 * ------------------------- */
.table_cell {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_cell {
		display: block;
	}
}

/* --------------------------------------
 module_table_price
 -------------------------------------- */

.module_table_price {
	overflow: hidden;
}

/* table_price
 * ------------------------- */
.table_price_table {
	width: 100%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_price_table {
		font-size: 80%;
	}
}

/* th,td */
.table_price_table th, .table_price_table td {
	padding: 15px 10px;
	border: 1px solid #aaa;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.table_price_table td span {
	color: #f00;
}
.table_price_table td.al_left {
	text-align: left;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_price_table th, .table_price_table td {
		padding: 2.34375% 1.5625%;
		border: 1px solid #aaa;
		vertical-align: middle;
		text-align: center;
		font-weight: bold;
	}
	.table_price_table td span {
		color: #f00;
	}
	.table_price_table td.al_left {
		text-align: left;
	}
}

/* line */
.table_price_table .line1 {
	width: 14%
}
.table_price_table .line2 {
	width: 17%
}
.table_price_table .line3 {
	width: 10%
}
.table_price_table .line4 {
	width: 28%
}
.table_price_table .line5 {
	width: 36%
}

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

/* table_price_label
 * ------------------------- */
.table_price_label {
	width: 28%;
	background-color: #f4f4f4;
}
.table_price_table th.table_price_label {
	border: 0;
}
.table_price_table th.table_price_label.border {
	border: 1px solid #aaa;
}

/* color skin
 * ------------------------- */
.table_price_table.yellow .table_price_heading {
	background-color: #f4c600;
}
.table_price_table.yellow .table_price_label {
	background-color: #fffae6;
}

/* --------------------------------------
 module_table_company
 -------------------------------------- */

.module_table_company {
	overflow: hidden;
}

/* table_company_table
 * ------------------------- */
.table_company_table {
	width: 100%;
}

/* th,td */
.table_company_table th, .table_company_table td {
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #aaa;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_company_table th, .table_company_table td {
		padding: 3.125%;
	}
}

/* th */
.table_company_table th {
	width: 150px;
	text-align: center;
	background-color: #fffae6;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_company_table th {
		width: 30%;
	}
}

/* td */
.table_company_table td {
	text-align: left;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.table_company_table td iframe {
		width: 100%;
		height: auto;
	}
}

/* --------------------------------------
 module_checklist
 -------------------------------------- */
.module_checklist {
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_checklist {
		margin-left:3.125%;
	}
	.module_checklist.sp_mgl {
		margin-left: 30%;
	}
}

/* list_item */
.module_checklist .list_item {
	padding-left: 40px;
	font-size: 135%;
	background: url(../img/common/img_chk.png) no-repeat left top;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_checklist .list_item {
		float: none;
		padding-left: 30px;
		line-height: 1.5;
		font-size: 120%;
		background-size: 20px auto;
		margin-bottom: 3.125%;
	}
}

/* --------------------------------------
 module_labellist
 -------------------------------------- */

.module_labellist {
	margin-right: -10px;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_labellist {
		margin-left: -1.5625%;
		margin-right: -1.5625%;
	}
}

/* list_item */
.module_labellist .list_item {
	float: left;
	width: 245px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* label */
.module_labellist .label {
	display: block;
	padding: 18px 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	color: #fff;
	background-color: #007fbf;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_labellist .list_item {
		width: 46.875%;
		margin-left: 1.5625%;
		margin-right: 1.5625%;
		margin-bottom: 3.125%;
	}

	/* label */
	.module_labellist .label {
		display: block;
		padding: 15px 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
}

/* --------------------------------------
 module_partslist
 -------------------------------------- */

.module_partslist {
	overflow: hidden;
}

/* partslist_section
 * ------------------------- */
.partslist_section {
	padding: 25px 0 30px;
	border-bottom: 1px solid #525252;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.partslist_section {
		padding: 3.90625% 0;
	}
}

/* head */
.partslist_section .section_head {
	margin-bottom: 20px;
}
.partslist_section .section_head .title {
	color: #00a186;
	font-size: 150%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.partslist_section .section_head {
		margin-bottom: 3.125%;
	}
	.partslist_section .section_head .title {
		font-size: 125%;
	}
}

/* section_body */
.partslist_section .section_body {
	overflow: hidden;
}
.partslist_section .section_body .img {
	float: left;
	width: 300px;
}
.partslist_section .section_body .img img {
	width: 100%;
}
.partslist_section .section_body .body {
	margin-left: 330px;
}
.partslist_section .section_body .text {
	min-height: 190px;
	padding-bottom: 20px;
	padding-right: 20px;
}
.partslist_section .section_body .price {
	position: relative;
	padding-right: 240px;
}
.partslist_section .section_body .price .button {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.partslist_section .section_body .img {
		width: 45%;
	}
	.partslist_section .section_body .img img {
		width: 100%;
	}
	.partslist_section .section_body .body {
		margin-left: 50%;
	}
	.partslist_section .section_body .text {
		min-height: 100%;
		padding-bottom: 3.125%;
		padding-right: 3.125%;
	}
	.partslist_section .section_body .price {
		clear: both;
		position: relative;
		padding-top: 6.25%;
		padding-right: 0;
		padding-bottom: 45px;
		margin-left: -100%;
	}
	.partslist_section .section_body .price .button {
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -82px;
	}
}

/* --------------------------------------
 module_newslist
 -------------------------------------- */

.module_newslist {
	border-bottom: 1px solid #525252;
	overflow: hidden;
}

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

/* list_head */
.newslist_item .list_head {
	display: table;
	width: 100%;
	border-top: 1px solid #525252;
	border-bottom: 1px solid #525252;
	background: #eaeeef;
}
.newslist_item .list_head .head, .newslist_item .list_head .button {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}
.newslist_item .list_head .head {
	line-height: 1.3;
}
.newslist_item .list_head .title {
	font-size: 120%;
	margin-bottom: 5px;
}
.newslist_item .list_head .button {
	width: 150px;
	text-align: center;
}
.newslist_item .list_head .category {
	font-size: 90%;
}
.newslist_item .list_head .category a {
	color: #0c99d9;
	text-decoration: underline;
}
.newslist_item .list_head .category a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.newslist_item .list_head .head, .newslist_item .list_head .button {
		padding: 3.125%;
	}
	.newslist_item .list_head .button {
		width: 100px;
		text-align: center;
	}
}

/* list_body */
.newslist_item .list_body {
	padding: 20px;
	line-height: 1.3;
}
.newslist_item .list_body .text {
	margin-bottom: 5px;
}
.newslist_item .list_body .link a {
	color: #0c99d9;
	text-decoration: underline;
}
.newslist_item .list_body .link a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.newslist_item .list_body {
		padding: 3.125%;
	}
}

/* --------------------------------------
 module_newslist_detail
 -------------------------------------- */

.module_newslist_detail {
	margin-bottom: 20px;
	overflow: hidden;
}
.module_newslist_detail img {
	max-width: 100%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_newslist_detail {
		margin-bottom: 3.125%;
	}
	.module_newslist_detail img {
		width: 66.67%;
	}
}

/* newslist_detail_head
 * ------------------------- */
.newslist_detail_head {
	padding: 20px;
	border-top: 1px solid #525252;
	border-bottom: 1px solid #525252;
	line-height: 1.3;
	background: #eaeeef;
}

/* title */
.newslist_detail_head .title {
	font-size: 120%;
	margin-bottom: 5px;
}

/* category */
.newslist_detail_head .category {
	font-size: 90%;
}
.newslist_detail_head .category a {
	color: #0c99d9;
	text-decoration: underline;
}
.newslist_detail_head .category a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.newslist_detail_head {
		padding: 3.125%;
	}
}

/* newslist_detail_body
 * ------------------------- */
.newslist_detail_body {
	padding: 40px 20px 10px;
	border-bottom: 1px solid #525252;
	line-height: 1.3;
	margin-bottom: 60px;
}

/* p */
.newslist_detail_body p {
	margin-bottom: 30px;
}

/* a */
.newslist_detail_body a {
	color: #0c99d9;
	text-decoration: underline;
}
.newslist_detail_body a:hover {
	text-decoration: none;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.newslist_detail_body {
		padding: 6.25% 3.125% 1.5625%;
		margin-bottom: 6.25%;
	}
	/* p */
	.newslist_detail_body p {
		margin-bottom: 4.6875%;
	}
}

/* newslist_detail_button
 * ------------------------- */
.newslist_detail_button {
	text-align: center;
}

/* --------------------------------------
 module_form
 -------------------------------------- */

.module_form {
	padding: 0 70px;
	overflow: hidden;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_form {
		padding: 0;
	}
}

/* label */
.module_form label {
	display: inline-block;
	font-size: 90%;
	margin-bottom: 5px;
	margin-right: 20px;
	cursor: pointer;
}
.module_form label.half {
	width: 48%;
	margin-right: 1%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_form label {
		vertical-align: top;
		font-size: 100%;
		margin-bottom: 1.5625%;
		margin-right: 3.125%;
	}
	.module_form label.half {
		width: 48%;
		margin-right: 1%;
	}
}

/* input,textarea */
.module_form input {
	vertical-align: middle;
}
.module_form input[type="text"] {
	width: 50%;
	padding: 2px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.5;
	font-size: 90%;
}
.module_form input[type="text"].half {
	width: 25%;
}
.module_form select {
	width: 50%;
}
.module_form textarea {
	width: 100% !important;
	height: 100px !important;
	padding: 2px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.5;
	font-size: 90%;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_form input[type="text"] {
		width: 100%;
		font-size: 100%;
	}
	.module_form input[type="text"].half {
		width: 50%;
	}
	.module_form select {
		width: 100%;
	}
	.module_form textarea {
		height: 100px;
		font-size: 100%;
	}
}

/* 送信ボタン */
.module_form input[type="submit"] {
	display: inline-block;
	height: 0;
	border: 0;
	line-height: 2;
	overflow: hidden;
	cursor: pointer;
}
.module_form input[type="submit"].confirm {
	width: 474px;
	padding-top: 100px;
	background: url(../img/01_site/btn_confirm.png) no-repeat left top;
}
.module_form input[type="submit"].reset {
	width: 474px;
	padding-top: 100px;
	background: url(../img/common/btn_reset.png) no-repeat left top;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.module_form input[type="submit"].confirm {
		width: 237px;
		padding-top: 50px;
		background-size: 100% 100%;
	}
	.module_form input[type="submit"].reset {
		width: 237px;
		padding-top: 50px;
		background-size: 100% 100%;
	}
}

/* form_block
 * ------------------------- */
.form_block {
	overflow: hidden;
	margin-bottom: 50px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.form_block {
		margin-bottom: 6.25%;
	}
}

/* form_title
 * ------------------------- */
.form_title {
	font-weight: bold;
	margin-bottom: 15px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.form_title {
		font-weight: bold;
		margin-bottom: 3.125%;
	}
}

/* form_item
 * ------------------------- */
.form_item {
	overflow: hidden;
}
.form_item a {
	font-size: 80%;
	margin-left: 15px;
}

/* form_button
 * ------------------------- */
.form_button {
	padding-top: 20px;
	text-align: center;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.form_button {
		padding-top: 0;
	}
}

/* --------------------------------------
 module_ssl_label
 -------------------------------------- */

.module_ssl_label {
	overflow: hidden;
}

/* ssl_label_img
 * ------------------------- */
.ssl_label_img {
	float: left;
	width: 80px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.ssl_label_img {
		float: left;
		width: 20%;
	}
}

/* ssl_label_body
 * ------------------------- */
.ssl_label_body {
	/*padding-top: 15px;*/
	margin-left: 110px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.ssl_label_body {
		/*padding-top: 2.34375%;*/
		margin-left: 25%;
	}
}