@font-face {
  font-family: "FOT-筑紫ゴシック Pr5 R";
}

@font-face {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

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;
	margin-top: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

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

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

ul {
	display: block;
	list-style-type: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

:focus {
	outline: 0
}

a {
	opacity: 1;
	transition: 0.6s;
}

a img {
	border: none
}

a:hover, a:active {
	outline: none;
	opacity: 0.5;
}

a:focus {
	-moz-outline-style: none;
	outline: none !important
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}


*html .clearfix, *:first-child+html .clearfix {
	zoom: 1
}

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

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.clear {
	clear: both;
	}


/* END RESET CSS */

/* FONTS */

.sans-serif {
  font-family: "Gotham A", "Gotham B","FOT-筑紫ゴシック Pr5 R",sans-serif;
  font-style: normal;
  font-weight: 400;
}

.gotham {
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.tsukugo {
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}

.book {
	font-family: "Gotham A", "Gotham B", sans-serif;
}



/* HTML */

html {
	width: 100%;
	height: auto;
	background: #000;
	/*overflow-x: hidden;*/
}

body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	position: relative;
	background: #000;
}

.wrapper {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}


/* HEADER */

#header {
	width: 100%;
	height: auto;
	top:0;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 500;
}

.sp_open_btn {
	display: none;
}

.gm_open_btn {
	position: fixed;
	top: 37px;
	left: 50%;
	width: 30px;
	height: 32px;
	margin: 0 0 0 -15px;
	cursor: pointer;
	background: transparent;
	opacity: 1;
	transition: 0.6s;
	z-index: 45000;
}

.gm_open_area {
	position: fixed;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: 0 0 0 -40px;
	cursor: pointer;
	background: transparent;
	z-index:46000;
}

.icon_bar {
	display: block;
	width: 30px;
	height: 2px;
	margin: 0 0 9px;
	background-color: #fff;
}

.icon_bar_last {
	display: block;
	width: 30px;
	height: 2px;
	margin: 0;
	background-color: #fff;
}

.gm_greymat {
	position: fixed;
	top: -2000px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	z-index: 40000;
}

.gm_wrap {
	position: fixed;
	top: -3500px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 50000;
}

.gm {
	position: relative;
	width: 100%;
	height: 100%;
}

.nav_close {
	position: absolute;
	top: 37px;
	left: 50%;
	width: 23px;
	height: 23px;
	margin: 0 0 0 -11px;
	background-image: url(/commons/images/nav_close.png);
	background-repeat: no-repeat;
	background-size: 23px 23px;
	background-position: center center;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	z-index: 100000;
}

.nav_close:hover {
	opacity: 0.5;
}

.gm_table {
	position: absolute;
	width: 795px;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

/*202212 GM変更*/
.gm_table_left {
	float: left;
	width: 535px;
	height: auto;
}

.gm_table_right {
	float: left;
	width: 260px;
	height: auto;
}

.gm_table_foot {
	display: none;
}

.gm_spacer { 
	display: none;
}

.gm_title {
	padding: 0 0 35px;
	font-size: 24px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.1em;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

/*202212 GM変更*/

a.gm_link {
	display: block;
	text-decoration: none;
	padding: 0 0 20px;
	font-size: 18px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.1em;
	font-family: "Gotham A", "Gotham B", sans-serif;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

a.gm_link:hover {
	opacity: 0.5;
}

#nav {
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.1em;
	z-index: 1000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.nav_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.language {
	position: absolute;
	right: 40px;
	top: 38px;
	z-index: 60000;
}

.language a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	font-size: 18px;
}

.language a:hover { 
	opacity: 0.5;
}

.jp, .en { 
	display: inline-block;
	color: #fff;
	opacity: 1;
}

.jp {
	padding: 0 8px 0 0;
}

.en {
	padding: 0 0 0 10px;
	color: #d8ff00;
}

.language a.en {
	padding: 0 0 0 10px;
	color: #d8ff00;
}

.active { opacity: 1; }

.lang_divider {
	display: inline-block;
	width: 1px;
	height: 12px;
	padding: 0;
	border-right: 1px solid #fff;
}

#nav ul.navigation {
	display: block;
	margin: 0;
	padding: 43px 0 0;
	list-style-type: none;
	text-align: center;
}

#nav ul.navigation li {
	display: inline-block;
	padding: 0 24px;
}

#nav ul.navigation li.pr20 {
	padding: 0 20px 0 24px;
}

#nav ul.navigation li a {
	font-family: "Gotham A", "Gotham B", sans-serif;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transition: 0.6s;
	font-size: 18px;
}

#nav ul.navigation li a:hover {
	opacity: 0.5;
}

#nav ul.navigation li a.nav_active {
	color: #d8ff00;
}

.spritbar {
	padding: 0 0 2px 2px;
	font-size: 20px;
	border-left: 1px solid #fff;
}


/*nav 階層追加*/

.main_nav {
	position: relative;
	z-index: 1000;
}

.main_nav > li {
	display: inline-block;
}

.main_nav > li a {
	display: block;
	cursor: pointer;
}

ul.menu__second-level,
.drop_bar {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.main_nav > li.menu__single {
	position: relative;
	padding: 0;
}

#nav ul.navigation li.menu__single ul.menu__second-level li {
	padding: 0;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	top: 30px;
	width: 260px;
	margin: 0 0 0 -110px;
	background: #000;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single .drop_bar {
	position: absolute;
	top: 21px;
	width: 60px;
	margin: 0 0 0 -1px;
	border-top: 2px solid #d8ff00;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
	top: 30px;
	visibility: visible;
	opacity: 1;
}

li.menu__single:hover .drop_bar {
	top: 21px;
	visibility: visible;
	opacity: 1;
}

li.menu__single ul.menu__second-level li {
	width: 260px;
	border-top: 1px solid #fff;
	margin: 0 auto;
}

li.menu__single ul.menu__second-level li:first-child {
	border-top: none;
	padding-top: 1px;
}

#nav ul.navigation li.menu__single ul.menu__second-level li a {
	height: auto;
	margin: 0 auto;
	color: #fff;
	padding: 18px 0px;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0.1em;
	background: #000;
	border-left: none;
	border-right: none;
	cursor: pointer;
	opacity: 1;
	transition: .6s;
}

#nav ul.navigation li.menu__single ul.menu__second-level li a:hover {
	color: #d8ff00;
	opacity: 1;
}


/*news 階層追加*/

ul.menu__second-level2,
.drop_bar2 {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

#nav ul.navigation li.menu__single ul.menu__second-level2 li {
	padding: 0;
}

li.menu__single ul.menu__second-level2 {
	position: absolute;
	top: 30px;
	width: 200px;
	margin: 0 0 0 -75px;
	background: #646464;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single .drop_bar2 {
	position: absolute;
	top: 21px;
	width: 65px;
	margin: 0 0 0 -1px;
	border-top: 2px solid #d8ff00;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level2 {
	top: 30px;
	visibility: visible;
	opacity: 1;
}

li.menu__single:hover .drop_bar2 {
	top: 21px;
	visibility: visible;
	opacity: 1;
}

li.menu__single ul.menu__second-level2 li {
	width: 200px;
	border-top: 2px solid #000;
	margin: 0 auto;
}

li.menu__single ul.menu__second-level2 li:first-child {
	border-top: none;
	padding-top: 1px;
}

#nav ul.navigation li.menu__single ul.menu__second-level2 li a {
	height: auto;
	margin: 0 auto;
	color: #fff;
	padding: 18px 0px;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0.1em;
	background: #646464;
	border-left: none;
	border-right: none;
	cursor: pointer;
	opacity: 1;
	transition: .6s;
}

#nav ul.navigation li.menu__single ul.menu__second-level2 li a:hover {
	color: #d8ff00;
	opacity: 1;
}


/*home 追加*/

a.nav_home {
	position: absolute;
	top: 44px;
	left: 40px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transition: 0.6s;
	z-index: 60000;
}

a.nav_home:hover {
	opacity: 0.5;
}


/* sns */

.sns {
	position: fixed;
	bottom: 40px;
	left: 50px;
	z-index: 14000;
}

.sns a {
	float: left;
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}

.facebook {
	width: 11px;
	height: 23px;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	background-image: url(/commons/images/icon_f.png);
	background-repeat: no-repeat;
	background-size: 11px 23px;
	opacity: 1;
	transition: 0.6s;
}

.instagram {
	width: 23px;
	height: 23px;
	margin: 0;
	background-image: url(/commons/images/icon_i.png);
	background-repeat: no-repeat;
	background-size: 23px 23px;
	opacity: 1;
	transition: 0.6s;
}

.facebook:hover,
.instagram:hover { opacity: 0.5; }


/* navigation other links */

.btn_area1 {
	position: fixed;
	top: 50%;
	left: 0;
	width: 80px;
	height: 200px;
	margin: -100px 0 0 0;
	cursor: pointer;
	z-index:70000;
}

.btn_area2 {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 200px;
	height: 80px;
	margin: 0 0 0 -100px;
	cursor: pointer;
	background: transparent;
	z-index:70000;
}

.btn_area3 {
	position: fixed;
	top: 50%;
	right: 0;
	width: 80px;
	height: 200px;
	margin: -100px 0 0 0;
	cursor: pointer;
	background: transparent;
	z-index:70000;
}

