@charset "UTF-8";
.info_bnr{
	z-index: 3;
	width: 250px;
	position: absolute;
	top:130px;
	right:30px;
}
.info_bnr img{
	border:2px solid #D1AD23;
	border-radius: 15px;

}
.info_bnr img:hover{
	-webkit-transform: translatex(2px);
	        transform: translatex(2px);
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.2));
}
/* recruit */
.day{
    color: #666;
    font-size: 20px;
    text-align: center;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
	border:1px solid #ccc;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); 
}
.info{
    color: #fff;
    font-size: 20px;
    text-align: left;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color:#E4627E;
    border-radius: 10px;
}
.info2{
    color: #fff;
    font-size: 20px;
    text-align: left;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #36B5C2;
    border-radius: 10px;
}
.info3{
    color: #fff;
    font-size: 20px;
    text-align: left;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #1FAE26;
    border-radius: 10px;
}
.info_btn{
    width: 33%;
    margin: 50px auto 20px;
}
.info_btn2{
    width: 40%;
    margin: 20px 55% 20px 5%;
}
.info_time{
    width: 90%;
    margin: 40px auto 60px;
    color: #136db7;
    font-size: 20px;
    line-height: 1.6em;
}
.entry_btn{
    width: 60%;
    margin: 50px auto 30px;
    font-size: 18px;
    line-height: 2.2em;
    color: #007b95;
    text-align: center;
}
.g_view{
    width: 60%;
    margin: 70px auto;
    background-color: #EAEAEA;
    position: relative;
    padding: 110px 0 40px;
}
.g_view_ttl{
    width: 40%;
    position: absolute;
    top:-30px;
    left:30%;
}
.g_view_box{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.g_view_box_item{
    width: 50%;
}
.g_view_box_item img:hover{
    -webkit-transform: translateY(-2px);
	        transform: translateY(-2px);
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.2));
}
.warn{
	font-size: 16px;
	color: #000;
}
.warn span{
	color: rgba(235,21,25,1.00);
}
/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
.info_bnr{
	z-index: 3;
	width: 200px;
	position:absolute;
	top:50px;
	right:20px;
}
.info_bnr img{
	border:2px solid #D1AD23;
	border-radius: 15px;

}
.info_bnr img:hover{
	-webkit-transform: translatex(2px);
	        transform: translatex(2px);
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.2));
}
/* recruit */
.day{
    color: #666;
    font-size: 20px;
    text-align: center;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
	border:1px solid #ccc;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); 
}
.info{
	font-size: 16px;
	}
.info2{
    color: #fff;
    font-size: 16px;
    text-align: left;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #36B5C2;
    border-radius: 10px;
}
.info3{
    color: #fff;
    font-size: 16px;
    text-align: left;
    width: 90%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #1FAE26;
    border-radius: 10px;
}
.info_btn{
    width:40%;
    margin: 30px 55% 30px 5%;
}
.info_btn2{
    width: 50%;
    margin: 20px 45% 20px 5%;
}
.info_time{
    width: 90%;
    margin: 40px auto 60px;
    color: #136db7;
    font-size: 20px;
    line-height: 1.6em;
}
.entry_btn{
    width: 70%;
    margin: 50px auto 30px;
    font-size: 18px;
    line-height: 2.2em;
    color: #007b95;
    text-align: center;
}
.g_view{
    width: 70%;
    margin: 70px auto;
    background-color: #EAEAEA;
    position: relative;
    padding: 110px 0 40px;
}
.g_view_ttl{
    width: 40%;
    position: absolute;
    top:-30px;
    left:30%;
}
.g_view_box{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.g_view_box_item{
    width: 50%;
}
.g_view_box_item img:hover{
    -webkit-transform: translateY(-2px);
	        transform: translateY(-2px);
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.2));
}

}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
.info_bnr{
	display:none;
}
        /* recruit */
.day{
  
    font-size: 16px;
	}
.info{
    color: #fff;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
    width: 86%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color:#E4627E;
    border-radius: 10px;
}
.info2{
    color: #fff;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
    width: 86%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #36B5C2;
    border-radius: 10px;
}
.info3{
    color: #fff;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
    width: 86%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    background-color: #1FAE26;
    border-radius: 10px;
}
.info_btn{
    width:80%;
    margin: 30px 20% 30px 0;
}
.info_btn2{
    width: 90%;
    margin: 20px 10% 20px 0;
}
.info_time{
    width: 90%;
    margin: 20px auto 40px;
    color: #136db7;
    font-size: 16px;
    line-height: 1.6em;
}
.entry_btn{
    width: 90%;
    margin: 30px auto 20px;
    font-size: 14px;
    line-height: 2.2em;
    color: #007b95;
    text-align: center;
}
.g_view{
    width: 90%;
    margin: 40px auto;
    background-color: #EAEAEA;
    position: relative;
    padding: 70px 0 20px;
}
.g_view_ttl{
    width: 60%;
    position: absolute;
    top:-30px;
    left:20%;
}
.g_view_box{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
}