@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(0); }
  100% {
    opacity: 1;
    transform: translateX(-230px); } }
/*
$corpCR: #c2140d;
$corpC: #074b7f;
@keyframes fade-in02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in03 {
  0% {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
*/
/*-----  共通設定  -----*/
.wrapper {
  max-width: 1250px;
  margin: 0 auto; }

.flxB {
  display: flex;
  flex-wrap: wrap; }

.btn_toTop {
  position: fixed;
  right: 10px;
  bottom: 20px; }

body {
  color: #535353;
  background-color: #F7F7F7; }

.num {
  font-family: 'Roboto', sans-serif; }

.ancBlc {
  padding-top: 120px !important;
  margin-top: -120px !important; }

.sub .saiWeb2019 header {
  height: 64px !important; }

#header {
  height: 64px; }
  #header h1 a {
    width: 100%; }
  #header .subNav {
    width: calc(100% - 140px - 30px);
    position: relative;
    top: -64px;
    opacity: 0;
    transition: top 1s, opacity 1s; }
    #header .subNav nav {
      width: calc(100% - 250px);
      width: 100%;
      position: relative;
      padding: 0 40px; }
      #header .subNav nav ol {
        display: flex;
        width: 100%; }
        #header .subNav nav ol li {
          flex-grow: 1;
          text-align: center; }
          #header .subNav nav ol li a {
            color: #235180;
            display: inline-block;
            font-size: 16px; }
            #header .subNav nav ol li a:hover {
              border-bottom: 1px solid #235180;
              opacity: 1; }
    #header .subNav.active {
      top: 0;
      opacity: 1; }

@media screen and (min-width: 768px) and (max-width: 1250px) {
  .pc {
    display: block; }

  .sp {
    display: none; }

  .saiWeb2019 header .wrapper.sub {
    padding: 20px 20px 15px !important; }
  .saiWeb2019 .clm {
    padding: 20px 0 40px !important; }
  .saiWeb2019 .wrapper {
    width: 100%;
    padding: 0px 20px 40px;
    margin-left: auto !important;
    margin-right: auto !important; }

  #header .subNav {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .saiWeb2019 .clm {
    margin-left: 10px !important;
    margin-right: 10px !important; } }
@media screen and (max-width: 767px) {
  /*-----  共通設定  -----*/
  a {
    display: inline-block; }

  /*
  	.wrapper {
  		padding: 0 15px;
  	}
  */
  .sub .saiWeb2019 header {
    height: 45px !important; }
    .sub .saiWeb2019 header #header {
      height: 45px; }
  .sub .saiWeb2019 .clm {
    margin-left: 3vw !important;
    margin-right: 3vw !important; }

  .btn_toTop {
    width: 20vw;
    right: 3vw;
    bottom: 3vw; }

  .sub .saiWeb2019 header {
    z-index: 100; }

  .mdlOpen .saiWeb2019 header {
    z-index: 1; }
  .mdlOpen .saiWeb2019 #footer .cateNav {
    z-index: 1; }

  #header .subNav {
    display: none; } }
