/**@mixin en{
	font-family: "century-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}**/
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

.container figure, .container figcaption {
  margin: 0;
  padding: 0; }

.img .note {
  position: relative;
  margin-top: .2rem;
  text-align: right;
  bottom: auto;
  right: auto; }

.page-top {
  z-index: 9; }

h4.main-copy .subttl {
  margin: 0 auto;
  display: inline-block;
  background: #034E54;
  padding: .5rem 2rem;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 40px; }
h4.main-copy p {
  margin-top: 2rem;
  line-height: 1.4; }
h4.main-copy .marker {
  color: #886300;
  font-size: 5.4rem;
  background: -webkit-linear-gradient(transparent 75%, #DED3B7 75%, #DED3B7 90%, transparent 90%);
  background: -o-linear-gradient(transparent 75%, #DED3B7 75%, #DED3B7 90%, transparent 90%);
  background: linear-gradient(transparent 75%, #DED3B7 75%, #DED3B7 90%, transparent 90%); }

.faq-box {
  padding: 7rem 0; }

.faq-head {
  background: url("../images/faq/ttl_bg.png") repeat 0% 0%;
  background-size: contain;
  position: relative;
  padding: 1rem; }
  .faq-head .txt {
    text-align: center;
    color: #fff;
    font-size: 2.8rem;
    line-height: 1; }
  .faq-head .img {
    position: absolute;
    bottom: -5rem;
    z-index: 2; }
  @media screen and (max-width: 600px) {
    .faq-head .img {
      bottom: 0; } }

.faq-flex {
  margin-top: 6rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center; }
  .faq-flex * {
    min-height: 0%; }
  .faq-flex .txt-box {
    width: 61.3%; }
    .faq-flex .txt-box .q, .faq-flex .txt-box .a {
      background: #fff;
      margin-left: 2.4rem;
      padding: 2rem 3.5rem;
      border-radius: 5px;
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      align-items: stretch;
      position: relative;
      z-index: 3;
      filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4)); }
      .faq-flex .txt-box .q *, .faq-flex .txt-box .a * {
        min-height: 0%; }
      .faq-flex .txt-box .q .icon, .faq-flex .txt-box .a .icon {
        width: 4.3rem; }
        .faq-flex .txt-box .q .icon img, .faq-flex .txt-box .a .icon img {
          width: 100%;
          height: auto; }
      .faq-flex .txt-box .q a, .faq-flex .txt-box .a a {
        color: #252525; }
      .faq-flex .txt-box .q .txt, .faq-flex .txt-box .a .txt {
        width: calc(100% - 6rem);
        line-height: 2; }
      .faq-flex .txt-box .q .ac, .faq-flex .txt-box .a .ac {
        color: #7b5a00; }
      .faq-flex .txt-box .q .note, .faq-flex .txt-box .a .note {
        margin-top: 1rem; }
      .faq-flex .txt-box .q::after, .faq-flex .txt-box .a::after {
        content: "";
        display: inline-block;
        width: 2.4rem;
        height: 2rem;
        background: url("../images/faq/fukidashi_l.png") no-repeat 0% 0%;
        background-size: contain;
        position: absolute;
        left: -2.4rem;
        top: 2.5rem; }
    .faq-flex .txt-box .q .txt {
      font-size: 2.1rem; }
    .faq-flex .txt-box .a {
      margin-top: 2rem; }
      .faq-flex .txt-box .a .txt {
        font-size: 1.8rem; }
  .faq-flex .img-box {
    width: 30%; }
  .faq-flex:nth-of-type(2n+1) .txt-box {
    -webkit-box-ordinal-group: 3;
    order: 2; }
    .faq-flex:nth-of-type(2n+1) .txt-box .q, .faq-flex:nth-of-type(2n+1) .txt-box .a {
      margin-left: 0;
      margin-right: 2.4rem; }
      .faq-flex:nth-of-type(2n+1) .txt-box .q::after, .faq-flex:nth-of-type(2n+1) .txt-box .a::after {
        background: url("../images/faq/fukidashi_r.png") no-repeat 0% 0%;
        background-size: contain;
        left: auto;
        right: -2.4rem; }
  @media screen and (max-width: 600px) {
    .faq-flex .txt-box {
      width: 100%; }
    .faq-flex .img-box {
      margin: 3rem auto 0 auto;
      width: 90%;
      max-width: 240px; }
    .faq-flex:nth-of-type(2n+1) .txt-box {
      -webkit-box-ordinal-group: -1;
      order: -2; } }

.faq01 {
  background: #f0ece9; }
  .faq01 .faq-head .img {
    width: 21.9%;
    right: 0; }
  .faq01 .marker {
    background: -webkit-linear-gradient(transparent 70%, #F2EEE5 70%);
    background: -o-linear-gradient(transparent 70%, #F2EEE5 70%);
    background: linear-gradient(transparent 70%, #F2EEE5 70%); }
  @media screen and (max-width: 600px) {
    .faq01 .faq-head .img {
      width: 27.5%; } }

.faq02 .faq-head .img {
  width: 27.5%;
  left: 0; }
.faq02 .marker {
  background: -webkit-linear-gradient(transparent 70%, #E8DDC2 70%);
  background: -o-linear-gradient(transparent 70%, #E8DDC2 70%);
  background: linear-gradient(transparent 70%, #E8DDC2 70%); }
.faq02 .faq-flex .txt-box .q, .faq02 .faq-flex .txt-box .a {
  background: #f0ece9; }
  .faq02 .faq-flex .txt-box .q::after, .faq02 .faq-flex .txt-box .a::after {
    background: url("../images/faq/fukidashi2_l.png") no-repeat 0% 0%;
    background-size: contain; }
.faq02 .faq-flex:nth-of-type(2n+1) .txt-box .q::after, .faq02 .faq-flex:nth-of-type(2n+1) .txt-box .a::after {
  background: url("../images/faq/fukidashi2_r.png") no-repeat 0% 0%;
  background-size: contain; }
@media screen and (max-width: 600px) {
  .faq02 .faq-head .img {
    width: 30%; } }