body {
	font-family: system-ui, -apple-system, sans-serif;
	line-height: 1.7;
}

.basemain{
margin:200px 7.320% 0;
width:85.36%;
}

.container {
	width: 100%;
	padding-left: 7.540264%;
	padding-right: 7.540264%;
	margin-right: auto;
	margin-left: auto;
}

.editor-post-title__input {
	font-family: inherit;
	font-size: 1.625rem;
}

.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
	font-family: inherit;
}

.wp-block {
	max-width: 710px;
}

.wp-block[data-align="full"] {
	max-width: none;
}

.wp-block a {
	color: #3B4043;
	text-decoration: none;
}

h2,
h3,
h4,
h5,
h6,
hr {
	clear: both;
	margin: 0;
}

p,
ul,
ol,
dl,
figure {
	margin-bottom: 1.5em;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.375rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1.125rem;
}

h6 {
	font-size: 1rem;
}

a {
	color: #00A1C6;
}

header {
width: 100%;
height: 230px;
background-color:transparent;
position: fixed;
top: 0;
z-index: 99;
	}
	
.headerContent{
width: 86.2068966%;
margin-top: 30px;
background-color: rgba(255,255,255,0.8);
margin-left: 6.896552%;
margin-right: 6.896552%;
padding-left: 2.345215rem;
padding-right: 2.345215rem;
height: 70px;
display: flex;
}
	
	.header-logo{
	width: 10.040161%;
	padding: 20px 5px;
	}
	
.header-Nav{
width: 99.959839%;
padding-left:20%;
}
	
.header-Nav ul{
list-style: none;
display: flex;
justify-content:flex-end;}
	
	.header-Nav ul li{
padding-left: 5px;
padding-right: 5px;
font-size: 1.31rem;
line-height: 50px;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin:0 auto;
}

	.header-Nav ul li a{
text-decoration: none;
color:#000;

	}

footer{
background-color: #C44F2D;
color: #FFF;
}

.footerContent{
width: 56.0761%;
margin: 30px auto 0;
}

.footerContent .footer-Nav {
padding: 0;
width: 100%;
	}

.footerContent .footer-Nav ul{
	list-style: none;
	display: flex;
	justify-content:space-between;
	margin-bottom: 20px;
	}

	.footerContent .footer-Nav ul li{
		padding-left: 5px;
		padding-right: 5px;
		font-size: 1.31rem;
line-height: 50px;
font-family: "Raleway", sans-serif;
font-weight: 400;

	}
	.footerContent .footer-Nav ul li a{
	text-decoration: none;
color: #FFF;
	}

.footer-logo{
width:12.6641rem;
height: 5.0666rem;
margin-right: 7.78611rem;
}

.footer-address{
margin-right: 1.88rem;
width:49.2533rem;
}
.footer-address h3{
font-size:1.25rem;
}

.copyRight{
	width: 100%;
	text-align: center;
	margin: 50px auto;
	font-size: 1.13rem;

}

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button__link:visited {
	color: #00A1C6;
	background-color: #FFFFFF;
}

.wp-block-button__link:hover {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(150%);
}

.wp-block-button.is-style-fill .wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:focus,
.wp-block-button.is-style-fill .wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fixed .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid #00A1C6;
	padding: 1em;
}

.wp-block-button.is-style-fixed .wp-block-button__link:hover,
.wp-block-button.is-style-fixed .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(100%);
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: #00A1C6;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):focus {
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link {
	display: flex;
	align-items: center;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: '';
	margin-left: 0.5em;
	width: 10px;
	height: 18px;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 15a1 1 0 01-.77-1.64L5.71 8 1.39 2.63a1 1 0 01.15-1.41A1 1 0 013 1.37l4.83 6a1 1 0 010 1.27l-5 6A1 1 0 012 15z' fill='%23fff'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-fixed .wp-block-button__link {
	width: 80vw;
	max-width: 20em;
	font-size: 1rem;
}

ul.content-CreditList {
	padding: 1em;
	background: rgba(0, 161, 198, 0.03);
	border: 1px solid rgba(0, 161, 198, 0.3);
	font-size: smaller;
}

ul.content-CreditList > li {
	display: flex;
}

ul.content-CreditList > li > * {
	flex-basis: 7.2em;
}

ul.content-CreditList > li > strong {
	font-weight: 400;
}

ul.content-CreditList > li > em {
	font-style: normal;
}

.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
	text-align: center;
}

.has-skyblue-background-color {
	background-color: #00A1C6;
}

.has-skyblue-color {
	color: #00A1C6;
}

.has-light-skyblue-background-color {
	background-color: #ECF5F7;
}

.has-light-skyblue-color {
	color: #ECF5F7;
}

.has-light-gray-background-color {
	background-color: #F7F6F5;
}

.has-light-gray-color {
	color: #F7F6F5;
}

.has-gray-background-color {
	background-color: #767268;
}

.has-gray-color {
	color: #767268;
}

.has-dark-gray-background-color {
	background-color: #43413B;
}

.has-dark-gray-color {
	color: #43413B;
}

.has-x-small-font-size {
	font-size: 0.63636rem;
}

.has-small-font-size {
	font-size: 0.72727rem;
}

.has-normal-font-size {
	font-size: 0.81818rem;
}

.has-large-font-size {
	font-size: 1.09091rem;
}

.has-huge-font-size {
	font-size: 1.63636rem;
}

.wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1C6;
	border: 1px solid #00A1C6;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button__link:visited {
	color: #00A1C6;
	background-color: #FFFFFF;
}

