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

/*------------ 初期設定 ------------*/
p {
}

/*------------ 全体 ------------*/
html {
}

body {
	color: #7f7f7f;
}

img{
	max-width: 100%;
	height: auto;
}

img{
	-webkit-backface-visibility: hidden;
}

._hover{
	transition: opacity 0.3s linear;
	opacity: 1;
}

._hover:hover{
	opacity: 0.8;
}

.reg{
	font-weight: 400 !important;
}

.light{
	font-weight: 200 !important;
}

*{
	word-break:normal;
}

.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after{
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;	
}
/*
a{
	color:#5f7cc9 !important;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;	
}
*/
.btn_wrap a{
	color:#FFF !important;	
}
	
/*------------ WRAPPER ------------*/
#wrapper{
	padding-top: 90px;
}
.content_inner {
	width:1080px;
	margin:0 auto;
	position: relative;
}
.content_inner2 {
	width:1084px;
	margin:0 auto;
	position: relative;
}

/*------------ HEADER ------------*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	padding: 25px 0 0;
	z-index: 500;
	height: 90px;
	box-sizing: border-box;
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);
	min-width:1200px;
}
#header h1,
#header .logo{
	float: left;
	padding-left: 10px;
	width: 300px;
}
#header .search{
	float: right;
	padding-right:0px;
	padding-top: 3px;
}
#header .search li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 38px;
}
#header .search li a{
	color: #7f7f7f !important;
	font-size: 16px;
	text-decoration: none;
}
#header .search li a:hover{
	text-decoration: underline;
}
.icon_search{
	width: 80px;
	position: relative;
	top: 2px;
}

.icon_search img{
	width:23px;	
}


.icon_search img{
	opacity:1;
	transition: opacity 0.4s linear;
	position:relative;
	top:1px;
	margin-right:10px;
}

.icon_search img.active{
	opacity:0;
}

.icon_search span{
	font-size:20px;
	position:absolute;
	left:0;	
	top:-2px;
	display:none;
}

.icon_search a{
	text-decoration:none !important;	
}


/*------------ NAVI ------------*/
#btn_menu{
	display: none;
}
#gnav{
	float: left;
	padding-left: 0px;
	margin-top: -25px;

}

#gnav.jp{
	float: right;
	padding-left: 0px;
	margin-top: -25px;
}

#header.jp:before,
#header.jp:after{
	content:"";
	display:block;
	background:#efefef;
	width:2px;
	height:45px;
	position:absolute;
	right:771px;
	top:50%;
	transform:translateY(-50%);	
	z-index:10;
}

#header.jp:after{
	right:69px;
}

#list_gnav > li{
	display: inline-block;
	vertical-align: top;
	font-weight:200;
	margin-right:7px;
}

#list_gnav > li:last-child{
	margin-right:30px;	
}

#list_gnav > li > a{
	text-decoration: none;
	color: inherit;
	font-size: 16px;
	display: block;
	height: 90px;
	box-sizing: border-box;
	padding: 30px 8px 0;
	color:#7f7f7f !important;
}
#list_gnav>li>a:hover{
	color: #333372 !important;
}
#list_gnav .hidden_content{
	display: none;
}
.subnav{
	color: #FFF;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 50px 0;
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
    display: table;
}
.subnav .row{
	display: block;
}
.subnav .sub_l{
	float: left;
	width: 58%;
	box-sizing: border-box;
	padding: 0 3% 0 3%;
}
.subnav .sub_r{
	float:right;
	width: 40%;
	box-sizing: border-box;
	padding: 0 4% 0 4%;
	vertical-align: middle;
}
.subnav .sub_r a{
	color:#bebecc;
}
.subnav .sub_r a:hover{
	text-decoration:none;
}	
.subnav .sub_r .inner{
	font-size: 14px;
	font-weight: 200;
	color: #bebecc;
	line-height: 2.2;
	display: inline;
}
.list_subnav li{
	width:50%;
	float:left;
	margin: 10px 0;
}

.list_subnav.w100 li{
	width:100%;	
}

.list_subnav li:after{
	content: "";
	display:inline-block;
	background:url(../images/common/icon_search_rigth.png) no-repeat left top;
	background-size:100% auto;
	width:7px;
	height:15px;
	margin-left: 15px;
	position:relative;
	top:4px;
	color: #a0b4c8;
}
.list_subnav li a{
	font-size: 16px;
	color: #FFF !important;
	text-decoration: none;
}
.list_subnav li a:hover{
	text-decoration: underline;
}

/*------------ TOP ------------*/
#main_ov{
	position:relative;
}

#main{
	/*
	background-image: url(../images/top/main.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	*/
	z-index:2;
	height : -webkit-calc(70vh - 90px) ;
	height : calc(70vh - 90px) ;
	position: relative;
	overflow:hidden;
}

#main video{
	position:absolute;
	left:0;
	top:-200px;
	width:100%;
}

#main .main_inner{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);	
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}

#main .content_inner .main_inner{
	height : -webkit-calc(100vh - 90px) ;
	height : calc(100vh - 90px) ;
}
#main h2{
	position: absolute;
	top: 70%;
	color: #FFF;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1.6;
	z-index:10;
	left:2%;
}

#main h2 span{
	font-size:16px;	
}

#news{
	padding-top: 60px;
}
h3.ttl_content{
	text-align: center;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 60px;
}
#list_news_top li{
	padding-bottom: 30px;
}
#list_news_top li .date{
	float: left;
	font-size: 16px;
	font-weight: 200;
	color: #3f3f3f;
	width: 8em;
}
#list_news_top li .category{
	background-color: #35429c;
	width: 9em;
	float: left;
	color: #FFF;
	font-size: 14px;
	font-weight: 200;
	box-sizing: border-box;
	padding: 5px 5px;
	text-align: center;
	position: relative;
	top: 0px;
}
#list_news_top li .ttl{
	margin-left: 18.5em;
	font-size: 16px;
	font-weight: 200;
	left: 0.2em;
	line-height: 1.8;
	position: relative;
	top: -2px;
}
#list_news_top li .ttl a{
	color: inherit;
	text-decoration: none;
}
#list_news_top li .ttl a:hover{
	text-decoration: underline;
}
.btn_wrap{
	text-align: center;
	padding-top: 30px;
}
.btn_grad{
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	border-radius: 3px;
	text-align: center;
	padding: 10px 40px;
	position: relative;
	overflow: hidden;
	background: #3340a2; /* Old browsers */
	background: -moz-linear-gradient(left, #3340a2 0%, #0196c1 100%, #0196c1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3340a2 0%,#0196c1 100%,#0196c1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3340a2 0%,#0196c1 100%,#0196c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3340a2', endColorstr='#0196c1',GradientType=1 ); /* IE6-9 */
	box-shadow: 2px 2px 2px #CCC;
}
.btn_grad .txt{
	position: relative;
	z-index: 2;
}
.btn_grad .bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	transition: opacity 0.4s linear;
}
.btn_grad:hover .bg{
	opacity: 0;
}

button:hover .bg{
	opacity: 0;	
}

