@charset "utf-8";
/* CSS Document */		
/* 共通 ---------------------------------------- */
.home {
	margin: 150px auto 0; 	
	display: block;
}
.home .block{
    width: 100%;
    max-width: 1100px;	
    margin: auto;
	padding: 0 10px;
}
.home .btn{
	text-align: center;
	margin: 80px auto 0;
}
.home .btn a{
    position: relative;
    display: block;
    width: 260px;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #9e9e9e;
    color: #9e9e9e;
    transition: .2s;	
    margin: auto;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .btn a{
    overflow: hidden;
}
.home .btn a:before{
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -101%;
    background-color: #E63F83;
    transition: .2s;
}
.home .btn a:hover{
    color: #fff;
    border: 1px solid #E63F83;
}
.home .btn a:hover:before{
    left: 0;
}
.home .slide{
    width: 100%;
    max-width: 1100px;
	margin: 0 auto 52px; 
    padding: 0 0 60px;
    display: none;
}
.home .slide.slick-initialized {
    display: block;
}
.home .Sp_audition{
	display: none;
}
.home .bi h2{
	text-align: center;
	font-size: 28px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .bh{
	margin: 100px auto 0;
}
.home .bh h2{
	text-align: center;
	font-size: 28px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .bi h2.sp,
.home .bh h2.sp{
	display: none;
}
.home .bislide,
.home .bhslide{
	margin: 50px 0 0;		
}
.home .bislide .timg img,
.home .bhslide .timg img{
	padding: 0 10%;
}
.home .bislide .timg .text,
.home .bhslide .timg .text{
	padding: 10px 10%;	
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .bislide .timg .text .newst,
.home .bhslide .timg .text .newst{
	text-align: center;
	margin: 10px 0 0;
}

/* news */

.home .news{
	margin: 100px 0 0;	
}
.home .news h2{
    text-align: center;
    font-size: 28px;	
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .newsslide{
	margin: 20px 0 0;		
}
.home .news .ij{
    text-align: center;
    margin: 20px 0 10px;
    font-size: 20px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}	
.home .news .ij:nth-of-type(2){
	margin: 80px 0 10px;
}
.home .newsslide .img{
	padding: 5%;
}
.home .newsslide .content{
	font-size: 14px;
}
.home .newsslide .content a:hover,
.home .newsslide .content a:focus{
	opacity: 0.5;
}
.home .newsslide .content .text{
	text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .newsslide .content .newst{
	margin:  5px 0 0;
	font-weight: bold;
}
.home .newsslide .content .newscontent{
	margin: 5px 0 0;	
}
.home .newsslide .slick-dots{
	    bottom: -50px;
}
.home .recruitment{
	margin: 140px 0 0;		
}
.home .recruitment h2{
    text-align: center;
    font-size: 28px;	
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;    
}
.home .recruitment ul{
	display: flex;
	justify-content: space-between;	
	flex-wrap: wrap;
	width: 100%;
	max-width: 1100px;
	margin: 50px auto 0;
}
.home .recruitment ul li{
	width: 30%;
	background:#E63F84;
}
.home .recruitment ul li a:hover,
.home .recruitment ul li a:focus{
	opacity: 0.5;
}
.home .recruitment .Sp{
	display: none;
}
.home .insta{
	margin: 60px auto 0;
}
.home .insta.Sp{
	display: none;
}
#instafeed {
    overflow: hidden;
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}
.in_jp_in{
	margin: 60px 0 0;
}
.in_int_in h2{
	text-align: center;
	margin: 0 0 20px;
    font-size: 28px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;	
}
.in_int_in h3,
.in_jp_in h3{
	text-align: center;
	margin: 0 0 10px;
    font-size: 20px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}
.home .in_int_in .btn,
.home .in_jp_in .btn{
	margin: 40px auto 0;
}
#instafeed .item{
	/*width: 25%;*/
    width: 33.33333%;
    padding: 2px;
}
#instafeed .item a {
    padding: 100% 0 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

#instafeed .item a:hover{
	opacity: 0.5;
}
.home .blog.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 140px auto 0;
}
.home .blog.flex .bi,
.home .blog.flex .bh{
	width: 48%;	
	margin: 0;
}
@media screen and (max-width:899px){
	.home {
	    margin: 80px auto;
	}
	.home .btn a{
	    width: 200px;
	    padding: 7px;
	}
	.home .bi h2.sp,
	.home .bh h2.sp{
		font-size: 24px;
	}

	.home .slide {
	    padding: 0;
	    margin: 0 auto 80px;
	}
	.home .Sp_audition{
		display: inherit;
		padding: 0 10px;
		width: 100%;
		max-width: 80%;
		margin: auto;
	}
	.home .Sp_audition a:hover,
	.home .Sp_audition a:focus {
		opacity: 0.5;
	}

	.home .blog.flex .bi, .home .blog.flex .bh {
	    display: none;
	}

	.home .bi,
	.home .bh,
	.home .news{
		margin: 50px 0 0;	
	}
	.home .bi h2.pc,
	.home .bh h2.pc{
		display: none;
	}
	.home .bi h2.sp,
	.home .bh h2.sp{
    	display: inherit;
	}
	.home .bislide,
	.home .bhslide{
	    margin: 30px 0 0;
	}
	.home .news .flex{
		margin: 0;
	}	
	.home .news .content{
		width: 48%;
		margin: 0 auto;
	}
	.home .recruitment .Pc{
		display: none;
	}
	.home .recruitment .Sp{
		display: inherit;
	}
	.home .recruitment ul li {
	    width: 100%;
	    max-width: 80%;
	    margin: 30px auto 0;
	}
	.home .bislide .timg .text .newst,
	.home .bhslide .timg .text .newst{
		font-size: 12px;
	}

	.home .blog.flex {
	    margin: 40px auto 0;
	}
	.home .insta{
		display: none;
	}
	.home .insta.Sp{
		display: inherit;
	}
	.in_int_in h2 {
	    margin: 0 0 10px;
	}
	.in_int_in h3, .in_jp_in h3 {
	    margin: 0 0 6px;
	}
	.bi .block,
	.bh .block{
		display: none;
	}

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