@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------ */

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	border		: 0;
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	word-break: break-word;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

submit	{ -webkit-appearance : none;}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", sans-serif;
	font-size	: 1.5rem;
	font-size	: 15px;
	line-height	: 1.5;
	text-align	: center;
	color		: #040000;
	-webkit-text-size-adjust	: 100%;
	font-smoothing	: auto;
	word-break: break-word;
	letter-spacing: 2px;
}

body *, body *:before, body *:after {
	box-sizing: border-box;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

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

.contents{
	max-width: 990px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

body > #wrap { height : auto;}

.spStyle{
	display: none;
}

.lead-logo{
	font-family: 'Noto Serif JP', "Yu Mincho", serif;
}

.verticalTxt{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: 5px;
	transform: translateY(-5px);
}

.indent{
	text-indent: -1em;
	padding-left: 1em;
}

@media screen and (max-width: 767px){
	body {
		font-size: 1.4rem;
		font-size: 14px;
		line-height: 1.714283;
	}
	.spStyle{
		display: block;
	}
	.pcStyle{
		display: none;
	}
	.verticalTxt{
		font-size: 2.2rem;
	}
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity: 0.85;
}

a{
	color			: #00F;
}

a:hover,
a.link{
	text-decoration	: none;
}
a.link{
	color: #595857;
}
a.link.blank::after{
	content: "";
	display: inline-block;
	background: url("../img/icon_blank.svg") no-repeat center / contain;
	width: 14px;
	height: 10px;
}

a.link.basic{
	width: 205px;
	background: #efefef;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 60px;
	font-size: 1.8rem;
	margin-top: 20px;
	border: solid 1px #efefef;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease-in-out;
}
a.link.basic::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
a.link.basic span{
	position: relative;
	z-index: 2;
}

a.tel{
	pointer-events: none;
}

@media screen and (min-width: 768px){
	a.link.basic:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
}
@media screen and (max-width: 767px){
	a.link.basic{
		font-size: 1.6rem;
		line-height: 45px;
	}
	a.tel{
		pointer-events: auto;
	}
}

/* Animation
--------------------------------------------------------------------------- */
.fadein{
	opacity: 0;
	transform: translateY(50px);
	transition: 1s;
}
.fadein.is-show{
	opacity: 1;
	transform: translateY(0);
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

header {
	padding: 30px;
	position: fixed;
	top: 0;
	left: 0;
	height: 108px;
	width: 100%;
	z-index: 9999;
	transition: 0.3s;
}
header.bg_color{
	background: #fff;
}
header > .inner{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header h1 {
	max-width: 421px;
	width: 40%;
	height: 23px;
	margin-right: 20px;
	position: relative;
	z-index: 1000;
}
header .linkBox{
	align-items: stretch;
	position: relative;
	z-index: 1000;
}
header .linkBox > ul.flex{
	align-items: stretch;
	background: #00a29a;
}
header .linkBox > ul.flex li a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 173px;
	height: 100%;
	color: #fff;
	font-size: 1.2rem;
	padding: 9px 5px;
	border: solid 1px #00a29a;
	line-height: 1.2;
	letter-spacing: 1px;
	transition: 0.3s;
}
header .linkBox > ul.flex li:last-child a{
	background: #dcf8f7;
	border: solid 1px #00a29a;
	border-left: none;
	color: #00a29a;
}
header .linkBox > ul.flex li:last-child a.blank::after{
	transform: translateY(9px);
	transition: 0.3s;
}
header .linkBox > ul.flex li a:hover{
	background: #fff;
	color: #595757;
}
header .linkBox > ul.flex li a.blank:hover::after{
	background-image: url("../img/icon_blank_gr.svg");
}


header .hg_menu_btn{
	background: #000;
	cursor: pointer;
	width: 48px;
	height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 9px;
	margin-left: 20px;
}
header .hg_menu_btn p{
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 5px;
	letter-spacing: 0;
}
header .hg_menu_btn span{
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	transition: .3s;
}
header .hg_menu_btn span:last-child{
	margin-top: 5px;
}
header .hg_menu_btn.active span:nth-child(2){
	transform: translateY(5px) rotate(15deg);
}
header .hg_menu_btn.active span:last-child{
	transform: translateY(-3px) rotate(-15deg);
}

@media screen and (max-width: 1024px){
	header {
		padding: 10px 15px;
		height: 70px;
	}
}
@media screen and (max-width: 767px){
	header{
		padding: 0 15px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
	}
	header h1{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		max-width: 210px;
		width: 100%;
	}
	header h1 img{
		vertical-align: baseline;
	}
	header .linkBox > ul.flex{
		position: fixed;
		bottom: 0;
		left: calc(100% / 2 - 173px);
	}
}
@media screen and (max-width: 480px){
	header .linkBox > ul.flex{
		left: 0;
		width: 100%;
	}
	header .linkBox > ul.flex li{
		width: 50%;
	}
	header .linkBox > ul.flex li a{
		min-width: inherit;
	}
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

.headerNav{
	position: fixed;
	top: 0;
	left: 0;
	overflow-y: auto;
	height: 100vh;
	width: 100%;
	background: #efefef;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 30px;
	transition: 0.3s;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
}
.headerNav.navIn{
	opacity: 1;
	pointer-events: auto;
	z-index: 999;
}
.headerNav > .contents{
	padding: 0;
}
.headerNav p.lead{
	font-size: 4.2rem;
	font-weight: 500;
	text-align: left;
	color: #373838;
	width: 48%;
}

.headerNav .navBox {
	align-items: flex-start;
	width: 50%;
}

.headerNav ul li{
	text-align: left;
}
.headerNav ul.main-ul > li{
	margin-bottom: 20px;
}
.headerNav ul li a{
	color: #595857;
	text-decoration: none;
	line-height: 1;
}
.headerNav ul li a:hover{
	color: #00a29a;
}
.headerNav ul.main-ul > li > a.first{
	font-weight: 700;
}
.headerNav ul.main-ul > li.dropdown a.first{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}
.headerNav li.dropdown .in_menu{
	padding-left: 5px;
}
.headerNav li.dropdown .in_menu a{
	position: relative;
	font-size: 1.4rem;
}
.headerNav li.dropdown .in_menu a::before{
	content: ">";
	color: #00a29a;
	margin-right: 5px;
	font-size: 1.6rem;
}

.headerNav ul li.end{
	border-top: solid 1px #595757;
	padding-top: 20px;
	margin-bottom: 0;
}

.headerNav .arrow,
.footerNav .arrow{
	position: relative;
	width: 13px;
	height: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}
.headerNav .arrow::after,
.footerNav .arrow::after{
	content: "";
	display: block;
	background: url("../img/icon_arrow.svg") no-repeat center / contain;
	width: 13px;
	height: 13px;
}

@media screen and (max-width: 1023px){
	.headerNav > .contents{
		display: block;
		padding: 0 12%;
	}
	.headerNav p.lead,
	.headerNav .navBox{
		width: 100%;
	}
	.headerNav .navBox{
		margin-top: 40px;
		justify-content: flex-start;
	}
	.headerNav .navBox .main-ul + .main-ul{
		margin-left: 60px;
	}
}
@media screen and (max-width: 767px){
	.headerNav{
		justify-content: flex-start;
		align-items: flex-start;
		padding: 60px 0 0;
		background: #fff;
		border-bottom: solid 2px #00a29a;
	}
	.headerNav > .contents{
		padding: 0 15px 100px;
	}
	.headerNav p.lead{
		display: none;
	}
	.headerNav .navBox{
		display: block;
		margin-top: 0;
	}
	.headerNav .navBox .main-ul{
		margin: 0 -15px;
	}
	.headerNav .navBox .main-ul + .main-ul{
		margin-left: -15px;
	}
	.headerNav ul.main-ul > li{
		margin-bottom: 0;
		border-bottom: solid 1px #c5c5c5;
	}
	.headerNav ul.main-ul > li > a{
		display: block;
		padding: 15px 20px;
		color: #00a29a;
	}
	.headerNav ul.main-ul > li.dropdown a.first{
		padding-bottom: 5px;
		margin-bottom: 0;
	}
	.headerNav li.dropdown .in_menu{
		padding: 0 20px 15px;
		max-width: 400px;
	}
	.headerNav li.dropdown .in_menu ul{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.headerNav li.dropdown .in_menu ul li.sp-width1{
		width: 48%;
	}
	.headerNav li.dropdown .in_menu ul li.sp-width2{
		width: 51%;
	}
	.headerNav li.dropdown .in_menu ul li.sp-width3{
		width: 60%;
	}
	.headerNav li.dropdown .in_menu a{
		display: block;
		padding: 10px 0 0 1em;
		position: relative;
		line-height: 1.2;
	}
	.headerNav li.dropdown .in_menu a::before{
		display: block;
		position: absolute;
		top: 8px;
		left: 0;
	}
	.headerNav ul li.end{
		text-align: center;
		padding: 0;
		border: none;
	}
	.headerNav ul.main-ul > li.end > a{
		padding: 30px 5px 0;
		color: #595857;
	}
	.headerNav ul.main-ul > li.end > a.link.blank::after{
		background-image: url("../img/icon_blank_gr.svg");
	}
}
@media screen and (max-width: 424px){
	.headerNav ul.main-ul > li > a{
		padding: 15px 10px;
	}
	.headerNav li.dropdown .in_menu{
		padding: 0 10px 15px;
	}
}
/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock {
	clear : both;
	min-height: calc(100vh - 488px);
}
@media screen and (max-width: 767px){
	#mainBlock {
		margin-top: 60px;
	}
}

/* newsのスタイル
/* ------------------------------------- */
.newsList li{
	text-align: left;
	border-bottom: solid 1px #bdbebe;
}
.newsList li:last-child{
}
.newsList li a{
	color: #040000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	padding: 28px 0;
}
.newsList li a:hover{
	color: #0ba29a;
}
.newsList li .time{
	font-size: 1.3rem;
	margin-bottom: 5px;
}

.newsList li .arrow{
	position: relative;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: solid 1px #887c66;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-left: 20px;
}
.newsList li .arrow::before{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #887c66;
	border-right: solid 1px #887c66;
	transform: rotate(45deg) translateX(-1px);
}
.newsList li a:hover .arrow{
	background: #0ba29a;
	border: solid 1px #0ba29a;
}
.newsList li a:hover .arrow::before{
	border-color: #fff;
}
.newsWrap {
	align-items: flex-start;
}
.newsWrap .sideNav{
	width: 190px;
	margin-top: 4px;
	margin-left: 80px;
}
	.newsWrap .sideNav > div + div{
		margin-top: 45px;
	}
	.newsWrap .sideNav ul li{
		margin-top: 12px;
		text-align: left;
	}
	.newsWrap .sideNav ul li + li{
	}

	.newsWrap .sideNav .side_ttl{
		color: #0ba29a;
		border-bottom: solid 1px #595757;
		padding-bottom: 14px;
		letter-spacing: 3px;
		text-align: left;
	}
	.newsWrap .sideNav ul li a{
		color: #595757;
		text-decoration: none;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.newsWrap .sideNav ul li a::before{
		content: "";
		display: inline-block;
		width: 15px;
		height: 1px;
		background: #595757;
		margin-right: 10px;
	}
	.newsWrap .sideNav ul li a:hover{
		color: #0ba29a;
	}
@media screen and (min-width: 768px){
	.newsWrap .sideNav .navbox > ul{
		display: block !important;
	}
}
@media screen and (max-width: 1023px){
	.newsWrap .sideNav{
		margin-left: 40px;
	}
}
@media screen and (max-width: 767px){
	.newsWrap{
		display: block;
	}
	.newsWrap .sideNav{
		width: 100%;
		margin: 60px auto 0;
	}
	.newsWrap .sideNav > div + div{
		margin-top: 20px;
	}
	.newsWrap .sideNav .side_ttl{
		text-align: center;
		color: #fff;
		border: none;
		padding: 10px;
		background: #0ba29a;
		position: relative;
	}
	.newsWrap .sideNav .navbox > ul{
		display: none;
	}
	.newsWrap .sideNav .side_ttl::before{
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		transform: rotate(45deg);
		position: absolute;
		top: calc(100% / 2 - 8px);
		right: 20px;
		transition: 0.3s;
	}
	.newsWrap .sideNav .side_ttl.active::before{
		top: calc(100% / 2 - 4px);
		transform: rotate(-135deg);
	}
	.newsWrap .sideNav ul li{
		margin-top: 0;
	}
	.newsWrap .sideNav ul li a{
		display: block;
		padding: 10px;
		text-align: center;
		border: solid 1px #595757;
		border-top: none;
	}
	.newsWrap .sideNav ul li a::before{
		content: none;
	}
}

/* 下層ページ keyVisual
/* ------------------------------------- */
.keyVisual{
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 67vw;
	height: 25.2vw;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
	.keyVisual .contents{
		text-align: left;
		position: relative;
		padding-left: 73px;
		max-width: 1102px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
	}
		.keyVisual .contents h2{
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			font-size: 3rem;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 5px;
			margin-left: -60px;
			margin-right: 30px;
		}

@media screen and (max-width: 1380px){
	.keyVisual{
		background-size: 74.65vw;
		height: 28.2vw;
	}
}
@media screen and (max-width: 1024px){
	.keyVisual {
		background-size: 93vw;
		height: 35vw;
	}
	.keyVisual .contents h2{
		font-size: 3vw;
	}
}
@media screen and (max-width: 767px){
	.keyVisual {
		background-size: calc(100% - 70px);
		height: 55vw;
	}
	.keyVisual .contents h2 {
		font-size: 4.8vw;
	}
}
@media screen and (max-width: 480px){
	.keyVisual {
		background-size: calc(100% - 14vw);
	}
	.keyVisual .contents{
		padding-left: 16%;
	}
	.keyVisual .contents h2 {
		font-size: 5.5vw;
		margin-right: 9%;
		margin-left: -15%;
	}
}

/* スタッフページ下部のスタッフ一覧
/* ------------------------------------- */
#staffAboutContainer{
	background: #efefef;
	padding: 100px 0 95px;
	margin-top: 95px;
}
#staffAboutContainer h3{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size: 3rem;
	font-weight: 400;
	margin-top: -145px;
	margin-bottom: 81px;
	letter-spacing: 4px;
}
#staffAboutContainer h3 img {
	margin-left: 20px;
}
#staffAboutContainer .underBox li{
	background: rgba(20,20,20,1);
	max-width: 460px;
	width: 48.5%;
}
#staffAboutContainer .underBox li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
	color: #fff;
}
#staffAboutContainer .underBox li a .hoverTxt{
	position: absolute;
	width: 100%;
	opacity: 0;
	z-index: 2;
	transition: 0.3s;
}
#staffAboutContainer .underBox li a:hover .hoverTxt,
#staffAboutContainer .underBox li a:active .hoverTxt{
	opacity: 1;
}
#staffAboutContainer .underBox li a figure{
	width: 100%;
	height: 100%;
}
#staffAboutContainer .underBox li a img{
	transition: 0.3s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#staffAboutContainer .underBox li a:hover img{
	opacity: 0.7;
}
#staffAboutContainer a.link.basic{
	background: #fff;
	margin: 50px auto 0;
	border: solid 1px #fff;
	color: #221815;
}
#staffAboutContainer a.link.basic::before{
	background: #efefef;
}

