.sec-ttl-box {
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    padding: 0 0 40px;
}
.sec-ttl-en {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.sec-ttl {
    font-size: 25px;
}


.page-category .page-main-t2-cont-box::after{
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
content: '';
background: #FEDC42;
border-radius: 30px 30px 0 0;
z-index: -1;
}
.page-place .page-main-t2-cont-box::after{
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
content: '';
background: #D1EEFE;
border-radius: 30px 30px 0 0;
z-index: -1;
}
.page-career .page-main-t2-cont-box::after{
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
content: '';
background: #f2f2f2;
border-radius: 30px 30px 0 0;
z-index: -1;
}




.work-1st-ex{
width: 92%;
max-width: 980px;
margin: 0 auto;
padding: 64px 0 50px;
}


.location,.area{
background: #D1EEFE;
width: 100%;
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
}
.area{
padding: 0 0 100px;
border-radius: 0 0 30px 30px;
}
.work-inner-wide{
width: 92%;
max-width: 1140px;
margin: 0 auto;
background: #fff;
border-radius: 30px;
}
.location .work-inner-wide{
margin: 0 auto 40px;
padding: 50px 0 40px;
}
.area .work-inner-wide{
margin: 0 auto;
padding: 60px 0 40px;
}
.c-path .work-inner-wide{
width: 92%;
max-width: 1140px;
margin: 0 auto;
background: none;
border-radius: none;
}
.place-block-ttl-box{
width: 92%;
max-width: 980px;
margin: 0 auto;
padding: 0 0 24px 100px;
position: relative;
color: #003894;
}
.place-ill01{
position: absolute;
left: 0;
bottom: 20px;
width: 76px;
}
.place-ill02{
position: absolute;
left: 0;
bottom: 20px;
width: 86px;
}

.place-block-ttl-en{
font-family: "Montserrat", sans-serif;
font-weight: 600;
line-height: 1.5;
}
.place-block-ttl{
font-size: 25px;
line-height: 1.5;
}
.place-block-ttl-line{
background: #003894;
width: 56.6%;
height: 4px;

}



.location-cont-box{
width: 92%;
max-width: 980px;
margin: 0 auto;
}
.location-once{
display: flex;
justify-content: space-between;
padding: 40px 0;
border-bottom: 1px solid #CCCCCC;
}
.location-once:nth-child(3){
border-bottom: none;
}
.location-once-pr-ttl{
font-size: 18px;
color: #003894;
margin: 0 0 16px;
}
.location-once-pr{
width: 62.6%;
}
.location-once-pr p span{
font-weight: 400;
}
.location-once-sd{
width: 32.6%;
}

.map-box{
max-width: 850px;
margin: 0 auto 60px;
}

.area-ex-box{
width: 92%;
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.area-ex-once{
width: 47%;
margin: 0 0 64px;
}
.area-ex-once.t1{
background: #D1EEFE;
padding: 36px 32px 20px;
position: relative;
border-radius: 0 30px 30px 30px;
}
.area-ex-once.t1 .ttl{
font-size: 18px;
text-align: center;
color: #003894;
border-bottom: 1px solid #003894;
margin: 0 0 24px;
padding: 0 0 20px;
}


.area-ex-once-ttl{
position: relative;
font-size: 18px;
line-height: 40px;
color: #fff;
background: #003894;
text-align: center;
margin: 0 0 24px;
}
.area-ex-once-ttl::after,
.area-ex-once.t1::after{
position: absolute;
width: 40px;
height: 40px;
top: 0;
left: 0;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 16px;
text-align: center;
line-height: 40px;
}
.area-ex-once.t1::after{
content: '01';
background: #FF0000;
}
.t2 .area-ex-once-ttl::after{
content: '02';
background: #008BD5;
}
.t3 .area-ex-once-ttl::after{
content: '03';
background: #52BBAD;
}
.t4 .area-ex-once-ttl::after{
content: '04';
background: #F08F69;
}
.t5 .area-ex-once-ttl::after{
content: '05';
background: #F5AA00;
}
.t6 .area-ex-once-ttl::after{
content: '06';
background: #DB5310;
}
.area-pick-ttl{
margin: 32px 0 18px;
padding: 10px 0;
border-bottom: 1px solid #003894;
border-top: 1px solid #003894;
color: #003894;
}




.category{
background: #FEDC42;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 110px 0 80px;
overflow: hidden;
border-radius: 0 0 30px 30px;
}
.category-cont-box{
width: 92%;
max-width: 1140px;
margin: 0 auto;
}
.category-once{
background: #fff;
border-radius: 30px;
overflow: hidden;
margin: 0 0 50px;
}
.category-once-head .category-once-inner{
display: flex;
}
.category-once-head .category-once-inner .pr{
width: 59%;
padding: 0 0 50px;
}
.category-once-head:hover .category-once-inner .pr{
opacity:0.7;
transition: .4s opacity;
}
.category-once-head .category-once-inner .sd{
width: 41%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 18px 0 0;
}
.category-once-head-ttl{
font-size: 25px;
text-align: center;
line-height: 1.5;
position: relative;
z-index: 1;
}
.icon-ac-open{
display: block;
margin: 34px auto 0;
position: relative;
z-index: 1;
transition: transform 0.5s;
}
.category-once-num{
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-75%);
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 145px;
text-align: center;
color: #e5f2e9;
line-height: 0.9;
}
.category-once-num p{
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 1;
}
.category-once-head:hover {
cursor: pointer;
}
.category-once-head:hover .icon-ac-open{
transform: scale(1.4);
}
.category-once-head.active .icon-ac-open{
transform: rotate(180deg) scale(1.4);
}


.category-once-cont{
padding: 0 0 70px;
display: none;
}

.category-once-inner{
max-width: 980px;
margin: 0 auto;
}

.cat-ex{
margin: 0 0 40px;
}
.cat-about{
display: flex;
justify-content: space-between;
margin: 0 0 64px;
}
.cat-about-once{
width: 47%;
}
.cat-about-once .ajust{
margin: 0 0 24px;
}
.cat-about-once .ajust:last-child{
margin: 0;
}
.cat-about-once .ajust span{
color: #008132;
font-size: 15px;
display: inline-block;
line-height: 2;
}
.cat-about-once-ttl{
font-size: 18px;
color: #fff;
text-align: center;
margin: 0 0 20px;
line-height: 40px;
background: #21BA4B;
}


.cat-example{
border: 1px solid #008132;
border-radius: 24px;
padding: 0 34px 34px;
}
.cat-example-ttl{
width: fit-content;
font-size: 22px;
color: #008132;
padding: 0 24px;
background: #fff;
transform: translateY(-50%);
margin: 0 auto;
}
.cat-example-once{
border-bottom: 1px solid #CCCCCC;
padding: 24px 0 24px 40px;
}
.cat-example-once:nth-child(1){
padding: 0 0 24px 40px;
}
.cat-example-once:last-child{
border-bottom: none;
}
.cat-example-once-ttl{
font-size: 18px;
color: #008132;
position: relative;
padding: 0 0 6px;
}
.cat-example-once-ttl::after{
position: absolute;
font-size: 18px;
color: #008132;
top: 0;
left: -22px;
content: '●';
}

.more-btn{
width: 242px;
margin: 0 auto 40px;
transform: translateY(-10px);
}
.more-btn a{
display: block;
border: 1px solid #003894;
color: #003894;
font-size: 14px;
margin: 0 auto;
line-height: 44px;
border-radius: 100px;
text-align: center;
padding: 0 10px 0 0;
position: relative;
}
.more-btn a::after{
position: absolute;
top: 50%;
right: 18px;
width: 7px;
height: 7px;
content: '';
background: url("../images/arrow-b.svg") no-repeat;
background-size:100% auto;
transform: translateY(-50%);
}



.c-path{
background: #f2f2f2;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 0 80px;
overflow: hidden;
border-radius: 0 0 30px 30px;
}



















.commitment{
width: 100%;
max-width: 1300px;
margin: 0 auto 80px;
padding: 100px 0 60px;
background: #FEDC42;
border-radius: 30px;
}

.commitment-block-once{
padding: 0 0 130px;
}


.c-slider-head-box{
width: 92%;
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.c-slider-head-pr{
width: 34%;
color: #FFAB00;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.c-slider-head-pr p{
font-family: "Montserrat", sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 1.6;
}
.c-slider-head-pr p.num{
font-family: "Montserrat", sans-serif;
font-size: 232px;
font-weight: 700;
line-height: 0.7;
}
.c-slider-head-sd{
width: 65.3%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 24px 34px 0;
}
.c-slider-head-sd-ttl{
font-size: 39px;
line-height: 1.1;
vertical-align: middle;
margin: 0 0 18px;
}
.c-slider-head-sd-ttl span{
display: inline-block;
background: #fff;
padding: 0 6px 2px;
border: 3px solid #42210B;
font-size: 39px;
line-height: 1.2;
}


.commitment-slider{
width: 1030px;
margin: 0 auto;
}
.commitment-slider .slick-slide{
padding: 0 ;
margin: 0 25px;
}
.commitment-slide{
height: 100%;
display: flex;
border-radius: 30px;
overflow: hidden;
}
.commitment-slide .pr{
width: 50%;
}
.commitment-slide .sd{
width: 50%;
padding: 36px 44px 10px 32px;
background: #fff;
letter-spacing: 0;
}
.commitment-slide .sd .ttl{
font-size: 26px;
color: #008132;
line-height: 1.5;
margin: 0 0 12px;
}
.commitment-slide-tag{
width: 100px;
margin: 0 0 8px;
}
.commitment-slider .slick-dots li.slick-active button:before{
background: #42210B;
}

.cp-ex{
text-align: center;
margin: 0 0 50px;
}
.cp-ex span{
font-size: 12px;
line-height: 1.6;
}


.cp-cont-box{
display: flex;
justify-content: space-between;
margin: 0 0 100px;
}
.cp-cont-box-ttl{
background: #003894;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 58px;
}
.cp-cont-pr,
.cp-cont-sd{
width: 47%;
background: #fff;
border-radius: 30px;
overflow: hidden;
}
.cp-cont-inner{
padding: 20px 30px 50px;
}

.cp-cont-once{
position: relative;
padding: 12px 0 0;
}
.cp-cont-once-ttl{
background: #FEDC42;
font-size: 18px;
padding: 12px 10px 12px 24px;
border-radius: 100px;
line-height: 1.65;
position: relative;
z-index: 1;
}
.cp-cont-once-ttl span{
font-size: 16px;
}
.cp-cont-once p{
min-height: 104px;
padding: 18px 18px 0 64px;
}
.cp-cont-once::after{
position: absolute;
width: 18px;
height: calc(0% - 12px);
top: 12px;
left: 26px;
content: '';
background: url("../images/c-path-line.svg") no-repeat bottom center;
background-size:100% auto;
z-index: 0;
}
.cp-cont-once.scrolled::after{
height: calc(100% - 12px);
transition: height 1.4s;
}
.cp-cont-once:last-child::after{
display: none;
}

.cp-example-block{

}

.cp-example-once{
margin: 0 0 60px;
}
.cp-example-once-head{
display: flex;
justify-content: space-between;

}
.cp-example-once-head-pr{
width: 32%;
color: #ccc;
}
.cp-example-once-head-pr p.num {
    font-family: "Montserrat", sans-serif;
    font-size: 232px;
    font-weight: 700;
    line-height: 0.7;
}
.cp-example-once-head-pr p {
    font-family: "Montserrat", sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.6;
}

.cp-example-once-head-pr{
width: 31%;
}
.cp-example-once-head-sd{
width: 67%;
position: relative;
display: flex;
align-items: flex-end;
}
.cp-ill{
position: absolute;
width: 126px;
left: -92px;
bottom: -70px;
z-index: 3;
}
.cp-example-once-ttl-box{
transform: translateY(40px);
position: relative;
z-index: 2;
}
.cp-example-once-ttl-box p{
display: inline-block;
font-size: 25px;
background: #fff;
margin: 0 0 10px;
padding: 0 14px 0 40px;
border: 1px solid #42210B;
line-height: 1.5;
}

.cp-example-cont{
background: #fff;
border-radius: 30px;
padding: 52px 44px 52px;
position: relative;
z-index: 1;
}
.cp-example-name{
font-size: 18px;
color: #003894;
margin: 0 0 20px;
}
.cp-example-cont-inner{
background: #fff;
border-radius: 30px;
display: flex;
justify-content: space-between;
}
.cp-example-cont-pr,
.cp-example-cont-sd{
width: 48%;
}
.cp-example-cont-tl-once{
background: #F2F2F2;
color: #000;
border-radius: 10px;
position: relative;
padding: 12px 12px 12px 84px;
}
.cp-example-cont-tl-year{
position: absolute;
width: 64px;
height: 100%;
top: 0;
left: 0;
background: #FEDC42;
color: #003894;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.cp-example-cont-tl-arrow{
background: #F2F2F2;
border-radius: 12px;
overflow: hidden;
position: relative;
padding: 10px 12px 10px 84px;
}
.cp-tl-arrow{
width: 16px;
display: block;
margin: 8px 0 8px 24px;
}
.cp-example-cont-att{
text-align: right;
padding: 20px 0 0;

}







@media (max-width: 767px) { 
.category {
    padding: 40px 0 0;
    margin: 0 auto 40px;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
}
.category-once {
    border-radius: 20px;
    margin: 0 0 30px;
}
.category-once-cont {
    padding: 0 0 24px;
}
.cat-about {
    margin: 0 0 34px;
}
.category-once-head .category-once-inner {
    display: block;
}
.category-once-head .category-once-inner .pr {
    width: 100%;
    padding: 0 ;
}
.category-once-head .category-once-inner .sd {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.category-once-head-ttl {
    font-size: 22px;
    font-weight: 700;
}
.category-once-num {
    top: 50%;
    right: auto;
    left: 0;
    transform: translateY(-50%);
    font-size: 80px;
    line-height: 0.9;
}
.category-once-num p {
    font-size: 28px;
    line-height: 1;
}
.icon-ac-open {
    display: block;
    margin: 18px auto 0;
}
.category-once-inner {
width: 88%;
    margin: 0 auto;
}
.cat-about-once-ttl {
    font-size: 16px;
    font-weight: 700;
    line-height: 38px;
}
.cat-ex {
    margin: 20px 0 40px;
}

.category-once-head:hover .icon-ac-open {
    transform: scale(1);
}
.category-once-head.active .icon-ac-open {
    transform: rotate(180deg) scale(1);
}
.cat-about-once {
padding: 0 0 24px;
}
.cat-example-ttl {
    width: fit-content;
    font-size: 18px;
    font-weight: 700;
    color: #008132;
    padding: 0 14px;
    transform: translateY(-50%);
    margin: 0 auto -14px;
    text-align: center;
    line-height: 1.5;
}
.cat-example {
    border-radius: 20px;
    padding: 0 5% 20px;
}
.cat-example-once {
    padding: 14px 0 14px 22px;
}
.cat-example-once-ttl {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 6px;
}
.cat-example-once-ttl::after {
    font-size: 16px;
    color: #008132;
    top: 0;
    left: -18px;
    content: '●';
}
.cat-about-once .ajust span {
    font-size: 14px;
    display: inline-block;
    line-height: 1.6;
    font-weight: 700;
    padding: 0 0 6px;
}
.work-1st-ex {
    width: 88%;
    font-weight: 700;
    margin: 0 auto;
    padding: 24px 0 34px;
}
.work .anchor-box {
width: 88%;
margin: 0 auto;
padding: 0 0 50px;
}
.place-ill01 {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    margin: 0 auto 14px;
    width: 76px;
}
.place-block-ttl-box {
    width: 88%;
    margin: 0 auto;
    padding: 0 0 24px 0;
}
.location .work-inner-wide {
    margin: 0 auto 40px;
    padding: 20px 0 20px;
}
.place-block-ttl-line {
    width: 100%;
    height: 4px;
}
.place-block-ttl {
    font-size: 22px;
    line-height: 1.5;
}
.location-cont-box {
    width: 88%;
    margin: 0 auto;
}
.location-once {
    padding: 24px 0;
    border-bottom: 1px solid #CCCCCC;
}
.location-once-sd {
padding: 20px 0 0;
}
.map-box {
width: 88%;
    max-width: none;
    margin: 0 auto 20px;
    padding: 24px 0;
}
.map-box img {
width: 100%;
}
.area-ex-once.t1 {
    padding: 40px 5% 20px;
    border-radius: 0 20px 20px 20px;
}
.area-ex-once.t1 .ttl {
    font-size: 18px;
    margin: 0 0 14px;
    padding: 0 0 10px;
}
.area-ex-box {
    width: 88%;
    display: block;
}
.area-ex-once {
    width: 100%;
    margin: 0 0 30px;
}
.area-ex-once-ttl {
    font-size: 18px;
    line-height: 40px;
    margin: 0 0 20px;
}

.area-pick-ttl {
    margin: 24px 0 14px;
    padding: 8px 0;
    color: #003894;
    font-weight: 700;
}
.work-inner-wide {
    border-radius: 20px;
}
.area .work-inner-wide {
    margin: 0 auto;
    padding: 20px 0 20px;
}
.area {
margin: 0 auto 40px;
    padding: 0 0 40px;
    border-radius: 0 0 20px 20px;
}
.sec-ttl {
    font-size: 20px;
}
.c-path .work-inner-wide {
    width: 88%;
    margin: 0 auto;
}
.cp-ex {
    text-align: left;
    margin: 0 0 40px;
}
.sec-ttl-box {
    padding: 0 0 24px;
}
.cp-cont-box-ttl {
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
}
.cp-cont-pr, .cp-cont-sd {
    border-radius: 20px;
}
.cp-cont-pr {
margin: 0 0 40px;
}
.cp-cont-inner {
    padding: 20px 5% 30px;
}
.cp-cont-once-ttl {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 18px 12px 24px;
    text-align: center;
}
.cp-cont-once::after {
    position: absolute;
    width: 14px;
    height: calc(0% - 18px);
    top: 18px;
    left: 18px;
}
.cp-cont-once.scrolled::after {
    height: calc(100% - 18px);
    transition: height 1.4s;
}
.cp-cont-once p {
    min-height: auto;
    padding: 14px 18px 20px 44px;
}
.cp-cont-once-ttl span {
    font-size: 14px;
}

.cp-cont-box {
    margin: 0 0 50px;
}
.cp-example-once-head {
    display: block;
}
.cp-example-once-head-pr {
    width: 100%;
}
.cp-example-once-head-pr p {
    font-size: 24px;
    font-weight: 700;
}
.cp-example-once-head-pr p.num {
    font-size: 100px;
    font-weight: 700;
}
.cp-example-once-ttl-box p {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
    padding: 4px 8px;
    border: 1px solid #42210B;
    line-height: 1.5;
}
.cp-example-once-ttl-box {
    transform: translateY(0px);
}
.cp-ill {
    position: absolute;
    width: 80px;
    left: auto;
    right: 0;
    bottom: -134px;

}
.cp-example-once-head-sd {
    width: 100%;
    position: relative;
    display: block;
    margin: 0 0 20px;
}
.cp-example-name {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 40px;
}
.cp-example-cont {
    background: #fff;
    border-radius: 20px;
    padding: 30px 5% 30px;
    z-index: 1;
}
.cp-example-cont-tl-once {
font-weight: 700;
    border-radius: 10px;
    padding: 12px 12px 12px 74px;
}
.cp-example-cont-pr {
margin: 0 0 20px;
}
.cp-example-once {
    margin: 0 0 30px;
}
.cp-example-cont-att {
font-size: 12px;
    padding: 14px 0 0;
}
.c-path {
    margin: 0 auto 40px;
    padding: 0 0 30px;
    border-radius: 0 0 20px 20px;
}
.category-once-head:hover .category-once-inner .pr {
    opacity: 1;
}
.page-category .page-main-t2-cont-box::after,
.page-place .page-main-t2-cont-box::after,
.page-career .page-main-t2-cont-box::after{
    border-radius: 20px 20px 0 0;
}


}