@charset "UTF-8";		


.mt70{
	margin-top:70px;
}
.mlr10{
	margin-left:10px;
	margin-right:10px;
}



	/************* 共通ヘッダーを非表示 *************/
	.header_catetop_img-inner {
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		padding: 0;
	}

	h1 {
		display: block;
		overflow: hidden;
		height: 80px;
		padding: 0 !important;
		text-indent: 100%;
		white-space: nowrap;
	}@media screen and (max-width:667px) {
		h1 {
			height: 50px;
		}
	}

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

	/************* 共通ヘッダーを非表示 *************/
	h1,h2,h3,h4 {
		border-top: none !important;
		border-bottom: none !important;
		background: none !important;
		text-align: left;
	}

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

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


	/**********共通変更****************/
	article.post, article.page, article.wp101, article.seo101 {
		padding: 0;
	} 
	@media screen and (max-width: 767px)
	{
		.wrap, .one-column #content .wrap {
			margin-left: 0px; 
			margin-right: 0px;
			/* 				width: auto; */
			padding: 0; 
		}
	}
	.one-column #content .wrap {
		/* 			background: #f4fbfe; */
	}

	#content {
		padding: 0; 
	}		

	body{
		/* 			background-image: url("http://www.j-union.net/wp-content/uploads/2024/06/pengin.png");
		background-repeat:repeat; */
		font-weight:500;
		background:#fff;
	}
	article{
		padding:0 0 50px;
		margin-bottom:6%;
	}@media screen and (max-width:667px) {
		article{
			padding-bottom:20px;
		}
	}

	.title_h2 {		
		display:inline;
		font-size: x-large;
/* 		line-height:22px; */
		border-top: #007668 double 3px;
		border-bottom: #007668 double 3px;
/*  		padding: 20px 20px 20px 80px; */
		padding: 20px 50px;
		text-align:center;
		margin-bottom: 0px; 
		font-weight:bold; 
		position: relative;
		margin:  30px 0 30px;
	}@media screen and (max-width:667px) {
		.title_h2 {
			font-size:larger;
		}
	}

	.title_h2::before {
		position: absolute;
		top:0;
		left: 15px;
		color: #007668;
		font-size:xxx-large;
		content:'';
	}

	.title_h2_box{
		display:flex;
		justify-content:center;
		align-items:center;
		padding: 50px 0 30px;
	}


