/* ---------- font ---------- */

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

:root{
    --font-Potta: "Potta One", system-ui;
    --font-en: 'Jost', 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
}
body, .font_sans-serif, .font_serif{
    /*font-family: var(--font-jp);*/
}
.font_en, a[href^="tel:"]{
    /*font-family: var(--font-en);*/
}
body, .overlay .overlay-nav .en{
    font-weight: 500;
}

.font_Potta {
  font-family: var(--font-Potta);
}



/* ---------- color ---------- */
#pc_nav li a::after{background:var(--normal);}


/* ---------- all ---------- */
#header{background-color: #fff;}
#pc_nav li a, #footer_nav li a {
    color: var(--normal);
    font-weight: bold;
}
.menu-trigger-bar{background-color:var(--normal)!important;}
.square_img, .rectangle_img, .intro_img1{border-radius: 20px;}

h1 img{
    max-width: 231px!important;
    padding: 10px 10px 10px 30px;
}
.menu-trigger, .close-trigger{top:61%;}
#pc_nav.grid_8 {
    width: 71.66667% !important;
}
#footertxt span{display: block;}

/* ---------- top ---------- */
#main_img{height: auto!important;}
#main_img:before, #main_img .scroll{display: none;}
.fv_img{padding-top: 30px;}
.num,.modal-open, .top_title .slash:before, .top_title .slash:after {display: none;}

.intro_title1,.con_title1,.con_title2,.con_title3{width:80%;margin: auto;}
.con_title3{width:90%;}
.top_title h2{width: 100%;}

/* ---------- under ---------- */
#page_title_img{background: url( "../img/page_title_img.jpg" ) center / cover no-repeat;}
#cms_5-f .cate_box .open_bt .box_title1::before, .cms_5-f .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-f .cate_box .open_bt .box_title1, .cms_5-f .cate_box .open_bt .box_title1{margin-left: 44px;}


/* ---------- 1340px ---------- */
@media screen and (max-width: 1340px){
#pc_nav{
    display: none;
}
.fv_img {
    padding-top: 5%;
}
h1 img {
    max-width: 193px !important;
    padding: 0;
}
}

/* ---------- tablet ---------- */
@media screen and (max-width: 768px){
h1 img{
    padding: 0;
    max-width: 160px!important;
}
.fv_img {
    padding-top: 67px;
}
#intro_wrap{padding-top: 50px;}
.intro_title1, .con_title1, .con_title2, .con_title3 {
    width: min(100%, 400px);
    margin: auto;
}
#intro .intro_photo {
    width: calc(35% - 20px);
}
}

/* ---------- mobile ---------- */
@media screen and (max-width: 667px){
h1 img {
    max-width: 125px !important;
    padding: 0;
}
.fv_img {
    padding-top: 56px;
}
.more_item .text {
   padding-left: 0;
}
#page_title_img .scroll {
    bottom: -60px;
}

.fix_banner{opacity: 0;transition: 0.5s;
}
.fix_banner.scroll{opacity: 1;}
}




