/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*
@mixin pc_size{
  @media screen and (min-width: $tablet) {
    @content;
  }
}
*/
.under {
  display: block;
  margin-top: 60px;
  padding-top: 10px; }

#breadcrumb {
  padding: 0 0 10px;
  width: 100%;
  max-width: 1180px; }
  #breadcrumb a {
    color: #2F5E9F; }
  #breadcrumb i {
    color: #333; }
  #breadcrumb span {
    color: #646464; }

.s_inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 0 4%; }
  @media screen and (min-width: 780px) {
    .s_inner {
      padding: 0; } }

.maintitle {
  margin: 0% 0% 6.77% 0%;
  position: relative;
  height: 30vh;
  max-height: 500px;
  background: url("/img/sell/mainimg.jpg") center/cover no-repeat; }
  .maintitle .contents__txt-wp {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 6px rgba(27, 76, 142, 0.75); }
    .maintitle .contents__txt-wp .contents__sub-ttl {
      font-size: 1.8rem;
      margin: 0% 0% 2.54% 0%; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__sub-ttl {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__sub-ttl {
          font-size: 2.8rem; } }
    .maintitle .contents__txt-wp .contents__txt {
      font-size: 1.2rem;
      font-family: "Hiragino UD Sans F W6 JIS2004"; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: 1.8rem; } }
    .maintitle .contents__txt-wp .contents__ttl-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-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0% 0% 4.66% 0%; }
      .maintitle .contents__txt-wp .contents__ttl-wp .contents__ttl {
        flex: 0 1 auto;
        width: auto;
        font-size: 2.5rem;
        margin: 0; }
        @media (min-width: 769px) {
          .maintitle .contents__txt-wp .contents__ttl-wp .contents__ttl {
            font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 5.596107056 ); } }
        @media (min-width: 1180px) {
          .maintitle .contents__txt-wp .contents__ttl-wp .contents__ttl {
            font-size: 4.8rem; } }
      .maintitle .contents__txt-wp .contents__ttl-wp .contents__times {
        flex: 0 1 auto;
        width: auto;
        position: relative;
        display: block;
        margin: 0 1%;
        width: 35px;
        height: 35px; }
        .maintitle .contents__txt-wp .contents__ttl-wp .contents__times::before {
          position: absolute;
          content: "";
          display: block;
          top: 0;
          left: 48%;
          width: 2px;
          height: 100%;
          background: #fff;
          transform: rotate(45deg); }
        .maintitle .contents__txt-wp .contents__ttl-wp .contents__times::after {
          position: absolute;
          content: "";
          display: block;
          top: 0;
          left: 48%;
          width: 2px;
          height: 100%;
          background: #fff;
          transform: rotate(-45deg); }

