@charset "utf-8";
html{
	font-size: 100%;
}
body{
    font-family: "Noto Sans JP", sans-serif;
	/*font-weight: 500;*/
	color: #333;
	line-height: 1.7;
}

@media screen and (max-width: 767px) {
	body{
		font-size: 0.875rem;
	}
}

/************************************************************/
/** 共通色 */

:root{
	--main-color: #006AB6;/*青 コントラストOK*/
	
	--sub-color01: #00A364;/*緑 コントラストNG*/
	--sub-color02: #F6B239;/*オレンジ コントラストNG*/
	--sub-color03: #001A80;/*リンク用青 コントラストOK*/
	--sub-color04: #357785;/*リンク用緑 コントラストOK*/
	--sub-color05: #B3B3B3;/*ライン用グレー コントラストNG*/
	
	--bg-color01: #CCEDE0;/*薄い緑*/
	--bg-color02: #D9E9F4;/*薄い青*/
	--bg-color03: #FCE8C3;/*薄いオレンジ*/
	
	--bg-grad01: linear-gradient(90deg , var(--bg-color01), var(--bg-color02));/*薄い緑から青のグラデーション　横向き*/
	--bg-grad02: linear-gradient(90deg , var(--sub-color01), var(--main-color));/*濃い緑から青のグラデーション　横向き*/
	--bg-grad03: linear-gradient(var(--sub-color01), var(--main-color));/*濃い緑から青のグラデーション　縦向き*/
	
	--font-en: "Jost", serif;/*英語用フォント*/
}

/************************************************************/
/** 共通装飾 **/

a{
	color: var(--main-color);
	text-decoration: underline;
}
a::visited{
	color: var(--sub-color04);
}

img{
	max-width: 100%;
}

img.icon {
    margin-left: 7px;
	margin-right: 7px;
    vertical-align: middle;
}
ul{
	list-style: none;
	padding-left: 0;
	margin-left: 15px;
}
ul.row{
	margin-left: 15px;
    margin-right: 0;
}
ol{
	margin-left: 15px;
	padding-left: 25px;
}
button{
	border: none;
	background: transparent;
}

@media (hover: hover) {
	a:hover{
		color: var(--sub-color03);
	}
}

@media screen and (max-width: 767px) {
	ol,ul,ul.row{
		margin-left: 0;
	}
}

/************************************************************/
/** ページトップ */

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 99998;
}
#pagetop a {
    display: block;
    background: var(--sub-color01);
    width: 41px;
    height: 42px;
	border-radius: 10px 0 0 10px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
	transition: all .3s ease;
}
/*#pagetop a::before{
	content: '';
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 16px;
    left: 15px;
}*/
#pagetop a::after{
	content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    left: 15px;
}

@media (hover: hover) {
	#pagetop a:hover{
		opacity: 0.8;
	}
}


/************************************************************/
/** 表示時の動き */
@media screen{
	main{
		animation: fadeIn 1s ease-in;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1
	}
}

/************************************************************/
/** header */

.header-main-sp{
	display: none;
}
.header-main{
	padding: 30px 30px 0;
	border-radius: 0 0 60px 60px;
	background: #fff;
	position: relative;
}
.header-main::before{
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	background: url("../imgs/common/header-curve.png") top right / contain no-repeat;
	transform: scaleX(-1);
	position: absolute;
	top: 100px;
	left: -60px;
}
.header-main::after{
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	background: url("../imgs/common/header-curve.png") top left / contain no-repeat;
	position: absolute;
	top: 100px;
	right: -60px;
}

.header-logo{
	text-align: center;
	border-bottom: 1px solid var(--sub-color05);
	margin-bottom: 20px;
}
.header-logo img{
	display: block;
	width: 820px;
	margin: 0 auto 20px;
}
.header-gnav{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.header-gnav > li{
	position: relative;
}
.header-gnav > li a{
	display: block;
	font-size: 1.125rem;
	color: #333;
	text-decoration: none;
	padding: 0 0 20px;
	margin: 0 25px;
	position: relative;
}
.search-openbutton{
	padding: 0 0 13px;
	margin: -3px 25px 0;
	cursor: pointer;
	position: relative;
}
.header-gnav > li a::after,
.search-openbutton::after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background: var(--sub-color01);
	border-radius: 20px 20px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0,1);
	transform-origin: left;
	transition: all .3s ease;
}
/*.header-gnav > li.search a{
	padding-bottom: 16px;
}*/
.header-gnav > li.header-gnav-pull > a,
.header-gnav > li.menu-item-has-children > a{
	padding-right: 25px;
}
.header-gnav > li.header-gnav-pull > a::before,
.header-gnav > li.menu-item-has-children > a::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: none;
	border-top: 1px solid var(--sub-color01);
	border-right: 1px solid var(--sub-color01);
	border-radius: 0;
	transform: rotate(135deg) scale(1,1);;
	position: absolute;
	top: 10px;
	left: auto;
	right: 0;
}
/*.header-gnav > li.search a{
	padding-right: 0;
}
.header-gnav > li.search a::before{
	display: none;
}*/
.search-openbutton span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--sub-color01);
	border-radius: 50%;
}
.search-openbutton span img{
	width: 100%;
	padding: 10px;
}
.header-gnav > li.menu-on::before,
.header-gnav > li.current-menu-item::before,
.header-gnav > li.current-menu-parent::before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background: var(--sub-color01);
	position: absolute;
	top: -6px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

