@charset "UTF-8";

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#231815;
	text-align:left;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, img, main { 
	display:block;
}
body {
	padding:0;
	margin:0;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	font-size:14px;
	line-height:150%;
	background:#fff;
}
ul,
li {
	padding:0;
	margin:0;
	list-style:none;
}
a {
	color:#4396b9;
	text-decoration:none;
}

a:hover,
a:active {
	color:#f052af;
	text-decoration:none;
}

input,
select {
	height:auto !important;
}

table {
	width:100%;
	table-collapse:collapse;
	border-spacing:0;
}

table caption {
	padding:6px 0;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
	text-align:center;
}

table th {
	text-align:left;
	font-weight:normal;
}

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

.container {
	width:100%;
	margin:0 auto;
}

.container:after,
.container:before {
	content:" ";
	display:table;
}
.container:after {
	clear:both;
}

/*---------nav-----------*/
nav {
	width:100%;
	padding-bottom:30px;
}

nav ul:after,
nav ul:before {
	content:" ";
	display:table;
}

nav ul:after {
	clear:both;
}

nav ul {
	width:1200px;
	margin:0 auto;
	border-bottom:6px #231815 solid;
	display:table;
}

nav ul li {
	width:210px;
	height:60px;
	margin-bottom:5px;
	float:left;
	text-align:center;
	overflow:hidden;
}

nav ul li.facebook,
nav ul li.instagram {
	width:auto;
	height:auto;
	padding-top:30px;
}

nav ul li.active img {
	margin-top:-63px;
}

nav ul li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

nav p.window-close {
	padding:17px 0;
	font-size:14px;
	line-height:18px;
	color:#231815;
	text-align:center;
}

nav ul li a,
nav p.window-close a {
	display:inline-block;
	padding-left:25px;
	background:url('../img/element/icon-arrow-inverse.png') no-repeat 0 center;
	font-size:14px;
	line-height:18px;
	color:#231815;
	text-decoration:none;
	text-align:center;
}

nav p.window-close a {
	padding-left:0;
	background:none;
}

nav ul li a:link,
nav ul li a:visited,
nav p.window-close a:link,
nav p.window-close a:visited {
	font-size:14px;
	line-height:18px;
	color:#fff;
	text-decoration:none;
}

nav ul li a:hover,
nav ul li a:active,
nav p.window-close a:hover,
nav p.window-close a:active {
	color:#fff;
	text-decoration:underline;
}

/*---------maingraphic-----------*/
.maingraphic {
	width:1198px;
	height:398px;
	margin:50px auto 25px auto;
	border:1px #231815 solid;
	overflow:hidden;
	position:relative;
}

.maingraphic .wrapper {
	width:100%;
}

.maingraphic p {
	width:1200px;
	margin:0 auto;
}

.maingraphic p img {
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}

.maingraphic video {
	display:block;
	width:1200px;
	height:400px;
	margin:0 auto;
}

.maingraphic a {
	display:block;
	width:150px;
	height:20px;
	position:absolute;
	top:90px;
	right:47px;
	z-index:9999;
}

#canvas {
	display:block;
	width:1200px;
	height:400px;
}

/*---------main-----------*/
main {
	margin:0 auto;
}

main section {
	width:1200px;
	margin:0 auto;
}

/*---------footer-----------*/
footer {
	width:1200px;
	padding:80px 0 40px 0;
	margin:0 auto;
	clear:both;
}

footer:after,
footer:before {
	content:" ";
	display:table;
}

footer:after {
	clear:both;
}

footer p {
	padding-left:194px;
}

.pagetop {
	width:1200px;
	margin:0 auto;
}

.pagetop a {
	padding:10px 0;
	float:right;
	display:block;
}

.pagetop a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}



/*home*/
#home main {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#home main .data-group {
	width:1260px;
	margin-left:-30px;
}

#home main .data-group:after,
#home main .data-group:before {
	content:" ";
	display:table;
}

#home main .data-group:after {
	clear:both;
}

#home main .data {
	display:block;
	width:360px;
	margin:30px 30px 0 30px;
	float:left;
}

#home main a.data:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#home main .data .image-group {
	height:298px;
	border:1px #231815 solid;
	position:relateve;
}

#home main a.data .image-group {
	padding:4px;
	height:290px;
}

#home main a.data .image-group p > img {
	width:350px;
	height:235px;
	position:absolute;
	z-index:900;
}

#home main a.data .image-group span {
	display:block;
	width:350px;
	height:235px;
	overflow:hidden;
}

#home main a.data .image-group span img {
	width:350px;
	height:auto;
}

#home main .data p.caption {
	padding-top:14px;
	font-size:18px;
	line-height:28px;
}

