@charset "UTF-8";

/*logo*/
body>header>div>a:link,
body>header>div>a:visited{
	display:block;
	height:25px;
	margin:27px 0 0;
	font-size:20px;
	line-height:1;
	float:left;
}

body>header>div>a img{
	width:auto;
	height:100%;
	vertical-align:bottom;
}

@media only screen and (max-width:1200px){
	/*logo*/
	body>header>div>a:link,
	body>header>div>a:visited{
		width:180px;
		height:auto;
		margin:25px 0 0;
	}
}

@media only screen and (max-width:900px){
	body>header>div>a:link,
	body>header>div>a:visited{
		height:20px;
		margin:18px 0 0;
	}
}

@media only screen and (max-width:660px){
	body>header>div>a:link,
	body>header>div>a:visited{
		height:20px;
		margin:15px 0 0;
	}
}

/*マテリアル*/

.nowrap{
	white-space:nowrap;
}

/*====================サブページテンプレート====================*/

/*sub01キービジュアル*/
#sub01 #sub_key_area{
	height:250px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
	z-index:-1;
}

#sub01 #sub_key_area h1{
	margin:0;
	padding:30px 30px 30px 50px;
	background-color:#00a2ed;
	color:#fff;
	font-size:30px;
	letter-spacing:0.05em;
	line-height:1;
	font-weight:normal;
	position:absolute;
	top:20%;
	left:0;
	display:table;
}

#sub01 #sub_key_area h1 span{
	display:block;
	margin:0 0 12px;
	font-size:15px;
}

#sub01 #sub_key_area h1:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 117px 80px 0 0;
    border-color: #00a2ed transparent transparent transparent;
    position: absolute;
    top: 0;
    right: -80px;
}

@media only screen and (max-width:660px){
	#sub01 #sub_key_area h1{
		padding:25px;
		font-size:22px
	}
	#sub01 #sub_key_area h1:after {
		border-width: 94px 60px 0 0;
    	right: -60px;
	}
	
	#sub01 #sub_key_area h1 span{
		margin:0 0 10px;
		font-size:12px;
	}
	
	#sub01 #sub_key_area h1 img{
		height:40px;
	}
}

@media only screen and (max-width:550px){
	#sub01 #sub_key_area h1{
		padding:20px;
		font-size:20px;
	}
	#sub01 #sub_key_area h1:after {
		border-width: 82px 50px 0 0;
    	right: -50px;
	}
}

@media only screen and (max-width:460px){
	#sub01 #sub_key_area h1{
		top:0%;
	}
}


/*sub01採用キービジュアル*/
#sub01 .recruit #sub_key_area h1{
	background:linear-gradient(135deg, #ff9933, #ff7166);
}
#sub01 .recruit #sub_key_area h1:after{
	content:none;
}


/*sub02キービジュアル*/
#sub02 #sub_key_area{
	height:200px;
	position:relative;
	z-index:-1;
}

#sub02 #sub_key_area h1{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:30px 30px 40px;
	color:#00a2ed;
	text-align:center;
	text-indent:0.1em;
	letter-spacing:0.1em;
	font-size:40px;
	line-height:1.2em;
	font-weight:normal;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#sub02 #sub_key_area h1 span{
	display:block;
	margin:0 0 10px;
	font-size:18px;
}

/*sub02採用キービジュアル*/
#sub02 .recruit #sub_key_area h1{
	color:#ff7f75;
}

#sub02 .recruit #sub_key_area h1 span{
	color:#ffa347;
}

/*sub03キービジュアル*/
#sub03 #sub_key_area{
	height:400px;
	background-size:cover;
	background-position:center center;
	position:relative;
	z-index:-1;
}

#sub03 #sub_key_area h1{
	margin:0;
	padding:10px 20px;
	background-color:#005087;
	border-left:6px solid #8ad8ec;
	color:#fff;
	text-align:left;
	text-indent:0.1em;
	letter-spacing:0.05em;
	font-size:36px;
	line-height:1.2em;
	font-weight:normal;
	position:absolute;
	top:25%;
	left:5%;
}

#sub03 #about03 #sub_key_area h1,#sub03 #about02 #sub_key_area h1,#sub03 #aboutatox #sub_key_area h1{
	color:#fff;
	top:10%;
	left:7%;
}

#sub03 #sub_key_area h1 span{
	display:block;
	margin:5px 0 0;
	font-size:14px;
	line-height:1.4;
	color:#8ad8ec;
}


@media only screen and (max-width:660px){
	/*sub02キービジュアル*/
	#sub02 #sub_key_area{
		height:150px;
	}
	
	#sub02 #sub_key_area h1{
		padding:20px;
		font-size:22px;
	}
	
	#sub02 #sub_key_area h1 span{
		margin:0 0 10px;
		font-size:13px;
	}
	
	#sub03 #sub_key_area h1{
		width:100%;
		box-sizing:border-box;
		margin:0;
		padding:10px;
		text-align:left;
		text-indent:0.1em;
		letter-spacing:0.05em;
		font-size:24px;
		line-height:1.2em;
		font-weight:normal;
		position:absolute;
		top:0%;
		left:0%;
	}
	
	#sub03 #sub_key_area{
		height:350px;
		padding:80px 0 0;
	}
	
	#sub03 #about03 #sub_key_area h1,#sub03 #about02 #sub_key_area h1,#sub03 #aboutatox #sub_key_area h1{
		color:#fff;
		top:0%;
		left:0%;
		width:65%;
}


}

/*===ページごとKV===*/
/*原子燃料サイクル関連事業KV*/
#business01 #sub_key_area{
	background-image:url(../business/business01/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*原子燃料サイクル関連事業KV*/
	#business01 #sub_key_area{
		background-image:url(../business/business01/img/key_bg-.jpg);
	}
}

