#recruit-merit .recruit-each-merit .recruit-each-merit-wrapper {
  width: 93%;
}

#recruit-body {
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  margin: 0;
}

.recruit-menu ul {
  padding-left: 20px;
}

.recruit-menu li {
  list-style: none;
  display: flex;
  margin-bottom: 15px;
}

.recruit-menu li .recruit-number {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  position: relative;
  color: #DFB142;
}

.recruit-menu li .recruit-number span {
  font-size: 22px;
}

.recruit-menu li .recruit-special-ward {
  float: left;
  margin-top: 0;
  color:black;
}

.recruit-menu li .recruit-number::after {
  content: '';
  width: 5px;
  height: 46px;
  background-color: ##DFB142;
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  display: inline-block;
  margin: 0 5px;
}

.recruit-menu li .recruit-menu-text {
  margin-left: 15px;
  vertical-align: middle;
  /* position: relative; */
}

.recruit-menu li .recruit-menu-text a {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  vertical-align: bottom;
  color: #DFB142;
  text-decoration: none;
  margin-bottom: -5px;
}

.recruit-menu li .recruit-menu-text span {
  display: inline-block;
  vertical-align: middle;
}

.recruit-menu li .recruit-menu-text > span {
  margin-top: 12px;
}

.recruit-menu li a .recruit-first-ward {
  font-size: 23px;
  vertical-align: baseline;
}

#recruit-merit {
  background-color: #FEEDEA;
  padding-top: 40px;
  padding-bottom: 60px;
}

#recruit-merit h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
}

/* #recruit-merit h1 span {
  font-size: 33px;
} */

#recruit-merit .recruit-each-merit {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 20px 0 40px 0;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 90%;
}

#recruit-merit .recruit-each-merit:nth-of-type(7) {
  margin-bottom: 0;
}

#recruit-merit .recruit-each-merit .recruit-each-merit-wrapper {
  width: 95%;
  margin: 0 auto;
}

#recruit-merit .recruit-each-merit-title .recruit-merit-number {
  position: relative;
  color: white;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 35px;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 10px;
}

#recruit-merit .recruit-each-merit-title .recruit-merit-number1 {
  background-color: #F5D000;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number2 {
  background-color: 	#F08F57;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number3 {
  background-color: 	#9BC812;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number4 {
  background-color: #EB79A0;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number5 {
  background-color: #68C2E8;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number6 {
  background-color: #9985C4;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number7 {
  background-color:#c58699;
}

#recruit-merit .recruit-each-merit-title .recruit-merit-number::before {
  content: '';
  position: absolute;
  top: 62%;
  right: -23px;
  margin-top: -15px;
  border: 15px solid transparent;
}

#recruit-merit .recruit-each-merit-title .recruit-merit-number1::before {
  border-left: 25px solid #F5D000;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number2::before {
  border-left: 25px solid 	#F08F57;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number3::before {
  border-left: 25px solid 	#9BC812;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number4::before {
  border-left: 25px solid #EB79A0;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number5::before {
  border-left: 25px solid #68C2E8;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number6::before {
  border-left: 25px solid #9985C4;
}
#recruit-merit .recruit-each-merit-title .recruit-merit-number7::before {
  border-left: 25px solid #c58699;
}

.recruit-each-merit-title {
  position: relative;
}

.recruit-each-merit-title::after {
  content:'';
  display: inline-block;
  width: 100%;
  height:2px;
  position: absolute;
  top:92px;
  left: 50%;
  transform: translateX(-50%);
}

.recruit-each-merit-title1::after {
  background-color: #F5D000;
}
.recruit-each-merit-title2::after {
  background-color: #F08F57;
}
.recruit-each-merit-title3::after {
  background-color: #9BC812;
}
.recruit-each-merit-title4::after {
  background-color: #EB79A0;
}
.recruit-each-merit-title5::after {
  background-color: #68C2E8;
}
.recruit-each-merit-title6::after {
  background-color: #9985C4;
}
.recruit-each-merit-title7::after {
  background-color: #c58699;
}


.recruit-each-merit-title h2 {
  text-align: center;
  margin: 0;
  font-size: 21px;
}

.recruit-each-merit-wrapper p {
  margin-top: 25px;
  line-height: 35px;
}

