/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
	
.m_visual2{
	width:100%;
	height:300px;
	margin:0 auto 80px;
}
#m_visual_con{
	width:100%;
	height:100%;
	background: url(../lib/images/pc_sub_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.test_bg{
	margin-top:30px;
}
.m_visual_txt_con{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	font-size:50px;
	letter-spacing:0.2em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}







/*挨拶*/
.service{
	width:100%;
	padding:80px 0;
}
.service_con{
	width:1000px;
	margin:0 auto 120px;
	overflow:hidden;
}

.sc_l .service_box_a{
	float:left;
	margin-right:30px;
}
.sc_r .service_box_a{
	float:right;
	margin-left:30px;
}

.service_box_b{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;	
}
.service_cel_l {
  width: 60px;
  font-family: 'Anton', sans-serif;
  font-size:2.4em;
  line-height:1.0em;
  color:#0505d1;
  padding-top:8px;
  border-right:3px solid #05d1d1;
  border-image: linear-gradient(to bottom, #05d1d1 0%, #0505d1 100%);
  border-image-slice: 1;
  margin-right:20px;
}
.service_cel_r {
  -webkit-flex: 1;
  flex: 1;
  padding:8px 0;
}
.service_cel_r p{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:10px;
}

/*保証*/
.guarantee{
	width:100%;
	padding:80px 0;
	background-color:#cacfe5;
	
}
.guarantee_con{
	width:1000px;
	margin:0 auto;
	
}
.guarantee_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
.guarantee_txt_con{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	margin-bottom:60px;
}

.guarantee_txt_p{
	width: 300px;
	margin-right:40px;
}
.guarantee_txt_p img{
	width:300px;
	height:auto;
}
.guarantee_txt_t {
	-webkit-flex: 1;
	flex: 1;
	font-size:1em;
	line-height:1.2em;
}
.guarantee_txt_t span{
	font-size:0.8em;	
}
.guarantee_txt_t img{
	width:30%;
	height:auto;
	margin-right:3%;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {

.m_visual2{
	width:100%;
	height:150px;
	margin:0 auto 40px;
}
#m_visual_con{
	width:100%;
	height:100%;
	background: url(../lib/images/pc_sub_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.m_visual_txt_con{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	font-size:1.3em;
	letter-spacing:0.2em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}

/*挨拶*/
.service{
	width:100%;
	padding:0 0 40px;
}
.service_con{
	width:90%;
	margin:0 auto 60px;
}

.sc_l .service_box_a, 
.sc_r .service_box_a{
	margin-bottom:20px;
	text-align:center;
}
.sc_l .service_box_a img, 
.sc_r .service_box_a img{
	width:80%;
	height:auto;
}

.service_box_b{
	text-align:center;
}
.service_cel_l {
	display:inline-block;
	text-align:center;
	font-family: 'Anton', sans-serif;
	font-size:2.2em;
	line-height:1.0em;
	letter-spacing:0.1em;
	color:#0505d1;
	border-bottom:3px solid #05d1d1;
	border-image: linear-gradient(to right, #05d1d1 0%, #0505d1 100%);
	border-image-slice: 1;
	padding:0 15px 10px;
	margin-bottom:10px;
}
.service_cel_r {
	text-align:left;
}
.service_cel_r p{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:10px;
}


/*保証*/
.guarantee{
	width:100%;
	padding:40px 0;
	background-color:#cacfe5;
	
}
.guarantee_con{
	width:90%;
	margin:0 auto;
	
}
.guarantee_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
}
.guarantee_txt_con{
}

.guarantee_txt_p{
	width: 80%;
	text-align:center;
	margin:0 auto 20px;
}
.guarantee_txt_p img{
	width:auto;
	height:auto;
}
.guarantee_txt_t {
	font-size:1em;
	line-height:1.2em;
}
.guarantee_txt_t span{
	font-size:0.8em;	
}
.guarantee_txt_t p{
	padding-top:20px;
	width:100%;
	text-align:center;
}
.guarantee_txt_t img{
	width:80%;
	height:auto;
	margin:0 auto 15px;
}


/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/