@charset "UTF-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/* 固定ページ「srjunion」用のスタイルシート */

* {
	box-sizing: border-box;
	font-family: "Zen Maru Gothic", serif;
}

/* 親要素のclassを変更 */
.one-column #content .wrap {
	padding: 40px 0 24px !important;
}

article.page {
	padding: 0 !important;
}


/* PC スマホ 表示非表示切替 */
.no-br{
	display:none;/* br 最初は表示しない */
}
.no-br-after{
	display:none;/* br 最初は表示しない */
}
.bl-br{
	display: block; /* br 最初は表示する */
}
.bl-br-after{	
	display: block; /* br 最初は表示する */
}

/* 見出し */
h1,h2,h3,h4 {
	margin: 0 !important;
	padding: 0 !important;
	border-top: none !important;
	border-bottom: none !important;
	background: none !important;
}

h3::before {
	display: none;
	background: none !important;
}

h3::after {
	border-bottom: none !important;
}

h1{
	font-size:0;
}
.post-content p, .post-content pre {
	/*     margin: 0 0 1.6em; */
	margin: 0;
	line-height: 1.6;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.left-content .main-inner {
	margin-right: 0px;
	margin-left: 0;
}
.zen-maru-gothic-light {

	font-weight: 300;
	font-style: normal;
}

.zen-maru-gothic-regular {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 400;
	font-style: normal;
}

.zen-maru-gothic-medium {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
}

.zen-maru-gothic-bold {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	font-style: normal;
}

.zen-maru-gothic-black {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 900;
	font-style: normal;
}

.font-size10{
	font-size:10px;
}
.font-size20{
	font-size:20px;
}
.font-size50{
	font-size:50px;
}

.color1{ 
	color:#233B5E ;/*紺系*/
}
.color2{ 
	color:#F0FCDA ;/*うすみどり*/
}
.color3{
	color:#3A78B7; /*あお色*/
}
.color4{color:#97C938;}/*緑*/
.color5{color: #CAD4E1;}/*うすいあお色*/
.color-white{color:#fff;}/*白*/
.color-black{color:#000;}/*黒*/

.middle{font-size:middle;}
.larger { font-size: larger;}
.smaller { font-size:smaller;}
.x-smaller { font-size:x-small;}
.x-larger { font-size: x-large;}
.xx-larger { font-size:xx-large;}
.bold{font-weight:bold;}
.shadow{text-shadow: 1px 1px 2px #233B5E;}
.center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-justify{
	text-align: justify;
}
.indent{
	text-indent: 1em;
}
.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}
.border-line{
	display:inline-block;
	padding: 0.1em 0 ;
	margin: 0.1em 0;
	border-bottom: 3px solid #3A78B7;
	border-radius:2px;
}

.mark-yellow {
	background: linear-gradient(transparent 40%, #ffff66 80%);
}
.line-height{
	line-height:100%;
}
.memo{
	display:grid;
	align-items:center;
	justify-content:space-between;
	padding: 0 5%;
	text-align:left;
}
/************* 共通ヘッダーを非表示 *************/
.header_catetop_img-inner {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	padding: 0;
}

@media screen and (max-width: 991px) {
	.wrap, .one-column #content .wrap {
		/*         margin-left: 20px;
		margin-right: 20px;
		width: auto;
		padding: 20px 0px 30px; */
		padding-top:0;
	}
}

#content {
	padding: 0;
}


/************* 共通 装飾************/
.nav{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	padding: 0 5%;
	gap:20px;
}

.nav li{
	list-style: none;
	display: inline-block;
	padding:0 5px;
}

.nav li:not(:last-child) a:hover{
	color: #3A78B7;
	text-shadow:none;
	padding:0 5px;
	/* 	border-bottom:1px solid #3A78B7;  */
	background: linear-gradient(transparent 40%, #ffff66 80%);
	border-radius:10px;	
}

/*　問い合わせボタン ここから */
a.btn{
	padding: 5px 10px;
	border-radius:20px;
}

a.btn--orange {
	color: #fff;
	background-color: #FFAE00;
	border-bottom: 3px solid #cc9900;
}
a.btn--orange:hover {
	margin-top: 3px;
	color: #fff;
	background: #f56500;
	border-bottom: 0px solid #b84c00;
}
a.btn--shadow {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

/*　問い合わせボタン ここまで */

/* タイトル ここから*/
.p_sub{
	font-size: 28px;
	font-weight: 500;
	font-weight:bold;
	color: #233B5E;
	/* 						border-bottom: solid 2px #99D9CA; */
	padding: 10px 0;
	text-align: center;

}
.heading {
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	font-size: 20px;
	text-align: center;
}

.heading span {
	position: relative;
	z-index: 2;
}
.heading::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: #CAD4E1;
	font-size: 80px;
	font-weight:lighter;
	/* 						font-style: italic; */
}@media screen and (max-width:600px) {

	.heading::before {
		top: 0px;
		font-size: 70px;
	}
}@media screen and (max-width:380px) {
	.heading::before {
		top: 20px;
		font-size: 55px;
	}
}

/*-----------------------------------------------------------------------------*/
.p_sub2{
	font-size: 28px;
	font-weight: 500;
	font-weight:bold;
	color: #CAD4E1;
	/* 						border-bottom: solid 2px #99D9CA; */
	padding: 10px 0;
	text-align: center;

}
.heading2 {
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	font-size: 20px;
	text-align: center;
}

.heading2 span {
	position: relative;
	z-index: 2;
}
.heading2::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: #233B5E;
	font-size: 80px;
	font-weight:lighter;
	/* 						font-style: italic; */
}


/* タイトル ここまで*/

/* アンダーライン*/
.underlined-text {
	position: relative;
	display: inline-block;
	/*   font-size: 24px; */
}

.underlined-text::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #ff9;
	transform: scaleX(0);
	transform-origin: bottom left;
	animation: underlineDelay 0.5s 1 0.5s ease-in-out forwards; /* 遅延とアニメーションの設定 */
}

@keyframes underlineDelay {
	0% {
		transform: scaleX(0);
	}
	100% {
		transform: scaleX(1);
	}
}
/* きらっ*/
.shine span.mask{
	position:relative;
	display:block;
	line-height:0;
	overflow:hidden;
}

.shine span.mask::before{
	position:absolute;
	content:'';
	width:50%;　/* きらっの横幅 */
	height:100%;
	top:0;
	left:-75%;
	background:linear-gradient(to right,rgba(255,255,255,0) 0%,rbba(255.255.255..3) 100%);
	transform:skewX(-25deg);
}

.shine span.mask:hover::before{
	animation: shaine 0.7s;
}
@keyframes shine{
	100%{
		left: 125%;
	}
}

/**************/


/*-----------------------*/
/*header-top*/
/*-----------------------*/

#main-header{
	width:100%;
	/* 	height:calc(100vh - 60px); */
	/* 	height:100vh; */
	height:100%;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:repeat(9,1fr);
	/* 	position: relative;  */
	background-color:#F0FCDA;
	margin-top: 30px;
}

#main-header .main-lefttop{
	grid-column:1;
	grid-row: 1/5;
	width:100%;
	display:grid;
	grid-template-rows: 1fr 30%;
	place-items:center;
	background-color: #fff;
}
#main-header .main-lefttop p{
	margin:0;
	font-size:40px;
}



