@charset "UTF-8";

* {
	list-style: none;
}
.sec_inner {
	padding: 0 !important;
}

/*====================================

    subpage_title

====================================*/  

.subpage_title {
	background: url(../img/page_ttl_bg.webp) no-repeat top 50% right 0 #F0F4F9;
	background-size: 50%;
}

/*====================================

    sec_director

====================================*/  

.wp_greeting {
}
.wp_greeting .tp_area {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: top;
    width: 100%;
}
.wp_greeting .tp_area .ph {
	width: 45%!important;
	border: none !important;
	background: #f7f7f7;
	padding: 40px 40px 0 40px;
}
.wp_greeting .tp_area .text {
	width: 50% !important;
}
.wp_greeting .tp_area .text p {
}
.wp_greeting .tp_area .text p span {
	display: block;
	width: 100%;
	text-align: right;
	font-family: "Noto Serif JP", serif;
	font-size: 110%;
	color: #163A5E;
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.wp_greeting .tp_area {
		display: block !important;
	}
	.wp_greeting .tp_area .ph {
		width: 100% !important;
		padding: 30px 10% 0 10%!important;
		margin-bottom: 30px !important;
	}
	.wp_greeting .tp_area .text {
		width: 100% !important;
		padding: 0px !important;
	}
}
.wp_career {
}
.wp_career .box {
	margin-bottom: 100px;
}
.wp_career .box h4 {
	font-size: 120%;
	margin-bottom: 10px;
	color: #84cbff;
}
.wp_career .box dl {
	display: table;
	width: 100%;
}
.wp_career .box dt {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	font-weight: bold;
}
.wp_career .box dd {
	display: table-cell;
	vertical-align: middle;
}
.wp_career .box .col_1 {
}
.wp_career .box .col_1 li {
	width: 100%;
	margin-bottom: 60px;
}
.wp_career .box .col_2 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wp_career .box .col_2 li {
	width: 48%;
}
@media screen and (max-width: 768px) {
	.wp_career .box {
		margin-bottom: 60px;
	}
	.wp_career .box dl {
		display: block;
	}
	.wp_career .box dt {
		display: block;
		width: 100%;
	}
	.wp_career .box dd {
		display: block;
		width: 100%;
	}
	.wp_career .box .col_2 li {
		width: 100%;
	}
}

/*====================================

    sec_staff

====================================*/  

.sec_staff {
}
.sec_staff .wp_staff {
	margin-bottom: 60px;
}
.sec_staff .wp_staff .list {
}
.sec_staff .wp_staff .list ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_staff .wp_staff .list ul li {
	width: 48%;
}
.sec_staff .wp_staff .list ul li figure {
	margin-bottom: 30px;
	position: relative;
}
.sec_staff .wp_staff .list ul li .text {
}
.sec_staff .wp_staff .list ul li .text h4 {
	font-size: 110%;
	margin-bottom: 10px;
	border: none !important;
}
.sec_staff .wp_staff .list ul li .text dl {
	display: table;
	width: 100%;
}
.sec_staff .wp_staff .list ul li .text dl dt {
	display: table-cell;
	width: 100px;
}
.sec_staff .wp_staff .list ul li .text dl dd {
	display: table-cell;
}
.sec_staff .wp_staff .list ul li .text dl dd p strong {
	width: 90px;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.sec_staff .wp_staff {
		margin-bottom: 30px;
	}
	.sec_staff .wp_staff .list ul li {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.sec_staff .wp_staff .list ul li figure {
		margin-bottom: 10px;
	}
	.sec_staff .wp_staff .list ul li figure:after {
		top: 4px;
		left: 4px;
	}
	.sec_staff .wp_staff .list ul li .text dl {
		display: block;
		width: 100%;
	}
	.sec_staff .wp_staff .list ul li .text dl dt {
		display: block;
		width: 100px;
	}
	.sec_staff .wp_staff .list ul li .text dl dd {
		display: block;
	}
	.sec_staff .wp_staff .list ul li .text dl dd p {
		margin-bottom: 6px;
	}
	.sec_staff .wp_staff .list ul li .text dl dd p strong {
		width: 100%;
		display: block;
	}
}
.sec_staff .wp_other {
	margin-bottom: 60px;
}
.sec_staff .wp_other .staff_ph {
	margin-bottom: 40px;
}
.sec_staff .wp_other ul {
    width: 100%;
    border-left: 1px solid #84cbff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_staff .wp_other ul li {
	width: 31%;
	border-right: 1px solid #84cbff;
}
@media screen and (max-width: 768px) {
	.sec_staff .wp_other ul {
	    width: 100%;
	    border-left: none;
	    border-top: 1px solid #84cbff;
	}
	.sec_staff .wp_other ul li {
		width: 100%;
		padding: 10px 0;
		border-right: none;
		border-bottom: 1px solid #84cbff;
	}
}
.sec_staff .wp_other ul li dl {
}
.sec_staff .wp_other ul li dl dt {
    font-weight: 400;
    font-size: 110%;
    text-align: center;
}
.sec_staff .wp_other ul li dl dd {
	font-family: "Noto Serif JP", serif;
    font-weight: 400;
    font-size: 200%;
    text-align: center;
    color: #84cbff;
}
.sec_staff .wp_recruit {
	border: 3px solid #84cbff;
	padding: 30px;
}
.sec_staff .wp_recruit h5 {
	font-size: 120%;
}
.sec_staff .wp_recruit p {
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.sec_staff .wp_recruit {
		padding: 20px;
	}
	.sec_staff .wp_recruit p {
		margin-bottom: 20px;
	}
}