@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

body {
  background-color: rgb(255, 255, 255);
  margin: 0 auto;
  background-color: #fff;
  max-width: 1920px;
  min-width: 1030px;
  font-family: YuMincho, Hiragino Mincho ProN, serif;
  padding-top: 90px;
}

/* .zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
 */
* {
  box-sizing: border-box;
}


/* ----------------------------------------------
 
  * 設定をしなおす
 
 ---------------------------------------------- */
body {
  background-color: rgb(255, 255, 255);
  margin: 0 auto;
  background-color: #fff;
  max-width: 1920px;
  min-width: 1030px;
  font-family: YuMincho, Hiragino Mincho ProN, serif;
  padding-top: 90px;
  -webkit-text-size-adjust: 100%;
}

/* @media only screen and ( max-width : 768px ) { */
/* body {font-size: 14px;}
 } */

table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: middle;
  border: none;
}


/* ----------------------------------------------
 
  * アンカータグの設定
 
 ---------------------------------------------- */
/* a {
   outline:none;
   color: #333;
 }
 
 a:hover {
   text-decoration: none;
 }
 
 
 a,a:hover,a:hover img {
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   text-decoration: none;
 }
 
 a:hover {
   filter: alpha(opacity=80);
   -moz-opacity:0.80;
   opacity:0.80;
 } */


/* ----------------------------------------------
 
  * 要素を左右中央寄せ
 
 ---------------------------------------------- */

/* .taC {
   text-align: center !important;
 }
 
 .taR {
   text-align: right !important;
 }
 
 .taL {
   text-align: left !important;
 }
  */


/* *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:769px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}.sp{display:none}}@media(max-width:768px){.sp_none{display:none !important;}} */



@media screen and (max-width : 768px) {
  .sbox {
    margin-bottom: 20px;
  }

  .container {
    padding: 0 30px;
  }

  section {
    padding: 0;
  }
}

@media only screen and (max-width : 480px) {
  .container {
    padding: 0 20px;
  }
}

@media screen and (max-width : 374px) {
  .container {
    padding: 0 10px;
  }
}

@media screen and (min-width : 769px) {
  .sbox {
    margin-bottom: 25px;
  }

  .container {
    width: 1080px;
  }

}

/* ---------------------------------------------------------------------------------------------
 
 　   HEADER
 
 --------------------------------------------------------------------------------------------- */
#header {
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 95px;
  margin: 0 auto;
/*   display: flex; */
  justify-content: center;
  gap: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

}

  #h_top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  width: 95%;
	  margin: auto;
  }

  #gNav ul {
    position: relative;
    display: flex;
  }

  #gNav li {
    position: relative;
    margin-right: 3em;
    list-style: none;
    font-weight: 600;
    padding-top: 0px;
  }


  #gNav li:last-child {
    margin-right: 0;
  }

  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }

  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
  }

  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 250px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }

  #gNav .sub-menu a {
    padding: 13px;
    display: block;
    border-bottom: none;
    line-height: 1.2em;
  }

  #gNav .sub-menu a:hover:after {
    content: none;
  }

  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }

  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }

  #gNav ul>li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  #gNav ul>li:hover a,
  #gNav .current-menu-item a,
  #gNav .current-menu-parent a {
    color: #5f534c;
  }

  #gNav li:hover ul.sub-menu {
    top: 35px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    background: rgba(95, 83, 76, .9);
    width: 255px;
  }

  #gNav li ul li:after {
    content: none;
  }

  #gNav li:hover ul.sub-menu a {
    color: #fff;
  }

  #gNav .sub-menu li a:hover {
    background: #b6a38d;
  }

  #gNav .contact_btn a:hover {
    color: #fff;
  }

.h_logo {
  width: 370px;
  margin: 0;
  transition-duration: 0.5s;
}

.h_logo:hover {
  opacity: .5;
}

.h1 {
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
	width: 95%;
	margin: 10px auto;
}


/* スクロールしたら */
#header .scroll-nav {
 height: 90px;
}

.scroll-nav li{
  position: relative;
  margin-right: 3em;
  list-style: none;
  font-weight: 600;
  padding-top: 25px!important;
}

.scroll-nav h1 {
  display: none;
}

.scroll-nav .h_logo  {
  width: 370px;
  margin: 25px 0 0 0;
}

.scroll-nav .h_nav li {
  position: relative;
  margin-right: 3em;
  list-style: none;
  font-weight: 600;
  padding-top: 20px;
}

.scroll-nav #gNav .sub-menu {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -100px;
  width: 260px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.scroll-nav #gNav .sub-menu li {
  padding-top: 0!important;
}

#gNav .sub-menu a {
  padding: 13px;
  display: block;
  border-bottom: none;
  line-height: 1.2em;
}

#gNav .sub-menu a:hover:after {
  content: none;
}

#gNav .sub-menu li {
  display: block;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

#gNav .sub-menu li:last-child {
  border-bottom: none;
}

#gNav ul>li:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
}

#gNav ul>li:hover a,
#gNav .current-menu-item a,
#gNav .current-menu-parent a {
  color: #5f534c;
}

.scroll-nav #gNav li:hover ul.sub-menu {
  top: 60px!important;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
  background: rgba(95, 83, 76, .9);

}

#gNav li ul li:after {
  content: none;
}

#gNav li:hover ul.sub-menu a {
  color: #fff;
}

#gNav .sub-menu li a:hover {
  background: #b6a38d;
}

#gNav .contact_btn a:hover {
  color: #fff;
}

.black {
  color: #000;
}

.icon img {
  width: 20px;
}

.underLine a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #5f534c;
  bottom: -1px;
  /*アンダーラインがaタグの下端から現れる*/
  transform: scale(0, 1);
  /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top;
  /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  transition: transform 0.3s;
  /*変形の時間*/
}

.underLine a:hover::after {
  transform: scale(1, 1);
  /*ホバー後、x軸方向に1（相対値）伸長*/
}

.section {
  height: 100vh;
}

/* nav .sub-menu,
.mean-container .mean-nav ul ul { */
/* background: #rgba; */
/* } */



@media only screen and (max-width : 768px) {
  #header {
    width: 100%;
    padding: 10px 0;
    height: 60px;
  }

  .h_logo {
    width: 340px;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 100;
  }

  #gNav .nav {
    overflow-y: auto;
    /* height: 100vh; */
  }

  .mean-nav .container {
    padding: 0;
  }

  nav li .fa {
    display: none;
  }


  .h1 {
    position: absolute;
    font-size: 12px;
    top: 12%;
    left: 2%;
    font-weight: normal;
    line-height: 1;
    margin-top: 0px;
    z-index: 101;
  }

  .scroll-nav h1 {
    display: none;
  }

  .scroll-nav .h_logo {
    width: 340px;
    position: absolute;
    top: -14px;
    left: 10px;
    z-index: 100;
  }
}

@media screen and (max-width : 480px) {


  #header {
    width: 100%;
    padding: 10px 0;
    height: 60px;
  }

  .h_logo {
    width: 244px;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 100;
  }

  #gNav .nav {
    overflow-y: auto;
    /* height: 100vh; */
  }

  .mean-nav .container {
    padding: 0;
  }

  nav li .fa {
    display: none;
  }

  .h1 {
    position: absolute;
    font-size: 8px;
    top: 12%;
    left: 0%;
    font-weight: normal;
    line-height: 1;
    margin-top: 0px;
    z-index: 101;
  }

  .scroll-nav h1 {
    display: none;
  }

  .scroll-nav .h_logo {
    width: 244px;
    position: absolute;
    top: -8px;
    left: 10px;
    z-index: 100;
  }

}

/* @media screen and (min-width : 769px) { */
  /* #header { */
  /* height: 80px; */
  /* } */

  /* #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  } */

  /* #gNav ul {
    position: relative;
    display: flex;
  }

  #gNav li {
    position: relative;
    margin-right: 3em;
    list-style: none;
    font-weight: 600;
    padding-top: 20px;
  }


  #gNav li:last-child {
    margin-right: 0;
  }

  #gNav li i {
    font-size: 16px;
    margin-left: 5px;
  }

  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
  }

  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }

  #gNav .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    padding: 20px;
    line-height: 1.2em;
  }

  #gNav .sub-menu a:hover:after {
    content: none;
  }

  #gNav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }

  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }

  #gNav ul>li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  #gNav ul>li:hover a,
  #gNav .current-menu-item a,
  #gNav .current-menu-parent a {
    color: #5f534c;
  }

  #gNav li:hover ul.sub-menu {
    top: 60px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    background: rgba(95, 83, 76, .9);

  }

  #gNav li ul li:after {
    content: none;
  }

  #gNav li:hover ul.sub-menu a {
    color: #fff;
  }

  #gNav .sub-menu li a:hover {
    background: #b6a38d;
  }

  #gNav .contact_btn a:hover {
    color: #fff;
  }

}
 */

/* ---------------------------------------------------------------------------------------------
 
 　   CONTENTS
 
 --------------------------------------------------------------------------------------------- */

.btn {
  display: block;
  background: #fff;
  color: #5f534c;
  padding: 0.8em 1em;
  text-align: center;
  margin: 0 auto;
  border-radius: 100px;
}

.btn:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 5px;
}

@media screen and (max-width: 768px) {

  /* #main {
     padding-top: 58px;
   } */
  .btn {
    width: 60%;
  }
}

@media screen and (max-width: 480px) {
  .btn {
    width: 100%;
  }
}

@media print,
screen and (min-width : 769px) {

  /* #main { */
  /* padding-top: 80px; */
  /* } */
  .btn {
    width: 300px;
  }
}





/*-------------------------------------
-----------TOPに戻るボタン-------------*/
.pagetop {
  height: 70px;
  width: 70px;
  position: fixed;
  right: 115px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.pagetop__arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: translateY(20%) rotate(-45deg);
}


/*-----------------------------------------
-----------サイドボタン----------------------*/
.side {
	position: fixed;
	bottom: 5%;
	right: 10px;
	z-index: 101;
	width: 70px;
}

.sideBtn {
	padding: 30px 30px 30px 15px;
     width: 0;
    background: rgba(95, 83, 76, 0.9);
	margin: 20px auto;
}

#sideBtn01 a {
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}

#sideBtn02 a {
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}

#sideBtn02 {
  margin-top: 0;
}

#sideBtn01:hover {
  opacity: .5;
}

#sideBtn02:hover {
  opacity: .5;
}




/* ------------------------------------
-----------スライダー----------------- */
/* メインスライド */
.slider {
  position: relative;
  width: 100%;
  height: 70vh;
  /* デフォルトで画面高さの70% */
  max-height: 900px;
  /* 最大高さ */
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide img {
  width: 100%;
  object-fit: cover;
  /* デフォルトは全体をカバー */
  object-position: center;
}

.active {
  opacity: 1;
}

/* デスクトップ版調整 */
@media (min-width: 768px) {
  .slider {
    height: 100vh;
    /* 高すぎないように最大高さを設定 */
  }

  .slide img {
    object-fit: contain;
    /* デスクトップは全体をカバーする */
  }
}

/* モバイル版調整 */
@media (max-width: 768px) {
  .slider {
    height: 100vh;
  }

  .slide img {
    object-fit: cover;
  }
}

/* モバイル版調整 */
@media (max-width: 480px) {
  .slider {
    height: 100vh;
  }

  .slide img {
    object-fit: cover;
  }
}



/*------------------------------------
----------------バナー------------------*/
.bunner {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 100px auto;
  gap: 100px;
}

.bunner img {
  box-shadow: 0px 1px 6px 5px rgba(63, 55, 50, 0.3);
  transition-duration: 0.5s;
}

.bunner img:hover {
  transform: scale(1.1);
}



/*------------------------------------
------------------感染症対策------------------*/

.sec1-taisaku {
  width: 50%;
  height: 320px;
  margin: 0 auto;
  border: 2px solid #C3A99B;

}

.sec1-title {
  text-align: center;
  margin: 45px auto;
}

.sec1-list {
  width: 70%;
  height: auto;
  margin: 0 auto;
}

.sec1-list li {
  list-style: none;
  border-bottom: 1px solid #C3A99B;
	margin-bottom: 25px;
}

/*------------------------------------
  お知らせ
------------------------------------*/
.sec2 {
  margin: 80px 0;
  padding: 40px 0;
  background-color: #f8f4f1; /* 全体に薄い背景でセクションを分ける */
}

.sec2-info {
  max-width: 800px;
  width: 92%;
  margin: 0 auto;
  padding: 24px 28px 28px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e0d2c8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .03);
}

.sec2-info h2 {
  margin: 0 0 20px;
  font-size: 24px;
  letter-spacing: .08em;
  color: #3c332e;
  text-align: left;
  border-left: 4px solid #C3A99B;
  padding-left: 10px;
}

/* 縦2列表示：日付＋タイトル */
.info {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr); /* 日付 / 本文 */
  column-gap: 24px;
  row-gap: 0;
  margin: 0;
  padding: 0;
}

/* 各行を区切って見やすく */
.info dt,
.info dd {
  padding: 10px 0;
  border-bottom: 1px solid #f1e7df;
}

/* 最終行の線を少し薄くしたい場合は任意で調整 */
.info dt:last-of-type,
.info dd:last-of-type {
  border-bottom-color: #f7f2ee;
}

/* 日付 */
.info dt {
  font-size: 13px;
  font-weight: 600;
  color: #8a7465;
  text-align: center;
  background: #f7f1ec;
  border-radius: 999px;
  padding: 6px 10px;
  line-height: 1;
  align-self: center;
}

/* タイトル */
.info dd {
  font-size: 15px;
  color: #333;
  margin: 0;
  line-height: 1.6;
}

/* タイトルのリンク */
.info dd a {
  text-decoration: none;
  color: #5f534c;
  display: inline-block;
  padding: 4px 0;
  position: relative;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

/* ホバー時に矢印＋色を少し変化 */
.info dd a::before {
  content: "＞";
  font-size: 11px;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease, left 0.2s ease;
}

.info dd a:hover {
  color: rgba(95, 83, 76, .7);
  padding-left: 4px;
}

.info dd a:hover::before {
  left: -4px;
  opacity: 1;
}

/* 「記事一覧」ボタン */
.newsbtn {
  margin-top: 20px;
  text-align: right;
}

.newsbtn a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #5f534c; /* ボタン背景色 */
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease;
}

.newsbtn a::after {
  content: "一覧を見る";
  font-size: 12px;
}

.newsbtn a:hover {
  opacity: .9;
  transform: translateY(-1px);
  box-shadow: 0 5px 12px rgba(0, 0, 0, .2);
}