#main-header .main-lefttop-image{	
	width:80%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-header .kasaneru{
	display:grid;
	place-items:center;
	position: relative;/*親要素にrelative*/
}
#main-header .kasaneru p{
	position: absolute;/*重ねたい子要素にabsolute*/
	width:100%;
	top:40%;
	left: 57%;
	-ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
	-webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
	transform: translate(-50%,-50%);/*センター寄せの修正*/
	color: #fff;
	font-size: 1.6rem;
	margin: 0!important;/*文字がずれている場合や*/
	padding: 0!important;/*文字が折り返される場合*/
}@media screen and (max-width:900px) {
	#main-header .kasaneru p{
		font-size: 1.3rem;
	}
}
#main-header .main-header-link {
	margin-bottom:50px;
}@media screen and (max-width:768px) {
	#main-header .main-header-link {
		margin-bottom:0px;
	}
}

#main-header .main-leftmiddle{
	grid-column:1/2;
	grid-row:5/7;
	display:flex;
	align-items:end;
	justify-content:center;
	border-radius: 50px 0 0 0 ;
	background-color: #97C938;
	position: relative;
	z-index: 0;
}

#main-header .main-leftmiddle-h1{
	font-size:45px;
	color:white;
	line-height:1.3;
}
#main-header .main-leftdown{
	grid-column:1/3;
	grid-row:7/10;
	border-radius:  0 0 0 50px;
	background-color: #97C938;
	/* 	background: linear-gradient(0deg, rgb(240, 252, 218),rgb(151, 201, 56)); */
	display:flex;
	justify-content:space-around;
	align-items:center;
	/* 	padding: 10px 50px; */
	padding: 3% 5%;
	gap: 5%;
}

#main-header .main-leftdown .box{
	width:100%;
	height:100px;
	background-color:#fff;
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	padding:3%;
	border-radius:30px;

}
#main-header .main-leftdown .box p{
	font-weight:bold;
	line-height: 1;
	margin:0;
}
#main-header .main-righttop-color{
	grid-column: 2;
	grid-row:1/7;
	background-color: #97C938;
}
#main-header .main-righttop{
	height:100%;
	background-image:url("https://www.j-union.net/wp-content/uploads/2024/10/mainimage.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size:cover;
	border-radius:  0 0 0 50px;
	padding:20px 0;
}

#main-header .main-righttop .waku{
	height:100%;
	display:grid;
	grid-template-rows:repeat(4,1fr);
	place-items:center;
}
#main-header .main-righttop .moji{
	width:90%;
	grid-row:1;
	display:grid;
	place-items:center;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	/* 	margin:20px; */
}
#main-header .main-righttop .moji p{
	margin:0;
}
#main-header .main-righttop .box{
	grid-row:2/5;
	width:90%;
	display:flex; /* flexboxを指定 */
	flex-flow:row wrap-reverse; /* 子要素をrow方向に並べ、逆に折返す*/
	justify-content:space-around; /* 並べ方向に均等な空白 */

}
#main-header .main-righttop .box .item{
	width:150px;
	height:150px;
	background:#fff;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	text-align:center;
	justify-content:center;
	align-items:center;
	gap:5px;
}

#main-header .main-righttop .box .item p{
	margin:0;
}
#main-header .post-content #main-header .main-righttop .box .item p, .post-content #main-header .main-righttop .box .item  pre{
	line-height:1.2;
}
/* @media screen and (max-width:900px) { */
@media screen and (max-width:768px) {

	/* 共通 cssの箇所をnoneにする*/
	.search_sp_box .header_search_sp_box input {
		display: none;
	}

	#main-header{
		height:calc(100vh - 70px);
		/* 		height:calc(100vh - 90px); */

		/* 				height:100vh; */
		grid-template-columns:1fr;
		/* 		grid-template-rows:85px 1fr 200px 200px; */
		grid-template-rows:1fr 4fr 2fr 2fr;
		/* 		grid-template-columns:1fr; */
		/* 		grid-template-rows: repeat(10, 1fr); */
		/* 		grid-template-rows: repeat(5, 1fr); */

	}
	#main-header .main-header-link {
		justify-content: space-around;   
		padding: 3% 5%;
		gap: 10px 5px;
		font-size: smaller;
	}

	#main-header .main-header-link  li a{
/* 		color:#fff; */
/* 		text-shadow: 1px 1px 1px #233B5E; */
		text-align:left;
		font-weight:bold;
	}	

	#main-header .main-lefttop{
		/* 		height: calc(100vh - 40vh); */
		grid-column:1;
		grid-row:1;
		display:flex;
		flex-direction:row;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		/* 		padding: 80px 5%; */
		padding: 30px 5% 10px;
	}
	#main-header .main-leftmiddle {
		/*     	grid-column: 1/3; */
		grid-column: 1;		
		grid-row: 3;
		align-items: center;
	}
	#main-header .main-leftdown {
		/* 		grid-column: 1/3; */
		grid-column: 1;		
		/* 		grid-row: 8 / 11; */
		grid-row: 4;		
		align-items:flex-start;
		/* 		padding:2% 5%; */
	}
	#main-header .main-header-link li {
		z-index:10;
	}
	#main-header .main-righttop-color {
		grid-column:1/3;
		grid-row:1/4;

	}
	#main-header .main-righttop{

		display: flex;
		flex-direction: column;
	}		
	#main-header .main-righttop .waku {
		grid-template-rows: repeat(7, 1fr);
	}
	/* 	#main-header .main-righttop .waku{
	grid-template-rows: repeat(5,1fr);
}	 */
	#main-header .main-righttop .moji {
		grid-row:3/5;
	}
	#main-header .main-righttop .box {
		grid-row: 5;	
	}

