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

html{
	scroll-behavior: smooth;
  }
/*body.nosc{
	overflow: hidden;
	height: 100vh;
}*/

a, body {
	color: #000;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-weight: 400;
    position: relative;
}
.new_line {
	display: inline-block;
}
.new_line_br {
	display: block;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "Noto Serif Mincho", 'Noto Serif JP', serif;
}
.mincho {
	font-family: 'Noto Serif JP', serif;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	transition: all 0.2s linear;
}
a:hover {
	opacity: 0.4;
	cursor: pointer;
}
h1.seo_h1{
    position: absolute;
    bottom: 154px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 9997;
}
@media screen and (max-width: 768px){
   h1.seo_h1{
    bottom: 140px;
    }
}
@media screen and (max-width: 600px){
   h1.seo_h1{
    bottom: 160px;
    }
}
@media screen and (max-width: 435px){
   h1.seo_h1{
    bottom: 182px;
    }
}

/*---------------------
見出し部分
---------------------*/
h2 {
	font-size: 40px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	margin-bottom: 40px;
	line-height: 1.3;
	padding: 0;
	font-weight: bold;
}

.rd {
	color: #840606;
	font-size: 23px;
	font-weight: bold;
}

sup {
	box-sizing: border-box;
	font-size: 0.8rem;
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:500px) {
}

/*---------------------
共通（移動予定）
---------------------*/
h2.underline .blue {
	display: inline-block;
	color: #195e81;
	padding-bottom: 10px;
	border-bottom: 2px solid #195e81;
}
h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
#koutsujiko_top section {
	padding: 120px 0;
}
.container {
	max-width: 1000px;
	margin: 0 auto;
}
#koutsujiko_top p {
	font-size: 18px;
}
#koutsujiko_top .textbox p {
	margin-bottom: 40px;
	font-weight: 400;
}
#koutsujiko_top .textbox p:last-child {
	margin-bottom: 0;
}
#koutsujiko_top .yellow {
	color: #907f53;
	font-weight: bold;
}
#koutsujiko_top .link {
	padding: 0;
}
.link a{
	line-height: 1;
	background-color: #195e81;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	color: #fff;
	width:800px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-size: 24px;
	text-align: center;
	margin:0 auto;
	position: relative;
	box-sizing: border-box;
}
.link a::after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	height: 5px;
	border-bottom: solid 2px #fff;
	border-right: solid 3.5px #fff;
	transform: translateY(-50%) skew(55deg);
	transition: all .2s ease;
}
.link a .box {
	display: inline-block;
	line-height: 1.2;
}
.sp_view {
	display: none;
}
.link.btn_large a {
	height: auto;
	line-height: 1.4;
	padding: 25px 10px;
	font-weight: bold;
}
.link.btn_large a .small {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 10px 2px;
	background: #fff;
	color: #907f53;
	font-size: 16px;
	font-weight: 600;
}

a[href^="tel:"] {
	pointer-events: none;
}
@media screen and (max-width:1300px){
	.link a{
   	 font-size: 1.8vw;	
	}
}
@media screen and (max-width:1200px){
	.container {
		max-width: 90%;
	}
}
@media screen and (max-width:1024px){	
	h2 {
		font-size: 4.2vw;
	}
	h2.underline .blue {
		padding-bottom: 5px;
	}
	#koutsujiko_top .textbox p {
		font-size: 16px;
	}
	.link a{
		font-size: 2vw;
	}
	.link a{
		width:80%;
	}
}
@media screen and (max-width:768px) {
	#koutsujiko_top section {
    padding: 100px 0;
	}
	h2 {
		font-size: 5.2vw;
	}
	#koutsujiko_top .textbox p {
		margin-bottom: 20px;
		font-size: 15px;
	}
	.sp_view {
		display: inline-block;
	}
	.pc_view {
		display: none;
	}
	.link a {
		width:100%;
		height: 80px;
		padding: 0 45px;
		font-size: 2.5vw;
		line-height: 1.6;
	}
	.link a::after{
		width: 20px;
		border-bottom: solid 1px #fff;
    border-right: solid 2.5px #fff;
	}
	a[href^="tel:"] {
		pointer-events: none;
	}
	.link.btn_large a .small {
		font-size: 14px;
	}
	.link.btn_large a .small .inbl{
		display: inline-block;
	}
}
@media screen and (max-width:767px) {
	a[href^="tel:"] {
		pointer-events: auto;
	}
	.link {
    padding: 0;
	}
}
@media screen and (max-width:600px){
	#koutsujiko_top section {
    padding: 60px 0;
	}
	h2 {
		font-size: 6.4vw;
	}
	
}
@media screen and (max-width:480px){
	.link a {
		font-size: 3.9vw;
	}
	.link.btn_large a {
		padding: 25px 50px;
	}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ヘッダー

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#traffic .gnavi ul li a {
	width: auto;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ファースト

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#koutsujiko_top #mv_first{
	width:100%;
	background:  url("../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv_right.png") center right / contain no-repeat, url("../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv.jpg") center / cover no-repeat;
	padding:0 0 0 310px;
	line-height: 1;
	box-sizing:border-box;
}
#koutsujiko_top #mv_first.webp {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv_right.webp);
}
#mv_first .mv_container {
	position: relative;
	width: 900px;
	padding: 170px 0 190px;
}
#mv_first .catch{
	
}
#mv_first h2{
	position: relative;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	padding:8px 30px 6px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-bottom: 15px;
	z-index: 1;
}
#mv_first h2::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	background: #002548;
	transform: skew(-20deg);
	z-index: -1;
}
#mv_first .catch{
	font-family: 'Noto Serif JP', serif;
	font-size: 64px;
	font-weight:600;
	margin: 0;
	display: block;
	padding-bottom: 30px;
	line-height: 1.2;
}
#mv_first .catch .red {
	color: #bd3434!important;
}
#koutsujiko_top #mv_jisseki {
	padding: 20px 0;
}
#mv_jisseki .container {
	max-width: 640px;
	background:  url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/jisseki_l.svg) center left / contain no-repeat, url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/jisseki_r.svg) center right / contain no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 55px;
	box-sizing: border-box;
}
#mv_jisseki .left {
	font-size: 24px;
	font-weight: 600;
}
#mv_jisseki .left .small {
	display: block;
	font-size: 50%;
}
#mv_jisseki .right {
	box-sizing: border-box;
	font-size: 26px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	color: #b61d36;
}
#mv_jisseki .right .num {
	display: inline-block;
	/*margin-right: 5px;*/
	font-size: 207%;
	line-height: 1;
}
#mv_jisseki .br {
	display: inline-block;
}

#koutsujiko_top #mv_fee {
	padding: 40px 0;
	background: #0d2d4c;
}
#mv_fee .container {
	max-width: 900px;
}
#mv_fee .detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
#mv_fee .detail p {
	width: 47%;
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
	line-height: 1.2;
	font-size: 31px;
	color: #fff;
}
#mv_fee .detail ul {
	display: flex;
	justify-content: space-between;
	width: 53%;
}
#mv_fee .detail ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 110px; height: 110px;
	background: #fff;
	border-radius: 50%;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	color: #0d2d4c;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
#mv_fee .detail ul li div {
	height: auto;
}
#mv_fee .detail ul li div > span {
	display: block;
}
#mv_fee .detail ul li .midashi {
	margin: 6px 0 4px;
	font-size: 16px;
}
#mv_fee .detail ul li .big {
	min-height: 53px;
	font-size: 24px;
}
#mv_fee .detail ul li:nth-child(3) .big {
	font-size: 22px;
	line-height: 1.2;
}
#mv_fee .detail ul li:nth-child(4) .big {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}
#mv_fee .detail ul li .big .num {
	padding-left: 23px;
	font-size: 54px;
}
#mv_fee .white p {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 1.8;
}
#mv_first .tab_view {
	display: none;
}


/* popup */
.mv_bottom {
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/bg_pattern.jpg) center / auto repeat;
	padding: 40px 0;
}
#main_popup_box .btn_question {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_question.png) center left 18px / contain no-repeat,#b61d36;
	border-radius: 5px;
	height: 75px;
	width: 500px;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	line-height: 75px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
#main_popup_box .btn_question::before {
	display: none;
}
#main_popup_box .btn_question::after {
	content: "";
	display: block;
	width: 7px; height: 7px;
	border-width: 3px;
	position: absolute;
	top: 0; bottom: 0; right: 20px;
	margin: auto;
}
#main_popup_box input {
	display: none;
	animation-name: fadeInAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
#main_popup_box .bottom_p span{
	display: inline-block;
	margin-right:1em;
}
#main_popup_box input,.bottom_p{
  display: none;
animation-name:fadeInAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
#main_popup_box .bottom_p.block{
  display:block!important;
  margin-top:10px!important;	
}
#main_popup_box .close_btn {
	line-height: 40px;
}
label.cross::before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	transition: 0.2s;
}

/*#popup_box .popup_wrap input:checked ~ .popup_overlay, #main_popup_box .popup_wrap input:checked ~ .popup_overlay{
	overflow-y: auto;
}
#main_popup_box .popup_wrap input:checked ~ .popup_overlay::-webkit-scrollbar{
	display: none;
}*/
@media screen and (min-width: 768px) {
	#main_popup_box .popup_content {
    width: 550px;
	}
	#main_popup_box .popup_content p {
    font-size: 22px;
	}
	#main_popup_box .popup_content li a {
    height: 80px;
    padding: 55px 5% 5%;
    font-size: 16px;
	}
	#main_popup_box .popup_content li a::before {
    width: 1.7em;
    height: 1.7em;
    top: 22%;
	}
}

