@charset "utf-8";
/* CSS Document */
#side_b {
	border-right:none;
}
#g_navi_border {
	background-image:none;
}
.maintenance {
/* width: 780px; */
	background-color: #FFF;
}

h2{  margin: 40px 0; border-bottom: 3px solid #3c5ac6;  font-size: clamp(20px, 2vw, 32px);
    font-weight: 600;
}
.pcnone{display: none;}
.maintenance .inner {
	padding: 0;
}
.maint_head {
 margin: 30px auto;
	padding:0;
}
.maint_head img {
/*float: right;*/
	padding: 10px;
	border: 1px solid #CCC;
	margin: 10px;
}

.maint_head p {
	line-height: 2em;
}
.maintenance .wrapper_setumei {
	overflow: hidden;
	margin-bottom: 60px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #06C;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.maint-desc .wrapper_setumei {padding: 1rem 0.5rem; margin-top: -1.5rem;
	background: #f8f5f5;}
.wrapper_setumei img{margin: 0 auto;}
.maintenance h2 {
	margin-bottom: -35px;
	height: 50px;
	display: block;
	background-color: #FFF;
	margin-left: 20px;
}

.maintenance h2 img {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 20px;
}

.setumei_p {
	/*float: left;
	width: 460px; */
	padding-bottom: 10px;
	padding-right: 20px;
	margin-top:20px;
	font-size:16px;
}


.maintenance .wrapper_setumei p {
	line-height: 1.5em;
	font-size:16px;
}
.maint_head .point {
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    margin: 2rem auto 5rem;
    background: #3c5ac612;
    padding: 2rem;
}

.head-text {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    margin: 1rem;
}
.maintenance .wrapper_setumei img {
/*float: left; */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.maintenance .wrapper_setumei a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.maintenance .top_back p  {
	text-align: right;
	font-size: 14px;
}
.wrapper_setumei .font_size {
	font-size: 12px;
	text-align: right;
	display: block;
}
.before-after{ display: flex;
    justify-content: space-around;
    margin: 1rem auto;
    align-items: center;  max-width: 800px;
}
.before-after i{ font-size: 3rem;}
.maintenance .toiawase {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.ba-wrap{display: flex; max-width: 800px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto 3rem;}
.ba-product{    text-indent: 1rem;
    font-size: clamp(14px, 1.5vw, 20px);
    border-left: 3px solid #3c5ac6;}

.grid-box{display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;    padding: 1em 2em;
    justify-content: center;
}
.map img{margin: 3rem auto;}

@media screen and (max-width:768px){
	.pcnone{display: block;}
	.grid-box {display: flex;
    flex-direction: column;
}
	.setumei_p {
    padding: 0; margin: 1rem auto;
}
	.head-text{    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 3rem;
}
	.map img{margin: 3rem auto 0;}
	.before-after i{ font-size: 1.2rem;}
}