@charset "UTF-8";

html,body{
min-width: 1014px;
}

body{
position: relative;background:#041530;font-family: 'Noto Sans JP', sans-serif;-webkit-text-size-adjust: 100%;//iphoneによる文字の大きさの自動調整をさせない
}

/*-------------------------*/
/* Loader                  */
/*-------------------------*/

#loader {
width: 48px;
height: 48px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -24px; /* heightの半分のマイナス値 */
margin-left: -24px; /* widthの半分のマイナス値 */
z-index: 100;
}

#fade {
background-color: #fff;
position: absolute;
height: 99999px;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
}

img{
vertical-align: top;
}
.clearboth{
clear: both;
}
/*-------------------------*/
/* Page                    */
/*-------------------------*/

#page{
position: relative;z-index:10;
}




/*-------------------------*/
/* Navi                    */
/*-------------------------*/

#gnavi_box {
position: fixed;
top:0px;
width:100%;
z-index:30;
}
#gnavi {
margin:0 auto;
width:1004px;
height:145px;
background:url(../img/gnavi.png);
text-align:center;
}

#bg_space{
background:url(../img/bg_tile.png) fixed;
position:absolute;
/*background:url(../img/bg_tile.png);
position:fixed;*/
width:100%;top: 0;right: 0;bottom:0;left: 0;z-index:1;
}

#bg_space1{
background:url(../img/bg_tile1.png) fixed;
position:absolute;width:100%;top: 0;right: 0;bottom:0;left: 0;z-index:1;
}
#bg_space2{
background:url(../img/bg_tile2.png) fixed;
position:absolute;width:100%;top: 0;right: 0;bottom:0;left: 0;z-index:1;
}
#bg_inner{
position:relative;
}



/*-------------------------*/
/* Contents                */
/*-------------------------*/

.cmn_box_wrap{
overflow:hidden;min-width: 1014px;
}
.cmn_box_wrap_bg{
background:url(../img/bg.png) repeat-y center top;
}

.cmn_box{
background:url(../img/bg_btm.png) no-repeat center bottom;
}
.cmn_inner{
position:relative;width:960px;margin:0 auto;
}


#contents{
width:960px;
margin:0 auto;
position:absolute;
top:0;
left:50%;
margin-left: -480px;
}


#top{
}
#company{
}
#service{
}
#products{
z-index: 2;
}
#contact{
}
#recruit{
}
#btm_jet{
background:url(../img/bg_11.png) no-repeat center top;
}



/*-------------------------*/
/* Top TV                  */
/*-------------------------*/

#tv{
position:absolute;
top:262px;
left:198px;
}
#tv02,#tv03,#tv04,#tv05,#tv06,#tv07,#tv08,#tv09,#tv10{
display:none;
}
.canimate_preloader{
height:0px;
}



/*-------------------------*/
/* Top Replace             */
/*-------------------------*/

#replace01tg{
position:absolute;
display:none;
left:770px;
top:647px;
}
#replace02tg{
position:absolute;
display:none;
left:634px;
top:497px;
}
#replace03tg{
position:absolute;
display:none;
left:468px;
top:611px;
}
#replace04tg{
position:absolute;
display:none;
left:360px;
top:497px;
}
#replace05tg{
position:absolute;
display:none;
left:85px;
top:564px;
}
#replace06tg{
position:absolute;
display:none;
left:58px;
top:706px;
}
#replace07tg{
position:absolute;
display:none;
left:18px;
top:155px;
}
#replace08tg{
position:absolute;
display:none;
left:-8px;
top:429px;
}



#replace01{
position:absolute;
display:block;
left:794px;
top:714px;
width:109px;
height:116px;
}
#replace02{
position:absolute;
display:block;
left:651px;
top:714px;
width:95px;
height:162px;
}
#replace03{
position:absolute;
display:block;
left:527px;
top:734px;
width:84px;
height:122px;
}
#replace04{
position:absolute;
display:block;
left:312px;
top:741px;
width:188px;
height:135px;
}
#replace05{
position:absolute;
display:block;
left:127px;
top:695px;
width:109px;
height:151px;
}
#replace06{
position:absolute;
display:block;
left:31px;
top:754px;
width:56px;
height:55px;
}
#replace07{
position:absolute;
display:block;
left:96px;
top:184px;
width:61px;
height:61px;
}
#replace08{
position:absolute;
display:block;
left:59px;
top:553px;
width:56px;
height:52px;
}

