@charset "utf-8";

/*=========================================================
Date: 2014/08/31
CSS Document ： Page Style(/tel/index.html)

1.page
2.tel

=========================================================*/

.faq-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 576px) {
  .faq-row {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .faq-row {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .faq-row {
    margin-right: 0;
    margin-left: 0;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg {
    padding-right: 0;
    padding-left: 0;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}


@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*---------------------------------------------------------
hr
---------------------------------------------------------*/
hr.dash-hr{
  border-style: dashed;
  margin-bottom: 24px;
  border-color: #999999;
  height: 0px;
  background-color: #e6e6e6;
  width: 98%;
  border: none;

  margin-top: 0;
}



/*---------------------------------------------------------
1. page
---------------------------------------------------------*/
#page-tel {
	padding: 30px 0 55px 0;
}
* {
  /* font-size: 100%; */ /* 210617 アミューズヘッダーの「ようこそゲストさん」の『さん』が大きくなる為コメントアウト  */
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

/*---------------------------------------------------------
2. tel
---------------------------------------------------------*/
#tel {
}

/*---------------------------
section-base-head
---------------------------*/
#tel .section-base-head {
	padding: 40px 0 55px 32px;
}
#tel .section-base-head.is-notice {
  padding: 40px 0 90px 32px; 
}
#tel .section-base-head h3 {
	display: block;
	width: 465px;
	height: 62px;
	overflow: hidden;
	background: url("../images/page-tel/tel_title.png") no-repeat 0 0;
  background-size: 100% 100%;
	text-indent: -9999px;
}
#tel .section-base-head small {
	position: absolute;
	left: 364px;
	top: 52px;
	display: none;
	width: 210px;
	height: 16px;
	overflow: hidden;
	background: url("../images/page-tel/tel_lead.png") no-repeat 0 0;
	text-indent: -9999px;
}
#tel .section-base-head span.notice {
  display: block;
  position: absolute;
  bottom: 16px;
	font-size:11px;
	color:#999;
}


/*---------------------------
section-base-body
---------------------------*/
#tel .section-base-body {
}

#tel .group-tel-ttl{
  text-align: center;
}

#tel .group-tel-ttl :hover{
  border: 5px solid #ff0000;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  color: #ff0000;
  background-color: #ffffff;
}

#tel .group-tel-ttl a {
  display: inline-block;
  border: 5px solid #ff0000;
  margin: 0 auto 15px auto;
  padding: 12px 10%;
  font-size: 16px;
  font-weight: bold;
  background-color: #ff0000;
  color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}

.group-tel {
	border-top: 1px solid #e6e6e6;
}
.group-tel:first-child {
	border-top: 0;
}
.group-tel:after {
	clear: both;
	display: block;
	content: "";
}
#group-tel-1 {
	padding: 30px 16px 45px 30px;
}
#group-tel-2 {
	padding: 40px 16px 45px 30px;
}
#group-tel-3 {
	padding: 30px 16px 55px 30px;
}
#group-tel-4 {
	padding: 30px 16px 45px 30px;
}

.section-tel {
	float: left;
	margin: 0 0 0 20px;
}
.section-tel:nth-child(3n+1) {
	margin-left: 0;
}
.section-tel.is-no-margin{
	margin-left: 0;
}
.section-tel h4 {
	color: #999999;
	font-size: 16px;
	line-height: 1.4;
}
.section-tel ul:after {
	clear: both;
	display: block;
	content: "";
}
.section-tel ul li {
	float: left;
	margin: 80px 0 0 50px;
}
.section-tel ul li:nth-child(3n+1) {
	margin-left: 0;
}
.section-tel ul li:nth-child(1),
.section-tel ul li:nth-child(2),
.section-tel ul li:nth-child(3) {
	margin-top: 0;
}
.ChatIcon{
	margin-top: 10px;
}
.ChatIcon p.ChatIcon__txt{
	color: #000;
  font-size: 11px;
}
.ChatIcon p .red{
  color: red;
  font-size: 11px;
}
.ChatIcon img{
	max-width: 100%;
	margin-top: 5px;
}

#tel-1{
	width: 100%;
}
#tel-1 .tel-list{
	margin-bottom: 30px;
}

#tel-1 .tel-list:last-child{
	margin-bottom: 0;
}

#tel-1 .tel-note{
	color:#000;
	font-size:11px;
	margin-top: 12px;
}
#tel-1 .tel-note a{
	text-decoration: underline;
}
#tel-2 .tel-note{
	color:#000000;
	font-size:11px;
}


