.icon1 {
	background-image: url('../images/icon/010.png');
}
.icon2 {
	background-image: url('../images/icon/018.png');
}
.icon3 {
	background-image: url('../images/icon/03.png');
}
.icon4 {
	background-image: url('../images/icon/06.png');
}
.icon5 {
	background-image: url('../images/icon/020.png');
}

.grid-3 {
	display: grid;
	grid-template-columns: auto auto auto;
}

.grid-3>div {
	position: relative;
	border: 1px solid var(--color-gray);
	border-radius: 10px;
	padding: 30px;
	line-height: 30px;
	margin-top: 130px;
	margin: 130px 15px 0 15px;
}

.grid-3>div>.txt {
	margin-top: 70px;
}
.grid-3>div>.txt>h1 {margin-bottom: 20px;}


.tab {max-width:1200px; text-align: center; }
.tab .hd {border: 1px solid #ddd; display: flex; justify-content: center;}
.tab .hd a {padding: 15px 30px; color: var(--color-black); position: relative; font-size: 18px;}
.tab .hd a::before {
	content: "";
	position: absolute;
	height: 20px;
	background-color: gray;
	width: 1px;
	right: 0;
	top: 18px;
}
.tab .hd a:last-child::before {
	width: 0;
	background-color: unset;
}


.tab .hd a.on {color: orange;}

.tab .bd .txt {
	padding: 0 40px;
}

.tab .bd .txt>div {
	text-align: left;
	padding: 40px 0;
	color: #5c5c5d;
	border-bottom: 1px solid #b3b3b3;
	
}
.tab .bd .txt>div p {
	line-height: 30px;
}

.tab .bd .txt>div:nth-child(2n){
	border-bottom: unset;
}
.tab .bd .txt>div ul>li {
	line-height: 38px;
}

.tab .bd .txt i {margin-right: 10px; color: var(--color-orange);}
.tab .bd .txt dl { padding: 5px 0;}
.tab .bd .txt dd {display: flex; margin-left: 20px;}



.plan>div {
	width:225px ;
	margin: 0 10px;
	border: 1px solid var(--color-gray);
	padding: 26px;
	border-radius: 10px;
	color: var(--color-black);
}
.plan>div>img {
	width: 100%;
	height: auto;
}
.plan>div>h1 {
	margin-top: 20px;
}
.plan>div>div {
	margin-top: 20px;
	color: var(--color-gray);
	line-height: 30px;
	text-align: left;
	word-wrap: break-word;
	word-break:break-all;
}

.cases {
	margin-top: 30px;
}
.cases>.case_txt {
	text-align: left;
	width:710px;
	color: var(--color-gray);
	border: 1px solid var(--color-gray);
	padding: 30px;
}
.cases>.case_txt dl {
	padding: 10px 0;
	display: block;
}
.cases>.case_txt dl i {font-size: 16px;}
.cases>.case_txt dl>dd {margin-left: 30px; font-size: 14px; display: flex;}
.cases>.case_txt h1 {color: var(--color-black);}
.cases>.case_txt  h3 {
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--color-black);
}
.cases>img {width: 416px;}

.bg_pink {background-color: var(--color-pink-red);}
.bg_clay_yellow {background-color: var(--color-clay-yellow);}
.bg_light_green {background-color: var(--color-light-green);}
.bg_light_blue {background-color: var(--color-light-blue);}
.process>div {
	border: 1px solid var(--color-gray);
	border-radius: 10px;
	width: 230px;
	padding: 20px;
	margin: 0 10px;
}
.process>div>div {
	font-size: 20px;
	font-weight: 600;
	border-radius: 10px;
	padding: 25px;
	position: relative;
	text-align: left;
	height: 150px;
	margin-bottom: 15px;
	color: var(--color-white);
}
.process>div>div .num {
	font-size: 50px;
	margin-bottom: 15px;
}
.process>div>div .arrow {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 15px solid var(--color-white);
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -12px;
}
.process>div>div .txt-en {margin-top: 10px;}