#contents .item2 {
    right: -100px;
    left: inherit;
    top: -200px;
}/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi&family=Noto+Sans+JP:wght@500&family=Roboto:wght@500&display=swap');
body{
    font-family: 'Noto Sans JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.main_img_wrap .catch span,#contents h3,#top_cms .cms_title p:last-of-type,#page_title .page_title_box p:first-of-type,.other .box_title,.cate_title{
    font-family: 'Kaisei HarunoUmi', serif;
    font-size: 28px;
}
p{line-height: 2;}
#loading_line .line{opacity: 0.5;}
.main_img_wrap .catch{
-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    letter-spacing: 5px;
    height: 450px;
}
.main_img_wrap .waku{
    width: 400px;
    height: 400px;
    transform: translate(-50%,-50%)rotate(45deg);
    opacity: 0.4;
    color: #fff;
}
.main_img_wrap .waku::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(Dup/img/icon01.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    transform: rotate(-45deg);
    opacity: 0.8;
}
#contents .box:nth-child(odd) figure:after{color: #616b07;}
#contents{position: relative;}

/*疑似要素まとめ*/
#contents::before,footer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(Dup/img/bg03.jpg);
    opacity: 0.4;
}
#contents .box h3{
    border-bottom: 4px dotted;
    padding-bottom: 5px;
    
}
#contents h3 span{color: #616B07;}
#contents .box h3:before{content: none;}
#contents .box figure:after{
    border: none;
    width: 115%;
    height: 40%;
    right: 50%!important;
    background-image: url(Dup/img/bg06.jpg);
    opacity: 0.5;
}
#contents p{
    position: relative;
    z-index: 2;
}
.img-container{border-radius: 10px;}
.img-container:before,.t_cms_img2 .img-container:before{background: #616b07;}
.top_cms_box .more_box .more{border-radius: 50px;}
#top_cms{position: relative;background-color: transparent;}
#top_cms,#wrap .all_page{
    background-image: url(Dup/img/bg06.jpg);
}
#top_cms .cms_title{text-align: center;}
#top_cms .cms_title p:last-of-type{
    writing-mode: vertical-rl;
    margin: 0 auto;
    height: 7em;
}
#top_cms .cms_title p:last-of-type span{color: #616B07;}
.other_link_wrap{background-image: url(Dup/img/bg05.jpg);}
.other .box{background-color: transparent;}
footer{
    background-color: #faf4e6;
}
footer::beofre{background-image: url(Dup/img/bg04.png);}
#footer .svg_box{display: none;}
#footer p{color: #333;}
#dec1, #dec3, #dec5, #dec7,#dec2, #dec4, #dec6, #dec8{width: 0;}
.logo img{width: 70%!important;}
#loading_logo{max-width: 220px;}
.main_wrap .logo{width: 15%!important;}
.is-fixed .logo{width: 9%!important;}


/*===========================================================*/
/* ふわふわ */
/*===========================================================*/
.item {
  animation: huwahuwa 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 2s ease-in-out;
}
 
@keyframes huwahuwa {
  0% {
    transform:translate(0, -5px);
  }
  100% {
    transform:translate(0, 5px);
  }
}

#contents .item,#top_cms .item{
    top: -50px;
    left: 0px;
    max-width: 400px;
    width: 30%;
    opacity: 0.9;
}
#contents .item2{
    right: -100px;
    left: inherit;
    top: -200px;
}
#contents .item3{top: -200px;}
#top_cms .item5{
    right: 0;
    left: inherit;
}

.other .box:last-child {
     border-left: 2px solid; 
}


/*===========================================================*/
/* 下層 */
/*===========================================================*/
.pager li{padding: 5px;}
#page_title p.font_45 {
    text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}
.all_page:before{width: 90%;}
.cate_list li a{padding: 10px 0;}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#contents .item2 {
    right: -50px;
}
#contents .box figure:after{background-size: 10%;}
header .logo{width: 20%;}
header #nav_menu{top: 20px;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.main_img_wrap .waku {
    width: 220px;
    height: 220px;
}
.main_img_wrap .catch {
    height: 260px;
}
.main_img_wrap .catch span{padding: 0;font-size: 16px;}
#contents .item{width: 40%;}
#contents .item2 {
    right: -20px;
    top: -150px;
}
#contents .item3 {
    top: -150px;
}
.all_page:before {
    width: 80%;
}
#page_title .page_title_box{background-color: rgba(97,107,7,0.3);}
#page_title p.font_45{text-shadow: none;}
#page_title .page_title_box p:first-of-type{color: #fff;font-size: 22px;}
header .logo{width: 30%;}
header #nav_menu{top: 10px;}
#loading_logo {
    width: 40%;
}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.pager li a span,#cms_2-a .cate .cate_title,#cms_4-c .cate_title,#cms_6-a .cate .cate_title{padding-top: 10px!important;}
#page8 #tel_CONTACT p a{padding-top: 20px!important;}
#page9 p a{padding-top: 5px!important;}
.top_cms_box .more_box .more div,.page10 .more_box .more div{padding-top: 0!important;}



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){
#top_cms .cms_title{
    position: absolute;
left: 50%;
transform: translate(-50%);
}
.cms_wrap{padding-top: 250px;}


}