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

/*FV*/
#fv .inner{position: relative;width: 100%;aspect-ratio:3.0/1;min-height: 550px;  /*aspect-ratio:2.5/1;min-height: 600px; */margin:0 auto;padding: 0;background: url("../img/fv_bg.jpg") no-repeat;background-position: 50% 50% ;background-size: cover}	

#fv .inner .text_group h2{margin:0 0 2% 0;padding: 0;}
#fv .inner .text_group h2 span{font-size:clamp(25px, 4vw, 70px);letter-spacing: 2px;line-height: 1.3;font-weight:800;}
#fv .inner .text_group h2 span.first{display:block;font-size:clamp(20px, 3.5vw, 50px);letter-spacing: 2px;line-height: 1.3;font-weight: 800;}
#fv .inner .text_group h2 span.second{display:block;}
#fv .inner .text_group h2 span.second .color{color: #00b1b5;}
#fv .inner .text_group h2 span.third{display:block;}

#fv .inner .text_group > p{margin:0 0 3% 0;padding: 0;font-size:clamp(16px, 1.5vw, 26px);letter-spacing: 2px;line-height: 1.4;font-weight: 600;color: #0a283f;}


#fv .inner .text_group .cta_area{width:60%;max-width: 800px;padding: 2% 2%;box-sizing: border-box;/*min-width: 500px;*/text-align: center;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(193, 205, 211, 0.8);border-radius: 10px}
#fv .inner .text_group .cta_area p{position:relative;width: fit-content; margin:0 auto 2% auto;padding: 0 5%;font-size:clamp(16px, 1.5vw, 26px);letter-spacing: 1px;line-height: 1.4;font-weight: 700;color: #0a283f;}
#fv .inner .text_group .cta_area p span{display:block;font-size:clamp(16px, 1.1vw, 22px);}
#fv .inner .text_group .cta_area p:before{content:"";  width:2px;  height:60%;  position:absolute;  top: 50%;left:0%;background: #0022b1;transform: rotate(340deg) translateY(-50%);}
#fv .inner .text_group .cta_area p:after{content:"";  width:2px;  height:60%;  position:absolute;  top: 50%;right:0%;background: #0022b1;transform: rotate(20deg) translateY(-50%);}

#fv .inner .text_group .cta_area a{position:relative;z-index:0;display: block;padding:3% 0%;width:100%;margin:0 auto;text-decoration:none;color: white;font-size:clamp(18px, 1.4vw, 26px);letter-spacing: 1px;line-height: 1;font-weight:600;border-radius: 50px;}
#fv .inner .text_group .cta_area a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background: linear-gradient(45deg, #0022b1 0%, #7913fa 100%);}
#fv .inner .text_group .cta_area a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(45deg,#00b1b5,#0090de);}
#fv .inner .text_group .cta_area a:hover:before{  opacity:0;}

/*
#fv .inner .text_group .banner_area{display:flex;justify-content: space-between;width:60%;max-width: 900px;min-width: 500px}

#fv .inner .text_group .banner_area a{position:relative;z-index:0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);display: block;padding: 4% 2% 4% 10%;width: 48%;text-decoration: none;color: white;font-size:clamp(14px, 1.0vw, 22px);letter-spacing: 1px;line-height: 1;font-weight:600;box-sizing: border-box;border-radius: 50px;border-bottom: 6px solid #00b1b5;}
#fv .inner .text_group .banner_area a.line{color: #363f39;border-bottom: 6px solid #62ed75}
	
#fv .inner .text_group .banner_area a.consultation:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background: linear-gradient(45deg, #0044e8 0%, #6556e2 100%);}
#fv .inner .text_group .banner_area a.consultation:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(#00006b,#2905a7);}
#fv .inner .text_group .banner_area a.consultation span{position: relative;}
#fv .inner .text_group .banner_area a.consultation span::before{position: absolute;top:50%;right: 105%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f4ad';font-size:clamp(18px, 1.2vw, 28px);}

#fv .inner .text_group .banner_area a.line:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background: linear-gradient(45deg, #c8ff60 0%, #89ff68 100%);color: #363f39}
#fv .inner .text_group .banner_area a.line:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(#e7ffff,#d2ffe0);}
#fv .inner .text_group .banner_area a.line span{position: relative;}
#fv .inner .text_group .banner_area a.line span::before{position: absolute;top:50%;right: 105%;transform: translateY(-50%);content:'';width:12%;height: 100px;background: url("../img/icon_line.png") no-repeat;background-position: 50% 50%;background-size:100% auto ;}

#fv .inner .text_group .banner_area a:hover:before{  opacity:0;}*/

@media (min-width:1051px) {
	#fv .inner .illustration{position:absolute;top: 50%;transform:translateY(-50%);right:0%;width: 40%;height: 100%;overflow: hidden}
	#fv .inner .illustration img{height: 108%;object-position: 0 0}
	
	#fv .inner .text_group{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:70%;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#fv .inner{min-height: 400px;}
	#fv .inner .illustration{position:absolute;top: 50%;transform:translateY(-50%);right:0%;width: 40%;height: 100%;overflow: hidden}
	#fv .inner .illustration img{height: 101%;object-position: 0 0}
	
	#fv .inner .text_group{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:85%;}
	#fv .inner .text_group .banner_area{width:80%;}
	#fv .inner .text_group .banner_area a{letter-spacing: 0;}
}

@media (max-width: 700px) {
	#fv .inner{aspect-ratio:1/1.1;min-height:inherit;}
	
	#fv .inner .illustration{position:absolute;top: 0%;right:0%;width:55%;height: 100%;overflow: hidden;}
	#fv .inner .illustration img{width: 105%;object-position: 50% 100%;}
	
	#fv .inner .text_group{position:absolute;bottom:5%;left:50%;transform: translateX(-50%);width:85%;}
	#fv .inner .text_group h2 span{font-size:clamp(25px, 8vw, 100px);letter-spacing: 1px;line-height: 1.3;font-weight:800;}
	#fv .inner .text_group h2 span.first{font-size:clamp(20px, 6.5vw, 90px);letter-spacing:1px;line-height: 1.3;font-weight: 700;}
	#fv .inner .text_group p{font-size:clamp(12px, 3.8vw, 56px);letter-spacing:1px;margin-top: 3%}
	
	#fv .inner .text_group .banner_area{display:none;}
	
	#fv .inner .text_group .cta_area{width:100%;padding: 4% 2%;margin-top: 5%}
	#fv .inner .text_group .cta_area p{font-size:clamp(15px, 2.0vw, 26px);letter-spacing: 0px;line-height: 1.4;font-weight: 700;}
	#fv .inner .text_group .cta_area p span{font-size:clamp(12px, 0.8vw, 16px);}
	#fv .inner .text_group .cta_area a{font-size:clamp(14px, 0.8vw, 18px);padding:5% 0%}
}


/*リード*/
#lead_point{background: linear-gradient(90deg, #92e8e8 0%, #5e98ee 100%);padding: 1.5% 0}
#lead_point .inner{position: relative;width:70%;max-width:1200px;min-width: 800px;margin: 0 auto;}
#lead_point .inner .icon{position: absolute;top: -40%;/*top: 50%;transform:translateY(-50%);*/left: 0;width: 12%;}
#lead_point .inner .icon img{width:100%;}
#lead_point .inner .message{position: relative;width:85%;margin: 0 0 1.2% auto;padding:2% 0;text-align:center;background: linear-gradient(90deg, #0044e8 0%, #0098ca 100%);color: white;font-size:clamp(15px, 1.8vw, 24px);letter-spacing: 1px;line-height: 1;font-weight:600;border-radius: 10px}
#lead_point .inner .message::before{content:'';position: absolute;top:50%;transform: translateY(-50%);right:100%;width: 2%;height: 50px;background: url("../img/fv_bubble.png") no-repeat;background-position: 50% 0%;background-size: 100% auto;}

