@CHARSET "UTF-8";
h2{font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
header.template_c2 #header{background-color:#000;}
header.template_c2 #header_area{max-width:90%;}
header.template_c2 #contact_area,
header.template_c2 #contact_area2{display:none;}
header.template_c2 .gnavi_area ul li a{color:#FFF;}
header.template_c2 .gnavi_area ul li a::after{display:none;}
header.template_c2 .gnavi_area ul li a:hover,
header.template_c2 .gnavi_area ul li.main_current a{color:#8C8C8C;}
header.template_c2 #header_logo{width:auto;}
header.template_c2 #header_logo a{color:#FFF;}
header.template_c2 #header_logo a{
	font-size:18px;
	font-weight:700;
	text-decoration:none;
}
header.template_c2 #header_logo a:hover{color:#CDD0D1;}
header.template_c2 .gnavi_btn_sp .open{display:none;}
#pagetitle.template_c2{padding:8em 0;}
#pagetitle.template_c2 .pagetitle_bg{background-color:rgba(0, 0, 0, 0.3);}
#pagetitle.template_c2 .pagetitle_block .pagetitle{font-size: 30px;}
#pagetitle.template_c2 .pagetitle_block .pagetitle::after{display:none;}
#pagetitle.template_c2{margin-top:50px;}
#pagetitle.template_c2{position:relative;}
#pagetitle.template_c2 .dlb_btn_w20{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:2;
}
#pagetitle.template_c2 .dlb_btn_w20 .dlb_btn a{
	padding:16px 0;
	background-color:#000;
	max-width:200px;
	border:none;
	margin:auto;
}
#pagetitle.template_c2 .dlb_btn_w20 .dlb_btn a:hover{color:#FFF;}
#pagetitle.template_c2 .dlb_btn_w20 .dlb_btn a::before{display:none;}
.dlb_subtitle2_02{border-color:#000;}

/* Breadcrumb */
#locator_template_c2{
	background-color:#FFF;
	display:
	block;
	border-bottom:1px solid #ddd;
	padding:18px 0;
	margin-top:0;
	position:
	absolute;
	top: 352px;
}
#pagetitle.template_c2{margin-bottom:80px;}
@media only screen and (min-width:690px){
	#locator_template_c2{
		top: 715px;
	}
	#locator_template_c2 li a{
		font-size:12px;
		text-decoration:none;
	}
	#locator_template_c2 li span{font-size:12px;}
	#pagetitle.template_c2{margin-bottom:100px;}
}
@media screen and (min-width:768px) and (max-width:1024px){
	#locator_template_c2{top:475px;}
}
@media screen and (min-width:690px) and (max-width:767px){
	#locator_template_c2{top: 387px;}
}