@media screen and (max-width:1750px){
	#koutsujiko_top #mv_first {
		padding-left: 10%;
		height: auto;
	}
}
@media screen and (max-width:1700px){
	#mv_first .catch{
		width: 100%;
		font-size: 3.5vw;
	}
}
@media screen and (max-width:1500px){
	#koutsujiko_top #mv_first {
		padding-left: 5%;
	}
	#mv_first .mv_container {
		width: 65%;
	}
	#mv_first h2{
		font-size: 1.8vw;
	}
	#mv_fee .detail ul {
		width: 50%;
	}
	#mv_fee .detail ul li {
		width: 95px;
    height: 95px;
	}
	#mv_fee .detail ul li .midashi {
		font-size: 0.9vw;
	}
	#mv_fee .detail ul li .big {
		min-height: 48px;
		font-size: 1.4vw;
	}
	#mv_fee .detail ul li .big .num {
		padding-left: 1.2vw;
		font-size: 3vw;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 1.4vw;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
		font-size: 1.6vw;
	}
}
@media screen and (max-width:1300px){
	#koutsujiko_top #mv_first {
    padding-left: 3%;
	}
	#mv_first .mv_container {
		padding: 120px 0;
	}
	#mv_fee .detail p {
		font-size: 2.4vw;
	}
	#mv_fee .detail ul li {
    width: 80px;
    height: 80px;
	}
	#mv_fee .detail ul li .big {
    min-height: 43px;
	}
}
@media screen and (max-width:1200px){
	#mv_first .catch{
		font-size: 4vw;
		margin-bottom: 20px;
	}
	#mv_first .h1_bottom {
		padding-bottom: 10px;
	}
	#mv_first h2 {
		font-size: 2vw;
		margin-bottom: 10px;
	}
	
	#mv_fee .detail p .new_line_br {
		display: inline-block;
	}
	#mv_fee .detail ul li {
		width: 90px;
    height: 90px;
		margin-right: 15px;
	}
	#mv_fee .detail ul li:last-child {
		margin-right: 0;
	}
	#mv_fee .detail ul li .midashi {
    font-size: 14px;
	}
	#mv_fee .detail ul li .big {
		font-size: 1.6vw;
	}
	#mv_fee .detail ul li .big .num {
		font-size: 3.6vw;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 1.6vw;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
    font-size: 1.8vw;
	}
}
@media screen and (max-width:1023px){
	#koutsujiko_top #mv_first {
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv_right_sp.png) center right / contain no-repeat, url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv.jpg) center / cover no-repeat;
	}
	#mv_first::after {
		display: none;
	}
	#mv_first .catch{
		font-size: 6vw;
		margin-bottom:20px;
	}
	#mv_first h2 {
		font-size: 2.8vw;
	}
	#mv_fee {
		text-align: center;
	}
	#mv_fee .container {
		max-width: 90%;
	}
	#mv_fee .detail {
		flex-direction: column;
		align-items: flex-start;
	}
	#mv_fee .detail p {
		width: 100%;
		margin-bottom: 20px;
    font-size: 3.4vw;
	}
	#mv_fee .detail ul {
    width: 100%;
		justify-content: center;
	}
	#mv_fee .detail ul li .big {
    min-height: 40px;
    font-size: 1.8vw;
	}
	#mv_fee .detail ul li .big .num {
		padding-left: 1.8vw;
    font-size: 4vw;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 1.8vw;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
    font-size: 2.2vw;
	}
	#mv_first .tab_view {
		display: block;
	}
	a.btn_question {
		font-size: 20px;
	}
}
@media screen and (max-width:768px){
	#koutsujiko_top #mv_first {
    padding-left: 5%;
	}
	#koutsujiko_top #mv_first {
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/mv_right_sp.png) center right / contain no-repeat, #edf4fa;
	}
	#mv_first .h1_bottom.pc_view {
		display: none;
	}
	#mv_first .catch img {
		max-width: 90%;
	}
	#mv_first .catch{
		margin-bottom: 0;
		font-size: 6.4vw;
	}
	#mv_first h2{
		padding: 5px 10px;
	}
	#mv_jisseki .container {
		padding: 10px 45px;
		max-width: 90%;
	}
	#mv_jisseki .left {
		font-size: 22px;
	}
	#mv_jisseki .right {
		font-size: 3.5vw;
	}
	#mv_fee .detail p {
    font-size: 4.4vw;
	}
	#mv_fee .detail img {
		width: 100%;
		margin-bottom: 20px;
	}
	#mv_fee .detail ul li .big {
		font-size: 2.2vw;
	}
	#mv_fee .detail ul li .big .num {
    font-size: 5.4vw;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 2.4vw;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
    font-size: 2.8vw;
	}
	#main_popup_box .btn_question {
		width: 70%;
	}
}
@media screen and (max-width:700px){
	#mv_first .mv_container {
    width: 75%;
		padding: 100px 0;
	}
	#mv_fee .detail img {
		width: 80%;
	}
}
@media screen and (max-width:600px){
	#mv_first .mv_container {
    width: 100%;
	}
	#mv_first h2 img {
    max-width: 70%;
	}
	#mv_first h2{
		font-size: 4vw;
		width: 70%;
	}
	#mv_jisseki .container {
		flex-direction: column;
		text-align: center;
		padding: 0px 45px;
	}
	#koutsujiko_top #mv_jisseki{
		padding: 15px;
	}
	#mv_jisseki .left{
		font-size: 20px;
		line-height: 1.5;
	}
	#mv_jisseki .left .small{
		font-size: 12px;
		font-weight: normal;
	}
	#mv_jisseki .right {
		margin-top: 5px;
		font-size: 26px;
		line-height: 1;
	}
	#mv_jisseki .right .num{
		font-size: 140%;
	}
	#mv_fee .detail img {
    width: 100%;
	}
	#mv_fee .detail ul li {
		width: 15.5vw;
    height: 15.5vw;
	}
	#mv_fee .detail ul li .midashi {
    font-size: 12px;
	}
	#mv_fee .detail ul li .big {
    font-size: 2.8vw;
	}
	#mv_fee .detail ul li .big .num {
		padding-left: 3vw;
    font-size: 8vw;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 3.2vw;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
    font-size: 3.8vw;
	}
	#mv_fee .gray p {
		line-height: 1.4;
	}
	#main_popup_box .btn_question {
		width: 90%;
		font-size: 16px;
	}
}
@media screen and (max-width:480px){
	#mv_first .catch{
		width:100%;
		font-size: 7vw;
		margin-bottom:20px;
	}
	#mv_first h2{
		font-size: 4.3vw;
		padding: 5px 8px;
		margin:0 auto 10px;
		width: auto;
	}
	#mv_jisseki .left {
		font-size: 18px;
		line-height: 1.2;
	}
	#mv_jisseki .left .small {
		font-size: 60%;
	}
	#mv_jisseki .right {
		font-size: 22px;
	}
	#mv_fee .detail ul li .midashi {
    font-size: 10.5px;
	}
	#mv_fee .detail ul li .big {
		min-height: 34px;
	}
}
@media screen and (max-width:420px){
	#mv_jisseki .right {
		font-size: 6vw;
	}
	#mv_fee .detail p {
    font-size: 5.4vw;
	}
	#mv_fee .detail {
		margin-right: 5%;
	}
	#mv_fee .detail ul li {
		margin-right: 2vw;
		width: 20vw;
    height: 18.9vw;
	}
	#mv_fee .detail ul li .big {
    min-height: 31px;
		font-size: 3.4vw;
	}
	#mv_fee .detail ul li .midashi {
    font-size: 10.5px;
	}
	#mv_fee .detail ul li:nth-child(3) .big {
    font-size: 3.8vw;
		line-height: 1;
	}
	#mv_fee .detail ul li:nth-child(4) .big {
    font-size: 4.4vw;
	}
	#main_popup_box .btn_question {
		background-position: center left -20px;
	}
}

@media screen and (max-width:380px){
	#mv_jisseki .container{
		max-width: 100%;
	}
	#mv_first h2{
		font-size: 4vw;
	}
}



/*---------------------
解決事例部分
---------------------*/
#jirei-area {
	position: relative;
}
#jirei-area::before {
	content: "";
	position: absolute;
	bottom: 0; left: 0; right: 0;
	display: block;
	width: 100%; height: 550px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/jirei_bg.jpg) center / cover no-repeat;
}
#jirei-area .container {
	position: relative;
	max-width: 880px;
}
/*解決事例ピックアップ*/
.jirei_pickup {
	margin-bottom: 65px;
}
.jirei_pickup .midashi {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/jirei_midashi_bg.png) center / auto repeat;
	border-radius: 10px 10px 0 0;
}
.jirei_pickup .midashi .circle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	background: #fff;
	margin: 0;
	border-radius: 50%;
}
.jirei_pickup .midashi .circle h2{
	margin: 0;
	font-size: 20px;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	color: #226486;
}
#jirei-area .jirei_pickup .midashi p {
	font-family: 'Noto Serif JP', serif;
	padding-left: 20px;
	font-size: 30px;
	color: #fff;
	line-height: 1.2;
}
#jirei-area .jirei_pickup .midashi .small {
	padding: 0;
	margin-top: 10px;
	font-size: 11px;
	color: #000;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	text-align: center;
}
.jirei_pickup .contents {
	box-shadow: 0 0 6px rgba( 28, 28, 28, .15);
	border-radius: 0 0 10px 10px;
	padding: 20px 0 40px;
	background: #fff;
	text-align: center;
}
#jirei-area .link a {
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	font-size: 18px;
}
.jirei_pickup .link a {
	max-width: 380px;
	margin-top: 40px;
}
.jirei_more .link a {
	max-width: 100%;
	margin-top: 30px;
}
#jirei-area .jirei_more {
	display: flex;
	justify-content: space-between;
}
.jirei_more .title_jirei {
	width: 50%;
	text-align: left;
	font-family: 'Noto Serif JP', serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.4;
}
.jirei_more .title_jirei .bg {
	background: #fff;
	display: inline-block;
	padding: 0 10px 3px;
}
.jirei_more .title_jirei .bg:first-child {
	margin-bottom: 10px;
}
.jirei_more .right {
	width: 50%;
}
.jirei_more .right .mincho {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 500;
}
.jirei_more .right .mincho .num {
	display: inline-block;
	margin-left: 20px;
	font-size: 60px;
	font-weight: 900;
	line-height: 1;
	color: #195e81;
}
.jirei_more .right .unit {
	display: inline-block;
	margin-left: 5px;
	font-size: 30px;
	vertical-align: text-bottom;
}
#jirei-area .jirei_more .right .small {
	font-size: 14px;
}
@media screen and (max-width:1024px) {
	#jirei-area .container {
		max-width: 90%;
	}
	#jirei-area .jirei_pickup .midashi p {
		font-size: 3.4vw;
	}
	.jirei_pickup .contents {
		padding: 20px 20px 40px;
	}
	.jirei_more .title_jirei {
		font-size: 4.5vw;
	}
}
@media screen and (max-width:768px) {
	.jirei_pickup .midashi {
		flex-direction: column;
		justify-content: center;
	}
	.jirei_pickup .midashi .circle {
		display: inline-block;
		width: auto; height: auto;
		padding: 5px 20px;
		margin-bottom: 15px;
		text-align: center;
		border-radius: 5px;
	}
	.jirei_pickup .midashi h2 .new_line_br {
		display: inline-block;
	}
	.jirei_pickup .midashi h2 .br {
		display: block;
	}
	#jirei-area .jirei_pickup .midashi .small {
		margin-top: 0;
	}
	#jirei-area .jirei_pickup .midashi p {
		text-align: center;
		padding: 0;
	}
	.jirei_pickup .contents {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}
	.jirei_pickup .contents img {
		max-width: 70%;
	}
	#jirei-area .jirei_more {
		flex-direction: column;
		text-align: center;
	}
	.jirei_more .title_jirei {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.jirei_more .right {
		width: 100%;
	}
	.jirei_more .right .mincho {
		justify-content: center;
	}
}
@media screen and (max-width:600px) {
	#jirei-area .jirei_pickup .midashi p {
		font-size: 4.2vw;
	}
	.jirei_more .title_jirei {
    font-size: 5vw;
	}
	.jirei_more .right .mincho .num {
		font-size: 50px;
	}
	.jirei_more .right .unit {
		vertical-align: bottom;
	}
}
@media screen and (max-width:480px) {
	.jirei_pickup .contents img {
    max-width: 100%;
	}
}
@media screen and (max-width: 320px){
}