#recruit-essentials {
  background-color: 	#F0F0E8;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #8B8370;
}

#recruit-flow {
  color:#8B8370;
}

#recruit-opinion {
  color: #8B8370;
}

#recruit-essentials h1 {
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
  font-size: 24px;
}

.recruit-each-essential {
  margin-bottom: 10px;
  background-color: #F9F8F5;
  width: 350px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 30px;
}
.recruit-each-essential:nth-of-type(6) {
  margin-bottom: 0;
}

/* .recruit-each-essential-title {
  display: inline-block;
  margin-left: 10px;
  width: 70px;
  padding-left: 10px;
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
} */

p.recruit-each-essential-title {
  text-align: center;
  margin: 0;
  margin-bottom: 20px;
  font-size: 22px;
  position: relative;
}

p.recruit-each-essential-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  margin: 0 auto;
  height: 2px;
  width: 75px;
 background-image: linear-gradient(90deg, RGBA(0, 0, 0, 0), RGB(157, 155, 122) 50%, RGBA(0, 0, 0, 0) 100%);
}
p.recruit-each-essential-title::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  margin: 0 auto;
  height: 2px;
  width: 75px;
 background-image: linear-gradient(90deg, RGBA(0, 0, 0, 0), RGB(157, 155, 122) 50%, RGBA(0, 0, 0, 0) 100%);
}

.recruit-each-essential-content {
  /* display: inline-block; */
  width: 100%;
  height: 80%;
font-size: 12px;
  position: relative;
  /* padding: 20px 0; */
}

.essential-content-inner {
  /* display: inline-block; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.recruit-each-essential-content p {
  margin: 5px 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-align: center;
  line-height: 2;
}

.recruit-each-essential-content p .essential-big-word {
  font-size: 22px;
  line-height: 30px;
  /* margin: 20px 0; */
  display: inline-block;
}

.recruit-each-essential-content p:nth-of-type(6) {
  margin: 0;
}

#recruit-flow {
  padding: 40px 20px;
}

.recruit-flow-title {
  /* width: 90%; */
  margin: 0 auto;
}

.recruit-flow-title h1 {
  margin: 0;
  text-align: center;
  margin-bottom: 40px;
  font-size: 24px;
}

.recruit-each-opinion {
  width: 106.5px;
  height: 150px;
  position: relative;
}

.merit-flex {
  margin-top: 30px;
}

.merit-img {
  text-align: center;
  width: 50%;
  margin: 0 auto;
}

.merit-img img {
  border-radius: 5px;
  width: 100%;
}

#recruit-question button {
  background-color: #575549;
  border: solid #575549 1px;
  border-radius: 10px;
  padding: 20px 10px;
  color: white;
  display: block;
  margin: 0 auto;
  cursor:pointer;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}





.accordion-box {
  margin-top: 20px;
  transition: 0.3s;
}

