@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Sulphur+Point&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}

#page-top, .contact, #contents .arctext, #top_cms .cms_title p, .more, .other .other_link, a[href^="tel:"], a[href^="mailto:"], #footer h3, #copyright, .menu_wrap .nav, .overlay-menu, #page_title, #contents .box::before{font-family: 'Sulphur Point', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{display: inline-block;transition: 0.3s;color: #9ed852}
.linkStyle:hover{opacity: 0.7}

#fakeloader .fl{width: 280px;max-width: 280px}
.logo img{width: 70%!important}
#top_cms{background-image: url(./Dup/img/bg_img4.png), url(./Dup/img/bg_img3.png), url(./Dup/img/bg_img2.jpg);background-position: top, bottom, center;background-size: contain, contain, cover;background-repeat: no-repeat;padding-top: 130px}
#top_cms .cms_title h2{margin-bottom: 10px}
#top_cms .cms_title h2 span{transform: none!important}
#top_cms .cms_title .font_bold{font-weight: normal}
#top_cms .top_cms_box{border-bottom: solid 1px #ddd}
#page_title{background-position: center}
.menu .nav ul li a{line-height: 18px;height: 18px}
.menu .nav ul li a:hover .s2, .menu .nav ul li a:focus .s2{transform: translateY(-18px)}
#main_img:before, .other .other_link:before, #page_title:before{background-image: url(./Dup/img/bg_img.jpg);background-position: center;background-size: cover}
.svg_box1, .svg_box2{display: none}
.other .box_title2{border-radius: 0}
.other .box{border: solid 1px #ddd;border-radius: 0;box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.other .box:hover figure{opacity: 0.2}
footer{background-image: url(./Dup/img/bg_img2.jpg);background-position: center;background-size: cover;}
footer .footer_cms{padding-bottom: 50px}
.contact_wrap:last-child a{border-radius: 0;box-shadow: 5px 5px 0 #f2f2f2}
#intro .svg_dec, #intro .svg_dec2, #intro .svg_dec3, #intro .svg_dec4, #intro .svg_dec5, #intro .svg_dec6{display: none}
#intro_txt{background-image: url(./Dup/img/bg_img5.png);background-size: 10px}
#intro_txt .font_bold{font-weight: normal}
#intro_txt .intro_h{box-shadow: 0 10px 20px rgba(0,0,0,0.1);background-image: url(./Dup/img/bg_img6.png);background-position: center;background-size: contain;background-repeat: no-repeat}
#intro h2{padding-bottom: 20px;margin-bottom: 30px;position: relative}
#intro h2::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;right: 0;bottom: 0;background-color: #66d8cd;margin: auto}
#intro h2 span{color: #555;padding: 0;border: none}
#intro h2 span:before, #intro h2 span:after{display: none}
.more a, .menu .nav ul li:last-child a{border-radius: 0}
#contents .box{border-radius: 0;position: relative;overflow: hidden;padding-bottom: 50px;background-image: url(./Dup/img/bg_img3.png);background-position: bottom;background-size: 1000px;background-repeat: no-repeat;}
#contents .box::before{position: absolute;font-size: 100px;width: 100%;left: 0;text-align: center;color: #fff;top: -14px;line-height: 1}
#contents .box:nth-child(1)::before{content: "01"}
#contents .box:nth-child(2)::before{content: "02"}
#contents .box:nth-child(3)::before{content: "03"}
#contents .box h3{background-color: transparent;color: #fff;padding: 0 0 30px;margin: 0 0 30px;position: relative;border-bottom: solid 1px rgba(255,255,255,0.4);text-align: center;font-weight: normal}
#contents .box h3::before{position: absolute;content: "";width: 1px;height: 30px;left: 0;right: 0;bottom: -15px;margin: auto;background-color: #fff}
.cate_list li a{position: relative;padding-left: 30px}
.cate_list li a::before{position: absolute;content: "";width: 8px;height: 8px;left: 5px;top: 20px;border-top: solid 1px #ccc;border-right: solid 1px #ccc;transform: rotate(45deg);transition: 0.3s}
.cate_list li a:hover::before{border-color: #66d8cd;left: 10px}


/** tablet 780 **/
@media screen and (max-width: 768px){
.logo img{width: 50px!important}
#page_title .page_title_box h2{letter-spacing: 4px}
#contents .box{width: 100%!important;margin-bottom: 70px}
#page10 ul li{width: 33.3333%!important;margin: 0 0 20px;padding: 0 10px;font-size: 14px}
#page10 ul li a{padding-left: 0;padding-right: 0;}
#page10 ul li a span{letter-spacing: 1px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#top_cms .cms_title h2{font-size: 22px}
#page10 ul li{width: 100%!important;padding: 0}
#intro #intro_txt{padding-top: 20px;padding-bottom: 20px;margin-top: 30px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif, #page-top, .contact, #contents .arctext, #top_cms .cms_title p, .more, .other .other_link, a[href^="tel:"], a[href^="mailto:"], #footer h3, #copyright, .menu_wrap .nav, .overlay-menu, #page_title{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.cate_list li a::before{top: 15px}
.menu .nav ul li a{line-height: 20px;height: 20px}
}