@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("/fx/top/fonts/NotoSansJP-Regular.woff2") format("woff2"), url("/fx/top/fonts/NotoSansJP-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url("/fx/top/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("/fx/top/fonts/NotoSansJP-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url("/fx/top/fonts/Anton-Regular.woff2") format("woff2"), url("/fx/top/fonts/Anton-Regular.woff") format("woff");
  font-display: swap;
}

/* ================================================== *
 *
 *    RESET
 *
 * ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

[hidden], audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

blockquote, dd, dl, figure, p {
  margin: 0;
}

hr {
  color: inherit;
  height: auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

ol, ul {
  padding: 0;
  margin: 0;
}

ol {
  counter-reset: item;
}

li {
  list-style: none;
}

a:focus {
  outline: dotted thin;
}

a:active, a:hover {
  outline: 0;
}

b, strong {
  font-weight: 700;
}

i {
  font-style: normal;
}

small {
  font-size: .83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code, kbd, samp {
  font-family: monospace, sans-serif;
}

mark {
  color: #000;
  background-color: #ff0;
}

sub, sup {
  font-size: .83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0;
  text-align: left;
}

td, th {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  border: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  margin: 0;
}

button, input {
  line-height: normal;
  vertical-align: inherit;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]:focus {
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

button, input[type=submit], input[type=reset], input[type=button] {
  cursor: pointer;
  -webkit-appearance: button;
}

select {
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

/* ================================================== *
 *
 *    BASE
 *
 * ================================================== */
html {
  font-size: 10px;
}

body {
  line-height: 1.5;
  word-break: break-all;
  font-weight: 400;
}

@media screen and (min-width: 1025px) {
  body {
    min-width: 1280px;
  }
}

body.is-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

main {
  display: block;
}

a {
  color: #000;
  text-decoration: none;
}

a:focus, *:focus {
  outline: none;
}

img, svg, picture {
  vertical-align: top;
}

em {
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ================================================== *
 *
 *    LIBRARY
 *
 * ================================================== */
/* ================================================== *
 *
 *    LAYOUT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    structure
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .l-structure {
    min-width: 1280px;
    padding-top: 133px;
  }
}

/* @media screen and (max-width: 767px) {
  .l-structure {
    padding-top: 60px;
  }
} */

/* ------------------------------------------------- *
 *    header
 * ------------------------------------------------- */
.l-header {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Noto Sans JP, 游ゴシック体, YuGothic,  游ゴシック, Yu Gothic, メイリオ, sans-serif;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .l-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 103px;
    margin-bottom: 30px;
    border-bottom: 3px solid #5BA4D6;
  }
  .l-header__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
  }
  .l-header__logo {
    width: 296px;
    text-align: center;
  }
  .l-header__logo img {
    width: 100%;
    height: auto;
  }
  .l-header__logo picture {
    width: 100%;
    height: auto;
  }
  .l-header__logo__text {
    display: inline-block;
    margin-top: -4px;
    margin-left: 24px;
    text-align: center;
    font-size: 1.6rem;
    width: 124%;
    font-weight: 700;
  }
  .l-header__lead {
    width: 102px;
    height: 56px;
    margin: auto auto auto 30px;
  }
  .l-header__lead2 {
    left: 390px;
    height: 100px;
  }
  .l-header__lead2__text {
    padding-top: 5px;
    padding-left: 0px;
    /* background: url(../images/img_header_02.png) no-repeat 0 50%; */
    font-size: 1.4rem;
  }
  .l-header__lead2__bold1 {
    margin-bottom: -8px;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0px;
  }
  .l-header__lead2__bold2 {
    font-size: 1.8rem;
  }
  .l-header__lead2__bold2 .is-num {
    position: relative;
    font-size: 2.8rem;
  }
  .l-header__lead2__bold2 .is-baloon {
    top: -2px;
    right: -5px;
    padding: 5px 8px;
    font-size: 1.4rem;
    line-height: 1;
    -webkit-transform: translate(100%, -12px);
            transform: translate(100%, -12px);
  }
  .l-header__lead2__bold2 .is-baloon::before {
    margin-left: -10px;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #4290C4 transparent;
    -webkit-transform: rotate(-15deg) scaleY(0.5);
            transform: rotate(-15deg) scaleY(0.5);
  }
  .l-header__lead2__baloon {
    display: none;
  }
  .l-header__nav {
    margin: auto 0 auto auto;
    height: 100%;
  }
  .l-header__navlist__item {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
            width: 130px;
          }
          .l-header__navlist__item:first-child {
            border-left: 1px solid #dcdcdc;
          }        
  .l-header__navlist__item.is-homeloan .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 494.28571%;
    background-position: 47.73414% 0;
    width: 36px;
    height: 35px;
    margin-top: 15px;
  }
  .l-header__navlist__item.is-homeloan.is-current .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 494.28571%;
    background-position: 0 35.86957%;
  }
  .l-header__navlist__item.is-kinsurance .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 368.08511%;
    background-position: 0 0;
    width: 36px;
    height: 47px;
    margin-top: 3px;
  }
  .l-header__navlist__item.is-kinsurance.is-current .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 368.08511%;
    background-position: 23.86707% 0;
  }
  .l-header__navlist__item.is-homeloanlp .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 698.27586% 652.83019%;
    background-position: 68.29971% 49.14676%;
    width: 38px;
    height: 39px;
    margin-top: 10px;
  }
  .l-header__navlist__item.is-homeloanlp.is-current .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 698.27586% 652.83019%;
    background-position: 56.48415% 79.18089%;
  }
  .l-header__navlist__item + .l-header__navlist__item {
    border-right: 1px solid #dcdcdc;
  }
  .l-header__navlist__item.is-checker .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 578.57143% 540.625%;
    background-position: 23.58209% 35.10638%;
    width: 34px;
    height: 32px;
    margin-top: 16px;
  }
  .l-header__navlist__iteminner {
    width: 100%;
    padding-top: 65px;
    font-size: 1.2rem;
  }
  .l-header__navlist__iteminner:link::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #000000 transparent;
  }
  .l-header__navlist__iteminner::before {
    top: 5px;
    right: 0;
    left: 0;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-comparison__actions {
    gap: 7px;
  }
  .c-comparison__btn5 {
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    margin-top: 7px;
    margin-bottom: 0px;
    border-radius: 15px;
    background: #e6b800;
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-comparison__btn5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 13px 9px;
  }
  .c-comparison__btn5::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 73.9726% 96.95122%;
  }
  .l-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
  }
  .l-header__inner {
    position: relative;
    width: 100%;
    padding-right: 50px;
    padding-left: 8px;
  }
  .l-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    margin-right: 95px;
  }
  .l-header__logo img {
    width: 110px;
  }
  /* .l-header__logo picture {
    width: 70px;
    height: 48px;
  } */
  .l-header__logo__text {
    display: none;
    margin-left: 15px;
    font-size: 1.3rem;
  }
  .l-header__lead {
    display: none;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 95px;
    height: 70px;
  }
  .l-header__lead2 {
    left: 172px;
    height: 50px;
  }
  .l-header__lead2__text {
    position: relative;
    font-size: 0.9rem;
  }
  .l-header__lead2__text img {
    width: 14px;
    height: auto;
  }
  .l-header__lead2__bold1 {
    margin-bottom: 5px;
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .l-header__lead2__bold2 {
    font-size: 1.2rem;
    line-height: 1;
  }
  .l-header__lead2__bold2 .is-num {
    font-size: 2rem;
    line-height: 1;
  }
  .l-header__lead2__bold2 .is-baloon {
    top: -3px;
    left: 90px;
    padding: 3px 5px;
    font-size: 1.2rem;
    line-height: 1;
  }
  .l-header__lead2__bold2 .is-baloon::before {
    margin-left: -7px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #4290C4 transparent;
    -webkit-transform: rotate(-15deg) scaleY(0.5);
            transform: rotate(-15deg) scaleY(0.5);
  }
  .l-header__lead2__baloon {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 36px;
    margin: auto;
    padding: 3px;
    border-radius: 18px;
    background: #4290C4;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: Noto Sans JP, 游ゴシック体, YuGothic,  游ゴシック, Yu Gothic, メイリオ, sans-serif;
    font-weight: 700;
    white-space: nowrap;
  }
  .l-header__nav {
    /* display: none; */
    margin: 0 -15px;
    /* background: #5BA4D6; */
    height: 60px;
    height: 60px;
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .l-header__navlist__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .l-header__navlist__item + .l-header__navlist__item {
    border-left: 1px solid #b29d2a;
  }
  .l-header__navlist__item.is-current .l-header__navlist__iteminner {
    opacity: 1;
  }
  .l-header__navlist__item.is-homeloan .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 494.28571%;
    background-position: 0 35.86957%;
    width: 20px;
    height: 19px;
    margin-top: 3px;
  }
  .l-header__navlist__item.is-kinsurance .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 547.2973% 368.08511%;
    background-position: 23.86707% 0;
    width: 20px;
    height: 25px;
    margin-top: -1px;
  }
  .l-header__navlist__item.is-homeloanlp .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 698.27586% 652.83019%;
    background-position: 56.48415% 79.18089%;
    width: 23px;
    height: 23px;
    margin-top: -1px;
  }
  .l-header__navlist__item.is-checker .l-header__navlist__iteminner::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 578.57143% 540.625%;
    background-position: 45.97015% 35.10638%;
    width: 20px;
    height: 19px;
    margin-top: 3px;
  }
  .l-header__navlist__iteminner {
    padding: 35px 5px 5px;
    font-size: 1rem;
    opacity: 0.5;
  }
  .l-header__navlist__iteminner::before {
    top: 7px;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0.7;
  }
}

.l-header__inner {
  height: 100%;
}

.l-header__logo__text {
  color: #666;
}

.l-header__lead2 {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-header__lead2__text {
  font-weight: 700;
}

.l-header__lead2__text img {
  margin-left: 2px;
  vertical-align: baseline;
}

.l-header__lead2__bold1 {
  display: block;
  color: #5BA4D6;
}

.l-header__lead2__bold2 .is-num {
  margin-left: 0.125em;
  color: #5BA4D6;
  font-family: Anton, sans-serif;
  font-weight: 400;
  letter-spacing: 0.125em;
}

.l-header__lead2__bold2 .is-baloon {
  position: absolute;
  display: block;
  background: #5BA4D6;
  border-radius: 100px;
  color: #fff;
  font-family: Noto Sans JP, 游ゴシック体, YuGothic,  游ゴシック, Yu Gothic, メイリオ, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
}

.l-header__lead2__bold2 .is-baloon::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
}

/* .l-header__nav {
  height: 100%;
} */

.l-header__navlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.l-header__navlist__item {
  text-align: center;
}

.l-header__navlist__item.is-current .l-header__navlist__iteminner {
  background: #5BA4D6;
}

.l-header__navlist__item.is-current .l-header__navlist__iteminner::after {
  display: none;
}

.l-header__navlist__iteminner {
  position: relative;
  display: block;
  height: 100%;
  font-weight: 700;
}

.l-header__navlist__iteminner::before {
  content: "";
  position: absolute;
  display: inline-block;
}

@media screen and (min-width: 1025px) {
  .l-header__navlist__iteminner:link {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .l-header__navlist__iteminner:link::after {
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
  .l-header__navlist__iteminner:hover {
    background: #000;
    color: #5BA4D6;
  }
  .l-header__navlist__iteminner:hover::after {
    border-color: transparent transparent #5BA4D6 transparent;
  }
  .l-header__navlist__item.is-current .l-header__navlist__iteminner:hover {
    background: #5BA4D6;
    color: #000;
  }
}

.l-header__lead img {
  width: 100%;
  height: auto;
}

/* header__nav2 */
@media screen and (min-width: 768px) {
  .l-header__nav2 {
    position: absolute;
    top: 0;
    right: 40px;
  }
  .l-header__nav2list {
    float: right;
    display: flex;
    margin: 14px 0 14px auto;
    height: 72px;
    border-right: 1px solid #dcdcdc;
  }
  .l-header__nav2list__item {
    border-left: 1px solid #dcdcdc;
  }
  .l-header__nav2list__iteminner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100%;
    padding: 35px 10px 0;
    background: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.25;
    font-weight: 700;
    cursor: pointer;
  }
  .l-header__nav2list__icon {
    position: absolute;
    right: 0;
    left: 0;
    display: inline-block;
    margin: auto;
  }
  .l-header__nav2list__icon.is-beginner {
    top: 0;
    width: 25px;
    height: 30px;
    background: url(../images/icn_beginner02.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-book {
    top: 0;
    width: 34px;
    height: 26px;
    background: url(../images/icn_book01.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-crown {
    top: 5px;
    width: 34px;
    height: 26px;
    background: url(../images/icn_crown01.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-checklist {
    top: 5px;
    width: 34px;
    height: 26px;
    background: url(../images/icn_checklist01.png) no-repeat 0 0;
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  .l-header__nav2 {
    height: 50px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #999;
    /*background: #e9f1fa;*/
    background: #E8F4FA;
  }
  .l-header__nav2list {
    display: flex;
    height: 100%;
  }
  .l-header__nav2list__item {
    position: relative;
    width: 100%;
  }
  .l-header__nav2list__item + .l-header__nav2list__item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 40px;
    margin: auto;
    background: #999;
  }
  .l-header__nav2list__iteminner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 25px 10px 7px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
  }
  .l-header__nav2list__item.is-beginner .l-header__nav2list__iteminner {
    font-size: 1rem;
  }
  .l-header__nav2list__icon {
    position: absolute;
    right: 0;
    left: 0;
    display: inline-block;
    margin: auto;
  }
  .l-header__nav2list__icon.is-crown {
    top: 5px;
    width: 18px;
    height: 12px;
    background: url(../images/icn_crown01.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-checklist {
    top: 8px;
    width: 16px;
    height: 12px;
    background: url(../images/icn_checklist01.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-beginner {
    top: 8px;
    width: 11px;
    height: 14px;
    background: url(../images/icn_beginner02.png) no-repeat 0 0;
    background-size: contain;
  }
  .l-header__nav2list__icon.is-book {
    top: 8px;
    width: 11px;
    height: 14px;
    background: url(../images/icn_book01.png) no-repeat 0 0;
    background-size: contain;
  }

}
@media screen and (min-width: 1025px) {
  .l-header__nav2list__item .l-header__nav2list__iteminner {
    transition: opacity 0.2s ease;
  }
  .l-header__nav2list__item:hover .l-header__nav2list__iteminner {
    opacity: 0.5;
  }
}

/* header__menu - sponly */
@media screen and (min-width: 768px) {
  .l-header__menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu {
    appearance: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: none;
  }
  .l-header__menu__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 31px;
    height: 3px;
    margin: auto;
    background: #5BA4D6;
  }
  .l-header__menu__icon::before,
  .l-header__menu__icon::after {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 31px;
    height: 3px;
    background: #5BA4D6;
    transition: transform 0.3s ease;
  }
  .l-header__menu__icon::before {
    top: -11px;
  }
  .l-header__menu__icon::after {
    bottom: -11px;
  }
  .l-header__menu.is-open {
    background: none;
  }
  .l-header__menu.is-open .l-header__menu__icon {
    background: none;
  }
  .l-header__menu.is-open .l-header__menu__icon::before {
    top: 0;
    transform: rotate(45deg);
  }
  .l-header__menu.is-open .l-header__menu__icon::after {
    bottom: 0;
    transform: rotate(-45deg);
  }
  .l-header__menu__text {
    display: inline-block;
    text-indent: -999px;
  }
}

/* ------------------------------------------------- *
 *    footer
 * ------------------------------------------------- */
footer.global {
  position: relative;
}

footer.global #btn-pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 25px;
  z-index: 9999;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

footer.global #btn-pagetop a:hover {
  opacity: 0.75;
}

footer.global .inner {
  min-width: 1040px;
  padding: 50px 0 48px;
  background: #5BA4D6;
}

footer.global .inner > div {
  font-size: 0;
  width: 1040px;
  margin: 0 auto 25px;
  padding-bottom: 35px;
  border-bottom: 1px solid #fff;
}

footer.global .logo, footer.global nav, footer.global .link-nav, footer.global .social, footer.global .iso {
  display: inline-block;
  vertical-align: top;
}

footer.global .logo {
  margin-right: 37px;
}

footer.global .logo img {
  width: 215px;
  height: auto;
}

footer.global .link-nav {
  width: 320px;
  font-size: 0;
  margin: 0 22px 0 -26px;
}

footer.global .link-nav li {
  display: inline-block;
  width: 135px;
  margin-left: 25px;
  margin-bottom: 11px;
  vertical-align: top;
}

footer.global .link-nav a {
  position: relative;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  display: block;
  padding-left: 15px;
}

footer.global .link-nav a:hover {
  text-decoration: underline;
}

footer.global .link-nav a:before {
  content: "";
  position: absolute;
  top: .28em;
  left: 0;
  width: 5px;
  height: 10px;
  background: url(https://www.jutapon.com/wp_assets/images/common/ar_white.png) no-repeat;
  background-size: contain;
}

footer.global .social {
  font-size: 0;
  margin-right: 67px;
}

footer.global .social li {
  display: inline-block;
  width: 48px;
  margin: 0 5px;
}

footer.global .social li img {
  width: 100%;
  height: auto;
}

footer.global .iso {
  color: #FFF;
  width: 326px;
}

footer.global .iso img {
  width: 140px;
  height: auto;
}

footer.global .iso figure {
  font-size: 11px;
  font-size: 1.1rem;
  display: table-cell;
  vertical-align: top;
}

footer.global .iso p {
  font-size: 10px;
  font-size: 1rem;
  display: table-cell;
  vertical-align: top;
  padding-left: 13px;
}

footer.global .copyright {
  font-family: 'AxisStd-Light';
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  width: 1040px;
  margin: 0 auto;
  text-align: right;
}

@media screen and (max-width: 767px) {
  footer.global:before {
    top: 37px;
    width: 100%;
    height: 67px;
    margin-left: -50%;
    background-size: contain;
  }
  footer.global #btn-pagetop {
    right: 25px;
    width: 60px;
  }
  footer.global #btn-pagetop img {
    width: 100%;
    height: auto;
  }
  footer.global .inner {
    min-width: inherit;
    padding: 0 0 40px;
  }
  footer.global .inner > div {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding-top: 95px;
    padding-bottom: 140px;
    border: none;
  }
  footer.global .logo {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
    bottom: 33px;
  }
  footer.global .logo img {
    width: 200px;
    height: auto;
  }
  footer.global .social {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  footer.global .social li {
    margin: 0 3.125%;
  }
  footer.global nav {
    display: block;
  }
  footer.global .link-nav {
    width: 100%;
    margin: 0 -1px 20px 0;
    border-top: 1px solid #fff;
  }
  footer.global .link-nav li {
    text-align: center;
    width: 50%;
    margin: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer.global .link-nav li a {
    display: block;
    padding: 12px 1em;
  }
  footer.global .link-nav li a:before {
    content: none;
  }
  footer.global .iso {
    overflow: hidden;
    width: auto;
    padding: 0 3.125% 20px;
    border-bottom: 1px solid #F6C066;
  }
  footer.global .iso figure {
    float: left;
  }
  footer.global .iso img {
    width: 120px;
    height: auto;
  }
  footer.global .iso figcaption {
    font-size: 9px;
    font-size: 0.9rem;
    text-align: center;
  }
  footer.global .iso p {
    font-size: 10px;
    font-size: 1rem;
    padding-left: 3.125%;
  }
  footer.global .copyright {
    width: 100%;
    text-align: center;
  }
}

/* ------------------------------------------------- *
 *    main
 * ------------------------------------------------- */
.l-main {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (min-width: 768px) {
  .l-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .l-main {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 60px;
    margin-top: 50px;
    }
}

/*    l-article
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .l-article {
    width: 920px;
  }
}

/*    l-sub
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .l-sub {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .l-sub {
    margin-top: 50px;
  }
}

.l-sub.js-incLocalnav-kariire {
  display: none;
}

.l-sub.js-incLocalnav-karikae {
  display: none;
}

/* ------------------------------------------------- *
 *    aside
 * ------------------------------------------------- */
.l-aside {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*    l-aside__corp
 * ------------------------------------------------- */
.l-aside__corp {
  background: #f5f5f5;
}

.l-aside__corp__title {
  font-weight: 700;
  text-align: center;
}

.l-aside__corp__title > span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding-bottom: 10px;
}

.l-aside__corp__title > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #5BA4D6;
}

.l-aside__corp__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-aside__corp__list__item > a {
  position: relative;
  padding-left: 16px;
}

.l-aside__corp__list__item > a::before {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 89.93902%;
}

@media screen and (min-width: 768px) {
  .l-aside__corp__inner {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .l-aside__corp__title {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
  .l-aside__corp__list {
    margin-bottom: -20px;
    font-size: 1.4rem;
  }
  .l-aside__corp__list__item {
    width: 21%;
    margin-bottom: 20px;
  }
  .l-aside__corp__list__item > a {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .l-aside__corp__inner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .l-aside__corp__title {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .l-aside__corp__list {
    margin: 0 -8px -15px;
    font-size: 1.4rem;
  }
  .l-aside__corp__list__item {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 8px;
  }
  .l-aside__corp__list__item > a {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .l-aside__corp__list__item > a:hover {
    text-decoration: underline;
  }
}

/* テキストロゴスタイル */
.text-logo {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  color: #333;
  transition: all 0.3s ease;
}

.text-logo:hover {
  color: #5BA4D6;
  text-decoration: underline;
}

/* スマホ表示時のテキストロゴ二段表示 */
@media screen and (max-width: 767px) {
  .text-logo {
    line-height: 1.2;
    text-align: center;
  }
  .text-logo br.u-hidden-pc {
    display: block;
  }
}

/* ================================================== *
 *
 *    COMMON STYLE
 *
 * ================================================== */
@media screen and (min-width: 768px) {
  .p-area {
    text-align: left;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* ------------------------------------------------- *
 *    bread-area
 * ------------------------------------------------- */
/* bread-area */
@media screen and (min-width: 768px) {
  .bread-area {
    background: #F8F8F6;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .bread-area {
    /* display: none; */
  }
}

@media screen and (min-width: 768px) {
  .bread-area .inner {
    width: 100%;
    margin: 0 auto;
    padding: 9px 0 9px 7px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .bread-area .inner {
    /* display: none; */
  }
}

/* breadcrumbs */
.breadcrumbs {
  /* width: 980px; */
  margin: 10px 0px 0px 10px;
}

.breadcrumbs ul {
  display: table;
  font-size: 13px;
}

.breadcrumbs ul li {
  margin: 0 10px 0 0;
  font-size: 13px;
  float: left;
}

.breadcrumbs ul li:first-child::before {
  padding: 0 3px 0 0;
  content: "\f015";
  font-family: FontAwesome;
  font-size: 14px;
}

.breadcrumbs ul li::before {
  padding: 0 10px 0 0;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .breadcrumbs a:hover {
    color: #0093d4;
  }
}

@media screen and (min-width: 768px) {
  .bread-area .breadcrumbs li {
    position: relative;
    color: #666;
    font-size: 1.2rem;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 26px;
  }
}

@media screen and (min-width: 768px) {
  .bread-area .breadcrumbs li:first-child {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .bread-area .breadcrumbs li:before {
    content: "";
    position: absolute;
    top: 0.55em;
    left: 13px;
    width: 3px;
    height: 5px;
    background: url(https://www.jutapon.com/wp_assets/images/common/ar_bread.png) no-repeat;
  }
}

@media screen and (min-width: 768px) {
  .bread-area .breadcrumbs a {
    font-size: 1.2rem;
    color: #666;
  }
}

/* ------------------------------------------------- *
 *    button
 * ------------------------------------------------- */
/*    c-btn
 * ------------------------------------------------- */
.c-btn--primary,
.c-btn--secondary,
.c-btn--pickup,
.c-btn--lender {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
}

/*    c-btn--primary
 * ------------------------------------------------- */
.c-btn--primary {
  background: #5BA4D6;
  color: #000;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-btn--primary {
    width: 260px;
    height: 50px;
    font-size: 1.8rem;
  }
  .c-btn--primary::after {
    right: 15px;
    width: 9px;
    height: 13px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--primary {
    width: 100%;
    height: 40px;
    font-size: 1.4rem;
  }
  .c-btn--primary::after {
    right: 12px;
    width: 6px;
    height: 9px;
  }
}

.c-btn--primary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

@media screen and (min-width: 1025px) {
  .c-btn--primary {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-btn--primary:hover {
    background: #000;
    color: #fff;
  }
  .c-btn--primary:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
}

/*    c-btn--secondary
 * ------------------------------------------------- */
.c-btn--secondary {
  width: 100%;
  background: #5BA4D6;
  border: 2px solid #5BA4D6;
  color: #000;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-btn--secondary {
    height: 60px;
  }
  .c-btn--secondary::after {
    right: 15px;
    width: 9px;
    height: 13px;
    background-size: 9px 13px;
  }
  .c-btn--secondary__icon {
    left: 11px;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--secondary {
    height: 50px;
  }
  .c-btn--secondary::after {
    right: 12px;
    width: 6px;
    height: 9px;
    background-size: 6px 9px;
  }
  .c-btn--secondary__icon {
    left: 6px;
    width: 35px;
    height: 35px;
    font-size: 1.2rem;
  }
}

.c-btn--secondary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/icn_arw01b.png) no-repeat 0 0;
}

@media screen and (min-width: 1025px) {
  .c-btn--secondary {
    -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
  }
  .c-btn--secondary:hover {
    border: 2px solid #5BA4D6;
    background: #000;
    color: #fff;
  }
  .c-btn--secondary:hover .c-btn--secondary__icon {
    background: #fff;
    color: #000;
  }
  .c-btn--secondary:hover::after {
    background-image: url(../images/icn_arw01w.png);
  }
  .c-btn--secondary::after {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  .c-btn--secondary__icon {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-btn--secondary__icon {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-weight: 700;
}

/*    c-btn--pickup
 * ------------------------------------------------- */
.c-btn--pickup {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #5BA4D6;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-btn--pickup {
    width: 512px;
    height: 80px;
  }
  .c-btn--pickup::after {
    right: 28px;
    width: 9px;
    height: 13px;
  }
  .c-ranking + .c-btn--pickup {
    margin-top: 30px;
  }
  .c-btn--pickup__main {
    font-size: 2rem;
  }
  .c-btn--pickup__main2 {
    font-size: 2rem;
  }
  .c-btn--pickup__main3 {
    font-size: 1.6rem;
  }
  .c-btn--pickup__sub {
    font-size: 1.4rem;
  }
  .c-btn--pickup__icon {
    left: 13px;
    width: 50px;
    height: 50px;
  }
  .c-btn--pickup__icon::before {
    width: 32px;
    height: 22px;
  }
  .c-btn--pickup__icon2 {
    left: 13px;
    width: 50px;
    height: 50px;
  }
  .c-btn--pickup__icon2::before {
    width: 20px;
    height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--pickup {
    width: 100%;
    height: 50px;
  }
  .c-btn--pickup::after {
    right: 13px;
    width: 6px;
    height: 9px;
  }
  .c-ranking + .c-btn--pickup {
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
    width: auto;
  }
  .c-btn--pickup__main {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .c-btn--pickup__main2 {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .c-btn--pickup__main3 {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .c-btn--pickup__sub {
    font-size: 1rem;
  }
  .c-btn--pickup__icon {
    left: 8px;
    width: 30px;
    height: 30px;
  }
  .c-btn--pickup__icon::before {
    width: 20px;
    height: 14px;
  }
  .c-btn--pickup__icon2 {
    left: 8px;
    width: 30px;
    height: 30px;
  }
  .c-btn--pickup__icon2::before {
    width: 13px;
    height: 14px;
  }
}

.c-btn--pickup::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

@media screen and (min-width: 1025px) {
  .c-btn--pickup {
    -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
  }
  .c-btn--pickup:hover {
    color: #fff;
    background: #000;
    border-color: #000;
  }
  .c-btn--pickup:hover .c-btn--pickup__icon {
    background: #fff;
  }
  .c-btn--pickup:hover .c-btn--pickup__icon2 {
    background: #fff;
  }
  .c-btn--pickup:hover::before {
    background-color: #fff;
  }
  .c-btn--pickup:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-btn--pickup__icon {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  .c-btn--pickup__icon2 {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
}

.c-btn--pickup__main {
  font-weight: 700;
}

.c-btn--pickup__main2 {
  font-weight: 700;
}

.c-btn--pickup__main3 {
  font-weight: 700;
}

.c-btn--pickup__icon {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  border-radius: 50%;
  background: #000;
}

.c-btn--pickup__icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 525.97403% 652.83019%;
  background-position: 0 59.38567%;
}

.c-btn--pickup__icon2 {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  border-radius: 50%;
  background: #000;
}

.c-btn--pickup__icon2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 698.27586% 516.41791%;
  background-position: 68.29971% 0;
}

/*    c-btn--lender
 * ------------------------------------------------- */
.c-btn--lender {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #5BA4D6;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-btn--lender {
    width: 512px;
    height: 80px;
    margin: 30px auto;
  }
  .c-btn--lender::before {
    left: 26px;
    width: 28px;
    height: 33px;
  }
  .c-btn--lender::after {
    right: 28px;
    width: 9px;
    height: 13px;
  }
  .c-btn--lender__main {
    font-size: 2rem;
  }
  .c-btn--lender__sub {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--lender {
    width: 100%;
    padding: 0 40px;
    height: 50px;
    margin: 15px auto;
  }
  .c-btn--lender::before {
    left: 16px;
    width: 17px;
    height: 20px;
  }
  .c-btn--lender::after {
    right: 13px;
    width: 6px;
    height: 9px;
  }
  .c-btn--lender__main {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .c-btn--lender__sub {
    font-size: 1rem;
  }
}

.c-btn--lender::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 698.27586% 516.41791%;
  background-position: 68.29971% 0;
}

.c-btn--lender::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

@media screen and (min-width: 1025px) {
  .c-btn--lender {
    -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
  }
  .c-btn--lender:hover {
    color: #fff;
    background: #000;
    border-color: #000;
  }
  .c-btn--lender:hover::before {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 698.27586% 516.41791%;
    background-position: 68.29971% 25.80645%;
  }
  .c-btn--lender:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
}

.c-btn--lender__main {
  font-weight: 700;
}

/*    c-btnset01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-btnset01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-btnset01__item {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-btnset01__item + .c-btnset01__item {
    margin-top: 10px;
  }
}

/*    c-btnset02
 * ------------------------------------------------- */
.c-btnset02 {
  background: #000;
}

@media screen and (min-width: 768px) {
  .c-btnset02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 25px;
  }
}

@media screen and (max-width: 767px) {
  .c-btnset02 {
    padding: 20px 15px;
  }
}

@media screen and (min-width: 768px) {
  .c-btnset02__item {
    width: 50%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-btnset02__item + .c-btnset02__item {
    margin-top: 10px;
  }
}

/*    c-btn
 * ------------------------------------------------- */
.c-btn--calc,
.c-btn--normal {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
}

/*    c-btn--calc
 * ------------------------------------------------- */
.c-btn--calc {
  background: #ff533d url(../images/icn_calc01.png) no-repeat 0 0;
  color: #fff;
  font-weight: 700;
}

.c-btn--calc.is-noicon {
  background-image: none;
}

@media screen and (min-width: 768px) {
  .c-btn--calc {
    width: 360px;
    height: 60px;
    background-position: 13px 50%;
    background-size: 38px;
    font-size: 2.2rem;
  }
  .c-btn--calc.is-noicon {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--calc {
    width: 100%;
    height: 40px;
    background-position: 10px 50%;
    background-size: 25px;
    font-size: 1.8rem;
  }
  .c-btn--calc.is-noicon {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1025px) {
  .c-btn--calc {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-btn--calc:hover {
    color: #fff;
    background: #000 url(../images/icn_calc01b.png) no-repeat 13px 50%;
    background-size: 38px;
  }
  .c-btn--calc.is-noicon:hover {
    background-image: none;
  }
}

/*    c-btn--normal
 * ------------------------------------------------- */
.c-btn--normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  background: #f0f0f0;
  font-weight: 700;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-btn--normal {
    width: 200px;
    height: 36px;
    margin-left: 0;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-btn--normal::after {
    right: 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-btn--normal {
    width: 100%;
    height: 30px;
    border-radius: 20px;
    font-size: 1.2rem;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-btn--normal::after {
    right: 10px;
  }
}

.c-btn--normal::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
}

@media screen and (min-width: 1025px) {
  .c-btn--normal {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-btn--normal:hover {
    opacity: 0.5;
  }
}

/*    c-btn--help
 * ------------------------------------------------- */
/*
.c-btn--help {
  background: #f0f0f0 url(../images/icn_help01.png) no-repeat 0 0;
  color: #666;
  font-weight: 700;
}
@media screen and(min-width: 768px) {
  .c-btn--help {
    width: 200px;
    height: 36px;
    margin-left: 0;
    background-position: 10px 50%;
    background-size: 22px 22px;
    font-size: 1.2rem;
  }
}
@media screen and(max-width: 767px) {
  .c-btn--help {
    width: 100%;
    height: 36px;
    margin-right: 0;
    background-position: 10px 50%;
    background-size: 20px 20px;
    font-size: 1.2rem;
  }
}
@media screen and(min-width: 1025px) {
  .c-btn--help {
    transition: opacity 0.2s ease;
    &:hover {
      opacity: 0.3;
    }
  }
}
*/
/* ------------------------------------------------- *
 *    Form
 * ------------------------------------------------- */
/*    c-formSet01
 * ------------------------------------------------- */
.c-formSet01 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
}

.c-formSet01__row {
  width: 100%;
  border-top: 1px solid #dcdcdc;
}

@media screen and (min-width: 768px) {
  .c-formSet01__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01__row__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
    padding: 15px 0;
    font-size: 1.8rem;
    font-weight: 700;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01__row__head {
    padding-top: 5px;
    font-size: 1.5rem;
    font-weight: 700;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01__row__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    width: 70%;
    padding: 15px 0;
    font-size: 1.8rem;
    line-height: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01__row__body {
    padding: 5px 0 5px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01__row__body__btn {
    width: 100%;
    margin: 0 0 10px;
  }
  .c-formSet01__row__body__btn > .c-btn--normal {
    width: 300px;
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01__row__body__btn {
    width: 100%;
    margin: 5px 0;
  }
}

/*    c-formSelect01
 * ------------------------------------------------- */
.c-formSelect01 {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dcdcdc;
  border-radius: 0;
}

@media screen and (min-width: 768px) {
  .c-formSelect01 {
    height: 50px;
    padding: 0 30px 0 20px;
    font-size: 1.8rem;
    line-height: 48px;
    background: #f8f8f8 url(../images/icn_arw01_down.png) no-repeat right 9px center;
    background-size: 12px 8px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-formSelect01 {
    height: 40px;
    padding: 0 30px 0 15px;
    font-size: 1.6rem;
    line-height: 38px;
    background: #f8f8f8 url(../images/icn_arw01_down.png) no-repeat right 15px center;
    background-size: 6px 5px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .c-formSelect01.is-type1 {
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSelect01.is-type1 {
    width: 140px;
  }
}

@media screen and (min-width: 768px) {
  .c-formSelect01.is-w50 {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSelect01.is-w50 {
    width: calc(50% - 10px);
  }
}

.c-formSelect01::-ms-expand {
  display: none;
}

.c-formSelect01 + span {
  margin-left: 0.5em;
}

/*    c-formSet01
 * ------------------------------------------------- */
.c-formSet01.is-type1 {
  border-bottom: none;
}

.c-formSet01.is-type1 .c-formSet01__row {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #dcdcdc;
}

.c-formSet01.is-type1 .c-formSet01__row:first-child {
  border-top: 1px solid #dcdcdc;
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 {
    padding-bottom: 40px;
  }
  .c-formSet01.is-type1 .c-formSet01__row__head {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    width: 35%;
    margin-top: 12px;
  }
  .c-formSet01.is-type1 .c-formSet01__row__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 {
    padding-bottom: 20px;
  }
  .c-formSet01.is-type1 .c-formSet01__row__head {
    padding-top: 5px;
    font-size: 1.5rem;
    font-weight: 700;
  }
}

.c-formSet01.is-type1 .c-formSet01__row__head .c-help01 {
  font-weight: 400;
}

.c-formSet01.is-type1 .c-formSet01__row__head__icon {
  display: inline-block;
  background: #ccc;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formSet01__row__head__icon {
    width: 60px;
    height: 30px;
    margin-right: 15px;
    line-height: 30px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formSet01__row__head__icon {
    width: 40px;
    height: 21px;
    margin-right: 10px;
    line-height: 21px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formSet01__btn {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formSet01__btn {
    padding-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formSet01__popup {
    position: absolute;
    top: 75px;
    width: 100%;
  }
  .c-formSet01.is-type1 .c-formSet01__popup .c-btn--normal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    padding: 0 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formSet01__popup {
    margin-bottom: 5px;
  }
}

/*    c-formText01
 * ------------------------------------------------- */
.c-formSet01.is-type1 .c-formText01 {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #dcdcdc;
  border-radius: 0;
  background: #f8f8f8;
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formText01 {
    height: 50px;
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formText01 {
    height: 40px;
    padding: 0 15px;
    font-size: 1.6rem;
    line-height: 38px;
  }
}

@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formText01.is-type1 {
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formText01.is-type1 {
    width: 90px;
    padding: 0 10px;
  }
}

.c-formSet01.is-type1 .c-formText01 + span {
  margin-left: 0.5em;
}

.c-formSet01.is-type1 span + .c-formText01 {
  margin-left: 0.5em;
}

/*    c-formSelect01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-formSet01.is-type1 .c-formSelect01.is-type2 {
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .c-formSet01.is-type1 .c-formSelect01.is-type2 {
    width: 90px;
  }
}

/* ------------------------------------------------- *
 *    Frame
 * ------------------------------------------------- */
/*    c-frame
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-frame {
    padding: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-frame {
    padding: 20px 15px 30px;
  }
}

.c-frame > *:last-child {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  .c-tab-contents.is-lender .c-frame {
    margin-right: -40px;
    margin-left: -40px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-contents.is-lender .c-frame {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-frame + .c-frame {
  padding-top: 0;
}

.c-frame.is-type1 {
  background: #f5f5f5;
}

.c-frame.is-type1 {
  background: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .c-frame + .c-frame.is-type1 {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-frame.is-type1 .c-btn--pickup__main {
    font-size: 1.4rem;
  }
  .c-frame + .c-frame.is-type1 {
    margin-bottom: 15px;
    padding-top: 15px;
  }
}

/*    c-frame02
 * ------------------------------------------------- */
.c-frame02 {
  background: #f5f5f5;
}

@media screen and (min-width: 768px) {
  .c-frame02 {
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-frame02 {
    padding: 15px;
  }
}

.c-frame02 > *:last-child {
  margin-bottom: 0 !important;
}

/* is-type1 */
.c-frame02.is-type1 {}
@media screen and (min-width: 768px) {
  .c-frame .c-frame02.is-type1 {
    margin-right: -40px;
    margin-bottom: -40px!important;
    margin-left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .c-frame .c-frame02.is-type1 {
    margin-right: -15px;
    margin-bottom: -30px!important;
    margin-left: -15px;
  }
}


/*    c-frame03
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-frame03 {
    padding: 5px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-frame03 {
    padding: 10px 0 10px;
  }
}

.c-frame03 > *:last-child {
  margin-bottom: 0 !important;
}

.c-frame03 + .c-frame03 {
  padding-top: 0;
}

/* is-type1 */
.c-frame03.is-type1 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-frame03.is-type1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .c-frame03 + .c-frame03.is-type1 {
    padding-top: 0;
  }
  .c-frame03.is-type1 .c-ranking__cv {
    width: 252px;
    margin-left: 285px;
  }
  .c-frame03.is-type1 .c-ranking__rate {
    margin-top: 20px;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__btnText {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    letter-spacing: -0.05em;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__cvBtn {
    margin-top: 5px;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__cvBtn .c-ranking__btn {
    position: relative;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-frame03.is-type1 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .c-frame03 + .c-frame03.is-type1 {
    padding-top: 0;
  }
  .c-frame03.is-type1 .c-ranking__cv {
    margin-top: 10px;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__btnText {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__cvBtn {
    position: relative;
    margin-top: 5px;
  }
  .c-frame03.is-type1 .c-ranking__cv .c-ranking__cvBtn .c-ranking__btn {
    position: relative;
    top: 0;
    width: 100%;
  }
}

/* is-loading */
.c-frame03.is-loading {
  position: relative;
  display: none;
}

.c-frame03.is-loading.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-frame03.is-loading {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-frame03.is-loading {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

/* is-result */
.c-frame03.is-result {
  position: relative;
  display: none;
}

.c-frame03.is-result.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-frame03.is-result {
    padding-bottom: 40px;
  }
  .c-frame03.is-result .c-ranking__btn {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-frame03.is-result {
    padding-bottom: 20px;
  }
  .c-frame03.is-result .c-ranking__btnText {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
  }
  .c-frame03.is-result .c-ranking__btn {
    position: relative;
    top: 0;
    width: 100%;
    margin-top: 5px;
  }
}

/* ------------------------------------------------- *
 *    grid
 * ------------------------------------------------- */
.c-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-grid-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-grid-pc.is-gap30-pc {
    margin-right: -15px;
    margin-left: -15px;
  }
  .c-grid-pc.is-gap30-pc > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .c-grid-pc.is-col2-pc > * {
    width: 50%;
  }
  .c-grid-pc.is-col3-pc > * {
    width: 33.33333%;
  }
  .c-grid-pc.is-col4-pc > * {
    width: 25%;
  }
  .c-grid.is-gap30-pc {
    margin-right: -15px;
    margin-left: -15px;
  }
  .c-grid.is-gap30-pc > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .c-grid.is-col3-pc > * {
    width: 33.33333%;
  }
  .c-grid.is-col4-pc > * {
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .c-grid-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-grid-sp.is-gap20-sp {
    margin-right: -10px;
    margin-left: -10px;
  }
  .c-grid-sp.is-gap20-sp > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .c-grid-sp.is-col2-sp > * {
    width: 50%;
  }
  .c-grid.is-gap20-sp {
    margin-right: -10px;
    margin-left: -10px;
  }
  .c-grid.is-gap20-sp > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .c-grid.is-col2-sp > * {
    width: 50%;
  }
}

/* ------------------------------------------------- *
 *    help
 * ------------------------------------------------- */
/*    c-help01
 * ------------------------------------------------- */
.c-help01 {
  position: relative;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-help01 {
    width: 22px;
    height: 22px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01 {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
}

.c-help01__btn {
  display: inline-block;
  background: url(../images/icn_help01.png) no-repeat 0 0;
  vertical-align: middle;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-help01__btn {
    width: 22px;
    height: 22px;
    background-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__btn {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .c-help01__btn {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-help01__btn:hover {
    opacity: 0.3;
  }
}

.c-help01__btn2 {
  display: inline-block;
  background: url(../images/icn_help02.png) no-repeat 0 0;
  vertical-align: middle;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-help01__btn2 {
    width: 22px;
    height: 22px;
    background-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__btn2 {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}

.c-help01__btn3 {
  display: inline-block;
  background: url(../images/icn_help03.png) no-repeat 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.c-help01__btn3.is-white {
  background: url(../images/icn_help03w.png) no-repeat 0 0;
}

@media screen and (min-width: 768px) {
  .c-help01__btn3,
  .c-help01__btn3.is-white {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__btn3,
  .c-help01__btn3.is-white {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .c-help01__btn3 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-help01__btn3:hover {
    opacity: 0.3;
  }
}

.c-help01__baloon {
  display: none;
  position: absolute;
  left: 0;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .c-help01__baloon {
    bottom: 30px;
    width: 320px;
    margin-left: -150px;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon {
    bottom: 30px;
    width: 290px;
    margin-left: calc(-145px + 10px);
    padding: 10px 15px;
    font-size: 1.2rem;
  }
}

.c-help01__baloon::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .c-help01__baloon::before {
    bottom: -12px;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    -webkit-transform: rotate(45deg) skew(20deg, 20deg);
    transform: rotate(45deg) skew(20deg, 20deg);
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon::before {
    bottom: -5px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    -webkit-transform: rotate(45deg) skew(10deg, 10deg);
    transform: rotate(45deg) skew(10deg, 10deg);
  }
}

.c-help01__baloon::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #fff;
}

.c-help01__baloon > * {
  position: relative;
  z-index: 3;
}

.c-help01__baloon p + p,
.c-help01__baloon .is-sub + p {
  margin-top: 1em;
}

.c-help01__baloon .is-sub {
  background: #dfdfdf;
}

@media screen and (min-width: 768px) {
  .c-help01__baloon .is-sub {
    margin-top: 15px;
    padding: 10px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon .is-sub {
    margin-top: 10px;
    padding: 5px;
    font-size: 1rem;
  }
}

.c-help01__baloon__close {
  position: absolute;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-help01__baloon__close {
    top: -11px;
    right: -11px;
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon__close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
  }
}

.c-help01__baloon__close::before, .c-help01__baloon__close::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-help01__baloon__close::before, .c-help01__baloon__close::after {
    width: 10px;
    height: 1px;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon__close::before, .c-help01__baloon__close::after {
    width: 10px;
    height: 1px;
  }
}

.c-help01__baloon__close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-help01__baloon__close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .c-help01__baloon__closeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 30px;
    margin: 10px auto 0;
    border-radius: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) {
  .c-help01__baloon__closeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 22px;
    margin: 10px auto 0;
    border-radius: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
  }
}

@media screen and (min-width: 1025px) {
  .c-help01__baloon__close,
  .c-help01__baloon__closeBtn {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-help01__baloon__close:hover,
  .c-help01__baloon__closeBtn:hover {
    opacity: 0.3;
  }
}

.c-ranking__table__list .c-help01 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__list .c-help01 {
    right: 5px;
    width: 17px;
    height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list .c-help01 {
    right: 4px;
    width: 15px;
    height: 15px;
  }
}

.c-ranking__table__list .c-help01__btn {
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__list .c-help01__btn {
    width: 17px;
    height: 17px;
    background-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list .c-help01__btn {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.c-ranking__table__list .c-help01__btn2 {
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__list .c-help01__btn2 {
    width: 17px;
    height: 17px;
    background-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list .c-help01__btn2 {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.c-ranking__table__list .c-help01__baloon {
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list > li > span:nth-child(even) .c-help01__baloon {
    left: auto;
    right: -5px;
  }
  .c-ranking__table__list > li > span:nth-child(even) .c-help01__baloon::before {
    left: auto;
    right: 3px;
  }
}

/*    c-help2
 * ------------------------------------------------- */
.c-help2 {
  color: #f00;
  font-size: 14px;
}

/* ------------------------------------------------- *
 *    link
 * ------------------------------------------------- */
/*    c-link01
 * ------------------------------------------------- */
.c-link01 {
  position: relative;
  display: inline-block;
  color: #0078c8;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-link01 {
    padding-left: 22px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-link01 {
    padding-left: 10px;
    font-size: 1.2rem;
  }
}

.c-link01::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
}

@media screen and (min-width: 768px) {
  .c-link01::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-link01::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

@media screen and (min-width: 1025px) {
  .c-link01 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-link01:hover {
    opacity: 0.3;
  }
}

/*    c-bnr01
 * ------------------------------------------------- */
/* li.c-bnr01__item {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .c-bnr01__item {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 7px 0 8px;
  }
  .c-bnr01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
} */

/*    c-bnr02
 * ------------------------------------------------- */
.c-bnr02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-bnr02 {
    margin-right: -11px;
    margin-left: -11px;
  }
  .c-bnr02__item {
    margin-bottom: 22px;
    padding: 0 11px;
  }
  .c-bnr02__item img {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .c-bnr02 {
    margin-left: 0px;
  }
  .c-bnr02__item {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 7px 0 8px;
  }
  .c-bnr02__item img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1025px) {
  .c-bnr02__item {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-bnr02__item:hover {
    opacity: 0.3;
  }
}

.c-bnr02__item a {
  display: block;
}

/*    c-card01
 * ------------------------------------------------- */
.c-card01 {
  text-align: center;
}

.c-card01__title {
  font-size: 1.4rem;
  font-weight: 700;
}

.c-card01__image {
  position: relative;
  width: 80%;
  padding-top: 80%;
  margin: auto;
  border-radius: 50%;
  text-align: center;
  background: #fff8e3;
}

.c-card01__image > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  height: auto;
  margin: auto;
}

.c-card01__text {
  font-weight: 700;
  line-height: 1.2;
}

.c-card01__text.is-lead {
  font-size: 1.6rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-card01 {
    margin-bottom: 30px;
  }
  .c-card01__text {
    font-size: 1.6rem;
  }
  .c-card01__title + .c-card01__image {
    margin-top: 10px;
  }
  .c-card01__title + .c-card01__text {
    margin-top: 5px;
  }
  .c-card01__image + .c-card01__text {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-card01 {
    margin-bottom: 30px;
  }
  .c-card01__text {
    font-size: 1.4rem;
  }
  .c-card01__title + .c-card01__image {
    margin-top: 5px;
  }
  .c-card01__title + .c-card01__text {
    margin-top: 5px;
  }
  .c-card01__image + .c-card01__text {
    margin-top: 5px;
  }
}

/*    c-card02
 * ------------------------------------------------- */
.c-card02 {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background: #fff;
  text-align: center;
}

.c-card02__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.c-card02__title {
  position: absolute;
  font-weight: 700;
}

.c-card02__text {
  margin-top: 1.5em;
  font-weight: 700;
  line-height: 1.2;
}

.c-card02__text2__icon {
  display: inline-block;
  background: url(../images/icn_users01.png) no-repeat 0 0;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .c-card02 {
    margin-bottom: 30px;
  }
  .c-card02__title {
    top: 20px;
    font-size: 1.6rem;
  }
  .c-card02__text {
    font-size: 1.6rem;
  }
  .c-card02__text2 {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .c-card02__text2__icon {
    width: 27px;
    height: 17px;
    margin-right: 5px;
    background-size: 27px auto;
  }
}

@media screen and (max-width: 767px) {
  .c-card02 {
    margin-bottom: 30px;
  }
  .c-card02__title {
    top: 15px;
    font-size: 1.4rem;
  }
  .c-card02__text {
    font-size: 1.4rem;
  }
  .c-card02__text2 {
    margin-top: 5px;
    font-size: 1.2rem;
  }
  .c-card02__text2__icon {
    width: 22px;
    height: 14px;
    margin-right: 5px;
    background-size: 22px auto;
  }
}

.c-loader {
  margin: 50px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0) scale(0.5);
  transform: translateZ(0) scale(0.5);
}

@-webkit-keyframes load5 {
  0%,
  100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #666, 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.5), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7);
    box-shadow: 0em -2.6em 0em 0em #666, 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.5), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.7), 1.8em -1.8em 0 0em #666, 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.7), 1.8em -1.8em 0 0em #666, 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.5), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7), 2.5em 0em 0 0em #666, 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.5), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7), 2.5em 0em 0 0em #666, 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5), 2.5em 0em 0 0em rgba(102, 102, 102, 0.7), 1.75em 1.75em 0 0em #666, 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5), 2.5em 0em 0 0em rgba(102, 102, 102, 0.7), 1.75em 1.75em 0 0em #666, 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.5), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.7), 0em 2.5em 0 0em #666, -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.5), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.7), 0em 2.5em 0 0em #666, -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.5), 0em 2.5em 0 0em rgba(102, 102, 102, 0.7), -1.8em 1.8em 0 0em #666, -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.5), 0em 2.5em 0 0em rgba(102, 102, 102, 0.7), -1.8em 1.8em 0 0em #666, -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.5), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.7), -2.6em 0em 0 0em #666, -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.5), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.7), -2.6em 0em 0 0em #666, -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.5), -2.6em 0em 0 0em rgba(102, 102, 102, 0.7), -1.8em -1.8em 0 0em #666;
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.5), -2.6em 0em 0 0em rgba(102, 102, 102, 0.7), -1.8em -1.8em 0 0em #666;
  }
}

@keyframes load5 {
  0%,
  100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #666, 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.5), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7);
    box-shadow: 0em -2.6em 0em 0em #666, 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.5), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.7), 1.8em -1.8em 0 0em #666, 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.7), 1.8em -1.8em 0 0em #666, 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.5), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7), 2.5em 0em 0 0em #666, 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.5), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.7), 2.5em 0em 0 0em #666, 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5), 2.5em 0em 0 0em rgba(102, 102, 102, 0.7), 1.75em 1.75em 0 0em #666, 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.5), 2.5em 0em 0 0em rgba(102, 102, 102, 0.7), 1.75em 1.75em 0 0em #666, 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.5), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.7), 0em 2.5em 0 0em #666, -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.5), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.7), 0em 2.5em 0 0em #666, -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.2), -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.5), 0em 2.5em 0 0em rgba(102, 102, 102, 0.7), -1.8em 1.8em 0 0em #666, -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.5), 0em 2.5em 0 0em rgba(102, 102, 102, 0.7), -1.8em 1.8em 0 0em #666, -2.6em 0em 0 0em rgba(102, 102, 102, 0.2), -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.5), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.7), -2.6em 0em 0 0em #666, -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.5), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.7), -2.6em 0em 0 0em #666, -1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.5), -2.6em 0em 0 0em rgba(102, 102, 102, 0.7), -1.8em -1.8em 0 0em #666;
    box-shadow: 0em -2.6em 0em 0em rgba(102, 102, 102, 0.2), 1.8em -1.8em 0 0em rgba(102, 102, 102, 0.2), 2.5em 0em 0 0em rgba(102, 102, 102, 0.2), 1.75em 1.75em 0 0em rgba(102, 102, 102, 0.2), 0em 2.5em 0 0em rgba(102, 102, 102, 0.2), -1.8em 1.8em 0 0em rgba(102, 102, 102, 0.5), -2.6em 0em 0 0em rgba(102, 102, 102, 0.7), -1.8em -1.8em 0 0em #666;
  }
}

/* ------------------------------------------------- *
 *    media
 * ------------------------------------------------- */
/*    c-media01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-media {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-media {
    margin-bottom: 25px;
  }
}

.c-media img {
  width: 100%;
  height: auto;
}

.c-media02 {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .c-media02 img {
    /* height: 100%; */
  }
}

@media screen and (max-width: 767px) {
  .c-media02 img {
    width: 100%;
    height: auto;
  }
}

/*    c-logolist
 * ------------------------------------------------- */
.c-logolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-logolist {
    margin-right: -2px;
    margin-left: -2px;
  }
}

@media screen and (max-width: 767px) {
  .c-logolist {
    margin-right: -2px;
    margin-left: -2px;
  }
}

.c-logolist > li {
  padding: 0 2px 4px;
}

@media screen and (min-width: 768px) {
  .c-logolist > li {
    width: 16.66667%;
  }
}

@media screen and (max-width: 767px) {
  .c-logolist > li {
    width: 33.33333%;
  }
}

.c-logolist > li img {
  border: 1px solid #dcdcdc;
  width: 100%;
  height: auto;
}

.c-logolist.is-type1 {}
@media screen and (min-width: 768px) {
  .c-logolist.is-type1 {
    /*margin-right: 100px;*/
    /*margin-left: 100px;*/
    margin-bottom: 30px;
  }
  .c-logolist.is-type1 > li {
    /*width: 25%;*/
  }
  .c-logolist.is-type1 > li img {
    padding: 20px 10px;
    background: #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-logolist.is-type1 {
    margin-bottom: 15px;
  }
  .c-logolist.is-type1 > li img {
    padding: 15px 5px;
    background: #fff;
  }
}

/* ------------------------------------------------- *
 *    modal
 * ------------------------------------------------- */
/*    c-modal
 * ------------------------------------------------- */
.c-modal__wrap {
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}

.c-modal__wrap.is-transparent {
  background: transparent;
}

.c-modal__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.55;
  cursor: pointer;
}

.c-modal__wrap .c-modal__overlay {
  position: absolute;
  min-height: 100%;
  opacity: 0;
}

.c-modal {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 999;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.c-modal__iframe {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-modal {
    top: 80px;
    width: 900px;
  }
}

@media screen and (max-width: 767px) {
  .c-modal {
    top: 30px;
    width: calc(100% - 50px);
  }
}

@media screen and (min-width: 768px) {
  .c-modal__title {
    margin-bottom: 50px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .c-modal__title {
    margin-bottom: 20px;
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .c-modal__text {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-modal__text {
    margin-bottom: 20px;
  }
}

.c-modal__body {
  overflow: hidden;
  background: #fff;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .c-modal__body {
    border-radius: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-modal__body {
    border-radius: 8px;
  }
}

.c-modal__close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  position: absolute;
  position: absolute;
  border: none;
  border-radius: 50%;
  background: #000;
  text-indent: -999px;
  outline: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-modal__close {
    width: 50px;
    height: 50px;
    top: -25px;
    right: -25px;
  }
}

@media screen and (max-width: 767px) {
  .c-modal__close {
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
  }
}

.c-modal__close::before, .c-modal__close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-modal__close::before, .c-modal__close::after {
    width: 24px;
    height: 2px;
  }
}

@media screen and (max-width: 767px) {
  .c-modal__close::before, .c-modal__close::after {
    width: 14px;
    height: 1px;
  }
}

.c-modal__close::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-modal__close::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (min-width: 1025px) {
  .c-modal__close {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-modal__close:hover {
    opacity: 0.3;
  }
}

.c-modal__closeBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  background: #5BA4D6;
  color: #fff;
  font-weight: 700;
}
.c-modal__closeBtn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}
@media screen and (min-width: 768px) {
  .c-modal__closeBtn {
    width: 260px;
    height: 50px;
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
  .c-modal__closeBtn::after {
    right: 15px;
    width: 9px;
    height: 13px;
  }
}
@media screen and (max-width: 767px) {
  .c-modal__closeBtn {
    width: calc(100% - 30px);
    height: 40px;
    font-size: 1.4rem;
    margin: -10px 15px 30px;
  }
  .c-mokuji + .c-modal__closeBtn {
    margin-top: 10px;
  }
  .c-modal__closeBtn::after {
    right: 12px;
    width: 6px;
    height: 9px;
  }
  .c-modal__body > .c-modal__closeBtn:first-child {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    width: 75px;
    height: 30px;
    margin: 5px 5px 0 0;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1025px) {
  .c-modal__closeBtn {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-modal__closeBtn:hover {
    background: #000;
    color: #fff;
  }
  .c-modal__closeBtn:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
}

/* is-wide */
.c-modal.is-wide .c-modal__body .c-frame {
  border-bottom: 1px solid #ccc;
}
.c-modal.is-wide .c-modal__body .c-frame .c-frame03 {
  padding-bottom: 0;
}
.c-modal.is-wide .c-modal__closeBtn {
  border: 1px solid #ccc;
  background: #fff;
  color: #999;
}
.c-modal.is-wide .c-modal__closeBtn::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-modal.is-wide .c-modal__closeBtn {
    width: 240px;
    margin: 30px auto;
  }
}
@media screen and (max-width: 767px) {
  .c-modal.is-wide {
    top: 15px;
    width: calc(100% - 30px);
  }
  .c-modal.is-wide .c-modal__closeBtn {
    width: 180px;
    height: 35px;
    margin: 15px auto;
  }
}
@media screen and (min-width: 1025px) {
  .c-modal.is-wide .c-modal__closeBtn {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-modal.is-wide .c-modal__closeBtn:hover {
    background: #000;
    color: #fff;
  }
}

/*    c-mv01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv01 {
    position: relative;
    width: 100%;
    height: 120px;
    background: url(../images/mv_01.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100px;
    background: url(../images/mv_01_sp.jpg) no-repeat 100% 50%;
    background-size: cover;
  }
}

.c-mv01__title {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-mv01__title {
    position: absolute;
    top: 0;
    left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 73px;
    font-size: 3.2rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-size: 2rem;
    line-height: 1.4;
  }
}

.c-mv01__title2 {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-mv01__title2 {
    position: absolute;
    top: 20px;
    left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 73px;
    font-size: 3rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01__title2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01__title_sub {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .c-mv01__title_sub2 {
    display: none;
  }
}

.c-mv01__text {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 700;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
}

@media screen and (min-width: 768px) {
  .c-mv01__text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 40px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01__text {
    padding: 5px 15px;
    font-size: 1.1rem;
  }
}

/*    c-mv03article
 * ------------------------------------------------- */
.c-mv03article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-mv03article {
    height: 250px;
    padding: 40px 40px;
    background: url(../images/simulation/danshin_pc.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article {
    overflow: hidden;
    position: relative;
    height: 200px;
    padding: 0 15px;
    border-top: 1px solid #e6e6e6;
    background: url(../images/simulation/danshin_sp.jpg) no-repeat 0 0;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .c-mv04article {
    height: 250px;
    padding: 40px 40px;
    background: url(../images/simulation/kinri_pc.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv04article {
    overflow: hidden;
    position: relative;
    height: 200px;
    padding: 20px 15px;
    border-top: 1px solid #e6e6e6;
    background: url(../images/simulation/kinri_sp.jpg) no-repeat 0 0;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .c-mv05article {
    height: 250px;
    padding: 40px 40px;
    background: url(../images/simulation/flat35_pc2.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv05article {
    overflow: hidden;
    position: relative;
    height: 200px;
    padding: 30px 15px;
    border-top: 1px solid #e6e6e6;
    background: url(../images/simulation/flat35_sp2.jpg) no-repeat 0 0;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .c-mv06article {
    height: 250px;
    padding: 40px 40px;
    background: url(../images/simulation/kinri_pc.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv06article {
    overflow: hidden;
    position: relative;
    height: 200px;
    padding: 35px 15px;
    border-top: 1px solid #e6e6e6;
    background: url(../images/simulation/kinri_sp.jpg) no-repeat 0 0;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.2;
  }
}

.c-mv03article__title {
  color: #5BA4D6;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-mv03article__title {
    position: relative;
    text-align: center;
  }
}

.c-mv03article__title__mainLabel {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-mv03article__title__mainLabel {
    font-size: 4.4rem;
    line-height: 1.2;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__title__mainLabel {
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.2;
    text-shadow: 0 0 5px #fff, 0 0 2px #fff;
  }
}

@media screen and (min-width: 768px) {
  .c-mv04article__title__mainLabel {
    font-size: 4.4rem;
    line-height: 1.2;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-mv04article__title__mainLabel {
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    text-shadow: 0 0 5px #fff, 0 0 2px #fff;
  }
}

@media screen and (min-width: 768px) {
  .c-mv05article__title__mainLabel {
    font-size: 4rem;
    line-height: 1.2;
    text-shadow: 0 0 7px #fff, 0 0 7px #fff;
  }
}

@media screen and (max-width: 767px) {
  .c-mv05article__title__mainLabel {
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    text-shadow: 0 0 5px #fff, 0 0 2px #fff;
  }
}

@media screen and (min-width: 768px) {
  .c-mv03article__title__mainLabel .is-bold {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__title__mainLabel .is-bold {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-mv03article__title__mainLabel .is-small {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__title__mainLabel .is-small {
    font-size: 1.6rem;
  }
}

.c-mv03article__title__subLabel {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-mv03article__title__subLabel {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__title__subLabel {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-mv03article__text {
    margin-top: 12px;
    font-size: 2.4rem;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff;
    background: rgba(255, 255, 255, 0.733);
    border-radius: 8px;
    padding: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__text {
    position: relative;
    margin-top: 10px;
    font-size: 1.4rem;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff;
    background: rgba(255, 255, 255, 0.733);
    border-radius: 8px;
    padding: 5px;
  }
}

@media screen and (min-width: 768px) {
  .c-mv03article__btn {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__btn {
    margin-top: 35px;
    margin-right: 25px;
    margin-left: 25px;
  }
}

@media screen and (min-width: 768px) {
  .c-mv03article__btn .c-btn--simulation {
    margin-left: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__btn .c-btn--simulation {
    margin-left: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
}

.c-mv03article__btn__baloon {
  position: relative;
  background: #fff;
  padding: 5px 10px;
  border-radius: 999px;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-mv03article__btn__baloon {
    left: 180px;
    width: 320px;
    margin: 0 0 8px -160px;
    font-size: 1.4rem;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__btn__baloon {
    width: 100%;
    margin-bottom: 5px;
    font-size: 1rem;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
}

.c-mv03article__btn__baloon::before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .c-mv03article__btn__baloon::before {
    bottom: -9px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    -webkit-transform: rotate(45deg) skew(20deg, 20deg);
    transform: rotate(45deg) skew(20deg, 20deg);
  }
}

@media screen and (max-width: 767px) {
  .c-mv03article__btn__baloon::before {
    bottom: -5px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    -webkit-transform: rotate(45deg) skew(10deg, 10deg);
    transform: rotate(45deg) skew(10deg, 10deg);
  }
}

.c-mv03article__btn__baloon::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: #fff;
}

.c-mv03article__btn__baloon > * {
  position: relative;
  z-index: 3;
}

.c-mv03article__btn__baloon .is-bold {
  color: #ff533d;
}

/*    c-mv01new
 * ------------------------------------------------- */
.c-mv01new {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-mv01new {
    height: 120px;
    padding: 0 35px;
    background: url(../images/mv_01.jpg) no-repeat 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new {
    height: 100px;
    padding: 0 15px;
    background: url(../images/mv_01_sp.jpg) no-repeat 100% 50%;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .c-mv01new__title {
    position: relative;
    margin-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title {
    margin-top: -5px;
    margin-right: 10px;
  }
}

.c-mv01new__title__mainLabel {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__mainLabel {
    font-size: 4.5rem;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__mainLabel {
    font-size: 2.6rem;
  }
}

.c-mv01new__title__mainLabel .is-main {
  font-weight: 700;
  color: #000;
}

.c-mv01new__title__mainLabel .is-sub {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  background: #D4AE45;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__mainLabel .is-sub {
    width: 50px;
    height: 50px;
    margin-left: 5px;
    font-size: 3.8rem;
    line-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__mainLabel .is-sub {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    font-size: 2.2rem;
    line-height: 30px;
  }
}

.c-mv01new__title__mainLabel .is-sub + .is-sub {
  margin-left: 2px;
}

.c-mv01new__title__subLabel {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__subLabel {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 100%;
    height: 36px;
    margin-left: 22px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__subLabel {
    height: 29px;
    margin-top: 3px;
    font-size: 1.4rem;
  }
}

.c-mv01new__title__subLabel .is-main, .c-mv01new__title__subLabel .is-sub {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.c-mv01new__title__subLabel .is-main::before, .c-mv01new__title__subLabel .is-sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.c-mv01new__title__subLabel .is-main > span, .c-mv01new__title__subLabel .is-sub > span {
  position: relative;
}

.c-mv01new__title__subLabel .is-main {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#A47F1D), to(#E1BC53));
  background-image: linear-gradient(0deg, #A47F1D 0%, #E1BC53 100%);
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__subLabel .is-main {
    padding: 0 30px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__subLabel .is-main {
    padding: 0 20px 0 20px;
  }
}

.c-mv01new__title__subLabel .is-main::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#A47F1D), to(#E1BC53));
  background-image: linear-gradient(0deg, #A47F1D 0%, #E1BC53 100%);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.c-mv01new__title__subLabel .is-sub {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#DAB245), to(#F2D873));
  background-image: linear-gradient(0deg, #DAB245 0%, #F2D873 100%);
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__subLabel .is-sub {
    padding: 0 20px 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__subLabel .is-sub {
    padding: 0 20px 0 10px;
  }
}

.c-mv01new__title__subLabel .is-sub::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#DAB245), to(#F2D873));
  background-image: linear-gradient(0deg, #DAB245 0%, #F2D873 100%);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

@media screen and (min-width: 768px) {
  .c-mv01new__title__lead {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__title__lead {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .c-mv01new__month {
    position: relative;
    display: block;
    width: 140px;
    height: 40px;
    margin-top: -45px;
    border-radius: 999px;
    background: #D4AE45;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    line-height: 40px;
    font-weight: 700;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__month {
    position: relative;
    background: url(../images/mv_02.png) no-repeat 50% 50%;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    text-shadow: 0 1px 1px black;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    width: 65px;
    height: 100px;
    padding-top: 53px;
    background-size: 65px 88px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv01new__month .is-num {
    position: absolute;
    display: inline-block;
    right: 0;
    left: 0;
    width: 2em;
    margin: auto;
    text-align: center;
    top: 30px;
    font-size: 2rem;
  }
}

/*    c-mv01new2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv01new2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 920px;
    height: 208px;
    margin: 0 0 10px;
    padding: 0 30px;
    background: url(/fx/top/images/mv_01.png) no-repeat 0 0;
    background-size: 34% 65%;
    background-position: 100% 90%;
  }
  .c-mv01new2__title {}
  .c-mv01new2__title__mainLabel {
    display: flex;
    align-items: center;
    font-size: 4rem;
    line-height: 52px;
  }
  .c-mv01new2__title__mainLabel .is-bold {
    display: inline-block;
    padding: 4px;
    background: #fff;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 3.6rem;
    line-height: 1;
  }
  .c-mv01new2__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 44px;
    height: 44px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new2__title__mainLabel .is-bold > span + span {
    margin-left: 4px;
  }
  .c-mv01new2__title__mainLabel .is-month {
    margin-left: 10px;
    color: #5BA4D6;
    font-size: 2rem;
  }
  .c-mv01new2__title__subLabel {
    font-size: 3.2rem;
    font-weight: 700;
  }
  .c-mv01new2__text1 {
    margin: 5px 0 auto;
    font-size: 1.4rem;
  }
  .c-mv01new2__text1 .is-bold {
    font-size: 1.7rem;
    font-weight: 700;
  }
  .c-mv01new2__text1 .is-num {
    color: #f09500;
  }
  .c-mv01new2__text2 {
    width: 432px;
    margin: auto 0 15px;
    padding: 2px 0 2px 20px;
    background: #fff;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-mv01new2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    margin: 0;
    padding: 0 15px;
    background: url(/fx/top/images/mv_01bg_sp.png) no-repeat 0 0;
    /* background-size: 9px; */
    background-size: 32% 22%;
    background-position: 99% 51%;
  }
  .c-mv01new2__text1 .is-num {
    color: #f09500;
  }
  .c-mv01new2__title {
    position: relative;
    margin: 5px 0 0;
  }
  .c-mv01new2__title::before {
    content: "";
    position: absolute;
    top: -33px;
    right: -4px;
    display: block;
    width: 128px;
    height: 73px;
    /* background: url(/fx/top/images/mv_01_sp.png) no-repeat 0 0; */
    background-size: 128px 73px;
  }
  .c-mv01new2__title__mainLabel {
    display: flex;
    align-items: center;
    font-size: 2.7rem;
    line-height: 39px;
  }
  .c-mv01new2__title__mainLabel .is-bold {
    display: inline-block;
    padding: 3px;
    background: #fff;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 2.2rem;
    line-height: 1;
  }
  .c-mv01new2__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 33px;
    height: 33px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new2__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv01new2__title__subLabel {
    font-size: 2rem;
    font-weight: 700;
  }
  .c-mv01new2__text1 {
    margin: 0 0 10px -2px;
    padding: 10px 0 0;
    font-size: 1.1rem;
  }
  .c-mv01new2__text1 .is-bold {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-mv01new2__text2 {
    width: auto;
    margin: 5px -15px 0;
    padding: 4px 15px;
    background: #fff;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
  }
}

/*    c-mv01new3
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv01new3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 920px;
    height: 208px;
    margin: 0 0 10px;
    padding: 0 30px;
    background: url(/fx/top/images/mv_01.png) no-repeat 0 0;
    background-size: 34% 65%;
    background-position: 100% 90%;
  }
  .c-mv01new3__title {}
  .c-mv01new3__title__mainLabel {
    display: flex;
    align-items: center;
    font-size: 4rem;
    line-height: 52px;
  }
  .c-mv01new3__title__mainLabel .is-bold {
    display: inline-block;
    padding: 4px;
    background: #fff;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 3.6rem;
    line-height: 1;
  }
  .c-mv01new3__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 44px;
    height: 44px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new3__title__mainLabel .is-bold > span + span {
    margin-left: 4px;
  }
  .c-mv01new3__title__mainLabel .is-month {
    margin-left: 10px;
    color: #5BA4D6;
    font-size: 2rem;
  }
  .c-mv01new3__title__subLabel {
    font-size: 3.2rem;
    font-weight: 700;
  }
  .c-mv01new3__text1 {
    margin: 5px 0 auto;
    font-size: 1.4rem;
  }
  .c-mv01new3__text1 .is-bold {
    font-size: 1.7rem;
    font-weight: 700;
  }
  .c-mv01new3__text1 .is-num {
    color: #f09500;
  }
  .c-mv01new3__text2 {
    width: 432px;
    margin: auto 0 15px;
    padding: 2px 0 2px 20px;
    background: #fff;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-mv01new3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    margin: 0;
    padding: 0 15px;
    background: url(/fx/top/images/mv_01bg_sp.png) no-repeat 0 0;
    /* background-size: 9px; */
    background-size: 32% 31%;
    background-position: 99% 51%;
  }
  .c-mv01new3__text1 .is-num {
    color: #f09500;
  }
  .c-mv01new3__title {
    position: relative;
    margin: 5px 0 0;
  }
  .c-mv01new3__title::before {
    content: "";
    position: absolute;
    top: -33px;
    right: -4px;
    display: block;
    width: 128px;
    height: 73px;
    /* background: url(/fx/top/images/mv_01_sp.png) no-repeat 0 0; */
    background-size: 128px 73px;
  }
  .c-mv01new3__title__mainLabel {
    display: flex;
    align-items: center;
    font-size: 2.7rem;
    line-height: 39px;
  }
  .c-mv01new3__title__mainLabel .is-bold {
    display: inline-block;
    padding: 3px;
    background: #fff;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 2.2rem;
    line-height: 1;
  }
  .c-mv01new3__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 33px;
    height: 33px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new3__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv01new3__title__subLabel {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .c-mv01new3__text1 {
    margin: 0 0 10px -2px;
    padding: 10px 0 0;
    font-size: 1.1rem;
  }
  .c-mv01new3__text1 .is-bold {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-mv01new3__text2 {
    width: auto;
    margin: 5px -15px 0;
    padding: 4px 15px;
    background: #fff;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
  }
}

/*    c-mv01new4
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv01new4 {
    width: 920px;
    height: 218px;
    margin: 0;
    padding: 45px 30px 20px;
    background: url(/fx/top/images/mv_04.png) no-repeat 0 0;
  }
  .c-mv01new4__title {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
  }
  .c-mv01new4__title__mainLabel {
    /* display: flex; */
    align-items: center;
    color: #5BA4D6;
    font-size: 3.5rem;
    line-height: 15px;
    font-weight: 700;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  .c-mv01new4__title__mainLabel .is-bold {
    display: inline-block;
    font-size: 4.3rem;
    line-height: 48px;
    text-shadow: none;
  }
  .c-mv01new4__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new4__title__mainLabel .is-bold > span + span {
    margin-left: 6px;
  }
  .c-mv01new4__title__subLabel {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
  }
  .c-mv01new4__title__subLabel::before,
  .c-mv01new4__title__subLabel::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #000;
  }
  .c-mv01new4__text {
    margin: 15px 0 auto;
    font-size: 1.6rem;
  }
  .c-mv01new4__text .is-bold {
    color: #cc1938;
    font-weight: 700;
  }
  .c-mv01new4__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 430px;
    height: 42px;
    margin-top: 10px;
    border-radius: 42px;
    background: #D4AE45;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-mv01new4__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-mv01new4__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    width: 14px;
    height: 18px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_beginner01.png) no-repeat 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-mv01new4 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    height: 220px;
    margin: 0;
    padding: 15px 0;
    background: url(/fx/top/images/mv_04bg_sp.png) repeat 0 0;
    background-size: 3px;
  }
  .c-mv01new4::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 375px;
    height: 115px;
    margin: auto;
    background: url(/fx/top/images/mv_04_sp.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-mv01new4__title {
    position: relative;
  }
  .c-mv01new4__title__mainLabel {
    /* display: flex; */
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #5BA4D6;
    font-size: 2.5rem;
    line-height: 18px;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  .c-mv01new4__title__mainLabel .is-bold {
    display: inline-block;
    margin-left: 5px;
    font-size: 3.5rem;
    line-height: 1;
    text-shadow: none;
  }
  .c-mv01new4__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 46px;
    height: 46px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv01new4__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv01new4__title__subLabel {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    margin: 0 15px 15px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
  }
  .c-mv01new4__title__subLabel::before,
  .c-mv01new4__title__subLabel::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #000;
  }
  .c-mv01new4__text {
    position: relative;
    margin: 3px 0 auto;
    text-align: center;
    font-size: 1.2rem;
  }
  .c-mv01new4__text .is-bold {
    color: #cc1938;
    font-weight: 700;
  }
  .c-mv01new4__text .is-bold2 {
    display: inline-block;
    margin-top: 5px;
    font-size: 1.2rem;
  }

}
@media screen and (min-width: 1025px) {
  .c-mv01new4__btn {
    transition: opacity 0.2s ease;
  }
  .c-mv01new4__btn:hover {
    opacity: 0.5;
  }
}

/*    c-mv02
 * ------------------------------------------------- */
/* .c-mv02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #5BA4D6;
} */

@media screen and (min-width: 768px) {
  .c-mv02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #DBEBFC;  
    padding: 20px 20px 15px 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02 {
    padding: 10px 5px;
    background: #DBEBFC;
  }
}

.c-mv02__title {
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-mv02__title {
    padding-left: 70px;
  }
  .c-mv02__title p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title {
    padding-right: 10px;
    padding-left: 40px;
  }
  .c-mv02__title p {
    font-size: 12px;
  }
}

.c-mv02__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  margin: auto;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-mv02__title::before {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title::before {
    width: 30px;
    height: 30px;
  }
}

.c-mv02__title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 880.43478% 678.43137%;
  background-position: 100% 0%;
}

@media screen and (min-width: 768px) {
  .c-mv02__title::after {
    width: 28px;
    height: 31px;
    -webkit-transform: translate(11px, -2px);
    transform: translate(11px, -2px);
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title::after {
    width: 17px;
    height: 19px;
    -webkit-transform: translate(7px, -1px);
    transform: translate(7px, -1px);
  }
}

.c-mv02__title__mainLabel {
  display: block;
  margin-top: 5px;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-mv02__title__mainLabel {
    font-size: 2.6rem;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title__mainLabel {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .c-mv02__title__mainLabel1 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title__mainLabel1 {
    font-size: 1.1rem;
  }
}

.c-mv02__title__mainLabel3 {
  display: block;
  line-height: 1.2;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-mv02__title__mainLabel3 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title__mainLabel3 {
    font-size: 1.4rem;
  }
}

.c-mv02__title__subLabel {
  display: block;
  line-height: 1.2;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-mv02__title__subLabel {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title__subLabel {
    font-size: 1.4rem;
  }
}

.c-mv02__title__subLabel2 {
  display: block;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-mv02__title__subLabel2 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__title__subLabel2 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .subLabel1 {
    background: #5BA4D6;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel1 {
    background: #5BA4D6;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
  }
}

@media screen and (min-width: 768px) {
  .subLabel2 {
    background: #5BA4D6BD;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel2 {
    background: #5BA4D6BD;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel3 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .subLabel4 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .subLabel5 {
    background: #D4AE45a3;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel5 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .subLabel6 {
    background: #D4AE45a3;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel6 {
    background: #D4AE45a3;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 5px;
  }
}

@media screen and (min-width: 768px) {
  .subLabel7 {
    background: #cca12d;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel7 {
    background: #cca12d;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .subLabel8 {
    background: #D4AE45a3;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 25px;
  }
  .subLabel8:before {
    position: absolute;
    bottom: -20px;
    left: 7em;
    width: 0;
    height: 0;
    content: '';
    border-width: 15px 12px 0 12px;
    border-style: solid;
    border-color: #D4AE45a3 transparent transparent transparent;
  }
}

@media screen and (max-width: 767px) {
  .subLabel8 {
    background: #D4AE45a3;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 12px;
  }
  .subLabel8:after {
    position: absolute;
    z-index: 10;
    bottom: -20px;
    left: 4em;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #D4AE45a3 transparent transparent transparent;
  }
}

@media screen and (min-width: 768px) {
  .subLabel9 {
    background: #D4AE45;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .subLabel9 {
    background: #D4AE45;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
  }
}

.c-mv02__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-mv02__btn {
    background: #041b67;
    color: #fff;
    font-weight: 700;
    margin-right: 0;  
    width: 250px;
    height: 50px;
    font-size: 1.6rem;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__btn {
    background: #041b67;
    color: #fff;
    font-weight: 400;
    width: 65%;
    min-width: 125px;
    height: 35px;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 10px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

.c-mv02__btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

@media screen and (min-width: 768px) {
  .c-mv02__btn::after {
    right: 15px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-mv02__btn::after {
    right: 12px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (min-width: 1025px) {
  .c-mv02__btn {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-mv02__btn:hover {
    background: #000;
    color: #fff;
  }
  .c-mv02__btn:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
}

@media screen and (min-width: 768px) {
.mv02_subtext {
  background: #5BA4D6;
  font-size: 16px;
  font-weight: bold;
  padding-left: 123px;
  padding-bottom: 10px;
}
}

/*    c-mv02new
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv02new {
    padding: 13px 20px 13px 10px;
    background: #aebcca;
  }
  .c-tab02new-wrapper.is-fixed + .c-mv02new {
    margin-top: 60px;
  }
  .c-mv02new__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .c-mv02new__title.is-ranking {
    position: relative;
    padding: 0 0 0 55px;
  }
  .c-mv02new__title.is-ranking::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 40px;
    background: #fff;
  }
  .c-mv02new__title.is-ranking::after {
    content: "";
    position: absolute;
    top: 0;
    left: 9px;
    bottom: 0;
    display: inline-block;
    width: 22px;
    height: 25px;
    margin: auto;
    background: url(../images/sprite.png) 0 0;
    background-size: 880.43478% 678.43137%;
    background-position: 100% 0;
  }
}
@media screen and (max-width: 767px) {
  .c-mv02new {
    padding: 13px 15px;
    background: #aebcca;
  }
  .c-tab02new-wrapper.is-fixed + .c-mv02new {
    margin-top: 95px;
  }
  .c-mv02new__title {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-mv02new__title.is-ranking {
    position: relative;
    padding: 0 0 0 34px;
  }
  .c-mv02new__title.is-ranking::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 30px;
    background: #fff;
  }
  .c-mv02new__title.is-ranking::after {
    content: "";
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    display: inline-block;
    width: 17px;
    height: 19px;
    margin: auto;
    background: url(../images/sprite.png) 0 0;
    background-size: 880.43478% 678.43137%;
    background-position: 100% 0;
  }
}

/*    c-mv02new2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv02new2 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 920px;
    height: 160px;
    padding: 30px;
    background: url(../images/mv_05.png) no-repeat 0 0;
  }
  .c-mv02new2__title {}
  .c-mv02new2__title__mainLabel {
    display: flex;
    align-items: center;
    color: #5BA4D6;
    font-size: 3.8rem;
    line-height: 42px;
    font-weight: 700;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
    letter-spacing: -0.05em;
  }
  .c-mv02new2__title__mainLabel .is-bold {
    display: inline-block;
    margin-right: 5px;
    font-size: 3.1rem;
    line-height: 35px;
    text-shadow: none;
  }
  .c-mv02new2__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv02new2__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv02new2.is-type1 .c-mv02new2__title__mainLabel {
    font-size: 4rem;
    line-height: 52px;
    letter-spacing: 0;
  }
  .c-mv02new2__title__mainLabel .is-bold {
    font-size: 4rem;
    line-height: 45px;
  }
  .c-mv02new2__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 55px;
    height: 52px;
  }
  .c-mv02new2__title__subLabel {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.075em;
  }
  .c-mv02new2__list > li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 2px solid #5BA4D6;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 700;
  }
  .c-mv02new2__list > li.is-type1 {
    top: 8px;
    right: 181px;
  }
  .c-mv02new2__list > li.is-type2 {
    top: 78px;
    right: 222px;
  }
  .c-mv02new2__list > li.is-type3 {
    top: 78px;
    right: 140px;
  }
  .c-mv02new2.is-type1 .c-mv02new2__list > li.is-type1 {
    top: 43px;
    right: 222px;
  }
  .c-mv02new2.is-type1 .c-mv02new2__list > li.is-type2 {
    top: 43px;
    right: 140px;
  }
  .c-mv02new2-sub {
    padding: 10px 0;
  }
  .c-mv02new2__marquee01 {
    display: flex;
    margin: 5px 0;
  }
  .c-mv02new2__marquee01__item {
    width: 110px;
    margin-right: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .c-mv02new2__marquee01__item__image {
    overflow: hidden;
    position: relative;
    width: 110px;
    height: 50px;
    background: #fff;
  }
  .c-mv02new2__marquee01__item__image + .c-mv02new2__marquee01__item__image {
    margin-top: 10px;
  }
  .c-mv02new2__marquee01__item__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
  }
  .c-mv02new2__marquee01__item__text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 50px;
    background: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 5px;
    word-break: keep-all;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .c-mv02new2 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 178px;
    margin: 0;
    padding: 15px 15px;
    background: url(/fx/top/images/mv_04bg_sp.png) repeat 0 0;
    background-size: 3px;
  }
  .c-mv02new2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 425px;
    height: 79px;
    background: url(/fx/top/images/mv_05_sp.png) no-repeat 0 0;
    background-size: contain;
    transform: translateX(-50%);
  }
  .c-mv02new2__title {}
  .c-mv02new2__title__mainLabel {
    display: flex;
    align-items: center;
    color: #5BA4D6;
    font-size: 2.8rem;
    line-height: 36px;
    font-weight: 700;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
    letter-spacing: -0.05em;
    white-space: nowrap;
  }
  .c-mv02new2__title__mainLabel .is-bold {
    display: inline-block;
    margin-right: 3px;
    font-size: 2.7rem;
    line-height: 29px;
    text-shadow: none;
    white-space: nowrap;
  }
  .c-mv02new2__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv02new2__title__mainLabel .is-bold > span + span {
    margin-left: 2px;
  }
  .c-mv02new2.is-type1 .c-mv02new2__title__mainLabel {
    font-size: 3.2rem;
    line-height: 43px;
    letter-spacing: 0;
  }
  .c-mv02new2.is-type1 .c-mv02new2__title__mainLabel .is-bold {
    font-size: 3.3rem;
    line-height: 36px;
  }
  .c-mv02new2.is-type1 .c-mv02new2__title__mainLabel .is-bold > span {
    width: 43px;
    height: 43px;
  }
  .c-mv02new2__title__subLabel {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
  }
  .c-mv02new2__list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-mv02new2__list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 2px solid #5BA4D6;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
  }
  .c-mv02new2__list > li + li {
    margin-left: 5px;
  }
  .c-mv02new2-sub {
    padding: 5px 0;
  }
  .c-mv02new2__marquee01 {
    display: flex;
    margin: 5px 0;
  }
  .c-mv02new2__marquee01__item {
    width: 85px;
    margin-right: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .c-mv02new2__marquee01__item__image {
    overflow: hidden;
    position: relative;
    width: 85px;
    height: 39px;
    background: #fff;
  }
  .c-mv02new2__marquee01__item__image + .c-mv02new2__marquee01__item__image {
    margin-top: 10px;
  }
  .c-mv02new2__marquee01__item__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
  }
  .c-mv02new2__marquee01__item__text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 39px;
    background: #fff;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 3px;
    word-break: keep-all;
    line-height: 1.2;
  }
}
/* js */
.js-mv02new2Logo {
  position: relative;
  overflow: hidden;
}
.js-mv02new2Logo .js-mv02new2LogoWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
@media screen and (min-width: 768px) {
  .js-mv02new2Logo {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .js-mv02new2Logo {
    height: 49px;
  }
}

/*    c-mv03
 * ------------------------------------------------- */
.c-mv03 {
  font-weight: 700;
  color: #7A5913;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-mv03 {
    padding: 20px 40px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-mv03 {
    padding: 15px 20px;
    font-size: 1.35rem;
  }
}

/*    c-mv04
 * ------------------------------------------------- */
.c-mv04 {
  position: relative;
}
.c-mv04__inner {}
@media screen and (min-width: 768px) {
  .c-mv04 {
    margin-bottom: 2em;
    padding: 30px;
    height: 270px;
    background: url(/fx/top/images/mv_06.png) no-repeat 0 0;
  }
  .c-mv04__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  /* sokujitsu */
  .c-mv04.is-sokujitsu {
    height: 190px;
    background: url(/fx/top/images/mv_07.png) no-repeat 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-mv04 {
    /* margin: 0 -15px 2em; */
    padding: 15px;
    background: url(/fx/top/images/mv_06bg_sp.png) repeat 0 0;
    background-size: 3px;
  }
  .c-mv04::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    padding-top: calc( 100% * (190/690));
    background: url(/fx/top/images/mv_06_sp.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-mv04__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  /* sokujitsu */
  .c-mv04.is-sokujitsu::before {
    background: url(/fx/top/images/mv_07_sp.png) no-repeat 0 0;
    background-size: contain;
  }
}
/* title */
.c-mv04__title {}
.c-mv04__title__unit1 {}
.c-mv04__title__main1 {
  display: block;
  background: #F1CB69;
  color: #fff;
  text-align: center;
}
.c-mv04__title__main2 {
  display: block;
  font-weight: 900;
}
.c-mv04__title__main2 > span {
  display: inline-block;
  background: #5BA4D6;
  color: #fff;
  text-align: center;
}
.c-mv04__title__sub1 {
  color: #5BA4D6;
  line-height: 1.2;
  font-weight: 900;
}
.c-mv04__title__sub2 {
  color: #cca12d;
  line-height: 1.2;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .c-mv04__title {
    display: flex;
    align-items: center;
    margin: -4px 0 0;
  }
  .c-mv04__title__unit1 {}
  .c-mv04__title__main1 {
    font-size: 1.6rem;
  }
  .c-mv04__title__main2 {
    padding-top: 4px;
    font-size: 4rem;
    line-height: 49px;
  }
  .c-mv04__title__main2 > span {
    width: 55px;
    height: 52px;
  }
  .c-mv04__title__main2 > span + span {
    margin-left: 4px;
  }
  .c-mv04__title__unit2 {
    margin-left: 10px;
  }
  .c-mv04__title__sub1 {
    display: block;
    font-size: 4.1rem;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  .c-mv04__title__sub2 {
    display: block;
    font-size: 3.3rem;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  /* type1 */
  .c-mv04__title__unit2.is-type1 {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-top: 28px;
  }
  .c-mv04__title__unit2.is-type1 .c-mv04__title__sub1 {
    font-size: 2.7rem;
  }
  .c-mv04__title__unit2.is-type1 .c-mv04__title__sub2 {
    font-size: 4.3rem;
  }
}
@media screen and (max-width: 767px) {
  .c-mv04__title {
    width: 100%;
    margin-bottom: 10px;
  }
  .c-mv04__title__unit1 {
    float: left;
    display: block;
  }
  .c-mv04__title__main1 {
    font-size: 1.1rem;
  }
  .c-mv04__title__main2 {
    padding-top: 3px;
    font-size: 2.4rem;
    line-height: 28px;
  }
  .c-mv04__title__main2 > span {
    width: 33px;
    height: 31px;
  }
  .c-mv04__title__main2 > span + span {
    margin-left: 3px;
  }
  /* is-type1 */
  .c-mv04__title__main2.is-type1 {
    font-size: 2.8rem;
    line-height: 32px;
  }
  .c-mv04__title__main2.is-type1 > span {
    width: 39px;
    height: 36px;
  }
  .c-mv04__title__unit2 {
    clear: both;
    display: block;
    padding-top: 5px;
  }
  .c-mv04__title__sub1 {
    font-size: 2rem;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;
  }
  .c-mv04__title__sub2 {
    font-size: 2rem;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;
  }
  /* is-type1 */
  .c-mv04__title__unit2.is-type1 .c-mv04__title__sub1 {
    font-size: 1.7rem;
  }
  .c-mv04__title__unit2.is-type1 .c-mv04__title__sub2 {
    font-size: 1.7rem;
  }
}
/* text */
.c-mv04__text1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: linear-gradient(135deg, rgba(216,179,56,1) 0%, rgba(216,179,56,1) 50%, rgba(204,161,45,1) 50%, rgba(204,161,45,1) 100%);
  color: #fff;
  line-height: 1;
  font-weight: 700;
}
.c-mv04__text1 .is-num {
  font-family: Arial, Helvetica, sans-serif;
}
.c-mv04__text2 {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-mv04__text1 {
    width: 80px;
    height: 80px;
    margin-left: 10px;
    font-size: 2rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
  }
  .c-mv04__text1 .is-num {
    font-size: 3.3rem;
  }
  .c-mv04__text2 {
    width: 100%;
    margin-top: 20px;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 767px) {
  .c-mv04__text1 {
    width: 48px;
    height: 48px;
    font-size: 1.2rem;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .c-mv04__text1 .is-num {
    font-size: 2rem;
    /* margin-right: ; */
  }
  .c-mv04__text2 {
    width: calc( 100% - 48px );
    padding-left: 10px;
    font-size: 1.3rem;
  }
  /* type1 */
  .c-mv04__text2.is-type1 {
    width: 100%;
    padding-left: 0;
  }
}
/* badge */
.c-mv04__badge {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(/fx/top/images/mv04_badge01.png) no-repeat 0 0;
  background-size: cover;
  color: #fff;
  line-height: 1.4;
  font-weight: 700;
}
.c-mv04__badge .is-num {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
.c-mv04__badge .is-month {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-mv04__badge {
    top: 5px;
    right: 5px;
    width: 80px;
    height: 80px;
    font-size: 1.4rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
  }
  .c-mv04__badge .is-num {
    font-size: 2rem;
    margin-right: 1px;
  }
  .c-mv04__badge .is-month {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .c-mv04__badge {
    top: 5px;
    right: 5px;
    width: 60px;
    height: 60px;
    font-size: 1.1rem;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .c-mv04__badge .is-num {
    font-size: 1.5rem;
    margin-right: 1px;
  }
  .c-mv04__badge .is-month {
    font-size: 1.2rem;
  }

}
/* logo */
.c-mv04__logo {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.c-mv04__logo > li img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-mv04__logo {
    margin-top: 20px;
  }
  .c-mv04__logo > li {
    width: 164px;
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  .c-mv04__logo {
    flex-wrap: wrap;
    margin: 10px -2px 0;
  }
  .c-mv04__logo > li {
    width: calc(20% - 4px);
    margin: 0 2px;
    background: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  }
}

/*    c-mv05
 * ------------------------------------------------- */
.c-mv05 {
  overflow: hidden;
  position: relative;
}
.c-mv05__date {
  position: absolute;
  left: 0;
  z-index: 1;
  display: flex;
  gap: 2px;
  flex-direction: column;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: rotate(-45deg);
  transform-origin: top center;
}
.c-mv05__date::before,
.c-mv05__date::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
.c-mv05__title__subLabel {
  background: #F1CB69;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.c-mv05__image__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: #5BA4D6;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .c-mv05 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 920px;
    height: 220px;
    margin: 0;
    padding: 0 30px 0 60px;
    background: url(/fx/top/images/mv05_bg.png) repeat 0 0;
  }
  .c-mv05__date {
    top: 15px;
    width: 160px;
    padding: 10px 0 10px 20px;
    translate: -50% 0;
  }
  .c-mv05__date::before {
    top: 5px;
  }
  .c-mv05__date::after {
    bottom: 5px;
  }
  .c-mv05__date__line1 {
    font-size: 1.1rem;
  }
  .c-mv05__date__line2 {
    font-size: 1.2rem;
  }
  .c-mv05__date__line2 .is-num {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2rem;
  }
  .c-mv05__date__line2 .is-bold {
    font-size: 1.4rem;
  }
  .c-mv05__title {
    width: 355px;
  }
  .c-mv05__title__mainLabel {
    margin-top: 14px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    color: #5BA4D6;
    font-size: 3.6rem;
    line-height: 1;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  .c-mv05__title__mainLabel .is-bold {
    display: inline-block;
    margin-left: 5px;
    font-size: 4.2rem;
    line-height: 1.1;
    text-shadow: none;
  }
  .c-mv05__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 55px;
    height: 52px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
    font-size: 3.6rem;
  }
  .c-mv05__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv05__title__subLabel {
    font-size: 2.4rem;
  }
  .c-mv05__title__text {
    margin-top: 10px;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    white-space: nowrap;
  }
  .c-mv05__title2 {
    width: 355px;
  }
  .c-mv05__title2__mainLabel {
    margin-top: 14px;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    color: #5BA4D6;
    font-size: 3.4rem;
    line-height: 1;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
    white-space: nowrap;
  }
  .c-mv05__title2__mainLabel .is-bold {
    display: inline-block;
    margin-right: 5px;
    line-height: 1.1;
    text-shadow: none;
  }
  .c-mv05__title2__mainLabel .is-bold > span {
    display: inline-block;
    width: 46px;
    height: 44px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv05__title2__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv05__title2__text {
    margin-top: 10px;
    text-align: left;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .c-mv05__image {
    position: relative;
    right: 0;
    height: 100%;
    width: 430px;
  }
  .c-mv05__image__list li {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 3px solid #5BA4D6;
    font-size: 1.2em;
  }
  .c-mv05__image__image {
    position: absolute;
  }
  .c-mv05__image__image img {
    width: auto;
    height: 100%;
  }
  /* is-type1 */
  .c-mv05.is-type1 .c-mv05__image__list li:nth-child(1) {
    top: 99px;
    left: 9px;
  }
  .c-mv05.is-type1 .c-mv05__image__list li:nth-child(2) {
    top: 17px;
    left: 200px;
  }
  .c-mv05.is-type1 .c-mv05__image__list li:nth-child(3) {
    top: 99px;
    left: 288px;
  }
  .c-mv05.is-type1 .c-mv05__image__image {
    bottom: 0;
    left: 80px;
  }
  /* is-type2 */
  .c-mv05.is-type2 .c-mv05__image__list li:nth-child(1) {
    top: 99px;
    left: 18px;
  }
  .c-mv05.is-type2 .c-mv05__image__list li:nth-child(2) {
    top: 12px;
    left: 225px;
  }
  .c-mv05.is-type2 .c-mv05__image__list li:nth-child(3) {
    top: 107px;
    left: 290px;
  }
  .c-mv05.is-type2 .c-mv05__image__image {
    bottom: 0;
    left: 101px;
  }
  /* is-type3 */
  .c-mv05.is-type3 .c-mv05__image__list li:nth-child(1) {
    top: 99px;
    left: 18px;
  }
  .c-mv05.is-type3 .c-mv05__image__list li:nth-child(2) {
    top: 12px;
    left: 220px;
  }
  .c-mv05.is-type3 .c-mv05__image__list li:nth-child(3) {
    top: 107px;
    left: 282px;
  }
  .c-mv05.is-type3 .c-mv05__image__image {
    bottom: 0;
    left: 102px;
  }
  /* is-type4 */
  .c-mv05.is-type4 .c-mv05__image__list li:nth-child(1) {
    top: 99px;
    left: 6px;
  }
  .c-mv05.is-type4 .c-mv05__image__list li:nth-child(2) {
    top: 12px;
    left: 230px;
  }
  .c-mv05.is-type4 .c-mv05__image__list li:nth-child(3) {
    top: 107px;
    left: 297px;
  }
  .c-mv05.is-type4 .c-mv05__image__image {
    bottom: 0;
    left: 80px;
  }
}
@media screen and (max-width: 767px) {
  .c-mv05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 220px;
    margin: 0;
    padding: 20px 30px;
    background: url(/fx/top/images/mv05_bg.png) repeat 0 0;
    background-size: 3px;
  }
  .c-mv05__date {
    top: 12px;
    width: 160px;
    padding: 5px 0 5px 16px;
    translate: -50% 0;
  }
  .c-mv05__date::before {
    top: 2px;
  }
  .c-mv05__date::after {
    bottom: 2px;
  }
  .c-mv05__date__line1 {
    font-size: 0.8rem;
  }
  .c-mv05__date__line2 {
    font-size: 0.9rem;
  }
  .c-mv05__date__line2 .is-num {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
  }
  .c-mv05__date__line2 .is-bold {
    font-size: 1.1rem;
  }
  .c-mv05__title {
    width: 225px;
    font-size: 1.6rem;
  }
  .c-mv05__title__mainLabel {
    margin-top: 8px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    color: #5BA4D6;
    font-size: 2.5rem;
    line-height: 1;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
  }
  .c-mv05__title__mainLabel .is-bold {
    display: inline-block;
    margin-left: 5px;
    font-size: 2.4rem;
    line-height: 1;
    text-shadow: none;
  }
  .c-mv05__title__mainLabel .is-bold > span {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 0 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
    font-size: 3rem;
  }
  .c-mv05__title__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv05__title__subLabel {
    font-size: 1.6rem;
  }
  .c-mv05__title__text {
    margin-top: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
  }
  .c-mv05__title2__mainLabel {
    margin-top: 8px;
    text-align: left;
    color: #5BA4D6;
    font-size: 2.5rem;
    line-height: 1;
    text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, 4px -4px 0 #fff, -4px -4px 0 #fff, 4px 0 0 #fff, 0 4px 0 #fff, -4px 0 0 #fff, 0 -4px 0 #fff;
    white-space: nowrap;
  }
  .c-mv05__title2__mainLabel .is-bold {
    display: inline-block;
    margin-right: 5px;
    font-size: 2.5rem;
    line-height: 1;
    text-shadow: none;
  }
  .c-mv05__title2__mainLabel .is-bold > span {
    display: inline-block;
    width: 34px;
    height: 32px;
    padding: 2px 0 0;
    background: #5BA4D6;
    color: #fff;
    text-align: center;
  }
  .c-mv05__title2__mainLabel .is-bold > span + span {
    margin-left: 3px;
  }
  .c-mv05__title2__text {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.8;
    font-weight: bold;
  }
  .c-mv05__image {
    width: 215px;
  }
  .c-mv05__image__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
  }
  .c-mv05__image__list li {
    width: 72px;
    height: 72px;
    border: 2px solid #5BA4D6;
    font-size: 1rem;
  }
  .c-mv05__image__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  .c-mv05__image__image img {
    width: auto;
    height: 100%;
  }
  /* is-type1 */
  .c-mv05.is-type1 .c-mv05__image__image {
    right: -12px;
  }
  /* is-type2 */
  .c-mv05.is-type2 .c-mv05__image__image {
    right: 11px;
  }
  /* is-type3 */
  .c-mv05.is-type3 .c-mv05__image__image {
    right: 8px;
  }
  /* is-type4 */
  .c-mv05.is-type4 .c-mv05__image__image {
    right: 8px;
  }
}

/* ------------------------------------------------- *
 *    nav
 * ------------------------------------------------- */
/*    c-localnav
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  .c-localnav {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-localnav__unit {
  margin-bottom: 30px;
}

.c-localnav__title {
  background: #f0f0f0;
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-localnav__title {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title {
    padding: 7px 15px;
  }
}

.c-localnav__title.is-homeloan,
.c-localnav__title.is-newloan,
.c-localnav__title.is-loanchange,
.c-localnav__title.is-tips,
.c-localnav__title.is-knowledge,
.c-localnav__title.is-service,
.c-localnav__title.is-comparison {
  position: relative;
  padding-left: 50px;
}

.c-localnav__title.is-homeloan::before,
.c-localnav__title.is-newloan::before,
.c-localnav__title.is-loanchange::before,
.c-localnav__title.is-tips::before,
.c-localnav__title.is-knowledge::before,
.c-localnav__title.is-service::before,
.c-localnav__title.is-comparison::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-homeloan::before,
  .c-localnav__title.is-newloan::before,
  .c-localnav__title.is-loanchange::before,
  .c-localnav__title.is-tips::before,
  .c-localnav__title.is-knowledge::before,
  .c-localnav__title.is-service::before,
  .c-localnav__title.is-comparison::before {
    left: 0;
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-homeloan::before,
  .c-localnav__title.is-newloan::before,
  .c-localnav__title.is-loanchange::before,
  .c-localnav__title.is-tips::before,
  .c-localnav__title.is-knowledge::before,
  .c-localnav__title.is-service::before,
  .c-localnav__title.is-comparison::before {
    left: 10px;
    width: 35px;
    height: 35px;
  }
}

.c-localnav__title.is-homeloan::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 675% 596.55172%;
  background-position: 37.97101% 80.55556%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-homeloan::before {
    width: 30px;
    height: 28px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-homeloan::before {
    width: 24px;
    height: 23px;
    margin-left: 6px;
  }
}

.c-localnav__title.is-newloan::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 686.44068% 567.21311%;
  background-position: 0% 81.40351%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-newloan::before {
    width: 29px;
    height: 30px;
    margin-left: 11px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-newloan::before {
    width: 23px;
    height: 23px;
    margin-left: 5px;
  }
}

.c-localnav__title.is-loanchange::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 653.22581% 596.55172%;
  background-position: 18.65889% 80.55556%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-loanchange::before {
    width: 30px;
    height: 28px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-loanchange::before {
    width: 24px;
    height: 23px;
    margin-left: 6px;
  }
}

.c-localnav__title.is-tips::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 750% 617.85714%;
  background-position: 85.47009% 0%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-tips::before {
    width: 26px;
    height: 27px;
    margin-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-tips::before {
    width: 21px;
    height: 22px;
    margin-left: 7px;
  }
}

.c-localnav__title.is-knowledge::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 653.22581% 752.17391%;
  background-position: 42.85714% 58%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-knowledge::before {
    width: 30px;
    height: 22px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-knowledge::before {
    width: 24px;
    height: 18px;
    margin-left: 6px;
  }
}

.c-localnav__title.is-service::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 675% 665.38462%;
  background-position: 23.76812% 59.18367%;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-service::before {
    width: 30px;
    height: 26px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-service::before {
    width: 24px;
    height: 21px;
    margin-left: 6px;
  }
}

.c-localnav__title.is-comparison::before {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/icn_comparison01.png");
  background-size: 24px 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .c-localnav__title.is-comparison::before {
    width: 30px;
    height: 26px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__title.is-comparison::before {
    width: 24px;
    height: 21px;
    margin-left: 6px;
  }
}

/*    c-localnav__info
 * ------------------------------------------------- */
.c-localnav__info__item {
  border-bottom: 1px solid #dcdcdc;
}

.c-localnav__info__item > span, .c-localnav__info__item > a {
  overflow: hidden;
  display: block;
}

@media screen and (min-width: 768px) {
  .c-localnav__info__item > span, .c-localnav__info__item > a {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__info__item > span, .c-localnav__info__item > a {
    padding: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .c-localnav__info__item > a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-localnav__info__item > a:hover {
    opacity: 0.3;
  }
}

.c-localnav__info__itemimage {
  position: relative;
  overflow: hidden;
  float: left;
  width: 80px;
  height: 60px;
  border: 1px solid #dcdcdc;
}

.c-localnav__info__itemimage img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.c-localnav__info__itemtitle {
  margin: 0 0 5px 90px;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-localnav__info__itemtitle {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__info__itemtitle {
    font-size: 1.4rem;
  }
}

.c-localnav__info__itemtext {
  margin-left: 90px;
}

@media screen and (min-width: 768px) {
  .c-localnav__info__itemtext {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__info__itemtext {
    font-size: 1.2rem;
  }
}

/*    c-localnav__list
 * ------------------------------------------------- */
.c-localnav__list__item {
  border-bottom: 1px solid #dcdcdc;
}

.c-localnav__list__item > span, .c-localnav__list__item > a {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-localnav__list__item > span, .c-localnav__list__item > a {
    padding: 17px 13px 17px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__list__item > span, .c-localnav__list__item > a {
    padding: 15px 30px 15px 15px;
  }
}

.c-localnav__list__item > span,
.c-localnav__list__item > a {
  position: relative;
  cursor: pointer;
}

.c-localnav__list__item > span::after,
.c-localnav__list__item > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  height: 100%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 89.93902%;
  width: 6px;
  height: 9px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-localnav__list__item > span::after,
  .c-localnav__list__item > a::after {
    right: 3px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__list__item > span::after,
  .c-localnav__list__item > a::after {
    right: 17px;
  }
}

@media screen and (min-width: 1025px) {
  .c-localnav__list__item > span,
  .c-localnav__list__item > a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-localnav__list__item > span:hover,
  .c-localnav__list__item > a:hover {
    opacity: 0.3;
  }
}

.c-localnav__list__item > .js-toggle.is-toggle {
  position: relative;
  cursor: pointer;
}

.c-localnav__list__item > .js-toggle.is-toggle::before, .c-localnav__list__item > .js-toggle.is-toggle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  background: #666;
  height: 2px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-localnav__list__item > .js-toggle.is-toggle::before, .c-localnav__list__item > .js-toggle.is-toggle::after {
    right: 0;
    width: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__list__item > .js-toggle.is-toggle::before, .c-localnav__list__item > .js-toggle.is-toggle::after {
    right: 15px;
    width: 10px;
  }
}

.c-localnav__list__item > .js-toggle.is-toggle::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-localnav__list__item > .js-toggle.is-toggle.is-active::after {
  display: none;
}

@media screen and (min-width: 1025px) {
  .c-localnav__list__item > .js-toggle.is-toggle {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-localnav__list__item > .js-toggle.is-toggle:hover {
    opacity: 0.3;
  }
}

/*    c-localnav__sublist
 * ------------------------------------------------- */
.c-localnav__sublist {
  border-left: 1px solid #dcdcdc;
}

@media screen and (min-width: 768px) {
  .c-localnav__sublist {
    margin-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__sublist {
    margin-left: 35px;
  }
}

.is-toggle + .c-localnav__sublist {
  display: none;
}

.c-localnav__sublist__item {
  border-top: 1px solid #dcdcdc;
}

.c-localnav__sublist__item > span, .c-localnav__sublist__item > a {
  display: block;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .c-localnav__sublist__item > span, .c-localnav__sublist__item > a {
    padding: 10px 13px 10px 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__sublist__item > span, .c-localnav__sublist__item > a {
    padding: 10px 30px 10px 15px;
  }
}

.c-localnav__sublist__item > a {
  position: relative;
}

.c-localnav__sublist__item > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 89.93902%;
  width: 6px;
  height: 9px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-localnav__sublist__item > a::after {
    right: 3px;
  }
}

@media screen and (max-width: 767px) {
  .c-localnav__sublist__item > a::after {
    right: 17px;
  }
}

@media screen and (min-width: 1025px) {
  .c-localnav__sublist__item > a:hover {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-localnav__sublist__item > a:hover:hover {
    opacity: 0.3;
  }
}

/*    c-fixnav
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    qa
 * ------------------------------------------------- */
/*    c-qa01
 * ------------------------------------------------- */
 .c-qa01-wrapper {
  display: none;
  margin-top: 60px;
}

.c-qa01 {
  border-top: 1px solid #dcdcdc;
}

.c-qa01 + .c-qa01 {
  border-top: none;
}

.c-qa01__unit {
  border-bottom: 1px solid #dcdcdc;
}

.c-qa01__q, .c-qa01__a {
  position: relative;
  font-size: 1.6rem;
}

.c-qa01__q {
  cursor: pointer;
}

.c-qa01__q::before, .c-qa01__q::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: #ccc;
}

.c-qa01__q::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-qa01__q.is-active::after {
  display: none;
}

.c-qa01__a {
  display: none;
}

.c-qa01__q .is-icon, .c-qa01__a .is-icon {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
}

.c-qa01__q .is-icon {
  background: #5BA4D6;
}

.c-qa01__a .is-icon {
  background: #ff533d;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .c-qa01__q {
    min-height: 80px;
    padding: 28px 30px 28px 50px;
  }
  .c-qa01__q::before, .c-qa01__q::after {
    right: 15px;
    width: 20px;
    height: 2px;
  }
  .c-qa01__a {
    padding: 0 0 0 50px;
  }
  .c-qa01__a__inner {
    padding: 8px 0 0;
  }
  .c-qa01__q .is-icon, .c-qa01__a .is-icon {
    width: 40px;
    height: 40px;
    font-size: 2.4rem;
  }
  .c-qa01__q .is-icon {
    top: 20px;
  }
  .c-qa01__a .is-icon {
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-qa01__q {
    min-height: 55px;
    padding: 15px 20px 15px 32px;
  }
  .c-qa01__q::before, .c-qa01__q::after {
    right: 0;
    width: 15px;
    height: 2px;
  }
  .c-qa01__a {
    padding: 0 0 0 32px;
  }
  .c-qa01__a__inner {
    padding: 0;
  }
  .c-qa01__q .is-icon, .c-qa01__a .is-icon {
    width: 24px;
    height: 24px;
    font-size: 1.4rem;
  }
  .c-qa01__q .is-icon {
    top: 15px;
  }
  .c-qa01__a .is-icon {
    top: 0;
  }
}

@media screen and (min-width: 1025px) {
  /* hover */
  .c-qa01__q {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-qa01__q:hover {
    opacity: 0.5;
  }
}

/* sub */
.c-qa01sub {
  background: #f0f0f0;
  margin-bottom: 30px;
}

.c-qa01sub__title {
  padding-left: 34px;
  background: url(../images/icn_attention02.png) no-repeat 0 0;
  background-size: 24px;
  font-size: 1.6rem;
  line-height: 25px;
  font-weight: 700;
}

.c-qa01sub__img img {
  width: 100%;
  height: auto;
}

.c-qa01sub .c-article_p {
  font-size: 1.4rem;
}

.c-article2_p {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .c-qa01sub {
    overflow: hidden;
    padding: 20px;
  }
  .c-qa01sub__img {
    float: right;
    width: 527px;
    margin-left: 25px;
  }
  .c-qa01sub__title {
    margin-bottom: 15px;
  }
  .c-qa01sub .c-article_p {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-qa01sub {
    padding: 10px;
  }
  .c-qa01sub__title {
    margin-bottom: 10px;
  }
  .c-qa01sub__img {
    margin-bottom: 10px;
  }
}

/* c-qa01__more */
.c-qa01__more {
  text-align: center;
  cursor: pointer;
}

.c-qa01__more span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
}

.c-qa01__more span::before {
  content: 'もっと見る';
  font-size: 1.4rem;
}

.c-qa01__more span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-qa01__more.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-qa01__more.is-active span::before {
  content: '閉じる';
  font-size: 1.4rem;
}

.c-qa01__more.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 768px) {
  .c-qa01__more {
    margin: 25px 0;
    font-size: 1.4rem;
  }
  .c-qa01__more span {
    padding: 0 0 0 27px;
  }
  .c-qa01__more span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-qa01__more {
    margin: 0 0 0;
    font-size: 1.2rem;
  }
  .c-qa01__more span {
    padding: 15px 0 15px 15px;
  }
  .c-qa01__more span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

@media screen and (min-width: 1025px) {
  /* hover */
  .c-qa01__more {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-qa01__more:hover {
    opacity: 0.3;
  }
}

/*    c-qa02
 * ------------------------------------------------- */
 .c-qa02 {
  border-top: 1px solid #ccc;
}
.c-qa02 + .c-qa02 {
  border-top: none;
}
.c-qa02__unit {
  border-bottom: 1px solid #ccc;
}
.c-qa02__q,
.c-qa02__a {
  position: relative;
}
.c-qa02__q {
  background: #e9f1fa;
  font-weight: 700;
  cursor: pointer;
}
.c-qa02__q::before,
.c-qa02__q::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: #999;
}
.c-qa02__q::after {
  transform: rotate(90deg);
}
.c-qa02__q.is-active::after {
  display: none;
}
.c-qa02__a {
  display: none;
}
.c-qa02__q .is-icon,
.c-qa02__a .is-icon {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
}
.c-qa02__q .is-icon {
  color: #5BA4D6;
}
.c-qa02__a .is-icon {
  color: #cc1938;
}
.c-qa02__a__inner > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-qa02__q {
    min-height: 50px;
    padding: 14px 30px 14px 45px;
    font-size: 1.8rem;
  }
  .c-qa02__q::before,
  .c-qa02__q::after {
    right: 15px;
    width: 20px;
    height: 2px;
  }
  .c-qa02__a {
    padding: 0 0 0 45px;
  }
  .c-qa02__q .is-icon,
  .c-qa02__a .is-icon {
    margin-left: 20px;
    font-size: 2.8rem;
  }
  .c-qa02__q .is-icon {
    top: 5px;
  }
  .c-qa02__a .is-icon {
    top: 8px;
  }
  .c-qa02__a__inner {
    padding: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-qa02__q {
    min-height: 45px;
    padding: 13px 20px 13px 29px;
    font-size: 1.4rem;
  }
  .c-qa02__q::before,
  .c-qa02__q::after {
    right: 10px;
    width: 15px;
    height: 2px;
  }
  .c-qa02__a {
    padding: 0 0 0 29px;
  }
  .c-qa02__q .is-icon,
  .c-qa02__a .is-icon {
    margin-left: 10px;
    font-size: 2rem;
  }
  .c-qa02__q .is-icon {
    top: 8px;
  }
  .c-qa02__a .is-icon {
    top: 12px;
  }
  .c-qa02__a__inner {
    padding: 13px 0;
  }
}
@media screen and (min-width: 1025px) {
  /* hover */
  .c-qa02__q {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-qa02__q:hover {
    opacity: 0.5;
  }
}


/* ------------------------------------------------- *
 *    .ranking
 * ------------------------------------------------- */
/*    c-ranking
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  .c-rankinglist {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media screen and (min-width: 768px) {
  .c-rankinglist + .c-rankinglist {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankinglist + .c-rankinglist {
    margin-top: 30px;
  }
}

.c-ranking {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.c-ranking__inner {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-ranking__inner {
    overflow: hidden;
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__inner {
    padding: 15px;
  }
}

.c-ranking:nth-of-type(odd) .c-ranking__inner {
  background: #fafafa;
}

.c-ranking:nth-of-type(even) .c-ranking__inner {
  background: #fff;
}

.c-ranking:nth-of-type(1) .c-ranking__inner {
  background: #fff8e3;
}

.c-ranking:nth-of-type(2) .c-ranking__inner {
  background: #ebebeb;
}

.c-ranking:nth-of-type(3) .c-ranking__inner {
  background: #fbf3f1;
}

.c-ranking__rank {
  position: absolute;
  z-index: 9;
  text-align: center;
  line-height: 1;
  font-family: "Anton", cursive;
}

@media screen and (min-width: 768px) {
  .c-ranking__rank {
    top: 2px;
    left: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg, #e7e7e7 0%, #e7e7e7 50%, #dcdcdc 50%, #dcdcdc 100%);
    z-index: 1;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rank {
    top: 0;
    left: 0;
    padding: 10px 15px 0 0;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #dcdcdc 0%, #dcdcdc 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.5rem;
  }
}

.c-ranking:nth-of-type(1) .c-ranking__rank, .c-ranking:nth-of-type(2) .c-ranking__rank, .c-ranking:nth-of-type(3) .c-ranking__rank {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 768px) {
  .c-ranking:nth-of-type(1) .c-ranking__rank {
    background: linear-gradient(135deg, #d6b457 0%, #d6b457 50%, #cca12d 50%, #cca12d 100%);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking:nth-of-type(1) .c-ranking__rank {
    background: linear-gradient(135deg, #cca12d 0%, #cca12d 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  }
}

@media screen and (min-width: 768px) {
  .c-ranking:nth-of-type(2) .c-ranking__rank {
    background: linear-gradient(135deg, #b2b2b2 0%, #b2b2b2 50%, #9f9f9f 50%, #9f9f9f 100%);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking:nth-of-type(2) .c-ranking__rank {
    background: linear-gradient(135deg, #9f9f9f 0%, #9f9f9f 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  }
}

@media screen and (min-width: 768px) {
  .c-ranking:nth-of-type(3) .c-ranking__rank {
    background: linear-gradient(135deg, #b2897f 0%, #b2897f 50%, #9f6b5f 50%, #9f6b5f 100%);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking:nth-of-type(3) .c-ranking__rank {
    background: linear-gradient(135deg, #9f6b5f 0%, #9f6b5f 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  }
}

.c-ranking__rank > span {
  display: inline-block;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__rank > span {
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rank > span {
    font-size: 1rem;
    margin-left: 1px;
  }
}

.c-ranking__type {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 0 3px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__type {
    width: 115px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__type {
    width: 90px;
    font-size: 1.25rem;
  }
}

.c-ranking__type.is-hendo {
  background: #005C99;
}

.c-ranking__type.is-kotei {
  background: #2256a9;
}

.c-ranking__type.is-flat {
  background: #5538a9;
}

.c-ranking__left {
  overflow: hidden;
  float: left;
}

@media screen and (min-width: 768px) {
  .c-ranking__left {
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__left {
    width: 130px;
  }
}

.c-ranking__left2 {
  overflow: hidden;
  float: left;
}

@media screen and (min-width: 768px) {
  .c-ranking__left2 {
    width: 155px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__left2 {
    width: 105px;
  }
}

.c-ranking__image {
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-ranking__image {
    width: 140px;
    height: 110px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__image {
    width: 120px;
    height: 107px;
  }
}

.c-ranking__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  height: auto;
}

.c-ranking__image2 {
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-ranking__image2 {
    width: 155px;
    height: 105px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__image2 {
    width: 94px;
    height: 56px;
  }
}

.c-ranking__image2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  height: auto;
}


@media screen and (min-width: 768px) {
  .c-ranking__recommendrank {
    width: 115px;
    height: 135px;
    margin: 20px auto 0;
    text-align: center;
  }
  .c-ranking__recommendrank p {
    margin-top: 5px;
    color: #00568F;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .c-ranking__recommendrank img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__recommendrank {
    width: 100%;
    height: 30px;
    margin: 10px 0;
    text-align: center;
  }
  .c-ranking__recommendrank p {
    /* margin-top: 5px; */
    color: #00568F;
    font-weight: bold;
    font-size: 1rem;
  }
  .c-ranking__recommendrank img {
    /* width: 100%;
    height: auto; */
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__title {
    margin-left: 170px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__title {
    margin-left: 90px;
  }
}

.c-ranking__name {
  display: block;
  margin-bottom: 3px;
  color: #666;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-ranking__name {
    /* margin-left: 170px; */
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__name {
    /* margin-left: 90px; */
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__type + * + .c-ranking__name {
    padding-right: 65px;
  }
}

.c-ranking__name2 {
  display: block;
  margin-bottom: 3px;
  color: #666;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-ranking__name2 {
    /* margin-left: 170px; */
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__name2 {
    /* margin-left: 90px; */
    font-size: 1rem;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__type + * + .c-ranking__name2 {
    padding-right: 65px;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__name3 {
margin: 40px;
text-align: center;
  }
}

@media screen and (max-width: 767px) {
.c-ranking__name3 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
    }
  }

@media screen and (min-width: 768px) {
  .c-ranking__name6 {
  font-size: 1.4rem;
  text-align: center;
  background: #5BA4D6;
  color: #000;
  padding: 16px 70px;
  border-radius: 60px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  text-decoration: none;
  font-weight: bold;
}
.c-ranking__name6:hover {
background: #000;
color: #fff;
}
}

.c-ranking__name6 a {
  /* color: #cc1938; */
  text-decoration: none;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-ranking__name6 {
    font-size: 1.4rem;
    text-align: center;
    background: #5BA4D6;
    color: #000;
    padding: 12px 48px;
    border-radius: 60px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    text-decoration: none;
    font-weight: bold;  
  }
  .c-ranking__name6:hover {
    background: #000;
    color: #fff;
    }
}

@media screen and (max-width: 767px) {
  .c-ranking__type + * + .c-ranking__name6 {
    padding-right: 65px;
  }
}

.c-ranking__name4 {
  display: block;
  margin-bottom: 3px;
  font-size: 1.6rem;
  color: #000000;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-ranking__name4 {
    /* margin-left: 90px; */
    margin-top: 10px;
    font-size: 1.6rem;
  }
}

.c-ranking__name5 {
  display: block;
  margin-bottom: 3px;
  font-size: 1.4rem;
  color: #0078c8;
  font-weight: bold;
  text-decoration: underline;
  text-align: right;
}

.c-ranking__name5 a {
  color: #cc1938;
  /* text-decoration: underline; */
}

@media screen and (max-width: 767px) {
  .c-ranking__name5 {
    /* margin-left: 90px; */
    margin-top: 30px;
    font-size: 1.4rem;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__type + * + .c-ranking__name5 {
    padding-right: 65px;
  }
}


.c-ranking__product {
  display: block;
  color: #0078c8;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-ranking__product {
    /* margin-left: 170px; */
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__product {
    /* margin-left: 90px; */
    font-size: 1.4rem;
  }
}

.c-ranking__product a {
  color: #00568F;
}

@media screen and (min-width: 1025px) {
  .c-ranking__product a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__product a:hover {
    opacity: 0.3;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__bottom {
    position: relative;
    margin-top: 30px;
    margin-left: 170px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__bottom {
    clear: both;
    position: relative;
    margin-top: 10px;
    padding: 0 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__bottom.is-hiddenbtn {
    padding-bottom: 0;
  }
}

.c-ranking__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #5BA4D6;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate {
    width: 307px;
    height: 40px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*margin-left: 90px;*/
    height: 30px;
    margin-top: 5px;
  }
}

.c-ranking__rate__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5BA4D6;
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate__title {
    width: 85px;
    font-size: 1.4rem;
  }
  .c-ranking__rate__title .is-text {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate__title {
    padding: 0 0 0 10px;
    font-size: 1.25rem;
  }
  .c-ranking__rate__title .is-text {
    font-size: 1rem;
  }
}

.c-ranking__rate__title::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate__title::after {
    right: -14px;
    border-width: 19px 0 19px 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate__title::after {
    right: -10px;
    border-width: 14px 0 14px 10px;
  }
}

.c-ranking__rate__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #AF1331;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 2.2rem;
  }
  .c-ranking__rate__text .is-text {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate__text {
    padding: 0 10px;
    font-size: 1.6rem;
  }
  .c-ranking__rate__text .is-text {
    font-size: 1rem!important;
  }
}

.c-ranking__rate__text .is-small {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate__text .is-small {
    margin-top: 3px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate__text .is-small {
    margin-top: 3px;
    font-size: 1.4rem;
  }
}

.c-ranking__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn {
    position: absolute;
    top: -70px;
    right: 0;
    width: 253px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    font-size: 1.8rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__btn {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-ranking__btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn::after {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn::after {
    right: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking > a:hover .c-ranking__btn, .c-ranking > a:hover + p .c-ranking__btn, .c-ranking__btn:hover {
    background: #000;
    color: #fff;
  }
}

.c-ranking__btn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn2 {
    position: relative;
    width: 410px;
    height: 50px;
    margin: 20px auto 0;
    border-radius: 25px;
    font-size: 1.6rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn2 {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__btn2 {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-ranking__btn2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn2::before {
    left: 10px;
  }
}

.c-ranking__btn2::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn2::after {
    right: 12px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__btn2:hover {
    background: #000;
    color: #fff;
  }
}

.c-ranking__btnText {
  color: #CC1938;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-ranking__btnText {
    margin: 20px 0 -15px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btnText {
    margin: 20px 0 -15px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__point {
    clear: both;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point {
    margin-top: 15px;
  }
}

.c-ranking__point__title, .c-ranking__guide__title {
  position: relative;
  margin-bottom: 10px;
  font-weight: 700;
  color: #f07e00;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-ranking__point__title, .c-ranking__guide__title {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point__title, .c-ranking__guide__title {
    font-size: 1.4rem;
  }
}

.c-ranking__point__title::before, .c-ranking__guide__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  background: #000;
}

.c-ranking__point__title > span, .c-ranking__guide__title > span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-ranking__point__title > span, .c-ranking__guide__title > span {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point__title > span, .c-ranking__guide__title > span {
    padding-right: 7px;
    padding-left: 7px;
  }
}

.c-ranking:nth-of-type(odd) .c-ranking__point__title > span, .c-ranking:nth-of-type(odd) .c-ranking__guide__title > span {
  background: #fafafa;
}

.c-ranking:nth-of-type(even) .c-ranking__point__title > span, .c-ranking:nth-of-type(even) .c-ranking__guide__title > span {
  background: #fff;
}

.c-ranking:nth-of-type(1) .c-ranking__point__title > span, .c-ranking:nth-of-type(1) .c-ranking__guide__title > span {
  background: #fff8e3;
}

.c-ranking:nth-of-type(2) .c-ranking__point__title > span, .c-ranking:nth-of-type(2) .c-ranking__guide__title > span {
  background: #ebebeb;
}

.c-ranking:nth-of-type(3) .c-ranking__point__title > span, .c-ranking:nth-of-type(3) .c-ranking__guide__title > span {
  background: #fbf3f1;
}

@media screen and (min-width: 768px) {
  .c-ranking__point__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: -10px;
    margin-left: -15px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point__list {
    font-size: 1.6rem;
  }
}

.c-ranking__point__list > li {
  position: relative;
  margin-bottom: 10px;
  /* font-weight: 700; */
}

@media screen and (min-width: 768px) {
  .c-ranking__point__list > li {
    width: 50%;
    padding: 2px 15px 2px 50px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point__list > li {
    padding: 2px 0 2px 30px;
  }
}

.c-ranking__point__list > li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 810% 720.83333%;
  background-position: 0% 100%;
}

@media screen and (min-width: 768px) {
  .c-ranking__point__list > li::before {
    left: 15px;
    width: 25px;
    height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__point__list > li::before {
    left: 0;
    width: 19px;
    height: 19px;
  }
}

.c-ranking__linkspecial {
  position: absolute;
  display: none;
}

@media screen and (min-width: 768px) {
  .c-ranking__linkspecial {
    right: 30px;
    margin-top: 43px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__linkspecial {
    left: 15px;
    width: calc(100% - 30px);
    margin-top: 83px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__linkspecial .c-ranking__btn {
    position: relative;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__more {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__more {
    margin-top: 30px;
  }
}

.c-ranking__more button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__more button {
    padding: 0 36px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__more button {
    padding: 0 28px;
    font-size: 1.6rem;
  }
}

.c-ranking__more button::before, .c-ranking__more button::after {
  content: "";
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}

.c-ranking__more button::before {
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 843.75% 786.36364%;
  background-position: 15.40616% 98.6755%;
}

@media screen and (min-width: 768px) {
  .c-ranking__more button::before {
    width: 24px;
    height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__more button::before {
    width: 18px;
    height: 17px;
  }
}

.c-ranking__more button::after {
  width: 6px;
  height: 9px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-ranking__more button::after {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__more button::after {
    right: 8px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__more button {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__more button:hover {
    opacity: 0.3;
  }
}

.c-rankingpickupbtn {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-rankingpickupbtn {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingpickupbtn {
    margin-top: 30px;
  }
}

.c-rankingpickupbtn.is-kariire a[href="?karikae&pickup"] {
  display: none;
}

.c-rankingpickupbtn.is-karikae a[href="?kariire&pickup"] {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-rankingpickupbtn2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingpickupbtn2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.c-rankingpickupbtn2.is-kariire a[href="?karikae&pickup"] {
  display: none;
}

.c-rankingpickupbtn2.is-karikae a[href="?kariire&pickup"] {
  display: none;
}

.c-ranking__table {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .c-ranking__table {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table {
    margin-top: 10px;
  }
}

.c-ranking__table + .c-ranking__table {
  display: none;
  border-top: none;
}

@media screen and (min-width: 768px) {
  .c-ranking__table + .c-ranking__table {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table + .c-ranking__table {
    margin-top: 0;
  }
}

.c-ranking__table__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__list {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list {
    font-size: 1.4rem;
  }
}

.c-ranking__table__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
}

.c-ranking__table__list > li > span {
  position: relative;
  width: 50%;
  background: #fff;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list > li > span {
    width: 140%;
    background: #fff;
    border-right: 1px solid #ccc;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__table__list > li > span {
    padding: 19px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__list > li > span {
    padding: 9px;
  }
}

.c-ranking__table__list > li > span:first-child {
  background: #f0f0f0;
  font-weight: 700;
}

.c-ranking__table__more {
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more {
    padding-top: 10px;
    font-size: 1.4rem;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more {
    margin-bottom: -20px;
    font-size: 1.2rem;
  }
}

.c-ranking__table__more span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more span {
    padding: 10px 0 10px 27px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more span {
    padding: 20px 0 20px 15px;
  }
}

.c-ranking__table__more span::before {
  content: '全項目を表示する';
  font-size: 1.4rem;
}

.c-ranking__table__more span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

.c-ranking__table__more.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-ranking__table__more.is-active span::before {
  content: '少なく見る';
  font-size: 1.4rem;
}

.c-ranking__table__more.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__table__more {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-ranking__table__more:hover {
    opacity: 0.3;
  }
}

/* c-ranking__table__more2 */

.c-ranking__table__more2 {
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more2 {
    padding-top: 10px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more2 {
    margin-bottom: -20px;
    font-size: 1.2rem;
  }
}

.c-ranking__table__more2 span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more2 span {
    padding: 10px 0 10px 27px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more2 span {
    padding: 20px 0 20px 15px;
  }
}

.c-ranking__table__more2 span::before {
  content: '全項目を表示する';
  font-size: 1.4rem;
}

.c-ranking__table__more2 span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more2 span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more2 span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

.c-ranking__table__more2.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-ranking__table__more2.is-active span::before {
  content: '少なく見る';
  font-size: 1.4rem;
}

.c-ranking__table__more2.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__table__more2 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-ranking__table__more2:hover {
    opacity: 0.3;
  }
}

/* c-ranking__table__more3 */

.c-ranking__table__more3 {
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more3 {
    padding-top: 10px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more3 {
    margin-bottom: -20px;
    font-size: 1.2rem;
  }
}

.c-ranking__table__more3 span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more3 span {
    padding: 10px 0 10px 27px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more3 span {
    padding: 20px 0 20px 15px;
  }
}

.c-ranking__table__more3 span::before {
  content: '全項目を表示する';
  font-size: 1.4rem;
}

.c-ranking__table__more3 span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-ranking__table__more3 span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table__more3 span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

.c-ranking__table__more3.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-ranking__table__more3.is-active span::before {
  content: '少なく見る';
  font-size: 1.4rem;
}

.c-ranking__table__more3.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__table__more3 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-ranking__table__more3:hover {
    opacity: 0.3;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__guide {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide {
    margin-top: 20px;
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__guide .c-ranking__btn {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide .c-ranking__btn {
    position: relative;
    margin-top: 20px;
  }
}

.c-ranking__guide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px -5px 0;
}

.c-ranking__guide__list > li {
  padding: 10px 5px 0;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__list > li {
    width: 33.33%;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__list > li {
    width: 50%;
  }
}

.c-ranking__guide__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background: #fff;
  color: #000;
  text-align: center;
  font-weight: 700;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__btn {
    height: 60px;
    border-radius: 8px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__btn {
    height: 45px;
    border-radius: 4px;
    font-size: 1.25rem;
  }
}

.c-ranking__guide__btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__btn::after {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__btn::after {
    right: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__btn {
    -webkit-transition: opacity 0.2s ease, background 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__btn:hover {
    background: #efefef;
  }
}

.danshintext {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .danshintext {
    font-size: 1.3rem;
  }
}

/*    pickup only
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__inner, div[id^="karikae-pickup"] .c-ranking__inner {
    overflow: visible;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__title, div[id^="karikae-pickup"] .c-ranking__title {
    width: 430px;
    margin-left: 170px;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__title, div[id^="karikae-pickup"] .c-ranking__title {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__name, div[id^="karikae-pickup"] .c-ranking__name {
    margin-left: 90px;
    margin-top: 10px;
  }
}

div[id^="kariire-pickup"] .c-ranking__name2, div[id^="karikae-pickup"] .c-ranking__name2 {
  display: block;
  margin-top: 10px;
  color: #000;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__name2, div[id^="karikae-pickup"] .c-ranking__name2 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__name2, div[id^="karikae-pickup"] .c-ranking__name2 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__product, div[id^="karikae-pickup"] .c-ranking__product {
    min-height: 3em;
    margin-left: 90px;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__bottom, div[id^="karikae-pickup"] .c-ranking__bottom {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__bottom, div[id^="karikae-pickup"] .c-ranking__bottom {
    margin-top: 20px;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__type, div[id^="karikae-pickup"] .c-ranking__type {
    position: static;
    display: inline-block;
    width: 115px;
    margin-right: 10px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__rate, div[id^="karikae-pickup"] .c-ranking__rate {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__rate, div[id^="karikae-pickup"] .c-ranking__rate {
    margin-left: 0;
    height: 35px;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__rate__title, div[id^="karikae-pickup"] .c-ranking__rate__title {
    width: 85px;
    padding-left: 4px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__rate__title, div[id^="karikae-pickup"] .c-ranking__rate__title {
    width: 65px;
    padding: 0;
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__rate__title::after, div[id^="karikae-pickup"] .c-ranking__rate__title::after {
    border-width: 16px 0 16px 10px;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__rate__text, div[id^="karikae-pickup"] .c-ranking__rate__text {
    padding: 0 12px 0 25px;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__rate__text, div[id^="karikae-pickup"] .c-ranking__rate__text {
    padding: 0 10px 0 20px;
  }
}

div[id^="kariire-pickup"] .c-ranking__btn::before, div[id^="karikae-pickup"] .c-ranking__btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  border-radius: 50%;
  background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__btn::before, div[id^="karikae-pickup"] .c-ranking__btn::before {
    left: 8px;
    width: 24px;
    height: 24px;
    background-size: 17px 12px;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__btn::before, div[id^="karikae-pickup"] .c-ranking__btn::before {
    left: 8px;
    width: 24px;
    height: 24px;
    background-size: 17px 12px;
  }
}

div[id^="kariire-pickup"] .c-ranking__point, div[id^="karikae-pickup"] .c-ranking__point {
  border: 1px solid #5BA4D6;
  background: #fff;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__point, div[id^="karikae-pickup"] .c-ranking__point {
    clear: both;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__point, div[id^="karikae-pickup"] .c-ranking__point {
    margin-top: 15px;
  }
}

div[id^="kariire-pickup"] .c-ranking__point__title, div[id^="karikae-pickup"] .c-ranking__point__title {
  position: relative;
  margin-bottom: 0;
  color: #fff;
  text-align: left;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__point__title, div[id^="karikae-pickup"] .c-ranking__point__title {
    padding: 8px 20px 8px 50px;
    background: #5BA4D6 url(../images/icn_check01w.png) no-repeat 19px 50%;
    background-size: 21px 15px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__point__title, div[id^="karikae-pickup"] .c-ranking__point__title {
    padding: 6px 10px 6px 32px;
    background: #5BA4D6 url(../images/icn_check01w.png) no-repeat 9px 50%;
    background-size: 16px 11px;
    font-size: 1.2rem;
  }
}

div[id^="kariire-pickup"] .c-ranking__point__title::before, div[id^="karikae-pickup"] .c-ranking__point__title::before {
  display: none;
}

div[id^="kariire-pickup"] .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking__point__title > span {
  display: inline;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
}

div[id^="kariire-pickup"] .c-ranking:nth-of-type(odd) .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking:nth-of-type(odd) .c-ranking__point__title > span, div[id^="kariire-pickup"] .c-ranking:nth-of-type(even) .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking:nth-of-type(even) .c-ranking__point__title > span, div[id^="kariire-pickup"] .c-ranking:nth-of-type(1) .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking:nth-of-type(1) .c-ranking__point__title > span, div[id^="kariire-pickup"] .c-ranking:nth-of-type(2) .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking:nth-of-type(2) .c-ranking__point__title > span, div[id^="kariire-pickup"] .c-ranking:nth-of-type(3) .c-ranking__point__title > span, div[id^="karikae-pickup"] .c-ranking:nth-of-type(3) .c-ranking__point__title > span {
  background: transparent;
}

div[id^="kariire-pickup"] .c-ranking__point__list, div[id^="karikae-pickup"] .c-ranking__point__list {
  counter-reset: ranking__point__list;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__point__list, div[id^="karikae-pickup"] .c-ranking__point__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__point__list, div[id^="karikae-pickup"] .c-ranking__point__list {
    padding: 0 14px 14px;
    font-size: 1.6rem;
  }
}

div[id^="kariire-pickup"] .c-ranking__point__list > li, div[id^="karikae-pickup"] .c-ranking__point__list > li {
  position: relative;
  margin-bottom: 0;
  /* font-weight: 700; */
  counter-increment: ranking__point__list;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__point__list > li, div[id^="karikae-pickup"] .c-ranking__point__list > li {
    width: 50%;
    min-height: 60px;
    margin-top: 20px;
    padding: 0 20px 0 90px;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__point__list > li, div[id^="karikae-pickup"] .c-ranking__point__list > li {
    min-height: 36px;
    margin-top: 15px;
    padding: 0 0 0 47px;
  }
}

div[id^="kariire-pickup"] .c-ranking__point__list > li::before, div[id^="karikae-pickup"] .c-ranking__point__list > li::before {
  content: "Point " counter(ranking__point__list);
  position: absolute;
  top: 0;
  bottom: auto;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  color: #fff;
  text-indent: 0;
  text-align: center;
  line-height: 1;
  font-family: Anton, cursive;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__point__list > li::before, div[id^="karikae-pickup"] .c-ranking__point__list > li::before {
    left: 20px;
    width: 60px;
    height: 60px;
    padding-top: 34px;
    background: #5BA4D6 url(../images/icn_like01.png) no-repeat 50% 12px;
    background-size: 17px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__point__list > li::before, div[id^="karikae-pickup"] .c-ranking__point__list > li::before {
    left: 0;
    width: 36px;
    height: 36px;
    padding-top: 22px;
    background: #5BA4D6 url(../images/icn_like01.png) no-repeat 50% 6px;
    background-size: 12px;
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__cv, div[id^="karikae-pickup"] .c-ranking__cv {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 240px;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__table__list, div[id^="karikae-pickup"] .c-ranking__table__list {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__table__list > li, div[id^="karikae-pickup"] .c-ranking__table__list > li {
    width: calc(100%/3);
  }
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__table__list > li > span, div[id^="karikae-pickup"] .c-ranking__table__list > li > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 3px 9px 3px;
    text-align: center;
  }
}

/*
@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__table__list > li > span,
  div[id^="karikae-pickup"] .c-ranking__table__list > li > span {
    width: calc(100% - 120px);
    padding: 9px;
  }
}
*/
div[id^="kariire-pickup"] .c-ranking__table__list > li > span, div[id^="karikae-pickup"] .c-ranking__table__list > li > span {
  text-align: left;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__table__list > li > span, div[id^="karikae-pickup"] .c-ranking__table__list > li > span {
    /* padding-right: 25px; */
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__table__list > li > span, div[id^="karikae-pickup"] .c-ranking__table__list > li > span {
    padding-right: 20px;
  }
}

/* @media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__table.is-second .c-ranking__table__list > li:nth-child(1),
  div[id^="karikae-pickup"] .c-ranking__table.is-second .c-ranking__table__list > li:nth-child(1),
  div[id^="kariire-pickup"] .c-ranking__table.is-second .c-ranking__table__list > li:nth-child(2),
  div[id^="karikae-pickup"] .c-ranking__table.is-second .c-ranking__table__list > li:nth-child(2) {
    display: none;
  }
} */
@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(5), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(5), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(6), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(6), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(7), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(7), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(8), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(8), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(9), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(9), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(10), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(10), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(11), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(11), div[id^="kariire-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(12), div[id^="karikae-pickup"] .c-ranking__table.is-first .c-ranking__table__list > li:nth-child(12) {
    display: none;
  }
}

div[id^="kariire-pickup"] .c-ranking__table__more span::before, div[id^="karikae-pickup"] .c-ranking__table__more span::before {
  content: '全項目を表示する';
}

div[id^="kariire-pickup"] .c-ranking__table__more.is-active span::before, div[id^="karikae-pickup"] .c-ranking__table__more.is-active span::before {
  content: '少なく見る';
}

div[id^="kariire-pickup"] .c-ranking__table__more2 span::before, div[id^="karikae-pickup"] .c-ranking__table__more2 span::before {
  content: '全項目を表示する';
}

div[id^="kariire-pickup"] .c-ranking__table__more2.is-active span::before, div[id^="karikae-pickup"] .c-ranking__table__more2.is-active span::before {
  content: '少なく見る';
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__guide__title, div[id^="karikae-pickup"] .c-ranking__guide__title {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__guide__title, div[id^="karikae-pickup"] .c-ranking__guide__title {
    font-size: 1.6rem;
  }
}

/*    Add
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__cv, div[id^="karikae-pickup"] .c-ranking__cv {
    margin-top: 20px;
  }
}

div[id^="kariire-pickup"] .c-ranking__cv.is-hiddenbtn, div[id^="karikae-pickup"] .c-ranking__cv.is-hiddenbtn {
  display: none;
}

div[id^="kariire-pickup"] .c-ranking__cv .c-ranking__btnText, div[id^="karikae-pickup"] .c-ranking__cv .c-ranking__btnText {
  margin: 0;
}

@media screen and (min-width: 768px) {
  div[id^="kariire-pickup"] .c-ranking__cv .c-ranking__btnText, div[id^="karikae-pickup"] .c-ranking__cv .c-ranking__btnText {
    font-size: 1.2rem;
    letter-spacing: -0.05em;
  }
}

@media screen and (max-width: 767px) {
  div[id^="kariire-pickup"] .c-ranking__cv .c-ranking__btnText, div[id^="karikae-pickup"] .c-ranking__cv .c-ranking__btnText {
    font-size: 1.4rem;
  }
}

div[id^="kariire-pickup"] .c-ranking__cv .c-ranking__btn, div[id^="karikae-pickup"] .c-ranking__cv .c-ranking__btn {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
}

div[id^="kariire-pickup"] .c-ranking__cvBtn, div[id^="karikae-pickup"] .c-ranking__cvBtn {
  margin-top: 10px;
}

div[id^="kariire-pickup"] .c-ranking__cvText, div[id^="karikae-pickup"] .c-ranking__cvText {
  margin-top: 5px;
  color: #CC1938;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.c-ranking__rate__btn {
  background: #c9d5e7;
}

.c-ranking__rate__btn > span {
  position: relative;
  display: block;
  background: #041b67;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.c-ranking__rate__btn > span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  height: 100%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/sprite.png);
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
  width: 6px;
  height: 9px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-ranking__rate__btn {
    width: 165px;
  }
  .c-ranking__rate__btn > span {
    height: 30px;
    margin: 4px 6px;
    padding-right: 5px;
    border-radius: 165px;
    font-size: 1.4rem;
    line-height: 30px;
  }
  .c-ranking__rate__btn > span::after {
    right: 7px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__rate__btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
    width: 160px;
  }
  .c-ranking__rate__btn > span {
    height: 25px;
    margin: 4px 5px;
    padding-right: 5px;
    border-radius: 125px;
    font-size: 1.4rem;
    line-height: 25px;
  }
  .c-ranking__rate__btn > span::after {
    right: 7px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__rate__btn > span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__rate__btn > span:hover {
    opacity: 0.5;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__accordion {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__accordion {
    margin-top: 15px;
  }
}

.c-ranking__guide__accordion__item {
  margin-top: 10px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
}

.c-ranking__guide__accordion__item > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
}

.c-ranking__guide__accordion__item > span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-ranking__guide__accordion__item > span.is-active::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-ranking__guide__accordionContents {
  overflow-y: auto;
  display: none;
  height: 470px;
  margin-right: 10px;
  margin-left: 10px;
  border-top: 1px solid #ccc;
}

/*.c-ranking__guide__accordion__item > span.is-active + .c-ranking__guide__accordionContents {
  display: block;
}*/
@media screen and (min-width: 768px) {
  .c-ranking__guide__tab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -4px 0;
    padding-bottom: 3px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__tab {
    display: none;
  }
}

.c-ranking__guide__tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 4px;
  z-index: 1;
  display: block;
  width: calc(100% - 8px);
  height: 3px;
  background: #5BA4D6;
}

.c-ranking__guide__tab__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  padding: 0 4px;
}

.c-ranking__guide__tab__item > a, .c-ranking__guide__tab__item > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  border-radius: 16px 16px 0 0;
  background: #fff;
  color: #666;
  text-align: center;
  font-weight: 700;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  font-size: 1.4rem;
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__tab__item > a, .c-ranking__guide__tab__item > span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__guide__tab__item > a:hover, .c-ranking__guide__tab__item > span:hover {
    opacity: 0.5;
  }
}

.c-ranking__guide__tab__item > span {
  cursor: pointer;
}

.c-ranking__guide__tab__item.is-active > a, .c-ranking__guide__tab__item.is-active > span {
  background: #5BA4D6;
  color: #fff;
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__tab__item.is-active > a:hover, .c-ranking__guide__tab__item.is-active > span:hover {
    opacity: 1;
  }
}

.c-ranking__guide__tabContent {
  display: none;
}

.c-ranking__guide__tabContent.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__head {
    position: relative;
    background: #ffd288;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__head {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__text {
    min-height: 37px;
    padding: 8px 180px 8px 20px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #8b4513;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__text {
    display: none;
  }
}

.c-ranking__guide__text > span {
  display: none;
}

.c-ranking__guide__text > span.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 29px;
    margin: auto;
    border-radius: 20px;
    background: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__toggle {
    display: none;
  }
}

.c-ranking__guide__toggle::before {
  content: "開く";
}

.c-ranking__guide__toggle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-ranking__guide__toggle.is-active::before {
  content: "閉じる";
}

.c-ranking__guide__toggle.is-active::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__toggle {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__guide__toggle:hover {
    opacity: 0.5;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__toggleBaloon {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -30px;
    width: 194px;
    margin-top: 32px;
    padding: 15px 20px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.3);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__toggleBaloon {
    display: none;
  }
}

.c-ranking__guide__toggleBaloon::before {
  content: "";
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 7px 15px 7px;
  border-color: transparent transparent #fff transparent;
}

.c-ranking__guide__toggle.is-active + .c-ranking__guide__toggleBaloon {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-ranking__guide__body {
    display: none;
    border: 1px solid #f4bb5d;
    background: #fff;
  }
  .c-ranking__guide__body.is-active {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__guide__body {
    display: none;
  }
}

.c-ranking__guide__body__head {
  position: relative;
  padding: 20px 19px;
}

.c-ranking__guide__body__head::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}

.c-ranking__guide__body__head .c-ranking__title {
  width: 400px;
  margin-left: 160px;
}

.c-ranking__guide__body__head .c-ranking__cv {
  top: 20px;
  right: 20px;
}

.c-ranking__guide__body__head .c-ranking__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-ranking__guide__body__body {
  overflow-y: auto;
  height: 600px;
}

.c-ranking__guide__body__foot {
  position: relative;
  background: #f0f0f0;
  padding: 20px;
}

.c-ranking__guide__body__foot::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
}

.c-ranking__guide__body__foot__close {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 180px;
  height: 40px;
  margin: auto;
  border-radius: 20px;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.c-ranking__guide__body__foot__close::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__guide__body__foot__close {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__guide__body__foot__close:hover {
    opacity: 0.5;
  }
}

/* modal */
.c-modal .c-ranking:nth-of-type(1) .c-ranking__inner,
.c-modal .c-ranking:nth-of-type(2) .c-ranking__inner,
.c-modal .c-ranking:nth-of-type(3) .c-ranking__inner {
  background: none;
}
@media screen and (min-width: 768px) {
  .c-modal .c-rankinglist {
    margin-right: -40px;
    margin-left: -40px;
    /*margin-bottom: -41px!important;*/
  }
  .c-modal .c-ranking__inner {
    padding: 40px;
  }
  .c-modal div[id^="kariire-pickup"] .c-ranking__title,
  .c-modal div[id^="karikae-pickup"] .c-ranking__title {
    width: 390px;
  }
  div[id^=kariire-pickup] .c-ranking__cv,
  div[id^=karikae-pickup] .c-ranking__cv {
    top: 40px;
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-modal .c-rankinglist {
    /*margin-bottom: -31px!important;*/
  }
  .c-modal .c-ranking__left {
    width: 100px;
  }
  .c-modal .c-ranking__image {
    width: 90px;
    height: 87px;
  }
  .c-modal div[id^=kariire-pickup] .c-ranking__product,
  .c-modal div[id^=karikae-pickup] .c-ranking__product {
    min-height: 0;
  }
  .c-ranking__cv:last-of-type {
    display: none;
  }
}

/* ------------------------------------------------- *
 *    .rankingselect
 * ------------------------------------------------- */
/*    c-rankingselect
 * ------------------------------------------------- */
.c-rankingselect__inner {
  /* background: #5BA4D6; */
}

@media screen and (min-width: 768px) {
  .c-rankingselect__inner {
    width: 920px;
    height: 170px;
    /* padding: 20px 40px; */
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__inner {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-rankingselect.is-fixed .c-rankingselect__inner {
  position: fixed;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .c-rankingselect.is-fixed .c-rankingselect__inner {
    top: 0;
    background: #041b67;
    height: 61px;
    padding: 20px 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect.is-fixed .c-rankingselect__inner {
    top: 50px;
    left: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    background: #041b67;
  }
}

.c-rankingselect__title {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__title {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 40px 0 15px;
    font-size: 1.4rem;
    cursor: pointer;
  }
}

/* @media screen and (max-width: 767px) {
  .c-rankingselect__title::before, .c-rankingselect__title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 12px;
    height: 1px;
    margin: auto;
    background: #000;
  }
} */
@media screen and (max-width: 767px) {
  .c-rankingselect__title::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__title.is-active::after {
    opacity: 0;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__title__icon {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__title__icon {
    position: absolute;
    top: 50%;
    right: 32px;
    display: block;
    color: #000;
    font-size: 1.3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.c-rankingselect__title__icon::before {
  content: "金利を開く";
}

.c-rankingselect__title.is-active .c-rankingselect__title__icon::before {
  content: "金利を閉じる";
}

@media screen and (max-width: 767px) {
  .c-rankingselect__body {
    display: none;
  }
}

.c-rankingselect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list {
    margin: 10px -4px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__list {
    margin: -5px 10px 0;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list > li {
    width: 25%;
    padding: 10px 4px 0;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__list > li {
    width: 50%;
    padding: 10px 5px 0;
  }
}

.c-rankingselect__checkbox {
  position: relative;
  display: block;
  width: 100%;
}

.c-rankingselect__checkbox input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 50%;
}

.c-rankingselect__checkbox label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  background: #fff;
  color: #999;
  font-weight: 700;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__checkbox label {
    border-radius: 8px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__checkbox label {
    border-radius: 4px;
    font-size: 1.2rem;
  }
}

.c-rankingselect__checkbox label::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border: 1px solid #dcdcdc;
  background: #f0f0f0;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__checkbox label::before {
    left: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 4px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__checkbox label::before {
    left: 8px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-radius: 2px;
  }
}

.c-rankingselect__checkbox label::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__checkbox label::after {
    left: 14px;
    width: 7px;
    height: 4px;
    margin-top: -3px;
    border-radius: 2px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__checkbox label::after {
    left: 11px;
    width: 6px;
    height: 3px;
    margin-top: -2px;
    border-radius: 2px;
  }
}

.c-rankingselect__checkbox input[type=checkbox]:checked + label {
  color: #5BA4D6;
}

.c-rankingselect__checkbox input[type=checkbox]:checked + label::before {
  background: #5BA4D6;
  border-color: #5BA4D6;
}

.c-rankingselect__checkbox input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/* ------------------------------------------------- *
 *    .rankingselect
 * ------------------------------------------------- */
/*    c-rankingselect2
 * ------------------------------------------------- */
.c-rankingselect__inner2 {
  /* background: #5BA4D6; */
}

@media screen and (min-width: 768px) {
  .c-rankingselect__inner2 {
    height: 170px;
    /* padding: 20px 40px; */
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__inner2 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-rankingselect.is-fixed .c-rankingselect__inner2 {
  position: fixed;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .c-rankingselect.is-fixed .c-rankingselect__inner2 {
    top: 0;
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect.is-fixed .c-rankingselect__inner2 {
    top: 50px;
    left: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    background: #041b67;
  }
}

/*    add
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-rankingselect__inner {
    height: 0px;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__inner2 {
    height: 0px;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__title {
    font-size: 1.4rem;
  }
}

.c-rankingselect.is-fixed .c-rankingselect__title {
  display: none;
}

.c-rankingselect__body {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-rankingselect.is-fixed .c-rankingselect__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__lead {
    margin-right: 1em;
    padding-right: 2em;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
  }
}

.c-rankingselect__list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list2 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list2 > li + li {
    margin-left: 2em;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list2 > li a {
    position: relative;
    padding-right: 16px;
    color: #fff;
  }
}

.c-rankingselect__list2 > li a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-rankingselect__list2 > li a::after {
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect__list2 > li a::after {
    width: 6px;
    height: 9px;
  }
}

.c-rankingselect__list2 > li a.is-current {
  font-weight: 700;
}

.c-rankingselect__list2 > li a.is-current::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  display: block;
  width: calc(100% - 20px);
  height: 2px;
  background: #fff;
}

@media screen and (min-width: 1025px) {
  .c-rankingselect__list2 > li a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-rankingselect__list2 > li a:hover {
    opacity: 0.3;
  }
}

/*    c-rankingselect2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-rankingselect2 {
    height: 61px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect2 {
    height: 50px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__inner {
    width: 920px;
    height: 61px;
    padding: 20px 5px;
    background: #041b67;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect2__inner {
    height: 50px;
    padding-top: 10px;
    margin-right: -15px;
    margin-left: -15px;
    background: #5BA4D6;
  }
}

.c-rankingselect2.is-fixed .c-rankingselect2__inner {
  position: fixed;
  z-index: 10;
  top: 0;
}

@media screen and (max-width: 767px) {
  .c-rankingselect2.is-fixed .c-rankingselect2__inner {
    left: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.c-rankingselect2__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__lead {
    margin-right: 2em;
    padding-right: 2em;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect2__lead {
    display: none;
  }
}

.c-rankingselect2__list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__list2 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__list2 > li + li {
    margin-left: 2em;
  }
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__list2 > li a {
    position: relative;
    padding-right: 16px;
    color: #fff;
  }
}

.c-rankingselect2__list2 > li a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-rankingselect2__list2 > li a::after {
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect2__list2 > li a::after {
    width: 6px;
    height: 9px;
  }
}

.c-rankingselect2__list2 > li a.is-current {
  font-weight: 700;
}

.c-rankingselect2__list2 > li a.is-current::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  display: block;
  width: calc(100% - 20px);
  height: 2px;
  background: #fff;
}

@media screen and (min-width: 1025px) {
  .c-rankingselect2__list2 > li a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-rankingselect2__list2 > li a:hover {
    opacity: 0.3;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingselect2 .c-tab03new__item {
    width: 33.33%;
  }
}

/* js-loadjson */
.c-rankinglist.js-loadjson,
.c-rankinglist.js-loadrankingjson {
  display: none;
}
.is-jsonloaded .c-rankinglist.js-loadjson,
.c-rankinglist.js-loadrankingjson.is-active {
  display: block!important;
}
@media screen and (max-width: 767px) {
  .js-loadrankingjson {
    margin-right: -15px;
    margin-left: -15px;
  }
}

/* ------------------------------------------------- *
 *    ranking__table2
 * ------------------------------------------------- */
.c-ranking__table2 {
  width: 100%;
  table-layout: fixed;
}

.c-ranking__table2Wrap + .c-ranking__table2Wrap {
  display: none;
  margin-top: 0;
}

.c-ranking__table2Wrap + .c-ranking__table2Wrap th, .c-ranking__table2Wrap + .c-ranking__table2Wrap td {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2 {
    font-size: 1.3rem;
  }
  .c-ranking__table2Wrap {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 {
    font-size: 1.2rem;
  }
  .c-ranking__table2Wrap {
    margin-top: 10px;
  }
}

.c-ranking__table2 th, .c-ranking__table2 td {
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.c-ranking__table2 thead th {
  background: #f0f0f0;
  font-weight: 700;
}

.c-ranking__table2 tbody th {
  background: #f7f7f7;
  font-weight: 700;
}

.c-ranking__table2 thead td, .c-ranking__table2 tbody th {
  background: #f7f7f7;
  font-weight: 700;
}

.c-ranking__table2 tbody td {
  background: #fff;
}

.c-ranking__table2 td.is-mark {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2 th, .c-ranking__table2 td {
    padding: 9px 3px 9px 3px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 th, .c-ranking__table2 td {
    padding: 9px 3px 9px 3px;
  }
}

.c-ranking__table2 th.is-title {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 th.is-title {
    text-align: left;
  }
}

.c-ranking__table2__button {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  background: #fff;
  font-weight: 700;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2__button {
    right: 10px;
    width: 120px;
    height: 29px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2__button {
    right: 5px;
    width: 100px;
    height: 25px;
    border-radius: 20px;
    font-size: 1.2rem;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
}

.c-ranking__table2__button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2__button::after {
    right: 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2__button::after {
    right: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__table2__button {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__table2__button:hover {
    opacity: 0.5;
  }
}

@media screen and (min-width: 768px) {
  .c-ranking__table2 .c-help01 {
    width: 17px;
    height: 17px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 .c-help01 {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
  }
  .c-ranking__table2 .c-help01.is-type1 {
    display: inline-block;
    margin-left: 10px;
  }
}

.c-ranking__table2 .c-help01__btn {
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2 .c-help01__btn {
    width: 17px;
    height: 17px;
    background-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 .c-help01__btn {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.c-ranking__table2 .c-help01__baloon {
  font-weight: 400 !important;
  text-align: left !important;
}

@media screen and (max-width: 767px) {
  .c-ranking__table2 .c-help01__baloon.is-type1 {
    margin-left: -96px;
  }
  .c-ranking__table2 .c-help01__baloon.is-type1::before {
    left: 114px;
  }
  .c-ranking__table2 .c-help01__baloon.is-type2 {
    margin-left: -179px;
  }
  .c-ranking__table2 .c-help01__baloon.is-type2::before {
    left: 198px;
  }
  .c-ranking__table2 .c-help01__baloon.is-type3 {
    right: -5px;
    left: auto;
  }
  .c-ranking__table2 .c-help01__baloon.is-type3::before {
    right: 3px;
    left: auto;
  }
}

.c-ranking__table2__more {
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2__more {
    padding-top: 10px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2__more {
    margin-bottom: -20px;
    font-size: 1.2rem;
  }
}

.c-ranking__table2__more span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-ranking__table2__more span {
    padding: 10px 0 10px 27px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2__more span {
    padding: 20px 0 20px 15px;
  }
}

.c-ranking__table2__more span::before {
  content: '全項目を表示する';
  font-size: 1.4rem;
}

.c-ranking__table2__more span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-ranking__table2__more span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__table2__more span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

.c-ranking__table2__more.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-ranking__table2__more.is-active span::before {
  content: '少なく見る';
  font-size: 1.4rem;
}

.c-ranking__table2__more.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-ranking__table2__more {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-ranking__table2__more:hover {
    opacity: 0.3;
  }
}

.c-ranking__linksoushiharai {
  text-align: right;
  cursor: pointer;
}

.c-ranking__linksoushiharai > span {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}

.c-ranking__linksoushiharai > span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
}

.c-ranking__linksoushiharai span.is-blue {
  color: #0078c8;
}

@media screen and (min-width: 768px) {
  .c-ranking__linksoushiharai {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  .c-ranking__linksoushiharai > span {
    font-size: 1.4rem;
    padding-left: 27px;
  }
  .c-ranking__linksoushiharai > span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
  .c-ranking__table2__more + .c-ranking__linksoushiharai {
    margin-top: calc(-2em - 10px);
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__linksoushiharai {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  .c-ranking__linksoushiharai > span {
    font-size: 1.4rem;
    padding-left: 15px;
  }
  .c-ranking__linksoushiharai > span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__linksoushiharai > span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-ranking__linksoushiharai > span:hover {
    opacity: 0.3;
  }
}

/*    c-ranking3
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-ranking3-wrap {
    margin-top: 20px;
  }
  .c-ranking3 {
    table-layout: fixed;
  }
  .c-ranking3 thead th {
    border-left: 1px solid #ccc;
  }
  .c-ranking3 thead th:first-child {
    border-left: none;
  }
  .c-ranking3 tbody th {
    border-top: 1px solid #ccc;
  }
  .c-ranking3 tbody td {
    padding: 15px;
    border-left: 1px solid #ccc;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .c-ranking3 tbody td .is-bold {
    color: #cc1938;
    font-weight: 700;
  }
  .c-ranking3 tbody td .is-num {
    font-size: 2.6rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3 tbody td .is-sub {
    font-size: 1.8rem;
  }
  .c-ranking3 tbody td .is-num .is-sub {
    font-size: 1.6rem;
  }
  .c-ranking3 tbody td:first-child {
    border-left: none;
  }
  .c-ranking3 tfoot td {
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e9f1fa;
  }
  .c-ranking3 tfoot td:first-child {
    border-left: none;
  }
  /* head */
  .c-ranking3__head a {
    display: block;
  }
  .c-ranking3__name {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  }
  .c-ranking3 thead th:first-child .c-ranking3__name {
    background: linear-gradient(0deg, rgba(204,160,45,1) 0%, rgba(204,160,45,1) 50%, rgba(212,174,76,1) 50%, rgba(212,174,76,1) 100%);
  }
  .c-ranking3 thead th:nth-child(2) .c-ranking3__name {
    background: linear-gradient(0deg, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 50%, rgba(168,168,168,1) 50%, rgba(168,168,168,1) 100%);
  }
  .c-ranking3 thead th:nth-child(3) .c-ranking3__name {
    background: linear-gradient(0deg, rgba(159,107,95,1) 0%, rgba(159,107,95,1) 50%, rgba(173,129,119,1) 50%, rgba(173,129,119,1) 100%);
  }
  .c-ranking3__name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-ranking3__name__rank {
    width: 72px;
    text-align: center;
  }
  .c-ranking3__name__rank .is-num {
    margin-right: 2px;
    font-size: 2.6rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3__name__label {
    padding-left: 20px;
    border-left: 1px solid rgba(0,0,0,0.2);
    line-height: 24px;
  }
  .c-ranking3__image {}
  .c-ranking3__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    font-weight: 400;
  }
  .c-ranking3__list > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 30px;
    margin: 6px 0 0;
    border-width: 1px;
    border-style: solid;
    font-size: 1.4rem;
  }
  .c-ranking3__list > li > span {
    font-weight: 700;
  }
  .c-ranking3__list > li.is-red {
    border-color: #cc1938;
  }
  .c-ranking3__list > li.is-red > span {
    color: #cc1938;
  }
  .c-ranking3__list > li.is-blue {
    border-color: #5BA4D6;
  }
  .c-ranking3__list > li.is-blue > span {
    color: #5BA4D6;
  }
  .c-ranking3__list > li .c-help01 {
    position: absolute;
    right: 4px;
  }
  .c-ranking3__list > li .c-help01__baloon {
    font-size: 1.6rem;
  }
  .c-ranking3__list > li .c-help01__baloon .is-sub {
    font-size: 1.4rem;
  }
  .c-ranking3__list > li .c-help01 .c-help01__baloon__close,
  .c-ranking3__th .c-help01__baloon__close {
    display: none;
  }
  /* body */
  .c-ranking3__th {
    position: relative;
    width: 100%;
    padding: 7px 0;
    background: #e9f1fa;
    text-align: center;
    font-size: 1.8rem;
  }
  .c-ranking3__th .c-help01__baloon {
    font-size: 1.6rem;
    font-weight: 400;
  }
  .c-ranking3__th .c-help01 {
    width: 20px;
    height: 20px;
    margin-left: 15px;
  }
  .c-ranking3__btn1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 30px;
    margin: auto;
    border-radius: 30px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-ranking3__btn2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background: #e31c3d;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-ranking3__btn2::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 28px;
    height: 28px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-ranking3__btn2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 19px;
    height: 13px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check03.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-ranking3__head .c-ranking3__btn2 {
    display: flex;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking3-wrap {
    margin: 15px -15px 0;
  }
  .c-ranking3 {
    table-layout: fixed;
  }
  .c-ranking3 thead th {
    border-left: 1px solid #ccc;
  }
  .c-ranking3 thead th:first-child {
    border-left: none;
  }
  .c-ranking3 tbody th {
    border-top: 1px solid #ccc;
  }
  .c-ranking3 tbody td {
    padding: 10px 7px;
    border-left: 1px solid #ccc;
    text-align: center;
    font-size: 1rem;
    line-height: 1.8;
  }
  .c-ranking3 tbody td .is-bold {
    color: #cc1938;
    font-weight: 700;
    font-size: 1.4rem;
  }
  .c-ranking3 tbody td .is-num {
    font-size: 2rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3 tbody td .is-sub {
    font-size: 1.4rem;
  }
  .c-ranking3 tbody td .is-num .is-sub {
    font-size: 1.4rem;
  }
  .c-ranking3 tbody td > img {
    max-width: 100%;
    height: auto;
  }
  .c-ranking3 tbody td:first-child {
    border-left: none;
  }
  .c-ranking3 tfoot td {
    padding: 10px 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #e9f1fa;
  }
  .c-ranking3 tfoot td:first-child {
    border-left: none;
  }
  /* head */
  .c-ranking3__head a {
    display: block;
  }
  .c-ranking3__name {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 20px 5px 0;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  }
  .c-ranking3 thead th:first-child .c-ranking3__name {
    background: linear-gradient(0deg, rgba(204,160,45,1) 0%, rgba(204,160,45,1) 50%, rgba(212,174,76,1) 50%, rgba(212,174,76,1) 100%);
  }
  .c-ranking3 thead th:nth-child(2) .c-ranking3__name {
    background: linear-gradient(0deg, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 50%, rgba(168,168,168,1) 50%, rgba(168,168,168,1) 100%);
  }
  .c-ranking3 thead th:nth-child(3) .c-ranking3__name {
    background: linear-gradient(0deg, rgba(159,107,95,1) 0%, rgba(159,107,95,1) 50%, rgba(173,129,119,1) 50%, rgba(173,129,119,1) 100%);
  }
  .c-ranking3__name.is-2line {
    height: 46px;
  }
  .c-ranking3__name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-ranking3__name__rank {
    flex: 0 0 31px;
    width: 31px;
    text-align: center;
  }
  .c-ranking3__name__rank .is-num {
    margin-right: 2px;
    font-size: 1.5rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3__name__label {
    padding-left: 7px;
    border-left: 1px solid rgba(0,0,0,0.2);
    line-height: 1.3;
  }
  .c-ranking3__image {
    padding: 5px 5px 0;
  }
  .c-ranking3__image img {
    width: 100%;
    height: auto;
  }
  .c-ranking3__list {
    padding: 5px;
    font-weight: 400;
  }
  .c-ranking3__list > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
  }
  .c-ranking3__list > li + li {
    margin-top: 3px;
  }
  .c-ranking3__list > li > span {
    font-weight: 700;
  }
  .c-ranking3__list > li.is-red {
    border-color: #cc1938;
  }
  .c-ranking3__list > li.is-red > span {
    color: #cc1938;
  }
  .c-ranking3__list > li.is-blue {
    border-color: #5BA4D6;
  }
  .c-ranking3__list > li.is-blue > span {
    color: #5BA4D6;
  }
  .c-ranking3__list > li .c-help01 {
    position: absolute;
    right: 4px;
  }
  .c-ranking3__list > li .c-help01__baloon {
    font-size: 1.4rem;
  }
  .c-ranking3__list > li .c-help01__baloon .is-sub {
    font-size: 1.2rem;
  }
  .c-ranking3__list > li .c-help01 .c-help01__baloon__close,
  .c-ranking3__th .c-help01__baloon__close {
    display: none;
  }
  .c-ranking3 thead th:nth-child(1) .c-ranking3__list > li .c-help01__baloon {
    left: 40px;
  }
  .c-ranking3 thead th:nth-child(1) .c-ranking3__list > li .c-help01__baloon::before {
    margin-left: -60px;
  }
  .c-ranking3 thead th:nth-child(2) .c-ranking3__list > li .c-help01__baloon,
  .c-ranking3__th .c-help01__baloon {
    right: -100px;
    left: auto;
    margin-left: 0;
  }
  .c-ranking3 thead th:nth-child(2) .c-ranking3__list > li .c-help01__baloon::before,
  .c-ranking3__th .c-help01__baloon::before {
    right: 100px;
    left: auto;
  }
  .c-ranking3 thead th:nth-child(3) .c-ranking3__list > li .c-help01__baloon {
    right: 0;
    left: auto;
    margin-left: 0;
  }
  .c-ranking3 thead th:nth-child(3) .c-ranking3__list > li .c-help01__baloon::before {
    right: 0;
    left: auto;
  }
  /* body */
  .c-ranking3__th {
    position: relative;
    width: 100%;
    padding: 5px 0;
    background: #e9f1fa;
    text-align: center;
    font-size: 1.4rem;
  }
  .c-ranking3__th .c-help01__baloon {
    font-weight: 400;
  }
  .c-ranking3__th .c-help01 {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
  .c-ranking3__btn1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97px;
    height: 20px;
    margin: auto;
    border-radius: 20px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-ranking3__btn2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    border-radius: 30px;
    background: #e31c3d;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-ranking3__btn2::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 19px;
    height: 19px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-ranking3__btn2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9px;
    width: 14px;
    height: 10px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check03.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-ranking3__head .c-ranking3__btn2 {
    display: flex;
    margin: 5px 5px 10px;
    width: calc(100% - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-ranking3__btn1,
  .c-ranking3__btn2 {
    transition: opacity 0.2s ease;
  }
  .c-ranking3__btn1:hover,
  .c-ranking3__btn2:hover {
    opacity: 0.5;
  }
}
/* title */
@media screen and (min-width: 768px) {
  .c-ranking3-title {
    margin-top: 40px;
  }
  .c-ranking3-title__label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .c-ranking3-title__label::before,
  .c-ranking3-title__label::after {
    content: "";
    display: inline-block;
    width: 26px;
    height: 48px;
    background: url(../images/bg_leaf01.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-ranking3-title__label::before {
    margin-right: 12px;
  }
  .c-ranking3-title__label::after {
    margin-left: 12px;
    transform: scaleX(-1);
  }
  .c-ranking3-title__label .is-bold {
    margin-left: 10px;
    color: #cc1938;
    font-size: 3rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3-title__list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .c-ranking3-title__list > li {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .c-ranking3-title__list > li + li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #ccc;
  }
  .c-ranking3-title__list > li .is-icon-wcircle,
  .c-ranking3-title__list > li .is-icon-circle {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    text-indent: -999px;
  }
  .c-ranking3-title__list > li .is-icon-wcircle::before,
  .c-ranking3-title__list > li .is-icon-wcircle::after,
  .c-ranking3-title__list > li .is-icon-circle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 2px solid #cc1938;
    border-radius: 100%;
  }
  .c-ranking3-title__list > li .is-icon-wcircle::after {
    width: 14px;
    height: 14px;
  }
  .c-ranking3-title__list > li .is-sub {
    margin-left: 8px;
    color: #cc1938;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking3-title {
    margin-top: 15px;
  }
  .c-ranking3-title__label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-ranking3-title__label::before,
  .c-ranking3-title__label::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 37px;
    background: url(../images/bg_leaf01.png) no-repeat 0 0;
    background-size: contain;
  }
  .c-ranking3-title__label::before {
    margin-right: 8px;
  }
  .c-ranking3-title__label::after {
    margin-left: 8px;
    transform: scaleX(-1);
  }
  .c-ranking3-title__label .is-bold {
    margin-left: 5px;
    color: #cc1938;
    font-size: 2rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
  }
  .c-ranking3-title__list {
    display: flex;
    justify-content: center;
    margin: 15px -15px 0;
  }
  .c-ranking3-title__list > li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 0 10px 25px;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 700;
  }
  .c-ranking3-title__list > li + li {
    border-left: 1px solid #ccc;
  }
  .c-ranking3-title__list > li .is-icon-wcircle,
  .c-ranking3-title__list > li .is-icon-circle {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: auto;
    text-indent: -999px;
  }
  .c-ranking3-title__list > li .is-icon-wcircle::before,
  .c-ranking3-title__list > li .is-icon-wcircle::after,
  .c-ranking3-title__list > li .is-icon-circle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 2px solid #cc1938;
    border-radius: 100%;
  }
  .c-ranking3-title__list > li .is-icon-wcircle::after {
    width: 12px;
    height: 12px;
  }
  .c-ranking3-title__list > li .is-sub {
    margin-top: 3px;
    color: #cc1938;
    font-size: 0.9rem;
  }
}

/* notes */
.c-ranking3__notes {
  overflow: hidden;
  position: relative;
  height: 4.5em;
  margin-top: 1em;
  color: #000;
}
.c-ranking3__notes::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
}
.c-ranking3__notes > li {
  position: relative;
  padding-left: 1.2em;
}
.c-ranking3__notes > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.c-ranking3__notes > li + li {
  margin-top: 2px;
}
.c-ranking3__notes.is-counter {
  counter-reset: notes;
}
.c-ranking3__notes.is-counter > li {
  counter-increment: notes;
  padding-left: 2em;
}
.c-ranking3__notes.is-counter > li::before {
  content: "※" counter(notes);
  position: absolute;
  top: 0;
  left: 0;
}
.c-ranking3__notes.is-active {
  height: auto;
}
.c-ranking3__notes.is-active::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-ranking3__notes {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking3__notes {
    font-size: 1.1rem;
  }
}
.c-ranking3__notestoggle {
  display: block;
  margin: 20px auto;
  text-align: center;
  cursor: pointer;
}
.c-ranking3__notestoggle span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}
.c-ranking3__notestoggle span::before {
  content: '注記をすべて見る';
  font-size: 1.4rem;
}
.c-ranking3__notestoggle span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c-ranking3__notestoggle.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}
.c-ranking3__notestoggle.is-active span::before {
  content: '閉じる';
  font-size: 1.4rem;
}
.c-ranking3__notestoggle.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (min-width: 768px) {
  .c-ranking3__notestoggle {
    margin-top: 0;
    font-size: 1.4rem;
  }
  .c-ranking3__notestoggle span {
    padding: 10px 0 10px 27px;
  }
  .c-ranking3__notestoggle span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking3__notestoggle {
    margin: 0 0 20px;
    font-size: 1.2rem;
  }
  .c-ranking3__notestoggle span {
    padding: 10px 0 10px 15px;
  }
  .c-ranking3__notestoggle span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}
@media screen and (min-width: 1025px) {
  .c-ranking3__notestoggle {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-ranking3__notestoggle:hover {
    opacity: 0.3;
  }
}

/* ------------------------------------------------- *
 *    tab
 * ------------------------------------------------- */
/*    c-tab
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  .c-tabnew-wrapper {
    margin: 0 -15px;
    /*padding-top: 20px;*/
    /* background: #e6e6e6; */
  }
}

.c-tab-contents {
  display: none;
}

.c-tab-contents.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-tab-contents.is-ranking {
    margin-top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-contents.is-ranking {
    margin-top: 5px;
  }
}

.c-tab-contents.is-lender {
  border: 10px solid #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-tab-contents.is-lender {
    margin-top: 30px;
    padding: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-contents.is-lender {
    margin-top: 15px;
    padding: 20px 15px;
  }
}

/*    c-tab01new
 * ------------------------------------------------- */
.c-tab01new {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .c-tab01new {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.c-tab01new::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item {
    width: 221px;
    height: 100%;
    margin-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item {
    width: 34.78261%;
    height: 100%;
    margin-left: 2.89855%;
  }
}

@media screen and (min-width: 768px) {
  .c-tab01new__item:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item:first-child {
    margin-left: 0;
  }
}

.c-tab01new__item > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 700;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .c-tab01new__item > a {
    height: 60px;
    border-radius: 16px 16px 0 0;
    font-size: 1.6rem;
    line-height: 1.3;
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item > a {
    height: 40px;
    padding: 0 5px 0 20px;
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
    line-height: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab01new__item > a {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-tab01new__item > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  margin: auto;
  background: #5BA4D6 no-repeat;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item > a::before {
    left: 10px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item > a::before {
    left: 5px;
    width: 25px;
    height: 25px;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab01new__item > a::before {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
}

.c-tab01new__item:first-child > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 880.43478% 678.43137%;
  background-position: 100% 18.98305%;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item:first-child > a::after {
    width: 16px;
    height: 18px;
    margin: 19px 0 0 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item:first-child > a::after {
    width: 14px;
    height: 16px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new__item:nth-child(2) > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 778.84615% 665.38462%;
  background-position: 84.98584% 40.13605%;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item:nth-child(2) > a::after {
    width: 18px;
    height: 18px;
    margin: 21px 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item:nth-child(2) > a::after {
    width: 13px;
    height: 13px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new__item:nth-child(3) > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/icn_simulation01w.png);
  background-size: 15px 21px;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item:nth-child(3) > a::after {
    width: 15px;
    height: 21px;
    margin: 19px 0 0 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item:nth-child(3) > a::after {
    width: 14px;
    height: 16px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new__item:nth-child(4) > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 861.70213% 640.74074%;
  background-position: 83.79888% 80.13699%;
}

@media screen and (min-width: 768px) {
  .c-tab01new__item:nth-child(4) > a::after {
    width: 17px;
    height: 19px;
    margin: 20px 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__item:nth-child(4) > a::after {
    width: 14px;
    height: 16px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new__item.is-active > a {
  background: #5BA4D6;
  color: #fff;
}

.c-tab01new__item.is-active > a::before {
  background-color: #fff;
}

.c-tab01new__item.is-active:first-child > a::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 880.43478% 678.43137%;
  background-position: 100% 0%;
}

.c-tab01new__item.is-active:nth-child(2) > a::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 778.84615% 665.38462%;
  background-position: 84.98584% 20.7483%;
}

.c-tab01new__item.is-active:nth-child(3) > a::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url(../images/icn_simulation01.png);
  background-size: 15px 21px;
  background-position: 0 0;
}

.c-tab01new__item.is-active:nth-child(4) > a::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 861.70213% 640.74074%;
  background-position: 83.79888% 59.93151%;
}

@media screen and (min-width: 1025px) {
  .c-tab01new__item > a:hover {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab01new__item > a:hover::before {
    background-color: #fff;
  }
  .c-tab01new__item:first-child > a:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 880.43478% 678.43137%;
    background-position: 100% 0%;
  }
  .c-tab01new__item:nth-child(2) > a:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 778.84615% 665.38462%;
    background-position: 84.98584% 20.7483%;
  }
  .c-tab01new__item:nth-child(3) > a:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/icn_simulation01.png);
    background-size: 15px 21px;
    background-position: 0 0;
  }
  .c-tab01new__item:nth-child(4) > a:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 861.70213% 640.74074%;
    background-position: 83.79888% 59.93151%;
  }
}

.c-tab01new__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .c-tab01new__link {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__link {
    font-size: 1.2rem;
  }
}

.c-tab01new__link > a {
  position: relative;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-tab01new__link > a {
    display: inline-block;
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new__link > a {
    display: block;
    padding-right: 10px;
  }
}

.c-tab01new__link > a::before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
}

@media screen and (min-width: 1025px) {
  .c-tab01new__link > a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-tab01new__link > a:hover {
    opacity: 0.3;
  }
}

@media screen and (max-width: 767px) {
  .sim-tab {
    display: none;
  }
}

/*    c-tab01new2
 * ------------------------------------------------- */
.c-tab01new2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .c-tab01new2 {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.c-tab01new2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item {
    width: 300px;
    height: 100%;
    margin-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item {
    width: 34.78261%;
    height: 100%;
    margin-left: 2.89855%;
  }
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item:first-child {
    margin-left: 0;
  }
}

.c-tab01new2__item > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 700;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item > a {
    height: 60px;
    border-radius: 16px 16px 0 0;
    font-size: 1.6rem;
    line-height: 1.3;
    padding-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item > a {
    height: 50px;
    padding: 0 5px 0 20px;
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
    line-height: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab01new2__item > a {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-tab01new2__item > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  margin: auto;
  background: #5BA4D6 no-repeat;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item > a::before {
    left: 10px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item > a::before {
    left: 5px;
    width: 25px;
    height: 25px;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab01new2__item > a::before {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
}

.c-tab01new2__item > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
}

.c-tab01new2__item.is-ranking > a::after {
  background-image: url("../images/sprite.png");
  background-size: 880.43478% 678.43137%;
  background-position: 100% 18.98305%;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item.is-ranking > a::after {
    width: 16px;
    height: 18px;
    margin: 19px 0 0 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item.is-ranking > a::after {
    width: 14px;
    height: 16px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new2__item.is-kariire > a::after {
  background-image: url("../images/sprite.png");
  background-size: 778.84615% 665.38462%;
  background-position: 84.98584% 40.13605%;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item.is-kariire > a::after {
    width: 18px;
    height: 18px;
    margin: 21px 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item.is-kariire > a::after {
    width: 13px;
    height: 13px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new2__item.is-karikae > a::after {
  background-image: url("../images/icn_refinancing01w.png");
  background-size: 15px 17px;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item.is-karikae > a::after {
    width: 15px;
    height: 17px;
    margin: 22px 0 0 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item.is-karikae > a::after {
    width: 13px;
    height: 15px;
    margin: auto 0 auto 11px;
    background-size: 13px 15px;
  }
}

.c-tab01new2__item.is-simulation > a::after {
  background-image: url(../images/icn_simulation01w.png);
  background-size: 15px 21px;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-tab01new2__item.is-simulation > a::after {
    width: 15px;
    height: 21px;
    margin: 19px 0 0 17px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab01new2__item.is-simulation > a::after {
    width: 14px;
    height: 16px;
    margin: auto 0 auto 11px;
  }
}

.c-tab01new2__item.is-active > a {
  background: #5BA4D6;
  color: #fff;
}

.c-tab01new2__item.is-active > a::before {
  background-color: #fff;
}

.c-tab01new2__item.is-active > a::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
}

.c-tab01new2__item.is-active.is-ranking > a::after {
  background-image: url("../images/sprite.png");
  background-size: 880.43478% 678.43137%;
  background-position: 100% 0%;
}

.c-tab01new2__item.is-active.is-kariire > a::after {
  background-image: url("../images/sprite.png");
  background-size: 778.84615% 665.38462%;
  background-position: 84.98584% 20.7483%;
}

.c-tab01new2__item.is-active.is-karikae > a::after {
  background-image: url("../images/icn_refinancing01.png");
  background-size: 13px 15px;
  background-position: 0 0;
}

.c-tab01new2__item.is-active.is-simulation > a::after {
  background-image: url(../images/icn_simulation01.png);
  background-size: 15px 21px;
  background-position: 0 0;
}

@media screen and (min-width: 1025px) {
  .c-tab01new2__item > a:hover {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab01new2__item > a:hover::before {
    background-color: #fff;
  }
  .c-tab01new2__item > a:hover::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
  }

  .c-tab01new2__item.is-ranking > a:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 880.43478% 678.43137%;
    background-position: 100% 0%;
  }
  .c-tab01new2__item.is-kariire > a:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 778.84615% 665.38462%;
    background-position: 84.98584% 20.7483%;
  }
  .c-tab01new2__item.is-karikae > a:hover::after {
    background-image: url("../images/icn_refinancing01.png");
    background-size: 15px 17px;
    background-position: 0 0;
    }
  .c-tab01new2__item.is-simulation > a:hover::after {
    background-image: url(../images/icn_simulation01.png);
    background-size: 15px 21px;
    background-position: 0 0;
  }
}

/*    c-tab01new3
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-tab01new3 {
    position: relative;
    display: flex;
    padding-bottom: 4px;
  }
  .c-tab01new3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #5BA4D6;
  }
  .c-tab01new3__item {
    width: 300px;
    height: 100%;
    margin-left: 12px;
  }
  .c-tab01new3__item:first-child {
    margin-left: 0;
  }
  .c-tab01new3__item > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding-left: 20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  }
  .c-tab01new3__item > a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: auto;
    background: #fff no-repeat;
  }
  .c-tab01new3__item > a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
  }
  .c-tab01new3__item.is-ranking > a::after {
    left: 17px;
    width: 16px;
    height: 18px;
    background: url(../images/icn_ranking02.png) no-repeat 0 0;
  }
  .c-tab01new3__item.is-nobank > a::after {
    left: 17px;
    width: 17px;
    height: 19px;
    background: url(../images/icn_refinancing02.png) no-repeat 0 0;
  }
  .c-tab01new3__item.is-bank > a::after {
    left: 15px;
    width: 19px;
    height: 18px;
    background: url(../images/icn_reload01.png) no-repeat 0 0;
  }
  .c-tab01new3__item.is-active > a {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab01new3__item.is-active > a::before {
    background-color: #fff;
  }
  .c-tab01new3__item.is-active > a::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
  }
  .c-tab01new3__item > a .is-sub {
    font-size: 1.3rem;
  }
  .c-tab01new3__item.is-noicon > a  {
    padding-left: 0;
  }
  .c-tab01new3__item.is-noicon > a::before,
  .c-tab01new3__item.is-noicon > a::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-tab01new3 {
    position: relative;
    display: flex;
    padding: 10px 11px 4px;
    border-top: 1px solid #999;
    background: #e6e6e6;
  }
  .c-tab01new3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #5BA4D6;
  }
  .c-tab01new3__item {
    width: 33.333%;
    padding: 0 2px;
    height: 100%;
  }
  .c-tab01new3__item:first-child {
    margin-left: 0;
  }
  .c-tab01new3__item > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  }
  .c-tab01new3__item > a {
    height: 40px;
    padding: 0 5px;
    border-radius: 8px 8px 0 0;
    font-size: 1.1rem;
    line-height: 15px;
  }
  .c-tab01new3__item > a::before {
    left: 5px;
    width: 25px;
    height: 25px;
  }
  .c-tab01new3__item.is-active > a {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab01new3__item.is-active > a::before {
    background-color: #fff;
  }
  .c-tab01new3__item.is-active > a::after {
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
  }
  /* スマホ表示時にランキングのテキストを非表示 */
  .c-tab01new3__item .u-hidden-sp {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab01new3__item > a {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-tab01new3__item > a::before {
    transition: background 0.2s ease;
  }
  .c-tab01new3__item > a:hover {
    background: #5BA4D6;
    color: #fff;
  }
}

/*    c-tab02new
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-tab02new-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 10px 15px;
    background: #5BA4D6;
  }
  .c-tab01new2 + .c-tab02new-wrapper {
    margin-top: -4px;
  }
  .c-tab01new2 + .c-tab02new-wrapper.is-fixed {
    margin-top: 0;
  }
  .c-tab02new-wrapper.is-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 920px;
  }
  .c-tab02new {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .c-tab02new.is-menu {
    flex: 0 0 690px;
    width: 690px;
  }
  .c-tab02new.is-btn {
    flex: 0 0 190px;
    width: 190px;
  }
  .c-tab02new > li {}
  .c-tab02new > li.is-w140 {
    width: 140px;
  }
  .c-tab02new > li.is-w160 {
    width: 230px;
    padding-left: 10px;
  }
  .c-tab02new > li.is-w190 {
    width: 190px;
  }
  .c-tab02new > li.is-w200 {
    width: 200px;
  }
  .c-tab02new > li > a,
  .c-tab02new > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 49px;
    border-radius: 8px;
    background: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    cursor: pointer;
  }
  .c-tab02new > li > a.is-active,
  .c-tab02new > li > span.is-active {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a:hover,
  .c-tab02new > li > span:hover {
    background: #cca12d;
  }
  .c-tab02new > li > a.is-pickup,
  .c-tab02new > li > span.is-pickup {
    position: relative;
    padding: 0 15px 0 15px;
    background: #fff;
    color: #000;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-tab02new > li > a.is-pickup.is-navy,
  .c-tab02new > li > span.is-pickup.is-navy {
    background: #cca12d;
  }
  /* .c-tab02new > li > a.is-pickup::after,
  .c-tab02new > li > span.is-pickup::after {
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  } */
  .c-tab02new > li > a.is-pickup.is-active,
  .c-tab02new > li > span.is-pickup.is-active,
  .c-tab02new > li > a.is-pickup.is-navy.is-active,
  .c-tab02new > li > span.is-pickup.is-navy.is-active {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a.is-pickup.is-active::after,
  .c-tab02new > li > span.is-pickup.is-active::after,
  .c-tab02new > li > a.is-pickup.is-navy.is-active::after,
  .c-tab02new > li > span.is-pickup.is-navy.is-active::after {
    opacity: 0;
  }
  .c-tab02new > li > a.is-pickup:hover,
  .c-tab02new > li > span.is-pickup:hover {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a.is-pickup.is-active:hover,
  .c-tab02new > li > span.is-pickup.is-active:hover,
  .c-tab02new > li > a.is-pickup.is-navy.is-active:hover,
  .c-tab02new > li > span.is-pickup.is-navy.is-active:hover {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a > span,
  .c-tab02new > li > span > span {
    font-size: 1.2rem;
  }

  .c-tab02new > li > a.is-pickup2,
  .c-tab02new > li > span.is-pickup2 {
    position: relative;
    padding: 0 15px 0 0;
    background: #aebcca;
    color: #000;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-tab02new > li > a.is-pickup2.is-navy,
  .c-tab02new > li > span.is-pickup2.is-navy {
    background: #041b67;
  }
  .c-tab02new > li > a.is-pickup2::after,
  .c-tab02new > li > span.is-pickup2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
  }
  .c-tab02new > li > a.is-pickup2:hover,
  .c-tab02new > li > span.is-pickup2:hover {
    opacity: 0.5;
  }

}
@media screen and (max-width: 767px) {
  .c-tab02new-wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;    
    width: 100%;
    height: 95px;
    padding: 10px 15px;
    background: #5BA4D6;
  }
  .c-tab02new-wrapper.is-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  .c-tab01new2 + .c-tab02new-wrapper {
    margin-top: -4px;
  }
  .c-tab01new2 + .c-tab02new-wrapper.is-fixed {
    margin-top: 0;
  }
  .c-tab02new {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .c-tab02new {
    width: calc(100% + 5px);
    margin: 0 -2px 0 -3px;
  }
  .c-tab02new.is-menu {
    margin-top: 10px;
  }
  .c-tab02new.is-btn {
    align-items: center;
  }
  .c-tab02new > li {
    width: 100%;
    padding: 0 2px 0 3px;
  }
  .c-tab02new > li > a,
  .c-tab02new > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2px 10px;
    border-radius: 999px;
    background: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .c-tab02new > li > a.is-active,
  .c-tab02new > li > span.is-active {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a.is-pickup,
  .c-tab02new > li > span.is-pickup {
    position: relative;
    width: 240px;
    padding: 6px 15px 6px 15px;
    background: #fff;
    color: #000;
    font-size: 1.2rem;
  }
  .c-tab02new > li > a.is-pickup.is-navy,
  .c-tab02new > li > span.is-pickup.is-navy {
    background: #cca12d;
  }
  /* .c-tab02new > li > a.is-pickup::after,
  .c-tab02new > li > span.is-pickup::after {
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  } */
  .c-tab02new > li > a.is-pickup.is-active,
  .c-tab02new > li > span.is-pickup.is-active,
  .c-tab02new > li > a.is-pickup.is-navy.is-active,
  .c-tab02new > li > span.is-pickup.is-navy.is-active {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new > li > a.is-pickup.is-active::after,
  .c-tab02new > li > span.is-pickup.is-active::after,
  .c-tab02new > li > a.is-pickup.is-navy.is-active::after,
  .c-tab02new > li > span.is-pickup.is-navy.is-active::after {
    opacity: 0;
  }
  .c-tab02new > li > a > span,
  .c-tab02new > li > span > span {
    font-size: 1rem;
  }
  .c-tab02new > li > span.is-month {
    display: block;
    padding: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    box-shadow: none;
  }

  .c-tab02new > li > a.is-pickup2,
  .c-tab02new > li > span.is-pickup2 {
    position: relative;
    width: 180px;
    padding: 6px 15px 6px 0;
    background: #aebcca;
    color: #000;
    font-size: 1.2rem;
  }
  .c-tab02new > li > a.is-pickup2.is-navy,
  .c-tab02new > li > span.is-pickup2.is-navy {
    background: #041b67;
  }
  .c-tab02new > li > a.is-pickup2::after,
  .c-tab02new > li > span.is-pickup2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
  }


}

/*    c-tab02new2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-tab02new2-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 10px 10px 0 10px;
    background: #5BA4D6;
  }
  .c-tab02new2-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #cca12d;
  }
  .c-tab02new2-wrapper.is-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 920px;
  }
  .c-tab02new2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .c-tab02new2 > li {
    width: 295px
  }
  .c-tab02new2:has(> li:nth-child(4)) > li {
    width: 220px
  }
  .c-tab02new2 > li > a,
  .c-tab02new2 > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #5BA4D6;
    font-size: 1.6rem;
    font-weight: 700;
    transition: background 0.2s ease;
    cursor: pointer;
  }
  .c-tab02new2 > li > a.is-active,
  .c-tab02new2 > li > span.is-active {
    background: #cca12d;
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .c-tab02new2-wrapper {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 55px;
    padding: 10px 11px;
    background: #5BA4D6;
  }
  .c-tab02new2-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #cca12d;
  }
  .c-tab02new2-wrapper.is-fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  .c-tab02new2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .c-tab02new2 > li {
    width: 100%;
    padding: 0 4px;
  }
  .c-tab02new2 > li > a,
  .c-tab02new2 > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #5BA4D6;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .c-tab02new2 > li > a.is-active,
  .c-tab02new2 > li > span.is-active {
    background: #cca12d;
    color: #fff;
  }
  .c-tab02new2 > li > a > span,
  .c-tab02new2 > li > span > span {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab02new2 > li > a,
  .c-tab02new2 > li > span {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-tab02new2 > li > a:hover,
  .c-tab02new2 > li > span:hover {
    background: #cca12d;
    color: #fff;
  }
}

/*    c-tab03new
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  .c-tab03new__wrapper {
    height: 40px;
    background: #5BA4D6;
  }
}

.c-tab03new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #DBEBFC;
}

@media screen and (min-width: 768px) {
  .c-tab03new {
    padding: 0 36px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new {
    padding: 0 0px;
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__wrapper.is-fixed .c-tab03new {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 50px;
    padding-top: 10px;
  }
}

.c-tab03new__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
}

@media screen and (min-width: 768px) {
  .c-tab03new__item {
    padding: 0 4px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item {
    padding: 0 2px;
    height: 40px;
  }
}

.c-tab03new__item > a, .c-tab03new__item > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background: #5BA4D6;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-tab03new__item > a, .c-tab03new__item > span {
    height: 50px;
    border-radius: 16px 16px 0 0;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item > a, .c-tab03new__item > span {
    height: 40px;
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab03new__item > a, .c-tab03new__item > span {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab03new__item > a:hover, .c-tab03new__item > span:hover {
    background: #fff;
    color: #000;
  }
}

.c-tab03new__item > span {
  cursor: pointer;
}

.c-tab03new__item.is-pickup {
  position: relative;
  word-break: break-word;
}

.c-tab03new__item.is-pickup > span {
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-tab03new__item.is-pickup > span {
    padding-right: 35px;
    padding-left: 35px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item.is-pickup > span {
    padding-right: 15px;
    padding-left: 10px;
  }
}

.c-tab03new__item.is-pickup > span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-tab03new__item.is-pickup > span::after {
    right: 20px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item.is-pickup > span::after {
    right: 5px;
    width: 6px;
    height: 9px;
  }
}

.c-tab03new__item.is-kotei {
  position: relative;
  word-break: break-word;
}

.c-tab03new__item.is-kotei > span {
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-tab03new__item.is-kotei > span {
    padding-right: 35px;
    padding-left: 7px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item.is-kotei > span {
    padding-right: 5px;
    padding-left: 0px;
  }
}

.c-tab03new__item.is-kotei > span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-tab03new__item.is-kotei > span::after {
    right: 20px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item.is-kotei > span::after {
    right: 5px;
    width: 6px;
    height: 9px;
  }
}

.c-tab03new__item.is-active > a, .c-tab03new__item.is-active > span {
  background: #fff;
  color: #000;
}

.c-tab03new__item.is-active.is-kotei > span::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

.c-tab03new__item.is-active.is-pickup > a, .c-tab03new__item.is-active.is-pickup > span {
  background: #fff;
  color: #212121;
}

.c-tab03new__item.is-active.is-pickup > a::after, .c-tab03new__item.is-active.is-pickup > span::after {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
}

@media screen and (min-width: 768px) {
  .c-tab03new__item_sp {
    display: none;
  }
  }
  
  @media screen and (max-width: 767px) {
  .c-tab03new__item_pc {
    display: none;
  }
}

/*    c-tab03new2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv02 + .c-tab03new2__wrapper {
    margin-top: -15px;
  }
  .c-tab03new2 {
    position: relative;
    display: flex;
    background: #DBEBFC;
    padding: 15px 10px 0;
  }
  .c-tab03new2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
  }
  .c-tab03new2__item {
    display: flex;
    flex: 1;
    padding: 0 5px;
  }
  .c-tab03new2__item > a,
  .c-tab03new2__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-radius: 12px 12px 0 0;
    font-size: 1.6rem;
    background: #F1CB69;
    color: #fff;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  }
  .c-tab03new2__item > span {
    cursor: pointer;
  }
  .c-tab03new2__item.is-hasChild {
    position: relative;
  }
  .c-tab03new2__item.is-hasChild > span {
    position: relative;
  }
  .c-tab03new2__item.is-hasChild > span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
  }
  .c-tab03new2__item.is-active > a,
  .c-tab03new2__item.is-active > span {
    background: #fff;
    color: #5BA4D6;
  }
  .c-tab03new2__item.is-active.is-hasChild > span::after {
    border-color: #5BA4D6 transparent transparent transparent;
  }
}
@media screen and (max-width: 767px) {
  .c-tab03new2__wrapper {
    height: 45px;
    background: #5BA4D6;
  }
  .c-mv02 + .c-tab03new2__wrapper {
    margin-top: -10px;
  }
  .c-tab03new2 {
    display: flex;
    background: #DBEBFC;
    padding: 10px 13px 0;
  }
  .c-tab03new__wrapper.is-fixed .c-tab03new2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
  }
  .c-tab03new2__wrapper.is-fixed .c-tab03new2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 45px;
  }
  .c-tab03new2__item {
    display: flex;
    width: 25%;
    padding: 0 2px;
    height: 35px;
  }
  .c-tab03new2__item > a,
  .c-tab03new2__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    border-radius: 8px 8px 0 0;
    font-size: 1.1rem;
    line-height: 1.2;
    background: #F1CB69;
    color: #fff;
    text-align: center;
    font-weight: 700;
  }
  .c-tab03new2__item > span {
    cursor: pointer;
  }
  .c-tab03new2__item.is-hasChild {
    position: relative;
  }
  .c-tab03new2__item.is-hasChild > span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
  }
  .c-tab03new2__item.is-active > a,
  .c-tab03new2__item.is-active > span {
    background: #fff;
    color: #5BA4D6;
  }
  .c-tab03new2__item.is-active.is-hasChild > span::after {
    border-color: #5BA4D6 transparent transparent transparent;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab03new2__item > a,
  .c-tab03new2__item > span {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-tab03new2__item > a:hover,
  .c-tab03new2__item > span:hover {
    background: #fff;
    color: #5BA4D6;
  }
}

/*    c-tab03new3
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-mv02 + .c-tab03new3__wrapper {
    margin-top: -15px;
  }
  .c-tab03new3 {
    position: relative;
    display: flex;
    background: #cca12d;
    padding: 15px 10px;
  }
  .c-tab03new3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    display: block;
    width: 100%;
    height: 5px;
    background: #fff;
  }
  .c-tab03new3__item {
    display: flex;
    flex: 1;
    padding: 0 5px;
  }
  .c-tab03new3__item > a,
  .c-tab03new3__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    border-radius: 12px;
    font-size: 1.6rem;
    background: #e2e2e2;
    color: #5c5c5c;
    text-align: center;
    font-weight: 700;
  }
  .c-tab03new3__item > span {
    cursor: pointer;
  }
  .c-tab03new3__item.is-hasChild {
    position: relative;
  }
  .c-tab03new3__item.is-hasChild > span {
    position: relative;
  }
  .c-tab03new3__item.is-hasChild > span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    display: inline-block;
    width: 6px;
    height: 9px;
    margin: auto;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
    transform: rotate(90deg);
  }
  .c-tab03new3__item.is-active > a,
  .c-tab03new3__item.is-active > span {
    background: #fff;
    color: #000;
  }
  .c-tab03new3__item.is-active.is-hasChild > span::after {
    border-color: #5BA4D6 transparent transparent transparent;
  }
}
@media screen and (max-width: 767px) {
  .c-tab03new3__wrapper {
    height: 60px;
    background: #cca12d;
  }
  .c-mv02 + .c-tab03new3__wrapper {
    margin-top: -10px;
  }
  .c-tab03new3 {
    display: flex;
    justify-content: space-between;
    background: #cca12d;
    padding: 10px 13px;
  }
  .c-tab03new__wrapper.is-fixed .c-tab03new3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
  }
  .c-tab03new3__wrapper.is-fixed .c-tab03new3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 45px;
  }
  .c-tab03new3__item {
    display: flex;
    width: 100%;
    padding: 0 4px;
    height: 35px;
  }
  .c-tab03new3__item > a,
  .c-tab03new3__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
    background: #e2e2e2;
    color: #5c5c5c;
    text-align: center;
    font-weight: 700;
  }
  .c-tab03new3__item > span {
    cursor: pointer;
  }
  .c-tab03new3__item.is-hasChild {
    position: relative;
  }
  .c-tab03new3__item.is-hasChild > span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: inline-block;
    width: 6px;
    height: 9px;
    margin: auto;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
    transform: rotate(90deg) translateX(2px);
  }
  .c-tab03new3__item.is-active > a,
  .c-tab03new3__item.is-active > span {
    background: #fff;
    color: #000;
  }
  .c-tab03new3__item.is-active.is-hasChild > span::after {
    border-color: #5BA4D6 transparent transparent transparent;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab03new3__item > a,
  .c-tab03new3__item > span {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-tab03new3__item > a:hover,
  .c-tab03new3__item > span:hover {
    background: #fff;
    color: #000;
  }
}

/*    c-tab04new
 * ------------------------------------------------- */
.c-tab04new {
  display: none;
  position: absolute;
  top: 0;
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .c-tab04new {
    left: 4px;
    width: calc(100% - 8px);
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  }
  .c-tab03new2__item .c-tab04new {
    border-radius: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab04new {
    left: 2px;
    width: calc(100% - 4px);
    border-radius: 8px 8px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  }
}

@media screen and (min-width: 1025px) {
  .c-tab03new__item:hover .c-tab04new,
  .c-tab03new2__item:hover .c-tab04new,
  .c-tab03new3__item:hover .c-tab04new {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-tab03new__item.is-open .c-tab04new,
  .c-tab03new2__item.is-open .c-tab04new,
  .c-tab03new3__item.is-open .c-tab04new {
    display: block;
  }
}

.c-tab04new__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  color: #000;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-tab04new__title {
    height: 35px;
    font-size: 1.6rem;
  }
  .c-tab03new2__item .c-tab04new__title {
    padding-right: 0;
    padding-left: 0;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab04new__title {
    height: 41px;
    font-size: 1.2rem;
  }
  .c-tab03new2__item .c-tab04new__title {
    height: 36px;
    font-size: 1.2em;
  }
}

.c-tab04new__title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 95.6743% 89.93902%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 768px) {
  .c-tab04new__title::after {
    right: 17px;
    width: 6px;
    height: 9px;
  }
  .c-tab03new2__item .c-tab04new__title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
    transform: rotate(-180deg);
  }
}

@media screen and (max-width: 767px) {
  .c-tab04new__title::after {
    right: 13px;
    width: 6px;
    height: 9px;
  }
  .c-tab03new2__item .c-tab04new__title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    transform: rotate(-180deg);
  }
}

.c-tab04new__list__item{
  width: 100%;
}

.c-tab04new__list__item_sp{
  width: 100%;
}

.c-tab04new__list__item > a {
  display: block;
  background: #fff;
  color: #000;
  text-align: center;
  font-weight: 700;
}

.c-tab04new__list__item_sp > a {
  display: block;
  background: #fff;
  color: #000;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-tab04new__list__item > a {
    padding: 8px;
    font-size: 1.6rem;
  }
  .c-tab04new__list__item_sp {
    display: none;
  }
  .c-tab03new2__item .c-tab04new__list__item > a {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab04new__list__item > a {
    padding: 6px 5px;
    white-space: nowrap;
    font-size: 1.2rem;
  }
  .c-tab03new2__item .c-tab04new__list__item > a {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab04new__list__item_sp > a {
    padding: 6px 8px;
    white-space: nowrap;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab04new__list__item > a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-tab04new__list__item > a:hover {
    opacity: 0.3;
  }
}

@media screen and (min-width: 768px) {
  .c-tab04new__list__item:last-child > a {
    border-radius: 0 0 20px 20px;
  }
}

/*    c-tab05
 * ------------------------------------------------- */
.c-tab05 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .c-tab05 {
    margin: 0 -2px;
  }
}

.c-tab05::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-tab05::after {
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-tab05::after {
    left: 2px;
    width: calc(100%-4px);
  }
}

@media screen and (min-width: 768px) {
  .c-tab05__item {
    height: 100%;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab05__item {
    width: 33.33%;
    height: 100%;
    padding: 0 2px;
  }
}

.c-tab05__item > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-tab05__item > span {
    height: 60px;
    padding: 0 40px;
    border-radius: 16px 16px 0 0;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab05__item > span {
    height: 40px;
    border-radius: 8px 8px 0 0;
    font-size: 1.1rem;
    line-height: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .c-tab05__item > span {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

@media screen and (min-width: 768px) {
  .c-tab05__item > span .is-num {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-tab05__item > span .is-num {
    font-size: 1.2rem;
  }
}

.c-tab05__item.is-active > span {
  background: #5BA4D6;
  color: #000;
}

@media screen and (min-width: 1025px) {
  .c-tab05__item > span:hover {
    background: #5BA4D6;
    color: #000;
  }
}

.c-tab05-contents__unit {
  display: none;
}

.c-tab05-contents__unit.is-active {
  display: block;
}

/*    c-tab06
 * ------------------------------------------------- */
/* simulation.css */
/*    c-tab07
 * ------------------------------------------------- */
/* simulation.css */
/*    c-tab08
 * ------------------------------------------------- */
 .c-tab08 {
  position: relative;
  display: flex;
  background: #e6e6e6;
}
.c-tab08::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #5BA4D6;
}
.c-tab08__item {
  width: 100%;
}
.c-tab08__item > span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.c-tab08__item.is-active > span {
  background: #5BA4D6;
  color: #fff;
}
.c-tab08-contents__unit {
  display: none;
}
.c-tab08-contents__unit.is-active {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-tab08 {
    margin-right: -40px;
    margin-left: -40px;
    padding: 20px 15px 4px;
  }
  .c-frame03 > .c-tab08:first-child {
    margin-top: -20px;
  }
  .c-tab08__item {
    height: 100%;
    padding: 0 5px;
  }
  .c-tab08__item > span {
    height: 60px;
    padding: 0 40px;
    border-radius: 16px 16px 0 0;
    font-size: 1.8rem;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  }
  .c-tab08-contents {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-tab08 {
    margin: -15px -15px 0;
    padding: 10px 12px 4px 11px;
  }
  .c-tab08__item {
    height: 100%;
    padding: 0 3px 0 4px;
  }
  .c-tab08__item > span {
    height: 40px;
    border-radius: 8px 8px 0 0;
    font-size: 1.2rem;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  }
  .c-tab08__item > span .is-num {
    font-size: 1.2rem;
  }
  .c-tab08-contents {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab08__item > span {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-tab08__item > span:hover {
    background: #5BA4D6;
    color: #fff;
  }
}

/* ------------------------------------------------- *
 *    intro01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-intro01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    background: #fffbe6;
  }
  .c-intro01 > * + * {
    margin-left: 20px;
  }
  .c-intro01__text {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .c-intro01__text .is-bold {
    color: #cc1938;
  }
  .c-intro01__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 42px;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-intro01__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-intro01__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 19px;
    height: 13px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check02.png) no-repeat 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-intro01 {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    margin-top: 10px;
    background: #fffbe6;
    text-align: center;
  }
  .c-intro01 > * + * {
    margin-left: 20px;
    margin-right: 20px;
  }
  .c-intro01__text {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #cc1938;
  }
  .c-intro01__text .is-bold {
    color: #cc1938;
  }
  .c-intro01__btn {
    position: relative;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 42px;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 10px 50px 10px 50px;
  }
  .c-intro01__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-intro01__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 19px;
    height: 13px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check02.png) no-repeat 0 0;
  }
}
@media screen and (min-width: 1025px) {
  .c-intro01__btn {
    transition: opacity 0.2s ease;
  }
  .c-intro01__btn:hover {
    opacity: 0.5;
  }
}

/* ------------------------------------------------- *
 *    intro02
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-intro02 {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    /* background: #fffbe6; */
  }
  .c-intro02 > * + * {
    margin-left: 300px;
  }
  .c-intro02__text {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
  }
  .c-intro02__text .is-bold {
    color: #cc1938;
  }
  .c-intro02__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 42px;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-intro02__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-intro02__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 19px;
    height: 13px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check02.png) no-repeat 0 0;
  }
  .c-intro02.is-type1 {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-intro02 {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    margin-top: 10px;
    text-align: center;
  }
  .c-intro02 > * + * {
    margin-left: 20px;
    margin-right: 20px;
  }
  .c-intro02__text {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #cc1938;
    text-align: center;
  }
  .c-intro02__text .is-bold {
    color: #cc1938;
  }
  .c-intro02__btn {
    position: relative;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 42px;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 10px 50px 10px 50px;
  }
  .c-intro02__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 100%;
    background: #fff;
  }
  .c-intro02__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    width: 19px;
    height: 13px;
    margin: auto;
    border-radius: 100%;
    background: url(../images/icn_check02.png) no-repeat 0 0;
  }
  .c-intro02.is-type1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1025px) {
  .c-intro02__btn {
    transition: opacity 0.2s ease;
  }
  .c-intro02__btn:hover {
    opacity: 0.5;
  }
}


/* ------------------------------------------------- *
 *    heading01
 * ------------------------------------------------- */
.c-heading01 {
  position: relative;
  border-bottom: 3px solid #5BA4D6;
}
.c-heading01__num {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #5BA4D6;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-heading01 {
    margin: 0 0 30px;
    padding: 0 0 20px;
    font-size: 2.6rem;
  }
  .c-heading01.is-num {
    padding-left: 56px;
  }
  .c-heading01__num {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .c-heading01 {
    margin: 0 -15px 15px;
    padding: 15px;
    font-size: 2rem;
  }
  .c-heading01.is-num {
    padding-left: 55px;
  }
  .c-heading01__num {
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
  }
}

/* ------------------------------------------------- *
 *    heading02
 * ------------------------------------------------- */
.c-heading02 {
  position: relative;
  margin: 40px 0 20px;
  padding: 10px 0 10px 15px;
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  border-left: 4px solid #5BA4D6;
  background: linear-gradient(to right, rgba(30, 132, 73, 0.05), transparent);
}

@media screen and (max-width: 767px) {
  .c-heading02 {
    margin: 30px 0 15px;
    font-size: 1.8rem;
  }
}

/* ------------------------------------------------- *
 *    text-content
 * ------------------------------------------------- */
.c-text-content {
  margin: 20px 0;
  line-height: 1.8;
  color: #333;
}

.c-text-content p {
  margin: 0 0 15px;
  font-size: 1.6rem;
}

.c-text-content p:last-child {
  margin-bottom: 0;
}

.c-text-content strong {
  font-weight: 700;
  color: #5BA4D6;
  background: linear-gradient(to bottom, transparent 60%, rgba(30, 132, 73, 0.2) 60%);
}

@media screen and (max-width: 767px) {
  .c-text-content {
    margin: 15px 0;
  }
  
  .c-text-content p {
    font-size: 1.4rem;
    margin: 0 0 12px;
  }
}

/* ------------------------------------------------- *
 *    Q&A container
 * ------------------------------------------------- */
.c-qa-container {
  margin: 30px 0;
}

.c-qa-box {
  margin: 20px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 10px;
  border: 1px solid #e9ecef;
}

.c-qa-box h3 {
  margin: 0 0 10px;
  color: #3498db;
  font-size: 1.8rem;
  font-weight: 700;
}

.c-qa-box p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.7;
}

.c-qa-box .c-text-danger {
  color: #e74c3c;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-qa-box {
    padding: 15px;
  }
  
  .c-qa-box h3 {
    font-size: 1.6rem;
  }
  
  .c-qa-box p {
    font-size: 1.4rem;
  }
}

/* ------------------------------------------------- *
 *    Step guide
 * ------------------------------------------------- */
.c-step-guide {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0;
}

.c-step-box {
  margin: 15px 0;
  padding: 15px;
  background: white;
  border-left: 4px solid #3498db;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.c-step-box strong {
  display: block;
  margin-bottom: 5px;
  color: #2c3e50;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .c-step-guide {
    padding: 15px;
  }
  
  .c-step-box {
    margin: 10px 0;
    padding: 12px;
  }
  
  .c-step-box strong {
    font-size: 1.4rem;
  }
}

/* ------------------------------------------------- *
 *    Rating and highlight styles
 * ------------------------------------------------- */
.c-rating-gold {
  color: #f7931a;
}

.c-rating-yellow {
  color: #ffd700;
}

.c-highlight-yellow {
  background: #ffeb3b;
}

.c-highlight-warning {
  background: #fff3cd;
}

/* ------------------------------------------------- *
 *    table
 * ------------------------------------------------- */
/*    c-table01
 * ------------------------------------------------- */
.c-table01 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-table01 {
    margin-bottom: 30px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-table01 {
    margin-bottom: 20px;
    font-size: 1.4rem;
    border-bottom: 1px solid #ccc;
  }
}

.c-table01 th, .c-table01 td {
  border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .c-table01 th, .c-table01 td {
    padding: 19px 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-table01 th, .c-table01 td {
    display: block;
    /* border-bottom: none; */
    padding: 9px 6px;
  }
}

.c-table01 th {
  background: #f0f0f0;
  font-weight: 700;
  white-space: nowrap;
}

.c-table01 td {
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-table01 tbody th {
    width: 230px;
  }
}

.c-table01.is-type1 tr > *:first-child {
  white-space: normal !important;
}

@media screen and (min-width: 768px) {
  .c-table01.is-type1 tbody tr > *:first-child {
    width: 230px;
  }
}

@media screen and (max-width: 767px) {
  .c-table01.is-type1 tbody tr > *:first-child {
    width: 40%;
  }
}

@media screen and (min-width: 768px) {
  .c-table01.is-type2 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
}

.c-table01.is-type2 th, .c-table01.is-type2 td {
  border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .c-table01.is-type2 th, .c-table01.is-type2 td {
    padding: 19px 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-table01.is-type2 th, .c-table01.is-type2 td {
    display: table-cell;
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 9px 6px;
  }
}

.c-table01.is-type2 td {
  text-align: right;
}

.c-table01.is-type2 td .is-num {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-table01.is-type2 td .is-num {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-table01.is-type2 td .is-num {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .c-table01_scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 767px) {
  .c-table01_scroll .c-table01 {
    width: 150%;
  }
}

.c-table01_scroll .c-table01 th, .c-table01_scroll .c-table01 td {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .c-table01_scroll .c-table01 th, .c-table01_scroll .c-table01 td {
    display: table-cell;
  }
}

.c-table01_scroll .c-table01 th.is-wrap, .c-table01_scroll .c-table01 td.is-wrap {
  white-space: normal;
}

/*    c-table-responsive
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  .c-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -15px;
    padding: 0 15px;
    position: relative;
  }

  .c-table-responsive .c-table01 {
    min-width: 600px;
    margin-bottom: 20px;
  }

  .c-table-responsive .c-table01 th,
  .c-table-responsive .c-table01 td {
    display: table-cell;
    white-space: nowrap;
    padding: 10px 12px;
    border: 1px solid #ccc;
  }

  /* スクロールインジケーター（無効化） */
  .c-table-responsive::after {
    content: none;
  }

  /* スクロールバーのスタイル */
  .c-table-responsive::-webkit-scrollbar {
    height: 8px;
  }

  .c-table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .c-table-responsive::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }
}

@media screen and (min-width: 768px) {
  .c-table-responsive {
    overflow-x: visible;
  }
}

/*    ページトップボタン
 * ------------------------------------------------- */
#btn-pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 25px;
  z-index: 9999;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

#btn-pagetop a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #5BA4D6;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

#btn-pagetop a:hover {
  background: #7BB8E3;
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

#btn-pagetop .pagetop-icon {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 2px;
}

#btn-pagetop .pagetop-text {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

#btn-pagetop:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #btn-pagetop {
    position: fixed !important;
    bottom: 15px !important;  /* 最下部に配置 */
    right: 25px !important;   /* 右側に余白を増やす */
    z-index: 999 !important;
    width: 60px !important;
    height: 60px !important;
    opacity: 0.9 !important;
  }

  #btn-pagetop a {
    width: 60px !important;  /* 60pxに統一 */
    height: 60px !important; /* 60pxに統一 */
    background: #5BA4D6 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
  }

  #btn-pagetop .pagetop-icon {
    font-size: 24px !important;  /* サイズに合わせて調整 */
  }

  #btn-pagetop .pagetop-text {
    font-size: 12px !important;  /* サイズに合わせて調整 */
  }
}

/*    table-scroll
 * ------------------------------------------------- */
.table-scroll {
  overflow: auto;
  white-space: nowrap;
  width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  .table-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll table th,
  .table-scroll table td {
    padding: 10px 33px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll table th,
  .table-scroll table td {
    padding: 10px 0px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    font-size: 11px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll table th {
    background: #333;
    color: #fff;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll table th {
    background: #333;
    color: #fff;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #fff;
    background: #333;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #fff;
    background: #333;
  }
}

.table-scroll img {
  width: 100%;
}

/*
.table_kinri {
  border-collapse: collapse;
  border: solid 2px orange;
  padding: 10px;/
  width: 100%;
  font-size: 18px;
}
.table_kinri th,
.table_kinri td {
  border: dashed 1px orange;
  padding: 10px;/
  width: 10%;
}
.table_kinri th {
  color: #FF9800;
  background: #fff5e5;/
}
*/
/*    table-scroll2
 * ------------------------------------------------- */
.table-scroll2 {
  overflow: auto;
  white-space: nowrap;
  width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /* margin-top: 30px; */
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .table-scroll2 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll2 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    /* width: 933px; */
    table-layout: fixed;
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll2 table th,
  .table-scroll2 table td {
    padding: 10px 6px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll2 table th,
  .table-scroll2 table td {
    padding: 5px 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll2 table th {
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll2 table th {
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll2 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll2 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll2 img {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll2 img {
    width: 100%;
  }
}

/*    table-scroll3
 * ------------------------------------------------- */
.table-scroll3 {
  overflow: auto;
  white-space: nowrap;
  width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
  .table-scroll3 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll3 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll3 table th,
  .table-scroll3 table td {
    padding: 10px 41px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll3 table th,
  .table-scroll3 table td {
    padding: 5px 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll3 table th {
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll3 table th {
    background: #fff8e3;
    color: #000;
    width: 110px;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll3 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll3 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

/*    table-scroll4
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .table-scroll4 {
    overflow: auto;
    width: 100%;
    display: block;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 8px  gray;
            box-shadow: 0 0 8px  gray;
    border-radius: 10px;
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll4 table {
    border-collapse: collapse;
    border-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll4 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    table-layout: fixed;
    word-break: break-word;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll4 table th {
    padding: 10px;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll4 table th {
    padding: 5px;
    font-weight: normal;
    border: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    display: block;
    display: none;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll4 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll4 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll4 table td {
    padding: 10px;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll4 table td {
    padding: 5px;
    font-weight: normal;
    border: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .table-scroll4 img {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll4 img {
    width: auto;
  }
}

/*    table-scroll5
 * ------------------------------------------------- */
.table-scroll5 {
  overflow: auto;
  width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .table-scroll5 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
  }
  .table-scroll5 table th {
    padding: 10px 35px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
  .table-scroll5 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
  .table-scroll5 table td {
    padding: 10px 35px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
  }
  .table-scroll5 img {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll5 img {
    width: 100%;
  }
  .table-scroll5 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    table-layout: fixed;
    word-break: break-word;
  }
  .table-scroll5 table th {
    padding: 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
  .table-scroll5 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
  .table-scroll5 table td {
    padding: 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
  }
}

/*    table-scroll6
 * ------------------------------------------------- */
.table-scroll6 {
  overflow: auto;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .table-scroll6 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    width: 100%;
  }
  .table-scroll6 table th {
    padding: 10px 35px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
  .table-scroll6 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff8e3;
    color: #000;
  }
  .table-scroll6 table td {
    padding: 10px 35px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
  }
  .table-scroll6 img {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .table-scroll6 img {
    width: 100%;
  }
  .table-scroll6 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    table-layout: fixed;
    word-break: break-word;
  }
  .table-scroll6 table th {
    padding: 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    background: #fff8e3;
    color: #000;
    width: 100%;
  }
  .table-scroll6 table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff8e3;
    color: #000;
  }
  .table-scroll6 table td {
    padding: 5px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
  }
}

/*    description
 * ------------------------------------------------- */
/*    fixcell
 * ------------------------------------------------- */
.fixcell {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 100;
}

.fixcell :before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}

/* ------------------------------------------------- *
 *    title
 * ------------------------------------------------- */
/*    c-title01
 * ------------------------------------------------- */
.c-title01 {
  background: #fff1bb;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-title01 {
    padding: 5px 40px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title01 {
    padding: 8px 10px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .c-tab-contents.is-lender .c-title01 {
    margin-right: -40px;
    margin-left: -40px;
  }
}

@media screen and (max-width: 767px) {
  .c-tab-contents.is-lender .c-title01 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-title01 .is-small {
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-title01 .is-small {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title01 .is-small {
    font-size: 1rem;
  }
}

.c-title01 .is-small2 {
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-title01 .is-small2 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title01 .is-small2 {
    display: block;
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .c-frame .c-title01 {
    margin-top: -40px;
    margin-right: -40px;
    margin-left: -40px;
  }
}

@media screen and (max-width: 767px) {
  .c-frame .c-title01 {
    margin-top: -20px;
    margin-right: -15px;
    margin-left: -15px;
  }
}

/* is-type1 */
.c-title01.is-type1 .is-small2 {
  display: block;
}

@media screen and (min-width: 768px) {
  .c-title01.is-type1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .c-title01.is-type1 .is-small2 {
    margin-top: 5px;
  }
}

/* is-type3 */
.c-title01.is-type3 {
  display: flex;
  align-items: center;
  justify-content: start;
  background: #e9f1fa;
  border-bottom: 1px solid #ccc;
}
.c-title01.is-type3 > span {
  width: 100%;
}
.c-title01.is-type3 .is-small2 {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-title01.is-type3 {
    min-height: 91px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 3rem;
    line-height: 1.3;
  }
  .c-title01.is-type3 .is-small2 {
    font-size: 1.8rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-title01.is-type3 {
    min-height: 61px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2rem;
    line-height: 1.3;
  }
  .c-title01.is-type3 .is-small2 {
    font-size: 1rem;
    font-weight: 700;
  }
}

/*    c-title02
 * ------------------------------------------------- */
.c-title02 {
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-title02 {
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title02 {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}

.c-title02 > span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding-bottom: 10px;
}

.c-title02 > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-title02 .is-big {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title02 .is-big {
    font-size: 3rem;
  }
}

/* lead */
@media screen and (min-width: 768px) {
  .c-lead + .c-title02 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .c-lead + .c-title02 {
    margin-top: 20px;
  }
}

/*    c-title03
 * ------------------------------------------------- */
.c-title03 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-title03 {
    padding: 25px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-title03 {
    padding: 15px 0 10px;
  }
}

.c-title03__icon {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background: #5BA4D6;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .c-title03__icon {
    width: 50px;
    height: 50px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title03__icon {
    width: 30px;
    height: 30px;
    font-size: 1.8rem;
  }
}

.c-title03__label {
  display: block;
  border-radius: 8px 8px 0 0;
  background: #f0f0f0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-title03__label {
    padding: 35px 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-title03__label {
    padding: 20px 10px 10px;
  }
}

/*    c-title04
 * ------------------------------------------------- */
.c-title04 {
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-title04 {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title04 {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}

.c-title04 img {
  min-height: 75px;
}

@media screen and (min-width: 768px) {
  .c-title04.is-type1 {
    margin-bottom: 15px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-title04.is-type1 {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
}

/*    c-title05
 * ------------------------------------------------- */
.c-title05 {
  position: relative;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .c-title05 {
    font-size: 1.8rem;
    font-weight: 700;
    padding-left: 20px;
    margin-left: 3px;
  }
  .c-title05::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@media screen and (max-width: 767px) {
  .c-title05 {
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 20px;
  }
  .c-title05::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

/* ------------------------------------------------- *
 *    toggle
 * ------------------------------------------------- */
/*    c-toggle
 * ------------------------------------------------- */
.c-toggle {
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-toggle {
    margin-top: 0;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle {
    margin-bottom: -20px;
    font-size: 1.2rem;
  }
}

.c-toggle span {
  position: relative;
  display: inline-block;
  color: #0078c8;
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .c-toggle span {
    padding: 10px 0 10px 27px;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle span {
    padding: 20px 0 20px 15px;
  }
}

.c-toggle span::before {
  content: '開く';
  font-size: 1.4rem;
}

.c-toggle span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 100% 89.93902%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .c-toggle span::after {
    left: 2px;
    width: 6px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle span::after {
    left: 2px;
    width: 4px;
    height: 7px;
  }
}

.c-toggle.is-active span {
  position: relative;
  z-index: 9;
  display: inline-block;
}

.c-toggle.is-active span::before {
  content: '閉じる';
  font-size: 1.4rem;
}

.c-toggle.is-active span::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 1025px) {
  .c-toggle {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-toggle:hover {
    opacity: 0.3;
  }
}

.c-toggle__target {
  display: none;
}

/*    c-toggle2
 * ------------------------------------------------- */
 @media screen and (min-width: 768px) {
  .c-toggle2 {
    width: 100%;
    margin-bottom: 45px;
    }
  .c-toggle2 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle2__target {
    position: relative;
    overflow: hidden;
    height: calc( 215px + 85px );
  }
  .c-toggle2__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle2__target.is-active {
    height: auto;
  }
  .c-toggle2__target.is-active::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle2 {
    width: 100%;
    margin-bottom: 45px;
  }
  .c-toggle2 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle2__target {
    position: relative;
    overflow: hidden;
    height: calc( 360px + 85px );
  }
  .c-toggle2__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle2__target.is-active {
    height: auto;
  }
  .c-toggle2__target.is-active::after {
    display: none;
  }
}

.c-toggle2 span::after {
  content: "全て確認する";
}
.c-toggle2__target.is-active + .c-toggle2 span::after {
  content: "閉じる";
}

@media screen and (min-width: 1025px) {
  .c-toggle2 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-toggle2:hover {
    opacity: 0.5;
  }
}

/*.c-toggle2__target {
  display: none;
}*/

/*    c-toggle3
 * ------------------------------------------------- */
 @media screen and (min-width: 768px) {
  .c-toggle3 {
    width: 100%;
    margin-bottom: 45px;
    }
  .c-toggle3 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle3__target {
    position: relative;
    overflow: hidden;
    height: calc( 90px + 85px );
  }
  .c-toggle3__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle3__target.is-active {
    height: auto;
  }
  .c-toggle3__target.is-active::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle3 {
    width: 100%;
    margin-bottom: 45px;
  }
  .c-toggle3 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle3__target {
    position: relative;
    overflow: hidden;
    height: calc( 90px + 85px );
  }
  .c-toggle3__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle3__target.is-active {
    height: auto;
  }
  .c-toggle3__target.is-active::after {
    display: none;
  }
}

.c-toggle3 span::after {
  content: "ランキング根拠をすべて確認する";
}
.c-toggle3__target.is-active + .c-toggle3 span::after {
  content: "閉じる";
}

@media screen and (min-width: 1025px) {
  .c-toggle3 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-toggle3:hover {
    opacity: 0.5;
  }
}

/*    c-toggle4
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-toggle4 {
    width: 100%;
    margin-bottom: 45px;
    }
  .c-toggle4 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle4__target {
    position: relative;
    overflow: hidden;
    height: calc( 0px );
  }
  .c-toggle4__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle4__target.is-active {
    height: auto;
  }
  .c-toggle4__target.is-active::after {
    display: none;
  }
  .c-toggle4Title {
    position: absolute;
    top: -41px;
    left: 0;
    width: 100%;
    height: 41px;
    cursor: pointer;
  }
  .c-toggle4Title span {
    position: absolute;
    top: 0;
    right: 15px;
    width: 20px;
    height: 100%;
  }
  .c-toggle4Title span::before,
  .c-toggle4Title span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    display: inline-block;
    margin: auto;
    background: #fff;
  }
  .c-toggle4Title span::after {
    transform: rotate(90deg);
  }
  .cap_box_content:has(.c-toggle4__target.is-active) .c-toggle4Title span::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle4 {
    width: 100%;
    margin-bottom: 45px;
  }
  .c-toggle4 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle4__target {
    position: relative;
    overflow: hidden;
    height: calc( 0px );
  }
  .c-toggle4__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle4__target.is-active {
    height: auto;
  }
  .c-toggle4__target.is-active::after {
    display: none;
  }
}

.c-toggle4 span::after {
  content: "全てを確認する";
}
.c-toggle4__target.is-active + .c-toggle4 span::after {
  content: "閉じる";
}

@media screen and (min-width: 1025px) {
  .c-toggle4,
  .c-toggle4Title {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-toggle4:hover,
  .c-toggle4Title:hover {
    opacity: 0.5;
  }
}

/*    c-toggle5
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-toggle5 {
    width: 100%;
    margin-bottom: 45px;
    }
  .c-toggle5 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle5__target {
    position: relative;
    overflow: hidden;
    height: calc( 880px + 85px );
  }
  .c-toggle5__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle5__target.is-active {
    height: auto;
  }
  .c-toggle5__target.is-active::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .c-toggle5 {
    width: 100%;
    margin-bottom: 45px;
  }
  .c-toggle5 span {
    display: block;
    color: #666;
    border: 1px solid #999;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-toggle5__target {
    position: relative;
    overflow: hidden;
    height: calc( 1325px + 85px );
  }
  .c-toggle5__target::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 85px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
  }
  .c-toggle5__target.is-active {
    height: auto;
  }
  .c-toggle5__target.is-active::after {
    display: none;
  }
}

.c-toggle5 span::after {
  content: "続きを見る";
}
.c-toggle5__target.is-active + .c-toggle5 span::after {
  content: "閉じる";
}

@media screen and (min-width: 1025px) {
  .c-toggle5 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-toggle5:hover {
    opacity: 0.5;
  }
}

/* ------------------------------------------------- *
 *    typography
 * ------------------------------------------------- */
/*    c-text
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-text {
    margin-bottom: 30px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-text {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}

/* bold */
.c-text .is-bold {
  font-weight: 700;
}

/* notes */
@media screen and (min-width: 768px) {
  .c-text .is-notes {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-text .is-notes {
    font-size: 1.4rem;
  }
}

.c-text .is-notes::before {
  content: "※";
}

/* red */
.c-text .is-red {
  color: #ff343a;
}

.c-text > * + * {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .c-text.is-lead {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}

.c-text.is-lead .is-bold {
  color: #5BA4D6;
}

@media screen and (min-width: 768px) {
  .c-text .is-lead2 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-text .is-lead2 {
    font-size: 1.4rem;
  }
}


.c-text__emphasis {
  margin: 10px 0;
  background: #f0f0f0;
}

@media screen and (min-width: 768px) {
  .c-text__emphasis {
    display: block;
    padding: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-text__emphasis {
    display: inline-block;
    padding: 5px 10px;
  }
}

.c-text__emphasis .is-bold {
  color: #5BA4D6;
}

.c-help {
  text-align: right;
  font-size: 16px;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .c-help {
    font-size: 12px;
  }
}

/*    c-lead
 * ------------------------------------------------- */
.c-lead {
  background: #fff1bb;
  text-align: center;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-lead {
    padding: 10px 40px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c-lead {
    padding: 3px 10px;
    font-size: 1.5rem;
  }
}

.c-lead + .c-lead {
  margin-top: 10px;
}

.c-lead.is-type2 {
  background: #f5f5f5;
}

.c-lead__bold {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .c-lead__bold {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .c-lead__bold {
    font-size: 2.4rem;
  }
}

.c-lead__bold .is-small {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-lead__bold .is-small {
    margin-top: 3px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .c-lead__bold .is-small {
    margin-top: 3px;
    font-size: 1.2rem;
  }
}

/*    c-notes
 * ------------------------------------------------- */
.c-notes {
  margin-bottom: 1em;
  color: #000;
  /*20200221修正*/
}

@media screen and (min-width: 768px) {
  .c-notes {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-notes {
    font-size: 1.1rem;
  }
}

.c-notes > li {
  position: relative;
  padding-left: 1.2em;
}

.c-notes > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.c-notes > li + li {
  margin-top: 2px;
}

.c-notes.is-counter {
  counter-reset: notes;
}

.c-notes.is-counter > li {
  counter-increment: notes;
  padding-left: 2em;
}

.c-notes.is-counter > li::before {
  content: "※" counter(notes);
  position: absolute;
  top: 0;
  left: 0;
}

/*    c-notes2
 * ------------------------------------------------- */
.c-notes2 {
  /* margin-bottom: 1em; */
  color: #D4AE45;
  /*20200221修正*/
}

@media screen and (min-width: 768px) {
  .c-notes2 {
    font-size: 1.6rem;
    margin-top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .c-notes2 {
    font-size: 1.4rem;
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .c-notes2 > li {
    position: relative;
    padding-left: 2.5em;
  }
}

@media screen and (max-width: 767px) {
  .c-notes2 > li {
    position: relative;
    padding-left: 0;
  }
}

.c-notes2 > li::before {
  /* content: "※"; */
  position: absolute;
  top: 0;
  left: 0;
}

.c-notes2 > li + li {
  margin-top: 2px;
}

.c-notes2.is-counter {
  counter-reset: notes;
}

.c-notes2.is-counter > li {
  counter-increment: notes;
  padding-left: 2em;
}

.c-notes2.is-counter > li::before {
  content: "※" counter(notes);
  position: absolute;
  top: 0;
  left: 0;
}

/*    c-list
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-list {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .c-list {
    font-size: 1.2rem;
  }
}

.c-list li {
  margin-left: 1em;
  text-indent: -1em;
}

.c-list li::before {
  content: "・";
}

@media screen and (min-width: 768px) {
  .c-list + .c-list {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .c-list {
    font-size: 1.2rem;
  }
}

/* ------------------------------------------------- *
 *    sim_bnr
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .sim_bnr {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sim_bnr {
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    text-align: left;
    background: #fff;
  }
  .sim_bnr_subtext {
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #212121;
    font-weight: bold;
    font-size: 1.2rem;
    margin-left: 0;
    padding: 3px;
  }
  .sim_bnr_text2 {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2rem;
    position: absolute;
    top: 70px;
    left: 132px;
    padding: 3px 10px 3px 5px;
    background: #D4AE4542;
    border-radius: 6px;
  }
  .sim_bnr_btn {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 73px;
    left: 345px;
  }
  .sim_bnr_btn img {
    width: 80%;
  }
}

/* ------------------------------------------------- *
 *    housing-loan
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  div#m-content1sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content2sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content3sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content4sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content5sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content6sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content7sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content8sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content9sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content10sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
  div#m-content11sub {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
  }
}

/*    mokuji
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .mokuji {
    color: black;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 1px 1px rgba(5, 0, 0, 0.5);
            box-shadow: 0 1px 1px rgba(5, 0, 0, 0.5);
    padding: 0 30px 30px;
    max-width: 100%;
    max-height: 100%;
    line-height: 30px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .mokuji {
    color: black;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 1px 1px rgba(5, 0, 0, 0.5);
            box-shadow: 0 1px 1px rgba(5, 0, 0, 0.5);
    padding: 0 30px 30px;
    max-width: 100%;
    max-height: 100%;
    line-height: 30px;
    margin-top: -30px;
    z-index: 100;
  }
}

.mokuji a:hover {
  color: blue;
  text-decoration: underline;
}

/*    mokuji_h2
 * ------------------------------------------------- */
.mokuji_h2 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .mokuji_h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 25px;
    padding-left: 20px;
    padding-top: 50px;
  }
  .mokuji_h2::before {
    content: '';
    height: 52px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 50px;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .mokuji_h2 {
    font-size: 2rem;
    margin-bottom: 25px;
    padding-left: 20px;
    padding-top: 40px;
  }
  .mokuji_h2::before {
    content: '';
    height: 70px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    margin: auto;
  }
}

/* ------------------------------------------------- *
 *    PR
 * ------------------------------------------------- */
.pr-top {
  margin-bottom: 10px;
  border: 1px solid #8080802b;
  padding: 10px;
  position: relative;
}

.pr-text {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pr-text {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
.pr-text-pr2 {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 165px;
  padding: 5px;
  color: #24347a;
  font-weight: bold;
  place-self: center;
}
}

@media screen and (max-width: 767px) {
  .pr-text-pr2 {
    margin-bottom: -4px;
    margin-top: 4px;
    padding: 5px;
    color: #24347a;
    font-weight: 700;
    font-size: 1.2rem;
    font-weight: 700;
  }
  }

.c-ranking__btn_pr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}

.c-ranking__btn_pr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}

.c-ranking__btn_pr3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}


@media screen and (min-width: 768px) {
  .c-ranking__btn_pr {
    position: absolute;
    top: 135px;
    right: 35px;
    width: 253px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn_pr2 {
    position: absolute;
    top: 115px;
    right: 35px;
    width: 253px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn_pr3 {
    position: absolute;
    top: 43px;
    right: 35px;
    width: 253px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .pr-text-pr {
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #24347a;
    color: #fff;
    padding: 5px;
    width: 140px;
    text-align: center;
  }
  .pr-text-pr3 {
    margin-bottom: 10px;
    margin-top: 10px;
    background: linear-gradient(135deg,#d6b457 0,#d6b457 50%,#cca12d 50%,#cca12d 100%);
    color: #fff;
    padding: 5px;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
  }
  .pr-text-pr4 {
    margin-bottom: 10px;
    margin-top: 10px;
    background: linear-gradient(135deg,#b2b2b2 0,#b2b2b2 50%,#9f9f9f 50%,#9f9f9f 100%);
    color: #fff;
    padding: 5px;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
  }
  .pr-text-pr5 {
    margin-bottom: 10px;
    margin-top: 10px;
    background: linear-gradient(135deg,#b2897f 0,#b2897f 50%,#9f6b5f 50%,#9f6b5f 100%);
    color: #fff;
    padding: 5px;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
  }

}

@media screen and (max-width: 767px) {
  .pr-top {
    padding-bottom: 60px;
  }
  .pr-text-pr {
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #24347a;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    width: 80px;
    height: 30px;
  }
  .c-ranking__btn_pr {
    position: absolute;
    width: 90%;
    margin: 10px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.8rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn_pr2 {
    position: absolute;
    width: 90%;
    margin: 10px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.8rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn_pr3 {
    position: absolute;
    width: 90%;
    margin: 10px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.8rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .pr-text-pr3 {
    margin-bottom: 5px;
    margin-top: 5px;
    background: linear-gradient(135deg,#d6b457 0,#d6b457 50%,#cca12d 50%,#cca12d 100%);
    color: #fff;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    height: 30px;
    font-weight: 900;
    font-size: 15px;
  }
  .pr-text-pr4 {
    margin-bottom: 5px;
    margin-top: 5px;
    background: linear-gradient(135deg,#b2b2b2 0,#b2b2b2 50%,#9f9f9f 50%,#9f9f9f 100%);
    color: #fff;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    height: 30px;
    font-weight: 900;
    font-size: 15px;
  }
  .pr-text-pr5 {
    margin-bottom: 5px;
    margin-top: 5px;
    background: linear-gradient(135deg,#b2897f 0,#b2897f 50%,#9f6b5f 50%,#9f6b5f 100%);
    color: #fff;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    height: 30px;
    font-weight: 900;
    font-size: 15px;
  }

}

@media screen and (min-width: 1025px) {
  .c-ranking__btn_pr {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-ranking__btn_pr2 {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-ranking__btn_pr3 {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-ranking__btn_pr::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

.c-ranking__btn_pr2::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

.c-ranking__btn_pr3::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}



@media screen and (min-width: 768px) {
  .c-ranking__btn_pr::after {
    right: 15px;
  }
  .c-ranking__btn_pr2::after {
    right: 15px;
  }
  .c-ranking__btn_pr3::after {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn_pr::after {
    right: 10px;
  }
  .c-ranking__btn_pr2::after {
    right: 10px;
  }
  .c-ranking__btn_pr3::after {
    right: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking > a:hover .c-ranking__btn_pr, .c-ranking > a:hover + p .c-ranking__btn_pr, .c-ranking__btn_pr:hover {
    background: #000;
    color: #fff;
  }
  .c-ranking > a:hover .c-ranking__btn_pr2, .c-ranking > a:hover + p .c-ranking__btn_pr2, .c-ranking__btn_pr2:hover {
    background: #000;
    color: #fff;
  }
  .c-ranking > a:hover .c-ranking__btn_pr3, .c-ranking > a:hover + p .c-ranking__btn_pr3, .c-ranking__btn_pr3:hover {
    background: #000;
    color: #fff;
  }
}

/* ------------------------------------------------- *
 *    PR_new
 * ------------------------------------------------- */

@media screen and (min-width: 768px) {
  .pr-text-new {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pr-text-pr-new {
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #24347a;
    color: #fff;
    padding: 5px;
  }
  
  .pr-text-pr2-new {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 25px;
    padding: 5px;
    color: #24347a;
    font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  .pr-text-new {
    display: inline;
  }

  .pr-text-pr-new {
    background-color: #24347a;
    color: #fff;
    padding: 5px;
    text-align: center;
    width: 100%;
  }
  
  .pr-text-pr2-new {
    margin-bottom: 10px;
    padding: 5px;
    color: #24347a;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
  }
}


/* ------------------------------------------------- *
 *    PR-honpo
 * ------------------------------------------------- */
.prarea-honpo {
  text-align: center;
}

.prbtn-honpo {
  border-radius: 100vh;
  /*background-color: #DD6182;*/
  background-color: #e4003d;
  display: inline-block;
  padding: 16px 32px;
  margin-top: 5px;
  margin-bottom: 5px;
  /*border-bottom: solid 4px #be4f6d;*/
  border-bottom: solid 4px #990029;
  border-radius: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: .100s;
  transition: .100s;
}

.prbtn-honpo a {
  text-decoration: none;
  color: #fff;
}

.prbtn-honpo a:hover {
  color: #fff;
}

.prbtn-honpo:hover {
  border-bottom: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

@media screen and (min-width: 768px) {
  .prarea-honpo-text1 {
    position: relative;
    padding: 10px;
    margin-left: 20%;
    width: 160px;
    height: 49px;
    line-height: 2;
    border-radius: 50%;
    text-align: center;
    color: #000;
    letter-spacing: 0.2em;
    font-size: 14px;
    background-color: #E2E2E2;
  }
  .prarea-honpo-text1::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 2px;
    bottom: 2px;
    border-left: 20px solid #E2E2E2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media screen and (max-width: 767px) {
  .prarea-honpo-text1 {
    position: relative;
    padding: 10px;
    width: 160px;
    height: 49px;
    line-height: 2;
    border-radius: 50%;
    text-align: center;
    color: #000;
    letter-spacing: 0.2em;
    font-size: 14px;
    background-color: #E2E2E2;
  }
  .prarea-honpo-text1::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 2px;
    bottom: 2px;
    border-left: 20px solid #E2E2E2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

/*====================================================================
.jp_01 .juta_accordion
====================================================================*/
.grad-wrap {
  width: 100%;
  text-align: right;
}

.jp_01 .juta_accordion {
  max-width: 100%;
  margin: 0 auto;
  text-align: right;
}

.jp_01 .juta_accordion .juta_accordion_header {
  width: 50%;
  left: 50%;
  /* background-color:#5BA4D6; */
  border-radius: 50vh;
  padding: 10px;
  margin-bottom: 5px;
  color: #5BA4D6;
  font-size: 16px;
  font-weight: bold;
  /* padding: 20px 11%; */
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.jp_01 .juta_accordion:nth-of-type(2) .juta_accordion_header {
  background-color: #ff9a05;
}

.jp_01 .juta_accordion:nth-of-type(3) .juta_accordion_header {
  background-color: #1c85d8;
}

.jp_01 .juta_accordion .juta_accordion_header:hover {
  color: #ad6a00;
}

.jp_01 .juta_accordion .juta_accordion_header .juta_bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 70%;
  right: 3%;
  width: 20px;
  height: 20px;
  /* border: 1px solid #fff; */
  margin-top: -20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.jp_01 .juta_accordion .juta_accordion_header .juta_bx .juta_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  position: relative;
}

.jp_01 .juta_accordion .juta_accordion_header.open .juta_bx {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.jp_01 .juta_accordion .juta_accordion_header .juta_bx .juta_i:before, .jp_01 .juta_accordion .juta_accordion_header .juta_bx .juta_i:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: '';
  background-color: #5BA4D6;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.jp_01 .juta_accordion .juta_accordion_header .juta_bx .juta_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}

.jp_01 .juta_accordion .juta_accordion_header.open .juta_bx .juta_i:before {
  content: none;
}

.jp_01 .juta_accordion .juta_accordion_header.open .juta_bx .juta_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.jp_01 .juta_accordion .juta_accordion_inner {
  display: none;
  /* padding: 30px 30px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff8e3;
  padding: 15px 10px 10px;
}

.jp_01 .juta_accordion:nth-of-type(2) .juta_accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05;
}

.jp_01 .juta_accordion:nth-of-type(3) .juta_accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8;
}

.jp_01 .juta_accordion .juta_accordion_inner .juta_2 {
  /* height: 300px; */
}

.jp_01 .juta_accordion .juta_accordion_inner p.txt_a_jt {
  margin: 0;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea {
  width: 180px;
  margin: 0 auto;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #5BA4D6;
  padding: 15px 15px 15px 20px;
  text-decoration: none;
  line-height: 1.3;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  margin-bottom: 20px;
}

.jp_01 .juta_accordion:nth-of-type(2) .juta_accordion_inner .closeArea .close_box a.close_btn {
  background-color: #ff9a05;
}

.jp_01 .juta_accordion:nth-of-type(3) .juta_accordion_inner .closeArea .close_box a.close_btn {
  background-color: #1c85d8;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: .8;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn .juta_bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn .juta_bx .juta_i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn .juta_bx .juta_i:before, .jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn .juta_bx .juta_i:after {
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn .juta_bx .juta_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}

@media screen and (max-width: 768px) {
  .jp_01 .juta_accordion .juta_accordion_header {
    font-size: 18px;
  }
  .jp_01 .juta_accordion .juta_accordion_header .juta_bx {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .jp_01 .juta_accordion .juta_accordion_inner .closeArea .close_box a.close_btn {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .jp_01 .juta_accordion .juta_accordion_header {
    font-size: 14px;
  }
  .jp_01 .juta_accordion .juta_accordion_header .juta_bx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 75%;
    right: 3.5%;
    width: 20px;
    height: 20px;
    /* border: 1px solid #fff; */
    margin-top: -20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .jp_01 .juta_accordion .juta_accordion_header {
    width: 100%;
    left: 0%;
    /* background-color:#5BA4D6; */
    border-radius: 50vh;
    padding: 10px;
    margin-bottom: 5px;
    color: #5BA4D6;
    font-size: 14px;
    font-weight: bold;
    /* padding: 20px 11%; */
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
}

/* ------------------------------------------------- *
 *    dialog 20210817 housing-loan.cssよりコピー
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    tab
 * ------------------------------------------------- */
 .c-HL-tab01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  background: #fafafa;
}
.c-HL-tab01::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 2px;
  background: #5BA4D6;
}
.c-HL-tab01__item > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.c-HL-tab01__item.is-active > span {
  background: #5BA4D6;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-HL-tab01 {
    padding: 5px 10px 15px;
    border-radius: 16px 16px 0 0;
  }
  .c-HL-tab01__item {
    margin: 10px 5px 0;
  }
  .c-HL-tab01__item > span {
    height: 50px;
    padding: 0 30px;
    border-radius: 16px;
    font-size: 1.6rem;
  }
  .c-HL-tab01__item > span .is-num {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .c-HL-tab01 {
    padding: 5px 7px 10px 8px;
    border-radius: 16px 16px 0 0;
  }
  .c-HL-tab01__item {
    width: 33.333%;
    padding: 5px 2px 0 3px;
  }
  .c-HL-tab01__item > span {
    height: 35px;
    border-radius: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .c-HL-tab01__item > span .is-num {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1025px) {
  .c-HL-tab01__item > span {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}
@media screen and (min-width: 1025px) {
  /* hover */
  .c-HL-tab01__item > span:hover {
    background: #5BA4D6;
    color: #000;
  }
}

.c-HL-tab01-contents__unit {
  display: none;
}
.c-HL-tab01-contents__unit.is-active {
  display: block;
}

.c-HL-tab01-contents.is-type1 {}
@media screen and (min-width: 768px) {
  .c-HL-tab01-contents.is-type1 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-HL-tab01-contents.is-type1 {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .c-HL-tab01__item2 {
    width: 200px;
    text-align: center;
    margin-top: 23px;
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
  }
  }
  
  @media screen and (max-width: 767px) {
    .c-HL-tab01__item2 {
      width: 200px;
      text-align: center;
      padding-top: 10px;
      font-weight: bold;
      text-decoration: underline;
      font-size: 16px;
  }
    }
  
  
    /* c-HL-table-scroll3 */
.c-HL-table-scroll3 {
  /*overflow: auto;*/
  /* white-space: nowrap;
  width: 100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 10px; */
}
.c-HL-table-scroll3 .is-fixcell {
  position: sticky;
  left: 0;
  z-index: 100;
}
.c-HL-table-scroll3 table tr td {
  background: #fff;
}
.c-HL-table-scroll3 table tr.is-g td {
  /*background: #f0f0f0;*/
}
.c-HL-table-scroll3 table td.is-highlight {
  background: #fff8e3!important;
  /*color: #5BA4D6!important;*/
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-HL-table-scroll3 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
  }
  .c-HL-table-scroll3 table th,
  .c-HL-table-scroll3 table td {
    padding: 10px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
  .c-HL-table-scroll3 table th {
    background: #fff8e3;
    color: #000;
    width: auto;
  }
  .c-HL-table-scroll3 table th:first-child {
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
  .c-HL-table-scroll3 .is-small {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-HL-table-scroll3 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    table-layout: fixed;
    word-break: break-word;
  }
  .c-HL-table-scroll3 table th,
  .c-HL-table-scroll3 table td {
    padding: 5px 0px;
    font-weight: normal;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
  }
  .c-HL-table-scroll3 table th {
    background: #fff8e3;
    color: #000;
  }
  .c-HL-table-scroll3 table th:first-child {
    position: sticky;
    top: 0;
    color: #000;
    background: #fff8e3;
  }
  .c-HL-table-scroll3 img {
    width: 100%;
    height: auto;
  }
  .c-HL-table-scroll3 .is-small {
    font-size: 1.4rem;
  }
}

.c-HL-table-scroll3__table {}
.c-HL-table-scroll3__inner + .c-HL-table-scroll3__inner {
  display: none;
}
.c-HL-table-scroll3__inner + .c-HL-table-scroll3__inner .c-HL-table-scroll3__table {
  border-top: none;
}
@media screen and (min-width: 768px) {
  .c-HL-table-scroll3__table.is-type1 td {
    width: 180px;
  }
  .c-HL-table-scroll3__table.is-type2 td {
    width: 160px;
  }
  .c-HL-table-scroll3__table.is-type1 td.is-fixcell,
  .c-HL-table-scroll3__table.is-type2 td.is-fixcell {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-HL-table-scroll3__table.is-type1 {
    width: 300px;
  }
  .c-HL-table-scroll3__table.is-type1 td {
    width: 110px;
  }
  .c-HL-table-scroll3__table.is-type2 {
    width: 551px;
  }
  .c-HL-table-scroll3__table.is-type2 td {
    width: 110px;
  }
}

@media screen and (min-width: 1025px) {
  /* hover */
  .c-HL-table-scroll2__table a,
  .c-HL-table-scroll3__table a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-HL-table-scroll2__table a:hover,
  .c-HL-table-scroll3__table a:hover {
    opacity: 0.3;
  }
}


/* ------------------------------------------------- *
 *    dialog 20210513 housing-loan.cssよりコピー
 * ------------------------------------------------- */
.c-HL-dialog01 {
  position: relative;
  border-radius: 16px;
  border: 2px solid #fceacc;
  background: #fff;
}

.c-HL-dialog01::before, .c-HL-dialog01::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.c-HL-dialog01__icon {
  position: absolute;
  background: url(../images/icn_navigator01.png) no-repeat 0 0;
}

.c-HL-dialog01__icon > span {
  font-weight: 700;
}

.c-HL-dialog01__inner .c-article_p:last-child {
  margin-bottom: 0;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-HL-dialog01 {
    margin: 0 80px 40px;
    padding: 15px 20px;
  }
  .c-HL-dialog01::before {
    top: 25px;
  }
  .c-HL-dialog01.is-left::before {
    left: -20px;
    border-width: 9px 20px 9px 0;
    border-color: transparent #fceacc transparent transparent;
  }
  .c-HL-dialog01.is-right::before {
    right: -20px;
    border-width: 9px 0 9px 20px;
    border-color: transparent transparent transparent #fceacc;
  }
  .c-HL-dialog01::after {
    top: 27px;
  }
  .c-HL-dialog01.is-left::after {
    left: -16px;
    border-width: 7px 16px 7px 0;
    border-color: transparent #fff transparent transparent;
  }
  .c-HL-dialog01.is-right::after {
    right: -16px;
    border-width: 7px 0 7px 16px;
    border-color: transparent transparent transparent #fff;
  }
  .c-HL-dialog01 + .c-HL-dialog01 {
    margin-top: -20px;
  }
  .c-HL-dialog01.is-left.is-full {
    margin-right: 0;
  }
  .c-HL-dialog01.is-right.is-full {
    margin-left: 0;
  }
  .c-HL-dialog01__icon {
    top: 0;
    width: 60px;
    height: 63px;
  }
  .c-HL-dialog01__icon > span {
    position: relative;
    display: inline-block;
    text-align: center;
    top: 68px;
    font-size: 1rem;
    left: 6px;
  }
  .c-HL-dialog01.is-left .c-HL-dialog01__icon {
    left: -80px;
  }
  .c-HL-dialog01.is-right .c-HL-dialog01__icon {
    right: -80px;
  }
}

@media screen and (max-width: 767px) {
  .c-HL-dialog01 {
    margin: 0 40px 30px;
    padding: 15px 10px;
  }
  .c-HL-dialog01::before {
    top: 16px;
  }
  .c-HL-dialog01.is-left::before {
    left: -16px;
    border-width: 7px 16px 7px 0;
    border-color: transparent #fceacc transparent transparent;
  }
  .c-HL-dialog01.is-right::before {
    right: -16px;
    border-width: 7px 0 7px 16px;
    border-color: transparent transparent transparent #fceacc;
  }
  .c-HL-dialog01::after {
    top: 18px;
  }
  .c-HL-dialog01.is-left::after {
    left: -12px;
    border-width: 5px 12px 5px 0;
    border-color: transparent #fff transparent transparent;
  }
  .c-HL-dialog01.is-right::after {
    right: -12px;
    border-width: 5px 0 5px 12px;
    border-color: transparent transparent transparent #fff;
  }
  .c-HL-dialog01 + .c-HL-dialog01 {
    margin-top: -15px;
  }
  .c-HL-dialog01.is-left.is-full {
    margin-right: 0;
  }
  .c-HL-dialog01.is-right.is-full {
    margin-left: 0;
  }
  .c-HL-dialog01__icon {
    top: 10px;
    width: 36px;
    height: 30px;
    background-size: 36px 31px;
  }
  .c-HL-dialog01__icon > span {
    position: relative;
    left: 50%;
    display: inline-block;
    text-align: center;
    top: 33px;
    font-size: 1rem;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-HL-dialog01.is-left .c-HL-dialog01__icon {
    left: -49px;
  }
  .c-HL-dialog01.is-right .c-HL-dialog01__icon {
    right: -40px;
  }
  .c-HL-dialog01__inner .c-article_p {
    font-size: 1.4rem;
  }
}

/* ------------------------------------------------- *
 *    dialog 202110 housing-loan.cssよりコピー
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    mokuji
 * ------------------------------------------------- */
.c-mokuji {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .c-mokuji {
    margin-bottom: 15px;
  }
}
.c-mokuji__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff8e3;
  font-size: 1.6rem;
  font-weight: 700;
}
.c-mokuji__title.js-toggle {
  cursor: pointer;
}

.c-mokuji__title.js-toggle::before,
.c-mokuji__title.js-toggle::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: #5BA4D6;
}
.c-mokuji__title.js-toggle::after {
  transform: rotate(90deg);
}
.c-mokuji__title.is-active::after {
  display: none;
}
.c-mokuji__area {
  overflow: hidden;
  position: relative;
  margin-top: -50px;
  padding-top: 50px;
}
.c-mokuji__area.is-active {
  height: 300px;
}
@media screen and (max-width: 767px) {
  .c-mokuji__area {
    margin-top: -40px;
    padding-top: 40px;
  }
}
.c-mokuji__more {
  width: 100%;
  padding: 0 0 20px;
  background: #fff;
}
.c-mokuji__more span {
  content: "続きを見る";
  display: block;
  color: #666;
  border: 1px solid #999;
  width: 280px;
  height: 40px;
  margin: 0 auto;
  font-size: 1.4rem;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  font-weight: 700;
  cursor: pointer;
}

.c-mokuji__more span::after {
  content: "閉じる";
}
.c-mokuji__area.is-active .c-mokuji__more {
  position: absolute;
  bottom: 0;
  left: 0;
}
.c-mokuji__area.is-active .c-mokuji__more::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 90%, white 100%);
}
.c-mokuji__area.is-active .c-mokuji__more span::after {
  content: "続きを見る";
}
.c-mokuji__area > .c-mokuji__more:first-child,
.c-mokuji__area.is-active > .c-mokuji__more:first-child {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  padding-bottom: 0;
  background: transparent;
}
.c-mokuji__area.is-active .c-mokuji__more:first-child::after {
  display: none;
}
.c-mokuji__area > .c-mokuji__more:first-child span {
  position: relative;
  width: 100%;
  height: 50px;
  border: none;
  font-size: 1.2rem;
  line-height: 30px;
}
.c-mokuji__area > .c-mokuji__more:first-child span::before,
.c-mokuji__area > .c-mokuji__more:first-child span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: #5BA4D6;
}
.c-mokuji__area > .c-mokuji__more:first-child span::after {
  transform: rotate(90deg);
}
.c-mokuji__area > .c-mokuji__more:first-child span::after {
  display: none;
}
.c-mokuji__area.is-active > .c-mokuji__more:first-child span::after {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-mokuji__area > .c-mokuji__more:first-child span {
    height: 50px;
  }
  .c-mokuji__area > .c-mokuji__more:first-child span::before,
  .c-mokuji__area > .c-mokuji__more:first-child span::after {
    width: 20px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .c-mokuji__area > .c-mokuji__more:first-child span {
    height: 40px;
  }
  .c-mokuji__area > .c-mokuji__more:first-child span::before,
  .c-mokuji__area > .c-mokuji__more:first-child span::after {
    width: 15px;
    height: 2px;
  }
}
@media screen and (min-width: 1025px) {
  /* hover */
  .c-mokuji__more span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-mokuji__more span:hover {
    opacity: 0.5;
  }
}

.c-mokuji__list {
  font-size: 1.4rem;
  font-weight: 700;
}
.c-mokuji__list > li + li {
  margin-top: 1em;
}
.c-mokuji__list > li > a {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #0078c8;
  text-decoration: underline;
}
.c-mokuji__list > li > a .is-num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #5BA4D6;
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
.c-mokuji__list2 {
  font-size: 1.4rem;
  font-weight: 700;
}
.c-mokuji__list2 > li + li {
  margin-top: 1em;
}
.c-mokuji__list2 > li > a {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #0078c8;
  text-decoration: underline;
}
.c-mokuji__list2 > li > a .is-num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #5BA4D6;
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
.c-mokuji__sublist {
  margin: 10px 0 0 30px;
  font-size: 1.3rem;
  font-weight: 400;
}
.c-mokuji__sublist > li + li {
  margin-top: 0.75em;
}
.c-mokuji__sublist > li > a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-top: 10px;
  color: #0078c8;
  text-decoration: underline;
}
.c-mokuji__sublist > li > a::before {
  content: "−";
  position: absolute;
  left: 0;
  color: #000;
}
ul.c-mokuji__sublist > li > a::before {
  content: "−";
  position: absolute;
  left: 0;
  color: #000;
}
ol.c-mokuji__sublist > li > a span.is-num {
  position: absolute;
  left: -0.5em;
  color: #f09500;
  font-weight: 700;
}
.c-mokuji__sublist.js-mokujiSubMore > li {
  display: none;
}
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(1),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(2),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(3),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(4),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(5),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(6),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(7),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(8),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(9),
.c-mokuji__sublist.js-mokujiSubMore > li:nth-child(10) {
  display: block;
}
.c-mokuji__sublist.js-mokujiSubMore.is-visible3 > li:nth-child(4),
.c-mokuji__sublist.js-mokujiSubMore.is-visible3 > li:nth-child(5) {
  display: none;
}
.c-mokuji__sublist.js-mokujiSubMore.is-active > li {
  display: block!important;
}
.c-mokuji__submore {
  display: block;
  color: #666;
  margin: 0 auto;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 400;
  color: #0078c8;
}
.c-mokuji__submore span {
  display: inline-block;
  cursor: pointer;
}
.c-mokuji__submore span::before {
  content: "続きを見る";
  text-decoration: underline;
}
.c-mokuji__submore span::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #007bff transparent transparent transparent;
}
.c-mokuji__sublist.is-active + .c-mokuji__submore span::before {
  content: "閉じる";
}
.c-mokuji__sublist.is-active + .c-mokuji__submore span::after {
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .c-mokuji {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .c-mokuji__title {
    width: 100%;
    height: 50px;
  }
  .c-mokuji__title.js-toggle::before,
  .c-mokuji__title.js-toggle::after {
    width: 20px;
    height: 2px;
  }
  .c-mokuji__list {
    padding: 30px;
    background: #fff;
  }
  .c-mokuji__list2 {
    padding: 14px;
    background: #fff;
    font-size: 12px;
  }
  .c-mokuji__list .c-mokuji__list {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .c-mokuji {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .c-mokuji__title {
    height: 40px;
  }
  .c-mokuji__title.js-toggle::before,
  .c-mokuji__title.js-toggle::after {
    width: 15px;
    height: 2px;
  }
  .c-mokuji__list {
    padding: 15px;
  }
  .c-mokuji__list .c-mokuji__list {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1025px) {
  /* hover */
  .c-mokuji__title.js-toggle,
  .c-mokuji__list a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-mokuji__title.js-toggle:hover,
  .c-mokuji__list a:hover {
    opacity: 0.5;
  }
}
.c-mokuji__button {
  display: none;
}

@media screen and (min-width: 767px) {
  .c-mokuji__button {
    position: fixed;
    right: 25px;
    bottom: 100px;
    width: 60px;
    height: 60px;
    padding-top: 36px;
    background: #5BA4D6;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
  }
  .c-mokuji__button__bar {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: auto;
  }
  .c-mokuji__button__bar:nth-child(1) {
    top: 13px;
  }
  .c-mokuji__button__bar:nth-child(2) {
    top: 18px;
  }
  .c-mokuji__button__bar:nth-child(3) {
    top: 23px;
  }
  .c-mokuji__button__bar:nth-child(4) {
    top: 28px;
  }
  .c-mokuji__button__bar::before,
  .c-mokuji__button__bar::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%;
    border-radius: 1px;
    background: #fff;
  }
  .c-mokuji__button__bar::before {
    left: 0;
    width: 2px;
  }
  .c-mokuji__button__bar::after {
    right: 0;
    width: 18px;
  }
}
@media screen and (max-width: 767px) {
  .c-mokuji__button {
    position: fixed;
    right: 25px;
    bottom: 85px;
    z-index: 999;
    width: 60px;
    height: 60px;
    padding-top: 36px;
    background: #5BA4D6;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
  }
  .c-mokuji__button__bar {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: auto;
  }
  .c-mokuji__button__bar:nth-child(1) {
    top: 13px;
  }
  .c-mokuji__button__bar:nth-child(2) {
    top: 18px;
  }
  .c-mokuji__button__bar:nth-child(3) {
    top: 23px;
  }
  .c-mokuji__button__bar:nth-child(4) {
    top: 28px;
  }
  .c-mokuji__button__bar::before,
  .c-mokuji__button__bar::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%;
    border-radius: 1px;
    background: #fff;
  }
  .c-mokuji__button__bar::before {
    left: 0;
    width: 2px;
  }
  .c-mokuji__button__bar::after {
    right: 0;
    width: 18px;
  }
}

@media screen and (min-width: 1025px) {
  /* hover */
  .c-mokuji__button {
    transition: opacity 0.2s ease;
  }
  .c-mokuji__button:hover {
    opacity: 0.7;
  }
}
.c-modal .c-mokuji {
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.c-modal .c-mokuji__title.js-toggle::before,
.c-modal .c-mokuji__title.js-toggle::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-modal .c-mokuji__area.is-active {
    height: auto;
  }
  .c-modal .c-mokuji__area .c-mokuji__more {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .l-sub.is-flex {
    display: flex!important;
    flex-direction: column;
  }
  .l-sub .c-mokuji-scrollarea {
    position: relative;
    height: 100%;
  }
  .l-sub .c-mokuji {
    width: 240px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .l-sub .c-mokuji.is-fixed {
    position: fixed;
    top: 30px;
  }
  .l-sub .c-mokuji.is-bottom {
    position: absolute;
    bottom: 0;
  }
  .l-sub .c-mokuji__title {
    height: 35px;
  }
  .l-sub .c-mokuji__title.js-toggle::before,
  .l-sub .c-mokuji__title.js-toggle::after {
    display: none;
  }
  .l-sub .c-mokuji__list {
    padding: 20px;
  }
  .l-sub .c-mokuji__more span {
    width: 200px;
  }
  .l-sub .c-mokuji__area {
    overflow: auto;
    max-height: calc( 100vh - 35px - 30px - 30px);
    margin-top: 0;
    padding-top: 0;
  }
  .l-sub .c-mokuji__area.is-active {
    overflow: hidden;
    max-height: 300px;
  }
}

/* ------------------------------------------------- *
 *    c-mokuji__submore
 * ------------------------------------------------- */
.c-mokuji__submore {
  display: block;
  color: #666;
  margin: 0 auto;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 400;
  color: #0078c8;
}
.c-mokuji__submore span {
  display: inline-block;
  cursor: pointer;
}
.c-mokuji__submore span::before {
  content: "続きを見る";
  text-decoration: underline;
}
.c-mokuji__submore span::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #007bff transparent transparent transparent;
}
.c-mokuji__sublist.is-active + .c-mokuji__submore span::before {
  content: "閉じる";
}
.c-mokuji__sublist.is-active + .c-mokuji__submore span::after {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .c-mokuji__submore span {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1025px) {
  /* hover */
  .c-mokuji__submore span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-mokuji__submore span:hover {
    opacity: 0.5;
  }
}


/* ------------------------------------------------- *
 *    intro1
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-intro1 {
    position: relative;
  }
  .c-intro1__lead {
    color: #a76700;
    font-size: 2.2rem;
    font-weight: 700;
  }
  .c-intro1__btn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 40px;
    border-radius: 40px;
    background: #666;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-intro1__btn:hover {
    opacity: 0.5;
  }
  .c-intro1__notes {
    margin-top: 1em;
  }
  .c-intro1__notes > li {
    position: relative;
    padding-left: 1.2em;
    font-size: 1.2rem;
  }
  .c-intro1__notes > li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-intro1__notes > li + li {
    margin-top: 2px;
  }
}
@media screen and (max-width: 767px) {
  .c-intro1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .c-intro1__lead {
    color: #a76700;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .c-intro1__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 30px;
    border-radius: 30px;
    background: #666;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-intro1__notes {
    margin-top: 1em;
  }
  .c-intro1__notes > li {
    position: relative;
    padding-left: 1.2em;
    font-size: 1.2rem;
  }
  .c-intro1__notes > li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-intro1__notes > li + li {
    margin-top: 2px;
  }
}

/* ------------------------------------------------- *
 *    comparison
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-comparison {
    table-layout: fixed;
  }
  .c-comparison tbody.js-comparison-morebody {
    display: none;
  }
  .c-comparison th,
  .c-comparison td {
    width: 260px;
    min-width: 260px;
    border: 1px solid #999;
    background: #fff;
  }
  /*.c-comparison th.is-fixed,*/
  /*.c-comparison td.is-fixed {*/
  /*  position: sticky;*/
  /*  left: 0;*/
  /*  z-index: 9;*/
  /*}*/
  .c-comparison thead th.is-fixed {
    position: sticky;
    left: 0;
    z-index: 10;
  }
  .c-comparison tbody td.is-fixed,
  .c-comparison tfoot td.is-fixed {
    position: sticky;
    left: 0;
    z-index: 9;
  }
  .c-comparison tbody th.is-fixed::before,
  .c-comparison tbody td.is-fixed::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
  }
  .c-comparison th.is-fixed::after,
  .c-comparison td.is-fixed::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 9px;
    height: 100%;
    background: linear-gradient(90deg, #cfcfcf 0%, #fff 100%);
  }
  .c-comparison tfoot th.is-fixed::after,
  .c-comparison tfoot td.is-fixed::after {
    display: none;
  }
  .c-comparison th .is-normal,
  .c-comparison td .is-normal {
    font-weight: 400;
  }
  .c-comparison thead th {
    position: relative;
    height: 215px;
    padding-top: 65px;
  }
  .c-comparison thead th.is-fixed {
    z-index: 10;
  }
  .c-comparison thead th.is-fixed .c-comparison__inner {
    z-index: 10;
  }
  .c-comparison thead th.is-fixed .c-comparison__inner::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -10px;
    width: 9px;
    height: calc(100% - 1px);
    background: linear-gradient(90deg, #cfcfcf 0%, #fff 100%);
  }
  .c-comparison tbody th {
    position: sticky;
    left: 0;
  }
  .c-comparison tbody td {
    padding: 14px 9px;
    text-align: center;
    font-size: 1.4rem;
    /* font-weight: 700; */
  }
  .c-comparison tfoot td {
    padding: 9px 9px 0;
    border: none;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison {
    table-layout: fixed;
  }
  .c-comparison tbody.js-comparison-morebody {
    display: none;
  }
  .c-comparison th,
  .c-comparison td {
    width: 210px;
    min-width: 210px;
    border: 1px solid #999;
    background: #fff;
  }
  .c-comparison thead th.is-fixed {
    position: sticky;
    left: 0;
    z-index: 10;
  }
  .c-comparison thead th.is-fixed .c-comparison__inner {
    z-index: 10;
  }
  .c-comparison thead th.is-fixed .c-comparison__inner::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -10px;
    width: 9px;
    height: calc(100% - 1px);
    background: linear-gradient(90deg, #cfcfcf 0%, #fff 100%);
  }
  .c-comparison tbody td.is-fixed {
    position: sticky;
    left: 0;
    z-index: 9;
  }
  .c-comparison tfoot td.is-fixed {
    position: sticky;
    left: 0;
    z-index: 10;
  }
  .c-comparison tbody th.is-fixed::before,
  .c-comparison tbody td.is-fixed::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
  }
  .c-comparison th.is-fixed::after,
  .c-comparison td.is-fixed::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 9px;
    height: 100%;
    background: linear-gradient(90deg, #cfcfcf 0%, #fff 100%);
  }
  .c-comparison tfoot th.is-fixed::after,
  .c-comparison tfoot td.is-fixed::after {
    display: none;
  }
  .c-comparison th .is-normal,
  .c-comparison td .is-normal {
    font-weight: 400;
  }
  .c-comparison thead th {
    position: relative;
    height: 180px;
    padding-top: 60px;
  }
  .c-comparison thead th.is-fixed {
    z-index: 10;
  }
  .c-comparison thead th.is-fixed .c-comparison__inner {
    z-index: 10;
  }
  .c-comparison tbody th {
    position: sticky;
    left: 0;
  }
  .c-comparison tbody td {
    padding: 14px 6px;
    text-align: center;
    font-size: 1.4rem;
    /* font-weight: 700; */
  }
  .c-comparison tfoot td {
    padding: 9px 6px 0;
    border: none;
    text-align: center;
  }
}
/* wrap */
.c-comparison-wrap {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-comparison-wrap::-webkit-scrollbar {
  display:none;
}
@media screen and (min-width: 768px) {
  .c-comparison-wrap {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 20px 0 0;
    padding: 46px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison-wrap {
    display: none;
    overflow: auto;
    position: relative;
    margin: 15px -15px 0;
    padding: 35px 0 0;
  }
}
/* inner */
@media screen and (min-width: 768px) {
  .c-comparison__inner {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    /*height: 100%;*/
    height: 65px;
    padding: 23px 19px 18px;
    background: #fff8e3;
  }
  .c-comparison__inner.is-fixed::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__inner {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    /*height: 100%;*/
    height: 60px;
    padding: 23px 19px 18px;
    background: #fff8e3;
  }
  .c-comparison__inner.is-fixed::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
  }
}
/* th */
@media screen and (min-width: 768px) {
  .c-comparison__th {
    position: sticky;
    left: 0;
    width: 920px;
    margin: -1px -1px 0;
    padding: 9px 19px;
    font-size: 1.6rem;
    background: #f0f0f0;
    border-top: 4px solid #5BA4D6;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__th {
    position: sticky;
    left: 0;
    width: 100vw;
    margin: -1px -1px 0;
    padding: 9px 14px;
    font-size: 1.2rem;
    background: #f0f0f0;
    border-top: 4px solid #5BA4D6;
    border-left: 1px solid #999;
  }
}
/* rank */
@media screen and (min-width: 768px) {
  .c-comparison__rank {
    position: absolute;
    top: -19px;
    left: 50%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    border-radius: 50%;
    background: #8c8c8c;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Anton", cursive;
  }
  .c-comparison__rank.is-rank1,
  .c-comparison__rank.is-rank2,
  .c-comparison__rank.is-rank3 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .c-comparison__rank.is-rank1 {
    background: linear-gradient(135deg, #d6b457 0%, #d6b457 50%, #cca12d 50%, #cca12d 100%);
  }
  .c-comparison__rank.is-rank2 {
    background: linear-gradient(135deg, #b2b2b2 0%, #b2b2b2 50%, #9f9f9f 50%, #9f9f9f 100%);
  }
  .c-comparison__rank.is-rank3 {
    background: linear-gradient(135deg, #b2897f 0%, #b2897f 50%, #9f6b5f 50%, #9f6b5f 100%);
  }
  .c-comparison__rank > span {
    display: inline-block;
    margin-top: 2px;
    margin-left: 1px;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__rank {
    position: absolute;
    top: -14px;
    left: 50%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border-radius: 50%;
    background: #8c8c8c;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1;
    font-family: "Anton", cursive;
  }
  .c-comparison__rank.is-rank1,
  .c-comparison__rank.is-rank2,
  .c-comparison__rank.is-rank3 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .c-comparison__rank.is-rank1 {
    background: linear-gradient(135deg, #d6b457 0%, #d6b457 50%, #cca12d 50%, #cca12d 100%);
  }
  .c-comparison__rank.is-rank2 {
    background: linear-gradient(135deg, #b2b2b2 0%, #b2b2b2 50%, #9f9f9f 50%, #9f9f9f 100%);
  }
  .c-comparison__rank.is-rank3 {
    background: linear-gradient(135deg, #b2897f 0%, #b2897f 50%, #9f6b5f 50%, #9f6b5f 100%);
  }
  .c-comparison__rank > span {
    display: inline-block;
    margin-top: 2px;
    margin-left: 1px;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
  }
}
/* blur */
@media screen and (min-width: 768px) {
  .c-comparison__blur {
    position: absolute;
    left: 0;
    top: -57px;
    display: block;
    width: 100%;
    height: 56px;
    backdrop-filter: blur(5px);
    opacity: 0;
  }
  .c-comparison__inner.is-fixed .c-comparison__blur {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__blur {
    position: absolute;
    left: 0;
    top: -90px;
    display: block;
    width: 100%;
    height: 90px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
  }
  .c-comparison__inner.is-fixed .c-comparison__blur {
    opacity: 1;
  }
}
/* blur2 */
@media screen and (min-width: 768px) {
  .c-comparison__blur2 {
    position: absolute;
    left: 0;
    top: -118px;
    display: block;
    width: 100%;
    height: 118px;
    backdrop-filter: blur(5px);
    opacity: 0;
  }
  .c-comparison__inner.is-fixed .c-comparison__blur2 {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__blur2 {
    position: absolute;
    left: 0;
    top: -150px;
    display: block;
    width: 100%;
    height: 150px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
  }
  .c-comparison__inner.is-fixed .c-comparison__blur2 {
    opacity: 1;
  }
}
/* pin */
@media screen and (min-width: 768px) {
  .c-comparison__pin {
    position: absolute;
    top: -46px;
    right: -1px;
    width: 60px;
    height: 46px;
    padding: 5px 0 0;
    border: 1px solid #787878;
    border-radius: 10px 10px 0 0;
    background: #ebebeb;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 400;
    cursor: pointer;
  }
  .c-comparison__pin span:last-child {
    display: none;
  }
  .c-comparison__pin.is-active {
    padding-top: 25px;
    background: #787878 url(/fx/top/images/icn_pin01.png) no-repeat 50% 4px;
    background-size: 12px 21px;
    color: #fff;
    font-weight: 700;
  }
  .c-comparison__pin.is-active span:first-child {
    display: none;
  }
  .c-comparison__pin.is-active span:last-child {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__pin {
    position: absolute;
    top: -35px;
    right: -1px;
    width: 50px;
    height: 35px;
    padding: 3px 0 0;
    border: 1px solid #787878;
    border-radius: 5px 5px 0 0;
    background: #ebebeb;
    text-align: center;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    cursor: pointer;
  }
  .c-comparison__pin span:last-child {
    display: none;
  }
  .c-comparison__pin.is-active {
    padding-top: 20px;
    background: #787878 url(/fx/top/images/icn_pin01.png) no-repeat 50% 4px;
    background-size: 10px 16px;
    color: #fff;
    font-weight: 700;
  }
  .c-comparison__pin.is-active span:first-child {
    display: none;
  }
  .c-comparison__pin.is-active span:last-child {
    display: inline;
  }
}
/* title */
@media screen and (min-width: 768px) {
  .c-comparison__title {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    position: absolute;
    width: 83%;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__title {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    position: absolute;
    width: 75%;
    text-decoration: underline;
  }
}

.c-comparison__title :hover {
color: #0078c8;
}

/* image */
@media screen and (min-width: 768px) {
  .c-comparison__image {
    position: relative;
    display: block;
    width: 180px;
    height: 130px;
    margin: 0 auto;
    border: 1px solid #dcdcdc;
    text-align: center;
  }
  .c-comparison__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__image {
    position: relative;
    display: block;
    width: 135px;
    height: 100px;
    margin: 0 auto;
    border: 1px solid #dcdcdc;
  }
  .c-comparison__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%;
    height: auto;
  }
}
/* product */
@media screen and (min-width: 768px) {
  .c-comparison__product {
    margin: 10px 19px 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__product {
    margin: 10px 0 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 400;
  }
}
.c-comparison__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

/* btn */
@media screen and (min-width: 768px) {
  .c-comparison__actions {
    gap: 10px;
  }
  .c-comparison__btn5 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 20px;
    background: #e6b800;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    transition: color 0.2s ease, background 0.2s ease;
    cursor: pointer;
  }
  .c-comparison__btn5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 17px 12px;
  }
  .c-comparison__btn5::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 73.9726% 96.95122%;
  }
  .c-comparison__btn5:hover {
    background: #d4a600;
    color: #000;
  }
  .c-comparison__btn5:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22%;
    background-position: 73.9726% 96.95122%;
  }
  .c-comparison__btn1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    background: #e31c3d;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-comparison__btn1::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 17px 12px;
  }
  .c-comparison__btn1::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-comparison__btn1:hover {
    background: #000;
    color: #fff;
  }
  .c-comparison__btn2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border-radius: 20px;
    background: #A3D5F1;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
    cursor: pointer;
  }
  .c-comparison__btn2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
  }
  .c-comparison__btn2:hover {
    background: #000;
    color: #fff;
  }
  .c-comparison__btn2:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22%;
    background-position: 91.3486% 96.9512%;
  }
  .c-comparison__btn3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border: 1px solid #5BA4D6;
    border-radius: 20px;
    background: #fff;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
    cursor: pointer;
  }
  .c-comparison__btn3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background: url("../images/icn_arw03.png") no-repeat 0 0;
    background-size: 5px 8px;
  }
  .c-comparison__btn3:hover {
    background: #5BA4D6;
    color: #fff;
  }
  .c-comparison__btn3:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22%;
    background-position: 91.3486% 96.9512%;
  }
  .c-comparison__btn4 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    border-radius: 20px;
    background: #041b67;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
    cursor: pointer;
  }
  .c-comparison__btn4::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-comparison__btn4:hover {
    background: #000;
    color: #fff;
  }
  .c-comparison__btn4:hover::after {
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22%;
    background-position: 91.3486% 96.95122%;
  }
  thead .c-comparison__btn1,
  thead .c-comparison__btn2 {
    width: calc(100% - 18px);
    margin: 10px 9px;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__btn1 {
    position: relative;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    border-radius: 15px;
    background: #e31c3d;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-comparison__btn1::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 13px 9px;
  }
  .c-comparison__btn1::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-comparison__btn2 {
    position: relative;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 7px;
    border-radius: 15px;
    background: #A3D5F1;
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-comparison__btn2::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 95.6743% 89.93902%;
  }
  .c-comparison__btn3 {
    position: relative;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 7px;
    border: 1px solid #A3D5F1;
    border-radius: 15px;
    background: #fff;
    color: #000;
    font-size: 1.1rem;
  }
  .c-comparison__btn3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background: url("../images/icn_arw03.png") no-repeat 0 0;
    background-size: 6px 9px;
  }
  .c-comparison__btn4 {
    position: relative;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin-top: 7px;
    border-radius: 15px;
    background: #041b67;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-comparison__btn4::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  thead .c-comparison__btn1,
  thead .c-comparison__btn2 {
    width: calc(100% - 12px);
    margin: 7px 6px;
  }
}
/* arw */
@media screen and (min-width: 767px) {
  .c-comparison-arw-wrap {
    position: relative;
    top: 66px;
    z-index: 99;
  }
  .c-comparison-arw {
    overflow: hidden;
    position: absolute;
    z-index: 99;
    top: 110px;
    width: 30px;
    height: 60px;
    border-radius: 15px 0 0 15px;
    background: rgba(0,0,0,0.5);
    text-indent: -999px;
    cursor: pointer;
  }
  .c-comparison-arw::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 11px;
    height: 17px;
    margin: auto;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-comparison-arw.is-prev {
    left: 0;
    transform: rotate(180deg);
  }
  .c-comparison-arw.is-next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison-arw-wrap {
    position: relative;
    margin: 0 -15px;
    z-index: 99;
  }
  .c-comparison-arw {
    overflow: hidden;
    position: absolute;
    z-index: 99;
    top: 140px;
    width: 22px;
    height: 45px;
    border-radius: 8px 0 0 8px;
    background: rgba(0,0,0,0.5);
    text-indent: -999px;
    cursor: pointer;
  }
  .c-comparison-arw::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 13px;
    margin: auto;
    background-image: url(../images/sprite.png);
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .c-comparison-arw.is-prev {
    left: 0;
    transform: rotate(180deg);
  }
  .c-comparison-arw.is-next {
    right: 0;
  }

}
/* more */
@media screen and (min-width: 767px) {
  .c-comparison__more {
    width: 280px;
    margin: 40px auto 0;
  }
  .c-comparison__more span {
    display: block;
    color: #666;
    border: 1px solid #999;
    height: 40px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .c-comparison__more {
    width: 260px;
    margin: 30px auto 0;
    cursor: pointer;
  }
  .c-comparison__more span {
    display: block;
    color: #666;
    border: 1px solid #999;
    height: 37px;
    border-radius: 18px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 37px;
    font-weight: 700;
  }
}

/* ------------------------------------------------- *
 *    section
 * ------------------------------------------------- */
/*    c-section02
 * ------------------------------------------------- */
.c-section02 {
  background: #fff;
}

@media screen and (min-width: 768px) {
  .c-section02 {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .c-section02 {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .c-section03 + .c-section02 {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .c-section03 + .c-section02 {
    margin-top: 30px;
  }
}

/* ================================================== *
 *
 *    article
 *
 * ================================================== */
/*    article_area
 * ------------------------------------------------- */
.c-article_area {
  /* border-top: 1px solid #dcdcdc; */
}

@media screen and (min-width: 768px) {
  .c-article_area {
    /* margin-top: 80px; */
    width: 920px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_area {
    margin-top: 50px;
    width: 100%;
  }
}

/* ================================================== *
 *
 *    article2
 *
 * ================================================== */
/*    article_area2
 * ------------------------------------------------- */
.c-article_area2 {
  /* border-top: 1px solid #dcdcdc; */
}

@media screen and (min-width: 768px) {
  .c-article_area2 {
    margin-top: 10px;
    width: 920px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_area2 {
    margin-top: 10px;
    width: 100%;
  }
}


/*    article_h2
 * ------------------------------------------------- */
.c-article_h2 {
  padding-top: 100px;
  margin-top: -100px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-article_h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: -50px;
    margin-bottom: 25px;
    padding-left: 20px;
  }
  .c-article_h2::before {
    content: '';
    height: 52px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0;
    margin: auto;
  }
  .c-article2_h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 20px;
  }
  .c-article2_h2::before {
    content: '';
    height: 52px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_h2 {
    padding-top: 105px;
    font-size: 1.8rem;
    margin-top: -140px;
    margin-bottom: 25px;
    padding-left: 20px;
  }
  .c-article_h2::before {
    content: '';
    height: 70px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 105px;
    bottom: 0;
    margin: auto;
  }
  .c-article2_h2 {
    padding-top: 105px;
    font-size: 1.8rem;
    margin-top: -30px;
    margin-bottom: 25px;
    padding-left: 20px;
  }
  .c-article2_h2::before {
    content: '';
    height: 70px;
    border-left: 4px solid #5BA4D6;
    position: absolute;
    left: 0;
    top: 105px;
    bottom: 0;
    margin: auto;
  }
}

.c-article2_h2 {
  padding-top: 100px;
  margin-top: -100px;
  position: relative;
}

.c-article2_h2.js-toggle {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .c-article2_h2.js-toggle {
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-article2_h2.js-toggle {
    padding-right: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .c-article2_h2.js-toggle {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-decoration: none;
  }
  .c-article2_h2.js-toggle:hover {
    opacity: 0.3;
  }
}

.c-article2_h2.js-toggle .is-toggle::before, .c-article2_h2.js-toggle .is-toggle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  background: #666;
  height: 2px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-article2_h2.js-toggle .is-toggle::before, .c-article2_h2.js-toggle .is-toggle::after {
    right: 0;
    width: 12px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@media screen and (max-width: 767px) {
  .c-article2_h2.js-toggle .is-toggle::before, .c-article2_h2.js-toggle .is-toggle::after {
    right: 0;
    width: 10px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.c-article2_h2.js-toggle .is-toggle::after {
  -webkit-transform: translateY(10px) rotate(90deg);
  transform: translateY(10px) rotate(90deg);
}

.c-article2_h2.js-toggle.is-active .is-toggle::after {
  display: none;
}

/*    article_h3
 * ------------------------------------------------- */
.c-article_h3 {
  position: relative;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .c-article_h3 {
    font-size: 1.8rem;
    font-weight: 700;
    padding-left: 20px;
    margin-left: 3px;
    margin-top: 50px;
  }
  .c-article_h3::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_h3 {
    padding-top: 60px;
    margin-top: -20px;
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 20px;
  }
  .c-article_h3::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    margin: auto;
  }
}

/*    article_h4
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_h4 {
    font-size: 1.8rem;
    font-weight: 700;
    padding-left: 20px;
    margin-left: 3px;
    margin-top: 50px;
    border-bottom: 3px solid #000;
  }
}

@media screen and (max-width: 767px) {
  .c-article_h4 {
    padding-top: 60px;
    margin-top: -20px;
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 20px;
    border-bottom: 3px solid #000;
  }
}

/*    article_p
 * ------------------------------------------------- */
.c-article_p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 30px;
}

.c-article_p a {
  text-decoration: underline;
}

.c-article_p a:hover {
  color: blue;
}

/*    article2_p
 * ------------------------------------------------- */
 .c-article2_p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 5px;
}

.c-article2_p a {
  text-decoration: underline;
}

.c-article2_p a:hover {
  color: blue;
}

/*    article_list
 * ------------------------------------------------- */
.c-article_list a {
  text-decoration: underline;
}

.c-article_list a:hover {
  color: blue;
}

@media screen and (min-width: 768px) {
  .c-article_list {
    padding: 25px 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_list {
    padding: 15px 20px 11px;
  }
}

.c-article_listbox {
  width: 100%;
  border: 1px #cccccc solid;
  margin-bottom: 40px;
}

/*    article_list_title
 * ------------------------------------------------- */
.c-article_list_title {
  font-weight: 700;
  background: #fff8e3;
  font-size: 1.6rem;
  /*color: #5BA4D6;*/
}

@media screen and (min-width: 768px) {
  .c-article_list_title {
    padding: 10px 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_list_title {
    padding: 10px 20px;
  }
}

/*    article_list2
 * ------------------------------------------------- */
 .c-article_list2 a {
  text-decoration: underline;
}

.c-article_list2 a:hover {
  color: blue;
}

@media screen and (min-width: 768px) {
  .c-article_list2 {
    padding: 5px 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_list2 {
    padding: 15px 20px 11px;
  }
}

.c-article_list2box {
  width: 100%;
  border: 1px #cccccc solid;
  margin-bottom: 5px;
}

/*    article_list_title2
 * ------------------------------------------------- */
.c-article_list_title2 {
  font-weight: 700;
  background: #DDFFFF;
  font-size: 1.6rem;
  /*color: #2C7CFF;*/
}

@media screen and (min-width: 768px) {
  .c-article_list_title2 {
    padding: 10px 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_list_title2 {
    padding: 10px 20px;
  }
}

/*    article_img
 * ------------------------------------------------- */
.c-article_img {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .c-article_img {
    top: 30px;
    left: 30px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_img {
    top: 20px;
    left: 20px;
  }
  .c-article_img img {
    width: 33px;
  }
}

/*    article_image
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_image {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image img {
    max-width: 920px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_image {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image img {
    max-width: 100%;
    height: auto;
  }
}

/*    article_image2
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_image2 {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image2 img {
    max-width: 920px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_image2 {
    display: none;
  }
  .c-article_image2 img {
    max-width: 100%;
  }
}

/*    article_image3
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_image3 {
    display: none;
  }
  .c-article_image3 img {
    max-width: 920px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_image3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image3 img {
    max-width: 100%;
    height: auto;
  }
}

/*    article_image4
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_image4 {
    display: none;
  }
  .c-article_image4 img {
    max-width: 920px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_image4 {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image4 img {
    max-width: 100%;
    height: auto;
  }
}

/*    article_image5
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_image5 {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image5 img {
    max-width: 500px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-article_image5 {
    text-align: center;
    margin-bottom: 20px;
  }
  .c-article_image5 img {
    max-width: 100%;
    height: auto;
  }
}

/*    article_toggle_circle
 * ------------------------------------------------- */
.c-article_toggle_circle {
  position: relative;
  padding-left: 16px;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .c-article_toggle_circle {
    line-height: 2;
  }
  .c-article_toggle_circle::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 1em;
    bottom: 0;
    margin-top: -3px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_toggle_circle {
    line-height: 1.8;
    margin-bottom: 5px;
  }
  .c-article_toggle_circle::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5BA4D6;
    position: absolute;
    left: 0;
    top: 10px;
  }
}

/*    article_toggle_circle
 * ------------------------------------------------- */
.c-article_toggle_circle2 {
  position: relative;
  padding-left: 16px;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .c-article_toggle_circle2 {
    line-height: 2;
  }
  .c-article_toggle_circle2::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2c7cff;
    position: absolute;
    left: 0;
    top: 1em;
    bottom: 0;
    margin-top: -3px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_toggle_circle2 {
    line-height: 1.8;
    margin-bottom: 5px;
  }
  .c-article_toggle_circle2::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2c7cff;
    position: absolute;
    left: 0;
    top: 10px;
  }
}

/*    article_toggle_number
 * ------------------------------------------------- */
.c-article_toggle_number {
  position: relative;
  padding-left: 30px;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .c-article_toggle_number {
    line-height: 2;
  }
  .c-article_toggle_number::before {
    content: counter(item) "";
    counter-increment: item;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #5BA4D6;
    position: absolute;
    font-family: Anton, cursive;
    left: 0;
    top: 1em;
    font-size: 1.2rem;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    line-height: 20px;
    text-align: center;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .c-article_toggle_number {
    margin-bottom: 5px;
    line-height: 1.8;
  }
  .c-article_toggle_number::before {
    content: counter(item) "";
    counter-increment: item;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #5BA4D6;
    position: absolute;
    font-family: Anton, cursive;
    left: 0;
    top: 1em;
    font-size: 1.2rem;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    line-height: 20px;
    text-align: center;
    display: block;
  }
}

/*    article_quotebox
 * ------------------------------------------------- */
.c-article_quotebox {
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .c-article_quotebox {
    padding: 35px;
    margin-top: 30px;
  }
  .c-article_quote_p {
    padding-bottom: 7px;
  }
}

.c-article_quote_p {
  font-size: 1.4rem;
  line-height: 1.8;
}

/*    article_relation
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-article_relation {
    width: 50%;
    background: white;
  }
  .c-article_relation a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .c-article_relation a:hover {
    opacity: 0.3;
  }
  .c-article_relation:nth-child(odd) {
    padding: 30px 15px 30px 30px;
  }
  .c-article_relation:nth-child(even) {
    padding: 30px 30px 30px 15px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_relation {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    border-top: 1px #cccccc solid;
  }
  .c-article_relation a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-article_relation:last-child {
    border-bottom: 1px #cccccc solid;
  }
}

/* box */
@media screen and (min-width: 768px) {
  .c-article_relationbox {
    width: 100%;
    border: 1px #cccccc solid;
  }
}

@media screen and (max-width: 767px) {
  .c-article_relationbox {
    margin: 0 -15px;
  }
}

/* img */
@media screen and (min-width: 768px) {
  .c-article_relation_img {
    width: 200px;
    height: 120px;
    max-width: 200px;
    min-width: 200px;
    background: white;
  }
}

@media screen and (max-width: 767px) {
  .c-article_relation_img {
    width: 50%;
    padding-right: 7.5px;
  }
  .c-article_relation_img img {
    width: 100%;
  }
}

/* text */
.c-article_relation_text {
  color: #0078c8;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .c-article_relation_text {
    padding: 0 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-article_relation_text {
    width: 50%;
    padding: 0 0 0 7.5px;
  }
}

/* ------------------------------------------------- *
 *    link
 * ------------------------------------------------- */
/*    c-bnr01
 * ------------------------------------------------- */
.c-bnr01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .c-bnr01 {
    margin-right: -11px;
    margin-left: -11px;
  }
}

@media screen and (max-width: 767px) {
  .c-bnr01 {
    margin-right: -7px;
    margin-left: -8px;
  }
}

@media screen and (min-width: 768px) {
  .c-bnr01__item {
    width: 33.33%;
    margin-bottom: 22px;
    padding: 0 11px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-bnr01__item {
    margin-bottom: 15px;
    padding: 0 7px 0 8px;
    text-align: center;
  }
}

.c-bnr01__item a {
  display: block;
}

@media screen and (min-width: 768px) {
.c-bnr01__item img {
  width: 40%;
}
}

@media screen and (max-width: 767px) {
  .c-bnr01__item img {
    width: 40%;
  }
  }

@media screen and (min-width: 1025px) {
  .c-bnr01__item {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}


/* ----------
fontcustomize
 --------- */
.big-font {
  font-size: 2rem;
}

.oversize-font {
  font-size: 2.5rem;
}

.bold-font {
  font-weight: 700;
}

.color-gray {
  color: #808080;
}

.color-orange {
  color: #f07e00;
}

.color-red {
  /*color: #ff343a;*/
  color: #b50005;
}

.color-green {
  color: #9E7716;
}

.color-blue {
  color: #2097b5;
}

.color-purpl {
  color: #432a8d;
}

.color-yellow {
  color: #5BA4D6;
}

.back-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(0, rgba(170, 207, 247, 0.4)));
  background: linear-gradient(transparent 0, rgba(170, 207, 247, 0.4) 0);
}

.back-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(0, rgba(255, 234, 114, 0.4)));
  background: linear-gradient(transparent 0, rgba(255, 234, 114, 0.4) 0);
}

.back-red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(0, rgba(239, 198, 199, 0.4)));
  background: linear-gradient(transparent 0, rgba(239, 198, 199, 0.4) 0);
}

.border-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, rgba(170, 207, 247, 0.4)));
  background: linear-gradient(transparent 60%, rgba(170, 207, 247, 0.4) 0);
}

.border-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, rgba(255, 234, 114, 0.4)));
  background: linear-gradient(transparent 60%, rgba(255, 234, 114, 0.4) 0);
}

.border-red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, rgba(239, 198, 199, 0.4)));
  background: linear-gradient(transparent 60%, rgba(239, 198, 199, 0.4) 0);
}


/* ------------------------------------------------- *
 *    diagnose01
 * ------------------------------------------------- */
 @media screen and (min-width: 768px) {
  .c-diagnose01 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .c-diagnose01__unit {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
  }
  .c-diagnose01__unit.is-wide {
    width: 100%;
  }
  .c-diagnose01__unitinner {
    padding: 28px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background: #fff;
  }
  /* title */
  .c-diagnose01__title {
    margin-bottom: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-size: 2rem;
    font-weight: 700;
  }
  .c-diagnose01__unitinner > .c-diagnose01__title:first-child {
    margin-top: -28px;
  }
  /* list */
  .c-diagnose01__list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
  }
  .c-diagnose01__listitem {
    width: 33.33%;
    margin-top: 20px;
    padding: 0 10px;
  }
  /* select */
  .c-diagnose01__select {
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-diagnose01__selectlabel {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 0 30px 0 28px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background: #fff;
  }
  .c-diagnose01__selectlabel::after {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    display: block;
    height: 100%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background: url(../images/icn_arw01_down.png) no-repeat 0 0;
    background-size: contain;
    width: 14px;
    height: 10px;
    margin: auto;
  }
  .c-diagnose01__selectlabel.is-active {
    border: 2px solid #ffe13c;
    color: #000;
  }
  .c-diagnose01__select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  /* checkbox */
  .c-diagnose01__checkbox {
    position: relative;
  }
  .c-diagnose01__checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .c-diagnose01__checkboxlabel {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400;
    cursor: pointer;
  }
  .c-diagnose01__checkboxlabel::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border: 2px solid #ccc;
    border-radius: 6px;
    background: #fff;
  }
  .c-diagnose01__checkbox input:checked + .c-diagnose01__checkboxlabel::before {
    background: #5BA4D6 url(../images/icn_checkbox01.png) no-repeat 50% 50%;
    background-size: 17px 13px;
    border-color: #5BA4D6;
  }
  /* btn */
  .c-diagnose01__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 410px;
    height: 50px;
    margin: 30px auto;
    padding: 0;
    border: none;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .c-diagnose01__btn > span:nth-child(2) {
    display: none;
  }
  .c-diagnose01__btn.is-loading {
    pointer-events: none;
  }
  .c-diagnose01__btn.is-loading > span:nth-child(1) {
    display: none;
  }
  .c-diagnose01__btn.is-loading > span:nth-child(2) {
    display: inline-flex;
    align-items: center;
  }
  /* result */
  .c-diagnose01-result {
    position: relative;
    display: none;
    margin: 0 -40px 40px;
    padding: 40px;
    background: #e6e6e6;
  }
  .c-diagnose01-result::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 28px 60px 0 60px;
    border-color: #fff transparent transparent transparent;
  }
  .c-diagnose01-result.is-active {
    display: block;
  }
  .c-diagnose01-result__text {
    font-size: 2em;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .c-diagnose01 {
    margin-top: -10px;
  }
  .c-diagnose01__unit {
    margin-top: 10px;
  }
  .c-diagnose01__unit.is-wide {
    width: 100%;
  }
  .c-diagnose01__unitinner {
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
  }
  /* title */
  .c-diagnose01__title {
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .c-diagnose01__unitinner > .c-diagnose01__title:first-child {
    margin-top: -14px;
  }
  /* list */
  .c-diagnose01__list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
  }
  .c-diagnose01__listitem {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
  }
  /* select */
  .c-diagnose01__select {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    margin: 10px 0 0;
    padding: 0 17px 0 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 1.2rem;
  }
  .c-diagnose01__select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    display: block;
    height: 100%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background: url(../images/icn_arw01_down.png) no-repeat 0 0;
    background-size: contain;
    width: 7px;
    height: 5px;
    margin: auto;
  }
  .c-diagnose01__select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .c-diagnose01__selectlabel {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    height: 38px;
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    white-space: nowrap;
  }
  /* checkbox */
  .c-diagnose01__checkbox {
    position: relative;
  }
  .c-diagnose01__checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .c-diagnose01__checkboxlabel {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
  }
  .c-diagnose01__checkboxlabel::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
  }
  .c-diagnose01__checkbox input:checked + .c-diagnose01__checkboxlabel::before {
    background: #5BA4D6 url(../images/icn_checkbox01.png) no-repeat 50% 50%;
    background-size: 10px 8px;
    border-color: #5BA4D6;
  }
  /* btn */
  .c-diagnose01__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    margin: 15px 0;
    padding: 0;
    border: none;
    border-radius: 40px;
    background: #5BA4D6;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    cursor: pointer;
  }
  .c-diagnose01__btn > span:nth-child(2) {
    display: none;
  }
  .c-diagnose01__btn.is-loading {
    pointer-events: none;
  }
  .c-diagnose01__btn.is-loading > span:nth-child(1) {
    display: none;
  }
  .c-diagnose01__btn.is-loading > span:nth-child(2) {
    display: inline-flex;
    align-items: center;
  }
  /* result */
  .c-diagnose01-result {
    position: relative;
    display: none;
    margin: 0 -15px 15px;
    padding: 25px 15px;
    background: #e6e6e6;
  }
  .c-diagnose01-result::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 20px 44px 0 44px;
    border-color: #fff transparent transparent transparent;
  }
  .c-diagnose01-result.is-active {
    display: block;
  }
  .c-diagnose01-result__text {
    font-size: 1.4em;
    text-align: center;
  }
}
@media screen and (min-width: 1025px) {
  .c-diagnose01__btn {
    transition: opacity 0.2s ease;
  }
  .c-diagnose01__btn:hover {
    opacity: 0.5;
  }
  .c-diagnose01__btn.is-loading:hover {
    opacity: 1;
  }
}

.loader {
  font-size: 10px;
  text-indent: -9999em;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  margin-left: -40px;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  animation: load3 1.4s infinite linear;
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #5BA4D6;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .loader {
    width: 15px;
    height: 15px;
    margin-right: 15px;
    margin-left: -30px;
  }
}


/* ================================================== *
 *
 *    Utility
 *
 * ================================================== */
.mgr {
  margin-left: 10px;
}

.mgr2 {
  margin-top: 35px;
}

.mgr3 {
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .mgr4 {
    margin-top: 65px !important;
  }
  .mgr5 {
    margin-top: 85px !important;
  }
  }

.fsl {
  font-size: 16px;
}

.u-alignC {
  text-align: center !important;
}

.u-alignC2 {
  text-align: left !important;
}

.u-hidden {
  display: none !important;
}

.u-relative {
  position: relative;
}

@media screen and (min-width: 768px) {
  .u-hidden-pc {
    display: none !important;
  }
  .u-mb0-pc {
    margin-bottom: 0 !important;
  }
  .u-fBold-pc {
    font-weight: 700 !important;
  }
  .u-fColorRed-pc {
    color: #b40000 !important;
  }
  .u-fDecoULine-pc {
    text-decoration: underline !important;
  }
  .u-alignL-pc {
    text-align: left !important;
  }
  .u-alignX-pc {
    text-align: center;
    margin-left: 50px;
    margin-top: 30px;
  }
  .u-alignC-pc {
    text-align: center !important;
  }
  .u-alignR-pc {
    text-align: right !important;
  }
  .u-fBold-sp2 {
    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .u-fBold-sp3 {
    font-weight: 400 !important;
    font-size: 9px !important;
  }
  .u-bColorNavy {
    background: #297ad1 !important;
    color: #fff !important;
  }

}

@media screen and (max-width: 767px) {
  .u-hidden-sp {
    display: none !important;
  }
  .u-fBold-sp {
    font-weight: 700 !important;
  }
  .u-fBold-sp2 {
    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .u-fBold-sp3 {
    font-weight: 400 !important;
    font-size: 9px !important;
  }
  .u-fColorRed-sp {
    color: #b40000 !important;
  }
  .u-fDecoULine-sp {
    text-decoration: underline !important;
  }
  .u-alignL-sp {
    text-align: left !important;
  }
  .u-alignC-sp {
    text-align: center !important;
  }
  .u-alignR-sp {
    text-align: right !important;
  }
  .u-bColorNavy {
    background: #297ad1 !important;
    color: #fff !important;
  }
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-fBold {
  font-weight: 700 !important;
}

.u-fColorRed {
  color: #b40000 !important;
}

.u-fColorwhite {
  color: #fff !important;
}

.u-fColorwblack {
  color: #000 !important;
}

.u-fDecoULine {
  text-decoration: underline !important;
}

.u-alignL {
  text-align: left !important;
}

.u-alignR {
  text-align: right !important;
}

.u-nowrap {
  white-space: nowrap !important;
}

@media screen and (min-width: 768px) {
  .pickup__rank1 {
    top: 0px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#d6b457 0,#d6b457 50%,#cca12d 50%,#cca12d 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
  }
  .pickup__rank1>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank2 {
    top: 0px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#b2b2b2 0,#b2b2b2 50%,#9f9f9f 50%,#9f9f9f 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
  }
  .pickup__rank2>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank3 {
    top: 0px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#b2897f 0,#b2897f 50%,#9f6b5f 50%,#9f6b5f 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
  }
  .pickup__rank3>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank {
    top: 0px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#e7e7e7 0,#e7e7e7 50%,#dcdcdc 50%,#dcdcdc 100%);
    z-index: 1;
    color: #000;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
  }
  .pickup__rank>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
}

@media screen and (max-width: 767px) {
  .pickup__rank1 {
    top: -5px;
    left: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#d6b457 0,#d6b457 50%,#cca12d 50%,#cca12d 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
    font-weight: 300;
  }
  .pickup__rank1>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank2 {
    top: -5px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#b2b2b2 0,#b2b2b2 50%,#9f9f9f 50%,#9f9f9f 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
    font-weight: 300;
  }
  .pickup__rank2>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank3 {
    top: -5px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#b2897f 0,#b2897f 50%,#9f6b5f 50%,#9f6b5f 100%);
    z-index: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
    font-weight: 300;
  }
  .pickup__rank3>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
  .pickup__rank {
    top: -5px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.6rem;
    background: linear-gradient(135deg,#e7e7e7 0,#e7e7e7 50%,#dcdcdc 50%,#dcdcdc 100%);
    z-index: 1;
    color: #000;
    position: absolute;
    z-index: 9;
    text-align: center;
    line-height: 1;
    font-family: Anton,cursive;
    font-weight: 300;
  }
  .pickup__rank>span{
    display: inline-block;
    font-family: "Noto Sans JP","游ゴシック体",YuGothic," 游ゴシック","Yu Gothic","メイリオ",sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    margin-top: 2px;
    margin-left: 1px;
  }
}

.link_official {
  font-size: 1.2rem;
  text-align: right;
  color: #0078c8;
  margin: 2em 0;
  padding-bottom: 3em;
  border-bottom: 1px solid #ccc;
}

.link_official2 {
  font-size: 1.6rem !important;
  text-align: right !important;
  color: #0078c8 !important;
  margin: 2em 0 !important;
  padding-bottom: 3em !important;
}
.link_official3 {
  font-size: 1.6rem !important;
  text-align: right !important;
  color: #000 !important;
  margin: 2em 0 !important;
  padding-bottom: 3em !important;
}
@media screen and (max-width: 767px) {
  .link_official3 {
    font-size: 1.6rem !important;
    text-align: left !important;
    color: #000 !important;
    margin: 2em 0 !important;
    padding-bottom: 3em !important;
  }
}

/* 追加 2023.06.27 */
.has-fixed-layout2 {
	margin:0 auto 50px;
	padding: 0;
	border-collapse: collapse;
	border-bottom: #dddddd 1px solid;
	width: 640px;
}

.has-fixed-layout2 th {
	padding: 12px 20px;
	background-color: #F5f5f5;
	border: #dddddd 1px solid;
	vertical-align: middle;
	width: 30%;
}

.has-fixed-layout2 td {
	padding: 12px 15px;
	border: #dddddd 1px solid;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
	.has-fixed-layout2-mobile {
	  width: 100%;
	}
	.has-fixed-layout2-mobile th,
	.has-fixed-layout2-mobile td {
		width: auto;
		border-bottom: none;
		display: block;
		text-align: center;
	}
	.has-fixed-layout2-mobile td {
		text-align: left;
	}
}

@media screen and (min-width: 768px) {
  .stm {
    display: block;
    font-weight: 100;
    font-size: 12px;
  }
  }
  
  @media screen and (max-width: 767px) {
    .stm {
      display: block;
    font-weight: 100;
    font-size: 12px;
    }
    }

    .ytMovie {
      text-align: center;
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .ytMovie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
/*# sourceMappingURL=main.css.map */


/* 202407 */
.c-ranking__guide2 {}
.c-ranking__guide2__unit {
  display: none;
}
.c-ranking__guide2__unit.is-active {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-ranking__guide2 {
    margin-top: 30px;
  }
  .c-ranking__guide2__tab {
    display: flex;
    gap: 10px;
  }
  .c-ranking__guide2__tab__item {
    /*width: 207px;*/
    width: calc(25% - 7.5px);
    height: 60px;
  }
  .c-ranking__guide2__tab__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #ccc;
    color: #000;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    cursor: pointer;
  }
  .c-ranking__guide2__tab__item.is-active > span {
    background: #5BA4D6;
    color: #fff;
    pointer-events: none;
  }
  .c-ranking__guide2__tabtarget {
    overflow-y: auto;
    height: calc(18em + 40px);
    margin-top: 10px;
    padding: 19px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking__guide2 {
    margin-top: 20px;
  }
  .c-ranking__guide2__tab {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .c-ranking__guide2__tab__item {
    width: calc(50% - 5px);
    height: 40px;
  }
  .c-ranking__guide2__tab__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #e6e6e6;
    color: #999;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
  }
  .c-ranking__guide2__tab__item.is-active > span {
    background: #5BA4D6;
    color: #fff;
    pointer-events: none;
  }
  .c-ranking__guide2__tabtarget {
    /*overflow-y: scroll;*/
    /*height: calc(18em + 30px);*/
    height: calc(27em + 30px);
    margin-top: 10px;
    padding: 14px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  .c-ranking__guide2__tab__item > span {
    transition: opacity 0.2s ease;
  }
  .c-ranking__guide2__tab__item > span:hover {
    opacity: 0.5;
  }
}

/* 算定基準 */
.c-ranking__btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
  font-weight: 700;
}

.c-ranking__btn1.is-osusume {
  background: linear-gradient( rgb(255,255,255) 0, rgb(216,237,211) 100%);
  color: #000;
}

.c-ranking__btn1.is-popup {
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn1 {
    position: absolute;
    top: -70px;
    right: 0;
    width: 253px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn1.is-osusume {
    position: relative;
    top: 0;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    font-size: 1.1rem;
    cursor: pointer;
  }
  .c-ranking__btn1.is-popup {
    position: relative;
    top: 0;
    width: 100%;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn1 {
    position: relative;
    left: 10px;
    bottom: 0px;
    width: 90%;
    height: 34px;
    border-radius: 20px;
    font-size: 1.8rem;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-ranking__btn1.is-osusume,
  .c-ranking__btn1.is-popup {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking__btn1 {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
  }
}

.c-ranking__btn1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("/fx/top/images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}

.c-ranking__btn1.is-osusume::after {
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 89.93902%;
}

.c-ranking__btn1.is-popup::after {
  background-image: url("/fx/top/images/icn_external01.png");
  background-size: auto;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn1::after {
    right: 15px;
  }
  .c-ranking__btn1.is-osusume::after {
    right: 5px;
  }
  .c-ranking__btn1.is-popup::after {
    right: 13px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn1::after {
    right: 10px;
  }
  .c-ranking__btn1.is-popup::after {
    right: 15px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

@media screen and (min-width: 1025px) {
  .c-ranking > a:hover .c-ranking__btn1, .c-ranking > a:hover + p .c-ranking__btn1, .c-ranking__btn1:hover {
    background: #000;
    color: #fff;
  }
}

.c-ranking__btn1.is-popup::after {
  background-image: url("/fx/top/images/icn_external01.png");
  background-size: auto;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-ranking__btn1::after {
    right: 15px;
  }
  .c-ranking__btn1.is-osusume::after {
    right: 5px;
  }
  .c-ranking__btn1.is-popup::after {
    right: 13px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-ranking__btn1::after {
    right: 10px;
  }
  .c-ranking__btn1.is-popup::after {
    right: 15px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

/* add 3seconds */
/* tab09 */
@media screen and (min-width: 768px) {
  .c-tab09 {
    position: relative;
    display: flex;
    margin: 0 -5px;
    padding-top: 10px;
    padding-bottom: 4px;
  }
  .c-tab09::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 0;
    display: block;
    width: calc(100% - 10px);
    height: 4px;
    background: #5BA4D6;
  }
  .c-tab09 > li {
    width: 50%;
    height: 60px;
    padding: 0 5px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .c-tab09 > li > span {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }
  .c-tab09 > li > span.is-active {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab09 > li > span span.is-small {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .c-tab09__content > .c-section02 {
    display: none;
  }
  .c-tab09__content > .c-section02.is-active {
    display: block;
  }
  /* fixed */
  .c-tab09wrap {
    height: 74px;
    margin: 30px 0;
  }
  .c-tab09wrap.is-fixed .c-tab09 {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 930px;
    background: #fff;
  }
  .l-article:has(.c-tab02new2-wrapper.is-fixed) .c-tab09wrap.is-fixed .c-tab09 {
    top: 55px;
  }
  body.is-fixed .c-tab09wrap.is-fixed .c-tab09 {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .c-tab09 {
    position: relative;
    display: flex;
    margin: 0 -15px;
    padding: 10px 10px 4px;
  }
  .c-tab09::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #5BA4D6;
  }
  .c-tab09 > li {
    width: 50%;
    height: 45px;
    padding: 0 5px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 700;
  }
  .c-tab09 > li > span {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px 6px;
    border-radius: 7px 7px 0 0;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
  }
  .c-tab09 > li > span.is-active {
    background: #5BA4D6;
    color: #fff;
  }
  .c-tab09 > li > span span.is-small {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
  }
  .c-tab09__content {
    padding-top: 10px;
  }
  .c-tab09__content > .c-section02 {
    display: none;
  }
  .c-tab09__content > .c-section02.is-active {
    display: block;
  }
  /* fixed */
  .c-tab09wrap {
    height: 59px;
    margin: 0;
  }
  .c-tab09wrap.is-fixed .c-tab09 {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background: #fff;
  }
  .l-article:has(.c-tab02new2-wrapper.is-fixed) .c-tab09wrap.is-fixed .c-tab09 {
    top: 55px;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab09 > li > span {
    transition: background 0.2s ease;
  }
  .c-tab09 > li > span:hover {
    background: #5BA4D6;
    color: #fff;
  }
}
/* tab10 */
@media screen and (min-width: 768px) {
  .c-tab10 {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    gap: 10px;
  }
  .c-tab10 > li {
    /*width: 207px;*/
    width: calc(25% - 7.5px);
    height: 50px;
  }
  .c-tab10 > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #ccc;
    color: #000;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    cursor: pointer;
  }
  .c-tab10 > li > span.is-active  {
    background: #5BA4D6;
    color: #fff;
    pointer-events: none;
  }
  .c-tab10__content > .c-section02 {
    display: none;
  }
  .c-tab10__content > .c-section02.is-active {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-tab10 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
  }
  .c-tab10 > li {
    width: calc(33.33% - 6.667px);
    height: 40px;
  }
  .c-tab10 > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 10px;
    background: #e6e6e6;
    color: #999;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
  }
  .c-tab10 > li > span.is-active {
    background: #5BA4D6;
    color: #fff;
    pointer-events: none;
  }
  .c-tab10__content > .c-section02 {
    display: none;
  }
  .c-tab10__content > .c-section02.is-active {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .c-tab10__item > span {
    transition: opacity 0.2s ease;
  }
  .c-tab10__item > span:hover {
    opacity: 0.5;
  }
}
/* 3seconds */
.c-3seconds01__nav {
  overflow: hidden;
  background: #e9f1fa;
}
.c-3seconds01__nav__inner {
  display: none;
  background: #e9f1fa;
}
.c-3seconds01__nav__title01 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e9f1fa;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.c-3seconds01__nav__title01__toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  border-radius: 100%;
  background: #5BA4D6;
}
.c-3seconds01__nav__title01__toggle::before,
.c-3seconds01__nav__title01__toggle::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
  background: #fff;
}
.c-3seconds01__nav__title01__toggle::after {
  display: block;
  transform: rotate(90deg);
}
.c-3seconds01__nav__title01.js-toggle.is-active .c-3seconds01__nav__title01__toggle::after,
.c-3seconds01__nav__title01.js-toggleTarget.is-active .c-3seconds01__nav__title01__toggle::after {
  display: none;
}
.c-3seconds01__nav__unit01 {
  position: relative;
  background: #fff;
}
.c-3seconds01__nav__title02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
  font-weight: 700;
}
.c-3seconds01__nav__input01 {
  display: flex;
  flex-wrap: wrap;
}
.c-3seconds01__radio01,
.c-3seconds01__checkbox01 {
  position: relative;
}
.c-3seconds01__radio01 > input,
.c-3seconds01__checkbox01 > input {
  position: absolute;
  opacity: 0;
}
.c-3seconds01__radio01 > label,
.c-3seconds01__checkbox01 > label {
  position: relative;
  font-weight: 700;
  cursor: pointer;
}
.c-3seconds01__radio01 > label::before,
.c-3seconds01__checkbox01 > label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  display: inline-block;
  margin: auto;
  border: 2px solid #ccc;
  background: #fff;
}
.c-3seconds01__radio01 > label::before {
  border-radius: 100%;
}
.c-3seconds01__radio01 > label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: #fff;
  border-radius: 100%;
}
.c-3seconds01__checkbox01 > label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  background: url(../images/icn_checkbox01.png) no-repeat 0 0;
}
.c-3seconds01__radio01 > input:checked + label::before,
.c-3seconds01__checkbox01 > input:checked + label::before {
  border-color: #5BA4D6;
  background: #5BA4D6;
}
.c-3seconds01__radio01 > input:checked + label::after,
.c-3seconds01__checkbox01 > input:checked + label::after {
  opacity: 1;
}
.c-3seconds01__action {
  cursor: pointer;
}
.js-loadrankingjson-3seconds.c-3seconds01__ranking .c-ranking {
  display: none;
}
.js-loadrankingjson-3seconds.c-3seconds01__ranking .c-ranking:nth-of-type(1),
.js-loadrankingjson-3seconds.c-3seconds01__ranking .c-ranking:nth-of-type(2),
.js-loadrankingjson-3seconds.c-3seconds01__ranking .c-ranking:nth-of-type(3),
.js-loadrankingjson-3seconds.c-3seconds01__ranking .c-ranking:nth-of-type(4) {
  display: block;
}
.js-loadrankingjson-3seconds.c-3seconds01__ranking.is-open .c-ranking {
  display: block;
}
.js-loadrankingjson-3seconds:not(:has(.c-ranking)) .c-3seconds01__ranking__empty::before {
  content: "商品がありません。";
  display: block;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 30px;
}
.js-loadrankingjson-3seconds:not(:has(.c-ranking:nth-of-type(5))) + .c-3seconds01__more {
  display: none;
}
.c-3seconds01__nav__close01 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e9f1fa;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}
.c-3seconds01__nav__close01__toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  border-radius: 100%;
  background: #5BA4D6;
}
.c-3seconds01__nav__close01__toggle::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .c-3seconds01__nav {
    border: 4px solid #5BA4D6;
    border-radius: 20px;
  }
  .c-3seconds01__nav__title01 {
    height: 64px;
    font-size: 2rem;
  }
  .c-3seconds01__nav__title01__toggle {
    right: 10px;
    width: 40px;
    height: 40px;
  }
  .c-3seconds01__nav__title01__toggle::before,
  .c-3seconds01__nav__title01__toggle::after {
    width: 22px;
    height: 4px;
  }
  .c-3seconds01__nav__inner {
    padding: 0 16px;
  }
  .c-3seconds01__nav__unit01 {
    margin-bottom: 22px;
    padding: 4px;
    border-radius: 10px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  .c-3seconds01__nav__unit01::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -22px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    border-top: 22px solid #fff;
    border-bottom: 0;
    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
  }
  .c-3seconds01__nav__unit01::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 4px;
    margin: auto;
    background: #fff;
  }
  .c-3seconds01__nav__title02 {
    height: 40px;
    margin-bottom: 15px;
    border-radius: 10px;
    font-size: 1.6rem;
  }
  .c-3seconds01__nav__input01 {
    padding: 0 16px 16px;
    gap: 20px;
  }
  .c-3seconds01__nav__input01 > li {
    width: calc(25% - 15px);
  }
  .c-3seconds01__radio01 > label,
  .c-3seconds01__checkbox01 > label {
    padding-left: 30px;
    font-size: 1.6rem;
  }
  .c-3seconds01__radio01 > label::before,
  .c-3seconds01__checkbox01 > label::before {
    width: 20px;
    height: 20px;
  }
  .c-3seconds01__radio01 > label::after {
    left: 7px;
    width: 6px;
    height: 6px;
  }
  .c-3seconds01__checkbox01 > label::after {
    left: 5px;
    width: 10px;
    height: 8px;
    background-size: 10px 8px;
  }
  .c-3seconds01__ranking {
    margin-top: 40px;
    margin-bottom: 16px;
  }
  .c-3seconds01__action {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 60px;
    margin: 24px auto 40px;
    border-radius: 30px;
    background: #ffe13b;
    color: #000;
    font-size: 2.4rem;
    font-weight: 700;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  .c-3seconds01__action::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 21px 15px;
  }
  div[id^=kariire-pickup].c-3seconds01__ranking .c-ranking__title,
  div[id^=karikae-pickup].c-3seconds01__ranking .c-ranking__title {
    width: 390px;
  }
  .c-3seconds01__more {
    width: 280px;
    margin: 40px auto 20px;
  }
  .c-3seconds01__more span {
    display: block;
    color: #666;
    border: 1px solid #999;
    height: 40px;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .c-3seconds01__nav__close01 {
    height: 64px;
    margin-right: -16px;
    margin-left: -16px;
    font-size: 2rem;
  }
  .c-3seconds01__nav__close01__toggle {
    right: 10px;
    width: 40px;
    height: 40px;
  }
  .c-3seconds01__nav__close01__toggle::before {
    width: 22px;
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  .c-3seconds01__nav {
    margin: 0 -15px;
    border-top: 4px solid #5BA4D6;
    border-bottom: 4px solid #5BA4D6;
  }
  .c-3seconds01__nav__title01 {
    height: 64px;
    padding-right: 30px;
    font-size: 1.6rem;
  }
  .c-3seconds01__nav__title01__toggle {
    right: 15px;
    width: 30px;
    height: 30px;
  }
  .c-3seconds01__nav__title01__toggle::before,
  .c-3seconds01__nav__title01__toggle::after {
    width: 16px;
    height: 2px;
  }
  .c-3seconds01__nav__inner {
    padding: 0 15px;
  }
  .c-3seconds01__nav__unit01 {
    margin-bottom: 12px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
  }
  .c-3seconds01__nav__unit01::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -11px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 11px solid #fff;
    border-bottom: 0;
    filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.3));
  }
  .c-3seconds01__nav__unit01::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 4px;
    margin: auto;
    background: #fff;
  }
  .c-3seconds01__nav__title02 {
    height: 25px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 1.4rem;
  }
  .c-3seconds01__nav__input01 {
    padding: 0 13px 13px;
    gap: 10px;
  }
  .c-3seconds01__nav__input01 > li {
    width: calc(50% - 5px);
  }
  .c-3seconds01__radio01 > label,
  .c-3seconds01__checkbox01 > label {
    padding-left: 22px;
    font-size: 1.2rem;
  }
  .c-3seconds01__radio01 > label::before,
  .c-3seconds01__checkbox01 > label::before {
    width: 15px;
    height: 15px;
  }
  .c-3seconds01__radio01 > label::after {
    left: 5px;
    width: 6px;
    height: 6px;
  }
  .c-3seconds01__checkbox01 > label::after {
    left: 3px;
    width: 8px;
    height: 6px;
    background-size: 8px 6px;
  }
  .c-3seconds01__ranking {
    margin: 20px 0 15px;
  }
  .c-3seconds01__ranking .c-ranking {
    margin-right: -15px;
    margin-left: -15px;
  }
  .c-3seconds01__action {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin:15px 20px 30px;
    border-radius: 20px;
    background: #ffe13b;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
  }
  .c-3seconds01__action::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 50%;
    background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
    background-size: 16px 11px;
  }
  .c-3seconds01__more {
    width: 260px;
    margin: 30px auto 15px;
    cursor: pointer;
  }
  .c-3seconds01__more span {
    display: block;
    color: #666;
    border: 1px solid #999;
    height: 37px;
    background: #fff;
    border-radius: 18px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 37px;
    font-weight: 700;
  }
  .c-3seconds01__nav__close01 {
    height: 64px;
    margin-right: -15px;
    margin-left: -15px;
    font-size: 1.6rem;
  }
  .c-3seconds01__nav__close01__toggle {
    right: 15px;
    width: 30px;
    height: 30px;
  }
  .c-3seconds01__nav__close01__toggle::before {
    width: 16px;
    height: 2px;
  }
}
@media screen and (min-width: 1025px) {
  .c-3seconds01__nav__title01.js-toggle {
    transition: opacity 0.2s ease;
  }
  .c-3seconds01__nav__title01.js-toggle:hover {
    opacity: 0.5;
  }
  .c-3seconds01__action {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-3seconds01__action:hover {
    background: #000;
    color: #fff;
  }
  .c-3seconds01__nav__close01.js-3seconds-close {
    transition: opacity 0.2s ease;
  }
  .c-3seconds01__nav__close01.js-3seconds-close:hover {
    opacity: 0.5;
  }
}

/* update01 */
.c-update01 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.c-update01__date {
  font-size: 1.4rem;
  color: #575757;
}
.c-pr01 {
}
.c-pr01__button {
  list-style: none;
  padding: 5px 10px;
  background: #ccc;
  color: #575757;
  font-size: 1.4rem;
  cursor: pointer;
}
.c-pr01__body {
  display: block;
  position: absolute;
  right: 0;
  background: #000;
  position: absolute;
  padding: 10px;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 5px;
  background: #ccc;
  width: 50%;
  z-index: 1;
  translate: 0 10px;
}
.c-pr01__body:before {
  content: "";
  position: absolute;
  top: -24px;
  right: 5px;
  border: 15px solid transparent;
  border-top: 15px solid #ccc;
  margin-left: -15px;
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg)
}
@media screen and (min-width: 768px) {
  .c-update01 {
    margin-top: 10px;
  }
  .c-pr01__button:hover + .c-pr01__body {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c-update01 {
    margin: 10px 15px 0;
  }
}

/* rankingmin */
.c-rankingmin {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.c-rankingmin__inner {
  display: block;
}
.c-rankingmin:nth-of-type(odd) .c-rankingmin__inner {
  background: #fafafa;
}
.c-rankingmin:nth-of-type(even) .c-rankingmin__inner {
  background: #fff;
}
.c-rankingmin:nth-of-type(1) .c-rankingmin__inner {
  background: #fff8e3;
}
.c-rankingmin:nth-of-type(2) .c-rankingmin__inner {
  background: #ebebeb;
}
.c-rankingmin:nth-of-type(3) .c-rankingmin__inner {
  background: #fbf3f1;
}

.c-rankingmin__image img {
  width: 100%;
  height: auto;
}

.c-rankingmin__name {
  display: flex;
}

.c-rankingmin__rank {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
  font-family: "Anton", cursive;
  border: 1px solid #ccc;
}
.c-rankingmin:nth-of-type(1) .c-rankingmin__rank,
.c-rankingmin:nth-of-type(2) .c-rankingmin__rank,
.c-rankingmin:nth-of-type(3) .c-rankingmin__rank {
  border: none;
  background: linear-gradient(#e7e7e7 0%, #e7e7e7 50%, #dcdcdc 50%, #dcdcdc 100%);
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.c-rankingmin:nth-of-type(1) .c-rankingmin__rank {
background: linear-gradient(#d6b457 0%, #d6b457 50%, #cca12d 50%, #cca12d 100%);
}
.c-rankingmin:nth-of-type(2) .c-rankingmin__rank {
background: linear-gradient(#b2b2b2 0%, #b2b2b2 50%, #9f9f9f 50%, #9f9f9f 100%);
}
.c-rankingmin:nth-of-type(3) .c-rankingmin__rank {
background: linear-gradient(#b2897f 0%, #b2897f 50%, #9f6b5f 50%, #9f6b5f 100%);
}
.c-rankingmin__rank > span {
  display: inline-block;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, " 游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 700;
}

.c-rankingmin__product {
  display: block;
  color: #0078c8;
  font-weight: bold;
}
.c-rankingmin__product a {
  color: #00568F;
}

.c-rankingmin__rate {
  display: flex;
  border: 1px solid #5BA4D6;
  background: #fff;
}
.c-rankingmin__rate__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #5BA4D6;
  color: #fff;
  font-weight: 700;
}
.c-rankingmin__rate__title::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #5BA4D6;
}
.c-rankingmin__rate__text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  color: #AF1331;
  font-weight: 700;
}
.c-rankingmin__rate__text .is-small {
  display: inline-block;
}

.c-rankingmin__text {
  line-height: 1.8;
}

.c-rankingmin__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.c-rankingmin__list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border: 1px solid #cca12d;
  line-height: 1;
  font-weight: bold;
  white-space: nowrap;
}
.c-rankingmin__list > li > i {
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: -999px;
}
.c-rankingmin__list > li .is-icon-wcircle::before,
.c-rankingmin__list > li .is-icon-wcircle::after,
.c-rankingmin__list > li .is-icon-circle::before,
.c-rankingmin__list > li .is-icon-triangle::before,
.c-rankingmin__list > li .is-icon-triangle::after,
.c-rankingmin__list > li .is-icon-cross::before,
.c-rankingmin__list > li .is-icon-cross::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  margin: auto;
}
.c-rankingmin__list > li .is-icon-wcircle::before,
.c-rankingmin__list > li .is-icon-wcircle::after,
.c-rankingmin__list > li .is-icon-circle::before {
  border-radius: 100%;
}
.c-rankingmin__list > li .is-icon-cross::before {
  transform: rotate(45deg);
}
.c-rankingmin__list > li .is-icon-cross::after {
  transform: rotate(-45deg);
}

.c-rankingmin__cv {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 1px solid #dbdbdb;
  font-weight: 700;
}
.c-rankingmin__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e31c3d;
  color: #fff;
}
.c-rankingmin__btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #fff url(../images/icn_check01.png) no-repeat 60% 50%;
}
.c-rankingmin__btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("../images/sprite.png");
  background-size: 3375% 1922.22222%;
  background-position: 91.3486% 96.95122%;
}
.c-rankingmin__subbtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  font-weight: 700;
}
.c-rankingmin__subbtn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 9px;
  margin: auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font-size: 0;
  background-image: url("/fx/top/images/icn_external01.png");
  background-size: auto;
  background-position: 0 0;
}

@media screen and (min-width: 768px) {
  .c-rankingminlist {
    margin-top: 30px;
  }
  .c-rankingminlist + .c-rankingminlist {
    margin-top: 60px;
  }
  .c-rankingmin__inner {
    position: relative;
    overflow: hidden;
    padding: 30px;
  }
  .c-rankingmin__left {
    /*position: absolute;*/
    /*top: 30px;*/
    /*left: 30px;*/
    width: 300px;
    float: left;
    padding-bottom: 30px;
  }
  .c-rankingmin__title {
    padding-left: 330px;
  }
  .c-rankingmin__name {
    gap: 15px;
  }
  .c-rankingmin__rank {
    width: 72px;
    height: 40px;
    font-size: 2.6rem;
  }
  .c-rankingmin__rank > span {
    font-size: 1.8rem;
    margin-top: 2px;
    margin-left: 2px;
  }
  .c-rankingmin__product {
    font-size: 2.4rem;
  }
  .c-rankingmin__rate {
    width: 100%;
    height: 40px;
    margin-top: 18px;
  }
  .c-rankingmin__rate__title {
    width: 60px;
    font-size: 1.4rem;
  }
  .c-rankingmin__rate__title::after {
    right: -14px;
    border-width: 19px 0 19px 14px;
  }
  .c-rankingmin__rate__title .is-text {
    font-size: 1.2rem;
  }
  .c-rankingmin__rate__text {
    flex-grow: 1;
    font-size: 2.2rem;
  }
  .c-rankingmin__rate__text .is-text {
    font-size: 1.6rem;
  }
  .c-rankingmin__rate__text .is-small {
    margin-top: 3px;
    font-size: 1.8rem;
  }

  .c-rankingmin__bottom {
    padding-left: 330px;
    margin-top: 15px;
  }
  .c-rankingmin__text {
    font-size: 1.6rem;
  }
  .c-rankingmin__list > li {
    gap: 7px;
    width: calc(25% - 2.25px);
    padding: 10px;
    font-size: 1.3rem;
  }
  .c-rankingmin__list > li > i {
    display: inline-block;
    width: 28px;
    height: 24px;
  }
  .c-rankingmin__list > li .is-icon-wcircle::before,
  .c-rankingmin__list > li .is-icon-wcircle::after,
  .c-rankingmin__list > li .is-icon-circle::before {
    width: 24px;
    height: 24px;
    margin: auto;
    border: 3px solid #cc1938;
  }
  .c-rankingmin__list > li .is-icon-wcircle::after {
    width: 12px;
    height: 12px;
  }
  .c-rankingmin__list > li .is-icon-triangle::before {
    width: 28px;
    height: 24px;
    clip-path: polygon(50% 0%, 0% 24px, 28px 24px);
    background: #666;
  }
  .c-rankingmin__list > li .is-icon-triangle::after {
    width: 17px;
    height: 16px;
    clip-path: polygon(50% 0%, 0% 16px, 17px 16px);
    background: #fff;
    translate: 0 1px;
  }
  .c-rankingmin__list > li .is-icon-cross::before,
  .c-rankingmin__list > li .is-icon-cross::after {
    width: 3px;
    height: 28px;
    background: #aaa;
  }
  .c-rankingmin__cv {
    clear: both;
    margin-top: 30px;
    padding-top: 36px;
    gap: 20px;
  }
  .c-rankingmin__btn {
    width: 360px;
    height: 50px;
    border-radius: 25px;
    font-size: 2rem;
    font-weight: 700;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-rankingmin__btn::before {
    left: 10px;
  }
  .c-rankingmin__btn::after {
    right: 12px;
  }
  .c-rankingmin__subbtn {
    width: 216px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.8rem;
    cursor: pointer;
  }
  .c-rankingmin__subbtn::after {
    right: 13px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .c-rankingminlist {
    margin-right: -15px;
    margin-left: -15px;
  }
  .c-rankingminlist + .c-rankingminlist {
    margin-top: 30px;
  }
  .c-rankingmin__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px;
  }
  .c-rankingmin__left {
    width: 120px;
  }
  .c-rankingmin__title {
    width: calc(100% - 130px);
  }
  .c-rankingmin__name {
    gap: 7px;
  }
  .c-rankingmin__rank {
    width: 36px;
    height: 25px;
    font-size: 1.7rem;
  }
  .c-rankingmin__rank > span {
    font-size: 1.2rem;
    margin-left: 2px;
  }
  .c-rankingmin__product {
    font-size: 1.4rem;
  }
  .c-rankingmin__rate {
    justify-content: flex-start;
    /*margin-left: 90px;*/
    height: 30px;
    margin-top: 5px;
  }
  .c-rankingmin__rate__title {
    padding: 0 10px;
    font-size: 0.9rem;
  }
  .c-rankingmin__rate__title::after {
    right: -10px;
    border-width: 14px 0 14px 10px;
  }
  .c-rankingmin__rate__title .is-text {
    font-size: 1rem;
  }
  .c-rankingmin__rate__text {
    padding: 0 10px;
    font-size: 1.6rem;
  }
  .c-rankingmin__rate__text .is-text {
    font-size: 1rem!important;
  }
  .c-rankingmin__rate__text .is-small {
    margin-top: 3px;
    font-size: 1.4rem;
  }
  .c-rankingmin__bottom {
    width: 100%;
  }
  .c-rankingmin__text {
    font-size: 1.2rem;
  }
  .c-rankingmin__list > li {
    gap: 7px;
    width: calc(25% - 1.5px);
    padding: 5px;
    font-size: 0.9rem;
  }
  .c-rankingmin__list > li > i {
    display: inline-block;
    width: 21px;
    height: 19px;
  }
  .c-rankingmin__list > li .is-icon-wcircle::before,
  .c-rankingmin__list > li .is-icon-wcircle::after,
  .c-rankingmin__list > li .is-icon-circle::before {
    width: 19px;
    height: 19px;
    margin: auto;
    border: 2px solid #cc1938;
  }
  .c-rankingmin__list > li .is-icon-wcircle::after {
    width: 9px;
    height: 9px;
  }
  .c-rankingmin__list > li .is-icon-triangle::before {
    width: 21px;
    height: 19px;
    clip-path: polygon(50% 0%, 0% 19px, 21px 19px);
    background: #666;
  }
  .c-rankingmin__list > li .is-icon-triangle::after {
    width: 15px;
    height: 14px;
    clip-path: polygon(50% 0%, 0% 14px, 15px 14px);
    background: #fff;
    translate: 0 1px;
  }
  .c-rankingmin__list > li .is-icon-cross::before,
  .c-rankingmin__list > li .is-icon-cross::after {
    width: 2px;
    height: 22px;
    background: #aaa;
  }
  .c-rankingmin__cv {
    margin-top: 10px;
    padding-top: 17px;
    gap: 10px;
  }
  .c-rankingmin__cvBtn {
    width: 59.420289855072464%;
  }
  .c-rankingmin__btn {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  .c-rankingmin__btn::before {
    left: 8px;
    width: 24px;
    height: 24px;
    background-size: 17px 12px;
  }
  .c-rankingmin__btn::after {
    right: 10px;
  }
  .c-rankingmin__cvSub {
    width: 37.6811594202899%;
  }
  .c-rankingmin__subbtn {
    width: 100%;
    height: 35px;
    border-radius: 20px;
    font-size: 1.2rem;
    cursor: pointer;
  }
  .c-rankingmin__subbtn::after {
    right: 13px;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
}

@media screen and (min-width: 1025px) {
  .c-rankingmin__product a {
    transition: opacity 0.2s ease;
  }
  .c-rankingmin__product a:hover {
    opacity: 0.3;
  }
  .c-rankingmin__btn,
  .c-rankingmin__subbtn {
    transition: color 0.2s ease, background 0.2s ease;
  }
  .c-rankingmin__btn:hover,
  .c-rankingmin__subbtn:hover {
    background: #000;
    color: #fff;
  }
}

/* spnav */
.l-header__spnav {}

@media screen and (min-width: 768px) {
  .l-header__spnav {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .l-header__spnav {
    overflow: hidden;
    /*position: fixed;*/
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999;
    width: 100%;
    pointer-events: none;
  }
  .l-header__spnav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 0.3s ease 0.1s;
  }
  .l-header__spnav nav {
    overflow: auto;
    position: relative;
    right: 0;
    width: 300px;
    height: calc(100svh - 50px);
    margin: 0 0 0 auto;
    background: #5BA4D6;
    transform: translate(100%,0);
    transition: transform 0.3s ease 0.1s;
  }
  .l-header__spnav__inner {
  }
  .l-header__sprank {
    padding: 15px;
    background: #5BA4D6;
  }
  .l-header__sprank__unit + .l-header__sprank__unit {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
  .l-header__sprank__title {
    position: relative;
    margin-bottom: 12px;
    padding-left: 32px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 25px;
    font-weight: 700;
    white-space: nowrap;
  }
  .l-header__sprank__title > .is-small {
    font-size: 0.9rem;
  }
  .l-header__sprank__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff url(../images/icn_ranking02.png) no-repeat 50% 50%;
    background-size: 15px;
  }
  .l-header__sprank__list {
    display: flex;
    justify-content: space-between;
  }
  .l-header__sprank__list > li {
    width: calc(33.33% - 10px);
  }
  .l-header__sprank__list > li > a {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .l-header__sprank__listname {
    flex-grow: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 0;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  }
  .l-header__sprank__list > li:first-child .l-header__sprank__listname {
    background: linear-gradient(0deg, rgba(204,160,45,1) 0%, rgba(204,160,45,1) 50%, rgba(212,174,76,1) 50%, rgba(212,174,76,1) 100%);
  }
  .l-header__sprank__list > li:nth-child(2) .l-header__sprank__listname {
    background: linear-gradient(0deg, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 50%, rgba(168,168,168,1) 50%, rgba(168,168,168,1) 100%);
  }
  .l-header__sprank__list > li:nth-child(3) .l-header__sprank__listname {
    background: linear-gradient(0deg, rgba(159,107,95,1) 0%, rgba(159,107,95,1) 50%, rgba(173,129,119,1) 50%, rgba(173,129,119,1) 100%);
  }
  .l-header__sprank__listname .is-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 17px;
    height: 100%;
    margin-right: 5px;
    text-align: center;
    font-size: 1.4rem;
    font-family: Anton, sans-serif;
    font-weight: 400;
    border-right: 1px solid rgba(0,0,0,0.3);
  }
  .l-header__sprank__listimage {
    border: 1px solid #fff;
  }
  .l-header__sprank__listimage img {
    width: 100%;
    height: auto;
  }
  .l-header__splink {
    padding: 5px 0 5px 15px;
  }
  .l-header__splink__list {}
  .l-header__splink__list > li + li {
    border-top: 1px solid #fff;
  }
  .l-header__splink__list > li > a,
  .l-header__splink__list > li > span {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .l-header__splink__list > li > a {
    position: relative;
    padding: 12px 40px 12px 0;
  }
  .l-header__splink__list > li > span {
    padding: 12px 15px 6px 0;
  }
  .l-header__splink__list > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }
  .l-header__splink__list2 {
    padding-left: 15px;
    padding-bottom: 6px;
  }
  .l-header__splink__list2 > li > a {
    position: relative;
    display: block;
    padding: 6px 40px 6px 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .l-header__splink__list2 > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    font-size: 0;
    background-image: url("../images/sprite.png");
    background-size: 3375% 1922.22222%;
    background-position: 91.3486% 96.95122%;
  }

  /* is-open */
  .l-header__menu.is-open + .l-header__spnav {
    pointer-events: all;
  }
  .l-header__menu.is-open + .l-header__spnav .l-header__spnav__overlay {
    opacity: 1;
  }
  .l-header__menu.is-open + .l-header__spnav nav {
    transform: translate(0,0);
  }
}

/*    c-filterTabs（金額別タブ）
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-filterTabs {
    margin: 30px 0 20px;
    position: relative;
  }
  .c-filterTabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
  }
  .c-filterTabs__list {
    display: flex;
    justify-content: center;
    max-width: 920px;
    margin: 0 auto;
  }
  .c-filterTabs__item {
    flex: 1;
    position: relative;
  }
  .c-filterTabs__item > span {
    display: block;
    position: relative;
    padding: 15px 20px;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    margin-right: -1px;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .c-filterTabs__item.is-active > span {
    background: #fff;
    color: #333;
    border-bottom: 3px solid #fff;
    padding-bottom: 17px;
    z-index: 1;
  }
  .c-filterTabs__item.is-active > span::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: #5BA4D6;
  }
  .c-filterTabs__item > span:hover {
    opacity: 0.9;
  }
}
@media screen and (max-width: 767px) {
  .c-filterTabs {
    margin: 20px 0 15px;
  }
  .c-filterTabs__list {
    display: flex;
    gap: 2px;
    padding: 0 5px;
  }
  .c-filterTabs__item {
    flex: 1;
  }
  .c-filterTabs__item > span {
    display: block;
    padding: 12px 2px;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
  }
  .c-filterTabs__item.is-active > span {
    background: #fff;
    color: #333;
    border: 2px solid #5BA4D6;
  }
}

/*    c-sortOptions（ソートオプション）
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .c-sortOptions {
    margin: 0 0 30px;
  }
  .c-sortOptions__label {
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #333;
  }
  .c-sortOptions__list {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .c-sortOptions__item button {
    padding: 10px 24px;
    background: #fff;
    border: 2px solid #5BA4D6;
    border-radius: 25px;
    color: #5BA4D6;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .c-sortOptions__item.is-active button {
    background: #5BA4D6;
    border-color: #5BA4D6;
    color: #fff;
  }
  .c-sortOptions__item button:hover {
    background: #f0f0f0;
  }
  .c-sortOptions__item.is-active button:hover {
    background: #5BA4D6;
    opacity: 0.9;
  }
}
@media screen and (max-width: 767px) {
  .c-sortOptions {
    margin: 0 0 20px;
    padding: 0 5px;
  }
  .c-sortOptions__label {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
  }
  .c-sortOptions__list {
    display: flex;
    gap: 4px;
    justify-content: center;
  }
  .c-sortOptions__item {
    flex: 1;
  }
  .c-sortOptions__item button {
    width: 100%;
    padding: 8px 4px;
    background: #fff;
    border: 2px solid #5BA4D6;
    border-radius: 20px;
    color: #5BA4D6;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
  }
  .c-sortOptions__item.is-active button {
    background: #5BA4D6;
    border-color: #5BA4D6;
    color: #fff;
  }
}

/* ================================================== *
 *
 *    NO ITEMS MESSAGE
 *
 * ================================================== */
.c-no-items {
  padding: 60px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  background-color: #f8f8f8;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  margin: 40px 0;
}

/* ================================================== *
 *
 *    FILTER SECTION - 暗号資産取引所フィルター
 *
 * ================================================== */
.c-filter-section {
  margin: 30px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.c-filter-section__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.c-filter-section__note {
  font-size: 1.2rem;
  color: #666;
  margin-bottom: 20px;
}

.c-filter-container {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 20px;
}

.c-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e5e5e5;
}

.c-filter-header__label {
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
}

.c-filter-header__reset {
  padding: 8px 20px;
  background: #666;
  border: 2px solid #666;
  border-radius: 20px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}

.c-filter-header__reset:hover {
  background: #555;
  border-color: #555;
  color: #fff;
}

.c-filter-content {
  margin-top: 20px;
}

.c-filter-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.c-filter-row:last-child {
  margin-bottom: 0;
}

.c-filter-row__label {
  min-width: 80px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  margin-right: 20px;
}

.c-filter-row__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex: 1;
}

.c-filter-btn {
  padding: 8px 16px;
  background: #fff;
  border: 2px solid #dcdcdc;
  border-radius: 20px;
  color: #666;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}

.c-filter-btn:hover {
  border-color: #5BA4D6;
  background: #f0f8f4;
}

.c-filter-btn.is-active {
  border-color: #5BA4D6;
  background: #5BA4D6;
  color: #fff;
}

.c-filter-note {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
  padding: 10px;
  background: #fff5f5;
  border-radius: 4px;
}

.c-filter-note__icon {
  color: #dc3545;
  font-weight: 700;
  margin-right: 8px;
}

.c-filter-note__text {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.6;
}

/* モバイル対応 */
@media screen and (max-width: 767px) {
  .c-filter-section {
    margin: 20px 10px;
    padding: 15px;
  }

  .c-filter-section__title {
    font-size: 1.5rem;
  }

  .c-filter-container {
    padding: 15px;
  }

  .c-filter-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .c-filter-header__label {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .c-filter-header__reset {
    font-size: 1.2rem;
    padding: 6px 15px;
  }

  .c-filter-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .c-filter-row__label {
    margin-bottom: 10px;
  }

  .c-filter-row__items {
    width: 100%;
  }

  .c-filter-btn {
    font-size: 1.1rem;
    padding: 6px 12px;
  }
}

/* ================================================== *
 *
 *    MODAL RANKING RANK HIDE
 *
 * ================================================== */
.c-modal .c-ranking__rank {
  display: none !important;
}

/* ================================================== *
 *
 *    RANKING EVALUATION SECTION
 *
 * ================================================== */
.c-ranking__evaluation {
  background: #ffffff;
  border: 2px solid #5BA4D6;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;
  position: relative;
}

.c-ranking__evaluation__header {
  background: linear-gradient(135deg, #5BA4D6 0%, #7BB8E3 100%);
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 700;
  margin: -15px -15px 15px -15px;
}

.c-ranking__evaluation__features {
  margin-bottom: 15px;
}

.c-ranking__evaluation__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.c-ranking__evaluation__features li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
  font-size: 1.3rem;
  line-height: 1.6;
}

.c-ranking__evaluation__features li::before {
  content: "・";
  position: absolute;
  left: 0;
  color: #5BA4D6;
  font-weight: 700;
}

.c-ranking__evaluation__footer {
  background: #f8f9fa;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 15px -15px -15px -15px;
  font-size: 1.2rem;
  color: #666;
  text-align: left;
}

.c-ranking__evaluation__scores {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 15px;
  margin: 15px 0;
}

.c-ranking__evaluation__scores__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #5BA4D6;
}

.c-ranking__evaluation__scores__title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
}

.c-ranking__evaluation__scores__total {
  display: flex;
  align-items: center;
  gap: 10px;
}

.c-ranking__evaluation__scores__total span {
  font-size: 1.2rem;
  color: #666;
}

.c-ranking__evaluation__scores__total strong {
  font-size: 1.8rem;
  color: #5BA4D6;
  font-weight: 700;
}

.c-ranking__evaluation__scores__link {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #5BA4D6;
  color: #5BA4D6;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 1.1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.c-ranking__evaluation__scores__link:hover {
  background: #5BA4D6;
  color: #ffffff;
}

.c-ranking__evaluation__scores__link::after {
  content: " ↗";
  margin-left: 3px;
}

.c-ranking__evaluation__scores__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.c-ranking__evaluation__score__item {
  flex: 1;
  min-width: calc(20% - 8px);
  background: #f8f9fa;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

.c-ranking__evaluation__score__label {
  display: block;
  font-size: 1.1rem;
  color: #666;
  margin-bottom: 5px;
  line-height: 1.3;
}

.c-ranking__evaluation__score__value {
  display: block;
  font-size: 2.0rem;
  color: #5BA4D6;
  font-weight: 700;
  margin-top: 5px;
}

.c-ranking__evaluation__score__value span {
  font-size: 1.2rem;
  color: #999;
}

@media screen and (max-width: 767px) {
  .c-ranking__evaluation {
    padding: 10px;
    margin: 15px 0;
  }

  .c-ranking__evaluation__header {
    font-size: 1.2rem;
    padding: 8px 10px;
    margin: -10px -10px 10px -10px;
  }

  .c-ranking__evaluation__features li {
    font-size: 1.1rem;
    margin-bottom: 6px;
  }

  .c-ranking__evaluation__scores {
    padding: 10px;
  }

  .c-ranking__evaluation__scores__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .c-ranking__evaluation__scores__title {
    font-size: 1.2rem;
  }

  .c-ranking__evaluation__scores__total {
    width: 100%;
    justify-content: space-between;
  }

  .c-ranking__evaluation__scores__total span {
    font-size: 1.0rem;
  }

  .c-ranking__evaluation__scores__total strong {
    font-size: 1.5rem;
  }

  .c-ranking__evaluation__score__item {
    min-width: calc(50% - 5px);
  }

  .c-ranking__evaluation__score__label {
    font-size: 1.0rem;
  }

  .c-ranking__evaluation__score__value {
    font-size: 1.6rem;
  }
}


/* Ranking Criteria Popup */
.c-modal__body .kijun-container {
  font-size: 1.6rem;
  line-height: 1.9;
  color: #333;
}
.c-modal__body .kijun-container .kijun-title {
  font-size: 2.4rem;
  margin-bottom: 1.5em;
}
.c-modal__body .kijun-container .kijun-subtitle {
  font-size: 1.6rem;
  margin-bottom: 2em;
}
.c-modal__body .kijun-container .kijun-section-title,
.c-modal__body .kijun-container .kijun-items-title,
.c-modal__body .kijun-container .kijun-table-title,
.c-modal__body .kijun-container .kijun-table-subtitle,
.c-modal__body .kijun-container .kijun-note-title {
  font-size: 1.8rem;
}
.c-modal__body .kijun-container p,
.c-modal__body .kijun-container li,
.c-modal__body .kijun-container th,
.c-modal__body .kijun-container td {
  font-size: 1.6rem;
}
.c-modal__body .kijun-container li {
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .c-modal__body .kijun-container {
    font-size: 1.4rem;
  }
  .c-modal__body .kijun-container .kijun-title {
    font-size: 2rem;
  }
  .c-modal__body .kijun-container .kijun-section-title,
  .c-modal__body .kijun-container .kijun-items-title,
  .c-modal__body .kijun-container .kijun-table-title,
  .c-modal__body .kijun-container .kijun-table-subtitle,
  .c-modal__body .kijun-container .kijun-note-title {
    font-size: 1.6rem;
  }
  .c-modal__body .kijun-container p,
  .c-modal__body .kijun-container li,
  .c-modal__body .kijun-container th,
  .c-modal__body .kijun-container td {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ranking__evaluation__footer {
    margin: 15px 0 0 0;
    padding: 12px;
    word-break: break-word;
  }
}

/* Floating FAB color alignment */
#btn-pagetop {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #btn-pagetop {
    opacity: 1 !important;
  }
}