﻿@font-face {
    font-family: 'anzu';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/anzu.woff') format('woff'),
        url('../Dup/img/anzu.woff2')  format('woff2'), url('../Dup/img/anzu.ttf')  format('ttf'),url('../Dup/img/anzu.eot')  format('eot');
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
/*.catch{
width: 100%;
    height: 100%;
    bottom: -80%;
    right: -100%;
    background: url(Dup/img/catch.png)no-repeat;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-size: 40%;
}*/
.linkStyle{color: #9bbc34;}
body{line-height: 2;}
body,h1,h2,h3,h4{font-weight: 600;}
h1,h2,.cate_title,#main_menu ul li a{font-family: 'anzu', sans-serif;}
#aisatsu h3{font-size: 24px;}
#main_img{

max-width: 1280px;
margin: 0 auto 50px;
}
#wrap,#main_menu ul li a,header p,header .grid_3 a,#f_menu ul li a{color: #666;}
.video,#aisatsu,#aisatsu > div,#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{border-radius: 10px;}
#aisatsu > div{background-color: rgba(255,255,255,0.7)!important;}
#aisatsu > div h2{
font-size: 30px;
color: #666;}
#page-top a{border-radius: 30px;}
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box{
    background-image: linear-gradient( 135deg, rgba(255,255,255,0.9) 0%, rgba(245,245,245,1.0) 100%)!important;
    padding: 50px;
}
.fa-envelope{display: none;}
.button-effect a{
border: 3px solid #ef9998;
    border-radius: 40px;
    padding: 10px 50px;
    color: #fff;
    background-color: #ef9998;
}
.contents_box::before,.contents_box::after{display: none;}
#top_contents{
    background-color: #d5c0af;
    padding: 10% 0 5%;
}
#top_contents figure,#top_contents figure img,#info_map figure img{

border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
#info_map{background-color: #f9f9f9;}
#info_map .foot_tel_bt a,#info_map p{color: #666;}
#main_menu.fixed{
background-color: #f6fffb!important;
border-bottom: none;
padding-top: 60px;
}
#main_img::before{
content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 13px;
    width: 100%;
    background: url(Dup/img/nami.png) center center repeat-x;
}
#main_img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    height: 16px;
    width: 100%;
    background: url(Dup/img/nami.png) center center repeat-x;
    transform: rotate(
180deg
);
}
#main_menu ul li a{position: relative;}
#main_menu{padding-top: 80px;}
#main_menu ul li a::before,#top_cms .cms_title h2::before{
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 60px;
    height: 50px;
    background-image: url(Dup/img/nav_item1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -50px;
}
#main_menu ul li:nth-of-type(2) a::before,#CMS_TITLE2 .cms_title h2::before{background-image: url(Dup/img/nav_item2.png)}
#main_menu ul li:nth-of-type(3) a::before,#CMS_TITLE3 .cms_title h2::before{background-image: url(Dup/img/nav_item3.png)}
#main_menu ul li:nth-of-type(4) a::before,#CMS_TITLE4 .cms_title h2::before{background-image: url(Dup/img/nav_item4.png)}
#main_menu ul li:nth-of-type(5) a::before,#CMS_TITLE5 .cms_title h2::before{background-image: url(Dup/img/nav_item5.png)}
#main_menu ul li:nth-of-type(6) a::before,#CMS_TITLE6 .cms_title h2::before{background-image: url(Dup/img/nav_item6.png)}
#top_cms .cms_title h2::before{
top: -100px;
bottom: 0;
background-color: transparent;
}
#aisatsu h2{position: relative;}
#aisatsu h2::before,.contents_box2 h2::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 250px;
    height: 25px;
    background: url(Dup/img/border.png)repeat-x;
    transform: translateX(-50%);
}
.custom-shape-divider-top-1617156628 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1617156628 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 130px;
}

.custom-shape-divider-top-1617156628 .shape-fill {
    fill: #FFFFFF;
}
.custom-shape-divider-top-1617156628.bottom{
bottom: 0!important;
transform: rotate(180deg);
}
/*#contents1 .contents_img::before{
content: "";
display: block;
position: absolute;
background: url(Dup/img/blob.svg)no-repeat center;
width: 800px;
height: 800px;
background-size: contain;
}*/
#aisatsu::before{
top: -200px;
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/dec1.png)no-repeat center;
    width: 300px;
    height: 400px;
    background-size: contain;

    z-index: 1;
}
#main_manu::before{
    top: 0px;
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/curve.svg)no-repeat center;
    width: 100%;
    height: 200px;
    background-size: contain;
    z-index: 1;
}
#info_map p{margin-bottom: 30px;}
#fixed_right_banner > *{border-radius: 10px;}
.contents_box{z-index: 2!important;}
#contents ul li a{color: #999!important;}
.cate_title,#cms_3-b .cate_box{border-radius: 10px;}
#wrap{
    position: relative;
    z-index: 1;
}
.cate_list li a{background-color: #fff;}
#top_contents .dec2,#top_contents .dec3{
z-index: 1;
opacity: 1;
}
/*------------------------------------------
main_menuのsvg
-------------------------------------------*/
.custom-shape-divider-top-1617163162 {
    position: absolute;
    top: 158px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transition: 0.5s;
    transform: rotate(
180deg
);
}
.custom-shape-divider-top-1617163162 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 30px;
}
.custom-shape-divider-top-1617163162 .shape-fill {
    fill: #F6FFFB;
    display: none;
}
#main_menu.fixed .custom-shape-divider-top-1617163162 .shape-fill{display: block;}
.contents_box2::before,.contents_box2::after{display: none;}
#main_menu ul li a p{
line-height: 1.5;
font-size: 16px;}



