@charset "utf-8";
/* CSS Document */


br{
	vertical-align:top !important;
}
br{
	line-height:0 !important;
}
p{
	line-height:1.1;
}
img{
	vertical-align:top;
}


/*-------------------------------------------------

トップカルーセル

-------------------------------------------------*/
/*幅固定*/
/*
.slider2018{
	width:1440px;
	margin:0 auto;
	background:#ccc;
}
.slide_pc{
	height:600px;
	overflow-y:hidden;
}
*/
/*幅・高さなりゆき*/
.slider2018{
	width:100%;
	margin:0 auto;
	min-height:41vw;
}
.slide_pc{
	overflow:hidden;
}

/*
.slide_list_image img{
	display:none;
}
*/
.slide_list{
	display:none;
}
.slide_list.slick-initialized{
	display:block;
}
.slide_sp{
	display:none;
}

.slide_list_item{/*li*/
	position:relative;
	width:1440px;
	margin:0 auto;
}
.slide_list_image{
	margin:0 auto;
	text-align:center;
}
.slide_list_image img{
	margin:0 auto;
	width:100%;
}

.slide_text_area{
	position:absolute;
	left:9%;
/*
	top:30%;
	display:none;
*/
	top:90px;
	height:calc(100% - 90px);
	display:flex;
	align-content:center;
	flex-wrap:wrap;
}

.slide_list_title{
	font-size:70px;
	font-weight:900;
	color:#fff;
	width:100%;
}
.slide_list_text{
	padding-top:25px;
	font-size:18px;
	font-weight:500;
	color:#fff;
}


.slider2018  .slick-dotted.slick-slider{
	margin-bottom:0;
}
.slider2018 .slick-dots{
	bottom: 20px;
}


.slider2018 .slick-prev{
    left: 50px;
}
.slider2018 .slick-prev:before{
    content: '←';
}
.slider2018 .slick-next{
    right: 50px;
}
.slider2018 .slick-next:before{
    content: '→';
}



.slider2018 .slick-dots li{
	margin: 0 2px;
    cursor: pointer;
}
.slider2018 .slick-dots li,
.slider2018 .slick-dots li.slick-active button{
	cursor:auto;
}

.slider2018 .slick-dots li button:hover:before,
.slider2018 .slick-dots li button:focus:before
{
    opacity: 1;
}
.slider2018 .slick-dots li button:before{
	font-size: 14px;
	content: '■';
	opacity: .7;
	color: #fff;
}
.slider2018 .slick-dots li.slick-active button:before{
	font-size: 22px;
	opacity: .75;
	color:#ef1234;
}
.slider2018 .slick-dots li.slick-active button:hover:before,
.slider2018 .slick-dots li.slick-active button:focus:before{
	opacity: .75;
}


@media screen and (max-width:767px){
	.slider2018{
		width:100%;
	}
	.slide_pc{
		display:none;
	}
	.slide_sp{
		display:block;
		height:150vw;
	}
	.slide_list_item{/*li*/
		width:100%;
	}
	.slide_list_image img{
		max-width:100%;
	}

	.slide_text_area{
		top:10vw;
		height:calc(100% - 10vw);
		left:5vw;
		width:95vw;
/*		bottom:25vw;*/
	}

	.slide_list_title{
		font-size:13vw;
	}
	.slide_list_text{
		font-size:5vw;
	}
.slider2018 .slick-dots{
	bottom: 50px;
}

}


/*-------------------------------------------------

トップカルーセル下のメニュー

-------------------------------------------------*/
.board_submenu{
	width:1420px;
	margin:0 auto;
/*	padding-left:270px;*/
	background:#fff;
	position:relative;
	clear:both;
}

.board_submenu_list{
	width:66%;
	height:68px;
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content:space-between;
}
.board_submenu_list li{
/*	padding-left:40px;*/
	text-align:center;
}
.board_submenu_list li:first-child{
	padding-left:0;
}
.board_submenu_list a{
	font-size:13px;
	font-weight:700;
	color:#252525;
	transition:color ease 0.4s;
}
.board_submenu_list a:hover{
	color:#ef1234;
}

@media screen and (max-width:1440px){
	.board_submenu{
		width:calc(100% - 20px);
	}
}
@media screen and (max-width:1240px){
	.board_submenu{
		width:1220px;
	}
	.board_submenu_scrolldown{
		left:10px;
	}
}

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

	.board_submenu{
		width:100%;
		padding-left:0;
		background:transparent;
		padding-top:15vw;
	}


	.board_submenu_box{
	}
	.board_submenu_scrolldown{
		left:19vw;
	}

	.board_submenu_list{
		width:auto;
		height:auto;
		overflow-x:scroll;
	}
	.board_submenu_list li{
		padding-left:1em;
		padding-right:1em;
		padding-bottom:1em;
		white-space:nowrap;
	}
/*
	.board_submenu_list{
		width:auto;
		height:auto;
		display:inline-table;
	}

	.board_submenu_list li{
		padding-left:0;
		display:table-cell;
	}
*/
	.board_submenu_list a{
		font-size:13px;
	}

}

/*-------------------------------------------------

イメージ動画とポリシー

-------------------------------------------------*/
.policy{
	width:1420px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
	clear:both;
}
.policy_video{
	width:100%;
	height:520px;
	text-align:center;
	overflow:hidden;
	z-index:1;
}
.policy_video_source{
	width:100%;
}
.policy_video:after{
	content:"";
	display:block;
	position:absolute;
	left:10px;
	top:0;
	width:calc(100% - 20px);
	height:520px;
	background:url(../img/common/movie_screen.png) left top;
	z-index:10;
}
.policy_sp_source{
	text-align:center;
	overflow:hidden;
	z-index:1;
	display:none;
}
.policy_sp_source img{
	max-width:100%;
}




.policy_text{
	width:1000px;
	position:absolute;
	left:220px;
	top:65px;
	z-index:20;
	padding:0 !important;
}

.policy_headline{
	padding-bottom:22px;
	position:relative;
	font-size:40px;
	color:#fff;
	font-weight:900;
	line-height:1.4;
}
.policy_headline span{
	color:#ef1234;
	font-size:14px;
	font-family: 'Roboto';
	font-weight:700;
	display:block;
}
.policy_headline:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:100%;
	width:40px;
	height:6px;
	background:#fff;
}


.policy_text dd{
	padding:0 !important;
}
.policy_subhead{
	padding-top:30px;
	color:#fff;
	font-size:22px;
	font-weight:700;
}
.policy_lead{
	width:470px;
	padding-top:16px;
	font-size:14px;
	color:#fff;
	font-weight:400;
	line-height:1.6;
}
.policy_detail{
	padding-top:30px;
	width:180px;
	text-align:center;
}
.policy_detail a{
	width:178px;
	display:inline-block;
	padding:10px 0;
	border:1px solid #fff;
	font-size:14px;
	color:#fff;
	font-weight:400;
	background:#000;
	transition:background ease 0.4s;
}
.policy_detail a:hover{
	background:#c81c28;
}



