@charset "utf-8";
/*
Theme Name: ALG Koutsujiko SEO 201905
Description: 弁護士法人ALG&Associates 交通事故サイト用
Author: 株式会社プラスステージ
Version: 1.0
*/

/* .clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;} */


.intro_area.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


a:hover {
    opacity: 0.8;
}
.new_line {
    display: inline-block;
}
.new_line_br {
    display: block;
}
.serif {
    font-family: "ヒラギノ明朝 Pro W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif Mincho", 'Noto Serif JP', serif;
}
.mincho {
    font-family: 'Noto Serif JP', serif;
}
.bold {font-weight: bold;}

.txt-c{
	text-align: center;
}

table {
    border: 1px solid #9a9a9a;
    width: 100%;
    table-layout: fixed;
    margin: 5% auto;
}
tr,th,td {
    border: 1px solid #9a9a9a;
    padding: 2%;
    text-align: center;
}
.sml_txt {
    font-size: 0.8em;
    line-height: 1rem;
    font-weight: 100;
}

@media screen and (max-width:420px) {
    .sml_txt {
        font-size: 3vw;
    }
}

/*////// 色共通 //////*/
/*　メインカラー　*/
/*背景色*/
.main_back_color {
    background-color: #ffffff;
}
/*背景色(下層ページ)*/
.lower_main_back_color {
    background-color: #124488;
}
/*文字色*/
.main_font_color {
    color: #0d315a;
}
/*文字色(下層ページ)*/
.lower_main_font_color {
    color: #124488;
}
.font_small {
    font-size: 0.9em;
    /*※解決事例306で仕様*/
}
.lower_main_font_color_b {
    color: #000;
}
/*線色*/
.main_border_color {
    border-color: #0d315a;
}
/*　メインカラー（薄いver）　*/
/*背景色*/
.main_back_light_color {
    background-color: #e8eef6;
}
/*背景色(下層ページ)*/
.lower_main_back_light_color {
    background-color: #f0f7fb;
}
.lower_main_back_light_color_b {
    /*background-color: #f4f9fc;*/
    background-color: #edf7f1;
}
/*線色*/
.main_border_light_color {
    border-color: #e8eef6;
}
/*線色(下層ページ)*/
.lower_main_border_light_color {
    color: #b9dedc;
}
/*　メインカラー（濃いver）　*/
.main_dark_color {
    color: #22303e;
}
.main_back_dark_color {
    background-color: #22303e;
}
/*　サブカラー　*/
/*背景色*/
.sub_back_color {
    background-color: #f9f6f4;
}
/* アクセントカラー */
/*背景色(下層ページ)*/
.lower_accent_back_color {
    background-color: #fdc237;
}
.lower_accent_back_light_color {
    background-color: #fff8e7;
}
/*文字色*/
.accent_font_color {
    color: #f0031f;
}
.accent_font_color_b {
    color: #fdc237;
}
/*マーカー*/
.accent_mark_color {
    background: linear-gradient(transparent 80%, #f0031f 0%);
}
/*マーカー(下層ページ)*/
.lower_accent_mark_color {
    background: linear-gradient(transparent 70%, #fdc237 30%);
}
@media screen and (max-width:320px) {
    table.small {
        font-size: 13px;
    }
}
/*====================================== 下層ページ ======================================*/
/*------ メインコンテンツ (.article_content) ------*/
.article_content {
    width: 100%;
    max-width: 1200px;
    margin: 6rem auto 0;
    display: flex;
    justify-content: center;
}
.article_content .article_content {
    padding: 0;
}
/* 共通 */
.normal_list li, .article_wrap p span, .article_wrap section p span {
    line-height: 2;
}

ol.normal_list li {
    list-style: decimal;
}
.normal_list_none li {
    list-style: none;
}
.article_wrap section p span.memo {
    display: block;
    margin: 1em 0;
    padding: 1em 0.5em;
    background-color: #f2f2f2;
    font-size: 0.9em;
    text-align: center;
}
.new_line01 {
    display: inline-block;
    line-height: 2;
}
.new_line02 {
    display: block;
    margin-bottom: 2.5em;
    line-height: 2;
}
.new_line02:last-child {
    margin-bottom: 0;
}
.new_line03 {
    display: inline-block;
    margin: 2.5em 0;
}
.new_line04 {
    display: inline-block;
    margin-top: 1.5em;
}
.new_line05 {
    display: block;
}
/*---------------------------- メインコンテンツ 左カラム(.article_wrap) ----------------------------*/
.article_wrap {
    margin-bottom: 3em;
    font-size: 18px;
}
.article_content img {
    border: none;
    display: block;
    max-width: 90%;
    height: auto;
    margin: 2em auto;
}
.article_content .pimg {
    width: 100%;
    max-width: 780px;
}
.article_wrap section {
    margin-bottom: 6em;
}
.article_wrap section p {
    padding: 0 1%;
    margin-bottom: 2em;
}
@media screen and (max-width:1200px) {
    .article_content {
        padding: 0 2%;
    }
}
@media screen and (max-width:1024px) {
    .article_content {
        width: 90%;
        display: block;
    }
    .article_content {
        padding: 5%;
    }
    .article_wrap {
        width: 100%;
    }
}
@media screen and (max-width:1023px) {
    .article_content {
        margin: 0 auto;
    }
}
@media screen and (min-width:426px) {
    .article_content p {
        font-size: 18px;
    }
    .article_content .simg, .article_content .s_img {
        display: none;
    }
    .article_content .pimg, .article_content .p_img {
        display: block;
    }
}
@media screen and (max-width:425px) {
    .article_content p {
        margin: 0 auto;
        line-height: 2;
        font-size: 16px;
    }
    .article_content .simg, .article_content .s_img {
        display: block;
    }
    .article_content .pimg, .article_content .p_img {
        display: none;
    }
}
@media screen and (max-width:320px) {
    .article_content p {
        font-size: 15px;
    }
}
.font_large {
    font-size: 1.5em;
    vertical-align: text-bottom;
    line-height: 1em;
}
.article_content p.example {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
}


/* 目次(.toc_container) */
#toc_container {
	width: 100% !important;
	margin: 40px auto 4rem;
	background: #f3f3f3;
	border: 1px solid #ddd;
}
#toc_container .toc_title {
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
}
#toc_container .toc_title a {
	color: #216c9c;
}
#toc_container .toc_list {
	padding: 0 30px 30px;
	font-size: 16px;
}
#toc_container .toc_list ul {
	margin-left: 1rem;
}
#toc_container .toc_list li {
	font-weight: bold;
}
#toc_container .toc_list a {
	color: #1d1d1d;
	transition: all .3s;
	margin-bottom: 1rem;
    display: flex;
    line-height: 1.3;
}
#toc_container .toc_list li a .toc_number {
	margin-right: 5px;
	color: #216c9c;
}
@media screen and (max-width: 768px) {
	#toc_container .toc_list {
		padding: 0 5% 5%;
		font-size: 14px;
	}
}
/*目次出さない*/
.lower_p #toc_container {
    display: none;
}
.jirei #toc_container {
    display: none;
}
.s_jirei #toc_container {
    display: none;
}

/* 見出し */
.article_wrap h1 {
    font-size: 2.5rem;
    padding: 1em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5%;
    line-height: 3.2rem;
}
@media screen and (max-width:768px) {
    .article_wrap h1 {
        font-size: 5.5vw;
        line-height: 2.5rem;
    }
}
@media screen and (max-width:550px) {
    .article_wrap h1 {
        line-height: 1.8rem;
    }
}
@media screen and (max-width:411px) {
    .article_wrap h1 {
        font-size: 6vw;
    }
}
table.Table_Type_2 {
  margin-bottom: 1em;
  width: 100%;
}
.Table_Type_2 th, .Table_Type_2 td {
	padding: 2px;
	font-size: 0.7rem;
	width: auto;
	height: 25px;
	vertical-align: middle;
}
	.Table_Type_2.betsu caption{
		font-weight:bold;
	}
