@charset "UTF-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img,
object,
embed,
video {
  max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width: 100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block;
}

.fluidList {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #fff;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.pos {
  position: relative;
}

.over {
  overflow: hidden;
}

.z-5 {
  position: relative;
  z-index: 5;
}

.m-auto {
  margin: auto;
}

.v-m {
  vertical-align: middle;
}

.ori {
  word-break: break-all;
}

br.tab-dake {
  display: none;
}

.tab-dake2 {
  display: none;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-left: 2.275%;
  padding-right: 2.275%;
  clear: none;
  float: none;
}

.gridContainer1100 {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-left: 2.275%;
  padding-right: 2.275%;
  clear: none;
  float: none;
}

.gridContainer1300 {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-left: 2.275%;
  padding-right: 2.275%;
  clear: none;
  float: none;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.m05 {
  margin-top: 5px;
}

.h-botton {
  height: 40px;
}

/*  font 
---------------------------------------*/

p {
  font-size: 16px;
  line-height: 2;
  color: #000000;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.size-a {
  font-size: 16px;
}

p.big {
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}

/*DNP 秀英丸ゴシック Std B
DNP 秀英丸ゴシック Std L*/

.syuei-b {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.syuei-l {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*A-OTF UD新ゴ Pr6N L*/

.ud-shin {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}

/*Zeitung Micro Pro
Zeitung Micro Pro Italic*/
.shuei-b {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

/*DNP 秀英角ゴシック金 Std B*/

.syuei-kin-b {
  font-family: dnp-shuei-gothic-kin-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.logo-maru-font {
  font-family: vdl-logomaru-jr, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.l2 {
  line-height: 2;
}

.color-tya {
  color: #46210c;
}

.color-yellow {
  color: #d2a000;
}

.color-white {
  color: #fff;
}

.bg1 {
  background-image: url("../img/bg1-sp.png");
  background-size: contain;
  background-repeat: repeat-y;
}

.size-m {
  font-size: 20px;
}

.size-m2 {
  font-size: 18px;
}

.size-m10p {
  font-size: 18px;
}

.size-m3 {
  font-size: 18px;
}

.size-m99 {
  font-size: 16px;
  line-height: 1.8;
}

.size-m8p {
  font-size: 17px;
}

.size-m11p99 {
  font-size: 17px;
}

.size-m15p {
  font-size: 17px;
}

.size-l {
  font-size: 23px;
}

.size-l2 {
  font-size: 21px;
}

.size-ll {
  font-size: 30px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}

.small-top {
  font-size: 20px;
}

.pc-dake {
  display: none;
}

/*  hedaer
---------------------------------------*/

.sp-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.sp-footer2 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.sp-footer-space {
  padding-top: 50px;
}

/* demo style */
.clone-nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  transition: 0.3s;
  transform: translateY(200%);
}

.is-show {
  transform: translateY(0);
  display: block;
}

ul.sp-bun2 {
  margin: 0;
  padding: 0;
  width: 100%;
  margin: auto;
}

ul.sp-bun2 li {
  width: 50%;
  float: left;
  margin: 0;
}

ul.sp-bun2 li:first-child {
  margin-left: 0;
}

#map {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

#p1,
#p2,
#p3,
#p4,
#p5 {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

#kyosei {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

#inp {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

#ireba {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

#white {
  margin-top: -80px;
  /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px;
  /* 打ち消し用のパディング */
}

.sp-header {
  background-image: url("../img/header-bg.png");
  background-size: cover;
  height: 80px;
  top: 0;
  width: 100%;
  z-index: 999;
}

.bg-sp-header img {
  width: 100%;
}

.sp-ins {
  width: 36px;
  position: fixed;
  right: 88px;
  top: 20px;
}

.sp-line {
  width: 36px;
  position: fixed;
  right: 136px;
  top: 20px;
}

.sp-home {
  position: fixed;
  top: 10px;
  left: 15px;
  width: 160px;
  display: block;
}

.sp-tel {
  height: 80px;
  width: 96px;
  position: fixed;
  top: 0;
  right: 80px;
  display: block;
  background-color: #ee887f;
}

.sp-tel3 {
  width: 68%;
  margin: auto;
  margin-top: 5px;
  margin-right: 2px;
}

.sp-mail {
  width: 64px;
  position: fixed;
  top: 0;
  right: 60.8px;
  display: block;
  background-color: #48a2d1;
}

.bg-sp {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  box-sizing: content-box;
  width: 56px;
  height: 41.6px;
  padding: 0;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 30px;
  padding-left: 12px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: #d2a000;
}

.header-logo {
  text-align: center;
  width: 30%;
  margin-top: 10px;
  float: left;
}

.header-logo img {
  width: 40%;
}

.header-tel {
  text-align: center;
  width: 27.5%;
  padding: 0 10px;
  float: left;
}

.header-tel .tel-num {
  width: 95%;
}

.h-mes {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.h-telnum {
  font-size: 29px;
  letter-spacing: 4px;
}

.h-telnum img {
  width: 12%;
  margin-bottom: 10px;
  margin-right: 10px;
}

.h-telnum:hover {
  color: #7d7d7d;
}

.pc-header {
  display: none;
}

p.me {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 15px;
  font-weight: bolder;
  position: absolute;
  bottom: 6px;
  left: 15px;
  z-index: 5;
}

.pb {
  padding-bottom: 80px;
}

.tab-on {
  display: none;
}

.tab-on99 {
  display: none;
}

.tab-dayo {
  display: none;
}

.letter2 {
  letter-spacing: 2px;
}

.letter5 {
  letter-spacing: 5px;
}

.animation-hosi {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.animation-hosi2 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2.5s;
}

.animation-hosi3 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 3s;
}

.animation-hosi3 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}

.w1601 {
  display: none;
}

/*  縦　ほし
-------------------------*/

.keyframe1 {
  animation-name: anim_v;
}

@keyframes anim_v {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, -15px);
  }
}

/*  横　ほし
-------------------------*/

.keyframe2 {
  animation-name: anim_h;
}

@keyframes anim_h {
  0% {
    transform: translate(0px, 0);
  }

  100% {
    transform: translate(15px, 0);
  }
}

/*  横　ほし揺られる
-------------------------*/

.keyframe3 {
  animation-name: anim_s;
  transform: rotate(30deg);
  animation-duration: 5s;
}

@keyframes anim_s {
  50% {
    transform: rotate(-30deg);
  }

  100% {
    transform: rotate(30deg);
  }
}

/*  クルクル　ほし
-------------------------*/

.keyframe4 {
  animation-name: anim_r;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-direction: normal;
}

@keyframes anim_r {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*  拡大縮小　ほし
-------------------------*/
.keyframe5 {
  animation-name: anim_sc;
  transform: scale(0.85, 0.85);
}

@keyframes anim_sc {
  100% {
    transform: scale(1, 1);
  }
}

.logo-s7 {
  transition-duration: 0.3s;
  transition-delay: 0.5s;
  opacity: 0;
  transform: scale(0, 0);
}

.isAnimate07 {
  opacity: 1;
  transform: scale(1, 1);
}

/*  下から
-------------------------*/
.logo-s2 {
  transition: 1s;
  -webkit-transition: 1s;
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
}

.isAnimate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

/*  右から
-------------------------*/
.logo-s3 {
  transition: 1s;
  -webkit-transition: 1s;
  font-size: 45px;
  color: #e10e12;
  opacity: 0;
  transform: translatex(50px);
  -webkit-transform: translatex(50px);
  -ms-transform: translatex(50px);
}

.isAnimate3 {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

/*  左から
-------------------------*/
.logo-s4 {
  transition: 1s;
  -webkit-transition: 1s;
  font-size: 45px;
  color: #e10e12;
  opacity: 0;
  transform: translatex(-50px);
  -webkit-transform: translatex(-50px);
  -ms-transform: translatex(-50px);
}

.isAnimate4 {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

.fade01 {
  transition-duration: 1s;
  opacity: 0;
  transform: translate(0, 50px);
}

.fade02 {
  transition-duration: 1s;
  transition-delay: 0.3s;
  opacity: 0;
  transform: translate(0, 50px);
}

.fade03 {
  transition-duration: 1s;
  transition-delay: 0.6s;
  opacity: 0;
  transform: translate(0, 50px);
}

.isAnimate5 {
  opacity: 1;
  transform: translate(0, 0);
}

.fade-in-bottom {
  opacity: 0;
  animation-name: fadein-bottom;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes fadein-bottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.img200 {
  width: 100%;
}

.img201 img {
  width: 100%;
}

/*  bg
---------------------------------------*/

.bg3 {
  background-color: #431f0a;
  background-image: url("../img/bg-t.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}

.bg-tya2 {
  background-color: #46210c;
}

/* 　メイン画像の設定（大)
----------------------------------*/

#bg1 {
  background-image: url(../img/);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  text-align: center;
  height: 200px;
}

/* 　メイン画像の設定（小)
----------------------------------*/

#bg2 {
  background-image: url(../img/);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  text-align: center;
  height: 200px;
}

/*  nav 
---------------------------------------*/

.js #menu {
  display: none;
}

.js .slicknav_menu {
  display: block;
}

#menu {
  display: none;
}

/*  main
---------------------------------------*/

.main {
  background-image: url("../img/main1.png");
  background-size: cover;
  background-position: center;
  height: 100vh;
}

.main2p,
.main3p,
.main4p,
.main5p,
.main6p,
.main7p,
.main8p,
.main9p,
.main10p,
.main11p,
.main12p,
.main13p,
.main14p,
.main15p,
.main16p,
.main17p,
.main18p {
  background-size: cover;
  background-position: center;
  height: 200px;
}

.main2p {
  background-image: url("../img/main2p.png");
}

.main3p {
  background-image: url("../img/main3p.png");
}

.main4p {
  background-image: url("../img/main4p.png");
}

.main5p {
  background-image: url("../img/main5p.png");
}

.main6p {
  background-image: url("../img/main6p.png");
}

.main7p {
  background-image: url("../img/main7p.png");
}

.main8p {
  background-image: url("../img/main8p.png");
}

.main9p {
  background-image: url("../img/main9p.png");
}

.main10p {
  background-image: url("../img/main10p.png");
}

.main11p {
  background-image: url("../img/main11p.png");
}

.main12p {
  background-image: url("../img/orthodontic-header-patient.png");
}

.main13p {
  background-image: url("../img/main13p.png");
}

.main14p {
  background-image: url("../img/main14p.png");
}

.main15p {
  background-image: url("../img/main15p.png");
}

.main16p {
  background-image: url("../img/orthodontic-header-patient.png");
}

.main17p {
  background-image: url("../img/diabetes-header-checkup.png");
}

.main18p {
  background-image: url("../img/periodontaldisease-header-tooth.png");
}

.t-j {
  text-align: justify;
}

/*  content
---------------------------------------*/

br.sp-none {
  display: none;
}

.c-r {
  padding-top: 30px;
}

.center {
  text-align: center;
}

.m-0 {
  margin: 0;
}

.pc-on {
  display: none;
}

.m50 {
  margin-top: 50px;
}

.btn2,
.btn3 {
  margin-top: 10px;
  text-align: center;
}

.btn99 {
  margin-top: 10px;
  text-align: center;
}

.btn99 a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #fff;
  transition: 0.5s;
  background-color: #d2a000;
  text-align: left;
  position: relative;
}

.btn99 a:hover {
  background-color: #fff;
  color: #d2a000;
}

.btn2 a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #431f0a;
  transition: 0.5s;
  background-color: #fff;
  text-align: left;
  position: relative;
}

.btn2 a:hover {
  background-color: #431f0a;
  color: #fff;
}

.btn3 a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #fff;
  transition: 0.5s;
  background-color: #d2a000;
  text-align: left;
  position: relative;
}

.btn3 a:hover {
  background-color: #fff;
  color: #d2a000;
}

.btn4 a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #431f0a;
  transition: 0.5s;
  background-color: #fff;
  text-align: left;
  position: relative;
  border: 1px solid #431f0a;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.btn4 a:hover {
  background-color: #431f0a;
  color: #fff;
}

.btn5 a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #431f0a;
  transition: 0.5s;
  background-color: #fff;
  text-align: left;
  border: 1px solid #431f0a;
  position: relative;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.btn5 a:hover {
  background-color: #431f0a;
  color: #fff;
}

.bot-top {
  position: absolute;
  right: 20px;
  bottom: -30px;
}

.moji {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 50px;
  display: inline-block;
  color: #fff;
  transition: 0.5s;
  background-color: #d2a000;
  text-align: left;
  position: relative;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
}

.moji:hover {
  background-color: #fff;
  color: #d2a000;
}

.moji:after {
  position: absolute;
  top: 10.8%;
  right: 16px;
  content: ">";
  font-size: 19px;
  color: #fff;
}

.moji:hover:after {
  color: #d2a000;
}

.button-pink a::after,
.button-yellow a::after,
.button-bule a::after,
.button-purple a::after,
.btn4 a:after,
.btn3 a::after,
.btn99 a::after,
.btn5 a::after,
.btn2 a::after {
  position: absolute;
  top: 10.5%;
  right: 16px;
  content: ">";
  font-size: 20px;
}

.ddd {
  text-align: right;
  padding-right: 20px;
  position: relative;
  margin-bottom: 10px;
}

.ddd a {
  color: #46210c;
  font-size: 16px;
}

.ddd a:hover {
  color: #ccc6c6;
}

.ddd a::after {
  position: absolute;
  top: 0;
  right: 0;
  content: ">";
  font-size: 16px;
}

.btn5 a::after {
  position: absolute;
  top: 11%;
  right: 16px;
  content: ">";
  font-size: 20px;
}

.pc-mode {
  display: none;
}

.pc-mode2 {
  display: none;
}

.pc-nav {
  display: none;
}

/*  1p 
------------------------------*/

.news-area {
  box-shadow: 3px 3px 3px rgba(201, 202, 202, 0.8);
  width: 100%;
  margin: auto;
  position: relative;
}

.news-area:nth-child(2) {
  display: none;
}

.news-area:nth-child(3) {
  display: none;
}

.news-area a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-area:hover {
  background-color: #fff;
  opacity: 0.7;
}

