@charset "utf-8";

.pagetop {
    bottom: 0;
}

.breadcrumb {
	padding: 0 30px;
}

article {
	margin-bottom: 60px;
}

.applytop {
	position: relative;
	margin: 0 auto 30px;
}

.applytop h1 {
	color: #666;
	font-size: 2em;
	font-weight: 100;
	text-align: left;
	line-height: 1.5;
}

.applytop a {
	border-radius: 6px;
	font-family: 'Meiryo';
	background: rgba(255, 255, 255, 0.25);
	width: 50%;
	text-align: center;
	color: white;
	font-weight: 500;
	position: absolute;
	top: 86%;
	left: 73%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: .6s;
	margin: 0;
	font-size: 1.3rem;
	border: solid #e2e2e2 2px;
	padding: 6px;
	color: white;
	text-decoration: none;
}

.applytop a:hover {
	background: rgba(137, 214, 255, 0.38);
}

.applytop img {
	width: 100%;
}

.posreji_box h2 {
	color: #173e97;
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	border-bottom: 10px solid #f0f8fd;
	padding: 0 0 20px;
	margin: 0 0 30px;
}

.posreji_box h2 span {
	font-size: 2rem;
}

.posreji_box > div:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px 30px;
	margin: 0 0 30px;
}

.posreji_box img {
	width: 100%;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(1) img {
	max-width: 350px;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) {
	display: flex;
	flex-flow: column;
	gap: 20px;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div {
	display: flex;
	align-items: center;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) {
	width: 80px;
	height: 80px;
	display: flex;
	border-radius: 50px;
	padding: 15px;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
	border: 1px solid #4bb24e;
	background: #83c479;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) {
	border: 1px solid #1b4098;
	background: #6471b5;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1) {
	border: 1px solid #af2e77;
	background: #bd608d;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(2) {
	height: 80px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding: 0 20px;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
	border-bottom: 1px solid #4bb24e;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {
	border-bottom: 1px solid #1b4098;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(2) {
	border-bottom: 1px solid #af2e77;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div p:nth-of-type(1) {
	color: #173e97;
	font-size: 1.8rem;
	font-weight: bold;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div p:nth-of-type(2) {
	color: #fff;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div p:nth-of-type(2) span:nth-of-type(1) {
	background: #bd608d;
	padding: 5px 10px;
}

.posreji_box > div:nth-of-type(1) > div:nth-of-type(2) > div > div p:nth-of-type(2) span:nth-of-type(2) {
	background: #af2e77;
	padding: 5px 10px;
}

.posreji_box > div:nth-of-type(2) {
	background: #f0f8fd;
	padding: 10px 20px;
	margin: 0 0 30px;
}

.posreji_box > div:nth-of-type(2) > div {
	max-width: 650px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	gap: 50px;
	margin: 0 auto;
}

.posreji_box > div:nth-of-type(2) > div > div {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.posreji_box > div:nth-of-type(2) > div > div:nth-of-type(1)::after {
	content: "×";
	color: #173e97;
	font-size: 5rem;
	font-weight: bold;
	position: absolute;
	right: -30px;
}

.posreji_box > div:nth-of-type(2) > div > div:nth-of-type(2)::after {
	content: "×";
	color: #173e97;
	font-size: 5rem;
	font-weight: bold;
	position: absolute;
	right: -50px;
}


.posreji_box > div:nth-of-type(2) > div > div h3 {
	display: flex;
	justify-content: center;
	color: #173e97;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	margin: 0 0 10px;
}

.posreji_box > div:nth-of-type(2) > div > div h3::after {
	content: "";
	width: 70px;
	height: 1px;
	background: #0191a4;
	position: absolute;
	bottom: -4px;
}

.posreji_box > div:nth-of-type(2) > div > div p {
	color: #0191a4;
	font-size: 1.6rem;
	font-weight: bold;
}

.posreji_box > div:nth-of-type(3) {
	max-width: 800px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	margin: 0 auto;
}

.posreji_box > div:nth-of-type(3) > div:nth-of-type(even) {
	background: #f0e9dc;
}

.posreji_box > div:nth-of-type(3) > div {
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 10px;
	padding: 20px;
}

.posreji_box > div:nth-of-type(3) > div > p:nth-of-type(1) {
	color: #6e9a45;
	font-size: 2rem;
	font-weight: bold;
}

.posreji_box > div:nth-of-type(3) > div > img {
	width: 100%;
	max-width: 70px;
	height: 30px;
	object-fit: contain;
}

.notes h6 {
	margin: 0 0 10px;
}

.flex li {
	display: block;
}

.flex li:nth-child(1) {
	width: 40%;
}

.flex li:nth-child(2) {
	width: 50%;
}

.who > ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, 150px);
	justify-content: center;
	gap: 30px;
	margin: 0 0 30px;
}

.who > ul li {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	list-style: none;
	padding: 5px 10px;
}

.who > ul li:nth-of-type(1) {
	background: #d1ca4d;
}

.who > ul li:nth-of-type(2) {
	background: #7fa23a;
}

.who > ul li:nth-of-type(3) {
	background: #54a045;
}

.who > ul li:nth-of-type(4) {
	background: #4ca279;
}

.who dl {
	flex-direction: column;
	border: none;
}

.who dd {
	width: 100%;
	border: none;
	padding: 1em;
}

.who dt {
	width: 100%;
	padding: 1em;
	background: #F7F7F7;
	text-align: left;
	border: 1px solid #cccccc;
	font-size: small;
	font-weight: 600;
}

.who dl:nth-child(1) dd {
	border: none;
}

.who dl:nth-child(1) dt {
	border: 1px solid #cccccc;
}

.face {
	margin: 1rem 0 1rem 0;
	display: table;
	width: 100%;

}

.face li {
	width: 100%;
	max-width: 400px;
	display: inline;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	background: #5f7d83;
	border-radius: 4px;
	padding: 5px 10px;
}

.wrapper {
	margin: 0 4rem;
}

.wrapper p {
	font-size: 16px;
}

.section_flex {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 30px;
}

.section_flex .flex_icon {
	width: 16%;
	text-align: center;
	color: #6bcaac;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
}

.section_flex .flex_p02 {
	width: auto;
}

.section_flex .flex_img {
	min-width: 300px;
	text-align: center;
}

.section_flex .flex_img02 {
	width: 40%;
	text-align: center;
	align-self: flex-end;
}

.section_flex h2 {
	font-size: 32px;
	color: #176d92;
	margin-bottom: 50px;
}

.section_flex p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 10px;
}

.section_flex a {
	padding: 0.5em 1em;
	font-size: 15px;
}

.flex_btn1,
.flex_btn2 {
	width: 100%;
	max-width: 400px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	padding: 7px;
	transition: 0.3s;
}

.flex_btn1 {
	background: #4a7e6e;
}

.flex_btn2 {
	background: #8da04c;
}

.flex_btn1:hover,
.flex_btn2:hover {
	color: #fff;
	opacity: 0.3;
}

.fanction img {
	width: 80%;
	text-align: center;
}

.btn_01 a {
	display: block;
	width: 13em;
	margin: 0 auto;
	padding: 1.2vh;
	text-align: center;
	color: #176d92;
	border: 1px solid #176d92;
}

.btn_01 a:hover {
	color: #fff;
	background: #176d92;
}

.btn_02 a {
	display: block;
	width: 13em;
	margin: 0 auto;
	padding: 1.2vh;
	text-align: left;
	color: #176d92;
	border: 1px solid #176d92;
}

.btn_02 a:hover {
	color: #fff;
	background: #176d92;
}

.btn_03 a {
	display: block;
	font-size: 16px;
	width: 50%;
	text-align: center;
	margin: 30px auto 70px;
	padding: 1.2vh;
	color: #176d92;
	border: 1px solid #176d92;
}

.btn_03 a:hover {
	color: #fff;
	background: #176d92;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

.offer {
	width: 100%;
}

.offer p {
	text-align: center;
	color: brown;
	font-size: 1.8rem;
	width: 100%;
}

.offer span {
	color: black;
	font-size: 1.0rem;
	width: 100%;
}

.w_medium {
	width: 100%;
	max-width: 400px;
}

/*メールフォーム*/

/*メールフォームここまで*/


@media screen and (max-width:1024px) {
	.section_flex {
		flex-wrap: wrap;
	}

	.section_flex .flex_icon {
		width: 18%;
		max-width: 160px;
	}

	.section_flex .flex_img {
		margin: 0 auto;
	}

	.section_flex .flex_img02 {
		margin: 0 auto;
	}

	/*メールフォーム*/



	/*メールフォームここまで*/
}

@media screen and (max-width:767px) {
	.posreji_box h2 {
		font-size: 3rem;
	}

	.posreji_box > div:nth-of-type(1) {
		flex-flow: column;
	}

	.posreji_box > div:nth-of-type(2) > div {
		grid-template-columns: repeat(1, 1fr);
	}

	.posreji_box > div:nth-of-type(2) > div > div:nth-of-type(1)::after,
	.posreji_box > div:nth-of-type(2) > div > div:nth-of-type(2)::after {
		right: auto;
		bottom: -40px;
	}

	.posreji_box > div:nth-of-type(3) {
		max-width: 400px;
		grid-template-columns: repeat(1, 1fr);
	}

	.section_flex {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	.section_flex .flex_icon,
	.section_flex .flex_p,
	.section_flex .flex_img {
		width: 100%;
	}

	.section_flex .flex_img02 {
		width: 100%;
	}

	.section_flex .flex_icon {
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.section_flex .flex_p h2 {
		text-align: center;
	}

	.flex li {
		flex-direction: column;
	}

	.flex li:nth-child(1) {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.flex li:nth-child(2) {
		width: 100%;
		margin: 0 0 20px;
	}

	.face li {
		text-align: inherit;
		width: 90%;
	}

	dl {
		flex-direction: column;
		border: none;
	}

	dd {
		width: 96%;
		border: none;
		padding: 1em;
	}

	dt {
		width: 94%;
		padding: 1em;
		background: #F7F7F7;
		text-align: left;
		font-size: small;
		font-weight: 600;
	}

	.who dl:nth-child(1) dd {
		border: none;
	}

	.who dl:nth-child(1) dt {
		border: 1px solid #cccccc;
	}

	.wrapper {
		margin: 0 0 0 0;
	}

	.section_flex .flex_p h2 {
		font-size: 25px;
		text-align: left;
	}

	.section_flex p {
		line-height: 1.5;
	}

	.fanction img {
		width: 100%;
		text-align: center;
	}

	.applytop a {
		top: auto;
		bottom: 0;
		left: 50%;
		font-size: 1.4rem;
		width: 70%;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	.btn_03 a {
		width: 80%;
	}
}