@charset "utf-8";
/*
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Noto Serif JP', serif;
*/

/*
  PC/SP�ｽ螢ｼ�ｽ陝ｯ�ｽ
=============================================================== */
.pcn {
  display: none;}
.spn {
  display: inline-block;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.pcn {
  display: inline-block;}
.spn {
  display: none;}}

/*
  陷茨ｽｱ鬨ｾ螢ｹﾎ樒ｹｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ
=============================================================== */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  letter-spacing: .04em;}
#toaruhi-wrapper {
  position: relative;
  max-width: 1600px;
  min-width: 1200px;
  margin: 0 auto;}
.top #toaruhi-container {
  margin-top: 0;}
#toaruhi-container {
  position: relative;
  margin-top: 92px;}
#toaruhi-wrapper .inner {
  position: relative;
  max-width: 1300px;
  min-width: 1200px;
  margin: 0 auto;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-wrapper {
  max-width: 100%;
  min-width: 100%;}
#toaruhi-container {
  margin-top: 72px;}
#toaruhi-wrapper .inner {
  max-width: 100%;
  min-width: 100%;}}

/*
  郢晏€･繝｣郢敖€郢晢ｽｼ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ
=============================================================== */
#toaruhi-header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1600px;
  min-width: 1200px;
  background: #fff;
  z-index: 10;}
.top #toaruhi-header {
  background: none;}
#toaruhi-header .flex {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 40px;
  z-index: 2;}
#toaruhi-header .flex .hlogo {
  display: inline-block;
  width: 160px;
  height: 32px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/toaruhi_logo.png) no-repeat;
  background-size: 160px auto;}
#toaruhi-header .flex .hlogo img {
  opacity: 0;
  transition: .5s;}
.top #toaruhi-header .flex .hlogo {
  background-image: none;}
.top #toaruhi-header .flex .hlogo img {
  opacity: 1.0;}
#toaruhi-header .flex ul {
  display: flex;}
#toaruhi-header .flex ul li {
  width: 32px;
  height: 32px;
  background: none;
  transition: .5s;}
#toaruhi-header .flex ul li img {
  opacity: 1.0;
  transition: .3s;}
.top #toaruhi-header .flex ul li img {
  opacity: 0;}
#toaruhi-header .flex ul .login {
  border-radius: 3px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_login_black.svg) no-repeat;
  background-position: top center;}
#toaruhi-header .flex ul .login a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;}
#toaruhi-header .flex ul .login a img {
  opacity: 0;
  height: 32px;}
.top #toaruhi-header .flex ul .login {
  width: 32px;
  height: 32px;
  background-position: top center;
  background-image: none;}
.top #toaruhi-header .flex ul .login a img {
  opacity: 1.0;
  height: 32px;}
#toaruhi-header .flex ul .login a span {
  display: none;}
#toaruhi-header .flex ul .burger-logo {
  opacity: 0;
  position: relative;
  left: -92px;
  width: 160px;
  transition: .3s;}
#toaruhi-header .flex ul li a {
  display: inline-block;}
#toaruhi-header .flex ul .burger {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_burger_close_black.svg) no-repeat center;
  cursor: pointer;}
#toaruhi-header .flex ul .burger img {
  opacity: 0;}
.top #toaruhi-header .flex ul .burger {
  background-image: none;}
.top #toaruhi-header .flex ul .burger img {
  opacity: 1.0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-header {
  width: 100%;
  max-width: 100%;
  min-width: auto;}
#toaruhi-header .flex {
  width: 100%;
  padding: 20px 0;}
#toaruhi-header .flex .hlogo {
  position: relative;
  left: 20px;
  display: flex;
  align-items: center;
  width: 120px;
  height: 32px;
  background-size: 120px auto;
  background-position: center!important;}
#toaruhi-header .flex .hlogo img {
  width: 120px;
  height: auto;}
.top #toaruhi-header .flex .hlogo img {
  opacity: 1.0;}
#toaruhi-header .flex ul {
  position: relative;
  right: 20px;
  display: flex;}
#toaruhi-header .flex ul .login a img {
  height: 24px;}
.top #toaruhi-header .flex ul .login {
  background-position: center;}
.top #toaruhi-header .flex ul .login a img {
  height: 24px;}
#toaruhi-header .flex ul .login {
  background-position: center;
  background-size: auto 24px;}
#toaruhi-header .flex ul .burger-logo {
  display: none;}}

/*
  郢晏€･繝｣郢敖€郢晢ｽｼ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ : active
=============================================================== */
#toaruhi-header.active .flex ul .burger-logo {
  opacity: 1.0;}
.top #toaruhi-header.active .flex ul .burger-logo img {
  opacity: 1.0;}
#toaruhi-header.active .flex ul .burger {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_burger_open.svg) no-repeat center;
  background-size: 90%;}
#toaruhi-header.active .flex ul .burger img {
  opacity: 0;}
#toaruhi-header.active .flex ul .login {
  width: 120px;
  background: #76846A;}
#toaruhi-header.active .flex ul .login a {
  padding: 0 25px 0 15px;}
#toaruhi-header.active .flex ul .login a span {
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;}
#toaruhi-header.active .flex ul .login img {
  opacity: 1.0;
  width: auto;
  height: 18px;}
.top #toaruhi-header.active .flex ul .login img {
  width: auto;
  height: 18px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-header.active .flex ul .burger {
  background-size: 80%;}
#toaruhi-header.active .flex ul .login {
  width: 100px;}
#toaruhi-header.active .flex ul .login a {
  padding: 0 15px;}
#toaruhi-header.active .flex ul .login a img {
  opacity: 1.0;}
#toaruhi-header.active .flex ul .login a span {
  letter-spacing: .1em;
  font-weight: 400;
  font-size: 12px;}
.top #toaruhi-header.active .hlogo {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/toaruhi_logo.png) no-repeat;
  background-size: 120px auto;}
.top #toaruhi-header.active .hlogo img {
  opacity: 0;}}

/*
  郢晏€･繝｣郢敖€郢晢ｽｼ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ : min
=============================================================== */
.top #toaruhi-header.min {
  background: #fff;}
.top #toaruhi-header.min .flex .hlogo {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/toaruhi_logo.png) no-repeat;
  background-size: 160px auto;}
.top #toaruhi-header.min .flex .hlogo img {
  opacity: 0;}
#toaruhi-header.min .flex .login {
   background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_login_black.svg) no-repeat top center;}
#toaruhi-header.min .flex .login img {
  opacity: 0;}
.top #toaruhi-header.min .flex .login {
   background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_login_black.svg) no-repeat top center;}
.top #toaruhi-header.min .flex .login img {
  opacity: 0;}
#toaruhi-header.min .flex .burger {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_burger_close_black.svg) no-repeat center;}
#toaruhi-header.min .flex .burger img {
  opacity: 0;}
#toaruhi-header.min .flex ul .burger img {
  opacity: 0;}
.top #toaruhi-header.min .flex .burger {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_burger_close_black.svg) no-repeat center;}
.top #toaruhi-header.min .flex .burger img {
  opacity: 0;}
.top #toaruhi-header.min .flex ul .burger img {
  opacity: 0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.top #toaruhi-header.min .flex .hlogo {
  background-size: 120px auto;}
#toaruhi-header.min .flex .login {
   background-position: center;
   background-size: auto 24px; }
.top #toaruhi-header.min .flex .login {
   background-position: center;
   background-size: auto 24px;}}

/*
  郢晏€･繝｣郢敖€郢晢ｽｼ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ : active / min
=============================================================== */
#toaruhi-header.active.min .login {
  background: none;}
#toaruhi-header.active.min .login img {
  opacity: 1.0;}
.top #toaruhi-header.active.min .login {
  width: 120px;
  background: #76846A;}
.top #toaruhi-header.active.min .flex ul .login img {
  opacity: 1.0;
  width: auto;
  height: 18px;}
.top #toaruhi-header.active.min .burger {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_burger_open.svg) no-repeat center;
  background-size: 90%;}
.top #toaruhi-header.active.min .left .burger img {
  opacity: 0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.top #toaruhi-header.active.min .login {
  width: 100px;}
.top #toaruhi-header.active.min .flex ul .login img {
  opacity: 1.0;
  width: auto;
  height: 18px;}
.top #toaruhi-header.active.min .burger {
  background-size: 80%;}}

/*
  郢晁��ｽ郢ｧ�ｬ郢晢ｽｼ郢晉ｿｫ繝ｳ郢ｧ�ｲ郢晢ｽｼ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ
=============================================================== */
#toaruhi-nav {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: auto;
  background: rgba(247, 245, 244, .9);
  z-index: 1;}
#toaruhi-nav > div {
  width: 500px;
  padding: 102px 40px 40px;}
#toaruhi-nav .nav01 {
  width: 100%;}
#toaruhi-nav .nav01 li a {
  display: block;
  padding: 13px 0;
  color: #575757;}
#toaruhi-nav .nav01 li a span,
#toaruhi-nav .nav01 li > span {
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 24px;
  color: #333;
  transition: .3s;}
#toaruhi-nav .nav01 li a i,
#toaruhi-nav .nav01 li > i {
  display: inline-block;
  margin-top: 3px;
  margin-left: .5em;
  font-style: normal;
  font-size: 12px;}
#toaruhi-nav .nav01 li a:hover span {
  color: #76846A;}
#toaruhi-nav .nav01 .nav01_child_list {
  width: 100%;
  padding-left: 18px;
  margin-top: 15px;}
#toaruhi-nav .nav01 .nav01_child_list li {
  width: 100%;
  position: relative;
  padding-left: 23px;}
#toaruhi-nav .nav01 .nav01_child_list li::before {
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 54%;
  left: 0;
  transform: translate(0%,-50%);}
#toaruhi-nav .nav01 .nav01_child_list li a {
  display: block;
  padding: 5px 0;
  font-family: 'Noto Serif JP', serif;
  color: #575757;}
#toaruhi-nav .nav01 .nav01_child_list li a img {
	width: 42px;
	transition: .3s;}
#toaruhi-nav .nav01 .nav01_child_list li a span {
	font-size: 18px;
	font-weight: 600;
	transition: .3s;}
#toaruhi-nav .nav01 .nav01_child_list li a:hover img {
  opacity: .8;}
#toaruhi-nav .nav01 .nav01_child_list li a:hover span {
  color: #76846A;}
#toaruhi-nav .nav02 {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;}
#toaruhi-nav .nav02 li {
  width: 30%;
  font-family: 'Noto Serif JP', serif;
  text-align: center;}
#toaruhi-nav .nav02 li a {
  display: inline-block;
  width: 100%;
  padding: 5px 0;}
#toaruhi-nav .nav02 .insta {
  width: 35%;
  text-align: left;}
#toaruhi-nav .nav02 .insta a {
  padding-left: 40px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_instagram.svg) no-repeat left center;
  background-size: auto 24px;}
#toaruhi-nav .nav02 .line {
  width: 35%;
  text-align: left;
  padding-left: 25px;
  border-left: 1px solid #707070;}
#toaruhi-nav .nav02 .line a {
  padding-left: 40px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_line.svg) no-repeat left center;
  background-size: auto 24px;}
#toaruhi-nav .nav02 li i {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  font-style: normal;
  cursor: pointer;}
#overlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(112, 112, 112, .4);
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-nav {
  width: 100%;}
