@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0 0;
	position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}
#container .flex {
    align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
/*  全体指定 スマホ縦 i5 i5SE　350pxまで  */

#container .buy-btn {
    background: #00561f;
    border: solid 2px #00561f;
    color: #fff;
    display: block;
    font: normal 1rem/2.8 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    text-decoration: none;
}
#container .buy-btn:hover {
	filter: alpha(opacity=90);
    background: rgba(255, 255, 255, 0.5);
    border: solid 2px #00561f;
    color: #00561f;
	text-decoration: none;
}
#container .buy-btn a:hover {
	text-decoration: none;
	opacity: 1;
}
/*--ボタン-やじるし--*/
#container .buy-btn a::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 38%;
    right: 6%;
}
#container .buy-btn a:hover::after {
    content: '';
    border-top: solid 2px #00561f;
    border-right: solid 2px #00561f;
}

/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition: ease-in 400ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
#container section {
	margin: 0 auto;
	padding: 0 0;
}
/*----scroll----*/
.scroll {
    opacity: 0;
    transition: all 1.5s ease;
}
.scroll.show {
    opacity: 1;
    transform: none;
    animation: 1.0s fadeIn;
}
.s-bottom { /*下からふわっと*/
    transform: translate(0, 20px);
}
/*----------
 mainvisual
----------*/
#container {
    overflow: hidden;
}
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mv-back-1.jpg) top 0px left 27% no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
}
#container .mainvisual .width{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/model-top.png) top 0px right -154px no-repeat;
    background-size: 127%;
    padding: 20px 10px 10px;
    position: relative;
    width: 100%;
    height: 1%;
}
#container .mainvisual .hari {
    margin: 50px 0 0;
    width: 50%;
}
#container .mainvisual .title {
    position: absolute;
    top: 3%;
    left: 3%;
    width: 50%;
}
#container .mainvisual .item {
    margin: -17% 0 10px 10px;
    width: 60%;
}
/*-name-box-*/
#container .name-box {
    text-align: center;
    margin: 0;
    padding: 0;
    position: relative;
}
#container .name-box h1, 
#container .name-box p.name {
    color: #000;
    font: bold 1.1rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: -0.01rem;
    margin: 0 0 5px;
    padding: 0;
}
#container .name-box .buy-box {
    display: flex;
    margin: 0 auto 15px;
}
#container .name-box .buy-box .shipping {
    background-color: #f39800;
    border-radius: 50px;
    color: #fff;
    font-size: 1.0rem;
    margin: 2px 7px 2px 0;
    padding: 15px 5px;
    width: 45%;
}
/*-come-*/
#container .come {
    color: #000;
    font: 0.7rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin: 0;
}
/*--sec0--*/
#container .sec0 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec0-main.jpg) top -20px left 50% no-repeat;
    background-size: 120%;
    padding: 30px 10px 20px;
    position: relative;
}
#container .sec0 h2 {
    color: #000;
    font: bold 1.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    text-shadow:
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
    margin: 0 auto 75%;
    padding: 0;
}
#container .sec0 .box {
    display: flex;
}
#container .sec0 .box .text-img {
    margin: 0;
}
#container .sec0 .box .text-box {
    color: #00561f;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    margin: 0 5px;
    padding: 0;
    width: 70%;
}
#container .sec0 .box .text-box .text1 {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
#container .sec0 .box .text-box .text2 {
    font-size: 0.7rem;
}
/*--sec1-box1--*/
#container .sec1 {
    background-color: #000;
}
#container .sec1-box1 {
    padding: 10px 0;
}
#container .sec1-box1 h2 {
    color: #fff;
    font: 1.0rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 10px 0;
    padding: 0;
}
#container .sec1-box1 .img {
    text-align: center;
    margin: 0;
}
#container .sec1-box1 ul {
    color: #000;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: -40px 0 20px;
    padding: 0 15px;
    position: relative;
}
#container .sec1-box1 ul li {
    background-color: #fff;
    font-weight: bold;
}
#container .sec1-box1 ul li.text1 {
    font-size: 1.3rem;
    margin: 0 0 5px auto;
    padding: 3px;
    width: 40%;
}
#container .sec1-box1 ul li.text2 {
    font-size: 2.0rem;
    margin: 0;
    padding: 5px;
}
/*--sec1-box2--*/
#container .sec1-box2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec1-back.jpg) top 0px left 0px repeat-x;
    background-size: 160%;
    padding: 20px 0;
    position: relative;
}
#container .sec1-box2 h2 {
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    font: 1.2rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0 0 20px;
    padding: 0;
}
#container .sec1-box2 h2 .bold {
    display: inline-block;
    font: bold 1.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec1-box2 .come {
    color: #fff;
    text-align: right;
}
#container .img-sp {
    margin: 0 auto 10px;
}
#container .img-pc {
    display: none;
}
/*--sec1-box3--*/
#container .sec1-box3 {
    padding: 10px 0 20px;
}
#container .sec1-box3 h2 {
    color: #fff;
    font: 1.2rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0 20px 10px;
    padding: 0;
}
#container .sec1-box3 .text {
    color: #fff;
    font: 1.1rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
}
/*--sec1-box4--*/
#container .sec1-box4 {
    background: linear-gradient(to bottom, #000 70%, #00772b);
}
#container .sec1-box4 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec1-model.png),
                url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 0px right -70px, bottom -5px left -80px;
    background-size: 90%, 110%;
    text-align: center;
    padding: 0px 0 20px;
    position: relative;
}
#container .sec1-box4 h2.textbox {
    margin: 0 10px -10px;
}
#container .sec1-box4 .text {
    margin: 0 auto 0 0;
    padding: 0;
    width: 50%;
}
/*--sec2--*/
#container .sec2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec2-back-mizu.jpg) top 0px left 50% no-repeat;
    background-size: 130%;
    text-align: center;
    padding: 20px 0 0;
    position: relative;
}
#container .sec2 h2.title {
    margin: 0 auto;
    width: 90%;
}
#container .sec2 p.img {
    width: 100%;
}
/*--sec2-box1-2--*/
#container .sec2-box1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec2-cica-img.jpg) top 60px left 50% no-repeat;
    background-size: 120%;
    padding: 30px 10px 10px;
    position: relative;
}
#container .sec2 h3.title {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
#container .des {
    color: #000;
    font: 0.9rem/1.5 "メイリオ", "Meiryo",'Helvetica Neue','Helvetica','Arial',sans-serif;
    margin: 0 0;
    padding: 0 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
