@charset "UTF-8";

/*************************************************
 @CONTENTS - SALON SEARCH LAYOUT
----------------------------------------------- */

.search_box { 
	position: relative;
	width: 65%;
	margin: 2.5rem auto 1.5rem;
}
.search_box form { position: relative;}
.search_box form > span {
	font-size: min(1.075vw,1.025rem);
	font-weight: 700;
	padding-right: 0.25vw;
}
.search_box input[type="text"] {
	background-color: #f9f9f9;
	border-radius: 100vh;
	border: 1px solid #6e7172 !important;
	box-sizing: border-box;
	line-height: 2;
	padding: 0.375rem 1rem;
	padding-right: 1em;
	width: 82.8%;
}
input,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	box-sizing: initial;
	font-family: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	padding: 0;
	vertical-align: baseline;
}
.search-btn {
	position: absolute;
	top: 1px;
	right: 0.15rem;
	text-indent: -9999px;
	height: 2.65rem;
	width: 2.6rem;
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	background: #3398cc url(../images/common/icon-search.svg) center no-repeat;
	background-size: 50%;
}
	
@media (max-width: 767px) and (min-width: 300px) {
	.search_box { 
		position: relative;
		width: 80%;
		margin: 1.5rem auto 0.75rem;
	}
	.search_box form > span { font-weight: 700; padding-right: 0.25vw;}
	.search_box input[type="text"] {
		background-color: #f9f9f9;
		border-radius: 100vh;
		border: 1px solid #6e7172 !important;
		box-sizing: border-box;
		line-height: 2;
		padding: 0.5rem 1rem;
		padding-right: 1em;
		width: 100%;
	}
	.search-btn {
		position: absolute;
		top: 1.65rem;
		right: 1px;
		text-indent: -9999px;
		height: 2.75rem;
		width: 2.375rem;
		border-top-right-radius: 5rem;
		border-bottom-right-radius: 5rem;
		background: #3398cc url(../images/common/icon-search.svg) center no-repeat;
		background-size: 47.5%;
		}
}

.salon_list_gmap_wrap {
	position: relative;
	margin: auto;
	padding-bottom: 42.75%;
	width: 100vw;
	height: 0;
	overflow: hidden;
}
.salon_list_gmap_wrap #gmap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.salon_list_prefecture_wrap { margin-top: -100px;}
.salon_list_prefecture_wrap.taxonomy { margin-top: 0;}

h3.prefecture_title { 
	width: 100%;
	text-align: center;
	line-height: 1;
	margin-bottom: 25px;
}
h3.prefecture_title .ja {
	font-size: min(3.25vw,1.25rem);
}
h3.prefecture_title .en {
	display: block;
	font-size: min(0.925vw,1rem);
	font-weight: 700;
	color: #3398cc;
	margin-top: 10px;
}

