/*! Made with Bones: http://themble.com/bones :) */

/* reCAPTCHA */
.grecaptcha-badge{
	margin-bottom: 60px;
}
/*****/


.wp-block-column{
	overflow: hidden!important;
}


article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
header,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video{
	display: inline-block;
}

.wp-block-image{
	margin: 0;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

ul,li,ol{/*リスト記号が要素外にはみ出すのを防止*/
	list-style-position:inside;	
}

/* ==========================================================================
   Base
   ========================================================================== */

html{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

body {
	margin: 0;
}

@media(min-width:1025px){
	background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, #374258 50%, #374258 100%);	
}

.kakusu{
	visibility: hidden;
}

/* ==========================================================================
   Links
   ========================================================================== */
a{
	background: transparent;
	color: #000;
}

a:focus{
	outline: thin dotted;
}

a:active,
a:hover{
	outline: 0;
	opacity: 0.8;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1{
	font-size: 2em;
	margin: 0; 
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong,
.strong{
	font-weight: bold;
}

dfn,
em,
.em{
	font-style: italic;
}

hr{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

p{
	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

pre{
	margin: 0;
}

code,
kbd,
pre,
samp{
	font-family: monospace, serif;
	font-size: 1em;
}

pre{
	white-space: pre-wrap;
}

q{
	quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before,
q:after{
	content: '';
	content: none;
}

small, .small{
	font-size: 75%;
}

sub,
sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */

dl,
menu,
ol,
ul{
	margin: 0;
}

dd{
	margin: 0;
}

menu{
	padding: 0 0 0 40px;
}

ol,
ul{
	padding: 0;
	list-style-type: none;
}

nav ul,
nav ol{
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
figure{
	margin: 0;
	padding:0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

fieldset{
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend{
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

button,
input,
select,
textarea{
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input{
	line-height: normal;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

button[disabled],
html input[disabled]{
	cursor: default;
}

input[type="checkbox"],
input[type="radio"]{
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
table{
	border-collapse: collapse;
	border-spacing: 0;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.image-replacement,
.ir{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.clearfix, .cf, .comment-respond {
	zoom: 1;
}

.clearfix:before, .clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after{
	content: "";
	display: table;
}

.clearfix:after,
.cf:after,
.comment-respond:after{
	clear: both;
}

span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}

p{
	-ms-word-break: break-all;
	-ms-word-wrap: break-all;
	word-break: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
}

body{
	font-size: 100%;
	position:relative;
	line-height: 1.5;
	color:#252525;
	-webkit-font-smoothing: antialiased;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a,
a:visited{
	color: #333333;
}

a:link, a:visited:link{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{
	text-rendering: optimizelegibility;
	font-weight: 500;
	margin:　0 0 0;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a{
	text-decoration: none;
}

h1, .h1{
	font-size: 2em;
	line-height: 1.2em;
}

h2, .h2{
	font-size: 1.75em;
	line-height: 1.4em;
	margin-bottom: 0.375em;
}

h3, .h3{
	font-size: 1.34em;
}

h4, .h4{
	font-size: 1.1em;
}

h5, .h5{
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#logo{
	margin: 0.75em 0;
}

#logo a{
	color: white;
}

#content{
	margin-top:0;
}

.single-title,
.page-title,
.entry-title {
	margin: 0;
	background-color:transparent;
}

/* entry content */
.entry-content{
	padding: 1.5em 1.5em 0;
}

.entry-content p{
	margin: 0 0 1.5em;
}

.entry-content table{
	width: 100%;
	margin-bottom: 1.5em;
}

.entry-content table caption{
	margin: 0 0 7px;
	font-size: 0.75em;
	color: #9fa6b4;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.entry-content td{
	padding: 7px;
}
.entry-content td:last-child{
	border-right: 0;
}

.entry-content th:last-child {
	border-right: 0;
}
.entry-content blockquote {
	margin: 0 0 1.5em 0.75em;
	padding: 0 0 0 0.75em;
	border-left: 3px solid #2980b9;
	font-style: italic;
	color: #9fa6b4;
}
.entry-content dd {
	margin-left: 0;
	font-size: 0.9em;
	color: #787878;
	margin-bottom: 1.5em;
}
.entry-content img {
	margin: 0 0 0 0;
	max-width: 100%;
	height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
	max-width: 100%;
	height: auto;
}
.entry-content pre {
	background: #323944;
	color: #f8f9fa;
	font-size: 0.9em;
	padding: 1.5em;
	margin: 0 0 1.5em;
	border-radius: 3px;
}

.wp-caption {
	max-width: 100%;
	background: #eee;
	padding: 5px;
}
.wp-caption img {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center;
}

.tags {
	margin: 0;
}

.pagination,
.wp-prev-next {
	margin: 1.5em 0;
}

.pagination {
	text-align: center;
}

.pagination ul {
	display: inline-block;
	background-color: white;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border-radius: 3px;
}

.pagination li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
	border-right: 1px solid #eaedf2;
}
.pagination a, .pagination span {
	margin: 0;
	text-decoration: none;
	padding: 0;
	line-height: 1em;
	font-size: 1em;
	font-weight: normal;
	padding: 0.75em;
	min-width: 1em;
	display: block;
	color: #2980b9;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
	background-color: #2980b9;
	color: white;
}

.pagination .current{
	cursor: default;
	color: #5c6b80;
}

.pagination .current:hover, .pagination .current:focus {
	background-color: white;
	color: #5c6b80;
}

.wp-prev-next .prev-link {
	float: left;
}

.wp-prev-next .next-link {
	float: right;
}

.no-widgets {
	background-color: white;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 2px;
	margin-bottom: 1.5em;
}
/*
@media only screen and (min-width: 768px) {
.nav {
	border: 0;
}
.nav ul {
	background: #323944;
	margin-top: 0;
}
.nav li {
	float: left;
	position: relative;
}
.nav li a {
	border-bottom: 0;
	color:#fff;
}
.nav li ul.sub-menu,
.nav li ul.children {
	margin-top: 0;
	border: 1px solid #ccc;
	border-top: 0;
	position: absolute;
	visibility: hidden;
	z-index: 8999;
}

.nav li ul.sub-menu li a,
.nav li ul.children li a {
	padding-left: 10px;
	border-right: 0;
	display: block;
	width: 210px;
	border-bottom: 1px solid #ccc;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
	border-bottom: 0;
	}
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
	top: 0;
	left: 100%;
	}
.nav li:hover > ul {
	top: auto;
	visibility: visible;
	}

.sidebar {
	margin-top: 2.2em; }

.widgettitle {
	border-bottom: 2px solid #444;
	margin-bottom: 0.75em; }

.widget {
	padding: 0 10px;
	margin: 2.2em 0; }
.widget ul li {
	margin-bottom: 0.75em;

	}
.widget ul li ul {
	margin-top: 0.75em;
	padding-left: 1em;
	}

	
   }
*/

/*********************
PRINT STYLESHEET
*********************/
@media print {

	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	
	a:after, a:visited:after {
		content: " (" attr(href) ")"; 
	}
	
	a abbr[title]:after, a:visited abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""; 
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}
	
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3{
		page-break-after: avoid;
	}

	.sidebar,
	.page-navigation,
	.wp-prev-next,
	.respond-form,
	nav{
		display: none;
	}
}

/*******************************/
/*****   以下オリジナル     *****/
@media(min-width:1025px){
	.wp-block-group.siteTopHero {
		background: linear-gradient(90deg, #ffffff 0%, #ffffff 65%, #374257 65%, #374258 100%);
	}		
}

@media(max-width:1024.9px){
	.wp-block-group.siteTopHero {
		background-size: 80%;
		padding-bottom: 100px;
		position: relative;
		z-index: 2;
	}
	.wp-block-group.siteTopHero:before {
		content: '';
		position: absolute;
		width: 80vw;
		height: 80%;
		background: #374258;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
}
/* ============================
 * hidden basic carousel
 * ===================== */
.carousel{
	display: none;
}

.container{
	max-width: 1360px;
}

.siteHeader .container{
	max-width: 100%;
}


.siteHeader{
	line-height: 1;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media(min-width:1025px){
	.siteHeader{
		background: linear-gradient(90deg, #ffffff 0%, #ffffff 65%, #374257 65%, #374258 100%);
	}
	
	.siteHeader.transform {
		background: none;
	}
}

@media(min-width:1300px){
	.siteHeader{
		padding-top: 40px;
		padding-bottom: 40px;
	}	
}

.siteHeader .discription-spage{
	display: none;
}

@media(max-width:992.9px){
	.siteHeader .container{
		padding-bottom: 0;
	}
}

@media screen and (min-width:769px) and ( max-width:992.9px) {
	h1.navbar-brand.siteHeader_logo {
		text-align: center;
	}
}

@media(min-width:1025px){
	h1.navbar-brand.siteHeader_logo,
	h1.navbar-brand.siteHeader_logo + img{
		display:inline;
		text-align: left;
	}
}

@media(max-width:1024.9px){
	.siteHeader_logo{
		width:100vw;
		padding: 0 0 0 0;
		text-align: center;
	}
}

.siteHeader_logo img {
	max-width: 70%;
	max-height: 60px;
	margin: 0;
	padding: 5px 0 0 5px;
}

@media (min-width: 365px){
	.siteHeader_logo img {
		max-height: 55px;
		padding: 5px 0 0 5px;
	}
}

@media (min-width: 768px){
	.siteHeader_logo img {
		max-height: 60px;
		padding: 5px 0 0 5px;
	}
}

@media (min-width: 1025px){
	.siteHeader_logo img {
		max-width: 307px;
		max-height: 65px;
		margin:0 auto 0 45px;
	}
}
@media (min-width: 768px){
	.siteHeadContainer {
		display: block;
		justify-content: space-between;
	}
}

@media (min-width: 993px){
	.siteHeadContainer {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}
}

.navbar-header{
	box-sizing: border-box;
	padding: 0;
}

@media (min-width: 768px){
	.navbar-header{
	 	text-align: center;
	}
}

@media (min-width: 993px){
	.navbar-header{
		display:inline;
	 	text-align: left;
	}
}

.slide-links p{
	text-align: center;
	padding: 0 0;
}

.slide-links p.setumei{
	font-size: 0.8em;
	margin-left: 1.8em;
	margin-right: 1.8em;
	text-align: left;
}

.slide-links-over .swiper-button-prev,
.slide-links-over .swiper-button-next{
	display: block;
}

@media(max-width:1199.9px){
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: -5px;
		left: 0;
		width: 100%;
	}
}

#hero{
   position: relative;
   display: block;
}

@media(min-width:576px){
	#hero{
		background: linear-gradient(to right, #ffffff 0%, #ffffff 70%, #374258 50%, #374258 100%);
	}
}

#hero .swiper-wrapper{
	width: 100%;
}

#hero .swiper-wrapper img {
	width: 100%;
	height: 90vw;
	object-fit: cover;
}

@media(min-width:576px){
	#hero .swiper-wrapper img {
		height: 54vw;
	}
}

@media(min-width:1920px){
	#hero .swiper-wrapper img {
    	max-height: 1222px;
	}
}

#hero .swiper-pagination{
	bottom: 4vw;
}

#hero .swiper-pagination-bullet{
	background: #ffffff!important;
}

.hero-slider.swiper-container.swiper-initialized.swiper-horizontal {
	overflow: hidden;
}

/* ==================================================
 * owl carousel =='home' news slider== 
 * =========================*/
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{
	filter: drop-shadow(0px 1px 0px rgba(255,255,255,1));
}

/* ==================================================
 * linkbanner management 
 * ==========================*/
.slide-links img {
	width: 100%;
	max-width: 285px!important;
	height: auto;
}

.slide-links-over{
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4em;
	padding-bottom: 2em;
	overflow: hidden;
}

.slide-links-over .slick-slide img{
	margin-left: auto;
	margin-right: auto;
}

.slide-links-over .swiper-slide {
	cursor: pointer;
	text-align: center;
}

figure.catch2{
	display: none;
	width: 100%;
	max-width: 520px;
	height: auto;
}

figure.catch2 img{
	width: 100%;
	max-width: 520px;
	height: auto;
}

@media(min-width:576px){
	figure.catch2{
		display: block;
		width: 27.3%;
		flex: 0 0 27.3%;
		z-index: 2;
	}
}

/* ==============================================
 * mark upon slider 
 * =============================*/

figure.on-logo{
	position: absolute;
	top: 45vw;
	left: 50%;
	transform: translateX(-50%);
	width: 24vw;
	z-index: 6;
}

@media(min-width:576px){
	figure.on-logo{
		top: 12.4vw;
		width: 16vw;
		z-index: 70;
	}
}

@media(min-width:993px){
	figure.on-logo{
		top: 12vw;
		width: 16vw;
	}
}

/* ====================================================
 * catchphrase on slide 
 * =================================*/
h2.catch-on{
	text-align: center;
}

h2.catch-on img{
	width: 50%;
	height: auto;
	max-width: 960px;
}

/* ====================================================
 * news release 
 * ==================================*/
.news-list{
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.postListText_date{
	font-size: 1em;
}

@media(min-width:577px){
	.postListText_date{
		font-size: 16px;
	}
}

.postListText_title{
	width: 90%;
	font-size: 1em;
}

@media(min-width:577px){
	.postListText_title{
		width: 65%;
	}
}

.postListText_date{
	font-size: 0.94em;
}

@media(min-width:577px){
	.postListText_date{
		font-size: 0.94em;
	}
}

.postListText{
	position: relative;
	font-size: 1em;
}

/* ===========================================================
 * arrow after News release 
 * =======================================*/
.postListText:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 56%;
	right: 3vw;
	width: 2.13vw;
	height: 2.13vw;
	margin-top: -1.1vw;
	background: #12A283;
}

.postListText:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 56%;
	right: 4vw;
	width: 2.13vw;
	height: 2.13vw;
	margin-top: -1.1vw;
	background: #ffffff;
}

@media(min-width:577px){
	.postListText:before{
		margin-top: 0;
		top: 40%;
		width: 14px;
		height: 14px;
		right: 24px;
	}

	.postListText: after{
		margin-top: 0;
		top: 40%;
		width: 14px;
		height: 14px;
		right: 30px;
	}
}

/* ===============================================================
 * footer 
 * ===================================*/
footer{
	background-color: #374258;
	padding-bottom: 2em;
}

@media(max-width:992.9px){
	footer{
		padding-bottom: 6.2em;
	}
}

#inner-footer{
	background-color: #eff7fc;
	padding: 30px 20px 80px 20px;
}

@media(min-width:577px){
	#inner-footer{
		padding: 30px 20px 30px 20px;
	}
}

#footerButtonBox{
	display: flex;
	justify-content: center;
	padding-top: 72px;
	padding-bottom: 44px;
}

#footer_button{
	display: table;
	text-align: center;
}

#footer_button a{
	width: 50vw;
	display: table-cell;
	height: 160px;
	vertical-align: middle;
	border: 1px solid #374258;
	position: relative;
	color: #374258;
}

#footer_button a::after{
	content: url(/wp-content/themes/country_bn/library/images/footer_button_arrow.svg);
	position: absolute;
	top: 36%;
	right: 35px;
}

.f-logo-group{
	text-align: center;
}

.f-logomark{
	width: 18vw;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.4em;
}

@media(min-width:577px){
	.f-logomark{
		width: 10vw;
		height: auto;
	}
}

@media(min-width:993px){
	.f-logomark{
		width: 80px;
	}
}

.f-logoname{
	width: 100%;
	max-width: 94px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.f-logoname img{
	width: 100%;
	height: auto;
}

.f-com{
	color: #ffffff;
	font-size: 24px;
	margin-right: 62px;
}

.f-add{
	text-align: left;
	font-size: 18px;
	line-height: 1.5;
	color: #ffffff;
}

.f-tel{
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 18px;
  	color: #ffffff!important;
}

.source-org.copyright{
	font-size: 14px;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #ffffff;
}

.otoiawase-telbox{
	margin-top: 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* ================================================================
 * footer menu 
 * ==========================================*/
.footer-inner{
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	margin-top: 1em;
	color: #ffffff;
}

.footerMenu{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin: 1em 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

@media(min-width:768px){
	.footerMenu {
		margin-top: 1.4em;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0 1em;
		width: 100%;
		max-width: 1200px;
		writing-mode: vertical-lr;
		flex-direction: column-reverse;
	}
}

.footerMenu li{
	width: 100%;
	font-size: 14px;
	position: relative;
}

@media(min-width:577px){
	.footerMenu li{
		width: 3.5em;
		font-size: 16px;
		margin: 0;
	}
}

.footerMenu li a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	position: relative;
	padding: 1em 1em 5em;
}

.footerMenu li:nth-of-type(1) a{
	letter-spacing: 1px;
}

.footerMenu li:nth-of-type(2) a{
	letter-spacing: 2px;
}

.footerMenu li:nth-of-type(3) a,
.footerMenu li:nth-of-type(4) a,
.footerMenu li:nth-of-type(5) a,
.footerMenu li:nth-of-type(6) a{
	letter-spacing: 8px;
}

.footerMenu li a::after{
	font-size: 14px;
	position: absolute;
	left: 36%;
	letter-spacing: 0;
	transition: all .3s;
}

.footerMenu li:nth-of-type(1) a::after{
	content: "privacy";
	top: 12.5em;
}

.footerMenu li:nth-of-type(2) a::after{
	content: "contact";
	top: 10.5em;
}

.footerMenu li:nth-of-type(3) a::after{
	content: "business";
	top: 9.5em;
}

.footerMenu li:nth-of-type(4) a::after{
	content: "about";
	top: 9.5em;
}

.footerMenu li:nth-of-type(5) a::after{
	content: "case";
	top: 9.5em;
}

.footerMenu li:nth-of-type(6) a::after{
	content: "news";
	top: 9.5em;
}

.footerMenu li a:hover::after{
	left: 56%;
}

.no-widgets{
	display: none;	
}

p{
	margin: 0 0 0 0;
}

.pchide{
	display: none!important;
}

.footer-inner .f-tel br{
	display: none;
}
/* ===========================================================
 * MOBILE button & menu 
 * =====================================*/
#menu-btn-check {
	display: none;
}

.menu-btn {
	position: fixed;
	top: 0;
	right: 0;
	top: 0;
	display: flex;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background-color: #F0E8DB;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 2px;
	width: 30px;
	border-radius: 2px;
	background-color: #374258;
	position: absolute;
}

.menu-btn span:before {
	bottom: 12px;
}

.menu-btn span:after {
	top: 12px;
}

#menu-btn-check:checked ~ .menu-btn span {
	background-color: rgba( 255, 255, 255, 0);
}

#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}

/* ==============================================================
 * MOBILE menu 
 * ==================================*/

#gMenu_outer #menu-main-menu-1,
h1.navbar-brand.siteHeader_logo + img{
	display: none;
}

@media (max-width: 1024.9px){
	.hamburger-menu{
		position: fixed;
		z-index: 32;
	}
	
	.hamburger-menu .gMenu_outer{
		width: 100%;
		height: calc(100% - 90px);
		position: fixed;
		top: 60px;
		left: 100%;
		background-color: #F0E8DB;
		transition: all 0.2s;
	}
	
	#menu-btn-check:checked ~ .gMenu_outer {
		left: 0;/* move MENU off screen */
	}
	
	.hamburger-menu .gMenu_outer ul{
		 width: 100%;
		 height: calc(100% - 50px);
		 overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.hamburger-menu .gMenu_outer ul::before{
		content:url(/wp-content/themes/country_bn/library/images/logomark_s.svg);
		display:inline-block;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.hamburger-menu .gMenu_outer ul li{
		position: relative;
		line-height: 1;
		font-size: 1.1em;
		list-style: none;
		text-align: left;
		display: block;
	}
	
	.hamburger-menu .gMenu_outer ul li a{
		display: block;
		width: 100%;
		font-size: 22px;
		box-sizing: border-box;
		color: #374258;
		text-decoration: none;
		padding: 1.5em 0.8em;
		position: relative;
		text-indent: -5em;
		writing-mode: horizontal-tb;
		text-align: center;
	}
	
	.hamburger-menu .gMenu_outer ul li{
		color: #cccccc;
	}
	
	.hamburger-menu .gMenu_outer ul.sub-menu{
		display: block;
		padding: 0 0 0;
		height: inherit;
		background-color: inherit;
	}
}

/* ==========================================================
 * body.home
 * ============================================*/

body.home section > div:first-of-type > div{
	position: relative;
}

body.home section > div:first-of-type > div > div:last-of-type{
	color: #ffffff;
	position: absolute;
	top: 170px;
	right: 60px;
	font-size: 77px;
	mix-blend-mode: screen;
	opacity:0.7;
}

body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
	font-size: 146px;
}

body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
	font-size: 117px;
	vertical-align: bottom;
}

.henkou{
	font-size:90px!important;
}

@media(max-width:1480.9px){
	body.home section > div:first-of-type > div > div:last-of-type{
		top: 80px;
		font-size: 60px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
		font-size: 125px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
	body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
		font-size: 100px;
		vertical-align: bottom;
	}
	
		.henkou{
	font-size:70px!important;
}

	#gMenu_outer {
		position: absolute;
		top: 260px;
		left: 45px;
		z-index: 10;
	}
}

@media(max-width:1170.9px){
	body.home section > div:first-of-type > div > div:last-of-type{
		top: 150px;
		right: 30px;
		font-size: 40px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
		font-size: 85px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
	body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
		font-size: 70px;
		vertical-align: bottom;
	}
	
			.henkou{
	font-size:50px!important;
}
}

@media(max-width:1024.9px){
		body.home section > div:first-of-type > div > div:last-of-type{
		right: 0;
		left: 40vw;
	}
		body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
		font-size: 75px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
	body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
		font-size: 60px;
	}
}

