@charset "utf-8";

@media screen and (min-width: 769px),print {

/* ==========================================================
common
=============================================================*/

main .sp {
	display: none;
}

/* ==========================================================
pages
=============================================================*/

/* common
-------------------------------------------------------------*/

p.btn_lookup_txt {
	float: left;
	width: 730px;
	padding-bottom: 10px;
}

/* half_size_left / half_size_right */

div.main .half_size_left {
	clear: both;
	width: 48%;
	float: left;
	margin-bottom: 10px;
}
div.main .half_size_right {
	width: 48%;
	float: right;
	margin-bottom: 10px;
}
div.main .half_size_right:after {
	content: "";
	display: block;
	clear: both;
}

/* layout-center */

div.main div.layout-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}

div.main div.layout-center span.title{
	text-align: center;
}

/* img max-width */

div.main img {
	max-width: 100%;
}

/* list limit 15 (for sp) */

div.main article p span.showttl_15 {
	display: none;
}


/* body.press
-------------------------------------------------------------*/

/* body.event
-------------------------------------------------------------*/

/* body.topics
-------------------------------------------------------------*/

body.topics td.thumb {
	width: 130px;
	padding-right: 0;
}
body.topics td.thumb img {
	width: 160px;
	height: auto;
}

/* body.interview
-------------------------------------------------------------*/

body.interview div.main li p:nth-child(1) img {
	width: 160px;
	height: auto;
}

/* body.today
-------------------------------------------------------------*/

body.today div.main li p:nth-child(1) img {
	width: 160px;
	height: auto;
}
body.today div.main li p:nth-child(1) img.todaywide {
	position: relative;
	left: 24px;
	width: 114px;
}

/* body.free 
-------------------------------------------------------------*/

section.free .btn_lookup {
	float: left;
	margin: -5px 20px 40px 0;
}

/* body.about
-------------------------------------------------------------*/

/* body.sitemap
-------------------------------------------------------------*/

/* ==========================================================
dirtop
=============================================================*/

/* common
-------------------------------------------------------------*/

/* ul.link_panel */

body.dirtop .main_gray ul.link_panel {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 980px;
	height: 240px;
}

body.dirtop .main_gray ul.link_panel li a {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end; -ms-align-items: flex-end;
	align-items: flex-end;
	width: 225px;
	height: 240px;
	padding: 0;
	background: none;
	background-size: auto 240px !important;
}

body.dirtop .main_gray ul.link_panel li a span {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center; -ms-align-items: center;
	align-items: center;
	padding: 12px 12px;
	background: rgba(28,119,115,0.8);
	line-height: 1.4;
	color: #fff;
	text-align: left;
}
body.dirtop .main_gray ul.link_panel li a:hover span {
	text-decoration: underline;
}

/* body.dirtop.about
-------------------------------------------------------------*/

/* section */

body.dirtop.about .main_gray section.col-2 {
	padding: 35px 0 25px;
	border-bottom: dotted 1px #aaa;
}
body.dirtop.about .main_gray div.function {
	padding: 35px 0 45px;
	border-bottom: dotted 1px #aaa;
}
body.dirtop.about .main_gray div.department {
	padding: 35px 0 35px;
}

/* section.col-2 */

body.dirtop.about .main_gray section.col-2 > article > div {
	min-height: 150px;
	position: relative;
	padding: 0 0 0 175px;
}
body.dirtop.about .main_gray section.col-2 > article > div img {
	position: absolute;
	top: 0;
	left: 0;
}
body.dirtop.about .main_gray section.col-2 > article > div li {
	margin: 10px 0 0;
}
body.dirtop.about .main_gray section.col-2 h2 {
	margin-right: 3px;
}

/* div.function */

body.dirtop.about div.function ul.link_panel li a {
	height: auto;
	padding-top: 110px;
	background-size: 225px auto !important;
}
body.dirtop.about div.function ul.link_panel li:nth-child(1) a,
body.dirtop.about div.function ul.link_panel li:nth-child(3) a {
	background-position: right top !important;
}

body.dirtop.about div.function ul.link_panel li a span {
	padding: 6px 12px;
}

/* div.outline */