.salon_list_prefecture_wrap .section_inner .salon_info_list  {
	background-color: #f9f9f9;
	border-radius: 10px;
	padding: 5.5045% 2.745% 5.5045%;
	margin-bottom: 50px;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 75px;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner::before{
	content: "";
	display: block;
	width: 23.3272727%;
	order: 1;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner::after{
	content: "";
	display: block;
	width: 23.3272727%;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner:last-child { margin-bottom: 0;}

.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box { /*width: 23.3272727%;*/width: 23.3272727%;}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 {
	font-size: min(2.75vw,1.075rem);
	font-weight: 600;
	line-height: 1;
	padding-left: 8.5%;
	margin-bottom: 15px;
	background: url("../images/common/icon-dew.svg") left 1px no-repeat;
	background-size: 7.25%;
	 z-index: 2;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 .ja {
	position: relative;
	display: inline-block;
	padding-right: 2.5%;
	z-index: 2;
}

.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 .en {
	display: block;
	font-size: min(0.825vw,1rem);
	font-weight: 600;
	color: #c6c6c6;
	margin-top: 7px;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a img {
	display: block;
	margin-bottom: 10px;
	border-radius: 5px;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl {
	display: flex;
	flex-wrap: wrap;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl:nth-child(5) { margin-bottom: 10px;}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl:nth-child(6) {
	display: block;
	border-top: 1px solid #dbd9d9;
	padding-top: 10px;
	margin-bottom: 10px;
	line-height: 1.6;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a dl dt {
	font-size: min(1.1vw,1.15rem);
	font-weight: 600;
	margin-right: 0.5vw;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a dl dd {
	font-size: min(1.1vw,1.15rem);
	font-weight: 500;
}

.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p { text-align: right;}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p span {
	position: relative;
	display: inline-block;
	font-size: min(1.15vw,1.15rem);
	font-weight: 600;
	color: #3398cc;
	padding-right: 25px;
	padding-bottom: 2px;
	border-bottom: 2px solid #3398cc;
}
.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p span::before {
	position: absolute;
	top: 12.5%;
	right: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: #3398cc url("../images/common/arrow.svg") center no-repeat;
	background-size: 55%;
	border-radius: 50%;
}

.salon_list_outer {
	position: relative;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	z-index: 1;
}

.salon_list_wrap {
	position: relative;
	margin: -3.8rem 7.63358vw 0;
	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.34rem 5vw;
}

.salon_list  { 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 8.75vw 2.25vw;
	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.25vw,1rem);
	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);
}

/*--------------------------------------------------
　SALON DETAIL LAYOUT-------------------*/

#salon_detail .h3_salon_name02 {
	position: relative;
	font-size: min(4.75vw,1.5rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.125vw;
	padding-left: 2.5%;
	margin-bottom: 25px;
	background: url("../images/common/icon-dew.svg") left 1px no-repeat;
	background-size: 2%;
	z-index: 2;
}
#salon_detail .h3_salon_name02::before {
	position: absolute;
	top: 30%;
	right: 0;
	content: "";
	width: 87.5%;
	height: 1px;
	background-color: #dbd9d9;
}
#salon_detail .h3_salon_name02 .ja {
	position: relative;
	display: inline-block;
	padding-right: 2.25%;
	background-color: #ffffff;
	z-index: 2;
}

#salon_detail .h3_salon_name02 .en {
	display: block;
	font-size: min(0.85vw,1rem);
	font-weight: 600;
	color: #c6c6c6;
	letter-spacing: 0.025vw;
	margin-top: 8px;
}

#salon_detail .salon_photo {
	background-color: #f9f9f9;
	padding: 4.25vw;
	border-radius: 10px;
	margin-bottom: 35px;
}
#salon_detail .salon_photo img { border-radius: 5px;}

.h4_salon_title {
	display: inline-block;
	font-size: min(3.15vw,1.15rem);
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.125vw;
	padding-top: 0.75vw;
	padding-bottom: 0.775vw;
	padding-left: 4.25vw;
	padding-right: 4.25vw;
	background-color: #3398cc;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.h4_salon_title .en {
	display: block;
	font-size: min(0.8vw,0.8rem);
	letter-spacing: 0.025vw;
}

.salon_summary_text { 
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #dbd9d9;
	margin-bottom: 50px;
}
.salon_summary_text dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 50%;
	line-height: 1.6;
	padding: 1.75vw 0;
	border-bottom: 1px solid #dbd9d9;
}
.salon_summary_text dl dt {
	position: relative;
	font-size: min(1.165vw,1.15rem);
	font-weight: 600;
	width: 32.5%;
	padding-left: 10px;
	margin-right: 1vw;
}
.salon_summary_text dl dt::before {
	position: absolute;
	top: 40%;
	left: 0;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #3398cc;
}
.salon_summary_text dl dd {
	font-size: min(1.165vw,1.15rem);
	font-weight: 500;
	width: 65%;
	padding-right: 2.5vw;
}

.salon_detail_gmap_wrap {
	position: relative;
	margin: auto;
	padding-bottom: 45.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.salon_detail_gmap_wrap #gmap {
	position: absolute;
	top: 7%;
	left: 0;
	width: 100%;
	height: 100%;
}

.salon_detail_gmap_wrap p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 1.25vw 5.25vw 1.25vw 1.25vw;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	background-color: #3398cc;
}
.salon_detail_gmap_wrap p .ja {
	display: block;
	font-size: min(3vw,1.15rem);
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 10px;
}
.salon_detail_gmap_wrap p .en {
	display: block;
	font-size: min(1.25vw,0.725rem);
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
}

.gmap_btn { text-align: right;}
.gmap_btn a {
	display: inline-block;
	font-size: min(1.25vw,1.25rem);
	font-weight: 600;
	color: #3398cc;
	line-height: 1.6;
	background: url("../images/common/map-pin.svg") left 4px no-repeat;
	background-size: 20%;
	padding-left: 2vw;
}
.gmap_btn a span {
	display: inline-block;
	border-bottom: 2px solid #3398cc;
}

.salon_recruit_btn {
	position: relative;
	width: 35.75%;
	margin: 50px auto 50px;
}
.salon_recruit_btn a {
	text-align: center;
	padding-top: 2vw;
	padding-bottom: 2vw;
	/*padding-left: 7.75vw;*/
	border-radius: 40px;
	transition: .3s ease-in-out;
}
.salon_recruit_btn a:hover {
	/*text-align: left;*/
	text-align: center;
	padding-left: 6.75vw;
	transition: .3s ease-in-out;
}
.salon_recruit_btn a::before {
	position: absolute;
	top: 1.775rem;
	right: 2.25rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: .3s ease-in-out;
}
.salon_recruit_btn a::after {
	position: absolute;
	top: 1.9rem;
	right: 2.375rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: .3s ease-in-out;
	}
.salon_recruit_btn a:hover::before {
	position: absolute;
	top: 1.775rem;
	right: 1.5rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: .3s ease-in-out;
}
.salon_recruit_btn a:hover::after {
	position: absolute;
	top: 1.9rem;
	right: 1.65rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: .3s ease-in-out;
	}


.notice_txt {
	display: block;
	font-size: 0.715rem;
	font-weight: 700;
	text-align: right;
	margin-top: 25px;
}
.notice_txt span {
	display: inline-block;
	position: relative;
}
.notice_txt span::before {
	position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d41d14;
}
.notice_txt span span {
  font-size: 0.825rem;
  font-weight: 700;
  color: #d41d14;
}


@media (max-width: 767px) and (min-width: 320px) {
 
	#salon_detail .h3_salon_name02 {
		position: relative;
		font-size: min(4.5vw,1.5rem);
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.125vw;
		padding-left: 5.75%;
		margin-bottom: 15px;
		background: url("../images/common/icon-dew.svg") left 1px no-repeat;
		background-size: 4.75%;
		z-index: 2;
	}
	#salon_detail .h3_salon_name02::before {
		position: absolute;
		top: 25.959%;
		right: 0;
		content: "";
		width: 87.5%;
		height: 1px;
		background-color: #dbd9d9;
	}
	#salon_detail .h3_salon_name02 .ja {
		position: relative;
		display: inline-block;
		padding-right: 2.25%;
		background-color: #ffffff;
		z-index: 2;
	}
	#salon_detail .h3_salon_name02 .en {
		display: block;
		font-size: min(2.5vw,1rem);
		font-weight: 600;
		color: #c6c6c6;
		letter-spacing: 0.025vw;
		margin-top: 8px;
	}

	#salon_detail .salon_photo {
		background-color: #f9f9f9;
		padding: 4.25vw;
		border-radius: 5px;
		margin-bottom: 25px;
	}
	#salon_detail .salon_photo img { border-radius: 3px;}

	.h4_salon_title {
		display: inline-block;
		font-size: min(3.95vw,1.15rem);
		color: #ffffff;
		text-align: center;
		line-height: 1.4;
		letter-spacing: 0.125vw;
		padding-top: 1.75vw;
		padding-bottom: 1.75vw;
		padding-left: 4.25vw;
		padding-right: 4.25vw;
		background-color: #3398cc;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	.h4_salon_title .en {
		display: inline;
		font-size: min(2.25vw,0.875rem);
		letter-spacing: 0.025vw;
		padding-left: 1vw;
	}
	.salon_summary_text { 
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #dbd9d9;
	}
	.salon_summary_text dl {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		line-height: 1.75;
		padding: 4.25vw 0 4.75vw;
		border-bottom: 1px solid #dbd9d9;
	}
	.salon_summary_text dl dt {
		position: relative;
		font-size: min(3.5vw,1.25rem);
		font-weight: 600;
		width: 42.5%;
		padding-left: 10px;
		margin-right: 0;
	}
	.salon_summary_text dl dt::before {
		position: absolute;
		top: 42.5%;
		left: 0;
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #3398cc;
	}
	.salon_summary_text dl dd {
		font-size: min(3.5vw,1.25rem);
		font-weight: 500;
		width: 57.5%;
	}
	.salon_summary_text dl:nth-child(10) { display: block;}
	.salon_summary_text dl:nth-child(10) dd { 
		width: 100%;
		padding: 2.25vw;
	}
	.salon_summary_text dl:nth-child(10) dd a { display: block;}

	.salon_detail_gmap_wrap {
		position: relative;
		margin: auto;
		padding-bottom: 52.25%;
		width: 100vw;
		height: 0;
		overflow: hidden;
	}
	.salon_list_gmap_wrap #gmap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.salon_detail_gmap_wrap p {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		padding: 2.5vw 7.5vw 2.5vw 2.5vw;
		border-top-right-radius: 40px;
		border-bottom-right-radius: 40px;
		background-color: #3398cc;
	}
	.salon_detail_gmap_wrap p .ja {
		display: block;
		font-size: min(3.95vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1;
		letter-spacing: 0.075vw;
		margin-bottom: 7px;
	}
	.salon_detail_gmap_wrap p .en {
		display: block;
		font-size: min(2.5vw,0.85rem);
		font-weight: 700;
		color: #ffffff;
		line-height: 1;
	}

	.gmap_btn { text-align: right;}
	.gmap_btn a {
		display: inline-block;
		font-size: min(3.5vw,1.25rem);
		font-weight: 600;
		color: #3398cc;
		line-height: 1.6;
		background: url("../images/common/map-pin.svg") left 4px no-repeat;
		background-size: 20%;
		padding-left: 5vw;
	}
	.gmap_btn a span {
		display: inline-block;
		border-bottom: 2px solid #3398cc;
	}
	
	.salon_recruit_btn {
		position: relative;
		width: 92.5%;
		margin: 25px auto 50px;
	}
	.salon_recruit_btn a {
		font-size: min(3.5vw,1.25rem);
		/*text-align: left;*/
		text-align: center;
		padding-top: 5.25vw;
		padding-bottom: 5.5vw;
		/*padding-left: 17.25vw;*/
		border-radius: 40px;
		transition: .3s ease-in-out;
	}
	.salon_recruit_btn a:hover {
		text-align: left;
		padding-left: 10.75vw;
		transition: .3s ease-in-out;
	}
	.salon_recruit_btn a::before {
		position: absolute;
		top: 1.375rem;
		right: 1.25rem;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #3398cc;
		border: 1px solid #ffffff;
		transition: .3s ease-in-out;
	}
	.salon_recruit_btn a::after {
		position: absolute;
		top: 1.5rem;
		right: 1.475rem;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #3398cc;
		border: 1px solid #ffffff;
		transition: .3s ease-in-out;
	}
	.salon_recruit_btn a:hover::before {
		position: absolute;
		top: 1.375rem;
		right: 4.5rem;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #3398cc;
		border: 1px solid #ffffff;
		transition: .3s ease-in-out;
	}
	.salon_recruit_btn a:hover::after {
		position: absolute;
		top: 1.5rem;
		right: 4.65rem;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #3398cc;
		border: 1px solid #ffffff;
		transition: .3s ease-in-out;
		}
}

