@charset "UTF-8";
.tiny_ttl {
  background: url("/common/images/product/ttl_001.png");
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  margin: 20px auto 0;
  padding: 5px 25px;
}

@media screen and (max-width: 768px) {
  .tiny_ttl {
    line-height: 1.6;
    padding: 8px 25px 4px;
  }
}
.f-medium {
  font-weight: 500;
}

.img_border_box {
  border: 1px solid #ccc;
  border-top: none;
  padding: 60px 16px 16px;
}

@media screen and (max-width: 768px) {
  .img_border_box {
    padding: 25px 10px 10px;
  }
}
.img_border_box .note_list {
  margin-bottom: 0;
}

.feature_img_list.feature_box {
  align-items: normal;
}

.feature_img_list.feature_box > .img {
  background-color: #e0f2fc;
}

.feature_img_list.feature_box .list_box {
  margin-bottom: 20px;
  padding: 12px 12px 22px 12px;
  background: #f2f4f7;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box {
    padding-bottom: 17px;
  }
}
.feature_img_list.feature_box .list_box:last-of-type {
  margin-bottom: 0;
}

.feature_img_list.feature_box .list_box .list_ttl {
  margin-bottom: 13px;
  padding: 3px 12px 2px;
  border-bottom: 4px solid #cdd8e8;
  background: #dce4f0;
  font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box .list_ttl {
    padding: 5px 12px 3px;
    font-size: 1.8rem;
  }
}
.feature_img_list.feature_box .list_box .list_ttl p {
  font-weight: 500;
  line-height: 1.6;
}

.feature_img_list.feature_box .list_box ul {
  margin-top: 10px;
}

.feature_img_list.feature_box .list_box ul li {
  position: relative;
}

.feature_img_list.feature_box .list_box ul li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0.4em;
  width: 19px;
  height: 19px;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box ul li::before {
    width: 16px;
    height: 16px;
  }
}
.feature_img_list.feature_box .list_box li {
  color: #476eaa;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 8px;
  padding-left: 40px;
}

.feature_img_list.feature_box .list_box li:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box li {
    font-size: 1.6rem;
    padding-left: 36px;
  }
}
.feature_img_list.feature_box .list_box li:before {
  position: absolute;
  color: #fff;
  line-height: 1.2;
  top: 0.4em;
  left: 9px;
  -webkit-transform: none;
          transform: none;
  font-size: 1.6rem;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box li:before {
    font-size: 1.4rem;
    width: 18px;
    height: 18px;
  }
}
.feature_img_list.feature_box .list_box li .note {
  display: table;
  font-size: 1.4rem;
  color: #555;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .list_box li .note {
    margin-top: 3px;
  }
}
.feature_img_list.feature_box .list_box li .note::before {
  content: attr(data-text);
  white-space: nowrap;
  padding-right: 5px;
  display: table-cell;
}

.feature_img_list.feature_box .list_box.blue_bk li:before {
  background-color: #5aafff;
}

.feature_img_list.feature_box .list_box.pink_bk li:before {
  background-color: #ff8fbd;
}

.feature_img_list.feature_box .list_box.green_bk li:before {
  background-color: #00ae4f;
}

.feature_img_list.feature_box .img p:first-of-type {
  display: block;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .img p:first-of-type {
    display: none;
  }
}
.feature_img_list.feature_box .img p:last-of-type {
  display: none;
}

@media screen and (max-width: 768px) {
  .feature_img_list.feature_box .img p:last-of-type {
    display: block;
  }
}
.feature_img_list > .list:only-child {
  padding: 10px 0 0 13px;
  width: auto;
}

.note_box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .note_box {
    display: block;
    margin-bottom: 20px;
  }
}
.note_box .img {
  flex-shrink: 0;
  margin: 0 20px 0 0;
  max-width: 128px;
}

@media screen and (max-width: 768px) {
  .note_box .img {
    margin: 0 0 13px;
  }
}
.note_box .img img {
  max-width: 100%;
  width: auto;
}

.note_box .txt ul {
  font-size: 1.4rem;
}

.note_box .txt ul li {
  line-height: 1.4;
}

.note_box .txt ul.disc li {
  position: relative;
  padding: 0 0 0 16px;
}

.note_box .txt ul.disc li::before {
  content: "";
  display: block;
  background-color: #555;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 0.2em;
  left: 0;
}

.feature_list_box.small {
  padding: 12px;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small {
    margin-bottom: 0;
  }
  .feature_list_box.small + .img_col4,
  .feature_list_box.small + .img_small.left,
  .feature_list_box.small + .img_mdm.left {
    margin-top: 20px;
  }
}
.feature_list_box.small > p {
  margin-bottom: 12px;
}

.feature_list_box.small > p.img_ttl {
  font-size: 1.4rem;
  padding: 0;
  margin-bottom: 6px;
}

.feature_list_box.small .feature_list_ttl {
  margin-bottom: 13px;
  padding: 6px 12px 3px;
}

.feature_list_box.small .feature_list_ttl p {
  font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .feature_list_ttl p {
    font-size: 1.8rem;
  }
}
.feature_list_box.small .feature_list {
  margin-left: 8px;
}

.feature_list_box.small .feature_list li {
  font-size: 1.8rem;
  padding-left: 22px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .feature_list li {
    font-size: 1.6rem;
  }
  .feature_list_box.small .feature_list li p {
    margin-top: 4px;
  }
}
.feature_list_box.small .feature_list li::before {
  border-radius: 50%;
  left: 0;
  width: 10px;
  height: 10px;
}

.feature_list_box.small .feature_list .square li::before {
  border-radius: 0;
  top: 8px;
  width: 12px;
  height: 12px;
}

.feature_list_box.small .feature_list .note {
  display: table;
  color: #555;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .feature_list .note {
    margin-top: 5px;
  }
}
.feature_list_box.small .feature_list .note::before {
  content: attr(data-text);
  white-space: nowrap;
  padding-right: 5px;
  display: table-cell;
}

.feature_list_box.small .feature_list .note[data-text=""]::before {
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .feature_list {
    margin-bottom: 10px;
  }
}
.feature_list_box.small .feature_list + .column {
  margin-top: -10px;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .feature_list + .column {
    margin-top: 0;
  }
}
.feature_list_box.small .txt_img {
  display: flex;
  justify-content: space-between;
}

