@charset "utf-8";
/* CSS Document */
.contact-form_a .send .send-bt {
    position: relative;
    border-radius: 200px;
    border: 2px solid #131313;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: ease 1.0s;
}
.contact-form_a .send .send-bt .fa-solid {
    font-size: 18px;
    color: #131313;
	transition: transform 0.3s ease, color 0.3s ease;
}
.contact-form_a .send .send-bt:hover{opacity: 1;background-color: #fff;}
.contact-form_a .send .send-bt:hover .fa-solid {
 	transform: translateX(5px);
 	color: #131313;
}

.contact-form_a .send .send-bt{
	position: relative;
	z-index: 2;
	min-width: 240px;
	height: 60px;
	padding: 0 20px;
	justify-content: space-between;
}
.contact-form_a .send .send-bt p{
	font-weight: 700;
	color: #333333;
	line-height: 1;
	transform: translateY(2px);
	transition: ease 0.3s;
}
.cate1 .box_wrap .box-item .title p span{
	font-size: 13px;
}
.cate1 .bt_wrap{
	gap: 10px;
	align-items: flex-end;
}
.cate1 .bt_wrap .bt{
	padding: 20px 35px;
	border-radius: 8px 8px 0 0;
	background-color: #7B7B7B;
}
.cate1 .bt_wrap .bt.is-active {
  padding: 25px 35px;
  background-color: #00AD50;
}
.cate1 .box_wrap{
	background-color: #F5F5F5;
	border: #D0D0D0 1px solid;
	border-radius: 8px;
	padding: 80px 60px;
}
.cate1 .box_wrap .box-item .bg-white{
	background-color: #fff;
	padding: 40px;
	flex-direction: column;
	gap: 40px;
}

.cate1 .box_wrap .box-item .title{
	background-color: #2E2A27;
	padding: 14px 30px;
	justify-content: space-between;
}
.cate1 .box_wrap .box-item .bg-white .topbox,
.cate1 .box_wrap .box-item .bg-white .bottombox{
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	width: 100%;
}
.cate1 .box_wrap .box-item .bg-white .topbox .txtitem,
.cate1 .box_wrap .box-item .bg-white .midbox .txtitem,
.cate1 .box_wrap .box-item .bg-white .bottombox .txtitem{
	position: relative;
	padding-left: 20px;
}
.cate1 .box_wrap .box-item .bg-white .topbox .txtitem::after,
.cate1 .box_wrap .box-item .bg-white .midbox .txtitem::after,
.cate1 .box_wrap .box-item .bg-white .bottombox .txtitem::after{
	position: absolute;
    content: "";
	left: 0px;
	top: 50%;
	width: 8px;
	height: 2px;
	background-color: #037B3A;
}
.cate1 .box_wrap .box-item .bg-white .topbox .topitem_box{
	gap: 20px;
	width: 100%;
}
.cate1 .box_wrap .box-item .bg-white .topbox .topitem_box .topitem{
	background-color: #F5F5F5;
	padding: 30px;
	width: calc((100% - 40px)/3);
	border-radius: 8px;
	flex-direction: column;
}
.cate1 .box_wrap .box-item .bg-white .topbox .topitem_box .topitem .price span{
	font-size: 14px;
	padding-left: 5px;
}


.cate1 .box_wrap .box-item .bg-white .midbox{
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	width: 100%;
}
.cate1 .box_wrap .box-item .bg-white .midbox .midbox_scroll{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box{
	width: 100%;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem{
	width: calc(100% / 3);
	flex-shrink: 0;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem h4{
	background-color: #00AD50;
	padding: 20px;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem p{
	background-color: #F5F5F5;
	padding: 20px;
}
/* ---------- 表の線 ---------- */
.cate1 .box_wrap .box-item .bg-white .midbox{
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	width: 100%;
}

.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box{
	width: 100%;
	display: flex;
}

.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem{
	width: calc(100% / 3);
}

.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem:not(:last-child){
	border-right: 1px solid #D9D9D9;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem h4,
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem p{
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem h4{
	background-color: #00AD50;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem p{
	background-color: #F5F5F5;
}
.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box .miditem > *:not(:last-child){
	border-bottom: 1px solid #D9D9D9;
}



/* ---------- cate2 ---------- */
.cate2 .bottombox{
	position: relative;
	border: #D0D0D0 1px solid;
	border-radius: 8px;
	padding: 40px 45px 30px 40px;
}
.cate2 .bottombox .greenlabel{
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #00AD50;
	border-radius: 50px;
	padding: 12px 110px;
}
.cate2 .bottombox .box_wrap{
	padding-top: 20px;
	gap: 10px;
}
.cate2 .bottombox .box_wrap .box-item{
	position: relative;
	width: calc(50% - 5px);
	background-color: #F1F0EE;
	padding: 15px;
	padding-left: 35px;
	border-radius: 4px;
}
.cate2 .bottombox .box_wrap .box-item::after{
	position: absolute;
    content: "";
	left: 15px;
	top: 50%;
	width: 8px;
	height: 2px;
	background-color: #037B3A;
}
/* ---------- cate3 ---------- */
.cate3 .titlebox{
	flex-direction: column;
}
.cate3 .form-box{
	background-color: #fff;
	border-radius: 8px;
	padding: 80px 60px;
	width: 100%;
}

body.gjs-dashed .cate1 .box_wrap1{background-color: #c9edcc; margin-bottom: 100px}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate1 .box_wrap .box-item .bg-white .midbox .miditem_box{
		min-width: 900px; 
	}

	.cate1 .box_wrap{
		padding: 60px 30px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate3 .form-box{
		padding: 50px 40px;
	}
	.cate2 .bottombox .box_wrap .box-item{
		width: 100%;
	}
	.cate2 .bottombox .greenlabel {
		min-width: 200px;
		padding: 12px 30px;
	}
	.cate1 .box_wrap .box-item .bg-white .topbox .topitem_box .topitem{
		width: calc((100% - 40px)/2);
	}
	.cate1 .box_wrap .box-item .bg-white {
		padding: 30px;
		gap: 30px;
	}
	.cate1 .box_wrap {
		padding: 50px 40px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate3 .form-box{
		padding: 50px 30px;
	}
	.cate2 .bottombox {
		padding: 30px 20px;
	}
	.cate1 .box_wrap .box-item .bg-white .topbox .topitem_box .topitem{
		width: 100%;
	}
	.cate1 .bt_wrap .bt {
		padding: 15px 30px;
	}
	.cate1 .bt_wrap .bt.is-active {
		padding: 18px 30px;
	}
	.cate1 .bt_wrap .bt span{
		display: none;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
    .cate1 .box_wrap {
        padding: 30px 20px;
    }
	.cate1 .box_wrap .box-item .bg-white {
        padding: 20px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}