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

 /*********************************
              全体
*********************************/

#wrapper {
	overflow: hidden;
	width: 100%;
	margin: 5% auto;
	/* max-width: 780px; */
	}
#wrapper img {
	width: 100%;
	}
@media (min-width: 768px) {
.bg_wrapper {
    width: 780px;
    margin: 0 auto;
}
	
}



/* リンク */

#wrapper a:hover img {
    opacity: 1;
}

#wrapper a:hover {
	text-decoration: none;
}


html { scroll-behavior: smooth;}

#wrapper a {
    text-decoration: none;
    color: #251a18;
}


/*********************************
         　　  共有
*********************************/		
/*テキスト*/

#wrapper p, #wrapper h2, #wrapper h3 {
	text-align: center;
    color:#251a18;
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    font-weight: bold;
}

#wrapper p {
    font-size: 3vw;
    line-height: 5.5vw;
    letter-spacing: 0.1vw;
}

#wrapper .items_1 {
	font-weight: normal;
    margin-top: 7.5%;
}

#wrapper .red {
	color: #f28686;
}

#wrapper span.br {
    display: block;
}




/*********************************
           メインエリア
*********************************/	
/*topview*/

#wrapper .topview {
    background-color: #f6e4e1;
	padding: 5% 0;
}


#wrapper .icon_flex {
    display: flex;
    justify-content: center;
    gap: 0 7%;
	margin-top: 3%;
}

#wrapper .hei {
	width: 30%;
}



#wrapper h3 {
    font-size: 3vw;
    letter-spacing: 0.1vw;
}


#wrapper h2 {
    font-size: 6.5vw;
    color: #f28686;
    margin: 3% 0;
    border-bottom: 0px;
    padding-bottom: 0;
}

#wrapper .around {
    background-color: white;
	box-shadow: 0 0 4px #fee0de;
    border-radius: 5px;
    padding: 5% 0;
    width: 110%;
}

#wrapper .around p{
    font-size: 2.4vw;
    line-height: 16px;
    letter-spacing: 0.1vw;
	color: #f28686;
}

#wrapper .pic1 {
	width: 80%;
    margin: 10% auto;
    display: block;
}



#wrapper .blue {
	color: #f28686;
    margin: 3% auto 1%;
    font-size: 3.76vw;
    line-height: 27px;
}

#wrapper .under_red {
    border-bottom: 1px solid #f28686;
    display: block;
    max-inline-size: max-content;
    margin: 1% auto 2%;
}

#wrapper .br_2 {
    display: block;
    margin: 6% auto 3.5%;
}


#wrapper .items {
    width: 95%;
    margin: 5% auto 0;
    border: 10px solid #f6e4e1;
    padding: 5%;
}



#wrapper ul {
    margin: 7% 0 0;
}

#wrapper ul li {
    font-weight: bold;
    margin: 3% 0;
    font-size: 3.2vw;
}

/*ご利用方法*/

#wrapper .o_title {
	font-size: 4.7vw;
    margin: 7% 0;
}


#wrapper .order {
	background-color: #f6e4e1;
	padding: 5% 0 11%;
    margin-top: 8%;
}

#wrapper .order_1 {
    width: 87%;
    margin: 7% auto;
	background: white;
    padding: 5%;
}

#wrapper .number {
	width: 15%;
    margin: 1% auto 5%;
    display: block;
}


#wrapper .button {
    text-align: center;
    margin: 3% 0 8%;
}
#wrapper .button a {
    display: inline-block;
    background: #444444;
    width: 80%;
    padding: 5% 10%;
    font-size: 3.5vw;
    text-align: center;
    color: white;
    position: relative;
    font-weight: bold;
    text-decoration: none;
	letter-spacing: 1px;
}

.button a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.25rem);
    width: 0.5rem;
    height: 0.5rem;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
	right: 20%;
}

/*ご利用方法 2*/

