@charset "UTF-8";

/*============================
#main.site-main
============================*/
#main.site-main{
  letter-spacing: 0.5px;
}
/*============================
#hero
============================*/
.head_breadcrumb{/* max-width: 1680px; */list-style: none;font-size: 12px;line-height: 17px;}
ol.head_breadcrumb li {
    /* margin: 0 10px 0 0; */
    font-size: 13px;
    float: left;
    color: #222;
    font-weight: normal;
}
 
ol.head_breadcrumb li::before {
    padding: 0 8px;
    content: "＞";
    /* font-family: FontAwesome; */
    /* font-size: 12px; */
}
ol.head_breadcrumb li:first-child::before {
    content: none;
}
 
.title1{font-size: 40px;margin: 10px 0 10px 0 !important;line-height: 50px;font-weight: bold;}
.title2{font-size: 16px;line-height: 1.5;padding: 0 20px;}
.tax-media_tag .title2, .post-type-archive-media .title2 {font-size: 30px;}
#hero{background: url("../images/media/hero-back-pc.png") no-repeat center right /cover;padding: 10px 0 40px;/* margin-bottom: 40px; */}

#hero .request-link {
  background: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  padding: 13px 0;
  width: 280px;
  margin: 30px auto 0;
}
#hero .request-link svg {
  width: 23px;
  fill: #fff;
  margin-right: 15px;
}
#hero .request-link:hover {
  color: var(--primary-color);
  background: #fff;
}
#hero .request-link:hover svg {
  fill: var(--primary-color);
}

.request-link{
}

@media screen and (max-width: 767px) {
  /*============================
  #primary.content-area
  ============================*/
  section h2 {line-height: 36px;font-size: 22px;}
  #primary.content-area{
  }

  /*============================
  #main.site-main
  ============================*/
  #main.site-main{
  }

  /*============================
  #hero
  ============================*/
  #hero{
  }
  .head_breadcrumb{
  margin-left: 10px;
  }
  .magr20{
  }
  .title1{
    font-size: 26px;
    line-height: 30px;
  }
  .title2{
    font-size: 14px;
    line-height: 1.5;
  }
  .tax-media_tag .title2, .post-type-archive-media .title2 {font-size: 5.6vw;}
  #hero .request-link{
    margin-top: 20px;
    font-size: 16px;
  }

}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.breadcrumb__item {
  font-size: 12px;
  font-size: 0.92308rem;
  color: #404040;
}

.breadcrumb__item:not(:last-child):after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin: 0 5px
}

@media screen and (min-width: 641px) {
  .breadcrumb__item:not(:last-child):after {
      margin:0 20px
  }
}

.breadcrumb__item a {
  font-size: 10px;
  font-size: 0.76923rem;
  color: #e9ecfc;
  text-decoration: underline;
}

@media screen and (min-width: 641px) {
  .breadcrumb__item a {
      font-size:12px;
      font-size: 0.92308rem
  }
}

.breadcrumb__item a:hover {
  text-decoration: none
}

.breadcrumb__item {color: #000;list-style: none;}
.breadcrumb__item a {color: var(--primary-color);text-decoration: none;}
.breadcrumb__item:not(:nth-last-of-type(1)) {
    white-space: nowrap;
}
ol {margin-top: 10px;padding: 10px 0px 0px 20px !important;}

@media screen and (min-width: 641px) {
}

@media screen and (max-width: 767px) {
  section h2 {line-height: 36px;font-size: 22px;}
  /*============================
  #hero
  ============================*/
  #hero{}
  
  .title1{
    font-size: 26px;
  }
  .title2{
    font-size: 14px;
    line-height: 1.5;
  }
  #hero .request-link{
    margin-top: 20px;
    font-size: 16px;
  }

}

/*============================
#main.site-main
============================*/
#main.site-main{
}

/*============================
#hero
============================*/
#hero{
}
.breadcrumb__list.text-left.clearfix.w1200{
}
.breadcrumb__item{
}
.w1200{
}
.title1.text-center{
}
.title2.text-center{
}
.request-link.d-flex.justify-content-center.align-items-center{
}

/*============================
#dl-icon
============================*/
#dl-icon{
}

/*============================
#グループ_12126
============================*/
#グループ_12126{
}

/*============================
#about-intro
============================*/
#about-intro{padding: 60px 20px 50px;}
.w1000{
}
.intro-img-wrap{
  
}
.intro-img{/* flex: 0 1 calc(100% / 3); */text-align: center;}

