@charset "utf-8";
/* CSS Document */
/*ヘッダー追加*/
.headNav_sdw {
 background: #F6F6F6;
}
/*全体*/
.mt_wrap{
 width: 950px;
 margin: 0 auto 80px;
 font-size: 16px;
}
/*共通*/
.text_l{
 font-size: 20px;
}
.text_s{
 font-size: 14px;
 letter-spacing: 1.8px;
}
.mb-20{
 margin-bottom: 20px;
}
.mt-5{
 margin-top: 5px;
}
.mt-10{
 margin-top: 10px;
}
/*事故に遭われたら*/
.h2_title{
 font-size: 36px;
 font-weight: 500;
 margin: 68px 0 34px;
}
.notice_box{
 background: #F3F3F3;
 padding: 25px 15px;
 margin-bottom: 34px;
 line-height: 1.3em;
}
.notice_title{
 font-weight: 700;
 font-size: 16px;
}
.icn_circle_red{
 position: relative;
 padding-left: 18px;
}
.icn_circle_red::before{
 content: "";
 position: absolute;
 left: 0;
 top: 3px;
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background: #FF5050;
}
.jiko_link_list{
 display: grid;
 grid-template-columns: 300px 300px 300px;
 grid-template-rows: 311px;
 gap: 25px;
 justify-content: center;
}
.jiko_link_box{
 background: #F8FFE5;
 border: 1px solid #01894D;
 border-radius: 10px;
 text-align: center;
 padding: 20px 0;
 position: relative;
}
.jiko_link_box a{
 display: block;
 height: 100%;
}
.jiko_link_img_01{
 width: 186px;
 margin-top: 10px;
 margin-bottom: 34px;
}
.jiko_link_img_02{
 width: 138px;
 margin-bottom: 18px;
}
.jiko_link_img_03{
 width: 89px;
 margin-bottom: 24px;
}
.jiko_link_text{
 font-size: 18px;
}
.jiko_link_btn_box{
 position: absolute;
 bottom: 20px;
 left: 50%;
 transform: translateX(-50%);
}
.jiko_link_btn{
 width: 262px;
 padding: 7px 0 12px;
 background: #fff;
 border: 1px solid #01894D;
 border-radius: 100vh;
 display: block;
 color: #01894D;
 margin: 0 auto;
}
.triangle_green{
 position: relative
}
.triangle_green::before{
 position: absolute;
 content: "";
 left: 50%;
 transform: translateX(-50%);
 bottom: 6px;
 width: 0;
 height: 0;
 border-style: solid;
 border-right: 7px solid transparent;
 border-left: 7px solid transparent;
 border-top: 8px solid #01894D;
 border-bottom: 0;
}
/*事故に遭われたら：ボバー時*/
.jiko_link_box a:hover{
 text-decoration: none;
 opacity: 0.8;
}
.jiko_link_box a:hover .jiko_link_btn{
 width: 262px;
 padding: 7px 0 12px;
 background: #01894D;
 border: 1px solid #01894D;
 border-radius: 100vh;
 display: block;
 color: #fff;
 margin: 0 auto;
}
.jiko_link_box a:hover .triangle_green::before{
 position: absolute;
 content: "";
 left: 50%;
 transform: translateX(-50%);
 bottom: 6px;
 width: 0;
 height: 0;
 border-style: solid;
 border-right: 7px solid transparent;
 border-left: 7px solid transparent;
 border-top: 8px solid #fff;
 border-bottom: 0;
}