/* ======================================================================================
　　img clip
======================================================================================== */
:root{
    --grunge: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,7.94% -0.04%,11.24% 0.15%,14.2% 0.14%,16.55% 0.15%,18.29% 0.29%,19.88% 0.16%,22.68% -0.11%,25.54% 0.16%,28.52% 0.2%,31.78% 0.29%,37.26% 0.15%,41.43% -0.05%,45.1% 0.04%,49.09% 0.05%,53.92% 0.05%,59.51% 0.21%,62.76% -0.09%,66.35% 0.18%,69.08% -0.07%,71.63% 0.17%,75.19% 0.28%,79.54% 0.08%,85.57% 0.07%,89.88% 0.13%,94.3% 0.35%,99.89% 0.5%,100% 5.9%,100% 9.04%,99.89% 13.18%,99.78% 17.58%,99.89% 22.1%,99.89% 25.61%,99.99% 31.26%,99.9% 36.53%,99.78% 46.45%,99.79% 52.48%,99.9% 59.5%,100% 70.68%,99.9% 79.46%,99.9% 87.87%,100% 92.64%,100% 95.65%,100% 97.29%,100% 97.29%,100% 99.62%,94.44% 99.76%,88.17% 99.89%,83.49% 99.81%,80.9% 99.77%,77.57% 99.88%,74.71% 99.75%,70.7% 99.94%,66.66% 99.87%,60.44% 99.92%,54.6% 99.77%,50.27% 99.77%,46.19% 99.82%,41.05% 99.97%,38.16% 100.06%,35.48% 99.8%,32.54% 99.78%,29.5% 99.97%,25.42% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 100.11%,7.11% 99.72%,3.56% 100.02%,0.35% 100.09%,0.18% 98.84%,0.05% 92.44%,0% 87.49%,0.01% 80.51%,0.09% 76.01%,0.05% 70.04%,0.1% 66.26%,0.1% 61.17%,0.05% 56.81%,0.11% 48.74%,0.2% 40.25%,0% 36.72%,0.15% 30.61%,0% 21.51%,0.1% 14.93%,0.1% 7.51%);
    --grunge-no-right: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,8.26% 0.11%,11.24% 0.13%,14.2% 0.09%,16.55% 0.12%,18.29% 0.1%,20.73% 0.12%,22.36% 0.1%,24.79% 0.04%,27.77% 0.2%,31.25% 0.04%,37.26% 0.15%,41.43% 0.45%,45.31% 0.29%,49.09% 0.3%,53.07% 0.3%,59.51% 0.21%,63.4% 0.29%,66.35% 0.18%,68.76% 0.56%,70.99% 0.3%,73.59% 0.28%,78.26% 0.58%,84.29% 0.45%,90.31% 0.51%,94.3% 0.35%,100% 0%,100% 100%,95.94% 100.01%,90.95% 100.02%,84.99% 100.06%,81.86% 100.02%,78.85% 100.25%,75.57% 100%,71.67% 100.19%,66.34% 99.87%,60.44% 100.17%,53.96% 99.9%,49.2% 100.15%,44.05% 100.07%,41.05% 99.97%,37.63% 100.06%,34.63% 100.05%,31.68% 100.15%,28.86% 99.97%,23.82% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 99.98%,9.48% 100.02%,6.23% 99.89%,2.95% 100.09%,0% 100.12%,0.1% 94.35%,0.22% 89.96%,0% 87.2%,0.11% 82.17%,0.11% 76.65%,-0.11% 72.76%,0.1% 63.47%,0.1% 56.06%,0.21% 48.41%,0% 38.86%,0.11% 31.33%,0.11% 21.8%,0% 14.76%,0% 10.37%,0% 4.72%);
    --grunge-no-left: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,7.94% -0.04%,11.24% 0.15%,14.2% 0.14%,16.55% 0.15%,18.29% 0.29%,19.88% 0.16%,22.68% -0.11%,25.54% 0.16%,28.52% 0.2%,31.78% 0.29%,37.26% 0.15%,41.43% -0.05%,45.1% 0.04%,49.09% 0.05%,53.92% 0.05%,59.51% 0.21%,62.76% -0.09%,66.35% 0.18%,69.08% -0.07%,71.63% 0.17%,75.19% 0.28%,79.54% 0.08%,85.57% 0.07%,89.88% 0.13%,94.3% 0.35%,99.89% 0.5%,100% 5.9%,100% 9.04%,99.89% 13.18%,99.78% 17.58%,99.89% 22.1%,99.89% 25.61%,99.99% 31.26%,99.9% 36.53%,99.78% 46.45%,99.79% 52.48%,99.9% 59.5%,100% 70.68%,99.9% 79.46%,99.9% 87.87%,100% 92.64%,100% 95.65%,100% 97.29%,100% 97.29%,100% 99.62%,94.44% 99.76%,88.17% 99.89%,83.49% 99.81%,80.9% 99.77%,77.57% 99.88%,74.71% 99.75%,70.7% 99.94%,66.66% 99.87%,60.44% 99.92%,54.6% 99.77%,50.27% 99.77%,46.19% 99.82%,41.05% 99.97%,38.16% 100.06%,35.48% 99.8%,32.54% 99.78%,29.5% 99.97%,25.42% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 100.11%,9.91% 100.02%,5.7% 100.02%,2.95% 100.09%,0% 100%);
    --grunge-bottom: polygon(0% 0%,100% 0%,100% 100%,97.3% 99.95%,94.87% 99.99%,91.79% 99.92%,88.15% 99.86%,84.55% 99.93%,81.8% 99.98%,77.82% 99.95%,74.41% 100.02%,71.63% 99.97%,68.43% 99.93%,65.97% 99.9%,63.59% 99.99%,61.3% 100.08%,59.25% 99.89%,56.77% 99.82%,54.12% 99.9%,51.61% 99.91%,47.98% 99.99%,43.87% 99.98%,40.18% 99.81%,37.13% 100%,33.76% 99.9%,30.74% 99.9%,28.24% 99.91%,25.72% 99.8%,23.43% 99.9%,21.07% 99.9%,18.34% 99.82%,15.95% 99.82%,12.5% 99.91%,8.65% 99.89%,5.53% 99.9%,3.18% 99.99%,0% 100%);
}

.gra_clip,.square_img, .rectangle_img,.intro_img1, .top_title{
    -webkit-clip-path: var(--grunge);
    clip-path: var(--grunge);
}
.gra_clip_bottom {
    -webkit-clip-path: var(--grunge-bottom);
    clip-path: var(--grunge-bottom);
}
.gra_clip_no-right {
    -webkit-clip-path: var(--grunge-no-right);
    clip-path: var(--grunge-no-right);
}
.gra_clip_no-left {
    -webkit-clip-path: var(--grunge-no-left);
    clip-path: var(--grunge-no-left);
}