@media screen and (max-width:1440px){
	.policy{
		width:calc(100% - 20px);
	}
	.policy_text{
		left:15.3%;
	}
}

@media screen and (max-width:767px){
	.policy_video{
		display:none;
	}
	.policy_sp_source{
		display:block;
		width:96%;
		margin:0 auto;
	}


	.policy{
		width:100%;
		padding:5vw 0 0 0;
	}

	.policy_text{
		width:84%;
		left:8vw;
		top:14vw;
	}

	.policy_headline{
		padding-bottom:4vw;
		font-size:8vw;
	}
	.policy_headline span{
		font-size:4vw;
	}
	.policy_headline:after{
		width:10vw;
		height:2vw;
	}


	.policy_subhead{
		padding-top:vw;
		font-size:5.5vw;
		line-height:1.3;
	}
	.policy_lead{
		width:100%;
		padding-top:4vw;
		font-size:4vw;
	}
	.policy_detail{
		padding-top:5vw;
		width:100%;
	}
	.policy_detail a{
		width:calc(100% - 2px);
		padding:5vw 0;
		font-size:4vw;
	}


}


/*-------------------------------------------------

COURSES

-------------------------------------------------*/
.courses{
/*	width:1200px;*/
	width:1420px;
	margin:0 auto;
	padding-top:60px;
	clear:both;
}
.courses_list{
	width:100%;
	display:flex;
	align-items: center;
	margin-top:24px;
}
.courses_list li{
/*	width:25%;*/
	width:33.33%;
	height:340px;
}
.courses_list li a{
	display:block;
	position:relative;
	height:200px;
	padding-top:140px;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:900;
	z-index:20;
}
.courses_list li p{
	position:relative;
	z-index:30;
	line-height:1.1;
}
.courses_list li span{
	display:inline-block;
	padding-top:10px;
	font-size:18px;
	font-family: 'Roboto';
	font-weight:700;
	vertical-align:top;
	background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ef1234 80%, #ef1234 95%);
}
.courses_list li.faculty_fashion{
	background:url(../img/top/faculty_fashion_pc.jpg) no-repeat center top;
}
.courses_list li.faculty_hairmake{
	background:url(../img/top/faculty_hairmake_pc.jpg) no-repeat center top;
}
.courses_list li.faculty_design{
	background:url(../img/top/faculty_design_pc.jpg) no-repeat center top;
}
.courses_list li.faculty_movie{
	background:url(../img/top/faculty_movie_pc.jpg) no-repeat center top;
}
.courses_list li.faculty_sports{
	background:url(../img/top/faculty_sports_pc.jpg) no-repeat center top;
}

