/*!
Author: 五十田プラニング
Version: 1.0.0
Requires PHP: 5.6
ページ用スタイル
*/



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header.site-header {
	max-height:580px;
	background-color: #aaaaaa;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom:100px;
}


/*------------
header images
------------*/

.head-image-news {
	background-image: url("./images/head-news.jpg");
}
.head-image-news-archive {
	background-image: url("./images/head-news-archive.jpg");
}

.head-image-gold {
	background-image: url("./images/head-gold.jpg");
}

.head-image-gold-archive {
	background-image: url("./images/head-gold-archive.jpg");
}





/*--------------------------------------------------------------
# page
--------------------------------------------------------------*/


h2.entry-title {
	text-align: center;
	margin:100px 0 50px 0;
	font-size:42px;
	font-weight: 900;

	display: flex;
	align-items: center;
	justify-content: center;
}

.head-label {
	color:#fff;
	padding:10px 30px;
	margin-right:30px;
	font-size:18px;
	font-weight:600;
}



div.entry-content.page-basic h3{
	border-bottom:2px solid #fa7364;
	font-size:28px;
	font-weight: 600;
	padding:10px 20px;
}

div.entry-content.page-basic h4{
	font-size:24px;
	font-weight: 600;
	padding:0px 60px;
}

div.entry-content.page-basic p{
	padding:0px 60px;
}


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

	div.entry-content.page-basic h3{
		border-bottom:2px solid #fa7364;
		font-size:16px;
		font-weight: 600;
		padding:0px;
	}
	
	div.entry-content.page-basic h4{
		font-size:16px;
		font-weight: 600;
		padding:0px;
	}
	
	div.entry-content.page-basic p{
		padding:0px;
	}
	
	h2.entry-title {
		text-align: center;
		margin:60px 0 40px 0;
		font-size:22px;
		font-weight: 900;
	
		display: flex;
		justify-content: center;
	}
	
	.head-label {
		padding:5px 20px;
		margin-right:20px;
		font-size:14px;
	}
	
	h2.entry-title.label-column {
		flex-direction: column;
	}
	
	h2.entry-title.label-column .head-label {
		margin:10px auto;
	}

}




/*--------------------------------------------------------------
# common Singles
--------------------------------------------------------------*/

main.type-news .entry-footer {
	text-align: right;
	margin:40px 0;
}

main.type-gold .post-navigation, 
main.type-news .post-navigation {
	margin:50px auto;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size:20px;
	font-weight:600;
}

main.type-gold .post-navigation span,
main.type-news .post-navigation span{
	margin:0 30px;
}

span.btn-page-nav a {
	display: block;
	padding:10px;
	border-radius: 50%;
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));

	color:#fff;
	font-size:20px;
	font-weight: 900;
	text-decoration: none;
}

main.type-gold .post-navigation a:hover,
main.type-news .post-navigation a:hover{
	opacity: 0.8;
}


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

	main.type-gold .post-navigation, 
	main.type-news .post-navigation {
		font-size:16px;
		font-weight:400;
		justify-content: center;
	}

	main.type-gold .post-navigation span,
	main.type-news .post-navigation span{
		margin:0 20px;
	}
	
	main.type-gold .post-navigation a,
	main.type-news .post-navigation a{
		padding:5px;
		font-size:16px;
	}
}





/*--------------------------------------------------------------
# archive news
--------------------------------------------------------------*/

.home-news ul.display-posts-listing,
ul.list-news {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0;
}

.home-news ul.display-posts-listing > li,
ul.list-news > li {
	display: flex;
	width: 49%;
	margin: 15px 0;
}

.home-news ul.display-posts-listing span.date,
.list-news-date {
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));
	color:#fff;
	font-size:14px;
	text-align: center;
	border-radius: 5px;
	width: 90px;
	height:30px;
	margin-right:5px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.home-news ul.display-posts-listing > li > a,
ul.list-news > li > a {
	display: block;
	width: 570px;
	padding:0px 0px 5px 5px;
	padding-right:50px;

	border-bottom:1px solid  rgba(255, 147, 76, 1);
	text-decoration: none;
	font-size:20px;
	font-weight: 600;

	position: relative;
}


.home-news ul.display-posts-listing > li > a::after,
ul.list-news > li > a::after {
	content:">>>>>>";
	position: absolute;
	right: -15px;
	bottom:10px;
	transform: scale(0.5,1.5);
}

