/* all page */
/* color */
.txt_color3{color: #6b6b6b;} /* アクセントカラー1 */

/* background-color */
.bg_color1{background-color: #e4dbc2;} /* メインカラー */
.bg_color2{background-color: #fdf8ea;} /* サブカラー */

/* border-color ※!important */
.border_color2{border-color: #b3b3b3;}
.border_color3{border-color: #e4dbc2;}
.border_color4{border-color: #969696;}

.banner__fixed {
    position: fixed;
    bottom: 10px;
    left: 10px;
    max-width: 300px;
    z-index: 5;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}

/* top ----------------*/

/* header */
.sc_nav .logo img {
    max-width: 300px;
}

/* main img */
#main_img img, #intro img, #top_contents1 img, #top_contents2 img{
	filter: none;
}
#main_img figure {
    border-radius: 30px;
	position: relative;
}
#main_img figure::before {
    content: "";
	background-image: url("./Dup/img/topview_1.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 110px;
	width: 110px;
	height: 200px;
	position: absolute;
	bottom: -10px;
	right: 20px;
	z-index: 1;
}
#main_img figure::after {
    content: "";
	background-image: url("./Dup/img/topview2_1.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100px;
	width: 100px;
	height: 300px;
	position: absolute;
	bottom: -10px;
	left: 50px;
	z-index: 1;
}

/* main */

/* intro */
#intro .intro_title h3{
	font-family: 'Dancing Script', cursive;
	margin-left: -20px;
}
#intro .intro_txt{
	background-color: transparent;
	background-image: url("./Dup/img/intro_haikei.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#intro .intro_txt h2{
	background: none;
	transform: translateY(-20%);
	font-size: 21px;
}
.intro_img .slick{
	position: relative;
}
.intro_img .slick::before{
	content: "";
	background-image: url("./Dup/img/intro.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100px;
	width: 100px;
	height: 300px;
	position: absolute;
	bottom: -250px;
	left: 0;
	z-index: 0;
	animation: fuwafuwa 4s infinite ease-in-out .8s alternate;
	transition: 1.5s ease-in-out;
}
@keyframes fuwafuwa {
  0% {
	  transform-origin: top;
    transform:translate(0, 0) rotate(-5deg);
  }
  100% {
	  transform-origin: top;
    transform:translate(0, 0) rotate(5deg);
  }
}

/* contents */
#top_contents1{
	position: relative;
}
#top_contents1::before{
	content: "";
	background-image: url("./Dup/img/contents1.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 160px;
	width: 160px;
	height: 300px;
	position: absolute;
	bottom: -80px;
	right: 20px;
	z-index: 3;
}
#top_contents1 .contents1_txt h3 {
    text-shadow: none;
    margin-bottom: 20px;
}

/* topcms */
.top_cms_box .cms_1-c{
    border: 1px solid #333;
    padding: 20px;
}
.top_cms_box .cms_5-c{
    border: 1px solid #333;
    padding: 20px;
}

.more a:hover{
    color: #141414;
}

/* footer */
#footer{
	padding-bottom: 50px;
}

/* under page */
#page_title{
    filter: none;
    border-radius: 20px;
}
#page_title h2,#page_title p{
    text-shadow: 0 0 6px #fff;
}
#cate_list_title {
    margin-bottom: 30px;
}
.cate_list_title{
    display:block;
    }
.cate_list{
    display:none;
    }

/* page9 */
#page09 .box_wrap .top_txt p{
    font-size: 13.5px;
}

/* page10 */
#page10 ul li a span {
    color: #000;
}


