@charset "UTF-8";
/*================================================================
 *FILE          :about.css
 *DESCRIPTION   :resetはressを使用。環境変数とmixinは_mixin.scss内に記述。
                 それぞれfoundationよりインポート。
 *AUTHOR        :
 *--------------------------------------------------------------
 *(C)
=================================================================*/
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
/*--------------------------------
 ABOUT US
--------------------------------*/
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutUs_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 41.38%;
  }
}

.aboutUs_title {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.15em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutUs_title {
    font-size: min(calc(24 / 1280 * 100vw), 33.6px);
    line-height: 2.5;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutUs_title {
    font-size: min(calc(20 / 375 * 100vw), 28px);
    letter-spacing: 0.08em;
  }
}

@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutUs_textArea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 474px;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutUs_textArea {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.aboutUs_text {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutUs_text {
    font-size: min(calc(14 / 1280 * 100vw), 19.6px);
    line-height: 2;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutUs_text {
    font-size: min(calc(12 / 375 * 100vw), 16.8px);
    line-height: 2.08;
  }
}

/*--------------------------------
 COMMITMENT
--------------------------------*/
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCommitmentSection {
    margin: calc(160 / 1280 * 100vw) auto 0;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCommitmentSection {
    margin: calc(80 / 375 * 100vw) auto 0;
  }
}

/*--------------------------------
 BUSINESS CONTENT
--------------------------------*/
.businessContent {
  background-position: center;
  background-image: url(../images/about/business-content-bg.jpg);
  background-size: cover;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent {
    margin: calc(160 / 1280 * 100vw) 0 0;
    padding: calc(160 / 1280 * 100vw) 0;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent {
    margin-top: calc(80 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) 0;
  }
}

.businessContent_contact {
  background-color: #ffffff;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_contact {
    width: calc(1120 / 1280 * 100vw);
    margin: 0 auto;
    padding: calc(80 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_contact {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}

.businessContent_heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_heading {
    font-size: min(calc(24 / 1280 * 100vw), 33.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_heading {
    font-size: min(calc(18 / 375 * 100vw), 25.2px);
  }
}

.businessContent_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_list {
    gap: calc(40 / 1280 * 100vw);
    margin: calc(70 / 1280 * 100vw) 0 0;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_list {
    margin: calc(40 / 375 * 100vw) 0 0;
  }
}

.businessContent_listItem {
  display: -ms-grid;
  display: grid;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_listItem {
    -ms-grid-columns: calc(350 / 1280 * 100vw) calc(580 / 1280 * 100vw);
    grid-template-columns: calc(350 / 1280 * 100vw) calc(580 / 1280 * 100vw);
    -webkit-column-gap: calc(30 / 1280 * 100vw);
    -moz-column-gap: calc(30 / 1280 * 100vw);
    column-gap: calc(30 / 1280 * 100vw);
  }
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_listItem:not(:first-child) {
    padding-top: calc(40 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_listItem:not(:first-child) {
    padding-top: calc(20 / 375 * 100vw);
  }
}
.businessContent_listItem:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_listItem:not(:last-child) {
    padding-bottom: calc(40 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_listItem:not(:last-child) {
    padding-bottom: calc(20 / 375 * 100vw);
  }
}

.businessContent_listItemTitle {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.3em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_listItemTitle {
    font-size: min(calc(16 / 1280 * 100vw), 22.4px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_listItemTitle {
    font-size: min(calc(16 / 375 * 100vw), 22.4px);
  }
}

.businessContent_listItemText {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .businessContent_listItemText {
    font-size: min(calc(14 / 1280 * 100vw), 19.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .businessContent_listItemText {
    margin-top: calc(20 / 375 * 100vw);
    font-size: min(calc(12 / 375 * 100vw), 16.8px);
    line-height: 2.08;
  }
}

/*--------------------------------
 CREATE STEP
--------------------------------*/
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep {
    margin-top: calc(160 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep {
    margin-top: calc(80 / 375 * 100vw);
  }
}

.createStep_heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_heading {
    margin: 0 0 calc(120 / 1280 * 100vw);
    font-size: min(calc(24 / 1280 * 100vw), 33.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_heading {
    margin: 0 0 calc(80 / 375 * 100vw);
    font-size: min(calc(18 / 375 * 100vw), 25.2px);
  }
}

.createStep_list {
  display: -ms-grid;
  display: grid;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_list {
    gap: calc(55 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_list {
    gap: calc(40 / 375 * 100vw);
  }
}

.createStep_item {
  display: -ms-grid;
  display: grid;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_item {
    -ms-grid-columns: calc(320 / 1280 * 100vw) calc(800 / 1280 * 100vw);
    grid-template-columns: calc(320 / 1280 * 100vw) calc(800 / 1280 * 100vw);
    -ms-grid-rows: calc(72 / 1280 * 100vw) auto;
    grid-template-rows: calc(72 / 1280 * 100vw) auto;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_item {
    -ms-grid-columns: calc(68 / 375 * 100vw) 1fr;
    grid-template-columns: calc(68 / 375 * 100vw) 1fr;
    gap: calc(21 / 375 * 100vw);
  }
}

.createStep_itemYear {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  line-height: 1.5;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_itemYear {
    font-size: min(calc(50 / 1280 * 100vw), 70px);
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_itemYear {
    font-size: min(calc(40 / 375 * 100vw), 56px);
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.createStep_itemContent {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_itemContent {
    -ms-grid-columns: calc(240 / 1280 * 100vw) calc(560 / 1280 * 100vw);
    grid-template-columns: calc(240 / 1280 * 100vw) calc(560 / 1280 * 100vw);
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_itemContent {
    -ms-grid-columns: calc(80 / 375 * 100vw) calc(255 / 375 * 100vw);
    grid-template-columns: calc(80 / 375 * 100vw) calc(255 / 375 * 100vw);
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

.createStep_itemMonth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_itemMonth {
    font-size: min(calc(25 / 1280 * 100vw), 35px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_itemMonth {
    font-size: min(calc(20 / 375 * 100vw), 28px);
  }
}
.createStep_itemMonth::after {
  height: 1px;
  background: #dddddd;
  content: "";
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_itemMonth::after {
    width: calc(122 / 1280 * 100vw);
    margin-left: calc(40 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_itemMonth::after {
    width: calc(28 / 375 * 100vw);
    margin-left: calc(10 / 375 * 100vw);
  }
}

.createStep_itemDesc {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .createStep_itemDesc {
    font-size: min(calc(14 / 1280 * 100vw), 19.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .createStep_itemDesc {
    font-size: min(calc(12 / 375 * 100vw), 16.8px);
  }
}

/*--------------------------------
 ABOUT COMPANY
--------------------------------*/
.aboutCompany {
  background-position: center;
  background-image: url(../images/about/about-company-bg.jpg);
  background-size: cover;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany {
    margin-top: calc(160 / 1280 * 100vw);
    padding: calc(120 / 1280 * 100vw) 0;
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany {
    margin-top: calc(80 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) 0;
  }
}

.aboutCompany_inner {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: calc(120 / 1280 * 100vw);
  padding-inline-end: calc(120 / 1280 * 100vw);
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_inner {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: calc(20 / 375 * 100vw);
    padding-inline-end: calc(20 / 375 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_inner {
    padding-inline: calc(20 / 375 * 100vw);
  }
}

.aboutCompany_card {
  position: relative;
  background-color: #ffffff;
}
.aboutCompany_card::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #db502c;
  content: "";
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_card {
    width: calc(365 / 1280 * 100vw);
    margin-left: auto;
  }
}

@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_card {
    padding: calc(40 / 1280 * 100vw) calc(50 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_card {
    padding: calc(40 / 375 * 100vw) calc(35 / 375 * 100vw);
  }
}

.aboutCompany_cardContent {
  text-align: center;
}

.aboutCompany_cardSubEn {
  margin: 0;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: #414141;
  opacity: 0.5;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_cardSubEn {
    font-size: min(calc(16 / 1280 * 100vw), 22.4px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_cardSubEn {
    font-size: min(calc(16 / 375 * 100vw), 22.4px);
  }
}

.aboutCompany_cardSubJa {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_cardSubJa {
    margin: calc(20 / 1280 * 100vw) 0 0;
    font-size: min(calc(16 / 1280 * 100vw), 22.4px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_cardSubJa {
    margin: calc(20 / 375 * 100vw) 0 0;
    font-size: min(calc(16 / 375 * 100vw), 22.4px);
  }
}

.aboutCompany_cardName {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_cardName {
    margin: calc(48 / 1280 * 100vw) 0 0;
    font-size: min(calc(20 / 1280 * 100vw), 28px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_cardName {
    margin: calc(48 / 375 * 100vw) 0 0;
    font-size: min(calc(20 / 375 * 100vw), 28px);
  }
}

.aboutCompany_cardLinkLabel {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_cardLinkLabel {
    margin: calc(20 / 1280 * 100vw) 0 0;
    font-size: min(calc(14 / 1280 * 100vw), 19.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_cardLinkLabel {
    margin: calc(20 / 375 * 100vw) 0 0;
    font-size: min(calc(14 / 375 * 100vw), 19.6px);
  }
}

@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .aboutCompany_viewMore {
    margin-top: calc(40 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .aboutCompany_viewMore {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.aboutCompany_viewMoreText {
  color: #000000;
}
.aboutCompany_viewMoreText::before, .aboutCompany_viewMoreText::after {
  background: #000000;
}

/*--------------------------------
 ACCESS
--------------------------------*/
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .accessSection {
    margin-left: auto;
    padding-top: calc(160 / 1280 * 100vw);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .accessSection {
    padding-top: calc(80 / 375 * 100vw);
  }
}

.access_heading {
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #414141;
}
@media print, screen and (min-width:1024px) and (orientation: landscape), screen and (min-width:1024px) {
  .access_heading {
    margin: 0 0 calc(120 / 1280 * 100vw);
    font-size: min(calc(24 / 1280 * 100vw), 33.6px);
  }
}
@media print, screen and (max-width:1023px), screen and (min-width:1024px) and (max-width:1023px) and (orientation: portrait) {
  .access_heading {
    margin: 0 0 calc(40 / 375 * 100vw);
    font-size: min(calc(18 / 375 * 100vw), 25.2px);
  }
}
/*# sourceMappingURL=maps/about.css.map */