#tel-1 h4 {
	margin: 0 0 30px 0;
}
#tel-2 h4{
  margin: 0 0 30px 0;
}
#tel-3 h4{
	margin: 0 0 30px 0;
}
#tel-4 h4{
	margin: 30px 0 30px 0;
}
#tel-5 h4{
	margin: 0 0 30px 0;
}
#tel-6 h4,
#tel-7 h4 {
	margin: 0 0 30px 0;
}
#tel-8 h4 {
	margin: 0 0 30px 0;
}
#tel-9 h4 {
  color: #999999;
  font-size: 16px;
  margin: 0 0 30px 0;
}
#tel-10 h4{
  margin: 0 0 30px 0;
}
#tel-11 h4{
  margin: 0 0 30px 0;
}
#tel-12 h4{
  margin: 0 0 30px 0;
}
.tel-name{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin: 0;
}
.tel-nom{
  font-size: 27px;
  font-weight: bold;
  color:#5bac15;
}
.tel-nom.is-tolfa {
  font-size: 24px;
}
.tel-nombox{
  margin-top: -6px;
  margin-bottom: -4px;
}
.tel-time{
  font-size:13px;
  font-weight: bold;
  margin-bottom: 8px;
}
.six {
  font-size: 27px;
  font-weight: bold;
}
.tel-nom.is-tolfa .six {
  font-size: 24px;
}
.ChatIcon__txt{
  color: #000;
  font-size: 11px;
}

@charset "utf-8";

/*=========================================================
Date: 2014/08/31
CSS Document ： Page Style(/tel/index.html)

1.page
2.tel

=========================================================*/

/*---------------------------------------------------------
1. page
---------------------------------------------------------*/
#page-mail {
	padding: 30px 0 55px 0;
}


/*---------------------------------------------------------
2. mail
---------------------------------------------------------*/
#mail {
}

/*---------------------------
section-base-head
---------------------------*/
#mail .section-base-head {
	padding: 30px 0 18px 32px;
}
#mail .section-base-head h3 {
	display: block;
	width: 160px;
	height: 62px;
	overflow: hidden;
	background: url("../images/page-tel/mail_title.png") no-repeat 0 0;
	text-indent: -9999px;
}
#mail .section-base-head small {
	position: absolute;
	left: 200px;
	top: 52px;
	display: block;
	width: 180px;
	height: 16px;
	overflow: hidden;
	background: url("../images/page-tel/mail_lead.png") no-repeat 0 0;
	text-indent: -9999px;
}

/*---------------------------
section-base-body
---------------------------*/
#mail .section-base-body {
}

.group-mail {
	border-top: 1px solid #e6e6e6;
}
.group-mail:first-child {
	border-top: 0;
}
.group-mail:after {
	clear: both;
	display: block;
	content: "";
}
#group-mail-1 {
	padding: 30px 16px 45px 30px;
}
#group-mail-2 {
	padding: 30px 16px 45px 30px;
}
#group-mail-3 {
	padding: 30px 16px 45px 30px;
}

.section-mail {
	float: left;
	margin: 0 0 0 50px;
}
.section-mail:nth-child(3n+1) {
	margin-left: 0;
}
.section-mail h4 {
	color: #999999;
	font-size: 16px;
	line-height: 1.4;
}
.section-mail ul:after {
	clear: both;
	display: block;
	content: "";
}
.section-mail ul li {
	float: left;
	margin: 80px 0 0 50px;
}
.section-mail ul li:nth-child(3n+1) {
	margin-left: 0;
}
.section-mail ul li:nth-child(1),
.section-mail ul li:nth-child(2),
.section-mail ul li:nth-child(3) {
	margin-top: 0;
}

#mail-1 h4,
#mail-2 h4,
#mail-3 h4,
#mail-4 h4,
#mail-5 h4,
#mail-6 h4,
#mail-7 h4,
#mail-8 h4,
#mail-9 h4 {
	margin: 0 0 45px 0;
}





/*=========================================================
Date: 2018/02/22
CSS Document ： Page Style(/tel/question)
CSS Document ： Page Style(/tel/result)

=========================================================*/
.tel_list_link {
  margin: 20px;
  text-align: center;
}
.tel_list_link a {
  display: inline-block;
  padding: 10px 30px;
  background-color: #9fd149;
  color: #fff !important;
  border-radius: 3px;
}


/*---------------------------
#question
---------------------------*/
#question {
  padding: 25px 39px;
}
#question h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal;
  font-family: Meiryo, sans-serif;
  line-height: 1.6;
}
#question ul {
  display: flex;
  flex-wrap: wrap;
}
#question li {
  margin-bottom: 16px;/*10*/
}
/*#question li:not(:nth-child(3n)) {
  margin-right: 20px;
}*/
#question li {
  margin-right: 20px;
}


/*---------------------------
#question
---------------------------*/
#answer {
  padding: 25px 39px;
}
#answer a {
  color: #5bac15;
}
#answer h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;

  font-weight: normal;
  line-height: 1.6;

}
#answer ul {
}
#answer li {
  margin-top: 40px;
}
#answer h5 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #a0d24a;
  margin-bottom: 15px;
  padding-bottom: 5px;

  font-family: Meiryo, sans-serif;
  line-height: 1.6;
}