.wp-block-button__link:hover {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(150%);
}

.wp-block-button.is-style-fill .wp-block-button__link {
	text-decoration: none;
	border-radius: 0.2em;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	font-family: "Noto Sans JP", sans-serif;
	padding: 1em;
	display: inline-block;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:focus,
.wp-block-button.is-style-fill .wp-block-button__link:visited {
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-fixed .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid #00A1C6;
	padding: 1em;
}

.wp-block-button.is-style-fixed .wp-block-button__link:hover,
.wp-block-button.is-style-fixed .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: #00A1C6;
	color: #FFFFFF;
	filter: contrast(100%);
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: #00A1C6;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):focus {
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link {
	display: flex;
	align-items: center;
	background-color: #00A1C6;
	color: #FFFFFF;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
	content: '';
	margin-left: 0.5em;
	width: 10px;
	height: 18px;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 15a1 1 0 01-.77-1.64L5.71 8 1.39 2.63a1 1 0 01.15-1.41A1 1 0 013 1.37l4.83 6a1 1 0 010 1.27l-5 6A1 1 0 012 15z' fill='%23fff'/%3E%3C/svg%3E");
}

.wp-block-button.is-style-fixed .wp-block-button__link {
	width: 80vw;
	max-width: 20em;
	font-size: 1rem;
}

ul.content-CreditList {
	padding: 1em;
	background: rgba(0, 161, 198, 0.03);
	border: 1px solid rgba(0, 161, 198, 0.3);
	font-size: smaller;
}

ul.content-CreditList > li {
	display: flex;
}

ul.content-CreditList > li > * {
	flex-basis: 7.2em;
}

ul.content-CreditList > li > strong {
	font-weight: 400;
}

ul.content-CreditList > li > em {
	font-style: normal;
}

ul.wp-block-social-links li {
	padding: 0;
}

ul.wp-block-social-links a {
	color: inherit;
	fill: inherit;
}

.wp-block-search .wp-block-search__input {
	min-height: 1.5em;
	padding: .2em;
	border: 1px solid #767268;
	border-radius: 0.2em;
	flex-grow: 1;
	min-width: 3em;
}

.wp-block-search .wp-block-search__button {
	background-color: #43413B;
	color: #FFFFFF;
	border: none;
	border-radius: 0.2em;
	fill: #FFFFFF;
	padding: .375em .625em;
	margin-left: .625em;
}

.wp-block-search .wp-block-search__inside-wrapper {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: #767268;
	border-radius: 0.2em;
}

.wp-block-latest-posts__post-excerpt {
	clear: both;
	margin-bottom: 0;
	color: #767268;
	font-size: 0.875rem;
}

.wp-block-latest-posts.wp-block-latest-posts__list:not(.is-grid) li {
	padding: .5em 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list:not(.is-grid) li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

.wp-block-tag-cloud a.tag-cloud-link {
	font-size: .875rem !important;
	display: inline-block;
	margin-bottom: .5em;
	padding: .3em .7em;
	text-decoration: none;
	color: #00A1C6;
	border: 1px solid #00A1C6;
	border-radius: 1em;
}

.wp-block-tag-cloud a.tag-cloud-link:hover,
.wp-block-tag-cloud a.tag-cloud-link:focus {
	color: #FFFFFF;
	background-color: #00A1C6;
}

.wp-block-archives-list.wp-block-archives {
	list-style-type: none;
	padding-left: 0;
}

.wp-block-archives-list.wp-block-archives li {
	padding: .5em 0;
}

.wp-block-archives-list.wp-block-archives li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

.wp-block-categories-list,
.wp-block-categories__list {
	padding-left: 0;
	list-style-type: none;
}

.wp-block-categories-list li,
.wp-block-categories__list li {
	padding: .5em 0;
}

.wp-block-categories-list li:not(:last-child),
.wp-block-categories__list li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

.wp-block-page-list {
	list-style-type: none;
	padding-left: 0;
}

.wp-block-page-list li {
	padding: .5em 0;
}

.wp-block-page-list li:not(:last-child) {
	border-bottom: 1px solid #D5D1CA;
}

.linkBlock{
margin: 30px auto;
}


.linkBlock a {
	background: #C44F2D;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	width: 31.81rem;
	height: 6.57rem;
	padding: 10px 25px;
	color: #FFF;
	transition: 0.3s ease-in-out;
	font-weight: 500;
	text-decoration: none;
	font-size: 1.88rem;
	font-family: "Raleway", sans-serif;
}
.linkBlock a:before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: -2em;
	transform: translateY(calc(-50% - 2px)) rotate(30deg);
	width: 1.13rem;
	height: 2px;
	background-color: #B7B7B7;
	transition: 0.3s;
}
.linkBlock a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -2em;
	transform: translateY(-50%);
	width: 10.35rem;
	height: 2px;
	background-color: #B7B7B7;
	transition: 0.3s;
}
.linkBlock a:hover:before, .linkBlock a:hover:after {
	right: -2.5em;
}
.linkBlock a:hover {
font-weight: bold;
}

/* top start */
.top_fv{
width: 100%;
height: 630px;
background-color: #E5E7E8;
position: relative;
}

.video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
overflow: hidden;
z-index: 0;
}
.video-background {
width: 120%;
height: 120%;
object-fit: cover;
}
.fv_content{
margin-top: 130px;
margin-left: 7.540264%;
}

.fv_content h2{
color: #FFFFFF;
font-weight: 400;
font-size: 7.41rem;
}
.fv_content h2 span{
	background-color: #C44F2D;
	padding-left: 25px;
	padding-right: 25px;
}


