@charset "UTF-8";
.wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
  background-image: url("https://porowakka.co.jp/wp-content/themes/porowakka//about/img/bosy_bg-sp.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 63px; }

@media screen and (min-width: 1080px) {
  .wrap {
    background-image: url("https://porowakka.co.jp/wp-content/themes/porowakka//about/img/bosy_bg-pc.jpg");
    background-position: 0 454px; } }
.intro {
  width: 100%;
  max-width: 850px;
  padding: 253px 24px 0;
  margin: 0 auto 106px; }
  .intro .intro-ttl {
    font-size: 2.2rem;
    margin: 0 auto 32px;
    letter-spacing: .04em;
    white-space: nowrap; }
  .intro .intro-txt {
    margin: 0 auto 44px; }
  .intro .txt {
    font-size: 1.2rem;
    line-height: 1.6; }
  .intro .profile {
    letter-spacing: -.4em; }
    .intro .profile .name,
    .intro .profile .link {
      display: inline-block;
      letter-spacing: .15em;
      vertical-align: bottom; }
    .intro .profile .name {
      margin: 0 20px 0 0;
      font-size: 1.8rem;
      line-height: 1.4; }
    .intro .profile .small {
      display: block;
      font-size: 1.1rem; }
    .intro .profile .link {
      position: relative;
      top: -4px; }
      .intro .profile .link:before, .intro .profile .link:after {
        content: '';
        width: 100%;
        height: 70.968%;
        position: absolute;
        left: 0; }
      .intro .profile .link:before {
        border-top: 1px solid #7D7D7D;
        border-left: 1px solid #7D7D7D;
        top: 0; }
      .intro .profile .link:after {
        border-bottom: 1px solid #7D7D7D;
        border-right: 1px solid #7D7D7D;
        bottom: 0; }
    .intro .profile a {
      display: inline-block;
      padding: 4px 37px 4px 15px;
      font-size: 1.1rem;
      position: relative;
      z-index: 1; }
      .intro .profile a:before, .intro .profile a:after {
        content: '';
        width: 5px;
        height: 5px;
        margin: auto;
        vertical-align: middle;
        border-top: 1px solid #7D7D7D;
        border-right: 1px solid #7D7D7D;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1; }
      .intro .profile a:before {
        right: 18px; }
      .intro .profile a:after {
        right: 24px; }

@media screen and (min-width: 1080px) {
  .intro {
    padding: 225px 0 0;
    margin: 0 auto 172px; }
    .intro .intro-ttl {
      font-size: 4.8rem;
      margin: 0 auto 45px; }
    .intro .intro-txt {
      margin: 0 auto 40px; }
    .intro .txt {
      font-size: 1.4rem;
      line-height: 2.2; }
    .intro .profile .name {
      margin: 0 40px 0 0;
      font-size: 2.2rem;
      line-height: 1.6; }
    .intro .profile .small {
      font-size: 1.2rem; }
    .intro .profile .link:before, .intro .profile .link:after {
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s; }
    .intro .profile .link:hover:before, .intro .profile .link:hover:after {
      border-color: #BBD580; }
    .intro .profile a {
      padding: 8px 56px 8px 20px;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      .intro .profile a:before {
        right: 27px; }
      .intro .profile a:after {
        right: 33px; }
      .intro .profile a:hover {
        color: #BBD580; }
        .intro .profile a:hover:before, .intro .profile a:hover:after {
          border-color: #BBD580; } }
.company {
  width: 100%;
  max-width: 850px;
  padding: 0 24px;
  margin: 0 auto 84px; }
  .company .company-ttl {
    margin: 0 auto 20px;
    font-size: 1.1rem; }
  .company .company-detail:not(:last-child) {
    margin: 0 auto 24px; }
  .company .detail-head {
    color: #7D7D7D;
    margin: 0 auto 2px; }
  .company .detail-body {
    line-height: 1.57; }
    .company .detail-body .txt.indent {
      display: block;
      padding-left: 1em;
      margin-bottom: 10px;
      text-indent: -1em; }
    .company .detail-body .number-unit .number {
      display: block; }

@media screen and (min-width: 1080px) {
  .company {
    padding: 0;
    margin: 0 auto 131px; }
    .company .company-ttl {
      margin: 0 auto 35px;
      font-size: 1.4rem; }
    .company .company-detail {
      display: table;
      width: 100%;
      font-size: 1.6rem; }
      .company .company-detail:not(:last-child) {
        margin: 0 auto 16px; }
    .company .detail-head,
    .company .detail-body {
      display: table-cell;
      vertical-align: middle; }
    .company .detail-head {
      width: 124px;
      color: #000;
      padding-right: 32px;
      margin: 0;
      text-align: right; }
    .company .detail-body {
      width: calc(100% - 124px); }
      .company .detail-body .txt.indent {
        margin-bottom: 16px; }
      .company .detail-body .number-unit {
        letter-spacing: -.4em; }
        .company .detail-body .number-unit .number {
          display: inline-block;
          margin: 0 32px 0 0;
          letter-spacing: .15em;
          vertical-align: top; } }
.remodal {
  padding: 54px 0 24px; }
  .remodal .remodal-close {
    width: 28px;
    height: 24px;
    position: absolute;
    top: 14px;
    left: auto;
    right: 13px; }
    .remodal .remodal-close:before, .remodal .remodal-close:after {
      content: '';
      display: block;
      width: 30px;
      /*バツ線の長さ*/
      height: 1px;
      /*バツ線の太さ*/
      margin: auto;
      background: #707070;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .remodal .remodal-close:before {
      -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      transform: rotate(40deg); }
    .remodal .remodal-close:after {
      -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      -o-transform: rotate(-40deg);
      transform: rotate(-40deg); }
  .remodal .remodal-contents {
    text-align: left; }
    .remodal .remodal-contents .photo {
      margin: 0 auto 24px; }
    .remodal .remodal-contents .profile-detail {
      padding: 0 14px; }
    .remodal .remodal-contents .name {
      margin: 0 20px 12px 0;
      font-size: 1.8rem;
      line-height: 1.4; }
    .remodal .remodal-contents .small {
      display: block;
      font-size: 1.1rem; }
    .remodal .remodal-contents .detail-unit .txt {
      font-size: 1.1rem; }
      .remodal .remodal-contents .detail-unit .txt:not(:last-child) {
        margin: 0 auto 1.7em; }

@media screen and (min-width: 1080px) {
  .remodal {
    max-width: 902px;
    padding: 68px 0 50px; }
    .remodal .remodal-close {
      width: 28px;
      height: 24px;
      position: absolute;
      top: 22px;
      left: auto;
      right: 24px; }
    .remodal .remodal-contents:after {
      content: '';
      display: block;
      clear: both; }
    .remodal .remodal-contents .photo {
      float: right;
      width: 309px;
      margin: 29px 0 0; }
    .remodal .remodal-contents .profile-detail {
      float: left;
      width: calc(100% - 309px);
      padding: 0 22px 0 43px; }
    .remodal .remodal-contents .name {
      margin: 0 0 28px 0;
      font-size: 2.2rem;
      line-height: 1.5; }
    .remodal .remodal-contents .small {
      font-size: 1.2rem; }
    .remodal .remodal-contents .detail-unit .txt {
      font-size: 1.3rem;
      letter-spacing: .15em; }
      .remodal .remodal-contents .detail-unit .txt:not(:last-child) {
        margin: 0 auto 1.7em; } }
.history {
  width: 100%;
  max-width: 850px;
  padding: 0 24px;
  margin: 0 auto 96px; }
  .history .history-ttl {
    margin: 0 auto 10px;
    font-size: 1.1rem;
    letter-spacing: .35em; }
  .history .history-detail {
    font-size: 1.1rem; }
    .history .history-detail:not(:last-child) {
      margin: 0 auto 12px; }

@media screen and (min-width: 1080px) {
  .history {
    padding: 0;
    margin: 0 auto 110px; }
    .history .history-ttl {
      margin: 0 auto 20px;
      font-size: 1.4rem; }
    .history .history-detail {
      display: table;
      width: 100%;
      font-size: 1.6rem; }
      .history .history-detail:not(:last-child) {
        margin: 0 auto 4px; }
    .history .detail-head,
    .history .detail-body {
      display: table-cell; }
    .history .detail-head {
      width: 126px; }
    .history .detail-body {
      width: calc(100%-126%); } }

/*# sourceMappingURL=style.css.map */