/*---------------------
弁護士法人ALGの強み部分
---------------------*/
#reason-area {
	position: relative;
	background-color: #e7eff6;
}
#reason-area::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	display: block;
	width: 100%; height: 400px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/reason_bg.jpg) center / cover no-repeat;
}
#reason-area h2 {
	position: relative;
	margin-bottom: 130px;
	font-size: 48px;
	color: #fff;
}
#reason-area .reason_list li {
	position: relative;
	background: #fff;
	padding: 50px 140px 80px;
	margin-bottom: 100px;
	box-shadow: 0 0 6px rgb(28 28 28 / 15%);
}
#reason-area .reason_list li::before {
	content: "01";
	display: block;
	max-width: 140px;
	margin: 0 auto 40px;
	background: #195e81;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	border-radius: 30px;
}
#reason-area .reason_list li:nth-child(2):before {
	content: "02";
}
#reason-area .reason_list li:nth-child(3):before {
	content: "03";
}
#reason-area .reason_list li:last-child {
	margin-bottom: 60px;
}
#reason-area .reason_list li img {
	display: block;
	max-width: 150px;
	margin: 0 auto 50px;
}
#reason-area .reason_list p {
	line-height: 1.7em;
	margin-bottom: 35px;
}
#reason-area .reason_list p:last-child {
	margin: 0;
}
#reason-area .reason_list .red {
	font-weight: 600;
}
#reason-area h3 {
	font-family: 'Noto Sans Japanese',sans-serif;
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 40px;
}
@media screen and (max-width:1200px) {
	#reason-area .reason_list li {
		padding: 50px 100px 60px;
	}
}
@media screen and (max-width:1024px) {
	#reason-area .reason_list li {
		padding: 50px;
	}
	#reason-area h2 {
		font-size: 4.4vw;
	}
}
@media screen and (max-width:768px) {
	#reason-area h2 {
		font-size: 5vw;
	}
	#reason-area h3 {
		font-size: 4.4vw;
	}
	#reason-area .reason_list li::before {
		margin-bottom: 20px;
	}
	#reason-area .reason_list li img {
		max-width: 90px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width:600px) {
	#reason-area h2 {
		margin-bottom: 50px;
	}
	#reason-area .reason_list li {
		padding: 40px 25px;
		margin-bottom: 65px;
	}
	#reason-area .reason_list li::before {
		font-size: 16px;
	}
	#reason-area h3 {
		font-size: 5.2vw;
	}
}
@media screen and (max-width:480px) {
	#reason-area h2 {
		font-size: 6vw;
	}
	#reason-area .reason_list li {
		padding-top: 50px;
	}
	#reason-area .reason_list li img {
		margin-bottom: 15px;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

お客様の声

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#voice_area{
	padding: 90px 0;	
	width: 100%;
}
#voice_area .container > p {
	text-align: center;
}
#voice_area ul.voice_slider {
	margin: 60px 0;
}
#voice_area ul.voice_slider li {
	margin: 0 100px;
}
#voice_area ul.voice_slider li img {
	max-width: 440px;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 auto;
}
#voice_area ul.voice_slider li > div {
	position: relative;
	background: #f3f3f3;
	padding: 80px 60px;
	min-height: 490px;
	box-sizing: border-box;
}
#voice_area ul.voice_slider li > div::before {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	border: 1px solid #b3b3b3;
}
#voice_area ul.voice_slider li .midashi {
	display: flex;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
	margin-top: 40px;
	/* border-bottom: 1px solid #878787; */
}
#voice_area ul.voice_slider li .midashi .label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #195e81;
	width: 70px;
	height: 70px;
	margin-right: 25px;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
#voice_area ul.voice_slider li .midashi .label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #195e81;
}
#voice_area ul.voice_slider li .midashi .txt {
	width: calc(100% - 95px);
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}
#voice_area ul.voice_slider li small {
	display: inline-block;
}
#voice_area .slick-prev,
#voice_area .slick-next {
	width: 65px; height: 65px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/slide_arrow.svg) center / contain no-repeat;
	z-index: 20;
	margin-top: -32px;
}
#voice_area .slick-prev {
	transform: rotate(180deg);
	left: 22%;
}
#voice_area .slick-next {
	right: 22%;
}
#voice_area .slick-next:before,
#voice_area .slick-prev:before {
	display: none;
}
@media screen and (min-width:768px){
	#voice_area ul.voice_slider li small {
		font-size: 14px;
	}
}
@media screen and (max-width:1700px){
	#voice_area ul.voice_slider li {
    margin: 0 50px;
	}
}
@media screen and (max-width:1200px){
	#voice_area ul.voice_slider li {
    margin: 0 30px;
	}
	#voice_area ul.voice_slider li > div {
		flex-direction: column;
	}
	#voice_area ul.voice_slider li .text {
		margin: 0 0 35px;
	}
	#voice_area ul.voice_slider li img {
		margin: 0 auto;
	}
}
@media screen and (max-width:1024px){
	#voice_area ul.voice_slider li > div {
		padding: 50px 30px;
	}
	#voice_area ul.voice_slider li img {
		max-width: 380px;
	}
	#voice_area .slick-next {
    right: 3%;
	}
	#voice_area .slick-prev {
    left: 3%;
	}
}
@media screen and (max-width:768px){
	#voice_area ul.voice_slider li .midashi .label {
		width: 50px;
    height: 50px;
		font-size: 16px;
		margin-right: 20px;
	}
	#voice_area ul.voice_slider li .midashi .txt {
		width: calc(100% - 70px);
		font-size: 3vw;
	}
	#voice_area .link a {
		width: 90%;
	}
}
@media screen and (max-width:600px){
	#voice_area ul.voice_slider {
    margin: 30px 0;
	}
	#voice_area ul.voice_slider li {
    margin: 0 15px;
	}
	#voice_area ul.voice_slider li > div {
		flex-direction: column-reverse;
		padding: 30px;
		min-height: 0;
	}
	#voice_area ul.voice_slider li .text {
		margin: 25px 0 0;
	}
	#voice_area ul.voice_slider li .midashi {
		flex-direction: column;
		margin-top: 25px;
	}
	#voice_area ul.voice_slider li .midashi .label {
    width: 80px;
    height: 30px;
		margin: 0 0 15px;
	}
	#voice_area ul.voice_slider li .midashi .label::before {
		border: 6px solid transparent;
    border-top: 10px solid #195e81;
		top: 100%; left: 50%;
		margin: 0 0 0 -6px;
	}
	#voice_area ul.voice_slider li .midashi .txt {
		width: 100%;
    font-size: 3.6vw;
	}
	#voice_area .slick-prev,
	#voice_area .slick-next {
		width: 40px;
    height: 40px;
	}
}
@media screen and (max-width:480px){
	#voice_area ul.voice_slider li .midashi .label {
    width: 70px;
    height: 25px;
    margin: 0 0 10px;
		font-size: 14px;
	}
	#voice_area ul.voice_slider li .midashi .label::before {
		border: 4px solid transparent;
    border-top: 8px solid #195e81;
		margin: 0 0 0 -4px;
	}
	#koutsujiko_top #voice_area .textbox p {
		font-size: 14px;
	}
}
/*---------------------
LPへのリンクコーナー部分
---------------------*/
#koutsujiko_top #lp_box {
	position: relative;
	background: #f3f3f3;
	padding: 90px 0 100px;
	/*
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_blue_bg.jpg) bottom right / cover no-repeat;
	*/
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_box_bg.svg),#0D2D4C;
	background-size: 23% auto;
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*#lp_box::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	display: block;
	width: 100%; height: 400px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_bg.jpg) center / cover no-repeat;
}*/
.lp_box::before .webp {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_bg.webp);
}
#lp_box h2 {
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	max-width: 460px;
	margin: 0 auto 60px;
}
#lp_box h2 .check{
	font-size: 20px;
	background: #a18c56;
	color: #fff;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-weight: 500;
}
#lp_box h2 .check::before{
	content: "";
	width: 89px;
	height: 89px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
#lp_box h2 .text{
	max-width: 360px;
	line-height: 1.2;
}

#lp_box ul.lp_list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#lp_box ul.lp_list li {
	display: flex;
	align-items: center;
	width: 48%;
	height: 120px;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 30px;
	/*box-shadow: 0px -4px 0px #d4abab inset;*/
}
#lp_box ul.lp_list li:nth-child(n+7) {
	margin-bottom: 0;
}
#lp_box ul.lp_list li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	/*padding: 0 70px 0 100px;*/
	font-size: 20px;
	line-height: 1.2;
	box-sizing: border-box;
}
/*
#lp_box ul.lp_list li a::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 45px; top: 50%;
	margin-top: -20px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_isharyo.svg) center / contain no-repeat;
}
#lp_box ul.lp_list li:nth-child(2) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_muchiuchi.svg);
}
#lp_box ul.lp_list li:nth-child(3) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_uchikiri.svg);
}
#lp_box ul.lp_list li:nth-child(4) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_symptoms-fixed.svg);
}
#lp_box ul.lp_list li:nth-child(5) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_kouishougai.svg);
}
#lp_box ul.lp_list li:nth-child(6) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_igimoushitate.svg);
}
#lp_box ul.lp_list li:nth-child(7) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_kyugyosongai.svg);
}
#lp_box ul.lp_list li:nth-child(8) a::before {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_isshitsu.svg);
}
*/
#lp_box ul.lp_list li a::after {
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 37px;
    height: 37px;
	border-radius: 50%;
	border: 3px solid #D5B2B2;
    /*border-bottom: solid 2px #000;
    border-right: solid 3.5px #000;
    transform: translateY(-50%) skew(55deg);*/
	transform: translateY(-50%) ;
    transition: all .2s ease;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_arrow02.svg) center / 50% auto no-repeat;
}
#lp_box ul.lp_list li a img {
	max-width: 40px;
	max-height: 40px;
	margin-right: 15px;
}
#lp_box ul.lp_list li a .red {
	color: #952e2e;
	font-size: 24px;
	font-weight: bold;
}
#lp_box ul.lp_list li a .blue {
	color: #760000;
	font-size: 26px;
	font-weight: bold;
}
#lp_box ul.lp_list li .box{
	display: flex;
	align-items: center;
	padding-left: 28px;
	width: 100%;
}
#lp_box ul.lp_list li .box .img-icon{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #760000;
	position: relative;
}
#lp_box ul.lp_list li .box .img-icon::before{
	content: "";
	width: 67px;
	height: 67px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
