@charset "utf-8";
@import url("reset.css");
@import url("layout.css");
/*--------------------------------------------
 
　　　1.CONTAINER
 
---------------------------------------------*/

@media (max-width: 849px) {
  .job_margin_sp {
    margin-top: 11px;
}
  .is_sp {
    display: block;
  }
  #footer {
    padding-bottom: 20px;
  }
  .sns-fab-ins {
    display: flex;
    justify-content: space-evenly;
    padding: 0 10px;
  }
  .sns-ins,
  .sns-fab {
    flex-basis: 47%;
    /* box-shadow: 5px 5px 5px rgba(0,0,0,0.4); */
  }
  .facebook_banner,
  .instagram_banner {
    display: block;
  }
  .facebook_banner img,
  .instagram_banner img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
  .instagram_banner {
    opacity: 0.8;
  }
}
@media (min-width: 850px) {
  .is_sp {
    display: none;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  color: #40210f;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
.wrap {
  width: 100%;
  position: relative;
  height: auto !important; /*IE6対策*/
  height: 100%; /*IE6対策*/
  min-height: 100%;
}
html {
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  color: #999999;
}
a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
a,
a:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.txt-center {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #211e1f;
}
.txt-right {
  text-align: right;
  font-size: 16px;
  line-height: 26px;
  color: #211e1f;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mb35 {
  margin-bottom: 35px;
}
.mb50 {
  margin-bottom: 50px;
}
.pt40 {
  padding-top: 40px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* Grid
--------------------------------------------- */

.row {
  overflow: hidden;
  width: 90%;
  margin: 0 auto 33px;
}
.row * {
  letter-spacing: normal;
}
.border {
  background: url(../images/border.png) repeat-x left bottom;
  padding-bottom: 15px;
}
/*--------------------------------------------
　　
　nav
 
---------------------------------------------*/
nav {
  width: 100%;
}
nav .menu {
  display: block;
}
nav .menu ul {
  display: block;
  width: 980px;
  text-align: center;
}
nav .menu li {
  background: #58beac;
  /* background: #2fc5cf; */
  display: block;
  text-align: center;
  float: left;
  font-size: 18px;
}
nav .menu li a {
  color: #fff;
}
nav .menu li span {
  display: block;
  color: #84583d;
  font-size: 12px;
}
/*ACCORDION*/
.menu #accordion {
}
.menu #accordion .toggle {
  display: block;
}

.menu #accordion ul.child {
  display: none;
  margin: 0 20px;
  padding: 0;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 0;
  width: 90%;
}
.menu #accordion ul.child > li {
  display: list-item;
  margin: 4px auto;
  padding: 20px;
  border-bottom: 1px dotted #dddddd;
  text-align: -webkit-match-parent;
  float: none;
  font-size: 120%;
  width: 100%;
}
#accordion .child > li a {
  opacity: 0.8;
  font-weight: bold;
}
.menu #accordion ul.child02 {
  display: none;
  width: 100%;
  margin: 42px 0 -1px;
  padding: 0;
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 0;
}
.menu #accordion ul.child02 > li {
  display: list-item;
  margin: 4px auto;
  border-bottom: 1px dotted #dddddd;
  text-align: -webkit-match-parent;
  float: none;
  font-size: 100%;
  width: 100%;
}
.menu #accordion ul.child02 > li > a {
  background: #fff;
  display: block;
  color: #4ba695;
  padding: 20px;
  border-radius: 4px;
}
div.close {
  display: block;
  background: #4ba695;
  text-align: center;
  font-size: 120%;
  color: #fff;
  padding: 20px;
}
.menu #accordion ul.child02 div.close {
  font-size: 100%;
}
/*--------------------------------------------
　　
　main
 
---------------------------------------------*/
.main-column {
}
.main-box {
  line-height: 1.5;
}
.main-box ul li {
  line-height: 1.8;
}
.main-box h2.title {
  background-color: #84583d;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
.main-box h3 {
  margin-bottom: 30px;
  padding-top: 1em;
}
/*--------------------------------------------
　　
　side
 
---------------------------------------------*/
.side-column {
}
.side-box {
  margin-bottom: 20px;
  margin-left: 12px;
  display: block;
  background: #f9f1e4;
  padding: 10px 8px 8px;
}
.side-box h2 {
  background: #f29600;
  font-size: 22px;
  padding: 10px;
  color: white;
  margin-bottom: 10px;
  border-radius: 10px;
}
.side-box p {
  padding: 0px 0.5em;
}
.side-column ul.side_bnr {
  list-style: none;
  margin-bottom: 26px;
}
.side-column ul.side_bnr li {
  margin-bottom: 10px;
}
.globalmenu {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 18px;
  letter-spacing: 0.8em;
}
.globalmenu li {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
    "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  border: 1px solid #b77539;
  background: url(../images/common/icn_arrw.png) 97% no-repeat, #fff;
  color: #40210f;
  border-radius: 10px;
  font-size: 22px;
  margin: 0 0 10px;
}
.globalmenu li a {
  padding: 8px;
  color: #40210f;
  display: block;
}
.globalmenu li a:hover {
  background: #f29600;
  border-radius: 10px;
  color: #fff;
}

/*#sideinfo{
    position: fixed;	
	top:10px;
	
}*/

/*.side_info{
	width:100%;
	position:sticky;
	top:15px;
}

*/
/* ------------------ */
/* ▼ヘッダ部分の装飾 */
div.h_syoujyou {
  line-height: 40px;
}
.pageheader {
  background-color: #ddeeff;
  margin: 0px;
  padding: 1em;
  border-bottom: 1px solid #0000cc;
}
/* ------------------ */
/* ▼フッタ部分の装飾 */
.pagefooter {
  background-color: #ffddbb;
  margin: 0px;
  padding: 1em;
  border-top: 1px solid #cc0000;
}
/*--------------------------------------------
 
　　　footer
 
---------------------------------------------*/

footer {
  background: #e3c091;
  background-size: contain;
  text-align: center;
  position: relative;
  padding-top: 34px;
  padding-bottom: 37px;
  color: #fff;
}
footer p {
  font-size: 16px;
  letter-spacing: 0.25em;
}
footer a:link {
  color: #fff;
}
.footer_menu {
  margin: 0 auto 0;
  text-align: center;
  margin-bottom: 300px;
}

@media (max-width: 849px) {
  footer {
    background: #e3c091;
    background-size: contain;
    text-align: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
  }

  footer p {
    font-size: 15px;
    letter-spacing: 0.1em;
  }
}

/*---------------------

　トップへ戻るボタン

-----------------------*/
.page_top {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 14px;
  margin: auto;
  z-index: 100;
}
.page_top img {
  width: 100%;
}
.page_top a {
  /*	display: block;
*/ /*width: 60px;
	height: 60px;*/
}
@media (max-width: 849px) {
  .page_top {
    width: 30%;
    height: 30%;
  }
}
@media (min-width: 850px) {
  .page_top {
    width: 120px;
    height: 120px;
  }
}
footer small {
  display: block;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN";
  margin-top: 40px;
  text-align: center;
}
/*--------------------------------------------
 
　　　メイン
 
---------------------------------------------*/

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

.coupon {
}

.coupon p.flash {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  animation: flash 1s ease infinite alternate;
  background: linear-gradient(transparent 0%, #4ba280 0%);
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

/* @keyframes flash {
  50% {
    opacity: 0;
  }
} */

@media (max-width: 849px) {
  .coupon p.flash {
    font-size: 3vw;
  }
}

#mainPoint {
  position: absolute;
  z-index: 100;
}
#mainPoint li {
  height: 200px;
  width: 200px;
  background-color: #75c9b9;
  border-radius: 50% 50%;
  opacity: 0.8;
  float: left;
  box-shadow: 5px 5px 0 0 #b4a084;
  -webkit-box-shadow: 5px 5px 0 0 #b4a084;
  -moz-box-shadow: 5px 5px 0 0 #b4a084;
}

#mainPoint li p {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  line-height: 1em;
}

