html {font-size:8px;
margin:0;
padding:0;  
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
letter-spacing:0.3em;
color:#333333;
}

.grecaptcha-badge { visibility: hidden; }

body{margin:0;padding:0;min-width:1480px}
h1,h2,h3,h4{margin:0;}
section,contents,inner{position: relative;}
:root {
  --main-bg-color: #002744;
}

.inner{margin:0 auto;width:1200px;position:relative}


.contents{
position: relative;
padding: 15rem;
}
.chushaku{font-size:1.5rem;}

.big12{font-size:120%}
.big13{font-size:130%}
.big15{font-size:150%}
.small07{font-size:70%}
.small05{font-size:50%}
.pchl{
display:none;
}
.sphl{
display:inline;
}

.obi-title{
background:url('obi-back.webp') no-repeat;
background-size: cover;
background-position:center;
color: white;
  text-align: center;
  padding: 15rem;
  font-size: 2rem;
margin-bottom: 10rem;
}


#page_top{
	display:none;
}

/* FV */
#fv-area{
position: relative;
  top: 0;
  left: 0;
}
#fv-area .fv-wrap{height:100vh;background:white}
#fv-area .back-img-fv{
	background-image: url('fv-mainv-8-pc.webp');
  background-position: center;
  background-size: cover;
	min-height: 700px;
}
#fv-area .back-img-fv2{
	background-image: url('fv-mainv-8-sp.webp');
}

#fv-area .logo{position:absolute;left:4rem;top:4rem;z-index:2;width:10rem;}
#fv-area .fv-title-area{  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-40%) translateX(-50%);
  -webkit- transform: translateY(-40%) translateX(-50%);
text-align:center;
z-index:2;
width: 50rem;
  height: 50rem;
}
#fv-area .fv-title-area #page-name{
  margin-top: 3rem;
  color: white;
  font-size: 2rem;
}
#fv-bottom{
	background:var(--main-bg-color);
	text-align:center;
	color:white;
	font-size:7rem;
	font-weight:bold;
	padding: 12rem;
}
#fv-bottom rt{
top: 0rem;
  position: relative;
font-size: 1.5rem;
}



#fv-bottom {
font-size: 1rem;
}
#fv-bottom .sec-title{
  font-size: 5rem;
}
#fv-bottom .back-white{
width: 28em;
    font-size: 3rem;
    margin: 1em auto;
    color: var(--main-bg-color);
    background: #fff;
    padding: 0.25em;
}

#fv-bottom .text-lead{
  font-size: 5rem;
}

#fv-bottom .yt-area{
 display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5rem; 
}
#fv-bottom .yt-area .yt-title{
text-align: left;
  font-size: 2.5rem;
  margin-top: 1em;
}
#fv-bottom .yt-area .yt-title .push{
color: #EFD94C;
}



/*FV スライダ*/
.slick-slider{
	margin:0;
	padding:0;
list-style:none;
}

.slider_02 {
list-style:none;
display: block;
pointer-events: none;
}
.slider_02 .slick-track::before, .slick-track::after{
display:none;
}
.slider_02 li{
  background-size: cover;
	background-position: center;
height:100vh;
list-style:none;
padding:0;
margin:0;
}
.slider_02 .item-1{
	background-image:url('fv-mainv-1.webp');
}
.slider_02 .item-2{
	background-image:url('fv-mainv-2.webp') ;

}
.slider_02 .item-3{
	background-image:url('fv-mainv-3.webp');
}
.slider_02 .item-4{
	background-image:url('fv-mainv-4.webp') ;

}
.slider_02 .item-5{
	background-image:url('fv-mainv-5.webp') ;

}
.slider_02 .slick-track{
	height:100%;
}



/* Reason*/
#why-area{
  background:url('why-back-pc.webp') no-repeat;
