@charset "UTF-8";

/* -----------------
共通の部分の設定
------------------- */
.sp {
  display: none !important;
}

.BodyInner {
  min-width: 1200px;
  overflow: hidden;
}

.SectionTitle {
  margin: 64px auto 0 auto;
}

.SectionTitle h2 {
  font-size: 3.6rem;
  margin: 0 auto;
}

.SectionTitle h3 {
  font-size: 3rem;
  color: #8a690f;
}

.SectionTitle p {
  margin-top: 12px;
}

.TitleP2 {
  margin: 64px auto 0 auto;
}

.BgBlock img {
  width: 100%;
}

a {
  cursor: pointer;
}

.Inner1200 {
  max-width: 1200px;
  margin: 0 auto;
}

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


トップページの設定


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

/* -----------------
headerの設定
------------------- */
Nav {
  min-width: 1100px;
  max-width: 1200px;
}
header h1 {
  font-size: 1.4rem;
  color: #8a690f;
  margin-top: 10px;
  font-weight: 300;
}

header {
  position: relative;
}

.MainArea {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.MainArea .CatchCopy {
  display: inline-block;
  width: 290px;
  margin-top: 32px;
}

.CatchCopy img {
  width: 100%;
}

.MainLogo {
  width: 342px;
  margin: 0 auto;
}

.Hand1 {
  width: 18%;
  position: absolute;
  top: -10%;
  left: 37%;
  z-index: 100;
  opacity: 0.8;
}

.Hand2 {
  width: 348px;
  position: absolute;
  top: -100px;
  left: -250px;
}

.Hand3 {
  width: 348px;
  position: absolute;
  top: 480px;
  left: -150px;
  -moz-transform: rotate(160deg);
  -webkit-transform: rotate(160deg);
  -o-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  transform: rotate(160deg);
}

.TitleArea {
  width: 50%;
}

.TitleArea h1 {
  margin-left: 14%;
}

.LogoArea {
  margin-top: 210px;
}

.LogoArea p {
  margin-bottom: 15px;
}

.PhotosArea {
  width: 770px;
  margin-bottom: 6%;
}

.PhotoBlock1,
.PhotoBlock2,
.PhotoBlock3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.PhotoBlock1 img,
.PhotoBlock2 img,
.PhotoBlock3 img {
  width: 100%;
  object-fit: cover;
  height: 200px;
}
.PhotoBlock3 img {
  height: 300px;
}
.Photo001 {
  width: 245px;
}
.Photo001 img {
  border-radius: 33px 0 33px 33px;
}
.Photo002 {
  width: 302px;
}
.Photo002 img,
.Photo003 img,
.Photo005 img,
.Photo006 img,
.Photo008 img {
  border-radius: 33px;
}
.Photo003 {
  width: 200px;
}
.Photo004 {
  width: 243px;
}
.Photo004 img,
.Photo007 img {
  border-radius: 33px 33px 33px 150px;
}
.Photo007 img {
  border-radius: 33px 33px 33px 200px;
}
.Photo005 {
  width: 200px;
}
.Photo006,
.Photo007,
.Photo008 {
  width: 300px;
}
.PhotoBlock3 {
  width: 608px;
  /* margin-left: 0; */
  margin-left: auto;
  margin-right: 0px;
}
/* ///////// ナビゲーションの設定 /////////*/

.Nav a:hover {
  opacity: 0.7;
}
.Navlist {
  display: flex;
  justify-content: space-between;
  margin-left: 4%;
}

.Navlist li {
  display: inline-block;
  font-weight: bold;
}

.NavAccess a {
  background-color: #8a690f;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  color: #fff;
  padding: 7px;
}

/* ページトップボタン */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 10000;
}

#page-top a {
  color: #fff;
  width: 80px;
  text-align: center;
  display: block;
  opacity: 0.7;
}

#page-top a:hover {
  text-decoration: none;
  background: #999;
}

/* 写真部分の動きの設定 */
.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2.5s;
}

.a6 {
  animation-duration: 3s;
}

.a7 {
  animation-duration: 3.5s;
}

.a8 {
  animation-duration: 4s;
}

.keyframe6 {
  animation-name: poyopoyo;
}
.ListBlock .SmallText {
  font-size: 2rem;
}
@keyframes poyopoyo {
  0%,
  20%,
  40%,
  60% {
    transform: scale(1);
  }

  50%,
  70% {
    transform: scale(0.98);
  }
}

/* -----------------
最新情報（News）の設定
------------------- */
.TopBg01 {
  margin-top: 64px;
  border-color: transparent transparent transparent rgba(138, 105, 15, 0.1) !important;
}
/* インスタ埋め込み */
.News .InstaSlide {
  margin-top: 32px;
}
.News .SectionTitle {
  margin-top: 0;
  padding-top: 32px;
}

#sb_instagram.sbi_col_10 #sbi_images .sbi_item {
  width: 195px !important;
}
.sbi_photo a {
  height: 195px !important;
}
#sbi_load {
  margin-top: 42px !important;
}
.News {
  position: relative;
  min-width: 1200px;
  background-color: rgba(138, 105, 15, 0.1);
  padding-bottom: 64px;
}

.NewsBlock {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 64px auto 0 auto;
}

.News .Hand1 {
  width: 348px;
  position: absolute;
  top: -100px;
  left: -100px;
}

.News .Hand3 {
  width: 348px;
  position: absolute;
  top: -100px;
  left: 75%;
}

.Notice {
  width: 50%;
}

.Notice img {
  margin: 0 auto;
}

.FB {
  width: 50%;
}

.FB h3,
.Insta h3 {
  font-size: 3.2rem;
  color: #b0cf01;
}

.Notice ul li {
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  width: 100%;
  padding: 20px 0;
  margin: 20px auto auto 0;
  display: inline-block;
}