body.dirtop.about .main div.outline {
	margin: 40px 0 60px;
	padding: 20px 32px 0;
	border: solid 3px #1c7773;
	border-radius: 10px;
	overflow: hidden;
}
body.dirtop.about .main div.outline h2 {
	margin: 10px 0 30px;
	padding: 0;
	border: none;
	background: none;
	font-size: 2.6rem;
	color: #1c7773;
}

body.dirtop.about .main div.outline ul li {
	position: relative;
	width: 290px;
	margin: 0 0 20px;
	padding: 0;
	background: none;
}
body.dirtop.about .main div.outline ul li:nth-child(5) {
	width: 600px;
}

/* div.bases */

body.dirtop.about .main_gray div.bases {
	position: relative;
	padding: 20px 0 30px;
	background: #f1f1f1;
	overflow: hidden;
}
body.dirtop.about .main_gray div.bases img {
	position: absolute;
	top: 36px;
	right: 14px;
}
body.dirtop.about .main_gray div.bases h2 {
	margin: 10px 0 20px;
	padding: 0;
	border: none;
	background: none;
	font-size: 2.6rem;
	color: #1c7773;
}
body.dirtop.about .main_gray div.bases p:nth-of-type(1) {
	width: 300px;
	height: 200px;
	margin: 0;
	line-height: 1.8;
}
body.dirtop.about .main_gray div.bases dl.domestic {
	margin: 0 0 30px;
}
body.dirtop.about .main_gray div.bases dt {
	margin-bottom: 10px;
	font-size: 1.8rem;
}
body.dirtop.about .main_gray div.bases dl.abroad dd {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
}
body.dirtop.about .main_gray div.bases dl.abroad dd ul:nth-child(2){
	margin: 0 25px;
	padding: 0 25px;
	border-left: dotted 1px #aaa;
	border-right: dotted 1px #aaa;
}

/* body.dirtop.support-menu
-------------------------------------------------------------*/

/* .main div h2 */

body.dirtop.support-menu .main div h2 {
	margin-top: 10px;
}

/* .main ul.btn */

body.dirtop.support-menu .main ul.btn {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
}

/* dl.dd_col_2 */

div.main dl.dd_col_2 dt:before {
	content: none;
}
div.main dl.dd_col_2 dd {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}
div.main dl.dd_col_2 dd > div {
	width: 474px;
	padding: 0 10px;
}


/* body.dirtop.business-areas
-------------------------------------------------------------*/

/* section */

body.dirtop.business-areas .main_gray div.field {
	padding: 35px 0 15px;
}

/*  .field ul.link_panel */

body.dirtop.business-areas .main_gray .field ul.link_panel {
	height: auto !important;
}
body.dirtop.business-areas .main_gray .field ul.link_panel li {
	margin: 0 0 20px;
}
body.dirtop.business-areas .main_gray .field ul.link_panel::after{
	content:"";
	display: block;
	width: 310px;
}
body.dirtop.business-areas .main_gray .field ul.link_panel li a {
	width: 310px;
	height: 172px;
	background-position: center center !important;
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
}

body.dirtop.business-areas .main_gray .field ul.link_panel li span {
	display: inline-block;
	width: 310px;
	height: auto !important;
	padding: 4px 6px 3px;
	text-align: center;
}

/* .main div h3 */

body.dirtop.business-areas .main div h3 {
	margin-top: 10px;
}

/* .main ul.btn */

body.dirtop.business-areas .main ul.btn {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
}
/* dl.refer */

body.dirtop.business-areas .main dl.refer {
	margin-bottom: 40px;
}

/* body.dirtop.information
-------------------------------------------------------------*/

/* section */

body.dirtop.information .main_gray > section {
	position: relative;
	padding: 35px 0 25px;
}

body.dirtop.information .main_gray p.btn {
	position: absolute;
	top: 40px;
	right: 0;
}
body.dirtop.information .main_gray a.btn_gray {
	width: auto;
	padding: 0 20px;
}

/* .report */

body.dirtop.information .main_gray.report_outer {
	background: #fff;
}

body.dirtop.information .main_gray .report h2 {
	margin-bottom: 20px;
}

