@charset "UTF-8";

html {
	font-size: 62.5%;
}

body {
	font-size: 1.4rem;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height: 1.75;
}

img {
	max-width: 100%;
	height: auto;
}

.mt-6 { margin-top: 6px;}
.mb-10 { margin-bottom: 10px;}
.pt-0 { padding-top:  0px !important;}
.pt-80 { padding-top:  80px !important;}
.pb-0 { padding-bottom:  0 !important;}



@media screen and (min-width: 768px) {

	.d-pc-none { display: none;}
	
}

@media screen and (max-width: 767px) {

	.pt-80 { padding-top:  40px !important;}
	
	.d-sp-none { display: none;}
	
}

.head-parts {
	margin: 0 0 56px;
	text-align: center;
}

.head-parts__en {
	margin-bottom: 2px;
	font-size: 1.8rem;
	font-weight: 700;
}

.head-parts__ja {
	position: relative;
	font-weight: 700;
}

.faq .head-parts__ja {
	padding-bottom: 12px;
	border-bottom: 4px solid #020202;
}

.faq .head-parts__ja:before {
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border-top: solid 36px #020202;
	border-left: solid 26px transparent;
	border-right: solid 26px transparent;
	position: absolute;
	left: 50%;
	bottom: -36px;
	transform: translateX(-50%);
}

.faq .head-parts__ja:after {
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border-top: solid 36px #F0F0EA;
	border-left: solid 26px transparent;
	border-right: solid 26px transparent;
	position: absolute;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
	
	.head-parts {
		margin-bottom: 20px;
	}
	
	.faq .head-parts {
		margin: 0 0 56px;
	}

	.head-parts__en {
		font-size: 1.2rem;
	}
	
}

.btn-open {
	position: absolute;
	right: 28px;
	width: 24px;
	height: 24px;
}

.btn-open__icon:before,
.btn-open__icon:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	background-color: #000;
	width: 100%;
	height: 4px;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}

.btn-open__icon--white:before,
.btn-open__icon--white:after {
	background-color: #fff;
}

.reason04-box__head:hover .btn-open__icon:before,
.reason04-box__head:hover .btn-open__icon:after,
.faq-box dt:hover .btn-open__icon:before,
.faq-box dt:hover .btn-open__icon:after {
	background-color: #44AA00;
}

.btn-open__icon:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.is-open .btn-open__icon:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

@media screen and (max-width: 767px) {
	
	.btn-open {
		right: 14px;
		width: 16px;
		height: 16px;
	}
	
	.btn-open__icon:before,
	.btn-open__icon:after {
		height: 3px;
	}
	
}


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

.font-xxlarge { font-size: 6rem;}
.font-xlarge { font-size: 4rem;}
.font-large { font-size: 2rem;}
.font-medium { font-size: 1.8rem;}
.font-small { font-size: 1.2rem;}
.font-xsmall { font-size: 1rem;}

@media screen and (max-width: 767px) {
	
	.font-xxlarge { font-size: 3rem;}
	.font-xlarge { font-size: 2rem;}
	.font-large { font-size: 1.8rem;}
	.font-medium { font-size: 1.8rem;}
	.font-small { font-size: 1.2rem;}

}

.font-bold { font-weight: 700;}

.text-right { text-align: right;}
.text-center { text-align: center;}
.text-left { text-align: left;}

