/* CSS Document @h.takahashi */

/*--------------------------------------------------
  汎用
---------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

p {
  line-height: 180%;
}

.image_opacity img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.pc {
  display: initial !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width:768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: initial !important;
  }
}

/*--------------------------------------------------
  デフォルトリンクカラー[default_link_color]
---------------------------------------------------*/
.default_link_color a:link {
  text-decoration: underline;
  color: #0066cb;
}

.default_link_color a:visited {
  text-decoration: underline;
  color: #0066cb;
}

.default_link_color a:hover {
  text-decoration: underline;
  color: #0066cb;
}

.default_link_color a:active {
  text-decoration: underline;
  color: #0066cb;
}


/*--------------------------------------
  ヘッダーレイアウト
---------------------------------------*/
header {
  background-color: #bfe8fc;
  border-top: 15px solid #0070bd;
}

/*--------------------------------------
  フッダーレイアウト
---------------------------------------*/
footer {
  margin-top: 2em;
}

.footer_area {
  background-color: #342803;
}

.footerbox {
  max-width: 1000px;
  padding-top: 20px;
  padding-bottom: 18px;
  color: #ffffff;
  font-size: 100%;
}






/*--------------------------------------
bootstrap オリジナル CSS
--------------------------------------*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xs-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5,
.col-xs-3-5,
.col-sm-3-5,
.col-md-3-5,
.col-lg-3-5,
.col-xs-4-5,
.col-sm-4-5,
.col-md-4-5,
.col-lg-4-5 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-5 {
  width: 20%;
  float: left;
}

.col-xs-2-5 {
  width: 40%;
  float: left;
}

.col-xs-3-5 {
  width: 60%;
  float: left;
}

.col-xs-4-5 {
  width: 80%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }

  .col-sm-2-5 {
    width: 40%;
    float: left;
  }

  .col-sm-3-5 {
    width: 60%;
    float: left;
  }

  .col-sm-4-5 {
    width: 80%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }

  .col-md-2-5 {
    width: 40%;
    float: left;
  }

  .col-md-3-5 {
    width: 60%;
    float: left;
  }

  .col-md-4-5 {
    width: 80%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }

  .col-lg-2-5 {
    width: 40%;
    float: left;
  }

  .col-lg-3-5 {
    width: 60%;
    float: left;
  }

  .col-lg-4-5 {
    width: 80%;
    float: left;
  }
}