@charset "UTF-8";

/**************************************************
 @ RESET verHTML5
 - ALL
**************************************************/

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}

ul { list-style: none outside none;}

blockquote,q { quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: none;}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #6e7172;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	}

a:link,a:visited,a:active {
    color: #6e7172;
    text-decoration: none;
	}

a:hover {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: .65
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

input,select { 
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 0;
	}

img { vertical-align: bottom;}


/**************************************************
 @ BASE
 - ALL
**************************************************/

html {
	/*height: -webkit-fill-available;*/
	font-feature-settings: "palt" 1;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	}

body {
	position: relative;
	font-family: source-han-sans-japanese, sans-serif;
	font-feature-settings: "palt" 1, "trad" 1;
	font-size: 0.925rem;
	font-weight: 400;
	color: #6e7172;
	line-height: 2;
	letter-spacing: 0.025vw;
	overflow-x: hidden;
  	text-rendering: optimizeLegibility;
	text-size-adjust:100%;
}

span, object, article,
aside, dialog, figure, footer,
header, menu, nav, section {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	width: 100%;
	height: auto;
}

article, aside, dialog, figure, footer, header, menu, nav, object, section, span {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}

/*---------------------------
	----------------- FONT */

.poppins { font-family: 'poppins', sans-serif;}
.source-han-sans-japanese { font-family: source-han-sans-japanese, sans-serif;}

.en { font-family: 'poppins', sans-serif;}
.ja { font-family: 'source-han-sans-japanese', sans-serif;}


/*---------------------------
	----------------- ANIMATION */

.inview {
	opacity: 0;
	transform: translate(0,100px);
	-webkit-transform: translate(0,100px);
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	transition: all 1s ease;
}

.inview_rise {
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

@keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

/*---------------------------
	----------------- USER AGENT */

@media (min-width: 767px) {
	
	.sp { display: none !important }
	
}

@media (max-width: 767px) and (min-width: 320px) {
	
	body {
		font-size: 0.825rem;
		letter-spacing: 0;
		width: 100%;
		overflow-x: hidden;
	}
	
	#wrap {
		width: 100%;
		max-width: 767px;
		min-width: 320px;
		overflow: hidden;
		margin: 0 auto
	}
	
	.pc { display: none !important; }

}


/*************************************************
 @CONTENTS - HEADER
----------------------------------------------- */

header {
	position: relative;
	width: 100%;
	z-index: 100;
	padding: 1.625vw 0;
	border-bottom: 1px solid #dcdcdc;
}
header .header_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 1080px;
	width: 100%;
}
header .header_inner .h1_logo {
	margin-left: 3.81679%;
	margin-top: -0.525vw;
	width: 10.229%;
	min-width: 134px;
}

header .fix_salon_search {
	position: fixed;
	top: 37.5%;
	right: 0;
}
header .fix_salon_search a { 
	display: flex;
	align-items: center;
	font-weight: 600;
	color: #ffffff;
	line-height: 1;
	background: #3398cc url("../images/common/icon-shop.png") 1.15vw 20px no-repeat;
	background-size: 52.5%;
	padding: 5.75vw 1.2vw 1.85vw 1.45vw;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
header .fix_salon_search a .ja {
	font-size: min(1.375vw,1.375rem);
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-right: 0.15vw;
}
header .fix_salon_search a .en {
	font-size: min(0.8vw,0.8rem);
	font-weight: 700;
	writing-mode: vertical-rl;
}


@media (max-width: 767px) and (min-width: 320px) {
	
	header { 
		position: fixed;
		padding: 0;
		height: 55px;
		background: rgba(255,255,255,0.95);
	}
	header .header_inner {
		position: relative;
		min-width: 320px;
		width: 100%;
		margin: auto;
		padding: 0 0 0 10px;
	}
	header .header_inner .h1_logo {
		position: relative;
		z-index: 9999;
		margin-left: 2.21679%;
		margin-top: -3.15vw;
		width: 30.75%;
		min-width: 112px;
	}
	header .header_inner .h1_logo a img {}
	
	header .header_inner .gnav_wrap {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
		margin-top: 0;
	}
	
	header .fixde_nav_btn {
		position: fixed;
		top: 0;
		right: 61px;
		display: flex;
		flex-wrap: nowrap;
		width: 42.333333%;
		z-index: 50;
	}
	header .fixde_nav_btn div {
		position: relative;
		width: 52.5%;
		height: 60px;
		display: flex;
		align-items: center;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		background: rgba(51,152,204,0.975);
	}
	header .fixde_nav_btn div:nth-child(1) {
		width: 47.5%;
		margin-right: 1px;
	}
	header .fixde_nav_btn div a {
		font-size: min(3vw,1.25rem);
		font-weight: 600;
		color: #ffffff;
		line-height: 1.2;
	}
	header .fixde_nav_btn div:nth-child(1) a {
		background: url("../images/common/sp-icon-shop.png") 1.75vw center no-repeat;
		background-size: 34.5%;
		padding-left: 9vw;
	}
	header .fixde_nav_btn div:nth-child(2) a {
		background: url("../images/common/sp-icon-gmenu.png") 2.25vw center no-repeat;
		background-size: 28.25%;
		padding-left: 9.25vw;
	}
	
	
	
}

/*************************************************
 @CONTENTS - G-NAVIGATION 
----------------------------------------------- */

.pc_nav { margin-right: 10.75vw;}

.gnav_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 4.5vw;
}