/* 	#main-header .kasaneru p{
		font-size: 1.8rem;
		top:40%;
		left: 70%;	
	}
 */
	#main-header .kasaneru p {
		font-size: 0.8rem;
		top: 40%;
		left: 60%;
	}

	#main-header .main-righttop .box {
		flex-flow:row;
	}
	#main-header .main-righttop .box .item {
		width:100px;
		height:100px;
		font-size:small;
	}
	#main-header .main-leftdown .box {
		font-size:xx-small;
	}
	#main-header .main-righttop .bl-br{
		display:none;
	}
	#main-header .main-righttop .bl-br-after{
		display:none;
	}	
}
@media screen and (max-width:724px) {
	
/* 	#main-header .main-lefttop {
		align-items:start;
		flex-direction:column;
	}
	#main-header .kasaneru p{
		font-size: 0.8rem;
	}
	#main-header .main-lefttop {
		align-items:start;
	}
	#main-header .main-header-link {

	}
	#main-header .main-leftdown .box {
		font-size:xx-small;
	}
	#main-header .main-righttop .box .item {
		width: 100px;
		height: 100px;

	}
	#main-header .main-righttop .bl-br{
		display:block;
	} */
}
@media screen and (max-width:500px) {
	#main-header .kasaneru p {
		font-size: x-small;
	}
/* 	#main-header{
		grid-template-rows:1fr 4fr 2fr 3fr;
	}
	#main-header .main-header-link {
		justify-content: space-between; 
	}

	#main-header .main-leftmiddle-h1 {
		font-size: 40px;
	}
	.font-size50 {
		font-size: 40px;
	}
	#main-header .main-leftdown{
		flex-direction:column;
		gap:10px;
	}
	#main-header .main-leftdown .box{
		height:65px;
		padding:0;
	}
	#main-header .main-righttop .box .item{
		width:75px;
		height:75px;
		font-size: x-small;
	} */

}
@media screen and (max-width:409px) {	
	#main-header {
		height: calc(100vh + 50px);
		grid-template-rows: 1fr 6fr 2fr 2fr;
	}
	#main-header .kasaneru p {
		font-size: 1rem;
	}
	#main-header .main-lefttop {
		flex-direction: column;
		padding: 30px 0 3% 0;

	}	
	#main-header .main-header-link{
		justify-content: center;
		padding:0;
		gap:0px;
		position: absolute;
		content: '';
		top: 250px;
		left: 5px;		
	}

	#main-header .main-header-link a.btn{
		padding:3px 5px;
	}

	#main-header .main-righttop .waku {
		grid-template-rows: 1fr;
	}
	#main-header .main-righttop .moji {
		position: absolute;
		top:410px;
		left:25px;
	}
	#main-header .main-righttop .box {
		position: absolute;
		top: 300px;
		left:25px;
	}
}
@media screen and (max-width:379px) {
	#main-header .main-righttop .bl-br{
		display:block;
	}
}





/*-----------------------*/
/*about*/
/*-----------------------*/sp
#about{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
#about .haikei1{	
	width:100%;
	position: relative;
	z-index: 0;
	background: #fff;
	padding: 80px 0 30px;
}@media screen and (max-width:900px) {
	#about .haikei1{
		padding: 30px 0;
	}
}
#about .haikei1::after{
	content: "";
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 20%;
	height: 100%;
	background: #F0FCDA;
	border-radius:  0 50px 0 0;
	padding: 50px 0;
}

#about .memo{

	text-align:left;
}
#about .about-box{
	width:100%;
	display:flex;
	justify-content: space-around;
	align-items:center;
	flex-wrap: wrap;
	gap:20px;
	z-index: 0;	
	position: relative;
	padding: 0 3% 100px;
}
#about .about-box::after{
	content: "";
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 20%;
	height: 100%;
	background: #F0FCDA;

}
#about .about-item{
	max-width:110px;
	display:flex;
	flex-direction:column;
	text-align:center;
	gap:10px;
}


/*-----------------------*/
/*consultant*/
/*-----------------------*/
#consultant{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:50px;
	background: #F0FCDA;
	border-radius: 0 30px 30px 30px;
	padding-top:50px;
}@media screen and (max-width:900px) {
	#consultant{
		gap:0px;
		padding-top:0px;
	}
}
#consultant .haikei2{
	width:100%;
	background: #F0FCDA;
	border-radius:  0 50px 0 0;
	padding-top:50px;
}@media screen and (max-width:900px) {
	#consultant .haikei2{
		padding-top:30px
	}
}


#consultant .introduce{
	width:100%;
	background: #F0FCDA;
	display:grid;
	grid-template-columns:repeat(5,1fr);
	grid-template-rows:repeat(6,50px);
	grid-template-rows: repeat(8, 50px);
	place-items:center;
	padding:50px 5% ;
	gap:5px 0;
}@media screen and (max-width:900px) {
	#consultant .introduce{
		min-width:375px;
		display:flex;
		flex-direction:column;
		gap:50px;
		padding: 0px 5% 0;
	}	
}

#consultant .introduce .left{
	grid-column:1/5;
	grid-row:1/3;
}
#consultant .introduce .right{	
	grid-column:2/6;   
	grid-row: 6 / 9;
}

#consultant .introduce-box{
	width:100%;
	display:grid;
	grid-template-columns:200px 1fr;
	justify-content:center;
	align-items:center;
	gap:10px;
	background: #fff;
	border: solid 1px #CAD4E1;/*点線*/
	padding: 3% 3% 3% 10%;

}

#consultant .introduce img{
	width:200px;
	height:200px;
	object-fit: fill;
	border-radius:50%;
}


#consultant .introduce .item{
	display:flex;
	flex-direction:column;
	padding-left:2%;
}
#consultant .introduce-box-reverse{
	width:100%;	
	background: #fff;
	border: solid 1px #CAD4E1;
	display:grid;
	grid-template-columns:1fr 200px ;
	justify-content:center;
	align-items:center;
	gap:10px;  
	padding: 3% 10%;

}
#consultant .introduce-box-reverse img{
	grid-column:2;
	grid-row:1;
}
#consultant .introduce-box-reverse .item{
	grid-column:1;
	grid-row:1;
}