#container .sec2-box1 .des {
    margin: 0 0 50%;
}
#container .sec2-box2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png),
                url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top -140px right -220px, bottom -100px left -100px;
    background-size: 100%, 110%;
    padding: 10px;
    position: relative;
}
#container .sec2-box2 .des {
    margin: 0 0 10%;
}
#container .sec2-box2 .img {
    text-align: center;
    margin: 0;
    padding: 0;
}
/*--sec3--*/
#container .sec3 {
    background: linear-gradient(to bottom, #0b5a48 50%, #00d559);
}
#container .sec3 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-1.png),
                url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom -70px right -130px, bottom -2px right -130px;
    background-size: 120%, 160%;
    text-align: center;
    padding: 20px 5px;
    position: relative;
}
#container .sec3 .text-box p {
    color: #fff;
    font: 1.3rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    margin: 0;
    padding: 0;
}
#container .sec3 .text-box p.img {
    margin: 0 0 10px;
}
#container .sec3 .text-box p .back-color {
    background-color: #fff;
    border-radius: 50px;
    color: #0b5a48;
    margin: 0 5px 0 0;
    padding: 0px 8px;
}
#container .sec3 .text-box h2 {
    color: #ffe67b;
    font-size: 3.0rem; 
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    line-height: 1.2;
}
#container .sec3 .text-box h2 .small {
    font-size: 1.5rem;
}
#container .sec3 .text-box h2 .bold {
    font-weight: bold;
}
#container .sec3 .text-box h2 .come {
    color: #fff;
    font-size: 0.7rem;
}
#container .sec3 .text-box .come {
    font: 0.7rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--sec4-box1--*/