/* IE */
@media all and (-ms-high-contrast: none){
    .tel_contact .tel_txt{
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 1280px){
	#main_img figure {
		margin-left: 20px;
		margin-right: 20px;
	}
	
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img figure::before {
		background-size: 90px;
		width: 90px;
	}
	#main_img figure::after {
		background-size: 70px;
		width: 70px;
	}
	
	#intro .intro_title h3 {
		margin-left: -10px;
		font-size: 36px;
	}
	.intro_img .slick::before {
		background-size: 80px;
		width: 80px;
	}
	#intro .intro_txt h2 {
        font-size: 16px;
    }
	#intro .intro_txt {
		background-size: 100% 70%;
		padding-left: 0;
		padding-right: 0;
	}
	
	#top_contents1 .contents1_txt {
        margin-left: 0;
        width: 100%!important;
    }
    #top_contents1 .contents1_txt h3 {
        transform: none;
    }
	#top_contents1::before {
		bottom: -70px;
	}
	
	#footer{
	    padding-bottom: 80px;
	}
	
	#page_title {
        width: 95%;
    }
    
    #cms_2-c .box_description1{
        width: 100% !important;
        order: 1;
    }
    #cms_2-c .box_description2{
        width: 100% !important;
        order: 2;
    }
    
    #page10 ul li a span {
        letter-spacing: 2px;
    }
	
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.banner__fixed {
		max-width: 270px;
	}
	
	#main_img figure {
		margin-left: 10px;
		margin-right: 10px;
	}
	#main_img figure::before {
		background-size: 50px;
		width: 50px;
		right: 10px;
	}
	#main_img figure::after {
		background-size: 40px;
		width: 40px;
		left: 20px;
	}
	
	#intro .intro_title h3 {
		margin-left: 0;
	}
	.intro_img .slick::before {
		background-size: 70px;
		width: 70px;
		bottom: -260px;
    	left: -10px;
	}
	#intro .intro_txt {
		background-size: 100% 80%;
	}
	
	#top_contents1::before {
		background-size: 120px;
		width: 120px;
	}
	
	#page_title {
        padding: 30px 30px;
        min-height: 200px;
    }
	#cms_1-c .pager li {
        margin-right: 0px !important;
    }
	
	#page07 .box_wrap .box{
	    font-size: 11px;
	}
	
	
}


/* 公開後修正20210730 */
#main_img figure::before{
	display: none;
}
#main_img figure::after{
	display: none;
}
.intro_img .slick::before{
	display: none;
}
#top_contents1::before{
	display: none;
}
#main_img img{
	cursor: auto;
}
#main_img figure {
    border-radius: 0;
}
#header{
	padding: 30px;
}
#intro{
	margin-top: 100px;
}
.catch{
	position: absolute;
	top: 40%;
    left: 50%;
	transform: translate(-50%,-60%);
	z-index: 5;
	text-align: center;
}
.catch p{
	color: #fff;
	position: relative;
	font-weight: normal;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.catch01{
	font-size: 90px;
	font-family: 'Dancing Script', cursive;
	transform: rotate(-5deg);
}
.catch02{
	font-size: 16px;
}
.cms_3-a .cate{
	width: 33.33333%!important;
}
.cms_3-a .cate:nth-of-type(n+1):nth-of-type(-n+3){
	margin-bottom: 50px;
}
.menu_header{
	position: relative;
}
.menu_header .cate_txt1 {
	border: none;
    padding: 25px 0;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    font-size: 13px;
    line-height: 21px;
    bottom: 0;
    transform: translateY(100%);
    transition: .8s cubic-bezier(.23,1,.32,1);
}
.cms_3-a .menu_header figure:hover .cate_txt1 {
    transform: translateY(0%);
}
.cms_3-a .menu_title {
    display: inline-block;
    position: absolute;
    margin-top: -40px;
    margin-left: 15px;
    padding: 15px;
    background: #fff;
}
.cms_3-a .cate_title {
    position: relative;
    display: inline-block;
    font-size: 13px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.menu_header .cate_txt1 {
		transform: translateY(0%);
    	background-color: rgba(255,255,255,0.5);
	}
	.catch01 {
		line-height: 95px;
	}
	.cms_3-a .cate{
		width: 41.66667%!important;
	}
	.cms_3-a .cate figure{
		height: 220.0px;
	}
	.cms_3-a .cate{
		margin-bottom: 30px !important;
	}
	.cms_3-a .cate:last-child{
		margin-bottom: 0 !important;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.catch {
		top: 50%;
	}
	.catch01 {
		line-height: 50px;
		font-size: 45px;
	}
	.catch02 {
		font-size: 10px;
	}
	.cms_3-a .cate{
		width: 100%!important;
	}
	.cms_3-a .cate figure{
		height: 250.0px;
	}
	.cms_3-a .cate{
		margin-bottom: 30px;
	}
	.cms_3-a .cate:last-child{
		margin-bottom: 0;
	}
	
}


/* 公開後修正20210820 */
#intro{
	margin: 0;
	margin-bottom: 100px;
	padding-top: 100px;
	width: 100%;
	max-width: none;
	background-color: #004d99;
	transition: 1s;
}
#intro.change-color {
    background-color: #0066cc;
}
#intro .intro_txt {
    background-image: none;
}
#intro .intro_txt h2 span {
    text-align: center;
	color: #fff;
}
#intro .intro_txt p span {
    text-align: center;
	color: #fff;
}
.intro_bg{
    width: 100%;
    height: 50vh;
	background-image: url("./Dup/img/intro_bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top: 50px;
	opacity: 0.7;
}
body{
	background-image: url("./Dup/img/wood_texture2.jpg");
	background-repeat: repeat-y;
	background-size: cover;
}
#top_contents2 h3 span {
    background: none;
	background-image: url("./Dup/img/wood_texture2.jpg");
	background-size: cover;
}
.top_cms_box .cms_1-c {
    background-color: rgba(255,255,255,0.5);
}
.top_cms_box .cms_5-c {
    background-color: rgba(255,255,255,0.5);
}