#notContainer a.link.basic{
	margin: 0 auto;
}
@media screen and (max-width: 480px){
	#staffAboutContainer{
		margin-top: 0;
		padding: 60px 0 45px;
	}
	#staffAboutContainer h3{
		font-size: 2rem;
		margin-top: -85px;
		margin-bottom: 51px;
	}
	#staffAboutContainer h3 img{
		width: 150px;
		margin-left: 5px;
	}
	#staffAboutContainer .underBox li{
		width: 100%;
	}
	#staffAboutContainer .underBox li + li{
		margin-top: 20px;
	}
	#staffAboutContainer a.link.basic{
		margin: 40px auto 0;
	}
	#staffAboutContainer .underBox{
		display: block;
	}
}

/* スタッフページ下部のリンクスタイル
/* ------------------------------------- */
.recruitContainer{
	margin-top: 150px;
}
.recruitContainer li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border: solid 1px #727171;
	border-radius: 10px;
	min-height: 88px;
	font-size: 2rem;
	color: #221815;
	line-height: 1.2;
}
.recruitContainer li a:hover{
	background: #00a29a;
	color: #fff;
	border: solid 1px #00a29a;
}

.recruitContainer li a.link.blank::after{
	background-image: url("/common/img/icon_blank_gr.svg");
	width: 21px;
	height: 16px;
}
	.recruitContainer li a.link.blank:hover::after{
		background-image: url("/common/img/icon_blank_wh.svg");
	}

