.thought{background: #2cc994;}

.thought header {background: none;}


.about-themed .others-wrap{background: #2cc994;}



.thought-main{
max-width: 1300px;
margin: 0 auto;
}
.thought-main-inner{
width: 92%;
max-width: 1000px;
margin: 0 auto;
}
.thought-main-ttl-box{
display: flex;
padding: 7% 0 10%;
}
.thought-main-ttl-box-pr{
width: 540px;
padding: 4% 0 0;
}
.thought-main-ttl-sub{
 font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 28px;
line-height: 1.5;
}
.thought-main-ttl-box-pr h1{
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 72px;
line-height: 1;
}
.thought-main-ttl-box-pr p{
font-size: 20px;
padding: 5% 0 0;
}
.thought-point{
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 3%;
}
.thought-point-inner{
width: 100%;
max-width: 1020px;
margin: 0 auto;
}
.thought-point-box{
width: 100%;
max-width: 1020px;
margin: 0 auto;
padding: 0 0 10%;
}
.thought-point-slider{
width: 100%;
}
.thought-point-slide-wrap{
padding: 10px;
}
.thought-point-slider-once{
display: flex;
background: #fff;
border-radius: 40px;
position: relative;
}
.thought-point-slider-once-num{
position: absolute;
 width: 120px;
height: 120px;
top: -10px;
left: -10px;
background: #fcf88f;
text-align: center;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 38px;
color: #028151;
border-radius: 200px;
line-height: 0.8;
padding: 16px 0 0;
}
.thought-point-slider-once-num span{
 font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 1;
}





.thought-point-slider-once-pr{
width: 50%;
border-radius: 40px 0 0 40px;
overflow: hidden;
}
.thought-point-slider-once-sd{
width: 50%;
padding: 3% 5% 2% 3.5%;
display: flex;
flex-direction: column;
justify-content: center;
}
.thought-point-slider-once-sd .ttl{
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 42px;
margin: 0 0 4%;
line-height: 1.1;
}



.thought-2nd{
width: 100%;
max-width: 1300px;
margin: 0 auto;
background: #fff;
border-radius: 60px;
}
.thought-2nd-inner{
width: 92%;
max-width: 980px;
margin: 0 auto;
padding: 7% 0 5%;
}

.thought-2nd-ttl {
width: 100%;
max-width: 600px;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 38px;
border-top: 8px solid #e82b20;
border-bottom: 8px solid #e82b20;
text-align: center;
margin: 0 auto 3%;
}
.thought-2nd-cont-box{
}
.thought-2nd-cont-once{
display: flex;
padding: 3% 0;
border-bottom: 1px solid #ccc;
}
.thought-2nd-cont-once:nth-child(3){
border-bottom: none;
}
.thought-2nd-cont-pr{
width: 190px;
display: flex;
align-items: center;
padding: 0 1.5% 0 0;
}
.thought-2nd-cont-sd{
width: 366px;
display: flex;
align-items: center;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 38px;
color: #028151;
line-height: 1.2;
}
.thought-2nd-cont-td{
width: calc(100% - 556px);
display: flex;
align-items: center;
}




.about-themed{
background: #fff;
}

.about-themed-main{
width: 92%;
max-width: 1000px;
margin: 0 auto;
}
.about-themed-main-inner{
padding: 8% 0 10%;
}
.about-themed-ttl-box{
max-width: 540px;
margin: 0 auto 6%;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
position: relative;
}
.about-ttl-ill-l{
position: absolute;
width: 38%;
left: -38%;
bottom: -8%;
}
.about-ttl-ill-r{
position: absolute;
width: 38%;
right: -38%;
bottom: -8%;
}


.about-themed-ttl-box p{
font-size: 45px;
text-align: center;
line-height: 1.6;
}
.about-themed-ttl-box h1{
font-size: 90px;
text-align: center;
position: relative;
border: 8px solid #000;
font-weight: 400;
line-height: 0.9;
padding: 0 0 10px;
}
.about-themed-ttl-box h1 span{
font-size: 44px;
position: relative;
top: -14px;
}
.about-themed-ex-box{
display: flex;
margin: 0 auto 10%;
}
.about-themed-ex-box-pr{
display: flex;
align-items: center;
flex-shrink: 0;
font-size: 20px;
border-right: 1px solid #2cc994;
}
.about-themed-ex-box-pr.t1{
width: 550px;
}
.about-themed-ex-box-pr.t2{
width: 480px;
}
.about-themed-ex-box-pr.t3{
width: 420px;
}
.about-themed-ex-box-sd{
padding: 0 0 0 50px;
}
.anchor-box{
display: flex;
justify-content: space-between;
}
.anchor-box.ajust{
width: 644px;
margin: 0 auto;
}
.anchor-once{
width: 31%;
}
.anchor-box.ajust .anchor-once{
width: 47.5%;
}
.anchor-once a{
display: block;
}



.about-contents{
width: 92%;
max-width: 1300px;
margin: 0 auto;
}
.about-contents-inner{
width: 92%;
max-width: 980px;
margin: 0 auto;
}
.about-contents-inner.sec-2nd{
padding: 10% 0;
}

.about-box-ttl{
font-size: 20px;
}
.about-box-ttl.whats{
margin: 0 0 3%;
color: #ffff00;
}


.bgg-sec{
background: #2cc994;
border-radius: 60px;
}
.bgg-sec .about-contents-inner{
padding: 8% 0;
}
.about-full-img{
width: 100%;
display: block;
margin: 0 0 3%;
}
.about-whats-ex{
display: flex;
justify-content: space-between;
}
.about-whats-ex.ajust{
margin: 0 0 6%;
}
.about-whats-once{
width: 47%;
}




.about-block-ttl-box{
position: relative;
margin: 0 0 6%;
padding: 0 0 0 74px;
}
.about-block-ttl-ill{
position: absolute;
width: 74px;
left: 0;
top: -16px;
}

.about-block-ttl{
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 43px;
line-height: 1;
margin: 0 0 2%;
}
.about-block-ttl-sub {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 19px;
line-height: 1.8;
}
.about-block-ttl-box p{
position: relative;
}

.ex5000-ttl {
width: 100%;
max-width: 600px;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 38px;
border-top: 8px solid #fff;
border-bottom: 8px solid #fff;
text-align: center;
margin: 0 auto 6%;
}


.col2-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 8%;
}
.col2-box.ajust{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 10%;
padding: 0 0 8%;
border-bottom: 1px solid #cccccc;
}
.col2-once{
width: 47%;
margin: 0 0 6%;
}
.col2-once img{
width: 82%;
display: block;
margin: 0 auto 6%;
}
.col2-once-ttl{
font-size: 20px;
margin: 0 0 4%;
color: #028151;
}
.for-future .col2-once-ttl{
color: #ffff00;
}



.w-full-box{
}
.w-full-once{
background: #fcf88f;
display: flex;
border-radius: 34px;
margin: 0 0 6%;
padding: 0 0 0 4%;
}

.w-full-once-pr{
width: calc(100% - 280px);
display: flex;
align-items: center;
padding: 3% 4% 3% 0;
}
.w-full-once-ttl{
font-size: 20px;
font-weight: 700;
color: #028151;
margin: 0 0 2%;
}

.w-full-once-sd{
width: 280px;
display: flex;
align-items: center;
}


.voice-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.voice-once{
width: 31%;
margin: 0 0 15%;
padding: 3% 3.6% 4%;
position: relative;
background: #fcf88f;
border-radius: 20px;
}
.about-voice-ill{
position: absolute;
width: 76%;
right: 0;
bottom: -32%;
}
.voice-once::after{
position: absolute;
width: 48px;
height: 48px;
bottom: -48px;
left: 15%;
background: url("../images/about-voice-ar01.svg") no-repeat center center;
background-size: 100% auto;
content: '';
}
.voice-once:nth-child(even){
background: #cff8e0;
}
.voice-once:nth-child(even)::after{
background: url("../images/about-voice-ar02.svg") no-repeat center center;
background-size: 100% auto;
}
.voice-once-ttl{
font-size: 20px;
color: #028151;
line-height: 1.5;
margin: 0 0 6%;
}

.about-points-ttl{
width: 94%;
text-align: center;
color: #028151;
font-size: 20px;
border: 4px solid #ffd84b;
margin: 0 auto 6%;
padding: 14px ;
border-radius: 100px;
}
.keyword-box{}

.keyword-once{
display: flex;
justify-content: space-between;
padding: 2.8% 0 3.2%;
border-bottom: 1px solid #fff;
}
.keyword-once:last-child{
border-bottom: none;
}
.keyword-once-pr{
width: 124px;
}
.keyword-once-sd{
width: calc(100% - 124px);
}
.keyword-once-ttl{
font-size: 36px;
color: #ffff00;
margin: 0 0 2%;
display: flex;
}
.keyword-once-num{
width: 96px;
height: 96px;
background: #fff;
text-align: center;
font-family: "Dela Gothic One", sans-serif;
font-weight: 400;
font-size: 32px;
color: #028151;
line-height: 90px;
border-radius: 200px;
}




@media (max-width: 767px) { 
.thought-main-inner {
width: 88%;
}

.thought-main-ttl-box {
display: block;
padding: 7% 0 10%;
}
.thought-main-ttl-sub {
font-size: 22px;
}
.thought-main-ttl-box-pr {
width: 100%;
padding: 4% 0 0;
}
.thought-main-ttl-box-sd{

}
.thought-main-ttl-box-sd img{
width: 70%;
display: block;
margin: 5% auto 8%;

}


.thought-2nd {
width: 100%;
border-radius: 5vw;
}

.thought-main-ttl-box-pr h1 {
font-size: 34px;
line-height: 1;
}
.thought-main-ttl-box-pr p {
font-size: 16px;
padding: 5% 0 0;
}

.thought-2nd-ttl {
font-size: 28px;
border-top: 4px solid #e82b20;
border-bottom: 4px solid #e82b20;
 margin: 0 auto 8%;
line-height: 1.1;
padding: 1.5% 0;
}
.thought-2nd-cont-once {
display: flex;
padding: 7% 0;
border-bottom: 1px solid #ccc;
flex-wrap: wrap;
}
.thought-2nd-cont-td {
width: 100%;
display: block;
padding: 6% 0;
}
.thought-2nd-cont-pr {
width: 100px;
display: flex;
align-items: center;
padding: 0 1.5% 0 0;
}
.thought-2nd-cont-sd {
width: calc(100% - 108px);
font-size: 24px;
color: #028151;
line-height: 1.2;
}
.thought-2nd-inner {
width: 88%;
padding: 8% 0 7%;
}

.about-themed-main {
width: 88%;
margin: 0 auto;
}
.about-themed-ttl-box p {
font-size: 30px;
text-align: center;
line-height: 1.6;
}
.about-themed-ttl-box h1 {
font-size: 46px;
border: 4px solid #000;
line-height: 0.9;
padding: 10px 0 10px;
margin: 0 0 5%;
}
.about-themed-ttl-box {
width: 92%;
max-width: none;
margin: 0 auto 10%;
padding: 5% 0 0;
}
.about-ttl-ill-l {
position: relative;
width: 48%;
left: 0;
bottom: auto;
}
.about-ttl-ill-r {
position: relative;
width: 48%;
left: 4%;
right: auto;
bottom: auto;
}
.about-themed-ttl-box h1 span {
font-size: 24px;
top: -8px;
}
.about-themed-ex-box {
width: 100%;
display: block;
margin: 0 auto 10%;
}
.about-themed-ex-box-pr.t1,
.about-themed-ex-box-pr.t2,
.about-themed-ex-box-pr.t3{
width: 100%;
font-size: 16px;
border-right: none;
border-bottom: 1px solid #2cc994;
padding: 0 0 5%;
}
.about-themed-ex-box-sd {
width: 100%;
padding: 5% 0 0;
}
.about-contents {
width: 88%;
margin: 0 auto;
}

.bgg-sec {
border-radius: 5vw;
}
.about-contents-inner {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.bgg-sec .about-contents-inner {
width: 90%;
margin: 0 auto;
}
.about-whats-ex {
display: block;
}
.about-whats-once {
width: 100%;
}
.about-box-ttl.whats {
margin: 0 0 4%;
font-size: 16px;
font-weight: 800;
}
.col2-box,
.col2-box.ajust{
display: block;
padding: 0 0 8%;
}
.col2-once {
width: 100%;
margin: 0 0 10%;
}
.col2-once-ttl {
font-size: 16px;
font-weight: 800;
margin: 0 0 4%;
}
.col2-once img {
width: 100%;
display: block;
margin: 0 auto 4%;
}
.w-full-once {
background: #fcf88f;
display: block;
border-radius: 5vw;
margin: 0 0 8%;
padding: 8% 5% 10%;
}
.w-full-once-pr {
width: 100%;
display: block;
padding: 0 0 5%;
}
.w-full-once-sd {
width: 100%;
display: block;
}
.w-full-once-sd img{
width: 90%;
display: block;
margin: 0 auto;
}

.about-block-ttl-box {
position: relative;
margin: 0 0 6%;
padding: 40% 0 0;
}
.about-block-ttl-sub {
font-size: 18px;
line-height: 1.4;
text-align: center;
margin: 0 0 1%;
}
.about-block-ttl {
font-size: 24px;
line-height: 1.2;
margin: 0 0 6%;
text-align: center;
}
.about-block-ttl-ill {
position: absolute;
width: 26%;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.about-block-ttl-ill.add-ajust {
transform: translateX(15%);
}
.keyword-once {
display: block;
padding: 10% 0;
border-bottom: 1px solid #fff;
}
.keyword-once-sd {
width: 100%;
}
.keyword-once-ttl {
font-size: 20px;
margin: 0 0 5%;
display: block;
text-align: center;
}
.keyword-once-pr {
width: 100%;
}
.keyword-once-num {
width: 80px;
height: 80px;
font-size: 32px;
line-height: 78px;
display: block;
margin: 0 auto 3%;
}
.about-points-ttl {
width: 100%;
font-size: 16px;
border: 4px solid #ffd84b;
margin: 12% auto 6%;
padding: 12px;
border-radius: 200px;
}
.voice-box {
display: block;
}
.voice-once {
width: 100%;
margin: 0 0 22%;
padding: 8% 5% 14%;
border-radius: 3vw;
}
.voice-once::after {
position: absolute;
width: 32px;
height: 32px;
bottom: -32px;
left: 15%;
background: url(../images/about-voice-ar01.svg) no-repeat center center;
background-size: 100% auto;
content: '';
}
.about-voice-ill {
width: 40%;
right: 0;
bottom: -20%;
}
.voice-once-ttl {
font-size: 16px;
line-height: 1.5;
margin: 0 0 5%;
}

.about-whats-once.for-vision {
padding: 5% 0 10%;
}
.ex5000-ttl {
width: 100%;
font-size: 28px;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
text-align: center;
margin: 0 auto 8%;
line-height: 1.1;
padding: 2.5% 0;
}

.bgg-sec .about-contents-inner.for-future {
padding: 8% 0 0;
}

.thought-point-slider-once {
display: block;
border-radius: 3vw;
}
.thought-point-slider-once-pr {
width: 100%;
border-radius: 3vw 3vw 0 0;
overflow: hidden;
}
.thought-point-slider-once-sd {
width: 100%;
padding: 5% 7%;
display: block;
}
.thought-point-slider-once-sd .ttl {
font-size: 28px;
margin: 0 0 4%;
}
.thought-point {
padding: 0 6%;
}
.thought-point-slide-wrap {
padding: 40px 0 0;
}
.thought-point-slider-once-num {
position: absolute;
width: 80px;
height: 80px;
top: -40px;
left: 0;
right: 0;
font-size: 28px;
color: #028151;
border-radius: 200px;
line-height: 0.8;
padding: 10px 0 0;
margin: auto;
}
.thought-point-slider-once-num span {
font-size: 14px;
line-height: 1;
}
.thought-point-box {
padding: 0 0 18%;
}

.anchor-box {
flex-wrap: wrap;
}
.anchor-once {
width: 48%;
margin: 0 0 4%;
}
.anchor-box.ajust {
width: 100%;
margin: 0 auto;
}
.anchor-box.ajust .anchor-once {
width: 48%;
}


.thought-point-slider .slick-dots {
bottom: -25px;
}

}