@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;700&display=swap");
html {
  font-size: calc(100vw / 6.4);
  -webkit-font-smoothing: antialiased; }

body {
  color: #333333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-size: 0.24rem;
  line-height: 1.88;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

body.lock,
body.loading {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

@media screen and (min-width: 641px) {
  html {
    font-size: calc(100vw / (6.4 * 2)); } }
@media screen and (min-width: 769px) {
  html {
    font-size: 10px; }

  body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.13; } }
* {
  -webkit-tap-highlight-color: transparent; }

a {
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

p, dt, dd, li {
  word-break: break-word;
  word-wrap: normal; }

img {
  max-width: 100%;
  vertical-align: top; }

.cf:after {
  content: "";
  display: block;
  clear: both; }

.fleft {
  float: left; }

.fright {
  float: right; }

.ib {
  display: inline-block;
  line-height: inherit;
  font-weight: inherit; }

.txtBold {
  font-weight: 700; }

.sizeAuto {
  width: auto;
  height: auto; }

.accordionTrigger {
  cursor: pointer;
  display: block; }

.accordionContent {
  display: none; }

@media screen and (min-width: 769px) {
  /* mover */
  .mover {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
    .mover:hover {
      opacity: 0.8; }

  .moverContent:before, .moverContent > * {
    transition: opacity 0.2s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
  .moverContent:hover:before,
  .moverContent:hover > * {
    opacity: 0.8; } }
.mode_pc,
.mode_pc_ib {
  display: none; }
  .mode_pc.important,
  .mode_pc_ib.important {
    display: none !important; }

.mode_tb {
  display: none; }
  .mode_tb.important {
    display: none !important; }

.mode_sp {
  display: block; }
  .mode_sp.important {
    display: block !important; }

.mode_pctb {
  display: none; }
  .mode_pctb.important {
    display: none !important; }

.mode_pctb_ib {
  display: none; }
  .mode_pctb_ib.important {
    display: none !important; }

.mode_tbsp {
  display: block; }
  .mode_tbsp.important {
    display: block !important; }

.mode_tbsp_ib {
  display: inline-block; }
  .mode_tbsp_ib.important {
    display: inline-block !important; }

@media screen and (min-width: 641px) {
  .mode_pc,
  .mode_pc_ib {
    display: none; }
    .mode_pc.important,
    .mode_pc_ib.important {
      display: none !important; }

  .mode_tb {
    display: block; }
    .mode_tb.important {
      display: block !important; }

  .mode_sp {
    display: none; }
    .mode_sp.important {
      display: none !important; }

  .mode_pctb {
    display: block; }
    .mode_pctb.important {
      display: block !important; }

  .mode_pctb_ib {
    display: inline-block; }
    .mode_pctb_ib.important {
      display: inline-block !important; }

  .mode_tbsp {
    display: block; }
    .mode_tbsp.important {
      display: block !important; }

  .mode_tbsp_ib {
    display: inline-block; }
    .mode_tbsp_ib.important {
      display: inline-block !important; } }
@media screen and (min-width: 769px) {
  .mode_pc {
    display: block; }
    .mode_pc.important {
      display: block !important; }

  .mode_pc_ib {
    display: inline-block; }
    .mode_pc_ib.important {
      display: inline-block !important; }

  .mode_tb {
    display: none; }
    .mode_tb.important {
      display: none !important; }

  .mode_sp {
    display: none; }
    .mode_sp.important {
      display: none !important; }

  .mode_pctb {
    display: block; }
    .mode_pctb.important {
      display: block !important; }

  .mode_pctb_ib {
    display: inline-block; }
    .mode_pctb_ib.important {
      display: inline-block !important; }

  .mode_tbsp {
    display: none; }
    .mode_tbsp.important {
      display: none !important; }

  .mode_tbsp_ib {
    display: none; }
    .mode_tbsp_ib.important {
      display: none !important; } }
.wrapper {
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s; }
  .load_complete .wrapper {
    opacity: 1; }

.contentWrap {
  margin: 0;
  padding: 0; }

.content {
  position: relative; }

.contentInner {
  width: calc(620 / 640 * 100%);
  margin: auto; }

.fadeContent {
  opacity: 0; }

.fadeContent.current {
  opacity: 1;
  transition: opacity 1.0s ease-out; }

.scrollPosition {
  margin: 0;
  padding: 0; }

@media screen and (min-width: 769px) {
  .contentWrap {
    margin: 0;
    padding: 0; }

  .contentInner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    padding: 0 20px;
    box-sizing: border-box; }

  .scrollPosition {
    margin: 0;
    padding: 0; } }
/* mainVisual */
#mainVisual .contentInner {
  width: 100%;
  padding: 0; }
#mainVisual .intro {
  color: #ffffff;
  text-align: center; }
  #mainVisual .intro .introTitleWrap {
    background: url(../img/bg_intro_sp.jpg) center center no-repeat;
    background-size: cover;
    padding: calc(57 / 640 * 100%) 0; }
    #mainVisual .intro .introTitleWrap .introTitle {
      font-size: 14px;
      font-size: 0.28rem;
      line-height: 1.79;
      text-align: center; }
      #mainVisual .intro .introTitleWrap .introTitle .large {
        font-size: 22.5px;
        font-size: 0.45rem;
        line-height: 1;
        font-weight: 700; }
  #mainVisual .intro .textWrap {
    position: relative;
    background: url(../img/img_intro_person_sp.png) center top no-repeat;
    background-size: contain;
    background-color: #b40212;
    padding: calc(261 / 640 * 100%) calc(10 / 640 * 100%) calc(72 / 640 * 100%) calc(10 / 640 * 100%); }

