@charset "utf-8";

/*	リセットスタイル
------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
}
html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
*,
::before,
::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
figure {
	font-size: 0;
}
figure img {
	max-width: 100%;
}
img, fieldset {
	border: 0;
}
strong {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
td, th {
	vertical-align: top;
}

/*	ベーススタイル
------------------------------*/
body {
	color:#1e1e1e;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.6;
	letter-spacing: .06em;
	background-color: #fff;
	line-break: strict;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
a, a:visited, a:hover {
	color: #1e1e1e;
	text-decoration: none;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.object-fit-img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

/*	PC・SPで表示、非表示
------------------------------*/
.visible-desktop { display: none; }
.visible-note { display: none; }
.visible-tab { display: none; }
.visible-sp { display: none; }

@media only screen and (max-width: 1366px) {
	.visible-desktop { display: inherit; }
	.hidden-desktop { display: none !important; }
}
@media only screen and (max-width: 1024px) {
	.visible-note { display: inherit; }
	.hidden-note { display: none !important; }
}
@media only screen and (max-width: 768px) {
	.visible-tab { display: inherit; }
	.hidden-tab { display: none !important; }
}
@media only screen and (max-width: 480px) {
	.visible-sp { display: inherit; }
	.hidden-sp { display: none !important; }
}

/*	レイアウトスタイル
------------------------------*/
.container,
.flexbox {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.flexbox {
	display: flex;
}
.container.lg,
.flexbox.lg {
	max-width: 1200px;
}
.container.md,
.flexbox.md {
	max-width: 1000px;
}
.container.sm,
.flexbox.sm {
	max-width: 800px;
}

/*	見出しスタイル
------------------------------*/
.hd-base {
	text-align: center;
	margin-bottom: 60px;
	position: relative;
}
.hd-base::before {
	content: "";
	display: block;
	width: 25px;
	height: 50px;
	margin: 0 auto 15px;
	background: url(../img/illust-1.svg) no-repeat center bottom;
	background-size: contain;
}
.hd-base-en {
	display: block;
	color: #009745;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: .26em;
	line-height: 1;
}
.hd-base-ja {
	display: block;
	width: 100%;
	margin: 15px auto 0;
	font-size: 0;
}
.hd-base-ja img {
	width: 100%;
}
.hd-base::after {
	content: "";
	display: block;
	width: 147px;
	height: 3px;
	margin: 30px auto 0;
	background: url(../img/line-green.svg) no-repeat center top;
	background-size: contain;
}

/*	ボタンスタイル
------------------------------*/
.btn-base {
	text-align: center;
}
.btn-base a {
	display: block;
	padding: 12px;
	color: #fff;
	line-height: 1;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	position: relative;
}
.btn-base.green a {
	border: 1px solid #009644;
	background: #00a84c;
	background: -moz-linear-gradient(top,	#00a84c 0%, #009644 100%);
	background: -webkit-linear-gradient(top,	#00a84c 0%,#009644 100%);
	background: linear-gradient(to bottom,	#00a84c 0%,#009644 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a84c', endColorstr='#009644',GradientType=0 );
}
.btn-base.green a:hover {
	background: -moz-linear-gradient(top,	#009644 0%, #009644 100%);
	background: -webkit-linear-gradient(top,	#009644 0%,#009644 100%);
	background: linear-gradient(to bottom,	#009644 0%,#009644 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009644', endColorstr='#009644',GradientType=0 );
}
.btn-base.black a {
	border: 1px solid #1e1e1e;
	background: #3c3c3c;
	background: -moz-linear-gradient(top,	#3c3c3c 0%, #1e1e1e 100%);
	background: -webkit-linear-gradient(top,	#3c3c3c 0%,#1e1e1e 100%);
	background: linear-gradient(to bottom,	#3c3c3c 0%,#1e1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#1e1e1e',GradientType=0 );
}
.btn-base.black a:hover {
	background: -moz-linear-gradient(top,	#1e1e1e 0%, #1e1e1e 100%);
	background: -webkit-linear-gradient(top,	#1e1e1e 0%,#1e1e1e 100%);
	background: linear-gradient(to bottom,	#1e1e1e 0%,#1e1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e',GradientType=0 );
}
.btn-base.red a {
	border: 1px solid #cf001c;
	background: #ee0020;
	background: -moz-linear-gradient(top,	#ee0020 0%, #cf001c 100%);
	background: -webkit-linear-gradient(top,	#ee0020 0%,#cf001c 100%);
	background: linear-gradient(to bottom,	#ee0020 0%,#cf001c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0020', endColorstr='#cf001c',GradientType=0 );
}
.btn-base.red a:hover {
	background: -moz-linear-gradient(top,	#cf001c 0%, #cf001c 100%);
	background: -webkit-linear-gradient(top,	#cf001c 0%,#cf001c 100%);
	background: linear-gradient(to bottom,	#cf001c 0%,#cf001c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf001c', endColorstr='#cf001c',GradientType=0 );
}

/*	ヘッダー
------------------------------*/
#header {
	width: 100%;
	padding: 18px 0;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#header .flexbox {
	justify-content: space-between;
	align-items: center;
}
#header .site-sign {
	display: flex;
	align-items: center;
}
#header .logo-orutoran {
	width: 260px;
	font-size: 0;
	margin-right: 30px;
}
#header .logo-scengei {
	width: 120px;
	font-size: 0;
}
#header .site-sign img {
	width: 100%;
}

@media only screen and (min-width: 1025px) {

#header .drawer-nav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#header .drawer-nav ul li {
	margin-left: 20px;
}
#header .drawer-nav ul li:first-child {
	margin-left: 0;
}
#header .drawer-nav ul li a {
	font-size: 1.6rem;
	letter-spacing: normal;
}
#header .drawer-nav ul li a:hover {
	color: #cf001c;
}
#header .drawer-nav ul .btn-base a {
	min-width: 200px;
}
#header .drawer-nav ul .btn-base a:hover {
	color: #fff;
}
#header .drawer-nav ul .btn-base a::after {
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background: url(../img/angle-down.svg) no-repeat center right;
	background-size: contain;
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

}

/*	ヒーローエリア
------------------------------*/
#hero {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding: 30px 0;
	background: #cf001c url(../img/bg-red.png) repeat left top;
}
#hero .copyarea {
	width: 50%;
}
#hero .copyarea img {
	width: 100%;
}
#hero .copyarea .copy {
	width: 62.5%;
	max-width: 500px;
	margin: 0 auto;
	font-size: 0;
}
#hero .copyarea .logo {
	width: 77.5%;
	max-width: 620px;
	margin: 30px auto;
	font-size: 0;
}
#hero .copyarea .subcopy {
	width: 57.125%;
	max-width: 457px;
	margin: 0 auto;
	font-size: 0;
}
#hero .slide-wrap {
	width: 50%;
	padding-right: 30px;
}
#hero .bx-wrapper {
	position: relative;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
#hero .bx-wrapper img {
	display: block;
	max-width: 100%;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
#hero .bx-viewport {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#hero .bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff url(../img/bx_loader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/*	3つの特徴
------------------------------*/
#feature {
	margin-bottom: 100px;
}
#feature .hd-base {
	margin-bottom: 30px;
}
#feature .hd-base-ja {
	max-width: 782px;
}
#feature .hd-base::after {
	margin: 15px auto 0;
}
#feature ul {
	justify-content: space-between;
}
#feature li {
	width: 32%;
}
#feature li a {
	display: block;
	padding: 20px 16px 16px;
	text-align: center;
	border: 1px solid #009745;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-color: #fffae4;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#feature li a:hover {
	background-color: #fffdf5;
}
.point {
	display: flex;
	align-items: center;
	color: #009745;
}
#feature .point {
	justify-content: center;
}
.point .txt {
	display: inline-block;
	margin-right: 12px;
	padding-top: 16px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: .26em;
}
#feature .point .txt {
	padding-top: 4px;
	font-size: 1.2rem;
}
.point .num {
	display: inline-block;
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-style: italic;
	font-size: 8.6rem;
	line-height: 1;
	letter-spacing: normal;
}
#feature .point .num {
	font-size: 3.6rem;
}
.feature-txt {
	font-weight: 900;
	font-size: 2rem;
	letter-spacing: normal;
}
.feature-txt span {
	font-size: 2.8rem;
}
.feature-btn {
	width: 87.5%;
	max-width: 160px;
	margin: 12px auto 0;
	padding: 10px;
	font-size: 0;
	border: 1px solid #009644;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background: #00a84c;
	background: -moz-linear-gradient(top, #00a84c 0%, #009644 100%);
	background: -webkit-linear-gradient(top, #00a84c 0%,#009644 100%);
	background: linear-gradient(to bottom, #00a84c 0%,#009644 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a84c', endColorstr='#009644',GradientType=0 );
}
.feature-btn img {
	width: 12px;
	height: 6px;
}

/*	ポイント
------------------------------*/
.feature {
	padding-top: 80px;
	margin-bottom: 80px;
	position: relative;
}
.feature::before {
	content: "";
	display: block;
	width: 81.25%;
	height: 600px;
	-webkit-border-radius: 0 60px 60px 0;
	border-radius: 0 60px 60px 0;
	background-color: #fffae4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.feature .point {
	margin-bottom: 20px;
}
.hd-point {
	width: 100%;
	margin-bottom: 60px;
	font-size: 0;
	position: relative;
	z-index: 1;
}
.hd-point img {
	width: 100%;
}
.hd-point::after {
	content: "";
	display: block;
	width: 104%;
	height: 15px;
	background-color: #fff100;
	position: absolute;
	left: -12px;
	bottom: -7px;
	z-index: -1;
}
.feature .flexbox {
	justify-content: space-between;
}

/*	ポイント01
------------------------------*/
#point01 .hd-point {
	max-width: 676px;
}
#point01 .flexbox {
	align-items: flex-start;
}
#point01 .txtarea {
	width: 46%;
}
#point01 .txtarea p {
	margin-bottom: 20px;
	text-align: justify;
}
#point01 .txtarea h4 {
	margin-bottom: 8px;
	color: #009745;
	font-weight: 700;
	text-align: center;
	position: relative;
}
#point01 .txtarea h4::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 1px;
	margin-right: 12px;
	vertical-align: super;
	background-color: #009745;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#point01 .txtarea h4::after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 1px;
	margin-left: 12px;
	vertical-align: super;
	background-color: #009745;
	-moz-transform: rotate(-45deg) translateX(-4px) translateY(-4px);
	-webkit-transform: rotate(-45deg) translateX(-4px) translateY(-4px);
	-ms-transform: rotate(-45deg) translateX(-4px) translateY(-4px);
	transform: rotate(-45deg) translateX(-4px) translateY(-4px);
}
#point01 .txtarea ul {
	display: flex;
	flex-wrap: wrap;
}
#point01 .txtarea li {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 3px 10px;
	color: #009745;
	font-size: 1.6rem;
	letter-spacing: normal;
	line-height: 1.4;
	border: 1px solid #009745;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
}
#point01 .txtarea li span {
	font-size: 1.4rem;
	white-space: nowrap;
}
#point01 .photo {
	display: flex;
	width: 50%;
}
#point01 .photo figure {
	width: calc(100% - 6px / 3);
	margin-left: 3px;
	position: relative;
}
#point01 .photo figure:first-child {
	margin-left: 0;
}
#point01 .photo figcaption {
	width: 100%;
	padding: 3px 12px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	background-color: #009745;
	position: absolute;
	left: 0;
	bottom: 12px;
}
#point01 .btn-base {
	margin-top: 60px;
}
#point01 .btn-base a {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	padding: 18px 12px;
}
#point01 .btn-base a::after {
	content: "";
	display: block;
	width: 16px;
	height: 17px;
	background: url(../img/icon-search.svg) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#point01::after {
	content: "";
	display: block;
	width: 420px;
	height: 300px;
	background: url(../img/point-illust-1.png) no-repeat right top;
	background-size: contain;
	position: absolute;
	right: calc(18.75% + 30px);
	top: 30px;
	z-index: -1;
}