a { color: #6eC1ff;}

a,
a img { transition : all 0.5s ease 0s;}

a:hover,
a:hover img {
	opacity: 0.7;
}


/* --------------------------------------------------
	colors
-------------------------------------------------- */
.text-white { color: #fff;}
.text-primary { color: #44AA00;}
.text-warning { color: #FFE200;}
.text-danger { color: #DB0808;}

.bg-primary { background-color: #2BC48B;}
.bg-secondary { background-color: #505050;}
.bg-light { background-color: #F0F0EA;}
.bg-dark { background-color: #000;}
.bg-dark02 { background-color: #1A1A1A;}
.bg-white { background-color: #fff;}


/* --------------------------------------------------
	layout
-------------------------------------------------- */
.inner {
	max-width: 1052px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.inner > :last-child {
	margin-bottom: 0;
}

.section {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
	
	.section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
}


/* --------------------------------------------------
	header
-------------------------------------------------- */

.header {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 10px;
	background-color: #fff;
}

.header__inner {
	padding: 10px 15px;
}

@media screen and (max-width: 767px) {
	
	.header__inner {
		padding: 10px 0;
	}
	
}


.header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo {
	padding: 0 5px;
}

.header-info {
	display: flex;
	align-items: center;
}

.btn-search {
	padding: 0 5px;
}

.btn-estimate {
	padding: 0 5px;
}

@media screen and (max-width: 767px) {
	
	.btn-search,
	.btn-estimate {
		width: 100px;
	}
	
}


.btn-sp-nav {
	position: relative;
	display: none;
	width: 50px;
	height: 50px;
	margin: 0 0 0 8px;
	padding: 0 12px;
	cursor: pointer;
}

.btn-sp-nav span {
	position: absolute;
	left: 12px;
	display: inline-block;
	width: 26px;
	height: 2px;
	background: #41B847;
  }

.btn-sp-nav span:nth-of-type(1) { top: 15px; }
.btn-sp-nav span:nth-of-type(2) { top: 24px; }
.btn-sp-nav span:nth-of-type(3) { top: 33px;}

@media screen and (max-width: 1080px) {
	
	.btn-sp-nav {
		display: block;
	}
	
}


/* --------------------------------------------------
	nav
-------------------------------------------------- */
.header-nav {
	padding-right: 60px;
}

.header-nav ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-nav li {
	padding: 0 12px;
}

.header-nav a {
	color: #000;
	font-size: 1.2rem;
	text-decoration: none;
	font-weight: 700;
}

.header-nav a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 1300px) {
	
	.header-nav {
		padding-right: 20px;
	}

	.header-nav li {
		padding: 0 6px;
	}
	
}

@media screen and (max-width: 1080px) {
	
	.header-nav {
		display: none;
	}
	
}


.sp-nav-wrap {
	display: none;
	background-color: #fff;
	margin: 0 -10px;
}

.sp-nav {
	height: 100%;
	overflow: auto;
}

.sp-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sp-nav a {
	display: block;
	padding: 16px;
	border-top: 1px solid #eee;
	color: #000;
	text-decoration: none;
	font-weight: 700;
}


/* --------------------------------------------------
	key
-------------------------------------------------- */
.top-key {
	position: relative;
}

.top-key img {
	image-rendering: pixelated;
}

.top-key__body {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 870px;
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}

.top-key__logo {
	margin: 0 0 10px;
}

.top-key__head {
	margin: 0 0 24px;
}

.top-key__circle {
	margin: 0 0 20px;
}

.top-key__circle ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-key__circle li {
	padding: 0 26px;
}

.top-key__circle__spacer {
	display: none;
}

.top-key__photo img {
	display: block;
	max-width: none;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	
	.top-key__body {
		max-width: 400px;
		width: 100%;
		padding: 0 48px;
	}

	.top-key__logo img {
		width: 280px;
	}
	
	.top-key__head {
		margin: 0 0 16px;
	}

	.top-key__head img {
		width: 240px;
	}

	.top-key__circle ul {
		flex-wrap: wrap;
		margin: 0 -10px 28px;
	}

	.top-key__circle li {
		width: 50%;
		margin-bottom: -10px;
		padding: 0 10px;
	}
	
	.top-key__circle .top-key__circle__spacer {
		display: block;
		width: 100%;
	}
	
	.top-key__circle img {
		width: 152px;
	}

}


/* --------------------------------------------------
	
-------------------------------------------------- */

.reason__title {
	position: relative;
	margin: 20px 0 72px;
	padding: 0 0 12px;
	border-bottom: 4px solid #fff;
	font-size: 4.4rem;
	font-weight: 700;
	text-align: center;
}

.reason__title:before {
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border-top: solid 36px #fff;
	border-left: solid 26px transparent;
	border-right: solid 26px transparent;
	position: absolute;
	left: 50%;
	bottom: -36px;
	transform: translateX(-50%);
}

.reason__title:after {
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border-top: solid 36px #2BC48B;
	border-left: solid 26px transparent;
	border-right: solid 26px transparent;
	position: absolute;
	left: 50%;
	bottom: -28px;
	transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
	
	.reason__title {
		margin: 20px 0 40px;
		font-size: 2.2rem;
	}
	
}


.reason__lead {
	margin: 0 0 50px;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	
	.reason__lead {
		margin: 0 0 20px;
	}
	
}


.reason-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}

.reason-head__head {
	width: 190px;
}

.reason-head__text {
	width: calc( 100% - 240px );
}

.reason-head__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.reason-head__head {
		width: 100%;
		margin-bottom: 20px;
	}

	.reason-head__text {
		width: 100%;
	}
	
}


.reason-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 190px;
	border: 5px solid #fff;
	color: #fff;
	box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.16), inset 0 3px 6px 0 rgba(0,0,0,0.16);
	font-weight: 700;
}

.reason-box__head {
	margin: 0 0 8px;
	font-size: 4rem;
	line-height: 1;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.reason-box__num {
	font-size: 7rem;
	line-height: 1;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.reason-head__title {
	margin: 0 0 2rem;
	line-height: 1.333333;
	font-weight: 700;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

@media screen and (max-width: 767px) {
	
	.reason-box {
		width: 120px;
		height: 120px;
		margin: 0 auto;
		border: 3px solid #fff;
	}

	.reason-box__head {
		font-size: 2rem;
	}

	.reason-box__num {
		font-size: 3.5rem;
	}

	.reason-head__title {
		text-align: center;
	}
	
}


/* --------------------------------------------------
	reason01
-------------------------------------------------- */

.reason01 {
	padding-top: 50px;
	background: url("../images/common/reason01-01.png") no-repeat right top;
}

.reason01-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.reason01-row__photo {
	width: 230px;
}

.reason01-row__text {
	width: calc( 100% - 280px );
	font-weight: 700;
}
.reason01-row__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.reason01 {
		padding-top: 40px;
		background-position: left 100px;
		background-size: 120px auto;
	}

	.reason01-row {
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.reason01-row__photo {
		width: 120px;
		margin: 0 auto;
	}

	.reason01-row__text {
		width: 100%;
		margin-bottom: 20px;
	}
	
}


/* --------------------------------------------------
	reason02
-------------------------------------------------- */

.reason02 {
	margin-top: 40px;
	background: url("../images/common/reason02-01.png") no-repeat right top;
}

.reason02__text {
	max-width: 735px;
	margin: 0 0 60px;
}

@media screen and (max-width: 767px) {
	
	.reason02 {
		margin-top: 0;
		margin-left: -20px;
		margin-right: -20px;
		padding: 40px 20px 0;
		background-position: right 100px;
		background-size: 120px 120px;
	}
	
}


.plant-box {
	position: relative;
	margin-bottom: 30px;
	padding: 66px 64px 32px;
	background-color: #fff;
}

.plant-box__title {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 380px;
	height: 60px;
	background-color: #0F2A82;
	font-size: 3.4rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	transform: translateY(-50%) translateX(-50%);
}

.plant-box__row {
	display: flex;
	margin: 0 -6px;
}

.plant-box__col {
	width: 33.33333333%;
	padding: 0 6px;
	color: #080808;
}

.plant-box__col > :last-child {
	margin-bottom: 0;
}

.plant-box__photo {
	margin: 0 0 12px;
}

@media screen and (max-width: 767px) {
	
	.plant-box {
		margin-bottom: 16px;
		padding: 40px 16px 16px;
		background-color: #fff;
	}

	.plant-box__title {
		max-width: 240px;
		height: 40px;
		border-radius: 20px;
		font-size: 1.8rem;
		line-height: 40px;
	}

	.plant-box__row {
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: -12px;
	}

	.plant-box__col {
		width: 50%;
		margin-bottom: 12px;
	}
	
}


/* --------------------------------------------------
	reason03
-------------------------------------------------- */

.reason03 {
	padding-top: 40px;
	background: url("../images/common/reason03-01.png") no-repeat right top;
}

.reason03-head {
	margin-top: 52px;
}

.reason03-head:after {
	content: '';
	display: block;
	width: 92px;
	height: 74px;
	margin: 0 auto;
	background: url("../images/common/reason03-03.png") no-repeat center center;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	
	.reason03 {
		margin: 0 -20px;
		padding: 0 20px;
		background-position: calc(100% + 40px) 20px;
		background-size: 140px auto;
	}
	
	.reason03-head:after {
		width: 45px;
		height: 37px;
	}
	
}


.reason03-head__title {
	padding: 16px;
	background-color: #002674;
	font-size: 3.3rem;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}

.reason03-head__title-sec {
	position: relative;
	display: inline-block;
	padding-left: 104px;
}

.reason03-head__title-sec:before {
	content: '';
	position: absolute;
	top: -36px;
	left: 0;
	display: block;
	width: 82px;
	height: 76px;
	margin: 0;
	background: url("../images/common/reason03-02.png") no-repeat center center;
	background-size: contain;
}

.reason03-head__title .small {
	font-size: 2.2rem;
}

.reason03-head__body {
	padding: 32px 4px;
	background-color: #fff;
	font-size: 3.6rem;
	line-height: 1.4;
	color: #070707;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.reason03-head__title {
		position: relative;
		padding: 36px 16px 16px;
		font-size: 2rem;
	}

	.reason03-head__title-sec {
		position: static;
		padding-left: 0;
	}

	.reason03-head__title-sec:before {
		top: 0;
		left: 50%;
		width: 42px;
		height: 38px;
		transform: translateY(-50%) translateX(-50%);
	}

	.reason03-head__title .small {
		font-size: 1.6rem;
	}	

	.reason03-head__body {
		padding: 20px;
		font-size: 2rem;
	}
	
}


.reason03-table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	margin: 12px 0 20px;
}

.reason03-table__head {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	margin: 0 8px;
	font-size: 2.4rem;
	text-align: center;
	font-weight: 700;
	border-radius: 10px 10px 0 0;
	color: #fff;
}

.reason03-table__head--01 { background-color: #2693CE;}
.reason03-table__head--02 { background-color: #254EB9;}
.reason03-table__head--03 { background-color: #0F2A82;}

@media screen and (max-width: 767px) {
	
	.reason03-table__head {
		height: 40px;
		font-size: 2rem;
	}
	
}


.reason03-head__body > :last-child {
	margin-bottom: 0;
}

.reason03-table tbody tr {
	border-bottom: 2px solid #eee;
}






.reason03-table tbody th {
	padding: 12px 4px;
	background-color: #F4F4F4;
	color: #000;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.reason03-table tbody th .font-small {
	line-height: 1.4;
}

.reason03-table th:first-child {
	width: 214px;
}

.reason03-table tbody th > :last-child {
	margin-bottom: 0;
}

.reason03-table tbody td {
	height: 80px;
	padding: 20px 2px;
	background-color: #fff;
	color: #000;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}



/* 割引適用 */

.reason03-table .soukiwari-01{	
	background-color: #ffffe1;
	padding: 3px 4px;
	/* border-right: 2px solid #eee; */
	} 

.reason03-table .keizoku-01{	
	background-color: #f13113;
	color: #fff;
	padding: 20px 4px;
	/* border-right: 2px solid #eee; */
	} 

	
.reason03-table .keizoku-01-small{	
		font-size: 9px;
		line-height: 1.5;
		} 

.reason03-table .keizoku-01-large{	
		font-size: 4rem;
		line-height: 1.5;
		} 



.reason03-table .keizoku-sita{	
	vertical-align: bottom;
				} 		

.reason03-table .keizoku-bg_txt{	
	background-color: #FFF;
	color: #f13113;
	font-size: 2.8rem;
	padding: 5px 10px;
		} 


/* 割引適用 */




.reason03-table tbody td + td {
	border-left: 2px solid #eee;
}

.reason03-table .small {
	font-size: 1.5rem;
}

.reason03-table .middle {
	font-size: 1.8rem;
}

.reason03-table .price-large {
	font-size: 4rem;
}


/* =======  作業20250514 */
.reason03-table .price-large_2 {
	font-size: 5.2rem;
}
/* =======  作業20250514 */

.reason03-table .price {
	font-size: 2.6rem;
}

.reason03-table a {
	color: #0F2A82;
}

@media screen and (max-width: 767px) {
	
	.scroll-table {
		overflow-x: auto;
	}
	
	.reason03-table {
		table-layout: auto;
		white-space: nowrap;
	}
	
	.reason03-table tbody th {
		padding: 20px 8px;
		font-size: 1.6rem;
	}

	.reason03-table th:first-child {
		width: auto;
	}

	.reason03-table tbody td {
		height: 60px;
		padding: 20px 8px;
	}

	.reason03-table .small {
		font-size: 1.6rem;
	}

	.reason03-table .middle {
		font-size: 1.6rem;
	}
	
	.reason03-table .price-large {
		font-size: 3.2rem;
	}


	/* =======  作業20250514 */
.reason03-table .price-large_2 {
	font-size: 5.2rem;
}
/* =======  作業20250514 */


	.reason03-table .price {
		font-size: 2rem;
	}

	.reason03-table .keizoku-01-large{	
		font-size: 3.4rem;
		line-height: 1.5;
		} 
	
}


.reason03-note {
	margin: 0 0 20px;
	font-size: 1.2rem;
}

.reason03-note p {
	margin-bottom: 0;
}


/* --------------------------------------------------
	reason04
-------------------------------------------------- */

.reason04 {
	padding-top: 35px;
	background: url("../images/common/reason04-01.png") no-repeat right top;
}

@media screen and (max-width: 767px) {
	
	.reason04 {
		margin: 0 -20px;
		padding: 40px 20px 0;
		background-position: -20px 40px;
		background-size: 160px auto;
	}
	
	.reason03-head:after {
		width: 45px;
		height: 37px;
	}
	
}

.reason04-box {
	margin: 0 0 52px;
	background-color: #fff;
	border-radius: 10px;
}

.reason04-box__head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 27px;
	color: #000;
	cursor: pointer;
	transition: all 0.5s ease 0s;
}

.reason04-box__head h4 {
	display: flex;
	align-items: center;
	font-size: 4rem;
	line-height: 1;
	font-weight: 700;
}

.reason04-box__head:hover {
	opacity: 0.7;
}

.reason04-box__head h4:before {
	content: '';
	display: block;
	width: 76px;
	height: 44px;
	margin: 0 20px 0 0;
	background: url("../images/common/reason04-02.png") no-repeat center center;
	background-size: contain;
}

.reason04-box__head-text {
	max-width: 520px;
	padding-right: 100px;
}

.reason04-box__head p {
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.25;
}

.reason04-box__body {
	display: none;
	padding: 32px 27px 52px;
	color: #000;
}

@media screen and (max-width: 767px) {
	
	.reason04-box {
		margin: 0 0 20px;
	}

	.reason04-box__head {
		flex-direction: column;
	}

	.reason04-box__head h4 {
		width: 100%;
		margin: 0 0 20px;
		font-size: 2rem;
		font-weight: 700;
	}

	.reason04-box__head h4:before {
		width: 38px;
		height: 22px;
	}

	.reason04-box__head-text {
		max-width: 100%;
		padding-right: 0;
		font-weight: 700;
	}
	
	.reason04-box__body {
		padding-top: 16px;
		padding-bottom: 24px;
	}
	
}


.reason04-box-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -17px -30px;
}

.reason04-box-col {
	width: 25%;
	margin: 0 0 30px;
	padding: 0 17px;
}

@media screen and (max-width: 1024px) {
	
	.reason04-box-row {
		margin: 0 -8px -16px;
	}

	.reason04-box-col {
		width: 33.33333333%;
		margin: 0 0 16px;
		padding: 0 8px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.reason04-box-col {
		width: 50%;
	}
	
}


.reason04-item > :last-child {
	margin-bottom: 0;
}

.reason04-item__photo {
	margin: 0 0 10px;
}

.reason04-item__photo img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
}

.reason04-item__title {
	margin: 0 0 8px;
	font-size: 1.8rem;
	font-weight: 700;
}

.reason04-item p {
	line-height: 1.42;
}


/* --------------------------------------------------
	reason05
-------------------------------------------------- */

.reason05 {
	padding-top: 92px;
	background: url("../images/common/reason05-01.png") no-repeat right -30px;
}

.reason05-photo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 52px;
}

@media screen and (max-width: 767px) {
	
	.reason05 {
		margin: 0 -20px;
		padding: 60px 20px 0;
		background-position: 10px 30px;
		background-size: 100px auto;
	}
	
	.reason03-head:after {
		width: 45px;
		height: 37px;
	}
	
}


/* --------------------------------------------------
	reason06
-------------------------------------------------- */

.reason06 {
	margin-right: -80px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url("../images/common/reason06-01.png") no-repeat right top;
}

@media screen and (max-width: 1280px) {
	
	.reason06 {
		margin-right: 0;
	}
	
}

@media screen and (max-width: 767px) {
	
	.reason06 {
		margin: 0 -20px;
		padding: 40px 20px;
		background-position: calc( 100% + 20px ) 80px;
		background-size: 128px auto;
	}
	
}


/* --------------------------------------------------
	reason07
-------------------------------------------------- */

.reason07 {
	margin-right: -60px;
	padding-top: 40px;
	background: url("../images/common/reason07-01.png") no-repeat right top;
}

.reason07-head {
	width: 75%;
	margin-top: 0;
	padding: 8px 16px;
	background-color: #002674;
	text-align: center;
	font-size: 3.3rem;
	color: #fff;
}

.reason07-head__title-sec {
	position: relative;
    display: inline-block;
    padding-left: 84px;
}

.reason07-head__title-sec:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 64px;
	height: 40px;
	margin: 0;
	background: url("../images/common/icon-bike.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}

.reason07-table-wrap:after {
	content: '';
	display: block;
	width: 92px;
	height: 74px;
	margin: 0 auto;
	background: url(../images/common/reason03-03.png) no-repeat center center;
	background-size: contain;
}

@media screen and (max-width: 1280px) {
	
	.reason07 {
		margin-right: 0;
	}

}


@media screen and (max-width: 767px) {
	
	.reason07 {
		margin: 0 -20px;
		padding: 40px 20px;
		background-position: 10px 100px;
		background-size: 120px auto;
	}

	.reason07-head {
		position: relative;
		width: 100%;
		padding-top: 24px;
		font-size: 2rem;
	}
	
	.reason07-head__title-sec {
		position: static;
	    padding-left: 0;
	}
	
	.reason07-head__title-sec:before {
		top: 0;
		left: 50%;
		width: 63px;
		height: 40px;
		transform: translateY(-50%) translateX(-50%);
	}

	.reason07-table-wrap:after {
		width: 45px;
		height: 37px;
	}
	
}


.reason07-table {
	width: 100%;
}

.reason07-table tr {
	border-top: 2px solid #eee;
}

.reason07-table th {
	width: 50%;
	padding: 24px 0;
	background-color: #F4F4F4;
	font-weight: 700;
	color: #000;
	text-align: center;
}

.reason07-table td {
	width: 50%;
	padding: 24px 0;
	background-color: #fff;
	font-weight: 700;
	color: #DB0808;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.reason07-table {
		table-layout: auto;
		white-space: nowrap;
	}
	
	.reason07-table th {
		padding: 24px 0;
	}

	.reason07-table td {
		padding: 24px 0;
	}
	
}


.reason07-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	padding: 30px 16px;
	background-color: #002674;
	text-align: center;
	font-size: 5rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.2;
	color: #FFE200;
}

.reason07-footer:before {
	content: '';
	display: block;
	width: 127px;
	height: 81px;
	margin: 0 60px 0 0;
	background: url("../images/common/icon-bike.png") no-repeat center center;
	background-size: contain;
}

.reason07-footer p {
	margin: 0;
}







@media screen and (max-width: 767px) {
	
	.reason07-footer {
		padding: 16px;
		font-size: 2.5rem;
	}
	
	.reason07-footer:before {
		display: none;
	}
	
}

.early-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 40px 0 0;
}

.early-col {
	width: 75%;
	margin: 0 0 10px;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}

.early-col__head {
	padding: 20px;
}

.early-col-plus {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 0 10px;
}

.early-col-plus:before,
.early-col-plus:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	background-color: #fff;
	width: 60%;
	height: 8px;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}

.early-col-plus:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.early-row:after {
	content: '';
	display: block;
	width: 92px;
	height: 74px;
	margin: 20px auto 20px;
	background: url(../images/common/reason03-03.png) no-repeat center center;
	background-size: contain;
}

@media screen and (max-width: 767px) {

	.early-col {
		width: 100%;
		margin-bottom: 0;
		font-size: 1.8rem;
	}
	
	.early-col-plus {
		margin: 0;
	}

	.early-col-plus:before,
	.early-col-plus:after {
		width: 50%;
	}

	.early-row:after {
		width: 45px;
		height: 37px;
	}

}


/* --------------------------------------------------
	reason08
-------------------------------------------------- */

.reason08 {
	padding-top: 40px;
	background: url("../images/common/reason08-01.png") no-repeat right top;
}

@media screen and (max-width: 767px) {
	
	.reason08 {
		margin: 0 -20px;
		padding: 40px 20px;
		background-position: 10px 30px;
		background-size: 120px auto;
	}
	
}


.reason08-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 60px;
}

.reason08-row__photo {
	width: 250px;
}

.reason08-row__text {
	position: relative;
	width: calc( 100% - 300px );
	padding-right: 200px;
	font-weight: 700;
}

.reason08-row__text > :last-child {
	margin-bottom: 0;
}

.reason08-row__text:before {
	content: '';
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	width: 182px;
	height: 356px;
	background: url("../images/common/reason08-03.png") no-repeat center center;
	background-size: contain;
}

@media screen and (max-width: 767px) {

	.reason08-row {
		flex-direction: column-reverse;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.reason08-row__photo {
		clear: both;
		width: 120px;
		margin: 0 auto;
	}

	.reason08-row__text {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
	}
	
	.reason08-row__text:before {
		position: static;
		float: right;
		width: 90px;
		height: 128px;
	}
	
}


/* --------------------------------------------------
	まずはこちらからお見積もり！
-------------------------------------------------- */

.estimate-section {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #1A1A1A url("../images/common/bg-estimate.png") no-repeat center center;
}

.estimate-section-head h2 {
	position: relative;
	display: inline-block;
	margin: 0 0 16px;
	padding: 12px 48px;
	font-size: 30px;
	line-height: 1.166;
	font-weight: 700;
}

.estimate-section-head h2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 3px;
	background-color: #FFE232;
	transform: rotate(-38deg);
}

.estimate-section-head h2:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 3px;
	background-color: #FFE232;
	transform: rotate(38deg);
}

@media screen and (max-width: 767px) {


	.estimate-section {
		padding-top: 30px;
		padding-bottom: 30px;
		background-size: contain;
	}

	.estimate-section-head h2 {
		padding: 12px 24px;
		font-size: 1.8rem;
	}
	
}


/* --------------------------------------------------
	バイク車検に必要なもの
-------------------------------------------------- */

.need {
	background: url("../images/common/need.png") repeat-x center top;
}

.need .inner {
	max-width: 936px;
}

.need-head {
	position: relative;
	margin-bottom: -32px;
}

.need-head:before {
	position: relative;
	content: '';
	display: block;
	width: 617px;
	height: 357px;
	background: url("../images/common/need01.png") no-repeat center center;
	background-size: contain;
}

.need-head h3 {
	position: absolute;
	bottom: 26px;
	right: 0;
	z-index: 1;
}

.need-box {
	margin: 0 0 40px;
	padding: 46px 40px;
	background-color: #fff;
	border: 6px solid #6EBC00;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.need {
		background-size: 600px auto;
	}

	.need-head {
		position: relative;
		margin-bottom: -16px;
	}

	.need-head:before {
		width: calc( 617px / 3 );
		height: calc( 357px / 3 );
	}

	.need-head h3 {
		bottom: -16px;
	}

	.need-head h3 img {
		width: 160px;
		height: auto;
	}
	
}


/* --------------------------------------------------
	お客様の声
-------------------------------------------------- */

.voice {
	position: relative;
	padding-top: 60px;
}

.voice:before {
	content: '';
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 300px;
	background: url("../images/common/voice.jpg") no-repeat center top;
	background-size: cover;
}

.voice .inner {
	position: relative;
	z-index: 2;
}

.voice-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
}

.voice-col {
	display: flex;
	width: 33.33333333%;
	margin-bottom: 40px;
	padding: 0 18px;
}

.voice-box {
	margin: 0;
	padding: 40px 20px 20px;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 700;
	box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.16);
}

.voice-box--01 { color: #005DBA;}
.voice-box--02 { color: #D51944;}
.voice-box--03 { color: #199050;}

.voice-col__text {
	padding-bottom: 20px;
	font-size: 1.8rem;
}

.voice-col__text > :last-child {
	padding-bottom: 0;
}

.voice-box__name {
	margin: 0;
	font-size: 1.6rem;
	text-align: right;
}

@media screen and (max-width: 767px) {

	.voice-row {
		flex-direction: column;
		margin-bottom: -18px;
	}

	.voice-col {
		width: 100%;
		margin-bottom: 18px;
	}
	
}


/* --------------------------------------------------
	よくる質問とその回答
-------------------------------------------------- */

.faq {
	border-top: 7px solid #696969;
}

.faq-box {
	margin: 0 0 10px;
	padding: 28px 0;
	background-color: #fff;
	border-radius: 10px;
}

.faq-box dt {
	position: relative;
	padding: 0 72px 0 80px;
	line-height: 1.4;
	font-weight: 700;
	transition: all 0.4s;
	cursor: pointer;
}

.faq-box dt:hover {
	color: #44AA00;
}

.faq-box dt:before {
	content: 'Q';
	position: absolute;
	top: -6px;
	left: 28px;
	display: block;
	font-size: 4rem;
	line-height: 1;
	color: #6EBC00;
}

.faq-box .btn-open {
	top: 0;
}

.faq-box dd {
	display: none;
	position: relative;
	padding: 36px 16px 0 114px;
	line-height: 1.4;
	font-weight: 700;
}

.faq-box dd:before {
	content: 'A';
	position: absolute;
	top: 32px;
	left: 80px;
	display: block;
	font-size: 3rem;
	line-height: 1;
	color: #0F2A82;
}

@media screen and (max-width: 767px) {

	.faq-box {
		padding: 16px 0;
	}
	
	.faq-box dt {
		padding: 0 48px 0 48px;
	}

	.faq-box dt:before {
		top: 2px;
		left: 20px;
		font-size: 2rem;
	}
	
	.faq-box dd {
		padding: 36px 8px 0 48px;
	}

	.faq-box dd:before {
		top: 38px;
		left: 20px;
		font-size: 2rem;
	}
	
}


/* --------------------------------------------------
	取り扱い店舗
-------------------------------------------------- */

.store-title {
	margin: 10px 0 40px;
	font-weight: 700;
	text-align: center;
}

.store-row {
	margin: 0 0 10px;
}

.store-row__head {
	position: relative;
	padding: 4px 52px 4px 30px;
	background-color: #363636;
	font-size: 2.6rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition : all 0.5s ease 0s;
}

.store-row__head:hover {
	opacity: .7;
}

.store-row__head .btn-open {
	top: 15px;
}

@media screen and (max-width: 767px) {

	.store-row__head {
		padding: 8px 52px 8px 12px;
		font-size: 1.8rem;
	}

	.store-row__head .btn-open {
		top: 16px;
	}
	
}


.store-row__text {
	display: none;
}

.store-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 50px 0 60px;
}

.store-box + .store-box {
	border-top: 1px solid #ACACAC;
}

.store-box__info {
	width: 33.399309%;
	padding-right: 10px;
	padding-left: 30px;
}

.store-box__head {
	display: flex;
	align-items: center;
	margin: 0 0 16px;
}

.store-box__head-logo {
	margin: 0 16px 0 0;
}

.store-box__head-name {
	font-size: 2.2rem;
	font-weight: 700;
}

.store-box__sup {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 8px;
	font-size: 1.6rem;
}

.store-box__sup dt {
	width: 60px;
	margin: 0 0 12px;
	font-weight: 400;
}

.store-box__sup dd {
	width: calc( 100% - 60px );
	margin: 0 0 12px;
}

.store-box__btn + .store-box__btn {
	margin: 20px 0 0;
}

.store-box__body {
	width: calc( 100% - 33.399309% );
}

.store-icon-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -25px;
	padding: 0;
	list-style: none;
}

.store-icon-list li {
	width: 25%;
	margin: 0 0 25px;
	padding: 0;
}

.store-icon {
	display: flex;
	align-items: center;
}

.store-icon--off {
	color: #D8D8D8;
}

.store-icon__head {
	width: 50px;
}

.store-icon__text {
	width: calc( 100% - 50px );
	padding: 0 0 0 10px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.333333;
}

.store-icon_thumb {
	overflow: hidden;
	background-color: #2BC48B;
	border-radius: 8px;
}

.store-icon--off .store-icon_thumb {
	background-color: #D8D8D8;
}

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

	.store-box__info {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
		padding-left: 0;
	}

	.store-box__head-name {
		font-size: 1.8rem;
	}
	
	.store-box__btn-wrap {
		display: flex;
		margin: 0 -10px;
	}
	
	.store-box__btn {
		width: 50%;
		padding: 0 10px;
	}
	
	.store-box__btn + .store-box__btn {
		margin: 0;
	}

	.store-box__body {
		width: 100%;
	}
	
	.store-icon-list li {
		width: 33.33333333%;
	}

.store-icon {
	display: flex;
	align-items: center;
}

.store-icon--off {
	color: #D8D8D8;
}

	.store-icon__head {
		width: 30px;
	}

	.store-icon__text {
		width: calc( 100% - 30px );
		padding: 0 0 0 4px;
	}
	
}


/* --------------------------------------------------
	footer
-------------------------------------------------- */
.footer {
	padding: 52px 0 32px;
}

.footer-youtube {
	margin: 0 0 20px;
	text-align: center;
}

.footer-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 -10px
}

