/*====================================================================================
1. Common second css
====================================================================================*/
.l-head {
  background: none !important;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.l-head.is-thin .l-head_nav {
  position: fixed;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.l-head .l-head_logo img {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .l-head {
    background: none !important;
    height: 50px;
  }
}

.ttl_page {
  position: relative;
}
.ttl_page .container {
  padding: 212px 0;
}
.ttl_page .container h1 {
  text-align: center;
  font-weight: bold;
}
.ttl_page .container h1 .icon_plus {
  font-size: 16px;
}
.ttl_page .container h1 span {
  display: block;
}
.ttl_page .container h1 span.txt_eng {
  font-size: 32px;
  color: #fff;
}
.ttl_page .container h1 span.txt_jp {
  font-size: 20px;
  color: #cdcdcd;
}
@media only screen and (max-width: 767px) {
  .ttl_page {
    padding-top: 75px;
    margin-bottom: 7%;
  }
  .ttl_page .container {
    padding: 12% 0 12%;
  }
  .ttl_page .container h1 span.txt_eng {
    font-size: 18pt;
  }
  .ttl_page .container h1 span.txt_jp {
    font-size: 12pt;
  }
  .ttl_page .container h1 .icon_plus {
    font-size: 10px;
  }
}

.breadcrumb {
  margin: 3px 0 20px;
}
.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumb ul li {
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  padding-left: 15px;
}
.breadcrumb ul li:first-child {
  letter-spacing: 1px;
  text-align: left;
  padding-left: 0;
  font-weight: normal;
}
.breadcrumb ul li:first-child:before {
  display: none;
}
.breadcrumb ul li:before {
  font-family: FontAwesome;
  content: "\f105";
  color: #e0dedb;
  margin-right: 6px;
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
}
.breadcrumb ul li a {
  padding-bottom: 3px;
}
.breadcrumb ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.breadcrumb ul li .icon_plus {
  font-size: 8px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #main .style_ttl01 {
    font-size: 20px;
  }
}
/*====================================================================================
2. ABOUT PAGE
====================================================================================*/
.page-about .ttl_page {
  background: url("../img/about/bg_ttlpage.jpg") no-repeat center center/cover;
}
/* @media only screen and (max-width: 767px) {
  .page-about .ttl_page {
    background: url("../img/about/sp_bg_ttlpage.jpg") no-repeat center center/cover; } } */

.style_ttl02 {
  background: url("../img/about/dot_ttl.png") no-repeat center bottom 0;
  background-size: 4px;
  text-align: center;
  line-height: 1.5;
  padding-bottom: 50px;
  margin-bottom: 40px;
}
.style_ttl02 span {
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
.style_ttl02 span.txt_eng {
  font-size: 72px;
  font-family: "Marcellus", serif;
  letter-spacing: 15px;
}
.style_ttl02 span.txt_jp {
  font-size: 16px;
  letter-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .style_ttl02 {
    margin-bottom: 7%;
	  padding-bottom: 30px;
  }
  .style_ttl02 span.txt_eng {
    font-size: 36pt;
    letter-spacing: 8px;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .style_ttl02 span.txt_jp {
    font-size: 14px;
    letter-spacing: 0;
  }
}

.banner_about {
  width: 1000px;
  margin: 90px auto 60px;
  background: #4c4948;
  padding: 40px 20px 50px;
  box-sizing: border-box;
  color: #fff;
}
.banner_about .ttl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
  font-weight: normal;
  letter-spacing: 2px;
}
.banner_about .des {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.banner_about .des .img {
  width: 122px;
  text-align: center;
}
.banner_about .des .img img {
  width: 100%;
}
.banner_about .des .txt {
  width: 570px;
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .page-about .text_left_sp {
    padding: 0 32px;
  }
  .banner_about {
    width: 100%;
    margin: 18% auto 8%;
    padding: 18% 5%;
  }
  .banner_about .ttl {
    letter-spacing: 0px;
  }
  .banner_about .des .txt {
    padding-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 8%;
  }
  .banner_about .des .txt .text_left_sp {
    padding: 0 20px;
  }
}

.number {
  font-size: 72px;
  font-family: "Marcellus", serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .number {
    font-size: 56px;
    margin-bottom: 4%;
  }
}

.list_box01 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 90px;
}
.list_box01 .style_box01 {
  position: relative;
  width: 50%;
  padding: 0 6.5% 0 4.2%;
  box-sizing: border-box;
  margin-bottom: 110px;
}
.list_box01 .style_box01 .ttl {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 5px;
}
.list_box01 .style_box01 .img {
  width: 100%;
  margin-bottom: 10px;
}
.list_box01 .style_box01 .img img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .list_box01 .style_box01:nth-child(even) {
    padding: 0 4.2% 0 6.5%;
  }
  .list_box01 .style_box01:nth-child(1) {
    margin-top: -10px;
  }
  .list_box01 .style_box01:nth-child(3) {
    margin-top: -100px;
  }
  .list_box01 .style_box01.ttl_right .ttl, .list_box01 .style_box01.ttl_left .ttl {
    position: absolute;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    top: 0;
  }
  .list_box01 .style_box01.ttl_right .ttl {
    right: 4%;
  }
  .list_box01 .style_box01.ttl_left .ttl {
    left: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .list_box01 {
    margin-top: 8%;
  }
  .list_box01 .style_box01 {
    width: 80%;
    padding: 0 !important;
    margin-bottom: 10%;
  }
  .list_box01 .style_box01 .ttl {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
  }
  .list_box01 .style_box01 .img {
    width: 100%;
    margin-bottom: 10px;
  }
  .list_box01 .style_box01 .img img {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .list_box01 .style_box01 {
    /* width: 255px; */
    width: 280px;
  }
}

#about_02 {
  position: relative;
  padding-bottom: 30px;
  margin-top: -80px;
}
#about_02:after {
  position: absolute;
  content: "";
  background: #e0dcd2;
  width: 200%;
  height: 100%;
  top: 65px;
  left: -50%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  #about_02 {
    margin-top: 0;
  }
  #about_02:after {
    top: 50px;
  }
}

.list_img01 {
  margin: 65px 0 3px;
}
.list_img01 .cont_img {
  position: relative;
}
.list_img01 .cont_img figure {
  width: 100%;
}
.list_img01 .cont_img figure img {
  width: 100%;
}
.list_img01 .cont_img .ttl {
  position: absolute;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: 18px;
}
.list_img01 .cont_img.img01 .ttl {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-align: center;
}
.list_img01 .cont_img.img02 .ttl {
  top: 4%;
  left: 10%;
}
.list_img01 .cont_img.img03 {
  width: 66.8%;
}
.list_img01 .cont_img.img03 .ttl {
  top: 92%;
  left: 66%;
}
.list_img01 .cont_img.img04 .ttl {
  top: 8%;
  left: 7%;
  /* color: #9e815d; */
  color: #fff;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.list_img01 .cont_img.img05 .ttl {
  width: 100%;
  text-align: center;
  bottom: 7%;
  left: 0;
}
.list_img01 .one_col {
  width: 100%;
  margin-bottom: 3px;
}
.list_img01 .three_col {
  display: flex;
  justify-content: space-between;
}
.list_img01 .three_col .left_col {
  width: 34.42%;
}
.list_img01 .three_col .right_col {
  width: 65.3%;
}
.list_img01 .two_col {
  display: flex;
  justify-content: space-between;
}
.list_img01 .two_col .two_row {
  width: 32.88%;
}
.list_img01 .two_col .img04 {
  margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .list_img01 {
    margin: 8% 0 2px;
  }
  .list_img01 .cont_img .ttl {
    font-size: 3.3vw;
  }
  .list_img01 .cont_img.img03 {
    width: 100%;
  }
  .list_img01 .cont_img.img03 .ttl {
    top: 85%;
    left: 59%;
  }
  .list_img01 .one_col {
    margin-bottom: 2px;
  }
  .list_img01 .three_col {
    flex-wrap: wrap;
  }
  .list_img01 .three_col .left_col {
    width: 47.2%;
  }
  .list_img01 .three_col .right_col {
    width: 52.24%;
  }
  .list_img01 .two_col {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .list_img01 .two_col .two_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 2px;
  }
  .list_img01 .two_col .two_row .img04 {
    width: calc(50% - 1px);
    margin-bottom: 0;
  }
  .list_img01 .two_col .two_row .img05 {
    width: calc(50% - 1px);
  }
}