.dlb_box2-2_area{margin-bottom:0;}
.dlb_box2-2_area .dlb_box2-2_block{margin:1.5em 0;}
.dlb_box2-2_area .dlb_box2-2_txt{background-color:transparent;}
.dlb_table_01 td:first-child{
	background-color:#F2F2F2;
	color:#000;
}
.dlb_table_01 td{
	border:1px solid #CCC;
	vertical-align:top;
}
.dlb_table_07 th, table.dlb_table_07 td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:solid 2px #BFE1FF;
	padding:10px 15px;
}
.dlb_table_07 th{text-align:center;}
.dlb_table_07 td{display:table-cell;}
.dlb_btn.dlb_btn_color a{
	border:none;
	background-color:#000;
	padding:16px 1.5em;
	border-radius:50px;
}
.dlb_btn.dlb_btn_color a::before{display:none;}
.dlb_btn.dlb_btn_color a:hover {background-color: #666;color: #FFF;}
.col3_m_321{margin:3em auto 0;}
.col3_m_321 .txtlink{text-align:center;}
.col3_m_321 .txtlink a{
	color:#000;
	text-decoration:none;
}
.col3_m_321 .txtlink a:hover{color:#797979;}
.dlb_media_block{position:relative;}
.dlb_media_block .dlb_media_left{overflow:hidden;}
.dlb_media_block .dlb_media_left_in{
	height:180px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transition:all 1s ease .5s;
	-o-transition:all 1s ease .5s;
	transition:all 1s ease .5s;
	transform-origin:100% 50%;
}
.dlb_media_block .dlb_media_right{padding:1.2em 0;}
.dlb_media_block .dlb_media_time{
	position:absolute;
	bottom:12em;
	padding:0 20px;
	color:#FFF;
	font-size:14px;
}
.dlb_media_block .dlb_media_title{
	position:absolute;
	bottom:7.2em;
	font-size:16px;
	padding:0 20px;
	color:#FFF;
}
.dlb_media_block .dlb_media_left{position:relative;}
.dlb_media_block .dlb_media_left::after{
	position:absolute;
	top:0;
	content:'';
	width:100%;
	height:800px;
	background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}
.dlb_media_block:hover .dlb_media_title,
.dlb_media_block:hover .dlb_media_txt,
.dlb_media_block:hover.dlb_media_time{color:#CCC;}
.dlb_media_block .dlb_media_cate span{
	top:1em;
	left:-10px;
	position:absolute;
	background-color:#000;
	color:#FFF;
	font-size:12px;
	padding:10px 2.5em;
}
.dlb_media_block .dlb_media_cate span::before{
	display:block;
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:0 10px 10px 0;
	border-color:transparent #aaaaaa transparent transparent;
	position:absolute;
	left:0px;
	bottom:-10px;
}
.list_link .col{height:100px;}
.list_link .col:hover::before{background-color:rgba(51, 51, 51, 0.7);}
.list_link .list_link_title{font-size:18px;}
.list_link .list_link_txt{width:100%;}
.list_link .list_link_txt_in:hover a{text-decoration:none;}
.list_link .list_link_txt_in h3{font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.list_link .list_link_title_en{margin-bottom:0;}
.dlb_box3-3_area .m20_tablet{overflow:hidden;}
.dlb_box3-3_area .m20_tablet img{
	display:block;
	transition-duration:0.8s;
	margin:0;
}
.dlb_box3-3_area .m20_tablet img:hover{
	transform:scale(1.2);
	transition-duration:0.8s;
}
body.page_index footer.template_c2{margin-top:0;}
footer.template_c2 #footer_lead{border-top:none;}
footer.template_c2 .footer_lead_block{display:none;}
footer.template_c2 #footer_nav .footer_nav_block{
	padding-top:20px;
	padding-bottom:20px;
}
footer.template_c2 #footer_nav .footer_nav_block ul{
	margin:auto;
	font-size:0;
	z-index:20;
	text-align:center;
}
footer.template_c2 #footer_nav .footer_nav_block li{
	font-size:14px;
	margin:0 0 10px;
	list-style:none;
}
footer.template_c2 #footer_nav .footer_nav_block li a{text-decoration:none;}
footer.template_c2 #footer_nav .footer_nav_block li a:hover{color:#8C8C8C;}
footer.template_c2 #footer_info small{margin-right: auto;}
footer.template_c2 #footer_info{background-color:#000;}
#topcontrol{bottom:0!important;right:0!important;}
a.pagetop{height:45px;width:45px;}
a.pagetop::before{width:6px;height:6px;top:calc(50% - 3px);}
@media only screen and (min-width:640px){
	.dlb_media_block .dlb_media_left_in{height:420px;}
	.dlb_media_block .dlb_media_time{
		position:absolute;
		bottom:9em;
		padding:0 20px;
		color:#FFF;
		font-size:16px;
	}
	.dlb_media_block .dlb_media_title{
		position:absolute;
		bottom:5.6em;
		font-size:20px;
		color:#FFF;
	}
	.dlb_media_block .dlb_media_cate span{
		top:2em;
		left:-20px;
	}
	.dlb_media_block .dlb_media_cate span::before{
		display:block;
		border-width:0 20px 20px 0;
		bottom:-20px;
	}
}
@media only screen and (min-width:690px){
	#pagetitle.template_c2{margin-top:85px;}
}
@media only screen and (min-width:768px){
	header.template_c2 #header_logo a{
		font-size:30px;
		font-weight:700;
		text-decoration:none;
	}
	#pagetitle.template_c2{padding:18em 0;}
	#pagetitle.template_c2 .pagetitle_block .pagetitle{font-size: 50px;}
	.list_link{margin:5em auto 0;}
	.list_link .list_link_txt_in a{font-size:24px;}
	.list_link .col {
		width:calc(100%/2 - 15px);
		margin-right:15px;
		margin-bottom:15px;
	}
	.list_link .col{height:140px;}
	footer.template_c2 #footer_nav .footer_nav_block li{
		display:inline;
		margin:0 15px;
	}
	footer.template_c2 #footer_info .inner{
		padding-top:12px;
		padding-bottom:12px;
	}
}
@media only screen and (max-width:767px){
	header.template_c2 .gnavi_btn_sp_in span{background-color:#FFF;}
	header.template_c2 .gnavi_btn_sp{top:15px;}
}
@media only screen and (max-width:690px){
	header.template_c2 .gnavi_contact{display:none;}
	header.template_c2 .gnavi_area nav{background-color:#222;}
	header.template_c2 .gnavi_area ul li{border-bottom:1px solid #444;}
	header.template_c2 .gnavi_area ul li a{padding:15px 16px;}
	.col3_m_321 .col{
		width:100%;
		margin:0 0 10px!important;
	}
	.dlb_btn a{min-width:auto;}
	footer.template_c2 #footer_info small{
		padding-top:0;
		margin-top:0;
	}
	footer.template_c2 #footer_info .inner{
		padding-top:10px;
		padding-bottom:10px;
	}
}
@media screen and (min-width:768px) and (max-width:910px){
	header.template_c2 #header_logo a{font-size:20px;}
}
@media screen and (min-width:767px) and (max-width:1024px){
	#pagetitle.template_c2{padding:10em 0;}
}