@charset "UTF-8";
.splide__container {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
}

.splide__list {
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		height: 100%;
		margin: 0 !important;
		padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
		display: block;
}

.splide__pagination {
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		margin: 0;
		pointer-events: none;
}

.splide__pagination li {
		display: inline-block;
		line-height: 1;
		list-style-type: none;
		margin: 0;
		pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
		display: none;
}

.splide__progress__bar {
		width: 0;
}

.splide {
		position: relative;
		visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
		visibility: visible;
}

.splide__slide {
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		list-style-type: none !important;
		margin: 0;
		position: relative;
}

.splide__slide img {
		vertical-align: bottom;
}

.splide__spinner {
		-webkit-animation: splide-loading 1s linear infinite;
		        animation: splide-loading 1s linear infinite;
		border: 2px solid #999;
		border-left-color: transparent;
		border-radius: 50%;
		bottom: 0;
		contain: strict;
		display: inline-block;
		height: 20px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
}

.splide__sr {
		clip: rect(0 0 0 0);
		border: 0;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
		display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
		display: inline;
}

.splide__track {
		overflow: hidden;
		position: relative;
		z-index: 0;
}

@-webkit-keyframes splide-loading {
		0% {
				-webkit-transform: rotate(0);
				        transform: rotate(0);
		}
		to {
				-webkit-transform: rotate(1turn);
				        transform: rotate(1turn);
		}
}

@keyframes splide-loading {
		0% {
				-webkit-transform: rotate(0);
				        transform: rotate(0);
		}
		to {
				-webkit-transform: rotate(1turn);
				        transform: rotate(1turn);
		}
}
.splide__track--draggable {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		     user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
		margin: 0 !important;
		opacity: 0;
		z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
		opacity: 1;
		z-index: 1;
}

.splide--rtl {
		direction: rtl;
}

.splide__track--ttb > .splide__list {
		display: block;
}

.splide__arrow {
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		background: #ccc;
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		height: 2em;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		opacity: 0.7;
		padding: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 2em;
		z-index: 1;
}

.splide__arrow svg {
		fill: #000;
		height: 1.2em;
		width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
		opacity: 0.9;
}

.splide__arrow:disabled {
		opacity: 0.3;
}

.splide__arrow:focus-visible {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide__arrow--prev {
		left: 1em;
}

.splide__arrow--prev svg {
		-webkit-transform: scaleX(-1);
		        transform: scaleX(-1);
}

.splide__arrow--next {
		right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide__pagination {
		bottom: 0.5em;
		left: 0;
		padding: 0 1em;
		position: absolute;
		right: 0;
		z-index: 1;
}

.splide__pagination__page {
		background: #ccc;
		border: 0;
		border-radius: 50%;
		display: inline-block;
		height: 8px;
		margin: 3px;
		opacity: 0.7;
		padding: 0;
		position: relative;
		-webkit-transition: -webkit-transform 0.2s linear;
		transition: -webkit-transform 0.2s linear;
		transition: transform 0.2s linear;
		transition: transform 0.2s linear, -webkit-transform 0.2s linear;
		width: 8px;
}

.splide__pagination__page.is-active {
		background: #fff;
		-webkit-transform: scale(1.4);
		        transform: scale(1.4);
		z-index: 1;
}

.splide__pagination__page:hover {
		cursor: pointer;
		opacity: 0.9;
}

.splide__pagination__page:focus-visible {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide__progress__bar {
		background: #ccc;
		height: 3px;
}

.splide__slide {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
		outline: 0;
}

@supports (outline-offset: -3px) {
		.splide__slide:focus-visible {
				outline: 3px solid #0bf;
				outline-offset: -3px;
		}
}
@media screen and (-ms-high-contrast: none) {
		.splide__slide:focus-visible {
				border: 3px solid #0bf;
		}
}
@supports (outline-offset: -3px) {
		.splide.is-focus-in .splide__slide:focus {
				outline: 3px solid #0bf;
				outline-offset: -3px;
		}
}
@media screen and (-ms-high-contrast: none) {
		.splide.is-focus-in .splide__slide:focus {
				border: 3px solid #0bf;
		}
		.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
				border-color: #0bf;
		}
}
.splide__toggle {
		cursor: pointer;
}

.splide__toggle:focus-visible {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
		outline: 3px solid #0bf;
		outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
		border: 3px solid transparent;
		cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
		border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
		left: auto;
		right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
		left: 1em;
		right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
		-webkit-transform: scaleX(-1);
		        transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
		left: 50%;
		-webkit-transform: translate(-50%);
		        transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
		top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
		bottom: 1em;
		top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
		-webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
}

.splide__pagination--ttb {
		bottom: 0;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		left: auto;
		padding: 1em 0;
		right: 0.5em;
		top: 0;
}

#dic_slide_block {
		position: relative;
		-webkit-margin-before: 70px;
		        margin-block-start: 70px;
		margin-inline: calc(50% - 50vw);
		padding-inline: 20px;
}
@media screen and (min-width: 425px) {
		#dic_slide_block {
				padding-inline: 30px;
		}
}
@media screen and (min-width: 768px) {
		#dic_slide_block {
				padding-inline: 40px;
		}
}
@media screen and (min-width: 992px) {
		#dic_slide_block {
				padding-inline: 60px;
		}
}

