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

body, .font_sans-serif{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#page_title h2, #top_cms .top_cms_title h4, .more, #main_nav .en, .sc_nav .en, #menu_wrap, .intro_h{font-family: 'Cinzel', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.sc_nav .logo img{max-width: 150px}
#main_nav{max-width: 900px;letter-spacing: 3px}
#main_nav li{width: 20%;text-align: center}
#main_nav li a:hover .en, .sc_nav li a:hover .en{opacity: 0}
#main_nav li a:hover .jp, .sc_nav li a:hover .jp{opacity: 1}
#main_nav li a:hover, .sc_nav li a:hover{text-shadow: none}
.sc_nav .logo{width: 25%!important;}
.sc_nav .grid_8{width: 75%!important}
.sc_nav li{width: 100px;text-align: center;font-size: 14px;letter-spacing: 0}

#main_img{position: relative}
#main_img::before{position: absolute;content: "";top: 20px;left: 20px;right: 20px;bottom: 20px;border: solid 1px #fff;margin: auto;z-index: 1;pointer-events: none}
#main_img::after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/img2.png), url(./Dup/img/img3.png), url(./Dup/img/img4.png), url(./Dup/img/img5.png);background-size: 100px;background-repeat: no-repeat;background-position: top left, top right, left bottom, right bottom;z-index: 1;pointer-events: none}
#line_animation1{margin-top: -70px;height: 350px}
#line_animation1 .st0{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
#intro{margin-bottom: 150px}
#intro .intro_txt{padding-bottom: 100px;background-image: url(./Dup/img/bg_img.jpg);background-size: cover}
#intro .intro_title h3{line-height: 1.5;padding-left: 20px;font-size: 34px}
.intro_h{transform: translateY(-20px)}
#intro .intro_txt h2{background-color: transparent;transform: none;padding: 0;margin-bottom: 30px;padding-top: 20px;padding-bottom: 40px;background-image: url(./Dup/img/img1.png);background-size: 150px;background-position: bottom center;background-repeat: no-repeat;font-size: 20px;line-height: 1.5}
#intro .intro_txt h2 span{text-align: center}
#top_contents1{margin-top: 0!important;margin-bottom: 100px!important}
#top_contents1 .contents1_txt h3{transform: none}
#top_contents2{margin-bottom: 100px!important}
#top_cms .top_cms_title h4{font-size: 40px}
#top_cms .top_cms_title p{font-size: 20px;padding-left: 50px;position: relative;border-top: none;padding-top: 0;padding-bottom: 5px}
#top_cms .top_cms_title p::before{position: absolute;content: "";width: 30px;height: 1px;top: 10px;left: 0;background-color: #1a1a1a}
#top_cms .top_cms_box .more a span.on{background-color: #cca21f}

#page_title h2, #page_title p{color: #fff;letter-spacing: 5px;text-shadow: 0 0 10px rgba(0,0,0,.5)}
#page_title h2{font-size: 50px;line-height: 1.5;letter-spacing: 8px}
#page_title p{font-size: 20px;opacity: 1}

.cate_list{padding-left: 0}
.cate_list li{position: relative;padding-left: 40px}
.cate_list li::before{position: absolute;content: "";width: 30px;height: 1px;background-color: #ccc;top: 19px;left: 0}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 40px!important;margin-bottom: 50px;color: #cca21f;font-weight: normal;background-image: url(./Dup/img/img1.png);background-size: 150px;background-position: bottom center;background-repeat: no-repeat}

footer{background-image: url(./Dup/img/bg_img2.jpg);background-size: cover;color: #fff}
footer .txt_color_nomal{color: #fff}


/** tablet 780 **/
@media screen and (max-width: 768px){
.intro_h{transform: translateY(-15px)}
#intro .intro_txt h2{font-size: 18px}
#page_title h2{font-size: 40px}
#page_title p{font-size: 18px}
#menu_bt{width: 30px;top: 10px}
#menu_bt > div span{height: 2px;margin-bottom: 5px}
#menu_bt.active > div span:nth-of-type(1){transform: translateY(7px) rotate(45deg)}
#menu_bt.active > div span:nth-of-type(3){transform: translateY(-7px) rotate(-45deg)}
#intro .intro_title h3{font-size: 20px;letter-spacing: 1px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#line_animation1{height: auto}
#intro .intro_txt h2{font-size: 16px}
#page_title{padding-top: 150px;padding-bottom: 30px;min-height: inherit}
#page_title h2, #page_title p{letter-spacing: 3px}
#page_title h2{font-size: 30px}
#intro, #top_contents1{margin-bottom: 50px!important}
#intro .intro_title h3{margin-bottom: 30px}
#top_cms .top_cms_title h4{font-size: 30px}
#top_cms .top_cms_title p{font-size: 16px}
.cate_title{font-size: 20px}
#main_img::before{top: 10px;left: 10px;right: 10px;bottom: 10px}
#main_img::after{background-size: 50px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}