#top_rocket{
position: absolute;top: 197px;left: 48px;z-index: 2;
}

/*-------------------------*/
/* Calendar                */
/*-------------------------*/

#box_date{
position:absolute;
left:846px;
top:471px;
width:80px;

transform: rotate( 8deg );
-moz-transform : rotate( 8deg );
-webkit-transform : rotate( 8deg );
-o-transform : rotate( 8deg );
}
#date_year{
color:#499fb6;
font-weight:bold;
font-size:15px;
font-family:"Arial Black";
}
#date_month,#date_day{
color:#fff;
font-weight:bold;
font-size:28px;
font-family:"Arial Black";
text-align:right;
}
#date_month{
position:absolute;
top:25px;
left:5px;
width:40px;
}
#date_day{
position:absolute;
top:55px;
left:48px;
width:40px;
}
#date_week{
color:#fe7c70;
font-weight:bold;
font-size:15px;
position:absolute;
top:100px;
left:25px;
width:60px;
}

/*-------------------------*/
/* Company                 */
/*-------------------------*/

#companybody{
position:absolute;
display:block;
top:275px;
left:133px;
}

#companybody .body_left{
float:left;
}
#companybody .body_right{
float:left;width:214px;margin: 0 0 0 40px;
}
#companybody li{
list-style:none outside none;
clear:both;
overflow:hidden;
line-height: 1.8;
margin-bottom:20px;
}
#companybody h3{
float:left;
font-size:16px;
font-weight:500;
width:152px;

}
#companybody li div{
float:left;
}
#companybody p{
font-size:16px;
font-weight: bold;

}
#companybody .fig02{
margin: 20px 0 0;
}

#companybody .fig .img{
max-width: 100%;vertical-align: top;
}

/*-------------------------*/
/* Service                */
/*-------------------------*/

#servicebody{
position:absolute;
display:block;
top:365px;
left:160px;
}

#servicebody .body_left{
float:left;
width:360px;
}
#servicebody .body_right{
float:left;
width:300px;
}
#servicebody li{
list-style:none outside none;
clear:both;
overflow:hidden;
margin-bottom:40px;
}
#servicebody h3{
font-size:14px;
font-weight:bold;
}
#servicebody h3 span{
color:#333;
font-size:11px;
font-weight:normal;
display:block;
font-family: Verdana,Helvetica,Arial,sans-serif;
}
#servicebody p{
font-size:12px;
margin-top:10px;
width:300px;
line-height:1.4em;
}
#servicebody p span{
color:#333;
font-size:11px;
font-weight:normal;
display:block;
font-family: Verdana,Helvetica,Arial,sans-serif;
}

/*-------------------------*/
/* Products                */
/*-------------------------*/
#productslink{
position:absolute;
display:block;
top:280px;
left:510px;
width:400px;
height:110px;
}

#productslink02{
position:absolute;
display:block;
top:280px;
left:510px;
width:400px;
height:110px;
}

#click {
	opacity: 0;
	width:133px;
	height: 99px;
	background: url("../img/click01.png") no-repeat center center;
	background-size: contain;
	position: relative;
	top:0px;
	z-index: 2;
	animation: chase 4s;
	animation-iteration-count: infinite;
	-webkit-animation: chase 4s; /* Safari & Chrome */
	-webkit-animation-iteration-count: infinite;

}

@keyframes chase {
  0%   { width:133px; height:99x; top:0px; left:20px;}
  50%   { width:67px; height:50px; top:-65px; left:-65px}
  100%  { width:133px; height:99px; top:0px; left:20px;}
}
@-webkit-keyframes chase { /* Safari & Chrome */
  0%   { width:133px; height:99x; top:0px; left:20px;}
  50%   { width:67px; height:50px; top:-65px; left:-65px}
  100%  { width:133px; height:99px; top:0px; left:20px;}
}

#ufo {
	opacity: 0;
	width: 300px;
	height: 300px;
	background: url("../img/ufo-03.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: -100px;
	z-index: 1;
	animation: turn 4s;
	animation-iteration-count: infinite;
	-webkit-animation: turn 4s; /* Safari & Chrome */
	-webkit-animation-iteration-count: infinite;
}