.accordion {
  margin-bottom: 20px;
  list-style: none;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#252525;
	font-weight:500;
	cursor:pointer;
	padding:15px 25px 15px;
	padding-right: 50px;
	border:1px solid #dddddd;
	font-family: "Rubik", sans-serif;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
  margin-bottom: 20px;
  width: 90%;
  max-width: 480px;
  margin: 0 auto;
  border-radius: 5px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.accordion-box .block .acc-btn.active{
	background-color: #daa520;
	border-color: #daa520;
	color:#ffffff;
	margin-bottom: 0px;
}
.accordion-box .block .icon{
	position:absolute;
	right: 15px;
	top:15px;
	height: 30px;
	width: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #252525;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	opacity:1;
	z-index: 1;
	color: #ffffff;
	font-size: 18px;
	content: "\f146";
	font-family: "Font Awesome 5 free";
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.accordion-box .block .acc-content{
	position:relative;
	display:none;
  background-color: #ffffff;
  width: 90%;
  max-width: 480px;
  margin: 0 auto;
  border-radius: 5px;
}
.accordion-box .block .content{
	position:relative;
	padding: 20px 25px;
	margin-bottom: 0;
}
.accordion-box .block .acc-content.current{ 
	display: block;
}
.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}

.accordion-hide {
  /* visibility: hidden;
  height: 0; */
  display: none;
}
/* .accordion-slow-hide {
  animation: hide 0.5s linear 0s;
} */
.accordion-visible {
  /* visibility: visible;
  height: auto; */
  display: block;
}

/* @keyframes show{
  from{
      opacity: 0;
  }
  to{
      opacity: 1;
  }
}
@keyframes hide{
  from{
      opacity: 1;
  }
  to{
      opacity: 0;
  }
} */


@media screen and (min-width: 600px) {
  .recruit-each-merit-title::after {
    top: 64px;
  }

  .recruit-each-opinion {
    width: 166px;
    height: 206px;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .merit-flex {
    display: flex;
    justify-content: space-between;
  }
  
  .merit-img {
    display: inline-block;
    width: 25%;
  }

  .merit-img img {
    width: 100%;
  }

  .recruit-each-merit-wrapper p {
    width: 65%;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #recruit-question button {
    background-color: #F3F2EA;
    color: #575549;
    transition: 0.4s;
    width: 60%;
    min-width: 480px;
    font-size: 23px;
  }

  #recruit-question button:hover {
    background-color: #575549;
    color: white;
  }

  .recruit-each-opinion {
    height: 238px;
  }
}

@media screen and (min-width: 1000px) {
  .accordion-box .block .acc-btn {
    min-width: 545px;
    max-width: 750px;
    width: 60%;
    font-size: 18px;
  }

  .accordion-box .block .content .text {
    font-size: 16px;
  }
}



/*---------------------------------------------------
 * モバイル版
 *---------------------------------------------------*/
@media screen and (max-width: 768px) {
a:focus{
    	outline:none;
 }
	.topmk1 {
font-size: 11px;
color: #16461b;
        font-family: serif;
        margin: 0px 0 0px 5px;
text-align: left;
}
footer .row-1 .brand .logo img {
    width: 200px;
}
.l-header .inner .brand {
  flex-basis: 50%;
}
.topmk2 {
    width: 61%;
}
.page-front-page .section-therapists .section-days .days a span {
    font-size: 1.2rem;
}
.img50 img{
    width: 45%;
}	

.mkimg300	{
    width: 300px;
}	

.mkt h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    width: 100px;
background-image: linear-gradient(90deg, RGBA(0, 0, 0, 0), RGB(157, 155, 122) 50%, RGBA(0, 0, 0, 0) 100%);
}
	
.page-schedule .section-days .days a {
    padding: 1.6rem .5rem;
}
.page-titles p {
color: #522E0A;
}
.page-titles h1 {
color: #522E0A;
}
.page-schedule .page-header {
    padding: 6.4rem;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 6.4rem;
}
.page .page-header .page-titles {
    font-size: 26px;
    position: relative;
}
.page .page-header .page-titles h1, .page .page-header .page-titles p {
    position: relative;
    text-align: center;
    z-index: 30;
    margin: 0;
    font-family: ヒラギノ明朝 ProN,Hiragino Mincho ProN,sans-serif;
    background: #f5f5f5;
}
.page .page-header .page-titles h1, .page .page-header .page-titles p {
    position: relative;
    text-align: center;
    z-index: 30;
    margin: 0;
    font-family: ヒラギノ明朝 ProN,Hiragino Mincho ProN,sans-serif;
    background: #f5f5f5;
}
.page .page-header .page-titles .line {
    display: inline-block;
    width: 180px;
    height: 2px;
    background-color: rgba(59,59,59,.7);
    transform: rotate(40deg) translateX(-50%) translateY(-50%);
    transform-origin: left;
    position: absolute;
    left: 50%;
    top: 50%;
}
.system-ban1 {
    text-align: center;
    font-size: 22px;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.page-header {
    padding: 0;
margin-top: -43px;
}
.page-therapist .sns-and-reviews .section-sns .header .icon {

    width: 91px;
}
.page-therapist .sns-and-reviews .section-sns .header .icon.icon-twitter {
    width: 93px;
}
/* フッター
------------------------------------------------------- */
.hiramin {
    font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;
font-size: 12px;
font-style: normal;
}	
footer .inner {	padding-top: 20px;}
footer #pagetop {	margin-right: -45px;	position: absolute;	top: -24px;	right: 50%;}

footer #second_pagetop .in { width:100%;position: relative;}
footer #second_pagetop a { margin-right: -45px; position:absolute; right:53%;}

#footer-logo {	width: 25%;	margin: 0 auto 10px;	float: none;}
#footer-logo img {
width: 250px;	
	}

#footer-sistershop,
address,
#footer-card {	display: none;}
#footer-tel img,
#footer-mail img {	width: 70%;	margin: 0 auto 5px;}
#footer-contents {	margin-bottom: 20px;	float: none;}

.top_footer #footer-sistershop,.top_footer #footer-card { display: block;}
.top_footer #footer-sistershop { margin: 4% auto; float: none; width: 250px; }
.top_footer #footer-sistershop .title {	text-align: center;}
.top_footer #footer-card { text-align: center;}
.top_footer #footer-card img {margin: 4% auto 0; width: 94%;
	}