#lead_point .inner .list{display:flex;justify-content: space-between;align-items: center;gap:0 1%;width: 100%;margin: 0 auto;}
#lead_point .inner .list p{width:100%;margin:0;padding: 2% 0%;background: white;color: #4270b2;font-size:clamp(13px, 1.2vw, 22px);letter-spacing: 1px;line-height: 1.4;font-weight:600;border-radius: 10px;text-align: center;}
#lead_point .inner .list p span.icon{position: relative;}
#lead_point .inner .list p span.icon::before{content:'';position: absolute;top:23%;transform: translateY(-50%);right:105%;width:20px;height:100%;background: url("../img/icon_check01.png") no-repeat;background-position: 50% 50%;background-size:100% auto;}
#lead_point .inner .list p span.blank{display:block;}
#lead_point .inner .list p .fa-check{color: #00b1b5;margin-right: 5px}
@media screen and (min-width:701px) and ( max-width:1050px)  {
	#lead_point .inner{position: relative;width:95%;max-width:1200px;min-width:inherit;margin: 0 auto;}
	#lead_point .inner .message::before{top:80%;}	
}
@media (max-width: 700px) {
	#lead_point{padding:8% 0 4% 0}
	#lead_point .inner{position: relative;width:90%;min-width:inherit;margin: 0 auto;}
	#lead_point .inner .icon{position: absolute;top: 0%;left: 0;width:14%;}
	#lead_point .inner .message{width:80%;margin: 0 0 2% auto;padding:4% 2%;}
	#lead_point .inner .message::before{top:80%;}	
	#lead_point .inner .list{display:inherit;width:100%;margin: 0 auto;}
	#lead_point .inner .list p{margin-bottom: 1%}
	#lead_point .inner .list p span.icon::before{width:14px;top:-24%;transform: translateY(0%);}
}

/*お悩み*/
#problems{padding:5% 0}

#problems .inner{position: relative;width:80%;max-width:850px;min-width:700px;margin: 0 auto;}
#problems .inner::before{content:'';position: absolute;top:50%;right: 100%;width:60px;height: 200px;background: url("../img/problems_illustration01.png") no-repeat;background-position: 50% 50%;background-size: auto 100%;}
#problems .inner::after{content:'';position: absolute;top:20%;left: 100%;width: 80px;height: 180px;background: url("../img/problems_illustration02.png") no-repeat;background-position: 50% 50%;background-size: auto 100%;}
#problems .inner h3{margin:0 auto 3% auto;padding: 0;text-align: center;color: #3e3a39;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 1px;line-height: 1;font-weight:700;}
#problems .inner h3 span{color: #00a29a;margin: 0 1%}
#problems .inner .sub{margin:0 auto 5% auto;padding: 0;text-align: center;color: #3e3a39;font-size:clamp(14px, 1.2vw, 20px);letter-spacing: 1px;line-height: 1.6;font-weight:600;}
#problems .inner ul{width:80%;margin:0 auto;padding: 0;list-style: none}
#problems .inner ul li{margin:0 auto 1% auto;padding:3% 5% 3% 10%;background: #f2f5fc url("../img/icon_check01.png") no-repeat;background-position: 5% 50%;background-size: 2.5% auto;border-radius: 50px;color: #3e3a39;font-size:clamp(12px, 1.9vw, 18px);letter-spacing: 1px;line-height: 1.6;font-weight:600;}
@media (max-width: 1050px) {
	#problems{padding:10% 0}
	#problems .inner{position: relative;width:100%;min-width:inherit;margin: 0 auto;}
	#problems .inner::before{display: none}
	#problems .inner::after{display: none}
	
	#problems .inner .sub{width:80%;}
	#problems .inner ul{width:90%;}
}

/*支援事例*/
#support{padding:0 0 5% 0;background: #d0f1f7;}

#support .arrow{position: relative;width: 100%;aspect-ratio:10/1;}		
#support .arrow::before{ position: absolute;top: 0%;left:50%;transform: translateX(-50%);content: '';width:100%;margin:0 auto;background:white;height: 0;clip-path: polygon(0 0, 100% 0, 50% 0);transition: height 0.8s ease 1.2s;}
#support .arrow.active::before{height: calc(tan(60deg) * 80% / 2);  clip-path: polygon(0 0, 100% 0, 50% 100%); }

#support .title_area{text-align: center;margin-bottom: 4%}
#support .title_area .sub{width: fit-content; margin:0 auto 2% auto;padding:1% 2% 0.8% 2%;background: white;color: #094191;font-size:clamp(18px, 1.8vw, 30px);letter-spacing:1px;line-height: 1;font-weight:700;}
#support .title_area .sub .color{display: inline-block;  background: linear-gradient(90deg, #00bfbb 0%, #0067f1 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-weight:800;}

#support .title_area h3{color:#00426c;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;margin: 0 auto 0 auto;padding:0% 0;}

#support .inner{display: flex;column-gap: 1%;width:70%;max-width:1800px;min-width: 1000px;margin: 0 auto 5% auto; }
#support .inner .unit{background: white;width: 100%;border-radius: 10px;box-sizing: border-box;padding: 2% 2% 0 2%}
#support .inner .unit h4{margin: 0 auto 8% auto;padding:2% 0;text-align: center;color: white;font-size:clamp(16px, 1.5vw, 28px);letter-spacing:1px;line-height: 1;font-weight:600;border-radius: 30px}
#support .inner #funeral h4{background: #01ab9b;}
#support .inner #construction h4{background: #7651c9;}
#support .inner #service_industry h4{background: #2f7fcc;}
#support .inner .unit .catch{margin: 0 auto 3% auto;padding:0% 0;text-align: center;color: #3e3a39;font-size:clamp(14px, 1.3vw, 22px);letter-spacing:0px;line-height: 1.5;font-weight:600;}

#support .inner .unit figure{height: 150px; margin:0 auto 5% auto;padding: 0;text-align: center}
#support .inner .unit figure img{height: 100%;}

#support .inner .unit .desc_area{margin-bottom: 6%;border-bottom: 1px solid #c9caca;padding-bottom: 5%}
#support .inner .unit .desc_area:last-of-type{border-bottom:none;}
#support .inner .unit .item{margin: 0 auto 4% auto;padding:0;font-size:clamp(14px, 1.9vw, 18px);letter-spacing:0px;line-height: 1;font-weight:600;}
#support .inner #funeral .item{color:#01ab9b;}
#support .inner #construction .item{color:#7651c9;}
#support .inner #service_industry .item{color:#2f7fcc;}

#support .inner .unit .text01{margin: 0 auto;padding:0% 0;font-size:clamp(14px, 1.9vw, 16px);letter-spacing:1px;line-height: 1.5;font-weight:400;}
#support .inner .unit .list01{padding-left:5%}

#support .inner .unit .results{border-radius: 10px;padding: 5% 2%;}
#support .inner .unit .results p{margin: 0 ;padding:0% 0;text-align: center;}
#support .inner .unit .results .color{margin: 0 auto 5px auto !important;padding:0% 0;text-align:center;font-size:clamp(14px, 0.9vw, 16px);letter-spacing:0px;line-height: 1;font-weight:600;}
#support .inner .unit .results .color span{display:block;width: 30px;margin: 0 auto 5px auto}
#support .inner .unit .results .color span img{width: 100%}

