.top-maincopy {
	color:#c33222;
	font-weight:900;
	text-align: left;
	position:relative;
	z-index:3;
}
.top-subcopy {
	color:#c33222;
	font-weight:900;
	text-align: left;
	position:relative;
	z-index:3;
}
.slider-img {
	background-position:center center;
	background-size:cover;
}
	.flex_box{
	display:flex;
    gap:15px;
	}
	.flex_box .flex_box_child{
	flex:2;
}
#mainvisual.container-full.mainvisual-top.flex.flex-column.flex-center{
z-index:unset;
}
.top-subcopy.top-subcopy2.sns{

}
.sns-box{
	margin-top:20px;
	z-index:13;
	gap:4px 6px;
}
.sns-box .sns img{
	width:30px!important;
	height:30px!important;
}
.sns-box .sns iframe{
	width:30px;
	height:30px;
}
.sns-box .sns iframe img{
	width:30px;
	height:30px;
}
.top-subcopy.top-subcopy2.sns{
	width:30px;
	height:30px;
}
.color-white{
	color:#FFF!important;
	transition: all 0.4s;
}
.color-RoofTerracotta{
	color:#A82B1D!important;
	transition: all 0.4s;
}
.background-color-RoofTerracotta{
	background-color:#A82B1D;
	transition: all 0.4s;
}
.background-color-white{
	background-color:#fff;
	transition: all 0.4s;
}
.contents-list li > h1,
.contents-list li > h2,
.contents-list li > h3,
.contents-list li > p,
.contents-list li > a{
	color:#A82B1D;
}
.contents-list li {
	width: 300px;
	height:300px;
	margin:0px auto 20px auto;
	position: relative;
	border: 1px solid #A82B1D;
}
.contents-list li h2.li-title{
	padding: 20px 20px 0px 20px;
}
.contents-list li h2.li-subtitle{
	padding: 0px 20px
}
.contents-list li p{
	margin-top: 20px;
}
.contents-list li div{
	position: absolute;
	bottom: 20px;
	width: 100%;
}
.btn-recruit-contents.border-white{
border-color:#fff;
}
.contents-list li div a{
	font-size:14px;
}
.indent{
	text-indent:15px;
}
@media screen and (max-width : 767px){
	.mainvisual-top,.slider-img {
		/* height:100vh; */
		height:50vh;
		max-height:850px;
	}
	.topslider,.bxslider {
	height:100vh;
	}
	.slider-1 {
	background-image:url(./images/slider-3-sp.jpg);
	background-position: top;
	}
	.slider-2 {
	background-image:url(./images/slider2-sp.jpg);
	}
	.top-maincopy {
		font-size:12vw;
		margin-left:1vw;
		width:100%;
	}
	.top-subcopy1 {
		font-size:3vw;
		padding-left:1vw;
		padding-right:1vw;
	}
	.top-subcopy2 {
		font-size:5vw;
		padding-left:1vw;
		padding-right:1vw;
	}
	.container-full.mainvisual-top.flex.flex-column.flex-center p{
	line-height:1;
	}
	.top-maincopy-wrap{
	margin-bottom:20px;
	/* margin-top:280px; */
	}
	.flex_box{
    display:block;
    gap:unset;
	}
	.flex_box .flex_box_child{
	flex:unset;
	}
	.contents-list li {
    margin :auto;
    margin-bottom:10px;
	}
}
@media screen and (min-width : 768px){
	.mainvisual-top,.slider-img {
		height:850px;
	}
	.top-maincopy {
		font-size:20vw;
		width:70vw;
		margin-left:15vw;
		margin-right:15vw;
		margin-bottom:12px;
	}
	.topslider,.bxslider {
	height:850px;
	}
	.slider-1 {
	background-image:url(./images/slider-3.jpg);
	background-position: top;
	}
	.slider-2 {
	background-image:url(./images/slider2-sp.jpg);
	background-position:top;
	}
	.top-maincopy {
		font-size:100px;
		margin-left:50px;
		width:50%;
	}
	.top-subcopy1 {
		font-size:18px;
		padding-left:50px;
		width: 250px;
		margin-top: 40px;
		margin-bottom: 5px;
	}
	.top-subcopy2 {
		font-size:25px;
		padding-left:50px;
	}
	.container-full.mainvisual-top.flex.flex-column.flex-center p{
	line-height:1;
	}
}
/*-----------------------------------------
section1
------------------------------------------*/
.top-section-1 {
	position:relative;
	background:#c33222;
	padding-bottom:48px;
}
.top-section-1:before {
	content:'';
	position:absolute;
background:
      -webkit-gradient(linear, left top, right bottom, color-stop(50%, #c33222), color-stop(50.5%, #c33222)) no-repeat top left/100% 100%;
background:
      linear-gradient(to bottom right, rgba(96,158,49,0) 50%, #c33222 50.5%) no-repeat top left/100% 100%;
	width:100%;
	z-index:10;
}
.top-section-1:before {
    height: 300px;
    top: -300px;
	}
.top-section-1 h2,.top-section-1 p {
	color:#ffffff;
	font-family: 'Noto Sans JP', sans-serif;
}
.top-section-1 h2 {
	text-align:center;
}
.top-section-1 p {
	line-height:200%;
}
.top-section-1 p strong {
	color:#ffcc00;
	font-weight:900;
}
.top-p-wrap{
	padding-bottom:24px;
}
@media screen and (max-width : 767px){
	.top-section-1:before {
	height:10vh;
	top:-10vh;
	}
	.top-section-1 h2 {
		font-size: 7.5vw;
		font-weight:900;
		line-height:150%;
		padding-bottom:32px;
	}
	.top-section-1 p strong {
		font-size:1.8rem;
	}
	.scrollbtn {
	margin:24px auto;
	}
}
@media screen and (min-width : 768px){
	.top-section-1:before {
	height:300px;
	top:-300px;
	}
	.top-section-1 h2 {
		font-size:5.0rem;
		font-weight:900;
		padding-bottom:56px;
	}
	.top-section-1 p strong {
		font-size:2.4rem;
	}
	.scrollbtn {
	margin:48px auto;
	}
	.top-p-wrap{
	margin-bottom:200px;
	padding-bottom:24px;
	}
}
.scrollbtn:before {
	font-family: 'icomoon' !important;
	content: "\f063";
	position:absolute;
	top:40px;
	left:20px;
	width:40px;
	height:40px;
	font-size:3.0rem;
	font-weight:400;
}
.scrollbtn:hover:before {
	-webkit-animation: scrollbtn 0.4s ease infinite;
	animation: scrollbtn 0.4s ease infinite;
}
@-webkit-keyframes scrollbtn {
0% {top:40px;}
100% {top:46px;}
}
@keyframes scrollbtn {
0% {top:40px;}
100% {top:46px;}
}
/*-----------------------------------------
section2
------------------------------------------*/
.top-section-2:before {
	content:'';
	position:absolute;
background:
      -webkit-gradient(linear, right top, left bottom, color-stop(50%, #f0f0f0), color-stop(50.5%, #f0f0f0)) no-repeat top left/100% 100%;
background:
      linear-gradient(to bottom right, rgba(96,158,49,0) 50%, #ffffff 50.5%) no-repeat top left/100% 100%;
	width:100%;
	z-index:10;
}
.top-section-2:before {
    height: 300px;
    top: -300px;
	}

.top-section-2 {
	position:relative;
	padding-bottom:48px;
}
.recruit-newslist li {
	padding-bottom:0px;
}
.recruit-newslist span {
	color:#ffffff;
	font-weight:700;
	font-size:1.4rem;
	padding:3px 8px;
	background:#333333;
	border-radius:3px;
}
@media screen and (max-width : 767px){
	.top-section-2 {
	padding-top:56px;
	}
	.top-section-2:before {
	height: 10vh!important;
	top:-10vh!important;
	}
	.recruit-newslist {
		padding:24px 0px 0px 0px;
	}
	.recruit-newslist span {
	display:block;
	width:33vw;
		text-align:center;
	margin-bottom:16px;
	}
}
@media screen and (min-width : 768px){
	.top-section-2 {
	padding-top:100px;
	}
	.recruit-newslist {
		padding:40px 40px 0px 40px;
	}
	.recruit-newslist span {
	display:inline-block;
	margin-right:16px;
	}
}
/*-----------------------------------------
section3
------------------------------------------*/

.top-gallery-box {
	position:relative;
}
.top-gallery-box ul {
	position: relative;
	z-index:2;
}
.top-gallery {
	background-size: cover;
	background-position: center center;
}
.top-gallery-1 {
	background-image: url(./images/top-gallery-1.jpg);
}
.top-gallery-2 {
	background-image: url(./images/top-gallery-2.jpg);
}
.top-gallery-3 {
	background-image: url(./images/top-gallery-3.jpg);
}
.top-gallery-4 {
	background-image: url(./images/top-gallery-4.jpg);
}
.top-gallery-5 {
	background-image: url(./images/top-gallery-5.jpg);
}
.top-gallery-6 {
	background-image: url(./images/top-gallery-6.jpg);
}
.top-gallery-btn {
	display:block;
	color:#ffffff;
	background:#c33222;
	text-align: center;
	font-weight:900;
	border-radius:50%;
	position:absolute;
	left:50%;
	z-index: 3;
	line-height:120%;
	border: 2px solid #c33222;
}
.top-gallery-btn:hover {
    border-radius: 10%;
    background: #fff;
    color: #c33222;
}
.top-gallery-btn:before {
	font-family: 'icomoon';
	/* content: "\f030"; */
	position:absolute;
	color:#ffffff;
	font-weight:400;
	width:32px;
	height:32px;
	font-size:2.8rem;
	top:24px;
	left:50%;
	margin-left:-16px;
	z-index: 4;
}
.top-gallery-btn:after {
	content:"MORE";
	font-family: 'Noto Sans JP', sans-serif;
	color:#c33222;
	background:#ffffff;
	border-radius:50%;
	text-align: center;
	position:absolute;
	left:50%;
	z-index: 5;
}
a.top-gallery-btn:hover:after {
    color: #fff;
    background: #c33222;
}
@media screen and (max-width : 767px){
	.top-gallery {
		height:160px;
	}
	.top-gallery-btn {
		width:240px;
		height:240px;
		top:40px;
		margin-left:-120px;
		padding-top:70px;
		font-size:2.4rem;
	}
	.top-gallery-btn:after {
		width:64px;
		height:64px;
		line-height:64px;
		margin-left: -32px;
		font-size:1.4rem;
		bottom:24px;
	}
}
@media screen and (min-width : 768px){
	.top-gallery {
		height:320px;
	}
	.top-gallery-btn {
		width:280px;
		height:280px;
		top:180px;
		margin-left:-140px;
		padding-top:80px;
		font-size:3.6rem;
	}
	.top-gallery-btn:after {
		width:64px;
		height:64px;
		line-height:64px;
		margin-left: -32px;
		font-size:1.4rem;
		bottom:24px;
	}
}
/*-----------------------------------------
section4
------------------------------------------*/
.top-section-4 {
	position:relative;
	padding-top:48px;
	padding-bottom:48px;
	z-index: 1;
}
.top-joblist a {
	display:block;
	color:#C33222;
	font-weight:700;
	background:#fff;
	border-radius:30px;
	border:2px solid #c33222;
	position:relative;
	z-index: 1;
}
.top-joblist a:hover{
	color:#fff;
	background:#c33222;
}
@media screen and (max-width : 767px){
	.top-joblist {
		padding-top:32px;
		padding-bottom:64px;
	}
	.top-joblist li {
	padding:16px 0;
	}
	.top-joblist a {
		padding:20px 8px 20px 8px;
	}
}
@media screen and (min-width : 768px){
	.top-joblist {
		padding-top:72px;
		padding-bottom:100px;
	}
	.top-joblist li {
	padding:16px;
	}
	.top-joblist a {
		padding:40px 40px 40px 40px;
	}
}
/*-----------------------------------------
section5
------------------------------------------*/
.top-section-5 {
	position:relative;
	background:#c33222;
	padding-top:48px;
	padding-bottom:48px;
}
.top-section-5 p {
	font-weight:700;
	color:#ffffff;
}
@media screen and (max-width : 767px){
	.top-section-5 p {
		padding-top:20px;
		padding-bottom:20px;
	}
}
@media screen and (min-width : 768px){
	.top-section-5 p {
		padding-top:40px;
		padding-bottom:40px;
	}
}
/*-----------------------------------------
bxslider
------------------------------------------*/
.bx-wrapper {
	position:absolute;
	z-index:1;
	top:0;
	width:100%;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bxslider {
	z-index:9;
}

@media screen and (max-width : 767px){
	.bx-wrapper,.bx-viewport,.bxslider:before {
		height:100vh;
		max-height:850px !important;
	}
}
@media screen and (min-width : 768px){
	.bx-wrapper,.bx-viewport,.bxslider:before {
		height:850px !important;
	}
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
/* .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
} */
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
	-webkit-transition: none 0s;
	transition: none 0s;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* line */
.pink_line {background:linear-gradient(transparent 60%, #ffdfef 0%) ;}