.courses_list li.faculty_hairmake span{
	background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffa436 80%, #ffa436 95%);
}
.courses_list li.faculty_design span{
	background: linear-gradient(to bottom, transparent 0%, transparent 80%, #3c36ff 80%, #3c36ff 95%);
}
.courses_list li.faculty_movie span{
	background: linear-gradient(to bottom, transparent 0%, transparent 80%, #ffa436 80%, #ffa436 95%);
}
.courses_list li.faculty_sports span{
	background: linear-gradient(to bottom, transparent 0%, transparent 80%, #828282 80%, #828282 95%);
}


/*枠付きで、背景白が透過*/
.courses_list li a:hover{
	height:65px;
	padding-top:235px;
	text-align:left;
	color:#000;
	font-size:15px;
	padding-left:15px;
	z-index:20;
}
.courses_list li a:hover span{
	font-size:28px;
	background:none;
}
.courses_list li a:before{
	box-sizing:border-box;
	content:"";
	display:block;
	position:absolute;
	left:20px;
	bottom:0px;
/*	width:260px;*/
/*	width:360px;*/
    width:100%;
	height:0;
	margin:0 auto;
	background:rgba(255,255,255,0.75);
	transition:height ease 0s;
	z-index:10;
}
.courses_list li a:hover:before{
	box-sizing:border-box;
	content:"";
	height:300px;
	z-index:10;
	left:0;
	transition:height ease 0.4s;
}
.courses_list li.faculty_fashion a:hover{
	border:20px solid rgba(239,18,52,1);
}
.courses_list li.faculty_hairmake a:hover{
/*	border:20px solid rgba(239,133,181,1);*/
	border:20px solid rgba(255,164,54,1);
}
.courses_list li.faculty_design a:hover{
	border:20px solid rgba(60,54,255,1);
}
.courses_list li.faculty_movie a:hover{
	border:20px solid rgba(255,164,54,1);
}
.courses_list li.faculty_sports a:hover{
	border:20px solid rgba(130,130,130,1);
}









.courses_another_list{
	width:860px;
	height:100px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:40px;
}
.courses_another_list li{
	width:418px;
	height:98px;
	border:1px solid #e3e3e3;
	display:flex;
	align-items: center;
	background:#fafafa;
	transition:background ease 0.4s;
}
.courses_another_list li.courses_another_ws{
	background:#fafafa url(../img/top/courses_another_ws.jpg) no-repeat right center;
	background-size:auto 100%;
}
.courses_another_list li.courses_another_ws:hover{
	background:#ebebeb url(../img/top/courses_another_ws.jpg) no-repeat right center;
	background-size:auto 110%;
}
.courses_another_list li.courses_another_vdh{
	background:#fafafa url(../img/top/courses_another_vdh.jpg) no-repeat right center;
	background-size:auto 100%;
}
.courses_another_list li.courses_another_vdh:hover{
	background:#ebebeb url(../img/top/courses_another_vdh.jpg) no-repeat right center;
	background-size:auto 110%;
}
.courses_another_list li a{
	display:block;
	width:96%;
	height:70px;
	padding-left:4%;
	padding-top:0px;
	font-size:18px;
	color:#000;
	font-weight:900;
}
.courses_another_list li span{
	display:block;
	font-size:14px;
	font-family: 'Roboto';
	font-weight:900;
}



@media screen and (max-width:1420px){
    .courses{
    	width:100%;
    }

}
@media screen and (max-width:1220px){
    .courses{
    	width:1200px;
    }

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

	.courses{
		width:96%;
		padding-top:8vw;
	}
	.courses .common_headline_jtext{
		padding-top:2.5vw;
		text-align:center;
		line-height:1.3;
	}

	.courses_list{
		display:block;
		margin-top:4vw;
	}
	.courses_list li{
		width:100%;
		height:auto;
		margin-bottom:2vw;
	}
	.courses_list li a{
		display:block;
		height:30vw;
		padding-top:0;
		text-align:left;
		font-size:6vw;
	}
	.courses_list li a:hover{
		display:block;
		height:30vw;
		padding-top:0;
		text-align:left;
		font-size:6vw;
		padding-left:0;
		color:#fff;
		border:none;
	}

	.courses_list li p{
		margin-left:4.5vw;
		padding-top:10vw;
	}
	.courses_list li span{
		padding-top:10px;
		font-size:4.4vw;
		background:none;
	}
	.courses_list li.faculty_fashion span,
	.courses_list li.faculty_hairmake span,
	.courses_list li.faculty_design span,
	.courses_list li.faculty_sports span,
	.courses_list li.faculty_movie span{
		background:none;
	}
	.courses_list li.faculty_fashion{
		background:url(../img/top/faculty_fashion_spBG.jpg) no-repeat left top;
		background-size:100% auto;
		border-bottom:5px solid #ef1234;
	}
	.courses_list li.faculty_hairmake{
		background:url(../img/top/faculty_hairmake_spBG.jpg) no-repeat left top;
		background-size:100% auto;
/*		border-bottom:5px solid #ef85b5;*/
		border-bottom:5px solid #ffa436;
	}
	.courses_list li.faculty_design{
		background:url(../img/top/faculty_design_spBG.jpg) no-repeat left top;
		background-size:100% auto;
		border-bottom:4px solid #3c36ff;
	}
	.courses_list li.faculty_movie{
		background:url(../img/top/faculty_movie_spBG.jpg) no-repeat left top;
		background-size:100% auto;
		border-bottom:5px solid #ffa436;
	}
	.courses_list li.faculty_sports{
		background:url(../img/top/faculty_sports_spBG.jpg) no-repeat left top;
		background-size:100% auto;
		border-bottom:4px solid #828282;
	}





	.courses_list li.faculty_fashion a,
	.courses_list li.faculty_fashion a:hover{
		background:url(../img/top/faculty_fashion_sp.jpg) no-repeat right top;
		background-size:auto 100%;
		border:none;
	}
	.courses_list li.faculty_hairmake a,
	.courses_list li.faculty_hairmake a:hover{
		background:url(../img/top/faculty_hairmake_sp.jpg) no-repeat right top;
		background-size:auto 100%;
		border:none;
	}
	.courses_list li.faculty_design a,
	.courses_list li.faculty_design a:hover{
		background:url(../img/top/faculty_design_sp.jpg) no-repeat right top;
		background-size:auto 100%;
		border:none;
	}
	.courses_list li.faculty_movie a,
	.courses_list li.faculty_movie a:hover{
		background:url(../img/top/faculty_movie_sp.jpg) no-repeat right top;
		background-size:auto 100%;
		border:none;
	}
	.courses_list li.faculty_sports a,
	.courses_list li.faculty_sports a:hover{
		background:url(../img/top/faculty_sports_sp.jpg) no-repeat right top;
		background-size:auto 100%;
		border:none;
	}


	.courses_list li a:hover span{
		font-size:4.4vw;
		background:none;
	}
	.courses_list li a:before{
		content:"";
		display:none;
		position:absolute;
		left:0;
		bottom:0;
		width:0;
		height:0;
		margin:0 auto;
		background:none;
	}
	.courses_list li a:hover:before{
		content:"";
		display:none;
		height:0;
		z-index:10;
	}




	.courses_another_list{
		width:90%;
		height:auto;
		margin:0 auto;
		display:block;
		margin-top:4vw;
	}
	.courses_another_list li{
		width:calc(100% - 2px);
		height:auto;
/*		height:20vw;*/
		margin-bottom:4vw;
	}
	.courses_another_list li.courses_another_ws{
		background:#fafafa url(../img/top/courses_another_ws_sp.jpg) no-repeat right center;
		background-size:auto 100%;
	}
	.courses_another_list li.courses_another_vdh{
		background:#fafafa url(../img/top/courses_another_vdh_sp.jpg) no-repeat right center;
		background-size:auto 100%;
	}
	.courses_another_list li a{
/*		height:calc(100% - 5vw);*/
		height:auto;
		padding-left:4vw;
		padding-top:3vw;
		padding-bottom:3vw;
		font-size:3.7vw;
	}
	.courses_another_list li span{
		font-size:2.7vw;
	}


}



/*-------------------------------------------------

ENTRY

-------------------------------------------------*/
.entry-message-box-sp{
    display:none;
}
.entry-message-box{
    width:100%;
    background-size:cover;
    min-height:520px;
	background:url(../img/top/entry_messageBG_pc01.jpg) no-repeat center center;
}
.entry-message-inner{
    width:1200px;
    height:100%;
    margin:0 auto;
}
.entry-message-info-box{
    width:490px;
    margin:0 auto 0 0;
    height:100%;
    min-height:520px;
    background:rgba(239,18,52,.85);
    padding:0 45px;
    display:flex;
    align-items:center;
}
.entry-message-info{
    color:#fff;
}
.entry-message-tsume{
    font-size:13px;
	font-family: 'Roboto';
    font-weight:700;
}
.entry-message-headline{
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
    font-size:32px;
    font-weight:700;
}
.entry-message-headline:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:40px;
    height:6px;
    background:#fff;
}

.entry-message-lead{
    padding-top:20px;
    font-size:17px;
    font-weight:700;
    letter-spacing:0.05em;
    line-height:1.8;
}
.entry-message-btn{
    padding-top:20px;
    text-align:center;
}
.entry-message-btn a{
    display:block;
    border:2px solid #fff;
    color:#fff;
    text-align:center;
    font-size:20px;
    padding:14px 0;
    transition:background ease .4s,color ease .4s;
}
.entry-message-btn a:hover{
    background:#fff;
    color:rgba(239,18,53,1);
}

@media screen and (max-width:767px){
    .entry-message-box-sp{
        display:block;
        width:100%;
        height:44vw;
    	background:url(../img/top/entry_messageBG_sp01.jpg) no-repeat center top;
        background-size:cover;
    }
    .entry-message-tsume-sp{
        width:85%;
        margin:0 auto;
        padding-top:36vw;
        font-size:4.4vw;
        color:#fff;
    	font-family: 'Roboto';
        font-weight:500;
    }
    .entry-message-box{
        min-height:0;
    	background:none;
    }
    .entry-message-inner{
        width:100%;
/*        height:auto;*/
        background:#cb0f2c;
    }
    .entry-message-info-box{
        width:85%;
        margin:0 auto;
        height:auto;
        background:none;
        padding:2vw 0 10vw;
        display:block;
    }


    .entry-message-tsume{
        display:none;
    }
    .entry-message-headline{
        padding-top:5vw;
        padding-bottom:5vw;
        font-size:5.8vw;
    }
    .entry-message-headline:after{
        width:7.2vw;
        height:4px;
    }

    .entry-message-lead{
        padding-top:5vw;
        font-size:3.7vw;
        font-weight:500;
    }
    .entry-message-btn{
        padding-top:5vw;
    }
    .entry-message-btn a{
        border:1px solid #fff;
        font-size:4.2vw;
        padding:3vw 0;
        transition:none;
    }
    .entry-message-btn a:hover{
        background:transparent;
        color:#fff;
    }



}



/*-------------------------------------------------

BLOG

-------------------------------------------------*/
.blog{
	width:1200px;
	margin:0 auto;
	position:relative;
	padding-top:70px;
	clear:both;
}
.blog .common_headline{
	margin-bottom:30px;
}
.blog .link_view_all{
	top:90px;
}

.blog_list{
	width:100%;
}
.blog_large{/*li*/
	float:left;
	width:800px;
    min-height:200px;
}
.blog_medium{/*li*/
	float:left;
	width:400px;
    min-height:200px;
}
.blog_large_box,
.blog_medium_box{
	position:relative;
}
.blog_image{
	text-align:center;
}
.blog_image img{
	max-width:100%;
}

.blog_list a .blog_image:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.4) 100%);
	transition:background ease 0.4s;
}
.blog_list a:hover .blog_image:after{
	background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 100%);
}

