@charset "UTF-8";

/* ======================================================
	社会人が英語保育士になるためには
====================================================== */
.society_wrap {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 3rem;
}

.society_wrap .society_item {
	background-color: rgba(50, 104, 177, 0.13);
	padding: 3.4rem 2rem 3.3rem 1.8rem;
	width: 49%;
}

.society_wrap .society_item h4 {
	text-align: center;
	margin-bottom: 1.9rem;
}

.society_wrap .society_item h5 {
	text-align: center;
	margin-bottom: 1.6rem;
}

.society_flex {
	max-width: 1070px;
	margin: 1.8rem auto 2.5rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.society_flex .section_img {
	width: 33%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 1.9rem;
	height: 270px;
}

.society_flex .section_img_column {
	width: 33%;
	-o-object-fit: cover;
	object-fit: cover;
}

.society_flex .section_text {
	width: 65%;
}

.society_list li {
	position: relative;
	margin-left: 1.8rem;
	margin-bottom: .5rem;
	font-size: 1..6rem;
	font-family: "源ノ角ゴシック JP", "Noto Sans Japanese", sans-serif;
}

.society_list li::before {
	content: "●";
	position: absolute;
	left: -2rem;
	color: #CCCCCC;
	margin-right: .7rem;
}

.society_wrap2 {
	padding: 3rem 2rem 2.8rem;
}

.society_btn_wrap a {
	width: 40%;
}

.society_img {
	width: 100%;
	max-width:1070px;
	height: 32.1rem;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 70%;
	object-position: 50% 70%;
	margin-bottom: 4rem;
}

.society_mgn_lft {
	margin-left: 2rem;
}
.society_title_text {
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.6;
	color: #FEA746;
	padding: 150px 0 140px;
	position: relative;
	margin: 0 0 -70px 0;
}
.society_title_text::before {
	content: "";
	display: block;
	background: url(../img/society/society_logo02.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 80%;
	max-width: 516px;
	height: 0;
	padding-top: 171px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.society_title_text::after {
	content: "";
	display: block;
	background: url(../img/society/society_logo01.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 80%;
	width: 689px;
	height: 0;
	padding-top: 134px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.society_title_text {
		padding: 30% 0 22%;
		margin: 0 0 -8vw 0;
		font-size: min(5.5vw,2.0rem);
	}
	.society_title_text::before {
		width: 90%;
		padding-top: calc((171/516)*90%);
	}
	.society_title_text::after {
		width: 95%;
		padding-top: calc((134/689)*95%);
	}
}

.society_sub_text {
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 0.075em;
	line-height: 1.27;
	padding: 0.6rem 1rem;
	color: #707070;
	border-top: 1px #707070 solid;
	border-bottom: 1px #707070 solid;
	max-width: 1100px;
}


.society_bg {
	padding: 8rem 0 1rem;
}

.society_grf {
	margin-top: 4rem;
	width: 90%;
}

.rank_ol {
	padding: 4.2rem 8.5rem 3rem;
	counter-reset: li 0;
	max-width: 1070px;
	margin:0 auto;
}

.rank_ol ol > li {
	list-style: none;
	width: 100%;
	position: relative;
	margin-left: 1rem;
}

.rank_ol ol > li:before {
	position: absolute;
	left: -20px;
	counter-increment: li;
	content: counter(li) ".";
}

.society_Schedule_wrap {
	margin-top: 4.18rem;
	padding: 4.92rem;
}

.society_Schedule_wrap .society_Schedule_cont {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	padding: 3.8rem 3.5rem;
}

.society_Schedule_wrap .society_Schedule_cont p {
	line-height: 1.86;
	font-weight: 300;
	padding: 1.3rem 0;
}
.society_Schedule_wrap .society_Schedule_cont .society_Schedule_img {
	position: absolute;
	right: 10rem;
	bottom: 7rem;
	width: 20%;
}
.society_Schedule_cont .block:not(:last-child) {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 2.4rem;
}

/*----------レスポンシブ---------- */
@media screen and (min-width: 769px) {
	.society_Schedule_cont .block_04 {
		position: relative;
		padding-right: 30%;
	}
	.society_Schedule_cont .block_04 img {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 20%;
	}
}
@media screen and (max-width: 768px) {
	.society_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	.society_wrap .society_item {
		font-size: 1.8rem;
		line-height: 1.8;
		margin-bottom: 1rem;
		width: 95%;
	}
	.society_wrap .society_item h4 {
		font-size: 2.4rem;
	}
	.society_wrap .society_item h5 {
		font-size: 2.0rem;
	}
	.graf_img {
		width: 90%;
		margin-top: 2rem;
	}
	.society_logo1 {
		width: 95%;
		top: 42%;
	}
	.society_logo2 {
		width: 70%;
		top: 16%;
	}
	.society_title_text {
		font-weight: bold;
	}
	.society_bg {
		padding: 8rem 0 8rem;
	}
	.society_flex {
		margin: 1rem 4%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.society_flex :nth-child(1) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.society_flex :nth-child(2) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		padding: 1.9rem 0 0;
	}
	.society_flex :nth-child(3) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.society_flex .section_img {
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.society_flex .section_img_column {
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.society_flex .section_text {
		width: 100%;
	}
	.rank_ol {
		padding: 2rem 3%;
	}
	.rank_ol ol li {
		padding: 1rem 0;
	}
	.society_img {
		width: 100%;
		height: 12.4rem;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 50% 70%;
		object-position: 50% 70%;
		margin: 4rem 0;
	}
	.society_btn_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.society_btn_wrap a {
		width: 85%;
		margin-bottom: 1.9rem;
	}
	.society_list {
		font-size: 1.8rem;
	}
	.society_Schedule_wrap {
		margin-top: 14.6rem;
		padding: 4.2rem 1.5rem 6.1rem;
	}
	.society_Schedule_wrap .society_Schedule_cont {
		width: 100%;
		padding: 4.2rem 1.5rem 3.1rem;
	}
	.society_Schedule_wrap .society_Schedule_cont .society_smt_img {
		width: 100%;
	}
	.society_sub_text {
		font-size: 2.4rem;
		font-weight: bold;
		letter-spacing: 0.075em;
		line-height: 1.1;
		padding: 1.8rem 0;
	}
	.society_Schedule_cont .block_04 img {
		width: 100%;
		max-width: 190px;
		margin: 0 auto;
		display: block;
	}
}