@charset "utf-8";

/* ---------------------------------------------------------------- */
/* common setting */
/* ---------------------------------------------------------------- */

html{font-size: 62.5%;}
img{max-width: 100%;}
:root {
	--font: #333333;
	--main_color: #04287E;
	--bg_blue: #E9EDFF;
	--grad: linear-gradient(to top right, #04287E, #013A82 17%, #04287E 28%, #005795);
	--btn_color: #C01377;
	--sub_color: #E5CB1E;
}
body {
	font-family: "Yu Gothic Medium", "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	-webkit-text-size-adjust: 100%;
	line-height: 3.0rem;
	font-size: 18px;
	font-size: 1.8rem;
	overflow-x: hidden;
	position: relative;
}
.bold {
	font-family: "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	font-weight: 700;
}
.flexbox{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}
/* 共通改行 */
.br::before {
	content: "\A" ;
	white-space: pre ;
}
/* PCのみ改行 */
@media (min-width: 1000px) {
.pc_br::before {
	content: "\A" ;
	white-space: pre ;
	}
}
/* SPのみ改行 */
@media (max-width: 1000px){
	.sp_br::before {
		content: "\A" ;
		white-space: pre ;
	}
}
/* より小さい改行 */
@media print, screen and (max-width: 573px) {
	.br_small::before {
		content: "\A" ;
		white-space: pre ;
	}
}
/* 極小改行 */
@media print, screen and (max-width: 375px) {
	.br_mini::before {
		content: "\A" ;
		white-space: pre ;
	}
}

.container{
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}
.intro_block ,
.reason_block ,
.performance_block ,
.result_block ,
.relief_block ,
.bnr_block {
	padding: 50px 0px;
}
.h2_headding {
	color: var(--main_color);
	font-size: 4.0rem;
	font-weight: 700;
	position: relative;
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.4;
}
.h2_headding::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 5px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--sub_color);
}
.txt_center {
	text-align: center;
}


/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
/*=============Header============*/
.header_lp{width: 100%;padding:20px 30px;position: fixed;background:rgba(255,255,255,0.7);box-sizing: border-box;overflow: hidden;z-index: 100;}

.lp_header_logo img{
max-width: 100%
}
.lp_header_logo{
float:left;
padding-top: 7px;
}

.header_contact_wrapper{
overflow:hidden;
width:490px;
float: right
}
.tel_wrap{
width:60%;
float:left;
line-height: 0.7;
font-size:35px;
color:#2d509b;
}

.tel_wrap a{
color:#2d509b;
}


.contact_wrap{
width:40%;
float:right;
}
.tel_small_txt{
font-size:16px;
}
.tel_icon{
display: inline-block;
height:27px;
width:28px;
background:url(/lp/repair/img/tel.png)no-repeat;
}

.mall_icon{
display: inline-block;
height:12px;
width:16px;
background:url(/lp/repair/img/mail.png)no-repeat right center;
padding-left:5px;
}

.contact_wrap a{
text-align: center;
width:200px;
color:#fff;
font-size:20px;;
height:55px;
line-height: 55px;
background:#12337a;
display: block;
border:#fff 1px solid;
box-sizing: border-box;
}


/*==========LP　header指定==========*/
.nav_inner_link.lp_header_list li {
line-height: 1.2;
text-align: center;
padding-top: 30px;
}

.nav_inner_link.lp_header_list li span {
font-size: 15px;
}

header .lp_icon.repair::before ,
header .lp_icon.kaitai::before ,
header .lp_icon.waterproofing::before ,
header .lp_icon.paint::before ,
header .lp_icon.roof::before {
	content: "";
	display:inline-block;
	background-size: contain;
	vertical-align: middle;
	width: 34px;
	height: 34px;
	padding-right: 10px;
}
header .lp_icon.repair::before {
	background: url(/wp-content/themes/shintoa/img/repair_icon.png) no-repeat top left/contain;
}
header .lp_icon.kaitai::before {
	background: url(/wp-content/themes/shintoa/img/kaitai_icon.png) no-repeat top left/contain;
}
header .lp_icon.waterproofing::before {
	background: url(/wp-content/themes/shintoa/img/bousui_icon.png) no-repeat top left/contain;
}
header .lp_icon.paint::before {
	background: url(/wp-content/themes/shintoa/img/tosou_icon.png) no-repeat top left/contain;
}
header .lp_icon.roof::before {
	background: url(/wp-content/themes/shintoa/img/yane_icon.png) no-repeat top left/contain;
}
@media screen and (max-width: 1024px){
	/*=============Header============*/
.tel_wrap {
display: none;
}

.header_contact_wrapper {
width: 60%;
padding-top: 5px;
}

.contact_wrap {
width: 180px;
}

.contact_wrap a {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
}

.lp_header_logo {
padding-top: 0;
width: 170px;
}

.lp_header_logo img {display: block;max-width: 100%;padding-top: 17px;}

.header_lp {
padding: 8px 10px;
}
}