@media screen and (max-width:768px) {
	.Table_Type_2 th, .Table_Type_2 td {
		font-size: 0.8rem;
		padding: 10px;
		height: 10px;
	}
	.article_wrap .scroll {
		width: 100%;
		height: 300px;
	    overflow-y: scroll!important;
	    overflow-x: scroll!important;
		margin-bottom: 20px;
	}
	.Table_Type_2.betsu caption{
		font-size:1em;
	}
}
/*投稿日・更新日*/
.posted_date {
    text-align: right;
}
time.date {
    color: #555;
    font-size: 0.85em;
    font-weight: bold;
    display: block;
}
@media screen and (min-width:500px) {
    time.date {
        display: inline;
    }
    time.date.update {
        margin: 0 20px 0 0;
    }
}
@media screen and (max-width:500px) {
    time.date {
        color: #555;
        font-size: 0.7em;
        font-weight: bold;
        display: block;
    }
    time.date.update {
        margin: 0;
    }
}
.article_ttl {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    top: 20px;
}
.article_wrap .article_ttl_02 h2 {
    width: calc(100% - 40px);
    padding: 20px;
}
.article_wrap h2 {
    background-color: #026471;
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    top: 0;
    line-height: 1.3;
    padding: 1em 1em 1em 1.2em;
    margin: 2em 0 1.5em;
    font-weight: bold;
	box-sizing: border-box;
}
.article_wrap h2:before {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 20px;
    width: 100%;
}
/*.article_wrap h3 {
    font-size: 1.5rem;
    padding: 0.2em 1.2em;
    margin: 2em 0 1.5em;
    font-weight: bold;
}*/
.article_wrap h4 {
    font-size: 1.3rem;
    padding: 0.3em 1em;
/*    border-left: 3px solid;*/
    margin: 3em 0 1.5em 0;
    font-weight: bold;
    background-color: #f5f5f5;
}
.article_wrap h5 {
    font-size: 1.3rem;
    padding: 0.1em 1em;
    border-left: 3px solid;
    margin: 3em 0 1.5em 0;
    font-weight: bold;
}
.article_wrap h3 span, .article_wrap h4 span {
/*    padding-top: 6em;
    margin-top: -6em;*/
}
.article_content h5 span {
    padding-left: 2em;
}
.article_content h5 {
    line-height: 2;
    position: relative;
    font-size: 1.1rem;
}
/*.article_content h5::before {
    content: "";
    display: block;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #000;
    left: 1em;
    top: 13px;
}*/
@media screen and (max-width:420px) {
    .article_wrap h2 {
        font-size: 5vw;
        padding: 1em;
    }
    .article_wrap h3 {
        font-size: 5vw;
/*        padding: 0.2em 1em;*/
    }
    .article_wrap h4 {
        font-size: 5vw;
    }
    .article_wrap h5 {
        font-size: 5vw;
    }
}
.title_index_period {
    text-indent: 1.5em;
    position: relative;
}
.title_index_period::after {
    content: counter(period) ".";
    counter-increment: period;
    position: absolute;
    top: 0.8em;
    left: -0.5em;
    font-size: 1em;
}
.title_index_period02 {
    text-indent: 1.5em;
    position: relative;
    border-bottom: 1px solid #2f4097;
}
.title_index_period02::after {
    content: counter(period2) ".";
    counter-increment: period2;
    position: absolute;
    top: 0;
    left: -15px;
    font-size: 1em;
}
.title_index_period03 {
    padding-left: 1.5em;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #a2c9ea 70%);
}
.title_index_period03::after {
    content: counter(period) ".";
    counter-increment: period;
    position: absolute;
    top: -4px;
    left: 5px;
    line-height: 1.75em;
}
/* 詳細ボタン(.link_btn) */
.article_wrap .link_btn {
    color: #201100;
    background-color: #e5f2c3;
    font-weight: bold;
    width: 95%;
    text-align: center;
    display: block;
    line-height: 1.3;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1)inset;
    padding: 0.9em 3em 0.9em 1.5em;
    border-radius: 5px;
    margin: -1em auto 1.5em;
    position: relative;
    box-sizing: border-box;
}
.article_wrap .link_btn::after {
    font-family: "hugicons";
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 4%;
}
.article_wrap .link_btn.lp {
    background-color: #fffce1;
    border: 2px #ff7800 solid;
    color: #ff7800;
    padding: 1.4rem 2.5em 1.3em 1em;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
}
/* 詳細ボタン(.link_text) */
.article_wrap ul.link_text {
    width: 93%;
    padding: 0.5rem 0;
    margin: -1rem auto 0;
    background-color: #F4F9FC;
    border: 1px #DDE9F4 solid;
    position: relative;
    z-index: 98;
}
.article_wrap ul.link_text:before {
    content: "こちらもチェック!";
    display: inline-block;
    padding: 0.2em 0.5rem;
    margin: 0 0 0.5em 0.9em;
    font-size: 0.65em;
    color: #fff;
    background-color: #124488;
    border-radius: 5rem;
    letter-spacing: -0.08em;
}
.article_wrap ul.link_text li {
    margin: 0 0 0.5rem;
    padding: 0 0.2rem 0 0.8rem;
}
.article_wrap ul.link_text li a {
    font-size: 0.8em;
    border-bottom: 1px #333 dotted;
}
.article_wrap ul.link_text li a i {
    margin: 0 0.4rem 0 0;
}
@media screen and (min-width:400px) {
    .article_wrap ul.link_text li a {
        font-size: 0.9em;
    }
    .article_wrap ul.link_text li {
        padding: 0 0 0 1.2rem;
    }
    .article_wrap ul.link_text:before {
        margin: 0 0.2rem 0.5em 1.2rem;
    }
}
/* 詳細ボタン2列(.link_btn02) */
.article_wrap .link_btn02 {
    color: #201100;
    background-color: #deeaee;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1.3;
    padding: 0.9em 30% 0.9em;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
}
.article_wrap .link_btn02::after {
    font-family: "hugicons";
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 4%;
}
.article_wrap .link_btn02.lp {
    background-color: #fffce1;
    border: 2px #ff7800 solid;
    color: #ff7800;
    padding: 1.4rem 2.5em 1.3em 1em;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
}
.article_wrap .genin_btn {
    display: flex;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article_wrap .genin_btn p {
    width: 49%;
    padding: 0;
    margin: 0 0 0.7em;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
}
@media screen and (max-width:768px) {
    .article_wrap .link_btn02 {
        text-align: left;
        padding: 0.9em 1em 0.9em;
    }
}
@media screen and (max-width:414px) {
    .article_wrap .link_btn02 {
        font-size: 4vw;
    }
}
/*---------------------------- メインコンテンツ 右カラム(.sidebar_wrap) ----------------------------*/
.sidebar_wrap {
    padding: 0 5%;
    max-width: 335px;
}
.sidebar_wrap .box_btn.toindex {
    display: none;
}
/* お問い合わせ(.side_box_contact) */
.side_box_contact {
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}
.side_box_contact_inner {
    padding: 20px 25px;
    position: relative;
    background-color: #026471;
    color: #fff;
}
.side_box_contact p {
    line-height: 1.2;
    margin-bottom: 0;
}
.side_box_contact .txt_contact {
    color: #E8F746;
    font-size: 20px;
    padding: 14px 5px;
    margin-bottom: 0;
    text-align: center;
}
.side_box_contact .side_box_contact_inner span.txt_accent {
    padding: 1% 4%;
    margin-left: 2%;
}
.side_box_contact .side_box_contact_inner .phone_number {
    font-size: 1.8rem;
    margin: 3px 0;
}
.side_box_contact .side_box_contact_inner .phone_number i {
    font-size: 25px;
    position: relative;
    top: -2px;
    left: -5px;
}
.side_box_contact .side_box_contact_inner .contact_detail {
    font-size: 14px;
}
.side_box_contact .side_box_contact_inner .btn_mail {
    width: 100%;
    margin: 15px auto 0;
}
.side_box_contact .side_box_contact_inner .btn_mail a {
    display: block;
    padding: 15px 0;
    position: relative;
    color: #026471;
    border: none;
    line-height: 1.8em;
    text-align: center;
}
.side_box_contact .side_box_contact_inner .btn_mail a .box_mail {
    left: 2.5em;
    top: 1.2em;
}
.tel_text a {
    font-size: 29px;
    color: #FDC237;
}
@media screen and (max-width:410px) {
    .side_box_contact02 .side_box_contact_inner .tel .new_line_br{
        font-size: 4vw;
    }
}
@media screen and (max-width:320px) {
    .side_box_contact02 .side_box_contact_inner .tel {
        font-size: 0.8rem;
    }
}
/* CV お問い合わせ(.side_box_contact) */
.side_box_contact02 {
    margin-top: 10%;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}
.side_box_contact_inner {
    padding: 20px 25px;
    position: relative;
    background-color: #026471;
    color: #fff
}
.side_box_contact02 p {
    line-height: 1.2;
    margin-bottom: 0;
}
.side_box_contact02 .txt_contact {
    color: #fff;
    font-size: 23px;
    padding: 14px 5px 0;
    margin-bottom: 0;
    text-align: center;
}
.side_box_contact02 .side_box_contact_inner span.txt_accent {
    padding: 1% 4%;
    margin-left: 2%;
}
.side_box_contact02 .side_box_contact_inner .phone_number {
    font-size: 1.8rem;
    margin: 3px 0;
}
.side_box_contact02 .side_box_contact_inner .phone_number i {
    font-size: 25px;
    position: relative;
    top: -2px;
    left: -5px;
}
.side_box_contact02 .tel_text02 a .tap_txt {
	margin-top: 0;
}
.side_box_contact02 .tel_text02 a .icon-phone {
    font-size: 40px;
    position: relative;
    left: 3px;
}
.side_box_contact02 .side_box_contact_inner .contact_detail {
    font-size: 14px;
}
.side_box_contact02 .side_box_contact_inner .btn_mail {
    width: 100%;
    margin: 15px auto 0;
}
.side_box_contact02 .side_box_contact_inner .btn_mail a {
    display: block;
    padding: 15px 0;
    position: relative;
    color: #026471;
    border: none;
    line-height: 1.8em;
    text-align: center;
}
.side_box_contact02 .side_box_contact_inner .btn_mail a .box_mail {
    left: 2.5em;
    top: 1.2em;
}
.tel_text02 a {
    font-size: 50px;
    color: #FDC237;
}
@media screen and (max-width:767px) {
    .tel_text02 a {
        font-size: 7.5vw;
	    background: #FDC237;
	    color: #026471;
		display: block;
		border-radius: 5px;
		padding: 10px;
		border-bottom: #d18624 solid 5px;
    }

	.side_box_contact02 .tel_text02 a .icon-phone {
		font-size: 6vw;
	}
}
@media screen and (max-width:500px) {
    .side_box_contact02 .txt_contact {
        font-size: 5vw;
    }
}
/* ピックアップ記事(.box_pickup) */
.box_pickup {
    background-color: #edf7f1;
    margin-bottom: 30px;
}
.box_pickup p {
    color: #ffffff;
    padding: 0.9rem;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0;
    background-color: #026471;
}
.box_pickup ul.list_pickup li span {
    font-size: 14.5px;
    text-align: left;
    padding: 0;
}
.box_pickup ul.list_pickup li {
    border: 1px solid;
    border-top: none;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    position: relative;
}
.box_pickup ul.list_pickup li.jirei {
    background-color: #F5F9EE;
    border: 1px solid #D1E2B2;
    border-top: none;
}
.box_pickup ul.list_pickup li a {
    display: block;
    color: #000;
    width: 100%;
    padding: 13px 5px 13px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex; /*横並び*/
    align-items: center;
}
.box_pickup ul.list_pickup li .img_pickup {
    float: left;
    width: 86px;
    margin: 0 4%;
}
.box_pickup ul.list_pickup li .txt_pickup {
    overflow: hidden;
    width: auto;
    text-decoration: underline;
    text-decoration: none;
    text-align: left;
}

.box_pickup ul.list_pickup li a::after {
    font-family: icomoon;
    content: "\e925";
    font-size: 20px;
    font-weight: 400;
    color: #030;
    margin-left: auto;
    visibility: initial;
}
.box_pickup_col ul.list_pickup li a::after {
    font-family: icomoon;
    content: "\e925";
    font-size: 20px;
    font-weight: 400;
    color: #030;
    margin-left: auto;
}
.box_pickup ul.list_pickup li .balloon {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5em 0;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    background: #e0edff;
    border-radius: 5px;
    max-width: 90%;
}
.box_pickup ul.list_pickup li .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
}
.box_pickup ul.list_pickup li .balloon span {
    margin: 0;
    padding: 0;
}
/*解決事例のピックアップ*/
.box_pickup ul.list_pickup.jirei {
    border: 1px solid #D1E2B2;
    border-top: none;
}
.box_pickup ul.list_pickup.jirei li a {
    background-color: #f5f9ee;
}
.box_pickup ul.list_pickup li.jirei .balloon {
    background: #dbe9c3;
}
.box_pickup ul.list_pickup li.jirei .balloon:before {
    border-top: 15px solid #dbe9c3;
}
/* コラム記事(.box_pickup) */
.box_pickup_col {
    background-color: #edf7f1;
}
.box_pickup_col .col_btn {
    width: 60%;
    background-color: #026471;
    color: #fff;
    text-align: center;
    margin: 2% auto;
    padding: 5%;
    font-weight: bold;
}
.box_pickup_col p {
    color: #ffffff;
    padding: 0.9rem;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0;
    background-color: #026471;
}
.box_pickup_col ul.list_pickup li span {
    font-size: 13px;
    text-align: left;
    padding: 0;
}
.box_pickup_col ul.list_pickup {
    background-color: #ffffff;
    height: 791px;
    overflow: hidden;
    overflow-y: scroll !important;
}
.box_pickup_col ul.list_pickup li {
    border: 1px solid;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    position: relative;
}
.box_pickup_col ul.list_pickup li:nth-of-type(n+2) {
    border: 1px solid;
    border-top: none;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    position: relative;
}
.box_pickup_col ul.list_pickup li.jirei {
    background-color: #F5F9EE;
    border: 1px solid #D1E2B2;
    border-top: none;
}
.box_pickup_col ul.list_pickup li a {
    display: block;
    color: #000;
    width: 100%;
    padding: 13px 5px 13px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-flex; /*横並び*/
    align-items: center;
}
.box_pickup_col ul.list_pickup li .img_pickup {
    float: left;
    width: 86px;
    margin: 0 4%;
}
.box_pickup_col ul.list_pickup li .txt_pickup {
    overflow: hidden;
    width: auto;
    text-decoration: underline;
    text-decoration: none;
    text-align: left;
}
.box_pickup_col ul.list_pickup li .txt_pickup::after {
    font-family: icomoon;
    content: "\e925";
    position: absolute;
    right: 0px;
    top: 20%;
    font-size: 20px;
    font-weight: 400;
    color: #030;
}
.box_pickup_col ul.list_pickup li .balloon {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5em 0;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    background: #e0edff;
    border-radius: 5px;
    max-width: 90%;
}
.box_pickup_col ul.list_pickup li .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
}
.box_pickup_col ul.list_pickup li .balloon span {
    margin: 0;
    padding: 0;
}
/*解決事例のピックアップ*/
.box_pickup_col ul.list_pickup.jirei {
    border: 1px solid #D1E2B2;
    border-top: none;
}
.box_pickup_col ul.list_pickup.jirei li a {
    background-color: #f5f9ee;
}
.box_pickup_col ul.list_pickup li.jirei .balloon {
    background: #dbe9c3;
}
.box_pickup_col ul.list_pickup li.jirei .balloon:before {
    border-top: 15px solid #dbe9c3;
}
.box_pickup_col .update_date {
    font-size: 0.7rem;
}
/* リンクボックス(.box_side_link) */
ul.box_side_link {
    letter-spacing: -0.4em;
    padding: 15px 15px 10px;
    margin-bottom: 30px;

}
ul.box_side_link li {
    display: inline-block;
    letter-spacing: normal;
    width: 48%;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    margin-right: 4%;
    margin-bottom: 0.8em;
}
ul.box_side_link li:nth-of-type(2n) {
    margin-right: 0;
}
ul.box_side_link li a {
    display: block;
    width: 100%;
    color: #000;
    padding: 1em 0;
    border: none;
    font-size: 16px;
}
ul.box_side_link li .box_arrow {
    top: 1.2em;
}
@media screen and (max-width:1100px) {
    .box_pickup ul.list_pickup li span {
        font-size: 1.2vw;
    }
    .box_pickup_col ul.list_pickup li span {
        font-size: 1.2vw;
    }
}
@media screen and (max-width:1024px) {
    .sidebar_wrap {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 2em;
        padding: 0;
        max-width: 1200px;
    }
    .side_box_contact {
        display: none;
    }
    /* ピックアップ記事(.box_pickup) */
    .box_pickup p {
        font-size: 1.1rem;
        margin: 0;
    }
    .box_pickup ul.list_pickup {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .box_pickup ul.list_pickup li {
        width: 50%;
        border-right: 1px solid;
        display: flex;
    }
    .box_pickup ul.list_pickup li:nth-of-type(2n){
		border-left: none;
	}
    .box_pickup ul.list_pickup li span {
        font-size: 0.9rem;
        font-weight: 500;
    }
    .box_pickup {
        margin: 0 auto 30px;
    }
    /* コラム記事(.box_pickup) */
    .box_pickup_col p {
        font-size: 1.1rem;
        margin: 0;
    }
    .box_pickup_col ul.list_pickup{
        height: 293px;
	}
    .box_pickup_col {
        margin: 0 auto 30px;
    }
    /* リンクボックス(.box_side_link) */
    ul.box_side_link li a {
        font-size: 1rem;
    }
    ul.box_side_link {
        max-width: 800px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto 2rem;
    }
}
@media screen and (max-width:768px) {
    /* ピックアップ記事(.box_pickup) */
    .box_pickup ul.list_pickup li {
        width: 100%;
        min-height: 0;
        padding: 0 5%;
    }
    .box_pickup ul.list_pickup li:nth-of-type(2n){
		border-left: 1px solid;
	}
    .box_pickup ul.list_pickup li a {
        padding: 2% 0;
    }
    .btn_tool .icon-chevron-circle-right {
        font-size: 2rem;
        top: 1em;
    }
    .sidebar_wrap {
        margin-right: 0;
        margin-left: 0;
    }
    .box_pickup ul.list_pickup li .txt_pickup::after {
        right: 10px;
    }
    /* コラム記事(.box_pickup) */
    .box_pickup_col ul.list_pickup{
        height: 275px;
	}
    .box_pickup_col ul.list_pickup li {
        width: 100%;
        min-height: 0;
        padding: 0 5%;
    }
    .box_pickup_col ul.list_pickup li a {
        padding: 2% 0;
    }
    .box_pickup_col ul.list_pickup li .txt_pickup::after {
        right: 10px;
    }
    .box_pickup_col ul.list_pickup li span {
        font-size: 1.5vw;
    }
}
@media screen and (max-width:425px) {
    /* リンクボックス(.box_side_link) */
    ul.box_side_link li {
        width: 100%;
    }
    ul.box_side_link li a {
        font-size: 1.1rem;
    }
    .box_pickup ul.list_pickup li a {
        padding: 6% 0;
    }
    .box_pickup_col ul.list_pickup {
        height: 367px;
    }
    .box_pickup_col ul.list_pickup li a {
        padding: 6% 0;
    }
    .box_pickup_col ul.list_pickup li span {
        font-size: 0.8rem;
    }
}
@media screen and (max-width:411px) {
    .box_pickup ul.list_pickup li {
        padding:0 4%;
    }
    .box_pickup_col ul.list_pickup li {
        padding: 0 4%;
    }
}
@media screen and (max-width:374px) {
    .box_pickup ul.list_pickup li span {
        font-size: 0.8rem;
    }
    .box_pickup ul.list_pickup li .txt_pickup::after {
        right: 4px;
    }
    .box_pickup_col ul.list_pickup li .txt_pickup::after {
        right: 4px;
    }
}
@media screen and (max-width:320px) {
    .box_pickup ul.list_pickup li {
        padding:0 2%;
    }
    .box_pickup ul.list_pickup li .txt_pickup::after {
        right: 0px;
    }
    .box_pickup_col ul.list_pickup li {
        padding: 0 4%;
    }
    .box_pickup_col ul.list_pickup li .txt_pickup::after {
        right: 0px;
    }
}
/*---------------------------- タブレット・スマホ用コンバージョンエリア(.contact_area) ----------------------------*/
@media screen and (min-width:769px) {
    .contact_area {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .contact_area {
        display: block;
        background-color: #fff8e7;
        margin: 2em 0;
        padding: 1em;
    }
    .contact_area p {
        text-align: center;
        line-height: 1.2;
        font-weight: bold;
    }
    .txt_lead .accent_border {
        background: linear-gradient(transparent 70%, #fdc237 30%);
    }
    .contact_area a.box_btn {
        background-color: #0d315a;
        margin: 0 auto 0.5em;
        width: 100%;
        color: #fff;
        font-size: 1.3rem;
        border: none;
    }
    .contact_area a.tell {
        margin: 0 auto 0.5em;
        width: 100%;
        background: #fff;
        border: 1px solid #000;
        display: block;
        padding: 0.5rem;
        text-align: center;
        box-sizing: border-box;
        box-sizing: -moz-border-box;
        box-sizing: -webkit-border-box;
        position: relative;
    }
    .contact_area a.tell p {
        line-height: 1;
        margin-bottom: 0;
    }
    .contact_area a.tell p span.txt_accent {
        background-color: #e8eef6;
        color: #0d315a;
        padding: 0.1em 0.3em;
        margin-left: 0.2em;
    }
    .contact_area a.tell p.tab {
        font-size: 2.3rem;
        color: #f0031f;
    }
    .contact_area a.tell p.tab i {
        font-size: 1.6rem;
        position: relative;
        top: -4px;
        margin-right: 0.3em;
    }
    .contact_area a.box_btn i {
        position: relative;
        margin-right: 0.5em;
        line-height: 1.2;
    }
    .contact_area a.box_btn i.box_arrow {
        position: absolute;
        top: 0.9em;
        right: 0.2em;
    }
    .contact_area ul {
        letter-spacing: -0.4em;
        margin: 1em auto 0;
        text-align: center;
    }
    .contact_area ul li {
        display: inline-block;
        letter-spacing: normal;
        font-size: 1rem;
        vertical-align: top;
        box-sizing: border-box;
        box-sizing: -moz-border-box;
        box-sizing: -webkit-border-box;
        text-align: center;
        text-decoration: underline;
        padding: 5px;
    }
    .contact_area ul li a i {
        color: #0d315a;
    }
    /*191001一旦追加・CVエリア調整できたら削除*/
    .contact_area.muchi_link ul li {
        display: block;
        border-bottom: dotted 1px #333;
    }
    .contact_area.muchi_link ul {
        margin: 0;
    }
    .contact_area.muchi_link ul.splink a {
        text-decoration: none;
        display: block;
        font-weight: 600;
    }
}
@media screen and (max-width:425px) {
    /* スマホ用記事内お問い合わせ(.contact_area) */
    .contact_area a.tell {
        width: 100%;
    }
    .contact_area a.tell p {
        line-height: 1.4;
        font-size: 0.9rem;
    }
    .contact_area a.tell p.sp {
        color: #f0031f;
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .contact_area a.tell p.sp i {
        font-size: 1.4rem;
        position: relative;
    }
    .contact_area a.tell p.sp i.icon-phone-alt-solid {
        top: -1px;
        margin-right: 0.2em;
    }
    .contact_area a.tell p.sp i.box_arrow {
        position: absolute;
        top: 2em;
        right: 0.5em;
    }
    .contact_area a.box_btn {
        padding-left: 1em;
    }
}
/*---------------------------- 記事下コンバージョンエリア(.soudan_box) ----------------------------*/
.soudan_box {
    margin: 0 0 2rem;
    width: 100%;
    text-align: center;
    position: relative;
    background-color: #f4f9fc;
    background-size: cover;
    background-position: top right;
}
.soudan_area_waku {
    border-top: none;
    box-sizing: border-box;
}

.article_content p.soudan_title {
    font-size: 1rem;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 1rem;
    font-weight: bold;
    background-color: #026471;
    color: #fff;
    text-align: center;
}
.article_content p.soudan_subtitle {
    margin: 0 auto;
    font-size: 1.9rem;
    padding: 2.5rem 1.5rem 1rem 1.5rem;
    line-height: 1.4;
    color: #494949;
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        text-align: center;
}
.article_content p.soudan_subtitle .soudan_box_catch_img {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 309px;
    width: 100%;
}
.article_content p.bentoku {
    font-size: 1.2em;
    line-height: 1.4;
    margin: 1.5rem 0 0 0;
    padding: 1rem;
    font-weight: bold;
    display: inline-block;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
p.seikou {
    color: #fff;
    background-color: #323c48 ;
    margin: 1.5rem 0;
    font-size: 1.2rem !important;
    padding: 0.5rem 0;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
}
.notice_wrap {
    line-height: 1;
    margin-top: 0.5rem;
}
.notice {
    display: block;
    font-weight: normal;
    text-shadow: none;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0.5rem 0 0 0;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
}
.article_content p.notice {
    margin: 0em;
    display: inline-block;
    line-height: 1.4em;
    font-size: 12px;
}
.soudan_list {
    letter-spacing: -0.4em;
    font-size: 0;
    text-align: center;
    margin: 1rem auto 0;
    color: #fff;
}
.soudan_content {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 16%;
    max-width: 145px;
    text-align: center;
    padding: 15px 20px;
    border-radius: 80px;
    font-weight: bold;
    font-size: 20px;
    background-color: #fff;
    color: #f0031f;
    margin-right: 5px;
}
.soudan_content:last-of-type {
    margin-right: 0;
    padding: 10px 20px;
}
.zero {
    display: inline-block;
    font-size: 1.8em;
    line-height: 1em;
    vertical-align: bottom;
}
.soudan_box_tokuyaku::before {
    content: '';
    display: block;
    background-size: 100%;
    max-width: 100%;
    height: 75px;
}
.soudan_box_tokuyaku {
    max-width: 800px;
    margin: 2rem auto 0;
    background-size: cover;
    padding-bottom: 5px;
}

.soudan_box_tokuyaku .img_back {
    width: 80%;
    padding: 10px 0 10px;
    margin: 0 auto;
}
.soudan_box_tokuyaku_catch img {
    max-width: 800px;
    width: 95%;
    margin: 0 auto;
}
.soudan_box_tokuyaku .box_btn {
    background-color: #0d315a;
    color: #fff;
    border: none;
}
.soudan_box_tokuyaku .front_reason_btn {
    margin: 0.3em auto;
    width: 95%;
}
/*弁護士特約画像のページ内リンク--------------------------------*/
.contact_area .bentoku_btn a, .closing_wrap .bentoku_btn a {
    display: block;
    background-color: #2C9090;
    position: relative;
    font-size: 0.85rem;
    color: #fff;
    border: none;
    letter-spacing: 0;
    border-radius: 5px;
    width: 80%;
    max-width: 230px;
    padding: 0.5rem 1rem;
}
.closing_wrap .bentoku_btn, .contact_area .bentoku_btn {
    padding-top: 0.5em;
}
.closing_wrap .bentoku_btn .box_btn .box_arrow {
    top: 0.6rem;
    right: 1rem;
    transform: translateX(-30%) rotate(90deg);
}
.contact_area .bentoku_btn .box_btn .box_arrow {
    top: 0.6rem;
    right: 1rem;
    transform: translateX(50%) rotate(90deg);
}
.closing_wrap .bentoku_btn .box_arrow, .bentoku_btn .box_btn .box_arrow {
    top: 1.15rem;
    right: 1rem;
    transform: translateX(-20%) rotate(90deg);
}
.closing_wrap .bentoku_btn .front_reason_btn {
    width: 100%;
}
.closing_wrap .front_reason_btn {
    margin: 0 auto;
}
/*---------------------------------------------------------*/
@media screen and (min-width: 1025px) {
    .bentoku_btn, .soudan_box_tokuyaku {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .soudan_content {
        box-sizing: border-box;
        box-sizing: -moz-border-box;
        box-sizing: -webkit-border-box;
        padding: 0 20px;
    }
    .soudan_content:last-of-type {
        padding: 0 20px;
    }
    .article_content p.bentoku {
        display: none;
    }
    .soudan_box {
        max-width: 800px;
        margin: 0 auto;
    }
    .soudan_box_tokuyaku .img_back {
        padding: 20px 0 10px;
    }
    .closing_wrap .bentoku_btn .box_btn .box_arrow {
        transform: translateX(20%) rotate(90deg);
    }
    .closing_wrap .bentoku_btn a {
        max-width: 250px;
    }
}
@media screen and (min-width: 769px) {
    .soudan_box_tokuyaku img.img_pickup_sp {
        display: none
    }
    .kasou {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .soudan_content {
        width: 120px;
        height: 120px;
        margin-bottom: 0.5rem;
        padding: 30px 10px;
    }
    .soudan_list {
        padding: 0 2rem;
    }
    .soudan_content {
        max-width: none;
        width: calc(100% / 2 - 3px);
        border-radius: 2px;
        height: auto;
        padding: 0;
    }
    .soudan_content:nth-of-type(2) {
        margin-right: 0;
    }
    .soudan_content:nth-of-type(3) {
        width: 100%;
    }
    .soudan_content:nth-of-type(3) br {
        display: none;
    }
    .article_content .soudan_content img {
        margin: 1rem auto;
    }
    .soudan_box_tokuyaku img.img_pickup_pc {
        display: none
    }
    .soudan_box_tokuyaku img.img_pickup_sp {
        max-width: 300px;
    }
    .soudan_textbox .pc {
        display: none;
    }
    .soudan_textbox .kasou {
        display: block;
        max-width: 728px;
    }
    .soudan_box {
        background-image: none !important;
        padding: 0;
    }
    .soudan_box_tokuyaku .img_back {
        padding: 10px 0 10px;
    }
    .closing_wrap .bentoku_btn a {
        max-width: 230px;
    }
}
@media screen and (max-width: 505px) {
    .soudan_box_tokuyaku .img_back {
        padding: 0 0 10px;
        margin-top: -10px;
    }
}
@media screen and (max-width: 425px) {
    .article_content p.soudan_subtitle, .soudan_list {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .article_content p.bentoku {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
    .article_content p.soudan_subtitle {
        font-size: 1.6rem;
    }
    .article_content p.bentoku {
        padding: 1rem 0;
    }
    .soudan_content {
        min-height: 90px;
    }
    .soudan_content.bengoshi_hiyou br {
        display: inline;
    }
    .notice_wrap {
        padding: 0 0.5rem
    }
    .soudan_box_tokuyaku .img_back {
        left: -60px;
    }
    .soudan_box_tokuyaku a {
        width: 80%;
    }
    .soudan_box_tokuyaku img.img_pickup_sp {
        width: 80%;
    }
    .bentoku_btn .front_reason_btn {
        width: 100%;
    }
    .closing_wrap .bentoku_btn .box_btn .box_arrow {
        transform: translateX(10%) rotate(90deg);
    }
    .closing_wrap .front_reason_btn {
        margin: 0 auto;
    }
}
@media screen and (max-width: 425px) {
    .article_content p.soudan_subtitle {
        font-size: 1.4rem;
    }
    .soudan_box_tokuyaku .img_back {
        margin-top: -20px;
    }
}
@media screen and (max-width: 320px) {
    .soudan_box_tokuyaku .img_back {
        padding: 0 0 10px;
        margin-top: -30px;
    }
}
/*以下サイドナビ適用時css*/
.sidebar_wrap .soudan_box {
    margin-bottom: 30px;
    background-position: top right -55px;
}
.sidebar_wrap .soudan_content {
    width: calc(100% / 2 - 40px);
    padding: 0;
    border-radius: 2px;
    margin-bottom: 10px;
    border: 1px solid #b9dedc;
}
.sidebar_wrap .soudan_content:nth-of-type(2) {
    margin-right: 0;
}
.sidebar_wrap .soudan_content:last-of-type {
    width: 262px;
    max-width: none;
}
.sidebar_wrap .soudan_box .soudan_subtitle {
    padding: 2rem 0.5rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
}
.sidebar_wrap .soudan_box p.bentoku {
    margin: 0 1rem;
}
.article_content .sidebar_wrap .soudan_content img {
    margin: 1em auto;
    width: 50%;
}
.article_content .soudan_content img {
    max-height: 55px;
}
.sidebar_wrap .soudan_box p.bentoku {
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
    margin: 0 1rem;
}
.sidebar_wrap .soudan_box .notice_wrap {
    text-align: left;
    margin: 0 1rem;
    padding: 0 0 2rem;
}
.sidebar_wrap .soudan_box .notice_wrap .notice {
    letter-spacing: -0.1px;
}
p.seikou {
    margin: 1rem 0;
}
p.seikou span {
    color: #fdc237;
}
.side_branch_box {
    margin: 2em auto;
}
p.side_branch_title {
    text-align: center;
    font-weight: bold;
    border: 1px solid #313349;
    padding: 10px 0;
    margin: 0 0 5px;
}
.side_branch_list {
    letter-spacing: -0.4em;
    font-size: 0;
    text-align: center;
    margin-bottom: 3px;
}
.side_branch_content {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    text-align: center;
    background: #272C46;
    width: calc(96% / 5);
    padding: 10px 0;
    margin-right: 1%;
}
.side_branch_content:last-child {
    margin-right: 0;
}
.side_branch_content img {
    width: 30px;
    margin: 0 auto;
}
.side_branch_content img.long {
    width: 45px;
}
.side_branch_link {
    font-size: 16px;
    color: #fff;
}
a.side_btn_img img {
    opacity: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.side_btn_img img:hover {
    opacity: 0.6;
    -webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.side_btn_img {
    display: block;
}
a.side_btn_img img, .btn_tool a {
    margin: 0 0 1rem 0;
}
@media screen and (max-width: 1024px) {
    .sidebar_wrap .soudan_box, .sidebar_wrap .soudan_box_tokuyaku {
        display: none;
    }
    a.side_btn_img img, .btn_tool a {
        max-width: 330px;
        margin-top: 0;
        width: 100%;
    }
    .btn_tool a {
        box-sizing: border-box;
    }
    .sidebar_wrap a.side_btn_img, .sidebar_wrap p.btn_tool.is_bold {
        display: inline-block;
        vertical-align: top;
        background-color: inherit;
        margin-bottom: 0
    }
    .sidebar_wrap .side_bnr_box {
        max-width: 675px;
        margin: 0 auto;
        text-align: center;
    }
    .side_branch_box {
        max-width: 800px;
        margin-top: 1rem
    }
}
/*---------------------------- 記事下お問い合わせ(.closing_wrap) ----------------------------*/
.closing_wrap {
    margin: 4em 0 5em;
    font-weight: bold;
}
.closing_wrap p {
    line-height: 1.2;
    margin-bottom: 0 !important;
}
.closing_wrap .txt_contact {
    color: #fff;
    background-color: #124488;
    font-size: 1rem;
    line-height: 1.3;
    padding: 0.5em;
    text-align: center;
    margin-bottom: 0 !important;
}
.closing_wrap .contact_inner {
    background-color: #f4f9fc;
    letter-spacing: -0.4em;
    border: 1px solid #dde9f4;
    border-top: none;
    padding: 2.5%;
}
.closing_wrap .contact_inner .contact_inner_box {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.closing_wrap .contact_inner .contact_inner_box.btn_phone {
    width: 55%;
    text-align: left;
    position: relative;
    padding-left: 2%;
    margin-right: 3%;
}
.closing_wrap .contact_inner .contact_inner_box .phone_number {
    font-size: 2.2rem;
    margin: 2px 0 0;
}
.closing_wrap .contact_inner .contact_inner_box .phone_number a {
    color: #f0031f;
}
.closing_wrap .contact_inner .contact_inner_box .phone_number i {
    color: #0d315a;
    font-size: 1.6rem;
    position: relative;
    top: -3px;
    left: -5px;
}
.closing_wrap .contact_inner .contact_inner_box span.txt_accent {
    color: #0d315a;
    background-color: #e8eef6;
    padding: 0.2em 0.3em;
    margin-left: 0.1em;
}
.closing_wrap .contact_inner .contact_inner_box .contact_detail {
    color: #0d315a;
    font-size: 0.9rem;
    text-align: center;
}
.closing_wrap .contact_inner .contact_inner_box.btn_mail {
    width: 40%;
}
.closing_wrap .contact_inner .contact_inner_box.btn_mail a {
    display: block;
    background-color: #0d315a;
    position: relative;
    font-size: 1.1rem;
    color: #fff;
    border: none;
    margin: 0 0 1rem;
}
.closing_wrap .contact_inner .contact_inner_box.btn_mail a .box_mail {
    right: 12em;
    top: 1.1em;
}
.closing_wrap .contact_inner .splink {
    display: none;
}
@media screen and (max-width:1024px) {
    .closing_wrap {
        margin: 3em auto;
        max-width: 800px;
    }
    .closing_wrap .contact_inner {
        padding: 3% 5%;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_phone {
        width: 50%;
        margin: 0 5% 0 0;
    }
    .closing_wrap .contact_inner .contact_inner_box .contact_detail {
        text-align: left;
        margin-left: 3em;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_mail {
        width: 45%;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_mail p {
        width: 100%;
        margin: 0 auto;
    }
    .closing_wrap .contact_inner .splink {
        display: block;
        text-align: center;
        margin-top: 0.7rem;
    }
    .closing_wrap .contact_inner .splink li {
        display: inline-block;
        text-align: center;
        padding: 5px;
    }
}
@media screen and (max-width:768px) {
    .closing_wrap .contact_inner {
        letter-spacing: normal;
    }
    .closing_wrap .contact_inner .contact_inner_box {
        display: block;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_phone {
        width: 100%;
        margin: 0;
        text-align: center;
        padding-left: 0;
    }
    .closing_wrap .contact_inner .contact_inner_box .contact_detail {
        text-align: center;
        margin-left: 0;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_mail {
        width: 100%;
        margin-top: 5%;
    }
}
@media screen and (max-width:425px) {
    .closing_wrap .contact_inner {
        padding: 5% 3%;
    }
    .closing_wrap .contact_inner .contact_inner_box.tab {
        display: none !important;
    }
    .closing_wrap .contact_inner a.sp {
        background: #fff;
        border: 1px solid;
        display: block;
        padding: 0.5rem;
        text-align: center;
        box-sizing: border-box;
        box-sizing: -moz-border-box;
        box-sizing: -webkit-border-box;
        position: relative;
    }
    .closing_wrap .contact_inner a.tell p {
        line-height: 1.4;
    }
    .closing_wrap .contact_inner a.tell p.sp i {
        color: #0d315a;
        font-size: 1.3rem;
        position: relative;
    }
    .closing_wrap .contact_inner a.tell p.sp {
        color: #f0031f;
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .closing_wrap .contact_inner a.tell span.txt_accent {
        color: #0d315a;
        background-color: #e8eef6;
    }
    .closing_wrap .contact_inner a.tell p.sp i.icon-phone-alt-solid {
        top: -2px;
        right: 0.5em;
    }
    .closing_wrap .contact_inner a.tell p.sp i.box_arrow {
        position: absolute;
        top: 2em;
        right: 0.5em;
    }

    .closing_wrap .contact_inner .contact_inner_box.tab .closing_wrap .contact_inner .contact_inner_box.btn_mail p {
        width: 90%;
    }
    .closing_wrap .contact_inner .contact_inner_box.btn_mail p.box_btn.box_btn_b i.box_arrow {
        position: relative;
        right: -3.5em;
    }
}
/*---------------------------- 関連記事(.archive_list) ----------------------------*/
h2.archive_list_h2 {
    background-color: #b3b3b3;
    font-size: 1rem;
    padding: 1em 2em;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
h2.archive_list_h2 a {
    display: block;
    color: #fff;
    position: relative;
}
.archive_list_h2 .accordion_icon, .archive_list_h2 .accordion_icon span {
    display: inline-block;
    transition: all .3s;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
}
.archive_list_h2 .accordion_icon {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: 1.5em;
    right: 1em;
}
.archive_list_h2 .accordion_icon span {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.archive_list_h2 .accordion_icon span:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.archive_list_h2 .accordion_icon span:nth-of-type(2) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.archive_list_h2 .accordion_icon.active span:nth-of-type(1) {
    display: none;
}
.archive_list_h2 .accordion_icon.active span:nth-of-type(2) {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.archive_list {
    display: none;
    background-color: #fbfbfb;
    padding: 0.5em 1.5em;
    border: 1px solid #dddddd;
}
.archive_list a {
    display: block;
    font-size: 0.9rem;
    margin: 0.5em;
    text-decoration: underline;
    text-indent: -0.3em;
    padding-left: 0.3em;
}
.archive_list a::before {
    font-family: 'hugicons';
    content: "\f0da";
    color: #666;
    margin-right: 0.3em;
    text-decoration: none;
    display: inline-block;
}
@media screen and (max-width:1024px) {
    h2.archive_list_h2, .archive_list {
        max-width: 800px;
        margin: 0 auto;
    }
}
@media screen and (max-width:768px) {
    .archive_list {
        padding: 0.5em 1em;
    }
}
@media screen and (max-width:425px) {
    h2.archive_list_h2 {
        padding: 1em;
    }
    .archive_list {
        padding: 0.5em 0.8em;
    }
}
/*====================================== 固定ページ 共通部分 ======================================*/
h1.page_ttl {
    font-size: 2rem;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    text-align: center;
}
@media screen and (max-width:1024px) {
    #office .soudan_box, #office .closing_wrap, #algLawyer .soudan_box, #algLawyer .closing_wrap {
        width: 100%;
    }
}
@media screen and (max-width:425px) {
    h1.page_ttl {
        font-size: 1.3rem;
        padding: 0.5em 0;
    }
}
.enpou_wrap {
    text-align: center;
}
.article_wrap .enpou_title {
    font-size: 28px;
    margin: 0 auto;
    border-bottom: solid 2px yellow;
    color: #003169;
    font-weight: bold;
    background: none;
}
.enpou_inner {
    max-width: 1200px;
    margin: 20px auto 0;
}
.enpou_inner_text {
    float: left;
    width: 45%;
    padding-top: 30px;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 60px;
}
.enpou_inner_text span {
    margin-bottom: 1em;
}
.enpou_img {
    float: right;
    width: 50%;
    padding-left: 5%;
    margin-top: 2em;
}
@media screen and (max-width: 768px) {
    .enpou_img, .enpou_inner_text {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .article_wrap h3.enpou_title {
        font-size: 20px;
    }
}
/*=======================================================
費用
=========================================================*/
#office.hiyou .title-style1 {
    margin: 10px 10px 50px;
}
.article_content h2 span.tax_text {
    font-size: 0.7em;
    padding-left: 20px;
    color: #E10003;
}
.article_wrap section.top_tokuyaku {
    margin-bottom: 0;
}
/*---------------------------------------------------
弁護士法人ALGの弁護士費用
---------------------------------------------------*/
#office.hiyou section#ryoukin {
    margin: 0 auto 20px;
}
.article_wrap #office.hiyou h2 {
    width: calc(100% - 60px);
    padding: 30px;
    margin-bottom: 30px;
}
#office.hiyou section#ryoukin h3 {
    color: #193C66;
    margin: 0 0 30px;
    padding: 0 0 15px;
    border-bottom: 1px #040000 dotted;
    border-radius: 0;
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    position: relative;
    background-color: inherit;
}
#office.hiyou section#ryoukin h3:before {
    content: attr(line);
    float: left;
    width: 5px;
    height: 32px;
    margin: 0 20px 0 0;
    background-color: #193C66;
    border-radius: 3px;
    vertical-align: middle;
}
#office.hiyou section#ryoukin img {
    display: block;
    margin: 0 auto 10px;
}
/*---------------------------------------------------
特約を利用しましょう
---------------------------------------------------*/
section#tokuyaku {
    margin: 0 auto 20px;
    background: none;
}
#office.hiyou section#tokuyaku p span {
    display: block;
    font-size: 13px;
}
/*「弁護士費用特約の確認はお済みですか？」バナー---------------------------------*/
#office.hiyou section#tokuyaku a {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
#office.hiyou section#tokuyaku a:hover {
    opacity: 0.7;
}
#office.hiyou section#tokuyaku .box_btn .box_arrow {
    margin: 0 0 0 0.5rem !important;
}
#office.hiyou section#tokuyaku .box_btn {
    width: 300px;
}
@media screen and (max-width: 860px) {
    #office.hiyou section#tokuyaku a {
        width: 90%;
    }
}
@media screen and (min-width:480px) {
    #office.hiyou section#tokuyaku .box_btn {
        width: 340px;
    }
}
/*「自身の保険に弁護士費用特約を付けているか分からない場合、」グレー吹き出しー---------------------------------*/
#office.hiyou section#tokuyaku div.arrow_box {
    position: relative;
    margin: 20px auto;
    padding: 10px;
    max-width: 900px;
}
#office.hiyou section#tokuyaku div.arrow_box p:last-child {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #C00;
}
#office.hiyou section#tokuyaku ul.kakunin {
    width: 80%;
    margin: 0 auto;
}
#office.hiyou section#tokuyaku ul.kakunin li {
    list-style-type: none;
    color: #009;
    line-height: 1.6em;
}
/*弁護士費用特約の適用範囲ー---------------------------------*/
#office.hiyou section#tokuyaku ul.tekiyou li {
    display: block;
    float: left;
    width: 16.5%;
    text-align: center;
    margin: 15px 0 20px;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 120px;
    font-size: 12px;
    background-size: contain;
}
#office.hiyou section#tokuyaku ul.tekiyou li span {
    display: block;
}
#office.hiyou section#tokuyaku ul.tekiyou + p {
    clear: both;
    display: block;
    margin: 0 auto 35px;
    border-radius: 5px;
    border: 1px solid #b71818;
    text-align: center;
    color: #b71818;
    max-width: 800px;
}
/*弁護士費用特約の記事画像ー---------------------------------*/
.bentoku_img #bentoku_sp {
    display: none;
}
@media screen and (max-width: 425px) {
    .bentoku_img #bentoku_sp {
        display: block;
    }
    .bentoku_img #bentoku_pc {
        display: none;
    }
}
/*弁護士費用特約利用時の着手金ー---------------------------------*/
#office.hiyou section#tokuyaku table {
    width: 90%;
    margin: 10px auto 25px;
    border: solid 1px #ccc;
}
#office.hiyou section#tokuyaku table th {
    background: #3266aa;
    padding: 8px;
    vertical-align: middle;
    text-align: left;
    color: #fff;
}
#office.hiyou section#tokuyaku table tr:nth-child(even) {
    background: #eee;
}
#office.hiyou section#tokuyaku table td {
    width: 50%;
    padding: 8px;
}
/*---------------------------------------------------
特約を利用しましょう
---------------------------------------------------*/
#office.hiyou section#kanren {
    margin: 0 30px 20px;
}
/*増額しない場合、成功報酬は頂きませんー---------------------------------*/
#office.hiyou section#toi {
    text-align: center;
    font-size: 2.8em;
    margin: 50px auto;
}
#office.hiyou section#toi p {
    line-height: 1.3em;
}
#office.hiyou section#toi p.text_caution {
    font-size: 0.4em;
}
section#toi span {
    display: block;
    color: #a91919;
    font-weight: bold;
}
section#toi p.arrow_box {
    position: relative;
    background: #d32e4a;
    width: 66%;
    margin: 10px auto 20px;
    border-radius: 5px;
    padding: 20px 10px;
    font-size: 0.4em;
    color: #fff;
}
section#toi p.arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(211, 46, 74, 0);
    border-top-color: #d32e4a;
    border-width: 10px;
    margin-left: -10px;
}
section#toi ul.inquiry li {
    position: relative;
    list-style-type: none;
    border-radius: 30px;
    margin: 0 auto 15px;
    font-size: 0.5em;
    color: #fff;
    width: 70%;
}
section#toi ul.inquiry li:nth-child(2) {
    position: relative;
    color: #333;
    font-size: 0.4em;
    top: -10px;
}
section#toi ul.inquiry li a {
    display: block;
    padding: 10px 10px 10px 30px;
    color: #fff;
}
section#toi ul.inquiry li.mail {
    background-color: #ff8400;
}
#office.hiyou section#toi ul.inquiry li.mail:before {
    position: absolute;
    top: 10px;
    left: 85px;
}
section#toi ul.inquiry li.raisho {
    background-color: #ffba00;
}
#office.hiyou section#toi ul.inquiry li.raisho:before {
    position: absolute;
    top: 10px;
    left: 125px;
}
section#toi ul.inquiry li.tel {
    color: #333;
    font-size: 1.1em;
    margin: 0 auto 20px auto;
}
.tekiyou {
    max-width: 800px;
    margin: 20px auto;
}
.hiyou_pc {
    display: block;
}
.hiyou_sp {
    display: none;
}
.ryoukin_text {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.ryoukin_btn {
    padding: 15px 30px;
    background-color: #624336 !important;
    background: #624336 !important;
    color: #fff !important;
    margin: 40px auto;
    max-width: 300px;
    text-align: center;
    font-size: 18px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
    border-top: 3px solid rgba(255, 255, 255, 0.3);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 5px;
    display: block;
}
.price_inner {
    display: none;
}
.ryoukin_wrapper {
    text-align: center;
}
/*---------------------------- 事務所一覧ページ ----------------------------*/
.new_content {
    background-color: #fff;
    position: relative;
    margin: 0 auto 20px;
    letter-spacing: -0.4em;
    font-size: 0;
    box-shadow: 1px 1px 1px 1px #ddd;
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
}
.office_list {
    margin: 3em 0 5em;
}
.new_content .eye_catch {
    display: table-cell;
    width: 35%;
    vertical-align: top;
}
.new_content .eye_catch img {
    width: 100%;
}
.new_content .link_text_wrap {
    display: table-cell;
    font-size: 1rem;
    width: 65%;
    word-wrap: break-word;
    position: relative;
    vertical-align: top;
    letter-spacing: normal;
}
.new_content .link_text_wrap .post_title {
    font-size: 1rem;
    line-height: 1.2;
    color: #076799;
    display: block;
    margin-bottom: 0;
    font-weight: bold;
}
.new_content .link_text_wrap .post_title span.jp {
    font-size: 0.8rem;
    margin: 5px auto 8px;
}
.article_content .new_content .link_text_wrap p {
    line-height: 1.3em;
}
.article_content .new_content .link_text_wrap p span {
    display: inline-block;
    text-align: left;
}
.article_content .new_content .link_text_wrap p.post_title span {
    line-height: 1.2em;
}
.article_content .new_content .link_text_wrap p span.info_office_comm_post {
    display: block;
}
.new_content .link_text_wrap .post_title_link {
    background: #0D7783;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
    margin-top: 3%;
}
.post_title_link:hover {
    opacity: 0.6;
}
@media screen and (max-width:768px) {
    .office_list {
        margin: 1.5em 0 5em;
    }
    .new_content .link_text_wrap {
        width: auto;
        margin: 0 auto;
    }
    .new_content .link_text_wrap .post_title {
        margin-bottom: 10px;
    }
    .article_content p.soudan_subtitle {
        padding-top: 1.5rem
    }
}
@media screen and (max-width:530px) {
    .article_content .new_content .link_text_wrap p {
        margin-top: 2%;
    }
}

/*-------------------------------------------------------
弁護士法人ALG&Associates 代表弁護士金﨑浩之から交通事故の被害に苦しむ方へ
---------------------------------------------------------*/
section.daihyo img {
    float: right;
    margin: 10px 0px 10px 20px;
    width: 400px;
}
@media screen and (max-width:768px) {
    section.daihyo img {
        float: none;
        margin: 10px auto 10px auto;
        display: block;
        width: auto;
    }
}
@media screen and (max-width:450px) {
    section.daihyo .is_br {
        display: none;
    }
}
@media screen and (max-width:320px) {
    section.daihyo h2, section.staff h2 {
        font-size: 5vw;
    }
}
/*---------------------------- サイトマップ ----------------------------*/
#sitemap_list {
    width: auto;
    margin: 0 auto 2em;
}
#sitemap_list li {
    background: none;
    padding: 0 0 0 5px;
    margin: 0 0 25px;
}
#sitemap_list li a {
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}
#sitemap_list li ul {
    padding: 10px 0 0;
}
#sitemap_list > li a::before {
    font-family: 'hugicons';
    content: "\f0da";
    color: #0d315a;
    margin-right: 0.3em;
    display: inline-block;
}
#sitemap_list li ul li a {
    border: none;
}
#sitemap_list li ul li a::before {
    content: none;
}
@media screen and (max-width:425px) {
    #sitemap_list li {
        margin: 0 0 15px;
    }
    #sitemap_list li a {
        font-size: 14px;
    }
    #sitemap_list li li {
        margin: 0 0 3px 5px;
    }
}
/*---------------------------- メールお問い合わせ ----------------------------*/
/* メールフォーム */
#mailform .term2 {
    padding: 2em !important;
}
/* メール送信完了 */
.contents {
    width: 80%;
    margin: 2em auto 3em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.7em;
    letter-spacing: .04em;
}
.center_title {
    text-align: center;
    font-size: 1.2rem;
    margin: 0 0 2em;
    color: #0d315a;
}
section.content_text {
    padding: 4em;
    background: #f2f2f2;
}
section.content_text p {
    font-size: 0.9rem;
    font-weight: normal;
}
.thanks_center {
    text-align: center;
    line-height: 2em;
    margin: 3em 0 0;
}
.thanks_center a {
    text-decoration: underline;
}
.is_pc {
    display: block;
}
.is_sp {
    display: none;
}
/* メールフォーム */
.article_content #mailform .description {
    font-size: 14px;
    border: none;
    background: none;
    text-align: left;
    border-bottom: 1px dotted #b5b5b5;
}
.article_content #mailform td {
    background: none;
}
.article_content #mailform .term2 {
    padding: 20px 40px;
    width: calc(100% - 82px);
}
.article_content #mailform .term2 li {
    font-size: 14px;
}
footer small {
    text-align: center;
    margin: 0 auto;
    display: block;
    background-color: #0d315a;
    color: #FFF;
    padding: 10px 0;
    font-size: 80%;
}
footer small a {
    color: #FFF;
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.8em;
}
@media screen and (max-width:768px) {
    .contents {
        width: 90%;
    }
    section.content_text {
        padding: 3em;
    }
    .is_pc {
        display: none;
    }
    .is_sp {
        display: block;
    }
}
@media screen and (max-width:425px) {
    section.content_text {
        padding: 2em;
    }
    .center_title {
        font-size: 1rem;
    }
}
/*---------------------------- パンくず(.breadcrumbs) ----------------------------*/
/*.breadcrumbs {
    width: 100%;
    padding: 1em 2em;
    border-top: 1px solid #eee;
    font-size: 0.8rem;
}
.breadcrumbs ul {
    max-width: 1120px;
    letter-spacing: -0.4em;
    margin: 0 auto;
}
.breadcrumbs ul li {
    display: inline-block;
    letter-spacing: normal;
    color: #000;
    font-size: 0.8rem;
    margin-left: 0.5em;
}
.breadcrumbs ul li:first-of-type {
    margin-left: 0;
}
.breadcrumbs ul li a {
    color: #000;
    text-decoration: underline;
}
.breadcrumbs ul li a:hover {
    text-decoration: none;
}
@media screen and (max-width:1024px) {
    .breadcrumbs ul {
        padding-left: 2%;
    }
}
@media screen and (max-width:425px) {
    .breadcrumbs ul li {
        font-size: 0.7rem;
    }
}*/
/* お客様の声 */
.article_wrap section.voice_titel_wrap{
	padding: 30px 0;
	background:url("image/voice_bg.png") right center no-repeat;
	background-size: cover;
	margin-bottom:3rem;
}
.voice_inner_wrap {
    max-width: 1200px;
    margin: 0 auto;
    color: #0d315a;
    text-align: center;
}
.voice_kensu_wrap {
    width: 240px;
    padding: 30px 0;
    background: #0d315a;
    color: #fff;
    margin: 0 auto 30px;
}
.article_wrap h1.voice_title_h1 {
    border: none;
    text-align: center;
    padding: 30px 0 20px;
    font-size: 1.8em;
}
.voice_subtitle {
    font-size: 1.2em;
}
.voice_kensu {
    font-size: 70px;
    letter-spacing: .04em;
}
.voice_kensu span {
    font-size: 1.5rem;
}
.voice_text_wrap {
    max-width: 600px;
    margin: 0 auto;
}
.article_content .voice_pick_list img {
    margin: 0 auto;
}
@media screen and (max-width:425px) {
    .article_wrap h1.voice_title_h1 {
        font-size: 1.4rem;
    }
    .top_merit_btn {
        width: 258px;
    }
}
.voice_ul {
    letter-spacing: -0.4em;
    font-size: 0;
    text-align: center;
    margin-top: 30px;
}
.voice_ul li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 18px;
    padding: 10px 15px;
    border-right: 1px solid #eee;
    margin-bottom: 10px;
}
.voice_ul li:last-child {
    border-right: none;
}
.article_wrap.voice_wrap section {
    margin-bottom: 3em;
}
.month dl {
    width: 90%;
    max-width: 700px;
    margin: 1em auto;
    line-height: 2;
}
.month dt {
    font-weight: bold;
    display: inline-block;
}
.month dd {
    display: inline-block;
    line-height: 2;
	font-size: 0.9em;
}
.month dt:nth-of-type(2) {
    display: block;
}
.month ul li {
    border-bottom: 1px dotted #aaa;
}
.month ul li span a {
    display: block;
    margin: 2em auto;
    width: 300px;
    text-align: center;
    color: #FFF;
    padding: 15px 0;
}
.month ul li span a span{
    display: block;
}
.month ul li .sai a {
    background-color: #2279c2;
}
.month ul li .tky a {
    background-color: #00358c;
}
.month ul li .chi a {
    background-color: #ffa200;
}
.month ul li .ykh a {
    background-color: #a0ce00;
}
.month ul li .ngy a {
    background-color: #ef7287;
}
.month ul li .osk a {
    background-color: #e3c600;
}
.month ul li .fuk a {
    background-color: #534174;
}
.month ul li .hmj a {
    background-color: #50c3cd;
}
.month ul li .uts a {
    background-color: #5aad31;
}
.month ul li .kob a {
    background-color: #177305;
}
.month ul li span a:hover {
    opacity: 0.6;
}
.red {
    color: #E00003
}
.marker{
    background:linear-gradient(transparent 60%, #fff69a 60%);
    font-weight: bold;
}


/* 404エラー */
.pageerror {
    max-width: 800px;
    margin: 30px auto;
    text-align: center;
    padding: 3em 1em;
    background-color: #eaeaea;
    box-shadow: 0px 0px 2px 1px #b9b9b9;
}
.pageerror h2 {
    font-size: 2em;
    font-weight: bold;
}
/* sns */
.addtoany_shortcode a {
    display: block !important;
    width: 42px;
    margin-bottom: 10px;
}
.addtoany_shortcode {
    position: absolute;
    left: -56px;
    top: 0px;
    background-color: #FFF;
    padding: 10px 6px 4px;
}
.addtoany_content {
    margin: 4em auto 3em !important;
    text-align: center;
}
.a2a_svg svg {
    top: 12px !important;
    width: 50% !important;
}
.a2a_svg.a2a_s__default.a2a_s_facebook, .a2a_svg.a2a_s__default.a2a_s_twitter, .a2a_svg.a2a_s__default.a2a_s_line, .a2a_svg.a2a_s__default.a2a_s_hatena, .a2a_svg.a2a_s__default.a2a_s_pocket {
    border-radius: 30px !important;
}
.splink a {
    font-size: 0.8rem;
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: normal;
}
/*====================================== 後遺障害等級表 ======================================*/
#tool.tokyu .article_ttl {
    position: relative;
}
#tool.tokyu .T_Title_s:before, #tool.tokyu .more {
    display: none !important;
}
#tool.tokyu .is_bold {
    background-color: inherit;
}
#tool.tokyu .is_bold {
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
}
#tool.tokyu .btn_tool a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
#tool.tokyu .btn_tool a span {
    line-height: 1.4;
}
#tool.tokyu .btn_standard_navi a {
    background-image: none;
    background-color: #2c5b3c;
}
#tool.tokyu .Tokyu_Tab li {
    height: 5.3em;
}
#tool.tokyu .T_Title {
    font-size: 1.5rem;
}
#tool.tokyu .Tokyu_Tab .Tokyu_Tab_active, #tool.tokyu .Tokyu_Tab .Tokyu_Tab_active:hover {
    background-color: #124488;
}
#tool.tokyu .Tokyu_Tab li:hover {
    cursor: pointer;
}
#tool.tokyu .TokyuColumn {
    background: #f9f9f9;
}
#tool.tokyu .T_Title {
    color: #000 !important;
    border-top: none;
}
#tool.tokyu .TokyuColumn {
    padding-top: 0;
}
#tool.tokyu .more_btn a, #tool.tokyu2 .more_btn a {
    display: inline-block;
    width: 49%
}
#tool.tokyu .more_btn a img, #tool.tokyu2 .more_btn a img {
    margin: 0;
}
#tool.tokyu .grade_jirei {
    display: none;
}
@media screen and (max-width:768px) {
    #tool.tokyu .Tokyu_Tab li {
        width: calc(100% / 3 - 0.5em);
    }
    #tool.tokyu .Tokyu_Tab li {
        height: auto;
    }
    #tool.tokyu .Tokyu_Tab li {
        padding: 0;
        padding: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #tool.tokyu #Tokyu {
        overflow: inherit;
        position: relative;
        ;
        top: 100px;
    }
    #tool.tokyu .Tokyu_Tab:first-of-type {
        position: absolute;
        z-index: 3;
        top: -200px;
    }
    #tool.tokyu .Tokyu_Tab:nth-of-type(2) {
        top: -50px;
        z-index: 4;
    }
    #tool.tokyu .article_wrap section {
        position: relative;
    }
    #tool.tokyu .Tokyu_Tab:nth-of-type(2) {
        margin: 0;
    }
    #tool.tokyu .Tokyu_Tab:nth-of-type(2) {
        height: auto;
    }
    #tool.tokyu .TokyuColumn {
        z-index: 5;
    }
    #tool.tokyu .Tokyu_Tab:nth-of-type(2) {
        top: -115px;
    }
    #tool.tokyu .Tokyu_Tab #TabBtn1, #tool.tokyu .Tokyu_Tab #TabBtn2, #tool.tokyu .Tokyu_Tab #TabBtn3 {
        top: 10px;
        position: relative;
    }
    #tool.tokyu .Tokyu_Tab #TabBtn4, #tool.tokyu .Tokyu_Tab #TabBtn5, #tool.tokyu .Tokyu_Tab #TabBtn6 {
        position: relative;
    }
    #tool.tokyu .Tokyu_Tab #TabBtn7, #tool.tokyu .Tokyu_Tab #TabBtn8, #tool.tokyu .Tokyu_Tab #TabBtn9 {
        top: 10px;
        position: relative;
    }
    #tool.tokyu .Tokyu_Tab #TabBtn10, #tool.tokyu .Tokyu_Tab #TabBtn11, #tool.tokyu .Tokyu_Tab #TabBtn12 {
        position: relative;
    }
    #tool.tokyu .Tokyu_Tab li {
        width: calc(100% / 3);
    }
    #tool.tokyu .atten {
        margin-bottom: 7em;
    }
    #tool.tokyu .Tokyu_Tab li {
        font-size: 14px;
    }
    #tool.tokyu .T_Title {
        padding-top: 0;
    }
    #tool.tokyu .more_btn {
        padding-top: 100px;
    }
}
@media screen and (max-width:425px) {
    #tool.tokyu .Tokyu_Tab li {
        font-size: 13px;
    }
    #tool.tokyu .Tokyu_Tab li {
        padding: 15px 3px;
    }
    #tool.tokyu .more_btn {
        margin-top: 50px;
        padding-top: 50px
    }
    #tool.tokyu .more_btn a, #tool.tokyu2 .more_btn a {
        width: 100%;
    }
}
/*====================================== 後遺障害等級認定基準検索ツール ======================================*/
#tool.tokyu2 .con section > h3 {
    display: none;
}
#tool.tokyu2 .article_ttl {
    position: relative;
}
#tool.tokyu2 #navi #rSerch {
    margin: 1.5em auto;
}
#tool.tokyu2 .results_main div.up_down, #tool.tokyu2 .results_main > a {
    display: none !important;
}
#tool.tokyu2 .results_main > dl {
    margin-top: 1rem
}
#tool.tokyu2 .zougaku_con p.zougaku {
    margin-bottom: 1rem
}
#tool.tokyu2 .zougaku_con p.zougaku, #tool.tokyu2 .zougaku_con p.zougaku span {
    line-height: 1.4
}
#tool.tokyu2 .zougaku_con div.con p {
    line-height: 1.2
}
#tool.tokyu2 .zougaku_con div.con {
    padding: 1.5rem 1rem;
}
#tool.tokyu2 #main_result {
    padding: 3.0em 5.0em;
}
#tool.tokyu2 .radio_btn {
    font-size: 1rem;
}
#tool.tokyu2 .radio_input:checked + .radio_btn::after {
    top: 3px !important;
}
#tool.tokyu2 .article_wrap section p {
    line-height: 1.4
}
#tool.tokyu2 #kensa {
    display: none;
}
@media screen and (max-width:768px) {
    #tool.tokyu2 #main_result {
        padding: 2rem;
    }
    #Navi_Result h1 {
        border-top: none;
        margin-bottom: 2rem
    }
}
@media screen and (max-width:425px) {
    #tool.tokyu2 .radio_input:checked + .radio_btn::after {
        top: 3px;
    }
    #tool.tokyu2 #main_result {
        padding: 1.5rem 1rem;
    }
    #tool.tokyu2 .zougaku_con div.con p:after {
        margin-top: 1rem !important;
    }
}
/*事例ボタン用*/
.jirei_link {
    display: block;
    margin: 2.0em auto 0;
    width: 85%;
    border-radius: 3px;
    background: #ff8e1a;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 5px #ff5e21;
    padding: 1em;
    position: relative;
}
a.jirei_link:hover {
    opacity: 0.8;
}
.jirei_link:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
}
.jirei_link br {
    display: none;
}
@media screen and (max-width:425px) {
    .jirei_link {
        width: auto;
    }
    .jirei_link br {
        display: block;
    }
}
/*====================================== 無料相談までの流れ ======================================*/
.article_wrap.muryou_soudan h1 {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: normal;
    margin: 0 0 2rem;
    padding: 2rem 0;
    font-size: 1.15em;
}
.article_wrap.muryou_soudan h1 span {
    display: block;
    font-size: 1.7em;
}
@media screen and (min-width:500px) {
    .article_wrap.muryou_soudan h1 {
        font-size: 1.5em;
    }
    .article_wrap.muryou_soudan h1 span {
        font-size: 1.7em;
    }
}
/*---------------------------------------------------
弁護士とスタッフがチームとなってサポートします
---------------------------------------------------*/
.article_wrap.muryou_soudan section.intro {
    margin-bottom: 3em;
}
/* intro h2
--------------------------------------------------*/
.article_wrap.muryou_soudan .intro h2 {
    background-color: #EDF2F8;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    text-align: center;
    color: #000;
    font-size: 1.4em;
    padding: 1.5rem 1rem;
    margin: 0 0 2rem;
    box-sizing: border-box;
}
@media screen and (min-width:500px) {
    .article_wrap.muryou_soudan .intro h2 {
        font-size: 1.7em;
        padding: 2rem 0.5rem;
        margin: 0 0 2.5rem;
    }
}
/* intro 谷川先生
--------------------------------------------------*/
.article_wrap.muryou_soudan .intro img.muryou_soudan_pc {
    display: none;
}
.article_wrap.muryou_soudan .intro img.muryou_soudan_sp {
    display: block;
    margin: 0 0 1rem;
}
@media screen and (min-width:768px) {
    .article_wrap.muryou_soudan .intro img.muryou_soudan_pc {
        display: block;
        float: right;
        width: auto;
        max-width: 217px;
        margin: 0 0 0 1rem;
    }
    .article_wrap.muryou_soudan .intro img.muryou_soudan_sp {
        display: none;
    }
}
/*intro p
--------------------------------------------------*/
.article_wrap.muryou_soudan .intro p {
    margin: 0 0 1rem;
}
/*---------------------------------------------------
お電話や無料相談をしたからといって、無理に契約を勧めるようなことはいたしません。どうぞお気軽にお電話・ご相談ください。
---------------------------------------------------*/
.article_wrap.muryou_soudan .muri {
    background-repeat: no-repeat;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 1.5rem 1.2rem;
    margin: 0 0 3rem;
}
.article_wrap.muryou_soudan .muri p {
    margin: 0;
}
.article_wrap.muryou_soudan .muri span {
    font-size: 1.2em;
}
@media screen and (min-width:500px) {
    .article_wrap.muryou_soudan .muri {
        text-align: center;
        padding: 1.5rem 0;
    }
    .article_wrap.muryou_soudan .muri span {
        display: block;
    }
}
/*---------------------------------------------------
遠方にお住まいの方も、安心してご相談いただけます
---------------------------------------------------*/
.article_wrap.muryou_soudan .enpou {
    margin: 0 0 4rem;
}
@media screen and (min-width:580px) {
    .article_wrap.muryou_soudan .enpou {
        background-repeat: no-repeat;
        background-position: right -50px top;
    }
}
@media screen and (min-width:768px) {
    .article_wrap.muryou_soudan .enpou {
        background-position: right top;
    }
}
/*遠方 h2
------------------------------------------------*/
.article_wrap.muryou_soudan .enpou h2 {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background-color: transparent;
    color: #000;
    font-weight: normal;
    border-bottom: 1px #000 solid;
    padding: 1rem 0 1rem 1rem;
    margin: 0 0 1rem;
    font-size: 1.4em;
    line-height: 2.5rem;
    text-align: center;
    box-sizing: border-box;
}
.article_wrap.muryou_soudan .enpou h2 span {
    display: block;
}
@media screen and (min-width:360px) {
    .article_wrap.muryou_soudan .enpou h2 {
        font-size: 1.6em;
    }
}
@media screen and (min-width:580px) {
    .article_wrap.muryou_soudan .enpou h2 {
        width: 65%;
        text-align: left;
    }
}
/*遠方 画像(SPのみ)
------------------------------------------------*/
.article_wrap.muryou_soudan .enpou img {
    margin: 0 auto 1rem;
}
@media screen and (min-width:580px) {
    .article_wrap.muryou_soudan .enpou img {
        display: none;
    }
}
/*遠方p
------------------------------------------------*/
.article_wrap.muryou_soudan .enpou p {
    padding: 0 0 0 1rem;
}
.article_wrap.muryou_soudan .enpou p .green {
    color: #1A8900;
}
@media screen and (min-width:580px) {
    .article_wrap.muryou_soudan .enpou p {
        width: 70%;
    }
}
/*---------------------------------------------------
無料相談までの流れ
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan h2 {
    padding: 1.6rem 0 1.6rem 2rem;
    text-align: left;
    margin: 0 0 4rem;
    box-sizing: border-box;
}
/*---------------------------------------------------
無料相談までの流れ con
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con {
    border: 1px #124587 solid;
    counter-increment: number;
    position: relative;
    margin: 0 0 4rem;
}
/* h3
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con h3 {
    background-color: transparent;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
    color: #124488;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 2rem 1rem 1.5rem;
    padding: 1em 0.5rem 0.7em;
    border-bottom: 1px #124488 solid;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con h3:before {
    content: counter(number)".";
    font-style: italic;
    margin: 0 0.5rem 0 0;
}
@media screen and (min-width:360px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con h3 {
        margin: 2rem 1.5rem 1.5rem;
        padding: 0.7em;
        font-size: 1.8em;
    }
}
/* 吹き出し
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con .fukidashi {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: inline-block;
    border-radius: 5px;
    background-color: #124488;
    padding: 1rem 2rem;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .fukidashi:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #124488;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .fukidashi span {
    display: block;
}
@media screen and (min-width:480px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con .fukidashi span {
        display: inline;
    }
}
/* p
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con p {
    margin: 0 1.6rem 1rem;
    font-size: 0.95em;
}
/* 電話番号など(水色の背景エリア)
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel {
    margin: 0 1.6rem 1rem;
    padding: 2rem 0;
    border-radius: 10px;
    background-color: #F0F5FB;
}
/* 交通事故ご相談専用ダイヤル */
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    border-left: none;
    color: #000;
    font-weight: 500;
}
/* 電話番号 */
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel .phone_number {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
    color: #124488;
    font-size: 2em;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
}
@media screen and (min-width:360px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel a.cv_mail {
        font-size: 2.5em;
    }
}
@media screen and (min-width:600px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel a.cv_mail {
        font-size: 3.5em;
    }
}
/* 24時間受付・年中無休・通話無料 */
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel p {
    margin: 0 0 1rem;
    text-align: center;
    font-weight: 500;
}
/* メールフォームボタン */
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel a.cv_mail {
    display: block;
    max-width: 490px;
    margin: 0 1rem;
    padding: 1rem 0;
    background-color: #E2EBF7;
    box-shadow: 0 -3px 0 0 rgba(187, 204, 226, 1) inset;
    border: 1px #124587 solid;
    text-align: center;
    color: #124488;
    position: relative;
    font-size: 1em;

}
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel a.cv_mail i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}
@media screen and (min-width:600px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con .flow_tel a.cv_mail {
        margin: 0 auto;
        font-size: 1.3em;
    }
}
/* 3番目のcon(来所相談の場合・お電話相談の場合)
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con dl {
    margin: 0 1.6rem 1rem;
    padding: 2rem;
    border-radius: 10px;
    background-color: #F0F5FB;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con dl dt {
    margin: 0 0 1rem;
    padding: 0 0 0 0.5rem;
    border-left: 3px #124488 solid;
    font-size: 1.1em;
    color: #124488;
    line-height: 1rem;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con dl dd {
    font-size: 0.95em;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con dl dd:nth-child(2) {
    padding: 0 0 1rem;
    margin: 0 0 1.5rem;
    border-bottom: 1px #C8CCD1 dotted;
}
/* 最後の写真と吹き出し
---------------------------------------------------*/
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message {
    display: flex;
    padding: 1rem 0;
    align-items: center;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message div {
    max-width: 82px;
    width: 30%;
    margin: 0 1rem;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message img {
    width: 100%;
    height: auto;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message p {
    width: 100%;
    margin: 0 1rem 0 0;
    ;
    padding: 1rem;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    position: relative;
}
.article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message p:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #fff;
}
@media screen and (min-width:690px) {
    .article_wrap.muryou_soudan .flow_soudan .flow_con .flow_message p {
        padding: 1rem 0;
    }
}
/*---------------------------------------------------
交通事故は医学博士弁護士が在籍している
弁護士法人ALGにお任せください！
---------------------------------------------------*/
.article_wrap.muryou_soudan .igaku {
    margin: 0 0 2rem;
}
.article_wrap.muryou_soudan .igaku h2 {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-weight: 500;
    font-size: 1.5em;
    background-color: transparent;
    text-align: center;
    line-height: 2.5rem;
    position: relative;
    margin: 0 0 2rem;
    padding: 1.3rem 1rem 1.5rem;
    box-sizing: border-box;
}
.article_wrap.muryou_soudan .igaku h2:before {
    content: "";
    width: 100%;
    height: 1px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
.article_wrap.muryou_soudan .igaku h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (min-width:360px) {
    .article_wrap.muryou_soudan .igaku h2 {
        padding: 1.3rem 1.2rem 1.5rem;
    }
}
@media screen and (min-width:475px) {
    .article_wrap.muryou_soudan .igaku h2 {
        line-height: 3.2rem;
        padding: 1.5rem 0 1.5rem;
    }
    .article_wrap.muryou_soudan .igaku h2 span {
        display: block;
    }
}
@media screen and (min-width:635px) {
    .article_wrap.muryou_soudan .igaku h2 {
        font-size: 2em;
    }
}
/*動画エリア
---------------------------------------------------*/
.article_wrap.muryou_soudan .movie_soudan {
    padding: 2rem 0;
}
/*h3(なぜ医学知識を持つ弁護士が交通事故に強い？)
-------------------------------------------------*/
.article_wrap.muryou_soudan .movie_soudan h3 {
    background-color: transparent;
    text-align: center;
    padding: 0;
    margin: 0 0 1.5rem;
    font-size: 1.2em;
}
.article_wrap.muryou_soudan .movie_soudan h3 span {
    display: block;
}
@media screen and (min-width:420px) {
    .article_wrap.muryou_soudan .movie_soudan h3 span {
        display: inline;
    }
}
/*動画
-------------------------------------------------*/
.article_wrap.muryou_soudan .movie_soudan div {
    position: relative;
    width: 96%;
    max-width: 470px;
    padding-top: 56.25%;
    margin: 0 auto 1rem;
}
.article_wrap.muryou_soudan .movie_soudan iframe {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width:540px) {
    .article_wrap.muryou_soudan .movie_soudan div {
        padding-top: 0;
    }
    .article_wrap.muryou_soudan .movie_soudan iframe {
        position: inherit;
        width: 470px;
        height: 264px;
    }
}
/*動画エリアp
-------------------------------------------------*/
.article_wrap.muryou_soudan .movie_soudan p {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 0;
}
@media screen and (min-width:420px) {
    .article_wrap.muryou_soudan .movie_soudan p span {
        display: block;
    }
}
/*---------------------------------------------------
LPへのリンク
---------------------------------------------------*/
.article_wrap.muryou_soudan ul li {
    margin: 0 0 0.5rem;
}
.article_wrap.muryou_soudan ul li:first-child {
    display: none;
}
.article_wrap.muryou_soudan ul li a {
    display: block;
    border: 1px #124488 solid;
    color: #124488;
    padding: 1.5rem 0.5rem 1.5rem 2rem;
    background-color: #F0F7FB;
    position: relative;
}
.article_wrap.muryou_soudan ul li a i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0.5rem 0 1rem;
}
@media screen and (min-width:400px) {
    .article_wrap.muryou_soudan ul li a {
        padding: 1.5rem 0;
    }
    .article_wrap.muryou_soudan ul li a i {
        position: inherit;
        left: auto;
        top: auto;
        transform: none;
        margin: 0 1rem 0 1rem;
        padding: 0;
    }
}
@media screen and (min-width:480px) {
    .article_wrap.muryou_soudan ul li a i {
        margin: 0 1rem 0 2rem;
    }
}
@media screen and (min-width:1025px) {
    .article_wrap.muryou_soudan ul li:first-child {
        display: block;
    }
}
/*====================================== 記事内Q&A ======================================*/
section.article_qa h3 {
    margin: 2rem 0 .8rem;
    border-radius: 5px;
    padding: 1.5rem 1.2rem;
    color: #124488;
}
section.article_qa h3:before {
    content: "Q.";
    margin: 0 0.2rem 0 0;
    color: #124488;
}
section.article_qa p {
    background-color: #ffefef;
    border-radius: 5px;
    margin: 0;
    padding: 0 0.7em 1.5em;
}
section.article_qa p > span:first-of-type:before {
    content: "A.";
    margin: 0 0.2rem 0 0;
    color: #B50000;
    font-weight: bold;
}
section.article_qa p > span {
    margin-bottom: 0;
    padding: 1.5rem 0 0;
}
section.article_qa p a.link_btn {
    margin: 0 auto;
    background-color: #fff;
}
@media screen and (min-width:768px) {
    section.article_qa p {
        padding: 0 1.3em 1.5em;
    }
    section.article_qa p span:first-of-type:before {
        font-size: 1.2em;
    }
}
/*====================================== LP用 共通コンバージョンエリア(.cv_area_lawyer) ======================================*/
.cv_area_lawyer .cv_area_lawyer_inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3.5rem 0 3rem;
}
.cv_area_lawyer .cv_area_lawyer_inner img {
    max-width: 100%;
    margin: 0 auto;
}
.cv_area_lawyer .cv_area_lawyer_inner .ttl_contact img {
    margin-left: 2.5rem;
    box-sizing: border-box;
    margin-bottom: 0;
}
.cv_area_lawyer .cv_area_lawyer_inner .box_contact {
    margin: 1rem 0 0;
}
.cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
    color: #0d315a;
    border: 2px solid #0d315a;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    line-height: 1.2;
    padding: 0.5rem;
    margin: 5px 10px 0 0;
}
.cv_area_lawyer .cv_area_lawyer_inner .txt_dial span {
    display: block;
    line-height: 1.2;
}
.cv_area_lawyer .cv_area_lawyer_inner .box_tell {
    display: inline-block;
    margin-right: 1.5rem;
}
.cv_area_lawyer .cv_area_lawyer_inner .box_tell p {
    text-align: center;
}

