@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  .inner {
    width: 1000px; }

  #mainv {
    background: #EEF3F7; }
    #mainv .inner {
      background-image: -webkit-linear-gradient(0deg, #EEF3F7, #EEF3F7 20%, rgba(238, 243, 247, 0) 25%, rgba(238, 243, 247, 0) 85%, #EEF3F7 93%, #EEF3F7), url(../images/about/mainv_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #EEF3F7, #EEF3F7 20%, rgba(238, 243, 247, 0) 25%, rgba(238, 243, 247, 0) 85%, #EEF3F7 93%, #EEF3F7), url(../images/about/mainv_bg.jpg);
      background-size: auto auto, auto 120%;
      background-position: left top, right -100px bottom; }
      #mainv .inner h1 {
        color: #333;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
        padding: 110px 0 130px; }
        #mainv .inner h1 span {
          font-size: 36px; }

  #mainColmun #about h2 {
    color: #9E6657;
    font-size: 20px;
    font-weight: bold;
    background: #fbf9f8;
    margin: 0 0 40px;
    padding: 20px;
    position: relative; }
  #mainColmun #about h2::before {
    content: "";
    width: 8px;
    height: 50%;
    background: #ff8746;
    position: absolute;
    top: 25%;
    left: 0; }
  #mainColmun #about .lead {
    font-size: 16px;
    margin: 0 0 50px; }
  #mainColmun #about .question {
    font-size: 18px;
    -webkit-align-items: fex-start;
    align-items: fex-start;
    margin: 0 0 20px; }
    #mainColmun #about .question .qmark {
      width: 60px;
      text-align: center;
      background: #c9b3a4;
      padding: 15px 0;
      box-sizing: border-box; }
      #mainColmun #about .question .qmark::before {
        content: "Q";
        color: #FFF;
        font-size: 26px;
        font-weight: bold; }
    #mainColmun #about .question p {
      width: calc(100% - 60px);
      color: #9E6657;
      font-weight: bold;
      background: #fbf9f8;
      padding: 20px;
      box-sizing: border-box;
      position: relative; }
  #mainColmun #about .Area {
    margin: 80px 0 20px; }
    #mainColmun #about .Area .question {
      margin: 0 0 10px; }
    #mainColmun #about .Area .anser {
      background-image: -webkit-linear-gradient(0deg, #FAFAFA, #FAFAFA 30%, #fafafa 60%, rgba(250, 250, 250, 0) 75%, rgba(250, 250, 250, 0)), url(../images/about/Area_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #FAFAFA, #FAFAFA 30%, #fafafa 60%, rgba(250, 250, 250, 0) 75%, rgba(250, 250, 250, 0)), url(../images/about/Area_bg.jpg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center right, center right;
      margin: 0 0 40px;
      padding: 45px 40% 45px 35px; }
      #mainColmun #about .Area .anser h3 {
        color: #ff8746;
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 10px;
        padding: 0 0 0 40px;
        position: relative; }
      #mainColmun #about .Area .anser h3::before {
        content: "A.";
        font-size: 1.2em;
        line-height: 1.2em;
        position: absolute;
        top: 0;
        left: 0; }
      #mainColmun #about .Area .anser ~ p {
        margin-bottom: 30px;
        padding: 0 35px; }
    #mainColmun #about .Area h3.support {
      font-size: 20px;
      font-weight: bold;
      margin: 0 0 40px;
      padding: 20px;
      position: relative; }
    #mainColmun #about .Area h3.support::before {
      content: "";
      width: 8px;
      height: 50%;
      background: #ff8746;
      position: absolute;
      top: 25%;
      left: 0; }
  #mainColmun #about .A_Area ol.point {
    justify-content: space-between;
    flex-wrap: wrap;
    counter-reset: item; }
    #mainColmun #about .A_Area ol.point li {
      width: 330px;
      margin: 0 0 30px; }
      #mainColmun #about .A_Area ol.point li .fb {
        align-items: center;
        margin: 0 0 20px; }
        #mainColmun #about .A_Area ol.point li .fb .midashi {
          width: 60px;
          height: 60px;
          background: #c9b3a4;
          border-radius: 3px;
          margin: 0 20px 0 0;
          position: relative; }
          #mainColmun #about .A_Area ol.point li .fb .midashi::before {
            content: "POINT";
            color: #FFF;
            font-size: 11px;
            position: absolute;
            top: 5px;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
          #mainColmun #about .A_Area ol.point li .fb .midashi::after {
            counter-increment: item;
            content: counter(item);
            color: #FFF;
            font-size: 28px;
            line-height: 1em;
            position: absolute;
            bottom: 5px;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
        #mainColmun #about .A_Area ol.point li .fb p {
          font-size: 20px;
          font-weight: bold;
          line-height: 1.2em;
          width: calc(100% - 80px); }
          #mainColmun #about .A_Area ol.point li .fb p span {
            font-size: 14px; }
  #mainColmun #about .B_Area table tr:first-child th {
    color: #FFF;
    font-weight: bold;
    background: #c9b3a4; }
    #mainColmun #about .B_Area table tr:first-child th:first-child {
      background: none; }
    #mainColmun #about .B_Area table tr:first-child th:last-child {
      background: #E88000; }
  #mainColmun #about .B_Area table tr:nth-child(n+2) th {
    background: #ffe7d0; }
  #mainColmun #about .B_Area table tr th {
    text-align: center;
    border-right: solid 4px #FFF;
    border-bottom: solid 4px #FFF;
    padding: 1em; }
    #mainColmun #about .B_Area table tr th p {
      color: #9E6657;
      font-weight: bold;
      width: 4em; }
  #mainColmun #about .B_Area table tr td {
    background: #F5F5F2;
    border-right: solid 4px #FFF;
    border-bottom: solid 4px #FFF;
    padding: 1em; }

  /*--------------------------endPC--------------------------------*/ }
