/*
Theme Name: AMCOM
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes(custom by CATTAS）
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.4
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2022 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
#page_top {
	position: fixed;
	right: 20px;
	z-index: 999;
}

#page_top a {
	display: block;
	background-color: #00A89D;
	color: #fff;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 40px;
}

.-pc {
	display: block;
}

.-sp {
	display: none;
}

@media screen and (max-width: 960px) {
	.-pc {
		display: none;
	}

	.-sp {
		display: block;
	}
}

@media screen and (max-width: 1210px) {
	#megamenu.banner_appear {
		> div {
			overflow-y: auto;
			max-height: calc(100% - 80px);
		}
	}

}

#bottom_banner {
	position: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	left: 0;
	width: 100%;
	height: 75px;
	padding: 10px 15px;
	z-index: 1000;
	background: rgba(44, 69, 79, 0.8);
	box-sizing: border-box;
}

@media screen and (max-width: 960px) {
	#bottom_banner {
		gap: 5px;
		height: 80px;
		padding: 5px 10px 15px;
	}
}

#bottom_banner>div.tel {
	margin-right: 23px;
}

#bottom_banner>div.contact {
	width: 310px;
	background: linear-gradient(to bottom right, #E83307, #EA641B);
}

#bottom_banner>div.download {
	width: 350px;
	background: linear-gradient(to bottom right, #945EF8, #C375E6);
}

@media screen and (max-width: 960px) {
	#bottom_banner>div.tel {
		margin-right: 0;
		min-width: 80px;
		max-width: 120px;
		width: 23%;
		background: #fff;
		border: 2px solid #00A89C;
	}

	#bottom_banner>div.contact {
		min-width: 131px;
		max-width: 196px;
		width: 38%;
		background: linear-gradient(to bottom, #E83307, #EA641B);
	}

	#bottom_banner>div.download {
		min-width: 131px;
		max-width: 196px;
		width: 38%;
		background: linear-gradient(to bottom, #945EF8, #C375E6);
	}
}

#bottom_banner>div a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 960px) {
	#bottom_banner>div a {
		flex-direction: column;
	}
}

#bottom_banner>div.tel a {
	gap: 12px;
	pointer-events: none;
}

#bottom_banner>div.contact a {
	gap: 15px;
}

#bottom_banner>div.download a {
	gap: 14px;
}

@media screen and (max-width: 960px) {
	#bottom_banner>div.tel a {
		gap: 0;
		pointer-events: auto;
		color: #00A89C;
	}

	#bottom_banner>div.contact a {
		gap: 0;
	}

	#bottom_banner>div.download a {
		gap: 0;
	}
}

#bottom_banner .img_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

#bottom_banner .tel .img_container {
	width: 35px;
}

#bottom_banner .contact .img_container {
	width: 39px;
}

#bottom_banner .download .img_container {
	width: 35px;
}

@media screen and (max-width: 960px) {

	#bottom_banner .tel .img_container,
	#bottom_banner .contact .img_container,
	#bottom_banner .download .img_container {
		width: 24px;
	}
}

#bottom_banner .img_container img {
	width: 100%;
	height: auto;
}

#bottom_banner p {
	margin: 0;
}

#bottom_banner .tel-text,
#bottom_banner .contact-text,
#bottom_banner .download-text {
	display: flex;
	flex-direction: column;
}

#bottom_banner .tel-text-sp,
#bottom_banner .contact-text-sp,
#bottom_banner .download-text-sp {
	display: none;
}

@media screen and (max-width: 960px) {

	#bottom_banner .tel-text,
	#bottom_banner .contact-text,
	#bottom_banner .download-text {
		display: none;
	}

	#bottom_banner .tel-text-sp,
	#bottom_banner .contact-text-sp,
	#bottom_banner .download-text-sp {
		display: flex;
	}
}

#bottom_banner .tel-text .tel-title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 20px;
	background: #00A89C;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
}

#bottom_banner .tel-text .tel-number {
	flex: 1;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
}

#bottom_banner .contact-text,
#bottom_banner .download-text {
	text-align: center;
}

#bottom_banner .contact-text p:nth-of-type(1) {
	font-size: 13px;
	font-weight: 500;
	line-height: 19px;
}

#bottom_banner .contact-text p:nth-of-type(2) {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

#bottom_banner .download-text p:nth-of-type(1) {
	font-size: 13px;
	font-weight: 500;
	line-height: 19px;
}

#bottom_banner .download-text p:nth-of-type(2) {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}


#bottom_banner>div a .arrow {
	width: 16px;
}


@media screen and (max-width: 960px) {

	#bottom_banner .tel-text-sp,
	#bottom_banner .contact-text-sp,
	#bottom_banner .download-text-sp {
		font-size: 12px;
		font-weight: 500;
	}

}