.Notice ul li img {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

.NewsListDay {
  color: #8a690f;
}
.NewsList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
.fb-page {
  margin-top: 20px;
}

.NoticeMore {
  text-align: right;
  margin-top: 20px;
}

.NoticeMore a {
  font-size: 1.8rem;
  padding-bottom: 5px;
  border-bottom: solid 2px #b0cf01;
}

.Insta {
  margin-top: 88px;
  overflow: hidden;
}

.Insta img {
  margin: 32px auto;
}

.slick-slider {
  margin-top: 64px;
}

.TopBgUnder01 {
  border-color: transparent transparent transparent rgba(138, 105, 15, 0.1) !important;
}

.NewsBlock .mamelon {
  color: #8a690f;
  font-size: 3.2rem;
  letter-spacing: 0.4rem;
}

/* -----------------
Conceptの設定
------------------- */
.Concept {
  position: relative;
}

.ConceptBlock {
  position: relative;
}

.LogoImage {
  position: absolute;
  z-index: 10;
  top: -50px;
  left: -75px;
}

.ConceptBox {
  background-color: #ffffff;
  padding: 32px 0 54px 0;
  margin: 32px auto;
  width: 760px;
  border-radius: 22rem;
}

.ConceptBox h3 {
  margin-top: 24px;
  font-size: 1.8rem;
}

.ConceptBox p {
  width: 500px;
  display: inline-block;
  text-align: left;
  margin-top: 32px;
  font-size: 1.6rem;
  line-height: 3.2rem;
}

.ConceptPhoto {
  position: absolute;
  top: 100px;
  right: 48px;
}

.LogoImage2 {
  position: absolute;
  top: -150px;
  right: -130px;
}

.ConceptBox2 {
  position: relative;
  margin: 64px 0 0 430px;
}

.ConceptPhoto2 {
  position: absolute;
  top: 0px;
  left: -300px;
}

/* -----------------
Pointの設定
------------------- */
/* スライダーの設定 */
.PointSlider {
  background-image: url(../images/top/point/PointBg.webp);
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  padding: 280px 0 100px 0;
  background-size: 100% 100%;
  min-width: 1200px;
  text-align: center;
}

.PointTitle h2 {
  font-size: 3.6rem;
  background-color: #ffffff;
  display: inline-block;
  padding: 20px 32px;
  border-radius: 3.6rem;
  margin: 0 auto;
}

.slick-track {
  margin-top: 32px;
}

.PointBox {
  height: 500px;
  margin-top: 90px;
}

.PointBoxInner {
  position: relative;
  background-color: #f7f3ec;
  background-repeat: no-repeat;
  width: 340px;
  height: 340px;
  border-radius: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.PointImg1 {
  width: 150px;
  position: absolute;
  top: -100px;
  right: -30px;
}

.only02 {
  width: 150px;
  top: -90px;
  right: -10px;
}

.only06 {
  width: 150px;
  top: -92px;
  right: -20px;
}

.only05 {
  width: 45%;
  top: -92px;
  right: -20px;
}

.PointImg2 {
  width: 280px;
  position: absolute;
  top: -100px;
  left: -50px;
}

.PointBoxText {
  margin-top: 20px;
  width: 250px;
  text-align: left;
}

.PointimgNo {
  width: 100px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.PointBox {
  opacity: 0.8;
  transform: scale(0.8);
  transition: opacity 0.5s, transform 0.5s;
  width: 100%;
}

.slick-center {
  opacity: 1;
  transform: scale(1);
}

/* -----------------
お悩みの設定
------------------- */
.WorriesBlock {
  width: 90%;
  display: flex;
  margin: 42px auto;
}

.WorriesBlock li {
  width: 20%;
}

.WorriesBlockTextBoxInner h4 {
  font-size: 2.8rem;
  margin-top: 10px;
}

.WorriesBlockTextBoxImg {
  width: 100%;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: end;
  margin: 0 auto;
}

.Bodymake {
  width: 140px;
}

.WorriesBlockTextBoxImg img {
  width: 100%;
  height: 100%;
}

.WorriesBlockTextBox p {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 2.6rem;
  display: inline-block;
  text-align: left;
}

/* お悩みリスト部分の設定 */
.WorriesList {
  background-color: #fff;
  background-repeat: no-repeat;
  margin-top: -64px;
  padding-bottom: 48px;
}

.WorriesList .SectionTitle {
  margin-top: 0;
  padding-top: 100px;
}

.WorriesListBg {
  width: 100vw;
}

.WorriesListBg img {
  width: 100%;
}

.WorriesListBoxWrapper {
  background-color: rgba(176, 207, 1, 0.2);
  background-repeat: no-repeat;
  width: 95%;
  border-radius: 0 3.6rem 3.6rem 0;
  margin-top: 90px;
  padding-bottom: 32px;
}

.WorriesListBox {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.WorriestListImage {
  width: 468px;
  height: 387px;
}

.WorriesListBoxInner {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.SubTitle .mamelon {
  font-size: 2.4rem;
  display: inline-block;
  border-bottom: 1px solid #b0cf01;
  padding-bottom: 2px;
}

.WorriestListText {
  width: 60%;
  text-align: left;
}

.WorriestListTitle {
  margin-top: -30px;
}

.WorriestListText {
  width: 57%;
  height: 260px;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-top: 54px;
  border-radius: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 10px 10px 0px 0 rgb(138 105 15 / 10%);
}
/* いらなければdisplaynone */
.WorriestListText .mamelon {
  font-size: 2.4rem;
  width: 85%;
  margin: 0 auto;
}

.WorriestListText li {
  width: 80%;
}

.WorriestListText p {
  line-height: 2.7rem;
  width: 85%;
  margin: 16px auto 0 auto;
}

.SubTitle h4 {
  margin-top: 36px;
}

.ListBlock h4 {
  font-size: 2.2rem;
  color: #8a690f;
}

/* .MenuListWrapper {
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  padding: 16px 0 0 16px;
  border-radius: 3.6rem;
} */

.ListBlock {
  display: flex;
  width: 90%;
  justify-content: space-around;
  margin: 34px auto 0 auto;
}

.ListBlock img {
  margin: 0 auto;
}

.ListBlock li {
  width: 20%;
}

.WorriesListBoxBlownWrapper {
  background-color: rgba(138, 105, 15, 0.2);
  background-repeat: no-repeat;
  width: 95%;
  border-radius: 3.6rem 0 0 3.6rem;
  margin-left: auto;
  margin-top: 90px;
  padding-bottom: 32px;
}

.WorriesListBoxBlown {
  max-width: 1200px;
  margin-left: auto;
}

.ListBlockBodyMake {
  justify-content: space-around;
}

.ListBlockKega {
  justify-content: center;
}

/* -----------------
ご相談くださいの設定
------------------- */
.InchoPhoto1,
.InchoPhoto2 {
  width: 400px;
  height: 230px;
  object-fit: cover;
  border-radius: 3.6rem;
  object-position: center;
}

.InchoPhoto2 {
  display: inline-block;
  margin: 10px 0 0 200px;
}

.Consultation {
  position: relative;
}

.Consultation .TitleLine {
  top: 0;
  left: 64px;
}

.ConsultationInner {
  display: flex;
  width: 90%;
  justify-content: center;
  align-items: center;
}

.ConsultationBox1 {
  margin-top: 72px;
}

.ConsultationBox1,
.ConsultationBox2 {
  width: 55%;
}

.ConsultationBox2 {
  margin-top: 64px;
  width: 45%;
}

.ConsultationBox2 li:hover {
  opacity: 0.7;
}

.ConsultationBox2Inner li img {
  margin: 0 auto;
}

.ConsultationBox2Inner li {
  cursor: pointer;
}

.Consultation01,
.ConsultationBtn {
  margin-left: 42px;
}

.Consultation02 {
  margin-right: 42px;
}

.Consultation03 {
  margin-left: 64px;
}

.Consultation04 {
  margin-right: 64px;
}

/* -----------------
Footerの設定
------------------- */
.FooterInnerWrapper {
  background-color: rgba(176, 207, 1, 0.2);
  background-repeat: no-repeat;
  padding-top: 42px;
  padding-bottom: 32px;
  margin: 100px auto 0 auto;
}

.FooterInner {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: 32px;
}
.FooterLogo {
  width: 350px;
  text-align: center;
}

.FooterLogo img {
  width: 100%;
}

.FooteLeft,
.Footeright {
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 3.6rem;
}

.Map {
  width: 450px;
  margin: 0 auto;
}

.Map img {
  width: 100%;
  border-radius: 3.6rem;
}

.FooterLower {
  width: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 64px 0 80px 0;
}

.FooterLowerInnner {
  width: 95%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}

.FooterLowerInnner hr {
  margin-top: 12px;
}

FooterInquiry {
  width: 70%;
  height: 250px;
  max-width: 340px;
}
.FooterPhotoarea,
.ReceptionTime {
  width: 45%;
  height: 250px;
}

.telephone {
  font-size: 2.4rem;
}

.AdressUnder {
  margin-top: 12px;
}

.AccessLink {
  display: inline-block;
  border-bottom: 1px solid #b0cf01;
}

.AccessLink:hover {
  opacity: 0.6;
}

.FooterPhotoarea img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
  border-radius: 3.6rem;
}

.ReserveButton {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  margin: 12px auto;
}

.ReceptionTime {
  display: inline-block;
  /* border-left: solid 1px #707070; */
}

.ReceptionTime ul {
  padding-left: 20px;
}

.WebReserve,
.LineButton {
  background-color: #ed6c00;
  background-repeat: no-repeat;
  width: 128px;
  height: 26px;
  color: #fff;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.WebReserve a {
  color: #fff;
}
.LineButton {
  background-color: #00b900;
  background-repeat: no-repeat;
}
.LineButton a p {
  color: #ffffff;
}

.FooterAdress {
  margin-top: 10px;
  text-align: left;
  font-size: 1.4rem;
}
.FooterCalenderWrap {
  width: 450px;
  margin: 0 auto;
}
.FooterCalender {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 70%;
}

.FooterCalender iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 3px #ffffff !important;
  border-radius: 3.6rem;
}
/* 受付時間の設定 */
.BizHour {
  border-collapse: collapse;
  margin-top: 5px;
  width: 100%;
}

.HourDayofweek {
  color: #fff;
  height: 20px;
}

.Mark {
  color: #707070;
}

.BizHour th,
.BizHour td {
  padding: 10px;
  text-align: center;
  border: 1px solid #707070;
  border-right: none;
  border-left: none;
}

.BizHour th {
  background: #707070;
  font-weight: normal;
}

.LastReception {
  margin-top: 5px;
  font-size: 14px;
  margin-bottom: 20px;
}

/* コピーライトの設定 */
.Copyright {
  width: 100%;
  padding: 10px 0;
  background-color: #b0cf01;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

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


初めての方へページの設定


------------------------------------ */
/* 下層ページのheaderの設定 */
.UnderlayerHeader h1 {
  text-align: center;
}

.UnderlayerHeaderLogo {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 15px;
}

.UnderlayerHeader {
  left: 0;
  top: 0;
  width: 100%;
}

.UnderlayerHeaderInner {
  position: relative;
  padding: 15px;
  margin-top: 10px;
  width: 100%;
  padding: 15px 30px;
  margin: 5px auto;
  height: 100px;
}

.NavList {
  text-align: right;
  font-size: 1.5rem;
}

.NavList li {
  display: inline-block;
  text-align: right;
  padding-left: 20px;
}

.NavList li a {
  font-weight: 600;
}

/* 下層ページのメインビジュアルの設定 */
.UnderlayerMainVisual {
  margin-top: 57px;
}

.UnderlayerMainVisualInner {
  width: 95%;
  max-width: 1200px;
  display: flex;
  margin: 0 auto;
}

.UnderlayerMainvisualTitle {
  width: 40%;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 6rem;
  position: relative;
}

.TitleLine {
  position: absolute;
  top: -54px;
  left: 0;
}

.UnderlayerMainvisualPhotos {
  width: 60%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: 3%;
}

.UnderlayerMainvisualTitleLine hr {
  margin: 12px auto 0 auto;
  width: 105px;
  border: 1px solid #b0cf01;
}

.UnderlayerMainvisualTitle h2 {
  font-size: 3.2rem;
  text-align: center;
  margin-top: 16px;
}

.UnderlayerMainvisualP {
  width: 65%;
  margin: 15px auto 0 auto;
  text-align: left;
  padding-bottom: 25px;
}

.UnderlayerMainvisualPhoto1 {
  width: 220px;
}

.UnderlayerMainvisualPhoto2 {
  margin-bottom: 72px;
}
.UnderlayerMainvisualPhoto2 img {
  width: 173px;
  height: 173px;
  object-fit: cover;
  border-radius: 3.6rem;
}

.UnderlayerMainvisualPhoto3 {
  width: 211px;
}
.UnderlayerMainvisualPhoto3 img {
  width: 211px;
  height: 140px;
  object-fit: cover;
  border-radius: 3.6rem;
}

/* パンくずリストここから */
.PList {
  text-align: right;
  margin-top: 10px;
  margin-right: 8%;
}
.PList a:hover {
  opacity: 0.7;
}
.PListItem {
  border-bottom: 1px solid;
  padding-bottom: 3px;
}

.ListItem {
  display: inline;
  font-size: 14px;
}

.ListItem::after {
  content: "＞";
  padding: 0 16px;
}

.ListItem:last-child::after {
  content: "";
}

.ListItemLink {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.PListUnderline {
  margin-top: 20px;
  border: 1px dashed #8a690f;
  width: 680px;
  margin-left: auto;
}

/* パンくずリストここまで */

/* ３つの強みの設定 */
.ThreeStrengths {
  position: relative;
}

.ThreeStrengthsTitle {
  width: 406px;
  margin: 50px auto 0 auto;
}

.HandImage1 {
  position: absolute;
  top: -80px;
  left: -50px;
}

.HandImage2 {
  position: absolute;
  top: 0px;
  right: -85px;
  z-index: 10;
}

.ThreeStrengthsWrapper {
  width: 1000px;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  margin: 0 auto;
  padding: 76px 0;
}

.ThreeStrengthsInner,
.ThreeStrengthsInnerReverse {
  display: flex;
  justify-content: space-around;
}

.ThreeStrengthBox1,
.ThreeStrengthBox2 {
  width: 45%;
  margin-left: auto;
}

.ThreeStrengthPhotoBox {
  width: 45%;
}

.ThreeStrengthPhoto img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 3.6rem;
  margin: 32px 0 0 50px;
}

.ThreeStrengthBox1 h3,
.ThreeStrengthBoxTitle02 h3 {
  font-size: 3rem;
  color: #8a690f;
  padding-top: 64px;
}

.ThreeStrengthBoxTitle,
.ThreeStrengthBoxTitle02 {
  position: relative;
}

.ThreeStrengthBoxTitleBg {
  position: absolute;
  top: -120px;
  left: 0;
}

.ThreeStrengthBoxText {
  margin-top: 42px;
}

.ThreeStrengthBoxLink {
  margin-top: 24px;
  text-align: right;
}

.ThreeStrengthBoxLink a {
  border-bottom: 1px solid #b0cf01;
  padding-bottom: 3px;
}

.ThreeStrengthsHr {
  width: 478px;
  border: 2px dashed #8a690f;
  margin: 0 auto;
  margin-top: 64px;
}

/* 02の設定 */
.ThreeStrengthsInnerReverse,
.ThreeStrengthsBox3 {
  margin-top: 76px;
}

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

.ThreeStrengthBoxTitle02 h3 {
  margin-left: 100px;
}

.ThreeStrengthPhoto2 {
  width: 423px;
  margin-left: 72px;
}

.ThreeStrengthPhoto2 img {
  margin: 0 auto;
}

.ThreeStrengthBoxTitleBg3 {
  position: absolute;
  top: -50px;
  left: 0px;
}

.ThreeStrengthBox2 {
  margin-right: auto;
}

.ThreeStrengthPhoto3 {
  width: 447px;
  margin-left: -100px;
}

.HandImage3 {
  width: 300px;
  position: absolute;
  bottom: -200px;
}

.HandImage4 {
  width: 300px;
  position: absolute;
  bottom: -230px;
  right: 0;
  transform: rotate(-25deg);
}

/* 院の様子の設定 */
.StageInner {
  width: 100%;
  background-color: rgba(138, 105, 15, 0.1);
  background-repeat: no-repeat;
  padding: 20px 0;
}

.State .SectionTitle {
  margin-top: 0;
}

.StateBGUp {
  border-style: solid;
  border-width: 100px 0 0 95vw;
  border-color: transparent transparent transparent rgba(138, 105, 15, 0.1);
}

.StateListBlock {
  display: flex;
  justify-content: center;
  margin: 42px auto;
}

.ListBoxA,
.ListBoxB,
.ListBoxC {
  width: 320px;
  height: 370px;
  background-image: url(../images/BeginerPage/State/Comfortable.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border-radius: 3.6rem;
  position: relative;
  margin-left: 24px;
  cursor: pointer;
}

.ListBoxA:hover,
.ListBoxB:hover,
.ListBoxC:hover {
  transform: scale(1.1, 1.1);
  transition: 1s all;
}

.ListBoxA {
  margin-left: 0;
}

.ListBoxB {
  background-image: url(../images/BeginerPage/State/Cleanliness.webp);
}

.ListBoxC {
  background-image: url(../images/BeginerPage/State/Relief.webp);
}

.ListBoxATitle img {
  padding: 10px 0 0 10px;
}

.ListBoxAText,
.ListBoxBText,
.ListBoxCText {
  background-image: url(../images/BeginerPage/State/StateTextBg.svg);
  background-repeat: no-repeat;
  width: 300px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 1.5rem;
}

.ListBoxAText p {
  margin-right: 20px;
}

.StateBGUnder {
  border-style: solid;
  border-width: 0 0 100px 95vw;
  border-color: transparent transparent transparent rgba(138, 105, 15, 0.1);
}

/* 院長挨拶の設定 */
.DirectorBlock {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-image: url(../images/BeginerPage/Director/DirectorBlockBg.svg);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: top right;
  margin-top: 20px;
}

.DirectorBoxLeft {
  width: 60%;
}

.DirectorBoxRight {
  width: 35%;
}

.DirectorSign {
  width: 50%;
  padding: 32px 300px 24px 0;
}

.DirectorBoxRightInner {
  margin-top: -140px;
  margin-bottom: 32px;
}

.DirectorPhoto {
  width: 367px;
  height: 367px;
  border-radius: 3.6rem;
  background-image: url(../images/BeginerPage/Director/DirectorPhoto.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.DirectorPhoto:hover {
  transform: scale(1.1, 1.1);
  transition: 1s all;
}

.DIrectorBoxLeftInner {
  text-align: center;
}

.DirectorBoxLeft h3 {
  padding-top: 32px;
  color: #8a690f;
  width: 550px;
  text-align: left;
  margin-bottom: 24px;
  margin-left: auto;
}

.DirectorNames {
  position: relative;
}

.DirectorName,
.DirectorNameEnglish {
  width: 303px;
  height: 74px;
  background-image: url(../images/BeginerPage/Director/DirectorNameBg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  margin-top: -15px;
}

.DirectorNameEnglish {
  background-image: url(../images/BeginerPage/Director/DirectorNameEnglishBg.svg);
  color: #ffffff;
  padding-top: 20px;
  z-index: -10;
  position: absolute;
  top: 60px;
  left: 20px;
}

.DirectorName p {
  font-size: 1.8rem;
}

.DirectorName span {
  font-size: 1.5rem;
}

.DirectoIntroduction {
  width: 350px;
  margin-top: 64px;
  line-height: 3rem;
  padding: 10px 10px 0 10px;
}

.DirectorBoxLeftText {
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 0 3.6rem 3.6rem 0;
}

.DirectorBoxLeftText p {
  width: 550px;
  margin-left: auto;
  padding: 30px 32px 30px 10px;
  line-height: 3rem;
  text-align: left;
}

/* Q&Aの設定 */

.AccordionContainer {
  position: relative;
  width: 70%;
  border-top: none;
  outline: 0;
  cursor: pointer;
  margin: 32px auto;
}

.AccordionContainer .AccordionTitle,
.AccordionContent {
  display: flex;
  align-items: center;
  width: 600px;
  height: 55px;
  position: relative;
  padding: 0 64px;
  font-size: 1.25em;
  font-weight: normal;
  background: #fff;
  cursor: pointer;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 10px auto;
}

.AccordionContainer .AccordionTitle:hover,
.AccordionContainer .AccordionTitle:active,
.AccordionContainer .content-entry.open .AccordionTitle {
  background-color: rgba(176, 207, 1, 0.7);
  background-repeat: no-repeat;
  color: white;
  font-weight: bold;
}

.AccordionContainer .AccordionTitle:hover i:before,
.AccordionContainer .AccordionTitle:hover i:active,
.AccordionContainer .content-entry.open i {
  color: white;
}

.AccordionTitle {
  position: relative;
}

.AccordionTitle:after {
  content: "";
  position: absolute;
  right: 42px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #b0cf01;
  border-right: solid 3px #b0cf01;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.AccordionTitle.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.AccordionContent {
  display: none;
  color: #8a690f;
  font-size: 1.5rem;
  margin-top: 10px;
  font-weight: bold;
  margin-left: 20%;
}

.AccordionTitleIcon {
  width: 32px;
  display: inline-block;
  margin-right: 32px;
}

.AccordionContentInner {
  display: flex;
  align-items: center;
}

/* 施術までの流れの設定 */
.Flow {
  background-color: #fff;
  background-repeat: no-repeat;
}

.FlowBgUp {
  width: 100%;
  height: 60px;
  border-radius: 52% 48% 48% 52% / 0% 0% 100% 100%;
  background-color: #f7f3ec;
  background-repeat: no-repeat;
}

.Flow {
  background-color: #ffffff;
  background-repeat: no-repeat;
  padding-bottom: 50px;
}

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


料金・メニューページの設定


------------------------------------ */
/* 自由診療の設定 */
.FreeMedicalCareCaution {
  font-size: 1.4rem;
}

.FreeMedicalCare {
  position: relative;
}

.FreeMedicalCare {
  margin: 42px auto;
}

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

.RecommendInner {
  width: 100%;
  background-color: rgba(138, 105, 15, 0.1);
  background-repeat: no-repeat;
  padding: 20px 0;
}

.RecommendList {
  width: 85%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 72px auto 0 auto;
  padding-bottom: 64px;
}

.RecommendListBox {
  width: 195px;
  height: 240px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  position: relative;
}

.RecommendListBox p {
  font-size: 1.4rem;
  text-align: left;
  display: inline-block;
  margin: 0 auto;
}

.RecommendListBoxInner {
  width: 90%;
  display: inline-block;
  margin: 15px auto;
}

.RecommendListBoxInner img {
  margin: 5px auto 0 auto;
}

.Sweat {
  position: absolute;
  top: -84px;
  left: 8px;
}

.Recommend .SectionTitle {
  margin-top: 22px;
}

.RList1 p {
  margin-top: 15px;
}

.RList2 p {
  margin-top: -5px;
}

.RList4 p {
  margin-top: 5px;
}

.RList5 p {
  margin-top: 8px;
}

.RList2,
.RList4 {
  margin-top: 50px;
}

/* リスト1部分の設定 */
.FreeMedicalCareListBoxWrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.MenuListLine {
  position: absolute;
  top: 30px;
  left: 30%;
  z-index: 15;
}

.MenuListLineReverse {
  position: absolute;
  top: 30px;
  left: 55%;
  z-index: 15;
  -moz-transform: rotate(-52deg);
  -webkit-transform: rotate(-52deg);
  -o-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

.FreeMedicalCareListTitle {
  width: 360px;
  height: 135px;
  background-color: #b0cf01;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
}

.FreeMedicalCareListTitle h3 {
  padding-top: 30px;
  margin: 0 auto;
}

.FreeMedicalCareListTitle hr {
  width: 175px;
  border: 1px solid #ffffff;
  margin: 10px auto;
}

.FreeMedicalCareListBoxLeft {
  width: 40%;
  z-index: 10;
  margin-top: -42px;
}

.FreeMedicalCareListBoxRight {
  width: 60%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
}

.FreeMedicalCareListBoxImage img {
  width: 535px;
  height: 276px;
  object-fit: cover;
  object-position: center;
}

.FreeOmakase img {
  width: 100%;
}

.FreeMedicalCareListBoxRightInner {
  width: 80%;
  margin: 42px auto;
}

.FreeMedicalCareListBoxImage {
  display: block;
  width: 500px;
  height: 276px;
  overflow: hidden;
  border-radius: 3.6rem;
  margin: 32px auto 0 auto;
}

.FreeMedicalCare h3 {
  color: #ffffff;
  font-size: 3rem;
  letter-spacing: 0.15rem;
}

.BoxText1 {
  margin-top: 24px;
}

.FreeMedicalCareListH4 {
  display: inline-block;
  border-bottom: 1px solid #b0cf01;
  padding-bottom: 5px;
  font-size: 2rem;
}

.BoxSymptoms {
  margin-top: 24px;
  display: flex;
  justify-content: space-around;
}

.BoxLeft {
  width: 30%;
}

.BoxRight {
  width: 70%;
}

.SymptomsList {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.SymptomsList p {
  width: 95px;
  height: 26px;
  color: #ffffff;
  background-color: #8a690f;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 3px 0;
}

.BoxHr2 {
  margin-top: 8px;
  border: 1px dashed;
}

.TreatmentFee {
  display: flex;
  justify-content: start;
  margin-top: 20px;
}

.FeeLeft {
  width: 45%;
}

.FeeRight {
  width: 55%;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Fee .brown {
  color: #8a690f;
  font-size: 2.6rem;
}

.TreatmentTime span {
  color: #8a690f;
}

.TreatmentTime {
  margin-top: 8px;
  margin-left: 50px;
}

.FeeRightInner {
  background-color: #f7f3ec;
  background-repeat: no-repeat;
  padding: 15px;
  text-align: left;
}

#Biyou .FeeRightInner {
  background-color: #ffffff;
}
#Anzan .HabitBtn {
  margin-top: 0;
}
.FeeRightInner h5 {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.hormon {
  font-size: 2.4rem !important;
}

.BtnPatern .FeeRightInner {
  background-color: #ffffff;
}

/* リスト1右パターンの設定 */
.StageInnerReverse {
  width: 100%;
  padding-top: 20px;
}

.FreeMedicalCareListTitleReverse {
  background-color: #8a690f;
  background-repeat: no-repeat;
}

.small {
  font-size: 1.2rem;
}

.Fee .small {
  font-size: 1.4rem;
}

/* リスト２の設定 */
.FreeMedicalCareList2 {
  margin-top: 100px;
  background-repeat: no-repeat;
  padding: 180px 0 32px 0;
}

.FreeMedicalCareList2inner {
  width: 80%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  margin: 0 auto 140px auto;
  position: relative;
  box-shadow: 15px 15px 0px 0 rgba(138, 105, 15, 0.1);
}

.FreeMedicalCareList2 .FreeMedicalCareListTitle {
  position: absolute;
  top: -100px;
  left: -60px;
}

.FreeMedicalCareList2TextBox {
  width: 80%;
  padding: 72px 0;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.FreeMedicalCareList2TextBoxLeft {
  width: 60%;
}

.FreeMedicalCareList2TextBox .FeeLeft {
  width: 35%;
}

.FreeMedicalCareList2TextBox .FeeLeft {
  text-align: right;
}

.FreeMedicalCareList2TextBox .TreatmentTime {
  margin-right: 10px;
}

#Habit1 .HavitTitle {
  width: 70%;
}

.HabitBtn {
  width: 295px;
  height: 54px;
  margin-top: 20px;
  border-radius: 2rem;
  border: 2px solid #b0cf01;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

.SanzenSango h3 {
  width: 85%;
}

.SanzenSango h3 img {
  width: 100%;
}

.HabitBtn a {
  color: #8a690f;
}

/* 保険診療の設定 */
.Hoken p {
  margin: 24px auto 100px auto;
  text-align: left;
}

.Hoken {
  margin-top: -20px;
}

/* リストの設定 */
.FlowInner {
  width: 75%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.Flow .SectionTitle {
  margin-top: 60px;
}

.FlowBox {
  width: 270px;
  height: 510px;
  background-color: #f7f2e9;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  margin-top: 80px;
}

.FlowBoxCenter {
  margin-top: 130px;
}

.FlowBoxImg {
  position: absolute;
  top: 20px;
}

.Img1 {
  width: 200px;
}

.Img2 {
  width: 256px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: 120px;
}

.Img3 {
  top: -40px;
}

.Img4 {
  width: 150px;
  top: 120px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.Img5 {
  width: 220px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: 100px;
}

.Image6 {
  width: 180px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: 100px;
}

.FlowBoxText {
  margin-bottom: 20px;
}

.FlowBoxText h4 {
  font-size: 2.4rem;
}

.FlowBoxText hr {
  margin-top: 10px;
  border: 1px solid #b0cf01;
}

.FlowBoxText .FlowBoxTextP {
  margin-top: 10px;
  text-align: left;
}

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

.Phone {
  font-size: 2rem;
}

.FlowInReserved {
  display: flex;
}

.FlowInReserved li {
  width: 40%;
  height: 26px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.FlowInReserved li p {
  font-size: 1.4rem;
  color: #ffffff;
}

.FlowInReservedLeft {
  background-color: #ed6c00;
  background-repeat: no-repeat;
}

.FlowInReservedRight {
  background-color: #00b900;
  background-repeat: no-repeat;
}

.Arow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 19.1px;
  border-color: transparent transparent transparent #070707;
}

.Flow6 {
  font-size: 1.4rem;
}

.FlowBgUnder {
  width: 100%;
  height: 60px;
  border-radius: 52% 48% 48% 52% / 0% 0% 100% 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

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


ハビットコントロールページの設定


------------------------------------ */
.HabitDescription .SectionTitle {
  margin: 32px auto;
  width: 60%;
  text-align: center;
}
.Habitlist h3 {
  color: #333333;
  font-size: 2.4rem;
}
.HabitDescription p {
  text-align: left;
}

.etc {
  font-size: 3.8rem;
  letter-spacing: 0.3rem;
}

.TabefasImage {
  display: flex;
  width: 95%;
  margin-top: 42px;
  justify-content: space-around;
  align-items: center;
}
.TabefasImage .TabefasImage01 {
  width: 312px;
}
.TabefasImage .TabefasImage02 {
  width: 234px;
}
.TabefasImage .TabefasImage03 {
  width: 180px;
}
.TabefasImage .TabefasImage04 {
  width: 272px;
}
.TabefasImage li img {
  width: 100%;
}
.ComingSoon {
  margin-top: 72px;
}

/* 特徴の設定 */
.HabitlistWrapper {
  margin-top: 64px;
}
.HabitList {
  width: 660px;
  height: 120px;
  background-color: #b0cf01;
  border-radius: 3.6rem;
  padding: 12px;
  margin-top: 24px;
  color: #ffffff;
  z-index: 100;
  position: relative;
}
.HabitlistUP {
  width: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 5px;
  margin: 0 auto;
}

.HabitlistP {
  font-size: 2.8rem;
}
.HabitList img {
  margin: -20px 0 0 20px;
}
.HabitList h3 {
  width: 90%;
  margin: 12px auto;
}
.HabitlistBox {
  position: relative;
}
.HabitlistTextWrapper {
  width: 780px;
  background: #ffffff no-repeat;
  border-radius: 3.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
}
.HabitlistText {
  width: 512px;
  margin: 0 auto;
  width: 512px;
  margin: 0 auto;
  padding: 42px 0;
}
.HabitlistText p {
  padding-top: 12px;
}
.HabitlistPhoto {
  width: 535px;
  position: absolute;
  top: 24px;
  left: 700px;
}
.HabitlistPhoto img {
  width: 100%;
  height: 276px;
  object-fit: cover;
  object-position: center;
  border-radius: 3.6rem;
}
.HabitlistBoxBlown .HabitList {
  background-color: #8a690f;
}
#Tabefas {
  margin-top: 200px;
}
/* ----------------------------------


ご予約・アクセスページの設定


------------------------------------ */
.Reserve {
  position: relative;
}

/* ご予約の設定 */
.ReserveBox {
  background-color: #ffffff;
  width: 65%;
  margin: 32px auto;
  padding: 42px 64px;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.ReserveBox h3 {
  display: inline-block;
  border-bottom: 2px solid #b0cf01;
  padding-bottom: 5px;
}

.ReserveBox address {
  margin-top: 24px;
  font-size: 40px;
}

.ReserveBox p {
  margin-top: 20px;
}

.ReserveBox p span {
  font-size: 1.4rem;
}

.ReserveBtn {
  width: 275px;
  height: 64px;
  background-color: #ed6c00;
  border-radius: 3.6rem;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ReserveP1 {
  font-size: 1.4rem;
}

.ReserveP2 {
  width: 70%;
  display: inline-block;
  text-align: left;
}

.ReserveLINEQR {
  width: 30%;
}

.ReserveBoxInner {
  display: flex;
  justify-content: space-around;
}

/* Lineでのご予約の設定 */
.LINEimgwrapper {
  width: 30%;
  margin: 0 auto;
}

.LINEimgwrapper img {
  width: 100%;
}

.LINEbtnwrapper {
  margin-top: 20px;
}

/* アクセスの設定 */
.Access {
  position: relative;
}

.Access .HandImage3 {
  top: -92px;
}

.Access .HandImage4 {
  top: -64px;
  transform: rotate(0deg);
}

.AccessDirection {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 32px auto 0 auto;
}

.DirectionBox {
  width: 30%;
  position: relative;
  margin-top: 64px;
  text-align: center;
}

.DirectionBoxPhoto {
  width: 360px;
  height: 270px;
  border-radius: 3.6rem;
  overflow: hidden;
}

.DirectionBoxPhoto img {
  width: 100%;
}

.DirectionBox p {
  width: 90%;
  height: 42px;
  text-align: left;
  margin: 10px auto;
}

.DirectionNo {
  width: 64px;
  position: absolute;
  top: -10px;
  left: 5px;
}

.DirectionBoxCircle {
  width: 3%;
}

.Gmap {
  width: 250px;
  background-color: #b0cf01;
  padding: 10px 20px;
  border-radius: 3.6rem;
  text-align: center;
  margin: 42px auto;
}

.Gmap a {
  color: #ffffff;
}

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


交通事故治療ページの設定


------------------------------------ */
.ForThoseInNeed {
  position: relative;
}

.ForThoseInNeed .HandImage1 {
  left: -125px;
}

.ForThoseInNeed .HandImage2 {
  right: -140px;
}

.ForThoseInNeed .SectionTitle p {
  text-align: left;
}

/* リスト部分設定 */
.PointlistWrapper {
  margin-top: 42px;
}

.TrafficAccidentThreePointsListBox {
  background-color: #fff;
  background-repeat: no-repeat;
  width: 90%;
  margin: 0 auto;
  border-radius: 3.6rem;
  padding: 42px;
  position: relative;
  margin-top: 42px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.TrafficAccidentThreePointsListBox ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.PointsListPhoto {
  width: 35%;
}
.PointsListPhoto img {
  width: 324px;
  height: 170px;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
  border-radius: 3.6rem;
}
.PointsListPhoto2 img {
  width: 180px;
  height: 180px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.PointsListNo {
  width: 90px;
  position: absolute;
  top: -40px;
  left: 64px;
}

.PointsListP {
  width: 60%;
}

.PointsListP span {
  color: #ed6c00;
}

.PointsListPTitle {
  font-size: 1.8rem;
}

.PointsListPText {
  margin-top: 32px;
}

/* すぐご相談くださいの設定 */
.SuchaPerson h3 {
  display: inline-block;
  width: 60%;
}

.SuchaPerson h3 img {
  width: 100%;
}

.SuchaPersonCheck {
  margin-top: 42px;
  width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.SuchaPersonCheck2 {
  margin-top: 42px;
  width: 1000px;
}

.SuchaPersonCheckListWrapper {
  width: 50%;
  margin-top: 24px;
}

.SuchaPersonCheckList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.CheckBox {
  width: 42px;
}

.SuchaPersonCheckListText {
  margin-left: 16px;
  font-size: 1.8rem;
}

/* 交通事故治療の特徴の設定 */
.TrafficAccidentFeatures .StateBGUp {
  margin-top: 32px;
}

.TrafficAccidentInner {
  background-color: rgba(138, 105, 15, 0.1);
  background-repeat: no-repeat;
  padding-bottom: 32px;
}

.TrafficAccidentFeatures .SectionTitle {
  margin-top: 0px;
}

.TrafficAccidentFeatures ul {
  width: 90%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 42px auto 0 auto;
}

.Feature03List {
  background-color: #ffffff;
  background-repeat: no-repeat;
  width: 30%;
  padding: 24px 0;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  height: 400px;
}

.Feature03List div {
  width: 80%;
  margin: 0 auto;
}

.Feature03List div h3 {
  margin: 0 auto;
  height: 48px;
  color: #8a690f;
}

.List03Title {
  padding-top: 12px;
}

.List03Title03 {
  padding-top: 0;
}

.Feature03List img {
  width: 210px;
  height: 110px;
  object-fit: cover;
  margin: 20px auto 0 auto;
  border-radius: 2.4rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}

.Feature03List p {
  text-align: left;
  margin-top: 20px;
}

/* よくある質問の設定 */
.TrafficQA .SectionTitle {
  margin-top: 0px;
}

.TrafficQA dl {
  width: 90%;
  margin: 42px auto 0 auto;
}

.TrafficQA dt,
.TrafficQA dd {
  width: 605px;
  height: 55px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 3.6rem;
  margin: 16px auto 0 auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.TrafficQA dt h4,
.TrafficQA dd div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 13%;
  padding-top: 10px;
}

.TrafficQA dd {
  margin-right: 150px;
}

.TrafficQA {
  padding-bottom: 64px;
}

/* ご相談くださいの設定 */
.Trafficconsultation {
  position: relative;
}

.Trafficconsultation .SectionTitle {
  margin-top: 0px;
  padding: 42px 0;
}

.Trafficconsultation {
  background-color: rgba(138, 105, 15, 0.1);
  background-repeat: no-repeat;
  padding-bottom: 64px;
}

/* footerの設定 */
.TrafficFooter .FooterInnerWrapper {
  margin-top: 0px;
}

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


産前産後ページの設定


------------------------------------ */
.SanzenCareInner {
  background-color: rgba(138, 105, 15, 0.1);
  background-repeat: no-repeat;
  padding-bottom: 42px;
}

.CareWrapper {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto;
  padding-top: 32px;
}

.CareWrapper .CareBoxLeft {
  width: 55%;
}

.CareWrapper .CareBoxRight {
  width: 30%;
  margin: 0 auto;
}

.CareBoxLeft {
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  padding: 42px 64px;
}

.CareBoxTitle {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.CareBoxTitle .imageR {
  margin-right: 0;
  margin-left: 20px;
}
.Sakago {
  padding: 42px 64px;
}
.SakagoInner .CareBoxTitle {
  justify-content: center;
}

.SakagoInner .CareBoxTitle h3 {
  display: inline-block;
}

.CareBoxTitle img {
  margin-right: 20px;
}

.CareBoxTitle h3 {
  font-size: 3rem;
}

.CareBoxSubTitle,
.List001RightboxText,
.Title001 {
  margin-top: 16px;
  font-size: 1.8rem;
  font-weight: bold;
}

.Title001 {
  margin-top: 16px;
}

.List001RightboxText {
  margin-top: 0;
  margin-bottom: 16px;
}

.CareBoxLeft p {
  margin-top: 12px;
}

.CareBoxRightPhoto1 img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 3.6rem;
  margin-left: 24px;
}

.CareBoxRightPhoto2 img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 3.6rem;
  margin-left: 180px;
  z-index: 10;
  margin-top: -40px;
}

/* 妊娠中に起こりやすい症状 */
.List001 {
  width: 900px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.List001Leftbox {
  width: 15%;
  margin: 0 auto;
}

.Womanimage {
  width: 130px;
}

.Womanimage img {
  width: 100%;
}

.List001Rightbox {
  width: 70%;
}

.ListInner001 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  font-weight: bold;
}

.ListInner001 li,
.ListInner002 li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 33.3%;
  margin-top: 8px;
}

.ListInner002 {
  margin-top: 16px;
  font-weight: bold;
}

.ListInner002 li {
  width: 80%;
  margin-top: 8px;
}

.CircleGreen {
  background-color: #b0cf01;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 16px;
}

.List001Discription {
  margin-top: 24px;
  text-align: left;
}

/* 産前ケアの説明部分 */
.SanzenDiscrictionBox {
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  padding: 42px 64px;
  margin: 72px auto;
  width: 90%;
}

.SanzenDiscrictionBoxInner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.SanzenDiscrictionBoxInnerLeft {
  width: 50%;
}
.SanzenDiscrictionBoxInnerRight {
  width: 40%;
  margin-left: auto;
  margin-right: 0px;
}
.SanzenImagePhoto {
  margin-top: 40px;
}
.Title001 {
  width: 100%;
}

.P001 {
  margin-top: 12px;
}

.P003 {
  margin-top: 42px;
}

.PGreen {
  color: #b0cf01;
}

.SanzenImagePhoto img {
  width: 422px;
  height: 296px;
  object-fit: cover;
  object-position: center;
  border-radius: 3.6rem;
}

.SanzenPriceList {
  margin-top: 32px;
  width: 90%;
  border: 1px solid #8a690f;
  padding: 24px;
}

.fontsmall {
  font-size: 1.3rem;
}

.Price {
  color: #8a690f;
  font-size: 2rem;
}

.PriceListcaution {
  font-size: 1.4rem;
  margin-top: 16px;
}

/* 逆子治療の設定 */
.Sakago .SectionTitle {
  margin-top: 64px;
}

.SakagoInner {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.SakagoInner p {
  text-align: left;
  margin-top: 10px;
}

/* 産後ケアの設定 */
.SanzenDiscrictionBoxInnerLeft2 {
  width: 50%;
}
.ListInner003 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

.ListInner003 li {
  margin-top: 8px;
  width: 50%;
}

.ListLong {
  width: 100% !important;
}

.SangoCare .CareBoxRightPhoto2 img {
  object-position: center;
}

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


お知らせページの設定


------------------------------------ */
.NewsInner {
  width: 40%;
  margin: 64px auto 0 auto;
  text-align: center;
}
.NewsTitle {
  font-weight: bold;
  font-size: 2rem;
}
.NewsDays {
  color: #8a690f;
}
.News1 {
  margin: 32px auto 0 auto;
}
.News1 img {
  width: 350px;
  margin: 0 auto;
}
.News1 p {
  width: 100%;
  margin-top: 32px;
  text-align: left;
}
.NewsText {
  margin: 32px auto 0 auto;
  width: 100%;
}
.NewsDetailsUnder {
  text-align: center;
}
.NewsDetailsUnder .HabitBtn {
  margin-top: 64px;
}
.SNS {
  width: 40%;
  margin: 64px auto 0 auto;
}
.SNS p {
  font-weight: bold;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.SNS_item {
  width: 20%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 32px auto 0 auto;
}
.NewsArchive {
  text-align: center;
  margin-top: 64px;
}
.ArchiveNew,
.backnumbers ul {
  margin-top: 10px;
}
.backnumbers {
  margin-top: 24px;
}

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


お知らせ一覧ページの設定


------------------------------------ */
.news_boxA {
  width: 80%;
  margin: 64px auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  border-bottom: 1px rgba;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 20px;
}
.news_imgA {
  width: 40%;
}
.imgA {
  width: 250px;
  margin: 0 auto;
}
.imgA img {
  width: 100%;
}
.news_txtA {
  width: 60%;
}
.dateA {
  margin-top: 5px;
}
.news_txtA h3 {
  font-weight: bold;
  font-size: 1.8rem;
}
.excerptA {
  margin-top: 20px;
}
.linkto {
  display: inline-block;
  border-bottom: #4699ca solid 1px;
  margin-top: 32px;
}

#caption-attachment-75 {
  display: none;
}
.sns-single {
  margin-bottom: 20px;
}

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


すくすくケアページの設定


------------------------------------ */
.ToDoList {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 32px;
}
.ToDoList01 {
  border-bottom: 2px solid #b0cf01;
}
.ToDoList h3 {
  width: 20%;
}
.ToDoList .ToDoListText {
  width: 45%;
  padding-left: 42px;
}
.ToDoList .Price0001 {
  width: 30%;
}
.Price0001_1 {
  margin-bottom: 20px;
}
.Feature03List002 {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  width: 30%;
  padding: 24px 0 42px;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
  height: 420px;
}

.Feature03List002 div {
  width: 80%;
  margin: 20px auto 0;
  text-align: left;
}
.Feature03List002 div .TaimenTitle {
  margin-bottom: 10px;
}
.Feature03List002 button {
  margin-top: auto;
}

.Feature03List002 div h3 {
  margin-bottom: 20px;
  color: #8a690f;
}
.Feature03List002 div .GroupReserve {
  margin-bottom: 10px;
}

.Feature03List002 p {
  text-align: left;
}
.Noimg {
  width: 90px;
  height: 90px;
  position: absolute;
  top: -32px;
  left: -20px;
}
.BabypageTodo {
  margin: 72px auto;
}
.TrafficAccidentFeatures .Babypage {
  justify-content: space-between;
  margin-top: 42px;
}
.TrafficAccidentInner .BabypageList2 {
  justify-content: flex-start;
}
.BabypageList2 li {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  width: 90%;
  padding: 24px 0;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
  height: 300px;
}
.BabypageList2 li div {
  width: 80%;
  margin: 0 auto;
}
.BabypageList2 .Feature03ListInner h3 {
  text-align: left;
  margin: 0 auto;
  height: 48px;
  color: #8a690f;
}
.BabypageList2 .Feature03ListInner p {
  text-align: left;
}
.nonelist {
  opacity: 0;
}
.LIst002Only {
  width: 67%;
  text-align: left;
}
.TrafficAccidentFeatures .LongList {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
}
.TrafficAccidentFeatures .LongList li {
  width: 47%;
  height: 250px;
  display: flex;
  flex-direction: column;
}
.TrafficAccidentFeatures .ListBig {
  height: 550px;
  width: 100%;
}
.BabypageList2 li .PhotoDiscriptionWrapper {
  margin: 20px 0 20px 20px;
}
.TrafficAccidentFeatures .ListBig .PhotoDiscription {
  width: 100%;
}
.TrafficAccidentFeatures .ListWrpper001 {
  width: 100%;
}
.BabypageList2 .ListWrpper000 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.BabypageList2 .ListWrpper002 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.BabypageList2 .ListWrpper002 button {
  margin: auto auto 0 auto;
}
/* 今までの治療の設定 */
.TreatmenttoDateWrapper {
  display: flex;
  justify-content: space-between;
}

.TreatmentToDate h2 {
  margin-bottom: 24px;
}
.TreatmentToDate p {
  margin-bottom: 24px;
}
.TreatmentToDatePhotos .ToAfter div {
  width: 42px;
  margin: 0 auto;
  transform: rotate(90deg);
}
.TreatmentToDatePhotos .ToAfter div img {
  width: 100%;
  margin: 20px auto 20px;
}
.TreatmentToDatePhotos .BAPhotos img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 3.6rem;
  margin: 0 auto;
}
.BA div img {
  border: 3px solid #b0cf01;
}

.TreatmentToDatePhotos {
  width: 45%;
  margin: 54px auto 72px;
}
.TreatmentToDatePhotos .BAPhotos {
  width: 100%;
}
.TreatmentToDatePhotos .ToAfter {
  width: 10%;
  margin: 0 auto;
}
.BAPhotosBox {
  display: flex;
  justify-content: space-between;
}
.BAPhotosimg {
  width: 31%;
}

.BAPhotos02 {
  margin: 32px auto 200px;
}
.BAPhotos02 li {
  width: 20%;
}
.TextCenter01 {
  text-align: center;
}
.Feature03ListInner h4 {
  color: #8a690f;
  text-align: left;
  margin: 10px 0 5px;
}
.Feature03ListInner h4::before {
  display: inline-block;
  content: "";
  margin-top: 4px;
  margin-right: 7px;
  width: 15px;
  height: 15px;
  vertical-align: top;
  border-radius: 50%;
  background-color: #8a690f;
}
.SuchaPersonInner {
  padding-bottom: 64px;
}
/* すくすくケアの内容 */
.sukusukuArea {
  padding: 60px 0 80px;
}
.sukusuku {
  display: flex;
  justify-content: space-between;
  width: 75%;
  flex-wrap: wrap;
  margin: 42px 0;
}
.sukusukuWrapper {
  display: flex;
}
.sukusuku li {
  width: 30%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  padding: 24px 32px 0;
  border-radius: 3.6rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  height: 300px;
  margin-bottom: 32px;
}
.sukusuku h3 {
  color: #b0cf01;
  text-align: center;
  margin-bottom: 10px;
}
.sukusukuWrapper {
  display: flex;
  justify-content: space-between;
}
.babyPhoto {
  width: 25%;
  margin-left: 32px;
  height: auto;
  background: url(../images/baby-head/babyPhoto.webp);
  border-radius: 3.6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}