@media screen and (min-width: 769px) {
  #mainVisual .contentInner {
    max-width: 100%;
    padding: 0; }
  #mainVisual .intro {
    background: url(../img/bg_intro.jpg) center center no-repeat;
    background-size: cover;
    background-color: #b40212; }
    #mainVisual .intro .introInner {
      max-width: 898px;
      margin: auto; }
    #mainVisual .intro .introTitleWrap {
      background: none;
      padding: calc(120 / 898 * 100%) 0 calc(35 / 898 * 100%) 0; }
      #mainVisual .intro .introTitleWrap .introTitle {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.67; }
        #mainVisual .intro .introTitleWrap .introTitle .large {
          font-size: 56px;
          font-size: 5.6rem;
          line-height: 1; }
    #mainVisual .intro .textWrap {
      background: url(../img/img_intro_person.png) center top no-repeat;
      background-size: contain;
      padding: calc(123 / 898 * 100%) 0 calc(104 / 898 * 100%) 0; } }
/* topContents */
#topContents .adviceBox {
  background-color: #ffffff;
  margin: calc(96 / 620 * 100%) 0 0 0;
  padding: calc(52 / 620 * 100%) calc(20 / 620 * 100%);
  border: 1px solid #d5d5d5; }
  #topContents .adviceBox .listTitle {
    font-size: 12px;
    font-size: 0.24rem;
    line-height: 1.88;
    font-weight: 700; }

@media screen and (min-width: 769px) {
  #topContents .adviceBox {
    margin: calc(109 / 1100 * 100%) 0 calc(168 / 1100 * 100%) 0;
    padding: calc(57 / 1100 * 100%) calc(47 / 1100 * 100%) calc(65 / 1100 * 100%) calc(47 / 1100 * 100%); }
    #topContents .adviceBox#advice03 {
      margin: calc(89 / 1100 * 100%) 0 calc(69 / 1100 * 100%) 0;
      padding: calc(33 / 1100 * 100%) calc(40 / 1100 * 100%) calc(35 / 1100 * 100%) calc(40 / 1100 * 100%); }
    #topContents .adviceBox .listTitle {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75; }
    #topContents .adviceBox .list .item {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75; } }
