h1 {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	padding: 5px 2px 2px 2px;
	z-index: 11;
	background: #2c3f50;
	position: absolute;
	top: 50px;
	left: 0;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.top_txt_blue {
	color: #40a0fb;
}
.top_txt_underline {
	background: linear-gradient(transparent 65%, #ffe400 65%);
	font-weight: bold;
}
.t_ttl {
	text-align: center;
	padding: 20px 2%;
}
.t_ttl>img {
	width: 40px;
	height: 40px;
}
.t_ttl h3 {
	font-size: 30px;
	line-height: 1.5;
	padding: 10px 0;
}
.t_ttl h3 span {
	background: linear-gradient(transparent 65%, #ffe400 65%);
}
.t_ttl p {
	padding: 10px 0;
	text-align: left;
}
.t_ttl_chara {
	display: none;
}
.t_ttl_sub {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.t_ttl_sub h3 {
	font-size: 22px;
	display: flex;
	align-items: center;
}
.t_ttl_sub h3 span {
	font-size: 14px;
	font-weight: normal;
	color: #40a0fb;
	font-family: "Century Gothic", "Arial";
	display: flex;
	align-items: center;
	padding-left: 15px;
}
.t_ttl_sub h3 span:before {
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	background: #111;
	margin-right: 15px;
}
.t_link {
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
}
.t_link a {
	display: block;
	width: 90%;
	padding: 0 30px;
	font-size: 17px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	box-sizing: border-box;
	margin: 5px 0;
	position: relative;
	font-weight: bold;
}
.t_link_request {
	background: #ff4a32;
}
.t_link_more {
	border: 2px solid #40a0fb;
	color: #40a0fb;
}
.t_link_request:hover {
	background: #991100;
}
.t_link_more:hover {
	border: 2px solid #2c3f50;
	background: #2c3f50;
	color: #fff;
}
.t_link_more:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 25px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #40a0fb;
	border-right: 2px solid #40a0fb;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.t_link_more:hover:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.t_link span {
	font-weight: bold;
}
.t_bg {
	position: relative;
	background: #e9f1f7;
	overflow: hidden;
}
.t_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 0 0 100vw;
	border-color: #d8e5ef transparent transparent transparent;
}
footer {
	padding: 10px 0 60px;
}
.t_conts_more {
	font-size: 13px;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
	color: #40a0fb;
	padding: 0 10px;
	border-right: 1px solid #40a0fb;
	border-left: 1px solid #40a0fb;
	display: flex;
	width: 88px;
	height: 16px;
	line-height: 15px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
}
.t_conts_more_link {
	display: block;
}
.t_conts2_more {
	font-size: 13px;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
	color: #40a0fb;
	padding: 0 10px;
	border-right: 1px solid #40a0fb;
	border-left: 1px solid #40a0fb;
	display: flex;
	height: 16px;
	line-height: 15px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
}
.t_conts3_more {
	font-size: 13px;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
	color: #40a0fb;
	padding: 0 10px;
	border-right: 1px solid #40a0fb;
	border-left: 1px solid #40a0fb;
	display: flex;
	width: 58px;
	height: 16px;
	line-height: 15px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
}
/* ----------------------------------------
	m_movie
	---------------------------------------- */
.m_movie {
	background: url(/img/v_editor/main_bg.png) no-repeat 50% 50%;
	height: 450px;
	position: relative;
}
.m_video {
	width: 100%;
	height: 450px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -10;
}
.m_video video {
	display: block;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.m_movie_catch {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	background: url(/img/v_editor/main_hakase.webp) no-repeat 100% 100%;
	-webkit-background-size: 40% auto;
	background-size: 34% auto;
	background-position: 265px 310px;
}
.m_movie_catch_box {
	padding-top: 40px;
	width: 94%;
	margin: 0 auto;
	height: 450px;
	line-height: 1.4;
	position: relative;
	box-sizing: border-box;
}
.m_movie_catch h2 img {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	width: 90%;
}
.m_movie_catch p {
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 5vw;
	margin: 5px 0 10px;
	width: 100%;
}
.m_movie_catch_request {
	display: block;
	background-color: #40a0fb;
	background-size: 20px auto;
	width: 60%;
	padding: 15px 5% 15px 3%;
	font-size: 5vw;
	color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	border: 2px solid #fff;
	position: absolute;
	bottom: 5%;
	left: 2%;
	text-align: center;
}
.m_movie_catch_request:hover {
	background: url(/img/common/arrow_r_white.png) no-repeat 87% 50%;
	background-color: #2c3f50;
}
.m_movie_catch_request span {
	font-weight: bold;
}
/* ----------------------------------------
	loop
	---------------------------------------- */
.loop {
	padding-top: 15px;
	overflow: hidden;
}
.loop__box {
	display: flex;
	width: 2600px;
}
.loop__box img {
	min-width: 2600px;
}
.loop__box img:first-child {
	animation: loop 100s -50s linear infinite;
}
.loop__box img:last-child {
	animation: loop2 100s linear infinite;
}
@keyframes loop {
	0% {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes loop2 {
	0% {
		transform: translateX(0);
	}
	to {
		transform: translateX(-200%);
	}
}
/* ----------------------------------------
	main
	---------------------------------------- */
.t_main_btm {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 50px;
	margin-top: 30px;
}
.t_main_btm_txt {
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
}
.t_main_btm_blue {
	content: "";
	background-color: #40a0fb;
	width: 60px;
	height: 10px;
	margin-top: 20px;
}
.what_box {
	width: 95%;
	margin: 0 auto;
}
.what_catch {
	width: 90%;
	margin: 0 auto;
}
/* ----------------------------------------
	req/online
	---------------------------------------- */
.req_online_wrap {
	background-color: #edededd1;
	padding: 40px 0 25px 0;
	margin-top: 70px;
}
.t_req_btn {
	padding: 0 30px;
}
.t_req_btn a {
	display: block;
	width: 100%;
	/* 画像サイズに合わせて */
	height: 90px;
	background-image: url("/img/v_editor/top_request.webp");
	background-size: contain;
	background-repeat: no-repeat;
}
.t_req_btn a:hover {
	background-image: url("/img/v_editor/top_request_on.webp");
}
.t_online_btn {
	padding: 0 30px;
}
.t_online_btn a {
	display: block;
	width: 100%;
	/* 画像サイズに合わせて */
	height: 90px;
	background-image: url("/img/v_editor/top_online.webp");
	background-size: contain;
	background-repeat: no-repeat;
}
.t_online_btn a:hover {
	background-image: url("/img/v_editor/top_online_on.webp");
}
/* ----------------------------------------
	category
	---------------------------------------- */
.t_category {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}
.t_category_box {
	width: 46%;
	margin-top: 15px;
}
.t_category_box a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	color: #000;
	border-bottom: 1px solid #111;
	padding-bottom: 10px;
}
.t_category_box_tl {
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
}
.t_category_box img {
	margin: 20px 0;
}
.t_category_txt {
	font-size: 3vw;
	font-weight: bold;
	text-align: left;
	margin: 0 2px 10px;
	line-height: 2;
	height: 95px;
}
/* ----------------------------------------
	product
	---------------------------------------- */
.t_product {
	width: 90%;
	margin: 80px auto;
}
.t_conts_tl {
	position: relative;
	font-size: 9vw;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
}
.t_conts_tl::before {
	position: absolute;
	content: "　";
	background-color: #eeeeee;
	width: 180px;
	height: 50px;
	top: -30px;
	left: -50px;
	z-index: -1;
}
.t_conts_subtl {
	font-size: 4vw;
	font-weight: bold;
	margin: 10px 0 40px;
	padding-left: 15px;
	border-left: 5px solid #40a0fb;
	margin-left: 15px;
}
.t_product_conts {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.t_product_conts_txt {
	font-size: 14px;
	line-height: 2;
}
.t_product_conts img {
	margin: 50px 0;
}
.t_product_conts_txt span {
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #9fcffd 0%);
}
.t_product_conts_txt_blue {
	text-align: center;
}
.slider {
	display: none;
}
.slider.slick-initialized {
	display: block;
}
/* ----------------------------------------
	service
	---------------------------------------- */
.t_service {
	width: 90%;
	margin: 80px auto;
}
.t_service_conts {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.t_service_box {
	width: 45%;
	margin: 0 0 50px;
}
.t_service_box a {
	color: #000;
}
.t_service_box a:hover .t_service_box_tl {
	color: #40a0fb;
}
.t_service_box a:hover .t_service_box_icon {
	box-shadow: 0 0 10px 0 #88b6e1;
}
.t_service_box_tl {
	font-size: 4vw;
	font-weight: bold;
}
.t_service_box_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	height: 100px;
	margin: 10px 0;
}
.t_service_box_icon img {
	height: 50%;
}
.t_service_box_txt {
	font-size: 13px;
}
/* ----------------------------------------
	movie
	---------------------------------------- */
.t_movie {
	margin-top: 90px;
}
.t_movie_ttl {
	width: 90%;
	margin: 0 auto;
}
.t_movie_box {
	width: 220px;
	height: auto;
	margin-bottom: 20px;
	margin-right: 10px;
	box-sizing: border-box;
}
.t_movie_box>a {
	display: block;
	padding: 10px;
	text-decoration: none;
	height: 100%;
	box-sizing: border-box;
}
.t_movie_object {
	margin-bottom: 10px;
}
.t_movie_object object {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	background-size: 100% !important;
}
.t_movie_object object img {
	width: 200px;
	height: 200px;
	object-fit: scale-down;
	transition-duration: 0.3s;
	background-color: #eee;
}
.t_movie_object object:hover img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
.t_movie_object object::before {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: url(../img/video/thum_icon.png);
	width: 70px;
	height: 40px;
	position: absolute;
	left: calc(50% - 35px);
	top: calc(50% - 20px);
	background-size: 100%;
	z-index: 2;
}
.t_movie_object object::after {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.3);
	width: 200px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
	z-index: 1;
}
.t_movie_box object:hover::after,
.t_movie_box object:hover::before {
	opacity: 1;
	transition: .3s;
}
.t_movie_name {
	border-top: 1px solid #40a0fb;
	border-bottom: 1px solid #40a0fb;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	margin-bottom: 10px;
}
.t_movie_name h4 {
	color: #40a0fb;
	font-weight: bold;
	font-size: 13px;
}
/* ----------------------------------------
	user story
	---------------------------------------- */
.t_voice_tl {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 28px;
}
.t_voice {
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
}
.t_voice_conts {
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.t_voice_box {
	color: #000;
}
.t_voice_movie {
	position: relative;
	border-radius: 5px;
}
.t_voice_movie object {
	display: block;
}
.t_voice_movie a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
.t_voice_movie a img {
	object-fit: cover;
	transition-duration: 0.3s;
}
.t_voice_movie a:hover img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
.t_voice_movie a::before {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: url(/img/v_editor/thum_icon.png);
	width: 85px;
	height: 55px;
	position: absolute;
	left: 213px;
	top: 120px;
	background-size: 100%;
	z-index: 2;
}
.t_voice_nomovie a::before {
	background: none !important;
}
.t_voice_movie a::after {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
	z-index: 1;
}
.t_voice_movie a:hover::after,
.t_voice_movie a:hover::before {
	opacity: 1;
	transition: .3s;
}
.t_voice_btm a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
	color: #000;
}
.t_voice_btm_tl {
	font-size: 17px;
	font-weight: bold;
}
.swiper {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
	background-color: #40a0fb;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 80px;
	margin: -5px;
}
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #fff;
	font-size: 1.5rem;
}
.swiper .swiper-button-next::after {
	content: '\f054';
	/* FontAwesomeの右矢印 */
}
.swiper .swiper-button-prev::after {
	content: '\f053';
	/* FontAwesomeの左矢印 */
}
/* ----------------------------------------
	usercompany
	---------------------------------------- */
.t_usercompany {
	width: 90%;
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.t_usercompany img {
	padding: 0 0 20px;
}
.t_conts_btn {
	display: flex;
	justify-content: center;
	margin: 20px 0 60px;
}
.t_conts_btn a {
	display: block;
	width: 95%;
	border: 2px solid #40a0fb;
	color: #40a0fb;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 56px;
	border-radius: 30px;
	box-sizing: border-box;
	margin: 0 10px;
	position: relative;
	text-align: center;
}
.t_conts_btn a:hover {
	border: 2px solid #2c3f50;
	background: #2c3f50;
	color: #fff;
}
/* ----------------------------------------
	seminar
	---------------------------------------- */
.t_seminar {
	width: 90%;
	margin: 80px auto;
	background: unset;
	padding: 0;
}
.t_seminar_conts {}
.t_seminar iframe {
	display: block;
	width: 100%;
	height: 440px;
	padding-bottom: 20px;
}
/* ----------------------------------------
	download
	---------------------------------------- */
.t_download {
	width: 90%;
	margin: 80px auto;
}
.t_download_conts {
	width: 95%;
	margin: 0 auto;
}
.document_box_in {
	box-sizing: border-box;
	box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 10px 1px rgba(51, 51, 51, 0.15);
	display: inline-block;
	margin-bottom: 40px;
}
.document_box .document_box_in:nth-of-type(3n) {
	margin-right: 0;
}
.document_box_in a {
	display: block;
	padding: 10px;
}
.document_box_in:hover {
	outline: 2px solid #46a4f8;
}
.document_box_in .tag {
	width: 130px;
	height: 30px;
	border-radius: 15px;
	background: #eee;
	color: #111;
	font-weight: bold;
	font-size: 13px;
	box-sizing: border-box;
	padding-top: 3px;
	text-align: center;
	margin-top: -20px;
	position: relative;
	z-index: 2;
}
.document_box_in img {
	margin-top: -10px;
	height: 190px;
	width: 100%;
	object-fit: cover;
}
.document_title {
	color: #111;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	box-sizing: border-box;
	padding: 5px;
}
.document_text {
	color: #999999;
	font-size: 13px;
	line-height: 1.5;
	margin: 5px 0;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 65px;
	box-sizing: border-box;
	padding: 5px;
}
/* ----------------------------------------
	movie
	---------------------------------------- */
.t_zombie {
	width: 90%;
	margin: 80px auto;
}
.t_zombie_conts {
	margin: 0 0 50px;
}
.t_zombie_conts_l {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.t_zombie_movie_box {
	margin: 10px;
}
.t_zombie_movie {
	position: relative;
	border-radius: 5px;
}
.t_zombie_movie object {
	display: block;
}
.t_zombie_movie a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
}
.t_zombie_movie a img {
	object-fit: cover;
	transition-duration: 0.3s;
	width: 100%;
}
.t_zombie_movie a:hover img {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
.t_zombie_movie a::before {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: url(/img/v_editor/thum_icon.png);
	width: 85px;
	height: 55px;
	position: absolute;
	left: 205px;
	top: 120px;
	background-size: 100%;
	z-index: 2;
}
.t_zombie_movie a::after {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
	z-index: 1;
}
.t_zombie_movie a:hover::after,
.t_zombie_movie a:hover::before {
	opacity: 1;
	transition: .3s;
}
.t_zombie_txt_box {}
.t_zombie_txt_box a {
	display: block;
}
.t_zombie_txt_box a:hover {
	background: #e4eff8;
}
.t_zombie_tl_box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding: 15px 5px;
}
.t_zombie_ep {
	font-size: 20px;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
	color: #40a0fb;
}
.t_zombie_tl {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.t_zombie_txt {
	font-size: 13px;
	color: #999999;
	padding: 15px 5px;
}
.t_zombie_r {}
.t_zombie_r_movie {
	margin-bottom: 25px;
}
.t_zombie_r .t_zombie_movie_box {}
.t_zombie_r .t_zombie_movie a {
	position: relative;
}
.t_zombie_r .t_zombie_movie a::before {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: url(/img/v_editor/thum_icon.png);
	width: 85px;
	height: 55px;
	position: absolute;
	left: 100px;
	top: 50px;
	background-size: 100%;
	z-index: 2;
}
.t_zombie_r .t_zombie_movie a::after {
	transition: .3s;
	opacity: 0;
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
	z-index: 1;
}
.t_zombie_r .t_zombie_movie a:hover::after,
.t_zombie_r .t_zombie_movie a:hover::before {
	opacity: 1;
	transition: .3s;
}
.t_zombie_r .t_zombie_ep {
	font-size: 17px;
	font-weight: bold;
	font-family: "Century Gothic", "Arial";
	color: #40a0fb;
}
.t_zombie_r .t_zombie_tl {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.t_zombie_r .t_zombie_txt {
	font-size: 13px;
	color: #999999;
}
.t_zombie_btn {
	display: flex;
	align-items: center;
}
.t_zombie_btn a {
	display: block;
	width: 97%;
	height: 50px;
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 13px;
	font-weight: bold;
	box-sizing: border-box;
}
.t_zombie_btn a:hover {
	border: 2px solid #40a0fb;
	background-color: #fff;
	color: #40a0fb;
}
/* ----------------------------------------
	info
	---------------------------------------- */
.t_info {
	width: 90%;
	margin: 80px auto 50px;
	padding: 0;
	background: unset;
}
.t_info_conts {
	padding: 0 10px;
}
.t_info_box {
	border-bottom: 1px solid #000;
}
.t_info_box a {
	display: block;
	height: 80px;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.t_info_box a:hover .t_info_txt {
	color: #40a0fb;
}
.t_info_box span {
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	margin-right: 80px;
}
.t_info_txt {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.t_info .t_conts_more {
	margin: 30px 0 30px auto;
}
/* ----------------------------------------
	features
---------------------------------------- */
.t_features {
	width: 90%;
	margin: 0 auto;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 80px;
	margin-bottom: 40px;
}
.t_features_flow {
	margin: 0 auto;
}
.t_features_flow .f_conts_tl {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.t_features_flow .f_conts_tl a {
	color: #333;
}
.t_features_flow .f_conts_tl img {
	width: 46px;
	margin-right: 10px;
}
.t_features_flow .f_conts_tl span {
	font-size: 30px;
	color: #40a0fb;
	font-weight: bold;
	text-align: center;
}
.t_features_flow .f_conts_subtl {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
}
.t_features_flow_main {
	margin: 60px 0;
	padding: 30px 30px 10px;
	border: 3px dashed #ccc;
	position: relative;
}
.t_features_flow_main_tl {
	position: absolute;
	top: -20px;
	left: 30px;
	background-color: #46a4f8;
	font-size: 18px;
	font-weight: 500;
	line-height: 2.5;
	text-align: center;
	width: 40%;
	color: #fff;
}
.t_features_flow_main_subtl {
	font-size: 18px;
	line-height: 2.2;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: -0.2em;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(255, 228, 0, 0.4);
	text-decoration-skip-ink: none;
}
.t_features_flow_main_box {
	display: flex;
	flex-direction: column;
}
.t_features_flow_main_box .text {
	font-size: 45px;
	line-height: 1.0;
	color: #666;
	font-weight: bold;
	min-width: 30px;
	text-align: center;
}
.t_features_flow_main_box .text2 {
	border: 2px solid #666;
	font-size: 22px;
	text-align: center;
	margin-top: 6%;
	line-height: 2.0;
	letter-spacing: 2.0;
}
.t_features_flow_main_subbox {
	margin-top: 20px;
}
.t_features_flow_main_subbox p {
	font-size: 16px;
	line-height: 3.0;
	font-weight: bold;
	text-align: center;
}
.t_features_flow_main_subbox img {}
.t_features_conts01_main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.t_features_conts01_main_box {
	margin-bottom: 20px;
}
.t_features_conts01_main_box_tl {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	background-color: #f9f0e7;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	padding-top: 20px;
}
.t_features_conts01_main_box_tl2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	background-color: #f9f0e7;
	text-align: center;
	height: 50px;
	vertical-align: middle;
	padding-top: 10px;
}
.t_features_conts01_main_box p {
	font-size: 15px;
	line-height: 1.6;
}
.t_features_conts01_main_box img {
	width: 96%;
	padding: 2%;
}
.t_features_conts01_list {
	background-color: #f9f0e7;
	margin: 0 auto;
	& a {
		display: block;
		color: #000;
	}
}
.t_features_conts01_list {
	width: 100%;
	background-color: #eef3f8;
	& a {
		display: block;
		color: #000;
		padding: 20px 10px;
	}
	& .t_features_conts01_list_tl {
		font-size: 17px;
		font-weight: bold;
		margin: 0 5px 5px;
	}
}
.t_features_conts01_box_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	& .t_features_conts01_box {
		background-color: #fff;
		border: 1px dashed #665e56;
		padding: 10px;
		margin: 5px 0;
		width: 90%;
		& .t_features_conts01_box_tl {
			display: flex;
			margin: 5px;
			font-weight: bold;
			& span {
				border: 1px solid #111;
				padding: 0 7px;
				margin: 0 10px 0 0;
				background: #fff996;
			}
			& p {
				font-size: 15px;
				background: linear-gradient(transparent 70%, #fff996 0%);
			}
		}
		& ul {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 5px 0px 5px 25px;
			width: auto;
			& li {
				font-size: 14px;
				line-height: 1.8;
				list-style-type: disc;
				width: 100%;
			}
		}
	}
}
.t_features_cont02 {
	margin-top: 40px;
}
.t_features_cont02 .f_conts_tl {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.t_features_cont02 .f_conts_tl a {
	color: #333;
}
.t_features_cont02 .f_conts_tl img {
	width: 46px;
	margin-right: 10px;
}
.t_features_cont02 .f_conts_tl span {
	font-size: 30px;
	color: #40a0fb;
	font-weight: bold;
	text-align: center;
}
.t_features_cont02 .f_conts_subtl {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 15px;
}
.t_features_conts02_main {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.t_features_conts02_main_box {
	margin-bottom: 30px;
	background-color: #e0eff7;
	& a {
		display: block;
	}
}
.t_features_conts02_main_box img {
	width: 90%;
	padding: 5%;
}
.t_features_conts02_main_box_tl {
	font-size: 22px;
	line-height: 2.0;
	font-weight: bold;
	background-color: #008fc3;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.t_features_conts02_main_box p {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 0 15px;
	color: #000;
}
.t_features_cont03 {}
.t_features_cont03 .f_conts_tl {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.t_features_cont03 .f_conts_tl a {
	color: #333;
}
.t_features_cont03 .f_conts_tl img {
	width: 40px;
	margin-right: 10px;
}
.t_features_cont03 .f_conts_tl span {
	font-size: 30px;
	color: #40a0fb;
	font-weight: bold;
	text-align: center;
}
.t_features_cont03 .f_conts_subtl {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 15px;
}
.t_features_conts03_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.t_features_conts03_main_box {
	width: 44%;
	margin-bottom: 20px;
}
.t_features_conts03_main_box_tl {
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	color: #008fc3;
	text-align: center;
	margin-top: 15px;
}
.t_features_conts03_main_box p {
	font-size: 13px;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0 15px;
	text-align: center;
	color: #333;
}
.t_features_plat_wrap {
	width: 100%;
	background-color: #f9f0e7;
	padding: 15px 0 0;
}
.t_features_plat_wrap .f_conts_tl {
	font-size: 17px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 15px;
}
.t_features_plat_mainbox {
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 0;
}
.t_features_plat_box {
	text-align: center;
	width: 43%;
	margin-left: 15px;
	height: 190px;
}
.t_features_plat_box img {
	width: 60%;
}
.t_features_plat_box_tl {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.t_features_plat_box p {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	text-align: center;
	overflow: hidden;
}
.t_features_plat_subbox {
	display: flex;
	flex-direction: column;
	background-color: #f9f0e7;
	padding: 20px;
}
.t_feature_plat_subbox_tl {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #000000;
	padding: 6px 0;
	text-align: center;
}
.t_feature_plat_subbox_list {}
.t_feature_plat_subbox_list ul {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 30px;
}
.t_feature_plat_subbox_list li {
	font-size: 17px;
	line-height: 1.8;
	list-style-type: disc;
	width: 100%;
}
.t_features_cont03_btn_wrap {}
.t_features_cont03_btn_blue {
	margin-top: -30px;
}
.t_features_cont03_btn_blue a {
	background-color: #40a0fb;
	color: #fff;
}
/* ----------------------------------------
	anaba_ch
	---------------------------------------- */
.t_anaba_ch {
	width: 90%;
	margin: 80px auto;
}
.t_anaba_ch_conts {
	width: 95%;
	margin: 0 auto;
}
.a_video_box_in {
	box-sizing: border-box;
	box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 10px 1px rgba(51, 51, 51, 0.15);
	display: inline-block;
	margin-bottom: 20px;
}
.a_video_box_in a {
	display: block;
	padding: 10px;
}
.a_video_box_in:hover {
	outline: 2px solid #46a4f8;
}
.a_video_box_in img {
	width: 100%;
	object-fit: cover;
}
.a_video_title {
	color: #111;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	box-sizing: border-box;
	padding: 5px;
}
.a_video_text {
	color: #999999;
	font-size: 13px;
	line-height: 1.5;
	margin: 5px 0;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 65px;
	box-sizing: border-box;
	padding: 5px;
}
/*----アニメーション----*/
.slideleft.is-active {
	animation: slideinLeft 1s forwards;
}
@keyframes slideinLeft {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
	}
}
.slidebottom.is-active {
	animation: slideinBottom 1s forwards;
}
@keyframes slideinBottom {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
	}
}