#consultant .stance{
	width:90%;
	background: #F0FCDA;
	display:grid;
	place-items:center;
	padding:50px 0 100px;
}

#consultant .stance-box{
	width:100%;
	background:#233B5E;	
	color:white;
	padding: 30px 20px;
	border-radius:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:20px;
}
#consultant .underlined-text{
	width:100%;
}
.post-content #consultant hr {
	margin:0;
}
@media screen and (max-width:890px) {
	/* 	#consultant{
	gap:0px;
}
	#consultant .introduce{
	width:100%;
	min-width:375px;
	display:flex;
	flex-direction:column;
	gap:20px;
	padding: 3% 10%;
}	
	*/
	#consultant .introduce-box-reverse{
		grid-template-columns:200px 1fr ;
		padding: 3% 3% 3% 10%;
	}
	#consultant .introduce-box-reverse img{
		grid-column:1;
	}
	#consultant .introduce-box-reverse .item{
		grid-column:2;
	}
	#consultant .introduce .item{
		padding-left:7%;
	}
	#consultant .stance-box {
		margin-top: 30px;
	}

}
@media screen and (max-width:635px) {

	#consultant .introduce-box,#consultant .introduce-box-reverse{
		display:flex;
		flex-direction:column;
		padding:5% 3%;
	}
}


/*-----------------------*/
/*achievements*/
/*-----------------------*/

#achievements{
	width:100%;
}
#achievements .haikei3{	
	padding-top:80px;
}@media screen and (max-width:900px){
	#achievements .haikei3{
		padding-top:30px;
	}
}

#achievements .ex{
	width:100%;
	position: relative;
	z-index: 0;
	background: #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:50px;
}@media screen and (max-width:812px) {
	#achievements .ex{gap:0px;}
}
#achievements .ex::after{
	content: "";
	position: absolute;
	right:0;
	top: 0;
	z-index: -1;
	width: 20%;
	height: 100%;
	background: #97C938;
	border-radius: 50px 0  0 0;
}

#achievements .ex .ex-box{
	width: 90%;
	display:grid;
	/* 	grid-template-columns: 80px 1fr 1fr 1fr; */
	grid-template-columns: 80px 370px 1fr;	
	grid-template-rows:100px 1fr 60px;
	/* 	gap: 50px 10px; */
	/* 	align-items:flex-end; */
	/* 	align-items:center; */
	gap: 20px 10px;	
	padding: 30px 5% 20px;
	position:relative;
}@media screen and (max-width:812px) {

	#achievements .ex .ex-box{	
		width:100%;
		grid-template-columns: 50px 1fr;
		/* 		grid-template-rows:20px 80px 1fr minmax(60px, auto); */
		grid-template-rows:auto 60px;
		/* 		margin-bottom:50px; */
		/* 		place-items:center; */

		gap: 0px 30px;
		padding: 20px 3% 20px;
	}
	#achievements .ex-box-item4 {
		padding-left:5%;
	}	
}
#achievements .ex-box-item1{
	grid-column:1;
	/* 		grid-row:1/4; */
	grid-row:1;
	position:absolute;
	content:'';
	top:-20%;
}@media screen and (max-width:812px) {
	#achievements .ex-box-item1{
		grid-row:1/3;
	}
}

#achievements .font-title{
	font-size:120px;
	font-weight:lighter;
}

#achievements .ex-box-item2{
	grid-column:2/3;
	grid-row:1/3;
}@media screen and (max-width:812px) {
	#achievements .ex-box-item2{
		grid-column:2/3;
		grid-row:1/3;
	}
}@media screen and (max-width:505px) {
	#achievements .ex-box-item2 .bl-br{
		display:none;
	}
	#achievements .ex-box-item2 .no-br{
		display:block;		
	}
}

#achievements .ex-box-item3{
	grid-column:2/3;
	grid-row:3/4;
}@media screen and (max-width:812px) {
	#achievements .ex-box-item3{
		grid-column:2/3;
		grid-row:4;
	}
}@media screen and (max-width:800px) {
	#achievements .ex-box-item3{
		grid-column:2/3;
	}
}

#achievements .ex-box-item4{
	grid-column:3/4;
	grid-row:1/3;
	display: grid;
	align-items: flex-end;
}@media screen and (max-width:859px) {
	#achievements .ex-box-item4{
		display:none;
		text-align:center;
		grid-column:2/3;
		grid-row:2;
	}	
	#achievements .ex-box-item4 img {
		max-width: 50%;
	}
}@media screen and (max-width:800px) {
	#achievements .ex-box-item4{
		text-align:left;
		padding-left:15%;
	}
}


#achievements a.ex-btn{
	display:grid;
	place-items:center;
	width:80%;
	/* 	height:100%; */
	/* 	padding: 5px 10px; */
	border-radius:20px;
	color: #fff;
	text-align:center;
	background-color: #233B5E;
	border-bottom: 3px solid rgb(162, 175, 185);
	margin-top:5px;
}@media screen and (max-width:582px) {
	#achievements a.ex-btn{
		width:100%;
		height:100%;
	}
}

#achievements a.ex-btn:hover {
	margin-top: 3px;
	color: #fff;
	background: #3A78B7;
	border-bottom: 0px solid #3A78B7;
}
#achievements a.ex-btna--shadow {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

#achievements .image img{
	border-radius: 20px;
}

#achievements .haikei4{	
	width:100%;
	height:80px;
	position: relative;
	z-index: 0;
	background: #97C938;
	/* 	padding: 50px 0; */
}
#achievements .haikei4::after{
	content: "";
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width:80%;
	height: 100%;
	background:#fff ;
	border-radius:  0 0 50px 0;
	/* 	padding: 50px 0; */
}


/*-----------------------*/
/*yokuaru-thema*/
/*-----------------------*/

#yokuaru-thema{
	width:100%;
	background-color: #97C938;
	border-radius: 0 0 50px 0px;
	display:grid;
	place-items:center;
	padding: 50px 0 ;
	border-radius:30px 0 30px 0;
}

#yokuaru-thema .yokuaru-thema-ex{
	width:80%;
	display:flex;
	flex-direction:column;
	gap:20px;
}@media screen and (max-width:839px) {
	#yokuaru-thema .yokuaru-thema-ex{
		width:95%;
	}
}

#yokuaru-thema .yokuaru-thema-ex p{
	display:inline-block;
}