/* aboutArea */
#aboutArea {
  position: relative; }
  #aboutArea:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/bg_about_sp.jpg) center top no-repeat;
    background-size: contain;
    padding: calc(4223 / 640 * 100%) 0 0 0; }
  #aboutArea .title {
    text-align: center;
    padding: calc(116 / 620 * 100%) 0 calc(10 / 620 * 100%) 0; }
    #aboutArea .title .sub {
      display: block;
      font-size: 13px;
      font-size: 0.26rem;
      line-height: 1.23;
      font-weight: 700;
      text-align: center;
      margin: 0 0 calc(25 / 620 * 100%) 0; }
  #aboutArea .text {
    text-align: center; }
    #aboutArea .text.mb {
      margin: 0 0 calc(50 / 620 * 100%) 0; }
  #aboutArea .point {
    width: calc(522 / 620 * 100%);
    margin: auto; }
    #aboutArea .point .item {
      margin: 0 0 calc(33 / 522 * 100%) 0; }
      #aboutArea .point .item .image {
        margin: 0 0 calc(21 / 522 * 100%) 0; }
      #aboutArea .point .item .row {
        display: flex; }
        #aboutArea .point .item .row .num {
          flex-basis: calc(73 / 522 * 100%);
          margin: 0 calc(18 / 522 * 100%) 0 0; }
        #aboutArea .point .item .row .cont {
          flex-basis: calc(431 / 522 * 100%);
          font-size: 12px;
          font-size: 0.24rem;
          line-height: 1.67;
          font-weight: 700; }
  #aboutArea .buttonArea {
    margin: 0 0 calc(88 / 620 * 100%) 0;
    padding: calc(7 / 620 * 100%) 0 0 0; }
    #aboutArea .buttonArea .button {
      width: calc(452 / 620 * 100%);
      margin: auto; }

@media screen and (min-width: 769px) {
  #aboutArea:before {
    background: url(../img/bg_about.jpg) center top no-repeat;
    background-size: contain;
    padding: calc(4424 / 3200 * 100%) 0 0 0; }
  #aboutArea .title {
    margin: 0 0 calc(-5 / 1100 * 100%) 0;
    padding: calc(113 / 1100 * 100%) 0 0 0; }
    #aboutArea .title .sub {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.78;
      margin: 0 0 calc(29 / 1100 * 100%) 0; }
    #aboutArea .title .image {
      display: block;
      max-width: 646px;
      margin: auto;
      padding: 0 0 0 calc(85 / 1100 * 100%); }
  #aboutArea .text.mb {
    margin: 0 0 calc(41 / 1100 * 100%) 0; }
  #aboutArea .point {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    #aboutArea .point .item {
      flex-basis: calc(348 / 1100 * 100%);
      margin: 0; }
      #aboutArea .point .item .image {
        margin: 0 0 calc(15 / 348 * 100%) 0; }
      #aboutArea .point .item .row {
        display: flex; }
        #aboutArea .point .item .row .num {
          flex-basis: calc(49 / 348 * 100%);
          margin: 0 calc(11 / 348 * 100%) 0 0; }
        #aboutArea .point .item .row .cont {
          flex-basis: calc(298 / 348 * 100%);
          color: #1f1f1f;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.63; }
  #aboutArea .buttonArea {
    margin: 0 0 calc(98 / 1100 * 100%) 0;
    padding: calc(31 / 1100 * 100%) 0 0 0; }
    #aboutArea .buttonArea .button {
      width: calc(451 / 1100 * 100%); } }
/* movieArea */
#movieArea .box {
  background: url(../img/bg_movie_sp.png) center center no-repeat;
  background-size: cover; }
#movieArea .title {
  width: calc(607 / 620 * 100%);
  margin: auto;
  padding: calc(35 / 620 * 100%) 0 0 0; }
#movieArea .list {
  width: calc(560 / 620 * 100%);
  margin: auto;
  padding: 0 0 calc(40 / 620 * 100%) 0; }
  #movieArea .list .item {
    margin: 0 0 calc(10 / 560 * 100%) 0; }
    #movieArea .list .item a {
      display: block;
      background-color: #ffffff;
      padding: calc(23 / 560 * 100%) calc(30 / 560 * 100%) calc(18 / 560 * 100%) calc(30 / 560 * 100%);
      border: 2px solid #d30412; }
      #movieArea .list .item a .icon {
        position: relative; }
        #movieArea .list .item a .icon:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          width: 12px;
          height: 12px;
          background: url(../img/icon_blank.svg) center center no-repeat;
          background-size: contain;
          margin: auto calc(10 / 560 * 100%) auto 0; }
        #movieArea .list .item a .icon .movieTitle {
          color: #1f1f1f;
          font-size: 12px;
          font-size: 0.24rem;
          line-height: 1;
          font-weight: 500; }
        #movieArea .list .item a .icon .url {
          color: #1f1f1f;
          font-size: 8px;
          font-size: 0.16rem;
          line-height: 1.5;
          letter-spacing: -0.13em; }

