/*
	Theme Name: Cyber Cats Theme
	Theme URI: https://cybercats.jp/
	Description: This is Toeitax Theme child theme created based on the Cyber Cats.
	Author: Cyber Cats
	Author URI: https://cybercats.jp/

	Version: 1.0

	Tags: beauty,cosmetic, decor, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 1.0

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: cybercats
*/


@charset "utf-8";
@import url('library.css');

body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	border-top: 7px solid #006400;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

a:visit {
	color: #006400;
}

#bg-header,
#bg-content,
#bg-footer {
	width: 100%;
	float: left;
}

#header,
#content,
#footer {
	width: 100%;
	float: left;
}

.rows {
	width: 100%;
	float: left;
}

.rows-mini {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.content-single {
	width: 100%;
	float: left;
	line-height: 160%;
	font-size: 14px;
	margin-top: 20px;
}

.txt-head {
	padding: 12px 0px 23px 0px;
	box-sizing: border-box;
	font-size: 1.2em;
}

.logo-tel {
	width: 100%;
	float: left;
}

.logo {
	width: 30%;
	float: left;
	box-sizing: border-box;
	padding-top: 5px;
	padding-top: 20px;
	box-sizing: border-box;
}

.tel {
	width: 250px;
	float: right;
	font-size: 2.5em;
	text-align: right;
	box-sizing: border-box;
	padding-top: 20px;
}

.time-work {
	font-size: 0.6em;
	/*background-color: #3B302E;
    display: inline-block;
    padding: 5px 10px 3px 10px;
    color: white;*/
}

.address {
	margin-top: 5px;
	display: inline-block;
	font-size: 0.6em;
	line-height: 140%;
}

.show-sp {
	display: none;
}

.show-tb {
	display: none;
}

.menu-slide {
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 419px;
	overflow: hidden;
}

.menu {
	width: 34%;
	float: left;
}

.menu-sp {
	width: 100%;
	float: left;
}

a.menu-item {
	width: 100%;
	min-height: 85px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	background: #006400;
	line-height: 33px;
	float: left;
	text-decoration: none;
	font-size: 1.6em;
	color: #fff;
	padding: 25px 20px 0px 20px;
}

a.acitve,
a.menu-item:hover {
	background: #2CAF2C;
}

.ico-menu {
	cursor: pointer;
}

.slide {
	width: 66%;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.slide img {
	width: 100%;
}

.txt-slide {
	width: 100%;
	position: absolute;
	float: left;
	z-index: 999;
	-webkit-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-moz-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-o-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-ms-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.txt-slide1 {
	font-size: 2.5em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 160%;
	box-sizing: border-box;
	padding: 0 5px;
}

.txt-slide2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	margin-top: 4%;
	font-style: italic;
}

.content {
	margin-top: 30px;
}

.title-h2 {
	width: 100%;
	float: left;
	font-size: 2.5em;
	border-bottom: 4px solid #1BB01B;
	padding: 0px 0px 7px 0px;
	box-sizing: border-box;
}

.col-left {
	width: 76%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}

.col-right {
	width: 24%;
	float: left;
}

.col-right img {
	width: 100%;
}

.right1 {
	width: 100%;
	float: left;
	text-align: center;
}

.right2 {
	width: 100%;
	float: left;
	margin-top: 10px;
	text-align: center;
}

.right1 img,
.right2 img {
	max-width: 100%;
}

iframe {
	width: 100% !important;
	height: 420px;
}

.img-link {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.img-item {
	width: 25%;
	float: left;
	padding: 1%;
	box-sizing: border-box;
	position: relative;
}

.img-item img {
	width: 100%;
}

a.bxbx {
	width: 100%;
	float: left;
	position: relative;
}

.txt-img {
	position: absolute;
	bottom: 0;
	padding: 5% 2% 5% 2%;
	box-sizing: border-box;
	font-size: 1.7em;
	width: 100%;
	float: left;
	text-align: center;
	color: #006400;
	background: rgba(255, 255, 255, 0.7);
}

.hvi {
	width: 94%;
	height: 93%;
	border: 1px solid #fff;
	position: absolute;
	opacity: 0;
	margin: 3%;
	z-index: 99;
	box-sizing: border-box;
}

.hvi:hover {
	opacity: 1;
}

#bg-footer {
	width: 100%;
	height: auto;
	min-height: 50px;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 80px;
	background: #333333;
	position: relative;
}

.footer {
	width: 100%;
	float: left;
	font-size: 1.2em;
	color: #fff;
}

.pagetop {
	position: absolute;
	right: 0;
	bottom: 0;
}

.br_line {
	display: none;
}

.cont-info {
	font-size: 1.4em;
	line-height: 160%;
	margin-top: 15px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.title_type1 {
	font-size: 1.8em;
	color: #006400;
	font-weight: bold;
	box-sizing: border-box;
	margin: 20px 0px 3px 0px;
	text-align: left;
}

.brBar1 {
	width: 100%;
	height: auto;
	border-bottom: solid 1px #006400;
}

/*CSS*/
.p-411 {
	float: left;
	width: 100%;
	font-size: 1.4em;
	line-height: 160%;
}

.p-411 a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.p-411 a:hover {
	text-decoration: underline;
}

.page-id-5 .col-left {
	width: 80%;
	padding-right: 15px;
}

.page-id-5 .col-right {
	width: 20%;
}

.page-id-5 .cont2 {
	margin-top: 0;
}

/*END CSS*/


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

@media screen and (max-width: 980px) {
	.slide img {
		width: auto;
	}
}

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

	#bg-header,
	#bg-content {
		padding: 0% 1% 0% 1%;
		box-sizing: border-box;
	}

	a.menu-item {
		padding: 25px 10px 0;
	}

	.mgr-20 {
		margin-right: 10px;
	}
}

@media screen and (min-width: 921px) {
	.menu-sp {
		display: block !important;
	}
}

@media screen and (max-width: 920px) {
	.menu-sp .mgr-20 {
		margin-right: 10px;
	}

	.menu {
		width: 100%;
	}

	.slide {
		width: 100%;
		overflow: hidden;
	}

	.slide img {
		width: 100%;
	}

	a.menu-item {
		min-height: 50px;
		padding-top: 10px
	}

	.menu-slide {
		height: auto;
	}

	.show-sp {
		display: inline-block;
	}

	.show-sp2 {
		display: inline-block;
	}

	.hide-sp {
		display: none;
	}
}

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

	#bg-header,
	#bg-content {
		padding: 0% 1% 0% 1%;
		box-sizing: border-box;
	}

	.txt-slide1 {
		font-size: 3em;
	}

	.txt-slide2 {
		font-size: 1.8em;
		margin-top: 6%;
	}

	.col-left {
		width: 100% !important;
		padding-right: 0 !important;
	}

	.col-right {
		width: 100% !important;
	}

	.right1 {
		width: 50%;
		margin-top: 0;
		padding: 4% 4% 4% 12%;
		box-sizing: border-box;
	}

	.right2 {
		width: 50%;
		margin-top: 0;
		padding: 4% 12% 4% 4%;
		box-sizing: border-box;
	}

	.hide-tb {
		display: none;
	}

	.show-tb {
		display: inline-block;
	}

	.rows.show-tb.hide-sp {
		display: flex;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 640px) {
	.tel {
		padding-top: 0
	}

	.br_line {
		display: block;
	}

	#bg-header,
	#bg-content {
		padding: 0% 2% 0% 2%;
		box-sizing: border-box;
	}

	.txt-head {
		font-size: 2em;
		text-align: center;
		padding: 20px 20px 30px 20px;
	}

	.logo,
	.tel {
		text-align: center !important;
		width: 100%;
	}

	.logo img {
		max-width: 100%;
	}

	.title-h2 {
		font-size: 3em;
		text-align: center;
		border-bottom: 3px solid #006400;
	}

	.right1 {
		padding: 4%;
	}

	.right2 {
		padding: 4%;
	}

	.footer {
		font-size: 1.4em;
		line-height: 160%;
	}

	.pagetop {
		width: 92%;
		float: left;
		text-align: center;
		padding: 0% 0% 2% 0%;
		box-sizing: border-box;
		border-bottom: 1px solid #fff;
		background: #333;
		margin: 0% 4% 4% 4%;
		position: relative;
	}

	.txt-slide1 {
		font-size: 2em;
		width: 100%;
		float: left;
		text-align: center !important;
		line-height: 160%;
		box-sizing: border-box;
		padding: 0 5px;
	}

	.title_type1 {
		text-align: center;
	}

	#bg-footer {
		margin-top: 20px;
	}

	a.menu-item {
		font-size: 1.4em;
	}
}