/* 	#link1 .title_h2::before {	content: '01';}
	#link2 .title_h2::before {	content: '02';}
	#link3 .title_h2::before {	content: '03';}
	#link4 .title_h2::before {	content: '04';}
	#link5 .title_h2::before {	content: '05';}
	#link6 .title_h2::before {	content: '06';}
	#link7 .title_h2::before {	content: link207';} */

	h3{
		padding-bottom:0;
		margin: 30px 0px 30px;
	}
	.post-content p{
		margin: 0 ; 
		line-height:1.8;
	}		

	h4 {
		color: #1b7f2f;
		font-size: 18px;
		line-height: 1.5;
		margin-top:0; 
		margin-bottom: 1em;
		text-align: left;
		font-weight: bold;
	}
	@media screen and (max-width: 767px) {
		.post-content h4 {
			margin: 0;
		}
	}
	main{
/* 		padding: 0 3%; */
	}

	dt{
		margin: 0 0 20px;
		/* 			padding: 0 4%; */
		font-weight:bold;
		font-size:larger;
	}
	dd{

/* 		font-size:smaller; */
	}@media screen and (max-width:667px) {
		dd{

		}
	}

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

	.gc{
		color:#007668; /*グリーン*/
	}
	.bc{color:#0088d3;} /*ブルー*/


	.rc{color:#ff3100;} /*赤*/	

	/*Zen Kaku Gothic New*/
	.font_tegaki{
		font-family: "Zen Kurenaido", sans-serif;
		font-weight: 700;
		font-style:italic;
	}

	/* マーカー*/
	.yc-bottom{
		background:linear-gradient(transparent 50%, yellow 50%);
	}

	.back_green{
		background-color:#e2f1ee;
	}				
	.back_blue{
		background-color:#e9f2f7;
	}
	.relative {
		position: relative;
	}
	.p_smaller{
		font-size:small;	
	}		
	.p_xsmaller{
		font-size:x-small;	
	}		
	.p_xxsmaller{
		font-size:xx-small;	
	}	
	.p_larger{
		font-size:larger;
	}
	.p_xlarger{
		font-size:x-large;
	}
	.p_xxlarger{
		font-size:xx-large;
	}
	.p_xxxlarger{
		font-size: xxx-large;
	}
	.p_medium{
		font-size: medium;
	}
	.p_title{
		font-size: large;
		font-weight:bold;			
	}
	.p_bold{
		font-weight:bold;
	}
	.p_xxxbold{
		font-weight:900;
	}
	.center{
		display:flex;
		text-align:center;
		align-items:center;
		justify-content:center;
	}
	.indent{
		padding-left: 1em;
	}

	.toiawase{
		font-size:larger;
		font-weight:bold;
	}

	/*改行表示*/
	.spbr{
		display: none;
	}@media screen and (max-width:667px) {
		.spbr {
			display: block;
/* 			font-size: medium; */
		}
	}

	.p_size {
			font-size: larger;
		}

	/* サイト全体のコンテンツ幅を設定 */
	.container {
		max-width: 100%;
		margin: 0 auto;
		padding-top: 2.5em;
	}@media screen and (max-width:767px) {
		.container {
			margin-top: 50px;
		}
	}@media screen and (max-width:667px) {
		.header{
 			margin-top: 30px; 
		}
	}
	.post-thumbnail{
		display:none;
	}

	/* 中のコンテンツ部分の最大幅を設定 */
	.inner {
		max-width: 100%;
		margin: 0 auto;
	}

	.header{
		width:100%;
		margin:-80px 0 30px;
		background: linear-gradient(90deg,#eef5f6, #d4ecee);
		position:relative;
	}@media screen and (max-width:767px) {
		.header{
			padding-top:10px;
		}
	}@media screen and (max-width:667px){
			padding-top:0px;
	}

	.header .image{
		display:block;
		position: absolute;
		content: '';
		top: 28%;
		right: 10%;
/*  		z-index:10;  */
	}@media screen and (max-width:911px) {
		.header .image{
			top: 23%;
			width:230px;
		}
	}@media screen and (max-width:773px) {
		.header .image{
			top: 33%;
			width:200px;
		}
	}@media screen and (max-width:667px) {
		.header .image{
			top: 38%;
			width:180px;
		}
	}@media screen and (max-width:562px) {
		.header .image{
			top: 39%;
			width:150px;
		}
	}@media screen and (max-width:490px) {
		.header .image{
/* 			top: 44%; */
			top: 13%;
			right:5%;
			width:100px;
		}
	}


	.header .title{
		padding:4%;
		display:flex;
		flex-direction:column;
		gap:25px;
		font-weight:bold;
	}@media screen and (max-width:783px) {
		.header .title{
			padding-top:5%;
		}
	}@media screen and (max-width:667px) {
		.header .title{
			padding-top:9%;
			gap:15px;
		}
	}
	.header .main_title{
		display:flex;
		flex-direction:column;
		gap:0px;
/* 		z-index:1; */
	}
	.header .box{
		display:grid;
		grid-template-columns:repeat(7,1fr);
		padding-right: 1em;
		gap:30px;		
 		align-items:center; 
	}
	.header .box ._a{
		grid-column: 1/3;
		padding-left: 1em;
		/*1番目*/}
	.header .box ._b{
		grid-column: 3/8;
		/*2番目*/
	}
	.header .box ._c{	
		grid-column: 8;
		/*3番目*/
	}@media screen and (max-width:667px) {
		.header .logo{
			width:90%;
		}
		.header .box{
			display:grid;
			/* 			grid-template-columns: auto 90px; */
			grid-template-rows:1fr 0.5fr;
			align-items: center;
			gap:5%;
		}
		.header .box ._a{
			grid-row:1;
			grid-column: 1/7;
			order: 1; /*1番目*/ 
		}
		.header .box ._b{
			order: 3; 
			/*3番目*/	
			grid-row: 2; 
			grid-column: 1 / 9; 
			padding-left: 1em;
		}
		.header .box ._c{
			order: 2; /*2番目*/
		}
	}	

	.header .psize-1{
		font-size:larger;
		font-weight:900;
	}
	.header .psize-2{
		font-size:xx-large;
		font-weight:900;
	}
	.header .psize-3{
		font-size:medium;
	}@media screen and (max-width:667px) {
		.header .psize-1{
			font-size:medium;
			font-weight:900;
		}
		.header .psize-2{
			font-size:x-large;
			font-weight:900;
		}
		.header .psize-3{
/* 			font-size:x-small; */
		}
	}@media screen and (max-width:399px) {
		.header .psize-3{
			font-size:small;
		}
	}
	.header .text{
		z-index:1;
	}				
	.header .getugaku{

/* 		background-color:white; */
		border-radius:50%;
		display:grid;
		place-items:center;
		width:90px;
		height:90px;
		line-height:16px;
	}
	.header .getugaku .moji{
		text-align:center;
		font-weight:bold;
	}
	.header .getugaku p{
		line-height: 1.2;
	}


	.kugiri{
		margin: 20px 0 20px;
		width:100%;
		border-top:solid 8px #e3efed;
	}@media screen and (max-width:667px) {
		.kugiri{
			margin: 30px 3% 0;
		}
	}

	/* マーカー*/
	.huchidori_lb{
		background:linear-gradient(transparent 70%, lightblue 30%);
	}

	.dotted01{
		background-image : linear-gradient(to right, #cfb0c9 3px, transparent 1px);
		background-size: 5px 2px;
		background-repeat: repeat-x;
		background-position: left bottom;
		padding-bottom:2px;
	}

	/* ナビゲーション*/	
	nav{
		display:grid;
		place-items: center;
	}
	.link_ul{
		font-size:0.9rem;
		text-align:center;
		display:flex;
		z-index: 1;
		font-weight:bold; 
	}@media screen and (max-width:806px) {
		.link_ul {
			width: 100%;
			display:grid;
			grid-template-columns:repeat(4,1fr);
			grid-template-rows:repeat(2,1fr);
			font-size:larger;
			text-align:left;
		}
	}@media screen and (max-width:536px) {
		.link_ul {
			width: 100%;
			display:grid;
			grid-template-columns:repeat(3,1fr);
			grid-template-rows:repeat(3,1fr);
/* 			border: solid 2px #26548B;  */
		}
	}

	.link_li {
		font-size:larger;
		z-index: 1;			
		border-right: solid 1px #26548B; 
		padding:0px 10px; 
	}
	@media screen and (max-width:806px) {
		.link_li {	
			font-size:medium;
			text-align:center;
			/*  			border-right:none; */		
			padding: 5px; 
		}

		.link_li a{			
			text-align:center;
		}

		.link_li:nth-child(1),.link_li:nth-child(2),.link_li:nth-child(3),.link_li:nth-child(4){
			border-bottom: solid 1px #26548B; 
		}

		.link_li:nth-child(4){border-right: none;};
		.link_li:last-child {
			border-right: none;
			border-bottom: none;
		}

	}@media screen and (max-width:536px) {
		
		.link_li:nth-child(3){border-right: none;}
		.link_li:nth-child(4){border-right: solid 1px #26548B;}
		.link_li:nth-child(5),.link_li:nth-child(6)
		{
			border-bottom: solid 1px #26548B;
		}
		.link_li:nth-child(6){border-right: none;}
	}@media screen and (max-width:384px) {
		.link_li {	font-size: medium;}
	}


	.link_li a:hover{
		z-index: 1;
		opacity:0.8;
	}

	/* -----*/	
	/* よくあるお悩み link1*/
	/* -----*/	
	#link1{
		width:100%;
	}

	#link1 .box{
/* 		margin-top: 20px; */
		display:grid;
		grid-template-rows:1fr 1fr;
		place-items:center;
/* 		padding: 0 5%; */
		gap:20px;
	}@media screen and (max-width:845px) {
		#link1 .box{
			gap:0;
		}
	}@media screen and (max-width:667px) {
		#link1 .box{
			gap:30px;
		}		
	}
	#link1 .flex{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		place-items:center;

	}@media screen and (max-width:859px) {
		#link1 .flex {
			grid-template-columns:1fr;
			grid-template-rows:repeat(2,1fr);
			gap:30px;
			place-items:normal;
/* 			flex-direction:column;
			align-items:center;
			white-space:nowrap;
			gap:10px; */
		}
	}@media screen and (max-width:667px) {
		#link1 .flex {
/* 			flex-direction:column;
			align-items:center;
			font-size:medium; */
			padding-left:10px; 
		}
	}

	#link1 .flex-item{