.recruitContainer li a.arrow{
	position: relative;
}
	.recruitContainer li a.arrow::after{
		content: "";
		display: inline-block;
		background: url("/common/img/icon_arrow.svg") no-repeat center / contain;
		width: 17px;
		height: 17px;
		position: absolute;
		top: calc(100% / 2 - 8.5px);
		right: 40px;
	}
	.recruitContainer li a.arrow:hover::after{
		background-image: url("/common/img/icon_arrow_wh.svg");
	}

.recruitContainer .entryBox{
	align-items: stretch;
}
	.recruitContainer .entryBox li{
		width: 50%;
	}
	.recruitContainer .entryBox li:last-child a{
		border-left: none;
	}
	.recruitContainer .entryBox li:first-child a{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.recruitContainer .entryBox li:last-child a{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.recruitContainer .entryBox  li:first-child a:hover{
		border-right: solid 1px #727171;
	}

.recruitContainer .aboutBox{
	align-items: stretch;
	margin-top: 20px;
}
	.recruitContainer .aboutBox li{
		width: calc(96% / 3);
	}
.recruitContainer .aboutBox li a.link.blank::after{
	transform: translateY(12px);
}

@media screen and (max-width: 1023px){
	.recruitContainer li a{
		font-size: 1.8rem;
	}
	.recruitContainer li a.link.blank::after{
		width: 15px;
		height: 11px;
	}
}
@media screen and (max-width: 767px){
	.recruitContainer{
		margin-top: 80px;
	}
	.recruitContainer .entryBox,
	.recruitContainer .aboutBox{
		display: block;
	}
	.recruitContainer .entryBox li,
	.recruitContainer .aboutBox li{
		width: 100%;
	}
	.recruitContainer li a{
		font-size: 1.6rem;
		min-height: 60px;
	}
	.recruitContainer li a.arrow::after{
		right: 20px;
	}
	.recruitContainer .entryBox li:first-child a{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}
	.recruitContainer .entryBox li:last-child a{
		border-top-right-radius: 0;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top: none;
		border-left: solid 1px #727171;
	}
	
	.recruitContainer .aboutBox li + li{
		margin-top: 20px;
	}
}

/* 404ページのスタイル
/* ------------------------------------- */
#sec_notfound{
	padding: 12% 0;
	text-align: left;
}
#sec_notfound h2{
	color: #00a29a;
	font-size: 3rem;
	text-align: left;
}

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	clear : both;
	border-top: solid 2px #00a29a;
	padding-top: 57px;
}