/* Pages1 */

.cont1 {
	width: 100%;
	float: left;
}

.cont1-left {
	width: 27%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 12px;
}

.cont1-left img {
	width: 100%;
}

.cont1-right {
	width: 100%;
	float: left;
	margin-top: 12px;
	font-size: 1.4em;
	line-height: 180%;
	box-sizing: border-box;
}

.cont2 {
	width: 100%;
	float: left;
}

/*Raku*/

.p1-raku {
	width: 100% !important;
	height: 500px;
	float: left;
	padding: 0% 1% 0% 0%;
	overflow: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}

.p1-news {
	width: 100% !important;
	height: auto;
	float: left;
}

.box-nw {
	width: 100%;
	float: left;
}

.box-nw p {
	border-bottom: 1px dotted #ccc;
	width: 98%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	line-height: 180%;
	font-size: 14px;
	background: none !important;
	padding-left: 0px;
}

.box-nw p a {
	text-decoration: none;
	color: #555;
}

.box-nw p a:hover {
	text-decoration: underline;
}

span.date2 {
	font-weight: bold;
	padding-right: 15px;
	color: #DA5B3B;
	background: none !important;
	float: left;
	width: 20%;
	box-sizing: border-box;
}

span.news-text {
	float: left;
	width: 80%;
}