/* 		width:100%; */
		display: grid;
		gap: 5%;
	}

	#link1 ul {
		padding: 0.3em 0;
		list-style-type: none;
		border: none;
	}
	#link1 ul li {
		position:relative;
		padding: 0.3em 0 0.3em 1.4em;
		line-height: 1.5;
	}
	#link1 ul li::after,
	#link1 ul li::before {
		content: '';
		position: absolute;
	}
	#link1 ul li::after {
		left: -0.2em;
		top: 7px;
		width: 18px;
		height: 18px;
		background-color: #007668;
		border-radius: 50%;
	}
	#link1 ul li::before {
		z-index: 2;
		left: 1px;
		top: 13px;
		width: 5px;
		height: 5px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#link1 .maru{
		font-size:1rem;
/* 		font-size:small; */
}@media screen and (max-width:667px) {	
		#link1 .maru{
			white-space:normal;
/* 			font-size: medium; */
		}
	}	

	#link1 .point{
 		width:80%; 
		margin: 0 0 2em;
		background: white;
		border-top: solid 5px #007668;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
		padding: 3% 3%;
		font-weight:bold;
		font-size:medium;
		line-height:1.5;
	}@media screen and (max-width:777px) {	
		#link1 .point{
			width:90%;
/* 			border-left: solid 1px #007668;
			border-right: solid 1px #007668; */
/* 			padding: 3% 2%; */
		}
	}
	em{
		padding-bottom:3px;
		border-bottom: 3px dotted;
		color: #007668;
		font-style: normal;
	}
	/* -----*/	
	/* 選ばれる理由 link2*/
	/* -----*/	
	#link2 .box{
		padding: 0 18% 0 ;		
		background-color:#e2f1ee;
		display:grid;
		justify-content:center;
		align-items: end;
	}@media screen and (max-width:667px) {
		#link2 .box{
			padding: 30px 8% 30px ;
		}
	}

	#link2 .box img{
		width:100%;
	}
	#link2 br{
		display:none;
	}@media screen and (max-width:590px) {
		#link2 br{
			display:block;
		}
	}

	/* -----*/	
	/*活用例 link3*/ 
	/* -----*/	
	@media screen and (max-width:667px) {
		#link3 .title_h2_box{
			padding-bottom:0;

		}
	}
	#link3 dt{
		font-size:x-large;
	}
	#link3 .box{
		display:grid;
		place-items:center;
		background-color:#fff;
		gap:30px;
	}@media screen and (max-width:667px) {
		#link3 .box{
/* 			margin-top:20px; */
/* 			margin-bottom:20px; */
			gap:0px;
		}
	}	


	#link3 .grid{
		display:grid;
		grid-template-columns:1fr 1fr;
		place-items:center;
		gap:30px;
		padding: 5%;
	}@media screen and (max-width:667px) {
		#link3 .grid{
			grid-template-columns:1fr;
 			gap:30px; 
			padding: 50px 5%;
		}			
	}
	#link3 .order_a{
		order: 2; /*2番目*/
	}
	#link3 .order_b{
		order: 1; /*1番目*/
	}
	@media screen and (max-width:667px) {	

		#link3 .order_c{
			order: 1; /*1番目*/
		}
		#link3 .order_d{
			order: 2; /*2番目*/
		}
		
		#link3 .grid dt br{display:none;}
		
	}
	.maru3{
		padding-right:5px;
		color: #007668;	
	}


	/* -----*/	
	/*機能 link4*/ 
	/* -----*/	
	#link4 .grid{
		display:grid;
		grid-template-columns:repeat(2,1fr);