.btn_company {
	position: fixed;
	top: 50%;
	left: 31px;
	width: 200px;
	height: 63px;
	margin: -32px 0 0 -100px;
	color: #fff;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.15em;
	text-align: center;
	opacity: 1;
	transition: 0.6s;
	transform: rotate( 90deg );
	z-index:60000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.btn_philosophy {
	position: fixed;
	bottom: 0px;
	left: 50%;
	width: 200px;
	height: 63px;
	margin-left: -100px;
	color: #fff;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.15em;
	text-align: center;
	opacity: 1;
	transition: 0.6s;
	z-index:60000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.btn_contact {
	position: fixed;
	top: 50%;
	right: 31px;
	width: 200px;
	height: 63px;
	margin: -32px -100px 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0.15em;
	text-align: center;
	opacity: 1;
	transition: 0.6s;
	transform: rotate( -90deg );
	z-index:60000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.btn_line {
	width: 82px;
	height: 0;
	padding: 15px 0 0 0;
	margin: 0 auto;
	border-bottom: 2px solid #fff;
}



/* top */

.home {
	width: 100%;
	height: 100%;
	position: relative;
}

#top {
	width: 100%;
	height: 100%;
	background-image: url(/commons/images/INFLUX_4K.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

h1.logo_top {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 195px; /*285px;*/
	height: 191px; /*318px;*/
	margin-top: -102px; /*-159px;*/
	margin-left: -97px; /*-140px;*/
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(/commons/images/logo_285_318.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: none;
	opacity: 0;
}


/* mat */

.greymat {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	background: #000;
	opacity: 0.65;
}

.blackmat {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	background: #000;
}


/* FOOTER */

/*202212 GM変更*/

footer {
	position: relative;
	width: 100%;
	height: 565px;
	margin: 0;
	background: #000;
}

.footer2 {
	position: relative;
	width: 100%;
	height: 565px;
	margin: 0;
	background: #000;
}

.foot_wrap {
	display: table;
	width: 1280px;
	height: 380px;
	margin: 0 auto;
	padding: 80px 0 105px;
}

.foot_block1 {
	display: table-cell;
	width: 25%;
	text-align: center;
}

.foot_block2,
.foot_block3 {
	display: table-cell;
	width: 42%;
	text-align: left;
	padding: 0 0 0 0;
}

.foot_block4 {
	display: table-cell;
	width: 32%;
	text-align: left;
	padding: 52px 0 0 0;
	font-size:  14px;
	line-height: 200%;
	letter-spacing: 0.1em;
	color: #fff;
	font-family: "Gotham A", "Gotham B","FOT-筑紫ゴシック Pr5 R",sans-serif;
}

.foot_logo {
	width: 171px;
	height: 100px;
	margin: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(/commons/images/logo_foot.png);
	background-repeat: no-repeat;
	background-size: 171px 100px;
	background-position: center center;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.foot_logo:hover {
	opacity: 0.5;
}

.foot_nav {
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.foot_nav li {
	padding: 0 0 14px 0;
	font-size:  14px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: left;
}

.foot_block3.foot_nav li {
	padding: 0 0 16px 0;
	font-size:  16px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: left;
}

.foot_nav li.foot_nav-title {
	padding: 0 0 18px 0;
}

.foot_nav li a,
.foot_link {
	text-decoration: none;
	color: #fff;
	opacity: 1;
	transition: 0.6s;
}

.foot_nav li a:hover,
.foot_link:hover {
	opacity: 0.5;
}


/* foot sns */

.foot_sns {
	position: absolute;
	top: 70px;
	right: 70px;
}

.foot_sns a {
	float: left;
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}

.foot_facebook {
	width: 10px;
	height: 20px;
	padding: 0 20px 0 0;
	background-image: url(/commons/images/icon_facebook.png);
	background-repeat: no-repeat;
	background-size: 10px 20px;
	opacity: 1;
	transition: 0.6s;
}

.foot_instagram {
	width: 20px;
	height: 20px;
	margin: 0;
	background-image: url(/commons/images/icon_instagram.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	opacity: 1;
	transition: 0.6s;
}

.foot_facebook:hover,
.foot_instagram:hover { opacity: 0.5; }

.btn_top {
	/*position: fixed;*/
	/*bottom: 265px;*/
	position: fixed;
	bottom: 40px;
	right: 50px;
	width: 48px;
	height: 45px;
	margin: 0;
	background: url(/commons/images/btn_top.png) top right no-repeat;
	background-size: cover;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	z-index: 15000;
}

.btn_top:hover {
	opacity: 0.5;
}

.copyright {	
	position: absolute;
	bottom: 105px;
	left: 50%;
	width: 320px;
	margin: 0 0 0 -160px;
	font-size: 10px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
}

.copyright2 {	
	position: absolute;
	bottom: 57px;
	left: 50%;
	width: 320px;
	margin: 0 0 0 -160px;
	font-size: 10px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
}


/*philosolhy*/

#philosophy {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.phi_top_wrap {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	background: #000;
}

.phi_top {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.phi_top_title {
	font-size: 32px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 140%;
	text-align: center;
	opacity: 0;
}

.switch_wrap {
	width: 58px;
	height: 16px;
	position: absolute;
	bottom: 220px;
	left: 50%;
	margin-left: -29px;
}

.switch_wrap2 {
	width: 58px;
	height: 16px;
	position: absolute;
	bottom: 308px;
	left: 50%;
	margin-left: -29px;
}

.phi_top_switch1 {
	width: 54px;
	height: 12px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 12px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}

.switch_toggle {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	border: 1px solid #000;
	border-radius: 10px;
	cursor: pointer;
}

.phi_arrow_wrap {
	width: 58px;
	height: 30px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -29px;
	background-image: url(/commons/images/btn_scrolldown.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.phi_arrow_wrap:hover {
	opacity: 0.5;
}

.phi_top_side {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	height: 100%;
	background-image: url(/commons/images/nasa-53884-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	text-algin: center;
}

.phi_top_side_wrap {
	display: table-cell;
	vertical-align: middle;
	width: 920px;
	height: 100%;
}

.phi_top_side_text {
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 200%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.phi_01 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/scott-webb-55167-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_02 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/wind_new.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_03 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/biogas_top_bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_04 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/jakub-skafiriak-567-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

.phi_05 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/phi_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_06 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/phi_06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_07 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/phi_07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_08 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/krystian-tambur-k7rZ8wTfABA-unsplash_re.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_09 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/INFLUX_web_blue_carbon_photo1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_10 {
	display: table;
	width: 100%;
	height: 450px;
	text-align: center;
	position: relative;
	background: #000;
	background-image: url(/commons/images/INFLUX_web_rov_photo_top_b2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_mat {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	background: #000;
	opacity: 0.1;
}

.phi_wrap {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1100px;
	height: 450px;
	margin-left: -550px;
}

.phi_title {
	display: table-cell;
	vertical-align: middle;
	width: 1100px;
	height: 450px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
}

.phi_01_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_02_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_03_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_04_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_05_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_06_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_07_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_08_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_09_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_10_side {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 450px;
	background: url(/commons/images/black_cover.png);
}

.phi_side_wrap {
	display: table-cell;
	vertical-align: middle;
	width: 1010px;
	height: 450px;
}

.phi_side_text {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 200%;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_btn_wrap {
	width: 100px;
	height: 52px;
	position: absolute;
	top: 50%;
	right: 80px;
	margin-top: -25px;
	background-image: url(/commons/images/phi_btn.png);
	background-repeat: no-repeat;
	background-size: 28px 52px;
	background-position: right top;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.phi_btn_wrap:hover {
	opacity: 0.4;
}


/*phi 振り分け 追加*/

.phi_wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
}

.phi_title_wind {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 450px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
}

.phi_side_wrap2 {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 450px;
}

.phi_side_wrap_wind {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 450px;
}

.phi_side_wrap_wind_left {
	background: url(/commons/images/wind_left.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_side_wrap_wind_right {
	background: url(/commons/images/wind_right.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.phi_title_wind_en {
	width: 100%;
	padding: 10px 0 50px;
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_title_wind_jp {
	width: 100%;
	padding: 0 0 60px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	text-align: center;
}

.phi_title_wind_text {
	max-width: 600px;
	padding: 0 80px 0;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_btn_wrap2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	/*cursor: url(/commons/images/cursor_arrow.cur), auto;*/
	opacity: 1;
	transition: 0.6s;
}

.phi_side_wrap_left,
.phi_side_wrap_right {
	float: left;
	width: 50%;
	height: 450px;
}


/*phi クリック処理追加*/

.phi_01_side, .phi_02_side, .phi_03_side,
.phi_04_side, .phi_05_side, .phi_06_side, .phi_07_side,
.phi_08_side, .phi_09_side, .phi_10_side {
	cursor: pointer;
}

.phi_side_wrap3 {
	display: table-cell;
	vertical-align: middle;
	width: 1100px;/*width: 964px;*/
	height: 450px;
}

.phi_side_title{
	width: 100%;
	padding: 20px 0 30px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_side_title_07,
.phi_side_title_08,
.phi_side_title_09,
.phi_side_title_10{
	width: 100%;
	padding: 0px 0 30px;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_side_text2 {
	width: 935px;
	margin:  0 auto;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: left;
	text-align: justify;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_link_wrap:hover {
	opacity: 0.5;
}

.phi_side_wrap3_wind {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 300px;
	margin: 75px 0;
}

.phi_side_wrap_wind3 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	height: 300px;
	position: relative;
}

.phi_side_wrap_wind_left3 {
}

.phi_side_wrap_wind_right3 {
	border-left: 1px solid #fff;
}

.phi_title_wind_en3 {
	width: 100%;
	padding: 5px 0 20px;
	font-size: 28px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 140%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_title_wind_jp3 {
	width: 100%;
	padding: 0 0 26px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	text-align: center;
}

.phi_title_wind_text3 {
	max-width: 504px;
	padding: 0 80px 30px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: left;
	text-align: justify;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.phi_link_wrap {
	width: 84px;
	height: 18px;
	margin: 0 auto 0;
	padding: 80px 0 0;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
}

.phi_link7 {
	width: 84px;
	height: 18px;
	margin: 0 auto 0;
	padding: 15px 0 20px;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
}

.phi_link8 {
	width: 84px;
	height: 18px;
	margin: 0 auto 0;
	padding: 100px 0 0;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
}

.phi_link9 {
	width: 84px;
	height: 18px;
	margin: 0 auto 0;
	padding: 100px 0 0;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
}

.phi_link10 {
	width: 84px;
	height: 18px;
	margin: 0 auto 0;
	padding: 100px 0 0;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
}

.phi_link2_left,
.phi_link2_right {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 84px;
	height: 18px;
	margin: 0 0 0 -42px;
	cursor: pointer;
	background: url(/commons/images/btn_more.png);
	background-size: 84px 18px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 1;
	transition: 0.6s;
}


/*phi_full_link 追加*/

.phi_link_full {
	position: absolute;
	top: 0;
	left: -3000px;
	width: 100%;
	height: 450px;
	cursor: pointer;
}

.phi_full_link2_left {
	position: absolute;
	top: -75px;
	left: -3000px;
	width: 100%;
	height: 450px;
	cursor: pointer;
}

.phi_full_link2_right {
	position: absolute;
	top: -75px;
	left: -3000px;
	width: 100%;
	height: 450px;
	cursor: pointer;
}


/*phi_2nd*/

.phi_2nd_wrap {
	position: relative;
	width: 100%;
	height: 2600px;
}

.phi_1st_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2600px;
	background-image: url(/commons/images/top1st_fix.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	z-index: 0;
	opacity: 1;
}

.phi_2nd_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2600px;
	background-image: url(/commons/images/top2nd_fix.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	z-index: 1;
	opacity: 1;
}

.phi_3rd_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2600px;
	background-image: url(/commons/images/top3rd_fix.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	z-index: 2;
	opacity: 1;
}

.phi_4th_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2600px;
	background-image: url(/commons/images/top4th_fix.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	z-index: 3;
	opacity: 1;
}


@keyframes bgcolor {
	0% { background-color: #000; }
	100% { background-color: #44444E; }
}

@media only screen and ( max-width: 2000px ){

	.phi_2nd_wrap {
		position: relative;
		width: 100%;
		height: 2000px;
	}

	.phi_1st_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2000px;
		background-image: url(/commons/images/top2nd_02_fix.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		z-index: 0;
		opacity: 1;
	}

	.phi_2nd_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2000px;
		background-image: url(/commons/images/top2nd_01_fix.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		z-index: 1;
		opacity: 1;
	}

}

.phi_2nd_mat {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/commons/images/blmat2600.png);
	background-repeat: repeat;
	background-size: cover;
	background-position: left top;
	z-index: 2;
	opacity: 1;
}

.phi_2nd_text_wrap {
	position: absolute;
	bottom: 140px;
	left: 50%;
	width: 1000px;
	height: auto;
	margin: 0 0 0 -500px;
	z-index: 3;
}

.phi_2nd_title {
	width: 684px;
	height: 40px;
	margin: 0 auto 110px;
	background-image: url(/commons/images/offshore_text2.png);
	background-repeat: repeat;
	background-size: cover;
	background-position: center top;
}

.phi_2nd_text_title_en {
	margin: 0 0 30px;
	text-align: center;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 160%;
	color: #fff;
}

.phi_2nd_text {
	margin: 0 0 80px;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 215%;
	color: #fff;
}

.phi_2nd_logo {
	width: 190px;
	height: 31px;
	margin: 0 auto;
	background-image: url(/commons/images/top_2nd_logo.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}


/* company */

#company {
	width: 100%;
	height: 100%;
	background: #000;
}

#company h2 {
	font-size: 28px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 160%;
	padding: 0 0 62px 0;
}

#company h3 {
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 100%;
	padding: 0 0 35px 0;
}

#company a {
	color: #fff;
	text-decoration: none;
}

.info_text {
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 180%;
	padding: 0 0 35px 0;
}

.info_text_left {
	float: left;
	width: 180px;
}

.info_text_right {
	float: left;
	width: 180px;
}

.googlemap_link {
	display: block;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	padding: 10px 0 0 0;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.googlemap_link:hover {
	opacity: 0.5;
}

.googlemap_arrow {
	display: inline-block;
	width: 49px;
	height: 12px;
	padding: 0 0 0 10px;
	background-image: url(/commons/images/googlemap_arrow.png);
	background-repeat: no-repeat;
	background-size: 49px 8px;
	background-position: right top;
}


/* contact */

#contact {
	width: 100%;
	height: 100%;
	background: #000
}

#contact .content {
	text-align: center;
}

#contact h2 {
	font-size: 28px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 160%;
	padding: 0 0 80px 0;
}

.form_area {
	width: 420px;
	margin: 0 auto;
}

.form_item {
	width: 420px;
	height: auto;
	margin: 0;
	padding: 0 0 20px 0;
	}

input[type="text"] {
	width: 400px;
	border: none;
	padding: 5px 10px;
	font-size: 1em;
	line-height: 200%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	width: 400px;
	height: 232px;
	border: none;
	padding: 5px 10px;
	font-size: 1em;
	line-height: 160%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
}

#submit_btn {
	float: right;
	border: 0px;
	width: 74px;
	height: 30px;
	font-size: 1em;
	background: #fff;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border-radius: 0;
}

#submit_btn:hover {
	opacity: 0.5;
}


/* - */

.top_cnt_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: none;
	z-index: 300;
}


/* solar */

#solar {
	width: 100%;
	height: 100%;
}

.solar_image_01 {
	background-image: url(/commons/images/biel-morro-235394-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_02 {
	background-image: url(/commons/images/photo-1508001300512.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_03 {
	background-image: url(/commons/images/casper-bijmans-394858-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_04 {
	background-image: url(/commons/images/sasha-stories-259980-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_05 {
	background-image: url(/commons/images/jake-givens-576-unsplash_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

.solar_image_06 {
	background-image: url(/commons/images/john-o-nolan-299515-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_07 {
	background-image: url(/commons/images/jussara-romao-335086-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solar_image_08 {
	background-image: url(/commons/images/andrew-knechel-553315-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.dp_site_wrap {
	width: 492px;
	height: 45px;
	margin: 0 auto;
	text-align: center;
}


/* wind */

#wind {
	width: 100%;
	height: 100%;
}

.wind_image_01 {
	background-image: url(/commons/images/propeller.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_02 {
	background-image: url(/commons/images/dimitry-anikin-472618-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_03 {
	background-image: url(/commons/images/mahkeo-381006-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_04 {
	background-image: url(/commons/images/thomas-richter-56177-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_05 {
	background-image: url(/commons/images/matt-artz-445484-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_06 {
	background-image: url(/commons/images/frame-harirak-702887-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wind_image_07 {
	background-image: url(/commons/images/INFLUX_web_onshore_photo6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


/* biomass */

#biomass {
	width: 100%;
	height: 100%;
}

.biomass_image_01 {
	background-image: url(/commons/images/biogas_top_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.biomass_image_02 {
	background-image: url(/commons/images/gozha-net-85-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.biomass_image_03 {
	background-image: url(/commons/images/chuttersnap-146799-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.biomass_image_04 {
	background-image: url(/commons/images/celia-sun-54300-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.biomass_image_05 {
	background-image: url(/commons/images/INFLUX_web_biomass_photo3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.baroon {
	position: absolute;
	top: 33%;
	left: 68%;
	width: 269px;
	height: 227px;
	background-image: url(/commons/images/fukidashi_269_227.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	cursor: pointer;
	opacity: 0;
}

.baroon_wrap {
	display: table-cell;
	vertical-align: middle;
	width: 249px;
	height: 227px;
	padding: 0 0 0 20px;
	text-align: center;
	font-size: 20px;
	line-height: 200%;
	letter-spacing: 0.05em;
	color: #000;
	opacity: 0;
}


/* capacitor */

#capacitor {
	width: 100%;
	height: 100%;
}

.capacitor_image_01 {
	background-image: url(/commons/images/christopher-burns-271403-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.capacitor_image_02 {
	background-image: url(/commons/images/car-wheel-automobile-vehicle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.capacitor_image_03 {
	background-image: url(/commons/images/steve-johnson-552580-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.capacitor_image_04 {
	background-image: url(/commons/images/zac-ong-383099-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.contact_box {
	position: absolute;
	top:145px;
	left: 50%;
	width: 140px;
	height: 140px;
	margin: 0 0 0 360px;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.contact_box:hover {
	opacity: 0.5;
}

.wbox_191_101 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 140px;
	height: 140px;
	margin: 0;
	border-radius: 70px;
	background-color: #fff;
	/*background-image: url(/commons/images/wbox_191_101.png);
	background-repeat: no-repeat;
	background-size: 191px 101px;
	background-position: right top;*/
}


/*enter*/

.enter_wrap {
	display: table-cell;
	vertical-align: middle;
	background: #adadad;
}

.input_wrap {
	width: 560px;
	height: 45px;
	margin: 0 auto;
}

.input_pass_wrap {
	float: left;
	width: 452px;
	height: 45px;
	margin: 0 20px 0 0;
}

input[type="text"].input_pass {
	width: 432px;
	height: 35px;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	font-size: 13px;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"].btn_login {
	float: right;
	border: 0px;
	width: 88px;
	height: 45px;
	background: #000;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"].btn_login:hover {
	opacity: 0.5;
}

.forgot_pass {
	padding: 10px 0 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 160%;
	color: #000;
}

.forgot_here {
	text-decoration: none;
	color: #d8ff00;
	opacity: 1;
	transition: 0.6s;
}

.forgot_here:hover {
	opacity: 0.5;
}


/*confirm*/

.confirm_area {
	width: 550px;
	margin: 0 auto;
}

.confirm_item {
	width: 550px;
	height: 45px;
	padding: 0 0 35px 0;
}

.confirm_btn_wrap {
	width: 106px;
	height: 40px;
	margin: 0 auto;
}

input[type="text"].confirm_mail {
	width: 530px;
	height: 35px;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	font-size: 13px;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"]#confirm_btn {
	float: right;
	border: 0px;
	width: 106px;
	height: 35px;
	background: #000;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"]#confirm_btn:hover {
	opacity: 0.5;
}


/*send*/

.send_wrap {
	display: table-cell;
	vertical-align: middle;
	background: #d8ff00;
}

.return_btn_wrap {
	width: 106px;
	height: 40px;
	margin: 0 auto;
}

.btn_return {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 160px;
	height: 45px;
	background: #fff;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.btn_return:hover {
	opacity: 0.5;
}


/*regist*/

.regist_area {
	width: 550px;
	margin: 0 auto;
}

.regist_item {
	width: 550px;
	height: 45px;
	padding: 0 0 25px 0;
}

.regist_agree {
	width: 550px;
	height: 23px;
	padding: 0 0 55px 0;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.05em;
	position: relative;
}

.regist_agree a {
	text-decoration: underline;
	color: #d8ff00;
}

.regist_btn_wrap {
	width: 106px;
	height: 45px;
	margin: 0 auto;
}

input[type="text"].regist {
	width: 530px;
	height: 35px;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	font-size: 13px;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"]#regist_btn {
	float: right;
	border: 0px;
	width: 106px;
	height: 45px;
	background: #000;
	color: #fff;
	font-size: 12px;
	line-height: 200%;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="submit"]#regist_btn:hover {
	opacity: 0.5;
}

input[type="checkbox"].regist_check {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
	opacity: 0;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="checkbox"].regist_check + label {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	display: block;
	background-image: url(/commons/images/checkbox_off.png);
	background-size: 23px 23px;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 0 36px;
	text-align: left;
	height: 23px;
	font-size: 12px;
	line-height: 200%;
}

.checked input[type="checkbox"].regist_check + label{
	background-image: url(/commons/images/checkbox_on.png);
}

.btn_wclose {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 160px;
	height: 45px;
	background: #fff;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.btn_wclose:hover {
	opacity: 0.5;
}



/* Development */

#development {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 0px;
	background-color: #000;
}

.development_wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 130px;
} 

.map_wrap {
	position:relative;
	width: 1260px;
	height: 772px;
	margin: 0 auto;
}

.map_spacer { height: 70px;}

#map {
	position: absolute;
	top: 0;
	left: 50%;
	width: 801px;
	height:772px;
	margin: 0 0 0 -400px;
	background-image: url(/commons/images/map.png);
	background-size: 801px 772px;
	background-position: center top;
	background-repeat: no-repeat;
}

@keyframes pulseMotion {
  0% {
    transform: translate(-50%, -50%) scale(1, 1);
    background-color: rgba(216,255,0, 1)
  }
  40% {
    transform: translate(-50%, -50%) scale(1, 1);
    background-color: rgba(216,255,0, 0)
  }
  80% {
    transform: translate(-50%, -50%) scale(1, 1);
    background-color: rgba(216,255,0, 1)
  }
  100% {
    transform: translate(-50%, -50%) scale(1, 1);
    background-color: rgba(216,255,0, 1)
  }
}

.number_wrap {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 13px 0 0;
	position: relative;
	transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 2s;
	background-color: #fff;
}

.number_wrap:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: opacity linear 2s;
  content: '';
}

.number_wrap:after {
  animation: pulseMotion 4s linear infinite;
}

/*dot motion*/

.blinkwrap_01 {
	position: absolute;
	top: 254px;
	left: 468px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_02 {
	position: absolute;
	top: 372px;
	left: 483px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_03 {
	position: absolute;
	top: 384px;
	left: 472px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_04 {
	position: absolute;
	top: 430px;
	left: 466px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_05 {
	position: absolute;
	top: 446px;
	left: 456px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_06 {
	position: absolute;
	top: 551px;
	left: 275px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_07 {
	position: absolute;
	top: 606px;
	left: 278px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_08 {
	position: absolute;
	top: 583px;
	left: 133px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_09 {
	position: absolute;
	top: 635px;
	left: 112px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_10 {
	position: absolute;
	top: 677px;
	left: 103px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_01 {
	position: absolute;
	top: 604px;
	left: 319px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_02 {
	position: absolute;
	top: 124px;
	left: -185px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_03 {
	position: absolute;
	top: 825px;
	left: 306px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_04 {
	position: absolute;
	top: 832px;
	left: 355px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_05 {
	position: absolute;
	top: -203px;
	left: -210px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_k_06 {
	position: absolute;
	top: 613px;
	left: 311px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_01 {
	position: absolute;
	top: 109px;
	left: 505px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_02 {
	position: absolute;
	top: 415px;
	left: 475px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_03 {
	position: absolute;
	top: 415px;
	left: 466px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_04 {
	position: absolute;
	top: 457px;
	left: 468px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_05 {
	position: absolute;
	top: 707px;
	left: 103px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_06 {
	position: absolute;
	top: 712px;
	left: 95px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_201 {
	position: absolute;
	top: 73px;
	left: 501px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_202 {
	position: absolute;
	top: 118px;
	left: 492px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_203 {
	position: absolute;
	top: 136px;
	left: 456px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_204 {
	position: absolute;
	top: 248px;
	left: 504px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_205 {
	position: absolute;
	top: 265px;
	left: 432px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_206 {
	position: absolute;
	top: 337px;
	left: 432px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_207 {
	position: absolute;
	top: 442px;
	left: 493px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_208 {
	position: absolute;
	top: 570px;
	left: 350px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_209 {
	position: absolute;
	top: 602px;
	left: 53px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_210 {
	position: absolute;
	top: 610px;
	left: 34px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_211 {
	position: absolute;
	top: 627px;
	left: 23px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_212 {
	position: absolute;
	top: 637px;
	left: 23px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_w_213 {
	position: absolute;
	top: 702px;
	left: 58px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_001 {
	position: absolute;
	top: 757px;
	left: 296px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_002 {
	position: absolute;
	top: 841px;
	left: 277px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_003 {
	position: absolute;
	top: 857px;
	left: 314px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_004 {
	position: absolute;
	top: 700px;
	left: 569px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_006 {
	position: absolute;
	top: 815px;
	left: 281px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap_kw_007 {
	position: absolute;
	top: 615px;
	left: 282px;
	width: 8px;
	height: 8px;
	z-index: 100;
}

.blinkwrap {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
}

.base {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 16px;
	height: 16px;
	margin: 0;
	background-image: url(/commons/images/ydot.png);
	background-size: 16px 16px;
	background-position: center center;
}

.point {
	display: block;
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0;
	background-color: #ccc;
	border-radius: 50%;
	transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 2s;
	cursor: pointer;
}

.point.-active {
	background-color: #fff;
	/*filter: drop-shadow(0 0 10px rgba(37,193,70,1));*/
}

.point.:focus {
	outline: none;
}

.point:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: opacity linear 2s;
	content: '';
}

.point.-active:after {
	animation: pulseMotion2 3s linear infinite;
}

@keyframes pulseMotion2 {
	0% {
		transform: translate(-50%, -50%) scale(1, 1);
		background-color: rgba(216,255,0, 1)
	}
	20% {
		transform: translate(-50%, -50%) scale(1, 1);
		background-color: rgba(216,255,0, 0)
	}
	80% {
		transform: translate(-50%, -50%) scale(1, 1);
		background-color: rgba(216,255,0, 0)
	}
	100% {
		transform: translate(-50%, -50%) scale(1, 1);
		background-color: rgba(216,255,0, 1)
	}
}

/*end dot motion*/

.number {
	position: absolute;
	width: 40px;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	text-align: center;
	font-size: 17px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
	z-index: 100;
}

.en_name {
	display: block;
	padding: 11px 0 0;
	text-align: left;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.en_name_double {
	text-align: left;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.jp_name {
	display: block;
	text-align: left;
	font-size: 12px;
	line-height: 200%;
	letter-spacing: 0.05em;
	color: #fff;
	font-family: "Gotham A", "Gotham B", sans-serif;
}


/*solar map*/

.arrow_001 {
	position: absolute;
	left: 345px;
	top: 254px;
	width: 131px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0001.png);
	background-repeat: no-repeat;
	background-size: 131px 8px;
	background-position: top left;
}

.arrow_002 {
	position: absolute;
	left: 483px;
	top: 282px;
	width: 177px;
	height: 99px;
	background-image: url(/commons/images/map_arrow_0002.png);
	background-repeat: no-repeat;
	background-size: 177px 99px;
	background-position: top left;
}

.arrow_003 {
	position: absolute;
	left: 473px;
	top: 384px;
	width: 185px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0003.png);
	background-repeat: no-repeat;
	background-size: 185px 8px;
	background-position: top left;
}

.arrow_004 {
	position: absolute;
	left: 474px;
	top: 399px;
	width: 187px;
	height: 72px;
	background-image: url(/commons/images/map_arrow_0004.png);
	background-repeat: no-repeat;
	background-size: 187px 72px;
	background-position: top left;
}

.arrow_005 {
	position: absolute;
	left: 467px;
	top: 431px;
	width: 195px;
	height: 128px;
	background-image: url(/commons/images/map_arrow_0005.png);
	background-repeat: no-repeat;
	background-size: 195px 128px;
	background-position: top left;
}

.arrow_006 {
	position: absolute;
	left: 456px;
	top: 446px;
	width: 207px;
	height: 201px;
	background-image: url(/commons/images/map_arrow_0006.png);
	background-repeat: no-repeat;
	background-size: 207px 201px;
	background-position: top left;
}

.arrow_007 {
	position: absolute;
	left: 275px;
	top: 416px;
	width: 8px;
	height: 143px;
	background-image: url(/commons/images/map_arrow_0007.png);
	background-repeat: no-repeat;
	background-size: 8px 143px;
	background-position: top left;
}

.arrow_008 {
	position: absolute;
	left: 278px;
	top: 606px;
	width: 125px;
	height: 125px;
	background-image: url(/commons/images/map_arrow_0008.png);
	background-repeat: no-repeat;
	background-size: 125px 125px;
	background-position: top left;
}

.arrow_009 {
	position: absolute;
	left: 112px;
	top: 635px;
	width: 98px;
	height: 98px;
	background-image: url(/commons/images/map_arrow_0009.png);
	background-repeat: no-repeat;
	background-size: 98px 98px;
	background-position: top left;
}

.arrow_010 {
	position: absolute;
	left: -7px;
	top: 677px;
	width: 126px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0010_2.png);
	background-repeat: no-repeat;
	background-size: 118px 8px;
	background-position: top left;
}

.arrow_011 {
	position: absolute;
	left: -34px;
	top: 416px;
	width: 175px;
	height: 175px;
	background-image: url(/commons/images/map_arrow_0011.png);
	background-repeat: no-repeat;
	background-size: 175px 175px;
	background-position: top left;
}

.mapping {
	position: absolute;
	margin: 0;
	padding: 0 0 0 3px;
/*	background: url(/images/bg_play.png) top left no-repeat;*/
	text-align: left;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
}

.map_001 {
	left: 195px;
	top: 238px;
	width: 200px;
	height: 40px;
}

.map_002 {
	left: 664px;
	top: 248px;
	width: 200px;
	height: 40px;
}

.map_003 {
	left: 664px;
	top: 368px;
	width: 200px;
	height: 40px;
}

.map_004 {
	left: 664px;
	top: 462px;
	width: 200px;
	height: 40px;
}

.map_005 {
	left: 664px;
	top: 554px;
	width: 200px;
	height: 40px;
}

.map_006 {
	left: 664px;
	top: 650px;
	width: 200px;
	height: 40px;
}

.map_007 {
	position: absolute;
	left: 195px;
	top: 370px;
	width: 200px;
	height: 40px;
}

.map_008 {
	left: 402px;
	top: 737px;
	width: 200px;
	height: 40px;
}

.map_009 {
	left: 211px;
	top: 737px;
	width: 200px;
	height: 40px;
}

.map_010 {
	left: -140px;
	top: 661px;
	width: 200px;
	height: 40px;
}

.map_011 {
	position: absolute;
	left: -140px;
	top: 373px;
	width: 200px;
	height: 40px;
}


/*wind map*/

.arrow_101 {
	position: absolute;
	left: 505px;
	top: 109px;
	width: 119px;
	height: 119px;
	background-image: url(/commons/images/map_arrow_0101.png);
	background-repeat: no-repeat;
	background-size: 119px 119px;
	background-position: top left;
}

.arrow_102 {
	position: absolute;
	left: 475px;
	top: 415px;
	width: 143px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0102.png);
	background-repeat: no-repeat;
	background-size: 143px 8px;
	background-position: top left;
}

.arrow_103 {
	position: absolute;
	left: 310px;
	top: 265px;
	width: 164px;
	height: 158px;
	background-image: url(/commons/images/map_arrow_en0103.png);
	background-repeat: no-repeat;
	background-size: 164px 158px;
	background-position: top left;
}

.arrow_104 {
	position: absolute;
	left: 469px;
	top: 457px;
	width: 154px;
	height: 154px;
	background-image: url(/commons/images/map_arrow_0104.png);
	background-repeat: no-repeat;
	background-size: 154px 154px;
	background-position: top left;
}

.arrow_105 {
	position: absolute;
	left: 103px;
	top: 707px;
	width: 123px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0105.png);
	background-repeat: no-repeat;
	background-size: 123px 8px;
	background-position: top left;
}

.arrow_106 {
	position: absolute;
	left: -40px;
	top: 712px;
	width: 144px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0106.png);
	background-repeat: no-repeat;
	background-size: 144px 8px;
	background-position: top left;
}

.arrow_107 {
	position: absolute;
	left: 450px;
	top: 135px;
	width: 153px;
	height: 115px;
	background-image: url(/commons/images/map_arrow_107.png);
	background-repeat: no-repeat;
	background-size: 153px 115px;
	background-position: top left;
}


.map_101 {
	left: 624px;
	top: 231px;
	width: 300px;
	height: 40px;
}

.map_102 {
	left: 624px;
	top: 400px;
	width: 400px;
	height: 40px;
}

.map_103 {
	left: 98px;
	top: 231px;
	width: 300px;
	height: 40px;
}

.map_104 {
	left: 624px;
	top: 615px;
	width: 300px;
	height: 40px;
}

.map_105 {
	left: 230px;
	top: 692px;
	width: 240px;
	height: 40px;
}

.map_106 {
	left: -202px;
	top: 697px;
	width: 400px;
	height: 40px;
}

.map_107 {
	left: 605px;
	top: 232px;
	width: 300px;
	height: 40px;
}


/*offshore wind map*/

.arrow_201 {
	position: absolute;
	left: 370px;
	top: 30px;
	width: 140px;
	height: 52px;
	background-image: url(/commons/images/map_arrow_0201.png);
	background-repeat: no-repeat;
	background-size: 140px 52px;
	background-position: top left;
}

.arrow_202 {
	position: absolute;
	left: 372px;
	top: 118px;
	width: 129px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0202.png);
	background-repeat: no-repeat;
	background-size: 129px 8px;
	background-position: top left;
}

.arrow_203 {
	position: absolute;
	left: 457px;
	top: 137px;
	width: 160px;
	height: 102px;
	background-image: url(/commons/images/map_arrow_0203.png);
	background-repeat: no-repeat;
	background-size: 160px 102px;
	background-position: top left;
}

.arrow_204 {
	position: absolute;
	left: 503px;
	top: 248px;
	width: 114px;
	height: 83px;
	background-image: url(/commons/images/map_arrow_0204.png);
	background-repeat: no-repeat;
	background-size: 114px 83px;
	background-position: top left;
}

.arrow_205 {
	position: absolute;
	left: 377px;
	top: 265px;
	width: 64px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0205.png);
	background-repeat: no-repeat;
	background-size: 64px 8px;
	background-position: top left;
}

.arrow_206 {
	position: absolute;
	left: 315px;
	top: 337px;
	width: 126px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0206.png);
	background-repeat: no-repeat;
	background-size: 126px 8px;
	background-position: top left;
}

.arrow_207 {
	position: absolute;
	left: 493px;
	top: 442px;
	width: 123px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0207.png);
	background-repeat: no-repeat;
	background-size: 123px 8px;
	background-position: top left;
}

.arrow_208 {
	position: absolute;
	left: 350px;
	top: 570px;
	width: 171px;
	height: 8px;
	background-image: url(/commons/images/map_arrow_0208.png);
	background-repeat: no-repeat;
	background-size: 171px 8px;
	background-position: top left;
}

.arrow_209 {
	position: absolute;
	left: 53px;
	top: 476px;
	width: 8px;
	height: 134px;
	background-image: url(/commons/images/map_arrow_0209.png);
	background-repeat: no-repeat;
	background-size: 8px 134px;
	background-position: top left;
}

.arrow_210 {
	position: absolute;
	left: -45px;
	top: 474px;
	width: 87px;
	height: 144px;
	background-image: url(/commons/images/map_arrow_0210.png);
	background-repeat: no-repeat;
	background-size: 87px 144px;
	background-position: top left;
}

.arrow_211 {
	position: absolute;
	left: 23px;
	top: 627px;
	width: 207px;
	height: 74px;
	background-image: url(/commons/images/map_arrow_0211.png);
	background-repeat: no-repeat;
	background-size: 207px 74px;
	background-position: top left;
}

.arrow_212 {
	position: absolute;
	left: -77px;
	top: 637px;
	width: 109px;
	height: 138px;
	background-image: url(/commons/images/map_arrow_0212.png);
	background-repeat: no-repeat;
	background-size: 109px 138px;
	background-position: top left;
}

.arrow_213 {
	position: absolute;
	left: 57px;
	top: 702px;
	width: 172px;
	height: 92px;
	background-image: url(/commons/images/map_arrow_0213.png);
	background-repeat: no-repeat;
	background-size: 172px 92px;
	background-position: top left;
}



.map_201 {
	left: 115px;
	top: 11px;
	width: 300px;
	height: 40px;
}

.map_202 {
	left: 115px;
	top: 104px;
	width: 400px;
	height: 40px;
}

.map_203 {
	left: 620px;
	top: 237px;
	width: 300px;
	height: 40px;
}

.map_204 {
	left: 620px;
	top: 332px;
	width: 300px;
	height: 40px;
}

.map_205 {
	left: 190px;
	top: 248px;
	width: 240px;
	height: 40px;
}

.map_206 {
	left: 190px;
	top: 322px;
	width: 400px;
	height: 40px;
}

.map_207 {
	left: 620px;
	top: 426px;
	width: 300px;
	height: 40px;
}

.map_208 {
	left: 525px;
	top: 554px;
	width: 300px;
	height: 40px;
}

.map_209 {
	left: 35px;
	top: 430px;
	width: 300px;
	height: 40px;
}

.map_210 {
	left: -198px;
	top: 430px;
	width: 300px;
	height: 40px;
}

.map_211 {
	left: 233px;
	top: 690px;
	width: 400px;
	height: 40px;
}

.map_212 {
	left: -198px;
	top: 784px;
	width: 300px;
	height: 40px;
}

.map_213 {
	left: 233px;
	top: 784px;
	width: 300px;
	height: 40px;
}



.thumbs {
	width: 928px;
	margin: 0 auto;
	padding: 150px 0 0;
}

.thumbs3 {
	width: 696px;
	margin: 0 auto;
	padding: 150px 0 0;
}

.thumb {
	float: left;
	width: 188px;
	height: 274px;
	margin: 0 22px 70px;
	background-image: url(/commons/images/yellow_box_189_274.png);
	background-repeat: no-repeat;
	background-size: 189px 274px;
	background-position: top left;
	position: relative;
}

.thumb2 {
	float: left;
	width: 188px;
	height: 261px;
	margin: 0 22px 70px;
	background-image: url(/commons/images/yellow_box_189_261.png);
	background-repeat: no-repeat;
	background-size: 188px 261px;
	background-position: top left;
	position: relative;
}

.last {
	margin-right: 0;
}

.movie_wrap {
	width: 139px;
	height: 101px;
	margin: 0 auto;
}

.thumb a,
.thumb2 a {
	display: table-cell;
	width: 139px;
	height: 101px;
	margin: 0;
	background-image: url(/commons/images/thumb_dammy.jpg);
	background-repeat: no-repeat;
	background-size: 139px 101px;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
	opacity: 1;
	transition: 0.6s;
}

.thumb a:hover,
.thumb2 a:hover {
	opacity: 0.5
}

img.movie_play_thumb {
	width: 139px;
	height: 101px;
	margin: 0;
	overflow: hidden;
}

.thumb a img,
.thumb2 a img {
	width: 139px;
	height: 101px;
	margin: 0;
	overflow: hidden;
}

.thumb a.solar_aomori { background-image: url(/commons/images/solar_01aomori.jpg); }
.thumb a.solar_kurokawa { background-image: url(/commons/images/solar_02miyagi.jpg); }
.thumb a.solar_sukagawa { background-image: url(/commons/images/solar_04sukagawa.jpg); }
.thumb a.solar_shirakawa { background-image: url(/commons/images/solar_05shirakawa.jpg); }

.thumb_info {
	width: 188px;
	height: 273px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.thumb_info2 {
	width: 188px;
	height: 261px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.wh_number {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 100px;
	height: 20px;
	margin-left: -50px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
}

.bk_number {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 100px;
	height: 20px;
	margin-left: -50px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	color: #000;
}

.thumb_info_title_en {
	display: table-cell;
	width: 188px;
	vertical-align: bottom;
	text-align: center;
	height: 40px;
	padding: 15px 0 10px 0;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 120%;
	color: #000;
}

.thumb_info_title_jp {
	margin: 0 0 18px 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
}

.thumb_info_est {
	margin: 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 160%;
	color: #000;
}

.thumb_info_mw {
	margin: 20px 0 8px 0;
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
}

.thumb_info_phase1 {
	position: absolute;
	top: 238px;
	left: 12px;
	width: 103px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.thumb_info_phase2 {
	position: absolute;
	top: 238px;
	right: 26px;
	width: 103px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}


/*wide ver*/

.thumbs_wide {
	width: 1104px;
	margin: 0 auto;
	padding: 200px 0 0;
}

.thumbs3 {
	width: 696px;
	margin: 0 auto;
	padding: 150px 0 0;
}

.thumb230 {
	float: left;
	width: 230px;
	height: 330px;
	margin: 0 23px 70px;
	background-image: url(/commons/images/yellowbox_230_330.png);
	background-repeat: no-repeat;
	background-size: 230px 330px;
	background-position: center center;
	position: relative;
}

.thumb_info230 {
	width: 230px;
	height: 330px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.thumb_info_titlewrap {
	display: table-cell;
	width: 230px;
	height: 100px;
	vertical-align: middle;
}

.wide_en_only {
	margin: 0;
	padding: 14px 0 0;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 120%;
	color: #000;
}

.wide_en_only12 {
	font-size: 12px;
}

.movie_wrap_wide {
	width: 208px;
	height: 129px;
	margin: 0 auto;
}

.movie_wrap_wide .movie {
	display: table-cell;
	width: 208px;
	height: 129px;
	margin: 0 auto;
	background-image: url(/commons/images/wide_comingsoon2.png);
	background-repeat: no-repeat;
	background-size: 208px 129px;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
	opacity: 1;
	transition: 0.6s;
}

.movie_wrap_wide .onshore_cs1 {
	background-image: url(/commons/images/onshore_cs1.jpg);
}

.movie_wrap_wide .onshore_cs2 {
	background-image: url(/commons/images/onshore_cs2.jpg);
}

.movie_wrap_wide .offshore_cs1 {
	background-image: url(/commons/images/offshore_cs1.jpg);
}

.movie_wrap_wide .offshore_cs2 {
	background-image: url(/commons/images/offshore_cs2.jpg);
}

.movie_wrap_wide a {
	opacity: 1;
	transition: 0.6s;
}

.movie_wrap_wide a:hover {
	opacity: 0.5;
}

.movie_wrap_wide a.solar_aomori { background-image: url(/commons/images/wide_aomori.jpg); }
.movie_wrap_wide a.solar_kurokawa { background-image: url(/commons/images/wide_kurokawa.jpg); }
.movie_wrap_wide a.solar_sukagawa { background-image: url(/commons/images/wide_sukagawa.jpg); }
.movie_wrap_wide a.solar_shirakawa { background-image: url(/commons/images/shirakawa_solar2.jpg); }
.movie_wrap_wide a.solar_yumuta { background-image: url(/commons/images/yumuta_solar2.jpg); }

.movie_wrap_wide a.wind_ajigasawa { background-image: url(/commons/images/wind_ajigasawa.jpg); }
.movie_wrap_wide a.wind_hirado { background-image: url(/commons/images/wind_hirado.jpg); }
.movie_wrap_wide a.wind_karatsu { background-image: url(/commons/images/wind_karatsu.jpg); }
.movie_wrap_wide a.wind_fukiage { background-image: url(/commons/images/wind_fukiage.jpg); }
.movie_wrap_wide a.wind_ishikari { background-image: url(/commons/images/wind_ishikari.jpg); }
.movie_wrap_wide a.wind_minamishiribeshi { background-image: url(/commons/images/wind_minamishiribeshi.jpg); }

.movie_wrap_wide a.wind_jindo1 { background-image: url(/commons/images/wind_jindo1.jpg); }
.movie_wrap_wide a.wind_jindo2 { background-image: url(/commons/images/wind_jindo2.jpg); }
.movie_wrap_wide a.wind_goheung { background-image: url(/commons/images/wind_goheung.jpg); }
.movie_wrap_wide a.wind_gunsan { background-image: url(/commons/images/wind_gunsan.jpg); }
.movie_wrap_wide a.wind_shinan { background-image: url(/commons/images/wind_shinan.jpg); }

.thumb_info_mw_wide {
	margin: 22px 0 6px 0;
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.1em;
	line-height: 120%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.thumb_info_est_wide {
	margin: 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 160%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}


/*world map*/

.world_map_wrap {
	position:relative;
	width: 1260px;
	height: 730px;
	margin: 0 auto;
}

#world_map {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1244px;
	height:730px;
	margin: 0 0 0 -622px;
	background-image: url(/commons/images/world_map.png);
	background-size: 1244px 730px;
	background-position: center top;
	background-repeat: no-repeat;
}

.w_arrow_001 {
	position: absolute;
	left: 580px;
	top: 352px;
	width: 82px;
	height: 8px;
	background-image: url(/commons/images/map_w_arrow_001.png);
	background-repeat: no-repeat;
	background-size: 82px 8px;
	background-position: top left;
}

.w_arrow_002 {
	position: absolute;
	left: 320px;
	top: 410px;
	width: 50px;
	height: 75px;
	background-image: url(/commons/images/map_w_arrow_002.png);
	background-repeat: no-repeat;
	background-size: 50px 75px;
	background-position: top left;
}

.w_arrow_003 {
	position: absolute;
	left: 540px;
	top: 353px;
	width: 59px;
	height: 59px;
	background-image: url(/commons/images/map_w_arrow_003.png);
	background-repeat: no-repeat;
	background-size: 59px 59px;
	background-position: top left;
}

.w_mapping {
	position: absolute;
	margin: 0;
	padding: 0 0 0 3px;
	text-align: left;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
}

.w_map_001 {
	left: 667px;
	top: 336px;
	width: 200px;
	height: 40px;
}

.w_map_002 {
	left: 297px;
	top: 490px;
	width: 200px;
	height: 40px;
}

.w_map_003 {
	left: 602px;
	top: 394px;
	width: 200px;
	height: 40px;
}

.w_en_name {
	text-align: left;
	font-size: 18px;
	line-height: 220%;
	letter-spacing: 0.1em;
	color: #fff;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.w_jp_name {
	display: block;
	margin: -5px 0 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #fff;
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}

/*india map*/

.india_map_wrap {
	position:relative;
	width: 1260px;
	height: 759px;
	margin: 0 auto;
}

#india_map {
	position: absolute;
	top: 0;
	left: 50%;
	width: 878px;
	height:759px;
	margin: 0 0 0 -439px;
	background-image: url(/commons/images/map_india.png);
	background-size: 878px 759px;
	background-position: center top;
	background-repeat: no-repeat;
}

.i_arrow_001 {
	position: absolute;
	left: 125px;
	top: 183px;
	width: 140px;
	height: 140px;
	background-image: url(/commons/images/map_i_arrow_001.png);
	background-repeat: no-repeat;
	background-size: 140px 140px;
	background-position: top left;
}

.i_arrow_002 {
	position: absolute;
	left: 119px;
	top: 315px;
	width: 146px;
	height: 8px;
	background-image: url(/commons/images/map_i_arrow_002.png);
	background-repeat: no-repeat;
	background-size: 146px 8px;
	background-position: top left;
}

.i_arrow_003 {
	position: absolute;
	left: 221px;
	top: 616px;
	width: 184px;
	height: 8px;
	background-image: url(/commons/images/map_i_arrow_003.png);
	background-repeat: no-repeat;
	background-size: 184px 8px;
	background-position: top left;
}

.i_arrow_004 {
	position: absolute;
	left: 440px;
	top: 531px;
	width: 160px;
	height: 85px;
	background-image: url(/commons/images/map_i_arrow_004.png);
	background-repeat: no-repeat;
	background-size: 160px 85px;
	background-position: top left;
}

.i_mapping {
	position: absolute;
	margin: 0;
	padding: 0 0 0 3px;
	text-align: left;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
}

.i_map_001 {
	left: -18px;
	top: 138px;
	width: 200px;
	height: 40px;
}

.i_map_002 {
	left: -70px;
	top: 310px;
	width: 200px;
	height: 40px;
}

.i_map_003 {
	left: 20px;
	top: 611px;
	width: 200px;
	height: 40px;
}

.i_map_004 {
	left: 606px;
	top: 610px;
	width: 300px;
	height: 40px;
}

.i_en_name {
	text-align: left;
	font-size: 18px;
	line-height: 220%;
	letter-spacing: 0.1em;
	color: #fff;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.i_jp_name {
	display: block;
	margin: -5px 0 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #fff;
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}


/*korea map*/

.korea_map_wrap {
	position:relative;
	width: 1260px;
	height: 958px;
	padding: 70px 0 0;
	margin: 0 auto;
}

#korea_map {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 683px;
	height:958px;
	margin: 0 0 0 -310px;
	background-image: url(/commons/images/map_korea.png);
	background-size: 683px 958px;
	background-position: center top;
	background-repeat: no-repeat;
}

.thumbs_wide_korea {

}

.k_arrow_001 {
	position: absolute;
	left: 147px;
	top: 530px;
	width: 181px;
	height: 83px;
	background-image: url(/commons/images/map_k_arrow_0001.png);
	background-repeat: no-repeat;
	background-size: 181px 83px;
	background-position: top left;
}

.k_arrow_002 {
	position: absolute;
	left: 324px;
	top: 608px;
	width: 287px;
	height: 2px;
	background-image: url(/commons/images/map_k_arrow_0002.png);
	background-repeat: no-repeat;
	background-size: 287px 2px;
	background-position: top left;
}

.k_arrow_003 {
	position: absolute;
	left: 136px;
	top: 826px;
	width: 178px;
	height: 95px;
	background-image: url(/commons/images/map_k_arrow_0003.png);
	background-repeat: no-repeat;
	background-size: 178px 95px;
	background-position: top left;
}

.k_arrow_004 {
	position: absolute;
	left: 355px;
	top: 832px;
	width: 252px;
	height: 8px;
	background-image: url(/commons/images/map_k_arrow_0004.png);
	background-repeat: no-repeat;
	background-size: 252px 8px;
	background-position: top left;
}

.k_arrow_005 {
	position: absolute;
	left: 637px;
	top: 868px;
	width: 2px;
	height: 35px;
	background-image: url(/commons/images/map_k_arrow_0005.png);
	background-repeat: no-repeat;
	background-size: 2px 35px;
	background-position: top left;
}

.k_arrow_006 {
	position: absolute;
	left: 109px;
	top: 614px;
	width: 210px;
	height: 8px;
	background-image: url(/commons/images/map_k_arrow_0006.png);
	background-repeat: no-repeat;
	background-size: 210px 8px;
	background-position: top left;
}

.kw_arrow_001 {
	position: absolute;
	left: 186px;
	top: 717px;
	width: 119px;
	height: 49px;
	background-image: url(/commons/images/map_kw_arrow_0001_2.png);
	background-repeat: no-repeat;
	background-size: 119px 49px;
	background-position: top left;
}

.kw_arrow_002 {
	position: absolute;
	left: 114px;
	top: 841px;
	width: 172px;
	height: 87px;
	background-image: url(/commons/images/map_kw_arrow_0002_2.png);
	background-repeat: no-repeat;
	background-size: 172px 87px;
	background-position: top left;
}

.kw_arrow_0001 {
	position: absolute;
	left: 185px;
	top: 832px;
	width: 118px;
	height: 149px;
	background-image: url(/commons/images/map_kw_arrow_0001.png);
	background-repeat: no-repeat;
	background-size: 118px 149px;
	background-position: top left;
}

.kw_arrow_0002 {
	position: absolute;
	left: 310px;
	top: 835px;
	width: 144px;
	height: 125px;
	background-image: url(/commons/images/map_kw_arrow_0002.png);
	background-repeat: no-repeat;
	background-size: 144px 125px;
	background-position: top left;
}

.kw_arrow_003 {
	position: absolute;
	left: 315px;
	top: 857px;
	width: 119px;
	height: 65px;
	background-image: url(/commons/images/map_kw_arrow_0003.png);
	background-repeat: no-repeat;
	background-size: 119px 65px;
	background-position: top left;
}

.kw_arrow_004 {
	position: absolute;
	left: 569px;
	top: 700px;
	width: 91px;
	height: 8px;
	background-image: url(/commons/images/map_kw_arrow_0004.png);
	background-repeat: no-repeat;
	background-size: 91px 8px;
	background-position: top left;
}

.kw_arrow_005 {
	position: absolute;
	left: 687px;
	top: 732px;
	width: 2px;
	height: 35px;
	background-image: url(/commons/images/map_kw_arrow_0005.png);
	background-repeat: no-repeat;
	background-size: 2px 35px;
	background-position: top left;
}

.kw_arrow_006 {
	position: absolute;
	left: 132px;
	top: 815px;
	width: 157px;
	height: 8px;
	background-image: url(/commons/images/map_kw_arrow_0006.png);
	background-repeat: no-repeat;
	background-size: 157px 8px;
	background-position: top left;
}

.kw_arrow_007 {
	position: absolute;
	left: 121px;
	top: 615px;
	width: 169px;
	height: 8px;
	background-image: url(/commons/images/map_kw_arrow_0007.png);
	background-repeat: no-repeat;
	background-size: 169px 8px;
	background-position: top left;
}

.k_mapping {
	position: absolute;
	margin: 0;
	padding: 0 0 0 3px;
	text-align: left;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	line-height: 100%;
	color: #fff;
}

.k_map_001 {
	left: -25px;
	top: 485px;
	width: 300px;
	height: 40px;
}

.k_map_002 {
	left: 614px;
	top: 590px;
	width: 300px;
	height: 40px;
}

.k_map_003 {
	left: -25px;
	top: 912px;
	width: 300px;
	height: 40px;
}

.k_map_004 {
	left: 614px;
	top: 816px;
	width: 300px;
	height: 40px;
}

.k_map_005 {
	left: 614px;
	top: 913px;
	width: 300px;
	height: 40px;
}

.k_map_006 {
	left: -25px;
	top: 598px;
	width: 300px;
	height: 40px;
}

.kw_map_001 {
	left: -18px;
	top: 697px;
	width: 300px;
	height: 40px;
}

.kw_map_002 {
	left: -18px;
	top: 917px;
	width: 300px;
	height: 40px;
}

.kw_map_0001 {
	left: 42px;
	top: 970px;
	width: 300px;
	height: 40px;
}

.kw_map_0002 {
	left: 456px;
	top: 957px;
	width: 300px;
	height: 40px;
}

.kw_map_003 {
	left: 437px;
	top: 917px;
	width: 300px;
	height: 40px;
}

.kw_map_004 {
	left: 665px;
	top: 684px;
	width: 300px;
	height: 40px;
}

.kw_map_005 {
	left: 665px;
	top: 774px;
	width: 300px;
	height: 40px;
}

.kw_map_006 {
	left: -18px;
	top: 800px;
	width: 300px;
	height: 40px;
}

.kw_map_007 {
	left: -18px;
	top: 600px;
	width: 300px;
	height: 40px;
}



/*general*/

.wrapper {
	width: 100%;
	height: 100%;
	background: #000
}

.section {
	display: table;
	width: 920px;
	height: 100%;
	margin: 0 auto;
}

.content {
	display: table-cell;
	vertical-align: middle;
}

.cnt_close {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 33px;
	height: 33px;
	background-image: url(/commons/images/btn_close.png);
	background-repeat: no-repeat;
	background-size: 33px 33px;
	background-position: center center;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.cnt_close:hover { 
	opacity: 0.5;
}

.image_wrap {
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
}

.image_wrap_title {
	position: absolute;
	bottom: 44%;
	width: 100%;
	height: auto;
	font-size: 44px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 145%;
	text-align: center;
}

.image_wrap_number {
	position: absolute;
	bottom: 25%;
	left: 50%;
	width: 205px;
	height: 30px;
	margin: 0 0 0 -100px;
}

.number_left,
.number_right {
	float: left;
	width: 55px;
	height: 31px;
	margin: -15px 0 0 0;
	font-size: 31px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 100%;
	text-align: center;
}

.number_right {
	float: right;
	width: 60px;
	margin: -17px 0 0 0;
	text-align: right;
}

.yellow {
	color: #d8ff00;
}

.line_yellow {
	border-color: #d8ff00;
}

.number_bar {
	width: 90px;
	height: 1px;
	margin: 0 auto;
	border-top: 2px solid #fff;
}

.bl_block {
	width: 100%;
	height: auto;
	background: #000;
}

.bl_block_710 {
	width: 100%;
	height: 710px;
	background: #000;
	text-align: center;
}

.wh_block {
	width: 100%;
	height: auto;
	background: #000;
	position: relative;
}

.gr_block {
	width: 100%;
	height: auto;
	background: #adadad;
}

.cnt_title {
	padding: 125px 0 30px;
	font-size: 29px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 156%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.cnt_text {
	padding: 0 0 110px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 256%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.cnt_wrap {
	position: relative;
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 95px;
}

.col642 {
	width: 642px;
}

.col6 {
	width: 1284px;
}

.col4 {
	width: 1080px;
}

.col3 {
	width: 810px;
}

.col2 {
	width: 540px;
}

.col960 {
	width: 960px;
}

.col1200 {
	width: 1200px;
}

.col1280 {
	width: 1280px;
}

.cnt_bar {
	height: 1px;
	margin: 0 auto;
	border-top: 2px solid #fff;
}

.bar5 {
	width: 1070px;
}

.bar4 {
	width: 1080px;
}

.bar3 {
	width: 810px;
}

.bar2 {
	width: 540px;
}

.bar1 {
	width: 270px;
}

.bar428 {
	width: 428px;
}

.cnt400 {
	float: left;
	width: 400px;
	margin: -17px 0 0 0;
	text-align: center;
}

.cnt320 {
	float: left;
	width: 320px;
	margin: -17px 0 0 0;
	text-align: center;
}

.cnt240 {
	float: left;
	width: 270px;
	margin: -17px 0 0 0;
	text-align: center;
}

.cnt214 {
	float: left;
	width: 214px;
	margin: -17px 0 0 0;
	text-align: center;
}

.cnt_number {
	display: inline-block;
	padding: 0 10px 0 15px;
	color: #fff;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 0.2em;
	background: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.cnt_en {
	padding: 30px 0 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 170%;
	letter-spacing: 0.1em;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.cnt_jp {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0.1em;
}

.cnt_title_en {
	padding: 120px 0 22px;
	margin: 0 160px;
	font-size: 32px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 50px;
	text-align: left;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.cnt_title_jp {
	padding: 0 0 50px;
	margin: 0 160px;
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-align: left;
}

.cnt_subtitle_en {
	padding: 0 0 100px;
	margin: 0 160px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 200%;
	text-align: left;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.title_en1 {
	padding: 120px 0 17px;
}

.subtitle_en1 {
	padding: 0 0 4px;
}

.cnt_subtitle_en_track {
	padding: 0 0 30px;
	margin: 0 160px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	text-align: left;
}

.cnt_subtitle_en13 {
	padding: 0 0 30px;
	margin: 0 160px;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	text-align: left;
}

.cnt_subtitle_jp {
	padding: 0;
	margin: 0 160px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-align: left;
}

.fig_wrap {
	position: relative;
	width: 988px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 158px;
}

.fig_wrap_1205 {
	position: relative;
	width: 1205px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 180px;
}

.fig_wrap_1231 {
	position: relative;
	width: 1231px;
	height: auto;
	margin: 0 auto;
	padding: 168px 0 234px;
}

.fig_wrap_1221 {
	position: relative;
	width: 1221px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0;
}

.fig_wrap_917 {
	width: 917px;
	height: 917px;
	margin: 0 auto;
	padding: 78px 0 160px;
}

.fig_wrap_995_626 {
	width: 995px;
	height: 576px;
	margin: 0 auto;
	padding: 90px 0 205px;
}

.fig_wrap_920 {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 90px 0 210px;
}

.fig_wrap_940 {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 90px 0 210px;
}

.fig_wrap_1218 {
	width: 1218px;
	height: auto;
	margin: 0 auto;
	padding: 65px 0 158px;
}

.fig_capacitor_1 {
	width: 995px;
	height: 626px;
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
}

.arrow_left_32_62 {
	position: absolute;
	top: 50%;
	left: 90px;
	width: 32px;
	height: 62px;
	margin: -31px 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/commons/images/arrow_left_32_62.png);
	background-repeat: no-repeat;
	background-size: 32px 62px;
	background-position: left top;
}

.arrow_right_32_62 {
	position: absolute;
	top: 50%;
	right: 90px;
	width: 32px;
	height: 62px;
	margin: -31px 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/commons/images/arrow_right_32_62.png);
	background-repeat: no-repeat;
	background-size: 32px 62px;
	background-position: left top;
}

.graph_title1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 400px;
	height: 46px;
	margin: 0 0 0 -200px;
	text-align: center;
}

.graph_title2 {
	position: absolute;
	top: 145px;
	left: 50%;
	width: 400px;
	height: 46px;
	margin: 0 0 0 -200px;
	text-align: center;
}

.graph_title3 {
	position: absolute;
	top: 300px;
	left: 50%;
	width: 400px;
	height: 46px;
	margin: 0 0 0 -200px;
	text-align: center;
}

.graph_title4 {
	position: absolute;
	top: 455px;
	left: 50%;
	width: 400px;
	height: 46px;
	margin: 0 0 0 -200px;
	text-align: center;
}

.graph_devider1 {
	position: absolute;
	top: 36px;
	left: 50%;
	width: 1px;
	height: 74px;
	margin: 0;
	border-left: 2px solid #fff;
}

.graph_devider2 {
	position: absolute;
	top: 191px;
	left: 50%;
	width: 1px;
	height: 74px;
	margin: 0;
	border-left: 2px solid #fff;
}

.graph_devider3 {
	position: absolute;
	top: 346px;
	left: 50%;
	width: 1px;
	height: 74px;
	margin: 0;
	border-left: 2px solid #fff;
}

.graph_devider4 {
	position: absolute;
	top: 501px;
	left: 50%;
	width: 1px;
	height: 74px;
	margin: 0;
	border-left: 2px solid #fff;
}

.graph_right_1 {
	position: absolute;
	top: 62px;
	left: 50%;
	width: 133px;
	height: 48px;
	margin: 0 0 0 16px;
	background: #d5d5d6;
}

.graph_right_mask1 {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 140px;
	height: 60px;
	margin: 0 0 0 10px;
	background: #000;
}

.graph_right_text1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 133px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_left_1 {
	position: absolute;
	top: 62px;
	left: 50%;
	width: 215px;
	height: 48px;
	margin: 0 0 0 -228px;
	background: #d8ff00;
}

.graph_left_mask1 {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 230px;
	height: 60px;
	margin: 0 0 0 -240px;
	background: #000;
}

.graph_left_text1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 215px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_right_2 {
	position: absolute;
	top: 217px;
	left: 50%;
	width: 175px;
	height: 48px;
	margin: 0 0 0 16px;
	background: #d5d5d6;
}

.graph_right_mask2 {
	position: absolute;
	top: 210px;
	left: 49%;
	width: 190px;
	height: 60px;
	margin: 0 0 0 16px;
	background: #000;
}

.graph_right_text2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_left_2 {
	position: absolute;
	top: 217px;
	left: 50%;
	width: 240px;
	height: 48px;
	margin: 0 0 0 -253px;
	background: #d8ff00;
}

.graph_left_mask2 {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 260px;
	height: 60px;
	margin: 0 0 0 -260px;
	background: #000;
}

.graph_left_text2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 240px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_right_3 {
	position: absolute;
	top: 372px;
	left: 50%;
	width: 311px;
	height: 48px;
	margin: 0 0 0 16px;
	background: #d5d5d6;
}

.graph_right_mask3 {
	position: absolute;
	top: 365px;
	left: 50%;
	width: 330px;
	height: 60px;
	margin: 0 0 0 10px;
	background: #000;
}

.graph_right_text3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 311px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_left_3 {
	position: absolute;
	top: 372px;
	left: 50%;
	width: 44px;
	height: 48px;
	margin: 0 0 0 -57px;
	background: #d8ff00;
}

.graph_left_mask3 {
	position: absolute;
	top: 365px;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: 0 0 0 -60px;
	background: #000;
}

.graph_left_text3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 44px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_right_4 {
	position: absolute;
	top: 527px;
	left: 50%;
	width: 200px;
	height: 48px;
	margin: 0 0 0 16px;
	background: #d5d5d6;
}

.graph_right_mask4 {
	position: absolute;
	top: 520px;
	left: 50%;
	width: 220px;
	height: 60px;
	margin: 0 0 0 10px;
	background: #000;
}

.graph_right_text4 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.graph_left_4 {
	position: absolute;
	top: 527px;
	left: 50%;
	width: 331px;
	height: 48px;
	margin: 0 0 0 -344px;
	background: #d8ff00;
}

.graph_left_mask4 {
	position: absolute;
	top: 520px;
	left: 50%;
	width: 350px;
	height: 60px;
	margin: 0 0 0 -350px;
	background: #000;
}

.graph_left_text4 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 331px;
	height: 48px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: #000;
}

.left_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 300px;
	height: 51px;
	margin: -25px 0 0 -125px;
	transform: rotate( 90deg );
}

.right_wrap {
	position: absolute;
	top: 50%;
	right: 0;
	width: 300px;
	height: 51px;
	margin: -25px -125px 0 0;
	transform: rotate( 90deg );
}

.fig_capacitor_927_330 {
	width: 927px;
	height: 330px;
	margin: 0 auto;
	padding: 0 0 180px 0;
	background-image: url(/commons/images/fig_en_927_330.png);
	background-repeat: no-repeat;
	background-size: 927px 330px;
	background-position: center top;
}

.fig_capacitor_877_424 {
	width: 877px;
	height: 402px;
	margin: 0 auto;
	padding: 0 0 180px 0;
	background-image: url(/commons/images/fig_en_877_402.png);
	background-repeat: no-repeat;
	background-size: 877px 402px;
	background-position: center top;
}

.fig_capacitor_837_690 {
	width: 837px;
	height: 588px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-image: url(/commons/images/fig_en_837_588.png);
	background-repeat: no-repeat;
	background-size: 837px 588px;
	background-position: center top;
}


.box_917 {
	position: relative;
	width: 917px;
	height: 917px;
}

.box_185_92 {
	width: 185px;
	height: 70px;
	margin: 0 auto;
}

.box_223_411 {
	float: left;
	width: 223px;
	height: 267px;
	margin: 0 32px 0 0;
	background-image: url(/commons/images/ybox_223_267.png);
	background-repeat: no-repeat;
	background-size: 223px 267px;
	background-position: left center;
}

.box_265_228 {
	float: left;
	width: 265px;
	height: 115px;
	margin: 0 78px 0 0;
}

.box_389_167 {
	position: absolute;
	width: 389px;
	height: 167px;
	margin: 0;
}

.box1 {
	top: 20px;
	left: 0;
}

.box2 {
	top: 245px;
	left: 205px;
}

.box3 {
	top: 470px;
	left: 450px;
}

.box4 {
	top: 695px;
	left: 610px;
}

.box_1231_406 {
	position: relative;
	width:1231px;
	height: 304px;
	margin: 0 auto;
}

.box_729_610 {
	position: relative;
	width: 729px;
	height: 610px;
	margin: 0 auto;
}

.box_243_610 {
	float: left;
	width: 243px;
	height: 610px;
}

.box_220_45 {
	float: left;
	width: 220px;
	height: 45px;
	padding: 0 13px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.box_220_45:hover {
	opacity: 0.5
}

.box_271_101 {
	width: 271px;
	height: 101px;
	margin: 0 auto;
}

.box_311_101 {
	width: 311px;
	height: 101px;
	margin: 0 auto;
}

.box_710 {
	display: table-cell;
	width: 100%;
	height: 710px;
	vertical-align: middle;
}

.box_wrap {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 auto;
}

.h0 { height: 0px; }

.b1 { 
	height: 0px; 
	border-top: 1px solid #000; 
	padding: 0 0 35px;
	margin: 32px 0 0;
}

.b2 { 
	height: 0px; 
	border-top: 1px solid #000; 
	padding: 0 0 30px;
	margin: 27px 0 0;
}

.h411 {
	height: 411px;
	padding: 40px 0 0 0;
}

.h276 {
	height: 276px;
	padding: 0 0 0 0;
}

.solar_fig_01_00 {
	width: 1205px;
	height: 160px;
	padding: 0;
}

.solar_fig_01_01 {
	width: 1205px;
	height: 339px;
	padding: 40px 0 0 0;
}

.solar_fig_01_02 {
	width: 1205px;
	height: 255px;
	padding: 0 0 0 0;
}

.solar_fig_01_00 img,
.solar_fig_01_01 img,
.solar_fig_01_02 img {
	width: 100%;
	height: auto;
}

.wind_fig_01_01 {
	width: 1205px;
	height: 212px;
	padding: 0;
}

.wind_fig_01_02 {
	width: 1205px;
	height: 339px;
	padding: 0;
}

.wind_fig_01_03 {
	width: 1205px;
	height: 255px;
	padding: 0;
}

.wind_fig_01_01 img,
.wind_fig_01_02 img,
.wind_fig_01_03 img {
	width: 100%;
	height: auto;
}

.wind_fig_02_wrap {
	width: 1110px;
	height: 150px;
	margin: 0 auto;
}

.wind_fig_02_01, 
.wind_fig_02_02 {
	float: left;
	width: 340px;
	height: 150px;
	margin: 0 45px 0 0;
}

.wind_fig_02_03 {
	float: left;
	width: 340px;
	height: 150px;
	margin: 0 0 0 0;
}

.wind_fig_02_01 img, 
.wind_fig_02_02 img,
.wind_fig_02_03 img {
	float: left;
	width: 100%;
	height: auto;
}


.h76 {
	height: 76px;
	padding: 0 0 0 0;
}

.h228 {
	height: 115px;
	padding: 25px 0 72px 0;
}

.h842 {
	height: 842px;
	padding: 20px 0 0 0;
	position: relative;
}

.h17 { height: 17px;}
.h18 { height: 18px;}
.h42 { height: 42px;}
.h51 { height: 51px;}
.h52 { height: 52px;}
.h71 { height: 71px;}
.h81 { height: 81px;}
.h86 { height: 86px;}
.h88 { height: 88px;}
.h103 { height: 103px; }
.h104 { height: 104px; }
.h105 { height: 107px;}
.h148 { height: 148px;}
.h151 { height: 151px;}
.h223 { height: 223px;}
.h300 { height: 320px;}
.h320 { height: 320px;}
.h326 { height: 326px;}
.h325 { height: 325px;}

.w170 { width: 170px;}
.w192 { width: 192px;}
.w195 { width: 195px;}
.w256 { width: 256px;}
.w258 { width: 258px;}
.w262 { width: 262px;}
.w323 { width: 323px;}
.w366 { width: 366px;}

.w738 {
	float: left;
	width: 738px;
	height: 276px;
	margin: 0 26px 0 0;
}

.w224 {
	float: left;
	width: 224px;
	height: 276px;
	margin: 0;
}

.w660 {
	width: 660px;
	height: 76px;
	margin: 0 auto;
	padding: 50px 0 25px;
}

.w432 {
	width: 432px;
	height: 76px;
	margin: 0 auto;
	padding: 0 0 49px;
}

.w305 {
	float: left;
	width: 305px;
	margin: 0 36px 0 0;
}

.w366-2 {
	float: left;
	width: 366px;
	margin: 0 20px 0 0;
}

.ybox_185_92 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 185px;
	height: 70px;
	margin: 0 auto;
	background-image: url(/commons/images/ybox_185_70.png);
	background-repeat: no-repeat;
	background-size: 185px 70px;
	background-position: center center;
}

.ybox_223_122 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 223px;
	height: 106px;
	margin: 0 auto;
	/*background-image: url(/commons/images/ybox_223_122.png);
	background-repeat: no-repeat;
	background-size: 223px 122px;
	background-position: center center;*/
}

.ybox_738_276 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 738px;
	height: 276px;
	margin: 0 auto;
	background-image: url(/commons/images/ybox_738_276.png);
	background-repeat: no-repeat;
	background-size: 738px 276px;
	background-position: left top;
}

.ybox_224_276 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 172px;
	height: 219px;
	margin: 0;
	padding: 25px 26px 32px;
	background-image: url(/commons/images/ybox_224_276.png);
	background-repeat: no-repeat;
	background-size: 224px 276px;
	background-position: left top;
}

.ybox_172_177 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 172px;
	height: 177px;
	margin: 0;
	padding: 50px 26px 49px;
	background-image: url(/commons/images/ybox_224_276.png);
	background-repeat: no-repeat;
	background-size: 224px 276px;
	background-position: left top;
}

.ybox_265_228 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 265px;
	height: 115px;
	margin: 0;
	padding: 0 26px 0;
	background-image: url(/commons/images/ybox_265_115.png);
	background-repeat: no-repeat;
	background-size: 265px 115px;
	background-position: left top;
}

.ybox_389_167 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 389px;
	height: 167px;
	margin: 0;
	padding: 0 26px 0;
	background-image: url(/commons/images/ybox_389_167.png);
	background-repeat: no-repeat;
	background-size: 389px 167px;
	background-position: left top;
}

.ybox_243_201 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 243px;
	height: 201px;
	margin: 0;
	padding: 0 0 20px 0;
	background-image: url(/commons/images/ybox_243_201.png);
	background-repeat: no-repeat;
	background-size: 243px 201px;
	background-position: left top;
}

.ybox_logo_243_201 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 243px;
	height: 201px;
	margin: 0;
	padding: 0 0 20px 0;
	background-image: url(/commons/images/ybox_logo_243_201.png);
	background-repeat: no-repeat;
	background-size: 243px 201px;
	background-position: left top;
}

.ybox_305_132 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 305px;
	height: 132px;
	margin: 0;
	padding: 0 0 35px 0;
	background-image: url(/commons/images/ybox_305_132.png);
	background-repeat: no-repeat;
	background-size: 305px 132px;
	background-position: left top;
}

.ybox_271_101 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 271px;
	height: 101px;
	margin: 0;
	padding: 0 0 35px 0;
	background-image: url(/commons/images/ybox_271_101.png);
	background-repeat: no-repeat;
	background-size: 271px 101px;
	background-position: left top;
}

.ybox_311_101 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 311px;
	height: 101px;
	margin: 0;
	padding: 0 0 35px 0;
	background-image: url(/commons/images/ybox_311_101.png);
	background-repeat: no-repeat;
	background-size: 311px 101px;
	background-position: left top;
}

table.ybox_986_357 {
	text-align: center;
	width: 986px;
	height: 312px;
	margin: 0 0 65px;
	padding: 0;
	background-image: url(/commons/images/ybox_986_312.png);
	background-repeat: no-repeat;
	background-size: 986px 312px;
	background-position: left top;
}

table.ybox_986_357_2 {
	text-align: center;
	width: 986px;
	height: 312px;
	margin: 0;
	padding: 0;
	background-image: url(/commons/images/ybox_986_312_2.png);
	background-repeat: no-repeat;
	background-size: 986px 312px;
	background-position: left top;
}

table.ybox_986_357 td,
table.ybox_986_357_2 td {
	vertical-align: middle;
}

table.ybox_1231_406 {
	text-align: center;
	width: 1231px;
	height: 304px;
	margin: 0;
	padding: 0;
	background-image: url(/commons/images/ybox_1231_304.png);
	background-repeat: no-repeat;
	background-size: 1231px 304px;
	background-position: left top;
}

table.ybox_1231_406 td {
	vertical-align: middle;
}

.circle1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 259px;
	height: 259px;
	margin: 0 0 0 -130px;
}

.circle2 {
	position: absolute;
	top: 329px;
	right: 0;
	width: 259px;
	height: 259px;
	margin: 0 0 0 0;
}

.circle3 {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 259px;
	height: 259px;
	margin: 0 0 0 -130px;
}

.circle4 {
	position: absolute;
	top: 329px;
	left: 0;
	width: 259px;
	height: 259px;
	margin: 0 0 0 0;
}

.ycircle_259 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 259px;
	height: 259px;
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(/commons/images/ycircle_259.png);
	background-repeat: no-repeat;
	background-size: 259px 259px;
	background-position: left top;
}

.wbox_223_229 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 223px;
	height: 161px;
	margin: 0 auto;
/*	background-color: #fff;
	background-image: url(/commons/images/wbox_223_229.png);
	background-repeat: no-repeat;
	background-size: 223px 229px;
	background-position: center center;*/
}

.wbox_204_76 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 204px;
	height: 76px;
	background: #fff;
}

.wbox_172_76 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 172px;
	height: 76px;
	background: #fff;
}

.wbox_172_118 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 172px;
	height: 118px;
	background: #fff;
}

.wbox_220_45 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 220px;
	height: 45px;
	background: #fff;
}

.transbox_24_76 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 24px;
	height: 76px;
}

.transbox_172_25 {
	width: 172px;
	height: 25px;
}

.fig_arrow {
	width: 24px;
	height: 14px;
	margin: 0 auto;
	padding: 24px 0;
	background-image: url(/commons/images/fig_arrow_wh_24_14.png);
	background-repeat: no-repeat;
	background-size: 24px 14px;
	background-position: center center;
}

.arrow_34_18 {
	width: 35px;
	height: 19px;
	margin: 0 auto;
	padding: 20px 0;
	background-image: url(/commons/images/arrow_wh_35_19.png);
	background-repeat: no-repeat;
	background-size: 35px 19px;
	background-position: center center;
}

.arrow1 {
	position: absolute;
	top: 187px;
	left: 265px;
}

.arrow2 {
	position: absolute;
	top: 412px;
	left: 487px;
}

.arrow3 {
	position: absolute;
	top: 637px;
	left: 690px;
}

.arrow_left_127_207 {
	width: 230px;
	height: 291px;
	background-image: url(/commons/images/arrow_left_wh_128_208.png);
	background-repeat: no-repeat;
	background-size: 128px 208px;
	background-position: right bottom;
}

.arrow_right_127_207 {
	width:140px;
	height: 291px;
	background-image: url(/commons/images/arrow_right_wh_128_208.png);
	background-repeat: no-repeat;
	background-size: 128px 208px;
	background-position: 13px bottom;
}

.arrow_221_32 {
	width: 222px;
	height: 32px;
	padding: 70px 11px 0;
	background-image: url(/commons/images/arrow_222_32.png);
	background-repeat: no-repeat;
	background-size: 222px 32px;
	background-position: center bottom;
}

.arrow_circle1 {
	position: absolute;
	top: 215px;
	left: 220px;
	width: 128px;
	height: 132px;
	background-image: url(/commons/images/arrow_circle_1_128_132.png);
	background-repeat: no-repeat;
	background-size: 128px 132px;
	background-position: center center;
}

.arrow_circle2 {
	position: absolute;
	top: 215px;
	left: 572px;
	width: 132px;
	height: 128px;
	background-image: url(/commons/images/arrow_circle_2_132_128.png);
	background-repeat: no-repeat;
	background-size: 132px 128px;
	background-position: center center;
}

.arrow_circle3 {
	position: absolute;
	top: 570px;
	left: 572px;
	width: 128px;
	height: 132px;
	background-image: url(/commons/images/arrow_circle_3_128_132.png);
	background-repeat: no-repeat;
	background-size: 128px 132px;
	background-position: center center;
}

.arrow_circle4 {
	position: absolute;
	top: 570px;
	left: 215px;
	width: 132px;
	height: 128px;
	background-image: url(/commons/images/arrow_circle_4_132_128.png);
	background-repeat: no-repeat;
	background-size: 132px 128px;
	background-position: center center;
}

.fig_cap1 {
	position: absolute;
	top: 225px;
	left: 660px;
	width: 160px;
	height: 40px;
	margin: 0;
	text-align: center;
}

.fig_cap2 {
	position: absolute;
	top: 665px;
	left: 170px;
	width: 200px;
	height: 16px;
	margin: 0;
}

.fig_cap3 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 170px;
	margin: -80px 0 0 -150px;
}

/*policy*/

.policy {
	width: 100%;
	height: auto;
	background: #fff;
	color: #000;
}

.policy_section {
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

.policy_content {
	height: auto;
	padding: 250px 0;
}

.privacy_title {
	padding: 0 0 100px;
	font-size: 29px;
	line-height: 100%;
	text-align: center;
}

.privacy_cap {
	font-size: 13px;
	line-height: 180%;
	text-decoration: underline;
}

.privacy_text {
	padding: 0 0 50px;
	font-size: 13px;
	line-height: 180%;
}


/*news*/

.general { 
	width: 100%;
	margin: 0;
}

.general_wrap { 
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 226px 0 255px;
}

.section_title {
	padding: 0 0 38px;
	font-size: 32px;
	letter-spacing: 0.15em;
	line-height: 100%;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.news_list {
	padding: 0 0 128px;
	border-top: 1px solid #fff;
}

.news_list li {
	padding: 55px 0;
	border-bottom: 1px solid #fff;
}

.news_list_day {
	float: left;
	width: 156px;
	padding: 0 0 0 18px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 100%;
	font-weight: normal;
	background-image: url(/commons/images/arrow_newsday.png);
	background-repeat: no-repeat;
	background-size: 7px 13px;
	background-position: left 1px;
}

.news_list_title {
	float: left;
	width: 726px;
	padding: 0 100px 0 0;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-decoration: none;
}


/*media*/

.media_switch {
	position: absolute;
	right: 5px;
	top: 235px;
	width: 311px;
	height: 25px;
	background-image: url(/commons/images/btn_media_en.png);
	background-repeat: no-repeat;
	background-size: 311px 25px;
	background-position: right top;
	transition: none;
}

.media_switch_info {
	position: absolute;
	right: 5px;
	top: 235px;
	width: 311px;
	height: 25px;
	background-image: url(/commons/images/btn_info_en.png);
	background-repeat: no-repeat;
	background-size: 311px 25px;
	background-position: right top;
	transition: none;
}

.media_switch:hover {
	opacity: 1;
}

.media_list_wrap {
	width: 1000px;
	margin: 100px auto 30px;
}

.media_list {
	width: 1080px;
}

.media_list_item {
	float: left;
	width: 280px;
	height: 485px;
	margin: 0 80px 0 0;
}

.media_list_image {
	position: relative;
	display: table;
	width: 280px;
	height: 392px;
	text-align: center;
	overflow: hidden;
}

.media_list_image_wrap {
	display: table-cell;
	height: 392px;
	width: auto;
	vertical-align: middle;
}

.media_list_image_wrap img {
	max-height: 280px;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.media_list_image:hover .media_list_image_wrap img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}

.media_list_image_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/commons/images/cover_bl50.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}

.media_list_day {
	position: absolute;
	top: 177px;
	left: 0;
	width: 280px;
	font-size: 38px;
	color: #cfff00;
	letter-spacing: 0.1em;
	line-height: 100%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	text-align: center;
}

.media_list_title {
	display: block;
	width: 280px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 140%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}


.media_image {
	display: table;
	width: 680px;
	height: 410px;
	text-align: center;
}

.media_image_wrap {
	display: table-cell;
	height: 410px;
	width: auto;
	vertical-align: middle;
}

.media_image_wrap img {
	max-height: 276px;
	max-width: 100%;
}

.backtolist {
	position: absolute;
	bottom: 265px;
	left: 10px;
	width: 178px;
	height: 34px;
	background-image: url(/commons/images/return_to_list.png);
	background-repeat: no-repeat;
	background-size: 178px 34px;
	background-position: right top;
}



/*pagenavi*/

.wp-pagenavi {

}

.wp-pagenavi a, 
.wp-pagenavi span {
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #000;
}

.nextpostslink {
	float: right;
	width: 89px;
	height: 11px;
	padding: 0;
	background-image: url(/commons/images/arrow_pagenavi_next.png);
	background-repeat: no-repeat;
	background-size: 89px 11px;
	background-position: right center;
}

.previouspostslink {
	float: left;
	width: 89px;
	height: 11px;
	padding: 0;
	background-image: url(/commons/images/arrow_pagenavi_prev.png);
	background-repeat: no-repeat;
	background-size: 89px 11px;
	background-position: right center;
}

.whr1 {
	margin: 0 70px;
	border-bottom: 1px solid #fff;
}


/*news single*/

.news_block {
	padding: 0;
}

.news_day {
	float: left;
	width: 190px;
	margin: 105px 130px 0 0;
	padding: 0 0 4px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 160%;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}

.news {
	float: left;
	width: 680px;
	margin: 70px 0 0;
}

.news_title {
	padding: 60px 0 68px;
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 200%;
	text-decoration: none;
}

.news_cont {
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 240%;
}

.news_cont p {
	padding: 0 0 40px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.news_cont p:last-of-type {
	padding: 0;
}

.news_cont p.parent {
	padding: 0 0 20px;
	text-align: center;
	text-justify: inter-ideograph;
}

.news_cont a {
	text-decoration: none;
	color: #fff;
}

.news_cont  {
	width: 100%;
	height: auto;
}

.news_cont p img {
	max-width: 100%;
	height: auto;
	padding: 40px 0 0 0;
}

.news_cont p:nth-child(1) img {
	max-width: 100%;
	height: auto;
	padding: 0 0 0 0;
}


/*profile*/

.profile {
	width: 914px;
	margin: 0 auto;
	padding: 260px 0 200px;
	color: #fff;
}

.profile_title {
	padding: 0 0 120px;
	font-size: 29px;
	letter-spacing: 0.2em;
	line-height: 100%;
}

.profile_shoulder {
	padding: 0 0 15px;
	line-height: 100%;
	font-size: 18px;
	letter-spacing: 0.1em;
}

.profile_name {;
	padding: 0 0 70px;
	line-height: 100%;
	font-size: 24px;
	letter-spacing: 0.1em;
}

.profile_text p {
	padding: 0 0 30px;
	line-height: 220%;
	font-size: 16px;
	letter-spacing: 0.1em;
}

#hoshino {
	position: relative;
	padding: 0 0 0;
}

#bishoen {
	position: relative;
	padding: 180px 0 0;
}

.btn_linkedin {
	position: absolute;
	top: 0;
	right: 0;
	width: 144px;
	height: 63px;
	background-image: url(/commons/images/btn_linkedin.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 144px 63px;
	cursor: pointer;
}

.btn_linkedin_bishoen {
	position: absolute;
	top: 180px;
	right: 0;
	width: 144px;
	height: 63px;
	background-image: url(/commons/images/btn_linkedin.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 144px 63px;
	cursor: pointer;
}


/*company_section*/

.company_section {
	display: table;
	width: 1020px;
	height: 100%;
	margin: 0 auto;
}

.company_wrap {
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.company_left,
.company_center,
.company_right {
	display: table-cell;
}

.company_left {
	width: 465px;
}

.company_center{
	width: 300px;
}

.c_name {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.12em;
	line-height: 100%;
	padding: 0 0 20px 0;
}

.c_shoulder {
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	padding: 0 0 25px 0;
}

.c_more {
	display: block;
	padding: 15px 0 0 12px;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	background-image: url(/commons/images/arrow_more.png);
	background-repeat: no-repeat;
	background-size: 6px 11px;
	background-position: 0px 16px;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
}

.c_more:hover {
	opacity: 0.5;
}

.pl10 { padding-left: 8px;}


/*transmission line*/

#tline {
	width: 100%;
	height: 100%;
}

.tline_fig_wrap {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 180px;
	text-align: center;
}

.tline_image_01 {
	background-image: url(/commons/images/tline_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.tline_image_02 {
	background-image: url(/commons/images/tline_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.tline_image_03 {
	background-image: url(/commons/images/tline_03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.tline_image_04 {
	background-image: url(/commons/images/tline_04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.tline_image_05 {
	background-image: url(/commons/images/tline_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.tline_image_06 {
	background: #000;
}

.tline_image_07 {
	background-image: url(/commons/images/GettyImages-664661759.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.image_wrap_title_en {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	color: #fff;
	letter-spacing: 0.12em;
	line-height: 170%;
	text-align: center;
	margin: 0;
	font-size: 32px;
}

.image_wrap_text {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 190%;
	text-align: center;
	padding: 20px 0 0;
	margin: 0;
	font-size: 18px;
}


/*IFAI*/

.ifai_image_01 {
	background-image: url(/commons/images/krystian-tambur-k7rZ8wTfABA-unsplash_re.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_02 {
	background-image: url(/commons/images/marek-okon-tWWCqIMiUmg-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_03 {
	background-image: url(/commons/images/ifai_bg_03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_04 {
	background-image: url(/commons/images/ifai_bg_04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_05 {
	background-image: url(/commons/images/ifai_bg_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_06 {
	background-image: url(/commons/images/ifai_bg_06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_07 {
	background-image: url(/commons/images/ifai_bg_07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.ifai_image_08 {
	background-image: url(/commons/images/ifai_bg_08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.whline {
	margin: 0 10px;
	border-bottom: 1px solid #fff;
}

.cnt_title_en_ifai {
	padding: 140px 0 15px;
	margin: 0 160px;
	font-size: 31px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 170%;
	text-align: left;
}

.cnt_subtitle_en_ifai {
	padding: 0 0 30px;
	margin: 0 160px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 190%;
	text-align: left;
}

.ifai_title {
	width: 820px;
	padding: 220px 0 200px;
	margin: 0 auto;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 170%;
	text-align: center;
	font-size: 30px;
}

.ifai_text {
	color: #fff;
	letter-spacing: 0.04em;
	line-height: 250%;
	text-align: left;
	padding: 35px 0 0;
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ifai_title2 {
	margin: 0 auto;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 150%;
	text-align: center;
	font-size: 18px;
}

.ifai_fig_wrap {
	width: 1280px;
	margin: 0 auto;
}

.ifai_fig_wrap2 {
	width: 1280px;
	margin: 0 auto;
}

.ifai_fig_wrap3 {
	width: 950px;
	margin: 0 auto;
}

.ifai_text2 {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 22px;
	text-align: center;
	padding: 0;
	font-size: 14px;
}

.ifai_text3 {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 21px;
	text-align: center;
	padding: 0;
	font-size: 13px;
}

.ifai_fig_01 {
	width: 43px;
	height: 23px;
	margin: 0 auto;
	padding: 25px 0 40px;
}

.ifai_text32 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: center;
	padding: 0;
	font-size: 32px;
}

.ifai_text20 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: center;
	padding: 0;
	font-size: 18px;
}

.ifai_text18 {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 250%;
	text-align: left;
	padding: 0;
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ifai_text16 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: center;
	padding: 0;
	font-size: 18px;
}

.ifai_text13 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: center;
	padding: 0;
	font-size: 13px;
}

.ifai_text14 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 21px;
	text-align: center;
	padding: 0;
	font-size: 13px;
}

.ifai_fig_02 {
	width: 440px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig img {
	width: 100%;
	height: auto;
}

.line_title_wrap {
	position: relative;
	padding: 0 0 100px;
}

.line_title_300 {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 0 35px;
	background: #000;
}

.line_title_320 {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 0 35px;
	background: #000;
}

.line_title_380 {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 0 35px;
	background: #000;
}

.line_title_420 {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 0 35px;
	background: #000;
}

.line_title_480 {
	position: absolute;
	display: inline-block;
	width: 490px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 0 30px;
	background: #000;
}

.line_title_upper {
	padding: 0;
	font-size: 18px;
	color: #fff;
	line-height: 180%;
	letter-spacing: 0.1em;
	text-align: center;
}

.line_title_bottom {
	padding: 0;
	font-size: 14px;
	color: #fff;
	line-height: 190%;
	letter-spacing: 0.05em;
	text-align: center;
}

.line_title_line {
	position: absolute;
	top: 16px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.line_title_line2 {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.line_title_line4 {
	position: absolute;
	top: 31px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.ifai_fig_03 {
	width: 646px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_04 {
	width: 646px;
	height: 63px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_05 {
	width: 646px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_06 {
	width: 646px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_07 {
	width: 646px;
	height: 138px;
	margin: 0 auto;
	padding: 0;
}

.vertline_title_wrap {
	width: 180px;
	margin: 0 auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.vertline_title_upper {
	padding: 5px 0 5px;
	font-size: 14px;
	color: #fff;
	line-height: 200%;
	letter-spacing: 0.05em;
	text-align: center;
}

.vertline_title_bottom {
	padding: 0 0 3px;
	font-size: 13px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.05em;
	text-align: center;
}

.ifai_gm {
	width: 500px;
	height: 300px;
	margin: 0 auto;
}

.ifai_fig_880 {
	width: 880px;
	height: 222px;
	margin: 0 auto;
}

.ifai_fig_910 {
	width: 910px;
	height: 223px;
	margin: 0 auto;
}

.ifai_fig_08 {
	float: left;
	width: 300px;
	height: 223px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_09 {
	float: left;
	width: 300px;
	height: 223px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_10 {
	float: left;
	width: 310px;
	height: 223px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_11 {
	width: 900px;
	height: 215px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_12 {
	width: 400px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_13 {
	width: 908px;
	height: 726px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_14 {
	width: 900px;
	height: 681px;
	margin: 0 auto;
	padding: 0;
}

.ifai_fig_15 {
	width: 460px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

.btn_kouka {
	position: absolute;
	top: 150px;
	right: 160px;
	width: 151px;
	height: 151px;
	background-image: url(/commons/images/btn_kouka_en2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 0.6s;
	cursor: pointer;
}

.btn_kouka:hover {
	background-image: url(/commons/images/btn_kouka_en2_over.png);
	opacity: 1;
}


/*ex*/

.ex_fig_wrap {
	width: 1280px;
	margin: 0 auto;
}

.ex_fig_01b_wrap {
	position: relative;
	width: 794px;
	height: 860px;
	margin: 0 auto;
	padding: 0 0 150px;
}

.ex_fig_01 {
	position: relative;
	width: 887px;
	height: 861px;
	margin: 0;
}

.ex_fig_01_01 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 405px;
	height: 276px;
}

.ex_fig_01_02 {
	position: absolute;
	top: 275px;
	left: 0px;
	width: 512px;
	height: 585px;
}

.ex_fig_01_03 {
	position: absolute;
	top: 0px;
	left: 405px;
	width: 482px;
	height: 570px;
}

.ex_fig_01 img {
	width: 100%;
	height: auto;
}

.ex_fig_02_wrap {
	width: 835px;
	margin: 0 auto;
	padding: 0 0 160px;
}

.ex_fig_02b_wrap {
	width: 835px;
	margin: 0 auto;
	padding: 0 0 150px;
}

.ex_fig_02_01 {
	float: left;
	width: 370px;
	height: 367px;
}

.ex_fig_02_02 {
	float: left;
	width: 95px;
	height: 367px;
}

.ex_fig_02_03 {
	float: left;
	width: 370px;
	height: 367px;
}

.ex_fig_02 img {
	width: 100%;
	height: auto;
}

.ex_fig_03_wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 150px;
}

.ex_fig_04_wrap {
	width: 676px;
	margin: 0 auto;
}

.ex_fig_03_left,
.ex_fig_03_center,
.ex_fig_03_right {
	float: left;
	width: 320px;
}

.ex_fig_03_title {
	padding: 0 0 20px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 100%;
}

.ex_fig_03 {
	width: 280px;
	height: 185px;
	padding: 0 20px;
}

.ex_fig_03 img {
	width: 100%;
	height: auto;
}

.ex_fig_03_text {
	padding: 20px 0 0;
	text-align: center;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 170%;
}

.ex_fig_04 {
	float: left;
	width: 300px;
	height: 205px;
	padding: 0 19px 40px;
}

.ex_fig_04 img {
	width: 100%;
	height: auto;
}


/*solar helios 3d*/

.solar_helios_wrap {
	width: 1176px;
	height: auto;
	margin: 0 auto;
	padding: 105px 0 138px;
	border-top: 1px solid #fff;
}

.helios_text18 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 190%;
	text-align: center;
	padding: 0;
	font-size: 18px;
}

.helios_text14 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 190%;
	text-align: center;
	padding: 0;
	font-size: 14px;
}

.helios_arrow {
	width: 43px;
	height: 23px;
	margin: 35px auto 34px;
	background-image: url(/commons/images/helios_arrow.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.btn_helios {
	display: block;
	width: 420px;
	height: 110px;
	margin: 0 auto;
	background-image: url(/commons/images/btn_helios_en.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: 0.6s;
	cursor: pointer;
}

.btn_helios:hover {
	background-image: url(/commons/images/btn_helios_en_over.png);
	opacity: 1;
}




/*helios 3d*/

.helios_title {
	width: 231px;
	height: 70px;
	margin: 0 auto 50px;
	background-image: url(/commons/images/helios_logo.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.helios_text {
	color: #fff;
	letter-spacing: 0.06em;
	line-height: 175%;
	text-align: left;
	padding: 0;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.helios_fig_01_wrap {
	padding: 0 0 110px;
}

.helios_fig_01_left,
.helios_fig_01_center {
	float: left;
	width: 270px;
	margin: 0 45px 0 0;
}

.helios_fig_01_right {
	float: left;
	width: 270px;
	margin: 0 0 0 0;
}

.helios_fig_01_text {
	color: #fff;
	letter-spacing: 0.06em;
	line-height: 190%;
	text-align: left;
	padding: 0;
	font-size: 13px;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.helios_fig_01,
.helios_fig_01 img {
	width: 200px;
	height: 200px;
	margin: 0 auto 30px;
}

.helios_fig_02_wrap {
	padding: 0 0 90px;
}

.helios_fig_02_left,
.helios_fig_02_center {
	float: left;
	width: 270px;
	margin: 0 45px 0 0;
}

.helios_fig_02_right {
	float: left;
	width: 270px;
	margin: 0 0 0 0;
}

.helios_fig_02,
.helios_fig_02 img {
	width: 270px;
	height: 170px;
	margin: 0 auto 20px;
}

.helios_fig_02_text {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-align: center;
	padding: 0;
	font-size: 12px;
}

.helios_movie {
	width: 600px;
	height: 338px;
	margin: 0 auto 10px;
}




/*VARIOUS APPROVALS & NATIONAL QUALIFICATION LIST*/

.line_title_wrap900 {
	position: relative;
	width: 961px;
	padding: 0 0 85px;
	margin: 0 auto;
}

.line_title_line3 {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.line_title_414 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 414px;
	margin: 0 0 0 -207px;
	background: #000;
}

.list_title_upper {
	width: 300px;
	height: 18px;
	padding: 0 0 0px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.05em;
	text-align: center;
}

.list_title_upper2 {
	width: 414px;
	height: 18px;
	padding: 0 0 0px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.05em;
	text-align: center;
}

.list_fig_wrap {
	width: 991px;
	margin: 0 auto;
}

.ex_fig_01_wrap {
	width: 781px;
	height: 532px;
	margin: 0 auto;
	padding: 0 0 0;
}

.ex_fig_02_wrap {
	width: 961px;
	height: 1359px;
	margin: 0 auto;
	padding: 0 0 180px;
}

.ex_fig_01_wrap img,
.ex_fig_02_wrap img {
	width: 100%;
	height: auto;
}

.various_list {
	width: 780px;
	margin: 0 auto;
	padding: 20px 0 94px;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 21px;
	text-align: left;
}


/*offshore*/

.offshore_image_01 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo-top2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_02 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo_intro.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_03 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_04 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_05 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_06 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_07 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_08 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_09 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_10 {
	background-image: url(/commons/images/INFLUX_web_ifai_photo6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_11 {
	background-image: url(/commons/images/INFLUX_web_JP_offshore_photo9_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_image_12 {
	background-image: url(/commons/images/irfan-alijagic-541515-unsplash.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.offshore_title_jp {
	padding: 135px 0 25px;
	margin: 0 160px;
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 100%;
	text-align: left;
}

.offshore_subtitle_en {
	padding: 0 0 30px;
	margin: 0 160px;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 100%;
	text-align: left;
}

.offshore_subtitle_jp {
	padding: 0;
	margin: 0 160px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 200%;
	text-align: left;
}

.offshore_title {
	width: 850px;
	padding: 280px 0 240px;
	margin: 0 auto;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 180%;
	text-align: center;
	font-size: 30px;
}

.offshore_text {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 250%;
	text-align: left;
	padding: 40px 0 0;
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.offshore_cnt_text {
	padding: 0 0 115px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 220%;
	text-align: center;
}

.col5 {
	width: 1080px;
}

.bar4 {
	width: 860px;
}

.cnt214 {
	float: left;
	width: 214px;
	margin: -17px 0 0 0;
	text-align: center;
}

.offshore_fig img {
	width: 100%;
	height: auto;
}

.offshore_fig_01 {
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
	padding: 30px 0 120px;
}

.offshore_fig_02 {
	width: 945px;
	height: 309px;
	margin: 0 auto;
	padding: 0 0 180px;
}

.offshore_fig_02_01 {
	float: left;
	width: 415px;
	height: 309px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_02_02 {
	float: left;
	width: 105px;
	height: 309px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_02_03 {
	float: left;
	width: 425px;
	height: 309px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_03 {
	width: 1038px;
	height: 353px;
	margin: 0 auto;
	padding: 0 0 180px;
}

.offshore_fig_03_01 {
	float: left;
	width: 460px;
	height: 353px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_03_02 {
	float: left;
	width: 105px;
	height: 353px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_03_03 {
	float: left;
	width: 473px;
	height: 353px;
	margin: 0 auto;
	padding: 0;
}

.offshore_fig_04 {
	width: 696px;
	height: 311px;
	margin: 0 auto;
	padding: 0 0 180px;
}

.offshore_fig_05_01 {
	width: 850px;
	height: 335px;
	margin: 0 auto;
	padding: 0 0 0px;
}

.offshore_fig_05_02 {
	width: 690px;
	margin: 0 auto;
	padding: 40px 0 180px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 176%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.offshore_fig_06_01 {
	width: 1290px;
	height: 530px;
	margin: 0 auto;
	padding: 0 0 0px;
}

.offshore_fig_06_02 {
	width: 850px;
	margin: 0 auto;
	padding: 50px 0 220px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 176%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.offshore_fig_07 {
	width: 1280px;
	height: 745px;
	margin: 0 auto;
	padding: 0 0 220px;
}

.offshore_fig_08 {
	width: 801px;
	height: 451px;
	margin: 0 auto;
	padding: 0 0 160px;
}

.offshore_fig_09 {
	width: 1070px;
	padding: 50px 0 160px;
	margin: 0 auto;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.03em;
	line-height: 240%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.offshore_fig_10 {
	width: 907px;
	height: 701px;
	margin: 0 auto;
	padding: 80px 0 220px;
}

.offshore_fig_10_01 {
	width: 990px;
	height: 750px;
	margin: 0 auto;
	padding: 0 0 0px;
}

.offshore_fig_10_02 {
	width: 500px;
	padding: 30px 0 180px;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}


/*CARBON-NEUTRAL PORT*/

.carbon_image_01 {
	background-image: url(/commons/images/carbon_bg_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_02 {
	background-image: url(/commons/images/carbon_bg_02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_03 {
	background-image: url(/commons/images/carbon_bg_03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_04 {
	background-image: url(/commons/images/carbon_bg_04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_05 {
	background-image: url(/commons/images/carbon_bg_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_06 {
	background-image: url(/commons/images/carbon_bg_06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_07 {
	background-image: url(/commons/images/carbon_bg_07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_image_08 {
	background-image: url(/commons/images/carbon_bg_08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carbon_wrap_1280 {
	width: 1280px;
	margin: 0 auto;
}

.carbon_fig_title_en {
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 170%;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.carbon_fig_title_jp {
	font-size: 20px;
	color: #fff;
	letter-spacing: 0.05em;
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}

.carbon_fig_text_en {
	font-size: 14px;
	color: #fff;
	line-height: 170%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	letter-spacing: 0.08em;
}

.carbon_fig_text_en18 {
	font-size: 18px;
	color: #fff;
	line-height: 170%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	letter-spacing: 0.08em;
}

.carbon_fig_text_jp {
	font-size: 14px;
	color: #fff;
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}

.carbon_block_title {
	font-size: 32px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 170%;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.carbon_block_text {
	width: 920px;
	margin: 0 auto;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 250%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
}

.carbon_case_title {
	padding: 0 25px 0 0;
	font-size: 21px;
	color: #fff;
	letter-spacing: 0.05em;
	vertical-align: middle;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.carbon_case_text {
	display: block;
	padding: 6px 0 0;
	font-size: 14px;
	color: #fff;
	line-height: 180%;
	letter-spacing: 0.1em;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.carbon_fig_01_01 {
	float: left;
	width: 310px;
	height: 255px; 
	margin: 0;
	padding: 0;
}

.carbon_fig_01_02 {
	float: left;
	width: 355px;
	height: 255px;
	margin: 0;
	padding: 0;
}

.carbon_fig_01_03 {
	float: left;
	width: 265px;
	height: 255px;
	margin: 0;
	padding: 0;
}

.carbon_fig_01_04 {
	float: left;
	width: 350px;
	height: 255px;
	margin: 0;
	padding: 0;
}

.carbon_fig_02_01 {
	float: left;
	width: 445px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_02_02 {
	float: left;
	width: 375px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_02_03 {
	float: left;
	width: 460px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_03_01 {
	float: left;
	width: 465px;
	height: 300px;
	margin: 0;
	padding: 0;
}

.carbon_fig_03_02 {
	float: left;
	width: 340px;
	height: 300px;
	margin: 0;
	padding: 0;
}

.carbon_fig_03_03 {
	float: left;
	width: 475px;
	height: 300px;
	margin: 0;
	padding: 0;
}

.carbon_fig_04_01 {
	float: left;
	width: 475px;
	height: 250px;
	margin: 0;
	padding: 0;
}

.carbon_fig_04_02 {
	float: left;
	width: 345px;
	height: 250px;
	margin: 0;
	padding: 0;
}

.carbon_fig_04_03 {
	float: left;
	width: 460px;
	height: 250px;
	margin: 0;
	padding: 0;
}

.carbon_fig_05 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.carbon_fig_06_01 {
	width: 1000px;
	height: 365px;
	margin: 0 auto;
	padding: 0 0 50px;
}

.carbon_fig_06_02 {
	width: 1000px;
	height: 455px;
	margin: 0 auto;
	padding: 0 0 50px;
}

.carbon_fig_06_03 {
	width: 1000px;
	height: 387px;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_07_01 {
	float: left;
	width: 510px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.carbon_fig_07_02 {
	float: left;
	width: 250px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.carbon_fig_07_03 {
	float: left;
	width: 520px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.carbon_fig_08_01 {
	float: left;
	width: 122px;
	height: 122px;
	margin: 0;
	padding: 0;
}

.carbon_fig_08_02 {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 30px;
	padding: 0;
}

.carbon_fig_09_01 {
	float: left;
	width: 497px;
	height: 280px;
	margin: 0;
	padding: 0;
}

.carbon_fig_09_02 {
	float: left;
	width: 330px;
	height: 280px;
	margin: 0;
	padding: 0;
}

.carbon_fig_09_03 {
	float: left;
	width: 453px;
	height: 280px;
	margin: 0;
	padding: 0;
}

.carbon_fig_10_01 {
	float: left;
	width: 122px;
	height: 122px;
	margin: 0;
	padding: 0;
}

.carbon_fig_10_02 {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 30px;
	padding: 0;
}

.carbon_fig_11_01 {
	float: left;
	width: 115px;
	height: 444px;
	margin: 0;
	padding: 0;
}

.carbon_fig_11_02 {
	float: left;
	width: 500px;
	height: 444px;
	margin: 0;
	padding: 0;
}

.carbon_fig_11_03 {
	float: left;
	width: 50px;
	height: 444px;
	margin: 0;
	padding: 0;
}

.carbon_fig_11_04 {
	float: left;
	width: 515px;
	height: 444px;
	margin: 0;
	padding: 0;
}

.carbon_fig_11_05 {
	float: left;
	width: 100px;
	height: 444px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12 {
	width: 1280px;
	height: 111px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12_01 {
	float: left;
	width: 320px;
	height: 130px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12_02 {
	float: left;
	width: 215px;
	height: 130px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12_03 {
	float: left;
	width: 180px;
	height: 130px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12_04 {
	float: left;
	width: 295px;
	height: 130px;
	margin: 0;
	padding: 0;
}

.carbon_fig_12_05 {
	float: left;
	width: 270px;
	height: 130px;
	margin: 0;
	padding: 0;
}

.carbon_fig_13 {
	width: 500px;
	height: 343px;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_13_01 {
	float: left;
	width: 250px;
	height: 343px;
	margin: 0;
	padding: 0;
}

.carbon_fig_13_02 {
	float: left;
	width: 250px;
	height: 343px;
	margin: 0;
	padding: 0;
}

.carbon_fig_14 {
	width: 1060px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_14_01 {
	width: 1060px;
	height: 330px;
	margin: 0;
	padding: 0 0 50px;
}

.carbon_fig_14_02 {
	width: 1060px;
	height: 330px;
	margin: 0;
	padding: 0;
}

.carbon_fig_15 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_15_01 {
	width: 1200px;
	height: 653px;
	margin: 0;
	padding: 0 0 70px;
}

.carbon_fig_15_02 {
	width: 1200px;
	height: 362px;
	margin: 0;
	padding: 0;
}

.carbon_fig_16 {
	width: 1280px;
	height: 272px;
	margin: 0 auto 52px;
	padding: 0;
}

.carbon_fig_16_01 {
	float: left;
	width: 383px;
	height: 272px;
	margin: 0;
	padding: 0 0 50px;
}

.carbon_fig_16_02 {
	float: left;
	width: 490px;
	height: 272px;
	margin: 0;
	padding: 0;
}

.carbon_fig_16_03 {
	float: left;
	width: 407px;
	height: 272px;
	margin: 0;
	padding: 0;
}

.carbon_fig_17 {
	width: 1280px;
	height: 352px;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_17_01 {
	float: left;
	width: 353px;
	height: 352px;
	margin: 0;
	padding: 0 0 50px;
}

.carbon_fig_17_02 {
	float: left;
	width: 545px;
	height: 352px;
	margin: 0;
	padding: 0;
}

.carbon_fig_17_03 {
	float: left;
	width: 382px;
	height: 352px;
	margin: 0;
	padding: 0;
}

.carbon_fig_18 {
	width: 1000px;
	height: 290px;
	margin: 0 auto 118px;
	padding: 0;
}

.carbon_fig_18_01 {
	float: left;
	width: 332px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_18_02 {
	float: left;
	width: 340px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_18_03 {
	float: left;
	width: 328px;
	height: 290px;
	margin: 0;
	padding: 0;
}

.carbon_fig_19 {
	width: 1000px;
	height: auto;
	margin: 0 auto 65px;
	padding: 0;
}

.carbon_fig_19_01 {
	width: 1000px;
	height: 510px;
	margin: 0;
	padding: 0;
}

.carbon_fig_20 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.carbon_fig_20_01 {
	float: left;
	width: 1000px;
	height: 509px;
	margin: 0;
	padding: 0;
}

.carbon_fig img {
	width: 100%;
	height: auto;
}


/*biogas*/

.biogas_fig_01 {
	width: 1220px;
	height: 340px;
	margin: 0 auto;
	padding: 0 0 180px;
}

.biogas_fig_01 img {
	width: 100%;
	height: auto;
}


/*moba*/

.moba_image_01 {
	background-image: url(/commons/images/krystian-tambur-k7rZ8wTfABA-unsplash_re.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_02 {
	background-image: url(/commons/images/INFLUX_web_moba_photo1-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_03 {
	background-image: url(/commons/images/ifai_bg_03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_04 {
	background-image: url(/commons/images/ifai_bg_04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_05 {
	background-image: url(/commons/images/ifai_bg_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_06 {
	background-image: url(/commons/images/ifai_bg_06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_07 {
	background-image: url(/commons/images/ifai_bg_07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_08 {
	background-image: url(/commons/images/ifai_bg_08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_image_09 {
	background-image: url(/commons/images/INFLUX_web_moba_photo2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.moba_fig img {
	width: 100%;
	height: auto;
}

.moba_fig_01_wrap {
	display: flex;
	width: 866px;
	height: 430px;
	margin: 0 auto;
	padding: 90px 0 180px;
}

.moba_fig_01_01 {
	width: 390px;
	height: 430px;
	margin: 0 auto;
}

.moba_fig_01_02 {
	width: 111px;
	height: 430px;
	margin: 0 auto;
}

.moba_fig_01_03 {
	width: 365px;
	height: 430px;
	margin: 0 auto;
}

.moba_fig_02_wrap {
	display: flex;
	width: 612px;
	height: 231px;
	margin: 0 auto;
	padding: 0 0 50px;
}

.moba_fig_02_01 {
	width: 232px;
	height: 231px;
	margin: 0 auto;
}

.moba_fig_02_02 {
	width: 148px;
	height: 231px;
	margin: 0 auto;
}

.moba_fig_02_03 {
	width: 232px;
	height: 231px;
	margin: 0 auto;
}

.moba_fig_03 {
	width: 320px;
	height: 120px;
	margin: 0 auto;
	padding: 95px 0 40px;
}

.moba_text2 {
	color: #fff;
	letter-spacing: 0.07em;
	line-height: 24px;
	text-align: center;
	padding: 0;
	font-size: 14px;
}


/* bluecarbon */

#bluecarbon {
	width: 100%;
	height: 100%;
}

.bluecarbon_image_01 {
	background-image: url(/commons/images/INFLUX_web_blue_carbon_photo1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bluecarbon_image_02 {
	background-image: url(/commons/images/INFLUX_web_blue_carbon_photo2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bluecarbon_image_03 {
	background-image: url(/commons/images/INFLUX_web_blue_carbon_photo3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bluecarbon_image_04 {
	background-image: url(/commons/images/INFLUX_web_blue_carbon_photo4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bc_title2 {
	margin: 0 auto;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 150%;
	text-align: center;
	font-size: 20px;
}

.bc_text2 {
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 24px;
	text-align: center;
	padding: 0;
	font-size: 14px;
}

.bc_fig img {
	width: 100%;
	height: auto;
}

.bc_fig_01 {
	width: 43px;
	height: 23px;
	margin: 0 auto;
	padding: 0 0 50px;
}

.bc_fig_02 {
	width: 511px;
	height: 243px;
	margin: 0 auto;
	padding: 0;
}

.bc_fig_03_wrap1 {
	width: 765px;
	height: 265px;
	margin: 0 auto;
	padding: 95px 0 0;
}

.bc_fig_03_wrap2 {
	width: 765px;
	height: 197px;
	margin: 0 auto;
	padding: 0 0 70px;
}

.bc_fig_03_01 {
	float: left;
	width: 295px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_02_wrap {
	float: left;
	width: 170px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_02 {
	width: 170px;
	height: 125px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_03 {
	float: left;
	width: 300px;
	height: 265px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_04 {
	width: 170px;
	height: 140px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_05 {
	float: left;
	width: 295px;
	height: 176px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_06 {
	float: left;
	width: 170px;
	height: 176px;
	margin: 0;
	padding: 0;
}

.bc_fig_03_07 {
	float: left;
	width: 300px;
	height: 176px;
	margin: 0;
	padding: 0;
}

.bc_hr {
	width: 1280px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #fff;
}

.bc_fig_04_wrap {
	width: 866px;
	height: 430px;
	margin: 0 auto;
	padding: 0 0 125px;
}

.bc_fig_04_01 {
	float: left;
	width: 433px;
	height: 430px;
	margin: 0;
	padding: 0;
}

.bc_fig_04_02 {
	float: left;
	width: 433px;
	height: 430px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_wrap1 {
	width: 1176px;
	height: 390px;
	margin: 0 auto;
	padding: 0 0 0;
}

.bc_fig_05_01 {
	float: left;
	width: 315px;
	height: 390px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_02 {
	float: left;
	width: 115px;
	height: 390px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_03 {
	float: left;
	width: 315px;
	height: 390px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_04 {
	float: left;
	width: 110px;
	height: 390px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_05 {
	float: left;
	width: 321px;
	height: 390px;
	margin: 0;
	padding: 0;
}


.bc_fig_05_wrap2 {
	width: 1176px;
	height: 94px;
	margin: 0 auto;
	padding: 0 0 0;
}

.bc_fig_05_06 {
	float: left;
	width: 315px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_07 {
	float: left;
	width: 110px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_08 {
	float: left;
	width: 315px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_09 {
	float: left;
	width: 110px;
	height: 90px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_10 {
	float: left;
	width: 321px;
	height: 90px;
	margin: 0;
	padding: 0;
}


.bc_fig_05_wrap3 {
	width: 1176px;
	height: 88px;
	margin: 0 auto;
	padding: 0 0 175px;
}

.bc_fig_05_11 {
	display: block;
	float: left;
	width: 315px;
	height: 88px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_12 {
	float: left;
	width: 115px;
	height: 88px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_13 {
	display: block;
	float: left;
	width: 315px;
	height: 88px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_14 {
	float: left;
	width: 110px;
	height: 88px;
	margin: 0;
	padding: 0;
}

.bc_fig_05_15 {
	display: block;
	float: left;
	width: 321px;
	height: 88px;
	margin: 0;
	padding: 0;
}


/* rov */

#rov {
	width: 100%;
	height: 100%;
}

.rov_image_01 {
	background-image: url(/commons/images/INFLUX_web_rov_photo_top_b.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.rov_image_02 {
	background-image: url(/commons/images/INFLUX_web_rov_photo1_a.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.rov_image_03 {
	background-image: url(/commons/images/INFLUX_web_rov_photo2_a.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.rov_fig img {
	width: 100%;
	height: auto;
}

.rov_fig_01 {
	width: 870px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
}

.rov_video_wrap {
	width: 640px;
	height: 360px;
	padding: 0 0 0;
	margin: 0 auto;
}

.rov_fig_02_wrap {
	display: flex;
	width: 1004px;
	height: 179px;
	padding: 0 0 0;
	margin: 0 auto;
}

.rov_fig_02 {
	width: 223px;
	height: 151px;
	padding: 14px;
	margin: 0 auto;
}

.rov_fig_03 {
	width: 866px;
	height: 307px;
	padding: 0 0 0;
	margin: 0 auto;
}


/* contact form7 */

#contact {
	width: 100%;
	height: 100%;
	background: #000
}

.contact_content {
	text-align: left;
}

#contact h2.contact_h2 {
	font-size: 32px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 160%;
	padding: 200px 0 80px 0;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.wpcf7 {
	position: relative;
}

form.wpcf7-form {
	padding: 0 0 475px;
}

.contact_left {
	width: 220px;
	float:left;
	color: #fff;
	font-size: 18px;
	padding: 10px 0 37px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.contact_right {
	position: relative;
	width: 700px;
	float:left;
	padding: 0 0 37px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.text-574,
.text-443 {
	float:left;
	width: 325px;
	height: auto;
	margin: 0 50px 0 0;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.text-51,
.text-431 {
	float:left;
	width: 325px;
	height: auto;
	margin: 0 0 0 0;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

input[type="text"].tex_left,
 input[type="text"].tex_right {
	width: 315px;
	height: auto;
	margin: 0 50px 0 0;
	border: none;
	padding: 5px 10px 5px 0px;
	font-size: 18px;
	line-height: 200%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
	background: #000;
	color: #fff;
	background-image: url(/commons/images/dotline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.email-335 {
	float:left;
	width: 700px;
	height: auto;
	margin: 0 0 0 0;
}

input[type="email"] {
	width: 690px;
	height: auto;
	margin: 0 0 0 0;
	border: none;
	padding: 5px 10px 5px 0px;
	font-size: 18px;
	line-height: 200%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
	background: #000;
	color: #fff;
	background-image: url(/commons/images/dotline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.text-266,
.text-903,
.text-400,
.text-504,
.text-242,
.menu-846,
.menu-329 {
	float:left;
	width: 700px;
	height: auto;
	margin: 0 0 0 0;
}

input[type="text"].tex_long {
	width: 690px;
	height: auto;
	margin: 0 0 0 0;
	border: none;
	padding: 5px 10px 5px 0px;
	font-size: 18px;
	line-height: 200%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
	background: #000;
	color: #fff;
	background-image: url(/commons/images/dotline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.menu-846,
.menu-329 {
	width: 700px;
	height: 47px;
	margin: 0 0 0 0;
	background-image: url(/commons/images/dotline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

select {
	width: 700px;
	height: 46px;
	margin: 0 0 0 0;
	border: none;
	padding: 5px 10px 5px 0px;
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
	appearance: none; /* 標準のスタイルを無効にする */ 
	display: block; /* ブロックレベル要素化する */ 
	font-size: 18px;
	line-height: 200%;
	color: #fff; /* フォントの色を指定 */
	border: none; /* 境界線をなしに指定する */
	border-radius: 0; /* 角丸を指定する */
	background: #000;/* 背景を透過指定する */
	background-image: url(/commons/images/btn_pulldown.png);
	background-size: 39px 30px;
	background-position: right bottom;
	background-repeat: no-repeat;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	}
	::-ms-expand { /* select要素のデザインを無効にする（IE用） */
	display: none;
}

option:nth-child(1){
　display: none;
}

.select_over1,
.select_over2 {
	position: absolute;
	top: 6px;
	left: 0;
	width: 180px;
	height: 39px;
	font-size: 18px;
	line-height: 200%;
	color: #575757;
	background: #000;
/*	background-image: url(/commons/images/btn_pulldown.png);
	background-size: 39px 30px;
	background-position: right bottom;
	background-repeat: no-repeat;*/
	z-index: 100;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.textarea-885 {
	width: 700px;
	height: 260px;
	margin: 0 0 0 0;
	background-image: url(/commons/images/dotline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

textarea.tex_area {
	width: 690px;
	height: 250px;
	border: none;
	padding: 5px 10px 5px 0;
	font-size: 18px;
	line-height: 200%;
	letter-spacing: 0em;
	-webkit-appearance: none;
	border-radius: 0;
	color: #fff;
	background: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

#submit_btn {
	float: right;
	border: 0px;
	width: 74px;
	height: 30px;
	font-size: 20px;
	background: #fff;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

#submit_btn:hover {
	opacity: 0.5;
}

.checkbox-311,
.checkbox-696 {
	display: block;
	width: 700px;
	height: auto;
	margin: 0 0 0 0;
}

span.first {
	position: absolute;
	top: 6px;
	left: 0;
	width: 112px;
}

span.last {
	position: absolute;
	top: 6px;
	left: 120px;
	width: 112px;
}

span.first.last {
	position: absolute;
	top: 10px;
	left: 0;
	width: 700px;
}

.contact_right input[type="checkbox"] {
	position: relative;
	width: 23px;
	height: 23px;
	opacity: 0;
	cursor: pointer;
	/*-webkit-appearance: none;*/
}

.contact_right label {
	width: 112px;
	color: #fff;
	font-size: 18px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.wpcf7-list-item-label {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	background-image: url(/commons/images/checkbox_off2.png);
	background-size: 23px 23px;
	background-position: left 6px;
	background-repeat: no-repeat;
	padding: 0 0 0 36px;
	text-align: left;
	height: 30px;
	font-size: 18px;
	line-height: 200%;
	z-index: 100;
}

.checked .wpcf7-list-item-label {
	background-image: url(/commons/images/checkbox_on2.png);
	color: #fff;
}

.wpcf7-not-valid-tip {
	position: absolute;
	top: 17px;
	left: -24px;
	color: #c5ff00;
	font-size: 10px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.textarea-885 .wpcf7-not-valid-tip {
	position: absolute;
	top: -230px;
	left: -24px;
	color: #c5ff00;
	font-size: 10px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

input::placeholder,
textarea::placeholder {
	color: #575757;
	font-size: 18px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

input[type="submit"].wpcf7-confirm {
	border: 0px;
	width: 698px;
	height: 94px;
	padding: 0 0 0 40px;
	font-size: 20px;
	color: #fff;
	text-align: left;
	background: #000;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	background-image: url(/commons/images/btn_frame.png);
	background-size: 698px 94px;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

input[type="submit"].wpcf7-confirm:hover {
	color: #000;
	background-image: url(/commons/images/btn_frame_over.png);
}

input[type="submit"].wpcf7-submit {
	border: 0px;
	width: 698px;
	height: 94px;
	padding: 0 0 0 40px;
	font-size: 20px;
	color: #fff;
	text-align: left;
	background: #000;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	background-image: url(/commons/images/btn_frame.png);
	background-size: 698px 94px;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

input[type="submit"].wpcf7-submit:hover {
	color: #000;
	background-image: url(/commons/images/btn_frame_over.png);
}

input[type="button"].wpcf7-back {
	border: 0px;
	width: 698px;
	height: 94px;
	padding: 0 0 30px 0;
	font-size: 14px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	color: #fff;
	text-align: left;
	background: #000;
	cursor: pointer;
	opacity: 1;
	transition: 0.6s;
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	transition: 0.6s;
}

input[type="button"].wpcf7-back:hover {
	opacity: 0.5;
}

.contact_small {
	padding: 30px 0 0;
	font-size: 12px;
	color: #fff;
	text-align: left;
	line-height: 240%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.contact_small a {
	color: #fff;
}

.contact_right .checkbox-696 input[type="checkbox"] + .wpcf7-list-item-label {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	background-image: url(/commons/images/checkbox_off2.png);
	background-size: 23px 23px;
	background-position: left 0px;
	background-repeat: no-repeat;
	padding: 0 0 0 36px;
	text-align: left;
	height: 27px;
	font-size: 12px;
	line-height: 200%;
	z-index: 100;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.contact_right .checkbox-696 .checked input[type="checkbox"] + .wpcf7-list-item-label {
	background-image: url(/commons/images/checkbox_on2.png);
	color: #fff;
}

.contact_right .checkbox-696 .checked .wpcf7-list-item-label {
	background-image: url(/commons/images/checkbox_on2.png);
	background-position: left 0px;
}

.wpcf7-response-output {
	color: #c5ff00;
	font-size: 13px;
	padding:  20px 0 0 220px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.wpcf7 .screen-reader-response {
	position: absolute;
	top: -110px;
	right: 0;
	color: #c5ff00;
	font-size: 13px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	clip: auto;
	height: auto;
	width: auto;
}

.screen-reader-response ul {
	display: none;
}

.wpcf7c-conf {
	background-color: transparent;
	color: white;
	border: none;
}

.contact_right .tex_check2 .wpcf7-list-item-label {
	width: 300px;
	color: #fff;
	font-size: 12px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	padding: 0 0 0 214px;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}


/*thank you*/

section.complete_wrapper {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

article.complete_content {
	display: table-cell;
	vertical-align: middle;
}

#contact h2.complete_title {
	font-size: 32px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	padding: 0 0 45px 0;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
	text-align: center;
}

.complete_text {
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 200%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 400;
}


/*google recaptcha*/

.grecaptcha-badge { visibility: hidden; }


/*T-line MAP*/

.tline_map_wrap {
	position:relative;
	width: 1260px;
	height: 905px;
	margin: 0 auto;
}

#tline_map {
	position: absolute;
	top: 0;
	left: 50%;
	width: 738px;
	height:905px;
	margin: 0 0 0 -369px;
	background-image: url(/commons/images/tline_jp_map.png);
	background-size: 738px 905px;
	background-position: center top;
	background-repeat: no-repeat;
}

.tline_arrow_001 {
	position: absolute;
	left: 367px;
	top: 128px;
	width: 118px;
	height: 118px;
	background-image: url(/commons/images/tline_arrow_001.png);
	background-repeat: no-repeat;
	background-size: 118px 118px;
	background-position: top left;
}

.tline_arrow_002 {
	position: absolute;
	left: 372px;
	top: 263px;
	width: 96px;
	height: 1px;
	background-image: url(/commons/images/tline_arrow_002.png);
	background-repeat: no-repeat;
	background-size: 96px 1px;
	background-position: top left;
}

.tline_arrow_003 {
	position: absolute;
	left: 525px;
	top: 244px;
	width: 116px;
	height: 116px;
	background-image: url(/commons/images/tline_arrow_003.png);
	background-repeat: no-repeat;
	background-size: 116px 116px;
	background-position: top left;
}

.tline_arrow_004 {
	position: absolute;
	left: 530px;
	top: 317px;
	width: 112px;
	height: 46px;
	background-image: url(/commons/images/tline_arrow_004.png);
	background-repeat: no-repeat;
	background-size: 112px 46px;
	background-position: top left;
}

.tline_arrow_005 {
	position: absolute;
	left: 510px;
	top: 441px;
	width: 130px;
	height: 1px;
	background-image: url(/commons/images/tline_arrow_005.png);
	background-repeat: no-repeat;
	background-size: 130px 1px;
	background-position: top left;
}

.tline_arrow_006 {
	position: absolute;
	left: 494px;
	top: 484px;
	width: 148px;
	height: 148px;
	background-image: url(/commons/images/tline_arrow_006.png);
	background-repeat: no-repeat;
	background-size: 148px 148px;
	background-position: top left;
}

.tline_arrow_007 {
	position: absolute;
	left: 307px;
	top: 599px;
	width: 2px;
	height: 72px;
	background-image: url(/commons/images/tline_arrow_007.png);
	background-repeat: no-repeat;
	background-size: 2px 72px;
	background-position: top left;
}

.tline_arrow_008 {
	position: absolute;
	left: 130px;
	top: 457px;
	width: 2px;
	height: 118px;
	background-image: url(/commons/images/tline_arrow_008.png);
	background-repeat: no-repeat;
	background-size: 2px 118px;
	background-position: top left;
}

.tline_arrow_009 {
	position: absolute;
	left: -50px;
	top: 456px;
	width: 164px;
	height: 164px;
	background-image: url(/commons/images/tline_arrow_009.png);
	background-repeat: no-repeat;
	background-size: 164px 164px;
	background-position: top left;
}

.tline_arrow_010 {
	position: absolute;
	left: -73px;
	top: 685px;
	width: 181px;
	height: 1px;
	background-image: url(/commons/images/tline_arrow_010.png);
	background-repeat: no-repeat;
	background-size: 181px 1px;
	background-position: top left;
}

.tline_map_001 {
	left: 203px;
	top: 85px;
	width: 200px;
	height: 40px;
}

.tline_map_002 {
	left: 203px;
	top: 246px;
	width: 200px;
	height: 40px;
}

.tline_map_003 {
	left: 647px;
	top: 197px;
	width: 200px;
	height: 40px;
}

.tline_map_004 {
	left: 647px;
	top: 295px;
	width: 200px;
	height: 40px;
}

.tline_map_005 {
	left: 647px;
	top: 421px;
	width: 200px;
	height: 40px;
}

.tline_map_006 {
	left: 647px;
	top: 634px;
	width: 200px;
	height: 40px;
}

.tline_map_007 {
	position: absolute;
	left: 284px;
	top: 677px;
	width: 200px;
	height: 40px;
}

.tline_map_008 {
	left: 55px;
	top: 405px;
	width: 300px;
	height: 40px;
}

.tline_map_009 {
	left: -200px;
	top: 405px;
	width: 200px;
	height: 40px;
}

.tline_map_010 {
	left: -200px;
	top: 677px;
	width: 200px;
	height: 40px;
}

.thumbs_tline {
	width: 1152px;
	margin: 0 auto;
	padding: 100px 0 0;
}

.thumb250 {
	float: left;
	width: 250px;
	height: 267px;
	margin: 0 19px 56px;
	background-image: url(/commons/images/yellowbox_tline_en.png);
	background-repeat: no-repeat;
	background-size: 250px 267px;
	background-position: top left;
	position: relative;
}

.thumb_info250 {
	width: 250px;
	height: 267px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.tline_info_titlewrap {
	display: block;
	width: 250px;
	height: 94px;
	vertical-align: middle;
}

.tline_number {
	width: 100%;
	height: 20px;
	padding: 20px 0 10px;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.tline_info_en {
	margin: 0;
	padding: 0 0 8px;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.15em;
	line-height: 120%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.tline_info_jp {
	margin: 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
	font-family: 'FOT-筑紫ゴシック Pr5 R', sans-serif;
}

.tline_info_1 {
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.tline_info_2 {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 25px;
	letter-spacing: 0.1em;
	line-height: 100%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.tline_info_3 {
	padding: 20px 0 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 180%;
	color: #000;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

/*commons*/


.en32 {
	padding: 0;
	font-size: 32px;
	color: #000;
	letter-spacing: 0.01em;
	line-height: 180%;
	text-align: center
}

.en22 {
	padding: 0 0 4px;
	font-size: 22px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.en20 {
	padding: 0 0 4px;
	font-size: 20px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 180%;
	text-align: center
}

.en18 {
	padding: 0 0 4px;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 180%;
	text-align: center
}

.en17 {
	padding: 0;
	font-size: 17px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 220%;
	text-align: center
}


.en16 {
	padding: 0 0 10px;
	font-size: 16px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.en15 {
	padding: 0 0 8px;
	font-size: 15px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.en14 {
	padding: 0 0 0;
	font-size: 14px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.en13 {
	padding: 0 0 2px;
	font-size: 13px;
	color: #000;
	letter-spacing: 0em;
	line-height: 180%;
	text-align: center;
	font-family: "Gotham A", "Gotham B", sans-serif;
}

.en12 {
	padding: 0 0 0;
	font-size: 12px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.en11 {
	padding: 0 0 18px;
	font-size: 11px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center
}

.jp46 {
	font-size: 46px;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 100%;
	text-align: center;
}

.jp22 {
	font-size: 22px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 140%;
	text-align: center;
}

.jp20 {
	font-size: 20px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center;
}

.jp15 {
	font-size: 15px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 160%;
	text-align: center;
}

.jp14 {
	font-size: 14px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 180%;
	text-align: center;
}

.jp13 {
	font-size: 13px;
	color: #000;
	letter-spacing: 0em;
	line-height: 140%;
	text-align: center;
}

.jp12 {
	font-size: 12px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 160%;
	text-align: center;
}

.w1176 { width: 1176px; }
.w100 { width: 100%; }

.center { text-align: center; }
.last { margin: 0;}
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.mt60 { margin-top: 60px; }
.mt-10 { margin-top: -10px; }

.mb100 { margin-bottom: 100px; }
.mb80 { margin-bottom: 80px; }
.mb50 { margin-bottom: 50px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb5 { margin-bottom: 5px; }
.mb0 { margin-bottom: 0px; }
.m0 { margin: 0px; }

.pt200 { padding-top: 200px; }
.pt190 { padding-top: 190px; }
.pt180 { padding-top: 180px; }
.pt160 { padding-top: 160px; }
.pt155 { padding-top: 155px; }
.pt140 { padding-top: 140px; }
.pt130 { padding-top: 130px; }
.pt125 { padding-top: 125px; }
.pt120 { padding-top: 120px; }
.pt115 { padding-top: 115px; }
.pt110 { padding-top: 110px; }
.pt105 { padding-top: 105px; }
.pt100 { padding-top: 100px; }
.pt95 { padding-top: 95px; }
.pt90 { padding-top: 90px; }
.pt85 { padding-top: 85px; }
.pt80 { padding-top: 80px; }
.pt75 { padding-top: 75px; }
.pt70 { padding-top: 70px; }
.pt65 { padding-top: 65px; }
.pt60 { padding-top: 60px; }
.pt57 { padding-top: 57px; }
.pt50 { padding-top: 50px; }
.pt45 { padding-top: 45px; }
.pt40 { padding-top: 40px; }
.pt25 { padding-top: 25px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pt5 { padding-top: 5px; }
.pt0 { padding-top: 0px; }

.pb200 { padding-bottom: 200px; }
.pb180 { padding-bottom: 180px; }
.pb175 { padding-bottom: 175px; }
.pb170 { padding-bottom: 170px; }
.pb165 { padding-bottom: 165px; }
.pb160 { padding-bottom: 160px; }
.pb155 { padding-bottom: 155px; }
.pb150 { padding-bottom: 150px; }
.pb140 { padding-bottom: 140px; }
.pb135 { padding-bottom: 135px; }
.pb130 { padding-bottom: 130px; }
.pb125 { padding-bottom: 125px; }
.pb120 { padding-bottom: 120px; }
.pb110 { padding-bottom: 110px; }
.pb105 { padding-bottom: 105px; }
.pb100 { padding-bottom: 100px; }
.pb95 { padding-bottom: 95px; }
.pb90 { padding-bottom: 90px; }
.pb85 { padding-bottom: 85px; }
.pb80 { padding-bottom: 80px; }
.pb75 { padding-bottom: 75px; }
.pb70 { padding-bottom: 70px; }
.pb65 { padding-bottom: 65px; }
.pb60 { padding-bottom: 60px; }
.pb55 { padding-bottom: 55px; }
.pb50 { padding-bottom: 50px; }
.pb45 { padding-bottom: 45px; }
.pb40 { padding-bottom: 40px; }
.pb35 { padding-bottom: 35px; }
.pb30 { padding-bottom: 30px; }
.pb28 { padding-bottom: 28px; }
.pb25 { padding-bottom: 25px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb12 { padding-bottom: 12px; }
.pb10 { padding-bottom: 10px; }
.pb5 { padding-bottom: 5px; }
.pb0 { padding-bottom: 0px; }

.pr2 { padding-right: 2px;}

.pl60 { padding-left: 60px;}
.pl4 { padding-left: 2px;}
.pl2 { padding-left: 2px;}
.pl1 { padding-left: 1px;}

.lh240 { line-height: 240%; }
.lh230 { line-height: 230%; }
.lh220 { line-height: 220%; }
.lh200 { line-height: 200%; }
.lh180 { line-height: 180%; }
.lh167 { line-height: 167%; }
.lh160 { line-height: 160%; }
.lh150 { line-height: 150%; }
.lh140 { line-height: 140%; }
.lh130 { line-height: 130% }
.lh120 { line-height: 120% }
.lh100 { line-height: 100%; }

.ls0 { letter-spacing: 0; )}
.ls-005 { letter-spacing: -0.05em; }

.whr { margin: 0 70px; border-bottom: 2px solid #fff;}
.whr1 { margin: 0; border-bottom: 1px solid #fff;}
.whr1280 { 
	width: 1280px;
	margin: 0 auto;
	border-bottom: 2px solid #fff;
}

.whr_m160 { 
	margin: 0 160px;
	border-bottom: 2px solid #fff;
}

.whr1280-1px { 
	width: 1280px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
}

.whr_full { 
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #fff;
}

.wh { color: #fff;}
.bk { color: #000;}

.bgwh { background-color: #fff;}

.tleft { text-align: left;}
.sp { display: none; }

.sp_alert { 
	display: block;
	position: fixed;
	top: 0;
	left: -5000px;
	width: 100%;
	height: 100%;
}

.sp_alert_wrap { 
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	background-image: url(/commons/images/alert_bg.png);
}

.sp_alert_image { 
	width: 654px;
	height: 540px;
	margin: 0 auto;
	background-image: url(/commons/images/rotate.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}