.blog_text{
	position:absolute;
	width:100%;
	bottom:10px;
	left:0;
	z-index:30;
}

.blog_spec{
	width:94%;
	margin:0 auto;
	color:#fff;
	font-size:10px;
	font-family: 'Roboto';
	font-weight:500;
}
.blog_spec span{
	display:inline-block;
}
.blog_spec_area{
	font-size:12px;
	font-weight:700;
	padding-right:1em;
	margin-right:1em;
	position:relative;
}
.blog_spec_area:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:3px;
	width:1px;
	height:8px;
	background:rgba(255,255,255,0.7);
}

.blog_lead{
	width:94%;
	margin:0 auto;
	color:#fff;
	font-size:16px;
	font-weight:700;
	padding:0;
}



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

	.blog{
		width:100%;
		padding-top:8vw;
	}

	.blog .common_headline{
		margin-bottom:0;
	}
	.blog .link_view_all{
		top:0;
		margin-top:-4vw;
	}
	.blog .common_headline_jtext{
		padding-top:2.5vw;
		text-align:center;
		line-height:1.3;
	}

	.blog_list{
		width:calc(96% - 8px);
		margin:0 auto;
		border:4px solid #e7e7e7;
		padding-top:6vw;
		padding-bottom:6vw;
		margin-top:4vw;
	}
	.blog_large{/*li*/
		float:none;
		width:90%;
		margin:0 auto;
	}
	.blog_medium{/*li*/
		float:none;
		width:90%;
		margin:0 auto;
	}
	.blog_large_box,
	.blog_medium_box{
		margin-bottom:6vw;
	}

	.blog_list a .blog_image:after{
		background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.7) 100%);
	}
	.blog_text{
		bottom:3vw;
	}

	.blog_spec{
		font-size:3vw;
	}
	.blog_spec_area{
		font-size:3vw;
	}
	.blog_spec_area:after{
		top:0.5vw;
		height:2vw;
	}

	.blog_lead{
		font-size:3vw;
	}


}




/*-------------------------------------------------

topics

-------------------------------------------------*/
.topics{
	width:750px;
	margin:0 auto 0 0;
	padding-top:90px;
	position:relative;
}
.topics .link_view_all{
	top:100px;
}
.topics .common_headline_jtext{
	display:block;
	margin-left:0;
	padding-top:10px;
	padding-left:0px;
}
.topics .common_headline_jtext:after{
	width:0;
	border-left:none;
}

.topics_list{
	width:100%;
	padding-top:30px;
}
.topics_list a{
	display:flex;
	align-items: center;
	margin-bottom:20px;
	transition:background ease 0.4s;
}
.topics_list a:hover{
	background:#f5f5f5;
}
.topics_image{
	width:200px;
}
.topics_image img{
	max-width:100%;
}
.topics_text{
	padding-left:20px;
	width:550px;
}
.topics_spec{
	font-size:14px;
	font-weight:700;
	color:#000;
}
.topics_spec span{
	display:inline-block;
	position:relative;
}
.topics_spec_date{
	padding-right:1em;
	margin-right:1em;
}
.topics_spec_date:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:3px;
	width:0;
	height:12px;
	border-left:1px solid #b8b8b8;
}

.faculty_fashion .topics_spec_faculty{
	color:#ef1234;
}
.faculty_hairmake .topics_spec_faculty{
/*	color:#ef85b5;*/
	color:#ffa436;
}
.faculty_design .topics_spec_faculty{
	color:#3c36ff;
}
.faculty_movie .topics_spec_faculty{
	color:#ffa436;
}
.faculty_sports .topics_spec_faculty{
	color:#828282;
}

.icon_fa .topics_spec_faculty{
	color:#ef1234;
}
.icon_hm .topics_spec_faculty{
/*	color:#ef85b5;*/
	color:#ffa436;
}
.icon_de .topics_spec_faculty{
	color:#3c36ff;
}
.icon_mv .topics_spec_faculty{
	color:#ffa436;
}
.icon_sd .topics_spec_faculty{
	color:#828282;
}

.topics_lead{
	padding-top:0.8em;
	line-height:1.4;
	font-size:14px;
	font-weight:400;
}


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

	.topics{
		width:90%;
		margin:0 auto;
		padding-top:12vw;
	}
	.topics .link_view_all{
		top:0;
	}
	.topics .common_headline_jtext{
		margin-left:0;
		padding-top:3vw;
		padding-left:0;
		text-align:center;
	}

	.topics_list{
		width:100%;
		padding-top:5vw;
		padding-bottom:6vw;
	}
	.topics_list a{
		margin-bottom:4vw;
	}
	.topics_list a:hover{
		background:#fff;
	}
	.topics_image{
		width:28%;
	}
	.topics_text{
		padding-left:4%;
		width:68%;
	}
	.topics_spec{
		font-size:3vw;
	}
	.topics_spec_date:after{
		top:3px;
		height:2.3vw;
	}


	.topics_lead{
		font-size:3.3vw;
	}



}




/*-------------------------------------------------

SNAP / 2019.8追加

-------------------------------------------------*/
/*jquery.Photostack用*/
.js-photostack{
	position: relative;
	padding: 0;
	margin: 0;
}
.js-photostack > *{
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
}




.snap_box{
    width:100%;
    overflow:hidden;
}
.snap{
	width:100%;
	min-width:1200px;
    clear:both;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    background:url(/assets2018/img/top/snapBG_pc.png) no-repeat center center;
    background-size:cover;
}
.snap .inner1200{
    display:flex;
	padding-top:0;
	padding-bottom:120px;
}
.snap-info{
    width:50%;
    box-sizing:border-box;
	padding:200px 30px 50px 150px;
}
.snap-info .common_headline{
	margin-bottom:50px;
    color:#181818;
}
.snap-info .common_headline_jtext{
    letter-spacing:0.075em;
}
.snap-info .link_view_more{
    padding-left:0;
    padding-top:60px;
}
.snap-lead{
    line-height:1.9;
    font-size:14px;
}

.snap-image{
    opacity:0;
    width:50%;
    height:470px;
    box-sizing:border-box;
    padding-left:70px;
    padding-top:100px;
/*
    background:url(/assets2018/img/top/snap_photoBG_pc.jpg) no-repeat left 50px;
    background-size:80% auto;
*/
    transition:opacity ease .4s;
}
.snap-motion-box{
    width:420px;
    background:#fff;
	padding: 15px 25px;
    box-sizing:border-box;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
}
.snap-motion-title{
    padding:15px 0 15px 40px;
    font-size:16px;
    font-weight:700;
    background:url(/assets2018/img/top/snap_vantan_logo.png) no-repeat left center;
    background-size:30px auto;
}