.inner-news {
  width: 90%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ins {
  width: 300px;
  margin: auto;
  margin-top: 30px;
}

.h-top {
  height: 0px;
}

.h-top2 {
  margin-top: 50px;
}

.logo-top {
  position: absolute;
  top: -55px;
  right: 30px;
  width: 50px;
}

.onp1-top {
  position: absolute;
  top: -120px;
  right: 35px;
  width: 20px;
}

.onp2-top {
  position: absolute;
  top: -95px;
  right: 0;
  width: 20px;
}

.inner {
  width: 90%;
  margin: auto;
}

.inner-top {
  width: 89%;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.section1,
.section2 {
  padding: 5px 5px;
}

.section3 {
  padding: 15px 15px;
}

.section1 {
  background: pink;
}

.section3 {
  position: relative;
  z-index: 0;
}

.section3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;

  /*四角形を傾けます*/
  transform: skewY(-5deg);
  transform-origin: bottom left;

  z-index: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.section2 {
  position: relative;
  z-index: 0;
}

.section2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;

  /*四角形を傾けます*/
  transform: skewY(-5deg);
  transform-origin: bottom left;

  z-index: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.photo1p,
.photo1p2 {
  display: none;
}

.logo-s {
  width: 50px;
  margin: auto;
}

hr.sen {
  border-top: solid 4px #431f0a;
  width: 40px;
  margin: auto;
}

hr.sen2 {
  border-top: solid 4px #fff;
  width: 40px;
  margin: auto;
}

hr.sen6p {
  border-top: dashed 1px #431f0a;
}

.dot1p {
  position: absolute;
  width: 200px;
  top: -200px;
  left: 0px;
  z-index: 1;
}

.dot1p2 {
  position: absolute;
  width: 140px;
  top: 0;
  right: 0;
  z-index: 1;
}

.dot1 {
  position: absolute;
  width: 300px;
  top: -120px;
  right: -130px;
  z-index: 1;
}

.dot3 {
  position: absolute;
  width: 300px;
  top: 630px;
  left: -90px;
  z-index: 1;
}

.dot4 {
  position: absolute;
  width: 300px;
  bottom: 0px;
  left: -90px;
  z-index: 1;
}

.dot6p {
  position: absolute;
  width: 300px;
  top: -150px;
  right: -90px;
  z-index: 1;
}

.dot6p2 {
  position: absolute;
  width: 300px;
  bottom: -150px;
  right: -90px;
  z-index: 1;
}

.dot7p {
  position: absolute;
  width: 300px;
  bottom: 550px;
  left: -90px;
  z-index: 1;
}

.dot14 {
  position: absolute;
  width: 300px;
  top: -100px;
  left: -130px;
  z-index: 1;
}

.title1p {
  width: 80%;
  margin: auto;
}

.hoshi1 {
  position: absolute;
  width: 25px;
  top: 50px;
  left: 30px;
}

.hoshi2 {
  position: absolute;
  width: 10px;
  top: 100px;
  left: 30px;
}

.hoshi3 {
  display: none;
}

.hoshi4 {
  position: absolute;
  width: 25px;
  top: 0;
  right: 20px;
}

.hoshi5 {
  position: absolute;
  width: 15px;
  top: 20px;
  right: 0;
}

.enpitu {
  width: 45px;
  position: absolute;
  top: 60px;
  right: 20px;
}

.hosi-top1 {
  position: absolute;
  width: 20px;
  top: 700px;
  right: 20px;
  display: none;
}

.hosi-top2 {
  position: absolute;
  width: 15px;
  top: 710px;
  right: 0px;
  display: none;
}

.hosi-top3 {
  position: absolute;
  width: 25px;
  bottom: 50px;
  right: 40px;
}

.hosi-top4 {
  position: absolute;
  width: 35px;
  bottom: 10px;
  right: 0px;
}

table.koda1 {
  width: 100%;
}

table.koda1 th {
  width: 100%;
  display: block;
}

table.koda1 td {
  width: 100%;
  display: block;
  background-color: #431f0a;
  padding-top: 10px;
  padding-bottom: 15px;
  background-image: url("../img/bg333.png");
  background-position: 120px -100px;
  background-repeat: no-repeat;
  background-size: 300px;
}

table.koda2 {
  width: 100%;
}

table.koda2 th {
  width: 100%;
  display: block;
}

table.koda2 td {
  width: 100%;
  display: block;
  background-color: #d2a000;
  padding-top: 10px;
  padding-bottom: 15px;
  background-image: url("../img/bg333.png");
  background-position: 120px -100px;
  background-repeat: no-repeat;
  background-size: 300px;
}

table.nagare1 {
  width: 100%;
}

table.nagare1 th {
  width: 100%;
  display: block;
}

table.nagare1 td {
  width: 100%;
  display: block;
  background-color: #431f0a;
  padding-top: 10px;
  padding-bottom: 15px;
  background-image: url("../img/bg333.png");
  background-position: 120px -100px;
  background-repeat: no-repeat;
  background-size: 300px;
}

table.nagare2-sp {
  width: 100%;
}

table.nagare2-sp th {
  width: 100%;
  display: block;
}

table.nagare2-sp td {
  width: 100%;
  display: block;
  background-color: #d2a000;
  padding-top: 10px;
  padding-bottom: 15px;
  background-image: url("../img/bg333.png");
  background-position: 120px -100px;
  background-repeat: no-repeat;
  background-size: 300px;
}

table.nagare2 {
  display: none;
}

table.ten3 {
  width: 100%;
  line-height: 2;
}

table.ten3 th {
  width: 8%;
  vertical-align: top;
  border: none;
  padding: 0;
  display: table-cell;
  margin: 0;
}

table.ten3 td {
  width: 85%;
  border: none;
  margin-left: 6%;
  padding: 0;
  background-image: none;
  background-color: transparent;
}

table.ten333 {
  width: 100%;
  line-height: 2;
}

table.ten333 th {
  width: 8%;
  vertical-align: middle;
  border: none;
  padding: 0;
  display: table-cell;
  margin: 0;
}

table.ten333 td {
  width: 85%;
  border: none;
  margin-left: 6%;
  padding: 0;
  background-image: none;
  background-color: transparent;
}

table.ten2p {
  width: 100%;
  line-height: 2;
}

table.ten2p th {
  width: 8%;
  vertical-align: middle;
  border: none;
  padding: 0;
  display: table-cell;
  margin: 0;
}

table.ten2p td {
  width: 85%;
  border: none;
  margin-left: 6%;
  padding: 0;
  background-image: none;
  background-color: transparent;
}

.pt-top {
  padding-top: 4px;
}

table.ten4 {
  width: 100%;
  line-height: 2;
}

table.ten4 th {
  width: 8%;
  vertical-align: middle;
  border: none;
  padding: 0;
  display: table-cell;
  margin: 0;
  padding-left: 2%;
}

table.ten4 td {
  width: 90%;
  border: none;
  padding: 0;
  padding-left: 2%;
  background-image: none;
  background-color: transparent;
}

br.pc-o {
  display: none;
}

.maru-logo {
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -80px;
  z-index: 88;
}

.maru-logo2 {
  width: 150px;
  margin: auto;
}

.top-title {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: -125px;
}

.top-title13 {
  position: absolute;
  left: 0%;
  right: 0;
  margin: auto;
  bottom: -125px;
}

ul.bunkatu3 {
  list-style: none;
}

ul.bunkatu3 li {
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 40px;
  list-style: none;
  width: 47.5%;
  float: left;
  margin-left: 5%;
}

ul.bunkatu3 li:first-child {
  margin-left: 0;
}

ul.bunkatu3 li:nth-child(3) {
  margin-left: 0;
  clear: both;
}

ul.bunkatu3 li:nth-child(5) {
  margin-left: 0;
  clear: both;
}

ul.bunkatu3 li:nth-child(7) {
  margin-left: 0;
  clear: both;
}

ul.bunkatu3 li:nth-child(9) {
  margin-left: 0;
  clear: both;
}

.list-waku {
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 4;
}

.list-white {
  background-color: rgba(255, 255, 255, 0.7);
  width: 90%;
  margin: auto;
  height: 140px;
  display: table;
  z-index: 2;
}

.childElement {
  display: table-cell;
  vertical-align: middle;
}

.waku-hover {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}

.waku-hover:hover {
  background-color: rgba(210, 160, 0, 0.2);
  transition: 0.5s;
}

.li1 {
  background-image: url("../img/01-kamoku1.png");
}

.li2 {
  background-image: url("../img/01-kamoku2.png");
}

.li3 {
  background-image: url("../img/index-features-implant.png");
}

.li4 {
  background-image: url("../img/01-kamoku4.png");
}

.li5 {
  background-image: url("../img/01-kamoku5.png");
}

.li6 {
  background-image: url("../img/01-kamoku6.png");
}

.bunkatu3-1 li {
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
  text-align: center;
}

.logo-s1 {
  width: 50px;
  margin: auto;
  margin-bottom: 10px;
}

.haji {
  width: 250px;
  margin: auto;
}

/*  2p 
------------------------------*/

.h2p1 {
  height: 90px;
}

.h2p99 {
  height: 90px;
}

.tya-box {
  background-color: #431f0a;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  letter-spacing: 2px;
}

.tya-box:before {
  content: url("../img/hab.svg");
  width: 40px;
  position: absolute;
  left: 5px;
  bottom: -13px;
}

.tya-box2 {
  background-color: #431f0a;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  letter-spacing: 2px;
}

.tya-box2:after {
  content: url("../img/hab.svg");
  width: 40px;
  position: absolute;
  right: 5px;
  bottom: -10px;
}

.yellow-box5p {
  background-color: #d2a000;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  letter-spacing: 2px;
}

.yellow-box5p:before {
  content: url("../img/hab.svg");
  width: 40px;
  position: absolute;
  left: 5px;
  bottom: -14px;
}

.yellow-box2 {
  background-color: #d2a000;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  letter-spacing: 2px;
}

.yellow-box2:after {
  content: url("../img/hab.svg");
  width: 40px;
  position: absolute;
  right: 5px;
  bottom: -14px;
  letter-spacing: 2px;
}

dl.yoko2p dt {
  text-align: center;
  margin: auto;
}

dl.yoko2p dd {
  padding-top: 30px;
}

dl.yoko2p13 dt {
  text-align: center;
  margin: auto;
}

dl.yoko2p13 dd {
  padding-top: 30px;
}

ul.bunkatu2-2p li {
  margin-bottom: 30px;
}

ul.bunkatu2-2p li:last-child {
  margin-bottom: 0;
}

table.sinryou {
  width: 100%;
}

table.sinryou th {
  width: 100%;
  display: block;
}

table.sinryou td {
  width: 100%;
  display: block;
  margin-top: 30px;
}

.yellow-box {
  background-color: #fff5c0;
  position: relative;
  z-index: 99;
  background-image: url("../img/bg333.png");
  background-position: -120px -100px;
  background-repeat: no-repeat;
}

.yellow-box2p {
  background-color: #fff5c0;
  position: relative;
  z-index: 99;
  margin: auto;
  background-image: url("../img/bg333.png");
  background-position: -120px -100px;
  background-repeat: no-repeat;
}

.yellow-box2p99 {
  background-color: #fff5c0;
  z-index: 99;
  width: 100%;
  margin: auto;
}

.ilst2p2 {
  position: absolute;
  width: 50px;
  top: -50px;
  right: 0;
}

.hosi2p1 {
  position: absolute;
  width: 20px;
  top: 50px;
  right: 0;
}

.hosi2p2 {
  position: absolute;
  width: 15px;
  top: 100px;
  right: 10px;
}

.hosi2p3 {
  position: absolute;
  width: 20px;
  bottom: -30px;
  left: 0;
}

.hosi2p4 {
  position: absolute;
  width: 25px;
  bottom: -70px;
  left: 10px;
}

.inner2p {
  width: 90%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.white-box {
  background-color: #fff;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}


.l15 {
  line-height: 1.6;
}

table.ten {
  width: 100%;
  font-size: 16px;
  line-height: 2;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}

table.ten th {
  width: 5%;
  vertical-align: top;
  border: none;
  padding: 0;
  font-weight: 400;
}

table.ten td {
  width: 93%;
  border: none;
  margin-left: 2%;
  padding: 0;
}

table.ten101 {
  width: 100%;
  font-size: 16px;
  line-height: 2;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}

table.ten101 th {
  width: 5%;
  vertical-align: top;
  border: none;
  padding: 0;
  font-weight: 400;
}

table.ten101 td {
  width: 93%;
  border: none;
  padding: 0;
  padding-left: 2%;
}

table.ten-free {
  width: 100%;
  line-height: 2;
}

table.ten-free th {
  width: 5%;
  vertical-align: top;
  border: none;
  padding: 0;
  font-weight: 400;
}

table.ten-free td {
  width: 93%;
  border: none;
  padding: 0;
  padding-left: 2%;
}

table.ten-free99 {
  width: 100%;
  line-height: 2.3;
}

table.ten-free99 th {
  width: 5%;
  vertical-align: top;
  border: none;
  padding: 0;
  font-weight: 400;
}

table.ten-free99 td {
  width: 93%;
  border: none;
  padding: 0;
  padding-left: 2%;
}

.small {
  font-size: 14px;
}

.idou {
  position: absolute;
  top: -200px;
}

.idou2p99 {
  position: relative;
  top: -200px;
}

.idou2p23 {
  position: relative;
  top: -100px;
}

.h2p {
  height: 550px;
}

.inner2p2 {
  width: 90%;
  margin: auto;
  padding-top: 10px;
}

.inner2p29 {
  width: 90%;
  margin: auto;
  padding-top: 10px;
}

/*  3p 
------------------------------*/
.logo-top3p {
  position: absolute;
  top: -85px;
  right: 0;
  width: 50px;
}

.onp1-top3p {
  position: absolute;
  top: -170px;
  right: 35px;
  width: 20px;
}

.onp2-top3p {
  position: absolute;
  top: -145px;
  right: 0;
  width: 20px;
}

.hosi3p1 {
  position: absolute;
  width: 25px;
  top: -100px;
  right: 10px;
}

.hosi3p2 {
  position: absolute;
  width: 15px;
  top: -60px;
  right: 0px;
}

.hosi3p3 {
  position: absolute;
  width: 15px;
  bottom: -25px;
  left: 25px;
}

.hosi3p4 {
  position: absolute;
  width: 15px;
  bottom: -45px;
  left: 20px;
}

.hosi3p5 {
  position: absolute;
  width: 10px;
  bottom: -30px;
  left: 0px;
}

.box3p {
  background-color: rgba(67, 31, 10, 0.9);
  margin-top: -50px;
  position: relative;
  z-index: 4;
  background-image: url("../img/bg333.png");
  background-position: 120px -100px;
  background-repeat: no-repeat;
  background-size: 300px;
}

.inner3p {
  width: 90%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.h3p1 {
  z-index: 100;
}

.h3p2 {
  margin-top: 50px;
}

.box3p2 {
  background-color: rgba(210, 160, 0, 0.9);
  margin-top: -50px;
  position: relative;
  z-index: 4;
}

.img3p1 {
  position: absolute;
  width: 180px;
  bottom: 30px;
  right: 0;
}

.img3p2 {
  position: absolute;
  width: 150px;
  bottom: 30px;
}

.h3p3 {
  height: 130px;
}

.hosi-3p {
  width: 50px;
  position: absolute;
  bottom: 190px;
  right: 0;
}

.bt-haiti {
  position: absolute;
  bottom: -20px;
  right: 30px;
  z-index: 20;
}

.dot3p {
  position: absolute;
  width: 200px;
  right: 0;
  top: -220px;
  z-index: 1;
}

/*  4p 
------------------------------*/
.dot4p {
  position: absolute;
  width: 300px;
  top: -120px;
  right: -150px;
  z-index: 1;
}

table.ten99 {
  width: 100%;
}

table.ten99 th {
  width: 5%;
  vertical-align: top;
  border: none;
}

table.ten99 td {
  width: 93%;
  border: none;
  margin-left: 2%;
  padding: 0;
}

.ilst4p2 {
  width: 60%;
  margin: auto;
  margin-bottom: 30px;
}

.hosi4p1 {
  position: absolute;
  width: 25px;
  top: -50px;
  right: 30px;
}

.hosi4p2 {
  position: absolute;
  width: 10px;
  top: -20px;
  right: 10px;
}

.hosi4p3 {
  position: absolute;
  width: 25px;
  bottom: 0px;
  left: 0;
}

.footer-right-dot {
  position: absolute;
  width: 180px;
  right: 0;
  top: -90px;
}

/*  price
---------------------------*/

.bg-white {
  background-color: #fff;
}

table.full-screen th {
  padding: 10px;
}

table.full-screen td {
  padding: 10px;
}

.div-title-pink {
  width: 95%;
  margin: 0 auto;
}

.title-pink {
  width: 100%;
  background-color: #56d2d8;
}

.in-p {
  padding-left: 10px;
  padding-top: 5px;
  font-size: 16px;
  letter-spacing: 5px;
  color: #fff;
}

.th-pink {
  width: 50%;
  background-color: #e0faf8;
  font-size: 12px;
  padding: 5px 9px;
}

.td-pink {
  width: 50%;
  background-color: #fff;
  font-size: 12px;
  padding: 5px 9px;
  text-align: right;
}

.border-ec {
  border: 1px solid #56d2d8;
}

.border-bl {
  border: 1px solid #00b3ec;
}

.border-bl2 {
  border: 1px solid #00b3ec;
}

.border-gl {
  border: 1px solid #56d2d8;
}

.border-gl2 {
  border: 1px solid #431f0a;
  background-color: #fff;
}

.border-gl11 {
  border: 1px solid #d2a000;
}

.border-pi {
  border: 1px solid #006a29;
}

.color-black2 {
  color: #125a8f;
}

.color-gray {
  color: #999999;
}

.color-bule {
  color: #00b3ec;
}

.color-orange {
  color: #ff3a39;
}

.tax-list {
  width: 100%;
}

.tax-list img {
  width: 10%;
}

.tax-list {
  border: 2px solid #431f0a;
  margin-top: 5px;
}

.tax-list th,
.tax-list td {
  border: 1px solid #431f0a;
}

.middle {
  vertical-align: middle;
}

.bg-fa {
  background-color: #8adfe5;
}

.bg-fa2 {
  background-color: #f0fcfa;
}

.bg-fa3 {
  background-color: #d2a000;
}

.bg-fa5 {
  background-color: #e0faf8;
}

.bg-fa6 {
  background-color: #fff5c0;
}

.bg-fc {
  background-color: #fff5c0;
}

.bg-fa9 {
  background-color: #8adfe5;
}

.bg-fa10 {
  background-color: #2c7760;
}

.bg-fg3 {
  background-color: #d2a000;
}

.color-gray33 {
  color: #431f0a;
}

.color-sky {
  color: #00b3ec;
}

.color-green4 {
  color: #7fbe26;
}

.color-gray {
  color: #4c4948;
}

.color-b-gray {
  color: #333;
}

.color-pink3 {
  color: #e85f9d;
}

.color-33 {
  color: #431f0a;
}

.color-gold {
  color: #431f0a;
}

.th-tax {
  font-size: 13px;
  padding: 10px 20px;
}

.th-tax-s {
  font-size: 10px;
}

.td-tax {
  font-size: 13px;
  padding: 10px 20px;
}

.td-tax-s {
  font-size: 12px;
  padding: 10px 20px;
}

.red {
  color: #e82327;
}

.red-o {
  color: #ff4500;
}

.deduction-div {
  display: block;
  width: 60%;
  float: none;
  margin: 0 auto;
}

.deduction-div02 {
  display: block;
  width: 60%;
  float: none;
  margin: 0 auto;
}

.calc-title {
  font-size: 12px;
  line-height: 1.6;
}

.calc-title-l {
  font-size: 16px;
}

.calc-title-ll {
  font-size: 17px;
}

.bbold {
  font-weight: bold;
}

.deduction-dt {
  height: 64px;
  padding: 1em;
}

.deduction-dt02 {
  height: 64px;
  padding: 1.8em 1em;
}

.deduction-dt03 {
  height: 80px;
  padding: 0.5em;
}

.calc-title-s {
  font-size: 10px;
  letter-spacing: -1px;
  padding: 1%;
}

.w20 {
  width: 50%;
}

.fl-left {
  float: left;
}

.calc-symbol-space {
  margin-top: 5%;
}

.calc-text {
  font-size: 12px;
  padding: 15px 0 0 0;
  line-height: 1.6;
}

.calc-symbol {
  width: 20%;
  padding: 5%;
  float: none;
  margin: 0 auto;
}

.calc-symbol img {
  display: block;
  margin: 0 auto;
  transform: rotate(90deg);
}

.formula01 {
  padding-top: 5%;
  padding-left: 2%;
}

.formula02 {
  padding-top: 5%;
  padding-left: 2%;
}

.space-05e {
  margin-right: 0.5em;
}

.br-tab::before {
  content: "\A";
  white-space: pre;
}

.pc-mode {
  display: none;
}

.circle01 {
  font-size: 20px;
  border-bottom: 2px dotted #51648c;
}

.circle02 {
  font-size: 14px;
}

.circle03 {
  font-size: 12px;
  margin-top: 5px;
}

.circle04 {
  font-size: 14px;
  line-height: 1;
}

.circle05 {
  font-size: 14px;
}

.circle-img img {
  width: 45px;
  position: absolute;
  top: 0;
  left: 0;
}

.ex-space {
  padding: 2px 5px;
  margin: 5px 0;
}

.ex-space02 {
  padding: 2px 5px;
  margin: 7px 0;
}

.ex-calc {
  float: left;
}

table.ten7 {
  width: 100%;
  font-size: 16px;
  line-height: 2;
}

table.ten7 th {
  width: 3%;
  vertical-align: top;
  border: none;
  padding: 0;
  font-weight: 400;
  background-color: #fff;
  text-align: left;
}

table.ten7 td {
  width: 95%;
  border: none;
  margin-left: 2%;
  padding: 0;
}

ul.bunkatu2-10 {
  width: 100%;
}

ul.bunkatu2-10 li {
  width: 95%;
  margin: auto;
  background-color: #fff;
  margin-bottom: 30px;
}

.box1,
.box2,
.box3,
.box4 {
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
}

.box1,
.box2 {
  border: #006a29 solid 1px;
  height: 100px;
  display: table;
  width: 100%;
}

.box3,
.box4 {
  border: #d2a000 solid 1px;
  height: 128px;
  display: table;
  width: 100%;
}

.box3 {
  background-color: #d2a000;
  text-align: center;
}

.box4 {
  background-color: #fff;
  text-align: center;
}

.box1 {
  background-color: #2c7760;
  text-align: center;
  border: #2c7760 solid 1px;
}

.box2 {
  background-color: #fff;
  border: #431f0a solid 1px;
  text-align: center;
}

.inner4p3 {
  display: table-cell;
  vertical-align: middle;
}

.cont1 {
  width: 22%;
  float: left;
}

.eqol {
  width: 4%;
  float: left;
  text-align: center;
}

.eqol-body {
  height: 100px;
  display: table;
  width: 100%;
}

.eqol-body2 {
  height: 112px;
  display: table;
  width: 100%;
}

.minus {
  width: 4%;
  float: left;
  text-align: center;
}

.cont2 {
  width: 36%;
  float: left;
}

.cont2:first-child {
  width: 20%;
}

.eqol2 {
  width: 4%;
  float: left;
  text-align: center;
}

.puls {
  width: 4%;
  float: left;
  text-align: center;
}

.dis-table {
  display: table;
  width: 95%;
  margin: auto;
  padding-top: 0px;
}

.b4p {
  background-color: #2c7760;
  border: #2c7760 solid 1px;
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 5px;
  display: table-cell;
  margin: 0;
}

.box-naka2 p {
  font-size: 11px;
  display: inline;
  margin: 0;
}

.box-naka3 p {
  font-size: 11px;
  display: table-cell;
  margin: 0;
}

.box-naka5 p {
  font-size: 11px;
  display: inline;
  margin: 0;
}

.box-naka6 p {
  font-size: 11px;
  display: table-cell;
  margin: 0;
}

.box-naka1 {
  width: 62%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  margin-top: 3px;
}

.box-naka2 {
  width: 5%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
}

.box-naka3 {
  width: 31%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 5px;
}

.box-naka4 {
  width: 62%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  margin-top: 3px;
}

.box-naka5 {
  width: 7%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
}

.box-naka6 {
  width: 25%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin-left: 5%;
}

dl.yoko4p2 {
  padding-top: 10px;
}

dl.yoko4p2 dt {
  width: 50%;
  margin: auto;
  padding-top: 5px;
  text-align: center;
}

dl.yoko4p2 dd {
  padding-top: 30px;
}

.dot5p {
  position: absolute;
  width: 200px;
  top: 450px;
  left: 0;
  z-index: 1;
}

.h5p {
  height: -200px;
}

.idou5p {
  margin-top: -200px;
}

.h5p1 {
  height: 90px;
}

/*  スライダー
---------------------------------------*/

div.slider {
  width: 100%;
  display: block;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

ul.bxslider01 li {
  /*メインスライダー*/
  display: block;
  width: 100%;
}

.wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
}

ul.bxslider02 {
  width: 100%;
  margin: auto;
}

ul.bxslider02 li {
  width: 30%;
  margin-left: 5%;
  float: left;
  margin-bottom: 10px;
}

ul.bxslider02 li:first-child {
  margin-left: 0%;
}

ul.bxslider02 li:nth-child(4) {
  margin-left: 0%;
  clear: both;
}

ul.bxslider02 li:nth-child(7) {
  margin-left: 0%;
  clear: both;
}

ul.bxslider02 li:nth-child(10) {
  margin-left: 0%;
  clear: both;
}

ul.bxslider02 li a {
  /*サムネイル*/
  display: block;
  width: 100%;
}

ul.bxslider02 li a img {
  /*サムネイルの画像*/
  display: block;
  height: auto;
}

div.controlWrap {
  width: 380px;
  display: block;
  position: relative;
  margin: 0 auto;
  height: 70px;
}

div.controlWrap p#PrevIcon a {
  /*矢印画像（前へ）*/
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  background: url(../img/left.png) left center no-repeat;
  color: #fff;
  top: 20px;
  left: 50%;
  margin-left: -40px;
  text-indent: -9999px;
}

div.controlWrap p#NextIcon a {
  /*矢印画像（次へ）*/
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  background: url(../img/right.png) left center no-repeat;
  color: #fff;
  top: 20px;
  left: 50%;
  margin-left: 20px;
  text-indent: -9999px;
}

#bx-pager a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#bx-pager a.active img {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*  スライダー
----------------------------------*/

#slider {
  display: none;
}

#slides {
  display: block;
  margin: 0 auto;
}

#slides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

#slides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

#slides li:first-child {
  position: relative;
  display: block;
  float: left;
}

#slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*  ホーバー時半透明
----------------------------------*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* 　画像切り替えclass
----------------------------------*/

.switch {
  visibility: hidden;
}

/*  上下のスペース
----------------------------------*/

.space {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

/*  dl 　(pcの場合横並び　画像右)
----------------------------------*/

dl.yoko2 {
  padding-top: 10px;
}

dl.yoko2 dt {
  padding-top: 5px;
}

dl.yoko2 dd {
  text-align: center;
  padding-top: 20px;
}

/*  dl 　(pcの場合横並び　画像左)
----------------------------------*/
dl.yoko3 {
  padding-top: 10px;
}

dl.yoko3 dt {
  padding-top: 5px;
}

dl.yoko3 dd {
  text-align: center;
  padding-top: 20px;
}

/*  ul 　(pcの場合横並び　４つ分け)
----------------------------------*/

ul.bunkatu4 {
  width: 100%;
}

ul.bunkatu4 li {
  width: 75%;
  margin: 0 auto;
  padding-top: 30px;
}

/*  ul 　(pcの場合横並び　2つ分け)
----------------------------------*/

ul.bunkatu2 {
  width: 100%;
}

ul.bunkatu2 li {
  width: 95%;
  margin: 0 auto;
  padding-top: 30px;
  display: block;
}

/*  table（求人募集）
----------------------------------*/

.kyujin {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin: 0 auto;
  border: 1px #431f0a solid;
  color: #000000;
}

.kyujin th {
  width: 30%;
  border: 1px #431f0a solid;
  background-color: rgba(67, 31, 10, 0.8);
  padding: 10px;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
}

.kyujin td {
  width: 75%;
  border: 1px #431f0a solid;
  background-color: #fff;
  padding: 15px;
  text-align: left;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.8;
}

.kyujin2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin: 0 auto;
  border: 1px #d2a000 solid;
  color: #000000;
}

.kyujin2 th {
  width: 30%;
  border: 1px #d2a000 solid;
  background-color: rgba(210, 160, 0, 0.8);
  padding: 10px;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
}

.kyujin2 td {
  width: 75%;
  border: 1px #d2a000 solid;
  background-color: #fff;
  padding: 15px;
  text-align: left;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.8;
}

/*  table（分割２）
----------------------------------*/
table.ka th {
  display: block;
  width: 100%;
}

table.ka td {
  padding-top: 20px;
  display: block;
  width: 100%;
}

/*  footer 
---------------------------------------*/

.h-banner-space {
  height: 40px;
}

.yellow-box-top {
  background-color: #fffbed;
  box-shadow: 7px 7px 7px rgba(163, 129, 75, 0.8);
  width: 95%;
}

