@charset "UTF-8";

/* 1.reset
------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { 
  display: block;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;  
  border-spacing: 0;
}
caption, th  {
  text-align: left;
  font-weight: normal;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
object, embed {
  vertical-align: top;
}
button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}
a {
  background-color: transparent; /* IE 10 */
  -webkit-text-decoration-skip: objects; /* iOS 8+, Safari 8+ */
}
a:active, a:hover {
  outline-width: 0;
}
b, strong {
  font-weight: bolder;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  vertical-align: bottom;
  border-style: none;
}
ol, ul {
  list-style: none;
}
.clearfix:after{
  content : ''; display : block; clear : both; height:0;
}


/* 2.font
------------------------------------------- */
html { font-size: 62.5%; }
body {font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, '髮九ｑ・ｽ・ｸ驛｢・ｧ繝ｻ・ｴ驛｢・ｧ繝ｻ・ｷ驛｢譏ｴ繝ｻ邵ｺ・ｽ  Medium', meiryo, sans-serif;color: #333;font-size: 1.3rem;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.roboto {font-family: 'Roboto', sans-serif;}
.oswald {font-family: 'Oswald', sans-serif;}

/* 3.particles
------------------------------------------- */
.res-img {
  width: 100%!important;
  height: auto;
}


/* 6.footer
------------------------------------------- */
.footer {
  width:100%;
  height:auto;
  background-color: #222222;
  padding:3em 1.5em 6em;
  margin:0;
  color:#aaaaaa;
}
.footer a {
  color:#aaaaaa;
}
.footer .gnavi-sns {
  padding:2em 22% 0;
}
.footer .gnavi-sns li {
  float:left;
  border-bottom:none;
  width: 33.3%;    
}
.footer .gnavi-sns li img{
  width: 70%;
  height: 70%;
}
.foot-top-block {
  padding: 2.4rem 0 .5em;
}
.foot-lede-ttl {
  width: 150px;
  display: block;
  margin:0 auto;
}
.fcompany-box {
  margin-top:2em;
  text-align:center;
}
.fnavi-box {
  float:left;
  width:40%;
  display:none;  
}
.fnavi-box2 {
  float:right;
  width:60%;
  display:none;    
}

.fnavi-sec {
  margin-top:2em;
  text-align:center;
}
.fnavi-sec-ttl{
  font-weight:bold;
  margin-bottom:1em;
}
.fnavi-sec li {
  padding:0;
  margin-bottom:.5em;
  text-align:center;
  font-size:1.1rem;
}
.fnavi-sec li i {
  padding-right:.3em;
}
.fnavi-text {
  width:100%;
  padding:2em 0;
  margin-top:2em;
  font-size:1.1rem;
  line-height:1.4;
  border-top:1px dotted #999;
}
.copyright {
  padding: 1.2rem 0;
  text-align: center;
  font-size: 1rem;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}