#lp_box ul.lp_list li .box .img-icon::after{
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0 ;top: 0;
	/*margin-top: -20px;*/
}
#lp_box ul.lp_list li.box01 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_isharyo.svg) center / 45% auto no-repeat;
	left: 3px;
}
#lp_box ul.lp_list li.box02 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_muchiuchi.svg) center / 45% auto no-repeat;
}
#lp_box ul.lp_list li.box03 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_uchikiri.svg) center / 35% auto no-repeat;
}
#lp_box ul.lp_list li.box04 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_symptoms-fixed.svg) center / 45% auto no-repeat;
}
#lp_box ul.lp_list li.box05 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_kouishougai.svg) center / 45% auto no-repeat;
	left: 3px;
}
#lp_box ul.lp_list li.box06 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_igimoushitate.svg) center / 38% auto no-repeat;
}
#lp_box ul.lp_list li.box07 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_kyugyosongai.svg) center / 45% auto no-repeat;
}
#lp_box ul.lp_list li.box08 .box .img-icon::after{
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_lp_isshitsu.svg) center / 45% auto no-repeat;
}
#lp_box ul.lp_list li .box .text{
	max-width: 280px;
	padding-left: 15px;
	font-weight: 500;
}
@media screen and (max-width:1080px) {
	#lp_box ul.lp_list li .box .text{
		max-width: 240px;
	}
}
@media screen and (max-width:1024px) {
	#koutsujiko_top #lp_box{
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_box_bg.svg),#0D2D4C;
		background-size: 18% auto;
    	background-repeat: no-repeat;
    	background-position: bottom right;
		padding-bottom: 15vw;
	}
	#lp_box ul.lp_list li {
		height: auto;
	}
	#lp_box ul.lp_list li a {
		padding: 10px 0;
		font-size: 16px;
	}
	#lp_box ul.lp_list li a .red {
		font-size: 22px;
	}
	#lp_box ul.lp_list li a .blue {
		font-size: 22px;
	}
	#lp_box ul.lp_list li a::before {
		left: 25px;
		width: 35px;
		height: 35px;
	}
	#lp_box ul.lp_list li a::after {
		right: 20px;
    	width: 30px;
    	height: 30px;
	}
	#lp_box ul.lp_list li .box{
		padding-left: 1.5vw;
	}
	#lp_box ul.lp_list li .box .text{
		max-width: 24vw;
    	padding-left: 10px;
	}
	#lp_box h2 .check{
		font-size: 2vw;
		width: 10vw;
		height: 10vw;
	}
	#lp_box h2 .check::before{
		width: 9vw;
		height: 9vw;
	}
}
@media screen and (max-width:850px) {
	#koutsujiko_top #lp_box{
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/lp_box_bg.svg),#0D2D4C;
		background-size: 23% auto;
    	background-repeat: no-repeat;
    	background-position: bottom right;
	}
	#lp_box ul.lp_list {
		justify-content: center;
	}
	#lp_box ul.lp_list li {
		max-width: 460px;
		width: 90%;
		height: auto;
	}
	#lp_box ul.lp_list li:nth-child(7) {
		margin-bottom: 30px;
	}
	#lp_box ul.lp_list li a {
		padding: 10px 20px 10px 40px;
	}
	#lp_box ul.lp_list li .box{
		padding-left: 0;
	}
	#lp_box ul.lp_list li .box .img-icon {
		/*width: 10vw;
		height: 10vw;*/
		width: 50px;
    	height: 50px;
	}
	#lp_box ul.lp_list li .box .img-icon::before{
		/*width: 8.5vw;
		height: 8.5vw;*/
		width: 40px;
    	height: 40px;
	}
	#lp_box ul.lp_list li .box .img-icon::after{
		/*width: 10vw;
		height: 10vw;*/
		width: 50px;
    	height: 50px;
	}
	#lp_box ul.lp_list li a::after {
		right: 3vw;
    	width: 4vw;
    	height: 4vw;
	}
	#lp_box ul.lp_list li .box .text{
		max-width: 240px;
    	padding-left: 10px;
	}
}
@media screen and (max-width:768px) {
	#lp_box h2 .check{
		font-size: 2.5vw;
    	width: 13vw;
    	height: 13vw;
	}
	#lp_box h2 .check::before{
		width: 11vw;
		height: 11vw;
	}
}
@media screen and (max-width:600px) {
	#koutsujiko_top #lp_box{
		padding-bottom: 20vw;
	}
	#lp_box h2 {
		margin-bottom: 40px;
		font-size: 7vw;
		justify-content: center;
	}
	#lp_box ul.lp_list li {
		max-width: none;
		width: 100%;
	}
	#lp_box ul.lp_list li a {
		padding-left: 10vw;
	}
	#lp_box ul.lp_list li a .red {
    font-size: 20px;
	}
	#lp_box ul.lp_list li a .blue {
		font-size: 20px;
	}
	#lp_box ul.lp_list li a::before {
    left: 20px;
    width: 28px;
    height: 28px;
		margin-top: -14px;
	}
	#lp_box h2 .check{
		font-size: 3vw;
		width: 15vw;
		height: 15vw;
	}
	#lp_box h2 .check::before{
		width: 13.5vw;
		height: 13.5vw;
	}
	#lp_box h2 .text {
		max-width: 58vw;
	}
	#lp_box ul.lp_list li .box .text{
		max-width: 55vw;
		padding-left: 2vw;
	}
}


/*---------------------
メリット部分・タイミング部分・交通事故に遭われた方部分・後遺障害とは？後遺障害等級認定申請の重要性部分
---------------------*/
#merit-area {
	position: relative;
	background: #eff4f8;
}

#merit-area .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 100px;
}
#merit-area .box .left {
	width: calc(100% - 400px);
	margin-right: 60px;
}
#merit-area ul.merit_list li img {
	width: 400px;
}
#merit-area h2 {
	margin-bottom: 80px;
	font-size: 48px;
	line-height: 1.2;
}
#merit-area h2 .bg {
	display: inline-block;
	background: #195e81;
	padding: 3px 10px 5px;
	margin-top: 10px;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
}
#merit-area ul.merit_list {
	margin-bottom: 40px;
}
#merit-area ul.merit_list li {
	display: flex;
	/*align-items: center;*/
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	margin-bottom: 15px;
}
#merit-area ul.merit_list li:last-child {
	margin-bottom: 0;
}
#merit-area ul.merit_list li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	background: #907f53;
	color: #fff;
	font-size: 32px;
	font-family: 'Noto Serif JP', serif;
}
#merit-area ul.merit_list li .red {
	color: #b71d37 !important;
}
#merit-area ul.merit_list li .text {
	width: calc(100% - 70px);
	padding: 0 25px;
	display: flex;
	align-items: center;
	line-height: 1.5
}
#merit-area .box p {
	font-size: 16px;
}

#merit-area .bg_white {
	padding: 60px;
	margin-bottom: 60px;
	box-shadow: 0 0 6px rgb(28 28 28 / 15%);
	background: #fff;
}
#merit-area .bg_white h3 {
	text-align: center;
	margin-bottom: 60px;
}
#merit-area .bg_white h3 > span {
	display: inline-block;
	padding: 8px 20px 10px;
	font-size: 30px;
	font-weight: 600;
	color: #195e81;
	line-height: 1.4;
	border-top: 1px solid #195e81;
	border-bottom: 1px solid #195e81;
}

@media screen and (max-width:1200px) {
	#merit-area .box .left {
		width: 70%;
	}
	#merit-area .box img {
		width: 30%;
	}
}
@media screen and (max-width:1024px) {
	#merit-area::before {
		width: 70%;
	}
	#merit-area h2 {
		font-size: 4.6vw;
	}
	#merit-area ul.merit_list li {
		font-size: 18px;
	}
	#merit-area ul.merit_list li .num {
		width: 60px;
		font-size: 26px;
	}
	#merit-area ul.merit_list li .text {
		width: calc(100% - 60px);
		padding: 10px 15px;
	}
	#merit-area .bg_white {
		padding: 50px 30px;
	}
	#merit-area .bg_white h3 {
		margin-bottom: 30px;
	}
	#merit-area .bg_white h3 span {
		font-size: 3.4vw;
	}
}
@media screen and (max-width:768px) {
	#merit-area h2 {
		font-size: 5vw;
		margin-bottom: 40px;
	}
	#merit-area .box {
		flex-direction: column;
		margin-bottom: 50px;
	}
	#merit-area .box .left {
		width: 100%;
		margin: 0 0 30px;
	}
	#merit-area .box img {
		width: 30%;
		margin: 0 auto;
	}
	#merit-area .bg_white h3 span {
		padding: 8px 0px 6px;
		font-size: 5vw;
		line-height: 1.2;
	}
}
@media screen and (max-width:600px) {
	#merit-area h2 {
		font-size: 5.6vw;
	}
}
@media screen and (max-width:480px) {
	#merit-area .box h2 {
		font-size: 5.8vw;
	}
	#merit-area .box h2 .bg {
		font-size: 6.4vw;
	}
	#merit-area ul.merit_list li {
    font-size: 16px;
	}
	#merit-area ul.merit_list li .num {
    width: 47px;
		font-size: 18px;
	}
}

/*---------------------
交通事故に遭ったらすべきこと部分
---------------------*/
#todo-area {
	background: #f3f3f3;
}
#todo-area h2 {
	margin-bottom: 140px;
}
#todo-area .bg_white {
	position: relative;
	padding: 150px 60px 60px;
	background: #fff;
}
ul.todo_list {
	position: absolute;
	top: -60px; left: 0; right: 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: 0 60px;
}
ul.todo_list li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 23%; height: 150px;
	max-width: 200px;
	text-align: center;
	background: #195e81;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	color: #fff;
}
ul.todo_list li::before {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: absolute;
	top: 10px; left: 10px;
	margin: auto;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#todo-area .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 100px;
}
#todo-area .box img {
	width: 300px;
}
#todo-area .box img.sp_block{
	display: none;
}
#todo-area .box .left {
	width: calc(100% - 300px);
	padding-right: 60px;
	box-sizing: border-box;
}
#todo-area .box h3 {
	padding: 20px 0 30px;
	margin-bottom: 25px;
	font-family: 'Noto Serif JP', serif;
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
}
#todo-area .box h3 .bg {
	display: inline-block;
	background: #907f53;
	padding:  0 5px 2px;
	font-size: 32px;
	color: #fff;
}
#todo-area .box h3 .bg {
	margin: 10px 0;
}
#todo-area .box h3 .bg:last-child {
	margin: 0;
	padding-right: 0;
}

