@charset "utf-8";
/*---------------------- Font Color ----------------------*/
.brown {
  color: #785137;
}
.black {
  color: #000;
}
.green {
  color: #71b054;
}
.orange {
  color: #f3982d;
}
.pink {
  color: #e57f95;
}
/*---------------------- Text Color ----------------------*/
.secInner a {
  text-decoration: underline;
  color: #000;
}
.secInner a:hover {
  color: #000;
  text-decoration: none;
}
.secInner a.green {
  text-decoration: underline;
  color: #71b054;
}
.secInner a.green:hover {
  color: #71b054;
  text-decoration: none;
}
.secInner a.orange {
  text-decoration: underline;
  color: #f3982d;
}
.secInner a.orange:hover {
  color: #f3982d;
  text-decoration: none;
}
.secInner a.pink {
  text-decoration: underline;
  color: #e57f95;
}
.secInner a.pink:hover {
  color: #e57f95;
  text-decoration: none;
}
.secInner .emphasize {
  color: #71b054;
  font-weight: bold;
  font-size: 1.3em;
}
/*---------------------- Arrow Link ----------------------*/
a.arrowLink {
  position: relative;
  padding: 0 0 0 25px;
  color: #000;
  margin: 0 10px;
}
a.arrowLink.green {
  color: #71b054;
}
a.arrowLink.orange {
  color: #f3982d;
}
a.arrowLink.pink {
  color: #e57f95;
}
a.arrowLink::before, a.arrowLink::after {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
a.arrowLink::before {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000;
}
a.arrowLink.green::before {
  background: #71b054;
}
a.arrowLink.orange::before {
  background: #f3982d;
}
a.arrowLink.pink::before {
  background: #e57f95;
}
a.arrowLink::after {
  top: 5px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 1025px) {
  a.arrowLink {
    transition: 0.3s;
  }
}
/*---------------------- Inner ----------------------*/
.secInner {
  max-width: 1024px;
  margin: 0 auto 70px;
}
@media only screen and (max-width: 767px) {
  .secInner {
    margin: 0 auto 50px;
  }
}
/*---------------------- Btm Padding ----------------------*/
.btmPadding {
  padding: 0 0 100px;
}
@media only screen and (max-width: 767px) {
  .btmPadding {
    padding: 0 0 45px;
  }
}
/*---------------------- Inner Title h1 ----------------------*/
.h1Title {
  text-align: center;
  box-sizing: border-box;
}
.h1Title h1 {
  font-weight: bold;
  position: relative;
  display: inline-block;
  line-height: 1.4;
  color: #785137;
}
.h1Title.black h1 {
  color: #000;
}
.h1Title.green h1 {
  color: #71b054;
}
.h1Title.orange h1 {
  color: #f3982d;
}
.h1Title.pink h1 {
  color: #e57f95;
}
@media only screen and (min-width: 768px) {
  .h1Title {
    max-width: 1024px;
    margin: 70px auto 70px;
  }
  .h1Title h1 {
    font-size: 36px;
  }
  .h1Title.flower {
    padding: 0 300px;
  }
  .h1Title.flower h1:before {
    position: absolute;
    left: -300px;
    top: 50%;
    margin-top: -30px;
    content: "";
    display: block;
    width: 208px;
    height: 58px;
    background-image: url(../images/common/title_flower_left_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .h1Title.flower h1:after {
    position: absolute;
    right: -300px;
    top: 50%;
    margin-top: -30px;
    content: "";
    display: block;
    width: 208px;
    height: 58px;
    background-image: url(../images/common/title_flower_right_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media only screen and (max-width: 767px) {
  .h1Title {
    margin: 30px 6% 30px;
  }
  .h1Title h1 {
    font-size: 26px;
  }
  .h1Title.flower {
    padding: 35px 0 0;
  }
  .h1Title.flower h1:before {
    position: absolute;
    left: 50%;
    top: -35px;
    margin-left: -115px;
    content: "";
    display: block;
    width: 104px;
    height: 30px;
    background-image: url(../images/common/title_flower_left_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .h1Title.flower h1:after {
    position: absolute;
    right: 50%;
    top: -35px;
    margin-right: -115px;
    content: "";
    display: block;
    width: 104px;
    height: 30px;
    background-image: url(../images/common/title_flower_right_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
}
/*---------------------- Inner Title h2 ----------------------*/
.h2Title {
  text-align: center;
  box-sizing: border-box;
}
.h2Title h2 {
  font-weight: bold;
  display: inline-block;
  position: relative;
  line-height: 1.4;
  color: #785137;
}
.h2Title.black h2 {
  color: #000;
}
.h2Title.green h2 {
  color: #71b054;
}
.h2Title.orange h2 {
  color: #f3982d;
}
.h2Title.pink h2 {
  color: #e57f95;
}
@media only screen and (min-width: 768px) {
  .h2Title {
    max-width: 1024px;
    margin: 0 auto 50px;
  }
  .h2Title h2 {
    font-size: 36px;
  }
  .h2Title.flower {
    padding: 0 300px;
  }
  .h2Title.flower h2:before {
    position: absolute;
    left: -300px;
    top: 50%;
    margin-top: -30px;
    content: "";
    display: block;
    width: 208px;
    height: 58px;
    background-image: url(../images/common/title_flower_left_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .h2Title.flower h2:after {
    position: absolute;
    right: -300px;
    top: 50%;
    margin-top: -30px;
    content: "";
    display: block;
    width: 208px;
    height: 58px;
    background-image: url(../images/common/title_flower_right_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media only screen and (max-width: 767px) {
  .h2Title {
    margin: 0 6% 25px;
  }
  .h2Title h2 {
    font-size: 26px;
  }
  .h2Title.flower {
    padding: 35px 0 0;
  }
  .h2Title.flower h2:before {
    position: absolute;
    left: 50%;
    top: -35px;
    margin-left: -115px;
    content: "";
    display: block;
    width: 104px;
    height: 30px;
    background-image: url(../images/common/title_flower_left_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .h2Title.flower h2:after {
    position: absolute;
    right: 50%;
    top: -35px;
    margin-right: -115px;
    content: "";
    display: block;
    width: 104px;
    height: 30px;
    background-image: url(../images/common/title_flower_right_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
}
/*---------------------- Sub Title ----------------------*/
p.subTitle {
  font-size: 1.4em;
  margin: 50px 0 50px;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
  color: #785137;
}
p.subTitle.black {
  color: #000;
}
p.subTitle.green {
  color: #71b054;
}
p.subTitle.orange {
  color: #f3982d;
}
p.subTitle.pink {
  color: #e57f95;
}
@media only screen and (max-width: 767px) {
  p.subTitle {
    font-size: 1.2em;
    margin: 30px 6% 30px;
  }
}
/*---------------------- Center Text ----------------------*/
.centerText {
  margin: 30px 0 60px;
  text-align: center;
}
.centerText.bgWhite {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 40px 30px 1px;
}
.centerText p {
  line-height: 1.75;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .centerText {
    margin: 15px 6% 20px;
    text-align: left;
  }
  .centerText.bgWhite {
    padding: 20px 20px 1px;
  }
  .centerText p {
    margin-bottom: 20px;
  }
}
/*---------------------- Left Text ----------------------*/
.leftText {
  margin: 30px 0 60px;
  text-align: left;
}
.leftText.bgWhite {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 40px 30px 1px;
}
.leftText p {
  line-height: 1.75;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .leftText {
    margin: 15px 6% 20px;
    text-align: left;
  }
  .leftText.bgWhite {
    padding: 20px 20px 1px;
  }
  .leftText p {
    margin-bottom: 20px;
  }
}
/*---------------------- Thumbnail List ----------------------*/
.thumbnailList .thumbnailListContainer {
  margin: 0 0 4%;
  box-sizing: border-box;
  border-top: 1px solid #CCCCCC;
  background: #FFFFFF;
}
.thumbnailList .thumbnailListContainer li {
  list-style: none;
  border-bottom: 1px solid #CCC;
}
.thumbnailList .thumbnailListContainer a {
  padding: 1% 0;
  display: table;
  width: 100%;
  text-decoration: none;
  color: #000;
}
.thumbnailList .photo, .thumbnailList .text {
  display: table-cell;
  vertical-align: middle;
}
.thumbnailList .photo {
  width: 100px;
}
.thumbnailList .photo img {
  width: 100%;
  height: auto;
}
.thumbnailList .text {
  padding-left: 30px;
  font-size: 1.2em;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .thumbnailList .thumbnailListContainer {
    margin: 0px 6% 6%;
  }
  .thumbnailList .thumbnailListContainer a {
    text-decoration: none;
    padding: 4% 0;
  }
  .thumbnailList .photo {
    width: 30%;
  }
  .thumbnailList .photo img {
    width: 100%;
  }
  .thumbnailList .text {
    padding-left: 20px;
    font-size: 1.1em;
  }
}
/*---------------------- Style1 1列 ----------------------*/
.secStyle1-1 li {
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  list-style: none;
  background: #FFFFFF;
}
.secStyle1-1 li a {
  text-decoration: none;
  color: #000;
  display: block;
}
.secStyle1-1 li img {
  width: 100%;
}
.secStyle1-1 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle1-1 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 1025px) {
  .secStyle1-1 li.link a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    color: #71b054;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle1-1 li {
    margin: 0 0 4%;
  }
  .secStyle1-1 li a {
    padding: 0 2%;
  }
  .secStyle1-1 li .title {
    font-size: 1.4em;
    padding: 2%;
  }
  .secStyle1-1 li .text {
    padding: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle1-1 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle1-1 li a {
    padding: 0 4%;
  }
  .secStyle1-1 li .title {
    font-size: 1.2em;
    padding: 3% 2%;
  }
  .secStyle1-1 li .text {
    padding: 3% 2%;
  }
}
/*---------------------- Style1 2列 ----------------------*/
.secStyle1-2 li {
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  list-style: none;
  background: #FFFFFF;
}
.secStyle1-2 li a {
  text-decoration: none;
  color: #000;
  display: block;
}
.secStyle1-2 li img {
  width: 100%;
}
.secStyle1-2 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle1-2 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 1025px) {
  .secStyle1-2 li.link a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    color: #71b054;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle1-2 ul {
    letter-spacing: -.40em;
  }
  .secStyle1-2 li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle1-2 li:nth-child(2n) {
    margin-right: 0;
  }
  .secStyle1-2 li a {
    padding: 0 3%;
  }
  .secStyle1-2 li .title {
    font-size: 1.2em;
    padding: 3%;
  }
  .secStyle1-2 li .text {
    padding: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle1-2 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle1-2 li a {
    padding: 0 4%;
  }
  .secStyle1-2 li .title {
    font-size: 1.2em;
    padding: 3% 2%;
  }
  .secStyle1-2 li .text {
    padding: 3% 2%;
  }
}
/*---------------------- Style1 3列 ----------------------*/
.secStyle1-3 li {
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  list-style: none;
  background: #FFFFFF;
}
.secStyle1-3 li a {
  text-decoration: none;
  color: #000;
  display: block;
}
.secStyle1-3 li img {
  width: 100%;
}
.secStyle1-3 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle1-3 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 1025px) {
  .secStyle1-3 li.link a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    color: #71b054;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle1-3 ul {
    letter-spacing: -.40em;
  }
  .secStyle1-3 li {
    width: calc(92% / 3);
    margin-right: 4%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle1-3 li:nth-child(3n) {
    margin-right: 0;
  }
  .secStyle1-3 li a {
    padding: 0 4%;
  }
  .secStyle1-3 li .title {
    font-size: 1.1em;
    padding: 4%;
  }
  .secStyle1-3 li .text {
    padding: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle1-3 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle1-3 li a {
    padding: 0 4%;
  }
  .secStyle1-3 li .title {
    font-size: 1.2em;
    padding: 3% 2%;
  }
  .secStyle1-3 li .text {
    padding: 3% 2%;
  }
}
/*---------------------- Style2 ----------------------*/
.secStyle2 dl {
  margin: 0 0 4%;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
}
.secStyle2 dt {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 15px;
}
.secStyle2 dd {
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .secStyle2 dl {
    margin: 0px 6% 6%;
    padding: 20px 20px 15px;
  }
  .secStyle2 dt {
    font-size: 1.2em;
  }
}
/*---------------------- Style3 1列 ----------------------*/
.secStyle3-1 li a {
  display: block;
  line-height: 0;
}
.secStyle3-1 li img {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .secStyle3-1 li a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle3-1 li {
    margin: 0 0 4%;
    list-style: none;
  }
  .secStyle3-1.medium li {
    width: 60%;
    margin: 0 auto 4%;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle3-1 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
}
/*---------------------- Style3 2列 ----------------------*/
.secStyle3-2 li a {
  display: block;
  line-height: 0;
}
@media only screen and (min-width: 1025px) {
  .secStyle3-2 li a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle3-2 ul {
    letter-spacing: -.40em;
  }
  .secStyle3-2 li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle3-2 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle3-2 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
}
.secStyle3-2 li img {
  width: 100%;
  display: block;
}
/*---------------------- Style3 3列 ----------------------*/
.secStyle3-3 li a {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .secStyle3-3 li a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    line-height: 0;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle3-3 ul {
    letter-spacing: -.40em;
  }
  .secStyle3-3 li {
    width: calc(92% / 3);
    margin-right: 4%;
    margin-bottom: 4%;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle3-3 li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle3-3 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
}
.secStyle3-3 li img {
  width: 100%;
  display: block;
}
/*---------------------- Style3 4列 ----------------------*/
.secStyle3-4 li a {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .secStyle3-4 li a:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    line-height: 0;
  }
}
@media only screen and (min-width: 768px) {
  .secStyle3-4 ul {
    letter-spacing: -.40em;
  }
  .secStyle3-4 li {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 4%;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle3-4 li:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle3-4 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
}
.secStyle3-4 li img {
  width: 100%;
  display: block;
}
/*---------------------- Style4 ----------------------*/
.secStyle4-PL-VL .title, .secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PR-VL .title, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PL-WL .title, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PR-WL .title, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text {
  margin: 0 0 20px;
}
.secStyle4-PL-VL .title, .secStyle4-PR-VL .title, .secStyle4-PL-WL .title, .secStyle4-PR-WL .title {
  font-size: 1.4em;
  line-height: 150%;
  font-weight: bold;
}
.secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text {
  line-height: 1.75;
}
.secStyle4-PL-VL .text img {
  max-width: 40%;
  float: left;
  margin: 0.5em 2em 2em 0;
}
.secStyle4-PL-WL .text img {
  max-width: 70%;
  float: left;
  margin: 0.5em 2em 2em 0;
}
.secStyle4-PR-VL .text img {
  max-width: 40%;
  float: right;
  margin: 0.5em 0 2em 2em;
}
.secStyle4-PR-WL .text img {
  max-width: 70%;
  float: right;
  margin: 0.5em 0 2em 2em;
}
.secStyle4-PL-VL .link, .secStyle4-PL-WL .link, .secStyle4-PR-VL .link, .secStyle4-PR-WL .link {
  text-align: right;
  margin: 0 0 4%;
}
.secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
  color: #71b054;
  border: 1px solid #71b054;
  background-color: #FFF;
  padding: 20px 40px 20px 30px;
  display: inline-block;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  line-height: 150%;
  position: relative;
}
.secStyle4-PL-VL .link a::after, .secStyle4-PR-VL .link a::after, .secStyle4-PL-WL .link a::after, .secStyle4-PR-WL .link a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #71b054;
  border-right: 2px solid #71b054;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 1024px) {
  .secStyle4-PL-VL .link a:hover, .secStyle4-PR-VL .link a:hover, .secStyle4-PL-WL .link a:hover, .secStyle4-PR-WL .link a:hover {
    background-color: rgba(155, 0, 27, 0.1);
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
    padding: 15px 40px 15px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle4-PL-VL .title, .secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PL-VL .link, .secStyle4-PR-VL .title, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PR-VL .link, .secStyle4-PL-WL .title, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PL-WL .link, .secStyle4-PR-WL .title, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text, .secStyle4-PR-WL .link {
    margin: 0 6% 15px;
  }
  .secStyle4-PL-VL .text img, .secStyle4-PR-VL .text img, .secStyle4-PL-WL .text img, .secStyle4-PR-WL .text img {
    max-width: 100%;
    float: none;
    margin: 0 0 10px;
    float: none;
  }
  .secStyle4-PL-VL .link, .secStyle4-PR-VL .link, .secStyle4-PL-WL .link, .secStyle4-PR-WL .link {
    text-align: center;
    margin: 0 6% 6%;
  }
  .secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
    padding: 15px 30px 15px 20px;
  }
  .secStyle4-PL-VL .link a::after, .secStyle4-PR-VL .link a::after, .secStyle4-PL-WL .link a::after, .secStyle4-PR-WL .link a::after {
    right: 15px;
    width: 6px;
    height: 6px;
  }
}
/*---------------------- Style5 1列 ----------------------*/
.secStyle5-1 li {
  list-style: none;
}
.secStyle5-1 li img {
  width: 100%;
}
.secStyle5-1 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle5-1 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 768px) {
  .secStyle5-1 li {
    margin: 0 0 4%;
  }
  .secStyle5-1 li .title {
    font-size: 1.4em;
    padding-bottom: 2%;
  }
  .secStyle5-1 li .text {
    padding: 2% 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle5-1 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle5-1 li .title {
    font-size: 1.2em;
    padding-bottom: 3%;
  }
  .secStyle5-1 li .text {
    padding: 3% 0 0;
  }
}
/*---------------------- Style5 2列 ----------------------*/
.secStyle5-2 li {
  list-style: none;
}
.secStyle5-2 li img {
  width: 100%;
}
.secStyle5-2 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle5-2 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 768px) {
  .secStyle5-2 ul {
    letter-spacing: -.40em;
  }
  .secStyle5-2 li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle5-2 li:nth-child(2n) {
    margin-right: 0;
  }
  .secStyle5-2 li .title {
    font-size: 1.2em;
    padding-bottom: 3%;
  }
  .secStyle5-2 li .text {
    padding: 3% 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle5-2 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle5-2 li .title {
    font-size: 1.2em;
    padding-bottom: 3%;
  }
  .secStyle5-2 li .text {
    padding: 3% 0 0;
  }
}
/*---------------------- Style5 3列 ----------------------*/
.secStyle5-3 li {
  list-style: none;
}
.secStyle5-3 li img {
  width: 100%;
}
.secStyle5-3 li .title {
  line-height: 160%;
  font-weight: bold;
  text-align: center;
}
.secStyle5-3 li .text {
  line-height: 160%;
}
@media only screen and (min-width: 768px) {
  .secStyle5-3 ul {
    letter-spacing: -.40em;
  }
  .secStyle5-3 li {
    width: calc(92% / 3);
    margin-right: 4%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.05em;
  }
  .secStyle5-3 li:nth-child(3n) {
    margin-right: 0;
  }
  .secStyle5-3 li .title {
    font-size: 1.1em;
    padding-bottom: 4%;
  }
  .secStyle5-3 li .text {
    padding: 4% 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .secStyle5-3 li {
    margin: 0px 6% 6%;
    list-style: none;
  }
  .secStyle5-3 li .title {
    font-size: 1.2em;
    padding-bottom: 3%;
  }
  .secStyle5-3 li .text {
    padding: 3% 0 0;
  }
}
/*---------------------- Style6 ----------------------*/
.secStyle6 {
  padding: 0 0 1px;
}
.secStyle6 dl {
  margin: 0 0 4%;
  text-align: center;
}
.secStyle6 dt {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 0px auto 1.5em;
  width: 100%;
  line-height: 150%;
}
.secStyle6 dd {
  line-height: 1.75;
  text-align: left;
}
.secStyle6 dd img.fLeft {
  max-width: 40%;
  float: left;
  margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fLeft.w20 {
  max-width: 20%;
  float: left;
  margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fLeft.w70 {
  max-width: 70%;
  float: left;
  margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fRight {
  max-width: 40%;
  float: right;
  margin: 0.5em 0 0 2em;
}
.secStyle6 dd img.fRight.w20 {
  max-width: 20%;
  float: right;
  margin: 0.5em 0 0 2em;
}
.secStyle6 dd img.fRight.w70 {
  max-width: 70%;
  float: right;
  margin: 0.5em 0 0 2em;
}
@media only screen and (max-width: 767px) {
  .secStyle6 dl {
    margin: 0px 6% 6%;
  }
  .secStyle6 dt {
    font-size: 1.2em;
    margin-bottom: 20px;
    text-align: left;
  }
  .secStyle6 dd img.fLeft, .secStyle6 dd img.fRight, .secStyle6 dd img.fLeft.w20, .secStyle6 dd img.fRight.w20, .secStyle6 dd img.fLeft.w70, .secStyle6 dd img.fRight.w70 {
    max-width: 100%;
    float: none;
    margin: 0 0 10px;
  }
}
/*---------------------- YouTube ----------------------*/
.secYouTubeInner {
  background-image: url(../images/common/youtube_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  box-sizing: border-box;
}
.secYouTube .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: auto;
}
.secYouTube .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (min-width: 768px) {
  .secYouTubeInner {
    height: 780px;
    padding: 154px 42px 0;
    margin: -20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .secYouTubeInner {
    padding: 51px 15px 9%;
    margin: -20px 6% 6%;
  }
}
/*---------------------- Pricelist ----------------------*/
.secPricelist .container {
  width: 48%;
}
.secPricelist .container.left {
  float: left;
  margin-bottom: 4%;
}
.secPricelist .container.right {
  float: right;
  margin-bottom: 4%;
}
.secPricelist .container .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  border-top: 4px solid #71b054;
  padding: 0.8em;
  background: #FFFFFF;
  line-height: 160%;
  color: #71b054;
}
.secPricelist .container table {
  width: 100%;
  border-top: 1px solid #71b054;
  margin: 0 0 6%;
  background: #FFFFFF;
}
.secPricelist .container table:last-child {
  margin: 0;
}
.secPricelist .container th {
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
  padding: 1em;
  width: 100%;
  line-height: 160%;
}
.secPricelist .container td {
  border-bottom: 1px solid #CCCCCC;
  padding: 1em;
  line-height: 160%;
}
.secPricelist .container td.price {
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .secPricelist .container {
    width: 88%;
    margin: 0px 6% 6%;
  }
  .secPricelist .container.left {
    float: none;
    margin: 0px 6% 6%;
  }
  .secPricelist .container.right {
    float: none;
    margin: 0px 6% 6%;
  }
  .secPricelist .container .title {
    padding: 0.6em;
  }
}
/*---------------------- UL ----------------------*/
.secUL ul {
  margin: 0 0 4%;
  padding: 0 0 0 1.6em;
}
.secUL ul li {
  margin-bottom: 1em;
  line-height: 160%;
  list-style: none;
}
.secUL.disc ul li {
  list-style: disc;
}
.secUL.decimal ul li {
  list-style: decimal;
}
.secUL.box ul {
  border: 1px solid #999999;
  background-color: #FFFFFF;
  padding: 1.5em 1em 0.5em 2.5em;
}
@media only screen and (max-width: 767px) {
  .secUL ul {
    margin: 0 6% 6%;
    padding: 0 0 0 1.6em;
  }
}
/*---------------------- DL ----------------------*/
.secDL dl {
  margin: 0 0 4%;
}
.secDL dt {
  margin-bottom: 0.5em;
  line-height: 160%;
  font-weight: bold;
  font-size: 1.2em;
}
.secDL dd {
  margin-bottom: 2em;
  line-height: 160%;
}
.secDL .title {
  margin: 0 0 1em;
  font-size: 1.6em;
  letter-spacing: 0.2em;
  color: #71b054;
  line-height: 160%;
  font-weight: bold;
}
.secDL .title.topBorder {
  border-top: 2px solid #71b054;
  padding-top: 1em;
}
@media only screen and (max-width: 767px) {
  .secDL dl {
    margin: 0 6% 6%;
  }
  .secDL .title {
    margin: 0 6% 1em;
    font-size: 1.4em;
  }
}
/*---------------------- Q & A ----------------------*/
.secQandA dl {}
.secQandA dt {
  margin-bottom: 0.5em;
  line-height: 160%;
  font-weight: bold;
  font-size: 1.2em;
}
.secQandA dt .flq {
  font-size: 2em;
  margin-right: 0.2em;
  color: #71b054;
  font-weight: normal;
}
.secQandA dd {
  line-height: 160%;
  margin: 0px 0px 2em 3em;
}
@media only screen and (max-width: 767px) {
  .secQandA dl {
    margin: 0 6% 6%;
  }
  .secQandA dd {
    margin: 0px 0px 2em;
  }
}
/*---------------------- Table ----------------------*/
.secTable .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  padding: 0.8em;
  background: #FFFFFF;
  line-height: 160%;
}
.secTable.column2Title1 .title {
  border-top: none;
  padding: 0.8em;
}
.secTable table {
  margin: 0 0 4%;
  width: 100%;
  background: #FFFFFF;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  line-height: 160%;
  box-sizing: border-box;
}
.secTable.column2Title1 table {
  border-left: none;
}
.secTable th, .secTable td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 0.8em 1em;
}
.secTable.column2Title1 th, .secTable.column2Title1 td {
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  padding: 0.8em 1em;
}
.secTable th {
  text-align: left;
  font-weight: bold;
  background: #f0f0f0;
  vertical-align: middle;
}
.secTable.column2Title1 th {
  background: #fff;
}
.secTable.column1 th {
  border-right: none;
  background: none;
  text-align: center;
}
.secTable.column4, .secTable.column5 {
  font-size: 0.9em;
}
.secTable.column6, .secTable.column7 {
  font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
  .secTable .title {
    padding: 0.6em;
    margin: 0 6%;
  }
  .secTable table {
    margin: 0 6% 6%;
    width: 88%;
  }
  .secTable th, .secTable td {
    letter-spacing: normal;
    padding: 0.6em 0.8em;
    font-size: 0.9em;
    vertical-align: middle;
  }
  .secTable.column1 th {
    display: block;
    text-align: left;
    border-right: 1px solid #CCCCCC;
    border-bottom: none;
    padding: 0.6em 0.8em 0;
  }
  .secTable.column1 td {
    display: block;
    padding: 0 0.8em 0.6em;
  }
  .secTable.column2Title1 th, .secTable.column2Title1 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .secTable.column2Title1 th {
    border-bottom: none;
    padding: 0.8em 0.8em 0.5em;
  }
  .secTable.column2Title1 td {
    display: block;
    padding: 0 0.8em 0.8em;
  }
}
/*---------------------- Style7 ----------------------*/
.secStyle7 .title {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 0 0 1.5em;
  line-height: 150%;
}
.secStyle7 img {
  max-width: 46%;
  float: left;
  margin: 0 0 4%;
}
.secStyle7 table {
  width: 50%;
  float: right;
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 4%;
}
.secStyle7 table th {
  padding: 1em 0.5em;
  border-top: 1px solid #CCCCCC;
  font-weight: bold;
  text-align: left;
  line-height: 150%;
}
.secStyle7 table td {
  padding: 1em 0.5em;
  border-top: 1px solid #CCCCCC;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  .secStyle7 .title {
    font-size: 1.4em;
    text-align: left;
    margin: 0px 6% 1em;
  }
  .secStyle7 img {
    max-width: 88%;
    float: none;
    margin: 0px 6% 1.5em;
  }
  .secStyle7 table {
    width: 88%;
    margin: 0px 6% 6%;
    float: none;
  }
}
/*---------------------- Style8 ----------------------*/
.secStyle8 .title {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 0px auto 1.5em;
  width: 100%;
  line-height: 150%;
}
.secStyle8 img {
  max-width: 46%;
  float: left;
  margin: 0 0 4%;
}
.secStyle8 table {
  width: 50%;
  float: right;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  background: #FFFFFF;
  margin: 0 0 4%;
}
.secStyle8 table th {
  padding: 1em 0.5em;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  font-weight: bold;
  text-align: center;
  line-height: 150%;
}
.secStyle8 table td {
  padding: 1em 0.5em;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  .secStyle8 .secInner {
    margin: 0 6%;
    padding-bottom: 6%;
  }
  .secStyle8 .title {
    font-size: 1.4em;
    text-align: left;
    margin: 0px auto 1em;
  }
  .secStyle8 img {
    max-width: 100%;
    float: none;
    margin: 0px auto 1.5em;
  }
  .secStyle8 table {
    width: 100%;
    float: none;
  }
}
/*---------------------- Style9 ----------------------*/
.secStyle9 p {
  margin: 0 0 4%;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .secStyle9 p {
    margin: 0px 6% 6%;
  }
}
/*---------------------- Style10 ----------------------*/
.secStyle10 .secInner .title {
  font-size: 1.2em;
  margin: 0 0 1em;
  font-weight: bold;
  line-height: 150%;
}
.secStyle10 .secInner p {
  margin: 0 0 4%;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .secStyle10 .secInner .title {
    margin: 0 6% 1em;
  }
  .secStyle10 .secInner p {
    margin: 0 6% 6%;
    line-height: 1.75;
  }
}
/*---------------------- Sec Top ----------------------*/
.secTop {
  padding: 15px 0 140px;
}
.secTop .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .secTop {
    padding: 10px 0 50px;
  }
  .secTop .secInner .fullImgContainer {
    margin: 0 6%;
  }
}
/*---------------------- Sec Green ----------------------*/
.secGreen {
  padding: 0 0 100px;
  position: relative;
  background-color: #B8DBA5;
}
.secGreen::before {
  position: absolute;
  top: -155px;
  left: 0;
  content: "";
  width: 100%;
  height: 155px;
  background-image: url(../images/common/pc_green_arch.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.secGreen .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .secGreen .h2Title.flower {
    padding: 40px 300px 0;
  }
}
@media only screen and (max-width: 767px) {
  .secGreen {
    padding: 0 0 45px;
  }
  .secGreen::before {
    top: -75px;
    height: 75px;
    background-image: url(../images/common/sp_green_arch.png);
    background-size: contain;
  }
  .secGreen .secInner .fullImgContainer {
    margin: 0 6%;
  }
}
/*---------------------- Sec Mint Blue ----------------------*/
.secMintBlue {
  position: relative;
  background-color: #CBE8E5;
}
.secMintBlue .bgIllust {
  background-image: url(../images/common/pc_mintblue_cloud_illust.svg);
  background-repeat: repeat-y;
  background-position: center top 10px;
  padding: 1px 0 100px;
}
.secMintBlue::before {
  position: absolute;
  top: -100px;
  left: 0;
  content: "";
  width: 100%;
  height: 100px;
  background-image: url(../images/common/pc_mintblue_arch.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.secMintBlue .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .secMintBlue .bgIllust {
    background-image: url(../images/common/sp_mintblue_cloud_illust.svg);
    background-repeat: repeat-y;
    background-position: center top 10px;
    padding: 1px 0 45px;
    margin: -10px 0 0;
    background-size: contain;
  }
  .secMintBlue::before {
    top: -45px;
    height: 45px;
    background-image: url(../images/common/sp_mintblue_arch.svg);
    background-size: contain;
  }
  .secMintBlue .secInner .fullImgContainer {
    margin: 0 6%;
  }
}
/*---------------------- Sec Pink ----------------------*/
.secPink {
  position: relative;
  background-color: #FCE8DC;
}
.secPink .bgIllust {
  background-image: url(../images/common/pc_pink_cherry_illust.svg);
  background-repeat: repeat-y;
  background-position: center top;
  padding: 1px 0 100px;
}
.secPink::before {
  position: absolute;
  top: -100px;
  left: 0;
  content: "";
  width: 100%;
  height: 100px;
  background-image: url(../images/common/pc_pink_arch.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.secPink .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .secPink .bgIllust {
    background-image: url(../images/common/sp_pink_cherry_illust.svg);
    background-repeat: repeat-y;
    background-position: center top 10px;
    padding: 1px 0 45px;
    margin: -10px 0 0;
    background-size: contain;
  }
  .secPink::before {
    top: -45px;
    height: 45px;
    background-image: url(../images/common/sp_pink_arch.svg);
    background-size: contain;
  }
  .secPink .secInner .fullImgContainer {
    margin: 0 6%;
  }
}
/*---------------------- Sec Light Blue ----------------------*/
.secLightBlue {
  position: relative;
  background-color: #F3FAFE;
}
.secLightBlue .bgIllust {
  background-image: url(../images/common/pc_lightblue_fish_illust.svg);
  background-repeat: repeat-y;
  background-position: center top;
  padding: 1px 0 100px;
}
.secLightBlue::before {
  position: absolute;
  top: -100px;
  left: 0;
  content: "";
  width: 100%;
  height: 100px;
  background-image: url(../images/common/pc_lightblue_arch.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.secLightBlue .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .secLightBlue .bgIllust {
    background-image: url(../images/common/sp_lightblue_fish_illust.svg);
    background-repeat: repeat-y;
    background-position: center top 10px;
    padding: 1px 0 45px;
    margin: -10px 0 0;
    background-size: contain;
  }
  .secLightBlue::before {
    top: -45px;
    height: 45px;
    background-image: url(../images/common/sp_lightblue_arch.svg);
    background-size: contain;
  }
  .secLightBlue .secInner .fullImgContainer {
    margin: 0 6%;
  }
}
/*---------------------- Sec White ----------------------*/
.secWhite {
  position: relative;
  padding: 0 0 100px;
}
.secWhite::before {
  position: absolute;
  top: -100px;
  left: 0;
  content: "";
  width: 100%;
  height: 100px;
  background-image: url(../images/common/pc_white_arch.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.secWhite .secInner .fullImgContainer img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .secWhite {
    position: relative;
    padding: 0 0 45px;
  }
  .secWhite::before {
    top: -45px;
    height: 45px;
    background-image: url(../images/common/sp_white_arch.svg);
    background-size: contain;
  }
  .secWhite .secInner .fullImgContainer {
    margin: 0 6%;
  }
}