/* CSS Document */
@charset "UTF-8";
/******* general *******/

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');

html{
	font-size:20px !important;
	max-width:100vw;
	overflow-x:hidden;
}
body{
		overflow:hidden;
	}

@media(min-width:1921px){
	html{
		font-size:34px !important;
	}
}


@media(min-width:1601px) and (max-width:1920px){
	html{
		font-size:26px !important;
	}
}

@media(min-width:1400px) and (max-width:1600px){
	html{
		font-size:20.5px !important;
	}
}

@media(min-width:1025px) and (max-width:1124px){
	html{
		font-size:1.7vw !important;
	}
}

@media(max-width:1024px){
	html{
		font-size:16px !important;
	}
}

@media(max-width:1024px){
	html{
		font-size:16px !important;
	}
}

@media(max-width:577px){
	body{
		overflow:hidden;
	}
	html{
		font-size:24px !important;
	}
}
.row>*{
	padding:0px;
}


html, body, div, span, applet, object, iframe,h1,h2,h3,h4,h5,h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font-family: "Zen Maru Gothic", serif;
	font-style: normal;
	font-weight: 500;
	overflow-wrap: break-word;
	white-space: normal;
	font-size:0.8rem;
	color:#362E2C;
}
body#home{
	background-color:#FDFAF6;
}

a{
	text-decoration:none;
	color: inherit;
}
p{
	line-height:160%;
}

a:hover{
	opacity:0.7;
}
span:hover{
	text-decoration:none;
}

hr{
	margin:0px;
}

ruby{
	ruby-position:under;
}
rt{
	margin-top:2.1875rem;
	color:#AAA;
	font-size:0.625rem;
	line-height:0.75rem;
}

/**フォントサイズ**/
h1{
	font-size:3.5rem;
	font-weight:700;
	line-height:140%;
}

h2{
	font-size:1.6rem;
	font-weight:700;
	line-height:140%;
}
h2.under-line{
	display:block;
	position:relative;
}

