@charset "utf-8";
* {
}
.sp{display:none;}
@media (max-width: 576px){
.sp{display:block;}
}

.section_myshukin{
width: 100%;
text-align: center;
padding: 0;
display: inline-block;
}

.section_apply{
width: 100%;
background:url("../img/myshukin/tile.png");
text-align: center;
padding: 5px 0;
display: inline-block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
transition: 0.5s;
}

/*footerまでスクロールしたら消す*/
.is-hidden {
visibility: hidden;
opacity: 0;
}
.area02{
background-color: #009946;
width: 100%;
text-align: center;
padding: 2.6rem 0;
display: inline-block;
}
.area03{
width: 100%;
text-align: center;
padding: 2.6rem 0;
}
.area04{
width: 100%;
text-align: center;
padding: 0 0 2.6rem 0;
}

.area_apply{
background-color: #ebf5e7;
width: 100%;
text-align: center;
padding: 2.6rem 0;
display: inline-block;
}

.area_apply h2{
font-size: 48px;
font-weight: bold;
}

.area_apply p{
padding: 0.6rem 0;
font-size: 1.20em;
}

.area_apply p.requied{
font-size: 0.85em;
}

.area_thanks{
width: 100%;
text-align: center;
padding: 2.6rem 0;
display: inline-block;
}

.area_thanks p{
padding: 0.45rem 0;
font-size: 1.20em;
line-height: 1.8;
}

.pd{
margin: 0.6rem 0;
}

.req{
width: 45px;
}

.icon_req{
width: 50px;
height: 30px;
font-size: 14px;
color: #fff;
border-radius: 20px;
background: #24bc04;
padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
}

.notice{
font-size: 0.85em;
color: #ec4f3d;
}

.hr_green{
border-top: 3px solid #006832;
}

.bt_cofirm{
display: block;
position: relative;

}
.bt_cofirm input{
display: block;
background-color: #fff;
color: #005885;
border: 2px solid #005885;
line-height: 1.4;
text-align: center;
width: 370px;
margin: 0 auto 0;
padding: 0 30px;
}

@media (max-width: 576px){
  .bt_cofirm input{
  width: auto;
  }
}

.bt_cofirm::before {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #005885;
    border-bottom: 2px solid #005885;
    transform: rotate(315deg) translate(0, -50%);
    position: absolute;
    top: 28%;
    right: 10px;
}

.sub{
font-size: 0.85em;
}

.apply_form table{
width:100%;
margin: 0 auto;
}
.apply_form table th{
vertical-align: top;
padding: 10px;
}
.apply_form table td{
text-align: left;
font-weight: 500;
line-height: 1.85;
padding: 10px;
}

.agree{
width: 90%;
margin: 20px auto;
display: block;
background-color: #fff;
padding: 20px;
}

.agree p{
padding: 0 0 20px 0;
font-size: 1.0em;
}

.gotoTop {
    width: 36px;
    height: 36px;
    background: #009946;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    bottom: 115px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    cursor: pointer;
    z-index: 50;
}