#toaruhi-nav > div {
  width: 100%;
  padding: 80px 40px 30px;}
#toaruhi-nav > div > div {
  display: flex;
  flex-direction: column;
  width: 100%;}
#toaruhi-nav .nav01 li {
  white-space: nowrap;}
#toaruhi-nav .nav01 li a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13px 0;}
#toaruhi-nav .nav01 li a span {
  font-weight: 500;
  font-size: 18px;}
#toaruhi-nav .nav01 li a i {
  font-weight: 500;
  margin-top: 0;
  margin-left: 20px;}
#toaruhi-nav .nav02 {
  white-space: nowrap;
  justify-content: space-between;
  margin-top: 30px;
  font-size: 13px;}
#toaruhi-nav .nav02 li {
  width: 20%;}
#toaruhi-nav .nav02 li a {
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 4px 0;}
#toaruhi-nav .nav02 .insta {
  width: 40%;}
#toaruhi-nav .nav02 .insta a {
  padding-left: 35px;
  background-size: auto 22px;}
#toaruhi-nav .nav02 .line {
  width: 40%;
  padding-left: 20px;}
#toaruhi-nav .nav02 .line a {
  padding-left: 35px;
  background-size: auto 22px;}
#toaruhi-nav .nav02 li i {
  font-weight: 400;
  padding: 4px 0;}}

/*
  郢晁ｼ斐Ε郢ｧ�ｿ郢晢ｽｼ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ
=============================================================== */
#toaruhi-footer {
  letter-spacing: 0!important;
  margin-top: 125px;
  padding: 90px 0 0;
  background: #F5F5F5;}
#toaruhi-footer .sns {
  display: flex;
  justify-content: center;
  margin-bottom: 35px;}
#toaruhi-footer .sns li {
  margin: 0 20px;}
#toaruhi-footer .sns li img {
  width: 30px;
  height: auto;}
#toaruhi-footer .logo {
  display: block;
  margin-bottom: 80px;
  text-align: center;}
#toaruhi-footer .logo a {
  display: inline-block;}
#toaruhi-footer .logo img {
  width: 180px;}
#toaruhi-footer .box {
  width: 560px;
  margin: 0 auto;}
#toaruhi-footer .box .tel {
  text-align: center;}
#toaruhi-footer .box .tel a {
  pointer-events: none;
  display: inline-block;
  padding-left: 35px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/ficon_tel.png) no-repeat left center / 22px auto;}
#toaruhi-footer .box .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  font-size: 16px;}
#toaruhi-footer .box .flex .left {
  font-weight: 300;}
#toaruhi-footer .box .flex .right {
  font-weight: 300;}
#toaruhi-footer .box .flex .right ul li {
  position: relative;}
#toaruhi-footer .box .flex .right ul li > a,
#toaruhi-footer .box .flex .right ul li > span {
  display: inline-block;
  padding-left: 15px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_footer_arrow.svg) no-repeat left center / 5px auto;
  cursor: pointer;}
#toaruhi-footer .box .flex .right ul li .menu_child {
  min-width: 200px;
  height: auto;
  padding: 15px 25px 15px 10px;
  border-radius: 10px;
  background-color: #76846A;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transform: translate(0%,100%);
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: .3s;}
#toaruhi-footer .box .flex .right ul li .menu_child::before {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0%,-100%);}
#toaruhi-footer .box .flex .right ul li > span:hover ~ .menu_child {
  bottom: -5px;
  opacity: 1;
  pointer-events: auto;}
#toaruhi-footer .box .flex .right ul li .menu_child:hover {
  bottom: -5px;
  opacity: 1;
  pointer-events: auto;}
#toaruhi-footer .box .flex .right ul li .menu_child p {
  font-size: 14px;
  white-space: nowrap;
  color: #ffffff;}
#toaruhi-footer .box .flex .right ul li .menu_child p:not(:last-of-type) {
  margin-bottom: 8px;}
#toaruhi-footer .box .flex .right ul li .menu_child a {
  padding: 0;
  color: #ffffff;}
#toaruhi-footer .box .flex .right ul li .menu_child a:hover {
  text-decoration: underline;}
#toaruhi-footer .box .flex ul li + li {
  margin-top: 30px;}
#toaruhi-footer .sub-nav {
  display: flex;
  justify-content: space-around;
  width: 600px;
  margin: 40px auto 0;
  font-size: 14px;
  font-weight: 300;}
#toaruhi-footer .sub-nav li {
  position: relative;}
#toaruhi-footer .sub-nav li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -9px;
  width: 1px;
  height: 20px;
  background: #707070;}
#toaruhi-footer .sub-nav li a {
  color: #2B2B2B;}
#toaruhi-footer address {
  display: block;
  margin-top: 50px;
  padding: 20px 0;
  text-align: center;
  background: #575757;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #fff;}
#toaruhi-footer .box .flex .left ul li:nth-of-type(3),
#toaruhi-footer .box .flex .right ul li:nth-of-type(3) {
  margin-top: 18px;}
.footer__menu_child_list {
  padding-left: 10px;
  margin-top: 12px;}
.footer__menu_child_list > li {
  width: 100%;
  padding-left: 23px;
  margin-top: 0 !important;
  position: relative;}
.footer__menu_child_list > li:not(:last-of-type) {
  margin-bottom: 6px !important;}
.footer__menu_child_list li ::before {
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 54%;
  left: 0;
  transform: translate(0%,-50%);}
.footer__menu_child_list li a {
  display: block;
  padding: 3px 0;
  font-family: 'Noto Serif JP', serif;
  color: #000000;}
#toaruhi-footer .box .flex .right ul .footer__menu_child_list li a {
  padding-left: 0px;
  background: initial;}
.footer__menu_child_list li a img {
  width: 34px;
	transition: .3s;}
.footer__menu_child_list li a span {
  font-size: 14px;
	font-weight: 600;
	transition: .3s;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-footer {
  margin-top: 60px;
  padding: 65px 0 0;}
#toaruhi-footer .sns {
  margin-bottom: 40px;}
#toaruhi-footer .sns li {
  margin: 0 20px;}
#toaruhi-footer .sns li img {
  width: 30px;}
#toaruhi-footer .logo {
  margin-bottom: 60px;}
#toaruhi-footer .logo img {
  width: 120px;}
#toaruhi-footer .box {
  width: 100%;
  padding: 0 40px;}
#toaruhi-footer .box .tel a {
  pointer-events: auto;
  padding-left: 35px;
  font-weight: 700;}
#toaruhi-footer .box .flex {
  margin-bottom: 60px;
  font-size: 13px;}
#toaruhi-footer .box .flex .right ul li a {
  padding-left: 15px;
  background-size: 5px auto;}
/* #toaruhi-footer .box .flex .right ul li span {
  display: none;} */
#toaruhi-footer .box .flex .right ul li .menu_child {
  min-width: initial;
  padding: 0;
  border-radius: 0;
  background-color: initial;
  position: initial;
  bottom: initial;
  left: initial;
  transform: initial;
  z-index: initial;
  opacity: 1;
  pointer-events: initial;}
#toaruhi-footer .box .flex .right ul li .menu_child::before {
  display: none;}
#toaruhi-footer .box .flex .right ul li > span:hover ~ .menu_child {
  bottom: initial;}
#toaruhi-footer .box .flex .right ul li .menu_child:hover {
  bottom: initial;}
#toaruhi-footer .box .flex .right ul li .menu_child p {
  font-size: 13px;
  color: #000000;}
#toaruhi-footer .box .flex .right ul li .menu_child p:not(:last-of-type) {
  margin-bottom: 30px;}
#toaruhi-footer .box .flex .right ul li .menu_child p span {
  display: none;}
#toaruhi-footer .box .flex .right ul li .menu_child a {
  padding-left: 15px;
  color: #000000;}
#toaruhi-footer .box .flex .right ul li .menu_child a:hover {
  text-decoration: initial;}
#toaruhi-footer .sub-nav {
  width: 100%;
  justify-content: space-between;
  padding: 0 20px;
  font-size: 10px;}
#toaruhi-footer .sub-nav li + li:before {
  left: -8px;
  margin-top: -4px;
  height: 10px;}
#toaruhi-footer address {
  margin-top: 40px;
  padding: 20px 0;
  font-size: 8px;}}

/* ===============================================================

  郢晏現繝｣郢晏干�ｽ郢晢ｽｼ郢ｧ�ｸ郢晢ｽｬ郢ｧ�､郢ｧ�｢郢ｧ�ｦ郢晢ｿｽ

=============================================================== */

/*
  h2�ｽ螢ｼ�ｽ鬨ｾ�ｽ
=============================================================== */
.h2-box-top {
  text-align: center;}
.h2-box-top h2 {
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  font-size: 42px;
  color: #000;}
.h2-box-top h2 span {
  position: relative;
  display: inline-block;
  letter-spacing: .04em;}
.h2-box-top h2 span:before {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 1px;
  background: #000;}
.h2-box-top h2.jp {
  color: #76846A;}
.h2-box-top h2.jp span i {
  display: block;
  font-size: 26px;
  font-style: normal;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.h2-box-top h2 {
  font-size: 26px;}}

/*
  link�ｽ螢ｹﾎ懃ｹ晢ｽｳ郢ｧ�ｯ郢ｧ�ｿ郢ｧ�､郢晢ｿｽ01
=============================================================== */
.link-type01 {
  display: flex;
  align-items: center;
  width: 260px;
  height: 60px;
  padding: 0 30px;
  border: 2px solid #76846A;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/arrow_left_white.png) no-repeat #76846A right 20px center / 30px auto;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  transition: .3s;}
.link-type01:hover {
  opacity: .8;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.link-type01 {
  width: 70%;
  height: 48px;
  padding: 0 20px;
  background-position: right 20px center;
  background-size: 20px auto;
  font-size: 16px;}}

/*
  link�ｽ螢ｹﾎ懃ｹ晢ｽｳ郢ｧ�ｯ郢ｧ�ｿ郢ｧ�､郢晢ｿｽ02
=============================================================== */
.link-type02 {
  display: flex;
  align-items: center;
  width: 260px;
  height: 60px;
  padding: 0 30px;
  border: 2px solid #76846A;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/arrow_left_green.png) no-repeat #fff right 20px center / 30px auto;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 18px;
  color: #76846A;
  transition: .3s;}
.link-type02:hover {
  opacity: .8;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
.link-type02 {
  width: 70%;
  height: 48px;
  padding: 0 20px;
  background-position: right 20px center;
  background-size: 20px auto;
  font-size: 16px;}}

/*
  郢晢ｽ｡郢ｧ�､郢晢ｽｳ郢晁侭縺夂ｹ晢ｽ･郢ｧ�｢郢晢ｽｫ
=============================================================== */
#mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 810px;}
#mv video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 1600px;}
#mv:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#mv {
  height: auto;}
#mv video {
  position: static;
  transform: none;
  width: 100%;}
#mv:before {
  height: 30px;}}

/*
  郢晄じﾎ帷ｹ晢ｽｳ郢晢ｿｽ
=============================================================== */
#top-brand {
  overflow: hidden;
  position: relative;
  padding: 100px 0 750px;}
#top-brand:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
#top-brand .box {
  position: relative;
  padding-top: 560px;}
#top-brand .box .float-img li {
  position: absolute;}
