@charset "UTF-8";
/* CSS Document */
body {
/*   height: 1200px;*/
}
.main {
	max-width: 1200px;
margin-left:auto;
margin-right:auto;
	margin-top: 65px;
}

.test-main {
    background-image: url("../images/test-main-bg.jpg");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 655px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
/*	background-color:#f8f4f0;*/
	padding-top: 0;
}
.top-main {
/*		max-width: 1200px;*/
margin-left:auto;
margin-right:auto;
	position: relative;
	margin-bottom: 90px;

	
}
.top-main_enn_all {
	width: 45%;
	float: left;
 position: absolute;
 left: 100px;
  top: 480px;
}
.top-main_enn_l {
	width: 45%;
	float: left;

}
.top-main_enn_r {
	width: 45%;
	float:left;
	margin-left: 1%;

}

.top-main_time {
	width: 40%;
	float: right;
	text-align: right;
	 position: absolute;
right: 83px;
  top: 490px;
}

/*
.top-main_time {
    background: url(../images/top/top_time_ov.png) no-repeat;
border-style:none;
	width: 40%;

}
.top-main_time a{
    display: block;
}

.top-main_time a:hover img{
    visibility: hidden;
}*/




/*-------------------*/
.information_all {
/*	margin-top:90px;*/
	max-width: 1000px;
	width: 94%;
	margin-left:auto;
margin-right:auto;
	height: auto;
	/*min-height: 150px;*/
	background-color: #FFFFFF;
	border: 5px solid #FF020E;
	border-radius: 15px;
	padding-bottom: 10px;
	/*background-image: url(../images/bg_10.jpg);*/	
}
.information_left {
	width: 20%;
	text-align: center;
	margin-top: 40px;
	float: left;
	font-size: 120%;
	color: #FF020E;
	display: inline-block; /* テキストをブロック要素にする */
position: relative; /* 疑似要素の基準となる位置を設定 */
		font-weight: bold;
}
.information_left::before {
position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #FF020E; /*下線の色*/
  width: 40px; /*線の幅*/
 height:5px; /* マーカー線の高さ */
  top: 40px; /*線のタテ位置*/
  left: 40%;  /*線のヨコ位置*/
	border-radius: 50px;
margin-left:auto;
margin-right:auto;

}




.information_right {
	width: 73%;
	margin-top: 20px;
	float: right;
	background-color: #FFFFFF;
}
.information_right_title {
	font-weight: bold;
	font-size: 120%;
	color: #333333;
	margin-bottom: 10px;
}
.information_right_text {
    color: #333333;
		font-size: 120%;
    margin-bottom: 10px;
    line-height: 2em;
}
.information_right_text a {
    color: #333333;
    text-decoration: underline;
}
.information_right_text a:hover {
	color:  #FF020E;
    text-decoration: underline;
	  position: relative;
    right: -1px;
    bottom: -1px;
}

/*----重要なお知らせ------------------*/

.juyou_all {
    margin-top: 20px;
    max-width: 1000px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FF020E;
    min-height: 170px;
    border: 5px solid #FF020E;
    border-radius: 15px 15px 15px 15px;
}

