#page_title .img-container::after {
    background-color: rgba(246, 245, 238,0.5);
    transform: translateX(0%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;

    transition: all 1.2s 0s ease;
    width: 100%;
    z-index: 1;
}

.bg_color1 {background-color: #5F6F4E;}
.bg_color2 {background-color: #cadaca;}
.txt_color1 {color: #5F6F4E;}
.txt_color2 {color: #5f6f4e;}
.txt_color3 {color: #282d3c;}
.border_color1 {border-color: #5f6f4e;}
.border_color2 {border-color: #cadaca;}
.border_color3 {border-color: #5f6f4e;}
.hvr_border_color3:hover {border-color: #282d3c;}
.hvr_bg_color3:hover {background-color: #282d3c;}
.hvr_txt_color1:hover {color: #93b371;}
/* ----------　all　---------- */
.linkStyle{
	color:#93b371;
}
.linkStyle:hover{
	color:#93b371;
	opacity: 0.7;
	transition: all 0.5s;
}
h1, h2, h3, h4, h5, h6,.menu .nav ul li a,#top_cms .cms_title p ,.main_img_wrap .catch,#page_title{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#top_cms .cms_title p.font_2up{
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 5px;
}
#loading_line .line {
    background-image: url(Dup/img/back.jpg);
}
.button_container span {
    box-shadow: 1px 1px 1px #fff;
}
#loading_logo {
    max-width: 350px;
}
footer {
    background-color: #282d3c;
}
footer .logo {
    width: 80%!important;
    margin-left: 10px;
    margin-right: 10px;
    margin: auto;
    margin-bottom: 50px;
}
.menu{
padding-bottom: 20px;
    padding-top: 20px;
}
.logo {
    width: 20%!important;
    margin-left: 10px;
    margin-right: 10px;
}
.is-fixed .logo {
    width: 15%!important;
}
.button_container span {
    background-color: #5f6f4e;
}
.sns_links {
    margin-left: 20px;
    justify-content: flex-start;
}
.svg_box{
    opacity: 0;
}
/* ----------　TOP　---------- */
.main_img_wrap .navi {
    z-index: 9;
}
.catch_img{
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    position: absolute;
    max-width: 500px;
    width:60%;
}
.smoku {
    position: absolute;
    z-index: 2;
    bottom: 340px;
    -webkit-animation: steam_Move 18s infinite linear;
    animation: steam_Move 18s infinite linear;
    transition: all 1s;
  
}
.move {
    z-index: 3;
    position: absolute;
     bottom: 0px;
    -webkit-animation: steam_Move 18s infinite linear;
    animation: steam_Move 18s infinite linear;
    transition: all 1s;
    
}
.smoku2 {
    display: none;
}
@keyframes steam_Move {
    0% {
        filter: blur(10px);
        transform: rotateY(0deg);
        transform: scale(1, 1);
        opacity: 0.75;
        top: 340px;
    }
    33% {
        transform: rotateY(40deg);
        transform: scale(0.6, 1.2);
    }
    66% {
        transform: rotateY(2deg);
        transform: scaleY(1.2, 0.4);
    }
    100% {
        filter: blur(16px);
        transform: rotateY(50deg);
        transform: scaleY(1.4, 1.2);
        opacity: 0;
        top: -600px;
    }
}
 @-webkit-keyframes steam_Move {
    0% {
        -webkit-filter: blur(10px);
        -webkit-transform: rotateY(0deg);
        -webkit-transform: scale(1, 1);
        opacity: 0.75;
        top: 340px;
    }
    33% {
        -webkit-transform: rotateY(40deg);
        -webkit-transform: scale(0.8, 1.2);
    }
    66% {
        -webkit-transform: rotateY(2deg);
        -webkit-transform: scaleY(1.2, 0.6);
    }

    100% {
        -webkit-filter: blur(16px);
        -webkit-transform: rotateY(50deg);
        -webkit-transform: scaleY(1.4, 1.2);
        top: -600px;
        opacity: 0;
    }
}

.smoku_box1 .smoku,.smoku_box1 .move  {
    left: -150px;
    width: 40%;
}
.smoku_box2 .smoku,.smoku_box2 .move  {
    right:300px;
}
.smoku_box3 .smoku,.smoku_box3 .move  {
    right: -150px;
    width: 40%;
}


.img-container:before {
    background: #cadaca;
}
#contents .box figure:after {
    color: #5f6f4e;
    background-color: #5f6f4e;
}
#contents .box p:first-child{
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #5f6f4e;
}
#contents .box p:first-child:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#contents .box .t_cms_txt2:before {
    background-image: url(Dup/img/dec1.png);
}
#contents .box .t_cms_txt5:before {
    background-image: url(Dup/img/dec2.png);
}
#contents .box .t_cms_txt8:before {
    background-image: url(Dup/img/dec3.png);
}
.t_cms_img2 .img-container:before {
    background: #5f6f4e;
}
.cms_title{
    position: relative;
}
.cms_title:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 50px;
    background-image: url(Dup/img/dec5.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    background-repeat: no-repeat;
    top: 60%;
    left: -65px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.top_cms_box .more_box .more:before {
    background-color: #ffffff;
}
.top_cms_box .more_box .more:hover div {
    color: #fff;
}
.top_cms_box .more:hover span:before {
    background-color: #ffffff;
}
.top_cms_box .more:hover span:after {
    border-left: 5px solid #ffffff;
}
.cms_5-c .box_txt1::before {
    font-weight: normal;
    color: #282d3c;
}
.other .box {
    border: 2px solid #282d3c;
       background-image: url(Dup/img/back.jpg);
}
.other .box:hover {
    background-color: #282d3c;
}
.other .box_title {
    color: #282d3c;
}
.other .box_title span{
    color: #ffffff;
}
.other .box_title2 {
    color: #cadaca;
}



/* ----------　仮想ページ　---------- */
.page_title_box.posi_abs.txt_color1:after {
    content: '';
    display: inline-block;
    width: 70px;
    height: 60px;
    background-image: url(Dup/img/dec5.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    background-repeat: no-repeat;
    top: 0%;
    left: -80px;
}
#page_title .page_title_box {
    margin-left: 95px;
}
#page_title .page_title_box p.font_45{
text-shadow: 1px 1px 0 #f6f5ee, -1px 1px 0 #f6f5ee, 1px -1px 0 #f6f5ee, -1px -1px 0 #f6f5ee;
}
#page_title .page_title_box p.font_25{
    color: #5f6f4e;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-left: 5px;
}
.page_title_box:before {
    border-bottom: 3px solid #282d3c;
}
.cate_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cate_title{
    background-color: #5f6f4e;
    color: #fff;
    padding: 10px;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
    border: none;
}
.sub_cate_title {
    padding: 5px 10px;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
}
#cms_2-c .box_txt1 {
border-bottom: 1px solid #5f6f4e;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
#cms_5-c .box_title1 {
    font-weight: bold;
}
#cms_5-c .box_txt1::before {
    font-weight: normal;
    color:#282d3c;
}
#page7 .box h3{
font-weight: bold;
}
#page8 #tel_txt h3{
    font-weight: bold;
}
.page10 .more_box .more:hover:before {
    background-color: #ffffff;
}
.page10 .more:hover span:before{
    background-color: #ffffff;
}
.page10 .more:hover span:after{
    background-color: #ffffff;
}
.page10 .more_box .more:hover div {
    color: #fff;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_title {
    padding: 10px 10px 0px;
}
#cms_3-f .sub_cate_title {
    padding: 10px 10px 0px!important;
}
#cms_4-c .cate_title {
    padding-top: 12px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