/*原子燃料サイクル関連事業KV*/
#business02 #sub_key_area{
	background-image:url(../business/business02/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*原子燃料サイクル関連事業KV*/
	#business02 #sub_key_area{
		background-image:url(../business/business02/img/key_bg-.jpg);
	}
}

/*福島復興事業KV*/
#business03 #sub_key_area{
	background-image:url(../business/business03/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*福島復興事業KV*/
	#business03 #sub_key_area{
		background-image:url(../business/business03/img/key_bg-.jpg);
	}
}

/*RI・ライフサイエンス事業KV*/
#business04 #sub_key_area{
	background-image:url(../business/business04/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*RI・ライフサイエンス事業KV*/
	#business04 #sub_key_area{
		background-image:url(../business/business04/img/key_bg-.jpg);
	}
}
/*機器物品販売事業KV*/
#business05 #sub_key_area{
	background-image:url(../business/business05/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*RI・ライフサイエンス事業KV*/
	#business05 #sub_key_area{
		background-image:url(../business/business05/img/key_bg-.jpg);
	}
}

/*企業アドバンテージKV*/
#about01 #sub_key_area{
	background-image:url(../about/advantage/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*企業アドバンテージKV*/
	#about01 #sub_key_area{
		background-image:url(../about/advantage/img/key_bg-.jpg);
		background-position:center right -70px;
	}
}

/*信頼の源泉KV*/
#about02 #sub_key_area{
	background-image:url(../about/trust/img/key_bg.jpg);
}

@media only screen and (max-width:1023px){
	/*信頼の源泉KV*/
	#about02 #sub_key_area{
		background-image:url(../about/trust/img/key_bg--.jpg);
		background-position:center right;
	}
}

@media only screen and (max-width:660px){
	/*信頼の源泉KV*/
	#about02 #sub_key_area{
		background-image:url(../about/trust/img/key_bg-.jpg);
		background-position:center right;
	}
}

/*未来への挑戦KV*/
#about03 #sub_key_area{
	background-image:url(../about/challenge/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*未来への挑戦KV*/
	#about03 #sub_key_area{
		background-image:url(../about/challenge/img/key_bg-.jpg);
		background-position:center right;
	}
}

/*技術開発センターKV*/
#technologydevelopment_center #sub_key_area{
	background-image:url(../facility/technologydevelopment_center/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*技術開発センターKV*/
	#technologydevelopment_center #sub_key_area{
		background-image:url(../facility/technologydevelopment_center/img/key_bg-.jpg);
	}
}

/*技能訓練センターKV*/
#skilltraining_center #sub_key_area{
	background-image:url(../facility/skilltraining_center/img/key_bg.jpg);
}

@media only screen and (max-width:660px){
	/*技能訓練センターKV*/
	#skilltraining_center #sub_key_area{
		background-image:url(../facility/skilltraining_center/img/key_bg-.jpg);
	}
}

/*安倍KV*/
#member_abe #sub_key_area{
	background-image:url(../recruit/member/abe/img/key_bg.jpg);
	height:400px;
}

@media only screen and (max-width:660px){
	/*安倍KV*/
	#member_abe #sub_key_area{
		background-image:url(../recruit/member/abe/img/key_bg-.jpg);
	}
}

/*=====パンくず=====*/

#topicpath01{
	padding:10px 30px;
}

#sub01 #topicpath01{
	background-color:#f6f6f6;
}

#sub02 #topicpath01{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#topicpath01 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#666;
	letter-spacing:0.1em;
	font-size:11px;
	line-height:1.6;
}

#topicpath01 ul li{
	display:inline-block;
	padding:0 44px 0 0;
	background-image:url(../img/interface/topicpath_arrow01.svg);
	background-repeat:no-repeat;
	background-size:8px 10px;
	background-position:right 18px center;
}

#topicpath01 ul li:last-child{
	padding:0;
	background-image:none;
}

#topicpath01 ul li a:link,
#topicpath01 ul li a:visited{
	color:#666;
	text-decoration:none;
}

#topicpath01 ul li a:hover,
#topicpath01 ul li a:active{
	text-decoration:underline;
}

#topicpath02{
	padding:10px 30px;
	background-color:#00a2ed;
}

#topicpath02 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#fff;
	letter-spacing:0.1em;
	font-size:11px;
	line-height:1.6;
}

#topicpath02 ul li{
	display:inline-block;
	padding:0 44px 0 0;
	background-image:url(../img/interface/topicpath_arrow02.svg);
	background-repeat:no-repeat;
	background-size:8px 10px;
	background-position:right 18px center;
}

#topicpath02 ul li:last-child{
	padding:0;
	background-image:none;
}

#topicpath02 ul li a:link,
#topicpath02 ul li a:visited{
	color:#fff;
	text-decoration:none;
}

#topicpath02 ul li a:hover,
#topicpath02 ul li a:active{
	text-decoration:underline;
}

@media only screen and (max-width:660px){
	#topicpath01,
	#topicpath02{
		padding:10px 20px;
	}
	
	#topicpath01 ul,
	#topicpath02 ul{
		font-size:10px;
	}
}

/*=====タイトル=====*/
.subtitle{
	margin:0 0 30px;
	padding:10px 12px 12px;
	border-bottom:4px solid #005087;
	background-color:#00a2ed;
	color:#fff;
	font-size:22px;
	line-height:1.4;
	position:relative;
	font-weight:normal;
}

.subtitle1{
	margin:0 0 30px;
	padding:0;
	color:#005087;
	letter-spacing:0.1em;
	font-size:22px;
	line-height:1.4;
}


