@charset "utf-8";
/* CSS Document */
/*SP footer
-----------------------------------------*/
.sp_footer_contact {
  border: 1px solid #00aded;/*01999E;/*EB5505;*/
  margin: 2%;
}
.sp_footer_contact h2 {
  background: #00aded;/*#01999E;/*EB5505;*/
  color: #FFF;
  text-align: center;
  font-weight: bold;
  padding: .5em 0 .4em 0;
  margin: 0;
  font-size: 17px;
}
.sp_footer_contact h2 {
  font-size: 16px;
}
.sp_footer_contact .contents {
  padding: 10px 10px 20px 10px;
}
.sp_footer_contact .contents p {
  text-align: center;
  margin: 0 auto 0 auto;
}
/*
.sp_footer_contact .contents ul.form_link_area{
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.sp_footer_contact .contents ul.form_link_area li{
width: calc(98%/2);
border-radius: 3px;
color:#FFF;
font-size: 16px;
user-select:none;
}
.sp_footer_contact .contents ul.form_link_area li{
width: calc(98%/2);
border-radius: 3px;
color:#FFF;
font-size: 16px;
user-select:none;
}
.sp_footer_contact .contents ul.form_link_area li:first-child:nth-last-child(3) ~ li:nth-child(3) {
width: 100%;
margin: 3px 0 0 0 !important;
}
.sp_footer_contact .contents ul.form_link_area li a{
display: block;
padding: 0 5%;
color:#FFF;
font-size: 16px;
text-align: center;
height: 44px;
}
.sp_footer_contact .contents ul.form_link_area li p{
display: inline;
	font-size: min(4.2vw, 16px);
	text-align: center;
	margin: 0;
	font-weight: bold;
    line-height: 2.9;
}
.sp_footer_contact .contents ul.form_link_area li.moushikomi_btn{
background: #f20544;
border-bottom: 2px solid #a81341;
margin-bottom: 1%;
margin-right: 1%;
}
.sp_footer_contact .contents ul.form_link_area li.areacheck_btn{
background: #17a800;
border-bottom: 2px solid #0f6800;
margin-bottom:1%;
margin-left: 1%;
}
.sp_footer_contact .contents ul.form_link_area li.areacheck_btn{
background: #0a6bc4;
border-bottom: 2px solid #095084;
margin-top:1%;
margin-right: 1%;
}
.sp_footer_contact .contents ul.form_link_area li.toiawase_btn{
background: #ff9900;
border-bottom: 2px solid #935503;
margin-top:1%;
margin-left: 1%;
}*/
.sp_footer_contact ul.form_link_area {
  display: flex !important;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  margin: 0 2px;
    padding:0 3px 0 0;
}
.sp_footer_contact ul.form_link_area li {
  flex: 1 1 auto;
  margin: 0 2px;
  padding: 1px;
  justify-content: center;
}
.sp_footer_contact ul.form_link_area li img {
  width: 100%;
    text-align:center;
    padding:0;
    margin:0;
}
.sp_footer_contact ul.form_link_area li:nth-child(1) {
  flex: 1 1 50%;
}
.sp_footer_contact ul.form_link_area li:nth-child(2) {
  flex: 1 1 50%;
}
.sp_footer_contact p.sp_footer_txt {
  margin: .6em 0;
  font-size: clamp(11px,3.5vw,14px);
}
.sp_footer_contact .tel_modal_area-f {
  width: 100%;
  margin: 8px auto 0;
  text-align:center;
}
.sp_footer_contact .tel_modal_area-f img {
  width:98%;
  margin:auto;
}
/*
*/
/*tel modal*/
.sp_footer_contact .contents .open_button {
  text-align: left;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
  background: #009e96;
  border: 1px solid #009e96;
  border-bottom: 2px solid #00665c;
  cursor: pointer;
  padding: 0;
  height: 44px;
  line-height: 44px;
  user-select: none;
}
.sp_footer_contact .contents .open_button .material-icons {
  font-size: min(8vw, 30px);
  color: #FFF;
  margin-top: 0;
  padding-right: 8px;
  display: inline-block;
  vertical-align: -22%;
}
.sp_footer_contact .contents .open_button p {
  font-size: min(4.5vw, 15px);
  display: inline-block;
}
.sp_footer_contact .contents .open_button p span {
  font-size: min(5.8vw, 22px);
  color: #FFF;
  margin-top: 0;
  margin-left: 5px;
  display: inline-block;
  letter-spacing: 1px;
}