/* BASIC css start */
#contents img {max-width:100%;}
#header {position:Relative;}
.eventTab {height:50px; background:#001a73;position:sticky; top:0; z-index:1400;}
.eventTab .swiper-slide {line-height:50px; width:auto;}
.eventTab a{color: #fff; font-size: 16px; line-height: 50px; display: inline-block; padding: 0 25px; font-weight:600;}
.section01 {background:#fff4d2; padding:0 0 30px;}
.section01 ul {padding:0 5%;}
.section01 ul li {padding:8% 5%; background:#fff; border-radius:15px; margin-bottom:10px;}
.section01 ul li:last-child {margin-bottom:0;}
.section01 ul li a {display:flex; justify-content:space-between; align-items:center;}
.section01 ul li a .title {font-size:14px; font-weight:500; color:#000;}
.section01 ul li a .title b {display:block; font-size:20px; font-weight:900; color:#000;}
.section01 ul li a .link {display:inline-block; padding:0 10px; line-height:32px; background:#000; color:#fff; font-size:14px; font-weight:500; border-radius:5px;}

.section02 {background:#ffe48f; padding:0 0 30px;}
.section02 ul {padding:0 5%; display:flex; flex-wrap:wrap; gap:10px;}
.section02 ul li {position:relative; display:inline-block; width:calc(50% - 5px); vertical-align:top;}
.section02 ul li:last-child {margin-bottom:0;}
.section02 ul li a {display:block;}
.section02 ul li a .title {position:absolute; top:10%; left:7%; font-size:14px; font-weight:500; color:#000;}
.section02 ul li a .title b {display:block; font-size:20px; font-weight:900; color:#000;}
.section02 ul li a .link {display:inline-block; padding:0 20px; line-height:35px; background:#000; color:#fff; font-size:15px; font-weight:500; border-radius:5px;}


.section03 {background:#fff4d2; padding:0 0 30px;}
.section03 ul {padding:0 5%;}
.section03 ul li {padding:7% 5%; background:#fff; border-radius:15px; margin-bottom:10px;}
.section03 ul li:last-child {margin-bottom:0;}
.section03 ul li a {display:flex; gap:15px; align-items:center;}
.section03 ul li a > div {display:inline-block; width:100%;}
.section03 ul li a .icon {width:18%;}
.section03 ul li a .title {font-size:14px; color:#777;}
.section03 ul li a .title b {display:block; font-size:18px; font-weight:900; color:#000; line-height:22px;}
.section03 a.link {margin:20px 5% 0; display:block; padding:0 4%; line-height:60px; color:#000; font-size:20px; font-weight:500; border-radius:10px; font-weight:700; border:2px solid #000; background:url(https://foretforet.hgodo.com/BRAND/05_FRFR/GUIDE/ico_arr.png) no-repeat right 20px top 50%; background-size:auto 15px;}

.section04 {background:#000; padding:0 0 30px;}
.section04 h2 {padding:5% 5% 2%; font-size:20px; color:#fff; font-weight:900;}
.section04 .iconList {padding:0 5%;}
.section04 .iconList ul {display:flex;}
.section04 .iconList ul li {display:inline-block; width:calc(25% - 9px); margin-right:12px;}
.section04 .iconList ul li:nth-child(4) {margin-right:0;}
.section04 .iconList.swiper-container ul li {margin-right:auto;} 
.section04 .iconList.swiper-container ul li:nth-child(4) {margin-right:auto;}
.section04 .iconList ul li a {display:block; position:relative;}
.section04 .iconList ul li .thumb {display:block; border-radius:100%; overflow:hidden;}
.section04 .iconList ul li .desc {position:absolute; top:0; left:0; border-radius:100%; background:rgba(0,0,0,0.4); color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:17px; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}

.section05 {background:#000; padding:0 0 30px;}
.section05 h2 {padding:5% 5% 2%; font-size:20px; color:#fff; font-weight:900;}
.section05 .iconList {padding:0 5%;}
.section05 .iconList ul {display:flex;}
.section05 .iconList ul li {display:inline-block; width:calc(25% - 9px); margin-right:12px;}
.section05 .iconList ul li:nth-child(4) {margin-right:0;}
.section05 .iconList.swiper-container ul li {margin-right:auto;} 
.section05 .iconList.swiper-container ul li:nth-child(4) {margin-right:auto;}
.section05 .iconList ul li a {display:block; position:relative;}
.section05 .iconList ul li .thumb {display:block; border-radius:100%; overflow:hidden;}
.section05 .iconList ul li .desc {position:absolute; top:0; left:0; border-radius:100%; background:rgba(0,0,0,0.4); color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:17px; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.section05 a.link {margin:30px 5% 0; display:block; padding:0 4%; line-height:60px; color:#000; font-size:20px; font-weight:500; border-radius:10px; font-weight:700; border:2px solid #f4d36c; background:#f4d36c url(https://foretforet.hgodo.com/BRAND/05_FRFR/GUIDE/ico_arr.png) no-repeat right 20px top 50%; background-size:auto 15px;}

.section06 {background:#fff4d2; padding:0 0 30px;}
.section06 ul {padding:0 5%;}
.section06 ul li {padding:4%; background:#fff; border-radius:15px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center;}
.section06 ul li .date {font-size:14px; font-weight:500; color:#000;}
.section06 ul li .title {font-size:20px; color:#000; font-weight:900;}
.section06 p {padding:15px 5% 30px; font-size:16px; font-weight:500;}
.section06 a.link {margin:0 5% 10px; display:block; padding:0 4%; line-height:60px; color:#000; font-size:20px; font-weight:500; border-radius:10px; font-weight:700; border:2px solid #000; background:url(https://foretforet.hgodo.com/BRAND/05_FRFR/GUIDE/ico_arr.png) no-repeat right 20px top 50%; background-size:auto 15px;}




.footer {margin-top:0 !important;}

/* BASIC css end */