.cms_3-f .cate{
	width: 33.33333%!important;
}
.cms_3-f .cate:nth-of-type(n+1):nth-of-type(-n+3){
	margin-bottom: 50px;
}
.menu_header{
	position: relative;
}
.menu_header .cate_txt1 {
	border: none;
    padding: 25px 0;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    font-size: 13px;
    line-height: 21px;
    bottom: 0;
    transform: translateY(100%);
    transition: .8s cubic-bezier(.23,1,.32,1);
}
.cms_3-f .menu_header figure:hover .cate_txt1 {
    transform: translateY(0%);
}
.cms_3-f .menu_title {
    display: inline-block;
    position: absolute;
    margin-top: -40px;
    margin-left: 15px;
    padding: 15px;
    background: none;
	background-image: url("./Dup/img/wood_texture2.jpg");
	background-size: cover;
}
.cms_3-f .cate_title {
    position: relative;
    display: inline-block;
    font-size: 13px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.cms_3-f .cate{
		width: 41.66667%!important;
	}
	.cms_3-f .cate figure{
		height: 220.0px;
	}
	.cms_3-f .cate{
		margin-bottom: 30px !important;
	}
	.cms_3-f .cate:last-child{
		margin-bottom: 0 !important;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.cms_3-f .cate{
		width: 100%!important;
	}
	.cms_3-f .cate figure{
		height: 250.0px;
	}
	.cms_3-f .cate{
		margin-bottom: 30px;
	}
	.cms_3-f .cate:last-child{
		margin-bottom: 0;
	}
	
}


/* 公開後修正20210908 */
#main_img{
	position: relative;
}
.home-mv-scrollBtn {
    text-align: center;
    width: 50px;
    height: 70px;
	position: absolute;
	top: 65vh;
    left: 50%;
	transform: translateX(-50%);
	z-index: 5;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.home-mv-scrollBtn p {
    color: #fff;
	font-size: 12px;
}
.home-mv-scrollBtn-ico {
    position: relative;
    margin-left: 10px;
    width: 30px;
}
.home-mv-scrollBtn img {
    width: 30px;
}
.home-mv-scrollBtn img.home-mv-scrollBtn-scissors01 {
    position: absolute;
    left: -5px;
    top: 5px;
	animation: cut 1s infinite ease-in-out .8s alternate;
	transition: 1.5s ease-in-out;
}
@keyframes cut {
  0% {
	  transform-origin: center;
    transform:translate(0, 0) rotate(-10deg);
  }
  100% {
	  transform-origin: center;
    transform:translate(0, 0) rotate(0deg);
  }
}
.home-mv-scrollBtn img.home-mv-scrollBtn-scissors02 {
    position: absolute;
    right: -8px;
    top: 0;
	animation: cut2 1s infinite ease-in-out .8s alternate;
	transition: 1.5s ease-in-out;
}
@keyframes cut2 {
  0% {
	  transform-origin: center;
    transform:translate(0, 0) rotate(0deg);
  }
  100% {
	  transform-origin: center;
    transform:translate(0, 0) rotate(-10deg);
  }
}

.tel_bt a{
	color: #000;
}
.fadein{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: none
}
#top_contents1 {
    background-color: transparent;
	margin-bottom: 100px;
}
#top_contents1 .contents1_txt {
    position: relative;
}
#top_contents1 .contents1_txt::before{
	content: "";
	background-image: url("./Dup/img/kaiten.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 150px;
	width: 150px;
    height: 150px;
	position: absolute;
	bottom: 20px;
	right: -20px;
	z-index: 10;
    animation: 100s linear infinite kaiten;
}
@keyframes kaiten {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
#top_contents1 .contents1_txt h3 {
    transform: none;
	margin-bottom: 0;
}
#top_contents1 p{
	transform: translateX(-100px);
    position: relative;
    z-index: 2;
	background-image: url("./Dup/img/wood_texture2.jpg");
	background-size: cover;
	padding: 20px;
}
#top_contents1 figure {
    bottom: 0;
    top: 0;
}
/*
#cms_3-f .cate .cate_img1.rectangle_img {
    overflow: inherit;
}*/
#top_contents2{
	position: relative;
	margin-bottom: 400px;
}
#top_contents2 .img1,#top_contents2 .img2{
	width: 50% !important;
	transform: none;
}
#top_contents2 .contents2_txt{
    width: 70% !important;
	position: absolute;
	top: 30vh;
	background-color: rgba(255,255,255,0.7);
	padding: 20px;
	z-index: 3;
}
#top_contents2 h3{
    padding-right: 55px;
    padding-left: 55px;
}
#top_contents2 h3 span {
    background: none;
}
#top_contents2 h3::after{
	display: none;
}
#top_contents2 .contents2_txt p{
	width: 100% !important;
}