#footer-teikei { margin: 4% auto; float: none;}
#footer-teikei img { margin: 0 auto;}
#footer-teikei .title {	text-align: center;}

footer nav { margin-bottom: 0;}
.footer_navi_area {margin-bottom: 0;background: #fff;padding: 3% 0;}
footer-navi { padding: 0;	}
.footer-navi.pc { display: none; }
.footer-navi {width: 90%;margin: 0 auto;font-size: 1.2rem;display: block;}
.footer-navi-title { padding: 12px 5px; border-bottom: 1px solid #ccc; position: relative; }
.footer-navi-title:before { content: "\f067"; font-size: 1rem; font-family: FontAwesome; position: absolute; top: 15px; right: 10px; }
.footer-navi-title.active:before { content: "\f068"; }
.footer-navi-items { width: 100%; padding: 0; border: none; display: none;}
.footer-navi-items.contents { min-height: 375px;}
.footer-navi-items li { width: 100%; margin: 0; font-weight: normal; border-bottom: 1px dashed #ccc; position: relative; }
.footer-navi-items li:before { content: '\f105'; margin: 0; font-family: FontAwesome; position: absolute; top: 12px; right: 10px; }
.footer-navi-items li a { padding: 12px 5px; margin: 0; display: block; }
.footer-subnavi-items { font-size: 1.2rem; margin-top: 3%;}
.footer-subnavi-items li:before { content: '|'; margin: 0 5px; }
.footer-subnavi-items li:first-child:before { display: none; }
.footer-subnavi-items li a { display: inline-block; }

footer .note { width:95%;  margin:20px auto; text-align:left; }
footer .note p { font-size:3.2vw;}
footer .note:after { content: ""; display: block; clear: both; height:0; }
.pc {
    display: none !important;
}
	
.top_telcontact { margin: 0;
text-align: center;
}
.top_telcontact .time { text-align: center; font-size: 4vw;}
.top_footer {
background: url(./assets/shared/contents_bg.jpg) repeat top center;
}
.top_telcontact .time {
    text-align: center;
    font-size: 4vw;
color: #95785f;
line-height: 1.6;
}	
#footer-sistershop .title {
    margin-bottom: 5px;
    color: #594710;
    font-size: 13px;
}

.crte{
    text-align: center;
	}
footer .copy {
padding: 8px 10px 17px 0;
color: #fff;
text-align: right;
letter-spacing: 0px;
background: #c8aa79;
font-size: 1.3rem;
display: block;
margin: 8px 0px -10px 0;
height: 39px;
}	
.page-schedule .page-header {
    margin-bottom: 0;
margin-top: -24px;
}
.mk33 {
width: 200px;
}
.page-schedule .section-day .goto-tomorrow {
    display: block;
    padding: 1.6rem;
    border: 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #5dc1cf;
}
.page-front-page .section-therapists .section-day .goto-tomorrow {
padding: 1.6rem;
border: 0;
text-decoration: none;
text-align: center;
display: inline-block;
color: #fff;
background: linear-gradient(179deg, #42BBC1 0%, #9FF0CA 100%);
}
.mk1950{
text-align:center;
}		
.pdv-2mk {
    padding-top: 3.2rem;
    padding-bottom:0;
}
#system-course .system-eachcourse-wrapper h4 {
    font-size: 18px;
}
#system-course .system-eachcourse-wrapper span {
    font-size: 17px;
}	
#system-course .system-eachcourse-wrapper {
    width: 80%;}
