@charset "UTF-8";

/* =============================================
contents sp
================================================*/

.inner {width: 100%;margin: 0 auto;}

.contents-top {padding: 15vw 0 25vw;margin-bottom: -15vw;}
.contents-top .contents-heading {text-align: center;font-size: 5vw;font-weight: bold;}
.contents-top .contents-heading.white {color: #fff;}
.contents-top .contents-heading.shadow {text-shadow: 0 0 10px #fff;}

.contents-top.company-top {background: url("../images/company-bg.jpg") no-repeat center top;background-size: auto 100%;}
.contents-top.service-top {background: url("../images/service-bg.jpg") no-repeat center top;background-size: auto 100%;}

.contents-block {background: #fff;position: relative;z-index: 0;padding-bottom: 8vw;}
.contents-wrap {width: 84vw;margin: 0 auto;border-radius: 20px 20px 0 0;background: #fff;box-shadow: 0 0 30px rgb(0 0 0 / 15%);padding: 10vw 5vw;position: relative;}
.contents-wrap:after {content: "";position: absolute;bottom: -30px;left: 50%;transform: translate(-50%);height: 100%;width: 110%;background: rgb(255,255,255);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.contents-list {position: relative; z-index: 1;}
.contents-list li {border-bottom: 2px solid #888;padding-bottom: 5vw;margin-bottom: 5vw;}
.contents-list li:last-child {margin-bottom: 0;border-bottom: none;}
.contents-list li .label {font-size: 4vw;font-weight: bold;margin-bottom: 2vw;display: block;line-height: 1.6;}
.contents-list li .detail {font-size: 4vw;line-height: 1.6;}
.contents-list li .detail a{display: inline-block;text-decoration: underline;}

/* =============================================
contents pc
================================================*/
@media screen and (min-width: 736px) {

  .inner {width: 1200px;}

  .contents-top {padding: 120px 0 327px;margin-bottom: -210px;}
  .contents-top .contents-heading {text-align: center;font-size: 36px;font-weight: bold;}
  .contents-top .contents-heading.white {color: #fff;}
  .contents-top .contents-heading.shadow {/* color: #fff; */}

  .contents-top.company-top {background: url("../images/company-bg.jpg") no-repeat center top;}
  .contents-top.service-top {background: url("../images/service-bg.jpg") no-repeat center top;}

  .contents-wrap {width: 1200px;border-radius: 80px 80px 0 0;padding: 100px 180px;}
  .contents-list li {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;padding-bottom: 50px;margin-bottom: 50px;}
  .contents-list li:last-child {margin-bottom: 0;border-bottom: none;}
  .contents-list li .label {font-size: 18px;margin-right: 5%;margin-bottom: 0;width: 15%;}
  .contents-list li .detail {font-size: 18px;max-width: 80%;}

}