#topics{
	padding-top: 110px;
}
#list_topics_top li .pic,
.solution_block02_l .pic{
	height: 184px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#list_topics_top li,
.solution_block02_l > li{
	width: 260px;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	box-shadow: 0 0 10px 0px #b5b2b2;
	float: left;
	margin-right: 13px;
}
#list_topics_top li .inner,
.solution_block02_l > li .inner{
	padding: 20px;
}
#list_topics_top li .date,
.solution_block02_l > li .date{
	font-size: 14px;
	font-weight: 200;
	padding-bottom: 2px;
}
#list_topics_top li .ttl,
.solution_block02_l > li .ttl{
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 10px;
}
#list_topics_top li .body,
.solution_block02_l > li .body{
	font-size: 15px;
	font-weight: 200;
	color: #3f3f3f;
}
.frame_topics{
	width: 100%;
	padding: 5px 2px;
	margin-bottom: 60px;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 2px;
	background: #f2f2f2;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 4px;
	position: relative;
	top: -1px;
	background: #35429c;
	cursor: pointer;
	box-shadow: 0 2px 2px #f2f2f2;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

#contents_top{
	padding-top: 110px;
}
#list_contents_top{
	width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    clear: both;
}
#list_contents_top li{
	width: 50%;
}
#list_contents_top li a{
	display: block;
	height: 240px;
	position: relative;
	color: #FFF;
	text-decoration: none;
	box-sizing: border-box;
	padding: 70px 65px 20px;
}
#list_contents_top li.bg1 a{
	background: #3340a2; /* Old browsers */
	background: -moz-linear-gradient(left, #3340a2 0%, #0196c1 100%, #0196c1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3340a2 0%,#0196c1 100%,#0196c1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3340a2 0%,#0196c1 100%,#0196c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3340a2', endColorstr='#0196c1',GradientType=1 ); /* IE6-9 */
}
#list_contents_top li.bg2 a{
	background: #32479b; /* Old browsers */
	background: -moz-linear-gradient(left, #32479b 0%, #038d94 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #32479b 0%,#038d94 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #32479b 0%,#038d94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32479b', endColorstr='#038d94',GradientType=1 ); /* IE6-9 */
}
#list_contents_top li a .ttl,
#list_contents_top li a .body{
	position: relative;
	z-index: 2;
	display: block;
}
#list_contents_top li a .ttl{
	font-size: 28px;
	font-weight: 400;
	padding-bottom: 15px;
}
#list_contents_top li a .body{
	font-size: 16px;
	font-weight: 200;
	line-height: 1.8;
}
#list_contents_top li a .bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: opacity 0.4s linear;
}
#list_contents_top li.bg1 a .bg{
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
}
#list_contents_top li.bg2 a .bg{
	background: #038d94; /* Old browsers */
	background: -moz-linear-gradient(left, #038d94 0%, #32479b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #038d94 0%,#32479b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #038d94 0%,#32479b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038d94', endColorstr='#32479b',GradientType=1 ); /* IE6-9 */
}
#list_contents_top li a:hover .bg{
	opacity: 0;
}
#relation{
	padding-top: 110px;
	background-color: #f2f2f4;
}
#list_bnr_col4{
	margin-bottom: 45px;
}
#list_bnr_col4 li{
	float: left;
	width: 250px;
	height: 250px;
	background-color: #FFF;
	margin-right: 26px;
}
#list_bnr_col4 li:nth-child(4n){
	margin-right: 0;
}
#list_bnr_col4 li a{
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
#list_bnr_col4 li a span{
	display: block;
	font-size: 15px;
	font-weight: 200;
	color: #FFF;
	background-color: #5b5b60;
	padding: 12px 15px;
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
	left: 0;
	width: 100%;
	bottom: -100%;
	transition: bottom 0.3s linear;
}
#list_bnr_col4 li a:hover span{
	bottom: 0;
}
#list_bnr_col4 li a.bnr01{
	background-image: url(../images/top/img_bnr01.png);
	background-size: 66% auto;
}
#list_bnr_col4 li a.bnr02{
	background-image: url(../images/top/img_bnr02.png);
	background-size: 100% auto;
}
#list_bnr_col4 li a.bnr03{
	background-image: url(../images/top/img_bnr03.png);
	background-size: 50% auto;
}
#list_bnr_col4 li a.bnr04{
	background-image: url(../images/top/img_bnr04.png);
	background-size: 20% auto;
}
#list_bnr_col4 li a.btn_new{
    background:#FFF !important;   
}
#list_bnr_col3{
	padding-bottom: 110px;
}
#list_bnr_col3 li{
	float: left;
	width: 350px;
	height: 85px;
	background-color: #FFF;
	margin-right: 15px;
}
#list_bnr_col3 li a{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
    clear: both;
	text-decoration: none;
	color: #3f3f3f;
	padding: 13px 0 0;
}
#list_bnr_col3 li:nth-child(3n){
	margin-right: 0;
}
#list_bnr_col3 li .pic{
	width: 49px;
	padding: 0 7px 0 12px;
}
#list_bnr_col3 li .ttl{
	font-size: 15px;
	font-weight: 200;
}
#list_bnr_col3 li a span{
	vertical-align: middle;
}

/*------------ NEWS ------------*/
#contents_sub{
	padding-top: 60px;
	padding-bottom: 180px;
}
#list_btn_news{
	padding-bottom: 60px;
}
#list_btn_news li{
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	box-shadow: 1px 1px 4px #e6e5e5;
}
#list_btn_news li:last-child{
	margin-right: 0;
}
#list_btn_news li a{
	display: block;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: inherit;
	font-size: 15px;
	font-weight: 400;
	width: 155px;
	padding: 10px 5px;
	border-radius: 3px;
	overflow: hidden;
	transition: all 0.4s;
}
#list_btn_news li a:hover,
#list_btn_news li a.active{
	border: none;
	color: #FFF;
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
}
#list_news{
	position: relative;
	margin-left: 0;
	padding-bottom: 85px;
}
#list_news li{
	float: none;
	margin-left: 0;
	margin-bottom: 15px;
	box-shadow: 0 0 10px 0px #b5b2b2;
	transition: opacity 0.3s linear;
}
#list_news li:hover{
	opacity: 0.7;
}
#list_news li.top_news{
	color: #FFF;
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
}
#list_news li.gray{
	background: #f2f2f2;
}
#list_news li a{
	display: block;
	padding: 15px 20px 15px;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	position: relative;
}
#list_news li a>span{
	display: block;
}
#list_news li .tag{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 200;
	background-color: #35429c;
	padding: 5px 10px;
}
#list_news li .date{
	text-align: left;
	font-size: 14px;
	font-weight: 200;
	padding-bottom: 10px;
}
#list_news li .ttl{
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 10px;
}
#list_news li .body{
	font-size: 15px;
	font-weight: 200;
	color: #3f3f3f;
}
#list_news li.top_news .body{
	color: #FFF;
}
#list_news li .category{
	font-size: 15px;
	font-weight: 500;
	display:inline-block;
	margin-left:15px;
}
#list_news li .tag_area{
	font-size: 15px;
	font-weight: 500;
	display:inline-block;
}
.pager{
	text-align: center;
}
.pager li{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.pager li>a,
.pager li>span{
	display: block;
	padding: 10px 15px;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	border-radius: 3px;
	overflow: hidden;
	/*transition: background 0.2s linear,color 0.2s linear;*/
}
.pager li>a{
	border: 1px solid #e1e1e1;
}
.pager li.active>span,
.pager li>a:hover{
	background-color: #35429c;
	color: #FFF;
}
.pager li.btn_prev{
	margin-right: 30px;
}
.pager li.btn_next{
	margin-left: 30px;
}

#list_bnr_col5{
	width:100%;
	margin:-30px auto 0;
	padding-bottom:100px;	
    display:flex;
    justify-content:space-between;
}


#list_bnr_col5 li{
	width:100%;
	background:#FFF;
    padding: 20px 10px;
}	
#list_bnr_col5 li:first-of-type{
    padding-left: 80px;
}

#list_bnr_col5 li:last-of-type{
    padding-right: 80px;
}

#list_bnr_col5 li a img{
    width:100%;
}

/*#list_bnr_col5 li a{
	display:block;
	padding:20px;
	font-size:15px;
	color:#3f3f3f;
}*/

@media only screen and (max-width:1150px) {
	#list_bnr_col4 li a.bnr02{
		background-image: url(../images/top/img_bnr02_tab.png);
		background-size: 100% auto;
	}
	
	#list_bnr_col5{
		width:100%;
		margin:-8vw auto 0;
		padding-bottom:10%;	
        flex-wrap:wrap;
        justify-content:space-between;
	}
	
	#list_bnr_col5 li{
        width: 27vw;
        background: #FFF;
        margin: 1vw;
        padding: 0.5vw;
        box-sizing: border-box;
	}	
    
      #list_bnr_col5 li:first-of-type{
        padding-left: 0;
      }

    #list_bnr_col5 li:last-of-type{
        padding-right: 0;
    }
	
	#list_bnr_col5 li a{
		display:block;
		padding:2vw;
    }
	
	
	#list_bnr_col4 li a.bnr03{
		background-image: url(../images/top/img_bnr03_so.png);
		background-size: 100% auto;
	}
	#list_bnr_col4 li a.bnr04{
		background-image: url(../images/top/img_bnr04_sp.png);
		background-size: 100% auto;
	}
}


/*@media only screen and (max-width: 768px) {
	
	#list_bnr_col5 li a{
		display:block;
		font-size:2.8vw;
        padding:3.5vw 0;
	}
  
    #list_bnr_col5 li a:before{
		margin-top:2.6vw;
	}
	
}*/

/*------------ FOOTER ------------*/

#footer{
}
#list_footer{
	padding: 65px 0;
	text-align: center;
}

.en_pt0 #list_footer{
	padding-top:0;	
}
#list_footer li{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
}
#list_footer li a{
	text-decoration: none;
	font-size: 16px;
	font-weight: 200;
	color: inherit;
}
#list_footer li a:hover{
	text-decoration: underline;
}
#copyright{
	padding: 42px 0;
	font-size: 14px;
	text-align: center;
	color: #b5b5b5;
	background-color: #5b5b60;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.t_center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

/*-------- COMMON --------*/

.pic{
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}



@media only screen and (min-width:1150px) {
	.sp{
		display:none !important;
	}
}