/*	ポイント02
------------------------------*/
#point02.feature::before {
	max-width: 1500px;
	-webkit-border-radius: 60px 0 0 60px;
	border-radius: 60px 0 0 60px;
	left: unset;
	right: 0;
}
#point02 .hd-point {
	max-width: 794px;
}
#point02 .case {
	width: 47.5%;
}
#point02 .case h4 {
	width: 90%;
	margin: 0 auto;
	padding: 8px 12px;
	color: #fff;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #009745;
	position: relative;
	z-index: 1;
}
#point02 .case figure {
	margin-top: -26px;
}
#point02::after {
	content: "";
	display: block;
	width: 360px;
	height: 270px;
	background: url(../img/point-illust-2.png) no-repeat right top;
	background-size: contain;
	position: absolute;
	right: calc(18.75% + 30px);
	top: 30px;
	z-index: -1;
}

/*	ポイント03
------------------------------*/
#point03 .txtarea {
	width: 58.333333%;
}
#point03 .hd-point {
	max-width: 294px;
}
#point03 .hd-point::after {
	width: 110%;
}
#point03 .note.hidden-tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	padding: 30px;
	border: 1px solid #009745;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #fff;
}
#point03 .note.hidden-tab figure {
	width: 18.75%;
}
#point03 .note.hidden-tab dl {
	width: 76.5625%;
}
#point03 .note.hidden-tab dt {
	margin-bottom: 6px;
	font-weight: 700;
}
#point03 .note.hidden-tab dd {
	font-size: 1.4rem;
	text-align: justify;
}
#point03 .photo {
	width: 36.6666666%;
}
#point03 .photo h4 {
	padding: 4px 12px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	background-color: #009745;
}

