@charset "UTF-8";
/* CSS Document */

/* ===============================
	base
 =============================== */
:root {
  --pink-to-yellow: #ff82a5;
  --to-bgColor: white;
  --to-white: #594f58;
}
html {
  font-size: 100%;
  transition: .2s;
}
body {
  font-size: 1.0rem;
  transition: .2s;
}
button:hover {
  cursor: pointer;
}
.content {
  padding: 20px
}
.btn_wrap button {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  background: transparent;
  color: var(--to-white);
}
.btn_wrap button.is_active {
  background: var(--pink-to-yellow);
  color: var(--to-bgColor)!important;
}
html, body {
  font-family:"Noto Sans JP",sans-serif!important;
  line-height: 1.8em;
  color: #594f58;
  -webkit-text-size-adjust: 100%;
  width: 100%;
background-color:#fff;
overflow-x:hidden;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
.white{
color: #fff;
}
.bg-white-v{
background-color:rgba(255,255,255,0.8);
padding: 15px;
}
@media screen and (min-width: 1201px) {
  .sp120 {
    display: none;
  }	
}
@media screen and (max-width: 1200px) {
  .pc120 {
    display: none!important;
  }
}
@media screen and (min-width: 992px) {
  .spo {
    display: none;
  }	
}
@media screen and (max-width: 991px) {
  .pco {
    display: none;
  }
}
@media only screen and (min-width:769px) {
.sp76 {
display: none!important;
}	
}
@media only screen and (max-width:768px) {
  .pc76 {
    display: none!important;
  }
}
#main .inner {
	padding: 60px;
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
h3 {
	font-size: 131%;
	margin-bottom: .7em;
}
#copyright a {
	color: #666;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

h2.toptit {
font-family: "M PLUS Rounded 1c";
font-size:1.8vw;
line-height:1.6em;
font-weight:bold;
color:#3c754e;
}
.toptit hr{
height:5px!important;
margin-top:15px!important;
margin-left:auto!important;
margin-right:auto!important;
width:250px!important;
color:#df1c24!important;
display:block!important;
opacity:1.0;
	}
@media screen and (max-width: 1600px) {
h3 {
	font-size: 110%;
	margin-bottom: .7em;
}
}
/* ここから */
#global-head {
	position: fixed;
	color: #033560;
	width: 260px;
	text-align: center;
	padding-top: 60px;
	z-index: 99;
		right: 0;
}

#sidebartop {
	padding-top:120px;
	width:300px;
	height: 100%;
	position: fixed;
	color: #033560;
	background: #f2ece7;
	text-align: center;
	right: 0;
    z-index: 100;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0rem;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 0;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
	margin-top: 10px;
	font-size:1.1rem;
}
.tit01{
margin-bottom:30px;
}
#global-nav li{
width: 70%;
padding: 10px 10px;
border-top: solid 1px #fff;
margin-left: 15%;
}
.under-line{
border-bottom: solid 1px #000;	
}
#global-nav li img{
margin-bottom: 5px;
}
a.nav-link:hover{
color:#fff!important;
opacity:0.7!important;
}
.btn-secondary {
margin-top:15px;
    color: #fff;
    background-color: transparent!important;
    border-color: transparent!important;
	font-size:1.0em;
}
.dropdown-toggle::after{
padding-left: 0px!important;
content: "/"!important;
border-top:0;
font-size:0.9em;
margin-right:0!important;
}
.btn-secondary ::visited,.btn-secondary ::focus,{
border:0;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left:auto!important;
    margin-top: .125rem;
}
/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 25px;
	right: 25px;
	height: 42px;
}
#nav-toggle > div {
	position: relative;
	width: 62px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #fff;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index:95;
}
.dropdown-item:visited {
  color: #1e2125;
  background-color: #e9ecef;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#global-btm {
	position: fixed;
	color: #fff;
	width: 300px;
	text-align: center;
	padding-top: 3%;
	padding-bottom:3%;
	z-index: 100;
		right: 0;
	bottom:0;
		background: #ff801e;
}

