/*====================================================================================
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: 0% 0 20% 0;
  }
  .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: 45px;
    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: 80%;
  border: 1px solid #a3a09c;
  padding: 50px;
  margin: auto ;
  box-sizing: border-box;
}
.list_check li {
 /* background: url("../img/about/icon_tick.png") no-repeat top 5px left;*/
  font-size: 18px;
  padding-left: 10px;
	list-style: square;
}
.list_check li:not(.list_check li:last-child) {
/*  margin-bottom: 20px;*/
}
@media only screen and (max-width: 767px) {
  .list_check {
    width: 100%;
    margin: 10% auto 0;
    padding: 10%;
  }
  .list_check li {
    background-size: 20px;
    font-size: 15px;
    padding-left: 30px;
  }
}

#about_03 {
  padding-bottom: 95px;
}

.new_greeting {
    display: flex;
	justify-content: space-between;
}

.l{
	width:50%;
}
.r{
	width:45%;
	padding: 20px;
    line-height: 3em;
}

@media only screen and (max-width: 767px) {
  #about_03 {
    padding-bottom: 15%;
  }	
	.new_greeting {
    display: block;
}
	.l{
	width:auto;
}
.r{
	width:auto;
	padding: 5px;
	line-height:2em;
}
	
}

.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. case PAGE
====================================================================================*/
/*start*/
.case_list_anchor{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 50px 0 30px;	
}

.case_list_anchor li {
    width: 50%;
    padding: 3% 3%;
}

.case_list_box02 {
    border: 2px solid #315344;
	width: 80%;
	margin: auto;
	margin-bottom: 5%;
	background-color: #fff;
}

.case_list_box02 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #315344;
    color: #fff;
    font-weight: 600;
	font-size: 1.2em;
}

.case_list_box02 ul {
    list-style-type: disc;
    margin: auto;
    padding: 1em 1em 1em 2.5em;
	background-color:#fff;
	    width: 50%;
}

.case_list_box02 li {
    padding: .3em .3em .3em 0;
	font-weight: 600;
    font-size: 1.2em;
}

.case_list_box02 li::marker {
    color: #315344;
    font-size: 1.1em;
}

@media only screen and (max-width: 767px) {
	.case_list_anchor .style_btn02 {
		font-size: 14px;
		padding: 15px 10px;
	}
	.case_list_box02 ul {
		width: 100%;
	}
}

/*end*/

.page-faq .ttl_page {
  background: url("../img/faq/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-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: "罪名";
    background: #315344;
  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: "解説";
    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: 16px;
    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. PAGE
====================================================================================*/
.page-clinic .ttl_page {
  background: url("../img/office/bg_ttlpage.jpg") no-repeat center center/cover;
}
.page-clinic .sec_access {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 480px;
  /* margin-bottom: 60px; */
  margin-bottom: 30px;
}
.page-clinic .sec_access .img {
  position: relative;
  width: 36%;
  overflow: hidden;
}
.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: #fff;
	margin-right: 5%;
	background-color: #315344;
}
.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  {
  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: #8db1ae;
  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/faq/ttlpage.jpg") no-repeat center center/cover;
}
.page-safety .list_box_safety .box_safety {
  display: flex;
	flex-flow:column;
  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: 100%;
}
.page-safety .list_box_safety .box_safety .img_box img {
  width: 100%;
	height: 230px;
    object-fit: cover;
}
.page-safety .list_box_safety .box_safety .txt_box {
  width: 100%;
  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 .img_box img {
  width: 100%;
	height: 150px;
    object-fit: cover;
}
	
  .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 .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: 4em 2em;
    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 : #615757;
	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:700;
	font-size: 1.1em;
}

.recommend_text dd {
font-size: 1.5em;
    font-weight: 700;
    color: #df2a4a;
    position: relative;
    margin-bottom: 1em;
    padding-left: 40px;
}
}

.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: 30px 15px;
		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;
		padding-left:30px;
	}

}



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.2em;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-top: 1.2em;
}

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: space-evenly;
	flex-wrap:wrap;
	margin-bottom: 2em;
}

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

.side_effect p {
    color: #c19d0e;
	font-size: 1.2em;
}

ul.ingredientArea {
    text-align: left;
	margin-bottom: 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;
}

.dropmenu::after{
  content:"";
  display: block;
  width:30%;
}
					
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 */

/* fee */
.fee-dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


.fee-dl dt{
	width: 30%;
	padding: 20px;
	margin-bottom: 10px;
	background-color: #DADADA;	
}

.fee-dl dd{
	width: 70%;
	padding: 20px;
	background-color: #F3F3F3;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.fee-dl {
		display: block;
		width: 100%;
	}


	.fee-dl dt{
		width: 100%;
	}

	.fee-dl dd{
		width: 100%;
	}
}

/*====================================================================
access page
====================================================================*/
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px 0;
	text-align:center;
}

a.btn-c {
  font-size: 2.2rem;
  position: relative;
  padding: 0.25rem 2rem 1.5rem 3.5rem;
  color: #fff;
  background: #32b16c;
  -webkit-box-shadow: 0 5px 0 #2c9d60;
  box-shadow: 0 5px 0 #2c9d60;
	margin:30px 50px;
}

