@charset "utf-8";





/* ==========================================================================

  common

  ========================================================================== */

#header{
	height:0;

}

.font_s{
	font-size:13.8px;
}

.font_s2{
	font-size:13.7px;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

.sp_s{
	display:none;

}



.location_box{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	margin-bottom: 40px;

}




.location_box:nth-child(even){

	-webkit-flex-direction: row-reverse;

	-moz-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	-o-flex-direction: row-reverse;

	flex-direction: row-reverse;

}

.con_top{
	padding-top:0 !important;

}

.ll_mv{
	position:relative;
	background-color:#000;
}


.ll_text{
	position:absolute;
	width:810px;
	top:50%;
	left:50%;
	padding-top:130px;
	transform:translate(-50%,-50%);
}

.lo_page_ttl{
	position:relative;
	color:#fff;
}

.lo_page_ttl:after{
	position:absolute;
	background-color:#fff !important;
}

.lo_head_ttl{
	color:#fff !important;
	padding-top:20px;
}


.location_txt{

	width: 48%;

	margin-right: 4%;

}



.location_box:nth-child(even) .location_txt{

	margin: 0 0 0 4%;

}



.location_ttl{

	margin-bottom: 10px;

	font-size: 24px;

	font-weight: 600;

}

.exective_box{
	background: url("../img/location/exective_bg.jpg") top center repeat-y;

	-webkit-background-size: 100% auto;

	background-size: 100% auto;

}

.areadata{
	background: url("../img/location/areadata_bg.jpg") top center repeat-y;

	-webkit-background-size: 100% auto;

	background-size: 100% auto;

}



.location_slide{

	width: 48%;

	padding: 20px 20px 40px;

	background-color: #fff;

}



.slick-slide img{

	margin: 0 auto;

}



.slick-dotted.slick-slider{

	margin-bottom: 0;

}

.img_non{
	height:270px;
}

.slick-dots{

	left: 0;

	bottom: 10px;

}



.slick-dots li{

	margin: 0;

}



.location_slide_ttl{

	margin-top: 10px;

	font-size: 18px;

	font-weight: 600;

	text-align: center;

}



.location_slide_range{

	margin-bottom: 10px;

	color: #999;

	font-weight: 300;

	text-align: center;

	letter-spacing: .1em;

}



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



.location_ttl{

	font-size: 20px;

}



.location_box{

	display: block;

}



.location_box:nth-child(even){

	-webkit-flex-direction: unset;

	-moz-flex-direction: unset;

	-ms-flex-direction: unset;

	-o-flex-direction: unset;

	flex-direction: unset;

}





.location_txt{

	width: 100%;

	margin: 0 0 20px;

}



.location_box:nth-child(even) .location_txt{

	margin: 0 0 20px;

}



.location_slide{

	width: 100%;

}

}







/* ==========================================================================

  location_head

  ========================================================================== */

.location_head{

	margin-bottom: 40px;

	text-align: center;

}



.location_head_ttl{

	margin-bottom: 50px;

	font-size: 24px;

	font-weight: 600;

}



.location_head p{

	margin-bottom: 20px;

}





/* ==========================================================================

  map

  ========================================================================== */

.map{

	margin-bottom: 40px;

	background: url("../img/concrete_bg.jpg") 0 0 repeat;

}

.map .location_txt{

	color: #fff;

}



/* ==========================================================================

  city_shop

  ========================================================================== */

.shop_sub_img_wrap{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: center;

	-moz-box-pack: center;

	-webkit-flex-pack: center;

	-moz-flex-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	-moz-justify-content: center;

	justify-content: center;

}



.shop_sub_img{

	position: relative;

	width: 49%;

	max-width: 230px;

	margin: 0 2% 10px 0;

}



.shop_sub_img:nth-child(2n){

	margin-right: 0;

}



.shop_sub_img span{

	position: absolute;

	bottom: 5px;

	right: 0;

	line-height: 1;

	padding: 2px 8px 5px;

	color: #fff;

	background-color: #000;

}





/* city_shop

  ========================================================================== */

.life_info_ttl{

	font-size: 32px;

	font-weight: 300;

	letter-spacing: .2em;

	text-align: center;

}



.life_info_ttl:before{

	content: url("../img/location/life_info_icon.jpg");

	vertical-align: middle;

	margin-right: .5em;

}



.life_info_list_ttl{

	position: relative;

	font-size: 16px;

	letter-spacing: .1em;

}



.life_info_list_ttl:after{

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	height: 1px;

	border-bottom: 1px dashed #000;

}