/* 		grid-template-rows:repeat(2,1fr); */
		grid-template-rows:130px 1fr;
		justify-content:center; 
		gap:30px;
		padding: 0 5%;
		margin-top:20px;
		margin-bottom:20px;
	}@media screen and (max-width:667px) {	
		#link4 .grid{
			display:flex;
			flex-direction:column;
			gap30px;
			padding: 0 8%;
		}
	}

	.fas_list_title{
		position: relative;
		margin: 0;
		padding: 70px 5% 30px;
		background: #fff;
	}@media screen and (max-width:667px) {	
		.fas_list_title{
			padding-left: 10%;
		}
	}
	.fas_list_title:before{
		position: absolute;
		top: 10px;
		left: -10px;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		line-height: 40px;
		padding: 0 10px 0px 30px;
		background: #1e796b;
		box-shadow: 2px 2px 2px 0 #ccc;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	 	font-family: "Font Awesome 5 Free","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
		font-weight: 400;
	/* 	content: '\f3c5  Prefectures'; */
		font-size: 1.2em;
		color: #fff;
	}
	.fas_list_title:after{
		position: absolute;
		top: 50px;
		left: -10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 6px 0;
		border-color: transparent #1c376e transparent transparent;
		content: '';
	}

	.fas_list_title li{
		list-style: none;
		position: relative;
		margin: 0 0 8px 0;
		padding: 0 0 0 calc(1em + 5px);
		line-height: 1.4;
	}
	.fas_list_title li:before{
		position: absolute;
		top: 0;
		left: 0;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
 		font-family: "Font Awesome 5 Free",sans-serif;
		font-weight: 900;
		content: '\f00c';
 		color: #1e796b; 
	}
	.fas_list_title li:last-child{
		margin-bottom: 0px;
	}

	#link4 .__1{
		grid-column:1;
		grid-row: 1/3;
	}
	#link4 .__2{
		grid-column:2;
		grid-row:1;
	}
	#link4 .__3{
		grid-column:2;
		grid-row:2;
	}
 	#link4 .__1::before{
		/* 		content: '\f0eb' '基本'; */
		content: '\f0eb''\00A0''\00A0''基本'
	}
	#link4 .__2::before{
		/* 		content: '\f0a  オプション機能'; */
		content: '\f0eb''\00A0''\00A0''デジタル広報プラン設定'
	}
	#link4 .__3::before{
		/* 		content: '\f0e6  関連サービス'; */
		content: '\f0eb''\00A0''\00A0''関連サービス'
	} 



	/* -----*/	
	/*料金プラン（年間払い） link5*/ 
	/* -----*/	
	#link5 .grid{
		display:grid;
		place-items:center;
		padding-top:30px;
		gap:30px;
		/* 			padding: 0  10%; */
	}@media screen and (max-width:779px) {	

		#link5 .grid{
			gap:10px; 
		}			
	}
	#link5 .title_text{
		padding: 0 3%;
	}
	#link5 .price{
		width:100%;
		border:1px solid #d3d3d3;
		padding: 1% 10%;
		text-align:center;
		font-weight:bold;
		margin:20px 0;
	}
	#link5 .grid_wrap{
		width:100%;
		display:grid;
		grid-template-columns:repeat(2,1fr);
		place-items:center;
		gap:30px;
	}		@media screen and (max-width:779px) {	
		#link5 .grid_wrap{
			grid-template-columns:1fr;
			gap:50px;
		}			
	}

	/*スタンダード*/ /*アドバンス*//*オプション*/	
	#link5 .standard,#link5 .advance,#link5 .option{
		width:100%;
		height: 100%;
		display:grid;
		place-items: center;
		filter: drop-shadow(2px 2px 2px #aaa);
	}

	/*スタンダード*/ /*アドバンス*/
	#link5 .standard,#link5 .advance{