.snap-motion-sub{
    font-size:16px;
    padding-top:45px;
    background:url(/assets2018/img/top/snap_vantan_icon.png) no-repeat left 10px;
    background-size:110px auto;
}






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

	.snap{
		min-width:0;
        border:none;
        background:url(/assets2018/img/top/snapBG_sp.png) no-repeat center bottom;
        background-size:100% auto;
        padding-bottom:45vw;
	}

    .snap .inner1200{
        flex-wrap:wrap;
		padding-top:18vw;
		padding-bottom:6vw;
    }
    .snap-info{
        width:100%;
        order:2;
        padding:15vw 5% 4vw 5%;
    }
    .snap-info .common_headline{
    	margin-bottom:2vw;
        text-align:left;
        font-size:9vw;
    }
	.snap-info .common_headline_jtext{
		padding-top:2vw;
	}

    .snap-info .link_view_more{
        padding-top:5vw;
    }
    .snap-lead{
        padding-top:5vw;
        font-size:4vw;
    }


    .snap-image{
        width:100%;
        height:120vw;
        padding-top:10vw;
       padding-left:0;
/*
        background:url(/assets2018/img/top/snap_photoBG_pc.jpg) no-repeat center 0;
        background-size:100% auto;
*/
    }
    .snap-image ul{
        margin:0 auto;
    }
    .snap-motion-box{
        width:96%;
        margin:0 auto 0 4%;
    	padding: 3vw 4vw 6vw 4vw;
    	box-shadow: 2px 2px 6px 0 rgba(0,0,0,.3);
    }
    .snap-motion-title{
        padding:6vw 0 4vw 8vw;
        font-size:4vw;
        background:url(/assets2018/img/top/snap_vantan_logo.png) no-repeat left center;
        background-size:6vw auto;
    }
    .snap-motion-sub{
        font-size:3.4vw;
        padding-top:10vw;
        background:url(/assets2018/img/top/snap_vantan_icon.png) no-repeat left 2vw;
        background-size:25vw auto;
    }


    .snap-motion-image{
        height:80vw;
        text-align:center;
    }
    .snap-motion-image img{
        height:100%;
        width:100%;
        object-fit:cover;
    }
    .snap-motion-sub{
        font-size:3.4vw;
    }

    .component {
    	margin: 0 auto;
    }
    .component-small > ul {
        margin:0 auto;
    }
    .component li img {
    	width: 100%;
    }


	.component-small nav a {
		top: 100%;
		margin-top: 10px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}

	.component-small nav a.snap_prev {
		left: 50%;
		margin-left: -80px;
	}

	.component-small nav a.snap_next {
		margin-left: 20px;
		right: auto;
		left: 50%;
	}

}





/*-------------------------------------------------

NEWS

-------------------------------------------------*/
.news{
	position:absolute;
	right:0;
	top:90px;
	width:360px;
}

.news .link_view_all{
	top:10px;
}
/*
.news .common_headline_jtext{
	display:block;
	margin-left:0;
	padding-top:10px;
	padding-left:0px;
}
.news .common_headline_jtext:after{
	width:0;
	border-left:none;
}
*/
.news_list{
	width:100%;
	padding-top:30px;
}
.news_list li{
}

.news_list a{
	display:block;
	padding-bottom:28px;
	padding-top:22px;
	border-bottom:1px solid #e5e5e5;
	transition:background ease 0.4s;
}

.news_list a:hover{
	background:#f5f5f5;
}
.news_spec{
	color:#000;
	font-size:14px;
	font-weight:700;
}


.news_spec span{
	display:inline-block;
	position:relative;
}
.news_spec_date{
	padding-right:1em;
	margin-right:1em;
}
.news_spec_date:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:3px;
	width:0;
	height:12px;
	border-left:1px solid #b8b8b8;
}

.news_lead{
	padding-top:0.8em;
	line-height:1.4;
	font-size:14px;
	font-weight:400;
}



.news.v2019{
    position:relative;
    top:0;
    clear:both;
	width:100%;
	min-width:1200px;
	padding-top:75px;
	padding-bottom:40px;
}
.news.v2019 .news_list{
	padding-top:20px;
    display:flex;
    flex-wrap:wrap;
}
.news.v2019 .news_list  li{
    width:48%;
}
.news.v2019 .news_list  li:nth-child(2n){
    padding-left:4%;
}
.news.v2019 .news_list a{
    display:flex;
    align-items:flex-start;
	padding-top:28px;
    min-height:66px;
}
.news.v2019 .news_spec{
    width:21%;
    padding-right:3%;
}
.news.v2019 .news_spec_date{
    color:#ccc;
}
.news.v2019 .news_spec_date:after{
    display:none;
}
.news.v2019 .news_spec_media{
    display:inline-block;
    line-height:1.3;
    padding-top:10px;
}
.news.v2019 .news_lead{
    width:76%;
	padding-top:0;
    font-size:15px;
}

@media screen and (max-width:767px){
	.news{
		position:relative;
		right:auto;
		top:auto;
		width:90%;
		margin:0 auto;
		padding-top:12vw;
	}
	.news.v2019{
		min-width:0;
		padding-top:8vw;
		padding-bottom:6vw;
		margin-top:6vw;
	}
	.news .link_view_all{
	}
	.news .common_headline_jtext{
		margin-left:0;
		padding-top:3vw;
		padding-left:0;
		text-align:center;
	}

	.news_list{
		padding-top:5vw;
		padding-bottom:6vw;
	}
	.news_list a{
		padding-bottom:5vw;
		padding-top:4vw;
		padding-left:2vw;
		padding-right:2vw;
	}
	.news_list li:first-child a{
		border-top:1px solid #e5e5e5;
	}
	.news_spec{
		font-size:3vw;
	}
	.news_spec_date:after{
		top:3px;
		height:2.3vw;
	}

	.news_lead{
		font-size:3.3vw;
	}


    .news.v2019{
    	width:90%;
    	min-width:0;
    	padding-top:0;
/*    	padding-top:12vw;*/
    	padding-bottom:40px;
    }
    .news.v2019 .news_list{
		padding-top:5vw;
		padding-bottom:6vw;
        display:block;
    }
    .news.v2019 .news_list  li{
        width:100%;
    }
    .news.v2019 .news_list  li:nth-child(2n){
        padding-left:0%;
    }
    .news.v2019 .news_list a{
        display:block;
		padding-bottom:5vw;
		padding-top:4vw;
		padding-left:2vw;
		padding-right:2vw;
        min-height:0;
    }
    .news.v2019 .news_spec{
        width:100%;
        padding-right:0;
    }
    .news.v2019 .news_spec_date{
        color:#000;
    }
    .news.v2019 .news_spec_date:after{
        display:block;
    }
    .news.v2019 .news_spec_media{
        line-height:1.1;
        padding-top:0;
    }
    .news.v2019 .news_lead{
        width:100%;
    	padding-top:0.8em;
		font-size:3.3vw;
    }



}