#global-btm .brand-ctttel{
margin: 1rem;
font-size: 1.5em;	
}

#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
header{
width:100%;
background-image: url(../img/head-menu-bg.png);
background-repeat: no-repeat;
background-size:cover;
background-position: center bottom;
position:fixed;
top:0;
z-index: 90;
height: 150px;
}
.navbar{
width: 100%;
}
.navbar-light .navbar-nav .nav-link {
color:  #fff;
padding-right: 0.5rem;
padding-left: 0.5rem;
font-size:1.0em;
margin-top:10px;
}
.nav-link::after{
padding-left: 20px;
content: "/";
}
ul.sub-menu{
    list-style: none;
    display:flex;
    justify-content: flex-end;
	margin-bottom:0px;
	position:absolute;
	right:0;
	top:0;
background-color:#f5f3ed;
border-radius:0 0 0 15px;
}
.head-logo{
margin-top:0px;
}
.side-btn{
position:fixed;
right:0;
top:38vh;
}
.head-txt{
margin-top:5px;
color:#ffd000;
font-weight:bold;
font-size:1.5rem;
}
.top-0{
position:absolute;
top:0px;
padding:0px;
margin:0px;
}
.h-time{
display:inline-block;
border:1px solid #fff;
border-radius:30px;
color:#fff;
margin-right:20px;
padding:3px 20px;
margin-top:15px;
font-size:0.9rem;
}
.h-tel{
display:inline-block;
font-size:1.4rem;
color:#fff;
margin-right:25px;
}
.h-contact1{
position:absolute;
display:inline-block;
background-color:#ffd000;
font-size:1.2rem;
font-weight:bold;
padding:13px 20px 10px;
margin-left:15px;
border-radius:0px 0px 10px 10px;
top:0;
right:175px;
}
.h-contact2{
position:absolute;	
display:inline-block;
background-color:#ffd000;
font-size:1.2rem;
font-weight:bold;
padding:13px 20px 10px;
margin-left:15px;
border-radius:0px 0px 10px 10px;
top:0;
right:10px;
}
.collapse{
margin-top:40px;
}
@media screen and (max-width:2000px) {
#global-nav li{
padding: 0px 10px;
}
}
@media screen and (max-width: 1400px) {
.pc140{
display:none;
}
}	
@media screen and (min-width: 1201px) {
.sp120{
display:none;
}
}
@media screen and (max-width: 1200px) {
.pc120{
display:none!important;
}
.container-fluid, .container {
padding-right: var(--bs-gutter-x, .75rem);
}
#slide {
margin-top: 0px;
}
header{
height: 120px;
}
}
@media screen and (max-width: 991px) {
#global-nav li{
width: 80%;
padding: 5px 10px;
border-top: solid 1px #fff;
margin-left: 10%;
}
}

@media screen and (max-width:1200px) {
	#main-in {
		padding-left: 0;
	}
	#global-head {
		width: 100%;
		padding: 10px;
		background: rgba(255,255,255,.8);
		display: -webkit-flex;
		display: flex;
	}
	#global-nav ul{
		background-color:#3c754e;!important;
	}
	#sidebartop {
		/*display: none;*/
		position: fixed;
		right: -400px;
		top: 0;
		height: 100%;
		width: 400px;
		color: #fff;
		background:#3c754e;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	/* サブメニューは開けない */
	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}
	#nav-toggle {
		display: block;
}
	/* nav open */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #sidebartop  {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-400px,0,0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#overlay {
		z-index: 10;
	}
	#sidebartop {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}
	#global-btm{
		display: none;
	}
.menu-img{
display: none;
}
.navbar-toggler{
display: none;
}
}