#support .inner #funeral .results_wrap{display:flex;column-gap: 1%}
#support .inner #funeral .results_wrap .results{background:#ecf7f7;width: 100%}
#support .inner #funeral .results .color{color: #01ab9b}
#support .inner #funeral .tiny_wrap{display:flex;justify-content: center;align-items:baseline}
#support .inner #funeral .ad_costs01{font-size:clamp(14px, 1.4vw, 24px);letter-spacing:0px;line-height: 1;font-weight:500;color: #727171;}
#support .inner #funeral .ad_costs01 span{font-size:clamp(10px, 0.8vw, 16px);}
#support .inner #funeral .ad_costs02{font-size:clamp(16px,2.0vw, 36px);letter-spacing:0px;line-height: 1;font-weight:800;}
#support .inner #funeral .ad_costs02 span{font-size:clamp(16px, 1.2vw, 20px);}
#support .inner #funeral .inquiries01{font-size:clamp(14px, 1.4vw, 24px);letter-spacing:0px;line-height: 1;font-weight:500;color: #727171;}
#support .inner #funeral .inquiries01 span{font-size:clamp(10px, 0.8vw, 16px);}
#support .inner #funeral .inquiries02{font-size:clamp(16px,1.8vw, 34px);letter-spacing:0px;line-height: 1;font-weight:800;}
#support .inner #funeral .inquiries02 span{font-size:clamp(12px, 0.8vw, 16px);}
#support .inner #funeral .note{font-size:clamp(10px,0.5vw, 13px);letter-spacing:0px;line-height: 1;font-weight:500;margin-top: 5% !important}


#support .inner #construction .results{background: #f4f1fb;}
#support .inner #construction .results .color{color: #7651c9}
#support .inner #construction .tiny_wrap{ display:flex;justify-content: center;align-items:baseline;column-gap: 1%}
#support .inner #construction .inquiries01{font-size:clamp(14px, 1.0vw, 20px);letter-spacing:1px;line-height: 1;font-weight:700;}
#support .inner #construction .inquiries02{font-size:clamp(14px, 1.4vw, 24px);letter-spacing:0px;line-height: 1;font-weight:600;color: #727171;}
#support .inner #construction .inquiries02 span{font-size:clamp(10px, 0.8vw, 16px);font-weight:600;}
#support .inner #construction .inquiries03{font-size:clamp(22px,2.0vw, 36px);letter-spacing:1px;line-height: 1;font-weight:800;}
#support .inner #construction .inquiries03 span{font-size:clamp(14px, 1.0vw, 20px);font-weight:700;}

#support .inner #service_industry .results{background: #edf3fb;}
#support .inner #service_industry .results .color{color:#2f7fcc}
#support .inner #service_industry .system{font-size:clamp(15px,1.0vw, 20px);letter-spacing:0px;line-height: 1.2;font-weight:600;}

#support #cta_implementation{position:relative;width:70%;max-width:1800px;min-width: 1000px;margin: 0 auto; background: #fffffa;padding: 1.5% 0;border-radius: 10px;text-align: center;border-bottom: 6px solid #00b1b5;}
#support #cta_implementation:before{ content:"";  width:15%;  height:110%;  position:absolute;   bottom: 0;right:70%;background: url("../img/icon_man01.png")no-repeat;background-position: 100% 100%;background-size:auto 100% ;z-index: 1}

#support #cta_implementation p{font-size:clamp(20px,1.8vw, 30px);letter-spacing:1px;line-height: 1.5;font-weight:700;color: #00338e;margin: 0 auto 1% auto;padding: 0}
#support #cta_implementation p span{display: block;font-size:clamp(16px, 1.4vw, 24px);}
#support #cta_implementation .banner_area{width:40%;margin: 0 auto}
#support #cta_implementation .banner_area a{position:relative;z-index:0;display:block;;color:white;text-decoration:none;font-size:clamp(16px,1vw, 24px);letter-spacing:1px;line-height:1;font-weight:600; padding: 4% 0;border-radius: 100vmax }
#support #cta_implementation .banner_area a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;  transition:0.5s;background: linear-gradient(0deg,#0022b1 0%,#7913fa 100%);border-radius:100vmax}
#support #cta_implementation .banner_area a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0; background:linear-gradient(#0090de,#00d3e0);border-radius: 100vmax}
#support #cta_implementation .banner_area a:hover:before{  opacity:0;}

@media (max-width:1050px) {
	
	#support .title_area{width:80%;margin: 0 auto 5% auto;}
	#support .title_area .sub{padding: 3% 3%;line-height: 1.2;margin-bottom: 5%}
		
	#support .inner{display:block;column-gap:normal;width:85%;max-width: inherit;min-width:inherit;margin: 0 auto 8% auto; }
	#support .inner .unit{padding:3% 4% 0 4%;}
	#support .inner .unit h4{padding: 2% 0;font-size:clamp(18px,2.0vw, 46px);margin: 0 auto 3% auto;}
	#support .inner .unit .catch{font-size:clamp(18px,2.8vw, 30px);margin-bottom: 5%}	
	
	#support .inner #funeral .results_wrap{display: block;column-gap: normal}
	#support .inner #funeral .results_wrap .results{margin-bottom: 3%;box-sizing: border-box;}
	
	#support #cta_implementation{position:relative;width:85%;min-width: inherit;padding: 4% 0;}
	#support #cta_implementation:before{ content:"";  width:20%;  height:40%;  position:absolute;   top: -10%;right:80%;background: url("../img/icon_man01.png")no-repeat;background-position:50% 0%;background-size:auto 150% ;z-index: 1}
	#support #cta_implementation p{font-size:clamp(14px,2.8vw, 20px);letter-spacing:0px;margin: 0 auto 3% auto;}
	#support #cta_implementation p span{font-size:clamp(12px, 1.4vw, 18px);}
	#support #cta_implementation .banner_area{width:90%;}
	#support #cta_implementation .banner_area a{font-size:clamp(14px,4vw, 20px);letter-spacing:1px;padding: 4% 0;}
}


/*選ばれる理由*/
#solution{background: url("../img/solution_bg.jpg") repeat-y;background-size: 100% auto;padding:5% 0 3% 0}
/*
#solution .arrow{position: relative;width: 100%;aspect-ratio:10/1;}		
#solution .arrow::before{ position: absolute;top: 0%;left:50%;transform: translateX(-50%);content: '';width:100%;margin:0 auto;background:white;height: 0;clip-path: polygon(0 0, 100% 0, 50% 0);transition: height 0.8s ease 1.2s;}
#solution .arrow.active::before{height: calc(tan(60deg) * 80% / 2);  clip-path: polygon(0 0, 100% 0, 50% 100%); }*/

#solution .title_area{text-align: center;margin-bottom: 5%}
#solution .title_area .sub{width: fit-content; margin:0 auto 3% auto;padding:1% 3% 0.8% 3%;background: white;color: #094191;font-size:clamp(18px, 2.5vw, 40px);letter-spacing: 1px;line-height: 1;font-weight:700;}
#solution .title_area .sub .color{display: inline-block;  background: linear-gradient(90deg, #00bfbb 0%, #0067f1 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-weight:800;}
#solution .title_area h3{color: white;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;}
#solution .title_area h3 span{position: relative}
#solution .title_area h3 span::before{content:'';position: absolute;top:105%;left:0%;width: 100%;height:5px;background: linear-gradient(90deg, #0bfbb8 0%, #aaff67 100%);}

#solution .inner{width:70%;max-width:1800px;min-width: 1000px;margin: 0 auto;}

#solution .inner .unit {background-color:white;display: flex; flex-direction: row; align-items: center; /*justify-content: space-between;*/   column-gap: 0%;  margin-bottom: 2%;border-bottom: 8px solid #00b1b5;border-radius: 10px;padding: 3%}

#solution .inner .unit .text_group { width: 70%;  /*  display: block;  order: 1;    flex: 1; */ }