.newsbtn a:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .sec2 {
    margin: 60px 0;
    padding: 30px 0;
  }

  .sec2-info {
    width: 94%;
    padding: 18px 16px 22px;
  }

  .sec2-info h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .info {
    grid-template-columns: 1fr; /* 1列表示に切り替え */
  }

  .info dt,
  .info dd {
    border-bottom: none;
    padding: 4px 0;
  }

  .info dt {
    justify-self: flex-start;
    margin-top: 8px;
  }

  .info dd {
    padding-bottom: 12px;
    border-bottom: 1px solid #f1e7df;
  }

  .newsbtn {
    text-align: center;
  }

  .newsbtn a {
    width: 100%;
    justify-content: center;
    font-size: 13px;
  }
}



/*------------------------------------------------------
------------------ながみね歯科クリニックの特徴------------------*/
.sec3 {
  width: 100%;
  background-color: #FBF6F0;
  /* background: linear-gradient(#faf6f2, #e4cbb1); */
}

.sec3 h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 70px;
  padding: 190px 0 30px 0;
}

.tokutyou {
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.tokutyou1 {
  padding: 100px 0 100px 0;
  margin: 0 auto;
  width: 90%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 85px 0;
}

.tokutyou1 h3 {
  text-align: center;
  font-size: 23px;
  border-bottom: 1px solid #5f5f5f;
  line-height: 185%;
  padding: 20px 0;
}

.tokutyouText {
  width: 26%;
  height: 510px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  padding: 10px 15px 10px 15px;
  box-shadow: 12px 12px 2px 1px rgba(182, 163, 141, .6);
}

.tokutyouImg {
  width: 90%;
  height: auto;
  margin: 20px auto;
}

.tokutyouText p {
  padding: 5px;
}

.small {
  font-size: 14px;
}


/* ------------------------------------------------------
-----ながみね歯科クリニックが選ばれる理由 ------------------*/
.sec4 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.sec4Title {
  width: 90%;
  margin: 0 auto;
}

.sec4 h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 70px;
  padding: 200px 0 100px 0;
}

.sec4-box01, .sec4-box02 {
  /* background-color: #b6afa7; */
  width: 50%;
  height: auto;
}

.sec4-flex {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: 101px auto 380px auto;
}

.sec4-flex02 {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: 0px auto 420px auto;
}

.sec4-h3 {
  width: 70%;
  height: auto;
  margin: 0 auto;
  background: rgba(195, 169, 155, 0.2);
}

.sec4-h3 h3 {
  text-align: center;
  font-size: 27px;
  padding: 10px;
}

.sec4-text {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.sec4-text img {
  width: 60%;
  height: 260px;
  object-fit: cover;
  margin: -56px 0 0 0;
  box-shadow: 77px 68px 6px -8px rgba(182, 163, 141, 0.2);
 z-index: 200;
}

.shadow {
  width: 80%;
  height: auto;
  transform: translate(10px, 38px);
}

.sec4-text .txt01 {
  width: 80%;
  height: auto;
  margin: -75px auto;
  background: rgba(182, 163, 141, .3);
  padding: 65px 20px 50px 20px;
}

.sec4-text .txt02 {
  width: 100%;
  height: auto;
  margin: -75px auto;
  background: rgba(182, 163, 141, .3);
  padding: 65px 20px 30px 20px;
}

.sec4-text .txt03 {
  width: 80%;
  height: auto;
  margin: -75px auto;
  background: rgba(182, 163, 141, .3);
  padding: 80px 20px 38px 20px;
}

.sec4-text .txt04-1 {
  width: 80%;
  height: auto;
  margin: -75px auto;
  background: rgba(182, 163, 141, .3);
  padding: 80px 20px 38px 20px;
}

.number {
  width: 15%;
  height: 84px;
  margin-top: 20px;
  background: rgba(95, 83, 76, 0.9);
}

.number p {
  font-size: 50px;
  color: #fff;
  text-align: center;
}

/* ------------------------------------------------------------------------
--------厚生労働省が定める厳しい喜寿運を満たした歯科医院です--------------------- */

.sec5 {
  width: 100%;
  height: 810px;
  background: linear-gradient(rgba(95, 83, 76, 0.5), rgba(95, 83, 76, 0.5)), url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5haikei.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.sec5Title {
width: 90%;
	    margin: 0 auto;
    padding: 140px 0 40px 0;
}

.sec5h2 {
  color: #fff;
  text-align: center;
  font-size: 37px;
  /* background: rgba(95, 83, 76, 0.5); */
	padding: 140px 0 40px 0;
}

.sec5Text h3 {
  font-size: 24px;
  margin-top: 25px;
}

.sec5Text h3::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.sec5Text p {
  font-size: 18px;
  margin-top: 20px;
}

.sec5Text {
  width: 70%;
  height: auto;
  margin: 0 auto;
  /* background: rgba(95, 83, 76, 0.5); */
  padding: 35px;
  color: #eeeeee;
}


/*------------------------------------------------------
------------------治療ごとに各専門医が在籍------------------*/
.sec6 {
  width: 100%;
  height: auto;
	margin: 70px 0;
  background: rgba(222, 222, 222, 0.4);

}

.sec6-box {
  width: 100%;
  height: auto;
  padding: 60px 0;
  display: flex;
  justify-content: center;
}

.sec6Title {
  width: 65%;
  clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
  background: rgba(255, 255, 255, 0.7);
  color: rgba(95, 63, 76, 0.8);
}

.sec6 h2 {
 width: 95%;
  font-size: 37px;
  padding: 76px 0 25px 25px;

}

.sec6 p {
 width: 85%;
  color: rgba(95, 83, 76, 0.8);
  font-size: 18px;
  padding: 10px 0 0 34px;
}

.sec6 img {
  width: 30%;
  height: auto;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
 object-fit: cover;
}




/*------------------------------------------------------
------------------ ピックアップ診療 ------------------*/
.sec7 {
  width: 100%;
  height: 2545px;
  margin: 0 auto;
}

.sec7 h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 70px;
  padding: 100px 0 170px 0;
}


.sec7-box {
  width: 80%;
  height: 550px;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.sec7-box a {
  color: #000;
  transition-duration: 0.5s;
}

.sec7-box a:hover {
  opacity: .5;
}

.sec7-box01 {
  width: 75%;
  height: 297px;
  background: rgba(195, 169, 155, 0.2);
  position: absolute;
  top: 7%;
  left: 20%;
}

.sec7-image {
  position: absolute;
  top: -20%;
  left: -7%;
  z-index: 10;
  object-fit: cover;
}

.sec7-box01 img,
.sec7-box02 img {
  width: 350px;
  height: 310px;
  object-fit: cover;
}

.sec7-text {
  position: absolute;
  background: rgba(195, 169, 155, 0.3);
  width: 75%;
  height: 288px;
  top: 15%;
  left: 34%;
}

.sec7-text h3 {
  position: absolute;
  top: -30%;
  left: 20%;
  color: rgba(95, 83, 76, 1);
  font-size: 50px;
  padding: 10px;
}

.sec7-text .txt01,
.sec7-text02 .txt01 {
  padding: 40px 0 0 120px;
}

.sec7-text .txt01-1,
.sec7-text02 .txt01-1 {
  padding: 40px 0 0 200px;
}

.sec7-text .txt02,
.sec7-text02 .txt02 {
  padding: 18px 0 0 120px;
}

.sec7-text .txt02-2,
.sec7-text02 .txt02-2 {
  padding: 18px 0 0 200px;
}

.sec7-text .txt03,
.sec7-text02 .txt03 {
  padding: 18px 0 10px 120px;
}

.sec7-text .txt03-3,
.sec7-text02 .txt03-3 {
  padding: 18px 0 10px 200px;
}


.sec7-text .t01,
.t02,
.t03,
.sec7-text02 .t01,
.t02,
.t03 {
  font-size: 28px;
}

.sec7-text .t01,
.sec7-text02 .t03 {
  font-size: 32px;
  text-decoration: underline 7px #fff;
}

.sec7-box02 {
  width: 75%;
  height: 297px;
  background: rgba(222, 222, 222, 0.4);
  position: absolute;
  top: 7%;
  left: 20%;
}

.sec7Box {
  width: 85%;
}

.sec7-image02 {
  position: absolute;
  top: -20%;
  right: -7%;
}

.sec7-text02 {
  position: absolute;
  background: rgba(222, 222, 222, 0.4);
  width: 75%;
  height: 288px;
  top: 15%;
  left: -15%;
}

.sec7-text02 h3 {
  position: absolute;
  top: -30%;
  left: 35%;
  color: rgba(105, 105, 105, 1);
  font-size: 50px;
  padding: 10px;
}

.sec7-text03 h3 {
  position: absolute;
  top: -32%;
  left: 32%;
  color: rgba(95, 83, 76, 1);
  font-size: 47px;
  padding: 10px;
}

.sec7-text04 h3 {
  position: absolute;
  top: -28%;
  left: -2%;
  color: rgba(105, 105, 105, 1);
  font-size: 44px;
  padding: 10px;
}

.tiisaku {
    position: absolute;
    top: 88%;
    left: 1%;
    font-size: 23px;
}

.nidan {
  position: absolute;
  top: -10%;
  left: 17%;
  color: rgba(105, 105, 105, 1);
  font-size: 25px;
}

.txt04 {
  padding: 10px 0 0 120px;
}

.sec7Button {
  display: none;
}


/* ------------------------------------------------------
------------------症例ページ ------------------------------------*/

.sec7-5Title {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 60px;

}

.sec7-5Title h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 37px;
  padding: 100px 0 40px 0;

}

.syourei {
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: flex;
	/* flex-wrap: wrap; */
	/* justify-content: flex-start; */
	gap: 10px;
}

.syourei h3 {
  text-align: center;
  font-size: 30px;
  padding: 30px 0 25px 0;
  text-decoration: underline 7px rgba(195, 169, 155, 0.7);
}

.syourei01 {
  width: 30%;
	height: auto;
  text-align: center;
  background: rgba(255, 255, 255, .8);
  /* margin: 47px 34px 0 50px; */
  margin: 0 auto;
  box-shadow: 9px 8px 12px 2px rgba(182, 163, 141, .5);
}

.syourei img {
  width: 90%;
/*   height: 180px; */
}

.syourei01 p {
  text-align: center;
  padding: 20px 20px 10px 20px;
  text-align: center;
}

.img01 {
  text-align: center;
  position: relative;
}
  .img01 p {
	  position: absolute;
	  top: 4px;
	  left: 27px;
	  font-size: 16px;
	  background: #ffffffa3;
	  border-radius: 40px;
	  padding: 10px;
  }

.img02 {
  text-align: center;
  position: relative;
}

.img02 p {
    position: absolute;
    top: 4px;
    left: 27px;
    font-size: 16px;
    background: #ffffffa3;
    border-radius: 40px;
    padding: 10px;
}

.syourei-btn {
  text-align: center;
  width: 165px;
  margin: 20px auto;
  padding: 10px 0;
  background: rgba(143, 123, 112, 0.9);
  line-height: 120%;
  box-shadow: 0 5px 0 0 rgba(53, 46, 42, 0.8);
  transition: background .3s, transform .2s, box-shadow .2s;
}

.syourei-btn a {
  text-decoration: none;
  color: #fff;
  display: block;
	text-align: center;
}

.syourei-btn:hover {
  background: rgb(51, 43, 39);
  transform: translateY(2px); /* 押し込み感 */
  box-shadow: 0 3px 0 0 rgba(53, 46, 42, 0.8);
}


/*------------------------------------------------------------------------
------------------新ピックアップ診療------------------------------------------------------*/
.pc {
  display: block;
}
.sp {
  display: none;
}

/* ----------------------------------------------------
  スマホ用（〜768px）
---------------------------------------------------- */
@media (max-width: 768px) {
  .sp {
  display: block;
}
.pc {
  display: none;
}
}
/*--------------------------------------
  ピックアップブロック（茶系統一版）
--------------------------------------*/

.treatment-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  background: #f6f2ed; /* 茶系の淡い背景 */
  padding: 60px 40px;
  position: relative;
}

.treatment-bg-label p {
  font-size: 64px;
  color: rgba(107, 74, 45, 0.15); /* 茶の薄文字 */
  letter-spacing: 0.15em;
  position: absolute;
  top: 0;
  left: 40px;
  z-index: 2;
}

.treatment-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
  z-index: 1;
}

.treatment-left,
.treatment-right {
  flex: 1 1 100%;
}

.treatment-left {
  flex: 2;
}

.treatment-right {
  flex: 3;
  position: relative;
  padding-right: 8%;
}

.treatment-left img {
  width: 100%;
}

/* ボタン */
.viewmore {
  text-align: center;
}

.treatment-btn {
  display: inline-block;
  background: linear-gradient(135deg, #6b4a2d 0%, #b08a5a 55%, #e7d8c6 100%);
  color: #fff;
  text-align: center;
  padding: 12px 32px;
  font-style: italic;
  font-weight: bold;
  margin-top: 20px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(107, 74, 45, 0.25);
  transition: all 0.3s ease;
  border-radius: 2px;
}

.treatment-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #5a3e26 0%, #a57d4f 55%, #decfb8 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(107, 74, 45, 0.35);
}

.treatment-ribbon {
  position: absolute;
  top: -40px;
  right: -15px;
  width: 170px;
  height: 170px;
  background: linear-gradient(135deg, #6b4a2d 0%, #b08a5a 55%, #e7d8c6 100%);
  box-shadow: 0 4px 10px rgba(107, 74, 45, 0.35);
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
}

.treatment-ribbon span {
  transform: rotate(-45deg);
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}

.treatment-vertical-label {
  position: absolute;
  top: 210px;
  right: 0;
  writing-mode: vertical-rl;
  font-size: 32px;
  color: #6b4a2d; /* 茶 */
  line-height: 1.4;
  font-weight: bold;
}

.treatment-vertical-label span {
  font-size: 30px;
}

.treatment-headline {
  font-size: 24px;
  line-height: 1.8;
  margin-top: 10%;
  margin-bottom: 40px;
}

.treatment-box {
  display: flex;
  align-items: flex-start;
  position: relative;
  background: #fbfaf8; /* ほんのり茶系の白 */
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid rgba(107, 74, 45, 0.12);
}

.treatment-box img {
  position: absolute;
  top: -10px;
  left: -15px;
  width: 210px;
  height: auto;
}

.treatment-box strong {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 8px;
  color: #3f2b1a;
}

.treatment-box p {
  margin: 0;
  line-height: 1.6;
  color: #3f2b1a;
}

.treatment-txt {
  padding: 0 0 0 35%;
}

em.under {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 70%,
    rgba(176, 138, 90, 0.35) 70%,
    rgba(176, 138, 90, 0.35) 100%
  );
}

