@charset "utf-8";

/*
**********************************************************************

* top.css

*********************************************************************
*/
#page-index .true-reason-box,
#page-index .vocie-movie-box,
#page-index .root-reason-box,
#page-index .closing-box,
#page-index .voice-text-box,
#page-index .experience-box,
#page-index .selfcare-box,
#page-index .difference-box,
#page-index .greeting-box,
#page-index .three-reason-box,
#page-index .flow-box,
#page-index .message-box{
	margin-top:50px;
}
#page-index img{
	display:block;
	margin:0 auto;
}
#page-index .closing-box h2 img{
	display:inline;
}
#page-index .lead-list ul{
	padding: 15px 25px;
	border:double 3px #d0b06c;
}
#page-index .closing-box ul{
	border:solid 4px #fdead9;
}
@media screen and (max-width:600px) {
#page-index .closing-box ul{
	padding:10px;
}
}
@media screen and (max-width:600px) {
#page-index .voice-movie-box iframe{
	max-width:100%;
}
}
#page-index .voice-text-box h3,
#page-index .voice-movie-box h3{
	position: relative;
	margin: 0 0 20px;
	padding: 2% 3%;
	border-radius: 4px;
	background: #7a5e23;
	font-size: 23px;
	color: #FFF;
	font-weight: normal;
}
#page-index .voice-text-box h3:after,
#page-index .voice-movie-box h3:after{
	content: "";
	position: absolute;
	left: 14%;
	bottom: -24px;
	border: 12px solid transparent;
	border-top: 12px solid #7a5e23;
}
#page-index .voice-text-box h3 .color08 {
	color: #ffdb0e;
}
#page-index .voice-profile{
	position:relative;
	padding-left:15px;
}
#page-index .voice-profile:before{
	content:"";
	display:block;
	background:#ef9c00;
	position:absolute;
	top:50%;
	left:0;
	width:8px;
	margin-top:-4px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
#page-index .voice-photo{
	margin-bottom:10px;
}
#page-index .experience-title{
	background:#ceac64;
	color:#fff;
	font-size:18px;
	padding:3px 10px 3px 30px;
	position:relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