.feature_list_box.small .txt_img:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .txt_img {
    display: block;
    margin-bottom: 10px;
  }
}
.feature_list_box.small .txt_img figure {
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 20px;
  width: calc(50% - 20px);
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .txt_img figure {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: auto;
  }
}
.feature_list_box.small .txt_img figure img {
  display: block;
  max-height: 103px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .txt_img figure img {
    display: block;
    margin: auto;
  }
}
.feature_list_box.small .txt_img .txt {
  width: calc(50% - 20px);
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .txt_img .txt {
    width: auto;
  }
}
.feature_list_box.small .txt_img::after {
  display: none;
}

.feature_list_box.small .column {
  display: flex;
}

.feature_list_box.small .column .note {
  font-size: 1.4rem;
  margin-left: 10px;
  flex: 1.6;
}

@media screen and (max-width: 768px) {
  .feature_list_box.small .column .note {
    flex: 1.2;
  }
}
.feature_list_box.small .column figure {
  flex: 1;
}

.feature_list_box.small .column figure p {
  padding: 10px;
}

.feature_list_box figure {
  padding: 0 10px 10px;
}

.feature_list_box figure p {
  background-color: #fff;
  padding: 10px 5px;
  border: 1px solid #cccccc;
}

.feature_list_box figure + .feature_list {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .feature_list_box figure + .feature_list {
    margin-top: 0;
  }
}
.feature_list_box img {
  max-width: 100%;
  width: auto;
}

.feature_list_box .txt_strong.blue {
  color: #476eaa;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 10px;
}

.feature_list_box .standard_list li .note_list {
  margin: 5px 0;
}

@media screen and (max-width: 768px) {
  .feature_list_box .standard_list .disc {
    margin-bottom: 0;
  }
}
.feature_list_box .txt_img.mb0 {
  margin-bottom: 0;
}

.feature_list_box .txt_img.mb0 .right {
  margin-bottom: 0;
}

.feature_list_box .txt_img.mb0 .right p {
  padding: 0;
}

.feature_list_box .txt_img.mb0 .right p img {
  position: static;
}

.feature_list_box .feature_list_ttl span.num {
  width: auto;
  min-width: 2em;
}

.feature_list_box .feature_list_ttl span.num + p {
  width: auto;
}

@media (max-width: 480px) {
  .feature_list_box .feature_list_ttl span.num {
    margin-bottom: 0;
    margin-right: 5px;
    min-width: 2.3em;
  }
}
.feature_list_box .feature_list_ttl + .indent_box {
  margin-top: -5px;
}

.feature_list_box .indent_box {
  padding: 0px 0 0 13px;
}

.feature_list_box .indent_box .note_list:last-child {
  margin-bottom: 0;
}

.feature_list_box .indent_box p + .note_list {
  margin-top: 7px;
}

.feature_list_box .example_ttl {
  margin: 18px 0 10px;
}

.img_col4 {
  border-top: 1px solid #ccc;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.3fr 0px 1fr 0px 1fr 0px 1.3fr;
  grid-template-columns: 1.3fr 1fr 1fr 1.3fr;
  -ms-grid-rows: auto 0px auto;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.img_col4 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.img_col4 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.img_col4 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.img_col4 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.img_col4 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.img_col4 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.img_col4 > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.img_col4 > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}

@media screen and (max-width: 1051px) {
  .img_col4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .img_col4 {
    border-top: none;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 10px auto 10px auto 10px auto;
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .img_col4 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .img_col4 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .img_col4 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .img_col4 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .img_col4 > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .img_col4 > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .img_col4 > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .img_col4 > *:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
}
.img_col4 img {
  max-width: 100%;
  width: auto;
  position: relative;
}

.img_col4 .image_small {
  padding: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .img_col4 .image_small {
    padding: 20px;
  }
}
.img_col4 .image_small img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .img_col4 .image_small img {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .img_col4 .image_small {
    border: 1px solid #ccc;
  }
}
.img_col4 .image_small:nth-of-type(1) {
  border-left: 1px solid #ccc;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}

.img_col4 .image_small:nth-of-type(1) img {
  max-width: 146px;
  left: 5px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .image_small:nth-of-type(1) img {
    max-width: none;
    left: 0;
  }
}
.img_col4 .image_small:nth-of-type(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}

.img_col4 .image_small:nth-of-type(3) img {
  max-width: 151px;
  left: -10px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .image_small:nth-of-type(3) img {
    max-width: none;
    left: 0;
  }
}
.img_col4 .image_small:nth-of-type(5) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}

.img_col4 .image_small:nth-of-type(5) img {
  max-width: 152px;
  left: 10px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .image_small:nth-of-type(5) img {
    max-width: none;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .img_col4 .image_small:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }
}
.img_col4 .image_small:nth-of-type(7) {
  border-right: 1px solid #ccc;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 1/4/2/5;
}

.img_col4 .image_small:nth-of-type(7) img {
  max-width: 165px;
  left: -5px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .image_small:nth-of-type(7) img {
    max-width: none;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .img_col4 .image_small:nth-of-type(7) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 3/2/4/3;
  }
}
.img_col4 .content_small {
  border-top: 1px solid #ccc;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .img_col4 .content_small {
    border-top: none;
  }
}
.img_col4 .content_small p {
  position: relative;
}

.img_col4 .content_small:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}

.img_col4 .content_small:nth-of-type(2) p {
  left: 5px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .content_small:nth-of-type(2) p {
    left: 0;
  }
}
.img_col4 .content_small:nth-of-type(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}

.img_col4 .content_small:nth-of-type(4) p {
  left: -10px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .content_small:nth-of-type(4) p {
    left: 0;
  }
}
.img_col4 .content_small:nth-of-type(6) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/3/4;
}

@media screen and (max-width: 768px) {
  .img_col4 .content_small:nth-of-type(6) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4/1/5/2;
  }
}
.img_col4 .content_small:nth-of-type(6) p {
  left: 10px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .content_small:nth-of-type(6) p {
    left: 0;
  }
}
.img_col4 .content_small:nth-of-type(8) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 2/4/3/5;
}

