@charset "UTF-8";
/* =====================================
	occupation
===================================== */

.visual{
    width: 100%;
    height: 42.1875vw;
    background: url("../img/occupation/visual01.jpg") center no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 6.533vw 9.33vw;
}

.visual h1{
    font-size: 13.0rem;
    color: #fff;
    line-height: 1;
}

.visual h1 small{
    font-size: 2.0rem;
    display: block;
    margin-top: -4px;
}

.taxAccountant{
    width: 100%;
    background: #d5dde7;
    padding: 34px 40px 555px;
    position: relative;
}

.taxAccountant::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 415px;
    background: url("../img/occupation/pic02.jpg") center no-repeat;
    background-size: cover;
}

.taxAccountant h2{
    width: 100%;
    max-width: 1120px;
    font-size: 4.0rem;
    font-weight: 600;
    line-height: 1;
    color: #08476e;
    padding-bottom: 16px;
    margin: 0 auto 64px;
    position: relative;
}

.taxAccountant h2::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(193,157,56,1) 0%, rgba(255,251,217,1) 50%, rgba(193,157,56,1) 100%);
}

.taxAccountant .wrap{
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.taxAccountant .wrap .imgArea{
    width: 35.892857%;
}

.taxAccountant .wrap .txtArea{
    width: 50%;
}

.taxAccountant .wrap .txtArea h3{
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1;
    color: #08476e;
    letter-spacing: 0.15em;
    margin-bottom: 23px;
}

.taxAccountant .wrap .txtArea dl{
    padding-bottom: 26px;
    margin-bottom: 35px;
    border-bottom: 1px solid #fff;
}

.taxAccountant .wrap .txtArea dl dt{
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1;
    color: #08476e;
    text-decoration: underline;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

.taxAccountant .wrap .txtArea dl dd{
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.88235;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.taxAccountant .wrap .txtArea dl dd ul li{
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.88235;
    letter-spacing: 0.06em;
}

.taxAccountant .wrap .txtArea ul li::before{
    content: "■ ";
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.88235;
    letter-spacing: 0.06em;
    color: #08476e;
}

.taxAccountant .wrap .txtArea ul li{
    font-size: 1.5rem;
}




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

.visual{
    height: 67.83854167vw;
    background: #96aac3 url("../img/occupation/sp/visual01.jpg") center bottom no-repeat;
    background-size: 100% auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 1.3vw 5.2vw;
    margin-top: 15.625vw;
}

.visual h1{
    font-size: 16.927vw;
}

.visual h1 small{
    font-size: 3.2552vw;
    margin-top: -0.52vw;
}

.taxAccountant{
    padding: 9.1145833vw 5.2vw 66.145833vw;
}

.taxAccountant::before{
    height: 54.9479167vw;
    background: url("../img/occupation/sp/pic02.jpg") center no-repeat;
    background-size: cover;
}

.taxAccountant h2{
    font-size: 6.51vw;
    padding-bottom: 3.125vw;
    margin: 0 auto 10.9375vw;
}

.taxAccountant h2::before{
    height: 2px;
}

.taxAccountant .wrap{
    flex-direction: column-reverse;
}

.taxAccountant .wrap .imgArea{
    width: 62.5%;
    margin: 7.8125vw 0 0 auto;
}

.taxAccountant .wrap .txtArea{
    width: 100%;
}

.taxAccountant .wrap .txtArea h3{
    font-size: 3.90625vw;
    margin-bottom: 3.515625vw;
}

.taxAccountant .wrap .txtArea dl{
    padding-bottom: 9.1145833vw;
    margin-bottom: 8.854167vw;
}

.taxAccountant .wrap .txtArea dl dt{
    font-size: 3.125vw;
    margin-bottom: 1.3vw;
}

.taxAccountant .wrap .txtArea dl dd{
    font-size: 3.125vw;
    margin-bottom: 1.6927vw;
}

.taxAccountant .wrap .txtArea dl dd ul li{
    font-size: 3.125vw;
}

.taxAccountant .wrap .txtArea ul li::before{
    font-size: 3.125vw;
}

.taxAccountant .wrap .txtArea ul li{
    font-size: 3.125vw;
}

}