@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
@font-face {
	font-family: "uzura";
	src: url("./Dup/img/uzura.woff");
}

h2, h3, h4, h5, h6, p, #main_menu ul li a, #footer_menu a, .button, .button2{transform: rotate(0.03deg)}
body, #wrap, .letter_1{letter-spacing: 0}
html, body, .font_14, .font_12, .font_15, .font_13{font-size: 16px}

body, .font_sans-serif, .font_en{font-family: 'Comfortaa', 'uzura', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"}

.linkStyle{color: #A2DB9C}

.link_box ul{justify-content: center}
.link_box ul li{margin: 0 10px;width: 40px!important;height: 40px!important;border-radius: 50%;}
.fat-nav__wrapper, .fat-nav__wrapper ul{height: 100%!important}
.fa-envelope{display: none}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after{background-color: #8B4513}
.fat-nav li{padding: 8px;font-size: 16px}
.link_box ul li a{background-color: #fff;border-radius: 50%;width: 40px!important;height: 40px!important;display: block}
.link_box ul li a img{width: 70%!important;height: auto!important}

body{background-color: #EAE1D8}
#wrap{position: relative;z-index: 1}
#logo img{width: 70%!important}
header.bg_color4{background-color: #8B4513}
header::before{position: absolute;content: "";width: 30px;height: 100%;top: 0;right: -29px;background-image: url(./Dup/img/bg_img2.png);background-size: 100% 100%;z-index: 1}
.fat-nav, .fat-nav__wrapper ul{background-color: #EAE1D8}
.fat-nav__wrapper ul .txt_color3{color: #444341}
#main_menu ul li a{color: #fff}
#main_menu ul li a::before{background-color: #fff}
#page_title .txt_shadow-b{text-shadow: none}
.footer_cms, footer .txt_color1, footer .txt_color_nomal{color: #fff}
#main_img{max-height: inherit;min-height: inherit}
#main_img .scroll_bt{display: none}
#main_img::before, #page_title .title_img::before{position: absolute;content: "";width: 100%;height: 30px;left: 0;bottom: -1px;background-image: url(./Dup/img/bg_img1.png);background-size: 100% 100%;z-index: 3}
.button{border-radius: 50px;background-color: #D8D36F;color: #fff;border: none;text-shadow: 0 0 20px rgba(0,0,0,0.2);}
#top_cms .button{padding-top: 12px!important;padding-bottom: 8px!important}
.button:hover{background-color: #A2DB9C}
.button::after{display: none}
.button2{border-radius: 24px;border-color: #444341;color: #444341}
.button2:hover{box-shadow: none;transform: translateY(-5px)}
.con_wrap{background-image: url(./Dup/img/bg_img5.png);background-position: right bottom;background-size: contain;background-repeat: no-repeat}
#contents2 h2, #contents3 h3{position: relative;padding-bottom: 10px;margin-bottom: 20px}
#contents2 h2::before, #contents3 h3::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;bottom: 0;background-color: #D8D36F}
#contents1, #contents2, #contents3, .top_cms_wrap, footer, article.width_1280-1000{padding-left: 70px!important}
#contents1 h2{text-align: center;margin-bottom: 30px;padding-top: 80px;background-image: url(./Dup/img/bg_img4.png);background-size: 300px;background-repeat: no-repeat;background-position: top center}
footer{background-color: #8B4513;color: #fff}
.footer_banner{left: 0;bottom: 0}

.width_1280-1000{min-width: 800px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#logo img{width: 50%!important}
.width_1280-1000{min-width: 100%}
header::before{width: 100%;height: 4vw;top: auto;bottom: calc(-4vw + 1px);right: 0;background-image: url(./Dup/img/bg_img3.png)}
#logo{text-align: center}
#contents1, #contents2, #contents3, .top_cms_wrap, footer, article.width_1280-1000{padding-left: 20px!important}
#main_img::before, #page_title .title_img::before{height: 3vw}
#page_title{padding-top: 20px}
footer .link_box li{max-width: 40px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#copyright{padding-bottom: 50px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.pc_box .contact_bt a{padding-top: 15px;padding-bottom: 15px}
.cate_list li a, #page10 ul li a{padding-top: 10px;padding-bottom: 10px}
#page9 .box p a{padding-top: 5px;padding-bottom: 5px}
#main_menu ul li a::before{top: 42%}
}