@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@600&family=Noto+Sans+JP:wght@700&display=swap');

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

#top_cms .cms_title .font_en, #page_title .font_en, .button, .cate_title, a[href^="tel:"], #contents1 h2, #contents2 h2, #contents3 h3, #main_menu, .link_box ul li a, .date{font-family: 'Lexend', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

/** cursor **/

body{cursor: none}
input[type="text"], textarea{cursor: none}
.cursor,.follower{border-radius: 50%;position: fixed;top: 0;left: 0;pointer-events: none;}
.cursor{width: 8px;height: 8px;background-color: #555;z-index: 1001;}
.follower{width: 40px;height: 40px;z-index: 1000;transition: 0.3s;opacity: 0.6;transition-property: transform,background;background-color: #1fceea}
.follower.is-active{background-color: transparent;border: solid 1px #1fceea;transform: scale(1.5);}
.cursor.is-active.more_move,.cursor.is-active.more_info{background-color: transparent;}
a{cursor: none}

/** **/

.button{border-radius: 50px;background-color: #f4cc06;border: solid 2px #f4cc06;color: #fff}
.button:hover{color: #f4cc06;background-color: transparent;transform: translateY(-5px);box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
.button:hover::after{box-shadow: inset 0 0 0 15em #fff}
.button2{background-color: #07c2ed;color: #fff;border-radius: 50px;border: none}
.button2:hover{transform: translateY(-5px);box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
.normal_img img, .rectangle_img, .square_img{border-radius: 10px;box-shadow: 0 5px 0 #F3CB06}
.link_box{text-align: center;}
.link_box ul{display: inline-block;text-align: left}
.link_box ul li{border-radius: 0;box-shadow: none}
.link_box ul li a{color: #763D00;}
.fa-envelope{display: none}

.fadein{opacity: 0;transform: translateY(20px);transition: 1s}
.fadein.active{opacity: 1;transform: none}

header::before{position: absolute;content: "";width: 50px;height: 100%;bottom: 0;right: -49px;z-index: 2;background-size: 100% 100%;background-image: url(./Dup/img/header.png)}
header .button, footer .button{font-size: 16px}
#logo{padding-bottom: 80px;background-image: url(./Dup/img/bg_img4.png);background-position: bottom center;background-repeat: no-repeat;background-size: 100px;}
#main_img::before{position: absolute;content: "";width: 150px;height: 200px;background-image: url(./Dup/img/bg_img5.png);background-size: cover;right: 30px;bottom: 0;z-index: 1}
#main_menu{margin-top: 30px;margin-bottom: 30px}
#main_menu ul li a{padding: 10px 0!important;margin-bottom: 0;text-align: center;color: #763D00}
#main_menu ul li a:hover{transform: translateY(-5px);color: #f4cc06}
#main_menu ul li a::before{display: none}
#main_img{max-height: inherit;min-height: inherit;position: relative}
#main_img .scroll_bt{display: none}
.con1_wrap, #contents2, #contents3, .top_cms_wrap, footer, article.pd_l-40px{padding-left: 70px!important}
#contents1{padding-left: 50px;padding-right: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 20px}
#contents1 h2{text-align: center;background-image: url(./Dup/img/bg_img2.png);background-position: top center;background-repeat: no-repeat;background-size: 150px;padding-top: 110px}
#contents2{padding-top: 0}
#contents2 h2{padding-left: 60px;position: relative;}
#contents2 h2::before{position: absolute;content: "";width: 70px;height: 70px;background-image: url(./Dup/img/bg_img6.png);background-size: contain;left: -10px;top: -30px;background-repeat: no-repeat}
#contents2 .grid_6:first-of-type{padding-top: 50px}
#contents2 figure{margin-top: -50px;position: relative}
.con3_wrap{background-image: url(./Dup/img/bg_img.jpg);background-size: cover}
#contents3 h3{text-align: center;margin-top: 0;padding-top: 30px;padding-bottom: 13px;position: relative;margin-bottom: 20px}
#contents3 h3::before{position: absolute;content: "";width: 50px;height: 2px;left: 0;right: 0;bottom: 0;background-color: #F3CB06;margin: auto}
#contents3 .con3_box_wrap{z-index: 1}
#contents3 .con3_box_wrap::before{position: absolute;content: "";width: 100%;top: 100px;bottom: 0;left: 0;border-radius: 20px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.05);z-index: -1}
#top_cms .cms_title{text-align: center;padding-top: 50px;border-top: solid 1px #E6E6E6;text-align: center;padding-left: 0;position: relative}
#top_cms .cms_title::before{position: absolute;content: "";width: 10px;height: 10px;top: -6px;left: 0;right: 0;margin: auto;background-color: #F4CC06;transform: none;border-radius: 50%}
#top_cms .cms_title::after{position: absolute;content: "";width: 2px;height: 40px;top: 0;left: 0;right: 0;margin: auto;background-color: #F4CC06;transform: none}
#top_cms .cms_title p{color: #07C2ED}

article.pd_t-50px{padding-top: 0}
#page_title .page_box{padding: 80px 0 0;margin: 0 0 50px;text-align: center;background-image: url(./Dup/img/bg_img3.png);background-position: top center;background-repeat: no-repeat;background-size: 120px;}
#page_title .page_box::before{display: none}
#page_title .txt_shadow-b{text-shadow: none}
#page_title .title_img::before{background-image: url(./Dup/img/bg_img.png);background-size: 100% 50px;background-position: right bottom;background-repeat: no-repeat}
.cms_6-b .cate_box_h:last-child, #cms_6-b .cate_box_h:last-child{margin-bottom: 0}

.footer_cms{color: #333;line-height: 1.5;letter-spacing: 1px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 2px #F3CB06;color: #333}

/** tablet 780 **/
@media screen and (max-width: 768px){
#wrap, input, textarea{cursor: auto}
a{cursor: pointer}
#logo{padding-bottom: 0;background-image: none}
.cursor, .follower{display: none}
.con1_wrap, #contents2, #contents3, .top_cms_wrap, footer, article.pd_l-40px{padding-left: 20px!important}
#contents1{padding-left: 20px;padding-right: 20px}
header::before{width: 100%;height: 5vw;top: auto;right: 0;bottom: calc(-5vw + 1px);background-image: url(./Dup/img/header_sp.png);}
#page_title .title_img::before{background-size: 100% 5vw}
footer .link_box li{max-width: inherit;}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img::before{width: 90px;height: 120px;right: 20px}
#contents1 h2{background-size: 100px;padding-top: 80px}
#contents2 figure{margin-top: 20px}
#news_list{height: auto}
#contents1 h2{text-align: left}
#contents2 h2::before{top: -40px}
#logo{max-width: 170px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#top_cms .cms_title .font_en, #page_title .font_en, .button, .cate_title, a[href^="tel:"], #contents1 h2, #contents2 h2, #contents3 h3, #main_menu{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.pc_box .contact_bt a{padding: 15px}
}