#page-index .experience-title:before{
	content:"";
	display:block;
	border-top:solid 10px #fff;
	border-right:solid 5px transparent;
	border-left:solid 5px transparent;
	position:absolute;
	top:50%;
	margin-top:-4px;
	left:10px;
	width:0;
	height:0;
}
#page-index .difference-box h3 span.color01{
	display:inline-block;
	margin-right:10px;
}
#page-index .difference-box .difference-item dl{
	padding:10px;
}
#page-index .difference-box dl.self{
	background:#fdefe3;
	border:solid 1px #ed7a00;
}
#page-index .difference-box dl.hospital{
	background:#f6f8f9;
	border:solid 1px #c5d2d5;
}
#page-index .difference-box dl dt{
	text-align: center;
	color:#fff;
	font-weight:bold;
	padding:3px 0;
	margin-bottom:10px;
}
@media screen and (max-width:600px) {
#page-index .difference-box dl{
	margin-bottom:15px;
}
}
#page-index .difference-box dl.hospital dt{
	background:#5e7b81;
}
#page-index .difference-box dl.other dt{
	background:#ab9a77;
}
#page-index .difference-box dl.self dt{
	background:#ef7b00;
}
#page-index .difference-box dl dd{
	overflow:hidden;
}
@media screen and (max-width:600px) {
#page-index .difference-box dl dd{
	overflow:auto;
}
}
#page-index .greeting-box h2+.float-4-6 .left{
	margin-right:15px;
}
#page-index .three-reason-box .reason-title{
	color:#725d2e;
	border-bottom:solid 1px #e5c683;
	padding-bottom:10px;
}
#page-index .three-reason-box .reason-title .reason-num{
	display:inline-block;
	text-align:center;
	color:#fff;
	background:#ef9c00;
	padding:3px 25px;
	border-radius: 3px;
	margin-right:15px;
	float:left;
}
#page-index .three-reason-box .reason-title .reason-text{
	overflow:hidden;
	display:block;
}
@media screen and (max-width:600px) {
#page-index .three-reason-box .reason-title .reason-num{
	display:block;
	margin-right:0;
	float:none;
	margin-bottom:5px;
}
}
.flow-box .flow-item{
	padding-bottom:70px;
	position:relative;
}
.flow-box .flow-item.item1 h3,
.flow-box .flow-item.item6 h3{
	margin-left: 263px;
}
@media screen and (max-width:600px) {
.flow-box .flow-item.item1 h3,
.flow-box .flow-item.item6 h3{
	margin-left: 0px;
}
}
.flow-box .flow-item:before{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-30px;
	border-top:solid 30px #ff9933;
	border-right:solid 30px transparent;
	border-left:solid 30px transparent;
}
.flow-box .flow-item:last-child{
	padding-bottom:0;
}
.flow-box .flow-item:last-child:before{
	display:none;
}
.flow-box .flow-item h3{
	border-bottom:solid 1px #e5c683;
	margin:0 0 10px 0;
	color:#5b4806;
	font-weight:bold;
	font-size:18px;
}
.flow-box .flow-item h3 .color08{
	display:inline-block;
	margin-right:15px;
	font-size:28px;
	line-height:1;
	font-style: italic;
}
.flow-box .flow-item.item1 .left,
.flow-box .flow-item.item6 .left{
	padding-right:20px;
}
@media screen and (max-width:600px) {
.flow-box .flow-item .left{
	margin-bottom:20px;
}
.flow-box .flow-item.item1 .left,
.flow-box .flow-item.item6 .left{
	padding-right:0;
}
}
#page-index .message-box{
	margin-top:100px;
}
@media screen and (max-width:600px) {
#page-index .message-box{
	margin-top:50px;
}
#page-index .message-box .float-4-6{
	margin-bottom:10px;
}
}
#page-index .message-box .float-4-6 .left img{
	margin-top:-50px;
}
@media screen and (max-width:600px) {
#page-index .message-box .float-4-6 .left img{
	margin-top:0px;
}
}
#page-index .message-box .message-text{
	padding:15px 20px;
	background:#fef6ee;
	border:double 3px #f39b3d;
}
#page-index .message-box .message-text p {
}
#page-index .performance-box {
	margin: 70px 0;
	text-align: center;
}
#page-index .performance-box p {
	margin-bottom: 10px;
}
#page-index .performance-box a {
	display: inline-block;
	margin-top: 30px;
}
#page-index .reason-box h4 {
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
}
#page-index .efficient h3 {
	font-size: 20px;
	font-weight: bold;
	color: #ff7900;
}
#page-index .faq-box dl dt {
	font-size: 20px;
	font-weight: bold;
}
#page-index .faq-box dl dt .icon {
	margin-right: 10px;
	font-size: 27px;
	color: #e60012;
}
#page-index .faq-box dl dd {
	margin-bottom: 20px;
}
#page-index .faq-box dl dd .icon {
	margin-right: 10px;
	font-size: 27px;
	font-weight: bold;
	color: #ff9933;
}
#page-index .caution-box ul {
	padding: 15px 25px;
	border: double 3px #d0b06c;
}

#page-index .top-improvement {
	font-size: 150%;
	background: #ab8e51;
	color: #fff;
	padding: 8px;
}

#page-index .t-i-float-left {
	float: left;
	margin-right: 20px;
}

#page-index .t-i-personal {
	text-align: right;
	color: #d97e00;
}

#page-index .clear-left {
	clear: left;
}

#page-index .m-b-50 {
	margin-bottom: 50px;
}

/* 追加topスライダー箇所 */

.store-value {
  font-size: 35px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 5px;
}

.store-value-cation {
  text-align: center;
  margin-bottom: 10px;
}

.store-value .star {
  color: #FFD167;
}

.main-voice-intro {
  font-size: 23px;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 20px;
}

.smile-img {
  margin-bottom: 15px;
}

