@charset "utf-8";

.klo_fo_01a {width: 100%; margin-bottom: 12px; border-bottom: solid 1px #9F6027; overflow: hidden;}
.klo_fo_01a p {display: inline-block; float: left;}
.klo_fo_01a_left {width: 70%;}
.klo_fo_01a_left_mark img {display: inline-block; width: 22px;}
.klo_fo_01a_left_title {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_left_title {font-size: 22px; color: #7F4620; position: relative; top: -2px;}
.klo_fo_01a_left_br {display: none;}
.klo_fo_01a_right {width: 30%; text-align: right; padding-top: 5px;}
.klo_fo_01a_right_en {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_right_en {font-size: 14px; color: #E89213;}
.klo_fo_01a_body {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_fo_01a_body {font-size: 16px; color: #7F4620; padding: 0px 15px 50px 15px;}

.klo_fo_spacer {width: 100%; height: 200px;}
.attorneys {width: 100%; text-align: center;}
.attorney_link00 {display: inline-block; width: 200px; padding-bottom: 20px;}
.attorney_link00 img {width: 100%;}
.law6-dis-bot {margin-bottom: 0px;}
.law6-dis-bot_etc {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .law6-dis-bot_etc {font-size: 16px; color: #7F4620; padding: 0px;}
.klo_column_title_1 {display: flex; background-image: linear-gradient(to right, #513725 4px, transparent 4px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom; padding-bottom: 15px;}
.side {width: 80px;}
.side span {position: relative; display: block; width: 80px; top: 30%; left: 0%; text-align: center; border-radius: 6px; background: repeat-x url("../_kloAssets/img_right/column_title_bg.gif"); color: #fff;}
.main {flex: 1; font-size: 22px; line-height: 24px; padding-left: 6px; padding-top: 9px; color: #7F4620;}
.klo_column_spacer10 {width: 100%; height: 10px;} .klo_column_spacer20 {width: 100%; height: 20px;}
.column1111_img1 {float: right;}
@media (max-width: 430px) {
/* スマホで実行 */
 .main {font-size: 18px; line-height: 20px; padding-left: 4px; padding-top: 8px;}
 .column1111_img1 {width: 180px;}
}
.klo_column_title {width: 100%; height: 24px; display: block; position: relative;}
.klo_column_title_l {position: absolute; top: 0px; left: 0px; width: 80px; text-align: center; border-radius: 6px; background: repeat-x url("../_kloAssets/img_right/column_title_bg.gif"); color: #fff;}
.klo_column_title_r {position: absolute; top: -4px; left: 85px; width: auto; height: auto; text-align: left; color: #000; font-size: 22px; background-color: aqua;}
.klo_column_body_1 {position: relative; color: #333;}
.klo_column_body_2 {width: 100%; text-align: right; color: #7F4620;}

/* ーーーーー　コラム　ーーーーー */
.toggleIcon {width: 100%; height: 24px; vertical-align: middle; border-bottom: 1px solid #fff; background-color: #624b35; color: #ffffff; text-align: center;}
.toggleIcon {font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 300; font-style: normal;}  .toggleIcon {font-size: 15px;}
.ac-parent {width: 100%; border-bottom: 1px solid #fff; background-color: #7F4620; color: #ffffff; text-align: center;}
.ac-parent {font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 13px;}
.ac-child_span {display: block; width: 100%; border-bottom: solid 1px #666; padding: 5px 0px 5px 5px;}
.ac-child a {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}  .ac-child a {font-size: 13px; color: #000; border-top: 0px; text-decoration: none; width: 98%; height: auto;}

/* アコーディオンメニュー全体のサイズ・位置 */
.ac {width: 100%;}
/* クリック領域 */
.ac-parent {position: relative; height: 24px; border-bottom: 1px solid #fff; background-color: #826c5a; color: #fff; text-align: center; cursor: pointer;}
/* 擬似要素で下三角形を作成 */
.ac-parent:after {content: ""; display: inline-block; position: absolute; top: 45%; right: 15px; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-50%) rotate(45deg); transition: .3s;}
/* オープン時にopenクラスを付与 */
.ac-parent.open:after {transform: rotate(225deg);}
/* クリックしたら表示される領域 */
.ac-child {width: 100%; display: none; background-color: #eae4da; text-align: left;}

@media (max-width: 860px) {
.klo_fo_01a_left_br {display: inline-block;}
}
@media (max-width: 768px) {
.klo_fo_01a_left {width: 60%;}
.klo_fo_01a_right {width: 40%;}
.klo_fo_01a_left_mark img {width: 15px;}
.klo_fo_01a_left_title {font-size: 16px;}
.klo_fo_01a_right {padding-top: 0px;}
.klo_fo_01a_right_en {font-size: 12px;}
.klo_fo_spacer {width: 100%; height: 0px;}
}