.fv_content h3{
font-size: 4.88rem;
line-height: 6.10rem;
}
.fv_content h3 span{
background-color: rgba(255, 255, 255,0.6);
color:#000000;
}
/* top end */

/* about start */
.top_about{
background-color: transparent;
margin-top: -6.57rem;
position: relative;
z-index: 20;
}

.aboutcontainer{
display: flex;
width: 100%;
height: 47.55rem;
background-color: transparent;
}

.aboutTextBlock{
	margin-top: 6.57rem;
	margin-bottom: 6.57rem;
background-color: #FFFFFF;
width: 52.855051%;
}

.aboutTextContent{
	padding-left: 14.2659279%;
	margin-left: 14.2659279%;
	padding-right: 10.2493074%;
padding-top: 40px;
padding-bottom: 40px;
}

.topHeading h2{
	font-size: 4.69rem;
line-height: 6.10rem;
font-weight: bold;
font-family: "Roboto Condensed", sans-serif;
color:#535353;
}

.topHeading h2 span{
	font-size:1.88rem;
	display: block;
margin-top: -5px;
font-weight: bold;
line-height: 100%;
color:#000;
}

.aboutTextContent h3{
font-weight: 300;
font-size:1.50rem;
line-height: 2.25rem;
margin-top: 16px;
}

