/* reset */
html, body, div, span, p, a, img, ul, li, section {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
html { scroll-behavior: smooth;}
ul {
	list-style: none;
}
.container {
	width: 100% !important;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
a:link {
	color: #333;
}
a:hover {
	text-decoration: none;
}

/* FS_page_init */
#header {
	/*はじめの高さを設定*/
	height: 7vw;
	width: 100%;
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
	position: fixed;
	z-index: 999;
	/*最前面へ*/
	height: 0px;
	animation: DownAnime 0.5s forwards;
	margin-top: -7vw !important;
}

@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-14vw);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.data-info {
    display: none;
}
.data-info.activate {
    display: block;
}

/* page_top */
footer #pageTop {
	display: none;
}
@media screen and (max-width: 767px) {
	#pageTop {
		width: 26.167%;
		position: fixed;
		bottom: 1vw;
		right: 0;
		z-index: 8000;
		position: relative;
		width: 44vw;
		margin-inline: auto;
		margin-top: 8vw;
	}
	#pageTop a {
		display: block;
		word-wrap: 100%;
	}
}
@media screen and (min-width: 768px) {
	#pageTop {
		width: 13%;
		position: fixed;
		bottom: 4vw;
		right: 0;
		z-index: 8000;
	}
	#pageTop a {
		display: block;
		word-wrap: 100%;
	}
}

/* アコーディオン */
.accordion {
	position: relative;
}

.accordion__ttl {
	cursor: pointer;
}

.accordion__ttl.is-active {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.accordion__cnt {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: 0.2s ease height;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.accordion__ttl.is-active {
		top: initial;
		bottom: 0;
		width: 100%;
		height: 10vw;
	}
	.accordion__ttl.is-active img {
		height: 10vw;
	}
}

/* */
.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.container, .col-sm-1, .col-sm-10, .col-sm-12, .col-sm-2, .col-sm-8, .col-sm-6, .col-sm-4 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.container {
	width: 100% !important;
}

main{
	margin-top:0vw !important;
}
img {
	width:100%;
	height:auto;
}
.br_clear{
	clear:both;
}

.ev_hc_bg {
	background-image: url('img/page/headcare/bg.jpg');
	background-repeat: repeat;
	background-size: 100%;
	background-position: top center;
	padding: 0vw 0vw;
}
.ev_hc_ttl{
	padding:0vw;
	line-height:0;
}
.ev_hc_kv{
	padding:0vw;
	line-height:0;
}
.ev_hc_c1{
	position: relative;
	top: -6vw;
	padding: 0vw 3vw 5vw;
}
.ev_hc_c2{
	position:relative;
	margin-bottom: 9vw;
}
.ev_hc_c2_2{
	position:absolute;
	bottom:12vw;
	width: 100%;
}
.ev_hc_c2_2a {
	position: absolute;
	/*  background: rgba(130,151,223,0.48); */
	/*height: 9vw;
	width: 9vw;
	left: 14.6vw;
	bottom: 0vw;*/
	height: 54vw;
	width: 29%;
	left: 5% !important;
	bottom: 0vw;
}
.ev_hc_c2_2b {
	position: absolute;
	/*  background: rgba(130,151,223,0.48); */
	/* height: 9vw;
	left: -1vw;
	width: 9vw; */
	height: 54vw;
	width: 29%;
	margin: 0 auto;
	right: 0vw;
	left: 0%;
	bottom: 0vw;
}
.ev_hc_c2_2c {
	position: absolute;
	/*  background: rgba(130,151,223,0.48); */
	/* height: 9vw;
	width: 9vw;
	right: 15.6vw; */
	bottom: 0vw;
	height: 54vw;
	width: 29%;
	right: 5.5% !important;
}
.ev_hc_c_ttl{
	padding: 2vw 0vw 5vw;
}
.ev_hc_c_1{
	padding: 3vw 6vw 0vw;
	margin-bottom: 6vw;
	position: relative;
}
.ev_hc_c_2{
	padding: 3vw 6vw 0vw;
	margin-bottom: 15vw;
	position: relative;
}
.ev_hc_c_link a{
	position: absolute;
	margin: 0 auto;
	width: 80vw;
	height: 8vw;
	left: 0;
	right: 0;
	bottom: 9vw;
	/*	background: #ff330075; */
}
.ev_hc_c6{
	padding:13vw 5vw;
}

@media screen and (min-width: 768px) {
	.ev_hc_c1 {
		top: -1.6vw;
		padding: 0vw 1vw 2vw;
	}
	.ev_hc_c2 {
		margin-bottom: 3vw;
	}
	.ev_hc_c2_2 {
		bottom: 4vw;
	}
	.ev_hc_c2_2a {
/*		height: 3.2vw;
		width: 3.2vw;*/
		height: 17.5vw;
		width: 29%;
		left: 4.75vw;
	}
	.ev_hc_c2_2b {
		height: 17.5vw;
		width: 29%;
		left: -0.5%;
/*		height: 3.2vw;
		width: 3.2vw;
		left: -0.4vw; */
	}
	.ev_hc_c2_2c {
/*		height: 3.2vw;
		width: 3.2vw;*/
		right: 5.15vw;
		height: 17.5vw;
		width: 29%;
	}
	.ev_hc_c_ttl {
		padding: 2vw 0vw 2vw;
	}
	.ev_hc_c_1 {
		padding: 0vw 2vw 0vw;
		margin-bottom: 3vw;
	}
	.ev_hc_c_link a {
		width: 26.5vw;
		height: 2.7vw;
		bottom: 3vw;
	}
	.ev_hc_c_2 {
		padding: 0vw 2vw 0vw;
		margin-bottom: 3vw;
	}
	.ev_hc_c6 {
		padding: 3vw 2vw;
	}
}


/* 25/6/9 event head care
=============================*/
@media screen and (min-width: 768px) {
    .ev_hc_c_1 .ev_hc_c_link a {
        bottom: 5.3vw;
    }
    .ev_hc_c_2 .ev_hc_c_link a {
        bottom: 3.2vw;
    }
    .ev_hc_c_3 {
        padding: 0 2vw 2vw;
    }
    .ev_hc_c_3 .ev_hc_c_link a {
        bottom: 8.5vw;
    }
}
@media screen and (max-width:767px){
    .ev_hc_c2_2a{
        left: 15vw;
    }
    .ev_hc_c2_2c{
        right: 16.5vw;
    }
    .ev_hc_c_1 .ev_hc_c_link a {
        bottom: 15.6vw;
    }
    .ev_hc_c_2{
        margin-bottom: 5vw;
    }
    .ev_hc_c_2 .ev_hc_c_link a {
        bottom: 9.3vw;
    }
    .ev_hc_c_3{
        padding: 3vw 6vw 6vw;
    }
    .ev_hc_c_3 .ev_hc_c_link a {
        bottom: 25vw;
    }
}