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

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

#contents1 h2::before, #contents2 h2::before, #contents3 h3::before{font-family: 'Caveat', 'Manrope', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body, .font_color_nomal{color: #584942}

html, body, .font_14{font-size: 16px}

/* color */
.txt_color1{color: #B0C439} /* メインカラー */
.txt_color2{color: #F4F2F3} /* サブカラー */
.txt_color3{color: #DD8AAA} /* アクセントカラー1 */
.txt_color4{color: #F9F9F2} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #C7E05F} /* メインカラー */
.bg_color2{background-color: #F4F2F3} /* サブカラー */
.bg_color3{background-color: #F2B1C7} /* アクセントカラー1 */
.bg_color4{background-color: #F9F9F2} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #C7E05F}
.border_color2{border-color: #F4F2F3}
.border_color3{border-color: #DD8AAA}
.border_color4{border-color: #F9F9F2}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #B0C439} /* メインカラー */
.hvr_txt_color2:hover{color: #F4F2F3} /* サブカラー */
.hvr_txt_color3:hover{color: #F2B1C7} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F9F9F2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #C7E05F} /* メインカラー */
.hvr_bg_color2:hover{background-color: #F4F2F3} /* サブカラー */
.hvr_bg_color3:hover{background-color: #F2B1C7} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F9F9F2} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #C7E05F}
.hvr_border_color2:hover{border-color: #F4F2F3}
.hvr_border_color3:hover{border-color: #F2B1C7}
.hvr_border_color4:hover{border-color: #F9F9F2}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #DD8AAA}
.linkStyle:hover{opacity: 0.7}

.width_1280-1000{min-width: 800px}
.footer_cms{color: #584942}
header{background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center left;box-shadow: 0 0 20px rgba(88,73,66,0.2);height: 100%}
header .contact_bt{display: none}
#logo{padding-bottom: 80px;background-image: url(./Dup/img/img1.png);background-position: center bottom;background-size: contain;background-repeat: no-repeat;}
.link_box ul{justify-content: center;}
.link_box ul li{width: 30px!important;margin: 0 10px}

#main_img{background-color: #584942}
#main_img::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/dot.png);z-index: 1}
#main_img .scroll_bt{display: none}
#main_img video{opacity: 0.94}
#main_menu{text-align: center}
#main_menu ul li a, #main_menu ul li a:hover{padding-left: 0;color: #584942}
#main_menu ul li a:hover{color: #B0C439}
#main_menu ul li a::before{display: none}
#page_title .txt_shadow-b{text-shadow: none}
#page_title .page_box{padding: 0;padding-bottom: 50px;margin-left: 0;text-align: center;margin-top: 30px;margin-bottom: 80px;background-image: url(./Dup/img/img2.png);background-size: 150px;background-position: center bottom;background-repeat: no-repeat}
#page_title .page_box::before{display: none}
#page_title h2{font-size: 16px}
#page_title p{font-size: 30px;color: #584942;letter-spacing: 4px}
#page_title .title_img::before{background-image: url(./Dup/img/page_title.png);background-position: bottom;background-size: 100% 50px;background-repeat: no-repeat;bottom: -1px}
article.pd_t-50px{padding-top: 0}

#contents1{padding-top: 50px;padding-bottom: 50px}
#contents2{position: relative;z-index: 0}
.con2_wrap{background-image: url(./Dup/img/page_title.png);background-position: bottom;background-size: 100% 50px;background-repeat: no-repeat;bottom: -1px}
#contents1 h2, #contents3 h3{text-align: center;position: relative}
#contents1 h2{padding-bottom: 50px;margin: 30px 0;background-image: url(./Dup/img/img3.png);background-size: 150px;background-position: center bottom;background-repeat: no-repeat}
#contents1 h2::before{position: absolute;content: "Welcome";font-size: 60px;text-align: center;width: 100%;left: 0;top: -50px;color: #cec55c;z-index: -1;opacity: 0.2}
#contents2 h2{position: relative;margin-top: 30px}
#contents2 h2::before{position: absolute;content: "About us";font-size: 60px;width: 100%;left: 0;top: -50px;color: #cec55c;z-index: -1;opacity: 0.2}
#contents3 h3{color: #584942;position: relative;margin: 30px 0;padding-bottom: 20px}
#contents3 h3::before{display: block;margin-bottom: 5px;font-size: 24px;text-align: center;width: 100%;color: #C7E05F;}
#contents3 h3::after{position: absolute;content: "";width: 40px;height: 1px;background-color: #C7E05F;left: 0;right: 0;bottom: 0;margin: auto}
#contents3 .grid_6:first-child h3::before{content: "Point. 1"}
#contents3 .grid_6:last-child h3::before{content: "Point. 2"}


.button{border: none;color: #B0C439;background-color: #F9F9F2}
.button:hover{background-color: transparent}
.button:hover::after{box-shadow: inset 0 0 0 15em #B0C439}
header .button{background-color: #B0C439;color: #fff}
header .button:hover{color: #B0C439}
header .button:hover::after{box-shadow: inset 0 0 0 15em #fff}
.button2{color: #584942;background-color: #F4F2F3;border: none}
.button2:hover{background-color: #F2B1C7;box-shadow: none;color: #fff}

#top_cms{padding: 0 50px;background-color: #F9F9F2}
#top_cms .button{background-color: #fff}
#top_cms .button:hover{background-color: transparent}
#top_cms section{position: relative;z-index: 0}
#top_cms .cms_title{text-align: center;padding: 0;padding-bottom: 50px;margin-bottom: 50px}
.cms_title::before{width: 1px;height: 40px;left: 0;right: 0;top: auto;bottom: -10px;margin: auto;transform: none}
#top_cms .cms_title h2{font-size: 14px}
#top_cms .cms_title p{font-size: 24px;color: #584942;letter-spacing: 3px}

#cms_1-a .box_item figure{border: solid 5px #fff}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 20px;text-align: center;padding-bottom: 30px;margin-bottom: 50px;color: #584942;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 1px;background-color: #584942;left: 0;right: 0;margin: auto;bottom: 0}

/** tablet 780 **/
@media screen and (max-width: 768px){
.width_1280-1000{min-width: 100%}
header{height: auto}
#logo{padding: 10px;background-image: none}
#main_img{height: 60vw!important}
#top_cms{padding: 0 20px}
#page_title .title_img::before{background-size: 100% 5vw}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{padding: 8px 10px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font_en{font-family: 'Manrope', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.cate_title{padding-bottom: 30px!important}
}