@media screen and (min-width: 769px) {
  #movieArea .box {
    background: url(../img/bg_movie.png) center center no-repeat;
    background-size: cover; }
  #movieArea .title {
    width: calc(660 / 1100 * 100%);
    padding: calc(44 / 1100 * 100%) 0 0 0; }
  #movieArea .list {
    width: calc(440 / 1100 * 100%);
    padding: 0 0 calc(36 / 1100 * 100%) 0; }
    #movieArea .list .item {
      margin: 0 0 calc(13 / 440 * 100%) 0; }
      #movieArea .list .item a {
        padding: calc(12 / 440 * 100%) calc(25 / 440 * 100%) calc(12 / 440 * 100%) calc(25 / 440 * 100%); }
        #movieArea .list .item a .icon:after {
          width: 17px;
          height: 17px;
          margin: auto 0; }
        #movieArea .list .item a .icon .movieTitle {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5; }
        #movieArea .list .item a .icon .url {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          letter-spacing: 0; } }
/* testerArea */
#testerArea .adviceBox {
  background-color: #ffffff;
  margin: calc(96 / 620 * 100%) 0 calc(86 / 620 * 100%) 0;
  padding: calc(52 / 620 * 100%) calc(20 / 620 * 100%);
  border: 1px solid #d5d5d5; }
  #testerArea .adviceBox .adviceTitle {
    font-size: 16px;
    font-size: 0.32rem;
    line-height: 1.41;
    font-weight: 700;
    text-align: center;
    margin: 0 0 calc(18 / 618 * 100%) 0; }
  #testerArea .adviceBox .listTitle {
    font-size: 12px;
    font-size: 0.24rem;
    line-height: 1.88;
    font-weight: 700; }
  #testerArea .adviceBox .text.mb {
    margin: 0 0 calc(28 / 618 * 100%) 0; }
  #testerArea .adviceBox .text.mbNarrow {
    margin: 0 0 calc(15 / 618 * 100%) 0; }
  #testerArea .adviceBox .check {
    position: relative;
    font-size: 14px;
    font-size: 0.28rem;
    line-height: 1.43;
    font-weight: 700;
    margin: 0 0 calc(10 / 618 * 100%) 0;
    padding: 0 0 0 calc(50 / 580 * 100%); }
    #testerArea .adviceBox .check:before {
      content: "";
      display: block;
      position: absolute;
      top: 4px;
      left: 0;
      width: calc(32 / 580 * 100%);
      background: url(../img/icon_check01.svg) center center no-repeat;
      background-size: contain;
      padding: calc(32 / 580 * 100%) 0 0 0; }
#testerArea .testerTitle {
  color: #ffffff;
  font-size: 15px;
  font-size: 0.3rem;
  line-height: 1.47;
  font-weight: 700;
  text-align: center;
  background: url(../img/bg_tester_title_sp.png) center center no-repeat;
  background-size: contain;
  margin: 0 0 calc(10 / 620 * 100%) 0;
  padding: calc(34 / 620 * 100%) 0 calc(60 / 620 * 100%) 0; }
