﻿@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');
.font1,
.txt2,
.txt4,
.txt5,
.txt7,
.cms_title h2,
#page_title h2{
    font-family: 'Kiwi Maru',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

.linkStyle{
    color:#E47432;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

.font_14{
    font-size:17px;
}




/*--all page---------------------------
-------------------------------------*/
#body{
    background-color: /*#d6ede2*/#e9f9ee;
    overflow:hidden;
}
header{
    background-image:url(./Dup/img/nami1.png),url(./Dup/img/nami2.png);
    background-repeat:no-repeat,no-repeat;
    background-position: top left,bottom 5% left;
    background-size: 94% 19%,49% 14%;
    background-color: /*#92d6b4*/#e9f9ee!important;
}
header .head_box .link_box{
    padding-bottom:50px;
}
#main_menu ul li a{
    color:#009A57;
}
.contact_bt a,
.tel_bt a,
.foot_tel_bt a{
    color:#009A57;
    border-radius:30px;
    border-color:#009A57;
}
.contact_bt a .fas{
    display:none;
}
header .contact_bt .button:hover{
    border-color:#E47432;    
}
header .contact_bt .button:hover::after{
    box-shadow:inset 0 0 0 15em rgb(228,116,50);
}
header .tel_bt .button:hover,
.foot_tel_bt .button:hover{
    border-color:#009A57;    
}
header .tel_bt .button:hover::after,
.foot_tel_bt .button:hover:after{
    box-shadow:inset 0 0 0 15em rgb(0,154,87);
}
.ie1,.ie2,.ie3,.ie4{
    width:40%;
}
.swing_item {
    z-index: 2;
    transform-origin: center center;
    animation: swing 1s steps(2, start) infinite;
}
@keyframes swing{
    0%{
        transform:rotate(5deg);
    }
    100%{
        transform:rotate(-5deg);
    }
}

.swing_item2 {
    z-index: 2;
    transform-origin: center center;
    animation: swing2 1s steps(2, start) infinite;
}
@keyframes swing2{
    0%{
        transform:rotate(-5deg);
    }
    100%{
        transform:rotate(5deg);
    }
}
.footer_cms{
    color: #009A57;
}

/*--top page---------------------------
-------------------------------------*/
#main_img{
    border-radius:800px 0 0 800px;
}
#main_img .catch{
    width:45vw;
    bottom:17%;
    right:-4%;
    z-index:2;
}
#main_img .catch img{
    max-height:auto;
    min-height:auto;
}
.welcome{
    width:200px;
    height:auto;
    margin:auto;
}
.policy{
    width:300px;
    top:-5%;
    left:0;
    right:0;
    margin:auto;
}
.policy img{
    width:auto;
}
#contents2{
    border-radius:30px 30px 0 0;
}
#contents3{
    border-radius:0 0 30px 30px;
}
.txt2,
.txt4{
    font-size:1.7rem;
}
.txt5,
.txt7{
    font-size:1.3rem;
}
.img5 img,
.img6,
.img7{
    border-radius:10px;
}
.more .button{
    border-radius:30px;
    color:#009A57;
    border-color:#009A57;
}
.more .button:hover{
    border-color: #E47432;
    color:white;
}
.more .button:hover:after{
    box-shadow: inset 0 0 0 15em rgb(228,116,50);
}

/*--under page---------------------------
-------------------------------------*/
#page_title .title_img{
    border-radius:0 0 0 300px;
}
#page_title h2,
#page_title p{
    text-shadow:none;
}
#cms_1-a .date{
    border-radius: 0 0 20px 0;
}
.pager li .button2{
    border-color: #009A57;
    color:#009A57;
    border-radius:30px;
}

.pager li .button2:hover{
    box-shadow:none;
    background-color:#009A57;
    border-color:#009A57;
    color:white;
}
.cate_list  li .button2{
    border-radius:30px;
    border-color:#E47432;
}
.cate_list  li .button2:hover{
    box-shadow:none;
    background-color:#E47432;
    color:white;
}
#contact_tel a{
    border-radius:50px;
}
#page10 li .button2{
    border-radius:30px;
    color:#009A57;
    border-color:#009A57;
}
#page10 li .button2:hover{
    box-shadow:none;
    background-color:#009A57;
    color:white;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.hamburger{
    top:20px;
}
header{
    background-image:none;
}
#main_img{
    border-radius:0;
}
#main_img .catch {
    width: 74vw;
    bottom: 5%;
}
#page_title .title_img{
    border-radius:0;
}
.ie1,.ie2,.ie3,.ie4{
    width:12%;
}
.txt2, .txt4 {
    font-size: 1.2rem;
}
.fat-nav li:last-child a{
    border-radius:20px;
    border-color:#E47432;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger{
    top:12px;
}
#main_img .catch{
    width:90vw;
    bottom:3%;
    right:-16%;
}
.policy{
    top:-7%;
}
.ie1, .ie2, .ie3, .ie4 {
    width: 23%;
}
footer h2,
.footer_cms{
    text-align:center;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
}


