@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; #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_access_spacer {width: 100%; height: 20px; clear: both;}
.klo_access_spacer {display: table; 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: 15px;}
.klo_access_cont {width: 100%; position: relative; clear: both;}
.klo_access_title {display: inline-block; width: 65px; height: 20px; background-image: url("../_kloAssets/img_right/access_title_bg.png"); background-size: 50px; background-repeat: no-repeat; position: relative; top: 3px;}
.klo_access_title01 {display: block; width: 45px; height: 20px; position: absolute; top: -2px; left: 9px; color: #fff;}
.klo_access_title02 {display: block; width: 45px; height: 20px; position: absolute; top: -1px; left: 7px; color: #fff; font-size: 15px;}
.klo_access_title03 {display: block; width: 45px; height: 20px; position: absolute; top: -1px; left: 7px; color: #fff; font-size: 15px;}
.klo_access_title04 {display: block; width: 45px; height: 20px; position: absolute; top: -1px; left: 7px; color: #fff; font-size: 15px;}
.klo_access_body01 {display: inline-block; vertical-align: top; width: 340px; position: absolute; top: 2px;}
.klo_access_body02 {display: inline-block; vertical-align: middle; width: 400px; font-size: 16px; line-height: 20px;} .klo_access_body02 img {width: 200px; display: inline;}
.klo_access_body03 {display: inline-block; vertical-align: top; width: 300px; position: relative;} .klo_access_body03 img {width: 200px; position: absolute; top: 0px;}
.klo_access_body04 {display: block; vertical-align: top; width: 100%; text-align: center;} .klo_access_body04 img {display: block; margin: 0 auto; max-width: 500px;}
.exit {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}  .exit {font-size: 18px; color: #7F4620; padding-top: 15px;}
.building {font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 300; font-style: normal;}  .building {font-size: 16px; color: #7F4620; padding-top: 0px;}

@media (max-width: 768px) {
/* スマホで実行 */
 .klo_access_body04 img {width: 90%;}
}
@media (max-width: 430px) {
/* スマホで実行 */
 .klo_access_body01 {display: block; position: relative;}
 .klo_access_body02 {display: block; width: 100%; font-size: 14px;}
}

@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で実行 */
 
}