@charset "UTF-8";


/*************************************************
 @CONTENTS - MAIN VISUAL
----------------------------------------------- */

.keyvisual_wrap { 
	position: relative;
	width: 100%;
	margin-bottom: 150px;
	overflow: hidden;
}

.swiper-slide01 { position: relative;}
.swiper-slide01 img { display: block;}
.swiper-slide01 img:nth-child(2) {
	position: absolute;
	top: 15.75vw;
	left: 0;
	right: 0;
	height: 21.75vw;
	width: 52.5vw;
	margin: auto;
	z-index: 2;
}

.ticker_wrap {
	position: relative;
	display: flex;
	width: 58.4885%;
	margin-top: -2.95vw;
	margin-left: auto;
	padding: 1.75vw 0 1.75vw 1.75vw;
	background-color: #3398cc;
	border-radius: 40px 0 0 40px;
	z-index: 2;
}
.ticker_wrap p {
	position: relative;
	font-size: min(1.525vw,0.95rem);
	font-weight: 600;
	color: #ffffff;
	padding-right: 1vw;
	margin-right: 1.25vw;
	width: 14.5%;
}
.ticker_wrap p::before {
	position: absolute;
	top: 16.5%;
	right: 0;
	content: "";
	height: 70%;
	width: 2px;
	background-color: #ffffff;
}
.ticker_wrap .ticker {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.ticker_wrap .ticker::before,
.ticker_wrap .ticker::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.ticker_wrap .ticker::before{
	right: 2.15vw;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.ticker_wrap .ticker::after{
	top: 0.25vw;
	right: 2.725vw;
	width: 12px;
	height: 12px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
}

.ticker_wrap .ticker ul {
	position: relative;
	top: -15px;
	width: 100%;
}
.ticker_wrap .ticker ul li {
	display: none;
	width: 100%;
}
.ticker_wrap .ticker ul li a {
	position: relative;
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #ffffff;
}
.ticker_wrap .ticker ul li a time {
	display: block;
	font-size: min(1.25vw,0.925rem);
	padding-top: 0.1575rem;
}
.ticker_wrap .ticker ul li a .cate {
	display: block;
	padding: 0 0.5rem 0;
	margin:  0 1vw;
	border: 1px solid #ffffff;
	font-size: min(0.975vw,0.825rem);
	line-height: 2;
}
.ticker ul li a .n_title {
	display: block;
	font-size: min(1.25vw,0.925rem);	
}


@media (max-width: 768px) and (min-width: 300px) {
	
	.keyvisual_wrap { 
		position: relative;
		width: 100%;
		margin-top: 55px;
		margin-bottom: 75px;
		overflow: hidden;
	}
	.keyvisual_wrap .keyvisual_inner { margin-bottom: 8.25vw;}
	.swiper-slide01 { position: relative;}
	.swiper-slide01 img { display: block;}
	.swiper-slide01 img:nth-child(4) {
		display: block;
		position: relative;
		top: 63.75vw;
		left: 0;
		right: 0;
		width: 95.75vw;
		margin: auto;
		z-index: 2;
	}
	.ticker_wrap {
		display: block;
		width: 95%;
		margin-top: 0;
		margin-left: auto;
		padding: 1.95vw 0 4.5vw 2vw;
		background-color: #3398cc;
		border-radius: 50px 0 0 50px;
		z-index: 2;
	}
	.ticker_wrap p {
		position: relative;
		left: 3.25vw;
		font-size: min(4.5vw,1rem);
		font-weight: 700;
		color: #1f4e8c;
		letter-spacing: 0.075vw;
		padding-right: 0;
		margin-right: 0;
		width: 100%;
	}
	.ticker_wrap p span {
		font-size: min(2.75vw,1rem);
		font-weight: 700;
		color: #3398cc;
		letter-spacing: 0.075vw;
		padding-left: 1.5vw;
	}
	.ticker_wrap p::before {
		position: absolute;
		top: 37.5%;
		left: 0;
		content: "";
		height: 0;
		width: 0;
		border-radius: 50%;
		background-color: #1f4e8c;
	}
	.ticker_wrap .ticker {
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	.ticker_wrap .ticker::before,
	.ticker_wrap .ticker::after{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.ticker_wrap .ticker::before{
		top: 1.95vw;
		right: 5.25vw;
		box-sizing: border-box;
		width: 25px;
		height: 25px;
		border: 2px solid #ffffff;
		border-radius: 50%;
	}
	.ticker_wrap .ticker::after{
		top: 2.75vw;
		right: 6.825vw;
		width: 12px;
		height: 12px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
	}

	.ticker_wrap .ticker ul {
		position: relative;
		top: 0;
		left: 7.25vw;
		width: 100%;
	}
	.ticker_wrap .ticker ul li {
		display: none;
		width: 100%;
	}
	.ticker_wrap .ticker ul li a {
		position: relative;
		display: block;
		font-weight: 700;
		color: #ffffff;
	}
	.ticker_wrap .ticker ul li a time {
		display: inline-block;
		font-size: min(3.25vw,0.925rem);
		font-weight: 600;
		line-height: 1;
		padding-top: 0;
	}
	.ticker_wrap .ticker ul li a .cate {
		display: inline-block;
		padding: 0 0.5rem 0.05rem;
		margin:  0 1vw;
		border: 1px solid #ffffff;
		font-size: min(2.5vw,0.925rem);
		font-weight: 600;
		line-height: 1.2;
	}
	.ticker ul li a .n_title {
		display: block;
		font-size: min(3.25vw,0.925rem);
		line-height: 1.275;
	}
}


/*************************************************
 @CONTENTS - GRAND MENU LAYOUT
----------------------------------------------- */

#grand_menu::before {
  content: "";
  display: block;
  height: 2vw; /* ずらしたい高さ */
  margin-top: -2vw; /* heightに対するネガティブマージン */
  visibility: hidden;
}

.gramd_menu_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.gramd_menu_wrap .gramd_menu_list { width: 31.0810%}
.gramd_menu_wrap .gramd_menu_list p { 
	font-weight: 500;
	margin-bottom: 15px;
}
.gramd_menu_wrap .gramd_menu_list h3 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: min(3.75vw,1.25rem);
	color: #ffffff;
	line-height: 1;
	background-color: #3398cc;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1.25vw;
	margin-bottom: 20px;
}
.gramd_menu_wrap .gramd_menu_list h3 .en {
	font-size: min(1vw,0.625em);
	font-weight: 600;
}
.gramd_menu_wrap .gramd_menu_list dl { margin-bottom: 30px;}
.gramd_menu_wrap .gramd_menu_list dl dt {
	position: relative;
	font-size: min(1.275vw,1.25rem);
	font-weight: 500;
	line-height: 1;
	padding-left: 1.075vw;
	margin-bottom: 15px;
}
.gramd_menu_wrap .gramd_menu_list dl dt .ja.sm,
.gramd_menu_wrap .gramd_menu_list dl dd .ja.sm{
	font-size: min(1vw,1rem);
	font-weight: 600;
}
.gramd_menu_wrap .gramd_menu_list dl dt::before {
	position: absolute;
	top: 0.45vw;
	left: 0;
	content: "";
	width: 0.775vw;
	height: 0.775vw;
	background-color: #3398cc;
	border-radius: 50%;
}
.gramd_menu_wrap .gramd_menu_list dl dd {
	font-size: min(1.275vw,1.25rem);
	font-weight: 500;
	line-height: 1;
	padding-left: 1.075vw;
}

.salon_link_wrap {
	border: 1px solid #dbd9d9;
	background-color: #f9f9f9;
	text-align: center;
	padding: 2.75vw;
}
.salon_link_wrap p:nth-child(1) {
	font-size: min(1.385vw,1.25rem);
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 1.75vw;
}
.salon_link_wrap p:nth-child(2) {
	width: 28.828%;
	min-width: 320px;
	margin: 0 auto;
}
.salon_link_wrap p:nth-child(2) a {
	position: relative;
	display: block;
	transition: .3s ease-in-out;
}
.salon_link_wrap p:nth-child(2) a::before {
	position: absolute;
	top: 37.5%;
	left: 81.25%;
	content: "";
	width: 13px;
	height: 13px;
	background: #3398cc url("../images/common/arrow.svg") center no-repeat;
	background-size: 100%;
	transition: .3s ease-in-out;
}
.salon_link_wrap p:nth-child(2) a::after {
	position: absolute;
	top: 27.75%;
	left: 79.5%;
	content: "";
	width: 25px;
	height: 25px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	transition: .3s ease-in-out;
}
.salon_link_wrap p:nth-child(2) a:hover::before {
	position: absolute;
	top: 37.5%;
	left: 85.5%;
	content: "";
	width: 13px;
	height: 13px;
	background: #3398cc url("../images/common/arrow.svg") center no-repeat;
	background-size: 100%;
	transition: .3s ease-in-out;
}
.salon_link_wrap p:nth-child(2) a:hover::after {
	position: absolute;
	top: 27.75%;
	left: 83.5%;
	content: "";
	width: 25px;
	height: 25px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	transition: .3s ease-in-out;
}

@media (max-width: 767px) and (min-width: 320px) {
	
	#grand_menu::before {
		content: "";
		display: block;
		height: 22.5vw;
		margin-top: -22.5vw;
		visibility: hidden;
	}
	
	.gramd_menu_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 0;
	}

	.gramd_menu_wrap .gramd_menu_list { 
		width: 100%;
		margin-bottom: 5px;
	}
	.gramd_menu_wrap .gramd_menu_list h3 {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		font-size: min(4.5vw,1.25rem);
		color: #ffffff;
		line-height: 1;
		background-color: #3398cc;
		border-top-left-radius: 15px;
		border-bottom-right-radius: 15px;
		padding: 2.95vw 4vw;
		margin-bottom: 15px;
	}
	.gramd_menu_wrap .gramd_menu_list h3 .en {
		font-size: min(2.75vw,0.725em);
		font-weight: 600;
	}
	.gramd_menu_wrap .gramd_menu_list p { 
		font-weight: 500;
		margin-bottom: 15px;
	}
	.gramd_menu_wrap .gramd_menu_list dl { margin-bottom: 25px;}
	.gramd_menu_wrap .gramd_menu_list dl dt {
		position: relative;
		font-size: min(4.25vw,1.25rem);
		font-weight: 500;
		line-height: 1;
		padding-left: 2.75vw;
		margin-bottom: 10px;
	}
	.gramd_menu_wrap .gramd_menu_list dl dt .ja.sm,
	.gramd_menu_wrap .gramd_menu_list dl dd .ja.sm{
		font-size: min(2.5vw,1.25rem);
		font-weight: 600;
	}
	.gramd_menu_wrap .gramd_menu_list dl dt::before {
		position: absolute;
		top: 1.75vw;
		left: 0;
		content: "";
		width: 1.875vw;
		height: 1.875vw;
		background-color: #3398cc;
		border-radius: 50%;
	}
	.gramd_menu_wrap .gramd_menu_list dl dd {
		font-size: min(4.25vw,1.25rem);
		font-weight: 500;
		line-height: 1;
		padding-left: 2.75vw;
	}
	
	.salon_link_wrap {
		border: 1px solid #dbd9d9;
		background-color: #f9f9f9;
		text-align: center;
		padding: 4.75vw 1.75vw;
	}
	.salon_link_wrap p:nth-child(1) {
		font-size: min(3.75vw,1.25rem);
		font-weight: 600;
		line-height: 1.8;
		margin-bottom: 3.25vw;
	}
	.salon_link_wrap p:nth-child(2) {
		width: 70%;
		min-width: 290px;
		margin: 0 auto;
	}
	.salon_link_wrap p:nth-child(2) a {
		position: relative;
		display: block;
		text-align: left;
		padding-left: 15vw;
		font-size: min(3.75vw,1.25rem);
		transition: .3s ease-in-out;
	}
	.salon_link_wrap p:nth-child(2) a::before {
		position: absolute;
		top: 39.25%;
		left: 81.5%;
		content: "";
		width: 12px;
		height: 12px;
		background: #3398cc url("../images/common/arrow.svg") center no-repeat;
		background-size: 100%;
		transition: .3s ease-in-out;
	}
	.salon_link_wrap p:nth-child(2) a::after {
		position: absolute;
		top: 27.75%;
		left: 79.5%;
		content: "";
		width: 25px;
		height: 25px;
		border: 2px solid #ffffff;
		border-radius: 50%;
		transition: .3s ease-in-out;
	}
	.salon_link_wrap p:nth-child(2) a:hover::before {
		position: absolute;
		top: 37.25%;
		left: 85.25%;
		content: "";
		width: 12px;
		height: 12px;
		background: #3398cc url("../images/common/arrow.svg") center no-repeat;
		background-size: 100%;
		transition: .3s ease-in-out;
	}
	.salon_link_wrap p:nth-child(2) a:hover::after {
		position: absolute;
		top: 27.75%;
		left: 83.5%;
		content: "";
		width: 25px;
		height: 25px;
		border: 2px solid #ffffff;
		border-radius: 50%;
		transition: .3s ease-in-out;
	}
}


