@charset "UTF-8";
.head-title {
padding-top: calc(6rem + 104px);
padding-bottom: 6rem;
/* background-color:#7ecef4; */
background-image:url("../images/bg-001.png");
background-size: cover;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
.head-title h1  {
font-family: 'Noto Serif JP', serif;
color:#333;
text-align:center;
}

.head-desc {
font-weight:600;
font-size:18px;
text-align:center;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px solid #ababab;
}

.head-desc2 {
padding-bottom:50px;
}

.head-desc3 {
font-weight:600;
text-align:center;
padding:60px 0 10px;
}





h2 {
font-weight:600;
font-size:20px;
margin-bottom:30px;
}

h2 span {
font-weight:300;
font-size:18px;
}

.red {
color:#cd1111;
}

.child-form {
padding:30px;
margin-bottom:100px;
background-color:#cfeaf7;
}

.customer-form {
padding:30px;
margin-bottom:100px;
background-color:#efefef;
}
.col-sm-3 {
margin-bottom:5px;
}

.col-sm-9 {
margin-bottom:5px;
}

.btn-secondary {
color: #fff;
background-color: #4ab3e2 !important;
border-color: #4ab3e2 !important;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
color: #fff;
background-color: #4ab3e2 !important;
border-color: #0075a9 !important;
}

footer {
color:#333;
}


@media screen and (max-width: 480px) {
.head-title h1  {
font-size:24px;
}
.head-desc {
padding-bottom:20px;
margin-bottom:20px;
}
.head-desc3 {
font-weight:300;
font-weight:20px;
text-align:center;
padding:10px;
margin-bottom:20px;
}

h3.foot-h3 {
font-size:20px;
}
footer h4 {
font-size:18px;
}
.child-form,.customer-form {
padding:10px;
}