
@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding:0;
}

.is-pc{
	display: block;
}

.is-sp{
	display: none;
}

#wrapper{
	background-color: #f4f5f0;
}

#wrapper .m_content{
	padding: 4%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#wrapper .m_content .md{
	line-height: 1.6;
}

#wrapper .m_content .md span{
	font-size: 33px;
	letter-spacing: 5px;
}

#wrapper .m_content .txt{
	font-size: 14px;
	line-height: 2;
	letter-spacing: 3px;
	padding: 2% 0;
}

#wrapper .m_content .r_txt{
	font-size: 12px;
	text-align: right;
}

#wrapper .interview{
	margin: 2% 2% 6%;
	background-color: #fff;
}

#wrapper .interview .n_photo{
	width: 350px;
	float: left;
	padding: 3% 0 3% 3%;
	line-height: 1.8;
	font-size: 16px;
}

#wrapper .interview .n_photo02{
	width: 350px;
	float: left;
	padding: 3% 3% 3% 0;
	line-height: 1.8;
	font-size: 16px;
}


#wrapper .interview .n_photo03{
	width: 350px;
	float: left;
	padding: 3% 0 3% 3%;
	line-height: 1.8;
	font-size: 16px;
}


#wrapper .interview .n_txt{
	width: 55%;
	float: left;
	padding: 3% 0;
	line-height: 1.8;
	font-size: 16px;
}

#wrapper .interview .n_txt02{
	width: 55%;
	float: left;
	padding: 3% 0 3% 3%;
	line-height: 1.8;
	font-size: 16px;
}


#wrapper .interview .n_txt03{
	width: 55%;
	float: left;
	padding: 3% 0;
	line-height: 1.8;
	font-size: 16px;
}



#wrapper .interview img{
	width: 100%;
}

#wrapper .interview .md_img{
	width: 27%;
}

#wrapper .interview .md_img02{
	width: 45%;
}

#wrapper .interview span{
	color: #0064E3;
	font-size: 21px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

#wrapper .interview .reason{
	padding: 3%;
	line-height: 1.8;
	clear: both;
}

#wrapper .interview .reason p{
	width: 100%;
	padding: 3% 0;
	font-size: 16px;
}

#wrapper #btn_mynabi{
	width: 350px;
	margin: 5% auto;
}

#wrapper #btn_mynabi img{
	width: 100%;
}

.member_ph_box01{
	margin: 0 auto;
    width: 806px;
    height: auto;
    padding-bottom: 20px;
	padding-left: 163px;
}

.member_ph_box01 p{
	width: 19%;
	float: left;
	padding: 0 58px 20px 0;
}

.member_ph_box02{
	margin: 0 auto;
    width: 868px;
    height: auto;
    padding-bottom: 32px;
	padding-left: 20px;
}

.member_ph_box02 p{
	width: 10%;
    float: left;
    padding: 0 126px 0 0;
}


/*============================
.sdgs
============================*/
.sdgs{
	text-align: center;
	margin: 40px 40px 60px;
}

div#contact {
	position: relative;
}
div#contact {
	position: relative;
}
div#contact p {
	position: absolute;
	top: 52px;
	left: 450px;
}

div#contact  img{
	display: block;
	margin: 0 auto;
}

img.bar_contact{
	width: 650px;
}

div#wrapper {
	position: relative;
}

div#cta {
	position: fixed;
	width: 100%;
	max-width: 960px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;

}
div#cta p {
	position: absolute;
	top: 60px;
	left: 390px;
}

.cta_btnGroup{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	column-gap: 20px;
	width: 100%;
	margin: 0 auto;
	padding-left: 20px;
}

.cta_btn{
	display: block;
}

/*0*/

/*.recruit_btn:nth-of-type(2){*/
/*	transform: translateX(-8px);*/
/*}*/

.cta_btn img{
	max-width: 100%;
	object-fit: cover;
}

.cta_bg{
	min-width: 960px;
	vertical-align: bottom;
}

footer{
	padding-bottom: 200px;
}


/*
2025_06_30 追記
*/

.member_ph_box01{
	width: 576px;
}

.member_ph_box01 p{
	cursor: pointer;
	box-sizing: border-box;
	float: none;
	width: calc((100% - 150px) / 2);
	padding: 0;
	text-align: center;
}

.is_pc,
.is_sp {
	display: none;
}