/*************************************************
 @CONTENTS - SALON LIST LAYOUT
----------------------------------------------- */

.salon_list_outer {
	position: relative;
	background: url("../images/top/salon-search-bg.jpg") top no-repeat;
	background-size: 100%;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	z-index: 1;
}

.loop_text_wrap01 {
	position: absolute;
	top: 23.75%;
	left: 0;
	width: 100vw;
	height: 200px;
	z-index: 1;
	overflow: hidden;
}
.loop_text_wrap01 .loop_text01 {
	display: block;
	background: url("../images/top/pc-loop-text01.svg") no-repeat;
	background-size: 87.5%;
	width: 100vw;
	height: 200px;
	opacity: 0.9;
}
.loop_text_wrap01 .loop_text01:first-child { animation: loop 75s -25s linear infinite;}

@keyframes loop {
    0% { transform: translateX(100%);}
    to { transform: translateX(-100%);}
}

.salon_list_wrap {
	padding-top: 15vw;
	padding-left: 7.63358vw;
	padding-right: 7.63358vw;
	margin: auto;
	position: relative;
	z-index: 5;
}
.salon_list_wrap p { 
	background-color: #3398cc;
	border-radius: 10px 10px 0 0;
}
.salon_list_wrap p > span {
	display: block;
	font-size: min(1.625vw,1.225rem);
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.075vw;
	padding: 1.75vw 5vw;
}

