/*
#page-top{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/
/*loader*/
.load_img {
    /*background:url(./Dup/img/bg3.jpg) repeat;*/
    background-size:500px 400px;
    animation:zoom 3s linear infinite;
}

@keyframes zoom {

to {

transform:scale(1.03);
}

}

.load_img2 {
    opacity:0.6;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    animation:zoom2 2s linear infinite;
}

@keyframes zoom2 {

to {

transform:scale(1.03);
}

}



#body{
    overflow:hidden;
}
.font_14{
    font-size:16px;
}
.linkStyle{
    color:#cc7eb1;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

#wrap{
    background-image:url(./Dup/img/hana1.png),url(./Dup/img/hana2.png),url(./Dup/img/bg3.jpg);
    background-repeat:no-repeat,no-repeat,repeat;
    background-size: 500px 300px,500px 300px,500px 500px;
    background-position:top 20px left 20px,top 20px right 20px,top left;
    position:relative;
}
#wrap:before{
    content:'';
    position:absolute;
    display:block;
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    border:2px solid #bb9e5e;
    top:20px;
    left:0;
    right:0;
    margin:auto;
    z-index:2;
    pointer-events:none;
}
#copyright{
    padding-bottom:30px;
}


/*--top page---------------------------
-------------------------------------*/
.catch {
    width: 120px;
    top: 12%;
    right: 15%;
    z-index: 2;
}
.catch img{
    filter: drop-shadow(2px 4px 6px #311);
}
.item1 {
    width: 16vw;
    max-width: 600px;
    top: 17%;
    left: -7%;
    z-index: 2;
    animation: 3.2s fuwafuwa infinite;
}
.item2 {
    width: 15vw;
    max-width: 580px;
    bottom: 3%;
    right: -6%;
    z-index: 2;
    animation: 3s fuwafuwa2 infinite;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes fuwafuwa2 {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(-0);
  }
}

#intro_box{
    background-image:url(./Dup/img/intro1.png),url(./Dup/img/intro2.png),url(./Dup/img/intro3.png),url(./Dup/img/intro4.png);
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    background-size:600px auto,400px auto,100px auto,500px auto;
    background-position:top left -145px,bottom left -100px,right 90px top 200px,right -50px bottom 250px;
}
#intro{
    padding-top:50px;
    background:url(./Dup/img/en.png) no-repeat ;
    background-size:55vw auto;
    background-position:top 50px center;
}
#intro .slick-dots li{
    color:#bb9e5e!important;
}
#top_contents1,
footer{
    background-image:url(./Dup/img/moyou.png);
    background-repeat:repeat;
    background-size:200px 200px;
    /*background-color:#cca6bf;*/
    position:relative;
}
#top_contents1:before,
#top_contents1:after{
    content:'';
    position:absolute;
    display:block;
    z-index:2;
}
#top_contents1:before{
    width:13vw;
    height:30vh;
    background:url(./Dup/img/shisyu2.png) no-repeat;
    background-size:contain;
    bottom:-16%;
    left:-1%;
}
#top_contents1:after{
    width:15vw;
    height:30vh;
    background:url(./Dup/img/shisyu1.png) no-repeat;
    background-size:contain;
    top: -14%;
    right:-25px;
}

#top_contents2 .img1:before,
#top_contents2 .img2:before{
    content:'';
    position:absolute;
    display:block;
    z-index:2;
}
#top_contents2 .img1:before {
    width: 300px;
    height: 140px;
    background: url(./Dup/img/item2.png) no-repeat;
    background-size: contain;
    top: 20px;
    right: -75px;
    animation: 3s fuwafuwa2 infinite;
}
#top_contents2 .img2:before {
    width: 300px;
    height: 110px;
    background: url(./Dup/img/item1.png) no-repeat;
    background-size: contain;
    bottom: 30px;
    left: -80px;
    animation: 3.2s fuwafuwa infinite;
}
.top_cms_title{
    position:relative;
    z-index:2;
    font-weight: bold;
}
.top_cms_title:before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 120px;
    background: url(./Dup/img/intro3.png) no-repeat;
    background-size: contain;
    top: -20px;
    left: -50px;
    opacity:0.7;
    z-index: 1;
}