/*-------------------------------------------------

#VANTAN

-------------------------------------------------*/
.socialhub{
	width:100%;
	min-width:1200px;
	background:#fafafa;
	padding-top:75px;
	padding-bottom:70px;
	margin-top:40px;
}
.socialhub .common_headline{
	margin-bottom:35px;
}

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

	.socialhub{
		min-width:0;
		padding-top:8vw;
		padding-bottom:6vw;
		margin-top:6vw;
	}
	.socialhub .common_headline{
		margin-bottom:4vw;
	}
	.socialhub .common_headline_jtext{
		padding-top:2.5vw;
		text-align:center;
		line-height:1.3;
	}

	#social-hub-wrapper{
		width:90%;
		margin:0 auto;
	}
	.sr-sh-item{
		width:50% !important;
	}




}



/*-------------------------------------------------

SNS

-------------------------------------------------*/
.sns{
	width:100%;
/*	height:330px;
	padding:40px 0;*/
    height:300px;
    box-sizing:border-box;
	min-width:1200px;
	background:url(../img/top/snsBG.jpg) no-repeat center top;
	background-size:100% auto;
}
.sns .common_headline{
	padding-top:50px;
    width:720px;
    margin:0 auto;
/*	padding-left:100px;*/
}
.sns_lead{
    width:720px;
    margin:0 auto;
/*	width:570px;
	padding-left:100px;*/
	padding-top:15px;
	font-size:14px;
	color:#fff;
	font-weight:400;
	line-height:1.6;
}
.sns_list{
    width:720px;
    margin:0 auto;
/*	margin-left:100px;
	width:570px;*/
	margin-top:30px;
	padding:35px 0;
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
	text-align:center;
	letter-spacing:-.40em;
}
.sns_list li{
	display:inline-block;
	letter-spacing:0;
}
.sns_list a{
	display:inline-block;
	padding:6px 20px 6px 40px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-family: 'Roboto';
	font-weight:500;
	position:relative;
	transition:background-color ease 0.4s;
}
.sns_list a:hover{
	background-color:rgba(255,255,255,0.2);
}
.sns_list a:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:30px;
	background-color:rgba(255,255,255,0.5);
}
.sns_list li:first-child a:after{
	width:0;
	height:0;
}
.sns_tw a{
	background:url(../img/top/icon_tw.png) no-repeat 6px center;
	background-size:auto 20px;
}
.sns_insta a{
	background:url(../img/top/icon_insta.png) no-repeat 10px center;
	background-size:auto 20px;
}
.sns_fb a{
	background:url(../img/top/icon_fb.png) no-repeat 18px center;
	background-size:auto 20px;
}
.sns_line a{
	background:url(../img/top/icon_line.png) no-repeat 8px center;
	background-size:auto 20px;
}




/*
.sns_widget_box{
	position:absolute;
	right:0;
	top:0;
	width:450px;
	height:330px;
	background:#fff;
	border-radius:5px;
}
.sns_twitter_widget{
	width:94%;
	margin:0 auto;
}
.sns_twitter_widget iframe{
	width:100% !important;
	height:320px !important;
}
*/


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

	.sns{
		width:100%;
		height:auto;
		min-width:0;
		background:url(../img/top/snsBG_sp.jpg) no-repeat center top;
		background-size:cover;
		padding:8vw 0 10vw 0;
	}
	.sns .common_headline{
        width:100%;
		padding-top:0;
		padding-left:0;
		text-align:center;
	}
	.sns_lead{
		width:90%;
		margin:0 auto;
		padding-top:5vw;
		padding-left:0;
		font-size:3.6vw;
	}
	.sns_list{
		width:90%;
		margin:5vw auto;
		padding:5vw 0;
	}

	.sns_list a{
		padding:10vw 5vw 0 5vw;
		font-size:2.6vw;
	}
	.sns_list a:after{
		top:2vw;
		height:4vw;
	}
	.sns_tw a{
		background:url(../img/top/icon_tw.png) no-repeat center top;
		background-size:auto 7vw;
	}
	.sns_insta a{
		background:url(../img/top/icon_insta.png) no-repeat center top;
		background-size:auto 7vw;
	}
	.sns_fb a{
		background:url(../img/top/icon_fb.png) no-repeat center top;
		background-size:auto 7vw;
	}
	.sns_line a{
		background:url(../img/top/icon_line.png) no-repeat center top;
		background-size:auto 7vw;
	}




/*
	.sns_widget_box{
		position:relative;
		right:auto;
		top:auto;
		width:90%;
		margin:0 auto;
		height:300px;
	}
	.sns_twitter_widget{
		width:96%;
		margin:0 auto;
	}
	.sns_twitter_widget iframe{
	width: 740px !important;
		height:290px !important;
	}
*/

}


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

	.sns_widget_box{
		overflow-x:scroll;
	}


}

/*-------------------------------------------------

ACCESS

-------------------------------------------------*/
.access{
	width:1200px;
	margin:0 auto;
	position:relative;
	padding-top:70px;
	clear:both;
}
.access .common_headline{
	margin-bottom:30px;
}
.access .link_view_all{
	top:90px;
}

.access_info{
    width:100%;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.access_info>div{
    padding-bottom:70px;
}
.access_tokyo{
    width:48%;
    padding-right:4%;
}
.access_osaka{
    width:48%;
}
.access_nagoya{
    width:48%;
}

.access_head{
    display:flex;
    width:100%;
    align-items:flex-end;
    padding-bottom:15px;
}
.access_head.prepare{
    flex-wrap:wrap;
    justify-content:flex-start;
}
.access_subhead{
    width:17%;
    position:relative;
    padding-top:25px;
    font-size:28px;
    font-weight:500;
    letter-spacing:0.1em;
    line-height:1.1;
}
.access_nagoya .access_subhead{
    width:5.5em;
}
.access_head.nagoya .access_subhead{
    width:11em;
}
.access_subhead small{
    font-size:50%;
}
.access_subhead:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    font-size:16px;
    font-weight:700;
}
.access_tokyo .access_subhead:after{
    content:"TOKYO";
    color:#ef1235;
}
.access_osaka .access_subhead:after{
    content:"OSAKA";
    color:#1258ee;
}
.access_nagoya .access_subhead:after{
    content:"NAGOYA";
    color:#fe601d;
}
.access_phone{
    width:83%;
}
.access_head.prepare .access_phone{
    width:17em;
}
.access_head.prepare .access_phone small{
    font-size:12px;
    display:inline-block;
}
.access_number{
    position:relative;
    display:inline-block;
    font-size:22px;
    font-weight:400;
    padding-left:60px;
    padding-bottom:5px;
    background:url(../img/common/icon_freedial.png) no-repeat left 32px bottom 7px;
    background-size:22px auto;
}
.access_nagoya .access_number{
    padding-left:35px;
    background:url(../img/common/icon_freedial.png) no-repeat left 5px bottom 7px;
    background-size:22px auto;
    margin-right:11px;
}
.access_annotation{
    width:100%;
    padding-top:5px;
    font-size:16px;
    color:#333;
}
.access_time{
	width:100%;
    padding-top:5px;
		color:#333;
		display: block;
		padding-left: 5px;
}
.access_osaka .access_time,.access_tokyo .access_time{
	padding-left: 30px;
}