/*みどりのおまもり*/
.h3_title{
 padding-left: 20px;
 border-left: 6px solid #A9D735;
 font-size: 27px;
 font-weight: 500;
 margin: 90px 0 30px;
}
.webjiko_box{
 border: 1px solid #A9D735;
 width: 950px;
 height: 172px;
 display: flex;
 align-items: center;
}
.webjiko_box a{
 display: flex;
 align-items: center;
 height: 100%;
 padding-right: 24px;
}
.webjiko_box img{
 width: 166px;
}
.webjiko_inner{
 padding: 0 15px 0 50px;
 width: calc(53% - 15px);
}
.text_green{
 font-size: 20px;
 font-weight: 700;
 color: #01894D;
}
.icn_kome{
 position: relative;
 padding-left: 16px;
 display: inline-block;
}
.icn_kome::before{
 position: absolute;
 content: "※";
 top: 0;
 left: 0;
}
.btn_green{
 background: #01894D;
 color: #fff !important;
 font-size: 18px;
 font-weight: 500;
 width: 203px;
 height: 46px;
 border-radius: 2px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 padding-right: 10px;
}
.btn_green::before{
 position: absolute;
 content: "";
 background: url("../img/icn_right.svg") no-repeat center;
 background-size: contain;
 width: 10px;
 height: 13px;
 right: 10px;
}
.service_box{
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 25px;
}
.jiko_service_box{
 border: 1px solid #A9D735;
 width: 380px;
 height: 224px;
 text-align: center;
 padding: 10px 24px;
}
.jiko_service_box img{
 width:  103px;
}
.service_band{
 background: #A9D735;
 color: #fff;
}
.service_tel{
 color: #FF0000;
 font-size: 30px;
 font-weight: 700;
 padding-left: 28px;
 position: relative;
 display: inline-block;
 letter-spacing: 3px;
}
.service_tel::before{
 position: absolute;
 content: "";
 background: url("../img/icn_tel.svg") no-repeat center;
 background-size: contain;
 width: 26px;
 height: 26px;
 left: 0px;
 top: 6px;
}
.service_tel span{
 font-size: 16px;
 font-weight: 500;
}
.circle_green{
 background: #A9D735;
 color: #fff;
 font-size: 17px;
 font-weight: 700;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 70px;
 height: 70px;
 border-radius: 50%;
}
.service_tokyo_box, .service_osaka_box{
 display: flex;
 padding: 20px;
 border: 1px solid #A9D735;
 width: 380px;
 height: 80px;
}
.service_osaka_box{
 margin-top: 3px;
}
.area_tokyo, .area_osaka{
 background: #F8FFE5;
 border: 1px solid #A9D735;
 width: 84px;
 height: 60px;
 text-align: center;
 color: #01894D;
 font-size: 22px;
 font-weight: 700;
 line-height: 1.2em;
 padding: 12px 0;
}
.area_tokyo span, .area_osaka span{
 font-size: 16px;
}
.service_rising{
 padding-left: 22px;
 width: calc(100% - 22px);
 text-align: center;
}
.service_time{
 line-height: 0.2em;
}
/*ホバー時*/
.webjiko_box a:hover{
 opacity: 0.8;
 text-decoration: none;
}
.btn_green:hover{
 opacity: 0.8;
 text-decoration: none;
}

/*自動車・火災　病気やケガ*/

.sb_title{
 font-size: 20px;
 font-weight: 700;
 margin: 32px 0 20px;
}
.icn_circle_green{
 position: relative;
 padding-left: 25px;
}
.icn_circle_green::before{
 content: "";
 position: absolute;
 left: 0;
 top: 3px;
 width: 21px;
 height: 21px;
 border-radius: 50%;
 background: #A9D735;
}
.car_list li, .sick_list li{
 border: 1px solid #A9D735;
 display: flex;
 align-items: center;
 height: 163px;
 margin-bottom:10px; 
}
.car_list li:last-child{
 margin-bottom:0; 
}
.car_web_content, .sick_content{
 width: 100%;
 padding-right: 24px;
}
.car_list li figure, .sick_list li figure{
 width: 350px;
 text-align: center;
}
.logo_mitsui{
 width: 142px;
}
.logo_aioi{
 width: 226px;
}
.logo_sonpo{
 width: 226px;
}
.logo_tokyo{
 width: 226px;
}
.logo_aflac{
 width: 119px;
}
.car_web_box, .sick_box{
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-bottom: 1px solid #C7C7C7;
 padding: 18px 0;
}
.car_tel_box, .sick_tel_box{
 margin: 24px 0;
 display: flex;
 align-items: center;
}
.car_tel_green{
 background: #90C31F;
 padding: 0 10px;
 font-weight: 500;
 color: #fff;
 display: inline-block;
 margin-right: 11px;
}
.car_tel{
 color: #FF0000;
 font-size: 20px;
 font-weight: 700;
 padding-left: 24px;
 position: relative;
 display: inline-block;
 margin-right: 36px;
 letter-spacing: 3px;
}
.sick_tel{
 color: #FF0000;
 font-size: 20px;
 font-weight: 700;
 padding-left: 24px;
 position: relative;
 display: inline-block;
 margin-right: 7px;
 letter-spacing: 3px;
}
.car_tel::before{
 position: absolute;
 content: "";
 background: url("../img/icn_tel.svg") no-repeat center;
 background-size: contain;
 width: 18px;
 height: 18px;
 left: 0px;
 top: 6px;
}
.sick_tel::before{
 position: absolute;
 content: "";
 background: url("../img/icn_tel.svg") no-repeat center;
 background-size: contain;
 width: 18px;
 height: 18px;
 left: 0px;
 top: 6px;
}

