@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
body, .font_serif {
    font-family: 'Kiwi Maru', serif!important;
;
}
.fadein{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: none
}



#main_img .slick {
    box-shadow: none;
}
.mail a:hover {
    transition: transform .4s cubic-bezier(.175,.885,.32,1.275);
    transform: scale(.94);
}


.contents1Wrap {
    /*background: url(Dup/img/mizutama.png);
    background-size: 1000px;
    background-position: -100px -100px;*/
    position: relative;
}
.bgImg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 200%;
    transition: top 1.5s ease-out;
    background: url(Dup/img/mizutama.png);
    background-size: 1000px;
    background-position: -100px -100px;
}



.animationItem:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0%;
    height: 4px;
    background: #658dc4;
    z-index: -1;
    transition: all 2.5s;
}
#intro .animationItem:after {
    background: #fff;
}
#contents2 .animationItem:after {
    background: #ef9016;
}
#contents2 figure {
    box-shadow: none;
}

.animationItem {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.animationItem.isActive:after {
    width: 100%;
}






.main_txt {
    position: absolute;
    z-index: 9;
    top: -4%;
    right: 0%;
    transform: translateY(-50%);
    width: 39%;
    max-width: 670px;
   filter: drop-shadow(1px 11px 0px rgba(222,222,222,1));
}
.main_txt{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.main_txt.fadetrans{
     opacity: 1;
     transform: none
}


.font_serif {
    
}
.font_14 {
    font-size: 18px;
}
h3 {
    font-weight: bold;
}
header {
    box-shadow: none;/*background: #fffbf5;*/
}
#header {
    padding-bottom: 12px;
}
#header h1 {
    padding-bottom: 8px;
    width: 213px;/*max-widthだとFirefoxで表示されない*/
}
#contact_bar {
    background: #404096;
}
nav li a.txt_color1, nav li a span.txt_color_nomal {
    border-color: #84C98B;
}
nav li.active a.border_color3 {
    border-color: #84c98b;
}
/*nav.bg_color2 {
    background-color: #84c98b;
}
nav li a.txt_color1, nav li a span.txt_color_nomal {
    color: #fff;
    border-color: #fff;
}
nav li a.hvr_txt_color3:hover {
    color: #c60000;
}

li.active a {
    border-color: #fff;
}*/

header nav {
    position: relative;
}
header nav:before {
   /* content: "";*/
    display: block;
    width: 100%;
height: 50px;
background: url(Dup/img/nami.png) no-repeat;
position: absolute;
top: -10px;
left: 0;
background-size: 100% 11px;
filter: drop-shadow(1px -1px 0px rgba(181,223,185,1));
}
header nav:after {
  /*  content: "";*/
    display: block;
    width: 100%;
height: 50px;
background: url(Dup/img/nami.png) no-repeat;
position: absolute;
bottom: -10px;
left: 0;
background-size: 100% 11px;
transform: rotate(-180deg);
filter: drop-shadow(1px -1px 0px rgba(181,223,185,1));
z-index: -1;
}
.tel {
    z-index: 1;
    position: relative;
    text-align: center;
}
.tb_hide .tel a {
    padding: 5px 25px 7px;
    background-color: #84c98b;
    color: white;
    border-radius: 30px;
    font-size: 28px;
}
#contents_links h3 {
    font-size: 20px;
}
.pc_sc_nav.sc {
    box-shadow: none
}
main {
    z-index: 0;position: relative;
}
#main_img {
    margin-top: 55px;
}
#intro {
    background-image: url(Dup/img/asi.png);
    background-repeat: no-repeat;
    background-position: 50% 77px;
    padding-top: 145px; 
}
#intro .intro_title {
    width: 198px;
    height: 111px;
    top: -34px;
}
#intro h3:first-letter {
    font-size: #ff9246;
}
#intro::after {
    background-color: rgba(255, 255, 255,0.70);/*線*/
}
.mail .txt_color1 {
    color: #fff;
}
#contents_links .box figure {
        box-shadow: 12px 9px 0px 0px #d9d9d9;
}
.cms1_title h3{
    background: #fffbf5;
}
.top_cms_box > .cms_wrap {
    border: 3px solid #cbcbcb;
}
.cms_1-a .box_wrap {
    display: block!important;
}
#cms_4-b .box_img1::before, .cms_4-b .box_img1::before {
    position: absolute;
    content: "Before";
    width: 80px;
    background-color: #404096;
    color: #fff;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    border-radius: 10px 10px 0 0;
}

#cms_4-b .box_img2::before, .cms_4-b .box_img2::before {
    position: absolute;
    content: "After";
    width: 80px;
    background-color: #84c98b;
    color: #fff;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    border-radius: 10px 10px 0 0;
}
#cms_4-b .cate_title {
    margin-top: 18px;
    border-bottom: solid 3px #d6d6d6;
    position: relative;
    display: inline-block;
    font-size: 18px;
}
#cms_4-b .cate_title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #50509e;
    bottom: -3px;
    width: 20%;
    left: 0;
}

#tel_contact > div > .d_inline_b > div p span {/*page8*/
    padding: 10px;
    padding-bottom: 11px;
}

@media( min-width: 769px) {
    #contents2 figure {
    border-radius: 30px 0 0 30px;
}

#contents3 figure img{
    border-radius: 0px 30px 30px 0px;
}
}

@media(max-width: 768px) {
    .main_txt {
    top: -11%;
    right: 3%;
    width: 41%;
}
}

@media screen and (max-width: 667px){
#copyright {
    padding: 10px 49px 10px 0;
}
#main_img {
    margin-top: 76px;
}
.main_txt {
top: -36%;
    width: 68%;
}
#header h1 {
    padding-bottom: 8px;
    width: 128px;
}
.font_100per_sp {
    font-size: -webkit-calc(1.1rem);
    font-size: calc(1.1rem);
}
#page_title h2 {
    padding-left: 0;
}
}