.home-news ul.display-posts-listing > li > a:hover,
ul.list-news > li > a:hover {
	opacity: 0.7;
}


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

	.home-news ul.display-posts-listing,
	ul.list-news {
		list-style: none;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.home-news ul.display-posts-listing > li,	
	ul.list-news > li {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.home-news ul.display-posts-listing span.date,
	.list-news-date {
		font-size:11px;
		border-radius: 5px;
		width: 75px;
		height:20px;
		margin-right:0px;
	}

	.home-news ul.display-posts-listing > li > a,
	ul.list-news > li > a {
		display: block;
		width: 100%;
		font-size:16px;
	}
}







/*--------------------------------------------------------------
# Single-Golds
--------------------------------------------------------------*/


.gold-info {
	display: flex;
}

.gold-images {
	width: 50%;
}

.gold-details {
	width: 50%;
	padding:50px 0 0 20px;
}

.gold-details table{
	width: 100%;
	border-collapse:collapse;
}

.gold-details table tr{
	border-bottom:1px solid #333333;
}

.gold-details table th{
	padding:20px 15px;
	text-align: left;

}

.gold-details table td{
	padding:20px 15px;
	text-align: left;
	font-weight:600;
}


.main-image {
	margin-bottom:10px;
	height:450px;
	overflow: hidden;
}

ul.image-wrap {
	list-style: none;
	display: flex;
	width: 400%;
	padding: 0;
	float: left;

	position: relative;
}

ul.image-wrap li {
	width: 100%;
	max-width: 685px;
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.image-wrap li img{
	width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.select-images {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

.select-images div{
	width: 24%;
	margin-right:10px;
	max-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;

	box-sizing: content-box;
	cursor: pointer;
}

.select-images div.selected{
	opacity: 0.5;
	transition: 0.2s;
}

.select-images div img{
	object-fit: contain;
}


.type-gold .entry-content h2{
	font-size:24px;
	border-bottom:1px solid #333333;
	padding:15px 20px;
	margin-top:80px;
	margin-bottom:20px;
}

.type-gold .entry-content p{
	padding:0 20px;
}



.gold-footer {
	text-align: center;
	margin:120px 0;
}

.btn-gold {
	color:#fff;
	font-weight:900;
	padding:10px 80px;
	border-radius:30px;
}
.btn-gold:hover{
	opacity: 0.8;
}




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

	.gold-info {
		display: block;
		margin-bottom:50px;
	}
	
	.gold-images {
		width: 100%;
	}

	.main-image {
		margin-bottom:10px;
		height:300px;
		overflow: hidden;
	}

	ul.image-wrap {
		list-style: none;
		display: flex;
		width: 400%;
		padding: 0;
		float: left;

		position: relative;
	}

	ul.image-wrap li {
		width: 100%;
		max-width: calc(100vw - 20px);
		height: 300px;
	}


	.gold-details {
		width: 100%;
		padding:0px;
	}

	.type-gold .entry-content h2{
		font-size:20px;
		padding:15px 10px;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.type-gold .entry-content p{
		padding:0 10px;
	}

	.gold-footer {
		text-align: center;
		margin:60px 0 120px 0;
	}


}


/*--------------------------------------------------------------
# Archive Gold
--------------------------------------------------------------*/

ul.list-gold {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	padding:0;
}

ul.list-gold > li{
	width:30%;
	height:500px;
	margin-right:40px;
	margin-bottom:50px;
	background-color: #ffffff;
	border-radius:30px;
	overflow: hidden;
	position: relative;

	box-shadow: 0px 0px 15px 0px rgba(150,150,150,0.5);
}

ul.list-gold > li a.post-thumbnail{
	display: block;
	width:100%;
	height:300px;
	overflow: hidden;
}

ul.list-gold > li img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

ul.list-gold > li a.post-thumbnail:hover img {
	transform: scale(1.1);
	opacity: 0.7;
}

ul.list-gold > li a.title{
    font-weight: 600;
    margin: 20px 20px;
    display: block;
}

ul.list-gold > li a.title:hover{
	text-decoration: underline;
}

ul.list-gold > li p.post-meta {
	font-size:14px;
	font-weight:400;
    margin: 20px 20px;
    display: block;
}


ul.list-gold > li::after {
	content: "⇒";
	padding:7px;
	border-radius: 50%;
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));

	color:#fff;
	font-size:20px;
	font-weight: 900;
	text-decoration: none;
	position: absolute;
	right:20px;
	bottom:10px;
}


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

	
	.home-business-details {
		background-color: #f4f4f4;
		padding:300px 0 100px 0;
		margin-bottom:60px;

		background-image: url(./images/bg-img-logo.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	ul.list-gold{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	ul.list-gold > li{
		width:90%;
		max-width: 500px;
		height:auto;
		max-height: 500px;
		padding-bottom:40px;
		border-radius:20px;
		margin-bottom:40px;
		margin-right: 0;
	}

	ul.list-gold > li a.post-thumbnail{
		display: block;
		width:100%;
		height:250px;
	
	}

}






/*--------------------------------------------------------------
# Price Table
--------------------------------------------------------------*/

.gswpts_default-style.gswpts_default-style th, .gswpts_default-style.gswpts_default-style td {
	border:none;
}

.price-update-time .gswpts_tables_container .gswpts_tables_content .filtering_input,
.price-table .gswpts_tables_container .gswpts_tables_content .filtering_input,
.price-table-top .gswpts_tables_container .gswpts_tables_content .filtering_input {
	display: none;
}


.price-table h3.swptls-table-title {
	margin:20px 0;
	font-size:20px;
	font-weight:600;
	padding-left:20px;
}

.price-table  .gswpts_tables_container{
	padding:0 !important;
}

.price-table table, 
.price-table-top table {
	border-collapse: collapse;
	width: 100% !important;
}


.price-update-time table thead,
.price-table table thead {
	display: none;
}

.price-table table tbody{
	display: flex;
	flex-wrap: wrap;
}

.price-table table tbody tr{
	width: 25%;
	display: flex;
}

.price-table table tbody tr:nth-child(1),
.price-table table tbody tr:nth-child(2),
.price-table table tbody tr:nth-child(3),
.price-table table tbody tr:nth-child(4) {
	border-top:1px solid #333333;
}

.price-table table td:nth-child(2n+1) {
	background-color:#eeeded ;
	font-size:15px;
	padding:20px 0px 20px 20px;
	border-bottom:1px solid #333333;

	width: 40% !important;
	display: flex;
	align-items: center;
}

.price-table table td:nth-child(2n) {
	padding:20px 0px 20px 20px;
	font-size:20px;
	font-weight:600;
	border-bottom:1px solid #333333;

	width: 60% !important;
	display: flex;
	align-items: center;
}

.price-update-time .dataTables_scrollHead,
.price-table .dataTables_scrollHead {
	display: none;
}



.price-table-top thead th:nth-child(2),
.price-table-top thead th:nth-child(4) {
	font-weight:600;
	padding-left:100px;
}

.price-table-top table td:nth-child(1) {
	background-color:#ede4d1 ;
	font-size:15px;
	font-weight:600;
	text-align: center;
	padding:20px 40px;
	border-bottom:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
	width:200px;
}

.price-table-top table td:nth-child(2),
.price-table-top table td:nth-child(4) {
	padding:20px 0px 20px 40px;
	font-size:20px;
	font-weight:600;
	border:none;
	border-bottom:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
	padding-left:100px;
	width:50px;
}

.price-table-top table td:nth-child(3),
.price-table-top table td:nth-child(5) {
	font-size:14px;
	color:#999;
	border:none;
	border-bottom:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
}





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


	.price-table table tbody{
		display: table-row-group;
		flex-wrap: wrap;
	}
	
	.price-table table tbody tr{
		width: 100%;
		display: table-row;
	}

	
	.price-table table td:nth-child(2n), 
	.price-table table td:nth-child(2n+1) {
		display: table-cell;
		width: 50% !important;
	}

	
	.price-table-top h3.swptls-table-title {
		margin:20px 0;
		font-size:16px;
		font-weight:600;
		text-align: center;
	}


	.price-table-top table tr {
		width: 100%;
	}

	.price-table-top table td:nth-child(1) {
		background-color:#ede4d1 ;
		font-size:14px;
		font-weight:600;
		text-align: center;
		padding:15px 10px 15px 10px;
		border-bottom:1px solid #a0a0a0;
		border-top:1px solid #a0a0a0;
	}

	.price-table-top table td:nth-child(2) {
		padding:15px 10px 15px 15px;
		font-size:16px;
		font-weight:600;
		border:none;
		border-bottom:1px solid #a0a0a0;
		border-top:1px solid #a0a0a0;
	}

	.price-table-top table td:nth-child(3) {
		padding:15px;
		font-size:13px;
		color:#999;
		border:none;
		border-bottom:1px solid #a0a0a0;
		border-top:1px solid #a0a0a0;
	}

	.price-table h3.swptls-table-title {
		margin:20px 0;
		padding:0;
		font-size:16px;
		font-weight:600;
	}
	
	
}



.price-update-time {
	margin-top:-50px;
	height:60px;
}

.price-update-time table {
	width: 100% !important;
}

.price-update-time table td{
	width: 100% !important;
	text-align: center;
	font-size:14px;
	font-weight:600;
	color:#999999;

	word-break : break-all;
}


/*--------------------------------------------------------------
# Page About
--------------------------------------------------------------*/

.philosophy {
	margin:100px 0;
}

.philosophy-text {
	text-align: center;
	margin:100px 0 50px 0;
	font-size:42px;
	font-weight: 900;
}

.company-overview {
	display: flex;
	justify-content: space-between;
}

.company-overview section{
	width: 45%;
}

.company-overview div{
	border-bottom:2px solid #333333;
	padding:20px 30px;

	display: flex;
	margin-bottom:30px;
}

.company-overview div dt{
	font-size:24px;
	font-weight:600;
	width: 40%;
}

.company-overview div dd{
	padding:0;
	width: 60%;
	font-size:20px;
}


.company-acces {
	display: flex;
	justify-content: space-between;
}

.company-acces table{
	width: 450px;
}

.company-acces table th{
	vertical-align: top;
	width: 30%;	
	text-align: left;
	padding-bottom: 20px;
}

.company-acces table td{
	vertical-align: top;
	width: 70%;	
	padding-bottom: 20px;
}

.company-acces  .company-map iframe{
	height: 350px;
	width: 900px;
}


.company-message {
	display: flex;
}

.company-message .message-img{
	width: 50%;
}

.company-message .message-text{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	padding-left:30px;
}

.company-message .message-text p{
	margin:0;
}

.company-message .message-signature{
	text-align: right;
	font-size:28px;
}




@media screen and (max-width:767px) {
	
	.philosophy-text  {
		text-align: center;
		margin:10px 0 50px 0;
		font-size:20px;
		font-weight: 900;
	}
	
	.company-overview-bg {
		background-image: url(./images/bg-img-logo.svg);
		background-size: cover;
		background-position: center center;
	}

	.company-overview {
		display: block;
	}

	.company-overview section{
		width: 100%;
	}

	.company-overview div{
		border-bottom:1px solid #333333;
		padding:10px;
	
		display: flex;
		margin-bottom:10px;
	}

	.company-overview div dt{
		font-size:16px;
		font-weight:600;
		width: 40%;
	}
	
	.company-overview div dd{
		width: 60%;
		font-size:14px;
	}

	
	.company-acces {
		flex-direction: column-reverse;
	}
		
	.company-acces table{
		width: 100%;
		margin-top:20px;
	}

	.company-acces  .company-map iframe{
		height: 200px;
		width: 100%;
	}


	.company-message {
		display: block;
	}

	.company-message .message-img{
		width: 100%;
	}
	
	.company-message .message-text{
		width: 100%;
		display: block;
		padding-left:0px;
	}
	
	.company-message .message-text p{
		margin:0;
	}
	
	.company-message p.message-signature{
		text-align: right;
		font-size:20px;
		margin-top:40px;
	}
	
}





/*--------------------------------------------------------------
# Page HOME
--------------------------------------------------------------*/



/*===============
Home common
===============*/

a.btn-double-square {
	padding:20px 40px;
	border:2px solid #333333;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	margin:100px auto;

	font-size:20px;
	font-weight: 600;
}

a.btn-double-square::after {
	content:"";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:-5px;
	left:-5px;
	border:2px solid #333333;
}

a.btn-double-square:hover {
	background-color: #333333;
	color:#fff;
}

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

	a.btn-double-square {
		padding:10px 20px;
		width: 80%;
		max-width: 400px;
		margin:60px auto;
	
		font-size:16px;
	}
	
	a.btn-double-square::after {
		content:"";
		display: block;
		width:100%;
		height:100%;
		position: absolute;
		top:-5px;
		left:-5px;
		border:2px solid #333333;
	}
}

/*===============
Header-home
===============*/

.site-header-home {
	height:850px;

	position: relative;
}

.home-head-img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index: -1;
	overflow: hidden;
}

@keyframes anime {
	0% {
		  opacity: 0;
	  }
	  8% {
		  opacity: 1;
	  }
	  17% {
		  opacity: 1;
	  }
	  25% {
		  opacity: 0;
		  transform: scale(1.1) ;
		   z-index:9;
	  }
	  100% { opacity: 0 }
}

.home-head-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	
    opacity: 0;
	-webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
}

