@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.titleimg {
  background: url("/img/about/titleimg.jpg") right 25% center/cover no-repeat; }

.about .about__img-box {
  margin-bottom: 40px;
  height: 25vh;
  max-height: 400px;
  background: url("/img/about/img_about.jpg") center left 35%/cover no-repeat; }
.about .about__ttl {
  font-size: 2.2rem;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 100;
  letter-spacing: normal;
  color: #0F3675; }
  @media (min-width: 769px) {
    .about .about__ttl {
      font-size: calc( 2.2rem + ( 1vw - 7.69px ) * 4.3795620438 ); } }
  @media (min-width: 1180px) {
    .about .about__ttl {
      font-size: 4rem; } }
.about .about__txt {
  font-size: 1.3rem;
  text-align: justify;
  letter-spacing: normal; }
  @media (min-width: 769px) {
    .about .about__txt {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
  @media (min-width: 1180px) {
    .about .about__txt {
      font-size: 1.5rem; } }

.forte .forte__wp {
  box-sizing: border-box;
  margin: auto;
  padding: 10px 15px;
  max-width: 900px;
  background: #F5F5F5; }
  .forte .forte__wp .forte__txt-box {
    font-size: 1.5rem; }
    .forte .forte__wp .forte__txt-box .forte__round {
      flex: 0 1 20px;
      width: 20px;
      max-width: 20px;
      color: #0F3675; }
    .forte .forte__wp .forte__txt-box .forte__txt {
      flex: 0 1 calc(100% - 30px);
      width: calc(100% - 30px);
      max-width: calc(100% - 30px);
      text-align: left; }

.flow .flow__wp li {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
  padding: 15px 15px 40px;
  border: solid 1px #0F3675; }
  .flow .flow__wp li .flow__ttl-box {
    margin-bottom: 10px;
    text-align: center;
    color: #0F3675; }
    .flow .flow__wp li .flow__ttl-box .flow__num {
      font-size: 3.2rem;
      line-height: normal; }
      @media (min-width: 769px) {
        .flow .flow__wp li .flow__ttl-box .flow__num {
          font-size: calc( 3.2rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
      @media (min-width: 1180px) {
        .flow .flow__wp li .flow__ttl-box .flow__num {
          font-size: 4.2rem; } }
    .flow .flow__wp li .flow__ttl-box .flow__ttl {
      font-size: 1.8rem;
      font-weight: bold; }
      @media (min-width: 769px) {
        .flow .flow__wp li .flow__ttl-box .flow__ttl {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
      @media (min-width: 1180px) {
        .flow .flow__wp li .flow__ttl-box .flow__ttl {
          font-size: 2rem; } }
  .flow .flow__wp li .flow__txt {
    font-size: 1.4rem;
    letter-spacing: normal; }
    @media (min-width: 769px) {
      .flow .flow__wp li .flow__txt {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
    @media (min-width: 1180px) {
      .flow .flow__wp li .flow__txt {
        font-size: 1.5rem; } }
  .flow .flow__wp li::after {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 35px;
    border-color: #0F3675 transparent transparent transparent; }
  .flow .flow__wp li:last-child {
    margin-bottom: 0; }
    .flow .flow__wp li:last-child::after {
      display: none; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .about .about__img-box {
    height: 30vh; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 861px) {
  .titleimg {
    background: url("/img/about/titleimg.jpg") center/cover no-repeat; } }
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1041px) {
  .about .about__img-box {
    height: 48vh; }
  .about .about__wp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .about .about__ttl {
    flex: 0 1 41%;
    width: 41%;
    max-width: 41%;
    margin-bottom: 0;
    text-align: left; }
  .about .about__txt {
    flex: 0 1 57%;
    width: 57%;
    max-width: 57%; }

  .forte .forte__wp {
    padding: 30px 40px; }

  .flow .flow__wp li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px; }
    .flow .flow__wp li .flow__ttl-box {
      flex: 0 1 40%;
      width: 40%;
      max-width: 40%;
      margin-bottom: 0; }
    .flow .flow__wp li .flow__txt {
      flex: 0 1 60%;
      width: 60%;
      max-width: 60%; }
    .flow .flow__wp li::after {
      bottom: -25px; } }

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