#mainPoint li span {
  font-weight: normal;
  display: block;
  padding-top: 35px;
}

#contents {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

#contents p {
  font-size: 12px;
  text-align: right;
}

#top_ekitengoogle {
  width: 100%;
  height: auto;
  background-image: url(../images/gold_bk.png);
  padding: 10px;
}

p.catch {
  font-size: 230%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  margin: 10px auto 5px auto;
}

p.catch span {
  color: #f7b600;
}

@media (max-width: 849px) {
  p.catch {
    font-size: 4vw;
  }
}

/*#top_ekitengoogle .ekiten_kuchikomi{
	margin-bottom:10px;
	border-bottom:1px solid #C63;
}
*/

.ekiten-gadget {
  width: 100%;
  height: 50%;
}

.more {
  margin: -10px 0 15px 0;
  text-align: right;
}

.kuchikomi a {
  background-color: #fa4b70;
  padding: 5px;
  width: inherit;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 4px #c33;
  border-radius: 5px;
}

.kuchikomi a:hover {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px); /*下に動く*/
  border-bottom: none; /*線を消す*/
}

/*--------------------------------------------
 
　施術コース
---------------------------------------------*/
.bnr_nayami {
  margin-bottom: 30px;
  /*background: #F9F1E4;
*/
}
.bnr_nayami li.fl {
  margin: 0;
  padding: 0;
  width: 50%;
}

@media (max-width: 849px) {
  .bnr_nayami li.fl,
  .bnr_nayami li.fr {
    width: 50%;
  }
}
.bnr_area {
}
.bnr_area li {
  margin-bottom: 20px;
}

/*--------------------------------------------
 
　　　FUJI整骨院の7つの理由 
---------------------------------------------*/
#point {
  margin-bottom: 40px;
}
#point h2 {
}
#point dl {
  display: block;
  background: #eaf4f5 url(../images/bg_dot.png) repeat-x left bottom;
  padding: 16px 16px 24px;
}
#point dl dt {
  /*	width:13%;
*/
}
@media (max-width: 849px) {
  #point dl dt {
    width: 20%;
  }
}
@media (min-width: 850px) {
  #point dl dt {
    width: 13%;
  }
}
#point dl dd {
  /* float:right; */
  padding-left: 20px;
  /* width:90%; */
}
#point dl dd h4 {
  margin-bottom: 20px;
}
#point dl dd p {
  color: #715230;
  line-height: 160%;
  padding-bottom: 40px;
}

#point dl dd#point01 {
  background: url(../images/point_img01.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point02 {
  background: url(../images/point_img02.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point03 {
  background: url(../images/point_img03.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point04 {
  background: url(../images/point_img04.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point05 {
  background: url(../images/point_img05.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point06 {
  background: url(../images/point_img06.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd#point07 {
  background: url(../images/point_img07.png) no-repeat right top;
  padding-right: 150px;
}
#point dl dd h4 img {
  float: none;
}
@media (max-width: 849px) {
  #point dl dd h4 img {
    width: 100%;
    float: none;
  }
  #point dl dd img {
    float: left;
    width: 40%;
    margin: 0 20px 0 0;
  }
  #point dl dd img {
    float: left;
  }
}
@media (min-width: 850px) {
  #point dl dt {
    float: left;
  }
  #point dl dd img {
    float: right;
  }
  #point dl dd h4 {
    margin-top: 20px;
  }
  #point dl dd p {
  }
}
/*--------------------------------------------
 
　　　オーダーメイド治療
 
---------------------------------------------*/
#order {
  color: #715230;
  margin: 0 0 50px;
}
#order p {
  line-height: 180%;
  padding: 0 10px 20px;
}
#order p span {
  font-weight: bold;
  color: #f29600;
}
#order dl {
  margin: 0 0 30px;
}