#yokuaru-thema .yokuaru-thema-title{
	/* 	grid-column:1/3;
	grid-row:1; */
	display:inline-block;
}@media screen and (max-width:582px) {
	#yokuaru-thema .yokuaru-thema-title{
		text-align:center;
	}
}

#yokuaru-thema .box{
	background-color:#F0FCDA;
	display:flex;
	flex-direction:row;
	gap:20px;
	margin-top:30px;
	padding: 20px;
	border-radius:20px;
}@media screen and (max-width:839px) {
	#yokuaru-thema .box{
		margin-top:0px;
		background-color:#97C938;
		flex-direction:column;
		padding: 20px 3% 0;
	}
	#yokuaru-thema .smaller{
		font-size: medium;
	}
}


#yokuaru-thema .yokuaru-thema-ex-item{
	display:flex;
	flex-direction:column;
	border: solid 1px #F0FCDA;
	background-color:#fff;
	/* 	background: transparent; */
	margin: 0 5px;
	padding: 0 5px;
	border-radius:10px;
	/*背景透明に*/
}
#yokuaru-thema .yokuaru-thema-ex .yokuaru-thema-ex-title{  

	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #233B5E;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px  #233B5E;/*左線*/
	margin:10px 0;
}
#yokuaru-thema .yokuaru-thema-ex list-12{
	list-style-type: none;
}
#yokuaru-thema .yokuaru-thema-ex .list-12 li {
	display: flex;
	align-items: center;
	gap: 0 10px;
	position: relative;
	padding: .3em .3em .3em 1.5em;
}

#yokuaru-thema .yokuaru-thema-ex .list-12 li::before,
#yokuaru-thema .yokuaru-thema-ex .list-12 li::after {
	position: absolute;
	content: '';
}

#yokuaru-thema .yokuaru-thema-ex .list-12 li::before {
	left: 0;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background-color: #2589d0;
}

#yokuaru-thema .yokuaru-thema-ex .list-12 li::after {
	left: .6em;
	transform: translateX(-75%) rotate(-45deg);
	width: .3em;
	height: .3em;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}



/*ベース*/
#yokuaru-thema .toggle {
	display: none;
}
#yokuaru-thema .Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#3A78B7;
}
#yokuaru-thema .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
#yokuaru-thema .Label,
#yokuaru-thema .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#yokuaru-thema .content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
#yokuaru-thema .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
#yokuaru-thema 　.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}



/*-----------------------*/
/*ichirei*/
/*-----------------------*/
#ichirei{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}
@media screen and (max-width:582px) {
	#ichirei .smaller{
		font-size: medium;
	}
}		
#ichirei .ichirei-ex-box{		
	width:100%;
	display:grid;
	grid-template-columns: 80px 1fr 1fr 1fr;
	grid-template-rows:160px 1fr;
	/* 	align-items:center; */
	padding: 20px 5% 0;
	position:relative;

}@media screen and (max-width:933px) {	

	#ichirei .no-br-after{
		display:block;
	}
}@media screen and (max-width:582px) {

	#ichirei .ichirei-ex-box{	
		width:80%;
		grid-template-columns: 50px 1fr 1fr 1fr;
		width:100%;
		gap:30px 10%;
		padding: 0px 5%;
	}

	#ichirei .ex-box-item2-smaller{
		font-size:smaller;
	}
	#ichirei .ichirei-ex-box .bl-br{	
		display:none;		
	}
	#ichirei .ichirei-ex-box .no-br{
		display:block;		
	}
	#ichirei .no-br-after{
		display:none;
	}
}
}@media screen and (max-width:468px) {
	#ichirei .ichirei-ex-box{	
		gap: 1% 30px;
	}

}

#ichirei .ichirei-ex-box img{
	border-radius: 20px;
}@media screen and (max-width:582px) {
	#ichirei .ichirei-ex-box img{
		opacity:0;
	}
}

#ichirei .ex-box-item1{
	grid-column:1/2;
	grid-row:1;
	position:absolute;
	top:-50px;	
}@media screen and (max-width:582px) {
	#ichirei .ex-box-item1{
			top:-100px;	
	}
}

#ichirei .font-title{
	font-size:120px;
	font-weight:lighter;
}@media screen and (max-width:582px) {
	#ichirei .font-title{
		margin-top:50px;
	}
}

#ichirei .ex-box-item2{
	grid-column:2/4;
	grid-row:1;
}@media screen and (max-width:582px) {
	#ichirei .ex-box-item2{
		grid-column:2/5;

	}
}

#ichirei .ex-box-item4{
	grid-column:4/5;
	grid-row:1;
}
#ichirei .ex-box-item5{
	grid-column:1/5;
	grid-row:2;
}
#ichirei .waku{
	width:100%;
	display:grid;
	gap:20px;
	grid-template-columns:repeat(2,1fr);
	padding:50px 0 20px;

	/* }@media screen and (max-width:979px) { */
}@media screen and (max-width:582px) {

	#ichirei .waku{
		grid-template-columns:1fr;
		padding:0px 0 50px;
	}
}

#ichirei .waku-list{
	display:flex;
	flex-direction:column;
	gap:20px;

	/* }@media screen and (max-width:979px) { */
}@media screen and (max-width:582px) {
	#ichirei .waku-list{
		margin-top:30px;
		align-items:center;
		gap:30px;
	}
}
#ichirei .waku-title{
	display:grid;
	place-items:center;
	width:200px;
	height:40px;
	padding: 2px 10px;
	border-radius:20px;
	color: #fff;
	text-align:center;
	background-color: #233B5E;
}
#ichirei .waku-list2{
	/* 	display:grid; */
	/* 	place-items:center; */
	padding:30px 10px;
	border:solid 1px #233B5E;
	margin: 30px 0;
	gap:5px;
}



.haikei5{
	width:100%;
	position: relative;
	z-index: 0;
	background: #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding: 50px 0;
}@media screen and (max-width:900px) {
	.haikei5{
		padding: 30px 0;
	}
}

.haikei5::after{
	content: "";
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
	width: 20%;
	height: 100%;
	background: #F0FCDA;
	border-radius:  0 50px 50px 0 ;
}
.haikei6{
	width:100%;
	position: relative;
	z-index: 0;
	background: #fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding: 50px 0;
}@media screen and (max-width:900px) {
	.haikei6{
		padding: 30px 0;
	}
}
.haikei6::after{
	content: "";
	position: absolute;
	right:0;
	top: 0;
	z-index: -1;
	width: 20%;
	height: 100%;
	background: #F0FCDA;
	border-radius: 50px 0 0 50px;
}