.box-nw p span {
	background: none !important;
}

/*btn step*/

.btn_step {
	width: 225px;
	display: inline-block;
	padding: 8px 10px;
	background-color: #F90;
	color: #FFF;
	border-bottom: solid 3px #FF6600;
	float: left;
	margin-right: 15px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.4em;
	margin-top: 10px;
	text-align: center;
	box-sizing: border-box;
}

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

	/*btn step*/
	.btn_step {
		display: block;
		width: 250px;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
	}

	.cont1,
	.cont2 {
		background: #F7F7F7;
		padding: 4%;
		box-sizing: border-box;
	}

	.cont1-left {
		width: 100%;
		text-align: center;
		padding: 2%;
		box-sizing: border-box;
	}

	.cont1-left img {
		width: auto;
	}

	.cont1-right {
		width: 100%;
	}

	.p1-raku {
		height: 400px !important;
	}

	span.date2 {
		width: 100%;
		float: left;
		display: inline-block;
		text-align: left;
	}

	.news-text {
		width: 100% !important;
	}
}

/* End Pages1 */

/* Page2 */

.cont1 {
	width: 100%;
	float: left;
}

.cont1-left {
	width: 27%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 12px;
}

.cont1-left img {
	width: 100%;
}

.cont1-right {
	width: 100%;
	float: left;
	margin-top: 12px;
	font-size: 1.4em;
	line-height: 180%;
	box-sizing: border-box;
}

.cont2 {
	width: 100%;
	float: left;
	margin-top: 30px;
}

/*p2*/

.tbb1 {
	width: 100%;
	box-sizing: border-box;
}

.tbb1 tr td {
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	line-height: 160%;
	box-sizing: border-box;
	font-size: 1.4em;
	line-height: 180%;
}

.tdll {
	width: 25%;
}

.cont-info-col-01 {
	float: left;
	width: 5%;
	box-sizing: border-box;
	padding-right: 5px;
}

.cont-info-col-02 {
	float: right;
	width: 95%;
	box-sizing: border-box;
}

.sr-table {
	width: 100%;
	float: left;
}

.sr-table tr td {
	border: 1px solid #ccc;
	padding: 10px 5px;
	box-sizing: border-box;
}

