@charset "UTF-8";
.hl4{
  font-weight: bold;
}

.hl4 span{
  color: #20b485;
}

.paid_text{
  font-size: 2rem;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 100px;
  margin-top:40px;
}
@media screen and (max-width: 768px) {
.paid_text{
  font-size: 1.6rem;
  width: 95%;
  margin:40px auto 50px;
}
}

.payments_create .inner:before {
display: none;
}

.payments_create h2 {
  position: relative;
  margin-bottom: 8rem;
}
.payments_create h2 span {
  position: absolute;
  inset: auto 0 -2.6rem;
  margin: auto;
  font-size: 1.6rem;
}
@media screen and (max-width: 769px){
  .payments_create h2 {
    margin-bottom: 5rem;
  }
  .payments_create h2 span {
    font-size: 2.6vw;
  }
}

.hl_h2{
  font-size: 2.2rem !important;
}

.flex_item{
  display: flex;
  align-items:stretch;
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
.flex_item{
flex-direction:column;
margin-top: 30px;
}
}

.flex_item_unit{
  background-color: #fff;
  width: 30%;
}

@media screen and (max-width: 768px) {
.flex_item_unit{
  width: 100%;
  margin-bottom: 20px;
}

}

.flex_item_unit_text{
  font-size: 1.4rem;
  padding:20px 20px 15px;
}
.flex_item_unit:nth-child(1) a{
background-color: #20b485;
padding:15px 20px;
color: #fff;
display: block;
margin:0 20px 20px;
font-weight:bold;
border-radius: 100px;
}

@media screen and (max-width: 768px) {
.flex_item_unit:nth-child(1) a{
border-radius:10px;
margin:0 40px 20px;
font-size: 1.4rem;
}
}