.home-head-img.image1 {
	background-image: url(./images/head-home1.jpg);
}
.home-head-img.image2 {
	background-image: url(./images/head-gold.jpg);
	-webkit-animation-delay: 6s;
	animation-delay: 6s; 
}
.home-head-img.image3 {
	background-image: url(./images/head-news.jpg);
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
}
.home-head-img.image4 {
	background-image: url(./images/head-gold-archive.jpg);
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
}
.home-head-img.image5 {
	background-image: url(./images/head-news-archive.jpg);
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
}
.home-head-img.image6 {
	background-image: url(./images/head-price.jpg);
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
}


.page-meta-home{
	margin-top:200px;
	margin-bottom:40px;
}

.page-meta-home h1{
	color:#fff;
	font-size:62px;
	font-weight: 900;
	line-height: 1.5em;
	margin:0;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.page-meta-home p{
	color:#fff;
	font-weight:600;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.head-contact {
	margin:80px 0;
	display: flex;
	justify-content: flex-start;
}

a.btn-head-reserve {
	display: flex;
	justify-content: center;
	align-items: center;
	width:380px;
	padding:15px 0;
	margin-right:40px;

	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));
	border-radius:30px;
	color:#ffffff;
	font-weight: 600;
	font-size:20px;
}

a.btn-head-contact {
	display: flex;
	justify-content: center;
	align-items: center;
	width:300px;
	padding:15px 0;
	background-color: #ffffff;
	border-radius:30px;
	color:#333333;
	font-weight: 600;
	font-size:20px;
}