.h_contact_btn {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #3398cc;
	line-height: 1;
	width: 13.25vw;
	border-radius: 0 0 0 10px;
}
.h_contact_btn a {
	display: block;
	font-size: min(1.275vw,0.845rem);
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	padding-top: 1.095vw;
	padding-bottom: 2.25vw;
}
.h_contact_btn a span { 
	display: block;
	font-weight: 800;
	padding-top: 0.875vw;
}
.h_contact_btn a span.en {
	font-size: min(0.825vw,0.825rem);
	font-weight: 700;
	padding-top: 0;
	margin-top: 0.5vw;
}	

.gnav_wrap li a {
	display: block;
	font-size: min(1.275vw,0.85rem);
	font-weight: 600;
	color: #6e7172;
	letter-spacing: 0.075vw;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	padding: 10px 1.25vw;
}

.gnav_wrap .entry_btn a {
	background: -moz-linear-gradient(65deg, #259fd7, #4bc3fa); 
	background: -webkit-linear-gradient(65deg, #259fd7, #4bc3fa); 
	background: linear-gradient(25deg, #259fd7, #4bc3fa);
	font-size: 0.8rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.1rem;
	padding: 16px 45px 15px;
	margin-top: -5px;
	margin-left: 15px;
	width: 100%;
	border-radius: 30px;
}

.gnav_wrap li.recruit_navi a { position: relative; padding: 10px 1.5vw 10px 1.25vw; }
.gnav_wrap li.recruit_navi a::before,
.gnav_wrap li.recruit_navi a::after {
	position: absolute;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #6e7172;
	border: 1px solid #ffffff;
}
.gnav_wrap li.recruit_navi a::before {
	top: 34%;
	right: 0;
}
.gnav_wrap li.recruit_navi a::after {
	top: 42%;
	right: 3px;
}

@media (max-width: 767px) and (min-width: 320px) {
	
	.sp_open_btn {
		position: relative;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		cursor: pointer;
		background-color: #1f4e8c;
		border-bottom-left-radius: 10px;
		z-index: 9999;
	}
	.sp_open_btn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 50%;
		margin-left: -15%;
		height: 1px;
		border-radius: 1px;
		background-color: #fff;
		width: 30%;
	}
	.sp_open_btn span:nth-of-type(1) { top:20px;}
	.sp_open_btn span:nth-of-type(2) { top: 28px;}
	.sp_open_btn span:nth-of-type(3) { top:36px;}
	
	.sp_open_btn.active span:nth-of-type(1) {
		top: 22px;
		transform: translateY(7px) rotate(-45deg);
		width: 35%;
	}
	.sp_open_btn.active span:nth-of-type(2) { opacity: 0;}
	.sp_open_btn.active span:nth-of-type(3){
		top: 35px;
		transform: translateY(-6px) rotate(45deg);
		width: 35%;
	}
	
	#sp_gnav {
		position: absolute;
		top: 0;
		right: -300%;
		width: 100%;
		height: 100vh;
		background: rgba(246,246,246,.95);
		z-index: 999;
		transition: all 0.4s;
	}
	#sp_gnav.panelactive { right: 0;}
	#sp_gnav.panelactive #sp_gnav_list {
		position: fixed;
		z-index: 999; 
		width: 30%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

    #sp_gnav,
    #sp_gnav.panelactive #sp_gnav_list{ width:100%;}
	#sp_gnav ul {
		width: 90%;
		margin: 18.25vw auto 5.5vw;
		z-index: 999;
		
	}
	#sp_gnav li { 
		text-align: center;
		border-bottom: 1px dotted #6e7172;
	}
	#sp_gnav li a {
		display: block;
		font-size: min(3.75vw,1.25rem);
		font-weight: 500;
		padding: 3.25vw 0 3vw;
		text-transform: uppercase;
		line-height: 1;
		letter-spacing: 0.025vw;
		transition: all .4s;
	}
	#sp_gnav li a span {
		display: block;
		font-size: min(2.85vw,1.25rem);
		font-weight: 600;
		color: #3398cc;
		margin-top: 2.25vw;
	}
	
	#sp_gnav .sp_nav_contact { 
		text-align: center;
		width: 90%;
		margin: 0 auto 9vw;
	}
	#sp_gnav .sp_nav_contact a {
		display: block;
		font-size: min(3.575vw,1.25rem);
		font-weight: 600;
		color: #3398cc;
		line-height: 1;
		border: 2px solid #3398cc;
		border-radius: 30px;
		padding: 2.75vw 0;
	}
	#sp_gnav .sp_nav_contact a span {
		display: block;
		font-size: min(3vw,1rem);
		margin-top: 8px;
	}
	
	#sp_gnav .sub_nav_wrap {
		display: flex;
		justify-content: space-between;
		width: 80%;
		margin: auto;
	}
	#sp_gnav .sub_nav_wrap div:nth-child(1) p:nth-child(1) { margin-bottom: 10px;}
	#sp_gnav .sub_nav_wrap div:nth-child(1) p a {
		display: block;
		position: relative;
		font-size: min(3.75vw,1.25rem);
		font-weight: 500;
		padding-left: 13px;
	}
	#sp_gnav .sub_nav_wrap div:nth-child(1) p a::before {
		position: absolute;
		top: 47.5%;
		left: 0;
		content: "";
		width: 8px;
		height: 3px;
		background-color: #3398cc;
	}
	#sp_gnav .sns p:nth-child(1) {
		background: url("../images/common/icon-insta.png") no-repeat;
		background-size: 30px;
		font-weight: 600;
		padding-left: 35px;
		margin-bottom: 10px;
	}
	#sp_gnav .sns p:nth-child(2) {
		background: url("../images/common/icon-fb.png") no-repeat;
		background-size: 30px;
		font-weight: 600;
		padding-left: 35px;
	}
	
}


