@charset "utf-8";



@media screen and (max-width:750px){}

/*  page commons
==================================*/
#contents ol,
#contents ul,
#contents li {
  list-style: none;
}


#contents .in_btn {
  max-width: 300px;
  margin: 0 auto;
}
#contents .page_btn {
  position: relative;
  display: block;
  background-color: #008c20;
  margin: 0;
  padding: 20px;
  font-size: 19px;
  color: #fff;
  line-height: 1;
  text-align: center;
  border-radius: 60px;
}
#contents .page_btn:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.02%207.67%22%3E%3Cpath%20d%3D%22M2.76%2C7.09A2.94%2C2.94%2C0%2C0%2C1%2C0%2C7.5L3.66%2C3.85%2C0%2C.17A3%2C3%2C0%2C0%2C1%2C3.13.94L6%2C3.83l0%2C0Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  width: 14px;
  height: 0;
  padding-bottom: 18px;
  margin: auto 30px;
}
@media screen and (max-width:750px) {
  #contents .in_btn {
    max-width: 58.6667vw;
  }
  #contents .page_btn {
    padding: 5.3333vw 0;
    font-size: 3.7333vw;
    border-radius: 11.2vw;
  }
  #contents .page_btn:before {
    width: 1.867vw;
    padding-bottom: 2.4vw;
    margin: auto 2.667vw;
  }
}




/*  mainarea
==================================*/
#contents .mainarea {
  max-width: 960px;
  margin: 110px auto 130px;
}

@media screen and (max-width:750px){
  #contents .mainarea {
    margin: 13.3333vw auto 20vw;
  }
}

/* category_section */
#contents .category_section {
  margin-bottom: 1px;
}
#contents .accordion_body {
  display: none;
}
#contents .accordion_body img {
  width: auto;
}
#contents .entry .accordion_body {
  display: block;
}
#contents .category_title {
  position: relative;
  padding: 20px 40px;
  font-size: 20px;
  background-color: #ecf5ee;
  cursor: pointer;
}
#contents .entry .category_title {
  cursor: default;
}
#contents .category_title:before,
#contents .category_title:after {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  background-color: #008c20;
}
#contents .category_title:before {
  right: 40px;
  width: 15px;
  height: 1px;
}
#contents .category_title:after {
  right: 47px;
  width: 1px;
  height: 15px;
  margin-top: -7px;
}
#contents .category_title.on:after {
  opacity: 0;
}
#contents .entry .category_title:before,
#contents .entry .category_title:after {
  display: none;
}
#contents .faq_box {
  border-top: #ecf5ee solid 5px;
  padding: 10px 30px 10px 20px;
}
#contents .faq_box:first-child {
  border-top: none;
}
#contents .category_section.last .faq_box:last-child {
  border-bottom: #ecf5ee solid 5px;
}
#contents .faq_box > * {
  position: relative;
  padding: 25px 0 25px 60px;
}
#contents .faq_box * {
  font-size: 16px;
  line-height: 2;
}
#contents .faq_box > *:before {
  position: absolute;
  top: 23px;
  left: 22px;
  display: block;
  content: '';
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  line-height: 1;
}
#contents .faq_box dt {
  color: #008c20;
  border-bottom: #efefef solid 1px;
}
#contents .faq_box dt:before {
  content: 'Q';
}
#contents .faq_box dd:before {
  content: 'A';
}
#contents .faq_box dd .cap {
  color: #828282;
}
#contents .faq_box dd figure {
  margin-top: 15px;
}
#contents .faq_box dd [class*="column-image"] {
  margin-top: 15px;
  }
@media screen and (max-width:750px){
  #contents .category_title {
    padding: 4.9333vw 10.6667vw;
    font-size: 4.2667vw;
  }
  #contents .faq_box {
    padding: 0 10.6667vw;
  }
  #contents .faq_box > * {
    padding: 8.6667vw 0 8.6667vw 9.3333vw;
  }
  #contents .faq_box * {
    font-size: 3.7333vw;
    line-height: 1.7;
  }
  #contents .faq_box > *:before {
    top: 6.222vw;
    left: 0;
    font-size: 8.6667vw;
  }
}


/* other */
#contents .other {
  margin-top: 70px;
  text-align: center;
}
#contents .other p {
  font-size: 16px;
  line-height: 1.7;
}
#contents .other .in_btn {
  margin-top: 35px;
}
@media screen and (max-width:750px){
  #contents .other {
    margin-top: 13.3333vw;
  }
  #contents .other p {
    font-size: 3.7333vw;
  }
  #contents .other .in_btn {
    margin-top: 5.3333vw;
  }
}



