body {
  font-family: 'Noto Serif JP';
  min-width: 960px;
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
/*メイン画像*/
#cash {
  background-image: url(../images/main_cash.jpg);
  height: 100vh;
}
#visit {
  background-image: url(../images/main_visit.jpg);
  height: 100vh;
}
#accident {
  background-image: url(../images/main_acc.jpg);
  height: 100vh;
}
#sports {
  background-image: url(../images/main_spo.jpg);
  height: 100vh;
}
#oxygen {
  background-image: url(../images/main_oxy.jpg);
  height: 100vh;
}
.big-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-title {
  font-size: 2.5rem;
  text-align: center;
  padding: 0;
  margin-top: 20%;
  color: #fff;
  font-weight: normal;
}
.page-title h1,.page-title p {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: normal;
  text-shadow: 4px 4px 20px #deb887,
              -4px  4px 20px #deb887,
               4px  -4px 20px #deb887,
              -4px  -4px 20px #deb887;
}
.page-title p {
  font-size: 30px;
}
/*ヘッダー*/
.first {
  margin: 0 auto;
  width: 960px;
}
.header-wrapper {
  background-color: #220000;
}
.left-header {
  float: left;
  width: 40%;
}
.left-header p {
  color: #fff;
  font-size: 12px;
  margin: 0;
}
.left-header h2 {
  margin: 0;
}
.logo {
  display: block;
  width: 200px;
  margin: 10px 0 0 0;
}
.right-header {
  margin-top: 30px;
  display: flex;
  float: left;
}
.right-header p {
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
}
.tel {
  margin: 0px 50px 0px 50px;
}
/*ナビゲーションバー*/
.dropdwn{
  max-width: 960px;
  display: flex;
  clear: both;
  background-color: #220000;
  font-family: none;
}
.dropdwn a {
  text-decoration: none;
  color: #fff;
}
.main-nav ul{
  text-align: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  color: #fff;
}
.dropdwn li{
  max-width: calc(960px/5);
  width: 960px;
  margin: 20px 0px 0px 0px;
  display: inline;
  position: relative;
  padding: 5px;
  display: block;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
.dropdwn_menu{
  width: 100%;
  display: none;
  position: absolute;
  margin-left: -5px;
  margin-top: 5px;
  padding: 0;
  background: #220000;
}
.dropdwn_menu li{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.dropdwn_menu li a{
  padding: 5px 0;
  display: block;
  color: #fff;
}
.dropdwn_menu li a:hover{
  background: #a6ce39;
  color: rgb(65, 65, 65);
}
.up {
  border-right: 1px solid;
}
/*ヘッダー終了、メインイメージ*/
.main-image img {
  width: 100%;
  height: auto;
  background-size: cover;
}
/*メインイメージ終了、コンテンツ*/
.contents {
  margin: 0 auto;
}
.greeting,.feature,.menu {
  width: 960px;
  margin: 0 auto;
}
/*コンテンツ全体終了　コンテンツ内容　院長挨拶*/
.greeting {
  text-align: center;
  border-bottom: solid 1px #000;
  margin-bottom: 150px;
  margin-top: 150px;
}
.heading {
  display: inline;
  font-size: 30px;
  border-bottom: dotted 5px #a6ce39;
}
.greeting-pic {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 150px;
}
.greeting-pic p {
  text-align: justify;
  line-height: 2.3;
}
.director-pic {
  width: 40%;
  margin-right: 50px;
}
.director-pic img {
  max-width: 100%;
}
.director-ex  {
  width: 60%;
}
/*院長挨拶終わり、こだわり*/
.feature {
  text-align: center;
  margin-bottom: 150px;
  padding-bottom: 50px;
  border-bottom: solid 1px #000;
}
.grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(3,minmax(240px,1fr));
  margin-bottom: 50px;
}
.grid2 {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2,minmax(240px,1fr));
  margin-bottom: 50px;
}
.item img {
  height: auto;
  max-width: 100%;
  padding: 50px 0 0 0;
  text-align: center;
}
.item2 img {
  height: auto;
  max-width: 80%;
  padding: 50px 0 0 0;
  text-align: center;
}
.item dt, .item2 dt {
  font-weight: bold;
  font-family: none;
}
.item dd, .item2 dd {
  margin: 5px 0px 0px 0px;
  text-align: left;
}
/*こだわり終了、施術一覧*/
.menu {
  text-align: center;
}
.menu p {
  margin-top: 5px;
}
/*施術終了、受付*/
.bottom-info {
  display: flex;
  justify-content: space-between;
  background-color: #ffffe0;
  height: 500px;
  font-family: none;
  font-weight: bold;
}
.bottom-info p {
  margin: 10px 0px;
}
.reception {
  width: 50%;
  margin: 50px 0 0 50px;
}
/*テーブル 受付表　マップ*/
.info-table {
  border-collapse: collapse;
  width: 75%;
}
.info-table th,td {
  text-align: center;
  padding: 5px 0;
}
.info-table tr {
  border-bottom: solid 1px #000;
}
.info-table th {
  background-color: #a6ce39;
}
.info-table td {
  width: 20px;
}
.map {
  width: 50%;
}
.reception img {
  width: 200px;
}
iframe {
  width: 100%;
  height: 100%;
}
/*受付終了、フッター*/
footer {
  background-color: #fff;
  text-align: center;
  border-top: solid 1px #000;
  background-color: #220000;
  font-family: none;
}
.dropdup{
  max-width: 960px;
  display: flex;
  clear: both;
  background-color: #220000;
}
.dropdup a {
  text-decoration: none;
  color: #fff;
}
.main-nav ul{
  text-align: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  color: #fff;
}
.dropdup li{
  max-width: calc(960px/5);
  width: 960px;
  display: inline;
  position: relative;
  padding: 5px;
  display: block;
  cursor: pointer;
  text-align: center;
}
.dropdup_menu{
  width: 100%;
  display: none;
  position: absolute;
  margin-left: -5px;
  margin-top: 5px;
  padding: 0;
  background: #220000;
}
.dropdup_menu li{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.dropdup_menu li a{
  padding: 5px 0;
  margin: -5px 5px -5px -5px;
  display: block;
  color: #fff;
}
.dropdup_menu li a:hover{
  background: #a6ce39;
  color: rgb(65, 65, 65);
}
.copy {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  color: #fff;
}
/*nextページ　施術の流れ*/
.visiting {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 150px;
  margin-top: 150px;
}
.visiting img {
  max-width: 40%;
  max-height: 320px;
  margin-right: 50px;
}
.visit-pic {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.visit-pic p {
  text-align: justify;
  line-height: 2;
}
.come {
  font-size: 20px;
  padding-top: 100px;
  text-align: center;
}
.come span {
  color: #ff0000;
  font-size: 1.3rem;
  display: inline;
  border-bottom: 5px dotted #a6ce39;
}
/*矢印*/
.arrow::before{
  content: '';
  width: 60px;
  height: 60px;
  border: 0px;
  border-right: solid 2px #a6ce39;
  border-bottom: solid 2px #a6ce39;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
}
.arrow {
  position: relative;
  display: inline-block;
}
/*料金表*/
.cash-table {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: none;
}
.cash-tab {
  margin: 0 auto;
  font-size: 25px;
  margin-bottom: 30px;
}
.cash-tab th {
  background-color: #a6ce39;
}
.cash-tab th,.cash-tab td {
  padding: 0px 50px;
}
/*ネクストページ　交通事故治療*/
.accident-box {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}
.accident-worry {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.worry-pic img {
  max-width: 100%;
}
.accident-sentence {
  width: 90%;
}
.worry-pic {
  width: 20%;
  margin-top: 150px;
}
.accident-pic {
  width: 40%;
}
ul {
  list-style: disc;
  padding-left: 15px;
}
ul li {
  text-align: left;
  margin-bottom: 20px;
}
.sec-list {
  list-style-type: decimal;
}
.down-list {
  padding-left: 50px;
}
.worry {
  font-size: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.cliche {
  background-color: #F6F6F6;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cliche-power {
  font-size: 1.5rem;
  margin-bottom: 0px;
  display: inline;
}
.cliche-remark {
  text-align: right;
  margin-top: 0px;
}
.cliche-power span {
  color: #ff0000;
  font-size: 2rem;
  border-bottom: 5px dotted #a6ce39;
  padding-bottom: 0px;
}
.cliche p {
  margin-top: 20px;
}
.accident-tips {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 150px;
  margin-top: 100px;
}
.accident-pic img {
  max-width: 100%;
}
.accident-text {
  display: flex;
  margin-top: 100px;
}
.accident-sentence p {
  text-align: left;
  line-height: 2;
  margin-left: 20px;
  margin-top: 0;
}
/*交通事故　豆知識*/
.tips h2 {
  text-align: left;
  border-bottom: 1px solid #a6ce39;
  border-left: 5px solid #a6ce39;
  padding-left: 10px;
}
/*交通事故　Q　＆　A*/
.question-answer {
  text-align: left;
  font-size: 20px;
  background: #F6F6F6;
  padding: 1em;
  border-radius: 1em;

}
.question-answer dt {
  border-bottom: 1px dotted;
  font-weight: bold;

}
.question-answer dd {
  margin: 0px 0 50px 20px;
}
dl.question-answer dt:before,
dl.question-answer dd:before{
  font-size: 2em;
  margin-right: .5em;
}
dl.question-answer dt:before{
  content:"Q";
  color: #220000;
}
dl.question-answer dd:before{
  content:"A";
  color: #a6ce39;
}
.accident-worr {
  display: flex;
  margin-top: 50px;
}
/*自費施術*/
.heading2 {
  display: inline;
  font-size: 30px;
  border-bottom: dotted 5px #a6ce39;
}
.left-heading {
  text-align: left;
}
.right-heading {
  text-align: right;
}
.machine {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 150px;
  border-bottom: 1px solid;
}
.machine2 {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 50px;
  border-bottom: 1px solid;
}
.machine3 {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 100px;
  margin-top: 50px;
}
.utility {
  color: #ff0000;
  font-weight: bold;
  font-size: 20px;
}
.price {
  font-weight: bold;
  font-size: 20px;
  display: block;
  text-align: right;
  font-family: none;
}
.left-pic img, .right-pic img {
  max-width: 40%;
}
.left-pic img {
  max-height: 320px;
  margin-right: 50px;
}
.right-pic img {
  max-height: 320px;
  margin-left: 50px;
}
.left-pic {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
  clear: both;
}
.right-pic {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
}
.left-pic p,.right-pic p {
  text-align: justify;
  line-height: 2;
}
/*酸素ルーム*/
.oxygen {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 150px;
  padding-bottom: 50px;
  border-bottom: 1px solid;
}
.oxygen-pic {
  margin: 100px 0px 150px 0px;
  text-align: center;
}
.oxygen-pic img {
  width: 50%;
}
.oxygen-heading {
  text-align: center;
  margin-bottom: 50px;
}
.o2heading {
  display: inline;
  font-size: 30px;
  border-bottom: dotted 5px #ffc0cd;
}
.oxygen-effect dt {
  font-size: 1.5rem;
  border-bottom: 1px solid #ffc0cd;
  border-left: 5px solid #ffc0cd;
  padding-left: 5px;
  font-weight: bold;
  font-family: none;
}
.oxygen-effect dd {
  font-size: 1.2rem;
  margin-bottom: 30px;
}
/*酸素ルーム　セクション２*/
.oxygen2 {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 150px;
  padding-bottom: 50px;
}
.oxygen-heading2 {
  margin-bottom: 100px;
  text-align: center;
}
.oxygen-table {
  margin: 0 auto;
  font-family: none;
  border-spacing: 0;
}
.oxygen-table th {
  background-color: #ffc0cd;
  font-size: 20px;
  border-bottom: 1px solid;
}
.oxygen-table td {
  padding: 10px 50px;
  text-align: center;
  border-bottom: 1px solid;
}
.oxygen-table span {
  color: #ff0000;
}