:root {
	--colorText :#000000;
	--colorAccentBg :#ff7d7d;
	--colorAccentLine :#ffd9d9;
	--gutterGrid:15px;
	--gutterGridMinus:-15px;
	--cubic:cubic-bezier(.19,1,.22,1);
}
.oec-contentArea {width:unset !important; padding:0 !important; }
.io {
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
	filter: blur(6px);
	-webkit-transition: 1s;
	transition: 1s;
}
.io.on {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
	filter: blur(0);
}
.grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:var(--gutterGridMinus);margin-bottom:var(--gutterGridMinus)}
.grid.grid--reverse{flex-direction:row-reverse}
.grid__item{padding-left:var(--gutterGrid);padding-bottom:var(--gutterGrid);width:100%;min-height:1px}
.grid__item.h100{height:100%}
.grid--no-gutters{margin-left:0;margin-bottom:0}
.grid--no-gutters>.grid__item{padding-left:0;padding-bottom:0}
/*.grid--one-gutters{margin-left:-1px;margin-bottom:-1px;}
.grid--one-gutters>.grid__item{padding-left:1px;padding-bottom:1px}*/
.grid--large-gutters{margin-left:-24px}
.grid--large-gutters>.grid__item{padding-left:24px}
@media screen and (min-width: 769px) {
	.grid--one-gutters{margin-left:-1px;margin-bottom:-1px;}
	.grid--one-gutters>.grid__item{padding-left:1px;padding-bottom:1px}
}
@media only screen and (min-width:1024px){
	.grid--large-gutters{margin-left:-48px}
	.grid--large-gutters>.grid__item{padding-left:48px}
	.grid__item--sticky{ position: sticky; top:80px; }
}
.grid--align-bottom{align-items:flex-end}
.grid--align-center{align-items:center}
.grid--align-top{align-items:flex-start}
.grid--justify-center{justify-content:center}
@media only screen and (max-width:767px){
	.grid-overflow-wrapper{margin:0;padding: 0;overflow:auto;-webkit-overflow-scrolling:touch}
	.grid-overflow-wrapper .grid{white-space:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:0;}
	.grid-overflow-wrapper .grid__item{width:200px;-ms-flex:0 0 200px;flex:0 0 200px;white-space:normal;padding-bottom:0;}
	.grid-overflow-wrapper .grid .grid .grid__item:first-child{margin-left:0}
	.grid-overflow-wrapper::-webkit-scrollbar{width:1px;height:1px}
}
.one-whole{width:100%}
.one-half{width:50%}
.one-third{width:33.33333%}
.two-thirds{width:66.66667%}
.one-quarter{width:25%}
.two-quarters{width:50%}
.three-quarters{width:75%}
.one-fifth{width:20%}
.two-fifths{width:40%}
.three-fifths{width:60%}
.four-fifths{width:80%}
.one-sixth{width:16.66667%}
.two-sixths{width:33.33333%}
.three-sixths{width:50%}
.four-sixths{width:66.66667%}
.five-sixths{width:83.33333%}
.one-eighth{width:12.5%}
.two-eighths{width:25%}
.three-eighths{width:37.5%}
.four-eighths{width:50%}
.five-eighths{width:62.5%}
.six-eighths{width:75%}
.seven-eighths{width:87.5%}
.one-tenth{width:10%}
.two-tenths{width:20%}
.three-tenths{width:30%}
.four-tenths{width:40%}
.five-tenths{width:50%}
.six-tenths{width:60%}
.seven-tenths{width:70%}
.eight-tenths{width:80%}
.nine-tenths{width:90%}
.one-twelfth{width:8.33333%}
.two-twelfths{width:16.66667%}
.three-twelfths{width:25%}
.four-twelfths{width:33.33333%}
.five-twelfths{width:41.66667%}
.six-twelfths{width:50%}
.seven-twelfths{width:58.33333%}
.eight-twelfths{width:66.66667%}
.nine-twelfths{width:75%}
.ten-twelfths{width:83.33333%}
.eleven-twelfths{width:91.66667%}
.show{display:block!important}
.hide{display:none!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
@media only screen and (max-width:767px){
	.small--one-whole{width:100%}
	.small--one-half{width:50%}
	.small--one-third{width:33.33333%}
	.small--two-thirds{width:66.66667%}
	.small--one-quarter{width:25%}
	.small--two-quarters{width:50%}
	.small--three-quarters{width:75%}
	.small--one-fifth{width:20%}
	.small--two-fifths{width:40%}
	.small--three-fifths{width:60%}
	.small--four-fifths{width:80%}
	.small--one-sixth{width:16.66667%}
	.small--two-sixths{width:33.33333%}
	.small--three-sixths{width:50%}
	.small--four-sixths{width:66.66667%}
	.small--five-sixths{width:83.33333%}
	.small--one-eighth{width:12.5%}
	.small--two-eighths{width:25%}
	.small--three-eighths{width:37.5%}
	.small--four-eighths{width:50%}
	.small--five-eighths{width:62.5%}
	.small--six-eighths{width:75%}
	.small--seven-eighths{width:87.5%}
	.small--one-tenth{width:10%}
	.small--two-tenths{width:20%}
	.small--three-tenths{width:30%}
	.small--four-tenths{width:40%}
	.small--five-tenths{width:50%}
	.small--six-tenths{width:60%}
	.small--seven-tenths{width:70%}
	.small--eight-tenths{width:80%}
	.small--nine-tenths{width:90%}
	.small--one-twelfth{width:8.33333%}
	.small--two-twelfths{width:16.66667%}
	.small--three-twelfths{width:25%}
	.small--four-twelfths{width:33.33333%}
	.small--five-twelfths{width:41.66667%}
	.small--six-twelfths{width:50%}
	.small--seven-twelfths{width:58.33333%}
	.small--eight-twelfths{width:66.66667%}
	.small--nine-twelfths{width:75%}
	.small--ten-twelfths{width:83.33333%}
	.small--eleven-twelfths{width:91.66667%}
}
@media only screen and (min-width:768px){
	.medium-up--one-whole{width:100%}
	.medium-up--one-half{width:50%}
	.medium-up--one-third{width:33.33333%}
	.medium-up--two-thirds{width:66.66667%}
	.medium-up--one-quarter{width:25%}
	.medium-up--two-quarters{width:50%}
	.medium-up--three-quarters{width:75%}
	.medium-up--one-fifth{width:20%}
	.medium-up--two-fifths{width:40%}
	.medium-up--three-fifths{width:60%}
	.medium-up--four-fifths{width:80%}
	.medium-up--one-sixth{width:16.66667%}
	.medium-up--two-sixths{width:33.33333%}
	.medium-up--three-sixths{width:50%}
	.medium-up--four-sixths{width:66.66667%}
	.medium-up--five-sixths{width:83.33333%}
	.medium-up--one-eighth{width:12.5%}
	.medium-up--two-eighths{width:25%}
	.medium-up--three-eighths{width:37.5%}
	.medium-up--four-eighths{width:50%}
	.medium-up--five-eighths{width:62.5%}
	.medium-up--six-eighths{width:75%}
	.medium-up--seven-eighths{width:87.5%}
	.medium-up--one-tenth{width:10%}
	.medium-up--two-tenths{width:20%}
	.medium-up--three-tenths{width:30%}
	.medium-up--four-tenths{width:40%}
	.medium-up--five-tenths{width:50%}
	.medium-up--six-tenths{width:60%}
	.medium-up--seven-tenths{width:70%}
	.medium-up--eight-tenths{width:80%}
	.medium-up--nine-tenths{width:90%}
	.medium-up--one-twelfth{width:8.33333%}
	.medium-up--two-twelfths{width:16.66667%}
	.medium-up--three-twelfths{width:25%}
	.medium-up--four-twelfths{width:33.33333%}
	.medium-up--five-twelfths{width:41.66667%}
	.medium-up--six-twelfths{width:50%}
	.medium-up--seven-twelfths{width:58.33333%}
	.medium-up--eight-twelfths{width:66.66667%}
	.medium-up--nine-twelfths{width:75%}
	.medium-up--ten-twelfths{width:83.33333%}
	.medium-up--eleven-twelfths{width:91.66667%}
}
@media only screen and (min-width:1024px){
	.large-up--one-whole{width:100%}
	.large-up--one-half{width:50%}
	.large-up--one-third{width:33.33333%}
	.large-up--two-thirds{width:66.66667%}
	.large-up--one-quarter{width:25%}
	.large-up--two-quarters{width:50%}
	.large-up--three-quarters{width:75%}
	.large-up--one-fifth{width:20%}
	.large-up--two-fifths{width:40%}
	.large-up--three-fifths{width:60%}
	.large-up--four-fifths{width:80%}
	.large-up--one-sixth{width:16.66667%}
	.large-up--two-sixths{width:33.33333%}
	.large-up--three-sixths{width:50%}
	.large-up--four-sixths{width:66.66667%}
	.large-up--five-sixths{width:83.33333%}
	.large-up--one-eighth{width:12.5%}
	.large-up--two-eighths{width:25%}
	.large-up--three-eighths{width:37.5%}
	.large-up--four-eighths{width:50%}
	.large-up--five-eighths{width:62.5%}
	.large-up--six-eighths{width:75%}
	.large-up--seven-eighths{width:87.5%}
	.large-up--one-tenth{width:10%}
	.large-up--two-tenths{width:20%}
	.large-up--three-tenths{width:30%}
	.large-up--four-tenths{width:40%}
	.large-up--five-tenths{width:50%}
	.large-up--six-tenths{width:60%}
	.large-up--seven-tenths{width:70%}
	.large-up--eight-tenths{width:80%}
	.large-up--nine-tenths{width:90%}
	.large-up--one-twelfth{width:8.33333%}
	.large-up--two-twelfths{width:16.66667%}
	.large-up--three-twelfths{width:25%}
	.large-up--four-twelfths{width:33.33333%}
	.large-up--five-twelfths{width:41.66667%}
	.large-up--six-twelfths{width:50%}
	.large-up--seven-twelfths{width:58.33333%}
	.large-up--eight-twelfths{width:66.66667%}
	.large-up--nine-twelfths{width:75%}
	.large-up--ten-twelfths{width:83.33333%}
	.large-up--eleven-twelfths{width:91.66667%}
}
@media only screen and (min-width:1200px){
	.widescreen--one-whole{width:100%}
	.widescreen--one-half{width:50%}
	.widescreen--one-third{width:33.33333%}
	.widescreen--two-thirds{width:66.66667%}
	.widescreen--one-quarter{width:25%}
	.widescreen--two-quarters{width:50%}
	.widescreen--three-quarters{width:75%}
	.widescreen--one-fifth{width:20%}
	.widescreen--two-fifths{width:40%}
	.widescreen--three-fifths{width:60%}
	.widescreen--four-fifths{width:80%}
	.widescreen--one-sixth{width:16.66667%}
	.widescreen--two-sixths{width:33.33333%}
	.widescreen--three-sixths{width:50%}
	.widescreen--four-sixths{width:66.66667%}
	.widescreen--five-sixths{width:83.33333%}
	.widescreen--one-eighth{width:12.5%}
	.widescreen--two-eighths{width:25%}
	.widescreen--three-eighths{width:37.5%}
	.widescreen--four-eighths{width:50%}
	.widescreen--five-eighths{width:62.5%}
	.widescreen--six-eighths{width:75%}
	.widescreen--seven-eighths{width:87.5%}
	.widescreen--one-tenth{width:10%}
	.widescreen--two-tenths{width:20%}
	.widescreen--three-tenths{width:30%}
	.widescreen--four-tenths{width:40%}
	.widescreen--five-tenths{width:50%}
	.widescreen--six-tenths{width:60%}
	.widescreen--seven-tenths{width:70%}
	.widescreen--eight-tenths{width:80%}
	.widescreen--nine-tenths{width:90%}
	.widescreen--one-twelfth{width:8.33333%}
	.widescreen--two-twelfths{width:16.66667%}
	.widescreen--three-twelfths{width:25%}
	.widescreen--four-twelfths{width:33.33333%}
	.widescreen--five-twelfths{width:41.66667%}
	.widescreen--six-twelfths{width:50%}
	.widescreen--seven-twelfths{width:58.33333%}
	.widescreen--eight-twelfths{width:66.66667%}
	.widescreen--nine-twelfths{width:75%}
	.widescreen--ten-twelfths{width:83.33333%}
	.widescreen--eleven-twelfths{width:91.66667%}
}
@media only screen and (max-width:767px){
	.small--show{display:block!important}
	.small--hide{display:none!important}
	.small--text-left{text-align:left!important}
	.small--text-right{text-align:right!important}
	.small--text-center{text-align:center!important}
}
@media only screen and (min-width:768px){
	.medium-up--show{display:block!important}
	.medium-up--hide{display:none!important}
	.medium-up--text-left{text-align:left!important}
	.medium-up--text-right{text-align:right!important}
	.medium-up--text-center{text-align:center!important}
}
@media only screen and (max-width:1023px){
	.medium-down--show{display:block!important}
	.medium-down--hide{display:none!important}
	.medium-down--text-left{text-align:left!important}
	.medium-down--text-right{text-align:right!important}
	.medium-down--text-center{text-align:center!important}
}
@media only screen and (min-width:1024px){
	.large-up--show{display:block!important}
	.large-up--hide{display:none!important}
	.large-up--text-left{text-align:left!important}
	.large-up--text-right{text-align:right!important}
	.large-up--text-center{text-align:center!important}
}
@media only screen and (min-width:1200px){
	.widescreen--show{display:block!important}
	.widescreen--hide{display:none!important}
	.widescreen--text-left{text-align:left!important}
	.widescreen--text-right{text-align:right!important}
	.widescreen--text-center{text-align:center!important}
}
.media {
	height: 0;
	line-height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}
.media--square {
	padding-bottom: 100%;
}
.media--circle {
	padding-bottom: 100%;
	border-radius:100%;
}
.media--bannersmall {
	padding-bottom: 25%;
}

.media--banner {
	margin:30px 0;
}
.media--rect {
	padding-bottom: 66.6666%;
}
.media--portrait2 {
	padding-bottom: 125%;
}
.media--portrait {
	padding-bottom: 133.3333%;
}
.media--mov {
	padding-bottom: 56.25%;
}
.media--mov.media--movport {
	padding-bottom: 150%;
}
.media img {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: contain;';
}
.io .media img {
	opacity: 0;
	transform: scale(0.8);
}
.io.on .media img {
	transition: transform 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
	transform: scale(1);
	opacity: 1;
}

.rte {
	margin:30px auto;
}
.rte > *:first-child {
	margin-top:0 !important
}
.rte > *:last-child {
	margin-bottom:0 !important
}
.rte > img {
	display: block;
	max-width:100%;
	margin:15px auto;
}
.swiper-button-prev {
	background: #fff;
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.swiper-button-next {
	background: #fff;
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.platform { overflow:unset; }
.ofeature-page * { -o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ofeature-page { position: relative; margin:0 -6.25vw; color: var(--colorText); }
@media (min-width: 480px) {
	:root {
		--blue: #87cef5;
		--green: #ebf4ec;
		--yellow: #f3f1e2;
		--pink: #f5e8ef;
	}

	/* .ofeature-page {
		background-color: var(--blue);  
		animation: bg 30s infinite;
	}

	@keyframes bg {
		0%, 100% { background-color: var(--blue); }
		25% { background-color: var(--green); }
		50% { background-color: var(--yellow); }
		75% { background-color: var(--pink); }
	} */
	.circle-container {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:-1;
		overflow: hidden;
		opacity:0.6;
	}
	.circle {
		position: absolute;
		top: -20vmax;
		left: 0%;
		width: 100vmax;
		height: 100vmax;
		border-radius: 50%;
		mix-blend-mode: screen;
		filter: blur(80px);
	}
	#circle1 {
		background-color: rgba(235, 223, 135, 0.6);
		background-color: color(display-p3 0.92 0.87 0 / 0.5);
	}
	#circle2 {
		background-color: rgba(0, 200, 255, 0.6);
		background-color: color(display-p3 0 0.78 1.0 / 0.6);
	}
	#circle3 {
		background-color: rgba(254, 182, 255, 0.6);
		background-color: color(display-p3 1.0 0.71 1.0 / 0.6);
	}
	@keyframes orbit {
		0% { transform: rotate(0deg) translateX(20vmin) rotate(0deg); }
		100% { transform: rotate(360deg) translateX(20vmin) rotate(-360deg); }
	}
	@keyframes rorbit {
		100% { transform: rotate(0deg) translateX(20vmin) rotate(0deg); }
		0% { transform: rotate(360deg) translateX(20vmin) rotate(-360deg); }
	}
	#circle1 {
		animation: orbit 6s infinite linear;
	}
	#circle2 {
		animation: rorbit 10s infinite linear;
	}
	#circle3 {
		animation: rorbit 8s infinite linear;
	}
}
@media (max-width: 1023px) {
    .ofeature-page { margin:0 -64px }
}