.cv_area_lawyer .cv_area_lawyer_inner .box_tell .tel_txt img {
    max-width: 402px;
    margin: 5px auto 0;
    width: 90%;
}
.cv_area_lawyer .cv_area_lawyer_inner .telnumber {
    font-size: 3.8rem;
    font-weight: bold;
    color: #e80000;
    line-height: 1;
}
.cv_area_lawyer .cv_area_lawyer_inner .telnumber span.small {
    font-size: 4.5vw;
    line-height: 1;
}
.cv_area_lawyer .cv_area_lawyer_inner .mail_btn {
    display: inline-block;
    background-color: #0d315a;
    color: #fff;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    vertical-align: top;
    margin-top: 5px;
    box-sizing: border-box;
}
.cv_area_lawyer .cv_area_lawyer_inner .mail_btn img.icon_mail {
    margin-right: 5px;
}
/* 背景画像（共通） */
.cv_area_lawyer {
    background-repeat: no-repeat;
    background-position: left 1300px bottom 0;
}
.cv_area_lawyer_appeal {
    background-color: #e2eaf3;
}
.cv_area_lawyer_appeal img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0.5rem 0;
}
@media screen and (max-width:1700px) {
    .cv_area_lawyer {
        background-position: right -5% bottom 0;
    }
}
@media screen and (max-width:1200px) {
    .cv_area_lawyer .cv_area_lawyer_inner {
        width: 80%;
        margin: 0 auto 0 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .ttl_contact img {
        margin-left: 0;
        width: 90%;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell {
        margin-right: 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber {
        font-size: 5.5vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner img.tel_icon {
        width: 3vw
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
        font-size: 16px;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn {
        padding: 15px;
    }
    .cv_area_lawyer.box_01, .cv_area_lawyer.box_02 {
        background-position: right -15% bottom 0;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber span.small {
        font-size: 4.7vw;
    }
}
@media screen and (max-width:1024px) {
    .cv_area_lawyer {
        background-image: none !important;
    }
    .cv_area_lawyer .cv_area_lawyer_inner {
        width: 100%;
        margin: 0 auto;
        padding: 2.5rem 0;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact {
        margin: 0.5rem auto 0;
        width: 90%;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .ttl_contact img {
        display: block;
        margin: 0 auto;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
        margin-left: 2%;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell {
        width: 70%;
        text-align: center;
        margin-right: 0;
    }
    .cv_area_lawyer .cv_area_lawyer_inner img.tel_icon {
        width: 4.5vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber {
        font-size: 7.7vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn {
        display: block;
        width: 40vw;
        margin: 0 auto;
        font-size: 1.2rem;
        text-align: center;
        position: relative;
        padding: 10px 10px 10px 20px;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn img.icon_mail {
        margin-right: 10px;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn img.icon_arrow {
        position: absolute;
        right: 5%;
        top: 1.2rem;
    }
    .cv_area_lawyer_appeal img {
        padding: 0.5rem;
        box-sizing: border-box;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber span.small {
        font-size: 7vw;
    }
}
@media screen and (max-width:768px) {
    .cv_area_lawyer .cv_area_lawyer_inner .ttl_contact img {
        padding: 0 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
        display: table;
        margin: 1rem auto 0.5rem;
        padding: 0.5rem 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial span {
        display: inline;
    }
    .cv_area_lawyer .cv_area_lawyer_inner img.tel_icon {
        width: 5vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber {
        font-size: 9.5vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell {
        width: 100%;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn {
        width: 50vw;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn img.icon_arrow {
        top: 1rem;
    }
    .cv_area_lawyer_appeal img {
        padding: 1rem;
        box-sizing: border-box;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber span.small {
        font-size: 9vw;
    }
}
@media screen and (min-width:426px) {
    .cv_area_lawyer .cv_area_lawyer_inner .p_img {
        display: inline-block;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .s_img {
        display: none !important;
    }
}
@media screen and (max-width:425px) {
    .cv_area_lawyer .cv_area_lawyer_inner {
        padding: 1rem 0 2.5rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .ttl_contact {
        width: 95%;
        margin: 0 auto;
        background-size: 34%;
        background-repeat: no-repeat;
        background-position: right 0;
    }

    .cv_area_lawyer .cv_area_lawyer_inner .ttl_contact img {
        width: 65%;
        padding: 0;
        margin: 0;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact {
        width: auto;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 500;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
        font-size: 14px;
        border: 1px solid;
        padding: 3px 15px;
        margin-bottom: 5px;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        z-index: 50;
        margin: 20px auto;
        text-align: center;
        display: block;
        width: 90%;
        height: auto;
        background-color: #990000;
        padding: 11px 0 10px;
        box-shadow: 0px 4px 0px 0px #7d0000;
        border-radius: 5px;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .p_img {
        display: none !important;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .s_img {
        display: inline-block;
    }
    .cv_area_lawyer .cv_area_lawyer_inner img.tel_icon {
        width: 3.5vw;
        margin-right: 2%;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell {
        margin-bottom: 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_tell p::before, .cv_area_lawyer .cv_area_lawyer_inner .box_tell p::after {
        content: none;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn {
        width: 65%;
        font-size: 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .mail_btn img.icon_mail {
        margin-right: 5px;
        width: 8%;
    }
    .cv_area_lawyer_appeal img {
        padding: 1rem 2rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .telnumber span.small {
        font-size: 10vw;
    }
}
@media screen and (max-width:320px) {
    .cv_area_lawyer_appeal img {
        padding: 1rem;
    }
    .cv_area_lawyer .cv_area_lawyer_inner .box_contact .txt_dial {
        font-size: 13px;
    }
}
@media screen and (max-width:375px) {
    .cv_area_lawyer .cv_area_lawyer_inner img.tel_icon {
        width: 4.5vw;
    }
}
.contact_inner .icon-phone-alt-solid:before {
    content: "\e902";
    color: #f0031f;
}
/*====================================== 感染症の臨時帯(.area_extra) ======================================*/
/* PC用ヘッダー */
header .header_right .tell .area_extra {
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}
header .header_right .tell .area_extra a {
    text-decoration: underline;
}
header .header_right .tell .area_extra a:hover {
    text-decoration: none;
}
/* PC用フッター */
footer .footer_contact ul li:first-of-type {
    padding: 5px 0 15px;
    font-size: 1.3rem;
    text-align: left;
}
footer .footer_contact ul li .txt_extra {
    display: block;
    font-size: 15px;
}
footer .footer_contact ul li .txt_extra a {
    color: #efff00;
    text-decoration: underline;
}
footer .footer_contact ul li .txt_extra a:hover {
    text-decoration: none;
}
footer .footer_contact > div {
    padding: 1.2rem 0 0.6rem 0;
}
/*footter 広告表記SVG*/
.box .main_office_img {
    max-width: 950px;
    margin: 10px auto;
    text-align: center;
}
.box .main_office_img .info_regulation_comm_pc {
    width: 450px;
    max-width: 1280px;
    display: inline-block;
}
.box .main_office_img .info_regulation_comm_sp {
    display: none;
}
@media screen and (max-width:560px) {
    .box .main_office_img .info_regulation_comm_pc {
        display: none;
    }
    .box .main_office_img .info_regulation_comm_sp {
        display: inline-block;
        width: 60%;
    }
}
@media screen and (max-width:375px) {
    .box .main_office_img .info_regulation_comm_sp {
        width: 90%;
    }
}
/*新コンテンツ*/
.b_box {
    margin: 5em auto;
}
.b_box h2 img {
    max-width: 646px;
    margin: 0 auto;
    width: 50%;
    display: block;
}

.b_box .ttl_n {
    position: relative;
    padding: 50px 20px;
    color: #ffffff;
    text-align: center;
    background: #0d315a;
    margin-bottom: 80px;
}
.b_box .ttl_n::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #0d315a transparent transparent transparent;
}
.b_box p img {
    max-width: 1200px;
    width: 90%;
    margin: 5em auto;
}
.b_box .txt {
    width: 90%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    line-height: 1.9;
}
.b_box .txt p {
    margin-bottom: 20px;
    font-size: 18px;
}
.b_box .txt .red {
    color: #990000;
}
.b_box .txt .down {
    display: block;
    line-height: 1.9;
}
.b_box h2 {
    color: #0d315a;
    font-size: 1.5rem;
    margin: 1rem 0 1.5rem 0;
    line-height: 1.4;
    text-align: center;
}
.b_box .box2 h4 img, .b_box .box1 h4 img {
    max-width: 471px;
    width: 90%;
    margin: 0 auto 3em;
    display: block;
}
.b_box h3 img {
    max-width: 1195px;
    width: 95%;
    margin: 5em auto 3em;
}
.b_box .box4 .txt, .b_box .box3 .txt, .b_box .box2 .txt, .b_box .box1 .txt {
    width: 100%;
}
.b_box txt p {
    color: #333;
}
.b_box .box4, .b_box .box3, .b_box .box2, .b_box .box1 {
    position: relative;
    box-shadow: 1px 1px 3px 2px #d1d1d1;
    background-size: cover;
}


.b_box .box2 {
    max-width: 1200px;
    background-color: #e8eef6;
    padding: 50px;
    margin: 3em auto;
    width: 95%;
    display: block;
}
.b_box .box4, .b_box .box3, .b_box .box1 {
    max-width: 1200px;
    background-color: #e8eef6;
    padding: 50px;
    margin: 3em auto 0;
    width: 95%;
    display: block;
}
.b_box .kakomi ul, .b_box .box1 .kakomi ul {
    display: flex;
    justify-content: space-between;
}
.b_box .box4 .kakomi img, .b_box .box3 .kakomi img, .b_box .box2 .kakomi img, .b_box .box1 .kakomi img {
    max-width: 355px;
    margin-right: 20px;
    width: 90%;
}
@media screen and (max-width:1280px) {

}
@media screen and (min-width:769px) {
    .b_box .sp_only {
        display: none !important;
    }
    .b_box .pc_only {
        display: block;
    }
}
@media screen and (max-width:768px) {
    .b_box .pc_only {
        display: none !important;
    }
    .b_box .sp_only {
        display: block;
    }
    .b_box h2 img {
        width: 80%;
    }
    .b_box .txt {
        width: 95%;
    }
    .b_box .box4 .kakomi ul, .b_box .box3 .kakomi ul, .b_box .box2 .kakomi ul, .b_box .box1 .kakomi ul {
        display: block;
    }
    .b_box .box4 .kakomi img, .b_box .box3 .kakomi img, .b_box .box2 .kakomi img, .b_box .box1 .kakomi img {
        max-width: 100%;
        margin: 0 auto 30px;
        width: 100%;
    }
    .b_box .box2 h4 img, #higai_wrap .higai9 .box1 h4 img {
        width: 100%;
    }
}
@media screen and (max-width:550px) {
    .b_box .cen {
        text-align: center;
    }
    .b_box h2 {
        text-align: left;
    }
    .b_box h2 img {
        width: 100%;
    }
    .b_box .box4, .b_box .box3, .b_box .box2, .b_box .box1 {
        background-image: none;
    }
    .b_box .txt p {
        font-size: 16px;
    }
    .b_box .box4::before, .b_box .box3::before, .b_box .box2::before, .b_box .box1::before {
        background-size: 65%;
    }
    .b_box .down {
        display: inline !important;
    }
}
@media screen and (max-width:425px) {
    .b_box .dwn1 {
        display: block;
    }
    .b_box .btn {
        width: 90%;
    }
    .b_box .box4, .b_box .box3, .b_box .box2, .b_box .box1 {
        padding: 30px 30px;
    }
    .b_box .box2 h4 img, #higai_wrap .higai9 .box1 h4 img {
        margin: 0 auto 2em;
    }
    .b_box {
        padding-bottom: 3em;
    }
}
@media screen and (max-width:375px) {
    .b_box .box4, .b_box .box3, .b_box .box2, .b_box .box1 {
        padding: 30px 20px;
    }
}
@media screen and (max-width:391px) {}
@media screen and (max-width:320px) {
    .b_box h2 img {
        margin: 0 auto;
    }
}
/*サイドバー　コロナリンク*/
.c_side a span {
    display: block !important;
}
@media screen and (max-width:425px) {
    .c_side {
        padding: 0 0 15px !important;
    }
}
@media screen and (max-width:325px) {
    .c_side a {
        padding: 10px !important;
    }
}
/*4kagetsu*/
.article_wrap section .kimg {
    max-width: 768px;
    width: 60%;
}
@media screen and (max-width:550px) {
    .article_wrap section .kimg {
        width: 100%;
    }
}
/*------ 下層ページ共通ナビ(.lnav) ------*/
.lnav {
    padding: 0 0;
    max-width: none;
}
.lnav ul {
    max-width: 1200px;
    margin: 0 auto;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.lnav ul li {
    float: left;
    display: table;
    width: calc(100% / 3 - 1px);
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    border-right: 1px solid #fff;
}
.lnav ul li:last-child {
    border-right: none;
}
.lnav ul li a {
    width: 100%;
    color: #fff;
    padding: 20px 40px;
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.9em;
}
.lnav ul li .fas {
    position: absolute;
    top: 1.25em;
    right: 1em;
}
@media screen and (max-width:1024px) {
    .lnav ul li {
        min-height: 90px;
    }
    .lnav ul li .fas {
        top: 2em;
    }
}
@media screen and (max-width:768px) {
    .lnav ul li {
        width: 100%;
        min-height: 0;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    .lnav ul li:last-child {
        border-bottom: none;
    }
    .lnav ul li a {
        padding: 1em 0;
    }
    .lnav ul li .fas {
        top: 1.25em;
    }
}
/* #footer_office_wrapper {
    width: 100%;
    background-image: url(/images/footer_office/footer_office.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    clear: both;
} */

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-b_kanen:before {
    content: "\e93a";
}
.icon-browser:before {
    content: "\e933";
}
.icon-200:before {
    content: "\e937";
}
.icon-201:before {
    content: "\e938";
}
.icon-202:before {
    content: "\e939";
}
.icon-harassment:before {
    content: "\e934";
}
.icon-man-playing-flute:before {
    content: "\e935";
}
.icon-thief-robbing-a-man-raising-hands:before {
    content: "\e936";
}
.icon-tv-screen27:before {
    content: "\e931";
}
.icon-114:before {
    content: "\e92c";
}
.icon-115:before {
    content: "\e92d";
}
.icon-116:before {
    content: "\e92e";
}
.icon-117:before {
    content: "\e92f";
}
.icon-113:before {
    content: "\e92b";
}
.icon-112:before {
    content: "\e929";
}
.icon-111:before {
    content: "\e922";
}
.icon-001:before {
    content: "\e917";
}
.icon-002:before {
    content: "\e918";
}
.icon-003:before {
    content: "\e919";
}
.icon-004:before {
    content: "\e91a";
}
.icon-005:before {
    content: "\e91b";
}
.icon-006:before {
    content: "\e91c";
}
.icon-007:before {
    content: "\e91d";
}
.icon-008:before {
    content: "\e91e";
}
.icon-009:before {
    content: "\e91f";
}
.icon-010:before {
    content: "\e920";
}
.icon-011:before {
    content: "\e921";
}
.icon-chevron-down:before {
    content: "\e923";
    margin-left: 3%;
}
.icon-chevron-left2:before {
    content: "\e924";
}
.icon-chevron-right2:before {
    content: "\e925";
}
.icon-chevron-small-down:before {
    content: "\e926";
}
.icon-chevron-small-left:before {
    content: "\e927";
}
.icon-chevron-small-right:before {
    content: "\e928";
}
.icon-open-book:before {
    content: "\e92a";
}
.icon-modern-mic:before {
    content: "\e932";
}
.icon-500px-with-circle:before {
    content: "\e930";
}
.icon-chevron-right:before {
    content: "\e900";
    top: 0;
    bottom: 0;
    margin: auto;

}
.icon-chevron-left:before {
    content: "\e901";
}
.icon-lock-closed:before {
    content: "\e902";
}
.icon-home3:before {
    content: "\e903";
}
.icon-office:before {
    content: "\e904";
}
.icon-pencil:before {
    content: "\e905";
}
.icon-quill:before {
    content: "\e906";
}
.icon-book:before {
    content: "\e907";
}
.icon-books:before {
    content: "\e908";
}
.icon-profile:before {
    content: "\e909";
}
.icon-files-empty:before {
    content: "\e90a";
}
.icon-copy:before {
    content: "\e90b";
}
.icon-stack:before {
    content: "\e90c";
}
.icon-phone:before {
    content: "\e90d";
}
.icon-location:before {
    content: "\e90e";
}
.icon-location2:before {
    content: "\e90f";
}
.icon-bubble:before {
    content: "\e910";
}
.icon-bubbles2:before {
    content: "\e911";
}
.icon-key:before {
    content: "\e912";
}
.icon-circle-up:before {
    content: "\e913";
}
.icon-circle-right:before {
    content: "\e914";
}
.icon-circle-down:before {
    content: "\e915";
}
.icon-file-pdf:before {
    content: "\e916";
}
/* intro */
.intro_area {
    max-width: 1000px;
    margin: 0px auto 30px;
    border: 1px solid #eeeeee;
    padding: 25px;
}
.article_content img.intro_img {
    width: 17%;
    float: left;
    margin: 0 3% 0 0;
}
.intro_textbox {
    width: 80%;
    float: right;
}
.intro_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 2rem;
    position: relative;
    letter-spacing: -.02em;
}
.intro_bottom .intro_name span:last-of-type:before {
    content: "／"
}

.intro_area.intro_top {
    padding: 10px;
}
.article_content .intro_top img.intro_img {
    width: 6%;
    margin: 0 3% 0 0;
}
.intro_top .intro_textbox {
    width: 90%;
}
.intro_top .intro_name{
	font-size: 14px;
	line-height: 1.65em;
}
.intro_top .intro_name span{
	font-size: 13px;
}
/*.intro_top .intro_name span:first-of-type{
	background:#eee;
	padding:3px 10px;
	margin-right: 5px;
}
.intro_top .intro_name span:last-of-type{
	display: block;
}
.intro_link {
	position: relative;
	display: block;
}
.intro_link:after {
	content: "";
	position: absolute;
	width:6px;
	height:6px;
	right: 0px;
	top:0;
	bottom:0;
	margin: auto;
	display: block;
	border-right: solid 2px #026471;
	border-bottom: solid 2px #026471;
	transform: rotate(-45deg);
}*/

.intro_text {
    font-size: 13px;
    line-height: 1.2rem;
    color: #2F2F2F;
    padding-top: 2%;
	text-align: justify;
}
.intro_name_br {
    display: none;
}
.intro_btn{
	position: relative;
	text-align: right;
}
.intro_btn a{
	position: relative;
	color:#fff;
	background: #026471;
	font-size: 13px;
	text-align: left;
	border-radius: 30px;
	padding:5px 30px 5px 15px;
}
.intro_btn a:after{
	content: "";
	position: absolute;
	width:6px;
	height:6px;
	right: 14px;
	top:0;
	bottom:0;
	margin: auto;
	display: block;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
}
.intro_capacity{
	font-size: 15px!important;
	margin-bottom: 5px;
}
.intro_capacity span{
	display: inline-block;
	content: "";
	
}
.intro_capacity span:before{
	content: "";
	display: none;
	
}
.intro_capacity span.title{
	background:#eee;
	padding:3px 10px;
}

@media screen and (max-width:1024px) {
	.article_content .intro_top img.intro_img {
		width: 6%;
	}
	.intro_top .intro_name{
		line-height: 2em;
	}
}
@media screen and (max-width:768px) {
    .intro_area {
        padding: 10px;
    }
    .intro_name {
        font-size: 14px;
        line-height: 1.4rem;
        width: 90%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .intro_name span:last-of-type:before {
        content: none;
    }
    .intro_name span:last-of-type {
        font-weight: normal;
		display: inline-block;
    }
	
    .article_content img.intro_img {
        max-width: 100px;
    }
    .article_content .intro_top img.intro_img {
        max-width: 50px;
		margin: 0px 1% 0 0;
    }
	.intro_top .intro_textbox {
		width: 88%;
	}
	.intro_top .intro_name {
		margin-top:0px;
		margin-bottom: auto;
		width: auto;
	}
	.article_content .intro_top img.intro_img {
		width: 10%;
        max-width: auto;
	}
	.intro_link {
		line-height: 2em;
	}
    .intro_name.trigger.is_sp::after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0px;
        border-top: solid 2px #999;
        border-right: solid 2px #999;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 45%;
        right: -20px;
        margin-top: -4px;
    }
    .intro_name_br {
        display: block;
    }
    .intro_text {
        font-size: 0.7rem;
        line-height: 1.1rem;
        color: #2F2F2F;
        padding-top: 0;
        padding-bottom: 10px;
    }
	.intro_capacity {
		text-align: left;
		line-height: 1.0em;
	}
	.intro_capacity span{
	display: inline;
	}
	.intro_capacity span span{
	display: inline-block;
	}
	
}

@media screen and (max-width:550px) {
	.intro_capacity span{
		font-size: 2.7vw;
	}
	.intro_bottom .intro_name span:last-of-type:before {
		content: ""
	}

}
@media screen and (max-width:425px) {
    .intro_name {
        font-size: 14px;
        line-height: 1.5rem;
        margin-top: 0.5rem
    }
    .intro_name span:last-of-type {
        font-size: 12px;
    }
    .intro_name span {
        margin-bottom: 0;
    }
	.article_content .intro_top img.intro_img {
		width: 10vw;
	}
	.intro_top .intro_name {
		margin-top:0px;
		font-size: 12px;
	}
	.intro_top .intro_textbox {
		width: 85%;
	}
	.intro_btn{
		text-align: center;
	}
	.intro_btn a{
		display: block;
		font-size: 12px;
	}
	.intro_capacity ,.intro_capacity span,.intro_capacity span span{
		font-size: 13px;
		line-height: 1.3rem!important;
	}
	.intro_capacity{
		margin-bottom: 10px;
	}
}



.txt_link_front {
    max-width: 1200px;
    width: 95%;
    margin: 30px auto 0;
    border: 1px dotted #999;
    text-align: center;
    padding: 15px 0;
}
.side-fee-area {
    margin-bottom: 30px;
    position: relative;
}
.side-fee-area a{
    text-align: center;
    background-color: #026471;
    padding: 7%;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.15rem;
    display: block;
}

.side-fee-area a::after {
    font-family: icomoon;
    content: "\e925";
    position: absolute;
    right: 10px;
    top: 28%;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

@media screen and (max-width:1024px) {
    .side-fee-area a{
        padding: 15px;
    }
    
    .side-fee-area a::after {
        top: 15px;
    }
}


/* コンテンツ内cv お問い合わせ(.side_box_contact) */
.side_box_contact02.cv_contents {
    margin-top: 10%;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
		border: solid 1px #b9dedc;

}
.cv_contents .side_box_contact_inner {
    padding: 20px 25px;
    position: relative;
    background-color: #edf7f1;
    color: #fff;
}
.side_box_contact02.cv_contents  .txt_contact {
    color: #000;
    font-size: 23px;
    padding: 14px 5px 0;
    margin-bottom: 0;
    text-align: center;
}
.side_box_contact02.cv_contents .side_box_contact_inner .phone_number i {
    font-size: 20px;
    position: relative;
    top: -2px;
    left: -5px;
}
.side_box_contact02.cv_contents .btn_mail a {
    display: block;
    padding: 15px 0;
    position: relative;
    line-height: 1.8em;
    text-align: center;
	background: #fff;
	color: #f28b1f;
	border: solid 1px #f28b1f;
	border-radius: 5px;
	width: 70%;
	margin: auto;
}
.cv_contents .sml_txt {
	color: #000000;
}

.cv_contents .tel {
	color: #026471;
}

.side_box_contact02.cv_contents .txt_contact {
	color: #000;
}
.side_box_contact02.cv_contents .txt_contact span{
	display: inline-block;
}
.cv_contents .tel_text02 a {
    font-size: 50px;
	color: #a52323;
	background: none;
}
@media screen and (max-width:767px) {
	.cv_contents .side_box_contact_inner {
	    background-color: #edf7f1;
	}
	.cv_contents .tel_text02 a {
        font-size: 8.5vw;
	    color: #FDC237;
    }
	.cv_contents .tel_text02 a .icon-phone {
		font-size: 5.5vw;
	}
	.cv_contents .tel a {
		padding: 10px;
		font-size: 7vw;
		border-radius: 5px;
		margin: 5px auto;
		display: block;
		color: #fff;
		background: #f28b1f;
	}
	.side_box_contact02.cv_contents .btn_mail a {
		position: relative;
		border-radius: 5px;
		width: auto;
	}
	.side_box_contact02.cv_contents .txt_contact {
		color: #000;
	}

}

@media screen and (max-width:500px) {
	.side_box_contact02.cv_contents .txt_contact{
        font-size: 5vw;
    }
	.cv_contents .side_box_contact_inner {
		padding: 10px 15px 20px;
	}
}



/*====================================== 下層ページ ======================================*/
/*------ メインコンテンツ (.article_content) ------*/
.article_content {
    width: 100%;
    max-width: 1200px;
    margin: 4rem auto 0;
    display: flex;
    justify-content: center;
}
.article_content .article_content {
    padding: 0;
}

/* 記事ページのテーブル */
#traffic .article_content .inbl {
	display: inline-block;
}
#traffic .article_content .article_wrap section table {
    border: 1px solid #9a9a9a;
    width: 100%;
    margin: 5% auto;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    table-layout: auto;
}
#traffic .article_content .article_wrap section table tr,#traffic .article_content .article_wrap section table th,#traffic .article_content .article_wrap section table td {
    border: 0.5px solid #9a9a9a;
/*    padding: 2.5%;*/
    padding: 0.6em;
    text-align: center;
    vertical-align: middle;
}
#traffic .article_content .article_wrap section table.table_style2 th {
    width: 25%;
    padding: 1rem;
}
#traffic .article_content .article_wrap section table.table_style2 td {
    text-align: left;
    padding: 1rem;
}
#traffic .article_content .article_wrap section table.table_style2 td ul{
	margin-bottom: 0;
}
#traffic .article_content .article_wrap section table.table_style3 th span, #traffic .article_content .article_wrap section table.table_style3 td span {
    display: inline-block;
}
#traffic .article_content .article_wrap section table.table_style4 td {
    text-align: left;
}
#traffic .article_content .article_wrap section table.table_style2 td ul{
	margin-bottom: 0;
}
#traffic .article_content .article_wrap section table.doc-table td {
    padding: 1.5em 1em 1.5em 0.5em;
}

#traffic .article_content .article_wrap section table.align_left th, #traffic .article_content .article_wrap section table.align_left td {
    text-align: left;
}
#traffic .article_content .article_wrap section table.align_left th span, #traffic .article_content .article_wrap section table.align_left td span {
    display: inline-block;
}
#traffic .article_content .article_wrap section table.table_style8 {
    width: 100%;
    table-layout: fixed;
    border: none;
}
#traffic .article_content .article_wrap section table.table_style8.sp {
	display: none;
}
#traffic .article_content .article_wrap section table.table_style8.pc {
	display: table;
}
#traffic .article_content .article_wrap section table.table_style8 td {
	text-align: left;
	width: 50%;
	padding: 2% 2% 2% 2.5%;
	vertical-align: top;
}

#traffic .article_content .article_wrap .Table_Type_2 tr,#traffic .article_content .article_wrap .Table_Type_2 th,#traffic .article_content .article_wrap .Table_Type_2 td {
    border: 0.5px solid #9a9a9a;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
#traffic .article_content .article_wrap .Table_Type_2 td{
	padding:5px;
}
#traffic .article_content .article_wrap .Table_Type_2 .bgblue {
    padding: 5px;
}
#traffic .article_content .article_wrap section table caption {
	font-weight: 700;
}
@media screen and (max-width:320px) {
#traffic .article_content .article_wrap section table caption {
	font-size: 15px;
}
}

.Table_Type_2 th, .Table_Type_2 td {
    padding: 2px;
    font-size: 0.7rem;
    width: auto;
    height: 25px;
    vertical-align: middle;
}
.Table_Type_2 th {
    background-color: #eee;
}
table.Table_Type_2 {
    margin-bottom: 1em;
    width: 100%;
}
#traffic .article_content .article_wrap section table.table_style5 th {
    width: 50%;
    padding: 1rem;
    text-align: center;
}
#traffic .article_content .article_wrap section table.table_style5 td {
    padding: 1rem;
     text-align: center;
}
#traffic .article_content .article_wrap section table.table_style6 th {
    width: 20%;
    padding: 1rem;
    text-align: center;
}
#traffic .article_content .article_wrap section table.table_style6 td {
    padding: 1rem;
     text-align: left;
}
#traffic .article_content .article_wrap section table.table_style6 th {
    padding: 1rem;
    text-align: center;
}
#traffic .article_content .article_wrap section table.table_style7{
    padding: 1rem;
    table-layout: fixed;
}
#traffic .article_content .article_wrap section table.table_style7 caption {
    font-weight: bold;
}
td.Redbook_ab {
    padding: 5px 0 !important;
    font-size: 13px;
    text-align: center;
    position: relative;
}
span.Rab1 {
    color: #990000;
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 0.8rem;
}
span.Rab2 {
    bottom: 2px;
    left: 2px;
    position: absolute;
    font-size: 0.8rem;
}
@media screen and (max-width:768px) {
    #traffic .article_content .article_wrap section table.table_style2 th, #traffic .article_content .article_wrap section table.table_style2 td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none;
        font-size: 16px;
        padding: 5px 10px;
    }
    #traffic .article_content .article_wrap section table.table_style2 th {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border-top: none!important;
        border-left: none!important;
        border-right: none!important;
    }
    #traffic .article_content .article_wrap section table.table_style2 td {
        border: none!important;
    }
    #traffic .article_content .article_wrap section table.doc-table td {
        padding: 1em 1em;
    }
    #traffic .article_content .article_wrap section table.table_style5 tr, 
    #traffic .article_content .article_wrap section table.table_style6 tr{
        border: none!important;
    }
    #traffic .article_content .article_wrap section table.table_style5 th {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none!important;
        border-bottom: 1px solid #9a9a9a!important;
        font-size: 16px!important;
    }
    #traffic .article_content .article_wrap section table.table_style5 td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none!important;
        border-bottom: 1px solid #9a9a9a!important;
        font-size: 16px;
    }
    #traffic .article_content .article_wrap section table.table_style5,
    #traffic .article_content .article_wrap section table.table_style6{
        border-bottom: none!important;
    }
    #traffic .article_content .article_wrap section table.table_style6 th {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none!important;
        border-bottom: 1px solid #9a9a9a!important;
        font-size: 16px;
    }
    #traffic .article_content .article_wrap section table.table_style6 td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none!important;
        border-bottom: 1px solid #9a9a9a!important;
        font-size: 16px;
    }
    #traffic .article_content .article_wrap section table.table_style7{
        font-size: 16px;
    }
    #traffic .article_content .article_wrap section table.table_style7.sp-td-textLeft td{
        text-align: left;
    }
	#traffic .article_content .article_wrap section table.table_style8 td {
		padding: 2% 2%  2% 4%;
		font-size: 16px;
	}
}
@media screen and (max-width:600px) {
	#traffic .article_content .article_wrap section table.table_style4 {
			min-width: 600px;
	}
}