/*************************************************
 @CONTENTS - RECRUIT LAYOUT
----------------------------------------------- */

.recruit_head_text {
	background-color: #1f4e8c;
	margin: 0 calc(50% - 50vw) 35px;
	padding: 2.75vw 0 3vw; 
	width: 100vw;
}
.recruit_head_text p {
	font-weight: 500;
	color: #ffffff;
	line-height: 1;
	padding-left: 7.63358vw;
	padding-right: 7.63358vw;
}
.recruit_head_text p:nth-child(1) {
	font-size: min(1.75vw,1.5rem);
	font-weight: 700;
	margin-bottom: 15px;
}
.recruit_box_wrap { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recruit_box { width: 47.297%;}
.recruit_box h3 {
	font-size: min(1.375vw,1.375rem);
	line-height: 1;
	margin-bottom: 15px;
}
.recruit_box h3 .en{
	display: block;
	font-size: min(0.975vw,0.975rem);
	font-weight: 600;
	letter-spacing: 0.025vw;
	margin-bottom: 5px;
}
.recruit_box.dew h3 .en { color: #1f4e8c;}
.recruit_box.mama h3 .en { color: #2ea4c0;}

.recruit_box .recruit_photo {
	position: relative;
	margin-bottom: 50px;
}
.recruit_box .recruit_photo::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 10px;
	width: 100%;
}
.recruit_box.dew .recruit_photo::before { background-color: #3398cc;}
.recruit_box.mama .recruit_photo::before { background-color: #2ea4c0;}

.recruit_box dl {
	position: absolute;
	top: 62.5%;
	color: #ffffff;
	width: 69.857%;
	padding: 1vw 1.25vw 1.5vw;
}
.recruit_box.dew dl { left: -1.75vw;}
.recruit_box.mama dl { right: -1.75vw;}

.recruit_box dl dt {
	display: inline-block;
	position: relative;
	font-size: min(1.275vw,1.275rem);
	font-weight: 600;
	padding-right: 1.675rem;
}
.recruit_box dl dt::before {
	position: absolute;
	top: 16%;
	right: 0;
	content: "";
	width: 22px;
	height: 22px;
	border: 1px solid #ffffff;
	border-radius: 50%;
}
.recruit_box dl dt::after {
	position: absolute;
	top: 37%;
	right: 0.325rem;
	content: "";
	width: 11px;
	height: 11px;
	background: url("../images/common/arrow.svg") no-repeat;
	background-size: 100%;
}
.recruit_box dl dd {
	font-size: min(0.975vw,0.975rem);
	font-weight: 600;
	line-height: 1.8
}
.recruit_box.dew dl { background-color: #3398cc;}
.recruit_box.mama dl { background-color: #2ea4c0;}

.recruit_box .recruit_text {
	font-weight: 500;
	margin-bottom: 25px;
}

.recruit_box .btn { width: 55.75%;}
.recruit_box .btn a {
	position: relative;
	display: inline-block;
	font-size: min(1.095vw,1.095rem);
}

.recruit_box.dew .btn a::before {
	position: absolute;
	top: 22px;
	right: 14.5%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.dew .btn a::after {
	position: absolute;
	top: 25px;
	right: 15.75%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.dew .btn a:hover::before {
	position: absolute;
	top: 22px;
	right: 10%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.dew .btn a:hover::after {
	position: absolute;
	top: 25px;
	right: 11.25%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #3398cc;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}

.recruit_box.mama .btn { margin-left: auto;}
.recruit_box.mama .btn a { 
	background-color: #2ea4c0;
}
.recruit_box.mama .btn a::before {
	position: absolute;
	top: 22px;
	right: 17%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #2ea4c0;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.mama .btn a::after {
	position: absolute;
	top: 25px;
	right: 18.25%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #2ea4c0;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.mama .btn a:hover::before {
	position: absolute;
	top: 22px;
	right: 13%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #2ea4c0;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}
.recruit_box.mama .btn a:hover::after {
	position: absolute;
	top: 25px;
	right: 14.25%;
	content: "";
	width: 13px;
	height: 8px;
	background-color: #2ea4c0;
	border: 1px solid #ffffff;
	transition: 0.4s ease-in-out;
}



@media (max-width: 767px) and (min-width: 320px) {
	
	.recruit_head_text {
		background-color: #1f4e8c;
		margin: 0 calc(50% - 50vw) 25px;
		padding: 3.75vw 0 4.25vw; 
		width: 100vw;
	}
	.recruit_head_text p {
		font-weight: 500;
		color: #ffffff;
		line-height: 1;
		padding-left: 20px;
		padding-right: 20px;
	}
	.recruit_head_text p:nth-child(1) {
		font-size: min(4.25vw,1.5rem);
		font-weight: 700;
		letter-spacing: 0.075vw;
		margin-bottom: 10px;
	}
	.recruit_head_text p:nth-child(2) {
		font-size: min(3.5vw,1.5rem);
		font-weight: 500;
		line-height: 1.4
	}
	.recruit_box_wrap { 
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.recruit_box { width: 100%;}
	.recruit_box:nth-child(1) { margin-bottom: 35px;}
	.recruit_box h3 {
		font-size: min(4.25vw,2.75rem);
		line-height: 1;
		margin-bottom: 15px;
	}
	.recruit_box h3 .en{
		display: block;
		font-size: min(3vw,2.75rem);
		font-weight: 600;
		letter-spacing: 0.025vw;
		margin-bottom: 5px;
	}
	.recruit_box.dew h3 .en { color: #1f4e8c;}
	.recruit_box.mama h3 .en { color: #2ea4c0;}

	.recruit_box .recruit_photo {
		position: relative;
		margin-bottom: 75px;
	}
	.recruit_box .recruit_photo::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		height: 5px;
		width: 100%;
	}
	.recruit_box.dew .recruit_photo::before { background-color: #1f4e8c;}
	.recruit_box.mama .recruit_photo::before { background-color: #2ea4c0;}
	
	.recruit_box dl {
		position: absolute;
		top: 72.5%;
		color: #ffffff;
		width: 98.5%;
		padding: 2vw 2.75vw 3.95vw;
	}
	.recruit_box.dew dl { left: -5.25vw;}
	.recruit_box.mama dl { right: -5.25vw;}
	
	.recruit_box dl dt {
		display: inline-block;
		position: relative;
		font-size: min(4.25vw,1.25rem);
		font-weight: 600;
		padding-right: 1.675rem;
	}
	.recruit_box dl dt::before {
		position: absolute;
		top: 18%;
		right: 0;
		content: "";
		width: 22px;
		height: 22px;
		border: 1px solid #ffffff;
		border-radius: 50%;
	}
	.recruit_box dl dt::after {
		position: absolute;
		top: 39%;
		right: 0.325rem;
		content: "";
		width: 11px;
		height: 11px;
		background: url("../images/common/arrow.svg") no-repeat;
		background-size: 100%;
	}
	.recruit_box dl dd {
		font-size: min(3.15vw,1.25rem);
		font-weight: 600;
		line-height: 1.6;
	}
	.recruit_box.dew dl { background-color: #1f4e8c;}
	.recruit_box.mama dl { background-color: #2ea4c0;}

	.recruit_box .recruit_text {
		font-weight: 500;
		line-height: 1.75;
		margin-bottom: 15px;
	}

	.recruit_box .btn { 
		width: 82.75%;
		margin: auto;
	}
	.recruit_box .btn a {
		position: relative;
		display: inline-block;
		font-size: min(3.75vw,3.75rem);
		font-weight: 700;
	}
	.recruit_box.dew .btn a {
		padding-left: 13.75vw;
		text-align: left;
		background-color: #1f4e8c !important;
	}
	.recruit_box.dew .btn a::before {
		position: absolute;
		top: 22px;
		right: 14.5%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #1f4e8c;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.dew .btn a::after {
		position: absolute;
		top: 25px;
		right: 15.75%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #1f4e8c;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.dew .btn a:hover::before {
		position: absolute;
		top: 22px;
		right: 10%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #1f4e8c;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.dew .btn a:hover::after {
		position: absolute;
		top: 25px;
		right: 11.25%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #1f4e8c;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}

	.recruit_box.mama .btn { margin-left: auto;}
	.recruit_box.mama .btn a { 
		padding-left: 15.75vw;
		text-align: left;
		background-color: #2ea4c0;
	}
	.recruit_box.mama .btn a::before {
		position: absolute;
		top: 22px;
		right: 19%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #2ea4c0;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.mama .btn a::after {
		position: absolute;
		top: 25px;
		right: 20.25%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #2ea4c0;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.mama .btn a:hover::before {
		position: absolute;
		top: 22px;
		right: 15%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #2ea4c0;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}
	.recruit_box.mama .btn a:hover::after {
		position: absolute;
		top: 25px;
		right: 16.25%;
		content: "";
		width: 13px;
		height: 8px;
		background-color: #2ea4c0;
		border: 1px solid #ffffff;
		transition: 0.4s ease-in-out;
	}

}

/*************************************************
 @CONTENTS - BANNER LAYOUT
----------------------------------------------- */

#bnr_area {
	border-top: 1px solid #dbd9d9;
	padding-top: 4.25vw;
	margin-bottom: 4.25vw;
}

.bnr_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bnr_box .bnr_box_inner { 
	width: 18.9189%;
	margin-right: 1.56126%;
}
.bnr_box .bnr_box_inner:last-child { margin-right: 0;}
.bnr_box .bnr_box_inner h5 {
	position: relative;
	font-size: min(1.15vw,1.15rem);
	font-weight: 600;
	line-height: 1;
	padding-left: 12px;
	margin-bottom: 20px;
}
.bnr_box .bnr_box_inner h5::before {
	position: absolute;
	top: 15%;
	left: 0;
	content: "";
	width: 8px;
	height: 8px;
	background-color: #3398cc;
	border-radius: 50%;
}
.bnr_box .bnr_box_inner h5 span { 
	display: block;
	font-size: min(0.875vw,0.875rem);
	font-weight: 600;
	color: #3398cc;
	line-height: 1;
	letter-spacing: 0.025vw;
	margin-top: 8px;
}

.bnr_box .bnr_box_inner .bnr_list li {
	width: 100%;
	margin-bottom: 25px;
	}
.bnr_box .bnr_box_inner .bnr_list li a {
	display: block;
	width: 100%;
	}
.bnr_box .bnr_box_inner .bnr_list li a img { 
	display: block;
	margin-bottom: -5px;
}
.bnr_box .bnr_box_inner .bnr_list li a span {
	position: relative;
	display: inline-block;
	font-size: min(0.95vw,0.95rem);
	font-weight: 600;
	line-height: 1;
	padding-right: 1.175rem;
}
.bnr_box .bnr_box_inner .bnr_list li a span::before {
	position: absolute;
	top: 0.1rem;
	right: 0;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #6e7172;
}
.bnr_box .bnr_box_inner .bnr_list li a span::after {
	position: absolute;
	top: 0.225rem;
	right: 0.125rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #6e7172;
}


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

	#bnr_area {
		border-top: 1px solid #dbd9d9;
		padding-top: 6.25vw;
		margin-bottom: 7.25vw;
	}
	
	#bnr_area .swiper_pagination { text-align: center;}

	.bnr_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bnr_box .bnr_box_inner { width: 100%; margin-right: 0;}
	.bnr_box .bnr_box_inner h5 {
		position: relative;
		font-size: min(3.95vw,1.25rem);
		font-weight: 600;
		line-height: 1;
		padding-left: 13px;
		margin: 0 auto 20px;
		width: 70%;
	}
	.bnr_box .bnr_box_inner h5::before {
		position: absolute;
		top: 15%;
		left: 0;
		content: "";
		width: 8px;
		height: 8px;
		background-color: #3398cc;
		border-radius: 50%;
	}
	.bnr_box .bnr_box_inner h5 span { 
		display: block;
		font-size: min(2.75vw,1.25rem);
		font-weight: 600;
		color: #3398cc;
		line-height: 1;
		letter-spacing: 0.025vw;
		margin-top: 8px;
	}

	.bnr_box .bnr_box_inner .bnr_list li {
		width: 70%;
		margin: 0 auto 25px;
	}
	.bnr_box .bnr_box_inner .bnr_list li:last-child {
		margin: 0 auto;
	}
	.bnr_box .bnr_box_inner .bnr_list li a {
		display: block;
		width: 100%;
	}
	.bnr_box .bnr_box_inner .bnr_list li a img { 
		display: block;
		margin-bottom: 0;
	}
	.bnr_box .bnr_box_inner .bnr_list li a span {
		position: relative;
		display: inline-block;
		font-size: min(3.25vw,1.25rem);
		font-weight: 600;
		line-height: 1;
		padding-right: 1.25rem;
	}
	.bnr_box .bnr_box_inner .bnr_list li a span::before {
		position: absolute;
		top: 0.1rem;
		right: 0;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #ffffff;
		border: 1px solid #6e7172;
	}
	.bnr_box .bnr_box_inner .bnr_list li a span::after {
		position: absolute;
		top: 0.225rem;
		right: 0.125rem;
		content: "";
		width: 14px;
		height: 10px;
		background-color: #ffffff;
		border: 1px solid #6e7172;
	}


	
}


/*************************************************
 @CONTENTS - FOOTER LAYOUT
----------------------------------------------- */

.bread_list_wrap {
	position: relative;
	padding-left: 7.63358vw;
	padding-right: 7.63358vw;
	background-color: #f9f9f9;
	border-top: 1px solid #dbd9d9;
	border-bottom: 1px solid #dbd9d9;
}
.bread_list_wrap .bread_list { height: 50px;}
.bread_list_wrap .bread_list li {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 0;
	padding-bottom: 0;
	padding-top: 12px;
	font-size: min(1vw,1rem);
	font-weight: 600;
}
.bread_list_wrap .bread_list li.arrow::after {
	content: ">";
	display: inline-block;
	padding-left: 4px;
	color: #ffffff;
}

.clearfix::before { content: ""; display: table;}
.clearfix::after { clear: both;}

footer { }
footer .footer_outer {
	background: url("../images/common/logo.svg") center 118% no-repeat;
	background-size: 100%;
	padding-bottom: 15.75vw;
}
.page_top {
	position: fixed;
	bottom: 20px;
	right: 4.13358vw;
	width: 70px;
	height: 70px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	z-index: 10;
	opacity: 0;
	transform: translateX(100px);
	}

.page_top a {
	position: relative;
	display: block;
	font-size: 0.525rem;
	font-weight: 600;
	color: #1f4e8c;
	letter-spacing: 0.0025vw;
	padding-top: 62.5%;
	width: 100%;
	height: 100%;
	background: url("../images/common/icon-dew.svg") center 34.5% no-repeat;
	background-size: 35.75%;
	}

#page-top.LeftMove{ animation: LeftAnime 1s forwards;}
@keyframes LeftAnime{
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
#page-top.RightMove{ animation: RightAnime 1s forwards;}
@keyframes RightAnime{
	from {
		opacity: 1;
		transform: translateX(0);
	}
	to {
		opacity: 1;
		transform: translateX(150px);
	}
}

.footer_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}
.footer_inner .footer_nav_box { 
	width: 24.9618%;
	padding-top: 3.75vw;
	padding-bottom: 3.75vw;
	border-bottom: 1px solid #dbd9d9;
}
.footer_inner .footer_nav_box:nth-child(1) { padding-left: 7.63358vw;}
.footer_inner .footer_nav_box:nth-child(4) { 
	padding-right: 7.63358vw;
	border-left: 1px solid #dbd9d9;
}
.footer_inner .footer_nav_box:nth-child(2) {
	border-left: 1px solid #dbd9d9;
	border-right: 1px solid #dbd9d9;
	padding-left: 2.829%;
}
.footer_inner .footer_nav_box:nth-child(3),
.footer_inner .footer_nav_box:nth-child(4) { padding-left: 2.829%;}

.footer_inner .footer_nav_box .footer_logo { 
	width: 74.889%;
	margin-bottom: 10.75vw;
}
.footer_inner .footer_nav_box .footer_logo a span { 
	display: block;
	font-size: min(0.775vw ,0.775rem);
	font-weight: 600;
	color: #1f4e8c;
}
.footer_inner .footer_nav_box .copyright {
	font-size: min(0.75vw ,0.75rem);
	font-weight: 600;
}

.footer_inner .footer_nav_box ul li { margin-bottom: 2.15vw;}
.footer_inner .footer_nav_box ul li:last-child { margin-bottom: 0;}
.footer_inner .footer_nav_box ul li a {
	display: block;
	font-size: min(1.025vw ,1.1rem);
	font-weight: 600;
	line-height: 1;
}
.footer_inner .footer_nav_box ul li a span.en {
	display: block;
	font-size: min(0.9vw ,0.9rem);
	font-weight: 600;
	color: #3398cc;
	margin-bottom: 3px;
}
.footer_inner .footer_nav_box .sns:nth-child(1) {
	background: url("../images/common/icon-insta.png") no-repeat;
	background-size: 30px;
	font-weight: 600;
	padding-left: 35px;
	margin-bottom: 10px;
}
.footer_inner .footer_nav_box .sns:nth-child(2) {
	background: url("../images/common/icon-fb.png") no-repeat;
	background-size: 30px;
	font-weight: 600;
	padding-left: 35px;
}

.footer_inner .footer_nav_box:nth-child(4) ul { margin-bottom: 25px;}
.footer_inner .footer_nav_box:nth-child(4) ul li { margin-bottom: 5px;}

.footer_inner .footer_nav_box:nth-child(4) ul li a {
	position: relative;
	display: inline-block;
	padding-right: 1.25rem;
}
.footer_inner .footer_nav_box:nth-child(4) ul li a::before {
	position: absolute;
	top: 0.125rem;
	right: 0;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #6e7172;
	border: 1px solid #ffffff;
}
.footer_inner .footer_nav_box:nth-child(4) ul li a::after {
	position: absolute;
	top: 0.25rem;
	right: 0.125rem;
	content: "";
	width: 14px;
	height: 10px;
	background-color: #6e7172;
	border: 1px solid #ffffff;
}


@media (max-width: 767px) and (min-width: 320px) {
	
	.bread_list_wrap {
		position: relative;
		padding-left: 5.25vw;
		padding-right: 5.25vw;
		background-color: #f9f9f9;
		border-top: 1px solid #dbd9d9;
		border-bottom: 1px solid #dbd9d9;
	}
	.bread_list_wrap .bread_list { height: 50px;}
	.bread_list_wrap .bread_list li {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 0;
		padding-bottom: 0;
		padding-top: 12px;
		font-size: min(3vw,1.075rem);
		font-weight: 600;
	}
	.bread_list_wrap .bread_list li.arrow::after {
		content: ">";
		display: inline-block;
		padding-left: 4px;
		color: #ffffff;
	}

	.clearfix::before { content: ""; display: table;}
	.clearfix::after { clear: both;}

	footer { }
	footer .footer_outer {
		background: url("../images/common/logo.svg") center 102.75% no-repeat;
		background-size: 106.25%;
		padding-bottom: 25.75vw;
	}
	.page_top {
		position: fixed;
		bottom: 70px;
		right: 4.13358vw;
		width: 65px;
		height: 65px;
		text-align: center;
		background-color: #ffffff;
		border-radius: 50%;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		z-index: 10;
		opacity: 0;
		transform: translateX(100px);
	}
	.page_top a {
		position: relative;
		display: block;
		font-size: 0.5rem;
		font-weight: 600;
		color: #1f4e8c;
		letter-spacing: 0.0025vw;
		padding-top: 62.5%;
		width: 100%;
		height: 100%;
		background: url("../images/common/icon-dew.svg") center 34.5% no-repeat;
		background-size: 35.75%;
	}
	
	.footer_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: auto;
	}
	.footer_inner .footer_nav_box:nth-child(2),
	.footer_inner .footer_nav_box:nth-child(3) { 
		width: 50%;
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 1px solid #dbd9d9;
	}
	.footer_inner .footer_nav_box:nth-child(3) { padding-right: 5.25vw;}
	.footer_inner .footer_nav_box:nth-child(1) { padding-left: 0;}
	.footer_inner .footer_nav_box:nth-child(4) { 
		padding-right: 5.25vw;
		border-left: none;
	}
	.footer_inner .footer_nav_box:nth-child(2) {
		border-left: 0;
		border-right: 1px solid #dbd9d9;
		padding-left: 5.25vw;
	}
	.footer_inner .footer_nav_box:nth-child(3),
	.footer_inner .footer_nav_box:nth-child(4) { padding-left: 0;}
	
	.footer_inner .footer_nav_box:nth-child(5) { 
		width: 100%;
		text-align: center;
		padding: 8vw 0;
	}
	.footer_inner .footer_nav_box:nth-child(5) .footer_logo {
		min-width: 142px;
		width: 48.0385%;
		margin: 0 auto 12.75vw;
	}
	.footer_inner .footer_nav_box .footer_logo a span { 
		display: block;
		font-size: min(2.75vw ,1.275rem);
		font-weight: 600;
		color: #1f4e8c;
		margin-bottom: 2px;
	}
	.footer_inner .footer_nav_box .copyright {
		font-size: min(2.5vw ,1rem);
		font-weight: 600;
	}

	.footer_inner .footer_nav_box ul li { 
		border-bottom: 1px solid #dbd9d9;
		margin-bottom: 0;
	}
	.footer_inner .footer_nav_box:nth-child(2),
	.footer_inner .footer_nav_box:nth-child(3) { position: relative;}
	.footer_inner .footer_nav_box:nth-child(2)::before {
		position: absolute;
		top: 0;
		left: 5.25vw;
		content: "";
		height: 100%;
		width: 1px;
		background-color: #dbd9d9;
	}
	.footer_inner .footer_nav_box:nth-child(3)::before {
		position: absolute;
		top: 0;
		right: 5.25vw;
		content: "";
		height: 100%;
		width: 1px;
		background-color: #dbd9d9;
	}
	
	.footer_inner .footer_nav_box ul li:nth-child(4) { border-bottom: 0;}
	.footer_inner .footer_nav_box ul li:last-child { margin-bottom: 0;}
	.footer_inner .footer_nav_box ul li a {
		display: block;
		font-size: min(3.5vw ,1.25rem);
		font-weight: 600;
		line-height: 1;
		padding: 4.25vw 0 4.25vw 2.5vw;
	}
	.footer_inner .footer_nav_box ul li a span.en {
		display: block;
		font-size: min(2.75vw ,1.25rem);
		font-weight: 600;
		color: #3398cc;
		margin-bottom: 3px;
	}
	
	.footer_inner .footer_nav_box:nth-child(4).sns_btn_wrap { width: 50%;}
	.footer_inner .footer_nav_box:nth-child(4) ul li a { padding: 4.25vw 0 4.25vw;}
	.footer_inner .footer_nav_box .sns_btn_wrap .sns:nth-child(1) {
		background: url("../images/common/icon-insta.png") no-repeat;
		background-size: 26px;
		font-weight: 600;
		padding-left: 30px;
		margin-bottom: 15px;
	}
	.footer_inner .footer_nav_box .sns_btn_wrap .sns:nth-child(2) {
		background: url("../images/common/icon-fb.png") no-repeat;
		background-size: 26px;
		font-weight: 600;
		padding-left: 30px;
	}

	.footer_inner .footer_nav_box:nth-child(4) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 3.75vw 5.25vw 2.75vw;
		margin-bottom: 0;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul { 
		margin-bottom: 0;
		width: 50%;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li {
		border-bottom: 0;
		margin-bottom: 5px;
	}

	.footer_inner .footer_nav_box:nth-child(4) ul li a {
		position: relative;
		display: block;
		font-size: min(3.5vw,1.25rem);
		padding-right: 0;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li a::before,
	.footer_inner .footer_nav_box:nth-child(4) ul li a::after {
		position: absolute;
		content: "";
		width: 15px;
		height: 11px;
		background-color: #6e7172;
		border: 1px solid #ffffff;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li:nth-child(1) a::before {
		top: 37.25%;
		right: 5.25rem;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li:nth-child(1) a::after {
		top: 45%;
		right: 5.45rem;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li:nth-child(2) a::before {
		top: 37.25%;
		right: 0;
	}
	.footer_inner .footer_nav_box:nth-child(4) ul li:nth-child(2) a::after {
		top: 45%;
		right: 0.15rem;
	}
	
}


/*************************************************
 @CONTENTS - COMMON LAYOUT
----------------------------------------------- */
.section { margin-bottom: 150px;}
.section_inner {
	padding-left: 7.63358vw;
	padding-right: 7.63358vw;
	margin: auto;
	min-width: 1110px;
	}

/*---------------------------
	----------------- WP-PAGENAVI */

.wp-pagenavi {
	text-align: right;
	margin-top: 80px;
	width: 100%;
	line-height: 50px;
	}
.wp-pagenavi .pages, .wp-pagenavi a.last { display: none;}
.wp-pagenavi a {
	font-family: 'poppins', sans-serif;
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	padding: 0.925rem 1.1275rem 0.85rem !important;
	margin: 3px;
	border-radius: 50%;
	border: none !important;
	background-color: #e6f1f7;
	height: 50px;
	width: 50px;
	}
.wp-pagenavi span {
	font-family: 'poppins', sans-serif;
	font-size: min(2.75vw,1rem);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	border-radius: 50%;
	background-color: #e6f1f7;
	height: 50px;
	width: 50px;
	}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	position: relative;
	background: #3398cc;
	color: #ffffff;
	padding: 0.925rem 1.1295rem 0.85rem;
	text-decoration: none;
	border: none;
	}
.wp-pagenavi a, .wp-pagenavi span { margin: 0.45rem !important;}

/*---------------------------
	----------------- TITLE LAYOUT */

.h2_title01 {
	position: relative;
	font-size: min(1.45vw,0.925rem);
	font-weight: 700;
	color: #1f4e8c;
	letter-spacing: 0.15vw;
	line-height: 1;
	padding-left: 17px;
	margin-bottom: 50px;
	}
.h2_title01::before {
	position: absolute;
	top: 11px;
	left: 0;
	content: "";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #3398cc;
	}
.h2_title01::after {
	position: absolute;
	top: 1.25vw;
	right: 0;
	content: "";
	height: 2px;
	width: 80vw;
	background-color: #ebebeb;
	z-index: -1;
}
.h2_title01 span.ja {
	display: inline-block;
	font-size: min(2.75vw,1.75rem);
	font-weight: 600;
	color: #1e5199;
	letter-spacing: 0.175vw;
	padding-right: 3.25vw;
	margin-bottom: 10px;
	background-color: #ffffff;
	}
.h2_title01 span.en {
	display: block;
	font-size: min(0.975vw,0.875rem);
	font-weight: 700;
	color: #3398cc;
	letter-spacing: 0.05vw;
	}

.h2_title02 {
	position: relative;
	font-size: min(1.45vw,0.925rem);
	font-weight: 700;
	color: #1f4e8c;
	letter-spacing: 0.15vw;
	line-height: 1;
	padding-left: 17px;
	margin-bottom: 50px;
}
.h2_title02::before {
	position: absolute;
	top: 11px;
	left: 0;
	content: "";
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #3398cc;
	}
.h2_title02 span.ja {
	display: inline-block;
	font-size: min(2.75vw,1.75rem);
	font-weight: 600;
	color: #1e5199;
	letter-spacing: 0.175vw;
	padding-right: 3.25vw;
	margin-bottom: 10px;
	}
.h2_title02 span.en {
	display: block;
	font-size: min(0.975vw,0.875rem);
	font-weight: 700;
	color: #3398cc;
	letter-spacing: 0.05vw;
	}


/*---------------------------
	----------------- BUTTON LAYOUT */

.btn a {
	position: relative;
	display: block;
	padding: 20px 0;
	background-color: #3398cc;
	width: 100%;
	font-size: min(1.25vw,0.925rem);
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.025vw;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	outline: 0;
	transition: all .2s;
	border-radius: 30px;
	transition: 0.4s ease-in-out;
}

.btn a:hover {
	opacity: 1;
 	color: #fff;
 	letter-spacing: 0.175vw;
	transition: 0.4s ease-in-out;
	}

@media (max-width: 766px) and (min-width: 300px) {
	
	.section { margin-bottom: 75px;}
	.section_inner {
		max-width: 767px;
		min-width: 300px;
		margin: auto;
		padding: 0 20px;
		}
	
	.content_wrap { padding: 0;}
	
	/*---------------------------
	----------------- TITLE LAYOUT */

	.h2_title01 {
		position: relative;
		font-size: min(1.45vw,0.925rem);
		font-weight: 700;
		color: #1f4e8c;
		letter-spacing: 0.15vw;
		line-height: 1;
		padding-left: 17px;
		margin-bottom: 25px;
	}
	.h2_title01::before {
		position: absolute;
		top: 8px;
		left: 0;
		content: "";
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #3398cc;
	}
	.h2_title01::after {
		position: absolute;
		top: 0;
		right: 0;
		content: "";
		height: 0;
		width: 0;
		background-color: none;
		z-index: -1;
	}
	.h2_title01 span.ja {
		display: inline-block;
		font-size: min(6.25vw,1.75rem);
		font-weight: 600;
		color: #1e5199;
		letter-spacing: 0.175vw;
		padding-right: 3.25vw;
		margin-bottom: 10px;
		background-color: #ffffff;
	}
	.h2_title01 span.en {
		display: block;
		font-size: min(2.75vw,0.875rem);
		font-weight: 700;
		color: #3398cc;
		letter-spacing: 0.05vw;
	}

	.h2_title02 {
		position: relative;
		font-size: min(1.45vw,0.925rem);
		font-weight: 700;
		color: #1f4e8c;
		letter-spacing: 0.15vw;
		line-height: 1;
		padding-left: 17px;
		margin-bottom: 25px;
	}
	.h2_title02::before {
		position: absolute;
		top: 11px;
		left: 0;
		content: "";
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #3398cc;
	}
	.h2_title02 span.ja {
		display: inline-block;
		font-size: min(6.25vw,1.75rem);
		font-weight: 600;
		color: #1e5199;
		letter-spacing: 0.175vw;
		padding-right: 3.25vw;
		margin-bottom: 10px;
	}
	.h2_title02 span.en {
		display: block;
		font-size: min(2.75vw,0.875rem);
		font-weight: 700;
		color: #3398cc;
		letter-spacing: 0.05vw;
	}
	
	.swiper-pagination-bullet-active {
		opacity: 1;
		background: #3398cc !important;
	}
	
	.swiper_button_prev,
	.swiper_button_next {
		position: absolute;
		top: 43.5%;
		height: 40px;
		width: 40px;
		z-index: 10;
	}
	.swiper_button_prev { left: 0}
	.swiper_button_next { right: 0;}
	.swiper_button_prev::before,
	.swiper_button_next::before {
		display: inline-block;
		content: "";
		height: 40px;
		width: 40px;
		background-repeat: no-repeat;
		background-size: 100%;
		margin: auto;
	}
	.swiper_button_prev::before { background-image: url("../images/common/bnr-prev.svg");}
	.swiper_button_next::before { background-image: url(../images/common/bnr-next.svg);}

}