@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 {
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
}

.text1_black2_08rem {
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
}
.text2_black { /* Windows/Macのタイトル */
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 132.8%;
	color: #291400;
}
.text_black_noto16 {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	text-decoration-line: underline;
	color: #291400;
	margin-top:10px;
}
.text_black_noto16_2 {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	text-decoration-line: underline;
	color: #291400;
	margin-top:10px;
}
.text_black_font24 {
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 35px;
	color: #291400;
	text-align:left;
	margin:40px auto 0 auto;
	width:750px;
}
.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_orange {
	position: absolute;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 132.8%;
	/* または64px */
	
	letter-spacing: -0.05em;
	color: #F16D50;
}
.text5_orange2 {
	padding-top:50px;
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 132.8%;
	letter-spacing: -0.05em;
	color: #F16D50;
}
.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;
	width:600px; 
	margin: 0 auto;
}
.ol_1 {
	text-align:left;
	width:600px; 
	margin: 0 auto;
}


/* image */
.sakura1 {
	position: absolute;
	width: 102px;
	height: 101px;
	background: url(../img/sakura1.png);
}
.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: 42px;
	height: 31px;
	background: url(../img/sakura3.png);
}
.sakura4 {
	position: absolute;
	width: 76px;
	height: 68px;
	background: url(../img/sakura4.png);
}
.img_button1 {
	position:absolute; 
	left: 406px;
	top: 1040px;
}
.img_button1_2 {
	margin-top:50px;
}
.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:50px;
	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:20px;
}
.img2 {
	padding-top:20px;
}
.img_size_able {
	max-width: 800px;
}


/* Video */

.video1 {
}

/* 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: 50px 50px;
	padding-bottom:50px;
}
.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:100px; 
	text-align:left;
}
.question2 {
	float:left;
	margin-right:30px;
}
.img_question {
	width: 59px;
	height: 59px;
}

/* float */
.float_left {
	float:left;
}

/* purchase button */
.purchase-container {
width:400px;
  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: 20px;
}
.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: 850px;
	background: #FCF6EC;
}
.s1_title_logo1 {
	position: absolute;
	width: 272px;
	height: 42px;
	left: 171px;
	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: 247px;
	height: 170px;
	left: 171px;
	top: 119px;
	
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 132.8%;
	/* または85px */
	
	letter-spacing: -0.05em;
	
	color: #F16D50;
}
.s1_title_description1 {
	position: absolute;
	width: 434px;
	height: 141px;
	left: 441px;
	top: 129px;
	
	font-family: 'Zen Maru Gothic';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 173.3%;
	/* または49px */
	
	color: #291400;
}
.s1_title_description2 {
	color: #F16D50;
}
.s1_title_description3 {
	position: absolute;
	width: 617px;
	height: 177px;
	left: 292px;
	top: 842px;
}
.s1_title_img1 {
	position: absolute;
	width: 147px;
	height: 269px;
	left: 831px;
	top: 127px;
	
	background: url(../img/title_img1.png);
}
.s1_title_img2 {
	position: absolute;
	width: 968px;
	height: 467.81px;
	left: 116px;
	top: 332px;
	
	background: url(../img/title_img2_2.png);
}
.s1_sakura1 {
	left: 1059px;
	top: -22px;
	transform: rotate(-33.59deg);
}
.s1_sakura2 {
	left: -17px;
	top: 288.7px;
	transform: rotate(133.64deg);
}
.s1_sakura3 {
	left: 789px;
	top: 316px;
}
.s1_sakura4 {
	left: 978px;
	top: 316px;
}
.s1_button1 {	
	left: 406px;
	top: 1088px;
}
.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: 399px;
	height: 23px;
	left: 401px;
	top: 1150px;
}
.s1_div1 {
	position: absolute;
	width: 617px;
	height: 177px;
	left: 292px;
	top: 1120px;
}

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

/* Section 2 */
.s2_img1 {
	width: 441px;
	height: 441px;
	border-radius: 20px;
	margin-top:20px;
}
.s2_img2 {
	width: 441px;
	height: 408.78px;
	background: #FFFFFF;
	border-radius: 16.3257px;
	text-align:center;
}

.s2_div1 {
	text-align:left;
	width:1000px; 
	margin: 0 auto;
}
.s2_div2 {
	float:left; 
	padding-right:170px;
	padding-top: 70px;
}
.s2_div3 {
	float:left;
}
.s2_div4 {
	clear:both;
}
.s2_div5 {
	float:left; 
	padding-right:100px;
}
.s2_div6 {
	float:left;
	padding-top: 100px;
}

.s2_flex {
	display: flex;
	flex-direction:row;
}
.s2_flex_rev {
	display: flex;
	flex-direction:row;
}
.s2_flex_1 {
	margin-top:auto;
	margin-bottom:auto;
	width:50%;
	max-width:600px;
}
.s2_flex_2 {
	margin-right:5%;
}
.s2_flex_3 {
	margin-left:5%;
}
.s2_p1 {
	margin-left:8%;
	margin-right:12%;
}

/* Section 5 */
.s5_div1 {
	text-align:left;
	width:1000px; 
	margin: 0 auto;
}

/* Section 6 */
.s6_div1 {
	text-align:left;
	width:800px; 
	margin: 0 auto;
}

/* Section 7 */

.s7_div1 {
	float:left;
	padding-right:50px;
	text-align:center;
}
.s7_div2 {
	text-align:left;
	width:500px;
	margin: 0 auto;
}
	
/* Section 8 */

.s8_div1 {
	text-align:left;
	width:1000px; 
	margin: 0 auto;
}

/* Section 10 */
.s10_div1 {
	float:left;
}
.s10_img1 {
	margin-left:100px;
}