@media screen and (max-width: 768px) {
  .img_col4 .content_small:nth-of-type(8) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/5/3;
  }
}
.img_col4 .content_small:nth-of-type(8) p {
  left: -5px;
}

@media screen and (max-width: 1051px) {
  .img_col4 .content_small:nth-of-type(8) p {
    left: 0;
  }
}
.img_col4 .content_small p {
  font-size: 1.4rem;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .img_col4 .content_small p {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.lineup_box.wide .lineup_box_inner {
  padding: 50px 15px 16px;
}

@media screen and (max-width: 768px) {
  .lineup_box.wide .lineup_box_inner {
    padding: 20px 10px 10px;
  }
}
.lineup_box.wide + .lineup_box.wide {
  margin-top: -40px;
}

.lineup_box.wide .lineup_img_warp figure p {
  display: block;
}

@media screen and (max-width: 768px) {
  .lineup_box.wide .lineup_img_warp figure p:first-of-type {
    display: none;
  }
}
.lineup_box.wide .lineup_img_warp figure p:last-of-type {
  display: none;
}

@media screen and (max-width: 768px) {
  .lineup_box.wide .lineup_img_warp figure p:last-of-type {
    display: block;
  }
}
.comparison_area {
  max-width: 840px;
  margin: 0 auto;
}

.comparison_area img {
  max-width: 100%;
  width: auto;
}

.comparison_area .comparison_box {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}

.comparison_area .comparison_box .comparison_before,
.comparison_area .comparison_box .comparison_after {
  align-items: center;
  border: 4px solid #cce0b6;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  flex: 1;
  position: relative;
  padding: 13px 15px;
}

.comparison_area .comparison_box.long_box .comparison_before,
.comparison_area .comparison_box.long_box .comparison_after {
  align-self: flex-start;
}

.comparison_area .comparison_box .comparison_before {
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_before {
    margin-bottom: 40px;
  }
}
.comparison_area .comparison_box .comparison_before::before {
  content: "";
  background: url("/common/images/product/arrow_002.png") no-repeat 0 0/contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -64px;
  width: 60px;
  height: 72px;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_before::before {
    background-image: url("/common/images/product/arrow_002_sp.png");
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    top: auto;
    bottom: -46px;
    width: 72px;
    height: 42px;
  }
}
.comparison_area .comparison_box .comparison_after {
  background-color: #fffde9;
  border-color: #0070b4;
}

.comparison_area .comparison_box .comparison_after .after_ttl {
  background-color: #0070b4;
  color: #fff;
  font-size: 1.8rem;
  margin: 20px 0 10px;
  padding: 3px 10px;
  line-height: 1.4;
}

.comparison_area .comparison_box .comparison_after .after_ttl:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_after .after_ttl {
    font-size: 1.6rem;
  }
}
.comparison_area .comparison_box .comparison_after .after_ttl + .img_box {
  margin-top: 15px;
}

.comparison_area .comparison_box .comparison_after .after_subttl {
  background-color: #01a8c8;
  color: #fff;
  font-size: 1.8rem;
  margin: 20px 0 10px;
  padding: 3px 10px;
  line-height: 1.4;
}

.comparison_area .comparison_box .comparison_after .after_subttl:first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_after .after_subttl {
    font-size: 1.6rem;
  }
}
.comparison_area .comparison_box .comparison_after .txt_small {
  font-size: 1.4rem;
}

.comparison_area .comparison_box .comparison_inner {
  flex: 1;
  line-height: 1.6;
}

.comparison_area .comparison_box .comparison_inner .comparison_name {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

.comparison_area .comparison_box .comparison_inner .comparison_name img {
  max-height: 22px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}

.comparison_area .comparison_box .comparison_inner .img_box figcaption {
  font-size: 1.4rem;
  margin-top: 10px;
  text-align: center;
}

.comparison_area .comparison_box .comparison_inner .img_box + .img_box {
  margin-top: 20px;
}

.comparison_area .comparison_box .comparison_inner .img_box figure p:only-of-type {
  display: block;
}

.comparison_area .comparison_box .comparison_inner .img_box figure p:first-child:not(:only-of-type) {
  display: block;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_inner .img_box figure p:first-child:not(:only-of-type) {
    display: none;
  }
}
.comparison_area .comparison_box .comparison_inner .img_box figure p:last-child:not(:only-of-type) {
  display: none;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box .comparison_inner .img_box figure p:last-child:not(:only-of-type) {
    display: block;
  }
}
.comparison_area .comparison_box .comparison_inner figure p img {
  display: block;
  margin: 0 auto;
  max-height: none;
}

.comparison_area .comparison_box .comparison_inner p img {
  max-height: 16px;
  vertical-align: middle;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px);
}

.comparison_area .comparison_box .comparison_inner p + figure {
  margin: 0 auto;
  padding: 10px 10px 0;
  max-width: 260px;
}

.comparison_area .comparison_box .comparison_inner p + figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.comparison_area .comparison_box .comparison_inner p + .note_list {
  margin-top: 15px;
}

.comparison_area .comparison_box .comparison_inner .disc {
  margin-top: 15px;
  font-size: 1.4rem;
}

.comparison_area .comparison_box .comparison_inner .disc > li {
  position: relative;
  padding: 0 0 0 16px;
}

.comparison_area .comparison_box .comparison_inner .disc > li:not(:last-child) {
  margin-bottom: 5px;
}

.comparison_area .comparison_box .comparison_inner .disc > li::before {
  content: "";
  display: block;
  background-color: #555;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.comparison_area .comparison_box .comparison_inner .square {
  margin-top: 10px;
}

.comparison_area .comparison_box .comparison_inner .square > li {
  position: relative;
  padding: 0 0 0 16px;
}

.comparison_area .comparison_box .comparison_inner .square > li:not(:last-child) {
  margin-bottom: 5px;
}

.comparison_area .comparison_box .comparison_inner .square > li::before {
  content: "";
  display: block;
  background-color: #555;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.comparison_area .comparison_box .comparison_inner .square .disc {
  margin-top: 0px;
}

