@CHARSET "UTF-8";

/*laptop*/
@media ( max-width :1439px) {
	/* max-width:1439px */
	#wrapper {

	}
	.container {
		padding-left: 2%;
		padding-right: 2%;
	}
	.row {
		padding-left: -2%;
		padding-right: -2%;
	}
	.fix-right {
		padding: 0 5px;
	}
	.page-index .tokucho .card-list .item .head {
		font-size: 2.1rem;
		min-height: 76px;
	}
}

/*tablet*/
@media ( max-width :1023px) {
}

@media ( max-width :768px) {
	.link-target {

	}
	.container {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		min-width: 320px;
		width: 100%;
	}
	#footer {
		padding-bottom: 150px;
		font-size: 1.5rem;
	}
	#main {
		width: 100%;
	}
	.section {
		padding: 2rem 1rem;
	}

	/* title */
	.contents-title1 {
		flex-wrap: wrap;
		padding: 0 1rem;
	}
	.contents-title1 .text2 {
		margin-top: 5px;
	}
	.contents-title2 .text2 {
		margin-top: 5px;
	}
	.contents-title2 {
		background-size: contain;
	}
	.contents-title3 .text2 {

	}
	.influencer-title {
		padding: 3rem 0;
		background-size: contain;
	}
	.influencer-title .flex {
		flex-wrap: wrap;
	}
	.influencer-title .text1, .influencer-title .text2 {
		margin-left: 0;
		margin-right: 0;
	}

	/* page-head*/
	.page-index .page-head {
		padding: 1rem;
		height: auto;
		max-height: 100%;
	}
	.page-index .page-head .image-list {
		padding: 0;
		margin: 0;
	}
	.page-index .page-head .button-wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0;
		padding: 1rem;
	}
	.page-index .page-head .button-salon {
		width: auto;
		height: auto;
		padding: 1rem 2rem;
		font-size: 2rem;
	}
	.page-index .headerslider .slick-dots {
		display: none !important;
	}

	/* about*/
	.page-index .about .tokucho-bg {
		height: auto;
	}
	.page-index .about .tokucho-bg::after {
		left: auto;
		right: 0;
	}
	.page-index .about .tokucho-list {
		width: 100%;
		justify-content: center;
		position: relative;
		z-index: 1;
	}
	.page-index .about .tokucho-list .item {
		width: 33%;
	}
	.page-index .about .promise-bg .body {
		margin: 0;
		padding: 3rem 0;
	}
	.page-index .about .promise-bg .promise-list {
		justify-content: flex-end;
	}
	.page-index .about .promise-bg .promise-list .item {
		width: calc(100%/ 3 - 1%);
		margin: 0 0.5% 15px;
	}
	.page-index .about .promise-bg .promise-list .item .text {
		font-size: 1.8rem;
	}
	.page-index .about .promise-bg::before {
		width: 50%;
		left: 0;
		bottom: 0;
	}
	.page-index .about .promise-bg .promise-text {
		display: flex;
		justify-content: flex-end;
		padding-right: 2rem;
	}
	.page-index .about .reservation .line-bg {
		display: block;
	}
	.page-index .about .reservation .line .label-list {
		display: block;
	}
	.page-index .about .reservation .line .label-list .label {
		text-align: center;
		font-size: 3em;
		margin-bottom: 5px;
	}
	.page-index .about .reservation .line .image {
		margin: 30px auto;
		text-align: center;
	}
	.page-index .about .reservation .line .image img {
		width: 80%;
		max-width: 100%;
	}
	.page-index .about .influencer .influencer-list .item .detail {
		font-size: 2em;
	}
	.page-index .removal .kaisu .table th, .page-index .removal .kaisu .table td {
		padding: 1rem 0.5rem;
	}

	/* removal */
	.page-index .content1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 2rem 1rem;
	}
	.page-index .content1 .body .detail1 {
		font-size: 2.4em;
	}

	/*
	.page-index .content2 .item-list{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content:center;
	}*/
	.page-index .content2 .item-list {
		flex-wrap: wrap;
	}
	.page-index .content2 .item-list .item {
		margin-bottom: 15px;
	}

	/* plan */
	.page-index .plan {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-index .plan .body, .page-index .plan .image {
		width: 100%;
	}
	.page-index .plan .body .detail {
		font-size: 2.4em;
	}
	.page-index .removal .advantage .advantage-list .item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-index .removal .advantage .advantage-list .item .body .title {
		margin-bottom: 10px;
	}
	.page-index .removal .advantage .advantage-list .item .body .detail {
		font-size: 2.4em;
	}
	.page-index .merit .text1 {
		font-size: 2.4em;
	}
	.page-index .merit .merit-list .item .detail {
		font-size: 2.4em;
		line-height: 1.4;
		padding: 1rem 1rem;
	}

	/* flow */
	.flow .contents-title2 {
		padding-right: 0;
	}
	.page-index .flow .flow-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-index .flow .flow-list .item {
		width: 80%;
		max-width: 100%;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.page-index .flow .flow-list .item .image {

	}
	.page-index .flow .flow-list .item .image img {
		width: 100%;
	}
	.page-index .flow-list .arrow {
		height: auto;
		width: 100%;
		margin: 0;
		padding: 15px 0 0;
	}
	.page-index .flow .flow-list .arrow img {
		transform: rotate(90deg);
		padding: 15px;
	}
	.page-index .flow-list li.arrow:last-child {
		display: block;
	}
	.page-index .flow-list2 li.arrow:last-child {
		display: none;
	}
	.page-index .content2 {
		padding: 6rem 2rem 3rem;
	}
	.page-index .whitening .technology-list .item {
		text-align: left;
	}
	.page-index .whitening .technology-list .item .body .detail {
		font-size: 2.4em;
	}

	/* liftup*/
	.page-index .liftup .skin .message2 {
		font-size: 2.4em;
	}

	/* course */
	.page-index .course-list .item {
		width: 100%;
		max-width: 100%;
	}
	.page-index .course-list {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.page-index .course-list .item .detail {
		font-size: 2.4em;
	}
	.page-index .salon .salon-list>.item .head {
		padding: 2rem;
	}
	.page-index .salon .salon-list>.item .head>.inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-index .salon .salon-list>.item .head>.inner .salon-title {

	}
	.page-index .salon .salon-list>.item .head>.inner .salon-title .text2 {
		margin-top: 15px;
	}
	.page-index .salon .salon-list>.item .head>.inner .info {
		width: 100%;
		margin-top: 15px;
	}
	.page-index .salon .salon-list>.item .head>.inner .info .address {
		margin-top: 15px;
	}
	.page-index .salon .salon-list>.item .head>.inner .button-toggle {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	.page-index .salon .salon-list>.item>.body {
		padding: 2rem;
	}
	.page-index .salon .salon-list>.item>.body>.content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-index .salon .salon-list>.item .body .detail .detail-list .item {
		padding: 0;
	}
	.page-index .salon .salon-list>.item .body .detail .label .text .text1 {
		font-size: 2.8em;
	}
	.page-index .salon .salon-list>.item .body .detail .label .text .text2 {
		font-size: 2.4em;
	}
	.page-index .salon .salon-list>.item .body .detail .value {
		font-size: 2.4em;
	}
	.page-index .salon .salon-list>.item .body .image {
		padding: 2rem;
	}
	.page-index .staff-list .item {

	}

	/* salon-list2  */
	.page-index .salon .salon-list2 .item .head, .page-index .salon .salon-list2 .item .body {
		padding: 1rem;
	}
	.page-index .salon .salon-list2 .item .salon-title {
		padding: 0;
	}
	.page-index .salon .salon-list2 .item .salon-title .text1 {
		font-size: 24px;
	}
	.page-index .salon .salon-list2 .item .salon-title .text2 {
		font-size: 30px;
	}

	/* page-salon */
	.page-salon .head {
		padding: 1rem 1rem;
	}
	.page-salon .head>.inner .salon-title {

	}
	.page-salon .head>.inner .salon-title .text2 {
		margin-top: 15px;
	}
	.page-salon .head>.inner .info {
		width: 100%;
		margin-top: 15px;
	}
	.page-salon .head>.inner .info .address {
		margin-top: 15px;
	}
	.page-salon .body {

	}
	.page-salon .body>.content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-salon .body .detail .detail-list>.item {
		padding: 0;
	}
	.page-salon .body .detail .label .text .text1 {
		font-size: 2.8em;
	}
	.page-salon .body .detail .label .text .text2 {
		font-size: 2.4em;
	}
	.page-salon .body .detail .value {
		font-size: 2.4em;
	}
	.page-salon .contact .contact-title {
	    font-size: 2.2em;
	}
	.page-salon .contact .contact-list>.item {
		font-size: 1.8em;
	}
	.page-salon .contact .text {
		font-size: 1.8em;
	}
	.page-salon .body .image-area {
		width: 100%;
	}
	.page-salon .body .image {
		padding: 0;
	}
	.page-salon .link-list .item{
	margin-left: auto;
	margin-right: auto;
	}
	.page-salon .staff-list {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.page-salon .staff-list .item {
		padding: 1rem 0.5rem;
		max-width: auto;
	}
	.page-salon .staff-list .item .bg {
		padding: 0.5rem;
	}
	.page-salon .staff-list .item .profile {
		padding-left: 0.5rem;
	}
}

@media ( max-width :424px) { /* max-width:424px */
}

@media ( max-width :374px) { /* max-width:374px */
}