@charset "utf-8";
/* CSS Document */
#wrapper {
    width: 100%;
    margin: 0 auto 5rem;
    text-align: center;
    color: #333333;
}
#wrapper img{
	width: 100%;
}
#wrapper a {
	text-decoration: none;
	color: #333333;
	display: block;
}
#wrapper .pc {
	display: none;
}
#wrapper span.br {
    display: block;
}
span.br_sp {
    display: block;
}
@media (min-width: 768px){
#wrapper {
    max-width: 780px;
}
#wrapper .sp {
    display:none;
}
span.br_sp {
    display: unset;
}
}
/* メインの時差フェード表示 */
#wrapper .pattern1 {
    opacity: 0;
    /*transform: translateY(40px);*/
    transition: 2.5s;
    transition-delay: 0.3s;
}
#wrapper .pattern1.show {
    opacity: 1;
    transform: translateY(0);
}
/* フェード表示 */
.element {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 2s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/* Adobeフォント用 */
.font_tsukuA_R {
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font_tsukuA_B {
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
}
@media (min-width: 768px){
.font_tsukuA_B {
    font-weight: 600;
}
.font_tsukuA_R, .font_tsukuA_B {
    letter-spacing: 0.05em;
}
}

/* main */
#wrapper .main_com {
    position: relative;
    margin-top: -10%;
}
#wrapper .main_com h2 {
    position: absolute;
    top: -3%;
    width: 65%;
    max-width: 398px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#wrapper .main_com_bg {
    background-color: #f7e7ea;
    padding: 1rem 0;
    margin-top: -1px;
}
#wrapper .enchanted {
    width: 40%;
    max-width: 238px;
    margin: 0 auto;
}
#wrapper .main_com_container p {
    padding: 0.75em 0 0.5em;
    color: #f08f9b;
}
#wrapper .main_hana_line {
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
}
#wrapper .main_img02 {
    margin: -8% auto 4rem;
    width: 92%;
    max-width: 695px;
    position: relative;
    z-index: 2;
}
@media (min-width: 768px){
#wrapper .main_com_bg {
    padding: 20px 0 30px;
}
#wrapper .main_com_container p {
    font-size: 26px;
    font-weight: unset;
    line-height: 1.7;
}
#wrapper .main_com_container p.maincom02 {
    font-size: 21px;
    font-weight: 600;
}
#wrapper .main_img02 {
    margin-bottom: 97px;
}
}
/* linup */
#wrapper #linup {
    background-image: url(https://shop.aimerfeel.jp/img_visu/page/2024/other/21_contents07/2411/lineup_bg.jpg);
    background-size: cover;
    padding-bottom: 25%;
}
#wrapper #linup h3 {
    width: 60%;
    max-width: 408px;
    margin: 0 auto 2rem;
}
#wrapper #linup ul {
    width: 96%;
    margin: 0 auto;
    padding-right: 0.5rem;
}
#wrapper #linup li {
    position: relative;
    max-width: 642px;
    margin: 0 auto 1.5rem;
}
#wrapper #linup li p {
    position: absolute;
    z-index: 2;
    text-align: left;
    left: 17%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 135%;
    padding-top: 0.25rem;
}
#wrapper #linup li p span {
	font-size: 70%;
	line-height: 0.9;
}
@media (min-width: 768px){
#wrapper #linup h3 {
    margin-bottom: 55px;
}
#wrapper #linup li p {
    font-size: 32px;
    padding-top: 10px;
}
#wrapper #linup {
    padding-bottom: 225px;
}
}

/* アンカーリンクの位置調整 */
html{
    scroll-padding-top: 6rem;
}
/* 各セクションのヘッダータイトル */
#wrapper .section_start {
    margin: -19% auto 0;
    z-index: 2;
    position: relative;
}
#wrapper .item_head img {
    width: 70%;
    max-width: 423px;
}
#wrapper .item_head h3 {
    background-color: #fbf2ea;
    font-size: 200%;
    padding: 1.25rem 0 0.5rem;
    margin-top: -1px;
}
#wrapper .item_head h3 span {
    font-size: 60%;
    line-height: 0.9;
}
@media (min-width: 768px){
#wrapper .item_head h3 {
    font-size: 48px;
    padding-top: 20px;
}
#wrapper .item_head h3 span {
    font-size: 30px;
}

}

