@charset "utf-8";
/* CSS Document */

section.caraccidentprogram{
	width: 100%;
	margin: 0 auto;
	color: #686d70;
}
.caraccidentprogram .main_title img{width: 100%;}
section.caraccidentprogram h2{color: #8bbd42;
    font-size: 1rem;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
section.caraccidentprogram b{
	color: #8bbd42;
    font-size: 1.125rem;
    line-height: 0;
    letter-spacing: -1px;
}
.pc_content{display: none;}

.sp_p{
	margin: 1.4rem 6.6666%;
	padding-top: 1.4rem;
}
.bt1px{border-top: 1px solid #b2b2b2;}
.sub_title{width: 100%; margin-bottom: 0.5rem;}
.sp_info01{
    margin: 0 auto;
    text-align: center;
    letter-spacing: -1px;
}
.sp_info01 p.logo_cap{width: 70%; font-size: 0.625rem; margin: 10px auto 1.4rem;}
.caption02 img.sp_img80, .caption04 img.sp_img80, .caption05 img.sp_img80, .caption06 img.sp_img80 {margin: 0 auto 1rem;}

.caption02 ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
.caption02 ul li{
width: 45%;
    list-style: none;
    text-align: center;
    font-family: Ciutadella;
}
.caption02 ul li:nth-child(2n){margin-left: 10%;}
.caption02 ul li img{width: 100%;}
.caption03 ul{
	width: 100%;
	padding-left: 0;
	border: solid 1px #b2b2b2;
	padding: 0px 5%;
}
.caption03 ul li{
    list-style: none;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom:  solid 1px #b2b2b2;
}
.caption03 ul li:nth-child(3){border-bottom: none;}
.caution{width: 100%;
	background-color: #e73b39;
	color: #FFF;
	padding: 25px 23%;
	text-align: center;
}
div.caution b {color: #FFF;}
.caution_txt{margin: 0;}
.caption02 p, .caption04 p, .caption05 p, .caption06 p{width: 90%; margin: 1rem auto;}
.caption05 ul{width: 100%; background-color: #f5f2ef; border-bottom-right-radius: 20px; padding: 20px 10% 20px 15%;
}
.caption05 ul li{list-style: none; margin-bottom: 1rem; position: relative;}
.caption05 ul li:before{
	position:absolute;
	left:-12%;
	content:"";
	display:inline-block;
    width: 23px;
    height: 23px;
	background:url(../img/logo_Q.svg) no-repeat;
	background-size:contain;
}
.caption05 ul li:nth-child(2):before{
	position:absolute;
	left:-12%;
	content:"";
	display:inline-block;
    width: 23px;
    height: 23px;
	background:url(../img/logo_A.svg) no-repeat;
	background-size:contain;
}
.caption06 .min_title{text-align: center;
font-size: 1.2rem; font-weight: bold;margin-bottom: 0px;}

.caption06 .bh{
	margin: 0px auto 2rem;
    text-align: center;
    line-height: 0;
    font-size: 0.6875rem;
}

/*** 調整用 ***/
.logo_001{width: 50%;}
.sp_img100{width: 100%;}
.sp_img80{width: 80%;}
.mb_1rem{margin-bottom: 1rem;}
.mb_30{margin-bottom: 30px;}
.al_cnt{text-align: center; width: 80%;}
.lh_1{line-height: 1;}
@media only screen and (min-width: 769px) {
section.caraccidentprogram{
	width: 1260px;
	margin: 0 auto;
	font-size: 24px;
}
.pc_content{display: block; width: 100%;}
.sp_content{display: none;}
.logo_001{width: 376px;}
section.caraccidentprogram b {font-size: 24px; letter-spacing: 0;}
.sub_title {
    width: 884px;
    margin: 40px 93px 90px;
}
.sp_p{
    margin: 60px 90px;
    border-top: none;
    padding-top: 0;
}
.caption02 p, .caption04 p{width: 58%; margin: 60px auto;}
.caption06 p{width: 66%; margin: 60px auto;}

.caption05 p{margin: 60px auto;}
.sp_info01 p.logo_cap{font-size: 0.75rem;}
	.pc_lo{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    height: 700px;
    margin-bottom: 76px;
	}
.pc_lo p{width: 578px; margin-right: 106px;}
.pc_lo div{width: 376px;}
.txt_tp{position: relative; top: -370px;}
	
.caption02 ul li {
	width: 21%;
	margin: 10px 2%;}
.sp_img80{width: auto;}
.caption02 ul li:nth-child(2n){margin-left: 2%;}
.caption03 ul li{border: none;}
.caution{padding: 30px 0px;}
p.caution_txt{width: 100%; font-size: 1.1em; font-weight: bold; margin: 0;}
.caption03 ul{margin-bottom: 40px;}
.caption05 ul {width: 100%; padding: 60px 60px 60px 100px;}
.caption05 ul li:nth-child(1){margin-bottom: 60px;}
.caption05 ul li:before, .caption05 ul li:nth-child(2):before {width: 57px; height: 57px; margin-top: -7px; left: -67px;}
p.w_100{width: 80%; margin: 0 auto;}
.caption06 .min_title{font-size: 24px;}
.caption06 .bh{font-size: 19px;margin-top: 10px;}
.caption06 span {margin: 0 148px;}
	/*** 調整用 ***/
.mt_90{margin-top: 90px;}
.sp_img100{width: 76%;}
}