@media only screen and (max-width:1150px) {
	
	.sp_td_block{
		display:block;
	}	
	
	.pc{
		display:none !important;
	}
	body{
		width:100%;
		overflow-x:hidden;
		-webkit-text-size-adjust: 100%;
	}
	img{
		max-width:100%;
		height:auto;
	}
	
	/*------------ WRAPPER ------------*/
	#wrapper{
		padding-top: 14vw;
	}
	.content_inner,
	.content_inner2{
		width:100%;
		box-sizing: border-box;
	}
	.content_inner{
		padding: 0 4vw;
	}
	.content_inner2{
		padding: 0 5vw;
	}
	
	/*------------ HEADER ------------*/
	#header{
		padding: 4.5vw 0 0;
		height: 14vw;
		min-width:auto;
	}
	
	#header.jp:before,
	#header.jp:after{
		display:none;

	}
	
	#list_gnav > li:last-child{
		margin-right:4.66vw;	
	}
	
	#gnav.jp{
		margin-top:0;	
	}

	#header h1,
	#header .logo{
		float: none;
		padding-left: 0;
		width: 40vw;
		margin: 0 auto;
	}
	#header h1 img,
	#header .logo img{
		width: 100%;
		display: block;
	}
	#header .search{
		float: none;
		padding-right: 0;
		padding-top: 0;
	}
	#header .search li{
		margin-right: 0;
	}
	#header .search li.eng{
		display: none;
	}
	.icon_search{
		width: 4vw;
		position: absolute;
		top: 0;
		top: 50%;
		transform: translateY(-50%);
		right: 6vw;
	}
	
	.icon_search span{
		font-size:5vw;
		position:absolute;
		left:0;	
		top:-2vw;
	}
	
	.icon_search img{
		width: 100%;
		display: block;
	}
	
	/*------------ NAVI ------------*/
	#btn_menu{
		position:absolute;
		left:4vw;
		top: 50%;
		transform: translateY(-50%);
		width: 7.99vw;
		height:16px;
		display:block;
		z-index:2000;
	}
	#btn_menu span {
		display: block;
		background: #333372;
		width: 5.33vw;
		height: 2px;
		position: absolute;
		left: 1.33vw;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	#btn_menu span:first-child {
		top: 0;
	}
	#btn_menu span:nth-child(2) {
		display: none;
	}
	#btn_menu span:last-child {
		bottom: 0;
	}
	#btn_menu.active span{
		background: #FFF;
	}
	#btn_menu.active span:first-child {
		-webkit-transform: translateY(6px) rotate(45deg);
		-moz-transform: translateY(6px) rotate(45deg);
		-ms-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	#btn_menu.active span:nth-child(2) {
		opacity: 0;
	}
	#btn_menu.active span:last-child {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		-moz-transform: translateY(-6px) rotate(-45deg);
		-ms-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}
	#gnav{
		padding: 0;
		margin: 0;
		top:0;
		width: 100vw;
		height: 100vh;
		position: absolute;
		z-index:-1;
		left: 0;
		box-sizing: border-box;
		padding: 0 6.66vw 0 !important;
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
		display:none;
	}
	#gnav.active{
		top: 0vh;
		z-index: 100;
	}
	#gnav_inner{
		padding-top: 13.33vw;
		width: 100%;
		height: 80vh;
		box-sizing: border-box;
		position: relative;
	}
	#gnav_inner>ul{
		transition: left 0.3s linear;
		left: 0%;
		position: relative;
	}
	#gnav_inner>ul.active{
		left: -100%;
	}
	#gnav_inner>ul>li{
		padding: 0;
		margin: 4.66vw 0;
		display: block;
	}
	#list_gnav>li>a {
		text-decoration: none;
		color: #FFF !important;
		font-size: 4vw;
		font-weight: 200;
		display: block;
		height: auto;
		box-sizing: border-box;
		padding-top: 0;
	}
    
    #list_gnav>li>a:hover {
        color: #FFF !important;
    }
	#list_gnav>li>a:after{
		content: "";
		display:inline-block;
		background:url(../images/common/icon_search_rigth.png) no-repeat left top;
		background-size:100% auto;
		width:2vw;
		height:4vw;
		margin-left:2vw;
		position:relative;
		top:0.8vw;
	}
	
	.list_subnav li:after{
		content: "";
		display:inline-block;
		background:url(../images/common/icon_search_rigth.png) no-repeat left top;
		background-size:100% auto;
		width:2vw;
		height:4vw;
		margin-left:2vw;
		position:relative;
		top:0.8vw;
	}
	
	#list_gnav>li>a:hover{
		text-decoration: none;
		color: #FFF;
	}
	#list_gnav .hidden_content{
		display: block;
		opacity: 0;
		transition: opacity 0.3s linear;
		display:none !important;
	}
	#list_gnav .hidden_content.active{
		opacity: 1;
		display:block !important;
	}
	.subnav{
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		padding: 0;
		background: none;
		display: block;
		z-index:101;
	}
	.subnav .row{
		display: block;
	}
	.subnav .sub_l{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 0 4vw;
		
		margin-bottom:4vw;
	}
	html.active,
	body.active{
		width:100%;
		height:100vh;
		overflow:hidden;	
	}
	
	.subnav .sub_l .sp_scroll{
		height:40vw;
		overflow-y:scroll;	
	}
	
	
	.subnav .sub_r{
		display: block;
		width: auto;
		box-sizing: border-box;
		padding: 0;
	}
	.subnav .sub_r .inner{
		font-size: 2.93vw;
		line-height:1.3;
	}
	.list_subnav li{
		padding: 0;
		margin: 4.66vw 0;
		display: block;
	}
	
	.list_subnav li{
		width:100%;
		float:none;	
	}
	
	.list_subnav li a{
		font-size: 4vw;
		font-weight: 200;
	}
	.list_subnav li.btn_nav_back{
		padding-bottom: 4vw;
		margin-top: 0;
	}
	.list_subnav li.btn_nav_back:after{
		display: none;
	}
	.list_subnav li.btn_nav_back>a:before{
		content: "";
		display:inline-block;
		background:url(../images/common/icon_search_rigth.png) no-repeat left top;
		background-size:100% auto;
		width:2vw;
		height:4vw;
		margin-right:2vw;
		position:relative;
		top:0.2vw;
		transform:rotate(180deg);
	}
	.list_subnav li.btn_nav_back a{
		font-weight: 400;
	}
	#gnav .eng{
		border: 1px solid #FFF;
		font-size: 3.46vw;
		font-weight: 200;
		padding: 2vw 6vw;
		line-height: 1;
		display: inline-block;
		vertical-align: top;
		margin-top: 2.6vw;
	}
	#gnav .eng a{
		text-decoration: none;
		color: #FFF;
	}
	
	/*------------ TOP ------------*/
	#main{
		width:100%;
		height : calc(60vh - 14vw);
		position: relative;
		overflow:hidden;
	}
	
	#main video{
		width:100%;
		/*height:calc(100vh - 14vw);*/
		top:-40vw;
	}
	
	#main .content_inner{
		padding: 0;
	}
	#main .content_inner .main_inner{
		height : -webkit-calc(100vh - 10.33vw) ;
		height : calc(100vh - 17.33vw) ;
	}
	#main h2{
		font-size: 4vw;
		box-sizing: border-box;
		padding: 0 3vw;
		top:auto;
		bottom:28vw;
	}
	
	#main h2 span{
		font-size: 3.4vw;
		box-sizing: border-box;
		padding: 0;
	}
	
	#news{
		padding-top: 7vw;
	}
	h3.ttl_content{
		text-align: center;
		font-size: 5.33vw;
		margin-bottom: 11.33vw;
	}
	#list_news_top li{
		padding-bottom: 5.33vw;
	}
	#list_news_top li .date{
		float: left;
		font-size: 3.2vw;
		width: 7.5em;
		position: relative;
		top: 0.8em;
	}
	#list_news_top li .category{
		width: 9em;
		font-size: 2.93vw;
		padding: 1.5vw 0;
		top: 1.5vw;
	}
	#list_news_top li .ttl{
		clear: both;
		margin-left: 0;
		padding-top: 4vw;
		font-size: 3.2vw;
		left: 0;
		top: 0;
	}
	.btn_wrap{
		padding-top: 1vw;
	}
	.btn_grad{
		font-size: 3.46vw;
		padding: 2.66vw 10vw;
	}
	#topics{
		padding-top: 14vw;
	}
	#list_topics_top li .pic{
		height: 60vw;
	}
	#list_topics_top li{
		width: auto;
		box-shadow: 0 0 0 transparent;
		margin-right: 0;
		padding: 1vw 2vw;
	}
	#list_topics_top li .wrap{
		width: 84.4vw;
		box-shadow: 0 0 0.8vw 0px #b5b2b2;
	}
	#list_topics_top li:last-child{
		margin-right: 0;
	}
	#list_topics_top li .inner{
		padding: 6vw 6.67vw;
	}
	#list_topics_top li .date{
		font-size: 3.2vw;
		padding-bottom: 0.2vw;
	}
	#list_topics_top li .ttl{
		font-size: 4vw;
		padding-bottom: 1.2vw;
	}
	#list_topics_top li .body{
		font-size: 3.46vw;
	}
	.frame_topics{
		padding: 1.2vw 1.2vw;
		margin-bottom: 12vw;
		box-sizing: border-box;
	}
	#list_topics_top li .btn_wrap{
		padding-top: 5vw;
	}
	
	
	#relation{
		padding-top: 14vw;
	}
	#list_bnr_col4{
		margin-bottom: 6.66vw;
	}
	#list_bnr_col4 li{
		width: 42.66vw;
		height: 16vw;
		margin-right: 0;
		margin-bottom: 3.33vw;
	}
	#list_bnr_col4 li:nth-child(odd){
		clear: both;
	}
	#list_bnr_col4 li:nth-child(even){
		float: right;
	}
	#list_bnr_col4 li a{
		display: block;
		height: 100%;
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#list_bnr_col4 li a span{
		display: none;
	}
	#list_bnr_col3{
		padding-bottom: 11.33vw;
	}
	#list_bnr_col3 li{
		width: 42.66vw;
		height: 11.33vw;
		margin-right: 0;
		margin-bottom: 3.33vw;
	}
	#list_bnr_col3 li:nth-child(odd){
		clear: both;
	}
	#list_bnr_col3 li:nth-child(even){
		float: right;
	}
	#list_bnr_col3 li a{
		padding: 1.5vw 0 0;
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
	}
	#list_bnr_col3 li .pic{
		width: 6vw;
		padding: 0 2vw 0 2vw;
	}
	#list_bnr_col3 li .ttl{
		font-size: 1.5vw;
	}
	
	/*------------ NEWS ------------*/
	#contents_sub{
		padding-top: 6.25vw;
		padding-bottom: 17.33vw;
	}
	#list_btn_news{
		padding-bottom: 6.25vw;
	}
	#list_btn_news li{
		display: block;
		margin-right: 1.1vw;
		float: left;
		margin-bottom: 1.5vw;
	}
	#list_btn_news li:nth-child(4n){
		/*margin-right: 0;*/
	}
	#list_btn_news li a{
		font-size: 2.08vw;
		width: 21.87vw;
		height: 5.72vw;
		line-height: 5.72vw;
		padding: 0;
	}
	#list_news{
		margin-left: 0;
		padding-bottom: 10.66vw;
	}
	#list_news li{
		float: none;
		margin-left: 0;
		margin-bottom: 8vw;
	}
	#list_news li a{
		display: block;
		height: auto;
		padding: 4.66vw 5.33vw;
		width: auto;
	}
	#list_news li.long a{
		width: auto;
	}
	#list_news li .tag{
		font-size: 3.2vw;
		padding: 1.33vw 2.66vw;
	}
	#list_news li .date{
		font-size: 2.8vw;
		padding-bottom: 2vw;
	}
	#list_news li .ttl{
		font-size: 3.73vw;
		padding-bottom: 2vw;
	}
	#list_news li .body{
		font-size: 2.8vw;
		padding-bottom: 2vw;
	}
	#list_news li .category{
		font-size: 2.8vw;
		position: static;
		bottom: 0;
		left: 0;
		width: auto;
	}
	
	#list_news li .tag_area{
		font-size: 3.46vw;
	}
	
	.pager li{
		margin: 0 1.33vw;
	}
	.pager li>a,
	.pager li>span{
		padding: 2vw 3.33vw;
		font-size: 3.2vw;
	}
	.pager li.btn_prev,
	.pager li.btn_next{
		display: none;
	}
	.btn_post_wrap.sp{
		padding-top: 5.33vw;
	}
	#post{
		padding-bottom: 10.66vw;
	}
	#post .date{
		font-size: 3.2vw;
		padding-bottom: 3.33vw;
	}
	#post .ttl{
		font-size: 3.73vw;
		padding-bottom: 4vw;
	}
	#post .body{
		font-size: 3.46vw;
	}
	#post .body p{
		padding-bottom: 4vw;
	}
	.list_btn_post li{
		margin: 0 1.33vw;
	}
	.list_btn_post li a{
		font-size: 3.2vw;
		padding: 2.5vw 3.83vw;
	}
	.btn_post_wrap + .btn_wrap{
		padding-top: 4vw;
	}
	.table_post{
	}
	.scroll_wrap{
		overflow: auto;
		white-space: nowrap;
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}
	.scroll_wrap::-webkit-scrollbar{
		 height: 5px;
	}
	.scroll_wrap::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll_wrap::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}
	
	/*------------ FOOTER ------------*/
	
	#footer{
	}
	#list_footer{
		padding: 8.66vw 0;
	}
	#list_footer li{
		margin: 0 2vw;
	}
	
	#list_footer li:nth-child(4),
	#list_footer li:nth-child(5){
		margin-top:5%;	
	}
	
	#list_footer li a{
		font-size: 2.93vw;
	}
	#copyright{
		padding: 6.66vw 0;
		font-size: 1.86vw;
	}

}
.mt0{
	margin-top:0 !important;	
}