.subtitle2{
	margin:0 0 20px;
	color:#ffa336;
	letter-spacing:0.1em;
	font-size:20px;
	line-height:1.4;
}

.subtitle3{
	margin:0 0 60px;
	color:#005087;
	text-align:center;
	letter-spacing:0.05em;
	font-size:27px;
	line-height:1.5;
}

.subtitle4{
	display:table;
	margin:0px;
	padding:0 10px;
	background-color:#fff;
	color:#005087;
	letter-spacing:0.1em;
	font-size:18px;
	line-height:1.2em;
	position:relative;
	top:-40px;
	left:-10px;
}

.subtitle5{
	margin:0 0 30px;
	padding:10px;
	color:#0080ed;
	border-bottom:1px solid #0080ed;
	border-top:1px solid #0080ed;
	letter-spacing:0.1em;
	font-size:15px;
	line-height:1.5em;
}

.subtitle6{
	margin:10px 0 15px;
	color:#005087;
	font-size:16px;
	line-height:1.2;
}

.subtitle_table{
	margin:0px 0;
	color:#333;
	font-size:15px;
	line-height:1.4;
}

@media only screen and (max-width:660px){
	.subtitle{
		margin:0 0 30px;
		padding:8px 8px 10px;
		font-size:18px;
	}
	
	.subtitle2{
		margin:0 0 20px;
		font-size:17px;
	}
	
	.subtitle3{
		margin:0 0 18px;
		font-size:22px;
	}
	.subtitle6{
		font-size:15px;
	}
}

/*=========sub_contents_area==========*/

#sub_contents_area{
	padding:90px 30px 200px;
}

@media only screen and (max-width:660px){
	#sub_contents_area{
		padding:50px 20px 100px;
	}
}

/*=====sub_lead_area=====*/

#sub_lead_area{
	max-width:900px;
	margin:0 auto 90px;
}

#sub_lead_area h2{
	margin:0 0 25px;
	color:#005087;
	text-align:center;
	letter-spacing:0.05em;
	font-size:27px;
	line-height:1.5;
}

#sub_lead_area #title_strong{
	font-size:40px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝';
}

#sub_lead_area p{
	margin:0 0 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:16px;
	line-height:1.9;
}

@media only screen and (max-width:800px){
	#sub_lead_area #title_strong{
		font-size:30px;
	}
}

@media only screen and (max-width:660px){
	#sub_lead_area{
		margin:0 auto 50px;
	}
	
	#sub_lead_area h2{
		margin:0 0 18px;
		font-size:22px;
	}
	
	#sub_lead_area #title_strong{
		font-size:26px;
	}
	
	#sub_lead_area #title_strong br{
		display:none;
	}

	#sub_lead_area p{
		font-size:15px;
		line-height:1.9;
	}
}


/*=====sub_2column_area=====*/

#sub_2column_area{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#sub_2column_area>div{
	width:calc(100% - 360px);
	float:left;
}

#sub_2column_area>aside{
	width:300px;
	float:right;
}


@media only screen and (max-width:1023px){
	#sub_2column_area>div{
		width:100%;
		margin:0 0 50px;
		float:none;
	}
	
	#sub_2column_area>aside{
		width:100%;
		float:none;
	}
}


/*レイアウト関連*/
#sub_2column_area>div>section{
	margin:0 0 80px;
}

#sub_2column_area>div>section:last-of-type{
	margin:0;
}

#sub_2column_area>div>section>section{
	margin:60px 0;
}

#sub_2column_area>div>section>section:last-of-type{
	margin:60px 0 0;
}

#sub_2column_area>div>section>section>div{
	margin:0 0 40px;
}

#sub_2column_area>div>section>section>div p{
	margin:0 0 0px;
	font-size:15px;
	line-height:2;
	text-align:justify;
}


#sub_2column_area>div>section p.attention{
	font-size:13px;
	line-height:1.4;
}

#sub_2column_area>div>section>div#mapimage{
	text-align:center;
}

#sub_2column_area>div>section>div#mapimage-sp{
	display:none;
}

@media only screen and (max-width:660px){
	#sub_2column_area>div>section>div#mapimage{
		display:none;
	}
	
	#sub_2column_area>div>section>div#mapimage-sp{
		display:block;
	}
	#sub_2column_area>div>section>div#mapimage-sp>img{
		width:100%;
	}
}

/*テキスト関連*/
.text_area{
	margin:30px 0;
}

.text_area:first-child{
	margin:0 0 30px;
}

.text_area:last-child{
	margin:30px 0 0;
}

.text_area p{
	margin:0 0 40px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:15px;
	line-height:2;
}

p.align_right{
	text-align:right;
}

/*画像カラム1*/
.image1{
	margin:30px 0;
}

.image1:first-child{
	margin:0 0 30px;
}

.image1:last-child{
	margin:30px 0 0;
}

.image1 img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.image1 figure{
	width:100%;
	margin:0;
}

.image1 figure figcaption{
	display:block;
	margin:18px 0 0;
	text-align:center;
	font-size:14px;
	line-height:1.4;
}

.image_chart{
	text-align:center;
	margin:0 0 30px;
}

.image_chart img{
	width:50%;
}

@media only screen and (max-width:660px){
	.image_chart img{
		width:100%;
	}
}

/*画像カラム2*/

.image2{
	width:calc(100% + 40px);
	position:relative;
	left:-20px;
	overflow:hidden;
	margin:0 0 40px;
}

.image2 figure,.image2>img{
	width:50%;
	margin:0;
	padding:0 20px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	font-size:13px;
	line-height:1.4;
}

.image2 figure img{
	width:100%;
	vertical-align:bottom;
	margin:0 0 10px;
}

@media only screen and (max-width:400px){
	.image2 figure{
		width:100%;
		padding:0 20px 20px;
	}
}

