@charset "utf-8";
.drawer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/drawer_bg.jpg") no-repeat center center;
		background-size: cover;
		z-index: 9999;
		display: none;
}
@media(min-width: 769px) {
		header.mobile {
				display: none;
		}
}
@media(max-width: 768px) {
		body {
				background: #000 url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/body_bg_sp.jpg) repeat-y center 0;
				background-size: 100%;
		}
		.loading_base {
				background: #000 url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/body_bg_sp.jpg) repeat-y center 0;
				background-size: 100%;
		}
		.hero_section, .hero_section_inner, .hero_catch {
				min-height: 160vw;
		}
		.hero_section {
				background-image: url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/hero_bg_sp.jpg);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				height: auto;
		}
		.hero_section_inner {
				height: 67vw;
				background: url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/hero_main2_sp.png) no-repeat center bottom;
				background-size: 100%;
		}
		.scroll p {
				font-size: 2vw;
		}
		header.desktop {
				display: none;
		}
		header.mobile {
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 60px;
				z-index: 1000;
		}
		header.mobile .header_logo, .drawer_header .header_logo {
				width: 50px;
		}
		.mobile_header_inner, .drawer_header {
				height: 60px;
				width: 100%;
				display: flex;
				align-items: center;
				box-sizing: border-box;
				padding: 0 20px;
				position: relative;
		}
		header.mobile .header_trigger, .drawer_header .header_trigger {
				position: absolute;
				width: 26px;
				height: 18px;
				top: 20px;
				right: 20px;
				cursor: pointer;
				transition: all 0.3s;
		}
		.header_trigger span {
				display: block;
				width: 26px;
				height: 1px;
				background: #FFF;
		}
		.header_trigger span:nth-child(2) {
				position: absolute;
				left: 0;
				top: 8px;
		}
		.header_trigger span:nth-child(3) {
				position: absolute;
				left: 0;
				top: 16px;
		}
		.header_trigger.open {
				transform: rotate(180deg);
		}
		.header_trigger.open span:nth-of-type(1) {
				transform: translateY(8px) rotate(-45deg);
		}
		.header_trigger.open span:nth-of-type(2) {
				transform: translateY(0) rotate(45deg);
		}
		.header_trigger.open span:nth-of-type(3) {
				opacity: 0;
		}
		.overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 110vh;
				background: #000;
				display: none;
		}
		.drawer a {
				color: #fff;
				text-decoration: none;
		}
		.drawer_upper ul {
				margin-top: 40px;
		}
		.drawer_upper li {
				list-style: none;
				font-size: 18px;
				text-align: right;
				font-weight: 500;
		}
		.drawer_upper li a {
				display: block;
				padding: 15px 20px 15px 0;
				position: relative;
		}
		.drawer_upper li a::after {
				content: '';
				display: block;
				width: 7px;
				height: 7px;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				position: absolute;
				right: 0;
				top: 22px;
				transform: rotate(45deg);
		}
		.drawer_upper {
				padding: 0 30px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				box-sizing: border-box;
		}
		.drawer_bottom {
				padding: 0 5px 20px;
				display: flex;
				align-items: flex-end;
				box-sizing: border-box;
		}
		.drawer_bottom_inner {
				width: 100%;
		}
		.drawer_bottom_inner ul.subnav {
				padding: 0 30px;
				margin-bottom: 40px;
		}
		.drawer_bottom_inner .subnav li {
				font-size: 15px;
				text-align: right;
				list-style: none;
		}
		.drawer_bottom_inner .subnav li a {
				padding: 10px 20px 10px 0;
				position: relative;
				display: block;
		}
		.subnav li a::after {
				content: '';
				display: block;
				width: 15px;
				height: 15px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/icon_blank.png") no-repeat 0 0;
				background-size: 15px;
				position: absolute;
				top: calc(50% - 6px);
				right: -5px;
		}
		.drawer_bottom .copyright {
				text-align: center;
				color: #fff;
		}
		.footer_sns_flex {
				display: flex;
				justify-content: flex-end;
				width: 100%;
				margin-bottom: 40px;
				box-sizing: border-box;
				padding-right: 20px;
		}
		.footer_sns_flex .footer_sns {
				width: 140px;
				margin: 0;
		}
		.hero_catch {
				max-width: inherit;
				width: 77vw;
				margin: 0 auto;
				min-height: inherit !important;
				display: block;
		}
		.hero_catch_inner {
				padding-top: 30vw;
		}
		.shortMobile .hero_catch_inner {
				padding-top: 20vw;
		}
		.hero_catch1 {
				width: 56vw;
				margin-bottom: 5vw;
		}
		.feature_section {
				padding: 80px 0 35vw;
				min-height: inherit;
		}
		.feature_inner {
				max-width: inherit;
				padding: 0 20px;
		}
		.feature_inner div {
				max-width: inherit;
		}
		.feature_catch1 {
				width: 100%;
				margin-bottom: 10vw;
		}
		.feature_catch2 {
				margin-bottom: 18vw;
		}
		.feature_lead1 {
				margin-bottom: 20vw;
		}
		.feature_lead2 {
				margin-bottom: 20vw;
		}
		.profile_section {
				padding: 0 20px 100px;
		}
		.section_ttl {
				width: 280px;
				height: 60px;
				top: -110px;
				margin-bottom: -85px;
		}
		.section_ttl h2 {
				font-size: 18px;
				margin-bottom: 10px;
		}
		.section_ttl p {
				font-size: 10px;
		}
		.profile_section h3 {
				font-size: 6.2vw;
				margin-bottom: 25px;
		}
		.profile_section_inner {
				padding: 80px 0 40px;
		}
		.profile_movie {
				max-width: 750px;
				margin: 0 auto 40px;
				position: relative;
		}
		.profile_movie::before {
				width: 62vw;
				height: 47vw;
				top: -27vw;
				right: -27vw;
		}
		.profile_movie::after {
				width: 62vw;
				height: 46vw;
				top: 98vw;
				left: -32.5vw;
		}
		.profile_movie_inner {
				padding: 0 20px;
		}
		.profile_movie_inner::after {
				width: 50px;
				height: 50px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/movie_play.png") no-repeat 0 0;
				background-size: 100%;
				top: calc(50% - 25px);
				left: calc(50% - 25px);
		}
		.movie_sns_flex {
				margin: 0 20px 40px;
				max-width: inherit;
				display: flex;
				justify-content: space-between;
		}
		.movie_sns_flex li {
				width: calc(50% - 6px);
				font-size: 14px;
		}
		.movie_sns_flex li a {
				width: 100%;
				height: 46px;
		}
		.movie_sns_flex li span {
				position: relative;
				display: inline-block;
				transform: translateX(5px);
		}
		.movie_sns_flex li span::after {
				width: 20px;
				height: 20px;
				background-size: 20px;
				left: -30px;
				top: -2px;
		}
		.interview_btn {
				max-width: inherit;
				margin: 0 0 80px;
				position: relative;
		}
		.movie_sns_flex + .interview_btn {
				margin-bottom: 19vw;
		}
		.interview_btn a {
				width: 100%;
				height: 60px;
		}
		.interview_btn span::after {
				content: '';
				display: block;
				width: 15px;
				height: 15px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/icon_blank.png") no-repeat 0 0;
				background-size: 15px;
				position: absolute;
				top: calc(50% - 6px);
				right: -30px;
		}
		.large_btn {
				max-width: inherit;
				margin: 0 40px 60px;
				font-size: 15px;
		}
		.large_btn a {
				width: 100%;
				height: 70px;
		}
		.large_btn a::after {
				content: '';
				display: block;
				width: 15px;
				height: 15px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/icon_blank.png") no-repeat 0 0;
				background-size: 15px;
				top: calc(50% - 6px);
				right: 15px;
		}
		.shinobism_col::before {
				width: 60px;
				height: 600px;
				right: -15px;
				top: -54px;
		}
		.shinobism_col::after {
				width: 50vw;
				height: 70vw;
				background-size: 100%;
				right: -22vw;
				bottom: -32vw;
		}
		.shinobism_col_inner {
				width: auto;
				padding: 60px 20px;
				margin: 0 20px;
		}
		.shinobism_logo {
				width: 45vw;
				margin: 0 auto 30px;
				top: 0;
		}
		.shinobism_logo_flex {
				display: block;
				margin: 0 0 50px;
		}
		.shinobism_caption h5 {
				font-size: 5vw;
				font-weight: 500;
				margin-bottom: 30px;
				text-align: center;
		}
		.shinobism_caption p {
				line-height: 1.8;
				margin-bottom: 60px;
		}
		.shinobism_prof_flex {
				display: block;
		}
		.shinobism_prof_col {
				width: auto;
				margin: 0 0 60px;
		}
		.shinobism_prof_col.chocoblanca {
				margin-bottom: 0;
		}
		.shinobism_prof_col_photo {
				margin-bottom: 20px;
		}
		.shinobism_prof_col h6 {
				font-size: 20px;
				margin-bottom: 0;
		}
		.shinobism_prof_col p {
				line-height: 1.8;
		}
		.support_section_inner {
				padding: 80px 0 40px;
				margin: 0 20px;
				position: relative;
		}
		.support_section_inner::before {
				width: 59vw;
				height: 45vw;
				top: 10vw;
				left: -33vw;
		}
		.support_section_inner::after {
				width: 60px;
				height: 1985px;
				position: absolute;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/parts_side2.png") no-repeat 0 0;
				background-size: 100%;
				top: 140px;
				left: -40px;
				display: none;
		}
		.support_lead {
				text-align: center;
				line-height: 1.8;
				margin-bottom: 40px;
		}
		.support_item_flex {
				display: block;
				margin: 0 auto 90px;
				position: relative;
		}
		.support_item_flex .support_item:first-child {
				position: relative;
		}
		.support_item_flex::before {
				content: '';
				display: block;
				width: 60px;
				height: 1000px;
				position: absolute;
				background: url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/parts_side2.png) no-repeat 0 0;
				background-size: 100%;
				top: -40px;
				left: -30px;
				z-index: 0;
		}
		.support_item_flex::after {
				display: none;
		}
		.support_item {
				width: auto;
				min-height: inherit;
				padding: 45px 20px;
				box-sizing: border-box;
				margin: 0 20px 30px;
				position: relative;
		}
		.support_item_flex .support_item:first-child {
				margin-bottom: 100px;
		}
		.support_catch {
				margin-bottom: 40px;
		}
		.support_catch p:first-child {
				font-size: 4vw;
				margin-bottom: 15px;
		}
		.support_item_flex .support_item:first-child::after {
				content: '';
				display: block;
				width: 60px;
				height: 60px;
				border: 1px solid #fff;
				border-radius: 50%;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/item_or.png") no-repeat 0 0;
				background-size: 100%;
				box-sizing: border-box;
				position: absolute;
				bottom: -80px;
				left: calc(50% - 30px);
		}
		.support_catch p:nth-child(2) {
				font-size: 6vw;
		}
		.support_catch p:nth-child(2) strong {
				font-size: 160%;
		}
		.support_item h4 {
				width: 233px;
				margin: 0 auto 35px;
		}
		.item_figure1 {
				width: 35vw;
				margin: 0 auto 20px;
		}
		.item_figure2 {
				width: 35vw;
				margin: 0 auto 20px;
		}
		.item_caption {
				line-height: 1.8;
				padding: 0;
		}
		.about_tonamel {
				min-height: inherit;
				padding: 60px 20px;
				margin: 0 20px;
		}
		.about_tonamel::before {
				display: none;
		}
		.about_tonamel_outer {
				position: relative;
		}
		.about_tonamel_outer::before {
				content: '';
				display: block;
				width: 44vw;
				height: 47vw;
				position: absolute;
				background: url(https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/parts_bg5.png) no-repeat 0 0;
				background-size: 100%;
				right: -20vw;
				bottom: -28vw;
				z-index: 0;
		}
		.about_tonamel {
				position: relative;
				z-index: 10;
		}
		.about_tonamel_flex {
				display: block;
		}
		.about_tonamel_logo {
				width: 50vw;
				margin: 0 auto 25px;
				position: relative;
				z-index: 10;
		}
		.about_tonamel_caption h4 {
				font-size: 6vw;
				text-align: center;
				margin-bottom: 20px;
		}
		.about_tonamel_caption p {
				line-height: 2.0;
				margin-bottom: 30px;
		}
		.about_tonamel_btn {
				width: auto;
		}
		.about_tonamel .about_tonamel_btn {
				margin: 0;
		}
		.about_tonamel_btn a {
				width: 100%;
				height: 60px;
		}
		.about_tonamel_btn a::after {
				content: '';
				display: block;
				width: 15px;
				height: 15px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/icon_blank.png") no-repeat 0 0;
				background-size: 15px;
				position: absolute;
				top: calc(50% - 6px);
				right: 15px;
		}
		/* ===== PRODUCTS ===== */
		.product_section {
				padding: 32vw 20px 80px;
		}
		.product_section_inner {
				min-height: inherit;
				padding: 80px 0;
		}
		.product_section_inner::before {
				width: 60px;
				height: 420px;
				top: 40px;
				right: -10px;
		}
		.product_section_inner::after {
				width: 52vw;
				height: 70vw;
				bottom: -38vw;
				left: -28vw;
		}
		.product_col {
				height: 100vw;
				width: auto;
				margin: 0 20px 30px;
				background: url("https://www.kai-group.com/contents_file/products/kamisori/product/auger/esports/images/product_bg_sp.jpg") no-repeat 0 0;
				background-size: cover;
				padding-left: 0;
				position: relative;
				z-index: 10;
		}
		.product_col_caption h4 {
				font-size: 5vw;
				font-weight: 500;
				margin: 0 0 50px;
				text-align: center;
		}
		.product_col_caption p {
				line-height: 2.0;
				margin-bottom: 2em;
				font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
				text-align: center;
		}
		.product_section .about_tonamel_btn {
				margin-left: 40px;
				margin-right: 40px;
		}
		.footer_btn {
				display: block;
				justify-content: space-between;
				max-width: inherit;
				margin: 0 60px;
		}
		.footer_btn .about_tonamel_btn {
				margin-bottom: 20px;
		}
		/* ===== FOOTER  ===== */
		.footer_sns {
				max-width: 160px;
				margin: 0 auto 50px;
				display: flex;
				justify-content: space-between;
		}
		footer {
				padding: 60px 20px 30px;
		}
		.copyright {
				font-size: 10px;
		}
		.pagetop {
				position: fixed;
				bottom: 40px;
				right: 40px;
				width: 50px;
				height: 50px;
				cursor: pointer;
				z-index: 5000;
				border: 1px solid #fff;
				display: none;
		}
		.pagetop::after {
				display: block;
				content: '';
				width: 12px;
				height: 12px;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
				transform: rotate(45deg);
				position: absolute;
				top: 22px;
				left: 19px;
		}
}
@media (max-width: 767px) {
		.loading_logo {
				width: 100px;
		}
		.profile_section {
				padding: 0 15px 100px;
		}
		.pagetop {
				bottom: 20px;
				right: 20px;
				width: 40px;
				height: 40px;
		}
		.pagetop::after {
				width: 9px;
				height: 9px;
				top: 18px;
				left: 15px;
		}
}