@media (hover: hover) {
	.header-gnav > li a:hover::after,
	.search-openbutton:hover::after{
		transform: scale(1,1);
	}
}

@media screen and (max-width: 991px) {
	.header-main{
		display: none;
	}
	.top-mv{
		height: calc(100vh - 80px);
    	top: 0;
	}
}

/*プルダウンメニュー*/

.header-gnav-pull .header-gnav-link,
.header-gnav .menu-item-has-children .sub-menu{
	position: absolute;
	height: 0;
	top: 40px;
	left: 50%;
	transform: translateX(-50%) translateY(-20px);
	opacity: 0;
	transition: all .3s ease;
}
.header-gnav .menu-item-has-children .sub-menu{
	top:65px;
}
.header-gnav-pull .header-gnav-link{
	padding-top: 30px;
}
.header-gnav .menu-item-has-children.is-hover .sub-menu{
	padding-top: 30px;
}
.header-gnav-pull.is-hover .header-gnav-link,
.header-gnav .menu-item-has-children.is-hover .sub-menu,
.search.is-open-search .header-gnav-link,
.search.is-open-search .header-gnav .menu-item-has-children.is-hover .sub-menu{
	height: auto;
	transform: translateX(-50%) translateY(0);
	opacity: 1;
	transition: all .3s  ease;
}
.header-gnav .menu-item-has-children .sub-menu{
	padding: 10px 25px;
	border-radius: 30px;
	margin:0;
}
.header-gnav-pull .header-gnav-link ul,
.search .header-gnav-link > div{
	display: none;
}
.header-gnav .menu-item-has-children .sub-menu li{
	/*display: none;*/
	max-height:0;
	overflow:hidden;
}
.header-gnav .menu-item-has-children.is-hover .sub-menu li{
	/*display:block;*/
	max-height:100%;
}
.header-gnav-pull.is-hover .header-gnav-link ul,
.header-gnav .menu-item-has-children.is-hover .sub-menu{
	display: block;
	margin: 0;
	padding: 10px 25px;
	background: #fff;
	border-radius: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.header-gnav-link > ul li a,
.header-gnav .menu-item-has-children .sub-menu li a{
	display: block;
	white-space: nowrap;
	padding: 10px 30px 10px 0;
	margin: 0;
    border-bottom: 1px solid var(--sub-color05);
	position: relative;
	transition: all .3s ease;
}
.header-gnav-link > ul li:first-child a,
.header-gnav .menu-item-has-children .sub-menu li:first-child a{
	border-bottom: 2px solid var(--main-color);
}
.header-gnav-link > ul li:last-child a,
.header-gnav .menu-item-has-children .sub-menu li:last-child a{
	border-bottom: none;
}
.header-gnav-link > ul li a::after,
.header-gnav .menu-item-has-children .sub-menu li a::after{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: none;
	border-top: 1px solid var(--sub-color01);
	border-right: 1px solid var(--sub-color01);
	border-radius: 0;
	transform: rotate(45deg) scale(1,1);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	left: auto;
	margin: auto 0;
	transition: all .3s ease;
}

@media (hover: hover) {
	.header-gnav-link > ul li a:hover,
	.header-gnav .menu-item-has-children .sub-menu li a:hover{
		color: var(--main-color);
	}
	.header-gnav-link > ul li a:hover::after,
	.header-gnav .menu-item-has-children .sub-menu li a:hover::after{
		right: 0;
		transform: rotate(45deg) scale(1,1);
	}
}

/*スクロール後*/

#headercontainer{
	width: 100%;
    position: absolute;
	top: 0;
	left: 0;
	
}
@media screen{
	#headercontainer.is-heightmin{
	    height: auto;
		border-bottom: 1px solid var(--sub-color05);
	    background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99998;
	}
	#headercontainer.is-heightmin .header-logo,
	#headercontainer.is-heightmin .top-mv,
	#headercontainer.is-heightmin .kasou-mv,
	#headercontainer.is-heightmin .header-main::before,
	#headercontainer.is-heightmin .header-main::after,
	#headercontainer.is-heightmin .header-logo-sp,
	#headercontainer.is-heightmin .news{
		display: none;
	}
	#headercontainer.is-heightmin .header-gnav-pull.is-hover .header-gnav-link ul,
	#headercontainer.is-heightmin .header-gnav-pull.is-hover . menu-item-has-children{
		border: 1px solid var(--sub-color05);
	}
}
/*スマホ版メニュー*/

