@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
.ie {
    display: none;
}
.title {
  display: flex;
  overflow: hidden;
  font-family: 'Josefin Sans', sans-serif;
}

.title span {
  display: block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.title.-visible span {
  transform: translate(0, 0);
}

.title span:nth-child(2) {
  transition-delay: 0.06s;
}
.title span:nth-child(3) {
  transition-delay: 0.12s;
}
.title span:nth-child(4) {
  transition-delay: 0.18s;
}
.title span:nth-child(5) {
  transition-delay: 0.24s;
}
.title span:nth-child(6) {
  transition-delay: 0.30s;
}
.title span:nth-child(7) {
  transition-delay: 0.36s;
}
.title span:nth-child(8) {
  transition-delay: 0.42s;
}
.title span:nth-child(9) {
  transition-delay: 0.48s;
}
.title span:nth-child(10) {
  transition-delay: 0.54s;
}
.title span:nth-child(11) {
  transition-delay: 0.6s;
}
.title span:nth-child(12) {
  transition-delay: 0.66s;
}
.title span:nth-child(13) {
  transition-delay: 0.72s;
}
.title span:nth-child(14) {
  transition-delay: 0.78s;
}
.more_btn {
	border: 1px solid;
}

.intro_title p {
	letter-spacing: 0.5rem;
}
.line:before {
    background-color: #e4e2d5!important;
}
.catch {
    background: -webkit-gradient(linear, left bottom, left top, from(#151515), to(#4d4d4d));
    background: -webkit-linear-gradient(bottom, #151515 0%, #4d4d4d 100%);
background: linear-gradient( 
7deg
 , #151515 0%, #4d4d4d 100%);
    /* font-weight: bold; */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

#top_pc_nav ul {
display: block;
	position: absolute;
	top: 350px;
	left: 100px;
	text-align: left;
}
#top_pc_nav ul li {
	padding: 10px;
}
body {
    font-weight: bold;
	background-color: #ffffff;
background-image: url("Dup/img/mirrored-squares.png");
}
h1, h2, h3, h4, .hannari {
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;
}
.fadein{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein2{
	opacity: 0;
    transform: translateY(30px) rotate( 
350deg
 )!important;
     transition: 0.4s;
     transition-property: opacity,transform
}
.fadein2.fadetrans{
opacity: 1;
transform: rotate(
350deg
)!important;
}
.fadein.fadetrans{
opacity: 1;
	transform: none;
}
.catch {
	font-size: 25px;
    filter: drop-shadow(0px 0px 5px rgba(255,255,255,255.4));
}
#contents1 .con_box {
     margin-top: 0%; 
    margin-bottom: 10%;
}
.cms_title {
	border-top: 2px dotted #c0bdb7;
    padding-top: 40px;
}
.cms_title .pop400 {
	font-family: 'Homemade Apple', cursive;
    color: #333333;font-size: 24px;
}
.num2 {
font-family: 'Homemade Apple', cursive;
    color: #333333;
    font-size: 37px;
/*    transform: rotate(
350deg
)!important;*/
    display: inline-block;
	margin-bottom: 10px;
}
#main_img:before {
    background-color: rgba(167, 167, 167, 0.62);
}
header.scr_header {
    background-color: rgba(255, 255, 255, 0.93)!important;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0,0.10);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
}
header.scr_header #logo {
    width: 114px;
}
#logo {
    max-width: 214px;
}
#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 173px;
}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
	    color: #231815;
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: #68593b;
    bottom: -6px;
}
.button_container span {
    background: #a99567;
}
#main_img .square_box {
	    background-color: rgba(255, 255, 255,0)!important;
    border-radius: 12px;
}

.back1:before, .back2:before {
    background-image: url(Dup/img/bg.jpg);
    background-size: 320px;
}
.button_container span {
    background: #231815;color: #231815;
}

.top_cms_box {
    position: relative;
    z-index: 0;
}
#contents1 .con_img_wrap figure, #contents2 .con_img_wrap figure {
    position: relative;
}
#contents1 .con_img_wrap figure::before, #contents2 .con_img_wrap figure::before {
	background-image: url(Dup/img/waku.png);
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    width: 119%;
    height: 119%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    pointer-events: none;
    opacity: 1;
}





#cms_2-c .box_txt1 {
    background: linear-gradient(transparent 70%, #ffffdb 70%);
    margin-bottom: 11px;
    display: inline-block;
    padding: 0;
}


#footer h2 {
	color: #333333;
}
#copyright, #copyright a {
    color: #231815;
}

.overlay-menu .nav_menu_more a {
	color: #333;
}
.overlay-menu .nav_menu_more a:hover {
	background-color: #ffffff
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f086";
}
@media screen and (max-width: 1280px) {
#logo {
    max-width: 140px;
}	
}

@media screen and (max-width: 768px) {
#logo {
    max-width: 144px;
}
#logo2 .width_200-max_tb {
    max-width: 146px;
}
li.prev {
    margin-right: 0;/*要る*/
}
}
@media screen and (max-width: 667px) {
#logo {
    max-width: 109px;
}
header.scr_header #logo {
    max-width: 81px;
}

}


/* --------------------------IE------------------------------ */
@media all and (-ms-high-contrast: none) {
    .fadein {opacity: 1;}
    .ie {
    display: block;
}
.title {display: none}
	.catch {
		background: none;
	}
	#page_title .page_title_box {
	padding-bottom: 20px;
}
	#cms_6-a .cate .cate_title {
		padding-top: 11px!important;
	}
	.page8 #contact_tel a {
		padding-bottom: 20px;
	}
}