@keyframes turn {
  0%   { transform: rotate(-30deg); width:300px; height:300px;}
  25%   { transform: rotate(30deg); }
  50%   { transform: rotate(-30deg); width:150px; height:150px;}
  75%   { transform: rotate(30deg); }
  100%  { transform: rotate(-30deg); width:300px; height:300px;}
}
@-webkit-keyframes turn { /* Safari & Chrome */
  0%   { -webkit-transform: rotate(-30deg); width:300px; height:300px;}
  25%   { -webkit-transform: rotate(30deg); }
  50%   { -webkit-transform: rotate(-30deg); width:150px; height:150px;}
  75%   { -webkit-transform: rotate(30deg); }
  100%  { -webkit-transform: rotate(-30deg); width:300px; height:300px;}
}

#ufo a {
	display: block;
	width: 100%;
	height: 100%;
}

/*-------------------------*/
/* Contact                 */
/*-------------------------*/

#brainlink{
position:absolute;display:block;top: 62px;left: 110px;width: 326px;height: 198px;
}


@media print, screen and (min-width: 768px) { .contact_form_area .form_btn button:hover { cursor: pointer; opacity: .8; transition: .2s; } }
body { overflow-x: hidden; }

div#mfp_hidden { overflow: hidden; width: 1px; height: 1px; padding: 0px; margin: 0px; }

div#mfp_hidden input { margin: 10px; }

div.mfp_thanks { padding: 30px; }

div.mfp_thanks p { line-height: 1.7em; }

div.mfp_thanks ul.mfp_caution { margin: 0px; padding: 0px; }