#top-brand .box .float-img li:nth-child(1) {
  top: 10px;
  left: 10px;}
#top-brand .box .float-img li:nth-child(1) img {
  width: 350px;
  height: auto;}
#top-brand .box .float-img li:nth-child(2) {
  top: 135px;
  right: -50px;}
#top-brand .box .float-img li:nth-child(2) img {
  width: 750px;
  height: auto;}
#top-brand .box .txt {
  padding-left: 110px;
  line-height: 3.8;}
#top-brand .box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 920px;
  margin: 100px auto 0;}
#top-brand .box .flex p {
  position: relative;
  font-weight: 500;
  font-size: 18px;}
#top-brand .box .flex p:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1000px;
  height: 1px;
  background: #707070;}
#top-brand .box .flex p span {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  background: #fff;
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-brand {
  padding: 60px 20px 470px;}
#top-brand:before {
  height: 40px;}
#top-brand .box {
  padding-top: 650px;}
#top-brand .box .float-img li:nth-child(1) {
  top: 40px;
  left: 0;}
#top-brand .box .float-img li:nth-child(1) img {
  width: auto;
  height: 160px;}
#top-brand .box .float-img li:nth-child(2) {
  width: 80%;
  top: 225px;
  right: -20px;}
#top-brand .box .float-img li:nth-child(2) img {
  width: auto;
  height: 400px;}
#top-brand .box .txt {
  padding-left: 0;
  line-height: 2.2;
  font-weight: 400;
  font-size: 15px;}
#top-brand .box .flex {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 30px auto 0;}
#top-brand .box .flex p {
  font-size: 15px;}
#top-brand .box .flex p:before {
  left: -100px;
  right: auto;
  width: 100px;}
#top-brand .box .flex p span {
  padding-left: 10px;}
#top-brand .box .flex a {
  margin-top: 40px;}}

/*
  郢晏干ﾎ溽ｹ敖€郢ｧ�ｯ郢晢ｿｽ
=============================================================== */
#top-products {
  background: #F7F5F4;
  position: relative;}
#top-products .inner {
  overflow: hidden;
  width: 100%;
  max-width: initial;
  padding: 140px 0 100px;}
#top-products .box {
  margin: 60px auto 0;
  width: 660px;}
#top-products .box img {
  width: 100%;
  height: auto;}
#top-products .box .pdetails {
  margin-top: 40px;}
#top-products .box .pdetails .title {
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 16px;}
#top-products .box .pdetails img {
  margin: 0 auto;
  width: 136px;
  height: auto;}
#top-products .box .pdetails .pname {
  width: 100%;
  padding: 0.815% 0;
  font-size: 40px;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 1;
  text-align: center;}
#top-products .box .pdetails .txt {
  margin-top: 30px;
  text-align: center;
  line-height: 2.2;}
#top-products .box .pdetails .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;}
#top-products .box .pdetails .link li + li {
  margin-top: 20px;}
#top-products .box .pdetails .note {
  margin-top: 50px;
  line-height: 1.7;
  font-size: 14px;}
#top-products .box .pdetails .note li {
  position: relative;
  padding-left: 2.2em;}
#top-products .box .pdetails .note li + li {
  margin-top: 5px;}
#top-products .box .pdetails .note li:before {
  position: absolute;
  top: 0;
  left: 0;}
#top-products .box .pdetails .note li:nth-child(1):before {
  content: '※1';}
#top-products .box .pdetails .note li:nth-child(2):before {
  content: '※2';}
.slider-products {
  margin: 0 auto;
  width: 100%;}
.slider-products .slick-list {
  overflow: visible;
  width: 650px;
  margin: 0 auto;}
.slider-products .pslide {
  margin: 0 100px;}
.slider-products .pslide .varea {
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
  border-radius: 100%;}
.slider-products .pslide .txt {
  font-size: 15px;
  line-height: 2.0;}
.slider-products .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 60px;}
.slider-products .slick-dots li {
  margin: 0 10px;
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  padding: 0;}
.slider-products .slick-dots li button {
  text-indent: -9999px;
  width: 40px;
  padding: 0;
  height: 5px;
  border: 1px solid #000;}
.slider-products .slick-dots li.slick-active button {
  background: #000;}
#top-products .float-img li {
  position: absolute;}
#top-products .float-img {
  max-width: 1300px;
  min-width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0%);}
#top-products .float-img li:nth-child(1) {
  top: -420px;
  left: 120px;
  z-index: 1;}
#top-products .float-img li:nth-child(1) img {
  width: 670px;
  height: auto;}
#top-products .float-img li:nth-child(2) {
  top: -595px;
  right: 120px;}
#top-products .float-img li:nth-child(2) img {
  width: 430px;
  height: auto;
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-products {
  padding: 0;}
#top-products .inner {
  padding: 40px 0 40px;}
#top-products .box {
  overflow: hidden;
  margin: 40px auto 0;
  width: 100%;}
#top-products .box img {
  width: 95%;
  margin: 0 auto;}
#top-products .box .pslide:not(:nth-of-type(1)) img {
  opacity: 1 !important;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
}
#top-products .box .pdetails {
  margin-top: 30px;}
#top-products .box .pdetails .title {
  margin-bottom: 20px;
  font-size: 11px;}
#top-products .box .pdetails img {
  width: 20%;}
#top-products .box .pdetails .pname {
  width: 100%;
  padding: 0;
  font-size: 22px;}
#top-products .box .pdetails .txt {
  margin-top: 30px;
  font-weight: 400;
  line-height: 1.8;
  font-size: 14px;
  text-align: left;}
#top-products .box .pdetails .link li + li {
  margin-top: 10px;}
#top-products .box .pdetails .link li {
  width: 70%;}
#top-products .box .pslide:not(:nth-of-type(1)) .pdetails .link li {
  opacity: 1 !important;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;}
#top-products .box .pdetails .link li a {
  width: 100%;
  margin: 0 auto;}
#top-products .box .pdetails .note {
  margin-top: 40px;
  line-height: 1.8;
  font-weight: 400;
  font-size: 12px;}
.slider-products .slick-list {
  width: calc(100% - 80px);
  margin: 0 auto;}
.slider-products .pslide {
  margin: 0 20px;}
.slider-products .pslide .varea {
  width: 250px;
  height: 250px;
  margin: 0 auto 20px;}
.slider-products .pslide .varea video {
  border-radius: 100%;}
.slider-products .pslide .txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;}
.slider-products .slick-dots {
  z-index: 3;
  margin-top: 30px;}
.slider-products .slick-dots li {
  margin: 0 5px;}
.slider-products .slick-dots li button {
  width: 40px;}
#top-products .float-img {
  max-width: calc(100% - 60px);
  min-width: calc(100% - 60px);}
#top-products .float-img li {
  position: absolute;}
#top-products .float-img li:nth-child(1) {
  top: -270px;
  left: auto;
  right: -20px;}
#top-products .float-img li:nth-child(1) img {
  width: auto;
  height: 240px;
  border: 5px solid #fff;
  border-radius: 20px;}
#top-products .float-img li:nth-child(2) {
  top: -410px;
  left: -30px;
  right: auto;}
#top-products .float-img li:nth-child(2) img {
  width: auto;
  height: 160px;}}

/*
  郢晄㈱縺�ｹｧ�ｹ
=============================================================== */
#top-voice {
  overflow: hidden;
  padding: 100px 0 0;}
#top-voice .box {
  position: relative;
  margin-top: 60px;
  padding-bottom: 900px;}
#top-voice table {
  table-layout: auto;
  width: 100%;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.0;}
#top-voice table tr + tr {
  border-top: 5px solid #fff;}
#top-voice table th {
  padding: 5px 0;
  text-align: left;}
#top-voice table td {
  white-space: nowrap;
  width: 1px;
  padding: 5px 0 5px 10px;
  border-left: 1px solid #000;
  text-align: right;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;}
#top-voice table tr:last-child th {
  padding-left: 2em;}
.slider-voice {
  margin: 0 auto;
  width: 100%;}
.slider-voice .slick-list {
  overflow: visible;
  width: 600px;
  margin: 0 auto;}
.slider-voice .vslide {
  margin: 0 100px;}
.slider-voice .vslide .varea {
  overflow: hidden;
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
  border-radius: 100%;}
.slider-voice .vslide .product_user {
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
  font-size: 15px;
  font-weight: 700;}
.slider-voice .vslide .txt {
  font-size: 15px;
  line-height: 2.0;}
.slider-voice .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 60px;}
.slider-voice .slick-dots li {
  margin: 0 10px;
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  padding: 0;}
.slider-voice .slick-dots li button {
  text-indent: -9999px;
  width: 40px;
  padding: 0;
  height: 5px;
  border: 1px solid #000;}
.slider-voice .slick-dots li.slick-active button {
  background: #000;}
#top-voice .float-img li {
  position: absolute;}
#top-voice .float-img li:nth-child(1) {
  bottom: 100px;
  left: 120px;
  z-index: 1;}
#top-voice .float-img li:nth-child(1) img {
  width: 680px;
  height: auto;}
#top-voice .float-img li:nth-child(2) {
  bottom: 300px;
  right: 180px;
  z-index: 2;}
#top-voice .float-img li:nth-child(2) img {
  width: 350px;
  height: auto;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-voice {
  padding: 40px 0 0;}
#top-voice .box {
  margin-top: 40px;
  padding-bottom: 450px;}
#top-voice table {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 15px;}
#top-voice table th {
  padding: 3px 0;}
#top-voice table td {
  padding: 3px 0 3px 10px;}
.slider-voice .slick-list {
  width: 100%;
  margin: 0 auto;}
.slider-voice .vslide {
  margin: 0 50px;}
.slider-voice .vslide .varea {
  width: 250px;
  height: 250px;
  margin: 0 auto 20px;}
.slider-voice .vslide .varea video {
  border-radius: 100%;}
.slider-voice .vslide .txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;}
.slider-voice .slick-dots {
  z-index: 3;
  margin-top: 30px;}
.slider-voice .slick-dots li {
  margin: 0 5px;}
.slider-voice .slick-dots li button {
  width: 40px;}
#top-voice .float-img li:nth-child(1) {
  bottom: 200px;
  left: auto;
  right: 10px;}
#top-voice .float-img li:nth-child(1) img {
  width: auto;
  height: 200px;}
#top-voice .float-img li:nth-child(2) {
  bottom: 40px;
  right: auto;
  left: 20px;}
#top-voice .float-img li:nth-child(2) img {
  border: 5px solid #fff;
  border-radius: 28px;
  width: auto;
  height: 260px;}}

/*
  郢ｧ�ｳ郢晢ｽｼ郢ｧ�ｹ
=============================================================== */
#top-course {
  padding: 100px 0 100px;
  background: #EFEFEF;}
#top-course .box {
  width: 680px;
  margin: 60px auto 0;}
#top-course .box .title {
  margin-top: 40px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 26px;
  color: #76846A;}
#top-course .box .txt {
  margin-top: 20px;
  text-align: center;
  line-height: 2.2;}
#top-course .box .center {
  margin-top: 40px;
  text-align: center;}
#top-course .box .center a {
  display: inline-flex;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-course {
  overflow: hidden;
  padding: 40px 20px;}
#top-course .box {
  width: 100%;
  margin-top: 40px;}