@media screen and (max-width: 768px) {
.side-btn2 {
position: fixed;
bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width:100%;
z-index:290;
text-align:center;
}
a.rec-btn{
width:50%;
color:#fff;
background-color:#3f9be7;
padding:15px;
text-decoration:none;
display:inline-block;
}
a.toura-btn{
width:50%;	
color:#fff;
background-color:#ff851e;
padding:15px;
text-decoration:none;
display:inline-block;
}
.side-btn2 img{
margin-right:15px
}
.toptit hr{
width:100px!important;
}
header{
height: 90px;
}
}
#global-nav a {
    font-size: 1.0rem;
    margin-top: 0px;
}
}
@media screen and (max-width: 576px) {
#global-nav a {
    padding: 0;
    margin-top: 0px;
}
h3 {
	font-size: 120%;
}
html, body {
font-size:1.0em;
}
#nav-toggle > div {
	position: relative;
	width: 47px;
}
}
@media screen and (max-width: 400px) {
	#sidebartop {
		right: -350px;
		width: 350px;
		padding-top: 40px;
	}
	.open #sidebartop  {
		-webkit-transform: translate3d(-350px,0,0);
		transform: translate3d(-350px,0,0);
	}
}
@media screen and (min-width: 2200px) {
#main-visual video{
width: 100vw;
height: auto;
}
}
@media screen and (min-width: 1025px) {
	.sp91{
	display:none;
	}	
}
@media screen and (max-width: 1024px) {
	.pc91{
	display:none;
	}
.map iframe{
   width: 100vw!important;
    height: 400px;	
}	
}
@media screen and (max-width: 900px) {
.container-fluid, .container {
padding-right:15px;
}}
@media screen and (max-width: 600px) {
#main-visual video{
width: auto;
height: 100vh;
}}
#slide img{
width:100%;
height:calc(100vh - 110px);
object-fit: cover;
object-position: right;
}

/* メイン*/
#main-txt{
position:absolute;
margin-top:200px;
top:30vw;
margin:0px 10% 0 0;
padding-left:5%;
width:42%;
}
.float-left{
float:left;
}
.float-right{
margin-left:4%;
float:right;
}
.main-bg{
margin-top:90px;
}
.main-img01{
margin-left:5%;
}
.main-img02{
margin-left:10%;
}
@media screen and (max-width: 2000px) {
#main-txt{
padding-left:5%;
width:50%;
}
}
@media screen and (max-width: 1800px) {
#main-txt{
padding-left:2%;
width:50%;
}
#slide img{
object-position: 75% 50%;
}
}
@media screen and (max-width: 2000px) {
.head-logo {
width:300px;
}
.nav-link::after {
padding-left: 10px;
}
.navbar-light .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.main-img01 {
margin-left: 15%;
width: 70%;
}
.main-img02 {
margin-left: 20%;
width: 60%;
}
}

@media screen and (max-width: 1200px) {
h2.toptit {
font-size: 2.0rem;
}
}
@media screen and (max-width: 1024px) {
.side-btn {
top: 40vh;
}
.side-btn img{
width:50px;
}
#main-txt{
padding:0;
margin-left:2%;
margin-right:20%;	
width:50%;
top: 170px;
}
.head-txt{
font-size:1.2em;		
}
}
@media screen and (max-width: 1024px) {
#main-txt{
top: 370px;
}
}
@media screen and (max-width: 991px) {
#main-txt{
padding:0;
margin-left:2%;
margin-right:20%;	
width:90%;
top:50vh;
}}
@media screen and (max-width: 2000px) {
.head-logo {
width: 240px;
}
}
@media screen and (max-width: 567px) {
#main-txt{
padding:0;
margin-left:2%;
margin-right:20%;	
width:90%;
top:45vh;
}
h2.toptit {
font-size: 1.4rem;
}
.side-btn {
display:none;
}
}

/* コンセプト */