background-size: cover;
background-position: center;
display: block;
position: relative;
}
#why-area::before{
content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1200px;
  opacity: 0.75;
  background-color: var(--main-bg-color);
  clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
  right: 0;
  margin: auto;
}
#why-area .contents{
  width: 700px;
  margin: auto;
}
#why-area .contents .title{
font-size: 5rem;
  color: #fff;
  
}
#why-area .contents .sub-title{
font-size: 4rem;
  color: #fff;
      margin-top: 1.5em;
}
#why-area .contents .text{
font-size: 2rem;
  color: #fff;
margin-top: 1em;
line-height: 2;
}
#why-area .contents .sub-title .push{
  color: #EFD94C;
}
#why-area .contents .text .push{
  font-weight: bold;
  color: #EFD94C;
  text-decoration: underline;
}


/* Reason*/

#reason .contents{
background:url('reason-back-2-pc.webp') no-repeat;
background-size: cover;
background-position: center;
}
#reason .contents .inner{
display: flex;
position: relative;
}
#reason .contents .inner::after {
  content: "";
  width: 10rem;
  height: 31rem;
  position: absolute;
  left: -13rem;
  background: url('merit-title.webp') no-repeat 0 0;
  background-size: 10rem;
}
#reason  .title{
 width:35%;
}
#reason  .title p{
	letter-spacing:0.2em;
	display:inline-block;
	padding:1rem 1rem 1rem 1.2rem;
	border:2pt solid white;
	color:white;
	font-weight:bold;
	font-size:6rem;
	margin:0 0 2rem 0;
}
#reason  .info{
 width:65%;
 display: flex;
  flex-direction: column;
  gap: 3rem;
}
#reason  .info img{
  width: 9rem;
  position: relative;
  top: 2rem;
margin-right: 2rem;
}
#reason  .info p{
	letter-spacing:0.2em;
	color:white;
	font-weight:bold;
	font-size:5rem;
	margin:0rem 0 4rem 0;
}
#reason .info .merit-one{
  background: #FFF;
  position: relative;
  padding: 4rem;
}
#reason .info .merit-one .check{
position: absolute;
  left: 4rem;
  top: 4rem;
  width: 4rem;
}
#reason .info .merit-one .image{
position: absolute;
  left: 7rem;
top: 0;
  width: 24rem;
  bottom: 0;
  margin: auto;
}
#reason .info .merit-one .title{
margin-left: 35%;
  width: 65%;
  font-size:4rem;
}
#reason .info .merit-one .text{
  width: 65%;
  color: #333;
  font-size: 2rem;
margin: 1em 1em 0em 35%;
  letter-spacing: 0.1em;
}



/* logo slide*/

#logo-slide {
		background:var(--main-bg-color);
padding: 1rem 0 5rem 0;
}

#logo-slide .title-1{
	font-size:4rem;
	font-weight:bold;
	color:white;
	text-align:center;
	padding: 4rem;
}
#logo-slide  .slick-slide{

}



/* onayami*/
#onayami .title-1{
	color:white;
	text-align:center;
	font-size:6rem;
	margin-bottom:6rem;
}

#onayami .topic{
	width:800px;
	color:white;
	font-weight:bold;
	font-size:5rem;
	margin:0 auto 1em auto;
	padding-left:4em;
	position: relative;
}

#onayami .first-back .highlight{
	color:#EFD94C;
}

#onayami .topic img{
	position:absolute;
	left:0;
	top:0;
	width: 15rem;
}

#onayami .first-back {
background:url('onayami-back-1.webp') no-repeat;
background-size: cover;
background-position: center;
}

#onayami.first-back .topic .highlight{
	color:#EFD94C;
}


#onayami .second-back{
background:url('onayami-back-2.webp') no-repeat;
background-size: cover;
background-position: center bottom;
  margin-bottom: -15rem;
  z-index: 2;
  text-align: center;
  height: 64rem;
  clip-path: polygon(0 0, 100% 0%, 100% 89%, 50% 100%, 0 89%);
}


