@charset "UTF-8";

/*
	home.css(PC)
*/



/* ================================================
	import
================================================ */
@import url(../../common/pc/parts.css);


/* ================================================
	home
================================================ */

/*	common
================================================ */

.home .font_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.home h2.heading2 {
	font-size: 26px;
	text-align: center;
	margin-bottom: 30px;
}

.home h2.heading2 .en {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

.home .inner a {
	text-decoration: none;
	color: #000;
}

/*	mv_cont
================================================ */

.mv_cont.swiper-container {
	position: relative;
	background: #FFF;
	z-index: 100;
}

.mv_cont .mvs li .pc_mv {
	display: block;
	width: 100%;
	padding-bottom: calc((530 / 1200) * 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.mv_cont .mvs li .sp_mv {
	display: none!important;
}

.mv_cont .swiper-pagination-bullet {
	background: #FFF;
	opacity: 1.0;
}

.mv_cont .swiper-pagination-bullet-active {
    background: #003399;
}

.mv_cont .scroll {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 100;
} 
.mv_cont.swiper-container .swiper-pagination-bullets {
    bottom: 100px;
    left: 0;
    width: 100%;
}


/*	important_cont
================================================ */

.important_cont {
	padding: 10px 0;
	background: #FFF;
} 

.important_cont .inner {
	width: 960px;
	margin: 0 auto;
} 

.important_cont .inner .col {
	display: flex;
	justify-content: flex-start;
	border: 1px solid #a0a0a0;
	box-sizing: border-box;
	padding: 30px;
} 

.important_cont .inner .col .tt {
	display: flex;
	align-items: center;
	color:#f00;
	font-size: 20px;
	font-weight: bold;
	width: 180px;
} 

.important_cont .inner .col ul {
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
} 


.important_cont .inner .col ul a:hover {
	opacity: 0.7;
} 

.important_cont .inner .col ul .date {
	padding-right: 10px;
} 

/* news_cont
================================================ */

.news_cont {
	padding: 60px 0;
}

.news_cont .inner {
	width: calc(( 215px * 5 ) + (10px * 5));
	position: relative;
	padding-bottom: 120px;
	margin: 0 auto;
}

.news_cont .news_list {
	display: flex;
	justify-content: space-between;
}

.news_cont .news_list li {
	display: flex;
	align-items: center;
	position: relative;
	background: #03358c;
	box-sizing: border-box;
}

/* mark NEW */

.news_cont .news_list li .mk_new {
	display: none;
}

.news_cont .news_list li.new .mk_new {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.news_cont .news_list li a {
	display: block;
	color: #FFF;
	width: 100%;
}

.news_cont .news_list li a:hover {
	opacity: 0.7;
}

.news_cont .news_list li .img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(( 150 /210 ) * 100%);
}

.news_cont .news_list li .cont {
	min-height: 140px;
	padding: 20px;
}

.news_cont .news_list li .cont .date_cat {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.news_cont .news_list li .cont .date_cat .date {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: 1;
}

.news_cont .news_list li .cont .date_cat .cat {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
	line-height: 1;
	/* width: 30%; */
	padding: 3px 5px;
}

.news_cont .news_list li .cont .tt {
	font-size: 14px;
}

.news_cont .more_btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 280px;
	line-height: 1;
	text-align: center;
	margin-top: 40px;
}

.news_cont .more_btn a {
	display: block;
	padding: 20px 0;
	background: #FFF;
	font-size: 16px;
	font-weight: bold;
}

.news_cont .more_btn a:hover {
	opacity: 0.7;
}

.news_cont .more_btn img {
	padding: 2px 0 0 10px;
}

/* hm_swiper_news */

.news_cont #hm_swiper_news .arrows{
	position: absolute;
	width: 500px;
	height: 47px;
	bottom: 25px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.news_cont #hm_swiper_news .swiper-button-next {
	bottom: 0;
	background-image: url(../../../img/home/swiper_button_next.png);
}

.news_cont #hm_swiper_news .swiper-button-prev {
	bottom: 0;
	background-image: url(../../../img/home/swiper_button_prev.png);
}

.news_cont #hm_swiper_news .swiper-pagination {
	width: 183px!important;
	left: 0;
	right: 0;
	bottom: 45px;
	margin: 0 auto;
}

.news_cont #hm_swiper_news .swiper-pagination .swiper-pagination-bullet {
	width: 55px!important;
	height: 2px!important;
	border-radius: 0!important;
	background: rgb(3,53,140)!important;
	margin: 0 3px!important;
}

/* recommends_cont
================================================ */

.recommends_cont {
	padding-bottom: 80px;
}

.recommends_cont h2.heading2 {
	background:url(../../../img/home/hm_recommends_h2_bg.jpg) no-repeat center top;
	background-size: cover;
	color: #FFF;
	margin-bottom: -80px;
	padding: 80px 0 140px;
}

.recommends_cont .inner {
	width: 960px;
	margin: 0 auto;
}

/* col common */

.recommends_cont .col {
	background: #FFF;
}	

.recommends_cont .flex {
	display: flex;
	justify-content: space-between;
}		

.recommends_cont .col a:hover {
	opacity: 0.7;
}	

.recommends_cont .col .img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.recommends_cont .col .date_cat {
	display: table;
	margin-bottom: 20px;
}		

.recommends_cont .col .date {
	display: table-cell;
	font-size: 14px;
	line-height: 1;
	padding-right: 10px;
}	

.recommends_cont .col .cat {
	display: table-cell;
	border: 1px solid #03358c;
	color: #03358c;
	line-height: 1;
	padding: 2px 10px;
}	