/* 逆配置用 */
.treatment-layout.reverse {
  flex-direction: row-reverse;
}

/* 2つ目（逆向き）だけ左側にする */
.treatment-layout.reverse .treatment-ribbon {
  left: -15px;
  right: auto;
}

.treatment-layout.reverse .treatment-vertical-label {
  left: 0;
  right: auto;
  text-align: left;
}

/*--------------------------------------
  .dark（2つ目ブロック）も茶系で統一（淡め）
  ※通常より「明るいベージュ」役割にしています
--------------------------------------*/
.treatment-wrapper.dark {
  background: #f1ede6;
}

.treatment-wrapper.dark .treatment-ribbon {
  background: linear-gradient(135deg, #8a6a45 0%, #c9a46a 55%, #efe1c9 100%);
  box-shadow: 0 4px 10px rgba(138, 106, 69, 0.25);
}

.treatment-wrapper.dark .treatment-ribbon span {
  color: #fff;
}

.treatment-wrapper.dark .treatment-btn {
  background: linear-gradient(135deg, #8a6a45 0%, #c9a46a 55%, #efe1c9 100%);
  color: #fff;
}

.treatment-wrapper.dark .treatment-btn:hover {
  background: linear-gradient(135deg, #775b3a 0%, #b48e55 55%, #e7d8c0 100%);
  color: #fff;
}

.treatment-wrapper.dark .treatment-bg-label p {
  right: 0;
  left: auto;
  color: rgba(107, 74, 45, 0.12);
}

.treatment-wrapper.dark .treatment-vertical-label {
  color: #6b4a2d;
}

.treatment-wrapper.dark .treatment-headline {
  padding-left: 50px;
}

.treatment-wrapper.dark .reverse .treatment-right {
  padding-left: 10%;
  padding-right: 0;
}

.treatment-wrapper.dark .reverse .treatment-right .treatment-vertical-label {
  color: #8a6a45;
}

.treatment-wrapper.dark .treatment-headline em.under {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 70%,
    rgba(201, 164, 106, 0.35) 70%,
    rgba(201, 164, 106, 0.35) 100%
  );
}
/* ======================================
  奇数・偶数で配色を自動切替（.treatment-wrapper）
  ※ section直下の .treatment-wrapper を対象
====================================== */

/* --- 奇数（1,3,5...）：落ち着いた濃いめ茶 --- */
section .treatment-wrapper:nth-of-type(odd) {
  background: #f6f2ed;
}

section .treatment-wrapper:nth-of-type(odd) .treatment-ribbon,
section .treatment-wrapper:nth-of-type(odd) .treatment-btn {
  background: linear-gradient(135deg, #6b4a2d 0%, #b08a5a 55%, #e7d8c6 100%);
  color: #fff;
}

section .treatment-wrapper:nth-of-type(odd) .treatment-btn:hover {
  background: linear-gradient(135deg, #5a3e26 0%, #a57d4f 55%, #decfb8 100%);
}

section .treatment-wrapper:nth-of-type(odd) .treatment-vertical-label {
  color: #6b4a2d;
}

section .treatment-wrapper:nth-of-type(odd) em.under {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 70%,
    rgba(176, 138, 90, 0.35) 70%,
    rgba(176, 138, 90, 0.35) 100%
  );
}

section .treatment-wrapper:nth-of-type(odd) .treatment-bg-label p{
  color: rgba(107, 74, 45, 0.15);
}


/* --- 偶数（2,4,6...）：明るいベージュ（やさしい印象） --- */
section .treatment-wrapper:nth-of-type(even) {
  background: #f1ede6;
}

section .treatment-wrapper:nth-of-type(even) .treatment-ribbon,
section .treatment-wrapper:nth-of-type(even) .treatment-btn {
  background: linear-gradient(135deg, #8a6a45 0%, #c9a46a 55%, #efe1c9 100%);
  color: #fff;
}

section .treatment-wrapper:nth-of-type(even) .treatment-btn:hover {
  background: linear-gradient(135deg, #775b3a 0%, #b48e55 55%, #e7d8c0 100%);
}

section .treatment-wrapper:nth-of-type(even) .treatment-vertical-label {
  color: #8a6a45;
}

section .treatment-wrapper:nth-of-type(even) em.under {
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent 70%,
    rgba(201, 164, 106, 0.35) 70%,
    rgba(201, 164, 106, 0.35) 100%
  );
}

section .treatment-wrapper:nth-of-type(even) .treatment-bg-label p{
  color: rgba(107, 74, 45, 0.12);
}

/* ----------------------------------------------------
  スマホ用（〜768px）
---------------------------------------------------- */
@media (max-width: 768px) {
  .treatment-wrapper {
    padding: 85px 15px;
  }

  .treatment-layout {
    flex-direction: column;
    gap: 20px;
  }

  .treatment-left,
  .treatment-right {
    flex: 1 1 100%;
    padding-right: 0;
  }

  .treatment-headline {
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.5;
    text-align: center;
  }

  .treatment-box {
    padding: 10px 5px;
  }

  .treatment-box img {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 5px;
    width: 50%;
    margin: auto;
    padding: 5px;
  }

  .treatment-txt {
    padding: 0;
    /* flex: 3; */
  }

  .treatment-bg-label p {
    font-size: 2rem;
    width: 100%;
    top: 0;
    left: 0%;
  }

  .treatment-ribbon span {
    font-size: 0.7rem;
  }

  .treatment-vertical-label {
    position: static;
    writing-mode: initial;
    font-size: 1.5rem;
    font-weight: normal;
    text-align: center;
    color: #6b4a2d;
  }

  .treatment-vertical-label span {
    font-size: 1.7rem;
  }

  .viewmore {
    text-align: center;
  }

  .treatment-ribbon {
    width: 100px;
    height: 100px;
    top: -152px;
    right: 20px;
    font-size: 12px;
  }

  .treatment-btn {
    width: 100%;
    padding: 14px 0;
    font-size: 16px;
  }

  .treatment-box strong {
    font-size: 0.8rem;
  }

  .treatment-box p {
    font-size: 0.7rem;
  }

  .treatment-layout.reverse {
    flex-direction: column;
  }

  /* 2つ目（.dark + reverse）だけ */
  .treatment-wrapper.dark .reverse .treatment-right {
    padding: 0;
  }

  .treatment-wrapper.dark .treatment-headline {
    padding-left: 0;
  }

  .treatment-wrapper.dark .treatment-ribbon {
    left: -5px;
    top: -180px;
    right: auto;
  }
}


/*------------------------------------------------------------------------
------------------診療メニュー------------------------------------------------------*/
.sec8 {
  width: 100%;
  height: 1060px;
  margin: 0 auto;
  background-color: #F7F0E8;
}

.sec8 h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 37px;
  padding: 100px 0 40px 0;
}

.sec8 p {
  text-align: center;
}

.sec8-menu01 {
  width: 50%;
  height: auto;
  margin: 80px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.sec8-menuBox {
  width: 18%;
  height: 190px;
  box-shadow: 0px 0px 7px 0px rgba(95, 83, 76, 0.3);
  background-color: rgba(255, 255, 255, .3);
  border: 2px solid rgba(95, 83, 76, .3);
  border-radius: 5%;
}

.sec8-menuBox:last-child {
  opacity: 0;
}

.sec8-menuBox-img {
    width: 65%;
    height: auto;
}

.sec8-menuBox a {
  text-decoration: none;
  color: #000;
  transition-duration: 0.5s;
}

.sec8-menuBox a:hover {
  opacity: .5;
}



/* .sec8-menuBox li:first-child {
  text-align: center;
  margin-top: 25px;
} */

.sec8-icon {
  text-align: center;
  margin-top: 25px;

}

.menu-name {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
}

.menu-name02 {
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  line-height: 135%;
}



/*------------------------------------------------------
------------------院長より皆さまへ------------------*/
.sec9 {
  width: 100%;
  background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec9-haikei.jpg);
  background-repeat: no-repeat;
  background-size: cover;
	padding:30px 0;
}

.sec9Title {
  padding: 130px 0 125px 0;
}

.sec9 h2 {
  color: #fff;
  text-align: center;
  font-size: 37px;
  /* background: rgba(95, 83, 76, 0.5); */
  padding: 20px;
  /* padding: 200px 0 135px 0; */
}

.career {
  width: 60%;
  height: auto;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.career img {
  width: 50%;
}

.carrer-box {
  width: 60%;
  padding: 30px 40px 30px 40px;
  background: rgba(255, 255, 255, .9);
  position: absolute;
  top: 18%;
  left: 47%;
  /* transform: translate(-50%, -50%); */
}

.carrer-box br {
  display: none;
}

.carrer-box p {
  font-size: 20px;
  border-bottom: 2px solid #5f5f5f;
  text-align: center;
}

.carrer-box span {
  padding-left: 20px;
}

.ja {
  font-size: 30px;
}

.en {
  font-size: 17px;
  color: #C3A99B;
}

.career-list {
  margin: 25px 0 0 50px;
}

.message {
  background: rgba(255, 255, 255, .9);
  box-shadow: -18px 12px 2px 1px rgba(95, 83, 76, 0.5);
  width: 60%;
  height: auto;
	margin: 110px auto 100px auto;
}

.message p {
  padding: 20px;
  font-size: 18px;
}

.sec9Button {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 400px;
  height: auto;
  padding: 25px 0;
  border: 2px solid rgba(95, 83, 76, 0.8);
  outline: 3px solid rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .9);
  transition-duration: 0.5s;
}

.sec9Button:hover {
  transform: scale(1.1);
}

.sec9Button a {
  text-align: center;
  text-decoration: none;
  color: #5f5f5f;
  font-weight: 800;
  font-size: 20px;
}



/*------------------------------------------------------
------------------お支払方法------------------------------------*/
.sec10 {
  width: 100%;
  height: auto;
  background-color: #E4DCD3;
}

.sec10-box02 {
  padding: 80px 0;
}

.sec10-box {
  background: rgba(255, 255, 255, .9);
  width: 70%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.sec10Title {
  width: 580px;
  height: auto;
  position: relative;
}


.sec10Title h2 {
  font-size: 37px;
  color: rgba(95, 83, 76, 1);
  padding: 20px 0;
  position: absolute;
  top: -40px;
  left: -22px;
}

.sec10Title02 {
  margin-left: 100px;
  margin-top: 86px;

}

.sec10Title02 p {
  font-size: 25px;
  text-decoration: underline 7px rgba(182, 163, 141, .6);

}

.sec10Title03 {
  margin: 20px 0 15px 86px;
}

.sec10Btn a {
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.sec10Btn {
  width: 80%;
  text-align: center;
  margin: 20px auto 0 auto;
  height: auto;
  padding: 15px 0;
  border: 2px solid #fff;
  outline: 3px solid rgba(95, 83, 76, 0.8);
  background: rgba(95, 83, 76, 0.8);
  transition-duration: 0.5s;
}

.sec10Btn:hover {
  transform: scale(1.1);
}

.sec10Img {
  background: rgba(182, 163, 141, .3);
  width: 35%;
  height: auto;
  padding: 0 30px 30px 30px;
  margin: 25px;
}

.kessai {
  font-size: 30px;
  padding: 25px 0 20px 0;
}

.kessai p {
  text-align: center;
}

.kessai-houhou {
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  padding: 30px 0;

}


.kessai-houhou p {
 width: 65%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
}

.kessai-houhou img {
  width: 80%;
  height: auto;
  padding-top: 20px;
}


/*------------------------------------------------------------------------
---------------よくある質問------------------------------------*/

.sec11 {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.sec11 h2 {
  color: rgba(95, 83, 76, 1);
  text-align: center;
  font-size: 37px;
  padding: 190px 0 30px 0;
}

.Question {
  width: 100%;
  height: auto;
  margin: 40px auto;
}

.qa-7 {
  max-width: 700px;
  margin: auto;
  margin-bottom: 10px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
  background: rgba(182, 163, 141, .6);
}

.qa-7 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 3em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.qa-7 summary::before,
.qa-7 p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.3em;
}

.qa-7 summary::before {
  color: rgba(95, 83, 76, 0.9);
  content: "Q";
}

.qa-7 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .5s;
}

.qa-7[open] summary::after {
  transform: rotate(225deg);
}

.qa-7 p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 3em 1.5em;
  color: #333;
  transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
  transform: none;
  opacity: 1;
}

.qa-7 p::before {
  color: #ff2d2d;
  line-height: 1.2;
  content: "A";
}


/*------------------------------------------------------
------------------sns------------------------------------*/
.sns {
  margin: 200px auto 100px auto;
  text-align: center;
}

.snsText {
  font-weight: 600;
  text-align: center;
  transition-duration: 0.5s;
}

.sns p {
  text-align: center;
  text-decoration: none;
  color: #000;
  transition-duration: 0.5s;
}

.snsText:hover {
  opacity: .5;
}

.sns p:hover {
  opacity: .5;
}

.sns img {
  width: 40%;
  transition-duration: 0.5s;
}

.sns img:hover {
  opacity: .5;
}

.sns a {
  text-decoration: none;
}


/* ------------------------------------------------------
------------------pdfにジャンプする画像------------------ */
.pdf {
  margin: 0 auto 200px auto;
  text-align: center;
  transition-duration: .5s;
}

.pdf a {
  text-decoration: none;
}

.pdf img {
  box-shadow: 0px 1px 5px 6px rgba(95, 83, 76, 0.5);
  transition-duration: .5s;
}

.pdf p {
  text-align: center;
  text-decoration: none;
  color: #000;
  transition-duration: .5s;
}

.pdf p:hover {
  opacity: .5;
}

.pdf img:hover {
  opacity: .5;
}




/*------------------------------------------------------------------------
------------------------------------フッター------------------------------------*/
footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #F7F0E8;
}

iframe {
  width: 100%;
  height: 300px;
}

.clinicHaikei {
  width: 100%;
  height: auto;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/footer-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}


.sinnsatuAnnai {
  text-align: center;
  padding: 100px 0;
  /* width: 80%;
  margin: 0 auto; */
  /* display: flex;
  gap: 100px; */
}

.address {
  text-align: center;
}

.footerTitle {
  text-align: center;
}

.footerTitle img {
  margin-bottom: 30px;
  transition-duration: 0.5s;
}

.footerTitle img:hover {
  opacity: .5;
}

.highlight {
  text-align: center;
  margin: 0 auto;
  padding: 6px;
  width: 500px;
  /* font-size: 18px; */
  background: rgba(182, 163, 141, .6);
}

.highlight br {
  display: none;
}

.address2 {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
}

.sinnsatu {
  margin: 20px 0 50px 0;
  text-align: center;
}

table {
  margin: 35px auto;
  font-size: 18px;
}

table tr:first-child {
  border-top: 2px solid rgba(182, 163, 141, .9);
  border-bottom: 1px solid rgba(182, 163, 141, .6);

}

table tr:last-child {
  border-bottom: 2px solid rgba(182, 163, 141, .9);
}

table th {
  text-align: center;
  padding: 3px 80px 3px 50px;
}

table td {
  padding: 3px 35px 3px 0px;
}

.sinnsatu p {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;

}

.tel {
  text-align: center;
}

.tel-1 {
  margin: 0;
  text-align: center;
}

.tel-2::before {
  content: '';
  background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/tel-2.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 63px;
  height: 70px;
  background-size: contain;
  vertical-align: middle;
}

.tel-2 {
  font-weight: 600;
  font-size: 35px;
  margin: 10px 0;
  text-align: center;
  margin-right: 20px;
}

.yoyaku {
  width: 100%;
  text-align: center;
}

.yoyaku p {
  max-width: 701px;
  height: auto;
  margin: 21px auto;
  background: rgba(95, 83, 76, .5);
  text-align: center;
  font-size: 20px;
  color: #fff;
  padding: 5px 0;
}

.yoyaku-btn {
  width: 60%;
  display: flex;
  margin: auto;
  justify-content: center;
  gap: 20px;
}

.Btn {
  text-align: center;
  width: 334px;
  height: auto;
  padding: 15px 0;
  border: 2px solid #fff;
  outline: 3px solid rgba(95, 83, 76, 0.8);
  background: rgba(95, 83, 76, 0.8);
  transition-duration: 0.5s;
}

.Btn:hover {
  transform: scale(1.1);
}

.yoyaku01,
.yoyaku02 {
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 15px 70px;
}

.yoyaku-btn br {
  display: none;
}

.footer-list {
  margin: 50px 0;
  display: flex;
  justify-content: space-around;
}

.category {
  line-height: 200%;
  display: flex;
  gap: 150px;
}

.category ul li a {
  text-decoration: none;
  color: #000;
}

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

.footerBottom {
  text-align: center;
  color: #fff;
  background: #b6afa7;
  line-height: 300%;
}

.bottom {
  display: none;
}



/* ------------------------------------------------------
------------------タブレット------------------------------------ */
@media screen and (max-width:768px) {
  body {
    padding: 0 0 75px 0!important;
    padding-top: 0;
    max-width: 768px;
    min-width: 481px;
  }

  * {
    box-sizing: border-box;
  }

  header,
  .sec1,
  .sec2,
  .sec3,
  .sec4,
  .sec5,
  .sec6,
  .sec7,
  .sec8,
  .sec9,
  .sec10,
  footer,
  iframe {
    width: 100%;
  }

.h1 {
  position: absolute;
  font-size: 12px;
  top: 12%;
  left: 2%;
  font-weight: normal;
  line-height: 1;
  margin-top: 0px;
}

.icon img {
  display: none;
}
	
.slider {
 width: 100%;
  /* デスクトップ版は80%程度に調整 */
}

.slide img {
  object-fit: contain;
  /* デスクトップは全体をカバーする */
}


  /* header {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }

  header .logo {
    margin: 12px 20px 0 0
  }

  .headerList ul {
    display: none;
    gap: 0;
    margin-top: 0;
  }

  .headerList ul li {
    list-style: none;
    font-weight: 600;
    padding-top: 20px;
  }

  .headerList ul li a {
    text-decoration: none;
    color: black;
    margin-right: 50px;
    margin: 20px;
    position: relative;
  }

  .headerList ul li a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #5f534c;
    bottom: -1px; */
  /*アンダーラインがaタグの下端から現れる*/
  /* transform: scale(0, 1); */
  /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  /* transform-origin: left top; */
  /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  /* transition: transform 0.3s; */
  /*変形の時間*/
  /* } */

  /* .headerList ul li a:hover::after {
    transform: scale(1, 1); */
  /*ホバー後、x軸方向に1（相対値）伸長*/
  /* }

  .section {
    height: 100vh;
  } */

  /* header.scroll-nav { */
  /* 余白を狭くする */
  /* width: 100%;
    height: 65px; */
  /* padding-right: 500px; */
  /* margin-left: 485px; */
  /* padding: 0px 0 0 616px; */
  /* background-color: rgb(255, 255, 255); */
  /* opacity: .5; */
  /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  }

  header.scroll-nav .logo {
    width: 350px;
    height: auto;
    margin: 11px 50px 0 0;
  }

  header.scroll-nav .menu {
    font-size: 14px;
    color: #000;
    margin-top: 0;
  }

  header.scroll-nav .headerList {
    margin-top: 0;
  }

  header.scroll-nav ul li {
    padding-top: 9px;
  } */

  /* ------------------------------------
-----------ハンバーガー----------------- */
  /* .mobile-nav {
    display: block;
  }

  .mobile-menu-icon {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: fixed;
    right: 7%;
    top: 5%;
    z-index: 10001;
    padding: 0;
  }

  .mobile-menu-icon span {
    display: block;
    height: 5px;
    width: 55px;
    margin-bottom: 10px;
    background-color: rgba(95, 83, 76, 0.9);
    transition: 0.5s;
  } */

  /* .mobile-menu-icon span {
background-color: #dc143c;
width: 30px;
height: 4px;
display: block;
margin-bottom: 9px;
transition: transform 0.7s;
} */


  /* .mobile-menu-icon.active span:nth-child(1) { */
  /* ↑ボタンがクリックされた後、1本目を斜めにする処理 */
  /* transform: rotate(45deg) translate(18.5px, 14.5px);
    background-color: rgba(95, 83, 76, 0.9); */
  /* ↑ボタンがクリックされた後の線の色 */
  /* } */

  /* .mobile-menu-icon.active span:nth-child(2) { */
  /* ２本目の線を非表示に */
  /* opacity: 0;
  } */

  /* .mobile-menu-icon.active span:nth-child(3) { */
  /* １本目の線と逆方向に斜めにする処理 */
  /* transform: rotate(-45deg) translate(5.5px, -5.5px);
    background-color: rgba(95, 83, 76, 0.9); */
  /* ↑ボタンがクリックされた後の線の色 */
  /* } */


  /* .mobile-nav {
    background-color: rgba(255, 255, 255, 0.7); */
  /* ナビゲーションの背景色 */
  /* width: 100%; */
  /* 画面に対して横幅いっぱいに、半分にしたい場合は50％ */
  /* position: fixed;
    bottom: 0; */
  /* right: -100%; */
  /* 右画面外配置して固定 */
  /* transition: 0.5s; */
  /* 0.5五秒間かけて変化 */
  /* z-index: 9998; */
  /* メニューの重なり順を一番上 */
  /* 
  }

  .mobile-nav.active {
    right: 0;
  }

  .mobile-nav.active a {
    text-decoration: none;
    color: rgb(95, 83, 76);
    font-size: 25px;
  }

  .mobile-nav ul {
    width: fit-content;
    height: 100vh;
    margin: 0 auto; */
  /* 画面に対して高さ100％ */
  /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .mibule-nav ul li {
    list-style-type: none;
    margin-bottom: 5%;
  }

  .mibule-nav ul li.hina-mincho-regular a {
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
  } */

  /* ここまでハンバーガーメニュー */

  /* ------------------------------------
  ------------------サイドボタン------------------ */
  .side {
    display: none;
  }

  /* ページトップ */
  .pagetop {
    height: 40px;
    width: 40px;
    position: fixed;
    right: 10px;
    bottom: 78px;
    background: rgba(95, 83, 76, 0.9);
    border: solid 2px #fff;
    outline: 3px solid rgba(95, 83, 76, 0.9);
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 14;
  }

  .pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
  }


  /* ------------------------------------------------------
  ------------------下に固定------------------------------------ */
  .bottom {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 0;
    height: auto;
    position: fixed;
    z-index: 150;
    bottom: 3px;
    left: 0;
  }

  .bottomBtn {
    display: block;
    text-align: center;
    width: 49%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    border: 2px solid #fff;
    outline: 3px solid rgb(95, 83, 76);
    background: rgb(95, 83, 76);
    transition-duration: 0.5s;
    line-height: 120%;
  }


  .bottomBtn a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
  }

  /*--------タブレット-------------------------------
  ------------------バナー------------------------------------*/
  .bunner {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 100px auto;
    gap: 20px;
  }

  .bunner img {
    width: 235px;
    height: auto;
    box-shadow: 0px 1px 6px 5px rgba(63, 55, 50, 0.3);
    transition-duration: 0.5s;
  }

  .bunner img:hover {
    transform: scale(1.1);
  }


  /*------------------タブレット------------------
  ------------------感染症対策------------------*/

  .sec1-taisaku {
    width: 90%;
    height: 300px;
    margin: 0 auto;
    border: 2px solid #C3A99B;

  }

  .sec1-title {
    text-align: center;
    margin: 15px auto;
  }

  .sec1-list li {
    line-height: 220%;
    list-style: none;
    width: 80%;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px solid #C3A99B;
  }


  /*------------------タブレット------------------
  ------------------お知らせ------------------*/
  .sec2 {
    margin: 100px 0;
    /* background-color: #C3A99B; */
  }

    .sec2-info {
      width: 90%;
    }
  
    .info {
      grid-template-columns: 1fr; /* 1列表示に切り替え */
    }
  
    .newsbtn a {
      font-size: 12px; /* フォントサイズを小さく */
    }


  /*-------------タブレット-----------------------
  ------------------ながみね歯科クリニックの特徴------------------*/
  .sec3 {
    background-color: #FBF6F0;
    /* background: linear-gradient(#faf6f2, #e4cbb1); */
  }

  .sec3 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 100px 0 30px 0;
  }

  .tokutyou {
    width: 90%;
  }

  .tokutyou1 {
    padding: 55px 0 130px 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 45px 20px
  }

  .tokutyou1 h3 {
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #5f5f5f;
    line-height: 145%;
    padding: 20px 0;
  }

  .tokutyouText {
    width: 47%;
    height: 460px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    padding: 0px 20px 0px 20px;
    box-shadow: 6px 9px 2px 1px rgba(182, 163, 141, .6);
  }

  .tokutyouImg {
    width: 100%;
    height: auto;
    margin: 20px auto;
  }

  .tokutyouText p {
    padding: 5px;
  }

  .small {
    font-size: 14px;
  }


  /* ------------------タブレット------------------
  ------------------ながみね歯科クリニックが選ばれる理由------------------ */
  .sec4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .sec4Title {
    width: 90%;
    margin: 0 auto;
  }
  
  .sec4 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 200px 0 100px 0;
  }
  
  .sec4-box01 {
    /* background-color: #b6afa7; */
    width: 100%;
    margin: 0 auto;
    height: 675px;
  }

  .sec4-box02 {
    /* background-color: #b6afa7; */
    width: 100%;
    margin: 0 auto;
    height: 350px;
  }
  
  .sec4-flex {
    display: block;
    justify-content: space-around;
    width: 90%;
    margin: 101px auto 380px auto;
  }
  
  .sec4-flex02 {
    display: block;
    justify-content: space-around;
    width: 90%;
    margin: 0px auto 420px auto;
  }
  
  .sec4-h3 {
    width: 70%;
    height: auto;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
  }
  
  .sec4-h3 h3 {
    text-align: center;
    font-size: 27px;
    padding: 10px;
  }
  
  .sec4-text {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  
  .sec4-text img {
    width: 60%;
    height: 260px;
    object-fit: cover;
    margin: -56px 0 0 0;
    box-shadow: 77px 68px 6px -8px rgba(182, 163, 141, 0.2);
   z-index: 200;
  }
  
  .shadow {
    width: 80%;
    height: auto;
    transform: translate(10px, 38px);
  }
  
  .sec4-text .txt01 {
    width: 80%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 65px 20px 50px 20px;
  }
  
  .sec4-text .txt02 {
    width: 100%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 65px 20px 30px 20px;
  }
  
  .sec4-text .txt03 {
    width: 80%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 80px 20px 38px 20px;
  }
  
  .sec4-text .txt04-1 {
    width: 80%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 80px 20px 38px 20px;
  }
  
  .number {
    width: 15%;
    height: 84px;
    margin-top: 20px;
    background: rgba(95, 83, 76, 0.9);
  }
  
  .number p {
    font-size: 50px;
    color: #fff;
    text-align: center;
  }


  /* ------------------タブレット------------------
  -----厚生労働省が定める厳しい基準を満たした歯科医院です */

  .sec5 {
    width: 100%;
    height: 700px;
    background: linear-gradient(rgba(95, 83, 76, 0.5), rgba(95, 83, 76, 0.5)), url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5haikei.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec5 h2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 30px;
  }

  .sec5Title {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    padding-top: 60px;

  }

  .sec5Text h3 {
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    margin-top: 35px;
  }

  .sec5Text h3::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }

  .sec5Text p {
    font-size: 16px;
    margin-top: 20px;
  }

  .sec5Text {
    width: 80%;
    height: auto;
    margin: 0 auto;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 0px;
    color: #eeeeee;
  }


  /*-----------タブレット-------------------------
  ------------------治療ごとに各専門医が在籍------------------*/
  .sec6 {
    width: 100%;
    height: auto;
    margin: 0px auto 100px auto;
    background: rgba(222, 222, 222, 0.4);
  }

  .sec6-box {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 60px 0;
    display: block;
    /* justify-content: center; */
  }

  .sec6Title {
    width: 100%;
    margin: 20px auto;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    background: rgba(255, 255, 255, 0.7);
    color: rgba(95, 63, 76, 0.8);
  }

  .sec6 h2 {
    font-size: 40px;
    text-align: center;
    padding: 35px 0 20px 0px;
  }

  .sec6 p {
    color: rgba(95, 83, 76, 0.8);
    font-size: 16px;
    padding: 0 15px 15px 20px;
  }

  .sec6 img {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    object-fit: contain;
    text-align: center;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }



  /*------------------ タブレット------------------
  ------------------ピックアップ診療 ------------------*/
    .sec7 {
    width: 100%;
    height: 2400px;
    margin: 0 auto;
    overflow: hidden;
  }

  .sec7 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 0px 0 149px 0;
  }


  .sec7-box {
    width: 95%;
    height: 485px;
    margin: 0 auto;
    display: flex;
    position: relative;
  }

  .sec7-box01 {
    width: 80%;
    height: 255px;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
    position: absolute;
    top: 1%;
    left: 1%;
  }

  .sec7-box01-2 {
    width: 80%;
    height: 255px;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
    position: absolute;
    top: 30%;
    left: 1%;
  }



  .sec7-box01 img,
  .sec7-box02 img {
    width: 320px;
    height: 188px;
    object-fit: cover;
  }

  .sec7-image {
    position: absolute;
    top: -16%;
    left: 5%;
    z-index: 10;
  }

  .sec7-text {
    position: absolute;
    background: rgba(195, 169, 155, 0.3);
    width: 100%;
    height: 286px;
    top: 25%;
    left: 24%;
  }

  .sec7-text03 {
    position: absolute;
    background: rgba(195, 169, 155, 0.3);
    width: 100%;
    height: 288px;
    top: 25%;
    left: 22%;
  }

  .sec7-text h3 {
    position: absolute;
    top: -10%;
    left: 58%;
    color: rgba(95, 83, 76, 1);
    font-size: 28px;
    padding: 10px;
  }

  .sec7-text .txt01,
  .sec7-text02 .txt01 {
    padding: 110px 25px 0 70px;
    font-size: 16px;
  }

  .sec7-text .txt02,
  .sec7-text02 .txt02 {
    padding: 0 55px 0 70px;
    font-size: 16px;

  }

  .sec7-text .txt03,
  .sec7-text02 .txt03 {
    padding: 0 25px 0 70px;
    font-size: 16px;

  }

  .sec7-text .t01,
  .t02,
  .t03,
  .sec7-text02 .t01,
  .t02,
  .t03 {
    font-size: 25px;
  }

  .sec7-text .t01,
  .sec7-text02 .t03 {
    font-size: 25px;
    text-decoration: underline 5px #fff;
  }

  .sec7-box02 {
    width: 80%;
    height: 255px;
    background: rgba(222, 222, 222, 0.4);
    position: absolute;
    top: 15%;
    left: 20%;
  }

  .sec7-box02-2 {
    width: 80%;
    height: 255px;
    background: rgba(222, 222, 222, 0.4);
    position: absolute;
    top: 50%;
    left: 20%;
  }

  .sec7-image02 {
    position: absolute;
    top: -16%;
    right: 6%;
    /* left: -7%; */
    z-index: 10;
  }

  .sec7-text02 {
    position: absolute;
    background: rgba(222, 222, 222, 0.4);
    width: 100%;
    height: 288px;
    top: 25%;
    left: -25%;
  }

  .sec7Box {
    width: 100%;
}


  .sec7-text02 h3 {
    position: absolute;
    top: -10%;
    left: -2%;
    color: rgba(95, 83, 76, 1);
    font-size: 30px;
    padding: 10px;
  }

  .sec7-text03 h3 {
    position: absolute;
    top: -10%;
    left: 58%;
    color: rgba(95, 83, 76, 1);
    font-size: 30px;
    padding: 10px 83px 0 0;
}
  

  .sec7-text04 h3 {
        position: absolute;
        top: -9%;
        left: -2%;
        color: rgba(105, 105, 105, 1);
        font-size: 22px;
        padding: 10px;
        z-index: 200;
  }

  .tiisaku {
    position: absolute;
    top: 107%;
    left: -3%;
    font-size: 15px;
  }

  .nidan {
    position: absolute;
    top: 4%;
    left: 10%;
    color: rgba(105, 105, 105, 1);
    font-size: 15px;
  }

  .txt04 {
    padding: 0 0 0 70px;
    font-size: 16px;
  }

  .sec7Button {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 85%;
    height: auto;
    padding: 10px;
    border: 2px solid rgba(95, 83, 76, 0.8);
    outline: 3px solid rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .9);
    transition-duration: 0.5s;

  }

  .sec7Button a {
    text-align: center;
    text-decoration: none;
    color: #5f5f5f;
    font-weight: 800;

  }

  .sec7Btn01 {
    position: absolute;
    top: 130%;
    left: 18%;
  }

  .sec7Btn02 {
    position: absolute;
    top: 127%;
    left: -2%;
  }

  .sec7Btn03 a {
    font-size: 15px;
  }

  .sec7Btn03 {
    position: absolute;
    top: 139%;
    left: 21%;
  }

  .sec7Btn04 {
    position: absolute;
    top: 138%;
    left: -2%;
  }


  /* ------------------タブレット------------------
  ------------------症例ページ------------------ */

  .sec7-5Title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 60px;

  }

  .sec7-5Title h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 10px 0 5px 0;

  }

  .syourei {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 60px 10px;
  }

  .syourei h3 {
    text-align: center;
    font-size: 20px;
    padding: 30px 0 25px 0;
    text-decoration: underline 7px rgba(195, 169, 155, 0.7);
  }

  .syourei01 {
    width: 45%;
	  height: auto;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    /* margin: 47px 34px 0 50px; */
    margin: 0 auto;
    box-shadow: 9px 8px 12px 2px rgba(182, 163, 141, .5);
  }

  .syourei img {
    width: 90%;
    height: 135px;
  }

  .syourei01 p {
    text-align: center;
    padding: 20px 20px 10px 20px;
    text-align: center;
  }

  .img01 {
    text-align: center;
    position: relative;
  }

  .img01 p {
    position: absolute;
    top: -14px;
    left: 39px;
    font-size: 25px;
  }

  .img02 {
    text-align: center;
    position: relative;
  }

  .img02 p {
    position: absolute;
    top: -14px;
    left: 39px;
    font-size: 25px;
  }

  .syourei-btn {
    text-align: center;
    width: 165px;
    height: auto;
	  margin: 20px auto;
    padding: 10px 0;
    /* border: 2px solid #fff;
  outline: 3px solid rgb(95, 83, 76); */
    background: rgba(143, 123, 112, 0.9);
    transition-duration: 0.5s;
    line-height: 120%;
    box-shadow: 0 5px 0 0 rgba(53, 46, 42, 0.8);
    transition-duration: .5s;
  }

  .syourei-btn a {
    text-decoration: none;
    color: #fff;
  }

  .syourei-btn:hover {
    text-align: center;
    width: 165px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    /* border: 2px solid #fff;
  outline: 3px solid rgb(95, 83, 76); */
    background: rgb(51, 43, 39);
    transition-duration: 0.5s;
    line-height: 120%;
    box-shadow: 0 5px 0 0 rgba(53, 46, 42, 0.8);
  }

  .syourei01:last-child {
    opacity: 0;
  }



  /*---------------タブレット---------------------
  ------------------診療メニュー------------------*/
  .sec8 {
    width: 100%;
    height: 1060px;
    margin: 0 auto;
    background-color: #F7F0E8;
  }

  .sec8 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 100px 0 40px 0;
  }

  .sec8 p {
    text-align: center;
  }

  .sec8-menu01 {
    width: 100%;
    height: auto;
    margin: 19px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 1px;
  }

  .sec8-menuBox {
    width: 22%;
    height: 180px;
    box-shadow: 0px 0px 7px 0px rgba(95, 83, 76, 0.3);
    background-color: rgba(255, 255, 255, .3);
    border: 2px solid rgba(95, 83, 76, .3);
    border-radius: 5%;
    margin: 5px auto 5px auto;
  }

  .sec8-menuBox:last-child {
    opacity: 0;
    margin-right: 393px;
  }

  .sec8-menuBox img {
    width: 65%;
    height: auto;
  }

  .sec8-menuBox a {
    text-decoration: none;
    color: #000;
    transition-duration: 0.5s;
  }

  .sec8-menuBox a:hover {
    opacity: .5;
  }

  /* .sec8-menuBox li:first-child {
  text-align: center;
  margin-top: 25px;
} */

  .sec8-icon {
    text-align: center;
    margin-top: 25px;

  }

  .menu-name {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
  }

  .menu-name02 {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    line-height: 135%;
  }


  /*----------------タブレット--------------------
  ------------------院長より皆さまへ------------------*/
  .sec9 {
    width: 100%;
    height: 1535px;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec9-haikei.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec9Title {
    padding: 60px 0 40px 0;
  }

  .sec9 h2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 20px;
    /* padding: 200px 0 135px 0; */
  }

  .career {
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    display: flex;
    position: relative;
  }

  .career img {
    width: 60%;
    /* margin: 0 auto; */
    position: absolute;
    top: 3%;
    left: 8%;
  }

  .carrer-box {
    width: 65%;
    padding: 30px 20px 50px 20px;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 27%;
    left: 30%;
  }

  .carrer-box br {
    display: none;
  }

  .carrer-box p {
    font-size: 23px;
    border-bottom: 2px solid #5f5f5f;
    text-align: center;
  }

  .carrer-box span {
    padding-left: 20px;
  }

  .ja {
    font-size: 30px;
  }

  .en {
    font-size: 20px;
    color: #C3A99B;
  }

  .career-list {
    margin: 30px 15px 0 15px;
  }

  .message {
    background: rgba(255, 255, 255, .9);
    box-shadow: -18px 12px 2px 1px rgba(95, 83, 76, 0.5);
    width: 90%;
    height: auto;
    margin: -263px auto 0px auto;
  }

  .message p {
    padding: 20px;
    font-size: 18px;
  }

  .sec9Button {
    width: 100%;
    text-align: center;
    margin: 60px auto;
    width: 400px;
    height: auto;
    padding: 25px 0;
    border: 2px solid rgba(95, 83, 76, 0.8);
    outline: 3px solid rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .9);
    transition-duration: 0.5s;
  }

  .sec9Button:hover {
    transform: scale(1.1);
  }

  .sec9Button a {
    text-align: center;
    text-decoration: none;
    color: #5f5f5f;
    font-weight: 800;
    font-size: 20px;
  }


  /*----------------タブレット--------------------
  ------------------お支払方法------------------*/
  .sec10 {
    width: 100%;
    height: auto;
    background-color: #E4DCD3;
  }

  .sec10-box02 {
    padding: 80px 0;
  }

  .sec10-box {
    background: rgba(255, 255, 255, .9);
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
    padding-bottom: 35px;
    /* justify-content: center; */
  }

  .sec10Title {
    width: 100%;
    height: auto;
    position: relative;
  }


  .sec10Title h2 {
    font-size: 40px;
    color: rgba(95, 83, 76, 1);
    padding: 20px 0;
    position: absolute;
    top: -43px;
    left: 32px;
  }

  .sec10Title02 {
    width: 100%;
    margin: 0 auto;
  }

  .sec10Title02 p {
    font-size: 25px;
    text-decoration: underline 7px rgba(182, 163, 141, .6);
    padding-top: 40px;
    text-align: center;
  }

  .sec10Title03 {
    width: 55%;
    margin: 40px auto 100px auto;
  }

  .sec10Btn a {
    text-align: center;
    text-decoration: none;
    color: #fff;
  }

  .sec10Btn {
    width: 100%;
    text-align: center;
    margin: 40px auto 0 auto;
    height: auto;
    padding: 15px 0;
    border: 2px solid #fff;
    outline: 3px solid rgba(95, 83, 76, 0.8);
    background: rgba(95, 83, 76, 0.8);
    transition-duration: 0.5s;
  }

  .sec10Btn:hover {
    transform: scale(1.1);
  }

  .sec10Img {
    background: rgba(182, 163, 141, .3);
    width: 90%;
    height: auto;
    padding: 0 30px 30px 30px;
    margin: 0 auto;
  }

  .kessai {
    font-size: 30px;
    padding: 25px 0 20px 0;
  }

  .kessai p {
    text-align: center;
  }

  .kessai-houhou {
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 30px 0;
  }

  .kessai-houhou p {
    font-size: 16px;
    font-weight: 500;
    width: 36%;
    margin: 0 auto;
  }

  .kessai-houhou img {
    width: 75%;
    height: auto;
    padding-top: 20px;
  }


  /*----------------タブレット--------------------
  ------------------よくある質問------------------*/

  .sec11 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .sec11 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 40px;
    padding: 60px 0 15px 0;
  }

  .Question {
    width: 90%;
    height: auto;
    margin: 40px auto;
  }

  .qa-7 {
    max-width: 700px;
    margin: auto;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background: rgba(182, 163, 141, .6);
  }

  .qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
  }

  .qa-7 summary::before,
  .qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
  }

  .qa-7 summary::before {
    color: rgba(95, 83, 76, 0.9);
    content: "Q";
  }

  .qa-7 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
  }

  .qa-7[open] summary::after {
    transform: rotate(225deg);
  }

  .qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
  }

  .qa-7[open] p {
    transform: none;
    opacity: 1;
  }

  .qa-7 p::before {
    color: #ff2d2d;
    line-height: 1.2;
    content: "A";
  }


  /*----------------タブレット--------------------
  ------------------sns------------------*/
  .sns {
    width: 70%;
    margin: 140px auto 100px auto;
    text-align: center;
  }

  .snsText {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    transition-duration: 0.5s;
  }

  .sns img {
    width: 100%;
  }

  .sns p {
    text-align: center;
    text-decoration: none;
    color: #000;
    transition-duration: 0.5s;
  }

  .snsText:hover {
    opacity: .5;
  }

  .sns p:hover {
    opacity: .5;
  }

  .sns img {
    transition-duration: 0.5s;
  }

  .sns img:hover {
    opacity: .5;
  }

  .sns a {
    text-decoration: none;
  }


  /* ----------------タブレット--------------------
  ------------------pdfにジャンプする画像 ------------------*/
  .pdf {
    margin: 0 auto 200px auto;
    text-align: center;
    transition-duration: .5s;
  }

  .pdf a {
    text-decoration: none;
  }

  .pdf img {
    box-shadow: 0px 1px 5px 6px rgba(95, 83, 76, 0.5);
    transition-duration: .5s;
  }

  .pdf p {
    text-align: center;
    text-decoration: none;
    color: #000;
    transition-duration: .5s;
  }

  .pdf p:hover {
    opacity: .5;
  }

  .pdf img:hover {
    opacity: .5;
  }




  /*----------------タブレット--------------------
  ------------------フッター------------------*/
  footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #F7F0E8;
  }

  .clinicHaikei {
    width: 100%;
    height: auto;
    background-image: url(./img/footer-img.png);
    background-repeat: no-repeat;
    background-size: cover;
  }


  .sinnsatuAnnai {
    text-align: center;
    padding: 100px 0;
    /* width: 80%;
  margin: 0 auto; */
    /* display: flex;
  gap: 100px; */
  }

  .address {
    text-align: center;
  }

  .footerTitle {
    text-align: center;
  }

  .footerTitle img {
    margin-bottom: 30px;
    transition-duration: 0.5s;
  }

  .footerTitle img:hover {
    opacity: .5;
  }

  .highlight {
    text-align: center;
    margin: 0 auto;
    padding: 6px;
    width: 500px;
    /* font-size: 18px; */
    background: rgba(182, 163, 141, .6);
  }

  .highlight br {
    display: none;
  }

  .address2 {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
  }

  .sinnsatu {
    margin: 20px 0 50px 0;
    text-align: center;
  }

  table {
    margin: 35px auto;
    font-size: 18px;
  }

  table tr:first-child {
    border-top: 2px solid rgba(182, 163, 141, .9);
    border-bottom: 1px solid rgba(182, 163, 141, .6);

  }

  table tr:last-child {
    border-bottom: 2px solid rgba(182, 163, 141, .9);
  }

  table th {
    text-align: center;
    padding: 3px 80px 3px 50px;
  }

  table td {
    padding: 3px 35px 3px 0px;
  }

  .sinnsatu p {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;

  }

  .tel {
    text-align: center;
  }

  .tel-1 {
    margin: 0;
    text-align: center;
  }

  .tel-2::before {
    content: '';
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/tel-2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 63px;
    height: 70px;
    background-size: contain;
    vertical-align: middle;
  }

  .tel-2 {
    font-weight: 600;
    font-size: 35px;
    margin: 10px 0;
    text-align: center;
    margin-right: 20px;
  }

  .yoyaku {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }

  .yoyaku p {
    max-width: 701px;
    height: auto;
    margin: 21px auto;
    background: rgba(95, 83, 76, .5);
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 5px 0;
  }

  .yoyaku-btn {
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: center;
    gap: 35px;
  }

  .Btn {
    text-align: center;
    width: 300px;
    height: auto;
    padding: 5px 0;
    border: 2px solid #fff;
    outline: 3px solid rgba(95, 83, 76, 0.8);
    background: rgba(95, 83, 76, 0.8);
    transition-duration: 0.5s;
  }

  .Btn:hover {
    transform: scale(1.1);
  }

  .yoyaku01,
  .yoyaku02 {
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 0;
  }

  .yoyaku-btn br {
    display: block;
  }

  .footer-list {
    width: 90%;
    margin: 50px auto;
    display: flex;
    justify-content: space-around;
  }
	.category {
    line-height: 200%;
    display: flex;
    gap: 35px;
  }
	
}