#testerArea .block {
  background: url(../img/bg_block_sp.png) center top no-repeat;
  background-size: contain;
  margin: 0 0 calc(100 / 620 * 100%) 0;
  padding: calc(80 / 620 * 100%) 0 0 0; }
  #testerArea .block .blockHeader .profile {
    font-size: 10px;
    font-size: 0.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 calc(10 / 620 * 100%) 0; }
  #testerArea .block .blockHeader .copy {
    position: relative;
    font-size: 17px;
    font-size: 0.34rem;
    line-height: 1.18;
    font-weight: 700;
    margin: 0 0 calc(25 / 620 * 100%) 0;
    padding: 0 0 0 calc(80 / 620 * 100%); }
    #testerArea .block .blockHeader .copy:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: 0;
      width: calc(36 / 620 * 100%);
      background: url(../img/icon_check02.svg) center center no-repeat;
      background-size: contain;
      margin: 0 0 0 calc(30 / 620 * 100%);
      padding: calc(36 / 620 * 100%) 0 0 0; }
  #testerArea .block .wrap .imageWrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 0 calc(30 / 620 * 100%) 0; }
    #testerArea .block .wrap .imageWrap:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 17px;
      width: 20px;
      height: 20px;
      margin: auto;
      border-bottom: 3px solid #c10c1b;
      border-right: 3px solid #c10c1b;
      transform: rotate(-45deg); }
    #testerArea .block .wrap .imageWrap .image {
      flex-basis: calc(307 / 620 * 100%); }
    #testerArea .block .wrap .imageWrap .period {
      position: absolute;
      top: 7px;
      right: 10px;
      font-size: 10px;
      font-size: 0.2rem;
      line-height: 1.7;
      font-weight: 700; }
  #testerArea .block .wrap .box .eagerness {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 calc(30 / 620 * 100%) 0;
    padding: calc(20 / 620 * 100%);
    border: 1px solid #d5d5d5; }
    #testerArea .block .wrap .box .eagerness .head {
      flex-basis: calc(154 / 620 * 100%);
      margin: 0 calc(20 / 620 * 100%) 0 0; }
    #testerArea .block .wrap .box .eagerness .cont {
      flex-basis: calc(446 / 620 * 100%);
      font-size: 12px;
      font-size: 0.24rem;
      line-height: 1.33;
      font-weight: 700; }
  #testerArea .block .wrap .box .result .pickup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 calc(27 / 620 * 100%) 0; }
    #testerArea .block .wrap .box .result .pickup .pickupItem {
      flex-basis: calc(294 / 620 * 100%); }
  #testerArea .block .wrap .box .result .table {
    margin: 0 0 calc(35 / 620 * 100%) 0; }
    #testerArea .block .wrap .box .result .table .row {
      display: flex;
      align-items: center;
      margin: 0 0 calc(5 / 620 * 100%) 0; }
      #testerArea .block .wrap .box .result .table .row.em .head {
        color: #ffffff;
        background-color: #c10c1b; }
      #testerArea .block .wrap .box .result .table .row.em .cont {
        color: #c10c1b; }
      #testerArea .block .wrap .box .result .table .row.sep {
        margin: 0 0 calc(10 / 620 * 100%) 0;
        padding: 0 0 calc(10 / 620 * 100%) 0;
        border-bottom: 1px solid #d5d5d5; }
      #testerArea .block .wrap .box .result .table .row .head {
        flex-basis: calc(200 / 620 * 100%);
        font-size: 10px;
        font-size: 0.2rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        background-color: #e9e9e9;
        margin: 0 calc(40 / 620 * 100%) 0 0;
        padding: calc(12 / 620 * 100%) 0; }
      #testerArea .block .wrap .box .result .table .row .cont {
        display: flex;
        align-items: center;
        flex-basis: calc(380 / 620 * 100%); }
        #testerArea .block .wrap .box .result .table .row .cont .value {
          flex-basis: calc(135 / 380 * 100%);
          font-size: 16.5px;
          font-size: 0.33rem;
          line-height: 1;
          font-weight: 700; }
        #testerArea .block .wrap .box .result .table .row .cont .compare {
          font-size: 10px;
          font-size: 0.2rem;
          line-height: 1;
          text-align: center; }
  #testerArea .block .noteBox {
    margin: 0 0 calc(40 / 620 * 100%) 0;
    padding: calc(15 / 620 * 100%) calc(20 / 620 * 100%);
    border: 1px solid #d5d5d5; }
    #testerArea .block .noteBox .note {
      font-size: 12px;
      font-size: 0.24rem;
      line-height: 1.67; }
      #testerArea .block .noteBox .note a {
        color: #b40212; }
  #testerArea .block .qa .row {
    margin: 0 0 calc(30 / 620 * 100%) 0;
    padding: 0 0 calc(30 / 620 * 100%) 0;
    border-bottom: 1px solid #d5d5d5; }
    #testerArea .block .qa .row:last-child {
      border-bottom: 0; }
    #testerArea .block .qa .row .question {
      display: flex;
      align-items: center;
      font-size: 13px;
      font-size: 0.26rem;
      line-height: 1.54;
      font-weight: 700;
      margin: 0 0 calc(20 / 620 * 100%) 0; }
      #testerArea .block .qa .row .question .num {
        display: block;
        flex-shrink: 0;
        width: calc(86 / 620 * 100%);
        margin: 0 calc(15 / 620 * 100%) 0 0; }
