@charset "utf-8";

      html {
        scroll-behavior: smooth;
      }

      .title-h2 {
        margin-bottom: 60px;
        position: relative;
      }

      @media screen and (max-width: 767px) {
        .title-h2 {
          margin-bottom: calc(50 / 640 * 100vw);
        }
      }

      .title-h2>p {
        text-align: center;
        display: block;
        margin-bottom: 30px;
      }

      @media screen and (max-width: 767px) {
        .title-h2>p {
          margin-bottom: calc(40 / 640 * 100vw);
        }
      }

      .title-h2>p span {
        text-align: center;
        display: inline-block;
        background: #004ea2;
        position: relative;
        color: #fff;
        font-size: 26px;
        font-size: 2.6rem;
        font-weight: 700;
        padding: 5px 16px 0;
        min-width: 186px;
      }

      @media screen and (max-width: 767px) {
        .title-h2>p span {
          font-size: calc(26 / 640 * 100vw);
          min-width: calc(156 / 640 * 100vw);
          padding: 2px calc(16 / 640 * 100vw) 0;
        }
      }

      .title-h2>p span::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 8px 0 8px;
        border-color: #004ea2 transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      .title-h2 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 50px;
        font-size: 5rem;
        color: #004ea2;
        position: relative;
        padding: 8px 0 2px;
      }

      @media screen and (max-width: 767px) {
        .title-h2 h2 {
          text-align: left;
          font-size: calc(42 / 640 * 100vw);
          line-height: 1.4;
          padding: calc(20 / 640 * 100vw) 0 calc(15 / 640 * 100vw) calc(30 / 640 * 100vw);
        }
      }

      .title-h2 h2::before,
      .title-h2 h2::after {
        background: -webkit-gradient(linear, left top, right top, from(#00aeeb), color-stop(50%, #00aeeb), color-stop(50%, #007aeb), to(#007aeb));
        background: linear-gradient(90deg, #00aeeb 0%, #00aeeb 50%, #007aeb 50%, #007aeb 100%);
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        left: 0;
      }

      .title-h2 h2::before {
        top: 1px;
      }

      .title-h2 h2::after {
        bottom: 0;
      }

      .title-h2 h2 span {
        font-size: 36px;
        font-size: 3.6rem;
      }

      @media screen and (max-width: 767px) {
        .title-h2 h2 span {
          font-size: calc(32 / 640 * 100vw);
        }
      }

      .title-h2__icon {
        position: absolute;
        right: 0;
        bottom: -18px;
      }

      .main section {
        padding: 100px 0;
      }

      @media screen and (max-width: 767px) {
        .main section {
          padding: calc(100 / 640 * 100vw) 0;
        }
      }

      .cv {
        background: #00aeeb;
        padding: 45px 0;
        text-align: center;
      }

      @media screen and (max-width: 767px) {
        .cv {
          padding: calc(10 / 640 * 100vw) 0 calc(30 / 640 * 100vw);
        }
      }

      .cv .innercontainer {
        position: relative;
      }

      .cv p {
        text-align: center;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(86%, transparent), color-stop(86%, #ffd800));
        background: linear-gradient(transparent 86%, #ffd800 86%);
        padding: 0 5px 5px;
        font-size: 30px;
        font-size: 3rem;
        display: inline;
        color: #fff;
        letter-spacing: 0;
        position: relative;
		font-weight: bold;
      }

      @media screen and (max-width: 767px) {
        .cv p {
          font-size: calc(36 / 640 * 100vw);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(85%, #ffd800));
          background: linear-gradient(transparent 85%, #ffd800 85%);
          line-height: 1.8;
          letter-spacing: 0;
          padding: 0 0 5px;
        }
      }

      .cv p span {
        font-size: 22px;
        font-size: 2.2rem;
		font-weight: normal;
      }

      @media screen and (max-width: 767px) {
        .cv p span {
          font-size: calc(26 / 640 * 100vw);
        }
      }

      .cv .cv-arrow {
		margin: 0 auto;
	  }

      .cv .cv-arrow img {
		margin-top: 10px;
		width: 24px;
		height: 30px;
	  }

      @media screen and (max-width: 767px) {
        .cv .cv-arrow img {
          margin-top: 14px;
		  width: 20px;
		  height: auto;
        }
      }

      .cv-btn {
        margin-top: 16px;
      }

      @media screen and (max-width: 767px) {
        .cv-btn {
          margin-top: calc(10 / 640 * 100vw);
        }
      }

      .cv-btn a {
        display: inline-block;
        width: 572px;
        height: 102px;
        line-height: 102px;
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/btn_bg_pc.png) no-repeat center/572px 101px;
        color: #fff;
        font-size: 22px;
        font-size: 2.2rem;
        letter-spacing: 0;
      }

      @media screen and (max-width: 767px) {
        .cv-btn a {
          font-size: calc(22 / 640 * 100vw);
          width: 100%;
          line-height: calc(106 / 640 * 100vw);
          height: calc(106 / 640 * 100vw);
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/btn_bg_sp.png) no-repeat center/auto 100%;
        }
      }

      .cv-btn a span {
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/btn_arrow_pc.png) no-repeat center right/26px 13px;
        padding-right: 35px;
      }

      @media screen and (max-width: 767px) {
        .cv-btn a span {
          padding-right: calc(40 / 640 * 100vw);
          background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/btn_arrow_pc.png) no-repeat center right/calc(29 / 640 * 100vw) auto;
        }
      }

      @media screen and (min-width: 768px) {
        .cv-btn a {
          -webkit-transform: 150ms;
          transform: 150ms;
        }

        .cv-btn a:hover {
          opacity: .8;
        }
      }

      .mainv {
        width: 100%;
      }

      .mainv img {
        width: 100%;
      }

.con-index{
	position: relative;
	background-color: #e1f0fb;
	padding: 30px 10px 25px !important;
}
.con-index .innercontainer{
	width: 100%;
}
.con-index .con-index-in .head-index {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 600;
	color: #004ea2;
	text-align: center;
	margin-bottom: 20px;
}
.con-index .con-index-in .head-index::before,
.con-index .con-index-in .head-index::after {
	content: '';
	width: 200px;
	height: 2px;
	background-color: #004ea2;
}
.con-index .con-index-in .head-index::before {
	margin-right: 20px;
}
.con-index .con-index-in .head-index::after {
	margin-left: 20px;
}
.con-index .con-index-in ul{
	text-align: center;
	margin-bottom: 16px;
}
.con-index .con-index-in a{
    display: block;
}
.con-index .con-index-in li {
    display: inline-block;
    list-style: none;
    margin-left: 10px;
    font-size: 1.7rem;
    background-color: #fff;
    padding: 2px 36px;
    border: 2px solid #004ea2;
    border-radius: 100px;
}
.con-index .con-index-in li.l-second{
	padding: 2px 10px;
	width: 280px;
}
.service .title-h2+p,
.service .sc-paragraph {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
}
.service .service-img{
    text-align: center;
	padding: 40px 0;
}
.service .service-img img{
    vertical-align: middle;
    max-width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
.con-index{
	padding: 20px 0 16px !important;
}
.con-index .con-index-in .head-index {
	font-size: 4.0vw;
	margin-bottom: 10px;
}
.con-index .con-index-in .head-index::before,
.con-index .con-index-in .head-index::after {
	width: 100px;
}
.con-index .con-index-in .head-index::before {
	margin-right: 20px;
}
.con-index .con-index-in .head-index::after {
	margin-left: 20px;
}
.con-index .con-index-in ul{
	text-align: center;
	margin-bottom: 0;
}
.con-index .con-index-in li {
    font-size: 3.7vw;
    padding: 4px;
	width: 94%;
	margin: 0 0 10px;
}
.con-index .con-index-in li.l-second{
	width: 94%;
}
.service .title-h2+p,
.service .sc-paragraph {
	text-align: left;
	font-size: calc(24 / 640 * 100vw);
	line-height: 1.5;
	}
.service .service-img{
	padding: 20px 0;
}
}

      .performance {
        background: #c6eaff;
        position: relative;
      }

      .performance::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 110px 0 110px;
        border-color: #c6eaff transparent transparent transparent;
        position: absolute;
        bottom: -39px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      @media screen and (max-width: 767px) {
        .performance::after {
          bottom: calc(-1 * (28 / 640 * 100vw));
          border-width: calc(30 / 640 * 100vw) calc(85 / 640 * 100vw) 0 calc(85 / 640 * 100vw);
        }
      }

      .performance .innercontainer {
        position: relative;
      }

      .performance .innercontainer::before {
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/human_performance_pc.png) no-repeat center/138px 278px;
        width: 138px;
        height: 278px;
        display: block;
        content: "";
        position: absolute;
        left: -50px;
        bottom: 0;
      }

      @media screen and (max-width: 1200px) {
        .performance .innercontainer::before {
          left: 25px;
        }
      }

      @media screen and (max-width: 767px) {
        .performance .innercontainer::before {
          content: none;
        }
      }

      .performance .title-h2 {
        margin-bottom: 80px;
		position: relative;
      }

      @media screen and (max-width: 767px) {
        .performance .title-h2 {
          margin-bottom: calc(60 / 640 * 100vw);
        }
      }

      .performance .title-h2__icon {
        width: 123px;
        bottom: -20px;
      }

      @media screen and (max-width: 767px) {
        .performance .title-h2__icon {
          width: calc(160 / 640 * 100vw);
          bottom: calc(-1 * (20 / 640 * 100vw));
          right: calc(-1 * (10 / 640 * 100vw));
        }
      }

      .performance-content {
        width: 600px;
        margin: 0 auto;
      }

      @media screen and (max-width: 767px) {
        .performance-content {
          width: 100%;
        }
      }

      .performance-subtitle {
        text-align: center;
        background: #fff;
        position: relative;
        font-weight: 700;
        font-size: 36px;
        font-size: 3.6rem;
        color: #004ea2;
        padding: 16px 0 13px;
      }

      @media screen and (max-width: 767px) {
        .performance-subtitle {
          font-size: calc(30 / 640 * 100vw);
          padding: calc(15 / 640 * 100vw) 0 calc(15 / 640 * 100vw);
        }
      }

      .performance-subtitle::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 8px 0 8px;
        border-color: #004ea2 transparent transparent transparent;
        position: absolute;
        bottom: -11px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      @media screen and (max-width: 767px) {
        .performance-subtitle::after {
          border-width: 8px 6px 0 6px;
          bottom: -8px;
        }
      }

      .performance-subtitle+figure {
        margin: 0 -25px;
      }

      @media screen and (max-width: 767px) {
        .performance-subtitle+figure {
          margin: 0;
        }
      }

      .performance-text {
        margin-top: 35px;
        margin-bottom: 35px !important;
      }

      @media screen and (max-width: 767px) {
        .performance-text {
          margin-top: calc(20 / 640 * 100vw);
          margin-bottom: calc(20 / 640 * 100vw)!important;
        }
      }

      .performance ul {
        padding: 20px 20px 0;
        margin-bottom: 0px;
      }

      @media screen and (max-width: 767px) {
        .performance ul {
          padding: 15px 0 0 0;
          margin-bottom: calc(50 / 640 * 100vw);
        }
      }

      .performance ul li {
        font-size: 12px;
        font-size: 1.2rem;
      }

      .performance-cost .addtext {
        font-size: 2.9rem;
        font-weight: 700;
		margin: 8px 0 -6px;
      }
      @media screen and (max-width: 767px) {
		.performance-cost .addtext {
			font-size: 3.8vw;
 			margin: 0 0 4px;
			font-weight: 600;
		}
      }

      .performance-cost {
        text-align: center;
        margin-bottom: 20px;
      }

      @media screen and (max-width: 767px) {
        .performance-cost {
          text-align: left;
          position: relative;
        }

        .performance-cost::before {
          content: "";
          display: block;
          position: absolute;
          background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/human_performance_sp.png) no-repeat center/calc(98 / 640 * 100vw) calc(218 / 640 * 100vw);
          width: calc(98 / 640 * 100vw);
          height: calc(218 / 640 * 100vw);
          right: calc(3 * (10 / 640 * 100vw));
          bottom: calc(-1 * (10 / 640 * 100vw));
        }
      }
      .performance-cost p {
        position: relative;
        font-size: 35px;
        font-size: 3.5rem;
        font-weight: 700;
        letter-spacing: .05em;
        display: inline-block;
        padding: 0 20px;
      }

      @media screen and (max-width: 767px) {
        .performance-cost p {
          font-size: calc(31.2 / 640 * 100vw);
          padding: calc(20 / 640 * 100vw) calc(15 / 640 * 100vw);
          background: #f3f3f3;
          text-align: center;
          line-height: 1.3;
        }
      }

      .performance-cost p::before,
      .performance-cost p::after {
        content: "";
        display: block;
        width: 2px;
        height: 35px;
        background: #000;
        position: absolute;
        bottom: 15px;
      }

      .performance-cost p::before {
        left: 0;
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
      }

      @media screen and (max-width: 767px) {
        .performance-cost p::before {
          content: none;
        }
      }

      .performance-cost p::after {
        right: 0;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
      }

      @media screen and (max-width: 767px) {
        .performance-cost p::after {
          background: transparent;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 0 8px 14px;
          border-color: transparent transparent transparent #f3f3f3;
          position: absolute;
          top: 20px;
          right: -14px;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }
      }

      .performance-cost p>span {
        color: #ff6000;
      }

      .performance-cost p>span>span {
        font-size: 46px;
        font-size: 5.6rem;
        font-family: "Anton", sans-serif;
        font-weight: normal;
      }

      @media screen and (max-width: 767px) {
        .performance-cost p>span>span {
          font-size: calc(55.2 / 640 * 100vw);
        }
      }

/* tab 3600 */
P.price_com_1 {
background-color: #ffffff; 
font-size: 1.02em;
text-align: left;
font-weight: normal;
padding: 1em;margin-bottom: 1em;
}
/* tab 3600 */

/* 3months */
.price_block .price_fb_3box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 0px 0 15px 0;
}
@media screen and (max-width: 767px) {
  .price_block .price_fb_3box {
    display: block;
    padding: 0;
  }
}
.price_block .fb_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .price_block .fb_item + .fb_item {
    margin-top: 20px;
  }
}
.price_block .fb_plan_name {
  color: #ffffff;
  background-color: #004ea2;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .price_block .fb_plan_name {
    font-size: 20px;
    padding: 10px 0;
  }
}
.price_block .fb_pricebox {
  line-height: 1;
  gap: 5px;
  padding: 30px 0 15px;
}
@media screen and (max-width: 767px) {
  .price_block .fb_pricebox {
    padding: 25px 0 15px;
  }
}
.price_block .fb_pricebox .muryou_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .price_block .fb_pricebox .muryou_sp {
    display: block;
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  .price_block .fb_pricebox .muryou_sp span {
    color: #e4393f;
  }
}
.price_block .fb_pricebox.tukibarai {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  .price_block .fb_pricebox.tukibarai {
    padding: 25px 0;
  }
}
.price_block .fb_pricebox .fb_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price_block .fb_pricebox strong {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .price_block .fb_pricebox strong {
    font-size: 30px;
  }
}
.price_block .fb_pricebox span.en_zei {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 1px;
  padding-left: 3px;
}
.price_block .fb_pricebox .fb_otoku {
  padding: 8px 10px 0px;
}
.price_block .fb_pricebox .fb_otoku .price_otoku {
  position: relative;
  background: #FFFFFF;
  padding: 10px 16px 10px 24px;
  text-align: center;
  border: 1px solid #E4393F;
  color: #E4393F;
  font-size: 13px;
  font-weight: bold;
  border-radius: 50px;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  display: inline-block;
}
.price_block .fb_pricebox .fb_otoku .price_otoku small {
  font-size: 14px;
  vertical-align: bottom;
}
.price_block .fb_pricebox .fb_otoku .price_otoku:after,
.price_block .fb_pricebox .fb_otoku .price_otoku:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}
.price_block .fb_pricebox .fb_otoku .price_otoku:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 8px;
  border-right-width: 8px;
  margin-left: -8px;
  border-top-color: #FFFFFF;
}
.price_block .fb_pricebox .fb_otoku .price_otoku:before {
  border-color: rgba(228, 57, 63, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 9px;
  border-right-width: 9px;
  margin-left: -9px;
  margin-top: 1px;
  border-top-color: #E4393F;
}
.price_block .fb_pricebox .fb_otoku .price_month {
  padding: 30px 20px 15px;
  background-color: #fee661;
}
.price_block .fb_pricebox .fb_otoku .price_month span:nth-child(1) {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  padding-top: 7px;
}
.price_block .fb_pricebox .fb_otoku .price_month span:nth-child(2) {
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}
.price_block .fb_pricebox .fb_otoku .price_month span:nth-child(3) {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  padding-top: 7px;
  display: inline-block;
}
.price_block .price_box_muryou {
  background-color: #fff;
  text-align: center;
  padding: 30px 20px;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0 15px 0;
}
.price_block .price_box_muryou strong {
  font-weight: bold;
  color: #E4393F;
}
@media screen and (max-width: 767px) {
  .price_block .price_box_muryou {
    display: none;
  }
}
	
	
	
.price_block .price_box_payment {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
  padding: 30px 20px;
  font-size: 15px;
  font-weight: bold;
}
.price_block .price_box_payment span {
  text-align: right;
  padding-right: 30px;
}
.price_block .price_box_payment ul {
  border-left: 1px solid #CCCCCC;
  text-align: left;
  padding: 0;
}
.price_block .price_box_payment ul li {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .price_block .price_box_payment {
	display: block;
	margin: 20px 0 2px;
	font-size: 13px;
	padding: 14px 10px;
}
  .price_block .price_box_payment span {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	padding-right: 0;
}
  .price_block .price_box_payment ul {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: none;
	padding-top: 10px;
	margin: 0 auto;
}
  .price_block .price_box_payment ul li {
	padding: 3px 0;
	line-height: 1.7;
	font-size: 13px;
	text-align: center;
}
}

	

	
	
	
.price_block .price_note {
  text-align: center;
  max-width: 600px;
  margin: 20px auto 0;
}
.price_block .price_note ul {
  text-align: left;
  list-style: none;
  padding: 0;
}
.price_block .price_note li {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .price_block .price_note li {
    font-size: 13px;
  }
}

.performance-content.wide {
  width: 750px !important;
}
@media screen and (max-width: 820px) {
  .performance-content.wide {
    width: auto !important;
  }
}
/* 3months */

/* table 3600 */
.col_2{
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 20px 0 auto;
}
.col_2_text{
	margin-top: 20px;
}
.col_2_text p.other_data {
 display: block;
 padding: 20px 10px;
 margin: 0 auto;
 font-size: 2.4rem;
 font-weight: 600;
 text-align: center;
 color: #fff;
 background-color: #00aeeb;
}
.performance figure .b-arrow {
 width: 50px;
 height: 65px;
 margin-top: 10px;
}
@media screen and (max-width: 767px) {
.col_2 {
    margin: 16px 0 auto;
}
.col_2_text {
    margin-top: 0px;
}
.col_2_text p.other_data {
    font-size: 4.6vw;
    line-height: 1.3;
    margin-top: 16px;
    padding: 14px 10px;
}
 .performance figure .b-arrow {
  width: 36px;
  height: auto;
  margin: 10px 0;
 }
}
/* table 3600 */

      .area {
        background: #e1f0fb;
        position: relative;
      }

      .area::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 110px 0 110px;
        border-color: #e1f0fb transparent transparent transparent;
        position: absolute;
        bottom: -39px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      @media screen and (max-width: 767px) {
        .area::after {
          bottom: calc(-1 * (28 / 640 * 100vw));
          border-width: calc(30 / 640 * 100vw) calc(85 / 640 * 100vw) 0 calc(85 / 640 * 100vw);
        }
      }

      .area::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 110px 0 110px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      @media screen and (max-width: 767px) {
        .area::before {
          bottom: calc(-1 * (30 / 640 * 100vw));
          border-width: calc(30 / 640 * 100vw) calc(85 / 640 * 100vw) 0 calc(85 / 640 * 100vw)
        }
      }

      @media screen and (max-width: 767px) {
        .area .title-h2 {
          margin-bottom: calc(40 / 640 * 100vw);
		  position: relative;
        }
      }

      .area .title-h2__icon {
        display: none;
      }

      @media screen and (max-width: 767px) {
        .area .title-h2__icon {
          display: block;
          width: calc(182 / 640 * 100vw);
          bottom: calc(-1 * (30 / 640 * 100vw));
          right: calc(-1 * (10 / 640 * 100vw));
        }
      }

      .area-map {
        position: relative;
        margin: 85px 0 110px;
      }

      @media screen and (max-width: 767px) {
        .area-map {
          margin: 0 0 calc(70 / 640 * 100vw);
        }
      }

      .area-map__caption {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        padding: 30px;
        width: 340px;
      }

      @media screen and (max-width: 767px) {
        .area-map__caption {
          position: static;
          width: 100%;
          padding: calc(24 / 640 * 100vw);
          margin-bottom: calc(50 / 640 * 100vw);
        }
      }

      .area-map__caption-title {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 700;
        color: #00aeeb;
        margin-bottom: 10px;
        line-height: 1.5;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, #ffd800));
        background: linear-gradient(transparent 90%, #ffd800 90%);
        display: inline;
      }

      @media screen and (max-width: 767px) {
        .area-map__caption-title {
          font-size: calc(30 / 640 * 100vw);
          margin-bottom: calc(10 / 640 * 100vw);
        }
      }

      .area-map__caption-text {
        line-height: 1.857;
      }

      @media screen and (max-width: 767px) {
        .area-map__caption-text {
          font-size: calc(20 / 640 * 100vw);
        }
      }

      .area-050 {
        text-align: center;
        width: 600px;
        margin: 0 auto;
        background: #fff;
        padding: 10px;
        position: relative;
      }

      @media screen and (max-width: 767px) {
        .area-050 {
          width: 100%;
        }
      }

      .area-050::before {
        content: "";
        display: block;
        width: 56px;
        height: 60px;
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/icon_050.png) no-repeat center/56px 60px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -30px;
      }

      @media screen and (max-width: 767px) {
        .area-050::before {
          top: calc(-1 * (30 / 640 * 100vw));
          width: calc(60 / 640 * 100vw);
          height: calc(60 / 640 * 100vw);
          background-size: auto calc(60 / 640 * 100vw);
        }
      }

      .area-050::after {
        content: "";
        display: block;
        width: 146px;
        height: 147px;
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/human_050_pc.png) no-repeat center/146px 147px;
        position: absolute;
        right: -75px;
        bottom: -55px;
      }

      @media screen and (max-width: 767px) {
        .area-050::after {
          content: none;
        }
      }

      .area-050 p {
        display: inline-block;
        font-size: 34px;
        font-size: 3.4rem;
        color: #004ea2;
        vertical-align: middle;
        line-height: 1;
        padding: 27px 0 32px;
        font-weight: 700;
      }

      @media screen and (max-width: 767px) {
        .area-050 p {
          font-size: calc(40 / 640 * 100vw);
          padding: calc(15 / 640 * 100vw) 0 calc(30 / 640 * 100vw);
        }
      }

      .area-050 p span {
        font-size: 50px;
        font-size: 5rem;
        font-family: "Anton", sans-serif;
        color: #00aeeb;
        position: relative;
        top: 8px;
        margin: 0 10px;
        font-weight: normal;
        letter-spacing: .05em;
      }

      @media screen and (max-width: 767px) {
        .area-050 p span {
          font-size: calc(60 / 640 * 100vw);
        }
      }

      .area-050 p span::after {
        position: absolute;
        left: 0;
        bottom: 5px;
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background: #00aeeb;
        letter-spacing: .075em;
      }