.life_info_list_ttl span{

	position: relative;

	padding: 0 10px;

	background-color: #fff;

	z-index: 2;

}



.life_info_list_wrap{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-bottom: 20px;

}



.life_info_list{

	width: 49%;

	margin: 0 2% 2px 0;

}



.life_info_list:nth-child(2n){

	margin-right: 0;

}



.life_info dl{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-moz-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	position: relative;

	margin-bottom: 2px;

	background: url("../img/location/life_info_line.jpg") center repeat-x;

}





.life_info dl dt,

.life_info dl dd{

	position: relative;

	background-color: #fff;

	z-index: 2;

}

.life_info dl dt{

	padding: 0 10px 0 1em;

	text-indent: -1em;

}

.life_info dl dd{

	padding: 0 0 0 10px;

}



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

.life_info_list_wrap{

	display: block;

}



.life_info_list{

	width: 100%;

	margin: 0 0 2px 0;

}



.life_info dl dt{

	max-width: 48%;

}

.life_info dl dd{

	max-width: 50%;

}

}







/* ==========================================================================

  redevelop

  ========================================================================== */

.redevelop{

	background: url("../img/location/redevelop_bg.jpg") top center repeat-y;

	-webkit-background-size: 100% auto;

	background-size: 100% auto;

}



.redevelop .location_txt{

	color: #fff;

}



.redevelop_map{

	margin-top: 20px;

	text-align: center;

}



.redevelop_area{

	width: 40px;

	height: 35px;

	line-height: 44px;

	margin: 10px auto;

	color: #fff;

	text-align: center;

	background: url("../img/location/redevelop_icon.jpg") 0 0 no-repeat;

}



.redevelop_complete{

	margin: 10px 0;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

	text-align: center;

	letter-spacing: .1em;

	background: url("../img/location/redevelop_complete_bg.jpg") 0 0 no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}



.redevelop_complete span{

	font-size: 20px;

}









/* ==========================================================================

  company_school

  ========================================================================== */

.company_school{

	position: relative;

	color: #fff;

	background: url("../img/concrete_bg.jpg") 0 0 repeat;

}



.company_school:before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.5);

}



.company_school .inner{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	position: relative;

}



.company_school_img{

	width: 48%;

	margin-right: 4%;

}



.company_school_txt{

	width: 48%;

	margin-bottom: 40px;

}



.company_school_ttl{

	margin-bottom: 10px;

	font-size: 24px;

	font-weight: 600;

}



.company_school_list{

	width: 48%;

	margin: 20px 4% 40px 0;

}



.company_school_list:last-child{

	margin-right: 0;

}



.company_area{

	line-height: 1;

	margin: 0 0 20px 3.5em;

	font-size: 18px;

	text-indent: -3.5em;

	background: url("../img/location/company_area_bg.png") center repeat-x;

}



.company_school_list dl{

	margin-bottom: 20px;

}



.company_school_list dl dt{

	margin-bottom: 5px;

	padding-bottom: 2px;

	font-size: 16px;

	font-weight: 600;

	border-bottom: 1px solid #fff;

}



.company_school_list dd span.right{

	display: inline-block;

	vertical-align: middle;

	margin-left: 10px;

	padding-left: 10px;

	border-left: 1px solid #fff;

}



.company .company_school_list dd span:before{

	content: '□従業員数';

	display: block;

}



.school .company_school_list dd span.left{

	display: inline-block;

	vertical-align: middle;

}



.school .company_school_list dd span.left:before{

	content: '□全学部学生数';

	display: block;

}



.school .company_school_list dd span.right:before{

	content: '□アクセス';

	display: block;

}







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

.company_school_list{

	width: 100%;

	margin: 20px 0 40px;

	text-align: center;

}



.company_area{

	text-align: left;

}

}



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

.ll_text{
	width:auto;
}

.pc{
	display:none;
}

.sp{
	display:block;
}

.sp_s{
	display:none;

}

.mv_sp{
	width:100%;
}

.company_school .inner{

	display: block;

	position: relative;

}



.company_school_img{

	width: 100%;

	margin-right: 0;

	text-align: center;

}



.company_school_txt{

	width: 100%;

}



.company_school_ttl{

	font-size: 20px;

}

.location_head_ttl {
	font-size:16px;
}



}


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

.sp{
	display:none;
}

.sp_s{
	display:block;

}

.lo_head_ttl{
	padding-top: 0;
}

}


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

.location_head_ttl {
	font-size:14px;
}



}