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

.font_en, a[href^="tel:"], #main_menu, .cate_title, .con3_wrap #contents3 figure::after{font-family: 'Libre Baskerville', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

header{background-color: rgba(255,255,255,0.9)!important;box-shadow: 0 0 20px rgba(0,0,0,0.1)}
header .contact_bt .fa-envelope{display: none}
.button{background-color: #f7f7f7;color: #5ea6dd;border: none;border-left: solid 1px;border-right: solid 1px}
.button:hover{background-color: transparent;color: #fff}
.button:hover::after{box-shadow: inset 0 0 0 15em #5ea6dd;}
.button2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: none;border-bottom: solid 1px;color: #5ea6dd}
.button2:hover{color: #46c6b3;box-shadow: none;transform: translateY(-5px)}
#main_menu ul li a::before{background-color: #ddd}
#main_menu ul li a:hover{color: #5ea6dd}
#main_menu ul li a:hover::before{background-color: #5ea6dd}
#sp_nav .txt_color3{color: #333}

#main_img{background-color: #333}
#main_img .slides{opacity: 0.7}
#main_menu .txt_color3{color: #333}
.txt1{padding-top: 50px;padding-bottom: 50px;border-top: solid 1px;border-bottom: solid 1px}
#contents1{background-image: url(./Dup/img/intro.png);background-size: 450px;background-position: right -50px top 50%;background-repeat: no-repeat}
.con2_wrap{z-index: 1}
.con2_wrap #contents2 > .d_flex{align-items: flex-start}
.con2_wrap::before{position: absolute;content: "";width: 80%;height: calc(100% + 100px);top: 0;left: 0;background: linear-gradient(to bottom right, #e4eef4, #e6fce8);z-index: -1}
.con3_wrap{z-index: 1}
.con3_wrap h3{text-align: center;color: #333;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;margin-top: 30px;position: relative;border-bottom: solid 1px #e6e6e6}
.con3_wrap h3::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: -1px;background-color: #5ea6dd;margin: auto;}
.con3_wrap #contents3 figure::before{position: absolute;content: "";width: 70px;height: 70px;transform: rotate(45deg);left: 0;right: 0;bottom: -35px;background-color: #fff;margin: auto;z-index: 1}
.con3_wrap #contents3 figure::after{position: absolute;content: "01";left: 50%;transform: translateX(-50%);bottom: 0;text-align: center;color: #5ea6dd;font-size: 18px;z-index: 1}
.con3_wrap #contents3 .grid_6:last-child figure::after{content: "02"}
#page_title .title_img::before{background: linear-gradient(to bottom right, rgba(228,238,244,0.8), rgba(230,252,232,0.8))!important}
#top_cms{position: relative;z-index: 1;}
#top_cms .cms_title h2{color: #333;font-size: 26px}
#top_cms .cms_title p{color: #5ea6dd}
.cms_title::before{background-color: #5ea6dd}
#page_title{position: relative;margin-bottom: 50px}
#page_title .page_box{position: absolute;left: 0;bottom: 50px;margin: 0;z-index: 1}
#page_title .page_box h2{color: #333;font-size: 30px}
#page_title .page_box p{color: #5ea6dd}
#page_title .page_box::before{background-color: #5ea6dd;top: 24px}
#page_title .page_box .txt_shadow-b{text-shadow: 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 1px #ddd;color: #333;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 80px;height: 5px;left: 0;bottom: -5px;background-color: #5ea6dd}

.footer_cms{color: #333}
#copyright{
    padding-bottom: 80px;
}

.foot_banner{
    right: 10px;
    bottom: 10px;
    z-index: 1;
}


/** tablet 780 **/
@media screen and (max-width: 768px){
#page_title .title_img{height: 200px}
#logo{max-width: 210px}
#contents1{background-position: center}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.txt1{font-size: 12px;width: 80%;padding-top: 30px;padding-bottom: 30px}
#contents1{background-size: 80%}
.con2_wrap::before{width: 100%;height: calc(100% + 100px)}
.con2_wrap #contents2{padding-top: 50px}
.con2_wrap .con2_img{height: 60vw!important;width: calc(100% - 40px)!important;margin: -50px auto 0}
.con3_wrap h3{font-size: 18px}
#page_title .page_box h2{font-size: 24px}
#page_title .page_box::before{top: 18px}
#logo{max-width: 160px}
.foot_banner {
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
    border-radius: 10px 10px 0 0;
    max-width: 260px;
}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.font_en, a[href^="tel:"], #main_menu, .cate_title, .con3_wrap #contents3 figure::after{font-family: 'Libre Baskerville', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
.cms_wrap .font_en{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

}