@media screen and (max-width:480px) {
    #traffic .article_content .article_wrap section table {
        font-size: 14px;
        /*font-size: 120%;*/
    }
    #traffic .article_content .article_wrap section table.table_style2 th, #traffic .article_content .article_wrap section table.table_style2 td {
        font-size: 14px;
    }
	#traffic .article_content .article_wrap section table.table_style8.sp {
		display: block;
	}
	#traffic .article_content .article_wrap section table.table_style8.pc {
		display: none;
	}
	#traffic .article_content .article_wrap section table.table_style8 td {
		font-size: 15px;
		padding: 2% 2% 2% 2.5%;
	}
	#traffic .article_content .article_wrap section table.table_style8 td li {
		margin-bottom: 1.5%;
	}
	#traffic .article_content .article_wrap section table.table_style8 td li:last-of-type {
		margin-bottom: 0;
	}
}
/*---------------------------- メインコンテンツ 左カラム(.article_wrap) ----------------------------*/
.article_wrap {
    width: 70%;
    margin-bottom: 3em;
    font-size: 18px;
    max-width: 800px;
    position: relative;
}
.article_content img {
    border: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 2em auto;
}
.article_content .price_inner img {
    margin: 0 auto 2em !important;
}
.article_content .enpou_img img {
    margin: 0 auto 2em !important;
}
.article_content .pimg {
    width: 100%;
    max-width: 780px;
}
.article_wrap section {
    margin: 80px auto;
}
.article_wrap section p {
    padding: 0 1%;
    margin-bottom: 2em;
}
@media screen and (max-width:1200px) {
    .article_content {
        padding: 0 2%;
    }
}
@media screen and (max-width:1024px) {
    .article_content {
        width: 90%;
        margin: 90px auto 0;
        display: block;
    }
    .article_content {
        padding: 5%;
    }
}
@media screen and (max-width:1023px) {
    .article_content {
        margin: 0 auto;
    }
}
@media screen and (max-width:768px) {
    .article_content {
        padding: 30px 5%;
    }
}
@media screen and (max-width:768px) {}
@media screen and (min-width:426px) {
    .article_content p {
        font-size: 18px;
    }
    .article_content .simg, .article_content .s_img {
        display: none !important;
    }
    .article_content .pimg, .article_content .p_img {
        display: block !important;
    }
}
@media screen and (max-width:425px) {
    .article_content p {
        margin: 0 auto;
        line-height: 2;
        font-size: 16px;
    }
    .article_content .simg, .article_content .s_img {
        display: block !important;
    }
    .article_content .pimg, .article_content .p_img {
        display: none !important;
    }
}
@media screen and (max-width:320px) {
    .article_content p {
        font-size: 15px;
    }
}
.font_large {
    font-size: 1.5em;
    vertical-align: text-bottom;
    line-height: 1em;
}
.article_content p.example {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
}
.article_content p.text {
    line-height: 1.8;
    margin-bottom: 1.5rem!important;
    padding: 0!important;
}
.article_content p.text_mb0 {
	line-height: 1.8;
	margin-bottom: 0 !important;
	padding: 0!important;
}