/*----------------スマホ--------------------*/

@media screen and (max-width:480px) {
  body {
    padding: 0 0 75px 0!important;
    max-width: 480px;
    min-width: 300px;
  }

  * {
    box-sizing: border-box;
  }

  header,
  .sec1,
  .sec2,
  .sec3,
  .sec4,
  .sec5,
  .sec6,
  .sec7,
  .sec8,
  .sec9,
  .sec10,
  footer {
    width: 100%;
  }

  .h1 {
    position: absolute;
    font-size: 8px;
    top: 12%;
    left: 1%;
    font-weight: normal;
    line-height: 1;
    margin-top: 0px;
    z-index: 101;
  }

  .icon img {
    display: none;
  }
	
	  .slider {
    width: 100%;
    margin-top: 50px;
  }

  .slide img {
    object-fit: cover;
    /* 画像全体を縮小して表示 */
  }

  /* header {
    max-width: 480px;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    display: block;
    gap: 0px;
    background-color: rgb(255, 255, 255);
  }

  header .logo {
    width: 80%;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
    max-width: 360px;
  }

  .headerList {
    display: none;
    gap: 0px;
    margin-top: 0px;
  }

  .headerList li {
    list-style: none; */
  /* font-weight: 600;
  padding-top: 20px; */
  /* }

  header.scroll-nav {
    background: rgb(255 255 255 / 0); */
  /* opacity: .5; */
  /* box-shadow: none;
  }

  header.scroll-nav .logo {
    display: none;
  } */

  /* ------------------------------------
-----------ハンバーガー----------------- */
  /* .mobile-nav {
    display: block;
  }

  .mobile-menu-icon {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: fixed;
    right: 5%;
    top: 4%;
    z-index: 10001;
    padding: 0;
  }

  .mobile-menu-icon span {
    display: block;
    height: 3px;
    width: 30px;
    margin-bottom: 6px;
    background-color: rgba(95, 83, 76, 0.9);
    transition: 0.5s;
  }
 */
  /* .mobile-menu-icon span {
  background-color: #dc143c;
  width: 30px;
  height: 4px;
  display: block;
  margin-bottom: 9px;
  transition: transform 0.7s;
} */


  /* .mobile-menu-icon.active span:nth-child(1) { */
  /* ↑ボタンがクリックされた後、1本目を斜めにする処理 */
  /* transform: rotate(45deg) translate(8.5px, 5.5px);
    background-color: rgba(95, 83, 76, 0.9); */
  /* ↑ボタンがクリックされた後の線の色 */
  /* }

  .mobile-menu-icon.active span:nth-child(2) { */
  /* ２本目の線を非表示に */
  /* opacity: 0;
  }

  .mobile-menu-icon.active span:nth-child(3) { */
  /* １本目の線と逆方向に斜めにする処理 */
  /* transform: rotate(-45deg) translate(5.5px, -5.5px);
    background-color: rgba(95, 83, 76, 0.9); */
  /* ↑ボタンがクリックされた後の線の色 */
  /* } */


  /* .mobile-nav {
    background-color: rgba(255, 255, 255, 0.7); */
  /* ナビゲーションの背景色 */
  /* width: 100%; */
  /* 画面に対して横幅いっぱいに、半分にしたい場合は50％ */
  /* position: fixed;
    bottom: 0;
    right: -100%; */
  /* 右画面外配置して固定 */
  /* transition: 0.5s; */
  /* 0.5五秒間かけて変化 */
  /* z-index: 9998; */
  /* メニューの重なり順を一番上 */

  /* }

  .mobile-nav.active {
    right: 0;
  }

  .mobile-nav.active a {
    text-decoration: none;
    color: rgb(95, 83, 76);
    font-size: 25px;
  }

  .mobile-nav ul {
    width: fit-content;
    height: 100vh;
    margin: 0 auto; */
  /* 画面に対して高さ100％ */
  /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .mibule-nav ul li {
    list-style-type: none;
    margin-bottom: 5%;
  }

  .mibule-nav ul li.hina-mincho-regular a {
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
  } */

  /* ここまでハンバーガーメニュー */


  /* ----------------スマホ-------------------
  ------------------サイドボタン------------------ */
  .side {
    display: none;
  }

  /* ----------------スマホ-------------------
  ------------------ページトップ------------------ */
  .pagetop {
    height: 40px;
    width: 40px;
    position: fixed;
    right: 10px;
    bottom: 78px;
    background: rgba(95, 83, 76, 0.9);
    border: solid 2px #fff;
    outline: 3px solid rgba(95, 83, 76, 0.9);
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 14;
  }

  .pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
  }


  /* ----------------スマホ-------------------
  ------------------下に固定------------------ */
  .bottom {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 0;
    height: auto;
    position: fixed;
    z-index: 150;
    bottom: 3px;
    left: 3px;
  }

  .bottomBtn {
    display: block;
    text-align: center;
    width: 48%;
    height: auto;
    padding: 10px 0;
    border: 2px solid #fff;
    outline: 3px solid rgb(95, 83, 76);
    background: rgb(95, 83, 76);
    transition-duration: 0.5s;
    line-height: 120%;
  }


  .bottomBtn a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
  }

  /* ----------------スマホ-------------------
  ------------------バナー ------------------*/
  .bunner {
    width: 70%;
    display: block;
    /* justify-content: center; */
    margin: 22px auto;
  }

  .bunner img {
    width: 100%;
    margin: 20px auto;
    box-shadow: 0px 1px 6px 5px rgba(63, 55, 50, 0.3);
  }

  /*----------------スマホ-------------------
  ------------------感染症対策------------------*/

  .sec1-taisaku {
    width: 90%;
    height: auto;
    margin: 0 auto;
    border: 2px solid #C3A99B;
  }

  .sec1-title {
    text-align: center;
    margin: 20px auto 0 auto;
  }

  .sec1-list {
    padding-top: 0px;
  }

  .sec1-list li {
    line-height: 110%;
    list-style: none;
    width: 90%;
    height: 65px;
    margin: 25px auto 25px auto;
    border-bottom: 1px solid #C3A99B;
  }


  /*----------------スマホ-------------------
  ------------------お知らせ------------------*/
  @media (max-width: 768px) {
    .sec2-info {
      width: 90%;
    }
  
    .info {
      grid-template-columns: 1fr; /* 1列表示に切り替え */
    }
  
    .newsbtn a {
      font-size: 12px; /* フォントサイズを小さく */
    }
  }

  /*----------------スマホ-------------------
  ------------------ながみね歯科クリニックの特徴------------------*/
  .sec3 {
    background-color: #FBF6F0;
    padding-bottom: 40px;
    /* background: linear-gradient(#faf6f2, #e4cbb1); */
  }

  .sec3 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 30px 0 20px 0;
  }

  .tokutyou {
    width: 100%;
    margin: 0 auto;
  }

  .tokutyou1 {
    padding: 10px 0 10px 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 85px 50px;
  }

  .tokutyou1 h3 {
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #5f5f5f;
    line-height: 185%;
    padding: 20px 0;
  }

  .tokutyouText {
    width: 90%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    padding: 15px 10px 0px 10px;
    box-shadow: 8px 8px 2px 1px rgba(182, 163, 141, .6);
  }

  .tokutyouImg {
    width: 90%;
    height: auto;
    margin: 20px auto;
  }

  .tokutyouText h3 {
    font-size: 18px;
  }

  .tokutyouText p {
    padding: 5px;
  }

  .small {
    font-size: 14px;
  }


  /* ----------------スマホ-------------------------------------
  ------------------ながみね歯科クリニックが選ばれる理由------------------ */
    .sec4 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .sec4Title {
    width: 90%;
    margin: 0 auto;
  }
  
  .sec4 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 80px 0 0px 0;
  }
  
  .sec4-box01 {
    /* background-color: #b6afa7; */
    width: 100%;
    margin: 0 auto;
    height: 520px;
  }

  .sec4-box02 {
    /* background-color: #b6afa7; */
    width: 100%;
    margin: 0 auto;
    height: 315px;
  }
  
  .sec4-flex {
    display: block;
    justify-content: space-around;
    width: 90%;
    margin: 101px auto 380px auto;
  }
  
  .sec4-flex02 {
    display: block;
    justify-content: space-around;
    width: 90%;
    margin: 0px auto 255px auto;
  }
  
  .sec4-h3 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
  }
  
  .sec4-h3 h3 {
    text-align: center;
    font-size: 18px;
    padding: 10px;
  }
  
  .sec4-text {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  
  .sec4-text img {
    width: 75%;
    height: 185px;
    object-fit: cover;
    margin: -25px 0 0 50px;
    box-shadow: 23px 29px 6px -1px rgba(182, 163, 141, 0.2);
    z-index: 200;
}
  
  
  .shadow {
    width: 100%;
    height: auto;
    transform: translate(-9px, 20px);
  }
  
  .sec4-text .txt01 {
    width: 85%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 65px 20px 30px 20px;
  }
  
  .sec4-text .txt02 {
    width: 95%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 65px 20px 30px 20px;
  }
  
  .sec4-text .txt03 {
    width: 85%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 80px 20px 38px 20px;
  }
  
  .sec4-text .txt04-1 {
    width: 85%;
    height: auto;
    margin: -75px auto;
    background: rgba(182, 163, 141, .3);
    padding: 80px 20px 38px 20px;
  }
  
  .number {
    width: 15%;
    height: 42px;
    margin-top: 20px;
    background: rgba(95, 83, 76, 0.9);
  }
  
  .number p {
    font-size: 25px;
    color: #fff;
    text-align: center;
  }


  /* ----------------スマホ-------------------
  厚生労働省が定める厳しい基準を満たした歯科医院です */

  .sec5 {
    width: 100%;
    height: 810px;
    background: linear-gradient(rgba(95, 83, 76, 0.5), rgba(95, 83, 76, 0.5)), url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5haikei.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec5 h2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 20px;
  }

  .sec5Title {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    padding-top: 60px;

  }

  .sec5Text h3 {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 35px;
  }

  .sec5Text h3::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec5-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }

  .sec5Text p {
    font-size: 16px;
    margin-top: 20px;
  }

  .sec5Text {
    width: 90%;
    height: auto;
    margin: 0 auto;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 0px;
    color: #eeeeee;
  }


  /*----------------スマホ-------------------
  ------------------治療ごとに各専門医が在籍------------------*/
  .sec6 {
    width: 100%;
    height: auto;
	  margin: 70px 0;
    background: rgba(222, 222, 222, 0.4);
  }

  .sec6-box {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 60px 0;
    display: block;
    /* justify-content: center; */
  }

  .sec6Title {
    width: 100%;
    margin: 20px auto;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    background: rgba(255, 255, 255, 0.7);
    color: rgba(95, 63, 76, 0.8);
  }

  .sec6 h2 {
    font-size: 22px;
    text-align: center;
    padding: 35px 0 20px 0px;
  }

  .sec6 p {
    color: rgba(95, 83, 76, 0.8);
    font-size: 16px;
    padding: 0 15px 15px 20px;
	  margin: 0 auto;
  }

  .sec6 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }


  /*----------------スマホ-------------------
  ------------------ ピックアップ診療 ------------------*/
  .sec7 {
    width: 100%;
    height: 2340px;
    margin: 0 auto;
    overflow: hidden;
  }

  .sec7 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 0px 0 80px 0;
  }

  .sec7-box {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: flex;
    position: relative;
  }

  .sec7-box01 {
    width: 325px;
    height: 230px;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
    position: absolute;
    top: 5%;
    left: 5%;
  }

  .sec7-box01-2 {
    width: 325px;
    height: 230px;
    margin: 0 auto;
    background: rgba(195, 169, 155, 0.2);
    position: absolute;
    top: 40%;
    left: 5%;
  }

  .sec7-box01 img,
  .sec7-box02 img {
    width: 270px;
    height: 180px;
    object-fit: cover;
  }

  .sec7-image {
    position: absolute;
    top: -16%;
    left: 5%;
    z-index: 10;
  }

  .sec7-text {
    position: absolute;
    background: rgba(195, 169, 155, 0.3);
    width: 335px;
    height: 305px;
    top: 25%;
    left: 3%;
  }

  .sec7-text03 {
    position: absolute;
    background: rgba(195, 169, 155, 0.3);
    width: 335px;
    height: 320px;
    top: 25%;
    left: 3%;
  }

  .sec7-text h3 {
    position: absolute;
    top: -44%;
    left: 25%;
    color: rgba(95, 83, 76, 1);
    font-size: 20px;
    padding: 10px;
  }

  .sec7-text .txt01,
  .sec7-text02 .txt01 {
    padding: 105px 12px 0 12px;
    font-size: 14px;
  }

  .sec7-text .txt02,
  .sec7-text02 .txt02 {
    padding: 0 10px 0 10px;
    font-size: 14px;

  }

  .sec7-text .txt03,
  .sec7-text02 .txt03 {
    padding: 0 10px 0 10px;
    font-size: 14px;

  }

  .sec7-text .t01,
  .t02,
  .t03,
  .sec7-text02 .t01,
  .t02,
  .t03 {
    font-size: 22px;
  }

  .sec7-text .t01,
  .sec7-text02 .t03 {
    font-size: 22px;
    text-decoration: underline 5px #fff;
  }

  .sec7-box02 {
    width: 325px;
    height: 230px;
    background: rgba(222, 222, 222, 0.4);
    position: absolute;
    top: 27%;
    left: 11%;
  }

  .sec7-box02-2 {
    width: 325px;
    height: 230px;
    background: rgba(222, 222, 222, 0.4);
    position: absolute;
    top: 73%;
    left: 11%;
  }

  .sec7-image02 {
    position: absolute;
    top: -16%;
    right: 6%;
    left: -7%;
    z-index: 10;
  }

  .sec7-text02 {
    position: absolute;
    background: rgba(222, 222, 222, 0.4);
    width: 335px;
    height: 260px;
    top: 25%;
    left: -7%;
  }

  .sec7-text02 h3 {
    position: absolute;
    top: -53%;
    left: 32%;
    color: rgba(105, 105, 105, 1);
    font-size: 20px;
    padding: 10px;
  }

  .sec7-text03 h3 {
    position: absolute;
    top: -47%;
    left: 33%;
    color: rgba(95, 83, 76, 1);
    font-size: 20px;
    padding: 10px;
  }

  .sec7-text04 {
    width: 335px;
    height: 350px;
  }

  .sec7-text04 h3 {
    position: absolute;
    top: -44%;
    left: 19%;
    color: rgba(105, 105, 105, 1);
    font-size: 20px;
    padding: 10px;
  }
	
  .tiisaku {
    top: 80%;
    left: -5%;
    font-size: 12px;
    width: 141px;
  }

  .nidan {
    position: absolute;
    top: -36%;
    left: 37%;
    color: rgba(105, 105, 105, 1);
    font-size: 15px;
  }

  .txt04 {
    padding: 0 0 0 10px;
    font-size: 14px;
  }

  .sec7Button {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 85%;
    height: auto;
    padding: 10px;
    border: 2px solid rgba(95, 83, 76, 0.8);
    outline: 3px solid rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .9);
    transition-duration: 0.5s;

  }

  .sec7Button a {
    text-align: center;
    text-decoration: none;
    color: #5f5f5f;
    font-weight: 800;

  }

  .sec7Btn01 {
    position: absolute;
    top: 143%;
    left: 12%;
  }

  .sec7Btn02 {
    position: absolute;
    top: 125%;
    left: 5%;
  }

  .sec7Btn03 a {
    font-size: 15px;
  }

  .sec7Btn03 {
    position: absolute;
    top: 146%;
    left: 12%;
  }

  .sec7Btn04 {
    position: absolute;
    top: 159%;
    left: 5%;
  }

  /*----------------スマホ-------------------
  ------------------ 症例ページ------------------ */
  .sec7-5 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 75px;
	  padding-top: 75px;
    /* background: rgba(195, 169, 155, 0.2); */
  }

  .sec7-5Title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 25px;

  }

  .sec7-5Title h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 0;

  }

  .syourei {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }

  .syourei h3 {
    text-align: center;
    font-size: 20px;
    padding: 30px 0 25px 0;
    text-decoration: underline 7px rgba(195, 169, 155, 0.7);
  }

  .syourei01 {
    width: 90%;
	  height: auto;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    /* margin: 47px 34px 0 50px; */
    margin: 20px auto 15px auto;
    box-shadow: 6px 2px 9px 1px rgba(182, 163, 141, .5);
  }

  .syourei img {
    width: 90%;
    height: 130px;
  }

  .syourei01 p {
    text-align: center;
    padding: 20px 20px 10px 20px;
    text-align: center;

  }

  .img01 {
    text-align: center;
    position: relative;
  }

  .img01 p {
	  position: absolute;
	  top: 4px;
	  left: 27px;
	  font-size: 16px;
	  background: #ffffffa3;
	  border-radius: 40px;
	  padding: 10px;
  }

  .img02 {
    text-align: center;
    position: relative;
  }

  .img02 p {
    position: absolute;
    top: -14px;
    left: 15px;
    font-size: 20px;
  }

  .syourei-btn {
    text-align: center;
    width: 165px;
    height: auto;
	  margin: 20px auto;
    padding: 10px 0;
    /* border: 2px solid #fff;
    outline: 3px solid rgb(95, 83, 76); */
    background: rgba(143, 123, 112, 0.9);
    transition-duration: 0.5s;
    line-height: 120%;
    box-shadow: 0 5px 0 0 rgba(53, 46, 42, 0.8);
  }

  .syourei-btn a {
    text-decoration: none;
    color: #fff;
  }

  .syourei01:last-child {
    display: none;
  }


  /*------------------------------------
  -----------診療メニュー------------------*/
  .sec8 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /* padding-bottom: 130px; */
    background-color: #F7F0E8;
  }

  .sec8Title {
    width: 85%;
    margin: 0 auto;
  }

  .sec8 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 55px 0 30px 0;
  }

  .sec8 p {
    text-align: center;
  }

  .sec8 p br {
    display: none;
  }

  .sec8-menu01 {
    width: 90%;
    height: auto;
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
  }

  .sec8-menuBox {
    width: 45%;
    height: 180px;
    box-shadow: 0px 0px 7px 0px rgba(95, 83, 76, 0.3);
    background-color: rgba(255, 255, 255, .3);
    border: 2px solid rgba(95, 83, 76, .3);
    border-radius: 5%;
  }

  .sec8-menuBox:last-child {
    opacity: 0;
  }

  .sec8-menuBox img {
    width: 100px;
    height: auto;
  }

  /* .sec8-menuBox li:first-child {
  text-align: center;
  margin-top: 25px;
} */

  .sec8-icon {
    text-align: center;
    margin-top: 25px;

  }

  .menu-name {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
  }

  .menu-name02 {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    line-height: 135%;
  }

  /*----------------スマホ-------------------
  ------------------院長より皆さまへ------------------*/
  .sec9 {
    width: 100%;
    height: 1400px;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/sec9-haikei.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

  .sec9Title {
    padding: 40px 0;
  }

  .sec9 h2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    /* background: rgba(95, 83, 76, 0.5); */
    padding: 0;
    /* padding: 200px 0 135px 0; */
  }

  .career {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
    position: relative;
  }

  .career img {
    width: 80%;
    position: absolute;
    top: 109px;
    left: 39px;
    z-index: 1;
  }

  .carrer-box {
    width: 90%;
    padding: 25px 10px 25px 10px;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 18%;
    left: 5%;
    /* transform: translate(-50%, -50%); */
  }

  .carrer-box br {
    display: inline;
  }

  .carrer-box p {
    font-size: 16px;
    border-bottom: 2px solid #5f5f5f;
    text-align: center;
    margin: 1px 0 243px 0;
  }

  .carrer-box span {
    padding-left: 10px;
  }

  .ja {
    font-size: 22px;
  }

  .en {
    font-size: 20px;
    color: #C3A99B;
  }

  .career-list {
    width: 80%;
    margin: 0 auto;
  }

  .message {
    background: rgba(255, 255, 255, .9);
    box-shadow: -6px 9px 2px 1px rgba(95, 83, 76, 0.5);
    width: 90%;
    height: auto;
    margin: 653px auto 48px auto;
  }

  .message p {
    padding: 20px;
    font-size: 16px;
  }

  .sec9Button {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    height: auto;
    padding: 15px 0;
    border: 2px solid rgba(95, 83, 76, 0.8);
    outline: 3px solid rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .9);
    transition-duration: 0.5s;
  }

  .sec9Button:hover {
    transform: scale(1.1);
  }

  .sec9Button a {
    text-align: center;
    text-decoration: none;
    color: #5f5f5f;
    font-weight: 800;
    font-size: 20px;
  }




  /*----------------スマホ-------------------
  ------------------お支払方法------------------*/
  .sec10 {
    width: 100%;
    height: auto;
    background-color: #E4DCD3;
  }

  .sec10-box02 {
    padding: 50px 0;
  }

  .sec10-box {
    background: rgba(255, 255, 255, .9);
    width: 90%;
    height: 795px;
    margin: 0 auto;
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
  }

  .sec10Title {
    width: 100%;
    height: auto;
    position: static;
  }


  .sec10Title h2 {
    font-size: 25px;
    color: rgba(95, 83, 76, 1);
    padding-top: 30px;
    position: static;
    text-align: center;
  }

  .sec10Title02 {
    width: 90%;
    margin-left: 0;
    margin-top: 20px;
    margin: 0 auto;
  }

  .sec10Title02 p {
    font-size: 20px;
    padding: 0 0 30px 0;
    text-decoration: underline 5px rgba(182, 163, 141, .6);
  }

  .sec10Title03 {
    width: 60%;
    margin: 0 auto;
  }

  .sec10Btn a {
    text-align: center;
    text-decoration: none;
    color: #fff;
  }

  .sec10Btn {
    width: 100%;
    text-align: center;
    margin: 30px auto 0 auto;
    /* width: 270px; */
    height: auto;
    padding: 10px 0;
    border: 2px solid #fff;
    outline: 3px solid rgba(95, 83, 76, 0.8);
    background: rgba(95, 83, 76, 0.8);
    transition-duration: 0.5s;
  }


  .sec10Img {
    background: rgba(182, 163, 141, .3);
    width: 90%;
    height: 335px;
    padding: 0px 15px 30px 15px;
    margin: 25px auto 0 auto;
  }

  .kessai {
    font-size: 25px;
    padding: 25px 0 15px 0;
  }

  .kessai p {
    text-align: center;
  }

  .kessai-houhou {
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 30px 0;

  }

  .kessai-houhou p {
    width: 60%;
    margin: 0 auto;
  }

  .kessai-houhou img {
    width: 95%;
    height: auto;
    padding-top: 15px;
  }


  /*----------------スマホ-------------------
  ------------------よくある質問------------------*/

  .sec11 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .sec11 h2 {
    color: rgba(95, 83, 76, 1);
    text-align: center;
    font-size: 22px;
    padding: 90px 0 3px 0;
  }

  .Question {
    width: 90%;
    height: auto;
    margin: 40px auto;
  }

  .qa-7 {
    max-width: 480px;
    margin: auto;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background: rgba(182, 163, 141, .6);
  }

  .qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    /* padding: 15px 20px 20px 20px; */
    color: #333333;
    font-weight: 500;
    cursor: pointer;
  }

  .qa-7 summary::before,
  .qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
  }

  .qa-7 summary::before {
    color: rgba(95, 83, 76, 0.9);
    content: "Q";
  }

  .qa-7 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
  }

  .qa-7[open] summary::after {
    transform: rotate(225deg);
  }

  .qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
  }

  .qa-7[open] p {
    transform: none;
    opacity: 1;
  }

  .qa-7 p::before {
    color: #ff2d2d;
    line-height: 1.2;
    content: "A";
  }


  /*----------------スマホ-------------------
  ------------------sns------------------*/
  .sns {
    width: 80%;
    margin: 70px auto;
    text-align: center;
  }

  .sns img {
    width: 100%;
  }

  .snsText {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .sns p {
    text-align: center;
    font-size: 14px;
  }

  .pdf {
    width: 75%;
    /* max-width: 400px; */
    margin: 0 auto 130px auto;
    text-align: center;
    transition-duration: .5s;
  }


  /*----------------スマホ-------------------
  ------------------フッター------------------*/
  footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #F7F0E8;
  }

  .clinicHaikei {
    width: 100%;
    height: auto;
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/footer-img.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  iframe {
    width: 100%;
    height: 300px;
    margin: 0 auto;
  }

  .sinnsatuAnnai {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0;
    /* width: 80%;
  margin: 0 auto; */
    /* display: flex;
  gap: 100px; */
  }

  .address {
    text-align: center;
  }

  .footerTitle {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
  }

  .highlight {
    text-align: center;
    margin: 0 auto;
    padding: 3px;
    width: 75%;
    /* font-size: 18px; */
    background: rgba(182, 163, 141, .6);
  }

  .highlight br {
    display: inline;
  }

  .highlight p {
    font-size: 14px;
  }

  .address2 {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
  }

  .sinnsatu {
    width: 100%;
    margin: 20px auto 50px auto;
    text-align: center;
  }

  table {
    width: 100%;
    margin: 25px auto;
    font-size: 14px;
  }

  table tr:first-child {
    border-top: 2px solid rgba(182, 163, 141, .9);
    border-bottom: 1px solid rgba(182, 163, 141, .6);

  }

  table tr:last-child {
    border-bottom: 2px solid rgba(182, 163, 141, .9);
  }

  table th {
    text-align: center;
    padding: 3px 10px 3px 5px;
  }

  table td {
    padding: 3px 5px 3px 0px;
  }

  .sinnsatu p {
    text-align: center;
    margin-top: 0;
    font-size: 14px;

  }

  .tel {
    text-align: center;
  }

  .tel-1 {
    margin: 0;
    text-align: center;
  }

  .tel-2::before {
    content: '';
    background-image: url(http://nagamine-shika.com.testrs.jp/test/wp-content/uploads/2025/01/tel-2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 63px;
    height: 70px;
    background-size: contain;
    vertical-align: middle;
  }

  .tel-2 {
    font-weight: 600;
    font-size: 27px;
    margin: 10px 0;
    text-align: center;
    margin-right: 20px;
  }


  .yoyaku {
    width: 100%;
    text-align: center;
  }

  .yoyaku p {
    max-width: 450px;
    height: auto;
    margin: 21px auto;
    background: rgba(95, 83, 76, .5);
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 4px 0;
  }

  .yoyaku-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 25px;
    height: auto;
    margin: 0 auto;
  }

  .Btn {
    text-align: center;
    width: 155px;
    height: auto;
    padding: 10px 0;
    border: 2px solid #fff;
    outline: 3px solid rgb(95, 83, 76);
    background: rgb(95, 83, 76);
    transition-duration: 0.5s;
    line-height: 120%;
  }

  .Btn:hover {
    transform: scale(1.1);
  }

  .yoyaku-btn br {
    display: inline;
  }

  .yoyaku01,
  .yoyaku02 {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 0;
  }

  .footer-list {
    font-size: 12px;
    margin: 45px auto;
    display: flex;
    justify-content: space-around;
  }


  .category {
    font-size: 14px;
    width: 100%;
    line-height: 250%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 5px;
  }

  .category1 {
    order: 1;
  }
  .category2 {
    order: 3;
  }
  .category2-2 {
    order: 4;
  }
  .category3 {
    order: 2;
  }

  .footerBottom {
    text-align: center;
    color: #fff;
    background: #b6afa7;
    line-height: 300%;
  }
}
/* -------------------特徴/デザイン変更後------------------- */
.sp-only {
    display: none;
}