@media(max-width:880.9px){
		body.home section > div:first-of-type > div > div:last-of-type{
		left: 30vw;
	}
}

@media(max-width:770.9px){
		body.home section > div:first-of-type > div > div:last-of-type{
		top: 100px;
		left: 15vw;
		font-size: 40px;
	}
	
	.wp-block-group.siteTopHero:before {
		content: '';
		position: absolute;
		width: 90vw;
		height: 90%;
		background: #374258;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 0;
	}
}

@media(max-width:580.9px){
		body.home section > div:first-of-type > div > div:last-of-type{
		font-size: 34px;
	}
}

@media(max-width:450.9px){
	body.home section > div:first-of-type > div > div:last-of-type{
		right: 0;
		left: 15vw;
		font-size: 25px;
	}
	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
		font-size: 50px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
	body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
		font-size: 40px;
	}
		.henkou{
	font-size:30px!important;
}
	
}

@media(max-width:320.9px){
	body.home section > div:first-of-type > div > div:last-of-type{
		right: 0;
		top: 60px;
		left: 11vw;
		font-size: 22px;
	}
	
	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type{
		font-size: 40px;
	}

	body.home section > div:first-of-type > div > div:last-of-type > div p:first-of-type >span:first-of-type+span,
	body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
		font-size: 35px;
	}
			.henkou{
	font-size:24px!important;
}
}