.juyou_l {
    background-color: #FF020E;
/*	border: 5px solid #FF020E;*/
    width: 20%;
    float: left;
/*    min-height: 135px;*/
/*    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;*/
}
.juyou_l_text {
    color: #FFFFFF;
    text-align: center;
    padding-top: 75px;
    font-size: 120%;
    min-height: 65px;

    font-weight: bold;
    text-shadow: 1px 2px 1px rgb(139, 0, 0);

    background-image: url("../images/top/j-oshirase.png");
    background-repeat: no-repeat;
    background-position: center 20px;
    
}
.juyou_r {
    width: 78%;
    float: right;
  background-color: #FFFFFF;
  /*  min-height: 125px;*/
	min-height: 25px;
	padding-bottom: 8px;
    /*border: 5px solid #FF020E;*/
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.juyo_list {
	padding: 2% 4% 1% 4%;
}
.juyo_list ul {
	
}
.juyo_list ul li {

		padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.juyo_list ul li:last-child {
	border-bottom: none;
}

.day_j {
	color: #FF020E;
	padding-right: 2%;
	float: left;
width: 15%;
}
.title_j {
	float: left;
	width: 78%;
	color: #333333;
	
}
.title_j a {
	color: #333333;
	
}
.title_j a:hover {
	color: #FF020E;
	   position: relative;
    right: -1px;
    bottom: -1px;
}

/*----------３列-------------------*/
.top_contents_in{
	max-width: 1005px;
	margin-top: 20px;
	width: 100%;
margin-left:auto;
margin-right:auto;
}
/*---左----------------------------*/
.top_contents_left {
	width: 21%;
/*	 background-color: #FF020E;*/
	height: 200px;
	float: left;
}
/*面会について*/
.top_contents_left_menkai {
	background-color: #FF020E;
	padding:2% 2% 2% 2%;
	color: #FFFFFF;
	text-align: center;
		 border-radius: 10px;
	height: 78px;
	margin-bottom: 10px;


  background-blend-mode: multiply;
  background-size: cover;
}
.top_contents_left_menkai_text {
    border: 1px solid #FFFFFF;
	    border-radius: 8px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
	  font-size: 120%;
	min-height: 55px;
	font-weight: bold;
		 text-shadow: 1px 2px 1px rgb(139, 0, 0);
	 position: relative; /*positionをrelativeに指定*/
	
}
.top_contents_left_menkai_text a {
	color: #FFFFFF;
}
.top_contents_left_menkai_text a:hover {
	color: #FFFFFF;
}

.top_contents_left_menkai_text:before {
position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #FFFFFF; /*下線の色*/
  width: 40px; /*線の幅*/
 height:3px; /* マーカー線の高さ */
  bottom: 15px; /*線のタテ位置*/
  left: 40%;  /*線のヨコ位置*/
	border-radius: 50px;
}
/*-------左のメニュー-----*/
.top_contents_left_list {
    border: 2px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin-bottom: 10px;
}
.top_contents_left_list ul {
	padding: 2%;
	
}
.top_contents_left_list ul li {
	padding-bottom: 3px;
	padding-left: 2%;
/*	padding-top: 3px;*/
	font-size: 14px;
}
.top_contents_left_list ul li a {
	color: #333333;
}
.top_contents_left_list a:hover {
    color: #e50012;
    position: relative;
    right: -1px;
    bottom: -1px;
}
.top_contents_left_list ul li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";/*アイコンの種類*/
  color:  #e50012;/*アイコン色*/
border-bottom: none;
    padding-right: 2%;
	font-weight: 900;
}


.top_contents_left_list_title {
    background-color: #FF020E;
    padding: 5%;
    color: #FFFFFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: bold;
    margin-bottom: 5px;
    background-image: url("../images/left-h2_22.png");
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 18%;
	 text-shadow: 1px 2px 1px rgb(139, 0, 0);

}



/*---左バナー-----*/
.top_contents_left_bnr img {
	border: thin solid #CCCCCC;
	margin-bottom: 5px;
	width: 99%;
}




/*---面会について---*/
.top_contents_left_menkai {
	
}

/*------中央ーお知らせ---------------*/

/*一覧へボタン*/
.button1-box {
    text-align: right;
    width: 23%;
    float: right;
    padding-right: 10px;
	margin-bottom: 10px;
    } 
.button1-box a {
    text-decoration: none;
    }     
.button1 {
    color: #FF020E;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 50px;
    font-size:0.88em;
    border: thin solid #FF020E;
}
.button1:hover {
    background-color: #FF020E;
    color: #FFFFFF;
padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 50px;
    text-decoration: none;
}

.top_contents_centre {/*中央の枠*/
	width: 56%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	
}
.top_contents_news {
	border: 2px solid #CCCCCC;
	border-radius: 10px;
	/*min-height: 200px;*/
	padding: 2% 2% 1% 2%;
}
.top_contents_news_title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    padding: 2%;
    border-radius: 8px;
}








.top_contents_news_title_in {
	    position: relative;
	padding-left: 15px;
/*	 border-left: 8px solid #FF020E;*/
}
.top_contents_news_title_in:before {
position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #FF020E; /*下線の色*/
  width: 8px; /*線の幅*/
 height:30px; /* マーカー線の高さ */
  top: 0px; /*線のタテ位置*/
  left: 0;  /*線のヨコ位置*/
	border-radius: 50px;
	
}