/*画像カラム3*/
.image3{
	width:calc(100% + 40px);
	position:relative;
	left:-20px;
	overflow:hidden;
}

.image3 figure,.image3>img{
	width:33.333%;
	margin:0;
	padding:0 20px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	font-size:13px;
	line-height:1.4;
}

.image3 figure img{
	width:100%;
	vertical-align:bottom;
	margin:0 0 10px;
}


@media only screen and (max-width:500px){
	.image3 figure,.image3>img{
		width:100%;
		margin:0 0 30px;
	}
}

/*テキストと画像2カラム*/
.text_image{
	margin:30px 0;
	overflow:hidden;
}

.text_image>div{
	float:left;
	width:55%;
	text-align:right;
}

.text_image p{
	margin:0 0 15px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:15px;
	line-height:2;
}

.text_image:first-child{
	margin:0 0 30px;
}

.text_image:last-child{
	margin:30px 0 0;
}

.text_image figure,.text_image>img{
	width:40%;
	margin:0 0 10px 30px;
	float:right;
	text-align:center;
	font-size:13px;
	line-height:1.4;
}

.text_image figure img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	margin:0 0 10px;
}

@media only screen and (max-width:400px){
	.text_image figure,.text_image>img{
		width:100%;
		margin:0 0 20px;
		float:none;
	}

}

#greeting_area{
	overflow:hidden;
	text-align:center;
}

#greeting_area>img{
	width:45%;
	float:left;
	margin:0 0 20px;
	vertical-align:bottom;
}

#greeting_area>div{
	width:50%;
	float:right;
	text-align:right;
}

#greeting_area div p{
	margin:0 0 1em;
	text-align:justify;
	font-size:15px;
	line-height:1.8;
}

#pic_sign{
	width:250px;
	margin:15px 0;
}

.subtitle_greetings{
	margin:0 0 20px;
	color:#005087;
	font-size:26px;
	font-weight:normal;
	line-height:1.4;
	text-align:left;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝';
}

@media only screen and (max-width:660px){
	#greeting_area>img{
		width:80%;
		float:none;
	}
	
	#greeting_area>div{
		width:100%;
		float:none;
	}

}
	
/*テーブルパターン1*/
.table01{
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.6;
}

.table01:last-child{
	margin:30px 0 0;
}

.table01 tr{
	border-bottom:1px solid #ccc;
}

.table01 tr th{
	width:150px;
	padding:15px 0;
	color:#005087;
	text-align:left;
	vertical-align:top;
}

.table01 tr td{
	padding:15px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	vertical-align:top;
}

.table01 tr:first-child th{
	padding:0 0 15px;
}

.table01 tr:first-child td{
	padding:0 0 15px;
}

/*テーブルパターン2*/
.table02{
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.4em;
}

#sub_2column_area section>div table.tablescroll{
	display:block;
	overflow-x:scroll;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.4em;
}

#sub_2column_area>div>section table.tablescroll{
	width:100%;
	margin:30px 0;
	border-collapse:collapse;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.4em;
}

.tablescroll tr th{
	padding:10px;
	color:#005087;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
}

.tablescroll tr td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ccc;
}

#sub_2column_area section>div tbody.tablescroll{
	width:100%;
	display:table;
}

.table02:last-child{
	margin:30px 0 0;
}

.table02 tr th{
	padding:10px;
	color:#005087;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
}

.table02 tr td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ccc;
}

.table02 thead th{
	background-color:#fafafa;
}

.table02 tr td>table tr th{
	padding:5px;
	border:none;
}

.table02 tr td>table tr td{
	padding:5px;
	border:none;
}

.table02 h4{
	margin:0 0px;
	font-size:15px;
}

.table02 p{
	margin:0 0 15px;
}

small.align_right{
	text-align:right;
	display:block;
	margin:-20px 0 20px; 
}

@media only screen and (max-width:660px){
	.table02{
		word-break:break-all;
		width:100% !important;
		box-sizing:border-box;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		letter-spacing:0.05em;
		font-size:14px;
		line-height:1.4em;
	}
	
	.table02 tr th{
		display:block;
		box-sizing:border-box;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #ccc;
		width:100% !important;
	}
	
	.table02 tr td{
		word-break:break-all;
		display:block;
		box-sizing:border-box;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #ccc;
		width:100% !important;
	}

	.company_table>tbody>tr>th,
	.company_table>tbody>tr>td{
		display:block;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #ccc;
	}
	
	#officer tr td{
		width:auto !important;
		display:table-cell;
	}
	
	#sub_2column_area section>div table.scroll tr th{
		display:block;
	}
	#sub_2column_area section>div table.scroll tr td{
		display:block;
	}

}

#scroll_btn{
	display:none;
}
	
@media only screen and (max-width:830px){
	#scroll_btn{
		display:block;
		width:120px;
		float:right;
		margin:10px 0 15px;
	}
}

/*リストパターン1*/
.worklist ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.6em;
}

.worklist ul li{
	margin:0 0 4px;
}

div.worklist{
	margin:0 0 40px;
	padding:30px 30px 0px; 
	border:1px solid #ccc;
	position:relative;
}

div.worklist ul,div.worklist p{
	position:relative;
	top:-20px;
	margin:0 0 5px;
}

.numberlist{
	margin:0;
	padding:0 0 20px;
	font-size:15px;
	line-height:1.6em;
}

.numberlist li{
	margin:0 0 10px 25px;
}

/*リストパターン1*/
.list_type01{
	margin:0 0 40px;
	padding:30px 30px 30px 50px;
	list-style-type:circle;
	border:1px solid #005087;
	font-size:16px;
	text-align:justify;
}