#home main .data p {
	font-size:14px;
	line-height:24px;
}

#home main .data ul {
	padding-top:6px;
	list-style:none;
}


/*GALLERY*/
#gallery main {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#gallery .image-group:after,
#gallery .image-group:before {
	content:" ";
	display:table;
}

#gallery .image-group:after {
	clear:both;
}

#gallery .image-group {
	width:1212px;
}

#gallery .image-group .photo {
	width:750px;
	float:left;
}

#gallery .image-group .photo li {
	display:none;
}
#gallery .image-group .photo li.active {
	display:block;
}

#gallery ul.thumbnail {
	width:426px;
	float:right;
}

#gallery ul.thumbnail li {
	width:136px;
	height:136px;
	margin:0 0 6px 6px;
	float:left;
	overflow:hidden;
}

#gallery ul.thumbnail img {
	height:100%;
	margin-left:-15px;
	cursor:pointer;
}

#gallery ul.thumbnail img:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#gallery ul.thumbnail li.active img,
#gallery ul.thumbnail li:active img,
#gallery ul.thumbnail li.current img {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

#gallery ul.post-links:after,
#gallery ul.post-links:before {
	content:" ";
	display:table;
}

#gallery ul.post-links:after {
	clear:both;
}

#gallery ul.post-links {
	width:100%;
	padding-bottom:20px;
	list-style:none;
}

#gallery ul.post-links li {
	margin:0 25px;
}

#gallery ul.post-links li.prev {
	float:left;
}

#gallery ul.post-links li.next {
	float:right;
}

#gallery ul.post-links li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#gallery .text-group {
	padding:0 25px 40px 25px;
}

#gallery .text-group h2 {
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}

#gallery .text-group .content,
#gallery .text-group p {
	line-height:26px;
}


#gallery .text-group .excerpt {
	padding-top:30px;
}

#gallery .text-group .excerpt p {
	line-height:26px;
}



/*STYLE*/
#style main {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#style main .data-group {
	width:1260px;
	padding-bottom:30px;
	margin-left:-28px;
}

#style main .data-group:after,
#style main .data-group:before {
	content:" ";
	display:table;
}

#style main .data-group:after {
	clear:both;
}

#style main .data {
	display:block;
	width:360px;
	margin:30px 28px 0 28px;
	float:left;
}

#style main .data {
	height:360px;
	border:1px #231815 solid;
	position:relateve;
}

#style main .data .image {
	padding:4px;
}

#style main .data .image > img {
	width:350px;
	height:350px;
	position:absolute;
	z-index:900;
}

#style main .data .image span {
	display:block;
	width:100%;
	overflow:hidden;
}

#style main .data .image span img {
	width:350px;
	height:350px;
}




/*INFORMATION*/
#information main {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#information .latestnews {
	margin-top:30px;
}

#information .latestnews,
#information .latestnews .wrapper {
	padding:3px;
	border:1px #231815 solid;
}

#information .latestnews .wrapper .data-group {
	padding-bottom:65px;
	border:5px #1d2088 solid;
}

#information .latestnews .wrapper .data-group .data {
	background:url('../img/pages/information/data-bg.png') no-repeat center bottom;
}

#information .latestnews .wrapper .data-group .data p {
	padding:50px 120px;
}



/*COMPANY*/
#company main {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#company .vision p.image {
	padding:26px 0 40px 0;
}

#company .vision p.image img {
	display:inline;
	width:100%;
	max-width:762px;
}

#company .vision p {
	text-align:center;
	line-height:26px;
}

#company .profile:after,
#company .profile:before {
	content:" ";
	display:table;
}

#company .profile:after {
	clear:both;
}

#company .profile {
	padding:115px 0 98px 0;
}

#company .profile p.image {
	width:310px;
	float:left;
}

#company .profile .text-group {
	width:860px;
	float:right;
}

#company .profile .text-group p {
	padding-bottom:23px;
}

#company .profile .text-group h3 {
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
}

#company .staff-list {
	padding-bottom:20px;
}

#company .staff-list .wrapper:after,
#company .staff-list .wrapper:before {
	content:" ";
	display:table;
}

#company .staff-list .wrapper:after {
	clear:both;
}

#company .staff-list .wrapper {
	width:990px;
	margin:0 auto;
}

#company .staff {
	width:415px;
	margin:0 40px 40px 40px;
	float:left;
}

#company .staff p.name {
	margin-top:30px;
}

#company .staff .hobby {
	margin-top:10px;
}

#company .staff .hobby p {
	float:left;
}

#company .staff .hobby p:first-child {
	width:100px;
}

#company .staff .hobby div {
	width:315px;
	float:left;
}