.pt0,
#contents_sub.pt0{
	padding-top:0 !important;	
}

#contents_sub.pb0{
	padding-bottom:0 !important;	
}

@media only screen and (max-width:1150px) {
	.anc{
		display:block;
		margin-top:-17.33vw;
		padding-top:17.33vw;	
	}	
	
	
	#list_topics_top li{
		width: auto;
		box-shadow: 0 0 0 transparent;
		margin-right: 0;
		padding: 1vw 2vw;
	}
	#list_topics_top li .wrap{
		width: 40vw;
		box-shadow: 0 0 0.8vw 0px #b5b2b2;
	}
	#list_topics_top li .pic{
		height: 30vw;
	}
	
	#list_topics_top li:last-child{
		margin-right: 0;
	}
	#list_topics_top li .inner{
		padding: 6vw 6.67vw;
	}
	#list_topics_top li .date{
		font-size: 3.2vw;
		padding-bottom: 0.2vw;
	}
	#list_topics_top li .ttl{
		font-size: 4vw;
		padding-bottom: 1.2vw;
	}
	#list_topics_top li .body{
		font-size: 3.46vw;
	}
	
	#list_topics_top li .btn_grad {
		font-size: 3.46vw;
		padding: 3vw 6vw;
	}
	
	#list_topics_top li .inner{
		padding:2vw 2.67vw;	
	}
	
	#contents_top{
		padding-top: 14vw;
	}
	#list_contents_top{
		display: block;
	}
	#list_contents_top li{
		width: 50%;
		float:left;
	}
	#list_contents_top li a{
		height: 22.66vw;
		padding: 5vw 4vw 6vw;
	}
	#list_contents_top li.bg1 a,
	#list_contents_top li.bg2 a{
		background: none;
	}
	#list_contents_top li:nth-child(1) a,
	#list_contents_top li:nth-child(4) a,
	#list_contents_top li:nth-child(5) a,
	#list_contents_top li:last-child(8) a{
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	}
	#list_contents_top li:nth-child(2) a,
	#list_contents_top li:nth-child(3) a,
	#list_contents_top li:nth-child(6) a,
	#list_contents_top li:nth-child(7) a{
		background: #038d94; /* Old browsers */
		background: -moz-linear-gradient(left, #038d94 0%, #32479b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #038d94 0%,#32479b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #038d94 0%,#32479b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038d94', endColorstr='#32479b',GradientType=1 ); /* IE6-9 */
	}
	#list_contents_top li a .ttl{
		font-size: 3vw;
		padding-bottom: 0.5vw;
	}
	#list_contents_top li a .body{
		font-size: 1.9vw;
	}
	#list_contents_top li a .bg{
		display: none;
	}
	#list_contents_top li.bg1 a .bg,
	#list_contents_top li.bg2 a .bg{
		display: none;
	}
	#list_contents_top li a:hover .bg{
		display: none;
	}
	
}

@media only screen and (max-width:768px) {
	#contents_sub{
		padding-top: 8vw;
		padding-bottom: 17.33vw;
	}
	.content_inner {
		padding: 0 6vw;
	}
	#list_btn_news{
		padding-bottom: 5.34vw;
	}
	#list_btn_news li{
		margin: 0;
	    margin-bottom: 2.66vw;
	}
	#list_btn_news li:nth-child(odd){
		clear: both;
	}
	#list_btn_news li:nth-child(even){
		float: right;
	}
	#list_btn_news li a{
		font-size: 3.46vw;
		width: 42.66vw;
		height: 10.66vw;
		line-height: 10.66vw;
	}
	
	#list_topics_top li{
		width: auto;
		box-shadow: 0 0 0 transparent;
		margin-right: 0;
		padding: 1vw 2vw;
	}
	#list_topics_top li .wrap{
		width: 84vw;
		box-shadow: 0 0 0.8vw 0px #b5b2b2;
	}
	#list_topics_top li:last-child{
		margin-right: 0;
	}
	#list_topics_top li .inner{
		padding: 6vw 6.67vw;
	}
	#list_topics_top li .date{
		font-size: 3.2vw;
		padding-bottom: 0.2vw;
	}
	#list_topics_top li .ttl{
		font-size: 4vw;
		padding-bottom: 1.2vw;
	}
	#list_topics_top li .body{
		font-size: 3.46vw;
	}
	
	#list_topics_top li .pic{
		height: 60vw;
	}
	
	#list_topics_top li .btn_grad {
		font-size: 3.46vw;
		padding: 3vw 10vw;
	}
	
	#contents_top{
		padding-top: 14vw;
	}
	#list_contents_top{
		display: block;
	}
	#list_contents_top li{
		width: 100%;
	}
	#list_contents_top li a{
		height: 42.66vw;
		padding: 12vw 6vw 0;
	}
	
	#list_contents_top li:nth-child(1) a,
	#list_contents_top li:nth-child(3) a,
	#list_contents_top li:nth-child(4) a{
		padding-top:10vw;	
	}
	
	#list_contents_top li.bg1 a,
	#list_contents_top li.bg2 a{
		background: none;
	}
	#list_contents_top li:nth-child(odd) a{
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	}
	#list_contents_top li:nth-child(even) a{
		background: #038d94; /* Old browsers */
		background: -moz-linear-gradient(left, #038d94 0%, #32479b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #038d94 0%,#32479b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #038d94 0%,#32479b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038d94', endColorstr='#32479b',GradientType=1 ); /* IE6-9 */
	}
	#list_contents_top li a .ttl{
		font-size: 4.8vw;
		padding-bottom: 3.33vw;
	}
	
	#list_contents_top.en li:nth-child(7) a{
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	}
	#list_contents_top.en li:nth-child(8) a{
		background: #038d94; /* Old browsers */
		background: -moz-linear-gradient(left, #038d94 0%, #32479b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #038d94 0%,#32479b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #038d94 0%,#32479b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038d94', endColorstr='#32479b',GradientType=1 ); /* IE6-9 */
	}
	
	#list_contents_top li a .body{
		font-size: 3.2vw;
	}
	#list_contents_top li a .bg{
		display: none;
	}
	#list_contents_top li.bg1 a .bg,
	#list_contents_top li.bg2 a .bg{
		display: none;
	}
	#list_contents_top li a:hover .bg{
		display: none;
	}
	
	#list_news li .date{
		font-size: 3.2vw;
		padding-bottom: 2vw;
	}
	#list_news li .ttl{
		font-size: 3.73vw;
		padding-bottom: 3vw;
	}
	#list_news li .body{
		font-size: 3.46vw;
		padding-bottom: 4vw;
	}
	#list_news li .category{
		font-size: 3.46vw;
		position: static;
		bottom: 0;
		left: 0;
		width: auto;
	}
	
}