#todo-area h3.border {
	position: relative;
	margin-bottom: 40px;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
}
#todo-area h3.border::before {
	content: "";
	display: block;
	width: 100%; height: 1px;
	background: #195e81;
	position: absolute;
	top: 50%; left: 0; right: 0;
	margin: auto;
}
#todo-area h3.border > span {
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 0 30px;
}
#todo-area ul.songai_list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
#todo-area ul.songai_list > li {
	width: 49%;
	border-radius: 10px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/todo_bg1.png) center / cover no-repeat;
	padding: 30px 35px;
	box-sizing: border-box;
}
#todo-area ul.songai_list > li:last-child {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/todo_bg2.png);
}
#todo-area ul.songai_list li h4 {
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #fff;
}
#todo-area ul.songai_list li ul {
	background: #fff;
	padding: 25px 25px 25px 100px;
	min-height: 200px;
	box-sizing: border-box;
}
#todo-area ul.songai_list li ul li {
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding-left: 1.3em;
	font-size: 20px;
}
#todo-area ul.songai_list li ul li::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_check.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}
#todo-area ul.songai_list li ul li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:1200px) {
	ul.todo_list li {
		font-size: 2.2vw;
	}
	#todo-area .box h3 {
		font-size: 2.2vw;
	}
	#todo-area .box h3 .bg {
		font-size: 2.6vw;
	}
}
@media screen and (max-width:1024px) {
	ul.todo_list {
		padding: 0 30px;
	}
	ul.todo_list li{
		height: 130px;
	}
	#todo-area .bg_white {
		padding: 120px 30px 40px;
	}
	#todo-area .box {
		margin-bottom: 60px;
	}
	#todo-area .box .left {
		width: 70%;
	}
	#todo-area .box img {
		width: 30%;
	}
	#todo-area h3.border {
		font-size: 3.8vw;
	}
	#todo-area ul.songai_list li ul{
		padding: 2vw 2vw 2vw 8vw;
	}
	#todo-area ul.songai_list > li {
		padding: 30px 20px;
	}
}
@media screen and (max-width:768px) {
	#todo-area h2 {
    margin-bottom:50px;
	}
	#todo-area .bg_white {
		padding-top: 40px;
	}
	ul.todo_list {
		position: relative;
		flex-wrap: wrap;
		top: auto;
		margin-bottom: 30px;
		padding: 0;
	}
	ul.todo_list li {
		height: 75px;
		width: 48%;
		max-width: 100%;
		line-height: 1.2;
		font-size: 2.8vw;
	}
	ul.todo_list li::before {
		width: calc(100% - 10px);
    height: calc(100% - 10px);
		top: 5px;
    left: 5px;
	}
	ul.todo_list li:nth-child(1),
	ul.todo_list li:nth-child(2) {
		margin-bottom: 15px;
	}
	#todo-area .box {
		flex-direction: column;
		align-items: center;
	}
	#todo-area .box .left {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}
	#todo-area .box img {
		width: 100%;
	}
	#todo-area .box img.sp_block{
		display: block;
	}
	#todo-area .box img.pc_block{
	display: none;
}
	#todo-area .box h3 {
    font-size: 3.7vw;
	}
	#todo-area .box h3 .bg {
    font-size: 4.2vw;
	}
	#todo-area ul.songai_list {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#todo-area ul.songai_list > li {
		width: 70%;
		padding: 20px;
	}
	#todo-area ul.songai_list > li:first-child {
		margin-bottom: 20px;
	}
	#todo-area ul.songai_list li h4 {
		margin-bottom: 10px;
	}
	#todo-area ul.songai_list li ul {
		padding: 20px;
		min-height: 0;
	}
	#todo-area ul.songai_list li ul li {
		font-size: 18px;
		margin-bottom: 5px;
	}
	#todo-area ul.songai_list li h4 {
		font-size: 3.6vw;
	}
}
@media screen and (max-width:600px) {
	#todo-area ul.songai_list > li {
		width: 100%;
	}
}
@media screen and (max-width:480px) {
	#todo-area h2 {
    margin-bottom:30px;
	}
	ul.todo_list li {
		font-size: 4vw;
	}
	#todo-area .box h3 {
		padding: 15px 0;
    font-size: 4.6vw;
	}
	#todo-area .box h3 .bg {
		margin: 5px 0;
    font-size: 4.6vw;
	}
	#todo-area h3.border {
		margin-bottom: 25px;
    font-size: 5vw;
	}
	#todo-area h3.border::before {
		display: none;
	}
	#todo-area h3.border > span {
		padding: 0;
	}
	#todo-area ul.songai_list li h4 {
    font-size: 4.2vw;
	}
	#todo-area ul.songai_list li ul li {
    font-size: 14px;
	}
}

/*---------------------
交通事故における適切な通院・治療の進め方部分
---------------------*/
ul.howto_list {
	margin-top: 60px;
}
ul.howto_list li {
	position: relative;
	padding-top: 25px;
	margin-bottom: 90px;
}
ul.howto_list li:last-child {
	margin-bottom: 50px;
}
ul.howto_list li img {
	position: absolute;
	left: 0; top: 0;
}
ul.howto_list li:nth-child(even) img {
	left: auto; right: 0;
}
ul.howto_list li .box {
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/howto_list_bg.svg) 94% 14%,#f3f3f3;
	background-repeat: no-repeat;
	background-size: auto 140px;
	width: 100%;
	padding: 50px 60px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
	position: relative;
}
ul.howto_list li:nth-child(even) .box {
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/howto_list_bg.svg) 94% 14%,#e7eff6;
	background-repeat: no-repeat;
	background-size: auto 140px;
	/*padding: 50px 90px 50px 45px;
	margin: 0 auto 0 0;*/
}
ul.howto_list li .box .icon{
	position: absolute;
	top: 0%;
	left: inherit;
	right: 7%;
	height: 140px;
	width: auto;
}
ul.howto_list li h3 {
	padding: 0 0 0  25px;
	margin-bottom: 20px;
	border-left: 3px solid #195e81;
	font-size: 26px;
	font-weight: 600;
}
@media screen and (max-width:1200px) {
	ul.howto_list li {
		margin-bottom: 60px;
	}
	ul.howto_list li img {
		width: 30%;
	}
	ul.howto_list li .box {
		width: 100%;
	}
}
@media screen and (max-width:1024px) {
	ul.howto_list li h3 {
		font-size: 3vw;
	}
}
@media screen and (max-width:768px) {
	ul.howto_list {
		margin-top: 40px;
	}
	ul.howto_list li {
		margin-bottom: 20px;
	}
	ul.howto_list li .box,
	ul.howto_list li:nth-child(even) .box {
		width: 100%;
		padding: 50px 30px;
	}
	ul.howto_list li img.sp_view {
		position: relative;
		display: block;
		width: 80%;
		margin: 0 auto 0;
	}
	ul.howto_list li h3 {
		margin-top: 30px;
		font-size: 3.8vw;
	}
}
@media screen and (max-width:600px) {
	ul.howto_list li .box,
	ul.howto_list li:nth-child(even) .box {
		padding: 40px 30px;
		background-size: auto 25vw;
		background-position: 94% 7%;
	}
	ul.howto_list li img.sp_view {
		width: 100%;
	}
	ul.howto_list li h3 {
		padding-left: 10px;
		font-size: 4.8vw;
		line-height: 1.4;
	}
	ul.howto_list li .box .icon{
		height: 100px;
		top: -6%;
	}
}
@media screen and (max-width:600px) {
	ul.howto_list li h3 {
		font-size: 5vw;
		margin-top: 0;
	}
}
/*---------------------
交通事故の慰謝料について部分
---------------------*/
#isharyo-area {
	position: relative;
	background-color: #e7eff6;
}
#isharyo-area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 550px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/isyaryo_bg.jpg) center / cover no-repeat;
}
#isharyo-area .container {
	position: relative;
}
#isharyo-area .white {
	color: #fff;
}
#isharyo-area h2.underline .yellow {
	display: inline-block;
	color: #f9ffb4;
	padding-bottom: 10px;
	border-bottom: 2px solid #f9ffb4;
}
#isharyo-area .bg_white {
	background: #fff;
	padding: 60px;
	margin: 60px auto;
}
#isharyo-area .bg_white h3 {
	max-width: 600px;
	margin: 0 auto 40px;
	padding: 20px 0;
	text-align: center;
	font-size: 30px;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
}
#isharyo-area .bg_white h3 .yellow {
	font-size: 133%;
}
#isharyo-area .bg_white .box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#isharyo-area .bg_white .box img {
	width: 300px;
}
#isharyo-area .bg_white .box .textbox {
	width: calc(100% - 300px);
	padding-left: 75px;
	box-sizing: border-box;
}
#isharyo-area .bg_white .box .textbox p {
	line-height: 1.8;
}
#isharyo-area .bg_white .box .textbox p small {
	font-size: 14px;
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	#isharyo-area .bg_white {
		padding: 50px 40px;
	}
	#isharyo-area .bg_white h3 {
		padding: 10px 0;
		font-size: 3vw;
		line-height: 1.4;
	}
	#isharyo-area .bg_white .box img {
		width: 30%;
	}
	#isharyo-area .bg_white .box .textbox {
		width: 70%;
		padding-left: 30px;
	}
}
@media screen and (max-width:768px) {
	#isharyo-area::before {
		height: 700px;
	}
	#isharyo-area .bg_white {
		padding: 40px 30px;
	}
	#isharyo-area .bg_white .box {
		flex-direction: column;
	}
	#isharyo-area .bg_white h3 {
		font-size: 4vw;
	}
	#isharyo-area .bg_white .box img {
		width: 220px;
		margin: 0 auto;
	}
	#isharyo-area .bg_white .box .textbox {
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}
}
@media screen and (max-width:480px) {
	#isharyo-area .bg_white .box img {
		width: 80%;
	}
}

/*---------------------
後遺症の可能性がある方へ
---------------------*/
#koutsujiko_top #kouisyo-area {
	padding-bottom: 0;
}
#kouisyo-area h2.underline{
	margin-bottom: 0;
}
#kouisyo-area h2.underline .bg {
	display: inline-block;
	background: #195e81;
	padding: 5px 20px 2px;
	margin-bottom: 10px;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-size: 22px;
	line-height: 1.2;
	color: #fff;
}
#kouisyo-area .h3_title{
	font-size: 40px;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.3;
    padding: 0;
    font-weight: bold;
}
#kouisyo-area .h3_title .blue{
	display: inline-block;
    color: #195e81;
    padding-bottom: 10px;
    border-bottom: 2px solid #195e81;
}
#kouisyo-area .blue {
	color: #195e81;
}
#kouisyo-area .textbox.border_box {
	position: relative;
	padding: 50px 60px;
	margin-bottom: 35px;
	background: #f3f3f3;
}
#kouisyo-area .textbox.border_box::before {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #878787;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}
#kouisyo-area ul.kouisho_list {
	margin-top: 90px;
}
#kouisyo-area ul.kouisho_list li {
	position: relative;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/kouisho_01.jpg) center / cover no-repeat;
	padding: 80px 0;
}
#kouisyo-area ul.kouisho_list li:nth-child(2) {
	background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/kouisho_02.jpg);
}
#kouisyo-area ul.kouisho_list li:last-child {
	margin-bottom: 0
}
#kouisyo-area ul.kouisho_list li h3 {
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-size: 30px;
	border-bottom: 1px solid #000;
	font-weight: 600;
}
#kouisyo-area ul.kouisho_list li .textbox {
	margin-bottom: 50px;
}
@media screen and (max-width:1024px) {
	#kouisyo-area .h3_title{
		font-size: 4.2vw;
	}
	#kouisyo-area ul.kouisho_list li h3 {
		margin-bottom: 10px;
		font-size: 3.4vw;
	}
}
@media screen and (max-width:768px) {
	#kouisyo-area .h3_title{
		font-size: 5.2vw;
	}
	#kouisyo-area .textbox.border_box {
		padding: 30px;
	}
	#kouisyo-area ul.kouisho_list {
    margin-top: 60px;
	}
}
@media screen and (max-width:600px) {
	#kouisyo-area .h3_title{
		font-size: 6.4vw;
	}
	#kouisyo-area ul.kouisho_list li h3 {
		font-size: 4vw;
	}
	#kouisyo-area h2.underline .bg{
		font-size: 15px;
	}
}
@media screen and (max-width:480px) {
	#kouisyo-area ul.kouisho_list li h3 {
		font-size: 5.4vw;
		text-align: center;
	}
}

/*---------------------
交通事故が原因で仕事に影響がでた方へ部分
---------------------*/
#impact-area ul.impact_list {
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
}
#impact-area ul.impact_list li {
	display: flex;
  flex-direction: column;
	position: relative;
	width: 48%;
	background: #f3f3f3;
	padding: 100px 35px 40px;
	box-sizing: border-box;
}
#impact-area ul.impact_list li .icon {
	background: #195e81;
	width: 120px; height: 120px;
	position: absolute;
	top: -60px; left: 0; right: 0;
	margin: auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