#onayami .second-back .title-1{
	position:relative;
}
#onayami .second-back .title-1 img {
  position: absolute;
  left: 49%;
  top: -11rem;
  transform: rotate(25deg);
  width: 10rem;
}

#onayami .second-back .topic{
	font-size:4rem;
	width:100%;
display: inline-block;
  position: relative;
padding-left: 0em;
margin-bottom: 1.5rem;
}
#onayami .second-back .topic img{
  position: relative;
  left: 0;
  top: 2rem;
  height: 7rem;
  width: auto;
  margin-right: 3rem;
}
#onayami .second-back .topic .highlight{
	color:#E8AAAA;
}



#onayami .third-back{
background:url('onayami-back-3.webp') no-repeat;
background-size: cover;
background-position: center;
line-height: 1.3;
padding-top:25rem;
position:relative;
}




/* point */

#point {}
#point .contents{
padding-top: 10rem;
padding-bottom: 10rem;
}
#point .inner{
	margin-top: 10rem;
margin-bottom: 18rem;
}
#point .num2{
  margin-bottom: 36rem;
}
#point .point-num{
position: absolute;
  left: 0;
background-color: var(--main-bg-color);
width: 25%;
height: 35rem;
  text-align: right;
  top: -19rem;
  left: -15rem;
}
#point .point-num-1{
  top: -21rem;
  left: -15rem;
}

#point .point-num::before{
content: "";
  height: 100%;
  width: 9999px;
  right: 0;
  bottom: 0;
  background-color: var(--main-bg-color);
  display: block;
  position: absolute;
}

#point .point-num img{
	width: 20rem;
  height: auto;
position: absolute;
  bottom: 0;
  right: 0;
}

#point .title-2{
width: 80%;
  margin-left:20%;
font-size:6rem;
color:#002744;
top: -3rem;
  position: relative;
}
#point .contents-1 .title-2{
top: -0rem;
}
#point .point-lead{
width: 80%;
  margin-left: 20%;
font-size:4rem;
font-weight:bold;
}


#point .title-3{
	font-size:4rem;
font-weight:bold;
text-align:center;
color: var(--main-bg-color);
margin:auto;
text-align:center;
position:relative;
margin-top: 3rem;
}
#point .title-3::before{
 content:"";
width:100%;
height: 1px;
  background: black;
  position: absolute;
  top: 50%;
  left: 0;
}

#point .back-white{
background:white;
display:inline-block;
padding:1em;
z-index: 2;
  position: relative;
}


#point .voice-wrap{
display: flex;
  gap: 1rem 3rem;
}
#point .voice-single{
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));
  background: white;
  padding: 24rem 5rem 5rem 5rem;
  position: relative;
  margin-top: 10rem;
width:100%;
}

#point .voice-single img{
width: 80%;
height: auto;
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0rem;
bottom: 50rem;
background: gray;
}

#point .voice-single .shop-name{
font-size: 3rem;
  font-weight: bold;
}

#point .voice-single .staff-name{
font-size: 2rem;
}
#point .voice-single .voice-text{
font-size: 2rem;
line-height: 1.8;
}



#point .normalimage,
#point .ourimage{
display: block;
line-height: 0;
}
#point .normalimage{
  margin-top: 14rem;
}



#point .num3 .point-lead{
width: 100%;
margin-left: 0;
font-size: 3rem;
}

#point .taiou-list{
display: flex;
  list-style: none;
  padding: 0;
flex-wrap: wrap;
gap: 1rem 0.5%;
margin-bottom: 4rem;
}

#point .taiou-list li{
width: 33%;
background:gray;
padding: 7rem 3rem;
  box-sizing: border-box;
  color: white;
  font-size: 3rem;
  font-weight: bold;
line-height: 1;
padding-left:3em;
position:relative;
background-repeat:no-repeat;
background-size: cover;
background-position: center;
}


#point .taiou-list li:nth-child(1){
	background-image:url('point-2-4.webp');
}

#point .taiou-list li:nth-child(2){
	background-image:url('point-2-5.webp');
}