.comparison_area .comparison_box .comparison_inner .square .disc > li {
  padding: 0 0 0 10px;
  margin-bottom: 0 !important;
}

.comparison_area .comparison_box .comparison_inner .square .disc > li::before {
  background-color: #555;
  width: 3px;
  height: 3px;
  top: 0.8em;
  left: 0;
}

.comparison_area .comparison_box .comparison_inner .square.indent > li {
  display: flex;
  align-items: flex-start;
}

.comparison_area .comparison_box .comparison_inner .square.indent > li:not(:last-child) {
  margin-bottom: 5px;
}

.comparison_area .comparison_box .comparison_inner .square.indent > li .tit {
  width: 4em;
  white-space: nowrap;
  text-align: justify;
  padding-right: 1em;
  position: relative;
}

.comparison_area .comparison_box .comparison_inner .square.indent > li .tit:after {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
}

.comparison_area .comparison_box .comparison_inner .square.indent + .note_list {
  margin-top: 20px;
}

.comparison_area .comparison_box .comparison_inner .square.indent + .note_list:last-child {
  margin-bottom: 0;
}

.comparison_area .comparison_box .comparison_inner.column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.comparison_area .comparison_box .comparison_inner.column figure {
  flex-shrink: 0;
  margin-left: 10px;
  padding: 0;
}

.comparison_area .comparison_box .comparison_inner.column figure img {
  display: block;
  margin: 0 auto;
  max-width: 60px;
}

.comparison_area .comparison_box .comparison_inner .note_list:last-child {
  margin-bottom: 0;
}

.comparison_area .comparison_box.one_line .comparison_before,
.comparison_area .comparison_box.one_line .comparison_after {
  padding: 0;
}

.comparison_area .comparison_box.one_line .comparison_before::before {
  background: url("/common/images/product/arrow_003.png") no-repeat 0 0/contain;
  right: -64px;
  width: 68px;
  height: 42px;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box.one_line .comparison_before::before {
    background-image: url("/common/images/product/arrow_002_sp.png");
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    top: auto;
    bottom: -46px;
    width: 72px;
    height: 42px;
  }
}
.comparison_area .comparison_box.one_line .comparison_arrow {
  padding: 0 0 0 18px;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box.one_line .comparison_arrow {
    padding: 0 0 18px;
  }
}
.comparison_area .comparison_box.one_line .comparison_arrow::before {
  border-width: 23px 0 23px 23px;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_box {
    display: block;
  }
}
.comparison_area .comparison_wrap {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_wrap {
    padding: 20px 0;
  }
}
.comparison_area .comparison_wrap.blue {
  background-color: #e1f3fb;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_wrap.blue {
    padding: 8px;
  }
}
.comparison_area .comparison_wrap:first-of-type:not(.blue) {
  padding-top: 0;
}

.comparison_area .comparison_wrap .standard_txt {
  margin-bottom: 0;
}

.comparison_area .comparison_wrap .standard_txt img {
  max-height: 16px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}

.comparison_area .comparison_label {
  margin-bottom: 15px;
}

.comparison_area .comparison_label p {
  border: 1px solid #01a8c8;
  color: #01a8c8;
  display: inline-block;
  line-height: 1;
  padding: 5px 10px;
}

.comparison_area .comparison_ttl {
  background-color: #01a8c8;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 15px;
  padding: 0px 10px;
  font-weight: 500;
}

.comparison_area .comparison_ttl:not(:first-of-type) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .comparison_area .comparison_ttl {
    font-size: 1.6rem;
  }
}
.comparison_area hr {
  background: url("/common/images/product/line_001.png") no-repeat center 0;
  height: 6px;
  margin: 0px auto;
  border: none;
}

.comparison_area hr.small {
  margin: 10px auto 25px;
}

@media screen and (max-width: 768px) {
  .comparison_area hr.small {
    margin-top: 0;
  }
}
.renewal_area {
  margin: 0 auto 20px;
}

.renewal_area img {
  max-width: 100%;
  width: auto;
}

.renewal_area .renewal_box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  -webkit-column-gap: 120px;
     -moz-column-gap: 120px;
          column-gap: 120px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box {
    display: block;
  }
}
.renewal_area .renewal_box .renewal_before,
.renewal_area .renewal_box .renewal_after {
  align-items: center;
  border: 4px solid #cce0b6;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  flex: 1;
  position: relative;
}

.renewal_area .renewal_box .renewal_before {
  background-color: #fff;
  z-index: 1;
  align-items: flex-start;
  padding: 8px 13px 15px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_before {
    margin-bottom: 60px;
    padding: 7px 15px 0;
    height: 324px;
  }
}
@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_before .renewal_inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0px 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100%;
  }
  .renewal_area .renewal_box .renewal_before .renewal_inner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal_area .renewal_box .renewal_before .renewal_inner > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .renewal_area .renewal_box .renewal_before .renewal_inner .renewal_ttl {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
    margin-bottom: 0;
  }
  .renewal_area .renewal_box .renewal_before .renewal_inner figure {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
    margin-top: 0;
    padding: 10px 15px;
  }
}
.renewal_area .renewal_box .renewal_before .renewal_ttl {
  margin-bottom: 15px;
  text-align: center;
}

.renewal_area .renewal_box .renewal_before .renewal_ttl span {
  border-bottom: 2px solid #cce0b6;
  display: inline-block;
  color: #646464;
  font-size: 2rem;
  font-weight: 500;
  min-width: 220px;
}

.renewal_area .renewal_box .renewal_before::before {
  content: "";
  background: url("/common/images/product/arrow_001.png") no-repeat 0 0/contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -124px;
  width: 120px;
  height: 100px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_before::before {
    background-image: url("/common/images/product/arrow_001_sp.png");
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    top: auto;
    bottom: -64px;
    width: 200px;
    height: 60px;
  }
}
.renewal_area .renewal_box .renewal_before figure img.max_225 {
  max-height: 225px;
}

.renewal_area .renewal_box .renewal_before figure img.max_240 {
  max-height: 240px;
}