/*=====================================================================
 * hamburger menu
 * =======================================*/
@media (min-width: 1025px){
	.hamburger-menu{
		display: none;		
	}

	#gMenu_outer #menu-main-menu-1{
		display: block;
		padding-top: 50px;
	}
	
	h1.navbar-brand.siteHeader_logo + img{
		display: inline;
	}
	
	#gMenu_outer{
		position: absolute;
		top: 130px;
		left: 50px;
		z-index: 10;
	}

	#gMenu_outer::before{
		content: '';
		background-image: url(/wp-content/themes/country_bn/library/images/logomark_s.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		width: 100%;
		height: 60px;
	}
	
	.siteHeader.transform #gMenu_outer{
		position: initial;
	}

	.siteHeader.transform #gMenu_outer::before{
		display: none;
	}
}

@media (min-width: 1340px){
	#gMenu_outer{
		display: block;
		flex: 0 0 80%;
		left: 75px;
	}
}

.gMenu_outer > ul{
	text-align:	center;
}

.gMenu_outer > ul li{
	display: inline-block;
	line-height: 1.1;
	writing-mode: vertical-rl;
}

.gMenu_outer > ul li a{
	text-decoration: none;
	display: block;
	padding: 1em;
	position: relative;
	font-size: 14px;
  	color: #374258;
}

@media (min-width: 1100px) {
	.gMenu_outer > ul li a{
		padding: 0.5em 1em;
		font-size: 20px;
		letter-spacing: 15px;
	}
}

.gMenu_outer > ul li a::before,
.gMenu_outer > ul li a::after {
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
}
.gMenu_outer > ul li a::before {
	left: 50%;
}
.gMenu_outer > ul li a::after {
	font-size: 14px;
	position: absolute;
	left: 2.45em;
	top: 9em;
	letter-spacing: 0;
	height:5em;
	
}

@media(min-width:1100px){
	.gMenu_outer > ul li a::after {
		left: 3.1em;
		top: 12em;
	}
}

.gMenu_outer > ul li.menu-item-18 a::after{
	content: 'business';
}
.gMenu_outer > ul li.menu-item-17 a::after{
	content: 'about';
}
.gMenu_outer > ul li.menu-item-355 a::after{
	content: 'case';
}
.gMenu_outer > ul li.menu-item-15 a::after{
	content: 'news';
}

.gMenu_outer > ul li a:hover::before,
.gMenu_outer > ul li a:hover::after {
	width: 20%;
}

@media(min-width:1600px){
	#gMenu_outer{
		left: 120px;
	}
	
	.gMenu_outer > ul li a{
		font-size: 22px;
	}
	
	#gMenu_outer::before{
		height: 100px;
	}
}
.gMenu_outer .sub-menu:before {
	font-family: "Font Awesome 5 Free";
	font-size: 3em;
	position: absolute;
	top: -36px;
	left: 30px;
	content: '\f0d8';
	font-weight: 900;
	color: #464646;
}
 
.gMenu_outer .sub-menu {
	position: relative;
	z-index: 99;
	display: none;
	width: 100%!important;
	border-top: none;
	padding-left: 8%!important;
}
 
.gMenu_outer .sub-menu li {
	display: block;
	float: none;
	padding: 0;
}

.gMenu_outer li:hover .sub-menu {
	display: block;
}
 
.gMenu_outer .sub-menu li a:before {
	color: #333333;
}

.hamburger-menu .gMenu_outer .sub-menu{
	padding-bottom: 2em;
	margin-bottom: 1em;	
}

.hamburger-menu .gMenu_outer .sub-menu li a {
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 0;
	padding: 1.1em 10px 10px 10px;
	text-align: left;
	color: #ffffff;
	background-color: #B41A32;
}

.hamburger-menu .gMenu_outer ul li a:after{
	font-size: 14px;
	position: absolute;
	top: 37px;
	left: 80%;
	text-align: left;
	color: #000000;
}

@media(min-width:650px){
	.hamburger-menu .gMenu_outer ul li a:after{
		left: 70%;
	}
}

.hamburger-menu .gMenu_outer ul li.menu-item-has-children a:after{
	content: "";
	font-size: 0.9em;
	position: absolute;
	top: 19px;
	right: 20px;
	transform: translatex(-50%);
	color: #ffffff;
}

.hamburger-menu .gMenu_outer ul li .sub-menu a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-size: 0.9em;
	position: absolute;
	top: 19px;
	right: 20px;
	transform: translatex(-50%);
	color: #ffffff;
}

@media (min-width: 768px) {
	.gMenu_outer .sub-menu li a {
		font-size: 1em;
		font-weight: normal;
		margin-left: 0;
		padding: 14px 30px 14px 14px;
		text-align: left;
		color: #ffffff;
	}
	
	.gMenu_outer .sub-menu {
		position: absolute;
		width: 230px!important;
		border-top: 1px solid #eee;
		left:-20px;
		top:40px;
	}
}

/* ===================================================
 * hover menu
 * ===============================*/
.hover-menu{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 50%;
	transform: translatex(-50%);
	z-index: 9999;
	background-color: #ffffff;
}

.hover-menu .hover-nav{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
}

@media (min-width: 993px) {
	.hover-menu{
		background-color: rgba(255,255,255,0);
		position: relative;
		margin: 0;
		max-width: 1200px;
		padding: 12em 0;
		z-index: 1;
	}
	
	.hover-menu .hover-nav{
		flex-wrap: nowrap;
		list-style: none;
		justify-content: space-between;
	}
}

@media (max-width: 992.9px) {
	.hover-menu .hover-nav li{
	   flex: 1 0 auto;
	}
	
	.hover-menu .hover-nav li.hover-mesi a,
	.hover-menu .hover-nav li.hover-blog a,
	.hover-menu .hover-nav li.hover1 a{
		justify-content: center;
		box-sizing: border-box;
		align-items: center;
		width: 100%;
		padding: 1.4em 0.5em;
		margin: 0;
		font-size: 14px;
		background-color: #707070;
		color: #ffffff;
		letter-spacing: 0;
	}
}

.hover-menu .hover-nav li.hover-inq a{
	justify-content: center;
	box-sizing: border-box;
	align-items: center;
	width: 100%;
	padding: 1.4em 0.5em;
	margin: 0;
	font-size: 14px;
	background-color: #ec1234;
	color: #ffffff;
	letter-spacing: 0;
}

.hover-menu .hover-nav li a{
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 2em 1em;
	background-color: rgba(243,240,233,1);
	box-sizing: border-box;
	border-top: solid 1px #999;
}

.hover-menu .hover-nav li:first-child a{
	border-right: solid 1px #999;
}

@media (min-width: 993px) {
	.hover-menu .hover-nav li.hover-inq a{
		padding: 1em 1.4em;
		letter-spacing: 2px;
		display: none;
	}
	
	.hover-menu .hover-nav li{
		flex: 0 0 47%;
 	}
	
	.hover-menu .hover-nav li a{
		font-size: 22px;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-right: 0;
		white-space: nowrap;
		max-width: 580px;
		background-color: rgba(243,240,233,0.92);
	}
	
/* slider next button　positioning */	
	.swiper-button-next, .swiper-button-prev{
		top: 50%;
		transform: translateY(-50%);
	}
}

/* ============================================================
 * form required 
 * ==================================*/
span.required-cont{
	font-size: 0.9em;
	background-color: #e85a24;
	color: #ffffff;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 5px;
	position: relative;
	left: 10px;
}