#solution .inner .unit .text_group .reason{display: flex;align-items: center}
#solution .inner .unit .text_group .reason .number{position:relative;width:100px;height:150px;margin-right:3%;background:url("../img/solution_icon.png") no-repeat;background-position:50% 50%;background-size:100% auto;text-align:center;color:white;font-size:40px;letter-spacing: 0;line-height: 1;font-weight:800;display:flex;align-items: center;justify-content: center}
#solution .inner .unit .text_group .reason .number::before{content:'POINT';position: absolute;top:24%;left:50%;transform: translateX(-50%);font-size:16px;line-height: 1;}
#solution .inner .unit .text_group .reason h4 {  margin: 0 0 0% 0;padding: 0;color: #0d69bf;font-size:clamp(22px, 1.8vw, 46px);letter-spacing: 1px;line-height: 1.4;font-weight:700;}

#solution .inner .unit .text_group .description {width: 86%;margin: 0 0 0 auto;/* order: 0; */ }
#solution .inner .unit .text_group .description .style01{margin: 0;padding: 0;font-size:clamp(13px, 1.4vw, 16px);letter-spacing: 1px;line-height: 1.7;font-weight:500;}

#solution .inner .unit .text_group .description .list01{ width: 70%;list-style: none;margin: 2% auto 2% 2%;padding: 0;font-size:clamp(14px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1.4;font-weight:600;color: #0742a0;}
#solution .inner .unit .text_group .description .list01 li{margin: 0 0 1% 0;padding:2% 5% 2% 10%;border: 1px solid #0742a0;border-radius: 50px;background: url("../img/icon_check02.png") no-repeat;background-size: 3% auto;background-position: 5% 50%;}

#solution .inner .unit .text_group .description .list02{ width: 70%;list-style: none;margin: 2% auto 2% 2%;padding: 0;font-size:clamp(14px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1.4;font-weight:600;color: #32496b;display: flex;column-gap: 1%}
#solution .inner .unit .text_group .description .list02 li{;width: 100%; margin: 0;padding:2% 0% 2% 0%;border: 1px solid #93b2bc;border-radius:20px 20px 0 20px;background: #f7f7f0;text-align: center}

#solution .inner .unit .text_group .description .list03{ width: 70%;list-style: none;margin: 2% auto 2% 2%;padding: 0;font-size:clamp(14px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1.4;font-weight:600;color: white;display: flex;column-gap: 8%;}
#solution .inner .unit .text_group .description .list03 li{position:relative;width: 100%; margin: 0;padding:2% 2% 2% 2%;border-radius:50px;background: #00b1b5;text-align: center;box-sizing: border-box;}
#solution .inner .unit .text_group .description .list03 li:first-of-type{position:relative;}
#solution .inner .unit .text_group .description .list03 li:first-of-type::before{content:'と';position: absolute;top:50%;transform:translateY(-50%);left:105%;color: #00b1b5;line-height:0;background: #E3BEBF;font-weight:700;}

#solution .inner .unit .illustration {width: 30%;  /* flex: 1;*/  margin: 0;padding: 0;}
#solution .inner .unit .illustration img {  width: 100%;}

@media (max-width:1050px) {
	#solution{padding:8% 0 10% 0}
	#solution .title_area h3{width:fit-content;margin: 0 auto;}
	#solution .title_area h3 span{display:block;margin-bottom: 5%}
	#solution .inner{width:85%;max-width:inherit;min-width: inherit;}
	#solution .inner .unit{  display: flex;  flex-direction: column;padding: 5% 8%;margin-bottom: 2%;border-bottom: 5px solid #00b1b5;}
	#solution .inner .unit .text_group {  display: contents; /*スマホサイズではボックス生成しない*/}
	#solution .inner .unit .text_group .reason{  order: 1;width:100%;display:inherit;}
	#solution .inner .unit .text_group .reason .number{position:relative;width:70px;height:80px;margin-right:0%;background:url("../img/solution_icon.png") no-repeat;background-position:50% 50%;background-size:100% auto;text-align:center;color:white;font-size:25px;letter-spacing: 0;line-height: 1;font-weight:800;display:flex;align-items: center;justify-content: center}
	#solution .inner .unit .text_group .reason .number::before{content:'POINT';position: absolute;top:24%;left:50%;transform: translateX(-50%);font-size:12px;line-height: 1;}
	
	#solution .inner .unit .text_group .description {  order: 3;width:100%;}
	#solution .inner .unit .text_group .description .list01{width: 100%;margin: 2% auto 2% auto;}
	#solution .inner .unit .text_group .description .list02{width: 100%;margin: 2% auto 2% auto;display:inherit;}
	#solution .inner .unit .text_group .description .list02 li{margin-bottom:1%;}
	
	#solution .inner .unit .text_group .description .list03{ width: 100%;list-style: none;margin: 2% auto 2% auto;padding: 0;font-size:clamp(14px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1.4;font-weight:600;color: white;display: inherit;column-gap: 8%;}
	#solution .inner .unit .text_group .description .list03 li{position:relative;width: 100%; margin: 0;padding:2% 2% 2% 2%;border-radius:50px;background: #00b1b5;text-align: center;box-sizing: border-box;}
	#solution .inner .unit .text_group .description .list03 li:first-of-type{position:relative;margin-bottom:8%;}
	#solution .inner .unit .text_group .description .list03 li:first-of-type::before{content:'と';position: absolute;top:140%;transform:translateY(140%);left:50%;transform:translateX(-50%);color: #00b1b5;line-height:0;background: #E3BEBF;font-weight:700;}
	
	#solution .inner .unit .illustration {  order: 2;width: 50%;  }
}

/*集客方法*/
#customer_attraction{padding: 5% 0 0 0;text-align: center;}

#customer_attraction .lead_group{width:40%;max-width:800px;min-width: 500px;margin: 0 auto 2% auto;}
#customer_attraction .bubble{position: relative;margin:0 auto 5% auto;padding:2% 0px;width:70%;min-width: 500px;color: #002360;  font-size: 16px;  background: #fdffee;  border: solid 1px #002360; box-sizing: border-box;border-radius: 30px;font-size:clamp(18px, 1.0vw, 30px);letter-spacing: 1px;line-height: 1;font-weight:600;}
#customer_attraction .bubble:before {  content: "";  position: absolute;  bottom: -25px;  left: 50%;  margin-left: -16px;  border: 13px solid transparent;  border-top: 13px solid #fdffee;  z-index: 2;}
#customer_attraction .bubble:after {  content: "";  position: absolute;  bottom: -28px;  left: 50%;  margin-left: -17px;  border: 14px solid transparent;  border-top: 14px solid #002360;  z-index: 1;}
#customer_attraction .bubble p {  margin: 0;  padding: 0;}

#customer_attraction h5{margin: 0 auto 3% auto;padding: 0;color: #0065c1;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1.4;font-weight:700;}
#customer_attraction h5 span{display:block;color: #00426c;font-size:clamp(20px, 2.0vw, 30px);}

#customer_attraction .text01{margin: 0 auto;padding: 0;color: #153a3f;font-size:clamp(14px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1.7;font-weight:400;}

#customer_attraction #cycle_image{width:50%;max-width:1000px;min-width: 700px;margin: 0 auto 0% auto;font-size: 0;}
#customer_attraction #cycle_image img{width:100%;}

#customer_attraction #message_group{background: linear-gradient(90deg, #0067f1 0%, #00a6cb 100%);/*  padding-bottom: 10%;*/position: relative;width: 100%;aspect-ratio:4/1;min-height: 350px;max-height: 400px;}
 

#customer_attraction #arc_area{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 200px;}
#customer_attraction #arc_area .arc{background:white;
  min-height:200px;
  border-bottom-right-radius:2000px 300px;
  border-bottom-left-radius: 2000px 300px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
}