#impact-area ul.impact_list li .icon img {
	height: 65px;
	max-width: 65px;
}
#impact-area ul.impact_list li h3 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 40px;
}
#impact-area ul.impact_list li h3 span {
	display: inline-block;
	padding: 0 10px;
	background: linear-gradient(transparent 60%, #eeef93 60%);
}
#impact-area ul.impact_list li .textbox {
	margin-bottom: 55px;
}
#impact-area ul.impact_list li .textbox p {
	font-size: 16px;
}
#impact-area ul.impact_list .link {
	margin-top: auto;
}
#impact-area ul.impact_list .link a {
	padding: 20px 0;
	border-radius: 50px;
	width: 100%;
	height: auto;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 600;
}

@media screen and (max-width:1024px) {
	#impact-area ul.impact_list {
		margin-top: 90px;
	}
	#impact-area ul.impact_list li {
		padding: 70px 30px 30px;
	}
	#impact-area ul.impact_list li h3 {
		margin-bottom: 25px;
		font-size: 3.2vw;
	}
	#impact-area ul.impact_list li .icon {
		width: 100px;
		height: 100px;
		top: -50px;
	}
	#impact-area ul.impact_list li .icon img {
    height: 55px;
    max-width: 55px;
	}
	#impact-area ul.impact_list li .textbox {
    margin-bottom: 30px;
	}
	#impact-area ul.impact_list .link a {
		padding: 15px 0;
		font-size: 16px;
	}
}
@media screen and (max-width:768px) {
	#impact-area ul.impact_list {
		flex-direction: column;
	}
	#impact-area ul.impact_list li {
		width: 100%;
	}
	#impact-area ul.impact_list li:first-child {
		margin-bottom: 80px;
	}
	#impact-area ul.impact_list li h3{
		font-size: 4.2vw;
	}
}
@media screen and (max-width:480px) {
	#impact-area ul.impact_list li {
    padding: 70px 20px 30px;
	}
	#impact-area ul.impact_list li h3{
		font-size: 5.2vw;
	}
	#impact-area ul.impact_list .link a {
		padding: 15px 35px;
		font-size: 15px;
	}
	#impact-area ul.impact_list .link a::after {
		right: 15px;
	}
}
/*---------------------
加害者との示談交渉を進める際のポイント部分
---------------------*/
#point-area ul.point_list {
	margin: 60px auto;
}
#point-area ul.point_list li {
	background: #f3f3f3;
	margin-bottom: 50px;
}
#point-area ul.point_list li .midashi {
	position: relative;
	display: flex;
	align-items: center;
	background: #195e81;
	padding: 20px 0;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}
#point-area ul.point_list li .midashi::before {
	content: "";
	display: block;
	background: #154259;
	width: 140px; height: 100px;
	position: absolute;
	left: -30px; top: 0; bottom: 0;
	transform: skew(-30deg);
	margin: auto;
	z-index: -1;
}
#point-area ul.point_list li .midashi .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	margin-top: -5px;
	font-family: 'Noto Serif JP', serif;
	font-size: 50px;
	font-weight: 500;
	line-height: 1;
}
#point-area ul.point_list li .midashi h3 {
	font-size: 28px;
}
#point-area ul.point_list li .textbox {
	padding: 45px 60px;
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	#point-area ul.point_list li .midashi {
		padding: 15px 0;
	}
	#point-area ul.point_list li .midashi::before {
		left: -62px;
	}
	#point-area ul.point_list li .midashi .num {
		width: 100px;
		font-size: 40px;
	}
	#point-area ul.point_list li .midashi h3 {
		font-size: 3vw;
	}
	#point-area ul.point_list li .textbox {
    padding: 30px;
	}
}
@media screen and (max-width:768px) {
	#point-area ul.point_list li {
		margin-bottom: 30px;
	}
}
@media screen and (max-width:600px) {
	#point-area ul.point_list li .midashi::before {
    left: -90px;
	}
	#point-area ul.point_list li .midashi .num {
		width: auto;
		font-size: 20px;
	}
	#point-area ul.point_list li .midashi{
		padding: 15px 10px;
	}
	#point-area ul.point_list li .midashi h3 {
    font-size: 5vw;
		margin-left: 50px;
		line-height: 1.4;
	}
}
/*---------------------
被害者が死亡してしまったご家族の方へ部分
---------------------*/
#izoku-area {
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/izoku_bg.jpg) center / cover no-repeat;
}
#izoku-area h2 {
	color: #fff;
}
#izoku-area .textbox {
	padding: 50px 60px;
	border: 1px solid #fff;
}
#izoku-area .textbox p {
	color: #fff;
}

@media screen and (max-width:1024px) {
	#izoku-area .textbox {
		padding: 40px 30px;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

事務所概要

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#office_area{
	position: relative;
	background:#e7eff6;
}
#office_area::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 440px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/office_bg.jpg) center / cover no-repeat;
}
#office_area .container {
	position: relative;
}
#office_area h2 {
	color: #fff;
}
#office_area h3 {
	color: #fff;
	margin-bottom: 45px;
	text-align: center;
	font-size: 28px;
	line-height: 1.4;
}
#office_area ul.office_list{
	position: relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#office_area ul.office_list li{
	width:150px;
	margin-right:20px;
	margin-bottom: 30px;
}
#office_area ul.office_list li:nth-child(6),#office_area ul.office_list li:nth-child(12){
	margin-right:0;
}
#office_area ul.office_list li:first-child{
	margin-bottom: 30px;
}
#office_area ul.office_list li .office_wrap {
	padding-top: 65px;
}
#office_area ul.office_list li .office_wrap > div {
	position: relative;
	padding: 35px 5px;
	background:#fff;
}
#office_area ul.office_list li .office_wrap > div::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0; right: 0;
	width: 25px; height: 25px;
	background: #195e81;
}
#office_area ul.office_list li .office_wrap > div::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	position: absolute;
	bottom: 9px;
	right: 10px;
	margin: auto;
}
#office_area ul.office_list li.nolink .office_wrap > div::before,
#office_area ul.office_list li.nolink .office_wrap > div::after {
	display: none;
}
#office_area ul.office_list li img{
	position: absolute;
	top: -65px; left: 0; right: 0;
	display: block;
	width: 85%;
	height: auto;
	margin: 0 auto;
}
#office_area ul.office_list li span{
	display: block;
	position: relative;
	text-align: center;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width:1200px){
	#office_area ul.office_list li {
    width: 15%;
    margin-right: 2%;
	}
}
@media screen and (max-width:1024px){
	#office_area ul.office_list li {
    width: 22%;
    margin: 0 4% 30px 0;
	}
	#office_area ul.office_list li:nth-child(6)/*,
	#office_area ul.office_list li:nth-child(12)*/ {
		margin-right: 4%;
	}
	#office_area ul.office_list li:nth-child(4),
	#office_area ul.office_list li:nth-child(8) {
		margin-right: 0;
	}
	#office_area ul.office_list li:nth-child(n+9) {
		/*margin-bottom: 0;*/
	}
	#office_area ul.office_list li .office_wrap > div{
		padding: 50px 10px 30px;
	}
}
@media screen and (max-width:768px){
	#office_area h3 {
		font-size: 3.8vw;
	}
	#office_area ul.office_list {
		margin: 0;
	}
	#office_area ul.office_list li .office_wrap {
		padding-top: 0;
	}
	#office_area ul.office_list li .office_wrap > div {
		padding: 0 0 25px;
	}
	#office_area ul.office_list li .office_wrap > div::before{
		width: 20px;
    height: 20px;
	}
	#office_area ul.office_list li .office_wrap > div::after {
		width: 4px;
    height: 4px;
		bottom: 7px;
    right: 8px;
	}
	#office_area ul.office_list li img {
		position: relative;
		top: auto;
		width: 100%;
	}
	#office_area ul.office_list li span {
		margin-top: 25px;
		font-size: 14px;
	}
}
@media screen and (max-width:600px){
	#office_area::before{
		height: 52vw;;
	}
	#office_area h3 {
		font-size: 4.4vw;
	}
	#office_area ul.office_list li {
    width: 48%;
    margin: 0 4% 20px 0;
	}
	#office_area ul.office_list li:first-child{
		margin-bottom: 0;
	}
	#office_area ul.office_list li:nth-child(even) {
		margin-right: 0;
	}
	#office_area ul.office_list li:nth-child(10) {
		margin-bottom: 20px;
	}
	#office_area ul.office_list li:nth-child(n+11) {
		/*margin-bottom: 0;*/
	}
	#office_area ul.office_list li img {
		object-fit: cover;
		height: 80px;
	}
	#office_area ul.office_list li span {
		font-size: 12px;
	}
}
@media screen and (max-width:480px){
	#office_area::before{
		height: 58vw;;
	}
}
@media screen and (max-width:380px){
	#office_area::before{
		height: 65vw;;
	}
}