/* -------------------------------------------------- */
/* contact */
/* -------------------------------------------------- */
.contact_box {
	background: var(--grad);
	margin-top: 50px;
	border-radius: 10px;
	padding: 30px 30px 40px;
}
.contact_box .flexbox {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
}
.contact_box .ttl {
	font-size: 3.2rem;
	text-align: center;
	color: #fff;
	margin-bottom: 25px;
}
.contact_box .left_box a {
	color: #fff;
	font-size: 5.0rem;
}
.contact_box .left_box a::before {
	content: "";
	display: inline-block;
	background: url("/lp/repair-owner/common/img/tel_icon.svg") no-repeat;
	width: 56px;
	height: 37px;
	padding-right: 10px;
}
.contact_box .contact_attention {
	font-feature-settings:"palt";
}
.contact_box .left_box p {
	background: #fff;
	text-align: center;
	margin-top: 5px;
	padding: 0px 3px;
	line-height: 1.3;
}
.contact_box .contact_btn {
	box-shadow: 0px 0px 8px 5px #9D126C inset;
	background: var(--btn_color);
	border-radius: 10px;
	text-align: center;

}
.contact_box .contact_btn a {
	color: #fff;
	display: block;
	padding: 10px 40px 15px;
}
.contact_box .contact_btn a .contact_txt01 {
	font-size: 1.9rem;
	position:relative;
	margin-left: 30px;
}
.contact_box .contact_btn a .contact_txt01::before {
	content: "";
	display: inline-block;
	background: url("/lp/repair-owner/common/img/mail_icon.svg") no-repeat;
	width: 20px;
	height: 15px;
	position: absolute;
	top: 25%;
	left: -25px;
}
.contact_box .contact_btn a .contact_txt02 {
	font-size: 2.6rem;
}
.contact_box .contact_btn:hover {
	background: #9D126C;
	box-shadow: 0px 0px 8px 5px #82105F inset;
	transition: all 0.3s;
}
/* -------------------------------------------------- */
/* kv */
/* -------------------------------------------------- */
.kv {
	background: url("/lp/repair-owner/common/img/main_pc_bg.png") top center/cover no-repeat;
	padding: 50px 0px;
}
.kv .container {
	padding: 100px 0px;
}

/* -------------------------------------------------- */
/* floating */
/* -------------------------------------------------- */
.floating img {
	display: none;
}

/* -------------------------------------------------- */
/* intro_block */
/* -------------------------------------------------- */
.intro_block {
	background: var(--bg_blue);
}
.intro_block .intro_box {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
}
.intro_block .intro_txt {
	max-width: 580px;
	width: 100%;
}
.kachi_box {
	background: #fff;
	margin-top: 40px;
	border-radius: 10px;
	padding: 50px;
}
.kachi_box .kachi_inner {
	max-width: 715px;
	width: 100%;
	margin: 0 auto;
}
.kachi_box .kachi_inner .h3_headding {
	font-size: 3.0rem;
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
}
.kachi_box .kachi_inner .h3_headding::before {
	content: "";
	background: var(--sub_color);
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 19%;
	left: 0px;
}
.kachi_box .kachi_inner p {
	margin-top: 30px;
}