@media (max-width: 849px) {
  #order p {
    font-size: 260%;
  }
  #order dl dt {
    border-radius: 50%;
    background: #2ec5ce;
    width: 24px;
    height: 24px;
    color: white;
    text-align: center;
    /* vertical-align: middle; */
    padding: 3px 0;
    float: left;
  }
  #order dl dd {
    font-size: 130%;
    font-weight: bold;
  }
}
@media (min-width: 850px) {
  #order p {
    font-size: 20px;
  }
  #order dl dt {
    border-radius: 50%;
    background: #2ec5ce;
    width: 40px;
    height: 40px;
    color: white;
    text-align: center;
    /* vertical-align: middle; */
    padding: 3px 0;
    float: left;
    font-size: 160%;
  }
  #order dl dd {
    font-size: 170%;
    font-weight: bold;
  }
}

/*予約受付時間*/
.tbl02 {
  width: 100%;
  border: 1px solid #e4004f;
  margin-bottom: 15px;
  font-size: 14px;
}
.tbl02 tr {
  border-bottom: 1px solid #e4004f;
}
.tbl02 th {
  width: 50%;
  padding: 10px 5px;
  background-color: #e4004f;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.tbl02 td {
  padding: 10px 5px;
  color: #000;
  text-align: center;
  border-right: 1px solid #e4004f;
  width: 60%;
  background-color: #fff;
  vertical-align: middle;
}
.tbl02 td:last-child {
  border-right: none;
}
.tbl02 td span {
  color: #e4004f;
  text-align: left;
  display: block;
}
.tbl03 {
  width: 100%;
  border: 1px solid #e4004f;
  margin-bottom: 45px;
  font-size: 14px;
}
.tbl03 tr {
  border-bottom: 1px solid #e4004f;
}
.tbl03 th {
  width: 50%;
  padding: 10px 7px;
  background-color: #e4004f;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.tbl03 td {
  padding: 10px 7px;
  color: #000;
  text-align: center;
  border-right: 1px solid #e4004f;
  background-color: #fff;
  vertical-align: middle;
}
.tbl03 td:last-child {
  border-right: none;
}
.tbl03 td span {
  color: #e4004f;
  text-align: left;
  display: block;
}
.tbl04 {
  width: 100%;
  border: 1px solid #e4004f;
  margin-bottom: 45px;
  font-size: 14px;
}
.tbl04 tr {
  border-bottom: 1px solid #e4004f;
}
.tbl04 th {
  width: 50%;
  padding: 10px 7px;
  background-color: #fef4f4;
  font-weight: normal;
  font-size: 16px;
  color: #ec4959;
  text-align: center;
  vertical-align: middle;
}
.tbl04 td {
  padding: 10px 7px;
  color: #000;
  text-align: center;
  background-color: #fff;
  vertical-align: middle;
}
.tbl04 td p {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.tbl04 td span {
  font-size: 15px;
  text-align: center;
  display: block;
}
/*料金*/
#price {
  padding-bottom: 15px;
}
#price h2 {
  text-align: center;
  margin-bottom: 50px;
}
#price .price_box {
  font-size: 15px;
}

#price .price_box h3 {
  color: #e4004f;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
#price .price_open p {
}

#price li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
#price li:nth-child(even) {
  margin-right: 0px;
}

#shisei {
  padding-top: 200px;
}

#high {
  padding-top: 200px;
}

#sango {
  padding-top: 200px;
}

#nenza {
  padding-top: 50px;
}

#nikubanare {
  padding-top: 50px;
}

#kotsujiko {
  padding-top: 50px;
}

#supotu {
  padding-top: 50px;
}

#fivepoint {
  padding-bottom: 50px;
  padding-top: 70px;
}

.about {
  padding-top: 20px;
  padding-bottom: 20px;
}

.price_box p {
  padding-top: 20px;
  padding-bottom: 20px;
}

#meyasu {
  padding-top: 10px;
  padding-bottom: 40px;
}

.title {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.sango {
  font-size: 18px;
  color: #ff9900;
}

/*--------------------------------------------
 
　　　当院のプロフィール
 
---------------------------------------------*/
#prof {
  padding-bottom: 20px;
  display: block;
}
#prof h2 {
  text-align: center;
  margin-bottom: 60px;
}
#prof h3 {
  margin-bottom: 60px;
  padding-bottom: 10px;
  padding-left: 14px;
  border-bottom: solid 6px #75c6b9;
}

/*--------------------------------------------
 
　　　患者様の声
 
---------------------------------------------*/
#voice {
  margin-bottom: 40px;
}
#voice dd .voice {
  font-size: 180%;
  line-height: 180%;
  color: #4fa480;
}

img.kaizen {
  margin: -10px 5px 5px 5px;
  float: left;
}

p {
  line-height: 180%;
  color: #40210f;
}

#voice dl {
  margin: 0 auto;
  padding-bottom: 20px;
}
#voice dt {
  float: left;
  padding-right: 5px;
}

#voice dt img {
  width: 300px;
  height: auto;
}

#voice dd {
  margin: 5px;
}
#voice .voice_index h4 {
  color: #4fa480;
  font-weight: bold;
  text-align: left;
  font-size: 180%;
}

.voice_index {
  border: 1px solid #4fa480;
  padding: 10px 14px;
  margin: 10px auto;
}

p.age {
  color: #4fa480;
  font-weight: bold;
  text-align: right;
  font-size: 100%;
}

#voice h5 {
  color: #715230;
  font-weight: bold;
}