/*	紹介動画
------------------------------*/
#movie {
	padding-top: 80px;
	background: url(../img/bg-green.png) repeat left top;
	position: relative;
}
#movie .hd-base-en {
	color: #fff;
}
#movie .hd-base-ja {
	max-width: 848px;
}
#movie .hd-base::after {
	background: url(../img/line-white.svg) no-repeat center top;
	background-size: contain;
}
.movie {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	z-index: 2;
}
.movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#movie::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 80px 0 80px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
}

/*	お客様の声
------------------------------*/
.inner-wrap {
	margin-top: -100px;
	padding-top: 100px;
	background: url(../img/voice-img.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
	z-index: 1;
}
#voice {
	padding-top: 80px;
	overflow: hidden;
}
#voice .hd-base-ja {
	max-width: 210px;
}
#voice .container p {
	margin-bottom: 80px;
	text-align: center;
}
#voice .voice-wrap {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
#voice .bx-wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
#voice .bx-viewport {
	overflow: visible !important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
/* LOADER */
#voice .bx-wrapper .bx-loading {
	width: 100%;
	height: 100%;
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
#voice .bx-wrapper .bx-pager {
	margin-top: 30px;
	text-align: center;
}
#voice .bx-wrapper .bx-pager-item {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	*zoom: 1;
}
#voice .bx-wrapper .bx-pager a {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #dcdcdc;
	text-indent: -9999px;
}
#voice .bx-wrapper .bx-pager a:hover,
#voice .bx-wrapper .bx-pager a.active,
#voice .bx-wrapper .bx-pager a:focus {
	background-color: #009745;
}
/* CONTROLS */
#voice .bx-wrapper .bx-controls-direction a {
	width: 36px;
	height: 36px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	position: absolute;
	bottom: 0;
	outline: 0;
	text-indent: -9999px;
	z-index: 1;
}
#voice .bx-wrapper .bx-prev {
	left: 10px;
	background: #646464 url(../img/angle-left.svg) no-repeat center;
	background-size: 8px;
}
#voice .bx-wrapper .bx-next {
	right: 10px;
	background: #646464 url(../img/angle-right.svg) no-repeat center;
	background-size: 8px;
}
#voice .bx-controls-direction a:hover,
#voice .bx-controls-direction a:focus {
	background-color: #323232;
}
#voice .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
#voice .carousel {
	height: 100%;
}
.voice-item {
	height: 100%;
    padding: 0 30px 30px;
	border: 1px solid #009644;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
}
.voice-item figure {
	width: 100px;
    margin: -50px auto 12px;
}
.voice-item span {
	display: block;
    font-size: 1.4rem;
    text-align: center;
}
.voice-item h5 {
	margin: 15px 0 3px;
    font-weight: 700;
    text-align: center;
}
.voice-item p {
	font-size: 1.6rem;
    text-align: justify;
}

