@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Train+One&family=Zen+Maru+Gothic&display=swap');

body {
	background-color: #ffffff;
	margin:0px;
}
a {
	/*color: #291400;*/
	color:inherit;
	text-decoration:none;
}

/* text */

.text1_black {
	position: absolute;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
}
.text1_black2_13rem {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
}
.text1_black2_08rem {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	margin-top:10px;
}
.text2_black { /* Windows/Macのタイトル */
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 132.8%;
	color: #291400;
}
.text_black_noto16 {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-size: 12.8722px;
	line-height: 19px;
	text-align: center;
	text-decoration-line: underline;
	color: #291400;
}
.text_black_noto16_2 {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-size: 12.8722px;
	line-height: 19px;
	text-align: center;
	text-decoration-line: underline;
	color: #291400;
}
.text_black_font24 {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	color: #291400;
	text-align:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
}
.text_black_font15 {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 350;
	font-size: 15px;
	line-height: 21.72px;
	color: #291400;
}
.text1_black_zen20 {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
}


.text5_orange2 {
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 34.071px;
	line-height: 132.8%;
	letter-spacing: -0.05em;
	color: #F16D50;
	margin-left: 27.1px;
}
.text_orange_font22 {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	
	color: #F16D50;
}
.text6_orange {
	color: #F16D50;
}
.text_centering {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.ol_1 {
	text-align:left;
}

/* image */
.sakura1 {
	position: absolute;
	width: 66.03px;
	height: 65.38px;
	border-width:0px;
}
.sakura1_frame_start {
	left: 169px;
	top: 22px;
	transform: rotate(-66.18deg);
}
.sakura4_frame_start {
	left: 270px;
	top: 52px;
	transform: rotate(-65.84deg);
}
.sakura1_frame_end {
	transform: rotate(-66.18deg);
	position:absolute;
	top:-120px;
	right:100px;
}
.sakura4_frame_end {
	transform: rotate(99.16deg);
	position:absolute;
	top:-70px;
	right:200px;
	width: 56.19px;
	height: 50.28px;
}
.sakura3 {
	position: absolute;
	width: 34px;
	height: 25px;
}
.sakura4 {
	position: absolute;
	width: 52px;
	height: 47px;
}
.img_button1 {
	position: absolute;
	left: 14.39px;
	top: 920px;
	width: 341.23px;
	height: 79.65px;
}
.img_button1_2 {
	width: 341.23px;
	height: 79.65px;
}
.img_button2 {
	position: absolute;
	width: 177px;
	height: 53px;
	background: url(../img/button2.png);
	
	padding-top:12px;
	
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 35px;
	/* ボックスの高さと同一 */
	
	text-align: center;
	
	color: #291400;
}
.img_button3 {
	width: 177px;
	height: 53px;
	background: url(../img/button2.png);
	padding-top:12px;
	margin-right:20px;
	margin-top:50px;

	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
	color: #291400;
	float:left;
}
.img_button4 {
	width: 177px;
	height: 53px;
	background: url(../img/button2.png);
	padding-top:12px;
	margin-right:20px;
	margin-top:50px;

	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
	color: #291400;
}
.img {
	padding-top:10px;
}
.img2 {
	padding-top:20px;
}
.img_size_able {
	width:90%;
	max-width:700px;
	height:auto;
	margin-bottom:20px;
}

/* Video */

.video1 {
	margin-top:20px;
    width: 100%;
    aspect-ratio: 16 / 9;
}
.video1 iframe {
    width: 100%;
    height: 100%;
}

/* Background */
.bg_white1 { /* 1行ごと*/
	width: 216px;
	height: 31px;
	background: #FFFFFF;
	border-radius: 10px;
	margin-bottom:5px;
}
.bg_white2 { /* 全体用 */
	position: relative;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align:center;
}
.bg_white_frame { /* 枠組み */
	background: #FFFFFF;
	border-radius: 48px;
	margin: 0px 10px;
	padding-top:10px;
	padding-bottom:80px;
	padding-left:20px;
	padding-right:20px;
}
.bg_beige_frame { /* 枠組み */
	background: #FCF6EC;
	border-radius: 32px;
	margin: 50px 50px;
	padding-bottom:50px;
}
.bg_beige { /* 全体用 */
	position:relative;
	width: 100%;
	background: #FCF6EC;
	text-align:center;
	padding-bottom:50px;
}
.bg_pink {
	position:relative;
	width: 100%;
	background: url(../img/bg2.png);
	text-align:center;
	padding-bottom:50px;
}

/* Question */
.question1 {
	margin-top:50px;
	margin-left:17px; 
	text-align:left;
}
.question2 {
	float:left;
	margin-right:10px;
}
.img_question {
	width: 32px;
	height: 32px;
}

/* float */
.float_left {}


/* purchase button */
.purchase-container {
width:95%;
  display: flex;
  align-items: center;
      margin-left: auto; /* 左側の余白を自動調整 */
      margin-right: auto; /* 右側の余白を自動調整 */
}

.purchase-icon {
  height: 100px;
  background-color: #F16D50;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
}

.purchase-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left:10px;
}

