@charset "utf-8";


/* section01 */
.section01 {padding-top:110px;}
.section01 .col {display:flex;}
.section01 .col .row {width:33.333333%; padding:60px 40px 100px; border-left:1px solid #ddd; position:relative;}
.section01 .col .row:last-child {border-right:1px solid #ddd;}
.section01 .txt-box .tit p {font-size:16px; font-weight:600; line-height:1.6em; color:#0a3e32;}
.section01 .txt-box .tit h3 {font-size:22px; color:#333; line-height:1.4em;}
.section01 .item .txt-box .tit h3 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; height:calc(1.4em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
/* .section01 .item .txt-box .tit h3:after {content:''; width:100%; height:1px; background:#333; position:absolute; left:0; bottom:0; opacity:0; transition:all 0.4s;}
.section01 .item:hover .txt-box .tit h3:after {opacity:1;} */

.section01 .cnt02 .txt-box .tit h3 {height:calc(1.4em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section01 .txt-box .txt p {font-size:16px; line-height:1.6em; color:#666; height:calc(1.6em * 1 * 4); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.section01 .date p {font-size:15px; line-height:1.8em; color:#888;}
.section01 .item .img-box {max-width:180px; width:100%; margin:0 auto 46px; overflow:hidden; box-shadow:5px  5px 18px 1px rgba(130,130,130,.7);}
.section01 .item .img-box .pic {position:relative; height:0; padding-bottom:141.67%; overflow:hidden; transition:all 0.6s;}
.section01 .item .img-box .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;}
.section01 .item .txt-box .tit {margin-bottom:16px;}
.section01 .item .txt-box .tit p {margin-bottom:16px;}
.section01 .item .txt-box .txt p {margin-bottom:20px;}
.section01 .item .date {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:18px 0;}
.section01 .item .date ul {display:flex; justify-content:space-between;}
.section01 .slick-arrow {position:absolute; opacity:.5; transition:all 0.6s; top:110px; width:22px; height:38px; background-repeat:no-repeat; background-size:cover; background-color:transparent; font-size:0; border:0; cursor:pointer; z-index:1;}
.section01 .slick-arrow:hover {opacity:1;}
.section01 .slick-prev {background-image:url('../img/main/sec01-prev.png'); left:36px;}
.section01 .slick-next {background-image:url('../img/main/sec01-next.png'); right:36px;}
.section01 .cnt02 .img-box {margin-bottom:30px;}
.section01 .cnt02 .img-box .pic {position:relative; height:0; padding-bottom:66.67%; overflow:hidden; transition:all 0.6s;}
.section01 .cnt02 .img-box .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;}
.section01 .cnt02 .txt-box .tit {margin-bottom:20px;}
.section01 .cnt02 .txt-box .tit p {margin-bottom:16px;}
.section01 .cnt02 .txt-box .txt {margin-bottom:20px;}
.section01 .cnt03 .img-box {height:220px; width:100%; margin-bottom:36px;}
.section01 .cnt03 .img-box iframe {width:100%; height:100%;}
.section01 .cnt03 .txt-box a {display:block; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #ddd;}
.section01 .cnt03 .txt-box a:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.section01 .cnt03 .txt-box .tit p {color:#71002e; margin-bottom:6px;}
.section01 .cnt03 .txt-box .tit h4 {font-size:20px; line-height:1.5em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:6px;}
/* section02 */
.section02 {background:url('../img/main/sec02bg.jpg') center center no-repeat; background-size:cover;}
.section02 .col {padding:0 150px; display:flex; align-items:center; flex-wrap:wrap;}
.section02 .col> div {margin:50px 0;}
.section02 .col .txt-box {padding-right:60px;}
.section02 .col .txt-box p {font-size:26px; font-weight:600; color:#333; line-height:1.3em;}
.section02 .col .search-box {max-width:600px; width:100%; position:relative; overflow:hidden; z-index:1;}
.section02 .col .search-box input {width:100%; line-height:68px; border:1px solid #000; border-radius:35px; padding-left:30px; padding-right:70px; font-size:20px; color:#333; outline:none;}
.section02 .col .search-box input::placeholder {font-size:20px; color:#666;}
.section02 .col .search-box button {position:absolute; right:5px; top:50%; margin-top:-30px; width:60px; height:60px; border-radius:50%; border:0; background:transparent; transition:all 0.4s;}
.section02 .col .search-box button:hover {transform:rotate(10deg)}
/* section03 */
.section03 {padding:140px 0; background:url('../img/main/sec03bg.jpg') center center no-repeat; background-size:cover;}
.section03 .cnt {margin-bottom:90px; padding-bottom:90px; border-bottom:1px solid rgba(255,255,255,0.2);}
.section03 .cnt:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.section03 .title {position:relative; margin-bottom:36px;}
.section03 .title h3 {font-size:40px; color:#fff; line-height:1.1em;}
.section03 .title h3 a {display:inline-block;}
.section03 .title .more {display:block; width:20px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; transition:all 0.4s; font-size:0;}
.section03 .title .more:hover {transform:rotate(180deg);}
.section03 .title .more:before,
.section03 .title .more:after {content:''; position:absolute; top:50%; left:50%; background:#fff;}
.section03 .title .more:before {width:20px; height:2px; margin-top:-1px; margin-left:-10px;}
.section03 .title .more:after {width:2px; height:20px; margin-top:-10px; margin-left:-1px;}
.section03 .items {margin:0 -22px;}
.section03 .item {padding:15px 22px;}
.section03 .item a {display:block; cursor:pointer; position:relative; z-index:1; box-shadow:5px 5px 15px rgba(50,50,50,0.7);}
.section03 .item a .over {position:absolute; opacity:0; width:100%; height:100%; top:0; left:0; background:rgba(113,0,46,0.9); display:flex; flex-direction:column; justify-content:space-between; padding:36px 20px; color:#fff; transition:all 0.6s;}
.section03 .item a:hover .over {opacity:1;}
.section03 .item a .over h5 {font-size:18px; line-height:1.6em; height:calc(1.6em * 1 * 4); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.section03 .item a .over p {font-size:16px; line-height:1.6em; font-weight:500;}
.section03 .slick-arrow {width:22px; height:38px; position:absolute; top:50%; margin-top:-19px; opacity:0.5; transition:all 0.6s; border:0; font-size:0; background-color:transparent; background-repeat:no-repeat; background-size:cover;}
.section03 .slick-arrow:hover {opacity:1;}
.section03 .slick-prev {background-image:url('../img/main/sec03-prev.png'); left:-58px;}
.section03 .slick-next {background-image:url('../img/main/sec03-next.png'); right:-58px;}
.section03 .img .pic {position:relative; height:0; padding-bottom:140%; overflow:hidden; transition:all 0.6s;}
.section03 .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;}
/* section04 */
.section04 {background:#fff; padding:140px 0;}
.section04 .col {display:flex; justify-content:center; margin-left:1px;}
.section04 .col .row {width:33.3333333%; border:1px solid #ddd; margin-left:-1px; position:relative;}
.section04 .col .row:last-child:before,
.section04 .col .row:last-child:after {content:''; width:50px; height:50px; background:#fff; z-index:11; position:absolute; right:-25px;}
.section04 .col .row:last-child:before {top:-25px;}
.section04 .col .row:last-child:after {bottom:-25px;}
.section04 .inner {padding:56px 50px 80px; position:relative;}
.section04 .inner .tit {margin-bottom:30px; position:relative;}
.section04 .inner .tit h4 {font-size:25px; line-height:1.3em; color:#333; padding-right:20px;}
.section04 .inner .tit a {position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; background-repeat:no-repeat; background-size:cover; background-image:url('../img/main/sec04-more.png'); transition:all 0.6s;}
.section04 .inner .tit span:hover {background-image:url('../img/main/sec04-more-on.png');}
.section04 .inner .img {max-width:185px; width:100%; margin:0 auto; box-shadow:5px 5px 18px 1px rgba(130,130,130,0.7); position:relative;}
.section04 .inner .img .pic {position:relative; height:0; padding-bottom:140.541%; overflow:hidden; transition:all 0.6s;}
.section04 .inner .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;}
.section04 .inner .img .over {position:absolute; opacity:0; width:100%; height:100%; top:0; left:0; background:rgba(113,0,46,0.9); display:flex; flex-direction:column; justify-content:space-between; padding:36px 20px; color:#fff; transition:all 0.6s;}
.section04 .inner .view-more:hover .img .over {opacity:1;}
.section04 .inner .img .over h5 {font-size:18px; line-height:1.6em;}
.section04 .inner .img .over p {font-size:16px; line-height:1.6em; font-weight:500;}
.section04 .inner:before,
.section04 .inner:after {content:''; width:50px; height:50px; background:#fff; z-index:11; position:absolute; left:-25px;}
.section04 .inner:before {top:-25px;}
.section04 .inner:after {bottom:-25px;}
/* section05 */
.section05 {padding:140px 0; background:url('../img/main/sec05bg.jpg') center center no-repeat; background-size:cover;}
.section05 .title {margin-bottom:46px; position:relative;}
.section05 .title h3 {font-size:45px; line-height:1.3em; color:#333;}
.section05 .title h3 a {display:inline-block;}
.section05 .title .more {}
.section05 .title .more a {position:absolute; top:50%; right:0; margin-top:-10px; width:20px; height:20px; z-index:1; transition:all 0.6s; font-size:0;}
.section05 .title .more a:hover {transform:rotate(180deg);}
.section05 .title .more a:before,
.section05 .title .more a:after {content:''; position:absolute; top:50%; left:50%; background:#111;}
.section05 .title .more a:before {width:20px; height:2px; margin-top:-1px; margin-left:-10px;}
.section05 .title .more a:after {width:2px; height:20px; margin-top:-10px; margin-left:-1px;}
.section05 .col {display:flex; margin:0 -35px;}
.section05 .col .row {width:50%; padding:0 35px;}
.section05 .inner {display:block; position:relative;}
.section05 .inner .img-box .pic {position:relative; height:0; padding-bottom:67.407%; overflow:hidden; transition:all 0.6s;}
.section05 .inner .img-box .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;}
.section05 .inner .txt-box {transition:all 0.6s; transition:all 0.6s; padding:56px 40px; background:rgb(10,62,50);}
.section05 .inner .txt-box h4 {font-size:24px; margin-bottom:12px; color:#fff; transition:all 0.6s; line-height:1.5em; height:calc(1.5em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section05 .inner .txt-box p {font-size:16px; line-height:1.8em; transition:all 0.6s; color:#fff;}
/* section06 */
.section06 {padding:140px 0; background:#f3f3f3;}
.section06 .col {display:flex; border:1px solid #ddd; align-items:center;}
.section06 .col .row {width:50%; border-right:1px solid #ddd; padding:0 60px;}
.section06 .col .row:last-child {border-right:0;}
.section06 .col .row ul {display:flex; justify-content:space-around; align-items:center; min-height:80px; height:100%;}
.section06 .col .row ul li a {width:50px; height:50px; display:block; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 0.6s; font-size:0;}
.section06 .col .row ul li a.facebook {background-image:url('../img/main/facebook-icon.png');}
.section06 .col .row ul li a.sns-x {background-image:url('../img/main/x-icon.png');}
.section06 .col .row ul li a.youtube {background-image:url('../img/main/youtube-icon.png');}
.section06 .col .row ul li a.facebook:hover {background-image:url('../img/main/facebook-icon-on.png');}
.section06 .col .row ul li a.sns-x:hover {background-image:url('../img/main/x-icon-on.png');}
.section06 .col .row ul li a.youtube:hover {background-image:url('../img/main/youtube-icon-on.png');}
.section06 .col .row p {font-size:22px; line-height:1.3em; color:#333; font-weight:600; display:flex; justify-content:center;}
.section06 .cnt {margin-top:60px;}
.section06 .cnt ul {display:flex; justify-content:space-around; text-align:center;}
.section06 .cnt ul li {padding:0 20px;}
.section06 .cnt ul li a {display:block;}
.section06 .cnt ul li a .icon {margin-bottom:16px;}
.section06 .cnt ul li a p {font-size:22px; line-height:1.4em; color:#333; font-weight:700; transition:all 0.6s; position:relative; display:inline-block;}
.section06 .cnt ul li a p:after {content:''; width:100%; height:2px; background:#333; position:absolute; bottom:2px; left:0; opacity:0; transition:all 0.6s;}
.section06 .cnt ul li a:hover p:after {opacity:1;}
/* section07 */
.section07 {padding:130px 0 140px; background:#fff;}
.section07 .tab-menu {margin-bottom:40px; position:relative; padding-right:70px;}
.section07 .tab-menu ul {display:flex;}
.section07 .tab-menu ul li {width:50%; text-align:center;}
.section07 .tab-menu ul li a {display:block; line-height:70px; background:#edebeb; font-size:22px; font-weight:700; color:#a5a5a5; transition:all 0.6s; position:relative;}
.section07 .tab-menu ul li.active a {background:#014635; color:#fff; z-index:1; box-shadow:5px 5px 20px 3px rgba(111,111,111,0.45);}
.section07 .tab-menu ul li a:hover {background:#014635; color:#fff;}
.section07 .tab-menu .more {position:absolute; top:0; right:0;}

.section07 .tab-menu .more a {width:70px; height:70px; background:#fff; border:1px solid #ededed; position:relative; transition:all 0.6s; font-size:0; display:none;}
.section07 .tab-menu.on01 .more a.tab01 {display:block;}
.section07 .tab-menu.on02 .more a.tab02 {display:block;}

.section07 .tab-menu .more a:hover {border-color:#8b0036; background:#8b0036;}
.section07 .tab-menu .more a:before,
.section07 .tab-menu .more a:after {content:''; position:absolute; top:50%; left:50%; background:#111; transition:all 0.6s;}
.section07 .tab-menu .more a:hover:before,
.section07 .tab-menu .more a:hover:after {background:#fff;}
.section07 .tab-menu .more a:before {width:20px; height:2px; margin-top:-1px; margin-left:-10px;}
.section07 .tab-menu .more a:after {width:2px; height:20px; margin-top:-10px; margin-left:-1px;}
.section07 .tab-content .txt-box {border-bottom:1px solid #ddd;}
.section07 .tab-content .inner {display:flex; padding:30px 0; align-items:center;}
.section07 .tab-content .inner .notice {text-align:center; line-height:40px; color:#fff; background:#a9a9a9; font-size:18px; font-weight:600;}
.section07 .tab-content#tab01 .inner .notice {width:90px;}
.section07 .tab-content#tab02 .inner .notice {width:200px;}
.section07 .tab-content .inner .txt {width:1%; flex:1 1 auto; padding:0 30px;}
.section07 .tab-content .inner .txt p {font-size:22px; line-height:1.3em; color:#333; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.6s;}
.section07 .tab-content .inner:hover .txt p {color:#014635;}
.section07 .tab-content .inner .date {width:80px; text-align:center; font-size:18px; line-height:1.6em; color:#888;}




.main-nodate {font-size:20px; width:100%; text-align:center;}

.section03 .main-nodate {padding:20px 15px;}
.section03 .main-nodate p {color:#fff;}

.section07 .main-nodate {padding:30px 0; border-bottom:1px solid #ddd;}
.section07 .main-nodate p {color:#333; font-weight:600;}