/*	よくある質問
------------------------------*/
#faq {
	margin-top: 80px;
}
#faq .hd-base-ja {
	max-width: 252px;
}
.faq_item {
	margin-top: 15px;
	border: 1px solid #009644;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #fffcef;
}
.faq_item:first-child {
	margin-top: 0;
}
.faq_item dt {
	padding: 20px 118px 20px 124px;
    font-weight: 700;
    font-size: 2rem;
	position: relative;
	cursor: pointer;
}
.faq_item dt::before {
	content: "Q.";
	display: block;
	color: #cf001c;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
    line-height: 1;
	letter-spacing: normal;
	position: absolute;
    left: 60px;
    top: 20px;
}
.faq_item dt::after {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/icon-plus.svg) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 60px;
    top: 22px;
}
.faq_item dt.active::after {
	background: url(../img/icon-minus.svg) no-repeat right center;
	background-size: contain;
}
.faq_item dd {
	display: none;
    padding: 0 118px 20px 124px;
	font-size: 1.6rem;
	text-align: justify;
	position: relative;
}
.faq_item:first-child dd {
	display: block;
}
.faq_item dd::before {
	content: "A.";
	display: block;
	color: #009745;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
    line-height: 1;
	letter-spacing: normal;
	position: absolute;
	left: 60px;
	top: -3px;
}
.faq_item dd a {
    color: #009745;
    text-decoration: underline;
}
.faq_item dd a:hover {
    text-decoration: none;
}
.fw_700 {
	font-weight: 700;
}
.fs_14 {
	font-size: 1.4rem;
}