/*-----------------------*/
/*survice*/
/*-----------------------*/
#survice{
	margin-top:100px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}@media screen and (max-width:953px) {
	#survice{
		margin-top:0px;
	}
}

#survice p {
	z-index:10;	
}

#survice .haikei7{
	margin:50px 0;
	width:100%;
	background-color:#97C938;
	position:relative;
	z-index:1;	
}
#survice .haikei7-haikei{
	margin-top: 50px;
	background-color:white;
	border-radius: 0 50px 0 0 ;
	display:grid;
	place-items:center;
}@media screen and (max-width:953px) {
	#survice .haikei7-haikei{
		margin-top: 30px;
	}
}

#survice .haikei7-img{
	width:100px;
	height:100px;
	content:"";
	position:absolute;
	top:-50px;
	right:10%;
}@media screen and (max-width:953px) {
	#survice .haikei7-img{
		width:80px;
		height:80px;
		top:-30px;
	}
}
#survice .survice-box{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	padding:50px 5%;
}@media screen and (max-width:953px) {
	#survice .survice-box{
		width:95%;
		grid-template-columns:1fr;
		grid-template-rows:repeat(3,1fr);
		padding:50px 0;
		gap:30px;
	}
}

#survice .survice-box-item{
	display:grid;
	grid-template-rows: 70px 160px 30px 120px;
	justify-content:center;
	gap:30px;
	padding: 50px 5% 30px;
	border-radius:30px;
}@media screen and (max-width:953px) {
	#survice .survice-box-item{
		grid-template-rows: 70px 100px 30px 120px;
		place-items:center;
	}
}

#survice .survice-box .box-item1{
	background-color:#F0FCDA;

}
#survice .survice-box .box-item2{
	background-color:#fff;

}
#survice .survice-box .box-item3{
	background-color:#CAD4E1;

}


#survice .survice-box .title{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	/* 	margin: 0 3%;
	gap:1rem; */
}@media screen and (max-width:953px) {

	#survice .survice-box .title{
		justify-content:space-around;
		gap:20px;
	}
	#survice .survice-box .title .bl-br{
		display:none;
	}
}@media screen and (max-width:409px) {	
	#survice .survice-box .title .bl-br{
		display:block;
	}
}


#survice .survice-box-item img{
	width:50px;
	height:50px;
	border-radius:20px;
}

#survice a.ex-btn{
	/* 	min-width:100px; */
	width:100%;
	height:50px;
	display:grid;
	place-items:center;
	text-align:center;
	padding: 0.3rem;
	color:white;
	padding: 5px 10px;
	border-radius:20px;
	color: #fff;

	background-color: #233B5E;
	border-bottom: 3px solid rgb(162, 175, 185);
}

#survice a.ex-btn:hover {
	margin-top: 3px;
	color: #fff;
	background: #3A78B7;
	border-bottom: 0px solid #3A78B7;
}
#survice a.ex-btna--shadow {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

@media screen and (max-width:479px) {
	#survice .no-br{
		display:block;
	}

}


/*
#survice .survice-box-item .ryoukin{
padding: 0.3rem;
width:100px;
color:white;
background-color:#233B5E;
border-radius:10px;
}

#survice .survice-box-item .ryoukin a.ex-btn{
color:white;
border-bottom: 3px solid rgb(162, 175, 185);
}

#survice .survice-box-item .ryoukin a.ex-btn:hover {
margin-top: 3px;
color: #fff;
background: #3A78B7;
border-bottom: 0px solid #3A78B7;
}
#survice .survice-box-item .ryoukin a.ex-btna--shadow {
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
} */

/*-----------------------*/
/*nenkankeiyaku*//*-- 年間契約--*/
/*-----------------------*/

#nenkan-keiyaku{
	width:100%;
	padding:100px 0 50px;
	background-color:#F0FCDA;
	/* 	border-radius: 0 50px 50px 0;  */

	display:grid;
	place-items:center;
}@media screen and (max-width:900px) {
	#nenkan-keiyaku{
		padding-top: 30px;
	}
}

#nenkan-keiyaku .title-box{
	width:80%;
	text-align:left;
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .title-box{
		width:95%;
	}
}
#nenkan-keiyaku .title{
	display:flex;
	flex-direction:row;
	justify-content:start;
	align-items:center;
	padding: 10px 5px;
	gap:1rem;
}
#nenkan-keiyaku img{
	width:50px;
	height:50px;
	border-radius:20px;
}

#nenkan-keiyaku .nenkan-keiyaku-box{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	/* 	display:flex; */
	align-items:start;
	justify-content:center;
	gap:10px;
	padding: 0 2%;
}@media screen and (max-width:926px) {

	#nenkan-keiyaku .nenkan-keiyaku-box{	
		width:95%;
		display:flex;
		flex-direction:column;
		padding: 30px 2%;
	}	
	#nenkan-keiyaku .bl-br{
		display:none;
	}
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-1-1{
	grid-column:1;
}
#nenkan-keiyaku .nenkan-keiyaku-box-item-1-2{
	grid-column:2;
}
#nenkan-keiyaku .nenkan-keiyaku-box-item-1-3{
	grid-column:3;
}
#nenkan-keiyaku .nenkan-keiyaku-box-item{
	width:100%;
	margin:30px 0;
	display:grid;
	grid-template-rows: 50px 150px 1fr;
	gap:5px;	

}
/* #nenkan-keiyaku .nenkan-keiyaku-box-item-center{
display:grid;
place-items:center;
}
*/
#nenkan-keiyaku .nenkan-keiyaku-box-item-1{
	width:100%;
	color:#fff;
	display:grid;
	place-items:center;
	text-align:center;
	padding: 0.3rem 0;
	background-color:#233B5E;
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-2{
	background-color:#C6D732;
	display:grid;
	grid-auto-rows: 30px 1fr 30px;
	place-items:center;
	padding: 0.3rem;
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-2-2{
	background-color:#97C938;
}
#nenkan-keiyaku .nenkan-keiyaku-box-item-2-3{
	background-color:#CECE06;
}

