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

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP%7CParisienne&display=swap');


html {
    font-size:min(0.694vw,62.5%);/*画面幅1440px以上で基本文字サイズ10pxに固定*/
    scroll-behavior: smooth;
}

:root {
  --base-color: #f8f9fa;
  --main-color: #e2a2b1;
  --content-color: #555;
  --accent-color: #1B85FB;
}

body{
    background:var(--base-color);
    font-family: 'Noto Serif JP', serif;
    font-size: 1.4rem;/* 14px */
	color: var(--content-color);
	/*font-size:1rem;*/
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
    letter-spacing: 0.2em;
}

a {
	text-decoration: none;
	color: var(--content-color);
}

section {
	margin: 20rem 0;
}


/*===============================

共通部品

================================*/

.margin-lv2 {
  margin: 5rem 0;
}

.margin-lv3 {
  margin: 2rem 0 5rem 0;
}

.margin-lv4 {
  margin: 1.5rem 1rem 3rem;
}



.mt10 {
  margin-top: 1rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt100 {
  margin-top: 10rem !important;
}

.mt200 {
  margin-top: 20rem !important;
}


.mb2 {
  margin-bottom: 2rem;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}


.mb100 {
  margin-bottom: 10rem !important;
}

/* nav */







#container {
	background:var(--base-color);
}

/* topabput */
.topAbout__inner {
	display: flex;
	justify-content: center;
	width: 128rem;
	margin: 0 auto;
	padding-top: 20rem;
	h2 {
		margin-bottom: 2rem;
		font-size: 2rem;
	}
	figure {
		width: 40rem;
		height: auto;
		margin-left: 20rem;
	}
}

/**/

.title__eng-pink {
	font-family: 'Parisienne', cursive;
	font-size: 4rem;
    text-align: center;
    margin: 0 0 50px 0;
    font-weight: normal;
    color: #e2a2b1;
}

/* menu */
.card {
	list-style: none;
	width: 108rem;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding: 0;
	li {
		width: 28%;
		background: #fff;
		padding-bottom: 3rem;
		filter: drop-shadow(.5rem .5rem .3rem rgba(214, 214, 214, 0.7));

	}
	h4 {
		margin: .5rem 1rem;
		font-weight: normal;
	}
}

/* バナー */
.banner__area {
	display: flex;
	justify-content: space-between;
	list-style: none;
	width: 108rem;
	margin: 0 auto 10rem auto;
	padding: 0;
	li {
		width: 48%;
	}
}

.online {
	width: 50rem;
	margin: 2rem auto;
}

/* 装飾 */
.center {
	text-align: center;
}
.shaddow {
  filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}

.shaddow-white {
  filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.932));
}

/* contactBox */
.ContactBox__inner {
	width: 128rem;
	margin: 20rem auto;
	display: flex;
	justify-content: space-around;
	align-items: center;

	h2 {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 1rem;
	}
	p {
		text-align: center;
		font-size: 1.4rem;
	}

	span {
		display: block;
	}

	figure {
		width: 70%;
	}
}

/* トップニュース */
#newsWrap {
	width: 108rem;
	margin: 2rem auto;
}

#newsList {
	list-style: none;
	padding-left: 0;
	li {
		border-bottom: 1px solid #ccc;
		padding: 3rem 0;
	}
}

.up_ymd {
	color: #e2a2b1;
}

.title-box {
	font-size: 1.6rem;
	margin-top: 2rem;
}
/* フッター */

footer {
	border-top: 1px solid #ccc;
	margin-top: 20rem;
	padding: 10rem 0 0 0;
}

.footerInner {
	width: 108rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;

	h2 {
	font-family: 'Parisienne', cursive;
	font-size: 5rem;
    text-align: center;
    margin: 0 0 50px 0;
    font-weight: normal;
    color: var(--content-color);
	margin: 0;
	}
	p {
		font-size: 1.4rem;
	}

	ul {
		display: flex;
		list-style: none;
		}

	li {
		margin: 0 2rem;
	}
}

.copyright {
	text-align: center;
	padding: 2rem 0;
}

/* ---------- メニュー ---------- */

.menu {
	margin: 8rem 0;
	h3 {
		color: var(--main-color);
	}
}

.menu__img {
	background: url("../images/rose02.jpg") no-repeat center;/*背景画像の設定※オリジナルの画像に設定してください*/
	background-size:cover;
	transform-origin:center;/*変化する基点を中心からに設定*/
	height: 20rem;
}

.menu__item {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding: 4rem 0;
}

.subTitle {
	display: block;
	margin: 1.5rem 0 3rem 0;
	font-size: 1.2rem;
	color: var(--main-color);
}

/* ---------- コンタクトフォーム ---------- */

.contact__img {
	background: url("../images/cosme01.jpg") no-repeat center;/*背景画像の設定※オリジナルの画像に設定してください*/
	background-size:cover;
	transform-origin:center;/*変化する基点を中心からに設定*/
	height: 20rem;
}

.contact__wap {
    max-width: 700px;
    margin: 1rem auto;
}


.contact_form {
    
    dt {
        color:#e2a2b1;
        margin-bottom: 1rem;
    }
    dd {
        width: 100%;
        margin-bottom: 2rem;
        input,
        textarea {
            width: 100%;
            background-color: #fff;
            padding: 1rem 2rem;
            border-radius: 10px;
			border: none;
        }
    }

    .required {
        color: #fff;
        background-color: #e2a2b1;
        padding: .2rem .5rem;
        border-radius: 5px;
        font-size: 12px;
        font-weight: bold;
        margin-left: .5rem;
    }

    .radioBtm {
        input {
            display: inline-block;
            width: auto;
            margin-right: .5rem;
        }
        label {
            margin-right: 2rem;
        }
    }
}

 .send__btm {
	input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 4rem;
    color: #fff;
    background-color: #e2a2b1;
    margin: 2rem auto;
    font-weight: bold;
    border-radius: 10px;
	border: none;
    }
}

/* DNAパーソナルプラン */

.dna__title {
	text-align: center;
	font-size: 4rem;
	padding: 3rem 0;
}

.dna01 {
	background-color: #EFF8F9;
}

.dna__kekka {
	background: url(../images/diet06.jpg) no-repeat center;
}