.sec3-2 {
    padding: 100px 5%;
    background-image:
        repeating-linear-gradient(to bottom,
            transparent 25px,
            rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
            transparent 27px, transparent 51px,
            rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
            transparent 53px, transparent 77px,
            rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
            transparent 79px, transparent 103px,
            rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
            transparent 105px, transparent 129px,
            rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px),

        repeating-linear-gradient(to right,
            transparent 25px,
            rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
            transparent 27px, transparent 51px,
            rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
            transparent 53px, transparent 77px,
            rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
            transparent 79px, transparent 103px,
            rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
            transparent 105px, transparent 129px,
            rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px);
}

.features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    max-width: 1400px;
    margin: 60px auto 0;
}

.feature-item {
    display: flex;
    background-color: #ffffff;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    height: 300px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom,
            #ffffff 0,
            #ffffff 5.6em,
            #FBF6F0 6.6em,
            #FBF6F0 16em,
            #ffffff 17em,
            #ffffff 100%);
}

.dreamttl {
    color: #5f534c;
    text-align: center;
    font-size: 48px;
}

.feature-img img {
    /* height: 159px; */
    object-fit: cover;
    margin: auto 0;
    width: 100%;
}

.feature-img {
    margin: auto;
    width: 100%;
}

.feature-text {
    padding: 20px;
    width: 100%;
}

