@charset "UTF-8";


.btn_pagetop {
	width:30px; height:30px;
	margin:50px 0 0 auto;
}
.btn_pagetop a {
	display:block;
	background-color:#666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.btn_pagetop a:hover {
	background-color:#999;
}
.btn_pagetop img {
	padding:5px;
}
.link, .link_new{
    position: relative;
    padding: 3px 0 3px 12px;
	background:none;
}
.link:before, .link_new:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent #4b5b8f;
    position: absolute;
    top: 0.45em;
    left: 0;
}
.title{border-left:none;padding-left:0;}
.title h2{position:relative; border-top:solid 4px #ccc; border-bottom:none; padding-top:8px; font-weight: bold;}
.title h2:before{content:""; display:block; position:absolute; top:-4px; left:0; width:280px; height:4px; background-color:#4b5b8f;}
.title p{font-size:120%;}
.global_footer .ico{vertical-align:middle; margin-left:3px;}
.red{color:#e6003e;}
.alignC{text-align:center;}
.nowrap{white-space:nowrap;}

.sp-dsp-block{display:none;}
.sp-dsp-none{display:block;}


header#header h1 {
	padding:10px 0 0 0;
}
header#header h1 img{
	width:320px;
}

/*スクロールテーブル---------------------------------------------*/
/* sp-table-scroll */
.sp-table-scroll{
	overflow:auto;
	white-space:nowrap;
	table-layout:auto;
	-webkit-overflow-scrolling:touch;
	position:relative;
}
.sp-table-scroll>table{margin-bottom:5px;}
html:not(.win) .sp-table-scroll::-webkit-scrollbar{height:5px;}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-track{
	background:#e3e4e5;
	border-radius:10px;
}
html:not(.win) .sp-table-scroll::-webkit-scrollbar-thumb{
	background:#84919d;
	border-radius:10px;
}



/* =======================================

	Top CSS

========================================== */
.global_nav {
	background-color:#4b5b8f;
}
.global_nav ul {
	display: table;
	margin:0 auto; padding-left:1px;
	table-layout: fixed;
	width:959px;
	background:url(../../shared/images/img_line.gif) no-repeat left center;
}
.global_nav li {
	display: table-cell;
	font-size:108%;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.global_nav a,
.global_nav span {
	background:url(../../shared/images/img_line.gif) no-repeat right center;
	color: #fff;
}
.global_nav li:hover,
.global_nav li.current{
	background-color:#7884ab;
}


.headline {
	position:relative;
	padding-left:0;
	font-weight:bold;
	background-color:#f0f0f0;
	border-radius:5px;
	padding:15px 26px;
}
.headline:before{content:""; display:block; position:absolute; top:20%; left:10px; width:8px; height:30px; background-color:#4b5b8f;}

.crosshead{padding-left:10px; border-left:solid 6px #4b5b8f; font-weight:bold;}
.subhead{color:#4b5b8f; font-weight:bold;}


ul.list_dot li{list-style-type:none; text-indent: -1.3em; margin-top:0.3em; margin-left: 0.3em;}
ul.list_dot li:before{content:"●";color:#4b5b8f; margin-right: 0.3em;}

/* Index
========================================== */
.mainvisual {
	margin:30px 0 0;
}

.data {
	font-size:115%;
	margin:0 auto 20px;
	width:90%;
	
}
.data dl {
	float:left;
	margin-left:30px;
	width:auto;
}
.data dl:first-child {
	margin-left:0;
}
.data dt span,
.data dd {
	font-weight:bold;
}
.data dt {
	clear:both;
	float:left;
	width:4em;
}
.data dt span {
	border-left:6px solid #F7002C;
	display:block;
	padding-left:5px;
}
.data dd {
	margin-bottom:10px;
	padding-left:4em;
}
.data dd span {
	font-size:88%;
}

.btn_application,
.close {
	background-color:#023a8c;
	padding:10px 0 30px;
}
.btn_application p {
	font-size:158%;
	margin:0 auto;
	width:12.5em;
}
.btn_application a {
	color:#FFF;
	display:block;
	padding:15px;
	text-decoration:none;	
	
background: #ff6126;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2U0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYxMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7e4e), color-stop(100%,#ff6126));
background: -webkit-linear-gradient(top,  #ff7e4e 0%,#ff6126 100%);
background: linear-gradient(to bottom,  #ff7e4e 0%,#ff6126 100%);

	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btn_application a:hover {
background: #ff7e4e;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWQ3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdlNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d79), color-stop(100%,#ff7e4e));
background: -webkit-linear-gradient(top,  #ff9d79 0%,#ff7e4e 100%);
background: linear-gradient(to bottom,  #ff9d79 0%,#ff7e4e 100%);
}
.btn_application span {
	background:url(../../shared/images/arrow_btn.png) no-repeat 0 center;
	cursor:pointer;
	display:block;
	padding-left:29px;
}


.img_main {
	margin:0 auto 50px;
	width:960px;
}
.img_host {
	margin:0 auto;
	width:845px;
	border:solid 1px #000;
}

.close span {
	display:block;
	color:#FFF;
	border:1px solid #FFF;
	width:30em;
	margin:0 auto;
	padding:5px 0;
}

.headline2{
	display: flex;
	justify-content: center;
	align-content: center;
    margin-bottom: 50px;
    /*background-color: #f0f0f0;*/
    border-radius: 5px;
}
.headline2 dt {
	display: table-cell;
    padding: 13px 15px 13px 15px;
	line-height: 110%;
    background-color: #4b5b8f;
    border-radius: 5px;
	color:#fff;
	vertical-align: middle;
	font-weight: bold;
}
.headline2 dd {
	display: table-cell;
    vertical-align: middle;
    /*padding: 6px 12px;*/
    padding: 0.5em 12px 0 24px;
	color: #4b5b8f;
	font-weight: bold;
	font-size: 130%;
	line-height: 110%;
}



#logos{
	margin:0 auto;
	padding-top:4em;
	text-align:center;
}
#logosInner{
	display:inline-block;
}
#logos #logoL{
	float:left;
	padding-right:15px;
}
#logos #logoR{
	float:right;
	padding-left:15px;
}
#logos dl{
	text-align:left;
}
#logos dt{
	padding-top:25px;
	padding-bottom:0.3em;
	font-weight:bold;
}
#logos dd{
	display: table;
}
#logos dd figure{
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}
#logos dd figure:first-child{
	padding-right: 15px;
}
#logos img#logoJPX{
	position:relative;
	height:75px;
	margin: 0 0 -20px;
}


.L1R1 .fLeft{ width:42%; margin-right:2%;}
.L1R1 .fRight{width:54.8%;}
.fLeft{float:left;}
.fRight{float:right; }
.tblcell{display:table-cell; vertical-align:middle;}





#entryBtn a{
	display:block;
	margin:40px auto 60px;
	padding:12px 15px 12px 25px;
	background-color:#e6003e;
	border-radius:5px;
	width:350px;
	text-align:center;
}
#entryBtn a span{
	position:relative;
	color:#fff;
	font-weight:bold;
	font-size:120%;
}
#entryBtn a span:before{
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent #fff;
    position: absolute;
    top: 17%;
    left: -0.8em;
	}