.under-line::before {
  background-color: #362E2C; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: 0px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}

h3{
	font-size:1.4rem;
	font-weight:700;
	line-height:140%;
}

h4{
	font-size:1.25rem;
	font-weight:700;
	
}

h5{
	font-size:1rem;
	font-weight:700;
	line-height:160%;
}

h6{
	font-size:0.9rem;
	font-weight:700;
}

.fs-08{
	font-size:0.4rem;
}

.fs-10{
	font-size:0.5rem;
}

.fs-14{
	font-size:0.7rem;
}

.fs-15{
	font-size:0.75rem;
}

.fs-16{
	font-size:0.8rem;
}

.fs-18{
	font-size:0.9rem
}


.fs-20{
	font-size:1rem;
}

.fs-24{
	font-size:1.2rem;
}

.fs-32{
	font-size:1.6rem;
}

.ls-1{
	letter-spacing:-0.05rem;
}

@media(max-width:577px){
	h1{
		font-size: 7.7vw !important;
	}
	h2{
		font-size:20px !important;
	}
	.page_main h2{
		font-size:24px !important;
	}
	h3{
		font-size:20px !important;
	}
	h4{
		font-size:20px !important;
	}
	h5{
		font-size:16px !important;
	}

	h6{
		font-size:16px !important;
	}
	p{
		font-size:14px !important;
	}
	
	.fs-14{
		font-size:12px !important;
	}
	.fs-15{
		font-size:15px !important;
	}
	.fs-16{
		font-size:16px !important;
	}
	.fs-18{
		font-size:14px !important;
	}
	 .cases .fs-18{
		font-size:18px !important;
	}
	.fs-20{
		font-size:20px !important;
	}
	.fs-sp-12{
		font-size:12px !important;
	}
	.fs-sp-16{
		font-size:16px !important;
	}
	.fs-sp-20{
		font-size:20px !important;
	}

}


/**画像**/
p img{
	vertical-align: baseline;
}

img{
	max-width:100%;
}

picture img{
	max-width:unset !important;
}

.container {
	max-width: 53rem;
}

.fixed-top-container {
	position: fixed;
	top: 0;
	width: 100%;
}
.bg-custom {
	background-color: #f8f9fa; /* 例としてlight grayの背景色を指定 */
}
.content-spacing {
  padding-top: 150px; /* 固定された要素の高さに応じて調整 */
}

/**色関連**/
.text-green{
	color: #6E9B53;
}
a.text-green:hover{
	color: #A3CF89;
}
.text-grey{
	color:#524E46;
}
.text-d-grey{
	color:#7E7973;
}
.text-orange{
	color:#DD6F28;
}
.text-blue{
	color:#6DA4D1;
}
.text-pink{
	color:#DB638F;
}
.text-purple{
	color:#9B69CE;
}


.bg-grey{
	background-color:#F9F9F7;
}
.bg-green{
	background-color: #6E9B53;
}
.bg-green:hover{
	background-color: #A3CF89;
}

.bg-d-orange{
	background-color:#DD6F28;
}
a.bg-d-orange:hover{
	background-color: #FAA874;
}
button.bg-d-orange:hover{
	background-color: #FAA874;
}

.bg-orange{
	background-color: #EAAB58;
}
.bg-orange:hover{
	background-color: #FCD199;
}

.bg-light-orange{
	background-color: #F8E5C8;
}
.bg-light-green{
	background-color: #E5F4DC;
}
.bg-light-blue{
	background-color: #E2EEFF;
}
.bg-light-pink{
	background-color: #F9E3F4;
}
.bg-light-yellow{
	background-color:#FDFAF6;
}
.bg-light-purple{
	background-color:#F3E8FB;
}


.bg-purple{
	background-color:#FAF6FD;
}
.bg-yellowgreen,.bg-clear-green{
	background-color:#FBFDF6;
}
.bg-clear-blue{
	background-color:#F6F9FD;
}
.bg-clear-pink{
	background-color:#FFFAFE;
}
.bg-clear-purple{
	background-color:#FAF6FD;
}


/**ボタン関連**/
.btn{
	font-weight:bold;
	max-height:2.9rem !important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.btn:hover{
	opacity:1 !important;
}

.clear-btn{
	border:solid 1px #362E2C;
	border-radius: var(--bs-border-radius-pill)!important;
	font-feature-settings: 'clig' off, 'liga' off;
}
.clear-btn:hover,.white-btn:hover{
	border:solid 1px #362E2C;
	color:white;
	background-color: #DD6F28;
}

.white-btn{
	border:solid 1px #362E2C;
	background-color:white;
	border-radius: var(--bs-border-radius-pill)!important;
	font-feature-settings: 'clig' off, 'liga' off;
}

.circle-btn{
	height:8rem;
	width:8rem;
	border-radius:50%;
	font-size:0.8rem;
}

@media(max-width:577px){
	
	.circle-btn{
		height:120px;
		width:120px;
	}
	.btn{
	max-height:58px !important;
	}
	
}

/**ヘッダー**/
header nav{
	max-width:100vw;
	height:4.3rem;
	border-bottom: 1px solid #362E2C;
	background-color:#FDFAF6 !important;
}

.nav-link{
	color:#362E2C;
	font-weight: 700;
	font-size:0.7rem
}

.nav-link:hover{
	transition:0.5s;
}

.customize-support .fixed-top {
    margin-top: 32px;
}

.navbar-toggler{
	border:none;
	padding:0px;
}

.sp_menu_toggle{
	background-image: url(/wordpress/wp-content/uploads/sp-menu-icon.svg);
    width: 36px;
    height: 36px;
    display: block;
    background-size: 100% 100%;
	padding:0px;
	margin-right:-5px;
}
.sp_menu_toggle2{
	background-image: url(/wordpress/wp-content/uploads/sp-menu-icon2.svg);
    width: 36px;
    height: 36px;
    display: block;
    background-size: 100% 100%;
	opacity:1;
	padding:0px !important;
	margin-right:-5px !important;
}

.offcanvas.show,.offcanvas.showing {
    width:100vw;
	left:0;
	background-color:#FDFAF6 !important;
}

.offcanvas-backdrop {
    position: fixed;
    background-color:white;
}


@media(max-width: 782px){
	.customize-support .fixed-top,.customize-support .offcanvas-header{
		margin-top: 46px;
	}
}

@media(max-width:577px){

	header nav,.offcanvas-header{
		height:86px;
	}
	.nav-link{
		font-weight: 700;
		font-size:18px;
		margin-bottom:20px;
	}
}


/**メイン**/
main{
	margin-top:4.3rem;
}

@media(max-width:577px){
	main{
	margin-top:86px;
	}
}



/**フッター**/
.footer-nav2{
	display:none;
}
.accordion-main{
	padding-left:16px;
}
.accordion-main a{
	padding-top:20px;
}

@media (max-width: 577px){

	#page-top-button {
		right: 16px !important;
	}
	
	.footer-nav-list:not(.footer-nav2) p {
		display: none;
	}
	
	p.footer-nav{
		border-bottom:solid 1px #D2D1CA;
		padding:10px 0px;
		display:block !important;
	}
	.footer-nav2 p{
		padding:10px 0px;
		display:block !important;
	}

	.footer-nav2{
		display:block !important;
		border-bottom:solid 1px #D2D1CA;
	}
	
	p.footer-nav a{
		display: block;
	}

	p.footer-nav a::after,.accordion-main a::after{
		background-image: url(/wordpress/wp-content/uploads/footer-icon1.svg) !important;
		display:inline-block;
		width:16px;
		height:16px;
		float:right;
		content: "";
		background-repeat: no-repeat;
	}
	.copyright{
		font-size:12px !important;
	}
}
@media (max-width: 992px){
#page-top-button {
    position: absolute;
    right: 5vw;
    background: none;
    border: none;
}
}
@media (max-width: 1200px){
#page-top-button {
    position: absolute;
    top: -1.875rem;
    right: 1.25rem;
}
}