.cms_title {
    margin-left: 35px;
}
.cms_title:before {
    width: 50px;
    height:45px;
    top: 60%;
    left: -60px;
}
header .logo {
    width: 30%!important;
}
footer .logo {
    width: 90%!important;
}
footer .grid_6.pd_l-r5per.grid_12_sp.mg_b-25px_sp{
width: 70%!important;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header .logo {
    width: 50%!important;
}
.cms_title:before {
    width: 45px;
    height: 40px;
    left: -50px;
}
#page_title .img-container::after {
    background-color: rgba(246, 245, 238,0.5);
}
#page_title .page_title_box {
    margin-left: 0px;
}
#page_title p.font_45 {
color: #282d3c;
text-shadow: none;
}
.page_title_box.posi_abs.txt_color1:after {
    width: 45px;
    height: 45px;
    left: -80px;
    top: 30%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
#page_title .page_title_box .wrap {
    top: 55%;
}
.page_title_box:before {
    top: 60%;
}
#loading_logo {
    width: 45%;
}
.cate_title {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
.sub_cate_title {
    font-size: -webkit-calc(1rem + 7px);
    font-size: calc(1rem + 7px);
}
footer .grid_6.pd_l-r5per.grid_12_sp.mg_b-25px_sp {
    width: 100%!important;
}
footer .grid_6.pd_l-r5per.grid_12_sp.mg_b-25px_sp p{
    text-align: left;
font-size: -webkit-calc(1rem - 4px);
    font-size: calc(1rem - 4px);
}
}