@media (max-width: 849px) {
  #voice .voice_index h4 {
    font-size: 150%;
  }
  #voice h5 {
    font-size: 95%;
    line-height: 180%;
  }
  #voice dt {
    margin-right: 0px;
  }

  #voice dt img {
    width: 180px;
    height: auto;
  }

  #voice p.voice {
    font-size: 110%;
  }
  #voice p {
    font-size: 100%;
  }

  img.kaizen {
    margin: 0px;
    width: 15%;
  }

  .voice_index {
    margin: 10px auto;
    border: 1px solid #079391d6;
    padding: 10px 14px;
  }
  .index_head_voice {
    margin-bottom: 20px;
  }

  p.age {
    color: #4fa480;
    font-weight: bold;
    text-align: right;
    margin-top: -15px;
  }
}
@media (min-width: 850px) {
  #voice h4 {
    font-size: 20px;
  }
  #voice h5 {
    font-size: 20px;
  }
  #voice dt {
    padding-bottom: 20px;
  }
  #voice p {
    font-size: 18px;
  }
  #voice p.btn {
    text-align: center;
    margin: 30px auto;
  }
}

/*--------------------------------------------
 
　　　アクセス
 
---------------------------------------------*/
#access .main {
  background: url(../access/images/mv.png) no-repeat top center #f9f0e9;
}
@media (max-width: 849px) {
  #access .main {
    background: url(../access/images/mv.png) no-repeat top center #f9f0e9;
    height: 0;
    width: 100%;
  }
}
@media (min-width: 850px) {
  #access .main {
    background: url(../access/images/mv.png) no-repeat top center #f9f0e9;
    height: 180px;
    width: 100%;
  }
}
#access .main h2 {
  text-indent: -9999px;
  display: none;
}
section.access {
  margin: 0 0;
}
/* TODO: */
section.access h3 {
  background: #00b2ae;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  margin: 14px 0 24px;
}
section.access h4 {
  background: #f29600;
  padding: 10px 20px;
  color: #fff;
  margin: 0 0 16px;
}
section.access h5 {
  background: #f6f0ec;
  padding: 10px 20px;
  color: #522004;
  margin: 0 0 16px;
}
.route {
  clear: both;
  letter-spacing: -0.4em;
  margin-bottom: 40px;
}
.route li {
  margin-bottom: 34px;
  vertical-align: top;
  letter-spacing: normal;
}
.route li p span {
  color: #f29600;
}
.route li.last {
  width: 100%;
  margin: 0 0 40px;
}
.route li figure {
  margin: 0 0 6px;
  padding: 0;
}
.add_txt {
  font-weight: bold;
}
@media (max-width: 849px) {
  section.access h3 {
    font-size: 24px;
  }
  section.access h4 {
    font-size: 180%;
  }
  section.access h5 {
    font-size: 180%;
  }
  .route li {
    width: 100%;
    margin: 0 auto 40px;
  }
  .route li:nth-child(odd) {
    margin: 0 auto 40px;
  }
  .route li figure img {
    margin: 0 auto 0;
  }
  .route li p {
    font-size: 160%;
  }
  .add_txt {
    font-size: 160%;
  }
}
@media (min-width: 850px) {
  section.access h3 {
    font-size: 32px;
  }
  section.access h4 {
    font-size: 20px;
  }
  section.access h5 {
    font-size: 16px;
  }
  .route li {
    display: inline-block;
    width: 320px;
  }
  .route li:nth-child(odd) {
    margin-right: 40px;
  }
  .route li p {
    font-size: 16px;
  }
  .add_txt {
    font-size: 28px;
  }
}

/*--------------------------------------------
 
　　　患者さまの声
 
---------------------------------------------*/
#voices .main {
  background: url(../voice/images/mv.png) no-repeat top center #f9f0e9;
}
@media (max-width: 849px) {
  #voices .main {
    background: url(../voice/images/mv.png) no-repeat top center #f9f0e9;
    height: 0;
    width: 100%;
  }
}
@media (min-width: 850px) {
  #voices .main {
    background: url(../voice/images/mv.png) no-repeat top center #f9f0e9;
    height: 180px;
    width: 100%;
  }
}
#voices .main h2 {
  text-indent: -9999px;
  display: none;
}
/**/
section.voices {
  margin: 0 0 50px;
}
section.voices p {
  line-height: 180%;
}
section.voices dl {
  padding-bottom: 20px;
}
section.voices dt {
  float: left;
  padding-right: 20px;
}
section.voices dd {
}
section.voices h3 {
  border: 1px solid #2ec5ce;
  padding: 10px 14px;
  color: #2ec5ce;
  font-weight: bold;
  margin-bottom: 20px;
}
section.voices h4 {
  color: #2ec5ce;
  font-weight: bold;
  margin-bottom: 14px;
}

@media (max-width: 849px) {
  section.voices h3 {
    font-size: 180%;
  }
  section.voices h4 {
    font-size: 200%;
  }
  section.voices p {
    font-size: 140%;
  }
}
@media (min-width: 850px) {
  section.voices h3 {
    font-size: 24px;
  }
  section.voices h4 {
    font-size: 22px;
  }
  section.voices p {
    font-size: 16px;
  }
}

/*--------------------------------------------
 
　　　初めての方へ
 
---------------------------------------------*/
#firstone .main {
  background: url(../firstone/images/mv.png) no-repeat top center #f9f0e9;
}
@media (max-width: 849px) {
  #firstone .main {
    background: url(../firstone/images/mv.png) no-repeat top center #f9f0e9;
    height: 0;
    width: 100%;
  }
}
@media (min-width: 850px) {
  #firstone .main {
    background: url(../firstone/images/mv.png) no-repeat top center #f9f0e9;
    height: 180px;
    width: 100%;
  }
}
#firstone .main h2 {
  text-indent: -9999px;
  display: none;
}
/**/
section.first h3 {
  background: #2fc5cf;
  border-radius: 10px;
  padding: 1px 20px;
  color: #fff;
  margin: 14px 0 24px;
  　　font-size: 32px;
}
section.first h4 {
  background: #f6f0ec;
  border-radius: 10px;
  padding: 20px 20px;
  color: #522004;
  margin: 14px 0 24px;
  font-weight: bold;
}
section.first dl {
}
section.first dt {
  float: left;
  padding-right: 20px;
}
section.first dd {
}