.footer-banner__col {
	margin: 0 0 20px;
	padding: 0 10px;
}

.footer-banner-small {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 -10px;
}

.footer-banner-small__col {
	margin: 0 0 50px;
	padding: 0 10px;
	text-align: center;
}

.footer-banner-small img {
	display: block;
	max-width: none;
	width: 100%;
}

@media screen and (max-width: 767px) {
	
	.footer-banner-small {
		margin-bottom: 32px;
	}
	
	.footer-banner-small__col {
		margin: 0 0 20px;
		width: 33.33333333%;
	}
	
}


.footer-nav {
	margin: 0 0 52px;
	font-size: 1.4rem;
	font-weight: 700;
}

.footer-nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -28px;
	padding: 0;
	list-style: none;
}

.footer-nav li {
	padding: 0 28px;
}

.footer-nav a {
	color: #fff;
	text-decoration: underline;
}

.footer-nav a:hover {
	opacity: .7;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	
	.footer-nav ul {
		margin: 0 -20px;
	}

	.footer-nav li {
		padding: 0 20px;
	}
	
}

.copyright {
	margin: 0;
	text-align: center;
	font-size: 1rem;
	line-height: 2;
}



/* --------------------------------------------------
	価格強調
-------------------------------------------------- */

.price-highlight {
	/* display: flex; */
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	padding: 30px 16px;
	background-color: #f05b0b;
	text-align: center;
	font-size: 5.2rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.2;
	color: #f8f7f5;
	text-shadow:1px 1px 0 rgba(0,0,0,.4) ;

}

.small-note {
  font-size: 12px; 
  margin-top: 10px;
  text-shadow: none;
  font-weight: 300; /* メモのフォント　細く */
}


@media screen and (max-width: 767px) {
	
.price-highlight {
		padding: 16px;
		font-size: 2.8rem;
	}


}

/* --------------------------------------------------

-------------------------------------------------- */