/*目次*/
#toc_container {
	width: 100% !important;
	margin: 40px auto 4rem;
	background: #f3f3f3;
	border: 1px solid #ddd;
}
#toc_container .toc_title {
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
}
#toc_container .toc_title a {
	color: #216c9c;
}
#toc_container .toc_list {
	padding: 0 30px 30px;
	font-size: 16px;
}
#toc_container .toc_list ul {
	margin-left: 1rem;
}
#toc_container .toc_list li {
	font-weight: bold;
}
#toc_container .toc_list a {
	color: #1d1d1d;
	transition: all .3s;
	margin-bottom: 1rem;
    display: flex;
    line-height: 1.3;
}
#toc_container .toc_list li a .toc_number {
	margin-right: 5px;
	color: #216c9c;
}
@media screen and (max-width: 768px) {
	#toc_container .toc_list {
		padding: 0 5% 5%;
		font-size: 14px;
	}
}
/*目次出さない*/
.lower_p #toc_container {
    display: none;
}
.jirei #toc_container {
    display: none;
}
.s_jirei #toc_container {
    display: none;
}

/* 見出し */
.article_wrap h1 {
    font-size: 2rem;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    font-weight: initial;
    line-height:3.2rem;
}
@media screen and (max-width:768px) {
    .article_wrap h1 {
        font-size: 5vw;
        line-height: 2.5rem;
    }
}
@media screen and (max-width:550px) {
    .article_wrap h1 {
        line-height: 1.8rem;
    }
}
@media screen and (max-width:411px) {
    .article_wrap h1 {
        font-size: 6vw;
    }
}
/*投稿日・更新日*/
.tag_date{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2rem;
}
.posted_date {
    text-align: right;
}
.posted_date time.date {
    color: #555;
    font-size: 0.85em;
    font-weight: bold;
    display: block;
    margin: 0 !important;
}
@media screen and (min-width:500px) {
    time.date {
        display: inline;
    }
    time.date.update {
        margin: 0 20px 0 0;
    }
}
@media screen and (max-width:768px){
    .posted_date{
        position: absolute;
        top: -23px;
        right: 0;
        font-size: 12px;
    }
}
@media screen and (max-width:500px) {
    time.date {
        color: #555;
        font-size: 0.7em;
        font-weight: bold;
        display: block;
    }
    time.date.update {
        margin: 0;
    }
}

/*カテゴリタブ*/
#kotsujiko_tag {
	display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
#kotsujiko_tag li {
	margin-bottom: 0 !important;
}
#kotsujiko_tag li:not(:last-child) {
	margin-right: 0.5em;
}
#kotsujiko_tag li a{
	display: inline-block;
	border: 1px solid #1e8d9a;
    background-color: #1e8d9a;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 4px;
}
#kotsujiko_tag li a:hover{
	background: #fff;
	color: #1e8d9a;
}
@media screen and (max-width:768px){
    .tag_date{
        display: block;
        padding-bottom: 10px;
    }
    #kotsujiko_tag li{
        margin-bottom: 0.5rem !important;
    }
    #kotsujiko_tag li a{
		font-size: 14px;
	}
}
@media screen and (max-width:500px) {
	
}


/* 共通 */
.normal_list li, .article_wrap p span, .article_wrap section p span {
    line-height: 2;
}
ol.normal_list li {
    list-style: decimal;
}
.normal_list_none li {
    list-style: none;
}
.article_wrap section p span.memo {
    display: block;
    margin: 1em 0;
    padding: 1em 0.5em;
    background-color: #f2f2f2;
    font-size: 0.9em;
    text-align: center;
}
.new_line01 {
    display: inline-block;
    line-height: 2;
}
.new_line02 {
    display: block;
    margin-bottom: 2.5em;
    line-height: 2;
}
.new_line02:last-child {
    margin-bottom: 0;
}
.new_line03 {
    display: inline-block;
    margin: 2.5em 0;
}
.new_line04 {
    display: inline-block;
    margin-top: 1.5em;
}
.new_line05 {
    display: block;
}


.article_ttl {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    top: 20px;
}
.article_wrap .article_ttl_02 h2 {
    width: calc(100% - 40px);
    padding: 20px;
}
.article_wrap h2 {
	width: 100%;
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    top: 0;
    line-height: 1.3;
    padding: 1em 1em 1em 1.2em;
    margin: 2em 0 1.5em;
    font-weight: bold;
    background: linear-gradient(-60deg, #076799 0%, #076799 73%, #0985c5 50%, #0985c5 100%);
    text-align: left;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
}
.article_wrap h2:before {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 20px;
    width: 100%;
}
.article_wrap h2.tool:before{
	background: none;
}
.article_content .article_wrap h3 {
    padding: 10px 10px 10px 36px;
    background: #f2f4fb;
    background-size: auto 100%;
    font-size:22px;
    margin:65px 0 30px;
    line-height:1.4;
    color: #076799;
    border-left:4px solid #216c9c;
    font-weight: bold;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
}
/*.article_wrap h3 {
    font-size: 20px;
    padding: 0.5em 1.2em;
    margin: 2em 0 1.5em;
    font-weight: bold;
    position: relative;
}
.article_wrap h3::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: #fff;
    z-index: -1;
    display: inline-block;
}
.article_wrap h3::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(-45deg, #fff, #fff 2px, #999999 0, #999999 2.7px);
    z-index: -2;
}*/
.article_wrap h4 {
    font-size: 1.3rem;
    padding: 0.4em 1em;
/*    border-left: 3px solid;*/
    margin: 3em 0 1.5em 0;
    font-weight: bold;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
}
.article_wrap h5 {
    font-size: 1.3rem;
    padding: 0.1em 1em;
    border-left: 3px solid;
    margin: 3em 0 1.5em 0;
    font-weight: bold;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Std W6","游ゴシック", YuGothic, sans-serif;
}
.article_wrap h3 span, .article_wrap h4 span {
/*    padding-top: 6em;
    margin-top: -6em;*/
}
.article_content h5 span {
    padding-left: 2em;
}
.article_content h5 {
    line-height: 2;
    position: relative;
    font-size: 1.2rem;
}
/*.article_content h5::before {
    content: "";
    display: block;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #000;
    left: 1em;
    top: 13px;
    display: inline-block;
}*/
@media screen and (max-width:1024px) {
    .article_content .article_wrap h3 {
        font-size: 20px;
        padding: 5px 20px;
        margin: 55px 0 25px;
    }
}

@media screen and (max-width:768px) {
    p.enpou_title span {
        line-height: 1;
    }
    .article_content .article_wrap h3 {
        font-size: 20px;
        margin: 55px 0 20px;
    }
}
@media screen and (max-width:550px) {
    .article_content .article_wrap h3 {
        font-size: 18px;
        margin: 40px 0 10px;
    }
}
@media screen and (max-width:420px) {
    .article_wrap h2 {
        font-size: clamp(18px,5vw,21px);
        padding: 1em;
    }
    .article_content .article_wrap h3 {
        font-size: 4.8vw;
        padding: 8px 10px 8px 12px;
/*        padding: 1em;
        line-height: 1.5rem;*/
    }
    .article_wrap h4 {
        font-size: 4.8vw;
    }
    .article_wrap h5 {
        font-size: 4.8vw;
    }
}
.title_index_period {
    text-indent: 1.5em;
    position: relative;
}
.title_index_period::after {
    content: counter(period) ".";
    counter-increment: period;
    position: absolute;
    top: 0.8em;
    left: -0.5em;
    font-size: 1em;
}
.title_index_period02 {
    text-indent: 1.5em;
    position: relative;
    border-bottom: 1px solid #2f4097;
}
.title_index_period02::after {
    content: counter(period2) ".";
    counter-increment: period2;
    position: absolute;
    top: 0;
    left: -15px;
    font-size: 1em;
}
.title_index_period03 {
    padding-left: 1.5em;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #a2c9ea 70%);
}
.title_index_period03::after {
    content: counter(period) ".";
    counter-increment: period;
    position: absolute;
    top: -4px;
    left: 5px;
    line-height: 1.75em;
}
/* 詳細ボタン(.link_btn) */
.article_wrap .link_btn {
    color: #201100;
    background-color: #e5f2c3;
    font-weight: bold;
    width: 95%;
    text-align: center;
    display: block;
    line-height: 1.3;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1)inset;
    padding: 0.9em 3em 0.9em 1.5em;
    border-radius: 5px;
    margin: -1em auto 1.5em;
    position: relative;
    box-sizing: border-box;
}
.article_wrap .link_btn::after {
    font-family: "hugicons";
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 4%;
}
.article_wrap .link_btn.lp {
    background-color: #fffce1;
    border: 2px #ff7800 solid;
    color: #ff7800;
    padding: 1.4rem 2.5em 1.3em 1em;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
}
/* 詳細ボタン(.link_text) */
.article_wrap ul.link_text {
    width: 93%;
    padding: 0.5rem 0;
    margin: -1rem auto 0;
    background-color: #F4F9FC;
    border: 1px #DDE9F4 solid;
    position: relative;
    z-index: 98;
}
.article_wrap ul.link_text:before {
    content: "こちらもチェック!";
    display: inline-block;
    padding: 0.2em 0.5rem;
    margin: 0 0 0.5em 0.9em;
    font-size: 0.65em;
    color: #fff;
    background-color: #124488;
    border-radius: 5rem;
    letter-spacing: -0.08em;
}
.article_wrap ul.link_text li {
    margin: 0 0 0.5rem;
    padding: 0 0.2rem 0 0.8rem;
}
.article_wrap ul.link_text li a {
    font-size: 0.8em;
    border-bottom: 1px #333 dotted;
}
.article_wrap ul.link_text li a i {
    margin: 0 0.4rem 0 0;
}
@media screen and (min-width:400px) {
    .article_wrap ul.link_text li a {
        font-size: 0.9em;
    }
    .article_wrap ul.link_text li {
        padding: 0 0 0 1.2rem;
    }
    .article_wrap ul.link_text:before {
        margin: 0 0.2rem 0.5em 1.2rem;
    }
}
/* 詳細ボタン2列(.link_btn02) */
.article_wrap .link_btn02 {
    color: #201100;
    background-color: #deeaee;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1.3;
    padding: 0.9em 30% 0.9em;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
}
.article_wrap .link_btn02::after {
    font-family: "hugicons";
    content: "\f054";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 4%;
}
.article_wrap .link_btn02.lp {
    background-color: #fffce1;
    border: 2px #ff7800 solid;
    color: #ff7800;
    padding: 1.4rem 2.5em 1.3em 1em;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
}
.article_wrap .genin_btn {
    display: flex;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article_wrap .genin_btn p {
    width: 49%;
    padding: 0;
    margin: 0 0 0.7em;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
}
@media screen and (max-width:768px) {
    .article_wrap .link_btn02 {
        text-align: left;
        padding: 0.9em 1em 0.9em;
    }
}
@media screen and (max-width:414px) {
    .article_wrap .link_btn02 {
        font-size: 4vw;
    }
}
/*---------------------------- メインコンテンツ 右カラム(.sidebar_wrap) ----------------------------*/
.sidebar_wrap {
    padding: 0 0 0 5%;
    max-width: 325px;
}

.side-sml-annotation {
    font-size: 11px !important;
    margin: 2% auto;
}

/* サイドメニュー　CVエリア */
.side-gray_yellow-area {
    border: 1px solid #e4e4e4;
    background: linear-gradient(-50deg, #f5f5f5 0%, #f5f5f5 60%, #fefeeb 50%, #fefeeb 100%);
    padding: 5%;
    margin-bottom: 5%;
}
.side-gray-area {
    border: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    padding: 5%;
    margin-bottom: 5%;
}
.side-cv-area {
    background-color: #fff;
    padding-bottom: 140px;
    position: relative;
    background-image: url(/images/koutsujiko/koutsujiko/side-cv-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.side-cv-area .side-cv-txt-area {
    background-color: #e5e5e5;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.5rem;
    padding: 3%;
}
.side-cv-area .side-cv-txt-inner {
    margin: auto;
    padding: 2% 2% 0 2%;
    text-align: center;
}
.side-cv-area .tel {
    font-size: 40px;
    font-family: "Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #b33440;
    padding-left: 25px;
    letter-spacing: -.04em;
    line-height: 2.5rem;
    padding-top: 10px;
}
.side-cv-area .tel .small {
    font-size: 34px;
}

.side-cv-area .tel::before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/images/koutsujiko/koutsujiko/cv-tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    margin-top: 7px;
    display: inline-block;
}
.side-cv-area .tel.para {
    font-size: 31px;
}
.side-cv-area .tel.para::before {
    width: 23px;
    height: 23px;
    left: 10px;
    margin-top: 10px;
}
.side-cv-area .side-sml-annotation {
    font-size: 11px;
    margin: auto;
    padding-left: 11%;
    line-height: .9rem;
    padding-top: 15px;
    font-weight: bold;
}
.side-cv-area .taiou {
    margin: 3px auto 0;
}
.side-cv-area .taiou span {
    background-color: #b33440;
    color: #fff;
    padding: 3px 5px;
    margin: 0 3px;
}
.side-cv-area .cv_mail_btn {
    max-width: 260px;
    margin: auto;
}
.side-cv-area .cv_mail_btn a {
    background-color: #1e8d9a;
    padding: 5% 10%;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin: 2% auto 0;
    max-width: 230px;
    position: relative;
    font-size: 16px;
}
.side-cv-area .cv_mail_btn a::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/mail-icon.svg);
    left: 40px;
    top: 17px;
    display: inline-block;
}




/* 交通事故の被害に遭いお困りの方へ */
.side-trouble-txt-area ul li {
    margin-bottom: 2%;
    position: relative;
}
.side-trouble-txt-area ul li:last-of-type {
    margin-bottom: 0;
}
.side-trouble-txt-area ul li a {
    background-color: #fff;
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    border-radius: 5px;
    line-height: 1.2rem;
    height: 52px;
    display: table-cell !important;
    vertical-align: middle;
    padding: 3px 4% 0 20%;
    width: 300px;
    color: #076799 !important;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #eaeaea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.side-trouble-txt-area ul li a.trouble01::before {
    content: "";
    width: 33px;
    height: 33px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 11px;
    left: 17px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble02::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 12px;
    left: 15px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble03::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 12px;
    left: 15px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble04::before {
    content: "";
    width: 35px;
    height: 40px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 6px;
    left: 16px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble05::before {
    content: "";
    width: 34px;
    height: 36px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon05.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 11px;
    left: 15px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble06::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon06.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 12px;
    left: 17px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble07::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon07.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 12px;
    left: 20px;
    display: inline-block;
}
.side-trouble-txt-area ul li a.trouble08::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/side-trouble-icon08.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 14px;
    left: 16px;
    display: inline-block;
}
.side-trouble-txt-area ul li a::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    top: 22px;
}
.side-trouble-txt-area ul li a:hover {
    background-color: #fefeeb;
    opacity: 1 !important;
}     
.fukidashi-midashi {
    position: relative;
    display: block;
    margin-bottom: 1.5em !important;
    padding: 30px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #000;
    font-size: 22px !important;
    background: #fff;
    border-radius: 5px;
    text-align: center !important;
    font-weight: bold;
    line-height: 1.7rem !important;
}
  
.fukidashi-midashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 10px solid #fff;
}
  
.fukidashi-midashi p {
    margin: 0;
    padding: 0;
}

/* 交通事故事件の経験豊富な弁護士が全面サポート */
.side-support-gray-area {
    border: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    margin-bottom: 5%;
}
.side-support-txt-area ul {
    background-color: #e5e7e7;
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    border-radius: 5px;
    line-height: 1.2rem;
    height: 52px;
    display: table-cell !important;
    vertical-align: middle;
    width: 300px;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #eaeaea;
}
.side-support-txt-area ul li {
    color: #000 !important;
    padding: 0 4%;
    position: relative;
    line-height: 3rem;
}
.side-support-txt-area ul li::after {
    content: "";
    display: block;
    border-top: solid 1px #cccece;
    border-bottom: solid 1px #f5f5f5;
}
.side-support-txt-area ul li:last-of-type::after {
    border: none;
}
.side-support-txt-area ul li::before {
    content: "";
    width: 18px;
    height: 19px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/check@2x.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 30px;
    left: 15px;
    display: inline-block;
}
.side-support-txt-area ul li div {
    padding-left: 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
}
.side-support-txt-area .black-txt_area {
    width: 95px;
    text-align: center;
    letter-spacing: 0.5rem;
}
.side-support-txt-area .red-waku_area {
    width: 130px;
    text-align: center;
    letter-spacing: .1rem;
}

.side-support-txt-area .red-waku {
    width: 130px;
    background-color: #b33440;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin: 10% 0;
}
.side-support-txt-area .red-waku02 {
    width: 130px;
    background-color: #b33440;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin: 10% 0;
    padding: 3% 0;
}
.side-support-txt-area .red-waku .big-txt {
    font-size: 34px;
    vertical-align: -.5rem;
}
.side-support-txt-area .red-waku .en-txt {
    vertical-align: -.4rem;
}
.side-support-txt-area .middle-txt {
    font-size: 21px;
}
.bentoku {
    background-image: url(/images/koutsujiko/koutsujiko/side-bentoku-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 5% 0;
    height: 253px;
}
.bentoku.webp {
    background-image: url(/images/koutsujiko/koutsujiko/side-bentoku-bg.webp);

}
.bentoku-txt {
    margin: auto;
    display: table;
    font-weight: bold;
    font-size: 26px !important;
    line-height: 2rem;
    text-align: center;
    padding-top: 160px;
}
.bentoku-txt .middle-size {
    font-size: 22px;
}
.bentoku-txt .green-waku {
    background-color: #1e8d9a;
    color: #fff;
}
.side-support-txt-area .side-sml-annotation {
    font-size: 11px !important;
    margin: 3%;
    line-height: 1rem;
}
.side-support-txt-area .support-txt {
    margin: auto;
    display: table;
}
.fukidashi-midashi02 {
    position: relative;
    display: block;
    margin-bottom: 1.5em;
    padding: 30px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #000;
    font-size: 22px !important;
    background: #fff;
    border-radius: 5px;
    text-align: center !important;
    font-weight: bold;
    line-height: 1.7rem !important;
    margin: 5% 5% 1.5em;
}
  
.fukidashi-midashi02:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 10px solid #fff;
}
  
.fukidashi-midashi02 p {
    margin: 0;
    padding: 0;
}

/* サイド各種ボタン */
.side-fee-btn {
    border: 1px solid #cccccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 5%;
    height: 95px;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    background-image: url(/images/koutsujiko/koutsujiko/fee-btn-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    max-width: 325px;
    position: relative;
}

.side-fee-btn .side-fee-btn-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.side-fee-btn .inductiontxt {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 1px;
    left: 193px;
}
.side-fee-btn .inductiontxt::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 7px;
    right: -20px;
}

.side-songai-tool-btn {
    border: 1px solid #cccccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 5%;
    height: 95px;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    background-image: url(/images/koutsujiko/koutsujiko/songai-tool-btn-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    max-width: 325px;
    position: relative;
}

.side-songai-tool-btn .side-songai-tool-btn-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.side-songai-tool-btn .inductiontxt {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 1px;
    left: 193px;
}
.side-songai-tool-btn .inductiontxt::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 7px;
    right: -20px;
}

.side-muryo-shindan-btn {
    border: 1px solid #cccccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 5%;
    height: 95px;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    background-image: url(/images/koutsujiko/koutsujiko/muryo-shindan-btn-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    max-width: 325px;
    position: relative;
}

.side-muryo-shindan-btn .side-muryo-shindan-btn-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.side-muryo-shindan-btn .inductiontxt {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 1px;
    left: 193px;
    width: 98px;
}
.side-muryo-shindan-btn .inductiontxt::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 7px;
    right: -20px;
}
.btn-ttl {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    height: 95px;
    padding-left: 5%;
    width: 200px;
    line-height: 1.5rem;
    font-weight: bold;
}



/* 交通事故コラム */
.side-column-txt-area ul {
    background-color: #fff;
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    border-radius: 5px;
    line-height: 1.2rem;
    display: block;
    padding: 4%;
    color: #076799 !important;
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #eaeaea;

    height: 560px;
    overflow: hidden;
    overflow-y: scroll !important;
} 
.side-column-txt-area ul li {
    margin: 2% 0;
    border-bottom: 1px dotted #000;
    position: relative;
    display: grid;
}
.side-column-txt-area ul li a {
    padding: 5% 8% 8% 0;
    font-size: 14px;
    position: relative;
    display: inline-grid;
    -webkit-align-items: center;
    align-items: center;
}
.side-column-txt-area ul li a::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow_gray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    display: inline-block;
}
.side-column-txt-area ul li:last-of-type {
    margin-bottom: 0;
}

.side-column-txt-area .update_date {
    font-size: 0.7rem;
}

.side-column-txt-area ul.list_pickup {
    height: 560px;
    overflow: hidden;
    overflow-y: scroll !important;
}

/* 事務所案内 */
.side-office-txt-area ul {
    background-color: #fff;
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset;
    border-radius: 5px;
    line-height: 1.2rem;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #eaeaea;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    padding: 5%;
} 
.side-office-txt-area ul li {
    width: calc(100% / 2);
    display: inline-grid;
    text-align: center;
} 
.side-office-txt-area ul li a {
    background-color: #076799;
    color: #fff;
    padding: 10%;
    margin: 2px;
    display: block;
} 
.side-office-txt-area ul li a.disable {
    pointer-events: none;
}


@media screen and (max-width:1200px) {
    .sidebar_wrap {
        padding: 0 5% !important;
    }
}

