@charset "UTF-8";
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:120px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 110px;
}
.page_header h2{position: absolute;top:36%;left: 10%;font-size: 2.2em;}
.box-item03{background-color: #EBEEF3;}
.box-item03:hover{background-color: #D4ECEE;}

.company_h3{font-size: 1.4em;}
.page_cach_h3{text-align: center;font-size: 1.8em; background-color: #E5ECA4;padding: 1em 0;margin-bottom: 4em;}
.page_cach_h3_mb2{text-align: center;font-size: 1.8em; background-color: #E5ECA4;padding: 1em 0;margin-bottom: 1.6em;}
.big_copy{font-size: 1.8em;margin-right: 0.2em;}
.bg_gray{position: relative; background-color: #E4E7ED;padding: 2% 5%;border-right: solid 2px #AAB4C6;border-bottom: solid 2px #AAB4C6;}
.mt-3per{margin-top: -7%;}
.contact_btn{position: relative; width:60%;margin: 3% auto 10%;}
.repair_icon{position: relative; width:20%;margin: 3% auto 1%;}
.repair_h3{font-size: 1.4em;text-align: center;border: solid 1px #000000;padding: 0.4% 0;}
.repair_h3_bg{font-size: 1.4em;text-align: left;background-color: #4193BB;color:#ffffff; padding: 0.4% 0 0.4% 1%;margin: 3em 0;}
.mt3per{margin-top: 3%;}
/* リペアリストのCSS */
ul.service{
  list-style:none;
	margin: 0.2em 0;
}

ul.service li{
  background:url("../img/service_icon.svg") no-repeat 0 0;
  background-size:auto 15px;
  padding-left: 19px;
line-height: 1.1em;
	margin: 0.4em 0;
	padding-bottom: 0.2em;
	font-size: 0.84em;
}
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */

.box-item03-repair{width: 31%;
    height: auto;
    display: block;
    margin-bottom: 3%;}
.box-item03-repair img{width: 100%;}
.box-item03-repair h3{color:#4193BB;}
.box-item03-repair p{font-size: 0.84em;}

.step_box{display: flex;}
.step-left{width: 20%;}
.step-center{width: 34%;padding: 3%;}
.step-center h3,.blue_copy{color: #4193BB;font-size: 1.4em;}
.step-right{width: 40%;}
.step-left img,.step-right img{width: 100%;}
.step_arrow{text-align: center;}
.step_arrow img{width: 5%;margin: 1% auto 2%;}

.movie{width: 80%;margin: 0 auto 3em;}
.movie iframe{width: 100%;height: 400px;}
.border_copy{border-bottom: solid 1px #000000; font-size: 1.4em;margin: 2em 0;}


.section_02{background-color: #E4E7ED;padding: 3em 0;}
img.img100per,.img100 img{width: 100%;}
.section_white{padding: 3em 0;}
.kaisyu_btn{position: relative; width:60%;margin: 3% auto 3%;}
.sekou_arrow{position: absolute;bottom:0; right:0;width: 20%;}
.company_h3{font-size: 1.4em;margin-bottom: 1em;}
.border_blue{border-bottom: solid 2px #4193BB;border-left: solid 5px #4193BB;padding-left: 2%;padding-bottom: 0.4%;margin-bottom: 1em;}
ol.attempt  {
  margin: 0;
  padding: 0
}
ol.attempt li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
	margin: 0.4em;
	text-align: justify;
}
@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 560px) {
.movie{width: 100%;margin: 0 auto 3em;}
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:80px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 76px;
}
.page_header h2{position: absolute;top:30%;left: 2%;font-size: 1.5em;}

.company_h3{font-size: 1.2em;margin-bottom: 1em;}
.page_cach_h3{text-align: center;font-size: 1.4em; background-color: #E5ECA4;padding: 0.4em 0;margin-bottom: 4em;}
.page_cach_h3_mb2{text-align: center;font-size: 1.4em; background-color: #E5ECA4;padding: 0.4em 0;margin-bottom: 1.6em;}
.big_copy{font-size: 1.4em;margin-right: 0.2em;}	
.contact_btn{position: relative; width:80%;margin: 3% auto 10%;}
.repair_icon{position: relative; width:40%;margin: 3% auto 1%;}
.repair_h3{font-size: 1.2em;text-align: center;border: solid 1px #000000;padding: 0.4% 0;}
.flexbox ,.flexbox-04{
	width: 90%;
	margin: 0 auto;
	}
.w48per{width: 90%;
	margin: 0 auto 5%;}
.box-item03-repair{width: 100%;
    height: auto;
    display: block;
    margin-bottom: 3%;}
.box-item03-repair .img_r{width: 46%;height: auto;float: right;}
.box-item03-repair .text{width: 50%;height: auto;float: left;}

    
     
    
    
.step_box{display: block;width: 90%;margin:0 auto;}
.step-left{display: none;}
.step-center{width: 100%;padding: 3% 3% 3% 0%;}
.step-center h3,.blue_copy{color: #4193BB;font-size: 1.2em;}
.step-right{width: 100%;}
.step_arrow img{width: 10%;margin: 1% auto 2%;}

.repair_h3_bg{font-size: 1.2em;text-align: left;background-color: #4193BB;color:#ffffff; padding: 0.8% 0 0.6% 2%;margin: 0.6em 0;}
.sp_mb2{margin-bottom: 2em;}
.movie{width: 80%;margin: 0 auto 2em;}
.sp_w90per{width: 90%;margin:0 auto;}
.w40per img{margin-bottom: 2%;}
.border_copy{border-bottom: solid 1px #000000; font-size: 1.3em;margin: 2em 0 0.6em;}
.movie iframe{width: 100%;height: 200px;}
}