.sec_circle .list_circle {
  background: #4c4948;
  padding: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
  .sec_circle .list_circle li {
    border-radius: 50%;
    background-color: #413e3d;
    width: 144px;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 35px;
  }
.sec_circle .txt_circle {
  background: #413e3d;
  padding: 13px 10px;
}
  .sec_circle .txt_circle p {
    text-align: right;
    color: #fff;
    font-size: 12px;
  }
@media only screen and (max-width: 767px) {
  .sec_circle .list_circle {
    padding: 10% 10% 0%;
    justify-content: space-between;
  }
  .sec_circle .list_circle li {
    margin: 0 0 10%;
    width: 120px;
    height: 120px;
    font-size: 13px;
  }
  .sec_circle .txt_circle {
    padding: 2%;
  }
  .sec_circle .txt_circle p {
    text-align: left;
    text-indent: -13px;
    margin-left: 13px;
  }
}
@media only screen and (max-width: 320px) {
  .sec_circle .list_circle {
    padding: 10% 6% 0%;
  }
}

.list_check {
  width: 540px;
  border: 1px solid #a3a09c;
  padding: 50px;
  margin: 65px auto 0;
  box-sizing: border-box;
}
.list_check li {
  background: url("../img/about/icon_tick.png") no-repeat top 5px left;
  font-size: 18px;
  padding-left: 40px;
}
.list_check li:not(.list_check li:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .list_check {
    width: 100%;
    margin: 15% auto 0;
    padding: 5%;
  }
  .list_check li {
    background-size: 20px;
    font-size: 15px;
    padding-left: 30px;
  }
}

#about_03 {
  padding-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  #about_03 {
    padding-bottom: 15%;
  }
}

.sec_greeting {
  position: relative;
  width: 100%;
  max-width: 800px;
  background: #fbf8f0;
  margin: 0 auto;
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec_greeting li {
  width: calc(50% - 50px);
}
.sec_greeting li .name {
  display: flex;
  justify-content: center;
  line-height: normal;
  margin-bottom: 10px;
}
.sec_greeting li .name span {
  font-size: 24px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .sec_greeting {
    padding: 8%;
  }
  .sec_greeting:after {
    background: none;
  }
  .sec_greeting li {
    width: 100%;
  }
}

#greeting {
  padding: 40px 0 95px;
}
@media only screen and (max-width: 767px) {
  #greeting {
    padding: 8% 0 15%;
  }
}

/*====================================================================================
3. FIRST PAGE
====================================================================================*/
.page-first .ttl_page {
  background: url("../img/first/bg_ttlpage.jpg") no-repeat center center/cover;
}

.list_anchor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 50px 0 30px;
}
.list_anchor li {
  width: 40%;
  margin: 0 3% 20px;
}
@media only screen and (min-width: 768px) {
  .list_anchor li a:hover {
    /* transform: translateY(10px); */
  }
}
@media only screen and (max-width: 767px) {
  .list_anchor {
    padding: 10% 0;
    flex-wrap: wrap;
  }
  .list_anchor li {
    width: 100%;
    margin: 0;
  }
  .list_anchor li:not(.list_anchor li:last-child) {
    /* margin-bottom: 10%; */
    margin-bottom: 4%;
  }
}

.style_btn02 {
  position: relative;
  display: inline-block;
  background: #e0dcd2;
  border: 2px solid #e0dcd2;
  width: 100%;
  text-decoration: none !important;
  padding: 20px 60px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.style_btn02 .number {
  font-size: 10px;
}
.style_btn02 .cm-arrow {
  right: 14px;
}
.style_btn02 .cm-arrow.arrow_back {
  right: auto;
  left: 14px;
}
@media only screen and (min-width: 768px) {
  .style_btn02:hover {
    background: #4C4948 !important;
    /* border: 2px solid #f48814; */
    border: 2px solid #ffffff;
    color: #fff !important;
  }
  .style_btn02:hover .cm-arrow {
    border: 1px solid #fff;
  }
  .style_btn02:hover .cm-arrow:after {
    color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .style_btn02 {
    font-size: 14px;
    padding: 15px 50px;
  }
}
@media only screen and (max-width: 320px) {
  .style_btn02 {
    font-size: 14px;
  }
}

#flow {
  padding: 50px 0 110px;
}
#flow .list_flow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
#flow .list_flow li {
  width: 50%;
}
#flow .list_flow li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #4c4948;
  text-decoration: none;
  letter-spacing: 2px;
  padding: 4px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #flow .list_flow li a:hover {
    background: rgba(194, 158, 15, 0.5) !important;
    border-bottom: 2px solid #c19d0e;
  }
}
#flow .list_flow li a {
  /* background: #a3a09c; */
  background: #d2cfc8;
}
/* #flow .list_flow li:nth-child(2) a {
  background: #d2cfc8;
} */
#flow .list_flow li.active a {
  background: #4c4948 !important;
}
#flow .sec_flow dl {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 20px 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
#flow .sec_flow dl:after {
  position: absolute;
  content: "";
  background: url("../img/first/arrow.svg") no-repeat;
  background-size: 53px;
  width: 53px;
  height: 20px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
#flow .sec_flow dl:last-child {
  margin-bottom: 0;
}
#flow .sec_flow dl:last-child:after {
  background: none;
}
#flow .sec_flow dl dt {
  background: #4c4948;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  width: 98px;
  height: 98px;
  color: #fff;
  font-size: 42px;
  font-weight: normal;
  font-family: "Marcellus", serif;
}
#flow .sec_flow dl dd {
  width: calc(100% - 98px);
  padding-left: 70px;
  box-sizing: border-box;
}
#flow .sec_flow dl dd .ttl {
  margin-bottom: 25px;
}
#flow .sec_flow dl dd .ttl span {
  display: inline-block;
  font-size: 24px;
  border-bottom: 1px solid #c19d0e;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  #flow {
    padding: 5% 0 10%;
  }
  #flow .list_flow {
    margin-bottom: 10%;
  }
  #flow .list_flow li a {
    font-size: 18px;
  }
  #flow .sec_flow dl {
    flex-wrap: wrap;
    padding: 0 8% 5%;
    margin-top: 60px;
  }
  #flow .sec_flow dl dt {
    width: 74px;
    height: 74px;
    font-size: 32px;
    margin: -30px auto 0;
  }
  #flow .sec_flow dl dd {
    width: 100%;
    padding-left: 0;
    letter-spacing: 2.5px;
  }
  #flow .sec_flow dl dd .ttl {
    text-align: center;
    margin-bottom: 4%;
  }
  #flow .sec_flow dl dd .ttl span {
    font-size: 20px;
  }
}

#for_underage {
  padding: 50px 0 95px;
}
#for_underage .banner_for_underage {
  width: 750px;
  text-align: center;
  margin: 50px auto 0;
}
#for_underage .banner_for_underage .style_btn02 {
  background: #fbf8f0;
  font-size: 24px;
  font-weight: normal;
}
#for_underage .banner_for_underage .style_btn02 .icon_pdf {
  background: url("../img/first/icon_pdf.png") no-repeat center left/contain;
  padding-left: 45px;
}
@media only screen and (min-width: 768px) {
  #for_underage .banner_for_underage .style_btn02:hover .icon_pdf {
    background: url("../img/first/icon_pdf_white.png") no-repeat center left/contain;
  }
}
@media only screen and (max-width: 767px) {
  #for_underage {
    padding: 5% 0 15%;
  }
  #for_underage .style_ttl02 span.txt_eng {
    letter-spacing: 0;
  }
  #for_underage .banner_for_underage {
    width: 100%;
    margin: 10% auto 0;
    padding: 4%;
    font-size: 20px;
  }
  #for_underage .banner_for_underage .style_btn02 {
    padding: 15px 50px 15px 15px;
  }
}

.list_btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 60px;
}
.list_btn li {
  width: 40%;
  margin: 20px 10% 0;
}
@media only screen and (max-width: 767px) {
  .list_btn {
    margin-top: 5%;
  }
  .list_btn li {
    width: 100%;
    margin: 0;
  }
  .list_btn li:not(.list_btn li:last-child) {
    margin-bottom: 4%;
  }
}
.tab_item {
  display: none;
}
/*====================================================================================
4. FAQ PAGE
====================================================================================*/
.page-faq .ttl_page {
  background: url("../img/faq/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-faq .sec_cont {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-faq .sec_cont {
    padding-top: 10%;
  }
}