@media screen and (max-width:1024px) {
    .article_wrap {
        width: 100%;
        max-width: 100%;
    }
    .side-gray_yellow-area {
        display: none !important;
    }
    .sidebar_wrap {
        padding: 0 !important;
        max-width: 100%;
    }
    .side-trouble-txt-area ul {
        display: flex;
        flex-wrap: wrap;
        margin: auto;
    }
    .side-trouble-txt-area ul li {
        margin: 3px auto;
        width: calc(100% / 2);
        justify-content: space-between;
    }
    .side-trouble-txt-area ul li a {
        width: 98%;
        padding: 3px 25px 0 60px;
        display: flex !important;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }
    .side-support-txt-area ul {
        display: flex !important;
        height: auto;
        width: 100%;
        padding: 5% 0;
    }
    .side-support-txt-area ul li div {
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 20px;
    }
    .side-support-txt-area ul li::after {
        border: none;
    }
    .side-support-txt-area ul li {
        line-height: 2rem;
        padding: 0;
    }
    .side-support-txt-area .red-waku,.side-support-txt-area .red-waku02 {
        margin: 5% 0;
    }
    .side-support-txt-area ul li::before {
        top: 9px;
        left: 36px;
    }
    .side-column-txt-area ul {
        height: 300px;
    }
    .side-column-txt-area ul.list_pickup {
        height: 300px;
    }
    .side-column-txt-area ul li:first-of-type {
        margin: 0 0 2%;
    }
    .side-column-txt-area ul li {
        margin: 2% 0 2%;
    }
    .side-office-txt-area ul li {
        width: calc(100% / 5);
    }
    .side-column-txt-area ul li a {
        padding: 0 4% 2.5% 0;
    }
    .side-support-txt-area .support-txt {
        display: flex;
        margin: 5%;
    }
    .bentoku-bottom {
        display: block;
    }
    .bentoku {
        margin: 0 auto;
        background-image: url(/images/koutsujiko/koutsujiko/sp-side-bentoku-bg.png);
        background-size: cover;
        background-position: center;
    }
    .bentoku.webp {
        background-image: url("/images/koutsujiko/koutsujiko/sp-side-bentoku-bg.webp");
    }
    .bentoku-txt {
        color: #fff;
        padding-top: 140px;
    }
    .side-support-txt-area .side-sml-annotation {
        margin: 5%;
        text-align: left;
    }

    .side-btn-area {
        display: flex;
        justify-content: space-between;
    }
    .side-fee-btn,.side-songai-tool-btn,.side-muryo-shindan-btn {
        max-width: 280px;
        height: 80px;
    }
    .side-fee-btn .inductiontxt,.side-songai-tool-btn .inductiontxt,.side-muryo-shindan-btn .inductiontxt {
        left: auto;
        bottom: -1px;
        right: 17px;
    }
    .side-fee-btn .inductiontxt::after,.side-songai-tool-btn .inductiontxt::after,.side-muryo-shindan-btn .inductiontxt::after {
        top: 8px;
        margin-left: 5px;
        right: initial;
    }
    .btn-ttl {
        height: 82px;
        font-size: 1.5vw;
        line-height: 1rem;
    }
}
@media screen and (max-width:950px) {
    .side-btn-area {
        display: block;
        justify-content: space-between;
    }
    .side-fee-btn, .side-songai-tool-btn, .side-muryo-shindan-btn {
        max-width: 100%;
        height: 80px;
        margin: 2% auto 5%;
        background-size: contain;
    }
    .btn-ttl {
        font-size: 16px;
    }
    .side-support-txt-area ul li::before {
        top: 9px;
        left: 27px;
    }

}
@media screen and (max-width:850px) {
    .side-support-txt-area ul li::before {
        top: 9px;
        left: 17px;
    }
}
@media screen and (max-width:768px) {
    .side-trouble-txt-area ul {
        display: block;
    }
    .side-trouble-txt-area ul li {
        width: 100%;
    }

    .side-office-txt-area ul li a {
        height: 20px;
        display: block;
    }
    .side-column-txt-area ul li a::after {
        top:15px;
        display: inline-block;
        right: 0;
    }
    .bentoku-txt .green-waku {
        padding: 3px;
    }
    .side-support-txt-area ul {
        display: flex !important;
        flex-wrap: wrap;
    }
    .side-support-txt-area ul li {
        line-height: 2rem;
        width: calc(80% / 2);
        padding: 1% 3%;
        margin: auto;
    }
    .side-support-txt-area ul li::after {
        border-top: solid 1px #cccece;
        border-bottom: solid 1px #f5f5f5;
    }
    .side-support-txt-area ul li:last-of-type::after {
        border-top: solid 1px #cccece;
        border-bottom: solid 1px #f5f5f5;
    }
    .side-support-txt-area ul li::before {
        top: 9px;
        left: auto;
        right: 72%;
    }
}
@media screen and (max-width:500px) {
    .side-trouble-txt-area ul li a {
        font-size: 3.5vw;
        padding: 3px 25px 0 35px;
    }
    .side-trouble-txt-area ul li a.trouble01::before {
        width: 25px;
        height: 25px;
        top: 14px;
        left: 11px;
    }
    .side-trouble-txt-area ul li a.trouble02::before {
        width: 20px;
        height: 20px;
        top: 17px;
        left: 10px;
    }
    .side-trouble-txt-area ul li a.trouble03::before {
        width: 25px;
        height: 30px;
        top: 15px;
        left: 8px;
    }
    .side-trouble-txt-area ul li a.trouble04::before {
        width: 25px;
        height: 40px;
        top: 11px;
        left: 9px;
    }
    .side-trouble-txt-area ul li a.trouble05::before {
        width: 24px;
        height: 36px;
        top: 15px;
        left: 9px;
    }
    .side-trouble-txt-area ul li a.trouble06::before {
        width: 20px;
        height: 20px;
        top: 17px;
        left: 11px;
    }
    .side-trouble-txt-area ul li a.trouble07::before {
        width: 20px;
        height: 25px;
        top: 15px;
        left: 12px;
    }
    .side-trouble-txt-area ul li a.trouble08::before {
        width: 22px;
        height: 20px;
        top: 19px;
        left: 10px;
    }
    .side-trouble-txt-area ul li a div {
        line-height: 1rem;
    }
    .side-office-txt-area ul li {
        width: calc(100% / 2);
    }
    li::before{
        display: block;
    }
}





@media screen and (max-width:425px) {
    .bentoku p {
        line-height: 2rem;
    }

     .side-support-txt-area .red-waku, .side-support-txt-area .red-waku02 {
        margin: 0 0 10%;
        width: 100%;
    }
    .side-support-txt-area .red-waku02 {
        padding: 3% 0;
    }
    .side-support-txt-area ul li div {
        padding-left: 0;
        font-size: 16px;
    }
    .side-support-txt-area ul li {
        line-height: 2rem;
        width: calc(95% / 2);
        padding: 1% 0;
        margin: auto;
    }
    .side-support-txt-area .red-waku .big-txt {
        vertical-align: -.7rem;
    }
    .side-support-txt-area .red-waku .en-txt {
        vertical-align: -.5rem;
    }
    .side-support-txt-area ul li::before {
        top: 9px;
        left: auto;
        right: 84%;
    }
    .fukidashi-midashi02 {
        margin: 5% 5% 1.5em !important;
    }
}
@media screen and (max-width:375px) {
    .side-trouble-txt-area ul li a div {
        line-height: 1rem;
        font-size: 4vw;
    }
    .side-column-txt-area ul li a::after {
        top: auto;
    }
    .side-trouble-txt-area ul li a {
        font-size: 3.5vw;
        padding: 3px 25px 0 40px;
        height: 60px;
    }
    .side-trouble-txt-area ul li a::after {
        top: 26px;
    }
    .side-trouble-txt-area ul li a.trouble01::before {
        top: 18px;
        left: 15px;
    }
    .side-trouble-txt-area ul li a.trouble02::before {
        top: 20px;
        left: 15px;
    }
    .side-trouble-txt-area ul li a.trouble03::before {
        top: 19px;
        left: 12px;
    }
    .side-trouble-txt-area ul li a.trouble04::before {
        top: 16px;
        left: 14px;
    }
    .side-trouble-txt-area ul li a.trouble05::before {
        top: 19px;
        left: 14px;
    }
    .side-trouble-txt-area ul li a.trouble06::before {
        top: 22px;
        left: 15px;
    }
    .side-trouble-txt-area ul li a.trouble07::before {
        top: 19px;
        left: 16px;
    }
    .side-trouble-txt-area ul li a.trouble08::before {
        top: 22px;
        left: 15px;
    }
}
@media screen and (max-width:360px) {
    .bentoku {
        margin: 0 auto;
        width: 100% !important;
    }
    .bentoku-txt {
        font-size: 22px !important;
    }
    .fukidashi-midashi02 {
        font-size: 19px !important;
    }
}
@media screen and (max-width:320px) {
    .side-column-txt-area ul li a {
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        height: 70px;
    }
    .side-column-txt-area ul li a::after {
        top: 40%;
    }
}

/* 下層CVエリア */
.underlayer-cv-area {
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    background-image: url(/images/koutsujiko/koutsujiko/main-cv-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin: 40px 0;
}
.underlayer-cv-area .cv-inner {
    width: 60%;
    margin: 3% 5%;
    position: relative;
}
.underlayer-cv-area .cv-inner .cv-catch {
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    font-size: 20px;
    padding: 1%;
}
.underlayer-cv-area .cv-inner a .cv-tel {
    font-size: 3.5rem;
    font-family: "Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    color: #b33440;
    padding-left: 25px;
    letter-spacing: -.04em;
    line-height: initial;
    padding-top: 10px;
    text-align: center;
}

.underlayer-cv-area .cv-inner a .cv-tel::before {
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(/images/koutsujiko/koutsujiko/cv-tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-top: 17px;
    margin-left: -40px;
    display: inline-block;
}
.underlayer-cv-area .cv-inner .cv-taiou {
    color: #b33440;
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
    text-align: center;
}
.underlayer-cv-area .cv-inner .cv-mail a {
    background-color: #034047;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin: 3% 0 2%;
    padding: 1%;
    height: 31px;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
	position: relative;
}
.underlayer-cv-area .cv-inner .cv-mail a::after {
    content: "";
    width: 14px;
    height: 15px;
    background-image: url(/images/koutsujiko/koutsujiko/right-arrow_wh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
    right: 8px;
    display: inline-block;
}
.underlayer-cv-area .cv-inner .cv-annotation {
    font-size: 10px;
    line-height: 1.3 !important;
}
.underlayer-cv-area .cv-inner .cv-annotation span {
    line-height: 1.3 !important;
    letter-spacing: -.01rem;
}


@media screen and (max-width:1200px) {
    .underlayer-cv-area .cv-inner .cv-tel {
        font-size: 5vw;
    }
    .underlayer-cv-area .cv-inner .cv-tel::before {
        width: 3.5vw;
        margin-top: 18px;
        margin-left: -10%;
    }
    .underlayer-cv-area .cv-inner .cv-catch {
        font-size: 1.5vw;
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel {
        font-size: 4vw;
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel::before {
        width: 2.8vw;
        height: 2.8vw;
    }
}
@media screen and (max-width:1027px) {
    .underlayer-cv-area {
        background-position: 210px;
    }
    .underlayer-cv-area .cv-inner a .cv-tel {
        font-size: 3.4rem;
    }
}

@media screen and (max-width:1024px) {
    .underlayer-cv-area .cv-inner .cv-tel {
        font-size: 6.5vw;
        letter-spacing: -.1rem;
    }
    .underlayer-cv-area .cv-inner .cv-tel::before {
        width: 5vw;
        height: 48px;
        margin-top: 4%;
        margin-left: -9%;
    }
    .underlayer-cv-area .cv-inner .cv-catch {
        font-size: 2vw;
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel {
        font-size: 5.5vw;
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel::before {
        width: 4vw;
        height: 4vw;
    }
    .underlayer-cv-area {
        background-position: right;
    }
}
@media screen and (max-width:900px) {
}
@media screen and (max-width:768px) {
    .underlayer-cv-area .cv-inner .cv-catch {
        font-size: 2.5vw;
    }
    .underlayer-cv-area .cv-inner a .cv-tel {
        font-size: 6vw;
        letter-spacing: -.1rem;
        background-color: #b33440;
        border-radius: 5px;
        margin-top: 10px;
        padding: 10px;
        color: #fff !important;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
    }
    .underlayer-cv-area .cv-inner a .cv-tel::before {
        background-image: url(/images/koutsujiko/koutsujiko/cv-tel_wh02.svg);
        position: relative;
        width: 5vw;
        height: 5vw;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    .underlayer-cv-area .cv-inner a .cv-tel:hover {
        opacity: .6;
    }
    .underlayer-cv-area .cv-inner .cv-taiou {
        margin-top: 0;
    }
    .underlayer-cv-area {
        background-position: 120%;
    }
}
@media screen and (max-width:630px) {
    .underlayer-cv-area {
        background-position: 135%;
    }
    .underlayer-cv-area .cv-inner .cv-taiou {
        font-size: 2.3vw;
        margin-top: 0;
    }
}
@media screen and (max-width:590px) {
    .underlayer-cv-area .cv-inner {
        width: 90%;
    }
    .underlayer-cv-area {
        background-image: none;
    }
    .underlayer-cv-area .cv-inner a .cv-tel {
        font-size: 9.0vw;
    }
    .underlayer-cv-area .cv-inner a .cv-tel::before {
        width: 7vw;
        height: 7vw;
    }
    .underlayer-cv-area .cv-inner .cv-catch {
        font-size: 3.5vw;
    }
}

@media screen and (max-width:480px) {
    .underlayer-cv-area .cv-inner .cv-mail a {
        font-size: 4vw;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .underlayer-cv-area .cv-inner a .cv-tel::before {
        background-image: url(/images/koutsujiko/koutsujiko/cv-tel_wh02.svg);
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel {
        font-size: 7.5vw;
    }
    .underlayer-cv-area .cv-inner a.para .cv-tel::before {
        width: 5vw;
        height: 5vw;
    }
}
@media screen and (max-width:375px) {
    .underlayer-cv-area .cv-inner a .cv-tel {
        font-size: 9vw;
    }
    .underlayer-cv-area .cv-inner .cv-taiou {
        font-size: 3.5vw;
    }

}





@media screen and (max-width: 1024px){
    #footer_area {
        width: 96%;
        margin: 0 auto;
        padding-bottom: 100px !important;
    }
}






#traffic .pc {
    display: block;
}
#traffic .tb,#traffic .sp {
    display: none;
}
@media screen and (max-width:1200px){
	#traffic .tb {
		display: block;
	}
	
	#traffic .pc,#traffic .sp {
		display: none;
	}
}
@media screen and (max-width:768px){
	#traffic .sp {
		display: block;
	}
    #traffic .mv-area .sp {
        -moz-box-shadow: 10px 0px 0px 10px rgb(0,0,0,0.5);
        -webkit-box-shadow: 10px 0px 0px 10px rgb(0,0,0,0.5);
        box-shadow: 10px 0px 0px 10px rgb(0,0,0,0.5);
        box-shadow: 0px 3px 10px rgba(0,0,0,.8)
	}
	#traffic .pc,#traffic .tb {
		display: none;
	}
}




/* 弁護士費用 */
.fee .article_wrap .enpou_title {
    font-size: 28px;
    margin: 0 auto;
    border-bottom: solid 2px yellow;
    color: #003169;
    font-weight: bold;
    background: none;
    text-align: center;
}

.fee .article_wrap .box_btn {
    border: 1px solid;
    display: block;
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
    position: relative;
}

@media screen and (min-width: 480px){
    .fee .article_wrap .box_btn {
        width: 340px;
        display: block;
        margin: 0 auto;
    }
}

/*---------------------------------------------------
弁護士費用QA
---------------------------------------------------*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.fee .hiyou_pa_block {
    max-width: 900px;
    margin: 30px auto;
}
.fee .hiyou_pa_block:nth-child(2n) .hiyou_question {
    margin: 0 auto 20px;
    background-image: url("/images/koutsujiko/fee/q1.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: inherit;
}
.fee .hiyou_pa_block:nth-child(2n+1) .hiyou_question {
    margin: 0 auto 20px;
    background-image: url("/images/koutsujiko/fee/q2.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 10.8%;
}
.fee .hiyou_pa_block:nth-child(2n+1) .txt_1 {
    margin: 0 auto 20px;
    background-image: url("/images/koutsujiko/fee/q2.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 10.8%;
}
.fee .hiyou_pa_block:nth-child(2n) .txt_1 {
    margin: 0 auto 20px;
    background-image: url("/images/koutsujiko/fee/q1.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 10.8%;
}
.fee .article_wrap h2.hiyou_title {
    padding: 30px 10px 30px 80px;
    background-color: #E5EDF3 !important;
    background: #E5EDF3 !important;
    width: 75%;
    position: relative;
    border-radius: 10px;
    font-size: 18px;
    color: #1D3E69;
    line-height: 30px;
    border: none;
    margin: 0 auto;
    float: left;
    display: block
}
.fee .article_wrap h2.hiyou_title::before {
    content: "Q.";
    color: #C6D0DB;
    font-size: 46px;
    position: absolute;
    top: 30px;
    left: 20px;
    background: none;
}
.fee .article_wrap h2.hiyou_title::after {
    content: "";
    position: absolute;
    top: 30px;
    right: -30px;
    border: 15px solid transparent;
    border-left: 15px solid #E5EDF3;
}
.fee .hiyou_pa_block:nth-child(2n) .hiyou_answer {
    background-image: url("/images/koutsujiko/fee/a1.png");
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.fee .hiyou_pa_block:nth-child(2n+1) .hiyou_answer {
    background-image: url("/images/koutsujiko/fee/a2.png");
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}
.fee .hiyou_a_text {
    float: right;
    padding: 30px 15px 20px;
    background-color: #F8E6E6;
    border-radius: 10px;
    position: relative;
    width: 82%;
    margin: 0 0 60px;
	box-sizing:border-box;
}
.fee .hiyou_a_text::before {
    content: "A.";
    color: #F0C5C5;
    font-size: 46px;
    position: absolute;
    top: 23px;
    left: 20px;
    font-weight: bold;
	line-height: 1;
}
.fee .hiyou_a_text::after {
    content: "";
    position: absolute;
    top: 30px;
    left: -15px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #F8E6E6;
}
.fee .hiyou_a_text p {
    line-height: 1.8rem;
}
.fee .article_content .hiyou_a_text p {
    margin: 0 35px 15px 70px;
    width: 85%;
}
@media screen and (max-width: 768px) {
    .fee .article_wrap .top-catch {
        text-align: center !important;
        display: flex;
    text-align: center;
    }
    .fee .article_wrap .enpou_title {
        font-size: 20px;
        text-align: center;
        line-height: 1.5rem;
    padding-bottom: 3%;
    }
    .fee .article_wrap　h2 {
        width: calc(100% - 40px);
        padding: 10px 20px;
    }
    .fee .hiyou_pa_block {
        max-width: 500px;
    }
    .fee .hiyou_pa_block:nth-child(2n) .txt_1,
    .fee .hiyou_pa_block:nth-child(2n+1) .txt_1 {
        background-size: 10%;
    }
    .fee .article_wrap h2.hiyou_title {
        width: calc(100% - 60px);
        /* float: none; */
        padding: 10px 10px 10px 50px;
        font-size: 16px;
    }
    .fee .hiyou_a_text {
        width: 100%;
        float: none;
        margin: 0 auto 40px;
        padding: 15px 15px 30px;
    }
    .fee .article_wrap h2.hiyou_title::after, .fee .article_content .hiyou_a_text::after {
        display: none;
    }
    .fee .hiyou_question, .hiyou_answer {
        background: none;
    }
    .fee .article_wrap h2.hiyou_title::before, .fee .article_content .hiyou_a_text::before {
        font-size: 28px;
        top: 10px;
        left: 12px;
        width: 0;
    }
    .fee .article_content .hiyou_a_text p {
        width: 90%;
        margin: 0;
        padding: 15px 0 15px 50px;
    }
}
@media screen and (max-width: 500px) {
    .fee .hiyou_pa_block {
        max-width: 400px;
    }
    .fee section#tokuyaku ul.tekiyou li {
        padding-top: 100px;
    }
    .fee .article_wrap h2.hiyou_title {
        width: calc(100% - 50px);
    }
    .fee .hiyou_pc {
        display: none;
    }
    .fee .hiyou_sp {
        display: block
    }
}
@media screen and (max-width: 400px) {
    .fee .hiyou_pa_block {
        max-width: 320px;
    }
    .ryoukin_btn {
        font-size: 16px;
    }
}
@media screen and (max-width: 320px) {
    .fee .hiyou_pa_block {
        max-width: 310px;
    }
    .fee section#tokuyaku ul.tekiyou li {
        padding-top: 80px;
    }
}


/* ALGについて */

.about_alg .about_top_text p {
    text-align: center;
}

.about_alg_wrap .font_serif{
	font-family: 'YuMincho','Yu Mincho','游明朝体', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.about_top_text{
	text-align: center;
	font-size: 16px;
	margin-bottom: 60px;
}
.article_wrap .about_alg_wrap section{
	margin-bottom: 40px;
}
.about_number_wrap{
	background: url("/images/koutsujiko/about_alg/alg_bg1.png") center center no-repeat;
	background-size: cover;
	padding: 30px;
	text-align: center;
}
.about_number_text{
	font-size: 21px;
	color: #290e00;
	margin: 30px auto;
	line-height: 2em;
	font-weight: bold;
}
.about_number_list{
	max-width: 640px;
	width: 96%;
	margin: 20px auto;
}
.about_number_content{
	background-color: rgba(255,255,255,0.6);
	padding: 30px 0;
	border-radius: 5px;
	font-size:30px;
	color: #290e00;
}
.about_number_content:nth-child(2){
	/*float: left;
	width: 49%;*/
	margin-right: 1%;
	margin-top: 20px;
	font-size:22px;
}
.about_number_content:nth-child(3){
	float: right;
	width: 49%;
	margin-left: 1%;
	margin-top: 20px;
	font-size:22px;
}
.about_number_content span, .about_branch_number span{
	color: #b6934f;
	font-size: 90px;
	vertical-align: sub;
	margin: 0 10px;
	line-height: 1em;
}
.info_period_comm, .info_period_base_comm {
	font-size: 14px;
	text-align: right;
	max-width: 640px;
	width: 96%;
	margin: 0 auto;
}
.about_branch_wrap{
	background: url("/images/koutsujiko/about_alg/alg_bg2.png") center center no-repeat;
	background-size: cover;
	padding: 60px 0;
	text-align: center;
}
.about_branch_text{
	font-size: 22px;	
	line-height: 2em;
	font-weight: bold;
}
.about_branch_number{
	background-color: rgba(255,255,255,0.6);
	padding: 30px 0;
	border-radius: 10px;
	max-width: 640px;
	width: 96%;
	margin: 30px auto;
	font-size: 30px;
}
.about_branch_list{
	max-width: 640px;
	width: 96%;
	letter-spacing: -0.4em;
	font-size : 0;
	text-align: center;
	margin: 0 auto;
}
.about_branch_content{
	width: 20%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.about_branch_content a{
	display: block;
}
.about_branch_content a.disable {
	pointer-events: none;
}
.article_wrap section p.branch_name{
	font-size: 14px;
	margin-top: 5px;
	text-align: center;
}
.about_legal_wrap{
	background: url("/images/koutsujiko/about_alg/alg_bg3.png") center center no-repeat;
	background-size: cover;
	padding: 60px 0;
	text-align: center;
	color: #fff;
}
.about_legal_text01{
	font-size: 24px;
	margin: 20px auto;
	line-height: 2.2em;
	font-weight: bold;
}
.about_legal_text02{
	font-size: 16px;
	margin: 30px auto;
	line-height: 2.2em;
}
.about_lawyer_wrap{
	background: url("/images/koutsujiko/about_alg/alg_bg4.png") center center no-repeat;
	background-size: cover;
	padding: 30px 0;
	text-align: center;
}
.about_lawyer_wrap a{font-size: 14px; text-decoration: underline;}
.about_lawyer_wrap a i{ margin: 0 0 0 0.3rem;}
.about_lawyer_text01{
	font-size: 22px;
	line-height: 2em;
	margin: 30px auto;
}
.about_lawyer_list01, .about_lawyer_list02{
	letter-spacing: -0.4em;
    font-size : 0;
    text-align: center;
}
.about_lawyer_content{
	display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
	background: #fff;
	padding: 10px;
	width: 230px;
    margin: 0 5px 20px;
	border-bottom: 2px solid #000;
}
.article_content img.about_lawyer_img{
	float: left;
	margin-right: 5px;
	width: 80px;
}
.about_lawyer_text{
	padding-top: 10px;
}
.about_lawyer_title{
	font-size: 23px;
	margin: 20px auto 30px;
}
.article_wrap section .about_lawyer_text p{
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.article_wrap section .about_lawyer_text p.about_lawyer_b{
	font-size: 12px;
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.about_number_content span, .about_branch_number span{
		font-size: 40px;
	}
	.about_number_content, .about_branch_number{
		font-size: 20px;
	}
	.about_number_wrap{
		padding: 20px 10px;
	}
	.about_branch_wrap{
		padding: 20px 0;
	}
	.about_number_text, .about_branch_text, .about_legal_text01, .about_lawyer_text01, .about_lawyer_title{
		font-size: 18px;
		line-height: 1.7em;
		width: 96%;
		margin: 0 auto 20px;
	}
	.about_legal_text02{
		font-size: 15px;
		width: 96%;
		margin: 0 auto;
		text-align: left;
	}
	.article_wrap section p.branch_name{
		font-size: 12px;
	}
    .article_content .about_top_text p{
		text-align: left;
        font-size: 16px;
	}
    .article_content .about_top_text p .new_line {
		display: inline;
	}
	.about_number_content:nth-child(2), .about_number_content:nth-child(3){
		font-size: 16px;
	}
	.about_lawyer_title{
		margin-bottom: 20px;
		font-weight: bold;
	}
	div.page_ttl{
		padding: 20px 0;
		font-size: 24px;
	}
	div.page_ttl, .about_alg_wrap .font_serif {
		font-family: 'Noto Serif';
	}
	.about_lawyer_content{
		width: 240px;
	}
}
@media screen and (max-width: 600px){
    .article_wrap section p.branch_name {
        font-size: 11px;
    }   
}
@media screen and (max-width: 530px){
    .article_wrap section p.branch_name {
        font-size: 10px;
    }
    .new_content {
        display: block;
        padding: 4vw;
    }
    .new_content .eye_catch {
        display: block;
        width: 100%;
    }
    .new_content .eye_catch img {
        margin: 0 auto 10px;
    }
}
@media screen and (max-width:480px){
	.about_number_content span, .about_branch_number span{
		font-size: 30px;
		vertical-align: baseline;
	}
	.article_wrap section p.branch_name{
		font-size: 10px;
		letter-spacing: .02em;
	}
	.about_branch_content{
		width: 25%;
	}
    .about_legal_wrap{
        text-align: left;
    }
    .about_legal_text01 span.new_line {
        text-align: left;
        display: inline;
    }
}

@media screen and (max-width:425px) {
    .new_content .link_text_wrap {
        display: block;
        width: 100%;
    }
    .new_content .link_text_wrap .post_title {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }
    .article_content img {
        max-width: 100%;
    }
}

@media screen and (max-width:320px){
	.about_legal_text02{
		width: 90%;
		margin: 30px auto;
	}
	.about_number_text, .about_branch_text, .about_legal_text01, .about_lawyer_text01, .about_lawyer_title{
		font-size: 15px;
	}
}




/* --------------------
コラム記事装飾
-------------------- */

body#traffic {
    color: #000 !important;
}
#traffic .article_content .underline {
    border-bottom: 1px solid;
}
#traffic .article_content .gray-waku{
	border: solid 1px #ccc;
	padding: 10px;
	margin: 10px 0;
	display: block;
	line-height: 1.4em!important;
}
#traffic .article_content section a.external-link {
	background-color: #fffef0;
    padding: 2% 0 3.3%;
    border: 1px solid #e3e0b8;
    display: block;
    max-width: 600px;
    margin: auto;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
	line-height: 1.3;
    color: #000;
}
#traffic .article_content section ul {
	margin-bottom: 2em;
}
#traffic .article_content table tr th {
	background-color: #f2f4fb;
}
#traffic .article_content table.tuuin-table tr th {
	background-color: #f2f4fb;
	font-size: 18px;
	line-height: 1.3;
	table-layout: fixed;
	padding: 1.5% !important;
}
#traffic .article_content table.tuuin-table tr th.zebra {
	padding: 4.5% 1.5% 1.5% !important;
}
#traffic .article_content table.tuuin-table tr td {
	font-size: 16px;
	padding: 1.5% !important;
}
#traffic .article_content table.tuuin-table tr td span {
	display: inline-block;
}
#traffic .article_content table.tuuin-table tr td span.marker {
	display: inline;
}
#traffic .article_content .article_wrap h4, .article_content .article_wrap h3, .article_wrap h5 {
	line-height: 1.3;
}
#traffic .article_content .material-icons {
	position: relative;
    top: 6px;
    margin-right: 10px;
	line-height: 1.3 !important;
}
#traffic .article_content .article_wrap ul li p {
	line-height: 1.3 !important;
} 
#traffic .article_content .article_wrap ul li {
	line-height: 1.6;
	margin-bottom: 2%;
}
#traffic .article_content .article_wrap ul li:last-child{
	margin-bottom: 0;
}
#traffic .article_content .article_wrap .kuromaru {
	list-style: initial;
	margin-left: 5%;
} 
#traffic .article_content a.link-area {
    background-color: #e1f0fc;
    padding: 2%;
    border-bottom: 2px solid #afc3d3;
    display: block;
    max-width: 600px;
    margin: 0 auto 1rem;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
	line-height: 1.3;
	position: relative;
	z-index: 2;
}
#traffic .article_content .example-14kyu {
	line-height: .5 !important;
	margin: 10px 5px 0 !important;
}
#traffic .article_content .article_wrap li {margin-bottom: 0.5rem;}