@media screen and (max-width: 991px) {
	.header-main-sp{
		display: block;
	}
	
	.header-main-sp-inner{
		background: #fff;
		border-radius: 0 0 30px 30px;
		padding: 15px 20px 5px 20px;
		text-align: center;
	}
	.header-logo-sp{
		text-align: center;
		padding-bottom: 10px;
		margin-bottom: 5px;
		border-bottom: 1px solid var(--sub-color05);
	}
	.header-logo-sp img{
		display: block;
		width: 335px;
		margin: 0 auto;
	}
	
	.sp-menu-openbutton,
	.sp-menu-closebutton{
		position: relative;
		display: inline-block;
		padding-left: 23px;
		font-size: 0.75rem;
		font-family: var(--font-en);
		line-height: 1;
		cursor: pointer;
	}
	.sp-menu-openbutton::before,
	.sp-menu-openbutton::after,
	.sp-menu-closebutton::before,
	.sp-menu-closebutton::after{
		content: '';
		display: block;
		width: 14px;
		height: 1px;
		background: var(--sub-color01);
		position: absolute;
		left: 0;
	}
	.sp-menu-openbutton::before{
		top: 3px;
	}
	.sp-menu-openbutton::after{
		top: 8px;
	}
	.sp-menu-closebutton{
		margin: 20px;
	}
	.sp-menu-closebutton::before{
		top: 5px;
        transform: rotate(30deg);
	}
	.sp-menu-closebutton::after{
		top: 5px;
        transform: rotate(-30deg);
	}
	
	
	.header-main-sp .sp-menu-inner{
		width: 100%;
		height: 100vh;
		background: var(--bg-grad01); 
		position: fixed;
		top: -100%;
		left: 0;
		opacity: 0;
		z-index: 99999;
		transition: all .5s ease;
	}
	.header-main-sp.open .sp-menu-inner{
		top: 0;
		opacity: 1;
	}
	.header-main-sp .sp-menu-inner nav{
		display: none;
	}
	.header-main-sp.open .sp-menu-inner nav{
		display: block;
		text-align: center;
	}
	
	.sp-menu-inner ul{
		margin: 0;
	}
	.sp-menu-nav > li{
		text-align: left;
		background: #fff;
		border-radius: 25px;
		margin-bottom: 5px;
	}
	.sp-menu-nav > li > a{
		display: block;
		padding: 10px 40px 10px 20px;
		font-size: 1.125rem;
		color: #333;
		text-decoration: none;
		position: relative;
	}
	.sp-menu-nav > li > a::after{
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-top: 1px solid var(--sub-color01);
		border-right: 1px solid var(--sub-color01);
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto 0;
	}
	
	.sp-menu-nav-link,
	.sp-menu-nav .sub-menu{
		padding: 10px 0;
        margin: 0 20px;
		position: relative;
	}
	.sp-menu-nav-link::before,
	.sp-menu-nav .sub-menu::before{
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: var(--bg-grad02);
		border-radius: 5px; 
		position: absolute;
		top: 0;
		left: 0;
	}
	.sp-search{
		background: #fff;
		text-align: left;
		border: 1px solid var(--sub-color01);
		border-radius: 30px;
		padding: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.sp-menu-nav-link ul.linklist > li > a,
	.sp-menu-nav .sub-menu > li > a{
		display: block;
		padding: 5px 0 5px 37px;
		font-size: 1rem;
		text-decoration: none;
	}
	.sp-menu-nav-link ul.linklist > li > a::before,
	.sp-menu-nav .sub-menu > li > a::before{
		top: 11px;
        left: 13px;
	}
	.sp-menu-nav-link ul.linklist > li > a::after,
	.sp-menu-nav .sub-menu > li > a::after{
		top: 17px;
        left: 18px;
	}
}

/************************************************************/
/** サイト内検索 */


#headercontainer .search-open{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: all .3s ease;
	z-index: 99999;
	cursor: pointer;
}
#headercontainer.is-open-search .search-open{
	height: 100vh;
	opacity: 1;
}
#headercontainer .search-open > div{
	display: none;
}
#headercontainer.is-open-search .search-open > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.search-closebutton{
	position: relative;
	display: inline-block;
	margin: 20px 20px 0;;
	padding-left: 26px;
	font-family: var(--font-en);
	color: #fff;
	line-height: 1;
	cursor: pointer;
}
.search-closebutton::before,
.search-closebutton::after{
	content: '';
	display: block;
	width: 18px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 7px;
	left: 0;
}
.search-closebutton::before{
    transform: rotate(30deg);
}
.search-closebutton::after{
    transform: rotate(-30deg);
}