.renewal_area .renewal_box .renewal_before figure img.max_187 {
  max-height: 187px;
  margin-top: 37px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_before figure img.max_187 {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_before figure {
    display: flex;
    align-items: center;
  }
  .renewal_area .renewal_box .renewal_before figure img {
    display: block;
  }
}
.renewal_area .renewal_box .renewal_after {
  background-color: #fffde9;
  border-color: #0070b4;
  padding: 13px 13px 20px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_after {
    padding: 15px 15px;
  }
}
.renewal_area .renewal_box .renewal_inner {
  flex: 1;
}

.renewal_area .renewal_box .renewal_inner .renewal_name {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

.renewal_area .renewal_box .renewal_inner .renewal_name img {
  max-height: 22px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}

.renewal_area .renewal_box .renewal_inner figure {
  margin-top: 10px;
}

.renewal_area .renewal_box .renewal_inner figure img {
  display: block;
  margin: 0 auto;
}

.renewal_area .renewal_box .renewal_inner figure img.max_132 {
  max-width: 136px;
  margin: -6px 0 0 13px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_inner figure img.max_132 {
    margin: auto;
    max-width: none;
    width: 100%;
  }
}
.renewal_area .renewal_box .renewal_inner p img {
  max-height: 16px;
  vertical-align: middle;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px);
}

.renewal_area .renewal_box .renewal_inner .list {
  font-size: 1.8rem;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_inner .list {
    margin-top: 0;
  }
}
.renewal_area .renewal_box .renewal_inner .list li {
  position: relative;
  color: #fff;
  background-color: #0070b4;
  line-height: 1.5;
  margin: 10px 0;
  padding: 2px 10px 2px;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_inner .list li {
    padding: 4px 5px 4px;
    line-height: 1.3;
  }
}
.renewal_area .renewal_box .renewal_inner .list li:first-child {
  margin-top: 0;
}

.renewal_area .renewal_box .renewal_inner .list li:last-child {
  margin-bottom: 0;
}

.renewal_area .renewal_box .renewal_inner.column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.renewal_area .renewal_box .renewal_inner.column figure {
  flex-shrink: 0;
  margin-right: 25px;
}

.renewal_area .renewal_box .renewal_inner.column figure.mr_10 {
  margin-right: 10px;
}

.renewal_area .renewal_box .renewal_inner.column .img_column {
  width: 40%;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_inner.column .img_column {
    width: 46%;
  }
}
.renewal_area .renewal_box .renewal_inner.column .list_column {
  flex: 1;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .renewal_area .renewal_box .renewal_inner.column .list_column {
    width: 54%;
  }
}
.renewal_area + .btn_big {
  margin-top: 30px;
}

main .standard_tbl table th.center-txt,
main .standard_tbl table td.center-txt {
  text-align: center;
}

main .standard_tbl table th .disc li,
main .standard_tbl table td .disc li {
  display: table;
}

main .standard_tbl table th .disc li::before,
main .standard_tbl table td .disc li::before {
  display: table-cell;
  padding-right: 5px;
  content: "・";
}

main .standard_tbl table th .arrow.red li,
main .standard_tbl table td .arrow.red li {
  font-size: 1.6rem;
  padding-left: 17px;
  position: relative;
}

main .standard_tbl table th .arrow.red li::before,
main .standard_tbl table td .arrow.red li::before {
  position: absolute;
  top: 10px;
  left: 5px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #da5442;
}

.column_wrap {
  display: flex;
  margin-bottom: 25px;
  flex-wrap: wrap;
  gap: 20px;
}

.column_wrap .column_box {
  width: calc(50% - 20px);
}

.column_wrap .column_box.feature_list_box {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .column_wrap .column_box.feature_list_box {
    width: auto;
  }
}
.ex_area {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .ex_area {
    display: block;
  }
}
.ex_area .ex_img figure p {
  display: block;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_img figure p:first-of-type {
    display: none;
  }
}
.ex_area .ex_img figure p:last-of-type {
  display: none;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_img figure p:last-of-type {
    display: block;
  }
}
.ex_area .ex_list {
  text-align: center;
  width: 32%;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_list {
    width: auto;
  }
}
.ex_area .ex_list .ex_box {
  border: 3px solid #45b035;
  padding: 25px 16px 20px;
  margin-bottom: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_list .ex_box {
    margin-top: 20px;
  }
}
.ex_area .ex_list .ex_box p {
  color: #45b035;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 0 10px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_list .ex_box p {
    font-size: 2rem;
    margin-bottom: 17px;
  }
}
.ex_area .ex_list .ex_box li {
  background-color: #45b035;
  border-radius: 4px;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  margin: 10px;
  padding: 5px 2px 3px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_list .ex_box li {
    font-size: 1.8rem;
  }
}
.ex_area .ex_list .ex_box::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 27px 0 27px;
  border-color: #45b035 transparent transparent transparent;
  position: absolute;
  bottom: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ex_area .ex_list .disc {
  display: inline-block;
}

.ex_area .ex_list .disc li {
  padding: 0 0 0 10px;
  color: #45b035;
  font-weight: 500;
  font-size: 2.2rem;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ex_area .ex_list .disc li {
    font-size: 2rem;
  }
}
.ex_area .ex_list .disc li::before {
  content: "";
  background-color: #45b035;
  border-radius: 50%;
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0.8em;
  left: 0;
}

.ex_area.red .ex_list .ex_box {
  border-color: #e60012;
}

.ex_area.red .ex_list .ex_box p {
  color: #e60012;
}

.ex_area.red .ex_list .ex_box li {
  background-color: #fff;
  border: 3px dotted #e60012;
  color: #e60012;
  padding: 2px 2px 0px;
}

@media screen and (max-width: 768px) {
  .ex_area.red .ex_list .ex_box li {
    padding: 1px 2px 1px;
    margin: 10px 10px;
  }
}
.ex_area.red .ex_list .ex_box::after {
  border-color: #e60012 transparent transparent transparent;
}

.ex_area.red .ex_list .disc li {
  color: #e60012;
}

.ex_area.red .ex_list .disc li::before {
  background-color: #e60012;
}

.pitch_box {
  text-align: center;
  margin-top: 29px;
  border: 2px solid #e60012;
  border-radius: 12px;
  padding: 9px 10px;
}