#container .sec4-box1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-back.jpg) top -20px left -90px no-repeat;
    background-size: 200%;
    padding: 15px 10px;
    position: relative;
}
#container .sec4-box1 .text-img {
    margin: 0 0 10px;
    width: 65%;
}
#container .sec4-box1 h2 {
    color: #000;
    font: bold 2.0rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    margin: 0 0 5px;
    padding: 0;
}
#container .sec4-box1 .come {
    margin: 0 0 10px;
}
#container .sec4-box1 .img {
    text-align: center;
}
/*--sec4-box2--*/
#container .sec4-box2 {
    padding: 10px;
}
#container .sec4-box2 h2 {
    color: #000;
    font: bold 1.1rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0 0 10px;
    padding: 0;
}
#container .sec4-box2 .gif {
    text-align: center;
    margin: 0 auto 10px;
    padding: 0;
}
#container .sec4-box2 .box {
    border: solid 2px #00a01f;
    margin: 0 auto 10px;
    padding: 10px;
}
#container .sec4-box2 .box h3 {
    color: #00a01f;
    font: 1.0rem/1.3 "メイリオ", "Meiryo",'Helvetica Neue','Helvetica','Arial',sans-serif;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
/*--sec4-box3--*/
#container .sec4-box3 {
    padding: 10px;
}
#container .sec4-box3 .title-box {
    border-bottom: solid 2px #000;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0 auto 20px;
    padding: 10px 0;
    position: relative;
}
#container .sec4-box3 .title-box:before,
#container .sec4-box3 .title-box:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#container .sec4-box3 .title-box:before {
    border: solid 12px transparent;
    border-top: solid 12px #000;
}
#container .sec4-box3 .title-box:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -5px;
}
#container .sec4-box3 .title-box p {
    font-size: 1.1rem;
    font-weight: bold;
}
#container .sec4-box3 .title-box h2 {
    font-size: 1.5rem;
    font-weight: bold;
}
#container .sec4-box3 .title-box h2 .small {
    font-size: 1.0rem;
    font-weight: bold;
}
#container .sec4-box3 .img {
    text-align: center;
    margin: 0;
    padding: 0;
}
/*--sec4-box4--*/
/*--back-arrow--*/
#container .back-arrow  {
    background: #fff;
    position: relative;
    z-index: 2;
}
#container .back-arrow :after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50vw 0 50vw;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
#container .back-arrow .width {
    text-align: center;
    padding: 10px 0 0;
}
#container .back-arrow h2 {
    color: #000;
    font: 1.0rem/1 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight: bold;
    line-height: 1.5;
}
#container .back-arrow h2 .big {
    font-size: 1.5rem;
    font-weight: bold;
}
#container .back-arrow h2 .color {
    color: #03a360;
    display: inline-block;
    font-weight: bold;
}
#container .sec4-box4 {
    background: linear-gradient(to bottom, #00d559 20%, #0b5a48 80%);
}
#container .sec4-box4 .backimg {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-model.png),
                url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 0px left 50%,
                         bottom 0px right 10px;
    background-size: 100%, 100%;
    text-align: center;
	padding: 0;
    position: relative;
    height: 260px;
}
#container .sec4-box4 .icon-1 {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 27%;
}
#container .sec4-box4 .icon-2 {
    position: absolute;
    top: 90px;
    left: 10px;
    width: 35%;
}
/*--sec5--*/
#container .sec5 .black-line {
    background-color: #000;
    color: #fff;
    font: 1.3rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: right;
    transform: rotate(5deg);
    margin: -20px -10px 0;
    padding: 10px 15px 5px;
    width: 105%;
}
#container .sec5 .width {
    padding: 10px;
    position: relative;
}
#container .sec5 h2 {
    color: #00ad3e;
    font: bold 1.3rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    margin: 0 0 10px;
}
#container .sec5 h2 .big {
    background: linear-gradient(transparent 60%, #fffbd5 60%);
    font-size: 2.3rem;
    font-weight: bold;
}
#container .sec5 ul.des {
    color: #000;
    font: 1.0rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    margin: 0 0 20%;
}
#container .sec5 .main-box li .big {
    font-size: 1.3rem;
}
#container .sec5 .main-box li.small {
    font-size: 0.7rem;
}
#container .sec5 .item {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 50%;
}
/*--sec6--*/
#container .sec6 {
    background-color: #dbf5cf;
    padding: 10px 0 0;
}
#container .sec6 h2 {
    background-color: #000;
    color: #fff;
    font: 1.0rem/1.3 "メイリオ", "Meiryo",'Helvetica Neue','Helvetica','Arial',sans-serif;
    text-align: center;
    margin: 0 0 20px;
    padding: 8px 0;
}
#container .use-box {
    padding: 0 10px;
}
#container .use-box dt {
    text-align: center;
    margin: 0 0 10px;
}
#container .use-box .step {
    color: #000;
    font: 0.9rem/1.5 "メイリオ", "Meiryo",'Helvetica Neue','Helvetica','Arial',sans-serif;
    margin: 0 0 10px;
    padding: 0 10px 0 17%;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
}
#container .use-box .st1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/icon-st1.png) top 0px left 0px no-repeat;
    background-size: 13%;
}
#container .use-box .st2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/icon-st2.png) top 0px left 0px no-repeat;
    background-size: 13%;
}
#container .use-box .st3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/icon-st3.png) top 0px left 0px no-repeat;
    background-size: 13%;
}
#container .use-box .st4 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/icon-st4.png) top 0px left 0px no-repeat;
    background-size: 13%;
}
#container .use-box dd.box {
    background-color: #fff;
    border: solid 1px #00561f;
    border-radius: 50px;
    color: #00561f;
    text-align: center;
    margin: 0 0 10px;
    padding: 8px 0;
}
#container i.material-icons {
    font-size: 20px;
    vertical-align: bottom;
}
#container .use-box .dot {
    border-bottom: dotted 2px #86cea0;
    margin: 0 0 20px;
    padding-bottom: 10px;
}
#container .sec6 .back-fff {
    background-color: #fff;
    padding: 10px;
}
#container .sec6 ul.title {
    overflow: hidden;
    font-family: "メイリオ", "Meiryo",'Helvetica Neue','Helvetica','Arial',sans-serif;
    font-size: 1.0rem;
    margin: 0 0 10px 90px;
}
#container .sec6 ul.title li {
    color: #fff;
    background-color: #00561f;
    float: left;
    text-align: center;
    margin: 2px;
    padding: 5px;
}
#container .sec6 ul.des {
    color: #00561f;
}
/*--sec7--*/
/*
#container .sec7 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mens-back.jpg) top 0px left 50% repeat-x;
    background-size: cover;
    padding: 0 0 10px;
    position: relative;
    overflow: hidden;
}
*/
#container .sec7 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mens-img-2.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mens-back.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: top 20px right -130px, top 0px left 50%;
    background-size: 110%, cover;
    padding: 0 0 10px;
}
#container .sec7 .black-line {
    background-color: #000;
    color: #fff;
    font: 1.0rem/1.2 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    text-align: center;
    margin: 0 0 -10px;
    padding: 10px;
    position: relative;
}
#container .sec7 .black-line .big {
    font-size: 1.3rem;
}
#container .sec7 .mens {
    margin: 0 -35% 0 auto;
    width: 100%;
}
#container .sec7 .img {
    margin: -20px auto 0 -20px;
    width: 70%;
}
#container .sec7 h2 {
    color: #000;
    font: 1.4rem/1 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight: bold;
    margin: -10px 0 10%;
    padding: 0 10px;
}
#container .sec7 h2 .small {
    font-size: 1.0rem;
    font-weight: bold;
}
#container .sec7 h2 .big {
    font-size: 2.0rem;
    font-weight: bold;
}
/*--sec8--*/
#container .sec8 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mv-back-2.jpg) top 0px left 50% no-repeat;
    background-size: cover;
    padding: 10px;
    position: relative;
}
#container .sec8 .hari {
    margin: 70px 0 0;
    width: 60%;
}
#container .sec8 .title {
    position: absolute;
    top: 5%;
    left: 3%;
    width: 50%;
}
#container .sec8 .item {
    position: relative;
    margin: -60% 0 10px auto;
    width: 70%;
}
@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
#container .mainvisual .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/model-top.png) top 0px right -170px no-repeat;
    background-size: 120%;
}
#container .name-box h1, #container .name-box p.name {
    font-size: 1.4rem;
}
#container .sec0 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec0-main.jpg) top -50px left 42% no-repeat;
    background-size: 130%;
}
#container .sec0 h2 {
    font-size: 1.8rem;
    margin: 0 auto 75%;
}
#container .sec0 .box .text-box {
    width: 60%;
}
#container .sec0 .box .text-box .text1 {
    font-size: 2.3rem;
}
#container .sec0 .box .text-box .text2 {
    font-size: 0.9rem;
}
#container .sec1-box1 h2 {
    font-size: 1.2rem;
}
#container .sec1-box1 ul li.text1 {
    font-size: 1.5rem;
    width: 45%;
}
#container .sec1-box1 ul li.text2 {
    font-size: 2.6rem;
}
#container .sec1-box2 h2,
#container .sec1-box3 h2 {
    font-size: 1.5rem;
}
#container .sec1-box2 h2 .bold {
    font-size: 1.8rem;
}
#container .sec1-box3 .text {
    font-size: 1.4rem;
    padding: 0 10px;
}
#container .sec1-box4 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec1-model.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom -5px right -80px, bottom -5px left -80px;
    background-size: 90%, 110%;
}
#container .sec2 {
    padding: 30px 0 0;
}
#container .sec2-box2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top -300px right -220px, bottom -160px left -210px;
}
#container .sec3 .text-box p {
    font-size: 1.6rem;
}
#container .sec3 .text-box h2 {
    font-size: 3.2rem;
}
#container .sec3 .text-box h2 .small {
    font-size: 1.8rem;
}
#container .sec4-box1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-back.jpg) top -30px left -130px no-repeat;
    background-size: 200%;
}
#container .sec4-box1 h2 {
    font-size: 2.2rem;
}
#container .sec4-box2 h2 {
    font-size: 1.4rem;
    letter-spacing: -0.01rem;
}
#container .sec4-box2 .box {
    padding: 15px 10px;
}
#container .sec4-box2 .box h3 {
    font-size: 1.2rem;
}
#container .sec4-box3 .title-box p,
#container .sec4-box3 .title-box h2 .small {
    font-size: 1.5rem;
}
#container .sec4-box3 .title-box h2 {
    font-size: 2.3rem;
}
#container .back-arrow h2 {
    font-size: 1.3rem;
}
#container .back-arrow h2 .big {
    font-size: 1.6rem;
}
#container .sec4-box4 .backimg {
    height: 310px;
}
#container .sec5 .black-line,
#container .sec5 h2 {
    font-size: 1.5rem;
}
#container .sec5 h2 .big {
    font-size: 2.8rem;
}
#container .sec5 ul.des {
    font-size: 1.2rem;
}
#container .sec5 .main-box li .big {
    font-size: 1.5rem;
}
#container .sec5 .main-box li.small {
    font-size: 0.9rem;
    margin: 10px 0;
}
#container .sec6 ul.title {
    font-size: 1.2rem;
    margin: 0 0 10px 110px;
}
#container .sec7 .black-line {
    font-size: 1.3rem;
}
#container .sec7 .black-line .big {
    font-size: 1.8rem;
}
#container .sec7 .img {
    margin: -10% auto 0 -5%;
}
#container .sec7 h2 {
    font-size: 1.8rem;
    line-height: 1;
    margin: -10px 0 40px;
}
#container .sec7 h2 .small {
    font-size: 1.3rem;
}
#container .sec7 h2 .big {
    font-size: 2.5rem;
}
}
 @media screen and (min-width:480px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mv-back-1.jpg) top 0px left 50% no-repeat;
    background-size: cover;
}
#container .mainvisual .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/model-top.png) top 0px right -100px no-repeat;
    background-size: 67%;
    padding: 20px 30px;
    height: auto;
}
#container .mainvisual .hari {
    margin: 120px 0 0;
}
#container .mainvisual .item {
    margin: -37% 0 10px 180px;
    width: 42%;
    position: relative;
}
#container .name-box {
    width: 68%;
}
#container .name-box h1, #container .name-box p.name {
    font-size: 1.8rem;
}
#container .buy-btn {
    font-size: 1.1rem;
    line-height: 3;
}
#container .name-box .buy-box .shipping {
    font-size: 1.1rem;
    margin: 2px 15px 2px 0;
    padding: 15px 5px;
}
#container .come {
    font-size: 0.9rem;
}
#container .sec0 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec0-main.jpg) top -40px left 50% no-repeat;
    background-size: 90%;
    padding: 50px 10px 30px;
}
#container .sec0 h2 {
    font-size: 2.6rem;
    text-shadow: #fff 2px 2px 3px, #fff -2px 2px 3px, #fff 2px -2px 3px, #fff -2px -2px 3px;
    margin: 0 auto 53%;
}
#container .sec0 .box {
    margin: 0 100px;
}
#container .sec0 .box .text-box {
    padding: 20px 0;
}
#container .sec0 .box .text-box .text1 {
    font-size: 2.6rem;
}
#container .sec0 .box .text-box .text2 {
    font-size: 1.5rem;
    text-align: center;
}
#container .sec1-box1 {
    padding: 10px 80px;
}
#container .sec1-box1 h2 {
    font-size: 2rem;
}
#container .sec1-box1 ul {
    margin: -55px auto 20px;
    padding: 0;
}
#container .sec1-box1 ul li.text1 {
    font-size: 2.0rem;
    margin: 0 0 10px auto;
    padding: 3px;
    width: 45%;
}
#container .sec1-box1 ul li.text2 {
    font-size: 3.5rem;
}
#container .sec1-box2 {
    background-size: 80%;
}
#container .sec1-box2 h2 {
    font-size: 1.5rem;
}
#container .sec1-box2 h2 .bold {
    font-size: 2.2rem;
}
#container .img-sp {
    display: none;
}
#container .img-pc {
    display: inline;
    text-align: center;
    margin: 0 20px;
}
#container .sec1-box2 .come {
    margin: 20px 20px 0 0;
}
#container .sec1-box3 {
    padding: 10px 80px 20px;
}
#container .sec1-box3 h2,#container .sec1-box3 .text {
    font-size: 1.8rem;
}
#container .sec1-box3 p.img {
    text-align: center;
    margin: 0 50px 10px;
}
#container .sec1-box4 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec1-model.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 0px right -60px, bottom -5px left 90px;
    background-size: 70%, 100%;
}
#container .sec1-box4 .text {
    margin: 0 auto 0 50px;
}
#container .sec2 {
    background-size: 100%;
    padding: 60px 0 0;
}
#container .sec2-box1, #container .sec2-box2 {
    padding: 20px 80px;
}
#container .des {
    font-size: 1.2rem;
}
#container .sec2-box1 {
    background-size: 100%;
}
#container .sec2-box1 .des,
#container .sec2-box2 .des {
    padding: 0 50px;
}
#container .sec2-box2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top -390px right -390px, bottom -290px left -270px;
    background-size: 100%, 100%;
}
#container .sec3 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/mizu-1.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom -230px right -230px, bottom -2px right -60px;
    background-size: 100%, 110%;
    padding: 20px 60px;
}
#container .sec3 .text-box p {
    font-size: 2.5rem;
}
#container .sec3 .text-box p .back-color {
    padding: 0px 15px;
}
#container .sec3 .text-box h2 {
    font-size: 5rem;
}
#container .sec3 .text-box h2 .small {
    font-size: 3.5rem;
}
#container .sec4-box1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-back.jpg) top -20px left 30px no-repeat;
    background-size: 140%;
    padding: 20px 120px;
}
#container .sec4-box1 h2 {
    font-size: 4rem;
}
#container .sec4-box2 {
    padding: 20px 80px;
}
#container .sec4-box2 h2 {
    font-size: 2rem;
}
#container .sec4-box2 .box {
    margin: 30px auto 10px;
    padding: 10px 30px;
}
#container .sec4-box2 .box h3 {
    font-size: 1.5rem;
}
#container .sec4-box3 {
    padding: 10px 80px;
}
#container .sec4-box3 .title-box p,
#container .sec4-box3 .title-box h2 .small {
    font-size: 2.0rem;
}
#container .sec4-box3 .title-box h2 {
    font-size: 3.0rem;
}
#container .back-arrow h2 {
    font-size: 2.0rem;
}
#container .back-arrow h2 .big {
    font-size: 2.6rem;
}
#container .back-arrow :after {
    content: "";
    border-width: 50px 50vw 0 50vw;
}
#container .sec4-box4 .backimg {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-model.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 0px left 50%, bottom 30px right -10px;
    background-size: 80%, 100%;
    height: 500px;
}
#container .sec4-box4 .icon-1 {
    position: absolute;
    top: 50px;
    right: 70px;
    width: 30%;
}
#container .sec4-box4 .icon-2 {
    position: absolute;
    top: 210px;
    left: 40px;
    width: 35%;
}
#container .sec5 .black-line {
    font-size: 2.3rem;
    margin: -40px -10px 0;
    padding: 25px 130px 15px;
}
#container .sec5 .width {
    padding: 10px 80px;
}
#container .sec5 h2 {
    font-size: 2.5rem;
}
#container .sec5 h2 .big {
    font-size: 4.0rem;
}
#container .sec5 ul.des {
    font-size: 1.8rem;
}
#container .sec5 .main-box li .big {
    font-size: 2.5rem;
}
#container .sec5 .main-box li.small {
    font-size: 1rem;
    margin: 10px 0;
}
#container .sec5 .name-box,
#container .sec8 .name-box {
    width: 100%;
}
#container .sec5 .item {
    position: absolute;
    top: 0px;
    right: 100px;
    width: 40%;
}
#container .sec6 {
	padding: 20px 0 0;
}
#container .sec6 .width {
    margin: 0 40px;
}
#container .sec6 h2 {
    font-size: 1.4rem;
}
#container .use-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#container .use-box dl {
    padding: 10px;
	width: calc(100% / 2);
}
#container .use-box ul {
    display: flex;
}
#container .use-box li.step {
    margin: 0 10px 30px;
    padding: 0 10px 0 8%;
    width: calc(100% / 2);
}
#container .use-box .dot {
    border-bottom: none;
}
#container .sec6 .back-fff {
    padding: 20px 10px;
}
#container .sec6 ul.title {
    font-size: 1.2rem;
    margin: 0 0 10px 260px;
}
#container .sec6 ul.des {
    text-align: center;
}
#container .sec7 .black-line {
    font-size: 2rem;
}
#container .sec7 .black-line .big {
    font-size: 2.5rem;
}
#container .sec7 {
    background-position: top 20px right -160px, top 0px left 50%;
    background-size: contain, cover;
}
#container .sec7 .img {
    margin: -5% auto 0 5%;
}
#container .sec7 h2 {
    font-size: 2.5rem;
    line-height: 1;
    padding: 0 80px;
}
#container .sec7 h2 .small {
    font-size: 1.6rem;
}
#container .sec7 h2 .big {
    font-size: 3.5rem;
}
#container .sec8 {
    padding: 20px 100px;
}
#container .sec8 .title {
    left: 10%;
    width: 40%;
}
#container .sec8 .hari {
    margin: 120px 0 0;

}
}
 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container .width {
    margin: 0 auto;
    width: 1040px !important;
}
#container .mainvisual .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/model-top.png) top 0px right 0px no-repeat;
    background-size: 52%;
}
#container .mainvisual .item {
    margin: -36% 0 10px 200px;
}
#container .mainvisual .name-box {
    width: 63%;
}
#container .name-box .buy-box {
    margin: 0 auto 20px;
}
#container .sec0 {
    background-size: 800px;
    padding: 70px 10px 30px;
}
#container .sec0 h2 {
    font-size: 3.2rem;
    letter-spacing: 0.2rem;
    margin: 0 auto 45%;
}
#container .sec0 .box {
    margin: 0 200px;
}
#container .sec0 .box .text-box .text1 {
    font-size: 3rem;
}
#container .sec0 .box .text-box {
    padding: 30px 0;
    width: 56%;
}
#container .sec1-box1 h2 {
    font-size: 2.5rem;
}
#container .sec1-box1 ul {
    width: 65%;
}
#container .sec1-box2 {
    background-size: 40%;
    padding: 3% 0 5%;
}
#container .sec1-box2 h2 {
    font-size: 2.0rem;
}
#container .sec1-box3 {
    padding: 10px 80px 70px;
}
#container .sec1-box3 h2, #container .sec1-box3 .text {
    font-size: 2.0rem;
}
#container .sec1-box4 .width {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec1-model.png), url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/grada-img.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 0px right 80px, bottom -60px left 90px;
    background-size: 50%, 90%;
}
#container .sec2 {
    background-size: 800px;
}
#container .sec2-box1, #container .sec2-box2 {
    padding: 45px 80px;
}
#container .sec2-box1 {
    background-size: 700px;
}
#container .sec2-box1 .des, #container .sec2-box2 .des {
    margin: 0 auto 50px;
    padding: 0;
    width: 540px;
}
#container .sec2-box1 .des {
    margin-bottom: 25%;
}
#container .sec2-box2 {
    background-position: top -230px right 320px, bottom -160px left 220px;
    background-size: 30%, 40%;
}
#container .sec3 .width {
    background-position: bottom -130px right 40px, bottom -2px right 100px;
    background-size: 60%, 80%;
}
#container .sec4-box1 {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle-cica/sec4-back.jpg) top -20px right 0px no-repeat;
    background-size: 1100px;
    padding: 20px 120px;
}
#container .sec4-box1 .width {
    padding: 0 210px;
}
#container .sec4-box1 .img {
    text-align: left;
}
#container .sec4-box2 h2 {
    font-size: 2.5rem;
}
#container .sec4-box2 .box {
    padding: 20px 40px;
    width: 80%;
}
#container .sec4-box3 .title-box {
    width: 80%;
}
#container .back-arrow :after {
    content: "";
    border-width: 70px 50vw 0 50vw;
}
#container .sec4-box4 .backimg {
    background-position: bottom 0px left 50%, bottom 0px right 100px;
    background-size: 60%, 80%;
    height: 520px;
}
#container .back-arrow h2 .big {
    font-size: 3.5rem;
}
#container .sec5 .black-line {
    transform: rotate(1deg);
    text-align: center;
}
#container .sec5 .width,
#container .sec8 .width {
    padding: 20px 140px;
}
#container .sec5 .item {
    position: absolute;
    top: -20px;
    right: 150px;
    width: 35%;
}
#container .sec5 h2 .big {
    font-size: 4.5rem;
}
#container .sec6 {
    padding: 40px 0 0;
}
#container .sec6 .width {
    margin: 0 auto;
}
#container .use-box {
    padding: 0 60px 40px;
}
#container .use-box .step {
    padding: 0 20px 0 70px;
}
#container .sec6 .back-fff {
    padding: 40px 10px;
}
#container .sec6 ul.title {
    font-size: 1.4rem;
    margin: 0 0 10px 440px;
}
#container .sec7 {
    background-position: top 20px right 25%, top 0px left 50%;
}
#container .sec7 .img {
    margin: -5% auto 0 10%;
}
#container .sec7 h2 {
    margin: -10px 0 50px;
    padding: 0 250px;
}
#container .sec8 {
    padding: 20px 100px 0;
}
#container .sec8 .hari {
    margin: 130px 90px 0;
}
#container .sec8 .title {
    left: 25%;
}
#container .sec8 .item {
    margin: -50% 30px 20px auto;
    width: 54%;
}
}