@charset "UTF-8";
/*! ========================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※
  このCSSファイルはSassから生成されていますので、
  編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※
========================================= */
.pcBox {
  display: block; }
  @media screen and (max-width: 768px) {
    .pcBox {
      display: none; } }

.spBox {
  display: none; }
  @media screen and (max-width: 600px) {
    .spBox {
      display: block; } }

.txt__center {
  text-align: center; }

.toushinnet__2col {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .toushinnet__2col {
      display: block; } }
  @media screen and (max-width: 600px) {
    .toushinnet__2col {
      display: block; } }
  .toushinnet__2col--item {
    width: 45%; }
    @media screen and (max-width: 768px) {
      .toushinnet__2col--item {
        width: 100% !important; } }
    @media screen and (max-width: 600px) {
      .toushinnet__2col--item {
        width: 100% !important; } }
    @media screen and (max-width: 768px) {
      .toushinnet__2col--item img {
        width: 70%;
        height: auto; } }
    @media screen and (max-width: 600px) {
      .toushinnet__2col--item img {
        width: 100%;
        height: auto; } }
  @media screen and (max-width: 768px) {
    .toushinnet__2col .toushinnet__2col--item-right {
      text-align: center; } }

.toushinnet__jyunbi-flex {
  display: flex;
  border: 1px solid #ddd;
  margin: 100px 0 0; }
  @media screen and (max-width: 768px) {
    .toushinnet__jyunbi-flex {
      display: block;
      margin: 50px 0 0; } }

