@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size:16px;
}
html,body{font-size:11.52px;}

@media (max-width: 540px) {
  html,body{font-size:8px;}
}

/*==========共通==========*/
*, *::before, *::after {
  box-sizing: border-box;
}

@media (max-width: 540px) {
.is_pc{
	display: none;
}
}

.poppins{
  font-family: poppins, sans-serif;
  font-weight: 400;
}

.din{
  font-family: din-2014, sans-serif;
}

.mincho{
	font-family: "Yu Mincho", "游明朝体", "YuMincho", serif;
}

img{
  width: 100%;
}

ul,ol{
	list-style-type: none;
}

.fs42{
  font-size: 2.625rem;
}

.fs58{
  font-size: 3.625rem;
}

a{
  text-decoration: none;
  transition: 0.3s;
}

a:hover{
  opacity: 0.7;
}

.tar{
  text-align: right;
}

.heading_vol1{
  font-family: poppins, sans-serif;
  font-weight: 400;
  position: relative;
  text-align: center;
  font-size:2.5rem;
  letter-spacing: 0.25rem;
  padding-bottom: 0.8rem;
}
.heading_vol1:after{
  content:"";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.75rem;
  height: 0.1875rem;
  background: #000;
}

.body_all{
  background-image: url(../images/pc_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #F9F9F9;
}

figure.is_pc{
  position: fixed;
  top: 3.125rem;
  left: 3.125rem;
	width: 12.875rem;
}

main{
  background: #ffffff;
  max-width: 540px;
  margin: 0 auto;
}

.fv{
  position: relative;
}
.fv figure{
  position: relative;
}


.about{
  padding:7.5rem 4.625rem 0;
}

.about h2{
	margin-bottom: 10%;
}
.about h3{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 8%;
	line-height: 4.5rem;
  font-weight: 500;
}
.about p{
	font-size:1.75rem;
	line-height: 3.625rem;
  font-weight: 500;
}

.service{
	padding:9.375rem 1.5rem 6.25rem;
}

.service .heading_vol1{
  margin-bottom: 3.75rem;
}

.set_wrap{
	margin:5% 0;
	background:#F5F5F5;
	padding:5rem 5rem 8.03125rem 5rem;
	box-sizing: border-box;
}
.set_wrap .set_title{
	text-align: center;
	font-size: 2.75rem;
	margin-bottom:5rem;
  line-height: 4.5rem;
}
.set_wrap .set_lecture{
	position: relative;
	margin-bottom: calc(7.3125rem + 5%);
}
.set_wrap .set_lecture::before,
.set_wrap .set_lecture::after{
	content: '';
	position: absolute;
	bottom: calc(-2.8125rem - 5%);
	left: 50%;
	width: 2.8125rem;
	height: 0.4375rem;
	background-color: #707070;
	border-radius: 0.3125rem;
	transform: translate(-50%, -50%);
}
.set_wrap .set_lecture::after {
	transform: translate(-50%, -50%) rotate(90deg);
  }
.set_wrap .set_lecture img{
	display: block;
}
.set_wrap .set_lecture p{
	background:#666666;
	border: 0.125rem solid #707070;
	color:#fff;
	font-size: 2rem;
	padding:1rem 0;
	text-align: center;
}
.set_item{
}
.set_item li{
	margin-bottom: 3.75rem;
}
.set_item li figure{
	text-align: center;
	margin-bottom: 3%;
}
.set_item li figure img{
	max-height: 18.75rem;
	width: auto;
	object-fit: cover;
}
.set_item li:last-child{
	margin-bottom: 0;
}
.set_item li .set_item_txt_wrap{
	width: max-content;
	margin:0 auto;
}
.set_item li .set_item_txt_wrap .set_item_name{
	font-size:2rem;
	font-weight: 600;
	line-height: 3.625rem;
  position: relative;
  margin-bottom: 0.5625rem;
}
.set_item li .set_item_txt_wrap .set_ite_cap_wrap{
  text-align: right;
}
.set_item li .set_item_txt_wrap .set_item_cap{
	font-size:2rem;
	display: inline-block;
	border: 0.125rem solid #000;
	border-radius: 0.25rem;
	padding:0.75rem 1rem;
}
.set_item li .set_item_txt_wrap .set_item_name:before{
  position: absolute;
  left: -1em;
  font-weight: 500;
}
.set_item li:nth-child(1) .set_item_txt_wrap .set_item_name:before{
  content:"1.";
}
.set_item li:nth-child(2) .set_item_txt_wrap .set_item_name:before{
  content:"2.";
}
.set_item li:nth-child(3) .set_item_txt_wrap .set_item_name:before{
  content:"3.";
}

.fullset_wrap{

}
.fullset_wrap .set_bonus_fullset{
  margin-bottom: 3.75rem;
}
.set_bonus_fullset_txt{
  text-align: center;
}
.set_bonus_fullset_txt h4{
  font-size: 2rem;
  margin-bottom: 1.125rem;
}
.set_bonus_fullset_txt p{
  font-size: 1.5rem;
}

.set_bonus{
  background: #fff;
  padding:2.625rem 0 2.1875rem 0;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.set_bonus_txt_wrap{
  font-size:1.75rem;
  width: max-content;
  margin: 0 auto ;
  font-weight: 500;
}
.set_bonus_txt_wrap p:first-of-type{
  margin-bottom: 1.25rem; 
}
.set_bonus_txt_wrap p:nth-of-type(2){
  margin-bottom: 1.23076923rem; 
}
.set_bonus .set_bonus_txt_wrap + img{
  display: block;
  margin-top: 1.5rem;
  width: 29.5138889rem;
  margin: auto;
}
.set_price_wrap{
  text-align: center;
  margin-bottom: 5rem;
}
.regular_price{
  font-size: 1.5rem;
  margin-bottom: 1.375em;
}
.regular_price del{
  background-image: linear-gradient(#000, #000);
  background-position: 0 50%;
  background-size: 100% 2px;
  background-repeat: repeat-x;
  text-decoration: none;
  margin:0 0.52083333rem;
}
.discount_price{
  width: max-content;
  margin: auto;
  font-size: 1.75rem;
  position: relative;
  padding-left:calc(1.6875rem + 0.80625rem);
}
.discount_price:before{
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%); 
  border: 0.84375rem solid transparent;
  border-left: 1.375rem solid #000;
}
.discount_price span:nth-of-type(1){
  margin-right: 0.125rem;
}
.discount_price span:nth-of-type(2){
  margin-right: 0.1875rem;
}
.discount_price span:nth-of-type(3){
  margin-right: 1.125rem;
}
.discount_price span:nth-of-type(4){
  margin-right: 0.375rem;
}

.for_detail{
  margin: 0;
}

.for_detail_btn{
  display: block;
  width: 100%;
  background:#9686B3;
  color:#fff;
  font-size:2rem;
  font-weight: bold;
  padding:2.125rem 0;
  text-align: center;
}

.lecture16{
  background:#FFF9EE;
}
.lecture16 h2{
  text-align: center;
  background:#707070;
  color:#fff;
  padding: 2.1875rem;
  font-size:2.25rem;
  letter-spacing: 0.045rem;
}
.lecture16 h2 span{
  font-size: 3.25rem;
  font-weight: 400;
  margin-right: 0.25rem;
  letter-spacing: 0;
}
.lecture16 .splide__slide{
  padding:10% 10% 8.1875rem 10%;
}
.lecture16 .splide__slide h3{
  text-align: center;
  font-size:2rem;
  margin-bottom: 1.875rem;
  font-weight: 300;
}
.lecture16 .lecture_slider_contents{
  background: #fff;
  padding:2.5rem;
}
.lecture16 .lecture_slider_contents h4{
  font-size:2rem;
  line-height: 3.625rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
.lecture16 .lecture_slider_contents p{
  font-size:1.75rem;
  line-height: 3.625rem;
}
.lecture16 .splide__pagination__page.is-active{
  background: #707070;
}
.lecture16 .splide__pagination__page{
  background:#dddddd;
    border-radius: 0;
    display: inline-block;
    height: 0.75rem;
    width: 1.25rem;
    opacity: 1;
    transition: transform .3s linear;
}
.lecture16 .splide__pagination__page.is-active {
  transform: scale(1);
}
.lecture16 .splide__arrow{
  background: transparent;
  opacity: 1;
  width: 3.0625rem;
  height: 3.5625rem;
}
.lecture16 .splide__arrow:hover{
  opacity: 0.7;
}

.lecture16 .splide__arrow svg{
  fill:#707070;
  height: 100%;
  width: 100%;
}
.lecture16 .splide__pagination{
  bottom: 5em;
}

.message{
  padding:10.625rem 5% 7.5rem;
}
.message .heading_vol1{
  margin-bottom: 6.25rem;
}
.message h3{
  text-align: center;
  font-size:2.4rem;
  margin-bottom: 5rem;
  line-height: 4.5rem;
  font-weight: 500;
}
.message .message_img01{
  margin-bottom:3.75rem;
}
.message .message_img01 + p{
  padding: 0 5%;
  font-size:1.75rem;
  line-height: 3.625rem;
  margin-bottom: 6.25rem;
}
.message .message_img02{
  margin-bottom:3.75rem;
}
.message .message_img02 + p{
  padding: 0 5%;
  font-size:1.75rem;
  line-height: 3.625rem;
}

.repost{
  background: #FFF9EE;
  padding:8.125rem 0 7.5rem;
}
.repost .splide__slide{
  padding: 10%;
}
.repost_contents_wrap{
  background: #fff;
  padding: 5% 5% 6.25rem 5%;
}
.repost .repost_contents_head{
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 2.5rem;
  border-bottom:0.0625rem solid #000;
  padding-bottom: 2.5rem;
}
.repost .repost_contents_head img{
  display: block;
  width: 7.5rem;
  margin-right: 3.75rem;
}
.repost .repost_contents_head .user_voice{
  font-size: 2rem;
  position: relative;
  bottom: 1rem;
}
.repost_contents p{
  font-size:1.75rem;
  line-height: 3.625rem;
}
.repost .splide__pagination__page.is-active{
  background: #707070;
}
.repost .splide__pagination__page{
  background:#dddddd;
    border-radius: 0;
    display: inline-block;
    height: 0.75rem;
    width: 5rem;
    opacity: 1;
    transition: transform .3s linear;
}
.repost .splide__pagination__page.is-active {
  transform: scale(1);
}
.repost .splide__arrow{
  background: transparent;
  opacity: 1;
  width: 3.0625rem;
  height: 3.5625rem;
  padding: 0;
}
.repost .splide__arrow:hover{
  opacity: 0.7;
}
.repost .splide__arrow svg{
  fill:#707070;
  height: 100%;
  width: 100%;
}

.final_message{
  padding:7.5rem 0;
}
.final_message p{
  padding:0 4.625rem;
  font-size:1.75rem;
  line-height: 3.625rem;
  margin-bottom: 2.5rem;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.scrolling-image_container {
  overflow: hidden;
  width: 100%;
}
.scrolling-image_wrap {
  display: flex;
  width: 200%;
}
.scrolling-image_list {
  display: flex;
  width: 100%;
  animation: scroll 40s linear infinite;
  animation-timing-function: linear;
}
.scrolling-image_list img {
  width: auto;
  height: 100%;
}

.link .heading_vol1{
  margin-bottom: 5rem;
}
.link_wrap{
  display: flex;
  justify-content: center;
}
.link_wrap li:first-child{
  margin-right: 5rem;
}
.link_wrap li a{
  display: flex;
  align-items: center;
  justify-content: center;
  background:#707070;
  border-radius: 50%;
  height: 6.25rem;
  width: 6.25rem;
}
.link_wrap li:first-child a{
  padding:1.875rem 1.3125rem;
}
.link_wrap li:last-child a{
  padding:1.5rem 1.5625rem;
}
.logo{
  text-align: center;
  padding:5rem 0 7.5rem;
}
.logo img{
  max-width: 31%;
}

footer{
  background:#707070;
  color: #Fff;
  padding:1.375rem 0 1.25rem;
  font-size:1.5rem;
  text-align: center;
}