#rinen {
  background: url(../firstone/images/bg_rinen_bear.png) 95% 98% no-repeat,
    #f6f0ed;
  border-radius: 10px;
  padding: 30px 28px;
  margin: 0 0 40px;
}
section.first #rinen h4 {
  margin: 0 0 12px;
}
#rinen p {
  line-height: 154%;
}
/*section.first #prof h3{
	border:none;
	margin-bottom:48px;
}
*/
@media (max-width: 849px) {
  p.coupon {
    margin-top: 20px;
    font-size: 100%;
    line-height: 150%;
    color: #40210f;
    text-decoration: underline dotted #f8c7a7;
  }

  span.underbar {
    background: linear-gradient(transparent 50%, yellow 50%);
  }

  .inner_img {
    margin: 10px auto;
    height: auto;
  }

  section.first h3 {
    font-size: 150%;
  }
  section.first h4 {
    font-size: 120%;
  }
  section.first p {
    font-size: 110%;
    line-height: 120%;
  }
  section.first #rinen h4 {
    padding-left: 14%;
    font-size: 180%;
    font-weight: bold;
    background: url(../firstone/images/icn_list@3x.png) no-repeat left 9%;
    background-size: 12%;
  }
  #rinen p {
    font-size: 130%;
  }
}
@media (min-width: 850px) {
  p.coupon {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 180%;
    color: #40210f;
    text-decoration: underline dotted #f8c7a7;
  }

  span.underbar {
    background: linear-gradient(transparent 50%, yellow 50%);
  }

  .inner_img {
    margin: 10px auto;
    text-align: center;
  }

  section.first h4 {
    font-size: 22px;
  }
  section.first p {
    font-size: 18px;
    line-height: 160%;
  }
  #rinen h4 {
    padding: 0 0 0 30px;
    font-size: 28px;
    font-weight: bold;
    background: url(../firstone/images/icn_list.png) no-repeat left 9px;
  }
  #rinen p {
    font-size: 18px;
  }
}

/*--　院内の様子
---------------------------------------------*/

#facilitiesImage {
}
#facilitiesImage h3 {
}
#facilitiesImage ul {
  margin: 30px auto 0;
}
#facilitiesImage li {
  float: left;
  margin-right: 24px;
  margin-bottom: 26px;
}
#facilitiesImage li:nth-child(even) {
  margin-right: 0;
}
@media (max-width: 849px) {
  #facilitiesImage ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*--　料金表
---------------------------------------------*/
#price {
}
#price .row {
  /*	border-bottom:3px solid #f1dbd4
*/
}
#price .priceBox {
  margin-bottom: 30px;
  border-radius: 10px;
  border: 2px solid #2fc5cf;
  padding: 26px;
}
#price .priceBox ul li {
  line-height: 120%;
  text-align: right;
  display: block;
}

#price .priceBox p.box {
  width: 100%;
  height: auto;
  padding: 10px;
  margin: 10px 0 10px 50px;
  font-size: 16px;
  border-bottom: 1px dotted #40210f;
}

#price .priceBox ul li span {
  font-size: 12px;
}

#price .flag_or {
  display: inline-block;
  background: #f29600;
  padding: 10px 20px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}

#price .flag_gr {
  display: inline-block;
  background: #80c269;
  padding: 10px 20px;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 10px;
}
#price .radius_bl {
  display: inline-block;
  background: #2fc5cf;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  margin: 0 0 30px;
}
#price .radius_or {
  display: inline-block;
  background: #f29600;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  margin: 0 0 30px;
}
#price .visit_1st {
  width: 60%;
  height: auto;
  margin: 10px auto;
  border: 2px solid #ff6e7a;
  padding: 15px 12px;
  border-radius: 10px;
  color: #ff6e7a;
  text-align: center;
  font-weight: bold;
}

#price .visit_2nd {
  width: 60%;
  height: auto;
  margin: 20px auto 10px auto;
  border: 2px solid #ff9c0f;
  padding: 15px 2px;
  border-radius: 10px;
  color: #ff9c0f;
  text-align: center;
  font-weight: bold;
}
.priceBox dl {
  padding: 0 0 30px;
}

@media (max-width: 849px) {
  #price .visit_1st {
    font-size: 120%;
    margin: 5px auto;
    padding: 10px 12px;
  }
  #price .visit_2nd {
    margin: 20px auto 5px auto;
    padding: 10px 2px;
  }
  .priceBox .small {
    font-size: 130%;
    line-height: 140%;
  }
  #price .priceBox span {
    font-size: 90%;
  }

  #price .priceBox p.box {
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 10px auto;
    text-align: center;
  }

  #price .burden {
    /*    font-size: 32px;
*/
  }
  .priceBox .price {
    font-size: 150%;
    text-align: center;
  }
  .priceBox .price span {
    font-size: 24px;
  }
  #price .priceBox ul li {
    text-align: center;
    line-height: 100%;
  }
  #price .redsmall {
    font-size: 80%;
  }

  #price .grid04 {
    float: left;
    padding: 5%;
    width: 100%;
  }
  #price .boxR p {
    font-size: 130%;
  }

  .priceBox dl {
    padding: 0 0 10px;
  }
}

@media (min-width: 1280px) {
  #price .visit_1st {
    font-size: 22px;
  }
  #price .visit_2nd {
    font-size: 22px;
  }
  .priceBox .small {
    font-size: 16px;
  }
  #price .burden {
    font-size: 20px;
    padding: 20px;
  }
  #price dl .boxL {
    width: 58%;
  }
  #price .priceBox dl .boxL p {
    font-size: 26px;
    line-height: 100%;
  }
  #price dl .boxL span {
    font-size: 20px;
  }
  .priceBox .price {
    font-size: 23px;
    text-align: center;
  }
  .priceBox .price span {
    font-size: 16px;
  }
}

