﻿@import url('https://fonts.googleapis.com/css2?family=Bellefair&family=Noto+Serif+JP:wght@300&display=swap');

#fakeloader{background-color: #fff}
.spinner7 > div{background-color: #e6e6e6}

body, .font_sans-serif, .font_en{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#page_title .font_en, #main_menu, #main_menu, .button, #top_cms .cms_title .font_en, a[href^="tel:"], #footer_menu .font_en, .con2_title{font-family: 'Bellefair', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.button{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;font-size: 18px;z-index: 1}
.button:hover{border-top: solid 1px #212121;border-bottom: solid 1px #212121}
.button::after{width: 100%;height: 0;background-color: #212121;top: auto;left: 0;bottom: 0;border-radius: 0;transform: none;transition: 0.5s cubic-bezier(.09,.9,.32,1.01)}
.button:hover::after{box-shadow: none;height: 100%}
.button2:hover{box-shadow: none;transform: translateY(-5px);background-color: #eee;}

.fa-envelope{display: none}
.txt_shadow, .txt_shadow-l, .txt_shadow-b{text-shadow: none}
.font_bold{font-weight: normal}

header.bg_color4{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
#main_menu{margin-bottom: 30px;font-size: 18px;line-height: 1.3}
#main_menu ul li a{text-align: center;margin: 0;padding: 15px!important}
#main_menu ul li a:hover{transform: translateY(-5px)}
#main_menu ul li a::before{top: auto;bottom: 0;background-color: #ccc;width: 0!important;right: 0;margin: auto;transition: 0.5s cubic-bezier(.09,.9,.32,1.01)!important}
#main_menu ul li a:hover::before{width: 100%!important}
.link_box ul{justify-content: center}
.link_box ul li{margin: 0 10px}

#main_img::before{position: absolute;content: "";width: 100%;height: 50px;background-image: url(./Dup/img/bg_img3.png);background-size: 100% 100%;left: 0;bottom: -1px;z-index: 3}
.con1_wrap{background-image: url(./Dup/img/bg_img4.png);background-position: right bottom;background-repeat: no-repeat;background-size: 200px}
#contents1{position: relative}
#contents1 h2{text-align: center;padding-bottom: 30px;margin-bottom: 40px;position: relative}
#contents1 h2::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;right: 0;bottom: 0;background-color: #e6e6e6;margin: auto}
.con3_wrap::before{position: absolute;content: "";width: 100%;top: 200px;bottom: 0;z-index: -1;left: 0;background-image: url(./Dup/img/bg_img.png);background-size: 500px}
#contents3 > div > div.grid_6:last-child{padding-top: 70px}
#contents3 h3{margin-top: 40px;padding: 10px;padding-left: 30px;border-left: solid 1px #212121}
#contents3 p{margin: 0;padding: 30px;}

#top_cms .button{font-size: 18px}
#top_cms .cms_title{padding-left: 0;text-align: center}
#top_cms .cms_title h2{font-size: 30px}
.cms_title::before{display: none}

#page_title .title_img::before{background-image: url(./Dup/img/bg_img2.png);background-size: 100% 50px;background-repeat: no-repeat;background-position: bottom center;bottom: -1px}
#page_title .page_box{margin-left: 0;padding: 0;text-align: center;margin-top: 20px}
#page_title .page_box::before{display: none}
#page_title .page_box h2{font-size: 40px}
article.pd_t-50px{padding-top: 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: 30px!important;margin-bottom: 50px;color: #212121;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;right: 0;bottom: 0;background-color: #e6e6e6;margin: auto}

#page-top{font-size: 16px}
#page_title h2 span{display: inline-block}
.fadein .fade_box{opacity: 0;transform: translateY(10px) skewY(2deg);transform-origin: top left;transition: 1s}
#page_title h2 span{opacity: 0;transform: translateY(10px) skewY(10deg);transition: 0.5s}
.fadein .fade_box.active, #page_title h2 span.active{opacity: 1;transform: none}

a[href="tel:"]{
    display: none;
}


/** tablet 780 **/
@media screen and (max-width: 768px){
#logo{max-width: 120px}
.hamburger{top: 22px}
#contents3 p{padding-right: 20px}
#contents3 > div > div.grid_6:last-child{padding-top: 0}
#page_title .title_img::before{background-size: 100% 8vw}
#page_title .page_box h2{font-size: 30px}
#main_img::before{height: 8vw}
}

/** mobile 750 **/
@media screen and (max-width: 667px){

}

/** IE **/
@media all and (-ms-high-contrast:none) {
.pc_box .contact_bt a, #page10 ul li a{padding-top: 15px;padding-bottom: 15px}
.cate_list li a{padding-top: 10px;padding-bottom: 12px}
#page9 .box p a{padding-top: 3px;padding-bottom: 5px}
}