#point .taiou-list li:nth-child(3){
	background-image:url('point-2-6.webp');
}

#point .taiou-list li:nth-child(4){
	background-image:url('point-2-7.webp');
}

#point .taiou-list li:nth-child(5){
	background-image:url('point-2-8.webp');
}

#point .taiou-list li:nth-child(6){
	background-image:url('point-2-9.webp');
}

#point .taiou-list li:nth-child(7){
	background-image:url('point-2-10.webp');
}

#point .taiou-list li:nth-child(8){
	background-image:url('point-2-11.webp');
}






#point .taiou-list li .job-num{
display: inline-block;
  padding: 0.5em;
  width: 1.5em;
  text-align: center;
  margin-right: .5em;
  font-size: 2rem;
  position: absolute;
left: 1em;
top: 6.5rem;
}

#point .taiou-list li .job-num:before{
content: "";
  height: 2.3em;
  width: 2.3em;
  display: block;
  border: 2px solid white;
  border-radius: 2em;
  position: absolute;
top: -0.2em;
  left: -0.1em;
}

#point .suggestion{
font-size: 4rem;
  padding-left: 13rem;
  background: url('sug-icon.webp') no-repeat;
background-size: 11rem;
  margin-bottom: 3rem;
font-weight:bold;
margin: 0 auto 35rem auto;
  width: 660px;
}



#point .other-point{
padding: 6rem 0rem 4rem 23rem;
  margin: 5rem auto;
  border-top: 2px solid var(--main-bg-color);
  border-bottom: 2px solid var(--main-bg-color);
  background: url('p2-icon-other.webp') no-repeat left center;
width: 730px;
  background-size: 16rem;
}
#point .other-point .title{
  font-size: 4rem;
    color: var(--main-bg-color);
}
#point .other-point .mini-point{
font-size: 3rem;
font-weight: bold;
  color: var(--main-bg-color);
  margin: 1rem 0;
}

#point .normal-shop {
background: #E1E1E1;
  margin-top: 10rem;
display: flex;
justify-content: space-between;
gap: 5rem;
  padding: 5rem;
position: relative;
}
#point .normal-shop .info-img {
width:45%;
}
#point .normal-shop .setsumei {
width: 52%;
  font-weight: bold;
  position: absolute;
  transform: translateY(-50%) translateX(0%);
  -webkit-\\\ transform: translateY(-50%) translateX(-50%);
  text-align: left;
  top: 50%;
  right: 0;
}
#point .normal-shop .midashi {
font-size: 4rem;
}

#point .normal-shop .text {
	font-size: 3rem;
  padding-left: 11rem;
  background: url('mitsumori-ng.webp') no-repeat;
  background-size: 8rem;
  background-position: left center;
}
#point .our-shop {
background:#C2ECF1;
}
#point .our-shop .setsumei {
	display: flex;
  justify-content: space-between;
padding: 5rem 8rem;
}
#point .our-shop .setsumei .midashi{
	width:47%;
font-size: 4rem;
position: relative;
  top: 2rem;
}
#point .our-shop .setsumei .text{
width: 45%;
  font-size: 3rem;
  padding-left: 11rem;
  background: url('mitsumori-ok.webp') no-repeat;
  background-size: auto;
  background-size: 10rem;
  background-position: left center;
  font-weight: bold;
  padding: 1rem 0 1rem 12rem;
  margin: 0;
}


#point .our-shop .setsumei-2 {
	display: flex;
  justify-content: space-between;
padding: 0 8rem 5rem 8rem;
  gap: 5rem;
}

#point .our-shop .setsumei-2 .good-point{
background: url('good-mark.webp') no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: auto;
  background-size: 10rem;
  background-position: center;
  background-color: white;
  padding: 3rem;
  font-size: 2.5rem;
  text-align: center;
  font-weight: bold;
}
#point .our-shop .setsumei-2 .good-point .under-line {
text-decoration: underline;
}



