@charset "utf-8";
/* Tablet 768pxまで */
@media screen and (max-width: 768px) {

	p, ul, li, dl, dt, dd, table, div {
	font-size:18px;
}
img {
	max-width : 100%;
	width: 100%;
}
#contents1u {
	padding-top: 10px;
}
/*記事内画像*/
img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
img.aligncenter {
	margin-left: auto;
	display: block;
	margin-right: auto;
	margin-bottom: 20px;
	}
/*パーツレイアウト*/
#main {

	padding-right: 1%;
	padding-left: 1%;
	}
#sidebar {

	}
/*=========================
ヘッダー
=========================*/

#header-in .inside,
#contents1 .inside {
	margin-right: 0px;
	margin-left: 0px;
	}
#header-in h1 {

	padding-left: 5px;
	}
h1 {
	margin-bottom: 5px;
	}
#sign {
	width: 200px;
	margin-bottom: 5px;
	padding-left: 5px;
	}
#signaddress {
	padding-left: 5px;
	}
#headercontact {
	margin-bottom: 10px;
	background-color: #E5E9F1;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#headercontact p {
	text-align: center;
	}
#headermail,
#headerline {
	right: 5px;
	padding-bottom: 0px;
	bottom: 5px;
}
#headermail {
	right: 70px;
}
/*メニュー*/
#menuopen1 {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 50px;

	}
#menu-nav-1 {
	background-color: #2F509F;
	}
nav ul {

	padding-top: 5px;
	padding-bottom: 5px;
	}
nav ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

	}
nav ul li a {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 30px;
	}
/*=========================
フッター
=========================*/
	#centertel-in p.telno img {
    width: 46px;
    margin-top: 0px;
}
#fsign {
	margin-bottom: 40px;
	}

#fmenu ul {

    width: 32%;
}
#faddress {
	margin-bottom: 20px;

	}
#faddress p a {
color: #333;

	}
#faddress img {
	width: 60%;
	padding-left: 20%;
}
#copy {
	}
#copy p {
	text-align: center;
	}
#totop {
	}

#totop p {
	text-align: center;
	}
#totop img {
	width: 50px;
	}
/*=========================
コンテンツ共通
=========================*/
#contents2-in {
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents3-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents4-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents5-in {
    padding-top: 30px;
	padding-bottom: 30px;
}

#contents6-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents7-in {
	padding-top: 30px;
	padding-bottom: 30px;
}

#contents8-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents9-in {
	padding-top: 30px;
	padding-bottom: 30px;
}

#contents10-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents11-in {
	padding-top: 50px;
	padding-bottom: 50px;

}

#contents12-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents13-in {
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents2 {
		background-size:auto 100%;

}


/*=========================
サイドナビ
=========================*/
#menuopen2 {
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #3957A6;
	margin-bottom: 20px;
	}
/*=========================
ホームページ
=========================*/
/*特徴*/
#feature {
	padding-right: 8%;
	padding-left: 8%;
	}
.title_1 {

	width: 90%;

	}
#feature ul li {
	margin-bottom: 10px;
	text-align: center;
	}
/*納得できていますか？*/
#assent {
	margin-bottom: 30px;
	}
#message_req h2 {
	font-size: 18px;
}
#assent .left {
	padding-top: 10px;
}
#assent .left img {
	width: 280px;
	margin-left: 20px;
	}
.title_2 {
    margin-bottom: 30px;
    width: 90%;
}
/*補償*/
#seikyu >div>div {
	overflow: hidden;
	 margin-bottom: 10px;

	}
#seikyu ul {
	padding-left: 13%;
	}
#seikyu ul li {
	margin-bottom: 2px;
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	}
#seikyu ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-position: 8px 50%, 0 0;
	}
#seikyu > div > div {

    padding: 10px;
}
/*被害に遭われた方へ*/
#damage1 {
	margin-bottom: 20px;
	}
#damage1_1 {

	}
#damage1_2 {
	background-image: url(../images/icon_08sp.png);
	background-position: 50% 100%;
	padding-bottom: 80px;
	}
#damage1_3 {


	padding-top: 10px;

	}

/* LINE登録 */
	#lineRegistration {
		padding-right: 0;
		margin-bottom: 20px;
	}
	.lineDescription,
	.lineQrCode {
		display: none;
	}
	.lineDescriptionSp {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
/*流れ*/
.title_2 h2 {

    font-size: 20px;

}
#flow ul li {
	width: 31%;
	margin-bottom: 15px;

	}

/*傷害の種類*/
#damage2 p {
	margin-left: 4%;
	width: 92%;

	background-size:14px auto;
}
#damage2 p a {

	padding-left: 4%;

}
#damage2 ul li {
   margin-bottom: 10px;
}
#damage2 p a,
#damage2 ul li a
 {

	background-size:12px auto;
}

/*後遺障害*/
#damage2 ul li {
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 20px;
	padding-left: 0px;

	}
#damage2 ul li a {

    padding-bottom: 28px;
    padding-top: 28px;
}
#damage2 ul li:nth-child(1) a,
#damage2 ul li:nth-child(4) a,
#damage2 ul li:nth-child(5) a,
#damage2 ul li:nth-child(8) a,
#damage2 ul li:nth-child(9) a {
	background-color: #3857a5;
	color: #FFF;
	background-image: url(../images/arrow_01.png);

	}