.sr-table-l {
	width: 30%;
	background: #006600;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.sr-table-r {
	width: 70%;
	background: #fff;
	box-sizing: border-box;
	vertical-align: middle;
}

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

	.cont1,
	.cont2 {
		background: #F7F7F7;
		padding: 4%;
		box-sizing: border-box;
	}

	.cont1-left {
		width: 100%;
		text-align: center;
		padding: 2%;
		box-sizing: border-box;
	}

	.cont1-left img {
		width: auto;
	}

	.cont1-right {
		width: 100%;
	}
}

/* End Page2 */

/* Page3 */

.cont1 {
	width: 100%;
	float: left;
}

.cont1-left {
	width: 27%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 12px;
}

.cont1-left img {
	width: 100%;
}

.link {
	color: #009900;
	text-decoration: none
}

.dis-ibl {
	display: inline-block;
	color: #009900
}

.link:hover {
	text-decoration: underline
}

.cont1-right {
	width: 100%;
	float: left;
	margin-top: 12px;
	font-size: 1.4em;
	line-height: 180%;
	box-sizing: border-box;
}

.cont2 {
	width: 100%;
	float: left;
	margin-top: 30px;
}

/*p2*/

.tbb1 {
	width: 100%;
	box-sizing: border-box;
}

.tbb1 tr td {
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
	line-height: 160%;
	box-sizing: border-box;
	font-size: 1.4em;
	line-height: 180%;
	vertical-align: middle;
}

.tdll {
	width: 25%;
	background: #006400;
	text-align: right;
	color: #fff;
}