.main-slider-menu-cation {
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.main-slider-menu {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main-slider-menu p {
  text-align: center;
  background: #ff9a09;
  color: #fff;
  padding: 10px 0;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  width: 18%;
  font-weight: bold;
  position: relative;
}

.main-slider-menu p::after {
  content: "";
  position: absolute;
  top: 50%;
  /* 縦軸をセンタリングする */
  right: 3px;
  transform: translateY(-50%);
  /* 縦軸をセンタリングする */
  border: 5px solid transparent;
  border-left: 5px solid #fff;
  /* 好みで色を変えてください */
}

.slider-info {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

.main-slider-item {
  height: 100%;
}



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

  .main-slider-menu {
    justify-content: flex-start;
  }

  .main-slider-menu p {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 15px;
  }

  .main-slider-menu p:nth-of-type(3n) {
    margin-right: 0;
  }
}

.main-slider {
  background: #FFFFF3;
  padding: 0px 0 90px;

}

.slick-dotted.slick-slider {
  margin-bottom: 10px !important;
}

.slider-cation {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: center;
}

.main-slider-item .main-slider-item-inner {
  border-radius: 10px;
  box-shadow: 10px 10px 7px #dcd4c4;
  padding: 15px;
  background: #fff;
  height: 100%;
  box-sizing: border-box;
}

.main-slider-item .slider-title {
  text-align: center;
  border-top: 2px solid #ffe0b3;
  border-bottom: 2px solid #ffe0b3;
  padding: 5px 0;
  font-size: 20px;
  background: #FFFFF3;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
}

.profile-area {
  display: flex;
  margin-bottom: 10px;
}

.profile-area-img {
  width: 50%;
}

.profile-area-name {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  font-size: 14px;
}

.main-comment {
  background: #ffe0b3;
  font-weight: bold;
  text-align: center;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  margin-bottom: 10px;
}

.main-comment-detail {
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 14px;
}

.staff-title {
  font-weight: bold;
  border-left: 10px solid #f0b372;
  padding-left: 5px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.staff-comment p {
  line-height: 1.5;
  font-size: 14px;
}

@media screen and (max-width:1000px) {
  .store-value {
    font-size: 3.5vw;
  }

  .main-voice-intro {
    line-height: 1.3;
  }

  .main-voice-intro .intro-first {
    font-size: 2vw;
  }

  .main-voice-intro .yellow-line {
    font-size: 3.5vw;
  }

}

@media screen and (max-width:768px) {
  .store-value {
    font-size: 5vw;
  }

  .main-slider-menu p {
    font-size: 13px;
  }

  .main-voice-intro {
    margin-bottom: 15px;
    line-height: 1.3;
  }

  .store-value-cation {
    font-size: 3vw;
  }

  .main-voice-intro .intro-first {
    font-size: 3.1vw;
  }

  .main-voice-intro .yellow-line {
    font-size: 5vw;
  }

  .main-slider-item .slider-title {
    font-size: 16px;
  }

  .main-slider-menu-cation {
    font-size: 3vw;
  }

  .main-comment {
    font-size: 13px;
  }

  .main-comment-detail {
    font-size: 14px;
  }

  .staff-comment p {
    font-size: 14px;
  }

  .profile-area-name {
    font-size: 11px;
  }

}

/* スライダー補正 */
.slick-next:before {
  color: #725d2e !important;
  font-size: 35px !important;
}

.slick-next {
  display: block;
  right: 12.5% !important;
}

.slick-prev:before {
  color: #725d2e !important;
  font-size: 35px !important;
}

.slick-prev,
.slick-next {
  width: 35px !important;
  height: 35px !important;
}

.slick-prev {
  display: block;
  left: 12.5% !important;
  z-index: 100;
}

.slick-dots {
  bottom: 20px !important;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
  padding: 15px;
}

.slick-slide>div {
  height: 100%;
}

@media screen and (max-width:767px) {
  .slick-next {
    display: block;
    right: 0px !important;
  }

  .slick-prev {
    display: block;
    left: 0px !important;
    z-index: 100;
  }
}