@charset "UTF-8";
html {
  font-size: 62.5%;
}

html, body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.6;
  color: #000000;
  padding: 0;
  margin: 0;
}

input, button, select, textarea {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

body {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
  font-feature-settings: "palt" 1;
}

@media screen and (max-width: 1024px) {
  .scroll_stop {
    overflow: hidden;
  }
}
button {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}

.promp {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
}

figure {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 500;
}

p {
  margin: 0;
  padding: 0;
}

a {
  color: #000000;
}

.wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
}

.rwd_show {
  display: none;
}

.inanchor {
  position: relative;
  transform: translate3d(0, -98.3px, 0);
  display: block;
}

/*
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.wrap{
		max-width:2160px;
		margin:0 auto;
		padding:0 60px;
	}
	html{
		font-size: 125%;
	}
}*/
@media screen and (max-width: 1200px) {
  html {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 1024px) {
  .inanchor {
    position: relative;
    transform: translate3d(0, -19rem, 0);
  }
}
@media screen and (max-width: 700px) {
  .inanchor {
    position: relative;
    transform: translate3d(0, -11rem, 0);
  }
  html {
    font-size: 1.9vw;
  }
  .rwd_hide {
    display: none;
  }
  .rwd_show {
    display: inline;
  }
}
.bottom_to_top {
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
  transition: all cubic-bezier(0, 0, 0.21, 0.96) 0.7s;
}
.bottom_to_top.active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.bottom_to_tops > * {
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
  transition: all ease 0.7s;
}
.bottom_to_tops > *:nth-child(2) {
  transition-delay: 0.2s;
}
.bottom_to_tops > *:nth-child(3) {
  transition-delay: 0.3s;
}
.bottom_to_tops > *:nth-child(4) {
  transition-delay: 0.4s;
}
.bottom_to_tops > *:nth-child(5) {
  transition-delay: 0.5s;
}
.bottom_to_tops > *:nth-child(6) {
  transition-delay: 0.6s;
}
.bottom_to_tops > *:nth-child(7) {
  transition-delay: 0.7s;
}
.bottom_to_tops > *:nth-child(8) {
  transition-delay: 0.8s;
}
.bottom_to_tops > *:nth-child(9) {
  transition-delay: 0.9s;
}
.bottom_to_tops.active > * {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.bottom_to_top_dl {
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
  transition: all ease 0s;
  transition-delay: 0.5s;
}
.bottom_to_top_dl.active {
  transition: all ease 0.7s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.bottom_to_top_dls > * {
  opacity: 0;
  transform: translate3d(0, 3rem, 0);
  transition: none;
  transition-delay: 0s;
}
.bottom_to_top_dls.active > * {
  transition: all ease 0.7s;
  transition-delay: 0.5s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.fade_in {
  transition: all ease 1s;
  opacity: 0;
}
.fade_in.active {
  opacity: 1;
}

.sb {
  padding-bottom: 15rem;
}
.sb .sbh {
  margin-bottom: 6rem;
}
.sb .sbh h2 {
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: 0.8rem;
  margin-bottom: 1rem;
}
.sb .sbh p {
  color: #fff;
  background-color: #000;
  border-bottom: 3px solid #8fc31f;
  display: inline-block;
  padding: 0.1rem 1rem;
  font-weight: 500;
}

@media screen and (max-width: 700px) {
  .sb {
    overflow-x: hidden;
    padding-bottom: 10rem;
  }
  .sb .sbh h2 {
    font-size: 4rem;
  }
  .sb .sbh p {
    width: 24rem;
    padding: 0.5em 0;
  }
}
/*下層ページ用*/
.sbP {
  padding-top: 24rem;
  overflow-x: hidden;
}
.sbP .sbPh {
  padding: 0 4rem;
}
.sbP .sbPh h2 {
  font-size: 3.2rem;
}
.sbP .sbPh p.en {
  font-weight: 500;
}
.sbP .sbPMain_img {
  max-height: 640px;
  overflow: hidden;
}
.sbP .sbPMain_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 700px) {
  .sbP {
    padding-top: 18rem;
  }
  .sbP .sbPh {
    padding: 0;
  }
}
.sbPF {
  overflow: hidden;
  padding-top: 9.8rem;
}
.sbPF .sbPF_bg_header {
  position: relative;
}
.sbPF .sbPF_bg_header figure {
  max-height: 640px;
  overflow: hidden;
}
.sbPF .sbPF_bg_header figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sbPF .sbPF_bg_header .sbPFh_in {
  position: absolute;
  height: 100%;
  width: 100%;
}
.sbPF .sbPF_bg_header .sbPFh_in header {
  position: absolute;
  bottom: 7rem;
  left: 0;
  width: 100%;
}
.sbPF .sbPF_bg_header .sbPFh_in header h2 {
  font-size: 3.2rem;
}

.bdb {
  position: relative;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 2.8rem;
}
.bdb:after {
  content: "";
  position: absolute;
  width: 5rem;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #8fc31f;
  bottom: 0;
}

@media screen and (max-width: 1024px) {
  .sbPF {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 700px) {
  .sbPF {
    padding-top: 11rem;
  }
  .sbPF .sbPFh {
    padding: 0;
  }
  .sbPF .sbPF_bg_header .sbPFh_in header h2 {
    font-size: 2.6rem;
    letter-spacing: 0.2rem;
    line-height: 1.3;
  }
  .sbPF .sbPF_bg_header .sbPFh_in header .en {
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    margin-left: 0.1rem;
  }
  .sbPF .sbPF_bg_header .sbPFh_in header {
    bottom: 5rem;
  }
  .bdb {
    font-size: 2.5rem;
  }
}
.sbPF.sbPTM {
  margin-top: 10rem;
}
.sbPF.sbPTM .sbPF_bg_header > figure {
  padding-right: calc((100% - 1080px) / 2);
  padding-right: 10rem;
  max-height: 600px;
}
.sbPF.sbPTM .sbPF_bg_header .sbPFh_in .sbPFh {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  justify-content: flex-start;
}
.sbPF.sbPTM .sbPF_bg_header .sbPFh_in .wrap {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 700px) {
  .sbPF.sbPTM {
    margin-top: 4rem;
  }
  .sbPF.sbPTM .sbPF_bg_header > figure {
    padding: 0;
    margin-right: 3rem;
  }
  .sbPF.sbPTM .sbPF_bg_header .sbPFh_in .wrap {
    margin-top: 11rem;
  }
}
.site_header {
  width: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  transition: all ease 0.3s;
  background-color: #fff;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.13);
  position: fixed;
  height: 98.3px;
}
.site_header h1 {
  width: 18.5rem;
}
.site_header h1 a {
  display: block;
  padding: 0 3rem;
  text-decoration: none;
  color: #707070;
  font-size: 1.1rem;
  text-align: center;
  letter-spacing: 0.15rem;
  font-weight: 400;
}
.site_header h1 a p {
  margin-top: 0.5rem;
}
.site_header h1 a img {
  display: block;
}
.site_header h1 a .white {
  display: none;
}
.site_header nav {
  padding-right: 3rem;
}
.site_header nav > ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.site_header nav > ul > li {
  position: relative;
}
.site_header nav > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 3rem 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  color: #000;
  transition: all ease 0.1s;
}
.site_header nav > ul > li > a .ja {
  display: block;
  font-size: 1.4rem;
}
.site_header nav > ul > li > a .en {
  font-size: 1rem;
  display: block;
}
.site_header nav > ul > li > a:hover {
  opacity: 0.7;
  transition: all ease 0.3s;
}
.site_header nav > ul > li > ul {
  list-style: none;
  position: absolute;
  background-color: #8fc31f;
  top: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  padding: 1.5rem;
  width: 50rem;
  display: flex;
  left: -200%;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.3s;
}
.site_header nav > ul > li > ul li {
  padding-right: 1.5rem;
  flex: 1;
  box-sizing: border-box;
}
.site_header nav > ul > li > ul li a {
  font-size: 1.5rem;
  display: block;
  color: #fff;
  text-decoration: none;
  transition: all ease 0.3s;
}
.site_header nav > ul > li > ul li a figure {
  margin-bottom: 0.5rem;
}
.site_header nav > ul > li > ul li a span {
  display: block;
  position: relative;
}
.site_header nav > ul > li > ul li a svg {
  position: absolute;
  right: 0;
  width: 1.5rem;
  top: 0.5rem;
}
.site_header nav > ul > li > ul li a svg path {
  stroke: #fff;
}
.site_header nav > ul > li > ul li a svg circle {
  fill: #fff;
}
.site_header nav > ul > li > ul li a:hover {
  opacity: 0.7;
}
.site_header nav > ul > li > ul li:last-child {
  padding-right: 0;
}
.site_header nav > ul > li.dot a {
  position: relative;
}
.site_header nav > ul > li.dot a:after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  background-color: #8fc31f;
  margin: auto;
}
.site_header nav > ul > li.dot:hover ul {
  visibility: visible;
  opacity: 1;
}
.site_header nav > ul > li.online_shop_link {
  padding-left: 2rem;
  display: flex;
  align-items: center;
}
.site_header nav > ul > li.online_shop_link a {
  color: #8fc31f;
  font-size: 1.2rem;
  border-radius: 500px;
  border: 1px solid #8fc31f;
  padding: 1rem;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease 0.3s;
  border: 1px solid #8fc31f;
  /*
  &:before{
  	content:'';
  	display: block;
  	width:1.3rem;
  	height:1.3rem;
  	background-image: url(../img/commons/cart.svg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	margin-right:1rem;
  }*/
  /*
  &:after{
  	content:'';
  	display: block;
  	width:1.2rem;
  	height:1rem;
  	background-image: url(../img/commons/sqr.svg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	margin-left:1rem;
  }*/
}
.site_header nav > ul > li.online_shop_link a svg:nth-child(1) {
  margin-right: 1rem;
  width: 1.3rem;
}
.site_header nav > ul > li.online_shop_link a svg:nth-child(1) path {
  transition: all ease 0.3s;
  stroke: #8fc31f;
}
.site_header nav > ul > li.online_shop_link a svg:nth-child(2) {
  margin-left: 1rem;
  width: 1.2rem;
}
.site_header nav > ul > li.online_shop_link a svg:nth-child(2) path {
  transition: all ease 0.3s;
  stroke: #8fc31f;
}
.site_header nav > ul > li.online_shop_link a svg:nth-child(2) rect {
  transition: all ease 0.3s;
  stroke: #8fc31f;
}
.site_header nav > ul > li.online_shop_link a:hover {
  background-color: #8fc31f;
  color: #fff;
  border: 1px solid #8fc31f;
}
.site_header nav > ul > li.online_shop_link a:hover svg path {
  stroke: #fff;
}
.site_header nav > ul > li.online_shop_link a:hover svg rect {
  stroke: #fff;
}
.site_header.waite {
  opacity: 0;
  transform: translate3d(0, -1rem, 0);
  transition: all ease 0.3s;
}
.site_header.active {
  position: absolute;
  opacity: 1;
  background-color: transparent;
  box-shadow: none;
}
.site_header.active h1 img {
  display: none;
}
.site_header.active h1 .white {
  display: block;
}
.site_header.active h1 a p {
  color: #fff;
}
.site_header.active nav > ul > li > a {
  color: #fff;
}
.site_header.active nav > ul > li.online_shop_link a {
  opacity: 1;
  border-color: transparent;
  color: #fff;
  border-color: #fff;
}
.site_header.active nav > ul > li.online_shop_link a svg:nth-child(1) path {
  stroke: #fff;
}
.site_header.active nav > ul > li.online_shop_link a svg:nth-child(2) path {
  stroke: #fff;
}
.site_header.active nav > ul > li.online_shop_link a svg:nth-child(2) rect {
  stroke: #fff;
}
.site_header.active nav > ul > li.online_shop_link a:hover {
  opacity: 1;
  border-color: #8fc31f;
}
.site_header.active nav > ul > li.online_shop_link a:hover svg:nth-child(1) path {
  stroke: #fff;
}
.site_header.active nav > ul > li.online_shop_link a:hover svg:nth-child(2) path {
  stroke: #fff;
}
.site_header.active nav > ul > li.online_shop_link a:hover svg:nth-child(2) rect {
  stroke: #fff;
}
.site_header .sp_button {
  display: block;
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  top: 4.5rem;
  right: 30px;
  display: none;
}
.site_header .sp_button span {
  display: block;
  width: 130%;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: -15%;
  transform: rotate(-45deg);
  transition: all ease 0.3s;
}
.site_header .sp_button span:before {
  content: "";
  width: 60%;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: -1.2rem;
  left: 20%;
  transition: all ease 0.3s;
}
.site_header .sp_button span:after {
  content: "";
  width: 60%;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -1.2rem;
  left: 20%;
  transition: all ease 0.3s;
}
.site_header .sp_button i {
  display: block;
  font-style: normal;
  position: absolute;
  top: calc(100% + 0.3em);
  left: 0;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  transition: all ease 0.3s;
}
.site_header .sp_button i.sb_button_close {
  opacity: 0;
  transform: translate3d(0, 1rem, 0);
  visibility: hidden;
}
.site_header .sp_button.open span {
  background-color: #8FC31F !important;
  transform: rotate(45deg);
}
.site_header .sp_button.open span:before {
  width: 100%;
  top: 0;
  transform: rotate(90deg);
  left: 0;
}
.site_header .sp_button.open span:after {
  display: none;
}
.site_header .sp_button.open i.sb_button_def {
  opacity: 0;
  transform: translate3d(0, 1rem, 0);
  visibility: hidden;
}
.site_header .sp_button.open i.sb_button_close {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.site_header.active .sp_button span {
  background-color: #fff;
}
.site_header.active .sp_button span:before {
  background-color: #fff;
}
.site_header.active .sp_button span:after {
  background-color: #fff;
}
.site_header.active .sp_button i {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .site_header.waite {
    transform: none;
  }
  .site_header .sp_button {
    display: block;
  }
  .site_header {
    display: block;
    height: auto;
  }
  .site_header.open {
    box-shadow: none !important;
    z-index: 103;
  }
  .site_header nav {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transition: all ease 0.3s;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow-y: scroll;
  }
  .site_header h1 {
    width: 21.4%;
  }
  .site_header h1 a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.4rem;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .site_header .sp_button {
    top: 2.5rem;
  }
  .site_header {
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.16);
  }
  .site_header h1 {
    width: 41.4%;
  }
  .site_header h1 a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.4rem;
    padding-left: 2rem;
  }
  .site_header h1 a p {
    font-size: 1.1rem;
    letter-spacing: 0.3rem;
  }
}
/*footer*/
.site_footer {
  position: relative;
  background-color: #d9dde0;
  padding: 10rem 0;
  padding-bottom: 0;
  overflow: hidden;
}
.site_footer .site_footer_layout {
  display: flex;
}
.site_footer .site_footer_layout > div {
  flex: 0 1 30rem;
}
.site_footer .site_footer_layout > div .footer_logo {
  display: block;
  text-decoration: none;
  margin-bottom: 3rem;
}
.site_footer .site_footer_layout > div .footer_logo figure {
  width: 20rem;
  margin-bottom: 0.5rem;
}
.site_footer .site_footer_layout > div .footer_logo .en {
  font-size: 2rem;
  letter-spacing: 0.3rem;
  font-weight: 400;
}
.site_footer .site_footer_layout > div .contact_area {
  margin-bottom: 3rem;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_tels > p {
  display: inline-block;
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
  font-size: 1.5rem;
  padding: 0 1rem;
  font-weight: 500;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_tels .tel {
  display: block;
  text-decoration: none;
  font-size: 3rem;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc p {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a {
  display: block;
  width: 20rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #f04d4d;
  color: #f04d4d;
  padding: 1.5rem;
  background-color: #fff;
  position: relative;
  font-weight: 500;
  font-size: 1.8rem;
  transition: all ease 0.3s;
  /*
  &:after{
  			content:'';
  			display: block;
  			width:2rem;
  			height:2rem;
  			background-image: url(../img/commons/dot_right_red.svg);
  			background-size:contain;
  			background-repeat: no-repeat;
  			background-position: center;
  			position: absolute;
  			top:calc(50% - 1rem);
  			right:3rem;
  }*/
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a svg path {
  stroke: #f04d4d;
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a svg circle {
  fill: #f04d4d;
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a:hover {
  background-color: #f04d4d;
  color: #fff;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a:hover svg path {
  stroke: #fff;
}
.site_footer .site_footer_layout > div .contact_area .contact_area_desc a:hover svg circle {
  fill: #fff;
}
.site_footer .site_footer_layout > div .sns_buttons {
  display: flex;
  align-items: center;
  margin-bottom: 10rem;
}
.site_footer .site_footer_layout > div .sns_buttons > * {
  margin-right: 1rem;
  display: block;
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .sns_buttons > * figure {
  box-sizing: border-box;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 1rem;
  border-radius: 100%;
}
.site_footer .site_footer_layout > div .sns_buttons > *:hover {
  opacity: 0.7;
}
.site_footer .site_footer_layout > div .more_links a {
  display: block;
  width: 20rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #f04d4d;
  color: #f04d4d;
  padding: 1.5rem;
  background-color: #fff;
  position: relative;
  font-weight: 500;
  font-size: 1.8rem;
}
.site_footer .site_footer_layout > div .more_links a:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/commons/dot_right_red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
}
.site_footer .site_footer_layout > div .more_links .online_shop {
  border-color: #8fc31f;
  color: #8fc31f;
  margin-bottom: 1rem;
  transition: all ease 0.3s;
  /*
  &:after{
  	background-image: url(../img/commons/sqr.svg);
  }

  &:before{
  				content:'';
  				display: block;
  				width:2rem;
  				height:2rem;
  	background-size:contain;
  	background-repeat: no-repeat;
  	background-position: center;
  	position: absolute;
  	top:calc(50% - 1rem);
  	left:3rem;
  	background-image: url(../img/commons/cart.svg);
  }*/
}
.site_footer .site_footer_layout > div .more_links .online_shop:after {
  display: none;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(1) {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  left: 3rem;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(1) path {
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(1) rect {
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(2) {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(2) path {
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .online_shop svg:nth-child(2) rect {
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .online_shop:hover {
  color: #fff;
  background-color: #8fc31f;
}
.site_footer .site_footer_layout > div .more_links .online_shop:hover svg path {
  stroke: #fff;
}
.site_footer .site_footer_layout > div .more_links .online_shop:hover svg rect {
  stroke: #fff;
}
.site_footer .site_footer_layout > div .more_links .recruit {
  border-color: #1f91c3;
  color: #1f91c3;
  transition: all ease 0.3s;
  /*
  &:after{
  		background-image: url(../img/commons/sqr_blue.svg);
  }*/
}
.site_footer .site_footer_layout > div .more_links .recruit:after {
  display: none;
}
.site_footer .site_footer_layout > div .more_links .recruit svg {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
}
.site_footer .site_footer_layout > div .more_links .recruit svg path {
  stroke: #1f91c3;
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .recruit svg rect {
  stroke: #1f91c3;
  transition: all ease 0.3s;
}
.site_footer .site_footer_layout > div .more_links .recruit:hover {
  color: #fff;
  background-color: #1f91c3;
}
.site_footer .site_footer_layout > div .more_links .recruit:hover svg path {
  stroke: #fff;
}
.site_footer .site_footer_layout > div .more_links .recruit:hover svg rect {
  stroke: #fff;
}
.site_footer .site_footer_layout > nav {
  flex: 1;
  padding-left: 7rem;
}
.site_footer .footer_nav_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3rem;
  position: relative;
  padding-bottom: 12rem;
}
.site_footer .footer_nav_grid > div {
  padding-bottom: 3rem;
}
.site_footer .footer_nav_grid > div.direct svg {
  display: none;
}
.site_footer .footer_nav_grid > div.subs svg {
  display: none;
}
.site_footer .footer_nav_grid > div > p {
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.site_footer .footer_nav_grid > div > p .ja {
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
}
.site_footer .footer_nav_grid > div > p .en {
  font-size: 1.3rem;
  display: block;
}
.site_footer .footer_nav_grid > div a {
  text-decoration: none;
  transition: all ease 0.3s;
}
.site_footer .footer_nav_grid > div a:hover {
  opacity: 0.7;
}
.site_footer .footer_nav_grid > div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.site_footer .footer_nav_grid > div ul li {
  margin-bottom: 0.5rem;
}
.site_footer .footer_nav_grid > div:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 3;
}
.site_footer .footer_nav_grid > div:nth-child(2) {
  grid-row-start: 1;
  grid-row-end: 3;
}
.site_footer .footer_nav_grid > div:nth-child(3) {
  grid-row-start: 1;
  grid-row-end: 2;
}
.site_footer .footer_nav_grid > div:nth-child(4) {
  grid-column-start: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  margin-top: -3rem;
}
.site_footer .footer_nav_grid > div:nth-child(8) {
  grid-row-start: 4;
  grid-row-end: 6;
}
.site_footer .footer_nav_grid > div:nth-child(9) {
  grid-row-start: 4;
  grid-row-end: 5;
}
.site_footer .footer_nav_grid > div:nth-child(10) {
  grid-row-start: 4;
  grid-row-end: 5;
}
.site_footer .footer_nav_grid > div .nav_index {
  display: none;
}
.site_footer .wrap {
  position: relative;
}
.site_footer .kiyaku {
  text-align: right;
  margin-bottom: 7rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.site_footer .kiyaku a {
  text-decoration: none;
  font-size: 1.4rem;
  margin-left: 3rem;
  transition: all ease 0.3s;
  font-weight: 500;
}
.site_footer .kiyaku a:hover {
  opacity: 0.7;
}
.site_footer .footer_payments {
  background-color: #fff;
}
.site_footer .footer_payments .footer_payments_in {
  display: flex;
  padding: 3rem 0;
  align-items: center;
}
.site_footer .footer_payments .footer_payments_in > div {
  flex: 0 1 33rem;
  font-weight: 500;
}
.site_footer .footer_payments .footer_payments_in > div p:nth-child(1) {
  font-size: 2rem;
}
.site_footer .footer_payments .footer_payments_in > figure {
  flex: 0 1 51rem;
}
.site_footer .footer_copy {
  padding: 3rem 0;
  color: #707070;
  font-size: 1.3rem;
  font-weight: 500;
}
.site_footer .wrapTo_top {
  position: relative;
  width: auto;
  max-width: none;
  width: 38rem;
  position: absolute;
  text-decoration: none;
  font-weight: bold;
  bottom: 0;
  right: -27rem;
  bottom: -3rem;
  right: -20rem;
  bottom: -11.2rem;
}
.site_footer .wrapTo_top:hover .to_top {
  transform: rotate(10deg);
  transform-origin: right center;
}
.site_footer .wrapTo_top:hover .to_top span {
  top: 5rem;
}
.site_footer .to_top {
  transition: all ease 0.3s;
  display: block;
  position: relative;
}
.site_footer .to_top span {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  position: absolute;
  top: 1.5rem;
  left: 6.5rem;
  transition: all ease 0.3s;
  font-size: 1.4rem;
}
.site_footer .sp_contact_link_buttons {
  display: none;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts {
  margin-bottom: 5rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts a {
  display: block;
  position: relative;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  background-color: #fff;
  position: relative;
  font-weight: normal;
  font-size: 2rem;
  text-align: center;
  border-radius: 1000px;
  border: 1px solid #f04d4d;
  text-decoration: none;
  font-weight: normal;
  margin-bottom: 2rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .contact_button {
  color: #f04d4d;
  background-color: #fff;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .contact_button svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .contact_button svg path {
  stroke: #f04d4d;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .contact_button svg circle {
  fill: #f04d4d;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .online_shop {
  border-color: #8fc31f;
  color: #8fc31f;
  border: 1px solid #8fc31f;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .online_shop svg:nth-child(1) {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  left: 3rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .online_shop svg:nth-child(2) {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .recruit {
  border-color: #1f91c3;
  color: #1f91c3;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .recruit svg {
  width: 2rem;
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .recruit svg rect {
  stroke: #1f91c3;
}
.site_footer .sp_contact_link_buttons .sp_contact_link_buttons_contacts .recruit svg path {
  stroke: #1f91c3;
}
.site_footer .sp_contact_link_buttons .sns_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site_footer .sp_contact_link_buttons .sns_buttons a {
  margin-right: 4rem;
}
.site_footer .sp_contact_link_buttons .sns_buttons a figure {
  width: 7rem;
}
.site_footer .sp_contact_link_buttons .sns_buttons a:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  .site_footer .kiyaku {
    margin-bottom: 5rem;
  }
  .site_footer .sp_contact_link_buttons {
    display: block;
  }
  .site_footer .site_footer_layout > nav {
    padding: 0;
  }
  .site_footer .footer_nav_grid {
    display: block;
    position: fixed;
    width: 100%;
    height: calc(100% - 15rem);
    background-color: #fff;
    top: 0;
    left: 0;
    margin-top: 15rem;
    box-sizing: border-box;
    visibility: hidden;
    transition: all ease 0.3s;
    opacity: 0;
    overflow-y: scroll;
    z-index: 99;
  }
  .site_footer .footer_nav_grid.open {
    visibility: visible;
    transform: translate3d(0, 0%, 0);
    opacity: 1;
  }
  .site_footer .footer_nav_grid > div > p a {
    padding: 2rem 30px;
    display: block;
  }
  .site_footer .footer_nav_grid > div > p .en {
    font-size: 1.3rem;
  }
  .site_footer .footer_nav_grid > div > p .ja {
    font-size: 2rem;
  }
  .site_footer .kiyaku {
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    text-align: left;
    margin-top: 1rem;
  }
  .site_footer .kiyaku a {
    display: block;
    margin: 0;
    padding: 1rem 30px;
    font-size: 1.7rem;
    font-weight: 500;
  }
  .site_footer .footer_nav_grid > div > p {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div ul a {
    padding: 1rem 30px;
    display: block;
    background-color: #8FC31F;
    color: #fff;
    font-size: 1.8rem;
    position: relative;
    font-weight: 500;
  }
  .site_footer .footer_nav_grid > div ul a br {
    display: none;
  }
  .site_footer .footer_nav_grid > div ul a svg {
    width: 1.5rem;
    position: absolute;
    right: 35px;
    top: 1.5rem;
  }
  .site_footer .footer_nav_grid > div ul a svg path {
    stroke: #fff;
  }
  .site_footer .footer_nav_grid > div ul a svg circle {
    fill: #fff;
  }
  .site_footer .footer_nav_grid > div ul li {
    margin-bottom: 0;
  }
  .site_footer .footer_nav_grid > div:nth-child(1) {
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div ul {
    padding: 0.5em 0;
    background-color: #8FC31F;
    display: none;
  }
  .site_footer .footer_nav_grid > div:nth-child(2) {
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div:nth-child(3) {
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div:nth-child(4) {
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div .nav_index {
    display: block;
  }
  .site_footer .footer_nav_grid > div {
    padding-bottom: 0;
  }
  .site_footer .footer_nav_grid > div.direct a {
    position: relative;
  }
  .site_footer .footer_nav_grid > div.direct a svg {
    position: absolute;
    display: block;
    width: 1.5rem;
    right: 35px;
    top: 3.9rem;
  }
  .site_footer .footer_nav_grid > div.subs svg {
    display: block;
  }
  .site_footer .footer_nav_grid > div.subs > p > a {
    position: relative;
  }
  .site_footer .footer_nav_grid > div.subs > p > a:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 35px;
  }
  .site_footer .footer_nav_grid > div.subs > p > a:after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: rotate(90deg);
  }
  .site_footer .footer_nav_grid > div.subs .open:after {
    display: none;
  }
  .site_footer .footer_nav_grid > div.subs .open a:after {
    display: none;
  }
  .site_footer .footer_nav_grid > div > p {
    position: relative;
  }
  .site_footer .footer_nav_grid > div > p:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 30px;
  }
  .site_footer .site_footer_layout {
    display: block;
  }
  .site_footer .site_footer_layout > nav {
    padding: 0;
  }
  .site_footer .site_footer_layout > div .footer_logo .en {
    text-align: center;
  }
  .site_footer {
    padding-top: 6rem;
  }
  .site_footer .site_footer_layout > div .footer_logo figure {
    margin-left: auto;
    margin-right: auto;
  }
  .contact_area_tels {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .site_footer .site_footer_layout > div .contact_area .contact_area_tels > p {
    background-color: transparent;
    color: #000;
    border-color: #000;
    padding: 0.2rem 0.5rem;
    margin-right: 1rem;
  }
  .site_footer .site_footer_layout > div .contact_area .contact_area_tels .tel {
    font-size: 4rem;
  }
  .site_footer .site_footer_layout > div .contact_area .contact_area_desc p {
    text-align: center;
    margin-bottom: 5rem;
  }
  .site_footer .site_footer_layout > div .contact_area .contact_area_desc p br {
    display: none;
  }
  .site_footer .site_footer_layout > div .contact_area .contact_area_desc a {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
  }
  .site_footer .site_footer_layout > div .more_links .online_shop {
    padding: 2rem;
  }
  .site_footer .site_footer_layout > div .more_links .recruit {
    padding: 2rem;
  }
  .site_footer .site_footer_layout > div .more_links a {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .site_footer .site_footer_layout > div .sns_buttons {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
  }
  .site_footer .site_footer_layout > div .contact_area {
    margin-bottom: 1.5rem;
  }
  .site_footer .site_footer_layout > div {
    position: relative;
    padding-bottom: 10rem;
    margin-bottom: 5rem;
  }
  .site_footer .site_footer_layout > div .sns_buttons {
    justify-content: center;
  }
  .site_footer .site_footer_layout > div .sns_buttons > * figure {
    width: 6rem;
    height: 6rem;
  }
  .site_footer .site_footer_layout > div .sns_buttons > *:last-child {
    margin-right: 0;
  }
  .site_footer .footer_payments .footer_payments_in {
    display: block;
    text-align: center;
  }
  .site_footer .footer_payments .footer_payments_in > div {
    margin-bottom: 1rem;
  }
  .site_footer .to_top span {
    left: 17%;
  }
  .site_footer .footer_nav_grid > div:nth-child(4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 700px) {
  .site_footer .footer_payments .footer_payments_in > figure {
    width: 44rem;
    margin: 0 auto;
  }
  .site_footer .footer_nav_grid {
    margin-top: 11rem;
    height: calc(100% - 11rem);
  }
  .site_footer .wrapTo_top {
    right: -21rem;
    bottom: -12rem;
  }
  .site_footer .wrapTo_top .to_top {
    transform: rotate(10deg);
    transform-origin: right center;
  }
  .site_footer .wrapTo_top .to_top span {
    top: 2rem;
    font-size: 1.7rem;
  }
  .site_footer .footer_copy {
    font-size: 1.5rem;
  }
  .site_footer .footer_payments .footer_payments_in > div {
    margin-bottom: 1rem;
  }
  .site_footer .footer_copy {
    padding: 2.5rem 0;
  }
}
.mv {
  position: relative;
}
.mv:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  top: 0;
  left: 0;
}
.mv .mv_in {
  position: absolute;
  z-index: 3;
  width: 100%;
  color: #fff;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mv .mv_in h2 {
  font-size: 6rem;
  font-weight: 500;
}
.mv .mv_in .en {
  font-size: 3rem;
  display: block;
  letter-spacing: 1rem;
}
.mv .mv_slide {
  position: relative;
  z-index: 1;
}
.mv .sns_link {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 11;
  display: flex;
  margin-right: -0.5rem;
  width: 50rem;
}
.mv .sns_link > div {
  padding-right: 0.5rem;
  flex: 1;
  box-sizing: border-box;
}
.mv .sns_link .line_button {
  height: 100%;
  box-sizing: border-box;
  font-weight: 500;
  background-color: #21b900;
  padding: 1rem;
  color: #fff;
  text-decoration: none;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all ease 0.3s;
  border: 2px solid #21b900;
}
.mv .sns_link .line_button svg {
  flex: 0 1 20%;
}
.mv .sns_link .line_button svg path {
  transition: all ease 0.3s;
}
.mv .sns_link .line_button svg line {
  transition: all ease 0.3s;
}
.mv .sns_link .line_button figure {
  flex: 0 1 20%;
}
.mv .sns_link .line_button span {
  flex: 1;
  padding-left: 1rem;
  box-sizing: border-box;
  white-space: nowrap;
}
.mv .sns_link .line_button:hover {
  background-color: #fff;
  color: #21b900;
}
.mv .sns_link .line_button:hover svg path {
  stroke: #21b900;
}
.mv .sns_link .line_button:hover svg line {
  stroke: #21b900;
}
.mv .sns_link .app_button {
  height: 100%;
  box-sizing: border-box;
  font-weight: 500;
  display: flex;
  color: #8fc31f;
  text-decoration: none;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 2px solid #8fc31f;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  align-items: center;
  letter-spacing: 0;
  transition: all ease 0.3s;
}
.mv .sns_link .app_button figure {
  flex: 0 1 20%;
}
.mv .sns_link .app_button span {
  flex: 1;
  padding-left: 1rem;
  box-sizing: border-box;
  white-space: nowrap;
}
.mv .sns_link .app_button:hover {
  background-color: #8fc31f;
  color: #fff;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.mv .mv_slide .swiper-slide-active .swiper-img,
.mv .mv_slide .swiper-slide-duplicate-active .swiper-img,
.mv .mv_slide .swiper-slide-prev .swiper-img {
  animation: zoomUp 7s linear 0s normal both;
}
.mv .mv_slide .swiper-slide img {
  height: auto;
  width: 100%;
}
.mv .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 2rem !important;
}
.mv .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0 1rem !important;
  background-color: transparent;
  position: relative;
  opacity: 1;
  /*
  &::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
  }
  */
}
.mv .swiper-pagination-bullet svg {
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
}
.mv .swiper-pagination-bullet svg circle:nth-child(1) {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 0 62.8px;
}
.mv .swiper-pagination-bullet-active::before {
  background: #fff;
}
.mv .swiper-pagination-bullet-active svg circle:nth-child(1) {
  animation: circle 6s forwards;
}
@keyframes circle {
  0% {
    stroke-dasharray: 0 62.8px;
  }
  100% {
    stroke-dasharray: 62.8px 62.8px;
  }
}

@media screen and (max-width: 700px) {
  .mv .sns_link {
    width: calc(100% - 1rem);
    margin-right: -1rem;
    bottom: 1rem;
    right: 1rem;
  }
  .mv .sns_link > div {
    padding-right: 1rem;
  }
  .mv .swiper-pagination {
    display: none;
  }
  .mv .mv_in h2 {
    font-size: 4.5rem;
  }
  .mv .mv_in .en {
    font-size: 2.5rem;
  }
}
.prices {
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.prices .prices_top {
  display: flex;
  border: 1px solid #c7c7c7;
  align-items: center;
  position: relative;
  margin-bottom: 1.5rem;
}
.prices .prices_top > * {
  flex: 1;
}
.prices .prices_top > div {
  padding: 1rem;
  padding-top: 0;
  text-align: center;
}
.prices .prices_top > div p {
  letter-spacing: 0.5rem;
  font-size: 3.3rem;
  margin-bottom: 1rem;
  vertical-align: middle;
  font-weight: 500;
}
.prices .prices_top > div .fred {
  color: #f04d4d;
}
.prices .prices_top > div .fred b {
  font-size: 6.5rem;
  font-weight: 400;
  letter-spacing: 0;
  transform: translate3d(-0.2rem, 1rem, 0);
  display: inline-block;
}
.prices .prices_top > div small {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  font-weight: 500;
}
.prices .prices_bottom {
  display: flex;
  margin-right: -1.5rem;
}
.prices .prices_bottom > * {
  padding-right: 1.5rem;
  box-sizing: border-box;
  flex: 1;
  text-align: center;
}
.prices .prices_bottom > * > div {
  border-left: 1px solid #f04d4d;
  border-bottom: 1px solid #f04d4d;
  position: relative;
  padding: 2rem 0;
}
.prices .prices_bottom > * > div:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/top/prices/3line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0;
}
.prices .prices_bottom > * > div .text {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
.prices .prices_bottom > * > div .price-text {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
.prices .prices_bottom > * > div .price-promp {
  font-size: 6rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  line-height: 1;
  font-weight: normal;
  color: #f04d4d;
}
.prices .prices_bottom > * > div .price-ann {
  font-size: 1.1rem;
}
.prices .prices_bottom > * > div .price-ann-pb {
  padding-bottom: 2.5rem;
}
.prices .prices_bottom > * > div .bgcr {
  background-color: #f04d4d;
  font-size: 2.5rem;
  color: #fff;
  display: inline-block;
  padding: 0.7rem 1rem;
  padding-top: 0.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  font-weight: 500;
}
.prices .prices_bottom > * > div .price {
  position: relative;
  color: #f04d4d;
  font-size: 3rem;
}
.prices .prices_bottom > * > div .price b {
  font-size: 6rem;
  line-height: 1;
  font-weight: normal;
}
.prices .prices_bottom > * > div .price small {
  position: absolute;
  color: #000;
  font-size: 1.3rem;
  bottom: 0;
  right: 5rem;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .prices .prices_top {
    display: block;
  }
  .prices .prices_bottom {
    flex-wrap: wrap;
  }
  .prices .prices_bottom > *:first-child {
    flex: 0 1 100%;
  }
  .prices {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .prices .prices_top > div {
    padding: 2rem 0;
  }
  .prices .prices_top > div p {
    line-height: 1.2;
    margin-bottom: 0;
  }
  .prices .prices_top > div small {
    display: block;
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 1.5rem;
  }
  .prices .prices_top > div .fred b {
    font-size: 7rem;
    transform: none;
  }
  .prices .prices_bottom > * > div .price {
    margin-left: 1rem;
  }
  .prices .prices_bottom > *:first-child > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
  }
  .prices .prices_bottom > *:first-child > div .text {
    margin-bottom: 0;
    flex: 0 1 100%;
    line-height: 1;
  }
  .prices .prices_bottom > *:first-child {
    margin-bottom: 1.5rem;
  }
  .prices .prices_bottom > * > div .text {
    font-size: 2.5rem;
  }
  .prices .prices_bottom > *:nth-child(2) > div .text {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .prices .prices_bottom > * > div .text {
    margin-bottom: 2rem;
  }
  .prices .prices_bottom > *:nth-child(3) > div .text {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .prices .prices_bottom > * > div {
    height: 100%;
    box-sizing: border-box;
  }
  .prices .prices_bottom > * > div .bgcr {
    display: block;
  }
  .prices .prices_bottom > * > div .text {
    padding: 2rem 0;
  }
  .prices .prices_bottom > * > div .bgcr {
    font-size: 2rem;
    padding: 1rem 0;
    line-height: 1.3;
  }
  .prices .prices_bottom > *:first-child > div .bgcr {
    padding: 1rem 2rem;
  }
  .prices .prices_bottom > * > div .price small {
    position: relative;
    font-size: 1.5rem;
    right: 0;
    bottom: 0;
    display: block;
  }
  .prices .prices_bottom > *:first-child > div .price b {
    font-size: 8rem;
  }
  .prices .prices_bottom > * > div .price b {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 700px) {
  .prices .prices_bottom > * > div .text {
    padding: 0;
  }
  .prices .prices_bottom > *:last-child > div .text {
    padding: 1.5rem 0;
  }
}
.sbProduct {
  overflow: hidden;
  position: relative;
  padding-top: 0;
}
.sbProduct .sbh {
  text-align: center;
}
.sbProduct .wrap {
  max-width: 800px;
}
.sbProduct .swiper {
  overflow: visible;
}
.sbProduct .swiper a {
  transition: all ease 0.3s;
}
.sbProduct .swiper a:hover {
  opacity: 0.7;
}

/*
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.sbProduct .wrap{
		max-width:1600px;
	}
}*/
@media screen and (max-width: 700px) {
  .sbProduct .wrap {
    padding: 0;
  }
}
.sbService {
  overflow: hidden;
}
.sbService .sbh {
  text-align: center;
}
.sbService .wrap {
  max-width: none;
  padding: 0 30px;
}
.sbService .serviceSwiper {
  overflow: visible;
}
.sbService .serviceSwiper > div {
  display: flex;
  margin-right: -2em;
}
.sbService .serviceSwiper .swiper-slide {
  flex: 1;
  padding-right: 2em;
  box-sizing: border-box;
}
.sbService .serviceSwiper .swiper-slide figure {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
}
.sbService .serviceSwiper .swiper-slide figure img {
  transition: all ease 0.3s;
}
.sbService .serviceSwiper .swiper-slide figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
  z-index: 1;
}
.sbService .serviceSwiper .swiper-slide figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(143, 195, 31, 0), rgba(57, 77, 13, 0.8));
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 1;
}
.sbService .serviceSwiper .swiper-slide:hover figure:after {
  opacity: 0;
}
.sbService .serviceSwiper .swiper-slide:hover figure:before {
  opacity: 1;
}
.sbService .serviceSwiper .swiper-slide:hover figure img {
  transform: scale(1.2);
}
.sbService .serviceSwiper .swiper-slide:hover span:after {
  margin-left: 4rem;
}
.sbService .serviceSwiper .swiper-slide > a > div {
  position: relative;
  position: absolute;
  color: #fff;
  bottom: 3rem;
  left: 3rem;
  width: calc(100% - 9rem);
  z-index: 2;
  font-weight: 500;
}
.sbService .serviceSwiper .swiper-slide > a > div h3 {
  position: relative;
  z-index: 2;
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  border-bottom: 1px solid #fff;
  padding-bottom: 1.5rem;
  font-weight: 500;
}
.sbService .serviceSwiper .swiper-slide > a > div span {
  position: relative;
  display: block;
  z-index: 2;
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.5rem;
  padding-right: 5rem;
  display: flex;
  align-items: center;
}
.sbService .serviceSwiper .swiper-slide > a > div span:after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/top/service/dot_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 3rem;
  transition: all ease 0.3s;
}

/*
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.sbService .wrap{
		max-width:2560px;
	}
}*/
@media screen and (max-width: 700px) {
  .sbService .serviceSwiper > div {
    display: block;
  }
  .sbService .wrap {
    padding: 0 30px;
  }
  .sbService .serviceSwiper .swiper-slide > a > div h3 {
    border-bottom: 0;
  }
  .sbService .serviceSwiper .swiper-slide {
    margin-bottom: 2rem;
  }
  .sbService .serviceSwiper .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .sbService .serviceSwiper .swiper-slide > a > div > div > span {
    justify-content: space-between;
  }
}
.sbFeature {
  overflow: hidden;
}
.sbFeature .sbh {
  display: flex;
  text-align: left;
  align-items: center;
}
.sbFeature .sbh h2 {
  margin-bottom: 0;
  margin-right: 3rem;
}
.sbFeature .sbh p {
  padding-left: 5rem;
  padding-right: 5rem;
}
.sbFeature .feature_grid {
  margin-right: -1.5rem;
  display: flex;
}
.sbFeature .feature_grid > div:nth-child(1) {
  flex: 0 1 50%;
  padding-right: 1.5rem;
  box-sizing: border-box;
}
.sbFeature .feature_grid > div:nth-child(1) a {
  position: relative;
  overflow: hidden;
}
.sbFeature .feature_grid > div:nth-child(1) a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transform: scale(0);
  transition: all ease 0.3s;
  transform-origin: left top;
}
.sbFeature .feature_grid > div:nth-child(1) a:hover:after {
  transform: scale(1);
}
.sbFeature .feature_grid .sbFeature_sub {
  padding-right: 1.5rem;
  margin-right: -1.5rem;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.sbFeature .feature_grid .sbFeature_sub > * {
  flex: 0 1 50%;
  padding-right: 1.5rem;
  box-sizing: border-box;
  padding-bottom: 1.5rem;
}
.sbFeature .feature_grid .sbFeature_sub > *:nth-child(3) {
  padding-bottom: 0;
}
.sbFeature .feature_grid .sbFeature_sub > *:nth-child(4) {
  padding-bottom: 0;
}
.sbFeature .feature_grid .sbFeature_sub > * a {
  position: relative;
  overflow: hidden;
}
.sbFeature .feature_grid .sbFeature_sub > * a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transform: scale(0);
  transform-origin: left top;
  transition: all ease 0.3s;
}
.sbFeature .feature_grid .sbFeature_sub > * a:hover:after {
  transform: scale(1);
}

@media screen and (max-width: 700px) {
  .sbFeature .feature_grid {
    display: block;
  }
  .sbFeature .sbh {
    display: block;
  }
  .sbFeature .sbh p {
    padding-left: 2rem;
    width: 12rem;
  }
  .sbFeature .feature_grid > div:nth-child(1) {
    margin-bottom: 1.5rem;
  }
}
.sbSale {
  overflow: hidden;
}
.sbSale .sbh {
  display: flex;
  text-align: left;
  align-items: center;
}
.sbSale .sbh h2 {
  margin-bottom: 0;
  margin-right: 3rem;
}
.sbSale .sbh p {
  padding-left: 5rem;
  padding-right: 5rem;
}
.sbSale .swiperSale {
  max-width: 1000px;
  overflow: visible;
}
.sbSale .swiperSale a {
  display: block;
  text-decoration: none;
  font-weight: 500;
  transition: all ease 0.3s;
}
.sbSale .swiperSale a figure {
  margin-bottom: 1rem;
}
.sbSale .swiperSale a:hover {
  opacity: 0.7;
}

/*
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.sbSale .swiperSale{
		max-width:2000px;
	}
}*/
@media screen and (max-width: 700px) {
  .sbSale .sbh {
    display: block;
  }
  .sbSale .sbh h2 {
    margin-right: 3rem;
    letter-spacing: 0.4rem;
  }
  .sbSale .sbh p {
    padding-left: 2rem;
    width: 12rem;
  }
  .sbSale .swiperSale {
    margin-left: 0;
    width: 90%;
  }
}
.sbNews {
  padding-top: 10rem;
  padding-bottom: 13rem;
  background-color: #eceff1;
  overflow: hidden;
}
.sbNews .sbh {
  text-align: center;
}
.sbNews .news_list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -3rem;
  margin-bottom: 6rem;
}
.sbNews .news_list li {
  padding-right: 3rem;
  flex: 0 1 50%;
  box-sizing: border-box;
  margin-top: -1px;
}
.sbNews .news_list li a {
  display: block;
  text-decoration: none;
  padding: 2rem;
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  height: 100%;
  box-sizing: border-box;
  transition: all ease 0.3s;
  position: relative;
}
.sbNews .news_list li a .news_params {
  margin-bottom: 1rem;
  font-weight: 500;
}
.sbNews .news_list li a .news_params .cats span {
  display: inline-block;
  background-color: #8fc31f;
  color: #fff;
  padding: 0.3rem 1rem;
  font-size: 1.3rem;
}
.sbNews .news_list li a .news_params time {
  margin-right: 3rem;
}
.sbNews .news_list li a h3 {
  font-size: 1.5rem;
  font-weight: 500;
}
.sbNews .news_list li a:after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../img/top/news/dot_right_bl.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 3rem;
  transition: all ease 0.3s;
}
.sbNews .news_list li a:hover {
  background-color: #fff;
}
.sbNews .news_list li a:hover:after {
  transform: translate3d(0.5rem, 0, 0);
}
.sbNews .more {
  display: block;
  width: 30rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #000;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  transition: all ease 0.3s;
  /*
  &:after{
  			content:'';
  			display: block;
  			width:2rem;
  			height:2rem;
  			background-image: url(../img/top/news/more.svg);
  			background-size:contain;
  			background-repeat: no-repeat;
  			background-position: center;
  			position: absolute;
  			top:calc(50% - 1rem);
  			right:3rem;
  }
  */
}
.sbNews .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.sbNews .more svg path {
  transition: all ease 0.3s;
}
.sbNews .more svg circle {
  transition: all ease 0.3s;
}
.sbNews .more:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.sbNews .more:hover svg path {
  stroke: #fff;
}
.sbNews .more:hover svg circle {
  stroke: #fff;
}

@media screen and (max-width: 700px) {
  .sbNews .news_list {
    display: block;
  }
  .sbNews .more {
    background-color: #8fc31f;
    color: #fff;
    border-color: #8fc31f;
  }
  .sbNews .more {
    padding: 2rem;
  }
  .sbNews .more svg {
    width: 3rem;
    right: 2rem;
    top: calc(50% - 1.5rem);
  }
  .sbNews .more svg path {
    stroke: #fff;
  }
  .sbNews .more svg circle {
    stroke: #fff;
  }
}
.sbColumn {
  padding-top: 10rem;
  padding-bottom: 14rem;
  background-image: url(../img/top/column/img-column-bg.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .sbColumn {
    padding-top: 5rem;
    padding-bottom: 10rem;
  }
}
.sbColumn .Column_ttl-img {
  width: 60rem;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.sbColumn .sbh {
  text-align: center;
  color: #3C2800;
  position: relative;
}
@media screen and (max-width: 700px) {
  .sbColumn .sbh h2 {
    font-size: 5rem;
    margin: 0 calc(50% - 50vw);
    width: 90vw;
    text-align: center;
    margin: 0 auto;
  }
}
.sbColumn .initial {
  color: #8FC31F;
}
.sbColumn .ml-initial {
  margin-left: -3rem;
}
@media screen and (max-width: 700px) {
  .sbColumn .ml-initial {
    margin-left: -2rem;
  }
}
.sbColumn .ribbon {
  position: relative;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .sbColumn .ribbon {
    width: 100%;
  }
}
.sbColumn .ribbon__text {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 700px) {
  .sbColumn .ribbon__text {
    font-size: 1.4rem;
  }
}
.sbColumn .Column__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 2rem;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  .sbColumn .Column__list {
    gap: 3.5rem 0;
  }
}
.sbColumn .Column__list-item {
  width: 46%;
  transition: 0.4s;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 700px) {
  .sbColumn .Column__list-item {
    width: 100%;
  }
}
.sbColumn .Column__list-item:hover .Column__thumbnail img {
  transform: scale(1.2, 1.2);
  transition: 1s all;
  border-radius: 1rem;
}
.sbColumn .Column__list-item:hover .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 100%;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 0 0 1rem 1rem;
}
.sbColumn .Column__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  aspect-ratio: 496/305;
}
.sbColumn .Column__thumbnail img {
  max-height: 100%;
  height: 100%;
  transition: 1s all;
  border-radius: 1rem;
}
.sbColumn .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 25rem;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 1rem 0 1rem 0;
  transition: 0.4s;
}
.sbColumn .Column__mark {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 10rem solid transparent;
  border-top: 10rem solid #F04D4D;
  transform: rotate(-90deg);
  border-radius: 0rem 1rem 0 0;
  z-index: 80;
}
.sbColumn .Column__mark-txt {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  transform: rotate(43deg);
  position: absolute;
  top: -8.7rem;
  left: -5.4rem;
}
.sbColumn .Column__title {
  font-size: 2rem;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}
@media screen and (max-width: 700px) {
  .sbColumn .Column__title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 2rem;
  }
}
.sbColumn .Column__date-set {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.sbColumn .Column__date {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .sbColumn .Column__date {
    font-size: 2rem;
  }
}
.sbColumn .Column__category {
  margin-left: 2.2rem;
  font-size: 1.2rem;
  display: flex;
  color: #fff;
  gap: 1rem;
}
@media screen and (max-width: 700px) {
  .sbColumn .Column__category {
    font-size: 1.1rem;
  }
}
.sbColumn .Column__category span {
  padding: 1rem 2rem;
}
.sbColumn .more {
  display: block;
  width: 30rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #000;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  transition: all ease 0.3s;
  background-color: #fff;
  margin-top: 10rem;
}
@media screen and (max-width: 700px) {
  .sbColumn .more {
    margin-top: 4.5rem;
  }
}
.sbColumn .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.sbColumn .more svg path {
  transition: all ease 0.3s;
}
.sbColumn .more svg circle {
  transition: all ease 0.3s;
}
.sbColumn .more:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.sbColumn .more:hover svg path {
  stroke: #fff;
}
.sbColumn .more:hover svg circle {
  stroke: #fff;
}
.sbColumn .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}

.sbShopList {
  padding-bottom: 0;
  margin-bottom: 10rem;
  transition: all ease 0.3s;
  overflow-x: unset;
}
.sbShopList a {
  text-decoration: none;
}
.sbShopList .wrap {
  padding: 10rem 0;
  padding-bottom: 5rem;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
.sbShopList .wrap figure {
  position: absolute;
  right: 0;
  top: -39%;
  width: 720px;
  width: 73rem;
}
.sbShopList:hover {
  background-color: #8fc31f;
}
.sbShopList:hover .sbh {
  color: #fff;
}
.sbShopList:hover .sbh b {
  color: #fff;
  transition: all ease 0.3s;
}
.sbShopList:hover .sbh b svg circle {
  fill: #fff;
  transition: all ease 0.3s;
}
.sbShopList:hover .sbh b svg path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.sbShopList .sbh {
  transition: all ease 0.3s;
}
.sbShopList .sbh p {
  background-color: transparent;
  color: #000;
  border-bottom: 0;
  text-decoration: none;
  padding: 0;
}
.sbShopList .sbh p b {
  transition: all ease 0.3s;
  text-decoration: none;
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  font-weight: 500;
  font-size: 2rem;
  /*
  &:after{
  	content:'';
  	display: block;
  	width:1.8rem;
  	height:1.8rem;
  	background-image: url(../img/top/shoplist/dot_right_bl.svg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	background-position: center;
  	margin-left:2rem;
  }*/
}
.sbShopList .sbh p b svg {
  width: 2rem;
  margin-left: 2rem;
}
.sbShopList .sbh p b svg circle {
  fill: #000;
  transition: all ease 0.3s;
}
.sbShopList .sbh p b svg path {
  stroke: #000;
  transition: all ease 0.3s;
}

@media screen and (max-width: 1024px) {
  .sbShopList .wrap figure {
    top: -38%;
    width: 66%;
  }
}
@media screen and (max-width: 700px) {
  .sbShopList .wrap figure {
    top: -8rem;
    width: 75%;
    left: 0;
    margin: auto;
  }
  .sbShopList {
    background-color: #8fc31f;
    margin-bottom: 10rem;
  }
  .sbShopList .sbh {
    margin-bottom: 4rem;
    color: #fff;
  }
  .sbShopList .wrap {
    padding-top: 19rem;
  }
  .sbShopList.sb .sbh h2 {
    text-align: center;
  }
  .sbShopList .sbh p {
    text-align: center;
  }
  .sbShopList .sbh p b {
    padding: 2rem 0;
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 1000px;
    justify-content: center;
    font-size: inherit;
  }
  .sbShopList .sbh p b span.rwd_show {
    display: block;
    color: #8fc31f;
  }
  .sbShopList .sbh p b svg.rwd_show {
    position: absolute;
    top: calc(50% - 1.5rem);
    right: 2rem;
    width: 3rem;
  }
  .sbShopList .sbh p b svg.rwd_show path {
    stroke: #fff;
  }
  .sbShopList .sbh p b svg.rwd_show circle {
    stroke: #8fc31f;
    fill: #8fc31f;
  }
  .sbShopList.sb .sbh p {
    width: auto;
    display: block;
  }
}
.sbTvCm {
  overflow: hidden;
}
.sbTvCm .sbh {
  text-align: center;
}
.sbTvCm .tvcm_list {
  display: flex;
  margin-right: -3rem;
  margin-bottom: 7rem;
}
.sbTvCm .tvcm_list > * {
  padding-right: 3rem;
  box-sizing: border-box;
  flex: 1;
}
.sbTvCm .tvcm_list > * a {
  position: relative;
  display: block;
}
.sbTvCm .tvcm_list > * a:hover svg {
  transform: scale(1.1);
  filter: drop-shadow(0px 0px 4px #fff);
}
.sbTvCm .tvcm_list > * div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sbTvCm .tvcm_list > * div svg {
  transition: all ease 0.3s;
  width: 20%;
  opacity: 0.7;
}
.sbTvCm .tvcm_list > * div svg path {
  stroke: #fff;
}
.sbTvCm .tvcm_list > * div svg circle {
  stroke: #fff;
}
.sbTvCm .more {
  display: block;
  width: 30rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #000;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  /*
  &:after{
  			content:'';
  			display: block;
  			width:2rem;
  			height:2rem;
  			background-image: url(../img/top/news/more.svg);
  			background-size:contain;
  			background-repeat: no-repeat;
  			background-position: center;
  			position: absolute;
  			top:calc(50% - 1rem);
  			right:3rem;
  }*/
  transition: all ease 0.3s;
}
.sbTvCm .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.sbTvCm .more svg path {
  transition: all ease 0.3s;
}
.sbTvCm .more svg circle {
  transition: all ease 0.3s;
}
.sbTvCm .more:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.sbTvCm .more:hover svg path {
  stroke: #fff;
}
.sbTvCm .more:hover svg circle {
  stroke: #fff;
}

@media screen and (max-width: 700px) {
  .sbTvCm .tvcm_list {
    display: block;
  }
  .sbTvCm .tvcm_list > *:first-child {
    margin-bottom: 1.5rem;
  }
  .sbTvCm .more {
    padding: 2rem 0;
    background-color: #8fc31f;
    color: #fff;
    border-color: #8fc31f;
  }
  .sbTvCm .more svg {
    width: 3rem;
    right: 2rem;
    top: calc(50% - 1.5rem);
  }
  .sbTvCm .more svg path {
    stroke: #fff;
  }
  .sbTvCm .more svg circle {
    stroke: #fff;
  }
}
.philosophy {
  background-image: url(../img/top/philosophy/bg.png);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.philosophy .wrapCard {
  position: relative;
  transition: all ease 0.7s;
}
.philosophy .wrapCard:before {
  content: "PHILOSOPHY";
  color: #fff;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14.5rem;
  z-index: 2;
  letter-spacing: 2rem;
  line-height: 0.85;
}
.philosophy:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.18);
}
.philosophy header {
  position: relative;
  z-index: 1;
  width: 35rem;
  margin-left: auto;
  margin-right: 0;
  padding: 15rem 0;
  padding-bottom: 20rem;
}
.philosophy header p {
  color: #fff;
  border: 1px solid #fff;
  margin-bottom: 2rem;
  display: inline-block;
  padding: 1rem;
  font-weight: 500;
}
.philosophy header h2 {
  font-size: 4.5rem;
  color: #fff;
  font-weight: 500;
}
.philosophy .wrapCard {
  transition: all ease 0.3s;
}
.philosophy .wrapButton {
  opacity: 0;
  padding: 0;
  visibility: hidden;
  transition: all ease 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.philosophy .wrapButton a {
  transform: translate3d(0, 1rem, 0);
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 1.5rem 8rem;
  border: 1px solid #fff;
  border-radius: 1000px;
  text-align: center;
  position: relative;
  opacity: 1;
  transition: all ease 0.7s;
}
.philosophy .wrapButton a svg {
  position: absolute;
  right: 2rem;
  top: calc(50% - 1rem);
  width: 2rem;
}
.philosophy .wrapButton a svg path {
  stroke: #fff;
}
.philosophy .wrapButton a svg circle {
  stroke: #fff;
}
.philosophy .wrapButton a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.philosophy:hover .wrapCard {
  opacity: 0;
}
.philosophy:hover .wrapButton {
  visibility: visible;
  opacity: 1;
}
.philosophy:hover .wrapButton a {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.philosophy .sp_philosophy_button {
  padding: 2rem;
  color: #fff;
  position: relative;
  background-color: rgba(0, 0, 0, 0.18);
  border: 1px solid #fff;
  border-radius: 1000px;
  display: block;
  text-decoration: none;
  text-align: center;
  width: 20rem;
  display: none;
  font-weight: 500;
}
.philosophy .sp_philosophy_button svg {
  width: 3rem;
  top: calc(50% - 1.5rem);
  right: 2rem;
  position: absolute;
}
.philosophy .sp_philosophy_button svg circle {
  fill: #fff;
  stroke: transparent;
}
.philosophy .sp_philosophy_button svg path {
  stroke: #000;
}

@media screen and (max-width: 700px) {
  .philosophy .sp_philosophy_button {
    display: block;
  }
  .philosophy .wrapCard:before {
    font-size: 6.3rem;
    letter-spacing: 1.5rem;
    bottom: auto;
    top: 0;
    line-height: 0.49;
  }
  .philosophy {
    background-image: url(../img/top/philosophy/sp/bg.png);
  }
  .philosophy header {
    margin-left: 2rem;
    margin-right: auto;
    padding: 14rem 0;
    padding-bottom: 9rem;
  }
  .philosophy header p {
    font-size: 2rem;
    padding: 0.5rem 1.5rem;
  }
  .philosophy .wrapButton {
    display: none;
  }
  .philosophy:hover .wrapCard {
    opacity: 1;
  }
  .philosophy header h2 {
    margin-bottom: 5rem;
    font-size: 4rem;
  }
}
.sbPPhilosophy {
  overflow: hidden;
  background-color: #fff;
}
.sbPPhilosophy .sbPh {
  padding-bottom: 23rem;
  position: relative;
}
.sbPPhilosophy .sbPh h2 {
  font-size: 4rem;
}
.sbPPhilosophy .sbPh .design_font {
  font-size: 14rem;
  color: #ECEFF1;
  position: absolute;
  bottom: 0;
  left: -3rem;
  width: 100%;
  text-align: center;
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: 2rem;
}
.sbPPhilosophy .sbPPhilosophy_figure {
  transition: all ease 1s;
  max-height: 640px;
  overflow: hidden;
}
.sbPPhilosophy .sbPPhilosophy_figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sbPPhilosophy .sbPPhilosophy_block {
  padding: 12rem 0;
  padding-top: 14rem;
}
.sbPPhilosophy .sbPPhilosophy_block header {
  margin-bottom: 3rem;
}
.sbPPhilosophy .sbPPhilosophy_block header h3 {
  font-size: 2.4rem;
  padding-bottom: 2rem;
  position: relative;
  margin-bottom: 7rem;
}
.sbPPhilosophy .sbPPhilosophy_block header h3:after {
  content: "";
  display: block;
  width: 7rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sbPPhilosophy .sbPPhilosophy_block header p {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.5;
}
.sbPPhilosophy .sbPPhilosophy_block .sbPPhilosophy_block_content {
  padding-bottom: 7rem;
}
.sbPPhilosophy .sbPPhilosophy_block .sbPPhilosophy_block_content p {
  line-height: 2;
  margin-bottom: 3rem;
  font-weight: 500;
}
.sbPPhilosophy .sbPPhilosophy_block .sbPPhilosophy_block_content p:last-child {
  margin-bottom: 0;
}
.sbPPhilosophy .sbPPhilosophy_block_flex {
  display: flex;
  align-items: flex-start;
}
.sbPPhilosophy .sbPPhilosophy_inWrap {
  padding: 0 4rem;
}
.sbPPhilosophy .sbPPhilosophy_block_bg {
  padding-top: 15rem;
  background-color: #8fc31f;
  color: #fff;
}
.sbPPhilosophy .sbPPhilosophy_blockMission {
  padding: 0;
  margin-bottom: 0;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bgFigure {
  top: -1px;
  position: relative;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bgFigure figure {
  position: relative;
  z-index: 2;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bgFigure:after {
  content: "";
  width: 100%;
  height: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #8fc31f;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg {
  padding-top: 15rem;
  background-color: #8fc31f;
  color: #fff;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg .wrap {
  position: relative;
}
.sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg .wrap .design_font {
  font-weight: 500;
  position: absolute;
  color: rgba(255, 255, 255, 0.2);
  left: 30rem;
  top: -7rem;
  font-size: 9.5rem;
  letter-spacing: 1.5rem;
}
.sbPPhilosophy .sbPPhilosophy_blockEywear header h3:after {
  background-color: #c7c7c7;
}
.sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex {
  justify-content: space-between;
}
.sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex figure {
  width: 42rem;
  padding-bottom: 7rem;
  position: relative;
}
.sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex figure .design_font {
  color: #eceff1;
  position: absolute;
  left: 0;
  bottom: -5rem;
  font-weight: 500;
  font-size: 10rem;
  letter-spacing: 1.5rem;
  line-height: 1;
}
.sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex > div {
  padding-top: 1rem;
}
.sbPPhilosophy .sbPPhilosophy_blockHA {
  position: relative;
  padding-top: 15rem;
  background-color: #8fc31f;
  color: #fff;
}
.sbPPhilosophy .sbPPhilosophy_blockHA .wrap {
  max-width: none;
  margin-left: 0;
  padding-left: 0;
}
.sbPPhilosophy .sbPPhilosophy_blockHA .wrap .sbPPhilosophy_block_flex {
  flex-direction: row-reverse;
  align-items: center;
}
.sbPPhilosophy .sbPPhilosophy_blockHA figure {
  padding-bottom: 11rem;
  max-height: 840px;
  flex: 1;
  overflow: hidden;
}
.sbPPhilosophy .sbPPhilosophy_blockHA figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sbPPhilosophy .sbPPhilosophy_blockHA .design_font {
  color: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 13rem;
  bottom: 12rem;
  font-weight: 500;
  font-size: 8rem;
  letter-spacing: 1.5rem;
  line-height: 1;
}
.sbPPhilosophy .sbPPhilosophy_blockHA .sbPPhilosophy_blockHA_in {
  padding-left: 11rem;
  flex: 1;
  box-sizing: border-box;
}
.sbPPhilosophy .sbPPhilosophy_blockHA svg {
  display: inline-block;
  width: 5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison {
  padding: 15rem 0;
  position: relative;
  text-align: center;
  clip-path: inset(0);
  color: #fff;
}
.sbPPhilosophy .sbPPhilosophy_blockVison header {
  margin-bottom: 5rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison header h3 {
  padding-bottom: 0;
  margin-bottom: 2rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison header h3:after {
  display: none;
}
.sbPPhilosophy .sbPPhilosophy_blockVison header .ja {
  font-size: 5.4rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison header .en {
  font-size: 3.2rem;
  letter-spacing: 0.5rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison .sbPPhilosophy_block_content p {
  font-size: 2.4rem;
  line-height: 2;
}
.sbPPhilosophy .sbPPhilosophy_blockVison .sbPPhilosophy_block_content > p:nth-child(1) {
  font-size: 1.6rem;
}
.sbPPhilosophy .sbPPhilosophy_blockVison .wrap {
  position: relative;
  z-index: 2;
}
.sbPPhilosophy .sbPPhilosophy_blockVison:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}
.sbPPhilosophy .sbPPhilosophy_blockVison:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/thought/sbPPhilosophy_blockVison_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  z-index: -1;
}

.blur {
  filter: blur(10rem) brightness(1330%);
  opacity: 0;
  transition: all ease 1.3s;
  transform: scale(1.5);
  border-radius: 100%;
}

.blur.active {
  border-radius: 0;
  opacity: 1;
  transform: scale(1);
  filter: blur(0) brightness(1);
}

.clip {
  clip-path: inset(0 100% 0 0);
  transition: all 1s ease-out;
}
.clip.active {
  clip-path: inset(0);
}

.big_to {
  transform: scale(1.1);
  transition: all 1s ease-out;
}
.big_to.active {
  transform: scale(1);
}

.showvis {
  overflow: hidden;
  white-space: nowrap;
}
.showvis span {
  opacity: 0;
  transition: all ease 0.7s;
  transform: translate3d(0, -15rem, 0);
  position: relative;
  display: inline-block;
}
.showvis span.emp {
  display: block;
}
.showvis.active span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 700px) {
  .showvis span.emp {
    width: 1rem;
    display: inline-block;
  }
}
.sbPPhilosophy_loading {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.4rem;
  font-weight: 500;
  transition: all ease 1s;
  text-align: center;
}
.sbPPhilosophy_loading .showvis {
  text-align: center;
}
.sbPPhilosophy_loading .showvis span {
  opacity: 0;
  transition: all ease 0.3s;
  transform: translate3d(0, -1rem, 0);
  display: inline-block;
}
.sbPPhilosophy_loading.loaded {
  transition-delay: 1.5s;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
}
.sbPPhilosophy_loading.loaded .showvis span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 1024px) {
  .sbPPhilosophy .sbPh:after {
    font-size: 15rem;
  }
  .sbPPhilosophy .sbPPhilosophy_inWrap {
    padding: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA figure:after {
    left: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .sbPPhilosophy .sbPh {
    padding: 0;
  }
  .sbP .sbPh h2 {
    font-size: 3rem;
  }
  .sbPPhilosophy .sbPh .design_font {
    font-size: 6rem;
    letter-spacing: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .sbPPhilosophy .sbPh {
    padding-bottom: 9rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg {
    padding: 7rem 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg .wrap:before {
    letter-spacing: 0.7rem;
    font-size: 5rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg .wrap:before {
    left: 24rem;
    top: -2rem;
  }
  .sbPPhilosophy .sbPPhilosophy_block header p {
    font-size: 2.6rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg {
    padding-bottom: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex {
    display: block;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex figure {
    width: auto;
  }
  .sbPPhilosophy .sbPPhilosophy_blockMission .sbPPhilosophy_block_bg .wrap .design_font {
    letter-spacing: 0.7rem;
    font-size: 5rem;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    left: 10rem;
    top: -1rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex figure {
    padding-bottom: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear {
    padding-bottom: 9rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear {
    padding-top: 9rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA {
    padding-top: 9rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA .sbPPhilosophy_blockHA_in {
    width: auto;
    margin-left: 0;
    padding: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA figure {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA figure {
    padding-bottom: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA figure:after {
    letter-spacing: 0.7rem;
    font-size: 5rem;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    bottom: -2.5rem;
    left: 0;
  }
  .sbPPhilosophy .sbPPhilosophy_blockEywear .sbPPhilosophy_block_flex figure .design_font {
    color: #eceff1;
    position: absolute;
    left: 0;
    bottom: -2rem;
    font-weight: 500;
    font-size: 5rem;
    letter-spacing: 1rem;
    line-height: 1;
    text-align: center;
    width: 100%;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison header .ja {
    font-size: 4.5rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison header .en {
    font-size: 2.5rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison .sbPPhilosophy_block_content > p:nth-child(1) {
    font-size: 2rem;
    margin-bottom: 5rem;
  }
  .sbPPhilosophy .sbPPhilosophy_block .sbPPhilosophy_block_content p {
    font-size: 1.7rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA .wrap .sbPPhilosophy_block_flex {
    display: block;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA .wrap {
    padding: 0 30px;
    margin: 0 auto;
  }
  .sbPPhilosophy .sbPPhilosophy_blockHA .design_font {
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 0;
    bottom: 10rem;
    font-weight: 500;
    font-size: 5rem;
    letter-spacing: 1rem;
    line-height: 1;
    text-align: center;
    width: 100%;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison:after {
    background-image: url(../img/thought/sp/sbPPhilosophy_blockVison_bg.png);
  }
  .sbPPhilosophy .sbPPhilosophy_block header h3:after {
    width: 3rem;
  }
  .sbPPhilosophy .sbPPhilosophy_blockVison .sbPPhilosophy_block_content p:last-child {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 700px) {
  .sbPPhilosophy_loading {
    font-size: 4.5rem;
  }
}
.sbPGuide .sbPh {
  margin-bottom: 7rem;
}
.sbPGuide .sbPGuide_figure {
  margin-bottom: 10rem;
}
.sbPGuide .sbPGuide_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
  padding-bottom: 7rem;
}
.sbPGuide .sbPGuide_list > div {
  flex: 0 1 33.3333333333%;
  padding-right: 3rem;
  padding-bottom: 7rem;
  box-sizing: border-box;
}
.sbPGuide .sbPGuide_list > div a {
  display: block;
  text-decoration: none;
  position: relative;
}
.sbPGuide .sbPGuide_list > div a figure {
  position: relative;
  overflow: hidden;
}
.sbPGuide .sbPGuide_list > div a figure img {
  transition: all ease 0.3s;
}
.sbPGuide .sbPGuide_list > div a figure figcaption {
  transition: all ease 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 3.3rem;
  font-weight: 500;
  top: 0;
  text-align: center;
  left: 0;
  line-height: 1.3;
  margin-top: -2rem;
}
.sbPGuide .sbPGuide_list > div a h3 {
  font-weight: 500;
  position: absolute;
  font-size: 1.8rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
}
.sbPGuide .sbPGuide_list > div a h3 span:first-child {
  display: block;
  background-color: #fff;
  padding: 0.5em 0;
  flex: 1;
}
.sbPGuide .sbPGuide_list > div a h3 span:last-child {
  flex: 0 1 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sbPGuide .sbPGuide_list > div a h3 span:last-child svg {
  transition: all ease 0.3s;
  width: 1.7rem;
  position: relative;
  z-index: 2;
}
.sbPGuide .sbPGuide_list > div a h3 span:last-child svg path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.sbPGuide .sbPGuide_list > div a h3 span:last-child svg circle {
  fill: #fff;
  transition: all ease 0.3s;
}
.sbPGuide .sbPGuide_list > div a h3 span:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 1;
  transform: scaleX(0);
  transition: all ease 0.3s;
  transform-origin: left;
}
.sbPGuide .sbPGuide_list > div a:hover figure img {
  opacity: 0.8;
  transform: scale(1.1);
}
.sbPGuide .sbPGuide_list > div a:hover figure figcaption {
  opacity: 0;
}
.sbPGuide .sbPGuide_list > div a:hover h3 span:last-child:before {
  transform: scaleX(1);
}
.sbPGuide .sbPGuide_list > div a:hover h3 span:last-child svg {
  transform: translate3d(0.5rem, 0, 0);
}
.sbPGuide .sbPGuide_list > div a:hover h3 span:last-child svg path {
  stroke: #000;
}
.sbPGuide .sbPGuide_list > div a:hover h3 span:last-child svg circle {
  fill: #000;
}

@media screen and (max-width: 700px) {
  .sbPGuide .sbPGuide_list {
    display: block;
  }
  .sbPGuide .sbPGuide_list > div a h3 {
    font-size: 2.3rem;
  }
  .sbPGuide .sbPGuide_list > div a figure figcaption {
    font-size: 4.5rem;
  }
}
.sbPFLens_change {
  overflow: hidden;
}
.sbPFLens_change .sbPFh {
  color: #fff;
}
.sbPFLens_change .sbPFh .sbPFh_in {
  right: 0;
  bottom: 5rem;
}
.sbPFLens_change .basic_charge {
  background-color: #eceff1;
  padding: 8rem 0;
  padding-bottom: 12rem;
  text-align: center;
}
.sbPFLens_change .basic_charge > div {
  background-color: #eceff1;
}
.sbPFLens_change .basic_charge h3 {
  margin-bottom: 7rem;
}
.sbPFLens_change .basic_charge .basic_charge_image {
  width: 80rem;
  margin: 0 auto;
  margin-bottom: 5rem;
}
.sbPFLens_change .basic_charge .basic_charge_image img {
  mix-blend-mode: darken;
}
.sbPFLens_change .basic_charge ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -4rem;
  display: flex;
  margin-bottom: 7rem;
}
.sbPFLens_change .basic_charge ul li {
  flex: 1;
  padding-right: 4rem;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.2rem;
}
.sbPFLens_change .basic_charge ul li > div {
  padding: 2.5rem 0;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sbPFLens_change .basic_charge ul li > div b {
  margin-left: 5rem;
  font-size: 2.8rem;
  font-weight: 500;
  transform: translate3d(0, -0.5rem, 0);
}
.sbPFLens_change .basic_charge ul li > div b > small {
  font-size: 2rem;
}
.sbPFLens_change .basic_charge ul li > div b > small > small {
  font-size: 1.3rem;
}
.sbPFLens_change .basic_charge ul li:first-child div {
  background-color: #8fc31f;
}
.sbPFLens_change .basic_charge ul li:last-child div {
  background-color: #1f91c3;
}
.sbPFLens_change .basic_charge .wrap > div {
  margin-bottom: 3rem;
}
.sbPFLens_change .basic_charge .wrap > div p {
  font-weight: 500;
  line-height: 2;
  font-size: 1.6rem;
}
.sbPFLens_change .basic_charge .wrap > p small {
  font-size: 1.2rem;
  font-weight: 500;
}
.sbPFLens_change .lenses_kinds {
  text-align: center;
  padding-top: 10rem;
}
.sbPFLens_change .lenses_kinds h3 {
  font-size: 2.8rem;
  margin-bottom: 7rem;
}
.sbPFLens_change .lenses_kinds .wrap > p {
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 5rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: -2rem;
  justify-content: center;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li {
  padding-right: 2rem;
  box-sizing: border-box;
  width: 42rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li button {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: #eceff1;
  padding: 3.6rem 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  font-size: 2rem;
  cursor: pointer;
  color: #707070;
  transition: all ease 0.3s;
  position: relative;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li button svg {
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  right: 4rem;
  top: 4.2rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li button svg path {
  stroke: #707070;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li button svg circle {
  fill: #707070;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(1) .current {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(1) .current svg path {
  stroke: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(1) .current svg circle {
  fill: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(2) .current {
  background-color: #1f91c3;
  color: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(2) .current svg path {
  stroke: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses nav ul li:nth-child(2) .current svg circle {
  fill: #fff;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs {
  position: relative;
  margin-top: -1px;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom {
  position: absolute;
  bottom: 10rem;
  width: 100%;
  left: 0;
  right: 0;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p {
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  margin: 0;
  position: relative;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p:before {
  content: "";
  display: block;
  width: 18rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p:after {
  content: "";
  display: block;
  width: 18rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc {
  background-color: #8fc31f;
  padding: 10rem 0;
  color: #fff;
  padding-bottom: 20rem;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all ease 0.3s;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc h4 {
  font-size: 2.4rem;
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc h4:after {
  content: "";
  display: block;
  width: 20rem;
  height: 1rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc > p {
  margin-bottom: 7rem;
  font-size: 1.6rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc1 .diff_lenses_graph > *:nth-child(5):before {
  display: none;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc1 .diff_lenses_graph > *:nth-child(6):before {
  display: none;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc2 {
  background-color: #1f91c3;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc2 .diff_lenses_graph > * h5 {
  color: #1f91c3;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc2 .diff_lenses_graph > * ul {
  color: #1f91c3;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc2 .diff_lenses_graph > * ul li b {
  background-color: #1f91c3;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph {
  color: #000;
  display: flex;
  background-color: #fff;
  padding: 0rem;
  flex-wrap: wrap;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * {
  flex: 0 1 50%;
  position: relative;
  text-align: center;
  padding: 6rem;
  text-align: left;
  box-sizing: border-box;
  padding-bottom: 26rem;
  position: relative;
  font-weight: 500;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * figure {
  position: absolute;
  bottom: 7rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 28rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * h5 {
  color: #8fc31f;
  margin: 0;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * h5 small {
  color: #f04d4d;
  font-size: 1.4rem;
  display: block;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * h5 span {
  font-size: 1.4rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * ul {
  color: #8fc31f;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * ul li {
  display: flex;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  align-items: flex-start;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * ul b {
  font-weight: 500;
  color: #fff;
  background-color: #8fc31f;
  padding: 0 1rem;
  text-align: center;
  width: 8.5rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * ul span {
  color: #000;
  flex: 1;
  box-sizing: border-box;
  padding-left: 1rem;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > *:before {
  content: "";
  display: block;
  width: calc(100% - 12rem);
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > *:nth-child(2n+1):after {
  content: "";
  display: block;
  height: 70%;
  width: 1px;
  background-color: #c7c7c7;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.current {
  opacity: 1;
  visibility: visible;
  display: block;
}

@media screen and (max-width: 700px) {
  .sbPFLens_change .basic_charge .basic_charge_image {
    width: auto;
  }
  .sbPFLens_change .basic_charge ul li > div {
    display: block;
  }
  .sbPFLens_change .basic_charge ul li > div b {
    font-size: 2rem;
    margin-left: auto;
    display: block;
    margin-top: 1rem;
  }
  .sbPFLens_change .basic_charge ul li > div b > small > small {
    font-size: 1.5rem;
  }
  .sbPFLens_change .basic_charge .wrap > div p {
    text-align: left;
    font-size: 2.2rem;
    line-height: 1.7;
  }
  .sbPFLens_change .basic_charge .wrap > p {
    text-align: left;
  }
  .sbPFLens_change .basic_charge .wrap > p small {
    font-size: 1.7rem;
  }
  .sbPFLens_change .basic_charge ul {
    margin-right: -1.5rem;
  }
  .sbPFLens_change .basic_charge ul li {
    padding-right: 1.5rem;
  }
  .sbPFLens_change .basic_charge {
    padding-bottom: 9rem;
  }
  .sbPFLens_change .lenses_kinds {
    padding-top: 9rem;
  }
  .sbPFLens_change .lenses_kinds .wrap > p {
    font-size: 2.1rem;
    line-height: 1.7;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc {
    padding: 7rem 0;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses nav ul li button {
    padding-left: 3.6rem;
    text-align: left;
  }
  .diff_lenses nav {
    padding: 0 30px;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses nav ul li button svg {
    right: 2rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph {
    display: block;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc1 .diff_lenses_graph > *:nth-child(5):before {
    display: block;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc1 .diff_lenses_graph > *:before {
    width: calc(100% - 8rem);
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.diff_lenses_desc1 .diff_lenses_graph > *:after {
    display: none;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * {
    padding: 4rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * figure {
    position: unset;
    width: auto;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc .diff_lenses_graph > * h5 {
    margin-bottom: 1.5rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_desc.current {
    padding-bottom: 17rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom {
    bottom: 6rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p {
    font-size: 2.2rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p:before {
    width: 6rem;
  }
  .sbPFLens_change .lenses_kinds .diff_lenses .diff_lenses_descs .diff_lenses_descs_bottom .wrap p:after {
    width: 6rem;
  }
}
.guide_bottom {
  overflow: hidden;
  padding: 14rem 0;
  padding-bottom: 10rem;
}
.guide_bottom ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-right: -4rem;
}
.guide_bottom ul li {
  margin-bottom: 4rem;
  flex: 0 1 50%;
  padding-right: 4rem;
  box-sizing: border-box;
}
.guide_bottom ul li a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #707070;
  display: flex;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.guide_bottom ul li a figure {
  flex: 0 1 15rem;
  background-color: #fff;
}
.guide_bottom ul li a > div {
  position: relative;
  flex: 1;
  padding-left: 4rem;
}
.guide_bottom ul li a > div .more {
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
  font-size: 1.2rem;
  padding: 1rem 0;
  padding-left: 4rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
  align-items: center;
}
.guide_bottom ul li a > div .more:before {
  transition: all ease 0.3s;
  content: "";
  display: block;
  width: calc(100% - 4rem - 1rem);
  height: 1px;
  background-color: #eceff1;
  position: absolute;
  top: 0;
  left: 4rem;
}
.guide_bottom ul li a > div .more .dot_right {
  transition: all ease 0.3s;
  display: block;
  background-color: #8fc31f;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide_bottom ul li a > div .more .dot_right svg {
  width: 2rem;
}
.guide_bottom ul li a > div .more .dot_right svg path {
  stroke: #fff;
}
.guide_bottom ul li a > div .more .dot_right svg circle {
  fill: #fff;
}
.guide_bottom ul li a > div .title {
  padding-top: 3.4rem;
  font-size: 2rem;
}
.guide_bottom ul li a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.guide_bottom ul li a:hover > div .more:before {
  border-color: #fff;
}
.guide_bottom ul li a:hover > div .more .dot_right {
  background-color: #fff;
}
.guide_bottom ul li a:hover > div .more .dot_right svg path {
  stroke: #8fc31f;
}
.guide_bottom ul li a:hover > div .more .dot_right svg circle {
  fill: #8fc31f;
}

@media screen and (max-width: 700px) {
  .guide_bottom {
    padding: 7rem 0;
  }
  .guide_bottom ul {
    display: block;
  }
  .guide_bottom ul li {
    margin-bottom: 2.5rem;
  }
  .guide_bottom ul li:last-child {
    margin-bottom: 0;
  }
  .guide_bottom ul li a > div .title {
    padding-top: 3.5rem;
  }
  .guide_bottom ul li.line2 a > div .title {
    padding-top: 2rem;
  }
  .guide_bottom ul li a > div .more {
    font-size: 1.4rem;
  }
}
.sbPFLutina .sbPFh {
  color: #fff;
}

.lutina_top {
  padding: 8.5rem 0;
}
.lutina_top .bdb {
  margin-bottom: 7rem;
}
.lutina_top .lutina_points_wrap {
  width: 82rem;
  margin: 0 auto;
}
.lutina_top .lutina_points {
  display: flex;
  margin-right: -5rem;
  margin-bottom: 5rem;
}
.lutina_top .lutina_points > * {
  padding-right: 5rem;
  flex: 1;
  box-sizing: border-box;
}
.lutina_top .wrap > p {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.lutina_top .wrap > div p {
  text-align: center;
  font-size: 1.2rem;
}

.lutina_price {
  background-color: #eceff1;
  padding: 8rem 0;
  text-align: center;
}
.lutina_price h3 {
  margin-bottom: 4rem;
  font-size: 2.4rem;
}
.lutina_price ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: -4rem;
}
.lutina_price ul li {
  flex: 1;
  padding-right: 4rem;
  box-sizing: border-box;
}
.lutina_price ul li > div {
  background-color: #fff;
  padding: 2rem 0;
  border-radius: 0.3rem;
}
.lutina_price ul li > div h4 {
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 0rem;
}
.lutina_price ul li > div h4 small {
  font-size: 1.2rem;
}
.lutina_price ul li > div p {
  font-weight: 500;
  color: #8fc31f;
  font-size: 2.8rem;
  letter-spacing: 0.2rem;
}
.lutina_price ul li > div p > small {
  font-size: 2rem;
}
.lutina_price ul li > div p > small > small {
  font-size: 1.2rem;
}

.lutina_movie {
  padding: 12rem;
}
.lutina_movie a {
  position: relative;
  display: block;
}
.lutina_movie a svg {
  position: absolute;
  width: 9rem;
  height: 9rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all ease 0.3s;
}
.lutina_movie a figure {
  transition: all ease 0.3s;
}
.lutina_movie a:hover svg {
  transform: scale(1.1);
}
.lutina_movie a:hover figure {
  opacity: 0.7;
}

.lutina_func {
  padding: 12rem 0;
  background-color: #eceff1;
  text-align: center;
  padding-bottom: 19rem;
}
.lutina_func .lutina_funcsWrap {
  padding: 0 7rem;
}
.lutina_func h3 {
  margin-bottom: 7rem;
  font-size: 2.4rem;
}
.lutina_func .lutina_funcs {
  margin-bottom: 7rem;
  display: flex;
}
.lutina_func .lutina_funcs > * {
  flex: 1;
  box-sizing: border-box;
  background-color: #eceff1;
}
.lutina_func .lutina_funcs > * figure {
  width: 30rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
.lutina_func .lutina_funcs > * figure img {
  mix-blend-mode: darken;
}
.lutina_func .lutina_funcs > * > p {
  margin-bottom: 2rem;
}
.lutina_func .lutina_funcs > * > div h4 {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  background-color: #707070;
  padding: 0.3rem 0;
  position: relative;
  margin-bottom: 0.8rem;
}
.lutina_func .lutina_funcs > * > div svg {
  width: 8rem;
  margin: 0 auto;
}
.lutina_func .lutina_funcs > * > div svg polygon {
  fill: #707070;
}
.lutina_func .lutina_funcs > * > div p {
  font-size: 1.6rem;
}
.lutina_func .lutina_funcs > *:first-child {
  padding-right: 7rem;
  position: relative;
  border-right: 1px solid #c7c7c7;
}
.lutina_func .lutina_funcs > *:last-child {
  padding-left: 7rem;
}
.lutina_func .lutina_funcs > *:last-child > div h4 {
  background-color: #8fc31f;
}
.lutina_func .lutina_funcs > *:last-child > div svg polygon {
  fill: #8fc31f;
}
.lutina_func .lutina_funcs > *:last-child > div p {
  color: #8fc31f;
  font-weight: 500;
}
.lutina_func .lutina_func_bottom {
  background-color: #fff;
  display: flex;
  padding: 5rem;
}
.lutina_func .lutina_func_bottom > figure {
  flex: 1;
}
.lutina_func .lutina_func_bottom > div {
  flex: 1;
  box-sizing: border-box;
  padding-left: 5rem;
}
.lutina_func .lutina_func_bottom > div .vege {
  display: flex;
}
.lutina_func .lutina_func_bottom > div .vege > * {
  flex: 1;
}
.lutina_func .lutina_func_bottom > div h4 {
  font-weight: 500;
  font-size: 2rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.lutina_func .lutina_func_bottom > div h4 b {
  font-weight: 500;
  color: #8fc31f;
}
.lutina_func .lutina_func_bottom > div p {
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.lutina_func .lutina_func_bottom > div figure img {
  width: 90%;
  margin: 0 auto;
}
.lutina_func .lutina_func_bottom > div figcaption {
  font-size: 1.4rem;
}

@media screen and (max-width: 700px) {
  .lutina_top .lutina_points_wrap {
    width: 90%;
  }
  .lutina_func .lutina_funcs {
    display: block;
  }
  .lutina_func .lutina_func_bottom {
    display: block;
    padding: 5rem 4rem;
  }
  .lutina_price ul {
    display: block;
  }
  .lutina_top {
    padding: 7rem 0;
  }
  .lutina_top .lutina_points {
    margin-right: -3rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .lutina_top .lutina_points > * {
    flex: 0 1 50%;
    padding-right: 3rem;
  }
  .lutina_top .lutina_points > *:first-child {
    flex: 0 1 calc(100% - 3rem);
    text-align: center;
  }
  .lutina_top .lutina_points > *:first-child img {
    width: 50%;
    margin: 0 auto;
  }
  .lutina_top .bdb {
    margin-bottom: 5rem;
  }
  .lutina_top .wrap > p {
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
  }
  .lutina_price {
    padding: 7rem 0;
  }
  .lutina_price ul li {
    margin-bottom: 2rem;
  }
  .lutina_price ul li:last-child {
    margin-bottom: 0;
  }
  .lutina_movie {
    padding: 7rem 0;
  }
  .lutina_movie a svg {
    width: 5rem;
    height: 5rem;
  }
  .lutina_func {
    padding: 7rem 0;
  }
  .lutina_func .lutina_funcs > *:first-child {
    padding-right: 0;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 6rem;
    padding: 0 4rem 6rem;
  }
  .lutina_func .lutina_funcs > *:last-child {
    padding-left: 0;
  }
  .lutina_func h3 {
    margin-bottom: 5rem;
  }
  .lutina_func .lutina_funcsWrap {
    padding: 0;
  }
  .lutina_func .lutina_funcs > * > p {
    font-size: 1.8rem;
  }
  .lutina_func .lutina_funcs > * > div p {
    font-size: 1.9rem;
  }
  .lutina_func .lutina_funcs > * > div svg {
    margin-bottom: 2rem;
  }
  .lutina_func .lutina_funcs > * figure {
    width: 26rem;
  }
  .lutina_func .lutina_funcs > *:last-child {
    padding: 0 4rem;
  }
  .lutina_func .lutina_funcs > *:last-child > div p {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .lutina_func .lutina_func_bottom > div {
    padding-left: 0;
  }
  .lutina_func .lutina_func_bottom > figure {
    margin-bottom: 3rem;
  }
  .lutina_func .lutina_func_bottom > div h4 {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .lutina_func .lutina_func_bottom > div p {
    font-size: 1.9rem;
  }
  .lutina_func .lutina_func_bottom > div .vege {
    flex-wrap: wrap;
  }
  .lutina_func .lutina_func_bottom > div .vege > * {
    flex: 0 1 50%;
  }
  .lutina_func .lutina_func_bottom > div figcaption {
    font-size: 1.8rem;
  }
}
.lutina_bnr {
  margin-bottom: 100px;
}

@media screen and (max-width: 700px) {
  .lutina_bnr {
    margin-bottom: 12.86vw;
  }
}
.lutina_dr * {
  box-sizing: border-box;
}
.lutina_dr .sp {
  display: none;
}
.lutina_dr .pc {
  display: block;
}
.lutina_dr .wrap {
  max-width: 1140px;
}

.lutina_dr_box {
  margin-top: 22px;
}
.lutina_dr_box:first-child {
  margin-top: 0;
}

.lutina_dr_ttl {
  padding: 100px 0 70px;
}

.lutina_dr_ttl01 {
  width: 400px;
  padding: 10px 19px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #FFF;
  display: block;
  border-radius: 0 25px 25px 0;
  background: #8FC31F;
}

.lutina_dr_ttl02 {
  margin-top: 30px;
  padding-left: 70px;
  display: block;
  position: relative;
}
.lutina_dr_ttl02::after {
  content: "";
  width: 60px;
  height: 1px;
  display: block;
  background: #8FC31F;
  position: absolute;
  top: 50%;
  left: 0;
}

.lutina_dr_flex {
  display: flex;
  justify-content: space-between;
}

.lutina_dr_profile {
  width: 20.37%;
  padding: 60px 60px 60px 0;
  position: relative;
}
.lutina_dr_profile::after {
  content: "";
  width: 100vw;
  height: 100%;
  display: block;
  background: #F6F7F8;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.lutina_dr_profile_text {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0;
}
.lutina_dr_profile_text span {
  margin-top: 20px;
  font-size: 20px;
  display: block;
}

.lutina_dr_profile_text02 {
  margin-top: 20px;
  font-size: 16px;
}

.lutina_dr_contents {
  width: 74.07%;
}

.lutina_dr_contents_full--mt {
  margin-top: 50px;
}

.lutina_dr_sttl {
  margin-bottom: 30px;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color: #8FC31E;
}

.lutina_dr_text {
  margin-top: 30px;
  letter-spacing: 0;
}

.lutina_dr_contents_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px 0;
}

.lutina_dr_contents_flex--mt {
  margin-top: 40px;
}

.lutina_dr_contents_flex_item {
  width: 50%;
}
.lutina_dr_contents_flex_item:nth-child(odd) {
  padding-right: 40px;
  border-right: 1px dashed #C7C7C7;
}
.lutina_dr_contents_flex_item:nth-child(even) {
  padding-left: 40px;
}

.lutina_dr_contents_flex_item--order01 {
  padding: 0 40px 0 0 !important;
  border-left: none !important;
  border-right: 1px dashed #C7C7C7;
  order: 1;
}

.lutina_dr_contents_flex_item--order02 {
  padding: 0 0 0 40px !important;
  border-right: none !important;
  border-left: 1px dashed #C7C7C7;
  order: 2;
}

.lutina_dr_contents_flex_img_ttl {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 700;
  background: #F6F7F8;
  border-left: 5px solid #8FC31E;
}

.lutina_dr_contents_flex_img {
  margin-top: 20px;
}

@media screen and (max-width: 700px) {
  .lutina_dr .wrap {
    max-width: 100%;
  }
  .lutina_dr .sp {
    display: block;
  }
  .lutina_dr .pc {
    display: none;
  }
  .lutina_dr_box {
    margin-top: 0;
  }
  .lutina_dr_ttl {
    padding: 14.29vw 0 7.14vw;
  }
  .lutina_dr_ttl01 {
    width: 68.57vw;
    padding: 10px 19px;
    font-size: 20px;
    font-size: 4vw;
    border-radius: 0 35px 35px 0;
  }
  .lutina_dr_ttl02 {
    margin-top: 4.29vw;
    padding-left: 8.57vw;
    font-size: 4vw;
  }
  .lutina_dr_ttl02::after {
    width: 4.29vw;
  }
  .lutina_dr_flex {
    display: block;
  }
  .lutina_dr_profile {
    width: 100%;
    padding: 8.57vw 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .lutina_dr_profile::after {
    right: auto;
    left: calc(50% - 50vw);
  }
  .lutina_dr_profile_img {
    width: 22.86vw;
  }
  .lutina_dr_profile_text {
    width: 57.14vw;
    margin-top: 0;
    font-size: 3.7142857143vw;
  }
  .lutina_dr_profile_text span {
    margin-top: 2.43vw;
    font-size: 4.2857142857vw;
  }
  .lutina_dr_profile_text02 {
    width: 100%;
    margin-top: 4.29vw;
    font-size: 3.7142857143vw;
  }
  .lutina_dr_contents {
    width: 100%;
    margin-top: 10vw;
  }
  .lutina_dr_contents_full {
    font-size: 3.7142857143vw;
  }
  .lutina_dr_contents_full--mt {
    margin-top: 0;
  }
  .lutina_dr_contents_full--mt .lutina_dr_text {
    margin-top: 0;
  }
  .lutina_dr_sttl {
    margin-bottom: 5.71vw;
    font-size: 4vw;
    line-height: 1.71;
  }
  .lutina_dr_text {
    margin-top: 4.29vw;
    font-size: 3.7142857143vw;
    letter-spacing: 0;
  }
  .lutina_dr_contents_flex {
    display: block;
  }
  .lutina_dr_contents_flex--mt {
    margin-top: 10vw;
  }
  .lutina_dr_contents_flex_item {
    width: 100%;
    margin-top: 12.86vw;
  }
  .lutina_dr_contents_flex_item:nth-child(odd) {
    padding-right: 0;
    border-right: none;
  }
  .lutina_dr_contents_flex_item:nth-child(even) {
    padding-left: 0;
  }
  .lutina_dr_contents_flex_item:first-child {
    margin-top: 0;
  }
  .lutina_dr_contents_flex_item--order01 {
    margin-top: 10vw;
    padding: 0 !important;
    border-right: none;
  }
  .lutina_dr_contents_flex_item--order02 {
    padding: 0 !important;
    border-left: none;
  }
  .lutina_dr_contents_flex_img_ttl {
    padding: 2.14vw 4.28vw;
    font-size: 4vw;
    border-left: 1.43vw solid #8FC31E;
  }
  .lutina_dr_contents_flex_img {
    margin-top: 2.86vw;
  }
}
.lutina_link {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
.lutina_link a {
  display: block;
  width: 48.15%;
  text-decoration: none;
  border: 3px solid #8fc31f;
  padding: 4.5rem 0;
  text-align: center;
  color: #8fc31f;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.lutina_link a svg {
  width: 2rem;
  position: absolute;
  right: 3rem;
  top: 4.5rem;
  transition: all ease 0.3s;
}
.lutina_link a svg path {
  stroke: #8fc31f;
  transition: all ease 0.3s;
}
.lutina_link a svg circle {
  fill: #8fc31f;
  transition: all ease 0.3s;
}
.lutina_link a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.lutina_link a:hover svg {
  transform: translate3d(1rem, 0, 0);
}
.lutina_link a:hover svg path {
  stroke: #fff;
}
.lutina_link a:hover svg circle {
  fill: #fff;
}

@media screen and (max-width: 700px) {
  .lutina_link {
    margin-top: 14.29vw;
    flex-direction: column;
    gap: 4.29vw 0;
  }
  .lutina_link a {
    width: auto;
    background-color: #8fc31f;
    color: #fff;
    text-align: left;
    font-size: 2rem;
    padding-left: 4.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lutina_link a svg path {
    stroke: #fff;
  }
  .lutina_link a svg circle {
    fill: #fff;
  }
  .lutina_link a svg {
    top: 50%;
    transform: translateY(-50%);
  }
}
.lutina_note {
  margin-top: 20px;
  font-size: 12px;
  text-align: right;
  letter-spacing: 0;
}

@media screen and (max-width: 700px) {
  .lutina_note {
    margin-top: 2.86vw;
    padding-bottom: 14.29vw;
    font-size: 2.8571428571vw;
    text-align: left;
    border-bottom: 1px solid #C7C7C7;
  }
}
.msodachi_top {
  padding: 8.5rem 0;
}
.msodachi_top .wrap > p {
  font-size: 1.5rem;
  line-height: 1.7;
  text-align: center;
}
.msodachi_top .wrap > p small {
  font-size: 1.2rem;
}
.msodachi_top .bdb {
  margin-bottom: 7rem;
}
.msodachi_top .bdb span {
  color: #8fc31f;
}
.msodachi_top .msodachi_banner > p {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 5rem;
  font-weight: 500;
}
.msodachi_top .msodachi_banner h4 {
  font-size: 2.4rem;
  color: #8fc31f;
  border-top: 1px solid #8fc31f;
  border-bottom: 1px solid #8fc31f;
  text-align: center;
  width: 40rem;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 1rem 0;
}
.msodachi_top .msodachi_banner .banner_flex {
  display: flex;
  width: 65rem;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) {
  box-sizing: border-box;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) p {
  background-color: #8fc31f;
  color: #fff;
  font-weight: 500;
  border-radius: 0.3rem;
  padding: 0.2rem 1rem;
  font-size: 1.6rem;
  text-align: center;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) p:first-child {
  margin-bottom: 1rem;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) {
  flex: 1;
  padding-left: 2rem;
  box-sizing: border-box;
  display: flex;
  padding-right: 3rem;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(1) {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(2) {
  padding-left: 1rem;
  flex: 1;
  font-size: 5.2rem;
  color: #f04d4d;
  transform: translate3d(0, 0.8rem, 0);
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(2) b {
  font-weight: normal;
  line-height: 1;
  font-size: 9.5rem;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(3) {
  position: absolute;
  font-weight: 500;
  right: 2rem;
  bottom: 1rem;
  font-size: 1.2rem;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(3) {
  box-sizing: border-box;
}
.msodachi_top .msodachi_banner .banner_flex > div:nth-child(3) > div {
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  border: 1px solid #8fc31f;
  color: #8fc31f;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  font-size: 2.2rem;
}

@media screen and (max-width: 700px) {
  .msodachi_top .msodachi_banner h4 {
    width: 95%;
  }
  .msodachi_top .msodachi_banner .banner_flex {
    flex-wrap: wrap;
    width: auto;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) {
    flex: 0 1 100%;
    display: flex;
    margin-bottom: 0.5rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) > p {
    padding-right: 1rem;
    flex: 1;
    box-sizing: border-box;
    font-size: 1.9rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(1) > p:first-child {
    margin-bottom: 0;
    margin-right: 2rem;
  }
  .msodachi_top {
    padding: 7rem 0;
  }
  .msodachi_top .bdb {
    margin-bottom: 6rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) {
    padding: 0;
    margin-bottom: 1rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(2) {
    padding-left: 2rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(2) p:nth-child(3) {
    font-weight: 500;
    font-size: 1.7rem;
    right: 1rem;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(3) {
    flex: 0 1 100%;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(3) > div {
    width: 24rem;
    border-radius: 1000px;
    text-align: center;
    margin: 0 auto;
    padding: 1.5rem;
    height: auto;
  }
  .msodachi_top .msodachi_banner .banner_flex > div:nth-child(3) > div br {
    display: none;
  }
  .msodachi_top .msodachi_banner > p {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .msodachi_top .wrap > p {
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }
  .msodachi_top .wrap > p:last-child {
    margin-bottom: 0;
  }
  .msodachi_top .wrap > p small {
    font-size: 1.5rem;
  }
}
.msodachi_points {
  background-color: #8fc31f;
  color: #fff;
  padding: 11rem 0;
}
.msodachi_points .bdb {
  margin-bottom: 5rem;
}
.msodachi_points .bdb:after {
  background-color: #fff;
}
.msodachi_points .points_flex {
  display: flex;
  margin-right: -3rem;
  margin-bottom: 4rem;
}
.msodachi_points .points_flex > div {
  padding-right: 3rem;
  flex: 1;
  box-sizing: border-box;
}
.msodachi_points .points_flex > div > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.msodachi_points .points_flex > div > div:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.msodachi_points .points_flex > div > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 100%;
  color: #1a1311;
  font-weight: 500;
  text-align: center;
}
.msodachi_points .points_flex > div > div > div > p {
  font-size: 2rem;
  line-height: 1.3;
  background-color: #8fc31f;
  color: #fff;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
  margin-bottom: 2.5rem;
}
.msodachi_points .points_flex > div > div > div h4 {
  font-size: 3.2rem;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 2rem;
}
.msodachi_points .points_flex > div > div > div h4 span {
  color: #f04d4d;
}
.msodachi_points .msodachi_points_bottom {
  text-align: center;
}

@media screen and (max-width: 700px) {
  .msodachi_points {
    padding: 7rem 0;
  }
  .msodachi_points .points_flex {
    display: block;
  }
  .msodachi_points .points_flex > div > div > div {
    border-radius: 1rem;
    position: relative;
    height: auto;
    padding: 3rem;
    width: auto;
  }
  .msodachi_points .points_flex > div > div:after {
    display: none;
  }
  .msodachi_points .points_flex > div > div {
    display: block;
  }
  .msodachi_points .points_flex > div > div > div h4 {
    font-size: 2.9rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .msodachi_points .points_flex > div > div > div > p {
    margin-top: 0;
    font-size: 2rem;
    border-radius: 1rem;
  }
  .msodachi_points .points_flex > div {
    margin-bottom: 3rem;
  }
  .msodachi_points .points_flex > div > div > div small {
    font-weight: 500;
    font-size: 1.5rem;
    color: #8fc31f;
  }
  .msodachi_points .msodachi_points_bottom {
    font-size: 2rem;
    text-align: left;
  }
}
.msodachi_eco {
  padding: 10rem 0;
}
.msodachi_eco .bdb {
  margin-bottom: 5rem;
}
.msodachi_eco .wrap > p {
  text-align: center;
  margin-bottom: 7rem;
  font-weight: 500;
}
.msodachi_eco .graphs {
  display: flex;
  margin-right: -4rem;
  margin-bottom: 6rem;
}
.msodachi_eco .graphs > * {
  flex: 1;
  padding-right: 4rem;
  box-sizing: border-box;
}
.msodachi_eco .eco_bottom {
  background-color: #f04d4d;
  color: #fff;
  display: flex;
  font-weight: 500;
  line-height: 1.5;
  align-items: flex-end;
  padding: 2.5rem 0;
  justify-content: center;
}
.msodachi_eco .eco_bottom > p:nth-child(1) {
  font-size: 2.4rem;
  line-height: 1.3;
}
.msodachi_eco .eco_bottom > p:nth-child(1) span {
  font-size: 3.2rem;
}
.msodachi_eco .eco_bottom > p:nth-child(2) {
  font-size: 5rem;
  padding-left: 2rem;
  margin-bottom: -1rem;
}
.msodachi_eco .eco_bottom > p:nth-child(2) b {
  font-weight: 500;
  font-size: 7.5rem;
  line-height: 1;
}
.msodachi_eco .eco_bottom > p:nth-child(2) small {
  font-size: 3.2rem;
}

@media screen and (max-width: 700px) {
  .msodachi_eco {
    padding: 7rem 0;
  }
  .msodachi_eco .wrap > p {
    text-align: left;
    font-size: 2rem;
  }
  .msodachi_eco .wrap > p br {
    display: none;
  }
  .msodachi_eco .graphs {
    display: block;
  }
  .msodachi_eco .graphs figure:first-child {
    margin-bottom: 6rem;
  }
  .msodachi_eco .eco_bottom {
    display: block;
    text-align: center;
  }
  .msodachi_eco .eco_bottom > p:nth-child(2) .promp {
    transform: translate3d(0, 1rem, 0);
    display: inline-block;
  }
  .msodachi_eco .eco_bottom {
    padding: 3rem 0;
  }
}
.msodachi_reason {
  background-color: #eceff1;
  padding: 10rem 0;
}
.msodachi_reason .bdb {
  margin-bottom: 5rem;
}
.msodachi_reason h4 {
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 2rem;
  text-align: center;
}
.msodachi_reason .wrap .msodachi_reason_text {
  text-align: center;
  margin-bottom: 7rem;
  font-size: 1.6rem;
}
.msodachi_reason .reason_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
}
.msodachi_reason .reason_list > * {
  padding-right: 3rem;
  padding-bottom: 5rem;
  box-sizing: border-box;
  flex: 0 1 33.3333333333%;
}
.msodachi_reason .reason_list > * h5 {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.msodachi_reason .reason_list > * h5 i {
  width: 4.2rem;
  height: 4.2rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-style: normal;
  background-color: #8fc31f;
  font-size: 2rem;
  margin-right: 1rem;
}
.msodachi_reason .msodachi_reason_bottom {
  text-align: right;
}

@media screen and (max-width: 700px) {
  .msodachi_reason {
    padding: 7rem 0;
  }
  .msodachi_reason .bdb {
    text-align: left;
    margin-bottom: 3rem;
  }
  .msodachi_reason .bdb:after {
    right: auto;
  }
  .msodachi_reason h4 {
    text-align: left;
    font-size: 2.2rem;
  }
  .msodachi_reason .wrap .msodachi_reason_text {
    font-size: 2rem;
    text-align: left;
    font-weight: 500;
  }
  .msodachi_reason .reason_list {
    display: block;
  }
  .msodachi_reason .reason_list > * h5 {
    font-size: 2rem;
  }
  .msodachi_reason .reason_list > * h5 i {
    font-size: 2.5rem;
    width: 5rem;
    height: 5rem;
  }
  .msodachi_reason .msodachi_reason_bottom {
    text-align: left;
    font-weight: 500;
    font-size: 2rem;
  }
  .msodachi_reason .reason_list > *:last-child {
    padding-bottom: 3rem;
  }
}
.msodachi_goriyo_methods {
  padding: 10rem 0;
}
.msodachi_goriyo_methods .bdb {
  text-align: left;
  margin-bottom: 7rem;
}
.msodachi_goriyo_methods .bdb:after {
  left: 0;
  right: auto;
}
.msodachi_goriyo_methods .method_list > div {
  display: flex;
  margin-bottom: 5rem;
}
.msodachi_goriyo_methods .method_list > div > p {
  color: #fff;
  background-color: #8fc31f;
  text-align: center;
  width: 10rem;
  height: 10rem;
  line-height: 1;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}
.msodachi_goriyo_methods .method_list > div > p i {
  font-style: normal;
  display: block;
  font-size: 3.2rem;
  margin-top: 0.5rem;
}
.msodachi_goriyo_methods .method_list > div > div {
  flex: 1;
  box-sizing: border-box;
  padding-left: 4rem;
}
.msodachi_goriyo_methods .method_list > div > div h4 {
  font-size: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #c7c7c7;
}

@media screen and (max-width: 700px) {
  .msodachi_goriyo_methods {
    padding: 7rem 0;
  }
  .msodachi_goriyo_methods .bdb {
    margin-bottom: 3rem;
  }
  .msodachi_goriyo_methods .method_list > div {
    display: block;
    position: relative;
  }
  .msodachi_goriyo_methods .method_list > div:last-child {
    margin-bottom: 0;
  }
  .msodachi_goriyo_methods .method_list > div > p {
    position: absolute;
    left: 0;
    top: 0;
    height: auto;
  }
  .msodachi_goriyo_methods .method_list > div > p > span {
    display: flex;
    padding: 1rem 0 2rem;
    align-items: flex-end;
  }
  .msodachi_goriyo_methods .method_list > div > div h4 {
    padding-left: 13rem;
  }
  .msodachi_goriyo_methods .method_list > div > div {
    padding-left: 0;
    padding-top: 0;
  }
  .msodachi_goriyo_methods .method_list > div > p i {
    margin-top: 0;
    font-weight: normal;
    transform: translate3d(0.5rem, 0.35rem, 0);
  }
  .msodachi_goriyo_methods .method_list > div > div p {
    font-size: 2rem;
  }
  .msodachi_goriyo_methods .method_list > div > div p small {
    display: block;
    font-weight: 500;
  }
}
.msodachi_about_term {
  padding: 10rem 0;
  background-color: #eceff1;
}
.msodachi_about_term .bdb {
  margin-bottom: 4rem;
}
.msodachi_about_term nav {
  margin-bottom: 7rem;
}
.msodachi_about_term nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: -2rem;
}
.msodachi_about_term nav ul li {
  flex: 1;
  padding-right: 2rem;
  box-sizing: border-box;
}
.msodachi_about_term nav ul li a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border: 1px solid #c7c7c7;
  padding: 2.7rem 0;
  font-weight: 500;
  transition: all ease 0.3s;
  position: relative;
}
.msodachi_about_term nav ul li a svg {
  width: 1.5rem;
  position: absolute;
  right: 2rem;
  top: 3.5rem;
}
.msodachi_about_term nav ul li a svg path {
  stroke: #000;
  transition: all ease 0.3s;
}
.msodachi_about_term nav ul li a:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.msodachi_about_term nav ul li a:hover svg path {
  stroke: #fff;
}
.msodachi_about_term .msodachi_about_term_list > div {
  margin-bottom: 5rem;
}
.msodachi_about_term .msodachi_about_term_list > div h4 {
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
  display: flex;
}
.msodachi_about_term .msodachi_about_term_list > div h4:before {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #8fc31f;
  margin-right: 2rem;
  margin-top: 1.5rem;
}
.msodachi_about_term .msodachi_about_term_list > div > div {
  background-color: #fff;
  padding: 4rem 5rem;
  font-size: 1.6rem;
}
.msodachi_about_term .msodachi_about_term_list > div > div > p {
  font-weight: 500;
}
.msodachi_about_term .msodachi_about_term_list > div > div > p span {
  color: #f04d4d;
}
.msodachi_about_term .msodachi_about_term_list > div > div > div p {
  line-height: 1.3;
}
.msodachi_about_term .msodachi_about_term_list > div:nth-child(4) ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori > div > p {
  margin-bottom: 1rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: -4rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li {
  padding-right: 4rem;
  flex: 1;
  box-sizing: border-box;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li > div {
  padding: 2rem 3rem;
  padding-bottom: 1rem;
  border: 1px solid #c7c7c7;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li > div > p {
  color: #8fc31f;
  font-size: 1.6rem;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  font-weight: 500;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(1) > div > div {
  font-size: 2.8rem;
  font-weight: 500;
  color: #8fc31f;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > p {
  margin-bottom: 2rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div p {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div .promp {
  color: #8fc31f;
  transform: translate3d(0, 0.5rem, 0);
  position: relative;
  margin-left: 1rem;
  margin-right: 0.5rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div .promp b {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > p {
  margin-bottom: 0.5rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div p {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div p:nth-child(1) {
  margin-bottom: 0.5rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div .promp {
  color: #8fc31f;
  transform: translate3d(0, 0.5rem, 0);
  position: relative;
  margin-left: 1rem;
  margin-right: 0.5rem;
}
.msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div .promp b {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1;
}

@media screen and (max-width: 700px) {
  .msodachi_about_term {
    padding: 7rem 0;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul {
    display: block;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li {
    margin-bottom: 3rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:last-child {
    margin-bottom: 0;
  }
  .msodachi_about_term nav ul {
    flex-wrap: wrap;
  }
  .msodachi_about_term nav ul li {
    flex: 0 1 50%;
    margin-bottom: 2rem;
  }
  .msodachi_about_term nav ul li a {
    color: #fff;
    background-color: #8fc31f;
    border: 0;
  }
  .msodachi_about_term nav ul li a svg path {
    stroke: #fff;
  }
  .msodachi_about_term .msodachi_about_term_list > div > div {
    padding: 3rem;
    font-size: 2rem;
  }
  .msodachi_about_term .msodachi_about_term_list > div > div > p {
    font-weight: normal;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li > div > p {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > p {
    margin-bottom: 0.2rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(1) > div > div {
    font-size: 3.5rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div {
    font-size: 2.5rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div small {
    font-size: 1.5rem;
    display: inline-block;
    transform: translate3d(0, -0.5rem, 0);
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div .promp {
    font-size: 3rem;
    transform: translate3d(0, 0.7rem, 0);
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(2) > div > div .promp b {
    font-size: 3.8rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div {
    font-size: 2.5rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div small {
    font-size: 1.5rem;
    transform: translate3d(0, -0.5rem, 0);
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div .promp {
    transform: translate3d(0, 0.7rem, 0);
    font-size: 3rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div .promp b {
    font-size: 3.8rem;
  }
  .msodachi_about_term .msodachi_about_term_list .kaitori ul li:nth-child(3) > div > div p:last-child {
    font-size: 2rem;
  }
  .msodachi_about_term .msodachi_about_term_list > div:nth-child(4) ul {
    font-weight: normal;
    margin-bottom: 2rem;
  }
  .msodachi_about_term .msodachi_about_term_list > div:nth-child(4) small {
    font-weight: 500;
  }
  .msodachi_about_term .msodachi_about_term_list > div:last-child {
    margin-bottom: 0;
  }
}
.msodachi_qa_link {
  padding-top: 10rem;
  text-align: center;
}
.msodachi_qa_link a {
  display: block;
  width: 54rem;
  margin: 0 auto;
  text-decoration: none;
  border: 3px solid #8fc31f;
  padding: 4.5rem 0;
  text-align: center;
  color: #8fc31f;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.msodachi_qa_link a svg {
  width: 2rem;
  position: absolute;
  right: 3rem;
  top: 4.5rem;
  transition: all ease 0.3s;
}
.msodachi_qa_link a svg path {
  stroke: #8fc31f;
  transition: all ease 0.3s;
}
.msodachi_qa_link a svg circle {
  fill: #8fc31f;
  transition: all ease 0.3s;
}
.msodachi_qa_link a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.msodachi_qa_link a:hover svg {
  transform: translate3d(1rem, 0, 0);
}
.msodachi_qa_link a:hover svg path {
  stroke: #fff;
}
.msodachi_qa_link a:hover svg circle {
  fill: #fff;
}

@media screen and (max-width: 700px) {
  .msodachi_qa_link {
    padding-top: 7rem;
  }
  .msodachi_qa_link a {
    width: auto;
    background-color: #8fc31f;
    color: #fff;
    text-align: left;
    font-size: 2rem;
    padding-left: 4.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .msodachi_qa_link a svg path {
    stroke: #fff;
  }
  .msodachi_qa_link a svg circle {
    fill: #fff;
  }
  .msodachi_qa_link a svg {
    top: 5rem;
  }
}
.sbPGuarantee .sbPh {
  margin-bottom: 7rem;
}
.sbPGuarantee .sbPGuarantee_figure {
  margin-bottom: 10rem;
}
.sbPGuarantee .sbPGuarantee_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
  padding-bottom: 7rem;
}
.sbPGuarantee .sbPGuarantee_list > div {
  flex: 0 1 33.3333333333%;
  padding-right: 3rem;
  padding-bottom: 7rem;
  box-sizing: border-box;
}
.sbPGuarantee .sbPGuarantee_list > div a {
  display: block;
  text-decoration: none;
  position: relative;
}
.sbPGuarantee .sbPGuarantee_list > div a figure {
  position: relative;
  overflow: hidden;
}
.sbPGuarantee .sbPGuarantee_list > div a figure img {
  transition: all ease 0.3s;
}
.sbPGuarantee .sbPGuarantee_list > div a figure:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(143, 195, 31, 0), rgba(57, 77, 13, 0.8));
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 1;
}
.sbPGuarantee .sbPGuarantee_list > div a figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
  z-index: 1;
}
.sbPGuarantee .sbPGuarantee_list > div a h3 {
  font-weight: 500;
  position: absolute;
  font-size: 1.8rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  transition: all ease 0.3s;
}
.sbPGuarantee .sbPGuarantee_list > div a h3 span:first-child {
  display: block;
  background-color: #fff;
  padding: 0.5em 0;
  flex: 1;
}
.sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child {
  flex: 0 1 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child:before {
  content: "MORE";
  color: #fff;
  position: absolute;
  width: auto;
  right: 3.5rem;
  bottom: 2.8rem;
  font-size: 1.4rem;
  font-weight: normal;
}
.sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child:after {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 50%;
}
.sbPGuarantee .sbPGuarantee_list > div a:hover figure img {
  transform: scale(1.1);
}
.sbPGuarantee .sbPGuarantee_list > div a:hover figure:before {
  opacity: 1;
}
.sbPGuarantee .sbPGuarantee_list > div a:hover figure:after {
  opacity: 0;
}
.sbPGuarantee .sbPGuarantee_list > div a:hover h3 {
  color: #8fc31f;
}
.sbPGuarantee .sbPGuarantee_list > div:first-child h3 span:first-child {
  padding-top: 3.5rem;
}
.sbPGuarantee .sbPGuarantee_content {
  padding-top: 10rem;
}
.sbPGuarantee .sbPGuarantee_content .sbPGuarantee_content_top {
  margin-bottom: 7rem;
  text-align: center;
}
.sbPGuarantee .sbPGuarantee_content .sbPGuarantee_content_top h3 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.sbPGuarantee .sbPGuarantee_content .sbPGuarantee_content_top p {
  font-size: 1.6rem;
}

@media screen and (max-width: 700px) {
  .sbPGuarantee .sbPGuarantee_list {
    display: block;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 {
    font-size: 2.3rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 span:first-child {
    padding-bottom: 0;
  }
  .sbPGuarantee .sbPGuarantee_list > div:first-child h3 span:first-child {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child {
    flex: 0 1 16rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 span:first-child {
    padding-top: 2rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child:before {
    font-size: 2rem;
    bottom: 3rem;
    right: 4.5rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 span:last-child:after {
    bottom: 4.3rem;
  }
  .sbPGuarantee .sbPGuarantee_content .sbPGuarantee_content_top h3 {
    font-size: 2.5rem;
  }
  .sbPGuarantee .sbPGuarantee_content .sbPGuarantee_content_top p {
    font-size: 2rem;
  }
  .sbPGuarantee .sbPGuarantee_list > div a h3 {
    font-size: 2rem;
  }
  .sbPGuarantee .sbPGuarantee_content {
    padding-top: 7rem;
  }
}
.sbPFWarrant .bdb {
  margin-bottom: 4rem;
}
.sbPFWarrant .sbPFh {
  color: #fff;
}
.sbPFWarrant .sbPFWarrant_top {
  padding: 10rem 0;
  padding-bottom: 0;
}
.sbPFWarrant .sbPFWarrant_top .sbPFWarrant_top_header {
  margin-bottom: 4rem;
}
.sbPFWarrant .sbPFWarrant_top .sbPFWarrant_top_header p {
  font-size: 1.6rem;
  text-align: center;
}
.sbPFWarrant .sbPFWarrant_top .more a {
  display: block;
  width: 30rem;
  text-align: center;
  border-radius: 1000px;
  background-color: #eceff1;
  text-decoration: none;
  font-weight: 500;
  margin: 0 auto;
  position: relative;
  padding: 2rem 0;
  transition: all ease 0.3s;
}
.sbPFWarrant .sbPFWarrant_top .more a span {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 1000px;
  position: absolute;
  left: 1.5rem;
  top: 1.3rem;
  transition: all ease 0.3s;
}
.sbPFWarrant .sbPFWarrant_top .more a span svg {
  width: 1.5rem;
}
.sbPFWarrant .sbPFWarrant_top .more a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFWarrant .sbPFWarrant_top .more a:hover span {
  transform: translate3d(23rem, 0, 0);
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * {
  flex: 0 1 33.3333333333%;
  padding: 10rem 0;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * figure {
  width: 10rem;
  height: 7rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * figure img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * h4 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * p {
  font-size: 1.4rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > * p b {
  font-weight: 500;
  color: #8fc31f;
  font-size: 2rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(1):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(4):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(5):before {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  top: 15%;
  right: 0;
  background-color: #c7c7c7;
  position: absolute;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(1):after, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2):after, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(3):after {
  content: "";
  display: block;
  height: 1px;
  width: 70%;
  bottom: 0;
  left: 15%;
  background-color: #c7c7c7;
  position: absolute;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2) {
  padding-top: 13rem;
}
.sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2) h4 {
  font-size: 3.2rem;
  color: #8fc31f;
  line-height: 1.3;
}

@media screen and (max-width: 700px) {
  .sbPFWarrant .sbPFWarrant_top .sbPFWarrant_top_header p {
    font-size: 2rem;
    text-align: left;
  }
  .sbPFWarrant .sbPFWarrant_top {
    padding: 7rem 0;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons {
    flex-direction: column;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(1):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(4):before, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(5):before {
    display: none;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * {
    padding: 0;
    padding-bottom: 5rem;
    margin-bottom: 5rem;
    border-bottom: 1px solid #c7c7c7;
    order: 2;
    position: relative;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(1):after, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2):after, .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(3):after {
    display: none;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2) {
    padding-top: 0;
    order: 1;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(2) h4 br {
    display: none;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * figure {
    width: 7rem;
    height: auto;
    display: flex;
    align-items: center;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * figure img {
    height: auto;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > *:nth-child(4) > div figure {
    width: 6rem;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * > div figure {
    margin: 0;
    margin-right: 1rem;
    margin-left: -2rem;
    transform: translate3d(0, -1rem, 0);
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * h4 {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * p {
    font-size: 2.2rem;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * p b {
    font-size: 2.5rem;
  }
  .sbPFWarrant .sbPFWarrant_top .warrant_icons > * small {
    font-size: 1.8rem;
    display: block;
    margin-top: 2rem;
  }
  .sbPFWarrant .sbPFWarrant_top .more a {
    font-size: 1.8rem;
  }
  .sbPFWarrant .sbPFWarrant_top {
    padding-bottom: 3rem;
  }
}
.guarantee_bottom_link {
  padding: 14rem 0;
  padding-bottom: 10rem;
}
.guarantee_bottom_link ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-right: -4rem;
}
.guarantee_bottom_link ul li {
  margin-bottom: 4rem;
  flex: 0 1 50%;
  padding-right: 4rem;
  box-sizing: border-box;
}
.guarantee_bottom_link ul li a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #707070;
  display: flex;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.guarantee_bottom_link ul li a figure {
  flex: 0 1 15rem;
}
.guarantee_bottom_link ul li a > div {
  position: relative;
  flex: 1;
  padding-left: 4rem;
}
.guarantee_bottom_link ul li a > div .more {
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
  font-size: 1.2rem;
  padding: 1rem 0;
  padding-left: 4rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
}
.guarantee_bottom_link ul li a > div .more:before {
  transition: all ease 0.3s;
  content: "";
  display: block;
  width: calc(100% - 4rem - 1rem);
  height: 1px;
  background-color: #eceff1;
  position: absolute;
  top: 0;
  left: 4rem;
}
.guarantee_bottom_link ul li a > div .more .dot_right {
  transition: all ease 0.3s;
  display: block;
  background-color: #8fc31f;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guarantee_bottom_link ul li a > div .more .dot_right svg {
  width: 2rem;
}
.guarantee_bottom_link ul li a > div .more .dot_right svg path {
  stroke: #fff;
}
.guarantee_bottom_link ul li a > div .more .dot_right svg circle {
  fill: #fff;
}
.guarantee_bottom_link ul li a > div .title {
  padding-top: 2rem;
  font-size: 2rem;
}
.guarantee_bottom_link ul li a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.guarantee_bottom_link ul li a:hover > div .more:before {
  border-color: #fff;
}
.guarantee_bottom_link ul li a:hover > div .more .dot_right {
  background-color: #fff;
}
.guarantee_bottom_link ul li a:hover > div .more .dot_right svg path {
  stroke: #8fc31f;
}
.guarantee_bottom_link ul li a:hover > div .more .dot_right svg circle {
  fill: #8fc31f;
}

@media screen and (max-width: 700px) {
  .guarantee_bottom_link {
    padding: 7rem 0;
  }
  .guarantee_bottom_link ul {
    display: block;
  }
  .guarantee_bottom_link ul li {
    margin-bottom: 2.5rem;
  }
  .guarantee_bottom_link ul li:last-child {
    margin-bottom: 0;
  }
}
.sbPFJunior .sbPFh {
  color: #fff;
}
.sbPFJunior .sbPFJunior_top_header {
  margin-bottom: 5rem;
}
.sbPFJunior .sbPFJunior_top_header h3 {
  margin-bottom: 7rem;
}
.sbPFJunior .sbPFJunior_top_header p {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
.sbPFJunior .sbPFJunior_top {
  padding: 10rem 0;
}
.sbPFJunior .sbPFJunior_benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -5rem;
}
.sbPFJunior .sbPFJunior_benefits > * {
  padding-right: 5rem;
  padding-bottom: 7rem;
  flex: 0 1 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
}
.sbPFJunior .sbPFJunior_benefits > * > div {
  position: relative;
  padding-top: 3.5rem;
}
.sbPFJunior .sbPFJunior_benefits > * > div:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 1rem;
  left: 0;
}
.sbPFJunior .sbPFJunior_benefits > * > div:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/junior/heart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  background-color: #fff;
  box-sizing: border-box;
  width: 5rem;
}
.sbPFJunior .sbPFJunior_benefits > * h4 {
  position: relative;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.sbPFJunior .sbPFJunior_benefits > * p {
  font-size: 2rem;
  background-color: #8fc31f;
  color: #fff;
  padding: 2rem 0;
  text-align: center;
}

.sbPFJunior_comparison {
  background-color: rgba(236, 239, 241, 0.5);
  padding: 10rem 0;
}
.sbPFJunior_comparison h3 {
  font-size: 2.4rem;
  margin-bottom: 4rem;
  text-align: center;
}
.sbPFJunior_comparison table {
  width: 100%;
  text-align: center;
  background-color: #fff;
  font-size: 1.6rem;
  border-collapse: collapse;
  table-layout: fixed;
}
.sbPFJunior_comparison table .bg {
  color: #fff;
  background-color: #8fc31f;
}
.sbPFJunior_comparison table .bgg {
  background-color: #eceff1;
}
.sbPFJunior_comparison table th {
  padding: 2rem 0;
  font-weight: 500;
  border-right: 1px solid #c7c7c7;
  font-weight: normal;
}
.sbPFJunior_comparison table td {
  padding: 2rem 0;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
.sbPFJunior_comparison table tr th:first-child {
  border-bottom: 1px solid #c7c7c7;
}
.sbPFJunior_comparison table tr:first-child th:first-child {
  border-bottom: 0;
}
.sbPFJunior_comparison table tr td:last-child {
  border-right: 0;
}
.sbPFJunior_comparison table .r {
  color: #f04d4d;
  font-weight: 500;
}
.sbPFJunior_comparison table .dr {
  position: relative;
  border-right: 0;
}
.sbPFJunior_comparison table .dr:after {
  content: "";
  display: block;
  width: 0px;
  height: 80%;
  border-left: 1px dashed #707070;
  position: absolute;
  right: 0;
  top: 10%;
}
.sbPFJunior_comparison .sbPFJunior_comparison_table_wrap {
  margin-bottom: 2rem;
}
.sbPFJunior_comparison .table_bottom_desc {
  list-style: none;
  font-weight: normal;
  padding: 0;
  margin: 0;
  margin-bottom: 2rem;
}
.sbPFJunior_comparison .table_bottom_desc li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 0.7rem;
}
.sbPFJunior_comparison .table_bottom_desc li:before {
  content: "";
  display: block;
  width: 4px;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
  border: 1px solid #8fc31f;
}
.sbPFJunior_comparison .table_bottom_desc li:last-child {
  margin-bottom: 0;
}
.sbPFJunior_comparison .table_bottom_smalls {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
}
.sbPFJunior_comparison .table_bottom_smalls li {
  position: relative;
  padding-left: 2rem;
}
.sbPFJunior_comparison .table_bottom_smalls li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0rem;
}

@media screen and (max-width: 700px) {
  .sbPFJunior .sbPFJunior_top {
    padding: 7rem 0;
    padding-bottom: 0;
  }
  .sbPFJunior .sbPFJunior_top_header h3 {
    margin-bottom: 5rem;
  }
  .sbPFJunior .sbPFJunior_benefits > * {
    flex: 0 1 50%;
    padding-right: 2rem;
  }
  .sbPFJunior .sbPFJunior_benefits {
    margin-right: -2rem;
  }
  .sbPFJunior .sbPFJunior_benefits > * p {
    padding: 2rem 0;
  }
  .sbPFJunior .sbPFJunior_benefits > * > div:after {
    height: 3rem;
    top: -0.5rem;
  }
  .sbPFJunior .sbPFJunior_benefits > * > div {
    padding-top: 4rem;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap {
    overflow-x: scroll;
    margin-right: -30px;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap table {
    width: 127rem;
    font-size: 1.8rem;
    font-weight: normal;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap table tr th:nth-child(1) {
    position: sticky;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 10;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap table tr th:nth-child(1):before {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #c7c7c7;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap table tr:nth-child(1) th:first-child {
    background-color: #eceff1;
  }
  .sbPFJunior_comparison {
    padding: 7rem 0;
  }
  .sbPFJunior_comparison .table_bottom_desc {
    font-size: 2rem;
  }
  .sbPFJunior_comparison .table_bottom_smalls {
    font-size: 1.8rem;
    font-weight: normal;
  }
  .sbPFJunior_comparison .table_bottom_desc li:before {
    top: 0.5rem;
  }
  .sbPFJunior_comparison .sbPFJunior_comparison_table_wrap table tr:nth-child(1) th:first-child {
    width: 11em;
  }
}
.sbPFHoken .sbPFh {
  color: #fff;
}
.sbPFHoken .sbPFHoken_top {
  padding: 10rem 0;
  padding-bottom: 0;
}
.sbPFHoken .sbPFHoken_top_header h3 {
  margin-bottom: 4rem;
}
.sbPFHoken .sbPFHoken_top_header p {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 10rem;
}
.sbPFHoken .qa_wrap h4 {
  font-size: 2rem;
  margin-bottom: 4rem;
  text-align: center;
}
.sbPFHoken .qa_wrap .qa_list > * {
  margin-bottom: 5rem;
}
.sbPFHoken .qa_wrap .qa_list > * h5 {
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #eceff1;
  padding: 2rem;
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.sbPFHoken .qa_wrap .qa_list > * h5 span {
  display: block;
  padding: 1.5rem 0;
  padding-left: 2rem;
  flex: 1;
}
.sbPFHoken .qa_wrap .qa_list > * h5:before {
  content: "Q";
  font-size: 2.4rem;
  background-color: #fff;
  border-radius: 100%;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sbPFHoken .qa_wrap .qa_list > * h5:after {
  content: "▼";
  position: absolute;
  color: #fff;
  font-size: 2rem;
  right: 3rem;
  top: calc(50% - 1.5rem);
}
.sbPFHoken .qa_wrap .qa_list > * > .down_wide {
  display: none;
}
.sbPFHoken .qa_wrap .qa_list > * > div {
  padding: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  padding-left: 10rem;
  padding-top: 3.7rem;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.3s;
  margin-top: -5rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div:before {
  content: "A";
  font-size: 2.4rem;
  background-color: #8fc31f;
  border-radius: 100%;
  color: #fff;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 6rem;
  position: absolute;
  left: 2rem;
  top: 2rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 2rem 0;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul h6 {
  font-size: 1.6rem;
  padding-left: 3rem;
  position: relative;
  margin-bottom: 1.5rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul h6:before {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  background-color: #8fc31f;
  position: absolute;
  left: 0;
  top: 50%;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul > li {
  margin-bottom: 3.5rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul > li > div {
  padding-left: 3rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul > li > div > p {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.sbPFHoken .qa_wrap .qa_list > * > div > ul > li > div > p:last-child {
  border-bottom: 0;
}
.sbPFHoken .qa_wrap .qa_list > *.open h5:after {
  content: "▲";
}
.sbPFHoken .qa_wrap .qa_list > *.open > div {
  height: auto;
  opacity: 1;
  visibility: visible;
  display: block;
  margin-top: 0;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei ul {
  margin-top: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 {
  margin-top: 2vw;
  width: 66%;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 .ths {
  margin-bottom: 0;
  padding-bottom: 1em;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 .ths p span {
  color: #8fc31f;
  background-color: #fff;
  padding: 0;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 .ths:after {
  display: none;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li {
  display: flex;
  padding-bottom: 1em;
  margin-bottom: 1em;
  margin-right: -1em;
  position: relative;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li:after {
  content: "";
  display: block;
  width: calc(100% - 1em);
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px dashed #c7c7c7;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li p {
  flex: 1;
  box-sizing: border-box;
  padding-right: 1vw;
  box-sizing: border-box;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li p > span {
  background-color: rgba(236, 239, 241, 0.5);
  padding: 1em;
  text-align: center;
  display: block;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: -0.5rem;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables li {
  padding-right: 0.5rem;
  margin-bottom: 0.5rem;
  flex: 0 1 33.3333333333%;
  box-sizing: border-box;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables li span {
  background-color: rgba(236, 239, 241, 0.5);
  padding: 1rem;
  display: block;
  text-align: center;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 3rem;
  padding-right: 3rem;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li p {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li > p:first-child {
  font-size: 1.6rem;
}
.sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li:last-child {
  border: 0;
}
.sbPFHoken .qa_wrap .qa_list > *.saishin p:first-child {
  margin-bottom: 2rem;
}
.sbPFHoken .qa_wrap .qa_list > *.saishin p:nth-child(2) {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #f5f7f8;
  padding: 3rem;
  padding-left: 0;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li {
  padding-bottom: 2rem;
  padding-top: 2rem;
  border-bottom: 1px solid #c7c7c7;
  margin-left: 10rem;
  position: relative;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:after {
  position: absolute;
  right: calc(100% + 5rem);
  width: 2px;
  height: 120%;
  background-color: #8fc31f;
  content: "";
  top: 0;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:first-child {
  padding-top: 0;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:first-child p > span svg {
  display: none;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:last-child:after {
  display: none;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li p {
  position: relative;
  z-index: 2;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li p > span {
  position: absolute;
  right: 100%;
  color: #8fc31f;
  width: 10rem;
  text-align: center;
  background-color: #f5f7f8;
}
.sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li p > span svg {
  position: absolute;
  width: 1rem;
  bottom: 100%;
  left: calc(50% - 0.6rem);
}
.sbPFHoken .copy_hissudesu {
  background-color: #8fc31f;
  color: #fff;
  padding: 6rem 0;
}
.sbPFHoken .copy_hissudesu h3 {
  text-align: center;
  margin-bottom: 3rem;
  text-decoration: underline;
  text-underline-offset: 1rem;
  font-size: 2rem;
}
.sbPFHoken .copy_hissudesu p {
  width: 80%;
  margin: 0 auto;
}

.benefits-img {
  padding: 2rem 0 4rem;
}

@media screen and (max-width: 700px) {
  .benefits-img {
    padding: 2rem 0 2rem;
  }
}
.benefits-img02 {
  padding: 2rem 0 0;
}

.benefits-bold-txt {
  font-weight: bold;
}

@media screen and (max-width: 700px) {
  .benefits-bold-txt {
    font-size: 1.9rem;
  }
}
.benefits-txt-ann {
  font-weight: 300;
  text-indent: 3rem;
  font-size: 1.3rem;
}

@media screen and (max-width: 700px) {
  .benefits-txt-ann {
    font-weight: 300;
    text-indent: 0;
    margin-top: 0 !important;
    font-size: 1.6rem;
  }
}
.benefits-txt-irregular {
  padding-top: 3rem;
}

@media screen and (max-width: 700px) {
  .benefits-txt-irregular {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .benefits-addition {
    font-size: 1.6rem;
    padding-left: 3rem;
    position: relative;
    margin-bottom: 1.5rem;
  }
  .benefits-addition:before {
    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    background-color: #8fc31f;
    position: absolute;
    left: 0;
    top: 13% !important;
  }
}
.benefits-is-sp {
  display: none;
}

@media screen and (max-width: 700px) {
  .benefits-is-sp {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .sbPFHoken .sbPF_bg_header .sbPFh_in header h2 {
    margin-bottom: 1rem;
  }
  .sbPFHoken .sbPFHoken_top {
    padding: 7rem 0;
    padding-bottom: 0;
  }
  .sbPFHoken .sbPFHoken_top_header p {
    font-size: 2rem;
    text-align: left;
  }
  .sbPFHoken .qa_wrap .qa_list > * h5:before {
    font-size: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * h5 span {
    font-size: 2.2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div {
    font-size: 2rem;
    padding-top: 3rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div:before {
    font-size: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * {
    margin-bottom: 3rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > p {
    margin-top: 1rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > p small {
    font-weight: normal;
    font-size: 1.8rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul > li > div {
    padding-left: 0;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul h6 {
    font-size: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul > li > div > p {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul > li:last-child {
    margin-bottom: 0;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul {
    margin-bottom: 0;
  }
  .sbPFHoken .qa_wrap .qa_list > * h5 {
    padding-right: 5rem;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables {
    display: block;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables li {
    text-align: center;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .tables li span {
    padding: 1.5rem 1rem;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li > p:first-child {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .shinsei_ul li p {
    font-size: 2rem;
    font-weight: normal;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:after {
    display: none;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li {
    margin-left: 0;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li:first-child p > span svg {
    display: none;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li p > span svg {
    display: none;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol li p > span {
    position: relative;
    display: block;
    right: auto;
    width: auto;
    text-align: left;
  }
  .sbPFHoken .qa_wrap .qa_list > * .shinsei_flow ol {
    padding-left: 3rem;
  }
  .sbPFHoken .copy_hissudesu h3 {
    line-height: 2;
  }
  .sbPFHoken .copy_hissudesu p {
    font-size: 2rem;
    width: auto;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div {
    padding-right: 0;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > * {
    padding-right: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div > ul h6 {
    padding-right: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * h5:after {
    display: none;
  }
  .sbPFHoken .qa_wrap .qa_list > * > div {
    overflow: hidden;
  }
  .sbPFHoken .qa_wrap .qa_list > * {
    margin-bottom: 6rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > .down_wide {
    padding: 0;
    padding-bottom: 0.5rem;
    width: 100%;
    top: 100%;
    background-color: #8FC31F;
    right: 0;
    left: 0;
    text-align: center;
    display: block;
    position: absolute;
    transition: all ease 0.3s;
    transform-origin: top;
  }
  .sbPFHoken .qa_wrap .qa_list > * > .down_wide svg {
    width: 2rem;
  }
  .sbPFHoken .qa_wrap .qa_list > * > .down_wide svg path {
    stroke: #fff;
  }
  .sbPFHoken .qa_wrap .qa_list > *.open > .down_wide svg {
    transform: rotate(180deg);
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 {
    width: auto;
    margin-left: -10rem;
    margin-bottom: 3rem;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li p {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li p > span {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    box-sizing: border-box;
    height: 8rem;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 li.ths p > span {
    height: 5rem;
  }
  .sbPFHoken .qa_wrap .qa_list > *.shinsei > div .table2 .ths {
    padding-bottom: 0em;
  }
}
.sbPH_aid .sbPh {
  margin-bottom: 7rem;
}
.sbPH_aid .sbPH_aid_figure {
  margin-bottom: 10rem;
}
.sbPH_aid .sbPH_aid_content_top h3 {
  font-size: 3.6rem;
  margin-bottom: 5rem;
  text-align: center;
}
.sbPH_aid .sbPH_aid_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
  padding-bottom: 7rem;
}
.sbPH_aid .sbPH_aid_list > div {
  flex: 0 1 33.3333333333%;
  padding-right: 3rem;
  padding-bottom: 7rem;
  box-sizing: border-box;
}
.sbPH_aid .sbPH_aid_list > div a {
  display: block;
  text-decoration: none;
  position: relative;
}
.sbPH_aid .sbPH_aid_list > div a figure {
  position: relative;
  overflow: hidden;
}
.sbPH_aid .sbPH_aid_list > div a figure img {
  transition: all ease 0.3s;
}
.sbPH_aid .sbPH_aid_list > div a figure figcaption {
  transition: all ease 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 3.3rem;
  font-weight: 500;
  top: 0;
  text-align: center;
  left: 0;
  line-height: 1.3;
  margin-top: -2rem;
}
.sbPH_aid .sbPH_aid_list > div a h3 {
  font-weight: 500;
  position: absolute;
  font-size: 1.8rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:first-child {
  display: block;
  background-color: #fff;
  padding: 0.5em 0;
  flex: 1;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:last-child {
  flex: 0 1 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:last-child svg {
  transition: all ease 0.3s;
  width: 1.7rem;
  position: relative;
  z-index: 2;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:last-child svg path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:last-child svg circle {
  fill: #fff;
  transition: all ease 0.3s;
}
.sbPH_aid .sbPH_aid_list > div a h3 span:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 1;
  transform: scaleX(0);
  transition: all ease 0.3s;
  transform-origin: left;
}
.sbPH_aid .sbPH_aid_list > div a:hover figure img {
  opacity: 0.8;
  transform: scale(1.1);
}
.sbPH_aid .sbPH_aid_list > div a:hover figure figcaption {
  opacity: 0;
}
.sbPH_aid .sbPH_aid_list > div a:hover h3 span:last-child:before {
  transform: scaleX(1);
}
.sbPH_aid .sbPH_aid_list > div a:hover h3 span:last-child svg {
  transform: translate3d(0.5rem, 0, 0);
}
.sbPH_aid .sbPH_aid_list > div a:hover h3 span:last-child svg path {
  stroke: #000;
}
.sbPH_aid .sbPH_aid_list > div a:hover h3 span:last-child svg circle {
  fill: #000;
}
.sbPH_aid .swiper {
  padding-bottom: 7rem;
}
.sbPH_aid .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 2rem !important;
}
.sbPH_aid .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0 1.5rem !important;
  background-color: #1a1311;
  background-color: transparent;
  position: relative;
  opacity: 1;
  /*
  &::before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #1a1311;
    background-color: #1a1311;
    position: absolute;
  }
  &.circle{
  		position: relative;
  	.circle_inner{
  			width:100%;
  			height:100%;
  		border:1px solid #000;
  		box-sizing:border-box;
  		border-radius:100%;
  			display: flex;
  			align-items:center;
  			justify-content: center;
  			position: absolute;
  			top:0;
  			left:0;
  		&:after{
  			content:'';
  			display: block;
  			border-radius:100%;
  			width:80%;
  			height:80%;
  			background-color: #000;
  		}
  	}
  }*/
}
.sbPH_aid .swiper-pagination-bullet svg {
  transform: rotate(-90deg) scale(1.1);
  width: 20px;
  height: 20px;
}
.sbPH_aid .swiper-pagination-bullet svg circle:nth-child(1) {
  fill: transparent;
  stroke: #1a1311;
  stroke-width: 1;
  stroke-dasharray: 0 56.52px;
}
.sbPH_aid .swiper-pagination-bullet-active::before {
  background: #1a1311;
}
.sbPH_aid .swiper-pagination-bullet-active svg circle:nth-child(1) {
  animation: circles 6s forwards;
}
@keyframes circles {
  0% {
    stroke-dasharray: 0 56.52px;
  }
  100% {
    stroke-dasharray: 56.52px 56.52px;
  }
}

.swiperH_aid {
  margin-bottom: 10rem;
}

@media screen and (max-width: 700px) {
  .sbPH_aid .sbPH_aid_list {
    display: block;
  }
  .sbPH_aid .sbPH_aid_list > div a h3 {
    font-size: 2.3rem;
  }
  .sbPH_aid .sbPH_aid_list > div a figure figcaption {
    font-size: 4.5rem;
  }
  .sbPH_aid .sbPH_aid_figure {
    margin-bottom: 7rem;
  }
}
.hochoki_bottom {
  overflow: hidden;
  padding: 14rem 0;
  padding-bottom: 10rem;
}
.hochoki_bottom ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-right: -4rem;
}
.hochoki_bottom ul li {
  margin-bottom: 4rem;
  flex: 0 1 50%;
  padding-right: 4rem;
  box-sizing: border-box;
}
.hochoki_bottom ul li a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #707070;
  display: flex;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.hochoki_bottom ul li a figure {
  flex: 0 1 15rem;
}
.hochoki_bottom ul li a > div {
  position: relative;
  flex: 1;
  padding-left: 4rem;
}
.hochoki_bottom ul li a > div .more {
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
  font-size: 1.2rem;
  padding: 1rem 0;
  padding-left: 4rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
}
.hochoki_bottom ul li a > div .more:before {
  transition: all ease 0.3s;
  content: "";
  display: block;
  width: calc(100% - 4rem - 1rem);
  height: 1px;
  background-color: #eceff1;
  position: absolute;
  top: 0;
  left: 4rem;
}
.hochoki_bottom ul li a > div .more .dot_right {
  transition: all ease 0.3s;
  display: block;
  background-color: #8fc31f;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hochoki_bottom ul li a > div .more .dot_right svg {
  width: 2rem;
}
.hochoki_bottom ul li a > div .more .dot_right svg path {
  stroke: #fff;
}
.hochoki_bottom ul li a > div .more .dot_right svg circle {
  fill: #fff;
}
.hochoki_bottom ul li a > div .title {
  padding-top: 3.4rem;
  font-size: 2rem;
}
.hochoki_bottom ul li a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.hochoki_bottom ul li a:hover > div .more:before {
  border-color: #fff;
}
.hochoki_bottom ul li a:hover > div .more .dot_right {
  background-color: #fff;
}
.hochoki_bottom ul li a:hover > div .more .dot_right svg path {
  stroke: #8fc31f;
}
.hochoki_bottom ul li a:hover > div .more .dot_right svg circle {
  fill: #8fc31f;
}

@media screen and (max-width: 700px) {
  .hochoki_bottom {
    padding: 7rem 0;
  }
  .hochoki_bottom ul {
    display: block;
  }
  .hochoki_bottom ul li {
    margin-bottom: 2.5rem;
  }
  .hochoki_bottom ul li:last-child {
    margin-bottom: 0;
  }
  .hochoki_bottom ul li a > div .title {
    padding-top: 3.5rem;
  }
  .hochoki_bottom ul li.line2 a > div .title {
    padding-top: 2rem;
  }
}
.link_icon {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #8fc31f;
  border: 2px solid #8fc31f;
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 2rem;
  padding-right: 7rem;
  padding-left: 10rem;
  border-radius: 0.5rem 0 0 0;
  z-index: 999;
  font-weight: 500;
  transition: all ease 0.3s;
}
.link_icon img {
  position: absolute;
  width: 6rem;
  top: 2.5rem;
  left: 2.5rem;
}
.link_icon img:first-child {
  z-index: 2;
  transition: all ease 0.3s;
}
.link_icon svg:last-child {
  width: 1.6rem;
  position: absolute;
  top: 3.5rem;
  right: 3rem;
  transition: all ease 0.3s;
}
.link_icon svg:last-child path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.link_icon svg:last-child circle {
  fill: #fff;
  transition: all ease 0.3s;
}
.link_icon:hover {
  background-color: #fff;
  color: #8fc31f;
}
.link_icon:hover img:first-child {
  opacity: 0;
}
.link_icon:hover svg:last-child {
  transform: translate3d(1rem, 0, 0);
}
.link_icon:hover svg:last-child path {
  stroke: #8fc31f;
}
.link_icon:hover svg:last-child circle {
  fill: #8fc31f;
}
.link_icon.hide {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.hochoki_bottom_banner {
  padding-top: 12rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in {
  background-color: #8fc31f;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 7rem 7rem 7rem 10rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left {
  display: flex;
  flex: 0 1 30rem;
  align-items: center;
  font-weight: 500;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left > figure {
  width: 5.8rem;
  margin-right: 1rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left > div {
  text-align: right;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left > div > p {
  font-size: 1.6rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left > div > div p {
  font-size: 2.8rem;
  line-height: 1.3;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right {
  flex: 1;
  box-sizing: border-box;
  padding-left: 3rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > p {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div {
  display: flex;
  align-items: center;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:first-child p:first-child {
  border: 1px solid #fff;
  font-size: 1.3rem;
  text-align: center;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:first-child p:nth-child(2) {
  font-size: 1.8rem;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child {
  display: flex;
  padding-left: 2rem;
  box-sizing: border-box;
  align-items: center;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > p {
  background-color: #fff;
  color: #8fc31f;
  font-weight: 500;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > div {
  padding-left: 1rem;
  flex: 1;
  box-sizing: border-box;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > div a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1;
}
.hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > div > p {
  font-size: 1.3rem;
}

@media screen and (max-width: 700px) {
  .hochoki_bottom_banner {
    padding-top: 7rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in {
    display: block;
    padding: 5rem 0;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left {
    justify-content: center;
    margin-bottom: 2.5rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div {
    display: block;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right {
    padding-left: 0;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > div > p {
    font-size: 2rem;
    text-align: center;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child {
    position: relative;
    padding-left: 0;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > p {
    position: absolute;
    top: -0.7rem;
    left: 3rem;
    font-size: 2rem;
    font-weight: 500;
    width: 6rem;
    height: 6rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > p {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:first-child p:first-child {
    font-size: 1.8rem;
    padding: 0 1rem;
    margin-right: 1.5rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:first-child p:nth-child(2) {
    font-size: 2rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:nth-child(1) {
    margin-bottom: 2rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_left > div > p {
    font-size: 1.8rem;
  }
  .hochoki_bottom_banner .hochoki_bottom_banner_in .hochoki_bottom_banner_in_right > div > div:last-child > div a {
    font-size: 4.4rem;
    padding-left: 9rem;
    margin-bottom: 2rem;
  }
}
.sbPFCheck .sbPFh {
  color: #fff;
}
.sbPFCheck .check_top {
  padding: 12rem 0;
}
.sbPFCheck .check_top_in {
  display: flex;
  align-items: flex-start;
}
.sbPFCheck .check_top_in h3 {
  text-align: left;
  flex: 0 1 35rem;
}
.sbPFCheck .check_top_in h3:after {
  right: auto;
  left: 0;
}
.sbPFCheck .check_top_in > div {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.7;
}
.sbPFCheck .check_top_in > div a {
  color: #8fc31f;
}
.sbPFCheck .check_kikimatigai {
  padding-bottom: 12rem;
}
.sbPFCheck .check_kikimatigai .wrap {
  padding-top: 6rem;
  position: relative;
}
.sbPFCheck .check_kikimatigai .wrap:before {
  content: "";
  display: block;
  width: 85rem;
  height: 1px;
  position: absolute;
  background-color: #8fc31f;
  top: 0;
  left: 0;
}
.sbPFCheck .check_kikimatigai .wrap:after {
  content: "";
  display: block;
  width: 1px;
  height: 3rem;
  background-color: #8fc31f;
  position: absolute;
  left: 85rem;
  top: 0;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in {
  position: relative;
  min-height: 36rem;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in figure {
  width: 52rem;
  position: absolute;
  right: 0;
  top: 0;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in > div {
  padding-right: 8rem;
  box-sizing: border-box;
  width: calc(100% - 52rem);
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3 {
  font-size: 2rem;
  margin-bottom: 3rem;
  position: relative;
  padding-left: 2.5rem;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3:before {
  font-size: 1.6rem;
  content: "CHECK!";
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  margin-right: 1rem;
  color: #8fc31f;
  transform: translate3d(0, -0.3rem, 0);
  display: inline-block;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-image: url(../img/commons/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0.5rem;
}
.sbPFCheck .check_kikimatigai .check_kikimatigai_in > div > p {
  font-size: 1.6rem;
  line-height: 1.7;
}
.sbPFCheck .kikoeno_check {
  background-color: #eceff1;
  padding: 11rem 0;
  padding-bottom: 12rem;
}
.sbPFCheck .kikoeno_check h3 {
  margin-bottom: 5rem;
}
.sbPFCheck .kikoeno_check .wrap > p {
  text-align: center;
  margin-bottom: 7rem;
  font-size: 1.6rem;
  line-height: 1.7;
}
.sbPFCheck .kikoeno_check .wrap > p:last-child {
  margin-bottom: 0;
}
.sbPFCheck .kikoeno_check .check_list {
  margin-right: -0.4rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3.5rem;
}
.sbPFCheck .kikoeno_check .check_list > div {
  flex: 0 1 25%;
  box-sizing: border-box;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
}
.sbPFCheck .kikoeno_check .check_list > div > div {
  text-align: center;
  padding: 3rem 0 5rem 0;
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
}
.sbPFCheck .kikoeno_check .check_list > div > div .check {
  color: #8fc31f;
  text-decoration: underline;
  font-weight: 500;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-underline-offset: 0.3rem;
}
.sbPFCheck .kikoeno_check .check_list > div > div .check img {
  width: 2rem;
  margin-right: 0.5rem;
  transform: translate3d(0, 0.1rem, 0);
}
.sbPFCheck .kikoeno_check .check_list > div > div > figure {
  height: 7rem;
  text-align: center;
  margin-bottom: 2rem;
}
.sbPFCheck .kikoeno_check .check_list > div > div > figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sbPFCheck .kikoeno_check .check_list > div > div > div p {
  font-size: 1.4rem;
}

@media screen and (max-width: 700px) {
  .sbPFCheck .check_top {
    padding: 7rem 0;
  }
  .sbPFCheck .check_top_in {
    display: block;
  }
  .sbPFCheck .check_top_in h3 {
    margin-bottom: 4rem;
  }
  .sbPFCheck .check_top_in h3 br {
    display: none;
  }
  .sbPFCheck .check_top_in > div {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div {
    padding-right: 0;
  }
  .sbPFCheck .check_kikimatigai .wrap:before {
    width: calc(100% - 60px);
    left: 30px;
  }
  .sbPFCheck .check_kikimatigai .wrap:after {
    right: 30px;
    left: auto;
  }
  .sbPFCheck .check_kikimatigai .wrap {
    padding-top: 3rem;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in figure {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    margin-bottom: 4rem;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div {
    width: auto;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3 {
    font-size: 2.6rem;
    padding-left: 3.5rem;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3:before {
    font-size: 2rem;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div h3:after {
    width: 2.5rem;
    height: 2.5rem;
    top: 1rem;
  }
  .sbPFCheck .check_kikimatigai .check_kikimatigai_in > div > p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFCheck .check_kikimatigai {
    padding-bottom: 7rem;
  }
  .sbPFCheck .kikoeno_check {
    padding: 7rem 0;
  }
  .sbPFCheck .kikoeno_check h3 {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .sbPFCheck .kikoeno_check .wrap > p {
    font-weight: 500;
    font-size: 2rem;
    text-align: left;
    margin-bottom: 5rem;
  }
  .sbPFCheck .kikoeno_check .check_list > div {
    flex: 0 1 50%;
  }
  .sbPFCheck .kikoeno_check .check_list > div > div .check {
    font-size: 2rem;
  }
  .sbPFCheck .kikoeno_check .check_list > div > div .check img {
    width: 2.5rem;
    height: 2.5rem;
    transform: translate3d(0, 0.3rem, 0);
  }
  .sbPFCheck .kikoeno_check .check_list > div > div > div p {
    font-size: 2rem;
  }
  .sbPFCheck .kikoeno_check .check_list > div > div {
    padding-bottom: 3rem;
  }
  .sbPFCheck .kikoeno_check .check_list > div:nth-child(3) > div > div p {
    padding-top: 1.5rem;
  }
  .sbPFCheck .kikoeno_check .check_list > div:nth-child(6) > div > div p {
    padding-top: 3rem;
  }
}
.sbPFHow .sbPFh {
  color: #fff;
}
.sbPFHow .how_top {
  padding: 10rem 0;
  padding-bottom: 12rem;
}
.sbPFHow .how_top h3 {
  margin-bottom: 4rem;
}
.sbPFHow .how_top .how_top_in > p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 7rem;
}
.sbPFHow .how_top .how_graph {
  display: flex;
}
.sbPFHow .how_top .how_graph > * {
  flex: 1;
  position: relative;
  box-sizing: border-box;
}
.sbPFHow .how_top .how_graph > *:first-child {
  padding-right: 6rem;
}
.sbPFHow .how_top .how_graph > *:first-child:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #707070;
  right: 0;
  top: 0;
}
.sbPFHow .how_top .how_graph > *:last-child {
  padding-left: 6rem;
}
.sbPFHow .how_top .how_graph > *:last-child figure {
  margin-bottom: 4rem;
}
.sbPFHow .how_top .how_graph > * h4 {
  color: #8fc31f;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.sbPFHow .how_top .how_graph > * figure {
  margin-bottom: 2rem;
}
.sbPFHow .how_structure {
  background-color: #eceff1;
  padding: 11rem 0;
  padding-bottom: 12rem;
}
.sbPFHow .how_structure h3 {
  margin-bottom: 7rem;
}
.sbPFHow .how_structure_desc {
  margin-bottom: 6rem;
  display: flex;
}
.sbPFHow .how_structure_desc > div {
  flex: 0 1 50%;
}
.sbPFHow .how_structure_desc > div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sbPFHow .how_structure_desc > div ul li {
  margin-bottom: 4rem;
}
.sbPFHow .how_structure_desc > div ul li h4 {
  background-color: #8fc31f;
  color: #fff;
  position: relative;
  padding-left: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.sbPFHow .how_structure_desc > div ul li h4:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 1rem;
  background-color: #fff;
}
.sbPFHow .how_structure_desc > div ul li p {
  padding-left: 3rem;
}
.sbPFHow .how_structure_desc > figure {
  flex: 1;
  padding-left: 6.5rem;
  box-sizing: border-box;
}
.sbPFHow .how_strucutre_bottom {
  display: flex;
  margin-right: -4rem;
  margin-bottom: 3rem;
}
.sbPFHow .how_strucutre_bottom > * {
  padding-right: 4rem;
  box-sizing: border-box;
  flex: 1;
}
.sbPFHow .how_strucutre_bottom > * > div h4 {
  font-size: 2rem;
  color: #8fc31f;
  margin-bottom: 1rem;
  border-bottom: 1px solid #8fc31f;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.sbPFHow .how_strucutre_bottom > * > div > p {
  line-height: 1.7;
}
.sbPFHow .how_strucutre_bottom > * > div > p small {
  line-height: 1.5;
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
.sbPFHow .how_strucutre_bottom > * > div > div {
  margin-top: 1.5rem;
  border-top: 1px solid #707070;
  padding-top: 1.5rem;
}
.sbPFHow .how_strucutre_bottom > * > div > div h5 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.sbPFHow .how_strucutre_bottom > * > div > div p {
  line-height: 1.7rem;
}
.sbPFHow .how_strucutre_bottom > * > div > div p small {
  line-height: 1.5;
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
.sbPFHow .how_structure_text {
  font-size: 1.4rem;
}
.sbPFHow .how_efficacy {
  padding-top: 12rem;
}
.sbPFHow .how_efficacy .how_efficacy_in {
  margin-bottom: 7rem;
  align-items: center;
  position: relative;
  min-height: 58rem;
}
.sbPFHow .how_efficacy .how_efficacy_in > div {
  padding-left: 10rem;
  padding-top: 5rem;
  width: 50%;
  margin-left: 50%;
  box-sizing: border-box;
}
.sbPFHow .how_efficacy .how_efficacy_in > div > figure {
  width: 54rem;
  position: absolute;
  left: 0;
  top: 0;
}
.sbPFHow .how_efficacy .how_efficacy_in > div h3 {
  text-align: left;
  margin-bottom: 3rem;
  font-size: 2.8rem;
}
.sbPFHow .how_efficacy .how_efficacy_in > div h3:after {
  right: auto;
  left: 0;
}
.sbPFHow .how_efficacy .how_efficacy_in > div p {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 3rem;
}
.sbPFHow .how_efficacy .how_efficacy_in > div > div {
  position: relative;
}
.sbPFHow .how_efficacy .how_efficacy_in > div > div figure {
  position: absolute;
  width: 26rem;
  top: calc(100% + 3rem);
  left: 0;
}
.sbPFHow .how_efficacy .how_efficacy_bottom h3 {
  text-align: center;
  font-size: 2rem;
  color: #8fc31f;
  border: 1px solid #8fc31f;
  padding: 2rem;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list {
  margin-bottom: -5rem;
  display: flex;
  flex-wrap: wrap;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * {
  flex: 0 1 33.3333333333%;
  text-align: center;
  padding-bottom: 5rem;
  position: relative;
  padding-top: 5rem;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * h4 {
  color: #8fc31f;
  font-size: 2rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  position: relative;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * h4:after {
  content: "";
  display: block;
  width: 5rem;
  height: 1px;
  background-color: #8fc31f;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(1):after, .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(2):after, .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(3):after {
  content: "";
  display: block;
  width: 70%;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(1):before, .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(2):before, .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(4):before, .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(5):before {
  content: "";
  display: block;
  height: 50%;
  width: 1px;
  background-color: #c7c7c7;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

@media screen and (max-width: 700px) {
  .sbPFHow .how_top {
    padding: 6rem 0;
  }
  .sbPFHow .how_top .how_top_in > p {
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
  }
  .sbPFHow .how_top .how_top_in > p br {
    display: none;
  }
  .sbPFHow .how_top .how_graph {
    display: block;
  }
  .sbPFHow .how_top .how_graph h4 {
    font-size: 2.5rem;
  }
  .sbPFHow .how_top .how_graph > *:first-child {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    padding-right: 0;
  }
  .sbPFHow .how_top .how_graph > *:first-child:after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    top: auto;
  }
  .sbPFHow .how_top .how_graph > *:last-child {
    padding-left: 0;
  }
  .sbPFHow .how_top .how_graph > * {
    padding-bottom: 2rem;
  }
  .sbPFHow .how_top .how_graph > * p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFHow .how_top .how_graph > *:last-child figure {
    margin-bottom: 2rem;
  }
  .sbPFHow .how_structure {
    padding: 7rem 0;
  }
  .sbPFHow .how_structure_desc {
    flex-direction: column-reverse;
    margin-bottom: 4rem;
  }
  .sbPFHow .how_structure_desc > figure {
    padding-left: 0;
    margin-bottom: 3rem;
  }
  .sbPFHow .how_structure h3 {
    margin-bottom: 4rem;
  }
  .sbPFHow .how_structure_desc > div ul li h4 {
    font-size: 2.2rem;
  }
  .sbPFHow .how_structure_desc > div ul li p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFHow .how_strucutre_bottom {
    flex-direction: column;
  }
  .sbPFHow .how_strucutre_bottom > * {
    margin-bottom: 4rem;
  }
  .sbPFHow .how_strucutre_bottom > *:last-child {
    margin-bottom: 0;
  }
  .sbPFHow .how_strucutre_bottom > * > div h4 {
    font-size: 2.2rem;
  }
  .sbPFHow .how_strucutre_bottom > * > div > p {
    font-size: 2rem;
  }
  .sbPFHow .how_strucutre_bottom > * > div > p small {
    font-size: 2rem;
  }
  .sbPFHow .how_strucutre_bottom > * > div > div {
    border-top: 0;
    margin-top: 0;
    padding-top: 3rem;
  }
  .sbPFHow .how_strucutre_bottom > * > div > div h5 {
    font-size: 2rem;
    padding-top: 3rem;
    display: inline-block;
    border-top: 1px solid #707070;
  }
  .sbPFHow .how_strucutre_bottom > * > div > div p small {
    font-size: 1.8rem;
  }
  .sbPFHow .how_structure_text {
    font-size: 2rem;
  }
  .sbPFHow .how_efficacy {
    padding: 7rem 0;
  }
  .sbPFHow .how_efficacy .how_efficacy_in > div {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    margin-left: 0;
  }
  .sbPFHow .how_efficacy .how_efficacy_in > div > figure {
    width: auto;
    position: relative;
    margin-bottom: 3rem;
  }
  .sbPFHow .how_efficacy .how_efficacy_in > div > div figure {
    position: relative;
    width: 35rem;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
  .sbPFHow .how_efficacy .how_efficacy_in > div p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom h3 {
    font-size: 2.2rem;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * {
    flex: 0 1 50%;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(2n):before {
    display: none;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(2n+1):before {
    content: "";
    display: block;
    height: 50%;
    width: 1px;
    background-color: #c7c7c7;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background-color: #c7c7c7;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > *:nth-child(6) p {
    padding-top: 2rem;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * h4 {
    font-size: 1.8rem;
  }
  .sbPFHow .how_efficacy .how_efficacy_bottom .how_efficacy_bottom_list > * p {
    font-size: 2rem;
  }
}
.sbPFType .sbPFh {
  color: #fff;
}
.sbPFType .type_top {
  padding: 10rem 0;
  padding-bottom: 0;
}
.sbPFType .type_top h3.bdb {
  margin-bottom: 4rem;
  text-align: left;
}
.sbPFType .type_top h3.bdb:after {
  left: 0;
  right: auto;
}
.sbPFType .type_top .type_top_in .wrap > p {
  margin-bottom: 5rem;
  max-width: 80rem;
  line-height: 1.7;
}
.sbPFType .type_list > div {
  padding-bottom: 10rem;
  padding-top: 10rem;
}
.sbPFType .type_list > div:nth-child(1) {
  padding-top: 0;
}
.sbPFType .type_list > div:nth-child(2) {
  background-color: rgba(236, 239, 241, 0.5019607843);
}
.sbPFType .type_list > div:last-child {
  padding-bottom: 0;
}
.sbPFType .type_list > div > p {
  max-width: 64rem;
  margin-bottom: 4rem;
  line-height: 1.7;
}
.sbPFType .type_list > div .type_items {
  display: flex;
  flex-wrap: wrap;
}
.sbPFType .type_list > div .type_items > div {
  flex: 0 1 50%;
  box-sizing: border-box;
  position: relative;
}
.sbPFType .type_list > div .type_items > div:nth-child(1) {
  padding-right: 8rem;
  position: relative;
}
.sbPFType .type_list > div .type_items > div:nth-child(1):after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #707070;
}
.sbPFType .type_list > div .type_items > div:nth-child(2) {
  padding-left: 8rem;
}
.sbPFType .type_list > div .type_items > div:nth-child(3) {
  padding-right: 8rem;
  position: relative;
  margin-top: 8rem;
}
.sbPFType .type_list > div .type_items > div h5 {
  font-size: 2rem;
  padding: 2rem 0;
  color: #8fc31f;
  position: relative;
}
.sbPFType .type_list > div .type_items > div h5:before {
  content: "";
  display: block;
  width: 10rem;
  height: 0.5rem;
  background-color: #8fc31f;
  position: absolute;
  top: 0;
  left: 0;
}
.sbPFType .type_list > div .type_items > div p {
  margin-bottom: 2rem;
}
.sbPFType .type_list > div .type_items > div p:last-child {
  margin-bottom: 0;
}
.sbPFType .type_list > div .type_items > div .shop_link {
  display: block;
  max-width: 30rem;
  text-decoration: none;
  padding: 2rem 0;
  text-align: center;
  border-radius: 1000px;
  background-color: #eceff1;
  position: relative;
  font-weight: 500;
  transition: all ease 0.3s;
}
.sbPFType .type_list > div .type_items > div .shop_link .dot_right {
  background-color: #fff;
  position: absolute;
  transition: all ease 0.3s;
  left: 1.5rem;
  top: 1.2rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.sbPFType .type_list > div .type_items > div .shop_link .dot_right svg {
  width: 1.5rem;
}
.sbPFType .type_list > div .type_items > div .shop_link .dot_right svg path {
  stroke: #000;
}
.sbPFType .type_list > div .type_items > div .shop_link .dot_right svg circle {
  fill: #000;
}
.sbPFType .type_list > div .type_items > div .shop_link:hover {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFType .type_list > div .type_items > div .shop_link:hover .dot_right {
  transform: translate3d(23rem, 0, 0);
}
.sbPFType .type_list h4 {
  font-size: 2rem;
  color: #fff;
  padding: 2rem 2.5rem;
  background-color: #8fc31f;
  margin-bottom: 2rem;
  width: 42rem;
}
.sbPFType .type_itemsMakers {
  display: flex;
  flex-wrap: wrap;
  margin-right: -2.5rem;
  margin-bottom: -5rem;
}
.sbPFType .type_itemsMakers > * {
  flex: 0 1 33.3333333333%;
  padding-right: 2.5rem;
  box-sizing: border-box;
  margin-bottom: 5rem;
}
.sbPFType .type_itemsMakers > * a {
  display: block;
  text-decoration: none;
  transition: all ease 0.3s;
}
.sbPFType .type_itemsMakers > * a figure {
  padding: 1rem;
  border: 1px solid #707070;
}
.sbPFType .type_itemsMakers > * a h5 {
  font-size: 2rem;
  padding: 2rem 0;
  color: #8fc31f;
  position: relative;
  position: relative;
}
.sbPFType .type_itemsMakers > * a h5:before {
  content: "";
  display: block;
  width: 10rem;
  height: 0.5rem;
  background-color: #8fc31f;
  position: absolute;
  top: 0;
  left: 0;
}
.sbPFType .type_itemsMakers > * a h5 .dot_right {
  background-color: #8fc31f;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 1.5rem;
  border-radius: 100%;
}
.sbPFType .type_itemsMakers > * a h5 .dot_right svg {
  width: 1.5rem;
}
.sbPFType .type_itemsMakers > * a h5 .dot_right svg path {
  stroke: #fff;
}
.sbPFType .type_itemsMakers > * a h5 .dot_right svg circle {
  fill: #fff;
}
.sbPFType .type_itemsMakers > * a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 700px) {
  .sbPFType .type_top {
    padding: 7rem 0;
  }
  .sbPFType .type_top .type_top_in .wrap > p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFType .type_list > div .type_items {
    display: block;
  }
  .sbPFType .type_list > div .type_items > div:nth-child(1) {
    padding-right: 0;
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }
  .sbPFType .type_list > div .type_items > div:nth-child(2) {
    padding-left: 0;
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }
  .sbPFType .type_list > div .type_items > div:nth-child(3) {
    padding-right: 0;
    margin-top: 0;
  }
  .sbPFType .type_list > div .type_items > div:nth-child(1):after {
    width: 100%;
    height: 1px;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
  .sbPFType .type_list > div .type_items > div:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    background-color: #707070;
    width: 100%;
    height: 1px;
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
  }
  .sbPFType .type_list > div .type_items > div .shop_link {
    margin: 0 auto;
  }
  .sbPFType .type_list > div .type_items > div h5 {
    font-size: 2.6rem;
  }
  .sbPFType .type_list > div .type_items > div p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFType .type_list > div {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .sbPFType .type_itemsMakers {
    display: block;
  }
  .sbPFType .type_top .type_top_in .wrap > p {
    margin-bottom: 4rem;
  }
  .sbPFType .type_itemsMakers > * a h5 {
    font-size: 2.6rem;
  }
  .sbPFType .type_itemsMakers > * a h5 .dot_right {
    top: 2rem;
  }
  .sbPFType .type_itemsMakers > * {
    margin-bottom: 2rem;
  }
  .sbPFType .type_list h4 {
    width: auto;
  }
}
.sbPFHosyo .sbPFh {
  color: #fff;
}
.sbPFHosyo .hosyo_top {
  padding: 10rem 0;
}
.sbPFHosyo .hosyo_top .wrap > p small {
  font-size: 1.4rem;
}
.sbPFHosyo .hosyo_top h3 {
  margin-bottom: 9rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child {
  flex: 0 1 33rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  height: 33rem;
  width: 33rem;
  border: 0.5rem solid #8fc31f;
  text-align: center;
  position: relative;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child:after {
  content: "";
  width: 5rem;
  height: 5rem;
  background-image: url(../img/hochoki_hosyo/plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(100% + 3rem);
  top: calc(50% - 2.5rem);
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child h4 {
  color: #8fc31f;
  position: relative;
  font-size: 2.8rem;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child h4:after {
  content: "";
  display: block;
  width: 13rem;
  height: 1px;
  background-color: #8fc31f;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child p {
  font-size: 2rem;
  color: #1a1311;
  line-height: 1.7;
  font-weight: 500;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child {
  flex: 1;
  padding-left: 11rem;
  box-sizing: border-box;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child h4 {
  font-size: 2.8rem;
  color: #8fc31f;
  border-left: 1rem solid #8fc31f;
  padding-left: 1rem;
  line-height: 1;
  margin-bottom: 2.5rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li {
  display: flex;
  align-items: center;
  background-color: #8fc31f;
  padding: 2.5rem 3rem;
  margin-bottom: 2px;
  color: #fff;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li h5 {
  font-size: 2rem;
  display: flex;
  align-items: center;
  flex: 0 1 16rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li h5 i {
  font-style: normal;
  font-size: 5.4rem;
  margin-right: 2rem;
}
.sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li p {
  flex: 1;
  box-sizing: border-box;
  padding: 1rem 0;
  padding-left: 4rem;
  border-left: 1px solid #fff;
  line-height: 1.7;
}
.sbPFHosyo .hosyo_mid_icons {
  padding: 10rem 0;
  background-color: rgba(236, 239, 241, 0.5019607843);
}
.sbPFHosyo .hosyo_mid_icons h3 {
  margin-bottom: 7rem;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list {
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div {
  padding-right: 1rem;
  padding-bottom: 1rem;
  flex: 0 1 33.3333333333%;
  box-sizing: border-box;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div {
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
  padding: 6rem 0;
  text-align: center;
  font-weight: 500;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div figure {
  width: 24rem;
  height: 12rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 3.8rem;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div h4 {
  color: #8fc31f;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div p {
  font-size: 1.6rem;
  color: #000000;
  line-height: 1.7;
}
.sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div small {
  display: block;
}

@media screen and (max-width: 700px) {
  .sbPFHosyo .hosyo_top {
    padding: 7rem 0;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in {
    display: block;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child {
    margin: 0 auto;
    margin-bottom: 10rem;
    width: 30rem;
    height: 30rem;
  }
  .sbPFHosyo .hosyo_top h3 {
    margin-bottom: 3rem;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child:after {
    left: auto;
    right: auto;
    top: calc(100% + 3rem);
    margin: auto;
    width: 4rem;
    height: 4rem;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child {
    padding-left: 0;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child h4 {
    font-size: 2.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:first-child h4:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child h4 {
    font-size: 2.2rem;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li {
    display: block;
    padding-top: 1rem;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li p {
    border-left: 0;
    border-top: 1px solid #fff;
    font-size: 2.2rem;
    padding-left: 0;
    padding-top: 2rem;
    font-weight: 500;
  }
  .sbPFHosyo .hosyo_top .hosyo_top_in > div:last-child ul li h5 span {
    font-size: 2.2rem;
    transform: translate3d(0, -0.2rem, 0);
    position: relative;
  }
  .sbPFHosyo .hosyo_top .wrap > p small {
    font-size: 2rem;
  }
  .sbPFHosyo .hosyo_mid_icons {
    padding: 7rem 0;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div {
    flex: 0 1 50%;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div figure {
    width: 17rem;
    height: 12rem;
    margin-bottom: 2.5rem;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div h4 {
    font-size: 2.2rem;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div p {
    font-size: 1.8rem;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div {
    padding: 3rem 0;
  }
  .sbPFHosyo .hosyo_mid_icons .hosyo_mid_icons_list > div > div small {
    display: none;
  }
}
.sbPFFirst .sbPFh {
  color: #fff;
}
.sbPFFirst .first_flow {
  padding: 10rem 0;
  padding-bottom: 0;
}
.sbPFFirst .step {
  position: relative;
  padding-left: 16rem;
  padding-bottom: 7rem;
}
.sbPFFirst .step:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 100%;
  position: absolute;
  left: 6rem;
  top: 0;
  background-color: #8fc31f;
}
.sbPFFirst .step > span {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  color: #fff;
  background-color: #8fc31f;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  font-size: 2rem;
  text-align: center;
}
.sbPFFirst .step > span i {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
}
.sbPFFirst .step > div h3 {
  font-size: 2.8rem;
  color: #8fc31f;
  padding: 4rem 0;
}
.sbPFFirst .step > div figure {
  margin-bottom: 3rem;
}
.sbPFFirst .step > div p {
  line-height: 1.7;
  max-width: 64rem;
}
.sbPFFirst .finish {
  padding: 10rem 0;
  color: #fff;
  position: relative;
}
.sbPFFirst .finish:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #8fc31f;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: left top;
  transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
}
.sbPFFirst .finish .wrap {
  position: relative;
  z-index: 2;
}
.sbPFFirst .finish .wrap > p {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.sbPFFirst .finish .wrap h3 {
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 5rem;
}
.sbPFFirst .finish .wrap figure {
  margin-bottom: 4rem;
}
.sbPFFirst .finish .wrap > div p {
  max-width: 64rem;
  line-height: 1.7;
  margin: 0 auto;
}
.sbPFFirst .finish .wrap > * {
  opacity: 0;
  transition: all ease 0s;
  transform: scale(1.05) translate3d(0, 2rem, 0);
}
.sbPFFirst .finish.active:after {
  transform: scaleX(1);
}
.sbPFFirst .finish.active .wrap > * {
  transition: all ease 0.7s;
  opacity: 1;
  transition-delay: 0.3s;
  transform: scale(1) translate3d(0, 0, 0);
}
.sbPFFirst .finish.active .wrap > *:nth-child(1) {
  transition-delay: 0.5s;
}
.sbPFFirst .finish.active .wrap > *:nth-child(2) {
  transition-delay: 0.7s;
}
.sbPFFirst .finish.active .wrap > *:nth-child(3) {
  transition-delay: 0.9s;
}
.sbPFFirst .finish.active .wrap > *:nth-child(4) {
  transition-delay: 1.1s;
}

@media screen and (max-width: 700px) {
  .sbPFFirst .first_flow {
    padding: 7rem 0;
    padding-bottom: 0;
  }
  .sbPFFirst .step {
    padding-left: 0;
    padding-bottom: 5rem;
  }
  .sbPFFirst .step:before {
    display: none;
  }
  .sbPFFirst .step > span {
    width: 9rem;
    height: 9rem;
    font-size: 1.6rem;
  }
  .sbPFFirst .step > span i {
    font-size: 2.5rem;
  }
  .sbPFFirst .step > div h3 {
    font-size: 2.5rem;
    padding: 2.5rem 0;
    padding-left: 11.5rem;
    margin-bottom: 2rem;
  }
  .sbPFFirst .step > div p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFFirst .step > div p small {
    font-size: 2rem;
  }
  .sbPFFirst .step.step4 > span {
    top: 2rem;
  }
  .sbPFFirst .step.step4 > div h3 {
    margin-bottom: 0;
  }
  .sbPFFirst .finish {
    padding: 7rem 0;
  }
  .sbPFFirst .finish .wrap > p {
    font-size: 1.8rem;
  }
  .sbPFFirst .finish .wrap h3 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .sbPFFirst .finish .wrap figure {
    margin-left: -30px;
    margin-right: -30px;
  }
  .sbPFFirst .finish .wrap > div p {
    font-size: 2rem;
    font-weight: 500;
  }
}
.sbPFRental .sbPFh {
  color: #fff;
}
.sbPFRental .rental_top {
  padding-top: 12rem;
}
.sbPFRental .rental_banner {
  border: 1rem solid #8fc31f;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.sbPFRental .rental_banner h3 {
  text-align: center;
  color: #8fc31f;
  font-size: 3.6rem;
  position: relative;
  margin-bottom: 4rem;
}
.sbPFRental .rental_banner h3 span {
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 0 2rem;
}
.sbPFRental .rental_banner h3:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #8fc31f;
  position: absolute;
  left: 0;
  top: 2rem;
}
.sbPFRental .rental_banner h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #8fc31f;
  position: absolute;
  left: 0;
  bottom: 2rem;
}
.sbPFRental .rental_banner .rental_banner_in {
  display: flex;
}
.sbPFRental .rental_banner .rental_banner_in > div:first-child {
  padding-left: 6rem;
  flex: 0 1 40%;
  box-sizing: border-box;
}
.sbPFRental .rental_banner .rental_banner_in > div:first-child > p:first-child {
  border: 1px solid #8fc31f;
  display: flex;
  font-weight: 500;
  color: #8fc31f;
  font-size: 1.4rem;
  align-items: center;
  margin-bottom: 2rem;
  text-align: center;
}
.sbPFRental .rental_banner .rental_banner_in > div:first-child > p:first-child b {
  font-weight: 500;
  color: #fff;
  padding: 1rem;
  background-color: #8fc31f;
  font-size: 2rem;
}
.sbPFRental .rental_banner .rental_banner_in > div:first-child > p:first-child span {
  display: block;
  text-align: center;
  flex: 1;
}
.sbPFRental .rental_banner .rental_banner_in > div:first-child > p:last-child {
  font-size: 2.3rem;
  color: #8fc31f;
  font-weight: 500;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child {
  flex: 1;
  padding-left: 2rem;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child > div {
  display: flex;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child > div > *:first-child {
  border: 2px solid #8fc31f;
  border-radius: 100%;
  width: 9rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #8fc31f;
  font-size: 2.2rem;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child > div .price {
  color: #8fc31f;
  font-size: 12rem;
  font-weight: normal;
  line-height: 0.7;
  padding-left: 1rem;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child > div .price b {
  font-weight: normal;
}
.sbPFRental .rental_banner .rental_banner_in > div:last-child > div .price i {
  font-size: 6.4rem;
  font-style: normal;
}
.sbPFRental .rental_banner .product {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.sbPFRental .rental_banner .product img {
  max-width: 60rem;
}
.sbPFRental .rental_banner .rental_banner_bottom {
  margin-left: 6rem;
  margin-right: 6rem;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 0 2rem;
}
.sbPFRental .eraberu_six {
  padding: 10rem 0;
}
.sbPFRental .eraberu_six h3 {
  margin-bottom: 4rem;
}
.sbPFRental .eraberu_six .wrap > p {
  text-align: center;
  margin-bottom: 7rem;
}
.sbPFRental .eraberu_six .eraberu_items {
  display: flex;
  flex-wrap: wrap;
}
.sbPFRental .eraberu_six .eraberu_items > * {
  position: relative;
  flex: 0 1 50%;
  box-sizing: border-box;
  padding-bottom: 6rem;
  padding-top: 6rem;
}
.sbPFRental .eraberu_six .eraberu_items > *:before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 6rem);
  background-color: #c7c7c7;
  left: 0;
  bottom: 0;
  position: absolute;
}
.sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n+1) {
  padding-right: 6rem;
}
.sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n+1):after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 12rem);
  background-color: #c7c7c7;
  top: 6rem;
  right: 0;
  position: absolute;
}
.sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n) {
  padding-left: 6rem;
}
.sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n):before {
  left: auto;
  right: 0;
}
.sbPFRental .eraberu_six .eraberu_items > * h4 {
  font-size: 2rem;
  padding: 1rem 2rem;
  padding-right: 0.5rem;
  background-color: #8fc31f;
  color: #fff;
  margin-bottom: 1.5rem;
  letter-spacing: 0;
}
.sbPFRental .eraberu_six .eraberu_items > * h4 small {
  font-size: 1.6rem;
}
.sbPFRental .eraberu_six .eraberu_items > * h5 {
  font-size: 2rem;
  color: #8fc31f;
  padding-left: 3rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.sbPFRental .eraberu_six .eraberu_items > * h5:before {
  content: "";
  display: block;
  width: 2rem;
  height: 0.5rem;
  background-color: #8fc31f;
  position: absolute;
  top: 1.3rem;
  left: 0;
}
.sbPFRental .eraberu_six .eraberu_items > * > p {
  margin-bottom: 2rem;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc {
  position: relative;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type > * {
  width: 9rem;
  height: 9rem;
  border: 1px solid #8fc31f;
  margin-right: 1rem;
  color: #8fc31f;
  display: flex;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.3;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type > *.g {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type > *.g span {
  text-align: center;
  display: block;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type > *.g span:before {
  content: "";
  width: 1.5rem;
  height: 2rem;
  background-image: url(../img/hochoki_rental/plug.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .hochoki_logo {
  width: 22rem;
  margin-bottom: 3rem;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices {
  padding: 0;
  z-index: 2;
  position: relative;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p {
  display: flex;
  align-items: center;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p > span {
  padding: 0.3rem 1rem;
  border: 1px solid #8fc31f;
  margin-right: 1rem;
  color: #8fc31f;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b {
  font-size: 2.8rem;
  font-weight: 500;
  color: #8fc31f;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b span {
  font-size: 3.6rem;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b small {
  font-size: 1.6rem;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p i {
  font-style: normal;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_desc_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50%;
  margin-bottom: 3rem;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_desc_list li {
  margin-bottom: 2px;
  background-color: #1f91c3;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.sbPFRental .eraberu_six .eraberu_items > * .item_image {
  position: absolute;
  width: 50%;
  top: 0;
  right: 0;
}
.sbPFRental .rental_flow {
  padding: 11rem 0;
  padding-bottom: 12rem;
  background-color: rgba(236, 239, 241, 0.5019607843);
}
.sbPFRental .rental_flow h3 {
  margin-bottom: 7rem;
}
.sbPFRental .rental_flow .flows {
  margin-bottom: 3rem;
}
.sbPFRental .rental_flow .flows > div {
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  position: relative;
}
.sbPFRental .rental_flow .flows > div:after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2rem;
  background-image: url(../img/hochoki_rental/delta.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  margin: auto;
  background-color: #f5f7f8;
  padding: 0 1rem;
  background-position: center;
}
.sbPFRental .rental_flow .flows > div figure {
  width: 60rem;
  position: absolute;
  left: 0;
  top: 0;
}
.sbPFRental .rental_flow .flows > div > div {
  width: calc(100% - 60rem);
  margin-left: 60rem;
  padding-left: 7rem;
  min-height: 30rem;
  flex: 1;
  box-sizing: border-box;
}
.sbPFRental .rental_flow .flows > div > div .step {
  display: flex;
  margin-bottom: 1rem;
}
.sbPFRental .rental_flow .flows > div > div .step i {
  font-style: normal;
  color: #fff;
  background-color: #8fc31f;
  font-size: 2rem;
  padding: 0.5rem 2rem;
}
.sbPFRental .rental_flow .flows > div > div .step span {
  color: #8fc31f;
  border: 1px solid #8fc31f;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  width: 15rem;
  padding-top: 0.7rem;
  text-align: center;
}
.sbPFRental .rental_flow .flows > div > div h4 {
  font-size: 2rem;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.sbPFRental .rental_flow .flows > div > div h4:after {
  content: "";
  display: block;
  width: 6rem;
  height: 1px;
  background-color: #8fc31f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sbPFRental .rental_flow .flows > div > div > div p {
  font-size: 1.6rem;
}
.sbPFRental .rental_flow .flows > div:last-child {
  border-bottom-style: dotted;
}
.sbPFRental .rental_flow .flows > div:last-child:after {
  display: none;
}
.sbPFRental .rental_flow .rental_flow_message {
  text-align: center;
  margin-bottom: 5rem;
}
.sbPFRental .rental_flow .rental_flow_bottoms {
  background-color: #fff;
  padding: 5rem 10rem;
}
.sbPFRental .rental_flow .rental_flow_bottoms h4 {
  color: #8fc31f;
  margin-bottom: 2rem;
  font-size: 2rem;
  text-align: center;
}

.sbPFRental .eraberu_six .eraberu_items > *:nth-child(1) .item_image {
  width: 14rem;
  right: 4rem;
  top: 5rem;
}

.sbPFRental .eraberu_six .eraberu_items > *:nth-child(4) .item_image {
  top: 5rem;
}

.sbPFRental .eraberu_six .eraberu_items > *:nth-child(5) .item_image {
  top: 6rem;
}

.sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) .item_image {
  width: 19rem;
  top: 3rem;
}
.sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) .item_desc_p3_h {
  position: absolute;
  width: 14rem;
  top: 13rem;
  right: 0;
  z-index: -1;
}

@media screen and (max-width: 700px) {
  .sbPFRental .rental_top {
    padding: 7rem 0;
    padding-bottom: 0;
  }
  .sbPFRental .rental_banner {
    padding: 3rem 0;
  }
  .sbPFRental .rental_banner h3 {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 2rem;
  }
  .sbPFRental .rental_banner h3 span {
    line-height: 1.3;
  }
  .sbPFRental .rental_banner h3:before {
    top: 2.5rem;
  }
  .sbPFRental .rental_banner h3:after {
    bottom: 3rem;
  }
  .sbPFRental .rental_banner .rental_banner_in {
    display: block;
    max-width: calc(100% - 6rem);
    margin: 0 auto;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:first-child {
    padding-left: 0;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:first-child > p:last-child {
    text-align: center;
    margin-bottom: 1rem;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:last-child > div {
    position: relative;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:last-child > div .price {
    font-size: 7rem;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:last-child > div > *:first-child {
    font-size: 1.6rem;
    position: absolute;
    width: 7rem;
    height: 7rem;
    top: 0;
    left: -2rem;
    line-height: 1.3;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:last-child > div .price b {
    padding-left: 5rem;
  }
  .sbPFRental .rental_banner .product {
    margin: 0 auto;
    width: 75%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
  }
  .sbPFRental .rental_banner .rental_banner_bottom {
    max-width: calc(100% - 6rem);
    margin: 0 auto;
    border: 0;
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFRental .rental_banner .rental_banner_in > div:first-child > p:first-child span {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .sbPFRental .eraberu_six {
    padding: 7rem 0;
  }
  .sbPFRental .eraberu_six .wrap > p {
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0;
  }
  .sbPFRental .eraberu_six .wrap > p br {
    display: none;
  }
  .sbPFRental .eraberu_six .eraberu_items {
    display: block;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(1) .item_image {
    top: -2rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n+1) {
    padding-right: 0;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n) {
    padding-left: 0;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(2n+1):after {
    display: none;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:before {
    width: 100%;
  }
  .sbPFRental .eraberu_six .eraberu_items > * h4 {
    padding: 0 3rem;
    font-size: 2.2rem;
    display: flex;
    align-items: center;
    height: 11rem;
    margin-bottom: 2.2rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * h4 small {
    font-size: 2.2rem;
    display: block;
  }
  .sbPFRental .eraberu_six .eraberu_items > * h5 {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * > p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type > * {
    width: 12rem;
    height: 12rem;
    font-weight: 500;
    font-size: 1.8rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices {
    position: relative;
    z-index: 4;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p > span {
    font-size: 2.2rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b span {
    font-size: 6rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b {
    font-size: 4rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > .eraberu_itemsMimisapo .item_image {
    position: relative;
    right: auto;
    left: auto;
    width: 80%;
    margin: 0 auto;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_desc_list {
    width: auto;
    font-size: 2.2rem;
    margin-bottom: 0;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_desc_list li {
    padding: 0.5rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_desc_list.item_desc_list_sp_half {
    width: 22rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .prices p b small {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .item_type {
    position: relative;
    z-index: 3;
  }
  .sbPFRental .eraberu_six .eraberu_items > * .item_desc .hochoki_logo {
    margin-bottom: 1rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(4) .item_image {
    top: 2rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(5) .item_image {
    top: 5rem;
    width: 48%;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(5) .item_type {
    justify-content: center;
    width: 50%;
  }
  .sbPFRental .eraberu_six .eraberu_items > * h5 br {
    display: none;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) .item_desc .item_type {
    justify-content: center;
    width: 50%;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) .item_desc .item_image {
    width: 90%;
    position: relative;
    top: 0;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) .item_desc_p3_h {
    width: 26rem;
    top: 35rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(6) {
    padding-bottom: 0;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(6):before {
    display: none;
  }
  .sbPFRental .rental_flow {
    padding: 7rem 0;
  }
  .sbPFRental .rental_flow .flows > div figure {
    position: relative;
    width: auto;
    margin-bottom: 2rem;
  }
  .sbPFRental .rental_flow .flows > div > div {
    width: auto;
    margin-left: 0;
    padding-left: 0;
  }
  .sbPFRental .rental_flow h3 {
    margin-bottom: 4rem;
  }
  .sbPFRental .rental_flow .flows > div > div h4:after {
    display: none;
  }
  .sbPFRental .rental_flow .flows > div > div h4 {
    margin-bottom: 1rem;
    font-size: 2.2rem;
  }
  .sbPFRental .rental_flow .flows > div > div .step i {
    font-size: 2rem;
    padding: 1rem 3rem;
  }
  .sbPFRental .rental_flow .flows > div > div .step span {
    font-size: 2rem;
    padding-top: 1rem;
    display: inline-block;
    padding-left: 3rem;
    padding-right: 3rem;
    width: auto;
  }
  .sbPFRental .rental_flow .flows > div > div > div p {
    font-size: 2rem;
  }
  .sbPFRental .rental_flow .rental_flow_message {
    text-align: left;
    font-size: 2rem;
  }
  .sbPFRental .rental_flow .rental_flow_message br {
    display: none;
  }
  .sbPFRental .rental_flow .rental_flow_bottoms {
    padding: 4rem;
  }
  .sbPFRental .rental_flow .rental_flow_bottoms h4 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .sbPFRental .rental_flow .rental_flow_bottoms p {
    font-size: 2rem;
  }
  .sbPFRental .eraberu_six .eraberu_items > *:nth-child(3) .item_image {
    top: 4rem;
  }
}
.sbPHochokiMaker .sbPh {
  margin-bottom: 7rem;
}
.sbPHochokiMaker .sbPHochokiMaker_contents {
  padding: 12rem 0;
  background-color: #f5f7f8;
}
.sbPHochokiMaker .sbPHochokiMaker_contents .wrap > h3 {
  text-align: center;
  font-size: 2.8rem;
  margin-bottom: 7rem;
}
.sbPHochokiMaker .sbPHochokiMaker_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
  margin-bottom: -5rem;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div {
  flex: 0 1 33.3333333333%;
  padding-right: 3rem;
  padding-bottom: 7rem;
  box-sizing: border-box;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a {
  display: block;
  height: 48rem;
  text-decoration: none;
  position: relative;
  background-color: #fff;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a .maker_figure_wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a .maker_figure_wrap figure {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 23rem;
  margin: 0 auto;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a .maker_figure_wrap figure img {
  transition: all ease 0.3s;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: -3rem;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a .maker_figure_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #8fc31f;
  position: absolute;
  transform: scaleY(0);
  transform-origin: bottom;
  top: 0;
  left: 0;
  transition: all ease 0.3s;
  z-index: 1;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a h3 {
  font-weight: 500;
  position: absolute;
  font-size: 1.8rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  transition: all ease 0.3s;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:first-child {
  display: block;
  background-color: #f5f7f8;
  padding-top: 3.5rem;
  flex: 1;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child {
  flex: 0 1 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #8fc31f;
  position: relative;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:before {
  content: "MORE";
  color: #707070;
  position: absolute;
  width: auto;
  right: 3.5rem;
  bottom: 2.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  transition: all ease 0.3s;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:after {
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #707070;
  position: absolute;
  right: 0;
  bottom: 50%;
  transition: all ease 0.3s;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover figure img {
  transform: scale(1.1);
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover .maker_figure_wrap:after {
  transform: scaleY(1);
  opacity: 0.5;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover h3 {
  color: #8fc31f;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover h3 span:last-child {
  border-bottom-color: #fff;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover h3 span:last-child:before {
  color: #fff;
}
.sbPHochokiMaker .sbPHochokiMaker_list > div a:hover h3 span:last-child:after {
  background-color: #fff;
}
.sbPHochokiMaker .sbPHochokiMaker_content {
  padding-top: 10rem;
}
.sbPHochokiMaker .sbPHochokiMaker_content .sbPHochokiMaker_content_top {
  margin-bottom: 7rem;
  text-align: center;
}
.sbPHochokiMaker .sbPHochokiMaker_content .sbPHochokiMaker_content_top h3 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.sbPHochokiMaker .sbPHochokiMaker_content .sbPHochokiMaker_content_top p {
  font-size: 1.6rem;
}

@media screen and (max-width: 700px) {
  .sbPHochokiMaker .sbPHochokiMaker_list {
    display: block;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 {
    font-size: 2.3rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div h3 span:first-child {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child {
    flex: 0 1 16rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:before {
    font-size: 2rem;
    bottom: 3rem;
    right: 4.5rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:after {
    bottom: 4.3rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_content .sbPHochokiMaker_content_top h3 {
    font-size: 2.5rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_content .sbPHochokiMaker_content_top p {
    font-size: 2rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 {
    font-size: 2rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_content {
    padding-top: 7rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_contents {
    padding: 7rem 0;
  }
  .sbPHochokiMaker .sbPHochokiMaker_contents .wrap > h3 {
    font-size: 2.5rem;
    margin-bottom: 5rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:before {
    color: #000;
    font-weight: 500;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a h3 span:last-child:after {
    background-color: #000;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list > div a .maker_figure_wrap figure {
    width: 28rem;
  }
  .sbPHochokiMaker .sbPHochokiMaker_list {
    padding-bottom: 0;
  }
}
.sbPFmakers .sbPF {
  padding-top: 13rem;
  padding-bottom: 11rem;
  display: flex;
  align-items: center;
}
.sbPFmakers .sbPF figure {
  flex: 0 1 30rem;
  height: 23rem;
}
.sbPFmakers .sbPF figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sbPFmakers .sbPF > div {
  flex: 1;
  padding-left: 10rem;
  box-sizing: border-box;
}
.sbPFmakers .sbPF > div h2 {
  text-align: left;
  margin-bottom: 4rem;
}
.sbPFmakers .sbPF > div h2:after {
  right: auto;
  left: 0;
  width: 10rem;
}
.sbPFmakers .makers_movie {
  padding: 12rem 0;
  background-color: #f5f7f8;
}
.sbPFmakers .makers_movie h3 {
  margin-bottom: 7rem;
}
.sbPFmakers .makers_movie .makers_movie_swiper {
  width: 70rem;
  overflow: visible;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a {
  display: block;
  text-decoration: none;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a div {
  position: relative;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a div figure {
  padding: 3rem;
  background-color: #fff;
  box-sizing: border-box;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a div svg {
  position: absolute;
  width: 13.5%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a:hover div figure {
  opacity: 0.7;
}
.sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide a:hover div svg {
  transform: scale(1.1);
}
.sbPFmakers .makers_movie .makers_movie_swiper h4 {
  position: relative;
  padding-top: 3rem;
}
.sbPFmakers .makers_movie .makers_movie_swiper h4:before {
  content: "";
  display: block;
  width: 10rem;
  height: 1rem;
  background-color: #8fc31f;
  position: absolute;
  top: 0;
  left: 0;
}
.sbPFmakers .secret-story {
  padding: 100px 0 80px;
  background: #F4F9E8;
}
.sbPFmakers .secret-story .pc {
  display: block;
}
.sbPFmakers .secret-story .sp {
  display: none;
}
.sbPFmakers .secret-story_flex {
  display: flex;
  justify-content: space-between;
}
.sbPFmakers .secret-story_textarea {
  width: 51.5%;
  padding-top: 4px;
}
.sbPFmakers .secret-story_ttl {
  padding-left: 48px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
.sbPFmakers .secret-story_ttl::before {
  content: "";
  width: 38px;
  height: 35px;
  display: block;
  background: url(../img/hochoki_maker/mimisapo/story_icon.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sbPFmakers .secret-story_img {
  width: 40.5%;
}
.sbPFmakers .secret-story_sttl {
  margin-top: 32px;
  padding-bottom: 48px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.61;
  letter-spacing: 0.025em;
  color: #7DB52C;
  background: radial-gradient(circle farthest-side, #7DB52C, #7DB52C 28%, transparent 28%, transparent);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 19px 19px;
}
.sbPFmakers .secret-story_text {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.75;
}
.sbPFmakers .secret-story_name {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 20px;
}
.sbPFmakers .secret-story_name span {
  font-weight: 700;
}
.sbPFmakers .secret-story_name span:first-child {
  font-size: 16px;
  letter-spacing: 0.1em;
}
.sbPFmakers .secret-story_name span:nth-child(2) {
  font-size: 20px;
  letter-spacing: 0.05em;
}
.sbPFmakers .makers_products {
  padding: 11rem 0;
  padding-bottom: 0;
}
.sbPFmakers .makers_products.makers_productsNikon {
  padding-top: 0;
}
.sbPFmakers .makers_products h3 {
  margin-bottom: 7rem;
}
.sbPFmakers .makers_products .makers_products_list .wrapIrregular h4 {
  margin-bottom: 5rem;
}
.sbPFmakers .makers_products .makers_products_list .wrapIrregular.wrap > div figure {
  position: relative;
  width: auto;
  top: 0;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_banner {
  margin-bottom: 4rem;
}
.sbPFmakers .makers_products .makers_products_list > div > div {
  padding-top: 10rem;
}
.sbPFmakers .makers_products .makers_products_list > div > div > div:last-child {
  padding-bottom: 10rem;
}
.sbPFmakers .makers_products .makers_products_list > div:first-child > div {
  padding-top: 0;
}
.sbPFmakers .makers_products .makers_products_list > div:nth-child(2n) {
  background-color: #f5f7f8;
}
.sbPFmakers .makers_products .makers_products_list > div:last-child:nth-child(2n+1) {
  padding-bottom: 0;
}
.sbPFmakers .makers_products .makers_products_list > div:last-child:nth-child(2n+1) .wrap > div:last-child {
  border-bottom: 1px solid #c7c7c7;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div {
  position: relative;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div figure {
  position: absolute;
  width: 50%;
  right: 0;
  top: 7rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .first {
  position: absolute;
  width: 50%;
  right: 0;
  top: 35rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .second {
  position: absolute;
  width: 40%;
  right: 0;
  top: 35rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .third {
  position: absolute;
  width: 50%;
  right: 0;
  top: 44rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .forth {
  position: absolute;
  width: 50%;
  right: 0;
  top: 42rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .fifth {
  position: absolute;
  width: 50%;
  right: 0;
  top: 35rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div .intent {
  position: absolute;
  width: 50%;
  right: 0;
  top: -1rem;
  z-index: 2;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div a {
  display: block;
  transition: 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .wrap > div a:hover {
  opacity: 0.8;
}
.sbPFmakers .makers_products .makers_products_list h4 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 2rem;
  line-height: 1.5;
}
.sbPFmakers .makers_products .makers_products_list h4 small {
  font-size: 1.8rem;
}
.sbPFmakers .makers_products .makers_products_list h4:before {
  content: "";
  width: 0.5rem;
  height: 100%;
  border: 1px solid #8fc31f;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0.2rem, 0);
}
.sbPFmakers .makers_products .makers_products_list .mimisapo-new {
  position: relative;
}
.sbPFmakers .makers_products .makers_products_list .mimisapo-new::after {
  content: "NEW";
  background-color: #DE0000;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 56%;
  left: 28%;
  transform: translate(0%, -50%);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  line-height: 1;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .mimisapo-new {
    position: relative;
  }
  .sbPFmakers .makers_products .makers_products_list .mimisapo-new::after {
    content: "NEW";
    background-color: #DE0000;
    font-size: 1.8rem;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 56%;
    left: 27rem;
    transform: translate(0%, -50%);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    line-height: 1;
  }
}
.sbPFmakers .makers_products .makers_products_list .mimisapo-new-02 {
  position: relative;
}
.sbPFmakers .makers_products .makers_products_list .mimisapo-new-02::after {
  content: "NEW";
  background-color: #DE0000;
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 56%;
  left: 31%;
  transform: translate(0%, -50%);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  line-height: 1;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .mimisapo-new-02 {
    position: relative;
  }
  .sbPFmakers .makers_products .makers_products_list .mimisapo-new-02::after {
    content: "NEW";
    background-color: #DE0000;
    font-size: 1.8rem;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 56%;
    left: 30rem;
    transform: translate(0%, -50%);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    line-height: 1;
  }
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap {
  display: flex;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap > * {
  flex: 1;
  box-sizing: border-box;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap > *.makers_products_desc {
  flex: 0 1 40rem;
  box-sizing: border-box;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap figure {
  flex: 1;
  padding-left: 6rem;
  box-sizing: border-box;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flexWrap {
  padding-bottom: 9rem;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex {
  display: flex;
  margin-right: -4rem;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * {
  padding-right: 4rem;
  flex: 0 1 25%;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * figure {
  margin-bottom: 2.5rem;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * h5 {
  color: #8fc31f;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * p {
  margin-bottom: 1rem;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * > div .price {
  color: #8fc31f;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * > div .price i {
  font-style: normal;
  font-size: 2.8rem;
  font-weight: 500;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * > div .price span {
  font-size: 3.6rem;
  font-weight: 500;
}
.sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * > div .price small {
  font-size: 1.4rem;
  color: #000000;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc {
  flex: 0 1 29rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  padding-bottom: 3rem;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > * {
  width: 9rem;
  height: 9rem;
  margin-bottom: 1rem;
  border: 1px solid #8fc31f;
  margin-right: 1rem;
  flex: 0 1 9rem;
  color: #8fc31f;
  display: flex;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.3;
  background-color: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *:nth-child(4n) {
  margin-right: 0;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.g {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.g span {
  text-align: center;
  display: block;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.g span:before {
  content: "";
  width: 1.5rem;
  height: 2rem;
  background-image: url(../img/hochoki_rental/plug.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.o {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.o span {
  text-align: center;
  display: block;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.o span:before {
  content: "";
  width: 1.5rem;
  height: 2rem;
  background-image: url(../img/hochoki_maker/circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.b span {
  text-align: center;
  display: block;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.b span:before {
  content: "";
  width: 1.5rem;
  height: 2rem;
  background-image: url(../img/hochoki_maker/bluetooth.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.p span {
  text-align: center;
  display: block;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *.p span:before {
  content: "";
  width: 1.5rem;
  height: 2rem;
  background-image: url(../img/hochoki_maker/sp_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text {
  margin-bottom: 4rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text .red {
  color: #f04d4d;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text a {
  color: #8fc31f;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text.makers_products_textMid {
  margin-bottom: 2rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text.makers_products_textHoge {
  margin-bottom: 4rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text-ann {
  padding-top: 3rem;
  font-size: 1.6rem;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text-ann:nth-of-type(3) {
  padding-top: 0;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap {
  margin-right: -2rem;
  display: flex;
  flex-wrap: wrap;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap > * {
  padding-right: 2rem;
  flex: 1;
  box-sizing: border-box;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap .prices .price.promp {
  margin-bottom: 0;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap .prices .price.promp:last-child {
  margin-bottom: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap_label {
  color: #fff;
  background-color: #8fc31f;
  padding: 1rem;
  margin-bottom: 3.5rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .bottom_small small {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link {
  background-color: #8fc31f;
  position: relative;
  color: #fff;
  display: block;
  text-decoration: none;
  border-radius: 1000px;
  max-width: 30rem;
  text-align: center;
  padding: 2rem 0;
  border: 1px solid #8fc31f;
  font-weight: 500;
  margin-top: 3rem;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link .dot_right {
  background-color: #fff;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  position: absolute;
  left: 1.5rem;
  top: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link .dot_right svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link .dot_right svg path {
  stroke: #8fc31f;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link .dot_right svg circle {
  fill: #8fc31f;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link:hover {
  background-color: #fff;
  color: #8fc31f;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link:hover .dot_right {
  background-color: #8fc31f;
  transform: translate3d(23rem, 0, 0);
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link:hover .dot_right svg path {
  stroke: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link:hover .dot_right svg circle {
  fill: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue {
  background-color: #084098;
  position: relative;
  color: #fff;
  display: block;
  text-decoration: none;
  border-radius: 1000px;
  max-width: 30rem;
  text-align: center;
  padding: 2rem 0;
  border: 1px solid #084098;
  font-weight: 500;
  margin-top: 3rem;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue .dot_right {
  background-color: #fff;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  position: absolute;
  left: 1.5rem;
  top: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue .dot_right svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue .dot_right svg path {
  stroke: #084098;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue .dot_right svg circle {
  fill: #084098;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue:hover {
  background-color: #fff;
  color: #084098;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue:hover .dot_right {
  background-color: #084098;
  transform: translate3d(23rem, 0, 0);
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue:hover .dot_right svg path {
  stroke: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue:hover .dot_right svg circle {
  fill: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red {
  background-color: #f04d4d;
  position: relative;
  color: #fff;
  display: block;
  text-decoration: none;
  border-radius: 1000px;
  max-width: 30rem;
  text-align: center;
  padding: 2rem 0;
  border: 1px solid #f04d4d;
  font-weight: 500;
  margin-top: 3rem;
  transition: all ease 0.3s;
  font-size: 1.6rem !important;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red .dot_right {
  background-color: #fff;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  position: absolute;
  left: 1.5rem;
  top: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red .dot_right svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red .dot_right svg path {
  stroke: #f04d4d;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red .dot_right svg circle {
  fill: #f04d4d;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red:hover {
  background-color: #fff;
  color: #f04d4d;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red:hover .dot_right {
  background-color: #f04d4d;
  transform: translate3d(23rem, 0, 0);
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red:hover .dot_right svg path {
  stroke: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red:hover .dot_right svg circle {
  fill: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2 {
  background-color: #fff;
  position: relative;
  color: #8fc31f;
  display: block;
  text-decoration: none;
  border-radius: 1000px;
  max-width: 30rem;
  text-align: center;
  padding: 2rem 0;
  border: 1px solid #8fc31f;
  font-weight: 500;
  margin-top: 3rem;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2 .dot_right {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  position: absolute;
  right: 1.5rem;
  top: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2 .dot_right svg {
  width: 1.5rem;
  height: 1.5rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2 .dot_right svg path {
  stroke: #8fc31f;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2 .dot_right svg circle {
  fill: #8fc31f;
  transition: all ease 0.3s;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2:hover {
  background-color: #8fc31f;
  color: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2:hover .dot_right svg path {
  stroke: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link2:hover .dot_right svg circle {
  fill: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices {
  padding: 0;
  flex: 0 1 50%;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .hen {
  font-size: 2.8rem;
  color: #6e6e6e;
  font-weight: 500;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .hen i {
  font-style: normal;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .ex {
  font-weight: 500;
  margin-bottom: -1rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .ex:nth-child(2) {
  margin-top: 1rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label {
  font-weight: 500;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label span:nth-child(1) {
  border: 1px solid #000;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
  background-color: #fff;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label--02 {
  padding-bottom: 3rem;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label--02 {
    padding-bottom: 0;
  }
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .promp {
  color: #8fc31f;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .promp i {
  font-style: normal;
  font-size: 2.8rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .promp span {
  font-size: 3.6rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex {
    flex-direction: column;
  }
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex-item {
  position: relative;
  width: 47%;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex-item {
    position: relative;
    width: 100%;
  }
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex-item::after {
  content: "(税込)";
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 700px) {
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .price-flex-item::after {
    content: "(税込)";
    position: absolute;
    top: 2rem;
    left: 24rem;
    transform: translate(-50%, -50%);
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .priceIrregular {
  margin-top: 1rem;
  line-height: 1.3;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .priceIrregular .shusei6312 {
  color: #6e6e6e;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.6rem;
  margin-right: 1rem;
}
.sbPFmakers .makers_products .makers_products_list .makers_products_desc .priceIrregular .shusei6312 b {
  color: #8fc31f;
  font-weight: 500;
}
.sbPFmakers .hochoki_maker_links {
  padding: 10rem 0;
}
.sbPFmakers .hochoki_maker_links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.sbPFmakers .hochoki_maker_links ul > * {
  flex: 1;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  margin-right: -1px;
}
.sbPFmakers .hochoki_maker_links ul > * > a {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
  padding: 2rem 0;
  transition: all ease 0.3s;
}
.sbPFmakers .hochoki_maker_links ul > * > a figure {
  width: 14rem;
  height: 11.5rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.sbPFmakers .hochoki_maker_links ul > * > a figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.sbPFmakers .hochoki_maker_links ul > * > a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 700px) {
  .sbPFmakers .sbPF {
    display: block;
  }
  .sbPFmakers .sbPF > div {
    padding-left: 0;
  }
  .sbPFmakers .sbPF > div h2 {
    text-align: center;
    font-size: 2.5rem;
  }
  .sbPFmakers .sbPF > div h2:after {
    left: 0;
    right: 0;
    margin: auto;
    width: 4rem;
  }
  .sbPFmakers .sbPF figure {
    width: 30rem;
    height: 30rem;
    margin: 0 auto;
  }
  .sbPFmakers .sbPF {
    padding-top: 0;
    padding-bottom: 7rem;
  }
  .sbPFmakers .sbPF p {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFmakers .makers_movie {
    padding: 7rem 0;
  }
  .sbPFmakers .makers_movie .makers_movie_swiper {
    width: 80%;
  }
  .sbPFmakers .makers_movie .makers_movie_swiper .swiper-slide figure {
    padding: 2rem;
  }
  .sbPFmakers .makers_movie .makers_movie_swiper h4 {
    font-size: 2rem;
  }
  .sbPFmakers .makers_movie h3 {
    margin-bottom: 4rem;
  }
  .sbPFmakers .secret-story {
    padding: 7.6rem 0 7rem;
  }
  .sbPFmakers .secret-story .pc {
    display: none;
  }
  .sbPFmakers .secret-story .sp {
    display: block;
  }
  .sbPFmakers .secret-story_flex {
    display: block;
  }
  .sbPFmakers .secret-story_textarea {
    width: 100%;
    padding-top: 0;
  }
  .sbPFmakers .secret-story_ttl {
    padding-left: 5.6rem;
    font-size: 2.5rem;
  }
  .sbPFmakers .secret-story_ttl::before {
    width: 4.3rem;
    height: 4rem;
  }
  .sbPFmakers .secret-story_img {
    width: 92.5%;
    margin: 27px 0 0 auto;
  }
  .sbPFmakers .secret-story_sttl {
    margin-top: 3rem;
    padding-bottom: 4rem;
    font-size: 2.5rem;
    background-size: 8px 8px;
  }
  .sbPFmakers .secret-story_text {
    margin-top: 3.5rem;
    font-size: 2rem;
    line-height: 1.61;
  }
  .sbPFmakers .secret-story_name {
    margin-top: 2rem;
    gap: 0 13px;
  }
  .sbPFmakers .secret-story_name span:first-child {
    font-size: 2rem;
  }
  .sbPFmakers .secret-story_name span:nth-child(2) {
    font-size: 3rem;
  }
  .sbPFmakers .makers_products {
    padding: 7rem 0;
    padding-bottom: 0;
  }
  .sbPFmakers .makers_products h3 {
    margin-bottom: 4rem;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div figure {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .first {
    position: relative;
    width: 111%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    margin-left: -5rem;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .second {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .third {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .forth {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .fifth {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .wrap > div .intent {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding-left: 0;
    top: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * h5 {
    font-size: 2.2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * p {
    font-size: 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > * {
    margin-bottom: 5rem;
  }
  .sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex > *:last-child {
    margin-bottom: 0;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices_wrap_label {
    font-size: 2rem;
    padding: 1rem 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .hochoki_maker_flex {
    display: block;
  }
  .sbPFmakers .makers_products .makers_products_list h4 {
    font-size: 2.8rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > * {
    width: 12rem;
    height: 12rem;
    font-size: 1.8rem;
    font-weight: 500;
    flex: 0 1 12rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type {
    padding-bottom: 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap {
    display: block;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc_wrap .bottom_small small {
    font-size: 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .makers_products_text-ann {
    font-size: 1.8rem;
    font-weight: 500;
    text-indent: -2rem;
    padding-left: 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label span:nth-child(1) {
    font-size: 2rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .label {
    font-size: 1.8rem;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .prices .promp span {
    font-size: 4rem;
  }
  .sbPFmakers .makers_products .makers_products_list > div > div > div:last-child {
    padding-bottom: 7rem;
  }
  .sbPFmakers .makers_products .makers_products_list > div > div {
    padding-top: 7rem;
  }
  .sbPFmakers .hochoki_maker_links ul {
    border-top: 0;
    padding-top: 0;
  }
  .sbPFmakers .hochoki_maker_links ul {
    flex-wrap: wrap;
    margin-top: -5rem;
  }
  .sbPFmakers .hochoki_maker_links ul > * {
    flex: 0 1 50%;
    box-sizing: border-box;
    padding-bottom: 5rem;
    border: 0;
    position: relative;
    padding-top: 5rem;
  }
  .sbPFmakers .hochoki_maker_links ul > *:nth-child(2n+1) {
    padding-right: 3rem;
  }
  .sbPFmakers .hochoki_maker_links ul > *:nth-child(2n+1):before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 10rem);
    position: absolute;
    right: 0;
    top: 5rem;
    background-color: #c7c7c7;
  }
  .sbPFmakers .hochoki_maker_links ul > *:nth-child(2n+1):after {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 5rem);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c7c7c7;
  }
  .sbPFmakers .hochoki_maker_links ul > *:nth-child(2n) {
    padding-left: 5rem;
  }
  .sbPFmakers .hochoki_maker_links ul > *:nth-child(2n):after {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 5rem);
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #c7c7c7;
  }
  .sbPFmakers .hochoki_maker_links ul > *:last-child:after {
    display: none;
  }
  .sbPFmakers .hochoki_maker_links ul > * > a figure img {
    margin-bottom: 1rem;
  }
  .sbPFmakers .hochoki_maker_links ul > * > a {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFmakers .hochoki_maker_links {
    padding: 7rem 0;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link {
    margin-left: auto;
    margin-right: auto;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_blue {
    margin-left: auto;
    margin-right: auto;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .shop_link_red {
    margin-left: auto;
    margin-right: auto;
  }
  .sbPFmakers .makers_products .makers_products_list .makers_products_desc .item_type > *:nth-child(4n) {
    margin-right: 1rem;
  }
}
.makers_products_sub-heading {
  font-size: 2.6rem;
  color: #8FC31F;
  font-weight: bold;
  padding-bottom: 3rem;
}

@media screen and (max-width: 700px) {
  .makers_products_sub-heading {
    font-size: 2rem;
    color: #8FC31F;
    font-weight: bold;
    padding-bottom: 3rem;
    position: relative;
  }
}
.makers_products_ann {
  font-size: 1.4rem;
  color: #000000;
  margin-top: -3rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 700px) {
  .makers_products_ann {
    font-size: 1.3rem;
    color: #000000;
    /* margin-top: -3rem; */
    /* padding-bottom: 3rem; */
    position: absolute;
    top: 42rem;
    left: 21rem;
    transform: translate(50%, 50%);
  }
}
.makers_products_list-items-first {
  width: 80%;
}

@media screen and (max-width: 700px) {
  .makers_products_list-items-first {
    width: 100%;
  }
}
.makers_products_list-items-third {
  width: 80%;
}

@media screen and (max-width: 700px) {
  .makers_products_list-items-third {
    width: 100%;
  }
}
.makers_products_list-items-wrap {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-left: -4rem;
  padding-top: 3rem;
  padding-bottom: 5rem;
}

@media screen and (max-width: 700px) {
  .makers_products_list-items-wrap {
    gap: 1rem;
    margin-left: -5.5rem;
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }
}
.makers_products_list-item {
  width: 20%;
}

@media screen and (max-width: 700px) {
  .makers_products_list-item {
    width: 48%;
  }
}
.makers_products_list-item-first {
  width: 25%;
}

@media screen and (max-width: 700px) {
  .makers_products_list-item-first {
    width: 48%;
  }
}
.makers_products_list-item-third {
  width: 25%;
}

@media screen and (max-width: 700px) {
  .makers_products_list-item-third {
    width: 48%;
  }
}
.sbPFmakers.sbPFmakersSignia .sbPF figure {
  width: 16rem;
}

.mimisapo-present-banner {
  margin-bottom: 4rem;
}

@media screen and (max-width: 700px) {
  .mimisapo-present-banner {
    margin-bottom: 2rem;
  }
}
.is-sp {
  display: block;
}

@media screen and (max-width: 700px) {
  .is-sp {
    display: none;
  }
}
.is-br {
  display: none;
}

@media screen and (max-width: 700px) {
  .is-br {
    display: block;
  }
}
.sbPFNintei .sbPFh {
  color: #fff;
}
.sbPFNintei .nintei_top {
  padding-top: 10rem;
}
.sbPFNintei .nintei_top .wrap > h3 {
  margin-bottom: 4rem;
}
.sbPFNintei .nintei_top .wrap > p {
  text-align: center;
  margin-bottom: 12rem;
}
.sbPFNintei .nintei_top .wrap nav {
  margin-bottom: 10rem;
}
.sbPFNintei .nintei_top .wrap nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.sbPFNintei .nintei_top .wrap nav ul li {
  border-left: 1px solid #707070;
  flex: 1;
  box-sizing: border-box;
}
.sbPFNintei .nintei_top .wrap nav ul li a {
  text-align: center;
  padding: 2rem 0;
  display: block;
  font-size: 2rem;
  color: #8fc31f;
  text-decoration: none;
  position: relative;
  transition: all ease 0.3s;
}
.sbPFNintei .nintei_top .wrap nav ul li a > span {
  position: relative;
  z-index: 2;
}
.sbPFNintei .nintei_top .wrap nav ul li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #8fc31f;
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all ease 0.3s;
}
.sbPFNintei .nintei_top .wrap nav ul li a:hover {
  color: #fff;
}
.sbPFNintei .nintei_top .wrap nav ul li a:hover:after {
  transform: scaleX(1);
  opacity: 1;
}
.sbPFNintei .nintei_top .wrap nav ul li:last-child {
  border-right: 1px solid #707070;
}
.sbPFNintei .nitei_area {
  padding: 10rem 0;
  background-color: #f5f7f8;
}
.sbPFNintei .nitei_area:nth-child(2n+1) {
  background-color: #fff;
}
.sbPFNintei .nitei_area h4 {
  font-size: 2.4rem;
  color: #8fc31f;
  border: 3px solid #8fc31f;
  border-left: 0;
  padding: 2.5rem 0;
  text-align: center;
  margin-bottom: 7rem;
}
.sbPFNintei .nitei_area .nintei_area_item {
  padding-bottom: 7rem;
  border-bottom: 1px solid #c7c7c7;
  padding-top: 7rem;
  display: flex;
}
.sbPFNintei .nitei_area .nintei_area_item:nth-child(2) {
  padding-top: 0;
}
.sbPFNintei .nitei_area .nintei_area_item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.sbPFNintei .nitei_area .nintei_area_item > figure {
  max-width: 40rem;
  flex: 0 1 40rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div {
  flex: 1;
  padding-right: 10rem;
  box-sizing: border-box;
}
.sbPFNintei .nitei_area .nintei_area_item > div h5 {
  margin-bottom: 1rem;
  background-color: #8fc31f;
  color: #fff;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  display: inline-block;
}
.sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .name {
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .params {
  margin-bottom: 4rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .params > span {
  font-weight: 500;
  margin-right: 2rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .params > span:before {
  content: "■";
  color: #8fc31f;
}
.sbPFNintei .nitei_area .nintei_area_item > div .message {
  padding-bottom: 4rem;
  position: relative;
  margin-bottom: 2rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .message:after {
  content: "";
  display: block;
  width: 7rem;
  height: 1px;
  background-color: #8fc31f;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .label {
  font-size: 2rem;
  font-weight: 500;
  position: relative;
  padding-left: 2.5rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .label:before {
  content: "";
  display: block;
  width: 3rem;
  height: 2rem;
  margin-right: 1rem;
  background-image: url(../img/hochoki_nintei/ear.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .tel {
  display: block;
  color: #8fc31f;
  font-size: 2.8rem;
  font-weight: 500;
  text-decoration: none;
}
.sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .times {
  font-weight: 500;
}
.sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .times small {
  font-size: 1.6rem;
}

@media screen and (max-width: 700px) {
  .sbPFNintei .nintei_top {
    padding: 7rem 0;
  }
  .sbPFNintei .nintei_top .wrap > p {
    font-size: 2rem;
    text-align: left;
    font-weight: 500;
    margin-bottom: 7rem;
  }
  .sbPFNintei .nintei_top .wrap > p br {
    display: none;
  }
  .sbPFNintei .nintei_top .wrap nav ul li:last-child {
    border-right: 0;
  }
  .sbPFNintei .nintei_top .wrap nav ul li:first-child {
    border-left: 0;
  }
  .sbPFNintei .nintei_top .wrap nav {
    margin-bottom: 4rem;
  }
  .sbPFNintei .nitei_area {
    padding: 7rem 0;
  }
  .sbPFNintei .nitei_area h4 {
    font-size: 2.2rem;
    border: 3px solid #8fc31f;
    margin-bottom: 4.5rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item {
    display: block;
    position: relative;
  }
  .sbPFNintei .nitei_area .nintei_area_item .param_wrap {
    padding-left: 22rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div {
    padding-right: 0;
  }
  .sbPFNintei .nitei_area .nintei_area_item > figure {
    position: absolute;
    top: 12rem;
    left: 0;
    width: 20rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item .param_wrap {
    padding-left: 24rem;
    padding-top: 3rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .params > span {
    display: block;
    font-size: 1.8rem;
    margin-right: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
    position: relative;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .params > span:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .param_wrap .name {
    font-size: 2.5rem;
    font-weight: 500;
  }
  .sbPFNintei .nitei_area .nintei_area_item .param_wrap {
    padding-bottom: 1rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .message {
    font-size: 2rem;
    font-weight: 500;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .tel {
    font-size: 3.8rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .label {
    font-size: 2.5rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .times small {
    font-size: 2rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .label:before {
    height: 3rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .nintei_area_bottom .label {
    padding-left: 4rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item:nth-child(2) > figure {
    top: 7rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div h5 {
    font-size: 1.8rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item:nth-child(2) > figure {
    top: 8rem;
  }
  .sbPFNintei .nitei_area .nintei_area_item > div .message:after {
    bottom: 1rem;
  }
}
.sbPKaitori .sbPh {
  margin-bottom: 7rem;
}
.sbPKaitori .sbPKaitori_figure {
  margin-bottom: 14rem;
}
.sbPKaitori .sbPKaitori_content_top h3 {
  font-size: 3.6rem;
  margin-bottom: 5rem;
  text-align: center;
}
.sbPKaitori .sbPKaitori_list {
  display: flex;
  margin-right: -3rem;
  flex-wrap: wrap;
  padding-bottom: 7rem;
}
.sbPKaitori .sbPKaitori_list > div {
  flex: 0 1 33.3333333333%;
  padding-right: 3rem;
  padding-bottom: 7rem;
  box-sizing: border-box;
}
.sbPKaitori .sbPKaitori_list > div a {
  display: block;
  text-decoration: none;
  position: relative;
}
.sbPKaitori .sbPKaitori_list > div a figure {
  position: relative;
  overflow: hidden;
}
.sbPKaitori .sbPKaitori_list > div a figure img {
  transition: all ease 0.3s;
}
.sbPKaitori .sbPKaitori_list > div a figure figcaption {
  transition: all ease 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 3.3rem;
  font-weight: 500;
  top: 0;
  text-align: center;
  left: 0;
  line-height: 1.3;
  margin-top: -2rem;
}
.sbPKaitori .sbPKaitori_list > div a h3 {
  font-weight: 500;
  position: absolute;
  font-size: 1.8rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:first-child {
  display: block;
  background-color: #fff;
  padding: 0.5em 0;
  flex: 1;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:last-child {
  flex: 0 1 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:last-child svg {
  transition: all ease 0.3s;
  width: 1.7rem;
  position: relative;
  z-index: 2;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:last-child svg path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:last-child svg circle {
  fill: #fff;
  transition: all ease 0.3s;
}
.sbPKaitori .sbPKaitori_list > div a h3 span:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 1;
  transform: scaleX(0);
  transition: all ease 0.3s;
  transform-origin: left;
}
.sbPKaitori .sbPKaitori_list > div a:hover figure img {
  opacity: 0.8;
  transform: scale(1.1);
}
.sbPKaitori .sbPKaitori_list > div a:hover figure figcaption {
  opacity: 0;
}
.sbPKaitori .sbPKaitori_list > div a:hover h3 span:last-child:before {
  transform: scaleX(1);
}
.sbPKaitori .sbPKaitori_list > div a:hover h3 span:last-child svg {
  transform: translate3d(0.5rem, 0, 0);
}
.sbPKaitori .sbPKaitori_list > div a:hover h3 span:last-child svg path {
  stroke: #000;
}
.sbPKaitori .sbPKaitori_list > div a:hover h3 span:last-child svg circle {
  fill: #000;
}
.sbPKaitori .swiper {
  padding-bottom: 7rem;
}
.sbPKaitori .swiper-pagination {
  display: flex;
  justify-content: center;
  bottom: 2rem !important;
}
.sbPKaitori .swiper-pagination-bullet {
  width: 2rem;
  height: 2rem;
  margin: 0 1rem !important;
  background-color: #1a1311;
  background-color: transparent;
  position: relative;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sbPKaitori .swiper-pagination-bullet::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #1a1311;
  background-color: #1a1311;
  position: absolute;
}
.sbPKaitori .swiper-pagination-bullet svg {
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
}
.sbPKaitori .swiper-pagination-bullet svg circle {
  fill: transparent;
  stroke: #1a1311;
  stroke-width: 1;
  stroke-dasharray: 0 6.28rem;
}
.sbPKaitori .swiper-pagination-bullet-active::before {
  background: #1a1311;
}
.sbPKaitori .swiper-pagination-bullet-active svg circle {
  animation: circle 6s forwards;
}
@keyframes circle {
  0% {
    stroke-dasharray: 0 6.28rem;
  }
  100% {
    stroke-dasharray: 6.28rem 6.28rem;
  }
}

.swiperKaitori {
  margin-bottom: 10rem;
}

@media screen and (max-width: 700px) {
  .sbPKaitori .sbPKaitori_list {
    display: block;
  }
  .sbPKaitori .sbPKaitori_list > div a h3 {
    font-size: 2.3rem;
  }
  .sbPKaitori .sbPKaitori_list > div a figure figcaption {
    font-size: 4.5rem;
  }
  .sbPKaitori .sbPKaitori_figure {
    margin-bottom: 10rem;
  }
}
.kaitori_sbPF {
  overflow: hidden;
  padding-top: 9.8rem;
}
.kaitori_sbPF .kaitori_sbPF_bg_header {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.kaitori_sbPF .kaitori_sbPF_bg_header > figure {
  max-height: 600px;
  overflow: hidden;
  flex: 0 1 65%;
  border-radius: 0 0 5rem 0;
}
.kaitori_sbPF .kaitori_sbPF_bg_header > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
}
.kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in {
  flex: 1;
  padding-left: 6%;
}
.kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header {
  padding-bottom: 10rem;
}
.kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header figure {
  width: 25rem;
  margin-bottom: 2rem;
}
.kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header h2 {
  font-size: 3.2rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: 500;
}
.kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header .en {
  font-weight: 500;
}
.kaitori_sbPF .kaitori_pd {
  padding: 10rem 0;
}

@media screen and (max-width: 1024px) {
  .kaitori_sbPF {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 700px) {
  .kaitori_sbPF {
    padding-top: 11rem;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header h2 {
    font-size: 2.6rem;
    letter-spacing: 0.2rem;
    line-height: 1.3;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header .en {
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 700px) {
  .kaitori_sbPF .kaitori_sbPF_bg_header {
    display: block;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in {
    padding-left: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 7rem;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header {
    padding-bottom: 5rem;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header > div {
    display: flex;
    flex-direction: row-reverse;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header > div > div {
    flex: 0 1 50%;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header > div > figure {
    flex: 1;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header .kaitori_sbPFh_in header h2 {
    font-size: 2.8rem;
  }
  .kaitori_sbPF .kaitori_sbPF_bg_header > figure {
    width: auto;
    width: calc(100vw - 5rem);
  }
  .kaitori_pd {
    padding: 7rem 0;
  }
  .kaitori_sbPF .kaitori_pd {
    padding: 7rem 0;
  }
}
.kaitori_bottom_nav {
  overflow: hidden;
  padding: 14rem 0;
  padding-bottom: 10rem;
}
.kaitori_bottom_nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-right: -4rem;
}
.kaitori_bottom_nav ul li {
  margin-bottom: 4rem;
  flex: 0 1 50%;
  padding-right: 4rem;
  box-sizing: border-box;
}
.kaitori_bottom_nav ul li a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #707070;
  display: flex;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: all ease 0.3s;
}
.kaitori_bottom_nav ul li a figure {
  flex: 0 1 15rem;
}
.kaitori_bottom_nav ul li a > div {
  position: relative;
  flex: 1;
  padding-left: 4rem;
}
.kaitori_bottom_nav ul li a > div .more {
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
  font-size: 1.2rem;
  padding: 1rem 0;
  padding-left: 4rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 1rem;
  align-items: center;
}
.kaitori_bottom_nav ul li a > div .more:before {
  transition: all ease 0.3s;
  content: "";
  display: block;
  width: calc(100% - 4rem - 1rem);
  height: 1px;
  background-color: #eceff1;
  position: absolute;
  top: 0;
  left: 4rem;
}
.kaitori_bottom_nav ul li a > div .more .dot_right {
  transition: all ease 0.3s;
  display: block;
  background-color: #8fc31f;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kaitori_bottom_nav ul li a > div .more .dot_right svg {
  width: 2rem;
}
.kaitori_bottom_nav ul li a > div .more .dot_right svg path {
  stroke: #fff;
}
.kaitori_bottom_nav ul li a > div .more .dot_right svg circle {
  fill: #fff;
}
.kaitori_bottom_nav ul li a > div .title {
  padding-top: 3.4rem;
  font-size: 2rem;
}
.kaitori_bottom_nav ul li a:hover {
  background-color: #8fc31f;
  color: #fff;
}
.kaitori_bottom_nav ul li a:hover > div .more:before {
  border-color: #fff;
}
.kaitori_bottom_nav ul li a:hover > div .more .dot_right {
  background-color: #fff;
}
.kaitori_bottom_nav ul li a:hover > div .more .dot_right svg path {
  stroke: #8fc31f;
}
.kaitori_bottom_nav ul li a:hover > div .more .dot_right svg circle {
  fill: #8fc31f;
}
.kaitori_bottom_nav ul li.line2 a > div .title {
  padding-top: 2rem;
}

@media screen and (max-width: 700px) {
  .kaitori_bottom_nav {
    padding: 7rem 0;
  }
  .kaitori_bottom_nav ul {
    display: block;
  }
  .kaitori_bottom_nav ul li {
    margin-bottom: 2.5rem;
  }
  .kaitori_bottom_nav ul li:last-child {
    margin-bottom: 0;
  }
  .kaitori_bottom_nav ul li a > div .title {
    padding-top: 3.5rem;
  }
  .kaitori_bottom_nav ul li.line2 a > div .title {
    padding-top: 2rem;
  }
}
.kaitori_cupon_link {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  transition: all ease 0.3s;
}
.kaitori_cupon_link a {
  color: #fff;
  background-color: #f04d4d;
  padding: 2rem;
  display: block;
  font-size: 1.6rem;
  text-decoration: none;
  font-weight: 500;
  border-radius: 1rem 0 0 0;
  border: 2px solid #f04d4d;
}
.kaitori_cupon_link a > figure {
  margin-bottom: 1rem;
}
.kaitori_cupon_link a .dot_right {
  margin-left: 0.3rem;
}
.kaitori_cupon_link a .dot_right svg {
  transition: all ease 0.3s;
  width: 1.5rem;
  height: 1.5rem;
}
.kaitori_cupon_link a .dot_right svg path {
  stroke: #fff;
}
.kaitori_cupon_link a .dot_right svg circle {
  fill: #fff;
}
.kaitori_cupon_link.hide {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.kaitori_sbPFGold .kaitori_gold_top h3 {
  margin-bottom: 5rem;
}
.kaitori_sbPFGold .kaitori_gold_top p {
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.7;
}
.kaitori_sbPFGold .kaitori_gold_mid {
  background-color: #f5f7f8;
}
.kaitori_sbPFGold .kaitori_gold_mid h3 {
  margin-bottom: 5rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .math {
  display: flex;
  align-items: center;
  margin-bottom: 6rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .math > div {
  flex: 1;
  background-color: #8fc31f;
  color: #fff;
  text-align: center;
  height: 22.5rem;
  padding-top: 3rem;
  box-sizing: border-box;
}
.kaitori_sbPFGold .kaitori_gold_mid .math > div h4 {
  height: 5.7rem;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kaitori_sbPFGold .kaitori_gold_mid .math > div figure {
  width: 11rem;
  height: 8rem;
  margin: 0 auto;
}
.kaitori_sbPFGold .kaitori_gold_mid .math > div figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.kaitori_sbPFGold .kaitori_gold_mid .math > span {
  flex: 0 1 2.8rem;
  padding: 0 1rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate {
  background-color: #fff;
  padding: 4rem 5rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate h4 {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2rem;
  line-height: 1.3;
  position: relative;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate h4 small {
  font-size: 1.4rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate h4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background-color: #fff;
  padding: 0 3rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate h4:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 50%;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin-right: -2.5rem;
  margin-bottom: 2rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li {
  padding-right: 2.5rem;
  flex: 1;
  box-sizing: border-box;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li > div {
  background-color: #c3bd1f;
  display: flex;
  padding: 1rem;
  padding-left: 0;
  align-items: center;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li > div h5 {
  flex: 0 1 10rem;
  text-align: center;
  color: #fff;
  font-size: 2rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li > div p {
  flex: 1;
  box-sizing: border-box;
  padding: 1rem;
  font-weight: 500;
  background-color: #fff;
  font-size: 2.4rem;
  text-align: center;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li > div p small {
  font-size: 1.2rem;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate ul li:last-child > div {
  background-color: #1f91c3;
}
.kaitori_sbPFGold .kaitori_gold_mid .rate .kaitori_gold_rate_bottom small {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
}
.kaitori_sbPFGold .kaitori_gold_flow {
  padding-bottom: 0;
}
.kaitori_sbPFGold .kaitori_gold_flow h3 {
  text-align: left;
  position: relative;
  margin-bottom: 5rem;
  font-size: 3.2rem;
  display: inline-block;
}
.kaitori_sbPFGold .kaitori_gold_flow h3:after {
  content: "";
  display: block;
  width: 6rem;
  height: 1px;
  background-color: #8fc31f;
  position: absolute;
  left: calc(100% + 2rem);
  top: 50%;
  position: absolute;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div {
  display: flex;
  margin-bottom: 4rem;
  align-items: center;
  position: relative;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:before {
  content: "";
  display: block;
  width: 1rem;
  height: 200%;
  position: absolute;
  top: 1rem;
  left: 9.5rem;
  background-color: #8fc31f;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:after {
  content: "";
  display: block;
  width: calc(100% - 20rem - 5rem);
  height: 1px;
  background-color: #eceff1;
  position: absolute;
  bottom: -2rem;
  left: 25rem;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:last-child {
  margin-bottom: 0;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:last-child:before {
  display: none;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:last-child:after {
  display: none;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div h4 {
  background-color: #8fc31f;
  color: #fff;
  flex: 0 1 20rem;
  text-align: center;
  font-size: 2rem;
  padding: 2rem 0;
  position: relative;
  z-index: 2;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div {
  flex: 1;
  padding-left: 5rem;
  box-sizing: border-box;
  font-weight: 500;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div > p {
  font-size: 1.6rem;
}
.kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div > p small {
  font-size: 1.2rem;
}
.kaitori_sbPFGold .kaitori_flow_banner {
  padding-top: 8rem;
  margin-bottom: 8rem;
}
.kaitori_sbPFGold .kaitori_flow_note h4 {
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  padding: 2rem;
  margin-bottom: 2rem;
}
.kaitori_sbPFGold .kaitori_flow_note ul {
  list-style: none;
  padding: 0;
  font-weight: 500;
  font-size: 1.6rem;
  margin: 0;
}
.kaitori_sbPFGold .kaitori_flow_note ul li {
  position: relative;
  padding-left: 2rem;
}
.kaitori_sbPFGold .kaitori_flow_note ul li:before {
  content: "●";
  position: absolute;
  top: 0rem;
  left: 0;
}

@media screen and (max-width: 700px) {
  .kaitori_sbPFGold .kaitori_gold_top p {
    font-size: 2rem;
    text-align: left;
  }
  .kaitori_sbPFGold .kaitori_gold_top h3 {
    margin-bottom: 3rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math {
    flex-direction: column;
    align-items: unset;
    margin-bottom: 5rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math > span {
    width: auto;
    display: block;
    text-align: center;
    flex: unset;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.3rem;
    box-sizing: border-box;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math > span > img {
    width: 3rem;
    transform: rotate(90deg);
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math > div {
    position: relative;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math > div h4 {
    text-align: center;
    margin-bottom: 0;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .math > div figure {
    position: absolute;
    width: 7rem;
    height: 7rem;
    flex: 0 1 8rem;
    margin: 0;
    left: 5rem;
    top: 1.5rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate h4 {
    font-size: 2.2rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate h4 small {
    font-size: 2.2rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate ul {
    display: block;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate ul li {
    margin-bottom: 2rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate ul li > div p small {
    font-size: 1.4rem;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate .kaitori_gold_rate_bottom small {
    font-size: 1.8rem;
    text-align: left;
  }
  .kaitori_sbPFGold .kaitori_gold_mid .rate {
    padding: 4rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow h3 {
    font-size: 2.5rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div h4 {
    flex: 0 1 12rem;
    padding: 1rem 0;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:before {
    left: 5.65rem;
    width: 0.7rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div > p {
    font-size: 2.2rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div {
    padding-left: 3rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div {
    align-items: flex-start;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div {
    padding-top: 0.7rem;
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div:after {
    left: 15rem;
    width: calc(100% - 12rem - 3rem);
  }
  .kaitori_sbPFGold .kaitori_gold_flow .kaitori_steps > div > div > p small {
    font-size: 1.8rem;
    line-height: 1.5;
    display: block;
    margin-top: 1rem;
  }
  .kaitori_sbPFGold .kaitori_flow_banner {
    margin-bottom: 5rem;
  }
  .kaitori_sbPFGold .kaitori_flow_note ul {
    font-size: 1.8rem;
  }
  .kaitori_gold_rate_bottom br {
    display: none;
  }
}
.kaitori_sbPFTicket .kaitori_ticket_top h3 {
  margin-bottom: 5rem;
}
.kaitori_sbPFTicket .kaitori_ticket_top p {
  text-align: center;
  font-size: 1.6rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid {
  background-color: #f5f7f8;
}
.kaitori_sbPFTicket .kaitori_ticket_mid h3 {
  margin-bottom: 3rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * {
  flex: 0 1 33.3333333333%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  padding: 5rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:before {
  content: "";
  display: block;
  width: calc(100% - 10rem);
  height: 1px;
  background-color: #c7c7c7;
  position: absolute;
  bottom: 0;
  left: 5rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:after {
  content: "";
  display: block;
  height: calc(100% - 10rem);
  width: 1px;
  background-color: #c7c7c7;
  position: absolute;
  top: 5rem;
  right: 0;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div figure {
  width: 20rem;
  height: 12rem;
  margin: 0 auto;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div h4 {
  color: #8fc31f;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div p {
  font-size: 1.4rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(3) > div figure img {
  height: 9.4rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(9) > div figure img {
  height: 9rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(3n):after {
  display: none;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(7):before, .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(8):before, .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(9):before {
  display: none;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link {
  margin-bottom: 10rem;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a {
  display: block;
  width: 30rem;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #000;
  border-radius: 1000px;
  font-weight: 500;
  padding: 2rem 0;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  transition: all ease 0.3s;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a span {
  position: absolute;
  width: 2rem;
  height: 2rem;
  display: block;
  top: 2.3rem;
  right: 2.5rem;
  background-color: #000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a span svg {
  width: 1rem;
  height: 0.7rem;
  transform: translate3d(0, 0.1rem, 0);
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a span svg path {
  stroke: #fff;
  transition: all ease 0.3s;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a:hover span {
  background-color: #fff;
}
.kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a:hover span svg path {
  stroke: #8fc31f;
}
.kaitori_sbPFTicket .kaitori_ticket_note {
  font-weight: 500;
}
.kaitori_sbPFTicket .kaitori_ticket_note h4 {
  margin-bottom: 2rem;
  background-color: #000;
  color: #fff;
  padding: 2rem;
  text-align: center;
  font-size: 2rem;
}
.kaitori_sbPFTicket .kaitori_ticket_note ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.kaitori_sbPFTicket .kaitori_ticket_note ul li {
  padding-left: 2rem;
  position: relative;
}
.kaitori_sbPFTicket .kaitori_ticket_note ul li:before {
  content: "●";
  margin-left: -2rem;
}

@media screen and (max-width: 700px) {
  .kaitori_sbPF.kaitori_sbPFTicket .kaitori_sbPF_bg_header .kaitori_sbPFh_in header {
    padding-bottom: 0;
  }
  .kaitori_sbPFTicket .kaitori_iphone_top .kaitori_iphone_top_in h4 span {
    font-size: 2.2rem;
  }
  .kaitori_sbPFTicket .kaitori_iphone_top h3 {
    margin-bottom: 5rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_top p {
    font-weight: 500;
    text-align: left;
    font-size: 2rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list {
    display: block;
    margin-bottom: 3rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:after {
    display: none;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid h3 {
    margin-bottom: 0;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div h4 {
    font-size: 2.2rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div p {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: left;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * {
    padding: 3rem 0;
    border-bottom: 1px solid #c7c7c7;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(3) p {
    text-align: center;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(4) p {
    text-align: center;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:nth-child(6) p {
    text-align: center;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:last-child {
    border-bottom: 0;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > *:before {
    display: none;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .ticket_list > * > div figure {
    margin-bottom: 1rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .kaitori_sbPFTicket .kaitori_ticket_mid .kaitori_ticket_link a span {
    top: 2.5rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_note h4 {
    font-size: 2.2rem;
  }
  .kaitori_sbPFTicket .kaitori_ticket_note ul li {
    font-size: 1.8rem;
  }
}
.archive-Column {
  padding-top: 20rem;
  padding-bottom: 14rem;
  background-image: url(../img/top/column/img-column-bg.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .archive-Column {
    padding-top: 15rem;
    padding-bottom: 6.3rem;
  }
}
.archive-Column .sbh {
  text-align: center;
  color: #3C2800;
  position: relative;
  margin-bottom: 10rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .sbh h2 {
    font-size: 5rem;
    margin: 0 calc(50% - 50vw);
    width: 90vw;
    text-align: center;
    margin: 0 auto;
  }
}
.archive-Column .sbh .en {
  font-size: 7.4rem;
  letter-spacing: 1.3rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .sbh .en {
    font-size: 5.2rem;
    letter-spacing: 0.7rem;
  }
}
.archive-Column .Column_ttl-img {
  width: 60rem;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.archive-Column .initial {
  color: #8FC31F;
}
.archive-Column .ml-initial {
  margin-left: -3rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .ml-initial {
    margin-left: -2rem;
  }
}
.archive-Column .ribbon {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .archive-Column .ribbon {
    width: 100%;
  }
}
.archive-Column .ribbon__text {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 700px) {
  .archive-Column .ribbon__text {
    font-size: 1.4rem;
  }
}
.archive-Column__flex {
  background-color: #fff;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  padding: 5rem;
  border-radius: 2rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 700px) {
  .archive-Column__flex {
    flex-direction: column;
    padding: 2.5rem;
    margin-bottom: 5rem;
  }
}
.archive-Column__category {
  width: 30rem;
  border-top: solid #8FC31F 0.1rem;
  padding-top: 1.4rem;
}
@media screen and (max-width: 700px) {
  .archive-Column__category {
    border-top: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 1rem;
  }
}
.archive-Column__category-heading {
  color: #8FC31F;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .archive-Column__category-heading {
    font-size: 1.6rem;
  }
}
.archive-Column .category-select {
  padding: 0;
}
.archive-Column .menu__item {
  padding: 0;
}
.archive-Column .category-list {
  padding: 0;
  color: #fff;
  display: none;
}
.archive-Column .category-item {
  list-style-type: none;
  font-size: 1.4rem;
  background-color: #3E3E3D;
  border-bottom: 1px solid #fff;
  padding: 1rem;
  color: #fff;
  padding: 1rem;
  display: flex;
  text-decoration: none;
  transition: 0.4s;
}
.archive-Column .category-item:hover {
  background: #8FC31F;
}
@media screen and (max-width: 700px) {
  .archive-Column .category-item {
    padding: 2rem 2.5rem;
  }
}
.archive-Column .menu__item {
  background: #8FC31F;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
}
.archive-Column .menu__item a {
  text-decoration: none;
}
.archive-Column .menu__item__link {
  color: #fff;
  display: block;
  padding: 1rem;
  position: relative;
}
@media screen and (max-width: 700px) {
  .archive-Column .menu__item__link {
    color: #fff;
    display: block;
    padding: 2rem 2.5rem;
    position: relative;
    font-size: 1.3rem;
  }
}
.archive-Column .menu__item__link::before {
  content: "";
  position: absolute;
  background-image: url(../img/archive_column/category-icon-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 2.3rem;
  height: 2.3rem;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.archive-Column .menu__item__link.active::before {
  background-image: url(../img/archive_column/category-icon-up.svg);
}
.archive-Column__tag {
  width: 65rem;
  border-top: solid #482C00 0.1rem;
  padding-top: 1.4rem;
}
@media screen and (max-width: 700px) {
  .archive-Column__tag {
    width: 100%;
    padding-top: 2rem;
  }
}
.archive-Column__tag-heading {
  color: #482C00;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .archive-Column__tag-heading {
    font-size: 1.6rem;
  }
}
.archive-Column .hashtag-list {
  margin-top: 1rem;
  padding: 0;
}
@media screen and (max-width: 700px) {
  .archive-Column .hashtag-list {
    margin-top: 0;
  }
}
.archive-Column .hashtag {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0.7rem 1.5rem;
  background: #F2F0ED;
  border-radius: 2rem;
  font-size: 1.4rem;
  text-decoration: none;
  margin-top: 1rem;
}
.archive-Column .hashtag a {
  text-decoration: none;
}
.archive-Column .tag-aperture {
  padding: 0 0 4rem;
  font-size: 2.4rem;
  color: #482C00;
}
@media screen and (max-width: 700px) {
  .archive-Column .tag-aperture {
    font-size: 2rem;
  }
}
.archive-Column .Column__list {
  display: flex;
  flex-wrap: wrap;
  gap: 7.5rem 2rem;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  .archive-Column .Column__list {
    gap: 3.5rem 0;
  }
}
.archive-Column .Column__list-item {
  width: 46%;
  transition: 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  .archive-Column .Column__list-item {
    width: 100%;
  }
}
.archive-Column .Column__list-item:hover .Column__thumbnail img {
  transform: scale(1.2, 1.2);
  transition: 1s all;
  border-radius: 1rem;
}
.archive-Column .Column__list-item:hover .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 100%;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 0 0 1rem 1rem;
}
.archive-Column .Column__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  aspect-ratio: 496/305;
}
.archive-Column .Column__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s all;
  border-radius: 1rem;
}
.archive-Column .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 25rem;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 1rem 0 1rem 0;
  transition: 0.4s;
}
.archive-Column .Column__mark {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 10rem solid transparent;
  border-top: 10rem solid #F04D4D;
  transform: rotate(-90deg);
  border-radius: 0rem 1rem 0 0;
  z-index: 80;
}
.archive-Column .Column__mark-txt {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  transform: rotate(43deg);
  position: absolute;
  top: -8.7rem;
  left: -5.4rem;
}
.archive-Column .Column__title {
  font-size: 2rem;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .Column__title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 2rem;
  }
}
.archive-Column .Column__date-set {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.archive-Column .Column__date {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .archive-Column .Column__date {
    font-size: 2rem;
  }
}
.archive-Column .Column__category {
  margin-left: 2.2rem;
  font-size: 1.2rem;
  display: flex;
  color: #fff;
  gap: 1rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .Column__category {
    font-size: 1.1rem;
  }
}
.archive-Column .Column__category span {
  padding: 1rem 2rem;
}
.archive-Column .more {
  display: block;
  width: 30rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #000;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  transition: all ease 0.3s;
  background-color: #fff;
  margin-top: 10rem;
}
@media screen and (max-width: 700px) {
  .archive-Column .more {
    margin-top: 4.5rem;
  }
}
.archive-Column .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.archive-Column .more svg path {
  transition: all ease 0.3s;
}
.archive-Column .more svg circle {
  transition: all ease 0.3s;
}
.archive-Column .more:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.archive-Column .more:hover svg path {
  stroke: #fff;
}
.archive-Column .more:hover svg circle {
  stroke: #fff;
}
.archive-Column .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}

.sbPNews_pagination2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10rem;
}
@media screen and (max-width: 700px) {
  .sbPNews_pagination2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.sbPNews_pagination2 .pages {
  display: flex;
}
.sbPNews_pagination2 .pages > * {
  text-decoration: none;
  font-size: 2.4rem;
  color: #c7c7c7;
  text-decoration: none;
  display: block;
  margin: 0 2rem;
}
.sbPNews_pagination2 .pages > *.current {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.sbPNews_pagination2 .dot_right {
  flex: 0 1 5rem;
  width: 5rem;
  height: 5rem;
  margin: 0 2rem;
  background-color: #8fc31f;
  border-radius: 100%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sbPNews_pagination2 .dot_right svg {
  width: 2rem;
  height: 2rem;
}
.sbPNews_pagination2 .dot_right svg path {
  stroke: #fff;
}
.sbPNews_pagination2 .dot_right svg circle {
  fill: #fff;
}
.sbPNews_pagination2 .dot_right.prev {
  transform: rotate(180deg);
}

.single-Column {
  padding-top: 20rem;
  padding-bottom: 14rem;
  background-image: url(../img/top/column/img-column-bg.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .single-Column {
    padding-top: 15rem;
    padding-bottom: 6.3rem;
  }
}
.single-Column__date {
  font-size: 1.6rem;
  color: #8FC31F;
  padding-bottom: 1rem;
}
@media screen and (max-width: 700px) {
  .single-Column__date {
    font-size: 1.3rem;
  }
}
.single-Column__title {
  font-size: 3.6rem;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .single-Column__title {
    font-size: 2rem;
    padding-bottom: 1rem;
  }
}
.single-Column__category-single {
  display: inline-block;
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.single-Column__category-pd {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 1.2rem;
  margin: 0 0.5rem;
  display: inline-block;
}
@media screen and (max-width: 700px) {
  .single-Column__category-pd {
    font-size: 1.2rem;
  }
}
.single-Column__tag-single {
  display: inline-block;
  margin: 0 0.5rem;
  padding-top: 1rem;
  padding-bottom: 5rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 700px) {
  .single-Column__tag-single {
    font-size: 1.4rem;
    padding-bottom: 3.5rem;
  }
}
.single-Column__thumbnail-single {
  width: 100%;
}
.single-Column__thumbnail-single img {
  height: auto;
}
.single-Column__content {
  padding: 10rem 0 15rem;
  width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .single-Column__content {
    width: 100%;
    padding: 2.5rem 0 6rem;
  }
}
.single-Column__content p {
  font-size: 1.7rem;
}
@media screen and (max-width: 700px) {
  .single-Column__content p {
    font-size: 2rem;
  }
}
.single-Column__bg {
  background-color: #8FC31F;
  padding: 10rem 0;
}
@media screen and (max-width: 700px) {
  .single-Column__bg {
    padding: 5rem 0;
  }
}
.single-Column__name-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .single-Column__name-flex {
    width: 80%;
    padding-bottom: 2rem;
  }
}
.single-Column__img {
  width: 16.7rem;
}
.single-Column__txts {
  color: #fff;
  width: 70%;
  position: relative;
  z-index: 50;
}
@media screen and (max-width: 700px) {
  .single-Column__txts {
    width: 50%;
  }
}
.single-Column__text-be {
  position: absolute;
  width: 38rem;
  height: 12.3rem;
  top: 36%;
  left: 67%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 700px) {
  .single-Column__text-be {
    position: absolute;
    width: 20rem;
    top: 36%;
    left: 59%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
.single-Column__name {
  font-size: 2rem;
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 700px) {
  .single-Column__name {
    color: #fff;
    font-size: 1.6rem;
  }
}
.single-Column__nintei {
  font-size: 1.4rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 700px) {
  .single-Column__nintei {
    color: #fff;
    font-size: 1.1rem;
  }
}
.single-Column__text {
  font-size: 1.6rem;
}
@media screen and (max-width: 700px) {
  .single-Column__text {
    color: #fff;
    font-size: 1.3rem;
    width: 80%;
    margin: 0 auto;
  }
}
.single-Column__post-heading {
  padding: 10rem 0 4rem;
  color: #8FC31F;
}
@media screen and (max-width: 700px) {
  .single-Column__post-heading {
    padding: 4rem 0 2.5rem;
  }
}
.single-Column__flex {
  background-color: #fff;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  padding: 5rem;
  border-radius: 2rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 700px) {
  .single-Column__flex {
    flex-direction: column;
    padding: 2.5rem;
    margin-bottom: 5rem;
  }
}
.single-Column__category {
  width: 30rem;
  border-top: solid #8FC31F 0.1rem;
  padding-top: 1.4rem;
}
@media screen and (max-width: 700px) {
  .single-Column__category {
    border-top: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 1rem;
  }
}
.single-Column__category-heading {
  color: #8FC31F;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .single-Column__category-heading {
    font-size: 1.6rem;
  }
}
.single-Column .category-select {
  padding: 0;
}
.single-Column .menu__item {
  padding: 0;
}
.single-Column .category-list {
  padding: 0;
  color: #fff;
  display: none;
}
.single-Column .category-item {
  list-style-type: none;
  font-size: 1.4rem;
  background-color: #3E3E3D;
  border-bottom: 1px solid #fff;
  padding: 1rem;
  color: #fff;
  padding: 1rem;
  display: flex;
  text-decoration: none;
  transition: 0.4s;
}
.single-Column .category-item:hover {
  background: #8FC31F;
}
@media screen and (max-width: 700px) {
  .single-Column .category-item {
    padding: 2rem 2.5rem;
  }
}
.single-Column .menu__item {
  background: #8FC31F;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
  position: relative;
  border-radius: 1rem 1rem 1rem 1rem;
}
.single-Column .menu__item a {
  text-decoration: none;
}
.single-Column .menu__item__link {
  color: #fff;
  display: block;
  padding: 1rem;
  position: relative;
}
@media screen and (max-width: 700px) {
  .single-Column .menu__item__link {
    color: #fff;
    display: block;
    padding: 2rem 2.5rem;
    position: relative;
    font-size: 1.3rem;
  }
}
.single-Column .menu__item__link::before {
  content: "";
  position: absolute;
  background-image: url(../img/archive_column/category-icon-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 2.3rem;
  height: 2.3rem;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.single-Column .menu__item__link.active::before {
  background-image: url(../img/archive_column/category-icon-up.svg);
}
.single-Column__tag {
  width: 65rem;
  border-top: solid #482C00 0.1rem;
  padding-top: 1.4rem;
}
@media screen and (max-width: 700px) {
  .single-Column__tag {
    width: 100%;
    padding-top: 2rem;
  }
}
.single-Column__tag-heading {
  color: #482C00;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .single-Column__tag-heading {
    font-size: 1.6rem;
  }
}
.single-Column .hashtag-list {
  margin-top: 1rem;
  padding: 0;
}
@media screen and (max-width: 700px) {
  .single-Column .hashtag-list {
    margin-top: 0;
  }
}
.single-Column .hashtag {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0.7rem 1.5rem;
  background: #F2F0ED;
  border-radius: 2rem;
  font-size: 1.4rem;
  text-decoration: none;
  margin-top: 1rem;
}
.single-Column .hashtag a {
  text-decoration: none;
}
.single-Column .tag-aperture {
  padding: 0 0 4rem;
  font-size: 2.8rem;
  color: #482C00;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .single-Column .tag-aperture {
    font-size: 1.8rem;
  }
}
.single-Column .Column__post-all {
  padding-bottom: 10rem;
}
@media screen and (max-width: 700px) {
  .single-Column .Column__post-all {
    padding-bottom: 5rem;
  }
}
.single-Column .Column__list-item {
  max-width: 500px;
  width: 39.06vw;
  transition: 0.4s;
  text-decoration: none;
  height: auto;
  margin: 0 4rem;
  margin-left: auto;
}
@media screen and (max-width: 700px) {
  .single-Column .Column__list-item {
    max-width: none;
    width: 100%;
    margin: 0 2rem;
  }
}
.single-Column .Column__list-item:hover .Column__thumbnail img {
  transform: scale(1.2, 1.2);
  transition: 1s all;
  border-radius: 1rem;
}
.single-Column .Column__list-item:hover .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 100%;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 0 0 1rem 1rem;
}
.single-Column .Column__thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  aspect-ratio: 496/305;
}
.single-Column .Column__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s all;
  border-radius: 1rem;
}
.single-Column .Column__thumbnail::after {
  content: "";
  position: absolute;
  background-color: #8FC31F;
  width: 25rem;
  height: 1rem;
  right: 0;
  bottom: 0;
  border-radius: 1rem 0 1rem 0;
  transition: 0.4s;
}
.single-Column .Column__mark {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 10rem solid transparent;
  border-top: 10rem solid #F04D4D;
  transform: rotate(-90deg);
  position: absolute;
  top: 0rem;
  left: 0rem;
  border-radius: 0rem 1rem 0 0;
  z-index: 80;
}
.single-Column .Column__mark span {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  transform: rotate(43deg);
  position: absolute;
  top: -8.7rem;
  left: -5.4rem;
}
.single-Column .Column__title {
  font-size: 2rem;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}
@media screen and (max-width: 700px) {
  .single-Column .Column__title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 2rem;
  }
}
.single-Column .Column__date-set {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.single-Column .Column__date {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .single-Column .Column__date {
    font-size: 2rem;
  }
}
.single-Column .Column__category {
  margin-left: 2.2rem;
  font-size: 1.2rem;
  display: flex;
  color: #fff;
  gap: 1rem;
}
@media screen and (max-width: 700px) {
  .single-Column .Column__category {
    font-size: 1.1rem;
  }
}
.single-Column .Column__category span {
  padding: 1rem 2rem;
}
.single-Column .more {
  display: block;
  width: 30rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1000px;
  text-align: center;
  border: 1px solid #000;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  transition: all ease 0.3s;
  background-color: #fff;
  margin-top: 10rem;
}
@media screen and (max-width: 700px) {
  .single-Column .more {
    margin-top: 4.5rem;
  }
}
.single-Column .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.single-Column .more svg path {
  transition: all ease 0.3s;
}
.single-Column .more svg circle {
  transition: all ease 0.3s;
}
.single-Column .more:hover {
  background-color: #8fc31f;
  color: #fff;
  border-color: #8fc31f;
}
.single-Column .more:hover svg path {
  stroke: #fff;
}
.single-Column .more:hover svg circle {
  stroke: #fff;
}
.single-Column .more svg {
  position: absolute;
  top: calc(50% - 1rem);
  right: 3rem;
  width: 2rem;
}
.single-Column .slider__container {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  /* padding-left: 10%; */
  margin-left: calc(50% - 540px);
}
@media screen and (max-width: 1440px) {
  .single-Column .slider__container {
    margin-left: calc(65vw - 55%);
  }
}
@media screen and (max-width: 1200px) {
  .single-Column .slider__container {
    margin-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .single-Column .slider__container {
    margin-left: 0;
  }
}
.single-Column .slider-slick {
  width: 65%;
  margin-left: 0;
  position: relative;
}
@media screen and (max-width: 700px) {
  .single-Column .slider-slick {
    display: block;
    width: 85%;
  }
}
.single-Column .slick-list {
  overflow: visible;
  width: 100%;
}
@media screen and (max-width: 699px) {
  .single-Column .slick-list {
    margin-left: -6vw;
  }
}
@media screen and (max-width: 420px) {
  .single-Column .slick-list {
    margin-left: -9vw;
  }
}
@media screen and (max-width: 380px) {
  .single-Column .slick-list {
    margin-left: -10vw;
  }
}
.single-Column .slick-slide {
  height: auto !important;
}
.single-Column .is-sp {
  display: none;
}
@media screen and (max-width: 700px) {
  .single-Column .is-sp {
    display: block;
  }
}
.single-Column .is-pc {
  display: block;
}
@media screen and (max-width: 700px) {
  .single-Column .is-pc {
    display: none;
  }
}

.single-all {
  text-align: center;
  text-decoration: none;
  display: block;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 30rem;
  margin: 0 auto;
}
.single-all__btn-txt {
  background-color: #eceff1;
  position: relative;
  text-decoration: none;
  border-radius: 1000px;
  padding: 2rem 0;
  font-weight: 500;
  transition: all ease 0.3s;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.single-all__btn-txt:hover {
  background-color: #8fc31f;
  color: #fff;
}
.single-all__btn-txt:hover .single-all__btn-dot_right {
  transform: translate3d(21.5rem, 0, 0);
}
.single-all__btn-dot_right {
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  top: 1.3rem;
  left: 2rem;
  position: absolute;
  transition: all ease 0.3s;
}
.single-all__btn-svg {
  width: 1.5rem;
}/*# sourceMappingURL=style.css.map */