@media screen and (max-width: 768px) {
    .ofeature-page { margin:0 -20px }
}

@media (min-width: 1441px) {
    .ofeature-page { margin:0 -90px }
}

.ofeature-page__inner { position: relative; z-index: 3; max-width: 480px; margin:0 auto; padding:1px 0 0; background-color: #fff; box-shadow: 0px 0px 16px rgba(137, 137, 137, .3); }
.page-width {
	width:90%;
	margin:0 auto;
}
.page-full {
	width:100%
}

.ff-en {
	font-weight:400;
}

.ofeature-page h1,.ofeature-page .h1 {
	font-size:28px;
	line-height:1.5;
	margin:15px 0;
}
.ofeature-page h2,.ofeature-page .h2 {
	font-size:24px;
	margin:15px 0;
}
.ofeature-page h3,.ofeature-page .h3 {
	font-size:20px;
	margin:15px 0;
}
.ofeature-page h4,.ofeature-page .h4 {
	font-size:18px;
	margin:15px 0;
}
.ofeature-page h5,.ofeature-page .h5 {
	font-size:13px;
	margin:15px 0;
}
.ofeature-page p,.ofeature-page .p {
	font-size:16px;
	margin:15px 0;
}
.ofeature-page p.xs {
	font-size: 13px;
}
.ofeature-page .small-text {
	font-size:12px;
	line-height: 1.5;
	text-align: justify;
}
.ofeature-page strong{
	display: inline;
	background: linear-gradient(transparent 70%, var(--colorAccentLine) 20%);
}
.ofeature-page sup,.ofeature-page sub {
	font-size:10px;
}
.ofeature-page .box-text {
	display: inline-block;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #999;
	padding:5px 10px;
}
@media screen and (max-width: 480px) {
	.ofeature-page h1,.ofeature-page .h1 {
		font-size:6.25vw;
	}
	.ofeature-page h2,.ofeature-page .h2 {
		font-size:5vw;
	}
	.ofeature-page h3,.ofeature-page .h3 {
		font-size:4.2vw;
	}
	.ofeature-page h4,.ofeature-page .h4 {
		font-size:4vw;
	}
	.ofeature-page h5,.ofeature-page .h5 {
		font-size:3vw;
	}
	.ofeature-page p,.ofeature-page .p {
		font-size:3.333vw;
	}
	.ofeature-page p.xs {
		font-size: 2.8vw;
	}
	.ofeature-page .small-text {
		font-size:2.5vw;
	}
}


.ofeature-icatch {}

.ofeature-header {
	position:relative;
	margin:25px auto;
}

@media screen and (max-width: 480px) {
	.ofeature-header {
		margin:20px auto;
	}
}

.ofeature-separate {
	width:100%;
	border:0;
	margin:30 auto;
	border-top:1px solid #e1e1e1;
}

@media screen and (max-width: 480px) {
	.ofeature-separate {
		margin:25px auto;
	}
}

.ofeature-onayami {
	margin:25px auto 50px;
}
@media screen and (max-width: 480px) {
	.ofeature-onayami {
		margin:20px auto 40px;
	}
}

:root {
	--colorSectionBg :#f9f9f9;
	--colorSectionLine :#f2f2f2;
}
.ofeature-section {
	margin:7px auto;
	padding:30px 0;
	background-color: var(--colorSectionBg);
    background-image: linear-gradient(to right, var(--colorSectionLine) 1px, transparent 1px), linear-gradient(to bottom, var(--colorSectionLine) 1px, transparent 1px);
    background-size: 7px 7px;
    background-position: 50% 0;
}
.ofeature-section--blue {
	--colorSectionBg :#f9fdff;
	--colorSectionLine :#eff8ff;
}
.ofeature-section--yellow {
	--colorSectionBg :#fffef9;
	--colorSectionLine :#fbf7dc;
}
.ofeature-section--red {
	--colorSectionBg :#fff9f9;
	--colorSectionLine :#ffefef;
}
.ofeature-section--green {
	--colorSectionBg :#f9fffa;
	--colorSectionLine :#f1f9f4;
}

@media screen and (max-width: 480px) {
	.ofeature-section {
		padding:25px 0;
	}
}

.ofeature-section-title {
}
.ofeature-section-title h3 {
	margin:0;
}
.ofeature-section-title h2 {
	margin:0;
	line-height: 1.5;
}
.ofeature-section-title p {
	margin:0;
}

.ofeature-section-icatch {
	margin:30px auto;
}
@media screen and (max-width: 480px) {
	.ofeature-section-icatch {
		margin:20px auto;
	}
}

.ofeature-section-icatch .caption {
	font-size:13px;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	line-height:1;
	color:#fff;
	position:absolute;
	left:12px;
	bottom:12px;
}
@media screen and (max-width: 480px) {
	.ofeature-section-icatch .caption {
		font-size:12px;
	}
}


.ofeature-section-btn {
	position:relative;
	margin:20px auto;
	text-align:center;
	background:var(--colorAccentBg);
	color:#fff;
	font-weight:700;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width:100%;
	border-radius:40px;
	text-decoration:none !important;
	font-size:15px;
}
.ofeature-section-btn:hover,
.ofeature-section-btn:active { color:#fff; }
.ofeature-btn__arrow {
	position:absolute;
	right:5px;
	top:50%;
	width:40px;
	height:40px;
	transform:translateY(-50%);
	background:rgba(255,255,255,0.2);
	box-shadow:0 1px 4px rgba(0,0,0,0.1);
	border-radius:100%;
	overflow:hidden;
}
.ofeature-btn__arrow:before,
.ofeature-btn__arrow:after {
	content: "";
	width: 14px;
	height: 14px;
	background: url(../../images/swm/btn_arrow.svg);
	background-size:cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	transition: 0.5s;
}
.ofeature-btn__arrow:after {
	left:-50%;
}
a:hover .ofeature-btn__arrow:before{
	left:150%;
}
a:hover .ofeature-btn__arrow:after {
	left:50%;
}

.ofeature-index {
	display: flex;
	flex-direction: column;
	gap:10px;
	margin-top:20px;
}

.ofeature-index-nav {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #5C5A5A;
	color:#fff;
	padding:1px 10px;
	text-decoration: none;
}
.ofeature-index-nav__icon {
	width:60px;
	padding-right:10px;
}
.ofeature-index-nav__text {
	width:calc(100% - 85px);
}
.ofeature-index-nav__text p {
	margin:7px 0;
}
.ofeature-index-nav:after {
	content:"";
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	width:10px;
	height:10px;
	position: absolute;
	right:20px;
	top:50%;
	transform: rotate(45deg) translateY(-50%);
	margin-top:-5px;
	transition: 0.2s;
}
.ofeature-index-nav:hover:after {
	margin-top:0;
}

.recommendItems {
	background-color: #fff;
	padding:20px 0 40px;
}
.recommendItems h2 {
	text-align:center;
	color:#000;
}
.recommendItems__links {
	margin-top:30px;
	display: flex;
	flex-direction: column;
	gap:20px;
}
.recommendItems__link {
	position:relative;
	display:block;
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	height:100%;
	width:100%;
	margin:0 auto;
	padding:20px 0;
	border-radius: 10px;
	overflow: hidden;
}
.recommendItems__link a,
.recommendItems__link a:hover {
	text-decoration:unset;
}
.recommendItems__link a {
	display: block;
}
.recommendItems__image {
	width:70%;
	margin:0 auto
}
.recommendItems__text {
	width:90%;
	margin:10px auto;
}

.recommendItems__btn {
	width:90%;
	margin:10px auto 0;
}


.useItems__links {
	margin-top:0;
	display: flex;
	flex-direction: column;
	gap:12px;
}
.useItems__link {
	position:relative;
	display:block;
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	height:100%;
	width:100%;
	margin:0 auto;
	border-radius: 5px;
	overflow: hidden;
}
.useItems__link a,
.useItems__link a:hover {
	text-decoration:unset;
}
.useItems__link a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding:10px;
}
.useItems__image {
	width:26%;
	margin:0 auto
}
.useItems__text {
	width:66%;
	margin:0 auto;
}
.useItems__text--full {
	width:98%
}
.useItems__btn {
	position: absolute;
	right:0;
	bottom:0;
	width:50px;
	margin:0;
}


.fukidashi {
	position: relative;
	display: inline-block;
}
.fukidashi:before,
.fukidashi:after {
	content:"";
	position: absolute;
	height:80%;
	width:1px;
	top:10%;
	display: block;
	background-color: var(--colorText);
}
.fukidashi:before {
	left:-15px;
	transform: rotate(-30deg);
}
.fukidashi:after {
	right:-15px;
	transform: rotate(30deg);
}
.recommendItems .fukidashi:before,
.recommendItems .fukidashi:after {
	background-color: #fff;
}

.howtoSwiper {
	width: 100%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .1;
}
.howtoSwiper .swiper-wrapper {
	align-items: stretch;
}
.howtoSwiper-slide {
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 240px;
	height:unset;
}
.howtoSwiper-slide:first-child {
	width:260px;
	padding-left:20px;
}
.howtoSwiper-slide:last-child {
	width:260px;
	padding-right:20px;
}
.howtoSwiper-col {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.05);
	padding:0 15px;
}
.howtoSwiper-col__text {
	text-align:left;
}
.howtoSwiper-col p {
	line-height:1.5;
}
.ofeature-comment {
	position: relative;
	background-color: rgba(255,255,255,0.5);
	border:3px double #ccc;
	padding:15px;
}
.ofeature-comment:before {
	content:"“";
	position: absolute;
	left:5px;
	top:0;
	line-height: 1;
	font-size: 50px;
	color:var(--colorAccentBg);
}
.ofeature-comment:after {
	content:"”";
	position: absolute;
	right:5px;
	bottom:-20px;
	line-height: 1;
	font-size: 50px;
	color:var(--colorAccentBg);
}
.commentBC {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom: 15px;
}
.commentBC__image {
	width:25%;
}
.commentBC__text {
	width:75%;
}
.commentBC__text > * {
	margin:0 !important;
}
.ofeature-comment__text > * {
	margin:5px 0 !important;
}