.fixed_video {
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -60%;
		width: 166.6666666667vw;
		height: auto;
		container-type: inline-size;
		opacity: 0.2;
		max-width: 787px;
}
.fixed_video video {
		width: 100%;
		aspect-ratio: 16/9;
		height: auto;
}
.fixed_video::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50% 0%;
		width: 23.0769230769cqi;
		height: 100%;
		border-radius: 100vmax;
		background: radial-gradient(ellipse at center, rgba(250, 248, 244, 0.9), rgba(250, 248, 244, 0));
}

#dic_splide {
		margin-inline: calc(50% - 50vw);
}

.splide__slide {
		opacity: 0.3;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
}
.splide__slide a {
		display: block;
		padding-block: 95px 150px;
		width: 100%;
}
@media screen and (min-width: 992px) {
		.splide__slide a {
				padding-block: 60px;
		}
}
.splide__slide.is-active {
		opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
		.splide__slide.is-active:hover .keyword_name, .splide__slide.is-active:hover .keyword_count {
				color: #008C64;
		}
}

.splide__pagination__page {
		margin: 0;
		width: 10px;
		height: 10px;
}
.splide__pagination__page.is-active {
		-webkit-transform: unset;
		        transform: unset;
		background-color: #008C64;
}

.splide__pagination {
		gap: 10px;
}
@media screen and (min-width: 992px) {
		.splide__pagination {
				position: absolute;
				bottom: -40%;
				left: 50%;
				translate: -50% 0%;
		}
}

.splide__arrow {
		position: relative;
		left: unset;
		right: unset;
		top: unset;
		bottom: unset;
		background: unset;
		width: 30px;
}
@media screen and (min-width: 768px) {
		.splide__arrow {
				width: 40px;
		}
}
.splide__arrow svg {
		display: none;
}
.splide__arrow::before {
		content: "";
		position: absolute;
		top: 50%;
		translate: 0 -50%;
		width: 100%;
		height: 1px;
		background-color: #222222;
		-webkit-transition: background-color 0.3s, translate 0.3s;
		transition: background-color 0.3s, translate 0.3s;
}
.splide__arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		translate: 0 -100%;
		width: 8px;
		height: 6px;
		background-color: #222222;
		-webkit-transition: background-color 0.3s, translate 0.3s;
		transition: background-color 0.3s, translate 0.3s;
}
.splide__arrow.splide__arrow--prev::after {
		left: 0;
		clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
@media (hover: hover) and (pointer: fine) {
		.splide__arrow.splide__arrow--prev:hover::before {
				translate: -3px -50%;
				background-color: #008C64;
		}
		.splide__arrow.splide__arrow--prev:hover::after {
				translate: -3px -100%;
				background-color: #008C64;
		}
}
.splide__arrow.splide__arrow--next::after {
		right: 0;
		clip-path: polygon(0 0, 100% 100%, 0 100%);
}
@media (hover: hover) and (pointer: fine) {
		.splide__arrow.splide__arrow--next:hover::before {
				translate: 3px -50%;
				background-color: #008C64;
		}
		.splide__arrow.splide__arrow--next:hover::after {
				translate: 3px -100%;
				background-color: #008C64;
		}
}

.splide__arrows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 20px;
}

.keyword_count {
		font-size: 1.6rem;
		line-height: 1.5;
		color: #222222;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
}
@media screen and (min-width: 768px) {
		.keyword_count {
				font-size: 2rem;
		}
}

.keyword_name {
		font-size: 3.4rem;
		color: #222222;
		line-height: 1.5;
		font-weight: 2;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
}
@media screen and (min-width: 768px) {
		.keyword_name {
				font-size: 6rem;
		}
}
@media screen and (min-width: 992px) {
		.keyword_name {
				font-size: 9rem;
		}
}
@media screen and (min-width: 1200px) {
		.keyword_name {
				font-size: 11rem;
		}
}

.dic_more {
		font-size: 1.4rem;
		line-height: 1.5;
		-webkit-margin-before: 20px;
		        margin-block-start: 20px;
		text-align: center;
		color: #222222;
}
.dic_more span {
		display: inline-block;
		margin-inline: 5px;
		color: #008C64;
}
@media screen and (min-width: 768px) {
		.dic_more span {
				font-size: 1.6rem;
		}
}