#traffic .article_content img {
    border: none;
    display: block;
    max-width: 100%;
    height: auto;
}
#traffic .article_content p.image-double {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#traffic .article_content p.image-double img {
    width: 49%;
}
#traffic .article_content .muchiuchi-table_area {
    display: flex;
    justify-content: center;
    align-items: center;
}
#traffic .article_content .muchiuchi-table_area div {
    margin: 3% 0 5%;
}
#traffic .article_content img.muchiuchi-table-img {
    width: 80%;
}
#traffic .article_content .muchiuchi-table-txt {
    font-size: 13px;
    text-align: center;
    display: block;
}

#traffic .article_content .gazou_area {
    display: flex;
    justify-content: space-between;
}
#traffic .article_content .gazou_area img {
    margin:  0 auto;
}
#traffic .article_content .small-txt {
    font-size: 0.8rem;
    text-align: center;
}
#traffic .article_content .ssmall-txt {
    display: none;
}
#traffic .article_content table tr, th, td {
    padding: 2%;
    text-align: center;
}
#traffic .article_content img.bottom-yohaku {
    margin-bottom: 2rem !important;
}
#traffic .article_content table th.gray {
    background-color: #f8f8f8;
}
#traffic .article_content .yohaku {margin: 2rem 0;}

#traffic .article_content .t-center-txt {
    width: 40%;
    text-align: left;
}
#traffic .article_content .article_wrap section p {
/*    padding: 0 1%;*/
	padding: 0;
    margin-bottom:8px;
    box-sizing: border-box;
}
#traffic .article_content .article_wrap section p.bold {
	margin-bottom: 0;
}
#traffic .article_content .article_wrap section .lastline {
	margin-bottom: 0!important;
}
#traffic table.Table_Type_2 {
    margin-bottom: 1em;
    width: 100%;
}
#traffic .article_content .Table_Type_2 th, .Table_Type_2 td {
    padding: 2px;
    font-size: 0.7rem;
    width: auto;
    height: 25px;
    vertical-align: middle;
}
#traffic .article_content .Table_Type_2 th {
    background-color: #eee;
}
#traffic .article_content td.Redbook_ab {
    padding: 5px 0;
    font-size: 13px;
    text-align: center;
    position: relative;
}
#traffic .article_content span.Rab1 {
    color: #990000;
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 0.8rem;
}
#traffic .article_content span.Rab2 {
    bottom: 2px;
    left: 2px;
    position: absolute;
    font-size: 0.8rem;
}
#traffic .article_content .gray_waku {
    background-color: #eeeeee;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    margin: 18px 0;
} 
#traffic .article_content .kiji-pcimg {
    display: block !important;
    margin-bottom: 2rem !important;
}
#traffic .article_content .kiji-spimg {
    display: none !important;
}
#traffic .article_content table tr th.parple-blue {
	background-color: #f2f4fb;
	width: 70%;
	font-size: 18px;
	line-height: 1.3;
}
#traffic .article_content table tr td.t-bold {
	font-size: 18px;
	font-weight: bold;
}
#traffic .article_content .article_wrap h4 {
	line-height: 1.3;
}
#traffic .article_content .article_wrap h5 {
	line-height: 1.3;
}
#traffic .article_content table.heikin {
	table-layout: fixed !important;
}
#traffic .article_content table.heikin tr th {
	background-color: #f2f4fb;
	font-size: 18px;
	line-height: 1.3;
	table-layout: fixed;
}
#traffic .article_content table.heikin tr td {
	font-size: 16px;
	font-weight: bold;
	text-align: left !important;
}
#traffic .article_content .link {pointer-events:none;}
@media screen and (max-width: 768px) {
    #traffic .article_content .gazou_area {
        display: block;
        justify-content: inherit;
    }
    #traffic .article_content .kiji-pcimg {
        display: none !important;
    }
    #traffic .article_content .kiji-spimg {
        display: block !important;
        margin-bottom: 2rem !important;
    }
    #traffic .article_content img.muchiuchi-table-img {
        width: 90%;
    }
	#traffic .article_content .article_wrap section p{
		margin:0 auto;
/*    	padding: 0 10px 5px 10px;*/
	}
	.fee .hiyou_a_text p{
		padding-bottom:0!important;
	}
    #traffic .article_content p.image-double {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #traffic .article_content p.image-double img {
        width: 100%;
        max-width: 645px;
        height: auto;
        margin: 1em auto;
        display: block;
    }
	#traffic .article_content .article_wrap table .kuromaru {
		margin-left: 12%;
	}
}

@media screen and (max-width: 520px) {
	#traffic .article_content table.tuuin-table tr th:first-of-type {
		font-size: clamp(14px,4vw,16px);
	}
	#traffic .article_content .article_wrap ul li p .gyokan {
        line-height: 1.3 !important;
    } 
    #traffic .article_content .article_wrap ul li {
        margin-bottom: 3%;
    }
    #traffic .article_content img.muchiuchi-table-img {
        width: 90%;
        max-width: 320px;
    }
    #traffic .article_content .muchiuchi-table_area {
        display: block;
    }
}

@media screen and (max-width: 480px) {
	#traffic .article_content table.tuuin-table {
		table-layout: initial;
	}
	#traffic .article_content table caption{
		font-size: 16px;
		line-height: 1.4em;
	}
	#traffic .article_content table.tuuin-table tr th {
		font-size: clamp(14px,4vw,16px);
	}
	#traffic .article_content table.tuuin-table tr td {
		font-size: clamp(14px,4vw,16px);
	}
	#traffic .article_content table.tuuin-table tr td ul li {
		font-size: 1em;
	}
	#traffic .article_content table.tuuin-table tr,#traffic .article_content table.tuuin-table th,#traffic .article_content table.tuuin-table td {
		padding: 10px !important;
		vertical-align: middle;
	}
	#traffic .article_content section a.external-link {
		padding: 3% 0 6%;
	}
	#traffic .article_content .material-icons {
		line-height: 1.3 !important;
	}
	#traffic .article_content a.link-area {
		padding: 6% 0;
	}

	#traffic .article_content table tr, th, td {
/*		font-size: 0.8em;*/
		font-size: 100%;
		line-height: 1.6;
		padding: 10px 0;
	}
		#traffic .article_content table tr th.parple-blue, #traffic .article_content table tr td.t-bold {
		font-size: 16px;
	}
    #traffic .article_content .link {pointer-events:inherit;}
    #traffic .article_content .ssmall-txt {
		display: block;
		text-align: right;
        font-size: 0.8rem;
	}
    #traffic .article_content img.bottom-yohaku {
        margin-bottom: 0 !important;
    }
	#traffic .article_content .article_wrap ul li img{
		margin:0!important;
	}
	#traffic .article_content .article_wrap section p{
/*		padding: 5px 10px 5px 10px;*/
	}
}
@media screen and (max-width: 480px) {
	#traffic .article_content section ul li {
	    font-size: 14px;
	}
}
@media screen and (max-width: 425px) {
	#traffic .article_content .article_wrap ul li p .bold{
		line-height: 1.3 !important;
		margin: 1.5rem 0 .5rem;
	}
	#traffic .article_content .article_wrap .kuromaru {
		list-style: initial;
		margin-left: 6%;
	}
	#traffic .article_content .example-14kyu {
		margin: 20px 5px 10px !important;
	}
}
@media screen and (max-width: 350px) {
	/*#traffic .article_content table.tuuin-table tr th {
		font-size: 0.8em;
	}
	#traffic .article_content table.tuuin-table tr td {
		font-size: 0.8em;
	}*/
	#traffic .article_content table tr th.parple-blue, #traffic .article_content table tr td.t-bold {
		font-size: 14px;
	}
}



/*テーブル*/
table.column{
    border-collapse: collapse;
    margin:3em auto 0;
	width: 100%;
	table-layout: fixed;
}
.js-scrollable{
    margin-bottom:20px;
}
table.column.m_t{
    margin-top:0;
}
table.column caption{
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding:40px 0;
    background: #102240;
    color:#fff;
}
table.column th{
    font-size:16px;
    text-align: center;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    line-height: 1.4;
    color:#000;
    vertical-align: middle;
    width: 18%;
    font-weight: 500;
}
table.column th.th01{
	width: 28%;
}
table.column th.th02{
	width: 72%;
}
table.column th.th03_01{
	width: 20%;
}
table.column th.th03_02{
	width: 60%;
}
table.column th.th03_03{
	width: 20%;
}
table.column th.th04{
    width: 50%;
}
table.column .inbl{
    display: inline-block;
}
table.column td{
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size:16px;
    vertical-align: middle;
    padding:15px 10px;
    line-height:1.4;
    text-align: center;
}
table.column.left td{
    text-align: left;
}
table.column th span{
    display:inline-block;
}
table.column ul li{
    position:relative;
    margin-left:1.5em;
    margin-bottom:0.5em;
}
table.column ul li:last-child{
    margin-bottom:0;
}
table.column ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -1em;
    top: 0.5em;
    border-radius: 100px;
    background: #000;
}
table.column_100{
	margin-bottom: 1.3em;
}
table.column02{
    border-collapse: collapse;
    margin:3em auto 0;
	width: 100%;
	table-layout: fixed;
}
table.column02 th{
    font-size:16px;
    text-align: center;
    background:#680b23;
    border: 1px solid #d7d7d7;
    padding: 15px 10px;
    line-height: 1.4;
    color:#fff;
    vertical-align: middle;
    width: 18%;
    font-weight: 500;
}
table.column02 td{
    background: #fff;
    border: 1px solid #d7d7d7;
    font-size:16px;
    vertical-align: middle;
    padding:15px 10px;
    line-height:1.2;
    text-align: center;
}
@media screen and (max-width:1250px) {
	table.column caption{
		font-size: 22px;
		padding:40px 0;
	}
	table.column th{
		font-size:16px;
		padding: 15px 10px;
	}
	table.column td{
		font-size:15px;
		padding:15px 10px;
	}
}
@media screen and (max-width:1023px) {
    table.column{
        width:130%;
    }
    table.column.sp_block{
        width:100%;
    }
    table.column.pad_block{
        width:100%;
    }
    table.column.pad_block tr{
        border: 1px solid #9a9a9a;
    }
    table.column.pad_block th,
    table.column.pad_block td{
        width:100%;
        display: block;
        border: none;
    }
	table.column td{
		padding:15px 5px;
	}
	table.column_100{
        width:100% !important;
		margin-bottom: 1.2em;
    }
	table.column.sp_small02{
		width: 100%;
	}
	table.column.sp_small03{
		width: 100%;
	}
}
@media screen and (max-width:768px) {
    table.column{
        width:180%;
    }
	table.column caption{
		font-size: 20px;
		padding:30px 0;
	}
	table.column th{
		font-size:16px;
		padding: 10px;
	}
	table.column td{
		font-size:16px;
		padding: 10px;
	}
	table.column02 th,table.column02 td{
		font-size: 14px;
	}
}
@media screen and (max-width:600px) {
    table.column{
        width:220%;
    }
	table.column.sp_small{
		width: 140%;
	}
	table.column.sp_small03{
		width: 120%;
	}
    table.column.sp_block th,table.column.sp_block td{
        width:100%;
        display: block;
        border: none;
    }
	table.column th{
		font-size:14px;
	}
	table.column td{
		font-size:14px;
	}
}
@media screen and (max-width:480px){
	/*table.column_100 th,
	table.column_100 td{
		display: block;
		width: 100%;
	}*/
}

















/* IE調整 */
@media screen and (-ms-high-contrast:none) {
    .side-trouble-txt-area ul li a.trouble02::before {
        width: 52px;
        height: 52px;
        top: 14px;
        left:20px;
    }
    .side-office-txt-area ul li a {
        display: block;
    }
    .side-column-txt-area ul li a::after {
        top: 40%;
    }
    .side-column-txt-area ul li a {
        display: inline-block;
    }
    .underlayer-cv-area .cv-inner a .cv-tel {
        
        padding-left: 6%;
    }
    .underlayer-cv-area .cv-inner a .cv-tel::before {
        display: initial;
        height: 45px;
        position: relative;
        top: 5px;
    }
    .side-cv-area .cv_mail_btn a::before {
        content: url(/images/koutsujiko/koutsujiko/mail-icon02.svg);
    }
    .side-cv-area .side-cv-txt-area {
        padding: 4% 3% 2%;
    }
    .side-cv-area .taiou span {
        padding: 3px 5px 0;
    }
    .article_wrap h2 {
        padding: 1.3em 1em 1em 1.2em;
    }
/*    .article_wrap h3 {
        padding: 0.5em 1.2em 0.2em;
    }*/
    .underlayer-cv-area .cv-inner .cv-catch {
        padding: 1.5% 1% 0.5%;
    }
    .underlayer-cv-area .cv-inner .cv-mail a {
        padding: 1% 1% 0.5%;
    }
    .side-office-txt-area ul li a {
        padding: 10% 10% 8%;
    }
    .fukidashi-midashi {
        padding: 30px 10px 25px;
    }
    .side-fee-btn .inductiontxt,.side-songai-tool-btn .inductiontxt,.side-muryo-shindan-btn .inductiontxt {
        bottom: -1px;
    }
    .side-fee-btn .inductiontxt::after,.side-songai-tool-btn .inductiontxt::after,.side-muryo-shindan-btn .inductiontxt::after {
        top: 6px;
    }
    .bentoku-txt {
        line-height: 2.5rem;
    }
    .bentoku-txt .green-waku {
        padding-top: 1.5%;
    }
    .side-support-txt-area .red-waku,.side-support-txt-area .red-waku02 {
        padding-top: 6%;
    }
    .side-trouble-txt-area ul li div {
        padding-top: 2%;
    }
    .side-cv-area .tel::before {
        background-image: url(/images/koutsujiko/koutsujiko/cv-tel02.svg);
    }
    .side-cv-area .cv_mail_btn a {
        padding: 6% 10% 5%;
    }
    #traffic .gnavi ul {
        display: flex !important;
        flex-wrap: wrap;
        max-width: 1180px;
    }
    #traffic .toggle_btn {
        top: -15px;
        position: relative !important;
    }
    section .bold {
        font-size: 18px !important;
        font-size: initial;
    }
    .fee .article_content .hiyou_a_text p {width: 80%;}
}

/*LP用reset*/
#traffic.jiko_lp .article_content{
	max-width: none;
	margin:0;
	display: block;
	
}

/* コラム一覧 */
#traffic .column_list ul li {
    border-bottom: 1px dotted #bebebe;
    margin-bottom: 0 !important;
    position: relative;
}
#traffic .column_list ul li a {
    padding: 2% 0 2% 2%;
    display: block;
}
#traffic .column_list ul li a::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3%;
    background-image: url(../../2021_renew/images/customer_contents/koutsujiko/right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#traffic .column_list ul li a:hover {
    opacity: 1;
    transition: .5s;
    background-color: #f3f3f3;
    color: #000;
}
#traffic .column_list ul li time {
	min-width: 114px;
    font-size: .6em;
    background-color: #55a1ab;
    color: #fff;
    font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: .5% 1%;
    display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
#traffic .column_list ul li span.ttl {
    font-size: 16px;
    display: block;
    margin-top: 1%;
    margin-right: 15%;
}
#traffic .column_list ul li .list_tag {
    font-size: .8em;
	margin-left: 10px;
    display: inline-block;
	color: #666;
}
#traffic .column_list ul li .list_tag:before {
	content: "";
	background: url(../../2021_renew/images/customer_contents/koutsujiko/tag_icon.svg) no-repeat left center;
	background-size: contain;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

@media screen and (max-width: 420px) {
    #traffic .column_list ul li span.ttl {
        font-size: 15px;
        margin-right: 10%;
    }
    #traffic .column_list ul li a::after {
        width: 10px;
        height: 10px;
    }
}

/* intro */
.intro_top a{
    margin: 0px auto 20px;
    padding: 8px 10px 8px 30px;
    border-radius:10px;
    display: flex;
    color: #000;
    position: relative;
    align-items: center;
    border: 1px solid #cccbc6;
}
.intro_top img.intro_img {
    width: 7%;
    margin-right: 20px;
}
.intro_top a:after{
    position: absolute;
    content: url("../../../../../../images/koutsujiko/arrow_blue.svg");
    display: inline-block;
    width: 1.4em;
    right: 15px;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.intro_top .intro_name{
    font-weight:500;
    font-size: 16px;
    line-height: 1.4;
}
.intro_top .intro_name span.mark{
    background: #0D7783;
    color:#fff;
    font-weight: 600;
    font-size: 14px;
    padding: 3px 5px 2px;
    margin:0 5px 3px 0;
}
.intro_top .intro_name span{
    display:inline-block;
}
.intro_top .intro_name span:nth-of-type(2){
    display:block;
}
@media screen and (max-width:768px) {
      .intro_top .intro_name span.mark,.intro_top .intro_name{
        font-size:14px!important; 
    }
    .intro_top img.intro_img {
        width: 40px;
        margin-right: 15px;
}
    .intro_top a{
        padding: 8px 8px 8px 20px;
    }
    .intro_top a:after{
        top: 55%;
    }
}
@media screen and (max-width:550px) {
    .intro_top .intro_name span.mark,.intro_top .intro_name{
        font-size:12px!important; 
        letter-spacing:-0.04px;
    }
    .intro_top img.intro_img {
        width: 30px;
        margin-right: 10px;
}
    .intro_top a{
        padding: 8px 20px 8px 10px;
    }
    .intro_top a:after{
        top: 55%;
        width:1em;
        right: 8px;
    }
    .intro_top a{
    margin: 0px auto 15px;
    }
}

/*監修下 */
.intro_bottom{
	border: 1px #DCDCDC solid;
    padding:30px 40px;
    display:flex;
    margin: 70px 0;
}
#traffic .intro_bottom .intro_img{
    width:100px;
    height:100px;
    margin:0 25px 0 0;
    flex-shrink:0;
}
.intro_bottom .intro_name{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
	margin: 0 0 1rem;
}
.intro_bottom .intro_capacity{
    font-weight:500;
    font-size:16px;
    margin-top:5px;
}
.intro_bottom .intro_capacity .title{
    background: #076799;
    color:#fff;
    padding:3px 10px 0;
}
.intro_bottom .intro_text{
    font-size: 14px;
    font-weight: 400;
    line-height:1.4;
    margin: 20px 0;
}
.intro_bottom .intro_link{
    text-align: right;
}
.intro_bottom .intro_link a{
    border-radius: 5px;
    color: #fff;
    background: #034047;
	padding :10px 0;
    width: 230px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    letter-spacing: 0.08em;
	box-sizing: border-box;
}
.intro_bottom .intro_link a:after{
    position: absolute;
    content: url(../../../../../../images/souzoku/arrow_white.svg);
    display: inline-block;
    width: 0.9em;
    right: 10px;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	margin: 0;
}
.intro_bottom a.name_link{
	color: #076799;
	border-bottom: 1px solid;
}
.intro_bottom a.name_link:hover{
	border-bottom: none;
}


@media screen and (max-width:1024px) {
    .intro_bottom .intro_name span{
        display:inline-block;
    }
    .intro_bottom .intro_name{
        font-size: 16px;
    }  
    .intro_bottom .intro_capacity{
        font-size: 14px;
    }
    .intro_bottom .intro_text{
        margin: 15px 0;  
    }
    .intro_bottom{
        padding: 30px;
    }
    #traffic .intro_bottom .intro_img{
        width: 90px;
        height:90px;
        margin-right:20px;
    }
}

@media screen and (max-width:768px) {
    .intro_bottom .intro_name span.supervision:after{
        display:none;
    }
    .intro_bottom{
        padding: 30px 25px;
    }
    #traffic .intro_bottom .intro_img{
        height:80px;
        width: 80px;
    }
}
@media screen and (max-width:600px) {
    .intro_bottom .intro_img{
        width:15%;
        height:15%;
    }
.intro_bottom .intro_link a {
    width: 100%;
    font-size: 14px;
}
    .intro_bottom .intro_name{
        font-size: 15px;
    }
    .intro_bottom .intro_capacity{
        margin-top: 5px;
    }
    .intro_bottom .intro_text{
        font-size: 12px;
    }
    .intro_bottom{
        padding: 25px 20px;
    }
}
@media screen and (max-width:480px) {
    #traffic .intro_bottom .intro_img{
        width:18%;
        margin-right:15px;
		height: 18%;
    }
    .intro_bottom .intro_name{
        font-size: 14px;
    }
    .intro_bottom{
        padding: 25px 20px;
    }
}
@media screen and (min-width:769px) {
    .intro_top a{
        min-height:70px;
    }
}

/* 関連記事 */
.linkbox .list_toggle {
	background-color: #4f4f4f;
	color: #fff;
	font-size: 1rem;
	padding: 15px;
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*cursor: pointer;*/
	margin: 60px 0 0;
	position: relative;
}
.linkbox .list {
	padding: 0.5em 1.5em;
	border: 1px solid #b9b9b9;
	overflow-y: auto;
	max-height: 200px;
}
.linkbox .list a {
	display: block;
	color: #1d1d1d;
	font-size: 16px;
	margin: 0.5em;
	text-decoration: underline;
	padding-left: 20px;
	position: relative;
}
.linkbox .list a br {
	display:none;
}
.linkbox .list a:hover {
	text-decoration: none;
}
.linkbox .list a::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url("image/arrow_o.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: 5px;
	left: 0;
}
.linkbox .list_toggle .accordion_icon{
	display: none;
}

@media screen and (max-width: 768px) {
	.linkbox .list {
		padding: 5%;
	}
	.linkbox .list a {
		font-size: 14px;
	}
}



