@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src:url(../font/NotoSansCJKjp-Regular.otf) format('opentype'),
     url(../font/NotoSansCJKjp-Regular.ttf)  format('truetype'),
     url(../font/NotoSansCJKjp-Regular.woff) format('woff'),
     url(../font/NotoSansCJKjp-Regular.eot) format('eot');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src:url(../font/NotoSansCJKjp-Bold.otf) format('opentype'),
     url(../font/NotoSansCJKjp-Bold.ttf)  format('truetype'),
     url(../font/NotoSansCJKjp-Bold.woff) format('woff'),
     url(../font/NotoSansCJKjp-Bold.eot) format('eot');
}
body{
  font-family:'Noto Sans Japanese';
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}
a{text-decoration:none;}

.ito_wrap{
  width: 1000px;
  margin: auto;
}

.noedge{display: inline-block;}
/*-------------------------------*/
/*-------------ヘッダ------------*/
/*-------------------------------*/
.ito_header{
  border-top: 2px solid #3170BE;
  background-color: #FFFFFF;
}
.ito_headerupper{
  border-bottom: 1px solid #84ADDF;
  overflow: hidden;
}
.ito_companyname{
  display: inline-block;
  vertical-align: bottom;
}
.ito_companyname a{
  display: block;
  padding: 20px 0;
  line-height: 1;
  font-size: 1.563rem;
  font-weight: bold;
  color: inherit;
  overflow: hidden;
}
.ito_companyname a:hover{opacity: 0.7;}
.ito_companyname p{
  font-family: Century Gothic, sans-serif;
  font-size: 0.75rem;
  color: #3170BE;
}
.ito_companyname i{
  vertical-align: bottom;
}
.ito_companyname span{
  vertical-align: baseline;
  font-size: 1.875rem;
}

.ito_oroshidonya{
  line-height: 1.2;
  font-size: 0.875rem;
  vertical-align: bottom;
  float: right;
}
.ito_oroshidonya div{
  display: inline-block;
  border-left: 1px solid #C3C3C3;
}
.ito_oroshidonya div:last-of-type{border-right: 1px solid #C3C3C3;}
.ito_oroshidonya div a{
  display: block;
  padding: 8px 15px;
  color: #000000;
}
.ito_oroshidonya>a{
  display: block;
  padding: 10px 6px;
  color: #000000;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
}
.ito_oroshidonya a p{
  display: inline-block;
  vertical-align: middle;
}
.ito_oroshidonya a:hover{opacity: 0.7; background: #f5f5f5;}

/*----------グロナビ----------*/
.ito_headnavi{border-bottom: 2px solid #3170BE;}
.ito_headnavi li{
  display: inline-block;
  vertical-align: middle;
}
.ito_headnavi li a{
  display: block;
  padding: 15px 67px;
  text-align: center;
  font-weight: bold;
  color: #000000;
}
.ito_headnavi li:first-of-type a{padding: 15px 48px 15px 0;}
.ito_headnavi li:last-of-type a{padding: 15px 0 15px 47px;}
.ito_headnavi li a p{
  font-size: 0.75rem;
  font-family: Century Gothic, sans-serif;
  color: #3170BE;
}
.ito_headnavi li a:hover{opacity: 0.7;}

.ito_header.active{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  animation: headershow 0.25s linear;
}
@keyframes headershow{
    0%{transform: translateY(-120px);}
    100%{transform: translateY(0);}
}
.ito_header.active .ito_companyname br{display: none;}
.ito_header.active .ito_companyname a{
  padding: 0;
  font-size: 1.125rem;
}
.ito_header.active .ito_companyname p{
  float: right;
  margin-left: 10px;
  padding-top: 5px;
}
.ito_header.active .ito_companyname i{float: left;}
.ito_header.active .ito_companyname span{
  margin-left: 5px;
  font-size: 1.125rem;
}
.ito_header.active .ito_oroshidonya>a{display: none;}



/*-------------------------------*/
/*-------------ボディ------------*/
/*-------------------------------*/

.ito_gotop{
  position: fixed;
  right: 50px;
  bottom: 20px;
  z-index: 10;
}
.ito_gotop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: rgba(0,0,0,.5);
}
.ito_gotop a span{
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  margin: 18px 0 0 16px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transform: rotate(-45deg);
}



/*-------------------------------*/
/*-------------フッタ-------------*/
/*-------------------------------*/
.ito_footerbtnarea{
  height: 100px;
  padding: 28px 0;
  background-color: #E2DEDE;
}
.ito_footernavi{
  vertical-align: middle;
}
.ito_footernavi li{
  display: inline-block;
}
.ito_footernavi li a{
  display: block;
  height: 50px;
  padding: 12px 29px;
  color: #000000;
}
.ito_footernavi li a:hover{opacity: 0.7;}

.ito_footeroroshidonya{
  height: 85px;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #E2DEDE;
}
.ito_footeroroshidonya a{
  display: inline-block;
  color: #000000;
}
.ito_footeroroshidonya a:hover{opacity: 0.7;}
.ito_cprt{
  padding: 10px 0;
  text-align: center;
  font-size: 0.75rem;
}







/**/
.ito_404{
  height: 500px;
  padding: 20px 0;
}
.ito_404 h1{
  margin-bottom: 20px;
  font-size: 2rem;
}