.cont{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

.cont input::placeholder,
.cont textarea::placeholder{
	color: #333333;
	opacity: 0.5;
	font-size:0.87em;
}

.cont label,
.cont label input{
	cursor:pointer;
}

.cont label span:hover,
.cont label input:hover + span{
	opacity:0.7;
	color:#374258;
	transition:.3s;
}

@media(min-width:1025px){
	.wpcf7-list-item.first {
		margin: 0;
	}
}

.cont th{
	text-align: left;
	padding: 1em 1em;
	width: 100%;
	padding: 1.5em 0.5em;
	width: 30%;
	text-indent: 1em;
}

.cont td{
	padding: 2em 1em;
	width: auto;
	padding: 1.5em 0.5em;
}

.cont input,
.cont textarea{
	border: solid 1px #666666;
	padding: 5px;
}

.cont input{
	width: auto;
	background-color: #ffffff;
	border-radius: 5px;
}

@media(max-width:992.9px){
	.cont{
		margin-top: 10px;
	}
	
	.cont th{
		padding: 1.5em 0.5em;
		width: 30%;
		display: block;
		width: 100%;
	}

	.cont input{
		width: 90%;
	}
	
	.wpcf7-list-item {
		display: block;
		margin: 0 0 0 1em;
	}
	
	.wpcf7-list-item input{
		width:auto;
	}
	
	.cont td{
		display: block;
		width: 100%;
		padding-top: 0;
		padding-bottom: 2em;
		padding-left:1em;
	}
}

.cont textarea{
	width: 90%;
	border-radius: 5px;
}

input.wpcf7-form-control.wpcf7-submit{
	background-color: #374258;
	border-radius: 0;
	min-width: 180px;
	color: #ffffff;
	border: none;
	padding: 0.75em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

input.wpcf7-form-control.wpcf7-submit:hover{
	opacity: 0.8;
}

@media(min-width:992px){
	input.wpcf7-form-control.wpcf7-submit{
		width: 30%!important;
	}
}

.ajax-loader{
	display: none!important;
}

.page_top_btn{
	position: fixed;
	right: 2%;
	bottom: 14%;
	z-index: 99999;
	width: 58px;
	height: 58px;
	color: transparent;
	border: solid 2px #fff;
	background: rgba(89, 55, 67,.8);
	box-shadow: 0 0 0 0px rgb(255 255 255 / 80%), 0 0 0 0px rgb(0 0 0 / 80%);
	background-image: var(--ver_page_top_button_url);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: opacity .3s;
}

div#container{
	position: relative;
}

#siteConcept{
	width: 60vw;
	display: flex;
	margin: auto;
}

#siteConcept h3{
	writing-mode: vertical-lr;
	font-size: 54px;
}

#siteConcept p{
	font-size: 18px;
	line-height: 2.5;
	margin: 110px;
}

.linkButtons{
	display: flex;
	justify-content: center;
	gap: 70px;
	padding-top: 115px;
	padding-bottom: 170px;
	background-color: #ffffff;
}

.linkButtons .linkButton{
	display: table;
	text-align: center;
}

.linkButtons .linkButton a{
	display: table-cell;
	width: calc(70vw / 2 - 70px );
	height: 106px;
	vertical-align: middle;
	font-size: 18px;
	background-color: white;
	box-sizing: border-box;
	border:1px solid #333;
	text-decoration: none;
}

.siteConcept{
	padding-top: 100px;
}

@media(min-width:1025px){	
	.siteConcept{
		background: linear-gradient(90deg, #ffffff 0%, #ffffff 65%, #374257 65%, #374258 100%);
	}
}

.siteConcept div{
	display: flex;
	flex-direction: row;
	margin:0 auto;
	justify-content: center;
	background-image: url(/wp-content/themes/country_bn/library/images/top-middle-cat.jpg);
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: left bottom;
	padding-top: 100px; /* Padding for transformed_headerHeight =) */
	color: #374258;
}

@media(max-width:1024.9px){
	.siteConcept div{
		padding-top: 0;
	}
}

.siteConcept p{
	display: inline-block;
	width: 40vw;
	font-size: 18px;
	line-height: 2.2;
	margin-left: 50px;
	margin-right: 4vw;
	margin-top: 100px;
	margin-bottom: 150px;
	position: relative;
	background-image: url(/wp-content/themes/country_bn/library/images/top-middle-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	z-index: 1;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

.siteConcept h2{
	display: inline-block;
	font-size: 40px;
	line-height: 1.7;
	letter-spacing: 10px;
	writing-mode: vertical-lr;
	text-shadow: 2px 1px 2px rgba(255,255,255,0.8);
}

@media(min-width:1200px){
	.siteConcept div{
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		justify-content: center;
		background-image: url(/wp-content/themes/country_bn/library/images/top-middle-cat.jpg);
		background-repeat: no-repeat;
		background-size: auto 60%;
		background-position: left bottom;
	}

	.siteConcept p{
		line-height: 2.6;
		margin-right: 10vw;
		margin-top: 150px;
		padding-right: 50px;
	}

	.siteConcept h2{
		font-size: 42px;
		line-height: 1.8;
	}
}

@media(min-width:1400px){
	.siteConcept div{
		background-size: auto 70%;
	}

	.siteConcept p{
		line-height: 3.2;
		margin-left: 80px;
		margin-right: 1vw;
		padding-right: 100px;
		margin-top: 150px;
		margin-bottom: 150px;
	}

	.siteConcept h2{
		font-size: 50px;
		line-height: 1.8;
		letter-spacing: 10px;
	}
}

.siteConcept h2 span{
	padding-top: 0.7em;
}

body.home section > div:first-of-type > div > div:last-of-type > div p:last-of-type{
	line-height: 1.15;
}

.wp-block-buttons:not(.instaLink){
	column-gap: 70px;
	padding-top: 180px;
	padding-bottom: 170px;
}

.top_news .wp-block-buttons{
	padding: 0;
}

.siteConcept + div{
	padding-top: 100px!important;
}

.wp-block-buttons > div{
	display: table;
}

.wp-block-buttons > div > a {
	display: table-cell;
	width: calc(50vw / 2 - 10px);
	height: 100px;
	vertical-align: middle;
	border: 1px solid #374258;
	position: relative;
	color: #374258!important;
}

.wp-block-buttons > div > a::after {
	content: '';
	position: absolute;
	top: 40%;
	right: 15px;
	display: block;
	width: 22px;
	height: 30px;
	background: url(/wp-content/themes/country_bn/library/images/linkArrow_right.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.post-name-company .wp-block-buttons > div > a.has-background{
	color: #ffffff!important;
}

@media(min-width:1300px){
	.wp-block-buttons > div > a::after {
		top: 25%;
		right: 14px;
		width: 50px;
		height: 50px;
	}
}

.top_instaHead,
.top_worksHead{
	margin-bottom: 92px;
	font-weight: bold;
}

.top_instaHead{
	margin-top: 0;
}

.top_newsHead{
	font-weight: bold;
	color: #374258;
}

.top_instaHead i{
	margin-left: 18.5px;
	margin-right: 30.5px;
}

.top_instaHead span,
.top_worksHead span,
.top_newsHead span{
	font-size: 16px;
	color: #939082;
	vertical-align: 8px;
}
.top_newsHead{
	text-align: center;
}

.top_news{
	position: relative;
	text-align: center;
	padding-top: 20px;
	background-image: url(/wp-content/themes/country_bn/library/images/top-news-back.jpg);
	background-size: cover;
	background-position: center;
	z-index: 2;
	margin-bottom:60px;
}

.top_news:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(219, 231, 222, 0.9);
	z-index: -1;
}

.top_news .wp-block-buttons{
	margin: 40px auto 0;
	padding-bottom: 50px;
	text-align: center;
	justify-content: center;
}

@media(min-width:1300px){
	.top_news{
		padding-top: 95px;
		z-index:0;
	}

	.top_news .wp-block-buttons{
		margin: 84px auto 0;
		padding-bottom: 130px;
	}	
}

.top_worksHead span{
	margin-left: 100px;
}

.top_instaLeft{
	margin-left: 110px;
	padding-bottom: 400px;
	background-color: #ffffff;
	background-image: url(/wp-content/themes/country_bn/library/images/top-insta-bottomImg.jpg);
	background-repeat: no-repeat;
	background-size: 50%, contain;
	background-position: left bottom;
	padding:30px;
}

.top_instaLeft > div{
	display:flex;
	justify-content:center;
	position:relative;
}
.top_instaLeft > div > div,
.top_instaLeft > div > div#sb_instagram{
	width:50%;
}
#sb_instagram{
	background-color: #ffffff;
	padding-bottom: 0!important;
}

.top_instaText{
	margin-left: 40px;
	margin-bottom: 40px;
	color: #374258;
}

.top_worksText{
	margin-left: 80px;
	width: 400px;
	color: #374258;
}

.top_works{
	background: #ffffff;
	padding-top: 130px;
	padding-bottom: 130px;
}

.top_worksText p{
	font-size: 18px;
	line-height: 2.2;
}
.top_worksHead{
	margin-bottom: 60px;
}

@media(min-width:1300px){
	.top_worksText{
		margin-left:140px;
	}	

	.top_worksHead{
		margin-bottom:70px;
	}
}

.top_instaText p{
	margin-bottom: 2em;
}

@media(min-width:1025px){
	.top_instaLeft{
		margin-left: 20px;
		padding-bottom: 150px;
		background-size: 45%, auto;
		background-position: 30px bottom;
	}

	#sb_instagram{
		right: 40px;
	}

	h3{
		font-size: 40px!important;
	}
}

@media(min-width:1200px){
	.top_instaLeft{
		margin-left: 40px;
		padding-bottom: 50px;
		background-size: 50%, auto;
		background-position: 30px bottom;
	}

	#sb_instagram{
		right: 45px;
	}

	h3{
		font-size: 50px!important;
	}
}

@media(min-width:1350px){
	.top_instaLeft{
		margin-left: 40px;
		padding-bottom: 50px;
		background-size: 750px 540px;
		background-position: 30px bottom;
	}

	#sb_instagram{
		right: 50px;
	}
}

@media(min-width:1700px){
	.top_instaLeft{
		margin-left:50px;
		padding-bottom:50px;
		background-size:950px 640px;
		background-position:30px bottom;
	}

	#sb_instagram{
		right:50px;
	}	
}