@media screen and (max-width: 768px) {
  .pitch_box {
    margin-top: 34px;
    padding: 9px 18px;
  }
}
.pitch_box p {
  font-size: 2.4rem;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .pitch_box p {
    font-size: 2.2rem;
    margin-bottom: 7px;
    text-align: left;
  }
}
.pitch_box .big_txt {
  font-size: 3.3rem;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .pitch_box .big_txt {
    font-size: 3rem;
    text-align: left;
  }
}
.pitch_box .big_txt img {
  display: inline-block;
  max-height: 30px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
  width: auto;
  margin: 0 3px;
}

@media screen and (max-width: 768px) {
  .pitch_box .big_txt img {
    max-height: 27px;
  }
}
.flow_area {
  max-width: 600px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .flow_area {
    max-width: none;
  }
}
.flow_area .flow_box {
  position: relative;
}

.flow_area .flow_box:not(:last-child) {
  margin-bottom: 50px;
}

.flow_area .flow_box:not(:last-child)::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #da5442 transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.flow_area .flow_box:last-child .flow_ttl {
  font-size: 2.8rem;
}

.flow_area .flow_ttl {
  background-color: #32ac57;
  border-radius: 5px;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 4px;
  padding: 2px 0;
  text-align: center;
}

.flow_area .flow_column {
  align-items: center;
  border: 1px solid #32ac57;
  border-radius: 5px;
  display: flex;
  gap: 20px;
  padding: 17px;
}

@media screen and (max-width: 768px) {
  .flow_area .flow_column {
    display: block;
  }
}
.flow_area .flow_column .flow_img {
  flex: 1;
}

.flow_area .flow_column .flow_img img {
  display: block;
  margin: auto;
  max-width: 100%;
  width: auto;
}

.flow_area .flow_column .flow_img.h_80 img {
  max-height: 80px;
}

.flow_area .flow_column .flow_img.h_62 img {
  max-height: 62px;
}

.flow_area .flow_column .flow_txt {
  width: 53%;
}

@media screen and (max-width: 768px) {
  .flow_area .flow_column .flow_txt {
    width: auto;
    margin-top: 10px;
  }
}
.flow_area .flow_column .flow_txt .flow_subttl {
  font-size: 1.8rem;
  font-weight: 500;
}

.flow_area .flow_column .flow_txt p {
  font-size: 1.4rem;
}

.img_big_big.max_width {
  max-width: 100%;
}

