a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,
center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,
form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,
nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 62.5%;
    font: inherit;
    vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
img { width: 100%;}
ol,ul {
    list-style: none;
}
blockquote,q {
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1 {
    margin: 1rem 0;
    text-align: center;
    color: #007ee6;
    font-weight: bold;
    font-size: 3rem;
    line-height: 3rem;
}
.contents {
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}
.contents .section h2 {
    font-size: 1.6rem;
    line-height: 1.8rem;
}
body .contents .section h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
}
body .contents .section .txt {
    font-size: 2.4rem;
    line-height: 2.8rem;
}
body .btn {
    font-size: 2.8rem;
    line-height: 3.2rem;
}
body #toTop a {
    font-size: 2.8rem;
    line-height: 3.2rem;
}

.contents .section .txt {
    font-size: 2.8rem;
    line-height: 3.2rem;
}
.btn,
.modalOpen {
    font-size: 1rem;
    line-height: 1rem;
}
body {
    box-sizing: border-box;
}
@media only screen and (min-width: 769px){
    html {
        font-size: 44%;
    }
    body {
        max-width: 700px;
        margin: 0 auto;
    }
    body#hr .contents #start .inner {
        padding: 22rem 1rem 31rem;
    }    
    body #start .book {
        width: 25%;
        bottom: 4rem;
    }
}
body .navbar-toggle {
    display: none;
}
.contents .section {
    display: none;
}
.contents .section:last-child {
    border: none;
}
#start.section.is-fadeIn .inner {
    height: 100vh;
}
.contents .inner {
    padding: 2rem 1rem 30rem;
    position: relative;
    box-sizing: border-box;
}
.contents #categoryZ .inner {
    padding: 1rem 1rem 50rem;
}
.contents #start .inner {
    padding: 5rem 1rem 15rem;
}
.contents .section h2 {
    margin-bottom: 1rem;
    padding: 1rem;
    border-bottom: 4px dotted #ccc;
}
.contents .section .txt {
    margin: 0 0 2rem;
    word-wrap: break-word;
}
.contents .answerList {

}
.contents .answerList .answerList_item {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.btn {
    width: 100%;
    padding: 2rem 1rem;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    white-space: break-spaces;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    cursor: pointer;
  }
  
  .btn:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    color: #000;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  }

.is-fadeIn {
    display: block !important;
    opacity: 1 !important;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
}
@-webkit-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
.is-fadeOut {
    height: 0;
    opacity: 0 !important;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
}
@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        height: 100%;
    }
    95% {
        opacity: 1;
        height: 100%;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
        height: 100%;
    }
    95% {
        opacity: 1;
        height: 100%;
    }
    100% {
        opacity: 0;
    }
}

#toTop a {
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    background: #ff9900;
    cursor: pointer;
}
#toTop a:hover {
    opacity: 0.8;
}

#score {
    font-size: 1.4rem;
    text-align: center;
}
#totalScore {
    font-size: 6rem;
}
#myChartD{
    width: 100%;
}
#comment2 ul {
    margin-bottom: 2rem;
}
#categoryZ .book {
    width: 70%;
    margin: 0 auto;
}

#start {
    background-size: 100%;
    background-repeat: no-repeat;
}
#start .answerList_item {
    width: 70%;
    margin: 0 auto;
}
#start .btn {
    font-size: 3rem;
}
#start .book {
    width: 35%;
    margin: 2rem auto 0;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}
#categoryZ h2 {
    text-align: center;
}
.recommendWrap {
    margin: 0 0 4rem;
    padding: 1rem;
    border: 1px solid #000;
}
.recommendWrap h3 {
    text-align: center;
}
.recommendList {
    margin: 1rem 0;
}
.recommendList li {
    padding-left: 2rem;
    position: relative;
}
.recommendList li:before {
    content: '・';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.comment {
    margin-bottom: 2rem;
}
#comment2 .resultTtl {
    padding-bottom: 0.5rem;
    margin-bottom: 0.7rem;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size:2.4rem;
    font-weight: bold;
}
#comment2 .resultTxt {
    margin-bottom: 1rem;
}

body#hr {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
}
#hr h1 {
    
}
@media only screen and (min-width: 769px){
    #hr #start h1 {
        width: 50%;
        margin: 20px auto;
        padding: 5rem;
        background: rgba(255,255,255,0.7);
    }
}

