@charset "UTF-8";

.tab {
    display: none;
}

#contents {
  font-feature-settings: "palt";
  width: 1000px;
}

h2 {
    font-size: 212.5%;
    font-weight: 700;
    color: #00336a;
    border-bottom: 1px solid #00336a;
    padding-bottom: 10px;
    margin-bottom: 45px;
}
h2 span {
    display: block;
    border-left: 5px solid #beaf73;
    padding-left: 20px;
    line-height: 1;
}
/*******************************
#greeting
*******************************/
#greeting {
    margin-bottom: 190px;
}
#greeting p {
    font-size: 112.5%;
    line-height: 1.8;
}

/*******************************
#department
*******************************/
#department {
    margin-bottom: 180px;
}
#department dl {
    display: flex;

}
#department dl:first-of-type {
    margin-bottom: 40px;
}
#department dl dt {
    font-size: 150%;
    font-weight: 500;
    color: #00336a;
    text-align: center;
    width: 400px;
    background-color: #f5f3f2;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
}
#department dl dd {
    padding-left: 26px;
    margin: 10px 0;
}
#department dl dd .box01 {
    margin-bottom: 30px;
}
#department dl dd p {
    padding-left: 1.2em;
    margin-top: 5px;
}
#department dl dd p span {
    font-weight: 700;
}
#department dl dd .col01,
#department dl dd .col02,
#department dl dd .col03,
#department dl dd .col04 {
    font-size: 137.5%;
    color: #00336a;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0.35em;
    line-height: 1.4;
}
#department dl dd .col01 span,
#department dl dd .col02 span,
#department dl dd .col03 span,
#department dl dd .col04 span {
    text-decoration: underline;
}
#department dl dd .col01 .maru {
    text-decoration: none;
    color: #eb6143;
    font-size: 60%;
}
#department dl dd .col02 .maru {
    text-decoration: none;
    color: #3ab483;
    font-size: 60%;
}
#department dl dd .col03 .maru {
    text-decoration: none;
    color: #3071b9;
    font-size: 60%;
}
#department dl dd .col04 .maru {
    text-decoration: none;
    color: #eb6d94;
    font-size: 60%;
}

/*******************************
#offer
*******************************/
#offer {
    margin-bottom: 120px;
}
#offer p {
    font-size: 112.5%;
    line-height: 1.8;
}
#offer .linkBtn {

}
#offer .linkBtn a {
    width: 400px;
    height: 70px;
    border: 1px solid #00336a;
    display: block;
    border-radius: 35px;
    text-align: center;
    line-height: 70px;
    margin: 65px auto 0 auto;
    font-size: 150%;
    font-weight: 700;
    color: #00336a;
}
#offer .linkBtn a span {
    transform: scale(1,0.8);
    display: inline-block;
    color: #beaf73;
    line-height: 1;
}

/*******************************
#contact
*******************************/
#contact {
    margin-bottom: 190px;
}
#contact .flBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#contact .flBox div p {
    font-size: 112.5%;
}
#contact .flBox div .font01 {
    font-size: 162.5%;
    font-weight: 500;
}
#contact .flBox div .font02 {
    font-size: 150%;
    font-weight: 500;
    margin-top: 0.5em;
}
#contact .flBox div .font02 span {
    font-size: 130%;
}

#contact .flBox .addBox {
    font-size: 137.5%;
    color: #00336a;
    font-weight: 700;
    background-color: #ded7b9;
    text-align: center;
    width: 380px;
    padding: 20px 0;
}