#work{
	padding-top: 5%;
	padding-bottom: 5%;
}
.workbox{
background-color:transparent;;
padding: 2em;
margin-left: 5%;
margin-right:5%;
}
img.tit02-img{
position:absolute;
margin-left:-78px;
}
.img-r02{
border-radius:0 50px 0 0;
}
.big01{
font-size:2.0vw;
font-weight:600;
line-height:1.8em
}
.bibi{
margin-top:-120px;
margin-left:-20px;
}
a.link-btn{
margin-top:30px;
border:1px solid #594f58;
padding:10px 60px;
font-size:1.1rem;
color:#594f58;
text-decoration:none;
font-weight:bold;
border-radius:30px;
}
#gallery ul{
padding-left:0;	
}
@media screen and (max-width: 1200px) {
.workbox{
background-color:transparent;
padding: 5em 0 0;
margin-left: 12%;
margin-right:12%;
}
a.link-btn {
font-size: 1.2rem;
}
.big01 {
font-size: 1.2em;
}}
@media screen and (max-width: 991px) {
.workbox{
margin-left: 5%;
margin-right:5%;
}
}
@media screen and (max-width: 567px) {
.big01 {
font-size: 1.1em;
}
.bibi {
    margin-top: -60px;
    margin-left: -5px;
    width: 30px;
}
}
/* サービス */
#service{
padding-top:5%;
padding-bottom:5%;
}
.service-t h3{
display:inline-block;
background-color:rgba(255, 255, 255, 0.8);
padding:10px;
}
@media screen and (max-width: 1200px) {
.manufacturer{
margin-top:30px
}
}
@media screen and (max-width: 991px) {
#service{
padding:15% 5%;
}
.service-t h3{
display:inline-block;
padding:5px;
margin-top:10px!important;
font-size:1.0rem;
}
}
/* コラム */
#colam{
width:90%;
padding-top: 5%;
padding-bottom:5%;
margin-left:5%;
}
#colam h3{
font-size:1.4rem;
margin-top:15px;
font-weight:bold;
}

#colam p {
    line-height: 1.8em;
    font-size: 1.2rem;
	margin-bottom:30px;
}
#colam img {
    width: 100%;
    height: 18vw;
    object-fit: cover;
    border-radius: 0;
}

@media screen and (max-width: 1200px) {
#colam{
width:100%;
padding:15% 15px;
margin-left:0;
}	
#colam .mt-5{
margin-top:0px!important;
}
#colam img {
    width: 100%;
    height: 50vw;
    object-fit: cover;
    border-radius: 0;
}
}
@media screen and (max-width: 567px) {
#colam h3 {
    font-size: 1.1rem;
}
#colam p {
    line-height: 1.8em;
    font-size: 1.0rem;
}
	
}


/* お知らせ */
#info{
width:100%;
padding-top: 5%;
padding-bottom:5%;
}
#info li{
    line-height: 2.2em;
    font-size: 1.2rem;
	list-style:none;
}
.info-list a{
text-decoration:none;
color:#594f58;
}
.info-list dt{
float:left;
display:inline-block;
clear:both;
}
.info-list dd{
margin-left:140px;
}
@media screen and (max-width: 1200px) {
#info{
padding-top:15%;
padding-bottom:15%;
}
}
/* お問い合わせ */
#contact{
background-image: url(../img/contact-bgimg.jpg);
background-size:cover;
background-repeat: no-repeat;
width:100%;
padding-top: 5%;
padding-bottom:5%;
background-position:center bottom;
}
.con-satei{
background-color:#EA5353;
display:inline-block;
font-size:2.0rem;
color:#fff;
font-weight:bold;
padding:5px 30px 3px
}
.fs2s{
font-size:2.2rem;
font-weight:bold;
line-height:1.2em;
}
.con-time{
background-color:#fff;
display:inline-block;
font-size:1.8rem;
border-radius:30px;
padding:5px 30px 3px
}
.con-tel{
font-size:3.0rem;
color:#EA5353;
font-weight:bold;
display:inline-block;
background-color:#fff;
border-radius:50px;
padding:20px 40px 15px;
}

.con-tel a{
color:#EA5353;
text-decoration:none;
}