#page-top-button {
    position: absolute;
    top: -1.25rem;
    right: 2.5rem;
    background: none;
    border: none;
	width:3rem;
}


/**bootstrap追加**/
.gap-8{
	gap:0.4rem;
}

.mt-40{
	margin-top:2rem;
}

.py-40{
	padding-top:2rem;
	padding-bottom:2rem;
}

.pt-40{
	padding-top:2rem;
}

.pb-40{
	padding-bottom:2rem;
}

.p-50{
	padding:2.5rem;
}

.pt-50{
	padding-top:2.5rem;
}


.pt-90{
	padding-top:4.5rem;
}

.pb-120{
	padding-bottom:6rem;
}


.py-90{
	padding:4.5rem 0px;
}

.pt-100{
	padding-top:5rem;
}


.h-400{
	height:20rem;
	display:block;
}

.row{
	max-width:50.3rem;
	margin:auto;
}
.mw-95per{
		max-width:90%;
	}


@media(min-width: 992px){
	.mw-680{
		max-width:34rem !important;
	}
	.position-lg-absolute{
		position:absolute;
	}

}
@media(min-width: 579px)and(max-width: 991px){
	.mw-680{
		max-width:42rem;
		padding:2.5rem !important;
	}
}
	
@media(min-width:578px){
	.mw-220{
		max-width:11rem;
		width:100%;
	}
	
	.mw-250{
		max-width:12.5rem;
		width:100%;
	}

	.mw-360{
		max-width:18rem;
		width:100%;
	}
	
	.mw-620{
		max-width:31rem;
		margin:auto;
	}
	.mw-660{
		max-width:33rem;
	}

	.mw-750{
		max-width:37.5rem;
		margin:auto;
	}

	.mw-800{
		max-width:40rem;
		margin:auto;
	}

	.mw-840{
		max-width:42rem;
		margin:auto;
	}

	.mw-870{
		max-width:43.5rem;
		margin:auto;
	}

	.mw-950{
		max-width:47.5rem;
		margin:auto;
	}

	.mw-1060{
		max-width:50.3rem;
		margin:auto;
	}

	.mw-95per{
		max-width:95%;
	}
	.col-sm-3_10{
		width:30%
	}
	.col-sm-7_10{
		width:70%
	}
}

@media(max-width:577px){
	.mw-250{
		max-width:260px;
		width:100%;
	}
}
.lh-100{
	line-height:100%;
}
.lh-160{
	line-height:160%;
}
.lh-170{
	line-height:170%;
}