#point  .matome{
background:url('reason-back-2-pc.webp') no-repeat;
background-size: cover;
background-position:center;
color: white;
  text-align: center;
  padding: 15rem;
  font-size: 3rem;
font-weight:bold;
line-height: 1.7;
}
#point  .matome .inner{
margin: 0 auto;
}
#point .matome .title{
  margin-bottom:1em;
}







/* works*/

#works {background:url('works-back.webp')}
#works .contents{padding:0;}

#works .works-title{
	font-size: 3rem;
  text-align: center;
  color: var(--main-bg-color);
  position: relative;
  margin-bottom: 7rem;
}
#works .works-title img{
  position: relative;
  top: 7rem;
  display: inline-block;
  margin-right: 3rem;
}
#works .center{
	margin-bottom: 5rem;
}
.center .single-wrap{
display: flex;
margin: 0 3rem;
background:white;
padding-bottom: 3rem;
}
.center .kobetsu-slide{
width:60%;
}

#works .center .slick-list > .slick-track {
  display: flex;
}
#works .center .slick-list .slick-track > .slick-slide {
  height: auto !important;
}
.slick-track .works-single-slide-nav .slick-track{
transform: translate3d(0px, 0px, 0px)!important;
}
.center .kobetsu-slide .draggable{
padding: 0 0 2rem 0 !important;
}

.slick-prev, .slick-next{
	width: 5rem;
  height: 5rem;
z-index:2;
}
.slick-prev {
  left: 5rem;
}
 .slick-next{
  right: 5rem;
}
.slick-prev::before, .slick-next::before {
  font-size: 5rem;
  color: white;
background: rgba(0,0,0,0.5);
  padding: 0rem 2.4rem;
  border-radius: 5rem;
font-family: "Noto Sans JP", sans-serif;
}
.slick-prev::before{
content: '<';
left: 5rem;
  position: relative;
}
.slick-next::before{
content: '>';
right: 5rem;
  position: relative;
}

.center .single-wrap .shop-name{
font-size: 3rem;
  background: var(--main-bg-color);
  color: white;
  padding: 5rem;
}

.center .single-wrap .info-topic{
	font-size:2rem;
	font-weight:bold;
	padding: 0 5rem;
	background-position:left center;
	background-repeat:no-repeat;
	background-size: 2.2rem;
	margin-left: 5rem;
}
.center .single-wrap .info-topic .midashi{
	display:inline-block;
	margin-right:1em;
}

.center .single-wrap .price-info{
		background-image:url('works-icon-price.webp');
	}
.center .single-wrap .menseki-info{
	background-image:url('works-icon-menseki.webp');
}
.center .single-wrap .address-info{
	background-image:url('works-icon-address.webp');
}
.center .single-wrap .kikan-info{
	background-image:url('works-icon-kikan.webp');
}
.center .single-wrap .comment{
	margin: 0 5rem;
}
.center .single-wrap .comment .title{
	font-size:2rem;
  font-weight: bold;
margin: 0;
}

.center .single-wrap .comment .text {
  font-size: 1.5rem;
  line-height: 1.9;
  letter-spacing: 0.1em;
}





/* Price */
#price.contents{
	padding-bottom:20rem;
}
#price .price-midashi{
  font-size: 3rem;
  text-align: center;
  color: var(--main-bg-color);
position: relative;
  margin-bottom: 8rem;
}

#price .price-midashi img{
  position: relative;
  top: 3rem;
  height: 10rem;
  margin-right: 3rem;
}

#price .price-list{
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
gap: 7rem;
  text-align: center;
margin-bottom: 4rem;
}

#price .price-list li{
width:100%;
}
#price .price-list .genre {
font-size: 3rem;
margin-bottom: 1rem;
}
#price .price-list .info {
font-size: 3rem;
font-weight:bold;
margin:auto;
}
#price .price-list li img{
display:block;
width:100%;
height:auto;
margin-bottom: 2rem;
}