/* #item01共通 */
#wrapper .position {
	position: relative;
}
#wrapper #item01 .position:before {
    content: "";
    display: block;
    padding-top: 120%; /* 1:1 */
}
#wrapper .absolute {
	position: absolute;
}
#wrapper .block-goods-item--price.block-goods-item--price__session .price {
	font-size: 85%;
}
#wrapper #item01 .item_container {
    width: 47%;
    background-color: #FFF;
    outline-offset: -0.5rem;
}
#wrapper #item01 .item_container .item_bg_w {
    background-color: #FFF;
    width: 87%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-bottom: 1rem;
}
#wrapper #item01 .item_container .item_bg_w .item_img {
    width: 85%;
    max-width: 242px;
    margin: 0 auto;
}
#wrapper .item_bg_w .item_com {
    font-size: 90%;
    line-height: 1.2;
}
#wrapper #item01 .item_container .item_bg_w .item_name {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    line-height: 1.25;
    font-size: 70%;
}
#wrapper .item_bg_w .block-goods-item--price .price {
    font-size: 85%;
}
#wrapper #item01 .item_btn {
    width: 80%;
    position: absolute;
    bottom: -16%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 2;
}
#wrapper #item01 .item_btn a {
    background-color: #f3bcc3;
    text-align: center;
    padding: 0.5rem;
    font-size: 70%;
    font-weight: 700;
    border-top: dashed 1px #fff6f88a;
    border-bottom: dashed 1px #fff6f88a;
}
@media (min-width: 768px){
#wrapper #item01 .position:before {
    padding-top: 935px;
}
#wrapper #item01 .item_container {
    outline-offset: -10px;
}
#wrapper #item01 .item_container .item_bg_w {
	padding-bottom: 1.5em;
}
#wrapper .item_bg_w .item_com {
    font-size: 23px;
    margin-top: 15px;
}
#wrapper #item01 .item_container .item_bg_w .item_name {
    margin-top: 15px;
    padding-top: 12px;
    font-size: 20px;
}
#wrapper .item_bg_w .block-goods-item--price .price {
    font-size: 18px;
}
#wrapper #item01 .item_btn a {
    padding: 8px;
    font-size: 19px;
}
#wrapper #item01 .item_btn {
    bottom: -13%;
}
}
/* #item01アイテムごと */
#wrapper .item01_01, .item01_03  {
    background-color: #fbf2ea;
    padding-bottom: 3rem;
}
#wrapper .item01_01_img01 {
    width: 63%;
    top: 5%;
    right: 3%;
}
#wrapper .item01_01_img02 {
    width: 45%;
    top: 35%;
    left: 3%;
    max-width: 330px;
}
#wrapper .item01_01 .item_container {
    bottom: 7%;
    right: 2.5%;
    outline: dashed 1px #f1d7d7;
}
#wrapper .item01_01 .item_container .item_bg_w .item_name {
    border-top: dashed 1px #f1d7d7;
}
@media (min-width: 768px){
#wrapper .item01_01 .item_container {
    bottom: 80px;
    right: 30px;
}
}
#wrapper .item01_02, .item01_04 {
    background-color: #f7e1dd;
    padding-bottom: 3rem;
}
#wrapper #item01 .item01_02.position:before {
	padding-top: 120%;
}
#wrapper .item01_02_img01 {
    width: 49%;
    top: 6%;
    right: 1.5%;
    max-width: 350px;
}
#wrapper .item01_02_img02 {
    width: 45%;
    bottom: 17%;
    right: 0%;
    max-width: 361px;
}
#wrapper .item01_02_img03 {
    width: 57%;
    top: 2%;
    left: 0%;
}
#wrapper .item01_02 .item_container {
    bottom: 7%;
    left: 4%;
    outline: dashed 1px #f3bcc3;
}
#wrapper .item01_02 .item_container .item_bg_w .item_name {
    border-top: dashed 1px #f3bcc3;
}
#wrapper #item01  .item01_02 .item_btn a {
    background-color: #f3bcc3;
}