/* 		grid-template-rows:1fr 0.3fr; */
		grid-template-rows:1fr;
		
		gap:20px;
	}@media screen and (max-width:779px) {	
		#link5 .standard,#link5 .advance{align-content{
			gap:30px;
			}
		}
	}	
	/*uo down*/
	/*スタンダード*/ /*アドバンス*//*オプション*/	
	#link5 .standard .up,#link5 .standard .down,#link5 .advance .up,#link5 .advance .down{
		padding: 5%;
	}
	#link5 .option{
		padding: 5% 6%;
	}@media screen and (max-width:779px) {		
		#link5 .standard .up,#link5 .standard .down,#link5 .advance .up,#link5 .advance .down,#link5 .option{
			width:350px;
			display:grid;
			place-items:center;
		}
		#link5 .advance .down{
			padding-bottom:0;
		}

	}
	#link5 .option dl{
		width:100%;
	} 

	/*デジタル広報*/
	#link5 .standard .up,#link5 .standard .down{
		width:100%;
		background-color:#e9f2f7;
	}@media screen and (max-width:779px) {	
		#link5 .standard .up,#link5 .standard .down{
			width:90%;
		}
	}

	/*ストレージ*/		
	#link5 .advance .up,#link5 .advance .down{
		width:100%;
		background-color:#fcede8;
	}@media screen and (max-width:779px) {	
		#link5 .advance .up,#link5 .advance .down{
			width:90%;
		}
	}

	/*　スタンダード　アドバンス　共通　*/
	#link5 .standard .up .flex,#link5 .standard .down .flex,#link5 .advance .up .flex,#link5 .advance .down .flex{		
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		font-weight:bold;		
		margin-bottom: 10px;
	}@media screen and (max-width:885px) {
		#link5 .standard .up .flex,#link5 .advance .up .flex{
/* 			grid-template-columns: 1fr;
			grid-template-rows:repeat(2, 1fr);
			place-items:center; */
			text-align: center;
			width: 100%;
			align-items: center;
			gap: 10px;
		}
}
	@media screen and (max-width:779px) {	
		#link5 .standard .up .flex,#link5 .standard .down .flex,#link5 .advance .up .flex,#link5 .advance .down .flex{
/* 			grid-template-columns: 1fr;
			gap: 10px;
			text-align: center; */
		}
	}

	#link5 .standard .up .flex .etc,#link5 .advance .up .flex .etc{
		padding: 0 10px; 
		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items:center;
		background-color:white;
	}@media screen and (max-width:905px) {	
			#link5 .standard .up .flex .etc,#link5 .advance .up .flex .etc{
/* 		padding: 4% 0 0 7%; */
		}
	}	@media screen and (max-width:779px) {	
		#link5 .standard .up .flex .etc,#link5 .advance .up .flex .etc{
			padding:5px ;
		}}

	#link5 .standard dd,#link5 .advance dd{
		margin:5px 0; 
	}