@media(max-width:1024.9px){/* tabletsize =)*/
	.top_instaHead{
		margin-bottom: 50px;
	}
	
	.top_instaLeft{
		margin-left: 10px;
		padding-bottom: 60px;
		background-position: left bottom;
		margin-top:50px;
	}
	
	.top_instaText{
		width: calc(50% - 60px);
	}

	.top_instaHead{
		font-size: 36px!important;
	}
	
	.top_instaHead span{
		display: block;
	}

	#sb_instagram{
		top: 0;
		right: 10px;
	}
	.top_instaText p {
		width: 100%;
		margin-bottom: 1em;
	}

	.top_instaLeft .wp-block-buttons{
		justify-content: center;
	}

	.top_instaLeft .wp-block-buttons > div > a {
		width: calc(70vw / 2 - 10px);
		height: 70px;
		font-size: 15px!important;
	}

	.wp-block-buttons > div > a::after {
		top: 35%;
		right: 10px;
		width: 20px;
	}
}

@media (max-width: 900.9px){
	.top_instaHead{
		margin-bottom: 50px;
	}
	
	.top_instaHead i{
		margin-right: 0;
	}
	
	.top_instaLeft{
		margin-left: 0;
		padding-bottom: 60px;
		background: none;
		margin-top:0;
	}
	
	.top_instaText {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}

	.top_instaHead,
	.top_worksHead,
	.top_newsHead{
		font-size: 36px!important;
	}
.top_instaLeft > div{
		flex-direction:column;
	}
	.top_instaLeft > div > div, .top_instaLeft > div > div#sb_instagram{
		width:100%;
	}
	.top_newsHead{
		margin: 0;
		padding-top: 20px;
	}
	.top_instaHead span{
		display: block;
	}

	#sb_instagram{
		top: 0;
		right: 0px;
	}	
	.top_instaText p {
		width: 95%;
		margin-bottom: 1em;
		margin: 0 auto 1em;
	}

	.top_instaLeft .wp-block-buttons{
		justify-content: center;
	}

	.top_instaLeft .wp-block-buttons > div > a {
		width: calc(70vw / 2 - 10px);
		height: 70px;
		font-size: 15px!important;
	}

	.wp-block-buttons > div > a::after {
		top: 35%;
		right: 10px;
		width: 20px;
	}
	#sb_instagram.sbi_width_resp {
		width: 100%!important;
		display: block;
		position: relative;
	}
}
@media(max-width:800px){
	#sb_instagram #sbi_images > div:nth-of-type(n+5){
		display:none;
	}
}
/* ===========================================================
 * scroll Position Transform 
 * ==================================*/
@media(max-width: 1024.9px){
	.wp-block-image img{
		max-width: 700px;
		width: 90%;
		height: auto;
	}
	
	.wp-block-image .aligncenter{
		margin-left: 0;
	}
}
@media(min-width: 1025px){
	.siteHeader.transform{
		position: fixed;
		top: 0px;
		padding: 0;
		transition: all .7s;
		z-index: 10;
	}
	.siteHeader.transform .siteHeadContainer{
		flex-direction: row;
		width: 100vw;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: rgba(255,255,255,0.95);
		border-bottom: 1px solid rgba(51,51,51,0.15);
	}

	.siteHeader.transform .gMenu_outer > ul{
		display: flex;
		flex-direction: row;
		margin-left: 40px;
	}
	
	.siteHeader.transform+div+div+div#content{
		padding-top:77px;
	}

	.siteHeader.transform #gMenu_outer #menu-main-menu-1{
		padding-top: 0px;
		padding-bottom: 0;
	}

	.siteHeader.transform .gMenu_outer > ul li a{
		writing-mode: horizontal-tb;
		position: relative;
		letter-spacing: 7px;
		padding-top: 26px;
		padding-bottom: 26px;
		padding-left: 26px;
	}

	.siteHeader.transform .gMenu_outer > ul li a:after{
		position: absolute;
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		background-color: #374258;
		border-radius: 50%;
		top: 82%;
		bottom: 0;
		left: calc(50% - 5px);
		opacity: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.siteHeader.transform .gMenu_outer > ul li a:hover::after{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.siteHeader.transform .navbar-header > img{
		display:none;
	}

	.siteHeader.transform h1.navbar-brand.siteHeader_logo{
		margin-bottom:0;
	}

	.wp-block-image img{
		max-width: 960px;
		width: 45vw;
		height: auto;
	}
}

.sb_instagram_header,
#sb_instagram #sbi_load{
	display:none;
}
#sb_instagram #sbi_images .sbi_item{
	aspect-ratio:1/1;
}
.construction-slider{
	margin-top: 60px;
}

.construction-slider .swiper-wrapper{
	justify-content: center;
	column-gap: 2vw;
}

.construction-slider .swiper-slide{
	width: 280px;
	height: 280px;
}

.construction-slider .swiper-slide a img{
	width: 280px;
	height: 280px;
	object-fit: cover;
}

#telNwork{
	display: inline-block;
	color: #ffffff;
	text-align: right;
	font-size: 1.5em;
	margin-right: 30px;
}

#telNwork div{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

#telNwork div a{
	margin-left: 25px;
	margin-right: 30px;
}

.siteHeader.transform #telNwork{
	display: none;
}

#telNwork span{
	font-size: 0.8em;
	text-align: left;
}


@media(min-width:1025px){
	#telNwork{
		font-size: 1.1em;
		margin-right: 15px;
	}
	
	#telNwork a img{
		width: 30px;
		box-shadow:0px 0px 10px rgba(112,120,135,0.4);
	}
	
	#telNwork > div > img{
		display:inline-block;
		padding-right:5px;
	}

	#telNwork span{
		font-size: 0.75em;
		text-align: left;
	}

	#telNwork div a{
		margin-left: 5px;
		margin-right: 10px;
	}
}

@media(min-width:1300px){
	#telNwork{
		font-size: 1.2em;
	}
	
	#telNwork span{
		font-size: 0.8em;
		text-align: left;
	}

	#telNwork div a{
		margin-left: 15px;
		margin-right: 20px;
	}
}

@media(min-width:1500px){
	#telNwork{
		font-size: 1.6em;
	}
}

@media(min-width:1600px){
	#telNwork{
		margin-right: 40px;
	}
}

@media(max-width: 1024.9px){
	#telNwork{
		display: none;
	}
		
	#telNworkR{
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		position: fixed;
		width: 100%;
		bottom: 0;
		background-color: #374258;
		z-index: 32;
	}
	
	#telNworkR a{
		display: block;
		width: 15%;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
}

@media(min-width:1025px){
	#telNworkR{
		display: none;
	}
}

.siteTopHero figure{
	position: relative;
}

.siteTopHero figure:after{
	content: '';
	position: absolute;
	bottom: -10px;
	left: -100px;
	height: 45px;
	width: 300px;
	background: url(/wp-content/themes/country_bn/library/images/1527539_m.png);
}

@media(max-width:1170.9px){
	.siteTopHero figure:after{
		content: '';
		position: absolute;
		bottom: 40px;
		left: -130px;
		height: 45px;
		width: 200px;
		background: url(/wp-content/themes/country_bn/library/images/1527539_m.png);
	}	
}


@media (max-width: 1024.9px){
	.siteTopHero figure:after {
		content: '';
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 100px;
		height: 45px;
		width: 100%;
		background: url(/wp-content/themes/country_bn/library/images/1527539_m.png);
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: right;
		display: none;
	}
	
	.siteTopHero:after {
		content: '';
		position: absolute;
		bottom: -20px;
		right: 0;
		height: 45px;
		width: 35vw;
		background: url(/wp-content/themes/country_bn/library/images/1527539_m.png);   
	}
}

@media(max-width:770.9px){
	.siteTopHero:after {
		bottom: 20px;
	}	
}

/* ====================================================
 * carousel_plugin_option 
 * ===================================*/

.owl-carousel{
	position: relative;
}

.carousel-image{
	max-width: 280px;
	height: 190px;
	object-fit: cover;
}