.salon_list  { 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 2.25vw 8.75vw;
	background-color: #ffffff;
}
.salon_list::before{
	display: block;
	content: "";
	width: 19.7262%;
	order:1;
}
.salon_list::after{
	display: block;
	content: "";
	width: 19.7262%;
}
.salon_list li { 
	width: 19.7262%;
	padding: 1.25vw 0;
	text-align: center;
}
.salon_list li a {
	position: relative;
	display: inline-block;
	font-size: min(1.275vw,1.075rem);
	font-weight: 600;
	line-height: 1;
	text-align: center;
	border-bottom: 2px dotted;
	}
.salon_list li a span {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	padding-bottom: 0.75vw;
}
.salon_list li span::before{
	position: absolute;
	top: 5%;
	left: 2px;
	content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #28a7e1;
}
.salon_list li span::after{
	position: absolute;
	top: 28%;
    left: 7px;
    width: 5px;
    height: 5px;
	content: "";
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}


@media (max-width: 767px) and (min-width: 320px) {	
	
	.salon_list_outer {
		position: relative;
		background: url("../images/top/sp-salon-search-bg.jpg") top no-repeat;
		background-size: 100%;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		z-index: 1;
	}
	.loop_text_wrap01 {
		position: absolute;
		top: 18.75%;
		left: 0;
		width: 100vw;
		height: 200px;
		z-index: 1;
		overflow: hidden;
	}
	.loop_text_wrap01 .loop_text01 {
		display: block;
		background: url("../images/top/sp-loop-text01.svg") no-repeat;
		background-size: 125%;
		width: 125vw;
		height: 200px;
		opacity: 0.9;
	}
	.loop_text_wrap01 .loop_text01:first-child { animation: loop 75s -25s linear infinite;}


	.salon_list_wrap {
		padding-top: 35vw;
		padding-left: 0;
		padding-right: 0;
		margin: auto;
		width: 90%;
	}
	.salon_list_wrap p { 
		background-color: #3398cc;
		border-radius: 5px 5px 0 0;
	}
	.salon_list_wrap p span {
		display: block;
		font-size: min(4.25vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		line-height: 1.4;
		letter-spacing: 0.075vw;
		padding: 1.75vw 5vw;
	}
	.salon_list  { 
		position: relative;
		z-index: 100;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		padding: 4.25vw 0 8.5vw;
		background-color: #ffffff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	}
	.salon_list::before{
		display: block;
		content: "";
		width: 50%;
		order:1;
	}
	.salon_list::after{
		display: block;
		content: "";
		width: 50%;
	}
	.salon_list li { 
		width: 50%;
		padding: 2.75vw 0;
		text-align: center;
	}
	.salon_list li a {
		position: relative;
		display: inline-block;
		font-size: min(3.85vw,1.25rem);
		font-weight: 600;
		line-height: 1;
		text-align: center;
		border-bottom: 2px dotted;
	}
	.salon_list li a span {
		position: relative;
		display: inline-block;
		padding-left: 25px;
		padding-bottom: 2.75vw;
	}
	.salon_list li span::before{
		position: absolute;
		top: -2px;
		left: 2px;
		content: "";
		width: 19px;
		height: 19px;
		border-radius: 50%;
		background: #28a7e1;
	}
	.salon_list li span::after{
		position: absolute;
		top: 17.25%;
		left: 8px;
		width: 6px;
		height: 6px;
		content: "";
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-radius: 1px;
		transform: rotate(45deg);
	}
}

/*************************************************
 @CONTENTS - ABOUT US LAYOUT
----------------------------------------------- */

.concept {
	position: relative;
	display: flex;
	margin-bottom: 50px;
}

.concept_head_text {
	font-size: min(1.625vw,1.25rem);
	font-weight: 600;
	line-height: 1.575;
	margin-bottom: 25px;
}
.concept_head_text span {
	display: block;
	font-size: min(1.25vw,1rem);
	font-weight: 600;
	color: #3398cc;
}

.concept_text {
	font-size: min(1.25vw,9.5rem);
	font-weight: 400;
	line-height: 2.4;
}

.concept .concept_photo_wrap {
	position: absolute;
	top: -3.25vw;
	right: -7.65vw;
	width: 57.5%;
}
.concept .concept_photo_wrap .concept_photo_inner {
	position: relative;
	width: 100%;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(1) {
	position: absolute;
	top: -1.5vw;
	left: 0;
	width: 36.881%;
	z-index: -1
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(2) {
	position: absolute;
	top: 7vw;
	left: 27.5%;
	width: 30.235%;
	z-index: 1;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(3) {
	position: absolute;
	top: 17.5vw;
	left: 5%;
	width: 30.160%;
	z-index: 2;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(4) {
	position: absolute;
	top: -0.25vw;
	left: 43.5%;
	width: 30.211%;
	z-index: 3;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(5) {
	position: absolute;
	top: 22.5vw;
	left: 60%;
	width: 20.989%;
	z-index: 4;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(6) {
	position: absolute;
	top: 22.5vw;
	left: 32.5%;
	width: 29.385%;
	z-index: 7;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(7) {
	position: absolute;
	top: 25.25vw;
	left: 10%;
	width: 33.358%;
	z-index: 8;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(8) {
	position: absolute;
	top: 2.75vw;
	right: 0;
	width: 28.035%;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(9) {
	position: absolute;
	top: 15.75vw;
	right: 0;
	width: 19.640%;
}
.concept .concept_photo_wrap .concept_photo_inner p:nth-child(10) {
	position: absolute;
	top: 7.75vw;
	left: 54.5%;
	width: 24.488%;
	z-index: 8;
}

.feature_head_text {
	position: relative;
	font-size: min(6.25vw,3.25rem);
	font-weight: 600;
	color: #3398cc;
	letter-spacing: 0.075vw;
	line-height: 1;
	z-index: 10;
	margin-bottom: 35px;
}
.feature_head_text .ja {
	display: block;
	font-size: min(2.25vw,0.925rem);
	font-weight: 600;
}

.feature_list_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.feature_list {
	position: relative;
	width: 30.630%;
	margin-bottom: 50px;
}
.feature_list:nth-child(2) {
	margin-left: 4.0540%;
	margin-right: 4.0540%;
}
.feature_list:nth-child(4) {
	margin-right: 4.0540%;
	margin-bottom: 0;
}
.feature_list:nth-child(5) { margin-bottom: 0;}

.feature_list p {
	position: absolute;
	line-height: 1;
}
.feature_list p span {
	display: inline-block;
	font-size: min(1.15vw,9.25rem);
	font-weight: 600;
	color: #ffffff;
	background-color: #3398cc;
	padding: 6px 8px 3px;
}
.feature_list img {
	display: block;
	padding-top: 12px;
	margin-bottom: 1vw;
}

.feature_list dl dt {
	font-size: min(1.5vw,1.075rem);
	font-weight: 600;
}
.feature_list dl dd {
	font-size: min(1.25vw,1.075rem);
	line-height: 1.85;
}



@media (max-width: 767px) and (min-width: 320px) {
	
	#aboutus::before {
		content: "";
		display: block;
		height: 22.5vw;
		margin-top: -22.5vw;
		visibility: hidden;
	}
	
	.concept {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 25px;
	}
	
	.concept_head_text {
		font-size: min(4.25vw,1.25rem);
		font-weight: 600;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.concept_head_text span {
		display: block;
		font-size: min(3.75vw,1.25rem);
		font-weight: 700;
		color: #3398cc;
		letter-spacing: 0.025vw;
	}
	.concept_text {
		font-size: min(3.75vw,1.25rem);
		font-weight: 500;
		line-height: 2.1;
		margin-bottom: 35px;
	}
	.concept .concept_photo_wrap {
		position: static;
		top: -3.25vw;
		right: -7.65vw;
		width: 100%;
		margin-bottom: 77.5vw;
	}
	.concept .concept_photo_wrap .concept_photo_inner {
		position: relative;
		width: 100%;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(1) {
		position: absolute;
		top: -10.25vw;
		left: -10vw;
		width: 48.881%;
		z-index: -1
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(2) {
		position: absolute;
		top: 2.5vw;
		left: 22.5%;
		width: 37.235%;
		z-index: 1;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(3) {
		position: absolute;
		top: 40vw;
		left: -3.75vw;
		width: 35.160%;
		z-index: 2;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(4) {
		position: absolute;
		top: -2.25vw;
		left: 40.5%;
		width: 35.211%;
		z-index: 3;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(5) {
		position: absolute;
		top: 37.5vw;
		left: 48.5vw;
		width: 24.989%;
		z-index: 8;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(6) {
		position: absolute;
		top: 42.75vw;
		left: 22.5%;
		width: 34.385%;
		z-index: 7;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(7) {
		position: absolute;
		top: 45.25vw;
		left: -3.25vw;
		width: 34.358%;
		z-index: 8;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(8) {
		position: absolute;
		top: 7.5vw;
		right: -5.25vw;
		width: 32.035%;
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(9) {
		position: absolute;
		top: 44.75vw;
		right: -5.25vw;
		width: 24.640%;
		z-index: 10
	}
	.concept .concept_photo_wrap .concept_photo_inner p:nth-child(10) {
		position: absolute;
		top: 2.95vw;
		left: 53.5%;
		width: 26.488%;
		z-index: 11;
	}
	
	.feature_list_wrap.toggle { display: none;}
	
	.feature .toggle_btn {
		position: relative;
		font-size: min(3.75vw,1.25rem);
		font-weight: 600;
		text-align: center;
		line-height: 1.6;
		border: 1px solid #dbd9d9;
		background-color: #f9f9f9;
		border-radius: 5px;
		padding: 4.75vw 1.25vw 8.75vw;
		margin-bottom: 50px;
	}
	.feature .toggle_btn .read_more {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -20px;
		width: 60%;
		margin: auto;
		font-size: min(3.5vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1;
		letter-spacing: 0.05vw;
		padding: 3.75vw 0 4.25vw;
		background-color: #3398cc;
		border-radius: 25px;
	}

	.feature_head_text {
		position: relative;
		font-size: min(5.75vw,4.25rem);
		font-weight: 700;
		color: #3398cc;
		letter-spacing: 0.025vw;
		z-index: 10;
		margin-bottom: 25px;
	}
	.feature_head_text .ja {
		display: block;
		font-size: min(3.25vw,1rem);
		font-weight: 600;
	}
	.feature_list_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.feature_list {
		position: relative;
		width: 100%;
		margin-bottom: 30px;
	}
	.feature_list:nth-child(2) {
		margin-left: 0;
		margin-right: 0;
	}
	.feature_list:nth-child(4) {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.feature_list:nth-child(5) { margin-bottom: 0;}

	.feature_list p {
		position: absolute;
		line-height: 1;
	}
	.feature_list p span {
		display: inline-block;
		font-size: min(3.75vw,9.75rem);
		font-weight: 600;
		color: #ffffff;
		background-color: #3398cc;
		padding: 7px 10px 4px;
	}
	.feature_list img {
		display: block;
		padding-top: 14px;
		margin-bottom: 1vw;
	}
	.feature_list dl dt {
		font-size: min(4.25vw,1.25rem);
		font-weight: 600;
	}
	.feature_list dl dd {
		font-size: min(3.5vw,1.25rem);
		line-height: 1.8;
	}
	
}

/*************************************************
 @CONTENTS - INFORMATION LAYOUT
----------------------------------------------- */

#information {
	background: url("../images/top/information-bg.jpg") top no-repeat;
	background-size: 100%;
	padding-top: 19.5vw;
}

.top_information_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.top_information_wrap .top_information_title { width: 22.1711%;}

.info_list_btn {}
.info_list_btn a {
	font-size: min(1.275vw,1.275rem) !important;
	font-weight: 600;
	padding-right: 20px;
}
.info_list_btn a::before {
	position: absolute;
	top: 42%;
	right: 50px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
	content: "";
	width: 13px;
	height: 13px;
	transition: 0.4s ease-in-out;
}
.info_list_btn a::after {
	position: absolute;
	top: 29%;
	right: 45px;
	content: "";
	width: 24px;
	height: 24px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	transition: 0.4s ease-in-out;
}
.info_list_btn a:hover::before {
	position: absolute;
	top: 42%;
	right: 39px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
	content: "";
	width: 13px;
	height: 13px;
	transition: 0.4s ease-in-out;
}
.info_list_btn a:hover::after {
	position: absolute;
	top: 29%;
	right: 34px;
	content: "";
	width: 24px;
	height: 24px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	transition: 0.4s ease-in-out;
}

.top_information_list { width: 65.909090%;}
.top_information_list li {
	border-top: 1px solid #dbd9d9;
	border-bottom: 1px solid #dbd9d9;
	border-right: 1px solid #dbd9d9;
	background-color: #ffffff;
}

.top_information_list li:nth-child(2) {
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.top_information_list li a {
	position: relative;
	display: flex;
	padding: 2.95vw 2vw;
	border-left: 10px solid #eaeae7;
}
.top_information_list li a::before {
	position: absolute;
	top: 38%;
	right: 3.75%;
	content: "";
	width: 24px;
	height: 24px;
	background-color: #3398cc;
	border-radius: 50%;
	transition: 0.4s ease-in-out;
}
.top_information_list li a::after {
	position: absolute;
	top: 45%;
	right: 4.5%;
	content: "";
	width: 13px;
	height: 13px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
	transition: 0.4s ease-in-out;
}
.top_information_list li a:hover::before {
	position: absolute;
	top: 38%;
	right: 2.25%;
	content: "";
	width: 24px;
	height: 24px;
	background-color: #3398cc;
	border-radius: 50%;
	transition: 0.4s ease-in-out;
}
.top_information_list li a:hover::after {
	position: absolute;
	top: 45%;
	right: 3%;
	content: "";
	width: 13px;
	height: 13px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
	transition: 0.4s ease-in-out;
}

.top_information_list li a .top_information_list_inner {
	display: flex;
	align-items: center;
}
.top_information_list li a .top_information_list_inner .cate {
	display: inline-block;
	font-size: min(1.075vw,1rem);
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	padding: 0.3vw 1vw 0.4vw;
	background-color: #3398cc;
	margin-right: 3vw;
}
.top_information_list li a time {
	position: relative;
	display: block;
	font-size: min(1.25vw,1.125rem);
	font-weight: 600;
	padding-top: 2px;
	margin-right: 1vw;
}
.top_information_list li a time::before {
	position: absolute;
	top: 50%;
	left: -2.25vw;
	content: "";
	height: 1px;
	width: 25px;
	background-color: #6e7172;
}
.top_information_list li a .c_title {
	font-size: min(1.25vw,1.125rem);
	font-weight: 600;
	line-height: 1;
}


@media (max-width: 767px) and (min-width: 320px) {

	#information {
		background: url("../images/top/sp-information-bg.jpg") top no-repeat;
		background-size: 100%;
		padding-top: 47.5vw;
	}

	.top_information_wrap {
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.top_information_wrap .top_information_title { width: 100%;}
	
	.info_list_btn {
		min-width: 240px;
		width: 35.608%;
		margin: auto;
	}
	.info_list_btn a {
		font-size: min(3.95vw,1.275rem) !important;
		font-weight: 800;
		letter-spacing: 0.5vw !important;
		padding: 20px 2vw 22px 0 !important;
	}
	.info_list_btn a::before {
		position: absolute;
		top: 42%;
		right: 45px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
		content: "";
		width: 13px;
		height: 13px;
		transition: 0.4s ease-in-out;
	}
	.info_list_btn a::after {
		position: absolute;
		top: 28%;
		right: 40px;
		content: "";
		width: 24px;
		height: 24px;
		border: 1px solid #ffffff;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
	}
	.info_list_btn a:hover::before {
		position: absolute;
		top: 41%;
		right: 27px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
		content: "";
		width: 13px;
		height: 13px;
		transition: 0.4s ease-in-out;
	}
	.info_list_btn a:hover::after {
		position: absolute;
		top: 28%;
		right: 22px;
		content: "";
		width: 24px;
		height: 24px;
		border: 1px solid #ffffff;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
	}

	.top_information_list { width: 100%; margin-bottom: 25px;}
	.top_information_list li {
		border-top: 1px solid #dbd9d9;
		border-bottom: 1px solid #dbd9d9;
		border-right: 1px solid #dbd9d9;
		background-color: #ffffff;
	}
	.top_information_list li:nth-child(2) {
		margin-top: 3.75vw;
		margin-bottom: 3.75vw;
	}
	.top_information_list li a {
		position: relative;
		display: flex;
		padding: 4.5vw 0 6.75vw 2.75vw;
		border-left: 5px solid #eaeae7;
	}
	.top_information_list li a::before {
		position: absolute;
		top: 38%;
		right: 3.75%;
		content: "";
		width: 24px;
		height: 24px;
		background-color: #3398cc;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
	}
	.top_information_list li a::after {
		position: absolute;
		top: 46.5%;
		right: 5.15%;
		content: "";
		width: 13px;
		height: 13px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
		transition: 0.4s ease-in-out;
	}
	.top_information_list li a:hover::before {
		position: absolute;
		top: 38%;
		right: 2.25%;
		content: "";
		width: 24px;
		height: 24px;
		background-color: #3398cc;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
	}
	.top_information_list li a:hover::after {
		position: absolute;
		top: 46.5%;
		right: 3%;
		content: "";
		width: 13px;
		height: 13px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
		transition: 0.4s ease-in-out;
	}
	.top_information_list li a .top_information_list_inner {
		display: block;
		align-items: center;
	}
	.top_information_list li a .top_information_list_inner .cate {
		display: inline-block;
		font-size: min(3.15vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1;
		padding: 0.95vw 1.5vw 1.15vw;
		background-color: #3398cc;
		margin-right: 9.75vw;
	}
	.top_information_list li a time {
		position: relative;
		display: inline-block;
		font-size: min(3.25vw,1.25rem);
		font-weight: 600;
		padding-top: 2px;
		margin-right: 0;
	}
	.top_information_list li a time::before {
		position: absolute;
		top: 47.5%;
		left: -7.5vw;
		content: "";
		height: 1px;
		width: 25px;
		background-color: #6e7172;
	}
	.top_information_list li a .c_title {
		display: block;
		font-size: min(3.75vw,1.25rem);
		font-weight: 600;
		line-height: 1.2;
	}

}