#nenkan-keiyaku .hosoku{
	width:80%;
	color: #233B5E;
	background-color:#fff;
	display:grid;
	place-items:center;
	padding: 0 5%;
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-3-1{
	border: solid 1px #e5e5e5;
	background-color:#fff;	
	padding: 1rem 3%;
	display:grid;
	grid-template-rows:repeat(4,80px);
	align-items:center;
	/* 	grid-template-rows:100px 130px 130px 130px; */	
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .nenkan-keiyaku-box-item-3-1{
		grid-template-rows:repeat(4,60px);
	}
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-3-2{
	border: solid 1px #e5e5e5;
	background-color:#fff;	
	padding: 1rem 3%;
	display:grid;
	grid-template-rows:repeat(6,80px);
	align-items:center;
	/* 		grid-template-rows:100px 130px 130px 130px 130px 130px; */
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .nenkan-keiyaku-box-item-3-2{
		grid-template-rows:repeat(6,60px);
	}
}
#nenkan-keiyaku .nenkan-keiyaku-box-item-3-3{
	border: solid 1px #e5e5e5;
	background-color:#fff;	
	padding: 1rem 3%;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:repeat(8,80px);
	align-items:center;
	/* 	grid-template-rows:100px 130px 130px 130px 130px 130px 200px 200px; */
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .nenkan-keiyaku-box-item-3-3{
		grid-template-rows:repeat(8,60px);align-content
	}
}

#nenkan-keiyaku .nenkan-keiyaku-box-item-1-2 .hosoku,#nenkan-keiyaku .nenkan-keiyaku-box-item-1-3 .hosoku{
	opacity:0
}

#nenkan-keiyaku dt{
	margin-bottom:10px;
}
#nenkan-keiyaku dd{
	display:grid;
	grid-template-columns:30px 3fr;
	justify-content:start;
	align-items:start;
}@media screen and (max-width:926px){
	/* 	#nenkan-keiyaku dl dd{
	padding: 0 10% 0 15%;		
} */
	#nenkan-keiyaku dl{
		display:grid;
/* 		gap:30px; */
	} 

	#nenkan-keiyaku .nenkan-center{
		width:100%;
		display:grid;
		place-items:center;
		background-color:#fff;
		padding: 20px 0;
	}
	#nenkan-keiyaku .nenkan-keiyaku-box-item-3-1,#nenkan-keiyaku .nenkan-keiyaku-box-item-3-2,#nenkan-keiyaku .nenkan-keiyaku-box-item-3-3{
		border:none;
	}

	#nenkan-keiyaku  .nenkan-center .bl-br{
		display:none;
	}
}

#nenkan-keiyaku .dd01{
	grid-row:1;
	text-align:center;
}
#nenkan-keiyaku .dd02{
	grid-row:2;
}
#nenkan-keiyaku .dd03{
	grid-row:3;
}
#nenkan-keiyaku .dd04{
	grid-row:4;
}
#nenkan-keiyaku .dd05{
	grid-row:5;
}
#nenkan-keiyaku .dd06{
	grid-row:6;
}
#nenkan-keiyaku .dd07{
	grid-row:7;
}

#nenkan-keiyaku .dd05-09{
	width:100%;
	/* 	grid-row:5/10; */
	position:relative;
	padding: 30px 5px;
	/* 	display:flex;
	flex-direction:column; */
	/* 	justify-content:center;
	align-items:end; */
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .dd05-09{
		display:none;
	}
}


#nenkan-keiyaku .nenkan-keiyaku-box .dd05-09 p{
	content:'';
	position:absolute;
	text-align:center;
	/* 	top:100%;	
	left:30%; */
	top:50%;	
	left:25%;
}
#nenkan-keiyaku .nenkan-keiyaku-box .dd05-09 .hukidashi{
	content:'';
	position:absolute;
	/* 	top:50%;
	left: 8%; */
	top:10%;
	left:15%;
	width:70%;
	height:290%;
}

#nenkan-keiyaku .nenkan-keiyaku-box .dd05-09 .hukidashi::before{
	height:80%;
	background-color:#fff;
}

#nenkan-keiyaku .nenkan-keiyaku-box .dd05-09 .dansei{
	content:'';
	position:absolute;
	top: 320%;
	left: 20%;
	width: 130px;
	height: 150px;
}
#nenkan-keiyaku  .dd07-09{
	width:100%;
	/* 	grid-row:5/10; */
	position:relative;
}@media screen and (max-width:926px) {
	#nenkan-keiyaku .dd07-09{
		display:none;
	}
}

#nenkan-keiyaku .dd07-09 .pasocon{
	content:'';
	position:absolute;
	top:10px;
	left:25%;
	width:130px;
	height:130px;
}

#nenkan-keiyaku .btn-contact{
	width:40%;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:511px) {
	#nenkan-keiyaku .sp-smaller{
/* 		font-size:smaller; */
	}

	#nenkan-keiyaku .no-br{
/* 		display:block; */
	}
}
/*-----------------------*/
/*spot-light*//*-- スポットサービス--*/
/*-----------------------*/
#spot-light{
	width:100%;
	padding:100px 0 150px;
	/* 	background-color:#F0FCDA; */
	border-radius: 50px; 
	display:grid;
	place-items:center;
}@media screen and (max-width:900px) {
	#spot-light{
		padding:30px 0 50px;
	}
}

@media screen and (max-width:676px) {
	#spot-light .no-br{
/* 		display:block; */
	}
}

#spot-light .title-box{
	width:80%;
	text-align:left;
}@media screen and (max-width:953px) {
	#spot-light .title-box{
		width:95%;
	}
}
#spot-light .title{
	display:flex;
	flex-direction:row;
	justify-content:start;
	align-items:center;
	padding: 10px 5px;
	gap:1rem;
}
#spot-light .title img{
	width:50px;
	height:50px;
	border-radius:20px;
}

#spot-light dl{
	width:80%;
	background-color:#F0FCDA;
	margin-top:50px;
}@media screen and (max-width:953px) {
	#spot-light dl{
		width:90%;
	}
}
@media screen and (max-width:409px) {	
	#spot-light dl .no-br{
		display:block;
	}
}
#spot-light dt{
	background-color:#97C938;
	color: #fff;	
	padding: 0.5rem 1rem;
}
#spot-light dd{
	border: solid 1px #e5e5e5;
	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items:center;
	justify-content:start;
	padding: 0.5rem 1rem;
	gap:10px;
}

/*-----------------------*/
/*active-consult*//*-- アクティブコンサルタント--*/
/*-----------------------*/

#active-consult{
	width:100%;
	padding:100px 0 50px;
	background-color:#EFEFFB;
	/* 	border-radius: 50px 0 0 50px;  */
	display:grid;
	place-items:center;
	gap:30px;
}@media screen and (max-width:900px) {
	#active-consult{
		padding:30px 0 ;
	}
}