@media (min-width: 768px){
#wrapper #item01 .item01_02.position:before {
	padding-top: 1030px;
}
#wrapper .item01_02_img03 {
    top: 95px;
    left: 0%;
}
#wrapper .item01_02 .item_container {
    left: 28px;
}
}
#wrapper .item01_03.position:before {
	padding-top: 125%;
}
#wrapper .item01_03_img01 {
    width: 58%;
    top: 5%;
    right: 3%;
    max-width: 450px;
}
#wrapper .item01_03_img02 {
    width: 45%;
    top: 35%;
    left: 3%;
    max-width: 330px;
}
#wrapper #item01 .item01_03 .item_container {
    bottom: 8%;
    right: 2.5%;
    outline: dashed 1px #d9b0bc;
}
#wrapper .item01_03 .item_container .item_bg_w .item_name {
    border-top: dashed 1px #d9b0bc;
}
@media (min-width: 768px){
#wrapper #item01 .item01_03.position:before {
	padding-top: 985px;
}
#wrapper .item01_03_img01 {
    top: 85px;
}
#wrapper .item01_03_img02 {
    top: 280px;
}
#wrapper #item01 .item01_03 .item_container {
    bottom: 60px;
    right: 30px;
}
}

#wrapper #item01 .item01_04.position:before {
	padding-top: 165%;
}
#wrapper .item01_04_img01 {
    width: 45%;
    max-width: 350px;
    top: 6%;
    right: 1.5%;
}
#wrapper .item01_04_img02 {
    width: 45%;
    top: 41%;
    right: 0%;
}
#wrapper .item01_04_img03 {
    width: 59%;
    top: 9%;
    left: 0%;
    max-width: 435px;
}
#wrapper .item01_04 .item_container {
    top: 63%;
    left: 4.5%;
    outline: dashed 1px #c7d1e1;
}
#wrapper .item01_04 .item_container .item_bg_w .item_name {
    border-top: dashed 1px #f3bcc3;
}
#wrapper #item01  .item01_04 .item_btn a {
    background-color: #f3bcc3;
}
@media (min-width: 768px){
#wrapper .item01_04 .item_container {
    top: 60%;
}	
#wrapper .item01_04_img02 {
    width: 45%;
    top: 555px;
}
#wrapper .item01_04_img03 {
    width: 59%;
    top: 4%;
}	
#wrapper .item01_04 .item_container {
    top: 770px;
    left: 30px;
}
#wrapper #item01 .item01_04.position:before {
	padding-top: 1210px;
}
}

/*#item02共通*/
#wrapper #item02 .item_head h3 {
	background-color: #dfced0;
}
#wrapper #item02 .flex_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -1px;
    padding: 3rem 0;
}
#wrapper #item02 .flex_oki {
    width: 45%;
}
#wrapper #item02 .flex_model {
    width: 55%;
    max-width: 412px;
}
#item02 .flex_oki .item_img {
    width: 70%;
    max-width: 181px;
    margin: 0 auto 0.5rem;
}
#wrapper #item02 .flex_oki .item_com {
    font-size: 90%;
    line-height: 1.2;
}
#wrapper #item02 .flex_oki .item_series {
    font-size: 70%;
    margin: 0.5rem 0 1rem;
}
#wrapper #item02 .item_container {
    text-align: right;
	margin-top: 4%;
}
#wrapper #item02 .item_container .item_name {
    font-size: 70%;
    line-height: 1.25;
}
#wrapper #item02 .item_container .block-goods-item--price.block-goods-item--price__session .price {
    text-align: right;
}
#wrapper #item02 .item_btn {
    width: 65%;
    margin-left: auto;
    margin-top: 0.5rem;
}
#wrapper #item02 .item_btn a {
    background-color: #ae9c9e;
    text-align: center;
    padding: 0.5rem;
    font-size: 70%;
    font-weight: 700;
    border-top: dashed 1px #dfced0;
    border-bottom: dashed 1px #dfced0;
}
@media (min-width: 768px){
#wrapper #item02 .flex_container {
    padding: 60px 0;
}
#item02 .flex_oki .item_img {
    margin: 44px auto 20px;
}
#wrapper #item02 .flex_oki .item_com {
    font-size: 23px;
}
#wrapper #item02 .flex_oki .item_series {
    font-size: 18px;
    margin: 15px 0 30px;
}
#wrapper #item02 .item_container .item_name {
    font-size: 18px;
}
#wrapper #item02 .item_container .block-goods-item--price.block-goods-item--price__session .price {
    font-size: 18px;
}
#wrapper #item02 .item_btn {
    width: 65%;
    margin-left: auto;
    margin-top: 15px;
}
#wrapper #item02 .item_btn a {
    padding: 8px;
    font-size: 18px;
}
}