.sell {
  margin: 0% 0% 7.62% 0%; }
  .sell__ttl {
    font-size: 1.6rem;
    margin: 0% 0% 6.77% 0%;
    text-align: center; }
    @media (min-width: 769px) {
      .sell__ttl {
        font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.9197080292 ); } }
    @media (min-width: 1180px) {
      .sell__ttl {
        font-size: 2.8rem; } }
  .sell__list {
    margin: 0% 0% 3.9% 0%;
    background: #fff; }
    .sell__list .sell__txt-wp {
      padding: 2.96% 0% 8.05% 0%;
      text-align: center;
      color: #2F5E9F; }
      .sell__list .sell__txt-wp .sell__num {
        font-size: 3rem;
        letter-spacing: 0.08em; }
        @media (min-width: 769px) {
          .sell__list .sell__txt-wp .sell__num {
            font-size: calc( 3rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
        @media (min-width: 1180px) {
          .sell__list .sell__txt-wp .sell__num {
            font-size: 3.6rem; } }
      .sell__list .sell__txt-wp .sell__txt {
        font-size: 1.3rem;
        font-family: "Hiragino UD Sans F W6 JIS2004"; }
        @media (min-width: 769px) {
          .sell__list .sell__txt-wp .sell__txt {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
        @media (min-width: 1180px) {
          .sell__list .sell__txt-wp .sell__txt {
            font-size: 1.6rem; } }
    .sell__list:last-child {
      margin: 0; }

.flow {
  margin: 0% 0% 10.16% 0%; }
  .flow__list {
    padding: 5% 3.75% 5% 6.25%;
    position: relative;
    background: #fff; }
    .flow__list.step_01 {
      border: solid 5px #D6DFEB;
      z-index: 5; }
      .flow__list.step_01::after {
        border-color: #D6DFEB transparent transparent transparent; }
    .flow__list.step_02 {
      border: solid 5px #7FA0CB;
      border-top: none;
      z-index: 4; }
      .flow__list.step_02::after {
        border-color: #7FA0CB transparent transparent transparent; }
    .flow__list.step_03 {
      border: solid 5px #2F5E9F;
      border-top: none;
      z-index: 3; }
      .flow__list.step_03::after {
        border-color: #2F5E9F transparent transparent transparent; }
    .flow__list.step_04 {
      border: solid 5px #0F3972;
      border-top: none;
      z-index: 2; }
      .flow__list.step_04::before {
        display: none; }
      .flow__list.step_04::after {
        display: none; }
    .flow__list::before {
      position: absolute;
      content: "";
      bottom: -20px;
      left: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 25px 0 25px;
      border-color: #ffffff transparent transparent transparent;
      transform: translate(-50%, 0);
      z-index: 2; }
    .flow__list::after {
      position: absolute;
      content: "";
      bottom: -27px;
      left: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 25px 0 25px;
      transform: translate(-50%, 0);
      z-index: 1; }
  .flow__step-wp {
    margin: 0% 0% 1.3% 0%;
    text-align: center;
    color: #2F5E9F; }
    .flow__step-wp .flow__step-txt {
      font-size: 1.3rem;
      letter-spacing: 0.08em; }
      @media (min-width: 769px) {
        .flow__step-wp .flow__step-txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 9.6774193548 ); } }
      @media (min-width: 800px) {
        .flow__step-wp .flow__step-txt {
          font-size: 1.6rem; } }
      .flow__step-wp .flow__step-txt .flow__step-num {
        font-size: 2.5rem;
        padding-left: 5px;
        letter-spacing: 0.08em; }
        @media (min-width: 769px) {
          .flow__step-wp .flow__step-txt .flow__step-num {
            font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 25.8064516129 ); } }
        @media (min-width: 800px) {
          .flow__step-wp .flow__step-txt .flow__step-num {
            font-size: 3.3rem; } }
    .flow__step-wp .flow__step-ttl {
      font-size: 1.8rem;
      font-family: "Hiragino UD Sans F W6 JIS2004"; }
      @media (min-width: 769px) {
        .flow__step-wp .flow__step-ttl {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 16.1290322581 ); } }
      @media (min-width: 800px) {
        .flow__step-wp .flow__step-ttl {
          font-size: 2.3rem; } }
  .flow__con-txt {
    font-size: 1.4rem; }
    @media (min-width: 769px) {
      .flow__con-txt {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 6.4516129032 ); } }
    @media (min-width: 800px) {
      .flow__con-txt {
        font-size: 1.6rem; } }

.flow-check {
  margin: 0% 0% 10.16% 0%;
  padding: 8.47% 0% 8.47% 0%;
  background: #E6EFF6; }
  .flow-check__speech {
    margin: 0% 0% 6.5% 0%; }
    .flow-check__speech__wp {
      padding: 2.54% 0% 2.54% 0%;
      position: relative;
      color: #fff;
      text-align: center;
      background: #2F5E9F;
      border-radius: 100px;
      z-index: 1; }
      .flow-check__speech__wp::after {
        position: absolute;
        content: "";
        bottom: -15px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 35px 35px 0 35px;
        border-color: #2F5E9F transparent transparent transparent;
        transform: translate(-50%, 0);
        z-index: -1; }
    .flow-check__speech .check__speech-ttl {
      font-size: 1.8rem;
      font-family: "Hiragino UD Sans F W6 JIS2004"; }
      @media (min-width: 769px) {
        .flow-check__speech .check__speech-ttl {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
      @media (min-width: 1180px) {
        .flow-check__speech .check__speech-ttl {
          font-size: 2.8rem; } }
    .flow-check__speech .check__speech-txt {
      font-size: 1.3rem; }
      @media (min-width: 769px) {
        .flow-check__speech .check__speech-txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
      @media (min-width: 1180px) {
        .flow-check__speech .check__speech-txt {
          font-size: 1.6rem; } }
  .flow-check__wp {
    margin: 0% 0% 5.93% 0%;
    background: #fff; }
  .flow-check__list {
    margin: 0% 0% 6.5% 0%;
    padding: 2.11% 2.11% 2.11% 2.11%;
    position: relative;
    text-align: center; }
    .flow-check__list .flow-check__ttl-wp {
      margin: 0% 0% 1.69% 0%;
      color: #2F5E9F; }
      .flow-check__list .flow-check__ttl-wp .flow-check__step {
        font-size: 1.3rem;
        display: inline-block;
        border-bottom: solid 1px #2F5E9F;
        letter-spacing: 0.08em; }
        @media (min-width: 769px) {
          .flow-check__list .flow-check__ttl-wp .flow-check__step {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
        @media (min-width: 1180px) {
          .flow-check__list .flow-check__ttl-wp .flow-check__step {
            font-size: 1.6rem; } }
        .flow-check__list .flow-check__ttl-wp .flow-check__step span {
          font-size: 1.8rem;
          padding-left: 5px;
          letter-spacing: 0.08em; }
          @media (min-width: 769px) {
            .flow-check__list .flow-check__ttl-wp .flow-check__step span {
              font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
          @media (min-width: 1180px) {
            .flow-check__list .flow-check__ttl-wp .flow-check__step span {
              font-size: 2.4rem; } }
      .flow-check__list .flow-check__ttl-wp .flow-check__ttl {
        font-size: 1.5rem;
        font-family: "Hiragino UD Sans F W6 JIS2004"; }
        @media (min-width: 769px) {
          .flow-check__list .flow-check__ttl-wp .flow-check__ttl {
            font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
        @media (min-width: 1180px) {
          .flow-check__list .flow-check__ttl-wp .flow-check__ttl {
            font-size: 1.8rem; } }
    .flow-check__list .flow-check__img-box {
      position: relative;
      margin: 0 auto 1.69%;
      width: 100%;
      height: 15vh; }
      .flow-check__list .flow-check__img-box figure {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translate(-50%, -50%); }
        .flow-check__list .flow-check__img-box figure img {
          width: auto;
          height: 100%; }
      .flow-check__list .flow-check__img-box.step_02-img figure {
        height: 70%; }
    .flow-check__list .flow-check__txt {
      font-size: 1.3rem; }
      @media (min-width: 769px) {
        .flow-check__list .flow-check__txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
      @media (min-width: 1180px) {
        .flow-check__list .flow-check__txt {
          font-size: 1.5rem; } }
    .flow-check__list:last-child {
      margin: 0; }
  .flow-check__arrow {
    position: relative;
    width: 100%;
    height: 30px; }
    .flow-check__arrow:before {
      position: absolute;
      content: "";
      display: block;
      bottom: 25px;
      left: -2%;
      width: 53%;
      height: 10px;
      background: #E6EFF6;
      transform: rotate(10deg); }
    .flow-check__arrow:after {
      position: absolute;
      content: "";
      display: block;
      bottom: 25px;
      right: -2%;
      width: 53%;
      height: 10px;
      background: #E6EFF6;
      transform: rotate(-10deg); }
  .flow-check__bnr-wp {
    margin: auto;
    width: 100%;
    max-width: 1040px; }
    .flow-check__bnr-wp .flow-check__bnr-txt {
      font-size: 2rem;
      margin: 0% 0% 2.54% 0%;
      font-family: "Hiragino UD Sans F W6 JIS2004";
      text-align: center;
      color: #2F5E9F; }
      @media (min-width: 769px) {
        .flow-check__bnr-wp .flow-check__bnr-txt {
          font-size: calc( 2rem + ( 1vw - 7.69px ) * 3.4063260341 ); } }
      @media (min-width: 1180px) {
        .flow-check__bnr-wp .flow-check__bnr-txt {
          font-size: 3.4rem; } }
    .flow-check__bnr-wp .flow-check__bnr-box a {
      display: block;
      max-width: 780px;
      margin: 0 auto; }

.fixed__btn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%; }
  .fixed__btn a {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
    height: 60px;
    line-height: 60px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff; }
    .fixed__btn a.tel {
      background: #F4913D; }
    .fixed__btn a.mail {
      background: #2F5E9F; }
    .fixed__btn a .fas {
      margin: 0 6px;
      font-size: 1.6rem; }
      .fixed__btn a .fas svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto; }
        .fixed__btn a .fas svg .color {
          fill: #fff; }
    .fixed__btn a .icon {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin: 0 6px;
      font-size: 1.6rem;
      width: 20px;
      height: 100%;
      line-height: 1; }
      .fixed__btn a .icon svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto; }
        .fixed__btn a .icon svg .color {
          fill: #fff; }

/*
.fixed__btn{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	a{
		display: block;
		height: 60px;
		line-height: 60px;
		font-size: 1.8rem;
		text-align: center;
		color: #fff;
		background: $maincolor;
		i{
			position: relative;
			display: inline-block;
			vertical-align: middle;
			margin: 0 6px;
			font-size: 1.6rem;
			width: 32px;
			height: 100%;
			line-height: 1;
			svg{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				height: auto;
				.color{
					fill : #fff;
				}
			}
		}
	}
}
*/
@media screen and (min-width: 769px) {
  .maintitle {
    height: 40vh; }
    .maintitle .contents__txt-wp .contents__ttl-wp .contents__times {
      width: 55px;
      height: 55px; }

  .sell__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; }
  .sell__list {
    flex: 0 1 32.5%;
    width: 32.5%;
    max-width: 32.5%;
    margin: 0; }

  .flow__list {
    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; }
  .flow__step-wp {
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
    margin: 0 auto 0 0;
    text-align: left; }
  .flow__con-txt {
    flex: 0 1 60%;
    width: 60%;
    max-width: 60%; }

  .flow-check {
    padding: 10.16% 0% 8.47% 0%;
    position: relative; }
    .flow-check__speech {
      position: absolute;
      margin: 0;
      top: -5%;
      left: 50%;
      width: 100%;
      max-width: 725px;
      transform: translate(-50%, 0); }
      .flow-check__speech::after {
        bottom: -20px; }
    .flow-check__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; }
    .flow-check__list {
      flex: 0 1 28%;
      width: 28%;
      max-width: 28%;
      margin: 0; }
    .flow-check__arrow {
      flex: 0 1 1%;
      width: 1%;
      max-width: 1%;
      width: 1%;
      height: auto; }
      .flow-check__arrow:before {
        bottom: auto;
        top: -3%;
        left: 0;
        width: 10px;
        height: 55.5%;
        transform: rotate(-20deg); }
      .flow-check__arrow:after {
        bottom: -3%;
        right: auto;
        left: 0;
        width: 10px;
        height: 55.5%;
        transform: rotate(20deg); }
    .flow-check__bnr-wp .flow-check__bnr-txt {
      font-size: 2rem;
      margin: 0% 0% 2.54% 0%;
      font-family: "Hiragino UD Sans F W6 JIS2004";
      text-align: center;
      color: #2F5E9F; } }
    @media screen and (min-width: 769px) and (min-width: 769px) {
      .flow-check__bnr-wp .flow-check__bnr-txt {
        font-size: calc( 2rem + ( 1vw - 7.69px ) * 3.4063260341 ); } }
    @media screen and (min-width: 769px) and (min-width: 1180px) {
      .flow-check__bnr-wp .flow-check__bnr-txt {
        font-size: 3.4rem; } }

@media screen and (min-width: 1024px) {
  #breadcrumb {
    padding: 0 0 10px; }

  .common_inner {
    padding: 0; }

  .maintitle {
    height: 55vh; }
    .maintitle .contents__txt-wp .contents__ttl-wp .contents__times {
      width: 65px;
      height: 65px; }

  .flow__list {
    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; }
    .flow__list.step_01 {
      border: solid 8px #D6DFEB; }
    .flow__list.step_02 {
      border: solid 8px #7FA0CB;
      border-top: none; }
    .flow__list.step_03 {
      border: solid 8px #2F5E9F;
      border-top: none; }
    .flow__list.step_04 {
      border: solid 8px #0F3972;
      border-top: none; }
    .flow__list::before {
      bottom: -27px;
      border-width: 30px 30px 0 30px; }
    .flow__list::after {
      bottom: -40px;
      border-width: 35px 35px 0 35px; }
  .flow__step-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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex: 0 1 35%;
    width: 35%;
    max-width: 35%; }
    .flow__step-wp .flow__step-txt {
      flex: 0 1 auto;
      width: auto;
      text-align: center;
      margin-right: 4%; }
      .flow__step-wp .flow__step-txt .flow__step-num {
        display: block;
        margin-top: -20px;
        padding: 0; }
    .flow__step-wp .flow__step-ttl {
      flex: 0 1 auto;
      width: auto; }

  .flow-check {
    padding: 8.47% 0% 8.47% 0%;
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .under {
    padding-top: 20px; } }

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