/********************************************************************************************************
/* 記事一覧
*********************************************************************************************************/

.recruit_list {
	display: flex;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}




.recruit_list li {
	width: 32%;
	padding-top : 0px;
	padding-bottom : 0px;

}


.recruit_list2 {
	display: flex;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}


.recruit_list2 iframe {
    position: relative;
    z-index: 100;
}

.recruit_list2 li:first-child {
	width: 32%;
	padding-top : 0px;
	padding-bottom : 0px;

}

.recruit_list2 li:last-child {
	width: 66%;
	margin-top : 31px;
	padding-bottom : 0px;

}

.recruit_list2 iframe {
    pointer-events: auto;
}



.cinta {
width: 100%;
text-align: center;
display: block;
margin: 0px auto 10px;
}
.uno:before,
.dos:before, .dos:after,
.tres:before, .tres:after,
.cuatro:before, .cuatro:after {
content: "";
display: block;
width: 100px;
height: 30px;
position: relative;
top: 20px;
margin: auto;
background: rgba(255,255,200,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	z-index: 100;

}


/********************************************************************************************************
/* リクルートタイトル
*********************************************************************************************************/


.recruit_list_sub_title {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 12px;
	background: #75BE5C;
	color: white;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 1.5px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.recruit_list_sub_title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(78, 152, 49);
}

/********************************************************************************************************
/* リクルートタイトル2
*********************************************************************************************************/


.recruit_list_sub_title2 {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 12px;
	background: #7587F9;
	color: white;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 1.5px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.recruit_list_sub_title2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(90, 79, 178);
}


/********************************************************************************************************
/* リクルートタイトル3
*********************************************************************************************************/


.recruit_list_sub_title3 {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 12px;
	background: #D5920B;
	color: white;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 1.5px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.recruit_list_sub_title3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(142, 97, 7);
}


/********************************************************************************************************
/* リクルートタイトル4
*********************************************************************************************************/


.recruit_list_sub_title4 {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 12px;
	background: #D5920B;
	color: white;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 1.5px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.recruit_list_sub_title4::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(142, 97, 7);
}


/********************************************************************************************************
/* リクルートタイトル5
*********************************************************************************************************/


.recruit_list_sub_title5 {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 12px;
	background: #7587F9;
	color: white;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 1.5px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.recruit_list_sub_title5::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(90, 79, 178);
}

/********************************************************************************************************
/* リクルートボックス
*********************************************************************************************************/


.recruit_list_box {
	width: 100%;
	position: relative;
	margin: 0 auto;
 	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	border-radius: 5px;
	height: 100%;
}

.recruit_list_box p {
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	color: #5A4FB2;

}




.recruit_list_trim {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 160px;
	margin:1px auto 10px auto;
	position:relative;
	z-index:1;
 	background-color: #ffffff;

}



.recruit_list_trim img {
	object-fit: cover;
	transform: scale(1);
	transition: 0.3s ease-in-out;
	width: 100%;
	height: 160px;
	object-position: 50% 50%;
}

.recruit_list_trim:hover img {
	transform: scale(1.3);
	border-radius: 8px 8px 0px 0px;
	width: 100%;
	height: 160px;
}



.recruit_list_trim2 {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 188px;
	margin:1px auto 10px auto;
	position:relative;
	z-index:1;
 	background-color: #ffffff;

}





.recruit_list_title_main {
	position:relative;
	display: block;
	width: 100%;
	z-index:100;
	font-size: 110%;
	background-color: #ffffff;
	color: #5A4FB2;
	padding-top: 10px;
}

.recruit_list_subtitle_main {
	margin: 0 auto 0 auto;
	width: 160px;
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 155px;
	font-size: 90%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #5A4FB2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}


.recruit_list_subtitle_main2 {
	margin: 0 auto 0 auto;
	width: 100px;
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 10px;
	font-size: 80%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #66ABCE;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}


.recruit_list_subtitle_main3 {
	margin: 0 auto 0 auto;
	width: 160px;
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 185px;
	font-size: 90%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #5A4FB2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}


.recruit_comment {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: 700;
	color: #555555;
	text-align: left;
}

.recruit_comment2 {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: 700;
	color: #555555;
	text-align: left;
}

.recruit_list_comment {
	width: 100%;
	display: block;
	margin-top: 25px;
	font-size: 80%;
	font-weight: 700;
	color: #0000EE;
	text-align: left;
}

.recruit_list_comment2 {
	width: 100%;
	display: block;
	margin-top: 5px;
	font-size: 80%;
	font-weight: 700;
	color: #0000EE;
	text-align: left;
}




/******************************************************************************
/* 大阪アイコン用
******************************************************************************/

/* ▼ 中間レイヤー（ふわふわアイコン） */
.mybox_point {
	position: absolute;
	top: 150px;
	right: 3%;
	z-index: 5!important;
}

.mybox_point img {
    max-width: 250px;
    height: auto;
    animation: fuwafuwa 4s ease-in-out infinite alternate;
    transform: translateZ(0); /* stacking context が外に干渉しないように固定 */
}



/********************************************************************************************************
/* ボックスデザイン1
*********************************************************************************************************/

.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #5579B2;	/* 線の太さ・種類・色 */
	margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
	padding: 30px 20px 25px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox:before{
	background-color: #5579B2;	/* 吹き出し背景色 */
	color: #fff;	/* 吹き出し文字色 */
	content: 'STEP 01';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 17px;
	left: 20px;
}
.mybox p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}

/********************************************************************************************************
/* ボックスデザイン2
*********************************************************************************************************/

.mybox2{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 30px 20px 25px 20px;
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox2:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 02';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox2:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 17px;
	left: 20px;
}
.mybox2 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン3
*********************************************************************************************************/

.mybox3{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 30px 20px 25px 20px;
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox3:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 03';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox3:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 17px;
	left: 20px;
}
.mybox3 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン4
*********************************************************************************************************/

.mybox4{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: left;
}
.mybox4:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 04';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox4:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox4 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}






/********************************************************************************************************
/* 矢印1
*********************************************************************************************************/

.recruit_step_arrow3{
	width: 26px;
	margin: 10px auto 0 auto;
}
.recruit_step_arrow3::before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: #8EA5CB;
}
.recruit_step_arrow3::after{
	content: "";
	display:block;
	border-top: 30px solid #8EA5CB;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	transform-origin: left top;
	transform: scaleY(.5);
}


/******************************************************************************
/* 各ページタイトル用
******************************************************************************/

.contents_intern_area {
	position: relative;
	margin : 0 auto 20px auto;
	display: block;
	text-align: center;

}






/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


@media screen and (max-width:600px) {


.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}




/********************************************************************************************************
/* 記事一覧
*********************************************************************************************************/

.event_set {
	display: block;
	margin-left: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
}




.event_set li {
	width: 100%;
	padding-top : 20px;
	padding-bottom : 20px;

}

/******************************************************************************
/* 大阪アイコン用
******************************************************************************/

/* ▼ 中間レイヤー（ふわふわアイコン） */
.mybox_point {
	position: absolute;
	top: 100px;
	right: 2%;
	z-index: 5!important;
}

.mybox_point img {
    max-width: 120px;
    height: auto;
    animation: fuwafuwa 4s ease-in-out infinite alternate;
    transform: translateZ(0); /* stacking context が外に干渉しないように固定 */
}


/******************************************************************************
/*吹き出し用
******************************************************************************/

.balloon_l,
.balloon_r{
	margin: 0px auto 0 auto;
	display:flex;
	justify-content: flex-start;
	align-items: start;
}




/********************************************************************************************************
/* 記事一覧
*********************************************************************************************************/

.recruit_list {
	display: block;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}




.recruit_list li {
	width: 100%;
	padding-top : 0px;
	padding-bottom : 0px;

}


.recruit_list2 {
	display: block;
	padding-top: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}




.recruit_list2 li:first-child {
	width: 100%;
	padding-top : 0px;
	padding-bottom : 0px;

}

.recruit_list2 li:last-child {
	width: 100%;
	margin-top : 31px;
	padding-bottom : 0px;

}




.recruit_list_trim {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 200px;
	margin:1px auto 10px auto;
	position:relative;
	z-index:1;
 	background-color: #ffffff;

}



.recruit_list_trim img {
	object-fit: cover;
	transform: scale(1);
	transition: 0.3s ease-in-out;
	width: 100%;
	height: 180px;
	object-position: 50% 50%;
}

.recruit_list_trim:hover img {
	transform: scale(1.3);
	border-radius: 8px 8px 0px 0px;
	width: 100%;
	height: 180px;
}



.recruit_list_trim2 {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 180px;
	margin:1px auto 10px auto;
	position:relative;
	z-index:1;
 	background-color: #ffffff;

}


.recruit_list_title_main {
	position:relative;
	display: block;
	width: 100%;
	z-index:100;
	font-size: 120%;
	background-color: #ffffff;
	color: #5A4FB2;
	padding-top: 15px;
}

.recruit_list_subtitle_main {
	margin: 0 auto 0 auto;
	width: 160px;
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 175px;
	font-size: 100%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #5A4FB2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}


.recruit_list_subtitle_main2 {
	margin: 0 auto 0 auto;
	width: 100px;
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 10px;
	font-size: 80%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #66ABCE;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}

.recruit_list_subtitle_main3 {
	margin: 0 auto 0 auto;
	width: 160px;
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 170px;
	font-size: 90%;
	color: #ffffff;
	font-weight: 700;
 	background-color: #5A4FB2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-radius: 20px;
	z-index:110;
}


.recruit_comment {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: 700;
	color: #555555;
	text-align: left;
}

.recruit_comment2 {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: 500;
	color: #555555;
	text-align: left;
}

.recruit_list_comment {
	width: 100%;
	display: block;
	margin-top: 25px;
	font-size: 100%;
	font-weight: 700;
	color: #0000EE;
	text-align: left;
}


/********************************************************************************************************
/* リクルートボックス
*********************************************************************************************************/


.recruit_list_box {
	width: 100%;
	position: relative;
	margin: 0 auto;
 	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	height: 100%;
}

.recruit_list_box p {
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	color: #5A4FB2;

}

/********************************************************************************************************
/* リクルートタイトル2
*********************************************************************************************************/


.recruit_list_sub_title2 {
	margin-top: 0px;

}



/********************************************************************************************************
/* ボックスデザイン1
*********************************************************************************************************/

.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #5579B2;	/* 線の太さ・種類・色 */
	margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
	padding: 30px 20px 25px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox:before{
	background-color: #5579B2;	/* 吹き出し背景色 */
	color: #fff;	/* 吹き出し文字色 */
	content: 'STEP 01';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 11px;
	left: 15px;
}
.mybox p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}

/********************************************************************************************************
/* ボックスデザイン2
*********************************************************************************************************/

.mybox2{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 30px 20px 25px 20px;
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox2:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 02';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox2:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 11px;
	left: 15px;
}
.mybox2 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン3
*********************************************************************************************************/

.mybox3{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 30px 20px 25px 20px;
	position: relative;
	text-align: left;
	border-radius: 5px;
}
.mybox3:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 03';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -22px;
	font-weight: 700;
	font-size: 80%;
	border-radius: 5px;

}
.mybox3:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	content: '';
	position: absolute;
	top: 11px;
	left: 15px;
}
.mybox3 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン4
*********************************************************************************************************/

.mybox4{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: left;
}
.mybox4:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 04';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox4:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox4 p {
	font-size: 100%;
	font-weight: 700;
	color: #555555;
}






}