/*#item02アイテムごと*/
#wrapper #item02 .item02_01 {
 background-color: #dfced0;
}
#wrapper #item02 .item02_01 .item_img_oki {
    margin-right: 1rem;
}
#wrapper #item02 .item02_01 .item_container {
    margin-right: 7%;
    margin-top: 1rem;
}
#wrapper #item02 .item02_02 {
 background-color: #d3bdbf;
}
#wrapper #item02 .item02_02 .item_img_oki {
    margin-left: 1.5rem;
    max-width: 333px;
}
#wrapper #item02 .item02_02 .color {
    position: absolute;
    width: 85%;
    bottom: -3%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#wrapper .item02_02 .color a {
 height: 1.25rem;
 display: inline;
}
#wrapper .item02_02 .color img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: none;
    object-position: 81% 66%;
    margin: 0 0.5% 1%;
    border-radius: 50%;
}
#wrapper #item02 .item02_02 .color_position {
    position: relative;
}
@media (min-width: 768px){
#wrapper #item02 .item02_02 {
}
#wrapper #item02 .item02_02 .color {
    bottom: 0;
}
#wrapper .item02_02 .color a {
 height: 25px;
}
#wrapper .item02_02 .color img {
    width: 25px;
    height: 25px;
    margin: 0 0.5% 1%;
}
}
#wrapper #item02 .item02_03 {
	background-color: #dfced0;
	padding-bottom: 26%;
}
#wrapper #item02 .item02_03 .item_img_oki {
    margin-right: 1rem;
}
#wrapper #item02 .item02_03 .item_container {
    margin-right: 7%;
    margin-top: 1rem;
}

/*item03共通*/
#wrapper #item03 .item_head h3 {
    background-image: url(https://shop.aimerfeel.jp/img_visu/page/2024/other/21_contents07/2411/03_com_bg.png);
    background-size: cover;
    padding-bottom: 1.5rem;
}
#wrapper #item03 .item03_bg_img {
    background-image: url(https://shop.aimerfeel.jp/img_visu/page/2024/other/21_contents07/2411/03_bg.jpg);
    background-size: cover;
    padding: 0 3.125% 9rem;
	padding-bottom: 65px;
}
#wrapper #item03 .position {
    margin-bottom: 3rem;
}
#wrapper #item03 .item_container {
    position: absolute;
    width: 38%;
}
#wrapper #item03 .hana {
    position: absolute;
    width: 18%;
    max-width: 124px;
}
#wrapper #item03 .model img {
    max-width: 710px;
}
#wrapper #item03 .item_container .item_img_oki {
    width: 68%;
    margin: 0 auto 1.5rem;
}
#wrapper #item03 .item_container .item_name {
    font-size: 70%;
    line-height: 1.25;
}
#wrapper #item03 .item_btn ,.item_btn_02 {
    width: 80%;
    margin: 2rem auto;
}
#wrapper #item03 .item_btn ,.item_btn_02 a {
    background-color: #f3bcc3;
    text-align: center;
    padding: 0.5rem;
    font-size: 70%;
    font-weight: 700;
    border-top: dashed 1px #fff6f88a;
    border-bottom: dashed 1px #fff6f88a;
}

