@charset "utf-8";

/*------------------------------------------------------------------*/
/*   2025-07-23 update   */
/*------------------------------------------------------------------*/

/* Normalize (Start) ----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

img{
	border: none;
	margin: 0px;
	padding: 0px;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

input, textarea,{
	margin: 0;
	padding: 0;
	}

input, select {
	vertical-align: middle;
	}

/*input[type="radio"] {
	vertical-align: text-bottom;
	}
input[type="checkbox"] {
	vertical-align: bottom;
	 *vertical-align: baseline;
}*/

ol, ul{
	list-style:none;
	}

table{
	border-collapse: collapse; 
	border-spacing:0;
	}

caption, th{ text-align: left;}

a:focus {outline:none;}
a {text-decoration:none;}

/* Float Crear */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
	}

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/* Normalize (End) ----------------------------------------------- */



/* common style -------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');

.clearfix:before,
.clearfix:after{
	content:" ";
	display:table;
	}

.clearfix:after{
	clear: both;
	}

.clearfix{
	*zoom:1;
	}

html{
	min-height:100%;
	position:relative;
	}



body{
	font-family:'Avenir','Helvetica neue','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background:#ffffff;
	color:#111111;
	text-align:center;
	font-size:15px;
	line-height:22px;
	}



header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
min-width:1280px;
	background-color:#ffffff;
	background-position:0 0;
	z-index:9999;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	}

header .inner{
width:1280px;
margin:0px auto 0px auto;
text-align:center;
	position:relative;
	padding:0 0;
	}

footer .inner{
	position:relative;
	margin:0 auto;
	padding:0 0;
	}

header .headlogo{
	position:relative;
	width:198px;
	float:left;
	padding-top:0.5em;
	margin-right:83px;
	}

.headlogo h1 a{
	background:url("../../images/hd_logo.png") no-repeat 0 0;
	width:198px;
	height:112px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	}

#header nav{
	float:left;
	}

#header nav li{
	display:inline-block;
	line-height:1.2em;
	}

#header nav li a{
	font-size:14px;
	display:block;
	}

#header nav li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	}

#header nav .outLink ul{
	float:right;
	position:relative;
	max-height:40px;
	overflow:hidden;
	margin-bottom:25px;
	}

#header nav .outLink li{
	vertical-align: middle;
	}

#header nav .outLink li:first-child,
#header nav .outLink li:nth-child(2){
	padding: 0 2em;
	position: relative;
	}

#header nav .outLink li:nth-child(2)::before{
	content:'/';
	position:absolute;
	top:0;
	left:0;
	color:#bbbbbb;
	}

#header nav .outLink li a{
	position:relative;
	font-weight:bold;
	}

#header nav .outLink li a:hover{
	text-decoration:underline;
	}

#header nav .outLink li a i.fa-envelope{
	margin-right:5px;
	}

#header nav .outLink li a i.fa-caret-right{
	margin-right:5px;
	color:#ffd200;
	}

#header nav .outLink li.btn a{
	margin-left:1em;
	width:200px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url("../../images/hd_btn_en.png") no-repeat 0 0;
	}

#header nav .outLink li.btn a:hover{
	background:url("../../images/hd_btn_en_hover.png") no-repeat 0 0;
	}

#header #navi{
	width: 999px;
	height:65px;
	position:relative;
	}

#header #navi li{
	float:left;
	}

#header #navi li a{
	position:relative;
	width:170px;
	height:59px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url("../../images/brain_navi.png");
	background-position:0 0;
	background-repeat:no-repeat;
	}

#header #navi li a:hover,
#header #navi li a.active{
	height:65px;
	}



#header #navi li.nav01 a{
	width:150px;
	background-position:0 0;
	}

#header #navi li.nav02 a{
	width:150px;
	background-position:-150px 0px;
	}

#header #navi li.nav03 a{
	width:125px;
	background-position:-300px 0px;
	}

#header #navi li.nav04 a{
	width:110px;
	background-position:-425px 0px;
	}

#header #navi li.nav05 a{
	width:115px;
	background-position:-535px 0px;
	}

#header #navi li.nav06 a{
	width:120px;
	background-position: -650px 0px;
	}

#header #navi li.nav07 a{
	width:120px;
	background-position:-770px 0px;
	}

#header #navi li.nav08 a{
	width:109px;
	background-position:-890px 0px;
	}



.breadclumb{
	width:100%;
	background:#ffbe00;
	padding:2em 0;
	}

.breadclumb ul{
	max-width:1280px;
	overflow:hidden;
	margin:0 auto;
	}

.breadclumb li{
	font-size:12px;
	color:#000000;
	text-align:left;
	float:left;
	}

.breadclumb li a{
	color:#000000;	
	position:relative;
	padding-right:14px;
	}

.breadclumb li a::after{
	content: '>';
	position:absolute;
	top:0;
	right:0;
	}

#footer{
	width:100%;
	margin:30px auto 30px auto;
	min-height:100px;
	}

#footer .copyright{
	width:800px;
	margin:0px auto 0px auto;
	text-align:center;
	}

#footer .copyright p{
	width:800px;
	margin:0px auto 0px auto;
	color:#666666;
	font-size:11px;
	line-height:2.0;
	}


.bottom_link{
	width:800px;
	margin:30px auto 30px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	}

.bottom_credit{
	width:800px;
	height:110px;
	margin:10px auto 30px 0px;
	padding:10px 0px 30px 0px;
	background-image:url("../images/btoc_bottom_bg.png");
	background-repeat:no-repeat;
	}

dl.bottom_credit_set{
	margin:10px 0px 0px 220px;
	}

dl.bottom_credit_set dt{
	margin:0px 0px 0px 0px;
	font-family:'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:24px;
	font-weight:600;
	line-height:30px;
	color:#000000;
	}

dl.bottom_credit_set dd{
	margin:10px 0px 0px 0px;
	font-family:'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	color:#000000;
	}

#pageTop a{
	position:fixed;
	bottom:60px;
	right:0;
	display:block;
	width:60px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url("../../images/pagetop.png") no-repeat;
	z-index:111;
	}


/* 固定ローカルナビ ------------------------------------------*/