#customer_attraction .inner{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-width:1200px;min-width: 1000px;margin: 0 auto;background: white;z-index: 1;border-radius: 10px;padding: 2% 0 3% 0;box-sizing: border-box;box-shadow: 0px 0px 20px 0px rgba(206, 226, 234, 0.9);}
#customer_attraction .inner:before{ content:"";  width:20%;  height:100%;  position:absolute;   bottom: 0;right:-3%;background: url("../img/icon_man02.png")no-repeat;background-position: 100% 100%;background-size:auto 100% ;z-index: 1}
#customer_attraction .inner .list{display:flex;column-gap: 1%;width: 80%;margin: 0 auto 2% auto;}
#customer_attraction .inner .list .unit{width:100%;background: linear-gradient(90deg, #00b0ff 0%, #007bff 100%);color: white;font-size:clamp(16px, 1.0vw, 24px);letter-spacing: 1px;line-height: 1;font-weight:600;padding: 2% 0;border-radius: 30px;}

#customer_attraction .inner p{font-size:clamp(18px, 1.2vw, 26px);letter-spacing: 1px;line-height: 1;font-weight:700;color: #2451ad;margin: 0;padding: 0}
#customer_attraction .inner p span{position: relative;font-size:clamp(20px, 2.0vw, 30px);color: #002e70;}
#customer_attraction .inner p span::before{content:'';position: absolute;top:105%;left:0%;width: 100%;height:5px;background: linear-gradient(90deg, #00b0ff 0%, #007bff 100%);}


@media (max-width:1050px) {
	#customer_attraction .lead_group{width:100%;min-width:inherit;}
	#customer_attraction .bubble{width:80%;min-width: inherit;padding: 2% 3%;font-size: 16px;letter-spacing: 0px;}
	#customer_attraction .lead_group p{width:80%;margin: 0 auto}
	
	#customer_attraction #cycle_image{width:90%;min-width:inherit;max-width: 700px}
	
	#customer_attraction #message_group{position: relative;width: 100%;aspect-ratio:2.8/1;min-height:360px;max-height:380px;}

	#customer_attraction .inner{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width: 600px;min-width:inherit;padding: 3% 0 3% 0;}
	#customer_attraction .inner:before{ content:"";  width:20%;  height:50%;  position:absolute;   bottom: 0;right:3%;background: url("../img/icon_man02.png")no-repeat;background-position: 100% 100%;background-size:auto 100% ;z-index: 1}
	#customer_attraction .inner .list{display:block;column-gap:normal;width: 70%;margin: 0 auto 4% auto;}
	#customer_attraction .inner .list .unit{font-size:clamp(12px, 1.8vw, 20px);letter-spacing: 1px;line-height: 1;font-weight:600;padding: 4% 0;border-radius: 30px;margin-bottom: 1%}
	
	#customer_attraction .inner p{font-size:clamp(14px, 1.6vw, 22px);letter-spacing: 1px;line-height: 1.5;font-weight:700;color: #2451ad;width: 60%;margin: 0 auto;padding: 0}
	#customer_attraction .inner p span{position: relative;font-size:clamp(20px, 2.0vw, 30px);color: #002e70;display: block;width: fit-content;margin: 0 auto 3% auto;}
	#customer_attraction .inner p span::before{content:'';position: absolute;top:103%;left:0%;width: 100%;height:3px;background: linear-gradient(90deg, #00b0ff 0%, #007bff 100%);}
}


/*ご利用の流れ*/
#flow{background:#edf9f7;padding: 5% 0 3% 0}
#flow h5{margin: 0 auto 3% auto;padding: 0;color: #00426c;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}
#flow .inner{position: relative;width:70%;max-width:1200px;min-width: 900px;margin: 0 auto;text-align: center}

#flow .inner .bar_left{content:'';position: absolute;top:0%;left:25%;width: 5px;height:88%;background: linear-gradient(0deg, #0044e8 0%, #00987f 100%);}
#flow .inner .bar_left::before{content:'';position: absolute;top:96%;left:50%;transform: translateX(-50%);font: var(--fa-font-solid);content:'\f078';color: #0044e8;font-size:clamp(24px, 2.5vw, 40px);}

#flow .inner .bar_right{content:'';position: absolute;top:0%;right:25%;width: 5px;height:88%;background: linear-gradient(0deg, #0044e8 0%, #00987f 100%);}
#flow .inner .bar_right::before{content:'';position: absolute;top:96%;left:50%;transform: translateX(-50%);font: var(--fa-font-solid);content:'\f078';color: #0044e8;font-size:clamp(24px, 2.5vw, 40px);}

#flow .inner .step{margin-bottom:5%;position: relative;}
#flow .inner .step .method{background:white;border-radius: 10px;border: 1px solid #83c6d6;box-sizing: border-box}
#flow .inner .step .method .text{margin: 0 auto 0% auto;padding: 0;color:#153a3f;font-size:clamp(14px, 1.8vw, 28px);letter-spacing: 1px;line-height: 1;font-weight:600;}
#flow .inner .step .method .sub{margin: 2% auto 0% auto;padding: 0;color:#153a3f;font-size:clamp(12px, 1.2vw, 20px);letter-spacing: 1px;line-height: 1.5;font-weight:500;}

#flow .inner .step01{display: flex;justify-content: space-between;align-items: stretch;gap:0 2%}
#flow .inner .step01 .method{width: 100%;overflow: hidden;padding-bottom: 2%;}
#flow .inner .step01 .method .number{padding: 2% 0 1% 0;margin-bottom: 4%;background: linear-gradient(90deg, #0044e8 0%, #00987f 100%);color: white;font-size:clamp(20px, 1.8vw, 28px);letter-spacing: 1px;line-height: 1.2;font-weight:700;}
#flow .inner .step01 .method .number span{font-size:clamp(10px, 1.0vw, 20px);display: block}
#flow .inner .step01 .method .text{display:flex;/*align-items: center;*/justify-content: center}
#flow .inner .step01 .method .text img{width:5%;margin-right: 3%}
#flow .inner .step01 .method .text .fa-line{color: #06c755;font-size:clamp(18px, 2.2vw, 30px);margin-right: 2%;}
#flow .inner .step01 .method .text .fa-comment-dots{color: #00b1b5;font-size:clamp(18px, 2.2vw, 30px);margin-right: 2%}

#flow .inner .step02 .method{padding:2% 0;width: 49%}
#flow .inner .step02 .method .text{position: relative;width:  fit-content;padding-left: 10%}
#flow .inner .step02 .method .text::before{content:'';position: absolute;top:-300%;left:0%;width: 15%;aspect-ratio:1/1.8;background:url("../img/flow_illustration01.png") no-repeat;background-position: 50% 50%;background-size:contain;}

#flow .inner .step03 .method{position: relative;padding:3% 0;}
#flow .inner .step03 .method::before{content:'';position: absolute;top:50%;transform: translateY(-50%);right:75%;width: 20%;height:50%;background:url("../img/flow_illustration02.png") no-repeat;background-position:100% 50%;background-size: auto 100%;}
#flow .inner .step03 .method::after{content:'';position: absolute;top:50%;transform: translateY(-50%);left:72%;width: 20%;height:50%;background:url("../img/flow_illustration03.png") no-repeat;background-position: 0% 50%;background-size: auto 100%;}
#flow .inner .step03 .method .text{font-size:clamp(18px, 1.8vw, 36px);}
#flow .inner .step03 .method ul{width:  fit-content;margin:2% auto 0 auto;padding:0 10% 0 10%;list-style: none;text-align: left;color: #00b1b5;font-size:clamp(14px, 1.2vw, 28px);letter-spacing: 1px;line-height: 1;font-weight:600;}
#flow .inner .step03 .method ul li{position: relative;padding:0 10% 0 10%;width: 100%;margin-bottom: 3%}
#flow .inner .step03 .method ul li::before{position: absolute;top:50%;left:0%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f058';font: var(--fa-font-solid);}

