.font1,#top_cms .cms_title .title_box h2,h2,h3{
font-family: dnp-shuei-4gob-std, sans-serif;
    font-weight: bold;
    font-style: normal;
}
#contents h2{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
body,h1,h2,h3,h4,h5,h6{font-weight: 600;}
body{background: url(Dup/img/bg_img.jpg);}
#main_img:before{
	content: "";
    display: block;
    position: absolute;
    top: 7%;
    right: 9%;
    background: url(Dup/img/catch_.png)no-repeat;
    background-size: contain;
    width: 25%;
    height: 90%;
    z-index: 1;
}
#intro {
    
    text-align: center;
    margin: 0;
    padding: 100px 0;
    box-sizing: content-box;
    max-width: 100%;
    min-width: 100%;
    background: url(Dup/img/obj1__.png)no-repeat;
    background-size: 420px;
    background-position: top 46% left 15%;
}
#top_cms .cms_title .title_box h2{color: #fff;}
.fa-envelope:before {
    content: "\f075";
}
.clone-nav #logo {
    width: 25%!important;
}
#contents h2{
font-size: 60px;
color: #f1f1f1;
}
#contents .back_color2::after{
background-image: url(Dup/img/obj3_.png);
    background-repeat: no-repeat;
    background-position: right 40px top 330px;
    background-size: 650px;
}
#contents .contents_box{border-top: 5px solid #da8d00;}
#header .drawer-hamburger-icon{background-color: #666666;}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent!important;
}
#footer .sns_links li:nth-of-type(3) img{width: 65%!important;}
.bosyu{
     opacity: 0;
      /*transform: scale(0.5);
     transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);*/
}
.bosyu.animStart{
     /*opacity : 1;
      transform: scale(1);*/
   right: 3%;
    bottom: -278px;
   animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  animation-delay: 0.4s;
  width: 17%;
    height: 100%;
    z-index: 2;
}
@keyframes slide-skew {
  0% {
    transform: translate(180px,30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
#logo{padding-top: 40px;}
.clone-nav #logo{padding-top: 0;}
#header{padding-top: 10px;}
.header_info{padding-top: 20px;}
.clone-nav .header_info{padding-top: 0;}
/*下層------------------------*/
/*#page_title:before{
content: "";
    display: block;
    position: absolute;
    right: 15%;
    bottom: -189px;
    background: url(Dup/img/obj5.png)no-repeat;
    background-size: contain;
    z-index: 4;
    width: 22%;
    height: 90%;
   opacity: 0.8;
}*/
.all_header #logo {
    width: 25%!important;
   padding-top: 0;
}
#wrap main{
	background-image: url(Dup/img/f_obj.png);
    background-repeat: no-repeat;
    background-position: bottom 10px right 25%;
    background-size: 300px;
    padding-bottom: 150px;
}
#cms_5-a .box_wrap{display: block;}
.page8 #page_title:before,
.page9 #page_title:before,
.page10 #page_title:before{
	display: none;
}
.all_header .header_info{padding-top: 0;}


/*タブレット------------------*/
@media screen and (max-width: 768px){
	#wrap main{background-position: bottom 5px right 3%;}
#main_img:before{width: 38%;}
#contents .back_color2::after{background-position: right -100px top 510px;}
#header .header_info{margin-left: 8.33333%;}
#logo{
width: 33.33333%!important;
padding-top: 0px;
}
#logo2{width: 80%!important;}
.clone-nav #logo {
    width: 30%!important;
}
.header_info{padding-top: 0;}
.bosyu.animStart{
right: 2%;
    bottom: -215px;
width: 25%;
}


}


/*スマホ--------------------------------*/
@media screen and (max-width: 667px){
	#page_title:before{
		right: 5%;
		bottom: -168px;
		width: 35%;
	}
#wrap main{
background-size: 200px;
padding-bottom: 100px;
}
#contents h2{font-size: 30px;}
#intro{
padding: 50px 0;
background-position: top 114% left 5%;
}
.bosyu.animStart{bottom: -115px;}
#contents .back_color2::after{background-position: right -180px bottom -40px;}
#logo{width: 41.66667%!important;}
#header .header_info{
width: 40%!important;
margin-left: 0;
}
.clone-nav #logo {
    width: 45%!important;
}
.clone-nav .header_info .tel{margin-right: 10px;}
.all_header #logo{width: 40%!important;}
.all_header #logo a img,#logo img{width: 100%!important;}
#logo2 {
    width: 60%!important;
}


}