/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .inner {
    width: 94vw;
    margin: 0 auto; }

  #mainv {
    background: #EEF3F7; }
    #mainv .inner {
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-items: center;
      align-items: center;
      background-image: -webkit-linear-gradient(0deg, #EEF3F7, #EEF3F7 20%, rgba(238, 243, 247, 0) 36%, rgba(238, 243, 247, 0)), url(../images/about/mainv_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #EEF3F7, #EEF3F7 20%, rgba(238, 243, 247, 0) 36%, rgba(238, 243, 247, 0)), url(../images/about/mainv_bg.jpg);
      background-size: auto auto, auto 100%;
      background-position: left top, right 70% bottom;
      height: 36.2vw; }
      #mainv .inner h1 {
        color: #333;
        padding: 0;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif; }
        #mainv .inner h1 span {
          font-size: 5.5vw; }

  #mainColmun #about h2 {
    color: #9E6657;
    font-size: 16px;
    font-weight: bold;
    background: #fbf9f8;
    margin: 0 0 20px;
    padding: 10px;
    position: relative; }
  #mainColmun #about h2::before {
    content: "";
    width: 4px;
    height: 50%;
    background: #ff8746;
    position: absolute;
    top: 25%;
    left: 0; }
  #mainColmun #about .lead {
    font-size: 12px;
    margin: 0 1em 25px; }
  #mainColmun #about .question {
    font-size: 16px;
    -webkit-align-items: fex-start;
    align-items: fex-start;
    margin: 0 0 10px; }
    #mainColmun #about .question .qmark {
      width: 30px;
      text-align: center;
      background: #c9b3a4;
      padding: 15px 0;
      box-sizing: border-box; }
      #mainColmun #about .question .qmark::before {
        content: "Q";
        color: #FFF;
        font-size: 20px;
        font-weight: bold; }
    #mainColmun #about .question p {
      width: calc(100% - 30px);
      color: #9E6657;
      font-weight: bold;
      background: #fbf9f8;
      padding: 10px;
      box-sizing: border-box;
      position: relative; }
  #mainColmun #about .Area {
    margin: 20px 0 10px; }
    #mainColmun #about .Area .question {
      margin: 0 0 5px; }
    #mainColmun #about .Area .anser {
      background-image: -webkit-linear-gradient(0deg, #FAFAFA, #FAFAFA 30%, #fafafa 60%, rgba(250, 250, 250, 0) 75%, rgba(250, 250, 250, 0)), url(../images/about/Area_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #FAFAFA, #FAFAFA 30%, #fafafa 60%, rgba(250, 250, 250, 0) 75%, rgba(250, 250, 250, 0)), url(../images/about/Area_bg.jpg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center right, center right -87px;
      margin: 0 0 20px;
      padding: 25px 35% 25px 5%; }
      #mainColmun #about .Area .anser h3 {
        color: #ff8746;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px;
        padding: 20px 0 0;
        position: relative; }
      #mainColmun #about .Area .anser h3::before {
        content: "A.";
        font-size: 1.2em;
        line-height: 1.2em;
        position: absolute;
        top: 0;
        left: 0; }
      #mainColmun #about .Area .anser ~ p {
        margin-bottom: 15px;
        padding: 0 5%; }
    #mainColmun #about .Area h3.support {
      color: inherit;
      font-size: 16px;
      font-weight: bold;
      margin: 0 0 20px;
      padding: 10px;
      position: relative; }
    #mainColmun #about .Area h3.support::before {
      content: "";
      width: 4px;
      height: 50%;
      background: #ff8746;
      position: absolute;
      top: 25%;
      left: 0; }
  #mainColmun #about .A_Area ol.point {
    justify-content: space-between;
    flex-wrap: wrap;
    counter-reset: item; }
    #mainColmun #about .A_Area ol.point li {
      width: 75%;
      margin: 0 auto 15px; }
      #mainColmun #about .A_Area ol.point li .fb {
        align-items: center;
        margin: 0 0 10px; }
        #mainColmun #about .A_Area ol.point li .fb .midashi {
          width: 45px;
          height: 45px;
          background: #c9b3a4;
          border-radius: 3px;
          margin: 0 10px 0 0;
          position: relative; }
          #mainColmun #about .A_Area ol.point li .fb .midashi::before {
            content: "POINT";
            color: #FFF;
            font-size: 8px;
            position: absolute;
            top: 5px;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
          #mainColmun #about .A_Area ol.point li .fb .midashi::after {
            counter-increment: item;
            content: counter(item);
            color: #FFF;
            font-size: 14px;
            line-height: 1em;
            position: absolute;
            bottom: 5px;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
        #mainColmun #about .A_Area ol.point li .fb p {
          font-size: 14px;
          font-weight: bold;
          line-height: 1.2em;
          width: calc(100% - 80px); }
          #mainColmun #about .A_Area ol.point li .fb p span {
            font-size: 12px; }
  #mainColmun #about .B_Area table tr:first-child th {
    color: #FFF;
    font-weight: bold;
    background: #c9b3a4; }
    #mainColmun #about .B_Area table tr:first-child th:first-child {
      background: none; }
    #mainColmun #about .B_Area table tr:first-child th:last-child {
      background: #E88000; }
  #mainColmun #about .B_Area table tr:nth-child(n+2) th {
    background: #ffe7d0; }
  #mainColmun #about .B_Area table tr th {
    text-align: center;
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
    padding: 1em; }
    #mainColmun #about .B_Area table tr th p {
      color: #9E6657;
      font-weight: bold;
      width: 3em; }
  #mainColmun #about .B_Area table tr td {
    background: #F5F5F2;
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
    padding: 0.5em; }

  /*--------------------------endSP--------------------------------*/ }

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