a.btn-head-contact:hover, 
a.btn-head-reserve:hover {
	opacity: 0.7;
}


.home-pricetable {
	width:1280px;
	margin:0 auto;

	position: relative;
	bottom:-30px;
	z-index: 1;
}

.home-pricetable-box {
	padding:20px 40px;
	margin-bottom:20px;
	background-color: #ffffff;
	border-radius: 50px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}

.home-pricetable  .gswpts_tables_container {
	margin:0;
	padding:10px 0 !important;
}




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


	.site-header-home {
		height:600px;
		position: relative;
	}

	.page-meta-home{
		margin-top:100px;
		margin-bottom:40px;
	}

	.page-meta-home h1{
		font-size:30px;

	}
	
	.head-contact {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin:20px 0;
	}

	a.btn-head-reserve {
		max-width:400px;
		width: 90%;
		margin-right:0px;
		margin:10px 0;
	}
	
	a.btn-head-contact {
		max-width:400px;
		width: 90%;
		margin:10px 0;
	}


		
	.home-pricetable {
		width:100%;
		margin:0 auto;

		position: relative;
		bottom:-30px;
		z-index: 1;
	}

	.home-pricetable-box {
		padding:20px 10px;
		border-radius: 30px;
	}

	.home-pricetable  .gswpts_tables_container {
		margin:0;
		padding:10px 0 !important;
	}

}

