@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

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

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#4C4C4C; font-size:14px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;background:#fff; line-height:1.6;}

/* COMMON STYLE
=======================================*/
a{color:#CC0033;text-decoration:none;}
a:hover{color:#CC0033; text-decoration:none;}

section{margin:0;}
.sectionTitle{padding:8px 6px;margin:0 0 25px;color:#ffffff;font-size:140%;font-weight:bold;background:#e71e35;overflow:hidden;}
.sectionTitle .icon-yelp{margin:4px 4px 0 0;font-size:100%;font-weight:bold;float:left;}
.Hv a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

.red, .fc-red {color:#FF0000;}
#main .Note {color:#eb5f64;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}

/* respons view */
.spView{display:none;}


/* other */
.clearfix:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden}
.clearfix{display: inline-block;} 
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* web fonts */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-mhukvn');
	src:url('fonts/icomoon.eot?#iefix-mhukvn') format('embedded-opentype'),
		url('fonts/icomoon.woff?-mhukvn') format('woff'),
		url('fonts/icomoon.ttf?-mhukvn') format('truetype'),
		url('fonts/icomoon.svg?-mhukvn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

.icon-office:before {content: "\e656";}
.icon-pencil:before {content: "\e604";}
.icon-pencil2:before {content: "\e605";}
.icon-quill:before {content: "\e602";}
.icon-image:before {content: "\e657";}
.icon-profile:before {content: "\e64c";}
.icon-tag:before {content: "\e611";}
.icon-phone:before {content: "\e652";}
.icon-phone-hang-up:before {content: "\e600";}
.icon-location:before {content: "\e614";}
.icon-location2:before {content: "\e615";}
.icon-map:before {content: "\e616";}
.icon-bubble:before {content: "\e61d";}
.icon-bubbles:before {content: "\e61e";}
.icon-bubbles2:before {content: "\e65f";}
.icon-bubble2:before {content: "\e61f";}
.icon-bubbles22:before {content: "\e620";}
.icon-bubbles3:before {content: "\e603";}
.icon-user:before {content: "\e621";}
.icon-accessibility:before {content: "\e601";}
.icon-bookmark:before {content: "\e631";}
.icon-bookmarks:before {content: "\e632";}
.icon-checkmark:before {content: "\e637";}
.icon-checkmark2:before {content: "\e638";}
.icon-mail2:before {content: "\e644";}
.icon-googleplus2:before {content: "\e66c";}
.icon-facebook3:before {content: "\e66f";}
.icon-twitter3:before {content: "\e672";}
.icon-libreoffice:before {content: "\e648";}
.icon-arrow-left3:before {content: "\e639";}
.icon-arrow-down3:before {content: "\e63b";}
.icon-arrow-up3:before {content: "\e63c";}
.icon-untitled:before {content: "\e63d";}



/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width: 100%;margin: 0 auto; border-top:4px solid #009966;}

/*MAIN
========================================*/
/* #contents */
#contents{width:990px;padding:0 0 40px;margin:0 auto; overflow:hidden;}
/* #main*/
#main{width:100%; margin:0 auto;}

/* #header */
#header{width:990px; margin:30px auto 50px;}
#header .Block {width:990px; margin-bottom:50px; overflow:hidden;}
#header .gNav{ float:left; width:50%; margin-top:16px;}
#header .gNav li{ float:left; margin-right:20px; font-weight:bold;}
#header .SocialBlock{ float:right; width:50%;}
#header .SocialBlock li{ float:right; margin-left:15px; font-size:30px;}

#header a{color:#4C4C4C; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#header a:hover{ text-decoration:none; color:#009999; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
h1 { margin:0 auto 50px; width:402px; height:53px;}
h1 a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
h1 a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

#MV-Index {background:url(../img/bg-index.png) no-repeat; width:990px; height:352px; padding:110px 0 30px; margin:0 auto 50px;}
#MV-Index h2 {background:url(../img/bg-h2.png) repeat; width:580px; padding:30px; text-align:center; font-size:24px; font-weight:normal; margin:60px 0 60px 310px; color:#FFF; letter-spacing:2px;}
#MV-Company {background:url(../img/bg-company.png) no-repeat; width:990px; height:352px; padding:110px 0 30px; margin:0 auto 50px;}
#MV-Company h2 {background:url(../img/bg-h2.png) repeat; width:500px; padding:30px; text-align:center; font-size:24px; font-weight:normal; margin:60px 0 60px 40px; color:#FFF; letter-spacing:2px;}
#MV-Content {background:url(../img/bg-content.png) no-repeat; width:990px; height:352px; padding:10px 0 140px; margin:0 auto 50px;}
#MV-Content h2 {background:url(../img/bg-h2.png) repeat; width:120px; padding:20px; text-align:center; font-size:24px; font-weight:normal; margin:20px 0 60px 20px; color:#FFF; letter-spacing:2px;}
#MV-Recruitment {background:url(../img/bg-recruit.png) no-repeat; width:990px; height:352px; padding:10px 0 140px; margin:0 auto 50px;}
#MV-Recruitment h2 {background:url(../img/bg-h2.png) repeat; width:120px; padding:20px; text-align:center; font-size:24px; font-weight:normal; margin:20px 0 60px 20px; color:#FFF; letter-spacing:2px;}

#NewsBlock { width:990px; margin:0 auto 80px; overflow:hidden;}
#NewsBlock .Left { width:720px; float:left;}
#NewsBlock .Left h2 { color:#13b29c; font-size:18px; padding-bottom:10px;}
#NewsBlock .Left dl { overflow:hidden; padding:0 0 4px; border-bottom:1px dotted #CCCCCC; margin-bottom:16px;}
#NewsBlock .Left dl dt { float:left; width:20%; color:#009999;}
#NewsBlock .Left dl dd { float:right; width:80%;}
#NewsBlock .Right{ width:238px; float:right;}
#NewsBlock #scroll {height: 116px;width:700px;padding:10px;overflow-y: scroll;-webkit-overflow-scrolling: touch; border:1px solid #CCC;}
#NewsBlock #scroll ::-webkit-scrollbar {width: 6px;}
#NewsBlock #scroll ::-webkit-scrollbar-track {background:#CCCCCC;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb { background:#999999;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb:window-inactive {background:#000;}

#NewsBlock .Right li{width:238px; float:left; margin-bottom:10px;}
#NewsBlock .Right li.Mission{ background:url(../img/btn-01_bg.png) no-repeat; background-size:100%;}
#NewsBlock .Right li.Recruitment{ background:url(../img/btn-02_bg.png) no-repeat; background-size:100%;}
#NewsBlock .Right li.Request{ background:url(../img/btn-03_bg.png) no-repeat; background-size:100%;}
#NewsBlock .Right li a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
#NewsBlock .Right li a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0;}
#NewsBlock .Right li img { width:100%; height:auto;}



/* #footer */
.BackTop {margin:0 auto 10px; width:990px; height:20px; text-align:right;}
.BackTop a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.BackTop a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

#footer{padding:0 0 2px; border-bottom:3px solid #009966; margin-bottom:20px; overflow:hidden;}
#footer .SocialBlock{ float:left; width:50%;}
#footer .SocialBlock li{ float:left; margin-right:15px; font-size:30px;}
#footer .Copy{ float:right; width:50%; text-align:right;}

#footer a{color:#4C4C4C; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#footer a:hover{ text-decoration:none; color:#009999; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

.Normal {line-height:1.8; width:880px; margin:0 auto 80px; overflow:hidden;}
.Normal h2 { color:#13b29c; letter-spacing:2px; font-size:18px; padding-bottom:10px;}
.Normal p { padding-bottom:15px;}
.Normal .midnote { padding-bottom:50px;}
.Normal .endnote { padding-bottom:100px;}
.Normal .ComData { float:left; width:500px; font-size:13px;}
.Normal .ComData dl { overflow:hidden; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; padding-bottom:5px;}
.Normal .ComData dt { float:left; width:80px; color:#78A9AF;}
.Normal .ComData dd { float:right; width:420px;}
.Normal .Map { float:right; width:350px;}

.Normal .RecData {width:80%; font-size:13px; overflow:hidden; margin:0 auto;}
.Normal .RecData dl { overflow:hidden; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; padding-bottom:5px;}
.Normal .RecData dt { float:left; width:20%; color:#78A9AF;}
.Normal .RecData dd { float:right; width:80%;}


.Btn { width:200px; margin:30px auto; text-align:center;}
.Btn a .button { text-decoration:none; background-color:#0CB866;border: 2px solid #0CB866;color: #fff;width:200px; margin:0 auto; padding:16px 10px 12px;text-decoration:none;  -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.Btn :hover .button {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none !important;  -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}


/* Contact */
.ContactBlock {-webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-bottomright: 15px; border:4px solid #999; padding:2%; margin:30px 0;}
.ContactBlock dl { overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #333333; margin-bottom:15px;}
.ContactBlock dl dt { width:100%;}
.ContactBlock dl dd { width:100%;}

.ContactBlock select{color:#666666;height: 45px;font-size: 100%;padding: 12px 50px 12px 12px;border: 1px solid #67687C;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: .01px;text-overflow: "";background: #FFF url(../img/select_arrow.jpg) no-repeat right;}
.ContactBlock input[type=text] {padding:6px; font-size:18px; width:97.5%;}
.ContactBlock textarea {padding:6px; font-size:18px; width:97.5%; min-height:200px;}

.ContactBlock input[type=button] {display: inline-block;width: 140px;height: 44px;text-align: center;text-decoration: none;background: #59b1eb;border: 2px solid #59b1eb;color: #fff;line-height: 40px;outline: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.ContactBlock input[type=button]:hover {background-color: #fff;border-color: #59b1eb;color: #59b1eb;text-decoration:none; cursor:pointer;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}








@media screen and (max-width: 989px) { /* Tablet Display - width:989px under - */

/* COMMON
=======================================*/
/* #wrapper */
#wrapper{}

/*MAIN
========================================*/
/* #contents */
#contents{width:100%; padding:0;}
/* #main*/
#main{width:100%; margin:0 auto;}

/* #header */
#header{width:98%; margin:2% auto 5%;}
#header .Block {width:98%; margin-bottom:50px; overflow:hidden;}
#header .gNav{ float:left; width:70%; margin-top:16px;}
#header .gNav li{ float:left; margin-right:20px; font-weight:bold;}
#header .SocialBlock{ float:right; width:30%;}
#header .SocialBlock li{ float:right; margin-left:15px; font-size:30px;}

h1 { margin:0 auto 50px; width:45%;background:none;}
h1 img { width:100%; height:auto;}
h1 a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

#MV-Index {background:url(../img/bg-index.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 5%; padding:7% 2%;}
#MV-Index h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:22px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}
#MV-Company {background:url(../img/bg-company.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:7% 2% 4%;}
#MV-Company h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:22px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#MV-Content {background:url(../img/bg-content.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:7% 2% 4%;}
#MV-Content h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:22px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#MV-Recruitment {background:url(../img/bg-recruit.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:7% 2% 4%;}
#MV-Recruitment h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:22px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#NewsBlock { width:98%; margin:0 auto 6%; overflow:hidden;}
#NewsBlock .Left { width:65%; float:left;}
#NewsBlock .Left h2 { color:#0099CC; font-size:18px; padding-bottom:10px;}
#NewsBlock .Left dl { overflow:hidden; padding:0 0 4px; border-bottom:1px dotted #CCCCCC; margin-bottom:16px;}
#NewsBlock .Left dl dt { float:left; width:20%; color:#009999;}
#NewsBlock .Left dl dd { float:right; width:80%;}
#NewsBlock .Right{ width:30%; float:right;}
#NewsBlock #scroll {height: 116px;width:99%;padding:10px;overflow-y: scroll;-webkit-overflow-scrolling: touch; border:1px solid #CCC;}
#NewsBlock #scroll ::-webkit-scrollbar {width: 6px;}
#NewsBlock #scroll ::-webkit-scrollbar-track {background:#CCCCCC;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb { background:#999999;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb:window-inactive {background:#000;}

#NewsBlock .Right li{width:100%; float:left; margin-bottom:10px;}
#NewsBlock .Right li img{ width:100%; height:auto;}
#NewsBlock .Right li.Mission{ background:none;}
#NewsBlock .Right li.Recruitment{ background:none;}
#NewsBlock .Right li.Request{ background:none;}
#NewsBlock .Right li a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

.Normal {width:90%; margin:0 auto 80px; overflow:hidden;}
.Normal h2 {font-size:18px; padding-bottom:10px;}
.Normal p {padding-bottom:15px;}
.Normal .endnote { padding-bottom:100px;}
.Normal .ComData { float:none; width:100%; margin-bottom:20px;}
.Normal .ComData dl {}
.Normal .ComData dt {float:left; width:20%;}
.Normal .ComData dd { float:right; width:80%;}
.Normal .Map { float:none; width:100%; text-align:center; margin:0 auto;}
.GMap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.GMmap iframe, .GMmap object, .GMmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* #footer */
.BackTop {margin:0 auto 10px; width:98%; height:20px; text-align:right;}

#footer{padding:0 0 2px; border-bottom:3px solid #009999; margin-bottom:20px; overflow:hidden;}
#footer .SocialBlock{ float:left; width:49%; margin-left:1%;}
#footer .SocialBlock li{ float:left; margin-right:15px; font-size:30px;}
#footer .Copy{ float:right; width:49%; text-align:right; margin-right:1%;}





}

@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */
/*========================================

BASIC

=======================================*/
/* common style */
body{color:#4C4C4C; font-size:14px;font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;background:#fff; line-height:1.6;}
img{width:100%;height:auto;}


/* responsd View*/
.pcView{display:none;}
.spView{display:inline;}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{padding:0 0 0; font-size:14px;}

/*MAIN
========================================*/
/* #contents */
#contents{width:100%;padding:0 0 40px;margin:0 auto; overflow:hidden;}
/* #main*/
#main{width:100%; margin:0 auto;}

/* #header */
#header {background:#FFFFFF;}

h1 {margin:0 auto 4%; width:70%; background:none;}
h1 img {width:100%; height:auto;}

#MV-Index {background:url(../img/bg-index.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 5%; padding:6% 2%;}
#MV-Index h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:18px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#MV-Company {background:url(../img/bg-company.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:6% 2%;}
#MV-Company h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:18px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#MV-Content {background:url(../img/bg-content.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:6% 2%;}
#MV-Content h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:18px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}

#MV-Recruitment {background:url(../img/bg-recruit.png) no-repeat left top; width:100%; height:auto; min-height:200px;background-size:100%; margin:0 auto 2%; padding:6% 2%;}
#MV-Recruitment h2 {background:url(../img/bg-h2.png) repeat; width:80%; padding:4%; text-align:center; font-size:18px; font-weight:normal; margin:0 auto; color:#FFF; letter-spacing:2px;}


#NewsBlock { width:98%; margin:0 auto 5%; overflow:hidden; font-size:14px;}
#NewsBlock .Left { width:100%; float:none; margin-bottom:4%}
#NewsBlock .Left h2 {padding-bottom:6px;}
#NewsBlock .Left dl {padding:0 0 4px; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
#NewsBlock .Left dl dt {width:34%;}
#NewsBlock .Left dl dt span { display:inline;}
#NewsBlock .Left dl dd {width:66%;}
#NewsBlock .Right{ width:100%; float:none;}
#NewsBlock #scroll {height: 116px;width:96%;padding:2%;overflow-y: scroll;-webkit-overflow-scrolling: touch; border:1px solid #CCC;}
#NewsBlock #scroll ::-webkit-scrollbar {width: 6px;}
#NewsBlock #scroll ::-webkit-scrollbar-track {background:#CCCCCC;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb { background:#999999;}
#NewsBlock #scroll ::-webkit-scrollbar-thumb:window-inactive {background:#000;}

#NewsBlock .Right li{width:100%; float:left; margin-bottom:10px;}
#NewsBlock .Right li.Mission{background:none;}
#NewsBlock .Right li.Recruitment{ background:none;}
#NewsBlock .Right li.Request{ background:none;}
#NewsBlock .Right li a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}



/* #footer */
.BackTop {margin:0 auto 10px; width:100%; height:20px; text-align:center;}
.BackTop img {width:31px; height:16px;}
.BackTop a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.BackTop a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:0.5;}

#footer{padding:0 0 2px; border-bottom:3px solid #009999; margin-bottom:0; overflow:hidden;}
#footer .SocialBlock{ float:none; width:42%; margin:0 auto 1%; overflow:hidden;}
#footer .SocialBlock li{ float:left; margin:0 auto; text-align:center; width:25%;}
#footer .Copy{ float:none; width:100%; text-align:center;}

#footer a{color:#4C4C4C; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}


.Normal {width:96%; margin:0 auto 10%; overflow:hidden;}
.Normal h2 {font-size:18px; padding-bottom:10px;}
.Normal p {padding-bottom:15px;}
.Normal .midnote { padding-bottom:8%;}
.Normal .endnote { padding-bottom:8%;}
.Normal .ComData { float:none; width:100%; margin-bottom:20px;}
.Normal .ComData dl {}
.Normal .ComData dt {float:none; width:100%;}
.Normal .ComData dd { float:none; width:100%;}

/* Contact */
.ContactBlock input[type=button] {display: inline-block;width: 100%;height: 44px;text-align: center;line-height: 40px;}
.ContactBlock input[type=button]:hover {}






/*==========
SIDE BAR
==========*/
.sidebar-toggle {position: absolute; display: none; top: 0; left: 0; height: 30px; font-size:16px; font-weight:bold; cursor: pointer; margin: 0; padding: 2px 10px 16px;width:100%; background:#fff;border-top:4px solid #009999; border-bottom:1px solid #009999;}
a.sidebar-toggle { text-decoration:none; color:#333333;}

.sidebar-toggle > i {font-size: 26px; margin: 0 0 0 12px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration:none; color:#333333;}
.sidebar-toggle:hover > i, .sidebar-toggle.sidebar-toggle-opened > i {margin-left:0;}
.sidebar-toggle + .navbar-brand > img {margin-left: 10px;}
.sidebar-togglable .sidebar-toggle {display: block;}
.sidebar-wrapper {position: fixed; top: 0; overflow: hidden; bottom: 0; width: 150px; cursor: default; -moz-user-select: -moz-none; user-select: none; -webkit-transform: translate3d(-150px, 0px, 0px); transform: translate3d(-150px, 0px, 0px);}
.sidebar-wrapper.sidebar-ready {-webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s;}
.sidebar-wrapper.sidebar-open {-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}
.sidebar-wrapper .sidebar-scroller {position: absolute; overflow-x: hidden; overflow-y: scroll; left: 0; right: -24px; height: 100%;}
.sidebar-wrapper .sidebar-menu {margin: 48px 0 0; padding: 0; overflow-x: hidden; list-style: none; text-align: left; font-size: 16px; background:url(../img/head/bg.gif) repeat;}
.sidebar-wrapper .sidebar-menu ul {padding: 0; margin: 0;}
.sidebar-wrapper .sidebar-menu li {display: block;}
.sidebar-wrapper .sidebar-group > span, .sidebar-wrapper .sidebar-item > a {display: block; height: 100%; padding: 12px 15px; text-decoration: none;}
.sidebar-wrapper .sidebar-item > a.active {border-left: 5px solid; padding: 12px 15px 12px 10px;}
.sidebar-wrapper .sidebar-item > a {cursor: pointer;}
.sidebar-wrapper .sidebar-item a:hover { padding-left:15px;cursor: pointer;}
.sidebar-swipe {position: fixed; z-index: 1001; width: 20px; left: 0; top: 0; bottom: 0; -moz-user-select: -moz-none; user-select: none;}
.sidebar-open + .sidebar-swipe, .sidebar-force-open .sidebar-swipe {left: 210px;}
.sidebar-trigger .sidebar-toggle {z-index: 1004; position:fixed;}
.sidebar-trigger .sidebar-wrapper {z-index: 1003;}
.sidebar-wrapper.sidebar-default {color: #222222; background-color: #ffffff;}
.sidebar-wrapper.sidebar-default.sidebar-open,
.sidebar-wrapper.sidebar-default.sidebar-dragging {-webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.18); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.18);}

.sidebar-wrapper.sidebar-default .sidebar-item > a {color: #222222; background-color: #ffffff;}
.sidebar-wrapper.sidebar-default .sidebar-item > a:hover, .sidebar-wrapper.sidebar-default .sidebar-item > a:focus {color: #333333; background-color: #eeeeee;}
.sidebar-wrapper.sidebar-default .sidebar-item > a.active {color: #337ab7; background-color: #ffffff;}
.sidebar-wrapper.sidebar-default .sidebar-item.sidebar-item-mini > a {color: #747474;}
.sidebar-wrapper.sidebar-default .hammer-scrollbar {background-color: #555555;}
.sidebar-wrapper.sidebar-inverse {color: #9d9d9d; background-color: #2a3542;}
.sidebar-wrapper.sidebar-inverse.sidebar-open, .sidebar-wrapper.sidebar-inverse.sidebar-dragging {-webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.32); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.32);}
.sidebar-wrapper.sidebar-inverse .sidebar-group > span {color: #46586e; border-bottom-color: #344252;}
.sidebar-wrapper.sidebar-inverse .sidebar-group.sticky-header > span {background-color: #2a3542;}
.sidebar-wrapper.sidebar-inverse .sidebar-group + .sidebar-item {border-top-color: #344252;}
.sidebar-wrapper.sidebar-inverse .sidebar-item > a {color: #9d9d9d; background-color: #2a3542;}
.sidebar-wrapper.sidebar-inverse .sidebar-item > a:hover, .sidebar-wrapper.sidebar-inverse .sidebar-item > a:focus {color: #ffffff; background-color: #344252;}
.sidebar-wrapper.sidebar-inverse .sidebar-item > a.active {color: #dfecf6; background-color: #2a3542;}
.sidebar-wrapper.sidebar-inverse .sidebar-item.sidebar-item-mini > a {color: #6d85a2;}
.sidebar-wrapper.sidebar-inverse .hammer-scrollbar {background-color: #e4e8ed;}
.navbar-default + .sidebar-trigger .sidebar-toggle > i,
.navbar-default + .sidebar-trigger + .sidebar-trigger .sidebar-toggle > i {color: #888888;}
.navbar-default + .sidebar-trigger .sidebar-toggle:hover > i,
.navbar-default + .sidebar-trigger + .sidebar-trigger .sidebar-toggle:hover > i {color: #333333;}
.navbar-inverse + .sidebar-trigger .sidebar-toggle > i,
.navbar-inverse + .sidebar-trigger + .sidebar-trigger .sidebar-toggle > i {color: #ffffff;}
.navbar-inverse + .sidebar-trigger .sidebar-toggle:hover > i,
.navbar-inverse + .sidebar-trigger + .sidebar-trigger .sidebar-toggle:hover > i {color: #ffffff;}
.sidebar-right .sidebar-toggle {left: auto; right: 0; padding-left: 20px; padding-right: 0;}
.sidebar-right .sidebar-toggle > i {margin-left: 0; margin-right: -5px;}
.sidebar-right .sidebar-toggle:hover > i, .sidebar-right .sidebar-toggle.sidebar-toggle-opened > i {margin-right: -9px;}
.sidebar-right .sidebar-wrapper {right: 0; -webkit-transform: translate3d(210px, 0px, 0px); transform: translate3d(210px, 0px, 0px);}
.sidebar-right .sidebar-wrapper.sidebar-open {-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}
.sidebar-right .sidebar-wrapper.sidebar-default.sidebar-open, .sidebar-right .sidebar-wrapper.sidebar-default.sidebar-dragging {-webkit-box-shadow: -3px 0 4px rgba(0, 0, 0, 0.18); box-shadow: -3px 0 4px rgba(0, 0, 0, 0.18);}
.sidebar-right .sidebar-wrapper.sidebar-inverse.sidebar-open,
.sidebar-right .sidebar-wrapper.sidebar-inverse.sidebar-dragging {-webkit-box-shadow: -3px 0 4px rgba(0, 0, 0, 0.32); box-shadow: -3px 0 4px rgba(0, 0, 0, 0.32);}
.sidebar-right .sidebar-wrapper .sidebar-item > a.active {border-left: inherit; border-right: 5px solid; padding: 12px 10px 12px 15px;}
.sidebar-right .sidebar-swipe {left: auto; right: 0;}
.sidebar-right .sidebar-open + .sidebar-swipe,
.sidebar-right .sidebar-force-open .sidebar-swipe {right: 150px;}
@media (max-width: 767px) {
.sidebar-wrapper {  width: 48%;-webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px);}
.sidebar-open + .sidebar-swipe,
.sidebar-force-open .sidebar-open + .sidebar-swipe {  left: 48%;}
.sidebar-force-open .sidebar-swipe {  left: 0;}
.sidebar-right .sidebar-toggle {  padding-left: 7px;}
.sidebar-right .sidebar-wrapper {  -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px);}
.sidebar-right .sidebar-open + .sidebar-swipe {left: auto; right: 80%;}
.sidebar-right .sidebar-force-open .sidebar-swipe {left: auto; right: 0;}
}
@media (max-width: 991px) {.sidebar-force-open .sidebar-wrapper:not(.sidebar-open) + .sidebar-swipe {  left: 0;}
}
@media (min-width: 992px) {.sidebar-trigger.sidebar-locked .sidebar-toggle {  display: none;}
  .sidebar-trigger.sidebar-locked .sidebar-wrapper {  margin-top: 51px;}
  .sidebar-wrapper.sidebar-open-init {  -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}
  .sidebar-force-open .sidebar-wrapper.sidebar-open,
  .sidebar-force-open.sidebar-right .sidebar-wrapper.sidebar-open,
  .sidebar-force-open .sidebar-wrapper.sidebar-dragging,
  .sidebar-force-open.sidebar-right .sidebar-wrapper.sidebar-dragging {  -webkit-box-shadow: none; box-shadow: none;}
}
.sidebar-wrapper {-ms-touch-action: none;}
.sidebar-swipe {-ms-touch-action: none;}

.navbar-fixed-top + .sidebar-trigger .sidebar-toggle,
.navbar-fixed-bottom + .sidebar-trigger .sidebar-toggle,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger .sidebar-toggle,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
  position: fixed;
  z-index: 1032;
}
.navbar-fixed-top + .sidebar-trigger .sidebar-wrapper,
.navbar-fixed-bottom + .sidebar-trigger .sidebar-wrapper,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger .sidebar-wrapper,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger .sidebar-wrapper {
  z-index: 1033;
}
.navbar-fixed-bottom + .sidebar-trigger .sidebar-toggle,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger .sidebar-toggle {
  top: inherit;
  bottom: 0;
}
.navbar-fixed-top + .container,
.navbar-fixed-top + .container-fluid,
.navbar-fixed-top + .sidebar-trigger + .container,
.navbar-fixed-top + .sidebar-trigger + .container-fluid,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger + .container,
.navbar-fixed-top + .sidebar-trigger + .sidebar-trigger + .container-fluid {
  margin-top: 70px;
}
.navbar-fixed-bottom + .container,
.navbar-fixed-bottom + .container-fluid,
.navbar-fixed-bottom + .sidebar-trigger + .container,
.navbar-fixed-bottom + .sidebar-trigger + .container-fluid,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger + .container,
.navbar-fixed-bottom + .sidebar-trigger + .sidebar-trigger + .container-fluid {
  margin-bottom: 70px;
}
@media (min-width: 992px) {
  .sidebar-force-open:not(.sidebar-right) + .container,
  .sidebar-force-open:not(.sidebar-right) + .sidebar-trigger + .container {
    padding-left: 150px;
  }
  .sidebar-force-open:not(.sidebar-right) + .container-fluid,
  .sidebar-force-open:not(.sidebar-right) + .sidebar-trigger + .container-fluid {
    margin-left: 150px;
  }
  .sidebar-force-open.sidebar-right + .container,
  .sidebar-force-open.sidebar-right + .sidebar-trigger + .container {
    padding-right: 150px;
  }
  .sidebar-force-open.sidebar-right + .container-fluid,
  .sidebar-force-open.sidebar-right + .sidebar-trigger + .container-fluid {
    margin-right: 150px;
  }
}




/*-------------------- max-width:640px --------------------*/}