/*	記事で知る
------------------------------*/
#contents {
	margin-top: 80px;
	padding: 60px 0;
	background-color: #fffae4;
}
#contents .hd-base-ja {
	max-width: 528px;
}
.con-item {
	margin-top: 30px;
}
.con-item:first-child {
	margin-top: 0;
}
.con-item a {
    display: flex;
    align-items: center;
    background-color: #fff;
}
.con-img {
	width: 36%;
}
.con-img img {
	width: 100%;
}
.con-txt {
	width: 64%;
    padding: 0 6%;
}
.con-num {
	display: inline-block;
	color: #009745;
    font-family: 'Merriweather', serif;
	font-size: 2.4rem;
    letter-spacing: normal;
    line-height: 1;
}
.con-num .digit {
	font-size: 4.2rem;
}
.con-logo {
	display: inline-block;
    width: 52.884615384615385%;
	min-width: 200px;
    margin-left: 20px;
}
.con-item:first-child .con-logo {
	width: 53.846153846153846%;
}
.con-title {
	margin: 8px 0 20px;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.4;
}
.con-link {
	display: inline-block;
    padding: 8px 36px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #009644;
    background: #00a84c;
    background: -moz-linear-gradient(top, #00a84c 0%, #009644 100%);
    background: -webkit-linear-gradient(top, #00a84c 0%,#009644 100%);
    background: linear-gradient(to bottom, #00a84c 0%,#009644 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a84c', endColorstr='#009644',GradientType=0 );
    position: relative;
}
.con-link::after {
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	background: url(../img/angle-right.svg) no-repeat center right;
	background-size: contain;
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.con-item a:hover .con-title {
	color: #646464;
}
.modal-area {
	display: none;
}
.article-modal .modal-img {
	width: 35%;
    height: calc(100vh - 60px);
	margin: 0;
    position: fixed;
    right: 30px;
    top: 30px;
}
.article-modal .modal-img img {
	width: 100%;
	height: 100%;
}
.modal-article {
	width: 64%;
	padding: 7%;
}
.modal-article .con-logo {
	margin: 0 0 0 40px;
    width: 420px;
    vertical-align: text-bottom;
}
.modal-article .con-title {
	margin: 20px 0 40px;
    padding-bottom: 20px;
    font-size: 3.6rem;
    border-bottom: 1px solid #009745;
}
.modal-article .reprinting + .con-title {
	margin: 20px 0 12px;
}
.modal-article .reprinting {
	margin: 0 auto 40px;
    font-size: 1.2rem;
    text-align: right;
    line-height: 1.4;
}
.modal-article .reprinting a {
	text-decoration: underline;
}
.modal-article .reprinting a:hover {
	text-decoration: none;
}

/*	ラインナップ
------------------------------*/
#lineup {
	padding: 60px 0;
	background-color: #fafafa;
}
#lineup .hd-base-ja {
	max-width: 764px;
}
#lineup .container p {
	margin-bottom: 30px;
    text-align: center;
}
#lineup .lineup-item {
	width: 23.166666%;
    margin-right: 2.4%;
    text-align: center;
}
#lineup .lineup-item:nth-child(4) {
    margin-right: 0;
}
#lineup .lineup-item .name {
	margin: 16px 0;
}
#lineup .lineup-item .include {
	display: block;
    margin-top: 12px;
    font-weight: 900;
    font-size: 2.4rem;
    letter-spacing: normal;
    line-height: 1;
}
#lineup .lineup-item .gram {
	font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