.boxL {
  /*	float:left;
*/
  width: 100%;
}

#price dl .boxR {
  /*	float:right;
*/
  width: 100%;
}

#price .boxR p {
  text-align: right;
  line-height: 120%;
  font-size: 100%;
}
#price .boxR img {
  width: 100%;
}

#graph {
  margin-top: 30px;
  padding-bottom: 30px;
}

/*--　スタッフ紹介
---------------------------------------------*/

@media (min-width: 850px) {
  #staff_info {
    width: 100%;
    margin: 0 auto;
  }

  #staff {
    width: 100%;
    margin: 0 auto;
  }

  #staff .thumnail {
    width: 100%;
    margin: 0 auto;
  }

  #staff .thumnail_1 {
    display: inline-block;
    margin: 20px 5px 10px 50px;
    width: 35%;
  }

  #staff .thumnail_2 {
    display: inline-block;
    margin: 10px 5px;
    width: 44%;
    padding-bottom: 20px;
    padding-top: -20px;
  }

  #staff .thumnail_2 dl {
    width: 90%;
    margin: 0px 0 10px 0;
  }

  #staff .thumnail_2 dt {
    position: relative;
    color: #fff;
    font-weight: bold;
    float: left;
    clear: both;
    padding: 10px 15px;
    background-color: #f29600;
    font-size: 120%;
    font-weight: bold;
    border-top: 1px solid #fff;
  }

  #staff .thumnail_2 dt::after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 20px;
    margin-top: -20px;
    border-left-color: #f29600;
  }

  #staff .thumnail_2 dd {
    font-size: 120%;
    font-weight: bold;
    padding: 10px 45px 10px 95px;
    background-color: #f8f8f8;
    margin: 0;
    border-top: 1px solid #fff;
  }

  #staff .principle {
    /* width:90%; */
    display: block;
    float: none;
    padding: 6px 0 0 6px;
  }
  #staff .message {
    width: 100%;
    padding-bottom: 20px;
  }

  #staff .principle .name {
    font-size: 180%;
    text-align: center;
    font-weight: bold;
    padding-left: 5px;
    letter-spacing: 0.3em;
  }

  #staff .principle .name small {
    font-size: 20px;
  }
  #staff .message p {
    font-size: 116%;
    line-height: 125%;
  }
}

@media (max-width: 849px) {
  #staff_info {
    width: 100%;
    margin: 0 auto;
  }

  #staff {
    width: 100%;
    margin: 0 auto;
  }

  #staff .thumnail {
    width: 100%;
    margin: 0 auto;
  }

  #staff .thumnail_1 {
    display: inline-block;
    margin: 5px;
    width: 100%;
  }

  #staff .thumnail_1 img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }

  #staff .thumnail_2 {
    width: 100%;
  }

  #staff .thumnail_2 dl {
    width: 100%;
    margin: 0px 0 10px 0;
  }

  #staff .thumnail_2 dt {
    position: relative;
    color: #fff;
    font-weight: bold;
    float: left;
    clear: both;
    padding: 10px 15px;
    background-color: #f29600;
    font-size: 120%;
    font-weight: bold;
    border-top: 1px solid #fff;
  }

  #staff .thumnail_2 dt::after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 20px;
    margin-top: -20px;
    border-left-color: #f29600;
  }

  #staff .thumnail_2 dd {
    font-size: 120%;
    font-weight: bold;
    padding: 10px 45px 10px 90px;
    background-color: #f8f8f8;
    margin: 0;
    border-top: 1px solid #fff;
  }

  #staff .principle {
    width: 90%;
    display: block;
    float: none;
    padding: 6px 0 0 6px;
  }
  #staff .message {
    width: 100%;
    padding-bottom: 20px;
  }

  #staff .principle .name {
    font-size: 180%;
    text-align: center;
    font-weight: bold;
    padding-left: 5px;
    letter-spacing: 0.3em;
  }

  #staff .principle .name small {
    font-size: 20px;
  }
  #staff .message p {
    font-size: 116%;
    line-height: 125%;
  }
}

/*--------------------------------------------
 
　　　施術メニュー
 
---------------------------------------------*/
#Treatment .main {
  background: url(../menu/images/mv.png) no-repeat top center #f9f0e9;
}
@media (max-width: 849px) {
  #Treatment .main {
    background: url(../menu/images/mv.png) no-repeat top center #f9f0e9;
    height: 0;
    width: 100%;
  }
}
@media (min-width: 850px) {
  #Treatment .main {
    background: url(../menu/images/mv.png) no-repeat top center #f9f0e9;
    height: 180px;
    width: 100%;
  }
}
#Treatment .main h2 {
  text-indent: -9999px;
  display: none;
}

.treatment h2 {
  color: #522004;
  font-weight: bold;
  text-align: center;
}
.treatment h2 span {
  color: #e50011;
}

.treatment h4 {
  background: #ff5465;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  margin: 0 0 24px;
  font-weight: bold;
}
.treatment h5 {
  font-weight: bold;
  color: #522004;
  margin-bottom: 10px;
}
.treatment h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
.treatment span {
  font-weight: bold;
}
.pink {
  color: #ff5465;
}
#neck span {
  color: #ff5465;
}
#waist span {
  color: #7aae1e;
}
#knee span {
  color: #ffb033;
}
#shisei span {
  color: #009fe8;
}
.treatment #shisei {
  padding-top: 0;
}
.treatment #shisei h6 {
  color: #009fe8;
}
.radiusBox_sky {
  border: 1px solid #009fe8;
  border-radius: 14px;
  padding: 14px;
}
.radiusBox_sky dl {
}
.radiusBox_sky dt {
  float: left;
}
.radiusBox_sky dd {
  float: right;
  display: block;
}

