@charset "UTF-8";
/* CSS Document */

/* ALL */
/*CTA==========================*/
/*GREEN*/
.ctaArea {
  background: #726e6e;
  margin: 0 auto 30px;
  padding: 20px 0;
}
.ctaArea .width960 {
  margin: 0 auto;
}
.ctaArea h2 {
  text-align: center;
  color: #fff;
  font-size: 120%;
  margin: 0 auto 20px;
	padding: 0 20px!important;
}
#contents_inside .ctaArea h2 {
  font-size: 120%;
  margin: 0 auto 20px;
	padding: 0 20px!important;
}
#contents_inside .ctaArea .ctaTitle,
.ctaArea .ctaTitle {
  text-align: center!important;
  color: #fff;
	font-weight: bold!important;
  font-size: 120%;
  margin: 0 auto 20px!important;
	padding: 0 20px!important;
}
#contents_inside .ctaArea .ctaTitle,
.ctaArea .ctaTitle{
  font-size: 120%;
  margin: 0 auto 20px;
	padding: 0 20px!important;
}
.ctaArea .telInfoArea {
  text-align: center;
  margin: 0 auto;
}
.ctaArea .telArea {
  box-sizing: border-box;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  list-style: none;
  width: 100%;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 150%;
	margin: 0 auto!important;
  padding: 10px !important;
  border-radius: 10px;
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  background: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  border: 3px solid #009450;
}

#contents_inside .ctaArea .telArea {
	text-align: center !important;
	font-weight: bold !important;
	padding: 10px !important;
}


.ctaArea .telArea a {
  text-decoration: none;
  padding: 10px 0;
  color: #009450;
}
.ctaArea .telInfo ul {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding-left: 0;
}
.ctaArea .telInfo li {
  font-size: 90%;
  list-style: none;
  color: #fff;
}
.ctaArea .telInfo li span {
  font-size: 80%;
  color: #333;
  margin-right: 5px;
  padding: 3px;
  background: #bbf8ff;
}
.ctaArea .telInfo li:last-child span {
  background: #ffa0a0;
}
.ctaArea .btnArea ul {
  padding: 0;
}
.ctaArea .btnArea ul li {
  box-sizing: border-box;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  list-style: none;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  border-radius: 10px;
  background: linear-gradient(to bottom, #23aa69, #009450);
  background: -moz-linear-gradient(top, #23aa69, #009450);
  background: -webkit-linear-gradient(top, #23aa69, #009450);
  border: 1px solid #fff;
}
.ctaArea .btnArea ul li a {
  display: block;
  text-decoration: none;
  padding: 20px 0;
  color: #fff;
}
.ctaArea .telArea:hover, .ctaArea .btnArea ul li:hover {
  opacity: 0.7;
}


/* PC */
@media (min-width: 960px) {
	
  /*CTA==========================*/
  /*GREEN*/
  .ctaArea .width960 {
    padding: 20px 30px 30px;
  }
	.ctaArea .ctaTitle {
		text-align: center!important;
	}
  .ctaArea .telInfo li:last-child span {
    margin: 0 5px 0 10px;
  }
  .ctaArea .telArea a span {
    font-size: 80%;
  }
  .ctaArea .btnArea {
    margin: 20px auto 0;
  }
}

/* TAB */
@media (min-width: 768px) and (max-width: 959px) {
  /*CTA==========================*/
  /*GREEN*/
  .ctaArea .telInfo ul {
    display: flex;
    justify-content: center;
  }
  .ctaArea .telInfo li:last-child span {
    margin: 0 0 0 10px;
  }
  .ctaArea .telInfoArea {
    width: 80%!important;
		margin: 0 auto!important;
    font-size: 100%;
  }
  .ctaArea .telArea a {
    font-size: 100%;
  }
  .ctaArea .btnArea {
    width: 80%;
    margin: 20px auto 0;
  }
}

/* SP */
@media screen and (max-width: 640px) {
  /*CTA==========================*/
  .ctaArea h2 {
    text-align: left;
    margin: 0 auto 10px;
		padding: 0 20px;
    color: #fff;
    border: none;
  }
  #contents_inside .ctaArea .ctaTitle,
	.ctaArea .ctaTitle{
    text-align: left;
    margin: 0 auto 10px;
		padding: 0 20px;
    color: #fff;
    border: none;
  }
  .ctaArea .telArea {
    width: 90%;
    margin: 0 auto;
  }
  #contents_inside .ctaArea .telArea a {
    font-size: 120%;
  }
  .ctaArea .telInfoArea a span {
    display: block;
  }
  .ctaArea .telInfoArea li {
    font-size: 100%;
    margin-left: 2%;
  }
  .ctaArea .btnArea ul li {
    width: 90%;
    margin: 5% auto 0;
  }
}