@media screen and (max-width:539px) {	
	#link5 .p-dt{
		font-size:small;	
	}
}


	/*オプション*/
	#link5 .option{
		width:100%;
		background-color:#f7f5e8;
	}@media screen and (max-width:779px) {	
		#link5 .option{
			width:80%;
			padding: 5% 2% 10%;
		}

		#link5 .option dt p{
			text-align:center;
		}
	}

	#link5 .option .grid{
		display:grid;
		gap:10px;
}

	#link5 .option .flex{
		display:grid;
		grid-template-columns:0.8fr 1fr;
		gap:20px;		
	}@media screen and (max-width:779px) {	
		#link5 .option .flex{
			grid-template-columns:1fr;
			place-items:center;
			gap:5% 2%;
			padding:5% 3% ;
		}
		#link5 .option .flex dd{
			text-align:center;
			margin-bottom:50px;
		}
	}



	/*導入までの流れ*/
	#link6 .figure {
		background-color:white;
		padding: 6% 3% 2%;	
		width: 95%;
		margin: 0px auto;
	}@media screen and (max-width:667px) {
		#link6 .figure {
/* animation-fill-mode
			width: 90%; */
		}
	}
	
	#link6 .figure li{
		margin-bottom:25px;
	}@media screen and (max-width:667px) {
		#link6 .figure li{
			margin-bottom:55px;
		}
	}

	#link6 .figure dl{
		display:grid;
		grid-template-columns: 0.3fr 1fr;
		height:80px;
		z-index:1;
	}@media screen and (max-width:667px) {
		#link6 .figure dl{			
			height:100%;
			grid-template-columns: 1fr;
			grid-template-rows: 50% 75px;			
		}
	}

	/*dt 共通*/
	#link6 .figure dt{
		height:100%;
		display:grid;
		place-items:center;
		color:white;
		background-color:#00786c;
		padding: 0 7%;
