html{background:#000000;}
body {background-size:contain; font-style:normal; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; font-display:block; font-size:14px; font-weight:500; color: #000000; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:16px;}
h1,h2,h3,h4,h5,h6,p {  font-family:serif; margin:0; color:#000000; line-height:1.7;text-align:center;}
p {font-size:21px;}
.blue-bg p {color:#ffffff;;}
h2 {font-size: 32px; line-height:1.75; color:#ffffff; margin:24px auto 60px; padding: 10px;  font-weight:900;}
#000000; margin-bottom: 64px;}
section {background-color:#000000;}
section .obi {
    width: 100%;
    text-align: center;
    padding: 24px 0;
    background: #000000;
}
section .obi img {    width: 80%;
    max-width: 460px; margin-bottom:60px;}
section .obi hr {    margin: 0 auto 60px;
    width: 120px;}
ol, ul { list-style: none; padding: 0;}
a, a:hover {text-decoration: none;}
small {font-size:80%;}
iframe {width: 100%;}
img.cover, video.cover {object-fit: cover; width: 100%; height: 100%;}
#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 180px;}
.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {text-decoration: none!important;}
/** humberger **/
header {
position: fixed;
    top: 108px;
    left: 0;
    background-image: url(/assets/special/oneteam/img/AD9I3224.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x:center;
    background-position-y:top;
    height: 70vh;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    z-index: -1;
}
header p {
    position: fixed;
    right: 24px;
    top: 120px;
    color:#ffffff;
    font-size:12px;
}
.main-logo {position: absolute; left: 50%; top: 18px; transform: translateY(0%) translateX(-50%);
    -webkit-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);}
.main-logo img {width: 240px;}
.slick-slider {padding: 0; margin: 0;}
.slick-dots {bottom: -50px;}
.slick-dots li {width: 80px; margin: 0 16px;}
.slick-dots li button {width:80px; height:10px;}
.slick-dots li button:before {background:#000000; opacity: .5; height:10px; content: '';}
.slick-dots li.slick-active button:before {background:#000000; opacity: 1;}
.slick-dots li button:before {width:100%;}
.slider{width:100vw; height:calc(100vh - 80px); left:0; margin:80px auto 0; text-align:center;}
.slider img{object-fit:cover; width:100%; height:calc(100vh - 80px); margin: 0 auto; text-align:center;}
.slick-next {right:25px; z-index: 10;}
.slick-prev {left:25px; z-index: 10;}
.slider h2 {margin:0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); border: none; color: #ffffff; font-weight: 700; font-size: 40px; line-height: 1.5;}
.slider h2 span {font-size:32px; font-weight:400;}
.slick-prev, .slick-next {width: 32px; height: 32px;}
.slick-prev::before {content: url(../img/arrow-pre.svg);}
.slick-next::before {content: url(../img/arrow-nex.svg);}
.contents-wrap { display:flex; flex-wrap: wrap;}
.contents-wrap .articles {width:50%; box-sizing: border-box; margin-bottom:64px;}
.contents-wrap .articles:nth-child(odd) {padding-right: 32px;}
.contents-wrap .articles:nth-child(even) {padding-left:32px;}
.contents-wrap .articles .main-image {}
table {width:100%;}
table td{font-weight: 700; color: #808080; line-height: 1; padding: 16px 0;}
table td:last-child {text-align: right;}
.contents-wrap .articles h4 {font-weight: 700; text-align: left; font-size: 24px; margin-bottom: 0;}
.category-icon {display: block; width: 32px; float: right;}

footer {
    background-image: url(/assets/special/oneteam/img/AdobeStock_211296767.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    background-position-x: center;
    width: 100%;
    box-sizing: border-box;
    margin: -10px 0 0;
    position: relative;
    padding: 80px 0;
}

footer a img {
    margin: 0 auto;
    max-width:90%;
    width: 800px;
    display: block;
}

footer a p {
color: #ffffff;
    font-size: 21px;
    margin-bottom: 32px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
footer p.credit {
    color: #ffffff;
    position: absolute;
    bottom: 12px;
    font-size: 12px;
    text-align: center;
    width: 100%;
}
.main-visual {width:100%; height:100vh; overflow:hidden; margin-top: 80px;}

.head-obi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000000;
    padding:24px 0;
}
.head-obi img {
height: 60px;
    margin: 0 auto;
    display: block;
}

section {
	margin-top: calc(70vh + 106px);
}
.bg-image-loop {
	width: 100%;
	height: auto; /* 画像の高さを指定 */
	position: relative;
	background: url("/assets/special/oneteam/img/scroll-bg.jpg") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 46s linear infinite; 
	height:600px;
}
.loop-inner {
    background-color: transparent;
    max-width: 800px;
    width: 90%;
    padding: 120px 0;
    box-sizing: border-box;
    margin: 0 auto;
}
.loop-inner p {
    color:#ffffff;
    font-size: 21px;
    line-height:3;
}
.bg-image-loop .loop-inner img {
    width: 120px;
    margin: 180px auto 0px;
    display: block;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1518px 0; } /* 1518pxとは使用した背景画像の長さ */
}

.pc {display:initial;}
.sp {display:none;}
._pc {display:block;}
._sp {display:none;}


@media screen and (max-width: 1199px) {
.contents-wrap {padding: 24px;}
.climb:after, .run:after, .ski:after {right: 24px;}
.main-visual {height: auto;}
.article-text h3:before {left: 24px;}
table td {padding: 16px 24px;}
.article-title {padding: 40px 24px;}
}

@media screen and (max-width: 639px) {
.pc {display:none;}
.sp {display:initial;}
._pc {display:none;}
._sp {display:block;}

.head-obi {
    padding: 18px 0;
}
.head-obi img {
height: 48px;
    margin: 0 auto;
    display: block;
}
header {
    top: 84px;
}
header p {
    top: 92px;
    font-size: 10px;
}
h2 {font-size:1.5rem;}
.loop-inner p { font-size: 18px;}
.bg-image-loop .loop-inner p {
    font-size: 9px;
}
.loop-inner {
    padding: 50px 0;
}
.bg-image-loop {
    height: 400px;
}
header {
    background-image: url(/assets/special/oneteam/img/AD9I3224-sp.jpg);
    height: 30vh;
}
section {
    margin-top: calc(30vh + 84px);
}
.contents-wrap .articles {width: 100%;}
}
}