#system-course h2 {
    font-size: 20px;
}	
#system-course .system-pay .system-pay-wrapper1 p {
    margin: 7px;
    line-height: 1.5;
}

#system-course .system-pay {
    margin-top: 44px;
}
.aside-contact a {
    font-size: 80%;
}
.system-policy {
    padding-bottom: 50px;
}

.guide-step-container p {
    margin-top: 60px;
    margin: 27px 10px 0 10px;
    padding-bottom: 30px;
    color: #8B8370;
}
.recruit-each-merit-title h2 {
    font-size: 18px;
}
.recruit-each-essential {
    width: 96%;
}
.recruit-each-essential-content {
}
.recruit-each-essential-content p {
    font-size: 13px;
}	
.recruit-each-essential {
    height: 255px;
}	
.mkrft{
   text-align: left;
}
.mkrft2{
   text-align: left;
font-size: 13px;
}	
.recruit-opinion-speech {
    width: 290px;
}
.recruit-opinion-wrapper {
    width: 290px;

}	
#recruit-merit .mkrft1 img	 {
    width: 290px;

}	
.recruit-link-pc {
    width: 53%;
}	
.form-control {
    margin: 5px 5px 0 0;
}	
.recruit-form {
    width: 95%;
    margin: 0 auto;
}	
.form-inlinemk {
    padding: 4px;
    width: 30%;
}	
.recruit-form h2 {
    font-size: 2.0rem;
}

.form-confirmation button {
    position: relative;
    transition: all ease 0.4s;
   width: 45%;
display: block;
margin: 0px auto 0;
text-align: center;
padding: 14px 0px;
    box-sizing: border-box;
    border: 1px solid #d2b071;
        border-bottom-color: rgb(210, 176, 113);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: none;
    background: none;
        background-color: rgba(0, 0, 0, 0);
    background-color: #d2b071;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
box-shadow: inset 0 0 0 0px #dce9f5;
}	
	
.system-policy {
    background-color: #F7F7F6;
    padding-top: 50px;
    padding-bottom: 50px;
}	
.mkb {
    font-size: 26px;
}	
.recruit-flow-step-background-first .recruit-flow-step-right h2 {
  color: #F5D000;
text-align: left;

  /* color: white; */
}
.recruit-flow-step-background-second .recruit-flow-step-right h2 {
  color: #F08F57;
text-align: left;

  /* color: white; */
}
.recruit-flow-step-background-third .recruit-flow-step-right h2 {
  color: #9BC812;
text-align: left;

  /* color: white; */
}
.recruit-flow-step-background-fourth .recruit-flow-step-right h2 {
  color: #EB79A0;
text-align: left;

  /* color: white; */
}

.recruit-flow-step-right p {
font-size: 1.6rem;
    margin: 0;
    margin: 10px 0 0 5px;
    line-height: 1.8em;
    letter-spacing: 0em;
}
.recruit-menu-right img {
    display: inline-block;
    width: 100%;
    margin: 0 0 -2px 0;
}
.mk30 {
  padding-top: 30px;
}	
.mk50 {
  padding-top: 50px;
}
	
.page-therapists .page-header {
    padding: 6.4rem;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 6.4rem;
}
.page-schedule .section-days .days a {
    background: #eee;
}
.page-therapists .page-header {
    margin-bottom: 0;
margin-top: -24px;
}
.mk88 {
    margin-top: 47px;
}	
.drawer-list {
margin: 50px 0 0 0;
}
.drawer-content ul li {
    display: block;
    width: 100%;
    font-size: 24px;
    box-sizing: border-box;
    color:#999;
    text-decoration: none;
    padding: 9px 15px 10px 44px;
    position: relative;
}
.drawer-content ul li a {
text-decoration: none;
   color:#999;
}
.page-front-page .section-recommended .therapists .therapist {
    flex-basis: 30%;
}	
.page-header1 {
    padding: 0;
    margin-top: -27px;
}
.outline324 img{
    width: 280px;
}
.outline324{
padding: 1.6rem 10px;
}
.page-info .page-header {
    padding: 9.6rem 0 !important;
    text-align: center;
    margin-top: 0;
}
	
	
	
	
/* footer
 * --------------------------------------- */
