@charset "utf-8";
/* support.css */

.sec_inner {
	max-width : 740px;
	margin    : 0 auto;
}

@media only screen and (max-width : 767px) {
	.sec_inner {
		padding : 0 20px;
	}
}

.cmn_page_head {
	background-image : url("../img/support/main_img.jpg");
}

@media only screen and (max-width : 767px) {
	.cmn_page_head {
		height : 200px;
	}
}

.cmn_bg_parts {
	height : 90px;
	margin : 32px -165px 3px;
}

@media only screen and (max-width : 767px) {
	.cmn_bg_parts {
		height : 50px;
		margin : 20px 0 0;
	}
}

.cmn_page_head .main_ttl img {
	max-width : 400px;
}

@media only screen and (max-width : 767px) {
	.cmn_page_head .main_ttl img {
		max-width : 300px;
	}
}

.cmn_page_ttl .ttl {
	margin : 50px 0 0;
}

.cmn_page_ttl .ttl .txt_img {
	max-width : 590px;
}

@media only screen and (max-width : 767px) {
	.cmn_page_ttl .ttl .txt_img {
		max-width : 280px;
	}
}

.cmn_page_head .txt_01 {
	background : #191970;
	/*background : #41a1be;*/
	min-width  : 225px;
}

.sec_01 .sec_inner > .detail {
	font-size   : 14px;
	line-height : 24px;
	margin      : 40px 0 0;
	text-align  : center;
	color       : #4c4948;
}
@media only screen and (max-width : 767px) {
	.sec_01 .sec_inner > .detail {
		margin      : 20px 0 0;
	}
}

.support_list {
	margin-top : 60px;
}

@media only screen and (max-width : 767px) {
	.import_cmn_brand .support_list {
		margin-top : 30px;
	}
}

.support_list {
	margin-right : auto;
	margin-left  : auto;
}

@media only screen and (max-width : 767px) {
	.support_list {
		max-width : 100%;
		margin-top: 30px;
	}
}

.support_list .item {
	line-height   : 40px;
	padding       : 8px 25px;
	color         : #fff;
	border-radius : 5px;
	display       : flex;
	align-items   : center;
	margin-bottom : 18px;
}

@media only screen and (max-width : 767px) {
	.support_list .item {
		display    : block;
		text-align : center;
		padding    : 5px 15px;
	}
}

.support_list li:last-child {
	margin-bottom : 0;
}

.support_list .txt_01 {
	font-size : 14px;
	margin    : 0 5px 0 0;
}

@media only screen and (max-width : 767px) {
	.support_list .txt_01 {
		display        : inline-block;
		vertical-align : middle;
	}
}

.support_list .num {
	font-size    : 28px;
	padding      : 0 24px 0 0;
	border-right : 1px solid;
}

@media only screen and (max-width : 767px) {
	.support_list .num {
		display        : inline-block;
		vertical-align : middle;
		border         : none;
		padding        : 0;
	}
}

.support_list .detail {
	font-size : 18px;
	margin    : 0 0 0 30px;
}

@media only screen and (max-width : 767px) {
	.support_list .detail {
		margin     : 0;
		font-size  : 16px;
		border-top : 1px solid #fff;
	}
}

.support_list .item_01 {
	background : #696969;
	/*background : #191970;*/	
	/*background : #00aebb;*/
}

.support_detail {
	font-size   : 14px;
	line-height : 24px;
	margin      : 20px 0 0;
	color       : #4c4948;
}

.support_detail span {
	color : #4682b4;
	/*color : #4169e1;*/
	/*color : #00aebb;*/
	margin-right:5px;
}

.support_box {
	border-right : 1px solid #4c4948;
	border-left  : 1px solid #4c4948;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
@media only screen and (max-width : 767px) {
	.support_box {
		margin-top: 40px;
		display: block;
		padding: 0 20px;
	}
}
.support_box_02{
	padding: 0 0 0 40px;
	margin-bottom: 80px;
}
@media only screen and (max-width : 767px) {
	.support_box_02{
		padding: 0 20px;
	}
}
.support_box .box_l {
	background: #efefef;
	font-size : 16px;
	line-height : 24px;
	color : #4682b4;
	/*color : #191970;*/
	/*color : #00AEBB;*/
	display: flex;
	width: 135px;
	height: 135px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 25px;
}
@media only screen and (max-width : 767px) {
	.support_box .box_l {
		color : #00AEBB;
		display: flex;
		width: 100%;
		height: auto;
		margin-right: 0;
padding: 10px;
	}
}
.support_box .box_r {
	font-size   : 14px;
	line-height : 24px;
	color       : #4c4948;
}
@media only screen and (max-width : 767px) {
	.support_box .box_r {
		margin-top: 20px;
	}
}
.l-footer{
	margin-top: 0;
}

.img_area{
	background: url("../img/support/bg_01.jpg") no-repeat;
	background-size: cover;
	margin: 60px 0 0;
	position: relative;
	height: 340px;
}
@media only screen and (max-width : 767px) {
	.img_area{
		margin: 30px 0 0;
		height: 201px;
		background-position: -90px 0;
	}
}
.img_area img{
	width: 280px;
	position: absolute;
	right: 0;
	left: -93px;
	margin: 0 auto;
	top: 49px;
}
@media only screen and (max-width : 767px) {
	.img_area img{
		width: 230px;
		right: 95px;
		left: 0;
		top: 20px;
	}
}

.img_area .merit{
	font-size: 17px;
	color : #287389;
	background: #fff;
	width: max-content;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 5px;
	margin: 0 auto 0;
	position: relative;
	left: 0;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 0 25px 0 30px;
	top: 202px;
}
@media only screen and (max-width : 767px) {
	.img_area .merit{
		top: 134px;
	}
}


.cmn_btn_area .link_btn {
	max-width: 334px;
}