div.ems {
  width: 100%;
  margin: 10px auto;
  border: 1.5pt dotted #804000;
  border-radius: 1em;
  padding: 10px;
}

@media (max-width: 849px) {
  .treatment h2 {
    font-size: 180%;
  }
  .treatment .menu-page_ttl {
    margin-top: 1em;
  }
  .treatment h2 span {
    font-size: 200%;
  }
  .treatment h4 {
    font-size: 180%;
  }
  .treatment h5 {
    font-size: 180%;
  }
  .treatment h6 {
    font-size: 180%;
  }
  .treatment p {
    font-size: 120%;
  }
  .radiusBox_sky dt {
    float: none;
    width: 60%;
    height: auto;
    margin: 0 auto;
  }
  .radiusBox_sky dd {
    font-size: 110%;
    width: 100%;
  }

  .treatment p.ems {
    font-size: 100%;
  }
}
@media (min-width: 1280px) {
  .treatment h2 {
    font-size: 30px;
  }
  .treatment h2 span {
    font-size: 36px;
  }
  .treatment h4 {
    font-size: 22px;
  }
  .treatment h5 {
    font-size: 20px;
  }
  .treatment h6 {
    font-size: 20px;
  }
  .treatment p {
    font-size: 18px;
  }
  .treatment #shisei h6 {
    font-size: 26px;
    padding: 0;
  }
  .radiusBox_sky dd {
    font-size: 18px;
    width: 74%;
  }
}

/*--------------------------------------------
 
　　　fLOW
 
---------------------------------------------*/
@media (max-width: 1279px) {
  #flow img {
    display: none;
  }
}
@media (min-width: 1280px) {
  #flow_mb img {
    display: none;
  }
}

/*--------------------------------------------
 
　　　院長の想い
 
---------------------------------------------*/
#principle {
  margin-bottom: 30px;
}
#principle p {
  font-size: 18px;
}
#principle .boxL {
  float: left;
  width: 70%;
}
#principle .boxL p {
  font-size: 18px;
  line-height: 160%;
}
#principle .boxR {
  float: right;
  width: 28%;
}
#principle .boxR img {
  width: 100%;
}
/*--------------------------------------------
 
　　　オファー
 
---------------------------------------------*/
#contact {
  background: #fffbea;
}
#contact p.orange {
  color: #f29600;
  font-size: 28px;
  text-align: center;
}
#contact ul {
  width: 100%;
}
#contact li.col02 {
  width: 45%;
  float: left;
  text-align: center;
  margin-right: 10%;
}
#contact ul li:last-child {
  margin-right: 0px;
}
.btn {
  display: block;
  margin: 40px auto 20px;
}
.btn-adjust:hover {
  color: white !important;
  background-color: #00b2ae !important;
}
.btn a {
  padding: 14px;
  width: inherit;
  border-radius: 10px;
  border: 2px solid #00b2ae;
  color: #00b2ae;
  font-size: 100%;
  text-align: center;
  font-weight: bold;
}
.btn a:link {
  color: #00b2ae;
}
.btn a:hover {
  border: 2px solid #00b2ae;
  color: #ffffff;
  background: #00b2ae;
}
.btn a:visited {
  color: #00b2ae;
}

#sns_share {
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
#sns_share:after {
  content: "";
  display: none;
  clear: both;
}
#sns_share li {
  float: left;
  margin-left: 20px;
}
#sns_share a.addFriend {
  background: url(../images/sp/addfriends_ja.png) no-repeat left top;
  display: block;
  text-indent: -99999px;
}
#sns_share li.addShare a {
  background: url(../images/sp/share-a.png) no-repeat left top;
  background-size: contain;
  width: 160px;
  height: 50px;
  display: block;
  text-indent: -99999px;
}

@media (max-width: 849px) {
  #sns_share a.addFriend {
    background-size: contain;
    width: 320px;
    height: 84px;
  }
}
@media (min-width: 850px) {
  #sns_share a.addFriend {
    background-size: contain;
    width: 160px;
    height: 42px;
    display: none;
  }
}

#mva .main {
  background: url(../images/mv_mva.png) no-repeat top center #f9f0e9;
  width: 100%;
  height: 329px;
  background-size: contain;
}

@media (max-width: 849px) {
  #mva .main {
    background: url(../images/mv_mva.png) no-repeat top center #f9f0e9;
    height: 130px;
    width: 100%;
    background-size: contain;
  }
}

.balloon {
  position: relative;
  background: #fff;
  border: 2px solid pink;
  display: inline-block;
  padding: 0 6px 4px;
  margin-bottom: 14px;
  border-radius: 2px;
}

.balloon:before {
  content: "";
  position: absolute;
  border-top: 14px solid pink;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -14px;
  left: 14px;
}
.balloon:after {
  content: "";
  position: absolute;
  border-top: 10px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -9px;
  left: 16px;
}

.incho-aisatu-area {
  background-color: #00b2ae;

  width: 100%;
  height: 35px;
  line-height: 35px;
  margin-bottom: 60px;
  border-radius: 2%;
}
@media (max-width: 849px) {
  .incho-aisatu-area {
    line-height: 27px;
  }
}
.incho-aisatu {
  color: white;
  font-size: 1.7em;

  font-family: 小塚ゴシック Pr6N;
  padding: 0;
}
@media (max-width: 849px) {
  .incho-aisatu {
    font-size: 1.3em;

    padding: 4px 0;
  }
}


/*-------------------------------------------

recruit
 
---------------------------------------------*/

 .recrit_ttl{
  font-size: 32px;
  color: #40210f;
  font-weight: 500;
  margin-top: 1em;text-align: center;

}