/* -------------------------------------------------- */
/* reason_block */
/* -------------------------------------------------- */
.reason_block .h2_headding .point_txt {
	font-size: 5.9rem;
}
.reason_block ul {
	text-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.reason_block ul li {
	background: #EED868;
	padding: 30px 15px 40px;
	max-width: 235px;
	width: 100%;
	border-radius: 6px;
}
.reason_block ul li img {
	width: 64px;
	height: 83px;
	margin-bottom: 20px;
}

/* -------------------------------------------------- */
/* performance_block */
/* -------------------------------------------------- */
.performance_block {
	background: url("/lp/repair-owner/common/img/performance_bg.png") no-repeat center bottom / cover;
}
.performance_block .performance_point_txt {
	font-size: 5.0rem;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.2;
}
.performance_block .performance_point_txt .performance_num {
	color: var(--sub_color);
	background: var(--main_color);
	padding: 0px 5px;
}
.performance_block .txt_center {
	margin-bottom: 50px;
}
.performance_block .performance_box {
	background: #fff;
	border-radius: 8px;
	padding: 30px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	margin-bottom: 30px;
}
.performance_block .performance_box img {
	max-width: 300px;
	width: 100%;
}
.performance_block .performance_box .performance_box_txt {
	max-width: 610px;
	width: 100%;
}
.performance_block .performance_box .performance_box_txt .rusult_label {
	background: var(--main_color);
	color: #fff;
	padding: 3px 5px;
	margin-right: 10px;
}
.performance_block .performance_box .performance_box_txt ul {
	margin-top: 10px;
}


/* -------------------------------------------------- */
/* result_block */
/* -------------------------------------------------- */
.result_block .flexbox {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.result_block .result_item ,
.result_block .result_item02 {
	background: #fff;
	border: 2px solid #E0E0E0;
	border-radius: 8px;
	max-width: 490px;
	width: 100%;
	padding: 30px;
}
.result_block .result_item {
	margin-bottom: 30px;
}
.result_block .result_item h3 ,
.result_block .result_item02 h3 {
	color: var(--main_color);
	font-size: 2.6rem;
	text-align: center;
	margin-bottom: 20px;
}
.result_block .result_item img ,
.result_block .result_item02 img {
	margin-bottom: 20px;
}


/* -------------------------------------------------- */
/* relief_block */
/* -------------------------------------------------- */
.relief_block {
	background: linear-gradient(90deg, #D7E0E4 0%, #D7E0E4 50%, #DEEDF3 50%, #DEEDF3 100%);
}

.relief_block .relief_box {
	width: 50%;
}
.relief_block .relief_box .h3_shitoua_flow {
	margin-top: 10px;
}
.relief_block .relief_box h3 {
	font-size: 2.8rem;
	text-align: center;
}
.relief_block .relief_box h3 .highlight {
	background: var(--btn_color);
	color: #fff;
	padding: 0px 3px 3px;
}
.relief_block .relief_box .before_icon:first-child::before {
	content: "";
	background: url("/lp/repair-owner/common/img/anshin_icon01.svg") no-repeat;
	display: inline-block;
	width: 26px;
	height: 35px;
}
.relief_block .relief_box img {
	margin-top: 20px;
}
.relief_block .txt_center {
	font-size: 4.0rem;
	margin-top: 20px;
	position: relative;
	margin-bottom: 20px;
}
.relief_block .txt_center img {
	width: 38px;
	height: 63px;
	margin: 5px 5px -3px 5px;
	box-sizing: content-box;
}
.relief_block .txt_center .wave { 
	background: url("/lp/repair-owner/common/img/wave.svg") right 3px bottom -2px/contain no-repeat;
	padding-bottom: 10px;
}


/* -------------------------------------------------- */
/* bnr_block */
/* -------------------------------------------------- */
.bnr_block {
	background: var(--grad);
}
.bnr_block .flexbox {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.bnr_block .flexbox a img {
	max-width: 475px;
	width: 100%;
}
.bnr_block .flexbox a img {
	box-shadow: 6px 6px 10px 2px rgba(0,0,0,0.22);
}
.bnr_block .flexbox a:hover {
	opacity: 0.8;
	transition: all 0.3s;
}


/* ---------------------------------------------------------------- */
/* pagetop */
/* ---------------------------------------------------------------- */

.pagetop {
    position: fixed;
    bottom: 50px;
    right: 50px;
}
.pagetop a {
    display: block;
	width:83px;
	height:83px;
}
.pagetop a:hover {
	opacity: 0.8;
	transition: all 0.3s;
}
@media print, screen and (max-width:1100px){
	.pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
	}
}


/* -------------------------------------------------- */
/* Responsive */
/* -------------------------------------------------- */

@media print, screen and (max-width:1100px){
	.pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
	}
}

@media print, screen and (max-width:1020px){
	.container {
		padding: 0px 2%;
	}
	.intro_block .intro_box {
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
	}
	.intro_block .intro_txt {
		max-width: 480px;
		width: 100%;
	}
	.contact_box .contact_btn {
		margin-left: 20px;
	}
	.contact_box .contact_btn a {
		padding: 10px 20px 15px;
	}
	.reason_block ul {
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.reason_block ul li {
		max-width: 75%;
		margin-bottom: 20px;
	}
	.reason_block ul li:last-child {
		margin-bottom: 0px;
	}
	.performance_block .performance_box {
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.performance_block .performance_box img {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.performance_block .performance_box .performance_box_txt {
		max-width: 100%;
	}
	.result_block .result_item ,
	.result_block .result_item02 {
		max-width: 100%;
		margin-bottom: 30px;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display: flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	}
	.result_block .result_item02:last-child {
		margin-bottom: 0px;
	}
	.result_block .result_item img, .result_block .result_item02 img {
		margin-bottom: 20px;
	}
	.relief_block .relief_box h3 {
		font-size: 2.4rem;
	}
	.relief_block .txt_center {
		line-height: 1.4;
	}
	.relief_block .txt_center img {
		margin: 0px 5px 8px 5px;
	}
	.bnr_block .flexbox {
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	}
	.bnr_block .flexbox a:first-child {
		margin-right: 20px;
	}
}

@media print, screen and (max-width:945px){
	.contact_box {
		padding: 20px 20px 30px;
	}
	.contact_box .ttl {
		line-height: 1.3;
		font-size: 2.6rem;
	}
	.contact_box .left_box {
		text-align: center;
	}
	.contact_box .left_box a {
		font-size: 3.6rem;
	}
	.contact_box .left_box a::before {
		width: 40px;
		height: 26px;
	}
	.contact_box .contact_btn a .contact_txt01 {
		font-size: 1.6rem;
	}
	.contact_box .contact_btn a .contact_txt02 {
		font-size: 2.0rem;
	}
	.contact_box .contact_btn a .contact_txt01::before {
		width: 18px;
		height: 13px;
	}
	.contact_box .flexbox {
		flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.contact_box .contact_btn {
		margin: 20px 0px 0px;
	}
	.intro_block .intro_box {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.intro_block .intro_box img {
		margin-bottom: 20px;
	}
	.h2_headding {
		font-size: 3.0rem;
	}
	.reason_block .h2_headding .point_txt {
		font-size: 4.0rem;
	}
}
@media print, screen and (max-width: 896px) {
	.pagetop a {
		display: none;
	}
	.kachi_box {
		padding: 30px;
	}
	.kachi_box .kachi_inner .h3_headding {
		font-size: 2.6rem;
		padding-left: 25px;
	}
	.kachi_box .kachi_inner .h3_headding::before {
		top: 8%;
		left: 0px;
	}
	.bnr_block .flexbox {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-direction: column;
		-webkit-flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.bnr_block .flexbox a:first-child {
		margin: 0px 0px 20px;
	}
	.contact_box .left_box a {
		white-space: nowrap;
	}
	.performance_block .performance_point_txt {
		font-size: 4.0rem;
	}
}

@media print, screen and (max-width: 750px) {
	.kv {
		background: url(/lp/repair-owner/common/img/main_sp_bg.png) top center/cover no-repeat;
		padding: 100px 0px;
	}
	.kv .container {
		padding: 0px;
	}
	.floating img {
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 9999;
		width: 100%;
	}
	footer {
		padding-bottom: 23%;
	}
}

@media print, screen and (max-width: 574px) {
	.relief_block .txt_center {
		font-size: 3.2rem;
	}
}

@media screen and (max-width: 414px){
	.header_logo {
		padding: 7px 0 !important;
	}
}

@media print, screen and (max-width: 417px) {
	.contact_box .contact_btn a {
		padding: 10px 10px 15px;
		line-height: 1.2;
	}
}

@media print, screen and (max-width: 387px) {
	.h2_headding {
		font-size: 2.6rem;
	}
	.relief_block .relief_box h3 {
		font-size: 2.0rem;
	}
	.relief_block .relief_box .before_icon:first-child::before {
		width: 15px;
		height: 20px;
	}
	.relief_block .txt_center {
		font-size: 2.6rem;
	}
	.relief_block .txt_center img {
		width: 30px;
		height: 50px;
		margin: 5px 5px -3px 5px;
	}
	.contact_box .ttl {
		font-size: 2.2rem;
	}
	.contact_box .left_box a {
		font-size: 3.0rem;
	}
	.contact_box .left_box a::before {
		width: 30px;
		height: 20px;
	}
	.contact_box .contact_btn a .contact_txt02 {
		font-size: 1.8rem;
	}
	.performance_block .performance_point_txt {
		font-size: 3.0rem;
	}
	.performance_block .txt_center {
		text-align: left;
	}
}

@media print, screen and (max-width: 320px) {
	.contact_box .contact_btn a .contact_txt01 {
		font-size: 1.4rem;
	}
	@media print, screen and (max-width: 573px)
.contact_box .contact_btn a .contact_txt01::before {
    width: 18px;
    height: 13px;
}
.contact_box .contact_btn a .contact_txt01::before {
    width: 16px;
    height: 11px;
    left: -19px;
}
}