.intro-body{margin: 0px auto 0;text-align: center;}
.intro-body h2 { font-size: 28px;}
.intro-body p {margin: 0 auto 40px;line-height: 32px;/* width: 800px; *//* max-width: 100%; */}
.primary-btn{font-size: 16px;font-weight: bold;width: 290px;padding: 15px 10px;}
.secondary-btn{font-size: 16px;font-weight: bold;width: 290px;padding: 15px 10px;}
#about-intro .primary-btn {
    font-size: 16px;
    font-weight: bold;
    padding: 13px 0;
    width: 280px;
    margin: 0px auto 40px;
}
#about-intro .primary-btn svg {
    width: 23px;
    fill: #fff;
    margin-right: 25px;
}
#about-intro .primary-btn:hover svg {
    fill: var(--primary-color);
}
.primary-btn {
  
}
/*============================
#chamo-feature1
============================*/
#chamo-feature1{padding: 40px 20px 40px;}
.feature-num{color: var(--primary-color); font-weight: bold; text-align:center;}
.num{font-size: 30px;margin-left: 5px;}
.feature-maincol{
    margin-bottom: 40px;
}
.feature-maincol > * {flex: 0 1 50%;}
#chamo-feature1 h2 {text-align: center;font-size: 28px;margin-bottom: 40px;}
#chamo-feature1 h3 {color: var(--primary-color); font-size: 22px; font-weight: bold; margin-bottom: 20px;line-height: 32px;}
.feature-body{line-height: 32px;}
.feature-body p {margin-bottom: 40px;}
.feature-img{text-align: center;}
.feature-functions-area.w1200{
}
.feature-functions-headline{font-size: 28px;font-weight: bold;color: var(--primary-color);text-align: center;margin-bottom: 20px;}
.feature-subcol.d-flex{
}
.feature-function{flex: 0 1 calc(100% / 3);text-align: center;padding: 20px 48px 22px;}
.feature-function:not(:nth-last-of-type(1)) {border-right: 1px solid #707070;}
.feature-function-img{margin-bottom: 28px;}
.feature-function-title{font-weight: bold;}
.feature-function-body{font-size: 14px;line-height: 28px;}

/*============================
#chamo-feature2
============================*/
#chamo-feature2{padding: 40px 20px 40px;}
#chamo-feature2 h2 {text-align: center;font-size: 28px;margin-bottom: 40px;}
#chamo-feature2 h3 {color: var(--primary-color); font-size: 22px; font-weight: bold; margin-bottom: 20px;line-height: 32px;}

.feature-maincol.d-flex.flex-row-reverse{
}

/*============================
#chamo-feature3
============================*/
#chamo-feature3{padding: 40px 20px 40px;}
#chamo-feature3 h2 {text-align: center;font-size: 28px;margin-bottom: 40px;}
#chamo-feature3 h3 {color: var(--primary-color);font-size: 22px;font-weight: bold;margin-bottom: 20px;line-height: 32px;}

/*============================
#case
============================*/
#case{text-align: center;}
.h2sub{
}
.case-area.slick-initialized.slick-slider{
}
.slick-list.draggable{
}
.slick-track{
}
.case-wrap.slick-slide.slick-current.slick-active{
}
.case{
}
.case-img{
}
.case-corp{
}
.case-headline{
}
.case-wrap.slick-slide.slick-active{
}
.m0a{
}
.btn.secondary-btn{
}

@media screen and (max-width: 767px) {
  /*============================
  #main.site-main
  ============================*/
  #main.site-main{
  }

  /*============================
  #hero
  ============================*/
  #hero{
  }
  .breadcrumb__list.text-left.clearfix.w1200{
  }
  .breadcrumb__item{
  }
  .w1200{
  }
  .title1.text-center{
  }
  .title2.text-center{
  }
  .request-link.d-flex.justify-content-center.align-items-center{
  }

  /*============================
  #dl-icon
  ============================*/
  #dl-icon{
  }

  /*============================
  #グループ_12126
  ============================*/
  #グループ_12126{
  }

  /*============================
  #パス_46819
  ============================*/
  #パス_46819{
  }

  /*============================
  #長方形_23886
  ============================*/
  #長方形_23886{
  }

  /*============================
  #about-intro
  ============================*/
  #about-intro{
  padding-bottom: 60px;
  }
  .w1000{
  }
  .intro-img-wrap.d-flex{
  }
  .intro-img{
  /* flex: 0 1 100%; */
  /* margin-bottom: 40px; */
  }
  .intro-img img {width: auto;}
  .intro-body{
  }
  .intro-body p {}
  .intro-body h2 {font-size: 24px;line-height: 40px;}
  .btn.secondary-btn.m0a{
  }

  /*============================
  #chamo-feature1
  ============================*/
  #chamo-feature1{
  padding: 30px 20px 30px;
  }
  #chamo-feature1 h2 {font-size: 24px;margin-bottom: 20px;}
  .feature-num{
  font-weight: 14px;
  }
  .num{
  }
  .feature-maincol.d-flex{
  }
  .feature-maincol > * {flex: 0 1 100%;}
  .feature-body{font-size: 16px; line-height: 26px;
  }
  .feature-body p {margin-bottom: 20px;}
  .feature-img{
  }
  .feature-functions-area.w1200{
  }
  .feature-functions-headline{
  margin-bottom: 40px;
  }
  .feature-subcol.d-flex{
  }
  .feature-function{
  flex: 0 1 100%;
  padding: 0;
  text-align: left;
  }
  .feature-function:not(:nth-last-of-type(1)) {border: 0;}
  .feature-function-img{
  flex: 1 0 70px;
  margin: 0 15px 0 0;
  }
  .feature-function-title{
  }
  .feature-function-body{
  }

  /*============================
  #chamo-feature2
  ============================*/
  #chamo-feature2{
  padding: 60px 20px;
  }
  .feature-maincol.d-flex.flex-row-reverse{
  }

  /*============================
  #chamo-feature3
  ============================*/
  #chamo-feature3{
  padding: 30px 20px 30px;
  }

  /*============================
  #case
  ============================*/
  #case{
  }
  .h2sub{
  }
  .case-area.slick-initialized.slick-slider{
  }
  .slick-list.draggable{
  }
  .slick-track{
  }
  .case-wrap.slick-slide.slick-current.slick-active{
  }
  .case{
  }
  .case-img{
  }
  .case-corp{
  }
  .case-headline{
  }
  .case-wrap.slick-slide.slick-active{
  }
  .m0a{
  }
  .btn.primary-btn{
  margin: 0 auto;
  display: block;
  margin-bottom: 45px;
  }
  .btn.secondary-btn{
  margin: 0 auto;
  display: block;
  margin-bottom: 45px;
  }

}