.feature-text h3 {
    font-size: 18px;
    color: #5f534c;
    font-weight: bold;
    margin-bottom: 10px;
}

.feature-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.read-more {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #f7961d, #ffc371);
    padding: 10px 24px;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    letter-spacing: 0.05em;
}


.read-more:hover {
    background: linear-gradient(135deg, #f7961d, #ffc371);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    color: #fff;
}

/* ----------------------------------------------------
スマホ用（〜767px）
---------------------------------------------------- */
@media (max-width: 768px) {
    .sec3-2 {
        padding: 40px 5%;
    }

    .features {
        display: block;
    }

    .feature-item {
        display: block;
        height: auto;
        gap: 10px;
        padding: 10px;
        background: linear-gradient(to bottom, #fff 0, #fff 5.6em, #faf6ee 6.6em, #faf5ee 16em, #fff 17em, #fff 100%);
        margin-bottom: 40px;
    }

    .feature-text {
        padding: 10px;
        flex: 3;
    }

    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }

    .feature-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .feature-img img {
        max-width: 100%;
        height: auto;
    }

    .feature-text h3 {
        text-align: center;
    }


}
/* -------------------選ばれる理由------------------- */

/* 見出し */
.dream-ttlbloc {
    margin: 30px auto;
}

.dreamttl {
    font-size: max(2.274vw, 37px);
    color: #69492a;
    line-height: 1.4;
    margin-bottom: 15px;
    text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.6);
    position: relative;
    text-align: center;
    margin: 30px 0;
}

