@charset "utf-8";*{padding:0px;margin:0px;font-family:"NotoSansJP-Regular", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;}

@font-face{font-family:"NotoSansJP-Regular";src:url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');}

@font-face{font-family:"NotoSansJP-Bold";src:url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');}

html{
 font-size:62.5%;
 line-height:62.5%;
 height: 100%;
}

body {
 color: #282e33;
 font-size: 1.5rem;
 line-height: 2.7rem;
 width: 100%;
 height: 100%;
}

body:after {
 content: "";
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
}

h1,h2,h3,h4,h5,h6,
table th {
 font-weight: normal;
}

h2.title{font-size:3.6rem;font-family:"NotoSansJP-Bold";margin:235px 0 20px 0;}
h3.title{font-size:2.8rem;font-family:"NotoSansJP-Bold";}
h4.title{font-size:2.2rem;font-family:"NotoSansJP-Bold";}
h5.title{font-size:1.8rem;font-family:"NotoSansJP-Bold";}

article {
 margin-top: 0px;
}

article.scroll,
article.scrolled {
 margin-top: 178px;
}

div#container {
 position: absolute;
 width: 100%;
 height: 100%;
 min-width: 985px;
 min-height: 100%;
 margin: 0px auto ;
 overflow:hidden;
}

body > #container {
 height: auto;
}

div#loader {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: 2500;
}

div#loader .spinner {
 position: fixed;
 top: 50%;
 left: 50%;
 width: 60px;
 height: 60px;
 margin-top: -30px;
 margin-left: -30px;
 z-index: 2540;
 
 -webkit-animation: spin 1.5s linear infinite;
 -moz-animation: spin 1.5s linear infinite;
 -ms-animation: spin 1.5s linear infinite;
 -o-animation: spin 1.5s linear infinite;
 animation: spin 1.5s linear infinite;
}

.spinner > div {
  position: absolute;
  width: 24px;
  height: 24px;
  margin2:3px;
  background-color: transparent;

  opacity: 0.8;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  top: 5px;
  left: 15px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  border:3px solid #152750;
}

.spinner .bounce2 {
  top: 20px;
  left: 6px;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  border:3px solid #3a5c9b;
}