/*---------------------
弁護士へ依頼するタイミング
---------------------*/
#timing-area .bg_gray {
	background: #f3f3f3;
	padding: 90px 60px;
	margin: 20px 0 30px;
}
#timing-area .box_01 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 40px;
}
#timing-area .box_01 .img_box {
	position: relative;
	width: 340px; height: 340px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/timing_img.jpg) center / cover no-repeat;
}
#timing-area .box_01 .img_box::before {
	content: "";
	display: block;
	width: calc(100% - 20px); height: calc(100% - 20px);
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#timing-area .box_01 .box {
	width: calc(100% - 340px);
	padding-left: 50px;
	box-sizing: border-box;
}
#timing-area .box_01 h2 {
	font-size: 30px;
	margin-bottom: 40px;
	padding-left: 30px;
	border-left: 3px solid #195e81;
	line-height: 1.4;
	text-align: left;
}
@media screen and (max-width:1200px){
	#timing-area .bg_gray {
		padding: 60px;
	}
	#timing-area .box_01 .img_box {
		width: 30%;
	}
	#timing-area .box_01 .box {
		width: 70%;
	}
}
@media screen and (max-width:1024px){
	#timing-area .bg_gray {
		padding: 60px 30px;
	}
	#timing-area .box_01 .img_box {
		width: 35%;
	}
	#timing-area .box_01 .box {
		width: 65%;
		padding-left: 35px;
	}
	#timing-area .box_01 h2 {
		padding-left: 20px;
		margin-bottom: 20px;
		font-size: 3.2vw;
	}
}
@media screen and (max-width:768px){
	#timing-area .bg_gray {
		padding: 30px;
	}
	#timing-area .box_01 {
		flex-direction: column;
	}
	#timing-area .box_01 .img_box {
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/timing_img_sp.jpg) center / cover no-repeat;
		height: 37vw;;
		width: 100%;
		margin: 0 auto;
	}
	#timing-area .box_01 .box {
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	#timing-area .box_01 h2 {
		font-size: 4vw;
	}
}
@media screen and (max-width:600px) {
	#timing-area .box_01 h2 {
    font-size: 5vw;
	}
}
/*---------------------
ご相談から解決までの流れ部分
---------------------*/
#flow-area h2 {
	margin-bottom: 100px;
}
ul.flow_list {
	display: flex;
	justify-content: space-between;
}
ul.flow_list li {
	position: relative;
	background: #f3f3f3;
	padding: 55px 10px 35px;
	margin-right: 20px;
	width: 23%;
	text-align: center;
}
ul.flow_list li:last-child {
	margin-right: 0;
}
ul.flow_list li::after {
	content: "";
	position: absolute;
	top: 50%; left: -40px;
	margin-top: -15px;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_arrow.png) center / contain no-repeat;
	width: 60px;
	height: 30px;
	display: block;
}
ul.flow_list li:first-child::after {
	display: none;
}
ul.flow_list li .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px; height: 80px;
	background: #195e81;
	border-radius: 40px;
	position: absolute;
	top: -40px; left: 0; right: 0;
	margin: auto;
	z-index: 1;
}
ul.flow_list li .icon img {
	max-width: 35px;
}
ul.flow_list li .bg {
	display: inline-block;
	background: #195e81;
	padding: 3px 15px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 5px;
}
#flow-area ul.flow_list li p {
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 22px;
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
	line-height: 1;
}
ul.flow_list li p small {
	margin-top: 5px;
	font-size: 14px;
}
@media screen and (max-width:1024px) {
	ul.flow_list li::after {
		width: 40px;
		left: -25px;
	}
	ul.flow_list li {
		padding: 45px 10px 25px;
	}
	ul.flow_list li .icon {
		width: 60px;
    height: 60px;
		top: -30px;
	}
	ul.flow_list li .icon img {
    max-width: 27px;
	}
	ul.flow_list li .bg {
		padding: 3px 10px 1px;
		font-size: 12px;
	}
	#flow-area ul.flow_list li p {
		font-size: 2.4vw;
	}
	ul.flow_list li p small {
		font-size: 60%;
	}
}
@media screen and (max-width:768px) {
	#flow-area h2 {
    margin-bottom: 60px;
	}
	ul.flow_list li {
		width: 23%;
		padding: 45px 3px 25px;
		margin-right: 12px;
	}
	ul.flow_list li::after {
    width: 25px;
    left: -17px;
	}
	#flow-area ul.flow_list li p {
    font-size: 2.6vw;
	}
}
@media screen and (max-width:480px) {
	ul.flow_list{
		display: block;
	}
	ul.flow_list li {
		width: 100%;
		padding: 15px 20px;
		margin: 0 0 0 auto;
		box-sizing: border-box;
	}
	ul.flow_list li:not(:last-child){
		margin-bottom: 20px;
	}
	ul.flow_list li::after{
		width: 34px;
		top: -7%;
		left: 45%;
		transform: rotate(90deg);
	}
	ul.flow_list li .icon {
		width: 45px;
		height: 45px;
		top: 50%;
		left: 8%;
		right: auto;
		transform: translateY(-50%);
	}
	ul.flow_list li .icon img {
    max-width: 20px;
	}
	ul.flow_list li .bg {
    padding: 3px 6px 1px;
    font-size: 11px;
		    margin-bottom: 10px;
	}
	#flow-area ul.flow_list li p {
		min-height: auto;
		font-size: 4vw;
	}
}
/*---------------------
交通事故に遭われた方へ
---------------------*/
section#message-area {
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/message_bg_L.jpg) left top / contain no-repeat,url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/message_bg_R.jpg) right top / contain no-repeat;
	padding: 80px 0;
}
#message-area .bg_white {
	position: relative;
	padding: 60px 60px;
	background: #fff;
	box-shadow: 0 0 10px rgb(28 28 28 / 30%);
	box-sizing: border-box;
}
#message-area .bg_white h2 {
	color: #195e81;
	font-size: 40px;
}
#message-area .bg_white h2 .bg {
	padding: 10px 30px;
	background: #e7eff6;
}
@media screen and (max-width:1800px) {
	section#message-area{
		background-position: -18%, 118%;
	}
}
@media screen and (max-width:1500px) {
	section#message-area{
		background-position: -30%, 130%;
	}
}
@media screen and (max-width:1400px) {
	section#message-area{
		background-position: -40%, 140%;
	}
}
@media screen and (max-width:1300px) {
	section#message-area{
		padding-top: 23%;
		background-size: 40%;
		background-position: left top, right top;
	}
}

@media screen and (max-width:1024px) {
	#message-area .bg_white h2 {
		font-size: 4vw;
	}
}
@media screen and (max-width:768px) {
	section#message-area{
		padding-top: 28%;
		background-size: 50%;
	}
	#message-area .bg_white {
    padding: 50px 30px;
	}
	#message-area .bg_white h2 {
    font-size: 4.8vw;
		margin-bottom: 30px;
	}
	#message-area .bg_white h2 .bg{
		padding: 0.5em 1em;
	}
#message-area .bg_white .br{
	display: inline-block;
}
#message-area .bg_white h2 .bg{
	display: inline-block;
	line-height: 1.4;
}

}


/*---------------------
交通事故コラム部分
---------------------*/
#news {
	background: #e7eff6;
}
#news h2{
	margin-bottom: 100px;
}
#news .container {
	max-width: 1090px;
}

#news ul.news_list {
	display: flex;
	justify-content: space-between;
	/*margin-bottom: 80px;*/
	width: 94%;
	margin: 0 auto 80px;
}
#news ul.news_list li {
	width: 32%;
	padding: 0 20px;
	box-sizing: border-box;
}
#news ul.news_list li a {
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
#news ul.news_list li img {
	max-width: 100%;
}
#news ul.news_list li .text {
	padding: 0 20px 24px;
}
#news ul.news_list li .title {
	margin: 25px 0 5px;
	font-size: 16px;
}
#news ul.news_list li .date {
	display: inline-block;
	font-size: 12px;
	color: #919191;
}
#news .link a {
	height: 60px;
	line-height: 60px;
	max-width: 400px;
	border-radius: 30px;
	font-size: 18px;
}
#news .pc-column_list .link a {
	margin-top: 30px;
}
#news .latest_article {
	background: #fff;
	border-radius: 15px;
	padding: 40px 40px 60px;
}
#news h3 {
	margin-bottom: 25px;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
}
#news h3 span {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
#news .latest_article ul.news_list {
	margin: 0 auto;
}
#news .latest_article ul.news_list li {
	padding: 0 15px;
}
#news .latest_article ul.news_list li a {
	box-shadow: 0 0 10px rgba(28,28,28,.2);
}
#news .latest_article ul.news_list li .title {
	font-size: 16px;
}

#news ul.news_list.sp_view {
	display: none;
}
#news ul.news_list_slider .slick-prev,
#news ul.news_list_slider .slick-next {
	width: 50px;
	height: 50px;
	top: 37%;
	background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/slide_arrow.svg) center / contain no-repeat;
	z-index: 20;
}
#news ul.news_list_slider .slick-prev {
	left: -20px;
	transform: rotate(180deg);
}
#news ul.news_list_slider .slick-next {
	right: -20px;
}
#news ul.news_list_slider .slick-prev::before,
#news ul.news_list_slider .slick-next::before {
	display: none;
}
.sp-column_list{
	display: none;
}
@media screen and (max-width:1400px) {
	#news ul.news_list li {
		padding: 0 15px;
	}
	#news ul.news_list_slider .slick-prev {
		left: -1%;
	}
	#news ul.news_list_slider .slick-next {
		right: -1%;
	}
}
@media screen and (max-width:1300px) {
	#news .container {
    max-width: 90%;
	}
}
@media screen and (max-width:1024px) {
	#news h2{
		margin-bottom: 80px;
	}
	#news .latest_article {
		padding: 40px 20px;
	}
	#news ul.news_list_slider .slick-prev,
	#news ul.news_list_slider .slick-next {
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width:768px){
	#news h2{
		margin-bottom: 60px;
	}
	#news .latest_article ul.news_list li{
		padding: 0 15px !important;
		margin-bottom: 5px !important;
	}
	#news .latest_article ul.news_list .slick-prev,
	#news .latest_article ul.news_list .slick-next {
		width: 40px;
		height: 40px;
		top: 37%;
		background: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/slide_arrow.svg) center / contain no-repeat;
		z-index: 20;
	}
	#news .latest_article ul.news_list .slick-prev {
		left: -30px;
		transform: rotate(180deg);
	}
	#news .latest_article ul.news_list .slick-next {
		right: -30px;
	}
	#news .latest_article ul.news_list .slick-prev::before,
	#news .latest_article ul.news_list .slick-next::before {
		display: none;
	}
}
@media screen and (max-width:767px) {
	#news h3 {
		font-size: 20px;
	}
	#news ul.news_list {
		margin-bottom: 60px;
	}
	#news ul.news_list li {
		width: 100%;
		padding: 0;
	}
	#news ul.news_list li .text{
		padding: 15px 20px;
	}
	#news .latest_article {
		padding: 0;
		background: none;
	}
	#news .latest_article ul.news_list {
		width: 100%;
		flex-direction: column;
	}
	#news .latest_article ul.news_list li {
		padding: 0  !important;
		margin-bottom: 30px !important;
		display: flex;
		justify-content: space-between;
	}
	#news .latest_article ul.news_list li :last-child {
		margin-bottom: 0;
	}
	#news .latest_article ul.news_list li a{
		display: flex;
		justify-content: space-between;
	}
	#news .latest_article ul.news_list li a .img_box{
		width: 40%;
		align-items: center;
    	display: flex;
	}
	#news ul.news_list li .title{
		margin: 0 0 5px;
	}
	#news .latest_article ul.news_list li a .text{
		width: 60%;
		padding: 3% 3%;
	}
	.pc-column_list{
		/*display: none;*/
	}
	/*.sp-column_list{
		display: block;
		margin-top: 15%;
	}*/
	#news .sp-container ul.news_list{
		display: block;
	}
	#news .sp-container ul.news_list li{
		margin-bottom: 4%;
	}
	#news .sp-container ul.news_list li a{
		display: flex;
	}
	#news .sp-container ul.news_list li a .img_box{
		width: 40%;
		align-items: center;
    	display: flex;
	}
	#news .sp-container ul.news_list li a .text{
		width: 60%;
	}
}
@media screen and (max-width:520px) {
	#news .sp-container ul.news_list li a .img_box{
		padding-left: 4vw;
	}
	#news .latest_article ul.news_list li a{
		padding: 5% 3%;
	}
	#news .latest_article ul.news_list li a .text{
		width: 56%;
		padding: 0;
	}
}
@media screen and (max-width:420px) {
	#news .latest_article ul.news_list li {
		margin-bottom: 20px;
	}
	#news .sp-container ul.news_list li .text {
		padding: 0 10px 24px 10px;
	}
	#news .sp-container ul.news_list li a .img_box{
		padding-left: 8%;
	}
	#news .sp-container ul.news_list li .title{
		font-size: 14px;
	}
	#news .latest_article ul.news_list li .title{
		font-size: 14px;
	}
}
@media screen and (max-width:340px) {
	#news .sp-container ul.news_list li a .img_box{
		padding-left: 12%;
	}
}

@media screen and (max-width:1363px) {
	#GlobalHeader .global-navi .list .line2_02 {
		display: block;
	padding: 10px 2px 0;
	line-height: 1.2;
	text-align: center;
	transition: all .3s;
	border-left: 1px solid #e7e7e7;
	font-size: 108%;
	font-family: 'Noto Sans Japanese',serif;
	height: 36px;
	}
}

