/*
* service_service_product_decoration_wrapping.css
*
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700");
/* --------------------------------
   service_service_decoration_wrapping
-------------------------------- */
@media screen and (min-width: 770px) {
	.l-contentHead {
		height: 420px;
	}
}

.l-contentHead .l-contentHead_mv {
	padding-top: 50.3125%;
	background: url(/assets/en/img/services/escalator/mv.jpg) no-repeat center top/100% auto #f2f2f2;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_mv {
		padding-top: 0;
		height: 420px;
		background: url(/assets/en/img/services/escalator/mv_pc.jpg) no-repeat center top/cover #f2f2f2;
	}
}

.l-contentHead .l-contentHead_cap {
	color: #333;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_cap {
		font-size: 3.8rem;
	}
}

.l-contentHead .l-contentHead_txt {
	font-size: 1.2rem;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_txt {
		font-size: 1.6rem;
	}
}
.l-contentHead .l-contentHead_txt .txt-name {
	font-size: 1.5rem;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_txt .txt-name {
		font-size: 2.4rem;
	}
}

.process .c-txt {
	margin-bottom: 30px;
}

.aco_01 .bg-aco_cap {
	background: url(/assets/en/img/services/escalator/aco_01_cap_01.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.aco_01 .bg-aco_cap {
		background-position: right 30px center; 
		background-size: 62px auto;
	}
}

.aco_01 .accordionContent_01 .c-dotbd-top {
	background: url(/assets/en/img/services/escalator/aco_01_content01_3m.jpg) no-repeat right bottom;
	background-size: 45px auto;
}
@media screen and (min-width: 770px) {
	.aco_01 .accordionContent_01 .c-dotbd-top {
		background-position: right 21px; 
		background-size: 64px auto;
	}
}

.aco_02 .bg-aco_cap {
	background: url(/assets/en/img/services/escalator/aco_02_cap_01.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.aco_02 .bg-aco_cap {
		background-position: right 30px center; 
		background-size: 62px auto;
	}
}

.aco_02 .l-linkBtn_wrap {
	margin-top: 19px;
}

.aco_02 .accordionContent_04 {
	position: relative;
}
@media screen and (min-width: 770px) {
	.aco_02 .accordionContent_04 .c-dotbd-top {
		background: url(/assets/en/img/services/escalator/aco_02_content04_pic_02_pc.jpg) no-repeat right top 20px;
	}
}
@media screen and (min-width: 770px) {
	.aco_02 .accordionContent_04 .block {
		width: 530px;
	}
}

.bg-aco_cap-01 {
	background: url(/assets/en/img/services/escalator/sec2_img_01_icon.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.bg-aco_cap-01 {
		padding-top: 12px; 
		background-position: right 30px center;
		background-size: 62px auto;
	}
}

.bg-aco_cap-02 {
	background: url(/assets/en/img/services/escalator/sec2_img_02_icon.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.bg-aco_cap-02 {
		padding-top: 12px; 
		background-position: right 30px center;
		background-size: 62px auto;
	}
}

.bg-aco_cap-03 {
	background: url(/assets/en/img/services/escalator/sec2_img_03_icon.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.bg-aco_cap-03 {
		padding-top: 12px; 
		background-position: right 30px center;
		background-size: 62px auto;
	}
}

.bg-aco_cap-04 {
	background: url(/assets/en/img/services/escalator/sec2_img_04_icon.jpg) no-repeat right center/31px auto;
}
@media screen and (min-width: 770px) {
	.bg-aco_cap-04 {
		padding-top: 12px; 
		background-position: right 30px center;
		background-size: 62px auto;
	}
}

.aco_04 .c-colomunWrap .pic2 {
	margin-top: 20px;
}
@media screen and (min-width: 770px) {
	.aco_04 .c-colomunWrap .pic2 {
		margin-top: 0;
		width: 250px;
	}
}

@media screen and (min-width: 770px) {
	.benefits_dl {
		display: table;
		margin-bottom: 26px; 
		width: 100%;
	}
}

.benefits_dl .benefits_dt {
	height: 40px;
	background-color: #033f86;
	text-align: center; 
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 40px;
}
@media screen and (min-width: 770px) {
	.benefits_dl .benefits_dt {
		display: table-cell;
		width: 180px; 
		text-align: center;
		vertical-align: middle;
		font-size: 22px;
	}
}

.benefits_dl .benefits_dd {
	padding: 15px 16px; 
	border-right: 3px solid #c1c6cc;
	border-bottom: 3px solid #c1c6cc;
	border-left: 3px solid #c1c6cc;
	font-size: 1.5rem;
	font-weight: bold;
}
@media screen and (min-width: 770px) {
	.benefits_dl .benefits_dd {
		padding: 19px 20px  19px 26px; 
		border-top: 3px solid #c1c6cc;
		border-left: none;
		font-size: 22px;
		line-height: 1.64;
	}
}

.graph {
	margin: 25px 0 0;
}
@media screen and (min-width: 770px) {
	.graph {
		position: relative; 
		margin: 40px 0 0;
		padding-left: 470px;
	}
}
@media screen and (min-width: 770px) {
	.graph.graph-01 {
		margin-bottom: 55px;
	}
}
@media screen and (min-width: 770px) {
	.graph.graph-02 {
		margin-bottom: 55px;
	}
}
@media screen and (min-width: 770px) {
	.graph.graph-02 .graph_cap {
		padding: 0 30px; 
		height: 102px;
		line-height: 102px;
	}
}
@media screen and (min-width: 770px) {
	.graph.graph-03 .graph_cap {
		padding: 0 30px; 
		height: 102px;
		line-height: 102px;
	}
}
.graph.graph-03 .graph_block:after {
	content: none;
}
.graph .graph_cap {
	padding: 15px 17px; 
	width: 100%;
	background-color: #033f86;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}
@media screen and (min-width: 770px) {
	.graph .graph_cap {
		padding: 30px 30px; 
		font-size: 2.2rem;
	}
}
@media screen and (min-width: 770px) {
	.graph .graph_pic {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
}
.graph p.graph_txt:last-child {
	margin-bottom: 15px;
}
@media screen and (min-width: 770px) {
	.graph p.graph_txt .c-bold {
		vertical-align: middle; 
		font-size: 2.2rem;
	}
}

.enquete .enquete_box {
	padding: 20px 15px 25px;
}
@media screen and (min-width: 770px) {
	.enquete .enquete_box {
		padding: 0 30px 30px;
	}
}

.enquete_container {
	margin-bottom: 20px;
}
.enquete_container + .enquete_container {
	padding-top: 20px; 
	border-top: 1px dotted #898f99;
}
@media screen and (min-width: 770px) {
	.enquete_container + .enquete_container {
		padding-top: 30px;
	}
}
@media screen and (min-width: 770px) {
	.enquete_container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 30px; 
		width: 838px;
	}
}

@media screen and (min-width: 770px) {
	.enquete_block.block-figure {
		margin-right: 30px;
		max-width: 235px;

		-webkit-box-flex: 0;

		    -ms-flex: 0 0 235px;

		        flex: 0 0 235px;
	}
}

@media screen and (min-width: 770px) {
	.enquete_block.block-txt {
		max-width: 573px; 

		-webkit-box-flex: 1; 

		    -ms-flex: 1; 

		        flex: 1;
	}
}

.enquete_pic {
	margin-bottom: 10px;
}

.enquete_list {
	margin: 15px 0; 
	font-size: 1.5rem;
	font-weight: bold;
}
@media screen and (min-width: 770px) {
	.enquete_list {
		margin-top: 0;
		font-size: 2.2rem;
	}
}
@media screen and (min-width: 770px) {
	.enquete_list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (min-width: 770px) {
	.enquete_list li:before {
		top: 0.55em; 
		border-radius: 4px;
		width: 8px;
		height: 8px;
	}
}
.enquete_list li .enquete_text,
.enquete_list li .enquete_value {
	background: #e5efff;
}

.enquete_note {
	margin-top: -15px;
	margin-bottom: 15px;
}

.enquete_place_dl {
	display: table;
}
@media screen and (min-width: 770px) {
	.enquete_place_dl {
		line-height: 1.75;
	}
}
.enquete_place_dl .enquete_place_dt,
.enquete_place_dl .enquete_place_dd {
	display: table-cell;
}
.enquete_place_dl .enquete_place_dt {
	white-space: nowrap;
}

.c-detail-link {
	margin-top: 10px; 
	text-align: right;
}
@media screen and (min-width: 770px) {
	.c-detail-link {
		margin-top: 0;
	}
}

.c-icon_blankLink {
	position: relative;
}
.c-icon_blankLink:after {
	content: "";
	display: inline-block;
	margin: 0 4px 4px 6px;
	width: 14px;
	height: 14px;
	background: url(/assets/en/img/common/icon_blank.svg) no-repeat left top/100% auto;
	vertical-align: middle;
}
@media screen and (min-width: 770px) {
	.c-icon_blankLink:after {
		margin: 0 2px 4px 2px;
	}
}

.service_escalator {
	margin-top: 20px;
	padding-bottom: 30px;
}
@media screen and (min-width: 770px) {
	.service_escalator {
		margin-top: 40px;
		padding-bottom: 60px;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .c-section:last-child {
		padding-bottom: 0;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .c-colomunWrap {
		margin-top: 30px;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .c-colomunWrap + .c-accordionContent_cap-bd {
		margin-top: 60px;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .c-accordion_inner + .c-accordion_inner {
		padding-top: 20px;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .detail_cap-borderBtm + .c-colomunWrap {
		margin-top: 10px;
	}
}
@media screen and (min-width: 770px) {
	.service_escalator .detail_check {
		margin-top: 40px;
	}
}
@media screen and (max-width: 769px) {
	.service_escalator .c-colomunWrap_block .c-txt {
		margin-right: 0; 
		margin-left: 0;
	}
}
@media screen and (max-width: 769px) {
	.service_escalator .c-table_container {
		margin-right: 0; 
		margin-left: 0;
	}
}
@media screen and (max-width: 769px) {
	.service_escalator .bg-aco_cap-03 + .c-section {
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 769px) {
	.service_escalator .c-colomunWrap.c-en_content {
		margin-top: 30px;
	}
}

.infoGraphic {
	padding-bottom: 47px;
}
@media screen and (min-width: 770px) {
	.infoGraphic {
		padding-bottom: 88px;
	}
}
.infoGraphic:first-child {
	padding-top: 0;
}

.c-figure_large:first-child {
	margin-top: 0;
}

.c-youtube-wrapper {
	margin: 20px 0 30px;
}
@media screen and (min-width: 770px) {
	.c-youtube-wrapper {
		margin: 22px 0 60px;
	}
}

@media screen and (min-width: 770px) {
	.c-youtube {
		position: relative;
		margin: 0 auto 0; 
		padding-top: 46%;
		width: 80%;
	}
}

.c-youtube-cap {
	margin: 5px 9px;
}
@media screen and (min-width: 770px) {
	.c-youtube-cap {
		margin: 15px auto 0; 
		width: 74.5%;
	}
}

.c-contactUs {
	margin-top: 41px;
	padding: 39px 20px;
}
@media screen and (min-width: 770px) {
	.c-contactUs {
		margin-top: 60px;
		padding: 60px 0;
	}
}
@media screen and (min-width: 770px) {
	.c-contactUs .c-linkBtn {
		width: 358px;
	}
}

.c-color-bl {
	color: #033f87 !important;
}