/*検索エリア*/

#___gcse_0{
	margin: 5px;
	background: #fff;
	border-radius: 30px;
}
#___gcse_0 .gsc-control-cse{
	padding: 0;
	border-radius: 30px;
	border: none;
}
#___gcse_1 .gsc-control-cse{
	padding: 0;
}
#___gcse_0 .gsc-input-box,
#___gcse_1 .gsc-input-box{
	border: none;
}
#___gcse_0 .gsc-input-box{
	border-radius: 30px;
}
#___gcse_0 form.gsc-search-box,
#___gcse_1 form.gsc-search-box{
	margin-bottom: 0;
}
#___gcse_1 form.gsc-search-box{
	width: 700px;
}
#___gcse_0 table,
#___gcse_1 table{
	margin-top: 0;
	margin-bottom: 0;
}
#___gcse_0 table td,
#___gcse_1 table td{
	background: none;
    border: none;
}
#___gcse_1 table.gsc-search-box td.gsc-input{
	padding-left: 20px;
}
#___gcse_1 table.gsc-search-box input.gsc-input{
	min-height: 42px;
}
#___gcse_0 .gsc-search-button{
	padding: 0 5px 0 0;
}
#___gcse_1 .gsc-search-button{
	padding: 10px 20px 10px 10px;
}
#___gcse_0 .gsc-search-button-v2,
#___gcse_1 .gsc-search-button-v2{
	border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-image: url("../imgs/common/ic_search.svg");
	background-color: var(--sub-color01);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	position: relative;
}

#___gcse_0 .gsc-search-button-v2 svg,
#___gcse_1 .gsc-search-button-v2 svg{
	display: none;
}
#___gcse_0 .gsib_b{
	padding: 0;
}
#___gcse_0 .gsst_a{
	padding: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}
#___gcse_0 .gsst_a .gscb_a,
#___gcse_1 .gsst_a .gscb_a{
	color: var(--sub-color01);
}
.gstl_50.gssb_c{
	position: fixed!important;
	top: auto!important;
	bottom: 50%!important;
	left: 20px!important;
	transform: translateY(50%);
	z-index: 999999;
	margin-top: 10px;
}
.gstl_51.gssb_c{
	position: fixed!important;
	top: 50%!important;
	left: 50%!important;
	transform: translateX(-50%) translateY(30px);
	margin-top: 10px;
	z-index: 999999;
}
.gssb_a img{
	width: auto;
}

#___gcse_0 .gsst_a:hover .gscb_a,
#___gcse_1 .gsst_a:hover .gscb_a,
.gsst_a:focus .gscb_a{
	color: var(--main-color);
}


/************************************************************/
/** お知らせ **/

.news{
	width: 40%;
	background: rgba(255,255,255,0.85);
	padding: 30px;
	border-radius: 30px;
	position: absolute;
	bottom: 50px;
	right: 50px;
}
.news > div{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
}
.news p{
	margin-bottom: 0;
}
.news h2{
	font-size: 1.56rem;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}
.news h2::before{
	display: none;
}
.news .link a{
	color: #333;
}
.news-list{
	border-bottom: 1px solid var(--sub-color05);
	margin-left: 0;
	margin-bottom: 0;
}
.news-list li{
	border-top: 1px solid var(--sub-color05);
}
.news-list li a,
.news-list li > div{
	display: flex;
	color: #333;
	text-decoration: none;
	padding: 10px 30px 10px 15px;
	position: relative;
	transition: all .3s ease;
}
.news-list li a::after{
	content: '';
    display: block;
    width: 8px;
    height: 8px;
	border-top: 1px solid var(--sub-color01);
	border-right: 1px solid var(--sub-color01);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto 0;
	transition: all .3s ease;
}
.news-list li a time,
.news-list li > div time{
	position: absolute;
	top: 10px;
    left: 15px;
}
.news-list li a p,
.news-list li > div p{
	padding-left: 160px;
	position: relative;
	margin-bottom: 0;
	display:inline;
}
.news-list li a p::before,
.news-list li > div p::before{
	content: '';
    display: block;
    width: 8px;
    height: 8px;
	background: var(--sub-color01);
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 130px;
}
.news-list li a p::after,
.news-list li > div p::after{
	content: '';
    display: block;
    width: 8px;
    height: 8px;
	background: var(--main-color);
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 138px;
}