/* flow */

#flow{}
#flow .contents{
margin-bottom: 15rem;
padding: 10rem 15rem;
}
#flow .flow-wrap{
list-style: none;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
margin-bottom: 4rem;
}

#flow .flow-wrap .flow-single{
	width:32%;
  position: relative;
height: 25rem;
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));
  background: white;
}
#flow .flow-wrap .flow-single .num{
	position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: auto;
}
#flow .flow-wrap .flow-single .naiyou{
font-size: 3rem;
  font-weight: bold;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  -webkit-\ transform: translateY(-50%) translateX(-50%);
  text-align: left;
  top: 50%;
  left: 50%;
  margin: auto;
padding: 0 0 0 9rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 5rem;
line-height: 1.3;
}


 #flow .flow-wrap .flow-single .naiyou .icon{
  height: auto;
  width: 6rem;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  -webkit-\\\ transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 4rem;
}
#flow .flow-wrap .flow-single .double-n-1 .icon{
top: 5rem;
}
#flow .flow-wrap .flow-single .double-n-1{
top: 27%;
}

#flow .flow-wrap .flow-single .double-n-2{
top: 65%;
}

#flow .flow-wrap .flow-single .double-n-2  .gyoukan{
position: relative;
  bottom: 1rem;
}

#flow .chushaku{
	font-size:1.5rem;
}

#flow .flow-wrap .flow-single.first-flow{
  width: 100%;
  height: auto;
}
#flow .flow-wrap .flow-single.first-flow .icon{
position: absolute;
  right: 4rem;
  bottom: 4rem;
}
#flow .flow-wrap .flow-single.first-flow .naiyou{
position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  transform: none;
  width: 750px;
  padding: 4rem 0 4rem 9rem;
}
#flow .flow-wrap .flow-single.first-flow .naiyou .title{
  font-size: 4rem;
  line-height: 0.8;
  color: var(--main-bg-color);
}
#flow .flow-wrap .flow-single.first-flow .naiyou .title .small{
   font-size: 2rem;
}
#flow .flow-wrap .flow-single.first-flow .naiyou .text{
font-size: 2rem;
  line-height: 1.75;
}
#flow .flow-wrap::after{
content: "";
display: block;
position: relative;
width: 32%;
}



/* attention */
#attention .contents{
background: url('sug-back.webp') no-repeat;
  background-size: cover;
  line-height: 1.3;
  padding-top: 15rem;
  position: relative;
  color: white;
padding-bottom: 15rem;
}

#attention .midashi{
background: url('sug-pop.webp') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  padding: 0px 0 15rem 0;
  margin-bottom: 5rem;
font-size: 5rem;
  text-align: center;
}
#attention .at-wrap{
	display:flex;
gap: 7%;
  margin-bottom: 7rem;
}
#attention .at-wrap .at-single{
width: 100%;
}
#attention .at-wrap .at-single .suggestion{
font-size: 4rem;
  padding-left: 13rem;
  background: url('sug-icon.webp') no-repeat;
background-size: 11rem;
  margin-bottom: 3rem;
}

#attention .at-wrap .at-single .text{
font-size: 3rem;
  line-height: 1.5;
  font-weight: bold;
}


#attention .teian{
font-size: 4rem;
  text-align: center;
  font-weight: bold;
}





/* form */
#contact .contents{
  padding: 5rem 15rem;
}
#contact .obi-title .pop-text {
  background: white;
  color: var(--main-bg-color);
  font-weight: bold;
  font-size: 200%;
  padding: 0.25em;
  border-radius: 0.5em;
  width: 8em;
  text-align: center;
  margin: 0 auto 0.5em auto;
}

#contact .tel-btn-1{
  display: block;
  text-align: center;
  width: 60%;
  margin: 0 auto 5rem;
}
#contact .tel-btn-2{
  display: none;
}
.contactForm_area {}
.contactForm_area dl {
  border-bottom: 1px solid black;
  display: flex;
  font-size: 2rem;
  padding: 0rem 0;
margin: 0;
}
.contactForm_area dt {
  display: block;
  width: 30%;
position: relative;
  background-color: #f5f5f5;
}