.toushinnet__jyunbi-flex--left {
  padding: 30px 20px;
  box-sizing: border-box;
  width: 42%;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 768px) {
    .toushinnet__jyunbi-flex--left {
      padding: 50px 20px;
      width: 100% !important; } }
  @media screen and (max-width: 600px) {
    .toushinnet__jyunbi-flex--left {
      padding: 30px 20px;
      width: 100% !important; } }
  .toushinnet__jyunbi-flex--left .ttl {
    font-size: 150%;
    font-weight: bold;
    color: #007440; }
    @media screen and (max-width: 600px) {
      .toushinnet__jyunbi-flex--left .ttl {
        font-size: 120%; } }
  .toushinnet__jyunbi-flex--left .img {
    padding: 80px 0;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .toushinnet__jyunbi-flex--left .img img {
        width: 150px;
        height: auto; } }
  .toushinnet__jyunbi-flex--left .txt {
    text-align: center; }
    @media screen and (max-width: 600px) {
      .toushinnet__jyunbi-flex--left .txt {
        font-size: 87% !important; } }

.toushinnet__jyunbi-flex--left:after {
  content: '';
  background-image: url("../images/toushinnet_img05.svg");
  position: absolute;
  width: 55px;
  height: 55px;
  top: 45%;
  right: -28px;
  z-index: 9; }
  @media screen and (max-width: 768px) {
    .toushinnet__jyunbi-flex--left:after {
      content: '';
      width: 55px;
      height: 55px;
      top: auto;
      background-image: url("../images/toushinnet_img05.svg");
      background-size: 100% auto;
      bottom: -28px;
      right: 45%; } }
  @media screen and (max-width: 600px) {
    .toushinnet__jyunbi-flex--left:after {
      content: '';
      width: 30px;
      height: 30px;
      top: auto;
      background-image: url("../images/toushinnet_img05.svg");
      background-size: 100% auto;
      bottom: -15px;
      right: 45%; } }

.toushinnet__jyunbi-flex--right {
  padding: 30px 20px;
  box-sizing: border-box;
  width: 63%;
  background: #F7F8F8;
  border-left: 1px solid #ddd;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .toushinnet__jyunbi-flex--right {
      padding: 50px 20px;
      border-top: 1px solid #ddd;
      border-left: none;
      width: 100% !important; } }
  @media screen and (max-width: 600px) {
    .toushinnet__jyunbi-flex--right {
      padding: 30px 20px;
      border-top: 1px solid #ddd;
      border-left: none;
      width: 100% !important; } }
  .toushinnet__jyunbi-flex--right .ttl {
    font-size: 150%;
    font-weight: bold;
    color: #007440; }
    @media screen and (max-width: 600px) {
      .toushinnet__jyunbi-flex--right .ttl {
        font-size: 120%; } }
  .toushinnet__jyunbi-flex--right .img {
    padding: 30px 0;
    text-align: center; }
  .toushinnet__jyunbi-flex--right .txt {
    text-align: center; }
    @media screen and (max-width: 600px) {
      .toushinnet__jyunbi-flex--right .txt {
        font-size: 87% !important; } }

.toushinet__app {
  display: flex;
  background: #E0F6D9;
  padding: 30px;
  max-width: 700px;
  justify-content: center;
  margin: 30px auto 100px;
  border-radius: 15px; }
  @media screen and (max-width: 600px) {
    .toushinet__app {
      padding: 20px;
      margin: 30px auto 50px; } }
  .toushinet__app img {
    width: 100%;
    height: auto; }
  .toushinet__app--left {
    width: 100px; }
    @media screen and (max-width: 600px) {
      .toushinet__app--left {
        margin: 0 0 0 10px; } }
  .toushinet__app--right {
    text-align: center;
    margin: 0 0 0 30px; }
    @media screen and (max-width: 600px) {
      .toushinet__app--right {
        margin: 0 0 0 10px; } }
    .toushinet__app--right-ttl {
      font-size: 150%;
      font-weight: bold;
      color: #007440;
      margin: 10px 0 0; }
      @media screen and (max-width: 600px) {
        .toushinet__app--right-ttl {
          font-size: 120%; } }
    .toushinet__app--right-txt {
      text-align: center;
      margin: 10px 0 20px; }
    .toushinet__app--right-btn {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 600px) {
        .toushinet__app--right-btn {
          display: block; } }
      .toushinet__app--right-btn img {
        margin: 0 10px;
        width: 155px;
        height: auto; }
        @media screen and (max-width: 600px) {
          .toushinet__app--right-btn img {
            width: 150px;
            margin: 0 0 10px; } }

.toushinnet__attention {
  font-size: 94%;
  padding: 15px 0 15px; }
  .toushinnet__attention a {
    color: #007440 !important; }

.toushinnet__attention02 {
  font-size: 94%;
  padding: 15px 0 15px;
  padding-left: 1.0em;
  text-indent: -1.0em; }
  .toushinnet__attention02 a {
    color: #007440 !important; }

.toushinnet__attention03 {
  font-size: 94%;
  padding: 0;
  margin: 15px 0 -15px;
  padding-left: 1.0em;
  text-indent: -1.0em; }
  .toushinnet__attention03 a {
    color: #007440 !important; }

.toushinnet__attention--center {
  width: 300px;
  margin: -15px auto 0; }

.toushinnet__btn--2col {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .toushinnet__btn--2col {
      display: block; } }
  @media screen and (max-width: 600px) {
    .toushinnet__btn--2col {
      display: block; } }

.toushinnet__btn--item {
  width: 49% !important; }
  @media screen and (max-width: 768px) {
    .toushinnet__btn--item {
      width: 100% !important; } }
  @media screen and (max-width: 600px) {
    .toushinnet__btn--item {
      width: 100% !important; } }
  .toushinnet__btn--item .c-contents-button-main--detail-large {
    width: 100% !important; }

.toushinnet__kouzakaisestu {
  text-align: center;
  margin: 100px 0 100px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media screen and (max-width: 600px) {
    .toushinnet__kouzakaisestu {
      margin: 30px 0 50px; } }
  .toushinnet__kouzakaisestu a:hover {
    opacity: 0.7;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.toushinet__ttl--othersearvice {
  text-align: center;
  font-weight: bold;
  margin: 0 0 40px;
  font-size: 150%; }
  @media screen and (max-width: 768px) {
    .toushinet__ttl--othersearvice {
      font-size: 130%;
      margin: 0 0 20px; } }
  @media screen and (max-width: 600px) {
    .toushinet__ttl--othersearvice {
      font-size: 110%;
      margin: 0 0 20px; } }

.toushinet__othersearvice--flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch; }
  @media screen and (max-width: 600px) {
    .toushinet__othersearvice--flex {
      display: block; } }

.toushinet__othersearvice--flex-item {
  width: 32%;
  background: #E0F6D9;
  padding: 15px 15px;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
  font-size: 113%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 86px; }
  @media screen and (max-width: 600px) {
    .toushinet__othersearvice--flex-item {
      width: 100% !important;
      padding: 15px 15px;
      margin: 0 0 10px;
      font-size: 82%;
      height: auto; } }

.toushinet__othersearvice--flex02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch; }
  @media screen and (max-width: 600px) {
    .toushinet__othersearvice--flex02 {
      display: block; } }

.toushinet__othersearvice--flex-item-left {
  width: 66%;
  background: #E0F6D9;
  padding: 15px 15px;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
  font-size: 113%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 600px) {
    .toushinet__othersearvice--flex-item-left {
      width: 100% !important;
      padding: 15px 15px;
      margin: 0 0 10px;
      font-size: 82%; } }

.toushinet__othersearvice--flex-item-right {
  width: 32%;
  background: #E0F6D9;
  padding: 15px 15px;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
  font-size: 113%;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 600px) {
    .toushinet__othersearvice--flex-item-right {
      width: 100% !important;
      padding: 15px 15px;
      font-size: 82%; } }

.toushinet__shourai--flex {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 50px; }
  @media screen and (max-width: 600px) {
    .toushinet__shourai--flex {
      display: block;
      margin: 30px 0 30px; } }

.toushinet__shourai--flex-item {
  width: 32%;
  border: 2px solid #ddd;
  border-radius: 8px; }
  @media screen and (max-width: 600px) {
    .toushinet__shourai--flex-item {
      width: 100% !important;
      margin: 0 0 15px; } }
  .toushinet__shourai--flex-item-ttl {
    font-size: 180%;
    text-align: center;
    font-weight: bold;
    padding: 15px;
    background: #ddd; }
    @media screen and (max-width: 768px) {
      .toushinet__shourai--flex-item-ttl {
        font-size: 140%;
        padding: 10px; } }
    @media screen and (max-width: 600px) {
      .toushinet__shourai--flex-item-ttl {
        font-size: 120%;
        padding: 10px; } }
  .toushinet__shourai--flex-item-txt {
    padding: 30px; }
    @media screen and (max-width: 768px) {
      .toushinet__shourai--flex-item-txt {
        padding: 20px; } }
    @media screen and (max-width: 600px) {
      .toushinet__shourai--flex-item-txt {
        padding: 15px; } }

.blue {
  border: 2px solid #6DCFF6 !important; }

.blue .toushinet__shourai--flex-item-ttl {
  background: #6DCFF6; }

.yellow {
  border: 2px solid #FFDF4F !important; }

.yellow .toushinet__shourai--flex-item-ttl {
  background: #FFDF4F; }

.pink {
  border: 2px solid #F69788 !important; }

.pink .toushinet__shourai--flex-item-ttl {
  background: #F69788; }

.toushinet__step--item {
  background: #FFF6D7;
  padding: 90px 70px;
  border-radius: 15px;
  display: flex;
  height: 480px;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .toushinet__step--item {
      padding: 40px 30px 40px;
      height: 480px; } }
  @media screen and (max-width: 600px) {
    .toushinet__step--item {
      display: block;
      padding: 15px 30px 30px;
      height: 500px; } }
  .toushinet__step--item .img {
    width: 400px; }
    @media screen and (max-width: 600px) {
      .toushinet__step--item .img {
        width: 100%;
        text-align: center; } }
    .toushinet__step--item .img img {
      width: 100%;
      height: auto; }
      @media screen and (max-width: 600px) {
        .toushinet__step--item .img img {
          width: auto;
          height: 300px; } }
  .toushinet__step--item .txt {
    margin: 0 0 0 60px; }
    @media screen and (max-width: 600px) {
      .toushinet__step--item .txt {
        margin: 0; } }
  .toushinet__step--item h2 {
    font-weight: bold;
    color: #007440;
    font-size: 359%;
    margin: 0 0 20px; }
    @media screen and (max-width: 768px) {
      .toushinet__step--item h2 {
        font-size: 226%; } }
    @media screen and (max-width: 600px) {
      .toushinet__step--item h2 {
        font-size: 157%; } }
  .toushinet__step--item h3 {
    font-size: 191%;
    font-weight: bold;
    margin: 0 0 15px; }
    @media screen and (max-width: 768px) {
      .toushinet__step--item h3 {
        font-size: 125%; } }
    @media screen and (max-width: 600px) {
      .toushinet__step--item h3 {
        font-size: 100%; } }
  .toushinet__step--item p {
    font-size: 113%; }
    @media screen and (max-width: 768px) {
      .toushinet__step--item p {
        font-size: 94%; } }
    @media screen and (max-width: 600px) {
      .toushinet__step--item p {
        font-size: 82%; } }
    .toushinet__step--item p a {
      color: #007440; }

.toushinnet__txtbox {
  margin: 0 0 50px; }

.touhinet__stepbox .swiper {
  margin: 0px !important; }
.touhinet__stepbox .c-contents-banner-carousel-list__bnr-list-item img {
  transition: opacity 0.3s;
  transition: transform 0.3s ease-in-out; }
.touhinet__stepbox .c-contents-banner-carousel-list__bnr-list-item img:hover {
  opacity: 0.6;
  text-decoration: none;
  transform: scale(1.2); }
.touhinet__stepbox .c-contents-banner-carousel-list__container {
  max-width: 1200px !important;
  margin: 60px auto;
  position: relative; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__container {
      overflow: visible !important;
      margin: 20px auto; } }
.touhinet__stepbox .c-contents-banner-carousel-list__bnr-list,
.touhinet__stepbox .c-contents-banner-carousel-list__bnr-list02 {
  width: 100%; }
.touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev,
.touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev {
  top: calc(50% - 15px) !important;
  left: -25px !important; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev,
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev {
      z-index: 9;
      left: -15px !important;
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev,
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev {
      z-index: 9;
      left: -15px !important;
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next,
.touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next {
  top: calc(50% - 15px) !important;
  right: 0px !important; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next,
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next {
      z-index: 9;
      right: -13px !important;
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next,
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next {
      z-index: 9;
      right: -13px !important;
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev:after {
  content: "";
  background-image: url("../images/toushinnet_icon_prev.svg") !important;
  background-size: cover;
  border: none;
  height: 52px;
  transform: rotate(0);
  width: 52px; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev:after {
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-prev:after {
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next:after {
  content: "";
  background-image: url("../images/toushinnet_icon_next.svg") !important;
  background-size: cover;
  border: none;
  height: 52px;
  transform: rotate(0);
  width: 52px; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next:after {
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list__swiper-button-next:after {
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev:after {
  content: "";
  background-image: url("../images/toushinnet_icon_prev.svg") !important;
  background-size: cover;
  border: none;
  height: 52px;
  transform: rotate(0);
  width: 52px; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev:after {
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-prev:after {
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next:after {
  content: "";
  background-image: url("../images/toushinnet_icon_next.svg") !important;
  background-size: cover;
  border: none;
  height: 52px;
  transform: rotate(0);
  width: 52px; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next:after {
      width: 30px !important;
      height: 30px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .c-contents-banner-carousel-list02__swiper-button-next:after {
      width: 30px !important;
      height: 30px !important; } }
.touhinet__stepbox .swiper-pagination-bullet {
  background-color: #007440 !important;
  height: 10px !important;
  margin: 0 6px !important;
  width: 10px !important; }
  @media screen and (max-width: 768px) {
    .touhinet__stepbox .swiper-pagination-bullet {
      height: 8px !important;
      margin: 0 4px !important;
      width: 8px !important; } }
  @media screen and (max-width: 600px) {
    .touhinet__stepbox .swiper-pagination-bullet {
      height: 8px !important;
      margin: 0 4px !important;
      width: 8px !important; } }
.touhinet__stepbox .swiper-pagination-bullet-active {
  background-color: #007440 !important;
  opacity: 1 !important; }

.toushinet__attention--txt {
  border: 1px solid #ddd;
  padding: 45px;
  margin: 0 0 100px; }
  @media screen and (max-width: 600px) {
    .toushinet__attention--txt {
      padding: 20px; } }

.toushinet__attention--ttl {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  margin: 0 0 30px; }
  @media screen and (max-width: 600px) {
    .toushinet__attention--ttl {
      font-size: 120%;
      margin: 10px 0 15px; } }

.toushinet__attention--txt ul {
  margin: 0 0 0 20px; }

.toushinet__attention--txt li {
  list-style: disc;
  margin: 0 0 10px; }