/*===============
business-details
===============*/

.home-business-details {
	background-color: #f4f4f4;
	padding:120px 0;
	margin-bottom:100px;

	background-image: url(./images/bg-img-logo.svg);
    background-size: contain;
    background-position: -20% center;
    background-repeat: no-repeat;
}


.home-business-details h2.entry-title.label-column{
	display: block;
}

.home-business-details h2.entry-title.label-column .head-label{
	margin:0 20px 0 0;
}

.home-business-details ul.display-posts-listing {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding:0;
}

.home-business-details ul.display-posts-listing > li{
	width:30%;
	height:500px;
	background-color: #ffffff;
	border-radius:30px;
	overflow: hidden;
	box-shadow: 0px 0px 15px 0px rgba(150,150,150,0.5);
	position: relative;
}

.home-business-details ul.display-posts-listing > li a.image{
	display: block;
	width:100%;
	height:300px;
	overflow: hidden;
}

.home-business-details ul.display-posts-listing > li a.image img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.home-business-details ul.display-posts-listing > li a.image:hover img{
	transform: scale(1.1);
	opacity: 0.7;
}

.home-business-details ul.display-posts-listing > li a.title{
    font-weight: 600;
	font-size:28px;
    margin: 20px 20px;
    display: block;
}

.home-business-details ul.display-posts-listing > li a.title:hover {
		text-decoration: underline;
}

