@charset "UTF-8";
/* CSS Document */

html {background-color:#000;}
html, body, div {margin:0; padding:0;}
body {font-family: 'Titillium Web', YuGothic , '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, 'メイリオ',  sans-serif; font-size:60%;}
img {max-width:100%; vertical-align:bottom; border:none;}
a {color:#ff9; text-decoration:none;}

.logo img, .content img {width:100%;}

h2 {
	font-size:225%;
	font-weight:600;
	line-height:1;
	margin-bottom:36px;
}
h2 span {
	font-size:50%;
	margin-left:1.6em;
}
h2.dark {
	color:#007ab7;
}
h2.dark span {
	color:#000;
}

h3 {
	font-size:150%;
	font-weight:600;
}
h3.dark {
	color:#007ab7;
}
#dl-menu {
	z-index:99;
}
.dl-menuwrapper li a {
	line-height:40px;
}
.dl-menuwrapper .language {
	position: absolute;
	top: -43px;
	right:60px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.dl-menuwrapper .language a {
	display:inline-block;
	padding: 0;
	line-height: 1;
	background:none;
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
}
.intro {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;
	background-image: url(../img/main.gif);
	background-size: cover;
	background-repeat: no-repeatl;
}
.logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 40%;
	height: 40%
}
.contact {
	background-color:#e6e6e6;
	width: 100%;
	padding: 48px 0 72px;
}
.form_table {
	display:table;
	width:100%;
	margin-bottom:1em;
}
.form_table .title, .form_table .required, .form_table .entry  {
	display:table-cell;
	vertical-align:middle;
}
.form_table .title, .contact .contact_message {
	width:15em;
	font-size:90%;
	font-weight:600;
	position:relative;
}
.form_table .title span {
	font-size: 75%;
}
.form_table .title .required {
	font-size: 50%;
	letter-spacing:0.1em;
	background-color:#c7243a;
	color:#fff;
	line-height:20px;
	padding: 0 0.5em;
	position:absolute;
	right:16px;
	top:50%;
	margin-top:-10px;
}
.form_table .entry input[type=text] {
	width:100%;
	vertical-align:text-top;
	font-size: 90%;
	line-height: 28px;
	padding: 5px 0.5em;
	border: 1px #000 solid;
	box-sizing:border-box;
	border-radius: 4px;
}
.form_table .entry select {
	width:100%;
	vertical-align:text-top;
	font-size: 90%;
	height: 40px;
	border: 1px #000 solid;
	box-sizing:border-box;
	border-radius: 4px;
	text-indent: 0.5em;
}

.contact .contact_message {
	width:100%;
	margin-bottom:36px;
}
.contact .contact_message textarea {
	width:100%;
	vertical-align:text-top;
	font-size: 90%;
	line-height: 28px;
	padding: 5px 0.5em;
	border: 1px #000 solid;
	box-sizing:border-box;
	border-radius: 4px;
}
.contact input:focus, .contact select:focus, .contact textarea:focus {
	border: 2px #007ab7 solid;
	outline: none;
}
.contact .contact_button {
	display:table;
	width:100%;
}
.contact .contact_button .submit {
	display:table-cell;
	width: 70%;
	padding-right:1em;
}
.contact .contact_button input[type=submit] {
    -webkit-appearance: none;
	border-style: none;
	border-radius: 4px;
	background-color: #007ab7;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	letter-spacing:0.1em;
	width: 100%;
	height: 48px;
	margin: 0;
    -webkit-box-shadow: 2px 2px 0 #0f4d80;
    -moz-box-shadow: 2px 2px 0 #0f4d80;
    box-shadow: 2px 2px 0 #0f4d80;
	position: relative;
	vertical-align: middle;
}
.contact .contact_button input[type=submit]:hover {
	background-color: #2d84cc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	top: 2px;
	left: 2px;
}
.contact .contact_button .reset {
	display:table-cell;
	width: 30%;
}
.contact .contact_button input[type=reset] {
    -webkit-appearance: none;
	border-style: none;
	border-radius: 4px;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	width: 100%;
	height: 48px;
    -webkit-box-shadow: 2px 2px 0 #000;  
    -moz-box-shadow: 2px 2px 0 #000;  
    box-shadow: 2px 2px 0 #000;  
	position: relative;
	vertical-align: middle;
}
.contact .contact_button input[type=reset]:hover {
	background-color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	top: 2px;
	left: 2px;
}

.copyright {
	/* background: #000 url(img/copyright.gif) center center no-repeat; */
	background-color: #000;
	width: 100%;
	padding:64px 0;
}
.copyright .inner {
	width: 82%;
	margin:0 auto;
}

.ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:32px;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}