@media screen and (max-width: 1200px) {
#info{
padding-top:15%;
padding-bottom:15%;
}
.con-time {
    font-size: 1.4rem;
    padding: 5px 30px 3px;
}
.con-tel {
    font-size: 2.2rem;
    color: #EA5353;
    padding: 18px 40px 12px;
}
.fs2s {
 font-size: 1.4rem;
line-height: 1.4em
}
.con-satei {
    font-size: 1.4rem;
}
}
@media screen and (max-width: 567px) {
#info{
padding-top:15%;
padding-bottom:15%;
}
.info-list dt{
float:none;
display:inline-block;
clear:both;
}
.info-list dd{
margin-left:0px;
}
.con-time {
    font-size: 1.4rem;
    padding: 5px 30px 3px;
}
.con-tel {
    font-size: 2.2rem;
    color: #EA5353;
    padding: 10px 40px 10px;
}
.fs2s {
 font-size: 1.4rem;
line-height: 1.4em
}
.con-satei {
    font-size: 1.4rem;
}
    .fs2s {
        font-size: 1.1rem;
        line-height: 1.4em;
    }
.con-time {
    font-size: 1.2rem;
    padding: 5px 30px 3px;
}
    .con-tel {
        font-size: 1.4rem;
        color: #EA5353;
        padding: 10px 40px 10px;
    }
}
/* アクセス */
.office{
float:left;
width:60%;
margin-bottom:0px;
padding-bottom:0px;
position: relative;
}
.contact{
float:right;
width:40%;
margin-bottom:0px;
padding:4% 5%;
position: relative;
}

.map{
width:100%;
float:right;
padding-bottom:0px;
margin-bottom:-15px;
position: relative;
}
.ftr a{
color:#fff;
}
@media screen and (max-width: 991px) {
.pc991{
    display: none;
}
	.sp-text-left{
	text-align:left!important;
	}
.office {
    float: none;
    width: 100%;
}
.contact{
float:none;
width:100%;
padding-top:5%;
padding-bottom:15%;
}
.map {
    width: 100%;
    float: none;
}
}
@media screen and (min-width: 992px) {
.sp991{
    display: none;
}}
#bar-item{
margin-top:40px;
text-align:center;
}
.ftr {
    position: relative;
    margin-top: -10px;
    clear: both;
    padding-top: 5%;
    background-color: #707e58;
    padding-bottom: 3%;
    color: #fff;
    z-index: 20;
	font-size:0.9em;
	line-height:1.8em;
}
.ftr a{
text-decoration:none;
}

.f-tel a{
color:#fff;
}
.copy-ri{
font-size:0.7em;
background-color:#707e58;
color:#fff;
}
.copy-ri a{
color:#fff;	
}
.bg01{
background-color:#f5f3ed;	
}
@media screen and (max-width: 567px) {
.ftr {
font-size:1.0em;
padding-left:30px;
}}

/* 下層 */