.tab{
	display:none;
}	

@media only screen and (max-width:1150px) {
	.tab{
		display:block;
	}	
	
	#main h2{
		bottom:8vw;
	}
	
}

@media only screen and (max-width: 768px) {
	.tab{
		display:none;
	}	
	
	#main h2{
		font-size: 4vw;
		box-sizing: border-box;
		padding: 0 3vw;
		top:auto;
		bottom:28vw;
	}
	
	#main h2 span{
		font-size: 3.4vw;
		box-sizing: border-box;
		padding: 0;
	}
	
	#btn_menu{
		position:absolute;
		left:4vw;
		top: 50%;
		transform: translateY(-50%);
		width: 7.99vw;
		height:10px;
		display:block;
		z-index:2000;
	}
	#btn_menu span {
		display: block;
		background: #333372;
		width: 5.33vw;
		height: 2px;
		position: absolute;
		left: 1.33vw;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	#btn_menu span:first-child {
		top: 0;
	}
	#btn_menu span:nth-child(2) {
		display: none;
	}
	#btn_menu span:last-child {
		bottom: 0;
	}
	#btn_menu.active span{
		background: #FFF;
	}
	#btn_menu.active span:first-child {
		-webkit-transform: translateY(4px) rotate(45deg);
		-moz-transform: translateY(4px) rotate(45deg);
		-ms-transform: translateY(4px) rotate(45deg);
		transform: translateY(4px) rotate(45deg);
	}
	#btn_menu.active span:nth-child(2) {
		opacity: 0;
	}
	#btn_menu.active span:last-child {
		-webkit-transform: translateY(-4px) rotate(-45deg);
		-moz-transform: translateY(-4px) rotate(-45deg);
		-ms-transform: translateY(-4px) rotate(-45deg);
		transform: translateY(-4px) rotate(-45deg);
	}
}

/*********************** プレビュー関連 **************************/

.submit_area{
	text-align:center;
	margin-top:50px;	
}

.admin_btn input{
	background:#000;
	height:56px;
	line-height:56px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#FFF;
	font-weight:700;
	font-size:16px;
	border-radius:5px;
	padding:0 30px;
	border:none;
}

.edit_table{
	width:900px;
	margin:0 auto;
}

.edit_table .ttl{
	font-size:18px;
	color:#ffffff;
	background:#000;	
	text-align:left;
	padding:5px;
}

.preview_pt{
	padding:50px 0;	
}


/*********************** /プレビュー関連 **************************/

/*********************** 検索関連 **************************/

#search_area{
	width:100%;
	height:calc(100vh - 90px);
	position:fixed;
	left:0;
	top:90px;
	background: #0196c1; /* Old browsers */
	background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	z-index:101;
	display:none;
}

#search_area .inner1{
	display:none;	
}

#search_area .inner2{
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:0;
	width:300px;
	text-align:center;
	margin-top:0;
}

#search_area .inner2 > li > a{
	margin-top:0;
	border:none;
}

#search_area .inner2 > li.ttl{
	font-size:24px;
	padding-bottom:5vh;
}

#search_area .inner2 > li > a{
	font-size:24px;
	display:block;
	text-align:left;
	position:relative;
}

#search_area .inner2 > li > a:after{
	content:"";
	display:block;
	background:url(../images/common/icon_search_rigth.png) no-repeat left top;
	background-size:10px 18px;
	width:10px;
	height:18px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-3px;
}

#search_area .ttl{
	text-align:center;
	font-size:24px;
	color:#FFF;
	padding-top:10vh;	
}

#search_area .input{
	width:600px;
	margin:15vh auto 0 ;
	position:relative;
}

#search_area .input .reset{
	font-size:16px;
	color:#d2dce8;
	text-decoration:none;
	position:absolute;
	right:0;
	top:13px;
	z-index:100;
}

#search_area .input input[type="text"]{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	width:100%;
	background:none;
	font-size:16px;
	color:#ffffff;
	border-bottom:solid 1px #4d92b9;
	padding:10px 0;
	font-weight:200;
}

#search_area ul{
	width:600px;
	height:30vh;
	margin:10vh auto 0 ;
}

#search_area ul li a{
	display:block;
	padding:13px 0 10px;
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
	font-weight:200;
	border-bottom:solid 1px #508bb3;
}

/* Chrome, Safari 5+, Opera 15+, iOS, Android */
::-webkit-input-placeholder {
	color:#FFF; 
}
/* Firefox 18- */
:-moz-placeholder {
	color:#FFF; 
	opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
	color:#FFF; 
  opacity: 1;
}
/* IE 10+ */
:-ms-input-placeholder {
	color:#FFF; 
}
/* IE Edge */
::-ms-input-placeholder {
	color:#FFF; 
}

*{
	outline:none;
}

@media only screen and (max-width:1150px) {
	#search_area{
		width:100%;
		height:calc(100vh - 14vw);
		position:fixed;
		left:0;
		top:14vw;
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	}
	
	#search_area .inner2{
		position:absolute;
		left:50%;
		margin-left:-15%;
		top:0;
		width:30%;
		text-align:center;
		margin-top:0;
	}
	
	#search_area .inner2 > li > a{
		margin-top:0;
		border:none;
	}
	
	#search_area .inner2 > li > a:after{
		content:"";
		display:block;
		background:url(../images/common/icon_search_rigth.png) no-repeat left top;
		background-size:100% auto;
		width:1.5vw;
		height:3vw;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-0.5vw;
	}
	
	#search_area .inner2 > li.ttl{
		font-size:4.5vw;
		padding-bottom:5vh;
	}
	
	#search_area .inner2 > li > a{
		font-size:3vw;
		display:block;
		text-align:left;
		position:relative;
	}
	
	#search_area .ttl{
		text-align:center;
		font-size:4.5vw;
		color:#FFF;
		padding-top:10vh;	
	}
	
	#search_area .input{
		width:62%;
		margin:10vh auto 0 ;
		position:relative;
	}
	
	#search_area .input .reset{
		font-size:2.6vw;
		color:#d2dce8;
		text-decoration:none;
		position:absolute;
		right:0;
		top:1.8vw;
	}
	
	#search_area .input input[type="text"]{
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
		width:100%;
		background:none;
		font-size:2.6vw;
		color:#ffffff;
		border-bottom:solid 1px #4d92b9;
		padding:4% 0 3%;
		text-align:center;
	}
	
	#search_area ul{
		width:62%;
		height:45vh;
		margin:10vh auto 0 ;
	}
	
	#search_area ul li a{
		display:block;
		padding:4% 0 3%;
		color:#ffffff;
		font-size:2.6vw;
		text-decoration:none;
		border-bottom:solid 1px #508bb3;
	}	
}

@media only screen and (max-width: 768px) {
	#search_area{
		width:100%;
		height:calc(100vh - 14vw);
		position:fixed;
		left:0;
		top:14vw;
		background: #0196c1; /* Old browsers */
		background: -moz-linear-gradient(left, #0196c1 0%, #3340a2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0196c1 0%,#3340a2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0196c1 0%,#3340a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0196c1', endColorstr='#3340a2',GradientType=1 ); /* IE6-9 */
	}
	
	#search_area .inner2{
		position:absolute;
		left:50%;
		margin-left:-25%;
		top:0;
		width:50%;
		text-align:center;
		margin-top:0;
	}
	
	#search_area .inner2 > li > a{
		margin-top:0;
		border:none;
	}
	
	#search_area .inner2 > li > a:after{
		content:"";
		display:block;
		background:url(../images/common/icon_search_rigth.png) no-repeat left top;
		background-size:100% auto;
		width:2.5vw;
		height:5vw;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-1vw;
	}
	
	#search_area .inner2 > li.ttl{
		font-size:4.5vw;
		padding-bottom:5vh;
	}
	
	#search_area .inner2 > li > a{
		font-size:3.8vw;
		display:block;
		text-align:left;
		position:relative;
	}
	
	#search_area .ttl{
		text-align:center;
		font-size:3.3vw;
		color:#FFF;
		padding-top:10vh;	
	}
	
	#search_area .input{
		width:80%;
		margin:10vh auto 0 ;
		position:relative;
	}
	
	#search_area .input .reset{
		font-size:2.6vw;
		color:#d2dce8;
		text-decoration:none;
		position:absolute;
		right:0;
		top:2.5vw;
	}
	
	#search_area .input input[type="text"]{
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
		width:100%;
		background:none;
		font-size:2.6vw;
		color:#ffffff;
		border-bottom:solid 1px #4d92b9;
		padding:4% 0 2%;
		text-align:center;
	}
	
	#search_area ul{
		width:80%;
		height:45vh;
		margin:10vh auto 0 ;
	}
	
	#search_area ul li a{
		display:block;
		padding:4% 0 3%;
		color:#ffffff;
		font-size:2.6vw;
		text-decoration:none;
		border-bottom:solid 1px #508bb3;
	}	
}