/* 		font-size:smaller; */
	}@media screen and (max-width:667px) {
		#link6 .figure dt{

		}
	}

	#link6 .figure dd{		
		background-color:#e9f2f7;
		padding: 2% 3%;		
	}	


	#link6 .figure .arrow,#link6 .figure .arrow-long{		
/* 		  border-right: 15px solid #5bc0de; */
		box-sizing: border-box;
		position: relative;
		z-index:1;
	}
	/*ライン*/
	#link6 .figure .arrow::before {
		content: "";
		width: 3px;
		height: 100px;
		background-color: #00786c;
		position: absolute;
		top: 0;
		left: 50%;
		z-index:-1;
	}@media screen and (max-width:667px) {
		#link6 .figure .arrow::before {
			width: 0px;
			height: 0px;			
		}
}

	/*矢印の部分*/
	#link6 .figure .arrow::after{
		content: "";
		position: absolute;	
		bottom: -32%;
		right: 45%;
		border-top: 8px solid #00786c;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent; 
		z-index:-1;
	}@media screen and (max-width:667px) {
		#link6 .figure .arrow::after{
			bottom: -170%;
			right: 50%;
		}		
	}
	/*ロングライン*/
	#link6 .figure .arrow-long::before {
		content: "";
		width: 3px;
		height: 280px;
		background-color: #00786c;
		position: absolute;
		top: 0;
		left: 50%;
		z-index:-1;
	}@media screen and (max-width:667px) {
		#link6 .figure .arrow-long::before {
			top: 225%;
			left: 12%;
		}		
	}


	/* ロング 矢印の部分*/	
	#link6 .figure .arrow-long::after{
 		content: "";
		position: absolute;	
		bottom: -214%;
		right: 45%;
		border-top: 8px solid #00786c;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent; 
		z-index:-1;
	}@media screen and (max-width:667px) {
		#link6 .figure .arrow-long::after{
			bottom: -541%;
			right: 86%;
		}		
	}



	#link6 .seisaku{
		margin-left:15%;
		
	}@media screen and (max-width:667px) {
	
	}
	#link6 .seisaku dt{
/* 			font-size:smaller; */
	}	
	#link6 .arrow-indent1,#link6 .arrow-indent2{
		margin-left:12%;
		position: relative;
		width: 116.09px;
		height: 20px;
		border-right: 3px dashed #00786c;
		box-sizing: border-box;
		top:-5px;
	}
	#link6 .arrow-indent1{

		border-top: 3px dashed #00786c;

	}
	#link6 .arrow-indent1::after{		
		content: "";
		position: absolute;
		top: 11px;
		right: -8%;
		border-top: 8px solid #00786c;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent; 
	}

	#link6 .arrow-indent2{
		margin-top: -25px;
		margin-bottom: 25px;
		border-bottom: 3px dashed #00786c;
	}

	<!-- お問い合わせ -->
	#link7 .button_square{
		background: #cbd50a;
 		color:#00786c;
		border: 2px solid #cbd50a;

	}
/* 	.button_square a{
		border: 2px solid #cbd50a;
	}
	.button_square a:hover {
		color: #cbd50a;
	}
 */