.contactForm_area dd {
  display: block;
  width: 70%;
}
.contactForm_area dt p  {
  width: 70%;
  font-weight: bold;
  position: absolute;
  transform: translateY(-50%) translateX(0%);
  -webkit-\\\ transform: translateY(-50%) translateX(-50%);
  text-align: left;
  top: 35%;
  left: 5rem;
}
.contactForm_area dd input{
  padding: 0.5em;
  font-size: 2rem;
  width: 100%;
  box-sizing: border-box;
}
.contactForm_area dd p{
margin: 3rem auto 3rem auto;
}
.contactForm_area dd label input{
  padding: 0.5em;
  font-size: 2rem;
  width: auto;
  box-sizing: border-box;
}
.contactForm_area .pp_consent_area{
	margin-top: 5rem;
	text-align: center;
	font-size: 2rem;
}
.contactForm_area .wpcf7-list-item {
  margin-right: 2rem;
  padding: 2rem 0;
  display: inline-block;
}
.contactForm_area .submit_btn {
  text-align: center;
}
.contactForm_area .wpcf7-textarea{
	width:100%;
	line-height:1.5;
	font-size:2rem;
}
 .contactForm_area .hissu{
  background: var(--main-bg-color);
  margin-left: 2rem;
  color: white;
  padding: 1rem;
  text-align: center;
  display: inline-block;
  border-radius: 1rem;
}




input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 3rem;
  font-weight: bold;
  width: 50rem;
  padding: 2.5rem 2rem 2rem 2rem;
  border-radius: 10px;
  background-color: var(--main-bg-color);
  border: none;
  color: #fff;
  cursor: pointer;
}
.screen-reader-response{
	display:none;
}
.wpcf7-response-output{
font-size: 2rem;
  color: #f77;
text-align: center;
}

.wpcf7-not-valid-tip{
  color: #f77;
  display: block;
}

.wpcf7-textarea{
  width: 100%;
  box-sizing: border-box;
}



#contact .contact_yosan {
  position: relative;
}

#contact .contact_yosan:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}

#contact .contact_yosan select {
width: 100%;
  padding: 19px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 2rem;
}



/* QA */

#qanda,
#qanda-2{}
#qanda .sub-midashi,
#qanda-2 .sub-midashi{
	font-weight:bold;
	font-size:2rem;
	text-align:center;
	color:var(--main-bg-color);
	position: relative;
margin-bottom: 7rem;
}
#qanda .sub-midashi img,
#qanda-2 .sub-midashi img{
  height: 8rem;
  width: auto;
  display: inline-block;
  position: relative;
  top: 3rem;
  margin-right: 2rem;
	}


 #qanda .answer,
#qanda-2 .answer{
display: none;
font-size: 3rem;
  font-weight: bold;
  padding: 4rem 4rem 4rem 12rem;
background: #eed;
  color: var(--main-bg-color);
  background-image: url('qa-a.webp');
  background-repeat: no-repeat;
  background-size: 6rem;
  background-position: 3rem 1.5rem;
          line-height: 1.8;
 }
  #qanda .qa-open,
#qanda-2 .qa-open{
font-size: 3rem;
  padding: 4rem 4rem 4rem 12rem;
  position: relative;
  color: #333;
  border-bottom: 2px solid #333;
  font-weight: bold;
margin: 0;
  background-image: url('qa-q.webp');
  background-repeat: no-repeat;
  background-size: 6rem;
  background-position: 3rem 1.5rem;
    }
  #qanda .qa-open::before,
#qanda-2 .qa-open::before{/* 閉じている時 */
    	content: "＋";
    	position: absolute;
    	right: 20px;
    }
  #qanda .qa-open.active::before,
#qanda-2 .qa-open.active::before{/* 開いている時 */
    	content: "－";
    }