.pc-left9 {
  text-align: center;
}

.inner-banner {
  width: 90%;
  margin: auto;
  padding-top: 40px;
}

.icon {
  width: 100px;
  margin: auto;
}

a.color-kamoku {
  color: #431f0a;
  font-size: 18px;
}

ul.bunkatu5 {
  width: 100%;
}

ul.bunkatu5 li {
  width: 45%;
  margin-left: 1%;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}

ul.bunkatu5 li:nth-child(odd) {
  margin-left: 0%;
  clear: both;
  width: 52%;
}

/*ul.bunkatu5 li:nth-child(15) {
  margin-left: 53%;
  clear: both;
  width: 45%;
}

ul.bunkatu5 li:nth-child(16) {
  margin-left: 53%;
  clear: both;
  width: 45%;
}*/

ul.bunkatu5 li:nth-child(17) {
  margin-left: 53%;
  clear: both;
  width: 45%;
}

ul.bunkatu5 li:nth-child(18) {
  margin-left: 53%;
  clear: both;
  width: 45%;
}

ul.bunkatu5 li a {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 10px;
  color: #46210c;
  background-color: #fff;
  display: block;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

ul.bunkatu5 li a:hover {
  color: #666;
}

table.kamoku2 {
  width: 100%;
  font-size: 12px;
  line-height: 2.5;
}

table.kamoku2 th {
  width: 16%;
  text-align: left;
  vertical-align: top;
}

.s-size {
  font-size: 12px;
}

.f-logo {
  width: 80%;
  margin: auto;
}

.f-banner1,
.f-banner2 {
  width: 80%;
  margin: auto;
}

.flex-box01 {
  display: block;
}

.flex-box02 {
  display: flex;
}

.w100 {
  width: 100%;
}

.contents-menu {
  padding-top: 32px;
}

.contents-text {
  font-size: 12px;
}

.contents-img {
  display: block;
  padding-bottom: 16px;
  width: 96px;
}

.upper-button,
.lower-button01,
.lower-button02 {
  width: 100%;
}

.contents-button-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 48px 0;
}

.contents-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0.3s;
  border: 0.5px solid rgba(128, 128, 128, 0.5);
  width: 50%;
  padding: 24px 0 32px 0;
  background-color: #fff;
  height: 130px;
}

.upper-button .contents-button {
  border-bottom: none;
}

.lower-button01 .contents-button {
  border-bottom: none;
}

.left-button {
  border-right: none;
}

.contents-button:hover {
  transform: translateY(-15px);
  background-image: url("../img/white.png");
  border: solid 1px #808080;
  position: relative;
}