.fix_bnr{
    left:30px;
    z-index:2;
}


/*--under page---------------------------
-------------------------------------*/
#page_title h2,#page_title p{
    color:#fff;
    font-weight: bold;
    text-shadow:2px 2px 10px rgba(0,0,0,0.6);
}
#page_title p{
    opacity:1;
}

/*before after page*/
.BA_type2 .box_img1_wrap, .BA_type2 .box_img2_wrap {
	width: 48%!important;
	margin: 0 1%;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before {
	position: absolute;
	content: "Before";
	width: 121px;
	background-color: #4d4d4d;
	color: #fff;
	text-align: center;
	display: block;
	left: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px 0px;
	box-sizing: border-box;
}
.BA_type2 .box_img2_wrap::before {
	content: "After";
	background-color: #ff9e03;
}

/*faq*/
#cms_5-c .box_title1,
.cms_5-c .box_title1 {
    border-color: rgba(255,255,255,0.2);
}
#cms_5-c .box_txt1::before,
.cms_5-c .box_txt1::before{
    color: rgba(255,255,255,0.8);
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#wrap{
    background-size: 300px 200px,300px 200px,500px 500px;
}
.catch {
    width: 95px;
    top: 8%;
}
.item1 {
    width: 30vw;
    top: -2%;
}
.item2 {
    width: 23vw;
    right: -1%;
}
#intro_box{
    background-size: 350px auto,200px auto,100px auto,300px auto;
    background-position: top left -145px,bottom left -30px,right 10px top 200px,right -50px bottom 250px;    
}
#top_contents1:after {
    width: 27vw;
    top: 33%;
}
#top_contents1:before {
    width: 30vw;
    bottom: -21%;
    left: -7%;
}
#top_cms,
footer{
    padding:20px;
}
.footer_h2{
    padding:10px 30px;
}
.top_cms_title:before{
    left:-10px;
}
#copyright {
    padding-bottom: 0;
}
#menu_wrap ul{
    text-align:center;
}
#page_title h2{
    font-size:25px;
}
#page10 ul li a span{
    letter-spacing:1px;
}

.sp_btn{
    position: fixed;
    top:25px;
    right:85px;
    border-radius: 3px;
    z-index:2;
}
.sp_btn a{
    width: 40px;
    line-height:40px;
    text-align:center;    
}

.width_80_tb{
    width:80px;
}
.fix_bnr {
    bottom: 0!important;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#wrap {
    background-size: 160px 100px,160px 100px,500px 500px;
    background-position: top 10px left 10px,top 10px right 10px,top left;
}
#wrap:before{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
}
header #header{
    padding: 60px 30px 10px;
}
.catch {
    width: 230px;
    top: 36%;
    right: 18%;
    filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.5));
}
.item1 {
    width: 40vw;
    top: -20%;
}
.item2 {
    width: 35vw;
    bottom: -10%;
}
#intro_box {
    background-size: 250px auto,150px auto,100px auto,250px auto;
    background-position: top 250px left -145px,bottom 220px left -30px,right -8px top 350px,right -100px bottom 60px;
}
#intro{
    padding-top:0;
    background-size:97vw auto;
}
#top_contents1:before {
    width: 40vw;
    bottom: -13%;
}
#top_contents1:after {
    width: 27vw;
    top: -9%;
}
#top_contents2{
    padding:20px;
}
#top_contents2 .img1:before{
    width: 200px;
    height: 80px;
    top: -20px;
}
#top_contents2 .img2:before {
    width: 200px;
    height: 70px;
    bottom: -30px;
}
#loader .logo {
    max-width: 200px;
}

.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{
	width: 76px;
	font-size: 13px;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{padding: 1px 0px;}

.sp_btn{
    right:70px;
}

}