#top-course .box .title {
  margin-top: 30px;
  font-size: 20px;}
#top-course .box .txt {
  white-space: nowrap;
  margin-top: 10px;
  line-height: 1.8;
  font-weight: 400;
  font-size: 15px;}
#top-course .box .center {
  margin-top: 30px;}}

/*
  郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼ
=============================================================== */
#top-interview {
  overflow: hidden;
  padding: 90px 0 100px;
  background: #E8E7E7;}
#top-interview .box {
  position: relative;
  margin-top: 110px;}
#top-interview .box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2000px;
  height: 100%;
  background: #DBD2C5;}
#top-interview .box > div {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 780px;
  height: 470px;
  z-index: 2;}
#top-interview .box img {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 720px;
  height: auto;
  border-radius: 16px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);}
#top-interview .box > div > div {
  flex: 1;}
#top-interview .box > div > div .txt {
  font-size: 18px;
  line-height: 2.2;}
#top-interview .box > div > div a {
  margin-top: 35px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-interview {
  padding: 40px 0;}
#top-interview .box {
  margin-top: 70px;}
#top-interview .box:before {
  right: 20px;
  width: 1000px;}
#top-interview .box > div {
  padding: 260px 0 40px;
  height: auto;
  z-index: 2;}
#top-interview .box img {
  top: -30px;
  left: auto;
  right: 50px;
  width: auto;
  height: 260px;
  border-radius: 10px;}
#top-interview .box > div > div {
  padding: 0 20px;
  text-align: center;}
#top-interview .box > div > div .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;}
#top-interview .box > div > div a {
  margin: 30px auto 0;
  margin-top: 30px;}}

/*
  郢ｧ蛹ｻ�･邵ｺ繧�ｽ矩實�ｪ陜��ｽ
=============================================================== */
#top-faq {
  padding: 100px 0;}
#top-faq a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 780px;
  padding: 0 70px;
  min-height: 370px;
  margin: 0 auto;
  border-radius: 15px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_faq.png) no-repeat right bottom;
  background-size: 100% auto;
  transition: .3s;}
#top-faq a:hover {
  opacity: .8;}
#top-faq a .title {
  display: flex;
  align-items: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 48px;}
#top-faq a .title span {
  margin: 0 10px;
  font-size: 36px;}
#top-faq a .title em {
  margin-left: 25px;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;}
#top-faq a ul {
  margin-top: 40px;
  padding-left: 30px;
  border-left: 1px solid #000;
  line-height: 1.6;}
#top-faq a ul li + li {
  margin-top: 10px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-faq {
  padding: 40px 20px;}
#top-faq a {
  width: 100%;
  padding: 20px 20px 30px 20px;
  min-height: auto;
  background-image: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_faq_sp.png);
  background-size: cover;}
#top-faq a .title {
  flex-wrap: wrap;
  font-size: 30px;}
#top-faq a .title span {
  margin: 0 2px;
  font-size: 24px;}
#top-faq a .title em {
  width: 100%;
  margin-top: 10px;
  margin-left: 0;
  font-size: 15px;
  font-weight: 700;}
#top-faq a ul {
  margin-left: 10px;
  margin-top: 25px;
  padding-left: 20px;
  font-weight: 400;
  font-size: 13px;}
#top-faq a ul li + li {
  margin-top: 5px;}}

/*
  郢ｧ�､郢晢ｽｳ郢晁ｼ斐°郢晢ｽ｡郢晢ｽｼ郢ｧ�ｷ郢晢ｽｧ郢晢ｽｳ
=============================================================== */
#top-info {
  padding: 20px 0 0;}
#top-info .box {
  width: 600px;
  margin: 80px auto 0;}
#top-info .box ul {
  width: 100%;
  margin-bottom: 60px;}
#top-info .box ul li + li {
  border-top: 1px solid #707070;}
#top-info .box ul li:first-child a {
  padding-top: 0;}
#top-info .box ul li:last-child a {
  padding-bottom: 0;}
#top-info .box ul li a {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;}
#top-info .box ul li a img {
  width: 200px;
  height: auto;}
#top-info .box ul li a > div {
  flex: 1;
  padding-left: 35px;}
#top-info .box ul li a > div .date {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  color: #575757;}
#top-info .box ul li a > div .title {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;}
#top-info .box ul li a > div .txt {
  font-size: 14px;
  line-height: 1.8;
  color: #575757;}
#top-info .box .center {
  text-align: center;}
#top-info .box .center a {
  display: inline-flex;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#top-info {
  padding: 0 20px;}
#top-info .box {
  width: 100%;
  margin: 40px auto 0;}
#top-info .box ul {
  margin-bottom: 30px;}
#top-info .box ul li a {
  align-items: flex-start;
  padding: 20px 0;}
#top-info .box ul li a img {
  width: 32%;}
#top-info .box ul li a > div {
  padding-left: 15px;}
#top-info .box ul li a > div .date {
  margin-bottom: 8px;
  font-size: 12px;}
#top-info .box ul li a > div .title {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;}
#top-info .box ul li a > div .txt {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;}}

/* ===============================================================

  闕ｳ蜿･�ｱ�､郢晏｣ｹ�ｽ郢ｧ�ｸ陷茨ｽｱ鬨ｾ�ｽ

=============================================================== */
#next-page {
  margin-top: 80px;
  padding: 0 40px;}
#next-page .title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;}
#next-page ul {
  display: flex;
  justify-content: space-between;}
#next-page ul li {
  width: 32%;
  border-radius: 15px;}
#next-page ul li a {
  display: flex;
  padding: 40px;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  color: #fff;}
#next-page ul li a .stitle {
  margin-bottom: 10px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 24px;}
#next-page ul li a .txt {
  font-size: 14px;}
#next-page ul li.brand {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/next-page_brand.png) no-repeat;
  background-size: 100% auto;
  background-position: right center;}
#next-page ul li.products {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/next-page_products.png) no-repeat;
  background-size: 100% auto;
  background-position: right center;}
#next-page ul li.course {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/next-page_course.png) no-repeat;
  background-size: 100% auto;
  background-position: right center;}
#next-page ul li.interview {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/next-page_interview.png) no-repeat;
  background-size: 100% auto;
  background-position: right center;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#next-page {
  margin-top: 30px;
  padding: 0 20px;}
#next-page .title {
  margin-bottom: 20px;
  font-size: 24px;}
#next-page ul {
  flex-direction: column;}
#next-page ul li {
  width: 100%;}
#next-page ul li + li {
  margin-top: 10px;}
#next-page ul li a {
  padding: 15px 25px 20px;}
#next-page ul li a .stitle {
  margin-bottom: 5px;
  font-size: 20px;}
#next-page ul li a .txt {
  font-weight: 400;
  font-size: 13px;}}

/* ===============================================================

  郢晄じﾎ帷ｹ晢ｽｳ郢晏ｳｨ�ｽ郢晢ｽｼ郢ｧ�ｸ

=============================================================== */

/*
  郢晄じﾎ帷ｹ晢ｽｳ郢晉ｪｺV
=============================================================== */
#page-brand-mv {
  position: relative;
  width: 100%;
  height: 815px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-brand-mv.png) no-repeat top left;}
#page-brand-mv:before {
  content: '';
  position: absolute;
  bottom: 40px;
  right: 80px;
  width: 580px;
  height: 452px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_page-brand-mv.png);
  background-size: contain;}
#page-brand-mv .box {
  padding: 100px 0 0 150px;
  font-family: 'Noto Serif JP', serif;}
#page-brand-mv .box .title {
  line-height: 1.6;
  font-weight: 400;
  font-size: 42px;
  letter-spacing: .1em;}
#page-brand-mv .box .title span {
  font-size: 30px;}
#page-brand-mv .box .txt {
  position: relative;
  margin-top: 50px;
  padding-left: 140px;
  font-size: 28px;}
#page-brand-mv .box .txt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -150px;
  width: 250px;
  height: 1px;
  background: #000;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-brand-mv {
  z-index: 2;
  height: 500px;
  background-image: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-brand-mv_sp.png);
  background-size: auto 100%;
  background-position: top right;}
#page-brand-mv:before {
  bottom: -80px;
  left: 50%;
  right: auto;
  width: 320px;
  height: 250px;
  margin-left: -160px;}
#page-brand-mv .box {
  padding: 80px 0 0 40px;}
#page-brand-mv .box .title {
  line-height: 1.8;
  font-size: 28px;}
#page-brand-mv .box .title span {
  font-size: 24px;}
#page-brand-mv .box .txt {
  margin-top: 40px;
  padding-left: 50px;
  font-size: 18px;}
#page-brand-mv .box .txt:before {
  left: -220px;}}

/*
  page-brand-01
=============================================================== */
#page-brand-01 {
  overflow: hidden;
  position: relative;
  padding: 100px 0;}
#page-brand-01:before {
  content: '';
  position: absolute;
  top: 0;
  right: 120px;
  width: 100%;
  height: 100%;
  background: #F7F5F4;}
#page-brand-01:after {
  content: 'KINDFULNESS';
  position: absolute;
  bottom: 100px;
  right: 60px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 76px;
  writing-mode: vertical-rl;
  color: rgba(0, 0, 0, .1);}
#page-brand-01 .box {
  position: relative;
  width: 800px;
  margin: 0 auto;
  z-index: 2;}
#page-brand-01 .box:before {
  content: '';
  position: absolute;
  top: 150px;
  right: 30px;
  width: 230px;
  height: 228px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-brand-01_box.png) no-repeat center;
  background-size: contain;}
#page-brand-01 .box p {
  line-height: 2.6;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-brand-01 {
  margin-top: 40px;
  padding: 80px 0 40px;}
#page-brand-01:before {
  border-radius: 15px;
  right: 40px;}
#page-brand-01:after {
  bottom: 50px;
  right: 16px;
  font-size: 34px;}
#page-brand-01 .box {
  width: 100%;
  padding: 0 30px;}
#page-brand-01 .box:before {
  display: none;}
#page-brand-01 .box p {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}}

/*
  page-brand-02
=============================================================== */
#page-brand-02 {
  overflow: hidden;
  padding: 80px 0;}
#page-brand-02 .box {
  position: relative;
  padding-left: 40px;
  padding-bottom: 110px;}
#page-brand-02 .box > img {
  width: 720px;
  height: auto;}
#page-brand-02 .box div {
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 600px;
  padding: 50px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
#page-brand-02 .box div .title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 30px;}
#page-brand-02 .box div .title span {
  margin-left: 10px;}
#page-brand-02 .box div .title img {
  width: auto;
  height: 32px;}
#page-brand-02 .box div .txt {
  line-height: 2.0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-brand-02 {
  padding: 40px 0;}
#page-brand-02 .box {
  padding-left: 0;
  padding-bottom: 0;}
#page-brand-02 .box > img {
  margin-left: -20px;
  width: auto;
  height: 220px;}
#page-brand-02 .box div {
  position: static;
  margin-top: 30px;
  padding: 0 30px;
  font-weight: 400;
  width: 100%;
  box-shadow: none;}
#page-brand-02 .box div .title {
  margin-bottom: 20px;}
#page-brand-02 .box div .title span {
  font-size: 15px;}
#page-brand-02 .box div .title img {
  height: 24px;}
#page-brand-02 .box div .txt {
  font-size: 15px;}}

