/*----------------------
リブラス株式会社
livelus.co.jp
--
themes/livelus-corporate/css/style.css
themes/livelus-corporate/style.css
--
2025-03-10	Overwrite
----------------------*/
html	{ scroll-behavior: smooth; }

/*----------------------
Menu
----------------------*/
.header .header-logoLink__desktop	{ margin: 1em; }
.header .header-container	{ align-items: center; }
.header #panel-btn	{ display: block; position: relative; top: 0; right: 0; margin: 0; z-index: 101; }
.header #panel-btn	{ width: clamp(40px, 5vw, 50px); height: auto; aspect-ratio: 1/1; }
.header #panel-btn #panel-btn-icon	{ width: 22px; height: 2px; }
.header #panel-btn #panel-btn-icon::before	{ width: 22px; height: 2px; margin-top: -8px; }
.header #panel-btn #panel-btn-icon::after	{ width: 22px; height: 2px; margin-top:  6px; }
.header #panel-btn #panel-btn-icon.close	{ opacity: 1; }
.header #panel-btn #panel-btn-icon.close::before	{ margin-top: 0; }
.header #panel-btn #panel-btn-icon.close::after 	{ margin-top: 0; }
.header nav#header-menu { display: none; width: auto; max-width: none; margin-right: 0; }
.header .header-menu__ul	{ padding-top: 20px; overflow: scroll; height: 100vh; padding-bottom: 50px; }
.header .header-menu__ul .header-menu__item	{ height: auto; }
.header .header-menu__ul .header-menu__item:hover	{ border: none; }
.header .header-menu__ul .header-menu__item-link	{ font-size: 21px; padding: 10px 0px; color: #ffffff; }
.header .header-menu__ul .header-menu__item-link:hover	{ color: #ffffff; background-color: #00c7c7; opacity: 1; }
.header .header-menu__ul .d-lg-none	{ display: block !important; }
.header .header-menu__ul .col-lg-2	{ flex: 0 0 100%; max-width: 100%; }
.header-menu__item .header-submenu	{ position: relative; top: 0; display: block; border: none; }
.header-menu__item .header-submenu .header-submenu__item .header-submenu__item-link {
	color: #ffffff;
	background-color: transparent;
	width: 100%;
	max-width: none;
	padding: 8px 12px;
	margin: 0 auto;
}
a.header-contactDesktopBtn { display: none; }
a.header-recruitDesktopBtn { display: none; }

.head-navi	{ display: flex; justify-content: center; align-items: center; gap: 20px; }

/*----------------------
SNS Icon
----------------------*/
.sns {
	display: flex; gap: 1rem;
	a	{ display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; transition: .2s; }
	a:hover	{ transform: scale(1.2); text-decoration: none; }
	.facebook	{ background: url(ico_facebook.svg) no-repeat 50% 50% / contain; }
	.instagram	{ background: url(ico_instagram-logo-gradient-transparent.png) no-repeat 50% 50% / contain; }
	.youtube	{ background: url(ico_youtube.svg) no-repeat 50% 50% / contain; }
}


/*----------------------
mainVisual
----------------------*/
.mainVisual	{ position: relative; }
.mainVisual .mainVisual-bgImg	{ position: absolute; top: 0; right: 0; left: 0; z-index: -1; }
.mainVisual .mainVisual-bgImg	{ width: 100%; min-height: 30vh; }

.mainVisual .mainVisual-container	{ width: 100%; min-height: 30vh; padding: 0; }
.mainVisual .mainVisual-container	{ display: flex; flex-direction: column; justify-content: center; }
/*
.mainVisual .mainVisual-bgGradient {
	position: absolute;
	width: 100%;
	height: 15%;
	overflow: hidden;
	-webkit-transform: skewY(-6deg);
	transform: skewY(-6deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: linear-gradient(120deg, #00c7c7 35%, #02bc75);
	opacity: 0.8;
	z-index: 0;
}
*/

/*----------------------
法人・個人リンクボタン
Link 2025-04-00
link2504
----------------------*/
.link2504	{
	position: relative;
	margin-top: -20px;
}
.link2504-container	{
	display: flex; align-items: stretch; gap: 1em;
	flex-wrap: wrap; justify-content: center;
	width: clamp(50px, 90%, 1200px);
	margin: auto;
}
.link2504-container >*	{ flex: 1 0 30%; }
.link2504-container a	{
	display: block;
	min-width: 200px;
	padding: 1em;
	background: linear-gradient(#fff 60%, #fff0);
	box-shadow: 0 -9px 16px -10px rgba(0, 0, 0, .75);
	border-radius: 1em 1em 0 0;
	transition: .25s;
}
.link2504-container a:hover	{ transform: scale(1.05); }

/*----------------------
Scroll-x
----------------------*/
.link2504-container.scroll-x {
	display: flex;
/*	justify-content: start; flex-wrap: nowrap;*/
	width: auto;
	padding: 1em;
	overflow-x: auto;
	overflow-y: hidden;
}
.link2504-container.scroll-x a:hover	{ box-shadow: 0 -9px 18px -10px rgba(0, 0, 0, .75); }

/*----------------------
frontBusiness
----------------------*/
body.home .frontBusiness { margin: 20px 0 !important; }
.frontBusiness {
	position: relative;
	padding: 10px 0;
	background: linear-gradient(120deg, #00c7c7 35%, #02bc75);
}
.frontBusiness-bgGradient {
	-webkit-transform-origin: 25%;
	transform-origin: 25%;
	background: #f2f5ef;
	opacity: 0.8;
	z-index: -1;
}
.frontBusiness .link2504-container >*	{ flex: 1 0 20%; }
/*.frontBusiness .link2504-container >*	{ background: #fff; box-shadow: none; border-radius: 100%; }*/
.frontBusiness .link2504-container a	{ aspect-ratio: 1/1; min-width: 150px; padding: 0; }
.frontBusiness .link2504-container a	{ position: relative; }
.frontBusiness .link2504-container a:before {
	content: '';
	position: absolute;
	top: -5px;
	right: -5px;
	aspect-ratio: 1 / 1;
	width: 40%;
	max-width: 100px;
}
.frontBusiness .link2504-container .biz a:before { background: url(./ribbon_biz.png) no-repeat 50% 50% / contain; }
.frontBusiness .link2504-container .psn a:before { background: url(./ribbon_psn.png) no-repeat 50% 50% / contain; }

.newsList { margin: 3em auto; }

/*----------------------
frontPromise
----------------------*/
.frontPromise	{ padding: 80px 0 0; }
.frontPromise .frontPromise-container .frontPromise-main	{ width: auto;}
.frontPromise-heading__enTitle	{ text-align: center; }
.frontPromise-heading__jpTitle	{ text-align: center; }
.frontPromise-heading::after	{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; }
.frontPromise-content.row	{}
.frontPromise-content__customer	{}
.frontPromise-content__employee	{}
.frontPromise-content__btn-cta	{ margin: auto; }

/*----------------------
frontAbout
----------------------*/
/*.frontAbout	{ padding: 0 0 50px; }*/
.frontAbout		{ background-color: initial; }

/*----------------------
Slick Slider adjust
----------------------*/
.frontBusiness .slider	{ width: 90%; margin: auto; }
.frontBusiness .slide	{ padding: 0 .5em; }
.frontBusiness .slide a	{
	display: block;
	min-width: 200px;
	padding: 1em;
	background: linear-gradient(#fff 60%, #fff0);
	box-shadow: 0 -18px 18px -10px rgba(0, 0, 0, .75);
	border-radius: 1em 1em 0 0;
	transition: .25s;
}
.frontBusiness .slide a:hover	{ transform: scale(1.05); }
.frontBusiness .slide a:after	{ content: '' !important; margin-left: 0 !important; }

/*----------------------
News adjust
----------------------*/
.newsList .newsList-container {
	position: relative;
	width: 90%;
	max-width: 1390px;
	margin: 0 auto;
	padding: 10px 20px;
	background-color: transparent;
	h1	{ text-align: center; background: linear-gradient(90deg, #02bc75 33%, #00c7c7 66%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
	h2	{ text-align: center; color: #3a7155; }
	.newsList-heading	{}
	.more	{ margin-top: 4em; text-align: center; }
}

/*----------------------
Responsive
----------------------*/
@media (min-width: 768px) {
	body.home .frontBusiness { margin: 40px 0 !important; }
	.link2504-container >*	{}
	.link2504-container a	{ box-shadow: 0 -18px 18px -10px rgba(0, 0, 0, .75); }
	.link2504-container.scroll-x { padding: 2em; }
	.frontBusiness .link2504-container a	{ opacity: .9; border-radius: 1em; }
	.frontBusiness .link2504-container a:hover	{ opacity: 1; background: linear-gradient(#fff 60%, #fff); }
}
@media (min-width: 1280px) {
	body.home .frontBusiness { margin: 80px 0 !important; }
	.mainVisual .mainVisual-bgImg,
	.mainVisual .mainVisual-container { min-height: 600px; }
	.link2504-container	{ gap: 2em; }
	.mainVisual-heading__logo-img { max-width: 550px; }
	.frontBusiness { padding: 30px 0; }
/*	.frontBusiness .link2504-container >*	{ flex: 1 0 40%; }*/
}
@media (min-width: 1440px) {
	.mainVisual .mainVisual-bgImg,
	.mainVisual .mainVisual-container { min-height: 700px; background-attachment: fixed; }
}
@media (min-width: 1920px) {
	.mainVisual .mainVisual-bgImg,
	.mainVisual .mainVisual-container { min-height: 700px; }
	.frontBusiness .link2504-container >*	{ flex: 1 0 22%; }
}



/*----------------------
JS Inview
----------------------*/
.js-fade	{ transition: .6s; translate: 0 100px; opacity: 0; }
.js-fade:nth-child(even){ transition: 1.0s; }
.js-fade:nth-child(1)	{ transition: 0.3s; }
.js-fade:nth-child(2)	{ transition: 0.6s; }
.js-fade:nth-child(3)	{ transition: 0.9s; }
.js-fade:nth-child(4)	{ transition: 1.2s; }
.js-fade.left	{ translate: -90px 0; }
.js-fade.right	{ translate: 120px 0; }
.js-fade.inview	{ translate: 0 0; opacity: 1; }

.js-zoom	{ scale: 0 0; transition: 0.5s; }
.js-zoom:nth-child(1)	{ transition: 0.3s; }
.js-zoom:nth-child(2)	{ transition: 0.6s; }
.js-zoom.inview	{ scale: 1 1; }

.js-rotate	{ transition: 0.9s; transform: rotateY(0deg); }
.js-rotate.inview	{ transform: rotateY(360deg); }





/*----------------------
固定ページ
static2504
----------------------*/
.static2504 {}
.static2504 {
	font-size: clamp(.9rem, 2vw, 1.1rem);
	line-height: 1.6;
}

/*----------------------
ページタイトル
----------------------*/
.static2504 .limitedEyecatch	{
	display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1em;
	width: 100%;
	max-width: 100%;
	background-image: url(./bg_pagetitle.png);
	color: #fff;
}
.static2504 .limitedEyecatch h1	{ padding: 1em; color: inherit; font-size: clamp(24px, 5vw, 46px); line-height: 1.5; }
.static2504 .limitedEyecatch h1 br	{ display: none; }

.static2504 .heading__enTitle {
	font-size: 28px;
	background: linear-gradient(90deg, #58c6ff 0%, #076ad9 40%, #ff3bef 80%);
	background: linear-gradient(90deg, #02bc75 33%, #00c7c7 66%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.static2504 .heading__enTitle br	{ display: none; }
.static2504 .heading__jpTitle { margin-bottom: 1em; color: #3a7155; font-size: 18px; line-height: 1.5; font-weight: 700; }
.static2504 .heading__jpTitle br	{ display: none; }


.static2504 .container	{ position: relative; width: 95%; margin: 0 auto; z-index: 1; }
/*.static2504 .container	{ max-width: inherit; }	* bootstrap .container に従う */

.static2504 .content	{ margin: auto; width: fit-content; }
.static2504 .content h3	{ margin-bottom: 1em; text-align: center; font-size: 16px; font-weight: 700; }
.static2504 .content ol	{}
.static2504 .content ol li	{ margin-left: 3em; margin-bottom: 1em; }
.static2504 .content ol li:before	{ margin-left: -3em; margin-right: 1em; width: 2em; aspect-ratio: 1/1; }
.static2504 .content ol li:before	{ content: ''; display: inline-flex; justify-content: center; align-items: center; background: #fc6; border-radius: 1em; }
.static2504 .content ol li:nth-child(1):before	{ content: '1'; }
.static2504 .content ol li:nth-child(2):before	{ content: '2'; }
.static2504 .content ol li:nth-child(3):before	{ content: '3'; }
.static2504 .content ol li:nth-child(4):before	{ content: '4'; }
.static2504 .content ol li:nth-child(5):before	{ content: '5'; }
.static2504 .content ol li:nth-child(6):before	{ content: '6'; }
.static2504 .content ol li:nth-child(7):before	{ content: '7'; }
.static2504 .content ol li:nth-child(8):before	{ content: '8'; }
.static2504 .content ol strong	{ font-size: 1.1em; }
/*.static2504 .content ol strong	{ background: linear-gradient(transparent 60%, #9dfc 40%); }*/
.static2504 .content ul	{}
.static2504 .content ul li	{ margin-bottom: 1em; }
.static2504 .content ul li:last-child	{ margin-bottom: 0; }
.static2504 .content ul strong	{ background: linear-gradient(transparent 60%, #fe9c 40%); }
.static2504 .content ul.pink strong	{ background: linear-gradient(transparent 60%, #fbcc 40%); }

.static2504 .shadow	{ padding: 1em; background-color: #fffe; border-radius: 1em; box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1); }
.static2504 .shadow h3	{ margin-bottom: 2em; text-align: center; font-size: 16px; font-weight: 700; }
.static2504 .shadow+.shadow	{ margin-top: 2em; }

.static2504 .mw300 img	{ max-width: clamp(200px, 30vw, 300px); max-height: clamp(200px, 30vw, 300px); }
.static2504 .mw600	{ max-width: 600px; }
.static2504 .mw900	{ max-width: 900px; }


.flow_design { display: flex; justify-content: center; align-items: center; }
.flow_design ul	{ margin: 0; padding: 0; list-style-type: none; }
.flow_design ul	{ margin: auto; width: fit-content; }
.flow_design li	{ display: flex; margin: 0 0 30px; }
.flow_design li dl	{ margin: auto; width: 95%; }
.flow_design li dl dt	{ position: relative; padding: 0 0 5px; margin: 0 0 9px; font-size: 1.2em; font-weight: bold; border-bottom: 4px solid #ccc; }
.flow_design li dl dt::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 30%; height: 4px; background-color: #fb3; }
.flow_design li dl dd	{ margin: 0; }

.flow_design.flow04 ul	{ display: flex; flex-wrap: wrap; gap: 1em; }
.flow_design.flow04 li	{ flex: 1 0 40%; min-width: 280px; margin: 0; display: block; }
.flow_design.flow04 dd ul	{ display: block; margin-top: 20px; list-style-type: disc; }
.flow_design.flow04 dd li	{ margin-bottom: 10px; padding-left: 1.5em; text-indent: -1.5em; line-height: 1.5; }
.flow_design.flow04 dd li:before { content: '\f138'; font-family: fontawesome; padding-right: .5em; color: #b70; opacity: .5; }
.flow_design.flow04 .shadow	{ margin-top: 0; }

.flow_design.flow05 li dl dt::after { background-color: #99ddff; }
.flow_design.flow06 li dl dt::after { background-color: #ff8c91; }

.flow_design.flow07 li	{ display: flex; margin: 0 0 50px; }
.flow_design.flow07 li:last-child { margin: 0 0 25px; }
.flow_design.flow07 li dl	{ width: calc(100% - 80px); }
.flow_design.flow07 li dl dt	{ position: relative; padding: 0 0 5px; margin: 0 0 15px; font-size: 1.2em; font-weight: bold; border-bottom: 4px solid #ccc; }
.flow_design.flow07 li dl dt::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 30%; height: 4px; background-color: #fb3; }
.flow_design.flow07 .icon07 {
	width: 60px;
	box-sizing: border-box;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #00c7a0;
/*	background: linear-gradient(#08d1d6 33%, #00c7a0 66%);*/
	border-radius: 5px 5px 0 0;
	position: relative;
	line-height: 125%;
	margin: 0;
}
.flow_design.flow07 .icon07::after {
	content: '';
	position: absolute; bottom: -20px; left: 0;
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #00c7a0;
}

/* 未使用 */
.static2504 .progressbar	{ padding: 1em; }
.static2504 .progressbar ul	{ position: relative; margin: 0; padding: 0; list-style-type: none; z-index: 3; }
.static2504 .progressbar ul	{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; gap: 2em; }
.static2504 .progressbar li	{ position: relative; display: flex; align-items: center; gap: 1em; counter-increment: steps; }
.static2504 .progressbar li:after { content: ''; position: absolute; top: -3em; left: 1.5em; width: 2px; height: 120%; background-color: #0070BD; z-index: -1; }
.static2504 .progressbar li:first-child:after { content: none; }
.static2504 .progressbar li.active:before,
.static2504 .progressbar li.complete:before { border-color: #0070BD; }
.static2504 .progressbar li.active:after,
.static2504 .progressbar li.complete:after { background-color: #0070BD; }
.static2504 .progressbar img	{ width: 3em; height: 3em; }

.static2504 .bg-stripe {
	position: absolute;
	width: 100%;
	height: 80%;
	bottom: -10%;
	overflow: hidden;
	-webkit-transform: skewY(-6deg);
	transform: skewY(-6deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: #f2f5ef;
	z-index: 0;
}
.static2504 .bg-stripe.grad {
	-webkit-transform: skewY(6deg);
	transform: skewY(6deg);
	background: linear-gradient(120deg, #00c7c7 35%, #02bc75);
	bottom: 5%;
	opacity: 0.8;
}
.static2504 .bg-stripe+.mw300	{ margin-bottom: 25px; }

/*----------------------
Intro
----------------------*/
.static2504 .intro { position: relative; margin: 1em auto; z-index: 1; }
.static2504 .intro .container	{ display: flex; flex-wrap: wrap; align-items: center; }
.static2504 .intro-pic { margin: auto; text-align: center; }
.static2504 .intro-pic__img { width: 100%; max-width: 240px; display: block; margin: 0 auto; }
.static2504 .intro-pic__name-title { font-size: 12px; color: #707070; margin: 4px auto; font-weight: 700; }
.static2504 .intro-pic__name-jpName { font-size: 18px; }
.static2504 .intro-pic__name-enName { font-size: 16px; }
.static2504 .intro-content__heading { color: #02bc75; font-size: 21px; margin-bottom: 10px; }
/*.static2504 .intro-content__words p { line-height: 1.6; margin-bottom: 1em; }*/

/*----------------------
myContent
----------------------*/
.static2504 .myContent { position: relative; margin: 60px auto; }
.static2504 .myContent .heading		{ color: #02bc75; text-align: center; margin-bottom: 25px; }
.static2504 .myContent .heading.p2	{ color: #00c7c7; text-align: center; margin-bottom: 50px; }

.static2504 .exlink 	{ text-align: center; }
.static2504 .exlink a	{ display: block; margin: auto; max-width: 400px; transition: .25s; }
.static2504 .exlink a:hover	{ transform: scale(1.05); }



@media (min-width: 768px) {
	.static2504 .limitedEyecatch h1	{ max-width: 22em; }
	.static2504 .limitedEyecatch h1 br	{ display: inherit; }
	.static2504 .heading__enTitle { font-size: 36px; }
	.static2504 .heading__jpTitle { font-size: 20px; }
	.static2504 .heading__enTitle br, .static2504 .heading__jpTitle br	{ display: inherit; }
	.static2504 .content h3	{ font-size: 20px; }
	.static2504 .shadow h3	{ font-size: 20px; }
/*	.static2504 .bg-stripe { height: 70%; bottom: -20%; }*/
	.static2504 .intro { margin: 100px auto; }
	.static2504 .intro-pic { width: 35%; margin-top: 0; }
	.static2504 .intro-pic__img { max-width: 360px; }
	.static2504 .intro-pic__name-title { font-size: 14px; }
	.static2504 .intro-pic__name-jpName { font-size: 21px; }
	.static2504 .intro-pic__name-enName { font-size: 16px; }
	.static2504 .intro-content { width: 65%; }
	.static2504 .intro-content__heading { font-size: 28px; margin-bottom: 20px; }
	.flow_design li dl	{ width: 100%; }
	.flow_design.flow04 ul	{ gap: 2em; }
	.flow_design.flow04 li	{ min-width: 400px; }

	.flow_design.flow07 li dl	{ width: calc(100% - 115px); padding: 0 0 0 30px; }
	.flow_design.flow07 .icon07 { width: 90px; padding: 20px 10px 10px; }
	.flow_design.flow07 .icon07::after {
		border-left: 45px solid transparent;
		border-right: 45px solid transparent;
		border-top: 20px solid #00c7a0;
	}

	.static2504 .bg-stripe+.mw300	{ margin-bottom: 50px; }
	.static2504 .myContent { margin: 100px auto; }
}
@media (min-width: 992px) {
	.static2504 .heading__enTitle { font-size: 54px; }
	.static2504 .heading__jpTitle { font-size: 28px; }
	.static2504 .content h3	{ font-size: 28px; }
	.static2504 .shadow h3	{ font-size: 28px; }
	.static2504 .myContent .heading	{ margin-bottom: 50px; }
}
@media (min-width: 1024px) {
/*	.static2504 .bg-stripe { height: 80%; bottom: -30%; }*/
}
@media (min-width: 1280px) {
/*	.static2504 .bg-stripe { height: 90%; bottom: -40%; }*/
	.static2504 .shadow	{ padding: 2em; }
}
@media (min-width: 1440px) {
	.static2504 .intro	{ margin: 150px auto; }
	.static2504 .intro-content__heading { font-size: 36px; }
	.static2504 .myContent	{ margin: 150px auto; }
}
@media (min-width: 1920px) {
	.static2504 .heading__enTitle { font-size: 72px; }
	.static2504 .heading__jpTitle { font-size: 40px; }
/*	.static2504 .bg-stripe { bottom: -50%; }*/
/*
	.static2504 .intro-container	{ max-width: 1600px; }
	.static2504 .myContent-container	{ max-width:  900px; }
*/
}


/*----------------------
会社概要
----------------------*/
.mainAbout .ceogreeting .ceogreeting-container	{ gap: 5%; flex-direction: row-reverse; align-items: center; }
.mainAbout .ceogreeting-pic	{ margin: 0 !important; padding-top: 5px; }
.mainAbout .ceogreeting-content h3	{ margin-bottom: 1em; }
.mainAbout .companyProfile .companyProfile-container	{ max-width: 800px; }
.mainAbout .companyHistory .companyHistory-container	{ max-width: 800px; }
.mainAbout .companyHistory	{ position: relative; }
.mainAbout .organization .organization-container	{ z-index: 1; }
.mainAbout .static2504 .heading__enTitle { font-size: 36px; }
@media (min-width: 768px) {
	.mainAbout .ceogreeting-content	{ width: 65%; }
}
@media (min-width: 992px) {
	.mainAbout .companyHistory .table-bordered th	{ white-space: nowrap; }
}

/*----------------------
お問い合わせ
----------------------*/
/*.webform	{ max-width: 800px; margin: auto; }*/
/*.webform	{ display: block; margin: 2em auto; }*/
.webform .c	{ text-align: center; }
.webform .required label	{ display: inline-block; width: auto; margin: auto; }
.webform .required label:after	{ display: inline-block; }
.webform .required label:after	{ content: '＊'; margin-left: .5rem; font-size: .9rem; font-weight: normal; color: #e66; }
.webform input[type="text"],
.webform input[type="email"],
.webform input[type="password"],
.webform textarea	{ width: 100%; max-width: 800px; -webkit-appearance: auto; appearance: auto; }

.webform .submit,
.webform .delete,
.webform input[type="submit"] {
	margin: 1rem auto;
	padding: .6rem 1.2rem;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: .2rem;
	background-color: #06c;
	transition: .3s;
	-webkit-appearance: none;
}
.webform input[type="submit"]:hover { background-color: #39f; }

.webform .submit	{ display: inline-block; color: #fff !important; }
.webform .delete	{ display: inline-block; color: #fff !important; background-color: #c62; margin: .5em 0; }

.webform .submit:hover	{ background-color: #39f; text-decoration: none; }
.webform .delete:hover	{ background-color: #f60; text-decoration: none; }


/*----------------------
インフォメーション
----------------------*/
.mainPageNews-container	{ padding: 50px 0; max-width: 1200px; }
.main-single-container	{ padding: 50px 0; max-width: 1200px; }



/*----------------------
2025-07-04
既存CSS調整（追加）
----------------------*/
body.home .fd_link3 a {
	color: #000;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 5px;
	border-bottom: 2px solid #02bc75;
}
body.home .header	{ padding: 1em 0 !important; z-index: 999; }

.breadcrumbs	{ width: 95%; max-width: 1600px; margin: auto; padding: 1em !important; }

/*.bottomLink	{ display: none; }*/
.bottomLink	{ padding: 50px 0 !important; }
.bottomLink-stripe	{ width: 100%; height: 100%; top: 0;
 -webkit-transform: skewY(0deg); 
 transform: skewY(0deg); 
}
.bottomLink-container .bottomLink-box	{ color: #02bc75; }
.bottomLink-container .bottomLink-box::before	{ background-color: #02bc75; }
.bottomLink-container .bottomLink-box::after { background-image: url(../images/icons/secondary.png) !important; }
.bottomLink-container .bottomLink-box.mb-reverse	{ color: #02bc75; }
.bottomLink-container .bottomLink-box.mb-reverse::before	{ background-color: #02bc75; }

.banners-content	{ margin: auto; align-items: center; text-align: center; gap: 20px; }
.banners-content a	{ flex: 1 0 auto; width: auto; margin: 0; padding: 0; }
.banners-content a img	{ width: auto; max-height: 60px; }

.bottomContact	{ min-height: initial; padding-top: 0; }
.bottomContact .bottomContact-container	{ align-items: center; }
.bottomContact .bottomContact-content	{ margin: auto; }

/*.footer	{ background-color: initial; }*/
.footer-content	{ align-items: center; }
/*.footer-heading	{ margin-bottom: 0; }*/
/*.footer-content__info .footer-heading	{ margin-bottom: 20px; }*/
.footer-content .sns	{ justify-content: center; margin-bottom: 1em; }
.footer-content__info { color: #7aa89b; }
.footer-content__info .footer-heading p	{ font-size: 16px; font-weight: 400; }
.footer-content__info p.en-bold	{ font-weight: 700; }
.footer-content__menu-item__sub-link	{ color: #7aa89b; }
@media (min-width: 992px) {
	.footer-content__menu	{ width: 70%; }
	.footer-content .sns	{ justify-content: initial; }
}