/* geo */
.geo_note {
  max-width: 900px;
  width: 100%;
  margin: 100px auto 18px;
  font-size: 1.8rem;
}

.geo_documents {
  max-width: 900px;
  width: 100%;
  margin: 0 auto 20px;
  background: #FFF;
  padding: 20px 0;
  display: inline-block;
  border: 1px solid #004ea2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
}

.geo_documents span {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.geo_documents ul {
  width: 65%;
  border-left: 1px solid #CCCCCC;
  padding-left: 50px;
}

.geo_documents ul li {
  padding: 5px 0;
  position: relative;
  padding-left: 20px;
}

.geo_documents ul li::after {
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .geo_note {
    font-size: calc(24 / 640 * 100vw);
    margin: 20px auto 10px;
  }
	
   .geo_documents {
    padding: 14px;
    display: block;
  }

  .geo_documents span {
    width: 100%;
    display: block;
    font-size: calc(24 / 640 * 100vw);
    text-align: center;
    margin-bottom: 10px;
  }

  .geo_documents ul {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    border-left: none;
    padding: 10px 0 0;
  }

  .geo_documents ul li {
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
	font-size: calc(24 / 640 * 100vw);
  }

  .geo_documents ul li::after {
    content: "・";
    position: absolute;
    left: 0;
    top: 5px;
  }

  .geo_documents ul a {
    text-decoration: underline;
  }
}
/* geo */

      .merit {
        position: relative;
        padding-bottom: 20px;
      }

      .merit::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 110px 0 110px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        bottom: -39px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      @media screen and (max-width: 767px) {
        .merit::after {
          bottom: calc(-1 * (28 / 640 * 100vw));
          border-width: calc(30 / 640 * 100vw) calc(85 / 640 * 100vw) 0 calc(85 / 640 * 100vw);
        }
      }

      .merit .title-h2 {
        position: relative;
      }

      .merit .title-h2__icon {
        width: 91px;
        bottom: -20px;
      }

      @media screen and (max-width: 767px) {
        .merit .title-h2__icon {
          width: calc(105 / 640 * 100vw);
          bottom: calc(-1 * (40 / 640 * 100vw));
        }
      }

      .merit .title-h2+p {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center;
      }

      @media screen and (max-width: 767px) {
        .merit .title-h2+p {
          text-align: left;
          font-size: calc(24 / 640 * 100vw);
          line-height: 1.5;
        }
      }

      .merit-list {
        margin-top: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }

      @media screen and (max-width: 767px) {
        .merit-list {
          display: block;
          margin-top: calc(40 / 640 * 100vw);
        }
      }

      .merit-list li {
        width: 460px;
        border: #c6eaff 6px solid;
        margin-bottom: 80px;
        padding: 36px;
        position: relative;
      }

      @media screen and (max-width: 767px) {
        .merit-list li {
          width: 100%;
          padding: calc(32 / 640 * 100vw);
          margin-bottom: calc(50 / 640 * 100vw);
        }
      }

      .merit-list li span {
        font-family: "Anton", sans-serif;
        color: #00aeeb;
        font-size: 40px;
        font-size: 4rem;
        position: absolute;
        display: inline-block;
        background: #fff;
        top: -25px;
        left: 50%;
        padding: 0 15px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 1;
      }

      @media screen and (max-width: 767px) {
        .merit-list li span {
          font-size: calc(40 / 640 * 100vw);
          top: calc(-1 * (25 / 640 * 100vw));
          padding: 0 10px;
        }
      }

      .merit-list li h3 {
        background: #00aeeb;
        color: #fff;
        border-radius: 6px;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 700;
        text-align: center;
        line-height: 1.5;
        padding: 16px 0 13px;
        margin-bottom: 15px;
      }

      @media screen and (max-width: 767px) {
        .merit-list li h3 {
          padding: calc(18 / 640 * 100vw) 0 calc(15 / 640 * 100vw);
          font-size: calc(30 / 640 * 100vw);
          margin-bottom: calc(20 / 640 * 100vw);
        }
      }

      .merit-list li p {
        text-align: center;
        line-height: 1.857;
        margin-bottom: 10px;
      }

      @media screen and (max-width: 767px) {
        .merit-list li p {
          text-align: left;
          margin-bottom: calc(30 / 640 * 100vw);
        }
      }

      .voice {
        background: #e1f0fb;
        position: relative;
      }

      .voice::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 110px 0 110px;
        border-color: #e1f0fb transparent transparent transparent;
        position: absolute;
        bottom: -39px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }

      @media screen and (max-width: 767px) {
        .voice::after {
          bottom: calc(-1 * (28 / 640 * 100vw));
          border-width: calc(30 / 640 * 100vw) calc(85 / 640 * 100vw) 0 calc(85 / 640 * 100vw);
        }
      }

      .voice .title-h2 {
          position: relative;
      }

      @media screen and (max-width: 767px) {
        .voice .title-h2__icon {
          width: calc(166 / 640 * 100vw);
          right: calc(15 / 640 * 100vw);
          bottom: calc(-1 * (20 / 640 * 100vw));
          z-index: 1;
        }

        .voice .title-h2__icon::before {
          content: "";
          display: block;
          width: calc(166 / 640 * 100vw);
          height: 100%;
          background: #e1f0fb;
          position: absolute;
          right: calc(-1 * (20 / 640 * 100vw));
          z-index: -1;
        }
      }

      .voice .title-h2+p {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center;
      }

      @media screen and (max-width: 767px) {
        .voice .title-h2+p {
          text-align: left;
          font-size: calc(24 / 640 * 100vw);
        }
      }

      .voice-case {
        max-width: 1400px;
        width: 100%;
        margin: 50px auto 0;
        overflow: hidden;
      }

      @media screen and (max-width: 767px) {
        .voice-case {
          margin: calc(50 / 640 * 100vw) 0 0;
          padding: 0 calc(20 / 640 * 100vw);
        }
      }

      .voice-case-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 60px 20px 0;
        position: relative;
        max-width: 1040px;
        margin: 0 auto;
      }

      @media screen and (max-width: 767px) {
        .voice-case-block {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          background: #fff;
          padding: 0;
        }
      }

      .voice-case-block:not(:last-child) {
        margin-bottom: 98px;
      }

      @media screen and (max-width: 767px) {
        .voice-case-block:not(:last-child) {
          margin-bottom: calc(50 / 640 * 100vw);
        }
      }

      .voice-case-block:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
      }

      @media screen and (max-width: 767px) {
        .voice-case-block:nth-child(even) {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
        }
      }

      @media screen and (min-width: 768px) {
        .voice-case-block:nth-child(even)>div:first-child {
          right: calc(50% + 50px);
        }
      }

      @media screen and (max-width: 1200px) {
        .voice-case-block:nth-child(even)>div:first-child {
          right: 50%;
        }
      }

      @media screen and (min-width: 768px) {
        .voice-case-block:nth-child(even)>div:last-child {
          padding-left: 50px;
        }

        .voice-case-block:nth-child(even)>div:last-child::before {
          left: -150px;
        }
      }

      @media screen and (min-width: 768px) {
        .voice-case-block:nth-child(odd)>div:first-child {
          left: calc(50% + 50px);
        }
      }

      @media screen and (max-width: 1200px) {
        .voice-case-block:nth-child(odd)>div:first-child {
          left: 50%;
        }
      }

      @media screen and (min-width: 768px) {
        .voice-case-block:nth-child(odd)>div:last-child {
          padding-right: 50px;
        }

        .voice-case-block:nth-child(odd)>div:last-child::before {
          right: -150px;
        }
      }

      .voice-case__comment {
        width: 50%;
        position: relative;
        z-index: 1;
        padding-top: 80px;
        padding-bottom: 80px;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment {
          width: 100%;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          padding: calc(40 / 640 * 100vw);
        }
      }

      .voice-case__comment::before {
        content: "";
        display: block;
        width: 100vw;
        height: 100%;
        background: #fff;
        position: absolute;
        z-index: -1;
        top: 0;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment::before {
          content: none;
        }
      }

      .voice-case__comment h3 {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 700;
        color: #004ea2;
        line-height: 1.666;
        margin-bottom: 30px;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment h3 {
          font-size: calc(30 / 640 * 100vw);
          margin-bottom: calc(30 / 640 * 100vw);
        }
      }

      .voice-case__comment h3 span {
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        width: 183px;
        border: 1px solid #004ea2;
        line-height: 32px;
        height: 32px;
        text-align: center;
        margin-bottom: 25px;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment h3 span {
          margin: 0 auto calc(30 / 640 * 100vw);
          font-size: calc(24 / 640 * 100vw);
          width: calc(238 / 640 * 100vw);
        }
      }

      .voice-case__comment p {
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/bg_marker_pc.png) top left;
        line-height: 34px;
        vertical-align: middle;
        text-indent: 29px;
        padding-top: 2px;
        position: relative;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment p {
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 26px;
          background-size: auto 26px;
          text-indent: 1.6em;
        }
      }

      .voice-case__comment p:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        top: 9px;
        left: 0;
        background: url(https://www.efax.co.jp/wp-content/uploads/sf-images/default-source/efaxjp/jp_21_r/icon_pop.png) no-repeat center/contain;
        position: absolute;
      }

      @media screen and (max-width: 767px) {
        .voice-case__comment p:before {
          width: 14px;
          height: 14px;
          top: 8px;
        }
		  
      }

      .voice-case__image {
        position: absolute;
        z-index: 2;
        top: 0;
        width: 650px;
        max-width: 100%;
      }

      @media screen and (max-width: 767px) {
        .voice-case__image {
          position: static;
          width: 100%;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
        }

      }