@charset "UTF-8";
#page-header{
	margin-bottom: 0;
	padding-top: 0;
}
#header-upper-box{
	max-width: 768px;
}
#page-contents{
	padding: 0;
}
.repair{
	max-width: 768px;
	margin: auto;
	text-align: center;
	font-size: 24px;
}
.repair img{
	width: 100%;
}
.wrap_mv,
.wrap_cta,
.wrap_akutoku,
.wrap_reason,
.wrap_more,
.wrap_tel,
.wrap_link {
	position: relative;
}
.note_mv{
	position: absolute;
	display: block;
	bottom: 8%;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	font-size: 16px;
	text-align: left;
}
.note_mv li{
	text-indent: -2em;
	padding-left: 2em;
}
.wrap_cta a{
	position: absolute;
	display: block;
	top: 26%;
	left: 0;
	right: 0;
	margin: auto;
	width: 78%;
}
.wrap_akutoku p{
	position: absolute;
	display: block;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	font-size: 16px;
	text-align: left;
}
.wrap_reason p{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 83%;
	text-align: left;
}
.txt_reason1{
	top: 42%;
	font-size: 30px;
	line-height: 1.6em;
}
.txt_reason2{
	top: 29.5%;
	font-size: 30px;
	line-height: 1.4em;
	text-align: center!important;
	letter-spacing: 1px;
}
.note_reason1{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 83%;
	bottom: 1%;
	font-size: 16px;
	text-align: left;
}
.note_reason1 li{
	text-indent: -1em;
	padding-left: 1em;
}
.note_reason2{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 83%;
	top: 47%;
	font-size: 17px;
	text-align: left;
}
.note_reason3{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 83%;
	bottom: 3%;
	font-size: 17px;
	text-align: left;
}
.note_reason2 li{
	text-indent: -1em;
	padding-left: 1em;
}
.note_reason3 li{
	text-indent: -1em;
	padding-left: 1em;
}
.note_more{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 83%;
	text-align: left;
	bottom: 4%;
	font-size: 15px;
}
.note_more li{
	text-indent: -2em;
	padding-left: 2em;
}
.link_reason{
	position: absolute;
	display: block;
	bottom: 9%;
	width: 72px;
	height: 24px;
	right: 31%;
	background: url("../img/ico_link.png") top right no-repeat;
	background-size: 14px 14px;
}
.wrap_tel a{
	position: absolute;
	display: block;
	top: 32%;
	left: 0;
	right: 0;
	margin: auto;
	width: 78%;
}
.wrap_link a{
	position: absolute;
	display: block;
	top: 45%;
	left: 0;
	right: 0;
	margin: auto;
	width: 75%;
}
.font_big{
	font-size: 40px;
}
.font_bold{
	font-weight: bold;
}
.font_orange{
	color: #f87b01;
}
.font_blue{
	color: #006cbe;
}
.komeMark1{
	font-size: 0.6em;
	line-height: 1;
}
.komeMark2{
	font-size: 0.7em;
	vertical-align: 0.7em;
}
.under_yellow{
	background: linear-gradient(transparent 60%, #ffd11a 60%);
}
.line_wide{
	line-height: 1.8em;
}
@media (max-width: 768px) {
	.note_mv{
		font-size: calc(16vw / 768 * 100);
	}
	.wrap_akutoku p{
		font-size: calc(16vw / 768 * 100);
	}
	.txt_reason1{
		font-size: calc(30vw / 768 * 100);
	}
	.txt_reason2{
		font-size: calc(30vw / 768 * 100);
	}
	.txt_reason1{
		font-size: calc(30vw / 768 * 100);
	}
	.note_reason1{
		font-size: calc(16vw / 768 * 100);
	}
	.note_reason2{
		font-size: calc(17vw / 768 * 100);
	}
	.note_reason3{
		font-size: calc(17vw / 768 * 100);
	}
	.note_more{
		font-size: calc(15vw / 768 * 100);
	}
	.link_reason{
		width: calc(70vw / 768 * 100);
		height: calc(24vw / 768 * 100);
		background-size: calc(14vw / 768 * 100) calc(14vw / 768 * 100);
	}
	.font_big{
		font-size: calc(40vw / 768 * 100);
	}
}
@media (min-width: 769px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	.wrap_link a:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}
}