/* profile */
#profile{}


#profile .komidashi{
	font-size:4rem;
	color:var(--main-bg-color);
	font-weight:bold;
	margin-bottom: 5rem;
  text-align: center;
}


#profile .sub-midashi{
	font-weight:bold;
	font-size:2rem;
	text-align:center;
	color:var(--main-bg-color);
	position: relative;
margin-bottom: 7rem;
}
#profile .sub-midashi img {
  height: 8rem;
  width: auto;
  display: inline-block;
  position: relative;
  top: 3rem;
  margin-right: 2rem;
}

#profile .profile-wrap{
display: flex;
  gap: 5%;
margin-bottom: 15rem;
}

#profile .profile-wrap .photo{
width: 40%;
font-size:2rem;
font-weight:bold;
margin: 0;
}

#profile .profile-wrap .text-area{
width: 60%;
}
#profile .profile-wrap .text-area .aisatsu{
font-size: 2rem;
}
#profile .profile-wrap .text-area .aisatsu-text{
font-size: 3rem;
  font-weight: bold;
}

#profile .profile-wrap .text-area .two-columns{
display: flex;
  gap: 5%;
font-size: 2rem;
  line-height: 2;
}

#profile .profile-wrap .text-area .two-columns p{
width:50%
}


#profile .gaiyou-wrap{
		display:flex;
	gap:3%;
	margin-bottom:15rem;
}

#profile .gaiyou-wrap p{
		width:40%;
}

#profile .gaiyou-wrap .hyou{
		width:60%;
border-collapse: collapse;
font-size:2rem;
}

#profile .gaiyou-wrap .hyou tr{
border-bottom:1px solid #707070;
}
#profile .gaiyou-wrap .hyou td{
padding:1em;
}
#profile .gaiyou-wrap .hyou td:nth-child(odd){
font-weight:bold;
}

#profile .tenpo-wrap{
	display:flex;
	gap:3%;
	margin-bottom:15rem;
}
#profile .tenpo-wrap .tenpo-single{
width:100%;
font-weight: bold;
}

#profile .tenpo-wrap .tenpo-single img{
display:block;
width:100%;
height:auto;
background-color:gray;
}


#profile .tenpo-wrap .tenpo-single .tenpo-name{
	font-size: 2rem;
	margin-bottom: 0;
	color:var(--main-bg-color)

}

#profile .tenpo-wrap .tenpo-single .tenpo-info{
	font-size: 1.5rem;
margin-top: 1rem;
}

#profile .area-wrap{
  display: block;
}
#profile .area-wrap .area-single{
  line-height: 1.7;
  font-size: 1.5rem;
}
#profile .area-wrap .area-single ul{
display: flex;
  flex-wrap: wrap;
  gap: 3rem 5rem;
  padding-left: 0;
  list-style-position: inside;
}
#profile .area-wrap .area-single li{
  font-size: 150%;
  font-weight: bold;
list-style-position: inside;
}


/* footer */

#footer{}
#footer .contents{
	  background-color: var(--main-bg-color);
	text-align:center;
	color:white;
	padding: 10rem 20rem;
}

#footer .logo{
  width: 30rem;
  margin-bottom: 2rem;
}






/* swipper*/
		.swiper-wrapper{
    transition-timing-function: linear;
}
img {
  max-width: 100%;
  height: auto;
}

.swiper {
    width: min(100%, 500px);
    margin-inline: auto;
}

.swiper-wrapper{
    transition-timing-function: linear;
}
    .swiper img{
        width: 50%;
    }
    .nested-slider-h {
        background-color: #CFD8DC;
        width: 90vw;
        padding: 40px 0!important;
    }
    .nested-slider-h .nested-slider-child{
        width: 80%;
    }
		.nested-slider-child .work-info{width:40%;float:right;}
		.nested-slider-child .swiper-wrapper{width:40%;float:left;}
		.swiper-pagination{clear:both;}