.access_map_image{
    width:100%;
}
.access_map_image img{
    max-width:100%;
}

.access_more_link{
    width:100%;
}
.access_more_link a{
    display:block;
    background:#000;
    padding:12px 0;
    position:relative;
    color:#fff;
    box-sizing:border-box;
    padding-left:1.5em;
    font-size:16px;
    transition:background ease .4s;
}
.access_more_link a:after{
	content:"";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ef1235;
	border-top: 2px solid #ef1235;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: right 50% 0;
}

.access_osaka .access_more_link a:after{
	border-right: 2px solid #1258ee;
	border-top: 2px solid #1258ee;
}
.access_more_link a:hover{
    background:#7d7d7d;
}
.access_gmap_list{
    padding-top:15px;
    min-height:90px;
}
.access_head + .access_gmap_list{
    padding-top:0;
}

.access_gmap_list li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}

.access_gmap_list li + li{
    margin-top:15px;
}
.access_gmap_ttl{
    width:25%;
    font-weight:700;
    font-size:13px;
}
.access_gmap_addr{
   width:75%;
   font-size:13px;
}
.access_nagoya .access_gmap_addr{
   width:100%;
}
.access_gmap_link{
    position:absolute;
    right:0;
    top:0;
    font-size:14px;
}
.access_gmap_link a{
    padding-left:24px;
}
.access_gmap_link a:hover{
    text-decoration:underline;
}
.access_tokyo .access_gmap_link a{
    color:#ef1235;
    background:url(../img/common/icon_gmap_marker_red.png) no-repeat left center;
    background-size:10px auto;
}
.access_osaka .access_gmap_link a{
    color:#1258ee;
    background:url(../img/common/icon_gmap_marker_blue.png) no-repeat left center;
    background-size:10px auto;
}
.access_nagoya .access_gmap_link a{
    color:#fe601d;
    background:url(../img/common/icon_gmap_marker_orange.png) no-repeat left center;
    background-size:10px auto;
}

.sns_widget_box{
	width:100%;
	height:auto;
	border:1px solid #e5e5e5;
	border-radius:5px;
}
.sns_twitter_widget{
	width:94%;
	margin:0 auto;
}
.sns_twitter_widget iframe{
	width:100% !important;
	height:280px !important;
}

.SandboxRoot.env-bp-430 .timeline-Header-title,
.SandboxRoot.env-bp-550 .timeline-Header-title{
    font-size:21px !important;
}
.SandboxRoot.env-bp-430 .timeline-Tweet-text{
    font-size:14px !important;
}
.timeline-Footer{
    padding:10px 15px !important;
}

.sns-link-box{
	width:100%;
	height:auto;
}
.tw-link{
}
.tw-link a{
	display:inline-block;
	padding:10px 3em;
	color:#fff;
	font-size:14px;
	line-height:1.1;
	letter-spacing:.05em;
	transition:opacity ease .4s;
	position:relative;
}
.tw-link a:hover{
	opacity:.75;
}
.tw-link.tokyo a{
	background:#ef1235 url(../img/common/icon_tw_white.png) no-repeat 14px center;
	background-size:18px auto;
}
.tw-link.osaka a{
	background:#1258ee url(../img/common/icon_tw_white.png) no-repeat 14px center;
	background-size:18px auto;
}
.tw-link a:before{
	content:"";
	position:absolute;
	top:50%;
	right:16px;
	width:6px;
	height:6px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	transform:rotate(45deg) translateY(-2px);
	transform-origin:right 50% 0;
}


@media screen and (max-width:767px){
    .access{
    	width:86vw;
        padding:10vw 0 0;
    }
    .access .common_headline{
    	margin-bottom:6vw;
    }
.access .link_view_all{
	top:0;
}

    .access_info{
        width:82vw;
        margin:0 auto;
        display:block;
    }
    .access_info>div{
        padding-bottom:10vw;
    }

    .access_tokyo{
        width:100%;
        padding-right:0;
        margin-bottom:10vw;
    }
    .access_osaka{
        width:100%;
    }
    .access_nagoya{
        width:100%;
    }

    .access_head{
        padding-bottom:3vw;
        justify-content:flex-end;
    }
    .access_subhead{
        width:30%;
        padding-top:5vw;
        font-size:7vw;
        letter-spacing:0.05em;
    }
    .access_subhead.prepare .access_subhead{
        width:100%;
    }
    .access_subhead:after{
        font-size:4vw;
    }
    .access_phone{
        width:70%;
        text-align:right;
    }
    .access_head.prepare .access_phone{
        text-align:left;
        width:100%;
        padding-top:2vw;
    }
    .access_head.prepare .access_phone small{
        font-size:2.6vw;
    }
    .access_number{
        font-size:5.4vw;
        padding-left:7vw;
        padding-bottom:2vw;
        background:url(../img/common/icon_freedial.png) no-repeat left 0 bottom 7px;
        background-size:16px auto;
    }
    .access_nagoya .access_number{
        margin-right:1vw;
    }
    .access_annotation{
        display:block;
        padding-left:0;
        font-size:3.6vw;
		}
		.access_time{
			padding-left: 0;
		}
		.access_osaka .access_time,.access_tokyo .access_time{
			padding-left: 0;
		}





    .access_more_link a{
        padding:2vw 0;
        padding-left:1em;
        font-size:3.4vw;
        transition:none;
    }
    .access_more_link a:after{
    	right: 4vw;
    	width: 6px;
    	height: 6px;
    	border-right: 2px solid #ef1235;
    	border-top: 2px solid #ef1235;
    }

.access_osaka .access_more_link a:after{
	border-right: 2px solid #1258ee;
	border-top: 2px solid #1258ee;
}
    .access_more_link a:hover{
        background:#000;
    }
    .access_gmap_list{
        padding-top:4vw;
        padding-bottom:10vw;
        min-height:0;
    }
    .access_gmap_list li{
        display:block;
    }

    .access_gmap_list li + li{
        margin-top:4vw;
    }
    .access_gmap_ttl{
        width:100%;
        font-size:3.8vw;
    }
    .access_gmap_addr{
       width:100%;
       font-size:3.6vw;
        line-height:1.8;
    }
    .access_gmap_link{
        font-size:3.5vw;
    }
    .access_gmap_link a{
        padding-left:4.2vw;
    }
    .access_gmap_link a:hover{
        text-decoration:none;
    }
.access_tokyo .access_gmap_link a{
    color:#ef1235;
    background:url(../img/common/icon_gmap_marker_red.png) no-repeat left center;
    background-size:10px auto;
}
.access_osaka .access_gmap_link a{
    color:#1258ee;
    background:url(../img/common/icon_gmap_marker_blue.png) no-repeat left center;
    background-size:10px auto;
}


	.sns_widget_box{
		position:relative;
		right:auto;
		top:auto;
		width:100%;
		margin:0 auto;
		height:auto;
	}
	.sns_twitter_widget{
		width:100%;
		margin:0 auto;
	}
	.sns_twitter_widget iframe{
	width: 740px !important;
		height:290px !important;
	}


	.tw-link{
		padding: 2vw 0;
		text-align:center;
	}
	.tw-link a{
		padding:2vw 3em;
		font-size:3.6vw;
	}
	.tw-link.tokyo a{
		background:#ef1235 url(../img/common/icon_tw_white.png) no-repeat 3.2vw center;
		background-size:3.7vw auto;
	}
	.tw-link.osaka a{
		background:#1258ee url(../img/common/icon_tw_white.png) no-repeat 3.vw center;
		background-size:3.7vw auto;
	}
	.tw-link a:before{
		content:"";
		position:absolute;
		top:50%;
		right:4vw;
		width:6px;
		height:6px;
		border-right:2px solid #fff;
		border-top:2px solid #fff;
		transform:rotate(45deg) translateY(-2px);
		transform-origin:right 50% 0;
	}

}


