﻿.linkStyle{display: inline-block;transition: 0.3s;color: #44c3b8}
.linkStyle:hover{opacity: 0.7}

html, body, .font_14{font-size: 18px}
body, .more a::after, .cate_list li a::after, #page10 ul li a .title::after, #tel_contact > div > .d_inline_b > div p span{background-color: #fff}
.font_bold{font-weight: 600;}

#intro h3, #contents2 h3, #contents3 h3, #contents1_txt h3{font-family: 'Jost', "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;font-size: 30px;font-weight: 300;line-height: 1.5}
#contents1_txt h3{font-size: 20px}
.linkStyle{word-break: break-all}

header, .pc_sc_nav.sc{box-shadow: none}
header nav, #contents2, #contents3, .pc_sc_nav.sc{background-image: url(./Dup/img/bg_border.png);background-size: 10px}
header nav li, .pc_sc_nav li{width: 16.66667%!important}
header nav li a, .pc_sc_nav li a{padding-top: 50px!important;background-size: 35px;background-position: top center;background-repeat: no-repeat;padding-left: 0!important;padding-right: 0!important;border: none!important;position: relative}
.pc_sc_nav li a{padding-top: 10px!important}
.pc_sc_nav li:not(:first-child) a{border-left: solid 1px #ddd!important}
header nav li:not(:first-child) a::before{position: absolute;content: "";width: 1px;height: 60px;top: 0;bottom: 0;margin: auto;left: 0;background-color: #ddd}
header nav li:nth-child(1) a{background-image: url(./Dup/img/nav1.png)}
header nav li:nth-child(2) a{background-image: url(./Dup/img/nav2.png)}
header nav li:nth-child(3) a{background-image: url(./Dup/img/nav3.png)}
header nav li:nth-child(4) a{background-image: url(./Dup/img/nav4.png)}
header nav li:nth-child(5) a{background-image: url(./Dup/img/nav5.png)}
header nav li:nth-child(6) a{background-image: url(./Dup/img/nav6.png)}

#main_img .slick::before{position: absolute;content: "";top: 10px;left: 10px;right: 10px;bottom: 10px;background-image: url(./Dup/img/bg_img.png);background-position: top left;background-size: contain;background-repeat: no-repeat;opacity: 0;transform: scale(1.5,1.5);z-index: 1;pointer-events: none;}
#main_img .slick.load::before{animation: anime1 1s ease;animation-fill-mode:forwards}

@keyframes anime1 {
0% {opacity: 0}
60% {transform: scale(0.8,0.8)}
80% {transform: scale(1.1,1.1)}
90% {opacity: 1;transform: scale(0.9,0.9)}
95% {opacity: 1;transform: scale(1.05,1.05)}
100% {opacity: 1;transform: scale(1,1)}
}

#intro .txt_white{color: #333}
#intro::before{position: absolute;content: "";width: 350px;height: 75px;left: 0;right: 0;top: -74px;margin: auto;background-image: url(./Dup/img/intro_bg.png);background-size: contain}
#intro .intro_title{border-radius: 0;background-image: url(./Dup/img/intro.png);background-size: contain;background-position: center;background-repeat: no-repeat;width: 80px;height: 80px;top: -20px}
#intro h3{padding-bottom: 20px;margin-bottom: 10px;border-bottom: solid 2px rgba(0,0,0,0.2);font-size: 40px;font-weight: 600}
#intro .intro_title span{display: none}
#intro::after{display: none}
#intro p{font-size: 20px}
#contents1 #contents1_txt{border-radius: 0;box-shadow: none;border: solid 2px #f48134;border-top-width: 10px;}
#contents1_txt h3{padding-bottom: 20px;margin-bottom: 30px;border-bottom: solid 2px #eee;font-size: 30px;font-weight: 600;color: #f48134}
#contents1 figure{box-shadow: none}
#contents3 figure{transform: translateY(-50px);box-shadow: 0 0 15px rgba(0,0,0,0.1);overflow: hidden;}
#contents_links .box{padding: 0!important}
#contents_links .border_rad50per{border-radius: 10px}
#contents_links h3{color: #333;font-size: 24px;width: 90%!important;transform: translateY(-30px)}
#contents_links .more{margin-top: 30px}
.more a{border-radius: 50px;padding-top: 20px;padding-bottom: 20px}
.more a::after{border-radius: 50px}
#page_title{padding-bottom: 20px;background-image: url(./Dup/img/page_bg.png);background-size: 100% 50px;background-repeat: no-repeat;background-position: bottom}
#page_title h2{font-weight: 600;color: #333}
#contact_bar{box-shadow: none;background-image: url(./Dup/img/contact_b.png);background-size: 100% 50px;background-repeat: no-repeat;background-position: bottom}
#contact_bar p{background-color: #F5F3EB;color: #F28034}
#top_cms .top_cms_box > .cms_wrap{background-color: transparent;border: solid 2px #ede9df}
#cms, #cms > div > section{margin-bottom: 0}

.sp_tel{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 #eee;color: #f48134;font-weight: 600;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 5px;left: 0;bottom: -5px;background-color: #f48134}

.banner_wrap_foot{z-index: 9;right: 80px;bottom: 0;}
.banner_wrap_foot a{height: 73px;border-radius: 10px 10px 0 0;border: solid 3px #fff;border-bottom: none;box-sizing: border-box}
.banner_wrap_foot a:last-of-type{background-color: #00b900}
.banner_wrap_foot img{height: 100%;width: auto}
#copyright{padding-bottom: 90px;color: #333}
#page-top .txt_white{color: #333}


/** tablet 780 **/
@media screen and (max-width: 768px){
#intro{margin-top: 100px}
footer #map iframe{height: 300px}
#contents_links .box{padding: 20px!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img .slick::before{top: 0;left: 0;right: 0;bottom: 0;background-image: url(./Dup/img/bg_img_sp.png);background-position: center}
#intro h3, #contents2 h3, #contents1_txt h3{font-size: 24px}
#contents3 figure{transform: translateY(0px);}
#page_title, #contact_bar{background-size: 100% 30px}
#page_title h2{font-size: 24px}
.font_14_sp, .font_12_sp{font-size: 16px}
.banner_wrap_foot{left: 5px;right: auto;width: calc(100% - 60px)}
.banner_wrap_foot a{width: calc(50% - 10px);border-width: 1px;height: 51px;border-radius: 3px 3px 0 0}
#copyright{padding-bottom: 60px}
.cate_list li a{color: #fff}
.cate_list li a::after{background-color: #b5c562}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}