/*
  page-brand-03
=============================================================== */
#page-brand-03 {
  min-height: 1620px;
  padding: 100px 0;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-brand-03.png) no-repeat bottom center;}
#page-brand-03 .title {
  text-align: center;
  font-size: 42px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #76846A;
  line-height: 1.5;}
#page-brand-03 .title span {
  position: relative;
  display: inline-block;}
#page-brand-03 .title span:before {
  content: '';
  position: absolute;
  top: -130px;
  left: -200px;
  width: 180px;
  height: 125px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-brand-03_before.png);
  background-size: contain;}
#page-brand-03 .title span:after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: -200px;
  width: 126px;
  height: 100px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-brand-03_after.png);
  background-size: contain;}
#page-brand-03 .box {
  margin-top: 80px;
  padding: 0 40px;}
#page-brand-03 .box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
#page-brand-03 .box ul li {
  position: relative;
  width: 46%;
  height: 300px;
  margin-top: 80px;
  padding: 60px 50px 50px;
  border-radius: 15px;
  background: #fff;}
#page-brand-03 .box ul li:nth-child(-n+2) {
  margin-top: 0;}
#page-brand-03 .box ul li .no {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  text-align: center;}
#page-brand-03 .box ul li .no span {
  position: relative;
  font-size: 52px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #76846A;}
#page-brand-03 .box ul li .no span:before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 1px;
  background: #76846A;}
#page-brand-03 .box ul li .stitle {
  margin-bottom: 20px;
  text-align: center;
  font-size: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #76846A;}
#page-brand-03 .box ul li .txt {
  line-height: 1.8;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-brand-03 {
  min-height: auto;
  padding: 40px 0 78% 0;
  background-image: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-brand-03_sp.png);
  background-size: 100% auto;}
#page-brand-03 .title {
  font-size: 24px;
  line-height: 1.4;}
#page-brand-03 .title span:before {
  top: -60px;
  left: -60px;
  width: 80px;
  height: 56px;}
#page-brand-03 .title span:after {
  top: -60px;
  bottom: auto;
  right: -60px;
  width: 60px;
  height: 47px;}
#page-brand-03 .box {
  margin-top: 30px;
  padding: 0 20px;}
#page-brand-03 .box ul {
  flex-direction: column;}
#page-brand-03 .box ul li {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 30px 25px 15px;}
#page-brand-03 .box ul li:nth-child(-n+2) {
  margin-top: 30px;}
#page-brand-03 .box ul li:first-child {
  margin-top: 0;}
#page-brand-03 .box ul li .no {
  top: -25px;
  padding-left: 20px;
  text-align: left;}
#page-brand-03 .box ul li .no span {
  font-size: 26px;}
#page-brand-03 .box ul li .stitle {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;}
#page-brand-03 .box ul li .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;}}

/* ===============================================================

  郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼ郢晏｣ｹ�ｽ郢ｧ�ｸ

=============================================================== */

/*
  郢ｧ�､郢晢ｽｳ郢ｧ�ｿ郢晁侭ﾎ礼ｹ晢ｽｼMV
=============================================================== */
#page-interview-mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 700px;}
#page-interview-mv img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1600px;
  height: 700px;
  margin-left: -800px;
  z-index: 1;}
#page-interview-mv:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-mv {
  height: auto;}
#page-interview-mv img {
  position: static;
  width: 100%;
  height: auto;
  margin-left: 0;}
#page-interview-mv:before {
  height: 30px;}}

/*
  page-interview-01
=============================================================== */
#page-interview-01 {
  overflow: hidden;
  position: relative;
  padding: 100px 0 0;}
#page-interview-01:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
#page-interview-01 .box {
  position: relative;
  margin-top: 110px;}
#page-interview-01 .box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2000px;
  height: 100%;
  background: #F7F5F4;}
#page-interview-01 .box > div {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 780px;
  height: 470px;
  z-index: 2;}
#page-interview-01 .box img {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 720px;
  height: auto;}
#page-interview-01 .box > div > div {
  flex: 1;}
#page-interview-01 .box > div > div .title {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;}
#page-interview-01 .box > div > div .title span {
  display: inline-block;
  margin-right: 20px;
  border-radius: 10px;
  padding: 5px 15px;
  background: #000;
  font-size: 16px;
  color: #fff;}
#page-interview-01 .box > div > div .txt {
  font-size: 18px;
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-01 {
  padding: 60px 20px 0;}
#page-interview-01:before {
  height: 40px;}
#page-interview-01 .box {
  margin-top: 70px;}
#page-interview-01 .box:before {
  right: -20px;
  width: 1000px;}
#page-interview-01 .box > div {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  height: auto;
  z-index: 2;}
#page-interview-01 .box img {
  position: static;
  width: 100%;
  margin-top: -30px;
  height: auto;}
#page-interview-01 .box > div > div {
  margin-top: 20px;
  padding: 0;
  text-align: left;}
#page-interview-01 .box > div > div .title {
  font-size: 20px;}
#page-interview-01 .box > div > div .title span {
  margin-right: 15px;
  padding: 4px 15px;
  border-radius: 3px;
  font-size: 14px;}
#page-interview-01 .box > div > div .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}}

/*
  page-interview-02
=============================================================== */
#page-interview-02 {
  position: relative;
  padding: 100px 0 0;}
#page-interview-02 .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;}
#page-interview-02 .box img {
  width: 620px;
  height: auto;}
#page-interview-02 .box > div {
  flex: 1;
  padding: 0 50px;}
#page-interview-02 .box > div .title {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;}
#page-interview-02 .box > div .txt {
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-02 {
  padding: 40px 20px 0;}
#page-interview-02 .box {
  flex-direction: column;
  padding-left: 0;}
#page-interview-02 .box img {
  width: 100%;}
#page-interview-02 .box > div {
  margin-top: 20px;
  padding: 0;}
#page-interview-02 .box > div .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;}
#page-interview-02 .box > div .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}}

/*
  page-interview-03
=============================================================== */
#page-interview-03 {
  position: relative;
  padding: 100px 0 0;}
#page-interview-03 .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;}
#page-interview-03 .box img {
  width: 620px;
  height: auto;}
#page-interview-03 .box > div {
  flex: 1;
  padding: 0 50px;}
#page-interview-03 .box > div .title {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;}
#page-interview-03 .box > div .txt {
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-03 {
  padding: 60px 20px 0;}
#page-interview-03 .box {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;}
#page-interview-03 .box img {
  width: 80%;
  height: auto;
  margin-left: -20px;}
#page-interview-03 .box > div {
  order: 1;
  margin-top: 40px;
  padding: 0;}
#page-interview-03 .box > div .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;}
#page-interview-03 .box > div .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}
#page-interview-03 .box > span {
  position: relative;
  display: inline-block;}
#page-interview-03 .box > span:before {
  content: '';
  position: absolute;
  right: 18%;
  bottom: -20px;
  width: 200px;
  height: 200px;
  border-radius: 15px;
  background: #F7F5F4;
  z-index: -1;}}

/*
  page-interview-04
=============================================================== */
#page-interview-04 {
  position: relative;
  margin-top: 100px;}
#page-interview-04 .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 700px;}
#page-interview-04 .box .img {
  position: absolute;
  top: 0;
  left: -150px;}
#page-interview-04 .box .img span {
  position: relative;
  display: block;}
#page-interview-04 .box .img span:before {
  content: '';
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 200px;
  height: 200px;
  border-radius: 15px;
  background: #F7F5F4;
  z-index: 1;}
#page-interview-04 .box .img span i {
  position: relative;
  z-index: 2;}
#page-interview-04 .box img {
  width: 800px;
  height: auto;}
#page-interview-04 .box > div {
  flex: 1;
  padding: 0 50px;}
#page-interview-04 .box > div .title {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;}
#page-interview-04 .box > div .txt {
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-04 {
  overflow: hidden;
  margin-top: 60px;
  padding: 0 20px;}
#page-interview-04 .box {
  flex-direction: column;
  padding-left: 0;}
#page-interview-04 .box .img {
  position: static;
  margin-right: -20px;}
#page-interview-04 .box .img span {
  display: inline-block;
  text-align: right;}
#page-interview-04 .box .img span:before {
  left: -10px;
  right: auto;
  bottom: -60px;
  z-index: -1;}
#page-interview-04 .box .img span i {
  position: relative;
  z-index: -1;}
#page-interview-04 .box img {
  width: 85%;}
#page-interview-04 .box > div {
  margin-top: 40px;
  padding: 0;}
#page-interview-04 .box > div .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;}
#page-interview-04 .box > div .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}}

/*
  page-interview-05
=============================================================== */
#page-interview-05 {
  position: relative;
  margin-top: 200px;
  padding: 100px 0;
  background: #F7F5F4;}
#page-interview-05 .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;}
#page-interview-05 .box img {
  width: 620px;
  height: auto;}
#page-interview-05 .box > div {
  flex: 1;
  padding: 0 50px;}
#page-interview-05 .box > div .title {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;}
#page-interview-05 .box > div .txt {
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-interview-05 {
  margin-top: 60px;
  padding: 40px 20px;}
#page-interview-05 .box {
  flex-direction: column;
  padding-right: 0;}
#page-interview-05 .box img {
  width: 100%;}
#page-interview-05 .box > div {
  order: 1;
  margin-top: 30px;
  padding: 0;}
#page-interview-05 .box > div .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;}
#page-interview-05 .box > div .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 2.0;}}

/* ===============================================================

  郢ｧ�ｳ郢晢ｽｼ郢ｧ�ｹ郢晏｣ｹ�ｽ郢ｧ�ｸ

=============================================================== */

/*
  郢ｧ�ｳ郢晢ｽｼ郢ｧ�ｹMV
=============================================================== */
#page-course-mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 700px;}
#page-course-mv img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1600px;
  height: 700px;
  margin-left: -800px;
  z-index: 1;}
#page-course-mv:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-mv {
  height: auto;}
#page-course-mv img {
  position: static;
  width: 100%;
  height: auto;
  margin-left: 0;}
#page-course-mv:before {
  height: 30px;}}

/*
  page-course-01
=============================================================== */
#page-course-01 {
  overflow: hidden;
  position: relative;
  padding: 100px 0 0;}
#page-course-01:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 60px;
  background: #8E8E8E;
  z-index: 2;}
#page-course-01 .box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 902px;
  margin-top: 60px;}
#page-course-01 .box img {
  position: absolute;
  left: 0;
  width: auto;
  height: 902px;}
#page-course-01 .box > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 600px;
  height: 800px;
  padding: 60px 70px;
  background: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
  border-radius: 15px;
  z-index: 2;}
#page-course-01 .box > div .title {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;}
#page-course-01 > div .txt {
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-01 {
  padding: 60px 20px 40px;}
#page-course-01:before {
  height: 40px;}
#page-course-01 .box {
  display: block;
  min-height: auto;
  margin-top: 40px;}
#page-course-01 .box img {
  position: static;
  width: auto;
  height: 240px;
  margin-left: -20px;}
#page-course-01 .box > div {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0;
  box-shadow: none;}
#page-course-01 .box > div .title {
  margin-bottom: 20px;
  font-size: 20px;}
#page-course-01 > div .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 2.0;}}

/*
  page-course-02
=============================================================== */
#page-course-02 {
  overflow: hidden;
  position: relative;
  margin-top: 100px;
  padding: 80px 0;
  background: #EFEFEF;}