#local_navi{
	margin:0px 0px 0px 0px;
	height:100%;
	width:300px;
	background-color:#ffffff;
	position:fixed;
	z-index:200;
	}

#local_navi a:link span,
#local_navi a:visited span{
	margin:0px 0px 0px 0px;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition: all .5s;
	transition: all .5s;
	}

#local_navi a:hover span,
#local_navi a:active span{
	margin:0px 0px 0px 0px;
	opacity:0.70;
	filter:alpha(opacity=70);
	-webkit-transition: all .5s;
	transition: all .5s;
	}



/* 本文 ------------------------------------------------------*/

#wrapper{
	background-color:#ffffff;
	}

#contents_top{
	width:100%;
	margin:130px auto 0;
	padding:0px 0px 0px 0px;
	line-height:1.5;
	min-height:500px;
	position:relative;
	background-color:#f4f2e9;
	}

#contents{
	width:100%;
	margin:0px auto 0;
	padding:0px 0px 0px 0px;
	line-height:1.5;
	min-height:500px;
	position:relative;
	background-color:#f4f2e9;
	}

div.pageMain{
	position: relative;
	width:100%;
	margin:0 auto;
	top: 0;
	}

.pageMain_inner{
	position: relative;
	width: 850px;
	margin:0px auto 0px auto;
	text-align:left;
	padding:30px 0px 0px 300px;
	z-index: 10;
	}

.page_movie{
	margin:10px auto 10px auto;
	}

.page_movie_2{
	margin:10px auto 10px auto;
	}



/* GTMコンバージョンボタン用:Start */
button{
	display:inline;
	margin:0;
	padding:0;
	border:none;
/*	background-color:tranparent;*/
	background-color:rgba(255,255,255,0);
	}
a button{
	cursor:pointer;
	}
/* GTM:End */

.info_bottom{
	position:fixed;
	bottom:0px;
	left:0;
	display:block;
	width:310px;
	height:220px;
	z-index:122;
	}


/* バナー欄のみサイズ変更 2023-10-15から4列に変更 -------*/

.banner_area{
	width:820px;
	margin:0px auto 0px -25px;
	padding:0px 20px 0px 0px;
	}

table.banner{
	margin:0px 10px 20px 0px;
	text-align:center;
	border-collapse:separate;
	border-spacing:10px;
	}

table.banner td{
	background-color:#ffffff;
	padding:7px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	}

table.banner td.banner_heading{
	background-color:transparent;
	padding:10px 0px 10px 0px;
	text-align:center;
	vertical-align:middle;
	}

table.banner td.banner_more{
	background-color:#99bbee;
	color:#ffffff;
	font-size:18px;
	padding:5px 0px;
	text-align:center;
	vertical-align:middle;
	}

table.banner td.blanc{
	background-color:transparent;
	padding:5px 0px;
	text-align:center;
	vertical-align:middle;
	}



/* プレスリリース・リスト設定 (2024/06/23) ------------------*/

.pr_area{
	width:800px;
	margin:0px auto 0px 0px;
	padding:0px 0px 0px 0px;
	}

ul.pr_list{
	margin:0px 0px 0px 0px;
	}

ul.pr_list li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}

ul.pr_list li .pr_date{
position:absolute;
	margin:0px 0px 5px -160px;
	padding:0px 0px 0px 0px;
	}