#flow .inner .step04{background: linear-gradient(90deg, #79a0e5 0%, #71c7bc 100%);padding: 0.5%;border-radius: 50px;}
#flow .inner .step04 .text{margin: 0 auto 0% auto;padding: 2%;color: white;font-size:clamp(18px, 1.6vw, 32px);letter-spacing: 2px;line-height: 1;font-weight:600;background: linear-gradient(90deg, #0044e8 0%, #00987f 100%);border-radius: 50px;}

@media (max-width:1050px) {
	#flow{padding: 10% 0 3% 0}
	#flow .inner{width:92%;min-width:inherit;margin-top: 5%}	
	
	#flow .inner .bar_left,#flow .inner .bar_right{width: 3px}
	
	#flow .inner .step{margin-bottom:10%;}	
	#flow .inner .step .method .text{line-height: 1.2;}
	#flow .inner .step .method .sub{letter-spacing: 0px;font-weight:600;}
	
	
	#flow .inner .step01 .method .number{padding: 4% 0 3% 0;}
	#flow .inner .step01 .method .text{width:80%;}
	#flow .inner .step01 .method:first-of-type .text{padding-top:  3%}
	
	#flow .inner .step02 .method .text{width:80%;margin: 0 auto;padding-left: 0%}
	#flow .inner .step02 .method .text::before{display:none;}
	
	#flow .inner .step03 .method::before,#flow .inner .step03 .method::after{display:none;}
	
	#flow .inner .step04 .text{padding: 3% 0;}
}


/*導入事例*/
#testimonials{background:#f0faff url("../img/testimonials_bg.png") no-repeat;background-position: 50% 100%;background-size:100% auto;padding: 5% 0 3% 0}
#testimonials h5{margin: 0 auto 3% auto;padding: 0;color: #00426c;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}

#testimonials .unit{background: white;box-shadow: 0 0 20px #e6f4f4;border-radius: 10px;box-sizing: border-box;}

#testimonials .unit_primary{width:70%;max-width:1500px;min-width: 1000px;margin: 0 auto 3% auto;padding: 2% 6%;}

#testimonials .secondary_group{width:70%;max-width:1500px;min-width: 1000px;margin: 0 auto ;display: flex;column-gap: 3%}
#testimonials .secondary_group .wrap{width:100%;}
#testimonials .unit_secondary{padding: 8% 8%;}

#testimonials .unit .title_area{display:flex;align-items: center;}
#testimonials .unit .title_area figure{margin:0 2% 0 0;padding: 0;width: 10%;}
#testimonials .unit .title_area figure img{width: 100%}
#testimonials .unit .title_area .headline{  margin: 0;padding: 0;color: #0d69bf;font-size:clamp(18px, 2.0vw, 28px);letter-spacing: 1px;line-height: 1.4;font-weight:700;}
#testimonials .unit .title_area .headline span{display:block;width: fit-content;background: #dcfcff;text-align: center;font-size:clamp(14px, 1.0vw, 20px);color: #00609b;padding:1% 3%;margin-bottom: 2%;border: 1px solid #268bc4;}

#testimonials .unit_secondary .title_area .headline{font-size:clamp(14px, 1.5vw, 25px);}


#testimonials .unit .read_area {  position: relative; width: 100%; margin: 0px auto 0;  padding: 0 0 40px 0;}
.read_area label{position:absolute;display:table;left:0%;bottom:0;margin: 0;width:150px;padding: 8px 0;color:#fff;font-size:clamp(12px, 0.6vw, 18px);letter-spacing:0;line-height: 1;text-align:center;border-radius: 50px;  background:#00b1b5;cursor: pointer;  z-index: 1;}
.read_area label::before{  content: '続きを読む';}

.read_area input[type="checkbox"]:checked ~ label::before {  content: '閉じる';}
.read_area input[type="checkbox"]{  display: none;}
.read_area input[type="checkbox"]:checked ~ .read_text::before {  display: none;}
.read_area input[type="checkbox"]:checked ~ .read_text{  height: auto;}

.read_text { position: relative;  height: 150px;  overflow: hidden;}
.read_text::before {  position: absolute;  display: block;  content: "";  bottom: 0;  left: 0;  width: 100%;  height: 75px;  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);}
.read_text p{font-size:clamp(14px, 0.8vw, 20px);letter-spacing: 1px;line-height: 1.8;font-weight:300;}

@media (max-width:1050px) {
	#testimonials{padding: 10% 0 5% 0}
	#testimonials .unit{width:90%;min-width:inherit;padding: 5% 4%;}
	
	#testimonials .secondary_group{width:90%;min-width:inherit;margin: 0 auto ;display:block;column-gap:normal}
	#testimonials .secondary_group .unit{width:100%;margin: 0 auto 3% auto;}
	
	#testimonials .unit .title_area{display:inherit;}
	#testimonials .unit .title_area figure{margin:0 auto;width: 20%;}
	
	#testimonials .unit_secondary .title_area .headline{font-size:clamp(18px, 2.0vw, 28px);}
		
	#testimonials .unit .read_area{  padding: 0 0 8font-size:clamp(18px, 2.0vw, 28px);padding:0 0 40px 0;font-weight: 600}
	.read_text{ height: 110px;}
	.read_text p{line-height: 1.5;letter-spacing: 0px;}
}


/*向いている人*/
#suitability{padding: 8% 0 3% 0;background: url("../img/suitability_bg.png") repeat-y,linear-gradient(0deg, #006fe6 0%, #0098b3 100%);  background-size:100% auto;background-position: center}
#suitability .title_area{position:relative;padding-bottom: 2%}
#suitability .title_area h6{position:absolute;top: -200%;left: 50%;transform: translateX(-50%);width: 35%;min-width: 500px;margin: 0;padding: 0;}
#suitability .title_area h6 img{width: 100%;}

#suitability .inner{width:80%;min-width: 1000px;max-width: 1500px;margin: 0 auto ;display: flex;justify-content: space-between;align-items: stretch;column-gap:2%}
#suitability .inner .container{background:white;padding:10% 3% 3% 3%;width: 100%;border-radius: 20px;box-sizing: border-box;}
#suitability .inner .container .lead{text-align:center;margin: 0 auto 3% auto;padding: 0;font-size:clamp(20px, 5.0vw, 50px);letter-spacing: 0px;font-weight:700;}
#suitability .inner .container figure{margin:0 auto 5% auto;padding: 0;width: 50%;}
#suitability .inner .container figure img{width:100%;}
#suitability .inner .container .sub{text-align:center;margin: 0 auto 5% auto;padding:0% 0 0 0;font-size:clamp(13px, 1.2vw, 20px);letter-spacing: 1px;font-weight:600;}
#suitability .inner .container .list{padding: 0;margin: 0;list-style: none}
#suitability .inner .container .list li{padding: 3% 5% 3% 8%;margin: 0 0 1% 0;border-radius: 5px;font-size:clamp(12px, 1.2vw, 20px);letter-spacing: 0px;font-weight:500;}

#suitability .inner .suitable{border:5px solid #2ea7e0}
#suitability .inner .suitable .lead{color: #0057bf;}
#suitability .inner .suitable .sub{position: relative;color:#0070cf;}
#suitability .inner .suitable .sub::before{content:'';position: absolute;bottom:100%;left:10%;width: 100px;height:100px;background: url("../img/suitability_illustration02.png") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
#suitability .inner .suitable .list li{background: #defdff url("../img/icon_check02.png") no-repeat;background-position: 3% 50%;background-size: 3% auto;color: #002f4f;}