.dreamttl .mini {
    font-size: 25px;
}

.dream-ttlbloc p {
    text-align: center;
}

.dream-ttlbloc p .underline {
    text-decoration: none;
    border-bottom: 2px solid var(--color-accent);
}

/* セクションの背景 */
.sedai {
    padding: 100px 5%;
    position: relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(246, 241, 234, 0.9) 20%,
            /* #eaf0f6（明るめ）*/
            rgba(250, 248, 245, 0.9) 80%,
            /* #f5f7fa（ほぼ白）*/
            rgba(255, 255, 255, 1) 100%);
    z-index: 0;
    overflow: hidden;
}

.sedai::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 1;
}

.sedai::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 1;
}

.idx_inr {
    position: relative;
    display: block;
    margin: 0 auto;
}

.idx_box {
    display: block;
    position: relative
}

.idx_lst li {
    position: relative;
    display: block;
    padding-left: 1em;
    margin-bottom: .5em;
    background-repeat: no-repeat;
    background-position: 0 .4em;
    background-size: .8em auto
}

.sedai .idx_inr {
    max-width: 1400px;
    padding: 36px 0;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #fff;
    background-position: 100% 0
}

.sedai .idx_inr:nth-of-type(2) {
    background-position: 0 0
}

.sedai .idx_inr:nth-of-type(4) {
    background-position: 0 0
}