/*sp*/
@media only screen and (max-width:960px){
 /*全体*/
.mt_wrap{
 width: calc(100% - 40px);
 margin: 0 auto 80px;
 padding: 0 20px;
 font-size: 14px;
}
 
/*共通*/
.text_l{
 font-size: 16px;
}
.text_s{
 font-size: 12px;
}
.mb-20{
 margin-bottom: 0px;
}
.mt-5{
 margin-top: 0px;
}
.mt-10{
 margin-top: 0px;
}
.spmb-20{
  margin-bottom: 20px;
 }
.spmt-5{
 margin-top: 5px;
}
.spmt-10{
 margin-top: 10px;
}
 .sp-none{
 display: none;
 }
 .sptext_center{
  text-align: center;
 }
 
/*事故に遭われたら*/ 
.h2_title{
 font-size: 22px;
 margin: 23px 0;
}
.notice_box{
 margin: 16px 0;
 
}
.jiko_link_list{
 grid-template-columns: 1fr;
 grid-template-rows: 230px 210px 210px;
 gap: 10px;
}
.jiko_link_img_01{
 width: 93px;
 margin-bottom: 9px;
}
.jiko_link_img_02{
 width: 62px;
 margin-bottom: 4px;
}
.jiko_link_img_03{
 width: 48px;
 margin-bottom: 4px;
} 
.jiko_link_btn{
 width: 289px;
 padding: 7px 0 12px;
 font-weight: 700;
 font-size: 18px;
} 
 
/*みどりのおまもり*/
.h3_title{
 padding-left: 15px;
 font-size: 20px;
 margin: 50px 0 20px;
}
.webjiko_box{
 width: 100%;
 height: 100%;
 display: block;
}
.webjiko_box a{
 display: block;
 text-align: center;
 padding: 16px 10px;
}
.webjiko_box img{
 width: 148px;
}
.webjiko_inner{
 padding: 12px 0 5px;
 width: 100%;
}
.text_green{
 font-size: 15px;
}
.btn_green{
 font-weight: 700;
 width: 289px;
 height: 40px;
 border-radius: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 padding-left: 0;
 margin: 0 auto;
}
.btn_green::before{
 position: absolute;
 content: "";
 background: url("../img/icn_right_sp.svg") no-repeat center;
 background-size: contain;
 width: 26px;
 height: 26px;
 right: 10px;
}
 .service_box{
 display: block;
 margin-top: 10px;
}
.jiko_service_box{
 width: calc(100% - 30px);
 height: 100%;
 text-align: center;
 padding: 10px 15px;
}
 .service_tel{
 font-size: 18px;
 padding-left: 28px;
 position: relative;
 display: inline-block;
}
.service_tel::before{
 position: absolute;
 content: "";
 background: url("../img/icn_tel.svg") no-repeat center;
 background-size: contain;
 width: 21px;
 height: 21px;
 left: 0px;
 top: 2px;
}
.service_tel span{
 font-size: 12px;
}
.circle_green{
 background: #fff;;
 color: #A9D735;
 font-size: 17px;
 font-weight: 700;
 display: block;
 width: 100%;
 height: auto;
 border-radius: none;
 text-align: center;
 margin: 6px 0;
}
.service_tokyo_box, .service_osaka_box{
 display: flex;
 padding: 9px 15px;
 border: 1px solid #A9D735;
 width: calc(100% - 30px);
 height: 100%;
}
.area_tokyo, .area_osaka{
 width: 75px;
 height: 59px;
 padding: 10px 0;
}

.service_rising{
 padding-left: 5px;
 width: calc(100% - 5px);
 text-align: center;
}
.service_time{
 line-height: 1.5em;
}
 
 /*自動車・火災　病気やケガ*/
.car_list li figure, .sick_list li figure{
 width: 100%;
 text-align: center;
 margin-bottom: 10px;
}
.logo_mitsui{
 width: 106px;
}
.logo_aioi{
 width: 169px;
}
.logo_sonpo{
 width: 226px;
}
.logo_tokyo{
 width: 226px;
}
.logo_aflac{
 width: 119px;
}
.car_list li, .sick_list li{
 display: block;
 height: 100%;
 text-align: center;
 padding: 12px 15px 6px 15px;
}
.car_web_box, .sick_box{
 display: block;
 border-bottom: none;
 padding: 0;
}
.car_tel_box, .sick_tel_box{
 margin: 18px 0 0;
 display: block;
}
.car_tel_green{
 display: block;
 margin-right: 0;
}
.car_tel{
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 12px;
}
 
}/*sp end*/

@media only screen and (max-width:360px){
 
.jiko_link_btn{
 width: 230px;
} 
 .btn_green{
 width: calc(100% - 15px);
 padding-right: 15px;
}
}