.border{
	border-color:#362E2C !important;
}
.border-grey{
	border-color:#EDECE9 !important;
}


.top-30{
	 top:1.5rem;
}


/**front-page**/
.about-letter{
	border:solid 5px #F8E5C8;
	border-radius:10px;
}

.about-letter .inner{
	background-image:url(/wordpress/wp-content/uploads/letter_parts1.svg);
	background-size:105% 100%;
	background-position:center;
}

.facility{
	background-image:url(/wordpress/wp-content/uploads/facility-map2.png);
	background-size:auto calc(100% - 3rem);
	background-position: calc(50% + 98px) bottom;
	background-repeat:no-repeat;
}

.facility-map{
	margin-top:5.5rem;
	height:25rem;
	margin-bottom:1.2rem;
}

.facility-nagasaki{
	bottom:1.25rem;
	left:7rem;
}

.facility-fukuoka{
	top:7.5rem;
	right:0;
}

.facility-saga{
	top:0;
	left:0;
}

@media(max-width:577px){
	.about-letter{
		border-width:3px !important;
		margin-left: -3px;
		box-sizing:content-box;
	}
	.about-letter .inner{
		background-size:180% 100%;
	}
	.facility{
	background-image:unset;
}
	.facility-map{
		height:auto;
		margin-top:5px;

	}
}

/*top*/
svg.top-bg-svg1{
	position:absolute;
	z-index:-1;
	max-width:none;
	overflow: visible;
	height:32rem;
	right: calc(50% - 32.5rem);
	top:4.1rem;
}

svg.top-bg-svg2{
	position:absolute;
	z-index:-1;
	height:47rem;
	overflow: visible;
	top:-8.5rem;
	left: calc(50vw - 40rem);
	width: 80rem;
	max-width:none;
}

svg.top-bg-svg3{
	position:absolute;
	z-index:-1;
	overflow: visible;
	top:-26rem;
	left: calc(50vw - 40rem);
	width: 80rem;
	max-width:none;
}

svg.top-bg-svg4{
	position:absolute;
	z-index:-1;
	overflow: visible;
	top:-8.5rem;
	left: calc(50vw - 40rem);
	width: 80rem;
	max-width:none;
}

svg.top-bg-svg5{
	position:absolute;
	z-index:-1;
	overflow: visible;
	top:-21.5rem;
	left: calc(50vw - 40rem);
	width: 80rem;
	max-width:none;
}

svg.top-bg-svg6{
	position:absolute;
	z-index:-1;
	overflow: visible;
	top:-10rem;
	left: calc(50vw - 40rem);
	width: 80rem;
	max-width:none;
}

.top-vector{
	fill:none;
	stroke:#F8E5C8;
	stroke-linecap:round;
	stroke-width: 93.75px;
}

.cb{
	position:absolute;
}
.cb-1{
	height:10.5rem;
}
.cb-2{
	height:9.5rem;
	bottom:0;
}
.cb-2-2{
	height:5.5rem;
	top:0;
}
.cb-3{
	height:5rem;
	top:1.5rem;
}
.cb-3-2{
	height:10.5rem;
	top:0;
}
.cb-4{
	height:9.5rem;
	left:3rem;
	bottom:-1.5rem;
}
.cb-4-2{
	height:7.5rem;
	top:1.5rem;
}
.cb-5{
	height:8.85rem;
}
.cb-5-2{
	height:8.6rem;
}

.cb-11{
	height:11.7rem;
	bottom:-0.25rem;
	right:-10.5rem;
	position:absolute;
}
.cb-12{
	height:11rem;
	bottom:-1rem;
	right:-4rem;
	position:absolute;

}

.cb-13{
	height:14rem;
	top:-15rem;
	left:2.75rem;
	position:absolute;
}
.cb-14{
	width:13.5rem
}

.cb-area1{
	height:15.5rem;
}

.cb-area2{
	height:10.5rem;
}

.cb-area3{
	height:10.5rem;
}

.cb-area4{
	height:12.5rem;
}

.cb-area5{
	height:14.25rem;
}

#scroll-down-button {
  position: fixed;
  right: 1rem;
  bottom: 12.5rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