body.dirtop.information .main_gray .report > ul {
	overflow: hidden;
}
body.dirtop.information .main_gray .report > ul:after {
	content: "";
	display: block;
	clear: both;
}
body.dirtop.information .main_gray .report > ul > li {
	float: left;
	width: 310px;
	margin: 0 0 24px;
	padding: 0;
	background: #fff;
}
body.dirtop.information .main_gray .report > ul > li p:nth-of-type(1) {
	text-align: center;
}
body.dirtop.information .main_gray .report > ul > li p:nth-of-type(2) {
	margin: 0 0 20px;
}
body.dirtop.information .main_gray .report > ul > li > a {
	padding: 0;
	background: none;
	overflow: hidden;
}
body.dirtop.information .main_gray .report img {
	width: 220px;
	height: auto;
}

body.dirtop.information .main_gray .report > ul > li:nth-child(3n-1) {
	clear: left;
	margin-right: 25px !important;
}
body.dirtop.information .main_gray .report > ul > li:nth-child(3n) {
	margin-right: 25px !important;
}

/* .report jbic today */

body.dirtop.information .main_gray .report > ul > li:first-child {
	position: relative;
	width: 980px;
	overflow: hidden;
}
body.dirtop.information .main_gray .report li:first-child p:nth-of-type(1) {
	float: left;
	margin: 0 20px 20px 0;
}
body.dirtop.information .main_gray .report li:first-child ul li {
	margin: 0 0 5px;
	padding: 0 0 0 2em;
	background: url("/en/common/css/image/000000137.png") no-repeat 0.8em 0.4em;
	line-height: 1.6;
	overflow: hidden;
}
body.dirtop.information .main_gray .report li:first-child p.btn_jbi {
	float: right;
	bottom: 10px;
}
body.dirtop.information .main_gray .report li:first-child img {
	width: 180px;
	height: auto;
}
body.dirtop.information .main_gray .report li:first-child h4.ttl {
	margin: 0 0 10px;
	font-weight: bold;
}

/* .interview */

body.dirtop.information .main_gray .interview ul {
	width: 920px;
	margin: 0 auto;
}
body.dirtop.information .main_gray .interview ul li {
	margin: 5px 10px;
	background: #fff;
}
body.dirtop.information .main_gray .interview ul li {
	width: 440px !important;
}
body.dirtop.information .main_gray .interview ul li img {
	width: 440px;
	height: auto;
}
/* .contribution */

body.dirtop.information .main_gray .contribution {
	margin: 0 auto 30px;
}
body.dirtop.information .main_gray .contribution article {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
}
body.dirtop.information .main_gray .contribution article div {
	width: 480px;
	background: #fff;
}

/* .press & whatsnew */

body.dirtop.information .main .press th,
body.dirtop.information .main .whatsnew th {
	width: 10em;
	text-align: left;
}

/* .press */

body.dirtop.information .main .press .btn_lookup {
	float: left;
	margin: -5px 20px 40px 0;
}

/* .whatsnew */

body.dirtop.information .main .whatsnew ul.panel {
	display: -webkit-flex; display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0 0;
}
body.dirtop.information .main .whatsnew ul.panel li {
	width: 24%;
	margin: 0;
	padding: 0;
	background: none;
}
body.dirtop.information .main .whatsnew ul.panel a {
	display: table-cell;
	width: 800px;
	height: 3em;
	padding: 4px 0 0;
	border: solid 1px #c4c4c4;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
}


/* body.dirtop.press
-------------------------------------------------------------*/

body.dirtop.press .main > section > article .btn_lookup {
	display: none;
}
body.dirtop.press .main > section > article table.block th {
	width: 12em;
}

/* body.formpage
-------------------------------------------------------------*/

body.formpage .main table th {
	width: 26em;
}
body.formpage .main table td input,
body.formpage .main table td textarea {
	display: block;
	width: 100%;
}
body.formpage .main table td textarea {
	margin-bottom: 6px;
}

body.formpage .main p.btn_gray {
	display: table;
}
body.formpage .main p.btn_gray a {
}
body.formpage .main p.btn_gray a span {
	width: 260px;
	background: none;
	white-space: nowrap;
}
body.formpage .main p.btn_gray a span:before {
	content: url("/en/common/css/image/000000033.png");
	position: relative;
	top: 0.18em;
	left: -0.5em;
}

/* body.dirtop.inquiry
-------------------------------------------------------------*/

body.formpage .main table th {
	width: 20em;
}

/* section.notfound
-------------------------------------------------------------*/

section.notfound_caution {
	padding: 0 0 0 140px;
	background: url("/en/common/css/image/000001274.png") no-repeat;
}