@media (max-width: 767px) and (min-width: 320px) {	
	
	.salon_list_gmap_wrap {
		position: relative;
		margin: auto;
		padding-bottom: 56.75%;
		width: 100vw;
		height: 0;
		overflow: hidden;
	}
	.salon_list_gmap_wrap #gmap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

	.salon_list_prefecture_wrap { margin-top: -25px;}
	
	h3.prefecture_title { 
		width: 100%;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.125vw;
		margin-bottom: 25px;
	}
	h3.prefecture_title .ja {
		font-size: min(4.95vw,1.25rem);
	}
	h3.prefecture_title .en {
		display: block;
		font-size: min(2.75vw,1rem);
		font-weight: 700;
		color: #3398cc;
		margin-top: 7px;
	}

	.salon_list_prefecture_wrap .section_inner .salon_info_list  {
		background-color: #f9f9f9;
		border-radius: 0;
		padding: 6.5045% 0 2.5045%; 
		margin: 0 calc(50% - 50vw) 25px;
		width: 100vw;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto 0;
		width: 90%;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner::before{
		display: none;
		width: 0%;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner::after{
		content: "";
		display: none;
		width: 0%;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner:last-child { margin-bottom: 0;}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner::after {
		content:"";
		display: none;
		width: 0;
	}

	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box { width: 47.25%; margin-bottom: 50px;}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 {
		position: relative;
		font-size: min(3.85vw,1.25rem);
		font-weight: 600;
		line-height: 1;
		padding-left: 10.5%;
		margin-bottom: 10px;
		background: url("../images/common/icon-dew.svg") left 1px no-repeat;
		background-size: 8.75%;
		z-index: 2;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4::before {
		position: absolute;
		top: 0;
		right: 0;
		content: "";
		width: 0;
		height: 0px;
		background-color: none; 
		z-index: 1;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 .ja {
		position: relative;
		display: inline-block;
		padding-right: 0;
		background-color: #f9f9f9;
		z-index: 2;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box h4 .en {
		display: block;
		font-size: min(2.25vw,1rem);
		font-weight: 600;
		color: #c6c6c6;
		margin-top: 7px;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a img {
		display: block;
		margin-bottom: 5px;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl:nth-child(5) { margin-bottom: 10px;}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl:nth-child(6) {
		display: block;
		border-top: 1px solid #dbd9d9;
		padding-top: 4px;
		margin-bottom: 15px;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_inner .salon_info_list_box a dl:nth-child(6) dd {
		padding-left: 10px;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a dl dt {
		position: relative;
		font-size: min(3.25vw,1.25rem);
		font-weight: 600;
		line-height: 1.8;
		padding-left: 10px;
		margin-right: 0;
		width: 100%;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a dl dt::before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "";
		width: 6px;
		height: 2px;
		background-color: #3398cc;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a dl dd {
		font-size: min(3.25vw,1.25rem);
		font-weight: 500;
		line-height: 1;
		padding-left: 10px;
	}

	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p { text-align: right;}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p span {
		position: relative;
		display: inline-block;
		font-size: min(3.75vw,1.275rem);
		font-weight: 600;
		color: #3398cc;
		letter-spacing: 0.075vw;
		padding-right: 24px;
		padding-bottom: 2px;
		border-bottom: 2px solid #3398cc;
	}
	.salon_list_prefecture_wrap .section_inner .salon_info_list .salon_info_list_box a p span::before {
		position: absolute;
		top: 15%;
		right: 0;
		content: "";
		width: 20px;
		height: 20px;
		background: #3398cc url("../images/common/arrow.svg") center no-repeat;
		background-size: 55%;
		border-radius: 50%;
	}
	
	.salon_list_wrap {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin: -20px auto 0;
		width: 90%;
		background-color: #ffffff;
		border-radius: 5px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	}
	.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;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.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: #3398cc;
	}
	.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 - COMPANY INFORMATION LAYOUT
----------------------------------------------- */

#company_info { margin-bottom: 200px;}
.top_message_wrap {
	background-color: #f9f9f9;
	padding: 5.75vw 0;
	margin: 0 calc(50% - 50vw) 100px;
	width: 100vw;
}
.message_wrap .text_area {
	display: flex;
	margin-left: 7.63358vw;
	margin-right: 7.63358vw;
}

.message_wrap .text_area > div {
	width: 71.1711%;
	margin-right: 5%;
}
.message_wrap .text_area > div p {
	font-size: min(2.75vw,0.9rem);
	font-weight: 500;
}

.message_wrap .text_area dl dt {
	font-size: min(1.5vw,0.9rem);
	font-weight: 600;
}
.message_wrap .text_area dl dd {
	min-width: 160px;
}

.photo_area { 
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-left: 7.63358vw;
	margin-right: 7.63358vw;
	margin-bottom: 25px;
}

.photo_area .title_area { margin-right: 2.75%;}
.photo_area .title_area p:nth-child(1) { 
	margin-bottom: 25px;
}
.photo_area .title_area p:nth-child(1) span:nth-child(1){
	position: relative;
	display: block;
	font-size: min(3.75vw,1.5rem);
	font-weight: 600;
	color: #1f4e8c;
	line-height: 1;
	letter-spacing: 0.025vw;
	padding-left: 14px;
}
.photo_area .title_area p:nth-child(1) span:nth-child(1)::before {
	position: absolute;
	top: 45%;
	left: 0;
	content: "";
	width: 7px;
	height: 7px;
	background-color: #3398cc;
	border-radius: 50%;
}
.photo_area .title_area p:nth-child(1) span:nth-child(2){
	font-size: min(2.25vw,0.685rem);
	font-weight: 600;
	color: #3398cc;
	padding-left: 14px;
}
.photo_area figure {
	width: 69.6756%;
	margin-left: -4.5045%;
}
.photo_area figure img { border-radius: 10px;}

.photo_area .title_area p:nth-child(2) span { display: block; margin-bottom: 5px;}
.photo_area .title_area p:nth-child(2) span span { 
	display: inline-block;
	font-size: min(3.25vw,1.25rem);
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.025vw;
	padding: 2px 15px;
	background-color: #3398cc;
	border-radius: 5px;
}

.dew_business {}
.dew_business > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 100px;
}
.dew_business > div.f_reverse {
	display: flex;
	flex-direction: row-reverse;
}

.dew_business > div figure,
.dew_business > div div {
	position: relative;
	width: 50%;
	padding: 5% 0 0;
}
.dew_business > div figure::before {
	position: absolute;
	top: 0;
	left: -7.63358vw;
	z-index: -1;
	content: "";
	width: 90%;
	height: 115%;
	background-color: #3398cc;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.dew_business > div.f_reverse > div > p {
	position: relative;
	font-size: min(1vw,0.75rem);
	font-weight: 600;
	color: #1f4e8c;
	letter-spacing: 0.025vw;
	line-height: 1;
	padding-left: 10px;
	margin-bottom: 25px;
}
.dew_business > div.f_reverse figure::before {
	position: absolute;
	top: 0;
	left: auto;
	right: -7.63358vw;
	z-index: -1;
	content: "";
	width: 90%;
	height: 115%;
	background-color: #3398cc;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.dew_business > div > div > p {
	position: relative;
	font-size: min(1vw,0.75rem);
	font-weight: 600;
	color: #1f4e8c;
	letter-spacing: 0.025vw;
	line-height: 1;
	padding-left: 10px;
	margin-bottom: 25px;
}
.dew_business > div > div > p::before {
	position: absolute;
	top: 20%;
	left: 0;
	content: "";
	height: 7px;
	width: 7px;
	background-color: #3398cc;
	border-radius: 50%;
}

.dew_business > div figure img {
	width: 83.33333%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.dew_business > div.f_reverse figure img {
	display: block;
	margin-left: auto;
	width: 83.33333%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.dew_business > div div dl dt > span { display: block;}
.dew_business > div div dl dt span span {
	display: inline-block;
	font-size: min(2.75vw,1.2rem);
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	line-height: 1.6;
	padding: 0.5vw 1vw;
	background-color: #3398cc;
	border-radius: 5px;
	margin-bottom: 10px;
}

.dew_business >div div dl dd {
	font-size: min(1.75vw,0.9rem);
	font-weight: 500;
	padding: 0.025vw 
}

#company_profile table {
	border-top: 1px solid #dbd9d9;
	width: 100%;
}
#company_profile table tr th {
	font-size: min(2vw,0.925rem);
	font-weight: 600;
	letter-spacing: 0.075vw;
	text-align: left;
	padding: 30px 0 30px 30px;
	width: 20%;
	border-bottom: 1px solid #dbd9d9;
}
#company_profile table tr td {
	font-size: min(2vw,0.925rem);
	font-weight: 500;
	padding: 30px 0 30px 30px;
	border-bottom: 1px solid #dbd9d9;
}
#company_profile table tr td p {
	margin-bottom: 10px;
	line-height: 1.6;
}

#outline_wrap { margin-bottom: 150px;}
.outline_menu {
	border: 1px solid #dbd9d9;
	margin-bottom: 20px;
	padding: 10px 40px;
}
.outline_menu .year {
	position: relative;
	background: url("../images/faq/arrow-open.svg")100% center no-repeat;
	background-size: 10px;
	padding: 30px 0 30px 30px;
	font-size: min(3vw,1rem);
	font-weight: 600;
	cursor: pointer;
	-moz-transition: all .46s ease-out;
	-o-transition: all .46s ease-out;
	-ms-transition: all .46s ease-out;
}
.outline_menu .year::before {
	position: absolute;
	top: 37.5%;
	left: 0;
	content: "";
	background: url("../images/common/icon-dew.svg") left 20% no-repeat;
	background-size: 20px;
	width: 28px;
	height: 28px;
}
.outline_menu .year.active {
	background: url("../images/faq/arrow-close.svg") 100% center no-repeat;
	background-size: 10px;
}
.outline_menu .outline_content {
	display: none;
	border-top: 1px solid #dbd9d9;
	line-height: 2;
}
.outline_menu .outline_content p {
	padding: 30px 10px 30px 50px;
	border-bottom: 1px solid #dbd9d9;
}
.outline_menu .outline_content p::after {
	content: "";
	display: block;
	clear: both;
}
.outline_menu .outline_content p .month {
	display: block;
	float: left;
	font-weight: 600;
	color: #3398cc;
	letter-spacing: 0.075vw;
}
.outline_menu .outline_content p .outline_text {
	display: block;
	font-size: min(2.25vw,0.9rem);
	float: left;
	padding-left: 10px;
}
.outline_menu .outline_content p:last-child { border-bottom: none;}

#access_map_wrap { margin-bottom: 150px;}
#access_map_wrap .section_inner .access_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.access_text_box {
	letter-spacing: 0.025vw;
	width: 43.5%;
}
.access_text_box .shop_name_ja {
	position: relative;
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	letter-spacing: 0.05vw;
	padding-left: 15px;
	margin-bottom: 20px;
}
.access_text_box .shop_name_ja::before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	height: 3px;
	width: 10px;
	background-color: #3398cc;
	border-radius: 2px;
}
.access_text_box .address_ja {
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 15px;
}
.access_text_box .tel_fax {
	font-size: min(2.75vw,1rem);
	font-weight: 500;
	margin-bottom: 20px;
}
.access_text_box .nearest_text {
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 25px;
}
.access_text_box .shop_name_en {
	position: relative;
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	letter-spacing: 0.025vw;
	padding-left: 15px;
}
.access_text_box .shop_name_en::before {
	position: absolute;
	top: 40%;
	left: 0;
	content: "";
	height: 3px;
	width: 10px;
	background-color: #3398cc;
	border-radius: 2px;
}
.access_text_box .address_en {
	font-size: min(2.25vw,0.9rem);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.6;
	margin-bottom: 35px;
}
.access_text_box .btn { width: 240px;}
.access_map_box {
	position: relative;
	padding-bottom: 34.25%;
	height: 0;
	width: 56.5%;
	overflow: hidden;
}
.access_map_box iframe,
.access_map_box object,
.access_map_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#photo_figure { position: relative;}
#photo_figure .ornament01 {
	position: absolute;
	top: 90%;
	left: 0;
	content: "";
	height: 92.5%;
	width: 25.5%;
	background-color: #f9f9f9;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	z-index: -1;
}
#photo_figure .ornament02 {
	position: absolute;
	top: -75%;
	right: 0;
	content: "";
	height: 62.5%;
	width: 17.5%;
	background-color: #f9f9f9;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	z-index: -1;
}

.slide_list_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.slide_list_wrap .slide_box_left {
	position: relative;
	width: 25.225%;
	height: auto;
	overflow-x: hidden;
}
.slide01_wrap { margin-bottom: 30px;}

.slide_list_wrap .slide_box_center {
	position: relative;
	width: 42.3423%;
	height: auto;
	overflow-x: hidden;
}
.slide02_wrap { margin-bottom: 45px;}
.slide03_wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.slide03_wrap .slide03,
.slide03_wrap .slide04 {
	width: 44.880%;
	margin: 0;
}

.slide_list_wrap .slide_box_right {
	position: relative;
	width: 23.4234%;
	height: auto;
	overflow-x: hidden;
}

.slide04_wrap .logo { padding: 3.775vw 3.25vw; margin-bottom: 45px;}
.slide04_wrap .slide05 { margin-bottom: 45px;}

.swiper-container-cube .swiper-cube-shadow { display: none;}


@media (max-width:767px) and (min-width:320px) {
  
	#company_info { margin-bottom: 75px;}
	.top_message_wrap {
		background-color: #f9f9f9;
		padding: 7.75vw 0 12.5vw;
		margin: 0 calc(50% - 50vw) 50px;
		width: 100vw;
	}
	.message_wrap .text_area {
		display: block;
		margin-left: 5.066666%;
		margin-right: 5.066666%;
	}
	.message_wrap .text_area > div {
		width: 100%;
		margin-right: 0;
	}
	.message_wrap .text_area > div p {
		font-size: min(3.5vw,0.9rem);
		font-weight: 500;
		margin-bottom: 10px;
	}
	.message_wrap .text_area dl dt {
		font-size: min(3.5vw,0.9rem);
		font-weight: 600;
	}
	.message_wrap .text_area dl dd {
		width: 27.5%;
		min-width: 150px;
	}

	.photo_area { 
		display: block;
		align-items: center;
		flex-direction: row-reverse;
		justify-content: space-between;
		margin-left: 5.066666%;
		margin-right: 5.066666%;
		margin-bottom: 15px;
	}

	.photo_area .title_area { margin-right: 0;}
	.photo_area .title_area p:nth-child(1) { 
		margin-bottom: 10px;
	}
	.photo_area .title_area p:nth-child(1) span:nth-child(1){
		position: relative;
		display: block;
		font-size: min(5vw,1.5rem);
		font-weight: 600;
		color: #1f4e8c;
		line-height: 1;
		letter-spacing: 0.025vw;
		padding-left: 12px;
	}
	.photo_area .title_area p:nth-child(1) span:nth-child(1)::before {
		position: absolute;
		top: 42.5%;
		left: 0;
		content: "";
		width: 7px;
		height: 7px;
		background-color: #3398cc;
		border-radius: 50%;
	}
	.photo_area .title_area p:nth-child(1) span:nth-child(2){
		font-size: min(2.75vw,0.685rem);
		font-weight: 600;
		color: #3398cc;
		padding-left: 12px;
	}

	.photo_area figure {
		position: relative;
		z-index: 2;
		width: 95%;
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
	}
	.photo_area figure img { border-radius: 10px;}

	.photo_area .title_area p:nth-child(2) span { display: block; margin-bottom: 5px;}
	.photo_area .title_area p:nth-child(2) span span { 
		position: relative;
		z-index: 3;
		display: inline-block;
		font-size: min(4.5vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		letter-spacing: 0.025vw;
		padding: 2px 15px 4px;
		background-color: #3398cc;
		border-radius: 5px;
	}

	.dew_business > div {
		display: block;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.dew_business > div.f_reverse {
		display: block;
		flex-direction: row-reverse;
	}

	.dew_business > div figure,
	.dew_business > div div {
		position: relative;
		width: 100%;
		padding: 7.5% 0 0;
		margin-bottom: 5.75%;
	}
	.dew_business > div figure::before {
		position: absolute;
		top: 0;
		left: -5.63358vw;
		z-index: -1;
		content: "";
		width: 95%;
		height: 110%;
		background-color: #3398cc;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	.dew_business > div.f_reverse > div > p {
		position: relative;
		font-size: min(3.5vw,0.775rem);
		font-weight: 600;
		color: #1f4e8c;
		letter-spacing: 0.025vw;
		line-height: 1;
		padding-left: 10px;
		margin-bottom: 15px;
	}
	.dew_business > div.f_reverse figure::before {
		position: absolute;
		top: 0;
		left: auto;
		right: -7.63358vw;
		z-index: -1;
		content: "";
		width: 95%;
		height: 110%;
		background-color: #3398cc;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	}
	.dew_business > div > div > p {
		position: relative;
		font-size: min(3.5vw,0.775rem);
		font-weight: 600;
		color: #1f4e8c;
		letter-spacing: 0.025vw;
		line-height: 1;
		padding-left: 10px;
		margin-bottom: 15px;
	}
	.dew_business > div > div > p::before {
		position: absolute;
		top: 15%;
		left: 0;
		content: "";
		height: 7px;
		width: 7px;
		background-color: #3398cc;
		border-radius: 50%;
	}

	.dew_business > div figure img {
		width: 100%;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.dew_business > div.f_reverse figure img {
		display: block;
		margin-left: auto;
		width: 100%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.dew_business > div div dl dt > span { display: block;}
	.dew_business > div div dl dt span span {
		display: inline-block;
		font-size: min(4.5vw,1.2rem);
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		line-height: 1.6;
		padding: 0.75vw 2vw 1.25vw;
		background-color: #3398cc;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	.dew_business >div div dl dd {
		font-size: min(3.5vw,0.9rem);
		font-weight: 500;
		padding: 0.025vw 
	}
	
	#company_profile { margin-bottom: 50px;}
	#company_profile table {
		font-size: min(3.25vw,1rem);
		line-height: 1.8;
		border-top: 1px solid #dbd9d9;
		width: 100%;
	}
	#company_profile table tr th {
		background-color: #effaff;
		font-size: min(3.25vw,1rem);
		font-weight: 600;
		text-align: left;
		padding: 15px 10px;
		width: 25%;
		border-bottom: 1px solid #dbd9d9;
	}
	#company_profile table tr td {
		font-size: min(3.25vw,1rem);
		padding: 15px 0 15px 10px;
		border-bottom: 1px solid #dbd9d9;
	}
	#outline_wrap { margin-bottom: 75px;}

	.outline_menu {
		border: 1px solid #dbd9d9;
		margin-bottom: 10px;
		padding: 10px 20px;
	}
	.outline_menu .year {
    position: relative;
    background: url("../images/faq/arrow-open.svg") 100% center no-repeat;
    background-size: 8px;
    padding: 18px 0 15px 24px;
    font-size: min(4.25vw,1rem);
    font-weight: 600;
    letter-spacing: 0.05rem;
    cursor: pointer;
    -moz-transition: all .46s ease-out;
    -o-transition: all .46s ease-out;
    -ms-transition: all .46s ease-out;
  }
  .outline_menu .year::before {
    position: absolute;
    top: 38%;
    left: 0;
    content: "";
    background: url("../images/common/icon-dew.svg") left center no-repeat;
    background-size: 18px;
    width: 20px;
    height: 20px;
  }
  .outline_menu .year.active {
    background: url("../images/faq/arrow-close.svg") 100% center no-repeat;
    background-size: 8px;
  }
  .outline_menu .outline_content {
    display: none;
    border-top: 1px solid #dbd9d9;
    line-height: 2;
  }
  .outline_menu .outline_content p {
    padding: 15px 0;
    border-bottom: 1px solid #dbd9d9;
  }
	
	.outline_menu .outline_content p::after {
		content: "";
		display: block;
		clear: both;
	}
	.outline_menu .outline_content p .month {
		display: block;
		float: left;
		font-size: min(3.5vw,1rem);
		font-weight: 600;
		letter-spacing: 0.05vw;
		width: 15%;
	}
	.outline_menu .outline_content p .outline_text {
	  display: block;
	  float: right;
	  font-size: min(3.5vw,1rem);
	  line-height: 1.6;
	  padding-left: 0;
	  width: 80%;
	}
	.outline_menu .outline_content p:last-child { border-bottom: none;}
  
	#access_map_wrap { margin-bottom: 75px;}
	
	.access_text_box {
		letter-spacing: 0.025vw;
		width: 100%;
		margin-bottom: 25px;
	}
	.access_text_box .shop_name_ja {
		position: relative;
		font-size: min(4vw,1rem);
		font-weight: 600;
		letter-spacing: 0.075vw;
		padding-left: 13px;
		margin-bottom: 10px;
	}
	.access_text_box .shop_name_ja::before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "";
		height: 3px;
		width: 10px;
	}
	.access_text_box .address_ja {
		font-size: min(3.75vw,1rem);
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.access_text_box .tel_fax {
		font-size: min(3.95vw,1rem);
		font-weight: 500;
		margin-bottom: 10px;
	}
	.access_text_box .nearest_text {
		font-size: min(3.75vw,1rem);
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.access_text_box .shop_name_en {
		position: relative;
		font-size: min(4.25vw,1rem);
		font-weight: 600;
		letter-spacing: 0.025vw;
		padding-left: 13px;
	}
  .access_text_box .shop_name_en::before {
	  position: absolute;
	  top: 40%;
	  left: 0;
	  content: "";
	  height: 3px;
	  width: 10px;
	}
	.access_text_box .address_en {
		font-size: min(3.75vw,1rem);
		line-height: 1.4;
		margin-bottom: 25px;
	}
	.access_text_box .btn { margin: auto;}
	.access_text_box .btn a { font-size: min(4vw,1rem);}
	
	.access_map .section_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.access_map_box {
		position: relative;
		padding-bottom: 59.25%;
		height: 0;
		width: 100%;
		overflow: hidden;
	}
	
	#photo_figure { position: relative;}
	#photo_figure .ornament01 {
		position: absolute;
		top: 90%;
		left: 0;
		content: "";
		height: 92.5%;
		width: 25.5%;
		background-color: #f9f9f9;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		z-index: -1;
	}
	#photo_figure .ornament02 {
		position: absolute;
		top: -75%;
		right: 0;
		content: "";
		height: 62.5%;
		width: 17.5%;
		background-color: #f9f9f9;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		z-index: -1;
	}

	.slide_list_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.slide_list_wrap .slide_box_left {
		position: relative;
		width: 47.5%;
		height: auto;
		overflow-x: hidden;
	}
	.slide01_wrap { margin-bottom: 1rem;}

	.slide_list_wrap .slide_box_center {
		position: relative;
		width: 47.5%;
		height: auto;
		overflow-x: hidden;
	}
	.slide02_wrap { margin-bottom: 1rem;}
	.slide03_wrap {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.slide03_wrap .slide03,
	.slide03_wrap .slide04 {
		width: 44.880%;
		margin: 0;
	}

	.slide_list_wrap .slide_box_right {
		position: relative;
		width: 100%;
		height: auto;
		overflow-x: hidden;
	}

	.logo.sp {
		padding: 10.775vw 3.25vw;
		margin-bottom: 0;
	}
	.slide04_wrap::after {
		content: "";
		display: block;
		clear: both;
	}
	.slide04_wrap .slide05 { 
		float: left;
		width: 47.5%;
		margin-bottom: 0;
		margin-right: 1rem;
	}
	.slide04_wrap .slide06 { 
		float: left;
		width: 47.5%;
		margin-bottom: 0;
	}

}

/*************************************************
 @CONTENTS - CONTACT LAYOUT
----------------------------------------------- */

.contact { margin-bottom: 75px;}

.contact_box02 {
	font-weight: 600;
	text-align: center;
}

.contact_box02 dl { margin-bottom: 15px;}
.contact_box02 dl dt {
	font-size: min(2.5vw,0.9rem);
	color: #1e5199;
	margin-bottom: 5px;
}
.contact_box02 dl dd {
	display: inline-block;
	font-size: min(5vw,2rem);
	font-weight: 700;
	color: #1e5199;
	line-height: 1;
}
.contact_text01 {
	font-size: min(3.75vw,0.975rem);
	font-weight: 600;
	color: #1e5199;
	line-height: 1.8;
	letter-spacing: 0.075vw;
	margin-bottom: 50px;
}
.faq_btn a {
	font-weight: 700;
	width: 30%;
	margin: auto;
}
.contact_head_text {
	font-size: min(3vw,0.9rem);
	font-weight: 600;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 25px
}
.caution_text {
	background-color: #f9f9f9;
	padding: 3.75vw;
	margin: 50px auto;
}

.flow_wrap {
	position: relative;
	display: flex;
	justify-content: space-around;
	margin-bottom: 75px;
}
.flow_wrap::after {
	position: absolute;
	top: 58px;
	left: 0;
	right: 0;
	content: "";
	height: 1px;
	width: 67%;
	background-color: #dbd9d9;
	margin: auto;
}
.flow_wrap li {
	position: relative;
	font-size: min(3vw,0.9rem);
	font-weight: 500;
	padding: 10px;
}
.flow_wrap li::after {
	position: absolute;
	top: 43px;
	left: 40%;
	right: 0;
	content: "●";
	color: #c6ecfc;
	z-index: 5;
}
.flow_wrap .flow_active::after,
.flow_wrap .flow_active span { color: #3398cc;}
.flow_wrap li span {
	font-weight: 600;
	color: #3398cc;
	letter-spacing: 0.05vw;
	padding-right: 5px;
}
.contact_table {
	text-align: left;
	width: 1000px;
	margin: 0 auto 25px;
}
.contact_table tr td .select,
.contact_table tr td p { margin-bottom: 10px;}
.contact_table tr th {
	font-weight: 600;
	width: 25%;
	padding: 20px 0 20px 20px;
	border-top: 1px solid #dbd9d9;
	border-right: 1px solid #dbd9d9;
	vertical-align: top;
}
.contact_table tr td {
	width: 70%;
	padding: 30px 20px 30px 25px;
	border-top: 1px solid #dbd9d9;
}
.contact_table tr:last-child td,
.contact_table tr:last-child th {
	border-bottom: 1px solid #dbd9d9;
	padding: 20px;
}
.contact_table tr:last-child td { padding: 20px 20px 15px 25px;}
.contact_table select::-ms-expand { display: none;}
.contact_table select {
	font-size: min(3vw,0.9rem);
	width: 50%;
	padding: 15px 10px;
	background: url("../images/common/select_arrow.png") right 50% no-repeat;
	background-size: 40px, 100%;
	appearance: none;
	border: 1px solid #dbd9d9;
	border-radius: 5px;
}
.contact_table tr td textarea {
	font-size: min(3vw,1rem);
	width: 95%;
	height: 200px;
	padding: 10px;
	border: 1px solid #dbd9d9;
	border-radius: 5px;
	appearance: none;
}
.contact_table tr td input {
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, "Yu Gothic Medium", sans-serif;
	font-feature-settings: "pkna" 1;
	font-size: min(3vw,0.9rem);
	height: 50px;
	border: 1px solid #dbd9d9;
	border-radius: 2px;
	padding-left: 10px;
}
.contact_content input { display: none;}
.contact_content label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 12px 20px;
	border-radius: 2px;
	font-size: min(3vw,0.9rem);
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
.contact_content label:before {
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -10px;
	content: "";
	width: 20px;
	height: 20px;
	background: #eee;
	border: 1px solid #dbd9d9;
	border-radius: 50%;	
}
.contact_content input[type=radio]:checked+label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #3398cc;
}
.contact_content input[type=checkbox] { display: none;}
.contact_content .check_css {
	transition: background-color .2s linear;
	position: relative;
	display: inline-block;
	padding: 0 0 0 15px;
	vertical-align: middle;
	cursor: pointer;
}
.contact_content .check_css:after,
.contact_content .check_css:before {
	position: absolute;
	top: 50%;
	display: block;
	content: '';
}
.contact_content .check_css:hover:after { border-color: #3398cc;}
.contact_content .check_css:after {
	transition: border-color .2s linear;
	left: -8px;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	border: 2px solid #dbd9d9;
	border-radius: 2px;
}
.contact_content .check_css:before {
	transition: opacity .2s linear;
	left: -2px;
	margin-top: -7px;
	width: 6px;
	height: 10px;
	border-right: 3px solid #3398cc;
	border-bottom: 3px solid #3398cc;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #fff;
	border-radius: 0;
	opacity: 0;
	transform: rotate(45deg);
}
.contact_content input[type=checkbox]:checked+.check_css:before { opacity: 1;}
.contact_table .red {
	color: red;
	font-weight: 500;
}
.contact_table tr td input.small01 { width: 30%; -webkit-appearance: none;}
.contact_table tr td input.small02 { width: 15%; -webkit-appearance: none;}
.contact_table tr td input.long01 { width: 65%; -webkit-appearance: none;}
.contact_table tr td input.long02 { width: 80%; -webkit-appearance: none;}
.contact_table tr .border_none { border-right: none;}
.caution_text02 {
	font-weight: 600;
	margin: 0 auto 10px;
}
.caution_text03 {
	font-weight: 600;
	margin: 0 auto 30px;
	text-align: center;
}
.caution_text04 {
	font-size: min(3.25vw,1.25rem);
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
	margin: 0 auto 40px;
}
.buttons {
	margin-top: 40px;
	text-align: center;
}
.buttons input {
	background-color: #3398cc;
	font-size: min(3vw,0.9rem);
	font-weight: 600;
	letter-spacing: 0.075vw;
	color: #ffffff;
	width: 37.5%;
	margin: auto;
	padding: 25px 0;
	border-radius: 45px;
	border: none;
	appearance: none;
}
.buttons input:hover {
	opacity: .6;
	cursor: pointer;
	transition: .4s ease-in-out;
}


@media (max-width:767px) and (min-width:320px) {
	
  .contact { margin-bottom: 60px;}
	
  .contact_box02 {
    max-width: 736px;
    width: 100%;
    margin: 0 auto 50px;
    font-weight: 600;
    text-align: center;
  }
  .contact_box02 .faq_btn a { 
	  width: 80%;
	  font-size: min(3.5vw,0.925rem);
 }
  .contact_box02 dl {
    margin-bottom: 15px;
  }
  .contact_box02 dl dt {
    font-size: 0.95rem;
    color: #1e5199;
    margin-bottom: 5px;
  }
  .contact_box02 dl dd {
    display: inline-block;
    font-size: min(3.5vw,9.5rem);
    font-weight: 800;
    color: #1e5199;
    line-height: 1;
  }
  .contact_head_text {
    font-size: 0.75rem;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  .caution_text {
    max-width: 736px;
    width: 100%;
    font-size: 0.72rem;
    line-height: 1.8;
    padding: 10px;
    margin: -25px auto 10px
		
  }
  .contact_text01 {
    margin-bottom: 25px;
  }
  .flow_wrap  {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    width: 100%;
  }
  .flow_wrap::after {
    content: "";
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    background-color: #ccc;
    height: 1px;
    max-width: 736px;
    width: 100%;
    margin: auto
		
  }
  .flow_wrap li {
    position: relative;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 0;
    width: 33.333333%
		
  }
  .flow_wrap li:nth-child(2) {
    text-align: center;
  }
  .flow_wrap li:nth-child(3) {
    text-align: right;
  }
  .flow_wrap li::after {
    content: "■";
    position: absolute;
    top: 47px;
    left: -1px;
    right: 0;
    color: #c6ecfc;
    z-index: 5;
  }
  .flow_wrap li:nth-child(2)::after {
    content: "■";
    position: absolute;
    top: 47px;
    left: 0;
    color: #c6ecfc;
    z-index: 5;
  }
  .flow_wrap li:nth-child(3)::after {
    content: "■";
    position: absolute;
    top: 47px;
    left: 90%;
    color: #c6ecfc;
    z-index: 5;
  }
  .flow_wrap .flow_active::after {
    color: #33ace3 !important
  }
  .flow_wrap li span {
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #33ace3;
    letter-spacing: 0.08em;
    padding-right: 0;
  }
  .contact_table {
    text-align: left;
    max-width: 736px;
    width: 100%;
    margin: 0 auto 15px;
  }
  .contact_table tr th {
    display: block;
    font-size: 0.8rem;
    font-weight: 500;
    width: 100%;
    padding: 15px 0 2px;
    border-top: none;
    border-right: none;
    vertical-align: top;
  }
  .contact_table tr td {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .contact_table tr:last-child th {
    border-bottom: none;
    padding: 15px 0 2px;
  }
  .contact_table tr:last-child td {
    padding: 10px 0;
  }
  .contact_table tr td .select {
    margin-bottom: 10px;
  }
  .contact_table select::-ms-expand {
    display: none;
  }
  .contact_table select {
    position: relative;
    font-size: 0.75rem;
    width: 80%;
    padding: 10px;
    background: url("../img/icon/select_arrow.png") right 50% no-repeat;
    background-size: 30px, 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
		
  }
  .contact_table tr td textarea {
    font-size: 0.75rem;
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
		
  }
  .contact_table tr td input {
    font-size: 0.75rem;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 10px
		
  }
  .contact_content label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 0.75rem;
    text-align: left;
    line-height: 1;
  }
  .contact_table tr td input.long01,
  .contact_table tr td input.long02,
  .contact_table tr td input.small01,
  .contact_table tr td input.small02 {
    width: 100%;
  }
  .contact_table:nth-child(5) tr td {
    border-bottom: none;
    padding: 10px 0 0;
  }
  .contact_table:nth-child(5) tr:last-child td {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 25px;
  }
  .caution_text02 {
    line-height: 1.6;
    margin: 0;
  }
  .caution_text03 {
    line-height: 1.6;
    margin: 0 auto 30px;
    text-align: left;
  }
  .caution_text04 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    margin: 0 auto 40px;
  }
  .buttons {
    margin-top: 20px;
    text-align: center
		
  }
  .buttons input {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #fff;
    width: 85%;
    margin: 0 auto 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 15px;
  }
  .contact_box02 dl dt {
    font-size: 0.75rem;
    margin-bottom: 2px;
  }
  .contact_box02 dl dd {
    margin-bottom: 10px;
  }
  .contact_box02 dl dd a {
    color: #21539a
  }
  .contact_box02 p {
    font-size: min(3.5vw,0.925rem);
  }
	
.h2_title01.completion {
	font-size: min(4vw,9.5rem);
	line-height: 1.4;
	}
}


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

.category_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 75px;
}
.category_list li:nth-child(1) {
	position: relative;
	font-weight: 600;
	padding-left: 15px;
	margin-right: 2.75vw;
}
.category_list li:nth-child(1)::before {
	position: absolute;
	top: 51.5%;
	left: 0;
	content: "";
	height: 2px;
	width: 10px;
	border-radius: 3px;
	background-color: #3398cc;
}

.category_list li { line-height: 1; margin-right: 1.75vw;}
.category_list li a {
	position: relative;
	display: block;
	font-size: min(3vw,0.925rem);
	font-weight: 500;
	background-color: #e6f1f7;
	border-radius: 25px;
	padding: 15px 80px 15px 20px;
}
.category_list li a::before {
	position: absolute;
	top: 40.75%;
	right: 12.5%;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #3398cc;
	border-right: solid 2px #3398cc;
	transform: rotate(45deg);
}

.news_list_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.news_list_wrap .news_list {
	width: 22.0630%;
	margin-right: 3.579%;
}
.news_list_wrap .news_list:nth-child(4) { margin-right: 0;}
.news_list_wrap .news_list a {
	display: block;
	position: relative;
}

.news_list_wrap .news_list a img {
	display: block;
	margin-bottom: 10px;
	border-radius: 5px;
}

.news_list_wrap .news_list a h4.news_list_title {
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	line-height: 1.475;
	border-bottom: 1px solid #dbd9d9;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.news_list_contents {
	font-size: min(2.5vw,0.925rem);
	font-weight: 500;
	line-height: 1.6;
}

.news_list_wrap .news_list a div {
	position: absolute;
	top: -10px;
	left: -4.25%;
	line-height: 1;
}
.news_list_wrap .news_list a div .cate { text-align: center;}
.news_list_wrap .news_list a div p > span {
	position: absolute;
	top: 25px;
	left: 5px;
	min-width: 78px;
	text-align: center;
	background-color: #1f4e8c;
	transform: rotate(90deg);
	padding: 3px 0 7px;
	border-radius: 30px;
}
.news_list_wrap .news_list a div p span span {
	display: inline-block;
	font-size: min(2.5vw,0.775rem);
	font-weight: 600;
	color: #ffffff;
}
.news_list_wrap .news_list a div time {
	display: inline-block;
	font-size: min(2.5vw,0.775rem);
	font-weight: 600;
	color: #ffffff;
	padding: 10px 5px 10px;
	writing-mode: vertical-rl;
	border-radius: 30px;
	background-color: #3398cc;
}

/*---------------------------
	----------------- INFORMATION DETAIL LAYOUT */

.news_detail_wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 75px;
}
.news_detail_wrap .news_detail_left { width: 27.5%;}
.news_detail_wrap .news_detail_left .category_list {
	position: sticky;
	top: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.news_detail_wrap .news_detail_left .category_list li:nth-child(1) {
	position: absolute;
	top: 15px;
	left: 0;
	font-weight: 600;
	padding-left: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 25px;
}
.category_list li:nth-child(1)::before {
	position: absolute;
	top: 51.5%;
	left: 0;
	content: "";
	height: 2px;
	width: 10px;
	border-radius: 3px;
	background-color: #3398cc;
}

.news_detail_wrap .news_detail_left .category_list li { 
	line-height: 1;
	margin-left: 35%;
	margin-right: 0;
	margin-bottom: 15px;
}
.news_detail_wrap .news_detail_left .category_list li a {
	position: relative;
	display: block;
	font-size: min(3vw,0.925rem);
	font-weight: 500;
	background-color: #e6f1f7;
	border-radius: 25px;
	padding: 16px 0px 16px 20px;
}
.news_detail_wrap .news_detail_left .category_list li a::before {
	position: absolute;
	top: 40.75%;
	right: 12.5%;
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #3398cc;
	border-right: solid 2px #3398cc;
	transform: rotate(45deg);
}

.news_detail_right { width: 65%;}
.news_detail_right article { width: 100%;}

.news_detail_right article .news_detail_title_wrap {
	border-bottom: 1px solid #dbd9d9;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.news_detail_right article .news_detail_title_wrap .news_detail_title {
	font-size: min(4vw,1.275rem);
	line-height: 1.4;
}
.news_detail_right article .news_detail_title_wrap .cate span {
	display: inline-block;
	font-size: min(3.25vw,0.9rem);
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	background-color: #1f4e8c;
	padding: 4px 14px 5px;
	border-radius: 30px;
	margin-bottom: 5px;
}
.news_detail_right article .news_detail_title_wrap time {
	display: inline-block;
	font-size: min(3vw,0.9rem);
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	padding: 7px 14px 2px;
	border-radius: 30px;
	background-color: #3398cc;
	margin-bottom: 15px;
}
.news_detail_right article img { width: 87.5%;}

.nextprev_pagenav_wrap {
	border-bottom: 1px solid #dbd9d9;
	border-top: 1px solid #dbd9d9;
}
.nextprev_pagenav { 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.nextprev_pagenav a {
	display: block;
	font-weight: 700;
	line-height: 1.8;
}
.nextprev_pagenav .btn_list {
	width: 12.72727272%;
	display: block;
	text-align: center;
	background: url("../images/common/icon-list.svg") top no-repeat;
	background-size: 12.5%;
	padding-top: 20px;
}
.nextprev_pagenav .next,
.nextprev_pagenav .prev {
	position: relative;
	width: 43.5894737%;
	display: block;
}
.nextprev_pagenav .next::after,
.nextprev_pagenav .prev::after {
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	content: "";
}
.nextprev_pagenav .prev { padding: 42px 10px 42px 40px;}
.nextprev_pagenav .prev::after {
	position: absolute;
	top: 41.5%;
	left: 2%;
	background: url("../images/common/prev-arrow.svg") no-repeat;
	background-size: 100%;
}
.nextprev_pagenav .next {
	padding: 42px 40px 42px 10px;
	text-align: right
}
.nextprev_pagenav .next::after {
	position: absolute;
	top: 41.5%;
	right: 2%;
	background: url("../images/common/next-arrow.svg") no-repeat;
	background-size: 100%;
}


@media (max-width:767px) and (min-width:320px) {
	
	.category_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 50px;
	}
	.category_list li:nth-child(1) {
		position: relative;
		font-size: min(3.85vw,0.975rem);
		font-weight: 600;
		padding-left: 14px;
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}
	.category_list li:nth-child(1)::before {
		position: absolute;
		top: 50%;
		left: 0;
		content: "";
		height: 2px;
		width: 10px;
		border-radius: 3px;
		background-color: #3398cc;
	}

	.category_list li { 
		line-height: 1;
		width: 48.5%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.category_list li a {
		position: relative;
		display: block;
		font-size: min(3.75vw,0.925rem);
		font-weight: 500;
		background-color: #e6f1f7;
		border-radius: 25px;
		padding: 15px 10px 15px 20px;
	}
	.category_list li a::before {
		position: absolute;
		top: 40.75%;
		right: 12.5%;
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 2px #3398cc;
		border-right: solid 2px #3398cc;
		transform: rotate(45deg);
	}

	.news_list_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 0;
	}
	.news_list_wrap .news_list {
		width: 47.75%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.news_list_wrap .news_list:nth-child(4) { margin-right: 0;}
	.news_list_wrap .news_list a {
		display: block;
		position: relative;
	}

	.news_list_wrap .news_list a img {
		display: block;
		margin-bottom: 10px;
		border-radius: 5px;
	}

	.news_list_wrap .news_list a h4.news_list_title {
		font-size: min(3.75vw,1rem);
		font-weight: 600;
		line-height: 1.475;
		border-top: 1px solid #dbd9d9;
		border-bottom: none;
		padding-top: 5px;
		padding-bottom: 0;
		margin-bottom: 5px;
	}
	.news_list_contents { display: none;}

	.news_list_wrap .news_list a div {
		position: absolute;
		top: -10px;
		left: 0;
		line-height: 1;
	}
	.news_list_wrap .news_list a div .cate { text-align: left; line-height: 1;}
	.news_list_wrap .news_list a div p { line-height: 1; display: block; margin-bottom: 10px;}
	.news_list_wrap .news_list a div p > span {
		position: static;
		top: 0;
		left: 0;
		min-width: 78px;
		text-align: left;
		background-color: #1f4e8c;
		transform: none;
		padding: 0 10px 3px;
		border-radius: 30px;
	}
	.news_list_wrap .news_list a div p span span {
		display: inline-block;
		font-size: min(3vw,0.765rem);
		font-weight: 600;
		color: #ffffff;
	}
	.news_list_wrap .news_list a div time {
		display: inline-block;
		font-size: min(3vw,0.775rem);
		font-weight: 600;
		color: #ffffff;
		padding: 7px 10px 3px;
		writing-mode: horizontal-tb;
		border-radius: 30px;
		background-color: #3398cc;
	}
	
	/*---------------------------
	----------------- INFORMATION DETAIL LAYOUT */

	.news_detail_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.news_detail_wrap .news_detail_left { width: 100%;}
	.news_detail_wrap .news_detail_left .category_list {
		position: relative;
		top: 0;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 30px;
		margin-bottom: 25px;
	}
	.news_detail_wrap .news_detail_left .category_list li:nth-child(1) {
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 600;
		padding-left: 10px;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 25px;
	}
	.category_list li:nth-child(1)::before {
		position: absolute;
		top: 51.5%;
		left: 0;
		content: "";
		height: 2px;
		width: 8px;
		border-radius: 3px;
		background-color: #3398cc;
	}

	.news_detail_wrap .news_detail_left .category_list li { 
		line-height: 1;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news_detail_wrap .news_detail_left .category_list li a {
		position: relative;
		display: block;
		font-size: min(3.5vw,0.925rem);
		font-weight: 500;
		background-color: #e6f1f7;
		border-radius: 25px;
		padding: 14px 0px 14px 20px;
	}
	.news_detail_wrap .news_detail_left .category_list li a::before {
		position: absolute;
		top: 40.75%;
		right: 12.5%;
		content: "";
		width: 8px;
		height: 8px;
		border-top: solid 2px #3398cc;
		border-right: solid 2px #3398cc;
		transform: rotate(45deg);
	}

	.news_detail_right { width: 100%;}
	.news_detail_right article { width: 100%;}

	.news_detail_right article .news_detail_title_wrap {
		border-top: 1px solid #dbd9d9;
		border-bottom: 1px solid #dbd9d9;
		padding-top: 15px;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}

	.news_detail_right article .news_detail_title_wrap .news_detail_title {
		font-size: min(4.75vw,1.275rem);
		line-height: 1.4;
	}
	.news_detail_right article .news_detail_title_wrap .cate { display: inline-block;}
	.news_detail_right article .news_detail_title_wrap .cate span {
		display: inline-block;
		font-size: min(3.25vw,0.9rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1;
		background-color: #1f4e8c;
		padding: 4px 14px 7px;
		border-radius: 30px;
		margin-bottom: 10px;
	}
	.news_detail_right article .news_detail_title_wrap time {
		display: inline-block;
		font-size: min(3.25vw,0.9rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1;
		padding: 7px 14px 4px;
		border-radius: 30px;
		background-color: #3398cc;
		margin-bottom: 10px;
	}
	.news_detail_right article img { width: 100%;}

	.nextprev_pagenav_wrap {
		border-bottom: 1px solid #dbd9d9;
		border-top: 1px solid #dbd9d9;
	}
	.nextprev_pagenav { 
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.nextprev_pagenav a {
		display: block;
		font-weight: 700;
		line-height: 1.8;
	}
	.nextprev_pagenav .btn_list {
		width: 24.72727272%;
		display: block;
		text-align: center;
		background: url("../images/common/icon-list.svg") top no-repeat;
		background-size: 18.5%;
		padding-top: 18px;
	}
	.nextprev_pagenav .next,
	.nextprev_pagenav .prev {
		position: relative;
		width: 37.5894737%;
		display: block;
	}
	.nextprev_pagenav .next::after,
	.nextprev_pagenav .prev::after {
		box-sizing: border-box;
		width: 16px;
		height: 16px;
		content: "";
	}
	.nextprev_pagenav .prev { padding: 32px 0 32px 20px;}
	.nextprev_pagenav .prev::after {
		position: absolute;
		top: 42.5%;
		left: 0;
		background: url("../images/common/prev-arrow.svg") no-repeat;
		background-size: 100%;
	}
	.nextprev_pagenav .next {
		padding: 32px 21px 32px 0;
		text-align: right
	}
	.nextprev_pagenav .next::after {
		position: absolute;
		top: 41.5%;
		right: 0;
		background: url("../images/common/next-arrow.svg") no-repeat;
		background-size: 100%;
	}

}



/*************************************************
 @CONTENTS - FAQ LAYOUT
----------------------------------------------- */

.faq_head_text {
	font-size: min(3.25vw,1.15rem);
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}

.faq_menu {
    border: 1px solid #dbd9d9;
	border-radius: 5px;
    margin-bottom: 25px;
    padding: 15px 40px;
	}

.faq_menu .question {
	position: relative;
	font-size: min(3.75vw,1.075rem);
	font-weight: 600;
	letter-spacing: 0.075vw;
	background: url("../images/faq/arrow-open.svg") 100% center no-repeat;
	background-size: 10px;
	padding: 30px 0 30px 25px;
	cursor: pointer;
	transition: .3s ease-in-out;
	}

.faq_menu .question::before {
	position: absolute;
	top: 37.5%;
	left: 0;
	content: "";
	background: url("../images/common/icon-dew.svg") left 2px no-repeat;
	background-size: 18px;
	width: 28px;
	height: 28px;
	}

.faq_menu .question.active {
    background: url("../images/faq/arrow-close.svg") 100% center no-repeat;
    background-size: 10px;
	}

.faq_menu .answer {
    display: none;
	border-top: 1px solid #dbd9d9;
    line-height: 2;
	}
.faq_menu .answer p {
	padding: 30px 10px 30px 30px;
	border-bottom: 1px solid #dbd9d9;
	} 

.faq_menu .answer p:last-child { border-bottom: none;}



@media (max-width:767px) and (min-width:320px) {
	
	.faq_head_text {
		font-size: min(3.85vw,1.15rem);
		font-weight: 700;
		text-align: center;
		line-height: 1.6;
		letter-spacing: 0.075vw;
		margin-bottom: 25px;
	}
	.faq_menu {
		border: 1px solid #e5e5e5;
		margin-bottom: 15px;
		padding: 10px 10px;
	}

	.faq_menu .question {
		position: relative;
		background: url("../images/faq/arrow-open.svg") 97.5% center no-repeat;
		background-size: 8px;
		padding: 17px 20px 17px 25px;
		font-size: min(3.5vw,1rem);
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: 0.025vw;
		cursor: pointer;
	}

	.faq_menu .question::before {
		position: absolute;
		top: 16px;
		left: 5px;
		content: "";
		background-size: 14px;
		width: 18px;
		height: 18px;
	}

	.faq_menu .question.active {
		background: url("../images/faq/arrow-close.svg") 97.5% center no-repeat;
		background-size: 8px;
	}

	.faq_menu .answer p {
		padding: 10px;
		border-bottom: 1px solid #e5e5e5;
		} 
	}


/*************************************************
 @CONTENTS - PRIVACY POLICY LAYOUT
----------------------------------------------- */

.notes_wrap { margin-bottom: 75px;}

.notes_title  {
	font-size: min(4.25vw,1.25rem);
	font-weight: 600;
	color: #1e5199;
	text-align: center;
	letter-spacing: 0.025vw;
	line-height: 1;
	padding-top: 34px;
	margin-bottom: 40px;
	background: url("../images/common/icon-dew.svg") center top no-repeat;
	background-size: 24px 28px;
}
.notes_title span.en {
	display: block;
	font-size: min(1.5vw,0.75rem);
	color: #3398cc;
	letter-spacing: 0.025vw;
	margin-top: 10px;
}

.notes_wrap .section_inner p { 
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	letter-spacing: 0.025vw;
	margin-bottom: 15px;
	}
.notes_wrap .section_inner ul li {
	position: relative;
	padding-left: 11px;
	margin-bottom: 20px;
	letter-spacing: 0.025vw;
	}
.notes_wrap .section_inner ul li::before {
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: #3398cc;
	}

.privacy_wrap { margin-bottom: 150px;}
.privacy_wrap .section_inner p { 
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	letter-spacing: 0.025vw;
	margin-bottom: 25px;
	}
.privacy_wrap .section_inner dl { margin-bottom: 20px;}
.privacy_wrap .section_inner dl dt {
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	color: #3398cc;
	}
.privacy_wrap .section_inner dl dd { line-height: 1.6;}


@media (max-width:767px) and (min-width:320px) {
	
	.notes_wrap { margin-bottom: 75px;}
	
	.notes_title {
		font-size: min(4.75vw,1.05rem);
		letter-spacing: 0.025vw;
		padding-top: 30px;
		margin-bottom: 25px;
		background: url("../images/common/icon-dew.svg") center top no-repeat;
		background-size: 20px 24px;
	}
	.notes_title span.en {
		display: block;
		font-size: min(2.75vw,0.875rem);
	}
	
	.notes_wrap .section_inner p { 
		font-size: min(3.5vw,1.15rem);
		font-weight: 500;
		line-height: 1.8;
		letter-spacing: 0.025vw;
		margin-bottom: 25px;
		}
	.notes_wrap .section_inner ul li {
		position: relative;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: min(3.5vw,1.075rem);
		letter-spacing: 0.025vw;
		}
	.notes_wrap .section_inner ul li::before {
		position: absolute;
		top: 11px;
		left: 0;
		content: "";
		height: 8px;
		width: 8px;
		}
	.privacy_wrap { margin-bottom: 60px;}
	.privacy_wrap .section_inner p { 
		font-size: min(3.5vw,1.15rem);
		letter-spacing: 0.005vw;
		margin-bottom: 25px;
		}
	.privacy_wrap .section_inner dl { margin-bottom: 20px;}
	.privacy_wrap .section_inner dl dt {
		font-size: min(3.5vw,1.075rem);
		margin-bottom: 5px;
		}
	.privacy_wrap .section_inner dl dd {
		font-size: min(3.5vw,1.075rem);
		line-height: 1.8;
		}
}




/*************************************************
 @CONTENTS - COMMON LAYOUT
----------------------------------------------- */
	
.un_keyvisual_wrap { 
	width: 100vw;
	margin-bottom: 125px;
}
.un_keyvisual_inner {
	padding-top: 5.75vw;
	padding-bottom: 5.75vw;
	padding-left: 7.63358vw;
	padding-right: 7.63358vw;
	margin: auto;
	min-width: 1110px;
}

.un_keyvisual_wrap .kv_bread_list {
	display: flex;
	flex-wrap: wrap;
	margin-left: 7.63358vw;
	margin-right: 7.63358vw;
	padding-top: 0.75vw;
	min-width: 1110px;
	border-top: 1px solid #dbd9d9;
}
.un_keyvisual_wrap .kv_bread_list li {
	display: inline-block;
	margin-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: min(1.5vw,0.825rem);
	font-weight: 600;
}
.un_keyvisual_wrap .kv_bread_list li.arrow::after {
	content: ">";
	display: inline-block;
	padding-left: 5px;
	padding-right: 3px;
	font-size: min(2.75vw,0.825rem);
	color: #6e7172;
}
.un_keyvisual_wrap .kv_bread_list li.arrow a {
	color: #3398cc;
}

.h2_page_title {
	font-size: min(4vw,2rem);
	font-weight: 700;
	color: #1f4e8c;
	line-height: 1;
}
.h2_page_title .en {
	display: block;
	font-size: min(1vw,1rem);
	color: #3398cc;
	margin-top: 10px;
	}

.h2_title03 {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 40px 0;
	font-size: 0.7rem;
	font-weight: 500;
	color: #28a7e1;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1rem;
	}

.h2_title03::before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	height: 1px;
	width: 20px;
	background-color: #1e5199;
	transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	}

.h2_title03 span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #1e5199;
	letter-spacing: 0.2rem;
	margin-bottom: 5px;
	}


@media (max-width: 767px) and (min-width: 300px) {
	
	.un_keyvisual_wrap { 
		width: 100vw;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.un_keyvisual_inner {
		padding-top: 12.75vw;
		padding-bottom: 9.75vw;
		padding-left: 5.066666%;
		padding-right: 5.066666%;
		margin: auto;
		min-width: 320px;
	}
	
	.un_keyvisual_wrap .kv_bread_list {
		display: flex;
		flex-wrap: wrap;
		margin-left: 5.066666%;
		margin-right: 5.066666%;
		padding-top: 1.75vw;
		min-width: 320px;
		border-top: 1px solid #dbd9d9;
	}
	.un_keyvisual_wrap .kv_bread_list li {
		display: inline-block;
		margin-right: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: min(3vw,0.825rem);
		font-weight: 600;
	}
	.un_keyvisual_wrap .kv_bread_list li.arrow::after {
		content: ">";
		display: inline-block;
		padding-left: 5px;
		padding-right: 3px;
		font-size: min(2.75vw,0.825rem);
		color: #6e7172;
	}
	.un_keyvisual_wrap .kv_bread_list li.arrow a { color: #3398cc;}

	.h2_page_title {
		font-size: min(5.5vw,2rem);
		font-weight: 700;
		color: #1f4e8c;
		line-height: 1;
		letter-spacing: 0.075vw;
	}
	.h2_page_title .en {
		display: block;
		font-size: min(2.75vw,1rem);
		color: #3398cc;
		margin-top: 10px;
	}

.h2_title03 {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 40px 0;
	font-size: 0.7rem;
	font-weight: 500;
	color: #28a7e1;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1rem;
	}

.h2_title03::before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	height: 1px;
	width: 20px;
	background-color: #1e5199;
	transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	}

.h2_title03 span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: #1e5199;
	letter-spacing: 0.2rem;
	margin-bottom: 5px;
	}

	}