@charset "utf-8";
#tokiot_wrapper { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
@media all and (-ms-high-contrast: none) {
	#tokiot_wrapper { font-family:'メイリオ'; }
}
#tokiot_wrapper a { transition: opacity 0.4s ease; text-decoration:none; }
#tokiot_wrapper a.hover { opacity:0.7; }
/* wrapper  ----------------------- */
#tokiot_wrapper { background:#333; position:relative; overflow:hidden; color:#fff; }
#tokiot_container { padding-bottom:270px; }
.tokiot_content { width:80%; max-width:1240px; margin:0 auto; }
.contents { width:90%; max-width:1240px; margin:0 auto; }
.contents_sma { width:90%; max-width:1030px; margin:0 auto; }
#mbsGlobalFooter { position:relative; z-index:9; }

/* color  ----------------------- */

/* font  ----------------------- */

/*共通  ----------------------- */
.sp {
	display:none;
}
.mt0 { margin-top:0 !important; }
.all_new_line { display:inline-block; letter-spacing:inherit; font-family:inherit; }
.tokiot_all_text {
	line-height:2;
	letter-spacing:1px;
	font-weight:700;
	font-size:16px;
	-webkit-font-feature-settings:"palt";
	font-feature-settings:"palt";
}
.tokiot_all_text p:nth-child(n+2) {
	margin-top:0.5em;
}
.tokiot_all_logo {
	position:absolute;
	top:60px;
	right:55px;
	z-index:11;
}
.tokiot_all_breadcrumb {
	margin-bottom:110px;
	padding-top:60px;
	position:relative;
	z-index:2;
}
.tokiot_all_breadcrumb_list {
	padding:1px 0;
	white-space:nowrap;
	overflow:auto;
	letter-spacing:0;
	font-size:0;
	-ms-overflow-style:none;
	scrollbar-width:none;
}
.tokiot_all_breadcrumb_list::-webkit-scrollbar {
    display:none;
}
.tokiot_all_breadcrumb_list li {
	padding-right:40px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight:700;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	opacity:0.2;
}
.tokiot_all_breadcrumb_list li:last-child {
	padding-right:0;
	opacity:1;
}
.tokiot_all_breadcrumb_list li:after {
    content:"";
    background:#fff;
    width:24px;
    height:1px;
    position:absolute;
    right:9px;
    top:50%;
    display:block;
    transform:translateY(-50%);
}
.tokiot_all_breadcrumb_list li:last-child:after {
	display:none;
}
.tokiot_all_breadcrumb_list a {
	color:#fff;
}

