@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホ用（@media screen and (max-width: 767px) {} ）

 * 共通系
 * 広告掲載申請について
 * 広告掲載申請の流れ
********************************************************************
--------------------------------------------------------------------*/

/*--- 共通系 ---*/
.ad_box{
	max-width: 1280px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


/*--- 広告掲載申請について ---*/
.ad_box.about{
	margin-top: 110px;
}
@media screen and (max-width: 767px) {
	.ad_box.about{
		margin-top: 40px;
	}
}

.ad_box.about .text{
	max-width: 1090px;
	width: 100%;
	margin: 24px auto 0;
	font-size: 16px;
	line-height: 2;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.ad_box.about .text{
		font-size: 3.99vw;
	}
}


/*--- 広告掲載申請の流れ ---*/
.ad_box.flow{
	margin-top: 80px;
	padding-bottom: 180px;
	border-bottom: #bcc1ca 1px solid;
}
@media screen and (max-width: 767px) {
	.ad_box.flow{
		margin-top: 40px;
		padding-bottom: 0;
		border-bottom: none;
	}
}

.ad_box.flow .step_list{
	display: flex;
	gap: 45px;
	max-width: 1090px;
	width: 100%;
	margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list{
		flex-direction: column;
		gap: 57px;
		margin-top: 24px;
	}
}

.ad_box.flow .step_list > li{
	max-width: 330px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list > li{
		max-width: none;
	}
}

.ad_box.flow .step_list_item{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 10px 22px;
	background-color: #0f1f3f;
	color: #fff
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list_item{
		padding: 10px;
	}
}

.ad_box.flow .step_list > li:not(:first-child) .step_list_item::before{
	content: '';
	position: absolute;
	top: 50%;
	left: -31px;
	transform: translateY(-50%);
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../imgs/other/arrow_navy.png) no-repeat left top / 17px;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list > li:not(:first-child) .step_list_item::before{
		display: none;
	}
}

.ad_box.flow .step_list_item .num{
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list_item .num{
		font-size: 3.19vw;
	}
}

.ad_box.flow .step_list_item .name{
	font-size: 20px;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list_item .name{
		font-size: 4.26vw;
	}
}

.ad_box.flow .step_list > li .text_1{
	margin-top: 24px;
	font-size: 16px;
	line-height: calc(32 / 16);
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list > li .text_1{
		margin-top: 16px;
		font-size: 3.99vw;
		line-height: 2;
	}
}

.ad_box.flow .step_list > li .text_1_1{
	margin-top: 18px;
	font-size: 14px;
	line-height: 2;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .step_list > li .text_1_1{
		margin-top: 16px;
		font-size: 3.46vw;
	}
}

.ad_box.flow .more_1{
	margin-top: 64px;
}
@media screen and (max-width: 767px) {
	.ad_box.flow .more_1{
		margin-top: 90px;
	}
}