.con-box02 {padding: 0 0 50px;}
.main-title {margin: 0 0 30px;}
.main-title p {font-weight:700;font-size:16px;line-height:120%;letter-spacing:0.02em;vertical-align:middle;text-transform:uppercase;color: #009BB4;position: relative;display: flex;align-items: center;gap: 8px;padding: 0 0 10px;}
.main-title p:before {content: ''; width: 32px;height: 1px;background: #009BB4;display: inline-block;}
.main-title h3 {font-weight:700;font-size:36px;line-height:120%;letter-spacing:0;vertical-align:middle;color: #101E1B;}
.main-title h3 > span {color: #009BB4;display: inline-block;}

.procedure-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px 60px;}
.procedure-list li {background: #F4F8FC;border: 1px solid rgba(0, 59, 144, 0.1);border-radius: 16px;padding: 24px 15px;text-align: center;position: relative;}
.procedure-list li:after {content: "";position: absolute;top: 50%;right: -40px;background: url(../img/content/arrow-procedure.png)no-repeat center center;background-size: cover;transform: translateY(-50%);width: 20px;height: 20px;}
.procedure-list li:last-child:after {display: none;}
.procedure-list li .num {width: 40px;height: 40px;border-radius: 100%;background: #009BB4;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 18px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #fff;position: absolute;left: 24px;top: -20px;}
.procedure-list li .ico {display: block;margin: 0 0 20px;}
.procedure-list li .txt01 {font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #009BB4;margin: 0 0 12px;}
.procedure-list li .txt02 {font-weight: 400;font-size: 18px;line-height: 120%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #767676;}

.procedure-list li:nth-child(even) .num {background: #003B90;}
.procedure-list li:nth-child(even) .txt01{color: #003B90;}

.inquiry-contact-box { display: flex; align-items: center;background-color: #F7F7F7; border: 1px solid #0000001A; border-radius: 12px; padding: 24px 40px; box-sizing: border-box; width: 100%; gap: 20px 60px;flex-wrap: wrap;}
.inquiry-title { display: flex; align-items: center; }
.inquiry-title .lbl-tit {font-weight: 700;font-size: 20px;line-height: 160%;letter-spacing: 0;vertical-align: middle;padding-right: 20px;margin-right: 20px;position: relative;}
.inquiry-title .lbl-tit::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #00000033; }
.inquiry-title .lbl-desc {font-weight: 400;font-size: 20px;line-height: 160%;letter-spacing: 0px;vertical-align: middle;color: #767675;}
.inquiry-info { display: flex; align-items: center; gap: 30px; }
.inquiry-info .info-item { font-size: 15px; color: #333333; display: flex; align-items: center; }
.inquiry-info .info-item a {font-weight: 400;font-size: 20px;line-height: 160%;letter-spacing: 0px;vertical-align: middle;color: #545454;}
.inquiry-info .info-item::before { content: ''; display: inline-block; vertical-align: middle;margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.inquiry-info .info-item.tel::before {background: url(../img/content/ico-tel-pre.png)no-repeat center center;width: 20px;height: 20px;}
.inquiry-info .info-item.email::before {background: url(../img/content/ico-mail-pre.png)no-repeat center center;width: 20px;height: 15px;}


@media(max-width: 1024px){
	.procedure-list {grid-template-columns: repeat(2, 1fr);}
	.procedure-list li:nth-child(2n):after{display: none;}

	.inquiry-contact-box { flex-direction: column; align-items: flex-start; padding: 20px; gap: 15px; }
	.inquiry-title { flex-direction: column; align-items: flex-start; gap: 6px; }
	.inquiry-title .lbl-tit { padding-right: 0; margin-right: 0; }
	.inquiry-title .lbl-tit::after { display: none; }
	.inquiry-info { flex-direction: column; align-items: flex-start; gap: 10px; width: 100%;}
	.inquiry-info .info-item a {flex: 1;}
	.inquiry-info .info-item {width: 100%;}
} 

@media(max-width: 768px) {
	.main-title p {font-size: 15px;}
	.main-title h3 {font-size: 28px;}

	.procedure-list {grid-template-columns: repeat(1, 1fr);}
	.procedure-list li:after {transform: rotate(90deg) translateY(-50%);top: auto;right: 50%;bottom: -30px;}
	.procedure-list li:nth-child(2n):after{display: block;}
	.procedure-list li:last-child:after {display: none;}
}