#wrapper #item03 .space {
    margin-top: 80px;
}

@media (min-width: 768px){
#wrapper #item03 .item_head h3 {
    padding-bottom: 70px;
}
#wrapper #item03 .position {
    margin-bottom: 80px;
}
#wrapper #item03 .item_container .item_img_oki {
    margin-bottom: 40px;
}
#wrapper #item03 .item_container .item_name {
    font-size: 18px;
}
#wrapper #item03 .item_container .block-goods-item--price.block-goods-item--price__session .price {
    font-size: 18px;
}
#wrapper #item03 .item_btn {
    width: 80%;
    margin-top: 50px;
}
#wrapper #item03 .item_btn_02 {
    width: 80%;
    margin-top: 42px;
}	
#wrapper #item03 .item_btn a {
    padding: 8px;
    font-size: 19px;
}
#wrapper #item03 .item_btn_02 a {
    padding: 8px;
    font-size: 19px;
}	
}

/*item03アイテムごと*/
#wrapper #item03 .item03_01 .item_container {
    top: 18%;
    left: 1%;
}
#wrapper #item03 .item03_01 .hana {
    top: -14%;
    left: -2%;
    z-index: 2;
}
#wrapper #item03 .item03_02 .item_container {
    top: 18%;
    right: 1%;
}
#wrapper #item03 .item03_02 .item_container .item_img_oki {
    width: 75%;
}
#wrapper #item03 .item03_03 .item_container {
    top: 18%;
    left: 1%;
	padding-bottom: 50px;
}
#wrapper #item03 .item03_03 .item_container .item_img_oki {
    width: 70%;
}
#wrapper #item03 .item03_03 .hana {
    bottom: -11%;
    right: -3%;
    z-index: 2;
}
#wrapper #item03 .item03_04 .item_container {
    top: 12%;
    right: 1%;
}
#wrapper #item03 .item03_04 .item_container .item_img_oki {
    width: 73%;
}
@media (min-width: 768px){
#wrapper #item03 .item03_bg_img {
    padding-bottom: 108px;
}
#wrapper #item03 .item03_01 .item_container {
    top: 92px;
    left: 17px;
}
#wrapper #item03 .item03_01 .item_container .item_img_oki {
    width: 168px;
}
#wrapper #item03 .item03_02 .item_container {
    top: 92px;
    right: 17px;
}
#wrapper #item03 .item03_02 .item_container .item_img_oki {
    width: 190px;
}
#wrapper #item03 .item03_03 .item_container {
    top: 80px;
    left: 17px;
}
#wrapper #item03 .item03_03 .item_container .item_img_oki {
    width: 193px;
}
#wrapper #item03 .item03_04 .item_container {
    top: 76px;
    right: 17px;
}
#wrapper #item03 .item03_04 .item_container .item_img_oki {
    width: 183px;
}
}