.info-col-left {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.info-col-right {
	width: 45%;
	float: right;
	box-sizing: border-box;
}

.info-col-right img {
	width: 100%;
}


/* Định dạng cho các nút tab */
.tab-container {
	margin-top: 50px;
}

.tab-button {
	padding: 10px 20px;
	cursor: pointer;
	border: 1px solid #ccc;

	background-color: #f5f5f5;
	margin-right: 5px;
	font-size: 16px;
	border-radius: 10px;
}

.tab-button.active {
	background-color: #fff;
	font-weight: bold;
}

/* Ẩn nội dung tab không được chọn */
.tab-content {
	display: none;

	padding: 10px;
}

.tab-content.active {
	display: block;
}


@media screen and (max-width: 768px) {
	.info-col-left {
		width: 100%;
		float: left;
	}

	.info-col-right {
		width: 100%;
		float: left;
		margin-top: 15px;
	}

	.info-r-img {
		max-height: 500px;
		overflow-y: hidden;
	}

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

		.cont1,
		.cont2 {
			background: #F7F7F7;
			padding: 4%;
			box-sizing: border-box;
		}

		.cont1-left {
			width: 100%;
			text-align: center;
			padding: 2%;
			box-sizing: border-box;
		}

		.cont1-left img {
			width: auto;
		}

		.cont1-right {
			width: 100%;
		}

		.tbb1 tr td {
			padding: 10px 0px 10px 5px;
			box-sizing: border-box;
			font-size: 1.3em;
		}
	}

	@media screen and (max-width: 480px) {
		.tbb1 tr td {
			font-size: 1.2em;
		}

		.tdll {
			text-align: center;
		}
	}

	/* End Page3 */
	/* Page4 */
	.cont1 {
		width: 100%;
		float: left;
	}

	.cont1-left {
		width: 27%;
		float: left;
		padding-right: 20px;
		box-sizing: border-box;
		margin-top: 12px;
	}

	.cont1-left img {
		width: 100%;
	}

	.cont1-right {
		width: 100%;
		float: left;
		margin-top: 12px;
		font-size: 1.4em;
		line-height: 180%;
		box-sizing: border-box;
	}

	.cont2 {
		width: 100%;
		float: left;
	}

	.bus-tbl-01 {
		width: 100%;
		box-sizing: border-box;
	}

	.bus-tbl-01 tr td {
		padding: 15px;
		border-bottom: 1px dotted #ccc;
		line-height: 160%;
		box-sizing: border-box;
		font-size: 1.4em;
		line-height: 180%;
		vertical-align: middle;
	}

	.bus-tbl-col-left-01 {
		width: 25%;
		background: #006400;
		text-align: right;
		color: #fff;
	}

	.map-bus iframe {
		width: 100%;
		float: left;
		height: 400px;
	}

	.bus-tbl-02 {
		width: 100%;
		box-sizing: border-box;
	}

	.bus-tbl-02 tr td {
		padding: 15px;
		border-bottom: 1px dotted #ccc;
		line-height: 160%;
		box-sizing: border-box;
		font-size: 1.4em;
		line-height: 180%;
		vertical-align: middle;
	}

	.bus-tbl-col-left-02 {
		width: 25%;
		background: #006400;
		text-align: right;
		color: #fff;
	}

	.bg-E5E5E5 {
		background: #E5E5E5;
	}

	.link-ph-em {
		color: #90ee90;
		text-decoration: none;
		line-height: 120%;
	}

	.link-ph-em-01 {
		color: #000;
		text-decoration: none;
		line-height: 120%;
	}

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

		.cont1,
		.cont2 {
			background: #F7F7F7;
			padding: 4%;
			box-sizing: border-box;
		}

		.cont1-left {
			width: 100%;
			text-align: center;
			padding: 2%;
			box-sizing: border-box;
		}

		.cont1-left img {
			width: auto;
		}

		.cont1-right {
			width: 100%;
		}

		.bus-tbl-01 tr td {
			line-height: 160%;
			font-size: 1.2em;
		}

		.bus-tbl-02 tr td {
			font-size: 1.2em;
			line-height: 160%;
		}
	}

	@media screen and (max-width: 320px) {
		.bus-tbl-col-left-01 {
			text-align: center;
		}

		.bus-tbl-01 tr td {
			padding: 15px 5px;
		}

		.bus-tbl-02 tr td {
			padding: 15px 5px;
		}
	}

	/* End Page4 */
	/* Page5 */
	.cont1 {
		width: 100%;
		float: left;
	}

	.cont1-left {
		width: 27%;
		float: left;
		padding-right: 20px;
		box-sizing: border-box;
		margin-top: 12px;
	}

	.cont1-left img {
		width: 100%;
	}

	.cont1-right {
		width: 100%;
		float: left;
		margin-top: 12px;
		font-size: 1.4em;
		line-height: 180%;
		box-sizing: border-box;
	}

	.cont2 {
		width: 100%;
		float: left;
		margin-top: 30px;
	}

	.cont-info-col-01 {
		float: left;
		width: 5%;
		box-sizing: border-box;
		padding-right: 5px;
	}

	.cont-info-col-02 {
		float: right;
		width: 95%;
		box-sizing: border-box;
	}

	.g-box-form {
		width: 100%;
		height: auto;
		float: left;
		padding: 6%;
		padding-top: 20px;
		padding-bottom: 0 !important;
		margin-top: 12px;
		margin-bottom: 0;
		background: #fff;
		border-top: 1px dotted #ccc;
		box-sizing: border-box;
	}

	.g-table-form {
		width: 100%;
		height: auto;
		float: left;
		line-height: 150%;
	}

	.g-table-form tr {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 10px;
	}

	.g-box-name {
		width: 34%;
		height: auto;
		float: left;
		padding: 20px;
		padding-left: 0px;
		box-sizing: border-box;
	}

	.g-box-name3 {
		width: 34%;
		height: auto;
		float: left;
		padding: 20px;
		padding-left: 0px;
		padding-bottom: 132px;
		box-sizing: border-box;
	}

	.g-box-name2 {
		width: 34%;
		height: auto;
		float: left;
		padding: 20px;
		background: #fff;
		padding-left: 0px;
		box-sizing: border-box;
	}

	.g-lable {
		padding: 4px 0px 0px 5px;
		float: left;
		color: #555555;
		font-size: 1.4em;
	}

	.g-red {
		color: #F00;
		font-size: 16px;
	}

	.g-box-input {
		width: 66%;
		height: auto;
		float: right;
		padding-bottom: 12px;
		box-sizing: border-box;
	}

	.g-input-325 {
		width: 100%;
		max-width: 415px;
		height: 32px;
		font-size: 15px;
		margin-top: 15px;
		border: 1px solid #8AA7CE;
	}

	.pos-re {
		position: relative;
	}

	.line-pos {
		position: relative;
		box-sizing: border-box;
		bottom: 0;
		left: 0%;
	}

	.col-sm-2 {
		width: 20%;
		float: left;
	}

	.col-sm-10 {
		width: 78%;
		float: left;
	}

	.col-l-in {
		width: 37% !important;
		float: left;
	}

	.col-r-in {
		width: 38% !important;
		float: left;
	}

	.col-l-in-01 {
		width: 27.5% !important;
		float: left;
	}

	.g-text-475 {
		width: 100%;
		max-width: 415px;
		height: 150px;
		min-height: 150px;
		font-size: 15px;
		border: 1px solid #8AA7CE;
		resize: vertical;
		margin-top: 10px;
	}

	.g-button-form {
		margin-left: 20px;
		color: #fff;
		font-size: 1.6em;
		background: #d32f2f;
		border: none;
		border-bottom: 2px solid #992020;
		margin-top: 20px;
		padding: 15px 30px 15px 30px;
		outline: none;
		cursor: pointer;
	}

	.bbt {
		margin: 0 auto;
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}

	.submit-btn {
		font-size: 14px;
		font-weight: 400;
		cursor: pointer;
		text-align: center;
		vertical-align: middle;
		background: #006400;
		border-radius: 0px;
		outline: none;
		padding: 10px 40px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all 1s;
		border: none;
		border-bottom: solid 3px #063C06 !important;
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
		color: #fff;
	}

	.txt-table {
		display: inline-block;
		margin-top: 25px;
		padding-right: 10px;
		padding-left: 10px;
		box-sizing: border-box;
		float: left;
	}

	.alight-tbl {
		box-sizing: border-box;
		width: 100%;
		float: left;
	}

	.alight-tbl-2-in {
		box-sizing: border-box;
		padding: 0 20px;
		width: 100%;
		float: left;
	}

	.col-tbl-03-01 {
		text-align: center;
		width: 33.3333%;
		float: left;
	}

	.w-15px {
		width: 15px;
		vertical-align: middle;
		padding-top: 15px;
	}

	.tbl-sub {
		width: 100%;
		float: left;
	}

	.tbl-sub tr {
		border-bottom: none;
	}

	.tbl-sub tr td {
		text-align: center;
		vertical-align: middle;
	}

	.g-input-326 {
		width: 100%;
		max-width: 415px;
		height: 32px;
		font-size: 15px;
		margin-top: 15px;
		border: 1px solid #8AA7CE;
		text-align: center;
	}

	@media screen and (max-width: 640px) {
		.g-box-form {
			padding-bottom: 10%;
		}

		.g-box-name {
			width: 70%;
			padding: 5px;
			background: none;
		}

		.g-box-name2 {
			width: 70%;
			padding: 5px;
			background: none;
		}

		.g-box-name3 {
			width: 70%;
			padding: 5px;
			background: none;
		}

		.g-box-input {
			width: 100%;
			text-align: center;
		}

		.g-button-form {
			padding: 5px 10px 5px 10px;
		}

		.g-lable {
			padding-left: 0px;
		}

		.g-box-name {
			padding-left: 0px !important;
		}

		.g-input-325 {
			width: 80%;
		}

		.g-input-475 {
			width: 80%;
		}

		.g-button-form2 {
			float: none
		}

		.g-button-form1 {
			float: none
		}

		.col-l-in-01 {
			width: 28.6% !important;
			float: left;
		}
	}

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

		.cont1,
		.cont2 {
			background: #F7F7F7;
			padding: 4%;
			box-sizing: border-box;
		}

		.cont1-left {
			width: 100%;
			text-align: center;
			padding: 2%;
			box-sizing: border-box;
		}

		.cont1-left img {
			width: auto;
		}

		.cont1-right {
			width: 100%;
		}

		.g-input-325,
		.g-text-475 {
			margin-left: 0 !important;
			width: 100%;
			max-width: inherit;
		}

		.g-table-form tr td {
			text-align: center;
		}

		.bbt {
			margin-bottom: 20px;
		}

		.g-input-325
	}

	@media screen and (max-width: 380px) {
		.col-l-in {
			width: 35% !important;
		}
	}

	/* End Page5 */