@charset "utf-8";

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

1.page
2.tel

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

/*---------------------------------------------------------
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;
}


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

/*---------------------------
section-base-head
---------------------------*/
#tel .section-base-head {
	padding: 30px 0 18px 0;
	border-bottom: 1px solid #DDDDDD;
}
#tel .section-base-head h3 {
	display: block;
	width: 312px;
	height: 62px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../images/page-tel/tel_title.png") no-repeat 0 0;
	background-size: 100% auto;
	text-indent: -9999px;
}
#tel .section-base-head small {
	display: none;
	width: 100vw;
	height: 16px;
	margin: 12px auto 0 auto;
	overflow: hidden;
	background: url("../images/page-tel/tel_lead.png") no-repeat center 0;
	text-indent: -9999px;
}
#tel .section-base-head span.notice {
	margin-top:8px;
	padding:0 32px;
	font-size:11px;
	color:#999;
	display: block;
}

/*---------------------------
ChatIcon
---------------------------*/
.ChatIcon{
	margin-bottom: 30px;
}
.ChatIcon img{
	max-width: 100%;
}

.ChatIcon p.ChatIcon__txt{
	color: #000;
	font-size: 10px;
}
.ChatIcon p .red{
  color: red;
  font-size: 11px;
}

/*---------------------------
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.group-tel-ttl-label {
  display: inline-block;
  border: 5px solid #ff0000;
  margin: 0 auto 10px auto;
  padding: 12px 8%;
  font-size: 14px;
  font-weight: bold;
  background-color: #ff0000;
  color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}

#tel .group-tel-ttl img {
  text-align: center;
  width: 100%;
}
#tel .group-tel-ttl{
	position: relative;
}
#tel .group-tel-ttl .changedial-btn01{
	position: absolute;
	top: 17%;
	left: 5%;
	width: 90%;
}
#tel .group-tel-ttl .changedial-btn02{
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 90%;
}

.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 25px 30px;
}
#group-tel-2 {
	padding: 30px 16px 45px 30px;
}
#group-tel-3 {
	padding: 30px 16px 55px 30px;
}
#group-tel-4 {
	padding: 30px 16px 45px 30px;
}

.section-tel {
	margin: 30px 0 0 0;
}
.section-tel ul li {
	margin: 20px 0 0 0;
}
.section-tel ul li:first-child {
	margin: 0;
}
#group-tel-1 .section-tel .tel-time {
	font-size: 14px;
}
.group-tel .section-tel .tel-time {
	font-size: 14px;
}
.group-tel .section-tel .tel-name {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.group-tel .tel-note {
	color:#ff0000;
	font-size:10px;
	margin-bottom: 10px;
}
.group-tel .tel-note2 {
	font-size:10px;
	margin-bottom: 10px;
}
.group-tel .tel-note a {
	text-decoration: underline;
}
.group-tel .tel-note.black {
	color: #000;
	margin-bottom: 10px;
}
.group-tel table {
	height:40px;	
}
.group-tel td {
	font-size: 32px;
	font-weight: bold;
	color:#5bac15;
}
.group-tel td.is-tolfa {
	font-size: 24px;
	font-weight: bold;
	color:#5bac15;
}
.group-tel td span {
	font-size:38px;
	font-weight: bold;
}
.group-tel td.is-tolfa span {
	font-size: 24px;
}

@charset "utf-8";

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

1.page
2.tel

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

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


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

/*---------------------------
section-base-head
---------------------------*/
#mail .section-base-head {
	padding: 30px 0 18px 0;
}
#mail .section-base-head h3 {
	display: block;
	width: 160px;
	height: 62px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../images/page-tel/mail_title.png") no-repeat 0 0;
	text-indent: -9999px;
}
#mail .section-base-head small {
	display: block;
	width: 180px;
	height: 16px;
	margin: 12px auto 0 auto;
	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 {
	margin: 20px 0 0 0;
}
.section-mail:first-child {
	margin: 0;
}
.section-mail h4 {
	color: #999999;
	font-size: 16px;
	line-height: 1.4;
}
.section-mail ul li {
	margin: 20px 0 0 0;
}
.section-mail ul li:first-child {
	margin: 0;
}





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

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


/*---------------------------
#question
---------------------------*/
#question {
	margin-top: 0;
  padding: 25px 20px 0;
  /* border-top: 1px solid #e6e6e6; */
}
#question h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: normal;
  font-family: sans-serif;
}
#question ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#question li {
  margin-bottom: 14px;/*10*/
  width: 48%;
}
#question li img {
  width: 100%;
}


/*---------------------------
#question
---------------------------*/
#answer {
  margin-top: 10px;
  padding: 25px 20px;
}
#answer a {
  color: #5bac15;
}
#answer h4 {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
  font-family: sans-serif;
}
#answer ul {
}
#answer li {
  margin-top: 25px;
}
#answer h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  font-family: sans-serif;
  margin-bottom: 0;
}
#answer .tel_num {
  font-size: 32px;
  font-weight: bold;
  color: #5bac15;
}
#answer .tel_num.is-tolfa {
	font-size: 25px !important;
}

#answer h5.ttl_answer05{
  font-size: 16px;
}
#answer h5.ttl_answer05 + a{
  font-size: 22px;
}

/* --------------------
 * 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: 55%;
}
.tolfa__txt.wd84 {
  width: 84%;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
#answer li .tolfa__txt {
	width: 77%;
  height: 72px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 8px 49px 8px 14px;
}
.tolfa__txt:hover {
  opacity: 0.6;
}
.tolfa__txt:after {
  content: '';
  background: url(../../../assets/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: 66%;
}
.tolfa__desc.wd90 {
  width: 96%;
  font-size: 16px;
  font-weight: bold;
}
.tolfa__else.wd55 {
  margin-bottom: 5px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.tolfa_text-box {
  width: 92%;
  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;
  padding: 0 20px;
}
#question__internet .section-base-head {
  padding: 30px 0 18px 0;
  border-bottom: 1px solid #DDDDDD;
}
#question__internet .section-base-head h3 {
	display: block;
	margin: 0 auto;
  width: 80vw;
  height: 14vw;
  overflow: hidden;
  background: url(../images/page-tel/internet_title.png) 0 0 no-repeat;
  background-size: 100% auto;
  text-indent: -9999px;
}
#question__internet {
  padding: 0;
}
#question__internet__box {
  padding: 25px 20px;
}
#question__internet h4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 10px;
}
#question__internet .question__internet__box__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#question__internet .question__internet__box__list__item {
  margin-bottom: 20px;
  width: calc(50% - 10px);
  border: 1px solid #E2E2E2;
  border-radius: 10px;
}
#question__internet .question__internet__box__list__item a {
	width: 100%;
  height: 181px;
  display: flex;
  text-align: left;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#question__internet .question__internet__box__list__item a p {
  color: #A5A4A4;
  margin-top: 20px;
  padding: 0 12px;
}

/* u-tility */
.mgb10 {
  margin-bottom: 10px;
}

/*---------------------------
 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.2;
  text-align: center;
  width:  100%;
  box-sizing: border-box;
}
.Reserve_btn span{
  font-size:  14px;
  font-weight: normal;
}

.Reserve_btn.is-large{
  border:  4px solid #4FA73F;
  border-radius: 8px;
  font-size:  20px;
  line-height: 1.1;
  margin-bottom: 30px;
}

.Reserve_btn.is-large span{
  font-size: 16px;
}