@charset "UTF-8";

/*----------------------------------------
about
----------------------------------------*/
/*----------------------------------------
Variables
----------------------------------------*/
/* # Color */
/* # Shadow */
/* # Hover */
/* # Font Family */
/* # Font Weight */
/* # Width */
/* # Height */
/* # Padding */
/* # Easing */
/* #icomoon */
@media screen and (max-width: 767px) {
  .page-content article.catch {
    padding: 70px 0 70px 0;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.catch {
    padding: 150px 0 150px 0;
  }
}

.page-content article.catch .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .page-content article.catch .inner {
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.catch .inner {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .page-content article.catch .ttl {
    max-width: 250px;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.catch .ttl {
    width: 410px;
  }
}

.page-content article.catch .ttl h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .page-content article.catch .ttl h2 {
    padding-bottom: 15px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.catch .ttl h2 {
    padding-bottom: 30px;
    font-size: 43px;
    font-size: 4.3rem;
  }
}

.page-content article.catch .ttl p {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-content article.catch .ttl p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.catch .ttl p {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 767px) {
  .page-content article.catch .body {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .page-content article.catch .body {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.catch .body {
    width: calc(100% - 410px - 40px);
    margin-left: 40px;
  }
}

@media screen and (min-width: 1281px) {
  .page-content article.catch .body {
    width: calc(100% - 410px - 100px);
    margin-left: 100px;
  }
}

.page-content article.catch .body p {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-content article.catch .body p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.catch .body p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1024px) {
  .page-content .bg-greeting {
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 130px, #ececec 130px, #ececec 100%);
    background: linear-gradient(180deg, #f9f9f9 0%, #f9f9f9 130px, #ececec 130px, #ececec 100%);
  }
}

@media screen and (min-width: 1025px) {
  .page-content .bg-greeting {
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 270px, #ececec 270px, #ececec 100%);
    background: linear-gradient(180deg, #f9f9f9 0%, #f9f9f9 270px, #ececec 270px, #ececec 100%);
  }
}

.page-content article.greeting {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting {
    padding: 0px 0 45px 0;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting {
    padding: 150px 0;
  }
}

.page-content article.greeting:after {
  position: absolute;
  z-index: 0;
  bottom: 0;
  background: #ebf2fa;
  content: "";
}

@media screen and (max-width: 767px) {
  .page-content article.greeting:after {
    width: calc(100% - 40px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-content article.greeting:after {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting:after {
    left: 50%;
    height: calc(100% - 90px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting:after {
    right: 0;
    width: 66.881%;
    height: 100%;
  }
}

.page-content article.greeting .inner {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting .inner {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting .inner {
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .page-content article.greeting .text {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-content article.greeting .text {
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting .text {
    margin-top: 45px;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting .text {
    width: calc(100% - 43%);
    padding: 0 0px 0 40px;
  }
}

@media screen and (min-width: 1281px) {
  .page-content article.greeting .text {
    width: calc(100% - 43%);
    padding: 0 0px 0 60px;
  }
}

@media screen and (min-width: 1601px) {
  .page-content article.greeting .text {
    width: calc(100% - 43%);
    padding: 0 3.017% 0 10.245%;
  }
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting .img {
    width: 56.716%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting .img {
    width: 43%;
  }
}

@media screen and (max-width: 1024px) {
  .page-content article.greeting .img img {
    -webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.greeting .img img {
    -webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.1);
  }
}

.page-content article.greeting .body {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-content article.greeting .body {
    margin: 15px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.greeting .body {
    margin: 50px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.page-content article.greeting .foot {
  line-height: 2;
  color: rgba(43, 43, 43, 0.8);
  text-align: right;
}

@media screen and (max-width: 767px) {
  .page-content article.greeting .foot {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.greeting .foot {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .page-content article.company {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company {
    margin-top: 160px;
    padding-bottom: 160px;
  }
}

.page-content article.company .box .box-inner {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .page-content article.company .box .box-inner {
    padding-top: 50px;
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company .box .box-inner {
    padding-top: 125px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1025px) {
  .page-content article.company .box .box-inner {
    max-width: 880px;
  }
}

.page-content article.company .company-list {
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-content article.company .company-list {
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company .company-list {
    margin-top: 45px;
  }
}

.page-content article.company .company-list dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-content article.company .company-list dl {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
}

.page-content article.company .company-list dl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dedede;
  content: "";
}

.page-content article.company .company-list dl:last-child:after {
  display: none;
}

.page-content article.company .company-list dt, .page-content article.company .company-list dd {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .page-content article.company .company-list dt, .page-content article.company .company-list dd {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company .company-list dt, .page-content article.company .company-list dd {
    padding: 33.5px 0;
  }
}

.page-content article.company .company-list dt {
  color: rgba(43, 43, 43, 0.8);
}

@media screen and (max-width: 767px) {
  .page-content article.company .company-list dt {
    margin: 16px 0 8px 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company .company-list dt {
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 245px;
            flex: 0 0 245px;
  }
}

.page-content article.company .company-list dd {
  color: #2b2b2b;
}

@media screen and (max-width: 767px) {
  .page-content article.company .company-list dd {
    margin: 8px 0 16px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .page-content article.company .company-list dd {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
/*# sourceMappingURL=../maps/page/about.css.map */