#lineup .lineup-item .num {
	font-size: 3.6rem;
}
#lineup .lineup-item .btn-base.green {
	margin-top: 15px;
}
#lineup .lineup-item .btn-base.red a,
#lineup .lineup-item .btn-base.green a {
	font-size: 1.6rem;
	letter-spacing: normal;
}
#lineup .lineup-item .btn-base.red a::after {
	content: "";
	display: block;
	width: 16px;
	height: 17px;
	background: url(../img/icon-search.svg) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#lineup .lineup-item .btn-base.green a::after {
	content: "";
	display: block;
	width: 16px;
	height: 21px;
	background: url(../img/icon-location.svg) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

/*	オルトランシリーズ
------------------------------*/
#series {
	margin-top: 60px;
}
#series .hd-base-ja {
	max-width: 378px;
}
#series .series-item {
	width: 23.8%;
    margin-right: 1.6%;
    text-align: center;
}
#series .series-item:nth-child(4) {
    margin-right: 0;
}
#series .series-item .name {
	margin: 8px 0 16px;
	font-size: 1.6rem;
    letter-spacing: normal;
}
#series .series-item .btn-base.red a {
	padding: 9px 12px;
	font-size: 1.6rem;
	letter-spacing: normal;
}
#series .series-item .btn-base.red a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/icon-search.svg) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#series .series-item .include {
	display: block;
    margin-top: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
	font-size: 1.6rem;
    line-height: 1;
}
#series .series-item.item01 .include,
#series .series-item.item02 .include {
    font-size: 2rem;
}
#series .series-item .fs_28 {
	font-size: 2.8rem;
}
#series .series-item .fs_20 {
	font-size: 2rem;
}
#series .series-item .fs_16 {
	font-size: 1.6rem;
}
#series .series-item .fs_12 {
	font-size: 1.2rem;
}