#active-consult .box{
	width:80%;
	display:flex;
	flex-direction:column;
	gap:30px;

}@media screen and (max-width:953px) {

	#active-consult .box{
		width:90%;
	}
}

#active-consult .title{
	display:flex;
	flex-direction:row;
	justify-content:start;
	align-items:center;
	padding: 10px 5px;
	gap:1rem;
}
#active-consult .title img{
	width:50px;
	height:50px;
	border-radius:20px;
}

#active-consult .title-box-top{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	/* 	margin: 0 0 20px 0; */
}
#active-consult .title-box-top img{
	width:20%;
}
@media screen and (max-width:638px) {
	#active-consult .title-box-top .x-larger{
		font-size:larger;
	}
}
@media screen and (max-width:409px) {	
	#active-consult .no-br{
		display:block;
	}
	#active-consult .bl-br{
		display:none;
	}
}


#active-consult .active-consult-project{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:20px;
}

#active-consult .active-consult-project-title{	
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #233B5E;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px  #233B5E;/*左線*/
	margin:10px 0;
}

#active-consult tr{
	display:grid;
	grid-template-columns:60px 1fr 1fr;
}
#active-consult tr .item{
	display:grid;
	place-items:center;
}
#active-consult .a-plan{
	width:100%;
	background-color:#97C938;
	color:#fff;
	text-align:center;
}

#active-consult .b-plan{
	width:100%;
	background-color:#233B5E;
	color:#fff;
	text-align:center;
}
#active-consult .active-consult-survice{
	display:flex;
	flex-direction:column;
	gap:30px;
	position:relative;
}

#active-consult .active-consult-survice-title-img {
	position:absolute;
	top:5%;
	right:5%;
}


#active-consult .active-consult-survice-title{
	width:30%;
	text-align:right;
	background-color:#233B5E;
	padding:0.5rem;

}

#active-consult .active-consult-survice-box{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:5px;
	padding: 0 3%;
}
#active-consult .active-consult-survice-box-item{
	display:grid;
	grid-template-rows:60px 60px 1fr;
}

#active-consult .active-consult-survice-box-item-top{
	width:100%;
	height:100%;
	background-color:#233B5E;
	color:#fff;
	display:grid;
	place-items:center;
}

#active-consult .active-consult-survice-box-item-middle{
	width:100%;
	height:100%;
	background-color:#97C938;
	color:#fff;
	display:grid;
	place-items:center;
}

#active-consult .active-consult-survice-box-item-bottom{
	background-color:#fff;
	display:grid;
	justify-content:start;
}


#active-consult ul{
	padding:0.5em;
	list-style-type:none;
}

#active-consult ul li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
#active-consult ul li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0.2em;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #233B5E;
}

#active-consult .picture{
	width:50%;
	display:flex;
	justify-content:space-around;
	align-items:center;	
}

@media screen and (max-width:638px) {
	#active-consult .picture {
		width:100%;
	}
}


/*-----------------------*/
/*contact*//*-- コンタクト--*/
/*-----------------------*/
#contact{
	width:100%;
	padding: 100px 0 50px;
	display:grid;
	place-items:center;
	gap:50px;
}@media screen and (max-width:900px) {
	#contact{
		padding: 30px 0;
		gap:30px;
	}
}@media screen and (max-width:670px) {

	#contact .no-br{
/* 		display:block; */
	}
}

#contact .contact-detail{
	width:90%;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:3%;
}@media screen and (max-width:679px) {

	#contact .contact-detail{
		width:90%;
		display:flex;
		flex-direction:column;
		gap:20px;
	}
}

#contact .contact-detail-item{
	width:100%;
	color:#fff;
	margin:30px 0;
	padding: 10px 0 ;
	display:grid;
	gap:10px;
}
#contact .contact-detail-item-left{
	width:100%;
	border-radius:50px;	
	display:grid;
	place-items:center;
	background-color:#97C938;
}
#contact .contact-detail-item-right{
	width:100%;
	border-radius:50px;
	align-items
	display:grid;
	place-items:center;
	background-color:#233B5E;
}

#contact .contact-detail-item-title{
	width:100%;
	background-color:#fff;

	padding:0.1rem 0;
	color:#233B5E;
}
#contact .contact-detail-item dl{
	margin:0 5%;
	display:grid;
	grid-template-columns:100px 1fr;
	grid-template-rows: 1fr 2fr 1fr 55px;
	gap:5px;
}	

#contact .contact-detail-item dt{
	text-align:center;
}
#contact .contact-form{
	margin:0 3%;
}

#contact form{
	width:100%;
	display:grid;
	gap:30px
}


/*-----------------------*/
/*company*//*-- 会社--*/
/*-----------------------*/
#company{

	width:100%;
	padding:100px 0 50px;
	background-color:#F0FCDA;
	border-radius: 50px; 
	display:grid;
	place-items:center;
}@media screen and (max-width:900px) {
	#company{
		padding: 30px 0;
	}
}


#company .company-title{
	display:inline-block;
	position:relative;
}
#company .company-title img{
	width:100%;
	content:'';
	position:absolute;
	/* 	top:-3%; */
	left:-270%;
}@media screen and (max-width:616px) {

	#company .company-title img{
		opacity:0;
	}
}


#company .company-box{
	margin:50px 0 0 0;
	width:80%;
	background-color:#EFEFFB;
	border-radius:50px;
	display:grid;
	place-items:center;
}@media screen and (max-width:900px) {
	#company .company-box{
		width:95%;
	}
}

#company .company-box dl{
	width:90%;
	display:grid;
	grid-template-columns:220px 1fr;
	gap:30px 10px;
	align-items:center;
	padding:50px 0;
	padding: 3%;
}@media screen and (max-width:881px) {
	#company .company-box dl{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		gap:5px;
		padding: 50px 0;
	}


}
#company .company-box dt{
	padding:5px;
	font-weight:bold;
}
#company .company-box dd{
	width:100%;
	padding:5px 3%;
	background-color:#fff;
}@media screen and (max-width:881px) {

	#company .company-box dd{
		margin-bottom:10px;
	}
}

.footer-link{
	margin-top:50px;
	/* 	width:100%;
	display:flex;
	justify-content:center;
	align-items:center; */
	/* 	gap:3%;
	margin-bottom:5px; */
}