main .img_small .img_small_box figure p.space img {
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

@media (max-width: 480px) {
  main .img_small .img_small_box figure p.space {
    max-height: 228px;
    padding: 10px;
  }
  main .img_small .img_small_box figure p.space img {
    max-width: none;
    max-height: 208px;
    height: calc(100% - 10px);
  }
}
main .img_small.column4 {
  gap: 20px;
}

@media screen and (max-width: 768px) {
  main .img_small.column4 {
    display: flex;
  }
}
main .img_small.column4 .img_small_box {
  margin: 0 !important;
  width: calc(25% - 15px);
}

@media screen and (max-width: 768px) {
  main .img_small.column4 .img_small_box {
    width: calc(50% - 15px);
  }
}
main .img_mdm .img_mdm_box figure p.space img {
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
}

@media (max-width: 480px) {
  main .img_mdm .img_mdm_box figure p.space {
    aspect-ratio: 34/22.6;
    max-height: 228px;
    display: flex;
    align-items: center;
  }
  main .img_mdm .img_mdm_box figure p.space img {
    display: block;
    width: auto;
    max-height: calc(100% - 20px);
  }
}
@media (max-width: 480px) {
  main .img_mdm .img_mdm_box figure p.h-226 {
    position: relative;
    padding: 0 5px;
    min-height: 226px;
    display: flex;
    align-items: center;
  }
  main .img_mdm .img_mdm_box figure p.h-226 img {
    display: block;
  }
}
@media (max-width: 480px) {
  main .txt_img_new figure.right.normal {
    float: none;
    margin: 0;
  }
}
.txt_img_new + .back_txt.gray.left {
  margin-top: -40px;
}

@media screen and (max-width: 768px) {
  .txt_img_new + .back_txt.gray.left {
    margin-top: -20px;
  }
}
main .feature_list_box .txt_img._small {
  margin-bottom: 0;
}
main .feature_list_box .txt_img._small figure.right {
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 32%;
}
@media (max-width: 480px) {
  main .feature_list_box .txt_img._small figure.right {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
main .feature_list_box .txt_img._small p {
  padding: 0;
}
main .feature_list_box .txt_img._small p img {
  position: static;
}
main .feature_list_box .txt_img._small p sup.note {
  font-size: 1.2rem;
  vertical-align: text-top;
}
main .feature_list_box .txt_img._middle {
  margin-bottom: 0;
}
main .feature_list_box .txt_img._middle figure.right {
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 50%;
}
@media (max-width: 480px) {
  main .feature_list_box .txt_img._middle figure.right {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
main .feature_list_box .txt_img._middle p {
  padding: 0;
}
main .feature_list_box .txt_img._middle p img {
  position: static;
}
main .feature_list_box .txt_img._middle p sup.note {
  font-size: 1.2rem;
  vertical-align: text-top;
}
main .txt_img._small p {
  padding: 0;
}
main .txt_img._small p img {
  position: static;
}
main .small_ttl sup.note {
  font-size: 1.4rem;
  vertical-align: text-top;
  position: relative;
  top: 0.3rem;
}
main .standard_txt.left sup.note {
  font-size: 1.2rem;
  vertical-align: text-top;
  position: relative;
  top: 0rem;
}
main .note_list .column_list {
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: auto 0 1fr;
  grid-template-columns: auto 1fr;
}
main .note_list .column_list dd {
  padding-left: 1.5rem;
  position: relative;
}
main .note_list .column_list dd::before {
  content: "：";
  position: absolute;
  top: 0;
  left: 0;
}

.evolution_area {
  max-width: 840px;
  margin: 0 auto;
}
.evolution_area img {
  max-width: 100%;
  width: auto;
}
.evolution_area .evolution_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 800px;
  margin: 0 auto;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
.evolution_area .evolution_box .evolution_before,
.evolution_area .evolution_box .evolution_after {
  align-items: center;
  border: 4px solid #cccccc;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
.evolution_area .evolution_box .evolution_before {
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_before {
    margin-bottom: 40px;
  }
}
.evolution_area .evolution_box .evolution_before::before {
  content: "";
  background: url("/common/images/product/arrow_004.png") no-repeat 0 0/contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -64px;
  width: 60px;
  height: 72px;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_before::before {
    background-image: url("/common/images/product/arrow_004_sp.png");
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    top: auto;
    bottom: -46px;
    width: 72px;
    height: 42px;
  }
}
.evolution_area .evolution_box .evolution_after {
  background-color: #fff;
  border-color: #002076;
}
.evolution_area .evolution_box .evolution_after .evolution_ttl {
  background-color: #002076;
  color: #fff;
}
.evolution_area .evolution_box .evolution_after .evolution_ttl:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_after .evolution_ttl {
    font-size: 1.6rem;
    padding: 4px 10px 4px;
  }
}
.evolution_area .evolution_box .evolution_after .evolution_ttl + .img_box {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_after .evolution_ttl {
    padding: 3px 10px 4px;
  }
}
.evolution_area .evolution_box .evolution_after .txt_small {
  font-size: 1.4rem;
}
.evolution_area .evolution_box .evolution_inner {
  flex: 1;
  line-height: 1.6;
  padding: 0 17px 20px;
}
.evolution_area .evolution_box .evolution_inner .evolution0_name {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.evolution_area .evolution_box .evolution_inner .evolution0_name img {
  max-height: 22px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.evolution_area .evolution_box .evolution_inner .img_box figcaption {
  font-size: 1.4rem;
  margin-top: 10px;
  text-align: center;
}
.evolution_area .evolution_box .evolution_inner .img_box + .img_box {
  margin-top: 20px;
}
.evolution_area .evolution_box .evolution_inner .img_box figure p:only-of-type {
  display: block;
}
.evolution_area .evolution_box .evolution_inner .img_box figure p:first-child:not(:only-of-type) {
  display: block;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_inner .img_box figure p:first-child:not(:only-of-type) {
    display: none;
  }
}
.evolution_area .evolution_box .evolution_inner .img_box figure p:last-child:not(:only-of-type) {
  display: none;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box .evolution_inner .img_box figure p:last-child:not(:only-of-type) {
    display: block;
  }
}
.evolution_area .evolution_box .evolution_inner figure p img {
  display: block;
  margin: 0 auto;
  max-height: none;
}
.evolution_area .evolution_box .evolution_inner p img {
  max-height: 16px;
  vertical-align: middle;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px);
}
.evolution_area .evolution_box .evolution_inner p + figure {
  margin: 0 auto;
  padding: 10px 10px 0;
  max-width: 320px;
}
.evolution_area .evolution_box .evolution_inner p + figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.evolution_area .evolution_box .evolution_inner.column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.evolution_area .evolution_box .evolution_inner.column figure {
  flex-shrink: 0;
  margin-left: 10px;
  padding: 0;
}
.evolution_area .evolution_box .evolution_inner.column figure img {
  display: block;
  margin: 0 auto;
  max-width: 80px;
}
.evolution_area .evolution_box .evolution_inner .standard_list {
  margin-top: 15px;
}
.evolution_area .evolution_box .evolution_inner .standard_list .disc {
  font-size: 1.4rem;
  margin-bottom: 0;
}
.evolution_area .evolution_box .evolution_inner .standard_list .disc > li:before {
  width: 1.5em;
}
.evolution_area .evolution_box .evolution_inner .standard_list + .note_list {
  margin-top: 10px;
}
.evolution_area .evolution_box .evolution_inner .note_list {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_box {
    display: block;
  }
}
.evolution_area .evolution_wrap {
  background: -webkit-gradient(linear, left top, right top, from(#eeeeee), color-stop(50%, #eeeeee), color-stop(50%, #e1f3fb), to(#e1f3fb));
  background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #e1f3fb 50%, #e1f3fb 100%);
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_wrap {
    background: #e1f3fb;
    padding: 8px;
  }
  .evolution_area .evolution_wrap:not(:first-child) {
    margin-top: 15px;
  }
}
.evolution_area .evolution_wrap .standard_txt {
  margin-bottom: 0;
}
.evolution_area .evolution_wrap .standard_txt img {
  max-height: 16px;
  vertical-align: middle;
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.evolution_area .evolution_label {
  margin-bottom: 15px;
  background-color: #002076;
  padding: 9px 10px 11px;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_label {
    margin-bottom: 10px;
    padding: 7px 8px 6px;
  }
}
.evolution_area .evolution_label * {
  color: #fff;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_label * {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.evolution_area .evolution_label sup.note {
  font-size: 1.4rem;
  position: relative;
  top: -0.6em;
}
.evolution_area .evolution_ttl {
  background-color: #cccccc;
  font-size: 2rem;
  line-height: 1.4;
  margin: -4px 0 15px;
  padding: 2px 10px 3px;
  font-weight: 700;
  text-align: center;
}
.evolution_area .evolution_ttl img {
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_ttl img {
    width: 37px;
  }
}
.evolution_area .evolution_ttl:not(:first-of-type) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .evolution_area .evolution_ttl {
    font-size: 1.6rem;
    padding: 4px 10px 5px;
  }
}

.img_col3 {
  border-top: 1px solid #ccc;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.3fr 0px 1fr 0px 1.3fr;
  grid-template-columns: 1.3fr 1fr 1.3fr;
  -ms-grid-rows: auto 0px auto;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.img_col3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.img_col3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.img_col3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.img_col3 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.img_col3 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.img_col3 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
@media screen and (max-width: 1051px) {
  .img_col3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .img_col3 {
    border-top: none;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 10px auto 10px auto;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .img_col3 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .img_col3 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .img_col3 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .img_col3 > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .img_col3 > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .img_col3 > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
}
.img_col3 img {
  max-width: 100%;
  width: auto;
  position: relative;
}
.img_col3 .image_small {
  padding: 27px 10px 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .img_col3 .image_small {
    padding: 20px;
  }
}
.img_col3 .image_small img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .img_col3 .image_small img {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .img_col3 .image_small {
    border: 1px solid #ccc;
  }
}
.img_col3 .image_small:nth-of-type(1) {
  border-left: 1px solid #ccc;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.img_col3 .image_small:nth-of-type(1) img {
  max-width: 165px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small:nth-of-type(1) img {
    max-width: none;
  }
}
.img_col3 .image_small:nth-of-type(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.img_col3 .image_small:nth-of-type(3) img {
  max-width: 160px;
  left: -10px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small:nth-of-type(3) img {
    max-width: none;
    left: 0;
  }
}
.img_col3 .image_small:nth-of-type(5) {
  border-right: 1px solid #ccc;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}
.img_col3 .image_small:nth-of-type(5) img {
  max-width: 225px;
  left: -5px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small:nth-of-type(5) img {
    max-width: none;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .img_col3 .image_small:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }
}
.img_col3 .image_small.l_12 img {
  left: 12px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small.l_12 img {
    left: 0;
  }
}
.img_col3 .image_small.l_22 img {
  left: 22px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small.l_22 img {
    left: 0;
  }
}
.img_col3 .image_small.l-01 img {
  left: -1px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small.l-01 img {
    left: 0;
  }
}
.img_col3 .image_small.w_165 img {
  max-width: 165px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .image_small.w_165 img {
    max-width: none;
  }
}
.img_col3 .content_small {
  border-top: 1px solid #ccc;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .img_col3 .content_small {
    border-top: none;
  }
}
.img_col3 .content_small p {
  position: relative;
}
.img_col3 .content_small:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
.img_col3 .content_small:nth-of-type(2) p {
  left: 5px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small:nth-of-type(2) p {
    left: 0;
  }
}
.img_col3 .content_small:nth-of-type(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}
.img_col3 .content_small:nth-of-type(4) p {
  left: -10px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small:nth-of-type(4) p {
    left: 0;
  }
}
.img_col3 .content_small:nth-of-type(6) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/3/4;
}
@media screen and (max-width: 768px) {
  .img_col3 .content_small:nth-of-type(6) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4/1/5/2;
  }
}
.img_col3 .content_small:nth-of-type(6) p {
  left: 10px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small:nth-of-type(6) p {
    left: 0;
  }
}
.img_col3 .content_small:nth-of-type(8) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 2/4/3/5;
}
@media screen and (max-width: 768px) {
  .img_col3 .content_small:nth-of-type(8) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/5/3;
  }
}
.img_col3 .content_small:nth-of-type(8) p {
  left: -5px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small:nth-of-type(8) p {
    left: 0;
  }
}
.img_col3 .content_small p {
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .img_col3 .content_small p {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.img_col3 .content_small.l_0 p {
  left: 0px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l_0 p {
    left: 0;
  }
}
.img_col3 .content_small.l_9 p {
  left: 9px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l_9 p {
    left: 0;
  }
}
.img_col3 .content_small.l_12 p {
  left: 12px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l_12 p {
    left: 0;
  }
}
.img_col3 .content_small.l_22 p {
  left: 22px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l_22 p {
    left: 0;
  }
}
.img_col3 .content_small.l-01 p {
  left: -1px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l-01 p {
    left: 0;
  }
}
.img_col3 .content_small.l-07 p {
  left: -7px;
}
@media screen and (max-width: 1051px) {
  .img_col3 .content_small.l-07 p {
    left: 0;
  }
}

main .img_col4 .image_small {
  padding: 27px 10px 20px;
}
@media screen and (max-width: 768px) {
  main .img_col4 .image_small {
    padding: 20px;
  }
}
main .img_col4 .image_small.w_166 img {
  max-width: 166px;
  left: 7px;
}
@media screen and (max-width: 1051px) {
  main .img_col4 .image_small.w_166 img {
    max-width: none;
    left: 0;
  }
}
main .img_col4 .image_small.w_166.l-8 img {
  left: -8px;
}
@media screen and (max-width: 1051px) {
  main .img_col4 .image_small.w_166.l-8 img {
    max-width: none;
    left: 0;
  }
}
main .img_col4 .image_small.w_112 img {
  max-width: 112px;
  left: -5px;
}
@media screen and (max-width: 1051px) {
  main .img_col4 .image_small.w_112 img {
    max-width: none;
    left: 0;
  }
}

main .feature_list_ttl span.red {
  background: transparent;
  padding: 0;
  margin: 0;
  width: auto;
  font-weight: 600;
  font-size: 2.2rem;
  color: #da5442;
  display: inline;
}
@media screen and (max-width: 768px) {
  main .feature_list_ttl span.red {
    font-size: 1.8rem;
    font-weight: 500;
  }
}
main .feature_list_ttl span.red sup.note {
  font-size: 1.4rem;
  vertical-align: text-top;
  position: relative;
  top: 0.3rem;
}
@media screen and (max-width: 768px) {
  main .feature_list_ttl span.red sup.note {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  main .catch_copy.-large.-center.sp_left {
    text-align: left;
  }
}

main .feature_list_ttl span.-small {
  width: 100px;
  padding: 7px 9px;
}

main .feature_list_ttl span.-small + p {
  width: calc(100% - 125px);
}

main .feature_list_ttl.-small {
  padding: 8px 16px;
}

main .feature_list_ttl.-small p {
  font-size: 2.2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  main .feature_list_ttl.-small p {
    font-size: 1.8rem;
  }
}

main .feature_list.-small li {
  margin-top: 4px;
  font-size: 1.6rem;
}

main .feature_list.-small li:first-of-type {
  margin-top: 0;
}

main .feature_list.-small li:before {
  top: 8px;
  left: 8px;
}

@media print, screen and (max-width: 768px) {
  main .feature_list.-small li {
    font-size: 1.4rem;
    padding-left: 24px;
  }
  main .feature_list.-small li:before {
    width: 10px;
    height: 10px;
    top: 6px;
    left: 6px;
  }
}
@media (max-width: 480px) {
  main .feature_list_ttl.-small p {
    font-size: 1.8rem;
  }
  main .feature_list_ttl span.-small {
    width: 88px;
  }
  main .feature_list_ttl span.-small + p {
    width: 100%;
  }
}