.home-business-details ul.display-posts-listing > li p.post-meta {
	font-size:14px;
	font-weight:400;
    margin: 20px 20px;
    display: block;
}


.home-business-details ul.display-posts-listing > li::after {
	content: "⇒";
	padding:7px;
	border-radius: 50%;
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));

	color:#fff;
	font-size:20px;
	font-weight: 900;
	text-decoration: none;
	position: absolute;
	right:20px;
	bottom:10px;
}


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

	
	.home-business-details {
		background-color: #f4f4f4;
		padding:300px 0 100px 0;
		margin-bottom:60px;

		background-image: url(./images/bg-img-logo.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.home-business-details ul.display-posts-listing {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.home-business-details ul.display-posts-listing > li{
		width:90%;
		max-width: 500px;
		height:auto;
		max-height: 500px;
		padding-bottom:40px;
		border-radius:20px;
		margin-bottom:20px;
	}

	.home-business-details ul.display-posts-listing > li a.image{
		display: block;
		width:100%;
		height:250px;
	
	}

	.home-business-details ul.display-posts-listing > li a.title{
		font-size:20px;
	}
}



/*===============
home-service
===============*/

.home-service {
	background-color: #f4f4f4;
	padding:80px 0;
	margin-bottom:100px;

	background-image: url(./images/bg-img-logo.svg);
    background-size: contain;
    background-position: 150% center;
    background-repeat: no-repeat;
}


.home-topics {
	text-align: center;
	margin-top:100px;
	margin-bottom:40px;
}

.home-topics-slider ul > li {
	border-radius: 15px;
	overflow: hidden;
}

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

	.home-service {
		padding:10px 0;
		margin-bottom:60px;
	
		background-image: url(./images/bg-img-logo.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.home-topics-slider ul > li {
		transform: scale(0.9);
	}
	
}

/*===============
home-first
===============*/

.home-beginer h2.entry-title.label-column{
	display: block;
}

.home-beginer h2.entry-title.label-column .head-label{
	margin:0 20px 0 0;
}

.home-beginer ul.list-beginer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	padding:0;
	margin:80px 0;
}

.home-beginer ul.list-beginer li{
	width:40%;
	display: flex;
	justify-content: space-between;

	margin-bottom:20px;
}

.home-beginer ul.list-beginer li > .first-image {
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));
	width:108px;
	height:108px;
	border-radius: 5px;
	padding:20px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.home-beginer ul.list-beginer li > .first-image img{
	max-width: 100%;
	max-height: 100%;
}

.home-beginer ul.list-beginer li > .first-text {
	width:calc(100% - 130px);
}


.home-beginer ul.list-beginer li > .first-text > .sub-text {
	font-size:18px;
	color:#333333;
	font-weight:300;
}

.home-beginer ul.list-beginer li > .first-text a.main-text {
	display: block;
	width: 100%;
	font-size:28px;
	color:#333333;
	font-weight:600;

	border-bottom:2px solid  rgba(255, 147, 76, 1);
	position: relative;
}

.home-beginer ul.list-beginer li > .first-text a.main-text::after {
	content:">>>>>";
	transform: scale(0.5,1.5);
	position: absolute;
	bottom:-40px;
	right:-20px;
}


@media screen and (max-width:767px) {
	
	.home-beginer ul.list-beginer {
		display: flex;
		flex-direction: column;
		align-items: center;

		padding:0;
		margin:80px 0;
	}

	.home-beginer ul.list-beginer li{
		width:100%;
		margin-bottom:20px;
	}
	
	.home-beginer ul.list-beginer li > .first-image {
		width:60px;
		height:60px;
		border-radius: 5px;
		padding:10px;
	}

	.home-beginer ul.list-beginer li > .first-image img{
		max-width: 100%;
		max-height: 100%;
	}

	.home-beginer ul.list-beginer li > .first-text {
		width:calc(100% - 70px);
	}

	
	.home-beginer ul.list-beginer li > .first-text > .sub-text {
		font-size:14px;
		line-height: 1em;
	}

	.home-beginer ul.list-beginer li > .first-text a.main-text {
		font-size:20px;
		line-height: 1em;
	}

	.home-beginer ul.list-beginer li > .first-text a.main-text::after {
		content:">>>>>";
		font-size:16px;
		transform: scale(0.5,1.5);
		position: absolute;
		bottom:-25px;
		right:-15px;
	}

}



/*--------------------------------------------------------------
# Page Q and A
--------------------------------------------------------------*/


dl.q-and-a dt{
	background-color: #f5f5f5;
	padding:25px 20px 25px 100px;
	position: relative;

}

dl.q-and-a dt::before{
	content:"Q";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right:50px;

	background-color: #f9676e;
	color:#fff;
	font-size:28px;
	font-weight: 600;

	position: absolute;
	top:15px;
	left:20px;
}

dl.q-and-a dd{
	padding:10px 20px 10px 100px;
	margin:20px 0 80px 0;
	position: relative;

	width: 100%;
}

dl.q-and-a dd::before{
	content:"A";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right:50px;

	background-color: #cccccc;
	color:#fff;
	font-size:28px;
	font-weight: 600;

	position: absolute;
	top:15px;
	left:20px;
}

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

	dl.q-and-a dt{
		padding:15px 10px 15px 50px;
	}
	
	dl.q-and-a dt::before{
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin-right:20px;
	
		font-size:20px;
		font-weight: 600;

		top:10px;
		left:10px;
	}
		
	
	dl.q-and-a dd{
		padding:15px 10px 15px 50px;
		margin:20px 0 60px 0;
	}

	dl.q-and-a dd::before{
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin-right:20px;
	
		color:#fff;
		font-size:20px;
		font-weight: 600;

		top:10px;
		left:10px;
	
	}
}


