@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     こんな「働きづらさ」感じていませんか？
 Notes:          
--------------------------------------------------------------- */
body {
	transform: none;
}

.title_box {
	background: #cdebf9;
	padding-bottom: 1.5%;
}

.title_box h1 {
	margin-bottom: -14%;
}

.title_box .page_nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.title_box .page_nav li {
	width: 16.25%;
	margin: 0 0.5%;
}

.h2 {
	margin-bottom: 5%;
}

.difficult_section {
	margin-top: -25%;
	padding: 31% 0 6%;
	border-bottom: 1px solid #8c8c8d;
}

.difficult_section:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.difficult_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.difficult_box .pic {
	width: 41%;
}

.difficult_box .txt_box {
	width: 58%;
}

.difficult_box a {
	width: 28.5%;
	display: block;
	margin-left: auto;
	margin-top: 1.5em;
}

#contact_section {
	padding-top: 5%;
	margin-top: -5%;
}

/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
	.title_box h1 {
		margin-bottom: -18%;
	}
	
	.title_box .page_nav li {
		width: 30%;
		margin: 0 1%;
	}
	
	.difficult_box .pic {
		width: 75%;
		margin: 0 auto 5%;
	}
	
	.difficult_box .txt_box {
		width: 100%;
	}
	
	.difficult_box a {
		width: 40%;
	}
}