.head-img01 img{
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.p-flow{
padding-top:5%;
padding-bottom:5%;	
}
.k-tit2{
margin-top:10px;
font-size:2.4em;
font-weight:bold;
margin-bottom:60px;	
}
.k-tit3{
font-size:1.8em;
font-weight:bold;
margin-bottom:20px;
text-align:center;
}
.k-tit3s{
font-size:1.8em;
font-weight:bold;
margin-bottom:60px;
text-align:left;
}
.k-tit3ss{
font-size:1.8em;
font-weight:bold;
margin-bottom:20px;
text-align:left;
}
.know{
padding-top:5%;
padding-bottom:5%;
}
.price{
padding-top:5%;
padding-bottom:5%;
}
.k-tit4{
position:relative;
margin-top:-2rem;
background-color:#ffd000;
width:90%;
padding:10px;
z-index:10;
font-weight:bold;
}
.hiyo{
padding-top:5%;
padding-bottom:5%;	
}
.takaku{
padding-top:5%;
padding-bottom:5%;	
}
.pl-5{
	padding-left:1.5rem;
}
.point{
width:90px;
height:90px;
color:#fff;
display:inline-block;
vertical-align:middle;
border-radius:50px;
font-size:1.0rem;
background-color:#ea5353;
position:absolute;
padding: 25px 20px;
margin-left:-20px;
margin-top:-20px;
}
.point2{
width:90px;
height:90px;
color:#fff;
display:inline-block;
vertical-align:middle;
border-radius:50px;
font-size:1.0rem;
background-color:#ea5353;
position:absolute;
padding: 25px 20px;
margin-left:-60px;
margin-top:-20px;
float:right;
}
.text-right{
text-align:right;
}
.red-btn{
color:#fff;
display:inline-block;
padding:5px 15px;
margin:auto 5px;
background-color:#ea5353;
text-decoration:none;
}
.red-btn:hover{
color:#fff;
opacity:0.8;
}
.sell-txt{
padding:20px;
}
table.merit,table.merit td,table.merit th{
background-color:transparen!important;
border:0!important;
}
table.merit tr:nth-of-type(2n+1) {
background-color: #fff!important;
}
.merit h3{
margin-bottom:0px;
font-weight:bold;
}
.merit p{
margin-bottom:0px;
}
.merit span{
background-color:#ffd000;
color:#fff;
font-weight:bold;
padding:5px 30px;
border-radius:30px;
}
.k-tit3m{
display:inline-block;
font-size: 1.4rem;
background-color: #ea5353;
padding: 10px 15px;
color: #fff;	
}
.step span{
background-color:#3c754e;
color:#fff;
font-weight:bold;
padding:5px 30px;
border-radius:30px;
}
.yajirushi{
display:inline-block;
color:#ea5353;
margin-left:50px;
}
.k-tit4s{
position: relative;
    margin-top: -2rem;
    background-color: #ffd000;
    width: 90%;
    padding: 10px;
    z-index: 10;
	font-size:1.2rem;
line-height:1.6em;
margin-bottom:50px;
}
.k-tit5{
margin-top:15px;
margin-bottom: 0px;
    font-weight: bold;
}
.float-left{
float:left;
}
.no-img{
margin-right:20px;
}
.k-tit3no{
font-size:1.8em;
font-weight:bold;
margin-bottom:20px;
text-align:left;
margin-left:120px;
}

.erabu span{
background-color:#3c754e;
color:#fff;
font-weight:bold;
padding:5px 10px;
display:inline-block;
margin:10px;
font-size:1.0rem;
vertical-align:middle;
line-height:1.5em;
}
.erabu p{
margin-bottom:0;
}
.bg02 {
    background-color:#f5f3ed;
	padding-top:2%;
	padding-bottom:2%;
margin-top:3%;
margin-bottom:3%;
}
.osusume img{
margin-right:20px;
}
 table.corp tr:nth-of-type(2n+1) {
background-color: #fff!important;
}
 table.corp td, table.corp th {
border:0px!important;
padding-top:20px;
padding-bottom:20px;
}
 table.corp tr {
border-top:solid 1px #594f58;
}
.border-bottom{
border-bottom:solid 1px #594f58!important;	
}
.price img{
border-radius:15px 15px 0 0;	
}
@media screen and (max-width: 1200px) {
	.hiyo .text-center{
	text-align:left!important;	
	}
	.red-btn{
		margin-bottom:10px;
	}
}
@media screen and (max-width: 1200px) {
.hiyo h3{
margin-top:20px;
}
.takaku {
    padding-top: 15%;
    padding-bottom: 15%;
}
.hiyo {
    padding-top: 15%;
    padding-bottom: 15%;
}
.price {
    padding-top: 15%;
    padding-bottom: 15%;
}
.p-flow {
    padding-top: 15%;
    padding-bottom: 15%;
}
.k-tit4s {
margin-bottom:4rem;
}
}
@media screen and (max-width: 991px) {
.k-tit3 {
    font-size: 1.6em;
}	
.k-tit3ss {
    font-size: 1.6em;
}
.k-tit3no {
    font-size: 1.6em;
	}
.k-tit3m {
    font-size: 1.3rem;
}
.k-tit4s{
position: relative;
	font-size:1.0rem;
}
}

@media screen and (min-width: 568px) {
.sp56{
display:none!important;
}
}
@media screen and (max-width: 567px) {
.k-tit2 {
font-size: 1.8em;
margin-bottom: 30px;
}
.k-tit3 {
font-size: 1.4em;
}	
.k-tit3ss {
    font-size: 1.4em;
}
.k-tit3m {
    font-size: 1.2rem;
	text-align:center;
	width:100%;
line-height:1.4em;
margin-bottom:15px;
}
table.merit td{
width:100%;	
display:block;
}
.osusume img{
width:25px;
margin-right:10px;
}
.no-img{
width:90px;
margin-right:0px;
}
.k-tit3no {
    font-size: 1.3em;
    margin-left: 100px;
}
.erabu span {
    margin: 5px;
}
	.tdspw{
	width:80px
	}
table.corp td, table.corp th {
    padding-top: 10px;
    padding-bottom: １0px;
}
.point {
    text-align: center;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 1.0rem;
    padding: 20px 20px;
	line-height:1.2em;
}
}
.entry-footer{
display:none;
}
.page-tit{
font-weight:bold;
margin-bottom:30px;
}
.slick-slide img {
    display: block;
margin-left:3px;
margin-right:3px;
padding-right:10px;
}
/*------------------------------ */
/* ------ animation style ------ */
/* ----------------------------- */
/* fade zoom */
.u-fade-type-zoom.is-active{
    transition: 8s;
    transform: scale(1.06);
}

/* fade up */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: 1.2s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}