.recruit_inner .page-main_ttl{
  font-size: 32px;
  background: #00b2ae;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  margin: 14px 0 24px;
}

.page-sub_ttl{
  background: #f29600;
  padding: 10px 20px;
  color: #fff;    
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 700;
}

.page-medium_ttl{
  background: #f6f0ec;
  padding: 10px 20px;
  color: #522004;
  margin: 0 0 16px;
  font-size: 18px;
}

.recruit_inner .work_environment li{
  margin-bottom: 36px;
}

.btn_area{
  text-align: center;
  margin:20px 0 40px;
}
.recruit_btn{
  background: #f29600;
  padding: 20px 40px;
  color: #fff;    
  /* margin: 0 0 16px; */
  font-size: 20px;
  font-weight: 700;
   border-radius: 10px;
  display: inline-block;
  min-width: 360px;
  text-align: center;
  transition: all .5s;
  border: 2px solid #f29600;
}

.recruit_btn:hover{
  /* border: 2px solid #f29600; */
  background: #fff;
  color: #f29600;
  opacity: 1;
}

.work_environment{  
  clear: both;
  letter-spacing: -0.4em;
  margin-bottom: 40px;
  line-height: 180%;
  font-size: 18px;
}

.environment_info{
  font-size: 20px;
  line-height: 180%;
  color: #40210f;
  margin-bottom: 10px;
}


.environment_info span{
  color: #f29600;
  margin-right: 4px;
}

.recruit_container .middle_copy{
  width: 86%;
  margin: 0 auto 60px;
}

.recruit_container .middle_copy h6{
  text-align: center;
  font-size: 18px;
}

.recruit_container .middle_copy span{
  font-size: 36px;
  font-weight: 700;
  color: #47a080;
  padding: 8px;
}


.working_benefits{
  background: #f6f0ec;
  padding: 40px;
  border-radius: 4px;
  font-size: 16px;
}

.recruit_container .working_benefits li{
  line-height: 160%;
  position: relative;
  padding-left: 30px;
}

.recruit_container .working_benefits li:not(:last-of-type){
  margin-bottom: 16px;
}

.recruit_container .working_benefits li::after{
  content: '';
  background: url(../recruit/images/check_icon.svg) no-repeat center/contain;
  width: 20px;
  height: 18px;
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);
  
}

@media (min-width: 850px){
  .work_environment li:nth-child(odd) {
    margin-right: 40px;
}
  /* .work_environment li {
      display: inline-block;
      width: 320px;
  } */
}


@media (max-width: 849px) {
  .recrit_ttl{
  font-size: 24px;
  }

  .recruit_inner .page-main_ttl{
    font-size: 24px;
  }
  .page-medium_ttl{
    font-size: 140%;
  }

  .recruit_container .middle_copy{
    width: 96%;
  }
  .recruit_btn{
    width: 100%;
    min-width: 100%;
    padding: 12px 40px;
  }
  .working_benefits{
    padding: 40px 20px;
  }
  .recruit_container .working_benefits li{
  line-height: 180%;
  }
    .recruit_container .working_benefits li:not(:last-of-type){
      margin-bottom: 20px;
  }
}


/* タブメニュー */

.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  border: 1.5px solid #00b2ae;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/3);
  padding:15px 0;
  border-bottom: 3px solid #00b2ae ;
  /* background: #ececec; */
  background: #f6f0ec;
  text-align: center;
  color: #00b2ae ;
  display: block;
  font-size: 18px;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 2em 2em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #00b2ae ;
  color: #fff;
}


.recruit_table {
  font-size: 14px;
  margin-bottom:20px;
  width:100%;
  border-collapse:separate;
  border-spacing: 2px 4px;
}
.rtab_ttl,
.rtab_txt {
    border:none;
    padding:4%;
    vertical-align: middle;
}

.rtab_note{
  margin-top: 20px;
}

.rtab_ttl {
    width:25%;
    color: #40210f;
    font-weight:bold;
    background:#DBECED;
    vertical-align:middle;
    text-align: center;
}
.rtab_txt {
    /* background:#EEE; */
    background: #f6f0ec;
}

.rtab_txt dl{
  display: flex;
  justify-content: space-between;
  width: 80%;
}

.rtab_txt dt{
  flex-basis: 32%;
  font-weight: 700;
}

.rtab_txt dd{
  /* flex-basis: 32%; */
  text-align: right;
}

.rtab_txt dt,
.rtab_txt dd{
 padding: 1%;
}


.rtab_txt li span{
  font-size: 84%;
  padding-left: 10px;
}

.list_dots li{
  list-style-type: '・';
  padding-inline-start: 4px;
  margin-inline-start: 8px;
}

.list_check li{
  list-style-type: '✓';
  padding-inline-start: 4px;
  margin-inline-start: 8px;
}



.nopc{
  display: none;
}


.list_dots li,
.rtab_list li:not(:last-of-type){
  margin-bottom: 8px;
}

@media (max-width: 849px) {
  .recruit_table {
    /* font-size: 16px; */
    margin-bottom:0;
    width:100%;
    border-spacing: 0 0;
  }
  .rtab_ttl,
  .rtab_txt {
      width:100%;
      border:none;
      padding:6%;
      display:list-item;
      list-style:none;
  }
  .rtab_ttl {
      /* color:#FFF; */
      font-weight:bold;
      /* background:#DBECED; */
      text-align:left;
  }
  .rtab_txt dl{
    justify-content: space-between;
    width: 100%;
  }
  .rtab_txt dt{
    flex-basis: 34%;
  }

  .rtab_txt dd{
    flex-basis: 42%;
  }
  .rtab_ttl br {
      display:none;
  }
  .rtab_txt {
      /* background:#EEE; */
      background: #f6f0ec;
      
  }

  .tab_content {
    padding: 1em .8em 0;
  }
  .nopc{
    display: block;
  }
}