#wrapper .white_box {
	position: absolute;
    background: white;
    top: -8%;
    left: 39%;
    padding: 1%;
}

#wrapper .underline {
	text-decoration: underline;
}

#wrapper .m-list {
	position:relative;
    border: 1px solid #251a18;
    padding: 4%;
	margin: 10% 0 4%;
}

#wrapper .m-list li {
    font-weight: bold;
    font-size: 3.2vw;
    color: #251a18;
    line-height: 27px;
    text-align: center;
}

#wrapper .button2 {
	position: relative;
    text-align: center;
	margin: 4% 0 0;
}
#wrapper .button2 a {
	display: inline-block;
    background: white;
    padding: 5% 5% 5% 3%;
    font-size: 3.2vw;
    color: #444444;
    position: relative;
    text-decoration: none;
    width: 70%;
    border: solid 1px #999999;
}

.button2 a::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.3rem);
    width: 0.5rem;
    height: 0.5rem;
    border-top: solid 1px #444;
    border-right: solid 1px #444;
    transform: rotate(45deg);
	right: 10%;
}

#wrapper .btn_black{
    position: relative;
    font-size: 2.9vw;
    font-weight: bold;
}

#wrapper .line_i{
    position: absolute;
    content: url(https://shop.aimerfeel.jp/img/page/2024/other/f_return/line1.png);
    top: 24%;
    width: 8%;
    left: 19%;
}

#wrapper .line-c {
margin-left:8%;
}


/*********************************
           pc用指示
*********************************/	

@media (min-width: 768px){
	
	
#wrapper {
	width: 100%;
	}
	
#wrapper .order {
    padding: 5% 0;
}
	
	
	
#wrapper p {
    line-height: 4rem;
    font-size: 2.1rem;
    letter-spacing: 0.2rem;
}
	
#wrapper h3 {
    font-size: 2.5rem;
    letter-spacing: 0.2rem;
}
	
#wrapper h2 {
    font-size: 6rem;
    color: #f28686;
    margin: 3% 0;
    border-bottom: 0px;
    padding-bottom: 0;
}
	
	
	
#wrapper .around p{
	font-size: 2rem;
    line-height: 3.2rem;
   letter-spacing: 0.1rem;
}
	
#wrapper .pic1 {
    width: 80%;
}
	
	

	
#wrapper .items {
    border: 20px solid #f6e4e1;
    width: 750px;
    padding: 40px;
}

#wrapper ul li {
    font-size: 2rem;
}
	
#wrapper .o_title {
    font-size: 3.5rem;
}	

#wrapper .number {
    width: 12%;
}
	
#wrapper .blue {
    font-size: 2.8rem;
    line-height: 5rem;
}

#wrapper .button a {
	width: 65%;
    padding: 5% 10%;
    font-size: 2rem;
	letter-spacing: 0.4rem;
}
	
.button a::after {
        width: 1rem;
        height: 1rem;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        right: 21.5%;
        top: calc(50% - 0.6rem);
}

#wrapper .o_txt2 {
    font-size: 2.3rem;
    line-height: 5rem;
}
	
	
#wrapper .m-list li {
    font-size: 2rem;
    line-height: 5rem;
}
	
#wrapper .white_box {
    left: 39%;
}
	
	
#wrapper .button2 {
    margin: 4% 0 0;
}
	
#wrapper .button2 a {
    padding: 3% 3% 3% 1%;
    font-size: 2rem;
    width: 65%;
}
	
.button2 a::after {
    top: calc(50% - 0.5rem);
    width: 1rem;
    height: 1rem;
}

#wrapper   .btn_black {	
	width: 67%;
    padding: 3%;
    font-size: 2rem;
}
	
#wrapper .btn_black{
	font-size: 2.1rem;
}
	
#wrapper .line_i {
	top: 23%;
    width: 6%;
    left: 22%;
}
	
#wrapper .line-c {
margin-left:8%;
}
	

	
}