.acc-dl {
  margin: 100px 0;
}
.acc-dl dt, .acc-dl dd {
  position: relative;
  width: 100%;
  font-size: 18px;
  padding: 40px 175px 40px 200px;
  box-sizing: border-box;
}
.acc-dl dt:after, .acc-dl dd:after {
  position: absolute;
  font-size: 36px;
  font-family: "Marcellus", serif;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  left: 60px;
}
.acc-dl dt {
  position: relative;
  background: #fff;
  margin-top: 30px;
  cursor: pointer;
}
.acc-dl dt:after {
  content: "Q";
  background: #4c4948;
  top: 50%;
  transform: translateY(-50%);
}
.acc-dl dt:before {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  width: 32px;
  height: 32px;
  font-size: 20px;
  border-radius: 50%;
  border: 1px solid #a8a6a6;
  color: #817f7e;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.acc-dl dt.active:before {
  content: "\f106";
}
.acc-dl dd {
  position: relative;
  background: #e0dcd2;
  display: none;
}
.acc-dl dd:after {
    content: "A";
    background: #c19d0e;
    top: 0;
    bottom: 0;
    margin: auto;
}
.acc-dl.acc-dl2 dt {
  background: #4c4948;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 80px 20px 50px;
}
.acc-dl.acc-dl2 dt:after {
  right: 61px;
  left: auto;
  top: 0;
  bottom: 0;
  content: "";
  margin: auto;
  width: 2px;
  height: 25px;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(0, 0);
  border-radius: 0;
}
.acc-dl.acc-dl2 dt:before {
  right: 50px;
  top: 0;
  bottom: 0;
  content: "";
  margin: auto;
  width: 25px;
  height: 2px;
  background: #fff;
  border: none;
  transform: translate(0, 0);
  border-radius: 0;
}
.acc-dl.acc-dl2 dt.active:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
}
.acc-dl.acc-dl2 dd {
  background: none;
}
.acc-dl.acc-dl2 dd:after {
  content: "";
  background: none;
}
.acc-dl.acc-dl2 dd .des {
  margin-bottom: 30px;
}
.acc-dl.acc-dl2 dd .des p {
  font-size: 24px;
}
.acc-dl.acc-dl2 dd .style_table01 {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .acc-dl {
    margin: 10% 0;
  }
  .acc-dl dt, .acc-dl dd {
    font-size: 15px;
    padding: 30px 40px 30px 60px;
  }
  .acc-dl dt:after, .acc-dl dd:after {
    font-size: 20px;
    width: 40px;
    height: 40px;
    left: 10px;
  }
  .acc-dl dt {
    margin-top: 4%;
  }
  .acc-dl dt:before {
    width: 20px;
    height: 20px;
    font-size: 15px;
    right: 10px;
  }
  .acc-dl dd:after {
  /*  top: 20px;*/
  }
  .acc-dl.acc-dl2 dt {
    font-size: 18px;
    padding: 10px 40px 10px 20px;
  }
  .acc-dl.acc-dl2 dt:before {
    right: 12px;
    width: 16px;
  }
  .acc-dl.acc-dl2 dt:after {
    right: 19px;
    height: 16px;
  }
  .acc-dl.acc-dl2 dd {
    padding: 20px 0;
  }
  .acc-dl.acc-dl2 dd .des {
    margin-bottom: 20px;
  }
  .acc-dl.acc-dl2 dd .des p {
    font-size: 18px;
  }
}

.sec_btn {
  padding: 65px 0;
  display: none;
}
.sec_btn .list_btn {
  margin-top: 0;
}
.sec_btn .list_btn li {
  width: auto;
  margin: 0 10% 0;
}
.sec_btn .list_btn li a {
  background: none !important;
  border: none;
  padding: 0 0 40px 0;
}
.sec_btn .list_btn li a .cm-arrow {
  top: auto;
  bottom: 0;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .sec_btn .list_btn li a:hover {
    color: #f48814;
  }
  .sec_btn .list_btn li a:hover .cm-arrow {
    border: 1px solid #f48814;
  }
  .sec_btn .list_btn li a:hover .cm-arrow:after {
    color: #f48814;
  }
}
@media only screen and (max-width: 767px) {
  .sec_btn {
    padding: 10% 0;
  }
}

/*====================================================================================
5. gallery PAGE
====================================================================================*/
.page-gallery .ttl_page {
  background: url("../img/gallery/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-gallery .sec_cont {
  padding-bottom: 100px;
}

.page-gallery .sec_cont.onayami {
  background-color:#fff;
}


@media only screen and (max-width: 767px) {
  .page-gallery .sec_cont {
    padding-bottom: 10%;
  }
}

.list_gallery {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.list_gallery li img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .list_gallery li {
    width: 30.4%;
    margin-bottom: 4%;
  }
  .list_gallery li:not(.list_gallery li:nth-child(3n+3)) {
    margin-right: 4.4%;
  }
}
@media only screen and (max-width: 767px) {
  .list_gallery {
    margin-bottom: 6%;
  }
  .list_gallery li {
    width: 48%;
    margin-bottom: 4%;
  }
  .list_gallery li:not(.list_gallery li:nth-child(2n+2)) {
    margin-right: 4%;
  }
}

.btn_more {
  width: 40%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .btn_more {
    width: 94%;
  }
}

/*====================================================================================
6. menu PAGE
====================================================================================*/
.page-menu .ttl_page {
  background: url("../img/menu/bg_ttlpage.jpg") no-repeat center center/cover;
}

.style_sub01 {
  font-size: 24px;
  border-bottom: 1px solid #c19d0e;
  font-weight: normal;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .style_sub01 {
    font-size: 20px;
    margin-bottom: 5%;
  }
}

.main_cont {
  padding: 50px 0 100px;
}
@media only screen and (max-width: 767px) {
  .main_cont {
    padding: 5% 0 10%;
  }
}

.sec_menu {
  border: 1px solid #a3a09c;
  margin-bottom: 60px;
}
.sec_menu .ttl {
  background: #4c4948;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding: 10px 25px;
  box-sizing: border-box;
}
.sec_menu .ttl sup {
  font-size: 14px;
}
.sec_menu .cont_sec .row_cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #a3a09c;
}
.sec_menu .cont_sec .row_cont li {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  font-size: 16px;
  /* font-weight: bold; */
  border-right: 1px solid #a3a09c;
  width: 35%;
}
.sec_menu .cont_sec .row_cont li:last-child {
  justify-content: start;
  width: 65%;
  font-size: 18px;
  font-weight: normal;
  border-right: none;
  text-align: left;
}
.sec_menu .cont_sec .row_cont.first_row li:nth-child(1) {
  width: 20% !important;
  /* display: none; */
}
.sec_menu .cont_sec.no-img .row_cont.first_row li:nth-child(1) {
  display: none;
}
.sec_menu .cont_sec .row_cont.first_row li:nth-child(2) {
  width: 15%;
  /* width: 35%; */
}
.sec_menu .cont_sec.no-img .row_cont.first_row li:nth-child(2) {
  width: 35%;
}
.sec_menu .cont_sec .row_cont li img {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .sec_menu {
    margin-bottom: 7%;
  }
  .sec_menu .ttl {
    font-size: 16px;
    padding: 2%;
  }
  .sec_menu .cont_sec .row_cont li {
    padding: 10px;
    font-size: 16px;
    /* font-weight: bold; */
  }
  .sec_menu .cont_sec .row_cont.first_row li:nth-child(1) {
    width: 100% !important;
    border-right: none;
    border-bottom: 1px solid #a3a09c;
  }
  .sec_menu .cont_sec .row_cont.first_row li:nth-child(2) {
    width: 35%;
  }
}