@media (hover: hover) {
	.news-list li a:hover{
		background: #fff;
    	color: var(--main-color);
	}
	.news-list li a:hover::after{
		right: 10px;
	}
}

@media screen and (max-width: 991px) {
	.news{
		width: 80%
	}
}

@media screen and (max-width: 767px) {
	.news{
		width: calc(100% - 20px);
        margin: 0 10px;
        bottom: 50px;
        left: auto;
        right: auto;
		padding: 20px;
    	border-radius: 20px;
	}
	.news > div{
		margin-bottom: 10px;
	}
	.news-list li a p,
	.news-list li div p{
		padding-left: 0;
    	padding-top: 25px;
	}
	.news-list li a p::before,
	.news-list li div p::before{
		top: 7px;
    	left: 115px;
	}
	.news-list li a p::after,
	.news-list li div p::after{
		top: 7px;
    	left: 123px;
	}
}


/************************************************************/
/** footer */

#footercontainer{
	background: var(--bg-grad01);
	padding: 50px;
	border-radius: 60px 60px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#footercontainer p{
	margin-bottom: 0;
}
.footer-logo a{
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
}
.footer-logo .footer-logo-img{
	width: 64px;
	margin-right: 10px;
}
.footer-logo .footer-logo-sub{
	font-size: 0.875rem;
}
.footer-logo .footer-logo-text-main{
	display: flex;
	align-items: center;
}
.footer-logo .footer-logo-main{
	font-size: 1.37rem;
	line-height: 1.2;
	margin-top: 5px;
}
.footer-logo .footer-logo-main-en{
	font-family: var(--font-en);
	letter-spacing: 0.6em;
	font-size: 0.75rem;
}
.footer-logo .footer-logo-abb{
	background: #fff;
	border-radius: 30px;
	margin-left: 10px;
	padding: 10px;
	height: 100%;
	font-size: 0.75rem;
}
.footer-logo .footer-logo-abb span{
	font-family: var(--font-en);
	font-size: 0.8rem;
}

.footer-outline{
	margin-top: 40px;
}
#footercontainer .footer-outline p{
	margin-bottom: 8px;
}
.footer-outline-innner{
	display: flex;
	align-items: flex-end;
}
.footer-outline-innner p span{
	display: inline-block;
	width: 95px;
    text-align: center;
	line-height: 1.3;
	margin-right: 15px;
	padding: 0 20px;
	border: 1px solid #333;
	border-radius: 30px;
}

.footer-link{
	display: flex;
	justify-content: flex-end;
	margin-left: 0;
}
.footer-link > li{
	margin-left: 30px;
}
.footer-link > li:first-child{
	margin-left: 0;
}
.footer-link > li a{
	color: #333;
}
.copyright{
	font-size: 0.75rem;
	color: #666;
	margin-bottom: 0;
}

@media (hover: hover) {
	.footer-link > li a:hover{
		color: var(--main-color);
	}
}

@media (max-width: 991px) {
	#footercontainer{
		flex-direction: column;
		align-items: center;
		gap: 20px; 
	}
	.footer-link{
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	#footercontainer{
		padding: 40px 20px;
		border-radius: 30px 30px 0 0;
	}
	.footer-logo a{
		flex-direction: column;
	}
	.footer-logo .footer-logo-img{
		width: 45px;
		margin-right: 0;
	}
	.footer-logo .footer-logo-main{
		font-size: 1rem;
	}
	.footer-logo .footer-logo-main-en {
		letter-spacing: 0.3em;
	}
	.footer-logo-text{
		text-align: center;
	}
	.footer-logo .footer-logo-text-main{
		flex-direction: column;
	}
	.footer-logo-text-main div:has(> .footer-logo-abb){
		width: 100%;
	}
	.footer-logo .footer-logo-abb{
		width: 100%;
    	padding: 0;
    	margin-left: 0;
    	margin-top: 3px;
	}
	.footer-outline{
		text-align: center;
	}
	.footer-outline-innner{
		flex-direction: column;
		align-items: center;
	}
	.footer-link {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer-link > li{
		margin-left: 0;
	}
}