.list_type01 li{
	margin:0 0 10px;
}

.list_type02{
	list-style-type:circle;
	font-size:15px;
	padding:0 0 0 25px;
	margin:0 0 15px;
}

@media only screen and (max-width:660px){
	.list_type01{
		padding:20px 20px 20px 30px;
		border:1px solid #005087;
		font-size:15px;
	}
}

.linkarea{
	margin:0 0 60px 0;
	padding:0px;
	border:2px dotted #ffea36;
}

.anchorlink{
	margin:0;
	padding:20px 20px 10px;
	list-style-type:none;
	font-size:15px;
	line-height:1em;
	overflow:hidden;
}

.anchorlink li{
	float:left;
	margin:0 25px 10px 0;
	padding:0 0 0 15px;
	background-image:url("../img/interface/arrow_bottom.svg");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:10px;
}
	
.anchorlink li a{
	display:inline-block;
	line-height:1.8em;
}

.anchorlink li a:link,
.anchorlink li a:visited{
	color:#00a2ed;
	text-decoration:none;
}

.anchorlink li a:hover,
.anchorlink li a:active{
	text-decoration:underline;
}

.anchorlink li a sup{
	font-size:12px;
	vertical-align:top;
	line-height:1.8em;
}
	
ul.note{
		margin:0;
		padding:0;
		list-style-type:none;
		font-size:14px;
		color:#e51728;
}
	
ul.note li{
		padding:0 0 0 2em;
		text-indent:-2em;
}


@media only screen and (max-width:660px){
	/*レイアウト関連*/
	#sub_2column_area>div>section{
		margin:0 0 50px;
	}
	
	#sub_2column_area>div>section>section{
		margin:35px 0;
	}
	
	#sub_2column_area>div>section>section:last-of-type{
		margin:35px 0 0;
	}
	
	/*テキスト関連*/
	.text_area{
		margin:20px 0;
	}
	
	.text_area:first-child{
		margin:0 0 20px;
	}
	
	.text_area:last-child{
		margin:20px 0 0;
	}
	
	p{
		margin:0 0 10px;
		font-size:14px;
		line-height:1.8;
	}
	
	/*画像カラム1*/
	.image1{
		margin:20px 0;
	}
	
	.image1:first-child{
		margin:0 0 20px;
	}
	
	.image1:last-child{
		margin:20px 0 0;
	}
	
	.image1 figure figcaption{
		margin:10px 0 0;
		font-size:12px;
	}
	
	/*テーブルパターン1*/
	.table01{
		margin:20px 0;
		font-size:14px;
	}
	
	.table01:last-child{
		margin:20px 0 0;
	}
	
	.table01 tr{
		display:block;
	}
	
	.table01 tr th{
		display:block;
		width:100%;
		padding:15px 0 8px;
	}
	
	.table01 tr td{
		display:block;
		padding:0 0 15px;
	}
	
	.table01 tr:first-child th{
		padding:0 0 8px;
	}
}

/*=====iframe=====*/

.googlemap{
	width:100%;
}

@media only screen and (max-width:660px){
	.googlemap{
		height:300px;
	}
}

/*=====サービス案内=====*/

#service_area{
	padding:70px 50px 50px;
	border:1px solid #0080ed;
	position:relative;
}

#service_area h2{
	display:table;
	margin:0;
	padding:0 15px;
	background-color:#fff;
	color:#0080ed;
	letter-spacing:0.1em;
	font-size:20px;
	line-height:1;
	position:absolute;
	top:-10px;
	left:35px;
}

#service_area>article{
	margin:0 0 45px;
	overflow:hidden;
}

#service_area>article:last-child{
	margin:0;
}

#service_area>article img{
	width:15%;
	height:auto;
	vertical-align:bottom;
	float:left;
}

#service_area>article div{
	width:80%;
	float:right;
}

#service_area>article div h3{
	margin:0 0 20px;
	color:#0080ed;
	letter-spacing:0.1em;
	font-size:16px;
	line-height:1;
}

#service_area>article div p{
	margin:0;
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.6;
}

@media only screen and (max-width:1023px){
	#service_area{
		padding:50px 30px 30px;
		border:1px solid #0080ed;
		position:relative;
	}
	
	#service_area h2{
		font-size:18px;
		top:-9px;
		left:15px;
	}
	
	#service_area>article{
		margin:0 0 30px;
	}
	
	#service_area>article div h3{
		margin:0 0 15px;
	}
	
	#service_area>article div p{
		font-size:14px;
	}
}

@media only screen and (max-width:1023px){
	#service_area>article img{
		display:block;
		max-width:100px;
		width:100%;
		margin:0 auto 30px;
		float:none;
	}
	
	#service_area>article div{
		width:100%;
		float:none;
	}
	
	#service_area>article div h3{
		margin:0 0 20px;
		text-align:center;
	}
}

/*=====サイドナビ=====*/
#side_nav{
	border-top:5px solid #0080ed;
	border-bottom:5px solid #0080ed;
}

#side_nav .sidenav_title{
	margin:0 0 0 15px;
	padding:25px 0;
	letter-spacing:0.15em;
	font-size:17px;
	line-height:1;
}

#side_nav .sidenav_title a:link,
#side_nav .sidenav_title a:visited{
	color:#0080ed;
	text-decoration:none;
}

#side_nav .sidenav_title a span{
	display:inline-block;
	margin:0 0 0 10px;
	color:#000;
	letter-spacing:0.1em;
	font-size:10px;
}

#side_nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:0.05em;
	font-size:15px;
	line-height:1.5;
	font-weight:bold;
}

#side_nav ul li{
	border-top:1px solid #ccc;
}