/* alt h1 (formpage)
-------------------------------------------------------------*/

body.dirtop.formpage #h1_title {
	width: 980px;
	margin: 40px auto 35px;
	padding: 0 0 0 45px;
	background: url("/en/common/css/image/000000139.png") no-repeat;
	border-bottom: solid 6px #a1cecc;
	line-height: 1.2;
	color: #010101;
}
body.dirtop.formpage #h1_title h1 {
	display: block;
	height: auto;
	width: auto;
	margin: 0 0 14px;
	padding: 0;
	font-size: 3rem;
	background: none;
}

/* search_result
-------------------------------------------------------------*/

.accela_sidebar_left {
	float: left;
	width: 190px;
	margin: 0;
	line-height: 1.6;
}

.accela_main {
	float: right;
	width: 775px;
	margin: 0;
	line-height: 1.6;
}

#search_sec {
	margin: 0 0 15px;
}

#detailSearchForm div {
	padding: 5px 0 0;
}
#detailSearchForm div.clear {
	padding: 0;
}
.detail_search_r table td {
	padding: 0 0 5px;
	vertical-align: middle;
}
.detail_search_r table td input {
	height: 2em;
}

/* div width
-------------------------------------------------------------*/

div.dw10pct {width:10%;}
div.dw20pct {width:20%;}
div.dw30pct {width:30%;}
div.dw40pct {width:40%;}
div.dw50pct {width:50%;}
div.dw60pct {width:60%;}
div.dw70pct {width:70%;}
div.dw80pct {width:80%;}
div.dw90pct {width:90%;}
div.dw100pct {width:100%;}

/* div.information_right > div.page_referenc
-------------------------------------------------------------*/

div.information_right > div.page_reference {
	margin: 0 0 30px;
}

/* ul.pic_4_col
-------------------------------------------------------------*/

div.main ul.pic_4_col,div.main_gray ul.pic_4_col {
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
}
div.main ul.pic_4_col > li,div.main_gray ul.pic_4_col > li {
	float: left;
	width: 22%;
	margin: 0 0 0 4%;
	padding: 0;
	background: none;
}
div.main ul.pic_4_col li:first-child,div.main_gray ul.pic_4_col li:first-child {
	margin: 0;
}
div.main ul.pic_4_col li img,div.main_gray ul.pic_4_col li img {
	display: block;
	width: 100%;
	height: auto;
}

/* ul.btn_gray.btn_auto
-------------------------------------------------------------*/

ul.btn_gray.btn_auto {
	overflow: hidden;
}
ul.btn_gray.btn_auto li {
	float: left;
}
ul.btn_gray.btn_auto li a {
	width: auto;
	padding: 0 30px;
}
ul.btn_gray.btn_auto li:first-child {
	margin-right: 20px;
}

/* main.full
-------------------------------------------------------------*/

main.full {
	width: 100%;
	overflow: hidden;
}
main.full > div.breadcrumbs {
	width: 980px;
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
main.full > div#h1_title {
	width: 980px;
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
main.full > div.main {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	min-width: 980px;
	overflow: hidden;
}
main.full > div.main.gray {
	width: 100%;
	min-width: 980px;
	background: #f1f1f1;
}
main.full > div.main.gray > article.gray_inner {
	margin: 20px auto 0;
	width: 980px;
	overflow: hidden;
}

/* article.support_menu
-------------------------------------------------------------*/

article.support_menu {
	margin-bottom: 40px;
}
article.support_menu div p.layout-left {
	margin: 0;
}
article.support_menu div p.layout-left img {
	display: block;
}
article.support_menu div p:nth-of-type(2) {
	float: right;
	width: 190px;
	margin: 0;
}
article.support_menu div ul {
	float: right;
	width: 190px;
	padding: 3px 3px 0 0;
	overflow: hidden;
}

/* ul.about_function
-------------------------------------------------------------*/

ul.about_function {
	overflow: hidden;
}
ul.about_function li {
	float: left;
	width: 225px;
	margin-left: 26px;
}
ul.about_function li:first-child {
	margin-left: 0;
}
ul.about_function li a {
	display: block;
	padding: 0 !important;
	background: none !important;
}
ul.about_function li a img {
	display: block;
	width: 225px;
	height: auto;
}
ul.about_function li a img.sp {
	display: none;
}

} /* @media end */