.owl-stage-outer{
	width: 90%;
	max-width: 1640px;
	margin: 40px auto 0;
	z-index: 1;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-nav{
	display: none;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	color: #374258;
	font-size: 50px;
	position: absolute;
	top: 65px;
}

.item-inner h4{
	font-size: 18px;
	color: #374258;
}

.owl-item.active{
	width: 280px!important;
}

/* ======================================================
 * infomation 
 * ==========================*/

.wp-block-post-featured-image img{
	width: 280px;
	height: 160px;
	object-fit: cover;
	margin-bottom: 20px;
}

.wp-block-post-template.is-flex-container{
	width: 80%;
	margin: 10px auto;
}

@media(min-width:1300px){
	.wp-block-post-template.is-flex-container{
		width: 80%;
		margin: 90px auto;
	}
}

.wp-block-post-template.is-flex-container li{
	text-align: left;
}

/* ===========================================================
 * company
 * ===========================================*/

.entry-content{
	padding: 0;
}

.post-name-company h2,
.post-name-business h2,
.post-name-privacy h2,
.post-name-works h2,
.post-name-contact h2{ /*allpagesTemplate=)*/
	padding-top: 140px;
	margin-top: 0;
	letter-spacing: 3px;
}

.article-header{
	display: none;
}

.com_headImgGroup > div{
	position: relative;
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 65%, #374257 65%, #374258 100%);
}

.com_headImgGroup > div > p{
	color: #ffffff;
	position: absolute;
	top: 290px;
	right: 60px;
	font-size: 60px;
	mix-blend-mode: soft-light;
	z-index: 4;
}

@media(min-width:1500px){
	.com_headImgGroup > div > p{
		right: 250px;
		font-size: 70px;
	}
}


.com_headImgGroup > div > div{
	position: relative;
	z-index: 3;
}

.com_headImgGroup > div > div::after{
	content: '';
	position: absolute;
	display: block;
	top: 410px;
	left: -120px;
	width: 170px;
	background: url(/wp-content/themes/country_bn/library/images/comhead_block.jpg);
	background-repeat-y: no-repeat;
	background-size: 180px;
	overflow-y:hidden;
	height:50px;
	max-height:70px;
	min-height:40px;
}

.pagetitle-shadow{
	margin: 0 0 1em;
	letter-spacing: 3px;
	text-shadow: 0px 6px 10px #333333;
}

.com_headImg{
	width: 45%;
	margin: 0 auto;
}

.com_flex > div{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
	margin-top: 120px;
}

.com_flex + figure{
	justify-content: space-evenly;
}

.com_flex + figure ul{
	width: 100%;
	margin-top: 50px;
	justify-content: space-evenly;
}

.com_flex + figure ul li {
	max-width: 300px;
}

.com_flex > div > dl{
	margin-right: 90px;
	font-size: 18px;
}

.com_flex > div > dl > div{
	display: flex;
	line-height: 1;
}

.com_flex > div > dl > div:not(:last-of-type){
	margin-bottom: 90px;
}

.com_flex > div > dl > div > dt{
	margin-right: 3em;
	color: #374258;
}

.com_flex > div > dl > div > dt > span{
	display: inline-block;
	width: 9em;
	border-right: 3px solid;
}

.com_flex > div > dl > div dd{
	margin-bottom: 1em;
	color: #374258;
}

.com_flex > div > div figure{
	padding-bottom:50px;
}
.com_flex > div > div .wp-block-image img{
	width:300px;
}


.com_flex + .wp-block-buttons{
	padding-top: 80px;
	padding-bottom: 80px;
}

.com_flex + .wp-block-buttons > div > a{
	height: 40px;
}

.com_flex + .wp-block-buttons > div > a:after{
	width: 30px;
	right: 28px;
}

.com_maincontents{
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 65%, #374257 65%, #374258 100%);
}
.com_maincontents .com_flex + figure{
	margin-top:60px;
}
.com_maincontents > .wp-block-group__inner-container{
	background-color: rgba(255,255,255,0.9);
	width:95%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
/*
.com_maincontents > div:before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 200px;
	left: 0;
	background: url(/wp-content/themes/country_bn/library/images/company-middlebkimg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:bottom;
	z-index: -1;
}*/

.com_maincontents h3{
	margin: 0;
	padding: 50px 0;
}

.gmpInfoWindowtitle{
	font-family: "Noto Serif JP";
}

/* ======================================================================
   info sidebar
   ======================================== */
#sidebar1{/*??*/
	display: none;
}

.widget_block{
	display: none;
}

.post-name-news .siteHeader + .widget_block,
.single-post .siteHeader + .widget_block{
	display: block;
	width: 300px;
	position: absolute;
	top: 660px;
	left: 5vw;
	background-image: url(/wp-content/themes/country_bn/library/images/sidebar-bkImg.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	padding: 30px 20px;
	border: 1px solid rgba(55,66,88,0.2);
}

.transform .widget_block{
	top: 110px;
	left: 5vw;
}

.widgettitle{
	font-size: 22px;
	color: #374258;
	letter-spacing: 2px;
}

/* ==========================================================================
 * info 
 * =============================================*/
.post-name-news .wp-block-query{
	width: calc(87vw - 300px);
	margin: 0 5vw 0 auto;
	min-height: 1100px;
}

.wp-block-query >ul{
	margin-top: 100px;
}

.wp-block-query .wp-block-columns{
	justify-content: center;
}
.wp-block-query .wp-block-columns .wp-block-column:nth-of-type(1){
	flex-basis: 280px!important;
}
.wp-block-query .wp-block-columns .wp-block-column:nth-of-type(2){
	flex-basis: 50%!important;
}

.wp-block-query-pagination{
	justify-content: center;
	padding-bottom: 60px;
	font-size: 18px;
}

.wp-block-query h2{
	font-size: 22px;
	color: #374258;
}

.wp-block-post-title a{
	color: #374258;
}

.excerpt-read-more{
	color: #1a0dab!important;
}

.post-name-news .com_headImgGroup > div > p{
	right: 200px;
	font-size: 70px;
}

@media(min-width:1300px){
	.post-name-news .com_headImgGroup > div > p{
		right: 400px;
	}	
}

/* ====================================================================
 * business 
 * ========================================*/
.business-topText,
.works-topText{
	font-size: 20px;
	width: 26em;
	margin: 3em auto!important;
	color: #374258;
}

.business-middleImg{
	width: 100%;
	padding-bottom: 200px;
}

.business-middleImg p{
	font-size: 20px;
}

.business-text{
	width: 100%;
	padding-bottom: 3em;
}
.business-text p{
	padding-right:2em;
}
.business-text + figure{
	text-align:right;
	margin-bottom:60px;
}
.business-text + figure + h2{
	padding-top:60px;
}
.business-middleImg h3{
	padding-right: 2em;
	width: 100%;
	font-size: 20px!important;
	color: #374258;
}

.business-middleImg figure{
	padding-left: 5vw;
	padding-right: 5vw;
}

.business-middleImg img{
	max-width: 520px;
	height: auto;
	object-fit: contain;
}

.post-name-business .com_headImgGroup > div > p{
	right: 150px;
	font-size: 70px;
}

.post-name-business .com_flex > div > div .wp-block-image img{
	width:100%;
}
.post-name-business .wp-block-image .alignright>figcaption,
.post-name-business .wp-block-image .aligncenter>figcaption{
	display:block;
}
.business-topflex > div{
	display:flex;
	flex-direction:column;
}

@media(min-width:1300px){
	.post-name-business .com_headImgGroup > div > p{
		right: 300px;
	}	
}

/* ===============================================================
 * works 
 * ===========================================*/
.works-query > ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.works-query > ul > li{
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}

.works-query > ul > li:nth-of-type(even){
	padding-top: 80px;
}

.works-query > ul > li img{
	width: 100%;
	height: auto;
	max-width: 520px;
	max-height: 360px;
	object-fit: contain;
	border: 1px solid rgb(200 200 200 / 80%);
	box-shadow: 5px 2px 15px rgb(200 200 200 / 50%);
}

.works-query > ul > li h4 {
	position: relative;
	font-size: 20px;
	padding: 0.5em 1.5em 0.5em 0.5em;
	margin: 0px;
	display: block;
	text-align: left;
}

.works-query > ul > li h4::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	height: 8px;
	background-image:
	repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%),
	repeating-linear-gradient(135deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
.post-name-works .business-topText{
	width: 80vw;
	max-width: 42em;
	font-size: 20px;
}

.post-name-works .com_headImgGroup > div > p{
	right: 200px;
	font-size: 70px;
}

@media(min-width:1300px){
	.post-name-works .com_headImgGroup > div > p{
		right: 400px;
	}
}

/* ===========================================================
 * contact 
 * ====================================*/
.post-name-contact .business-topText{
	width: 37em;
	font-size:18px;
}

.post-name-contact .com_maincontents > .wp-block-group__inner-container{
	padding-bottom: 100px;
}

.form-box .base-text{
	width: 80%;
	margin: 0 auto;
}

.form-box .base-text a{
	font-weight: bold;
	color: #374258;
}

.post-name-contact .com_headImgGroup > div > p{
	right: 200px;
	font-size: 70px;
}

@media(min-width:1300px){
	.post-name-contact .com_headImgGroup > div > p{
		right: 400px;
	}	
}

/* singlepost */
.single .article-header{
	display: block;
	text-align: left;
	width: calc(82vw - 300px);
	margin: 0 5vw 100px auto;
	padding-top: 80px;
	font-size: 20px;
	font-weight: bold;
	color: #374258;
	letter-spacing: 2px;
}

.single .article-header time{
	display: block!important;
	letter-spacing: 2px;
	text-align: right;
	font-weight: bold;
	margin-top: 1em;
	padding-bottom: 16px;
	position: relative;
	color: #374258;
}

.single .article-header time::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(
45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%), repeating-linear-gradient(
135deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}

.single .siteHeader + .widget_block,
body.archive .siteHeader + .widget_block{
	display: inline-block;
	position: absolute;
	top: 550px;
	left: 5vw;
	width: 300px;
	background-image: url(/wp-content/themes/country_bn/library/images/sidebar-bkImg.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	padding: 30px 20px;
	border: 1px solid rgba(55,66,88,0.2);
}

.single section{
	width: calc(80vw - 300px);
	margin: 0 5vw 0 auto;
	min-height: 1020px;
}

.single figure,
.single .veu_autoEyeCatchBox{
	text-align: center;
	margin-top:30px;
	margin-bottom: 30px;
}
.single figure img,
.single .veu_autoEyeCatchBox img{
	height: auto;
	object-fit: contain;
	border: 1px solid rgb(200 200 200 / 80%);
	box-shadow: 5px 2px 15px rgb(200 200 200 / 50%);
}

.single .veu_autoEyeCatchBox img[src*="default_postimg"]{
	display: none;
}

.single section p{
	font-size: 16px;
	margin: 0 15% 1em;
	letter-spacing:0.02em;
	line-height:1.65;
}

.nav-links {
	width: calc(87vw - 300px);
	margin: 50px 5vw 50px auto;
	display: flex;
	justify-content: space-around;
}

.nav-previous a, .nav-next a {
	display: block;
	padding: 1vw 5vw;
	background-color: #374258;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}

.nav-previous a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f100';
	margin-right: 1em;
}

.nav-next a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f101';
	margin-left: 1em;
}

.veu_socialSet{
	width: 70%;
	margin: 100px auto 0;
}
body.archive h1:not(.siteHeader_logo){
	display: none;
}

body.archive main{
	min-height: 1300px;
}

body.archive article{
	width: calc(87vw - 300px);
	margin: 0 5vw 0 auto;
}

body.archive article img{
	width: 280px;
	height: 160px;
	object-fit: cover;
	margin-bottom: 20px;
	flex-basis: 280px!important;
}

body.archive article .alist-ob{
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}

body.archive article:first-of-type .alist-ob{
	margin-top: 120px;
}

body.archive article .alist-ob .alist-cont{
	flex-basis: 50%!important;
	margin-left: 2em;
	margin-bottom: 60px;
}

body.archive article .alist-ob .alist-cont h3{
	margin: 0;
	font-size: 22px!important;
}

body.archive article .alist-ob .alist-cont .alist-time{
	text-align: right;
	color: #374258;
	margin-top: 1em;
}

body.archive article .alist-ob .alist-cont h3 a{
	font-size: 22px;
	color: #374258;
}

.no_posts{
	margin-top:100px!important;
	margin-left:2em!important;
	font-size:18px;
}

/* ===============================================================
 * privacy 
 * =======================================*/
.post-name-privacy .com_flex > div > dl {
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom:50px;
	font-size: 18px;
}

.post-name-privacy .com_flex > div > dl dt{
	color: #374258;
	font-weight:bold;
	letter-spacing:2px;
}

.post-name-privacy .com_flex > div > dl dd{
	color:#333333;
	font-size: 16px;
	margin-bottom:30px;
}

.post-name-privacy .com_flex > div > dl ul{
	margin-top: 1em;
	margin-left:2em;
	color:#374258;
}

.post-name-privacy .business-topText{
	width: 72%;
	letter-spacing:1px;
}

/* =================================================================
 * breadcrumb 
 * =============================================*/
.breadcrumbs{
	display: block;
	position: absolute;
	top: 610px;
	left: 10vw;
	z-index: 3;
}

.breadcrumbs span{
	margin-right: 5px;
	margin-left: 5px;
}

.breadcrumbs span:first-of-type{
	margin-left: 0;
}

.archive .breadcrumbs,
.single .breadcrumbs{
	top: 140px;
	left: calc(10vw + 300px);
}

/* =================================================================
 * custom fields 
 * ==============================================*/

.single-construction-record .article-header{
	margin: 0 5vw 0 auto;
}

.single-construction-record .article-header h1{
	display: block;
	padding: .2em 1.5em .3em .7em; 
	border-left: solid 10px #374258;
}

.single-construction-record .article-header p{
	position: relative;
	font-size: 18px;
	color: #374258;
	display: inline-block;
	height: 50px;
	margin-top: 20px;
	margin-left: 30px;
	padding: .6em 1em .5em 1em;
}

.single-construction-record .article-header p:before {
	position: absolute;
	left: -16px;
	color: #374258;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	content: '\f02b';
}

.single-construction-record section{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-evenly;
	align-content: center;
	align-items: center;
	row-gap: 30px;
	margin-top: 50px;
}
.single-construction-record .sh-photo{
	width: 80%;
	max-width: 960px;
}

.single-construction-record .sh-photo img{
	width: 100%;
	border: 1px solid rgba(100,100,100,0.3);
}

.table-style1 {
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #374258;
	background-image: url(/wp-content/themes/country_bn/library/images/sidebar-bkImg.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
}

.table-style1 th,
.table-style1 td {
	border: solid 1px #374258;
}

.table-style1 th{
	width: 7em;
	color: #374258;
	letter-spacing: 2px;
	font-size: 18px;
}

.table-style1 td{
	padding: 10px 20px;
	letter-spacing: 1px;
	line-height: 1.6;
}

.single-construction-record .cf:before{
	display: none;
}

.sekou_tag{
	position: relative;
	font-size: 18px;
	display: inline-block;
	height: 50px;
	margin-top: 10px;
	margin-left: 30px;
	padding: .6em 1em .5em 1em;
	color: #374258;
}

.sekou_tag:before {
	position: absolute;
	color: #374258;
	left: -16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	content: '\f02b';
}

.sekou_caption{
	text-align: center;
	width: 100%;
    color: #374852;
    font-weight: bold;
	margin: 0 auto 2em!important;
	font-size: 18px!important;
}
/* ===========================================================
 * 404
 * =============================================*/
body.error404 #post-not-found{
	min-height:500px;
}

body.error404 .entry-content,
body.error404 section.search{
	    width: calc(87vw - 300px);
	    margin: 100px 5vw 0 auto;
	text-align:center;
}
/* ===========================================================
 * responsive 
 * =============================================*/

@media(max-width:1024.9px){
	.siteConcept div {
		flex-direction: column;
		margin: 0 auto;
		justify-content: left;
		background-image: none;
		padding-left: 10%;
		padding-top: 0;
	}

	.siteConcept h2 {
		display: flex;
		flex-direction: column-reverse;
		font-size: 34px;
		font-weight: bold;
		letter-spacing: 5px;
		writing-mode: horizontal-tb;
	}

	.siteConcept h2 br{
		display: none;
	}

	.siteConcept h2 span {
		padding-top: 0;
	}

	.siteConcept p {
		display: inline-block;
		width: 95%;
		font-size: 16px;
		line-height: 2.2;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
		margin-bottom: 0;
		background-position: left;
		background-color: rgba(255,255,255,0.8);
		background-blend-mode: lighten;
	}

	.siteConcept +.wp-block-buttons{
		flex-direction: column;
		align-content: center;
		column-gap: 20px;
		padding-top: 50px!important;
		padding-bottom: 80px;
	}

	.siteConcept + .wp-block-buttons > div > a {
		width: calc(70vw - 50px);
		height: 50px;
	}

	.siteConcept {
		padding-top: 30px;
	}

	.top_works {
		background: #ffffff;
		padding-top: 0px;
		padding-bottom: 0;
	}

	.top_worksHead{
		margin-bottom: 20px;
		margin-top: 160px;
	}

	.top_worksText p {
		font-size: 16px;
		line-height: 1.5;
	}

	.top_worksText{
		margin-left: 0px;
		width: 90%;
		text-align: center;
		color: #374258;
		margin: 0 auto;
	}

	.owl-carousel{
		max-height: 380px;
		/*margin-bottom: 50px;*/
	}

	.owl-theme .owl-nav{
		z-index: 2;
	}

	.wp-block-post-template.is-flex-container{
		justify-content: center;
		row-gap: 20px;
	}

	.wp-block-post-template.is-flex-container li{
		width: 45%!important;
		text-align: center;
	}

	.top_news .wp-block-buttons a{
		width: 80vw;
		height: 70px;
	}

	#footer_button a,
	.footerMenu{
		display: none;
	}

	#footerButtonBox{
		padding-top: 0;
	}

	.footer-inner{
		flex-wrap: wrap;
	}

	.footer-inner .f-tel br{
		display: inline;
	}

	.footer-inner > p{
		width: 100vw;
		margin: 0 auto;
	}

	.footer-inner > div{
		display: inline-block;
		margin: 0 10px;
	}

	.pchide{
		display: inline-block!important;
	}

	.com_headImgGroup > div > div::after{
		left: auto;
		right: 0;
	}

	.com_headImg{
		width: 100vw;
	}

	.single .widget_block, body.archive .widget_block {
		top: 150px;
		left: 3vw;
		width: 230px;
	}

	.single section {
		width: calc(86vw - 270px);
		margin: 30px 3vw 0 auto;
		min-height: 1020px;
	}

	.single .article-header {
		width: calc(83vw - 230px);
		margin: 30px 5vw 100px auto;
	}
	
	.archive .breadcrumbs, .single .breadcrumbs {
		left: calc(8vw + 230px);
		margin-right: 20px;
	}

	.nav-links {
		width: calc(89vw - 230px);
		margin: 2vw 5vw 5% auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		row-gap: 10px;
	}
	
	.business-text {
		margin-left: 0;
		padding-left: 5vw;
	}
	
	.wp-block-post-featured-image img {
		width: 200px;
		height: 120px;
		object-fit: cover;
		margin-bottom: 20px;
	}
	.single .siteHeader + .widget_block,
	body.archive .siteHeader + .widget_block {
		top: 220px;
		width: 270px;
	}
	
	.single-post .single-title{
		font-size:1.5em;
	}
	
	.single-post .entry-time{
		font-size:16px;
		margin-top:1em;
	}
	
	.com_flex > div{
		padding:1em;
		flex-direction:column;
		align-items:center;
	}
	
	.com_flex > div dl{
		margin-right:0;
	}
	
	.com_flex > div > div>div{
		display:flex;
		width:100vw;
		justify-content:space-evenly;
		margin-top:30px;
		column-gap:1em
	}
	
	.com_flex + figure ul{
		margin-top:0;	
	}

	.com_flex > div > div figure{
		padding-bottom:10px;
	}
	
	.com_flex > div > div .wp-block-image img{
		width:100%;
		object-fit:contain;
	}

	.post-name-company .wp-block-buttons > div > a{
		width:80vw;
		height:80px;
	}
	
	.post-name-business .com_flex > div > div >div{
		display:block;
		width:initial;
	}

	.post-name-business .business-topText{
		width:90vw;
		margin:1.5em!important;
		padding-right:2em;
	}
	
	.post-name-contact .business-topText{
		width: 90vw;
	}
	
	.no_posts{
		margin-top:120px!important;
		margin-left:0em!important;
		font-size:16px;
	}
}

@media(max-width:900.9px){
	.top_worksHead{
		margin-top: 0;
	}

	.post-name-news #container header + .widget,
	body.archive #container header + .widget,
	.single-post #container header + .widget,
	body.single-construction-record .siteHeader +.widget{
		display:none;
	}

	.post-name-news #content + .widget,
	body.archive #content + .widget,
	.single-post #content + .widget,
	body.single-construction-record main .widget_block{
		display:block;
		position: initial;
		width:100vw;
		top: 0;
        background-color: rgba(255,255,255,0.6);
        background-blend-mode: lighten;
        background-image: url(/wp-content/themes/country_bn/library/images/sidebar-bkImg.svg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
        padding: 30px 20px;
        border: 1px solid rgba(55,66,88,0.2);
	}

	.post-name-news .wp-block-query,
	body.archive #content + .widget{
		width: initial;
		min-height: initial;
		padding-top: 30px;
	}

	.single-post article section,
	body.archive article,
	body.archive main{
		margin: 0 auto;
		width: 90vw;
		min-height: auto;
	}
	
	.single-post .article-header,
	body.single-construction-record .article-header{
		width: 90vw;
		margin: 30px auto 30px;
	}
	
	body.single-construction-record section{
		margin:0 auto;
		width:90vw;
	}
	
	.nav-links {
    width: 100vw;
    margin: 2vw auto 30px;
    }
    .archive .breadcrumbs, .single .breadcrumbs{
    	left: 3em;
    }
	
    body.archive article .alist-ob{
		width: 95%;
		margin: 0 auto;
	}
	
	body.archive article img {
		width: 210px;
		height: 120px;
		flex-basis: 210px!important;
	}
	
	.post-name-thanks .business-topText{
		font-size: 18px;
		width: 80vw;
		margin: 2em auto!important;
	}

	.post-name-thanks .wp-block-buttons > div > a {
		width: 80vw;
	}
	.wp-block-group__inner-container > h2{
		font-size: 24px!important;
		max-width: 90vw;
		margin: 0 auto;
	}
	.wp-block-cover__inner-container p{
		font-size: 48px!important;
	}
	
	.post-name-news .wp-block-query >ul {
		display: flex;
		flex-direction: column;
	}

	.post-name-news .wp-block-query .wp-block-columns .wp-block-column:nth-of-type(1) {
		flex-basis: 200px!important;	
	}
	
	.post-name-news .wp-block-query .wp-block-columns .wp-block-column:nth-of-type(2) {
		flex-basis: calc ( 100% - 200px )!important;
	}
	.post-name-news .wp-block-query {
		margin: 0 auto;
		max-width: 95vw;
	}
	
	.single-construction-record .article-header h1 {
		font-size: 30px;
		padding: .2em 0 .3em .7em;
	}
	
	.single-post .single-title{
		font-size:24px;
		text-align:center;
	}

	.single-post .entry-time{
		font-size:13px;
		padding-right:1em;
		margin-top:1em;
	}
	.post-name-business .business-topText{
		font-size:18px;
		margin:2em auto 0!important;
	}

	.post-name-business .com_flex > div {
		width:100%;
		margin-top:50px;
	}
	.business-middleImg {
		padding-bottom: 100px;
	}
	
	.post-name-privacy .business-topText {
		font-size:18px;
		letter-spacing:1px;
	}
	.post-name-works .business-topText {
		font-size: 18px;
	}
	
	body.archive article .alist-ob .alist-cont h3 a {
		font-size: 18px;
		font-weight: bold;
	}
	
	body.archive article .alist-ob .alist-cont .alist-time + p{
		font-size:15px;
	}
}
@media(max-width:600.9px){
	.wp-block-post-template.is-flex-container{
		flex-direction: column;
		align-content: center;
	}

	.wp-block-post-template.is-flex-container li{
		width: 100%!important;
		text-align: center;
	}

	.siteConcept div {
		padding-left: 5%;
	}

	.siteConcept + .wp-block-buttons > div > a {
		width: 90vw;
		height: 50px;
	}

	.siteConcept {
		padding-top: 0;
	}

	.top_instaLeft .wp-block-buttons > div > a {
		width: 90vw;
		height: 60px;
		font-size: 15px!important;
	}

	.hamburger-menu .gMenu_outer ul li a{
		display: block;
		width: 100%;
		font-size: 22px;
		box-sizing: border-box;
		color: #374258;
		text-decoration: none;
		padding: 1em 0.8em;
		position: relative;
		text-indent: -5em;
		writing-mode: horizontal-tb;
		text-align: center;
	}
	
	.hamburger-menu .gMenu_outer ul li a:after{
		top: 25px;
	}

	.siteConcept h2 {
		font-size: 20px;
	}

	.footer-inner >p {
		font-size: 18px;
	}

	.footer-inner > div .f-add,
	.footer-inner > div .f-tel{
		text-align: center;
	}

	.footer-inner > div,
	.footer-inner > div .f-add,
	.footer-inner > div .f-tel {
		font-size: 14px;
	}
	
	body.archive article .alist-ob {
		flex-direction:column;
		align-items:center;	
	}
	body.archive article .alist-ob .alist-cont {
		flex-basis: 100%;
		margin-left: 0;
		margin-bottom: 60px;
	}
	
	body.archive article .alist-ob .alist-cont .alist-time + p{
		font-size:14px;
	}
	
	.post-name-works .works-query > ul {
		flex-direction:column;
		align-content:center;
		margin-bottom: 0px;
	}
	
	.post-name-works .works-query > ul > li {
		width: 100%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom:50px;
		text-align: center;
	}
	
	.post-name-works .works-query > ul > li:nth-of-type(even) {
		padding-top: 0px;
	}
	
	.works-query > ul > li h4 {
		font-size: 18px;
		padding: 0.5em;
		margin: 0px;
		display: block;
		text-align: center;
	}
	.works-query > ul > li h4::before {
		left: 10%;
		width: 80%;
	}
	.wp-block-cover__inner-container p{
		font-size:34px!important;
	}
	
	.wp-block-cover{
		height:260px;
		min-height:initial!important;
	}
	
	.com_headImgGroup > div > p {
		display: none;
    }
	
	.post-name-contact .breadcrumbs,
	.post-name-business .breadcrumbs,
	.post-name-company .breadcrumbs,
	.post-name-works .breadcrumbs,
	.post-name-news .breadcrumbs,
	.post-name-thanks .breadcrumbs {/* have topimage page*/
		top: 390px;
	}
	
	.post-name-news .wp-block-query >ul {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	
	.siteHeader_logo {
		padding: 0 0 0 20px;
		text-align: left;
	}
	
	.single-construction-record .article-header h1 {
		font-size: 22px;
		padding: .2em 0 .3em .5em;
	}
	
	.single-post .article-header,
	body.single-construction-record .article-header{
		width: 90vw;
		margin: 50px auto 30px;
	}
	.breadcrumbs{
		font-size:14px;
	}
	
	.wp-block-post-featured-image img {
		margin-bottom: 0px;
	}
	
	.wp-block-post-featured-image img a{
		font-size: 18px;
	}
	.wp-block-query .wp-block-columns .wp-block-column:nth-of-type(2) {
		font-size: 0.8em;
	}

	.wp-block-query .wp-block-columns .wp-block-column:nth-of-type(2) a{
		font-size: 18px;
		font-weight: bold;
	}
	
	.top_instaHead, .top_worksHead, .top_newsHead {
		font-size: 26px!important;
		letter-spacing: 2px;
	}
	
	.com_flex > div {
		width: 100vw;
		margin-top: 20px;
	}
	
	.com_flex > div > dl > div {
		flex-direction: column;
	}
	
	.com_flex > div > dl > div dt{
		width: 100%;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.com_flex > div > dl > div dt span{
		width: 90%;
		border-right: none;
		border-left: none;
		padding: 0.5em;
		font-weight: bold;
		background-color: rgba(55,66,88,0.2);
	}
	
	.com_flex > div > dl > div dd{
		text-align: center;
	}
	
	.com_flex > div > dl > div:not(:last-of-type) {
		margin-bottom: 2em;
	}

	.post-name-company .wp-block-buttons{
		padding-top: 2em;
		padding-bottom: 0;
	}
	
	.post-name-business .com_flex p{
		font-size: 16px;
	}
	
	.business-middleImg {
		padding-bottom: 50px;
	}
	
	.single-post .single-title {
        font-size: 20px;
		font-weight: bold;
    }
	
	body.post-type-construction-record article .alist-ph img{
		margin-bottom:0;
		width:70vw!important;
		height:auto!important;
	}
	
	body.post-type-construction-record .sekou_tag {
		font-size: 16px;
		height:auto;
		margin-top: 0px;
		margin-left: 20px;
		padding: 0.4em 1em 0.4em 1em;
	}

	body.post-type-construction-record article .alist-ob .alist-cont .alist-time {
		margin-top: 0;
		width:60vw;
		font-size:14px;
	}
	
	.post-name-contact .business-topText{
	    font-size: 16px;
	}
	.com_headImgGroup > div > div::after{
		top: 230px;
		height:40px;
	}

}

@media(max-width:400px){
	.hamburger-menu .gMenu_outer ul li a:after{
		left: 95%;
	}
	
	.single-construction-record .table-style1 th,
	.single-construction-record .table-style1 td{
        display:block;
        width:100%;
        text-align:center;
        border:initial;
        border-bottom:1px solid rgba(55,66,88,0.4);
		font-size:15px;
	}
	
	.single-construction-record .table-style1 th{
		background-color:rgba(55,66,88,0.7);
		color:#ffffff;
		font-weight:normal;
		font-size:16px;
	}
	
	.single-post .single-title{
		font-size:18px;
	}

	.single-post .entry-time{
		font-size:12px;
	}
	
	.single section p{
		font-size:15px;
		margin:0 5%;
	}
	
	.top_instaHead, .top_worksHead, .top_newsHead {
		font-size: 20px!important;
	}
	
	.single-post .single-title {
        font-size: 18px;
        font-weight:bold;
    }
	
	.post-name-news .wp-block-query h2{
		margin-top:0;
	}
}

/*send mail*/
.wpcf7 form.sent .wpcf7-response-output{
	border: none;
	text-align: center;
	color: #374258;
	font-weight: bold;
}

.post-name-thanks h2{
	margin-top: 220px;
}

.post-name-thanks .com_maincontents{
	background: none;
}

.post-name-thanks .com_maincontents > div:before{
	background: none;
}

.post-name-thanks section .wp-block-button__link{
	color: #ffffff!important;
	font-size: 20px;
}

.post-name-thanks .wp-block-buttons{
	padding-top: 50px;
}

/*??*/
.article-footer{
	display: none;
}

/*instaplugin responsive switch*/
@media(min-width:661px){
	.pllexislider{
		display: none;
	}
}

@media(max-width:660.9px){
	/*
	#sb_instagram.sbi_width_resp{
		display: none;
}*/	.pllexislider{
		display: none;
	}
}

/*link banner*/
#linkbanner{
	display: none;
}

.home #linkbanner,
.post-name-company #linkbanner,
.post-name-business #linkbanner{
	display: block;
}

#linkbanner > div{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-top: 25px;
	padding-bottom: 70px;
	justify-content: center;
	column-gap: 50px;
	row-gap: 30px;
}