.tokiot_all_scroll {
	width:350px;
	position:absolute;
	right:calc(100% - 60px);
	top:calc(100vh - 260px);
	transform:rotate(-90deg) translateX(1em);
	transform-origin:right bottom;
	text-align:right;
	letter-spacing:0.5px;
	font-weight:700;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_all_scroll span {
	background:#707070;
	width:251px;
	height:1px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:block;
	overflow:hidden;
}
.tokiot_all_scroll span:after {
    content:"";
    background:#fff;
    width:24px;
    height:1px;
    position:absolute;
    left:100%;
    top:0;
    display:block;
    animation-name: allScrollLine;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes allScrollLine{
	0%{left:100%;}
	100%{left:calc(-24px);}
}

.tokiot_all_arrow {
	width:48px;
	height:48px;
	position:absolute;
	display:block;
}
.tokiot_all_arrow_big {
	width:88px;
	height:88px;
}
.tokiot_all_arrow div,
.tokiot_all_arrow span {
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	transition: all 0.4s ease;
}
a.hover .tokiot_all_arrow div:nth-child(1),
a.hover .tokiot_all_arrow span:nth-child(1) {
	transform:translate(100%,-100%);
	opacity:0;
}
.tokiot_all_arrow div:nth-child(2),
.tokiot_all_arrow span:nth-child(2) {
	left:-43px;
	bottom:-43px;
	transform:rotate(90deg);
	opacity:0;
}
.tokiot_all_arrow_big div:nth-child(2),
.tokiot_all_arrow_big span:nth-child(2) {
	left:-79px;
	bottom:-79px;
}
a.hover .tokiot_all_arrow div:nth-child(2),
a.hover .tokiot_all_arrow span:nth-child(2) {
	left:0;
	bottom:0;
	transform:none;
	opacity:1;
}
.tokiot_all_arrow div:before,
.tokiot_all_arrow span:before {
    content:"";
    background:#fff;
    width:66px;
    height:2px;
    position:absolute;
    right:1px;
    top:0;
    display:block;
    transform:rotate(-45deg);
    transform-origin:center right;
}
.tokiot_all_arrow_big div:before,
.tokiot_all_arrow_big span:before {
	width:124px;
	height:4px;
}
.tokiot_all_arrow div:after,
.tokiot_all_arrow span:after {
    content:"";
    width:30px;
    height:30px;
    position:absolute;
    right:0;
    top:0;
    display:block;
    border-right:2px #fff solid;
    border-top:2px #fff solid;
}
.tokiot_all_arrow_big div:after,
.tokiot_all_arrow_big span:after {
	width:56px;
    height:56px;
     border-right:4px #fff solid;
    border-top:4px #fff solid;
}

.tokiot_all_back_list {
	padding:300px 40px 0 0;
	text-align:center;
}
.tokiot_all_back_list a {
	padding-left:83px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	letter-spacing:2px;
	font-weight:700;
	font-size:74px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}
#tokiot_wrapper .tokiot_all_back_list a.hover {
	opacity:1;
}
.tokiot_all_back_list .tokiot_all_arrow {
	left:0;
	top:calc(50% - 24px);
	transform:rotate(-90deg);
}
.tokiot_all_c_list_box {
	background:#333;
	width:622px;
	min-height:375px;
	padding:64px 50px 55px 30px;
	position:relative;
	display:inline-block;
	border:8px #fff solid;
	box-sizing:border-box;
	text-align:left;
	color:#fff;
}
#tokiot_wrapper .tokiot_all_c_list_box.hover { opacity:1; }
.tokiot_all_c_list li {
	position:relative;
	left:-1000px;
	transform:rotate(-100deg);
	transition: opacity 0.4s cubic-bezier(.28,.21,.05,.96), transform 1.2s cubic-bezier(.28,.21,.05,.96), top 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
	opacity:0;
}
.tokiot_all_c_list li.noanim { transition: none; }
.tokiot_all_c_list li:nth-child(2n) {
	left:2000px;
	transform:rotate(100deg);
}
.tokiot_all_c_list li.anime {
	top:0;
	left:0;
	transform:none;
	opacity:1;
}
.tokiot_all_c_list_top {
	margin-bottom:30px;
	padding:28px 0 28px 175px;
	position:relative;
}
.tokiot_all_c_list_head {
	letter-spacing:1px;
	font-weight:100;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_all_c_list_title {
	margin-top:10px;
	line-height:1.5;
	font-weight:700;
	font-size:22px;
}
.tokiot_all_c_list_foot {
	margin-top:15px;
	line-height:1.5;
	font-weight:700;
	font-size:14px
}
.tokiot_all_c_list_logo {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%); 
}
.tokiot_all_c_list_box .tokiot_all_arrow {
	right:30px;
	top:30px;
}
.tokiot_all_more {
	padding:210px 0 0;
	text-align:center;
}
.tokiot_all_more a {
	padding-bottom:75px;
	position:relative;
	display:inline-block;
	letter-spacing:2px;
	font-weight:700;
	font-size:48px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}
.tokiot_all_more a:before {
    content:"";
    background:#fff;
    width:88px;
    height:4px;
    position:absolute;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:block;
}
.tokiot_all_more a:after {
    content:"";
    background:#fff;
    width:4px;
    height:39px;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    display:block;
}
.tokiot_all_modal {
	width:100%;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	z-index:11;
	display:none;
}
.tokiot_all_modal ._video_sec {
	width:90%;
	max-width:1240px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	transform: translate(-50%,-50%);
}
.tokiot_all_modal ._video_sec ._close {
	background-color: transparent;
	width:50px;
	height:32px;
	position:absolute;
	right:0;
	top:-75px;
	border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
.tokiot_all_modal ._video_sec ._close:before,
.tokiot_all_modal ._video_sec ._close:after {
    content:"";
    background:#fff;
    width:50px;
    height:4px;
    position:absolute;
    left:0;
    top:50%;
    transform:rotate(35deg);
    display:block;
}
.tokiot_all_modal ._video_sec ._close:after {
	transform:rotate(-35deg);
}
.tokiot_all_modal ._video {
    width: calc(100% - 320px);
	padding-top: 41.613%;
    position: relative;
}
.tokiot_all_modal._one ._video {
	width:100%;
	padding-top:55%;
}
.tokiot_all_modal ._video iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_all_modal ._bg {
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_all_modal ._other {
	width: 268px;
	height: 150px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.tokiot_all_modal ._other ._bottom {
	position: absolute;
	top: -37px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #FFF;
}
.tokiot_all_modal ._other ._bideo {
	width: 100%;
	height: 100%;
}
.tokiot_all_modal ._other ._video_other {
	height: 100%;
	position: relative;
	display: block;
    letter-spacing: 0;
    font-size: 0;
}
.tokiot_all_modal ._other ._video_other:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.tokiot_all_modal ._other ._video_other iframe {
	width: 100%;
	height: 100%;
}

/*tokiot_detail*/
.tokiot_detail_mv {
	width:100%;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
}
.tokiot_detail_mv iframe {
	width:100%;
	height:100%;
}
.tokiot_detail_mv:after {
    content:"";
    background:#000;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
    opacity:0.8;
}
.tokiot_detail_mv img {
	width:100%;
	height:100%;
	object-fit: cover;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_detail_left {
	width:580px;
	position:fixed;
	bottom:75px;
	left:60px;
	z-index:3;
}
.tokiot_detail_left ._top {
	display:flex;
	align-items:center;
}
.tokiot_detail_left ._logo {
	width:102px;
}
#tokiot_wrapper .tokiot_detail_left ._logo a {
	display:block;
	transition:transform 0.4s ease;
	border-radius:50%;
	overflow:hidden;
}
#tokiot_wrapper .tokiot_detail_left ._logo a.hover {
	opacity:1;
	transform:scale(1.05);
}
.tokiot_detail_left ._logo img {
	width:100%;
}
.tokiot_detail_left ._main {
	width:calc(100% - 132px);
	padding-left:30px;
}
.tokiot_detail_left ._head {
	line-height:1.5;
	font-weight:700;
	font-size:32px;
	color:#fff;
}
.tokiot_detail_left ._time {
	margin-top:8px;
	line-height:1.5;
	font-weight:700;
	font-size:19px;
	color:#fff;
}
.tokiot_detail_left ._video_list {
	margin-top:115px;
	display:flex;
	justify-content:space-between;
}
.tokiot_detail_left ._video_list li {
	width:45%;
	box-sizing:border-box;
}
.tokiot_detail_left ._video_list ._video_sec {
	position:relative;
	display:block;
	border:8px #fff solid;
	box-sizing:border-box;
}
.tokiot_detail_left ._video_list ._video_sec:after {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
}
.tokiot_detail_left ._video_list ._video {
	padding:55% 0 0 0;
	position:relative;
	box-sizing:border-box;
}
.tokiot_detail_left ._video_list iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_detail_left ._bottom {
	margin-top:8px;
	line-height:1.5;
}
.tokiot_detail_left ._bottom ._part {
	margin-right:12px;
	font-weight:700;
	font-size:14px;
	font-family:'Roboto', sans-serif;
}
.tokiot_detail_left ._bottom ._text {
	font-weight:700;
	font-size:16px;
}
.tokiot_detail_container {
	padding-top:40px;
	position:relative;
	z-index: 2;
}
.tokiot_detail_content {
	width:39.84%;
	margin-left:auto;
}
.tokiot_detail_title {
	line-height:1.81;
	font-weight:700;
	font-size:27px;
	color:#fff;
}
.tokiot_detail_title + .tokiot_detail_part {
	margin-top:88px;
}
.tokiot_detail_part + .tokiot_detail_part {
	margin-top:80px;
}
.tokiot_detail_part_head {
	font-weight:700;
	font-size:20px;
	color:#fff;
	font-family:'Roboto', sans-serif;
}
.tokiot_detail_part_head + .tokiot_detail_part_title {
	margin-top:25px;
}
.tokiot_detail_part_title {
	line-height:1.7;
	letter-spacing:0.03em;
	font-weight:700;
	font-size:22px;
	color:#fff;
}
.tokiot_detail_part_title + .tokiot_detail_text {
	margin-top:18px;
}
.tokiot_detail_text {
	line-height:2.2;
	font-size:16px;
}

/* #header ヘッダー
=========================================== */
#mbsGlobalHeader { position:relative; z-index:9; }
.tokiot_header_dummy { height:59px; position:relative; z-index:9; }
#tokiot_header {
	background:rgba(51,51,51,0.98);
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	opacity:0;
	transform:translateY(-100%);
	transition: transform 0.1s 0.4s ease, opacity 0.4s ease;
}
#tokiot_header.on {
	opacity:1;
	transform:translateY(0%);
	transition: transform 0.1s ease, opacity 0.4s 0.1s ease;
}
.tokiot_header_list {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
}
.tokiot_header_list li:nth-child(n+2) {
	margin-top:110px;
}
.tokiot_header_list a {
	display:inline-block;
	color:#fff;
}
.tokiot_header_list a p:nth-child(1) {
	letter-spacing:0.5px;
	font-weight:700;
	font-size:56px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_header_list a p:nth-child(2) {
	margin-top:15px;
	letter-spacing:0.5px;
	font-weight:700;
	font-size:24px;
}
.tokiot_header_ham {
	width:64px;
	height:64px;
	position:fixed;
	left:60px;
	top:98px;
	z-index:11;
	mix-blend-mode:exclusion;
	cursor:pointer;
}
.tokiot_header_ham:before,
.tokiot_header_ham:after {
    content:"";
    background:#fff;
    width:64px;
    height:4px;
    position:absolute;
    left:0;
    top:calc(50% - 10px);
    display:block;
    transition: width 0.4s ease, transform 0.4s ease, top 0.4s ease;
}
.tokiot_header_ham:after {
	width:32px;
	top:calc(50% + 6px);
}
.tokiot_header_ham.hover:after {
	width:64px;
}
.tokiot_header_ham.on:before {
	top:calc(50% - 2px);
	transform:rotate(225deg);
}
.tokiot_header_ham.on:after {
	width:64px;
	top:calc(50% - 2px);
	transform:rotate(-225deg);
}

/* #tokiot_top　トップページ
=========================================== */
.tokiot_top #tokiot_container { padding-bottom:0; }
.tokiot_top_mv_sec {
	height:1032px;
}
.tokiot_top_mv {
	width:100%;
	max-width:1600px;
	margin:0 auto;
	position:relative;
}
.tokiot_copyright {
	width:430px;
	position:absolute;
	right:88px;
	top:210px;
	z-index:2;
	transform:rotate(-90deg) translate(-50%, 215px);
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box {
	background:#333;
	width:584px;
	height:346px;
	position:absolute;
	left:calc(50% - 300px);
	top:235px;
	border:8px #fff solid;
}
.tokiot_top_mv_box_logo {
	transform:rotateZ(40deg) rotateY(40deg) rotateX(40deg) translate3d(-2000px,-2000px,0) scale(5);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.5s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_mv_box_logo.anime {
	transform:none;
	opacity:1;
}
.tokiot_top_mv_box_logo img {
	width:248px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-40%);
}
.tokiot_top_mv_box_logo { z-index:5; }
.tokiot_top_mv_box_schedule {
	top:-1045px;
	left:calc(50% - 1620px);
	z-index:4;
	transform:rotateZ(-300deg);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_mv_box_schedule.anime {
	top:-45px;
	left:calc(50% - 620px);
	transform:none;
	opacity:1;
}
.tokiot_top_mv_box_schedule_content {
	width:87%;
	position:absolute;
	left:50%;
	top:48%;
	transform:translate(-50%,-50%);
}
.tokiot_top_mv_box_schedule_text {
	margin-top:18px;
	font-weight:700;
	font-size:62px;
	font-family: 'Roboto', sans-serif;
	white-space:nowrap;
}
.tokiot_top_mv_box_schedule_text ._left {
	margin-right:20px;
	display:inline-block;
	vertical-align:middle;
	line-height:1.3;
}
.tokiot_top_mv_box_schedule_text ._top {
	display:block;
	font-size:21px;
}
.tokiot_top_mv_box_schedule_text ._bottom {
	display:block;
	font-size:27px;
}
.tokiot_top_mv_box_schedule_text ._right {
	display:inline-block;
	vertical-align:middle;
}
.tokiot_top_mv_box_title {
	top:1390px;
	left:calc(50% + 1045px);
	z-index:3;
	transform:rotateZ(300deg);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_mv_box_title.anime {
	top:390px;
	left:calc(50% + 45px);
	transform:none;
	opacity:1;
}
.tokiot_top_mv_box_title_content {
	width:calc(100% - 57px);
	position:absolute;
	right:22px;
	bottom:22px;
}
.tokiot_top_mv_box_title_head {
	width:255px;
	margin-left:auto;
	font-weight:700;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	white-space:nowrap;
}
.tokiot_top_mv_box_title_name {
	width:255px;
	margin-top:5px;
	margin-left:auto;
	font-weight:700;
	font-size:34px;
	font-family: 'Roboto', sans-serif;
	white-space:nowrap;
}
.tokiot_top_mv_box_title_start {
	margin-top:15px;
}
.tokiot_top_mv_box_mc {
	left:calc(50% - 1080px);
	top:1643px;
	z-index:1;
	transform:rotateZ(-300deg);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_mv_box_mc.anime {
	left:calc(50% - 80px);
	top:643px;
	transform:none;
	opacity:1;
}
.tokiot_top_mv_box_mc_content {
	width:80%;
	position:absolute;
	top:55%;
	left:50%;
	transform:translate(-50%,-50%);
}
.tokiot_top_mv_box_mc_head {
	font-weight:700;
	font-size:32px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_mc_name {
	margin-top:12px;
	font-weight:700;
	font-size:48px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_mc_position {
	margin-top:40px;
	font-weight:700;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_scroll {
	left:calc(50% - 1865px);
	top:1670px;
	opacity:0;
	z-index:2;
	transform:rotateZ(-300deg);
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_mv_box_scroll.anime {
	left:calc(50% - 865px);
	top:670px;
	transform:none;
	opacity:1;
}
.tokiot_top_mv_box_scroll_content {
	width:calc(79.6% - 30px);
	height:251px;
	padding-left:30px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	overflow:hidden;
}
.tokiot_top_mv_box_scroll_content:before {
    content:"";
    background:#fff;
    width:1px;
    height:24px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    display:block;
    animation-name: scrollLine;
    animation-duration: 2.3s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes scrollLine{
	0%{top:-24px;}
	100%{top:100%;}
}
.tokiot_top_mv_box_scroll_content:after {
    content:"";
    background:#707070;
    width:1px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
}
.tokiot_top_mv_box_scroll_head {
	font-weight:700;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_scroll_copyright {
	margin-top:5px;
	line-height:1.5;
	font-weight:700;
	font-size:10px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_scroll_copyright br { display:none; }
.tokiot_top_mv_box_scroll_main {
	margin-top:10px;
	font-weight:700;
	font-size:32px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_scroll_date {
	margin-top:115px;
	font-weight:700;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_mv_box_scroll_text {
	margin-top:10px;
	font-weight:700;
	font-size:28px;
	font-family: 'Roboto', sans-serif;
}

.tokiot_card {
	background:#000;
	max-width:1134px;
	position:relative;
	z-index:3;
	border:8px #fff solid;
	box-sizing:border-box;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_back_number_main {
	left: calc(100% + 580px);
	transform:rotateZ(300deg);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_back_number.tbn2 .tokiot_top_back_number_main {
	left: 0;
	transform:none;
	opacity:1;
}
.tokiot_card a { position:relative; display:block; color:#fff; }
.tokiot_card_deco {
	width:200px;
	position:absolute;
	left:32px;
	top:32px;
	transform:rotate(90deg) translateX(-1em);
	transform-origin:left bottom;
	line-height:1;
	letter-spacing:0.5px;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_card_head {
	margin-bottom:70px;
	font-weight:700;
	font-size:131px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_card_text {
	padding-top:25px;
	border-top:4px #fff solid;
	line-height:1.5;
	font-weight:700;
	font-size:24px;
}

.tokiot_top_back_number {
	width:95%;
	margin-top:395px;
	position:relative;
}
.tokiot_top_back_number_bg1,
.tokiot_top_back_number_bg2 {
    background:#333;
    width:442px;
    height:731px;
    position:absolute;
    left:calc(50% - 1865px);
    top:-105px;
    display:block;
    transform:rotateZ(-300deg);
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
    border:8px #fff solid;
    box-sizing:border-box;
    z-index:2;
    opacity:0;
}
.tokiot_top_back_number_bg2 {
	width:696px;
    height:420px;
    left:calc(50% - 1865px);
    top:-190px;
    transform:rotateZ(-300deg);
	z-index:1;
}

.tokiot_top_back_number.tbn1 .tokiot_top_back_number_bg1 {
	left:-280px;
	transform:rotate(-4deg);
	opacity:1;
}
.tokiot_top_back_number.tbn3 .tokiot_top_back_number_bg2 {
	left:-120px;
	transform:rotate(9deg);
	opacity:1;
}
.tokiot_top_back_number .tokiot_card a {
	padding:170px 95px 150px;
}
#tokiot_wrapper .tokiot_top_back_number .tokiot_card a.hover {
	opacity:1;
}
.tokiot_top_back_number_bottom {
	padding-right:210px;
	position:relative;
}
.tokiot_top_back_number_title_sec {
	padding-top:28px;
	border-top:4px #fff solid;
	letter-spacing:0;
	font-size:0;
}
.tokiot_top_back_number_title_number {
	width:130px;
	padding-left:35px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:68px;
	font-family: 'Roboto', sans-serif;
	box-sizing:border-box;
}
.tokiot_top_back_number_title_number:after {
    content:"＃";
    position:absolute;
    left:0;
    top:0.1em;
    display:block;
    font-size:43px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_back_number_title {
	width:calc(100% - 130px);
	margin-top:-4px;
	display:inline-block;
	vertical-align:top;
	line-height:1.5;
	font-weight:700;
	font-size:24px;
	box-sizing:border-box;
}
.tokiot_top_back_number_foot {
	margin-top:30px;
	font-size:16px;
}
.tokiot_top_back_number .tokiot_all_arrow {
	right:0;
	top:0;
}
.tokiot_top_back_number .tokiot_top_back_number_video_card {
	max-width:922px;
	margin:-85px 0 0 auto;
	padding:0;
	position: relative;
	left: calc(100% + 580px);
	transform:rotateZ(300deg);
	z-index:4;
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_back_number.tbn4 .tokiot_top_back_number_video_card {
	left: 0;
	transform:none;
	opacity:1;
}
.tokiot_top_back_number_video {
	padding:56.25% 0 0 0;
	position:relative;
	box-sizing:border-box;
}
.tokiot_top_back_number_video iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_top_back_number_img { padding:0 !important; font-size:0; }
.tokiot_top_back_number_img img { width:100%; }

.tokiot_top_middle_wrapper { margin-top:100px; }
.tokiot_top_middle {
	width:95%;
	max-width:1480px;
	position:relative;
}
.tokiot_top_middle .tokiot_card {
	background:#fff;
	max-width:none;
	padding:285px 215px 205px;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
	left:calc(-100% - 1000px);
	transform: rotate(-150deg);
	border-color:#333;
	color:#1A1A1A;
	opacity:0;
}
.tokiot_top_middle.ttm3 .tokiot_card {
	left:0;
	transform: none;
	opacity:1;
}
.tokiot_top_middle .tokiot_card .tokiot_card_head {
	text-align:center;
}
.tokiot_top_middle_bottom {
	padding-top:35px;
	border-top:4px #1A1A1A solid;
	line-height:1.7;
	font-weight:700;
	font-size:24px;
	color:#1A1A1A;
}
.tokiot_top_middle_bg1,
.tokiot_top_middle_bg2 {
    content:"";
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
    border:8px #333 solid;
    box-sizing:border-box;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_middle_bg1 {
	z-index:1;
	left:calc(-100% - 1000px);
	transform:rotate(-150deg);
	opacity:0;
}
.tokiot_top_middle_bg2 {
	z-index:2;
	left:calc(50% + 1865px);
	transform:rotate(150deg);
	opacity:0;
}
.tokiot_top_middle.ttm1 .tokiot_top_middle_bg1 {
	transform:rotate(7deg);
	left:0;
	opacity:1;
}
.tokiot_top_middle.ttm2 .tokiot_top_middle_bg2 {
	transform:rotate(3deg);
	left:0;
	opacity:1;
}
.tokiot_top_middle_skel { position: absolute; left: 0; top: 0; opacity: 0; z-index: -100; }
.tokiot_top_middle_wrapper { position: relative; }
.tokiot_top_middle_wrapper_skel { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; z-index: -100; overflow: scroll; }
.tokiot_top_middle_wrapper_skel span { width: 100%; height: calc(100% + 10000px); position: absolute; top: 0; left: 0; }

.tokiot_top_main_cast_wrapper {
	margin-top: 200px;
}
.tokiot_top_main_cast { width:95%; margin-top:205px; }
.tokiot_top_main_cast_main {
	max-width:1225px;
	position:relative;
	left:-230px;
	box-sizing:border-box;
}
.tokiot_top_main_cast_main .tokiot_card {
	max-width:1225px;
	padding:220px 275px 210px 225px;
	left:1000px;
	transform:rotate(100deg);
	opacity:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
}
.tokiot_top_main_cast_main.tmcm3 .tokiot_card {
	left:0;
	transform:none;
	opacity:1;
}
.tokiot_top_main_cast_main_bg1,
.tokiot_top_main_cast_main_bg2 {
    content:"";
    background:#333;
    width:731px;
    height:442px;
    position:absolute;
    left:-1065px;
    top:-40px;
    z-index:2;
    display:block;
    transform:rotate(-204deg);
    border:8px #fff solid;
    box-sizing:border-box;
    transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_main_cast_main .tokiot_top_main_cast_main_bg2 {
	left:-1150px;
    top:-90px;
	z-index:1;
}
.tokiot_top_main_cast_main.tmcm2 .tokiot_top_main_cast_main_bg1 {
	left:-65px;
	transform:rotate(-4deg);
	opacity:1;
}
.tokiot_top_main_cast_main.tmcm1 .tokiot_top_main_cast_main_bg2 {
	left:-150px;
    transform:rotate(-4deg);
    opacity:1;
}
.tokiot_top_main_cast_main .tokiot_card_deco {
	left:auto;
	right:-147px;
}
.tokiot_top_main_cast_main_bg {
    content:"";
    background:#333;
    width:442px;
    height:731px;
    position:absolute;
    left:1115px;
    bottom:-205px;
    display:block;
    transform:rotate(106deg);
    border:8px #fff solid;
    box-sizing:border-box;
    transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_main_cast_main.tmcm4 .tokiot_top_main_cast_main_bg {
	left:115px;
	opacity:1;
	transform:rotate(6deg);
}

.tokiot_top_main_cast_item { 
    margin-top:-100px; 
    position:relative; 
    z-index:3; 
}
.tokiot_top_main_cast_img {
	max-width:922px;
	position:relative;
	z-index:3;
	left:1000px;
	transform:rotate(97deg);
	border:8px #fff solid;
	box-sizing:border-box;
	font-size:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_team_cast_img {
    max-width: 752px;
	position: relative;
	z-index: 2;
	left: -100px;
    margin-top: -2%;
	transform:rotate(-50deg);
	border:8px #fff solid;
	box-sizing:border-box;
	font-size:0;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_team_cast_img img {
    width: 100%;
}
.tokiot_top_team_cast_img.is-active {
    left: 20%;
	opacity: 1;
	transform:rotate(5deg);
}
@media (max-width: 768px) {
    .tokiot_top_team_cast_img.is-active {
        left: 0;
        margin-top: 15%;
        border-width: 4px;
    }
    .tokiot_top_team_cast_img.is-active {
        transform:rotate(3deg);
    }
}
.tokiot_top_team_cast_img {

}
.tokiot_top_main_cast_item.ttmci1 .tokiot_top_main_cast_img {
	left:0;
	transform:rotate(-7deg);
	opacity:1;
}
.tokiot_top_main_cast_img img {
	width:100%;
}
.tokiot_main_cast_card {
	max-width:710px;
	margin:-155px 0 0 auto;
	position:relative;
	z-index:3;
	box-sizing:border-box;
}
.tokiot_main_cast_card_bg {
    content:"";
    background:#333;
    width:100%;
    height:100%;
    position:absolute;
    left:970px;
    top:30px;
    display:block;
    transform:rotate(103deg);
    border:8px #fff solid;
    box-sizing:border-box;
    transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_main_cast_item.ttmci2 .tokiot_main_cast_card_bg {
	left:-30px;
	transform:rotate(3deg);
	opacity:1;
}
.tokiot_main_cast_card .tokiot_card {
	background:#333;
	padding:60px 100px 100px;
	left:1000px;
	transform:rotate(100deg);
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_main_cast_item.ttmci3 .tokiot_main_cast_card .tokiot_card {
	left:0;
	transform:none;
	opacity:1;
}
.tokiot_top_main_cast_item.noanim .tokiot_main_cast_card .tokiot_card {
	transition: none;
}
.tokiot_top_main_cast_head {
	margin-bottom:75px;
	text-align:right;
	font-weight:700;
	font-size:34px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_main_cast_name {
	margin:8px 0 30px;
	font-weight:700;
	font-size:43px;
}
.tokiot_top_company { margin-top:360px; }
.tokiot_top_company_main {
	width:85%;
	max-width:1225px;
	position:relative;
	transform:translateX(20%);
}
.tokiot_top_company_main_bg1 {
    background:#333;
    width:817px;
    height:494px;
    position:absolute;
    right:-1115px;
    top:-80px;
    display:block;
    transform:rotate(107deg);
    border:8px #fff solid;
    box-sizing:border-box;
    transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), right 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_company_main.ttcm1 .tokiot_top_company_main_bg1 {
	right:-115px;
	transform:rotate(7deg);
	opacity:1;
}
.tokiot_top_company_main_bg2 {
	background:#333;
	width:41.6vw;
	height:68.8vw;
	position:absolute;
	left:-1000px;
	top:-17vw;
	z-index:2;
	display:block;
	transform:rotate(-100deg);
	border:4px #fff solid;
	box-sizing:border-box;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
	opacity:0;
}
.tokiot_top_company_main.ttcm1 .tokiot_top_company_main_bg2 {
	left:-12vw;
	transform:rotate(-4deg);
}
.tokiot_top_company .tokiot_card {
	max-width:1225px;
	margin-left:auto;
	left:1000px;
	transform:rotate(100deg);
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96),top 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_top_company_main.ttcm2 .tokiot_card  {
	left:0;
	transform:none;
	opacity:1;
}
.tokiot_top_company .tokiot_card a {
	padding:260px 110px 230px;
	position:relative;
}
#tokiot_wrapper .tokiot_top_company .tokiot_card a.hover {
	opacity:1;
}
.tokiot_top_company .tokiot_card .tokiot_card_head {
	margin-bottom:40px;
}
.tokiot_top_company .tokiot_card .tokiot_card_text {
	width:calc(100% - 150px);
	max-width:675px;
	box-sizing:border-box;
}
.tokiot_top_company_main .tokiot_all_arrow {
	bottom:155px;
	right:160px;
}
.tokiot_top_company_list { margin-top:-45px; position:relative; z-index:6; }
.tokiot_top_company_list .tokiot_all_c_list li:nth-child(5n-4) {
	margin-top:100px;
}
.tokiot_top_company_list .tokiot_all_c_list li:nth-child(5n-3) {
	max-width:1080px;
	margin-top:-45px;
	text-align:right;
}
.tokiot_top_company_list .tokiot_all_c_list li:nth-child(5n-2) {
	max-width:1010px;
	margin-top:-25px;
	position:relative;
	z-index:3;
}
.tokiot_top_company_list .tokiot_all_c_list li:nth-child(5n-1) {
	width:87%;
	max-width:1330px;
	margin-top:-45px;
	text-align:right;
}
.tokiot_top_company_list .tokiot_all_c_list li:nth-child(5n) {
	width:87%;
	max-width:1410px;
	margin-top:-250px;
}
.tokiot_top_company_list .tokiot_all_c_list li:first-child {
	margin-top:0;
}
.tokiot_top_view_all {
	margin-top:225px;
	text-align:center;
}
.tokiot_top_view_all a {
	padding-right:75px;
	position:relative;
	display:inline-block;
	font-weight:700;
	font-size:74px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
#tokiot_wrapper .tokiot_top_view_all a.hover { opacity:1; }
.tokiot_top_view_all .tokiot_all_arrow {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.tokiot_top_external_link { margin-top:430px; position:relative; z-index:2; }
.tokiot_top_external_link_contact { transform:translateX(-25%); }
.tokiot_top_external_link_twitter { margin:-390px 0 0 auto; transform:translateX(28%); }
.tokiot_top_external_link .tokiot_card { max-width:870px; }
.tokiot_top_external_link a { background:#1C1C1C; display:block; box-sizing:border-box; }
.tokiot_top_external_link_contact a {
	padding:200px 105px 175px;
}
.tokiot_top_external_link_twitter a {
	padding:200px 80px 175px;
}
#tokiot_wrapper .tokiot_top_external_link_contact a.hover,
#tokiot_wrapper .tokiot_top_external_link_twitter a.hover {
	opacity:1;
}
.tokiot_top_external_link_head {
	padding-right:110px;
	position:relative;
	display:inline-block;
	font-weight:700;
	font-size:81px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_external_link_head .tokiot_all_arrow {
	right:0;
	top:8px;
}
.tokiot_top_external_link_title {
	margin-top:10px;
	line-height:1.5;
	font-weight:700;
	font-size:24px;
}
.tokiot_top_partner {
	background:#1C1C1C;
	margin-top:-128px;
	padding:320px 0 140px;
}
.tokiot_top_partner_sec + .tokiot_top_partner_sec { margin-top:110px; }
.tokiot_top_partner_head {
	text-align:center;
	line-height:1.2;
	font-weight:700;
	font-size:64px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_partner_title {
	margin-top:10px;
	text-align:center;
	font-weight:700;
	font-size:24px;
}
.tokiot_top_partner_list {
	max-width:922px;
	margin:45px auto 0;
	letter-spacing:0;
	font-size:0;
}
.tokiot_top_partner_list._one { text-align:center; }
.tokiot_top_partner_list li {
	width:31.1%;
	display:inline-block;
	vertical-align:top;
}
.tokiot_top_partner_list li:nth-child(n+2) {
	margin-left:3.35%;
}
.tokiot_top_partner_list li:nth-child(3n-2) { margin-left:0; }
.tokiot_top_partner_list li:nth-child(n+4) {
	margin-top:30px;
}
.tokiot_top_partner_list img {
	max-width:286px;
	width:100%;
}
.tokiot_top_partner_foot {
	max-width:922px;
	margin:65px auto 0;
	letter-spacing:0;
	text-align:center;
	font-weight:700;
	font-size:0;
}
.tokiot_top_partner_foot dl {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:0;
	font-size:0;
}
.tokiot_top_partner_foot dl:nth-child(1) { margin-right:45px; }
.tokiot_top_partner_foot dt {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}
.tokiot_top_partner_foot dt:after { content:"："; }
.tokiot_top_partner_foot dd {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
}
.tokiot_top_partner_video {
	width: 100%;
	max-width: 1024px;
	margin: 65px auto 125px;
	border: 8px solid #FFF;
	box-sizing: border-box;
}
.tokiot_top_partner_video ._inner {
	padding-top:56.25%;
	position:relative;
}
.tokiot_top_partner_video a {
	display: block;
}
.tokiot_top_partner_video img {
	width: 100%;
}
.tokiot_top_partner_video iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.all_ttl_line { padding-right: 200px; position: relative; }
.all_ttl_line ._en { margin-bottom: 48px; font-weight: 700; font-size: 100px; font-family: 'Roboto', sans-serif; }
.all_ttl_line ._txt { width: 100%; max-width: 685px; min-height:42px; margin-left: 10px; padding-top: 45px; display: inline-block; border-top: 4px #fff solid; line-height: 1.5; font-weight: 700; font-size: 24px; }
.all_ttl_line ._txt._small { padding-top: 37px; font-size: 18px; }
.all_ttl_line._alt { padding-right: 0; }
.all_ttl_line._alt ._en { margin-bottom: 33px; }
.all_ttl_line._alt ._txt { margin-left: 0; }
.all_ttl_line._big { padding-right: 0; }
.all_ttl_line._big ._en { margin-bottom: 68px; font-size: 131px; }
.all_ttl_line._big ._txt { max-width: 610px; margin-left: 0; position: relative; }
.all_ttl_line._big ._txt span { position: absolute; top: 30px; left: 10px; }
.tokiot_top .all_ttl_line._big ._txt { padding-left: 180px; }
.all_ttl_line_under { margin-top: 35px; font-weight: 600; font-size: 16px; }
.view_all_link { display: inline-block; position: absolute; right: 0; bottom: 15px; }
.view_all_link a { padding-right: 30px; position: relative; display: block; line-height: 1; letter-spacing: 2px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 25px; color: #FFF; }
.view_all_link a:after { content: ""; background: url(../images/all_arrow_diag.svg) no-repeat center / contain; width: 18px; height: 18px; position: absolute; right: 0; top: 4px; transition: all .4s; }
.view_all_link a:hover { opacity: 1 !important; }
.view_all_link a:hover:after { right: -8px; top: -5px; }
.top_archive_slider_link_sp { margin-top: 30px; display: none; text-align: center; }
.top_archive_slider_link_sp a { font-size: 30px; }
.view_all_link._sp { display: none; }
.view_all_link._pc { display: inline-block; }
@media (max-width: 1600px) {
	.all_ttl_line ._en { font-size: 6.25vw; }
	.all_ttl_line._big ._en { font-size: 8.20vw; }
}

.top_archive { margin: 285px auto 0; }
.top_archive_slider._pc_version { display: block; }
.top_archive_slider._sp_version { display: none; }
.top_archive_slider { margin-top: 95px; }
.top_archive_slider ._bottom { margin-top: 40px; }
.top_archive_slider .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.top_archive_slider a { display: block; letter-spacing: 0; font-size: 0; }
.top_archive_slider ._el { width: 465px; display: inline-block; }
.top_archive_slider ._video { background: #FFF; width: 100%; padding: 8px; box-sizing: border-box; }
.top_archive_slider ._video ._img { width: 100%; display: block; overflow: hidden; }
.top_archive_slider ._video img { width: 100%; transition: all .4s; }
.top_archive_slider a:hover { opacity: 1 !important; }
@media (min-width: 1024px) {
	.top_archive_slider a:hover ._video ._img img { transform: scale(1.02); }
}
.top_archive_slider ._content { width: 100%; min-height:100px; padding: 10px 0; position: relative; display:flex; flex-direction:column; justify-content:center; text-align:left; }
.top_archive_slider ._content ._comp { width: 90px; display: inline-block; position: absolute; top:50%; left: 0; transform:translateY(-50%); }
.top_archive_slider ._content ._comp img { width: 100%; }
.top_archive_slider ._content ._ttl { padding-left: 120px; line-height: 1.5; letter-spacing: 0; font-weight: 600; font-size: 20px; color: #FFF; }
.top_archive_slider ._content ._subttl { padding-left: 120px; line-height: 1.5; letter-spacing: 0; font-weight: 600; font-size: 14px; color: #FFF; }

.top_backnumber { margin: 195px auto 0; }
.top_backnumber .all_card { margin-top: 78px; font-size:0; }

.all_card { border: 8px solid #FFF; }
.all_card_link { display: block; }
.all_card_link img { width: 100%; }

.all_bottom_external { background: #1c1c1c; margin-top: 125px; padding-top: 118px; padding-bottom: 125px; border-top: 4px solid #FFF; }
.all_bottom_external ._el { background: #333; width: 43%; display: inline-block; vertical-align: top; border: 8px solid #FFF; box-sizing: border-box; }
.all_bottom_external ._el:nth-child(n+2) { margin-left: 7%; }
.all_bottom_external a { padding: 53px 0 43px 70px; position: relative; display: block; }
.all_bottom_external .contents { letter-spacing: 0; font-size: 0; }
.all_bottom_external ._head { font-family: 'Roboto', sans-serif; font-size: 50px; font-weight: 600; color: #FFF; }
.all_bottom_external ._ttl { margin-top: 33px; font-weight: 600; font-size: 24px; color: #FFF; }
.all_bottom_external .tokiot_all_arrow { position: absolute; right: 20px; top: 23px; }

/* #tokiot_all_company　COMPANY LISTと下層
=========================================== */
.tokiot_all_company_mv { width:calc(100% - 55px); position:relative; }
.tokiot_all_company_mv:after {
    content:"";
    width:100%;
    height:100%;
    max-width:1028px;
    position:absolute;
    left:1055px;
    top:70px;
    display:block;
    transform:rotate(100deg);
    border:8px #fff solid;
    box-sizing:border-box;
    transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_all_company_mv.anime:after {
	left:55px;
	transform:none;
	opacity:1;
}
.tokiot_all_company_mv_content {
	background:#1C1C1C;
	max-width:1028px;
	min-height:619px;
	padding:160px 100px 200px;
	position:relative;
	left:-1000px;
	z-index:2;
	transform:rotate(-100deg);
	border:8px #fff solid;
	color:#fff;
	box-sizing:border-box;
	transition: opacity 0.4s ease, transform 1.2s cubic-bezier(.28,.21,.05,.96), left 1.2s cubic-bezier(.28,.21,.05,.96);
    opacity:0;
}
.tokiot_all_company_mv.anime .tokiot_all_company_mv_content {
	left:0;
	transform:none;
	opacity:1;
}

/* #tokiot_company　COMPANY LIST
=========================================== */
.tokiot_company_mv_item {
	max-width:710px;
	position:relative;
}
.tokiot_company_mv_item_head {
	line-height:1;
	font-weight:700;
	font-size:96px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_company_mv_item_title {
	margin-top:75px;
	padding-top:40px;
	border-top:4px #fff solid;
	line-height:1.6;
	font-weight:700;
	font-size:18px;
}
.tokiot_company_mv_item .tokiot_all_arrow {
	right:-15px;
	bottom:-60px;
	transform:rotate(135deg);
	animation-name: companyScroll;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes companyScroll {
	0%{transform:rotate(135deg) translate(-4px,4px); }
	50%{transform:rotate(135deg) translate(4px,-4px); }
	100%{transform:rotate(135deg)translate(-4px,4px); }
}
.tokiot_company_list_sec {
	margin-top:-75px;
	position:relative;
	z-index:3;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(1) {
	max-width:1030px;
	text-align:left;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(2) {
	max-width:1110px;
	margin-top:-42px;
	text-align:right;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(3) {
	max-width:970px;
	margin-top:-25px;
	text-align:left;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(4) {
	width:87%;
	max-width:1380px;
	margin-top:-45px;
	text-align:right;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(5) {
	width:87%;
	max-width:1380px;
	margin-top:-250px;
	text-align:left;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(6) {
	max-width:1000px;
	margin-top:-60px;
	text-align:right;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(7) {
	margin-top:-35px;
	text-align:left;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(2n+8) {
	max-width:1110px;
	margin-top:-45px;
	text-align:right;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(2n+9) {
	max-width:1110px;
	margin-top:-45px;
	text-align:left;
}
.tokiot_company_list_sec .tokiot_all_c_list li:first-child {
	margin-top:0;
}
.tokiot_company_list_sec .tokiot_all_c_list li:nth-child(n+7) {
	display:none;
}

/* #tokiot_company_detail　COMPANY DETAIL
=========================================== */
.tokiot_company_detail .tokiot_all_company_mv_content { background:#333; padding-bottom:70px; }
.tokiot_company_detail_mv_top {
	padding-right:220px;
	position:relative;
}
.tokiot_company_detail_mv_head {
	letter-spacing:1px;
	font-weight:100;
	font-size:24px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_company_detail_mv_title {
	margin-top:15px;
	line-height:1.4;
	letter-spacing:1px;
	font-weight:700;
	font-size:38px;
}
.tokiot_company_detail_mv_img {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
#tokiot_wrapper .tokiot_company_detail_mv_img span {
	width:100%;
	position:absolute;
	left:0;
	top:-25px;
	text-align:center;
	letter-spacing:1px;
	font-weight:300;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}
#tokiot_wrapper .tokiot_company_detail_mv_img a {
	display:block;
	transition:transform 0.4s ease;
	border-radius:50%;
	overflow:hidden;
}
#tokiot_wrapper .tokiot_company_detail_mv_img a.hover {
	opacity:1;
	transform:scale(1.05);
}
.tokiot_company_detail_mv_img img { will-change:transform; }
.tokiot_company_detail_mv_bottom {
	margin-top:85px;
	padding-top:22px;
	border-top:4px #FFF solid;
}
.tokiot_company_detail_mv_text {
	line-height:2;
	letter-spacing:0.5px;
	font-weight:700;
	font-size:24px;
	-webkit-font-feature-settings:"palt";
	font-feature-settings:"palt";
}
.tokiot_company_detail_mv_foot {
	margin-top:52px;
	line-height:1.5;
	font-weight:700;
	font-size:14px;
}
.tokiot_company_detail_sec {
	margin-top:265px;
}
.tokiot_company_detail_content {
	letter-spacing:0;
	font-size:0;
}
.tokiot_company_detail_sec .tokiot_company_detail_content:nth-child(n+2) {
	margin-top:190px;
}
.tokiot_company_detail_left {
	width:25.8%;
	padding:8px 30px 0 0;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	font-weight:400;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
}
.tokiot_company_detail_title {
	margin-bottom:25px;
	line-height:1.8;
	font-weight:700;
	font-size:24px;
}
.tokiot_company_detail_right {
	width:74.2%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.tokiot_company_detail_video {
	margin-top:45px;
	padding-top:56.25%;
	position:relative;
}
.tokiot_company_detail_video iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.tokiot_company_detail_img {
	margin-top:45px;
}
.tokiot_company_detail_img img { width:100%; }

.company_list {
	display:flex;
	letter-spacing: 0;
	font-size: 0;
	flex-wrap:wrap;
}
.company_list_wrapper {
	width: 92.6%;
	max-width: 1270px;
	margin: 0 auto;
	
}
.company_list > li {
	width: 30.9%;
	margin: 60px 1.2% 0 1.2%;
	display: inline-block;
	vertical-align: top;
}
.company_list > li:nth-child(n+16) {
	display:none;
}
.company_list > li._hid {
	display: none;
}
.company_list > li a {
	display: block;
	letter-spacing: 0;
    font-size: 0;
}
.company_list > li ._video {
	background: #FFF;
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
}
.company_list > li ._img {
	width: 100%;
	display: block;
	overflow: hidden;
}
.company_list > li ._img img {
	width: 100%;
	transition: all .4s;
}
.company_list > li a:hover { opacity: 1 !important; }
@media (min-width: 1024px) {
	.company_list > li a:hover ._video ._img img { transform: scale(1.02); }
}
.company_list > li ._content {
	width: 100%;
	padding: 35px 0 10px;
	position: relative;
}
.company_list > li ._comp {
	width: 90px;
	position: absolute;
	top:15px;
	left:0;
}
.company_list > li ._comp img {
	width: 100%;
}
.company_list > li ._ttl {
	padding-left: 112px;
	line-height: 1.5;
	letter-spacing: 0;
	font-weight: 600;
	font-size: 20px;
	color: #FFF;
}
.company_list > li ._subttl {
	padding-left: 112px;
	line-height: 1.5;
	letter-spacing: 0;
	font-weight: 600;
	font-size: 14px;
	color: #FFF;
}
.company_list > li ._tags {
	margin-top: 6px;
	padding-left: 108px;
	letter-spacing: 0;
	font-size: 0;
}
.company_list > li ._tags li {
	background: rgba(255,255,255,.3);
	margin: 3px 7px;
	padding: 4px 5px;
	display: inline-block;
	line-height: 1;
	font-weight: 600;
	font-size: 13px;
	color: #FFF;
}


.company_filter {
	margin: 100px 15px 20px;
}
.company_filter ._head {
	width: 210px;
	margin-bottom: 20px;
	display: block;
	border: 2px solid #FFF;
}
.company_filter ._head a {
	position: relative;
	padding: 21px 0 21px 33px;
	display: block;
	line-height: 1;
	font-weight: 600;
	font-size: 20px;
	color: #FFF;
}
.company_filter ._head a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6.5px 0 6.5px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	transition: all .4s;
}
.company_filter ._head a._on:after {
	transform: translateY(-50%) rotate(180deg);
}
.company_filter ._content {
	width: 379px;
	height: 167px;
	padding-bottom: 14px;
	display: none;
	border: 2px solid #FFF;
}
.company_filter ._inner {
	height: 100%;
	padding: 7px 7px;
	overflow: auto;
	letter-spacing: 0;
	font-size: 0;
}
.company_filter ._inner li {
	margin: 8px 8px;
	display: inline-block;
}
.company_filter ._inner li a {
	background: rgb(255 255 255 / 30%);
	padding: 12px;
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #FFF;
}
.company_filter ._inner li a._on {
	background: #FFF;
	color: #333;
}
.company_list > li.filtering {
	display: none;
}
.company_list > li.on {
	display: inline-block !important;
}
@media(max-width: 960px) {
	.company_list > li { width: 47%; margin: 40px 1.5 0 1.5%; }
	.company_list > li ._ttl { font-size: 18px; }
	.company_list > li ._subttl { font-size: 13px; }
}
@media(max-width: 650px) {
	.company_list > li { width: 100%; margin: 30px 0 0 0; }
	.company_list > li ._content { min-height:65px; padding:25px 0 0; }
	.company_list > li ._ttl { padding-left: 110px; margin-bottom: 5px; font-size: 16px; }
	.company_list > li ._subttl { padding-left: 110px; font-size: 12px; }
	.company_list > li ._comp { width: 80px; top:8px; }
	/*.company_list > li ._tags { padding-left: 79px; }*/

	.company_filter { margin: 90px 0 38px; }
	.all_ttl_line._big ._en { margin-bottom: 16px; font-size: 7.8vw; }
	.all_ttl_line ._txt._small { padding-top: 10px; border-top: 2px #fff solid; font-size: 15px; }
	.top_backnumber { margin: 120px auto 0; }


}
/* ティザーサイト
=========================================== */
.tokiot_teaser #tokiot_container { background:#fff; padding-bottom:50px; position:relative; overflow:hidden; }
.tokiot_copy {
	padding:calc(50vh - 136px) 0;
	text-align:center;
}
.tokiot_copy p {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.tokiot_copy p:after {
    content:"";
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    transform-origin:right center;
    display:block;
    transition: transform 2s ease-in-out;
}
#tokiot_container.anime .tokiot_copy p:after {
	transform:scale(0,1);
}
.tokiot_copy img {
	opacity:0;
	transition: opacity 3s ease-in-out;
} 
#tokiot_container.anime .tokiot_copy img {
	opacity:1;
}
.tokiot_coming_soon {
	text-align:center;
}
.tokiot_coming_soon_title {
	position:relative;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
.tokiot_coming_soon_title:after {
    content:"";
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    transform-origin:center bottom;
    display:block;
    transition: transform 1.2s 3s ease;
}
#tokiot_container.anime .tokiot_coming_soon_title:after {
	transform:scale(1,0);
}
.tokiot_coming_soon img {
	transform:translateY(100%);
	transition: transform 1.2s 3s ease, opacity 2s 3s ease;
	opacity:0;
}
#tokiot_container.anime .tokiot_coming_soon img {
	transform:translateY(0%);
	opacity:1;
}

.stopped { overflow: hidden; }
.stopped_over { overflow: visible !important; }

/*印刷させない*/
@media print {
	body { display: none !important; }
}

/* 最新アーカイブにNEWマーク追加； */
/* .new_wrapper {
	display: flex;
	align-items: center;
}
.new {
	background-color: #fff;
	margin-right: 0.5rem;
	padding: 0.125rem 0.25rem;
	font-weight: 700;
	color: #303030;
	font-size: 14px;
	vertical-align: text-top;
}
@media (max-width: 650px) {
	.new {
		vertical-align: inherit;
	}
} */

.new {
	position: relative;
}
.new::after {
	content: "NEW";
	background-color: #fff;
	padding: 0.5rem;
	position: absolute;
	top: -.5rem;
	left: -.5rem;
	font-size: 20px;
	font-weight: 700;
	color: #303030;
	z-index: 5;
}

._top,
._bottom,
._sp {
	padding-top: 1rem;
}



/* TOP改修
=========================================== */
.tokiot_top_onair_img {
	position: absolute;
	top: 13%;
	right: 2%;
}
.tokiot_top_onair_content {
	width: 80%;
	position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tokiot_top_onair_day {
	font-size: 27px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}
.tokiot_top_onair_time {
	margin-top: 1.5%;
	font-size: 62px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

@media (max-width: 1600px) {
	.tokiot_top_onair_img {
		width: 23.5vw;
	}
	.tokiot_top_onair_day {
		font-size: 1.725vw;
	}
	.tokiot_top_onair_time {
		font-size: 3.875vw;
	}
}

@media (max-width: 768px) {
	.tokiot_top_onair_img {
		width: 40.5vw;
		top: 6%;
		right: 4%;
	}
	.tokiot_top_onair_content {
		top: 55%;
		left: 60%;
	}
	.tokiot_top_onair_day {
		font-size: 3.725vw;
	}
	.tokiot_top_onair_time {
		font-size: 6.875vw;
	}
}

.follow_banner_wrapper {
	position: fixed;
	right: 3rem;
	bottom: 1rem;
	z-index: 10;
	max-width: 375px;
	width: 100%;
}
.follow_banner_wrapper a {
	display: block;
}
.follow_banner_wrapper a:hover {
	opacity: 1 !important;
}
.follow_banner_wrapper img {
	width: 100%;
}
@media (max-width: 650px) {
	.follow_banner_wrapper {
		right: inherit;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}
	.follow_banner_wrapper a {
		padding: 0 1.5rem;
	}
}

/* バックナンバーのインデックス番号コード化 */
.top-backnumber-index {
    font-size: 67px;
    font-family: "Roboto", sans-serif;
    font-weight: 800;
}
@media (max-width: 768px) {
    .top-backnumber-index {
        font-size: 20px;
        font-weight: 500;
    }  
}
.top-backnumber-index sup {
    vertical-align: top;
    font-size: 70%;
    font-weight: 500;
}
.top-backnumber-tverLink {
    position: relative;
}
.top-backnumber-tverLink::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 78px;
    max-height: 78px;
    width: calc(78 / 1014 * 100vw);
    height: calc(78 / 1014 * 100vw);
    transform: translate(-50%, -50%);
    background-image: url(../images/tokiot_img_top_back_number_play_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.top_notion {
    display: flex;
    align-items: center;
    margin-top: 200px;
    gap: 80px;
}
@media (max-width: 768px) {
    .top_notion {
        gap: 30px;
    }  
}
.top_notion_title {
    padding-bottom: 20px;
    font-size: 70px;
    font-weight: bold;
    border-bottom: 4px solid #fff;
    white-space: nowrap;
}
@media (max-width: 1600px) {
    .top_notion_title {
        font-size: 5vw;
    }
}
.top_notion_text {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
}
@media (max-width: 768px) {
    .top_notion {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 100px;
    }
    .top_notion_title {
        width: 100%;
        border-bottom: 2px solid #fff;
    }
    .top_notion_text {
        font-size: 15px;
    }
}
@media (max-width: 480px) {
    .top_notion_title {
        font-size: 28px;
    }
}