@charset "utf-8";

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

}

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

}

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

}

/*  */

/* ページ内スムースリンク */
html {scroll-behavior: smooth;}

.mw-1600{max-width : 1600px;}
.mw-1000{max-width : 1000px;}
.mw-900{max-width : 900px;}
.mw-600{max-width : 600px;}

h2 {line-height: 3rem;}
@media screen and (max-width: 575px) {
h1 {font-size: 1.5rem;}
h2 {line-height: 2rem; font-size: 1.1rem;}
}
.h3-box {
    background-image: url(image/bg-diagonal.png);
    background-position: top left;
    background-repeat: no-repeat;
}
.h3-bar {
    font-size: 2.5rem;
    font-weight: 900;
}


.f-20 {font-size : 2rem;}
.f-15 {font-size : 1.5rem;}

.hight-50-0 {height: 50px;}
@media screen and (max-width: 575px) {
.hight-50-0 {height: 0px;}
}

.tel-font {
	font-size : 2.5rem;
	font-family: 'Times New Roman','Savoye LET','Savoye LET',sans-serif;
	text-align : center;
	color : silver;
}

.sticky-top {z-index: 1;}

/* left */
.grid-box-left {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100px 1fr 100px;
}
@media screen and (max-width: 1200px) {
.grid-box-left {
    display:block;
}
}
.grid-item-left:nth-child(1) {
    grid-row: 1/2;
    grid-column: 1/3;
    background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
    border-top-right-radius: 30px;
}
.grid-item-left:nth-child(2) {
    grid-row: 1/2;
    grid-column: 1/2;
    border-right: solid 1px white;
}
.grid-item-left:nth-child(3) {
    grid-row: 1/2;
    grid-column: 2/3;
}
/* /left */
    
/* right */
.grid-box-right {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100px 1fr 100px;
}
@media screen and (max-width: 1200px) {
.grid-box-right {
    display:block;
}
}
.grid-item-right:nth-child(1) {
    grid-row: 1/2;
    grid-column: 2/4;
    background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
    border-top-left-radius: 30px;
}
.grid-item-right:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/4;
    border-left: solid 1px white;
}
.grid-item-right:nth-child(3) {
    grid-row: 1/2;
    grid-column: 2/3;
}
/* /right */

/* クリックしたら波紋が広がるボタン */
.button-contact {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display:inline-block;
	font-size: 2.5rem;
	color: #fff;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
	text-shadow: 2px 2px 3px #808080;
	border: solid 2px white;
	border-radius: 9999px;
	width: 200px;
	padding: 70px 0px;
	outline: none;
}
@media screen and (max-width: 768px) {
.button-contact {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display:inline-block;
	font-size: 2.5rem;
	color: #fff;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
	text-shadow: 2px 2px 3px #808080;
	border: solid 2px white;
	border-radius: 9999px;
	width: 200px;
	padding: 0px 0px;
	outline: none;
}
}
.button-contact::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform 0.3s,
	opacity 1s;
}
/*クリックされたあとの形状の設定*/
.button-contact:active::after {
	transform: scale(0, 0);
	transition: 0s;
	opacity: 0.3;
}
.button-contact:hover {
	text-decoration: none;
	color : #ffffff;
}
/* /クリックしたら波紋が広がるボタン */

/* top pad以下用 */
.grid-box-top-s {
	display: grid;
	grid-template-rows: auto 100px 100px auto;
	grid-template-columns: 3fr 1fr 100px;
}
@media screen and (max-width: 768px) {
.grid-box-top-s {
	display:block;
}
}
.grid-item-top-s:nth-child(1) {
	grid-row: 1/3;
	grid-column: 1/4;
}
.grid-item-top-s:nth-child(2) {
	grid-row: 3/5;
	grid-column: 1/4;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
}
.grid-item-top-s:nth-child(3) {
	grid-row: 2/4;
	grid-column: 2/3;
}
.grid-item-top-s:nth-child(4) {
	grid-row: 1/2;
	grid-column: 3/4;
}
/* /top pad以下用 */

