@charset "utf-8";

body {
	font-size: 1.6rem;
	line-height: 1.8;
}

.hd-base {
	margin-bottom: 30px;
}
.hd-base::before {
	width: 12px;
    height: 24px;
    margin: 0 auto 8px;
}
.hd-base-en {
	font-size: 1rem;
}
.hd-base-ja {
	margin: 20px auto 0;
}
.hd-base::after {
	width: 100px;
	height: 3px;
}

#header {
	padding: 14px 0;
}
#header .logo-orutoran {
	width: 160px;
    margin-right: 15px;
}
#header .logo-scengei {
	width: 84px;
}
.drawer-hamburger {
	padding: 18px 14px;
}
.drawer-hamburger-icon {
	width: 23px;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	width: 23px;
	top: -6px;
}
.drawer-hamburger-icon:after {
    top: 6px;
}
.drawer-nav li {
	margin-top: 15px;
}
.drawer-nav li a {
	text-align: left;
	font-size: 1.8rem;
}
.drawer-nav li.btn-base {
	margin-top: 30px;
}
.drawer-nav li.btn-base a {
	text-align: center;
}
.drawer-nav li.btn-base a::after {
	right: 15px;
}

#hero {
	padding: 30px 0;
}
#hero .bx-wrapper img {
	-webkit-border-radius: 6px;
    border-radius: 6px;
}

#feature {
    margin-bottom: 60px;
}
#feature li a {
	padding: 15px 47px 15px 15px;
}
#feature .point {
	margin-right: 20px;
}
.feature-txt {
	font-size: 1.6rem;
}
.feature-txt span {
    font-size: 2.4rem;
}
.feature-btn {
	padding: 8px 5px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    right: 15px;
}

.feature {
    padding-top: 60px;
    margin-bottom: 60px;
}
.feature::before {
	height: 600px;
}
.point .num {
	font-size: 5.6rem;
}
#point01 .photo figcaption {
	padding: 3px 6px;
	font-size: 1.4rem;
}
#point01 .btn-base a {
	padding: 12px;
    font-size: 1.4rem;
    line-height: 1.4;
    -webkit-border-radius: 33px;
    border-radius: 33px;
}
#point01::after {
	width: 160px;
    height: 116px;
}
#point02 .case h4 {
	padding: 2px 12px;
    font-size: 1.6rem;
}
#point02 .case {
	margin-top: 30px;
}
#point02::after {
	width: 160px;
    height: 120px;
}
#point03 .photo h4 {
	font-size: 1.6rem;
}
#point03 .note.visible-tab {
	padding: 30px 20px;
}
#point03 .note-inner {
	margin-bottom: 16px;
}
#point03 .note.visible-tab figure {
	margin-right: 16px;
}
#point03 .note.visible-tab p {
	font-size: 1.4rem;
    line-height: 1.6;
}

#movie {
	padding-top: 60px;
}
#movie::before {
	border-width: 30px 50px 0 50px;
}

.inner-wrap {
	margin-top: -60px;
    padding-top: 60px;
}
#voice {
    padding-top: 60px;
}
#voice .voice-wrap {
	max-width: 290px;
}
.voice-item {
    padding: 0 15px 30px;
}
.voice-item figure {
	width: 80px;
	margin: -40px auto 12px;
}
.voice-item span {
	font-size: 1.2rem;
}
.voice-item p {
	font-size: 1.4rem;
    line-height: 1.6;
}
#voice .bx-wrapper .bx-prev {
	left: 0;
}
#voice .bx-wrapper .bx-next {
	right: 0;
}

.faq_item dt {
	padding: 12px 40px 12px 47px;
    font-size: 1.6rem;
    line-height: 1.4;
	letter-spacing: normal;
}
.faq_item dt::before {
	font-size: 2.2rem;
	left: 12px;
    top: 12px;
}
.faq_item dt::after {
	width: 16px;
    height: 16px;
	right: 12px;
	top: 16px;
}
.faq_item dd {
	padding: 0 40px 12px 47px;
    font-size: 1.4rem;
    line-height: 1.4;
}
.faq_item dd::before {
	font-size: 2.2rem;
	top: 0;
	left: 12px;
}

#contents {
	margin-top: 60px;
}
.con-txt {
	padding: 20px 5%;
}
.con-num {
	font-size: 1.6rem;
}
.con-num .digit {
	font-size: 3.2rem;
}
.con-title {
	margin: 6px 0 20px;
    font-size: 1.8rem;
    text-align: justify;
}
.article-modal .con-title {
	font-size: 2.4rem;
}
.modal-article .con-logo {
	width: 260px;
}

#lineup {
	padding: 60px 0 30px;
}
#lineup .lineup-item .name {
	margin: 8px 0;
	font-size: 1.4rem;
    line-height: 1.4;
}
#lineup .lineup-item .include {
	font-size: 1.6rem;
}
#lineup .lineup-item .num {
    font-size: 2.4rem;
}
#lineup .lineup-item .btn-base.green {
    margin-top: 10px;
}
#lineup .lineup-item .btn-base.red a,
#lineup .lineup-item .btn-base.green a {
	font-size: 1.4rem;
}
#lineup .lineup-item .btn-base.red a::after {
	width: 10px;
    height: 10px;
	right: 10px;
}
#lineup .lineup-item .btn-base.green a::after {
	width: 9px;
    height: 10px;
	right: 10px;
}

#series .series-item .name {
	margin: 8px 0;
	font-size: 1.4rem;
    line-height: 1.4;
}
#series .series-item .include,
#series .series-item.item01 .include,
#series .series-item.item02 .include {
    font-size: 1.4rem;
}
#series .series-item .fs_28 {
    font-size: 2.2rem;
}
#series .series-item .fs_20 {
	font-size: 1.8rem;
}
#series .series-item .fs_16 {
	font-size: 1.4rem;
}
#series .series-item .fs_12 {
    font-size: 1rem;
}
#series .series-item .num {
    font-size: 2.4rem;
}
#series .series-item .btn-base.red a {
	font-size: 1.4rem;
}
#series .series-item .btn-base.red a::after {
	width: 10px;
    height: 10px;
	right: 10px;
}

#footer {
    margin-top: 60px;
}
.footer-nav li a {
	padding: 12px 6px;
	font-size: 1.2rem;
}
#footer small {
	font-size: .8rem;
    letter-spacing: .03em;
}
#page-top {
	right: 12px;
    bottom: 12px;
}
#page-top a {
	width: 40px;
    height: 40px;
	-webkit-border-radius: 20px;
    border-radius: 20px;
}
#page-top img {
    width: 12px;
    height: 6px;
}

/*	マンガでわかる
------------------------------*/
.modal__content {
  width: 100%;
  max-width: none;
}
.modal__close-btn {
  right: 0;
}
.modal .swiper-button-next,
.modal .swiper-button-prev {
  width: 6vw;
}
.modal .swiper-button-next {
  left: 0 !important;
}
.modal .swiper-button-prev {
  right: 0 !important;
}
.modal__slide img {
  width: 80%;
  height: auto;
  max-height: none;
}