#page-course-02 .box {
  margin-top: 60px;}
#page-course-02 .box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;}
#page-course-02 .box ul li {
  position: relative;
  width: 48.5%;
  margin-top: 50px;
  padding: 35px;
  border-radius: 15px 0 15px 0;
  background: #fff;}
#page-course-02 .box ul li:nth-child(-n+2) {
  margin-top: 0;}
#page-course-02 .box ul li .title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;}
#page-course-02 .box ul li .stitle {
  margin-left: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 26px;
  color: #76846A;}
#page-course-02 .box ul li .no {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  padding-bottom: 5px;
  background: #76846A;
  border-radius: 100%;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #fff;}
#page-course-02 .box ul li .no span {
  line-height: .9;
  font-size: 28px;}
#page-course-02 .box ul li .txt {
  line-height: 2.0;}
#page-course-02 .box ul li:nth-child(1):before {
  content: '';
  position: absolute;
  top: 30px;
  right: 30px;
  width: 80px;
  height: 80px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-course-02_icon01.png) no-repeat center / contain;}
#page-course-02 .box ul li:nth-child(2):before {
  content: '';
  position: absolute;
  top: 20px;
  right: 40px;
  width: 90px;
  height: 80px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-course-02_icon02.png) no-repeat center / contain;}
#page-course-02 .box ul li:nth-child(3):before {
  content: '';
  position: absolute;
  top: -30px;
  right: -20px;
  width: 120px;
  height: 80px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-course-02_icon03.png) no-repeat center / contain;}
#page-course-02 .box ul li:nth-child(4):before {
  content: '';
  position: absolute;
  top: -30px;
  right: -20px;
  width: 120px;
  height: 80px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-course-02_icon04.png) no-repeat center / contain;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-02 {
  margin-top: 0;
  padding: 40px 20px;}
#page-course-02 .box {
  margin-top: 40px;}
#page-course-02 .box ul {
  flex-direction: column;}
#page-course-02 .box ul li {
  width: 100%;
  margin-top: 40px;
  padding: 20px;}
#page-course-02 .box ul li:nth-child(-n+2) {
  margin-top: 40px;}
#page-course-02 .box ul li:first-child {
  margin-top: 0;}
#page-course-02 .box ul li .title {
  margin-bottom: 15px;}
#page-course-02 .box ul li .stitle {
  flex: 1;
  font-size: 18px;
  margin-left: 20px;}
#page-course-02 .box ul li .no {
  white-space: nowrap;
  width: 50px;
  height: 50px;
  padding-bottom: 2px;
  font-size: 10px;}
#page-course-02 .box ul li .no span {
  font-size: 18px;}
#page-course-02 .box ul li .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 2.0;}
#page-course-02 .box ul li:nth-child(1):before {
  top: -20px;
  right: 20px;
  width: 50px;
  height: 50px;}
#page-course-02 .box ul li:nth-child(2):before {
  top: -30px;
  right: 20px;
  width: 60px;
  height: 80px;}
#page-course-02 .box ul li:nth-child(3):before {
  top: -40px;
  right: 10px;
  width: 80px;}
#page-course-02 .box ul li:nth-child(4):before {
  top: -40px;
  right: 10px;
  width: 70px;}}

/*
  page-course-03
=============================================================== */
#page-course-03 {
  overflow: hidden;
  position: relative;
  padding: 100px 0;
  background: #F5F5F5;}
#page-course-03 .box {
  position: relative;
  padding: 70px 0;
  border-radius: 15px;
  background: #fff;}
#page-course-03 h2 {
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -160px;
  background: #76846A;
  border-radius: 15px 15px 0 0;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: #fff;}
#page-course-03 h2 span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 60px;
  padding-bottom: 5px;}
#page-course-03 h2 span:before {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #FFFFFF;}
#page-course-03 .box .title {
  position: relative;
  width: 800px;
  margin: 0 auto;
  border: solid #000;
  border-width: 2px 0;
  line-height: 1.8;
  text-align: center;
  font-size: 18px;
  font-weight: 400;}
#page-course-03 .box .title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 30px;
  background: #000;}
#page-course-03 .box .title:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 30px;
  background: #000;}
#page-course-03 .box .title span {
  position: relative;
  display: block;
  padding: 30px 0;}
#page-course-03 .box .title span:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 30px;
  background: #000;}
#page-course-03 .box .title span:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2px;
  height: 30px;
  background: #000;}
#page-course-03 .box ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
  padding: 0 100px;}
#page-course-03 .box ul:before {
  content: '';
  position: absolute;
  top: -70px;
  left: 50%;
  width: 600px;
  height: 20px;
  margin-left: -300px;
  background: #fff;}
#page-course-03 .box ul:after {
  content: '';
  position: absolute;
  top: -75px;
  left: 50%;
  width: 2px;
  height: 50px;
  margin-left: -1px;
  background: #000;}
#page-course-03 .box ul li {
  overflow: hidden;
  width: 48.5%;
  margin-top: 30px;
  border-radius: 15px;
  background: #fff;
  border: 2px solid #76846A;
  background: #76846A;}
#page-course-03 .box ul li:nth-child(-n+2) {
  margin-top: 0;}
#page-course-03 .box ul li .stitle {
  padding: 15px 0;
  text-align: center;
  background: #76846A;
  font-weight: 500;
  font-size: 18px;
  color: #fff;}
#page-course-03 .box ul li .txt {
  padding: 20px;
  background: #fff;
  text-align: center;
  font-weight: 400;}
#page-course-03 .box ul li .txt span {
  font-weight: 400;
  color: #76846A;}
#page-course-03 .box .note {
  margin-top: 40px;
  padding: 0 100px;
  text-align: center;
  line-height: 2.0;}
#page-course-03 .box .note span {
  display: block;
  font-size: 13px;}
#page-course-03 .box .center {
  margin-top: 40px;}
#page-course-03 .box .center a {
  margin: 0 auto;
  width: 300px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-03 {
  padding: 60px 20px 40px;}
#page-course-03 .box {
  padding: 50px 20px 40px;}
#page-course-03 h2 {
  top: -25px;
  margin-left: -140px;
  font-size: 22px;}
#page-course-03 h2 span {
  width: 280px;
  height: 50px;}
#page-course-03 .box .title {
  width: 90%;
  line-height: 1.8;
  text-align: center;
  font-size: 15px;}
#page-course-03 .box .title:before {
  height: 20px;}
#page-course-03 .box .title:after {
  height: 20px;}
#page-course-03 .box .title span {
  white-space: nowrap;
  padding: 20px 10px;}
#page-course-03 .box .title span:before {
  height: 20px;}
#page-course-03 .box .title span:after {
  height: 20px;}
#page-course-03 .box ul {
  flex-direction: column;
  margin-top: 40px;
  padding: 0;}
#page-course-03 .box ul:before {
  top: -50px;
  width: 60%;
  height: 20px;
  margin-left: -30%;}
#page-course-03 .box ul:after {
  top: -50px;
  height: 30px;}
#page-course-03 .box ul li {
  width: 100%;
  margin-top: 20px;}
#page-course-03 .box ul li:nth-child(-n+2) {
  margin-top: 20px;}
#page-course-03 .box ul li:first-child {
  margin-top: 0;}
#page-course-03 .box ul li .stitle {
  padding: 5px 0;
  font-size: 18px;}
#page-course-03 .box ul li .txt {
  padding: 10px 15px;
  line-height: 1.6;
  text-align: left;
  font-size: 15px;}
#page-course-03 .box ul li .txt span {
  font-weight: 500;}
#page-course-03 .box .note {
  margin-top: 20px;
  padding: 0;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;}
#page-course-03 .box .note span {
  margin-top: 10px;
  font-size: 13px;}
#page-course-03 .box .center {
  margin-top: 30px;}
#page-course-03 .box .center a {
  width: 80%;}}

/*
  page-course-04
=============================================================== */
#page-course-04 {
  overflow: hidden;
  position: relative;
  padding: 35% 0 0;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-course-04.png) no-repeat top center;
  background-size: 100% auto;}
#page-course-04 .box {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 15px;
  background: #76846A;}
#page-course-04 .box h2 {
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 28px;
  font-weight: 400;
  color: #fff;}
#page-course-04 .box h2 span {
  font-size: 20px;}
#page-course-04 .box > div {
  overflow: hidden;
  position: relative;
  padding: 20px 40px 30px;
  border-radius: 5px;
  background: #fff;}
#page-course-04 .box > div:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 10px;
  width: 8px;
  height: 40px;
  background: #76846A;
  transform: skewX(-45deg);}
#page-course-04 .box > div:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 10px;
  width: 8px;
  height: 40px;
  background: #76846A;
  transform: skewX(-45deg);}
#page-course-04 .box > div h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #707070;
  padding-bottom: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 16px;}
#page-course-04 .box > div h3 span {
  margin-right: 20px;
  font-size: 26px;}
#page-course-04 .box > div ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 20px;}
#page-course-04 .box > div ul li {
  display: flex;
  align-items: center;}
#page-course-04 .box > div ul li .no {
  margin-right: 20px;
  border-bottom: 1px solid #000;}
#page-course-04 .box > div ul li .txt {
  font-size: 24px;}
#page-course-04 .box > div ul li .txt span {
  font-size: 32px;
  font-weight: 500;
  color: #76846A;}
#page-course-04 .btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 40px auto 0;
  column-gap: 20px;}
#page-course-04 .btn_wrap .link-type01 {
  width: 340px;
  height: 72px;
  padding: 0 20px;
  font-size: 18px;}

/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-04 {
  padding: 60% 30px 0;
  background-image: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/bg_page-course-04_sp.png);}
#page-course-04 .box {
  width: 100%;
  padding: 15px 20px 20px;}
#page-course-04 .box h2 {
  margin-bottom: 15px;
  font-size: 20px;}
#page-course-04 .box h2 span {
  font-size: 16px;}
#page-course-04 .box > div {
  padding: 20px;}
#page-course-04 .box > div h3 {
  flex-direction: column;
  font-size: 16px;}
#page-course-04 .box > div h3 span {
  margin-bottom: 3px;
  margin-right: 0;
  font-size: 20px;}
#page-course-04 .box > div ul {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
  font-size: 15px;}
#page-course-04 .box > div ul li {
  display: flex;
  align-items: center;}
#page-course-04 .box > div ul li + li {
  margin-top: 15px;}
#page-course-04 .box > div ul li .txt {
  font-size: 16px;}
#page-course-04 .box > div ul li .txt span {
  font-size: 22px;}
#page-course-04 .btn_wrap {
  display: block;
  width: 90%;
  margin-top: 30px;}
#page-course-04 .btn_wrap .link-type01 {
  width: 100%;
  height: 64px;
  padding: 0 30px;}
#page-course-04 .btn_wrap .link-type01:not(:last-of-type) {
  margin-bottom: 15px;}}

/*
  page-course-05
=============================================================== */
#page-course-05 {
  overflow: hidden;
  padding: 100px 0 0;}
#page-course-05 .box {
  position: relative;
  margin-top: 60px;}
#page-course-05 table {
  table-layout: auto;
  width: 100%;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.0;}
#page-course-05 table tr + tr {
  border-top: 5px solid #fff;}