/*	フッター
------------------------------*/
#footer {
	margin-top: 80px;
	padding: 30px 0 15px;
	text-align: center;
	border-top: 6px solid #009745;
}
.footer-nav li {
	display: inline-block;
}
.footer-nav li::before {
	content: "|";
	margin: 0 10px;
}
.footer-nav li:first-child:before {
	content: "";
	margin: 0;
}
.footer-nav li a {
	font-size: 1.4rem;
}
.footer-nav li a:hover {
	text-decoration: underline;
}
#footer .logo-scengei {
	width: 42%;
    max-width: 244px;
    margin: 30px auto 0;
}
#footer small {
	display: block;
	margin-top: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 1.1rem;
	letter-spacing: .2em;
}
#footer .prohibition {
	margin-top: 30px;
    font-size: 1.4rem;
}
#page-top a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	background-color: #009745;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#page-top a:hover {
	background-color: #00a84c;
}
#page-top img {
	width: 14px;
	height: 8px;
}
#page-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}
#page-top.UpMove {
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
from {
	opacity: 0;
	transform: translateY(100px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
#page-top.DownMove {
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
from {
	opacity: 1;
	transform: translateY(0);
}
to {
	opacity: 1;
	transform: translateY(100px);
}
}

/*	マンガでわかる
------------------------------*/
#manga {
	padding: 60px 0;
	background-color: #fff;
}
#manga .hd-base-ja {
	max-width: 521px;
}
#manga .manga_thumb {
  margin: 0 auto 30px;
  width: 36%;
  max-width: 360px;
  border: 7px solid #7a9285;
  cursor: pointer;
}
#manga .manga_thumb:hover {
  border-color: #009644;
}
#manga .manga_btn {
  margin: 0 auto;
  width: 240px;
  padding: 20px 0;
  border-radius: 1000px;
  display: block;
  cursor: pointer;
}
#manga .manga_btn:hover {
  background: linear-gradient(to bottom, #009644 0%, #009644 100%);
}

/* モーダル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}

/* モーダルがactiveの時 */
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* モーダルのコンテンツ */
.modal__content {
  position: relative;
  width: 80%;
  max-width: 690px;
}

.modal__slider {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 40px 0 30px !important;
}

.modal__slide img {
  /*width: 80%;
  height: auto;
  max-width: 552px;*/
  width: auto;
  height: auto;
  max-height: 80vh;
  margin: 0 auto;
  display: block;
  -webkit-backface-visibility: hidden;
}

/* モーダルを閉じるボタン */
.modal__close-btn {
  position: absolute;
  right: 69px;
  top: 0;
  cursor: pointer;
  z-index: 10;
  width: 30px;
  height: 30px;
}

/* Swiperの矢印部分 */
.modal .swiper-button-next:after,
.modal .swiper-button-prev:after {
  display: none;
}
.modal .swiper-button-next,
.modal .swiper-button-prev {
  width: 40px;
}
.modal .swiper-button-next img,
.modal .swiper-button-prev img {
  width: 100%;
  height: auto;
}
.modal .swiper-button-next {
  right: 0;
}
.modal .swiper-button-prev {
  left: 0;
}

/* ページネーション */
.swiper-pagination-fraction {
  color: #fff;
  bottom: 0 !important;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

/* 2025/10__ショート動画埋め込み */
#shortMovie {
	background: #fffae4;
	padding: 60px 0;
}
#shortMovie .hd-base-ja {
	max-width: 310px;
}
#shortMovie .shortMovie__list {
	align-items: center;
	column-gap: 30px;
	row-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#shortMovie .shortMovie__list .item {
	/*aspect-ratio: 9 / 9.6;*/
	height: 535px;
}
#shortMovie .shortMovie__list .item iframe {
	height: 100%;
	width: auto;
}
@media screen and (max-width: 768px) {
	#shortMovie .hd-base-ja {
		max-width: 80%;
	}
}