#footer {
	padding: 0 0 220px;
}
#footermenu {
	padding: 28px 0 40px;
	font-size: 17px;
}
#footermenu .menu {
	margin: 0 auto 12px;
}
#footermenu .menu li {
	margin-bottom: 28px;
}
#footertel {
	font-size: 28px;
	line-height: 1em;
	color: #fff;
}
#footertel span {
	font-size: 24px;
}
#footeropen {
	font-size: 22px;
	line-height: 24px;
	color: #fff;
}
#footerspup {
	margin: 0 auto 0px;
	text-align: center;
	color: #fff;
	background: #00d0ca;
	letter-spacing: normal; /*Œ„ŠÔ‘΍ô */
}
#footerspup a {
	display: block;
	width: 100%;
	height: 44px;
	padding: 12px 0 0;
	font-size: 21px;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
}
#footerspup span {
	margin-right: 12px;
	vertical-align: middle;
}
#footerspup span#footersptel {
	display: block;
margin: -6px 12px -5px 0;
	font-size: 17px;
	line-height: 1em;
}
#footerspup span#footerspopen {
	font-size: 13px;
}
#footerspup i {
	margin-right: 6px;
}
#footersp {
	position: fixed;
	bottom: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 102px;
	padding: 0;
	text-align: left;
	color: #fff;
	background: linear-gradient(#0abab5 0%, #0abab5 100%);
	line-height: 0em;
	letter-spacing: -.40em; /*Œ„ŠÔ‘΍ô */
	z-index: 48;
}
#footersp > a {
	display: inline-block;
    width: 14.5%;
	height: 54px;
	margin: 0 auto 0 0;
	padding: 0px 0 0;
	font-size: 7px;
	line-height: 1.2em;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
	border-right: solid 1px #ffffff;
	letter-spacing: normal; /*Œ„ŠÔ‘΍ô */
	text-decoration: none;
}
#footersp > a img {
	display: block;
	width: auto;
	height: 48px;
	margin: 0 auto 12px;
}

.sp {
	display: block;
}
.pcinline {
	display: none;
}
.spinline {
	display: inline-block;
}
.spbr::before {
	content: "\A" ;
	white-space: pre ;
}

#menubtn {
	position: fixed;
	width: 80px;
	height: 80px;
	z-index: 990;
	bottom: 22px;
	right: 8px;
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 0em;
	text-align: center;
	color: #fff;
	overflow: hidden;
	z-index: 990;
}
.open #menubtn {
	color: #666;
}
.navBtn {
	position: relative;
	width: 56px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}


#menu-wrap {
	position: fixed;
	top: 0;
	right: -440px;
	display: table;
	width: 440px;
	height: 100vh;
	background: rgba(255,255,255,0.92);
	z-index: 90;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	 transition: .6s;
}
.open #menu-wrap {
	position:fixed;
	right: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	 transition: .4s;
}
#menu {
	display: table-cell;
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	vertical-align: middle;
}
#menu li {
	display: block;
	width: 320px;
	margin: 0 auto;
	padding: 0;
	border-bottom: solid 1px #ffa2b8;
}
#menu li:last-child {
}
#menu li a {
	display: block;
	width: 320px;
	margin: 0 auto;
	padding: 24px 0 22px;
	text-align: center;
	font-size: 28px;
	letter-spacing: 0.04em;
	line-height: 1.0em;
	color: #222;
	background: none;
}
#menu li a .en {
	font-weight: bold;
	font-size: 32px;
	text-transform: uppercase;
	color: #ff5385;
	font-family: 'Rounded Mplus 1c',sans-serif;
}
#menu li a .jp {
	display: block;
	padding: 4px 0 0;
	font-style: normal;
	font-size: 20px;
	letter-spacing: 0em;
	color: #666;
}
#altmenu-wrap {
	display: none;
	margin: 0;
	padding: 0;
}

#footersp > a img {
display: block;
width: auto;
height: 23px;
margin: 8px auto 7px;
}


.recruit-opinion-speech {
    width: 80%;
}
.recruit-opinion-wrapper {	
	width: 90%;
}	
	
}