#entryBtn a:hover{
	text-decoration:none;
	opacity:0.7;
}
#top .topcontents .title p{
	font-size:150%;
	margin:50px 0;
}


#top .topInformation{
	width: 70%;
	margin: 30px auto 50px auto;
	background: #FDD8FC;
	padding: 20px;
}
#top .topInformation .alignC strong{
	text-decoration: underline;
}

/* About
========================================== */
.tbl_about,
.tbl_lineup,
.tbl_timetable {
	width:100%;
}
.tbl_about td,
.tbl_lineup td,
.tbl_timetable td {
	border-right: 1px dotted #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding:10px;
}
.tbl_about th,
.tbl_lineup th,
.tbl_timetable th{
	border-right: 1px dotted #cbcbcb;
	padding:10px;
}

.tbl_about th:first-child,
.tbl_about td:last-child{
	border-right:none;
}
.tbl_lineup th:last-child,
.tbl_lineup td:last-child,
.tbl_timetable th:last-child,
.tbl_timetable td:last-child {
	border-right:none;
}
.tbl_about{border-top:solid 1px #cbcbcb;}
.tbl_about th {
	border-bottom: 1px dotted #cbcbcb;
	background-color:#f1eee5;
	text-align:center;
	width:15%;
	white-space:nowrap;
	vertical-align:middle;
}
.tbl_timetable th,
.tbl_timetable td{
	text-align:center;
	vertical-align:middle;
	font-size:90%;
}
.tbl_lineup thead th,
.tbl_timetable th {
	background-color:#4b5b8f;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
.tbl_lineup th,
.tbl_lineup td {
	vertical-align:middle;
}
.tbl_lineup tbody th {
	width:32%;
}
.tbl_lineup th.name {
	width: 30% !important;
}
.tbl_lineup th.category {
	width:11% !important;
}
.tbl_lineup th.content {
/*	width:40%;*/
}
.tbl_lineup th.detail {
/*	width:8%;*/
}
.tbl_lineup th.place {
	width:8%;
}
.tbl_lineup th.time {
/*	width:5%;*/

}

.tbl_lineup.tableOther th.name{
	width:40%;
}
.tbl_lineup.tableOther th.content{
	width:40%;
}
.tbl_lineup.tableOther th.detail {
	width:8%;
}
.tbl_lineup th.place {
	width:8%;
}
.tbl_lineup.tableOther th.time {
	width:10%;
}



.tbl_lineup a {
	display:block;
	position:relative;
	line-height:1.1;
	padding:3px 0 3px 12px;
	text-decoration:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tbl_lineup a:before {
    content: "";
    display: block;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent #4b5b8f;
    position: absolute;
    top: 0.3em;
    left: 0;
}
.tbl_lineup a:hover {
	text-decoration:underline;
}
.tbl_lineup tr th:first-child{width:25%; text-align:center;}
.tbl_lineup tr td:last-child{width:16%; text-align:center;}

.tbl_lineup.tableMain tr th:nth-of-type(2){
    width: 13%;
}

.tbl_lineup tbody tr:nth-child(even) th,
.tbl_lineup tbody tr:nth-child(even) td {
	background-color:#f1eee5;
}
.tbl_timetable .breaktime{background-color:#ebebeb;}
.tbl_timetable th:nth-of-type(2),
.tbl_timetable th:nth-of-type(3){
    width: 40%;
}


.tbl_timetable td{
/*	line-height:180%;*/
}

.tbl_timetable td:first-child{
    vertical-align:middle;
    text-align: center;
}

.tbl_timetable td:first-child span{
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	text-indent:-9999px;
	display:block;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ccc transparent transparent transparent;
}
.tbl_timetable td span.fukugoSogo{background: #0095c1;}
.tbl_timetable td span.hotel{background: #aa8752;}
.tbl_timetable td span.residential{background: #7faf3e;}
.tbl_timetable td span.logistics{background: #3333cc;}
.tbl_timetable td span.infrastructure{background: #f7b000;}
.tbl_timetable td span.commercial{background: #00b0f0;}
.tbl_timetable td span.housing{background: #7faf3e;}
.tbl_timetable td span.office{background: rgb(205, 80, 132);}
.tbl_timetable td span.healthcare{background: #f19ec2;}

.tbl_timetable td span.fukugoSogo,
.tbl_timetable td span.hotel,
.tbl_timetable td span.residential,
.tbl_timetable td span.logistics,
.tbl_timetable td span.infrastructure,
.tbl_timetable td span.commercial,
.tbl_timetable td span.housing,
.tbl_timetable td span.office,
.tbl_timetable td span.healthcare{
	position: static !important;
	color:#FFF;
	padding:2px 5px;
	margin-bottom:5px;
	font-size:90%;
	width:7.2em !important;
	display: inline-table;
}


.tbl_timetable td.kicho{
    padding: 0;
}
.tbl_timetable td.kicho dl{
    border-radius: 15px;
    border: 3px solid #e1aa97;
}
.tbl_timetable td.kicho dt{
    border-radius: 0 0 10px 10px;
    display: inline-block;
    background: #e1aa97;
    padding: 2px;
    border: 3px solid #e1aa97;
    width: 80%;
    margin: 0 auto;
    line-height: 1;
    font-weight: bold;
}
.tbl_timetable td.kicho dd{
    padding: 10px;
}
.tbl_timetable td.kicho span{
    display: block;
}
.tbl_timetable td.kicho span.dd01{font-size: 120%; font-weight: bold;}
.tbl_timetable td.kicho span.dd02{font-size: 110%;}
.tbl_timetable td.kicho span.dd03{font-size: 90%;}
.tbl_timetable td.kicho span.dd04{font-size: 120%;}


/*  */
.list_about {
	padding-bottom:20px;
	width:900px;
}
.list_about li {
	float:left;
	margin-left:1%;
	margin-bottom:15px;
	width:48.55%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	font-size:115%;
    background: #EBE8C2;
	
}
.list_about h3 {
	/*position: relative;*/
	height: 1.8em;
	text-align:center;
	font-size:115%;
	font-weight:bold;
	color:#FFF;
	padding:5px 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
/*.list_about h3 img{
	position: absolute;
	width: 60px;
	top: -10px;
	right: 8px;
}*/
/*.list_about .item01 {
	border:2px solid #8EC54A;
}
*/
.list_about .item02 {
	border:2px solid #ef7f0f;
}
.list_about .item03 {
	border:2px solid #8D7F2A;
}
/*.list_about .item01 h3 {
	background:#8EC54A url(../images/icon_about_01.png) no-repeat 90% 2px;
}*/
.list_about .item02 h3 {
	background:#ef7f0f;
}
.list_about .item03 h3 {
	background:#8D7F2A;
}
.list_about p span.notes{
    font-size: 90%;
    display: block;
    margin-top: 0.3em;
}
.list_about p {
	padding:15px 20px;
    position: relative;
}
.list_about p img{
	position: absolute;
	width: 80px;
	right: -30px;
}
.list_about .item02 p img{bottom: -25px;}
.list_about .item03 p img {bottom: -25px;}



.dl_about dt {
clear:both;
float:left;
width:13.5em;
}
.dl_about dd {
padding-left:13.5em;
margin-bottom:3px;
}
.span_about {
	display:inline-block;
	margin-right:10px;
	font-size:86%;
}


/* Howto
========================================== */
.wrap_howto {
	position:relative;
	padding:20px 0 20px 0;
}
.wrap_howto .number {
	display: inline-block;
	margin-right:10px;
    padding: 10px;
    background-color: #4b5b8f;
    border-radius: 5px 0 0 5px;
}
.wrap_howto h3 {
	font-size:129%;
	font-weight:bold;
	margin-bottom:20px;
	background-color:#f0f0f0;
	border-radius:5px;
}
.wrap_howto h3 img{height:26px;}
.wrap_howto .inner {
	display: table;
	margin-bottom:10px;
	width:875px;
}
.wrap_howto .inner .img {
	display: table-cell;
	width:50%;
}
.wrap_howto .inner .img img{
	width:100%;
}
.wrap_howto .inner .txt {
	display: table-cell;
	padding-left: 3%;
	vertical-align:middle;
}

.para_howto {
	border-top:1px dashed #cbcbcb;
	padding:20px 0 0 0;
}
	


/* Access
========================================== */
.wrap_map {
	display: table;
	margin-bottom:10px;
}
.wrap_map .img {
	display: table-cell;
	width:440px;
}
.list_access {
	display: table-cell;
	vertical-align:middle;
}
.list_access li {
	margin-bottom:3px;
}

/*-------------------------------------------------------
	Document
-------------------------------------------------------*/
#document .contents{
	display: table;
	width: 100%;
	text-align: center;
	padding: 90px 0 240px 0;
	border-top: 2px solid #4b5b8f;
}
#document .contents p{
	display: table-cell;
	height: 313px;
	vertical-align: middle;
	background: url("../images/document_bg.png") 50% 50% no-repeat;
	background-size: 263px auto;
	font-size: 28px;
	font-weight: bold;
	margin: 1em 0 0 0;
}
#document footer.global_footer{
	width: 100%;
	position: fixed;
	bottom: 0;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 TUBLET
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:950px){
.container{min-width:100%;}
.global_nav ul,
.img_main,
.img_host,
.wrap_howto .inner,
.list_about,
.list_about li{width:auto;}
.global_header,
.topcontents,
.contents,
.close span,
.global_footer > div{width:95%;}
.container img{max-width:100%;}
.btn_pagetop img{width:20px; height:20px;}
.global_nav ul{width:100%; box-sizing: border-box;}
.img_host img{width:auto; height:95px;}
.close span{font-size:75%;}

.wrap_howto .inner .img,
.wrap_howto .inner .txt,
.wrap_map .img,
.list_access{display:block; width:auto;}
/* -------------------------------------------------------
 INDEX
 -----------------------------------------------------*/
#logos{width:auto; margin:0 auto; text-align:center;}
/*#logos li img{width: 33%;}*/




}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 640px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:640px){
.global_header h1{float:none; text-align:center;}
.global_header .contact{display:none;}

.global_nav li{
/*	display:inline-block;
	float:left;
	box-sizing: border-box;
	width: 50%;*/
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
}
.global_nav li:nth-child(3n){border-right:none;}
.global_nav ul,
.global_nav a,
.global_nav span{
	background-image:none;
	line-height: 115%;
}
.img_host img{width:auto; height:75px;}
.sp-dsp-block{display:block;}
.sp-dsp-none{display:none;}

header#header h1 img{width:90%;}

/* -------------------------------------------------------
 INDEX
 ----------------------------------------------------------*/
     #top .title p{font-size:115% !important;}
     #top .L1R1 .fLeft{ float:none; width:auto; margin-right:0;}
     #top .L1R1 .fRight{float:none; width:auto;}
     #top #entryBtn a{ width:80%;}

     #top .headline2 dt {padding: 13px 20px 13px 20px;}
     #top .headline2 dd {padding: 0em 0 0 18px;}
	 
	 
     #top #logos #logoL,
	 #top #logos #logoR{
	 	float: none;
		padding:0;
	}
	#top #logos dt{text-align: center;}
	#top #logos dd figure{vertical-align: bottom;}
	#top #logos #logoR dd{
		width: 100%;
		text-align: center;
	}


/* -------------------------------------------------------
 ABOUT
 ----------------------------------------------------------*/
    .tbl_lineup td span{display:block;}
    .list_about li{width:92%;}
    .list_about .item03 {margin-top: 30px;}
    ul.list_dot{margin-left: 1em;}
    
    .tbl_lineup.tableMain tr td:last-child{width:19%;}
    .tbl_lineup.tableMain tr th:nth-of-type(2){width: 16%;}

    

/* -------------------------------------------------------
 Howto
 ----------------------------------------------------------*/
	.wrap_howto .inner .txt {
		padding: 10px 0 0 0;
	}

/* -------------------------------------------------------
	Document
----------------------------------------------------------*/

	#document .contents{
		padding: 30px 0 60px 0;
	}
	#document .contents p{
		background-size: 60% auto;
		font-size: 22px;
		margin: 1em 0 0 0;
	}




}