.flex_item_unit_hl{
  background-color: #20b485;
  color: #fff;
  display: flex;
 align-items: center;
  padding: 5px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {

.flex_item_unit_hl{
padding-left: 32%;
}
.flex_item_unit_hl_sp{
display: flex;
align-items: center;
margin:20px auto 0;
}
}
.flex_item_unit_hl p{
  font-size: 2.2rem;
  font-weight: bold;
  margin-left: calc((100% - 150px)/2);
}

.flex_item_unit_hl img{
  width: 50px;
  margin-left: 0px;
}

.flex_item_unit:nth-child(2) .flex_item_unit_hl img {
  width: 40px;
}
.flex_item_unit:nth-child(2) .flex_item_unit_hl{
  background-color: #81746d;
}
.flex_item_unit:nth-child(2) .flex_item_unit_text{
  font-size: 3rem;
  display: block;
    margin-top: 30px;
  color: #81746d;
}
@media screen and (max-width: 990px) {
.flex_item_unit:nth-child(2) .flex_item_unit_text{
font-size: 2.2rem;
}
}

@media screen and (max-width: 768px) {
.flex_item_unit:nth-child(2) .flex_item_unit_text{
    margin-top: 0px;
    margin-bottom: 15px;
}
}


.flex_item_unit:nth-child(3) .flex_item_unit_hl img {
  width: 35px;
}
.flex_item_unit:nth-child(3) .flex_item_unit_hl{
  background-color: #ffbc2e;
  color: #000;
}

.flex_item_unit:nth-child(3) .flex_item_unit_hl p{
  margin-left: calc((100% - 110px)/2);
}
.flex_item_unit:nth-child(3) .flex_item_unit_text{
font-size: 1.2rem;
    padding: 5px;
    background-color: #ffbc2e;
    font-weight: bold;
    width: 35%;
    margin: 20px auto 0px;
}

@media screen and (max-width: 768px) {
.flex_item_unit:nth-child(3) .flex_item_unit_text{
font-size: 1.2rem;
    padding: 5px;
    width: 90px;
    margin: 0px 5px 0 0px;
}
}
.flex_item_unit:nth-child(3) a{
  font-size: 3rem;
  color: #000;
  font-weight: bold;
}


@media screen and (max-width: 768px) {
.flex_item_unit:nth-child(3) a{
  font-size: 2.4rem;
}

}
.flex_item_unit_text_tel{
  margin-top: -5px;
    font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.flex_item_unit_text_tel{
  font-size: 1.4rem;
  margin-top: 10px;
  font-weight: bold;
}
.flex_item_unit_text_days{
  font-size: 1.2rem;
  margin-top: -10px;
}
}


@media screen and (max-width: 768px) {
.flex_item_unit:nth-child(3) {
padding-bottom: 20px;
}
}

@media screen and (max-width: 768px) {

.flex_item_unit:nth-child(3) .flex_item_unit_hl p{
  margin-left:10px;
}
.flex_item_unit:nth-child(3) .flex_item_unit_hl{
  padding-left:37%;
}
.flex_item_unit_hl p{
  margin-left:10px;
}
}


.paid .menu__item__link {
    text-align: center;
    line-height: 1.5;
    margin-top: 50px;
    background: #81746d;
    padding: 20px;
}

.paid .menu__item__link:before {
    display: none;
}

.important-point{
  background-color: #f9f0d9;
padding:50px 100px;
    max-width: 1000px;
    border-radius: 20px;
    margin:50px auto;
}
@media screen and (max-width: 768px) {
.important-point{
padding:30px 20px;
    max-width: 95%;
    box-sizing: border-box;
}
}

.important_hl{
  width: 200px;
  margin:0 auto 20px;
}

.important_text{
  font-size:1.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
.important_text{
  font-size:1.4rem;
}
}
.important_text span{
color:#20b485;
font-weight: bold;
}

.important_text a{
color:#20b485;
}

.important_white{
  background-color: #fff;
  padding:30px 120px;
  margin-top: 30px;
}
@media screen and (max-width: 1080px) {
.important_white{
  padding:30px 50px;
}
}
.important_white_text{
  font-size:2rem;
color:#20b485;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: 10%;
  font-weight:bold;
}
@media screen and (max-width: 768px) {
.important_white_text{
flex-direction: column;
  padding-left: 0%;
  font-size: 1.8rem;
}

.important_white{
  padding:30px 20px;
}

}


.important_white strong{
  font-size:4rem;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
.important_white strong{
  font-size:3.6rem;
  margin-left: 0px;
}
}

.important_white strong a{
color:#20b485;
margin-top: 5px;
}

.important_white_url{
  font-size:1.6rem;
    margin-top:20px;
}

@media screen and (max-width: 768px) {
.important_white_url{
  font-size:1.4rem;
}

}
.important_white_sub{
  font-weight:bold;
  line-height: 1.8;
}

.important_white_sub a{
color:#20b485;
margin-left: 10px;
}

.important_white_url_sub{
  margin-bottom: 10px;
  text-align: center;
}

.procedureflow h2{
  margin-top:20px;
}

.mynumber img{
  height: auto !important;

}
.mynumber_content{
    margin-top:50px !important;
}
@media screen and (max-width: 768px) {
.flex_item_unit_sp_sub{
margin: 0 auto;
    display: block;
    text-align: center;
    width: fit-content;
}
}

.important_btn{
  background-color: #ffbc2e;
  width: 90%;
  margin:15px auto 0;
 border-radius: 100px;
 text-align: center;
}

.important_btn a{
 color: #000;
 padding:20px 0;
 display: block;
 font-weight:bold;

}
@media screen and (max-width: 768px) {
.payments_flex_sub li{
  float: none !important;
}
}
@media screen and (max-width: 768px) {
.payments_three_sub{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.mynumber_content{
    margin-top:0px !important;
}
}
@media screen and (max-width: 768px) {
.mynumber_sub{
margin-right:0 !important;
}
.mynumber_sub img{
margin-top:-25px !important;
}
}