.contents-button:hover:after {
  background-color: rgba(210, 160, 0, 0.2);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.f1 {
  background-color: #fff;
  text-align: center;
}

.inner5p {
  width: 80%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.h49 {
  height: 30px;
}

.h73 {
  height: 40px;
}

.h24 {
  height: 15px;
}

.h43 {
  height: 35px;
}

.h93 {
  height: 35px;
}

.fotter-bottom1 {
  display: none;
}

/*  pagetop設定
----------------------------------*/

.pagetop {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 5px;
  width: 50px;
  z-index: 99;
}

.pagetop a {
  display: block;
  text-decoration: none;
}

.pagetop a:hover {
  display: block;
  text-decoration: none;
}

/*  footer内の二つ分け要素
----------------------------------*/

.f-r {
  padding-top: 40px;
}

/*  googlemap枠
----------------------------------*/

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.zeroMargin_mobile {
  margin-left: 0;
}

.hide_mobile {
  display: none;
}

br.sp-br {
  display: block;
}

.t1023 {
  display: none;
}

.white-box99 {
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.inner1 {
  width: 90%;
  margin: auto;
  padding: 20px 0;
}

.logos99 {
  width: 35px;
  position: absolute;
  bottom: 0;
  right: 10px;
}

.l159 {
  line-height: 1.6;
}

.boc-tya {
  background-color: #431f0a;
}

.tyairo {
  color: #fff;
  line-height: 1.5;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.indent {
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.ar {
  background-color: #fff;
  position: relative;
  line-height: 1.5;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ar a {
  padding: 5px;
  font-size: 14px;
  color: #431f0a;
  line-height: 1.5;
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.ar a:hover {
  color: #a9a3a3;
}

.ar::after {
  content: ">";
  position: absolute;
  top: 16px;
  right: 10px;
}

.inner-ko {
  width: 99%;
  margin: auto;
  padding-bottom: 1px;
}

.line {
  line-height: 1.6;
}

.quacarrer {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.quacarrer a {
  width: 100%;
}

.quacarrer img {
  width: 100%;
  padding-bottom: 16px;
}

.googlepolicy a {
  text-decoration: underline;
}

.pcimg {
  display: none;
}

.spimg {
  display: block;
}

@media only screen and (min-width: 376px) {
  .size-m99 {
    font-size: 18px;
  }

  .sp-ins {
    width: 40px;
    position: fixed;
    right: 99.2px;
    top: 20px;
  }

  .sp-line {
    width: 40px;
    position: fixed;
    right: 152px;
    top: 20px;
  }

  /*.sp-home {
		position: fixed;
		top: 10px;
		left: 15px;
		width: 210px;
		display: block;
	}*/

  /*  1p 
------------------------------*/

  /*  2p 
------------------------------*/

  /*  3p 
------------------------------*/

  /*  4p 
------------------------------*/
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
  .tyairo {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .ar {
    background-color: #fff;
    position: relative;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  .ar a {
    padding: 5px;
    font-size: 14px;
    color: #431f0a;
    line-height: 1.5;
  }

  .ar::after {
    top: 7px;
    right: 10px;
  }

  .gridContainer {
    width: 80%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .gridContainer1100 {
    width: 80%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .gridContainer1300 {
    width: 80%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .sp-dake {
    display: none;
  }

  .sp-ins {
    width: 45px;
    position: fixed;
    right: 104px;
    top: 17px;
  }

  .sp-line {
    width: 45px;
    position: fixed;
    right: 152px;
    top: 17px;
  }

  .sp-home {
    position: fixed;
    top: 5px;
    left: 15px;
    width: 230px;
    display: block;
  }

  /*  font 
---------------------------------------*/

  p {
    font-size: 14px;
  }

  ul {
    font-size: 14px;
  }

  /*  hedaer
---------------------------------------*/

  /*  header内の二つ分け要素
----------------------------------*/

  .h-l {
    width: 45%;
    float: left;
  }

  .h-r {
    width: 55%;
    float: right;
    text-align: left;
  }

  /*  bg
---------------------------------------*/

  .bg3 {
    background-position: center;
  }

  /* 　メイン画像の設定（大)
----------------------------------*/

  #bg1 {
    height: 300px;
  }

  /* 　メイン画像の設定（小)
----------------------------------*/

  #bg2 {
    height: 300px;
  }

  /*  nav 
---------------------------------------*/

  .slicknav_menu {
    display: none;
  }

  .nav {
    background-color: #8ec323;
  }

  /*  メニュー設定（tab・pc）
----------------------------------*/

  /*  メニューの横線
----------------------------------*/

  li.solid {
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
  }

  li.solid-r {
    border-right: #fff solid 1px;
  }

  /*  main
---------------------------------------*/

  /*  content
---------------------------------------*/

  .pc-center {
    text-align: center;
  }

  br.sp-none {
    display: block;
  }

  br.sp {
    display: none;
  }

  .sp-on {
    display: none;
  }

  .pc-on {
    display: block;
  }

  .bg1 {
    background-image: url("../img/01-bg3.png");
  }

  /*  1p 
------------------------------*/

  .white-box99 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .inner1 {
    width: 90%;
    margin: auto;
    padding: 20px 0;
  }

  .logos99 {
    width: 50px;
  }

  /*  2p 
------------------------------*/

  /*  3p 
------------------------------*/

  /*  4p 
------------------------------*/

  /*  price
---------------------------*/

  .in-p {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 18px;
  }

  .th-pink {
    font-size: 15px;
    text-align: left;
  }

  .td-pink {
    font-size: 14px;
  }

  .th-tax {
    font-size: 15px;
  }

  .th-tax-s {
    font-size: 11px;
  }

  .td-tax {
    font-size: 15px;
  }

  .td-tax-s {
    font-size: 13px;
  }

  .calc-title {
    font-size: 14px;
  }

  .calc-title-l {
    font-size: 20px;
  }

  .calc-title-ll {
    font-size: 21px;
  }

  .calc-title-s {
    font-size: 11px;
  }

  .deduction-dt02 {
    height: 72px;
    padding: 1.8em 1em;
  }

  .deduction-dt03 {
    height: 88px;
    padding: 0.5em;
  }

  .deduction-dt {
    height: 72px;
    padding: 1em;
  }

  .calc-text {
    font-size: 13px;
  }

  .formula01 {
    padding-top: 2%;
    padding-left: 8%;
  }

  .formula02 {
    padding-top: 2%;
    padding-left: 8%;
  }

  .ex-space02 {
    padding: 2px 5px;
    margin: 10px 0;
  }

  ul.bunkatu2-10 li {
    width: 45%;
    margin-left: 10%;
    float: left;
    margin-bottom: 0px;
    padding-bottom: 35px;
  }

  ul.bunkatu2-10 li:first-child {
    margin-left: 0;
  }

  dl.yoko4p2 dt {
    width: 250px;
  }

  dl.yoko4p2 dd {
    padding-top: 30px;
  }

  /*  content内の二つ分け要素
----------------------------------*/

  .c-l {
    width: 45%;
    float: left;
    margin: 0 auto;
  }

  .c-r {
    width: 45%;
    float: right;
    margin: 0 auto;
    padding-top: 0;
  }

  /*  上下のスペース
----------------------------------*/

  .space {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .block {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
  }

  /*  dl 　(pcの場合横並び　画像右)
----------------------------------*/

  dl.yoko2 {
    width: 100%;
    padding-top: 10px;
  }

  dl.yoko2 dt {
    width: 65%;
    float: left;
    padding-top: 0;
  }

  dl.yoko2 dd {
    width: 30%;
    float: right;
    padding-top: 0;
  }

  /*  dl 　(pcの場合横並び　画像左)
----------------------------------*/

  dl.yoko3 {
    width: 100%;
    padding-top: 10px;
  }

  dl.yoko3 dt {
    width: 65%;
    float: right;
    padding-top: 0;
  }

  dl.yoko3 dd {
    width: 30%;
    float: left;
    padding-top: 0;
  }

  /*  ul 　(pcの場合横並び　４つ分け)
----------------------------------*/

  ul.bunkatu4 {
    width: 100%;
    padding-top: 30px;
  }

  ul.bunkatu4 li {
    width: 21%;
    margin-left: 3%;
    padding-top: 0px;
    float: left;
  }

  /*  ul 　(pcの場合横並び　2つ分け)
----------------------------------*/

  ul.bunkatu2 {
    width: 100%;
    padding-top: 30px;
  }

  ul.bunkatu2 li {
    width: 45%;
    margin-left: 10%;
    padding-top: 20px;
    float: left;
  }

  ul.bunkatu2 li:first-child {
    margin-left: 0;
  }

  /*  table（求人募集）
----------------------------------*/
  .kyujin {
    font-size: 18px;
  }

  .kyujin th {
    padding: 10px;
  }

  .kyujin td {
    padding: 20px;
  }

  .kyujin2 {
    font-size: 18px;
  }

  .kyujin2 th {
    padding: 10px;
  }

  .kyujin2 td {
    padding: 20px;
  }

  /*  table（分割２）
----------------------------------*/
  table.ka th {
    display: inline-block;
    width: 35%;
    text-align: left;
  }

  table.ka td {
    padding-top: 20px;
    display: inline-block;
    width: 60%;
    padding-left: 3%;
    vertical-align: middle;
  }

  /*  footer 
---------------------------------------*/

  ul.bunkatu5 li {
    width: 30%;
    margin-left: 5%;
    margin-bottom: 10px;
  }

  ul.bunkatu5 li a {
    background-color: #46210c;
    color: #fff;
    padding: 0;
  }

  ul.bunkatu5 li:nth-child(odd) {
    margin-left: 5%;
    clear: none;
    width: 30%;
  }

  /* 1列目　*/

  ul.bunkatu5 li:first-child {
    margin-left: 0;
  }

  ul.bunkatu5 li:nth-child(4) {
    clear: both;
    margin-left: 0;
  }

  ul.bunkatu5 li:nth-child(7) {
    clear: both;
    margin-left: 0;
  }

  ul.bunkatu5 li:nth-child(10) {
    clear: both;
    margin-left: 0;
  }

  ul.bunkatu5 li:nth-child(13),
  ul.bunkatu5 li:nth-child(17) {
    clear: both;
    margin-left: 0;
  }

  /* 2列目　*/

  ul.bunkatu5 li:nth-child(2) {
    width: 25%;
  }

  ul.bunkatu5 li:nth-child(5) {
    width: 25%;
  }

  ul.bunkatu5 li:nth-child(8) {
    width: 25%;
  }

  ul.bunkatu5 li:nth-child(11) {
    width: 25%;
  }

  ul.bunkatu5 li:nth-child(14),
  ul.bunkatu5 li:nth-child(18) {
    width: 25%;
  }

  /* 3列目　*/

  ul.bunkatu5 li:nth-child(3) {
    width: 25%;
  }

  ul.bunkatu5 li:nth-child(6) {
    width: 23%;
  }

  ul.bunkatu5 li:nth-child(9) {
    width: 23%;
  }

  ul.bunkatu5 li:nth-child(12) {
    width: 23%;
  }

  ul.bunkatu5 li:nth-child(15),
  ul.bunkatu5 li:nth-child(19) {
    width: 23%;
    clear: none;
  }

  ul.bunkatu5 li:nth-child(16) {
    width: 25%;
    clear: none;
    margin-left: 5%;
  }

  table.kamoku2 {
    font-size: 16px;
  }

  .s-size {
    font-size: 16px;
  }

  /*  pagetop設定
----------------------------------*/

  .pagetop {
    width: 100px;
    bottom: 30px;
    right: 30px;
  }

  /*  footer内の二つ分け要素
----------------------------------*/

  .f-l {
    width: 50%;
    float: left;
  }

  .f-r {
    width: 45%;
    float: right;
    position: relative;
    padding-top: 0;
  }

  /*  googlemap枠
----------------------------------*/

  .ggmap {
    position: relative;
    padding-bottom: 39%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .zeroMargin_tablet {
    margin-left: 0;
  }

  .hide_tablet {
    display: none;
  }


}

@media only screen and (min-width: 767px) {
  .img201 img {
    height: 230px !important;
    width: 100% !important;
    object-fit: cover;
  }

  a.color-kamoku {
    font-size: 21px;
  }


  br.tab-dake {
    display: block;
  }

  .tab-dake2 {
    display: block;
  }

  .gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .gridContainer1100 {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .gridContainer1300 {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .h-site {
    height: 60px;
  }

  .size-a {
    font-size: 18px;
  }

  .m20pc {
    margin-top: 20px;
  }

  .m30 {
    margin-top: 30px;
  }

  .section1,
  .section2 {
    padding: 20px 20px;
  }

  .h-top {

    height: 100px;
  }

  .ins {
    width: 500px;
    margin-top: 50px;
  }

  .h-top {
    margin-top: -150px;
  }

  .h-top2 {
    height: 100px;
  }

  .logo-top {
    top: -34px;
    right: 60px;
    width: 50px;
  }

  .onp1-top {
    top: -120px;
    right: 45px;
    width: 25px;
  }

  .onp2-top {
    top: -90px;
    right: 0px;
    width: 23px;
  }

  .pc-mode {
    display: block;
  }

  .pan {
    width: 90%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  .breadcrumb span {
    font-size: 13px;
  }

  .breadcrumb {
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    margin-top: 15px;
  }

  .breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
    font-weight: bold;
  }

  .breadcrumb li:after {
    /* >を表示*/
    content: ">";
    padding: 0 3px;
    color: #333333;
  }

  .breadcrumb li:last-child:after {
    content: "";
  }

  .breadcrumb li a {
    text-decoration: none;
    color: #333333;
  }

  .breadcrumb li a:hover {
    text-decoration: underline;
  }

  .this-page {
    color: #d2a000 !important;
  }

  .this-page2 {
    color: #125a8f !important;
  }

  .breadcrumb span {
    font-size: 13px;
  }

  .breadcrumb {
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    margin-top: 15px;
  }

  .breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
    font-weight: bold;
  }

  .breadcrumb li:after {
    /* >を表示*/
    content: ">";
    padding: 0 3px;
    color: #333333;
  }

  .breadcrumb li:last-child:after {
    content: "";
  }

  .breadcrumb li a {
    text-decoration: none;
    color: #333333;
  }

  .breadcrumb li a:hover {
    text-decoration: underline;
  }

  .this-page {
    color: #d2a000 !important;
  }

  .this-page2 {
    color: #125a8f !important;
  }

  .p-t-top {
    padding-top: 85px;
  }

  /*  font
---------------------------------------*/

  p {
    font-size: 18px;
  }

  .pc-m50 {
    margin-top: 50px;
  }

  .size-m {
    font-size: 25px;
  }

  .size-m2 {
    font-size: 22px;
  }

  .size-m10p {
    font-size: 20px;
  }

  .size-m3 {
    font-size: 22px;
    line-height: 1.5;
  }

  .size-m99 {
    font-size: 22px;
    line-height: 2;
  }

  .size-m8p {
    font-size: 20px;
  }

  .size-m11p99 {
    font-size: 18px;
  }

  .size-m15p {
    font-size: 20px;
  }

  .size-l {
    font-size: 33px;
  }

  .size-l2 {
    font-size: 31px;
  }



  .size-ll {
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
  }

  .small-top {
    font-size: 25px;
  }

  .size-t {
    font-size: 22px;
  }

  .tab-on {
    display: block;
  }

  .bg-nav {
    background-color: rgba(255, 255, 255, 0.8);
  }

  a.b-b {
    text-decoration: underline;
  }

  /*  content
---------------------------------------*/

  .btn2,
  .btn3 {
    position: absolute;
    bottom: 25px;
    left: 25px;
  }

  .btn99 a {
    font-size: 16px;
  }

  .btn2 a {
    font-size: 16px;
  }

  .btn3 a {
    font-size: 16px;
  }

  .btn5 a {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 70px;
  }

  .btn5 a::after {
    top: 18%;
    font-size: 23px;
  }

  .moji {
    font-size: 16px;
  }

  .moji:after {
    top: 12%;
    font-size: 20px;
  }

  .btn3 a::after,
  .btn99 a::after,
  .btn2 a::after {
    top: 15%;
    font-size: 23px;
  }

  .btn4 a {
    font-size: 20px;
  }

  .btn4 a::after {
    top: 15%;
    font-size: 23px;
  }

  .h-footer {
    height: 400px;
  }

  .dot1p {
    width: 240px;
    top: -170px;
  }

  .dot1p2 {
    width: 250px;
  }

  .photo1p,
  .photo1p2 {
    display: block;
  }

  .photo1p {
    position: absolute;
    /*top: 220px;*/
    /*top: 460px;*/
    /*top: 950px;*/
    top: 110px;
    left: 0px;
    width: 240px;
    z-index: 99;
  }

  .photo1p2 {
    position: absolute;
    bottom: -90px;
    right: 0px;
    width: 155px;
  }

  .pagetop {
    width: 100px;
    bottom: 110px;
    right: 10px;
  }

  /*  1p 
------------------------------*/

  .news-area {
    width: 45%;
    margin: 0;
  }

  .inner-news {
    width: 85%;
  }

  .inner-top {
    width: 83%;
    margin: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .logo-s {
    width: 100px;
  }

  .dot1 {
    width: 450px;
    top: -120px;
    right: -130px;
  }

  .dot3 {
    width: 450px;
    top: 450px;
    left: -90px;
  }

  .dot4 {
    width: 450px;
  }

  .dot6p {
    width: 450px;
  }

  .dot6p2 {
    width: 450px;
  }

  .dot6p2 {
    right: -163px;
  }

  .dot7p {
    width: 450px;
    bottom: 650px;
    left: -120px;
  }

  .dot14 {
    width: 450px;
  }

  .title1p {
    width: 65%;
  }

  .hoshi1 {
    width: 35px;
    top: 40px;
    left: 72px;
  }

  .hoshi2 {
    width: 20px;
    top: 100px;
    left: 60px;
  }

  .hoshi3 {
    display: block;
    position: absolute;
    width: 30px;
    top: 60px;
    left: 20px;
  }

  .hoshi4 {
    width: 35px;
    top: 0;
    right: 50px;
  }

  .hoshi5 {
    width: 25px;
    top: 50px;
    right: 20px;
  }

  .enpitu {
    width: 55px;
    top: 60px;
    right: 80px;
  }

  .hosi-top1 {
    width: 35px;
    top: 860px;
    right: 30px;
    display: block;
  }

  .hosi-top2 {
    width: 20px;
    top: 910px;
    right: 0px;
    display: block;
  }

  .hosi-top3 {
    width: 35px;
    bottom: 150px;
    left: 0;
  }

  .hosi-top4 {
    width: 45px;
    bottom: 70px;
    left: 40px;
  }

  table.ten {
    font-size: 18px;
  }

  table.ten th {
    width: 2%;
  }

  table.ten101 {
    font-size: 18px;
    width: 60%;
    margin: auto;
  }

  table.ten101 th {
    width: 2%;
  }

  table.ten-free th {
    width: 2%;
  }

  table.ten-free td {
    padding-left: 1%;
  }

  table.ten-free99 th {
    width: 2%;
  }

  table.ten-free99 td {
    padding-left: 1%;
  }

  .img100 {
    width: 100%;
  }

  table.koda1 th {
    width: 80%;
    display: block;
    margin: auto;
  }

  table.koda1 td {
    width: 80%;
    display: block;
    background-color: #431f0a;
    padding-top: 10px;
    padding-bottom: 15px;
    background-image: url("../img/bg333.png");
    background-position: 120px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
    margin: auto;
  }

  table.koda2 {
    width: 100%;
  }

  table.koda2 th {
    width: 80%;
    display: block;
    margin: auto;
  }

  table.koda2 td {
    width: 80%;
    display: block;
    margin: auto;
  }

  table.koda2 td {
    width: 80%;
    display: block;
    background-color: #d2a000;
    padding-top: 10px;
    padding-bottom: 15px;
    background-image: url("../img/bg333.png");
    background-position: 120px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
  }

  table.nagare1 th {
    width: 70%;
    display: block;
    margin: auto;
  }

  table.nagare1 td {
    width: 70%;
    display: block;
    background-color: #431f0a;
    padding-top: 10px;
    padding-bottom: 15px;
    background-image: url("../img/bg333.png");
    background-position: 120px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
    margin: auto;
  }

  table.nagare2-sp th {
    width: 70%;
    display: block;
    margin: auto;
  }

  table.nagare2-sp td {
    width: 70%;
    display: block;
    background-color: #d2a000;
    padding-top: 10px;
    padding-bottom: 15px;
    background-image: url("../img/bg333.png");
    background-position: 120px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
    margin: auto;
  }

  table.ten3 {
    width: 100%;
    line-height: 2;
  }

  table.ten3 th {
    width: 8%;
    vertical-align: middle;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
    background-color: transparent;
  }

  table.ten3 td {
    width: 87%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  table.ten333 {
    width: 100%;
    line-height: 2;
  }

  table.ten333 th {
    width: 8%;
    vertical-align: middle;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
    background-color: transparent;
  }

  table.ten333 td {
    width: 87%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  table.ten2p {
    width: 100%;
    line-height: 2;
  }

  table.ten2p th {
    width: 8%;
    vertical-align: middle;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
    background-color: transparent;
  }

  table.ten2p td {
    width: 87%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  table.ten4 {
    width: 100%;
    line-height: 2;
  }

  table.ten4 th {
    width: 7%;
    padding-left: 3%;
  }

  table.ten4 td {
    width: 87%;
    border: none;
    padding: 0;
    padding-left: 3%;
    background-image: none;
    background-color: transparent;
  }

  .maru-logo {
    width: 250px;
    margin-left: -125px;
    top: -110px;
  }

  .maru-logo2 {
    width: 250px;
    margin: auto;
  }

  .top-title {
    margin-left: -125px;
    bottom: -155px;
  }

  .top-title13 {
    bottom: -155px;
  }

  /*ul.bunkatu3 li{
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 40px;
	list-style: none;
	width: 30%;
	float: left;
	margin-left: 5%;
}*/

  ul.bunkatu3 li {
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    list-style: none;
    width: 30%;
    float: left;
    margin-left: 5%;
  }

  ul.bunkatu3 li:first-child {
    margin-left: 0;
  }

  ul.bunkatu3 li:nth-child(3) {
    margin-left: 5%;
    clear: none;
  }

  ul.bunkatu3 li:nth-child(4) {
    margin-left: 0;
    clear: both;
  }

  ul.bunkatu3 li:nth-child(5) {
    margin-left: 5%;
    clear: none;
  }

  ul.bunkatu3 li:nth-child(7) {
    margin-left: 0;
    clear: both;
  }

  ul.bunkatu3 li:nth-child(9) {
    margin-left: 5%;
    clear: none;
  }

  /*.list-waku {
	padding-top: 25px;
}*/

  .list-waku {
    padding-top: 20px;
  }

  /*.list-white {
	background-color: rgba(255,255,255,0.7);
	width: 90%;
	margin: auto;
	height: 250px;
	display: table;
}*/

  .list-white {
    background-color: rgba(255, 255, 255, 0.7);
    width: 85%;
    margin: auto;
    height: 180px;
    display: table;
  }

  .waku-hover {
    height: 300px;
  }

  .bunkatu3-1 li {
    width: 32%;
    margin-bottom: 0px;
    text-align: center;
    float: left;
    margin-left: 2%;
  }

  .bunkatu3-1 li:first-child {
    margin-left: 0;
  }

  .logo-s1 {
    width: 80px;
  }

  .haji {
    width: 300px;
    margin: auto;
  }

  /*.contents-button {
	height: 120px;
}*/

  .contents-button {
    height: 200px;
  }

  .w59 {
    width: 60%;
  }

  .w59tab {
    width: 100%;
  }


  .banner-left {
    align-items: center;
  }

  .icon {
    width: 100px;
    padding-top: 10px;
  }

  .banner-rifht {
    align-items: center;
    margin-top: -15px;
  }

  .banner-photo {
    /*position: absolute;*/
    right: -10px;
    bottom: 0;
    width: 250px;
    margin: auto;
  }

  .btn99 {
    /*position: absolute;*/
    right: 5px;
    bottom: 30px;
    z-index: 88;
  }

  .w88 {
    width: 70%;
  }

  .tabcenter {
    width: 90%;
    margin: auto;
  }


  /*.inner-banner {
    height: 350px;
  }*/

  .inner-banner {
    width: 90%;
    margin: auto;
    padding-top: 40px;
  }


  .yellow-box-top {
    width: 98.6%;
  }

  /*  2p 
------------------------------*/

  .h-nagare {
    height: 50px;
  }

  .inner2p2 {
    width: 85%;
    padding-top: 30px;
    padding-bottom: 5px;
  }

  .inner2p29 {
    width: 85%;
    padding-top: 30px;
    padding-bottom: 5px;
  }

  .tya-box:before {
    width: 60px;
    left: 10px;
    bottom: -16px;
  }

  .tya-box2:after {
    width: 60px;
    right: 30px;
    bottom: -7px;
  }

  .tya-box2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .yellow-box2:after {
    width: 60px;
    right: 30px;
    bottom: -7px;
  }

  .yellow-box2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .yellow-box5p:before {
    width: 60px;
    left: 10px;
    bottom: -16px;
  }

  dl.yoko2p dt {
    width: 40%;
    float: right;
    padding-top: 0;
  }

  dl.yoko2p dd {
    width: 50%;
    float: left;
    padding-top: 0;
  }

  dl.yoko2p13 dt {
    width: 40%;
    float: left;
    padding-top: 0;
  }

  dl.yoko2p13 dd {
    width: 55%;
    float: right;
    padding-top: 0;
  }

  ul.bunkatu2-2p li {
    width: 46.5%;
    float: left;
    margin-left: 7%;
    margin-bottom: 0px;
  }

  ul.bunkatu2-2p li:first-child {
    margin-left: 0;
  }

  ul.bunkatu2-2p li:last-child {
    margin-bottom: 0;
  }

  table.sinryou {
    margin-top: 60px;
  }

  table.sinryou th {
    width: 51%;
    display: table-cell;
  }

  table.sinryou td {
    width: 41%;
    display: table-cell;
    margin-top: 0px;
    vertical-align: middle;
    padding-left: 4%;
  }

  .small {
    font-size: 16px;
  }

  .ilst2p2 {
    width: 100px;
    top: -70px;
  }

  .hosi2p1 {
    width: 30px;
    top: 510px;
    right: 40px;
  }

  .hosi2p2 {
    width: 15px;
    top: 450px;
    right: 0px;
  }

  .hosi2p3 {
    width: 20px;
    bottom: 400px;
    left: 10px;
  }

  .hosi2p4 {
    width: 28px;
    bottom: 440px;
    left: 30px;
  }

  .inner2p {
    width: 85%;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .h2p {
    height: 250px;
  }

  .h2p1 {
    height: 30px;
  }

  .h2p99 {
    height: 90px;
  }

  .idou2p99 {
    position: relative;
    top: -300px;
  }

  /*  3p 
------------------------------*/

  .logo-top3p {
    position: absolute;
    top: -105px;
    right: 30px;
    width: 60px;
  }

  .onp1-top3p {
    position: absolute;
    top: -190px;
    right: 45px;
    width: 25px;
  }

  .onp2-top3p {
    position: absolute;
    top: -155px;
    right: 0;
    width: 25px;
  }

  .hosi3p1 {
    width: 30px;
    top: 0px;
    right: 40px;
  }

  .hosi3p2 {
    width: 20px;
    top: 40px;
    right: 0px;
  }

  .hosi3p3 {
    width: 22px;
    bottom: 80px;
    left: 45px;
  }

  .hosi3p4 {
    width: 22px;
    bottom: 30px;
    left: 40px;
  }

  .hosi3p5 {
    width: 17px;
    bottom: 50px;
    left: 0px;
  }

  .h3p1 {
    height: 1300px;
  }

  .box3p {
    position: absolute;
    top: 570px;
    right: 0;
    width: 80%;
  }

  .photo3p1 {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
  }

  .photo3p2 {
    position: absolute;
    right: 0;
    width: 80%;
  }

  .box3p2 {
    width: 80%;
    top: 330px;
    left: 0;
    position: relative;
    z-index: 99;
  }

  .h3p2 {
    height: 1000px;
  }

  .bt-haiti {
    bottom: -25px;
    right: 40px;
    z-index: 99;
  }

  .img3p1 {
    position: absolute;
    width: 230px;
    bottom: 30px;
    right: 90px;
  }

  .img3p2 {
    position: absolute;
    width: 220px;
    bottom: 15px;
    left: 40px;
  }

  .h3p3 {
    height: 100px;
  }

  .hosi-3p {
    width: 50px;
    position: absolute;
    bottom: 190px;
    right: 0;
  }

  .dot3p {
    width: 280px;
    top: -290px;
  }

  /*  4p 
------------------------------*/

  .v-mt {
    margin-top: -5px;
  }

  span.big-4p {
    font-size: 32px;
  }

  .footer-right-dot {
    width: 260px;
    right: 0;
    top: -130px;
  }

  table.ten99 th {
    width: 2%;
  }

  .ilst4p2 {
    width: 40%;
  }

  .crejit {
    width: 60%;
    margin: auto;
  }

  .dot4p {
    width: 450px;
    top: -120px;
    right: -180px;
  }

  .dis-table {
    padding-top: 10px;
  }

  .dot5p {
    position: absolute;
    width: 270px;
    top: 500px;
    left: 0;
    z-index: 1;
  }

  .idou5p {
    margin-top: -400px;
  }

  .h5p1 {
    height: 250px;
  }

  .tab-w70 {
    width: 80%;
    margin: auto;
  }

  /*  price
---------------------------*/

  .size-mm {
    font-size: 20px;
    margin: 0;
  }

  .in-p {
    font-size: 22px;
  }

  .th-pink {
    font-size: 18px;
    padding: 10px 15px;
  }

  .td-pink {
    font-size: 16px;
    padding: 10px 25px;
  }

  .th-tax {
    font-size: 18px;
  }

  .th-tax-s {
    font-size: 12px;
  }

  .td-tax {
    font-size: 18px;
  }

  .td-tax-s {
    font-size: 15px;
  }

  .deduction-div {
    display: block;
    width: 20%;
    float: left;
  }

  .deduction-div02 {
    display: block;
    width: 33.5%;
    float: left;
  }

  .calc-title {
    font-size: 18px;
  }

  .calc-title-l {
    font-size: 20px;
  }

  .calc-title-ll {
    font-size: 28px;
  }

  .calc-title-s {
    font-size: 12px;
    line-height: 1.4;
  }

  .deduction-dt02 {
    height: 96px;
    padding: 1.8em 1em;
  }

  .deduction-dt03 {
    height: 96px;
    padding: 0.5em;
  }

  .calc-symbol-space {
    margin-top: 5%;
  }

  .deduction-dt {
    height: 96px;
    padding: 1.5em 0.5em;
  }

  .calc-text {
    font-size: 14px;
    padding: 15px 0;
  }

  .calc-symbol {
    width: 3%;
    padding: 6% 1%;
    float: left;
  }

  .calc-symbol img {
    width: 85%;
    transform: rotate(0deg);
  }

  .formula01 {
    padding-top: 5%;
    padding-left: 8%;
  }

  .formula02 {
    padding-top: 5%;
    padding-left: 8%;
  }

  .sp-mode {
    display: none;
  }

  .pc-mode {
    display: block;
  }

  .case-left {
    width: 18%;
    float: left;
    margin-top: 30px;
    margin-left: -20px;
  }

  .case-right {
    width: 75%;
    float: right;
    margin-top: 0px;
  }

  p.white-box-price {
    background-color: #fff;
    font-size: 23px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
  }

  span.big2 {
    font-size: 30px;
  }

  span.big3 {
    font-size: 28px;
  }

  .circle-pink {
    border-radius: 50%;
    width: 11em;
    height: 11em;
    margin-left: 27px;
    padding: 10px;
  }

  .circle01 {
    font-size: 35px;
    width: 4.3em;
    margin: 0 auto;
  }

  .circle02 {
    font-size: 20px;
  }

  .circle03 {
    font-size: 18px;
  }

  .circle04 {
    font-size: 23px;
  }

  .circle05 {
    font-size: 18px;
  }

  .circle-img img {
    width: 105px;
    position: absolute;
    top: 20px;
    left: -35px;
  }

  .b4p {
    font-size: 14px;
  }

  ul.bunkatu5 li {
    width: 20%;
    margin-left: 4%;
    float: left;
    margin-bottom: 11px;
  }

  /* 1列目　*/

  ul.bunkatu5 li:first-child {
    margin-left: 0;
    width: 28%;
  }

  ul.bunkatu5 li:nth-child(5) {
    clear: both;
    margin-left: 0;
    width: 28%;
  }

  ul.bunkatu5 li:nth-child(9) {
    clear: both;
    margin-left: 0;
    width: 28%;
  }

  ul.bunkatu5 li:nth-child(13),
  ul.bunkatu5 li:nth-child(17) {
    clear: both;
    margin-left: 0;
    width: 28%;
  }

  ul.bunkatu5 li:nth-child(11) {
    clear: none;
    width: 20%;
    margin-left: 6%;
  }

  /* 2列目　*/

  ul.bunkatu5 li:nth-child(2) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(6) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(7) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(12) {
    width: 13%;
    clear: none;
    margin-left: 7%;
    text-align: left;
  }

  /* 3列目以降　*/

  ul.bunkatu5 li:nth-child(3) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(4) {
    width: 13%;
    clear: none;
    margin-left: 7%;
    text-align: left;
  }

  ul.bunkatu5 li:nth-child(8) {
    width: 13%;
    clear: none;
    margin-left: 7%;
    text-align: left;
  }

  ul.bunkatu5 li:nth-child(10) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(14),
  ul.bunkatu5 li:nth-child(18) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(15),
  ul.bunkatu5 li:nth-child(19) {
    width: 20%;
    clear: none;
    margin-left: 6%;
  }

  ul.bunkatu5 li:nth-child(16) {
    width: 13%;
    clear: none;
    margin-left: 7%;
    text-align: left;
  }

  table.kamoku2 {
    font-size: 15px;
  }

  table.kamoku2 th {
    width: 14%;
  }

  .s-size {
    font-size: 15px;
  }

  .f-logo {
    width: 90%;
  }

  .f-banner1,
  .f-banner2 {
    width: 80%;
    margin: auto;
  }

  .f-l {
    width: 40%;
    float: left;
  }

  .f-r {
    width: 55%;
    float: right;
    position: relative;
    padding-top: 0;
  }

  .flex-box01 {
    display: flex;
  }

  .medical-contents {
    padding-top: 64px;
    padding-bottom: 144px;
  }

  .contents-menu {
    padding-top: 64px;
  }

  .contents-button {
    padding: 24px 0 32px 0;
  }

  .contents-text {
    font-size: 18px;
  }

  .contents-img {
    width: 96px;
  }

  .lower-button01 .contents-button {
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.5);
  }

  ul.bxslider02 li {
    width: 13%;
    margin-left: 1.5%;
    float: left;
    margin-bottom: 10px;
  }

  ul.bxslider02 li:first-child {
    margin-left: 0%;
  }

  ul.bxslider02 li:nth-child(4) {
    margin-left: 1.5%;
    clear: none;
  }

  ul.bxslider02 li:nth-child(7) {
    margin-left: 1.5%;
    clear: none;
  }

  ul.bxslider02 li:nth-child(10) {
    margin-left: 0%;
    clear: both;
  }

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



  .flex-area8p {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .inner5p {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }

  .small5p {
    font-size: 23px;
  }

  .kome {
    width: 400px;
    margin: auto;
  }

  .h49 {
    height: 45px;
  }

  .h73 {
    height: 65px;
  }

  .h43 {
    height: 40px;
  }

  .h93 {
    height: 55px;
  }

  .l1 {
    line-height: 1.6;
  }

  .l11 {
    line-height: 1.4;
  }

  .kyujin td {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
  }

  .kyujin2 td {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
  }

  .h-banner-space {
    height: 70px;
  }

  /*	.tab-w80 {
		width: 80%;
		margin: auto;
	}*/

  .tab-w80 {
    width: 70%;
    margin: auto;
  }

  .tab-w90 {
    width: 90%;
    margin: auto;
  }

  .quacarrer {
    display: flex;
    justify-content: center;
    width: 85%;
    margin: 32px auto 0;
  }

  .quacarrer a {
    width: 320px;
  }

  .quacarrer a:first-child {
    margin-right: 80px;
  }

  .quacarrer img {
    width: 100%;
  }
}

br.sp-br {
  display: none;
}

.ddd a {
  font-size: 16px;
}

.ddd a::after {
  top: 3px;
  font-size: 16px;
}


@media only screen and (min-width: 1023px) {
  .t1023 {
    display: block;
  }

  .tab-made {
    display: none;
  }

  .contents-img {
    width: 88px;
  }

  .w59 {
    width: 60%;
  }

  .banner-left {
    width: 10%;
    align-items: center;
  }

  .icon {
    width: 120px;
    padding-top: 0px;
  }

  .banner-rifht {
    width: 70%;
    align-items: center;
    margin-top: -15px;
  }

  .banner-photo {
    position: absolute;
    right: 0px;
    width: 300px;
  }

  .btn99 {
    position: absolute;
    right: 5px;
    bottom: 30px;
    z-index: 88;
  }

  .w88 {
    width: 77%;
  }

  .w88pc {
    width: 62%;
    margin: 0%;
  }



  .inner-banner {
    height: auto;
    padding-bottom: 40px;
  }

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

  .news-area {
    width: 31%;
  }

  .news-area:nth-child(2) {
    display: block;
  }

  .news-area:nth-child(3) {
    display: block;
  }


  .pcright {
    text-align: right;
  }

  .tab-dayo {
    display: block;
  }

  .tab-made {
    display: none;
  }

  br.tab-dake {
    display: none;
  }

  .tab-dake2 {
    display: none;
  }

  .gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .gridContainer1100 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .gridContainer1300 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2.275%;
    padding-right: 2.275%;
    clear: none;
    float: none;
  }

  .pagetop {
    width: 100px;
    bottom: 30px;
    right: 30px;
  }

  /*  main
---------------------------------------*/

  .main {
    background-image: url("../img/main1.png");
    background-size: cover;
    height: 650px;
  }

  .main2p,
  .main3p,
  .main4p,
  .main5p,
  .main6p,
  .main7p,
  .main8p,
  .main9p,
  .main10p,
  .main11p,
  .main12p,
  .main13p,
  .main14p,
  .main15p,
  .main16p,
  .main17p,
  .main18p {
    height: 400px;
  }

  .sp-footer {
    display: none;
  }

  .sp-footer2 {
    display: none;
  }

  .sp-header {
    display: none;
  }

  .tab-on99 {
    display: block;
  }

  .pb {
    padding-bottom: 0;
  }

  #map {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  #p1,
  #p2,
  #p3,
  #p4,
  #p5 {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  #inp {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  #kyosei {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  #ireba {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  #white {
    margin-top: 0;
    /* 固定ナビの高さ分のネガティブマージン */
    padding-top: 0;
    /* 打ち消し用のパディング */
  }

  .w-nav2 {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
  }

  .w60 {
    width: 50%;
    margin: auto;
    padding-top: 10px;
  }

  .bg-tya {
    background-image: url("../img/header-bg.png");
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .bg-tya_w {
    background-image: url("../img/header-bg_w.png");
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h-l16 {
    width: 45%;
    float: left;
  }

  .h-r16 {
    width: 45%;
    float: right;
    padding-top: 15px;
  }

  .h-l1 {
    width: 25%;
    float: left;
  }

  .h-l2 {
    width: 32%;
    float: left;
    position: absolute;
    bottom: 2px;
    left: 36%;
  }

  .h-l3 {
    width: 35%;
    position: absolute;
    bottom: 0;
    left: 68%;
  }

  ul.bunkatu2-top li {
    width: 80%;
    float: left;
  }

  ul.bunkatu2-top li:nth-child(3) {
    width: 13%;
    padding-left: 4%;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .w1600 {
    width: 95%;
    margin: auto;
  }

  table.nav99 {
    width: 100%;
  }

  table.nav99 td {
    vertical-align: middle;
  }

  table.nav99 td:first-child {
    width: 10%;
  }

  table.nav99 td:nth-child(2) {
    width: 67%;
  }

  table.nav99 td:nth-child(3) {
    width: 20%;
  }

  .hh1 {
    width: 22%;
  }

  .hh2 {
    width: 55%;
  }

  .hh3 {
    width: 15%;
    padding-top: 12px;
  }

  #menu {
    display: block;
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .menu {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
  }

  .menu>li {
    float: left;
    width: 11.11%;
    /* グローバルナビ4つの場合 */
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 1.152%;
  }

  .menu>li:first-child {
    text-align: left;
    width: 5%;
    margin-left: 0;
  }

  .menu>li:last-child {
    text-align: right;
    width: 8%;
  }

  .menu>li a {
    display: block;
    color: #431f0a;
    font-size: 15px;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 600;
    font-style: normal;
  }

  .menu>li a:hover {
    color: #d2a000;
    border-bottom: 2px #d2a000 solid;
    display: inline-block;
    padding-bottom: -2px;
  }

  ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
  }

  ul.menu__second-level2 {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
  }

  ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
  }

  ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
  }

  .menu>li:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .menu__second-level li {
    border-style: none;
  }

  .menu__third-level li {
    border-top: 1px solid #111;
  }

  .menu__second-level li a:hover {
    background: #baf0f3;
  }

  .menu__third-level li a:hover {
    background: #2a1f1f;
  }

  .menu__fourth-level li a:hover {
    background: #1d0f0f;
  }

  /* 下矢印 */
  .init-bottom:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* floatクリア */
  .menu:before,
  .menu:after {
    content: " ";
    display: table;
  }

  .menu:after {
    clear: both;
  }

  /* 
  .menu {
    *zoom: 1;
  } */

  .menu>li.menu__single {
    position: relative;
  }

  /*  single
---------------------*/

  li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    margin: auto;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-collapse: collapse;
  }

  li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
  }

  /*  mega
---------------------*/

  li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 70px;
    left: 34%;
    box-sizing: border-box;
    width: 27%;
    margin: auto;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: rgba(255, 255, 255, 0.8);
    border-collapse: collapse;
    display: table;
    z-index: 99;
  }

  li.menu__mega:hover ul.menu__second-level {
    top: 80px;
    visibility: visible;
    opacity: 1;
  }

  li.menu__mega ul.menu__second-level>li {
    width: 100%;
    border-width: thin;
    border-collapse: collapse;
    display: table-row;
  }

  li.menu__mega ul.menu__second-level>li a {
    color: #431f0a;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 600;
    font-style: normal;
  }

  li.menu__mega ul.menu__second-level a:hover {
    background-color: rgba(210, 160, 0, 0.8);
    color: #fff;
    display: block;
  }

  /*  mega2
---------------------*/

  li.menu__mega2 ul.menu__second-level2 {
    position: absolute;
    top: 70px;
    left: 10%;
    width: 28%;
    margin: auto;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.8);
    display: table;
    z-index: 99;
  }

  li.menu__mega2:hover ul.menu__second-level2 {
    top: 80px;
    visibility: visible;
    opacity: 1;
    border-collapse: collapse;
  }

  li.menu__mega2 ul.menu__second-level2>li {
    width: 100%;
    border-width: thin;
    border-collapse: collapse;
    display: table-row;
  }

  li.menu__mega2 ul.menu__second-level2>li a {
    color: #431f0a;
    font-family: dnp-shuei-mgothic-std, sans-serif;
    font-weight: 600;
    font-style: normal;
  }

  li.menu__mega2 ul.menu__second-level2 a:hover {
    background-color: rgba(210, 160, 0, 0.8);
    color: #fff;
    display: block;
  }

  #menu li a:hover img {
    visibility: hidden;
  }

  .photo1p {
    position: absolute;
    /*top: 220px;*/
    /*top: 460px;*/
    /*top: 800px;*/
    top: 100px;
    left: -50px;
    width: 300px;
    z-index: 99;
  }

  .photo1p2 {
    position: absolute;
    bottom: 40px;
    right: -80px;
    width: 200px;
  }

  .img3p1 {
    position: absolute;
    width: 250px;
    bottom: 550px;
    right: 0px;
  }

  .img3p2 {
    position: absolute;
    width: 210px;
    bottom: 240px;
    right: 80px;
    left: auto;
  }

  .h3p3 {
    height: 0px;
  }

  .hosi-3p {
    width: 50px;
    position: absolute;
    bottom: 400px;
    right: 0;
  }

  .sp-mode2 {
    display: none;
  }

  .pc-mode2 {
    display: block;
  }

  .f1 {
    width: 31%;
  }

  .kome {
    position: absolute;
    width: 400px;
    top: 150px;
    right: 20px;
  }

  /*  footer 
--------------------*/

  /*  top-初診
--------------------*/

  .hosi2p1 {
    width: 30px;
    top: -90px;
    right: -70px;
  }

  .hosi2p2 {
    width: 15px;
    top: -25px;
    right: -50px;
  }

  .hosi2p3 {
    width: 20px;
    bottom: 30px;
    left: -70px;
  }

  .hosi2p4 {
    width: 28px;
    bottom: -25px;
    left: -40px;
  }

  .pc-nav {
    display: block;
  }

  .sp-dake99 {
    display: none;
  }

  .fotter-bottom1 {
    display: block;
  }

  .tab-w70 {
    width: 100%;
  }

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

  .ddd {
    padding-right: 25px;
  }

  .ddd a {
    font-size: 18px;
  }

  .ddd a::after {
    font-size: 18px;
  }

  .white-box99 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .inner1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .logos99 {
    width: 60px;
    right: 20px;
  }

  .tyairo {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .ar {
    background-color: #fff;
    position: relative;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  .ar a {
    padding: 5px;
    font-size: 15px;
    line-height: 1.5;
  }

  .ar::after {
    top: 7px;
    right: 10px;
  }

  .header_div {
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header_div_sub {
    padding: 15px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header_logo {
    width: 260px;
  }

  .header_logo img {
    width: 260px;
  }

  .telsvg {
    width: 240px;
    display: inline-block;
    margin-right: 20px;
  }

  .telsvg img {
    width: 100%;
  }

  .header_div-wrap {
    display: inline-block;
  }

  ul.header_ul {
    display: flex;
    flex-wrap: wrap;
    width: 420px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  ul.header_ul li .pc-banner {
    width: 180px;
  }

  .pc_ins {
    width: 40px;
  }

  .pc_ins img {
    width: 40px;
  }

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

  .pcimg {
    display: block;
  }

  .spimg {
    display: none;
  }


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1199px) {
  .line {
    line-height: 1.6;
  }

  .tyairo {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
  }

  .ar {
    background-color: #fff;
    position: relative;
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  .ar a {
    padding: 5px;
    font-size: 15px;
    line-height: 1.5;
  }

  .ar::after {
    top: 7px;
    right: 10px;
  }

  .logos99 {
    width: 70px;
    right: 20px;
  }

  .h-nagare {
    height: 0px;
  }

  .h-site {
    height: 86px;
  }

  .size-a {
    font-size: 20px;
  }

  .gridContainer {
    width: 1100px;
    max-width: 1920px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .gridContainer1100 {
    width: 1100px;
    max-width: 1920px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .gridContainer1300 {
    width: 1300px;
    max-width: 1920px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    clear: none;
    float: none;
    margin-left: auto;
  }

  .section1,
  .section2 {
    padding: 40px 20px;
  }

  /*  font 
---------------------------------------*/

  p {
    font-size: 20px;
  }

  ul {
    font-size: 16px;
  }

  .size-m {
    font-size: 35px;
  }

  .size-m2 {
    font-size: 30px;
  }

  .size-m10p {
    font-size: 30px;
  }

  .size-m3 {
    font-size: 30px;
  }

  .size-m99 {
    font-size: 28px;
  }

  .size-m8p {
    font-size: 22px;
  }

  .size-m11p99 {
    font-size: 20px;
  }

  .size-m15p {
    font-size: 25px;
  }

  .size-l {
    font-size: 45px;
  }

  .size-l2 {
    font-size: 42px;
  }

  .size-ll {
    font-size: 50px;
  }

  .small-top {
    font-size: 30px;
  }

  .size-t {
    font-size: 30px;
  }

  .pc-dakem50 {
    margin-top: 50px;
  }

  /*  hedaer
---------------------------------------*/

  .hh1 {
    width: 22%;
  }

  .hh2 {
    width: 55%;
  }

  .hh3 {
    width: 15%;
    padding-top: 12px;
  }

  .bg-tya {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .h-l1 {
    width: 25%;
    float: left;
  }

  .h-l2 {
    width: 29%;
    float: left;
    position: absolute;
    bottom: 2px;
    left: 35%;
  }

  .contents-button {
    height: 140px;
  }

  /*  bg
---------------------------------------*/

  /* 　メイン画像の設定（大）
----------------------------------*/

  #bg1 {
    height: 650px;
  }

  /* 　メイン画像の設定（小)
----------------------------------*/

  #bg2 {
    height: 360px;
  }

  .tab-on2 {
    display: none;
  }

  .pc-dake {
    display: block;
  }

  /*  nav 
---------------------------------------*/

  .menu>li a {
    font-size: 20px;
  }

  .menu2>li a {
    font-size: 18px;
  }

  .w60 {
    width: 40%;
  }

  .h-l16 {
    width: 45%;
    float: left;
  }

  .h-r16 {
    width: 45%;
    float: right;
    padding-top: 15px;
  }

  /*  mega
---------------------*/

  li.menu__mega ul.menu__second-level {
    left: 37%;
    width: 25%;
  }

  /*  mega2
---------------------*/

  li.menu__mega2 ul.menu__second-level2 {
    position: absolute;
    top: 70px;
    left: 12%;
    width: 25%;
  }

  /*  main
---------------------------------------*/

  .main {
    height: 850px;
  }

  .main2p,
  .main3p,
  .main4p,
  .main5p,
  .main6p,
  .main7p,
  .main8p,
  .main9p,
  .main10p,
  .main11p,
  .main12p,
  .main13p,
  .main14p,
  .main15p,
  .main16p,
  .main17p,
  .main18p {
    height: 480px;
  }

  /*  content
---------------------------------------*/

  .pan {
    width: 1300px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  .inner-top {
    width: 85%;
    margin: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .w80 {
    width: 800px;
    margin: 0 auto;
  }

  .btn2,
  .btn3 {
    position: absolute;
    bottom: 40px;
    left: 120px;
  }

  .btn2 a {
    font-size: 18px;
  }

  .btn3 a {
    font-size: 18px;
  }

  .btn99 a {
    font-size: 18px;
  }

  .btn5 a {
    font-size: 25px;
  }

  .moji {
    font-size: 18px;
  }

  .moji:after {
    top: 15%;
    font-size: 21px;
  }

  .btn3 a::after,
  .btn99 a::after,
  .btn2 a::after {
    top: 15%;
    font-size: 23px;
  }

  .btn5 a::after {
    top: 16%;
    font-size: 28px;
  }

  .btn4 a {
    font-size: 25px;
  }

  .btn4 a::after {
    font-size: 27px;
  }

  .h-footer {
    height: 500px;
  }

  .w1100 {
    width: 1100px;
    margin: auto;
  }

  table.ten-free td {
    padding-left: 0%;
  }

  /*  1p 
------------------------------*/

  .section3 {
    padding: 35px 35px;
  }

  .h-top {
    height: 0px;
  }

  .ins {
    width: 600px;
    margin-top: 70px;
  }

  .h-top {
    margin-top: -120px;
  }

  .h-top2 {
    height: 90px;
  }

  .logo-top {
    top: -65px;
    width: 70px;
    right: 50px;
  }

  .onp1-top {
    top: -160px;
    right: 50px;
    width: 30px;
  }

  .onp2-top {
    top: -115px;
    right: 10px;
    width: 27px;
  }

  .dot1 {
    width: 490px;
    top: -120px;
    right: -130px;
  }

  .dot4 {
    width: 490px;
    bottom: 20px;
    left: -60px;
  }

  .dot1p {
    width: 325px;
    top: -250px;
  }

  .dot1p2 {
    width: 325px;
  }

  .photo1p {
    /*top: 320px;*/
    /*top: 560px;*/
    /*top: 950px;*/
    top: 14px;
    /*left: -180px;*/
    left: -114px;
    width: 393px;
    z-index: 99;
  }

  .photo1p2 {
    bottom: 70px;
    right: -100px;
    width: 300px;
  }

  .title1p {
    width: 60%;
  }

  .hoshi1 {
    width: 45px;
    top: 40px;
    left: 135px;
  }

  .hoshi2 {
    width: 30px;
    top: 120px;
    left: 110px;
  }

  .hoshi3 {
    width: 40px;
    top: 70px;
    left: 50px;
  }

  .hoshi4 {
    width: 45px;
    top: 0;
    right: 70px;
  }

  .hoshi5 {
    width: 35px;
    top: 80px;
    right: 70px;
  }

  .enpitu {
    width: 75px;
    top: 60px;
    right: 160px;
  }

  .hosi-top1 {
    width: 35px;
    top: 680px;
    right: -10px;
  }

  .hosi-top2 {
    width: 20px;
    top: 720px;
    right: -45px;
  }

  .hosi-top3 {
    width: 35px;
    bottom: 180px;
    left: -50px;
  }

  .hosi-top4 {
    width: 55px;
    bottom: 90px;
    left: 10px;
  }

  table.koda1 {
    width: 100%;
    margin: 0;
  }

  table.koda1 th {
    width: 49.7%;
    display: table-cell;
    margin: 0;
  }

  table.koda1 td {
    width: 49.7%;
    display: table-cell;
    margin: 0;
    padding-top: 5px;
  }

  table.koda3 {
    width: 100%;
  }

  table.koda3 td {
    width: 49.7%;
    display: table-cell;
    margin: 0;
    height: 100%;
  }

  table.koda3 td:first-child {
    background-color: #d2a000;
    padding-top: 5px;
  }

  table.koda1 td {
    background-image: url("../img/bg333.png");
    background-position: 160px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
  }

  table.koda3 td {
    background-image: url("../img/bg333.png");
    background-position: 160px -100px;
    background-repeat: no-repeat;
    background-size: 300px;
  }

  table.koda1 td {
    padding-top: 25px;
  }

  table.koda3 td:first-child {
    padding-top: 25px;
  }

  table.koda1 td {
    background-image: url("../img/bg333.png");
    background-position: 220px -200px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  table.koda3 td {
    background-image: url("../img/bg333.png");
    background-position: 220px -200px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  table.nagare1 {
    width: 1100px;
    margin: auto;
  }

  table.nagare2 {
    width: 1100px;
    margin: auto;
    display: block;
  }

  table.nagare2-sp {
    display: none;
  }

  table.nagare1 th {
    width: 49.7%;
    display: table-cell;
    margin: 0;
  }

  table.nagare1 td {
    width: 49.7%;
    display: table-cell;
    margin: 0;
    padding-top: 5px;
    background-image: url("../img/bg333.png");
    background-position: 220px -200px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  table.nagare2 th {
    width: 49.7%;
    display: table-cell;
    margin: 0;
  }

  table.nagare2 td {
    width: 49.7%;
    display: table-cell;
    margin: 0;
    background-color: #d2a000;
    padding-top: 10px;
    padding-bottom: 15px;
    background-image: url("../img/bg333.png");
    background-position: 220px -200px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  .inner2p2 {
    padding-top: 30px;
  }

  .inner2p29 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  table.ten3 {
    width: 100%;
    line-height: 1.6;
  }

  table.ten3 th {
    width: 7%;
    vertical-align: top;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
  }

  table.ten3 td {
    width: 90%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  table.ten333 {
    width: 100%;
    line-height: 1.6;
  }

  table.ten333 th {
    width: 8%;
    vertical-align: middle;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
  }

  table.ten333 td {
    width: 90%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  table.ten2p {
    width: 100%;
    line-height: 1.6;
  }

  table.ten2p th {
    width: 7%;
    vertical-align: top;
    border: none;
    padding: 0;
    display: table-cell;
    margin: 0;
  }

  table.ten2p td {
    width: 90%;
    border: none;
    padding: 0;
    padding-left: 5%;
    background-image: none;
    background-color: transparent;
  }

  .pt-top {
    padding-top: 10px;
  }

  br.pc-o {
    display: block;
  }

  ul.bunkatu3 li {
    width: 31%;
    margin-left: 3.5%;
  }

  ul.bunkatu3 li:nth-child(3) {
    margin-left: 3.5%;
  }

  ul.bunkatu3 li:nth-child(5) {
    margin-left: 3.5%;
  }

  ul.bunkatu3 li:nth-child(9) {
    margin-left: 3.5%;
  }

  ul.bunkatu3 li {
    height: 350px;
  }

  .waku-hover {
    height: 350px;
  }

  .list-waku {
    padding-top: 25px;
  }

  .list-white {
    background-color: rgba(255, 255, 255, 0.7);
    width: 90%;
    margin: auto;
    height: 300px;
    display: table;
  }

  .w59 {
    width: 60%;
  }

  .banner-left {
    width: 10%;
    align-items: center;
  }

  .icon {
    width: 140px;
    padding-top: 10px;
  }

  .banner-rifht {
    width: 70%;
    align-items: center;
    margin-top: -15px;
  }

  .banner-photo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 430px;
  }

  .banner-photo img {
    width: 90%;
    max-width: none;
  }

  .btn99 {
    position: absolute;
    right: 5px;
    bottom: 30px;
    z-index: 88;
  }

  .w88 {
    width: 62%;
  }

  .inner-banner {
    height: auto;
  }

  /*  2p 
------------------------------*/
  .tya-box:before {
    width: 70px;
    left: 15px;
    bottom: -22px;
  }

  .top-title {
    bottom: -175px;
  }

  .top-title13 {
    bottom: -175px;
  }

  .pc-haba {
    margin-top: 80px;
  }

  .pc-haba2 {
    margin-top: 35px;
  }

  table.ten {
    font-size: 20px;
  }

  table.ten101 {
    font-size: 20px;
    width: 50%;
  }

  .small {
    font-size: 18px;
  }

  .h2p {
    height: 350px;
  }

  .ilst2p2 {
    width: 140px;
    top: -30px;
  }

  .hosi2p1 {
    width: 30px;
    top: -90px;
    right: -70px;
  }

  .hosi2p2 {
    width: 15px;
    top: -25px;
    right: -50px;
  }

  .hosi2p3 {
    width: 24px;
    bottom: 30px;
    left: -70px;
  }

  .hosi2p4 {
    width: 30px;
    bottom: -25px;
    left: -40px;
  }

  .idou2p23 {
    top: -150px;
  }

  /*  3p 
------------------------------*/

  .inner3p {
    width: 85%;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hosi3p1 {
    width: 35px;
    top: 100px;
    right: -40px;
  }

  .hosi3p2 {
    width: 25px;
    top: 165px;
    right: -65px;
  }

  .hosi3p3 {
    width: 28px;
    bottom: 180px;
    left: 60px;
  }

  .hosi3p4 {
    width: 28px;
    bottom: 130px;
    left: 55px;
  }

  .hosi3p5 {
    width: 22px;
    bottom: 150px;
    left: 15px;
  }

  .h3p1 {
    height: 1100px;
  }

  .box3p {
    position: absolute;
    top: 250px;
    right: 0;
    width: 60%;
    background-image: url("../img/bg333.png");
    background-position: 220px -200px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  .photo3p1 {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
  }

  .photo3p2 {
    position: absolute;
    right: 0;
    width: 80%;
  }

  .box3p2 {
    width: 65%;
    top: 380px;
    left: 0;
  }

  .h3p2 {
    height: 1100px;
  }

  .bt-haiti {
    bottom: -30px;
  }

  .dot3p {
    width: 310px;
    top: -330px;
  }

  .tya-box2:after {
    width: 80px;
    right: 30px;
    bottom: -7px;
  }

  .yellow-box {
    background-image: url("../img/bg333.png");
    background-position: -60px -60px;
    background-repeat: no-repeat;
    background-size: 450px;
  }

  .yellow-box2:after {
    width: 80px;
    right: 30px;
    bottom: -7px;
  }

  .yellow-box5p:before {
    width: 70px;
    left: 15px;
    bottom: -22px;
  }

  .img3p1 {
    position: absolute;
    width: 380px;
    bottom: 600px;
    right: 0;
  }

  .img3p2 {
    position: absolute;
    width: 240px;
    bottom: 250px;
    right: 170px;
  }

  .hosi-3p {
    width: 50px;
    position: absolute;
    bottom: 400px;
    right: 0;
  }

  /*  4p 
------------------------------*/

  .v-mt {
    margin-top: -7px;
  }

  span.big-4p {
    font-size: 35px;
  }

  .footer-right-dot {
    width: 300px;
    right: 0;
    top: -155px;
  }

  .ilst4p2 {
    position: absolute;
    top: 110px;
    right: 0;
    width: 360px;
  }

  .hosi4p1 {
    width: 35px;
    top: 30px;
    right: 30px;
  }

  .hosi4p2 {
    width: 15px;
    top: 100px;
    right: 10px;
  }

  .hosi4p3 {
    width: 30px;
    bottom: 0px;
    left: 0;
  }

  .dot4p {
    width: 490px;
    top: -120px;
    right: -340px;
  }

  .dot5p {
    position: absolute;
    width: 300px;
    top: 550px;
  }

  .idou5p {
    margin-top: -500px;
  }

  .h5p1 {
    height: 350px;
  }

  /*  price
---------------------------*/

  .size-mm {
    font-size: 23px;
  }

  .in-p {
    font-size: 27px;
  }

  .th-pink {
    font-size: 20px;
    padding: 10px 25px;
  }

  .td-pink {
    font-size: 18px;
    padding: 10px 35px;
  }

  .th-tax {
    font-size: 20px;
  }

  .th-tax-s {
    font-size: 14px;
  }

  .td-tax {
    font-size: 20px;
  }

  .td-tax-s {
    font-size: 17px;
  }

  .calc-title {
    font-size: 22px;
  }

  .calc-title-l {
    font-size: 27px;
  }

  .calc-title-ll {
    font-size: 30px;
  }

  .calc-title-s {
    font-size: 13px;
    padding: 2% 1%;
  }

  .calc-pc-space {
    margin-top: 2%;
  }

  .w20 {
    width: 60%;
  }

  .calc-symbol-space {
    margin-top: 3%;
  }

  .deduction-dt {
    height: 96px;
    padding: 1em;
  }

  .deduction-dt02 {
    height: 96px;
    padding: 1.8em 1em;
  }

  .deduction-dt03 {
    height: 96px;
    padding: 0.5em;
  }

  .calc-text {
    font-size: 16px;
  }

  .calc-symbol {
    width: 2%;
    padding: 4% 2%;
    float: left;
  }

  .calc-symbol img {
    width: 75%;
  }

  .formula01 {
    padding-top: 1.5%;
    padding-left: 0.5%;
  }

  .formula02 {
    padding-top: 1.5%;
    padding-left: 0.5%;
  }

  .br-tab::before {
    content: "";
  }

  .circle-pink {
    width: 14em;
    height: 14em;
    margin-left: 24px;
    padding: 15px;
  }

  .circle01 {
    width: 4.7em;
    font-size: 41.73px;
    margin-top: 5px;
  }

  .circle02 {
    font-size: 30.45px;
  }

  .circle03 {
    font-size: 23.69px;
    padding-top: 10px;
  }

  .circle04 {
    font-size: 31px;
  }

  .circle05 {
    font-size: 24px;
  }

  .circle-img img {
    width: 130px;
    top: 30px;
    left: -40px;
  }

  table.ten7 {
    font-size: 19px;
  }

  ul.bunkatu2-10 {
    width: 800px;
  }

  p.bg-pink7 a,
  p.bg-green7 a {
    font-size: 23px;
  }

  .b4p {
    font-size: 15px;
  }

  .box-naka2 p {
    font-size: 17px;
  }

  .box-naka3 p {
    font-size: 15px;
  }

  .box-naka5 p {
    font-size: 17px;
  }

  .box-naka6 p {
    font-size: 15px;
  }

  .box1,
  .box2 {
    height: 130px;
  }

  .box3,
  .box4 {
    height: 144px;
    display: table;
    width: 100%;
  }

  .eqol-body {
    height: 130px;
  }

  .eqol-body2 {
    height: 144px;
  }

  .box-naka1 {
    margin-top: 7px;
    width: 60%;
  }

  .box-naka2 {
    padding-left: 7px;
    padding-top: 8px;
  }

  .box-naka3 {
    padding-left: 12px;
    width: 29%;
  }

  .box-naka4 {
    margin-top: 7px;
    width: 60%;
  }

  .box-naka5 {
    padding-top: 8px;
    padding-left: 8px;
  }

  .box-naka6 {
    width: 19%;
  }

  .case-left {
    width: 19%;
    float: left;
    padding-left: 0%;
    margin-top: 0;
  }

  .case-right {
    width: 70%;
    float: right;
    padding-left: 10%;
    margin-top: 0px;
  }

  p.white-box-price {
    font-size: 26px;
  }

  span.big2 {
    font-size: 33px;
  }

  span.big3 {
    font-size: 30px;
  }

  ul.bxslider02 {
    width: 1099px;
  }

  .f1 {
    width: 32%;
  }

  .small5p {
    font-size: 20px;
  }

  /*  スライダー
--------------------------------*/
  #slides {
    display: none;
  }

  #slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
  }

  #sliderInner {
    position: relative;
    left: 50%;
    width: 4840px;
    margin-left: -2420px;
  }

  #sliderInner li {
    width: 1200px;
  }

  /*  table（求人募集）
----------------------------------*/

  .kyujin {
    font-size: 20px;
  }

  .kyujin2 {
    font-size: 20px;
  }

  .kyujin td {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
  }

  .kyujin2 td {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
  }

  /*  table（分割２）
----------------------------------*/

  table.ka {
    font-size: 16px;
  }

  /*  footer 
---------------------------------------*/

  .h-banner-space {
    height: 100px;
  }

  .yellow-box-top {
    width: 98.3%;
  }

  .w100 {
    width: 1100px;
    margin: auto;
  }

  .h49 {
    height: 49px;
  }

  .h73 {
    height: 73px;
  }

  .h93 {
    height: 93px;
  }

  .h24 {
    height: 13px;
  }

  .h20 {
    height: 50px;
  }

  .h43 {
    height: 43px;
  }

  a.color-kamoku {
    font-size: 25px;
  }

  ul.bunkatu5 {
    width: 1100px;
    margin: auto;
  }

  ul.bunkatu5 li a {
    font-size: 15px;
  }

  ul.bunkatu5 li:nth-child(12) {
    width: 12%;
    clear: none;
    margin-left: 8%;
    text-align: left;
  }

  ul.bunkatu5 li:nth-child(4) {
    width: 12%;
    clear: none;
    margin-left: 8%;
    text-align: left;
  }

  ul.bunkatu5 li:nth-child(8) {
    width: 12%;
    clear: none;
    margin-left: 8%;
    text-align: left;
  }

  ul.bunkatu5 li:nth-child(16) {
    width: 12%;
    clear: none;
    margin-left: 8%;
    text-align: left;
  }

  table.kamoku2 {
    font-size: 18px;
  }

  table.kamoku2 th {
    width: 13.5%;
  }

  .s-size {
    font-size: 18px;
  }

  .medical-contents {
    padding-top: 96px;
    padding-bottom: 160px;
  }

  .contents-menu {
    padding-top: 96px;
  }

  .contents-button {
    padding: 32px 0 32px 0;
  }

  .contents-text {
    font-size: 23px;
  }

  .contents-img {
    width: 88px;
  }

  .kome {
    width: 500px;
    top: 200px;
    right: 30px;
  }

  /*  googlemap枠
----------------------------------*/

  .ggmap {
    padding-bottom: 35%;
  }

  .zeroMargin_desktop {
    margin-left: 0;
  }

  .hide_desktop {
    display: none;
  }

  .header_div {
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header_logo {
    width: 300px;
  }

  .header_logo img {
    width: 300px;
  }

  .telsvg {
    width: 280px;
    display: inline-block;
    margin-right: 30px;
  }

  .telsvg img {
    width: 100%;
  }

  .header_div-wrap {
    display: inline-block;
  }

  ul.header_ul {
    display: flex;
    flex-wrap: wrap;
    width: 500px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  ul.header_ul li .pc-banner {
    width: 220px;
  }

  .pc_ins {
    width: 50px;
  }

  .pc_ins img {
    width: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  .section3 {
    padding: 50px 50px;
  }

  .h-top {
    margin-top: -150px;
  }

  .w1601 {
    display: block;
  }

  table.nav99 {
    width: 98%;
    margin: auto;
  }

  table.nav99 td {
    padding-top: 5px;
  }

  table.nav99 td:first-child {
    width: 10%;
  }

  table.nav99 td:nth-child(2) {
    width: 75%;
    padding-left: 2%;
    padding-right: 2%;
  }

  table.nav99 td:nth-child(3) {
    width: 13%;
  }

  .header_div {
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header_logo {
    width: 320px;
  }

  .header_logo img {
    width: 320px;
  }

  .telsvg {
    width: 320px;
    display: inline-block;
    margin-right: 40px;
  }

  .telsvg img {
    width: 100%;
  }

  .header_div-wrap {
    display: inline-block;
  }

  ul.header_ul {
    display: flex;
    flex-wrap: wrap;
    width: 680px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  ul.header_ul li .pc-banner {
    width: 280px;
  }

  .pc_ins {
    width: 64px;
  }

  .pc_ins img {
    width: 64px;
  }
}