ul.pr_list li a:link,
ul.pr_list li a:visited{
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 180px;
	background-color:#ffffff;
	border-radius:6px;
	font-size:16px;
	line-height:24px;
	color:#000000;
	text-align:left;
	}

ul.pr_list li a:hover,
ul.pr_list li a:active{
	
	}



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

.bold{font-weight:600;}
.fs-09{font-size:.9244em;}
.fs-08{font-size:.8466em;}
.fs-07{font-size:.7886em;}
.fs11{font-size:11px;}
.fs14{font-size:14px;}
.fs16{font-size:16px}
.fs18{font-size:18px;}
.fc-dkbl{ color:#00699a;}
.fc-bk{ color:#111111;}
.fc-green{color:#32b16c;}
.fc-yellow{color:#ffbe00;}
.fc-orange{color:#f19149;}
.fc-red{color:#dd0000;}
.fc-purple{color:#ff66cc;}
.font-robot{font-family:'Roboto', sans-serif;}
.txt-l{ text-align:left;}

.pdtb-10{padding:1em 0;}
.pdtb-20{padding:2em 0;}
.mgt20{ margin-top:20px}
.mgt30{ margin-top:30px}
.mgb10{ margin-bottom:10px;}
.mgr5{margin-right:5px;}
.mgl5{margin-left:5px;}
.pd10{ padding:10px 0;}
.pd20{padding:20px 0;}
.pdt10{ padding:10px 0 0;}
.pdt20{ padding:20px 0 0;}
.pdt30{ padding:30px 0 0;}
.pdb10{ padding:0 0 10px;}
.pdb20{ padding:0 0 20px;}
.f-left{float:left;}
.f-right{float:right;}



/*----------------------------------------------------------*/
/* 動画サムネールスライダー設定　(2025/06/22 update) */
/*----------------------------------------------------------*/

/* 動画サムネイル・スライダー (2025/06/22) ------------------*/

ul.slider_movie{
	width:820px;
	margin:0px auto 0px -12px;
	}

ul.slider_movie li{
	margin:0px 10px 0px 0px;
	}

ul.slider_movie li a:link,
ul.slider_movie li a:visited{
	display:block;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition: all .3s;
	transition: all .3s;
	}

ul.slider_movie li a:hover,
ul.slider_movie li a:active{
	display:block;
	opacity:0.70;
	filter:alpha(opacity=70);
	-webkit-transition: all .3s;
	transition: all .3s;
	}

/* バナー・スライダー (2025/06/22) ------------------*/

ul.slider_banner{
	width:800px;
	margin:0px auto 0px -5px;
	}

ul.slider_banner li span{
	width:180px;
	height:110px;
	background-color:#ffffff;
	display:block;
	}

ul.slider_banner li span.wide img{
	width:180px;
	padding:5px 0px 5px 0px;
	}

ul.slider_banner li span.tight img{
	width:180px;
	padding:15px 0px 10px 0px;
	}


/*横幅94%で左右に余白を持たせて中央寄せ*/
.slider_movie{
	width:94%;
	margin:20px auto 0px auto;
	}

/*スライダー内の画像を横幅100%に*/
.slider_movie img{
	width:100%;
	height:auto;
	}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider_movie .slick-slide {
	margin:0 10px;
	}


/*横幅94%で左右に余白を持たせて中央寄せ*/
.slider_banner{
	width:94%;
	margin:20px auto 0px auto;
	}

/*スライダー内の画像を横幅100%に*/
.slider_banner img {
	width:100%;
	height:auto;
	}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider_banner .slick-slide {
	margin:0 10px;
	}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next{
	position: absolute; /*絶対配置にする*/
	top:30%;
	cursor: pointer; /*マウスカーソルを指マークに*/
	outline: none; /*クリックをしたら出てくる枠線を消す*/
	border-top: 2px solid #666; /*矢印の色*/
	border-right: 2px solid #666; /*矢印の色*/
	height: 15px;
	width: 15px;
	}

/*戻る矢印の位置と形状*/
.slick-prev{
	left:-1.5%;
	transform:rotate(-135deg);
	}

/*次へ矢印の位置と形状*/
.slick-next {
	right: -1.5%;
	transform: rotate(45deg);
	}

/*ドットナビゲーションの設定*/

.slick-dots{
	text-align:center;
	margin:20px 0 0 0;
	}

.slick-dots li{
	display:inline-block;
	margin:0 5px;
	}

.slick-dots button{
	color: transparent;
	outline: none;
	width:8px; /*ドットボタンのサイズ*/
	height:8px; /*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#cccccc; /*ドットボタンの色*/
	}

/*ドットボタンの現在地表示の色*/
.slick-dots .slick-active button{
	background:#333333;
	}