#testerArea .bannerArea {
  margin: 0 0 calc(40 / 620 * 100%) 0; }

@media screen and (min-width: 769px) {
  #testerArea .adviceBox {
    margin: calc(109 / 1100 * 100%) 0 calc(168 / 1100 * 100%) 0;
    padding: calc(57 / 1100 * 100%) calc(47 / 1100 * 100%) calc(65 / 1100 * 100%) calc(47 / 1100 * 100%); }
    #testerArea .adviceBox#advice02 {
      margin: calc(90 / 1100 * 100%) 0 calc(93 / 1100 * 100%) 0;
      padding: calc(57 / 1100 * 100%) calc(47 / 1100 * 100%) calc(76 / 1100 * 100%) calc(47 / 1100 * 100%); }
      #testerArea .adviceBox#advice02 .text.mb {
        margin: 0 0 calc(30 / 1098 * 100%) 0; }
    #testerArea .adviceBox#advice03 {
      margin: calc(89 / 1100 * 100%) 0 calc(69 / 1100 * 100%) 0;
      padding: calc(33 / 1100 * 100%) calc(40 / 1100 * 100%) calc(35 / 1100 * 100%) calc(40 / 1100 * 100%); }
    #testerArea .adviceBox .adviceTitle {
      font-size: 44px;
      font-size: 4.4rem;
      line-height: 1.23;
      margin: 0 0 calc(34 / 1098 * 100%) 0; }
    #testerArea .adviceBox .listTitle {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75; }
    #testerArea .adviceBox .text.mb {
      margin: 0 0 calc(43 / 1098 * 100%) 0; }
    #testerArea .adviceBox .text.mbNarrow {
      margin: 0 0 calc(20 / 1098 * 100%) 0; }
    #testerArea .adviceBox .list .item {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.75; }
    #testerArea .adviceBox .check {
      font-size: 20px;
      font-size: 2rem;
      line-height: 2;
      margin: 0 0 calc(4 / 1098 * 100%) 0;
      padding: 0 0 0 calc(40 / 1098 * 100%); }
      #testerArea .adviceBox .check:before {
        top: 9px;
        left: 2px;
        width: calc(24 / 1098 * 100%);
        padding: calc(24 / 1098 * 100%) 0 0 0; }
  #testerArea .testerTitle {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 1.3;
    background: url(../img/bg_tester_title.png) center center no-repeat;
    background-size: contain;
    margin: 0 0 calc(10 / 1100 * 100%) 0;
    padding: calc(40 / 1100 * 100%) 0 calc(73 / 1100 * 100%) 0; }
  #testerArea .block {
    background: url(../img/bg_block.png) center top no-repeat;
    background-size: contain;
    margin: 0 0 calc(70 / 1100 * 100%) 0;
    padding: calc(93 / 1100 * 100%) 0 0 0; }
    #testerArea .block .blockHeader {
      text-align: center; }
      #testerArea .block .blockHeader .profile {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.22;
        margin: 0 0 calc(15 / 1100 * 100%) 0; }
      #testerArea .block .blockHeader .copy {
        display: inline-block;
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 1.18;
        font-weight: 700;
        margin: 0 0 calc(35 / 1100 * 100%) 0;
        padding: 0 0 0 calc(50 / 1100 * 100%); }
        #testerArea .block .blockHeader .copy:before {
          width: 35px;
          background: url(../img/icon_check02.svg) center center no-repeat;
          background-size: contain;
          margin: 0;
          padding: 35px 0 0 0; }
    #testerArea .block .wrap {
      display: flex;
      justify-content: space-between;
      margin: 0 0 calc(15 / 1100 * 100%) 0; }
      #testerArea .block .wrap .imageWrap {
        display: flex;
        justify-content: space-between;
        flex-basis: calc(550 / 1100 * 100%);
        position: relative;
        margin: 0; }
        #testerArea .block .wrap .imageWrap:after {
          bottom: 57px;
          left: 0;
          right: 30px;
          width: 35px;
          height: 35px;
          margin: auto;
          border-bottom: 5px solid #c10c1b;
          border-right: 5px solid #c10c1b; }
        #testerArea .block .wrap .imageWrap .image {
          flex-basis: calc(270 / 550 * 100%); }
        #testerArea .block .wrap .imageWrap .period {
          top: 4px;
          right: 14px;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 2.27; }
      #testerArea .block .wrap .box {
        flex-basis: calc(510 / 1100 * 100%); }
        #testerArea .block .wrap .box .eagerness {
          justify-content: space-between;
          margin: 0 0 calc(20 / 510 * 100%) 0;
          padding: calc(17 / 510 * 100%) calc(20 / 510 * 100%); }
          #testerArea .block .wrap .box .eagerness .head {
            flex-basis: calc(123 / 470 * 100%);
            margin: 0 calc(20 / 470 * 100%) 0 0; }
          #testerArea .block .wrap .box .eagerness .cont {
            flex-basis: calc(327 / 470 * 100%);
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.5; }
        #testerArea .block .wrap .box .result .pickup {
          justify-content: space-around;
          margin: 0 0 calc(24 / 510 * 100%) 0; }
          #testerArea .block .wrap .box .result .pickup .pickupItem {
            flex-basis: calc(226 / 510 * 100%); }
        #testerArea .block .wrap .box .result .table {
          margin: 0 0 calc(35 / 510 * 100%) 0; }
          #testerArea .block .wrap .box .result .table .row {
            display: flex;
            align-items: center;
            margin: 0 0 calc(5 / 510 * 100%) 0; }
            #testerArea .block .wrap .box .result .table .row.em .head {
              color: #ffffff;
              background-color: #c10c1b; }
            #testerArea .block .wrap .box .result .table .row.em .cont {
              color: #c10c1b; }
            #testerArea .block .wrap .box .result .table .row.sep {
              margin: 0 0 calc(12 / 510 * 100%) 0;
              padding: 0 0 calc(10 / 510 * 100%) 0;
              border-bottom: 1px solid #d5d5d5; }
            #testerArea .block .wrap .box .result .table .row .head {
              flex-basis: calc(140 / 510 * 100%);
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1;
              margin: 0 calc(54 / 510 * 100%) 0 0;
              padding: calc(10 / 510 * 100%) 0; }
            #testerArea .block .wrap .box .result .table .row .cont {
              display: flex;
              align-items: center;
              flex-basis: calc(316 / 510 * 100%); }
              #testerArea .block .wrap .box .result .table .row .cont .value {
                flex-basis: calc(115 / 316 * 100%);
                font-size: 24px;
                font-size: 2.4rem;
                line-height: 1; }
              #testerArea .block .wrap .box .result .table .row .cont .compare {
                font-size: 16px;
                font-size: 1.6rem;
                line-height: 1; }
    #testerArea .block .noteBox {
      margin: 0 0 calc(40 / 1100 * 100%) 0;
      padding: calc(20 / 1100 * 100%) calc(26 / 1100 * 100%); }
      #testerArea .block .noteBox .note {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.81; }
    #testerArea .block .qa .row {
      margin: 0 0 calc(30 / 1100 * 100%) 0;
      padding: 0 0 calc(30 / 1100 * 100%) 0; }
      #testerArea .block .qa .row .question {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.89;
        margin: 0 0 calc(8 / 1100 * 100%) 0; }
        #testerArea .block .qa .row .question .num {
          width: calc(57 / 1100 * 100%);
          margin: 0 calc(15 / 1100 * 100%) 0 0; }
  #testerArea .bannerArea {
    margin: 0 0 calc(80 / 1100 * 100%) 0; }
    #testerArea .bannerArea .banner {
      width: calc(860 / 1100 * 100%);
      margin: auto; } }
/* bottomContents */
#bottomContents .wrap {
  margin: 0 0 calc(80 / 620 * 100%) 0; }
  #bottomContents .wrap .banner {
    margin: 0 0 calc(30 / 620 * 100%) 0; }

@media screen and (min-width: 769px) {
  #bottomContents .wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(75 / 1100 * 100%) 0; }
    #bottomContents .wrap .banner {
      flex-basis: calc(530 / 1100 * 100%);
      margin: 0; } }
/* footer */
#footer {
  text-align: center;
  padding: 0 0 20px 0; }
  #footer small {
    font-size: 11px;
    font-size: 0.22rem;
    line-height: 1.27; }

@media screen and (min-width: 769px) {
  #footer small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2; } }