.spinner .bounce3 {
  top: 20px;
  right: 6px;
  border:3px solid #6b98bc;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}



/* ボディー */


#contents{margin-top:165px;text-align:center;}

#caption,
.sp-slides,
.sp-slide,
.sp-mask,
.sp-image-container{ height:420px!important;}

p.sp-layer{font-size:3.6rem!important;font-family:"NotoSansJP-Bold";line-height:4.6rem!important;text-align:center;padding:15px 30px}



/* 共通 */

a{color:#29a2d9;}

.col-1{width:80%;margin:0 auto;text-align:center;}

.col-1-60{width:60%;margin:0 auto;text-align:center;}

.col-2,
.col-3{width:100%;text-align:center;border-bottom:1px solid #ced2d4;oveflow:hidden;}

.col-2 div.odd{float:left;display:block;width:50%;height:auto;border-top:1px solid #ced2d4;margin-left:-1px;}
.col-2 div.even{float:left;display:block;width:50%;height:auto;border-top:1px solid #ced2d4;border-left:1px solid #ced2d4;}

.col-3 div.one{float:left;display:block;width:33.3%;height:auto;border-top:1px solid #ced2d4;margin-left:-1px;}
.col-3 div.two{float:left;display:block;width:33.4%;height:auto;border:1px solid #ced2d4;border-bottom:0;}
.col-3 div.three{float:right;display:block;width:33.3%;height:auto;border-top:1px solid #ced2d4;margin-right:-1px;}

a.btn{display:block;width:150px;height:40px;line-height:40px;color:#fff;background-color:#282e33;text-decoration:none;border-radius:40px;}

table.list{width:100%;border-collapse:collapse;}
table.list th,
table.list td{padding:20px;border:1px solid #ced2d4;}

ul li,
ol li{margin-left:20px;}



/* ヘッダー */

#header{height:161px;border-bottom:4px solid #282e33;}

#header #home{height:80px;border-bottom:1px solid #ced2d4;}

#header{position:absolute;top:0;left:0;width:100%;z-index:100;}

#header.active{position:fixed;}

#header.scroll-down{position:fixed;}

#header.scroll-up{position:fixed;}

#header #home #logo{width:376px;height:38px;margin:20px 0 0 40px;float:left;}

a.logo{display:block;width:376px;height:38px;background:url(content/images/img-logo.png) left top no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}

div#langnav{position:absolute;top:0;right:0;z-index:100;width:120px;height:80px;border-left:1px solid #ced2d4;text-align:center;cursor:pointer;background:url(content/images/img-lang.png) top left no-repeat;background-size:200%;}

div#langnav.active{background-position:-120px 0px;}

div#langnav p{height:80px;line-height:80px;margin-left:12px;}

div#langnav ul{text-align:left;}

div#langnav ul li{margin-left:0;padding-left:28px;}

div#langnav ul#lang{display:none;width:121px;height:81px;margin-left:-1px;overflow:hidden;}

div#langnav.active ul#lang{display:block;}

li.lang{display:none;width:121px;height:40px;border:1px solid #ced2d4;border-top:0;border-right:0;overflow:hidden;}

li.lang:first-child{border-top:1px solid #ced2d4;}

li.lang:hover{background-position:0px -80px;}

li.lang a{display:block;color:#282e33;width:121px;height:40px;padding:5px 12px 0px 0px;font-size:1.3rem;text-decoration:none;}

div#langnav ul li:last-child{background-color:#282e33!important;}

div#langnav ul li:last-child a{font-family:"NotoSansJP-Bold";color:#fff;}

/* グローバルメニュー */

#globalnav{margin:0px auto;text-align:center;clear:both;}

#hmenu{display2:none;}

#globalnav ul li{margin-left:44px;list-style:none;display:inline;line-height:80px;}

#globalnav ul li:first-child{display2:none;margin-left:0px;}

#globalnav ul li a{color:#282e33;font-size:1.5rem;text-decoration:none;font-weight:normal;font-family:"NotoSansJP-Bold";}

#globalnav ul#nav li a{border-bottom:1px solid #fff;padding-bottom:13px;}

#globalnav ul li:last-child a{color2:#787e8d;}

#globalnav ul#nav li a.hover,
#globalnav ul#nav li a.active{padding-bottom:13px;border-bottom:1px solid #282e33;}

#header.scroll-down #globalnav ul li a{color:#fff;}

#header.scroll-up #globalnav ul li a{color:#fff;}

/* FB タイムライン */

#globalnav ul li:last-child{position:absolute;top:22px;right:150px;line-height:15px;text-align:left;width:224px;height:36px;}
#globalnav ul#nav li:last-child a{font-family:"NotoSansJP-Regular";font-size:13px;padding-bottom:0;border-bottom:0;padding-left:42px;padding-top:2px;display:block;width:100px;height:32px;background: #fff url(content/images/btn-timeline.png) top left no-repeat;background-size:32px;}
#globalnav ul#nav li:last-child a.hover,
#globalnav ul#nav li:last-child a.active{padding-bottom:0px;border-bottom:0;}
#globalnav ul#nav li:last-child .fb-like{position:absolute;right:0px;top:-3px;}



/* TOP */

h2.title-top{font-size:2.4rem;font-family:"NotoSansJP-Bold";margin-bottom:20px;}
h3.title-top,
h4.title-top{font-size:2.0rem;font-family:"NotoSansJP-Bold";}

/* 最新ニュース */

div#news-container{margin-top:50px;}
dl.news{width:100%;}
dl.news{display:table;border-bottom:1px dotted #ced2d4;padding:8px 1%;}
dl.news dt{display:table-cell;width:160px;text-align:left;font-family:"NotoSansJP-Bold";}
dl.news dd{display:table-cell;text-align:left;font-family:"NotoSansJP-Regular";}

/* CIの特長 */

div#point-container{width:100%;margin-top:70px;}

div.img-point-bg{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-top-point-bg.png) left top no-repeat;background-size:100%;}
div.img-point-support{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-top-point-support.png) left top no-repeat;background-size:100%;}

div#point-container div.odd p,
div#point-container div.even p{width:72%;margin:10px auto 40px;text-align:left;}

/* 主なサービスライン */

div.img-top-service01z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service01.jpg) left top no-repeat;background-size:cover;}
div.img-top-service02z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service02.jpg) left top no-repeat;background-size:cover;}
div.img-top-service03z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service03.jpg) left top no-repeat;background-size:cover;}
.service01{height:50px;line-height:50px;color:#fff;background-color:#152750;}
.service02{height:50px;line-height:50px;color:#fff;background-color:#3a5c9b;}
.service03{height:50px;line-height:50px;color:#fff;background-color:#6b98bc;}
.col-3 div div.desc{width:80%;margin:20px auto 20px;text-align:left;}
.col-3 div a.btn{margin:0 auto 26px;text-align:center;}
.col-3 div div ul.top-list{margin-top:20px;text-align:left;}

/* タイムライン */

div#timeline-container{width:100%;margin-top:70px;font-size:1.3rem;}

div.fb-container{margin-top:25px;border:1px solid #ced2d4;text-align:left;}
div.fb-usrinfo{height:60px;padding:20px 20px 10px;}
div.fb-icon{width:50px;height:50px;margin-right:20px;border:1px solid #ced2d4;float:left;border-radius:4px;}
div.fb-icon img{border-radius:4px;}
div.fb-usrname{height:60px;float:left;}
div.fb-usrname a{color:#282e33;text-decoration:none;font-family:"NotoSansJP-Bold";}
div.fb-usrname a:hover{text-decoration:underline;}
div.fb-permalink{height:60px;text-align:center;float:right;}
div.fb-permalink a{display:block;width:90px;height:26px;line-height:26px;color:#fff;text-decoration:none;background-color:#282e33;border-radius:26px;}
div.fb-message{clear:both;padding:0 20px 20px;}
div.fb-img{display:block;width:150px;height:150px;margin:0 20px 0 0;float:left;}
a.fb-share{color:#282e33;text-decoration:none;}
div.fb-share-container{margin-top:20px;padding:20px;background-color:#f9fcfe;border:1px solid #ced2d4;border-radius:4px;}
div.fb-share-container img{float:left;margin-right:20px;}



/* タブメニュー */

ul#tabs-navi {
 zoom: 1;
 font-size:0;
 display: block;
 list-style: none;
 margin: 40px auto 70px;
 padding: 0;
 width: 90%;
}

ul#tabs-navi:after {
 content: ".";
 display: block;
 height: 0px;
 clear: both;
 line-height: 0;
 visibility: hidden;
}

ul#tabs-navi li {
 display: inline-block;
 width: 19%;
 max-width:210px;
 height: 40px;
 font-size: 1.5rem;
 padding: 0;
 margin: 0;
 text-align: center;
 border-right: 1px solid #ced2d4;
 border-top: 1px solid #ced2d4;
 border-bottom: 1px solid #ced2d4;
 list-style-type: none;
 overflow: hidden;
}

ul#tabs-navi li a {
 color: #282e33;
 font-family:"NotoSansJP-Bold";
 line-height: 40px;
 display: block;
 width: 100%;
 height: 40px;
 text-decoration: none;
}

ul#tabs-navi li:first-child {
 border-left: 1px solid #ced2d4;
 border-top-left-radius:40px;
 border-bottom-left-radius:40px;
}

ul#tabs-navi li:last-child {
 border-top-right-radius:40px;
 border-bottom-right-radius:40px;
}

.tabbox {
 display: none;
}

ul#tabs-navi li a.active {
 color: #fff;
 background-color: #282e33;
}

div#tabs {
 margin-top: 15px;
}

div#tabs h3 {
 margin-bottom: 70px;
}

/* アンカーメニュー */

ul#anchors-navi {
 zoom: 1;
 font-size:0;
 display: block;
 list-style: none;
 margin: 40px auto 70px;
 padding: 0;
}

ul#anchors-navi:after {
 content: ".";
 display: block;
 height: 0px;
 clear: both;
 line-height: 0;
 visibility: hidden;
}

ul#anchors-navi li {
 display: inline-block;
 width: 200px;
 height: 40px;
 font-size: 1.5rem;
 padding: 0;
 margin: 0;
 text-align: center;
 border-right: 1px solid #ced2d4;
 border-top: 1px solid #ced2d4;
 border-bottom: 1px solid #ced2d4;
 list-style-type: none;
 overflow: hidden;
 color: #282e33;
 font-family:"NotoSansJP-Bold";
 line-height: 40px;
 text-decoration: none;
 cursor: pointer;
}

ul#anchors-navi li:first-child {
 border-left: 1px solid #ced2d4;
 border-top-left-radius:40px;
 border-bottom-left-radius:40px;
}

ul#anchors-navi li:last-child {
 border-top-right-radius:40px;
 border-bottom-right-radius:40px;
}



/* 会社案内 */

/* 代表紹介 */

#company-intro-col1{width:320px;height:100%;margin-right:60px;text-align:left;float:left;}
#company-intro-col2{width:100%;height:100%;line-height:3.1rem;text-align:left;overflow:auto;padding-left:380px;margin-left:-380px;box-sizing:border-box;float:right;}
#company-intro-img{width:320px;height:380px;background:url(content/images/img-company-intro-img.jpg) left top no-repeat;background-size:100%;}
#company-intro-name{border:2px solid #282e33;margin:25px 0 20px;padding:10px 14px 14px;}
#company-intro-name p.name{font-size:3.0rem;line-height:4.4rem;font-family:"NotoSansJP-Bold";}
#company-intro-name p.title{font-size:1.7rem;font-family:"NotoSansJP-Bold";}
#company-intro-desc{font-size:1.3rem;line-height:2.5rem;}
p.sig{text-align:right;}

/* 会社沿革 */

div#company-history{width:100%;margin-top:0px;text-align:left;background:url(content/images/img-company-history-line.png) 116px 50%  no-repeat;background-size:4px 90%;}
div#company-history dl{width:100%;display:table;margin-top:30px;}
div#company-history dl dt{width:130px;min-height:32px;line-height:2.5rem;padding:8px 0;text-align:left;font-family:"NotoSansJP-Bold";display:table-cell;vertical-align:middle;background:url(content/images/img-company-history.png) right 50% no-repeat;background-size:24px;}
div#company-history dl:last-child dt{background:url(content/images/img-company-history-new.png) right 50% no-repeat;background-size:24px;}
div#company-history dl dd{min-height:32px;line-height:2.5rem;padding:8px 0 8px 50px;text-align:left;font-family:"NotoSansJP-Regular";display:table-cell;}

/* 会社概要 */

div#company-outline{width:100%;overflow:hidden;display:table;}
div#company-outline-img{width:320px;background:url(content/images/img-company-outline-img.jpg) 50% 50% no-repeat;background-size:cover;overflow:hidden;display:table-cell;}
div#company-outline-list{display:table-cell;padding-left:54px;}
div#company-outline-list dl{width:100%;display:table;border-bottom:1px dotted #ced2d4;}
div#company-outline-list dl dt{width:120px;line-height:2.5rem;padding:18px 0;text-align:left;font-family:"NotoSansJP-Bold";display:table-cell;vertical-align:middle;}
div#company-outline dl dd{line-height:2.5rem;padding:18px 0 18px 0px;text-align:left;font-family:"NotoSansJP-Regular";display:table-cell;vertical-align:middle;}

/* アクセス */

div#company-access{text-align:left;}
div#company-access-map{width:100%;height:500px;padding:10px;border:1px solid #ced2d4;}
div#company-access-map iframe{width:100%;height:100%;}
div#company-access-desc{margin-top:30px;}



/* サービス */

/* サービスライン */

div#services-line h4{margin-top:70px;}
div#services-line p.desc{margin:30px 0;}

div#services-line .col-2 div{min-height:260px;}
div#services-line .col-2 div.odd ul,
div#services-line .col-2 div.even ul{width:72%;margin:30px auto;text-align:left;}
div#services-line .col-3 div ul{width:80%;margin:30px auto;text-align:left;}
div#services-line a.btn{width:200px;margin:30px auto 0;text-align:center;}

/* 提供システム */

div#services-system table.list th{font-family:"NotoSansJP-Bold";background-color:#ecf0f2;}
div#services-system table.list th.class{width:14%;}
div#services-system table.list th.spec{width:44%;}
div#services-system table.list th.price{width:14%;}
div#services-system table.list td{height:120px;}
div#services-system table.list td.class{font-family:"NotoSansJP-Bold";}
div#services-system table.list td.spec{text-align:left;}
div#services-system table.list td.price{text-align:right;}
div#services-system table.list td.spec ol{margin-top:20px;}
div#services-system table.list td.spec ol li{margin-left:20px;}
div#services-system div#services-appendix{margin-top:12px;text-align:left;}



/* サポート実績 */

/* サービス別サポート */

div#results-support h4{margin:70px 0 30px;}
div#results-support table.service01 th{color:#fff;background-color:#152750;}
div#results-support table.service02 th{color:#fff;background-color:#3a5c9b;}
div#results-support table.service03 th{color:#fff;background-color:#6b98bc;}
div#results-support table.service01 td,
div#results-support table.service02 td,
div#results-support table.service03 td{color:#282e33;background-color:#fff;}
div#results-support table.list th,
div#results-support table.list td{line-height:2.7rem;}
div#results-support table.list th{font-family:"NotoSansJP-Bold";}
div#results-support table.list td.service{width:30%;font-family:"NotoSansJP-Bold";}
div#results-support table.list td.project{width:70%;text-align:left;}
div#results-support table.list td.project ul li{margin-left:20px;}

/* クライアント */

div.results-clients{text-align:left;}
div.results-clients h4{margin-bottom:30px;text-align:center;}
div.results-clients ul{width:100%;margin-bottom:-30px;}
div.results-clients ul li{width:27%;margin:4px 4% 4px 2%;line-height:2.5rem;float:left;}
div.results-clients p{margin-top:70px;text-align:right;}
div.results-clients p.desc{text-align:left;}



/* イベント */

div#past dl {display:table;width:100%;border-bottom:1px solid #ced2d4;}
div#past dl dt,
div#past dl dd{display:table-cell;text-align:left;padding:12px 8px;}
div#past dl dt{width:160px;font-family:"NotoSansJP-Bold";}



/* メンバー */

div#members-container{width:100%;margin-top:30px;}
div.member-box{width:100%;width2:42.5%;margin-top:3%;margin-right:3%;padding:2%;border2:1px solid #ced2d4;float2:left;}
div.member-img{width:220px;height:268px;margin:0 30px 20px 0;float:left;}
div.member-profile{text-align:left;}
div.member-name h3 ruby{font-family:"NotoSansJP-Bold";}
div.member-title,
div.member-class{margin-top:15px;}
div.member-class span.class{display:inline-block;width:50px;height:19px;border:1px solid #282e33;font-size:1.2rem;text-align:center;line-height:19px;margin-right:10px;}
div.member-desc{margin-top:15px;}
div.member-desc dl {display:table;width:100%;}
div.member-desc dl dt,
div.member-desc dl dd{display:table-cell;}
div.member-desc dl dt{width:66px;font-family:"NotoSansJP-Bold";}



/* 顧問先優待 */

#partners-container{width:100%;margin-top:40px;}

#partners-desc{margin-bottom:40px;}

.partner-box{width:46%;margin-right:3%;margin-top:3%;border:1px solid #ced2d4;text-align:left;float:left;}
.partner-box p.title {padding:14px 18px 2px;}
.partner-box p.title a{font-family:"NotoSansJP-Bold";}
.partner-box p.desc{padding:2px 18px 14px;}



/* お問い合わせ */

div#contact-container .col-2{border:0;text-align:left;}
div#contact-container .col-2 .odd,
div#contact-container .col-2 .even{border:0;}
div#contact-container .col-2 .odd{width:48%;padding-right:2%;}
div#contact-container .col-2 .even{width:48%;padding-left:2%;}

div#contact-container dl dt{font-family:"NotoSansJP-Bold";}

.form dl{margin-top:15px;}

input[type="text"],
input[type="submit"],
textarea{-webkit-appearance:none;border:1px solid #ced2d4;}

span.valid,
p.error{color:#cc0000;}

#contact-desc{margin:70px 0 60px;text-align:center;}

#contact-btn{clear:both;padding:0;text-align:center;}

input,
select{font-size:1.6rem;height:30px;padding:0 1%;}

input#field1{width:96.9%;}

input#field1_2,
input#field2_2{width:46.3%;}

input#field1_2,
input#email1_2{margin-right:1%;}

input#field2_2,
input#email2_2{margin-left:1%;}

input#email1_2,
input#email2_2{width:43.3%;}

input.field3{width:50px;}

span.atmark{display:inline-block;width:5.4%;height:30px;line-height:30px;vertical-align:middle;text-align:center;overflow:hidden;}

input#email1_2,
input#email2_2,
span.atmark{margin-bottom:5px;}

input.address1{margin:5px 0;}

select#subject,
textarea#message,
select#biz{width:98.6%;}

textarea#message{font-size:1.6rem;line-height:2.4rem;height:480px;margin-top:10px;}

#agreement{clear:both;width:100%;padding:40px 0 20px;}

#agreement div{margin:0 auto}

#contact-complete{padding:40px 0 0;margin-bottom:-40px;text-align:center;}

#contact-complete h3{font-weight:bold;margin-bottom:36px;}

#contact-complete p{text-align:left;}

a.btn-contact{display:block;width:220px;height:35px;margin:0 auto;padding:13px 0 7px;text-align:center;color:#fff;font-size:2.3rem;line-height:35px;font-family:"Khula-Regular";text-decoration:none;background-color:#000;border-radius:55px;-webkit-border-radius:55px;-moz-border-radius:55px;}

.buttons{margin-top:20px;}

.buttons:first-child{margin-top:0px;}

input.btn{width:220px;height:50px;margin:70px auto 0px;color:#fff;font-size:2.1rem;line-height:50px;text-decoration2:none;background-color:#000;border:1px solid #000;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;cursor:pointer;}

input#confirm:disabled,
input#submit:disabled{background-color:#000;border:1px solid #000;opacity:0.4;cursor:default;}

input#submit{background-color:#0099cc;border:1px solid #0099cc;}



/* 採用情報 */

div#recruitment-intro{margin-top:40px;}
div#recruitment{text-align:left;}
div#recruitment h3{text-align:center;margin:70px 0 30px;}

div#recruitment table.list th{text-align:center;background-color:#ecf0f2;font-family:"NotoSansJP-Bold";}



/* プライバシーポリシー */

div#privacypolicy-container{text-align:left;}
div#privacypolicy-container h3{margin:70px 0 30px;text-align:center;}
div#privacypolicy-container h4{margin:30px 0 15px;}



/* 免責事項 */

div#disclaimer-container{text-align:left;margin-top:70px;}



/* ページ */

div#pagetop {
 position: fixed;
 bottom: 86px;
 right: 0px;
 width: 50px;
 height: 50px;
 overflow: hidden;
 z-index: 2000;
 cursor: pointer;
}

div#pagetop p {
 display: block;
 width: 50px;
 height: 50px;
 text-indent: -9999px;
 opacity: 0.8;
 background: rgba(40,46,51,1.0) url(content/images/btn-pagetop.png) 1px top no-repeat;
 background-size: 100%;
 border-top-left-radius:6px;
 border-bottom-left-radius:6px;
}



/* フッター */

div#wrapper {
 padding-bottom: 234px; /*内フッターの上マージン70px*/
}

#footer {
 clear: both;
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 164px;
 margin:0 auto;
 text-align:center;
 border-top:4px solid #282e33;
}

#footernav{margin-top:16px;}

#footernav ul li{margin-left:30px;list-style:none;display:inline;line-height:38px;}

#footernav ul li:first-child{margin-left:0px;}

#footernav ul li a{color:#282e33;font-family:"NotoSansJP-Regular";font-size:1.3rem;text-decoration:none;padding-bottom:6px;border-bottom:1px solid #fff;}

#footernav ul li a.hover,
#footernav ul li a.active{padding-bottom:6px;border-bottom:1px solid #282e33;}

.copyright{font-size:1.3rem;margin-top:30px;}




/* フロート解除 */

.clearfix {
 min-height: 1px;
}

* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}

.clearfix:after {
 content: ".";  /* 新しい要素を作る */
 display: block;  /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}