@charset "utf-8";

/* --- 共通 ---------- */




/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	.beauty .main-title{
		background: url("../images-sp/beauty/beauty-bk.jpg") center top no-repeat;
		background-size: cover;
	}

	.beauty .mframe-common-body h2{
		text-align: center;
		font-size: 110%;
		letter-spacing: 1px;
	}

	.beauty .mframe-common-body h2 span{
		position: relative;
		display: inline-block;
		letter-spacing: 0px;
	}

/*
	.beauty .mframe-common-body h2 span:before{
		content:"";
		background: #000;
		height: 1px;
		width: 5%;
		position: absolute;
		left: 101%;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.beauty .mframe-common-body h2 span:after{
		content:"";
		background: #000;
		height: 1px;
		width: 5%;
		position: absolute;
		right: 101%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
*/

	.beauty .mframe-common-body .lead{
		font-size: 80%;
		letter-spacing: 0;
		margin-bottom: 20px;
	}

	.beauty01 .beauty01-body .left{
		max-width: 447px;
		width: 90%;
		margin: 0 auto 20px;
	}

	.beauty01 .beauty01-body .right .inner{
		border-top: 1px solid #eee;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		padding: 15px 5px 10px 10px;
		box-sizing: border-box;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.beauty01 .beauty01-body .right .inner .ir-box{
		width: 100px;
	}

	.beauty01 .beauty01-body .right .inner .txt-box{
		width: calc(100% - 110px);
	}

	.beauty01 .beauty01-body .right .inner .txt-box h3{
		color: var(--accent-col01);
		margin: 0;
		font-size: 110%;
	}

	.beauty01 .beauty01-body .right .inner .txt-box p{
		font-size: 90%;
		letter-spacing: 0;
		margin-top: 7px;
		line-height: 1.5;
	}

	.beauty01 .beauty01-body .right .inner:last-child{
		border-bottom: 1px solid #eee;
	}

	.beauty .link-bnr{
		max-width: 680px;
		width: 100%;
		margin: 20px auto;
	}

	.beauty .beauty-main-img{
		margin-bottom: 20px;
	}

	.beauty02 .beauty02-body .inner,
	.beauty03 .beauty03-body .inner,
	.beauty04 .beauty04-body .inner,
	.beauty05 .beauty05-body .inner{
		border-top: 1px solid #eee;
		padding: 15px;
	}

	.beauty02 .beauty02-body .inner:last-child,
	.beauty03 .beauty03-body .inner:last-child,
	.beauty04 .beauty04-body .inner:last-child,
	.beauty05 .beauty05-body .inner:last-child{
		border-bottom: 1px solid #eee;
	}

	.beauty02 .beauty02-body .inner .ir-box{
		max-width: 200px;
		width: 100%;
		margin: 0 auto;
	}

	.beauty03 .beauty03-body .inner .ir-box{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}

	.beauty02 .beauty02-body .inner .txt-box h3,
	.beauty03 .beauty03-body .inner .txt-box h3,
	.beauty04 .beauty04-body .inner .txt-box h3{
		margin: 0;
		color: var(--accent-col01);
		text-align: center;
	}

	.beauty02 .beauty02-body .inner .txt-box p,
	.beauty03 .beauty03-body .inner .txt-box p,
	.beauty04 .beauty04-body .inner .txt-box p{
		font-size: 90%;
		margin: 10px 0 0;
		letter-spacing: 0;
		line-height: 1.6;
	}


	.beauty04 .beauty04-body .inner .ir-box{
		width: 220px;
		margin: 0 auto;
	}

	.beauty04 .beauty04-body .inner .txt-box .second-txt{
		margin-top: 20px;
	}

	.beauty04 .beauty04-body .inner .ir-box{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10px 0;
	}

	.beauty04 .btn03{
		max-width: 350px;
		width: 90%;
		margin: 20px auto;
	}

	.beauty05 .beauty05-body .inner{
		border-top: 1px solid #eee;
		padding: 15px 10px;
	}

	.beauty05 .beauty05-body .inner h3{
		margin: 0;
		color: var(--accent-col01);
	}

	.beauty05 .beauty05-body .inner p{
		font-size: 90%;
		margin: 5px 0 0;
		letter-spacing: 0;
		line-height: 1.5;
	}

	.beauty05 .beauty05-body .inner.img-wrap .img-box{
		max-width: 226px;
		width: 100%;
		margin: 10px auto;
	}

}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {

	.beauty.mframe-common .menu-list ul li{
		width: calc(100% / 5);
	}

	.beauty.mframe-common .contents-bk .mframe-common-body{
		padding: 50px;
	}

	.beauty .main-title{
		background: url("../images/beauty/beauty-bk.jpg") center top no-repeat;
		background-size: cover;
	}

	.beauty .mframe-common-body h2{
		text-align: center;
		font-size: 130%;
		letter-spacing: 1px;
	}

	.beauty .mframe-common-body h2 span{
		position: relative;
	}

	.beauty .mframe-common-body h2 span:before{
		content:"";
		background: #000;
		height: 1px;
		width: 60px;
		position: absolute;
		left: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.beauty .mframe-common-body h2 span:after{
		content:"";
		background: #000;
		height: 1px;
		width: 60px;
		position: absolute;
		right: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.beauty .mframe-common-body .lead{
		font-size: 90%;
		text-align: center;
		letter-spacing: 0;
		margin-bottom: 40px;
	}

	.beauty01 .beauty01-body{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
	}

	.beauty01 .beauty01-body .left{
		width: 40%;
		margin-right: 2.7%;
	}

	.beauty01 .beauty01-body .right{
		width: 57.3%;
	}

	.beauty01 .beauty01-body .right .inner{
		border-top: 1px solid #eee;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		padding: 25px 10px 15px 20px;
		box-sizing: border-box;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.beauty01 .beauty01-body .right .inner .ir-box{
		width: 130px;
	}

	.beauty01 .beauty01-body .right .inner .txt-box{
		width: calc(100% - 150px);
	}

	.beauty01 .beauty01-body .right .inner .txt-box h3{
		color: var(--accent-col01);
		margin: 0;
		font-size: 125%;
	}

	.beauty01 .beauty01-body .right .inner .txt-box p{
		font-size: 90%;
		letter-spacing: 0;
	}

	.beauty01 .beauty01-body .right .inner:last-child{
		border-bottom: 1px solid #eee;
	}

	.beauty .link-bnr{
		max-width: 680px;
		width: 100%;
		margin: 40px auto;
	}

	.beauty .beauty-main-img{
		margin-bottom: 40px;
	}

	.beauty02 .beauty02-body .inner,
	.beauty03 .beauty03-body .inner,
	.beauty04 .beauty04-body .inner{
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		border-top: 1px solid #eee;
		padding: 15px;
	}

	.beauty02 .beauty02-body .inner:last-child,
	.beauty03 .beauty03-body .inner:last-child,
	.beauty04 .beauty04-body .inner:last-child,
	.beauty05 .beauty05-body .inner:last-child{
		border-bottom: 1px solid #eee;
	}

	.beauty02 .beauty02-body .inner .ir-box{
		width: 200px;
	}

	.beauty02 .beauty02-body .inner .txt-box{
		width: calc(100% - 250px);
	}

	.beauty02 .beauty02-body .inner .txt-box h3,
	.beauty03 .beauty03-body .inner .txt-box h3,
	.beauty04 .beauty04-body .inner .txt-box h3{
		margin: 0;
		color: var(--accent-col01);
	}

	.beauty02 .beauty02-body .inner .txt-box p,
	.beauty03 .beauty03-body .inner .txt-box p,
	.beauty04 .beauty04-body .inner .txt-box p{
		font-size: 90%;
		margin: 10px 0 0;
		letter-spacing: 0;
	}

	.beauty03 .beauty03-body .inner .ir-box{
		width: 300px;
	}

	.beauty03 .beauty03-body .inner .txt-box{
		width: calc(100% - 320px);
	}

	.beauty04 .beauty04-body .inner .ir-box{
		width: 220px;
	}

	.beauty04 .beauty04-body .inner .txt-box{
		width: calc(100% - 240px);
	}

	.beauty04 .beauty04-body .inner .txt-box .second-txt{
		margin-top: 40px;
	}

	.beauty04 .beauty04-body .inner .ir-box{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10px 0;
	}

	.beauty04 .btn03{
		max-width: 350px;
		width: 90%;
		margin: 40px auto;
	}

	.beauty05 .beauty05-body .inner{
		border-top: 1px solid #eee;
		padding: 30px 15px 15px 15px;
	}

	.beauty05 .beauty05-body .inner h3{
		margin: 0;
		color: var(--accent-col01);
	}

	.beauty05 .beauty05-body .inner p{
		font-size: 90%;
		margin: 10px 0 0;
		letter-spacing: 0;
	}

	.beauty05 .beauty05-body .inner.img-wrap{
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.beauty05 .beauty05-body .inner.img-wrap .img-box{
		width: 226px;
	}

	.beauty05 .beauty05-body .inner.img-wrap .txt-box{
		width: calc(100% - 250px);
	}
}


@media print, screen and (min-width: 1101px) and (max-width: 1260px){

}


@media print, screen and (min-width: 881px) and (max-width: 1100px){
	.beauty01 .beauty01-body .right .inner{
		padding: 15px 10px 15px 10px;
	}

	.beauty01 .beauty01-body .right .inner .ir-box{
		width: 110px;
	}

	.beauty01 .beauty01-body .right .inner .txt-box{
		width:calc(100% - 130px);
	}

	.beauty01 .beauty01-body .right .inner .txt-box h3{
		font-size: 115%;
	}

	.beauty01 .beauty01-body .right .inner .txt-box p{
		margin-top: 10px;
	}

	.beauty03 .beauty03-body .inner .irt-box{
		width: 250px;
	}

	.beauty03 .beauty03-body .inner .txt-box{
		width: calc(100% - 270px);
	}

	.beauty04 .beauty04-body .inner .txt-box .second-txt{
		margin-top: 25px;
	}
}

@media print, screen and (min-width: 741px) and (max-width: 880px) {

	.beauty01 .beauty01-body{
		display: block;
	}

	.beauty01 .beauty01-body .left{
		max-width: 447px;
		width: 100%;
		margin: 0 auto 20px;
	}

	.beauty01 .beauty01-body .right{
		width: 100%;
	}

	.beauty02 .beauty02-body .inner .txt-box{
		width: calc(100% - 220px);
	}

	.beauty02 .beauty02-body .inner .txt-box p,
	.beauty03 .beauty03-body .inner .txt-box p,
	.beauty04 .beauty04-body .inner .txt-box p{
		margin-top: 5px;
		line-height: 1.6;
	}

	.beauty03 .beauty03-body .inner .irt-box{
		width: 220px;
	}

	.beauty03 .beauty03-body .inner .txt-box{
		width: calc(100% - 240px);
	}

	.beauty04 .beauty04-body .inner .txt-box .second-txt{
		margin-top: 15px;
	}
}

@media print, screen and (min-width: 471px) and (max-width: 740px) {
}

@media print, screen and (max-width: 430px) {
}