@charset "utf-8";

/* 汎用 */
.t-right{text-align: right;}
.t-center{text-align: center;}
.clear{clear:both;}
.disnon{display:none;}
.bold{font-weight:bold;}
.tpink{color:#e75a86;}
.min{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;}
.chui { 
	font-size:12px;
	color: #333;
	margin-top: 2.2em;
	/* margin-bottom: 1.2em; */
}
.inner_s{
	max-width: 840px;
	margin: 0 auto;
}
.inner_m{
	max-width: 918px;
	margin: 0 auto;
}
.inner_l{
	max-width: 1000px;
	margin: 0 auto;
}
.inner_xl{
	max-width: 1100px;
	margin: 0 auto;
}
.box{
	margin: 40px auto 0;
	overflow:visible;border:1px solid #d5ccb6;
	background:#fff;padding: 50px 45px;
}

@media screen and (max-width:767px) {
	.chui{font-size:10px; margin-bottom: 0;}
	.inner_s,
	.inner_m,
	.inner_l,
	.inner_xl{
		max-width:90vw;
	}
	.t-sp-left{text-align: left !important;}
	.box{margin: 7vw auto 0;padding: 5vw 6vw;}
}
/* nav */
.fs-l-main nav{width:100%;position:relative;background:#AA9677b3;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);-webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);z-index: 2;margin-top: -2px;}
.fs-l-main nav.fixed{margin:0; position:fixed;  top:0; left:0; display:block; z-index:10000; background-image:none; background:#ab9980;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.fs-l-main nav ul{margin:0 auto;display: flex;flex-wrap:wrap;justify-content: center;}
.fs-l-main nav ul li{flex: 0 0 25%;max-width: 273px;text-align: center;height: 4.42em;max-height: 66px;}
.fs-l-main nav ul li:nth-child(n+2){border-left:1px solid #FFF;}
.fs-l-main nav ul li:nth-child(1) a{font-weight: normal;}
.fs-l-main nav ul li a{color:#FFF;display:flex;justify-content:center;align-items:center;height:100%;}
.fs-l-main nav ul li:hover a{background:#85735e;color:#FFF;}
@media screen and (max-width:767px) {
	.fs-l-main nav {
		position:relative;
		margin-top: 0;
	}
	.fs-l-main nav ul li{
		flex: 1 1 50%;
		max-width: unset;
	}
	.fs-l-main nav ul li:nth-child(n+3){
	    border-top: 1px solid #FFF;
	}
	.fs-l-main nav ul li:nth-child(2n+1){
		border-left: none;
	}
}

.all {
	overflow: hidden;
	opacity: 0; 
	animation: fadeIn 1.5s ease-out forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* product */
.product {
	position:relative;
	text-align:center;
	display:flex;
	flex-direction:column;
    align-items: center;
}
.product .layout{
	display:contents;
}
.cp25 .sale {
	position:absolute;
	left:2em;
	top:-1em;
	line-height:1.2;
	border:1px solid #6E5D37;
	border-radius:50%;
	display:block;
	width:5.4em;
	height:5.4em;
	padding:1em 0.6em 0.6em;
	text-align:center;
	color:#6E5D37;
	font-family: 'Noto Serif JP', serif;
	font-size:14px;
	background: #FFF;
}
.cp25 .sale b{
	font-size:1.71428em;
}
.cp25 .sale span{
	font-size:1.142857em;
}
.product .name{
	flex: 1 1 auto;
	height: 66px;
	font-size: 13px;
	line-height: 1.45 !important;
}
.product .name2{
	font-size: 13px;
}
.product .subname{
	flex: 1 1 auto;
	font-size: 15px;
	font-weight: 600;
	color: #6E5D37;
}
.product .itemname1 {
	flex: 1 1 auto;
	font-size: 12px;
	padding: 10px;
	text-align: left;
    background: #f9f9f9;
	margin: 2.5em 0 0.7em 0;
}
.product .itemname2 {
	flex: 1 1 auto;
	font-size: 12px;
	padding: 10px;
	text-align: left;
    background: #f9f9f9;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.product .price{
	margin-bottom:0.7em;
	color:#6E5D37;
	font-size:18px;
	font-weight:bold;
    flex: 1 1 auto;
}
.product .price span.before{
	display:block;
	color:#33281F;
	font-size:0.888888em;
	font-weight:normal;
}
.product .price span.before:after{
	content:"";
	--iconsize:0.6em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
	border-color: #6E5D37 transparent transparent transparent;
	display:block;
	margin: 3px auto;
}
.product input{
	border-radius: 0;
}
.product a {
    /* width: 100%; */
	min-width: 247px;
    border: 1px solid #695935;
    background: #FFF;
	margin-top: 10px;
    padding: 0.3em 0.6em;
	position:relative;
	display: block;
}
/*.product a:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #695935;
	border-top: 1px solid #695935;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
} */
.product form button{
    width: 100%;
    min-width: 247px;
    border: 1px solid #695935;
    background: #695935;
	color: #FFF;
    padding: 0.3em 0.7em;
	position:relative;
}
.product form button:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
}
.product form button[disabled]{
	pointer-events:unset;
	cursor:unset;
	background-color: #bdb9b5;
	border: #bdb9b5;
}
.product form button[disabled]:after{
	content: unset;
}
.product form button[disabled]:hover{
	opacity:1;
}

.product_cp {
    position: relative;
    text-align: center;
    display: flex;
    /*　flex-direction: column;　*/　/* カート中央寄せ */
    align-items: center;
}
.product_cp form button {
    width: 100%;
    min-width: 500px;
    border: 1px solid #695935;
    background: #695935;
    color: #FFF;
    padding: 0.4em 0.7em;
    position: relative;
}
.product_cp .layout{
	display:contents;
}
.cp25 .sale2 {
	position:absolute;
	left:80em;
	top:225em;
	line-height:1.2 !important;
	border:1px solid #6E5D37;
	border-radius:50%;
	display:block;
	width:5.4em;
	height:5.4em;
	padding:1em 0.6em 0.6em;
	text-align:center;
	color:#6E5D37;
	font-family: 'Noto Serif JP', serif;
	font-size:14px;
	background-color: rgba(255, 255, 255, 0.3);
}
.cp25 .sale2 b{
	font-size:1.71428em;
}
.cp25 .sale2 span{
	font-size:1.142857em;
}
.product_cp .name{
	margin-bottom:0.7em;
	flex: 1 1 auto;
	font-size: 16px;
}
.product_cp .price{
	margin-bottom:0.7em;
	color:#6E5D37;
	font-size:18px;
	font-weight:bold;
    flex: 1 1 auto;
}
.product_cp .price span.before{
	display:block;
	color:#33281F;
	font-size:0.888888em;
	font-weight:normal;
}
.product_cp .price span.before:after{
	content:"";
	--iconsize:0.6em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
	border-color: #6E5D37 transparent transparent transparent;
	display:block;
	margin:0 auto;
}
.product_cp input{
	border-radius: 0;
}
.product_cp a{
    width: 100%;
    border: 1px solid #695935;
    background: #FFF;
	margin-top: 10px;
    padding: 0.3em 0.6em;
	position:relative;
	display: block;
}
/*.product_cp a:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #695935;
	border-top: 1px solid #695935;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
}*/

.product_cp form button:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
}
.product_cp form button[disabled]{
	pointer-events:unset;
	cursor:unset;
	background-color: #bdb9b5;
	border: #bdb9b5;
}
.product_cp form button[disabled]:after{
	content: unset;
}
.product_cp form button[disabled]:hover{
	opacity:1;
}
.cp25 .price {
    letter-spacing: 1px !important;
}
.cp25 .price {
	text-align: center;
    margin: 0.9em 0;
    color: #6E5D37;
    font-size: 18px;
    font-weight: bold;
    flex: 1 1 auto;
}
.cp25 .price span {
    font-size: 14px;
	margin: 0;
}
.cp25 .price span.before{
	display:block;
	color:#33281F;
	font-size:0.888888em;
	font-weight:normal;
}

@media screen and (max-width: 767px) {
  .cp25 .price span.before:after {
    content: "";
    --iconsize: 0.6em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
    border-color: #6E5D37 transparent transparent transparent;
    display: block;
    margin: 5px auto;
  }
}

@media screen and (max-width:767px) {
	.product .itemname1 {
	margin:0.7em 0em !important;
	}
	.product .itemname2 {
	margin:0.7em 0em !important;
	}
	.product {
		padding:7vw 0;
		margin:0;
		display:block;
	}
	.product a{
		margin: 10px auto 0;
	}
	.product a,
	.product form button{
		min-width:unset;
		width: 70vw;
	}
	.product.sp_sbs .layout{
		display:grid;
		grid-template-columns:2fr 3fr;
	}
	.product .layout{
		margin: 4vw 8vw;
	}
	.product .layout picture{
		grid-row:1 / 3;
	}
	.cp25 .sale{
		font-size:3.5vw;
		left: 5vw;
		top: 5vw;
	}
	.product .price{
		font-size:4vw;
		height:100%;
	}
	.product .name{
		font-size:3.5vw;
		line-height: 1.55 !important;
		height: fit-content;
		margin: auto 0 2vw;
	}
	.product .name2{
		font-size:3.0vw;
		text-align: left;
	}
	.product_cp {
		margin:0;
		display:block;
	}
	.product_cp a{
		margin: 10px auto 0;
	}
	.product_cp a,
	.product_cp form button{
		min-width:unset;
	/*	width: 90vw; */
	}
	.product_cp.sp_sbs .layout{
		display:grid;
		grid-template-columns:2fr 3fr;
	}
	.product_cp .layout{
		margin: 4vw 8vw;
	}
	.product_cp .layout picture{
		grid-row:1 / 3;
	}
	.product_cp .name,
	.product_cp .price{
		font-size:4vw;
		height:100%;
	}
	.product_cp .name{
		height: fit-content;
		margin: auto 0 2vw;
	}
	.cp25 .sale2 {
		font-size:3.3vw;
		left: 22vw;
		top: 630vw;
	}
	.section02 .cp25 .spbox {
		margin: 25px 0 25px;
		border: 1px solid #d5ccb6;
		background: #fff;
		padding: 6vw 6vw 0vw;
	}
	.cp25 .price span.before{
	font-size:0.788888em !important;
	}
	.cp25 .price {
		font-size: 4vw !important;
        height: 100%;
	}

}


/* preend */
.endbtn,.prebtn{margin:0; padding:10px 0; display:none; text-align:center; letter-spacing:1px;}
.endbtn{background:#666; color:#fff;}
.prebtn{background:#bba57d; color:#fff;}
.end .endbtn,.pre .prebtn{display:block;}
.end form,.pre form{display:none;}

/* base */
.comBox{width:1100px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box;}

/* title */
h2{
	font-size:36px;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.5;
}
h3{
	font-size:25px;
	font-family: 'Noto Serif JP', serif;
	margin: 0;
	line-height: 1.7;
}
h4{
	font-size:20px;
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "MS P明朝", "MS PMincho", serif;
	margin: 0;
	line-height: 1.7;
}
h2 span.point_no{
	display:block;
	margin-bottom:10px;
}
@media screen and (max-width:767px) {
	h2{
		font-size: 5.5vw;
	}
	h2 span.point_no{
		margin-bottom:0.2em;
	}
	h2 span.point_no img{
		height:1.1em;
	}
}


/* kv */
.kvwrap{position:relative;}
.kv{text-align: center; margin:0 auto; position:relative;}
.kv img{width:100vw;}

/* section01 */
.section01{padding:100px 0 120px;}
.section01 h2{margin-top:20px;}
.section01 h2 sup {top: -1.0em; font-size:55%;}
.section01 .lead{margin-top: 50px;font-size: 18px;line-height:2.4;text-align: center;}
.section01 .chui{margin-top:30px;}
.section01 .box h3{}
.section01 .box ul.check{margin-top: 32px;display: grid;grid-template-columns: auto auto;font-family: 'Noto Serif JP', serif;}
.section01 .box ul.check li{display:inline-block; overflow:hidden; position:relative; font-size:20px; text-align:left; line-height:2;}
.section01 .box ul.check li:before{
	content: "✓";
	display: inline-block;
	margin-right: 0.6em;
	color: #594C41;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width:767px) {
	.section01{padding: 10vw 0 20vw;}
	.section01 .lead{
		margin:6vw 0 0;
		font-size:3.6vw;
		line-height: 2;
	}
	.section01 .box ul.check{
		margin-top: 4vw;
		grid-template-columns:1fr;
	}
	.section01 .box ul.check li{
		font-size:3.8vw;
	}
	.section01 .box h3 { font-size: 5.5vw; }
	.section01 .chui{margin-top:10px;}
}

/* cart */
/*.cartsection{background:url(https://amritara.itembox.design/item/images/whitebircham/sec05_bg.jpg) no-repeat top center; background-size:cover;} */
.cartwrap{ padding: 50px 0 80px; }
.cart li{margin: 0 110px;/* display:inline-block; *//* font-size:14px; */}
.cart li .name{ line-height:1.6;}
.cart li .price{letter-spacing:1px !important;}
.cart li .price span{font-size:14px;}
.cart li form{}
.cart a{display:block;}
@media screen and (max-width:767px) {
	/*.cartsection{
		background-image:url(https://amritara.itembox.design/item/images/whitebircham/sp/sec03_bg.jpg);
		background-size:cover;
	}*/
	.cartwrap {padding:0 ;}
	.cart li{
		margin:0;
		padding:7vw 0;
	}
}

/* section02 */
.section02 {
  padding: 100px 0 0;
  /* background: url("https://amritara.itembox.design/item/images/whitebircham/sec02_bg.jpg") no-repeat top center; */
  background-size: cover;
}

.section02 .inner_s {
  max-width: 1000px;
  margin: 0 auto;
  border: 1px solid #d5ccb6;
  background: #fff;
  padding: 60px 50px 20px;
}

.section02 h2 {
  font-size: 33px;
  margin: 0 0 0.5em 0 !important;
}

.section02 h3 {
  font-size: 22px;
  margin: 0.5em 0 0.3em 0 !important;
}

.section02 .campaingn_lead {
  align-items: center;
}

.section02 .campaingn_lead .cp25 p {
  line-height: 1.6;
}

.section02 .campaingn_lead > p {
  flex: 0 0 auto;
}

.section02 .chui {
	font-size: 14px;
	margin: 1.0em 0 0 0;
}

.section02 .box {
  margin: 38px 0;
}

.section02 .drink > p {
  flex: 0 0 auto;
  margin-left: 45px;
}

.section02 .drink h4 {
  margin-bottom: 15px;
}


/* PC */
@media screen and (min-width: 768px) {

  /* PCレイアウト */
  .section02 .campaingn_lead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px;
    column-gap: 20px;
    align-items: start;
  }

  .section02 .campaingn_lead .cp25 {
    display: contents;
  }

  /* 上部タイトル、リード文を横いっぱいにして中央寄せ */
  .section02 .campaingn_lead .cp25 h2 {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: center;
    line-height: 1.45;
    margin-bottom: 16px !important;
    white-space: normal;
  }
	
  .section02 .campaingn_lead picture img {
	  max-width: 100%;
	  height: auto;
	}

  .section02 .campaingn_lead .cp25 .sub1 {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: center;
  }

  /* 商品名以降は左カラム */
  .section02 .campaingn_lead .cp25 h3 {
    grid-column: 1;
    grid-row: 3;
  }

  .section02 .campaingn_lead .cp25 .sub2 {
    grid-column: 1;
    grid-row: 4;
  }

  .section02 .campaingn_lead .cp25 .spbox {
    grid-column: 1;
    grid-row: 5;
	padding-bottom: 2.5em;
  }

  /* PC画像は右カラム */
  .section02 .campaingn_lead > .campaign_img.pc {
    grid-column: 2;
    grid-row: 3 / 6;
    align-self: start;
    margin: 0;
  }

  /* PC価格を横並び */
  .section02 .price {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: nowrap;
  }

  .section02 .price .before {
    display: inline-block;
    margin-right: 4px;
  }

  .section02 .price .before::after {
    content: "▶";
    display: inline-block;
    margin-left: 5px;
    color: #6b5a3a;
    font-size: 12px;
    vertical-align: middle;
    width: auto;
    height: auto;
    border: none;
  }

  .section02 .price .icon-border {
    display: inline-block !important;
  }
}


/* SP */
@media screen and (max-width: 767px) {

  .section02 {
    margin: 15vw 0 7vw;
    padding: 0;
  }

  .section02 .inner_s {
    max-width: 90vw;
    margin: 0 auto !important;
    border: none !important;
    padding: 0 !important;
  }

  .section02 .campaingn_lead {
    display: block !important;
    margin-right: 0;
  }

  .section02 .campaingn_lead .cp25 {
    display: block !important;
    width: 100% !important;
  }

  .section02 .campaingn_lead > p {
    width: 55vw;
    margin: 0 auto;
    transform: translateX(-6%);
  }

  .section02 h2 {
    text-align: center;
    font-size: 5.6vw;
    margin: 0 0 0.8em 0 !important;
  }

  .section02 h3 {
    text-align: center;
    font-size: 4.5vw;
    margin: 0.8em 0 0.3em 0 !important;
  }

  .section02 .campaingn_lead .cp25 .sub1,
  .section02 .campaingn_lead .cp25 .sub2 {
    text-align: center;
  }

  /* PCのgrid指定をスマホでリセット */
  .section02 .cp25 h2,
  .section02 .cp25 .sub1,
  .section02 .cp25 h3,
  .section02 .cp25 .sub2,
  .section02 .cp25 .spbox {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* スマホ価格の下向き三角 */
  .section02 .price .before::after {
    content: "";
    --iconsize: 0.6em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
    border-color: #6E5D37 transparent transparent transparent;
    display: block;
    margin: 5px auto;
  }

  .section02 .drink > p {
    margin: 2vw 0 0;
    text-align: center;
  }

  .section02 .drink h4 {
    text-align: center;
  }

.section02 .chui {
	margin: 2.0em 0;
}
  .section02 .chui .c1 {
    text-align: center;
  }

  .section02 .chui .c2 {
    text-align: left;
  }
	
.section02 .campaingn_lead .campaign_img.sp picture img {
	width: 90%;
	max-width: 360px;
	height: auto;
	margin-inline: auto;
	}	
}

/* section02 購入ボタン・商品詳細ボタン調整 */
.section02 .product_cp {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.section02 .product_cp form {
    display: flex;
    flex-direction: column;
    gap: 10px;

    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.section02 .product_cp form button,
.section02 .product_cp form > a {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .section02 .campaingn_lead .cp25 .spbox {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .section02 .product_cp,
    .section02 .product_cp form {
        min-width: 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .section02 .product_cp,
    .section02 .product_cp form,
    .section02 .product_cp form button,
    .section02 .product_cp form > a {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* point01 */
.point01{ 
	padding: 86px 0 86px;;
	background:url("https://amritara.itembox.design/item/images/whitebirch2026/point01_bg.jpg") no-repeat top left;
	background-size: 42% auto;
}
.point01 .inner_l{
	transform: none;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.point01 .inner_l > div{
    padding: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.point01 .inner_l h2{
	margin-bottom:45px;
}
/* 長い見出しや文章が右にはみ出さないようにする */
.point01 .inner_l h2,
.point01 .inner_l p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}
.point01 .inner_l h2 sup {
    top: -1.3em;
    font-size: 50%;
}
.point01 .inner_m{
	margin-top:100px;
}
.point01 .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.point01 .landscape {
	margin-top:80px;
}
#youtube {
    width: 100%;
    max-width: 912px;
    padding: 10px 0 0px 0;
    box-sizing: border-box;
}
#youtube{width:100%;max-width:912px;padding:10px 0 0px 0;box-sizing:border-box}
#youtube .youtube_inner{padding-top:56.25%;position:relative;height:0;overflow:hidden}
#youtube .thumb{width:100%;aspect-ratio:16/9;top:0;left:0;z-index:0;cursor:pointer;position:absolute}
#youtube .thumb.start.pause{visibility:visible;z-index:1}#youtube #player1{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
#youtube.start #player1{opacity:1}

@media screen and (max-width:767px){
	.point01 {
		background:none;
		padding: 12vw 0 0;
	}
    /* 共通のmax-width: 90vwを利用 */
    .point01 .inner_l {
        transform: none;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .point01 .image {
    width: calc(100% + 10vw) !important;
    max-width: none !important;
    margin: 0 -5vw 6vw !important;
    position: static;
    transform: none;
}

.point01 .image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    margin: 0;
}

    .point01 .inner_l h2 {
        text-align: center;
        margin-bottom: 7vw;
    }

    .point01 .inner_m {
        margin-top: 15vw;
    }

    .point01 .movie iframe {
        max-width: 90vw;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .point01 .inner_m p {
        margin-bottom: 7vw;
    }

    .point01 .landscape {
        margin-top: 10vw;
    }
}

/* point02 */
.point02 { 
	padding: 86px 0 86px;
	background:url("https://amritara.itembox.design/item/images/whitebirch2026/point02_bg.jpg") no-repeat top right;
	background-size: 42% auto;
}
.point02 .inner_l{
	transform: none;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.point02 .inner_l > div{
	padding:0;
	margin-left: 0;
	margin-right: auto;
}
.point02 .inner_l h2{
	margin-bottom:45px;
}
.point02 .inner_l h2 sup {
    top: -1.3em;
    font-size: 50%;
}
.point02 .inner_m{
	margin-top:100px;
}
.point02 .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.point02 .landscape {
	margin-top:80px;
}

@media screen and (max-width:767px){
	.point02 {
		background:none;
		padding: 12vw 0 0;
	}
    /* 共通のmax-width: 90vwを利用 */
    .point02 .inner_l {
        transform: none;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .point02 .image {
    width: calc(100% + 10vw) !important;
    max-width: none !important;
    margin: 0 -5vw 6vw !important;
    position: static;
    transform: none;
}

.point02 .image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    margin: 0;
}

	.point02 .inner_l h2{
		text-align:center;
		margin-bottom: 7vw;
	}
	.point02 .inner_m{
		margin-top:15vw;
	}
	.point02 .movie iframe{
		max-width:90vw;
	  height: auto;
	  aspect-ratio: 16/9;
	}
	.point02 .inner_m p{
		margin-bottom:7vw;
	}
	.point02 .landscape{
		margin-top: 10vw;
	}
}

/* point03 */
.point03{ 
	padding: 86px 0 86px;;
	background:url("https://amritara.itembox.design/item/images/whitebirch2026/point03_bg.jpg") no-repeat top left;
	background-size: 42% auto;
}
/* PC：右への移動をやめ、左右に安全な余白を入れる */
.point03 .inner_l {
    transform: none;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
/* テキストエリアが親要素の幅を超えないようにする */
.point03 .inner_l > div {
    padding: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
/* 見出しや本文が右側にはみ出さないようにする */
.point03 .inner_l h2,
.point03 .inner_l p {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}
.point03 .inner_l h2{
	margin-bottom:45px;
}
.point03 .inner_l h2 sup {
    top: -1.3em;
    font-size: 50%;
}
.point03 .inner_m{
	margin-top:100px;
}
.point03 .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.point03 .landscape {
	margin-top:80px;
}
#youtube {
    width: 100%;
    max-width: 912px;
    padding: 10px 0 0px 0;
    box-sizing: border-box;
}
#youtube{width:100%;max-width:912px;padding:10px 0 0px 0;box-sizing:border-box}
#youtube .youtube_inner{padding-top:56.25%;position:relative;height:0;overflow:hidden}
#youtube .thumb{width:100%;aspect-ratio:16/9;top:0;left:0;z-index:0;cursor:pointer;position:absolute}
#youtube .thumb.start.pause{visibility:visible;z-index:1}#youtube #player1{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
#youtube.start #player1{opacity:1}

@media screen and (max-width:767px){
	.point03 {
		background:none;
		padding: 12vw 0 0;
	}
	/* 共通のmax-width: 90vwを利用 */
    .point03 .inner_l {
        transform: none;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .point03 .image {
    width: calc(100% + 10vw) !important;
    max-width: none !important;
    margin: 0 -5vw 6vw !important;
    position: static;
    transform: none;
}

.point03 .image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    margin: 0;
}
	
	.point03 .inner_l h2 {
        text-align: center;
        margin-bottom: 7vw;
    }

    .point03 .inner_m {
        margin-top: 15vw;
    }

    .point03 .movie iframe {
        max-width: 90vw;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .point03 .inner_m p {
        margin-bottom: 7vw;
    }

    .point03 .landscape {
        margin-top: 10vw;
    }
}

/* point04 */
.point04 { 
	padding: 86px 0 ;
	background:url("https://amritara.itembox.design/item/images/whitebirch2026/point04_bg.jpg") no-repeat top right;
	background-size: 42% auto;
}
.point04 .inner_l{
	transform: none;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.point04 .inner_l > div{
	padding:0;
	margin-left: 0;
	margin-right: auto;
}
.point04 .inner_l h2{
	margin-bottom:45px;
}
.point04 .inner_l h2 sup {
    top: -1.3em;
    font-size: 50%;
}
.point04 .inner_m{
	margin-top:100px;
}
.point04 .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.point04 .landscape {
	margin-top:80px;
}

@media screen and (max-width:767px){
	.point04 {
		background:none;
		padding: 12vw 0 0;
	}
	/* 共通のmax-width: 90vwを利用 */
    .point04 .inner_l {
        transform: none;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .point04 .image {
    width: calc(100% + 10vw) !important;
    max-width: none !important;
    margin: 0 -5vw 6vw !important;
    position: static;
    transform: none;
}

.point04 .image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    margin: 0;
}

	.point04 .image{
		margin: 0 -5vw 6vw;
	}
	.point04 .inner_l h2{
		text-align:center;
		margin-bottom: 7vw;
	}
	.point04 .inner_m{
		margin-top:15vw;
	}
	.point04 .movie iframe{
		max-width:90vw;
	  height: auto;
	  aspect-ratio: 16/9;
	}
	.point04 .inner_m p{
		margin-bottom:7vw;
	}
	.point04 .landscape{
		margin-top: 10vw;
	}
}

/* storybox */
.storybox { 
	margin: 60px 0 0 0;
	/* padding: 40px 0;
	 background: #f9f9f9; */
}
.storybox .dtl-border {
  --border-color: #aeb4c5;
  --border-width: 1px;
  --corner-size: 22px;

  position: relative;
  padding: 80px 40px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}
/* 枠線 */
.storybox .dtl-border::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    /* 上線 */
    linear-gradient(var(--border-color), var(--border-color))
      top right / calc(100% - var(--corner-size)) var(--border-width) no-repeat,

    /* 右線 */
    linear-gradient(var(--border-color), var(--border-color))
      top right / var(--border-width) calc(100% - var(--corner-size)) no-repeat,

    /* 下線 */
    linear-gradient(var(--border-color), var(--border-color))
      bottom left / calc(100% - var(--corner-size)) var(--border-width) no-repeat,

    /* 左線 */
    linear-gradient(var(--border-color), var(--border-color))
      bottom left / var(--border-width) calc(100% - var(--corner-size)) no-repeat,

    /* 左上の斜め線 */
    linear-gradient(135deg,
      transparent calc(50% - 0.5px),
      var(--border-color) calc(50% - 0.5px),
      var(--border-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px)
    )
      top left / var(--corner-size) var(--corner-size) no-repeat,

    /* 右下の斜め線 */
    linear-gradient(135deg,
      transparent calc(50% - 0.5px),
      var(--border-color) calc(50% - 0.5px),
      var(--border-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px)
    )
      bottom right / var(--corner-size) var(--corner-size) no-repeat;
}
.storybox .dtl-border h3 {
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: #3f3a39;
}
.storybox .dtl-border .txt {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.06em;
  color: #3f3a39;
}
.storybox .dtl-border .link a {
  display: inline-block;
  color: #3f3a39;
}
.storybox h3 { font-size: 20px; }
.storybox .link {
  border-bottom: 1px solid #695935; 
  padding-bottom: 1px; 
  max-width: 200px;
  margin: 0 auto;
  padding-right: 30px;
}
.storybox a { 
    padding: 0.45em 0.3em;
    position: relative;
    display: block;
    color: #695935;
    font-size: 15px;
    margin-top: 5px;
}
.storybox a:after {
    --iconsize: 0.6em;
    color: #695935;
    content: '';
    display: inline-block;
    width: var(--iconsize);
    height: var(--iconsize);
    border-right: 1px solid #695935;
    border-top: 1px solid #695935;
    transform: rotate(45deg);
    position: absolute;
    right: -30px;
    top: 0.85em;
}

@media screen and (max-width:768px){
	.storybox .dtl-border h3 { font-size: 4.0vw; }
	.storybox .link {
		border-bottom: 1px solid #695935; 
		padding-bottom: 1px; 
		max-width: 165px !important;
		margin: 24px auto 0;
		padding-right: 1.4em;
	}
	.storybox a:after {
    --iconsize: 0.6em;
    color: #695935;
    content: '';
    display: inline-block;
    width: var(--iconsize);
    height: var(--iconsize);
    border-right: 1px solid #695935;
    border-top: 1px solid #695935;
    transform: rotate(45deg);
    position: absolute;
    right: -20px;
	top: 0.95em;
	}
	.storybox a { font-size: 3.1vw;}
  .storybox .dtl-border {
    --corner-size: 16px;
    padding: 48px 10px;
  }
	.storybox .dtl-border .txt {
    font-size: 3.0vw;
    line-height: 1.9;
	text-align: left;
    margin: 0 1.0em;	
  }
}

/* section03 */
.section03 {
  background: url("https://amritara.itembox.design/item/images/whitebirch2026/sec03_bg5.jpg") no-repeat top center;
  background-size: cover;
}

.section03 .inner_s {
    max-width: 840px;
  /*  margin: 0 auto 50px;*/
	padding: 50px 0 30px 0;
}
.section03 h2,
.section03 .chui{ 
	color:#fff;
}
.section03 span { font-size:40px; }
.section03 .t-center span { display: block; }
.section03 .feature-layout {
	position: relative;
	width: min(90vw, 1000px);
	height: 640px;
	aspect-ratio: auto;
	overflow: visible;
}
/* 中央の商品画像 */
.section03 .product-image {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  width: 42%;
  z-index: 2;
}

.section03 .product-image img {
  width: 100%;
  display: block;
}

/* 周囲の丸アイコン */
.section03 .feature-icon {
  position: absolute;
  width: 250px;
  height: 250px;
  /* 潤い感のあるガラス風背景 */
  background:
    radial-gradient(
      circle at 30% 24%,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0.68) 22%,
      rgba(246, 253, 255, 0.58) 46%,
      rgba(255, 255, 255, 0.86) 100%
    );

  border-radius: 50%;
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  box-sizing: border-box;
  padding: 18px 10px;

  color: #333;
  line-height: 1.35;

  /* 透明感と水分感の影 */
  box-shadow:
    0 18px 42px rgba(164, 198, 210, 0.22),
    0 8px 22px rgba(199, 154, 58, 0.08),
    inset 0 1px 8px rgba(255, 255, 255, 0.95),
    inset 0 -14px 28px rgba(210, 236, 244, 0.36);

  border: 1px solid rgba(255, 255, 255, 0.82);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  overflow: hidden;
}

/* 下部の淡い水色の潤いグラデーション */
.section03 .feature-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -28px;
  width: 132px;
  height: 78px;
  transform: translateX(-50%);
  /* background: radial-gradient(
    ellipse,
    rgba(188, 224, 236, 0.38) 0%,
    rgba(226, 244, 248, 0.2) 48%,
    rgba(255, 255, 255, 0) 72%
  );*/
  filter: blur(4px);
  pointer-events: none;
}

.section03 .feature-icon .small {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
}

.section03 .feature-icon h3 {
  margin: 0 0 8px;
  font-size: 20px;
  color: #7183bd; 
  font-weight: 700;
  letter-spacing: 0.04em;
	line-height: 1.4;
}

.section03 .feature-icon .bold {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
}

.section03 .feature-icon .bold span {  
	font-size: 13px;
	font-weight: 600;
}

.section03 .feature-icon .note {
  margin: 0 10px;
  font-size: 10px;
  font-weight: 600;
}

/* 配置 */
.section03 .feature-1 {
  top: 15%;
  left: 116%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}

.section03 .feature-2 {
  top: 15%;
  left: 144%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}

.section03 .feature-3 {
  top: 58%;
  left: 116%;
  bottom: auto;
  transform: translate(-50%, -50%);
}

.section03 .feature-4 {
  top: 58%;
  left: 144%;
  transform: translate(-50%, -50%);
}

/* スマホ調整 */
@media screen and (max-width: 480px) {

  /* 4つのアイコン全体を中央配置 */
  .section03 .feature-layout {
    display: grid;
    grid-template-columns: repeat(2, 150px);
    justify-content: center;
    align-items: center;
    gap: 20px;

    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 40px auto 0;
  }

  .section03 .feature-icon {
    width: 160px;
    height: 160px;
    padding: 16px 12px;
  }

  /* 個別指定も確実にリセット */
  .section03 .feature-1,
  .section03 .feature-2,
  .section03 .feature-3,
  .section03 .feature-4 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    margin: 0;
  }

  .section03 .feature-icon h3 {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.4;
  }

  .section03 .feature-icon .small {
    margin-bottom: 3px;
    font-size: 11px;
  }

  .section03 .feature-icon .bold {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.4;
  }

	.section03 .feature-icon .bold span {
		font-size: 9px;
	}

  /* PC専用の改行をスマホでは解除 */
  .section03 .feature-icon br.pc {
    display: none;
  }

  /* 下側の光表現をスマホサイズに合わせる */
  .section03 .feature-icon::after {
    bottom: -20px;
    width: 90px;
    height: 55px;
  }
}

@media screen and (max-width: 350px) {
  .section03 .feature-layout {
    grid-template-columns: repeat(2, minmax(0, 128px));
    max-width: 270px;
    gap: 8px;
  }

  .section03 .feature-icon {
    width: 128px;
    height: 128px;
    padding: 12px 8px;
  }

  .section03 .feature-icon h3 {
    font-size: 12px;
  }

  .section03 .feature-icon .small,
  .section03 .feature-icon .bold {
    font-size: 8px;
  }
}

@media screen and (max-width: 768px) {
  .section03 {
    padding-left: 6vw;
    padding-right: 6vw;

    background-image:
      url("https://amritara.itembox.design/item/images/whitebirch2026/sec03_bg1_sp.jpg");

    background-repeat: no-repeat;
    background-position: top center;

    /* coverをやめて、横幅に合わせる */
    background-size: 100% auto;
  }
	.section03 .inner_s {
		margin: 0 ; 
		padding: 20px 0 0 0;
	}
}

/* スマホ：「売上No.1」の文字サイズ調整 */
@media screen and (max-width: 768px) {
  .section03 span {
    font-size: 5.0vw;
	margin-bottom: 5px;
	}
}

@media screen and (max-width: 768px) {

  /* 注釈を配置する基準 */
  .section03 {
    position: relative;
  }

  /* 「自社調べ」を背景画像の右下へ */
  .section03 .chui {
    position: absolute;
    right: 12px;

    z-index: 10;
    width: auto;
    max-width: calc(100% - 24px);
    margin: 0;

    font-size: 8px;
    line-height: 1.4;
    text-align: right;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  }
}

@media screen and (max-width: 768px) {

  /* section全体 */
  .section03 {
    position: relative;
    box-sizing: border-box;

    /* section自体の左右余白は解除 */
    padding-left: 0;
    padding-right: 0;

    background-color: #fff;
    background-image:
      url("https://amritara.itembox.design/item/images/whitebirch2026/sec03_bg1_sp.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }

  /*
   * 背景画像が表示されるエリア
   * この高さまでを画像エリアとして確保
   */
  .section03 .inner_s {
    position: relative;
    box-sizing: border-box;

    width: 100%;
    height: 78vw;
    min-height: 300px;
    max-height: 600px;

    margin: 0;
    padding: 20px 6vw 0;
  }

  /* 見出し */
  .section03 h2 {
    margin: 0;
    font-size: 4.5vw;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }

  .section03 h2 span {
    display: block;
    margin-bottom: 5px;
    font-size: 5vw;
  }

  /* 注釈を背景画像エリアの右下へ */
  .section03 .inner_s .chui {
    position: absolute;
    right: 12px;
    bottom: 0;
    z-index: 10;

    width: auto;
    max-width: calc(100% - 24px);
    margin: 0;

    color: #fff;
    font-size: 10px;
    line-height: 1.4;
    text-align: right;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
  }

  /* アイコンエリアを背景画像の下に通常配置 */
  .section03 .feature-layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 170px);
    justify-content: center;
    align-items: center;
    gap: 20px ;

    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;

    /* 画像との隙間 */
    margin: 0;
    padding: 40px 12px 0px;
  }

  /* PCの絶対配置を解除 */
  .section03 .feature-icon,
  .section03 .feature-1,
  .section03 .feature-2,
  .section03 .feature-3,
  .section03 .feature-4 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    margin: 0;
  }

  .section03 .feature-icon {
    width: 170px;
    height: 170px;
    padding: 0 3.5%;
  }
}

/* 注釈を配置する基準 */
.section03 {
  position: relative;
}

/* 各アイコン内の注釈を非表示 */
.section03 .feature-icon .note {
  display: none;
}

/* まとめた注釈 */
.section03 > .feature-notes {
        position: static;
        inset: auto;
        transform: none;

        display: block;
        box-sizing: border-box;

        width: min(90vw, 1000px);
        max-width: 1000px;

        margin: 18px auto 0;
        padding: 0 0 20px 460px;

        color: #fff;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.6;
        text-align: left;
        letter-spacing: 0.01em;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    }

    .section03 > .feature-notes span {
        display: inline;
        margin: 0;
        padding: 0;

        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

@media screen and (max-width: 768px) {

  /* 各丸アイコン内にある元の注釈は非表示 */
  .section03 .feature-icon .note {
    display: none;
  }

  /* アイコンエリア下部の余白を調整 */
  .section03 .feature-layout {
    margin-bottom: 0;
    padding-bottom: 18px;
  }

  /* まとめた注釈をアイコンの直下へ通常配置 */
  .section03 > .feature-notes {
    position: static;
    inset: auto;
    transform: none;

    display: block;
    box-sizing: border-box;
    clear: both;

    width: 100%;
    max-width: none;
    height: auto;

    margin: 0;
    padding: 24px 6vw 0;

    color: #444;
    background-color: #fff;

    font-size: 10px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: left;
    text-shadow: none;
  }

  /* 注釈ごとに改行しない */
  .section03 > .feature-notes span {
	display: inline;
    padding: 0;

    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .section03 > .feature-notes span:last-child {
    margin-bottom: 0;
  }
}

/* ========================================
   section03 丸アイコン位置調整
   必ずCSSの一番最後に追加
======================================== */

/* PC・タブレット共通 */
.section03 .feature-layout {
    --icon-size: clamp(190px, 20vw, 250px);
    --icon-gap-x: clamp(18px, 2.5vw, 32px);
    --icon-gap-y: clamp(18px, 3vw, 28px);

    position: relative;
    display: grid;
    grid-template-columns: repeat(2, var(--icon-size));
    justify-content: end;
    align-items: center;
    column-gap: var(--icon-gap-x);
    row-gap: var(--icon-gap-y);

    /* ここを修正 */
    width: min(90vw, 1000px);
    max-width: 1000px;
    height: auto;

    /* 1000pxのエリアを画面中央に置く */
    margin: 50px auto 30px;
    padding: 0;

    box-sizing: border-box;
    overflow: visible;
}

/* 円のサイズ */
.section03 .feature-icon {
    position: relative;

    width: var(--icon-size);
    height: var(--icon-size);
    aspect-ratio: 1 / 1;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    margin: 0;
    transform: none;
    box-sizing: border-box;
}

/* 以前の個別位置指定をすべて解除 */
.section03 .feature-1,
.section03 .feature-2,
.section03 .feature-3,
.section03 .feature-4 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    transform: none;
}

@media screen and (max-width: 768px) {

    .section03 .feature-layout {
        --mobile-gap: clamp(8px, 3vw, 18px);

        position: relative;
        display: grid;

        /* 画面幅に合わせて2列を均等配置 */
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: center;
        align-items: center;
        column-gap: var(--mobile-gap);
        row-gap: var(--mobile-gap);

        width: calc(100% - 24px);
        max-width: 380px;
        height: auto;

        margin: 0 auto;
        padding: 40px 0 18px;

        box-sizing: border-box;
        background-color: #fff;
        overflow: visible;
    }

    .section03 .feature-icon {
        position: relative;

        /* グリッドの各列いっぱいに広げる */
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        margin: 0;
        padding: 12px 8px;
        transform: none;

        box-sizing: border-box;
    }

    .section03 .feature-1,
    .section03 .feature-2,
    .section03 .feature-3,
    .section03 .feature-4 {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0;
        transform: none;
    }
}

@media screen and (max-width: 350px) {

    .section03 .feature-layout {
        width: calc(100% - 16px);
        column-gap: 6px;
        row-gap: 8px;
        padding-left: 0;
        padding-right: 0;
    }

    .section03 .feature-icon {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        padding: 10px 6px;
    }

    .section03 .feature-icon h3 {
        font-size: 12px;
        line-height: 1.35;
    }

    .section03 .feature-icon .small {
        font-size: 8px;
        line-height: 1.35;
    }

    .section03 .feature-icon .bold {
        font-size: 8px;
        line-height: 1.35;
    }

    .section03 .feature-icon .bold span {
        font-size: 7px;
    }
}

/* ========================================
   section03 PC表示の最終調整
======================================== */
@media screen and (min-width: 769px) {

    /* ① 背景画像の下部分まで表示できる高さを確保 */
    .section03 {
        min-height: 900px;
        padding-bottom: 30px;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* ② 4つの円を少しだけ右へ移動 */
    .section03 .feature-layout {
        width: min(90vw, 1000px);
        max-width: 1000px;

        margin: 50px auto 0;
        transform: translateX(35px);

        box-sizing: border-box;
        overflow: visible;
    }

    /*
     * ③ 注釈を絶対配置から通常配置に戻す
     * 円の下に配置されるため、円と重ならない
     */
    .section03 > .feature-notes {
        position: static;
        inset: auto;
        transform: none;

        display: block;
        box-sizing: border-box;

        width: min(90vw, 1200px);
        max-width: 1200px;

        margin: 18px auto 0;
        padding: 10px 0 0px 670px;

        color: #fff;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.6;
        text-align: left;
        letter-spacing: 0.01em;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    }

    .section03 > .feature-notes span {
        display: inline;
        margin: 0;
        padding: 0;

        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }
}

/* ========================================
   section03 注釈文をHTML1つで出し分け
======================================== */

/* PC限定の「自社調べ」 */
.section03 .feature-notes .note-pc-only {
    display: inline;
}

/* 注釈番号の基本設定 */
.section03 .feature-notes .note-number {
    display: inline;
    margin: 0;
    padding: 0;
    font-style: normal;
}

/* PCの注釈番号 */
.section03 .feature-notes .note-number-1::before {
    content: "*2";
}

.section03 .feature-notes .note-number-2::before {
    content: "*3";
}

.section03 .feature-notes .note-number-3::before {
    content: "*4";
}

.section03 .feature-notes .note-number-4::before {
    content: "*5";
}

.section03 .feature-notes .note-number-5::before {
    content: "*6";
}

/* スマホ */
@media screen and (max-width: 768px) {

    /* 「自社調べ」は別の場所に表示済みなので非表示 */
    .section03 .feature-notes .note-pc-only {
        display: none !important;
    }

    /* スマホの注釈番号 */
    .section03 .feature-notes .note-number-1::before {
        content: "*1";
    }

    .section03 .feature-notes .note-number-2::before {
        content: "*2";
    }

    .section03 .feature-notes .note-number-3::before {
        content: "*3";
    }

    .section03 .feature-notes .note-number-4::before {
        content: "*4";
    }

    .section03 .feature-notes .note-number-5::before {
        content: "*5";
    }
}

@media screen and (min-width: 769px) {
    .section03 .feature-layout {
        width: min(90vw, 1100px);
        max-width: 1100px;
        margin: 0 auto 0 !important;

        /* 円4つをまとめて右へ35px移動 */
        transform: translateX(55px);

        box-sizing: border-box;
        overflow: visible;
    }
}
@media screen and (max-width: 768px) {
    .section03 .feature-layout {
        margin: 58px auto 0;
        padding-top: 0;
    }
}

/* ========================================
   section03 注釈番号のPC・スマホ出し分け
======================================== */

/* supの基本設定 */
.section03 sup {
    position: relative;
    display: inline;
    width: auto;
    margin: 0 0 0 1px;
    padding: 0;

    font-size: 55%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.55em;
}

/* PC */
@media screen and (min-width: 769px) {


    /* 売上No.1の注釈 */
    .section03 .inner_s h2 sup {
        font-size: 55%;
        top: -0.65em;
        margin-left: 2px;
    }

    /* 丸アイコン内の注釈 */
    .section03 .feature-icon sup {
        font-size: 55%;
        top: -0.95em;
    }
}

/* スマホ */
@media screen and (max-width: 768px) {

    /* 売上No.1の注釈 */
    .section03 .inner_s h2 sup {
        position: relative;
        display: inline !important;

        width: auto;
        margin: 0 0 0 1px;
        padding: 0;

        font-size: 50% !important;
        line-height: 0;
        vertical-align: baseline;
        top: -0.6em !important;
    }

    /* 丸アイコン内の注釈 */
    .section03 .feature-icon sup {
        position: relative;
        display: inline;

        width: auto;
        margin: 0 0 0 1px;
        padding: 0;

        font-size: 55%;
        line-height: 0;
        vertical-align: baseline;
        top: -0.55em;
    }
}

/* ========================================
   section03 sup PC・スマホ出し分け
======================================== */

/* sup共通の位置 */
.section03 sup {
    position: relative;
    width: auto;
    margin-left: 1px;
    padding: 0;
    font-size: 55%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.55em;
}

/* スマホ */
@media screen and (max-width: 768px) {

    /* PC用を非表示 */
    .section03 sup.sup-pc {
        display: none !important;
    }

    /* スマホ用を表示 */
    .section03 sup.sup-sp {
        display: inline !important;
    }

    /* 売上No.1の注釈位置 */
    .section03 .inner_s h2 sup {
        position: relative;
        width: auto;
        margin-left: 1px;
        padding: 0;
        font-size: 50% !important;
        line-height: 0;
        vertical-align: baseline;
        top: -0.6em !important;
    }

    /* 円内の注釈位置 */
    .section03 .feature-icon sup {
        position: relative;
        width: auto;
        margin-left: 1px;
        padding: 0;
        font-size: 55%;
        line-height: 0;
        vertical-align: baseline;
        top: -0.95em;
    }
}

/* スマホ表示 */
@media screen and (max-width: 768px) {
    .section03 .sup-pc {
        display: none !important;
    }

    .section03 .sup-sp {
        display: inline !important;
    }
}

/* 売上No.1の注釈 */
.section03 .inner_s h2 .sales-note {
    display: inline !important;
    position: relative;
    width: auto;
    margin-left: 2px;
    padding: 0;

    font-size: 55%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.95em;
}

/* PCは「*1」 */
.section03 .inner_s h2 .sales-note::before {
    content: "*1";
}

/* スマホは「*」 */
@media screen and (max-width: 768px) {
    .section03 .inner_s h2 .sales-note {
        display: inline !important;
        font-size: 50% !important;
        top: -0.9em !important;
    }

    .section03 .inner_s h2 .sales-note::before {
        content: "*";
    }
}


/* ========================================
   section03 丸アイコン内の注釈番号
======================================== */

/* 注釈番号の共通設定 */
.section03 .water-note1,
.section03 .water-note2,
.section03 .water-note3,
.section03 .water-note4,
.section03 .water-note5 {
    display: inline !important;
    position: relative;
    width: auto;
    margin-left: 1px;
    padding: 0;

    font-size: 55%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.55em;
}

/* PCの注釈番号 */
.section03 .water-note1::before {
    content: "*2";
}

.section03 .water-note2::before {
    content: "*3";
}

.section03 .water-note3::before {
    content: "*4";
}

.section03 .water-note4::before {
    content: "*5";
}

.section03 .water-note5::before {
    content: "*6";
}

/* スマホの注釈番号 */
@media screen and (max-width: 768px) {
    .section03 .water-note1::before {
        content: "*1";
    }

    .section03 .water-note2::before {
        content: "*2";
    }

    .section03 .water-note3::before {
        content: "*3";
    }

    .section03 .water-note4::before {
        content: "*4";
    }

    .section03 .water-note5::before {
        content: "*5";
    }
}



/* section04 */
.section04{
	padding: 2.5em 0 3.5em 0;
	background: #f9f9f9;
}
.section04 .free-icons {
  display: flex;
  gap: 10px 25px;
  align-items: center;
  flex-wrap: wrap;
   justify-content: center;
   margin: 0 auto;
}
.section04 .free-icon {
  position: relative;
  width: 150px;
  height: 150px;
  border: 2px solid #F3F0EC;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #333;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-align: center;
}

.section04 .free-icon::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 150px;
  background: #F3F0EC;
  border-radius: 999px;
  transform: rotate(45deg);
  z-index: 1;
}

.section04 .free-icon span {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

@media screen and (max-width:768px){
	.section04 {padding: 12vw 0 15vw;}
	.section04 .free-icons {
    gap: 5px;
    justify-content: center;
  }
  .section04 .free-icon {
    width: 80px;
    height: 80px;
    border-width: 2px;
    font-size: 13px;
	line-height: 1.5;
  }
  .section04 .free-icon::before {
    width: 2px;
    height: 80px;
  }
}

/* section05 */
.section05 {
    padding: 70px 0 90px;
}
.section05 .wrap {
    margin-top: 65px;
    text-align: center;
}
.section05 .wrap img, .section05 p, .section05 .refill img, .section05 .refill .textBox {
    display: inline-block;
    vertical-align: middle;
	max-width: 470px;
}
.section05 .wrap p {
    margin-left: 50px;
    text-align: left;
    font-size: 17px;
	line-height: 2;
}
.section05 .roundimg {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (max-width:768px){
	.section05 {
        padding: 12vw 0 15vw;
    }
	.section05 .wrap {
        margin-top: 1.5em !important;
        align-items: center;
    }
	.section05 h2 {
		font-size: 4.6vw;
	}
	.section05 .wrap p {
        margin: 1.5em 0 0 0; 
        font-size: 3.7vw;
    }
	.section05 .wrap img {
		max-width: 100%;
	}
}

/* section06 */
.sec06_all {
	/* background: rgba(234, 248, 244, .4); */
	background-color: #faf5ed;
    padding-top: 4.375em;
    padding-bottom: 7.375em;
    padding-left: 0;
    padding-right: 0;
}
.section06_title h3 {
    font-size: 23px;
    line-height: 1.7;
}
.section05_title .sec-title span {
    border-bottom: 1px solid #33281F;
    padding-bottom: .5em;
}
.section06_title .txt.m {
    font-size: 28px;
    line-height: 1.6;
    margin-bottom: 1.5em;
    letter-spacing: 0.01em;
    font-weight: 500;
}
.section06 {
    max-width: 1000px;
    margin: 0 auto 6.5em;
    padding: 20px 0;
    background: url(https://amritara.itembox.design/item/images/whitebirch2026/sec06_main.jpg) no-repeat top left;
    background-size: 40% auto;
}
.section06 .inner_l {
    transform: translateX(3%);
    margin: auto 40px;
}
.section06 .inner_l > div {
    padding: 0;
}
.section06 .txt {line-height: 2.2;}

@media screen and (max-width:768px){
	.sec06_all {
		padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 4.375em;
        padding-bottom: 4.375em;
	}
	.section06_title h3 {
        font-size: 4.5vw;
        text-align: center;
    }
	.section06_title .txt.m {
        font-size: 5.5vw;
        line-height: 1.6;
        margin-bottom: 0;
        letter-spacing: 0.01em;
        font-weight: 500;
    }
	.section06 {
        max-width: 90vw;
        padding: 30px 0 !important;
        background: none;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 2.5em;
    }
	.section06 .inner_l {
        transform: unset;
        margin: auto 0;
    }
	.section06 .image {
        margin: 0 -5vw 6vw;
    }
	.section06 .txt {
		font-size: 3.5vw;
		line-height: 1.9;
	}
}


/* section07 */
.section07 .box {
    border: 1px solid #d5ccb6;
    padding: 40px 25px;
    background-color: #fff;
}
.section07 .lrg {
    display: block;
    font-size: 23px;
    font-weight: 500;
}
.section07 .box .txt {
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
    margin: 1rem 3.5rem 1rem 0;
	font-weight: normal !important;
}
@media screen and (max-width:768px){
	.section07  .box {
        margin: 10vw 0 0;
        padding: 7vw;
	}
	.section07 .box h4 {
        text-align: center;
		font-size: 4.9vw;
    }
	.section07 .point02 .box div {
        margin-top: 5vw;
    }
	.section07 .box div p.img {
        text-align: center;
        padding: 6vw 0 0;
    }
	.section07 .lrg {
    font-size: 18px !important;
}
	.section07 .box .txt {
    font-size: 3.5vw;
    line-height: 1.8;
    margin: 1rem 0;
}

	}

/* review */
	.review .comBoxwrap {
    max-height: 642px;
    padding: 60px 0 60px;
    background: url(../images/bg09.jpg) no-repeat bottom center;
	}
	.review h2 {
    margin-top: 30px;
	}
@media screen and (max-width:768px){
	.review .comBoxwrap {
        padding: 7vw 0 7vw;
    }
	.fs-l-page .fs-l-pageMain .review .review-container {
        margin-top: 4vw;
	}
	}

/* qa */
.qa { background: #F7F7F7; }
.qa .container {
    padding-top: 6.5em;
    padding-bottom: 9em;
}
.qa .sec-title {
    margin-bottom: 2.25em;
}
.qa .sec-title.bdr {
    border-bottom: 1px solid #E2DDD8;
    padding-bottom: 1.25em;
    max-width: 915px;
    margin-left: auto;
    margin-right: auto;
}
.qa .sec-title {
    font-weight: 500;
    font-size: 23px;
}
.qa  .faqbox {
    margin: 0 auto;
    max-width: 670px;
}
.qa .faqbox li .que {
    font-weight: 600;
}
.qa .faqbox li .ans {
    font-size: 15px;
    margin-top: 1em;
}
.qa .faqbox li:nth-child(n+2) {
    margin-top: 2em;
}
.qa .moviebox {
	margin: 40px 0;
}

@media screen and (max-width:768px){
.qa {
	padding-left: 6.4vw;
	padding-right: 6.4vw;
	}
.qa .container {
        padding-top: 3em;
        padding-bottom: 5em;
    }
.qa .sec-title {
        margin-bottom: 2em;
    }
.qa .sec-title.bdr {
        padding-bottom: 1em;
    }
.qa .faqbox li .ans {
        font-size: 13px;
    }
}


/* 2025.08 リニューアルポイント */
.rebox {
		position: relative;
		padding: 10px 30px 10px 0px;
		border: 1px solid #d5ccb6;
		margin: 40px auto 100px;
		background: #fff;
}
.t-left {
	text-align: left;
}
.main {
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0.4em;
}
.right {
	padding-right: 0;
    padding-left: 1.75em;
    width: 61.842%;
	margin: auto;
}

@media screen and (max-width: 767px) {
	　　.rebox {
			padding: 10px 20px !important;
		}
		.t-sp-center {
			text-align: center !important;
		}
		.main {
			text-align: center;
		}
}

/* KaiU */
#cv-tech-modal-main-top,
.cv-tech-fancybox-outer,
.cv-tech-fancybox-skin{
overflow:visible;
}