.news_block {
		-webkit-margin-before: 50px;
		        margin-block-start: 50px;
}
@media screen and (min-width: 992px) {
		.news_block {
				-webkit-margin-before: 0px;
				        margin-block-start: 0px;
				position: absolute;
				bottom: 30px;
				left: 30px;
				translate: 0% 0%;
		}
}

.news_archive {
		font-size: 1.3rem;
		line-height: 1.4;
}
.news_archive span {
		display: inline-block;
		text-align: center;
		-webkit-margin-start: 10px;
		        margin-inline-start: 10px;
}
.news_archive a {
		padding-inline: 5px;
		color: #008C64;
}

.news_post {
		-webkit-margin-before: 15px;
		        margin-block-start: 15px;
		width: 65%;
		max-width: 260px;
}
.news_post h3 {
		font-size: 1.3rem;
		color: #222222;
		line-height: 1.5;
		overflow: hidden;
		text-overflow: ellipsis; /* 溢れた部分を「...」にする */
		white-space: nowrap;
}

.dic_guide {
		position: absolute;
		bottom: calc(15px + env(safe-area-inset-bottom));
		right: 0px;
		background-color: #008C64;
		border-radius: 10px 0 0 10px;
		padding: 20px 10px 20px 15px;
		border-top: solid 2px rgba(250, 248, 244, 0.4);
		border-left: solid 2px rgba(250, 248, 244, 0.4);
		border-bottom: solid 2px rgba(250, 248, 244, 0.4);
		-webkit-box-shadow: 0 0 6px rgba(34, 34, 34, 0.4);
		        box-shadow: 0 0 6px rgba(34, 34, 34, 0.4);
}
@media screen and (min-width: 992px) {
		.dic_guide {
				display: none;
		}
}

.dic_guide_text {
		position: relative;
		font-size: 1.6rem;
		font-weight: 500;
		color: #fff;
		-webkit-padding-start: 20px;
		        padding-inline-start: 20px;
		line-height: 1;
}
.dic_guide_text::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		translate: 0 -50%;
		width: 13px;
		height: 19px;
		background-image: url("../img/top/beginner.svg");
}

.guide_textbox {
		display: none;
		position: absolute;
		bottom: 30px;
		right: 30px;
		padding: 20px;
		border: solid 2px #222222;
		border-radius: 6px;
		max-width: 346px;
}
@media screen and (min-width: 992px) {
		.guide_textbox {
				display: block;
		}
}

.guide_textbox_title {
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1;
}

.guide_textbox_text {
		font-size: 1.3rem;
		line-height: 1.5;
		-webkit-margin-before: 20px;
		        margin-block-start: 20px;
}

#guide_popup {
		position: fixed;
		inset: 0;
		max-width: none;
		padding-inline: 20px;
		background-color: transparent;
		-webkit-padding-before: 70px;
		        padding-block-start: 70px;
}
@media screen and (min-width: 425px) {
		#guide_popup {
				padding-inline: 30px;
		}
}
@media screen and (min-width: 768px) {
		#guide_popup {
				padding-inline: 40px;
		}
}
@media screen and (min-width: 992px) {
		#guide_popup {
				padding-inline: 60px;
		}
}
#guide_popup::-ms-backdrop {
		background-color: rgba(0, 0, 0, 0.5);
}
#guide_popup::backdrop {
		background-color: rgba(0, 0, 0, 0.5);
}

.close_popup {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 30px;
		height: 22px;
		translate: 0 calc(-100% - 11px);
}
.close_popup::before, .close_popup::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		width: 30px;
		height: 2px;
		background-color: #ffffff;
}
.close_popup::before {
		rotate: 45deg;
}
.close_popup::after {
		rotate: -45deg;
}

.guide_popup_inner {
		position: relative;
}

.guide_popup_title {
		background-color: #008C64;
		border-radius: 6px 6px 0 0;
		padding-block: 18px;
		text-align: center;
		font-size: 2rem;
		font-weight: 500;
		color: #fff;
		line-height: 1.5;
}
.guide_popup_title span {
		position: relative;
		-webkit-padding-start: 25px;
		        padding-inline-start: 25px;
}
.guide_popup_title span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		translate: 0 -40%;
		width: 15px;
		height: 22px;
		background-image: url("../img/top/beginner.svg");
		background-size: cover;
}

.guide_popup_body {
		padding: 30px 40px;
		background-color: #ffffff;
		border-radius: 0 0 6px 6px;
}

.guide_popup_text {
		font-size: 1.6rem;
		line-height: 2;
}

.guide_popup_image {
		-webkit-margin-before: 20px;
		        margin-block-start: 20px;
}
/*# sourceMappingURL=top.css.map */