/*#item03_recommend_point*/
#wrapper .point_container {
    background-color: #FFF;
    outline-offset: -0.5rem;
    outline: dashed 1px #f3bcc3;
    position: relative;
}
#wrapper .point_container .item_bg_w {
    background-color: #FFF;
    width: 93%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding-bottom: 0.5rem;
}
#wrapper .point_container .item_img {
    width: 69%;
    max-width: 388px;
    margin: 0 auto 0;
}
#wrapper .point_container p {
    margin: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    font-size: 70%;
    border-top: dashed 1px #f3bcc3;
}
#wrapper #item03 .point_container .hana {
    width: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
}
@media (min-width: 768px){
#wrapper .point_container {
    margin-top: 125px;
    outline-offset: -8px;
}
#wrapper .point_container p {
    margin-top: 13px;
    padding-top: 15px;
    padding-bottom: 30px;
    font-size: 19px;
}
#wrapper #item03 .point_container .hana {
    width: 75px;
}
}
/*item04共通*/
#wrapper #item04 .item_head h3 {
    background-color: #e9f4ff;
    padding-bottom: 1.5rem;
}
#wrapper #item04 .item04_countainer {
    padding: 0 3.125% 3rem;
    background-color: #e9f4ff;
}
#wrapper #item04 .position {
    margin-bottom: 3rem;
}
#wrapper #item04 .item_container {
    position: absolute;
    width: 38%;
}
#wrapper #item04 .hana {
    position: absolute;
    width: 18%;
    max-width: 119px;
}
#wrapper #item04 .item_container .item_img_oki {
    width: 68%;
    max-width: 164px;
    margin: 0 auto 1.5rem;
}
#wrapper #item04 .item_container .item_name {
    font-size: 70%;
    line-height: 1.25;
}
#wrapper #item04 .item_btn {
    width: 80%;
    margin: 2rem auto;
}
#wrapper #item04 .item_btn a {
    background-color: #c6d1e3;
    text-align: center;
    padding: 0.5rem;
    font-size: 70%;
    font-weight: 700;
    border-top: dashed 1px #fff6f88a;
    border-bottom: dashed 1px #fff6f88a;
}
@media (min-width: 768px){
#wrapper #item04 .item_head h3 {
    padding-bottom: 45px;
}
#wrapper #item04 .model img {
    max-width: 710px;
}
#wrapper #item04 .position {
    margin-bottom: 80px;
}
#wrapper #item04 .item_container .item_img_oki {
    margin-bottom: 40px;
}
#wrapper #item04 .item_container .item_name {
    font-size: 18px;
}
#wrapper #item04 .item_container .block-goods-item--price.block-goods-item--price__session .price {
    font-size: 18px;
}
#wrapper #item04 .item_btn {
    width: 80%;
    margin-top: 50px;
}
#wrapper #item04 .item_btn a {
    padding: 8px;
    font-size: 19px;
}
}

/*item04アイテムごと*/
#wrapper #item04 .item04_01 .item_container {
    top: 18%;
    left: 1%;
}
#wrapper #item04 .item04_01 .hana {
    top: -7%;
    left: -2%;
    z-index: 2;
}
#wrapper #item04 .item04_02 .item_container {
    top: 18%;
    right: 1%;
}
#wrapper #item04 .item04_02 .item_container .item_img_oki {
    width: 72%;
    max-width: 169px;
}
#wrapper .item04_other {
    background-color: #e9f4ff;
    padding-bottom: 3rem;
}
#wrapper .item04_other .other_tit {
    width: 50%;
    max-width: 318px;
    margin: 0 auto;
}
#wrapper .item04_other p {
    border-top: dashed 1px #c6d1e3;
    padding: 1rem;
}
#wrapper .item04_other .other_img {
    width: 90%;
    max-width: 626px;
    margin: 0 auto;
}
@media (min-width: 768px){
#wrapper #item04 .item04_01 .item_container {
    top: 23%;
    left: 2%;
}
#wrapper #item04 .item04_02 .item_container {
    top: 25%;
    right: 2%;
}
#wrapper .item04_other {
    padding-bottom: 90px;
}
#wrapper .item04_other .other_tit {
    margin-bottom: 15px;
}
#wrapper .item04_other p {
    font-size: 24px;
    padding-bottom: 25px;
}
}

/*end*/
#wrapper .end_com {
    position: relative;
    margin-top: -10%;
}
#wrapper .end_com_bg {
    background-color: #f7e7ea;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px;
    color: #f08f9b;
}
#wrapper .end_com  .hana {
    position: absolute;
    width: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#wrapper #end {
    margin-bottom: 6rem;
}
@media (min-width: 768px){
#wrapper .end_com_bg p, .feature p {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.6;
}
#wrapper .end_com  .hana {
    bottom: -90px;
}
}

/*feature*/
#wrapper .feature {
	margin-top: 15%;
}
#wrapper .flex_exbox {
    display: flex;
    margin: 4% 8% 0;
    gap: 0 4%;
    padding-bottom: 18%;
}