/* Custom Style */
.section1, .section3 { background: #fafafa; }
.section3 .formmail-table { background: transparent; }
.section-title { position: relative; margin: -10px 0 35px; text-align: center; font-size: 42px; font-weight: 200; }
.section-title + p { margin-top: 15px; text-align: center; font-size: 17px; }
.main-board-title { margin-bottom: 10px; line-height: 30px; font-size: 25px; }
.main-board-title a { display: block; background: url('/child/img/icon/main-board-title.png') no-repeat right 1px center; }

@media (max-width: 1024px){
    .section-title { line-height: 18px; font-size: 23px; }
    .section-title + p { line-height: 16px; font-size: 15px; }
    .main-board-title { font-size: 20px; background-size: auto 30px; }
}
@media (max-width: 768px){
    .section-title { line-height: 15px; font-size: 20px; }
    .main-board-title { font-size: 18px; background-size: auto 25px; }
}



/* COMMON */
section { padding: 100px 0; }


/* Visual */
.visual { position: relative; height: 880px; background: url('/child/img/main/v1.png') no-repeat center / cover; }
.visual .container { height: 100%; }
.visual-wrap { position: absolute; display: flex; justify-content: flex-start; align-items: center; height: 100%; }
.visual-text { color: #fff; }
.visual-text h3 { margin-bottom: 80px; line-height: 1.2; font-size: 82px; font-weight: 600; letter-spacing: -0.07em; }
.visual-text span { line-height: 1.4; font-size: 36px; font-weight: 300; letter-spacing: -0.07em; }

/* Scroll Icon */
.scroll-icon { z-index: 100; position: absolute; display: flex; align-items: center; flex-direction: row-reverse; bottom: 80px; left: 0; margin: auto; width: 90px; text-align: center; }
.scroll-icon__title { display: block; margin-left: 10px ; line-height: 1; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 0.2em; }
.scroll-icon__arrow { display: block; position: relative; margin: auto; width: 18px; height: 30px; background: url('/child/img/main/scroll-arrow.png') center bottom no-repeat; }
.scroll-icon__arrow::before { content: ''; position: absolute; top: 0px; right: 0; left: 0; margin: auto; width: 4px; height: 4px; background: #fff; border-radius: 50%; animation: scroll 1s linear infinite; }

@keyframes scroll {
    from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
    to { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; }
}
@media(max-width:1024px){
    .visual { height: 600px;}

    .visual-text h3 { font-size: 60px; }
    .visual-text span { font-size: 18px; }

}
@media(max-width:768px){
    .visual { background: url('/child/img/main/v1-mo.png') no-repeat center bottom; background-size: auto 87%; }
    .visual .container { padding: 0!important; }
    .visual-wrap { position: relative; align-items: flex-start; width: 100%; height: auto; }
    .visual-text { text-align: center; padding: 30px 20px 50px; width: 100%; background: url('/child/img/main/v1.png') no-repeat left top 30%; background-size: 230%; }
    .visual-text h3 { font-size: 36px; margin-bottom: 10px; }
    .visual-text span { font-size: 16px; }

    .scroll-icon { bottom: 16px; left: -8px; right: 0; width: 75px; }
	.scroll-icon__title { font-size: 10px; }
    .scroll-icon__arrow { width: 12px; height: 16px; background-size: auto 8px; }
    .scroll-icon__arrow::before { width: 3px; height: 3px; }

    @keyframes scroll {
        from { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
        to { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; }
    }
}

/* Section */
.section-about { margin-top: 12px; padding: 0; }
.about-top { height: 780px; background: url('/child/img/main/section-about.png') no-repeat top / cover ;}
.about-top .box-container,
.about-top .container { height: 100%; }
.about-top__bg:before { content: ''; z-index: 1; position: absolute; left: 0; bottom: 0;  width: 462px; height: 650px; background: url('/child/img/main/people.png') center no-repeat; }
.about-top__bg:after { content: ''; z-index: 1; position: absolute; right: 0; bottom: 84px;  width: 365px; height: 500px; background: url('/child/img/main/m22.png') center no-repeat; }
.about-top__contents { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 50px; height: 100%; text-align: center; }
.about-top__contents .img { margin-bottom: 60px; }
.about-top__title { margin-bottom: 22px;letter-spacing: -0.09em; font-size: 74px; font-weight: 600; color: #4d78da; line-height: 1; text-align: center; }
.about-top__text {letter-spacing: -0.09em; font-size: 42px; font-weight: 300; color: #4d78da; line-height: 1;}

.about-bottom { margin-top: -94px; }
.about-bottom .box-container { position: relative; }
.about-bottom .box-container:before { content: ''; z-index: 2; position: absolute; display: block; top: 0; width: 100%; height: 596px; background: #4d78da; }
.about-bottom .box-container:after { content: ''; z-index: 2; position: absolute; display: block; bottom: 0; width: 100%; height: 596px; background: #d9ebff; }
.about-bottom__contents { z-index: 5; position: relative; display: flex; align-items: flex-start; padding: 160px 0 200px; color: #fff; }
.about-bottom__title { position: relative; padding-bottom: 26px; font-size: 80px; font-weight: 600; line-height: 1; letter-spacing: -0.09em; }
.about-bottom__title:before { content: ''; position: absolute; display: block; right: 0; bottom: 0; width: 130%; height: 1px; background: #fff; }
.about-bottom__text { margin-left: auto; width: 60%; }
.about-bottom__text li { margin-bottom: 30px; font-size: 28px; font-weight: 300; letter-spacing: -0.09em; line-height: 1.4; text-indent: -20px; padding-left: 20px; }
.about-bottom__text li:last-child { margin-bottom: 0; }
.about-bottom__text li strong { font-weight: 600; }
.about-bottom__video { z-index: 5; position: relative; margin-top: -150px; padding:0 0 100px; color: #fff; font-size: 0; }
.about-bottom__video video { width: 100%; cursor: pointer; }

@media(max-width:1024px){
    .about-top { height: 360px; }
    .about-top__bg:before { content: none; }
    .about-top__bg:after { bottom: 100px; width: 150px; height: 180px; background-size: auto 100%; }
    .about-top__contents { display: flex; align-items: center; height: 100%; text-align: left; }
    .about-top__contents > div { width: 100%; margin: 0; }
    .about-top__contents .img { width: 36%; margin: 14px 0; }
    .about-top__title { margin-bottom: 14px; font-size: 40px; text-align: left; }
    .about-top__text { font-size: 20px; }

    .about-bottom { margin-top: -90px; }
    .about-bottom .box-container:before { left: 0; right: 0; margin: auto; width: calc(100% - 30px); height: 400px; }
    .about-bottom .box-container:after { content: none; }
    .about-bottom__contents { flex-direction: column; width: 90%; margin: auto; padding: 50px 0 30px;}
    .about-bottom__title { font-size: 32px; }
    .about-bottom__text { margin: 20px auto 0; width: 100%; }
    .about-bottom__text li { margin-bottom: 20px; text-indent: -10px; padding-left: 10px; font-size: 16px; }
    .about-bottom__video { overflow: hidden; position: relative; width: 100%; margin: auto; padding:0 0 50px; text-align: center; }
    .about-bottom__video:after { content: ''; z-index: 2; position: absolute; display: block; top: 35%; width: 100%; height: 100%; background: #d9ebff;}
    .about-bottom__video video { position: relative; z-index: 5; margin: auto; width: 90%; }
}
@media(max-width:768px){

}


.section-principle { position: relative; padding: 140px 0; }
.section-principle .container { z-index: 3; position: relative; }
.section-principle::before { content: ''; z-index: 1;  position:absolute; display: block; top: -100px; width: 100%; height: 120%; background: #f5f5f5; }
.principle__contents { position: relative; }
.principle__title { position: absolute; top: 0; right: 0; font-size: 80px; font-weight: 600; color: #4d78da; line-height: .8; letter-spacing: -0.09em; }
.principle-process { position: relative; margin: -20px 0; }
.principle-process:after { content: ''; z-index: 2; position:absolute; display: block; top: 200px; right: 28px; width: 2px; height: 67%; background: #4d78da;}
.principle-process li { z-index: 3; position: relative; display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: space-between; margin: 20px 0; letter-spacing: -0.07em; }
.principle__img { font-size: 0; }
.principle__text { display: flex; flex-direction: row-reverse; text-align: right; margin-bottom: 40px;; }
.principle__text .number { display: flex; align-items: center; justify-content: center; margin-left: 30px; width: 60px; height: 60px; font-size: 24px; font-weight: 600; color: #fff; background: #4d78da; border-radius: 50% }
.principle__text h4 { font-size: 30px; font-weight: 500; line-height: 60px; }
.principle__text p { font-size: 24px; font-weight: 300; letter-spacing: -0.09em; }

@media(max-width:1440px){
    .principle__title { font-size: 60px; }
    .principle__img { width: 50%; }
    .principle-process:after { top: 120px; }
}

@media(max-width:1024px){
    .section-principle { position: relative; padding: 60px 0; }
    .section-principle::before { content: none; }
    .principle__title { position: relative; margin-bottom: 50px; font-size: 36px; text-align: center; }
    .principle-process { margin: 20px 0 0; }
    .principle-process:after { content: none; }
    .principle-process li { flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
    .principle__img { width: 100%; }
    .principle__text { flex-direction: row; text-align: left; margin-bottom: 10px; }
    .principle__text > div { width: 87%; }
    .principle__text .number { flex-basis: 34px; margin-left: 0; margin-right: 10px; width: 34px; height: 34px; font-size: 14px; }
    .principle__text h4 { font-size: 20px; line-height: 30px; }
    .principle__text p { font-size: 16px; }
}
@media(max-width:768px){

}


.section-tip { position: relative; padding: 150px 0 0;}
.section-tip::before{ content: ''; z-index: 1;  position:absolute; display: block; top: 0; width: 100%; height: 568px; background: url('/child/img/main/section-tip.png') no-repeat center top / cover; }
.section-tip .container { position: relative; z-index: 3; }
.tip-wrap { padding-bottom: 100px; border-bottom: 1px solid #ddd; }
.tip-title { margin-bottom: 60px; text-align: center; font-size: 60px; font-weight: 600; color: #4d78da; line-height: 1; }
.tip-title span { font-size: 50px; font-weight: 300; }
.tip-list { display: flex; align-items: center; justify-content: space-around; margin: 0 -15px 40px; }
.tip-list li { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 380px; }
.tip-img { font-size: 0; text-align: center; }
.tip-box { width: 100%; }
.tip-text { margin-top: -60px; padding: 90px 0 44px; width: 100%; text-align: center; background: #edf0f6; }
.tip-text h4 { margin-bottom: 30px; font-size: 28px; }
.tip-text h4 small { font-size: 20px; font-weight: 300; color: #4d78da; }
.tip-text span { font-size: 20px; font-weight: 600; color: #4d78da; }
.tip-caption { display: block; text-align: center; font-size: 20px; font-weight: 300; color: #555; }


@media(max-width:1024px){
    .section-tip { position: relative; padding: 60px 0 0;}
    .section-tip::before { height: 250px; }
    .tip-wrap { padding-bottom: 30px; }
    .tip-title { margin-bottom: 30px; text-align: center; font-size: 36px; line-height: .8; }
    .tip-title span { font-size: 20px; }
    .tip-list { flex-direction: column; margin: 0 0 20px; }
    .tip-list li { margin-bottom: 10px; width: 100%; flex-direction: row; }
    .tip-list li:last-child { margin-bottom: 0px; }
    .tip-img { width: 50%; }
    .tip-box { display: flex; }
    .tip-text { margin-top: 0; padding: 20px 0; width: 50%; }
    .tip-text h4 { margin-bottom: 10px; font-size: 20px; }
    .tip-text h4 small { font-size: 16px; }
    .tip-text span { font-size: 16px; }
    .tip-caption {font-size: 16px; }
}
@media(max-width:768px){

}


.section-why { padding: 140px 0 125px; background: url('/child/img/main/section-why.png') left top 35% no-repeat;}
.why-title { text-align: center; margin-bottom: 100px; }
.why-title h3 { font-size: 80px; font-weight: 600; }
.why-title span { font-size: 40px; font-weight: 600; color: #4d78da; }
.why-list { display: flex; flex-flow: wrap; justify-content: flex-start; margin: -30px -10px -30px auto; width: 82%;}
.why-list li { margin: 30px 0; padding: 0 10px; width: 33.333333%; text-align: center; }
.why-list__img { margin-bottom: 30px; }
.why-list__title { margin-bottom: 20px; letter-spacing: -0.08em; font-size: 26px; font-weight: 600; line-height: 1.2; }
.why-list__title small { font-size: 22px; }
.why-list__text span { font-size: 20px; font-weight: 300; color: #777; }
.why-list__text .img { margin-top: 20px; font-size: 0; }


@media(max-width:1240px){
    .section-why { background-position: left -50% top 35%; }
}
@media(max-width:1024px){
    .section-why { padding: 60px 0; background: none; }
    .why-title { text-align: center; margin-bottom: 50px; }
    .why-title h3 { font-size: 34px; }
    .why-title span { font-size: 20px; }
    .why-list { justify-content: center; margin: -20px -10px; width: 100%;}
    .why-list li { margin: 20px 0; padding: 0 10px; width: 50%;  }
    .why-list__img { margin: 0 auto 20px; width: 60%; }
    .why-list__title { margin-bottom: 10px; font-size: 18px;}
    .why-list__title small { font-size: 18px; }
    .why-list__text span { font-size: 15px; letter-spacing: -0.09em;}
    .why-list__text .img { margin-top: 16px; }

}
@media(max-width:768px){

}

.section-license { padding: 140px 0 130px; background: url('/child/img/main/section-license.png') no-repeat center / cover; }
.license-wrap { display: flex; justify-content:space-between; }
.license__title { margin-bottom: 150px; font-size: 80px; font-weight: 600; color: #4d78da; }
.license-check { margin-left: 74px; }
.license-check__title { margin-bottom: 46px; font-size: 30px; font-weight: 600; line-height: 1; }
.check-list .img { margin-right: 15px; font-size: 0; }
.check-list li { display: flex; align-items: center; padding: 13px 0; font-size: 24px; font-weight: 200; color: #555555; letter-spacing: -0.09em; }
.check-list li strong.bg-yellow { display: inline-block; padding: 3px; background: #ffdd3f; font-weight: 600; }
.check-list li:last-child{font-weight: 600; }
.license-img { margin-right: -146px; }

@media(max-width:1024px){
    .section-license { padding: 60px 0; }
    .license-wrap { flex-direction: column; justify-content: center; }
    .license__title { margin-bottom: 30px; font-size: 36px; }
    .license-check { margin-left: 0px; }
    .license-check__title { margin-bottom: 20px; font-size: 20px; }
    .check-list .img { margin-right: 15px; width: 26px; }
    .check-list li { padding: 5px 0; font-size: 16px; }
    .check-list li strong.bg-yellow { padding: 2px;}
    .license-img { overflow: hidden; margin: 30px auto 0; width: 100%; }
    .license-img img { margin-left: 40px; }

}
@media(max-width:768px){

}


.section-faq { padding: 120px 0 100px; }
.faq-top__title { display: flex; align-items: center; margin-bottom: 60px; letter-spacing: -0.09em; }
.faq-top__title h3 { font-size: 80px; font-weight: 600; line-height: 1; }
.faq-subtitle { display: block; margin-left: auto; line-height: 1.8; width: 82%; height: 100%; font-size: 40px; font-weight: 600; color: #4d78da; border-bottom: 2px solid #4d78da; }
.faq-list { display: flex; justify-content: space-between; margin: 0 -30px; }
.faq-box { flex: 1 1; margin: 0 30px; border: 1px solid #4d78da; }
.faq-q { padding: 30px 20px; width: 100%; background: #4d78da; color: #fff; }
.faq-q h4 { font-size: 26px; font-weight: 600; }
.faq-a { padding: 100px 25px 42px; letter-spacing: -0.09em; }
.faq-a .answer { display: block; margin-bottom: 20px; font-size: 26px; font-weight: 600; line-height: 1; color: #4d78da; }
.faq-a p { font-size: 24px; font-weight: 300; color: #333333; }
.q1 { background: url('/child/img/main/faq1.png') right 10% bottom -15% no-repeat; }
.q3 { background: url('/child/img/main/faq3.png') right 10% bottom -10% no-repeat; }


@media(max-width:1024px){
    .section-faq { padding: 60px 0; }
    .faq-top__title { display: flex; align-items: center; margin-bottom: 30px; letter-spacing: -0.09em; }
    .faq-top__title h3 { font-size: 36px; }
    .faq-subtitle { width: 77%; font-size: 20px; }
    .faq-list { flex-direction: column; margin: 0; }
    .faq-box { margin: 10px 0; }
    .faq-q { padding: 12px 15px; width: 100%; }
    .faq-q h4 { font-size: 16px; }
    .faq-a { padding: 15px 15px 10px; }
    .faq-a .answer { margin-bottom: 10px; font-size: 18px; }
    .faq-a p { font-size: 16px; }
    .q1 { background-size: auto 80px; background-position: right 3% bottom -15%; }
    .q3 { background-size: auto 60px; background-position: right 3% bottom -10%; }


}
@media(max-width:768px){

}

.section-bbs { padding: 0 auto 140px;  }
.main-bbs-wrap { display: flex; justify-content: space-between; }
.notice-box { width: 660px; background: #4d78da; padding: 50px; }
.main-notice__title { display: flex; justify-content: space-between; margin-bottom: 44px; font-size: 60px; font-weight: 600; color: #fff; line-height: 1; }
.main-notice__title a .img { font-size: 0; }
.main-notice__title a:hover .img { opacity: .8; }
.notice-line { display: flex; align-items: center; margin: 15px 0; padding: 30px; max-height: 80px; background: #fff; border-radius: 40px; box-shadow: 0 0 15px 0 rgba(36,36,36,.2);}
.notice-line:hover { opacity: .9; }
.notice-line a { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 22px; font-weight: 300; line-height: 1; }
.notice-head { position: relative; display: inline-block; margin-right: 22px; font-weight: 600; color: #4d78da; }
.notice-head::after { content: ''; position: absolute; display: inline-block; top: 2px; margin: 0 10px; width:2px; height: 20px; background: #4d78da; }
.notice-date { margin-left: auto; font-size: 20px; color: #999999; }
.search-box { width: 500px; height: 500px; padding: 50px; background: url('/child/img/main/search-bg.png') no-repeat center / cover; }
.main-search__title { display: flex; justify-content: space-between; margin-bottom: 44px; font-size: 60px; font-weight: 600; color: #333; line-height: 1; }
.main-search__title a .img { font-size: 0;  }
.main-search__title a:hover .img { opacity: .8; }
.main-search__link a { display: block;}
.main-search__link a:hover { opacity: .8; }
.search-box p { margin-bottom: 40px; font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -0.09em; }
#search_input { position: relative; padding-right: 82px; width: calc(100% - 82px); height: 82px; font-size: 30px; font-weight: 600; color: #ff7a2a; border: 3px solid #fff!important; background: rgba(255,255,255,.5)!important;  cursor: pointer; }
#search_input::placeholder { color: #ff7a2a; opacity: 1; }
#hsearch-wrap { position: relative; }
#hsearch-wrap #hsearch-btn button{
    position: absolute; z-index: 10; top: 0; right: 0; width: 82px; height: 100%;
    background: url('/child/img/main/search-btn.png') no-repeat center;
}

@media(max-width:1024px){
    .section-bbs { margin-bottom: 60px; padding: 0 auto 60px; }
    .main-bbs-wrap { flex-direction: column; }
    .notice-box { width: 100%; padding: 30px 20px 20px; margin-bottom: 20px; }
    .main-notice__title { margin-bottom: 20px; font-size: 24px; }
    .main-notice__title a .img { width: 26px; }
    .notice-line { margin: 10px 0; padding: 12px 20px; max-height: 44px; border-radius: 40px; box-shadow: 0 0 5px 0 rgba(36,36,36,.2);}
    .notice-line a { font-size: 15px; }
    .notice-head::after { top: 2px; margin: 0 10px; width:2px; height: 12px;}
    .notice-date { font-size: 14px;}

    .search-box { width: 100%; height: 260px; padding: 30px 20px; background-position: bottom; }
    .main-search__title { margin-bottom: 30px; font-size: 24px; }
    .main-search__title a .img { width: 26px; }
    .search-box p { margin-bottom: 20px; font-size: 18px;}
    #search_input { position: relative; padding-right: 50px; width: calc(100% - 50px); height: 50px; font-size: 20px; }
    #hsearch-wrap #hsearch-btn button { width: 50px; height: 100%; background-size: 50px auto; }

}
@media(max-width:768px){

}


/* Main Board */
.main-board-wrap:after { content: ''; display: block; clear: both; }
.main-board-left { float: left; padding-right: 50px; width: 50%; }
.main-board-right { float: left; padding-left: 50px; width: 50%; }
.bbs-main-table { width: 100%; border-top: 2px solid #000; }
.bbs-main-table tr { border-bottom: 1px solid #e5e5e5; }
.bbs-main-table tr th { padding: 15px; }
.bbs-main-table tr th a { display: block; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow:ellipsis; }
.bbs-main-table tr td { padding: 15px; }
.bbs-main-slide { padding-bottom: 10px; }
.bbs-main-slide .slick-dots { bottom: 0; }
.bbs-main-slide .slick-dots li { width: 12px; height: 12px; background: rgba(0,0,0,.25); border-radius: 50%; }
.bbs-main-slide .slick-dots li.slick-active { background: rgba(0,0,0,.7); }
._bbs { padding: 7px; }
.main-bbs-photo { overflow: hidden; display: block; position: relative; height: 170px; background: #F5F5F5; }
.main-bbs-photo img { position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-bbs-title { display: block; margin: 15px 0; font-size: 18px; font-weight: 500; }

@media (max-width: 1024px){
    section { padding: 0; }

    .visual-slide .slick-dots { bottom: 25px; }
    .visual-slide .slick-dots li { width: 10px; height: 10px; }
    ._v { height: 300px; }
    ._v h3 { line-height: 40px; font-size: 34px; }
    ._v p { margin-top: 10px; line-height: 24px; font-size: 16px; }

    .main-bbs-title,
    .bbs-main-table tr th,
    .bbs-main-table tr td { font-size: 15px; }
}

@media (max-width: 768px){
    ._v { height: 270px; }
    ._v h3 { line-height: 30px; font-size: 24px; }
    .v-bg { width: 130%;
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px);
    }

    .main-board-left { padding: 10px 0; width: 100%; }
    .main-board-right { padding: 10px 0; width: 100%; }

    .main-bbs-title,
    .bbs-main-table tr th,
    .bbs-main-table tr td { font-size: 14px; }
    .bbs-main-table tr th a { max-width: 180px; }
}

/**/



/* gallery bbs main: first full type */
.bbs-main-gallery { margin-top: 18px; }
.bbs-main-box > li { padding: 14px; }
._mg { overflow: hidden; display: block; position: relative; width: 100%; padding-top: calc(230 / 280 * 100%); text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
/* ._bm img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} */
._mgchild:before { z-index: 1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
._mtitle { z-index: 2; position: absolute; top: 52px; left: 0; width: 100%; padding: 15px; line-height: 27px; font-size: 19px; color: #fff; }
._minfo { z-index: 2; position: absolute; bottom: 20px; left: 0; width: 100%; font-size: 15px; color: rgba(255,255,255,.5); }
._minfo > span { display: inline-block; position: relative; vertical-align: top; padding: 0 8px; }
._minfo > span:first-child:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 13px; background: rgba(255,255,255,.5); }
._mgchild:hover:before { background: rgba(238, 93, 24, 0.8); }

.first-bbs-main { padding: 0 !important; width: 100%; }
._mgfirst { overflow: visible; position: relative; width: 100%; padding-top: calc(475 / 585 * 100%); }
._mgfirst:before { content: ''; position: absolute; top: 30px; right: -95px; width: 120px; height: 2px; background: rgba(238, 93, 24, 0.4); }
._first-l { display: inline-block; vertical-align: top; padding: 14px; width: 50%; }
._first-r { display: inline-block; vertical-align: top; padding: 14px 14px 14px 54px; width: 50%; }
._first-title { display: block; margin: 68px 0 20px; line-height: 44px; font-size: 37px; }
._first-context { overflow: hidden; display: block; line-height: 24px; color: #666666; }
._first-info { display: block; margin-top: 70px; font-size: 15px; color: #999999; }
._first-info > span { display: inline-block; position: relative; vertical-align: top; padding: 0 8px; }
._first-info > span:first-child:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 13px; background: #e5e5e5; }

@media (max-width: 1024px){
    ._first-l { padding: 7px 0; width: 100%; }
    ._first-r { padding: 14px 0; width: 100%; }
    .bbs-main-box { padding: 7px 0; }
    .bbs-main-box > li { padding: 7px; }
    ._first-title { margin-top: 0; line-height: 38px; font-size: 30px; }
    ._first-context { font-size: 15px; }
    ._first-info { margin: 35px 0; font-size: 14px; }
    ._mgfirst:before { content: none; }
}
@media (max-width: 768px){
    ._first-title { margin-top: 0; line-height: 28px; font-size: 24px; }
    ._first-context { font-size: 14px; }
    ._first-info { margin: 35px 0; font-size: 13px; }
}