#page-course-05 table th {
  white-space: nowrap;
  width: 1px;
  padding: 5px 20px 5px 0;
  text-align: left;}
#page-course-05 table td {
  white-space: nowrap;
  padding: 5px 0 5px 20px;
  border-left: 1px solid #000;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;}
#page-course-05 table tr:last-child th {
  padding-left: 2em;}
#page-course-05 .slider-voice .slick-list {
  width: 800px;}
#page-course-05 .slider-voice .vslide {
  position: relative;}
#page-course-05 .slider-voice .vslide .varea {
  width: 400px;
  margin: 0 auto 30px;}
#page-course-05 .slider-voice .vslide .no {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 28px;
  color: rgba(118, 132, 106, .5);
  writing-mode: vertical-rl;}
#page-course-05 .slider-voice .vslide .no span {
  display: inline-block;
  margin-top: 20px;
  border-right: 1px solid rgba(118, 132, 106, .5);
  transform: rotateZ(-90deg);
  font-size: 24px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-course-05 {
  padding: 40px 0 0;}
#page-course-05 .box {
  margin-top: 40px;
  padding-bottom: 0;}
#page-course-05 table {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 15px;}
#page-course-05 table th {
  width: 50%;
  padding: 3px 0;}
#page-course-05 table td {
  width: 50%;
  padding: 3px 0 3px 20px;}
#page-course-05 .slider-voice .slick-list {
  width: 100%;}
#page-course-05 .slider-voice .vslide {
  margin: 0 50px;}
#page-course-05 .slider-voice .vslide .varea {
  width: 250px;
  height: 250px;
  margin: 0 auto 20px;}
#page-course-05 .slider-voice .vslide .txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;}
#page-course-05 .slider-voice .vslide .no {
  top: 60px;
  left: -20px;
  font-size: 15px;}
#page-course-05 .slider-voice .vslide .no span {
  margin-top: 5px;
  font-size: 14px;}}

/* ===============================================================

  郢晏干ﾎ溽ｹ敖€郢ｧ�ｯ郢晏現�ｽ郢晢ｽｼ郢ｧ�ｸ

=============================================================== */

/*
  郢晏干ﾎ溽ｹ敖€郢ｧ�ｯ郢晢ｿｽMV
=============================================================== */
#page-products-mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 0 40px 80px;}
#page-products-mv:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  height: 300px;
  margin-left: -1000px;
  background-color: #F5EBDF;
  z-index: -1;}
#page-products-mv .flex {
  display: flex;
  justify-content: space-between;}
#page-products-mv .flex .left {
  width: 465px;
  padding-top: 40px;}
#page-products-mv .flex .left #sub-img {
  display: flex;
  justify-content: center;
  margin-top: 30px;}
#page-products-mv .flex .left #sub-img li {
  width: 50px;
  margin: 0 10px;
  opacity: .5;
  cursor: pointer;
  background: #F5EBDF;}
#page-products-mv .flex .right {
  flex: 1;
  padding-left: 80px;}
#page-products-mv .flex .right .top-mes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 300px;}
#page-products-mv .flex .right .top-mes .title {
  margin-bottom: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 300;
  font-size: 16px;}
#page-products-mv .flex .right .top-mes img {
  width: 136px;
  height: auto;}
#page-products-mv .flex .right .top-mes .txt {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;}
#page-products-mv .flex .right .box {
  padding-top: 40px;}
#page-products-mv .flex .right .box .float-a {
  position: fixed;
  right: 10%;
  bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  padding-bottom: 15px;
  text-align: center;
  border-radius: 100%;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/arrow_left_white.png) no-repeat bottom 30px center / 30px auto #76846A;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
  z-index: 2;}
#page-products-mv .flex .right .box hr {
  margin: 30px 0;
  padding: 0;
  height: 0;
  border: 0;
  border-top: 1px solid #707070;}
#page-products-mv .flex .right .box .txt {
  line-height: 2.0;}
#page-products-mv .flex .right .box ul li {
  position: relative;
  padding-left: 1.4em;
  line-height: 1.8;}
#page-products-mv .flex .right .box ul li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;}
#page-products-mv .flex .right .box ul li + li {
  margin-top: 5px;}
.link-teiki {
  display: inline-flex;
  margin-bottom: 20px;
  padding: 15px 40px 15px 30px;
  border-radius: 15px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_link_buy.png) no-repeat right 17px center / 16px auto #76846A;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #fff;
  transition: .3s;}
.link-teiki:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.link-teiki .price {
  display: flex;
  flex-direction: column;}
.link-teiki .price span {
  display: flex;
  align-items: center;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;}
.link-teiki .price span em {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  font-size: 12px;}
.link-teiki .price span em i {
  font-style: normal;
  font-size: 30px;}
.link-teiki .note {
  margin-left: 10px;
  padding: 10px 30px;
  border-radius: 15px;
  background: #fff;
  text-align: center;
  font-size: 24px;
  color: #76846A;
  line-height: 1.4;}
.link-tanpin {
  display: inline-flex;
  align-items: center;
  margin-top: 40px;
  padding: 15px 40px 15px 30px;
  border-radius: 15px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_link_buy.png) no-repeat right 17px center / 16px auto #707070;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #fff;
  transition: .3s;}
.link-tanpin:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.link-tanpin .price {
  display: flex;
  flex-direction: column;}
.link-tanpin .price span {
  display: flex;
  align-items: center;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;}
.link-tanpin .price span em {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  font-size: 12px;}
.link-tanpin .price span em i {
  font-style: normal;
  font-size: 30px;}
.link-tanpin .note {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-left: 10px;
  padding: 5px 20px 5px 50px;
  border-radius: 15px;
  background: #fff;
  font-size: 18px;
  color: #707070;
  line-height: 1.4;}
.link-tanpin .note:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 100%;
  background: #707070;
  line-height: 1.0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;}
.link-tanpin .note span {
  display: flex;
  align-items: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;}
.link-tanpin .note span em {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  font-size: 10px;}
.link-tanpin .note span em i {
  font-style: normal;
  font-size: 20px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-products-mv {
  padding: 0 20px 40px;}
#page-products-mv:before {
  height: 340px;}
#page-products-mv .flex {
  flex-direction: column;}
#page-products-mv .flex .left {
  width: 100%;
  padding-top: 20px;}
#page-products-mv .flex .left #sub-img {
  margin-top: 20px;}
#page-products-mv .flex .left #sub-img li {
  width: 50px;
  margin: 0 10px;
  opacity: .5;}
#page-products-mv .flex .right {
  width: 100%;
  margin-top: 40px;
  padding: 0;}
#page-products-mv .flex .right .top-mes {
  display: block;
  height: auto;}
#page-products-mv .flex .right .top-mes .title {
  margin-bottom: 20px;
  font-size: 11px;}
#page-products-mv .flex .right .top-mes img {
  width: 20%;}
#page-products-mv .flex .right .top-mes .txt {
  margin-top: 20px;
  font-size: 15px;}
#page-products-mv .flex .right .box {
  padding-top: 30px;
  font-size: 14px;
  font-weight: 400;}
#page-products-mv .flex .right .box .float-a {
  right: 5%;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding-bottom: 10px;
  background-position: bottom 20px center;
  background-size: 30px auto;
  font-weight: 500;
  font-size: 17px;}
#page-products-mv .flex .right .box .txt {
  line-height: 1.8;}
.link-teiki {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 10px 20px;
  background-size: 10px auto;
  background-position: right 8px center;}
.link-teiki .price {
  flex: 1;
  padding-right: 10px;
  justify-content: flex-start;}
.link-teiki .price span {
  font-size: 34px;}
.link-teiki .price span em {
  white-space: nowrap;
  font-size: 10px;}
.link-teiki .price span em i {
  font-size: 20px;}
.link-teiki .note {
  flex: 1;
  margin-left: 0;
  padding: 5px 20px;
  border-radius: 10px;
  line-height: 1.2;
  font-size: 20px;
  font-weight: 500;}
.link-tanpin {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 15px;
  background-size: 10px auto;
  background-position: right 8px center;}
.link-tanpin .price {
  flex: 1;
  padding-right: 10px;
  justify-content: flex-start;}
.link-tanpin .price span {
  margin-top: 0;
  font-size: 28px;}
.link-tanpin .price span em {
  white-space: nowrap;
  font-size: 10px;}
.link-tanpin .price span em i {
  font-size: 20px;}
.link-tanpin .note {
  flex: 1;
  align-items: center;
  margin-left: 0;
  padding: 5px 20px;
  border-radius: 10px;
  font-size: 14px;}
.link-tanpin .note:before {
  left: 10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  font-size: 11px;}
.link-tanpin .note span {
  padding-left: 15px;
  font-size: 26px;}
.link-tanpin .note span em {
  font-size: 8px;}
.link-tanpin .note span em i {
  font-size: 16px;}}

/*
  page-products-01
=============================================================== */
#page-products-01 {
  padding: 60px 0 80px;
  background: #F7F5F4;}
#page-products-01 h2 {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 36px;}
#page-products-01 h2 span {
  font-size: 52px;}
#page-products-01 h2 em {
  font-style: normal;}
#page-products-01 h2 span i {
  position: relative;
  font-style: normal;}
#page-products-01 h2 span i:before {
  content: '※';
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 14px;}
#page-products-01 .note {
  width: 600px;
  margin: 25px auto 0;
  text-align: center;
  line-height: 1.8;}
#page-products-01 .box {
  margin-top: 60px;}
#page-products-01 .box ul {
  padding: 0 60px;}
#page-products-01 .box ul li {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top: 100px;}
#page-products-01 .box ul li + li {
  margin-top: 80px;}
#page-products-01 .box ul li div {
  width: 600px;
  padding: 50px;
  border-radius: 15px 0 0 0;
  background: #fff;
  line-height: 2.0;}
#page-products-01 .box ul li div .title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;}
#page-products-01 .box ul li div .title span {
  font-size: 34px;}
#page-products-01 .box ul li div .title i {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #000;
  font-style: normal;
  font-size: 24px;
  line-height: 1.4;}
#page-products-01 .box ul li div .txt {
  line-height: 2.0;}
#page-products-01 .box ul li:nth-child(1) {
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-products-01_img01.png) no-repeat top left / 780px auto;}
#page-products-01 .box ul li:nth-child(2) {
  padding-top: 180px;
  justify-content: flex-start;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-products-01_img02.png) no-repeat top right / 780px auto;}
#page-products-01 .box ul li:nth-child(2) div {
  border-radius: 0 15px 0 0;}
#page-products-01 .box ul li:nth-child(3) {
  padding-top: 150px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-products-01_img03.png) no-repeat top left / 780px auto;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-products-01 {
  padding: 40px 0;}
#page-products-01 h2 {
  font-size: 24px;}
#page-products-01 h2 span {
  font-size: 30px;}
#page-products-01 h2 em {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;}
#page-products-01 h2 span i:before {
  top: -5px;
  font-size: 12px;}
#page-products-01 .note {
  width: 100%;
  padding: 0 20px;
  margin-top: 20px;
  text-align: left;
  font-weight: 400;
  font-size: 13px;}
#page-products-01 .box {
  margin-top: 30px;}
#page-products-01 .box ul {
  padding: 0;}
#page-products-01 .box ul li {
  padding-top: 180px;}