.purchase-circle {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left:15px;
  margin-right:15px;
}

.purchase-triangle {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 11px solid #F16D50;
}
.purchase-text-download {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
}
.purchase-text-price {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 700;
	font-size: 33.7931px;
}

/* Section 1 */
.s1 {
	position:relative;
	width: 100%;
	height: 750px;
	background: #FCF6EC;
}
.s1_title_logo1 {	
	position: absolute;
	width: 272px;
	height: 42px;
	left: 49px;
	top: 22px;
	
	font-family: 'Train One', cursive;
	font-style: normal;
	font-weight: 400;
	font-size: 28.8119px;
	line-height: 42px;
	
	color: #291400;
}
.s1_title_logo2 {
	position: absolute;
	width: 200px;
	height: 94px;
	left: 100px;
	top: 73px;	

	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 44px;
	line-height: 132.8%;
	letter-spacing: -0.05em;
	
	text-align: center;
	color: #F16D50;
}
.s1_title_description1 {
	position: absolute;
	width: 232px;
	height: 141px;
	left: 69px;
	top: 190px;	

	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 173.3%;
	color: #291400;
	
	text-align: center;
}
.s1_title_description2 {
	color: #F16D50;
}
.s1_title_description3 {
	position: absolute;
	width: 350px;
	height: 179px;
	left: 10px;
	top: 750px;
	
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 130.3%;
	text-align: center;
	
	color: #291400;
}
.s1_title_img1 {
	position: absolute;
	width: 147px;
	height: 269px;
	left: 112px;
	top: 330px;	

	background: url(../img/title_img1.png);
}
.s1_title_img2 {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 540px;
}
.s1_sakura1 {
	left: 280px;
	top: -20px;
	transform: rotate(-33.59deg);
}
.s1_sakura2 {
	left: -17px;
	top: 288.7px;
	transform: rotate(133.64deg);
}
.s1_sakura3 {
	left: 87.88px;
	top: 520px;
}
.s1_sakura4 {
	left: 253px;
	top: 510px;
}
.s1_button1 {	
	left: 14.39px;
	top: 930px;
}
.s1_circle1 {
	left: 749px;
	top: 1124px;
}
.s1_triangle1 {
	left: 757px;
	top: 1133px;
}
.button_text1 {
	width: 310px;
	height: 29px;
	left: 427px;
	top: 1103px;
}
.button_text2 {
	width: 120px;
	height: 49px;
	left: 534.27px;
	top: 1124px;
}
.s1_text1 {
	position: absolute;
	width: 350px;
	height: 19px;
	left: 10px;
	top: 1022.52px;
}
.s1_div1 {
	position: absolute;
	left: 14.39px;
	top: 980px;
	width: 341.23px;
	height: 79.65px;
}

.s1_flex_lang {
	display: flex;
    flex-direction: column;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

/* Section 2 */
.s2_img1 {
	width: 90%;
	height: auto;
	border-radius: 20px;
	margin-top:20px;
}
.s2_img2 {
	width: 441px;
	height: 408.78px;
	background: #FFFFFF;
	border-radius: 16.3257px;
	text-align:center;
}
.s2_div1 {
	display: flex;
	flex-direction: column;
}
.s2_div2 {}
.s2_div3 {}
.s2_div4 {}
.s2_div5 { order:1;
}
.s2_div6 {
}

.s2_flex {
	display: flex;
	flex-direction:column;

	padding-top:40px;
}
.s2_flex_rev {
	display: flex;
	flex-direction:column-reverse;

	padding-top:40px;
}
.s2_flex_1 {
	margin-top:auto;
	margin-bottom:auto;
}
.s2_flex_2 {
}
.s2_p1 {
	margin-left:10px;
	margin-right:10px;
}

/* Section 5 */
.s5_div1 {
	margin-left:20%;
}

/* Section 6 */
.s6_div1 {
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}

/* Section 7 */

.s7_div1 {
	margin-top:10px;
	padding-right:50px;
	text-align:center;
}
.s7_div2 {
	text-align:left;
	width:300px;
	margin: 0 auto;
}

/* Section 8 */

.s8_div1 {
	padding-left:30px;
}

/* Section 10 */
.s10_div1 {
	float:left;
	width:80%;
}
.s10_img1 {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}