.aboutImgBlock{
width: 47.144949%;
background-image: url("../../assets/img/about_bg.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
height: 100%;
display: flex;
align-items: center;
}

.aboutImgContent{
padding: 0 5.04rem;
}

/* about end */

/* service start */
.top_service{
	counter-reset: global-counter;
	background-color: #E5E7E8;
padding-bottom: 90px;
padding-top: 6.57rem;
margin-top: -6.57rem;
}

.serviceHeading{
margin-bottom: 20px;
padding-left: 8.62069%;
position: relative;
}

.serviceHeading::after{
content: "";
position: absolute;
left: -9rem;
top: -0.8rem;
width: 15.49rem;
height: 15.49rem;
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
background-image: url("../../assets/img/cube.png");
z-index: 50;
}


.serviceBlock{
width: calc(50% - 10px);
background-color: #FFF;
padding: 3.75rem 2.81rem;
margin-top: 30px;
margin-bottom: 15px;
}

.serviceBlock{
position: relative;
}

.serviceBlock .serviceLink{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.serviceBlock:nth-child(2n){
	margin-left: 10px;
}

.serviceBlock:nth-child(2n+1){
	margin-right: 10px;
}

.serviceImg{
width:43.7623%;
margin-right: 3.96%;
}

.serviceText{
	width:52.2770%;
}

.serviceText h3{
font-size: 1.45rem;
font-weight: bold;
position: relative;
padding-top: 75px;
counter-increment: global-counter;
}
.serviceText h3::before {
	content: counter(global-counter, decimal-leading-zero); /* 01, 02, 03… */
  position: absolute;
  left: 0;
	top: 0;
  font-size: 5.63rem;
  font-weight: bold;
  color: #535353;
	line-height: 100%;
	font-family: "Roboto Condensed", sans-serif;
}

.serviceText p{
	font-size: 1.31rem;
	font-weight: 300;
line-height: 1.88rem;
margin-top: 10px;
}
/* service end */

/* work start */
.top_work{
background-color: #FFF;
padding-top: 60px;
padding-bottom: 60px;
}

.workHeading{
	margin-bottom: 20px;
	padding-left: 8.62069%;
	position: relative;
	}
	
	.workHeading::after{
	content: "";
	position: absolute;
	right: -7rem;
	top: -18.30rem;
	width: 22.62rem;
	height: 22.62rem;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("../../assets/img/cube.png");
	z-index: 50;
	}

	.top_work .workRow{
	padding-left: 6.896552%;
	padding-right: 6.896552%;
	}
.workBlock{
width:29.1060%;
padding: 20px 18px;
display: flex;
flex-wrap: wrap;
margin: 20px auto 25px 0;
position: relative;
}

.workBlock:nth-child(2n){
margin-left: auto;
margin-right: auto;
}

.workBlock:nth-child(3n){
	margin-left: auto;
	margin-right: 0;
	}

.workBlock .workImg{
width: 100%;
}

.workBlock .workImg .Img{
width: 100%;
aspect-ratio: 3 /2;
object-fit:cover;
}

.workBlock h3{
font-size: 1.50rem;
font-weight: bold;
margin-top: 10px;
width:100%;
	}

	.workBlock p{
		font-size: 1.31rem;
		font-weight: 300;
		margin-top: 5px;
		}


.workBlock .workLink{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* work end */

/* team start */
.top_team{
background-color: #E5E7E8;
padding-top: 9.19324rem;
padding-bottom: 13.14146rem;
}

.topTeamHeading{
	margin-bottom: 20px;
	padding-left: 8.62069%;
}

.teamBlock{
position:relative;
width: 26.8965%;
aspect-ratio: 312 / 431;
transition: outline 0.2s ease-in-out;
margin: 20px auto 25px 0;
}


.teamBlock:nth-child(2n){
margin-left: auto;
margin-right: auto;
}

.teamBlock:nth-child(3n){
	margin-left: auto;
	margin-right: 0;
	}

	.teamImg{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.teamImg .Img{
		width: 100%;
		height: 100%;
		object-fit:cover;
	}

.teamBlock:hover{
outline: 10px solid #C44F2D;

}

.teamBlock .open-popup{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.teamBlock h3{
position: absolute;
left: 1.88rem;
bottom: 1.13rem;
font-weight: bold;
font-size: 1.88rem;
color: #FFF;
}

.teamBlock h3 span{
	font-size:1.50rem;
	color: #E5E7E8;
	display: block;
	margin-bottom: -5px;

}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 150;
}
.popup-content {
	width: 100%;
	height: auto;
	background: #E5E7E8;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 10px;
}

.popupContainer{
padding-left: 14.8609%;

}

.popupHeading h2{
	font-size: 4.69rem;
line-height: 6.10rem;
font-weight: bold;
font-family: "Roboto Condensed", sans-serif;
}

.popupHeading h2 span{
	font-size:1.88rem;
	display: block;
margin-top: -5px;
font-weight: bold;
line-height: 100%;
}


.popupContent{
margin-left: 4.72103%;
width: 100%;
display: flex;
flex-wrap: wrap;
}

.popupDesc{
margin-left: 4.2918%;
padding-left: 4.2918%;
background-color: #FFF;
margin-top: 3.7523rem;
margin-bottom: 3.7523rem;
width: 31.07296%;
position: relative;
}

.popupImg{
aspect-ratio: 149 / 124!important;
width:63.8874rem;
border: 10px solid #C44F2D;
border-right:none;
overflow: hidden;
}


.popupImg .Img{
width: 100%;
height: 100%;
object-fit:cover;
}

.popupInfo{
margin:7.97373rem 2.81425rem;

}

.popupDesc .popupInfo h3{
	font-weight: bold;
	font-size: 1.88rem;
	color: #000;
	}
	
	.popupDesc .popupInfo h3 span{
		font-size:1.50rem;
		color: #535353;
		display: block;
		margin-bottom: -5px;
	
	}

	.popupDesc .popupInfo p{
	font-size: 1.13rem;
	line-height: 140%;
	margin-top: 5px;
	}



.close-btn {
position: absolute;
	bottom: 7.41rem;
	left: 13.81215%;
	cursor: pointer;
font-weight: bold;
width:18.7617rem;
height: 2.25rem;
background-image: url("../../assets/img/backBtn.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
}

/* team end */

/* Article start */
.top_article{
background-color: #FFF;
padding-top:30px;
position: relative;
min-height:500px;
}
.top_article::after{
content: "";
position: absolute;
left: 1rem;
bottom: -2.5rem;
width: 28.7992495rem;
height: 28.7992495rem;
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
background-image: url("../../assets/img/cube.png");
z-index: 10;
}

.topNewArea{
margin: 2.81425rem auto;
width: 65%;
}

.topArticleHeading{
margin-bottom: 20px;
padding-left: 8.62069%;
}



.articleContent{
display:flex;
padding-bottom:4.69rem;
padding-top:4.69rem;
border-bottom:1px solid #707070;
position:relative;
margin-bottom:20px;
}

.articleImg{
width:23.2645rem;
height:auto;
aspect-ratio: 16 / 9;
overflow:hidden;
}

.articleImg img{
object-fit:cover;
width:100%;
aspect-ratio: 3 /2;
height:auto;
}

.articleText{
margin-left:3.7523rem;
width:50%;
margin-right:auto;
}

.articleText h3{
font-size:1.50rem;
font-weight:bold;
color:#535353;

}

.articleText .articleMain, .articleText .articleMain p{
font-size:1.31rem;
font-weight:300;
}

.articleText ul{
padding:0;
}
.articleText ul li{
list-style-type:none;
}

.articleText .articleDate{
margin-top:2.88rem;
font-size:1.31rem;
font-weight:300;
color:#000;
}

.articleText .articleCat{
font-size:1.31rem;
font-weight:400;
color:#535353;
}

.articleText .articleCat span{
border:1px solid #6F6F6F;
border-radius: 30px;
padding:0 10px;
margin-top:5px;
}
.articleLinkArea{
width:20%;
display:flex;
justify-content:center;
align-items:center;
}
.arrow-btn {
position: relative;
display: inline-block;
width:40px;
height:40px;
border-radius: 50%;
background: #C44F2D;
cursor: pointer;
}

.arrow-btn::before {
content: '';
position: absolute;
top: calc(50% - 4px);
left: 40%;
transform: rotate(30deg);
width: 12px;
height: 1px;
background-color: #FFF;
}

.arrow-btn::after {
content: '';
position: absolute;
top: 50%;
left: -30%;
transform: translateY(-50%);
width: 40px;
height: 1px;
background-color: #FFF;
}

.articleContent{
position: relative;

}

.articleContent .articleLink{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.topNewArea .linkBlock{
margin-top:60px
}

.noPosts{
margin: 30px auto;
font-size: 1.31rem;
font-weight: 300;
line-height: 1.88rem;
margin-top: 10px;
font-weight: bold;
}
/* Article end */
/* ArticleArchive start */
.archivePage{
width:100%;
background-image: url("../../assets/img/archive_post.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
padding-top:40px;
padding-bottom:40px;
}

.archivePage .topArticleHeading .topHeading h2{
color:#AFAFAF;
}

.archivePage .topArticleHeading .topHeading h2 span{
color:#FFFFFF;
}



.archivePage .topArticleHeading{
padding-left: 0;
}

.archivePage .articleText h3{
color:#FFF;

}

.archivePage .articleMain {
color:#FFF;

}

.archivePage .articleText ul li{
color:#FFF;

}

.archivePage .articleText .articleCat span{
border-color:#FFF;

}

.archivePage .arrow-btn{
background: #FFFFFF;
}

.archivePage .arrow-btn::before, .archivePage .arrow-btn::after{
background: #B7B7B7;
}


.topHeading
.archivePage .articleText .articleLinkArea .arrow-btn{
background-color:#FFF;
	
}

.archivePage .articleText .articleLinkArea .arrow-btn::before {
background-color: #B7B7B7;
}

.archivePage .articleText .articleLinkArea .arrow-btn::after {
background-color: #B7B7B7;
}



/* ArticleArchive end */
/* workpost start */


/* workpost end */
/* workArchive start */
.workArchive{
background-image: url("../../assets/img/archive_post.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
width:100%;
padding:50px 8.4482%;
}

.workcarchiveHead{
width:100%;
display:flex;
position:relative;
	
}

.workcarchiveHead .topArticleHeading{
padding:0;
}

.workcarchiveHead .topArticleHeading h2{
color:#AFAFAF;
}

.workcarchiveHead .topArticleHeading h2 span{
color:#FFFFFF;
}

#custom-search-form{
position:absolute;
top:0;
right:0;
z-index:200;
}

#custom-search-form select{
background: transparent;
    text-align: center;
    border: 1px solid #FFF;
    padding: 0;
    color: #FFF;
    font-size: 20px;
    width: 160px;
    height: 33px;
    line-height: 33px;
}

#workcarchiveContents{
padding-bottom:80px;
border-bottom:1px solid #FFF;
}

.workArchiveBlock{
width:29.1839%;
height:auto;
padding:20px;
background-color:#FFF;
margin:25px 6.22415% 25px 0;
position:relative;
}

.workArchiveBlock:nth-child(3), .workArchiveBlock:nth-child(6), .workArchiveBlock:nth-child(9){
margin-right: 0;
}


.workArchiveBlockImg{
width:100%;
height:auto;
margin-bottom:10px;
}

.workArchiveBlockImg img{
object-fit:cover;
width:100%;
height:auto;
aspect-ratio: 3 / 2;
}

.workArchiveBlock h2{
font-size:16px;
color:#535353;
font-weight:bold;
}

.workArchiveBlock p{
font-size:16px;
color:#000;
margin: 0;
    line-height: 180%;
}

.workArchiveBlock .workArchiveLink{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.workAjaxText{
margin: 30px auto;
font-size: 24px;
color: white;
font-weight: bold;
}

/* workArchive end */
/* company start */
.top_company{
width:100%;
background-image: url("../../assets/img/company_bg.png");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
padding:5.628517rem 0;
font-size:1.50rem;
font-weight:300;
position:relative;
}
.companyHeading {
margin-bottom:30px;
padding-left: 8.62069%;
}
.companyHeading h2{
color:#AFAFAF;
}
.companyHeading h2 span{
color:#FFFFFF;
}

.companyRow{
margin-left:auto;
margin-right:auto;
width: 65%;
color:#FFF;
line-height:200%;
}
.top_companylabel{
width:30%;
}

.top_companyContent{
width:60%;
}

/* company end */

/* contact start */
.top_contact{
width:100%;
padding:5.628517rem 0;
background-color:#E5E7E8;
}
.contactHeading{
margin-bottom: 20px;
padding-left: 8.62069%;
}

.contactCon{
background-color:#fff;
padding-top:5.628517rem;
padding-bottom:5.628517rem;
}

.contactRow{
width:75%;
margin-left:auto;
margin-right:auto;
padding:5.628517rem 3.75234rem;
font-size:1.50rem;
color:#000;
margin-top:5.63rem;


}

.contactRow .wpcf7{
width:100%;
background-color:#FFF;
}

.contacticon{
font-size:1.13rem;
color:#FFF;
background-color:#535353;
margin-left:5px;
padding:2px 4px;
}

.contactRow .wpcf7-form-control-wrap textarea{
width:100%;
}

.contactRow .wpcf7-form-control-wrap input, .contactRow .wpcf7-form-control-wrap select{
width:100%;
height:32.52px;
border:1px solid #474645;


}
.contactRow .wpcf7-form .linkBlock p{
position: relative;
}
.contactRow .wpcf7-form .linkBlock p .wpcf7-submit{
background: #C44F2D;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
width: 31.81rem;
height: 6.57rem;
padding: 10px 25px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 500;
text-decoration: none;
font-size: 1.88rem;
font-family: "Raleway", sans-serif;
border:none;
}

.contactRow .wpcf7-form .linkBlock p:before {
content: '';
position: absolute;
top: calc(50% - 1px);
right: 20%;
transform: translateY(calc(-50% - 2px)) rotate(30deg);
width: 1.13rem;
height: 2px;
background-color: #B7B7B7;
transition: 0.3s;
}

.contactRow .wpcf7-form .linkBlock p:after {
content: '';
position: absolute;
top: 50%;
right: 20%;
transform: translateY(-50%);
width: 10.35rem;
height: 2px;
background-color: #B7B7B7;
transition: 0.3s;
}

/* contact end */
/* post start */
.post-block{
width:100%;
background-color: #FFF;
padding:7.50469rem 9.38086rem;
margin-top:80px;
}

.workBackBtn{
margin:40px auto;
width:200px;
height:auto;
}

.postpage .content-Header .articleCat {
list-style-type: none;
}
	
.postpage .content-Header .articleCat span{
border: 1px solid #6F6F6F;
border-radius: 30px;
padding: 0 18px;
margin-top: 5px;
list-style-type: none;
font-size:1.31rem;

}

.content-Title{
font-size:2.81538462rem;
color:#000000;
font-weight:bold;

}
.post-block article{
margin-right:9.38461539rem;
margin-left:9.38461539rem;
	
}

.btnNaiton{
color:#C44F2D;
text-decoration:none;
font-weight:bold;



}

.nationRow{
display:flex;
color:#C44F2D;
align-items:center;
text-decoration:none;
font-size:1.88rem;
width:60%;
margin:0 auto;
}

.prevNation .nationRow{
justify-content: flex-end;
}

.nationBtn {
width:40px;
height:40px;
margin-left:10px;
margin-right:10px;
}


/* post end */

.custom-select-box{
  position:relative;
  width:100%;
  max-width:100%;
  height:32.52px;
  margin:-4.3em 0 30px;
  font-size:12px;
  line-height:32.52px;
}

.native-select{
  position:absolute;
  inset:0;              /* top/right/bottom/left:0 */
  width:100%;
  height:100%;
  opacity:0;            /* ←透過してクリックを受ける */
  cursor:pointer;
  z-index:10;
}

.custom-select-trigger{
  height:100%;
  padding-left:5px;
height: 32.52px;
border: 1px solid #474645;
  background:#fff;
  pointer-events:none;   /* クリックは上の select へ */
}


.pc{
display:block;

}
	
.sp{
display:none;
}
@media screen and (max-width: 860px) {
	
.pc{
display:none;
}
	
.sp{
display:block;
}
html {
font-size: 2.5614vw;
}
	
html, body {
overflow-x:hidden;
width:100%;
}
	

.basemain{
margin:70px 0;
width:100%;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.625rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.375rem;
}

h6 {
	font-size: 1.25rem;
}


/* top start */
.top_fv{
height: 100vh;
}

.fv_content{
margin:40vh auto 0 3vw;
display:flex;
justify-content:left;
align-items:center;
flex-wrap:wrap;
padding: 0;
width:auto;
}

.fv_content h2{
font-size: 5.96rem;
width:auto;
}
.fv_content h2 span{
background-color: #C44F2D;
padding-left: 10px;
padding-right: 10px;
}


.fv_content h3{
width:auto;
font-size: 4.1728763rem;
line-height: 125%;
}

/* top end */

/* about start */
.top_about{
background-color: #FFF;
margin-top: 0;
position: relative;
z-index: 20;
}

.aboutcontainer{
height: auto;
flex-wrap: wrap;
}

.aboutTextBlock{
margin: 0 auto;
background-color: #FFFFFF;
width: 100%;
}

.aboutTextContent{
width: 82.6666%;
margin: 0 auto;
padding:50px 0 30px;
}

.topHeading h2{
font-size: 6.41rem;
line-height: 6.10rem;
font-weight: bold;
}

.topHeading h2 span{
font-size:2.98rem;
margin-top: 0;
line-height: 120%;

}

.aboutTextContent h3{
font-size:2.09rem;
line-height: 142.85%;
margin-top: 16px;
}

.aboutImgBlock{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content:center;
}

.aboutImgContent{
width: 100%;
height: 100%;
padding:10px;
}

/* about end */

/* service start */
.top_service{
counter-reset: global-counter;
background-color: #E5E7E8;
padding-bottom: 60px;
padding-top: 30px;
width:100%;
margin-top: 0;
}

.serviceHeading{
margin-bottom: 20px;
padding-left: 0;
}

.serviceHeading::after{
content: "";
position: absolute;
left: auto;
right:0;
top: 2.5rem;
width: 12.81rem;
height: 12.81rem;
}


.serviceBlock{
width:80%;
background-color: #FFF;
padding: 4.76rem 0;
margin-top: 5px;
margin-bottom: 10px;
position: relative;
margin-left: auto;
margin-right: auto;
}
	
.serviceBlock:nth-child(2n+1) {
margin-right: auto;
}

.serviceBlock:nth-child(2n) {
margin-left: auto;
}

.serviceImg{
width:49%;
margin-right: auto;
margin-left: auto;
}

.serviceText{
width:57.333%;
margin-right: auto;
margin-left: auto;
}

.serviceText h3{
font-size: 2.38rem;
padding-top: 50px;
}
.serviceText h3::before {
font-size: 5.96rem;
}

.serviceText p{
font-size: 2.09rem;
line-height: 142%;
margin-top: 10px;
}
/* service end */

/* work start */
.top_work{
padding-top: 20px;
padding-bottom: 20px;
position:relative;
}


.workHeading{
margin-bottom: 20px;
padding-left: 0;
}
	
	
.workHeading::after{
right: -3rem;
top: -12rem;
width: 17.28rem;
height: 17.28rem;
}

.top_work .workRow{
width:80%;
padding-left: 0;
padding-right: 0;
}
.workBlock{
width:100%;
padding: 20px;
margin: 10px auto 5px;
}

.workBlock:nth-child(3n) {
margin-right: auto;
}

.workBlock h3{
font-size: 2.38rem;
margin-top: 10px;
}

.workBlock p{
font-size: 2.09rem;
margin-top: 5px;
}
	
.workArchiveBlock{
margin-right: auto;
margin-left: auto;
}

.workArchiveBlock:nth-child(3), .workArchiveBlock:nth-child(6), .workArchiveBlock:nth-child(9){
margin-right: auto;
}

/* work end */

/* team start */
.top_team{
width:100%;
padding-top: 30px;
padding-bottom: 30px;
}

.topTeamHeading{
margin-bottom: 20px;
padding-left: 0;
}

.teamBlock{
width: 50%;
aspect-ratio: 1 / 2;
margin: 0;
}

.teamBlock:hover{
outline: 1px solid #C44F2D;

}
	
.teamBlock:nth-child(3n) {
margin-left: 0;
margin-right: 0;
}


.teamBlock h3{
left: 12px;
bottom: 8px;
font-size: 2.09rem;
}

.teamBlock h3 span{
font-size:1.49rem;
margin-bottom: -5px;
}

.popup-content {
padding: 20px 0 10px;
width:100%;
margin-right:auto;
margin-left:auto;
}

.popupContainer{
padding-left: 10px;
padding-right:10px;

}
	
.popupHeading{
display:none;
}

.popupHeading h2{
font-size: 2.98rem;
line-height: 120%;
}

.popupHeading h2 span{
font-size:2.38rem;
}


.popupContent{
margin-left: 0;
width: 100%;
display:flex;
flex-wrap:wrap;
background-color:#FFF;
}

.popupDesc{
padding:0 20px;
width: 100%;
order:2;
}

.popupImg{
aspect-ratio: 238 / 329.43!important;
width:63.466667%;
order:1;
margin:0 auto;
padding: 0;
border: 5px solid #C44F2D;
}


.popupInfo{
margin:10px;
padding-bottom:60px;
}

.popupDesc .popupInfo h3{
font-size: 2.98rem;
line-height: 120%;
}
	
.popupDesc .popupInfo h3 span{
font-size:2.38rem;
margin-bottom: 0;
}

.popupDesc .popupInfo p{
font-size: 2.09rem;
line-height: 140%;
margin-top: 10px;
}

.close-btn {
position: absolute;
bottom: 10px;
left: auto;
right:15px;
width:60%;
height: 30px;
background-size: contain;
}

/* team end */

/* Article start */
.top_article{
padding-top:12px;
}

.topNewArea{
margin:2.81425rem auto;
width:100%;
}

.topArticleHeading{
padding-left: 0;
}



.articleContent{
padding-bottom:2.814rem;
margin-bottom:20px;
border-bottom:1px solid #707070;
display:flex;
flex-wrap:wrap;
}

.articleImg{
width:83.3333%;
height:auto;
aspect-ratio: 16 / 9;
overflow:hidden;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}



.articleText{
margin-left:auto;
width:83.3333%;
margin-right:auto;
display:flex;
flex-wrap:wrap;
}

.articleText h3{
font-size: 2.38rem;
width: 100%;

}

.articleText .articleMain{
font-size:2.09rem;
width: 100%;
}
	
.articleText .articleMain p{
font-size:2.09rem;	
}
	
.articleText ul{
width:100%;
}

.articleText .articleDate{
margin-top:50px;
font-size:2.09rem;
}

.articleText .articleCat{
font-size:2.09rem;
}

.articleText .articleCat span{
border:1px solid #6F6F6F;
border-radius: 30px;
padding:0 10px;
margin-top:5px;
}
.articleLinkArea{
width: 100%;
margin-top: -60px;
margin-right: 10%;
justify-content: right;
}
	
	
.arrow-btn {
width:40px;
height:40px;
border-radius: 50%;
}

.arrow-btn::before {
content: '';
position: absolute;
top: calc(50% - 4px);
left: 24%;
transform: rotate(30deg);
width: 16px;
height: 2px;
}

.arrow-btn::after {
content: '';
position: absolute;
top: 52%;
left: -42.5%;
transform: translateY(-50%);
width: 40px;
height: 2px;
background-color: #FFF;
}

.top_article::after {
display:none;	
}
	
.postpage main{
width:100%;
}
	
/* Article end */
/* ArticleArchive start */
.archivePage .articleImg img {
aspect-ratio: 3 / 2.5;
height: 100%;
	
}


.workArchiveBlockImg img {
aspect-ratio: 3 / 2.2;
height: 100%;
}
.workArchiveBlock {
width: 100%;
padding:30px 20px;
}


/* ArticleArchive end */

/* company start */
.top_company{
width:100%;
padding:40px 0;
font-size:2.09rem;
font-weight:300;
}
.companyHeading {
margin-bottom:30px;

}
.companyHeading h2{
color:#AFAFAF;
}
.companyHeading h2 span{
color:#FFFFFF;
}

.companyRow{
margin-left:auto;
width:83.3333%;
margin-right:auto;
}
.top_companylabel{
width:40%;
}

.top_companyContent{
width:60%;
}

/* company end */

/* contact start */
.top_contact{
margin-left:auto;
width:83.3333%;
margin-right:auto;
padding:0;
background-color:#FFF;
}
	
.contactCon {
margin-top: 5.628517rem;
margin-bottom: 60px;
}

.contactRow{
margin-left:auto;
padding:0;
font-size:2.38rem;
background-color:#fff;
margin-top:30px;
}

.contactHeading {
padding-top:30px;
}
.contacticon{
font-size:1.79rem;
margin-left:5px;
padding:2px 4px;
}

.contactRow .wpcf7-form .linkBlock p .wpcf7-submit{
margin: 0 auto;
width: 83.333%;
height: 70px;
padding: 10px 25px;
font-size: 2.98rem;
}

.contactRow .wpcf7-form .linkBlock p:before {
top: calc(50% - 1px);
right: 0;
width: 1.79rem;
height: 2px;

}

.contactRow .wpcf7-form .linkBlock p:after {
top: 50%;
width: 10rem;
height: 2px;
right:0;
}
	
.linkBlock{
margin: 20px auto;
}


.linkBlock a {
margin: 0 auto;
width: 83.333%;
height: 70px;
padding: 10px 25px;
font-size: 2.98rem;
text-decoration:none;
}
.linkBlock a:before {
content: '';
position: absolute;
top: calc(50% - 1px);
right: -1em;
transform: translateY(calc(-50% - 2px)) rotate(30deg);
width: 1.79rem;
height: 2px;
}

.linkBlock a:after {
content: '';
position: absolute;
top: 50%;
right: -1em;
transform: translateY(-50%);
width: 10.35rem;
height: 2px;
}
.linkBlock a:hover:before, .linkBlock a:hover:after {
right: -2.5em;
}



/* contact end */
/* post start */
.post-block{
width:100%;
background-color: #FFF;
padding:20px;
}
	
/* post end */	

	
/* header start */
header {
width: 100%;
height: 60px;
background-color:transparent;
position: fixed;
top: 0;
z-index: 99;
}
	
.headerContent{
width: 100%;
margin-top: 0;
background-color: transparent;
margin: 0;
margin-right: 0;
padding: 0 20px;
height: 60px;
}
	
.header-logo{
width: 20.271642%;
padding: 20px 0;
}

.header-Nav ul{
margin-top:20vh;
list-style: none;
display: flex;
justify-content:center;
flex-wrap:wrap;
padding:0;
}
	
.header-Nav ul li{
padding-left: 5px;
padding-right: 5px;
font-size: 1.31rem;
line-height: 50px;
width:100%;

}

.header-Nav ul li a{
text-decoration: none;
color:#000;
font-size:2.68rem;
line-height:150%;
}
	
	
  /*ヘッダーボタン*/
.openbtn {
display:block;
position: absolute;
z-index: 9999;
top: 8px;
right: 7.540264%;
cursor: pointer;
width: 50px;
height: 50px;
}
.openbtn span {
display: inline-block;
transition: all .4s;
position: absolute;
right: 14px;
height: 3px;
border-radius: 2px;
background-color: #5E5E5E;
width: 45%;
}
.openbtn span:nth-of-type(1) {
top: 15px;
}
.openbtn span:nth-of-type(2) {
top: 23px;
}

.openbtn span:nth-of-type(3) {
top: 31px;
}

.openbtn.active{
position: fixed;
}

.openbtn.active span:nth-of-type(1) {
top: 18px;
right: 18px;
transform: translateY(6px) rotate(-45deg);
width: 40%;
background: #5E5E5E;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
top: 30px;
right: 18px;
transform: translateY(-6px) rotate(45deg);
width: 40%;
background: #5E5E5E;
}
	
#header-Nav {
position: fixed;
z-index: 999;
top: 0;
bottom:0;
margin: 0;
right: -100%;
width: 80%;
height:auto;
background-color: #E5E7E8;
transition: all 0.6s;
padding-bottom: 80px;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
overflow-y:scroll;
overflow-x:hidden;
}
#header-Nav.panelactive {
right: 0;
}


#header-Nav.panelactive ul {
z-index: 999;
width: 100%;
height: auto;
-webkit-overflow-scrolling: touch;
}


.footerContent{
width: 89.0666%;
margin: 20px auto 0;
}

.footerContent .footer-Nav {
padding: 0;
width: 100%;
}

.footerContent .footer-Nav ul{
list-style: none;
display: flex;
justify-content:space-between;
margin-bottom: 0;
flex-wrap:wrap;
padding:0!important;
}

.footerContent .footer-Nav ul li{
padding:0;
text-align:center;
margin:7.5px auto;
font-size: 2.09rem;
line-height: 16px;
width:25%;
}
	
.teamBlock:nth-child(1) {
text-align:left;
}
	
.teamBlock:nth-child(4) {
text-align:right;
}

.footer-logo{
width:35.86666%;
height:auto;
max-height: 60px;
margin-top:20px;
margin-right: auto;
margin-left:auto;
}

.footer-address{
margin:30px auto;
width:85%;
}
.footer-address h3{
font-size:2.09rem;
}

.copyRight{
width: 100%;
text-align: center;
margin: 30px auto;
font-size: 1.79rem;

}
/* footer end */

.content-Title{
font-size:4.47093rem;
}
	
.post-block article{
margin-right:auto;
margin-left:auto;
	
}
	
.content-Nav {
display: flex;
}
	
.content-Nav_Prev, .content-Nav_Next {
width: 40%;
margin:10px auto;

}
	
.nationRow {
font-size: 2.98rem;
justify-content: space-around!important;
margin: 0;
}
	
.custom-select-box {
margin-top: -6em;
}
	
.noPosts{
font-size: 2.09rem;
line-height: 142%;	
}
	
.top_article {
min-height: 250px;
}

}
@media screen and (max-width: 445px) {
html {
font-size: 1.51vw;
}
	
.custom-select-box {
margin-top: -3.5em;
}

}

@media screen and (max-width: 860px) and (min-width: 445px) {
html {
font-size: 1.3vw;
}
	
.fv_content{
margin-left: 8%;
}
	
.aboutTextContent h3 {
font-size: 2.09rem;
line-height: 180%;
margin-top: 20px;
}

.topHeading h2 span {
line-height: 150%;
}
	
.serviceBlock {
width: 90%;
}
	
.serviceText {
width: 80%;
}
	
.articleText h3 {
font-size: 3.38rem;
}
	
.articleMain p {
font-size: 2.5rem;
}


}