@charset "utf-8";

/* CSS Document */
.main {
  padding-bottom: 2rem;
}

.cp-honbun {
  position: relative;
  display: block;
  width: 90%;
  max-width: 980px;
  margin: 0 auto 3rem;
  vertical-align: bottom;
}

.cp-honbun img {
  vertical-align: bottom;
}

.cp-link-btn {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.cp-link-btn a {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans Japanese-m";
  font-size: 1.4rem;
  padding: 1rem;
  display: block;
}

a.btn-solid {
  color: #fff;
  border-top: 5px solid #ec4848;
  border-right: 5px solid #5f0a0a;
  border-bottom: 5px solid #740f0f;
  border-left: 5px solid #f98c8c;
  border-radius: 0;
  background: #d2000e;
}

a.btn-solid:hover {
  color: #fff;
  border-top: 5px solid #740f0f;
  border-right: 5px solid #f98c8c;
  border-bottom: 5px solid #ec4848;
  border-left: 5px solid #5f0a0a;
}

.movie {
  margin: 0 auto 1.5rem;
}

.movie-box {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.movie-box::before {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.movie-box iframe,
.movie-box embed,
.movie-box object,
.movie-box video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.movie-desc {
  padding: .5rem .5rem 0;
  text-align: justify;
  line-height: 1.32;
}

.item-link-btn {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.item-link-btn a {
  text-align: center;
  font-family: "Noto Sans Japanese-m";
  font-size: 1rem;
  padding: 1rem;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebf1f6+0,abd3ee+50,89c3eb+51,d5ebfb+100;Blue+Gloss+%234 */
  background: rgb(235, 241, 246);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(235, 241, 246, 1) 0%, rgba(171, 211, 238, 1) 50%, rgba(137, 195, 235, 1) 51%, rgba(213, 235, 251, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235, 241, 246, 1) 0%, rgba(171, 211, 238, 1) 50%, rgba(137, 195, 235, 1) 51%, rgba(213, 235, 251, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 241, 246, 1) 0%, rgba(171, 211, 238, 1) 50%, rgba(137, 195, 235, 1) 51%, rgba(213, 235, 251, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f6', endColorstr='#d5ebfb', GradientType=0);
  /* IE6-9 */
  border: 1px solid rgba(137, 195, 235, 1);
}

.item-link-btn a>span::before {
  content: "\f0da";
  font-family: "Font Awesome 5 free";
  margin-right: 0.5rem;
  font-weight: 900;
}




.for-inquiries {
  margin: 1rem 0 3rem;
  text-align: center;
  font-size: 1.4rem;
}

.link-space ul {
  display: block;
  font-size: 1.4rem;
}

.link-space ul li {
  margin-bottom: 1rem;
}

.link-space ul a {
  color: #fff;
  display: flex;
  padding: 1rem;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}



.link-space ul a span {
  padding-left: 0.5em;
}

.link-space ul a span:after {
  content: "\f105";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  position: absolute;
  right: 5%;
  top: 32%;
}

.case-study-link {
  background: #caa319;
}

.address-link {
  background: #7cb746;
}

.inquiry-button_box a {
  margin-bottom: 1rem;
}
.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.ss_contents {
   width: 100%;
}
.content{
  width: 96%;
  margin: 0 auto;
}
.content h2{
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Noto Sans Japanese-m";
}
.content h3,.z-link span {
  font-size: 1.2rem;
  margin: 3rem 0 1rem 0;
  font-family: "Noto Sans Japanese-sb";
  line-height: 2.0rem;
}
.z-link a{
  font-size: 1.2rem;
  line-height: 2rem;
}
.content table{
  margin-top: 2rem;
}
/* width 768以上
-----------------------------------------------*/
@media screen and (min-width: 768px) {

  .cp-link-btn a {
    font-size: 2rem;
  }


  .movie {
    width: 90%;
    margin-bottom: 2.75rem;
  }

  .movie-desc {
    font-size: 1rem;
    font-family: "Noto Sans Japanese-m";
  }



  .link-space {
    margin: 2.4rem 0;
  }

  .link-space ul {
    display: flex;
    font-family: "Noto Sans Japanese-m";
    font-size: 1.4rem;
    flex-flow: row nowrap;
    justify-content: center;
  }

  .link-space ul li {
    margin-bottom: 1rem;
    flex-basis: 48%;
    box-sizing: content-box;
  }

  .link-space ul a {
    justify-content: center;
  }

  .industry-sector .store-contact,
  .industry-sector .office-contact {

    padding: 2.5%;
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: 1.4rem auto;
  }

  .industry-sector p a {
    width: 30%;
    padding: 1rem;
  }

  .syouryoku-link figure {
    width: 90%;
    margin: 0 auto;
  }
}

/* width 1024以上
-----------------------------------------------*/
@media screen and (min-width: 1024px) {
  .content{
    width: 100%;
    max-width: 800px;
  }
}

/* width 1200以上
-----------------------------------------------*/
@media screen and (min-width: 1200px) {

  .cp-honbun {
    margin: 0 auto 7rem;
  }

  .cp-link-btn a {
    font-size: 2.8rem;
  }

  .movie {
    width: 70%;
    margin-bottom: 4rem;
  }

  .movie-desc {
    width: 90%;
    margin: 0 auto;
  }


  .item-link-btn {
    max-width: 700px;
  }

  .item-link-btn a {
    font-size: 1.4rem;
  }

}



@font-face {
  font-family: "Noto Sans Japanese-sb";
  font-style: normal;
  font-weight: 700;
  src: url("/common/font/NotoSansCJKjp-Bold.eot");
  src: url("/common/font/NotoSansCJKjp-Bold.eot?#iefix") format('embedded-opentype'), url("/common/font/NotoSansCJKjp-Bold.woff") format('woff'), url("/common/font/NotoSansCJKjp-Bold.ttf") format('truetype');
}