a.btn-c span {
  font-size: 1.5rem;
  position: absolute;
  top: -10px;
  left: calc(50% - 150px);
  display: block;
  width: 300px;
  padding: 0.2rem 0;
  color: #32b16c;
  border: 2px solid #32b16c;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #30a967;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-c:hover:before {
  left: 2rem;
}

a.btn-b {
  font-size: 2.2rem;
  position: relative;
  padding: 0.25rem 2rem 1.5rem 3.5rem;
  color: #fff;
  background: #f48814;
  -webkit-box-shadow: 0 5px 0 #8b5821;
  box-shadow: 0 5px 0 #8b5821;
}

a.btn-b span {
  font-size: 1.5rem;

  position: absolute;
  top: -10px;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #f48814;
  border: 2px solid #f48814;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-b:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #f48814;
  -webkit-box-shadow: 0 2px 0 #8b5821;
  box-shadow: 0 2px 0 #8b5821;
}

a.btn-b:hover:before {
  left: 2rem;
}

.contact_area {
    text-align: center;
    border: solid 5px #ccc;
    padding: 15px;
}

@media screen and (max-width: 767px) {
	a.btn-c {
		font-size: 1.8rem;
	}
	a.btn-b {
		font-size: 1.8rem;
	}	
}

/*====================================================================
decoration　base
====================================================================*/
.case_h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #c19d0e;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
   margin: 30px 0px;	
}

.case_h3{
	    padding: .5em .7em;
    border-left: 5px solid #c19d0e;
    color: #333333;
	    margin: 30px 0px;
}

.case_h4{
	    padding:0 .4em .2em;
    border-bottom: 3px dashed #9cc1b2;
    color: #333333;
	    margin: 30px 0px;
}

.case_h5{
	background: linear-gradient(transparent 70%, #9cc1b2 70%);	
	    margin: 30px 0px;
}

.case_quote {
    position: relative;
    padding: 3em 2.5em 2em 3.5em;
    color: #333333;
    background-color: #f2f2f2;
}

.case_quote::before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 2em;
    height: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23257460'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.case_quote p {
    margin-top: 0;
}

.case_quote cite {
    display: block;
    color: #737373;
    font-size: .8em;
    text-align: right;
}

.case_box {
position: relative;
    margin: 1.9em auto 0;
    padding: 1em 1.5em;
    border: 2px solid #315344;
    border-radius: 3px;
    background-color: #fff;
}

.case_box span {
    position: absolute;
    top: -2.2em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #315344;
    color: #fff;
}

.case_box p {
    margin: 0;
    color: #333;
}

.case_list01 {
    list-style-type: none;
}

.case_list01 li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
}

.case_list01 li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #c19d0e;
    border-left: 2px solid #c19d0e;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

.case_list02{
    list-style-type: none;
/*     padding: 1em; */
    counter-reset: li;
}

.case_list02 li {
    display: flex;
    align-items: center;
    padding: .3em;
}

.case_list02 li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    background-color: #c19d0e;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}

.case_list03 {
    list-style-type: disc;
}

.case_list03 li {
    padding: .3em .3em .3em 0;
	list-style-position:inside;
}

.case_list03 li::marker {
    color: #c19d0e;
    font-size: 1.1em;
}

.case_list04 {
    list-style-type: disc;
}

.case_list04 li {
    padding: .3em .3em .3em 0;
	list-style-position:inside;
}

.case_list04 li::marker {
    color: #315344;
    font-size: 1.1em;
}

@media screen and (max-width: 787px) {
	.case_quote {
		padding: 4em 1em;
	}

}

.table_01 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.table_01 th, .table_01 td {
  border: 2px solid #a3a09c;
  padding: 1em;
	background-color: #fff;
	text-align: left;
    vertical-align: middle;
}
.table_01 thead th {
  background-color: #4d9bc1;
  color: #fff;
  border: 2px solid #4d9bc1;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.table_01　thead th:last-of-type {
  border-right: 2px solid #4d9bc1;
}
.table_01 tbody th {
color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #413e3d;
	    vertical-align: middle;
}
@media screen and (max-width: 787px) {
  .table_01 {
    text-align: left;
  }
  .table_01 thead {
    display:none;
  }
  .table_01 th, .table_01 td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .table_01 tbody th{
    background: #4d9bc1;
    color:#fff;
  }
  .table_01 td::before{
    content: unset;
    color: #4d9bc1;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }
}

.table_02 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.table_02 th, .table_02 td {
border: 2px solid #a3a09c;
    padding: 1em;
    background-color: #fff;
}
.table_02 thead th {
    background-color: #413e3d;
    color: #fff;
    border: 2px solid #a3a09c;
    border-right: 2px solid #a3a09c;
    border-bottom: 2px solid #a3a09c;
}
.table_02 thead th:last-of-type {
  border-right: 2px solid #aec3cb;
}
.table_02 tbody th {
  color:#c19d0e;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 787px) {
  .table_02 {
    text-align: left;
  }
  .table_02 thead {
    display:none;
  }
  .table_02 th, .table_02 td {
    display: block;
    border: 0;
    border-bottom: 2px solid #e6f1f6;
  }
  .table_02 tbody th{
    background: #4d9bc1;
    color:#fff;
  }
  .table_02 td::before{
    content: attr(data-label);
    color: #4d9bc1;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }
}