.main {
  background-image: url("../img/2109/clm01_bg_btm.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  padding-top: 64px;
  padding-bottom: 11.71%; }
  .main * {
    box-sizing: border-box; }
  .main .bg_inner {
    background-color: #235180;
    		/*
            background-image: url("../img/main_img.png");
            background-repeat: no-repeat;
            background-position: right 50px bottom;
            background-size: 1115px auto;
    		*/
    padding-bottom: 100px;
    position: relative;
    background-image: url("../img/2109/main_bg03.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    /*
    		img {
    			position: relative;
    			z-index: 10;
    		}
    		img.main_img {
    			position: absolute;
    			right: 50px;
    			top:189px;
    			z-index: 0;
    			width: 1114px;
    			max-width: 58%;
    		}
    */ }
    .main .bg_inner .wrapper {
      padding-top: 50px; }
      .main .bg_inner .wrapper h1 {
        width: 250px;
        color: #fff;
        font-size: 80px;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        line-height: 1; }
      .main .bg_inner .wrapper nav {
        width: calc(100% - 250px);
        position: relative; }
        .main .bg_inner .wrapper nav ol {
          display: flex;
          width: 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          .main .bg_inner .wrapper nav ol li {
            flex-grow: 1;
            text-align: right; }
            .main .bg_inner .wrapper nav ol li a {
              color: #fff;
              display: inline-block;
              font-size: 18px; }
              .main .bg_inner .wrapper nav ol li a:hover {
                border-bottom: 1px solid #fff;
                opacity: 1; }
      .main .bg_inner .wrapper .mainCon {
        margin-top: 40px; }
        .main .bg_inner .wrapper .mainCon > div {
          width: 50%; }
          .main .bg_inner .wrapper .mainCon > div.main_imgBlc img {
            max-width: 584px; }
          .main .bg_inner .wrapper .mainCon > div.txtBlc .lead {
            color: #fff;
            font-size: 25px;
            text-align: center; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc .lead span {
              font-size: 30px; }
          .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 {
            color: #fff;
            font-size: 35px;
            text-align: center;
            margin: 20px 0; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 span {
              font-size: 50px;
              color: #f08200;
              font-weight: 700;
              letter-spacing: 8px;
              text-shadow: 2px  2px 1px #ffffff, -2px  2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px  0px 1px #ffffff, 0px  2px 1px #ffffff, -2px  0px 1px #ffffff, 0px -2px 1px #ffffff;
              position: relative; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 span:after {
                content: "";
                display: inline-block;
                width: 70px;
                height: 70px;
                border-radius: 100%;
                background-color: #fff;
                background-image: url("../img/2109/logo_img.svg");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 60%;
                position: absolute;
                left: -85px;
                top: 50%;
                transform: translateY(-50%); }
          .main .bg_inner .wrapper .mainCon > div.txtBlc h1 {
            font-size: 50px;
            font-weight: 700;
            width: 100%;
            text-align: center; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc h1 span {
              letter-spacing: 3px; }
          .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox {
            background-color: #fff;
            border-radius: 6px;
            padding: 30px;
            text-align: center;
            max-width: 510px;
            margin: 34px auto 0;
            font-size: 24px;
            font-weight: 500; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price {
              position: relative;
              font-weight: 700;
              color: #3d3d3d;
              display: inline-block;
              margin-bottom: 10px; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num {
                font-size: 60px;
                color: #c51414;
                letter-spacing: 2px;
                display: inline-block;
                margin: 0 10px;
                padding: 0 0 0 5px;
                position: relative; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num .inner {
                  position: relative;
                  z-index: 1; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num:after {
                  content: "";
                  display: inline-block;
                  width: 100%;
                  border-bottom: 17px solid #feb00a;
                  position: absolute;
                  bottom: 8px;
                  left: 0;
                  z-index: 0; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num span.comma {
                  vertical-align: middle;
                  display: inline-block;
                  margin-top: -23px; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num span.tenThou {
                  font-size: 35px;
                  font-weight: 900;
                  font-family: 'Noto Sans JP', sans-serif;
                  margin-left: 3px; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.unit {
                position: relative;
                display: inline-block;
                width: 80px;
                text-align: left;
                padding-top: 17px; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.tax {
                font-size: 16px;
                position: absolute;
                top: 0;
                left: -10px; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .attn {
              text-align: center; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .attn span {
                font-size: 14px;
                text-align: left;
                text-indent: -1em;
                margin-left: 1em;
                display: inline-block; }
        .main .bg_inner .wrapper .mainCon .btnBlc02 {
          text-align: center;
          margin-top: 20px; }
          .main .bg_inner .wrapper .mainCon .btnBlc02 a {
            color: #c51414;
            font-size: 24px;
            font-weight: 700;
            border: 2px solid #c51414;
            border-radius: 80px;
            padding: 14px 20px;
            max-width: 80%;
            width: 390px;
            display: inline-block;
            line-height: 1;
            position: relative;
            background-color: #fff;
            box-shadow: 0 3px #d92723; }
            .main .bg_inner .wrapper .mainCon .btnBlc02 a:after {
              content: "";
              display: inline-block;
              width: 15px;
              height: 22px;
              background-image: url("../img/2109/arrw_rr.svg");
              background-size: contain;
              position: absolute;
              right: 15px;
              top: 50%;
              transform: translateY(-50%); }
            .main .bg_inner .wrapper .mainCon .btnBlc02 a:hover {
              color: #fff;
              background-color: #c51414; }
              .main .bg_inner .wrapper .mainCon .btnBlc02 a:hover:after {
                background-image: url("../img/2109/arrw_wr.svg"); }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .ancBlc {
    padding-top: 0px !important;
    margin-top: 0px !important; }

  .main {
    /*
            background-image: url("../img/clm01_bg_btm.png");
            background-position: left bottom 24px;
            background-size: 100% auto;
    */
    background: none;
    padding-bottom: 140px;
    padding-top: 64px; }
    .main .bg_inner {
      padding-bottom: 100px;
      background-size: 100% auto;
      padding: 20px 10px 0px;
      background-size: cover;
      background-position: top right; }
      .main .bg_inner .wrapper {
        padding-top: 0;
        position: relative; }
        .main .bg_inner .wrapper nav {
          width: calc(100% - 250px);
          width: 100%;
          position: relative;
          display: none; }
          .main .bg_inner .wrapper nav ol {
            display: flex;
            width: 100%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
            .main .bg_inner .wrapper nav ol li {
              flex-grow: 1;
              text-align: right; }
              .main .bg_inner .wrapper nav ol li a {
                color: #fff;
                display: inline-block;
                font-size: 18px; }
        .main .bg_inner .wrapper .mainCon {
          margin-top: 6vw; }
          .main .bg_inner .wrapper .mainCon > div {
            width: 100%; }
            .main .bg_inner .wrapper .mainCon > div.main_imgBlc {
              padding: 0 0;
              width: 72%;
              position: absolute;
              top: 0;
              right: 10px; }
              .main .bg_inner .wrapper .mainCon > div.main_imgBlc img {
                width: 100%; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc {
              z-index: 1; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .lead {
                font-weight: 600;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .lead span {
                  font-weight: 500; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 {
                margin: 15px 0;
                font-weight: 600;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 span {
                  text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
                  position: relative; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc h1 {
                font-size: 7.6vw;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox {
                padding: 15px;
                margin: 30px auto 0; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price {
                  margin-bottom: 15px;
                  font-size: 24px; }
                  .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num {
                    letter-spacing: 3px; }
          .main .bg_inner .wrapper .mainCon .btnBlc02 {
            margin-top: 20px; }
            .main .bg_inner .wrapper .mainCon .btnBlc02 a {
              max-width: 80%; } }
@media screen and (max-width: 767px) {
  .main {
    /*
            background-image: url("../img/clm01_bg_btm.png");
            background-position: left bottom;
            background-size: 100% auto;
    */
    padding-bottom: 11.71%;
    padding-top: 45px; }
    .main .bg_inner {
      padding-bottom: 100px;
      background-position: top right;
      background-size: 100% auto;
      padding: 4vw 3vw 46vw; }
      .main .bg_inner .wrapper {
        padding-top: 0;
        position: relative; }
        .main .bg_inner .wrapper h1 {
          font-size: 12vw; }
        .main .bg_inner .wrapper nav {
          width: calc(100% - 250px);
          width: 100%;
          position: relative;
          display: none; }
          .main .bg_inner .wrapper nav ol {
            display: flex;
            width: 100%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
            .main .bg_inner .wrapper nav ol li {
              flex-grow: 1;
              text-align: right; }
              .main .bg_inner .wrapper nav ol li a {
                color: #fff;
                display: inline-block;
                font-size: 18px; }
        .main .bg_inner .wrapper .mainCon {
          margin-top: 6vw; }
          .main .bg_inner .wrapper .mainCon > div {
            width: 100%; }
            .main .bg_inner .wrapper .mainCon > div.main_imgBlc {
              padding: 0 4vw;
              width: 72%;
              position: absolute;
              top: -1vw;
              right: -5vw; }
              .main .bg_inner .wrapper .mainCon > div.main_imgBlc img {
                width: 100%; }
            .main .bg_inner .wrapper .mainCon > div.txtBlc {
              z-index: 1; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .lead {
                font-size: 4vw;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .lead span {
                  font-size: 5vw; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 {
                font-size: 6vw;
                margin: 2vw 0;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 span {
                  font-size: 8vw;
                  text-shadow: 1px  1px 1px #ffffff, -1px  1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px  0px 1px #ffffff, 0px  1px 1px #ffffff, -1px  0px 1px #ffffff, 0px -1px 1px #ffffff;
                  position: relative; }
                  .main .bg_inner .wrapper .mainCon > div.txtBlc .lead02 span:after {
                    width: 12vw;
                    height: 12vw;
                    left: -15vw; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc h1 {
                font-size: 7.6vw;
                text-shadow: 1px 1px 1px #235180, -1px 1px 1px #235180, 1px -1px 1px #235180, -1px -1px 1px #235180, 1px 0px 1px #235180, 0px 1px 1px #235180, -1px 0px 1px #235180, 0px -1px 1px #235180; }
              .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox {
                padding: 4vw;
                margin: 6vw auto 0;
                font-size: 5vw; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price {
                  margin-bottom: 3vw; }
                  .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num {
                    font-size: 12vw;
                    margin: 0 3vw;
                    letter-spacing: -2px; }
                    .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.num span {
                      margin-top: -5vw; }
                  .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.unit {
                    font-size: 3.5vw; }
                  .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .price span.tax {
                    font-size: 3.5vw; }
                .main .bg_inner .wrapper .mainCon > div.txtBlc .priceBox .attn span {
                  font-size: 3.5vw; }
          .main .bg_inner .wrapper .mainCon .btnBlc02 {
            margin-top: 4vw; }
            .main .bg_inner .wrapper .mainCon .btnBlc02 a {
              font-size: 5vw;
              padding: 3.5vw 20px;
              max-width: 80%; } }
.clm {
  max-width: 1100px;
  margin-right: auto !important;
  margin-left: auto !important;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(164, 164, 164, 0.85);
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 40px 40px !important; }
  .clm .wrapper {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    /*
    		h4 {
    			font-size: 38px;
    			font-weight: 500;
    			position: relative;
    			margin-bottom: 80px;
    		}
    		h4:after {
    			content: "";
    			display: inline-block;
    			width: 170px;
    			height: 2px;
    			background-color: #70C1B3;
    			position: absolute;
    			left: 50%;
    			transform: translateX(-50%);
    			bottom: -5px;
    		}
    */ }
    .clm .wrapper h2 {
      font-size: 30px !important;
      font-weight: 700 !important;
      margin-bottom: 80px;
      text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
    .clm .wrapper h3 {
      font-size: 28px !important;
      color: #f08200; }
    .clm .wrapper h4 {
      position: relative;
      margin: 0 100px 40px; }
      .clm .wrapper h4 span {
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        padding: 0 15px;
        background-color: #fff;
        position: relative;
        z-index: 1; }
    .clm .wrapper h4:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background-color: #707070;
      position: absolute;
      left: 0;
      top: 50%;
      z-index: -1; }
    .clm .wrapper .txtBox {
      margin-bottom: 50px; }
      .clm .wrapper .txtBox > div {
        width: 29.5%;
        margin-right: 5.75%;
        text-align: left;
        border: 1px solid #70C1B3;
        border-radius: 3px; }
        .clm .wrapper .txtBox > div .boxUp {
          color: #fff;
          font-size: 20px;
          background-color: #70C1B3;
          width: 100%;
          padding: 20px 15px;
          line-height: 1.2;
          border-radius: 2px 2px 0 0; }
        .clm .wrapper .txtBox > div .boxBtm {
          padding: 20px 15px;
          width: 100%; }
          .clm .wrapper .txtBox > div .boxBtm ul li {
            text-indent: -1em;
            margin-left: 1em;
            margin-bottom: 10px; }
      .clm .wrapper .txtBox > div:nth-child(2) {
        border: 1px solid #438F82; }
        .clm .wrapper .txtBox > div:nth-child(2) .boxUp {
          background-color: #438F82; }
      .clm .wrapper .txtBox > div:nth-child(3) {
        margin-right: 0;
        border: 1px solid #327066; }
        .clm .wrapper .txtBox > div:nth-child(3) .boxUp {
          background-color: #327066; }
    .clm .wrapper .bgGrnBox {
      background-color: #70C1B3;
      color: #fff;
      padding: 20px;
      border-radius: 2px;
      margin-bottom: 80px; }
      .clm .wrapper .bgGrnBox p.ttl {
        font-size: 24px;
        color: #fff;
        margin-bottom: 20px; }
    .clm .wrapper .bgRedBox {
      background-color: #F25F5C;
      color: #fff;
      padding: 35px 0;
      border-radius: 2px;
      margin-bottom: 80px; }
      .clm .wrapper .bgRedBox .ttl {
        font-size: 20px;
        margin-bottom: 30px;
        color: #fff; }
      .clm .wrapper .bgRedBox a {
        font-size: 28px;
        color: #F25F5C;
        background-color: #fff;
        border-radius: 4px;
        display: inline-block;
        width: 505px;
        max-width: 90%;
        position: relative;
        background-image: url("../img/icon_arrw@2x.png");
        background-repeat: no-repeat;
        background-size: 22px auto;
        background-position: right 45px center;
        padding: 20px 0; }
      .clm .wrapper .bgRedBox a:hover {
        box-shadow: 10px 10px 0 #9A2020;
        position: relative;
        top: -10px;
        left: -10px; }
    .clm .wrapper .mdlImg .modal {
      position: fixed;
      z-index: 1010;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.3);
      display: none; }
      .clm .wrapper .mdlImg .modal .bigimg {
        position: absolute;
        width: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .clm .wrapper .mdlImg .modal .close-btn {
        color: #fff;
        font-size: 30px !important;
        position: absolute;
        right: 10px;
        top: 0; }
        .clm .wrapper .mdlImg .modal .close-btn a {
          color: #fff;
          text-decoration: none; }

@media screen and (min-width: 768px) and (max-width: 1250px) {
  .clm {
    margin-right: 10px;
    margin-left: 10px; } }
@media screen and (max-width: 767px) {
  .clm {
    margin-left: 3vw;
    margin-right: 3vw;
    padding: 4vw 4vw !important; }
    .clm .wrapper {
      max-width: 1100px; }
      .clm .wrapper h2 {
        font-size: 4vw !important;
        margin-bottom: 5vw; }
      .clm .wrapper h3 {
        font-size: 4vw !important;
        margin-bottom: 4vw !important; }
      .clm .wrapper h4 {
        margin: 0 0 4vw; }
        .clm .wrapper h4 span {
          font-size: 4.5vw;
          padding: 0 3vw; }
      .clm .wrapper h4:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #707070;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: -1; }
      .clm .wrapper .txtBox {
        margin-bottom: 4.5vw; }
        .clm .wrapper .txtBox > div {
          width: 100%;
          margin-right: 0;
          margin-bottom: 4.5vw; }
          .clm .wrapper .txtBox > div .boxUp {
            font-size: 4.0vw;
            padding: 3vw 3vw;
            line-height: 1.4; }
          .clm .wrapper .txtBox > div .boxBtm {
            padding: 4vw 3vw 2vw; }
            .clm .wrapper .txtBox > div .boxBtm ul li {
              font-size: 3.5vw; }
        .clm .wrapper .txtBox > div:nth-child(3) {
          margin-bottom: 0; }
      .clm .wrapper .bgGrnBox {
        background-color: #70C1B3;
        color: #fff;
        padding: 20px;
        border-radius: 2px;
        margin-bottom: 80px; }
        .clm .wrapper .bgGrnBox p.ttl {
          font-size: 24px;
          color: #fff;
          margin-bottom: 20px; }
      .clm .wrapper .bgRedBox {
        padding: 4vw 0;
        margin-bottom: 4vw !important; }
        .clm .wrapper .bgRedBox .ttl {
          font-size: 4.5vw !important;
          margin-bottom: 4vw; }
        .clm .wrapper .bgRedBox a {
          font-size: 4.5vw;
          max-width: 90%;
          padding: 20px 0;
          padding: 4vw 0 4vw 13vw;
          text-align: left;
          background-position: right 4vw center;
          background-size: 3vw auto; }
        .clm .wrapper .bgRedBox a:hover {
          box-shadow: 5px 5px 0 #9A2020;
          position: relative;
          top: -5px;
          left: -5px; }
      .clm .wrapper .mdlImg .modal {
        position: fixed;
        z-index: 1010;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3);
        display: none; }
        .clm .wrapper .mdlImg .modal .bigimg {
          position: absolute;
          width: 90%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .clm .wrapper .mdlImg .modal .close-btn {
          color: #fff;
          font-size: 30px !important;
          position: absolute;
          right: 10px;
          top: 0; }
          .clm .wrapper .mdlImg .modal .close-btn a {
            color: #fff;
            text-decoration: none; } }
.clm01 {
  margin-top: -190px;
  margin-bottom: 140px;
  padding-bottom: 60px !important; }
  .clm01 .wrapper {
    text-align: center;
    background-image: url("../img/2109/clm01_img01.svg");
    background-repeat: no-repeat;
    background-size: 360px auto;
    background-position: right bottom; }
    .clm01 .wrapper h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), linear-gradient(90deg, #facc23, #f83600);
      padding: 14px 0;
      margin-bottom: 40px;
      text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
    .clm01 .wrapper .flxB {
      max-width: 840px;
      justify-content: center;
      align-items: center; }
      .clm01 .wrapper .flxB .blc {
        width: 50%; }
        .clm01 .wrapper .flxB .blc .circle {
          max-width: 320px;
          border-radius: 320px;
          background-color: #c3f2fb;
          position: relative; }
          .clm01 .wrapper .flxB .blc .circle:after {
            content: "";
            display: inline-block;
            width: 100%;
            padding-top: 100%; }
          .clm01 .wrapper .flxB .blc .circle .inner {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
            .clm01 .wrapper .flxB .blc .circle .inner .ttl {
              margin-top: 50px;
              font-size: 24px;
              font-weight: 700;
              color: #fff;
              display: inline-block;
              background-color: #837d7b;
              line-height: 1;
              padding: 5px 0;
              width: 133px;
              border-radius: 5px; }
              .clm01 .wrapper .flxB .blc .circle .inner .ttl span {
                font-size: 26px; }
            .clm01 .wrapper .flxB .blc .circle .inner .txt {
              font-size: 16px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 100%; }
              .clm01 .wrapper .flxB .blc .circle .inner .txt .ico {
                font-size: 14px;
                vertical-align: top; }
            .clm01 .wrapper .flxB .blc .circle .inner .attn {
              font-size: 14px;
              text-indent: -1.8em;
              margin-left: 1.5em;
              text-align: left;
              position: absolute;
              right: -180px;
              top: 160px; }
            .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 {
              text-align: center;
              position: absolute;
              bottom: 40px;
              left: 50%;
              transform: translateX(-50%);
              width: 240px; }
              .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a {
                color: #c51414;
                font-size: 22px;
                font-weight: 700;
                border: 2px solid #c51414;
                border-radius: 80px;
                padding: 14px 20px;
                width: 100%;
                display: inline-block;
                line-height: 1;
                position: relative;
                background-color: #fff;
                box-shadow: 0 3px #d92723; }
                .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a:after {
                  content: "";
                  display: inline-block;
                  width: 15px;
                  height: 22px;
                  background-image: url("../img/2109/arrw_rr.svg");
                  background-size: contain;
                  position: absolute;
                  right: 15px;
                  top: 50%;
                  transform: translateY(-50%); }
                .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a:hover {
                  color: #fff;
                  background-color: #c51414; }
                  .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a:hover:after {
                    background-image: url("../img/2109/arrw_wr.svg"); }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm01 {
    margin-top: -160px;
    margin-bottom: 40px; }
    .clm01 .wrapper {
      background-size: 330px auto; }
      .clm01 .wrapper h2 {
        font-size: 27px !important; }
      .clm01 .wrapper .flxB {
        justify-content: left; }
        .clm01 .wrapper .flxB .blc {
          width: 38%;
          margin-bottom: 20px; }
          .clm01 .wrapper .flxB .blc .circle {
            margin-right: 10px; }
            .clm01 .wrapper .flxB .blc .circle .inner .ttl {
              margin-top: 34px; }
            .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 {
              bottom: 18px; }
            .clm01 .wrapper .flxB .blc .circle .inner .attn {
              top: 130px; } }
@media screen and (max-width: 767px) {
  .clm01 {
    margin-top: -190px;
    margin-bottom: 6vw;
    padding: 4vw !important; }
    .clm01 .wrapper {
      text-align: center;
      background-size: auto 40vw;
      background-position: right bottom;
      padding-bottom: 40vw; }
      .clm01 .wrapper h2 {
        font-size: 4.5vw !important;
        padding: 3vw 3vw;
        margin-bottom: 5vw;
        text-align: left;
        line-height: 1.4; }
      .clm01 .wrapper .flxB .blc {
        width: 100%;
        padding: 0 15vw 6vw; }
        .clm01 .wrapper .flxB .blc:nth-child(2) {
          padding-bottom: 13vw; }
        .clm01 .wrapper .flxB .blc .circle .inner .ttl {
          margin-top: 6.5vw;
          font-size: 4.2vw;
          width: auto;
          padding: 5px 5vw; }
          .clm01 .wrapper .flxB .blc .circle .inner .ttl span {
            font-size: 5.0vw; }
        .clm01 .wrapper .flxB .blc .circle .inner .txt {
          font-size: 3.5vw;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%; }
          .clm01 .wrapper .flxB .blc .circle .inner .txt .ico {
            font-size: 3vw; }
        .clm01 .wrapper .flxB .blc .circle .inner .attn {
          font-size: 3vw;
          text-indent: -1.8em;
          margin-left: 1.5em;
          text-align: left;
          right: auto;
          top: auto;
          bottom: -10vw; }
          .clm01 .wrapper .flxB .blc .circle .inner .attn br {
            display: none; }
        .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 {
          text-align: center;
          position: absolute;
          bottom: 6vw;
          left: 50%;
          transform: translateX(-50%);
          width: 80%; }
          .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a {
            font-size: 4vw;
            padding: 2vw 0; }
            .clm01 .wrapper .flxB .blc .circle .inner .btnBlc02 a:after {
              width: 3.5vw;
              height: 3.5vw;
              background-repeat: no-repeat;
              right: 2vw; } }
.clm02 {
  position: relative;
  margin-top: 200px; }
  .clm02 .wrapper .bgRedBox {
    margin-bottom: 30px !important; }
  .clm02 p {
    font-size: 16px; }
  .clm02 .bgBox {
    position: absolute;
    top: 0;
    background-color: #70c1b3;
    min-height: 1900px;
    width: 100%; }
  .clm02 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/clm02_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.5vw; }
  .clm02 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/clm02_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.6vw; }
  .clm02 .clm {
    padding-bottom: 1px !important;
    position: relative;
    top: -125px; }
    .clm02 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), linear-gradient(90deg, #84f5de, #4cc5f8);
      padding: 14px 0;
      margin-bottom: 20px;
      text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
      .clm02 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm02 .clm h2 > span span {
          text-shadow: none;
          color: #000000; }
    .clm02 .clm .blc01 {
      margin-bottom: 60px; }
      .clm02 .clm .blc01 > div {
        width: 50%; }
        .clm02 .clm .blc01 > div.txtBlc {
          padding: 80px 40px 0 0; }
          .clm02 .clm .blc01 > div.txtBlc p {
            margin-bottom: 1em;
            text-align: left;
            line-height: 1.6;
            font-size: 16px; }
    .clm02 .clm .iconBox {
      margin-bottom: 40px;
      padding: 0 60px; }
      .clm02 .clm .iconBox > div {
        width: 33.3%;
        text-align: center; }
    .clm02 .clm .lead {
      display: inline-block;
      font-size: 24px !important;
      font-weight: 500;
      color: #D31E1E;
      position: relative;
      z-index: 1;
      padding: 0 7px;
      margin-bottom: 40px; }
    .clm02 .clm .lead:after {
      content: "";
      width: 100%;
      height: 12px;
      background-color: #FFDDA7;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1; }
  .clm02 .mapBlc {
    padding: 20px 0 !important; }
    .clm02 .mapBlc h3 {
      margin-bottom: 30px !important; }
    .clm02 .mapBlc .bnrBox {
      background-color: #fff;
      background: url("../img/2109/clm02_mapBg.png"), no-repeat, left top, #f2fbfd;
      border-radius: 2px;
      padding: 60px 120px 60px;
      margin-bottom: 30px; }
      .clm02 .mapBlc .bnrBox > div {
        background-color: rgba(255, 255, 255, 0.85);
        border: 1px solid #ce2b2b;
        padding: 15px 15px; }
        .clm02 .mapBlc .bnrBox > div .ttl {
          background-color: #ce2b2b;
          font-size: 16px;
          font-weight: 700;
          text-align: center;
          color: #fff;
          display: inline-block;
          line-height: 1;
          padding: 10px 0;
          width: 280px; }
        .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li {
          position: relative;
          padding-bottom: 25px; }
          .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li p {
            font-size: 16px;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0; }
          .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li.imgS p {
            font-size: 13px; }
          .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li.imgS img {
            height: 30px; }
        .clm02 .mapBlc .bnrBox > div .flxB .rightBlc {
          position: relative; }
          .clm02 .mapBlc .bnrBox > div .flxB .rightBlc ul {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
          .clm02 .mapBlc .bnrBox > div .flxB .rightBlc img {
            border: 1px solid #969696; }
        .clm02 .mapBlc .bnrBox > div.chinaBox {
          margin-bottom: 50px; }
          .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc {
            width: 520px; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li {
              width: 33.33%; }
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li img {
                max-height: 60px; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(1) {
              width: 50%; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(2) {
              width: 50%; }
          .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .rightBlc {
            width: calc(100% - 520px); }
        .clm02 .mapBlc .bnrBox > div.asiaBox {
          border: 1px solid #3899e4; }
          .clm02 .mapBlc .bnrBox > div.asiaBox .ttl {
            background-color: #3899e4; }
          .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc {
            width: 420px; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(1) {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(1) img {
                max-width: 50%; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(2) {
              width: 33.33%; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(3) {
              width: 33.33%; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(4) {
              width: 33.33%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(4) img {
                max-width: 80%; }
          .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc {
            width: calc(100% - 420px); }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li {
                width: 32%;
                margin-right: 2%; }
                .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li:nth-child(3n) {
                  margin-right: 0; }
      .clm02 .mapBlc .bnrBox ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .clm02 .mapBlc .bnrBox ul li {
          margin: 20px 0 0;
          text-align: center; }
    .clm02 .mapBlc .mName {
      color: #fff; }
  .clm02 .bgRedBox {
    margin-bottom: 100px !important; }
  .clm02 .bgGrnBox02 {
    background-color: #E2EFED;
    padding: 30px 175px;
    border-radius: 3px;
    margin-bottom: 60px; }
  .clm02 .btmBlc {
    border-top: 1px solid #707070;
    padding-top: 90px;
    margin-bottom: 100px; }
    .clm02 .btmBlc h4 {
      margin-bottom: 30px; }
    .clm02 .btmBlc .iconBox {
      justify-content: center;
      margin: 40px 0 50px; }
    .clm02 .btmBlc .knkBox {
      background-color: #fff;
      padding: 40px 30px;
      border-radius: 3px;
      margin-bottom: 35px; }
      .clm02 .btmBlc .knkBox .imgBox {
        width: 214px; }
        .clm02 .btmBlc .knkBox .imgBox img {
          width: 100%; }
      .clm02 .btmBlc .knkBox .txtBox {
        width: -moz-calc(100% - 214px);
        width: -o-calc(100% - 214px);
        width: -webkit-calc(100% - 214px);
        width: calc(100% - 214px);
        padding-left: 45px;
        text-align: left;
        margin-bottom: 0; }
        .clm02 .btmBlc .knkBox .txtBox p.name {
          display: inline-block;
          color: #fff;
          background-color: #ED6666;
          font-size: 16px;
          padding: 7px 15px;
          line-height: 1; }
        .clm02 .btmBlc .knkBox .txtBox p.ttl {
          font-size: 24px;
          margin: 13px 0 20px;
          color: #535353;
          line-height: 1; }
        .clm02 .btmBlc .knkBox .txtBox p {
          line-height: 1.8; }
    .clm02 .btmBlc .knkImg > div {
      width: 230px;
      text-align: center; }
      .clm02 .btmBlc .knkImg > div img {
        margin-bottom: 15px; }
    .clm02 .btmBlc .knkImg > div.centerBlc {
      width: -moz-calc(100% - 460px);
      width: -o-calc(100% - 460px);
      width: -webkit-calc(100% - 460px);
      width: calc(100% - 460px); }
      .clm02 .btmBlc .knkImg > div.centerBlc p {
        color: #ED6666;
        margin: 10px 0 15px; }
    .clm02 .btmBlc .knkBox03 > div {
      width: 43.5%; }
      .clm02 .btmBlc .knkBox03 > div p.ttl {
        color: #fff;
        text-align: center;
        font-size: 22px;
        border-radius: 1px 1px 0 0;
        line-height: 1px;
        padding: 25px 0; }
      .clm02 .btmBlc .knkBox03 > div .inner {
        padding: 30px 40px; }
        .clm02 .btmBlc .knkBox03 > div .inner p.txtBlc {
          text-align: left;
          min-height: 5em;
          margin-bottom: 25px; }
        .clm02 .btmBlc .knkBox03 > div .inner p.prob {
          font-size: 20px;
          margin-bottom: 20px; }
        .clm02 .btmBlc .knkBox03 > div .inner p.lead02 {
          font-size: 28px !important;
          margin-top: 15px;
          display: inline-block;
          font-weight: 500;
          position: relative;
          z-index: 1;
          padding: 0 7px; }
        .clm02 .btmBlc .knkBox03 > div .inner p.lead02:after {
          content: "";
          width: 100%;
          height: 12px;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: -1; }
    .clm02 .btmBlc .knkBox03 > div.centerBox {
      width: -moz-calc(100% - 87%);
      width: -o-calc(100% - 87%);
      width: -webkit-calc(100% - 87%);
      width: calc(100% - 87%);
      position: relative; }
      .clm02 .btmBlc .knkBox03 > div.centerBox .pc {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .clm02 .btmBlc .knkBox03 > div.leftBox {
      border: 1px solid #7EB5D3;
      border-radius: 3px; }
      .clm02 .btmBlc .knkBox03 > div.leftBox p.ttl {
        background-color: #7EB5D3; }
      .clm02 .btmBlc .knkBox03 > div.leftBox .inner p span {
        color: #505E8D; }
      .clm02 .btmBlc .knkBox03 > div.leftBox .inner p.lead02 {
        color: #505E8D; }
      .clm02 .btmBlc .knkBox03 > div.leftBox .inner p.lead02:after {
        background-color: #D3F5FF; }
    .clm02 .btmBlc .knkBox03 > div.rightBox {
      border: 1px solid #FF723A;
      border-radius: 3px; }
      .clm02 .btmBlc .knkBox03 > div.rightBox p.ttl {
        background-color: #FF723A; }
      .clm02 .btmBlc .knkBox03 > div.rightBox .inner p span {
        color: #D31E1E; }
      .clm02 .btmBlc .knkBox03 > div.rightBox .inner p.lead02 {
        color: #D31E1E; }
      .clm02 .btmBlc .knkBox03 > div.rightBox .inner p.lead02:after {
        background-color: #FFDDA7; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm02 {
    margin-top: 120px; }
    .clm02 .clm {
      top: -80px; }
      .clm02 .clm .iconBox {
        padding: 0 20px; }
    .clm02 .mapBlc {
      padding: 4vw 0 !important; }
      .clm02 .mapBlc h3 {
        margin-bottom: 4vw !important; }
      .clm02 .mapBlc .bnrBox {
        padding: 20px 15px;
        margin-bottom: 5vw;
        background-size: 100% auto; }
        .clm02 .mapBlc .bnrBox > div {
          padding: 20px; }
          .clm02 .mapBlc .bnrBox > div .ttl {
            padding: 10px 0;
            width: 80%; }
          .clm02 .mapBlc .bnrBox > div .flxB {
            display: block; }
            .clm02 .mapBlc .bnrBox > div .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li {
                position: relative; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li p {
                  line-height: 1.2; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li img {
                  max-width: 95%; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li.imgS img {
                  height: 40px; }
            .clm02 .mapBlc .bnrBox > div .flxB .rightBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div .flxB .rightBlc ul {
                position: static;
                left: auto;
                top: auto;
                transform: translate(0, 0); }
          .clm02 .mapBlc .bnrBox > div.chinaBox {
            margin-bottom: 20px; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li {
                width: 50% !important; }
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(2) {
                  padding-top: 0; }
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(3), .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(4), .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(5) {
                  width: 33.33% !important; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .rightBlc {
              width: 100%; }
          .clm02 .mapBlc .bnrBox > div.asiaBox {
            border: 1px solid #3899e4; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .ttl {
              background-color: #3899e4; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li {
                width: 33.33% !important; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(1) {
                width: 100% !important;
                max-width: 80%; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul {
                width: 100%; }
                .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li {
                  width: 32%;
                  margin-right: 2%; }
                  .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li:nth-child(3n) {
                    margin-right: 0; } }
@media screen and (max-width: 767px) {
  .clm02 {
    margin-top: 11.71vw;
    margin-bottom: 14vw;
    /*
            .bgGrnBox02 {
                background-color: #E2EFED;
                padding: 30px 175px;
                border-radius: 3px;
                margin-bottom: 60px;
            }
            .btmBlc {
                border-top:  1px solid #707070;
                padding-top: 90px;
                margin-bottom: 100px;
                h4 {
                    margin-bottom: 30px;
                }
                .iconBox {
                    justify-content: center;
                    margin: 40px 0 50px;
                }
                .knkBox {
                    background-color: #fff;
                    padding: 40px 30px;
                    border-radius: 3px;
                    margin-bottom: 35px;
                    .imgBox {
                        width: 214px;
                        img {
                            width: 100%;
                        }
                    }
                    .txtBox {
                        @include calc("width" , "100% - 214px");
                        padding-left: 45px;
                        text-align: left;
                        margin-bottom: 0;
                        p.name {
                            display: inline-block;
                            color: #fff;
                            background-color: #ED6666;
                            font-size: 16px;
                            padding: 7px 15px;
                            line-height: 1;
                        }
                        p.ttl {
                            font-size: 24px;
                            margin: 13px 0 20px;
                            color: #535353;
                            line-height: 1;
                        }
                        p {
                            line-height: 1.8;
                        }
                    }
                }
                .knkImg {
                    > div {
                        width: 230px;
                        text-align: center;
                        img {
                            margin-bottom: 15px;
                        }
                    }
                    > div.centerBlc {
                        @include calc("width" , "100% - 460px");
                        p {
                            color: #ED6666;
                            margin: 10px 0 15px;
                        }
                    }
                }
                .knkBox03 {
                    > div {
                        width: 43.5%;
                        p.ttl {
                            color: #fff;
                            text-align: center;
                            font-size: 22px;
                            border-radius: 1px 1px 0 0;
                            line-height: 1px;
                            padding: 25px 0;					
                        }
                        .inner {
                            padding: 30px 40px;
                            p.txtBlc {
                                text-align: left;
                                min-height: 5em;
                                margin-bottom: 25px;
                            }
                            p.prob {
                                font-size: 20px;
                                margin-bottom: 20px;
                            }
                            p.lead02 {
                                font-size: 28px!important;
                                margin-top: 15px;
                                display: inline-block;
                                font-weight: 500;
                                position: relative;
                                z-index: 1;
                                padding: 0 7px;
                            }
                            p.lead02:after {
                                content: "";
                                width: 100%;
                                height: 12px;
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                z-index: -1;						
                            }
                        }
                    }
                    > div.centerBox {
                        @include calc("width" , "100% - 87%");
                        position: relative;
                        .pc {
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50% , -50%);
                        }
                    }
                    > div.leftBox {
                        border: 1px solid #7EB5D3;
                        border-radius: 3px;
                        p.ttl {
                            background-color: #7EB5D3;
                        }
                        .inner {
                            p {
                                span {
                                    color: #505E8D;
                                }
                            }		
                            p.lead02 {
                                color: #505E8D;
                            }
                            p.lead02:after {
                                background-color: #D3F5FF;
                            }
                        }
                    }
                    > div.rightBox {
                        border: 1px solid #FF723A;
                        border-radius: 3px;
                        p.ttl {
                            background-color: #FF723A;
                        }
                        .inner {
                            p {
                                span {
                                    color: #D31E1E;
                                }
                            }		
                            p.lead02 {
                                color: #D31E1E;
                            }
                            p.lead02:after {
                                background-color: #FFDDA7;
                            }
                        }
                    }
                }
            }
    */ }
    .clm02 .bgBox {
      min-height: 600vw; }
    .clm02 .wrapper .bgRedBox {
      margin-bottom: 5vw !important; }
    .clm02 p {
      font-size: 3.5vw; }
    .clm02 .clm {
      top: 0; }
      .clm02 .clm h2 {
        font-size: 4vw !important;
        padding: 3vw 3vw;
        text-align: left;
        margin-bottom: 4vw;
        line-height: 1.4 !important; }
        .clm02 .clm h2 > span {
          font-size: 4.8vw;
          text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
      .clm02 .clm .blc01 {
        margin-bottom: 5vw; }
        .clm02 .clm .blc01 > div {
          width: 100%; }
          .clm02 .clm .blc01 > div.txtBlc {
            padding: 0;
            margin-bottom: 4vw; }
            .clm02 .clm .blc01 > div.txtBlc p {
              font-size: 3.5vw; }
          .clm02 .clm .blc01 > div.imgBlc {
            padding: 0 10vw; }
      .clm02 .clm .iconBox {
        margin-bottom: 5vw;
        padding: 0 0; }
        .clm02 .clm .iconBox > div {
          padding: 0 2vw; }
      .clm02 .clm .lead {
        font-size: 4.5vw !important;
        margin-bottom: 4vw; }
      .clm02 .clm .lead:after {
        height: 9px; }
    .clm02 .mapBlc {
      padding: 4vw 0 !important; }
      .clm02 .mapBlc h3 {
        margin-bottom: 4vw !important; }
      .clm02 .mapBlc .bnrBox {
        padding: 4vw 3vw 4vw;
        margin-bottom: 5vw;
        background-size: 100% auto; }
        .clm02 .mapBlc .bnrBox > div {
          padding: 4vw 3vw; }
          .clm02 .mapBlc .bnrBox > div .ttl {
            font-size: 4.0vw;
            padding: 2vw 0;
            width: 90%; }
          .clm02 .mapBlc .bnrBox > div .flxB {
            display: block; }
            .clm02 .mapBlc .bnrBox > div .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li {
                position: relative;
                padding-bottom: 7vw; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li p {
                  font-size: 3vw;
                  line-height: 1.2; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li img {
                  max-width: 95%; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li.imgS p {
                  font-size: 3vw; }
                .clm02 .mapBlc .bnrBox > div .flxB .leftBlc ul li.imgS img {
                  height: auto;
                  width: 14vw; }
            .clm02 .mapBlc .bnrBox > div .flxB .rightBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div .flxB .rightBlc ul {
                position: static;
                left: auto;
                top: auto;
                transform: translate(0, 0); }
          .clm02 .mapBlc .bnrBox > div.chinaBox {
            margin-bottom: 4vw; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li {
                width: 33.33%; }
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(1),
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(2) {
                width: 50%; }
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(1) img,
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(2) img {
                  height: 12vw; }
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(3),
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(4),
              .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(5) {
                padding-bottom: 8vw; }
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(3) p,
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(4) p,
                .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .leftBlc ul li:nth-child(5) p {
                  bottom: auto;
                  top: 9vw; }
            .clm02 .mapBlc .bnrBox > div.chinaBox .flxB .rightBlc {
              width: 100%; }
          .clm02 .mapBlc .bnrBox > div.asiaBox {
            border: 1px solid #3899e4; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .ttl {
              background-color: #3899e4; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li {
                width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .leftBlc ul li:nth-child(2) img {
                max-width: 80%; }
            .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc {
              width: 100%; }
              .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul {
                width: 100%; }
                .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li {
                  width: 32%;
                  margin-right: 2%; }
                  .clm02 .mapBlc .bnrBox > div.asiaBox .flxB .rightBlc ul li:nth-child(3n) {
                    margin-right: 0; }
    .clm02 .bgRedBox {
      margin-bottom: 100px !important; } }
.clm03 {
  position: relative;
  margin-top: 0; }
  .clm03 .bgBox {
    position: absolute;
    top: 0;
    background-color: #247BA0;
    min-height: 3720px;
    width: 100%; }
  .clm03 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/clm03_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.6vw; }
  .clm03 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/clm03_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.5vw; }
  .clm03 .clm {
    padding-bottom: 40px !important; }
    .clm03 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), linear-gradient(90deg, #46aef7, #1dd5e6);
      padding: 14px 0;
      margin-bottom: 50px;
      text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
      .clm03 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm03 .clm h2 > span span {
          text-shadow: none;
          color: #000000;
          font-size: 28px;
          text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff,  -2px -2px 1px #fff,  2px 0px 1px #fff,  0px 2px 1px #fff,  -2px 0px 1px #fff,  0px -2px 1px #fff; }
    .clm03 .clm h3.icon {
      position: relative;
      margin-top: 130px;
      font-size: 34px; }
    .clm03 .clm h3.icon:before {
      content: "";
      display: inline-block;
      width: 107px;
      height: 85px;
      background-image: url("../img/clm04_icon.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -90px; }
    .clm03 .clm h4 {
      display: inline-block;
      padding: 0 70px;
      margin: 0 0 20px; }
    .clm03 .clm h4:after {
      background-color: #247BA0; }
    .clm03 .clm .clm03ttl {
      font-size: 28px;
      width: 327px;
      margin: 0 auto 20px;
      padding-bottom: 25px;
      background-image: url("../img/icon_triBlu02.png");
      background-repeat: no-repeat;
      background-size: 327px 45px;
      background-position: center bottom; }
    .clm03 .clm .baseBlc {
      margin-bottom: 20px; }
      .clm03 .clm .baseBlc .lead {
        font-size: 18px; }
      .clm03 .clm .baseBlc .imgBox {
        margin-top: 50px; }
      .clm03 .clm .baseBlc .txtBox {
        margin-bottom: 40px; }
    .clm03 .clm .bgRedBox {
      margin-bottom: 0; }
      .clm03 .clm .bgRedBox.price {
        padding: 0 0 35px;
        margin-bottom: 80px; }
      .clm03 .clm .bgRedBox .priceBox {
        background-color: #fff;
        padding: 30px;
        text-align: center;
        margin: 34px auto 0;
        font-size: 24px;
        font-weight: 500;
        border: 3px solid #F25F5C;
        margin-bottom: 35px; }
        .clm03 .clm .bgRedBox .priceBox .inr .flxB {
          width: 100%; }
          .clm03 .clm .bgRedBox .priceBox .inr .flxB > p {
            width: 50%; }
        .clm03 .clm .bgRedBox .priceBox .price {
          position: relative;
          font-weight: 700;
          color: #3d3d3d;
          display: inline-block;
          margin-bottom: 10px; }
          .clm03 .clm .bgRedBox .priceBox .price span.num {
            font-size: 60px;
            color: #c51414;
            letter-spacing: 2px;
            display: inline-block;
            margin: 0 10px;
            padding: 0 0 0 5px;
            position: relative; }
            .clm03 .clm .bgRedBox .priceBox .price span.num .inner {
              position: relative;
              z-index: 1;
              padding-left: 0; }
              .clm03 .clm .bgRedBox .priceBox .price span.num .inner span.tenThou {
                font-size: 35px;
                font-weight: 900;
                font-family: 'Noto Sans JP', sans-serif;
                margin-left: 3px; }
            .clm03 .clm .bgRedBox .priceBox .price span.num:after {
              content: "";
              display: inline-block;
              width: 100%;
              border-bottom: 14px solid #feb00a;
              position: absolute;
              bottom: 8px;
              left: 0;
              z-index: 0; }
            .clm03 .clm .bgRedBox .priceBox .price span.num span.comma {
              vertical-align: middle;
              display: inline-block;
              margin-top: -23px; }
          .clm03 .clm .bgRedBox .priceBox .price span.unit {
            position: relative;
            display: inline-block;
            width: 80px;
            text-align: left;
            padding-top: 17px; }
          .clm03 .clm .bgRedBox .priceBox .price span.tax {
            font-size: 16px;
            position: absolute;
            top: 0;
            left: -10px; }
        .clm03 .clm .bgRedBox .priceBox .attn {
          text-align: center;
          color: #121212; }
          .clm03 .clm .bgRedBox .priceBox .attn span {
            font-size: 14px;
            text-align: left;
            text-indent: -1em;
            margin-left: 1em;
            display: inline-block; }
    .clm03 .clm .bgBluBox {
      background-color: #F5F8FC;
      padding: 40px 0;
      position: relative;
      border-radius: 3px;
      margin-bottom: 60px;
      text-align: center; }
      .clm03 .clm .bgBluBox.lst {
        margin-bottom: 40px; }
      .clm03 .clm .bgBluBox span.num {
        font-size: 60px;
        color: #69ABC7;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
        position: absolute;
        top: -50px;
        left: 60px; }
      .clm03 .clm .bgBluBox h4 {
        font-size: 26px;
        color: #247BA0;
        margin-bottom: 30px;
        font-weight: 500; }
    .clm03 .clm .bgWBox {
      background-color: #fff;
      text-align: left;
      margin-top: 60px;
      padding: 20px 20px;
      margin: 30px 40px 0;
      position: relative; }
      .clm03 .clm .bgWBox .ttl {
        color: #fff;
        background-color: #f08200;
        display: inline-block;
        line-height: 1;
        font-size: 16px;
        font-weight: 600;
        padding: 5px 15px;
        border-radius: 5px;
        position: absolute; }
      .clm03 .clm .bgWBox ul {
        margin-left: 83px; }
        .clm03 .clm .bgWBox ul li {
          font-size: 16px; }
    .clm03 .clm .txtBox {
      margin-top: 40px; }
      .clm03 .clm .txtBox > div {
        border: 1px solid #2FA2D4; }
        .clm03 .clm .txtBox > div .boxUp {
          background-color: #2FA2D4;
          text-align: center; }
          .clm03 .clm .txtBox > div .boxUp i {
            margin-right: 7px; }
      .clm03 .clm .txtBox > div:nth-child(2) {
        border: 1px solid #247BA0; }
        .clm03 .clm .txtBox > div:nth-child(2) .boxUp {
          background-color: #247BA0; }
      .clm03 .clm .txtBox > div:nth-child(3) {
        margin-right: 0;
        border: 1px solid #0F5A7A; }
        .clm03 .clm .txtBox > div:nth-child(3) .boxUp {
          background-color: #0F5A7A; }
    .clm03 .clm .proBlc {
      padding: 0 50px;
      margin-bottom: 80px; }
      .clm03 .clm .proBlc .detail {
        background-image: url("../img/03_aboutProduct_img_08@2x.png");
        background-repeat: no-repeat;
        background-position: right center; }
        .clm03 .clm .proBlc .detail table {
          width: 73%; }
          .clm03 .clm .proBlc .detail table thead th {
            background-color: #247BA0;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            padding: 20px;
            border-radius: 3px 3px 0 0; }
          .clm03 .clm .proBlc .detail table tbody tr:nth-child(even) {
            background-color: #F7F9FA; }
          .clm03 .clm .proBlc .detail table tbody th {
            font-size: 12px;
            color: #247BA0;
            padding: 20px;
            width: 40%; }
            .clm03 .clm .proBlc .detail table tbody th i {
              font-size: 16px;
              margin-right: 10px; }
          .clm03 .clm .proBlc .detail table tbody td {
            font-size: 16px;
            text-align: right;
            width: 60%;
            padding: 20px; }
    .clm03 .clm .pointBlc {
      border-top: 1px solid #707070;
      margin-top: 60px;
      margin-bottom: 80px;
      padding-top: 140px; }
      .clm03 .clm .pointBlc .bgBox02 {
        background-color: #F5F8FC;
        padding: 35px 75px; }
        .clm03 .clm .pointBlc .bgBox02 .clearfix {
          margin-bottom: 45px; }
        .clm03 .clm .pointBlc .bgBox02 .txtBlc {
          width: -moz-calc(100% - 300px);
          width: -o-calc(100% - 300px);
          width: -webkit-calc(100% - 300px);
          width: calc(100% - 300px); }
          .clm03 .clm .pointBlc .bgBox02 .txtBlc .ttltxt {
            font-size: 28px;
            margin: 55px 0 35px; }
          .clm03 .clm .pointBlc .bgBox02 .txtBlc p {
            text-align: left;
            display: block;
            line-height: 1.5; }
          .clm03 .clm .pointBlc .bgBox02 .txtBlc ul li {
            text-align: left;
            line-height: 1.5; }
        .clm03 .clm .pointBlc .bgBox02 .imgBlc {
          width: 300px; }
        .clm03 .clm .pointBlc .bgBox02 .leftFt {
          float: left; }
        .clm03 .clm .pointBlc .bgBox02 .rightFt {
          float: right; }
        .clm03 .clm .pointBlc .bgBox02 .leftFt.txtBlc {
          padding-right: 80px; }
        .clm03 .clm .pointBlc .bgBox02 .rightFt.txtBlc {
          padding-left: 80px; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm03 .bgBox:before {
    top: -8.6vw; }
  .clm03 .clm {
    top: -20px;
    padding-bottom: 0 !important; }
    .clm03 .clm .bgRedBox .priceBox {
      padding: 30px 20px; }
      .clm03 .clm .bgRedBox .priceBox .price {
        font-size: 16px; }
        .clm03 .clm .bgRedBox .priceBox .price span.num {
          font-size: 52px; }
        .clm03 .clm .bgRedBox .priceBox .price span.tax {
          font-size: 13px; }
    .clm03 .clm #anc03 {
      margin-top: 40px !important; } }
@media screen and (min-width: 768px) and (max-width: 970px) {
  /*
  	.clm03 {
  		.clm {
  			.bgRedBox {
  				.priceBox {
                      .inr {
                          .flxB {
                              > p {
                                  width: 100%;
                              }
                          }
                      }					
  				}
  			}
  		}
  	}
  */ }
@media screen and (max-width: 767px) {
  .clm03 .bgBox {
    min-height: 750vw; }
  .clm03 .clm {
    padding-bottom: 1vw !important;
    /*
                .proBlc {
                    padding: 0 50px;
                    margin-bottom: 80px;
                    .detail {
                        background-image: url("../img/03_aboutProduct_img_08@2x.png");
                        background-repeat: no-repeat;
                        background-position: right center;
                        table {
                            width: 73%;
                            thead {
                                th {
                                    background-color: $corpCBlu;
                                    color: #fff;
                                    font-size: 12px;
                                    font-weight: 700;
                                    padding: 20px;
                                    border-radius: 3px 3px 0 0;
                                }
                            }
                            tbody {
                                tr:nth-child(even) {
                                    background-color: #F7F9FA;
                                }
                                th {
                                    font-size: 12px;
                                    color: $corpCBlu;
                                    padding: 20px;
                                    width: 40%;
                                    i {
                                        font-size: 16px;
                                        margin-right: 10px;
                                    }
                                }
                                td {
                                    font-size: 16px;
                                    text-align: right;
                                    width: 60%;
                                    padding: 20px;
                                }
                            }
                        }
                    }
                }
                .pointBlc {
                    border-top: 1px solid #707070;
                    margin-top: 60px;
                    margin-bottom: 80px;
                    padding-top: 140px;
                    .bgBox02 {
                        background-color: #F5F8FC;
                        padding: 35px 75px;
                        .clearfix {
                            margin-bottom: 45px;
                        }
                        .txtBlc {
                            @include calc("width" , "100% - 300px");
                            .ttltxt {
                                font-size: 28px;
                                margin: 55px 0 35px;
                            }
                            p {
                                text-align: left;
                                display: block;
                                line-height: 1.5;
                            }
                            ul {
                                li {
                                    text-align: left;
                                    line-height: 1.5;
                                }
                            }
                        }
                        .imgBlc {
                            width: 300px;
                        }
                        .leftFt {
                            float: left;
                        }
                        .rightFt {
                            float: right;
                        }
                        .leftFt.txtBlc {
                            padding-right: 80px;
                        }
                        .rightFt.txtBlc {
                            padding-left: 80px;
                        }
                    }
                }
    */ }
    .clm03 .clm h2 {
      font-size: 4vw !important;
      padding: 3vw 3vw;
      margin-bottom: 4.5vw;
      line-height: 1.4 !important; }
      .clm03 .clm h2 > span {
        font-size: 4.8vw;
        text-shadow: 1px  1px 1px #000, -1px  1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px  0px 1px #000, 0px  1px 1px #000, -1px  0px 1px #000, 0px -1px 1px #000; }
        .clm03 .clm h2 > span span {
          font-size: 4.0vw;
          text-shadow: 1px  1px 1px #fff, -1px  1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px  0px 1px #fff, 0px  1px 1px #fff, -1px  0px 1px #fff, 0px -1px 1px #fff; }
    .clm03 .clm h3.icon {
      margin-top: 17vw;
      font-size: 4.5vw !important; }
    .clm03 .clm h3.icon:before {
      width: 16vw;
      height: 13vw;
      top: -13vw; }
    .clm03 .clm h3.ancBlc {
      text-align: left; }
    .clm03 .clm .clm03ttl {
      font-size: 4vw;
      width: 327px;
      margin: 0 auto 20px;
      padding-bottom: 25px;
      background-image: url("../img/icon_triBlu02.png");
      background-repeat: no-repeat;
      background-size: 327px 45px;
      background-position: center bottom; }
    .clm03 .clm .baseBlc {
      margin-bottom: 4vw; }
      .clm03 .clm .baseBlc .lead {
        font-size: 4vw; }
      .clm03 .clm .baseBlc .imgBox {
        margin-top: 5vw; }
      .clm03 .clm .baseBlc .txtBox {
        margin-bottom: 4vw; }
    .clm03 .clm .bgRedBox {
      margin-bottom: 0; }
      .clm03 .clm .bgRedBox.price {
        padding: 0 0 4vw;
        margin-bottom: 6vw !important; }
      .clm03 .clm .bgRedBox .priceBox {
        padding: 4vw 3vw;
        margin: 6vw auto 0;
        margin-bottom: 5vw; }
        .clm03 .clm .bgRedBox .priceBox .inr .flxB {
          width: 100%; }
          .clm03 .clm .bgRedBox .priceBox .inr .flxB > p {
            width: 100%; }
        .clm03 .clm .bgRedBox .priceBox .price {
          margin-bottom: 4vw; }
          .clm03 .clm .bgRedBox .priceBox .price span.num {
            font-size: 11vw;
            letter-spacing: -2px;
            margin: 0 3vw;
            background: linear-gradient(transparent 80%, #feb00a 20%);
            background-position: center bottom 7px; }
            .clm03 .clm .bgRedBox .priceBox .price span.num span {
              margin-top: -17px; }
          .clm03 .clm .bgRedBox .priceBox .price span.unit {
            font-size: 3.5vw; }
          .clm03 .clm .bgRedBox .priceBox .price span.tax {
            font-size: 3.5vw; }
        .clm03 .clm .bgRedBox .priceBox .attn span {
          font-size: 3vw; }
    .clm03 .clm .bgBluBox {
      padding: 4vw 0;
      margin-bottom: 6vw; }
      .clm03 .clm .bgBluBox.lst {
        margin-bottom: 4vw; }
      .clm03 .clm .bgBluBox span.num {
        font-size: 11vw;
        left: 4vw;
        top: -9vw; }
      .clm03 .clm .bgBluBox h4 {
        font-size: 4.5vw;
        margin-bottom: 0;
        padding: 3vw 0; }
    .clm03 .clm .bgWBox {
      margin-top: 4vw;
      padding: 3vw 3vw;
      margin: 4vw 3vw 0; }
      .clm03 .clm .bgWBox .ttl {
        font-size: 3.5vw;
        padding: 5px 15px;
        position: static;
        margin-bottom: 2vw; }
      .clm03 .clm .bgWBox ul {
        margin-left: 0; }
        .clm03 .clm .bgWBox ul li {
          font-size: 3.5vw; }
    .clm03 .clm .txtBox {
      margin-top: 4vw; } }
.clm04 {
  position: relative;
  margin-top: 120px; }
  .clm04 .bgBox {
    position: absolute;
    top: 0;
    background-color: #f0d1df;
    min-height: 1500px;
    width: 100%; }
  .clm04 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm04_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.6vw; }
  .clm04 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm04_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.5vw; }
  .clm04 .clm {
    padding-bottom: 40px !important; }
    .clm04 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), #e05593;
      padding: 14px 0;
      margin-bottom: 0; }
      .clm04 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm04 .clm h2 > span span {
          text-shadow: none;
          color: #000000;
          font-size: 28px;
          text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff,  -2px -2px 1px #fff,  2px 0px 1px #fff,  0px 2px 1px #fff,  -2px 0px 1px #fff,  0px -2px 1px #fff; }
    .clm04 .clm h3.icon {
      position: relative;
      margin-top: 130px;
      font-size: 34px; }
    .clm04 .clm h3.icon:before {
      content: "";
      display: inline-block;
      width: 107px;
      height: 85px;
      background-image: url("../img/clm04_icon.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -90px; }
    .clm04 .clm h4 {
      display: inline-block;
      padding: 0 70px;
      margin: 0 0 20px; }
    .clm04 .clm h4:after {
      background-color: #247BA0; }
    .clm04 .clm .priceBox {
      text-align: center;
      margin: 34px auto 0;
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 35px; }
      .clm04 .clm .priceBox .inr .flxB {
        width: 100%; }
        .clm04 .clm .priceBox .inr .flxB > p {
          width: 50%;
          margin: 0 auto; }
      .clm04 .clm .priceBox .price {
        position: relative;
        font-weight: 700;
        color: #3d3d3d;
        display: inline-block;
        margin-bottom: 10px; }
        .clm04 .clm .priceBox .price span.num {
          font-size: 60px;
          color: #c51414;
          letter-spacing: 2px;
          display: inline-block;
          margin: 0 10px;
          padding: 0 0 0 5px;
          position: relative; }
          .clm04 .clm .priceBox .price span.num .inner {
            position: relative;
            z-index: 1;
            padding-left: 0; }
            .clm04 .clm .priceBox .price span.num .inner span.tenThou {
              font-size: 35px;
              font-weight: 900;
              font-family: 'Noto Sans JP', sans-serif;
              margin-left: 3px; }
          .clm04 .clm .priceBox .price span.num:after {
            content: "";
            display: inline-block;
            width: 100%;
            border-bottom: 14px solid #feb00a;
            position: absolute;
            bottom: 8px;
            left: 0;
            z-index: 0; }
          .clm04 .clm .priceBox .price span.num span.comma {
            vertical-align: middle;
            display: inline-block;
            margin-top: -23px; }
        .clm04 .clm .priceBox .price span.unit {
          position: relative;
          display: inline-block;
          width: 80px;
          text-align: left;
          padding-top: 17px; }
        .clm04 .clm .priceBox .price span.tax {
          font-size: 16px;
          position: absolute;
          top: 0;
          left: -10px; }
      .clm04 .clm .priceBox .attn {
        text-align: center;
        color: #121212; }
        .clm04 .clm .priceBox .attn span {
          font-size: 14px;
          text-align: left;
          text-indent: -1em;
          margin-left: 1em;
          display: inline-block; }
    .clm04 .clm .pointBlc .bgBox02 {
      background-color: #F5F8FC;
      padding: 35px 75px; }
      .clm04 .clm .pointBlc .bgBox02 .clearfix {
        margin-bottom: 45px; }
      .clm04 .clm .pointBlc .bgBox02 .txtBlc {
        width: -moz-calc(100% - 300px);
        width: -o-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: calc(100% - 300px); }
        .clm04 .clm .pointBlc .bgBox02 .txtBlc .ttltxt {
          font-size: 28px;
          margin: 40px 0 30px; }
        .clm04 .clm .pointBlc .bgBox02 .txtBlc p {
          text-align: left;
          display: block;
          line-height: 1.5;
          font-size: 18px; }
        .clm04 .clm .pointBlc .bgBox02 .txtBlc ul li {
          text-align: left;
          line-height: 1.5;
          font-size: 18px; }
      .clm04 .clm .pointBlc .bgBox02 .imgBlc {
        width: 300px; }
      .clm04 .clm .pointBlc .bgBox02 .leftFt {
        float: left; }
      .clm04 .clm .pointBlc .bgBox02 .rightFt {
        float: right; }
      .clm04 .clm .pointBlc .bgBox02 .leftFt.txtBlc {
        padding-right: 65px; }
      .clm04 .clm .pointBlc .bgBox02 .rightFt.txtBlc {
        padding-left: 65px; }
    .clm04 .clm .bgRedBox {
      margin-bottom: 0; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm04 .clm {
    top: -40px;
    padding-bottom: 0 !important; }
    .clm04 .clm .wrapper {
      padding-bottom: 20px !important; }
    .clm04 .clm .pointBlc .bgBox02 {
      padding: 30px 30px; }
      .clm04 .clm .pointBlc .bgBox02 .txtBlc .ttltxt {
        margin: 30px 0 15px;
        font-size: 22px; }
      .clm04 .clm .pointBlc .bgBox02 .txtBlc p {
        font-size: 16px; }
      .clm04 .clm .pointBlc .bgBox02 .leftFt.txtBlc {
        padding-right: 40px; }
      .clm04 .clm .pointBlc .bgBox02 .rightFt.txtBlc {
        padding-left: 40px; }
    .clm04 .clm .priceBox {
      margin: 0 auto;
      margin-bottom: 20px; }
      .clm04 .clm .priceBox .inr .flxB > p {
        width: 450px;
        display: inline-block; }
      .clm04 .clm .priceBox .price {
        font-size: 16px; }
        .clm04 .clm .priceBox .price span.tax {
          right: calc(50% - 213px);
          font-size: 14px; } }
@media screen and (max-width: 767px) {
  .clm04 {
    margin-top: 14vw; }
    .clm04 .bgBox {
      min-height: 360vw; }
    .clm04 .clm {
      padding-bottom: 1vw !important; }
      .clm04 .clm h2 {
        font-size: 4.5vw !important;
        padding: 3vw 0; }
      .clm04 .clm h3.icon {
        position: relative;
        margin-top: 130px;
        font-size: 34px; }
      .clm04 .clm h4 {
        display: inline-block;
        padding: 0 70px;
        margin: 0 0 20px; }
      .clm04 .clm h4:after {
        background-color: #247BA0; }
      .clm04 .clm .priceBox {
        margin: 4vw auto 0;
        font-size: 4.5vw;
        margin-bottom: 4vw; }
        .clm04 .clm .priceBox .inr .flxB {
          width: 100%; }
          .clm04 .clm .priceBox .inr .flxB > p {
            width: 100%; }
        .clm04 .clm .priceBox .price {
          margin-bottom: 4vw; }
          .clm04 .clm .priceBox .price span.num {
            font-size: 11vw;
            margin: 0 3vw; }
            .clm04 .clm .priceBox .price span.num span {
              margin-top: -17px; }
          .clm04 .clm .priceBox .price span.unit {
            font-size: 3.5vw; }
          .clm04 .clm .priceBox .price span.tax {
            font-size: 3.5vw; }
        .clm04 .clm .priceBox .attn span {
          font-size: 3vw; }
      .clm04 .clm .pointBlc .bgBox02 {
        padding: 3vw 3vw; }
        .clm04 .clm .pointBlc .bgBox02 .clearfix {
          margin-bottom: 7.5vw; }
        .clm04 .clm .pointBlc .bgBox02 .txtBlc {
          width: 100%; }
          .clm04 .clm .pointBlc .bgBox02 .txtBlc .ttltxt {
            font-size: 4.0vw;
            margin: 3vw 0 2vw; }
          .clm04 .clm .pointBlc .bgBox02 .txtBlc p {
            font-size: 3.5vw; }
          .clm04 .clm .pointBlc .bgBox02 .txtBlc ul li {
            font-size: 3.5vw; }
        .clm04 .clm .pointBlc .bgBox02 .imgBlc {
          width: 100%;
          padding: 0 16vw; }
        .clm04 .clm .pointBlc .bgBox02 .leftFt {
          float: left; }
        .clm04 .clm .pointBlc .bgBox02 .rightFt {
          float: right; }
        .clm04 .clm .pointBlc .bgBox02 .leftFt.txtBlc {
          padding-right: 0; }
        .clm04 .clm .pointBlc .bgBox02 .rightFt.txtBlc {
          padding-left: 0; }
      .clm04 .clm .bgRedBox {
        margin-bottom: 0; } }
.clm05 {
  position: relative;
  margin-top: 220px; }
  .clm05 p {
    font-size: 16px; }
  .clm05 .bgBox {
    position: absolute;
    top: 0;
    background-color: #eb8b64;
    min-height: 1500px;
    width: 100%; }
  .clm05 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm05_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.5vw; }
  .clm05 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm05_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.6vw; }
  .clm05 .clm {
    padding-bottom: 1px !important;
    position: relative;
    top: -125px; }
    .clm05 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), #ff723a;
      padding: 14px 0;
      margin-bottom: 40px; }
      .clm05 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm05 .clm h2 > span span {
          text-shadow: none;
          color: #000000; }
    .clm05 .clm h3 {
      font-size: 24px !important;
      color: #535353;
      position: relative; }
      .clm05 .clm h3:after {
        content: "";
        display: inline-block;
        border-bottom: 2px solid #5b9dd3;
        width: 80px;
        position: absolute;
        bottom: -7px;
        left: 50%;
        transform: translateX(-50%); }
    .clm05 .clm .blc01 {
      margin-bottom: 60px; }
      .clm05 .clm .blc01 > div {
        width: 50%; }
        .clm05 .clm .blc01 > div.txtBlc {
          padding: 80px 40px 0 0; }
          .clm05 .clm .blc01 > div.txtBlc p {
            margin-bottom: 1em;
            text-align: left;
            line-height: 1.6;
            font-size: 16px; }
    .clm05 .clm .iconBox {
      margin-bottom: 40px;
      padding: 0 60px; }
      .clm05 .clm .iconBox > div {
        width: 33.3%;
        text-align: center; }
    .clm05 .clm .lead {
      display: inline-block;
      font-size: 24px !important;
      font-weight: 500;
      color: #D31E1E;
      position: relative;
      z-index: 1;
      padding: 0 7px;
      margin-bottom: 40px; }
    .clm05 .clm .lead:after {
      content: "";
      width: 100%;
      height: 12px;
      background-color: #FFDDA7;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1; }
  .clm05 .bgRedBox {
    margin-bottom: 40px !important; }
  .clm05 .bgGrnBox02 {
    background-color: #d7e5f2;
    padding: 40px 175px;
    border-radius: 3px;
    margin-bottom: 40px; }
  .clm05 .btmBlc {
    margin-bottom: 40px; }
    .clm05 .btmBlc h4 {
      margin-bottom: 30px; }
    .clm05 .btmBlc .comBlc {
      padding: 0 60px;
      margin-bottom: 80px; }
      .clm05 .btmBlc .comBlc.com01 .logoBlc {
        padding-top: 10px; }
        .clm05 .btmBlc .comBlc.com01 .logoBlc img {
          max-width: 60%; }
      .clm05 .btmBlc .comBlc.com01 .mallBlc {
        padding-top: 30px; }
        .clm05 .btmBlc .comBlc.com01 .mallBlc > div {
          width: 33.33%;
          text-align: center; }
          .clm05 .btmBlc .comBlc.com01 .mallBlc > div img {
            max-height: 52px; }
      .clm05 .btmBlc .comBlc.com01.typeB .logoBlc img {
        max-width: 60%; }
      .clm05 .btmBlc .comBlc.com01.typeB .mallBlc > div:nth-child(3) {
        padding-top: 10px; }
      .clm05 .btmBlc .comBlc.com02 {
        margin-bottom: 50px; }
        .clm05 .btmBlc .comBlc.com02 .txtBlc {
          padding-top: 10px; }
      .clm05 .btmBlc .comBlc .logoBlc {
        width: 42%;
        position: relative;
        /*
        				img {
        					position: absolute;			
        					left: 50%;
        					top: 50%;
        					transform: translate(-50% , -50%);
        				}
        */ }
      .clm05 .btmBlc .comBlc .txtBlc {
        width: calc(100% - 42%);
        text-align: left; }
        .clm05 .btmBlc .comBlc .txtBlc .name {
          font-size: 18px;
          color: #1272bd;
          margin-bottom: 10px; }
      .clm05 .btmBlc .comBlc .comDtl {
        margin-top: 20px;
        border-top: 2px solid #dadcdc; }
        .clm05 .btmBlc .comBlc .comDtl .line {
          border-bottom: 2px solid #dadcdc;
          padding: 15px 0; }
          .clm05 .btmBlc .comBlc .comDtl .line .label {
            width: 25%;
            font-size: 16px; }
          .clm05 .btmBlc .comBlc .comDtl .line .dtl {
            width: 75%;
            font-size: 16px;
            text-align: left; }
    .clm05 .btmBlc .knkImg > div {
      width: 230px;
      text-align: center; }
      .clm05 .btmBlc .knkImg > div img {
        margin-bottom: 15px; }
    .clm05 .btmBlc .knkImg > div.centerBlc {
      width: -moz-calc(100% - 460px);
      width: -o-calc(100% - 460px);
      width: -webkit-calc(100% - 460px);
      width: calc(100% - 460px); }
      .clm05 .btmBlc .knkImg > div.centerBlc p {
        color: #ED6666;
        margin: 10px 0 15px; }
    .clm05 .btmBlc .knkBox03 > div {
      width: 43.5%; }
      .clm05 .btmBlc .knkBox03 > div p.ttl {
        color: #fff;
        text-align: center;
        font-size: 22px;
        border-radius: 1px 1px 0 0;
        line-height: 1px;
        padding: 25px 0; }
      .clm05 .btmBlc .knkBox03 > div .inner {
        padding: 30px 40px; }
        .clm05 .btmBlc .knkBox03 > div .inner p.txtBlc {
          text-align: left;
          min-height: 5em;
          margin-bottom: 25px; }
        .clm05 .btmBlc .knkBox03 > div .inner p.prob {
          font-size: 20px;
          margin-bottom: 20px; }
        .clm05 .btmBlc .knkBox03 > div .inner p.lead02 {
          font-size: 28px !important;
          margin-top: 15px;
          display: inline-block;
          font-weight: 500;
          position: relative;
          z-index: 1;
          padding: 0 7px; }
        .clm05 .btmBlc .knkBox03 > div .inner p.lead02:after {
          content: "";
          width: 100%;
          height: 12px;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: -1; }
    .clm05 .btmBlc .knkBox03 > div.centerBox {
      width: -moz-calc(100% - 87%);
      width: -o-calc(100% - 87%);
      width: -webkit-calc(100% - 87%);
      width: calc(100% - 87%);
      position: relative; }
      .clm05 .btmBlc .knkBox03 > div.centerBox .pc {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .clm05 .btmBlc .knkBox03 > div.leftBox {
      border: 1px solid #7EB5D3;
      border-radius: 3px; }
      .clm05 .btmBlc .knkBox03 > div.leftBox p.ttl {
        background-color: #7EB5D3; }
      .clm05 .btmBlc .knkBox03 > div.leftBox .inner p span {
        color: #505E8D; }
      .clm05 .btmBlc .knkBox03 > div.leftBox .inner p.lead02 {
        color: #505E8D; }
      .clm05 .btmBlc .knkBox03 > div.leftBox .inner p.lead02:after {
        background-color: #D3F5FF; }
    .clm05 .btmBlc .knkBox03 > div.rightBox {
      border: 1px solid #FF723A;
      border-radius: 3px; }
      .clm05 .btmBlc .knkBox03 > div.rightBox p.ttl {
        background-color: #FF723A; }
      .clm05 .btmBlc .knkBox03 > div.rightBox .inner p span {
        color: #D31E1E; }
      .clm05 .btmBlc .knkBox03 > div.rightBox .inner p.lead02 {
        color: #D31E1E; }
      .clm05 .btmBlc .knkBox03 > div.rightBox .inner p.lead02:after {
        background-color: #FFDDA7; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm05 {
    margin-top: 100px; }
    .clm05 .clm {
      top: -40px; }
    .clm05 .bgGrnBox02 {
      padding: 40px 40px; }
    .clm05 .btmBlc .knkBox03 > div {
      width: 45%; }
      .clm05 .btmBlc .knkBox03 > div p.ttl {
        font-size: 18px;
        line-height: 1.4; }
      .clm05 .btmBlc .knkBox03 > div.centerBox {
        width: calc(100% - 90%); }
        .clm05 .btmBlc .knkBox03 > div.centerBox img {
          max-width: 90%; } }
@media screen and (max-width: 767px) {
  .clm05 {
    margin-top: 14vw; }
    .clm05 p {
      font-size: 3.5vw !important; }
    .clm05 .bgBox {
      min-height: 450vw; }
    .clm05 .clm {
      top: 0; }
      .clm05 .clm h2 {
        font-size: 4.5vw !important;
        padding: 3vw 0;
        margin-bottom: 4vw; }
      .clm05 .clm h3 {
        font-size: 4.5vw !important;
        margin-bottom: 5vw !important; }
      .clm05 .clm .blc01 {
        margin-bottom: 6vw; }
        .clm05 .clm .blc01 > div {
          width: 100%; }
          .clm05 .clm .blc01 > div.txtBlc {
            padding: 4vw 0 0 0; }
            .clm05 .clm .blc01 > div.txtBlc p {
              font-size: 3.5vw; }
      .clm05 .clm .iconBox {
        margin-bottom: 40px;
        padding: 0 60px; }
        .clm05 .clm .iconBox > div {
          width: 33.3%;
          text-align: center; }
      .clm05 .clm .lead {
        display: inline-block;
        font-size: 24px !important;
        font-weight: 500;
        color: #D31E1E;
        position: relative;
        z-index: 1;
        padding: 0 7px;
        margin-bottom: 40px; }
      .clm05 .clm .lead:after {
        content: "";
        width: 100%;
        height: 12px;
        background-color: #FFDDA7;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1; }
    .clm05 .bgRedBox {
      margin-bottom: 40px !important; }
    .clm05 .bgGrnBox02 {
      padding: 4vw 3vw;
      margin-bottom: 6vw; }
    .clm05 .btmBlc {
      margin-bottom: 4vw; }
      .clm05 .btmBlc h4 {
        margin-bottom: 5vw; }
      .clm05 .btmBlc .comBlc {
        padding: 0 0;
        margin-bottom: 7vw; }
        .clm05 .btmBlc .comBlc.com01 .logoBlc {
          padding-top: 10px; }
        .clm05 .btmBlc .comBlc.com01 .mallBlc {
          padding-top: 4vw; }
          .clm05 .btmBlc .comBlc.com01 .mallBlc > div img {
            max-height: 52px;
            max-width: 85%; }
        .clm05 .btmBlc .comBlc.com02 {
          margin-bottom: 5vw; }
          .clm05 .btmBlc .comBlc.com02 .txtBlc {
            padding-top: 10px; }
        .clm05 .btmBlc .comBlc .logoBlc {
          width: 100%; }
          .clm05 .btmBlc .comBlc .logoBlc img {
            max-width: 75%; }
        .clm05 .btmBlc .comBlc .txtBlc {
          width: 100%; }
          .clm05 .btmBlc .comBlc .txtBlc .name {
            font-size: 4.5vw;
            margin-bottom: 1vw;
            margin-top: 4vw; }
        .clm05 .btmBlc .comBlc .comDtl {
          margin-top: 4vw; }
          .clm05 .btmBlc .comBlc .comDtl .line {
            padding: 4vw 0; }
            .clm05 .btmBlc .comBlc .comDtl .line .label {
              width: 25%;
              font-size: 3.5vw; }
            .clm05 .btmBlc .comBlc .comDtl .line .dtl {
              width: 75%;
              font-size: 3.5vw; }
      .clm05 .btmBlc .knkImg > div {
        width: 33.33%; }
        .clm05 .btmBlc .knkImg > div img {
          margin-bottom: 4vw; }
      .clm05 .btmBlc .knkImg > div.centerBlc {
        width: 33.33%; }
        .clm05 .btmBlc .knkImg > div.centerBlc p {
          margin: 3vw 0 4vw;
          font-size: 3.1vw !important; }
        .clm05 .btmBlc .knkImg > div.centerBlc > div img {
          max-width: 50%; }
      .clm05 .btmBlc .knkBox03 > div {
        width: 100%; }
        .clm05 .btmBlc .knkBox03 > div p.ttl {
          font-size: 4vw !important;
          padding: 3vw 0;
          line-height: 1.4; }
        .clm05 .btmBlc .knkBox03 > div .inner {
          padding: 4vw 3vw; }
          .clm05 .btmBlc .knkBox03 > div .inner p.txtBlc {
            min-height: 5em;
            margin-bottom: 5vw; }
          .clm05 .btmBlc .knkBox03 > div .inner p.prob {
            font-size: 4vw;
            margin-bottom: 4vw; }
            .clm05 .btmBlc .knkBox03 > div .inner p.prob br {
              display: none !important; }
          .clm05 .btmBlc .knkBox03 > div .inner p.lead02 {
            font-size: 7vw !important;
            margin-top: 4vw; }
      .clm05 .btmBlc .knkBox03 > div.centerBox {
        width: 100%;
        padding: 4vw 0;
        text-align: center; }
        .clm05 .btmBlc .knkBox03 > div.centerBox img {
          height: 15vw; } }
.clm06 {
  position: relative;
  margin-top: 80px; }
  .clm06 p {
    font-size: 16px; }
  .clm06 .bgBox {
    position: absolute;
    top: 0;
    background-color: #ffd591;
    min-height: 700px;
    width: 100%; }
  .clm06 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm06_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.5vw; }
  .clm06 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm06_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.6vw; }
  .clm06 .clm {
    padding-bottom: 1px !important;
    position: relative;
    top: -125px; }
    .clm06 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), #ffb947;
      padding: 14px 0;
      margin-bottom: 30px; }
      .clm06 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm06 .clm h2 > span span {
          text-shadow: none;
          color: #000000; }
  .clm06 .qawrp {
    padding: 0 0 50px;
    margin: 0 45px;
    border-top: 1px solid #d5d5d5; }
  .clm06 .qaBlc > div {
    text-align: left;
    border: 1px solid #d5d5d5;
    border-top: none;
    padding: 20px 20px; }
    .clm06 .qaBlc > div p {
      padding-left: 60px;
      margin-top: 10px; }
    .clm06 .qaBlc > div .ttl {
      font-size: 20px;
      font-weight: 500;
      color: #161616;
      position: relative;
      margin-top: 0; }
      .clm06 .qaBlc > div .ttl .icon {
        position: absolute;
        left: 0;
        top: -8px;
        display: inline-block;
        background-color: #f08200;
        width: 45px;
        height: 45px;
        border-radius: 100px; }
        .clm06 .qaBlc > div .ttl .icon span {
          color: #fff;
          font-size: 28px;
          line-height: 1;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -62%); }
    .clm06 .qaBlc > div.qBox {
      position: relative;
      padding: 20px 60px 20px 20px; }
      .clm06 .qaBlc > div.qBox:after {
        content: "＋";
        color: #f08200;
        font-size: 40px;
        font-weight: 700;
        position: absolute;
        right: 13px;
        top: 15px;
        line-height: 1; }
      .clm06 .qaBlc > div.qBox:hover {
        background-color: #f6f6f6;
        cursor: pointer; }
      .clm06 .qaBlc > div.qBox.open:after {
        content: "ー";
        font-size: 30px;
        right: 17px;
        top: 18px; }
    .clm06 .qaBlc > div.aBox {
      display: none;
      border-top: none;
      background-color: #f6f6f6; }
      .clm06 .qaBlc > div.aBox .ttl .icon {
        background-color: #3899e4; }
  .clm06 .bgRedBox {
    margin-bottom: 40px !important; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm06 .bgBox {
    min-height: 500px; }
  .clm06 .clm {
    top: -40px; }
    .clm06 .clm .wrapper {
      padding-bottom: 20px !important; } }
@media screen and (max-width: 767px) {
  .clm06 {
    margin-top: 14vw; }
    .clm06 p {
      font-size: 16px; }
    .clm06 .bgBox {
      min-height: 290vw; }
    .clm06 .clm {
      top: 0; }
      .clm06 .clm h2 {
        font-size: 4.5vw !important;
        padding: 4vw 0;
        margin-bottom: 4vw; }
    .clm06 .qawrp {
      padding: 0 0 6vw;
      margin: 0; }
    .clm06 .qaBlc > div {
      text-align: left;
      border: 1px solid #d5d5d5;
      border-top: none;
      padding: 20px 20px; }
      .clm06 .qaBlc > div p {
        padding-left: 60px;
        margin-top: 10px; }
      .clm06 .qaBlc > div .ttl {
        font-size: 4.0vw;
        padding-left: 10vw !important; }
        .clm06 .qaBlc > div .ttl .icon {
          top: -1vw;
          width: 8vw;
          height: 8vw; }
          .clm06 .qaBlc > div .ttl .icon span {
            font-size: 5.0vw; }
      .clm06 .qaBlc > div.qBox {
        padding: 4vw 8vw 4vw 2vw; }
        .clm06 .qaBlc > div.qBox:hover {
          background-color: #fff; }
        .clm06 .qaBlc > div.qBox:after {
          font-size: 6vw;
          right: 2vw;
          top: 4.5vw; }
        .clm06 .qaBlc > div.qBox.open:after {
          font-size: 5vw;
          top: 4.8vw;
          right: 2vw; }
      .clm06 .qaBlc > div.aBox {
        padding: 4vw 4vw 4vw 2vw; }
        .clm06 .qaBlc > div.aBox p {
          padding-left: 0;
          font-size: 3.5vw; } }
.clm07 {
  position: relative;
  margin-top: 220px; }
  .clm07 p {
    font-size: 16px; }
  .clm07 .bgBox {
    position: absolute;
    top: 0;
    background-color: #d2e6ef;
    min-height: 1000px;
    width: 100%; }
  .clm07 .bgBox:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm07_bg_top.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    top: -11.5vw; }
  .clm07 .bgBox:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11.71vw;
    background-image: url("../img/2109/clm07_bg_btm.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    position: absolute;
    bottom: -11.6vw; }
  .clm07 .clm {
    padding-bottom: 1px !important;
    position: relative;
    top: -125px; }
    .clm07 .clm h2 {
      font-size: 30px !important;
      color: #fff;
      text-align: center;
      background: url("../img/2109/ttl_bgDots.png"), #409ac3;
      padding: 14px 0;
      margin-bottom: 40px; }
      .clm07 .clm h2 > span {
        display: block;
        font-size: 35px;
        font-weight: 700;
        color: #f5e14a;
        text-shadow: 2px 2px 1px #000000, -2px 2px 1px #000000, 2px -2px 1px #000000,  -2px -2px 1px #000000,  2px 0px 1px #000000,  0px 2px 1px #000000,  -2px 0px 1px #000000,  0px -2px 1px #000000;
        letter-spacing: 2px; }
        .clm07 .clm h2 > span span {
          text-shadow: none;
          color: #000000; }
  .clm07 .stepwrp {
    padding: 0 0 20px;
    margin: 0 45px; }
    .clm07 .stepwrp .stepBlc {
      padding: 20px;
      background-color: #a3d4e8;
      margin-bottom: 30px;
      position: relative; }
      .clm07 .stepwrp .stepBlc:nth-child(2) {
        background-color: #7dc0dc; }
      .clm07 .stepwrp .stepBlc:nth-child(3) {
        background-color: #54abcf; }
      .clm07 .stepwrp .stepBlc:nth-child(4) {
        background-color: #2e94bf; }
      .clm07 .stepwrp .stepBlc:nth-child(5) {
        background-color: #1b81ab; }
      .clm07 .stepwrp .stepBlc:nth-child(6) {
        background-color: #0e6b91; }
      .clm07 .stepwrp .stepBlc:nth-child(7) {
        background-color: #065474; }
      .clm07 .stepwrp .stepBlc:nth-child(8) {
        background-color: #033d55; }
      .clm07 .stepwrp .stepBlc .ico {
        width: 130px;
        border-right: 2px solid #fff;
        text-align: left; }
      .clm07 .stepwrp .stepBlc .stepTxt {
        width: calc(100% - 130px);
        padding-left: 30px; }
      .clm07 .stepwrp .stepBlc p {
        color: #fff;
        font-size: 14px;
        text-align: left; }
        .clm07 .stepwrp .stepBlc p.stpTtl {
          font-size: 20px; }
      .clm07 .stepwrp .stepBlc .btnBlc02 {
        text-align: center;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 170px; }
        .clm07 .stepwrp .stepBlc .btnBlc02 a {
          color: #c51414;
          font-size: 16px;
          font-weight: 700;
          border: 2px solid #c51414;
          border-radius: 80px;
          padding: 9px 20px;
          width: 100%;
          display: inline-block;
          line-height: 1;
          position: relative;
          background-color: #fff;
          box-shadow: 0 2px #d92723; }
          .clm07 .stepwrp .stepBlc .btnBlc02 a:after {
            content: "";
            display: inline-block;
            width: 11px;
            height: 16px;
            background-image: url("../img/2109/arrw_rr.svg");
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%); }
          .clm07 .stepwrp .stepBlc .btnBlc02 a:hover {
            color: #fff;
            background-color: #c51414; }
            .clm07 .stepwrp .stepBlc .btnBlc02 a:hover:after {
              background-image: url("../img/2109/arrw_wr.svg"); }
  .clm07 .bgRedBox {
    margin-bottom: 40px !important; }

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .clm07 {
    margin-top: 80px; }
    .clm07 .clm {
      top: -60px; }
      .clm07 .clm .wrapper {
        padding-bottom: 20px !important; }
        .clm07 .clm .wrapper .bgRedBox {
          margin-bottom: 0 !important; }

  /*
  	.clm {
  		.wrapper {
  			h4 {
  				.sp {
  					display: block;
  				}
  			}
  			h5 {
  				span {
  					line-height: 1.4;
  					.sp {
  						display: block;
  					}
  				}
  			}
  			.txtBox {
  				> div {
  					width: 32%;
  					margin-right: 2%;
  					.boxUp {
  						padding: 15px 7px 15px 10px;
  					}
  					.boxBtm {
  						padding: 15px 5px 15px 7px;
  					}
  				}
  			}
  			.bgRedBox {
  				margin-bottom: 0!important;
  			}
  		}
  	}
  	.main {
  		.bg_inner {
  			.wrapper {
  				h2 {
  					padding: 50px 0 30px;
  				}
  			}
  		}
  	}
  	.clm11 {
  		margin-top: -44%;
  		margin: -44% 20px 40px;
  		.wrapper {
  			padding: 0 20px;
  			h3 {
  				font-size: 32px!important;
  			}
  			.pc {
  				img {
  					width: 80%;
  				}
  			}
  			p.lead {
  				padding: 0 20px;
  			}
  			ul.mollLst {
  				margin: 0 80px;
  				li {
  					width: 33%;
  					margin: 20px 0 0;
  				}
  			}
  		}
  	}
  	.clm12 {
  		margin: 200px 0 0;
  		.clm {
  			margin: 0 20px;
  			padding-top: 60px;
  			position: relative;
  			top: -40px;
  			.lead {
  				margin-bottom: 80px;
  			}
  		}
  		.wrapper {
  			.bgGrnBox {
  				padding: 20px 30px!important;
  				margin-bottom: 60px;
  			}
  			.bgGrnBox02 {
  				padding: 30px 30px;
  			}
  		}
  		.btmBlc {
  			margin-bottom: 80px;
  			.knkBox03 {
  				> div {
  					.inner {
  						padding: 20px;
  					}
  					p.ttl {
  						line-height: 1.4;
  						padding: 15px 0;
  						.sp {
  							display: block;
  						}
  					}
  				}
  				> div.centerBox {
  					.pc {
  						width: 80%;
  					}
  				}
  			}
  		}
  	}
  	.clm13 {
  		margin: 100px 0 0;
  		.wrapper {
  			padding: 50px 20px 40px;
  		}
  		.clm {
  			margin:  0 20px;
  			padding-top: 60px;
  			position: relative;
  			top: -40px;
  			.bgBluBox {
  				margin-bottom: 60px;
  				span.num {
  					left: 30px;
  				}
  				h5 {
  					margin: 0 0 40px;
  				}
  			}
  			.baseBlc {
  				margin-top: 80px;
  				margin-bottom: 80px;
  			}
  			.proBlc {
  				padding: 0;
  				table {
  					th {
  						padding: 15px 10px;
  						width: 20%;
  					}
  					td {
  						padding: 15px 10px;
  						width: 80%;
  					}
  				}
  			}
  			.pointBlc {
  				padding-top: 60px;
  				.bgBox02 {
  					padding: 30px;
  					.txtBlc {
  						.ttltxt {
  							margin: 20px 0 20px;
  							br {
  								display: none;
  							}
  						}
  					}
  					.leftFt.txtBlc {
  						padding-right: 30px;
  					}
  				}
  			}
  		}
  	}
  */ }
@media screen and (min-width: 768px) and (max-width: 1040px) {
  /*-----  共通設定  -----*/
  /*
  	.wrapper {
  		padding: 0 10px;
  	}
  */ }
@media screen and (max-width: 767px) {
  .clm07 {
    margin-top: 14vw; }
    .clm07 p {
      font-size: 3.5vw; }
    .clm07 .bgBox {
      min-height: 420vw; }
    .clm07 .clm {
      top: 0; }
      .clm07 .clm h2 {
        font-size: 4.5vw !important;
        padding: 4vw 0;
        margin-bottom: 4vw; }
    .clm07 .stepwrp {
      padding: 0 0 3vw;
      margin: 0; }
      .clm07 .stepwrp .stepBlc {
        padding: 3vw;
        margin-bottom: 4vw; }
        .clm07 .stepwrp .stepBlc .ico {
          width: 100%;
          border-right: none;
          border-bottom: 2px solid #fff;
          padding-bottom: 2vw;
          margin-bottom: 2vw; }
        .clm07 .stepwrp .stepBlc .stepTxt {
          width: 100%;
          padding-left: 0; }
        .clm07 .stepwrp .stepBlc p {
          font-size: 3.5vw; }
          .clm07 .stepwrp .stepBlc p.stpTtl {
            font-size: 4.5vw;
            margin-bottom: 2vw; }
        .clm07 .stepwrp .stepBlc .btnBlc02 {
          text-align: center;
          position: static;
          right: auto;
          top: auto;
          transform: translateY(0);
          width: 100%;
          margin-top: 3vw; }
          .clm07 .stepwrp .stepBlc .btnBlc02 a {
            font-size: 4.0vw;
            padding: 9px 20px;
            width: 70%; }
            .clm07 .stepwrp .stepBlc .btnBlc02 a:after {
              content: "";
              display: inline-block;
              width: 11px;
              height: 16px;
              background-image: url("../img/2109/arrw_rr.svg");
              background-size: contain;
              background-repeat: no-repeat;
              position: absolute;
              right: 15px;
              top: 50%;
              transform: translateY(-50%); }
            .clm07 .stepwrp .stepBlc .btnBlc02 a:hover {
              color: #fff;
              background-color: #c51414; }
              .clm07 .stepwrp .stepBlc .btnBlc02 a:hover:after {
                background-image: url("../img/2109/arrw_wr.svg"); }
    .clm07 .bgRedBox {
      margin-bottom: 40px !important; }

  /*
  .clm11 {
  	margin: -38vw 4vw 0;
  	padding-bottom: 7vw!important;
  	.wrapper {
  		h3 {
  			font-size: 22px!important;
  			font-size: 6.5vw!important;
  		}
          p.lead {
              padding: 0;
          }
          ul.mollLst {
  			margin: 0;
              li {
  				margin: 25px 8px 0;
              }
  			li:nth-child(1) {
  				@include calc("width" , "40% - 16px");
  				img {
  					width: 64px;
  					width:  186px;
  				}
  			}
  			li:nth-child(2) {
  				@include calc("width" , "60% - 16px");
  				img {
  					width: 114px;
  					width: 336px;
  				}
  			}
  			li:nth-child(3) {
  				@include calc("width" , "30% - 16px");
  				img {
  					width: 50px;
  					width: 114px;
  				}
  			}
  			li:nth-child(4) {
  				@include calc("width" , "34% - 16px");
  				img {
  					width: 59.5px;
  					width: 174px;
  				}
  			}
  			li:nth-child(5) {
  				@include calc("width" , "36% - 16px");
  				img {
  					width: 65.6px;
  					width: 261px;
  				}
  			}
  			li:nth-child(6) {
  				@include calc("width" , "36% - 16px");
  				img {
  					width:  65.6px;
  					width: 174px;
  				}
  			}
  			li:nth-child(7) {
  				@include calc("width" , "36% - 16px");
  				img {
  					width: 71px;	
  					width: 208px;
  				}
  			}
          }
  	}
  }
  .clm02 {
  	margin-top: 100px;
  	.bgBox {
  		min-height: 2470px;
  	}
  	p {
  		font-size: 4.3vw!important;
  	}
  	.clm {
  		top: -20px;
  		margin: 0 4vw;
  		padding-top: 130px!important;
  		padding-top: -31vw!important;
  		.iconBox {
  			justify-content: center;
  			> div {
  				width: 50%;
  				padding: 0 8%;
  			}
  		}
  		.lead {
  			font-size: 17px!important;
  			font-size: 4.5vw!important;
  			margin-bottom: 60px;
  		}
  		h3:before {
  			width: 11vw;
  			height: 13vw;
  			top: -14vw;
  		}
  	}
  	.bgGrnBox {
  		padding: 20px 15px!important;
  		.bnrBox {
  			padding: 0 0 10px;
              ul {
                  margin: 0;
                  li {
                      margin: 10px 8px 0;
                  }
                  li:nth-child(1) {
                      @include calc("width" , "40% - 16px");
  					img {
  						width: 64px;
  					}
                  }
                  li:nth-child(2) {
                      @include calc("width" , "60% - 16px");
                      img {
                          width: 114px;
  					}
                  }
                  li:nth-child(3) {
                      @include calc("width" , "30% - 16px");
  					img {
  						width: 50px;
  					}
                  }
                  li:nth-child(4) {
                      @include calc("width" , "34% - 16px");
  					img {
  						width: 59.5px;
  					}
                  }
                  li:nth-child(5) {
                      @include calc("width" , "36% - 16px");
  					img {
  						width: 65.5px;
  					}
                  }
                  li:nth-child(6) {
                      @include calc("width" , "36% - 16px");
  					img {
  						width: 54.5px;
  					}
                  }
                  li:nth-child(7) {
                      @include calc("width" , "36% - 16px");
  					img {
  						width: 71px;
  					}
                  }
              }		
  		}
          .mName {
              font-size: 3.1vw!important;
          }
  	}
  	.bgRedBox {
          margin-bottom: 100px!important;
  	}
  	.bgGrnBox02 {
  		padding: 30px 15px;
  	}
  	.btmBlc {
  		padding-top: 60px;
          margin-bottom: 30px;
  		h4 {
  			margin-bottom: 30px;
  		}
  		.iconBox {
  			justify-content: center;
  			margin: 40px 0 50px;
  		}
  		.knkBox {
  			padding: 20px 15px;
  			.imgBox {
  				width: 100%;
  				text-align: center;
  				margin-bottom: 20px;
  				img {
  					width: 60%;
  				}
  			}
  			.txtBox {
  				width: 100%;
  				padding-left: 0;
  				p.name {
  					font-size: 4.4vw;
  					padding: 7px 10px;
  					width: 100%;
  					margin-bottom: 15px;
  				}
  				p.ttl {
  					font-size: 4.6vw!important;
  					margin: 8px 0 10px;
  				}
  			}
  		}
  		.knkImg {
  			> div {
  				width: 30%;
  				p {
                      font-size: 3.0vw!important;					
  				}
  				img {
  					margin-bottom: 15px;
  				}
  			}
  			> div.centerBlc {
  				@include calc("width" , "100% - 60%");
  				img {
  					max-width: 45%;
  					margin-bottom: 1px;
  				}
  				p {
  					margin: -13px 0 5px;
  					font-size: 3.0vw!important;
  				}
  			}
  		}
  		.knkBox03 {
  			> div {
  				width: 100%;
  				p.ttl {
  					font-size: 18px;
  					padding: 15px 0;					
  				}
  				.inner {
  					padding: 15px 15px;
  					p.txtBlc {
  						text-align: left;
  						min-height: 5em;
  						margin-bottom: 20px;
  					}
  					p.prob {
  						font-size: 5.5vw!important;
  						margin-bottom: 20px;
  					}
  					p.lead02 {
  						font-size: 8vw!important;
  						margin-top: 10px;
  					}
  					p.lead02:after {
                          content: "";
                          width: 100%;
                          height: 12px;
                          position: absolute;
                          bottom: 0;
                          left: 0;
                          z-index: -1;						
  					}
  				}
  			}
  			> div.leftBox {
  				p.ttl {
  					font-size: 5vw!important;
  					line-height: 1.3;
  				}
  			}
  			> div.centerBox {
  				width: 200%;
  				padding: 20px 0;
  			}
  			> div.rightBox {
  				p.ttl {
  					font-size: 5vw!important;
  					line-height: 1.3;
  				}
  			}
  		}
  	}
  }
  .clm03 {
  	margin-top: 80px;
  	margin-bottom: 30px;
  	p {
  		font-size: 4.3vw!important;
  	}
  	.bgBox {
  		position: absolute;
  		top: 0;
  		background-color: $corpCBlu;
  		min-height: 3720px;
  		width: 100%;
  	}
  	.bgBox:before {
  		content: "";
  		display: inline-block;
  		width: 100%;
  		height: 11.71vw;
          background-image: url("../img/clm03_bg_top.png");
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 100% auto;
  		position: absolute;
  		top: -11.6vw;
  	}
  	.bgBox:after {
  		content: "";
  		display: inline-block;
  		width: 100%;
  		height: 11.71vw;
          background-image: url("../img/clm03_bg_btm.png");
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 100% auto;
  		position: absolute;
  		bottom: -11.6vw;
  	}
  	.clm {
  		padding-bottom: 1px!important;
  		margin: 0 4vw;
  		.wrapper {
  			padding: 0;
  		}
          h3 {
              position: relative;
  			margin-top: 60px;
          }
          h3:before {
            width: 20vw;
            height: 15vw;
            top: -14vw;
          }	
  		h4:after {
  			background-color: $corpCBlu;
  		}
  		.clm03ttl {
  			font-size: 9vw;
  			width: 100%;
  			margin: 0 auto 30px;
  			background-size: 80% auto;
  			padding-bottom: 18px;
  		}
  		.bgBluBox {
  			padding: 30px 4vw;
  			margin-bottom: 50px;
  			span.num {
  				font-size: 11vw;
  				left: 4vw;
                  top: -9vw;
  			}
  			h5 {
  				font-size: 5.5vw;
  				margin-bottom: 40px;
  			}
  		}
  		.bgWBox {
  			margin-top: 30px;
  			padding: 15px 15px;
  			ul {
  				li {
  					font-size: 3.5vw;
  					text-indent: -1em;
  					margin-left: 1em;
  				}
  			}
  		}
          .baseBlc {
              margin-top: 40px;
  			margin-bottom: 40px;
  			padding: 0 4vw;
  			.imgBox {
  				margin-top: 40px;
  			}
          }
  		.txtBox {
  			margin-top: 30px;
  			> div {
                  border: 1px solid #2FA2D4;
  				.boxUp {
  					background-color: #2FA2D4;
  					text-align: center;
  					i {
  						margin-right: 7px;
  					}
  				}
  			}
  			> div:nth-child(2) {
                  border: 1px solid $corpCBlu;		
  				.boxUp {
                      background-color: $corpCBlu;					
  				}
  			}
  			> div:nth-child(3) {
  				margin-right: 0;
                  border: 1px solid #0F5A7A;					
  				.boxUp {
                      background-color: #0F5A7A;					
  				}
  			}
  		}
  		.proBlc {
  			padding: 0 4vw;
  			margin-bottom: 40px;
  			.detail {
  				background-position: top left 40%;
  				padding-top: 40vw;
  				background-size: 36vw auto;
  				table {
  					width: 100%;
  					thead {
  						th {
  							font-size: 4vw;
  							padding: 15px;
  						}
  					}
  					tbody {
  						tr {
  							display: block;
  						}
  						th {
  							font-size: 4vw;
  							display: block;
  							width: 100%;
  							padding: 10px 15px 0 15px;
  							i {
  								font-size: 4vw;
  							}
  						}
  						td {
  							font-size: 4vw;
  							display: block;
  							width: 100%;
  							text-align: left;
  							padding: 7px 15px 15px 15px;
  						}
  					}
  				}
  			}
  		}
  		.pointBlc {
  			margin-top: 60px;
  			margin-bottom: 80px;
  			padding-top: 40px;
  			.bgBox02 {
  				padding: 40px 4vw 10px;
  				margin: 0 4vw;
  				.clearfix {
  					margin-bottom: 45px;
  				}
  				.txtBlc {
  					width: 100%;
  					float: none;
  					padding-right: 0!important;
  					.ttltxt {
  						font-size: 5.5vw!important;
  						margin: 20px 0 20px;
  						text-align: center;
  					}
  				}
  				.imgBlc {
  					width: 100%;
  					float: none;
  					text-align: center;
  					img {
  						width: 65%;
  					}
  				}
  				.leftFt {
  					float: none;
  				}
  				.rightFt {
  					float: none;
  				}
  				.leftFt.txtBlc {
  					padding-right: 0;
  				}
  				.rightFt.txtBlc {
  					padding-left: 0;
  				}
  			}
  		}
  	}
  	.bgRedBox {
  		margin: 0 4vw 0!important;
  		margin-bottom: 0!important;
  	}
  }	
  */ }