@charset "utf-8";
/* sub1 EMTP */
.subbox { margin-bottom: 100px; position: relative;}
.subbox.mg { margin-bottom: 0; }
.subbox.lh p { line-height: 1.9em;}
.subbox.lh p a { color: #e76025;}
.sub1-tit { font-size: 30px; line-height: 1.4em; letter-spacing: -.01em; color: #242424; font-weight: 700; margin-bottom: 25px; }
.sub1-tit.tc { text-align: center;  }
.sub1-tit.tc.fw { font-weight: 500; }
.sub1-tit.clr { color: #088396;}
.sub1-tit.clr2 { color: #e76025;}
.sub1-tit .clr2 { color: #e76025;}
.sub1-txt { line-height: 1.5em; letter-spacing: -.01em; color: #454545; margin-bottom: 35px;}
.sub1-txt span { color: #e76025;}
.sub1-link { max-width: 200px; height: 50px; background: #088396; display: flex; align-items: center; justify-content: center; line-height: 1em; font-weight: 400; letter-spacing: -.03em; color: #fff; margin: 26px auto 0; width: 100%; }
.em-list { display: flex; background: #f2f2f2; flex-wrap: wrap;}
.em-list li { width: calc(100%/4); text-align: center; position: relative; padding: 67px 15px;}
.em-list li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: #ddd; width: 1px; height: 65px;}
.em-list li:last-child::after { display: none; }
.em-list li .num { line-height: 1em; font-size: 30px; font-weight: 700; letter-spacing: -.01em; color: #088396; margin-bottom: 10px; }
.em-list li .txt { font-size: 16px; font-weight: 500; letter-spacing: -.01em; line-height: 1.4em; color: #242424; }
.em-list.bd li { padding: 68px 15px 0 ; min-height: 340px;}
.em-list.bd li::after { background: #fff; }
.em-list.bd li .txt { font-weight: 400;}
.em-list.bd li.bg { background: url(../images/sub/sub1-1-listbg.jpg) center no-repeat; background-size: cover; }
.pt-list li .num { color: #e76025;}
.em-list2 { display: flex; flex-wrap: wrap; gap: 20px; }
.em-list2 li { width: calc(100%/2 - 10px); box-sizing: border-box; border: 6px solid #454545; text-align: center; padding: 70px 15px; }
.em-list2 li.bd { border-color: #088396;}
.em-list2 li .txt { color: #242424; }
.em-box { position: relative; }
.em-swiper { width: 100%; position: relative; overflow: hidden;}
.em-swiper-slide { background: #f2f2f2; text-align: center; padding-top: 65px; min-height: 315px;}
.em-swiper-slide .sub1-txt { color: #242424; margin-bottom: 0; }
.em-swiper-button-prev, .em-swiper-button-next { top: 58%;}
.em-swiper-button-prev { left: -110px;}
.em-swiper-button-next { right: -110px;}
.em-fx { display: flex; align-items: flex-start; margin-top: 70px; }
.em-fx>div { width: calc(100%/2);}
.em-fx .left .group { margin-bottom: 45px; display: flex; align-items: flex-start;}
.em-fx .left .group:last-child { margin-bottom: 0; }
.em-fx .left .group .icon-wrap { width: 80px; text-align: center; }
.em-fx .left .group .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.em-fx .left .group .info h4 { font-size: 20px; font-weight: 700; letter-spacing: -.01em; line-height: 1.3em; color: #e76025; margin-bottom: 15px; }
.em-fx .right {text-align: center; padding-top: 60px; }
.em-fx2 { margin-top: 0; }
.em-fx2 .left .imgwrap { margin-bottom: 30px;}
.em-fx2 .right { padding-left: 75px; padding-top: 0;}
.em-wrap { background: #f2f2f2; padding: 50px 0; text-align: left;}
.em-wrap .group { padding-left: 110px; position: relative; margin-bottom: 40px; }
.em-wrap .group:last-child {margin-bottom: 0; }
.em-wrap .group .sub1-tit { margin-bottom: 15px;}
.em-wrap .group::before { content: ""; position: absolute; left: -35px; width: 70px; height: 70px; background: url(../images/sub/sub1-1-iconbig.png) center no-repeat; background-size: contain; top: 22px;}
.em-wrap .group p { color: #242424;}
.em-com { display: flex; flex-wrap: wrap; margin-top: 50px; position: relative; padding-bottom: 60px;}
.em-com::after { content: ""; position: absolute; left: 0; width: 100%; height: 70%; bottom: 0; background: #f2f2f2; z-index: -1;}
.em-com li { width: calc(100%/3); text-align: center; }
.em-com li .sub1-tit { margin: 25px 0 15px;}
.em-com li .sub1-tit.mg { margin-top: 45px;}
.em-com li .txt { color: #242424; }

/* informations */
.pd-tab { display: flex; flex-wrap: wrap; margin-bottom: 60px; gap: 10px;}
.pd-tab li { width: calc(100%/5 - 8px); text-align: center; border: 1px solid #ddd; border-radius: 30px; overflow: hidden;}
.pd-tab li a { height: 60px; display: flex; align-items: center; justify-content: center; font-size: 19px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #454545;}
.pd-tab li.active { background: #e76025; }
.pd-tab li.active a { color: #fff;}

/* partner */
.pt-link { display: flex; align-items: center; justify-content: center; margin: 50px auto 0; max-width: 350px; height: 50px; background: #e76025; color: #fff; line-height: 1.2em; font-weight: 400; letter-spacing: -.03em;  width: 100%;}
.pt-bg { background: #088396; padding: 60px 40px; display: flex; flex-wrap: wrap; gap: 36px; }
.pt-bg>div {width: calc(100%/3 - 24px); background: #fff; text-align: center; padding: 35px 0;}
.pt-bg>div h3 { font-size: 20px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2em; color: #e76025; margin-bottom: 27px; }
.pt-bg>div p { margin: 27px 0; }
.pt-bg>div a { max-width: 160px; height: 50px; display: flex; align-items: center; justify-content: center; background: #088396; line-height: 1em; color: #fff; margin: auto; font-size: 16px; font-weight: 400; letter-spacing: -.03em; width: 100%; }

/* history */
.hst-bg { height: 260px; background: url(../images/sub/hst-bg.jpg) center no-repeat; background-size: cover; border-radius: 24px; display: flex; align-items: flex-end; padding: 30px; }
.hst-bg>div { display: inline-block; max-width: 240px; width: 100%; border-radius: 12px; color: #fff; padding: 18px 27px 22px; background: #088396; }
.hst-bg>div h3 { font-size: 30px; font-weight: 700; letter-spacing: -.01em; line-height: 1em; margin-bottom: 15px; }
.hst-bg>div h4 { text-align: right; font-size: 20px; font-weight: 700; letter-spacing: -.01em; line-height: 1em; }
.hst-fx { margin-top: 100px; display: flex; align-items: flex-start;}
.hst-fx .year { font-size: 60px; line-height: 1em; font-weight: 700; color: #088396; letter-spacing: -.01em; width: 240px; }
.hst-fx p { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.666em; letter-spacing: -.02em;}  
.hst-fx p span { color: #e76025;}


/*app*/
.app .content{margin-bottom:100px;letter-spacing:-.01em;line-height:1.5em;font-weight:400;}
.app .content:last-child{margin-bottom:0;}
.app .content .title{margin-bottom:30px;font-size: clamp(1.125rem, 0.9276rem + 0.7895vw, 1.875rem);color: #e76025;font-weight:700;line-height:1.2em;}
.app .content .txt-wrap p{margin-bottom:25px;}
.app .content .txt-wrap p strong{font-weight:600;}
.app .content .txt-wrap p:last-child{margin-bottom:0;}
.app .content .dot-wrap p{margin-bottom:13px;}

.dot-list>li{position:relative;padding-left:16px;margin-bottom:5px;}
.dot-list>li:before{content:'';width:4px;height:4px;border-radius:50%;background-color: #e76025;position: absolute;left:0;top:.6em;}
.dot-list>li:last-child{margin-bottom:0;}
.dot-list.st2>li{margin-bottom:15px;}
.dot-list.st2>li:last-child{margin-bottom:0;}
.dot-list.st3>li{margin-bottom:10px;}
.dot-list.st3>li:last-child{margin-bottom:0;}

.dot-tt{position:relative;padding-left:16px;}
.dot-tt:before{content:'';width:6px;height:6px;border-radius:50%;background-color: #e76025;position: absolute;left:0;top:.5em;}

.app .content .row-cnt{margin-bottom:50px;}
.app .content .row-cnt:last-child{margin-bottom:0;}

.hypen-list>li{text-indent:-.06em;padding-left:.06em;margin-bottom:10px;}
.hypen-list>li:last-child{margin-bottom:0;}

.bd-img{text-align:center;}
.bd-img .bd{padding:20px;border:1px solid #ddd;}
.bd-img p{font-weight:600;line-height:1.5em;color: #242424;margin-top:15px;}
.bd-img p strong{font-weight:800;}

.flex-img{display:flex;margin:0 -18px;}
.flex-img .bd-img{width:50%;padding:0 18px;}

.app .content .btn-box{padding:35px;background-color: #f8f8f8;}
.app .content .btn-box .btn{display:flex;justify-content:center;align-items:center;width:200px;height:50px;background-color: #088396;color: #fff;font-weight:500;line-height:1.2em;margin:0 auto;}

.app .content .video-cnt{max-width:710px;width:100%;margin:0 auto;}

.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb25{margin-bottom:25px !important;}
.mgb35{margin-bottom:35px !important;}

.pri{color: #e76025 !important;}

.app .content .btn-box.st2{display:flex;align-items:center;justify-content:center;}
.app .content .btn-box.st2 .btn{margin:0;margin-left:340px;}

.app .content .title2{margin-bottom:25px;font-size: clamp(1rem, 0.9342rem + 0.2632vw, 1.25rem);font-weight:600;line-height:1.4em;color: #242424;}

.doc-board-list{padding:25px 0 36px;border-top:2px solid #868686;border-bottom:1px solid #ddd;font-weight:400;}
.doc-board-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -35px;}
.doc-board-list ul li{width:25%;padding:0 15px;margin-bottom:35px;text-align:center;line-height:1.4em;}
.doc-board-list ul li .img{position:relative;}
.doc-board-list ul li .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-board-list ul li .pic {position:relative; height:0; padding-bottom:64.865%; overflow:hidden;}
.doc-board-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-board-list ul li .tit{margin-top:12px;color: #333;line-height:1.4em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.doc-board-list ul li .date{margin-top:5px;font-size:14px;color: #767676;}

.doc-board-detail{font-weight:400;}
.doc-board-detail .top-con{display:flex;align-items:flex-start;}
.doc-board-detail .top-con .img{width:50%;position:relative;margin-right:60px;text-align:center;}
.doc-board-detail .top-con .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
/* .doc-board-detail .top-con .img .pic {position:relative; height:0; padding-bottom:66.6668%; overflow:hidden;}
.doc-board-detail .top-con .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-board-detail .top-con .img .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;} */
.doc-board-detail .top-con .info{min-width:0;width:1%;flex:1 1 auto;padding-top:25px;}
.doc-board-detail .top-con .info .tit{padding-bottom:20px;margin-bottom:20px;font-size:28px;font-weight:700;color: #333;line-height:1.4em;border-bottom:1px solid #ddd;}
.doc-board-detail .detail{margin-top:50px;}
.doc-board-detail .detail .tit{margin-bottom:15px;font-size:22px;color: #333;font-weight:700;}
.doc-board-detail .detail .cnt{padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}