#side_nav ul li a:link,
#side_nav ul li a:visited,
#side_nav ul li span{
	display:block;
	padding:25px 0 25px 40px;
	background-image:url(../img/interface/arrow_right03.svg);
	background-repeat:no-repeat;
	background-size:10px 10px;
	background-position:left 15px center;
	color:#000;
	text-decoration:none;
}

#side_nav ul li a:hover,
#side_nav ul li a:active,
#side_nav ul li span{
	color:#00a2ed;
}


@media only screen and (min-width:661px) and (max-width:1023px){
	#side_nav .sidenav_title{
		padding:20px 0;
		font-size:16px;
	}
	
	#side_nav ul{
		font-size:13px;
	}
	
	#side_nav ul li a:link,
	#side_nav ul li a:visited,
	#side_nav ul li span{
		padding:20px 0 20px 30px;
		background-position:left 10px center;
	}
}

@media only screen and (max-width:660px){
	#side_nav{
		border-top:3px solid #0080ed;
		border-bottom:3px solid #0080ed;
	}
	
	#side_nav .sidenav_title{
		font-size:16px;
	}
	
	#side_nav ul{
		font-size:14px;
	}
}

/*=====sub_2column_area END=====*/


/*=====sub_1column_area=====*/

#sub_1column_area{
	max-width:1000px;
	margin:0 auto;
}

#sub_1column_area>section{
	margin:0 0 60px;
}

#sub_1column_area .link_list{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:16px;
	line-height:1;
}

#sub_1column_area .link_list li{
	box-sizing:border-box;
	width:25%;
	padding:0 30px 30px 0;
}

#sub_1column_area .link_list li a:link,
#sub_1column_area .link_list li a:visited{
	color:#005087;
	text-decoration:none;
}

#sub_1column_area .link_list li a:hover,
#sub_1column_area .link_list li a:active{
	text-decoration:underline;
}

#sub_1column_area .link_list li span{
	display:inline-block;
	margin:0 0 0 10px;
	padding:5px 10px;
	border-radius:5px;
	background-color:#ff9933;
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	font-size:13px;
}

#sub_1column_area div{
	margin:0 0 80px;
}

@media only screen and (min-width:661px) and (max-width:1023px){
	#sub_1column_area .link_list{
		font-size:15px;
	}
	
	#sub_1column_area .link_list li{
		width:33.33333333%;
	}
	
	#sub_1column_area .link_list li span{
		font-size:12px;
	}
}

@media only screen and (max-width:660px){
	#sub_1column_area>section{
		margin:0 0 30px;
	}
	
	#sub_1column_area .link_list{
		font-size:14px;
	}
	
	#sub_1column_area .link_list li{
		width:50%;
		padding:0 20px 20px 0;
	}
	
	#sub_1column_area .link_list li span{
		font-size:11px;
	}
}

@media only screen and (max-width:450px){
	#sub_1column_area .link_list li{
		width:100%;
		padding:0 0 20px 0;
	}
}


/*=====sub_1column_area END=====*/


/*=====sub_index_area=====*/

#sub_index_area{
	max-width:1200px;
	margin:0 auto;
}

#sub_index_area .panel_btn_area{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	align-items:center;
	max-width:1200px;
	margin:0 auto;
	}

#sub_index_area .panel_btn_area.gihou{
	justify-content:left;
	align-items:stretch;
}

#sub_index_area .panel_btn_area.gihou>div{
	width:30%;
	margin:0 1.5% 20px;
	}
	

#sub_index_area .panel_btn_area article{
	display:flex;
	align-self:stretch;
	box-sizing:border-box;
	width:46%;
	margin:0 0 50px;
	}


#sub_index_area .panel_btn_area article.column_3{
	box-sizing:border-box;
	width:30%;
	margin:0 0 50px;
}



#sub_index_area .panel_btn_area article a:link,
#sub_index_area .panel_btn_area article a:visited{
	box-sizing:border-box;
	display:block;
	width:100%;
	padding:0 0 30px;
	border:1px solid #ccc;
	color:#000;
	text-decoration:none;
	transition:.3s;
	background-image:url(../img/interface/arrow_right02.svg);
	background-repeat:no-repeat;
	background-size:40px 10px;
	background-position:center bottom 20px;
}

#sub_index_area .panel_btn_area article a:hover,
#sub_index_area .panel_btn_area article a:active{
	opacity:0.8;
}

#sub_index_area .panel_btn_area article a img{
	width:100%;
	height:auto;
	margin:0;
	vertical-align:bottom;
}

#sub_index_area .panel_btn_area article a h3{
	margin:30px 0 20px;
	padding:0 6%;
	color:#005087;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:20px;
	line-height:1.2em;
	-webkit-transform: translate3d(0, 0, 0);
}

#sub_index_area .panel_btn_area article a p{
	margin:0;
	padding:0 6% 30px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:15px;
	line-height:1.8;
	-webkit-transform: translate3d(0, 0, 0);
}

#sub_index_area .panel_btn_area article a p.center{
	text-align:center;
}

@media only screen and (max-width:950px){
	#sub_index_area .panel_btn_area article a p.center{
		text-align:justify;
	}
	#sub_index_area .panel_btn_area article a p.center br{
		display:none;
	}
}

#sub_index_area #home_business05{
	padding:0;
}



@media only screen and (max-width:800px){
	#sub_index_area .panel_btn_area article a h3{
		margin:25px 0 15px;
		font-size:17px;
	}
	
	#sub_index_area .panel_btn_area article a p{
		padding:0 6% 25px;
		font-size:13px;
	}
}