#company .staff .one-thing {
	margin-top:10px;
}

#company .staff .one-thing p {
	float:left;
}

#company .staff .one-thing p:first-child {
	width:100px;
}

#company .staff .one-thing div {
	width:315px;
	float:left;
	word-break:break-all;
}


#company .outline:after,
#company .outline:before {
	content:" ";
	display:table;
}

#company .outline:after {
	clear:both;
}

#company .outline .accessmap {
	width:600px;
	float:left;
}

#company .outline table {
	width:540px;
	float:right;
}

#company .outline table th,
#company .outline table td {
	line-height:180%;
	vertical-align:top;
}

#company .outline table th {
	width:130px;
}

#company .photo-group {
	padding:50px 0 120px 0;
}

#company .photo-group ul:after,
#company .photo-group ul:before {
	content:" ";
	display:table;
}

#company .photo-group ul:after {
	clear:both;
} 

#company .photo-group ul {
	width:100%;
	margin-top:5px;
	list-style:none;
}

#company .photo-group ul li {
	float:right;
}

#company .photo-group ul li:first-child {
	float:left;
}

#company .world-map p.image {
	text-align:center;
}

#company .world-map p.image img {
	display:inline;
	width:100%;
	max-width:1143px;
}

#company .contact {
	width:700px;
	padding:115px 0 0 0;
	margin:0 auto;
}

#company .contact h3 {
	text-align:center;
}

#company .contact h4 {
	padding-bottom:4px;
}

#company .contact h3 img {
	display:inline;
}

#company .contact p.msg {
	padding-bottom:58px;
}

#company .contact .remarks {
	display:table-cell;
	width:694px;
	height:136px;
	padding-top:8px;
	border:3px #231815 double;
	vertical-align:middle;
}

#company .contact .remarks p {
	padding-bottom:8px;
	text-align:center;
}

#company .contact p.check {
	padding-top:58px;
	padding-bottom:40px;
	text-align:center;
}

#company .contact p.check span {
	display:inline-block;
	padding-right:20px;
}

#company .contact p.check label {
	display:inline-block;
	padding-left:10px;
}

input[type="text"],
input[type="password"],
textarea {
	padding:4px 5px;
	border:0;
	font-size:14px;
	color:#666;
	border:1px #222 solid;
}

input[type="text"] {
	width:538px;
}

textarea {
	width:688px;
	height:120px;
}

form table {
	width:100%;
	margin:40px auto 20px auto;
}

form table th,
form table td {
	padding-bottom:15px;
}

form table th.email,
form table td.email {
	padding-bottom:45px;
}

form table th.content {
	vertical-align:top;
}

form table th.content,
form table td.content {
	padding-top:40px;
	padding-bottom:7px;
}

form table th.msg,
form table td.msg {
	padding-top:40px;
	padding-bottom:55px;
}

form table th {
	width:150px;
}

form table td.content p {
	width:300px;
	display:table-cell;
	vertical-align:top;
}


form table td.content p span {
	display:block;
	padding-bottom:8px;
}

form p.button {
	text-align:center;
}

form p.button button {
	color:#231815;
	padding:0;
	border:0;
	background:#fff;
	cursor:pointer;
}

form p.button button.disabled {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	cursor:not-allowed;
}

.error {
	text-align:center
}

.error h4 {
	padding:60px 0 40px 0;
	font-size:20px;
	line-height:30px;
	text-align:center;
}

.error strong {
	font-size:18px;
	line-height:140%;
	color:#c00;
	text-align:center
}

.error p {
	padding:40px 0 40px 0;
	font-size:14px;
	line-height:140%;
	color:#c00;
	text-align:center
}

main section.result {
	width:auto;
}

.result h5 {
	padding:30px 15px 0 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}

.result p {
	padding:15px;
	margin-bottom:50px;
	font-size:16px;
	text-align:center;
	line-height:180%;
}

form p.button {
	padding-bottom:60px;
}


#privacy-policy {
	
}

#privacy-policy main {
	padding:60px 0;
}

#privacy-policy section h2 {
	display:block;
	width:361px;
	padding-bottom:40px;
	margin:0 auto;
	position:relative;
}

#privacy-policy section h2 img {
	position:absolute;
	top:-35px;
}

#privacy-policy section h4 {
	padding-top:35px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
	line-height:160%;
	color:#333;
}

#privacy-policy section {
	padding-bottom:55px;
	background:#fff;
}

#privacy-policy section .data {
	padding:35px 0 0 0;
	margin:0 40px;
}

#privacy-policy main p {
	line-height:180%;
}

#privacy-policy main ul {
	padding-top:15px;
	padding-left:15px;
	list-style:none;
}