/* fade left */
.u-fade-type-left{
    transform: translateX(50px);
    opacity: 0;
}

.u-fade-type-left.is-active{
    transition: .6s;
    transform: translateX(0);
    opacity: 1;
}

.is-active .u-fade-type-left{
    transition: .6s;
    transform: translateX(0);
    opacity: 1;
}

.is-active .u-fade-type-left:nth-child(2){transition-delay: .2s;}
.is-active .u-fade-type-left:nth-child(3){transition-delay: .4s;}
.is-active .u-fade-type-left:nth-child(4){transition-delay: .6s;}
.is-active .u-fade-type-left:nth-child(5){transition-delay: .8s;}

/* img */
.u-fade-type-slide{
    position: relative;
}

.u-fade-type-slide::after{
    content: '';
    display: block;
    width: 100%;
    transform: scaleX(1);
    transform-origin: 100% 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.u-fade-type-slide.is-active::after{
    transition: .6s;
    transform: scaleX(0);
}
#colam a{
color:#594f58;
text-decoration:none;
}

/* single marker */
.u-fade-type-marker {
    background: linear-gradient(to right, transparent 0%,transparent 50%, #ffd000 50%, #ffd000 100%);
    background-repeat: repeat-x;
    background-size: 200% .6em;
    background-position: 0 .6em;
    padding-bottom: .6em;
}

.u-fade-type-marker.is-active{
    transition: all 1.8s ease;
    background-position: -100% .6em;
}

/* よくある質問 アコーディオン*/
.accordion-003 {
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

h3.q::before{
  content: 'Q.';
font-size:30px;
margin-right:10px;
}
.answer p::before{
content: 'A.';
margin-right:10px;
}
.answer p{
padding-left:30px;
}
.w20{
width:25%;
}
@media screen and (max-width: 567px) {
.w20 {
width: 200px;
}}
.h-contact a{
color:#000;
text-decoration:none;
}
html {
  scroll-padding-top: 120px; // ヘッダーの高さ分設定
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

@media (max-width: 991px) {
.waves {
  position:relative;
  width: 100%;
  height:10vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}	
}
/*Shrinking for mobile*/
.waves{
margin-top:-100px;
}
@media (max-width: 768px) {
  .waves {
    height:60px;
    min-height:60px;
  }
  .content {
    height:40vh;
  }
  h1 {
    font-size:24px;
  }
.waves{
margin-top:-50px;
}
}

dt.hh2{
float:left;
width:150px;
clear:both;
border-bottom:1px solid #666;
height:4.8rem;
}
dd.hh2{
margin-left:150px;
border-bottom:1px solid #666;
height:4.8rem;
}
dt.hh1{
float:left;
width:150px;
clear:both;
border-bottom:1px solid #666;
padding-bottom:10px;
}
dd.hh1{
margin-left:150px;
border-bottom:1px solid #666;
padding-bottom:10px;
}
.service-t img{
display:block;
width:100%;
margin-bottom: -39px;
}

#features{
padding-top:5%;
padding-bottom:5%;
}
#instafeed{
padding-top:5%;
padding-bottom:5%;
}
.sub-tit{
color:#ea5353;
font-size:18px;
font-weight:normal;
}
#gallery{
margin-bottom:5%;
}
.f-time{
border: 1px solid #594f58;
padding: 5px 40px;
color: #594f58;
font-weight: bold;
border-radius: 30px;
margin-top:40px;
}
.f-tel{
display:inline-block;
margin-top:20px;
color:#ffd000;
font-size:2.2rem;
}
@media (max-width: 1200px) {
dt.hh2sp{
height:4.8rem;
}
dd.hh2sp{
height:4.8rem;
}}
@media (max-width: 991px) {
#features{
padding-top:15%;
padding-bottom:15%;
}
dt.hh2{
float:none;
width:100%;
clear:both;
border-bottom:0;
height:2.2rem;
}
dd.hh2{
margin-left:0px;
border-bottom:1px solid #666;
height:2.8rem;
}
dd.hh2sp{
height:4.8rem;
}
dt.hh1{
float:none;
width:100%;
clear:both;
border-bottom:0;
}
dd.hh1{
margin-left:0px;
border-bottom:1px solid #666;
}
.sp-center{
text-align:center;
}
}
@media (max-width: 550px) {
dd.hh2sp {
height: 6.8rem;
}
}