.recommends_cont .col1 .col_wrap .tt {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}	

.recommends_cont .col1 .col_wrap .txt {
	font-size: 14px;
	line-height: 1.9;
}	

.recommends_cont .col .cont a {
	display: block;
}	

.recommends_cont .col .cont a:hover ,
.recommends_cont .non_post a:hover {
	display: block;
	opacity: 0.7;
}	

.recommends_cont .swiper-pagination {
	width: 183px!important;
}

.recommends_cont .swiper-pagination .swiper-pagination-bullet {
	width: 55px!important;
	height: 2px!important;
	border-radius: 0!important;
	background: rgb(3,53,140)!important;
	margin: 0 3px!important;
}

/* col1 */

.recommends_cont .col1 {
	position: relative;
	margin-bottom: 70px;
}

.recommends_cont .col1 .icon {
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
	width: 85px;
	z-index: 100;
	margin: 0 auto;
}

.recommends_cont .col1 .col_wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.recommends_cont .col1 .col_wrap .img {
	display: block;
	padding-bottom: calc(( 415 / 960 ) * 100%);
	width: 50%;
}

.recommends_cont .col1 .col_wrap .cont {
	width: 50%;
	box-sizing: border-box;
	padding: 50px 60px;
}	

.recommends_cont #hm_swiper_rc_col1 .swiper-pagination {
	right: 150px;
	left: auto;
	bottom: 48px;
}

/* col2 */

.recommends_cont .col2 {
	order: 1;
	display: flex;
	width: 50%;
}	

.recommends_cont .col2 .line {
	position: relative;
	width: 50%;
}	

.recommends_cont .col2 .img {
	display: block;
	padding-bottom: calc(( 208 / 240 ) * 100%);
}	

.recommends_cont .col2 .icon {
	width: 85px;
	position: absolute;
	top: 165px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 100;
}	

.recommends_cont .col2 .cont {
	box-sizing: border-box;
	padding: 60px 30px 50px;
}	

.recommends_cont .col2 .date_cat ,
.recommends_cont .col3 .date_cat {
	margin-bottom: 10px;
}	

.recommends_cont .col2 .tt ,
.recommends_cont .col3 .tt {
	font-size: 16px;
	font-weight: bold;
}

.recommends_cont #hm_swiper_rc_col2_1 .swiper-pagination ,
.recommends_cont #hm_swiper_rc_col2_2 .swiper-pagination {
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
}

/* col3 */

.recommends_cont .col3 {
	order: 2;
	position: relative;
	width: calc(( 460 / 980 ) * 100%);
	box-sizing: border-box;
}	

.recommends_cont .col3 .icon {
	width: 85px;
	position: absolute;
	top: 165px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 100;
}	

.recommends_cont .col3 .img {
	display: block;
	padding-bottom: calc(( 208 / 460 ) * 100%);
}	

.recommends_cont .col3 .cont {
	padding: 60px 30px 50px;
}	

.recommends_cont #hm_swiper_rc_col3 .swiper-pagination {
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
}

/* non_post */

.recommends_cont .col .non_post .txt {
	box-sizing: border-box;
	font-size: 14px;
	margin-top: 10px;
}	

.recommends_cont .col1 .non_post .img {
	padding-bottom: calc(( 415 / 960 ) * 100%);
}	

/* non_post - col2 */
.recommends_cont .col2 .non_post .img {
	display: block;
	padding-bottom: calc(( 208 / 240 ) * 100%);
}	

/* non_post - col3 */
.recommends_cont .col3 .non_post .img {
	padding-bottom: calc(( 208 / 460 ) * 100%);
}


/* company_cont
================================================ */

.company_cont {
	padding-bottom: 120px;
}

.company_cont h2.heading2 {
	background:url(../../../img/home/hm_company_h2_bg.jpg) no-repeat center top;
	background-size: cover;
	color: #FFF;
	margin-bottom: -80px;
	padding: 80px 0 140px;
}

.company_cont .inner {
	width: 960px;
	margin: 0 auto;
}

/* col common */

.company_cont .col {
	display: flex;
	justify-content: space-between;
	background: #FFF;
	box-sizing: border-box;
	padding: 50px 60px;
}	

.company_cont .col .movie_pop {
	width: calc(( 430 / 840 ) * 100%);
	box-sizing: border-box;
	border-right: 1px solid #c9c9c9;
}	

.company_cont .col .cont {
	width: calc(( 410 / 840 ) * 100%);
	box-sizing: border-box;
	padding-left: 60px;
}	

.company_cont .col .cont ul {
	padding: 18px 0;
}	

.company_cont .col .cont ul li {
	margin-bottom: 20px;
}		

.company_cont .col .cont ul li:last-child {
	margin-bottom: 0;
}	

.company_cont .col .cont ul li a {
	display: flex;
	color: #1c50a1;
	font-size: 16px;
	font-weight: bold;
}	

.company_cont .col .cont ul li a:hover {
	opacity: 0.7;
}	

.company_cont .col .cont ul li a span {
	display: flex;
	align-items: center;
}	

.company_cont .col .cont ul li a .arrow {
	padding-right: 10px;
}	





/* ================================================
	aaaa
================================================ */

/* aaaa
================================================ */

/* ================================
	aaaa
================================ */

/* aaaa
================================ */

/* ======== aaaa ======== */


/* ------------------------------------------------
	aaaa
------------------------------------------------ */

/* aaaa
------------------------------------------------ */

/* --------------------------------
	aaaa
-------------------------------- */

/* aaaa
-------------------------------- */

/* -------- aaaa -------- */

/* ---- aaaa ---- */

/* -- aaaa -- */

/* aaaa */