/*********************** /検索関連 **************************/


/*********************** loding **************************/
#loader {
  color: #000;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display:none;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.link_normal a,
a.link_normal{
	display: inline !important;
	padding: 0 !important;
	color: #7f7f7f !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	text-decoration:underline !important;
}

#contents_sub .link_normal a:hover,
#contents_sub a.link_normal:hover{
	color: #7f7f7f !important;
	text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
	#list_bnr_col4 li{
		width:40vw;	
		height:15vw;
	}
	#list_btn_news li{
		width:40vw;	
	}
}


#contents_sub p{
	line-height:2 !important;	
}

input::-ms-clear {
    visibility:hidden
}

::-webkit-input-placeholder {
	color: #7f7f7f;
	opacity: 1;
}
/* Firefox 18 以前 */
:-moz-placeholder {
	color: #7f7f7f;
}
/* Firefox 19 以降 */
::-moz-placeholder {
	color: #7f7f7f;

	/* Firefox 19 以降のデフォルトでは */
	/* color ではなく opacity で色合いを調整しているため */
	/* 文字色を指定する場合、opacity を 1 にする必要がある */
	opacity: 1;
}
/* IE 10 以降 */
:-ms-input-placeholder {
	color: #7f7f7f;
}
/* CSS4では以下のような名前の擬似クラスになるらしい */
/* おそらく今のところ対応ブラウザはない */
:placeholder-shown {
	color: #7f7f7f;
}

.btn.white a{
	color:#FFF !important;	
}

/*********************** /loding **************************/

/*********************** news_icon *************************/

.news_header{
	position:relative;
}	

#contents_sub .news_header .news_icon{
	position:absolute;
	left:0;
	bottom:20px;
	font-size:15px;
	padding:0px 15px 2px;
	color:#7f7f7f;
	/*border-width: 1px;
	border-color: rgb(191, 191, 191);
	border-style: solid;*/
	border-radius: 5px;
	font-weight:200;
	background:#35429c;
	color:#FFF;
}

#list_news .icon_data{
	position:absolute;
	left:0;
	top:-27px;
	background:#35429c;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	padding:5px 15px 5px; 	
}

#list_news .icon_set{
	padding-top:0px;	
}

@media only screen and (max-width:1150px) {
	#contents_sub .news_header .news_icon{
		bottom:2vw;
		font-size:1.5vw;
		padding:0vw 1.9vw 0.3vw;
	}
	
	#list_news .icon_data{
		top:-5vw;
		font-size:1.87vw;
		font-weight:normal;
		padding:1.1vw 2vw 1.2vw; 	
	}
	
	#list_news .icon_set{
		padding-top:0vw;	
	}
}

@media only screen and (max-width: 768px) {
	#contents_sub .news_header .news_icon{
		bottom:5vw;
		font-size:3.2vw;
		padding:0vw 1.9vw 0.3vw;
	}	
	
	#contents_sub .news_header a.pdf:after{
		display:none !important;
	}
	
	#list_news .icon_data{
		top:-5vw;
		font-size:3.2vw;
		font-weight:normal;
		padding:1.1vw 4vw 1.2vw; 	
	}
	
	#list_news .icon_set{
		padding-top:0vw;	
	}
}

/*********************** /news_icon *************************/

/*********************** 20180713 *************************/
.top_comment{
	width:auto;
	margin:75px auto 0;
	font-size: 16px;
	color: rgb(127, 127, 127);
	line-height: 1.875;
	border-bottom:solid 1px #35429c;
	padding-bottom:15px;
	display:inline-block;
}

.top_comment a{
	color:#7f7f7f;
	text-decoration:none;	
}

.top_comment a:hover{
	text-decoration:underline;	
}

.top_comment_ov{
	text-align:center;	
}

.page_top{
	width:50px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
	display:none;	
}
	

@media only screen and (max-width:1150px) {
	.top_comment{
		display:block;
		text-align:left;
		width:92%;
		margin:8% auto 0;
		font-size: 2.08vw;
		padding-bottom:2%;
	}
}

@media only screen and (max-width: 768px) {
	.top_comment{
		width:88%;
		margin:8% auto 0;
		font-size: 3.2vw;
		padding-bottom:2%;
	}
	
	.page_top{
		width:6vw;
		right:3.5vw;
		bottom:3.5vw;
	}
	
	#contents_sub{
		width:100%;
		overflow-x:hidden;	
	}
}

/*********************** /20180713 *************************/

/*********************** 2019/03/04 *************************/

.mv_txt{
	background:#f2f2f2;
	text-align:center;
	font-size:14px;
	color:#7f7f7f;
	padding:10px 0 8px;	
  position:relative;
}

.mv_txt a{
	color:#7f7f7f;	
}

.new_news li{
	width:346px;
	float:left;	
	margin-right:21px;
	margin-bottom:50px;
}

.new_news li:nth-child(7),
.new_news li:nth-child(8),
.new_news li:nth-child(9),
.new_news li:nth-child(10),
.new_news li:nth-child(11),
.new_news li:nth-child(12){
	display:none;	
}

.new_news li:nth-child(3n){
	margin-right:0;	
}

.new_news li a{
	display:block;
	text-decoration:none;	
}

.new_news li .image{
	display:block;
	border:solid 1px #7f7f7f;
	height:231px;
	overflow:hidden;
}

.new_news li .image span{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/common/no_image.png) no-repeat center center;
	background-size:cover !important;	
	transition: all 0.4s;
	background-position:center center;
	background-repeat:no-repeat;
}

.new_news li a:hover .image span{
	transform:scale(1.2);	
}

.new_news li .inner{
	display:block;
	margin-top:30px;
	position:relative;	
}

.new_news li .inner .date{
	font-size:14px;
	color:#7f7f7f;
	font-weight:200;	
	display:block;
	padding-top:2px;
	display:block;
}

.new_news li .inner .category{
	display:inline-block;
	background:#35429c;
	height:25px;
	font-size:14px;
	color:#FFF;
	font-weight:200;
	width:120px;
	position:absolute;
	right:0;
	top:0;		
}

.new_news li .inner .category span{
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	top:50%;
	left:0;
	transform:translateY(-50%);	
}

.new_news li .inner .ttl{
	display:block;
	margin-top:27px;
	font-size:16px;
	color:#7f7f7f;
	word-break:break-all;
}

.new_news li .inner .txt{
	display:block;
	margin-top:23px;
	font-size: 15px;
	color: rgb(63, 63, 63);
	line-height: 1.5;
	word-break:break-all;
}

@media only screen and (max-width:1150px) {
	.mv_txt{
		font-size:2.08vw;
		padding:2.604vw 3.385vw 2.5vw;
		text-align:left;
	}
	
	.new_news li{
		width:100%;
		float:none;	
		margin-right:0;
		margin-bottom:9.375vw;
	}
	
	.new_news li:nth-child(3n){
		margin-right:0;	
	}
	
	.new_news li:last-child{
		margin-bottom:0;	
	}
	
	.new_news li .image{
		display:block;
		height:61.97vw;
		overflow:hidden;
	}
	
	.new_news li .inner{
		margin-top:3.125vw;
	}
	
	.new_news li .inner .date{
		font-size:2.5vw;
		padding-top:0.52vw;
	}
	
	.new_news li .inner .category{
		height:4.16vw;
		font-size:2.5vw;
		width:22vw;
	}
	
	.new_news li .inner .ttl{
		margin-top:2.343vw;
		font-size: 2.5vw;
	}
	
	.new_news li .inner .txt{
		display:block;
		margin-top:2.3vw;
		font-size: 2.7083vw;
	}
	
	#news .btn_wrap{
		margin-top:9.895vw;
	}
}

@media only screen and (max-width: 768px) {
	.mv_txt{
		font-size:2.53vw;
		padding:3.3vw 5.6vw 3vw;
	}
	
	.new_news li{
		margin-bottom:7.3vw;
	}
	
	.new_news li .image{
		height:59.6vw;
		overflow:hidden;
	}
	
	.new_news li .inner{
		margin-top:4vw;
	}
	
	.new_news li .inner .date{
		font-size:3.2vw;
		padding-top:0.8vw;
	}
	
	.new_news li .inner .category{
		height:5.3vw;
		font-size:3.2vw;
		width:26vw;
	}
	
	.new_news li .inner .ttl{
		margin-top:3.5vw;
		font-size: 4vw;
	}
	
	.new_news li .inner .txt{
		margin-top:3vw;
		font-size: 3.46vw;
	}
	
	#news .btn_wrap{
		margin-top:8vw;
	}
}


#list_news li{
	position:relative;	
}

#list_news li .inner{
	display:block;
	padding-left:200px;	
}

#list_news li{
	box-shadow:none;
	border:solid 1px #bfbfbf;
	margin-bottom:0;
	border-bottom:none;
}

