:root { --turquoise : #17FFFF; --gray : #B0B0B0; --black : #000; --white : #fff;}

.wrap { max-width:2560px; min-width:1440px; width:100%; margin: 0 auto; }

.ol-type-01 { list-style-type: none; counter-reset: item; margin: 0; padding: 0; margin-top: 60px;}
.ol-type-01 > li { display: table; counter-increment: item; margin-bottom: 0.6em; margin-bottom: 30px;}
.ol-type-01 > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em }
.ol-type-01 > li .ol-type-01 > li { margin: 0; margin-bottom: 12px;}
.ol-type-01 > li .ol-type-01 {margin-top: 0;}
.ol-type-01 > li .ol-type-01 > li:before { content: counters(item, ".") " ";}

.ol-type-02 > li {position: relative; padding-left: 20px;}
.ol-type-02 > li:before  {content:''; position:absolute; left:0; top:0; display: inline-block; font-size: 1.4rem;}
.ol-type-02 > li:first-child:before  {content:'①';}
.ol-type-02 > li:nth-child(2):before  {content:'②';}
.ol-type-02 > li:nth-child(3):before  {content:'③';}
.ol-type-02 > li:nth-child(4):before  {content:'④';}
.ol-type-02 > li:nth-child(5):before  {content:'⑤';}
.ol-type-02 > li:nth-child(6):before  {content:'⑥';}
.ol-type-02 > li:nth-child(7):before  {content:'⑦';}
.ol-type-02 > li:nth-child(8):before  {content:'⑧';}
.ol-type-02 > li:nth-child(9):before  {content:'⑨';}

.ol-type-03 > li {position: relative; padding-left: 20px;}
.ol-type-03 > li:before  {content:''; position:absolute; left:0; top:0; display: inline-block; font-size: 1.4rem;}
.ol-type-03 > li:first-child:before  {content:'1)';}
.ol-type-03 > li:nth-child(2):before  {content:'2)';}
.ol-type-03 > li:nth-child(3):before  {content:'3)';}
.ol-type-03 > li:nth-child(4):before  {content:'4)';}
.ol-type-03 > li:nth-child(5):before  {content:'5)';}
.ol-type-03 > li:nth-child(6):before  {content:'6)';}
.ol-type-03 > li:nth-child(7):before  {content:'7)';}
.ol-type-03 > li:nth-child(8):before  {content:'8)';}
.ol-type-03 > li:nth-child(9):before  {content:'9)';}

.ul-type-01 {list-style-type: disc;}

.ul-type-02 > li {position: relative; padding-left: 10px;}
.ul-type-02 > li:before  {content:'-'; position:absolute; left:0; top:0; display: inline-block; font-size: 1.4rem;}

ol li,
ul li {margin-top: 10px;}

.tab-container .tab-item-list {display: flex; gap:30px;}
.tab-container .tab-item {font-size: 1.4rem; padding:8px; font-weight: 700;}
.tab-container .tab-item.active {background: #000; color:#fff;}
.tab-container .tab-content {display:none; margin-top: 56px;}
.tab-container .tab-content.active {display: block;}
.tab-container .tab-content p + p {margin-top: 20px;}
.tab-container .tab-content .box {margin-top: 60px;}

header {width:100%; height: 84px; padding:26px 36px; box-sizing: border-box;background: rgba(255, 255, 255, 0.95); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
header .logo { background:url('../images/logo.svg') center no-repeat; width:300px; height: 32px;}
header .logo a {display: block; width:100%; height: 100%;}

.main-wrap main{ position: relative; background: url('../images/main.png') center no-repeat; height: calc(100vh - 203px); min-height:700px;  display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap:150px;}
.main-wrap .visual-wrapper {width:880px; margin:0 auto;}
.main-wrap .text-box { margin-top: 150px; text-align: center;}
.main-wrap .text { font-size: 2.2rem; line-height: 1.4; font-weight: 400; color:#fff; margin-bottom: 16px;}
.main-wrap .title { font-size: 4.2rem; font-weight: 700; line-height: 1.4; color:#fff;}
.main-wrap img {position:absolute; bottom:0; left:50%; transform: translateX(-50%);}


.policy-wrapper {width:880px; margin:80px auto 0; padding-bottom:60px;}
.policy-wrapper .text {margin-top: 10px;}
.policy-wrapper .box-title {margin-bottom: 10px;}




footer { display: flex; background: #000; color:#B0B0B0; width:100%; height: 119px; padding:26px 50px; box-sizing: border-box; justify-content: space-around; align-items: center;}
footer .f-logo {flex-shrink: 0; background:url('../images/f-logo.svg') center no-repeat;  width:100px;  height: 60px;}
footer .info { display: flex; gap:60px; font-size:1.2rem;}
footer .info > * {font-size: 1.2rem; width:250px;color:#B0B0B0;}
footer .copyright {font-size: 1.2rem;}