@media screen and (max-width:1272px) {
	#GlobalHeader .global-navi .list .line2_01 {
		display: block;
	padding: 10px 2px 0;
	line-height: 1.2;
	text-align: center;
	transition: all .3s;
	border-left: 1px solid #e7e7e7;
	font-size: 108%;
	font-family: 'Noto Sans Japanese',serif;
	height: 36px;
	}
}


/*IE対策*/
@media all and (-ms-high-contrast:none) {
	.icon-phone:before {
		content: "\e90d";
		font-size: 0.8em;
	}
	.cv-area-wrapper .tel_text a {
		pointer-events:none;/*リンクを非リンクに変える*/
		cursor:default;/*マウスカーソルを矢印のまま変えない*/
	}
	.cv-area-wrapper .tel_text a:hover {opacity: 1;}
	#traffic_index .gnavi ul {
		display: flex !important;
		flex-wrap: wrap;
		max-width: 1180px;
	}
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

フロントCV改修

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#cv_index{
	background: url("../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/cv_bg.jpg") center / cover no-repeat;
	padding: 50px 0 55px;
	line-height: 1;
}
#cv_index .cv_box{
	width: 1000px;
	margin:0 auto;
}
#cv_index .cv_box > p {
	margin-bottom: 30px;
	text-align: center;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	font-size: 20px;
	font-weight: medium;
	line-height: 1.2;
	color: #fff;
}
#cv_index .cv_box p .midashi {
	position: relative;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.8;
	color: #ffe298;
}
#cv_index .cv_box p .midashi::before,
#cv_index .cv_box p .midashi::after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
}
#cv_index .cv_box p .midashi::before {
	left: -70px;
}
#cv_index .cv_box p .midashi::after {
	right: -70px;
}
#cv_index .box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 50px 0;
}
#cv_index .cv_left{
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 55px;
}
#cv_index .sp_tap{display: none;}
#cv_index .tel{
	font-size: 66px;
	font-family: 'ヒラギノ明朝 ProN W3','ヒラギノ明朝 ProN','游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif Mincho', 'ＭＳ 明朝', 'ＭＳ Ｐ明朝','Noto Serif JP',sans-serif ;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}
#cv_index .tel span{
	position:relative;
	display: inline-block;
	padding-left:0.8em;
	font-family: 'Noto Serif JP', serif;
	font-size: 54px;
}
#cv_index .tel span::before{
	content: '';
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	background-image: url("../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/cv_tel.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 52%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#cv_index .tel_bottom{
	display: block;
	text-align: center;
	line-height: 1;
	width: 100%;
	margin-top: 5px;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
	color: #5b5b5b;
	font-weight: 600;
	font-size: 14px;
}
#cv_index .mail{
	background: #907f53;
	display:inline-block;
	width: 330px;
	height: 75px;
	text-align: center;
	line-height: 75px;
	font-size: 16px;
	color: #fff;
	font-weight:400;
	border-radius: 10px;
	box-shadow: 0 4px 0  #6f623f;
}
#cv_index .mail span{
	position: relative;
	padding-left: 1.3em;
}
#cv_index .mail span::before{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url("../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/index/icon_mail.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
@media screen and (max-width:1200px){
	#cv_index .cv_box {
		width: 90%;
	}
	#cv_index .tel{
		font-size: 5.6vw;
	}
}
@media screen and (max-width:1024px){
	#cv_index .top{
		font-size:28px;
	}
	#cv_index .cv_left li{
		font-size: 1.7vw;
	}
	#cv_index .cv_left li:last-child{
		margin-right:20px;
	}
	#cv_index.para .tel{
		font-size: 4.7vw;
	}
}
@media screen and (max-width:1023px){
	#cv_index .box{
		flex-direction: column;
		padding: 0 0 25px;
	}
	#cv_index .cv_left{
		width:100%;
		margin: 0 0 30px;
	}
	#cv_index .cv_right{
		width: 100%;
	}
	#cv_index .top{
		width:50%;
		font-size:3.5vw;
		margin: 0;
	}
	#cv_index .tel{
		font-size: 8vw;
	}
}
@media screen and (max-width:767px){
	#cv_index .cv_box > p {
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 1.6;
	}
	#cv_index .cv_box p .midashi {
		font-size: 4.6vw;
	}
	#cv_index .cv_box p .midashi::before,
	#cv_index .cv_box p .midashi::after {
		display: none;
	}
	#cv_index .box {
		/*padding: 20px 0 25px;*/
		padding: 0;
		background: none;
	}
	#cv_index .cv_left{
		width: 90%;
		font-size:9vw;
		background-color: #fff;
		border-radius: 5px;
		border-bottom: solid 3px #bbb;
		box-sizing: border-box;
		padding: 0.3em;
		margin-bottom: 0.5em;
	}
	#cv_index .tel{
		order: 2;
		margin-bottom: 0;
		line-height: 0.8;
	}
	#cv_index .tel span{
		margin-bottom: 0;
		font-size: 9vw;
		font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
		color: #ad0d3a;
		line-height: 1;
	}
	#cv_index .tel span::before {
		content: '';
		display: inline-block;
		width: 0.7em;
		height: 0.7em;
		background-image: url(../customer_contents/wp/wp-content/themes/2021_renew/koutsujiko/image/cv_tel_sp.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		/*margin-top: -2px;*/
	}
	#cv_index .tel_bottom{
		order: 1;
		margin: 0 0 0.6em;
		color: #000;
	}
	#cv_index .mail{
		width:60%;
	}
}
@media screen and (max-width:600px){
	#cv_index .cv_box p .midashi {
		font-size: 5.6vw;
	}
	#cv_index .tel{
		font-size:9vw;
		
	}
	#cv_index .cv_left li{
		font-size: 2.2vw;
	}
	#cv_index .tel span{
		font-size: 7.4vw;
	}
	#cv_index .mail {
    width: 90%;
		height: 55px;
		line-height: 55px;
	}
}
@media screen and (max-width:480px){
	#cv_index .cv_box p .midashi {
		font-size: 6vw;
	}
	#cv_index .tel span{
		font-size: 8.7vw;
		padding-left: 0.8em;
		letter-spacing: -0.03em;
	}
	#cv_index .tel span::before{
		width: 0.7em;
		height: 0.7em;
	}
}
@media screen and (max-width:375px){
	#cv_index .tel span{
		font-size: 9.4vw;
	}
}

/* PC固定フッター */

.main_back_light_color {
    background-color: #e8eef6;
}
.main_font_color {
    color: #0d315a;
}
.main_back_color {
    background-color: #0d315a;
}
.accent_font_color_b {
    color: #fdc237;
}
.accent_font_color_b.telcv{
	pointer-events: none;
}

footer .footer_contact{
	text-align: center;
	font-weight: bold;
}
footer .footer_contact>p{
	margin-bottom: 0;
}
footer .footer_contact>div{
	padding: 1rem 0 0.6rem 0;
}
footer .footer_contact ul{
	display: inline-flex;
	align-items: center;
	position: relative;
}
footer .footer_contact ul li{
	float: left;
	margin-right: 1rem;
}
.footer_contact .main_back_color ul .font_num{
	font-size: 2.8rem;
	line-height: 1;
}
.footer_contact .main_back_color ul .font_num i{
	    position: relative;
        top: -7px;
    left: 0px;
    font-size: 1.8rem;
    margin-right: 5px;
}
.footer_contact .main_back_color ul .font_num .note>span {
	font-size: 12px;
	color: #fff;
	display: inline-block;
}
.footer_contact ul .font_num span{
	font-size: 1rem;
	    display: block;
	    line-height: 1;
}
.footer_contact ul .font_num span.small{
	display: inline;
	font-size: 2.8rem;
}
footer .footer_contact ul li:first-of-type{
	font-size: 1.2rem;
	padding: 1rem 0;
	color: #fff;
}
footer .footer_contact ul li a{
	
}
footer .footer_contact ul li a i {
    line-height: 1.4;
}
#breadcrumb {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
	z-index:9999;
	border-top: 2px solid #fff;
}
#breadcrumb p{
	font-size: 16px;
    line-height: 1.9;
}
@media screen and (min-width:768px) and (max-width:1024px) {
	footer .footer_contact ul li:first-of-type{
		display: none;
	}
}


footer .main_back_color ul .b_box {
	display: block!important;
	position: relative;
	top: -5px;
}
footer .main_back_color ul .mail {
    background-color: #F0B000;
	padding:0.15rem  1rem;
} 
footer .main_back_color ul .line {
    background-color: #06c755;
	padding:0.15rem  2.7rem;
	margin-top: 6px;
	text-decoration: none;
}
.main_back_color ul .mail,
.main_back_color ul .line {
    position: relative;
    font-weight: bold;
    border-radius: 6px;
    background-image: none;
	padding: 2.5%;
}
.main_back_color li .mail,
.main_back_color li .line{
    /*width: 100%;*/
    height: 30px;
    font-size: 15px;
    transition: all .2s;

}
footer .footer_contact ul li a .box_mail{
	padding-right:10px;}
.main_back_color .line a:before {
   content: '';
	background: url("../images/line.svg")no-repeat;
	background-size: 20% 20%;
	width:99px;
	height: 95px;
	display: inline-block;
	vertical-align: text-top;
	right: 20%;
    top: 6%;
    position: absolute;
}

.main_back_color .mail:hover, .main_back_color .line:hover {
	opacity: 0.6;
}
.main_back_color .mail a:hover, .main_back_color .line a:hover {
	opacity: initial;
}
.main_back_color .mail a {
    width: 100%;
    height: 100%;
    padding-left:0;
    color: #FFF;
    line-height: 1rem;
    box-sizing: border-box;
	vertical-align: middle;
}
.main_back_color .line a {
    width: 100%;
    height: 100%;
    padding-left:20px;
    color: #FFF;
/*    line-height: 1rem;*/
    line-height: 1.4rem;
    box-sizing: border-box;
}

.contact_inner .icon-phone-alt-solid:before {
    content: "\e902";
    color: #f0031f;
}
/*icons*/
@media screen and (min-width:768px){
@font-face{font-family:hugicons;src:url(../fonts/hugicons.eot?94cjav);src:url(../fonts/hugicons.eot?94cjav#iefix) format('embedded-opentype'),url(../fonts/hugicons.ttf?94cjav) format('truetype'),url(../fonts/hugicons.woff?94cjav) format('woff'),url(../fonts/hugicons.svg?94cjav#hugicons) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:hugicons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-envelope-solid:before{content:"\e901"}.icon-phone-alt-solid:before{content:"\e902"}.icon-gavel-solid:before{content:"\e900"}.icon-home:before{content:"\f015"}.icon-chevron-right:before{content:"\f054"}.icon-chevron-up:before{content:"\f077"}.icon-caret-right:before{content:"\f0da"}.icon-chevron-circle-right:before{content:"\f138"}.icon-chevron-left:before{content:"\f053"}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?5m69xd');
  src:  url('../fonts/icomoon.eot?5m69xd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?5m69xd') format('truetype'),
    url('../fonts/icomoon.woff?5m69xd') format('woff'),
    url('../fonts/icomoon.svg?5m69xd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

}
@media screen and (max-width:767px){
	#breadcrumb{
		display: none !important;
	}
}

#popup_box.footer_fix{
	display: none !important;
}
@media screen and (max-width:767px){
	#popup_box.footer_fix{
		display: block !important;
	}
}