/*====================================================================================
7. voice PAGE
====================================================================================*/
.page-voice .ttl_page {
  background: url("../img/voice/bg_ttlpage.jpg") no-repeat center center/cover;
}
.list_item {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.list_item li:not(.list_item li:last-child) {
  margin-right: 40px;
}
.list_item li a {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}
.list_item li a:hover, .list_item li a.active {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .list_item {
    padding: 5% 0;
  }
  .list_item li:not(.list_item li:last-child) {
    margin-right: 20px;
  }
  .list_item li a {
    font-size: 15px;
  }
}

.list_box02 .style_box02 {
  position: relative;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.list_box02 .style_box02 .img_box02 {
  width: 37.6%;
}
.list_box02 .style_box02 .img_box02 img {
  width: 100%;
}
.list_box02 .style_box02 .txt_box02 {
  width: 59%;
}
.list_box02 .style_box02 .txt_box02 .head {
  margin-bottom: 30px;
}
.list_box02 .style_box02 .txt_box02 .head .style_ttl01 {
  font-size: 22pt !important;
  margin-bottom: 10px;
}
.list_box02 .style_box02 .txt_box02 .des {
  font-size: 14pt;
}
@media only screen and (max-width: 767px) {
  .list_box02 .style_box02 {
    padding: 4%;
    margin-bottom: 7%;
  }
  .list_box02 .style_box02 .img_box02 {
    width: 90%;
    margin: 0 auto 3%;
  }
  .list_box02 .style_box02 .txt_box02 {
    width: 100%;
  }
  .list_box02 .style_box02 .txt_box02 .head {
    margin-bottom: 3%;
  }
  .list_box02 .style_box02 .txt_box02 .head .style_ttl01 {
    font-size: 18pt !important;
    margin-bottom: 2%;
  }
  .list_box02 .style_box02 .txt_box02 .des {
    font-size: 12pt;
  }
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 50px;
}
.pagination ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pagination ul.pages {
  width: calc(100% - 200px);
  display: flex;
  justify-content: center;
}
.pagination ul.pages li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafbfb;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border: 1px solid #a3a09c;
  color: #000;
  margin: 0 5px;
  font-size: 16px;
}
.pagination ul.pages li.active a, .pagination ul.pages li:hover a {
  background: #4c4948;
  color: #fff;
}
.pagination ul .prev, .pagination ul .next {
  position: relative;
  width: 90px;
}
.pagination ul .prev a, .pagination ul .next a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .pagination ul .prev a:hover .cm-arrow, .pagination ul .next a:hover .cm-arrow {
    background: #4c4948;
    color: #fff;
  }
  .pagination ul .prev a:hover .cm-arrow:after, .pagination ul .next a:hover .cm-arrow:after {
    color: #fff;
  }
}
.pagination ul .prev a {
  text-align: right;
}
.pagination ul .prev a .cm-arrow {
  right: auto;
  left: 0;
}
.pagination ul .btn_back {
  width: 200px;
}
.pagination ul .btn_back a {
  display: inline-block;
  width: 100%;
  background: #4c4948;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 5px;
}
@media only screen and (max-width: 767px) {
  .pagination {
    margin-top: 10%;
  }
  .pagination ul.pages {
    width: calc(100% - 150px);
  }
  .pagination ul.pages li a {
    width: 30px;
    height: 30px;
    margin: 0 2px;
    font-size: 14px;
  }
  .pagination ul .prev, .pagination ul .next {
    width: 65px;
  }
  .pagination ul .prev .cm-arrow, .pagination ul .next .cm-arrow {
    width: 25px;
    height: 25px;
  }
  .pagination ul .prev .cm-arrow:after, .pagination ul .next .cm-arrow:after {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  .pagination ul .btn_back {
    width: 110px;
  }
  .pagination ul .btn_back a {
    font-size: 14px;
  }
}

/*====================================================================================
8. clinic PAGE
====================================================================================*/
.page-clinic .ttl_page {
  background: url("../img/clinic/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-clinic .sec_access {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 480px;
  /* margin-bottom: 60px; */
  margin-bottom: 30px;
}
.page-clinic .sec_access .img {
  position: relative;
  width: 36%;
  overflow: hidden;
  /* background: url("../img/clinic/img_01.jpg") no-repeat bottom center/cover; */
}
.page-clinic .sec_access .map {
  width: 64%;
}
.page-clinic .sec_access .map iframe {
  width: 100%;
  height: 100%;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .page-clinic .sec_access .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .page-clinic .sec_access {
    height: auto;
    margin-bottom: 40px;
  }
  .page-clinic .sec_access .img {
    width: 100%;
    background: none;
    /* display: none; */
  }
  .page-clinic .sec_access .map {
    width: 100%;
    height: 300px;
  }
}
.page-clinic .txt---address {
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-clinic .txt---address {
    font-size: 16px;
    margin-top: 5%;
  }
}
.page-clinic .txt_address {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-clinic .txt_address {
    font-size: 16px;
    margin-top: 5%;
  }
}

.style_table01 {
  width: 75%;
  margin: auto;
  box-sizing: border-box;
  border-collapse: collapse;
}
.style_table01 tr:nth-child(odd) {
  /* background: #e0dcd2; */
}
.style_table01 tr th, .style_table01 tr td {
  vertical-align: middle;
  text-align: left;
  padding: 2%;
  border: 1px solid #a3a09c;
}
.style_table01 tr th {
  width: 35%;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  /* padding-left: 10%; */
  background: #e0dcd2;
}
.style_table01 tr td {
  width: 65%;
}
@media only screen and (max-width: 767px) {
  .style_table01 {
    width: 100%;
    border-bottom: 1px solid #a3a09c;
  }
  .style_table01 tr th, .style_table01 tr td {
    display: block;
    width: 100%;
    border-bottom: none;
    /* padding: 4% 2%; */
  }
  .style_table01 tr th {
    /* padding-bottom: 0; */
  }
  .style_table01 tr td {
    /* padding-top: 0; */
  }
}

.time_table {
  width: 100%;
  border: 1px solid #a3a09c;
  margin-bottom: 20px;
}
.time_table tr th, .time_table tr td {
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  font-size: 18px;
}
.time_table tr th:first-child, .time_table tr td:first-child {
  width: 30%;
}
.time_table tr th {
  background: #4c4948;
  color: #fff;
}
.time_table tr td:first-child {
  background: #e0dcd2;
  font-weight: 500;
}
.time_table tbody tr:first-child {
  border-bottom: 1px solid #fbf8f0;
}
@media only screen and (max-width: 767px) {
  .time_table {
    margin-bottom: 4%;
  }
  .time_table tr th, .time_table tr td {
    padding: 15px 2px;
    font-size: 14px;
    line-height: 1;
  }
  .time_table tr th:first-child, .time_table tr td:first-child {
    width: 22%;
  }
  .time_table tr th:last-child, .time_table tr td:last-child {
    width: 20%;
  }
}

/*====================================================================================
9. privacy-policy PAGE
====================================================================================*/
.page-privacy-policy .ttl_page {
  background: url("../img/privacy-policy/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-privacy-policy .box_pp {
  width: 100%;
  background: #e0dcd2;
  padding: 4%;
  box-sizing: border-box;
  margin: 50px 0 100px;
}
.page-privacy-policy .box_pp div:not(.page-privacy-policy .box_pp div:first-child) {
  margin-top: 30px;
}
.page-privacy-policy .box_pp div h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}
.page-privacy-policy .box_pp div p {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-privacy-policy .style_ttl02 .dash {
    display: none;
  }
  .page-privacy-policy .box_pp {
    padding: 8% 4%;
    margin: 10% 0 15%;
  }
  .page-privacy-policy .box_pp div:not(.page-privacy-policy .box_pp div:first-child) {
    margin-top: 6%;
  }
  .page-privacy-policy .box_pp div h3 {
    font-size: 16px;
  }
  .page-privacy-policy .box_pp div p {
    margin-bottom: 6%;
  }
}

/*====================================================================================
10. column PAGE
====================================================================================*/
.page-column .ttl_page {
  background: url("../img/gallery/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-column .list_box02 .style_box02 {
  width: 100%;
  transition: 0.3s ease-out;
}
.page-column .list_box02 .style_box02 .img_box02 {
  width: 145px;
}
.page-column .list_box02 .style_box02 .txt_box02 {
  width: calc(100% - (145px + 3%));
}
.page-column .list_box02 .style_box02 .txt_box02 .head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.page-column .list_box02 .style_box02 .txt_box02 .date {
  width: 100px;
}
.page-column .list_box02 .style_box02 .txt_box02 .item_page {
  width: calc(100% - 110px);
  display: flex;
  flex-wrap: wrap;
}
.page-column .list_box02 .style_box02 .txt_box02 .item_page li {
  font-size: 14px;
  font-weight: bold;
  color: #c19d0e;
  margin-right: 5%;
}
.page-column .list_box02 .style_box02 .txt_box02 .des .ttl_column .style_ttl03 {
  font-size: 22pt;
}
@media only screen and (min-width: 768px) {
  .page-column .list_box02 .style_box02:hover {
    /* outline: 1px solid #f48814; */
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  .page-column .list_box02 .style_box02 .ttl_column {
    margin-bottom: 3%;
  }
  .page-column .list_box02 .style_box02 .ttl_column .img_box02 {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 0;
  }
  .page-column .list_box02 .style_box02 .ttl_column .img_box02 img {
    width: 100%;
  }
  .page-column .list_box02 .style_box02 .ttl_column .style_ttl03 {
    font-size: 18pt !important;
  }
  .page-column .list_box02 .style_box02 .txt_box02 {
    width: 100%;
  }
  .page-column .list_box02 .style_box02 .txt_box02 .head {
    margin-bottom: 4%;
  }
  .page-column .list_box02 .style_box02 .txt_box02 .date {
    width: 80px;
  }
  .page-column .list_box02 .style_box02 .txt_box02 .item_page {
    width: calc(100% - 90px);
  }
}
.page-column .head_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.page-column .head_box .date {
  width: 100px;
}
.page-column .head_box .item_page {
  width: calc(100% - 110px);
  display: flex;
  flex-wrap: wrap;
}
.page-column .head_box .item_page li {
  font-size: 14px;
  font-weight: bold;
  color: #c19d0e;
  margin-right: 5%;
}
.page-column .box_infor {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px;
}
.page-column .box_infor .img {
  width: 186px;
}
.page-column .box_infor .txt {
  width: calc(100% - 220px);
}
.page-column .box_infor .txt .name {
  font-size: 22px;
}
.page-column .infor_detail p {
  margin-bottom: 5%;
}
.page-column .infor_detail .box_detail {
  width: 100%;
}
.page-column .infor_detail .box_detail .img {
  margin: 0 auto 5%;
}
.page-column .infor_detail .box_detail .img.img_s {
  width: 35%;
}
.page-column .infor_detail .box_detail .img.img_m {
  width: 60%;
}
.page-column .infor_detail .box_detail .img.img_l {
  width: 80%;
}
.page-column .infor_detail .box_detail .img img {
  width: 100%;
}
.page-column .infor_detail .box_youtube {
  width: 60%;
  margin: 0 auto 5%;
}
.page-column .infor_detail .box_youtube iframe {
  width: 100%;
  height: 500px;
}
.page-column .btn_pdf {
  /* width: 330px; */
  text-align: center;
  margin: 0 auto 5%;
}
.page-column .btn_pdf a {
  display: inline-block;
  min-width: 330px;
  width: auto;
  background: #e0dcd2;
  border: 1px solid #e0dcd2;
  padding: 20px 40px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  transition: 0.3s ease-out;
}
.page-column .btn_pdf a span {
  position: relative;
  display: block;
  /* background: url("../img/first/icon_pdf.png") no-repeat center left/contain; */
  padding: 5px 0 5px 50px;
}
.page-column .btn_pdf a span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 30px;
  background-image: url('../img/first/icon_pdf.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
.page-column .pagination {
  margin-top: 15%;
}
.page-column .infor_detail {
  font-size: 14pt;
}
@media only screen and (min-width: 768px) {
  .page-column .btn_pdf a:hover {
    /* border: 1px solid #ff0000; */
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  .page-column .box_infor .img {
    width: 35%;
  }
  .page-column .box_infor .txt {
    width: 62%;
  }
  .page-column .box_infor .txt .name {
    font-size: 15px;
  }
  .page-column .infor_detail {
    font-size: 12pt;
  }
  .page-column .infor_detail .box_detail .img.img_s {
    width: 60%;
  }
  .page-column .infor_detail .box_detail .img.img_m {
    width: 80%;
  }
  .page-column .infor_detail .box_detail .img.img_l {
    width: 100%;
  }
  .page-column .infor_detail .box_youtube {
    width: 100%;
  }
  .page-column .infor_detail .box_youtube iframe {
    height: 300px;
  }
  .page-column .btn_pdf {
    /* width: 280px; */
    width: 90%;
  }
  .page-column .btn_pdf a {
    min-width: 0;
    padding: 10px 15px;
  }
  .page-column .btn_pdf a span {
    padding-left: 35px;
  }
}

.style_ttl03 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .style_ttl03 {
    font-size: 18px;
    margin-bottom: 0%;
  }
}

.ttl_h2 {
  background: #e0dcd2;
  font-size: 28px;
  font-weight: bold;
  padding: 3px 20px;
  margin-bottom: 40px;
}

.ttl_h3 {
  font-size: 28px;
  font-weight: 500;
  background: url("../img/column/dot_black.png") no-repeat top left;
  padding-left: 25px;
  border-bottom: 1px solid #c5a42e;
  margin-bottom: 40px;
}

.ttl_h4 {
  background: url("../img/column/dot_yellow.png") no-repeat left center;
  font-size: 24px;
  font-weight: bold;
  padding-left: 55px;
  margin-bottom: 40px;
}

.ttl_h5 {
  font-size: 18px;
  background: #4c4948;
  color: #fff;
  padding: 2px 20px;
  letter-spacing: 4px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .ttl_h2 {
    font-size: 22px;
    margin-bottom: 5%;
  }

  .ttl_h3 {
    background-size: 4px;
    font-size: 22px;
    padding-left: 20px;
    margin-bottom: 5%;
  }

  .ttl_h4 {
    background-size: 30px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 45px;
    margin-bottom: 5%;
  }

  .ttl_h5 {
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 5%;
  }
}
/*====================================================================================
11. safety PAGE
====================================================================================*/
.page-safety .ttl_page {
  background: url("../img/safety/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-safety .list_box_safety .box_safety {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #e0dcd2;
  margin-bottom: 7%;
}
.page-safety .list_box_safety .box_safety:nth-child(even) {
  flex-direction: row-reverse;
}
.page-safety .list_box_safety .box_safety:last-child {
  margin-bottom: 0;
}
.page-safety .list_box_safety .box_safety .img_box {
  width: 50%;
}
.page-safety .list_box_safety .box_safety .img_box img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.page-safety .list_box_safety .box_safety .txt_box {
  width: 50%;
  padding: 4%;
  box-sizing: border-box;
}
.page-safety .list_box_safety .box_safety .txt_box .style_sub01 {
  border-bottom: 1px solid #96928d;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .page-safety .list_box_safety .box_safety {
    display: block;
  }
  .page-safety .list_box_safety .box_safety .img_box, .page-safety .list_box_safety .box_safety .txt_box {
    width: 100%;
  }
	.page-safety .list_box_safety .box_safety .img_box img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
  .page-safety .list_box_safety .box_safety .txt_box .style_sub01 {
    padding-bottom: 2%;
    margin-bottom: 5%;
  }
}

/*====================================================================================
12. recruit PAGE
====================================================================================*/
.page-recruit .ttl_page {
  background: url("../img/recruit/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-recruit .slider {
  width: 84%;
  margin: 50px auto 0;
}
.page-recruit .slider img {
  width: 100%;
}
.page-recruit .slider p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.page-recruit .list_step {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.page-recruit .list_step li {
  position: relative;
  background: #fff;
  border: 1px solid #4c4948;
  width: 26%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 17px 0;
}
.page-recruit .list_step li.active {
  background: #4c4948;
  color: #fff;
}
.page-recruit .list_step li:after {
  position: absolute;
  content: "";
  background: url("../img/recruit/arrow.png") no-repeat center;
  background-size: 100%;
  width: 11.7%;
  height: 100%;
  top: 0;
  right: -29%;
}
.page-recruit .list_step li:last-child:after {
  background: none;
}
@media only screen and (max-width: 767px) {
  .page-recruit .main_cont.pb50 {
    padding-bottom: 5% !important;
  }
  .page-recruit .slider {
    margin: 5% auto 0;
  }
  .page-recruit .slider p {
    font-size: 15px;
    margin-top: 2%;
  }
  .page-recruit .list_step {
    margin-bottom: 8%;
  }
  .page-recruit .list_step li {
    width: 100%;
    font-size: 16px;
    padding: 12px 0;
  }
  .page-recruit .list_step li:not(.page-recruit .list_step li:last-child) {
    margin-bottom: 40px
  }
  .page-recruit .list_step li:after {
    background: url("../img/recruit/sp_arrow.png") no-repeat center;
    background-size: 14px;
    height: 26px;
    width: 14px;
    top: auto;
    bottom: -35px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

/*====================================================================================
13. recruit voice PAGE
====================================================================================*/
.page-recruit_voice .ttl_page {
  background: url("../img/recruit/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-recruit_voice .recruit-btn {
  max-width: 442px;
  margin: 30px auto 0;
}
.page-recruit_voice .recruit-btn .style_btn02 {
  background: #ffffff;
}
.page-recruit_voice .voice_mainimg {
  padding-bottom: 75px;
  position: relative;
}
.page-recruit_voice .voice_mainimg .img {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 42.8%;
  margin-bottom: 125px;
}
.page-recruit_voice .voice_mainimg .txt {
  position: absolute;
  bottom: 75px;
  left: 50%;
  max-width: 528px;
  width: 38.6%;
  background-color: #ffffff;
}
.page-recruit_voice .voice_mainimg .txt .txt_inner {
  padding: 30px 50px;
}
.page-recruit_voice .voice_mainimg .txt .txt_inner .profile .name {
  font-size: 18px;
}
.page-recruit_voice .voice_mainimg .breadcrumb {
  position: absolute;
  width: 100%;
  bottom: 150px;
}
.page-recruit_voice .recruit_ttl01 {
  font-size: 30px;
  margin-bottom: 15px;
}
.page-recruit_voice .recruit_ttl02 {
  font-size: 22px;
  margin-bottom: 15px;
}
.page-recruit_voice .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
.page-recruit_voice .box:nth-child(odd) {
  flex-direction: row-reverse;
}
.page-recruit_voice .box .txt {
  width: 43.4%;
}
.page-recruit_voice .box.box_noimg .txt {
  width: 100%;
}
.page-recruit_voice .box .img {
  width: 54.3%;
  padding: 0 20px 20px 0;
  position: relative;
}
.page-recruit_voice .box .img img {
  position: relative;
  z-index: 5;
}
.page-recruit_voice .box .img::after {
  position: absolute;
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  bottom: 0;
  right: 0;
  background-color: rgba(224,220,210,.5);
  z-index: 1;
}

/*recruit-voice_box*/
.recruit-voice_box {
  padding: 30px 0;
}
.recruit-voice_box .style_ttl02 {
  background: none;
  padding-bottom: 0;
  margin-bottom: 45px;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner {
  display: flex;
  flex-wrap: wrap;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item {
  width: 19.3%;
  margin-right: 7.6%;
  margin-bottom: 70px;
  text-align: center;
  text-decoration: none;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item:hover {
  opacity: 0.8;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item:nth-child(4n) {
  margin-right: 0;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item .txt {
  margin-top: 10px;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item .txt .info {
  margin-bottom: 0px;
}
.recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item .txt .name {
  font-size: 16px;
}
.recruit-voice_box .recruit-voice_list .recruit-btn {
  max-width: 442px;
  margin: 0 auto;
}
.recruit-voice_box .recruit-voice_list .recruit-btn_more .style_btn02 {
  cursor: pointer;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  background: #ffffff;
}

@media only screen and (max-width: 767px) {
  .page-recruit_voice {
    padding-top: 75px;
  }
  .page-recruit_voice .main_cont.pb50 {
    padding-bottom: 5% !important;
  }
  .page-recruit_voice .recruit-btn {
    width: 85%;
  }
  .page-recruit_voice .voice_mainimg .img {
    padding-top: 42.8%;
    margin-bottom: 0;
  }
  .page-recruit_voice .voice_mainimg .txt {
    position: static;
    width: 100%;
  }
  .page-recruit_voice .voice_mainimg .txt .txt_inner {
    padding: 20px 30px;
  }
  .page-recruit_voice .recruit_ttl01 {
    font-size: 18px;
  }
  .page-recruit_voice .recruit_ttl02 {
    font-size: 17px;
  }
  .page-recruit_voice .box {
    display: block;
    padding: 0 5%;
    margin-bottom: 60px;
  }
  .page-recruit_voice .box .txt {
    width: 100%;
  }
  .page-recruit_voice .box .img {
    width: 100%;
    padding: 0 10px 10px 0;
    margin-bottom: 20px;
  }
  .page-recruit_voice .box .img::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  .recruit-voice_box {
    padding: 5% 0 30px;
  }
  .recruit-voice_box .style_ttl02 {
    margin-bottom: 7%;
  }
  .recruit-voice_box .recruit-voice_list .recruit-voice_list_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recruit-voice_box .recruit-voice_list .recruit-voice_list_inner .recruit-voice_item {
    width: 47.7%;
    margin-right: 0;
    margin-bottom: 35px;
  }
  .recruit-voice_box .recruit-voice_list .recruit-btn {
    max-width: 85%;
  }
}

.style_ttl04 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .style_ttl04 {
    font-size: 16px;
    margin-bottom: 3%;
  }
}

#formEnd {
  text-align: center;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #formEnd {
    margin-top: 3%;
  }
}

.form_content {
  width: 75%;
  margin: 30px auto 0;
}
.form_content dl {
  background: #e0dcd2;
  border-top: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form_content dl:last-child {
  border-bottom: 1px solid #000;
}
.form_content dl dt {
  width: 270px;
  font-size: 16px;
  border-radius: 20px;
  font-weight: normal;
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 30px 15px 100px;
}
.form_content dl dt span {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 36px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  padding: 4px 0px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .form_content dl dt span {
    left: 10px;
  }
}
.form_content dl dt span.hissu {
  background: #4c4948;
  color: #fff;
}
.form_content dl dt span.ninni {
  background: #fff;
  color: #4c4948;
}
.form_content dl dt strong {
  font-weight: normal;
}
.form_content dl dd {
  width: calc(100% - 270px);
  position: relative;
  padding: 15px 30px;
}
.form_content dl dd .list_radio {
  display: flex;
  flex-wrap: wrap;
}
.form_content dl dd .list_radio li:not(.form_content dl dd .list_radio li:last-child) {
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .form_content {
    width: 100%;
    margin: 3% auto 0;
  }
  .form_content dl dt, .form_content dl dd {
    width: 100%;
  }
  .form_content dl dt {
    padding: 10px 10px 10px 65px;
  }
  .form_content dl dd {
    padding: 0 10px 10px;
  }
  .form_content dl dd .list_radio li:not(.form_content dl dd .list_radio li:last-child) {
    margin-right: 6%;
  }
}

@media only screen and (max-width: 415px) {
  .form_content dl dd .list_radio li {
    width: 50%;
    margin-right: 0 !important;
  }
}
.comfirm-recruit .form_content dl dt {
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  .comfirm-recruit .form_content dl dt {
    padding: 10px 10px 0
  }
}
.comfirm-recruit .wpcf7 form .wpcf7-response-output {
  width: 1104px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .comfirm-recruit .wpcf7 form .wpcf7-response-output {
    box-sizing: border-box;
    padding: 0 4%;
  }
}
.up_file {
  display: inline-block;
  padding: 5px 20px;
  background-color: #ededed;
  border: 1px solid #000;
  cursor: pointer;
  border-radius: 3px;
  margin-right: 10px;
}
.up_file:hover {
  background: #4c4948;
  color: #fff;
}
.up_file input[type="file"] {
  display: none;
}
@media only screen and (max-width: 767px) {
  .up_file {
    margin-top: 10px;
  }
}

/*====================================================================================
14. detail PAGE
====================================================================================*/
.page-detail .ttl_page .container {
    padding: 250px 0;
}


.page-detail .ttl_page {
    background: url(../img/detail/detail_hero.png) no-repeat center center/cover;
	position:relative;
}

.page-detail .ttl_page:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}


.detailWrap{
	font-size:1.2em;
}


.style_ttl02_title{
	color: #896300;
	margin-top: 1em;
}

.detail_pointImg{
background:url("../img/first/arrow.svg") no-repeat center bottom 0;
background-size:75px;
}
@media only screen and (max-width: 767px) {
  .detailWrap {
    font-size:16px;
  }
	.detail_pointImg{
		background-size:40px;
	}
}
.recommend {
    padding: 2em 1em;
    justify-content: space-evenly;
    display: flex;
    border-radius: 70px;
    background: #FFF;
    height: auto;
    align-items: center;
    box-shadow: 0px 4px 39px 0px rgba(0, 0, 0, 0.25);
}

.recommend_title {
  color: #4C4948;
/*  font-family: "Noto Sans JP";*/
  font-size: 28px;
  font-style: normal;
  line-height: normal;
	border-bottom: solid 1px #e7e3d9;
}

.recommend_title>span {
color: #e1881a;
    font-family: "Noto Sans JP";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline;
		color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
}

.recommend_Left_Img {
  border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.recommend_Left {
max-width: 45%;
    height: auto;
    border-radius: 63% 37% 30% 70%/50% 45% 55% 50%;
    padding: 1rem;
    position: relative;
    background-color: #fff;
    display: flex;
    border: 0.0625rem solid rgb(133 133 133 / 9%);
    box-shadow: 6px 6px 12px #b8b9be, -6px -6px 12px #fff !important;
}

.recommend_Right {
  padding-left: 2em;
}

.recommend_text dt{
	background: url(../img/about/icon_tick.png) no-repeat top 5px left;
    padding-left: 40px;
	font-weight:500;
}

.recommend_text dd {
  font-size: 1.5em;
  font-weight: 700;
  color: #896300;
	text-align:center;
	position:relative;
	margin-top:1em;
}

.recommend_icon:before {
content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    border: 6px solid transparent;
    border-top: 7px solid #896300;
}

@media only screen and (max-width: 767px) {

	.recommend {
		padding: 20px;
		display:block;
		margin-top:10px;
	}	
	.recommend_title {
		font-size:14px;
	}
	.recommend_title>span{
		font-size: 18px;
	}

	.recommend_Left {
		max-width: 70%;
		margin:auto;
	}
	.recommend_Right {
		padding-left:0;
	}
	.recommend_text dt {
		padding-left: 30px;
		font-size:14px;
	}
	.recommend_text  {
		margin-top:15px;
	}
	.recommend_text dd {
		font-size:1.2em;
	}

}



li.listBg_oranage{
    background: wheat;
	padding: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.women-blk li.listBg_gray {
    border-left: 1px solid #e6e6e6;
	background: #f5f5f5;
}

.women-blk ul ul {
    flex-wrap: wrap;
}

.aboutArea {
    position: relative;
    width: 100%;
    max-width: 850px;
    background: #e7e3d9;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

@media only screen and (max-width: 767px) {
  .aboutArea {
padding: 10px;
  }
}

.sec_about_img {
    width: 50%;
    display: block;
    margin: auto;
    padding: 20px;
}

@media only screen and (max-width: 767px) {
  .sec_about_img  {
    width: 100%;
  }
}


.overview {
    margin-top: 5%;
	margin-bottom: 5%;
}

.overview_text dt {
    font-size: 1.5em;
    font-weight: 700;
	border-bottom: 1px solid #fff;
}

dl.overview_text  {
	margin-bottom:1em;
}


ul.detail_imgList {
    display: flex;
    justify-content: space-around;
}

ul.detail_imgList li{
	margin:20px;
}

img.detail_imge {
    border: solid 1px #bda30e;
}


.videoField {
    text-align: center;
	margin:5%;
}

.videoField video {
    width: 80%;
}

.detail_textBox {
	position:relative;
	 background: url(../img/detail/detail_bg.png) no-repeat center center/cover;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	padding: 3em;
	background-attachment: fixed;
}

.detail_textBox:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /*半透明のフィルターをかける*/
}

.detail_textArea {
    background-color: #fffffff0;
    width: 70%;
    margin: auto;
    padding: 3em;
	position:relative;
	font-weight:700;
}



.side_effect {
text-align: center;
    margin-top: 30px;
    border: solid 1px #ccc;
    padding: 20px;
}

.side_effect .symptomsArea {
    display: flex;
    justify-content: center;
	flex-wrap:wrap;
	margin-bottom: 1.2em;
}

.side_effect .symptomsArea .symptomsArea_list {
    font-weight: 500;
	padding-right: 20px;
	
}

.side_effect p {
    color: #c19d0e;
}

ul.ingredientArea {
    text-align: left;
	margin-bottom: 1.2em;

}

li.ingredientArea_title {
	border-bottom: solid 1px #ccc;
}

li.ingredientArea_list {
    font-weight: 500;
	list-style: inside;
}

@media only screen and (max-width: 767px) {
	ul.detail_imgList {
		display:block;
		width:100%;
	}	
	.videoField {
		margin:0;
	}
	.videoField video {
		width: 100%;
	}

	.detail_textArea {
		width: 100%;
		padding: 15px;
	}
	.detail_textBox{
		padding:2em;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.side_effect ul {
		display:block;
	}

	.side_effect ul li {
		padding-right: 0;
	}

}
.women-blk.n2 > ul{
	text-align:center;
}


.price .women-blk.n2 > ul > li.price_cat.price_common{
	position: relative;
	background:none;
	font-size: 1.2em;
    color: #434960;
	border-bottom: 5px solid #f0f2f5;
	margin-bottom:1em;
	
}

.women-blk.n2 > ul > li.price_cat.price_common:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #434960;
}

.price .women-blk.n2 > ul > li.price_cat.price_common.price_women{
	   color: #df2a4a;
}


.women-blk.n2 > ul > li.price_cat.price_common.price_women:after{
	    background-color: #df2a4a;
}

.price .women-blk.n2 > ul > li.price_cat.price_common.price_mens{
	   color: #004f9d;;
}


.women-blk.n2 > ul > li.price_cat.price_common.price_mens:after{
	    background-color: #004f9d;;
}

/* new prioce */

.dropmenu {
display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.dropmenu li {
	position: relative;
	width:30%;
	text-align:center;
}
					
li.js_cat {
	margin-bottom: 20px;
}
.js_cat>a {
	line-height: 2.7;
}

					
.dropmenu li a {
	display: block;
	margin: 0;
	padding: 13px 15px;
	font-size: 1.2em;
	line-height: 2.6;
	background: #444444;
	color: #ffffff;
	cursor: pointer;
	text-decoration:none;
	height:70px;
	font-weight:bold;
}

.dropmenu li a:hover{
	color: #f48814;
}

.dropmenu li a:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #FFFFFF transparent transparent transparent;
}

.o_list_ttl li a {
	font-size:1em;
}

.dropmenu li ul {
	position: absolute;
	width: 100%;
	z-index: 9999;
	top: 100%;
	left: 0;
}
.dropmenu li ul li{
	overflow: hidden;
	height: 0;
	transition: .2s;
	    width: 100%;
}
.dropmenu li ul li a{
	border-top: 1px solid #dddddd;
	background: #efefef;
	color: #333333;
}
.dropmenu li ul li a:after {
	content: none;
}
.dropmenu li ul li:first-child a{
	border-top: none;
}

.info li{
		position: relative;
	width:100%;
	text-align:center;
	
}

.info li ul{
/* 	position:unset; */
	
}

table.info_tbl {
    border: solid 1px #ccc;
    width: 100%;
	background-color:#fff;
	font-size:16px;
}

.info_tbl th {
    width: 30%;
    border-right: solid 1px #ccc;
    vertical-align: middle;
	padding: 20px;
}

.info_tbl tr {
    border-bottom: solid 1px #ccc;
}

.info_tbl td {
 vertical-align:middle;
	    text-align: left;
    padding: 10px 20px;
}

@media screen and (min-width: 768px) {
	.dropmenu li:hover a:after {
		transform: rotate(180deg);
		transition: .1s;
	}
	.dropmenu li:hover ul li{
		overflow: visible;
		height: 70px;
	}
	.dropmenu li ul li a:hover {
    background: #ffffff;
		transition: .5s;
	}
}
@media screen and (max-width: 767px) {
	.dropmenu {
		flex:none;
	}
	.dropmenu li {
		width:100%;
	}

	.dropmenu li ul {
		position:unset;
	}

	.dropmenu li a{
		height:50px;
		padding: 0;
		font-size: 1em;
		line-height: 50px;
	}

		.dropmenu li a:after{
	top:20px;
}
	.newMenu .dropmenu li a:after{
		content:none;

	}
	
	.newMenu .dropmenu li .next-arrow:after{
		font-family: FontAwesome;
		/* display: inline-block; */
		align-items: center;
		align-content: center;
		/* content: "▶VIEW MORE"; */
		content: "\f08e";
		font-size: 16px;
		color: #7f7c79;
		/* text-align: end; */
		/* padding-left: 24px; */
		position: absolute;
		right: 10px;
		top: 0;
		color: #fff;
	}


	li.js_cat {
		margin-top: 10px;
		margin-bottom:0;
	}

	.dropmenu li.active_sp a:after {
		transform: rotate(180deg);
		transition: .1s;
	}
	.dropmenu li.active_sp ul li{
		overflow: visible;
		height: 50px;
	}
}
		
.toggle:checked + .Label + .content {
    height: auto;
    padding: 20px 0 30px;
    transition: all .3s;
}
					
					
					.otherArea {
						padding: 50px 0 60px;
						height: auto;
						
					}
					
					.onayami-blk.campaign label {
    padding: 0;
    background: #ffccd5;
}
					
					.onayami-blk.campaign label ul {
    border: none;
					}
					
					.other_ttl.new {
						text-align: center;
						font-size: 24px;
						margin-top: 2em;
						color: #df2a4a;
					}

					.other_ttl{
						text-align: center;
						font-size: 20px;
						margin-top: 2em;

					}		
					.bg_white{
						background-color:#fff;
					}
					
					.newMenu_title {
						color: #4C4948;
						font-size: 24px;
						font-style: normal;
						line-height: normal;
						border-bottom: solid 1px #e7e3d9;
						text-align: center;
						padding: 1em;
					}
					
					span.next_arrow {
    padding-left: 1.2em;
    color: #8daecf;
    font-size: 12px;
}
					.newMenu {
/*     background-color: #73602e; */
    /* background: url(../img/about/dot_ttl.png) no-repeat center bottom 0; */
    background-size: 4px;
    text-align: center;
    line-height: 1.5;
    padding-bottom: 50px;
/*     margin-bottom: 40px; */
}
				.newMenu span.txt_eng {
    font-size: 72px;
    font-family: "Marcellus", serif;
    letter-spacing: 15px;
}
.newMenu span {
    display: inline-block;
    width: 100%;
    font-weight: normal;
}	
					
					
					.newMenu_white{
						color:#fff;
					}
					
					.newMenu_title.onayami_ttl{
						color:#e0dcd2;
					}

					a.newMenu_btn {
						font-size: 1.2em;
						font-weight:bold;
						position: relative;
						display: inline-block;
						transition: .3s;
						text-decoration: none;
					}
					
					a.newMenu_btn::after {
						position: absolute;
						bottom: 0;
						left: 0;
						content: '';
						width: 0;
						height: 3px;/*下線の太さ*/
						    background-color: #73602e;/*下線の色*/
						transition: .3s;
					}
					a.newMenu_btn:hover::after {
						width: 100%;
					}
					
					.onayami_btn {
						/*     position: relative; */
						display: flex;
						justify-content:space-between;
						background: #e0dcd2;
						/*     border: 2px solid #e0dcd2; */
						width: 100%;
						text-decoration: none !important;
						padding: 20px 60px;
						text-align: center;
						font-size: 16px;
						font-weight: bold;
						/*     letter-spacing: 1px; */
						margin-bottom: 1em;
}
.newMenu .dropmenu .next-arrow:after{
	font-family: FontAwesome;
	/* display: inline-block; */
	align-items: center;
	align-content: center;
	/* content: "▶VIEW MORE"; */
	content: "\f08e";
	font-size: 16px;
	color: #7f7c79;
	/* text-align: end; */
	/* padding-left: 24px; */
	position: absolute;
	right: 10px;
	top: 15px;
	color: #fff;
}

.newMenu .dropmenu a:after{
content:none;
}


.next-arrow:after{
			font-family: FontAwesome;
			/* display: inline-block; */
			align-items: center;
			align-content: center;
			/* content: "▶VIEW MORE"; */
			content: "\f08e";
			font-size: 16px;
			color: #7f7c79;
			/* text-align: end; */
			/* padding-left: 24px; */
			position: absolute;
			right: 10px;
}			

					@media screen and (max-width: 767px){
						.otherArea {
							box-sizing: border-box;
							padding: 0 4%;
							
						}

						.other_ttl.new {
							font-size: 20px;

						}

						.newMenu_title {
							font-size: 20px;
						}
						
						.onayami_btn{
							display:flow;
						}
						
						.next-arrow:after {
							position: absolute;
/* 							font-size: 10px; */
							right: 10px;

						}
						.newMenu{
							margin-bottom:0px;
						}
						.newMenu span.txt_eng {
							font-size: 26px;
							letter-spacing: 3px;
							line-height: 1.2;
							margin-bottom: 5px;
						}
						.newMenu span.txt_jp {
							font-size: 14px;
							letter-spacing: 0;
						}
					}					

					
				
				/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#019ac6;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
    top: calc( 44% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px 0 30px;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
				

					
					
/* ダブ2 */
					
.tab01 {
  width: 100%;
  margin: 35px auto 50px;
}
/*タブのスタイル*/
.tab_menu {
  width: calc(100%/3);
	height: 50px;
    line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #000;
  border-bottom: 3px solid #4c4948;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents {
  display: none;
  padding: 40px;
  clear: both;
  overflow: hidden;
  transition: .5s opacity;
  background: #fff;
}
/*選択されているタブを表示*/
#menu01:checked ~ #menu01,
#menu02:checked ~ #menu02 {
  display: block;
}
/*選択されているタブのスタイル*/
.tab01 input:checked + .tab_menu {
  background-color: #4c4948;
  color: #fff;
}
					
p.detail_link_btn {
	text-align: center;
	background-color: cadetblue;
	width: 35%;
	margin-left: auto;
	border-radius: 5px;
	
}
					
p.detail_link_btn:hover {
	background-color: #fbf8f0;
	color: #000;
}					


p.detail_link_btn a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 2px;
	display:block;
	border:3px solid cadetblue;
	padding: 6px;
	border-radius: 5px;
}
					
p.detail_link_btn a:hover {
    color: #000;
	border:3px solid cadetblue;
	border-radius: 5px;
}					
					
					
					
@media only screen and (max-width: 550px) {
	.d_kikai_card {
    display: block;
}
	
.tab_menu {
    width: calc(100%/2);
    font-size: 14px;
}
	
.tab_contents {
    padding: 20px;
}
	
.d_kikai_card .l > ul > li:first-child {
    font-size: 14px;
}
	
.d_kikai_card .l {
    width: 100%;
    margin-bottom: 30px;
}
	
.d_kikai_card .r {
    width: 100%;
    margin: 0 auto;
}
	
.d_kikai_card .l ul ul li:first-child {
    width: 23%;
    font-size: 12px;
}
	
.d_kikai_card .l ul ul li:last-child {
    width: 77%;
    font-size: 12px;
}
	
}
					
			/*====================================================================
.s_07 .accordion_one
====================================================================*/
.s_07 .accordion_one {
    max-width: 900px;
    margin: 15px auto;
/*     padding: 0 15px; */

}
			
			
			
.s_07.campaign .accordion_one .accordion_header.bg_pink {
    background: #ef8ba4;
}

.s_07 .accordion_one .accordion_header {
    margin: 0;
    font-size: 1.2em;
    background: #444444;
    cursor: pointer;
  color: #fff;
  font-weight: bold;
  padding: 20px 11%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
	border-bottom:solid 1px #efefef;
}

.s_07 .accordion_one .accordion_inner .accordion_header {
  background-color: #efefef;
	color: #333333;
}
.s_07 .accordion_one .accordion_inner .accordion_inner  .accordion_header {
  background-color: #fff;
}

.s_07 .accordion_one .accordion_inner .accordion_header:hover {
/*   background-color:#fff; */
}
.s_07 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
/*   border: 1px solid #fff; */
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_07 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_07 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_07 .accordion_one .accordion_header .i_box .one_i:before, .s_07 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #a3a09c;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_07 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_07 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_07 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_07 .accordion_one .accordion_inner {
  display: none;
  padding: 0;
  box-sizing: border-box;
}
.s_07 .accordion_one .accordion_inner .box_one {
  height: 300px;
}
.s_07 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .s_07 .accordion_one .accordion_header {
    font-size: 18px;
  }
  .s_07 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .s_07 .accordion_one .accordion_header {
    font-size: 1em;
    text-align: center;	
/*     padding: 15px 60px 15px 15px; */
  }
}
/*# sourceMappingURL=content.css.map */