.sedai .idx_box {
    color: #2e2e2e;
    background-color: #ffffff61;
    box-shadow: 3px 3px 5px rgba(162, 162, 162, .2);
    max-width: 858px;
    margin: 0 auto 0 0;
    padding: 30px 24px 24px 65px;
}

.sedai .idx_inr:nth-of-type(2) .idx_box {
    box-shadow: -3px 3px 5px rgba(162, 162, 162, .2);
    margin: 0 0 0 auto
}

.sedai .idx_inr:nth-of-type(4) .idx_box {
    box-shadow: -3px 3px 5px rgba(162, 162, 162, .2);
    margin: 0 0 0 auto
}

.sedai_ttl {
    position: relative;
    font-size: 26.87px;
    margin: 0 0 24px;
    border-bottom: 1px solid #977c4c;
    color: var(--color-emphasis);
}

.sedai_ttl span {
    font-size: 35px;
    color: var(--color-ttl);
    text-shadow: 1px 1px 4px rgba(105, 73, 42, 0.6);

}


.sedai_lead {
    display: flex;
    align-items: center;
    padding: 0 0 16px;
    margin: 0 auto 15px 0;
    width: 60%;
}

.sedai_lead p {
    display: block;
    /* text-align: center */
}

.sedai_lead p i {
    display: block
}

.sedai_lead p .ja {
    font-size: 27.52px
}

.sedai_lead p .en {
    font-size: 39.63px;
    font-weight: 700
}

.sedai_lead figure {
    flex: 1
}

.sedai .idx_lst {
    font-size: 15px
}

.sedai .idx_lst li {
    line-height: 1.3;
    /* letter-spacing: -.06em */
}

.sedai .idx_lst li::before {
    content: "●";
    font-size: 20px;
    color: #f7961d;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.sedai01 li {
    background-image: url(../images/top/check.png);
    background-repeat: no-repeat;
    line-height: 1.3;
    /* letter-spacing: -.06em; */
}

.sedai02 li {
    background-image: url(../images/top/check2.png);
    background-repeat: no-repeat;
    line-height: 1.3;
    /* letter-spacing: -.06em */
}

.sedai03 li {
    background-image: url(../images/top/check3.png);
    background-repeat: no-repeat;
    line-height: 1.3;
    /* letter-spacing: -.06em */
}

.sedai .idx_lst li span {
    display: block
}

.sedai .idx_lst li em {
    font-weight: 600;
    font-size: 19px;
}

.sedai01 li em {
    color: #f7961d;
}

.sedai02 li em {
    color: #f7961d;
}

.sedai03 li em {
    color: #f7961d;
}

.sedai04 li em {
    color: #f7961d;
}

.sedai_fig {
    position: absolute
}

.sedai .idx_gnr_btn {
    width: unset;
    left: unset;
    right: 36px;
    bottom: 20px
}

.idx_gnr_01 {
    background-image: url("http://nagamine-shika.com/wp-content/uploads/2025/12/sec4-img01.jpeg");
    background-repeat: no-repeat;
}



.idx_gnr_01 .sedai_lead figure img {
    width: 109px;
    aspect-ratio: 109/149
}

.idx_gnr_01 .sedai_fig {
    width: 366px;
    top: 60px;
    right: 0px;
}

.idx_gnr_01 .sedai_fig img {
    padding: 10px;
    max-width: 340px;
}

.idx_gnr_02 {
    background-image: url("http://nagamine-shika.com/wp-content/uploads/2025/12/sec4-img02.jpeg");
    background-repeat: no-repeat;
}

.idx_gnr_02 .sedai_lead figure img {
    width: 103px;
    aspect-ratio: 103/138
}

.idx_gnr_02 .idx_lst li:nth-of-type(2) span:nth-of-type(2) {
    margin-left: -.4em
}

.idx_gnr_02 .sedai_fig {
    width: 366px;
    bottom: 40px;
    right: 0px;
}

.idx_gnr_02 .sedai_fig {
    width: 366px;
    top: 135px;
    right: 0px;
}

.idx_gnr_02 .sedai_fig img {
    padding: 10px;
    max-width: 340px;
}

.idx_gnr_03 {
    background-image: url("http://nagamine-shika.com/wp-content/uploads/2025/12/sec4-img03.jpeg");
    background-repeat: no-repeat;
}

.idx_gnr_03 .sedai_lead figure img {
    width: 109px;
    aspect-ratio: 109/149
}

.idx_gnr_03 .sedai_fig {
    width: 366px;
    top: 60px;
    right: 0px;
}

.idx_gnr_03 .sedai_fig img {
    padding: 10px;
    max-width: 340px;
}


.idx_gnr_04 {
    background-image: url("http://nagamine-shika.com/wp-content/uploads/2025/12/sec4-img04.jpeg");
    background-repeat: no-repeat;
}

.idx_gnr_04 .sedai_lead figure img {
    width: 103px;
    aspect-ratio: 103/138
}

.idx_gnr_04 .idx_lst li:nth-of-type(4) span:nth-of-type(4) {
    margin-left: -.4em
}

.idx_gnr_04 .sedai_fig {
    width: 366px;
    bottom: 40px;
    right: 0px;
}

.idx_gnr_04 .sedai_fig img {
    aspect-ratio: 378/269
}

.idx_gnr_04 .sedai_fig {
    width: 366px;
    top: 60px;
    right: 0px;
}

.idx_gnr_04 .sedai_fig img {
    padding: 10px;
    max-width: 340px;
}

/* ----------------------------------------------------
タブレット用（768px~1024px）
---------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1024px) {
    .idx_gnr_01 .sedai_fig img {
        display: none;
    }

    .idx_gnr_02 .sedai_fig img {
        display: none;
    }

    .idx_gnr_03 .sedai_fig img {
        display: none;
    }

    .idx_gnr_04 .sedai_fig img {
        display: none;
    }

    .idx_gnr_02 .sedai_lead {
        margin: 0 0 15px auto;
    }
    .idx_gnr_04 .sedai_lead {
        margin: 0 0 15px auto;
    }
    .idx_gnr_02 .sedai_ttl {
        text-align: end;
    }
    .idx_gnr_04 .sedai_ttl {
        text-align: end;
    }
}

/* ----------------------------------------------------
スマホ用（〜767px）
---------------------------------------------------- */
@media (max-width: 768px) {
    .sedai {
        padding: 40px 5%;
    }

    .dreamttl {
        font-size: 1.3rem;
    }

    .dreamttl .mini {
        font-size: 1.0rem;
    }

    .problemspan {
        font-size: 1.8rem;
    }

    .dream-ttlbloc p {
        /* text-align: left; */
        padding: 0 8px;
    }

    .sedai .idx_inr {
        padding: 10px;
    }

    .sedai .idx_box {
        padding: 10px;
        background-color: #ffffffde;
    }

    .sedai_ttl {
        font-size: 1.2rem;
    }

    .sedai_ttl span {
        font-size: 1.3rem;
    }

    .sedai_lead {
        width: 100%;
    }

    .idx_gnr_01 .sedai_lead p {
        margin: 0;
    }

    .sedai_fig {
        position: relative;
    }

    .idx_gnr_01 .sedai_fig,
    .idx_gnr_02 .sedai_fig,
    .idx_gnr_03 .sedai_fig,
    .idx_gnr_04 .sedai_fig,
    .idx_gnr_05 .sedai_fig {
        width: 100%;
        bottom: 0;
        margin: 0 0 20px;
    }

    .sedaibtv01 a,
    .sedaibtv02 a,
    .sedaibtv03 a,
    .sedaibtv04 a {
        display: block;
        text-align: center;
    }

    .idx_gnr_02 .sedai_lead p,
    .idx_gnr_03 .sedai_lead p,
    .idx_gnr_04 .sedai_lead p {
        margin-right: 0;
    }

.idx_gnr_01 .sedai_fig.sp-only img {
        display: none;
        /* sp-only の画像を非表示に */
    }

    .idx_gnr_01 .sedai_fig.spnone img {
        display: block;
        /* spnone の画像を表示 */
        margin: 0 auto;
        max-width: 100%;
    }

    .idx_gnr_01 .sedai_fig {
        top: 0;
    }

    .idx_gnr_02 .sedai_fig.sp-only img {
        display: none;
        /* sp-only の画像を非表示に */
    }

    .idx_gnr_02 .sedai_fig.spnone img {
        display: block;
        /* spnone の画像を表示 */
        margin: 0 auto;
        max-width: 100%;
    }

    .idx_gnr_02 .sedai_fig {
        top: 0;
    }

    .idx_gnr_03 .sedai_fig.sp-only img {
        display: none;
        /* sp-only の画像を非表示に */
    }

    .idx_gnr_03 .sedai_fig.spnone img {
        display: block;
        /* spnone の画像を表示 */
        margin: 0 auto;
        max-width: 100%;
    }

    .idx_gnr_03 .sedai_fig {
        top: 0;
    }

    .idx_gnr_04 .sedai_fig.sp-only img {
        display: none;
        /* sp-only の画像を非表示に */
    }

    .idx_gnr_04 .sedai_fig.spnone img {
        display: block;
        /* spnone の画像を表示 */
        margin: 0 auto;
        max-width: 100%;
    }

    .idx_gnr_04 .sedai_fig {
        top: 0;
    }
}