/*-------------------------------------------------

MOVIE

-------------------------------------------------*/
.movie{
	width:100%;
	min-width:1200px;
	background:#fafafa;
	padding:65px 0;
}
.movie .common_headline{
	padding-left:100px;
}
.movie .common_headline_jtext{
	display:block;
	margin-left:0;
	padding-top:10px;
	padding-left:0;
/*	padding-left:100px;*/
}
.movie .common_headline_jtext:after{
	width:0;
	border-left:none;
}

.movie_lead{
	padding-top:1em;
	padding-left:100px;
	font-size:14px;
	font-weight:400;
}
.link_view_more{
	padding-left:100px;
	padding-top:30px;
}
.link_view_more a{
	display:inline-block;
	padding:10px 2em;
	background:#000;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:400;
	transition:background ease 0.4s;
}
.link_view_more a:hover{
	background:#c81c28;
}


.movie_list{
	position:absolute;
	right:0;
	top:0;
	display:flex;
	width:600px;
}
.movie_list li{
	width:300px;
}
.movie_list_image{
	text-align:right;
	width:272px;
	margin:0 0 0 auto;
}
.movie_list_image img{
	max-width:100%;
}

.movie_list_caption{
	padding-top:10px;
	text-align:center;
	font-size:12px;
	font-weight:400;
	line-height:1.3;
}
.modal{
	display:none;
}
.modal_movie{
	width:80%;
	height:100%;
	margin:0 auto;
	padding-top:30px;
}
.modal_movie iframe{
	width:100%;
	height:90%;
}


@media screen and (max-width:767px){
	.movie{
		min-width:0;
		padding:8vw 0 20vw 0;
	}
	.movie .common_headline{
		padding-left:0;
		text-align:center;
	}
	.movie .common_headline_jtext{
		margin-left:0;
		padding-top:3vw;
		padding-left:0;
		text-align:center;
	}
	.movie_lead{
		width:90%;
		margin:0 auto;
		padding-left:0;
		font-size:3.3vw;
	}

	.link_view_more{
		padding-left:0;
		padding-top:0;
		position:absolute;
		bottom:-18vw;
		left:15vw;
		width:70%;
	}

	.link_view_more a{
		display:inline-block;
		padding:4vw 0;
		width:100%;
		font-size:3.8vw;
	}

	.movie_list{
		position:relative;
		right:auto;
		top:auto;
		display:block;
		width:90%;
		margin:0 auto;
		padding-top:5vw;
	}
	.movie_list li{
		width:100%;
		margin-bottom:4vw;
	}
	.movie_list_image{
		text-align:center;
		width:100%;
		margin:0;
	}

	.movie_list_caption{
		padding-top:2vw;
		font-size:3vw;
	}

	.modal_movie{
		width:90%;
		padding-top:10vw;
	}
	.modal_movie iframe{
		width:100%;
		height:50vw;
	}

}







/*-------------------------------------------------

クリエイタータイプ診断

-------------------------------------------------*/
.creatortype{
	width:1000px;
	margin:0 auto;
	padding:60px 0;
}
.creatortype_list{
	width:100%;
	display:flex;
}
.creatortype_list li{
	width:50%;
	height:150px;
	text-align:right;
}
.creatortype_fa{/*li*/
	background:url(../img/top/creatortype_faBG.jpg) no-repeat center top;
}
.creatortype_de{/*li*/
	background:url(../img/top/creatortype_deBG.jpg) no-repeat center top;
}
.creatortype_list a{
	display:block;
	height:105px;
	padding-top:45px;
	padding-right:40px;
	position:relative;
	z-index:100;
}
.creatortype_list a:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	z-index:10;
	transition:background ease 0.4s;

}
.creatortype_list a:hover:after{
	background:rgba(0,0,0,0.3);
}

.creatortype_catch{
	color:#fff;
	font-size:16px;
	font-weight:700;
}
.creatortype_title{
	color:#fff;
	font-size:26px;
	font-weight:900;
	padding-top:5px;
}
.creatortype_sub{
	color:#fff;
	font-size:13px;
	font-family: 'Roboto';
	font-weight:500;
	padding-top:5px;
}

@media screen and (max-width:767px){
	.creatortype{
		width:100%;
		padding:6vw 0;
	}
	.creatortype_list{
		width:92%;
		margin:0 auto;
		display:block;
	}
	.creatortype_list li{
		width:100%;
		height:22vw;
		margin-bottom:4vw;
	}
	.creatortype_fa{/*li*/
		background:url(../img/top/creatortype_faBG.jpg) no-repeat center top;
		background-size:cover;
	}
	.creatortype_de{/*li*/
		background:url(../img/top/creatortype_deBG.jpg) no-repeat center top;
		background-size:cover;
	}
	.creatortype_list a{
		height:19vw;
		padding-top:3vw;
		padding-right:5vw;
	}

	.creatortype_catch{
		font-size:3.3vw;
	}
	.creatortype_title{
		font-size:5.6vw;
		padding-top:1vw;
	}
	.creatortype_sub{
		font-size:2.8vw;
		padding-top:1vw;
	}


}





/*--------------------------------------------------------------------------

jquery inview用

--------------------------------------------------------------------------*/
.fadeIn{
	opacity: 1.0;
}

/*----- 上へスライド -----*/
.inviewUp{
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: .8s;
}
    
.Up{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/*----- 左から右へスライド -----*/
.inviewLeftToRight{
	opacity: 0;
	transform: translate(-300px, 0);
	-webkit-transform: translate(-300px, 0);
	transition: .8s;
}
    
.LeftToRight{
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}



/*----- ズームイン -----*/
.inviewzoomIn{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
}

.zoomIn{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp{
	opacity: 0;
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	transition: 1.8s;
}

.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}