@charset "utf-8";

.klo_pp {width: 100%; margin-bottom: 12px; border-bottom: solid 1px #9F6027; overflow: hidden;}
.klo_pp_mark img {display: inline-block; width: 22px;}
.klo_pp_title {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_pp_title {font-size: 22px; color: #7F4620; position: relative; top: -2px;}
.klo_pp_body {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_pp_body {font-size: 16px; color: #7F4620; padding: 0px 15px 30px 15px;}

.typology {margin-left: 48px; width: 90%; margin-top: 12px;} /* ーーー　枠囲み　ーーー */
.box20 {width: 100%; position: relative; padding: 5px 20px 5px 20px; font-size: 14px; line-height: 26px; color: #333;}
.box20:before, .box20:after{position: absolute; top: 0; content:''; width: 15px; height: 100%; display: inline-block; box-sizing: border-box;}
.box20:before{border-left: solid 1px #333; border-top: solid 1px #333; border-bottom: solid 1px #333; left: 0;}
.box20:after{border-top: solid 1px #333; border-right: solid 1px #333; border-bottom: solid 1px #333; right: 0;}

.klo_pp_01_title {margin-left: 18px; width: 97%; color: #7F4620;}
.klo_pp_01_title {background-image: linear-gradient(to right, #7F4620 4px, transparent 4px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom; padding-bottom: 2px;}
.klo_pp_01_body {padding: 10px 5px 6px 30px; font-family: "Noto Serif JP", system-ui; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 15px; color: #7F4620;}

.paragraph {height: 25px;}
.userList03 {margin: 0px;}
.userList03 li {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .userList03 li {font-size: 10px; color: #333;}
.userList03 li span {position: relative; font-size: 15px; top: 1px;}
.userTable {margin-left: 30px;}
.userTable {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .userTable {font-size: 15px; color: #333;}
.klo_column_body_2 {width: 100%; text-align: right; color: #7F4620;}

@media (max-width: 768px) {
.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;}
.klo_pp_01_title {width: 95%;}
}

@media (max-width: 480px) {
.typology {width: 86%;}
}