@media(max-width: 768px){
	#scroll-down-button {
		bottom: 4rem;
	}
}
@media(max-width: 991px){
	.cb-11{
		height:11.7rem;
        bottom: -40px;
        right: -60px;
	}
}

@media(max-width:577px){
	svg.top-bg-svg1{
		height:auto;
		left: -34px;
        top: 145px;
	}
	svg.top-bg-svg2{
		height:auto;
		width:auto;
		left: 0px;
		top:0;
	}
	svg.top-bg-svg3{
		height:auto;
		width:auto;
		left: 0px;
		top:0;
	}
	
	svg.top-bg-svg4{
		height:auto;
		width:auto;
		top:50px;
		left:0;
	}
	svg.top-bg-svg5{
		height:auto;
		width:auto;
		top:-40px;
		left:0;
	}
	svg.top-bg-svg6{
		height:auto;
		width:auto;
		top:30px;
		left:0;
	}

	.top-vector{
		stroke-width:50px;
	}
	
	.cb-area1{
		height:140px;
	}
	.cb-area2{
		height:134px;
		left:-12px;
		top:-40px;
	}
	.cb-area3{
		height:144px;
		left:10px;
		top:-40px;
	}
	.cb-area4{
		height:140px;
		left:0px;
		top:10px;
	}
	.cb-area5{
		height:161px;
		left:10px;
		top:-30px;
	}
	
	.cb-1{
		height:100px;
	}
	.cb-2{
		height:120px;
		top:0;
		bottom:auto;
	}
	.cb-2-2{
		height:70px;
		bottom:0;
		top:auto;
	}
	.cb-3{
		height:66px;
		top:auto;
		bottom:20px;
	}
	.cb-3-2{
		height:130px;
		bottom:auto;
		top:-20px;
	}
	.cb-4{
		height:125px;
		bottom:0;
		top:auto;
		left:0;
	}
	.cb-4-2{
		height:77px;
		bottom:auto;
		top:0;
		right:0;
	}
	.cb-5{
		height:118px;
	}
	.cb-5-2{
		height:120px;
	}
	.cb-11{
		height: 138px;
	}
	.cb-12{
		height:131px;
		right:-1rem;
		top: 34px;
	}
	.cb-13{
		height:130px;
		right:auto;
		left:15px;
		top: -174px;
	}
	.cb-14{
		width:270px;
	}

	#scroll-down-button {
  right: 5px; /* 右から20pxの位置 */
  bottom: 80px; /* 下から20pxの位置 */
  padding:0px; /* パディングを設定 */
}
	
	
	
}


/**固定ページ**/
.page_main h1{
	font-size:2.4rem;
}
.page_header_img{
	height:5rem;
	width:auto;
}

