html {
  font-size: 14px; }

body {
  position: relative;
  overflow-x: hidden; }
  body.hide {
    overflow: hidden; }

a {
  color: #000; }

/*common-parts*/
.inview {
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transition-duration: .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .inview:hover {
    text-decoration: none; }

.unscroll {
  opacity: 0 !important; }

.nicolate-nazonazo * {
  box-sizing: border-box;
  max-width: 100%;
  animation-duration: 1s !important; }
.nicolate-nazonazo img {
  display: block; }
.nicolate-nazonazo .scroll_animate.inview {
  transition: none; }
.nicolate-nazonazo .inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1136px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
.nicolate-nazonazo .o_sp {
  display: none; }
.nicolate-nazonazo .deley07s {
  animation-delay: 0.7s !important; }
.nicolate-nazonazo__top {
  padding: 16px 0 80px;
  background-image: url(../images/bg_pt.png);
  background-size: 73px; }
.nicolate-nazonazo__top_imgs_main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .nicolate-nazonazo__top_imgs_main--reverse {
    flex-direction: row-reverse; }
.nicolate-nazonazo__top_imgs_main_item {
  width: calc((100% - 90px) / 10); }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(1) {
    animation-delay: 0.1s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(2) {
    animation-delay: 0.2s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(3) {
    animation-delay: 0.3s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(4) {
    animation-delay: 0.4s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(5) {
    animation-delay: 0.5s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(6) {
    animation-delay: 0.6s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(7) {
    animation-delay: 0.7s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(8) {
    animation-delay: 0.8s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(9) {
    animation-delay: 0.9s; }
  .nicolate-nazonazo__top_imgs_main_item:nth-child(10) {
    animation-delay: 1s; }
.nicolate-nazonazo__top_main {
  padding: 30px 0; }
.nicolate-nazonazo__top_logo {
  animation-delay: .4s;
  transition-delay: .4s;
  transition-duration: .4s;
  max-width: 656px;
  margin: 0 auto 30px; }
.nicolate-nazonazo__top_btWrap {
  max-width: 656px;
  margin: 0 auto; }
.nicolate-nazonazo__top_bt {
  display: block;
  max-width: 400px;
  margin: 0 auto;
  background-color: #4c2515;
  padding: 20px;
  border-radius: 40px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .nicolate-nazonazo__top_bt:hover {
    text-decoration: none; }
  .nicolate-nazonazo__top_bt img {
    max-width: 280px;
    margin: 0 auto; }
  .nicolate-nazonazo__top_bt:hover {
    background-color: #904222; }
.nicolate-nazonazo__top_arrow {
  max-width: 30px;
  margin: 14px auto 0;
  transition-delay: 1s; }
.nicolate-nazonazo__top_arrow_bt {
  display: block; }
.nicolate-nazonazo__top_under {
  padding-top: 90px; }
.nicolate-nazonazo__top_textWrap {
  max-width: 598px;
  margin: 0 auto 60px; }
.nicolate-nazonazo__top_text {
  margin-top: 30px; }
  .nicolate-nazonazo__top_text--hasruby {
    margin-top: 16px; }
  .nicolate-nazonazo__top_text:first-child {
    margin-top: 0; }
.nicolate-nazonazo__top_imgs_sub {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  max-width: 924px;
  margin: 0 auto 50px; }
.nicolate-nazonazo__top_imgs_sub_item {
  width: calc((100% - 72px) / 4); }
  .nicolate-nazonazo__top_imgs_sub_item:nth-child(2n) {
    margin-top: 20px; }
  .nicolate-nazonazo__top_imgs_sub_item:nth-child(1) {
    animation-delay: 0.1s; }
  .nicolate-nazonazo__top_imgs_sub_item:nth-child(2) {
    animation-delay: 0.2s; }
  .nicolate-nazonazo__top_imgs_sub_item:nth-child(3) {
    animation-delay: 0.3s; }
  .nicolate-nazonazo__top_imgs_sub_item:nth-child(4) {
    animation-delay: 0.4s; }
.nicolate-nazonazo__question {
  padding: 0 0 70px;
  background-image: url(../images/bg_pt.png);
  background-size: 73px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .nicolate-nazonazo__question:hover {
    text-decoration: none; }
  .nicolate-nazonazo__question.trans {
    opacity: 0; }
.nicolate-nazonazo__question_heading {
  background-color: #8dc52f;
  padding: 18px;
  margin-bottom: 50px; }
.nicolate-nazonazo__question_heading_text {
  display: block;
  max-width: 144px;
  margin-left: auto;
  margin-right: auto; }
.nicolate-nazonazo__question_text {
  max-width: 766px;
  margin: 0 auto 30px; }
.nicolate-nazonazo__choice {
  max-width: 440px;
  margin: 0 auto 40px; }
.nicolate-nazonazo__choice_item {
  margin-top: 20px; }
  .nicolate-nazonazo__choice_item:first-child {
    margin-top: 0; }
  .nicolate-nazonazo__choice_item:nth-child(1) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; }
  .nicolate-nazonazo__choice_item:nth-child(2) {
    animation-delay: 0.2s;
    transition-delay: 0.2s; }
  .nicolate-nazonazo__choice_item:nth-child(3) {
    animation-delay: 0.3s;
    transition-delay: 0.3s; }
.nicolate-nazonazo__choice_bt {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background-image: none;
  box-shadow: none;
  background-color: #fff;
  padding: 15px;
  border-radius: 30px;
  width: 100%;
  cursor: pointer;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .nicolate-nazonazo__choice_bt:hover {
    text-decoration: none; }
  .nicolate-nazonazo__choice_bt:hover {
    background-color: #ffa166; }
.nicolate-nazonazo__choice_bt_text {
  height: 27px;
  width: auto;
  margin: 0 auto; }
.nicolate-nazonazo__hint_bt {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  border: 4px solid #4c2515;
  background-image: none;
  box-shadow: none;
  background-color: #fff6af;
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  max-width: 280px;
  margin: 0 auto; }
  .nicolate-nazonazo__hint_bt:hover {
    text-decoration: none; }
  .nicolate-nazonazo__hint_bt:hover {
    background-color: #ffa166; }
.nicolate-nazonazo__hint_bt_text {
  height: 27px;
  width: auto;
  margin: 0 auto; }
.nicolate-nazonazo .correct .nicolate-nazonazo__question,
.nicolate-nazonazo .incorrect .nicolate-nazonazo__question {
  display: none; }
.nicolate-nazonazo .correct .nicolate-nazonazo__correct {
  display: block;
  opacity: 1; }
.nicolate-nazonazo .incorrect .nicolate-nazonazo__incorrect {
  display: block;
  opacity: 1; }
.nicolate-nazonazo__correct {
  padding: 50px 0;
  position: relative;
  display: none;
  overflow: hidden;
  min-height: 500px; }
  .nicolate-nazonazo__correct .inner {
    position: relative;
    z-index: 10; }
.nicolate-nazonazo__correct_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .2s ease 0s;
  transform: translateY(-100%);
  background-color: #ff7980; }
  .nicolate-nazonazo__correct_bg.active {
    transform: translateY(0%); }
.nicolate-nazonazo__correct_heading {
  margin-bottom: 36px; }
.nicolate-nazonazo__correct_heading_img {
  margin: 0 auto;
  max-width: 340px; }
.nicolate-nazonazo__incorrect {
  padding: 50px 0;
  position: relative;
  display: none;
  overflow: hidden;
  min-height: 500px; }
  .nicolate-nazonazo__incorrect .inner {
    position: relative;
    z-index: 10; }
.nicolate-nazonazo__incorrect_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .2s ease 0s;
  opacity: 0;
  background-color: #679fe1; }
  .nicolate-nazonazo__incorrect_bg.active {
    opacity: 1; }
.nicolate-nazonazo__incorrect_heading {
  margin-bottom: 36px; }
.nicolate-nazonazo__incorrect_heading_img {
  margin: 0 auto;
  max-width: 340px; }
.nicolate-nazonazo__answer_img {
  margin: 0 auto 26px;
  max-width: 318px; }
.nicolate-nazonazo__answer_text {
  margin: 0 auto 26px;
  max-width: 768px; }
.nicolate-nazonazo__materialWrap {
  margin-bottom: 40px; }
.nicolate-nazonazo__material_bt {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  border: 4px solid #4c2515;
  background-image: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px 5px 14px;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  max-width: 280px;
  margin: 0 auto; }
  .nicolate-nazonazo__material_bt:hover {
    text-decoration: none; }
  .nicolate-nazonazo__material_bt:hover {
    background-color: #fff; }
.nicolate-nazonazo__material_bt_text {
  height: 34px;
  width: auto;
  margin: 0 auto; }
.nicolate-nazonazo__next_bt {
  display: block;
  max-width: 440px;
  margin: 0 auto;
  background-color: #4c2515;
  padding: 20px;
  border-radius: 40px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .nicolate-nazonazo__next_bt:hover {
    text-decoration: none; }
  .nicolate-nazonazo__next_bt img {
    max-width: 280px;
    margin: 0 auto; }
  .nicolate-nazonazo__next_bt:hover {
    background-color: #904222; }
.nicolate-nazonazo__next_bt_text {
  height: 27px;
  width: auto;
  margin: 0 auto; }
.nicolate-nazonazo__thxWrap {
  margin: 0 auto 30px;
  max-width: 660px; }

.hintModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
  background-color: rgba(243, 243, 184, 0.9);
  padding: 30px; }
  .hintModal__in {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px; }
  .hintModal__content {
    max-width: 540px;
    width: 100%;
    padding: 20px;
    max-height: calc(100% - 60px);
    -webkit-overflow-scrolling: touch;
    overflow: hidden; }
    .hintModal__content.active {
      overflow: auto; }
  .hintModal__box {
    position: relative;
    opacity: 0;
    animation-delay: 0s;
    transition: none; }
    .hintModal__box.active {
      opacity: 1; }
  .hintModal__heading {
    background-color: #8dc52f;
    padding: 12px;
    border-radius: 12px 12px 0 0; }
  .hintModal__heading_img {
    max-width: 90px;
    margin: 0 auto; }
  .hintModal__main {
    background-color: #fff;
    padding: 36px 10px;
    border-radius: 0 0 12px 12px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    .hintModal__main--1 {
      padding-bottom: 182px;
      background-image: url(../images/hint_img1.jpg);
      background-size: 236px; }
    .hintModal__main--2 {
      padding-bottom: 142px;
      background-image: url(../images/hint_img2.jpg);
      background-size: 216px; }
    .hintModal__main--3 {
      padding-bottom: 142px;
      background-image: url(../images/hint_img3.jpg);
      background-size: 216px; }
    .hintModal__main--4 {
      padding-bottom: 112px;
      background-image: url(../images/hint_img4.jpg);
      background-size: 224px; }
    .hintModal__main--5 {
      padding-bottom: 112px;
      background-image: url(../images/hint_img5.jpg);
      background-size: 224px; }
    .hintModal__main--6 {
      padding-bottom: 160px;
      background-image: url(../images/hint_img6.jpg);
      background-size: 150px; }
    .hintModal__main--7 {
      padding-bottom: 122px;
      background-image: url(../images/hint_img7.jpg);
      background-size: 224px; }
    .hintModal__main--8 {
      padding-bottom: 122px;
      background-image: url(../images/hint_img8.jpg);
      background-size: 224px; }
    .hintModal__main--9 {
      padding-bottom: 136px;
      background-image: url(../images/hint_img9.jpg);
      background-size: 174px;
      background-position: bottom -50px center; }
    .hintModal__main--10 {
      padding-bottom: 176px;
      background-image: url(../images/hint_img10.jpg);
      background-size: 214px; }
  .hintModal__text {
    justify-content: center;
    align-items: center; }

.materialModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
  background-color: rgba(243, 243, 184, 0.9);
  padding: 30px; }
  .materialModal__in {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px; }
  .materialModal__content {
    max-width: 540px;
    width: 100%;
    padding: 20px;
    max-height: calc(100% - 60px);
    -webkit-overflow-scrolling: touch;
    overflow: hidden; }
    .materialModal__content.active {
      overflow: auto; }
  .materialModal__box {
    position: relative;
    opacity: 0;
    animation-delay: 0s;
    transition: none; }
    .materialModal__box.active {
      opacity: 1; }
  .materialModal__heading {
    background-color: #abd3f4;
    padding: 12px;
    border-radius: 12px 12px 0 0; }
  .materialModal__heading_img {
    max-width: 158px;
    margin: 0 auto; }
  .materialModal__main {
    background-color: #fff;
    padding: 20px 10px 36px;
    border-radius: 0 0 12px 12px; }
  .materialModal__img {
    max-width: 280px;
    margin: 0 auto 20px; }
  .materialModal__list1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    max-width: 450px;
    margin: 0 auto; }
    .materialModal__list1 > li {
      width: calc((100% - 30px) / 4); }
  .materialModal__list2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    max-width: 340px;
    margin: 0 auto; }
    .materialModal__list2 > li {
      width: calc((100% - 20px) / 3); }

.modalClose {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  transform: translate(30%, -30%);
  width: 40px;
  height: 40px;
  border: 0;
  background-color: #fff;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  background-image: none;
  box-shadow: none;
  cursor: pointer;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .modalClose:hover {
    text-decoration: none; }
  .modalClose:before, .modalClose:after {
    content: '';
    width: 60%;
    background-color: #189c00;
    padding-top: 11%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .modalClose:before:hover, .modalClose:after:hover {
      text-decoration: none; }
  .modalClose.material:before, .modalClose.material:after {
    background-color: #0f6dba; }
  .modalClose.material:hover {
    background-color: #0f6dba; }
  .modalClose:before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .modalClose:after {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .modalClose:hover {
    background-color: #189c00; }
    .modalClose:hover:before, .modalClose:hover:after {
      background-color: #fff; }

@media only screen and (max-width: 1980px) {
  html {
    font-size: 14px; }

  a {
    color: #000; }

  /*common-parts*/
  .nicolate-nazonazo .o_wo_tab {
    display: none; } }
@media only screen and (max-width: 1023px) {
  html {
    font-size: 14px; }

  body {
    font-size: 1rem;
    line-height: 1.6; }

  a {
    color: #000; }

  /*common-parts*/
  .nicolate-nazonazo .inner {
    padding-left: 30px;
    padding-right: 30px; }
  .nicolate-nazonazo__choice {
    max-width: 400px; } }
@media only screen and (max-width: 767px) {
  html {
    font-size: 14px; }

  a {
    color: #000; }

  /*common-parts*/
  .nicolate-nazonazo .o_pc {
    display: none; }
  .nicolate-nazonazo .o_sp {
    display: block; }
  .nicolate-nazonazo__top {
    background-size: 40px; }
  .nicolate-nazonazo__top_imgs_main {
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    position: relative;
    left: -15px; }
    .nicolate-nazonazo__top_imgs_main--reverse {
      flex-direction: row-reverse; }
      .nicolate-nazonazo__top_imgs_main--reverse .nicolate-nazonazo__top_imgs_main_item:nth-child(n+6) {
        display: block; }
      .nicolate-nazonazo__top_imgs_main--reverse .nicolate-nazonazo__top_imgs_main_item:nth-child(-n+5) {
        display: none; }
  .nicolate-nazonazo__top_imgs_main_item {
    width: calc((100% - 24px) / 5); }
    .nicolate-nazonazo__top_imgs_main_item:nth-child(n+6) {
      display: none; }
  .nicolate-nazonazo__top_logo {
    max-width: 456px;
    width: 70%; }
  .nicolate-nazonazo__top_bt {
    padding: 20px 15px; }
    .nicolate-nazonazo__top_bt img {
      max-width: 340px;
      width: 100%; }
  .nicolate-nazonazo__top_under {
    padding-top: 70px; }
  .nicolate-nazonazo__top_textWrap {
    max-width: 420px;
    width: 90%;
    margin-bottom: 40px; }
  .nicolate-nazonazo__top_imgs_sub {
    flex-wrap: wrap;
    max-width: 440px;
    margin-bottom: 40px;
    padding-bottom: 40px; }
  .nicolate-nazonazo__top_imgs_sub_item {
    width: calc(50% - 10px);
    margin-top: 20px; }
    .nicolate-nazonazo__top_imgs_sub_item:nth-child(-n+2) {
      margin-top: 0; }
    .nicolate-nazonazo__top_imgs_sub_item:nth-child(2n) {
      position: relative;
      top: 40px; }
  .nicolate-nazonazo__question {
    background-size: 40px;
    padding-bottom: 40px; }
  .nicolate-nazonazo__question_heading {
    padding: 12px;
    margin-bottom: 30px; }
  .nicolate-nazonazo__question_heading_text {
    max-width: 88px; }
  .nicolate-nazonazo__question_text {
    max-width: 480px;
    margin-bottom: 40px;
    width: calc(100% + 20px);
    position: relative;
    left: -10px; }
  .nicolate-nazonazo__hint_bt {
    max-width: 200px; }
  .nicolate-nazonazo__correct_heading {
    margin-bottom: 20px; }
  .nicolate-nazonazo__correct_heading_img {
    max-width: 250px; }
  .nicolate-nazonazo__incorrect_heading {
    margin-bottom: 20px; }
  .nicolate-nazonazo__incorrect_heading_img {
    max-width: 250px; }
  .nicolate-nazonazo__answer_img {
    max-width: 280px; }
  .nicolate-nazonazo__answer_text {
    max-width: 420px;
    margin-bottom: 32px; }
  .nicolate-nazonazo__materialWrap {
    margin-bottom: 30px; }
  .nicolate-nazonazo__material_bt {
    max-width: 240px; }

  .hintModal__in {
    padding: 0; }
  .hintModal__content {
    max-width: 440px; }
  .hintModal__main {
    padding-left: 25px;
    padding-right: 25px; }
    .hintModal__main--1 {
      padding-top: 6%;
      padding-bottom: 40%;
      background-size: 60%; }
    .hintModal__main--2 {
      padding-top: 9%;
      padding-bottom: 35%;
      background-size: 60%; }
    .hintModal__main--3 {
      padding-top: 9%;
      padding-bottom: 35%;
      background-size: 60%; }
    .hintModal__main--4 {
      padding-top: 9%;
      padding-bottom: 28%;
      background-size: 65%; }
    .hintModal__main--5 {
      padding-top: 9%;
      padding-bottom: 28%;
      background-size: 65%; }
    .hintModal__main--6 {
      padding-top: 9%;
      padding-bottom: 34%;
      background-size: 40%; }
    .hintModal__main--7 {
      padding-top: 9%;
      padding-bottom: 34%;
      background-size: 60%; }
    .hintModal__main--8 {
      padding-top: 9%;
      padding-bottom: 28%;
      background-size: 60%; }
    .hintModal__main--9 {
      padding-top: 9%;
      padding-bottom: 30%;
      background-size: 42%;
      background-position: bottom center; }
    .hintModal__main--10 {
      padding-top: 9%;
      padding-bottom: 30%;
      background-size: 50%; }
  .hintModal__text {
    min-height: 40px; }

  .materialModal__in {
    padding: 0; }
  .materialModal__content {
    max-width: 440px; }
  .materialModal__main {
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px; }
  .materialModal__img {
    max-width: 250px; }
  .materialModal__list1 {
    flex-wrap: wrap;
    max-width: 290px; }
    .materialModal__list1 > li {
      margin-top: 10px;
      width: calc((100% - 10px) / 2); }
      .materialModal__list1 > li:nth-child(-n+2) {
        margin-top: 0; } }