#answer h5.ttl_answer05{
  font-size: 20px;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 10px;
  margin-top: 30px;
}
#answer h5.ttl_answer05 + img{
  width:  100%;
  max-width:  250px;
}

/* --------------------
 * 2021.04.19 TOLFA対応
 * -------------------- */
.tolfa__txt {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 12px 14px;
  width: 70%;
  font-size: 16px;
  border: 3px solid #99CC00;
  border-radius: 8px;
  background: #4FA73F;
  color: #fff !important;
}
.tolfa__txt.wd55 {
  width: 60%;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
}
.tolfa__txt.wd84 {
  width: 84%;
  font-weight: 700;
}
#answer li .tolfa__txt {
  width: 469px;
  height: 72px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
#answer img.is-tolfa {
  width: 277px;
}
.tolfa__txt:hover {
  opacity: 0.6;
}
.tolfa__txt:after {
  content: '';
  background: url(../images/common/icon_tel_white.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 10px);
  right: 16px;
  transform: rotate(245deg);
}
.tolfa__desc {
  margin-bottom: 13px;
  color: #000;
}
.tolfa__desc.wd66 {
  width: 70%;
  font-size: 16px;
  font-weight: bold;
}
.tolfa__desc.wd90 {
  width: 90%;
  font-size: 16px;
  font-weight: bold;
}
.tolfa__else.wd55 {
  margin-bottom: 5px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
#group-tel-3 {
  display: flex;
  justify-content: space-between;
}
#tel-5, #tel-6, #tel-7, #tel-8, #tel-10 {
  width: 33%;
  }

.tolfa_text-box {
  width: 77%;
  color: #000;
  line-height: 1.6;
}
.tolfa_text-box p {
  margin-bottom: 5px;
}
.tolfa_text-box p.is-indent {
  position: relative;
  padding: 0 0 0 14px;
}
.tolfa_text-box p.is-indent:before {
  content: '・';
  position: absolute;
  left: 0;
}
.tolfa_text-box ol {
  margin: 6px 0;
}
.tolfa_text-box ol li {
  margin: 8px 3px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.tolfa_text-box ol li span {
  margin: 0 0 0 4px;
  padding: 2px 5px;
  border: 1px solid #000;
  font-size: 13px;
}
.tolfa_text-box a {
  color: #0066cb;
  text-decoration: underline;
}

/*---------------------------
 210610 yamada add
---------------------------*/
.section-base-head__box__bottom__txt {
  color: #A5A4A4;
  font-size: 16px;
  margin-top: 24px;
}
#question__internet .section-base-head {
  padding: 40px 0 20px 32px;
}
#question__internet .section-base-head h3 {
  display: block;
  width: 465px;
  height: 62px;
  overflow: hidden;
  background: url("../images/page-tel/internet_title.png") no-repeat 0 0;
  background-size: 100% 100%;
  text-indent: -9999px;
}
#question__internet {
  padding: 25px 39px;
}
#question__internet__box {
  padding: 25px 39px;
}
#question__internet h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}
#question__internet .question__internet__box__list {
  display: flex;
  flex-wrap: wrap;
}
#question__internet .question__internet__box__list__item {
  margin-bottom: 20px;
  width: calc(33% - 20px);
  border: 1px solid #E2E2E2;
  border-radius: 10px;
}
#question__internet li:not(:nth-child(3n)) {
  margin-right: 20px;
}
#question__internet .question__internet__box__list__item a {
  width: 100%;
  height: 200px;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#question__internet .question__internet__box__list__item a p {
  color: #A5A4A4;
  margin-top: 20px;
}


/*---------------------------
 2311 add
---------------------------*/
.Reserve_txt{
  margin-top: 10px;
  margin-bottom: 10px;
}
.Reserve_btn{
  display: block;
  border:  3px solid #4FA73F;
  border-radius: 8px;
  padding: 12px 14px;
  font-size:  17px;
  color: #4FA73F!important;
  font-weight:  bold;
  margin-bottom: 20px;
  background: #e8fce4;
  line-height: 1.3;
  text-align: center;
  max-width:  300px;
}
.Reserve_btn.is-large{
  border:  4px solid #4FA73F;
  border-radius: 8px;
  max-width: 380px;
  font-size:  22px;
  line-height: 1.2;
  margin-bottom: 36px;

  box-sizing: content-box;
}
.Reserve_btn:hover{
  opacity: .7;
}
.Reserve_btn span{
  font-size:  14px;
  font-weight: normal;
}
.Reserve_btn.is-large span{
  font-size: 16px;
}

#answer ul li p {
    margin-top: 0.5rem;
}


@media (min-width: 980px) {
  #question li:nth-child(3n) {
    margin-right: 0;
  }
}