.top_contents_news_list {
	
}
.top_contents_news_list ul {
	
}
.top_contents_news_list ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #CCCCCC;
	margin-left: 2%;
	margin-right:  2%;

}

.top_contents_news_list ul li:last-child {
	border-bottom: none;
}

.day_c {
	color: #FF020E;
	padding-right: 2%;
	float: left;
width: 20%;
}

.text_c {
	float: left;
	width: 78%;
	color: #333333;
	
}
.text_c a {
	color: #333333;
	
}
.text_c a:hover {
	color: #FF020E;
	   position: relative;
    right: -1px;
    bottom: -1px;
}




/*----右-バナー---*/
.top_contents_right {
	width: 21%;
	float: right;
	
}
.top_contents_right img {
	border: thin solid #CCCCCC;
	margin-bottom: 5px;
	width: 100%;
}

/*ーー採用情報ーーーーーー*/
.top_contents_recruit {
	border: 2px solid #CCCCCC;
	border-radius: 10px;
/*	min-height: 200px;*/
	padding: 2% 2% 1% 2%;
	margin-top: 20px;
padding-bottom: 40px;
}


/*----pickup-------*/
.top_contents_pickup {
	padding: 2%;
}
.top_contents_pickup_all {
	width: 42%;
	float: left;
	margin-right:4%;
	background-color: #f2f2f2;
	padding: 2%;
	border-radius: 10px;
	margin-bottom: 20px;
	background-image: url("../images/bg_10.jpg");
}

.top_contents_pickup_all a {
	color: #333333;
	
}
.top_contents_pickup_all a:hover {
	color: #FF020E;
	   position: relative;
    right: -1px;
    bottom: -1px;
}
.top_contents_pickup_title {/*linkと共有*/
	color:#FF020E; 
	font-size: 120%;
/*	border-left: 8px solid #FF020E;*/
	padding: 2px 5px 2px 8px;
	margin-bottom: 10px;
	margin-top: 30px;
	position: relative;
	padding-left: 15px;
	font-weight: bold;
	letter-spacing: 0.2rem;
}

.top_contents_pickup_title:before {
position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #FF020E; /*下線の色*/
  width: 8px; /*線の幅*/
 height:30px; /* マーカー線の高さ */
  top: 0px; /*線のタテ位置*/
  left: 0;  /*線のヨコ位置*/
	border-radius: 50px;
}

.top_contents_pickup_img {
	
}
.top_contents_pickup_img img {
	border-radius: 8px;
	width: 100%;
	max-width: 230px;
        height: 180px;
        object-fit: cover;
}
.top_contents_pickup_day {
	color:#FF020E; 
}
.top_contents_pickup_text {
	color: #333333;
/*	background-color: #FFFFFF;*/
	border-radius: 10px;
	/*padding: 1%;*/
}
.picup2_more {
    text-align: right;
    padding-right: 5px;
    }
.picup2_more a {
     font-size:0.75em;
   color:#FF020E;
    text-decoration: none;
    }
.picup2_more a:hover {
    color:#FF020E;
    text-decoration: none;
	 position: relative;
    right: -1px;
    bottom: -1px;
    }     
/*----link--------*/
.top_contents_link {
		padding: 2%;
	padding-top: 25px;
	margin-bottom: 50px;
	
}

.top_contents_link_list {
	
}

.top_contents_link_list ul li {
	width: 45%;
	float: left;
	padding-left: 2%;
	padding-bottom: 10px;
}
.top_contents_link_list ul li a{
	color: #333333;
}
.top_contents_link_list ul li a:hover{
	color: #FF020E;
	 position: relative;
    right: -1px;
    bottom: -1px;
}
.test-1 {
	width: 1200px;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
	

margin-left:auto;
margin-right:auto;
}
.test-2 {
	width: 1200px;
	text-align: center;

margin-left:auto;
margin-right:auto;
}



.test-3 img {


bottom: 0;
left: 0;
margin-left:auto;
margin-right:auto;
}