#list_news li:last-child{
	border-bottom:solid 1px #bfbfbf;
}

#list_news li a{
	padding-top:40px;
	padding-bottom:35px;	
}

#list_news li .inner .ttl{
	display:block;
	font-weight:400;
	margin-top:3px;	
	word-break:break-all;
}

#list_news li .inner .date{
	font-weight:400;	
}

#list_news li .inner .date .category{
	font-weight:700;	
}

#list_news li .image{
	width:200px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	
}

#list_news li .image span{
	 display:block;
	 width:100%;
	 height:100%;
	 background:url(../images/common/no_image.png);
	 background-size:cover !important;
	 background-position:center center !important;
	 background-repeat:no-repeat !important;
}

#list_news .icon_data{
	position:absolute;
	width:200px;
	left:0;
	top:-0px;
	background:#35429c;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:5px 0 5px;
	font-weight:200; 	
}

.solution_block02 .solution_block02_l > li > a,
.solution_block02 .solution_block02_l > li a{
	display:block;
	text-decoration:none;
	color:#3f3f3f;
}

.solution_block02 .solution_block02_l .tag_list{
	margin-top:5px;
	padding-bottom:20px;
}
.solution_block02_l > li .ttl{
	font-weight: 400;	
}

#search_area .back_link{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:10px;
	font-size:16px;
	color:#FFF;
	text-decoration:none;	
}

#search_area .back_link:hover{
	text-decoration:underline;	
}

@media only screen and (max-width:1150px) {
	
	#list_news li .inner{
		padding-left:22.91vw;	
	}
	
	#list_news li a{
		padding-top:1.8vw;
		padding-bottom:1.8vw;
		padding-left:0;
	}
	
	#list_news li .inner .date{
		padding-bottom:1vw;
	}
	
	#list_news li .inner .ttl{
		display:block;
		font-weight:400;
		margin-top:0.3vw;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	
	#list_news li .image{
		width:20.83vw;
	}
	
	
	#list_news .icon_data{
		width:20.83vw;
		font-size:1.458vw;
		padding:0.9375vw 0 0.9vw;
	}
	
	#search_area .back_link{
		font-size:3vw;	
	}
}

@media only screen and (max-width: 768px) {
	#list_news li .inner{
		padding-left:34.6vw;	
	}
	
	#list_news li a{
		padding-top:3vw;
		padding-bottom:3vw;
	}
	
	#list_news li .inner .date{
		padding-bottom:1vw;
	}
	
	#list_news li .inner .ttl{
		display:block;
		font-weight:400;
		margin-top:0.3vw;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	
	#list_news li .image{
		width:29.3vw;
		top:3vw;
		left:3vw;
		height:calc(100% - 6vw);
	}
	
	
	#list_news .icon_data{
		width:20.83vw;
		font-size:1.458vw;
		padding:0.9375vw 0 0.9vw;
		top:3vw;
		left:3vw;
	}
	
	#search_area .back_link{
		font-size:3.4vw;	
	}
}


/*********************** /2019/03/04 *************************/

/******************** gdpr ******************************/

.jp_gdpr,
#mbel_main .jp_gdpr{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:10px 0;
	background:rgba(0,0,0,0.6);
	color:#FFF;
	font-size:14px;
	z-index:100;
	display:none;
  
  font-family: 'Noto Sans Japanese',"qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
}

.jp_gdpr p,
#mbel_main .jp_gdpr p{
  font-size:14px;
  line-height:1.4;
}

.jp_gdpr .inner{
	width:1000px;
	margin:0 auto;
	text-align:right;
}

.jp_gdpr .inner p{
	text-align:left;	
}

.jp_gdpr a.btn_grad,
#mbel_main .jp_gdpr a.btn_grad{
	display:inline-block;
	text-align:center;
	margin:10px auto 0;	
	border:none;
	width:230px;
	box-shadow:none;
  box-sizing:border-box;
  text-decoration:none !important;
}

.jp_gdpr a,
#mbel_main .jp_gdpr a{
	color:#FFF !important;
  display:inline;
  text-decoration:underline !important;
}

@media (max-width:1150px) {
	.jp_gdpr,
  #mbel_main .jp_gdpr{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		padding:3vw 0;
		background:rgba(0,0,0,0.6);
		color:#FFF;
		font-size:1.4vw;
		z-index:100;
		display:none;
		text-align:left;
	}
  
  #mbel_main .jp_gdpr p{
    font-size:1.4vw; 
  }
	
	.jp_gdpr .inner{
		width:90%;
		margin:0 auto;	
	}
	
	.jp_gdpr a.btn_grad,
  #mbel_main .jp_gdpr a.btn_grad{
		display:block;
		text-align:center;
		margin:2vw auto 0;	
		border:none;
		width:20vw;
		padding:1vw 0;
		font-size:1.4vw;
		box-shadow:none;
	}
		
}

@media (max-width:768px) {
	.jp_gdpr,
  #mbel_main .jp_gdpr p{
		font-size:3vw;
	}
	
	.jp_gdpr a.btn_grad,
  #mbel_main .jp_gdpr a.btn_grad{
		display:block;
		text-align:center;
		margin:2vw auto 0;	
		border:none;
		width:50vw;
		padding:3vw 0;
		font-size:3vw;
		box-shadow:none;
	}
	
}

/******************** /gdpr ******************************/


/******************** 2020.01 edit ******************************/

#list_gnav > li{
	margin-right:3px;
}

#list_gnav > li:last-child{
	margin-right:10px;	
}

#list_gnav > li > a{
	padding: 30px 4px 0;
}

.mf_finder_searchBox{
	margin:0 !important;
}



#header .search{
	width:220px;	
}

#header.jp:before,
#header.jp:after{
	right:657px;
}

#header.jp:after{
	right:40px;
}

.mf_finder_searchBox_items{
	margin-right:10px !important;
	position:relative;
	top:-3px !important;
	padding:0 !important;	
}

.mf_finder_searchBox_submit{
	padding:0 8px !important;
	background:#016d9c !important;
}

.mf_finder_searchBox_submit span{
	margin:0 !important;
	padding:0 !important;	
}

.search_result{
	width:1080px;
	margin:0 auto;
	padding-top: 60px;
	padding-bottom: 180px;	
}

.mf_finder_organic_pager,
.mf_finder_searchBox_selects{
	margin-top:20px;	
}

@media only screen and (max-width:1150px) {
    
    #list_gnav > li > a{
        padding:0;   
    }
    
	.mf_finder_container{
		display:none;	
	}
	
	#search_area{
		width:100%;
		height:11.71vw;
		position:fixed;
		left:0;
		top:14vw;
		background: #FFF; /* Old browsers */
	}
	
	.mf_finder_header_inner{
		width:75.5vw;
		margin:3vw auto 0;	
	}
	
	.mf_finder_header .mf_finder_searchBox_query_input{
		height:6.51vw !important;	
		font-size:2.53vw !important;
	}
	
	.search_result .mf_finder_searchBox_query_input{
		height:6.51vw !important;	
	}
	
	.mf_finder_searchBox_submit{
		width:6.5vw !important;
		padding:0 0vw !important;
	}
	
	.mf_finder_searchBox_submit:before {
		content: "" !important;
		display:block;
		position:relative;
		left:1.5vw;
		background:url(../images/common/icon_header_search.png) no-repeat left top;
		background-size:100% auto;
		width: 3.38vw !important;
		height:3.71vw !important;
	}
	
	.icon_search{
		width: 4vw;
		position: absolute;
		top: 3.58vw;
		transform:none;
		right: 6vw;
		text-align:center;
	}
	
	.icon_search span{
		display:block;
		width:8vw;
		font-size:1.95vw;
		color:#979797;
		position:relative;
		left:auto;
		top:auto;
		margin-top:0.65vw;
		font-weight:200;
		left:-2vw;	
	}
	
	.icon_search span.active{
		left:-2vw;	
	}
	
	.search_result{
		width:92vw;
		margin:0 auto;
		padding-top: 6.25vw;
		padding-bottom: 17.33vw;
	}
	
	.mf_finder_organic_pager,
	.mf_finder_searchBox_selects{
		margin-top:4vw;	
	}
	
	#header .search .tab.sp{
		display:block !important;
	}	
	
	
}

@media (max-width:768px) {
	.mf_finder_container{
		display:none;	
	}
	
	#search_area{
		width:100%;
		height:16.6vw;
		position:fixed;
		left:0;
		top:14vw;
		background: #FFF; /* Old browsers */
	}
	
	.mf_finder_header_inner{
		width:86.6vw;
		margin:4.7vw auto 0;	
	}
	
	.mf_finder_header .mf_finder_searchBox_query_input{
		height:8vw !important;	
		font-size:3.2vw !important;
	}
	
	.search_result .mf_finder_searchBox_query_input{
		height:100% !important;	
	}
	
	.mf_finder_searchBox_submit{
		width:8.53vw !important;
		padding:0 0vw !important;
	}
	
	.mf_finder_searchBox_submit:before {
		content: "" !important;
		display:block;
		position:relative;
		left:2vw;
		background:url(../images/common/icon_header_search.png) no-repeat left top;
		background-size:100% auto;
		width: 4.93vw !important;
		height:5.2vw !important;
	}
	
	.icon_search span{
		display:block;
		width:auto;
		font-size:2.4vw;
		color:#979797;
		position:relative;
		left:auto;
		top:auto;
		margin-top:0.65vw;
		font-weight:200;
		word-break:keep-all;
		left:-0.5vw;
	}
	
	.icon_search span.active{
		left:-1.4vw;	
	}
	
	.search_result{
		width:88vw;
		margin:0 auto;
		padding-top: 8vw;
		padding-bottom: 17.33vw;
	}
	
	.mf_finder_organic_pager,
	.mf_finder_searchBox_selects{
		margin-top:4vw;	
	}
}