/* top フルスクリーン用 */
.grid-box-top {
	display: grid;
	grid-template-rows:  100px 100px 100px auto 150px 150px auto;
	grid-template-columns: 100px 200px 1fr 300px 100px 100px;
}
@media screen and (max-width: 768px) {
.grid-box-top {
	display:block;
}
}
.grid-item-top:nth-child(1) {
	grid-row: 2/6;
	grid-column: 2/6;
}
.grid-item-top:nth-child(2) {
	grid-row: 1/4;
	grid-column: 1/3;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
	border-bottom-right-radius: 30px;
}
.grid-item-top:nth-child(3) {
	grid-row: 6/8;
	grid-column: 2/7;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
	border-bottom-left-radius: 30px;
}
.grid-item-top:nth-child(4) {
	grid-row: 6/8;
	grid-column: 2/4;
}
.grid-item-top:nth-child(5) {
	grid-row: 5/7;
	grid-column: 4/5;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
}
.grid-item-top:nth-child(6) {
	grid-row: 1/2;
	grid-column: 3/6;
}
.grid-item-top:nth-child(7) {
	grid-row: 1/2;
	grid-column: 6/7;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
}
.grid-item-top:nth-child(8) {
	grid-row: 2/3;
	grid-column: 6/7;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
}
.grid-item-top:nth-child(9) {
	grid-row: 3/6;
	grid-column: 6/7;
}
.grid-item-top:nth-child(10) {
	grid-row: 4/6;
	grid-column: 1/2;
}
/* /top フルスクリーン用 */

/* scroll促進 */
.scroll-down {
	display: inline-block;
	margin-top: -20px;
	position: relative;
}
.scroll-down::before {
	animation: scroll-down 3.5s infinite;
	border: solid #000;
	border-width: 0 0 1px 1px;
	content: "";
	display: inline-block;
	margin: auto;
	position: absolute;
	transform: rotate(-45deg);
	width: 30px;
	height: 30px;
}
@keyframes scroll-down {
	0% {transform: rotate(-45deg) translate(0, 0);}
	80% {transform: rotate(-45deg) translate(-30px, 30px);}
	0%, 80%, 100% {opacity: 0;}
	40% { opacity: 1;}
}
/* scroll促進 */

/* 縦書き */
.font-vertical {
	writing-mode: vertical-rl;
	letter-spacing: 0.1rem;
}
.rotate90 {
	display: inline-block;
	transform: rotate(90deg);
}
/* 縦書き */