footer .inner{
	max-width: 990px;
	margin: 0 auto;
	padding: 0 15px;
}
footer a{
	color: #595857;
	text-decoration: none;
}
footer a.link.blank::after{
	background-image: url("../img/icon_blank_gr.svg");
}
footer a:hover{
	opacity: 0.8;
}

.footerNav .inner{
	align-items: flex-start;
	justify-content: flex-start;
}
.footerNav .main-ul{
	margin-right: 40px;
}
.footerNav .main-ul:last-child{
	margin-right: 0;
}
.footerNav .main-ul > li{
	text-align: left;
}
.footerNav li a.first{
	color: #00a29a;
	font-weight: 700;
	margin-bottom: 14px;
	display: inline-block;
}
.footerNav .main-ul li a{
	letter-spacing: 1px;
}

.footerNav .accordion .in_menu li + li{
	margin-top: 6px;
}
.footerNav .accordion .in_menu a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.4rem;
}
.footerNav .arrow{
	margin-left: 0;
	margin-right: 10px;
}

footer .copyrightBox{
	border-top: solid 2px #00a29a;
	margin-top: 54px;
	padding: 17px 0;
	position: relative;
}
footer .copyrightBox .linkTxt{
	letter-spacing: 1px;
	text-align: center !important;
}
footer .copyrightBox .copyright{
	margin-top: 33px;
	color: #070002;
	font-size: 1.2rem;
}
#pageTop{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
	z-index: 99;
	border-radius: 50%;
	background: #0ba29a;
}
	#pageTop a{
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		height: 100%;
	}
		#pageTop a::before{
			content: "";
			display: block;
			width: 15px;
			height: 15px;
			border-top: solid 2px #fff;
			border-right: solid 2px #fff;
			transform: translateY(4px) rotate(-45deg);
		}

@media screen and (max-width: 900px){
	.footerNav .main-ul{
		margin-right: 20px;
	}
}
@media screen and (max-width: 767px){
	footer{
		padding-top: 0;
		border: none;
	}
	.footerNav{
		display: none;
	}
	footer .copyrightBox{
		font-size: 1rem;
		padding: 60px 0 80px;
	}
}