#page-products-01 .box ul li + li {
  margin-top: 30px;}
#page-products-01 .box ul li div {
  width: 92%;
  padding: 20px 25px;
  line-height: 1.8;}
#page-products-01 .box ul li div .title {
  margin-bottom: 15px;}
#page-products-01 .box ul li div .title span {
  font-size: 20px;}
#page-products-01 .box ul li div .title i {
  line-height: 1.5;
  margin-left: 10px;
  padding-left: 15px;
  font-weight: 500;
  font-size: 18px;}
#page-products-01 .box ul li div .txt {
  line-height: 1.8;
  font-size: 14px;
  font-weight: 400;}
#page-products-01 .box ul li:nth-child(1) {
  background-size: auto 200px;
  background-position: left -20px top;}
#page-products-01 .box ul li:nth-child(2) {
  padding-top: 190px;
  background-size: auto 200px;
  background-position: right -20px top;}
#page-products-01 .box ul li:nth-child(3) {
  padding-top: 190px;
  background-size: auto 200px;
  background-position: left -20px top;}}

/*
  page-products-02
=============================================================== */
#page-products-02 {
  padding: 60px 40px;}
#page-products-02 h2 {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 32px;}
#page-products-02 h2 span {
  color: #76846A;
  font-size: 46px;}
#page-products-02 .slide-seibun {
  margin-top: 60px;}
#page-products-02 .seibun-box {
  display: flex;
  justify-content: center;}
#page-products-02 .seibun-box > div {
  display: flex;
  align-items: center;
  width: 850px;}
#page-products-02 .seibun-box img {
  width: 50%;
  height: auto;}
#page-products-02 .seibun-box p {
  width: 50%;
  padding-left: 30px;
  font-size: 18px;
  line-height: 2.0;}
#page-products-02 .seibun-box p span {
  display: block;
  margin-bottom: 25px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.0;}
#page-products-02 .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 60px;}
#page-products-02 .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 10px;}
#page-products-02 .slick-dots li button {
  text-indent: -9999px;
  width: 40px;
  height: 5px;
  padding: 0;
  border: 1px solid #000;}
#page-products-02 .slick-dots li.slick-active button {
  background: #000;}
#page-products-02 .slide-seibun .slick-dotted.slick-slider {
  margin-bottom: 0;}
#page-products-02 .slide-seibun .slick-dotted.slick-slider {
  margin-bottom: 0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-products-02 {
  padding: 40px 20px;}
#page-products-02 h2 {
  font-size: 24px;}
#page-products-02 h2 span {
  font-size: 30px;}
#page-products-02 .slide-seibun {
  margin-top: 30px;}
#page-products-02 .seibun-box {
  display: flex;
  justify-content: center;}
#page-products-02 .seibun-box > div {
  flex-direction: column;
  width: 85%;}
#page-products-02 .seibun-box img {
  width: 100%;}
#page-products-02 .seibun-box p {
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;}
#page-products-02 .seibun-box p span {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 20px;}
#page-products-02 .slick-dots {
  z-index: 3;
  margin-top: 30px;}
#page-products-02 .slick-dots li {
  margin: 0 5px;}
#page-products-02 .slick-dots li button {
  width: 40px;}}

/*
  page-products-03
=============================================================== */
#page-products-03 {
  overflow: hidden;
  position: relative;
  padding: 0;}
#page-products-03 .box {
  position: relative;
  margin-top: 110px;}
#page-products-03 .box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2000px;
  height: 100%;
  background: #F7F5F4;}
#page-products-03 .box > div {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 60px;
  padding-left: 780px;
  height: 470px;
  z-index: 1;}
#page-products-03 .box img {
  position: absolute;
  top: -50px;
  left: 10px;
  width: 720px;
  height: auto;}
#page-products-03 .box > div > div {
  flex: 1;}
#page-products-03 .box > div > div .title {
  position: relative;
  margin-bottom: 35px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 22px;}
#page-products-03 .box > div > div .title:before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 1px;
  background: #707070;}
#page-products-03 .box > div > div .txt {
  font-size: 18px;
  line-height: 2.2;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-products-03 {
  padding: 0 20px 0;}
#page-products-03 .box {
  margin-top: 30px;}
#page-products-03 .box:before {
  left: 0;
  right: 0;
  width: 100%;}
#page-products-03 .box > div {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 30px;
  height: auto;
  z-index: 2;}
#page-products-03 .box img {
  position: static;
  width: 90%;
  margin: -30px auto 0;
  height: auto;}
#page-products-03 .box > div > div {
  margin-top: 20px;
  padding: 0 20px;
  text-align: left;}
#page-products-03 .box > div > div .title {
  font-size: 20px;}
#page-products-03 .box > div > div .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;}}

/*
  page-products-04
=============================================================== */
#page-products-04 {
  padding: 80px 0 480px;
  text-align: center;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/page-products-04.png) no-repeat center bottom / 100% 400px;}
#page-products-04 .link-type02 {
  margin: 30px auto 0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-products-04 {
  padding: 40px 20px 260px;
  background-position: right bottom;
  background-size: auto 200px;}
#page-products-04 p {
  margin-top: -10px;
  padding: 0 20px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;}
#page-products-04 .link-type02 {
  margin: 30px auto 0;}}

/* ===============================================================

  FAQ郢晏｣ｹ�ｽ郢ｧ�ｸ

=============================================================== */

/*
  page-faq-mv
=============================================================== */
#page-faq-mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 0;}
#page-faq-mv:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  height: 200px;
  margin-left: -1000px;
  background-color: #F5EBDF;
  z-index: -1;}
#page-faq-mv .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;}
#page-faq-mv .box h2 {
  margin-bottom: 15px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 28px;}
#page-faq-mv .box p {
  font-size: 14px;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-faq-mv:before {
  height: 150px;}
#page-faq-mv .box {
  height: 150px;}
#page-faq-mv .box h2 {
  font-size: 24px;}
#page-faq-mv .box p {
  text-align: center;
  line-height: 1.6;
  font-weight: 400;
  font-size: 14px;}}

/*
  page-faq-01
=============================================================== */
#page-faq-01 {
  padding: 40px 0;}
#page-faq-01 ul {
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  margin: 0 auto;}
#page-faq-01 ul li {
  width: 32%;
  margin-top: 20px;}
#page-faq-01 ul li + li {
  margin-left: 2%;}
#page-faq-01 ul li:nth-child(3n+1) {
  margin-left: 0;}
#page-faq-01 ul li:nth-child(-n+3) {
  margin-top: 0;}
#page-faq-01 ul li a {
  display: block;
  padding: 20px;
  line-height: 1.0;
  border-radius: 15px;
  background: url(https://ec-force.s3.amazonaws.com/toaruhishopcom/uploads/new/img/icon_faq.png) no-repeat right 20px center / 10px auto #76846A;
  color: #fff;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-faq-01 {
  padding: 30px 10px;}
#page-faq-01 ul {
  justify-content: space-between;
  width: 100%;}
#page-faq-01 ul li {
  width: 49%;
  margin-top: 5px;}
#page-faq-01 ul li + li {
  margin-left: 0;}
#page-faq-01 ul li:nth-child(-n+3) {
  margin-top: 5px;}
#page-faq-01 ul li:nth-child(-n+2) {
  margin-top: 0;}
#page-faq-01 ul li a {
  padding: 15px;
  line-height: 1.0;
  border-radius: 6px;
  background-position: right 12px center;
  background-size: 8px auto;
  font-size: 14px;
  font-weight: 400;}}

/*
  page-faq-02
=============================================================== */
#page-faq-02 {
  margin-top: 40px;}
#page-faq-02 .box {
  width: 800px;
  margin: 0 auto;}
#page-faq-02 .box + .box {
  margin-top: 80px;}
#page-faq-02 .box .title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #76846A;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 24px;}
#page-faq-02 .box dl {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #76846A;}
#page-faq-02 .box dl + dl {
  margin-top: 20px;}
#page-faq-02 .box dl dt {
  position: relative;
  padding: 15px 30px 15px 60px;
  background: #76846A;
  font-weight: 500;
  font-size: 18px;
  color: #fff;}
#page-faq-02 .box dl dt:before {
  content: 'Q';
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-bottom: 3px;
  border-radius: 100%;
  background: #fff;
  font-size: 16px;
  color: #76846A;}
#page-faq-02 .box dl dd {
  padding: 20px 30px 25px;
  line-height: 1.8;}
#page-faq-02 .box dl dd .txt01 {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;}
#page-faq-02 .box dl dd .txt01:before {
  content: '○';
  position: absolute;
  top: 0;
  left: 0;}
#page-faq-02 .box dl dd .txt02 {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;}
#page-faq-02 .box dl dd .txt02:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;}
#page-faq-02 .box dl dd .txt03 {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;}
#page-faq-02 .box dl dd .txt03:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;}
#page-faq-02 .box dl dd .txt04 {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;}
#page-faq-02 .box dl dd .txt04:before {
  content: '■';
  position: absolute;
  top: 0;
  left: 0;}
#page-faq-02 .box dl dd a {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  font-weight: 400;
  color: #76846A;}
#page-faq-02 .box dl dd a:before {
  content: '▶︎';
  position: absolute;
  top: 0;
  left: 0;}
/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#page-faq-02 {
  padding: 0 20px;
  margin-top: 10px;}
#page-faq-02 .box {
  width: 100%;}
#page-faq-02 .box + .box {
  margin-top: 40px;}
#page-faq-02 .box .title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 22px;}
#page-faq-02 .box dl dt {
  padding: 15px 20px 15px 60px;
  line-height: 1.6;
  font-size: 16px;}
#page-faq-02 .box dl dt:before {
  line-height: 1.0;
  padding-bottom: 5px;
  font-size: 15px;}
#page-faq-02 .box dl dd {
  padding: 15px 20px 20px;
  font-size: 14px;
  font-weight: 400;}}


#toaruhi-wrapper .l-container {
  margin-top: 120px;}
#toaruhi-wrapper .l-container * {
  font-weight: 400;}

#toaruhi-wrapper .l-container h1,
#toaruhi-wrapper .l-container .h1,
#toaruhi-wrapper .l-container h2,
#toaruhi-wrapper .l-container .h2,
#toaruhi-wrapper .l-container h3,
#toaruhi-wrapper .l-container .h3,
#toaruhi-wrapper .l-container h4,
#toaruhi-wrapper .l-container .h4,
#toaruhi-wrapper .l-container h5,
#toaruhi-wrapper .l-container .h5,
#toaruhi-wrapper .l-container h6,
#toaruhi-wrapper .l-container .h6,
#toaruhi-wrapper .l-container .p-mypage__block__title,
#toaruhi-wrapper .l-container .u-text--btn,
#toaruhi-wrapper .l-container .u-text--btn span,
#toaruhi-wrapper .l-container .c-account_menu__container__block__title span {
  font-weight: 700!important;}
#toaruhi-wrapper .l-container .c-account_menu__container__block__list__item__inner span {
  font-size: 15px!important;}

#toaruhi-wrapper .l-container .p-account__inner__menu {
  margin-top: 0;}
#toaruhi-wrapper .l-container .p-page_header {
  padding-top: 20px;}

/* --------------------------------------------------------- sp */
@media (max-width: 720px) {
#toaruhi-wrapper .l-container {
  margin-top: 72px;}}