@charset "UTF-8";

/*4KO*/

.pure-u-1-4 > div {
  min-height: 145px;
  margin-left: 30px;
  height: 100%;
  background: #FCEDF4;
  border: 1px solid #F5D6E5;
  padding: 27px;
  position: relative;
}
.pure-u-1-4 > div a {
  display: block;
}
.pure-u-1-4 > div a:hover {
  opacity: 0.7;
}

.pure-u-1-4 > div {
  min-height: 145px;
  margin-left: 30px;
  height: 100%;
  background: #FCEDF4;
  border: 1px solid #F5D6E6;
  padding: 40px 20px 20px 20px;
  position: relative;

}
.pure-u-1-4 > div a {
  display: block;
}
pure-u-1-4 > div a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
.pure-u-1-4 {
    width: 100%;
    margin-bottom: 10px;
  }
.pure-u-1-4 > div {
    display: flex;
    min-height: auto;
    margin-bottom: 10px;
  }
.pure-u-1-4 * {
    text-align: left;
  }
.pure-u-1-4 .img {
    width: 70%;
    height: 70px;
    position: relative;
	padding-left: 45px;  
  }
.pure-u-1-4 .img img {
    width: auto;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
  }
.pure-u-1-4 .img + div {
    width: 80%;
    padding: 0 0 0 25px;
  }

pure-u-1-4 p {
    margin-bottom: 0;
  }
}


/*hm-information2 ѥĥ` */

.hm-information2 {
  overflow: hidden;
}
.hm-information2 .content1 {
  width: 900px;
  margin: 0 auto ;
  border: 7px solid #E3E3E3;
  padding: 60px;
  position: relative;
}

.hm-information2 .content2 {
  width: 900px;
  margin: 0 auto ;
  border: 7px solid #E3E3E3;
  padding: 40px 60px;
  margin-bottom: 20px;
  position: relative;
}

.hm-information2 dl {
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #fff;
  border-top: none;
  font-size: 1.6rem;
}
.hm-information2 dt {
  background: #F8F8F4;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  color: #A30B30;
  font-weight: 600;
}
.hm-information2 .content2 dt {
  background: #F8F8F4;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  color: #353535;/**/
  font-weight: 600;
}

.hm-information2 dd {
  padding: 10px;
  margin: 0;
  border-top: 1px solid #fff; 
  width: 70%;
  background: #F8F8F4;
  box-sizing: border-box;
}
.hm-information2 a {
  text-decoration: underline;
  color: #A30B30;
}
.hm-information2 a:hover {
  text-decoration: underline;
  color: #7d7c7c;
}
.hm-information2 .font-l {
  font-size: 3rem;
  font-weight: 600;
}
.hm-information2 .font-m {
  font-weight: 600;
  font-size: 1.8rem;
}
.hm-information2 .sp a {
  color: #c70101;
  text-decoration: underline;
  position: relative;
  padding-left: 35px;
}
.hm-information2 .sp a:hover {
  text-decoration: none;
  color: #7d7c7c;
}

.hm-information2 ul {
text-align:left;
margin-left:1em;
}

.hm-information2 ul li::marker {
  color: #26803e;
}



@media screen and (max-width: 767px) {
  .hm-information2 .content1,
  .hm-information2 .content2{
    max-width: 94%;
    margin: 0 3% 10px;
    padding: 30px 3%;
  }
  .hm-information2 p {
    display: none;
  }
  .hm-information2 dl {
    display: block;
  }
  .hm-information2 dt,
  .hm-information2 dd {
    width: 100%;
    border: none;
    display: block;
    text-align: center;
    padding: 20px;
  }
  .hm-information2 .content2 dt,
  .hm-information2 .content2 dd {
    width: 100%;
    border: none;
    display: block;
    text-align: center;
    padding: 0 20px;
  }	
  .hm-information2 dd {
    margin-bottom: 20px;
    padding: 0 20px 20px;
  }
	
  .hm-information2 .content1:before,
  .hm-information2 .content1:after	{
    background: none;
    display:hidden;
  }
  .hm-information2 dt {
    padding-bottom: 0;
    font-size: 1.8rem;
  }
  .hm-information2 .font-m {
    display: block;
  }
  .hm-information2 .font-l {
  font-size: rem;
  font-weight: 600;
}
  .hm-information2 dd br {
    display: none;
  }
  .hm-information2 .left {
    text-align: left;
  }
  .hm-information2 .sp {
    display: block;
  }
  .hm-information2 ul li {
    margin-top: 0;
    padding-top: 15px;
  }
  }


/* ܥǥ */
.button019 a {
    background: #3ca0d6;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 20px 30px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 650;
    font-size:1.8rem;
}
.button019 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button019 a:hover {
  background: #49b7f2;
  color: #FFF;
}
.button019 a:hover:after {
  right: 1.4rem;
}

/* SCCʤɥХʩ` */
.hm-bana {
  padding: 0x;
}
.hm-bana .content {
  max-width: 96%;
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
.hm-bana a:hover {
  opacity: 0.7;
}