#linkbanner > div figure{
	text-align: center;
}

#linkbanner hr{
	content: "";
	display: block;
	width: 90%;
	max-width: 1300px;
	margin: 50px auto 25px;
	height: 8px;
	background-image: repeating-linear-gradient(
45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
	background-size: 8px 8px;
	border: none;
}

#linkbanner > div figure img{
	border: 3px solid rgba(180,169,131,0.3);
	padding: 5px;
}

#linkbanner > div figure figcaption{
	color: #374258;
}

#linkbanner > div figure a{
	text-decoration: none;
}

@media(max-width:375.9px){
	#linkbanner > div figure{
		width: 100wv;
	}	

	#linkbanner > div figure:first-of-type{
		margin-bottom: 30px;
	}	
	
	#linkbanner > div figure img{
		width: 90vw;
		margin: 0 auto;
	} 
}
/* post option */
.single-post section ul{
	list-style:initial;
}
.single-post section ol{
	list-style-type:decimal;
}

.single-post section h1{
	font-size:48px;
}
.single-post section h2{
	font-size:36px;
}
.single-post section h3{
	font-size:24px!important;
}

/*animate*/
#anmTrigger,
#anmTrigger2,
#anmTrigger3,
#anmTrigger4,
#anmTrigger5{
	display: inline-block;	
	animation-name: fadeUpAnime;
	animation-duration: 1.0s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
*/
/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{
	animation-delay: 0.3s;
}

.delay-time04{
	animation-delay: 0.6s;
}

.delay-time06{
	animation-delay: 0.9s;
}

.delay-time08{
	animation-delay: 1.5s;
}

.delay-time10{
	animation-delay: 1.8s;
}*/