div.mfp_thanks ul.mfp_caution li { display: block; color: #C00; margin: 0px; padding: 5px 0px; }

div#mfp_thanks { text-align: center; font-size: 18px; padding: 20px 0px; }

div#mfp_thanks strong { color: #C00; font-size: 24px; }

form#mailformpro { padding: 10px 0px; }

form#mailformpro dl dt { float: left; width: 160px; clear: both; font-size: 12px; padding: 10px 0px; text-align: right; border-top: solid 1px #CCC; margin: 0px; }

form#mailformpro dl dd { border-top: solid 1px #CCC; margin: 0px; padding: 10px 5px 20px 170px; font-size: 12px; line-height: 1.5em; text-align: left; }

form#mailformpro dl dd ul, form#mailformpro dl dd ol { margin: 0px; padding: 0px; }

form#mailformpro dl dd ul li, form#mailformpro dl dd ol li { margin: 0px; padding: 0px; list-style: none; }

.must { display: block; background-color: #C00; border: solid 2px #C00; text-shadow: 0px 1px 2px #933; padding: 2px 5px; font-size: 10px; color: #FFF; float: left; margin: 0px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #CCC; background-size: 100% 100%; }

.optionally { display: block; background-color: #06C; border: solid 2px #06C; text-shadow: 0px 1px 2px #933; padding: 2px 5px; font-size: 10px; color: #FFF; float: left; margin: 0px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #CCC; background-size: 100% 100%; }

/* form#mailformpro label { border-radius: 3px; margin: 3px; display: inline-block; white-space: nowrap; } */

/* form#mailformpro label.mfp_checked { padding: 3px; border: solid 1px #CCC; background-color: #E8EEF9; box-shadow: 0px 1px 3px #CCC inset; } */

/* form#mailformpro label.mfp_not_checked { padding: 3px; border: solid 1px #EEE; } */

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

table#mfp_confirm_table tr.mfp_colored { background-color: #F6F7F9; }

table#mfp_confirm_table tr.mfp_achroma { background-color: #FFF; }

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td { text-align: left; font-size: 12px; border-top: solid 1px #CCC; padding: 5px 10px; }

table#mfp_confirm_table tr th { white-space: nowrap; width: 200px; }

table#mfp_confirm_table tr td { line-height: 1.5em; word-break: break-all; }

div#mfp_phase_confirm { clear: both; }

div#mfp_phase_confirm h4 { font-size: 36px; padding: 10px 0px 0px 0px; text-align: center; }

div#mfp_overlay { position: absolute; display: none; z-index: 10001; }

div#mfp_overlay_inner { background-color: #FFF; padding: 15px; margin: 0px auto; border-radius: 5px; box-shadow: 0px 0px 10px #000; width: 640px; max-width: 90%; }

div#mfp_overlay_background { background-color: #000; position: absolute; display: none; z-index: 10000; }

div#mfp_loading_screen { z-index: 20000; opacity: 0.8; display: none; background-color: #000; position: absolute; }

div#mfp_loading { z-index: 20001; position: absolute; display: none; width: 40px; height: 40px; }

.mfp_colored { background-color: #F6F7F9; }

.mfp_achroma { background-color: #FFF; }

div.mfp_err { clear: both; display: none; text-align: left; margin: 5px 0px 0px 0px; padding: 3px 0px 5px 17px; color: #F00; font-size: 12px; line-height: normal; background-repeat: no-repeat; background-position: 0px 1px; }

.mfp_parent_error { border: solid 2px #F00; }

.problem { background-color: #FCC; }

div#mfp_error { background-color: #FEE; border: solid 1px #F00; padding: 10px; display: none; }

div#mfp_error p { padding: 0px; margin: 0px; font-size: 14px; text-align: center; }

div#mfp_error p strong { font-size: 18px; color: #F00; }

div#mfp_warning { background-color: #FEE; border: solid 1px #F00; padding: 10px; display: none; border-radius: 5px; }

div#mfp_warning p { padding: 0px; margin: 0px; font-size: 14px; text-align: center; }

div#mfp_warning p strong { font-size: 18px; color: #F00; }

div#mfp_price { color: #C00; font-size: 36px; padding: 10px; font-weight: bolder; }

div#mfp_price span { color: #666; font-size: 12px; font-weight: normal; }

button.mfp_next, button.mfp_prev { font-size: 18px; margin: 10px; padding: 5px 10px; }

button.mfp_next { float: right; }

button.mfp_prev { float: left; }

ul#mfp_phase_stat { padding: 10px; text-align: center; }

ul#mfp_phase_stat li { display: inline-block; padding: 8px 15px; border-radius: 5px; margin: 0px 5px; list-style: none; font-size: 14px; }

ul#mfp_phase_stat li.mfp_phase_arrow { box-shadow: none; color: #999; padding: 8px 0px; }

ul#mfp_phase_stat li.mfp_active_phase { box-shadow: 0px 1px 6px #000; background-size: 100% 100%; background-color: #0068B7; border: solid 2px #0068B7; font-weight: bolder; color: #FFF; text-shadow: 0px 1px 3px #000; }

ul#mfp_phase_stat li.mfp_inactive_phase { background-size: 100% 100%; background-color: #EEE; border: solid 2px #EEE; color: #999; box-shadow: 0px 1px 6px #CCC; }

div#mfp_shopping_cart { border: solid 1px #CCC; margin: 0px; padding: 0px; }

div#mfp_shopping_cart p { margin: 0px; text-align: center; padding: 20px 10px; font-size: 12px; background-color: #FEE; }

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

table.mfp_shoppingcart thead tr td { background-color: #EEE; border-bottom: solid 1px #CCC; text-align: center; font-size: 12px; padding: 5px; }

table.mfp_shoppingcart tbody tr th, table.mfp_shoppingcart tbody tr td { font-size: 12px; padding: 5px; border-bottom: solid 1px #CCC; }

table.mfp_shoppingcart tbody tr td select { display: block; margin: 0px auto; text-align: center; }

table.mfp_shoppingcart tbody tr td select option { text-align: center; }

table.mfp_shoppingcart tbody tr th span { display: block; font-weight: normal; font-size: 10px; color: #666; padding: 3px 0px; }

table.mfp_shoppingcart tfoot tr td { padding: 5px; font-size: 16px; font-weight: bolder; color: #900; }

td.msc_price { font-size: 12px; text-align: right; }

div.mfp_buttons { clear: both; padding: 10px 0px; text-align: center; }

.imagebutton { margin: 0px; padding: 0px; border: none; outline: none; background: none; }

.mfp_element_checkbox, .mfp_element_radio { vertical-align: middle; margin: 0px 2px; }

.mfp_element_file { font-size: 12px; display: inline-block; padding: 10px 10px; vertical-align: middle; border: solid 1px #CCC; border-radius: 3px; box-shadow: 0px 0px 5px #CCC inset; background: #EEE; }

.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev { border-radius: 5px; padding: 10px 20px; background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC)); background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC)); background: -moz-linear-gradient(top, #EEE, #CCC); background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%); cursor: pointer; outline: none; letter-spacing: 1px; }

#mfp_button_send { background: #004D26; color: #fff; }

#mfp_button_cancel { background: #eee; }

input#mfp_reserve_item, input#mfp_reserve_date { display: none; }

div#mfp_reserve_wrapper { position: relative; overflow: hidden; border: solid 1px #CCC; }

div#mfp_reserve_inner { position: relative; padding: 0px 0px 0px 100px; overflow: auto; }

div#mfp_reserve_wrapper table { border-spacing: 0px; border-collapse: collapse; }

div#mfp_reserve_wrapper table.mfp_reserve_table_label { position: absolute; top: 0px; left: 0px; width: 100px; background-color: #FEE; z-index: 100; }

div#mfp_reserve_wrapper table.mfp_reserve_table_value { padding: 0px 0px 0px 0px; }

div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning { cursor: pointer; }

div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_active:hover, div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_warning:hover { background-color: #E8EEF9; }

div#mfp_reserve_wrapper table.mfp_reserve_table_value tr td.mfp_reserve_current { background-color: #0068B7; color: #FFF; }

td.mfp_reserve_disabled { background-color: #CCC; }

td.mfp_reserve_warning { background-color: #FFC; }

div#mfp_reserve_wrapper table tr td, div#mfp_reserve_wrapper table tr th { border: solid 1px #CCC; padding: 0px 5px; font-size: 12px; text-align: center; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-weight: normal; height: 20px; text-align: left; }

td.mfp_reserve_week_0 { color: #F00; background-color: #FEE; }

td.mfp_reserve_week_6 { color: #00F; background-color: #EEF; }

div.mfp_ok { border-radius: 5px; background-color: #090; border: solid 1px #090; display: inline-block; line-height: 1.5em; padding: 0px 5px; margin: 0px 2px; color: #FFF; font-size: 10px; background-size: 100% 100%; display: none; }

div.prefcodeWrapper { position: relative; }

div.prefcodeResult { position: absolute; top: 0px; left: 0px; padding: 5px; border: solid 1px #CCC; background-color: #FFF; box-shadow: 0px 0px 5px #CCC; display: none; }

div.prefcodeResult div { cursor: pointer; }

div.prefcodeResult div:hover { background-color: #C9EBFB; }

div.prefcodeResult div.prefcodeNext { background-color: #EEE; text-align: center; }

div.prefLoading { padding: 60px 100px; }

div.mfpSuggestWrapper { position: relative; }

div.mfpSuggestResult { position: absolute; top: 0px; left: 0px; padding: 5px; border: solid 1px #CCC; background-color: #FFF; box-shadow: 0px 0px 5px #CCC; display: none; }

div.mfpSuggestResult div { cursor: pointer; }

div.mfpSuggestResult div:hover { background-color: #C9EBFB; }

div.mfpSuggestResult div.mfpSuggestNext { background-color: #EEE; text-align: center; }

div.prefLoading { padding: 60px 100px; }

.hidefield { height: 0px; overflow: hidden; }

.showfield { height: auto; overflow: visible; }

div.mfp_attached_thumbnails { display: none; padding: 5px; margin: 5px auto; border: solid 1px #CCC; border-radius: 3px; box-shadow: 0px 0px 5px #CCC inset; background: #EEE; }

div.mfp_attached_thumbnails ul { margin: 0px; padding: 0px; }

form#mailformpro dl dd div.mfp_attached_thumbnails ul li { display: inline-block; vertical-align: top; padding: 0px; border: solid 4px #FFF; margin: 5px; box-shadow: 0px 2px 5px #999; }

form#mailformpro dl dd div.mfp_attached_thumbnails ul li a { display: block; max-height: 100px; overflow: hidden; }

div.mfp_attached_thumbnails ul li a img { display: block; max-width: 80px; }

button.mfp_attached_reset { font-size: 14px; }

div.mfp_guide { position: relative; width: 1px; height: 1px; }

div.mfp_guide div { position: absolute; bottom: 0px; left: 0px; margin-top: -2em; white-space: nowrap; border-radius: 5px; padding: 5px 10px; line-height: 1em; font-size: 12px; color: #FFF; font-weight: bolder; background: #F00; display: none; }

.mfp_ok { background-color: rgba(0, 255, 0, 0.2); }

.mfp_ng { background-color: rgba(255, 0, 0, 0.2); }

div#mfp_OperationCheck div#mfp_OperationCheck_inner { display: none; }

div#mfp_OperationCheck strong { background: #090; display: block; color: #222; text-align: center; border-radius: 3px; }

div#mfp_OperationCheck * { padding: 0px; margin: 0px; font-size: 12px; }

div#mfp_OperationCheck p { padding: 0px 5px; margin: 0px; font-size: 12px; }

div#mfp_OperationCheck p a { color: #0C0; text-decoration: none; }

div#mfp_OperationCheck p a:hover, div#mfp_OperationCheck p button:hover { text-decoration: underline; }

div#mfp_OperationCheck p button { border: none; background: none; color: #0C0; cursor: pointer; }

div#mfp_OperationCheck ul li, div#mfp_OperationCheck ul li label, div#mfp_OperationCheck ul li label input { line-height: 12px; font-size: 12px; list-style: none; vertical-align: middle; }

div#mfp_OperationCheck ul li { padding: 5px 10px; }

div#mfp_OperationCheck ul li label { text-decoration: underline; }

button#mfp_recorder_record, button#mfp_recorder_clear, button#mfp_recorder_restore { border-radius: 5px; padding: 5px 10px 5px 2em; border: solid 1px #CCC; background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC)); background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC)); background: -moz-linear-gradient(top, #EEE, #CCC); background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%); text-shadow: 0px 2px 0px #FFF; font-size: 16px; cursor: pointer; outline: none; display: inline-block; margin: 5px auto; }

button#mfp_recorder_record { background-size: 24px 24px; }

button#mfp_recorder_clear { background-size: 24px 24px; }

button#mfp_recorder_restore { background-size: 24px 24px; }

button.enabled#mfp_recorder_record, button.enabled#mfp_recorder_clear, button.enabled#mfp_recorder_restore { background-size: 24px 24px; }

div#mfp_recorder_wrap { border: solid 1px #CCC; padding: 10px; text-align: center; margin: 5px auto; }

td.request_image { width: 100px; }

td.request_image img { max-width: 100px; }

button.mfp_submit_enable { background: none; background: #000090; }

button.mfp_submit_disable { background: none; background: #FD8282; }

span.mfp_tips { background-size: 100% 100%; background-color: #FCC; display: block; border-radius: 5px; padding: 10px; margin: 2px; box-shadow: 0px 2px 10px #999; }

span.mfp_tips strong { color: #800040; }

span.mfp_tips span { display: block; padding: 10px; color: #008080; }

span.mfp_tips em { font-style: normal; color: #090; font-weight: bold; }

@media screen and (max-width: 800px) { form#mailformpro dl dt { float: none; width: auto; font-size: 12px; padding: 5px; text-align: left; }
  form#mailformpro dl dd { clear: both; border-top: none; padding: 5px 15px; font-size: 12px; line-height: 1.5em; }
  div.mfp_buttons button { font-size: 14px; }
  div#mfp_phase_confirm h4 { font-size: 18px; }
  ul#mfp_phase_stat { padding: 0px; text-align: left; }
  ul#mfp_phase_stat li { text-align: center; padding: 5px 0px; border-radius: 3px; margin: 5px; list-style: none; font-size: 14px; width: 28%; }
  ul#mfp_phase_stat li.mfp_phase_arrow { bos-shadow: none; display: none; }
  table#mfp_confirm_table tr th { white-space: nowrap; width: 100px; }
  div#mfp_thanks { text-align: center; font-size: 18px; padding: 20px 0px; }
  div#mfp_thanks strong { color: #C00; font-size: 24px; display: block; } }

.contact_form_area_wrap{position: absolute;top: 0px;left: 0;right: 0;}
.contact_form_area { padding: 140px 0 0;position: relative;margin: 0 auto;}
.contact_form_area input, .contact_form_area select, .contact_form_area label, .contact_form_area textarea { font-size: 16px; color: inherit; vertical-align: middle; padding: 0.3em 0.3em; }
.contact_form_area .text_wrap{}
.contact_form_area .text_wrap02{ margin: 5px 0 0;}
.contact_form_area .text_wrap input{ width: 100%; height: 36px; line-height: 36px;box-sizing: border-box;color: #333;border: 1px solid #ccc; border-radius: 5px;}
.contact_form_area select { width: 10em; background: #fff; }
.contact_form_area label input { vertical-align: middle; margin: -0.3rem 0.7rem 0 0; }
.contact_form_area .lists { list-style: none;width: 465px;margin: 0 0 0 195px}
.contact_form_area .list { position: relative; font-size: 16px;color: #fff;font-weight:500;margin: 15px 0 0;}
.contact_form_area .list:nth-of-type(1) { margin-top:0;}
.contact_form_area .list02 { padding: 0 0 0 32px;}
.contact_form_area .left { font-size: 16px;}
.contact_form_area .left .left_small{font-size: 12px;}
.contact_form_area .must2:after { content: "※"; color: #ea2b2b; }
.contact_form_area .right { overflow: hidden;padding: 5px  0 0; }
.contact_form_area .radio_label { display: block; float: left;box-sizing: border-box;padding: 0 0 0 1em; text-indent: -1em; line-height: 2; }
.contact_form_area .radio_label50 { width: 50%;}
.contact_form_area .radio_label33 { min-width: 33.3%;}
.contact_form_area .radio_label input { width: 1em; }
.contact_form_area .textarea_wrap { }
.contact_form_area .textarea_wrap02 { margin: 5px 0 0; }
.contact_form_area .textarea_wrap textarea { width: 100%; box-sizing: border-box;color: #333;border: 1px solid #ccc; border-radius: 5px;}
.contact_form_area .btn_img { background: none;padding: 0;border: 0;margin: 0;}
.contact_form_area .btn_img01 { position: absolute;top: 876px;left: 342px;}
.contact_form_area .btn_img02 { position: absolute;top: 900px;left: 590px;}
.contact_form_area .btn_img03 { position: absolute;top: 900px;left: 712px;}
.contact_form_area .btn_number { position: absolute;top: 891px;left: 645px;}


#mfp_phase_stat{
opacity: 0;
}
.mfp_err{
position: absolute;top: 0px;right: 0;
}
#mfp_button_send,#mfp_button_cancel{
font-family: 'Noto Sans JP', sans-serif;font-size: 20px;
}
#mfp_button_send { background: #0068b3; color: #fff; }
#mfp_confirm_table{
margin: 20px 0;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{
font-size: 16px;
}
#mfp_overlay_background{
padding: 0 0 500px;
}

.privacy{
	border: 1px solid #fff;
	padding: 1rem;
	text-align: center;
}

.privacy a{
	color: #fff;
}

.privacy .mfp_err{
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	padding-left: 0;
	width: 100%;
	text-align: center;
}

/*-------------------------*/
/* Rocket Anime            */
/*-------------------------*/

#rocket{
position:absolute;
left:251px;
top:415px;
display:none;
}

#rocket01{
position:absolute;
left:251px;
top:444px;
}
#rocket02,#rocket03{
position:absolute;
left:228px;
top:634px;
display:none;
}
#rocket05,#rocket06,#rocket07,#rocket08{
position:absolute;
left:201px;
top:683px;
display:none;
}
#rocket10,#rocket11,#rocket12{
position:absolute;
left:83px;
top:549px;
display:none;
}
#rocket13,#rocket14,#rocket15{
position:absolute;
left:23px;
top:269px;
display:none;
}
#rocket16{
position:absolute;
left:9px;
top:305px;
display:none;
}

/*-------------------------*/
/* Recruit            */
/*-------------------------*/

#recruitlink{
position:absolute;
display:block;
top:440px;
left:260px;
width:173px;
height:227px;
}


.btm_rocket{
position: absolute;bottom: 40px;right: 60px;
}