#suitability .inner .non-suitable{border:5px solid #dee1e2}
#suitability .inner .non-suitable .lead{color: #6b7272;}
#suitability .inner .non-suitable .sub{position: relative;color:#485357;}
#suitability .inner .non-suitable .sub::before{content:'';position: absolute;bottom:100%;right:0%;width: 100px;height:120px;background: url("../img/suitability_illustration04.png") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
#suitability .inner .non-suitable .list li{background: #f4f4f4 url("../img/suitability_icon.png") no-repeat;background-position: 3% 50%;background-size: 3% auto;color: #595757;}

@media (max-width:1050px) {
	#suitability{padding: 15% 0 10% 0;}
	#suitability .inner{width:95%;min-width: inherit;}
	#suitability .title_area h6{width: 70%;min-width:inherit;top: -500%;}
	#suitability .inner .container{border-radius:10px;}
	#suitability .inner .suitable{border:3px solid #2ea7e0}
	#suitability .inner .suitable .sub::before{width:20%;height:100px;bottom:50%;left:5%;}
	#suitability .inner .non-suitable{border:3px solid #dee1e2}
	#suitability .inner .non-suitable .sub::before{width:18%;bottom:50%;height:120px;}
}


/*よくある質問*/
#faq{padding: 5% 0 3% 0}
#faq h6{margin: 0 auto 3% auto;padding: 0;color: #00426c;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}

#faq .unit_multi{width: 80%;min-width: 1000px;max-width: 1200px;margin: 0 auto 2% auto;}

#faq .unit_multi .button_title{position: relative;cursor: pointer;margin:0 auto 0px auto;padding: 0;padding:3% 0 3% 0; border: 1px solid #00b1b5;background:#faffff;border-radius: 10px;transition: all .5s ease;}	
#faq .unit_multi .button_title p{position: relative;margin: 0 auto;padding: 0 0 0 5%;font-size:clamp(14px, 1.6vw, 20px);letter-spacing: 1px;font-weight:500;color: #1e2626;}
#faq .unit_multi .button_title p::before{content:'Q';position: absolute;top:50%;left:3%;transform: translateY(-50%);color:#00b1b5;}
#faq .unit_multi .button_title.close{background:white;}

#faq .unit_multi .button_title::before{position:absolute;top: 50%;right: 3%;transform: translateY(-50%); content:'\f067';font: var(--fa-font-solid);width:30px;height:22px;padding-top:8px;background:#00b1b5;color:white;text-align: center;display: inline-block;font-size:clamp(12px, 1.2vw, 20px);border-radius:20px; transition: all .5s ease;}	
#faq .unit_multi .button_title.close::before{content:'\f068';background:#00b1b5;color:white;}
/*アコーディオンで現れるエリア*/
#faq .unit_multi .accordion_area{    display: none; border: 1px solid #00b1b5;background:#faffff;border-radius: 10px;margin: 0.5% auto 0px auto;padding: 3% 3% 2% 3%;box-sizing: border-box;}
#faq .unit_multi .accordion_area .inner{position: relative;display: block;padding: 0 ;}
#faq .unit_multi .accordion_area .inner p{margin: 0 auto 1% auto;font-size:clamp(14px, 1.4vw, 20px);letter-spacing: 1px;line-height: 1.8;font-weight:500;color:#076789}

@media (max-width:1050px) {
	#faq{padding: 10% 0 5% 0}
	#faq .unit_multi{width: 90%;min-width:inherit;}
	
	#faq .unit_multi .button_title{border-radius: 5px;padding:5% 0;}
	#faq .unit_multi .button_title p{padding: 0 12% 0 8%;letter-spacing: 0px;font-weight:400;}
	#faq .unit_multi .button_title p::before{top:3%;transform: translateY(0%);}
	#faq .unit_multi .button_title::before{width:20px;height:16px;padding-top:4px;}
	#faq .unit_multi .accordion_area{border-radius: 5px;}
	
}


/*運営会社*/
#company{padding:5% 0;background: url("../img/company_bg.jpg") no-repeat;background-size: cover;background-position: 50% 50%;}
#company h6{margin: 0 auto 2% auto;padding: 0;color: white;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}
#company .inner{width:80%;max-width: 1200px;min-width: 800px;margin: 0 auto;background: white;padding:3% 3% ;border-radius: 20px;display: flex;align-items: center;column-gap: 5%;box-sizing: border-box}	
#company .inner figure{margin:0;padding: 0;width: 40%;aspect-ratio:1/1;border-radius: 10px;overflow: hidden}
#company .inner figure img{width:100%;height: 100%;object-fit: cover}

#company .inner .text_group{margin:0;padding: 0;}
#company .inner .text_group .name{margin: 0 auto 2% auto;padding: 0;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 1px;line-height: 1.5;font-weight:600;}
#company .inner .text_group .name span{display: block;font-size:clamp(18px, 1.2vw, 26px);}

#company .inner .text_group .desc{margin: 0 auto 4% auto;padding: 0;font-size:clamp(14px, 1.2vw,18px);letter-spacing: 1px;line-height: 1.7;font-weight:400;}

#company .inner .text_group a{position:relative;z-index:0;display:block;color:white;text-decoration:none;font-size:clamp(13px,1.8vw, 20px);letter-spacing:1px;line-height:1;font-weight:500; padding: 2% 3%;border-radius:100vmax;text-align: center;width: 80%;margin: 0 auto;}
#company .inner .text_group a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;  transition:0.5s;background: linear-gradient(90deg,#00c497 0%,#00baf1 100%);border-radius:100vmax}
#company .inner .text_group a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0; background:linear-gradient(90deg,#0090de,#005cac);border-radius: 100vmax}
#company .inner .text_group a:hover:before{  opacity:0;}

@media (max-width:1050px) {
	#company{padding:8% 0;}
	#company h6{margin: 0 auto 5% auto;}
	#company .inner{width:85%;min-width:inherit;display: block;column-gap:normal;border-radius: 10px;padding:5% 5% ;}
	#company .inner figure{width: 70%;max-width: 400px;margin:0 auto 3% auto;}
	#company .inner .text_group a{padding: 5% 3%;width: 100%;box-sizing: border-box;}
}


/* お問い合わせ */
#free_consultation {	background-color: #f7f8f8;padding: 5% 0 5% 0}
#free_consultation h6 {margin: 0 auto 3% auto;padding: 0;color: #00426c;font-size:clamp(25px, 2.5vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}
#free_consultation .memo {margin: 0 auto 3% auto;padding: 0;font-size:clamp(14px, 1.2vw, 24px);letter-spacing: 1px;line-height: 1.5;font-weight:500;text-align: center}

#free_consultation .inner{width: 1000px;margin: 0 auto}	

#free_consultation .inner .unit .q{position:relative;margin: 0 auto 1% auto;padding: 0 0 0 20px;font-size:clamp(16px, 0.8vw, 22px);letter-spacing: 1px;font-weight: 600;color: #00426c;}
#free_consultation .inner .unit .q::before{content: '';position:absolute;top:50%;transform: translateY(-50%);left:0;width: 5px;height:20px;background: #00b1b5;}
#free_consultation .inner span.require{margin-left: 10px;padding:2px 6px;background: #ff2c72;font-size:clamp(12px, 0.6vw, 18px);color: white;font-weight: 500;}
	
