@charset "utf-8";
/**
/* 共通 CSS
----------------------------------------------- */
/*　　アニメーション　　*/
.fadeUp{
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: opacity 0.8s,visibility 0.8s, transform 0.8s;
}
.fadeUp.active{
	opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.fv-fadeUp{
	opacity: 0;
	animation: fadeInContent 0.5s ease 0.6s forwards;
}
@keyframes fadeInContent {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*再生ボタン*/
.view_btn{
	transition: transform .7s;
}
.view_btn .btn > div {
	transition: transform .7s cubic-bezier(0, 0, 0, 0.96);
    transform: rotateZ(0deg);
}
.nav-container .btn:hover .view_btn > div,
.view_btn .btn:hover > div {
	transition: transform .7s cubic-bezier(0, 0, 0, 0.96);
	transform: rotateZ(360deg);
}
.view_btn img{
	animation: rotate-anime 20s linear infinite;
}
.nav-container .btn:hover .view_btn,
.view_btn:hover{
	transform: scale(1.05) 
}
@keyframes rotate-anime {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*　　見出し　　*/
.guide-ttl{
	position: relative;
	margin-bottom: 3.875rem;
}
.guide-ttl .roma{
	color: #a11d32;
	font-size: 8.125rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
	margin-left: -0.625rem;
	margin-bottom: 1rem;
}
.guide-ttl h2{
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.25;
}
@media only screen and (max-width: 767px) {
	.guide-ttl{
		margin-bottom: 1.875rem;
	}
	.guide-ttl .roma{
		font-size: 3.5rem;
		margin-left: -0.45rem;
		margin-bottom: 0.625rem;
	}
	.guide-ttl h2{
		font-size: 1.125rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.guide-ttl{
		margin-bottom: 2.5rem;
	}
	.guide-ttl .roma{
		font-size: 7.125rem;
	}
	.guide-ttl h2{
		font-size: 1.875rem;
	}
}
/*　　色　　*/
.c-red{
	color: #a11d32;
}
.center{
	text-align: center;
}
iframe{
	width: 100%;
}
/**
/* トップページ CSS
----------------------------------------------- */
/*　　MV　　*/
.fv-view{
	margin-top: 6.25rem;
}
.fv-view .fv{
	position: relative;
	background: url(../img/top/fv_bg.png) no-repeat center;
	background-size: cover;
	padding: 4.25rem 0 6.125rem 0;
}
.fv-view .fv .inner-wrap{
	max-width: 1080px;
}
.fv-view .fv .view_roma{
	text-align: center;
}
.fv-news{
	background: #0a0a0a;
	padding: 2rem 5%;
}
.fv-news dl{
	display: inline-block;
}
.fv-news dl a{
	position: relative;
	display: flex;
}
.fv-news dl a::before{
	background-color: #ffffff;
	bottom: -0.25rem;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.fv-news dl a::after{
	background-color: #a11d32;
	bottom: -0.25rem;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
}
/* リンクにホバーした際の下線の表示 */
.fv-news dl a:hover::after {
	transform: scale(1, 1);
}
.fv-news dl a dt{
	font-family: "Oswald", sans-serif;
	color: #a11d32;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
}
.fv-news dl a dd{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin-left: 1.25rem;
}
@media only screen and (max-width: 767px) {
	.fv-view{
		margin-top: 4.35rem;
	}
	.fv-view .fv{
		padding: 3.5rem 0 3rem 0;
	}
	.fv-news{
		padding: 1.5rem 5%;
	}
	.fv-news dl a::before{
		bottom: -0.5rem;
	}
	.fv-news dl a::after{
		bottom: -0.5rem;
	}
	.fv-news dl a dt{
		font-size: 1.125rem;
	}
	.fv-news dl a dd{
		font-size: 0.875rem;
		margin-left: 0.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.fv-view{
		margin-top: 6.5rem;
	}
	.fv-view .fv .view_roma img{
		width: 70%;
	}
	.fv-news{
		padding: 2rem 3%;
	}
}
/*　　職人募集　　*/
.recruit-nav{
	position: relative;
	background: url(../img/top/recruit_bg.png) no-repeat center;
	background-size: cover;
	padding: 4rem 0 13.125rem 0;
}
.recruit-nav h2{
	align-items: center;
  display: flex;
  justify-content: center; 
	font-size: 2.75rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.recruit-nav h2::before,
.recruit-nav h2::after {
  background-color: #ffffff;
  content: "";
  height: 0.25rem;
  width: 5.25rem;
}
.recruit-nav h2::before {
  margin-right: 1.25rem;
}
.recruit-nav h2::after {
  margin-left: 1.25rem;
}
.recruit-nav .view_roma{
	text-align: center;
}
.recruit-nav .view_img{
	margin-top: -5rem;
	margin-bottom: -16rem;
}
.recruit-nav .view_roma img{
	max-width: 640px;
}
.nav-container{
	position: relative;
	max-width: 822px;
	margin: 0 auto;
}
.recruit-nav .textArea{
	position: absolute;
	bottom: 10rem;
	left: -14vw;
}
.recruit-nav .textArea .p-text{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85;
}
.recruit-nav .view_btn{
	position: absolute;
	width: 11vw;
	bottom: 20rem;
	right: -6vw;
}
@media only screen and (max-width: 767px) {
	.recruit-nav{
		padding: 3rem 0 15.125rem 0;
	}
	.recruit-nav h2{
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.recruit-nav h2::before,
	.recruit-nav h2::after {
	  height: 0.125rem;
	  width: 2.5rem;
	}
	.recruit-nav h2::before {
	  margin-right: 0.5rem;
	}
	.recruit-nav h2::after {
	  margin-left: 0.5rem;
	}
	.recruit-nav .view_img{
		margin-top: -3rem;
		margin-bottom: -16rem;
	}
	.recruit-nav .view_roma img{
		max-width: 20rem;
	}
	.recruit-nav .textArea{
		bottom: 1rem;
		left: 2vw;
	}
	.recruit-nav .textArea .p-text{
		font-size: 0.75rem;
	}
	.recruit-nav .view_btn{
		width: 7.0625rem;
		bottom: 2rem;
		right: -2vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.recruit-nav .view_roma img{
		max-width: 40rem;
	}
	.recruit-nav .textArea{
		left: 0;
	}
	.recruit-nav .view_btn{
		right: -3vw;
	}
}
/*　　STAFF PLAZA　　*/
.front-staff-plaza{
	padding: 8.4375rem 0 7.9375rem 0;
}
.front-staff-plaza h2{
	font-size: 5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 3.375rem;
}
.front-staff-plaza .block_btn{
	text-align: right;
	margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
	.front-staff-plaza{
		padding: 4rem 0 3.5rem 0;
	}
	.front-staff-plaza h2{
		font-size: 3rem;
		margin-bottom: 2rem;
	}
	.front-staff-plaza .staff-plaza-list{
		webkit-justify-content: center;
		justify-content: center;
	}
	.front-staff-plaza .block_btn{
		text-align: center;
		margin-top: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-staff-plaza{
		padding: 5.4375rem 0 4.9375rem 0;
	}
}
/*　　COMPANY　　*/
.company-nav{
	padding: 7.9375rem 0 3.4375rem 0;
}
.company-nav .nav-container{
	max-width: 1800px;
}
.company-nav .nav-container .view-img{
	height: 36vw;
}
.company-nav .nav-container .view-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.company-nav .nav-container .contentArea{
	position: absolute;
	top: -7vw;
	left: -0.5rem;
}
.company-nav .nav-container h2{
	font-family: "Oswald", sans-serif;
	font-size: 13vw;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.company-nav .nav-container .p-text{
	color: #0a0a0a;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85;
	padding-left: 4rem;
}
.company-nav .nav-container h3{
	position: absolute;
	top: 1.875rem;
	right: 5%;
}
.company-nav .nav-container h3 span{
	display: inline-block;
	background: #0a0a0a;
	font-size: 2.6vw;
	font-weight: 500;
	line-height: 1.25;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0.75rem;
}
.company-nav .nav-container .view_btn{
	position: absolute;
	width: 11vw;
	bottom: 3vw;
	right: 2vw;
}
@media only screen and (max-width: 767px) {
	.company-nav{
		padding: 2.5rem 0 1.25rem 0;
	}
	.company-nav .nav-container{
		width: 100%;
	}
	.company-nav .nav-container .view-img{
		height: 25.125rem;
	}
	.company-nav .nav-container .contentArea{
		top: -2.5rem;
		left: 0;
	}
	.company-nav .nav-container h2{
		font-size: 4.5rem;
		margin-bottom: 1rem;
	}
	.company-nav .nav-container .p-text{
		font-size: 0.75rem;
		padding: 0 1.5rem;
	}
	.company-nav .nav-container h3{
		top: 10.875rem;
		right: 3%;
	}
	.company-nav .nav-container h3 span{
		font-size: 1.125rem;
		padding: 0.325rem 0.5rem;
		margin-bottom: 0.325rem;
	}
	.company-nav .nav-container .view_btn{
		width: 7.0625rem;
		bottom: 3rem;
		right: 3%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.company-nav{
		padding: 5.9375rem 0 1.4375rem 0;
	}
}
/*　　BUSINESS　　*/
.busines-nav{
	padding-top: 5.625rem;
}
.busines-nav .nav-container{
	max-width: 1800px;
}
.busines-nav .nav-container .view-img{
	height: 43vw;
}
.busines-nav .nav-container .view-img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.busines-nav .nav-container h2{
	position: absolute;
	top: 0;
	right: 0;
	font-family: "Oswald", sans-serif;
	color: #ffffff;
	font-size: 13vw;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
}
.busines-nav .nav-container .view_btn{
	position: absolute;
	width: 11vw;
	top: 13vw;
	left: 29vw;
}
@media only screen and (max-width: 767px) {
	.busines-nav{
		padding-top: 1.625rem;
	}
	.busines-nav .nav-container{
		width: 100%;
	}
	.busines-nav .nav-container .view-img{
		height: 18.625rem;
	}
	.busines-nav .nav-container h2{
		font-size: 4.5rem;
		right: 1rem;
	}
	.busines-nav .nav-container .view_btn{
		width: 7.0625rem;
		top: 6rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.busines-nav{
		padding-top: 3.625rem;
	}
}
/*　　お知らせ　　*/
.front-news{
	padding: 8.75rem 0 8.75rem 0;
}
.front-news .ttlArea{
	width: 12rem;
}
.front-news .ttlArea h2{
	font-size: 5rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
}
.front-news .news-list{
	width: calc(100% - 12rem);
	padding-left: 5rem;
}
.front-news .block_btn{
	margin-top: 3.3125rem;
}
@media only screen and (max-width: 767px) {
	.front-news{
		padding: 3.75rem 0 4.75rem 0;
	}
	.front-news .ttlArea{
		width: 100%;
		margin-bottom: 2rem;
	}
	.front-news .ttlArea h2{
		font-size: 3rem;
	}
	.front-news .news-list{
		width: 100%;
		padding-left: 0;
	}
	.front-news .block_btn{
		margin-top: 2.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-news{
		padding: 5.75rem 0 5.75rem 0;
	}
}
/**
/* 下層ページ共通 CSS
----------------------------------------------- */
/*　　ページヘッダー　　*/
.page-view{
	position: relative;
	margin-top: 6.25rem;
}
.page-view .view-img{
	height: 40rem;
}
.page-view .view-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.page-view .view-ttl{
	position: absolute;
	top: 2.3125rem;
	left: 4.5rem;
}
.page-view .view-ttl h2{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 2.25vw;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1rem;
}
.page-view .view-ttl h2::before,
.page-view .view-ttl h2::after{
	background-color: #ffffff;
	content: "";
	flex-grow: 1;
	height: 0.25rem;
}
.page-view .view-ttl h2::before{
	margin-right: 2rem;
}
.page-view .view-ttl h2::after{
	margin-left: 2rem;
}
.page-view .view-ttl .roma{
	font-family: "Oswald", sans-serif;
	color: #ffffff;
	font-size: 11vw;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	text-transform: uppercase;
	margin-left: -1.25rem;
	margin-top: -1.25rem;
}
@media only screen and (max-width: 1400px) {
	.page-view .view-ttl{
		left: 3.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-view{
		padding-top: 9rem;
		margin-top: 4.35rem;
	}
	.page-view .view-img{
		height: 20rem;
	}
	.page-view .view-ttl{
		width: 85%;
		top: 2.3125rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.page-view .view-ttl h2{
		font-size: 1.125rem;
	}
	.page-view .view-ttl h2::before,
	.page-view .view-ttl h2::after{
		height: 0.125rem;
	}
	.page-view .view-ttl h2::before{
		margin-right: 1rem;
	}
	.page-view .view-ttl h2::after{
		margin-left: 1rem;
	}
	.page-view .view-ttl .roma{
		font-size: 5.5rem;
		text-align: center;
		margin-top: -0.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.page-view{
		margin-top: 6.5rem;
	}
	.page-view .view-img{
		height: 30rem;
	}
	.page-view .view-ttl{
		top: 2rem;
		left: 2.5rem;
	}
}
/*　　table　　*/
.tbl-border tr th,
.tbl-border tr td{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #626262;
}
.tbl-border tr th{
	width: 15.625rem;
	padding: 2.625rem 2.5rem;
}
.tbl-border tr td{
	padding: 2.625rem 0;
}
.tbl-border tr td ul li + li{
	margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
	.tbl-border tr th,
	.tbl-border tr td{
		font-size: 0.875rem;
	}
	.tbl-border tr th{
		width: 9rem;
		padding: 1.25rem 1rem;
	}
	.tbl-border tr td{
		padding: 1.25rem 0;
	}
	.tbl-border tr td ul li + li{
		margin-top: 0.5rem;
	}
}
/**
/* 事業内容 CSS
----------------------------------------------- */
/*　　事業案内　　*/
.business-guide{
	padding-bottom: 8.75rem;
}
.business-guide .guide-ttl{
	margin-bottom: 4.375rem;
}
.business-container .contentArea{
	max-width: 45.375rem;
    margin-left: auto;
}
.business-container .contentArea .p-text{
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2.1;
}
@media only screen and (max-width: 767px) {
	.business-guide{
		padding-bottom: 8.75rem;
	}
	.business-guide .guide-ttl{
		margin-bottom: 4.375rem;
	}
	.business-container .contentArea{
		max-width: 45.375rem;
	}
	.business-container .contentArea .p-text{
		font-size: 1.25rem;
		line-height: 2;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.business-guide{
		padding-bottom: 6.75rem;
	}
	.business-guide .guide-ttl{
		margin-bottom: 3.375rem;
	}
	.business-container .contentArea{
		max-width: 40.375rem;
	}
}
/*　　型枠工事の流れ　　*/
.flow-guide{
	padding-bottom: 10rem;
}
.flow-guide .guide-ttl{
	margin-bottom: 4.375rem;
}
.flow-guide .flow-list .flow-items:not(:last-child){
	margin-bottom: 5rem;
}
.flow-guide .flow-list .flow-items .no{
	position: relative;
	width: 14.375rem;
	color: #171717;
	font-size: 14.375rem;
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -0.025em;
	-webkit-text-stroke: 2px #ffffff;
	text-stroke: 2px #ffffff;
	paint-order: stroke;
	margin-left: -0.5rem;
}
.flow-guide .flow-list .flow-items .flow-body{
	width: calc(100% - 10rem);
	min-height: 11.75rem;
	margin-left: -2.875rem;
	margin-right: -2rem;
	margin-bottom: 0.3rem;
	margin-top: 1.5rem;
}
.flow-guide .flow-list .flow-items .imageArea{
	width: 48%;
	margin-left: -9%;
}
.flow-guide .flow-list .flow-items .imageArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(20% 0, 100% 0, 80% 100%, 0% 100%);
}
.flow-guide .flow-list .flow-items .contentArea{
	background: #171717;
	width: 60%;
	padding: 1.25rem 6rem 1.25rem 2.5rem;
}
.flow-guide .flow-list .flow-items:not(:first-child) .contentArea{
	padding: 1.25rem 3rem 1.25rem 3.5rem;
}
.flow-guide .flow-list .flow-items h3{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.25rem;
}
.flow-guide .flow-list .flow-items .p-text{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.85;
}
@media only screen and (max-width: 767px) {
	.flow-guide{
		padding-bottom: 5rem;
	}
	.flow-guide .guide-ttl{
		margin-bottom: 2.375rem;
	}
	.flow-guide .flow-list .flow-items{
		position: relative;
		background: #171717;
	}
	.flow-guide .flow-list .flow-items:not(:last-child){
		margin-bottom: 2rem;
	}
	.flow-guide .flow-list .flow-items .no{
		position: absolute;
		width: auto;
		top: 1rem;
		left: 1rem;
		font-size: 10rem;
		margin-left: 0;
	}
	.flow-guide .flow-list .flow-items .flow-body{
		width: 100%;
		min-height: auto;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-top: 0;
		padding: 7rem 1.25rem 2rem 1.25rem;
	}
	.flow-guide .flow-list .flow-items .imageArea{
		width: 100%;
		margin-left: 0;
		margin-bottom: 1.25rem;
	}
	.flow-guide .flow-list .flow-items .contentArea{
		width: 100%;
		padding: 0;
	}
	.flow-guide .flow-list .flow-items:not(:first-child) .contentArea{
		padding: 0;
	}
	.flow-guide .flow-list .flow-items h3{
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.flow-guide .flow-list .flow-items .p-text{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flow-guide{
		padding-bottom: 8rem;
	}
}
/**
/* 会社案内 CSS
----------------------------------------------- */
/*　　代表挨拶　　*/
.greeting-guide{
	padding-bottom: 9.5rem;
}
.greeting-guide .guide-ttl{
	margin-bottom: 4.375rem;
}
.greeting-guide .imageArea{
	width: 49%;
}
.greeting-guide .imageArea img{
	width: 100%;
	height: 100%;
 object-fit: cover;
}
.greeting-guide .name{
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.25;
	margin-top: 1.125rem;
}
.greeting-guide .name span{
	font-size: 1rem;
	margin-right: 0.75rem;
}
.greeting-guide .contentArea{
	width: 51%;
	padding-left: 3.75rem;
}
.greeting-guide .contentArea h3{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.85;
	margin-bottom: 3rem;
}
.greeting-guide .contentArea .p-text{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 2;
}
@media only screen and (max-width: 767px) {
	.greeting-guide{
		padding-bottom: 5.5rem;
	}
	.greeting-guide .guide-ttl{
		margin-bottom: 2rem;
	}
	.greeting-guide .imageArea{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.greeting-guide .name{
		font-size: 1.125rem;
		margin-top: 1rem;
	}
	.greeting-guide .name span{
		font-size: 0.9375rem;
		margin-right: 0.625rem;
	}
	.greeting-guide .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.greeting-guide .contentArea h3{
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.greeting-guide .contentArea .p-text{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.greeting-guide .contentArea{
		padding-left: 2.5rem;
	}
	.greeting-guide .contentArea h3{
		font-size: 1.75rem;
		margin-bottom: 3rem;
	}
}
/*　　企業理念　　*/
.philosophy-guide{
	padding-bottom: 12.5rem;
}
.philosophy-guide .box{
	border-left: 1px solid #727272;
	border-right: 1px solid #727272;
	border-bottom: 1px solid #727272;
}
.philosophy-guide .guide-ttl{
	display: flex;
	justify-content: center;
	align-items: center;
	top: -4.015rem;
	margin-bottom: 0;
}
.philosophy-guide .guide-ttl::before,
.philosophy-guide .guide-ttl::after{
	background-color: #727272;
	content: "";
	flex-grow: 1;
	height: 1px;
}
.philosophy-guide .guide-ttl::before{
	margin-right: 2rem;
}
.philosophy-guide .guide-ttl::after{
	margin-left: 2rem;
}
.philosophy-guide .guide-ttl .roma{
	margin-left: 0;
	margin-bottom: 0;
}
.philosophy-guide .guide-ttl h2{
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.35);
}
.philosophy-guide .box .box-inner{
	padding: 1rem 3rem 4.5rem 3rem;
}
.philosophy-guide .philosophy-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.philosophy-guide .philosophy-list li{
	background: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 33.3333%;
	max-width: 12.375rem;
	color: #ffffff;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.45;
	border: 1px solid #ffffff;
	border-radius: 100%;
	padding: 2rem;
	margin: 0px -0.625rem;
}
.philosophy-guide .philosophy-list li::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.philosophy-guide .p-text{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
	margin-top: 5rem;
}
@media only screen and (max-width: 767px) {
	.philosophy-guide{
		padding-bottom: 4.5rem;
	}
	.philosophy-guide .guide-ttl{
		top: -1.75rem;
	}
	.philosophy-guide .guide-ttl::before{
		margin-right: 0.5rem;
	}
	.philosophy-guide .guide-ttl::after{
		margin-left: 0.5rem;
	}
	.philosophy-guide .guide-ttl h2{
		top: 1.5rem;
	}
	.philosophy-guide .box .box-inner{
		padding: 1rem 1rem 1.5rem 1rem;
	}
	.philosophy-guide .philosophy-list li{
		font-size: 1.375rem;
		padding: 1rem;
		margin: 0px -0.3125rem;
	}
	.philosophy-guide .p-text{
		font-size: 1.125rem;
		margin-top: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.philosophy-guide{
		padding-bottom: 8rem;
	}
	.philosophy-guide .guide-ttl{
		top: -3.5rem;
	}
	.philosophy-guide .p-text{
		margin-top: 4rem;
	}
}
/*　　会社概要　　*/
.company-guide{
	padding-bottom: 9.375rem;
}
.company-guide .gallery{
	column-gap: 1.125rem;
	margin-top: 5rem;
}
.company-guide .gallery li{
	width: calc(50% - 0.5625rem);
}
@media only screen and (max-width: 767px) {
	.company-guide{
		padding-bottom: 5.5rem;
	}
	.company-guide .gallery{
		column-gap: 0;
		margin-top: 2rem;
	}
	.company-guide .gallery li{
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.company-guide{
		padding-bottom: 7.5rem;
	}
}
/*　　沿革　　*/
.history-guide{
	padding-bottom: 9.375rem;
}
@media only screen and (max-width: 767px) {
	.history-guide{
		padding-bottom: 5.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.history-guide{
		padding-bottom: 7.5rem;
	}
}
/**
/* 採用情報 CSS
----------------------------------------------- */
.recruit-wrap .page-view .view-img{
	height: 66.875rem;
}
.recruit-wrap .page-view .view-img img{
	object-position: bottom;
}
.recruit-wrap .page-view .view-ttl{
	width: 41.875rem;
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
	.recruit-wrap .page-view{
		padding-top: 0;
	}
	.recruit-wrap .page-view .view-img{
		height: 31rem;
	}
	.recruit-wrap .page-view .view-ttl{
		width: 18.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.recruit-wrap .page-view .view-img{
		height: 46rem;
	}
	.recruit-wrap .page-view .view-ttl{
		width: 28.875rem;
	}
}
/*　　採用メッセージ　　*/
.message-guide{
	padding-bottom: 5rem;
}
.message-guide .guide-ttl{
	margin-bottom: 4.375rem;
}
.message-guide .message-container{
	text-align: right;
}
.message-container .contentArea{
	display: inline-block;
	text-align: left;
}
.message-container .contentArea h3{
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.325;
	margin-bottom: 3rem;
}
.message-container .contentArea .p-text{
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2.1;
}
@media only screen and (max-width: 767px) {
	.message-guide{
		padding-bottom: 3rem;
	}
	.message-guide .guide-ttl{
		margin-bottom: 3rem;
	}
	.message-container .contentArea h3{
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.message-container .contentArea .p-text{
		font-size: 1rem;
		line-height: 2;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.message-container .contentArea h3{
		font-size: 2.25rem;
		margin-bottom: 2rem;
	}
}
/*　　FEATURE　　*/
.feature-guide{
	padding: 8rem 0 7.5rem 0;
}
.feature-guide:before{
	width: 100%;
	height: 100%;
	content: "";
	background: #171717;
	transform: skewY(3deg);
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: top left;
	-ms-transform-origin: top left;
}
.feature-list .feature-items:not(:last-child){
	margin-bottom: 6rem;
}
.feature-list .feature-items:nth-child(1){
	margin-bottom: 2.5rem;
}
.feature-list .feature-items .imageArea{
	width: 53.5%;
}
.feature-list .feature-items .contentArea{
	width: 46.5%;
	display: flex;
	align-items: center;
	padding: 3rem 2rem 3rem 3rem;
}
.feature-list .feature-items:nth-child(1) .contentArea{
	background: url(../img/recruit/feature1_bg.png) no-repeat center;
	background-size: cover;
	margin-top: 5.85%;
}
.feature-list .feature-items:nth-child(2) .contentArea{
	background: url(../img/recruit/feature2_bg.png) no-repeat center;
	background-size: cover;
	margin-top: 5.85%;
}
.feature-list .feature-items:nth-child(3) .contentArea{
	background: url(../img/recruit/feature3_bg.png) no-repeat center;
	background-size: cover;
}
.feature-list .feature-items .p-text{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 2.33;
}
@media only screen and (max-width: 767px) {
	.feature-guide{
		padding: 4rem 0 3.5rem 0;
	}
	.feature-list .feature-items:not(:last-child){
		margin-bottom: 2rem;
	}
	.feature-list .feature-items:nth-child(1){
		margin-bottom: 1.5rem;
	}
	.feature-list .feature-items .imageArea{
		width: 100%;
	}
	.feature-list .feature-items .contentArea{
		width: 100%;
		padding: 1.5rem 1.25rem;
	}
	.feature-list .feature-items:nth-child(1) .contentArea{
		margin-top: 0;
	}
	.feature-list .feature-items:nth-child(2) .contentArea{
		margin-top: 0;
	}
	.feature-list .feature-items .p-text{
		font-size: 0.9375rem;
		line-height: 2;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.feature-guide{
		padding: 7rem 0 5.5rem 0;
	}
}
/*　　求める人物像　　*/
.want-guide{
	padding: 10rem 0 13.5rem 0;
}
.want-guide .guide-ttl{
	margin-bottom: 4rem;
}
.want-guide .want-list{
	column-gap: 1.75rem;
	row-gap: 1.75rem;
}
.want-list .want-items{
	width: calc(50% - 0.875rem);
	border: 1px solid #ffffff;
	padding: 2.375rem;
}
.want-list .want-items .icon{
	text-align: center;
	margin-bottom: 2.5rem;
}
.want-list .want-items .icon img{
	height: 10.8125rem;
}
.want-list .want-items .p-text{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
}
@media only screen and (max-width: 767px) {
	.want-guide{
		padding: 4rem 0 5.5rem 0;
	}
	.want-guide .guide-ttl{
		margin-bottom: 2rem;
	}
	.want-guide .want-list{
		column-gap: 0.75rem;
		row-gap: 0.75rem;
	}
	.want-list .want-items{
		width: calc(50% - 0.375rem);
		padding: 2rem 1.25rem;
	}
	.want-list .want-items .icon{
		margin-bottom: 1rem;
	}
	.want-list .want-items .icon img{
		height: 3.8125rem;
	}
	.want-list .want-items .p-text{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.want-guide{
		padding: 8rem 0 12.5rem 0;
	}
	.want-guide .want-list{
		column-gap: 1.25rem;
		row-gap: 1.25rem;
	}
	.want-list .want-items{
		width: calc(50% - 0.625rem);
		padding: 2.375rem 1.375rem;
	}
	.want-list .want-items .icon{
		margin-bottom: 1.875rem;
	}
	.want-list .want-items .icon img{
		height: 8.5rem;
	}
}
/*　　募集要項　　*/
.job-description-guide{
	background: #171717;
	padding: 4.5rem 0 11.4375rem 0;
}
.job-description-guide:before{
	width: 100%;
	height: 100%;
	content: "";
	background: #171717;
	transform: skewY(3deg);
	position: absolute;
	top: -6.25rem;
	left: 0;
	transform-origin: top left;
	-ms-transform-origin: top left;
}
.job-description-guide .view_btn{
	position: relative;
	width: 16.8125rem;
	margin: 5rem auto 0 auto;
}
.job-description-guide .view_btn::before{
	position: absolute;
	background: url(../img/icon/arrow_r.png) no-repeat;
	background-size: cover;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 3rem;
	height: 3rem;
}
@media only screen and (max-width: 767px) {
	.job-description-guide{
		padding: 2.5rem 0 5rem 0;
	}
	.job-description-guide:before{
		top: -2rem;
	}
	.job-description-guide .view_btn{
		width: 8.5rem;
		margin: 3rem auto 0 auto;
	}
	.job-description-guide .view_btn::before{
		width: 1.5rem;
		height: 1.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.job-description-guide{
		padding: 2.5rem 0 7rem 0;
	}
}
/**
/* お知らせ CSS
----------------------------------------------- */
/*　　一覧ページ　　*/
.news-wrap .news-guide{
	padding-bottom: 10rem;
}
.news-wrap .news-guide .inner{
	max-width: 960px;
}
.news-list .news-items{
	position: relative;
	border-bottom: 1px solid #d5d4d4;
}
.news-list .news-items:first-child{
	border-top: 1px solid #d5d4d4;
}
.news-list .news-items::after{
	background-color: #a11d32;
	bottom: -0.125rem;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
}
/* リンクにホバーした際の下線の表示 */
.news-list .news-items:hover::after {
	transform: scale(1, 1);
}
.news-list .news-items a{
	position: relative;
	display: block;
	padding: 1.5rem 2.5rem;
}
.news-list .news-items a::after{
	content: "";
	position: absolute;
	background: url(../img/icon/arrow_w.png) no-repeat center;
	background-size: cover;
	width: 1.3125rem;
	height: 1.3125rem;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
}
.news-list .news-items dt{
	margin-bottom: 0.625rem;
}
.news-list .news-items dt .date{
	font-family: "Oswald", sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.45;
}
.news-list .news-items dt .category{
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.125;
	text-align: center;
	border: 1px solid #ffffff;
	padding: 0.3125rem 0.875rem;
	margin-left: 0.875rem;
}
.news-list .news-items dd{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
	padding-right: 1.25rem;
}
@media only screen and (max-width: 767px) {
	.news-wrap .news-guide{
		padding-bottom: 4rem;
	}
	.news-list .news-items::after{
		bottom: -0.05rem;
	}
	.news-list .news-items a{
		padding: 1.125rem 0.625rem;
	}
	.news-list .news-items a::after{
		width: 1rem;
		height: 1rem;
		right: 0.5rem;
	}
	.news-list .news-items dt{
		margin-bottom: 0.5rem;
	}
	.news-list .news-items dt .date{
		font-size: 1.125rem;
	}
	.news-list .news-items dt .category{
		font-size: 0.625rem;
		padding: 0.25rem 0.5rem;
		margin-left: 62;
	}
	.news-list .news-items dd{
		font-size: 0.9375rem;
		padding-right: 1.25rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.news-wrap .news-guide{
		padding-bottom: 8rem;
	}
}
/*　　詳細ページ　　*/
.single-guide{
	padding-bottom: 10rem;
}
.single-guide .inner{
	max-width: 960px;
	margin: 0 auto;
}
.single-guide .entry-header{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
}
.single-guide .entry-header .entry-data{
	margin-bottom: 1rem;
}
.single-guide .entry-header .date{
	font-family: "Oswald", sans-serif;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1.45;
}
.single-guide .entry-header .category{
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.125;
	text-align: center;
	border: 1px solid #ffffff;
	padding: 0.3125rem 1rem;
	margin-left: 1rem;
}
.single-guide .entry-header .category a{
	color: #ffffff;
}
.single-guide .entry-header h2{
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.45;
}
.single-guide .entry-img{
	text-align: center;
	margin-bottom: 1.5rem;
}
.single-guide .entry-img img{
	max-width: 20rem;
}
.single-guide .entry-body h2{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 1.5rem;
}
.single-guide .entry-body h3{
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 1.125rem;
}
.single-guide .entry-body h4{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 1.125rem;
}
.single-guide .entry-body p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 2.5rem;
}
.single-guide .entry-body p:last-child{
	margin-bottom: 0;
}
.single-guide .entry-body ol{
	list-style: decimal;
	margin: 2.5rem 0 2.5rem 1.5rem;
}
.single-guide .entry-body ul{
	list-style: disc;
	margin: 2.5rem 0 2.5rem 1.5rem;
}
.single-guide .entry-body ol li,
.single-guide .entry-body ul li{
	font-size: 1rem;
	font-weight: 400;
	line-height: 2;
}
.single-guide .entry-body figcaption {
	font-size: 90%;
}
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0 5rem 3.75rem 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 0 3.75rem 5rem;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}
.single-guide .page-nav{
	width: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-top: 6.25rem;
}
.single-guide .page-nav .nav__item{
	position: relative;
}
.single-guide .page-nav .nav__item a{
	position: relative;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
}
.single-guide .page-nav .nav__item--prev a{
	padding-left: 1.5625rem;
}
.single-guide .page-nav .nav__item--next a{
	padding-right: 1.5625rem;
}
.single-guide .page-nav .nav__item a:before{
	font-family: "Font Awesome 5 Free";
	font-size: 1.125rem;
	font-weight: 900;
	position: absolute;
	top: 0;
}
.single-guide .page-nav .nav__item--prev a:before{
	content: "\f100";
	left: 0;
}
.single-guide .page-nav .nav__item--next a:before{
	content: "\f101";
	right: 0;
}
.single-guide .page-nav .return_btn{
	width: 20rem;
}
.single-guide .page-nav .return_btn .btn{
	display: block;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #a11d32;
	border-right: solid 1px #a11d32;
	padding: 1.125rem 1rem;
	transform: skewX(-25deg);
	transition: all 0.3s;
}
.single-guide .page-nav .return_btn .btn:hover {
  transform: skewX(0deg);
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
	.single-guide{
		padding-bottom: 5rem;
	}
	.single-guide .entry-header{
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.single-guide .entry-header .entry-data{
		margin-bottom: 0.625rem;
	}
	.single-guide .entry-header .date{
		font-size: 1.25rem;
	}
	.single-guide .entry-header .category{
		font-size: 0.75rem;
		padding: 0.25rem 0.625rem;
		margin-left: 0.625rem;
	}
	.single-guide .entry-header h2{
		font-size: 1.25rem;
	}
	.single-guide .entry-img{
		margin-bottom: 1.25rem;
	}
	.single-guide .entry-img img{
		max-width: 12rem;
	}
	.single-guide .entry-body h2{
		font-size: 1.25rem;
		margin-bottom: 1.25rem;
	}
	.single-guide .entry-body h3{
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.single-guide .entry-body h4{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.single-guide .entry-body p{
		font-size: 0.9375rem;
		margin-bottom: 1.5rem;
	}
	.single-guide .entry-body ol{
		margin: 1.5rem 0 1.5rem 1.5rem;
	}
	.single-guide .entry-body ul{
		margin: 1.5rem 0 1.5rem 1.5rem;
	}
	.single-guide .entry-body ol li,
	.single-guide .entry-body ul li{
		font-size: 0.9375rem;
	}
	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		margin: 0 2rem 1.75rem 0;
	}
	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		margin: 0 0 1.75rem 2rem;
	}
	.single-guide .page-nav{
		margin-top: 3.25rem;
	}
	.single-guide .page-nav .nav__item a{
		font-size: 0.9375rem;
	}
	.single-guide .page-nav .prev-link:after{
		content: attr(data-prev);
		text-align: center;
	}
	.single-guide .page-nav .next-link:after{
		content: attr(data-next);
		text-align: center;
	}
	.single-guide .page-nav .nav__item-img,
	.single-guide .page-nav .nav__item-ttl{
		display: none;
	}
	.single-guide .page-nav .nav__item--prev a{
		padding-left: 1.5625rem;
	}
	.single-guide .page-nav .nav__item--next a{
		padding-right: 1.5625rem;
	}
	.single-guide .page-nav .nav__item a:before{
		font-size: 1rem;
	}
	.single-guide .block_btn{
		text-align: center;
		margin-top: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.single-guide{
		padding-bottom: 8rem;
	}
}
/**
/* 社員広場 CSS
----------------------------------------------- */
.staff-plaza-guide{
	padding-bottom: 10rem;
}
.staff-plaza-guide .guide-ttl{
	margin-bottom: 5.5rem;
}
.staff-plaza-list{
	column-gap: 1rem;
	row-gap: 9.25rem;
}
.staff-plaza-list .staff-plaza-items{
	width: calc(33.3333% - 0.685rem);
}
.staff-plaza-list .staff-plaza-items:nth-child(2),
.staff-plaza-list .staff-plaza-items:nth-child(5){
	margin-top: 12.5rem;
}
.staff-plaza-list .staff-plaza-items:nth-child(3),
.staff-plaza-list .staff-plaza-items:nth-child(6){
	margin-top: 4rem;
}
.staff-plaza-list .staff-plaza-items dt img{
	border: 1px solid #a11d32;
}
.staff-plaza-list .staff-plaza-items dd{
	margin-top: 0.5rem;
}
.staff-plaza-list .staff-plaza-items .date{
	width: 4.5rem;
	font-family: "Oswald", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.125;
}
.staff-plaza-list .staff-plaza-items .ttl{
	width: calc(100% - 5rem);
	color: #a11d32;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	margin-left: 0.5rem;
}
.staff-plaza-guide .wp-pagenavi {
	margin-top: 9.25rem;
}
@media only screen and (max-width: 767px) {
	.staff-plaza-guide{
		padding-bottom: 5rem;
	}
	.staff-plaza-guide .guide-ttl{
		margin-bottom: 2.5rem;
	}
	.staff-plaza-wrap .page-view .view-ttl .roma{
		font-size: 4.25rem;
	}
	.staff-plaza-list{
		column-gap: 1rem;
		row-gap: 1.875rem;
	}
	.staff-plaza-list .staff-plaza-items{
		width: calc(50% - 0.5rem);
	}
	.staff-plaza-list .staff-plaza-items:nth-child(5),
	.staff-plaza-list .staff-plaza-items:nth-child(3),
	.staff-plaza-list .staff-plaza-items:nth-child(6){
		margin-top: 0;
	}
	.staff-plaza-list .staff-plaza-items:nth-child(2),
	.staff-plaza-list .staff-plaza-items:nth-child(2n){
		margin-top: 3.5rem;
	}
	.staff-plaza-list .staff-plaza-items dd{
		display: block;
		margin-top: 0.5rem;
	}
	.staff-plaza-list .staff-plaza-items .date{
		width: 100%;
		font-size: 0.875rem;
	}
	.staff-plaza-list .staff-plaza-items .ttl{
		width: 100%;
		font-size: 0.9375rem;
		margin-left: 0;
		margin-top: 0.3125rem;
	}
	.staff-plaza-guide .wp-pagenavi{
		margin-top: 3.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.staff-plaza-guide{
		padding-bottom: 8rem;
	}
	.staff-plaza-guide .guide-ttl{
		margin-bottom: 4rem;
	}
	.staff-plaza-guide .wp-pagenavi{
		margin-top: 6.5rem;
	}
}
/**
/* お問い合わせ CSS
----------------------------------------------- */
.contact-guide{
	padding-bottom: 10rem;
}
.contact-guide .inner{
	max-width: 960px;
}
.contact-guide .guide-ttl{
	margin-bottom: 5.3125rem;
}
.contact-guide .p-text{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.45;
}
.contact-guide .tel-box{
	border: 1px solid #ffffff;
	padding: 3.5625rem 2rem;
	margin-top: 1.875rem;
}
.contact-guide .tel-box h3{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 1.5rem;
}
.contact-guide .tel-box .tel li{
	display: inline-block;
}
.contact-guide .tel-box .tel li a{
	font-family: "Oswald", ui-sans-serif;
	color: #ffffff;
	font-size: 4.3125rem;
	font-weight: 500;
	line-height: 1;
}
.contact-guide .tel-box .tel li a span{
	display: inline-block;
}
.contact-guide .tel-box .tel li a span.icon{
	width: 3.4375rem;
	line-height: 0;
	margin: 0 1.5rem 0 0;
}
.contact-guide .tel-box .tel li a span.icon img{
	margin-top: -0.5rem;
}
.form-grid{
	margin-top: 5rem;
}
.form-box table tr th,
.form-box table tr td{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.025em;
	border-bottom: 1px solid #ffffff;
}
.form-box table tr:first-child th,
.form-box table tr:first-child td{
	border-top: 1px solid #ffffff;
}
.form-box table tr th{
	position: relative;
	width: 15.625rem;
	vertical-align: top;
	padding: 1.25rem 0;
}
.form-box table tr th p{
	padding: 1rem 0;
}
.form-box table tr th span{
	position: absolute;
	display: inline-block;
	top: 1.5rem;
	right: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.025em;
	padding: 3px 0.75rem;
}
.form-box table tr th p span{
	top: 2.375rem;
}
.form-box table tr th .required{
	background: #be0000;
}
.form-box table tr th .any{
	background: #a1a1a1;
}
.form-box table tr td{
	padding: 1.25rem 0 1.25rem 6.25rem;
}
.wpcf7-list-item{
	margin: 0.375rem 0;
}
.wpcf7-list-item.last{
	display: block;
}
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea,
select{
	width: 100%;
	background: #e6e6e6;
	border: 1px solid #ffffff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 1.125rem;
}
input[type="date"]::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder{
	color: #a1a1a1;
}
input[type="date"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #a1a1a1;
}
input[type="date"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
textarea::-ms-input-placeholder{
	color: #a1a1a1;
}
.wpcf7-checkbox .wpcf7-list-item{
	display: block;
}
.wpcf7-checkbox .wpcf7-list-item + .wpcf7-list-item{
	margin-top: 0.625rem;
}
.wpcf7-checkbox label{
	display: flex;
	align-items: center;
	column-gap: 0.625rem;
	width: fit-content;
	line-height: 1;
	cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox]{
	appearance: none;
	position: relative;
	background: transparent;
	width: 1.125rem;
	height: 1.125rem;
	border: 1px solid #e6e6e6;
	cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox]:checked::after{
	content: "";
	position: absolute;
	top: 0.3125rem;
	left: 0.125rem;
	width: 0.75rem;
	height: 0.3125rem;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
}
textarea{
	height: 15rem;
}
.submit_btn{
	text-align: center;
	margin-top: 3.75rem;
}
.submit_btn li{
	display: inline-block;
	width: 100%;
	max-width: 18.75rem;
}
input[type="submit"] {
	position: relative;
	display: block;
	width: 100%;
	background: transparent;
	font-family: "Noto Sans JP", sans-serif;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.14em;
	text-align: center;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #a11d32;
	border-right: solid 1px #a11d32;
	padding: 1rem 3.25rem;
	transform: skewX(-25deg);
	transition: all 0.3s;
	cursor: pointer;
}
input[type="submit"]:hover {
  transform: skewX(0deg);
  transition: all 0.3s;
}
.wpcf7-spinner{
	display: none;
}
@media only screen and (max-width: 767px) {
	.contact-guide{
		padding-bottom: 5rem;
	}
	.contact-guide .guide-ttl{
		margin-bottom: 3rem;
	}
	.contact-guide .p-text{
		font-size: 1rem;
	}
	.contact-guide .tel-box{
		padding: 1.5rem 1.25rem;
		margin-top: 1.25rem;
	}
	.contact-guide .tel-box h3{
		font-size: 1.125rem;
		margin-bottom: 0.625rem;
	}
	.contact-guide .tel-box .tel li a{
		font-size: 2.5rem;
	}
	.contact-guide .tel-box .tel li a span.icon{
		width: 2rem;
		margin: 0 0.625rem 0 0;
	}
	.contact-guide .tel-box .tel li a span.icon img{
		margin-top: -0.5rem;
	}
	.form-grid{
		margin-top: 2rem;
	}
	.form-box table tr th,
	.form-box table tr td{
		display: block;
		font-size: 1rem;
	}
	.form-box table tr th{
		width: 100%;
		border-bottom: none;
		padding: 1.25rem 0 0.625rem 0;
	}
	.form-box table tr th p{
		padding: 0;
	}
	.form-box table tr th span{
		top: 1.5rem;
		font-size: 0.75rem;
		padding: 3px 0.5rem;
	}
	.form-box table tr th p span{
		top: 1.375rem;
	}
	.form-box table tr td{
		padding: 0 0 1.25rem 0;
	}
	.form-box table tr:first-child td{
		border-top: none;
	}
	.wpcf7-list-item{
		margin: 0.375rem 0;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea,
	select{
		font-size: 0.9375rem;
		padding: 1rem;
	}
	textarea{
		height: 10rem;
	}
	.submit_btn{
		margin-top: 2.5rem;
	}
	.submit_btn li{
		max-width: 17rem;
	}
	input[type="submit"] {
		font-size: 1.125rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.contact-guide{
		padding-bottom: 8rem;
	}
}
/**
/* エラー CSS
----------------------------------------------- */
.error-guide{
	padding-bottom: 10rem;
}
.error-guide .entry p{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
}
.error-guide .entry .error_url{
	padding: 3rem 0;
}
.error-guide .entry .block_btn{
	margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
	.error-guide{
		padding-bottom: 5rem;
	}
	.error-guide .entry p{
		font-size: 0.9375rem;
	}
	.error-guide .entry .error_url{
		padding: 2rem 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 3rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.error-guide{
		padding-bottom: 8rem;
	}
}