﻿@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500&family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP&display=swap');

body, .font_sans-serif{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

#main_img2 h2, #main_img h2, #top_contents h2, .cate_title, #page10 #contents{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;font-weight: normal}

.button-effect, a[href^="tel:"], #main_menu, #top_cms .cms_title, #main_img2 span, .num{font-family: 'Fraunces', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;font-weight: normal}

.linkStyle{color: #a3a7b5;display: inline-block;transition: 0.3s}
.linkStyle:hover{opacity: 0.7}

body, html{font-size: 18px}
main:not(#page1){background-color: #eee;color: #333}
#main_menu, #main_menu.fixed{border-bottom: none}
#main_img{max-width: 100%!important;max-height: 700px;overflow: hidden;margin-bottom: 0;position: relative}
#main_img h2{z-index: 1;font-size: 30px}
.swiper-wrapper{opacity: 0.8}
#aisatsu, #main_img2{background-position: center}
#main_img2{max-width: 100%}
#main_img2 h2{background-color: transparent;border: solid 1px #fff}
#main_img2 span{color: rgba(255,255,255,0.4)}
#page10 #contents a{color: #212121!important}
#page10 #contents span{display: block;padding-left: 0}
#page10 #contents span::after{content: "-"}
#aisatsu{max-width: 100%!important}
#aisatsu > div{background-color: rgba(65,71,79,0.9)!important;background-image: url(./Dup/img/bg_img2.png);background-size: 1000px;background-position: left 0 bottom 70px;background-repeat: repeat-x;animation: anime1 20s linear infinite;position: relative}
.effect.effect-1:before{top: 2px}
@keyframes anime1 {
0% {background-position: left 0 bottom 70px}
100% {background-position: left -1000px bottom 70px}
}
#aisatsu > div::before{position: absolute;content: "";width: 1px;height: 80px;left: 0;right: 0;top: 0;margin: auto;background-color: #fff}
#top_cms{padding-top: 100px;padding-bottom: 1px;background-color: #eee;color: #333}
#top_cms .effect.effect-1{color: #333}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{background-color: #A3A7B5}
#info_map{background-image: url(./Dup/img/bg_img.png);background-size: 10px}
.contents_box{box-shadow: 10px 10px 0 rgba(255,255,255,0.1)}
.contents_box::before, .contents_box::after, .contents_box2::before, .contents_box2::after{display: none}

.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 rgba(0,0,0,0.2);color: #050519;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;bottom: -2px;background-color: #050519}
#cms_5-b .cate_box .open_bt .box_title1::before{display: none}
#cms_5-b .cate_box .open_bt .box_title1{margin-left: 75px}

.foot_tel_bt a[href="tel:"], .overlay ul li a[href="tel:"]{display: none}


/** tablet 780 **/
@media screen and (max-width: 768px){
footer #logo2{width: 100%!important;text-align: center}
footer .grid_9{width: 100%!important}
footer{padding-bottom: 50px!important}
body, html{font-size: 16px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.button_container span{background-color: #A3A7B5;box-shadow: none}
#logo{width: 100%!important;text-align: center;margin-right: 0}
#main_img h2{font-size: 20px}
}

/** 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!important}
#main_img2 h2, #main_img h2, #top_contents h2, .cate_title, #page10 #contents, .button-effect, a[href^="tel:"], #main_menu, #top_cms .cms_title, #main_img2 span, .num{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;font-weight: normal}
.effect.effect-1:before{top: -2px}
}