@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

.fon_jos {
    font-family: 'EB Garamond', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
h2, h3, h4 {
    font-family: 'Zen Kaku Gothic New','Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
.head_tel p, .footer_tel p {
    font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}


/* ======================================================================================
　　color
======================================================================================== */
.linkStyle{color: #62493c;transition: opacity .3s;text-decoration: underline;}
.linkStyle:hover{opacity: 0.7}

.title_wrap {color: #62493c;}
.con2_bg {
background-color: #ffffff;
opacity: 0.4;
}
.border_color3 {
    border-color: #f5e8cd;
}

/* ======================================================================================
　　all
======================================================================================== */
.font_bold {
    font-weight: 500;
}
.opacity04 {
    opacity: 1;
}

/* ======================================================================================
　　top
======================================================================================== */
.fixbnr {
    left: 20px;
    right: auto;
    bottom: 16px;
    width: 180px;
    position: fixed;
}

/* ---------- main_img ---------- */
.catch {
    bottom: 10%;
    right: 2%;
    width: 48%;
    max-width: 545px;
    filter: none;
}

.triangle01 {display: none;}




/* ======================================================================================
　　under
======================================================================================== */
#page08 .bnr .width_300-max {
    width: 30%;
}

#cms_2-f .box_title1 {
    font-size: 18px;
}




/* ======================================================================================
　　window size
======================================================================================== */

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.loader_icon {
    width: 248px;
}
#page08 .bnr .width_300-max {
    width: 32.66667%!important;
}
.catch {
    width: 63%;
}
.footer_item {
    padding-bottom: 150px;
    padding-top: 0;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.loader_icon {
    width: 163px;
}
.mainwrap-r h1 {
    width: 123px;
}
#page08 .bnr .width_300-max {
    width: 74%!important;
}
.fixbnr {
    left: 7px;
    bottom: 10px;
    width: 129px;
}
.catch {
    width: 82%;
}
}