:root {
	--colorText :#000000;
	--colorGold :#b4975f;
	--colorBg :#ccc;
	--colorSectionBg :#f9fdff;
	--colorAccentBg :#ff7d7d;
	--colorAccentText :#000;
	--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:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--colorBg);
	transform-origin: 0 0;
}
.io.on .media:after {
	transition: transform 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1), background 2s cubic-bezier(0.19, 1, 0.22, 1);
	transform: scaleY(0);
}
.platform { overflow:unset; }
.ofeature-page * { color: var(--colorText); -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 .container { max-width: 1620px; }
.page-width {
	width:94%;
	max-width:1080px;
	margin:0 auto;
}
.page-width--narrow {
	max-width:760px;
}
.page-full {
	width:94%;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	.page-width,
	.page-full {
		width:100%;
	}
}

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

.ofeature-page h1,.ofeature-page .h1 {
	font-size:36px;
	line-height:1.5;
	margin:10px 0;
}
.ofeature-page h2,.ofeature-page .h2 {
	font-size:30px;
	margin:10px 0;
}
.ofeature-page h3,.ofeature-page .h3 {
	font-size:24px;
	margin:10px 0;
}
..ofeature-page .h3 strong{
	font-size:24px;
	margin:10px 0;
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.ofeature-page h4,.ofeature-page .h4 {
	font-size:17px;
	margin:10px 0;
}
.ofeature-page h5,.ofeature-page .h5 {
	font-size:13px;
	margin:10px 0;
}
.ofeature-page p,.ofeature-page .p {
	font-size:16px;
	margin:10px 0;
}
@media screen and (max-width: 1280px) {
	.ofeature-page h1,.ofeature-page .h1 {
		font-size:32px;
	}
	.ofeature-page h2,.ofeature-page .h2 {
		font-size:27px;
	}
	.ofeature-page h3,.ofeature-page .h3 {
		font-size:22px;
	}
	.ofeature-page h4,.ofeature-page .h4 {
		font-size:16px;
	}
	.ofeature-page p,.ofeature-page .p {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) {
	.ofeature-page h1,.ofeature-page .h1 {
		font-size:22px;
	}
	.ofeature-page h2,.ofeature-page .h2 {
		font-size:20px;
	}
	.ofeature-page h3,.ofeature-page .h3 {
		font-size:17px;
	}
	.ofeature-page h4,.ofeature-page .h4 {
		font-size:14px;
	}
	.ofeature-page p,.ofeature-page .p {
		font-size:13px;
	}
}
sup,sub {
	font-size:10px;
}

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

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

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

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

.ofeature-onayami {
	margin:40px auto;
}

.ofeature-onayami h3 strong{
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}

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


.ofeature-foot {
	position:relative;
	padding:0 0 80px;
	text-align:center;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.ofeature-foot p {
	letter-spacing:0.1em;
	font-size:18px;
	font-weight:700;
}
@media screen and (max-width: 768px) {
	.ofeature-foot p {
		font-size:14px;
	}
}

.ofeature-anchor-sticky {
	margin:40px 0;
	position:sticky;
	top:0;
	z-index:2;
}
.ofeature-anchor-btns {
	
}
.ofeature-btn {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:left;
	background:#fff;
	text-decoration: none;
	padding: 10px;
	height:52px;
	box-shadow:0 0 0 1px #eee;
	border-bottom:1px solid #fff;
	transition:0.4s ease;
}
.ofeature-btn strong {
	font-size:13px;
	line-height:1.3;
	margin:0;
	padding-left:40px;
}
.ofeature-btn span {
	font-size:10px;
	padding-left:40px;
}
.ofeature-btn img {
	position:absolute;
	left:1px;
	top:1px;
	width:50px;
	height:50px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: contain;';
}
.ofeature-btn:hover {
	opacity:1;
	border-bottom:1px solid #ccc;
	text-decoration: none;
}
.ofeature-btn.is-current,
.ofeature-btn.is-current:hover {
	border-bottom:1px solid var(--colorText);
}
@media screen and (max-width: 768px) {
	.ofeature-anchor-sticky {
		margin:40px -20px;
		top:60px;
	}
	.js-overflow-scroll {
		padding-bottom:1px;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling:touch
	}
	.js-overflow-scroll .grid{
		white-space:nowrap;
		display:flex;
		flex-wrap: nowrap!important;
		padding: 1px 0 0;
	}
	.js-overflow-scroll .grid__item {
		width:120px;
		flex:0 0 120px;
		display:inline-block;
		float:none;
		white-space:normal;
	}
	.js-overflow-scroll .grid__item.medium-up--one-third,
	.js-overflow-scroll .grid__item.medium-up--one-quarter,
	.js-overflow-scroll .grid__item.medium-up--one-fifth {
		width:200px;
		flex:0 0 200px;
	}
	.js-overflow-scroll .grid__item.medium-up--one-half {
		width:200px;
		flex:0 0 200px;
	}
	.ofeature-btn strong {
		font-size:10px;
	}
	.ofeature-btn span {
		font-size:10px;
	}
}

.scroll-button {
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	transform:translateY(-50%);
	background-size:cover;
	z-index:5;
}
.scroll-button-prev {
	left:0;
	background-image:url(../../images/swm/icon-prev.png);
}
.scroll-button-next {
	right:0;
	background-image:url(../../images/swm/icon-next.png);
}
.illust-col__text p.small-text {
	font-size:10px;
}
.ofeature-section p.small-text {
	font-size:10px;
}
.ofeature-section p strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.ofeature-section {
	margin:70px auto 100px;
	padding:4px 0;
	background-color: var(--colorSectionBg);
	box-shadow:0 0 0 1px #eff8ff;
    background-image: linear-gradient(to right, #eff8ff 1px, transparent 1px), linear-gradient(to bottom, #eff8ff 1px, transparent 1px);
    background-size: 7px 7px;
    background-position: 50% 0;
}
.ofeature-section__inner {
	max-width:900px;
	margin:0 auto;
	padding:20px 40px 40px;
}
@media screen and (max-width: 768px) {
	.ofeature-section {
		margin:50px -10px;
	}
	.ofeature-section__inner {
		padding:10px 20px 20px;
	}
}

.ofeature-section-box {
	border:1px solid #eee;
	background-color:#fff;
	margin:30px auto;
	padding:0 20px;
}
.ofeature-section-box .ofeature-section-icatch {
	margin:0 -20px;
}
@media screen and (max-width: 768px) {
	.ofeature-section-box {
		padding:0 12px;
	}
	.ofeature-section-box .ofeature-section-icatch {
		margin:0 -12px;
	}
}
.ofeature-section-title {
	padding:20px 0;
}
.ofeature-section-title h3 {
	color:var(--colorAccentText);
	display: flex;
	align-items: center;
	justify-content: center;
}
.ofeature-section-title h2 {
	color:var(--colorAccentText);
	font-weight:700;
	line-height:1.4;
	margin:0;
}
.ofeature-section-title strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.ofeature-section-title p {
	margin:0;
}
.ofeature-section-title .timeicon {
	display:block;
	width:80px;
	margin:0 auto 10px;
}

@media screen and (max-width: 768px) {
	.ofeature-section-title {
		padding:5px 0;
	}
	.ofeature-section-title h3 {
		font-size:15px;
		margin-bottom:10px;
	}
	.ofeature-section-title h3 i {
		display:none;
	}
	.ofeature-section-title h2 {
		font-size:20px;
	}
	.ofeature-section-title .date {
		font-size:18px;
	}
	.ofeature-section-title .date span {
		font-size:13px;
	}
	.ofeature-section-title p {
		font-size:13px;
	}
	.ofeature-section-title p strong {
		font-size:14px;
	}
	.ofeature-section-title p small-text {
		font-size:10px;
	}
}
.ofeature-section-icatch {
	margin:30px auto;
}
@media screen and (max-width: 768px) {
	.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: 768px) {
	.ofeature-section-icatch .caption {
		font-size:12px;
	}
}

.ofeature-section-bodytext {
	
}
.ofeature-section-bodytext p {
	line-height:1.6;
	margin:20px 0;

}

.ofeature-header p , {
	display: inline;
}
.ofeature-header p.small-text {
	font-size:10px;
}

.ofeature-section-bodytext p strong,
.ofeature-section-howto__text p strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}

.ofeature-section-fukidashi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding: 12px 16px;
}

  .ofeature-section-fukidashi::before {
	content: "";
	width: 30px;
	height: 2px;
	transform: rotate(60deg);
	box-sizing: border-box;
	background-color: #333333;
}

  .ofeature-section-fukidashi::after {
	content: "";
	width: 30px;
	height: 2px;
	transform: rotate(-60deg);
	box-sizing: border-box;
	background-color: #333333;
}

.ofeature-section-fukidashi h4 strong {
	margin:10px 0;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}

.ofeature-section-fukidashi p strong {
	margin:10px 0;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}

.ofeature-section-bc h4 .line {
	display: inline;
}

.ofeature-section-bc h4 .line--yellow {
	background: linear-gradient(transparent 70%, #FFE8A9 20%);
}
.ofeature-section-bc h4 .line--blue {
	background: linear-gradient(transparent 70%, #B6DEFF 20%);
}

@media screen and (max-width: 768px) {
	.ofeature-section-bodytext {
		margin-bottom:30px;
	}
}
.ofeature-section-items {
}
.ofeature-section-items > h3 {
	font-size:20px;
	color:var(--colorAccentText);
	text-align:center;
	margin-bottom:10px;
}
.ofeature-section-item {
	display:block;
	text-decoration:none !important;
}
.ofeature-section-item__text {
	text-align:center;
}
.ofeature-section-item__text p {
	margin:10px 0;
	text-decoration:underline;
}
.ofeature-section-item__btn {
	text-align:center;
	background:var(--colorAccentBg);
	color:#fff;
	display:block;
	padding:10px;
}
@media screen and (max-width: 768px) {
	.ofeature-section-items > h3 {
		font-size:16px;
	}
	.ofeature-section-item__text p {
		font-size:11px;
	}
	.ofeature-section-item__btn {
		font-size:12px;
		padding:5px;
	}
}
.ofeature-section-cautions {
	
}
.ofeature-section-cautions p {
	margin:0;
}
.ofeature-section-cautions ul {
	margin:10px 0;
}
.ofeature-section-cautions ul li {
	position:relative;
	padding-left:15px;
	font-size:12px;
}
.ofeature-section-cautions ul li:before {
	content:"＊";
	position:absolute;
	left:0;
	top:0;
}
.ofeature-section-cautions ol {
	margin:10px 0;
	list-style:decimal;
}
.ofeature-section-cautions ol li {
	position:relative;
	font-size:12px;
	list-style:none;
}
.ofeature-section-cautions ol.inline li {
	display:inline-block;
	margin-right:10px;
}
.ofeature-section-cautions ol.inline li:last-child {
	margin-right:0;
}
@media screen and (max-width: 768px) {
	.ofeature-section-cautions ul li {
		font-size:11px;
		padding-left:12px;
	}
	.ofeature-section-cautions ol li {
		font-size:11px;
	}
}

.ofeature-section-howto {
	position:relative;
	margin:40px 0;
}
.ofeature-section-howto__col {
	text-align:left;
}
.ofeature-section-howto__text {
	margin:10px 0;
}
.ofeature-section-howto__text div.ff-en {
	font-weight:700;
}
.ofeature-section-howto__text p {
	line-height:1.5;
	margin:0;
}
.ofeature-section-howto__list dl {
	display:flex;
	text-align:left;
	margin:15px 0;
}
.ofeature-section-howto__list dt {
	width:150px;
	padding:10px 0;
	border-top:1px solid #000;
}
.ofeature-section-howto__list dd {
	width:calc(100% - 150px);
	padding:10px 0;
	border-top:1px solid #ccc;
}
@media screen and (max-width: 768px) {
	.ofeature-section-howto__col {
		display:flex;
	}
	.ofeature-section-howto__image {
		width:120px;
	}
	.ofeature-section-howto__text {
		width:calc(100% - 120px);
		padding-left:15px;
		margin:0;
	}
	.ofeature-section-howto__list dl {
		flex-wrap:wrap;
	}
	.ofeature-section-howto__list dt,
	.ofeature-section-howto__list dd {
		width:100%;
		padding:6px 0;
	}
}

.ofeature-section-btn {
	position:relative;
	max-width:640px;
	margin:20px auto;
	text-align:center;
	background:var(--colorAccentBg);
	color:#fff;
	font-weight:700;
	display:block;
	padding:10px;
	border-radius:40px;
	text-decoration:none !important;
	font-size:14px;
}
.ofeature-section-btn:hover,
.ofeature-section-btn:active { color:#fff; }
.ofeature-btn__arrow {
	position:absolute;
	right:5px;
	top:50%;
	width:35px;
	height:35px;
	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-section-bctop-wrap {
	margin:30px auto;
}
.ofeature-section-bctop-wrap .ofeature-section-bctop {
	margin:10px auto;
	padding:15px;
}
.ofeature-section-bctop {
	position:relative;
	display:flex;
	align-items:center;
	margin:30px auto;
	background:#f2f2f2;
	text-align:left;
	border-radius:5px;
}
.ofeature-section-bctop__image {
	width:150px;
}
.ofeature-section-bctop__text {
	padding-left:20px;
	width:calc(100% - 120px);
}
.ofeature-section-bctop__text h4 {
	font-size:16px;
	font-weight:700;
	margin:0 0 10px;
}
.ofeature-section-bctop__text p {
	margin:0;
}
.ofeature-section-bctop__text p  strong {
	display:inline;
	font-weight:700;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
@media screen and (max-width: 768px) {
	.ofeature-section-bctop {
		flex-direction:column;
	}
	.ofeature-onayami .ofeature-section-bctop .media {
		margin: top 0;
	}
	.ofeature-section-bctop__text {
		width:calc(100% - 30px);
		padding:0;
		text-align:center;
	}
	.ofeature-section-bctop__text h4 {
		text-align:center;
	}
}


.ofeature-section-bc-wrap {
	margin:30px auto;
}
.ofeature-section-bc-wrap .ofeature-section-bc {
	margin:10px auto;
}
.ofeature-section-bc {
	position:relative;
	margin:30px auto;
	text-align:left;
}
.ofeature-section-bc__image {
	text-align:center;
}
.ofeature-section-bc__imageinner {
	width:80px;
	margin:0 auto 20px;
}
.ofeature-section-bc__imagelarge {
	width:300px;
	margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
	.ofeature-section-bc__imagelarge {
		width:200px;
	}
}
.ofeature-section-bc__image h4 {
	font-size:16px;
	font-weight:700;
	margin:0 0 10px;
}
.ofeature-section-bc__text {
	position:relative;
	padding:15px;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.5);
	margin:10px;
}
.ofeature-section-bc__text:before {
	content:"";
	position:absolute;
	background-color:#fff;
	width:6px;
	height:12px;
	left:50%;
	top:-10px;
	margin-left:-7px;
	transform:rotate(-30deg);
}
.ofeature-section-bc__text:after {
	content:"";
	position:absolute;
	background-color:#fff;
	border-left:1px solid rgba(0,0,0,0.5);
	width:6px;
	height:12px;
	left:50%;
	top:-10px;
	margin-left:-10px;
	transform:rotate(30deg);
}
.ofeature-section-bc__text h4 {
	margin:10px 0 0;
	font-weight:700;
	font-size:16px;
	text-align:center;
}
.ofeature-section-bc__text h4:first-child {
	margin-top:0;
}
.ofeature-section-bc__text p {
	margin:0;
}
.ofeature-section-bc__text p strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.ofeature-section-bc__text ol {
	margin:10px 0 0;
}

.ofeature-section-nayami {
	position:relative;
	margin:0 auto;
	text-align:left;
}
.ofeature-section-nayami__image {
	text-align:center;
}

.ofeature-section-nayami__imageinner {
	width:80px;
	margin:20px auto 0;
}
.ofeature-section-nayami__text {
	position:relative;
	padding:15px;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.5);
	max-width:600px;
	margin:0 auto;
}
.ofeature-section-nayami__text:before {
	content:"";
	position:absolute;
	background-color:#fff;
	width:6px;
	height:12px;
	left:50%;
	bottom:-10px;
	margin-left:-7px;
	transform:rotate(-30deg);
}
.ofeature-section-nayami__text:after {
	content:"";
	position:absolute;
	background-color:#fff;
	border-left:1px solid rgba(0,0,0,0.5);
	width:6px;
	height:12px;
	left:50%;
	bottom:-10px;
	margin-left:-10px;
	transform:rotate(-30deg);
}
.ofeature-section-nayami__text p {
	margin:0;
}
.ofeature-section-nayami__text p strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}

.ofeature-section-itemfeature {}
.ofeature-section-itemfeature__image {}
.ofeature-section-itemfeature__text {
	text-align:left;
}
.ofeature-section-itemfeature__text h3 {
	line-height:1.5;
}
.ofeature-section-itemfeature__text ol {
	margin:10px 0;
}
.ofeature-section-bc__text ol li,
.ofeature-section-itemfeature__text ol li {
	position:relative;
	font-size:12px;
	list-style:none;
}
@media screen and (max-width: 768px) {
	.ofeature-section-itemfeature__text ul li {
		font-size:11px;
		padding-left:12px;
	}
	.ofeature-section-itemfeature--ov {
		margin-right:-21px;
	}
}
.ofeature-onayami .illust-col .media {
	margin:0;
}
.illust-col-wrap {
	margin:20px auto;
}
.illust-col {
	display:block;
	height:100%;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	padding:5px;
	background:#fff;
	text-decoration:none;
}
.illust-col:hover {
	text-decoration:none;
}
.illust-col__text {
	padding:10px 5px;
}
.illust-col__text h4 {
	text-align:center;
	margin:0;
	line-height:1.4;
}
.illust-col__text h4.sh4 {
	font-size:14px;
}
.illust-col__text h4 span {
	display:block;
	font-size:12px;
}
.illust-col__text p {
	font-size:12px;
	line-height:1.5;
	text-align:center;
	margin:0;
}
.illust-col__text p b {
	display:inline;
	font-weight:700;
}
.illust-col__text p strong {
	display:inline;
	font-weight:700;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.illust-col__text p small-text {
	font-size:10px;
}
.illust-col__text p span {
	display:block;
	font-size:9px;
}
@media screen and (max-width: 768px) {
	.illust-col__text {
		padding:5px 2px;
	}
	.illust-col__text h4 {
		font-size:11px;
	}
	.illust-col__text h4 span {
		font-size:10px;
	}
	.illust-col__text p {
		font-size:12px;
	}
	.illust-col__text p sup {
		font-size:7px;
	}
	.illust-col__text p span{
		font-size:8px;
	}
}

.js-swiper-thumbs {
	margin-top:5px;
}
.js-swiper-thumbs .swiper-slide {
	opacity:.4;
}
.js-swiper-thumbs .swiper-slide-thumb-active {
	opacity:1;
}
.ofeature-section-othres {
	margin:10px auto;
}
.ofeature-section-othres h3 {
	text-align:center;
	margin-bottom:25px !important;
}
	.ofeature-section-othres h4 strong {
	text-align:center;
	margin-bottom:25px !important;
}
.ofeature-section-othres p {
	display:inline;
	font-size:14px;
}
.ofeature-section-othres p.small-text {
	display:inline;
	font-size:10px;
}
.ofeature-section-othres p strong {
	display:inline;
	font-weight:700;
}
.recommendItems h2 {
	text-align:center;
	margin-bottom:25px !important;
}
.recommendItems__link,
.recommendItems__link:hover {
	text-decoration:unset;
}
.recommendItems__link {
	position:relative;
	display:block;
	background-color:#fff;
	border:1px solid #eee;
	height:100%;
	max-width:400px;
	margin:0 auto;
}
.recommendItems__text {
	padding:10px 15px 40px;
}
.recommendItems__text p small-text {
	font: size 10px;
}
.recommendItems__text .staff-p {
	font-size:14px;
	line-height:1.4;
	color:var(--colorAccentBg);
}
.recommendItems__text .name {
	font-size:14px;
	line-height:1.4;
}
.recommendItems__text .name strong {
	display: inline;
	background: linear-gradient(transparent 70%, #ffd9d9 20%);
}
.recommendItems__text .price {
	font-size:18px;
}
.recommendItems__text .price span {
	display:inline-block;
	font-size:11px;
}
.recommendItems__btn {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background: var(--colorAccentBg);
	color:#fff;
	text-align:center;
	padding:3px;
	font-size:14px;
}
.recommendItems__btn-arrow {
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../../images/swm/btn_arrow.svg);
	overflow:hidden;
}
@media screen and (max-width: 768px) {
	.recommendItems__image {
		max-width:200px;
		margin:0 auto;
	}
	.recommendItems__text {
		text-align:center;
	}
}
.ofeature-section-box h4 em {
	display:inline-block;
	background-color:#000;
	color:#fff;
	padding:0 10px;
	font-size:13px;
}
.ofeature-section-tags {
	display:block;
	margin:20px auto;
}
.ofeature-section-tags h4 {
	margin:0;
}
.ofeature-section-tags ul {
	font-size:0;
}
.ofeature-section-tags li {
	display:inline-block;
	font-size:13px;
	padding:2px 8px;
	background-color:#eee;
	border-radius:20px;
	margin:10px 5px 0;
}

.chart-image {
	display:block;
	margin:20px auto;
	width:90%;
	max-width:350px;
}

.t-link {
	font-weight:700;
	text-decoration:none;
	display:block;
	line-height:1.5;
}
.t-link:hover {
	text-decoration:underline;
}

.hikaku-image {
	display:block;
	width:100%;
	max-width:662px;
	margin:0 auto 30px;
}

.grayout {
	display:none !important;
}

.recommendItems {
	padding-bottom: 60px;
}