/*【UXUI】記事ページ改修2022*/
.article_wrap .serif{
	font-family: "ヒラギノ明朝 Pro W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "Noto Serif", 'Noto Serif JP', serif;
}
.article_wrap .mv_img{
}
.article_wrap .link_check{
	margin-bottom: 40px;
	margin-top: 40px;
}
.article_wrap .link_check a{
	margin-bottom: 40px;
	padding: 1.6em 6em 1.6em 6em;
	background: url("image/article/icon_check.svg") no-repeat 1.6em center,linear-gradient(to bottom, #fdecdb, #fff);
	border-radius: 4px;
	border: 1px solid #f28b1f;
	color: #653400;
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
	line-height: 1.4;
	text-align: center;
}
.article_wrap .link_check a:after{
	content: "";
	background: url("image/article/icon_arw02.svg") no-repeat;
	background-size: contain;
	width: 10px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 4%;
	transform: translateY(-50%);
}
.article_wrap .link_check a:not(:last-child){
	margin-bottom: 20px;
}
.article_wrap .link_check a .sp_bl{
	display: inline-block;
}
.article_wrap .article_cv{
	
}
.article_wrap .article_cv .inner01{
	padding: 2em;
	background: #0d7783;
	background: linear-gradient(-60deg, #046772 0%, #046772 20%, #0d7783 20%, #0d7783 100%);
}
.article_wrap .article_cv .inner02{
	padding: 1em 2em 2em;
	background: #E2EEEF;
}
.article_wrap .article_cv .article_cv_title{
	margin-bottom: 20px;
	font-size: 26px;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.article_wrap .article_cv .article_cv_title .inbl{
	display: inline-block;
	line-height: 1.4;
}
.article_wrap .article_cv .whitearea{
	margin-bottom: 20px;
	padding: 1.5em 2em;
	background: #fff;
	border-radius: 8px;
}
.article_wrap .article_cv .whitearea .txt_point{
	margin-bottom: 8px;
	font-size: 16px;
	text-align: center;
}
.article_wrap .article_cv .whitearea .contanctarea{
	display: flex;
	justify-content: center;
	align-items: center;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
	font-size: 52px;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	display: block;
	color: #000;
	margin-right: 25px;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel .small {
	font-size: 46px;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel:before{
	content: "";
	width: 40px;
	height: 40px;
	background: url("image/article/icon_tel.svg") no-repeat left top;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.2em;
	margin-right: 0.2em;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para{
	font-size: 41px;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para:before{
	width: 33px;
	height: 33px;
}
.article_wrap .article_cv .whitearea .contanctarea .tap{
	display: none;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
	width: 30%;
	padding: 0.8em 1em;
	background: #f28b1f;
	background-size: 8px;
	border-radius: 8px;
	border-bottom: solid 3px #ae651b;
	color: #fff;
	text-align: center;
	font-size: 16px;
	display: block;
	box-sizing: border-box;
}
.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail:before{
	content: "";
	background: url("image/article/icon_mail.svg") no-repeat left top;
	background-size: contain;
	width: 18px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.article_wrap .article_cv dl.list_kome{
}
.article_wrap .article_cv dl.list_kome dt {
	width: 100%;

	text-align: center;
	color: #fff;
}
.article_wrap .article_cv dl.list_kome dt .center {
	margin-bottom: 20px;
	padding: 0.4em;
	border-bottom: 1px dotted #fff;
	font-size: 14px;
	color: #fff;
	position: relative;
}
.article_wrap .article_cv dl.list_kome dt .center:before{
	content: "+";
	display: inline-block;
	margin-right: 0.4em;
}
.article_wrap .article_cv dl.list_kome dt.open .center:before{
	content: "－";
	display: inline-block;
	margin-right: 0.4em;
}
.article_wrap .article_cv dl.list_kome dd{
	display: none;
}
.article_wrap .article_cv dl.list_kome dd ul{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
.article_wrap .article_cv dl.list_kome dd ul li{
	margin-bottom: 10px !important;
	font-size: 13px;
	color: #fff;
}
.article_wrap .article_cv dl.list_kome dd ul li:not(:last-child){
	margin-right: 1em;
}

.article_wrap .article_cv .txt_check{
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	color: #046772;
	display: flex;
    align-items: center;
}
.article_wrap .article_cv .txt_check:before,
.article_wrap .article_cv .txt_check:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #046772;
}
.article_wrap .article_cv .txt_check:before {
    margin-right: 1rem;
}
.article_wrap .article_cv .txt_check:after {
    margin-left: 1rem;
}
.article_wrap .article_cv .link_check02{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.article_wrap .article_cv .link_check02 a{
	width: 49%;
	padding: 1em 2em 1em 2em;
	background: url("image/article/icon_link.svg") no-repeat 96% center ,#3da6b2;
	background-size: 10px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: flex;
	box-sizing: border-box;
	line-height: 1.4;
	justify-content: center;
	align-items: center;
}
.article_wrap .article_cv .link_check02 .center{
	margin-bottom: 0;
}
.article_wrap .article_cv .link_check02 a .inbl{
	display: inline-block;
}
.article_wrap .article_cv .link_check02 a .txt_yellow{
	color: #fff000;
}

@media screen and (max-width:1200px){
	.article_wrap .article_cv .inner01{
		padding: 3vw;
	}
	.article_wrap .article_cv .whitearea{
		padding: 2vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		font-size: 3.8vw;
		margin-right: 2vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel .small {
		font-size: 3.2vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel:before{
		width: 3vw;
		height: 3vw;
		margin-right: 1vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para{
		font-size: 2.9vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para:before{
		width: 2.5vw;
		height: 2.5vw;
		margin-right: 0.5vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
		width: auto;
		padding: 1vw 2vw;
		font-size: 1.3vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail:before{
		width: 1.5vw;
		height: 1.5vw;
	}
	.article_wrap .article_cv .article_cv_title{
		font-size: 2.4vw;
	}
	.article_wrap .article_cv .link_check02 a{
		font-size: 1.4vw;
	}
	.article_wrap .article_cv .inner02{
		padding: 3vw;
	}
}
@media all and (max-width: 1043px) and (-ms-high-contrast: none) {
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		font-size: 2.6vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel::before{
		width: 2vw;
		height: 2vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para{
		font-size: 2.1vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para::before{
		width: 1.8vw;
		height: 1.8vw;
	}
}
@media screen and (max-width:1023px){
	.article_wrap .article_cv .article_cv_title{
		font-size: 3vw;
	}
	.article_wrap .article_cv .whitearea{
		padding: 3vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		font-size: 6vw;
		margin-right: 3vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel .small {
		font-size: 6vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel:before{
		width: 4.2vw;
		height: 4.2vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para{
		font-size: 4.8vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para:before{
		width: 3.5vw;
		height: 3.5vw;
		margin-right: 1vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
		padding: 1.4vw 3vw;
		font-size: 1.8vw;
	}
	.article_wrap .article_cv .link_check02 a{
		padding: 2vw 4vw 2vw 1vw;
		font-size: 2vw;
	}
}
@media screen and (max-width:767px){
	.article_wrap .article_cv .inner01{
		padding: 6vw 4vw;
	}
	.article_wrap .article_cv .inner02{
		padding: 4vw;
	}
	.article_wrap .article_cv .whitearea{
		padding: 4vw;
	}
	/*.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		margin-bottom: 10px;
		padding: 3vw;
		background: #b33440;
		color: #fff;
		font-size: 7vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel:before{
		width: 5vw;
		height: 5vw;
		background: url(/images/koutsujiko/article/icon_tel_sp.svg) no-repeat left top;
	}*/
	.article_wrap .article_cv .whitearea .contanctarea{
		display: block;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		margin-right: 0;
		margin-bottom: 20px;
		font-size: 9vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel .small {
		font-size: 8vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel:before{
		width: 6vw;
		height: 6vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para{
		font-size: 7vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel.para:before{
		width: 4.6vw;
		height: 4.6vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
		width: 100%;
		padding: 2vw;
		font-size: 2.4vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail:before{
		width: 2.6vw;
		height: 3vw;
	}
	.article_wrap .article_cv .article_cv_title{
		font-size: 4.4vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .txt_point{
		margin-bottom: 10px;
		font-size: 3vw;
		font-weight: bold;
	}
	.article_wrap .article_cv .whitearea .contanctarea .tap{
		display: block;
		margin-bottom: 20px;
		padding: 1vw;
		background: #edf6f7;
		color: #0d7783;
		text-align: center;
		font-size: 2vw;
	}
	.article_wrap .article_cv .link_plus a{
		font-size: 3vw;
	}
	.article_wrap .article_cv .link_check02{
		display: block;
	}
	.article_wrap .article_cv .link_check02 a{
		width: 100%;
		padding: 2vw 7vw 2vw 7vw;
		font-size: 16px;
	}
	.article_wrap .article_cv .link_check02 a:not(:last-child){
		margin-bottom: 15px;
	}
}

@media screen and (max-width:590px){
	.article_wrap .article_cv .txt_check{
		margin-bottom: 10px;
		font-size: 13px;
	}
	.article_wrap .article_cv .article_cv_title {
		font-size: 5.4vw;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_tel{
		margin-bottom: 10px;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
		padding: 1.5vw;
		background-size: 8px;
		font-size: 15px;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail:before{
		width: 14px;
		height: 16px;
	}
	.article_wrap .article_cv .whitearea .contanctarea .tap{
		font-size: 14px;
	}
	.article_wrap .link_check a{
		padding: 4vw 14vw 4vw 14vw;
		background-size: 11vw, 100%;
		background-position: 4vw center;
		font-size: clamp(14px,3.9vw,23px);
	}
	.article_wrap .link_check a .sp_bl{
		display: block;
	}
	.article_wrap .article_cv .link_check02 a{
		padding: 3vw 10vw 3vw 10vw;
		font-size: 14px;
	}
	.article_wrap .article_cv .link_plus a{
		font-size: 3.6vw;
	}
	.article_wrap .article_cv dl.list_kome dt .center{
		font-size: 3vw;
	}
	.article_wrap .article_cv dl.list_kome dd ul li{
		font-size: 10px;
	}
	.article_wrap .sp_bl {
	display: inline-block;
}
}

@media screen and (max-width:400px){
	.article_wrap .article_cv .whitearea .txt_point{
		font-size: 13px;
	}
	.article_wrap .article_cv .whitearea .contanctarea .article_cv_mail{
		font-size: 14px;
	}
	.article_wrap .article_cv .txt_check{
		margin-bottom: 10px;
		font-size: 12px;
	}
}

#traffic .article_content .article_wrap section table tr, #traffic .article_content .article_wrap section table th, #traffic .article_content .article_wrap section table td{
    border: 1px solid #9a9a9a!important;
}

#traffic .article_content .article_wrap .column_point{
	background: #f2f4fb;
	padding:2em 1.5em;
	margin-bottom: 2em;
	/*margin-top: 2em;*/
	border: 1px solid #216c9c;
}
#traffic .article_content .article_wrap .column_point p.lastline {
	margin-bottom: 0!important;
}
#traffic .article_content .article_wrap .column_point ul{
	margin-bottom: 0!important;
}

#traffic .article_content .article_wrap  ul.number01 {
    list-style-type: decimal;
    padding-left: 20px;
	
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
#traffic .article_content .article_wrap  ul.number01 li {
	line-height: 1.5;
	padding-left: 30px;
	position: relative;
}
#traffic .article_content .article_wrap  ul.number01 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #076799;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	width: 24px;
	color: #f4eef0;
	font-size: 84%;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#traffic .article_content .article_wrap  ul.number01 li:not(:last-child) {
	margin-bottom: 0.5em;
}
#traffic .article_content .article_wrap  ul.number01 li:last-child {
	margin-bottom: 0;
}


#traffic .article_content .article_wrap  ul.number02 {
    list-style-type: decimal;
	padding: 1em 0 20px;
}
#traffic .article_content .article_wrap .column_point li{
	font-size: 18px;
}
#traffic .article_content .article_wrap .column_point ol{
	list-style-type: decimal;
}
#traffic .article_content .article_wrap .column_point ol li{
    margin-left: 2%;
}
#traffic .article_content .article_wrap .column_point ol li:last-child {
    margin-bottom: 0;
}
/*丸に数字*/
#traffic .article_content .article_wrap .column_point ol.circle_number{
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
#traffic .article_content .article_wrap .column_point ol.circle_number li{
	line-height: 1.5;
	padding-left: 30px;
	position: relative;
}
#traffic .article_content .article_wrap .column_point ol.circle_number li:before{
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #076799;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	width: 24px;
	color: #f4eef0;
	font-size: 84%;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#traffic .article_content .article_wrap .column_point ol.circle_number li:not(:last-child) {
	margin-bottom: 0.5em;
}
#traffic .article_content .article_wrap .column_point ol.circle_number li:last-child{
	margin-bottom: 0;
}

#traffic .article_content .article_wrap p.column_point_headline {
    background-color: #216c9c;
    border: 1px solid #216c9c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-weight: bold;
    margin: 1.5em 0 0;
    padding: 0.8em 2em 0.6em;
}
#traffic .article_content .article_wrap p.column_point_headline span {
    line-height: 1.5;
}
#traffic .article_content .article_wrap span.column_important{
	display:block;
	padding:5px 5px 5px 15px;
	border-left:5px solid #f28b1f;
	line-height: 1.4;
	margin: 20px 0 15px;
}
#traffic .article_content .article_wrap span.column_important:first-child{
	margin: 0 0 15px;
}
#traffic .article_content .article_wrap ul li .small{
	font-size: clamp(15px,0.9em,16px);
	display:block;
	margin: 5px 0 15px;
	font-weight: normal!important;
}
#traffic .article_content .article_wrap ul li .small.mb{
	margin: 10px 0 0;
}
#traffic .article_content .article_wrap ul li .small02{
	font-size: 0.9em;
	display:block;	
	margin: 5px 0 15px;
	font-weight: normal!important;
}
#traffic .article_content .article_wrap ul li .small02.mb{
	margin: 5px 0 0;	
}
#traffic .article_content .article_wrap .ast{
	font-size:12px;
	display: inline;
	vertical-align: super;
}
#traffic .article_content .article_wrap .ast_bottom{
	margin-top:-2em;
	font-size:12px;
	line-height:1.2;
	display:block;
}
#traffic .article_content .article_wrap .br{
	display: inline-block!important;
}

#traffic .article_content .article_wrap .flow_list ul li {
	position: relative;
	background: #edf7f1;
	padding: 1rem 1.6rem 1rem 1.6rem;
	/*text-indent: -1.2rem;*/
	font-weight: bold;
	margin-bottom: 2.4rem;
}
#traffic .article_content .article_wrap .flow_list ul li p.text {
	margin-bottom: 0!important;
}
#traffic .article_content .article_wrap .flow_list ul li:last-of-type {
	margin-bottom: 0;
}
#traffic .article_content .article_wrap .flow_list ul li:after {
/*	content: "↓";*/
	content: "▼";
	display: block;
	text-align: center;
	position: absolute;
	bottom: -2rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #046772;
}
#traffic .article_content .article_wrap .flow_list ul li:last-of-type:after {
	display: none;
}
#traffic .article_content .article_wrap .flow_list ul li p {
	line-height: 1.6!important;
}
#traffic .article_content .article_wrap .flow_list ul li p span {
	line-height: 1.6!important;
}
#traffic .article_content .article_wrap .external-link-btn {
	text-align: center;
}
#traffic .article_content .article_wrap .external-link-btn a {
    position: relative;
    display: inline-block;
    background: #f28b1f;
    border: 0px solid #f28b1f;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 0.5em 1.8em 0.5em 2em;
    transition: 0.5s;
    margin-bottom: 40px;
}
#traffic .article_content .article_wrap .external-link-btn a .inbl {
	display: inline-block;
}

#traffic .article_content .article_wrap .check-heading {
    display: block;
    position: relative;
    padding: 0.4em 0 0.4em 2em;
}
#traffic .article_content .article_wrap .check-heading:before {
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 25px;
    color: #076799;
    left: 0;
    top: 0;
    content:"\f14a";
    position: absolute;
}
#traffic .article_content .article_wrap .check-heading-red {
    display: block;
    position: relative;
    padding: 0.4em 0 0.4em 2em;
}
#traffic .article_content .article_wrap .check-heading-red:before {
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 25px;
    color: #990000;
    left: 0;
    top: 0;
    content:"\f14a";
    position: absolute;
}


@media screen and (max-width: 768px) {
    #traffic .article_content .article_wrap p.column_point_headline {
        margin: 1.5em 0 0;
        padding: 0.8em 1em 0.5em;
    }
}
@media screen and (max-width: 767px) {
	#traffic .article_content .article_wrap .check-heading-red:before {
    color: #E00003;
    }
}
@media screen and (max-width:480px) {
	#traffic .article_content .article_wrap .column_point {
		padding: 1em 1em;
		font-size: 16px;
	}
	#traffic .article_content .article_wrap .check-heading, .check-heading-red {
    	padding: 0.1em 0 0.1em 1.5em;
	}
	#traffic .article_content .article_wrap .check-heading:before, .check-heading-red:before {
		font-size: clamp(18px,4vw,25px);
	}
}
@media screen and (max-width:320px) {
	#traffic .article_content .article_wrap .column_point {
		font-size: 15px;
	}
}
@media screen and (max-width:425px) {
	#traffic .article_content .article_wrap .flow_list ul li {
		/*text-indent: -4vw;*/
		margin-bottom: 6vw;
	}
	#traffic .article_content .article_wrap .flow_list ul li:after {
		bottom:  -6vw;
	}
    #traffic .article_content .article_wrap .article_qa .column_point li{
        font-size: 15px;
        line-height: 1.8;
    }
    #traffic .article_content .article_wrap .article_qa .column_point li:last-child{
        margin-bottom: 0;
    }
    #traffic .article_content .article_wrap .article_qa .column_point p span {
        line-height: 1.8
    }
}

/*記事内QA*/
.article_wrap .article_qa {
    margin-bottom: 60px;
    border-radius: 6px;
}
.article_wrap .article_qa h3, .article_wrap .article_qa h4 {
    background: #e2eef6;
    margin: 0;
    padding: 30px 30px 30px 90px;
    border: none;
    color: #000;
    border-radius: 20px 20px 0 0;
    position: relative;
    font-size: 20px;
    line-height: 1.6;
	border-left: none!important;
}
.article_wrap .article_qa h3:before, .article_wrap .article_qa h4:before {
    content: "Q";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #034047;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}
.article_wrap .article_qa .txtarea {
    padding: 30px 30px 30px 90px;
    border: 2px solid #e2eef6;
    border-radius: 0 0 20px 20px;
    position: relative;
}
.article_wrap .article_qa .txtarea:before {
    content: "A";
    position: absolute;
    left: 17px;
    top: 33px;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #761414;
    font-size: 18px;
    color: #ffffff;
    line-height: 48px;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
    font-weight: bold;
}
@media screen and (max-width: 1024px) {
    .article_wrap .article_qa h3, .article_wrap .article_qa h4 {
        padding: 20px 10px 20px 70px;
        font-size: 18px;
	}
    .article_wrap .article_qa h3:before, .article_wrap .article_qa h4:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .article_wrap .article_qa .txtarea {
        padding: 30px 30px 30px 70px;
    }
    .article_wrap .article_qa .txtarea:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 550px) {
    .article_wrap .article_qa {
        margin-bottom: 40px;
    }
    .article_wrap .article_qa h3, .article_wrap .article_qa h4 {
        padding: 20px 16px 20px 60px;
    }
    .article_wrap .article_qa h3:before, .article_wrap .article_qa h4:before {
        left: 15px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .article_wrap .article_qa .txtarea {
        padding: 20px 20px 20px 60px;
    }
    .article_wrap .article_qa .txtarea:before {
        left: 13px;
        top: 25px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
}
@media screen and (max-width: 425px) {
    .article_wrap .article_qa h3, .article_wrap .article_qa h4 {
        font-size: 16px;
    }
}

/*記事内事例*/
.article_wrap .article_jirei {
    margin-bottom: 60px;
    margin-top: 60px;
}
.article_wrap .article_jirei h4,.article_wrap .article_jirei h3, .article_wrap .article_jirei h2 {
    background: #076799;
    color: #fff;
    line-height: 1.6;
    margin: 0;
    border-left: none;
    padding: 20px 30px 15px;
    border-radius: 20px 20px 0 0;
}
.article_wrap .article_jirei .txtarea {
    padding: 30px;
    border: 2px solid #076799;
    border-radius: 0 0 20px 20px;
}
.article_wrap .article_jirei .txtarea p {
    padding: 0;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
    .article_wrap .article_jirei h4,.article_wrap .article_jirei h3, .article_wrap .article_jirei h2 {
        font-size: 18px;
    }
    .article_wrap .article_jirei .txtarea p {
        margin-bottom: 8px!important;
    }
}
@media screen and (max-width: 550px) {
    .article_wrap .article_jirei {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .article_wrap .article_jirei h4,.article_wrap .article_jirei h3, .article_wrap .article_jirei h2 {
        padding: 5% 5% 4%;
    }
    .article_wrap .article_jirei .txtarea {
        padding: 8% 5%;
    }
}
@media screen and (max-width: 480px) {
    .article_wrap .article_jirei .txtarea p {
        padding: 0!important;
    }
}
@media screen and (max-width: 480px) {
    .article_wrap .article_jirei h4,.article_wrap .article_jirei h3, .article_wrap .article_jirei h2 {
        font-size: 16px;
    }
}
/*記事内 背景囲み*/
.article_wrap .bg_wrap {
    margin: 3em 0 0;
}
.article_wrap .bg_wrap .txtarea {
    background: #f0f8ff;
    padding: 2em 1.5em;
}
.article_wrap .bg_wrap h4, .article_wrap .bg_wrap .ttl {
    margin: 0;
    background-color: #0985c5;
    color: #fff;
    padding: 0.5em 1em;
    font-weight: bold;
/*    background: linear-gradient(-60deg, #076799 0%, #076799 3.5%, #0985c5 3.5%, #0985c5 100%);*/
}
.article_wrap .bg_wrap .column_point {
    background: #fff!important;
}
.article_wrap .bg_wrap .txtarea p {
    padding: 0!important;
}
@media screen and (max-width: 768px) {
    .article_wrap .bg_wrap h4, .article_wrap .bg_wrap .ttl {
        padding: 0.4em 1em;
    }
}
@media screen and (max-width: 480px) {
    .article_wrap .bg_wrap .txtarea {
        padding: 1em 1em;
    }
}
@media screen and (max-width: 425px) {
	#traffic .article_content .article_wrap .column_point li {
		font-size: 16px;
	}
}
@media screen and (max-width: 320px) {
	#traffic .article_content .article_wrap .column_point li {
		font-size: 15px;
	}
}



/*記事内 算定表画像*/
.img_popup {
    margin: 2rem 0 3rem;
}
.img_popup:after {
    content: "";
    display: block;
    clear: both;
}
.img_popup img {
    margin: 0 auto;
}
.img_popup .popuup_wrap {
    display: none;
}
.img_popup .popuup_wrap.pc_popup {
    display: block;
}
    .img_popup .open {
        cursor:pointer;
        display: inline-block;
        color: #fff;
        margin-top: 10px;
        padding: 5px 15px 5px 40px;
        position: relative;
        font-size: 14px;
        background-image: url("../../../../../../images/koutsujiko/isharyou-tool/zoom_icon.svg");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: left 15px center;
        background-color: #0985c5;
        float: right;
    }
    .img_popup input.popup_input {
        display: none; /* label でコントロールするので input は非表示に */
    }
    .img_popup .overlay {
        display: none; /* input にチェックが入るまでは非表示に */
    }
    .img_popup input.popup_input:checked + .overlay {
        display: block;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.9);
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
    }
    .img_popup .window {
        width: 90vw;
        background-color: #ffffff;
        display: block;
        text-align: center;
/*        display: flex;
        justify-content: center;
        align-items: center;*/
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .img_popup .close {
        cursor: pointer;
        position: absolute;
        top: -60px;
        right: 0px;
        font-size: 40px;
        color: #fff;
    }
@media screen and (max-width: 768px) {
    .img_popup .santeihyo_img.pc {
        display: none!important;
    }
    .img_popup .popuup_wrap {
        display: block;
    }
    .img_popup .santeihyo_img {
       /* width: 100%;*/
        height: auto;
    }
    .img_popup .popuup_wrap.pc_popup {
        display: block!important;
    }
}

/*計算式 電卓アイコン*/
.article_wrap section .formula {
    padding:0.8em 0.8em;
    display:block;
    text-align: center;
    font-weight: bold;
    content: "";
    background: url("../images/customer_contents/koutsujiko/dentaku_icon.svg") ,#edf7f1;
    background-repeat: no-repeat;
    background-position: left 6px center;
    background-size: 40px 50px;
}
.article_wrap section p.text span.formula {
	margin-bottom: 2em;
	margin-top: 2em;
	padding-left: 2.5em;
}
.article_wrap section .formula span {
    line-height: 1.4;
    display: inline-block;
}
@media screen and (max-width:480px) {
    .article_wrap section .formula {
        text-align: left;
        padding-left: 30px;
    }
}

/*コラムリスト改修*/
#traffic .column_list ul {
	margin-bottom: 5%;
}
#traffic .column_list ul li {
	position: relative;
}
#traffic .column_list ul li a {
	padding: 14px 0;
	display: flex;
}
#traffic .column_list ul li a .img_box {
/*	width: 16%;*/
	max-width: 130px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
#traffic .column_list ul li a .img_box img {
	margin: 0;
}
#traffic .column_list ul li a .txt_box {
	padding-left: 20px;
	width: calc(100% - 130px);
}
#traffic .column_list ul li time {
	background: none;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	min-width: inherit;
}
#traffic .column_list ul li .tag_wrap {
	position: absolute;
	top: 14px;
	left: 276px;
}
#traffic .column_list ul li .tag_wrap a {
	border: 1px solid #1e8d9a;
	background-color: #1e8d9a;
    border-radius: 4px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 4px 10px;
}
#traffic .column_list ul li .tag_wrap a:hover{
	background-color: #fff;
	color: #1e8d9a;
}
#traffic .column_list ul li .list_tag:before, #traffic .column_list ul li .tag_wrap a::after {
	display: none;
}
#traffic .column_list ul li .list_tag {
	margin-right: 10px;
	margin-left: 0;
}
#traffic .column_list ul li time {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#traffic .article_content .article_wrap ul.lastline {
	margin-bottom: 0;
}

#traffic .article_content .article_wrap ul li .lastline {
	margin-bottom: 0;
}

@media screen and (max-width:768px) {
	#traffic .column_list ul li a .img_box {
/*		max-width: 80px;*/
	}
	#traffic .column_list ul li a .txt_box {
		padding-left: 10px;
/*		width: calc(100% - 80px);*/
	}
	#traffic .column_list ul li .tag_wrap {
		position: absolute;
		top: 14px;
		left: 250px;
	}
	#traffic .column_list ul li time {
		font-size: 12px;
	}
	#traffic .column_list ul li .tag_wrap a {
		font-size: 12px;
	}
	#traffic .column_list ul li .list_tag {
		margin-right: 6px;
	}
}
@media screen and (max-width:600px) {
	#traffic .column_list ul li a {
		padding: 4px 0 10px;
	}

	#traffic .column_list ul li .tag_wrap {
		position: relative;
		top: inherit;
		left: 140px;
		bottom: 10px;
		width: calc(100% - 140px)
	}
	#traffic .column_list ul li a .img_box {
    align-items: flex-start;
    position: relative;
    top: 10px;
	}
	
}

/* ================================================================

	.holder
	ページネーション

================================================================ */
.holder + #itemContainer{
	margin: 30px auto 0;
}
.holder {
	margin: 0 auto 60px;
	padding: 10px 0;
	text-align: center;
}
.holder a {
	margin: 0 5px;
	padding: 10px 16px;
	font-size: 1rem;
	border: 1px #bbb solid;
	cursor: pointer;
	transition: all .3s;
}
.holder a:hover {
	color: #fff;
	background-color: #bbb;
}
.holder a.jp-previous {
	margin-right: 10px;
	margin-left: 0;
}
.holder a.jp-next {
	margin-left: 10px;
	margin-right: 0;
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}
.holder a.jp-current{
	color: #fff;
	background-color: #1e8d9a;
	border: 1px #1e8d9a solid;
}
.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}
.holder span {
	position: relative;
	top: -4px;
/*	margin: 0 5px;*/
}

@media screen and (max-width: 480px) {
	.holder a {
		margin: 0 4px;
		padding: 6px 9px;
		font-size: 0.8rem;
	}
	.holder a.jp-previous {
		margin-right: 4px;
		margin-left: 0;
	}
	.holder a.jp-next {
		margin-left: 4px;
		margin-right: 0;
	}
	.holder span {
		margin: 0;
	}
}


/* ================================================================

	.article_example
	記事ページ事例

================================================================ */
.article_example{
    background: #f4f4f4;
    margin-bottom: 60px;
}
.article_example .title_example{
    padding: 20px 50px;
    background: #076799;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
	display: block;
}
.article_example .textarea{
    padding: 40px;
}
.article_example .textarea ul.result01{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
#traffic .article_example .textarea ul.result01 li{
    padding: 4px 15px;
    margin: 0;
    margin-bottom: 10px;
    background: #858585;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
#traffic .article_example .textarea ul.result01 li:not(:last-child){
    margin-right: 15px;
}
.article_example .textarea .result02{
    display: flex;
    justify-content: space-between;
}
.article_example .textarea .result02 .left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 53%;
    max-height: 60px;
}
.article_example .textarea .result02 .left .text{
    text-align: center;
}
.article_example .textarea .result02 .left .text .title{
    font-size: 14px;
    margin-bottom: 10px;
}
.article_example .textarea .result02 .left .text .money{
    font-size: 18px;
    font-weight: 600;
}
.article_example .textarea .result02 .left .text .money .txt_large{
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
}
.article_example .textarea .result02 .left .text .txt_red {
    color: #b33440;
}
.article_example .textarea .result02 .right{
    width: 43%;
    padding: 10px 30px;
    background: url("image/article/article_example_up.svg") no-repeat 6% center /contain,#b33440;
    background-size: 45px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.article_example .textarea .result02 .right .money{
    font-size: 16px;
    text-indent: 0.8em;
}
.article_example .textarea .result02 .right .money span{
    line-height: 1;
}
.article_example .textarea .result02 .right .money .txt_large{
    font-size: 34px;
}
@media screen and (max-width: 1200px){
    .article_example .title_example{
        padding: 15px 3.5vw;
    }
    .article_example .textarea{
        padding: 3.5vw 3vw;
    }
    .article_example .textarea .result02 .left{
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 1.4vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 2.6vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 3vw;
    }
    .article_example .textarea .result02 .right{
        padding: 1vw 2vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 1.4vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 2.6vw;
    }  
}
@media screen and (max-width: 1024px){
    .article_example .title_example{
        font-size: 20px;
    }
    #traffic .article_example .textarea ul.result01 li{
        font-size: 14px;
    }
    .article_example .textarea .result02 .left{
        width: 52%;
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 2vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 4vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 4vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 2vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 4vw;
    }  
}
@media screen and (max-width: 600px){
    .article_example .title_example{
        font-size: 3.2vw;
    }
    .article_example .textarea{
        padding: 4vw 5vw;
    }
    #traffic .article_example .textarea ul.result01 li{
        font-size: 12px;
    }
    #traffic .article_example .textarea ul.result01 li:not(:last-child){
        margin-right: 10px;
    }
    .article_example .textarea .result02{
        display: block;
    }
    .article_example .textarea .result02 .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .article_example .textarea .result02 .left .text .money{
        font-size: 3.4vw;
    }
    .article_example .textarea .result02 .left .text .money .txt_large{
        font-size: 8vw;
    }
    .article_example .textarea .result02 .right{
        width: 100%;
        padding: 3vw 2vw;
    }
    .article_example .textarea .result02 .left .arw{
        width: 7vw;
    }
    .article_example .textarea .result02 .right .money{
        font-size: 3.4vw;
    }
    .article_example .textarea .result02 .right .money .txt_large{
        font-size: 8vw;
    }
}
@media screen and (max-width: 420px){
    .article_example .title_example{
        font-size: 4.4vw;
    }
    .article_example .textarea .result02 .left .text .title{
        margin-bottom: 4px;
    }
    .article_example .textarea .result02 .right{
        background-size: 10vw;
    }
    #traffic .article_example .textarea ul.result01{
        margin-bottom: 10px;
    }
}

/*記事リンク（アイキャッチ付き）*/
#traffic .article_content .article_wrap .column_link_wrap{
	margin-top: 50px;
	padding: 40px 20px 20px;
	border: 1px solid #ccc;
	position: relative;
}
#traffic .article_content .article_wrap .column_link_wrap.mb{
    margin-bottom: 3em;
}
#traffic .article_content .article_wrap .column_link_wrap .title{
	display: inline-block;
	padding: 10px 20px;
	background: #076799;
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	line-height: 1;
	font-size: 18px;
	position: absolute;
	top:0;
	left: 20px;
	transform: translateY(-50%);
}
#traffic .article_content .article_wrap .column_link_wrap .link_a{
    margin-bottom: 0;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li:not(:last-child){
	margin-bottom: 20px;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li .catch_img{
    width: 20%;
    margin-right: 3%;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li .catch_img img{
    width: 100%;
    margin: 0;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li a .txt{
    width: 77%;
    padding-right: 4%;
    margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #217cb3;
    line-height: 1.5;
    position: relative;
}
#traffic .article_content .article_wrap .column_link_wrap .link_a li a .txt:after{
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: solid 3px #217cb3;
    border-right: solid 3px #217cb3;
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width:600px){
    #traffic .article_content .article_wrap .column_link_wrap .link_a li a .txt{
        font-size: 16px;
    }
}
@media screen and (max-width:550px){
    #traffic .article_content .article_wrap .column_link_wrap{
        padding: 40px 15px 20px;
    }
	#traffic .article_content .article_wrap .column_link_wrap .title{
		font-size: 16px;
        left: 10px;
	}
	#traffic .article_content .article_wrap .column_link_wrap .link_a li:not(:last-child){
		margin-bottom: 20px;
	}
    #traffic .article_content .article_wrap .column_link_wrap .link_a li .catch_img{
        width: 40%;
    }
	#traffic .article_content .article_wrap .column_link_wrap .link_a li a .txt{
        width: 54%;
        padding: 0;
		font-size: 14px;
	}
    #traffic .article_content .article_wrap .column_link_wrap .link_a li a .txt:after{
        content: none;
    }
}

/*20240501追記*/
@media screen and (max-width:480px) {
    .article_wrap .img-pc {
        display: none !important;
    }
}@media screen and (min-width:481px) {
    .article_wrap .img-sp {
        display: none !important;
    }
}

/* 事例動画追加 */
.article_wrap .jirei_movie_area {
	margin: 10px 0 60px 0;
	padding: 0 2em;
}
.article_wrap .jirei_area .movie_box {
	max-width: 580px;
	width: 75%;
	margin: 0 auto;
}
.article_wrap .jirei_movie_area .movie_box .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.article_wrap .jirei_movie_area .movie_box .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:600px) {
	.article_wrap .jirei_movie_area .movie_box {
		width: 100%;
	}
	
    .article_wrap .jirei_movie_area {
	padding: 0;
}
}