#damage2 ul li:nth-child(2) a,
#damage2 ul li:nth-child(3) a,
#damage2 ul li:nth-child(6) a,
#damage2 ul li:nth-child(7) a,
#damage2 ul li:nth-child(10) a {
	background-color: #DEDEDE;
	color: #3857a5;
	background-image: url(../images/arrow_02.png);
	}
#damage2 p a:hover,
#damage2 ul li:nth-child(1) a:hover,
#damage2 ul li:nth-child(4) a:hover,
#damage2 ul li:nth-child(5) a:hover,
#damage2 ul li:nth-child(8) a:hover,
#damage2 ul li:nth-child(9) a:hover {
	background-color: #436CD3;
	}
#damage2 ul li:nth-child(2) a:hover,
#damage2 ul li:nth-child(3) a:hover,
#damage2 ul li:nth-child(6) a:hover,
#damage2 ul li:nth-child(7) a:hover,
#damage2 ul li:nth-child(10) a:hover {
	background-color: #FFF;

	}
/*知っておくべき知識*/
#knowledge1 .linkbtn,
#knowledge2 .linkbtn {
    margin-left: 5%;
    margin-right: 5%;
}
#knowledge > div {

    padding-left: 5px;
    padding-right: 5px;
}
#knowledge1 .linkbtn a,
#knowledge2 .linkbtn a {

    padding-bottom: 15px;
    padding-left: 10px;
	padding-right: 10px;
    padding-top: 15px;
}
/*後遺障害*/
	.title_3 h2 {
	text-align: center;

}
/*メリット*/
.title_4 {
    margin-bottom: 30px;

}
.title_4 h2 {
	font-size: 20px;
	width: 52%;
	}
.title_4 p img {

    width: 98%;
}
.title_4 p {

	width: 46%;
	}


#merit {
	}
#merit >div {
	margin-bottom: 20px;
	padding-right: 4%;
	padding-left: 4%;
	}
#merit h3 {
	text-align: center;
	margin-bottom: 5px;
	}
#merit h3 img {
	width: 50%;
	}
#merit >div >div {
	padding-bottom: 70px;
	}
	#merit >div >div {
	padding-bottom: 5px;

	}
	#merit >div >div p {
	margin-bottom: 15px;
	}
	#merit >div >div  p a img {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	}
/*解決実績*/
#caseex-in .linkbtn {
	padding-right: 15%;
	padding-left: 15%;
}
#caseex-in ul li {
	margin-bottom: 15px;
	padding-right: 15px;

	padding-left: 20px;
}
	#caseex-in h3 {
	font-size: 18px;
}
/*メリット*/
.title_4 h2 {

}

/*centertel*/
#centertel {
	margin-bottom: 10px;

	}
#centertel-in h3 {
	margin-bottom: 15px;

	}
#centertel-in p.telno {
    margin-bottom: 15px;
}
	
/* centerline */
	#centerline {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	#centerline img {
		width: 60%;
	}

/* homeinfolist */
	#homeinfolist {
		position: unset;
	}

/*よくある質問*/
#homefaq h2 {

    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 10px;
    text-align: left;
}
/*=========================
下層ページコンテンツ
=========================*/

}
/* Tablet 641px〜768px */
@media screen and (min-width: 641px) and (max-width: 768px) {
/*=========================
ヘッダー
=========================*/
#signaddress {
	position: absolute;
	left: 220px;
	top: 20px;

	}
/*=========================
フッター
=========================*/
/*=========================
コンテンツ共通
=========================*/
/*=========================
サイドナビ
=========================*/
/*=========================
ホームページ
=========================*/
/*=========================
下層ページコンテンツ
=========================*/
}

/* Tablet 641px以上 */
@media print, screen and (min-width: 641px) {
	/*=========================
ヘッダー
=========================*/
/*=========================
フッター
=========================*/
/*=========================
コンテンツ共通
=========================*/
/*=========================
サイドナビ
=========================*/
/*=========================
ホームページ
=========================*/
/*解決事例*/
.title_5 h2 {
	float: left;
	width: 48%;
	text-align: right;
	margin-right: 3%;

	}
.title_5 p {
	float: left;

	}
/*ニュース*/
.title_6 h2 {
	float: left;
	width: 48%;
	text-align: right;
	margin-right: 3%;

	}
	.title_6 .kanren {
		float: left;
		width: 48%;
		text-align: right;
		margin-right: 3%;
		font-size:22px;

		}
.title_6 p {
	float: left;

	}
/*=========================
下層ページコンテンツ
=========================*/
}
/* Mobile 640pxまで */
@media screen and (max-width:640px) {
	div.inside {
	margin-right: 2%;
	margin-left: 2%;
}
#contents11-in {
	background-image: url(../images/bgimg_10sp.png);
	background-color: #E1E7F4;
}
/*=========================
ヘッダー
=========================*/
#signaddress {

	margin-bottom: 10px;
	}
/*=========================
フッター
=========================*/
/*=========================
コンテンツ共通
=========================*/
/*=========================
サイドナビ
=========================*/
/*=========================
ホームページ
=========================*/
/*メリット*/
.title_4 h2 {
	font-size: 17px;
}
/*解決事例*/
.title_5 h2 {

	text-align: center;
	margin-bottom: 10px;
	}
.title_5 p {


	}
.title_6 h2 {
	text-align: center;
	margin-bottom: 10px;

	}
.title_6 p {


	}
/*=========================
下層ページコンテンツ
=========================*/
}