@media only screen and (max-width:660px){
	#sub_index_area .panel_btn_area article{
		width:100%;
		margin:0 0 30px 0;
	}	
	#sub_index_area .panel_btn_area article a h3{
		margin:25px 0 15px;
		font-size:17px;
	}
	
	#sub_index_area .panel_btn_area article a p{
		padding:0 6% 25px;
		font-size:13px;
	}
	#sub_index_area .panel_btn_area article.column_3{
		width:100%;
		margin:0 0 30px;
	}

}


/*=====3カラム=====*/

#sub_index_area .panel_btn_area>div{
	box-sizing:border-box;
	width:30%;
	margin:0 0 30px 0;
}

#sub_index_area .panel_btn_area>div a:link,
#sub_index_area .panel_btn_area>div a:visited{
	box-sizing:border-box;
	display:block;
	height:100%;
	padding:0;
	border:1px solid #ccc;
	color:#000;
	text-decoration:none;
	transition:.3s;
}

#sub_index_area .panel_btn_area>div a:hover,
#sub_index_area .panel_btn_area>div a:active{
	opacity:0.8;
}

#sub_index_area .panel_btn_area>div a img{
	width:100%;
	height:auto;
	margin:0;
	vertical-align:bottom;
}

#sub_index_area .panel_btn_area>div a h3{
	margin:20px 0;
	padding:0 6% 25px;
	color:#005087;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.1em;
	font-size:15px;
	line-height:1.2em;
	-webkit-transform: translate3d(0, 0, 0);
	background-image:url(../img/interface/arrow_right02.svg);
	background-repeat:no-repeat;
	background-size:30px 8px;
	background-position:center bottom;
}

@media only screen and (max-width:660px){
		#sub_index_area .panel_btn_area>div{
			box-sizing:border-box;
			width:48%;
			margin:0 0 15px 0;
		}
}
/*=====sub_index_area END=====*/


#history_area table img{
	width:300px;
	margin:10px 0;
}

#history_area table img.pic_small{
	width:160px;
}

#history_area table{
	width:100%;
	border-collapse:collapse;
}

#history_area table th{
	padding:20px 20px 20px 0;
	border-bottom:1px solid #eee;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	font-size:40px;
	font-family:Times,serif;
	font-weight:400;
	font-style:italic;
	color:#fda243;
}

#history_area table td{
	padding:30px 0 20px 20px;
	border-left:3px solid #1ba3ea;
	font-size:14px;
	vertical-align:top;
	border-bottom:1px solid #eee;
}

#history_area table td div{
	text-align:right;
}

@media only screen and (max-width:660px){
	#history_area table img{
		width:100%;
		margin:10px 0;
	}
	
	#history_area table{
		width:100%;
		border-collapse:collapse;
	}
	
	#history_area table th{
		padding:20px 20px 20px 0;
		border-bottom:1px solid #eee;
		text-align:left;
		white-space:nowrap;
		vertical-align:top;
		font-size:20px;
		font-family:Times,serif;
		font-weight:400;
		font-style:italic;
		color:#fda243;
	}
	
	#history_area table td{
		padding:20px 0 20px 20px;
		border-left:1px solid #1ba3ea;
		font-size:14px;
		vertical-align:top;
		border-bottom:1px solid #eee;
	}
	
	#history_area table td div{
		text-align:right;
	}
	
	#sub_2column_area>div>section .text_image>img#pic_sign{
		width:60%;
		float:right;
	}
}

/*=====sub_news_area =====*/

#news_index_area{
	max-width:1000px;
	margin:0 auto;
}

#news_index_area article{
	border-bottom:1px solid #00a2ed;
	overflow:hidden;
	margin:0 0 30px;
}

#news_index_area article div{
	float:right;
	width:75%;
	padding:0 0 20px;
}

#news_index_area article.noimage div{
	float:none;
	width:100%;
	padding:0 0 20px;
}

#news_index_area article>a{
	color:#000;
}

#news_index_area article>a:hover{
	opacity:0.8;
}

#news_index_area article img{
	width:25%;
	float:left;
	padding:0 20px 20px 0;
	box-sizing:border-box;
}

#news_index_area article.noimage img{
	width:25%;
	float:none;
	padding:0 20px 20px 0;
	box-sizing:border-box;
}

#news_index_area article time{
	color:#00a2ed;
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:1;
	display:block;
	margin:0 0 5px;
}

#news_index_area article h2{
	color:#005087;
	font-size:18px;
	margin:0 0 5px;
	line-height:1.4;
}

#news_index_area article p{
	font-size:15px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.4;
}

@media only screen and (max-width:660px){
	#news_index_area article div{
		width:60%;
	}
	#news_index_area article img{
		width:40%;
	}
	#news_index_area article h2{
		color:#005087;
		font-size:16px;
		line-height:1.4;
	}
	#news_index_area article p{
		font-size:14px;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:1.4;
	}
}


#news_detail_area{
	max-width:800px;
	margin:0 auto 30px;
	padding:30px;
	border:4px solid #eee;
}

#news_detail_area article>img:first-child{
	width:100%;
	margin:0 0 20px;
}

#news_detail_area article>div:nth-child(3n) {
	text-align:center;
	margin:30px 0 0;
}

#news_detail_area article div>img{
	width:80%;
	margin:0 auto 20px;
}

#news_detail_area article time{
	color:#00a2ed;
	font-family:Arial,sans-serif;
	font-size:14px;
	line-height:1;
	display:block;
	margin:0 0 5px;
}

#news_detail_area article h1{
	color:#005087;
	font-size:26px;
	margin:0 0 15px;
	line-height:1.2;
}

#news_detail_area article h2{
	color:#005087;
	font-size:18px;
	margin:0 0 15px;
	line-height:1.4;
	font-weight:normal;
}

#news_detail_area article p{
	font-size:15px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.8;
}

#news_detail_area article p.align_right{
	text-align:right;
}