#wrap{
    overflow: hidden;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#top_contents1 .contents1_txt::before {
		right: 20px;
	}
	#top_contents1 .contents1_txt h3 {
        text-align: center;
    }
    #top_contents1 p {
        transform: translateX(0px);
    }
	#top_contents2 {
        margin-bottom: 300px;
    }
	#top_contents2 .contents2_txt {
		width: 100% !important;
		top: 20vh;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.home-mv-scrollBtn-ico {
		margin-left: 15px;
		width: 14px;
	}
	.home-mv-scrollBtn img {
		width: 20px;
	}
	
	#top_contents1 {
		margin-bottom: 30px;
	}
	#top_contents1 p {
		transform: none;
	}
	#top_contents1 .contents1_txt::before {
		bottom: -100px;
	}
	#top_contents2 {
		margin-bottom: 600px;
	}
	#top_contents2 .img1, #top_contents2 .img2 {
		width: 100% !important;
		height: 250px !important;
	}
	#top_contents2 .img1 figure, #top_contents2 .img2 figure {
		height: 250px !important;
	}
	#top_contents2 .contents2_txt {
		top: 60vh;
	}
	#top_contents2 h3 {
		padding-right: 30px;
		padding-left: 30px;
	}
	
}


/* 公開後修正20210915 */
#intro .intro_txt p span {
    text-align: left;
}
#top_contents2 {
    margin-bottom: 150px;
}
#top_contents2 .contents2_txt {
    position: relative;
    margin: 50px auto;
    top: auto;
}
.cms_3-f .menu_title {
    position: relative;
    margin-top: -20px;
    margin-left: 30px;
    padding: 5px;
	background: none;
}
.cms_3-f .menu_header .cate_txt1{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.menu_header .cate_txt1 {
        background-color: rgba(255,255,255,0.5);
    }
	
}


/* 公開後修正20210927 */
.width_700-max {
    max-width: 700px;
}
#intro .intro_txt p span, #top_contents1 p, #top_contents2 .contents2_txt p,#cms_6-c .box_title,#cms_6-c .box_txt1 {
    text-align: center;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#top_contents2 .img1 {
        display: none;
    }
    #top_contents2 .img1, #top_contents2 .img2 {
        width: 100% !important;
    }
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#cms_2-c .box_description2 .box_txt1,#cms_2-c .box_description2 .box_txt2{
	    text-align: center;
	} 

.cms_3-f .menu_header figure:hover .cate_txt1 {
    transform: translateY(100%);
}
.cms_3-f .menu_header figure.on_click .cate_txt1 {
    transform: translateY(0%);
}

}

/* 公開後修正20210930 */
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#intro{
		position: relative;
	}
	#intro::before{
		content: "";
		background-image: url("./Dup/img/introduction_bg.JPG");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0.5;
	}
	#intro .intro_txt {
		position: relative;
	}
	
}

/*20211008公開後修正*/
.fadein_sp{
     opacity: 0;
     transform: translateY(100px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein_sp.fadetrans{
     opacity: 1;
     transform: none;
}