@charset "utf-8";

/*==================================================
cmn
==================================================*/

html {
	font-size: 62.5%;
}
body {
	background: #f3f3f3;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #000;
	font-size: 2rem;
	line-height: 2em;
	position: relative;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
header, nav, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, table, tr, td, th, input, textarea, select, a, figure {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
span.h1_black{
text-align:center;
font-size:2rem;
color:#fff;
background:#FF6E00;
display:block;
line-height:2.5em;
}
p {
	margin-bottom: 1.5em;
}
p:last-child {
	margin-bottom: 0;
}
a, input[type="submit"] {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.sp {
	display: none;
}
/*==================================================
head
==================================================*/
.site-header {
	text-align: center;
	font-size:1.8rem;
	padding:1em 0;

}

/*==================================================
foot
==================================================*/
.site-footer {
	text-align: center;
	margin: 2em 0;
}

.site-footer address {
	text-align: center;
	font-style: normal;
	font-size: 80%;
	margin-top: 1em;
}
/*==================================================
content
==================================================*/

main{
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
	background: #fff;
}
section{
	padding: 12.5% 6.25% 6.25%;
}
.sec01{
	
}
.sec02{
	background: #f3f3f3;
}
.sec-cv01{
	background: #31418b;
	padding-top: 6.25%;
	padding-bottom: 0;
}
.sec-cv02{
	padding-top: 0;
	padding-bottom: 0;
}
.sec-case{
	padding-top: 6.25%;
}
.txt-center {
	text-align: center;
}
.tit01 {
	padding: 1em 0;
	font-size:4rem;
	line-height: 1.8em;
}
.content{
	background: #fff;
	overflow: hidden;
}
.content h2{
	background: #161b56;
	color:#fff;
	padding: 1.5em 6.25%;
	    font-size: 3.4rem;
    line-height: 1.6em;
	text-align: center;
}
.content ul{
	    background: #f8f8f8;
    padding: 5%;
    margin:2em 0;
	
}
.content ul li{
	font-weight: bold;
	margin-bottom: 0.5em;
	font-size:130%;
}
.content ul li:last-child{
	margin-bottom: 0;	
}
.list-check li{
	background: url(../img/accident_lp02/icon_check.png) no-repeat left 4px;
	background-size: 40px;
	padding: 0.2em 0 0.2em 55px;
}
.content a{
	color: #0085d1;
    text-decoration: underline;
	font-weight: bold;
}
.txt-red{
	color:#e33442;
	font-weight: bold;
}
.border-yellow{
	 background: linear-gradient(transparent 60%, #ffd700 40%);
    font-weight: bold;
}
.bg-yellow{
	 background: linear-gradient(#ffd700 60%, #ffd700 40%);
    font-weight: bold;
	padding: 3px;
}
.img-box{
	margin: 7% 0;
}
.btn-box{
	padding: 6.25% 6.25% 12.5%;
}
.btn:last-child{
	margin-bottom: 0;	
}
.case-box{
	margin: 5% 0;
	
}
.case-box h3{
	text-align: center;
	font-size:3rem;
	margin-bottom: 0.8em;
	line-height: 2em;
		
}
.case-box h3 .border-yellow{
	display: inline-block;
}
.case-box h3 .num{
	font-size:220%;	
	vertical-align: -3px;
	letter-spacing: -0.01em;
}
.case-box h3 .txt-m{
	font-size:150%;
	
}
.case-box h3 .plus{
	font-size:150%;
}
.case-box h3 .txt-red{
	margin: 0 0.15em;
}
.case-box .name{
	text-align: right;
	font-weight: bold;
	font-size:87.5%;
}
.company-sec{display: inline-block;
	margin-bottom: 2em;
	margin-top: 1em;
text-align: left;
}
.company-sec h2{
	margin-bottom: 1em;
	font-weight: normal;
	line-height: 3em;
	font-size:87.5%;
}
.company-sec h2 .txt-b{
	font-size:150%;
	margin-left: 0.5em;
	
}
@media screen and (max-width: 600px) {
/*==================================================
cmn
==================================================*/
	body{
		font-size:15px;
	}
.sp {
	display: block;
}
.pc {
	display: none;
}
	.site-header{
		font-size:1.2rem;
		padding:10px 5px;
	}
	.site-header img{
		width: 180px;	
	}
	.company-sec img{
		width: 240px;
	}
.tit01 {
    padding: 1em 5%;
    font-size: 2.2rem;
    line-height: 1.8em;
}
	.content ul li {

    font-size: 120%;
}
	.list-check li {
    background: url(../img/accident_lp02/icon_check.png) no-repeat left 6px;
    background-size: 25px;
    padding: 0.2em 0 0.2em 32px;
}
	.content h2{
		font-size: 2rem;
	}
	.case-box h3 {
    font-size: 1.6rem;

}
	.case-box{
		border-width: 5px;
	}
	.case-box .txt {
		font-size:87.5%;
		line-height: 2em;
	}
	.case-box .txt p{
		margin-bottom: 1em;	
	}
	.case-box .txt p:last-child{
	margin-bottom: 0;	
	}
	.site-footer address{
		font-size:10px;
	}
}