@media(max-width:577px){
	.page_main h1{
		font-size:28px !important;
	}
	.page_header_img{
		height:100px;
	}
}
/**contact**/
.wpcf7-form label,.wpcf7-form .wpcf7-text,.wpcf7-textarea{
	width:100%;

}
.wpcf7-form .wpcf7-text,.wpcf7-textarea{
	border-radius:0.25rem;
	padding:0.6rem;
	border: 1px solid var(--black, #D9D9D9);
}
input.wpcf7-text,textarea.wpcf7-textarea{
	margin-top:0.4rem;
}


.bi-box-arrow-up-right::before{
	font-weight:bolder !important;
    font-size: 0.7rem;
	margin-bottom:0.15rem;
	display: inline;
	vertical-align: -0.05em;
}

span.required{
	color:#DD2828;
	margin-right:0.5rem;
	line-height: 160%; 
	border-radius:0.2rem;
	padding: 0.075rem 0.3rem 0.125rem;
	font-size:0.6rem;
	letter-spacing: -1px;
	border: 1px solid var(--red, #DD2828);
}

.wpcf7-spinner{
	display: none !important;
}

input.wpcf7-submit{
	font-size: 1rem !important;
	font-weight:700;
    background-color: #DD6F28 !important;
	border-radius: var(--bs-border-radius-pill) !important;
	color: white !important;
	border:none !important;
	padding:0.8rem 4rem;
	letter-spacing:0.05rem;
}

input.wpcf7-submit:hover{
	background-color: #FAA874 !important;
	transition:0.5s;
}

@media(max-width:577px){
	input.wpcf7-submit{
		font-size: 20px !important;
		padding:15px 75px;
	}
	
}
/**bootstrap改変**/
.container-fluid{
	padding-right:0px;
	padding-left:0px;
}

.text-decoration-underline{
	text-decoration-thickness:1px !important;
}
.border-none{
	border:none !important;
}

.bi-arrow-right::before,.bi-arrow-left::before{
    font-weight: bolder !important;
}

.accordion-button:focus{
	background-color:unset !important;
	border:none !important;
	box-shadow:none !important;
}
.accordion-button:not(.collapsed){
	background-color: unset !important;
	box-shadow:none !important;
	color:unset;
}

.accordion-button::after {
	background-image:url(/wordpress/wp-content/uploads/p-button.svg);
}

.accordion-button:not(.collapsed)::after{
	background-image:url(/wordpress/wp-content/uploads/m-button.svg) !important;
}
.f-accordion::after{
	background-image:url(/wordpress/wp-content/uploads/footer-icon2.svg) !important;
	background-size:100%;
	width:14px;
	height:14px;
}
.f-accordion:not(.collapsed)::after{
	background-image:url(/wordpress/wp-content/uploads/footer-icon3.svg) !important;
}

@media(min-width:578px){
	.position-sm-absolute{
		position:absolute;
	}
}

@media(max-width:577px){

}

.plan-table {
  width: 100%;
  border-collapse: collapse;
	text-align: left;
	letter-spacing: -1px;
}
.plan-table th{
	border-bottom: 1px solid white;
	font-weight:normal !important;
	white-space: nowrap;
	width:3.5rem;
}
.plan-table th,.plan-table td{
	padding:0.25rem;
	line-height:0.75rem;
}

.blue-table{
	border: 1px solid #E2EEFF;
}
.blue-table td {
	border-bottom: 1px solid #E2EEFF;
}

.pink-table{
	border: 1px solid #F9E3F4;
}
.pink-table td {
	border-bottom: 1px solid #F9E3F4;
	height:1.25rem;
}

.purple-table{
	border: 1px solid #F3E8FB;
}
.purple-table td {
	border-bottom: 1px solid #F3E8FB;
	height:1.25rem;
}

.green-table{
	border: 1px solid #E5F4DC;
}
.green-table td {
	border-bottom: 1px solid #E5F4DC;
	height:1.25rem;
}

/**ニュース**/
.cat-event{
    background-color:#EAAB58;
}
.cat-news{
    background-color: #EDECE9;
}
.page-numbers{
	font-size:0.8rem;
	height:1.8rem;
	width:1.8rem;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center; 
	margin:0px 0.8rem;
}
.current{
	background-color: #D9D9D9;
}

.search-form input::placeholder {
    font-size: 0.7rem; /* フォントサイズを変更 */
    color: #A9A79F; 
}

.search-form input{
	height:2.9rem;
	padding-left:0.8rem;
	border-radius:0.3rem;
	border: 1px solid var(--grey-grey-900, #1B1D1F);
	background: var(--white, #FFF);
}
.search-form .btn{
	height:2.9rem;
}

@media(max-width:577px){
	.search-form input{
		height:58px;
	}
}

.thumbnail img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/**フローティングバナー*/
@media(min-width:769px){
	#float-banner{
		right:0;
		top:25vh;
		border-radius:5px;
		width:auto !important;
		z-index:1;
	}
	.vertical-rl{
		writing-mode:vertical-rl;
	}
}
#float-banner:hover{
	transition:0.5s;
}

@media(max-width:768px){
#float-banner{
		width:100%;
		bottom:0;

	}
	
}


@media(min-width:769px){
	#float-banner-338{
		right:1rem;
		bottom:0.15rem;
		width:auto !important;
		z-index:1;
	}
	.vertical-rl{
		writing-mode:vertical-rl;
	}
}
#float-banner-338:hover{
	transition:0.5s;
}

@media(max-width:768px){
#float-banner-338{
		width:100%;
		bottom:0;

	}
	
}