@charset "utf-8";

.main_wrapper {
  max-width: 144.0rem;
  margin: 0 auto;
  padding-top: 6.4rem;
  padding-bottom: 10rem;
}

.main_title {
  display: flex;
  align-items: center;
  margin-bottom: 4.0rem;
}

.main_text {
  font-size: 3.6rem;
  color: #333;
  font-family: var(--ZenMaru);
  font-weight: 700;
  margin-left: 1.224rem;
}

.main_img {
  width: 3.55rem;
  height: 3.545rem;
  object-fit: cover;
  vertical-align: bottom;
  margin-left: 12.0rem;
}

.question {
  width: 81.0rem;
  font-size: 2.0rem;
  font-weight: 700;
  font-family: var(--ZenMaru);
  line-height: 1.6em;
  margin-left: 15.0rem;
  padding-top: 3.0rem;
}

.inner {
  color: #E4ACB1;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.23076923077em;
  font-family: var(--ZenMaru);
  margin-right: 1.4rem;
}

.detail {
  width: 86.0rem;
  height: auto;
  margin-left: 19.0rem;
  font-size: 1.6rem;
  font-family: var(--ZenMaru);
  font-weight: 500;
  line-height: 2em;
  margin-top: 2.0rem;
}

.question_outer {
  width: 120.0rem;
  height: auto;
  position: relative;
  background-color: #FAFAFA;
  margin: 0 auto;
  border-radius: 1.0rem 1.0rem 1.0rem 1.0rem;
  margin-top: 2.0rem;
  padding-bottom: 3.0rem;
}

#menu .question::before,
#menu .question::after { 
  content: '';
  width: 3.0rem;
  height: 0.3rem;
  background: #E4ACB1;
  position: absolute;
  right: 5.0rem;
  top: 4.5rem;
}

#menu .question::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

#menu .question.open::before {
  opacity: 0;
}

#menu .question.open::after {
  transform: rotate(180deg);
}

.detail {
  display: none;
}

.wrapper:not(:first-of-type) {
  margin-top: 8.3rem;
}

@media screen and (max-width:699.98px) {
  .main_wrapper {
    max-width: 37.5rem;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 0rem;
  }
  
  .main_title {
    display: flex;
    align-items: center;
    margin-bottom: 1.032rem;
  }
  
  .main_text {
    font-size: 2.4rem;
    color: #333;
    font-family: var(--ZenMaru);
    font-weight: 700;
    line-height: 1.45833333333em;
    margin-left: 1.032rem;
  }
  
  .main_img {
    width: 2.842rem;
    height: 2.839rem;
    object-fit: cover;
    vertical-align: bottom;
    margin-left: 2.0rem;
  }
  
  .question {
    width: 26.0rem;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: var(--ZenMaru);
    line-height: 2em;
    margin-left: 2.0rem;
    padding-top: 3.2rem;
    text-indent: -2.5em;
    padding-left: 2.5em;
  }
  
  .inner {
    color: #E4ACB1;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.23076923077em;
    font-family: var(--ZenMaru);
    margin-right: 1.4rem;
  }
  
  .detail {
    width: 29.6rem;
    height: auto;
    margin-left: 2.0rem;
    font-size: 1.6rem;
    line-height: 2em;
    margin-top: 3.0rem;
  }
  
  .question_outer {
    width: 33.5rem;
    height: auto;
    position: relative;
    background-color: #FAFAFA;
    margin: 0 auto;
    border-radius: 1.0rem 1.0rem 1.0rem 1.0rem;
    margin-top: 2.0rem;
    padding-bottom: 3.0rem;
  }
  
  #menu .question::before,
  #menu .question::after { 
    content: '';
    width: 2.6rem;
    height: 0.3rem;
    background: #E4ACB1;
    position: absolute;
    right: 1.0rem;
    top: 5.5rem;
  }
  
  #menu .question::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
  }
  
  #menu .question.open::before {
    opacity: 0;
  }
  
  #menu .question.open::after {
    transform: rotate(180deg);
  }
  
  .detail {
    display: none;
  }
  
  .wrapper {
    margin-top: 0rem;
  }
}