/*--------------------------------------------------------------
# Contact Form
--------------------------------------------------------------*/

table.contact-form {
	width: 1300px;
}

table.contact-form th{
	width:250px;
	vertical-align: top;
	text-align: left;
}

table.contact-form th p{
	font-weight: 900;
}

table.contact-form td{
	width:1050px;
}

table.contact-form input[type="text"] ,
table.contact-form input[type="email"] ,
table.contact-form input[type="tel"] ,
table.contact-form textarea{
	width: 100%;
	padding:10px;
	border: 2px solid;
	border-image:linear-gradient(0deg, rgba(255, 147, 76, 1), rgba(252, 104, 111, 1)) 1;
}

table.contact-form  .form-check {
	text-align: center;
}

table.contact-form  .form-check label{
	display: flex;
	align-items: center;
	background-color: #eeeeee;
	padding:10px 20px;
	border-radius:10px;
	margin:20px 0;
}

table.contact-form  .form-check label input[type="checkbox"]{
	width: 20px;
	height: 20px;
}


.btn-submit {
	text-align: center;
}

.btn-submit input[type="submit"]{
	width: auto;
	padding:10px 150px;
	margin:40px 0 0 0;
	border-radius: 30px;
	background-image: linear-gradient(45deg,rgba(252, 104, 111, 1), rgba(255, 147, 76, 1));
	border:none;
	color:#fff;
	font-weight: 600;
}

.wpcf7-spinner{
	display: block;
	margin:10px auto;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
}

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

	table.contact-form {
		width: 100%;
	}
	
	table.contact-form tr{
		display: block;
	}

	table.contact-form td,
	table.contact-form th{
		width:100%;
		display: block;
	}
	
	table.contact-form td{
		margin-bottom:20px;
	}
	
	table.contact-form td p,
	table.contact-form th p{
		margin:0;
	}

	.btn-submit input[type="submit"]{
		width: auto;
		padding:10px 100px;
		margin:40px 0 0 0;
		border-radius: 10px;
	}
}