/* はじめての韓国美容整形 */
.hr-bg {background-color: #c9a746;}

/* 縦書きfont指定 */
@font-face {
	font-family:Yu Gothic UL Light ;
	src: url('YuGothL.ttc') format("opentype");
}
.one-word {
	font-family: Yu Gothic UL Light;
	writing-mode: vertical-rl;
	letter-spacing: 0.5rem;
	font-size: 4rem;
	color: white;
}
@media screen and (max-width: 1200px) {
.one-word {
	font-family: Yu Gothic UL Light;
	writing-mode: initial;
	letter-spacing: 0.5rem;
	font-size: 2rem;
	color: #c0c0c0;
}
}
/* 縦書きfont指定 */
/* /はじめての韓国美容整形 */

/* left-韓国美容整形をお勧めする理由 */
.py-5-0 {
    padding: 48px 0px;
}
@media screen and (max-width: 1200px) {
.py-5-0 {
     padding: 0px 0px;
}
}
/* 3つのメリット */
.bg-comment {
	background-image: url(image/bg-block.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/* 3つのメリット */
/* /left-韓国美容整形をお勧めする理由 */

/* right-このようなお悩みはありませんか？ */
/* 悩みグリッド */
.grid-box-worries {
	display: grid;
	grid-template-rows: 170px 150px 150px 170px;
	grid-template-columns: 1fr 100px 100px 100px 1fr ;
}
@media screen and (max-width: 762px) {
.grid-box-worries {
	display:block;
}
}
.grid-item-worries:nth-child(1) {
	grid-row: 2/4;
	grid-column: 2/5;
	z-index: 100;
}
.grid-item-worries:nth-child(2) {
	grid-row: 1/3;
	grid-column: 1/3;
}
.grid-item-worries:nth-child(3) {
	grid-row: 3/5;
	grid-column: 1/3;
}
.grid-item-worries:nth-child(4) {
	grid-row: 1/3;
	grid-column: 4/6;
}
.grid-item-worries:nth-child(5) {
	grid-row: 3/5;
	grid-column: 4/6;
}
/* 悩みグリッド */
/* 悩みサークル */
.worry-circle {
	height: 300px;
	width: 300px;
	padding-top: 200px;
	color: white;
	text-shadow: 2px 2px 3px black;
	border: solid 2px #c9a746;
	border-radius: 9999px;
	background-image: url(image/woman-1.png);
	background-position: center center;
	background-repeat : no-repeat;
}
/* 悩みサークル */
/* /right-このようなお悩みはありませんか？ */


/* left-提携病院のご紹介 */
.f-120-0 {padding: 120px 0px;}
@media screen and (max-width: 1200px) {
    .f-120-0 {padding: 0px 0px;}
}
/* リストマークを非表示 */
.sample-list {
	list-style: none;
	padding: 0px;
}
/* /left-提携病院のご紹介 */

/* 無料相談 */
.grid-box-free {
	display: grid;
	grid-template-rows: 50px 50px 100px 200px auto 50px 150px auto;
	grid-template-columns: 100px 300px 100px 200px 1fr 200px 100px 100px;
}
@media screen and (max-width: 1200px) {
.grid-box-free {
	display:block;
}
}
.grid-item-free:nth-child(1) {
	grid-row: 2/4;
	grid-column: 1/8;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
	border-top-right-radius: 30px;
}
.grid-item-free:nth-child(2) {
	grid-row: 1/4;
	grid-column: 6/7;
}
.grid-item-free:nth-child(3) {
	grid-row: 2/4;
	grid-column: 3/6;
}
.grid-item-free:nth-child(4) {
	grid-row: 4/6;
	grid-column: 3/8;
}
.grid-item-free:nth-child(5) {
	grid-row: 3/5;
	grid-column: 2/3;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
}
.grid-item-free:nth-child(6) {
	grid-row: 5/9;
	grid-column: 2/3;
    display: grid;place-items: center;background-image: url(image/bg-flow.png);background-repeat : repeat-y;background-position : center center;
}
.grid-item-free:nth-child(7) {
	grid-row: 7/8;
	grid-column: 3/9;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
    border-top-left-radius: 30px;
}
@media screen and (max-width: 1200px) {
.grid-item-free:nth-child(7) {
	grid-row: 7/8;
	grid-column: 3/9;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
}
}
.grid-item-free:nth-child(8) {
	grid-row: 6/8;
	grid-column: 4/5;
}
.grid-item-free:nth-child(9) {
	grid-row: 7/8;
	grid-column: 5/8;
}
.grid-item-free:nth-child(10) {
	grid-row: 8/9;
	grid-column: 3/8;
}
.font-shadow {
    color: white;
    text-shadow: 2px 2px 3px #808080;
}
/* /無料相談 */

/* left-口コミ */
.p-50-0 {padding: 50px 0px;}
@media screen and (max-width: 1200px) {
.p-50-0 {padding: 0px 0px;}
}
/* コメントボックス */
.comment-box {
	margin: 0 auto;
	max-width : 900px;
	background-color: white;
	border-radius: 10px;
}
/* コメントボックス */
/* 引用符 */
.label-icon-quotation {
	position: relative;
}
.label-icon-quotation::before {
	position: absolute;
	content: url(image/icon-quotation-up.svg);
	left: -10px;
	top: 0px;
}
.label-icon-quotation::after {
	position: absolute;
	content: url(image/icon-quotation-down.svg);
	right: -10px;
	bottom: 0px;
}
/* 引用符 */
/* スライダーグリッド */
.grid-box-slider {
	display: grid;
	grid-template-rows: 100px 1fr;
	grid-template-columns: 1fr;
}
.grid-item-slider:nth-child(1) {
	grid-row: 1/3;
	grid-column: 1/2;
}
.grid-item-slider:nth-child(2) {
	grid-row: 2/3;
	grid-column: 1/2;
	z-index: 1;
}
/* スライダーグリッド */
/*ナースサークル */
.nurse-circle {
	height: 300px;
	width: 300px;
	padding-top: 150px;
	font-size: 2rem;
	color: white;
	text-shadow: 2px 2px 3px black;
	border: solid 2px #c9a746;
	border-radius: 9999px;
	background-image: url(image/nurse-l.png);
	background-position: center center;
	background-repeat : no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
}
/* ナースサークル */
/* /left-口コミ */


/* フッター */
.grid-box-footer {
	display: grid;
	grid-template-rows: 50px 265px 50px 1fr 50px;
	grid-template-columns: 80px 20px 1fr 1fr 20px 80px;
}
@media screen and (max-width: 992px) {
.grid-box-footer {
	display:block;
}
}
.grid-item-footer:nth-child(1) {
	grid-row: 1/6;
	grid-column: 1/5;
	background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);
	border-top-right-radius: 30px;
}
.grid-item-footer:nth-child(2) {
	grid-row: 2/4;
	grid-column: 2/6;
}
.grid-item-footer:nth-child(3) {
	grid-row: 3/5;
	grid-column: 3/4;
	z-index: 1;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
}
.grid-item-footer:nth-child(4) {
	grid-row: 4/5;
	grid-column: 4/5;
}
@media screen and (max-width: 576px) {
.bg-silver-m-on {background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);}
}
.grid-item-footer:nth-child(5) {
	grid-row: 1/6;
	grid-column: 5/7;
}

ul {list-style: none;}
a {color: black;}
/* フッター */

/* ツールチップ */
.cp_tooltip{
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext{
	position: absolute;
	z-index: 1;
	bottom: 110%;
	left: -60px;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.cp_tooltip .cp_tooltiptext::after{
	position: absolute;
	top: 100%;
	left: 52%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #da3c41;
}
.cp_tooltip:hover .cp_tooltiptext{
	visibility: visible;
	opacity: 1;
}
/* ツールチップ */




.bg-gold {background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);}
.bg-silver {background: linear-gradient(125deg, #bbc2ca 0%, #f2f3f5 50%, #bbc2ca 100%);}


/* クリックしたら波紋が広がるボタン2 */
.button-2 {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display:inline-block;
	background: linear-gradient(125deg, #c9a746 0%, #f5ed7d 50%, #c9a746 100%);
	color: #fff;
	text-shadow: 2px 2px 3px black;
	font-size: 1.3rem;
	width: 150px;
	padding: 10px 20px;
	border: solid 2px white;
	border-radius: 9999px;
	outline: none;
}
.button-2::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform 0.3s, opacity 1s;
}
/*クリックされたあとの形状の設定*/
.button-2:active::after {
	transform: scale(0, 0);
	transition: 0s;
	opacity: 0.3;
}
.button-2:hover {
	text-decoration: none;
	color : #ffffff;
}
/* クリックしたら波紋が広がるボタン2 */

/* mailのラジオボタンの枠 */
.label-hover{
	padding-top : 7px;
	padding-bottom : 7px;
	width : 100%;
	border: 1px solid silver;
	border-radius: 5px;
	background-color: #ffffff;
	text-align : center;
	color: #808080;
}
input[type="radio"]{
	display: none;
}
input[type="radio"]:checked + label{
	background: #dcdcdc;
	color: #c0c0c0; 
}
/* mailのラジオボタンの枠 */