.sub-navi{display: flex;margin-top:15px;align-items: center;justify-content: center;position: relative;z-index: 2;}
.sub-navi a{color:#fff;font-size:16px;transition:all .4s;opacity: 0.6;}
.sub-navi a:hover{opacity: 1;}
.sub-navi a i{margin-right:5px;}
.sub-navi p{font-size:16px;color:#fff;padding:0 10px;}
.sub-navi span{font-size:16px;color:#fff;}



/* 서브 컨텐츠 공통 */

/* --- cont-type01 --- */
.cont-type01 {margin-bottom: 66px;padding: 70px 0;background: #F8F8F8;text-align: center;}
.cont-type01 > .title {margin-bottom: 15px;color: var(--color-main);font-family: var(--font-SCoreDream);font-size: 35px;line-height: 1.3;}
.cont-type01 > .txt {color: #666;font-size: 18px;}

@media screen and (max-width: 1024px){
  .cont-type01 {padding: 70px 40px;}
  .cont-type01 > .txt > .line-br {display: inline;}
}
@media screen and (max-width: 768px){
  .cont-type01 > .title {font-size: 30px;}
}
@media screen and (max-width: 480px){
  .cont-type01 {padding: 50px 20px;}
  .cont-type01 > .title {font-size: 26px;}
}

/* --- cont-type02 --- */
.cont-type02 > .cont:not(:last-child) {margin-bottom: 100px;}
.cont-type02 > .cont > .tit {display: flex;align-items: center;gap: 10px;margin-bottom: 30px;padding-bottom: 8px;border-bottom: 1px solid #D9D9D9;color: var(--color-main);font-size: 28px;font-weight: 700;position: relative;}
.cont-type02 > .cont > .tit::before {content: '';display: block;width: 10px;height: 28px;border-radius: 3px;background: var(--color-main);}
.cont-type02 .ico-list {display: flex;justify-content: space-between;gap: 20px;margin: 110px 0;}
.cont-type02 .ico-list > li {display: flex;flex-direction: column;align-items: center;gap: 54px;width: 25%;}
.cont-type02 .ico-list > li > .ico {max-width: 122px;}
.cont-type02 .ico-list > li > .txt-cont {text-align: center;}
.cont-type02 .ico-list > li > .txt-cont > .tit {margin-bottom: 5px;font-size: 24px;font-weight: 600;}
.cont-type02 .ico-list > li > .txt-cont > .txt {color: #898989;font-size: 18px;line-height: 1.4;}

@media screen and (max-width: 1024px){
  .cont-type02 .ico-list {flex-wrap: wrap;gap: 30px;margin: 80px 0;}
  .cont-type02 .ico-list > li {width: calc(50% - 15px);}
  .cont-type02 .ico-list > li {gap: 30px;}
  .cont-type02 .ico-list > li > .ico {max-width: 100px;}
  .cont-type02 .ico-list > li > .txt-cont > .tit {font-size: 22px;}
}
@media screen and (max-width: 640px){
  .cont-type02 > .cont > .tit {margin-bottom: 20px;font-size: 24px;}
  .cont-type02 .ico-list {gap: 20px;margin: 60px 0;}
  .cont-type02 .ico-list > li {gap: 20px;width: calc(50% - 10px);}
  .cont-type02 .ico-list > li > .ico {max-width: 80px;}
  .cont-type02 .ico-list > li > .txt-cont > .txt > .line-br {display: inline;}
}
@media screen and (max-width: 480px){
  .cont-type02 .ico-list {gap: 30px;}
  .cont-type02 .ico-list > li {width: 100%;}
}
/* 서브 컨텐츠 공통 */




/* 자혜아동복지센터 > 인사말 */
#company01 .cont-box2 > .txt {color: #666;font-size: 18px;text-align: center;}
#company01 .cont-box2 > .txt:not(:last-child) {margin-bottom: 30px;}
#company01 .cont-box2 > .company01-img {max-width: 650px;margin: 40px auto 0;}

@media screen and (max-width: 1024px){
  #company01 .cont-box2 > .txt > .line-br:not(.end) {display: inline;}
}
/* 자혜아동복지센터 > 인사말 */


/* 자혜아동복지센터 > 설립목적 */
#company02 .cont-txt {margin-bottom: 40px;padding: 45px 10px;border-radius: 10px;background: #F8F8F8;font-size: 18px;text-align: center;}
#company02 .company02-cont {border-top: 5px solid var(--color-main);}
#company02 .company02-cont > .cont {display: flex;gap: 0 60px;padding: 50px;border-bottom: 1px solid #E8E8E8;}
#company02 .company02-cont > .cont > .img-cont {flex: 0 0 auto;max-width: 200px;width: 19%;}
#company02 .company02-cont > .cont > .txt-cont {width: 100%;}
#company02 .company02-cont > .cont > .txt-cont > .tit {margin-bottom: 10px;color: var(--color-main);font-size: 24px;font-weight: 600;}
#company02 .company02-cont > .cont > .txt-cont > ul > li {display: flex;gap: 0 8px;color: #616161;font-size: 18px;line-height: 1.9;}
#company02 .company02-cont > .cont > .txt-cont > ul > li::before {content: '-';}

@media screen and (max-width: 1024px){
  #company02 .company02-cont > .cont {gap: 0 30px;padding: 50px 30px;}
  #company02 .company02-cont > .cont > .img-cont {width: 25%;}
}
@media screen and (max-width: 768px){
  #company02 .company02-cont > .cont {flex-direction: column;gap: 30px 0;padding: 40px 20px;}
  #company02 .company02-cont > .cont > .img-cont {width: 100%;}
  #company02 .cont-txt {padding: 45px 30px;}
  #company02 .cont-txt > .line-br {display: inline;}
}
/* 자혜아동복지센터 > 설립목적 */


/* 자혜아동복지센터 > 연혁 */
#history .cont-img {margin-bottom: 50px;}
#history .history-cont {border-top: 1px solid #D9D9D9;}
#history .history-cont > .cont {display: flex;align-items: center;gap: 0 100px;padding: 30px 50px;border-bottom: 1px solid #D9D9D9;}
#history .history-cont > .cont > .year {color: var(--color-main);font-size: 40px;font-weight: 700;}
#history .history-cont > .cont > ul > li {display: flex;gap: 10px;}
#history .history-cont > .cont > ul > li:not(:last-child) {margin-bottom: 10px;}
#history .history-cont > .cont > ul > li > .date {font-size: 22px;font-weight: 700;}
#history .history-cont > .cont > ul > li > .txt {font-size: 18px;position: relative;top: 3px;}

@media screen and (max-width: 1200px){
  #history .history-cont > .cont {gap: 0 80px;}
}
@media screen and (max-width: 1024px){
  #history .history-cont > .cont {gap: 0 50px;padding: 30px;}
  #history .history-cont > .cont > .year {font-size: 36px;}
}
@media screen and (max-width: 768px){
  #history .history-cont > .cont {flex-direction: column;align-items: flex-start;gap: 7px 0;}
}
@media screen and (max-width: 640px){
  #history .history-cont > .cont {padding: 30px 10px;}
  #history .history-cont > .cont > .year {font-size: 30px;}
  #history .history-cont > .cont > ul > li:not(:last-child) {margin-bottom: 5px;}
  #history .history-cont > .cont > ul > li > .date {font-size: 20px;}
  #history .history-cont > .cont > ul > li > .txt {font-size: 18px;top: 2px;}
}
/* 자혜아동복지센터 > 연혁 */


/* 자혜아동복지센터 > 오시는 길 */
#location .map-cont > .map {width: 100%;height: 450px;margin-bottom: 25px;border: 1px solid #DCDCDC;box-sizing: border-box;}
#location .map-cont > .info {display: flex;justify-content: space-between;margin-bottom: 36px;padding-bottom: 36px;border-bottom: 1px solid #D9D9D9;}
#location .map-cont > .info .ico {flex: 0 0 auto;}
#location .map-cont > .info .txt {color: #333;}
#location .map-cont > .info > .addr {display: flex;align-items: center;gap: 8px;}
#location .map-cont > .info > ul {display: flex;align-items: center;gap: 0 40px;}
#location .map-cont > .info > ul > li {display: flex;align-items: center;gap: 8px;}
#location .way-cont > .tit {margin-bottom: 15px;font-size: 24px;font-weight: 600;}
#location .way-cont > ul > li {display: flex;gap: 0 5px;color: #333;font-size: 18px;}
#location .way-cont > ul > li::before {content: '-';}

@media screen and (max-width: 1024px){
  #location .map-cont > .info {flex-direction: column;gap: 20px 0;margin-bottom: 25px;padding-bottom: 25px;}
  #location .map-cont > .info .txt {font-size: 18px;}
}
@media screen and (max-width: 640px){
  #location .map-cont > .info .ico {width: 28px;}
  #location .way-cont > .tit {font-size: 22px;}
}
@media screen and (max-width: 480px){
  #location .map-cont > .info {gap: 10px 0;}
  #location .map-cont > .info .ico {width: 24px;}
  #location .map-cont > .info > .addr {align-items: normal;}
  #location .map-cont > .info > ul {flex-direction: column;align-items: normal;gap: 10px 0;}
}
/* 자혜아동복지센터 > 오시는 길 */


/* 후원 · 봉사 > 자원봉사 안내 */
#content01 .cont-box1 {margin-bottom: 110px;}
#content01 .cont-box2 > .cont > .cont-txt > p {color: #333;font-size: 18px;}
#content01 .cont-box2 > .cont > .cont-txt > .txt-list {counter-reset:list-number;}
#content01 .cont-box2 > .cont > .cont-txt > .txt-list > li {counter-increment:list-number;display: flex;gap: 0 5px;color: #333;font-size: 18px;}
#content01 .cont-box2 > .cont > .cont-txt > .txt-list > li::before {content:counter(list-number)'.';}
#content01 .cont-box2 > .cont > .cont-txt > .txt-list > li:not(:last-child) {margin-bottom: 5px;}
#content01 .cont-box2 .btn-apply {display: block;max-width: 200px;margin: 0 auto;padding: 13px 35px;border-radius: 26px;background: var(--color-main);color: #fff;font-size: 18px;font-weight: 600;text-align: center;transition: .35s;}
#content01 .cont-box2 .btn-apply:hover {filter: grayscale(.5);}
/* 후원 · 봉사 > 자원봉사 안내 */


/* 후원 · 봉사 > 후원문의 안내 */
#content02 .cont-box1 {margin-bottom: 120px;}
#content02 .cont-box1 > .cont-type01 {margin-bottom: 36px;}
#content02 .cont-box1 > .cont-txt > ul {counter-reset: list-number;}
#content02 .cont-box1 > .cont-txt > ul > li {counter-increment: list-number;display: flex;gap: 0 5px;}
#content02 .cont-box1 > .cont-txt > ul > li::before {content: counter(list-number)'.';}
#content02 .cont-box2 {margin-bottom: 100px;}
#content02 .cont-box2.cont-type02 .ico-list > li:nth-child(1) .line-br {display: inline;}
#content02 .cont-box2 >.cont > .cont-txt > .txt-list {display: flex;flex-wrap: wrap;margin: 50px 0 16px;border-top: 1px solid #D9D9D9;}
#content02 .cont-box2 >.cont > .cont-txt > .txt-list > li {display: flex;align-items: center;width: 50%;height: 55px;border-bottom: 1px solid #D9D9D9;font-size: 18px;}
#content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > p {display: flex;align-items: center;height: 100%;/* padding: 13px 30px; */}
#content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .tit {justify-content: center;width: 34%;background: var(--color-main);color: #fff;font-weight: 600;text-align: center;}
#content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .txt {width: 66%;padding: 0 30px;color: #6F6F6F;}
#content02 .cont-box2 >.cont > .cont-txt > .txt {font-weight: 600;}
#content02 .cont-box3 > .cont > .cont-txt > .call {display: flex;justify-content: center;align-items: center;gap: 12px;min-width: 500px;width: 42%;margin: 90px auto 40px;padding: 50px 0;border-radius: 20px;background: #FAFAFA;}
#content02 .cont-box3 > .cont > .cont-txt > .call > .txt {color: #333;font-size: 27px;font-weight: 700;}
#content02 .cont-box3 > .cont > .cont-txt > .txt {color: #333;font-weight: 600;text-align: center;}

@media screen and (max-width: 1024px){
  #content02 .cont-box2.cont-type02 .ico-list > li:nth-child(1) .line-br {display: block;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .tit {width: 30%;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .txt {width: 70%;padding: 0 20px;}
}
@media screen and (max-width: 768px){
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list {flex-direction: column;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li {width: 100%;}
}
@media screen and (max-width: 640px){
  #content02 .cont-box2.cont-type02 .ico-list > li:nth-child(1) .line-br {display: inline;}
  #content02 .cont-box3 > .cont > .cont-txt > .call {gap: 8px;min-width: auto;width: 100%;margin: 50px auto 40px;padding: 35px 0;}
  #content02 .cont-box3 > .cont > .cont-txt > .call > .ico {max-width: 30px;}
  #content02 .cont-box3 > .cont > .cont-txt > .call > .txt {font-size: 24px;}
}
@media screen and (max-width: 480px){
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li {flex-direction: column;height: auto;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > p {width: 100% !important;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .tit {padding: 10px 0;}
  #content02 .cont-box2 >.cont > .cont-txt > .txt-list > li > .txt {justify-content: center;padding: 10px 20px;}
  #content02 .cont-box3 > .cont > .cont-txt > .call > .ico {max-width: 26px;}
  #content02 .cont-box3 > .cont > .cont-txt > .call > .txt {font-size: 22px;}
}
/* 후원 · 봉사 > 후원문의 안내 */













/*  아래부터 지우기*/
/* 재단소개 */
.company01{}
.company01 .company01-img{padding-bottom: 50px;}
.company01 .company01-img img{width: 100%;}
.company01 .company01-txt{}
.company01 .company01-txt h3{font-weight:600;font-size:26px;font-family:'ScoreDream';letter-spacing:-1px;}
.company01 .company01-txt p{font-size:16px;margin-top: 30px;line-height: 25px;}


/* 연혁 */
.company02-wrap{display: flex;}
.company02-wrap>div{width: 50%;height: 660px;margin-bottom: 50px;}
.company02-wrap>div.left{padding-right: 30px;position: relative;border-right:1px dotted #b6b6b6;display: flex;flex-direction:column;}
.company02-wrap>div.left>div{display: flex;flex-direction:column;align-items:flex-end;position: absolute;}
.company02-wrap>div.left>.l_01{top: 4%;right: 30px;}
.company02-wrap>div.left>.l_02{top: 49%;right: 30px;}
.company02-wrap>div.left>div>h3{font-size:30px;font-weight:700;}
.company02-wrap>div.left>div>img{width: 70%;margin-top: 20px;}
.company02-wrap>div.left .round{width: 20px;height: 20px;background: #4fa656;border-radius:50%;position: absolute;top: 5%;right: -10px;}
.company02-wrap>div.left .round2{width: 20px;height: 20px;background: #4fa656;border-radius:50%;position: absolute;top: 50%;right: -10px;}

.company02-wrap>div.right{padding-left: 30px;position: relative;display: flex;flex-direction:column;}
.company02-wrap>div.right>div{height: 50%;}
.company02-wrap>div.right>div>div{position:relative;display: flex;flex-direction:column;}
.company02-wrap>div.right>div .r_01{display: flex;flex-direction:column;align-items: flex-start;}
.company02-wrap>div.right>div .r_01:after{content:'';position: absolute;display: block;border-radius:50%;border:1px solid #5aa42fba;
top: 50%;transform:translateY(-50%);left: -35px;width: 10px;height: 10px;}
.company02-wrap>div.right>div .r_01 h3{font-size:23px;font-weight:700;color:#181818;}
.company02-wrap>div.right>div .r_01 p{font-size:14px; color:#919191;margin-top: 5px;}


/* 조직도 */
.company03{background: #fafafa;padding: 50px 0;}
.organi_box{margin:30px 0 100px 0;}
.organi_box .top_box {position:relative; width:220px; height:220px; margin:0 auto 200px;border-radius:50%; box-sizing:Border-box; }
.organi_box .top_box img{width: 20%;margin:auto;}
.organi_box .top_box:before {z-index: -2;content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 421px;border-left: 1px solid #d7d7d7;box-sizing: border-box;}
.organi_box .top_box div.top_box_t {    margin: auto;display: flex;width: 130px;height: 130px;background-color: #b5d955;border-radius: 50%;text-align: center;justify-content: center;align-items: center;}
.organi_box .top_box div.top_box_t>p{font-size:20px;font-weight:600;font-family:'ScoreDream';display: flex;border-radius:50%;background: #287d2c;width: 80%;height: 80%;justify-content: center;align-items: center;}
.organi_box .top_box div.top_box_b {align-items:center;height:275px;display:flex;justify-content: center;flex-direction:column;width:60%;border-radius:5%; text-align:center;position: absolute;left: 50%;transform:translateX(-50%);}
.organi_box .top_box div.top_box_b>p{display: flex;justify-content:center;align-items:center;font-weight:500;}
.organi_box .top_box div.top_box_b>p:first-child{background-color:#287d2c;margin-bottom: 50px;width: 100px;height: 100px;border-radius:50%;}
.organi_box .top_box div.top_box_b>p:first-child>span{font-family:'ScoreDream';}
.organi_box .top_box div.top_box_b>p:last-child{background-color:#287d2c;padding:15px 30px;text-align: center;}
.organi_box .top_box div.top_box_b span{color:#fff;font-size:18px;}
.organi_box .top_box p {display:table-cell; vertical-align:middle;font-size:1.2em; font-weight:500; color:#fff; letter-spacing:-0.025em; }
.organi_box .top_box p i.mont {display:block; padding-bottom:3px; font-size:0.8em; color:#fff; font-weight:400; letter-spacing:0; font-style:normal;}


.organi_box .bottom_box {padding-top:40px; font-size:0; letter-spacing:-4px; }
.organi_box .bottom_box img{width: 30%;margin:30px auto;}
.organi_box .bottom_box dl {position:relative; display:inline-block; vertical-align:top; width:22%; margin-right:40px; }
.organi_box .bottom_box dl:last-of-type {margin-right:0; }
.organi_box .bottom_box dl:before {content: '';position: absolute;left: 50%;top: -39px;width: 1px;height: 100%;border-left: 1px solid #d7d7d7;box-sizing: border-box;}
.organi_box .bottom_box dl:after {content:''; position:absolute; left:50%; top:-40px; width:calc(100% + 40px); height:1px; border-top:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box dl dt {position:relative; height:250px;width: 80%;margin:auto;display: flex;flex-direction:column;}
.organi_box .bottom_box dl dt>div{margin-bottom: 20px;border-radius:30px;}
.organi_box .bottom_box dl dt>div:first-child{background: #41a724;}
.organi_box .bottom_box dl dt>div:first-child span{text-align: center;line-height: 45px;color:#fff;display: block;}
.organi_box .bottom_box dl dt>div:nth-child(n+2){background: #fff;border:3px solid #41a724;}
.organi_box .bottom_box dl dt>div:nth-child(n+2) span{text-align: center;line-height: 45px;color:#414141;font-weight:400;display: block;}
.organi_box .bottom_box dl dt:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box dl dt:before {content:''; position:absolute; left:50%; top:calc(100% + 10px); width:1px; height:40px; border-left:1px solid #d7d7d7; box-sizing:border-box; }
.organi_box .bottom_box dl dt span {display:inline-block; vertical-align:middle; font-size:1.2rem;color:#222222; letter-spacing:-0.025em;}
.organi_box .bottom_box dl:nth-of-type(4):after {display:none; }
.organi_box .bottom_box dl dd {width:100%; height:78px; margin-bottom:10px; font-size:0; letter-spacing:-4px; background-color:#e6e6f3; text-align:center; border-radius:50px; }
.organi_box .bottom_box dl dd:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.organi_box .bottom_box dl dd span {display:inline-block; vertical-align:middle; font-size:18px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.organi_box .bottom_box dl dt:last-child:before{display:none;}
.organi_box .bottom_box dl dt p{display:block;font-size:0.9rem; color:#5c5c5c; font-weight:400; letter-spacing:0; font-style:normal;margin-top: 5px;}




/* 오시는길 */
/* .company04{margin-bottom: 150px;}
.map{width: 100%;}
.map>div{width: 100%;}

.company04-txt{display: flex;justify-content:space-between;padding: 25px 0;border-bottom:1px solid #ccc;}
.company04-txt>div{display: flex;align-items:center;}
.company04-txt>div>div{display: flex;align-items:center;margin-left: 15px;}
.company04-txt>div i{margin-right: 15px;font-size:16px;}
.company04-txt>div p{font-size:16px;} */

/* 지역사회보호사업 */
.business01{padding-bottom: 200px;}
.business01-wrap{display: flex;flex-direction:column;}
.business01-wrap .business01-img{width: 100%;}
.business01-wrap .business01-img img{width: 100%;}
.business01-wrap p{text-align: center;font-size:16px;margin-top: 30px;line-height: 25px;}

/* 사례관리사업 */
.business02{padding-bottom: 200px;}
.business02-wrap{display: flex;flex-direction:column;}
.business02-wrap .business02-img{width: 100%;}
.business02-wrap .business02-img img{width: 100%;}
.business02-wrap p{text-align: center;font-size:16px;margin-top: 30px;line-height: 25px;}

/* 소외계층 복지 사업 */
.business03{padding-bottom: 200px;}
.business03-wrap{display: flex;flex-direction:column;}
.business03-wrap .business03-img{width: 100%;}
.business03-wrap .business03-img img{width: 100%;}
.business03-wrap p{text-align: center;font-size:16px;margin-top: 30px;line-height: 25px;}

/* 후원안내 */
.business04{padding-bottom: 200px;}
.business04-wrap{display: flex;justify-content:center;align-items:center;border-radius:20px;height: 600px;background-image: url(../img/sub/business04-img01.jpg);background-size: cover;background-repeat: no-repeat;}
.business04-wrap .business04-txt{width: 50%;padding: 30px 0;margin:auto;background:#ffffffc7;}
.business04-txt{display: flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;border-right:1px solid #ddd;}
.business04-txt>div{display: flex;flex-direction:column;text-align: center;align-items:center;}
.business04-txt>div span{font-weight:600;font-size:22px;color:#181818;}
.business04-txt>div h3{font-size:40px;color:#00950c;font-weight:600;padding: 10px 0;}
.business04-txt>div p{font-size:16px;color:#898989;font-weight:500;}
.business04-txt table{border-top:2px solid #00950c; border-collapse: collapse;margin: 30px 0 10px 0;width: 60%;}
.business04-txt table tr{padding: 5px 10px;font-size:17px;color:#686868;line-height: 50px;}
.business04-txt table td{text-align: center;}
.business04-txt table tr:first-child{border-bottom:1px solid #b0b0b0;}
.business04-txt table tr:last-child{border-bottom:2px solid #b0b0b0;}
.business04-txt table tr>td:first-child{width: 35%;}
.business04-txt table tr>td:last-child{width: 75%;}
.business04-txt p{text-align: left;font-size:14px;color:#656565;}

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

  .organi_box .bottom_box dl{margin-right: 30px;}
  .organi_box .bottom_box dl dt{height: 210px;}
  .organi_box .bottom_box img{width: 40%;margin:10px auto;}
  .organi_box .bottom_box dl:after{width:calc(100% + 30px);}
  .organi_box .bottom_box dl dt p{line-height: 1.3;}
}
@media screen and (max-width: 767px){

  .organi_box .top_box{width: 200px;height: 400px;margin:0 auto;}
  .organi_box .top_box div.top_box_b{bottom:0;width: 50%;}
  .organi_box .top_box:before{height:100%;}
  .organi_box .top_box:after{bottom: -15%;}
  .organi_box .bottom_box dl{width: 22.5%;margin-right: 10px;}
  .organi_box .bottom_box dl:after{width:calc(100% + 10px);}
  .organi_box .bottom_box dl dt{height: 130px;border-radius:15px;}
  
  .organi_box .bottom_box dl dt span{font-size:0.8rem;margin-top: 0;line-height: 1.2;}
  .organi_box .bottom_box dl dt p{display: none;}
  
  .organi_box .bottom_box img{width: 80%;margin:10px auto;}
  .company01 .company01-txt h3{font-size:23px;}
  
  .company01 .company01-txt{padding-bottom: 0;}
  
  .company02-wrap>div.left>div>img{width: 100%;}
  .company04-txt{flex-direction:column;}
  .company04-txt>div{margin-bottom: 10px;}
  .company04-txt>div>div{margin-left:0;margin-right: 15px;}
  .company04-txt>div i{margin-right: 5px;}

  .business01{padding-bottom: 100px;}
  .business01-wrap p{font-size:14px;}

  .business02{padding-bottom: 100px;}
  .business02-wrap p{font-size:14px;}

  .business03{padding-bottom: 100px;}
  .business03-wrap p{font-size:14px;}

  .business04{padding-bottom: 100px;}
  .business04-wrap{height: 400px;}
  .business04-wrap .business04-txt{width: 100%;background: #ffffff8c;}
  .business04-txt>div span{font-size:18px;}
  .business04-txt>div h3{font-size: 30px;}
  .business04-txt table{width: 100%;}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:480px){
  .company01 .company01-txt p{font-size:13px;}
}

@media screen and (max-width:300px){
  .business04-txt>div p{font-size:14px;}
  .business04-txt>div h3{font-size:20px;}
  .business04-txt table tr{font-size:14px;}
  .business04-txt p{font-size:11px;}
}