.features-txtbox1{
padding:10%;
border-left:1px solid #ea5353;
background-color:#f5f3ed;
}
.features-txtbox2{
padding:10%;
border-right:1px solid #ea5353;
background-color:#f5f3ed;
}
.ml-100{
margin-left:-100px;
}
.mr-100{
margin-left:100px;
}
.z1-index{
position:relative;
z-index:1;
}
.z2-index{
position:relative;
z-index:2;
}
.p-tb-5{
padding-top:5%;
padding-bottom:5%;
}
#service-k img{
border-radius:25px;
}
.text-left{
float:left;
width:50%;
}
.text-right{
float:right;
width:50%;
}
.accordion-body {
font-size:16px;
}
#mokuteki .collapse{
margin-top: 0px;
}
#curtain-price img{
border-radius:0px;
}
.orange{
color:#ffb000;
}
.fs18{
font-size:18px;
font-weight:normal;
}
#qa .collapse{
margin-top: 0px;
}
.jigyo tb{
vertical-align:top!important;
}
.jigyo h3{
margin-top:20px;
}
@media (max-width: 991px) {
.sp-headimg img{
	  width: 100%;
  height:480px;
  object-fit: cover;
}
.ml-100 {
  margin-left: 0px;
}
.mr-100 {
  margin-left: 0px;
}
.point {
  margin-left: 0px;
}
.point2 {
  margin-left: -90px;
}
.features-txtbox1 {
  padding: 80px 15px 30px;
}
.features-txtbox2 {
  padding: 80px 15px 30px;
}
.p-tb-5 {
  padding-top: 15%;
  padding-bottom: 15%;
}
.workbox {
padding-top:20px;
padding-bottom:50px;
}
}
.accordion-button:not(.collapsed) {
    color: #000;
}