/******************** /2020.01 edit ******************************/

/******************** 2020.02 edit ******************************/

#list_contents_top li a{
    height:120px;
    padding-top:25px;
    padding-left:30px;
}   

#list_contents_top li a .ttl{
    padding-bottom:3px;
}

#list_contents_top li a .ttl.en{
  padding-top:17px;
  text-align:center;
}

#list_contents_top li a .body{
    font-size:15px;   
}

#list_bnr_col4 li{
    margin-bottom:26px;   
}

#list_bnr_col4 li:nth-child(5),
#list_bnr_col4 li:nth-child(6),
#list_bnr_col4 li:nth-child(7),
#list_bnr_col4 li:nth-child(8){
    margin-bottom:0;   
}

.solution_block02_l_ov .pager li.btn_prev{
	margin-right: 20px;
}
.solution_block02_l_ov .pager li.btn_next{
	margin-left: 20px;
}

#list_bnr_col4 li a{
    background-size: cover !important;
    background-position:center center !important;
}   

#list_bnr_col4 li a.bnr01{
	background-image: url(../images/top/othre_bg01.png);	
}
#list_bnr_col4 li a.bnr02{
	background-image: url(../images/top/othre_bg02.png);
}
#list_bnr_col4 li a.bnr03{
	background-image: url(../images/top/othre_bg03.png);
}
#list_bnr_col4 li a.bnr04{
	background-image: url(../images/top/othre_bg04.png);
}
#list_bnr_col4 li a.bnr05{
	background-image: url(../images/top/othre_bg05.png);	
}
#list_bnr_col4 li a.bnr06{
	background-image: url(../images/top/othre_bg06.png);
}
#list_bnr_col4 li a.bnr07{
	background-image: url(../images/top/othre_bg07.png);
}
#list_bnr_col4 li a.bnr08{
	background-image: url(../images/top/othre_bg08.png);
}

.mf_finder_searchBox_misc{
    display:inline-block !important;
    position:relative;
    top:16px;
    margin-left:10px;
}   

.mf_finder_searchBox_selects label{
 
}
.mf_finder_searchBox_selects{
    margin-top:0 !important;
}

@media only screen and (max-width:1150px) {
	#list_contents_top li a{
        height:12.63vw;
        padding-top:2.6vw;
        padding-left:4vw;
    }
    
    #list_contents_top li:nth-child(1) a,
    #list_contents_top li:nth-child(3) a{
        padding-top:1.3vw;
    }
    
    #list_contents_top li.bg1 a .bg,
	#list_contents_top li.bg2 a .bg{
		display: block;
	}
	#list_contents_top li a:hover .bg{
		display: block;
	}
    
    #list_contents_top li a .ttl{
        padding-bottom:0;
    }
    
    #list_contents_top li a.en{
      padding-top:0; 
    }
    
    #list_contents_top li a .ttl.en{
      padding-top:7.5vw; 
    }
    
    #list_contents_top li a .body{
        font-size:1.42vw; 
    }
    
    #list_bnr_col4 li,
    #list_bnr_col4 li:nth-child(5),
    #list_bnr_col4 li:nth-child(6){
        margin-bottom:3.33vw;   
    }
    
    
    #list_bnr_col4 li:nth-child(7),
    #list_bnr_col4 li:nth-child(8){
        margin-bottom:0;   
    }
    
    #list_bnr_col4 li a.bnr01{
        background-image: url(../images/top/othre_bg01_sp.png);	
    }
    #list_bnr_col4 li a.bnr02{
        background-image: url(../images/top/othre_bg02_sp.png);
    }
    #list_bnr_col4 li a.bnr03{
        background-image: url(../images/top/othre_bg03_sp.png);
    }
    #list_bnr_col4 li a.bnr04{
        background-image: url(../images/top/othre_bg04_sp.png);
    }
    #list_bnr_col4 li a.bnr05{
        background-image: url(../images/top/othre_bg05_sp.png);	
    }
    #list_bnr_col4 li a.bnr06{
        background-image: url(../images/top/othre_bg06_sp.png);
    }
    #list_bnr_col4 li a.bnr07{
        background-image: url(../images/top/othre_bg07_sp.png);
    }
    #list_bnr_col4 li a.bnr08{
        background-image: url(../images/top/othre_bg08_sp.png);
    }
}

@media (max-width:768px) {
     #list_contents_top li a{
        height:21.3vw;
        padding-top:3.9vw !important;
        padding-left:6vw;
    }
    
    
    #list_contents_top li.bg1 a .bg,
	#list_contents_top li.bg2 a .bg{
		display: block;
	}
	#list_contents_top li a:hover .bg{
		display: block;
	}
    
    #list_contents_top li a .ttl{
        padding-bottom:0.5vw;
    }
    
    #list_contents_top li a .ttl.en{
      padding-top:3.5vw; 
    }
    
    #list_contents_top li a .body{
        font-size:2.93vw; 
    }
    
    #list_bnr_col4 li,
    #list_bnr_col4 li:nth-child(5),
    #list_bnr_col4 li:nth-child(6){
        margin-bottom:3.33vw;   
    }
    
    
    #list_bnr_col4 li:nth-child(7),
    #list_bnr_col4 li:nth-child(8){
        margin-bottom:0;   
    }  
    
    #list_contents_top li.bg1 a .bg,
	#list_contents_top li.bg2 a .bg{
		display: none;
	}
	#list_contents_top li a:hover .bg{
		display: none;
	}
    
    .mf_finder_searchBox_misc{
        display:block !important;
        position:relative;
        top:auto;
        margin-left:0px;
    }   
    
    .mf_finder_searchBox_selects label{
     
    }
    .mf_finder_searchBox_selects{
        margin-top:2vw !important;
    }
}

.mf_finder_organic_wrapper *{
    word-break:break-all !important;   
}

.mf_finder_organic_range_from:before {content: "" !important;}
.mf_finder_organic_total:before  {content: "件中" !important;}
.mf_finder_organic_total:after  {content: "件" !important;}
.mf_finder_query:before {content: '" ' !important;}
.mf_finder_query:after {content: '" の検索結果' !important;}

.mgT20{
  margin-top:20px !important;
} 

@media only screen and (max-width:1150px) {
  .mgT20{
    margin-top:1.3vw !important;
  }
}

@media (max-width:768px) {
  .mgT20{
    margin-top:2.6vw !important;
  } 
}


/******************** /2020.02 edit ******************************/

/******************** 2021.08 sns ******************************/

#contents_sub .share_icon{
  max-width:1080px !important;
  margin:125px auto 0;
  display:flex;
  justify-content:flex-end; 
}

#contents_sub .share_icon.news.pc{
  margin-top:0 
}

#contents_sub .solution_block08  .share_icon{
  margin-top:0; 
}

#contents_sub .share_icon li,
#contents_sub.list_auto .share_icon li,
#contents_sub.case_detail .share_icon li{
  width:35px;
  margin-right:15px; 
  list-style:none !important;
  margin-left:0 !important;
}

#contents_sub .share_icon li:last-child{
  margin-right:0; 
}

#contents_sub .solution_block08{
  padding-bottom:30px; 
}

#contents_sub.pb_min{
  padding-bottom:0px; 
}

@media only screen and (max-width:1150px) {
  #contents_sub .solution_block08.first {
    padding-bottom: 4.33vw;
  }
  
  #contents_sub .solution_block08  .share_icon{
    margin-top:2.6vw; 
  }
  
  #contents_sub.pb_min{
    padding-bottom:0vw; 
  }
  
  #contents_sub .share_icon li,
  #contents_sub.list_auto .share_icon li,
  #contents_sub.case_detail .share_icon li{
    width:6.3vw;
    margin-right:4vw; 
  }
  
  #contents_sub .share_icon li img,
  #contents_sub.list_auto .share_icon li  img,
  #contents_sub.case_detail .share_icon li  img{
    width:100%;
    height:auto;
  }
}

@media (max-width:768px) {
    #contents_sub .share_icon,
    #contents_sub .solution_block08  .share_icon{
      margin:8vw auto 5.3vw;
      justify-content:center;
    }
    
    #contents_sub .share_icon.mb0,
    #contents_sub .solution_block08  .share_icon.mb0{
      margin-bottom:0;
    }
    
    #contents_sub .share_icon li{
      margin-right:4vw; 
      width:9.3vw;
    }
    
    #contents_sub .share_icon.news li{
      margin-right:4vw; 
      width:7.32vw;
    }
    
    #contents_sub .share_icon li:last-child{
      margin-right:0; 
    }
    
    #contents_sub.pb_min{
      padding-bottom:0; 
    }
    
    #contents_sub .share_icon.sp.news{
      margin:1.6vw auto 2vw;
      justify-content:flex-end;
    }
}

/******************** /2021.08 sns ******************************/