/*------------------------------------------
dec
-------------------------------------------*/

.dec2{
    top: -100px;
    right: 0;
    z-index: -1;
max-width: 300px;
}
.dec3{
position: absolute;
top: 50%;
    z-index: 2;
    max-width: 400px;
}
.dec4{
    position: absolute;
    bottom: -136px;
    z-index: 2;
    max-width: 280px;
    right: 0;
}



/*------------------------------------------
下層
-------------------------------------------*/
#info_map{position: relative;}
#main_img2{
position: relative;
border-radius: 40% 40% 50% 40%/30% 50% 50% 65%;
margin-bottom: 100px;
}
#main_img2 .page_title{
border-radius: 40% 40% 50% 40%/30% 50% 50% 65%;

}
.page_title h2{
background-color: transparent!important;
color: #fff;
font-size: 30px;
}
.page_title span{color: #fff;}
.cate_list li a{border-radius: 30px;}
.cms_6-c .box_wrap{justify-content: space-between;}
.cms_6-c .cate_box{width: calc(50% - 30px)!important;}
#cms_6-c .cate_box,.cms_6-c .cate_box{border-radius: 10px;}
#contents .page.dec3{top: 100%;}

#contents{position: relative;}
#contact_tel a{
border-radius: 10px;
color: #666!important;}
#tel_txt a{color: #9bbc34;}
#page2 #contents ul li a{color: #fff!important;}
#cms_2-a .cate_title{
    background-color: #a3a7b5;
    color: #fff;
    border-radius: 50px;
}
/*------------------------------------------
width1500以下
-------------------------------------------*/
@media screen and (max-width: 1500px){
/*.dec2,.dec3{opacity: 0.4;}*/
}


/*------------------------------------------
tabret
-------------------------------------------*/
@media screen and (max-width: 768px){
.cms_6-c .cate_box{width: 100%!important;}
#info_map{padding-top: 150px;}
#logo .width_200{width: 150px;}
#main_menu.fixed .custom-shape-divider-top-1617163162 {
    position: absolute;
    top: 150px;

    width: 1000px;
    overflow: hidden;
    line-height: 0;


}
#main_menu.fixed{background-color: #f6fffb!important;}
#aisatsu::before{
    top: -200px;
    width: 250px;
    height: 400px;
    left: -10px;
}
.dec2{
top: -125px;
max-width: 200px;
}
.dec3{
    top: 59%;
max-width: 300px;
}
.dec4 {
    position: absolute;
    bottom: -135px;
    max-width: 250px;
    right: 0;
}
.custom-shape-divider-top-1617156628{top: -1px;}
#main_img::after{bottom: 9px;}
#main_menu ul li a p {
    font-size: 14px;
}
#logo2{margin: 0 auto;}
footer div.grid_9{width: 100%!important;}
.catch{
    bottom: -70%;
    right: -51%;
}
#main_img2{margin-bottom: 100px;}
.page_title h2{min-width: 400px;}
#fixed_right_banner {
    top: 300px;
}

}

/*------------------------------------------
sp
-------------------------------------------*/
@media screen and (max-width: 667px){
.button-effect{text-align: center;}
.dec2 {
    top: -100px;
    right: 0;
    z-index: 1;
    max-width: 140px;
}
.dec3 {
    top: 66%;
    max-width: 160px;
    z-index: 2;
}
.dec4{
max-width: 150px;
bottom: -50px;
}
#logo{margin: 0 auto 20px;}
#aisatsu::before{width: 150px;}
.custom-shape-divider-top-1617156628 svg {
    width: calc(100% + 200.3px);
    height: 71px;
}
.page_title h2{letter-spacing: -0.1em;}
.page_title h2 span{letter-spacing: normal;}
#contents1 figure,#contents2 figure,#contents3 figure{margin-bottom: 20px;}
#contents1{padding-top: 50px;}
#top_contents{padding: 10% 0 15%;}
}

/*------------------------------------------
IE
-------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#contact_tel a{padding-top: 25px!important;}
.button-effect a{padding: 10px 50px 5px!important;}
.custom-shape-divider-top-1617163162 svg{height: 200px;}
#cms_3-b .cate_title{padding-top: 15px!important;}

}


/*------------------------------------------
firefox
-------------------------------------------*/
@-moz-document url-prefix(){
#main_img::after{bottom: 9px;}
}