#hr .contents #start .inner {
    padding: 16rem 1rem 4rem;
}
#hr #toTop a {
    color: #fff;
    background: #ff9900;
}
#hr #start {
    background-image: url(../images/bg_hr_top.png), url(../images/bg_hr_bottom.png), url(../images/bg_hr_back.jpg);
    background-position: top center, bottom center, top center;
    background-size: 100% auto, 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat, repeat-y;
}
#hr #start .btn,
#hr .btn,
#hr .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-image: -moz-linear-gradient( 90deg, rgb(229,0,79) 0%, rgb(229,0,79) 51%, rgb(246,0,85) 52%, rgba(246,0,85,0.99608) 100%) !important;
    background-image: -webkit-linear-gradient( 90deg, rgb(229,0,79) 0%, rgb(229,0,79) 51%, rgb(246,0,85) 52%, rgba(246,0,85,0.99608) 100%) !important;
    background-image: -ms-linear-gradient( 90deg, rgb(229,0,79) 0%, rgb(229,0,79) 51%, rgb(246,0,85) 52%, rgba(246,0,85,0.99608) 100%) !important;
}
#hr #Z01 .resultGroup {
    display: none;
}
#hr #Z01.resultA .resultA,
#hr #Z01.resultB .resultB,
#hr #Z01.resultC .resultC,
#hr #Z01.resultD .resultD,
#hr #Z01.resultE .resultE,
#hr #Z01.resultF .resultF,
#hr #Z01.resultG .resultG,
#hr #Z01.resultH .resultH,
#hr #Z01.resultZ .resultZ {
    display: block;
}

body#keiei {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
}
#keiei h1 {
    color: #2592af;
}
@media only screen and (min-width: 769px){
    #keiei #start h1 {
        width: 50%;
        margin: 20px auto;
        padding: 5rem;
        background: rgba(255,255,255,0.7);
    }
}
.mktoButtonRow {
    display: block !important;
}
.mktoButtonWrap {
    margin: 0 !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 100%;
    padding: 2rem 0.5rem !important;
    font-size: 3rem !important;
    border: none;
    border-radius: 10px;
}

#Lblremarks,
.mktoFieldDescriptor.mktoFormCol #remarks {
    /* display: none; */
}



body #mktoForm_1610 {
    width: 100% !important;
    padding: 0;
    font-size: inherit !important;
}
body .mktoFormCol,
body .mktoForm .mktoFieldWrap {
    width: 100% !important;
}
body .mktoForm .mktoLabel {
    text-align: center;
}
body .mktoAsterix {
    font-size: 0;
    position: relative;
}
body .mktoAsterix:after {
    width: 4rem;
    height: 3.2rem;
    margin: auto;
    background: #ff0000;
    color: #ffffff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
    display: block;
    content: '必須';
    position: absolute;
    right: 5px;
    top: 0;
}
@media only screen and (max-width: 480px){
    body .mktoAsterix:after {
        width: 6rem;
        height: 3.4rem;
        font-size: 2rem;
    }
}
.mktoHtmlText h3 {
    text-align: center;
}
body .mktoField[type="radio"] {
    display: none; }
      
    body .mktoField[type="radio"] + label {
      margin: 0 5px 5px 0;
      padding: 0.7rem 1rem 0.7rem 1rem;
      border-radius: 50px;
      color: #000;
      background: #fff;
      position: relative;
    }
    body .mktoField[type="radio"] + label::before {
      margin: auto 0 !important;
      font-family: "Font Awesome 5 Free" !important;
      content: '\f111' !important;
      font-weight: 400;
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      left: 0.5rem;
      top: 0;
      bottom: 0;
    }
    body .mktoField[type="radio"]:checked + label {
        color: #fff;
        background: #0041B3;
    }  
    body .mktoField[type="radio"]:checked + label::before {
      content: '\f192' !important;
      font-weight: 400;
      color: #ffffff !important;
    }

  body .mktoField[type="checkbox"] {
    display: none; }
    body .mktoField[type="checkbox"] + label {
      margin: 0 5px 5px 0;
      padding: 0.7rem 1rem 0.7rem 2rem;
      border-radius: 50px;
      color: #000;
      background: #fff;
      display: inline-block;
      position: relative;
    }
    body .mktoField[type="checkbox"]:checked + label {
      color: #fff;
      background: #0041B3;
      box-sizing: border-box;
    }
    body .mktoField[type="checkbox"] + label::before {
      margin: auto 0 !important;
      padding-right: 10px;
      font-family: "Font Awesome 5 Free" !important;
      content: '\f0c8' !important;
      font-weight: 400;
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      left: 0.5rem;
      top: 0;
      bottom: 0;
    }
    body .mktoField[type="checkbox"]:checked + label::before {
        content: '\f14a' !important;
        font-weight: 900;
        color: #fff !important;
    }
    .mktoForm input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm div.mktoLogicalField.mktoInvalid {
        border: none !important;
    }
    body .mktoForm .mktoError .mktoErrorMsg {
     background: #ff0000;
     text-shadow: none;
     box-shadow: none;
     border: none;
  }
  body .mktoForm .mktoError .mktoErrorArrow {
      border: none;
      background: #ff0000;
  }
  body .mktoField[type="radio"] + label {
    display: inline-block !important;
  }
  

  body .mktoField[type="text"],
  body .mktoField[type="email"],
  body .mktoField[type="tel"],
  body .mktoField[type="email"],
  body select.mktoField,
  body textarea.mktoField {
    padding: 10px;
    background: #ffffff;
    border: none;
    border: 3px solid #999;
    font-size: 2.6rem !important;
  }
  body .mktoField[type="text"]::placeholder,
  body .mktoField[type="email"]::placeholder,
  body .mktoField[type="tel"]::placeholder,
  body .mktoField[type="email"]::placeholder,
  body select.mktoField::placeholder,
  body textarea.mktoField::placeholder {
      color: #ccc;
  }
  body .mktoForm .mktoRadioList > label,
  body .mktoForm .mktoCheckboxList > label,
  body .mktoField[type="radio"] + label {
      margin: 0 1rem 1rem 0 !important;
      padding: 2rem 2rem 2rem 3.5rem;
    }
  body .mktoField[type="radio"] + label::before,
  body .mktoField[type="checkbox"] + label::before {
      width: 2rem !important;
      height: 1rem !important;
      padding: 0 0 1rem 0 !important;
      font-size: 2rem !important;
      line-height: 2rem !important;
      left: 1rem;
  }
  body .mktoForm .mktoLabel {
    margin: 0 0 0.5rem !important;
    font-size: 2.8rem;
  }
  .mktoHtmlText {
      width: 100% !important;
  }
  .mktoForm .mktoGutter {
      display: none;
  }
  body textarea.mktoField {
      min-height: 7rem;
  } 
  #contact_free {
      
  }

  body .mktoField[type="text"],
  body .mktoField[type="email"],
  body .mktoField[type="tel"],
  body .mktoField[type="email"],
  body textarea.mktoField {
    width: 100% !important;
    padding: 1rem !important;
  }
