@charset "utf-8";
/* CSS Document */

/*****************************************************

    要素リセット

*****************************************************/

body {
	color:#76634f;
    line-height: 1.5;
    position: relative;
    word-break: break-all;
	margin: 0;
}
body *{
	font-family:"FOT-スーラ ProN","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, form, fieldset, input,
textarea, p, blockquote, th, td, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
img {
	max-width: 100%;
    vertical-align: middle;
	border: 0;
}
ul{
	list-style:none;
}
li {
    list-style-type: none;
}

/*****************************************************

    基本設定、カラーなど

*****************************************************/

/*レイアウト*/
.box{
	margin:0 auto;
	max-width: 1100px !important;
	padding-left: 55px;
	padding-right: 55px;
	text-align: center;
}
@media only screen and (max-width: 749px) {
  .box {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/*パーツ*/
.box > img{
	width:100%;
}
._fontSeurat{
  font-weight: 600;
  font-style: normal;
}

/*バッグカラー*/
.width_pink{
	width:100%;
	background-color:#f8d1d6;
}

/*PC-SP*/
@media screen and (max-width: 749px) {
  ._pc {
    display: none !important;
  }
}
@media screen and (min-width: 750px) {
  ._sp {
    display: none !important;
  }
}

/*margin*/
.mgt40{ margin-top:40px !important; }
.mgb40{ margin-bottom:40px !important; }


/*****************************************************

    コンテンツ

*****************************************************/

/*---------------------
　ムービー
*---------------------*/
.videoWrap{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*ビデオ*/
.videoWrap video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1
}
/*文字*/
.video_group{
	width:80%;
	max-width:574px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);/*センター寄せの修正*/
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index:2;
}
.video_group .ttl{
  font-size: 22px;
  text-align: center;
  color: #fff;
}
.video_group .img {
  margin-top: 16px;
  width:100%;
}
@media screen and (max-width: 749px) {
.video_group .ttl{
    font-size: 15px;
  }
 .video_group .img {
  margin-top: 4px;
}
}

/*---------------------
　キャッチ
*---------------------*/
.cont_01{
	text-align:center;
	padding-top: 48px;
}
.cont_01 h1{
	font-size: 40px;
	font-weight: 700;
}
.cont_01 .text{
	margin-top: 16px;
	text-align: center;
	line-height: 2;
	font-size: 24px;
	font-weight: 600;
}
.cont_01 .price{
	display: block;
  margin-top: 16px;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
}
.cont_01 .price span{
	font-size: 22px;
}

@media screen and (max-width: 749px) {
.cont_01{
	padding-top: 0;
}
.cont_01 h1{
	font-size: 25px;
    padding-top: 32px;
}
.cont_01 .text{
	font-size: 16px;
}
.cont_01 .price{
	font-size: 28px;
}
.cont_01 .price span{
	font-size: 18px;
}	
}


/*------------------------
　メインコンテンツ
*------------------------*/

.mainTxt{
	display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.mainTxt::before{
	content: "";
  width: 35%;
  position: absolute;
  border-top: 2px solid #76634f;
  z-index: 1;
  border-radius: 5px;
  border-top: 3px solid #76634f !important;
  box-sizing: border-box;
}
.mainTxt > span{
	display: inline-block;
  position: relative;
  z-index: 2;
  padding: 0 30px;
  background-color: #fff;
  font-size: 30px;
}

.subTxt{
	margin-top: 14px;
	text-align: center;
}
.subTxt > span{
	display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 1.9523809524;
  font-size: 21px;
}

.box .img{
	margin-top:40px;
}

@media screen and (max-width: 749px) {
.mainTxt::before{
	width: 50%;
}
.mainTxt > span{
	font-size: 23px;
    padding: 0 15px;
}
.subTxt > span{
	font-size: 16px;
	}
.box .img{
	margin-top:24px;
}
}

/*------------------------
　FAQ
*------------------------*/
.FAQ{
	padding-top: 90px;
  padding-bottom: 90px;
  box-sizing: border-box;
}
.FAQ .mainTtl{
	display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  text-align: center;
}
/*FAQリスト*/
.faq_list{
	display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 40px;
  margin-top: 80px;
  list-style: decimal;
}
.faq_list > li{
	position: relative;
	width: calc((100% - 40px)/2);
	box-sizing: border-box;
}
.faq_list > li > .faq_list_question{
	display: flex;
  align-items: center;
  min-height: 4rem;
  box-sizing: border-box;
}
.faq_list > li > .faq_list_question > .number{
	font-size: 30px;
  margin-right: 16px;
  white-space:nowrap;
  word-break:break-all;
}
.faq_list > li > .faq_list_question > .txt{
	font-size: 19px;
	box-sizing: border-box;
	text-align:left;
}
.faq_list > li > .faq_list_answer{
	display: flex;
  padding: 40px 50px 40px 40px;
  margin-top: 16px;
  min-height: calc(5rem + 102.4px);
  background-color: #fff;
  border-radius: 20px;
	box-sizing: border-box;
}
.faq_list > li > .faq_list_answer > .answer{
	margin-right: 20px;
  font-size: 30px;
  white-space:nowrap;
  word-break:break-all;
}
.faq_list > li > .faq_list_answer > .txt{
	font-size: 16px;
	box-sizing: border-box;
	text-align:left;
}
.faq_list > li > .faq_notes{
	font-size: 12px;
}

@media screen and (max-width: 970px){
	.faq_list {
    gap: 0;
    margin-top: 60px;
  }
  .faq_list > li:first-child {
    margin-top: 0;
  }.faq_list > li {
    width: 100%;
    margin-top: 80px;
  }
  .faq_list > li > .faq_list_question {
    min-height: auto;
  }  
  .faq_list > li > .faq_list_answer {
    padding: 40px 20px;
    min-height: auto;
  }
  .faq_list > li:last-child {
    margin-top: 26px;
	text-align:left;
  }
}

/*------------------------
　購入ボタン
*------------------------*/
.fixedBtn {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 10;
  box-sizing: border-box;
}
.fixedBtn > a {
  display: block;
  width: 156px;
  height: 156px;
}
.fixedBtn img {
  max-width: 100%;
  border: 0;
}
@media screen and (max-width: 749px) {
.fixedBtn > a {
  width: 80px;
  height: 80px;
}
}


/*------------------------
　Footer
*------------------------*/
.footer{
	text-align:center;
}
.footer .img{
	margin: 90px auto 0;
	position: relative;
	max-width: 648px;
}
.footer .img img{
	width:100%;
}
.footer .Copyright{
	margin: 30px auto 90px;
	color: #333232;
	font-size: 12px;
}

/*------------------------
　SNSリンク
*------------------------*/
.snsLink{
	margin-top:55px;
}
.snsLink > ul {
  display: flex;
  justify-content: center;
}
.snsLink > ul > li {
  margin-right: 24px;
}
.snsLink > ul > li:last-child {
  margin-right: 0;
}
.snsLink > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background-color: #4d4d4d;
  border-radius: 19px;
}
.snsLink > ul > li.icon-facebook > a {
  background: #4d4d4d url(data:img/Untitled.png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAACXBIWXMAAAsSAAALEgHS3X78AAAAiElEQVQ4y+2R0Q2DMAxEHygDsAHdpKswQjcgo6UbdATYIBtcf6gUmZCgVOKLJ/nDyZ1kn5HEQXlJUXu8I08Angd/9Jm3qWQomcpkdrEESUOq6akTgFgbr0qTqZM0meVtciuwJP3LAY9KxONWP4aW8T4tpui2SFNm078TTTx7XG81193pNv1j+gIseZPj4Lh5hAAAAABJRU5ErkJggg==) no-repeat center center/13px 22px;
}
.snsLink > ul > li.icon-facebook > a > svg {
  display: none;
}
.snsLink > ul > li > a > svg {
  fill: #fff;
}
svg:not(:root) {
  overflow: hidden;
}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
  box-sizing: border-box;
}
.icon__fallback-text, .visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}