#news_detail_area article figure{
	text-align:center;
}

#news_detail_area article figure figcaption{
	font-size:14px;
	line-height:1.2;
	margin:5px 0 30px;
}

#news_detail_area article figure img{
	width:80%;
	margin:0 auto;
}

@media only screen and (max-width:660px){
	#news_detail_area{
		padding:15px;
	}
	#news_detail_area article p{
		font-size:14px;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:1.6;
	}
}


/*=====form_area=====*/

#form_area{
	max-width:1100px;
	margin:0 auto;
	letter-spacing:0.05em;
	font-size:16px;
	line-height:1.6;
}

#form_area table{
	width:100%;
	border-collapse:collapse;
	margin:40px 0;
}

#form_area table tr th{
width:200px;
	padding:15px 0;
	color:#005087;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	white-space:nowrap;
}

#form_area table tr th span{
	color:#fff;
	background-color:#f94f4f;
	font-size:12px;
	margin:0 0 0 5px;
	padding:4px;
	line-height:1;
}

#form_area table tr td{
	padding:15px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	vertical-align:top;
}

#form_area table td select{
	display: inline-block;
    font-size: 16px;
    margin: 0 15px 0 0;
    padding: 5px 35px 5px 10px;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #005087;
    background-image: url(../img/interface/arrow_bottom.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px auto;
    -webkit-appearance: none;
}

/*リセット*/
input,
button,
select,
textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:transparent;
	border:none;
	border-radius:0;
	font:inherit;
	outline:none;
}

/*テキスト入力エリア全般*/
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"]{
	box-sizing:border-box;
	width:100%;
	padding:5px;
	border:1px solid #ddd;
	border-radius:0;
	outline:none;
	background:none;
	font-size:15px;
}

/*電話番号*/
input[type="tel"]{
	max-width:200px;
}

/*数値1*/
input[type="number"]{
	max-width:100px;
}

/*メールアドレス*/
input[type="email"]{
	max-width:400px;
}

/*チェックボックス*/
input[type="checkbox"]{
	display:none;
}

.checkbox label{
	padding:0 0 0 25px;
	position:relative;
	cursor:pointer;
}

.checkbox label:first-of-type{
	margin:0 10px 0 0;
}

.checkbox input{
	cursor:pointer;
}

.checkbox label:before{
	content:"";
	box-sizing:border-box;
	display:block;
	width:16px;
	height:16px;
	border:1px solid #ddd;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
}

.checkbox input:checked + label:after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(../img/icon_checked.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:center center;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
}

/*テキストエリア*/
textarea{
	box-sizing:border-box;
	width:100%;
	padding:5px;
	border:1px solid #ddd;
	resize:none;
}

/*ファイル*/
.file label{
	display:inline-block;
	padding:5px 10px;
	border:1px solid #666;
	border-radius:5px;
	color:#666;
	font-size:11px;
	cursor:pointer;
	transition:.2s;
}

.file label:hover,
.file label:active{
	background-color:#666;
	color:#fff;
}

.file label input{
	display:none;
}

@media only screen and (max-width:660px){
	#form_area{
		font-size:14px;
	}
	
	#form_area table{
		margin:30px 0 60px;
	}
	
	#form_area table tr{
		display:block;
		border-bottom:1px solid #eee;
	}
	
	#form_area table tr th{
		display:block;
		width:100%;
		padding:15px 0 8px;
	}
	
	#form_area table tr td{
		display:block;
		padding:0 0 15px;
	}
	
	#form_area table tr:first-child th{
		padding:0 0 5px;
		vertical-align:top;
	}
	
	#form_area table tr:first-child td{
		vertical-align:top;
	}
	
	#form_area table tr:first-child td span{
		font-size:16px;
	}
	
	input[type="text"],
	input[type="tel"],
	input[type="number"],
	input[type="email"],
	input[type="password"]{
		padding:3px;
		font-size:14px;
	}
}

/*contact_btn*/
.contact_btn:link,
.contact_btn:visited,
#form_area .contact_btn{
	box-sizing:border-box;
	display:table;
	min-width:200px;
	margin:30px auto 0;
	padding:18px 35px 18px 28px;
	border:1px solid #00a2ed;
	background-image:url(../img/interface/arrow_right01.svg);
	background-repeat:no-repeat;
	background-size:17px 1px;
	background-position:right center;
	color:#00a2ed;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.05em;
	font-size:16px;
	line-height:1;
	transition:.3s;
	cursor: pointer;
}

@media only screen and (max-width:660px){
	.contact_btn:link,
	.contact_btn:visited{
		font-size:14px;
	}
}

/*技開パネル*/
@media only screen and (max-width:660px){
	#panel01_method{
		background-image:url("../facility/technologydevelopment_center/technicalsupport/method/img/panel01_method-.jpg");
		background-repeat:no-repeat;
		width:100%;
		height:0;
		padding:807.758620689655% 0 0;
		background-size:cover;
		background-position:top center;
	}
	
	#panel01_method>img{
		display:none;
	}
	
	#panel02_construction{
		background-image:url("../facility/technologydevelopment_center/technicalsupport/construction/img/panel02_construction-.jpg");
		background-repeat:no-repeat;
		width:100%;
		height:0;
		padding:403.448275862069% 0 0;
		background-size:cover;
		background-position:top center;
	}
	
	#panel02_construction>img{
		display:none;
	}
	
	#panel03_solution{
		background-image:url("../facility/technologydevelopment_center/technicalsupport/solution/img/panel03_solution-.jpg");
		background-repeat:no-repeat;
		width:100%;
		height:0;
		padding:638.793103448276% 0 0;
		background-size:cover;
		background-position:top center;
	}
	
	#panel03_solution>img{
		display:none;
	}
}