@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: 60%;}
.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_right {width: 40%; 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 30px 15px;}
.klo_fo_spacer {width: 100%; height: 200px;}
.klo_practices_spacer {width: 100%; height: 30px;}
.klo_practices_con {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .klo_practices_con {font-size: 16px; color: #7F4620;}
.klo_practices_con {position: relative; padding: 0px 0px 3px 15px; background-image: url("../_kloAssets/img_right/practices_body_bg.png"); background-size: 6px; background-repeat: repeat-y; margin-top: 12px;}
.klo_practices_title {display: table; width: 100%; background-image: linear-gradient(to right, #513725 4px, transparent 4px); background-size: 6px 1px; background-repeat: repeat-x; background-position: left bottom; padding-bottom: 0px; margin-bottom: 8px;}
.klo_practices_title_bg {width: 120px; height: 20px; background-image: url("../_kloAssets/img_right/practices_title_bg.png"); background-size: 120px; color: #fff; position: relative;}
.klo_practices_title_con {display: inline-block; width: 120px; height: 20px; position: absolute; top: -3px; left: 10px;}
.klo_practices_body {display: block; width: 100%; color: #333;}
.klo_practices_body_l {display: inline-block; width: 240px;}
.klo_practices_body_r {display: inline-block;}

@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;}
}

@media (max-width: 768px) {
/* スマホで実行 */
 
}
@media (min-width: 769px) {
/* PCで実行 */
 
}