#free_consultation .inner .unit .a{margin: 0 auto 3% auto;}
#free_consultation .inner .unit .a .contact_type{width: 98%;margin: 0 0 0% auto;color: #00426c;font-size:clamp(16px, 1.0vw, 22px);letter-spacing: 1px;font-weight:500;}
#free_consultation .inner .unit .a .contact_type p{margin:2% auto 1% auto;padding: 0;font-size:clamp(14px, 0.8vw, 18px);}
	
	#free_consultation .inner input[type=text],
	#free_consultation .inner input[type=tel],
	#free_consultation .inner input[type=email],
	#free_consultation .inner textarea{outline: 0;border:1px solid #00b1b5; width:100%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;box-sizing: border-box;border-radius: 5px}
	#free_consultation .inner textarea{height:200px;}	
	
	#free_consultation .inner input[type=text]:focus,
	#free_consultation .inner input[type=tel]:focus,
	#free_consultation .inner input[type=email]:focus,
	#free_consultation .inner textarea:focus{border:1px solid #00426c;background:#F0F4F3}

#free_consultation .inner input[type="checkbox"] {position: relative;width: 30px;height:30px;border: 1px solid #00b1b5;background:white;border-radius: 3px;vertical-align: -10px;-webkit-appearance: none;  -moz-appearance: none;     appearance: none;}
#free_consultation .inner input[type="checkbox"]:checked:before {  position: absolute;  top:4px;left:9px;transform: rotate(45deg);  width: 8px;  height: 12px;  border-right:3px solid white;  border-bottom:3px solid white;  content: '';}
#free_consultation .inner input[type="checkbox"]:checked{background:#00b1b5;border: 1px solid #00b1b5;}
	
	#free_consultation .inner .unit_pp{margin: 5% auto 3% auto;font-size:clamp(14px, 1.0vw, 22px);letter-spacing: 1px;font-weight: 500;text-align: center;color: #00426c;}	
	/*#free_consultation .inner .unit_pp input[type="checkbox"] {position: relative;width: 30px;height:30px;border: 1px solid #00b1b5;background:white;border-radius: 3px;vertical-align: -10px;-webkit-appearance: none;  -moz-appearance: none;     appearance: none;}
	#free_consultation .inner .unit_pp input[type="checkbox"]:checked:before {  position: absolute;  top:4px;left:9px;transform: rotate(45deg);  width: 8px;  height: 12px;  border-right:3px solid white;  border-bottom:3px solid white;  content: '';}
	#free_consultation .inner .unit_pp input[type="checkbox"]:checked{background:#00b1b5;border: 1px solid #00b1b5;}*/

	#free_consultation .inner .unit_pp p{text-align:center;margin: 10px auto 0px auto;padding: 0;font-size:clamp(14px, 0.6vw, 18px);letter-spacing: 0px;font-weight: 400;}
	#free_consultation .inner .unit_pp p a{color:#00b1b5;text-decoration:underline }
	#free_consultation .inner .unit_pp p a:hover{color:#0044e8}
	
	#free_consultation .inner .unit_submit{}
	#free_consultation .inner input[type=submit],
	#free_consultation .inner input[type=reset]{-webkit-appearance:none;outline:0;border:0;display:block;width:100% !important;padding:3% 0;margin:0 auto;font-size:clamp(16px, 1.5vw, 30px);letter-spacing:1px;font-weight:600;color:white;background:#00a09e;border-radius:5px}
	#free_consultation .inner input[type=submit]:hover,
	#free_consultation .inner input[type=reset]:hover{background: #00426c;}

@media (max-width:1050px) {
	#free_consultation {padding: 10% 0}
	#free_consultation .memo{ width:80%;margin: 0 auto 5% auto; }
	
	#free_consultation .inner{width:90%;margin: 0 auto}
	#free_consultation .inner .unit .a{margin: 0 auto 5% auto;}	
	#free_consultation .inner .unit_pp{margin: 8% auto 8% auto;}
	
	#free_consultation .inner input[type="checkbox"] {width: 26px;height:26px;border-radius: 2px;}
	#free_consultation .inner input[type="checkbox"]:checked:before {   top:4px;left:8px; width: 6px;  height: 10px; }
	
	#free_consultation .inner input[type=submit],
	#free_consultation .inner input[type=reset]{padding:5% 0;}	
}
	
/* お問い合わせ 確認・完了*/
#confirmation,
#sent{background-color: #f7f8f8;padding: 5% 0 5% 0}
	
#confirmation h6,
#sent h6{margin: 0 auto 3% auto;padding: 0;color: #00426c;font-size:clamp(20px, 1.8vw, 40px);letter-spacing: 2px;line-height: 1;font-weight:700;text-align: center}
	
#confirmation .message,
#confirmation .text{margin: 0 auto 5% auto;padding: 0;font-size:clamp(14px, 1.0vw, 20px);line-height: 1.5;letter-spacing: 1px;font-weight: 500;text-align:center;}
#confirmation .message{color:#ff2c72;}
	
#confirmation .error_messe{position:relative;width:30%;min-width: 500px;max-width: 700px;margin: 0 auto 1% auto;padding: 0 0 0 20px;font-size:clamp(14px, 1.0vw, 20px);line-height: 1.5;letter-spacing: 1px;font-weight: 500;color: #00426c;}
#confirmation .error_messe::before{content: '';position:absolute;top:50%;transform: translateY(-50%);left:0;width:10px;height:10px;background:#ff2c72;}
	
#confirmation .button_area{text-align: center;width:700px;margin:5% auto 0 auto}
#confirmation input[type=button],
#confirmation input[type=submit]{-webkit-appearance:none;outline:0;border:0;display:inline-block;width:49%;margin:0 auto;padding:3% 0px;font-size:clamp(16px, 1.0vw, 30px);letter-spacing:1px;font-weight:600;background:#00a09e;color: white;border-radius: 5px;box-sizing: border-box;}
#confirmation input[type=button]:hover,
#confirmation input[type=submit]:hover{background:#00426c;}
	
#confirmation .input_all table{width:700px;margin: 0 auto 5% auto;border-collapse:collapse;font-size:clamp(14px, 1.0vw, 20px);letter-spacing: 1px;font-weight:500;line-height: 1.5}
#confirmation .input_all table th{position:relative;display: inline-block;width: 100%;text-align: left;font-weight: 500;color: #00426c;margin: 0 auto 1% auto;padding: 0 0 0 20px;}
#confirmation .input_all table th::before{content: '';position:absolute;top:50%;transform: translateY(-50%);left:0;width: 10px;height:10px;background:#00b1b5;}	
#confirmation .input_all table td{display: inline-block;width: 100%;margin-bottom: 5%}

#sent .text{width:80%;max-width: 600px;min-width: 300px;margin: 0 auto 4% auto;padding: 0;font-size:clamp(14px, 1.0vw, 20px);line-height: 1.7;letter-spacing: 1px;font-weight: 400;}
#sent a{display:block;width:80%;max-width: 600px;min-width: 300px;margin: 0 auto;padding: 2% 0px;font-size:clamp(14px, 0.9vw, 24px);letter-spacing:1px;font-weight: 500;background: #00a09e;color: white;border-radius: 5px;box-sizing: border-box;text-align: center;text-decoration: none;line-height: 1}
#sent a:hover{background:#00426c;}

@media (max-width: 1050px) {
	#confirmation,#sent{padding:8% 0}
	
	#confirmation .message,
	#confirmation .text{width:70%;}
	
	#confirmation .error_messe{width:80%;min-width: inherit;}
	
	#confirmation .button_area{width:80%;}
	#confirmation input[type=button],
	#confirmation input[type=submit]{padding:5% 0px;font-size:clamp(14px, 1.8vw, 20px);letter-spacing:0px;}
	
	#confirmation .input_all table{width:80%;}
	
	#sent .text{min-width: inherit;margin: 0 auto 5% auto;padding: 0;font-size:clamp(14px, 1.0vw, 20px);line-height: 1.5;letter-spacing:0;}
	#sent a{min-width: inherit;padding: 5% 0px;}
}





@media (min-width:1051px) {}
@media screen and (min-width:701px) and ( max-width:1050px)  {}
@media (max-width: 700px) {}