/* CSS Document */
strong {font-weight: bold;}
#iryoudatsumou-shizuoka .sub .boxin, #male-epilation .sub .boxin, #photo-facial .sub .boxin, #needle-hair-removal .sub .boxin, #dermapen .sub .boxin {background: none; padding: 0;}
#iryoudatsumou-shizuoka article, #male-epilation article, #photo-facial article, #needle-hair-removal article, #dermapen article {padding: 0 0 5em 0;} #needle-hair-removal #section01 {margin-bottom: 0;}
.main-img img {display: block;} .wrapper {margin: auto; max-width: 980px; width: 100%;} .wrapper img {width: 100%; height: auto;} .title-style01, .title-style02 {color: #555; font-size: 2.5em; font-weight: bold; line-height: 1.2; margin: 3em auto 0.6em auto; text-align: center;} /*.title-style01::before {background: url(images/female-epilation/bar.png) no-repeat; background-size: contain; content: ""; display: block; margin: 0 auto .6em auto; max-width: 560px; width: 60%; height: 25px;} .title-style02::before {background: url(images/male-epilation/bar.png) no-repeat; background-size: contain; content: ""; display: block; margin: 0 auto .6em auto; max-width: 560px; width: 60%; height: 25px;}*/
.sub-title01 {color: #aacc03; font-family: wordy-diva, sans-serif; font-weight: bold; text-align: center;} .flash-box {align-items: center; display: flex; justify-content: center;}
.btn-style01, .btn-style02 {border: none; border-radius: 50px; box-sizing: border-box; color: #fff; display: block; line-height: 2em; margin: 3em auto; padding: 1em 2em; position: relative; top: 0; text-align: center; text-decoration: none; transition: .5s; width: fit-content;}
.btn-style01 {background: #ea4b95;} .btn-style02 {background: #282da5;} .btn-style01::before, .btn-style02::before {background: url(images/iryoudatsumou-shizuoka/arrow.png) no-repeat; background-size: contain; content: ""; display: inline-block; position: relative; top: 2px; left: -20px; width: .6em; height: 1em;}
.btn-style01::after, .btn-style02::after {position: absolute; content: ""; top: 0; left: -120%; width: 100%; height: 100%; overflow: hidden; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);}
.btn-style01:hover, .btn-style02:hover {color: #fff; top: -10px; transform:scale(1.1); transition: .5s;} .btn-style01:hover:after, .btn-style02:hover:after {animation: flash .4s linear;}
@keyframes flash {100% {left: 100%;}}
.btn-column01, .btn-column02 {border: none;} .btn-column01 {background: #ea9694;} .btn-column02 {background: #007fdb;} .red {color: #ff0000; font-size: 1em; font-weight: normal; text-decoration: underline;} .pink {color: #d86ecc; font-weight: bold;} .light-blue {color: #007fdb; font-weight: bold;}
.img08-wrapper img {display: block; margin: 6em auto 3em auto; width: 30%!important;}
.point-title01, .point-title02 {display: table; font-size: 1.5em; margin: 3em 0 2em 0;} .point-title01 {color: #ea4b95;} .point-title02 {color: #282da5;} .point-title01 img, .point-title02 img {display: table-cell; margin-right: 1em; width: auto!important; height: 60px!important; vertical-align: middle;} .point-title01 span, .point-title02 span {display: table-cell; vertical-align: middle;}
.txt {font-size: 1.2em; line-height: 1.8em;} .txt-box {margin: 2em auto; width: 100%;} .freeoptions01 {margin: 5em auto 2em auto; width: 60%;}
.img10-box {display: grid; grid-gap: 2em; grid-template-columns: 1fr 1fr; margin: 2em auto 6em auto;} .img11-box {color: #333; display: grid; font-weight: normal; grid-gap: 2em; grid-template-columns: 1fr 1fr; margin: 2em auto;}
.img11-box .bg-style01, .img11-box .bg-style02 {padding: 4em 2em 2em 2em; position: relative;} .img11-box .bg-style01, .img11-box .bg-style02 {color: #333; font-weight: normal;} .img11-box .bg-style01 {background: #fef3ff;} .img11-box .bg-style02 {background: #daeaf0;} .img11-box .bg-style01 h3, .img11-box .bg-style02 h3 {color: #333; position: absolute; top: 1em; left: 0;} .img11-box .bg-style01 h3 span, .img11-box .bg-style02 h3 span {color: #fff; font-family: serif; font-weight: normal; letter-spacing: .1em; margin-right: 1em; padding: .5em 1.5em;} .img11-box .bg-style01 h3 span {background: #ea4b95;} .img11-box .bg-style02 h3 span {background: #282da5;} .img11-box img {margin-bottom: 2em;}
.pickup-column-title {margin: 0 auto 3em auto; width: 280px;} .img12-box {display: grid; grid-gap: 2em; grid-template-columns: 1fr 1fr;} .img12-box {margin: 4em auto;} .img12-box a {color: #333; font-size: 1.2em; text-decoration: none;}
.notice-box01, .notice-box02 {padding: 2em;} .notice-box01 {background: #f9dfdf;} .notice-box02 {background: #daeaf0;} .notice-box01 h3, .notice-box02 h3 {background: #fff; border-radius: 30px; font-weight: normal; margin: 0 auto 1em auto; padding: .6em 1.5em;}
.index-wrapper {position: relative;} .index {background:#faffe3; box-sizing: border-box; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 1.2em; font-weight: 700; line-height: 2em; margin: 0 auto 2em auto; padding: 2em; position: relative;}
.index:before {background: url(images/logo.svg) no-repeat; background-position: center; background-size: contain; content: ""; display: block; margin: 0 auto 1.5em auto; width: 150px; height: 150px;}
.index h2{border-bottom: 2px solid #aacc03; font-size: 1.2em; font-weight: bold; padding-bottom: .25em; margin-bottom: 1em; text-align: center; width: 100%;} .index ul li li{margin-left: 1em;} .index ul {margin: auto; width: fit-content;}
.index ul ul{font-size: .9em; margin: 0 0 1em 0; width: initial;}
.lead-box {border-top: dashed 2px #aacc03; border-bottom: dashed 2px #aacc03; display: grid; grid-template-columns: 2fr 1fr; grid-gap: 2em; overflow: hidden; padding: 2em 0;}
.box03-7 {background:#faffe3; border: dashed 2px #aacc03; border-radius: 30px; box-sizing: border-box; display: grid; grid-template-columns: 2fr 3fr; grid-gap: 3em; margin: auto; padding: 1.5em; position: relative; width: 90%;} .box03-7 h4 {color: #809802; font-size: 1.5em; font-weight: bold; margin-bottom: .5em;}
.box03-7 div:first-of-type img {display: block; position: relative; bottom: -1.5em;} .box03-7 div:last-of-type img {display: block; margin: 2em auto 0 auto; width: 70%;}
.font-reservation {color: #aacc03; font-size: 2em; font-weight: bold; margin-top: 2em; text-align: center;}
.box10 {display: grid; grid-template-columns: 1fr 3fr; grid-gap: 3em; margin-top: 3em;} .box10 h3 {background: #aacc03; border-radius: 30px; color: #fff; padding: .25em .8em; margin-bottom: 1em; text-align: center; width: fit-content;}
.box10 h4 {border-bottom: dashed 2px #aacc03; color: #aacc03; font-size: 1.5em; font-weight: bold; margin-bottom: 1em; padding-bottom: .5em;}
.box10 h4 span {display: block; font-size: .6em;} input#show-content {display: none;}
.show-content-btn {position: absolute; bottom: 2em; width: 100%; z-index: 100;}
.show-content-btn span {background: #fff; border: 2px solid #aacc03; border-radius: 30px; box-sizing: border-box; color: #aacc03; cursor: pointer; display: block; font-weight: bold; margin: auto; padding: .25em 3em; transition: opacity 0.5s; width: fit-content;}
.show-content-btn span:hover {background: #aacc03; color: #fff;}
.show-content {width: 100%; height: 600px; margin-bottom: 3em; overflow: hidden; position: relative;}
.show-content::before {background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1), rgba(255, 255, 255, 1)); content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 10;}
input#show-content:checked ~ .show-content-btn {opacity: 0; pointer-events: none; /* クリックイベントを無効化 */}
input#show-content:checked ~ .show-content {height: initial;} input#show-content:checked ~ .show-content::before {background: none; z-index: -1;}
@media (max-width:980px) {.lead-box, .box03-7, .box10 {grid-template-columns: 1fr;} .lead-box img, .box10 img {display: block; margin: auto; width: 50%!important;} .box03-7 div:first-of-type img{bottom: initial;}
.font-reservation{font-size: 1.2em;}}
/*===================
元データから引用
===================*/
body {margin: 0;} .wrap {position: relative; width: 90%; max-width: 1200px; margin: auto; overflow: hidden;}
.boxstyle07 {border: 2px solid #809902; margin-bottom: 3em;} .boxstyle07 h3 {background: #809902; color: #fff; font-size: 2em; font-weight: bold; margin: 0; padding: 1em 0; text-align: center; width: 100%;} .boxin07 {overflow: hidden; padding: 2em;}
.boxstyle07-1 {border-bottom: 1px solid #809902; margin-bottom: 2em; overflow: hidden; padding-bottom: 1em;} .boxstyle07 dl {display: flex; flex-wrap: wrap; float: left; width: 100%;} .boxstyle07 dt {background: #809902; color: #fff; font-weight: bold; margin-bottom: 1em; padding: 1em; text-align: center; width: 15%;} .boxstyle07 dd {color: #809902; font-weight: bold; margin: 0 0 1em 0; padding: 1em 0 1em 1em; width: 75%;}
.txtarea p {margin-bottom: 2em;} .txtarea p:last-child {margin-bottom: 0;} .price {background: #809902; color: #fff; display: inline-flex; float: right; font-size: 2em; font-weight: bold; margin: 0; padding: 1em;} .yellow {background: linear-gradient(transparent 60%, #fcee21 60%);} .price.yellow {background: linear-gradient(transparent 60%, #fcee21 60%); color: #809902; font-size: 3em; padding: 1em .5em .5em .5em;} .price span {font-size: 0.5em; margin-top: 1em;}
.bg_style01 {background: #f8f5f1; margin: 3em auto; padding: 3em 2em;} .boxlayout02 {overflow: hidden; position: relative;}
.bg_style01 .boxlayout02 {margin-bottom: 4em;} .boxlayout02 .floatL {width: 48%;}
.titstyle11 {color: #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 1.7em; font-weight: bold; line-height: 1.5em;}
.boxlayout02 .floatL {width: 100%;} .floatL {float: left;} .boxlayout02 .floatR {width: 100%;} .floatR {float: right;} .green {color: #809902; font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0; border: none;} tbody {display: table-row-group; vertical-align: middle; unicode-bidi: isolate; border-color: inherit;} tr {display: table-row; vertical-align: inherit; unicode-bidi: isolate; border-color: inherit;}
.tablestyle08 {width: 100%; border-top: #b3b3b3 1px solid; border-left: #b3b3b3 1px solid; margin-bottom: 2em; font-size: 0.8em; line-height: 1.2; text-align: center;}
.tablestyle08 th {padding: 1em; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 1px solid; font-weight: bold; box-sizing: border-box; text-align: center;} .tablestyle08 th.thstyle01 {background-color: #e6ebcc; text-align: center;}
.tablestyle08 td {padding: 1em; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 solid 1px; box-sizing: border-box;} .titstyle10 {color: #809902; border-bottom: 1px solid #809902; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; font-size: 1.7em; line-height: 1.5em; margin-bottom: 1em !important; padding-bottom: 0.5em; text-align: left !important;}
.faqbox {margin-bottom: 2em;} .questions {display: none;} .faqbox p {margin-bottom: 0;} .arrow {background: #fff no-repeat 99% url(images/icoup.png); position: absolute; right: 10px; margin-top: 1.2em; width: 22px; height: 14px; z-index: 5; font-size: 2em; line-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;}
.questions:checked ~ .arrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faqbox label {display: block; cursor: pointer; box-sizing: border-box; font-size: 1.5em; font-weight: bold; padding: 0.1em 1em 1.2em 1em; border: 2px solid #ddd; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; margin-bottom: 0;}
.question {position: relative; background: #fff; margin: 0; padding: 10px 10px 10px 50px; display: block; width: 100%; cursor: pointer;} .answers {height: 0; overflow: hidden; position: relative; opacity: 0; background: #fff; -webkit-transition: .8s ease; -moz-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease;}
.questions:checked ~ .answers {height: auto; opacity: 1;} .boxin01 {padding: 1.5em 1.5em 1.5em 4.2em;} .boxin01::before {content: "A"; font-size: 1.5em; font-weight: bold; width: 1em; height: 1em; position: absolute; left: 1em;}
/*===================
guide
===================*/
.notice-box {background: #fce6e6; border: 2px solid #cc0000; border-radius: 10px; font-size: 1.1em; line-height: 2em; margin: 2em auto; padding: 1em 1.5em 1.5em 1.5em;}
.notice-box p {padding-left: 1.5em; position: relative; text-indent: -1.5em;}
.notice-box p::before {background: url(images/lp/icon-notice.png) no-repeat; background-size: contain; content: ""; display: inline-block; position: relative; bottom: -6px; left: -5px; width: 1.6em; height: 1.6em;}
.guide-title-style01 {background: #cc0000; color: #fff; font-size: 1.2em; font-weight: bold; margin-bottom: 1em; padding: .5em 1em; text-align: center;}
.guide-title-style01-1 {border-left: 6px solid #cc0000; font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin: 3em auto 1em auto; padding-left: .5em;}
.guide-box01 {background: #efefef; background-image: linear-gradient(135deg, #cc0000 30px, transparent 0); margin-bottom: 2em; padding: 2em;} .guide-box01 h3 {font-size: 1.1em;} .guide-box01 a {font-size: 1.1em;} .guide-box02 {background: #efefef; border-radius: 20px; display: grid; grid-template-columns: 2fr 1fr; grid-gap: 2em; margin: 2em auto; padding: 2em; width: 60%;}
.guide-box02 .guide-list-style02 {margin-top: 0;} .guide-box03 {display: grid; grid-template-columns: 1fr 10fr; grid-gap: 0 1em; overflow: hidden; position: relative;} .guide-box03 .step {display: grid; grid-template-columns: 1fr 2fr; grid-gap: 1em; padding: 1em;}
.guide-box03 .arrow-guide {display: inline-block; width: 100%; height: 100%; background: #b7d426; clip-path: polygon(0 94.3%, 32.3% 94.3%, 32.3% 0, 67.7% 0, 67.7% 94.3%, 100% 94.3%, 50% 100%);}
.guide-box03 .step01, .guide-box03 .step02, .guide-box03 .step03, .guide-box03 .step04, .guide-box03 .step05, .guide-box03 .step06 {
border-radius: 10px; box-sizing: border-box; color: #fff; margin-bottom: 1em;} .guide-box03 .title {font-size: 1.1em; font-weight: bold;}
.guide-box03 .step01 {background: #667a00;} .guide-box03 .step02 {background: #738700;} .guide-box03 .step03 {background: #809500;}
.guide-box03 .step04 {background: #8da200;} .guide-box03 .step05 {background: #99b001;} .guide-box03 .step06 {background: #a0c202;}
.dekoboko-img {display: block; margin: auto; width: 50%!important;}
.guide-box04 {background: #efefef; border-radius: 10px; box-sizing: border-box; padding: .5em;} .guide-box04 ul {margin-left: 2em;}
.guide-box05 {display: grid; font-weight: bold; grid-template-columns: 1fr 1fr; grid-gap: 2em; margin-bottom: 2em; text-align: center;} .guide-box05 .title {background: #333; border-radius: 20px; color: #fff; font-weight: bold; margin-bottom: .5em; padding: .25em 1em;} .guide-box05 div:first-of-type {color: #cc0000;} .guide-box05 div:first-of-type .title {background: #cc0000;} .guide-box05 div:last-of-type {color: #333;} .guide-box05 div:last-of-type .title {background: #666;}
.guide-box06 {display: grid; grid-template-columns: 2fr 1fr; grid-gap: 2em;}
.guide-list-style01, .guide-list-style02, .guide-list-style03, .guide-list-style04, .guide-list-style04-1 {margin: 1em auto;} .guide-list-style01 {padding-left: 1.5em;} .guide-list-style01 li {text-indent: -1.8em;} .guide-list-style01 li::before {content: "●"; font-size: 1.3em; margin-right: .5em; position: relative; bottom: -2px;}
.guide-list-style02 {font-weight: bold;} .guide-list-style03 {font-size: 1.1em; line-height: 1.6em;} .guide-list-style03 li {margin-bottom: 2em;} .guide-list-style04 li {list-style: disc;} .guide-list-style04-1 li {list-style: decimal;}
.guide-title-style01-2 {font-weight: bold; margin-bottom: 1.5em;} .guide-title-style01-3 {font-size: 1.1em; font-weight: bold;}
.green {color: #00B050; font-weight: bold; text-decoration: underline;}
.guide-table-style01 {border-collapse: collapse; font-size: 0.8em; line-height: 1.5em; margin-top: 1rem; width: 100%;}
.guide-table-style01 th, .guide-table-style01 td {border: 1px solid #ccc; padding: .5em; text-align: left; word-break: break-word;}
.guide-table-style01 thead {background-color: #f2f2f2;} .guide-table-style01 th {background-color: #e0e0e0; font-weight: bold;}
.guide-table-style01 tbody tr:nth-child(even) {background-color: #fafafa;}
.guide-table-style01 {border: 1px solid ;width: 100%;}
.guide-table-style02 {width: 100%; border-top: #b3b3b3 1px solid; border-left: #b3b3b3 1px solid; margin: 2em auto; font-size: 0.8em; line-height: 1.2; text-align: center;}
.guide-table-style02 th {padding: 1em 0; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 1px solid; font-weight: bold; box-sizing: border-box; text-align: center;} .guide-table-style02 th.th-style01 {background-color: #e6ebcc; text-align: center;}
.guide-table-style02 td {padding: 1em; border-bottom: #b3b3b3 1px solid; border-right: #b3b3b3 solid 1px; box-sizing: border-box;}
.doctor-img {display: block; margin: 2em auto 0 auto; width: 40%!important;} .doctor-img01 {display: block; margin: 0 auto; width: 60%!important;}
.cell-color-green {background: #edf5cb!important; border: 1px solid #a0c202!important; color: #809802; font-weight: bold;}
th.cell-color-green {background: #a0c202!important; color: #fff;}
@media screen and (max-width: 768px) {
.guide-table-style01 thead {display: none;}
.guide-table-style01 tr {background-color: #fff; border-radius: 5px; display: block; margin-bottom: 1rem; padding: 0.5em;}
.guide-table-style01 td {display: block; height: 4em; padding-left: 50%; position: relative; text-align: right;} .td-style01 td { height: 15em!important;}
.guide-table-style01 td::before {color: #333; content: attr(data-label); font-weight: bold; position: absolute; text-align: left; left: 0.8em; width: 45%;}
.dekoboko-img, .doctor-img, .doctor-img01 {width: 70%;}}


@media (max-width:980px) {
.guide-box02, .guide-box03 div, .guide-box06 {grid-template-columns: 1fr;} .guide-box02 {width: 90%;} .guide-box05 .title {padding: 0;} .guide-box06 img {display: block; margin: auto; width: 60%!important;}
}

/*===================
pickup column
===================*/
.column-wrapper {margin: auto; width: 90%;} .column-box01, .column-box02 {background: #efefef; border: 4px solid #333; border-radius: 20px; box-sizing: border-box; font-size: 1.2em; font-weight: bold; line-height: 2em; margin: auto; padding: 2em; position: relative;}
.column-box01 {background: #fff1f3; border: 4px solid #ff748d;} .column-box02 {background: #daeaf0; border: 4px solid #3789d1;} .column-box01::before, .column-box02::before {background: url(images/pickup-column/logo.svg) no-repeat; background-position: center; background-size: contain; content: ""; display: block; margin: 0 auto 1.5em auto; width: 150px; height: 150px;}
.column-box01 li, .column-box02 li {margin-bottom: .5em;} .column-box01 li:last-child, .column-box02 li:last-child {margin-bottom: 0;} .column-box01 a, .column-box02 a {color: #333; text-decoration: none;} .column-box01 a:hover, .column-box02 a:hover {text-decoration: underline;} .column-box01 a:hover {color: #ff748d;} .column-box02 a:hover {color: #3789d1;} .column-title01, .column-title02 {border-bottom: 2px solid #333; font-size: 1.3em; font-weight: bold; margin-bottom: 1em; padding-bottom: .5em;}
.column-title01 {border-bottom: 2px solid #ff748d; color: #ff748d;} .column-title02 {border-bottom: 2px solid #3789d1; color: #3789d1;} .column-sub-title01, .column-sub-title02 {background: #efefef; color: #333; font-size: 1.2em; font-weight: bold; margin: 2em auto 1em auto; padding: .6em .8em;}
.column-sub-title01 {background: #fff1f3; color: #ff748d;} .column-sub-title02 {background: #daeaf0; color: #3789d1;} .column-sub-title03 {font-weight: bold; margin: 2em auto .5em auto;} .thumbnail-column {margin-bottom: 2em;} .icon-docter-box {display: table; margin-bottom: 1.5em;} .icon-female-box, .icon-male-box {margin: 1.5em auto; text-align: right;}
.page .icon-docter-box img, .page .icon-female-box img, .page .icon-male-box img {width: 100px; height: 100px;} .page .icon-docter-box img {display: table-cell;} .icon-docter-box .txt {display: table-cell; font-weight: bold; line-height: 1.2em; padding-left: 1em; vertical-align: middle;} .icon-docter-box .txt span {display: block; font-size: .8em; font-weight: normal;}
.bubble-docter, .bubble-female, .bubble-male {border-radius: 10px; padding: 1em 1.5em; position: relative;} .bubble-female, .bubble-male { margin-bottom: 1.5em;} .bubble-docter {background: #e5f0b6;} .bubble-docter::before {content: ""; position: absolute; top: -1.3em; left: 120px; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #e5f0b6; border-left: 12px solid #e5f0b6; z-index: 0;}
.bubble-female {background: #fedef3;} .bubble-female::before {content: ""; position: absolute; top: -1.3em; right: 110px; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #fedef3; border-right: 12px solid #fedef3; z-index: 0;}
.bubble-male {background: #daeaf0;} .bubble-male::before {content: ""; position: absolute; top: -1.3em; right: 110px; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #daeaf0; border-right: 12px solid #daeaf0; z-index: 0;}
.column-list01 {line-height: 2em; margin-bottom: 2em; padding-left: 1.5em;} .column-list01 li {list-style: disc;} .column-list01 li::marker {color: #aacd0c;} .column-list02 {line-height: 2em; margin-bottom: 2em; padding-left: .5em;} .column-list02 li {margin-bottom: 1em;} .column-list01 li span, .column-list02 li span {font-weight: bold;}
.column-table01 {border: 1px solid #333; margin-bottom: 1em; width: 100%;} .column-table01 tr {border-bottom: 1px solid #333;} .column-table01 tr:last-child {border-bottom: none;} .column-table01 th, .column-table01 td {border-right: 1px solid #333; box-sizing: border-box; padding: .6em .8em;} .column-table01 th:last-child, .column-table01 td:last-child {border-right: none;} .column-table01 th {background: #e5f0b6;} .column-table01 td {background: #f8f5f1;}
.th-width, .td-width {display: block; width: 100%;} .column-table01 .th-width, .column-table01 .td-width {border-bottom: 1px solid #333; border-right: none;} .column-table01 .td-width:last-child {border-bottom: none;} .td-width span {font-weight: bold;} .page .img-width80 {display: block; margin: auto; width: 80%;}
.mt1em {margin-top: 1em;} .mt2em {margin-top: 2em;} .mt3em {margin-top: 3em;} .mb1em {margin-bottom: 1em;} .mb2em {margin-bottom: 2em;} .mb3em {margin-bottom: 3em;}
/*===================
dermapen
===================*/
#dermapen { color: #333;} #dermapen .section01-1 { background: #daeaf0; padding: 4em 4em 0 4em; position: relative;} .arrow-style01 { margin-top: 150px;} .arrow-style01::after { background-color: #daeaf0; clip-path: polygon(0 0, 50% 100%, 100% 0); content: ""; bottom: -150px; position: absolute; left: 0; width: 100%; height: 150px;}
#dermapen .section02 img, #dermapen .section03 img { display: block; margin: auto; width: 80%;} #dermapen .section04 img { display: block; margin: 3em auto; width: 30%;}
#dermapen .section06-inner { display: grid; font-weight: normal; grid-gap: 2em; grid-template-columns: 1fr 1fr; margin: 2em auto;}
#dermapen .section06-box { background: #efefef; padding: 4em 2em 3em 2em; position: relative;} #dermapen .section06-box:nth-of-type(2) img { margin: 2em auto 0 auto;} #dermapen .section06-box:nth-of-type(3) img { margin: 5em auto 0 auto;}
#dermapen .section06-box h3 { background: #175907; color: #fff; font-weight: normal; letter-spacing: .1em; margin-right: 1em; padding: .5em 1.5em; position: absolute; top: 1em; left: 0;}
#dermapen .section06-box img { display: block; margin: auto; max-width: 300px; max-height: 300px; width: auto;} #dermapen .section06-box .txt { position: absolute; bottom: .6em; left: 1em;}
#dermapen .section08-inner { display: grid; font-weight: normal; grid-gap: 2em; grid-template-columns: 1fr 1fr; margin: 2em auto;} #dermapen .section08-box { background: #efefef; padding: 4em 2em 3em 2em; position: relative;} #dermapen .section08-box h3 { position: absolute; top: 1em; left: 0;} #dermapen .section08-box h3 span { background: #ac2407; color: #fff; font-family: serif; font-weight: normal; letter-spacing: .1em; margin-right: 1em; padding: .5em 1.5em;}
#dermapen .section08-box img { margin-bottom: 2em;}
/*===================
lp共通
===================*/
.sub .boxin h1 { font-size: 2em; font-weight: bold; margin-top: 1em;}
.title-style-lp01 { font-family: serif; font-size: 1.6em; padding-bottom: .8em; text-align: center;} .title-style-lp01 { position: relative;} .title-style-lp01::after { background: #3a9aeb; content: ""; display: block; margin: .8em auto 0 auto; width: 120px; height: 4px;} .title-style-lp02 { background: linear-gradient(0deg, rgb(172, 36, 7), rgb(207, 67, 107), rgb(172, 36, 7)); color: #fff; font-size: 1.2em; font-weight: bold; margin: 2em auto; padding: 1em; text-align: center;}
.title-style-lp03 { font-size: 1.6em; font-weight: bold; margin-bottom: .6em; text-align: center;} .sub-title-style-lp02 { text-align: center;} .title-style-lp04 { font-size: 1.6em; font-weight: bold; margin: 3em auto 1em auto; position: relative; text-align: center;} .title-style-lp04::before { background: url(images/female-epilation/bar.png) no-repeat; background-size: contain; content: ""; display: block; margin: 0 auto 1em auto; width: 364px; height: 15px;}
.list-style-lp01 { font-size: 1.5em; line-height: 2em; margin: 2em auto; width: fit-content;} .list-style-lp01 li { position: relative;} .list-style-lp01 li::before { background: url(images/lp/icon-checkbox.png) no-repeat; background-size: contain; content: ""; display: inline-block; margin-right: .5em; position: relative; top: 4px; width: 1.3em; height: 1.3em;} .btn-style01-wrapper { padding: 1em 0;} .font-style-lp01 { background: url(images/lp/font-style-lp-bg01.png) no-repeat; background-size: contain; font-family: serif; font-size: 4em; line-height: 1.5em; padding: 2em 0 1em 0;} .font-style-lp01 .span-style-lp01, .font-style-lp01 .span-style-lp02 { font-size: .8em;} .font-style-lp01 .span-style-lp01 { color: #c21b07;}
.dl-style-lp01 { font-size: 1.2em;} .dl-style-lp01 dt { border-top: 1px solid #333; font-weight: bold; margin-bottom: .8em; padding-top: 1em; padding-left: 1em;} .dl-style-lp01 dd { padding-bottom: 1em; padding-left: 1em;} .dl-style-lp01 dd:last-of-type { border-bottom: 1px solid #333;}
/*=======================================================================
レスポ
=======================================================================*/
@media (max-width:980px) {
.sub .boxin h1 {font-size: 1.5em;} .txt-box {width: 90%;} .btn-style01, .btn-style02 {padding: 1em;} .title-style01, .title-style02, .boxstyle07 h3, .titstyle10, .titstyle11 {font-size: 1.2em;} .sub-title01 {margin-bottom: 1em;} .boxin07 {padding: 1em;} .boxstyle07 dl {float: none; width: 100%;}
.img10-box {margin: auto; width: 90%;} .img11-box, .img12-box {grid-template-columns: 1fr;	margin: auto; width: 90%;} .boxstyle07 dt, .boxstyle07 dd {font-size: 0.8em; padding: 0.5em;} .boxstyle07 dt {width: 20%;} .boxstyle07 dd {width: 70%;}
.price.yellow {font-size: 1.5em;} .price span {margin-top: 0;} .point-title01 img, .point-title02 img {height: 30px!important;} .point-title01, .point-title02 {font-size: 1.2em;} .point-title01 span, .point-title02 span {display: block; margin-top: .5em;}
.movie iframe {height: 380px;} .img11-box .bg-style01, .img11-box .bg-style02 {padding: 4em 1em 1em 1em;} .pickup-column-title {width: 200px;} .faqbox label {font-size: 1.1em; padding: 0 2em 1em 1em;} .boxin01::before {font-size: 1.1em;} .answers .boxin01 {padding: 1em 1em 1em 3em;} .column-box01, .column-box02 {font-size: 1em; font-weight: normal; padding: 1em;} .column-box01 {border: 3px solid #ff748d;} .column-box02 {border: 3px solid #3789d1;} .column-box01::before, .column-box02::before {width: 80px; height: 80px;}
.index {padding: 1em;} .index:before {width: 100px; height: 100px;} #title03-7 {margin: auto; width: 90%;}
/* dermapen */
.arrow-style01::after { bottom: -50px; height: 50px;} .list-style-lp01 { font-size: 1em;} .font-style-lp01 { font-size: 1.5em;} .title-style-lp04 { font-size: 1.2em;} .dl-style-lp01 { font-size: 1em;}
#dermapen .section06-box .txt { font-size: .8em;} #dermapen .section02 img, #dermapen .section03 img { width: 100%;} #dermapen .section04 img { width: 80%;} #dermapen .section06-inner, #dermapen .section08-inner { grid-template-columns: 1fr;}
}
@keyframes fade{0%{opacity: 0;} 100%{opacity: 1;}}
@media (max-width: 740px) {.head_right {height: 0;}}