@media only screen and (max-width: 480px){
    body .mktoField[type="text"],
    body .mktoField[type="email"],
    body .mktoField[type="tel"],
    body .mktoField[type="email"],
    body textarea.mktoField {
        padding: 1rem !important;
        font-size: 3.4rem !important;
        line-height: 3.8rem !important;
        height: inherit !important;
    }
}
  body select.mktoField {
      width: 100% !important;
      padding: 1.5rem 1rem !important;
    }

  body .mktoForm textarea.mktoField,
  body textarea.mktoField {
      width: 100%;
  }
  body .mktoField[type="radio"] + label::before {
      width: 1.5rem;
      height: 1.5rem;
      background-size: 100%;
  }
  body .mktoForm .mktoFieldWrap {
      float: inherit;
  }
  body .mktoForm .mktoRequiredField label.mktoLabel,
  body .mktoForm .mktoLabel {
      width: 100% !important;
      text-align: left;
      font-weight: bold;
      background: inherit;
      display: block;
      box-sizing: border-box;
      float: inherit;
  }
  body .mktoForm .mktoRadioList, body .mktoForm .mktoCheckboxList {
      width: 100% !important;
      padding: 0;
      float: inherit;
      clear: both;
  }
  .mktoFormRow:nth-child(9) .mktoFormCol {
      width: 50%;
      float: left;
  }
  body .mktoAsterix {
      width: 100%;
      height: 0;
  }
  #LblCity,
  #LblCity .mktoAsterix,
  #LblLastName,
  #LblLastName .mktoAsterix {
      display: none;
  }
  .mktoForm .mktoOffset {
      display: none;
  }
  .mktoButtonWrap {
      margin: 0 auto !important;
  }
  .policy-link {
      padding: 1rem !important;
      border: 5px dotted #FF9900;
  }
  .policy-link p {
    margin-bottom: 1rem !important;
    line-height: 2.0rem;
    font-size: 1.8rem;
  }
  .policy-link img {
    width: 30%;
    margin: 0 auto;
    display: block;
  }





#hr .mktoFormRow:nth-child(0),
#hr .mktoFormRow:nth-child(1),
#hr .mktoFormRow:nth-child(5) {
    visibility:hidden;
    height: 0 !important;
    overflow: hidden;
}