#contents .faq_box [class*="column-eximage"] .caption,
#contents .faq_box [class*="column-image"] .caption,
#contents .faq_box [class*="column-file"] .caption,
#contents .faq_box [class*="column-media"] .caption{
  font-size: 14px;
}
#contents .faq_box [class*="column-file"]{
  margin-top: 30px;
}
#contents .faq_box [class*="column-file"] img{
  width: 100%;
}
#contents .faq_box dd .entrys p.alignCenter {
  text-align: center;
}
#contents .faq_box dd .entrys p strong {
  color: #282828;
}
#contents .faq_box dd .entrys p em {
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
}

/* titles */
#contents .faq_box dd .entrys h4,
#contents .faq_box dd .entrys h5,
#contents .faq_box dd .entrys h6 {
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width:750px){
  #contents .faq_box dd .entrys h4 {
    margin-top: 16.6667%;
    margin-bottom: 4.5455%;
    padding-left: 1em;
    font-size: 4.5333vw;
    border-width: 3px;
  }
  #contents .faq_box dd .entrys h5 {
    margin-top: 9.0909%;
    margin-bottom: 3.7879%;
    padding-left: 1.5em;
    font-size: 4vw;
  }
  #contents .faq_box dd .entrys h6 {
    margin-top: 9.0909%;
    margin-bottom: 1.7879%;
    font-size: 4vw;
  }
  #contents .faq_box dd .entrys h5:before {
    top: 0.25em;
    border-width: 3px;
  }
  #contents .faq_box dd .entrys .fstwrap::first-letter {
    width: 4.4vw;
    padding: 0 1.101vw;
    color: #fff;
    font-size: 3.2vw;
  }
  #contents .faq_box dd .entrys .fstwrap::before {
    display: none;
  }
  #contents .faq_box dd .entrys .fstwrap::after {
    top: 1.001vw;
    width: 4.4vw;
    padding-bottom: 4.4vw;
  }
  #contents .faq_box dd .entrys h5.linewrap {
    margin-top: 6.923%;
    margin-bottom: 3.077%;
    padding: 0.769% 0;
    font-size: 3.733vw;
  }
}


/* lists */
#contents .faq_box dd .entrys ul {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 25px;
}
#contents .faq_box dd .entrys li {
  position: relative;
  margin-bottom: 0;
  font-size: 16px;
}
#contents .faq_box dd .entrys ul li {
  padding-left: 1.8em;
}
#contents .faq_box dd .entrys ul li:before {
  position: absolute;
  top: 0.4em;
  left: 0;
  display: block;
  content: '';
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #088e21;
}
#contents .faq_box dd .entrys ol {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 25px;
  list-style-type: none;
  counter-reset: number 0;
}
#contents .faq_box dd .entrys ol li {
  padding-left: 2.3em;
}
#contents .faq_box dd .entrys ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #088e21;
  font-weight: 700;
  counter-increment: number 1;
	content: counter(number)'.';
}
@media screen and (max-width:750px) {
  #contents .faq_box dd .entrys ul li:before {
    top: 0.3em;
  }
  #contents .faq_box dd .entrys li {
    font-size: 3.733vw;
  }
}


/* table */
#contents .faq_box dd .entrys table {
  border-top: solid 2px #008c20;
  border-left: solid 2px #008c20;
  width: 100%;
  margin-bottom: 25px;
}
#contents .faq_box dd .entrys th,
#contents .faq_box dd .entrys td {
  border-bottom: solid 2px #008c20;
  border-right: solid 2px #008c20;
  padding: 15px 20px;
  line-height: 1.5;
  box-sizing: border-box;
}
#contents .faq_box dd .entrys th {
  background-color: #d5ecda;
  padding: 15px;
  font-size: 18px;
  color: #008c20;
}
#contents .faq_box dd .entrys td {
  font-size: 16px;
  color: #505050;
}
#contents .faq_box dd .entrys td strong {
  color: #008c20;
}
#contents .faq_box dd .entrys td img {
  width: auto;
  margin: 10px 0;
}
#contents .faq_box dd .entrys td a {
  text-decoration: underline;
}
#contents .faq_box dd .entrys td .cap {
  color: #7d7d7d;
}
#contents .faq_box dd .entrys .table-2col-hd th {
  width: 280px;
  box-sizing: border-box;
}
#contents .faq_box dd .entrys .bg_green {
  background-color: #008c20;
  padding: 8px 20px;
  font-size: 19px;
  color: #fff;
}
@media screen and (max-width:750px) {
  #contents .faq_box dd .entrys th,
  #contents .faq_box dd .entrys td {
    display: block;
    width: 100%;
    padding: 3.846%;
  }
  #contents .faq_box dd .entrys th {
    font-size: 3.733vw;
  }
  #contents .faq_box dd .entrys td {
    font-size: 3.2vw;
  }
  #contents .faq_box dd .entrys td .cap {
    font-size: 2.667vw;
  }
  #contents .faq_box dd .entrys .table-2col-hd th {
    width: 100%;
  }
}