@charset "utf-8";
/* CSS Document */
/*=========================
慰謝料LP
==========================*/

/*base*/
html{
	font-size: 62.5%;
}
body{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    color: #000;
    font-weight:normal;
	font-size: 1.8rem;
	line-height: 1.5;
}
body,a{
	color:#000;
}
a::hover{
　opacity:.6!important;
    transition: 0.5s;
}


@media screen and (min-width: 768px){
	.cv .cv_inner .right .tel{
		pointer-events: none;
	}	
}
img, svg {
    max-width: 100%;
	max-height: 100%;
	height: auto;
    vertical-align: bottom;
}
p{
	line-height: 1.5;
}
tr, th, td{
	border: none;
	box-sizing: border-box;
}
.footer_fix_tel_tb {
    line-height: 2rem;
}
.flex_box{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.num_change{
	justify-content: space-around;
}
.mincho{
	font-family: 'ヒラギノ明朝 ProN W3','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif Mincho', 'HG明朝E', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',serif;
	
}
#traffic .page-title h2{
	display: none;
}
h2.h2_title{
	margin-bottom: 90px;
	padding: 0 10px;
	font-size: 4.8rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	line-height: 1.4;
}
h2.h2_title:after{
	content: "";
    display: inline-block;
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 90px;
    height: 10px;
    background: url(../../../koutsujiko/image/lp/isyaryou-lp/h2_line.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    transform: translate(-50%, 0);
}
.block{
	display: block;
}
.inline{
	display: inline-block;
}
.section_wrap{
	padding: 160px 0; 
}
.section_inner{
	max-width: 1000px;
	margin: 0 auto;
}
.section_inner2{
	max-width: 1000px;
	margin: 0 auto;
}
.bg_brown{
	background: #f7f6f1;
}
.bg_gray{
	background: #f4f4f4;
}
.pb0{
	padding-bottom: 0;
}
.txt_green{
	color: #0f627a;
	font-weight: bold;
}
.txt_red{
	color: #910000;
	font-weight: bold;
}
.txt_orange{
	color: #db7010;
	font-weight: bold;
}

/*fv*/
.fv{
	width: 100%;
	height: 36.458vw;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/fv_bg.jpg") no-repeat center / cover;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.fv .fv_pc{
	width: 52.083vw;
	margin: 0 auto;
	text-align: center;
}
.fv .fv_pc .sub_title{
	max-width: 31.25vw;
	padding: 0.781vw;
	margin: 0 auto 2.083vw;
	background: #db7011;
	border-radius: 2.083vw;
	font-size: 1.563vw;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.fv .fv_pc h1{
	margin-bottom: 2.604vw;
	font-size: 3.021vw;
	line-height: 1.4;
}
.fv .fv_pc h1 .txt_large{
	font-size: 4.063vw;
}
.fv .fv_pc h1 .txt_green{
	font-size: 4.063vw;
	color: #0f627a;
}
.fv .fv_pc h1 .txt_orange{
	font-size: 4.063vw;
	color: #db7011;
}
.fv .fv_logo{
	width: 21.875vw;
	margin: 0 auto;
}
.fv .fv_sp{
	display: none;
	width: 100%;
	height: 100%;
}

/*cv*/
.cv{
	background: #0c2e38;
}
.cv .cv_inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
.cv .cv_inner .left{
	width: 38%;
	color: #fff;
}
.cv .cv_inner .left .txt_catch{
	margin-bottom: 10px;
	font-size: 3.0rem;
	line-height: 1.3;
	text-align: left;
}
.cv .cv_inner .left ul{
	margin-bottom: 10px;
}
.cv .cv_inner .left ul li{
	width: 23.5%;
	padding: 5px;
	border: 1px solid #fff;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.cv .cv_inner .left ul li:not(:last-child){
	margin-right: 2%;
}
.cv .cv_inner .left ul li .name{
	width: 100%;
	margin-bottom: 3px;
	display: block;
	font-size: 1.5rem;
	text-align: center;
}
.cv .cv_inner .left ul li .zero{
	font-size: 5.0rem;
	font-weight: bold;
}
.cv .cv_inner .left ul li .en{
	font-size: 1.5rem;
	margin-left: 2px;
}
.cv .cv_inner .left ul li .seiko,
.cv .cv_inner .left ul li .ato{
	font-size: 2.2rem;
	line-height: 1.0;
}
.cv .cv_inner .kome{
	font-size: 1.2rem;
	text-align: left;
}
.cv .cv_inner .right{
	width: 59%;
	background: #fff;
	border-radius: 8px;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
}
.cv .cv_inner .right .tel{
	width: 62%;
	margin-bottom: 10px;
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 0;
	letter-spacing: -1.5px;
	font-family: 'ヒラギノ明朝 ProN W3','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','Noto Serif JP', serif;
}
.cv .cv_inner .right .tel:before{
	content: url("../../../koutsujiko/image/lp/isyaryou-lp/cv_tel.svg");
	display: inline-block;
	width: 48px;
}
.cv .cv_inner .right .txt01{
	margin-bottom: 10px;
	font-size: 1.8rem;
	text-align: center;
}
.cv .cv_inner .right .teltap_sp{
	display: none;
}
.cv .cv_inner .right .mail{
	width: 60%;
	margin: 0 auto 10px;
	padding: 10px;
	background: #db7010;
	border-radius: 6px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.cv .cv_inner .right .mail:before{
	content: url("../../../koutsujiko/image/lp/isyaryou-lp/cv_mail.svg");
	display: inline-block;
	width: 20px;
    margin-right: 10px;
}
.cv .cv_inner .right .txt02{
	font-size: 1.2rem;
	text-align: center;
}

/*about*/
.about .content01{
	margin-bottom: 120px;
}
.about .content01 .left{
	width: 60%;
}
.about .content01 .left .title{
	padding: 15px 30px;
	margin-bottom: 30px;
	background: #0f627a;
	color: #fff;
	font-size: 2.8rem;
	display: inline-block;
}
.about .content01 .left .txt_area{
	font-size: 4.4rem;
	text-align: left;
}
.about .content01 .left .txt_area .txt_green{
	font-size: 5.4rem;
	position: relative;
	line-height: 2;
}
.about .content01 .left .txt_area .txt_green:before{
	content: "・";
    position: absolute;
    top: -1.2em;
    left: 50%;
	transform: translate(-50%, 0);
    font-size: 30px;
}
.about .content01 .right{
	width: 34%;
}
.about .content02{
}
.about .content02 .content02_inner{
	margin-bottom: 100px;
}
.about .content02 .content02_inner .left{
	width: 49%;
}
.about .content02 .content02_inner .right{
	width: 47%;
}
.about .content02 .content02_inner .right p{
	line-height: 1.8;
}
.about .content02 .content02_inner .right p:not(:last-child)
{
	margin-bottom: 1em;
}
.about .content02 ul.link{
	padding: 0;
}
.about .content02 ul.link li{
	width: 49%;
}
.about .content02 ul.link li a{
	max-height: 200px;
	padding: 30px 50px;
	display: block;
	border-radius: 15px;
	text-align: center;
	position: relative;
}
.about .content02 ul.link li:nth-child(1) a{
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/about_img03.jpg"), no-repeat center/cover;
}
.about .content02 ul.link li:nth-child(2) a{
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/about_img04.jpg"), no-repeat center/cover;
}
.about .content02 ul.link li a:after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2%;
    width: 32px;
    height: 32px;
    background: url(../../../koutsujiko/image/lp/isyaryou-lp/about_link_icon.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    transform: translate(0, -50%);
}
.about .content02 ul.link li a .sub_title{
	padding: 10px;
	margin-bottom: 10px;
	background: #f4f2ee;
	border-radius: 8px;
	color: #295562;
	font-weight: bold;
	text-align: center;
}
.about .content02 ul.link li a .inner{
	align-items: center;
}
.about .content02 ul.link li a h3.title{
	font-size: 3.6rem;
	color: #fff;
	font-weight: bold;
}
.about .content02 ul.link li a .time{
	padding: 0 8px;
    background: #fff;
    font-size: 1.6rem;
    color: #910000;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    font-weight: bold;
}

/*can*/
.can .section_inner{
	max-width: 1000px;
}
.can ul.content01{
	margin-bottom: 100px;
	flex-wrap: wrap;
}
.can ul.content01 li{
	width: 48%;
	border-radius: 15px;
	overflow: hidden;
}
.can ul.content01 li:nth-child(-n+2){
	margin-bottom: 30px;
}
.can ul.content01 li .title{
	height: 210px;
	background: #0f627a;
	color: #fff;
	font-size: 30px;
	text-align: center;
	justify-content: center;
    flex-direction: column;
}
.can .content02{
	margin-bottom: 150px;
	/*background: url("../images/koutsujiko/isyaryou-lp/can_img05.jpg") no-repeat left center;*/
	background-size: contain;
	position: relative;
}
.can .content02 .txt_area{
	width: 48%;
	padding: 4.167vw 4.25vw;
	box-sizing: border-box;
	background: #fff;
	border-top: 4px solid #db7010;
	border-bottom: 3px solid #db7010;
	font-size: 2.0rem;
	position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0px, -50%);
}
.can .content02 .txt_area p{
	line-height: 1.8;
}
.can .content02 .txt_area p:not(:last-child){
	margin-bottom: 1em;
}
.can .content02 .img{
	width: 70%;
	height: 540px;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/can_img05.jpg") no-repeat left top/cover;
}
.can .closing01{
	max-height: 290px;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/can_closing_bg.png") no-repeat left bottom ,#deebee;
	background-size: 40%;
}
.can .closing01 .txt_area{
	width: 44%;
	margin-left: auto;
	font-size: 4.4rem;
	display: flex;
	align-items: center;
	order: 1;
}
.can .closing01 .txt_area .txt_orange{
	color: #db7010;
	font-weight: bold;
}
.can .closing01 .img{
	width: 725px;
	text-align: right;
	order: 2;
}

/*seikyu*/
.seikyu .content01{
    background: url(../../../koutsujiko/image/lp/isyaryou-lp/seikyu_img01.jpg) no-repeat center top;
    background-size: cover;
}
.seikyu .content01 .content01_inner{
	padding: 120px 40px;
	text-align: center;
}
.seikyu .content02{
	max-width: 1000px;
	margin: -30px auto 0;
	padding: 5.208vw 6.25vw 8.25vw;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/seikyu_bg_logo.png")no-repeat right bottom ,#f4f4f4;
	box-sizing: border-box;
}
.seikyu .content02 .txt01{
	margin-bottom: 70px;
}
.seikyu .content02 .txt01 p{
	font-size: 2.0rem;
	line-height: 1.8;
}
.seikyu .content02 .txt01 p:not(:last-child){
	margin-bottom: 1em;
}
.seikyu .content02 ul.list01{
	
}
.seikyu .content02 ul.list01 li{
	width: 45%;
	background: #fff;
}
.seikyu .content02 ul.list01 li .title{
	height: 150px;
	color:#fff;
	font-size: 26px;
	text-align: center;
	background: #db7010;
	background-image: linear-gradient(-43deg, #c7660e 23%,transparent 0);
	line-height: 1.4;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.seikyu .content02 ul.list01 li .txt{
	padding: 40px 50px;
	background: #fff;
	text-align: justify;
	line-height: 1.8;
}
.seikyu .content02 ul.list01 li .txt p{
	line-height: 1.8;
}
.seikyu .content02 ul.list01 li .txt p:not(:last-child){
	margin-bottom: 1em;
}

/*shikumi*/
.shikumi{
	padding: 70px 150px;
	margin-bottom: 160px;
	background: #fff;
}
.shikumi .img{
	margin-bottom: 30px;
	text-align: center;
}
.shikumi .txt{
	padding: 40px 80px;
	background: #e8f2f4;
}
.shikumi .txt p{
	line-height: 1.8;
}
.shikumi .txt p:not(:last-child){
	margin-bottom: 1em;
}


/*zougaku*/
.zougaku .item{
	width: 47%;
	background: #fff;
}
.zougaku .item .title{
	height: 170px;
	background: #0f627a;
	color: #fff;
	font-size: 2.6rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.zougaku .item .img{
	padding: 30px;
	text-align: center;
}

/*point*/
.point{
	padding-bottom: 0 !important;
}
.point ul.content01{
	
}
.point ul.content01 li{
	padding: 30px;

	position: relative;
}
.point ul.content01 li:not(:last-child){
	margin-bottom: 50px;
}
.point ul.content01 li:nth-child(1){
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/point_img01.jpg") no-repeat right center ,#f4f4f4;
	background-size: auto 100%;
}
.point ul.content01 li:nth-child(2){
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/point_img02.jpg") no-repeat right center ,#f4f4f4;
	background-size: auto 100%;
}
.point ul.content01 li:nth-child(3){
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/point_img03.jpg") no-repeat right center ,#f4f4f4;
	background-size: auto 100%;
}
.point ul.content01 li:nth-child(4){
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/point_img04.jpg") no-repeat right center ,#f4f4f4;
	background-size: auto 100%;
}
.point ul.content01 li .check{
	position: absolute;
	top: 0;
	left: 0;
}
.point ul.content01 li h3{
	width: 40%;
	font-size: 3.5rem;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.point ul.content01 li .txt{
	width: 63%;
	padding: 40px 30px;
	background: #fff;
	box-sizing: border-box;
}
.point ul.content01 li .txt p{
	font-size: 2.0rem;
	text-align: justify;
	line-height: 1.8;
}
.point ul.content01 li .txt p:not(:last-child){
	margin-bottom: 1em;
}
.point .closing02{
	max-height: 410px;
	margin-top: 160px;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/can_closing_bg.png") no-repeat left bottom ,#deebee;
	background-size: 40%;
}
.point .closing02 .txt_area{
	width: 54%;
	margin-left: auto;
	font-size: 4.4rem;
	display: flex;
	align-items: center;
}
.point .closing02 .txt_area .txt_orange{
	color: #db7010;
	font-weight: bold;
}
.point .closing02 .img{
	width: 633px;
	text-align: right;
}

/*reason*/
.reason .content_item:not(:last-child){
	margin-bottom: 100px;
}
.reason .content_item .img{
	width: 36%;
}
.reason .content_item .txt_box{
	width: 59%;
	position: relative;
}
.reason .content_item .txt_box .number{
	font-size: 14.0rem;
	color: #fcf3eb;
	font-weight: bold;
	line-height: 1;
}
.reason .content_item .txt_box h3{
	margin: -40px 0 30px;
	font-size: 4.2rem;
}
.reason .content_item .txt_box .txt > p{
	line-height: 1.8;
}
.reason .content_item .txt_box .txt > p:not(:last-child){
	margin-bottom: 1.5em;
}
.reason ul.list{
	margin-top: 20px;
}
.reason ul.list li{
	width: 30%;
	height: 180px;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/reason_bg_kensu.png") no-repeat center;
	background-size: contain;
	justify-content: center;
    align-items: center;
}
.reason ul.list li .list_title{
	width: 80%;
	margin: 0 auto 10px;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.3;
}
.reason ul.list li .list_subject{
	margin-bottom: 10px;
	text-align: center;
}
.reason ul.list li .list_subject .number{
	font-size: 6.0rem;
	color: #910000;
}
.reason ul.list li:first-child .list_subject .number{
	font-size: 4.7rem;
    letter-spacing: -0.1rem;
}
.reason ul.list li .list_other{
	font-size: 1.2rem;
	text-align: center;
}
.reason ul.list li:last-child div{
	margin-top: 15px;
}
.reason ul.list li:last-child .list_title {
    margin-bottom:17px;
}


.title .txt_green{
    display: inline-block;
}


/*case*/
.case{
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/case_bg.jpg") no-repeat center/cover;
}
.case .content01{
	padding: 80px 110px;
	background: #fff;
}
.case .content01 h3{
	margin-bottom: 60px;
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
}
.case .content01 table{
	margin-bottom: 40px;
	border: none;
}
.case .content01 table tr{
	border: none;
}
.case .content01 table th,
.case .content01 table td{
	padding: 40px 30px;
	vertical-align: middle;
	border: none;
}
.case .content01 table th{
	width: 30%;
	background: #db7010;
	color: #fff;
	font-size: 2.8rem;
}
.case .content01 table td{
	width: 70%;
	background: #f4f4f4;
	font-size: 2.4rem;
	text-align: left;
}
.case .content01 h4{
	padding: 20px 30px;
	margin-bottom: 20px;
	background: url("../../../koutsujiko/image/lp/isyaryou-lp/case_h3.jpg") no-repeat right center/cover,#0f627a;
	color: #fff;
	font-size: 2.8rem;
}
.case .content01 .txt p{
	line-height: 1.8;
}
.case .content01 .txt p:not(:last-child){
	margin-bottom: 1.5em;
}


/*flow*/
.flow .list_box{
	background: #f7f5ef;
}
.flow ul.list{
	padding: 30px 0;
}
.flow ul.list li{
	width: 25%;
	padding: 10px 30px;
	text-align: center;
}
.flow ul.list li:not(:last-child){
	border-right: 1px solid #b6b6b6;
}
.flow ul.list li .step{
	font-size: 2.4rem;
	font-weight: bold;
	color: #0f627a;
}
.flow ul.list li .step .step_number{
	font-size: 3.4rem;
}
.flow ul.list li .title{
	margin: 20px 0;
	font-size: 3.0rem;
	text-align: center;
}
.flow ul.list li .icon{
	height: 60px;
	margin-bottom: 20px;
}
.flow ul.list li .txt{
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.8
}

/*lawyer*/
.lawyer .content01{
	padding: 50px 60px;
	background: #fff;
}
.lawyer .content01 h3{
	margin-bottom: 50px;
	font-size: 4.0rem;
	text-align: center;
}
.lawyer .content01 ul{
	margin-bottom: 10px;
}
.lawyer .content01 ul li{
	width: 23.5%;
	padding: 20px;
	background: #db7010;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
}
.lawyer .content01 ul li:not(:last-child){
	margin-right: 2%;
}
.lawyer .content01 ul li .name{
	width: 100%;
	margin-bottom: 5px;
	display: block;
	font-size: 3.0rem;
	text-align: center;
}
.lawyer .content01 ul li .zero{
	font-size: 9.0rem;
	font-weight: bold;
}
.lawyer .content01 ul li .en{
	font-size: 3.0rem;
	margin-left: 2px;
}
.lawyer .content01 ul li .seiko,
.lawyer .content01 ul li .ato{
	font-size: 4.6rem;
	line-height: 1.0;
}
.lawyer .content01 .kome{
	font-size: 1.4rem;
	margin-bottom: 40px;
	text-align: left;
}
.lawyer .content01 table{
	width: 48%;
	margin: 0;
	border: none;
}
.lawyer .content01 table:first-child{
	margin-bottom: 60px;
}
.lawyer .content01 table tr{
	border: none;
}
.lawyer .content01 table th,
.lawyer .content01 table td{
	width: 100%;
	display: block;
	border: none;
}
.lawyer .content01 table th{
	padding: 15px ;
	background: #0f627a;
	color: #fff;
	font-size: 3.2rem;
	font-weight: normal;
}
.lawyer .content01 table td{
	padding: 35px 40px;
	background: #f4f4f4;
	min-height: 288px;
}
.lawyer .content01 table p{
	text-align: center;
}
.lawyer .content01 table td .list02_txt{
	margin-top: 25px;
}
.lawyer .content01 table td .txt01{
	font-size: 2.8rem;
	display: block;
	line-height: 1.3;
}
.lawyer .content01 table td .txt02,
.lawyer .content01 table td .txt03{
	font-size: 1.6rem;
	line-height: 1.1;
}
.lawyer .content01 table td .txt_red{
	font-size: 4.4rem;
}
.lawyer .content01 table td .plus{
	font-size: 3.6rem;
}

@media screen and ( max-width: 1500px){
	.can .closing01 .txt_area{
		font-size: 3.8rem;
	}
	.point .closing02 .txt_area{
		font-size: 3.8rem;
	}
	
}

@media screen and ( max-width: 1400px){
	.section_inner2{
		max-width: 1000px;
	}
	.reason ul.list li .list_title{
		width: 100%;
	}
	.reason .content_item .txt_box h3{
		font-size: 3.8rem;
	}
	.reason ul.list li .list_subject .number,
    .reason ul.list li:first-child .list_subject .number{
		font-size: 4rem;
	}
	.reason ul.list li .list_other{
		font-size: 1.0rem;
	}
	.can .closing01 .img{
		width: 47%;
	}
	.can .closing01 .txt_area{
		width: 46%;
	}
	.point .closing02 .img {
		width: 42%;
	}
	
}

@media screen and ( max-width: 1200px){
	html{
		font-size: 51%;
	}
	.cv .cv_inner{
		max-width: 1000px;
	}
	.section_inner {
		max-width: 1000px;
	}
	.about .content02 ul.link li a{
		padding: 30px 80px;
	}
	.lawyer .content01 table td{
		padding: 40px 30px;
		min-height: 255px;
	}
	.seikyu .content02{
		max-width: 1000px;
	}
	.reason ul.list li:last-child div{
		margin-top: 20px;
	}
	.reason ul.list li:last-child .list_title {
        margin-bottom:10px;
    }
	
}

@media screen and ( max-width: 1024px){
	.section_inner{
		padding: 0 30px;
	}
	.cv .cv_inner{
		max-width: 1000px;
		padding: 40px 20px;
	}
	.cv .cv_inner .left{
		width: 40%;
	}
	.cv .cv_inner .right{
		width: 55%;
	}
	.flow ul.list li{
		padding: 10px 40px;
	}
	
}

@media screen and ( max-width: 1023px){
	html{
		font-size: 48%;
	}
	h2.h2_title:after{
		bottom: -40px;
	}
	
	.section_wrap{
		padding: 100px 0;
	}
	.section_inner,
	.section_inner2,
	.can .section_inner{
		max-width: none;
		padding: 0 30px;
	}
	.about .content01{
		margin-bottom: 60px;
	}
	.about .content02 ul.link li a {
		padding: 40px 30px 70px;
	}
	.about .content02 ul.link li a h3.title{
		font-size: 3.0rem;
	}
	.about .content02 ul.link li a:after{
		top: inherit;
		bottom: 6%;
		right: 50%;
		transform: translate(50%, 0)
	}
	.can{
		padding-bottom: 0 !important;
	}
	.can .content02{
		margin-bottom: 80px;
	}
	.can .content02 .img{
		width: 100%;
		height: 350px;
	}
	.can .content02 .txt_area {
		width: 90%;
		margin: -80px auto 0;
		padding: 4.167vw 6.25vw;
		position: static;
		transform: none;
	}
	.seikyu .content02{
		max-width: none;
		width: 94%;
		background-size: 80%;
	}
	.seikyu .content02 .txt01 {
		margin-bottom: 40px;
	}
	.seikyu .content02 ul.list01 li .txt{
		padding: 40px;
	}
	.shikumi{
		padding: 60px;
		margin-bottom: 100px;
	}
	.shikumi .txt{
		padding: 30px;
	}
	.case .content01{
		padding: 60px 50px;
	}
	.case .content01{
		margin-bottom: 40px;
	}
	.flow ul.list li{
		padding: 10px 20px;
	}
	.lawyer .content01{
		padding: 60px;
	}
	.lawyer .content01 ul li{
		padding: 15px;
	}
	.lawyer .content01 table td{
		height: 235px;
	}
	.lawyer .content01 table td .txt_red{
		font-size: 3.6rem;
	}
	.point ul.content01 li{
		display: block;
	}
	.point ul.content01 li h3{
		width: 100%;
	}
	.point ul.content01 li .txt{
		width: 80%;
		margin: 20px auto 0;
		box-sizing: border-box;
	}
	.point .closing02 .txt_area{
		width: 63%;
	}
	.can .closing01{
		height: 350px;
		background: url("../../../koutsujiko/image/lp/isyaryou-lp/can_img06_sp.jpg") no-repeat right top;
		background-size: cover;
		max-height: none;
		position: relative;
		margin-bottom: 50px;
		display: block;
	}
	.can .closing01 .txt_area{
		width: 94%;
		position: absolute;
		left: 50%;
		text-align: center;
		padding: 15px;
		bottom: -30%;
		display: block;
		box-sizing: border-box;
		transform: translate(-50%, -50%);
		background: #fff;
		box-shadow: 0 5px 5px 0 rgba(0 ,0, 0 , 0.14);
	}
	.can .closing01 .img{
		display: none;
	}
	.point .closing02{
		height: 460px;
		background: url("../../../koutsujiko/image/lp/isyaryou-lp/point_img05_sp.jpg") no-repeat right top;
		background-size: cover;
		max-height: none;
		position: relative;
		display: block;
		margin-top: 80px;
		margin-bottom: 160px;
	}
	.point .closing02 .txt_area{
		width: 94%;
		position: absolute;
		left: 50%;
		text-align: center;
		padding: 15px;
		bottom: -30%;
		display: block;
		box-sizing: border-box;
		transform: translate(-50%, -50%);
		background: #fff;
		box-shadow: 0 5px 5px 0 rgba(0 ,0, 0 , 0.14);
		border-radius: 1px;
	}
	.point .closing02 .img{
		display: none;
	}
	.reason ul.list li .list_other .sp_block{
		display: block;
	}
	.cv .cv_inner .right .tel{
		font-size: 5.2vw;
	}
	.cv .cv_inner .right .tel.para{
		font-size: 5vw;
	}
	.cv .cv_inner .right .tel:before{
		width: 4vw;
	}
	
}

@media screen and ( max-width: 768px){
	html{
		font-size: 62.5%;
	}
	h2.h2_title{
		font-size: 4rem;
	}
	.cv .cv_inner{
		flex-direction: column;
		padding: 40px 30px;
	}
	.cv .cv_inner .left{
		width: 100%;
		margin-bottom: 30px;
	}
	.cv .cv_inner .left .txt_catch{
		text-align: center;
	}
	.cv .cv_inner .right{
		width: 100%;
		padding: 7vw;
		box-sizing: border-box;
	}
	.about .content01 .left .title{
		font-size: 2.4rem;
	}
	.about .content01 .left .txt_area{
		font-size: 3.4rem;
	}
	.about .content01 .left .txt_area .txt_green{
		font-size: 4.4rem;
	}
	.about .content02 .content02_inner .left{
		width: 36%;
	}
	.about .content02 .content02_inner .right {
		width: 59%;
	}
	.about .content02 .content02_inner{
		margin-bottom: 80px;
	}
	.about .content02 ul.link{
		flex-wrap: wrap;
	}
	.about .content02 ul.link li{
		width: 100%;
	}
	.about .content02 ul.link li:first-child{
		margin-bottom: 30px;
	}
	.about .content02 ul.link li a .inner{
		justify-content: center;
	}
	.about .content02 ul.link li a .time{
		margin-right: 10px;
	}
	.can ul.content01 li .title{
		font-size: 2.3rem;
		height: 170px;
	}
	.can .content02 .txt_area p{
		font-size: 2.0rem;
	}
	.seikyu .content02{
		background-size: 70%;
	}
	.seikyu .content01 .content01_inner{
		padding: 60px 30px 70px;
	}
	.seikyu .content02 ul.list01{
		display: block;
	}
	.seikyu .content02 ul.list01 li{
		width: 100%;
	}
	.seikyu .content02 ul.list01 li:first-child{
		margin-bottom: 60px;
	}
	.zougaku{
		flex-direction: column;
	}
	.zougaku .item{
		width: 100%;
	}
	.zougaku .item:first-child{
		margin-bottom: 60px;
	}
	.point ul.content01 li{
		background-size: cover !important;
	}
	.point ul.content01 li .txt{
		width: 100%;
	}
	.reason .content_item .img{
		display: none;
	}
	.reason .content_item .txt_box{
		width: 100%;
		text-align: center;
	}
	.reason .content_item:not(:last-child){
		margin-bottom: 60px;
		padding-bottom: 60px;
		border-bottom: 1px solid #222;
	}
	.reason .content_item .txt_box .txt{
		text-align: left;
	}
	.case .content01{
		padding: 50px;
	}
	.case .content01 h3{
		margin-bottom: 40px;
	}
	.case .content01 h4{
		padding: 15px 20px;
		font-size: 2.4rem;
		text-align:center;
	}
	.case .content01 table th,
	.case .content01 table td{
		width: 100%;
		padding: 15px;
		display: block;
		font-size: 2.4rem;
	}
	.flow ul.list{
		flex-wrap: wrap;
		padding: 30px;
	}
	.flow ul.list li{
		width: 50%;
		padding: 30px;
		box-sizing: border-box;
	}
	.flow ul.list li:not(:last-child){
		border: none;
	}
	.flow ul.list li:nth-child(odd){
		border-right: 1px solid #b6b6b6;
	}
	.flow ul.list li:nth-child(-n+2){
		border-bottom: 1px solid #b6b6b6;
	}
	.lawyer .content01 h3{
		margin-bottom: 40px;
	}
	.lawyer .content01 ul li{
		padding: 10px;
	}
	.lawyer .content01 ul li .name{
		font-size: 2rem;
	}
	.lawyer .content01 ul li .seiko, .lawyer .content01 ul li .ato{
		font-size: 3.6rem;
	}
	.lawyer .content01 ul li .zero{
		font-size: 7rem;
	}
	.lawyer .content01 .content01_inner{
		flex-direction: column;
	}
	.lawyer .content01 table{
		width: 100%;
	}
	.lawyer .content01 table th,
	.lawyer .content01 table td{
		display: block;
		width: 100%;
	}
	.lawyer .content01 table td{
		height: auto;
	}
	.lawyer .content01 table td .txt_center{
		justify-content: center;
	}
	.can .closing01{
		margin-bottom: 40px;
	}
	.can .closing01 .txt_area{
		font-size: 3.4rem;
	}
	.point .closing02{
		margin-bottom: 100px;
	}
	.point .closing02 .txt_area{
		font-size: 3.2rem;
	}
	
}
@media screen and ( max-width: 767px){
	.fv{
		background: none;
		height: auto;
	}
	.fv .fv_pc{
		display: none;
	}
	.fv .fv_sp{
		display: block;
		text-align: center;
	}
	h2.h2_title{
		font-size: 2.5rem;
		margin-bottom: 60px;
	}
	h2.h2_title:after {
		bottom: -30px;
		width: 60px;
	}
	body{
		font-size: 1.6rem;
	}
	.cv .cv_inner{
		padding: 30px 20px;
	}
	.cv .cv_inner .left{
		margin-bottom: 10px;
	}
	.cv .cv_inner .left .txt_catch{
		font-size: 2.6rem;
	}
	.cv .cv_inner .left ul li .seiko, .cv .cv_inner .left ul li .ato{
		font-size: 2.0rem;
	}
	.cv .cv_inner .left ul li .zero{
		font-size: 4rem;
	}
	.cv .cv_inner .right .tel{
		width: 100%;
		font-size: 9vw;
		pointer-events: auto;
		color: #9a0000;
		display: block;
	}
	.cv .cv_inner .right .tel.para{
		font-size: 8vw;
	}
	.cv .cv_inner .right .tel:before {
		content: url(../../../koutsujiko/image/lp/isyaryou-lp/cv_tel_sp.svg);
		width: 6vw;
	}
	.cv .cv_inner .right .teltap_sp{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		text-align: center;
		font-size: 13px;
	}
	.cv .cv_inner .right .teltap_sp:before,
	.cv .cv_inner .right .teltap_sp:after{
		content: "";
		display: inline-block;
		height: 1px;
		background: #000;
		flex-grow: 1;
	}
	.cv .cv_inner .right .teltap_sp:before{
		margin-right: 1.5em;
	}
	.cv .cv_inner .right .teltap_sp:after{
		margin-left: 1.5em;
	}
	.cv .cv_inner .right .txt01{
		font-size: 1.4rem;
	}
	.cv .cv_inner .right .mail{
		width: 100%;
		box-sizing: border-box;
	}
	.cv .cv_inner .kome{
		font-size: 1.0rem;
		text-align: center;
	}
	.section_wrap{
		padding: 60px 0;
	}
	.section_inner, .section_inner2, .can .section_inner{
		padding: 0 20px;
	}
	.about .content01{
		display: block;
	}
	.about .content01 .left{
		width: 100%;
	}
	.about .content01 .left .title{
		width: 100%;
		margin-bottom: 20px;
		box-sizing: border-box;
		font-size: 2.0rem;
		text-align: center;
		padding: 15px;
	}
	.about .content01 .left .txt_area{
		margin-bottom: 30px;
		font-size: 2.4rem;
		text-align: center;
	}
	.about .content01 .left .txt_area .txt_green{
		font-size: 3.4rem;
	}
	.about .content01 .right{
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}
	.about .content02 .content02_inner{
		display: block;
		margin-bottom: 40px;
	}
	.about .content02 .content02_inner .left{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.about .content02 .content02_inner .right{
		width: 100%;
	}
	.about .content02 ul.link{
		padding: 0;
	}
	.about .content02 ul.link li:first-child{
		margin-bottom: 20px;
	}
	.about .content02 ul.link li a {
		padding: 20px 20px 60px;
	}
	.about .content02 ul.link li a h3.title{
		font-size: 2.2rem;
	}
	.can ul.content01{
		margin-bottom: 60px;
	}
	.can ul.content01 li{
		width: 100%;
		position: relative;
	}
	.can ul.content01 li:nth-child(-n+3){
		margin-bottom: 20px;
	}
	.can ul.content01 li .title{
		width: 80%;
		height: 120px;
		font-size: 2.0rem;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: rgba(15,98,122,0.8)
	}
	.can .content02{
		margin-bottom: 60px;
	}
	.can .content02 .txt_area p{
		font-size: 1.6rem;
	}
	.can .closing01{
		height: 200px;
	}
	.seikyu .content01 .content01_inner {
		padding: 30px 15px 50px;
	}
	.seikyu .content02 .txt01 p{
		font-size: 1.6rem;
	}
	.seikyu .content02 ul.list01
	.seikyu .content02 ul.list01 li .title{
		height: 120px;
		font-size: 2.2rem;
	}
	.seikyu .content02 ul.list01 li .txt{
		padding: 20px;
		font-size: 1.4rem;
	}
	.seikyu .content02 ul.list01 li:first-child{
		margin-bottom: 40px;
	}
	.shikumi{
		padding: 30px;
		margin-bottom: 60px;
	}
	.shikumi .img{
		margin-bottom: 20px;
	}
	.shikumi .txt{
		padding: 20px;
	}
	.zougaku .item .title{
		height: 140px;
		font-size: 2.0rem;
	}
	.zougaku .item:first-child{
		margin-bottom: 40px;
	}
	.point ul.content01 li:not(:last-child){
		margin-bottom: 30px;
	}
	.point ul.content01 li h3{
		font-size: 2.4rem;
	}
	.point ul.content01 li .check{
		width: 80px;
	}
	.point ul.content01 li .txt{
		padding: 20px;
	}
	.point ul.content01 li .txt p{
		font-size: 1.6rem;
	}
	.point ul.content01 li .txt .inline{
		display: initial;
	}
	.point .closing02{
		height: 250px;
	}
	.point .closing02 .txt_area{
		bottom: -50%;
	}
	.reason .content_item .txt_box .number{
		font-size: 8rem;
	}
	.reason .content_item .txt_box h3{
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.reason .content_item:not(:last-child){
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.reason ul.list{
		flex-wrap: wrap;
	}
	.reason ul.list li{
		
	}
	.case .content01{
		padding: 30px 20px;
	}
	.case .content01 h3{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.case .content01 table th, .case .content01 table td{
		padding: 10px;
		font-size: 1.8rem;
	}
	.case .content01 table{
		margin-bottom: 20px;
	}
	.case .content01 h4{
		padding: 10px 20px;
		font-size: 1.8rem;
		text-align:center;
	}
	.flow ul.list{
		padding: 0 20px 20px;
	}
	.flow ul.list li{
		width: 100%;
		padding: 20px;
	}
	.flow ul.list li:nth-child(odd){
		border-right: none;
	}
	.flow ul.list li:nth-child(-n+3){
		border-bottom: 1px solid #b6b6b6;
	}
	.flow ul.list li .title{
		margin: 10px 0;
		font-size: 2.2rem;
	}
	.flow ul.list li .icon{
		display: none;
	}
	.flow ul.list li .step{
		font-size: 2.0rem;
	}
	.flow ul.list li .step .step_number{
		font-size: 3.0rem;
	}
	.reason ul.list{
		justify-content: center;
	}
	.reason ul.list li{
		width: calc(90% / 2);
		min-height: 154px;
	}
	.reason ul.list li:first-child{
		margin-right: 4%;
	}
	.reason ul.list li:last-child{
		margin-top: 10px;
	}
	.reason ul.list li .list_title{
		font-size: 1.8rem;
	}
	.reason ul.list li .list_subject .number,
    .reason ul.list li:first-child .list_subject .number{
		font-size: 3.8rem;
	}
	.reason ul.list li .list_other{

	}
	.reason ul.list li:last-child div{
		margin-top: 0;
	}
	.lawyer .content01{
		padding: 30px 20px;
	}
	.lawyer .content01 h3{
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.lawyer .content01 ul{
		flex-wrap: wrap;
	}
	.lawyer .content01 ul li{
		width: 48%;
		box-sizing: border-box;
	}
	.lawyer .content01 ul li:not(:last-child){
		margin-right: 0;
	}
	.lawyer .content01 ul li:nth-child(-n+2){
		margin-bottom: 13px;
	}
	.lawyer .content01 ul li .seiko, .lawyer .content01 ul li .ato {
		font-size: 3.2rem;
	}
	.lawyer .content01 ul li .zero{
		font-size: 6rem;
	}
	.lawyer .content01 .kome{
		font-size: 1.1rem;
	}
	.lawyer .content01 table:first-child{
		margin-bottom: 20px;
	}
	.lawyer .content01 table th{
		padding: 10px;
		font-size: 2.2rem;
	}
	.lawyer .content01 table td{
		padding: 20px;
		min-height: inherit;
	}
	.lawyer .content01 table td .txt01{
		font-size: 2.4rem;
	}
	.lawyer .content01 table td .txt_red{
		font-size: 3rem;
	}
	.lawyer .content01 table td .plus{
		padding: 0 10px;
	}
	.lawyer .content01 table td .txt02, .lawyer .content01 table td .txt03{
		font-size: 1.4rem;
	}
	.lawyer .content01 table td .list02_txt{
		margin-top: 15px;
		font-size: 1.5rem;
	}
	.lawyer .content01 table td .plus{
		font-size: 2.5rem;
	}
	.can .closing01 .txt_area{
		font-size: 2.4rem;
		bottom: -56%;
	}
	.point .closing02 .txt_area{
		font-size: 2.0rem;
	}
	
	
}

@media screen and ( max-width: 480px){
	.point .closing02 .txt_area{
		font-size: 2.0rem;
		bottom: -50%;
	}
	.can .closing01 .txt_area{
		bottom: -50%;
	}
	.seikyu .content02 ul.list01 li .title{
		height: 120px;
		font-size: 2.2rem;
	}
}

@media screen and ( max-width: 375px){
	html{
		font-size: 55%;
	}
	h2.h2_title {
		font-size: 2.4rem;
	}
	.cv .cv_inner .left ul li .name{
		font-size: 1.4rem;
	}
}

@media screen and ( max-width: 320px){
	html{
		font-size: 48%;
	}
}