/*
Theme Name: ENGROW
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");



#input{
display: none;
}
.footer-close-button{
  margin: 0 auto;
  width:30px;/*アイコンサイズ*/
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}
.footer-close-button span, .footer-close-button span:before, .footer-close-button span:after {
  top: 0px;
  position: relative;
  height: 1px;
  width: 30px;
  background: #333;
  display: block;
  content: '';
}
.footer-close-button span:before{
  top: -12px;
}
.footer-close-button span:after{
  top: 12px;
}
#input:checked ~ .footer-close .footer-close-button span:before{
  top: 0;
  transform: rotateZ(-90deg);
}
#input:checked ~ .footer-close .footer-close-button span{
  top: 0;
  transform: rotateZ(45deg);
}
#input:checked ~ .footer-close .footer-close-button span:after{
  top: 0;
  transform: rotateZ(-45deg) scale(0);
}
.navbar {
padding-top: 0;
padding-bottom: 0;
}

/* Reset box-model and set borders */
body {
	margin: 0;
}
p, table, blockquote, address, pre, iframe, form, figure, dl, h1, h2, h3, h4, h5, h6, hr {
	margin: 0;
}
.btn:focus {
	outline: none!important;
	box-shadow:none !important;
}
button:focus {
	outline: none!important;border:1px solid #fff!important;
}
h1,h2, h3, h4, h5, h6 {
	line-height: 1.5;
	font-weight:normal;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
a:hover {
	color:#333;
}
/* ============================================ */

body {
font-family: 'Noto Sans JP', serif;
font-weight: 400;
font-size: 14px;
color: #333333;
-webkit-font-smoothing: antialiased;
}

h1{
position:absolute;
bottom:50px;
color:#999999;
}

.container,.container-lg{padding:0 20px;}
@media (max-width:991.98px){.container-lg{max-width:760px}}
@media (max-width:767.98px){.container-lg{max-width:600px}}
@media (max-width:576.98px){.container-lg{max-width:460px}}
@media (min-width:1200px){
.container,.container-lg{
max-width:1200px
}
.c-s{
width:980px
}
}
@media (min-width:1400px){.container,.container-lg{max-width:1200px}}
p{
line-height:1.8;
}
a.text-blue{
color:#1d54a7;
text-decoration:underline;
}
a.text-blue:hover{
text-decoration:none;
}
.link-m{
padding-top: 70px;
margin-top:-70px;
}
nav{
background:rgba(255,255,255,0.9);
}
header ul{
font-size:16px;
}
header ul li{
padding-bottom:25px;
font-size:23px;
}

header ul li a{
position: relative;
}

header ul li a.active{
border-bottom:1px solid #fbc600;
padding-bottom:4px;
}

header ul li a:after{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0%;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background:#fbc600;
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}

header ul li a.active:after{
display:none;
}

header ul li a:hover:after{
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

header .btn{
width:200px;
padding:12px 0;
}
.logo{
width:160px;
}
.tree-top{
width:200px;
}
.menu-margin{
margin-top:58px;
}

#top-main{
height:480px;
overflow:hidden;
}

.top-main-in{
height:480px;
background:url(img/top.jpg) center center;
background-size:cover;
animation: animationZoom1 10s ease-in-out forwards;
}

.top-main-img{
width:67%;
}
.award{
bottom:0px;
width:100%;
}
.award img:first-child{
width:128px;
}
.award img:last-child{
width:110px;
}
@media (min-width:576px){
#top-main{
height:600px;
}
.top-main-in{
height:600px;
}
}

@media (min-width:768px){
body {
font-size: 15px;
}
.link-m{
padding-top: 100px;
margin-top:-100px;
}
.menu-margin{
margin-top:84px;
}
.right-contant{
margin-left:50px;
}
#top-main{
height:800px;
}
.top-main-in{
height:800px;
}
.award{
right:80px;
bottom:30px;
width:auto;
background:transparent;
}
.award img:first-child{
width:180px;
}
.award img:last-child{
width:155px;
}
.top-main-img{
width:67%;
}
.logo{
width:200px;
}
.img-opacity{
transition:0.3s;
}
.img-opacity:hover{
opacity:0.8;
}
}
@media (min-width:992px){
header .btn{
width:150px;
}
.tree-top{
width:170px;
}
.logo{
width:170px;
}
.menu-margin{
margin-top:91px;
}
.navbar-collapse{
height:auto;
padding-top:0px;
}
header ul li{
padding-bottom:0px;
font-size:15px;
}
.navbar-collapse{
padding:0px;
}
.right-contant{
margin-left:80px;
}
}
@media (min-width:1200px){
header .btn{
width:195px;
}
.tree-top{
width:207px;
}
.logo{
width:213px;
}
.menu-margin{
margin-top:112px;
}
}
.border{
border:1px solid #ccc!important;
}
.btn,.btn-small{
border-radius: 2.5em;
transition: 0.3s;
border:0;
text-align:center;
}
.btn-grad{
display:inline-block;
padding:10px 20px;
background:linear-gradient(130deg,#65a032,#fbc600);
}
.btn-grad:before{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%; height:100%;
content:"";
border-radius: 2.5em;
background:linear-gradient(0deg,#65a032,#fbc600);
opacity:0;
transition:opacity 0.2s;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.btn-grad:hover:before {
opacity:1;
}
.btn-small{
width:240px;
padding:12px 0;
}
.bg-green{
background-color: #00aa2a;
}
.btn:hover {
opacity: 0.9;
}
.btn-circle{
line-height:50px;
}
.btn-circle span{
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
background:linear-gradient(130deg,#65a032,#fbc600) #8bc229;
text-align:center;
position:relative;
transition: all 0.3s ease;
}
.btn-circle:hover span{
background:#8bc229;
transform: translate3d(5px,0px,0px);
}

.btn-next span{
display:inline-block;
position:relative;
transition: all 0.3s ease;
}
.btn-next:hover span{
transform: translate3d(5px,0px,0px);
}

.box-shadow{
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
border:1px solid #fff;
}
.bg-gy{
background:linear-gradient(90deg,#e2f0c9,#ffefc9)
}
.bg-grad{
background:linear-gradient(130deg,#65a032,#fbc600);
}
.text-shadow{
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.text-black{
color:#000;
}
.text-green{
color:#8bc229!important;
}
.text-dgreen{
color:#00aa2a;
}
.text-yellow{
color:#fbc600!important;
}
.text-gray{
color:#999;
}
.text-red{
color:#ff3333;
}
.text-g{
font-family: 'Poppins', sans-serif;
}
.text-justify{
 text-align: justify;
}
.weight-500{
font-weight:500;
}
.weight-600{
font-weight:600;
}
.weight-700{
font-weight:700;
}
.title-s{
font-size:15px;
}
.title-sm{
font-size:17px;
}
.title-m{
font-size:24px;
}
.title-r{
font-size:20px;
}
.title-l{
font-size:30px;
}
.title-xl{
font-size:50px;
line-height:1.1;
}
.space-m{
letter-spacing: 0.08rem;
}
.lh-l{
line-height:2.5;
}
.lh-m{
line-height:2.1;
}
.lh-s{
line-height:1.8;
}
.size-l{
font-size:15px;
}
.size-s{
font-size:13px;
}
.size-m{
font-size:13px;
}
.title-xs{
font-size:18px;
}

@media (min-width:768px){
.title-xs{
font-size:19px;
}
.title-s{
font-size:21px;
}
.title-sm{
font-size:25px;
}
.title-m{
font-size:33px;
}
.title-r{
font-size:33px;
}
.size-l{
font-size:17px;
}
.title-xl{
font-size:80px;
}
.title-l{
font-size:43px;
}
.size-m{
font-size:14px;
}
}

#top-service{
background: linear-gradient(90deg, #ffffff 25%, #ffefc9 0, #ffefc9);
padding-bottom:60px;
}

.image_link:before{
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
z-index:2;
mix-blend-mode: multiply;
background:#ccc;
opacity:0;
transition:0.3s;
}
.image_link:after{
content:"";
display:block;
width:0;
height:8px;
position:absolute;
bottom:0;
left:0;
z-index:4;
transition:0.3s;
background:linear-gradient(90deg,#65a032,#fbc600);
}
.image_link:hover:before{
opacity:0.3;
}
.image_link:hover:after{
width:100%;
}

#top-about{
padding-top:40px;
padding-bottom:90px;
}

#top-service .title-xl{
top:-30px;
}

.service-name{
bottom:0px;
background:linear-gradient(0deg,rgba(0,0,0,0.6),rgba(0,0,0,0));
width:100%;
padding:50px 20px 15px 20px;
z-index:3;
}

#top-service h3{
font-size:16px;
}

@media (min-width:768px){
#top-service .title-xl{
top:-40px;
}
#top-service{
padding-bottom:100px;
}
.service-name{
padding:100px 30px 30px 0;
}
#top-service .title-m{
font-size:28px;
}
#top-about{
padding-top:90px;
padding-bottom:130px;
}
#top-service h3{
font-size:17px;
}
}

@media (min-width:992px){
#top-service{
margin-top:0px;
}
#top-service .title-m{
font-size:33px;
}
}

@media (min-width:1200px){
#top-about{
padding-bottom:90px;
}
#top-service{
margin-top:-100px;
}
}

#top-recruit .title-xl{
top:-30px;
}

#top-recruit{
background: #e2f0c9;
margin-top:80px;
padding-bottom:60px;
}

@media (min-width:768px){
#top-recruit .title-xl{
top:-40px;
}
#top-recruit .col-md-8{
margin-top:-50px;
}
#top-recruit{
padding-bottom:100px;
margin-top:150px;
}
}

@media (min-width:992px){
#top-recruit .col-md-8{
margin-top:-100px;
}
}

@media (min-width:1200px){
#top-recruit{
margin-top:150px;
}
}

#top-company .top-company-img{
background:url(img/top-company.jpg) center center no-repeat;
background-size:cover;
height:260px;
}

#top-company .title-xl{
font-size:44px;
}

@media (min-width:768px){
#top-company .top-company-img{
height:400px;
}
#top-company .title-xl{
font-size:80px;
}
}

.page-title{
font-size:40px;
line-height:1;
}
#page-top{
height:160px;
margin-bottom:40px;
}
#page-top img{
width:180px;
bottom:0;
right:0;
}

@media (min-width:768px){
.page-title{
font-size:80px;
}
#page-top{
height:350px;
margin-bottom:80px;
}
#page-top img{
width:487px;
}
}

/*company*/
#company1 div span:first-child{
font-size:30px;
display:inline-block;
width:110px;
}
#company1 div span:last-child{
font-size:18px;
display:inline-block;
}
#company1:before,#company1:after{
content:" ";
position:absolute;
width:50px;
height:50px;
display:block;
}
#company1:before{
border-left:1px solid #aaa;
border-top:1px solid #aaa;
left:0;
}
#company1:after{
bottom:0;
right:0;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}
@media (min-width:992px){
#page-company .col-lg-6{
padding:0px 75px 75px 0;
position:absolute;
}
#page-company .col-lg-8{
margin-top:100px;
}

#page-service .col-lg-8{
position:absolute;
z-index:1;
}
#page-service .col-lg-5{
margin-top:-140px;
z-index:2;
}
}
@media (min-width:768px){
#company1 div span:first-child{
font-size:40px;
width:150px;
}
#company1 div span:last-child{
font-size:22px;
}
#company1:before,#company1:after{
content:" ";
position:absolute;
width:100px;
height:100px;
display:block;
}
}

/*service1*/
#service1{
background:#ffefc9;
padding:40px 0px 100px;
margin-bottom:-60px;
}
#service1-2 h3{
font-size:18px;
}
#service1-2 img{
max-width:200px;
}
#service2{
background:#e2f0c9;
padding:40px 0px 40px;
}
#service3{
background:#e2f0c9;
padding:40px 0px 40px;
}

@media (max-width:767.98px){
#service1-2{
max-width:400px;
margin:0 auto;
}
}
@media (min-width:992px){
.lg-absolute-right{
position:absolute;
z-index:1;
right:0;
}
.lg-absolute{
position:absolute;
z-index:1;
}
.service-margin{
margin-top:-100px;
z-index:2;
}
#service1{
padding:50px 0px 380px;
margin-bottom:-100px;
}
#service2{
padding:50px 40px 60px;
margin-right:80px;
}
#service3{
padding:50px 40px 60px;
margin-left:80px;
}
}
@media (min-width:1200px){
#service1-2 img{
max-width:230px;
}
.service-margin{
margin-top:-140px;
z-index:2;
}
#service1{
margin-bottom:-120px;
padding:50px 0px 250px;
}
}

/*voice*/
#page-voice h2.call-title{
font-size:17px;
}
.call-title:before{
content:"";
display:block;
border-left:2px solid #8bc229;
transform: rotate(-35deg);
margin:10px 10px -10px 0px;
}
.call-title:after{
content:"";
display:block;
border-right:2px solid #8bc229;
transform: rotate(35deg);
margin:10px 0px -10px 10px;
}

#page-voice .bg-white{
margin-bottom:40px;
}
#page-voice .bg-white:last-child{
margin-bottom:0px;
}
#voice-tree .col-md-5{
height:180px;
}
#voice-tree .col-md-5 img{
width:220px;
bottom:0px;
left:20%;
}
.voice-tree-back{
background:url(img/tree-back.jpg) center center;
background-size:cover;
border:2px solid #fff;
}
#voice-tree img.voice-tree-copy{
width:95%;
}
@media (min-width:400px){
#voice-tree .col-md-5{
height:260px;
}
#voice-tree .col-md-5 img{
width:300px;
}
}
@media (min-width:768px){
#page-voice h2.call-title{
font-size:22px;
}
#page-voice .bg-white{
margin-bottom:80px;
}
.call-title:before{
margin:10px 20px -10px 0px;
}
.call-title:after{
margin:10px 0px -10px 20px;
}
#voice-tree .col-md-5{
height:auto;
}
#voice-tree .col-md-5 img{
left:auto;
}
#voice-tree img.voice-tree-copy{
width:350px;
}
}
@media (min-width:992px){
#voice-tree .col-md-5 img{
width:380px;
}
}

/*privacy*/
#privacy ul li{
list-style-type: disc;
}
#privacy ul {
margin-left:20px;
}

/*recruit*/
h2.border-title{
font-size:20px;
}
.border-title:before,.border-title:after{
content:"";
display:block;
height:2px;
background:#cccccc;
width:100%;
}

h2.border-title{
font-size:21px;
}
img.title-img1{
width:55px;
}
img.title-img2{
width:100px;
}
.accordion-button{
font-size:19px;
}

.accordion-button::after {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.rs-1{
background: linear-gradient(rgba(78, 81, 79, .3),  rgba(78, 81, 79, .3)),  url("img/rs-1.jpg") center center;
background-size:cover;
}
.rs-1:hover,.accordion-button.rs-1:not(.collapsed){
background: url("img/rs-1.jpg") center center #fff;
background-size:cover;
}
.rs-2{
background: linear-gradient(rgba(78, 81, 79, .3),  rgba(78, 81, 79, .3)),  url("img/rs-2.jpg") center center;
background-size:cover;
}
.rs-2:hover,.accordion-button.rs-2:not(.collapsed){
background: url("img/rs-2.jpg") center center #fff;
background-size:cover;
}
.rs-3{
background: linear-gradient(rgba(78, 81, 79, .3),  rgba(78, 81, 79, .3)),  url("img/rs-3.jpg") center center;
background-size:cover;
}
.rs-3:hover,.accordion-button.rs-3:not(.collapsed){
background: url("img/rs-3.jpg") center center #fff;
background-size:cover;
}
#recruit1 ul li:before{
content:"●";
color:#ff3333;
position:absolute;
display:block;
left:0px;
}
#page-recruit ul{
padding-left:20px;
}
#page-recruit ul li{
padding:2px 0;
color:#000;
}
#page-recruit table ul li:before{
content:"■";
color:#00aa2a;;
position:absolute;
display:block;
left:0px;
}
#page-recruit table thead th{
background:#999999;
color:#fff;
font-size:17px;
font-weight:700;
}

#page-recruit table th{
background:#eeeeee;
width:230px;
padding:25px 30px;
text-align:center;
}
#page-recruit table td{
padding:25px 30px;
color: #333333;
}
#page-recruit table tr{
border-top:0px solid #ccc;
border-bottom:1px solid #ccc;
}
#page-recruit table tr:last-child{
border-bottom:0px solid #ccc;
}
.btn-tree{
max-width:320px;
padding:30px 0;
font-size:15px;
}
#page-recruit .call-title:before{
margin:30px 0px -15px 0px;
}
#page-recruit .call-title:after{
margin:30px 0px -15px 0px;
}
.btn-entry{
max-width:310px;
background:#ff3333;
padding:25px 0;
font-size:15px;
}
@media (min-width:768px){
.btn-tree{
max-width:320px;
font-size:16px;
}
.btn-entry{
max-width:420px;
padding:30px 0;
font-size:18px;
}
h2.border-title{
font-size:28px;
}
img.title-img1{
width:75px;
}
img.title-img2{
width:140px;
}
.accordion-button{
font-size:24px;
}
#page-recruit .call-title:before{
margin:10px 40px -15px 0px;
}
#page-recruit .call-title:after{
margin:10px 0px -15px 40px;
}
}

.accordion-button:hover{
color: #000;
text-shadow: 0px 0px 10px #fff;
}
.accordion-button {
color: #fff;
text-shadow: 0px 0px 10px #000;
}
.accordion-button:not(.collapsed) {
color: #000;
text-shadow: 0px 0px 10px #fff;
}

/*partner*/
.bg-yellow{
background:#ffefc9;
}
.text-blue{
color:#1073c4;
}
.bg-blue{
background:#badcf7;
}
ul.nagami{
font-size:17px;
color:#555555;
font-weight:500;

}
ul.nagami li{
position:relative;
padding-left:30px;
}
ul.nagami li:before{
content: url(img/check.svg);
display: inline-block;
width: 20px;
height: 20px;
left:0px;
top:5px;
position:absolute;
}
#partners03 h2.border-title{
font-size:18px;
}
#partners03 p{
line-height:1.5;
}
#partners03 img{
max-width:120px;
}
#partners03 .col-md-3:last-child:after{
background:none;
}
#partners02 .border{
border:3px solid #bbbbbb!important;
border-radius:20px;
}

#partners02 .call-title:before{
border-left:2px solid #aaa;
}
#partners02 .call-title:after{
border-right:2px solid #aaa;
}

span.marker {
background:linear-gradient(transparent 60%, rgba(255,228,0,0.6) 60%);
}
#partners02 h2{
font-size:19px;
}
#partners02 h2.call-title{
font-size:19px;
}
.partner-title{
font-size:20px;
}
#partners02 .call-title:before{
margin:10px 20px -15px 0px;
}
#partners02 .call-title:after{
margin:10px 0px -15px 20px;
}
.balloon1 {
position: relative;
}

.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -36px;
border: 36px solid transparent;
border-top: 36px solid #bbbbbb;
}
.balloon1:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -32px;
border: 32px solid transparent;
border-top: 32px solid #fff;
}
@media (min-width:992px){
#partners03 .col-md-3{
position:relative;
}
#partners03 .col-md-3:after{
content:"";
position:absolute;
width:24px;
height:50px;
display:block;
right:-5%;
top:20%;
background:url("img/p-next.svg") no-repeat;
}
}
@media (min-width:768px){
#partners03 h2.border-title{
font-size:23px;
}
#partners02 h2{
font-size:23px;
}
#partners02 h2.call-title{
font-size:26px;
}
.partner-title{
font-size:26px;
}
}

/*table*/
table{
width:100%;
}
table tr{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
table th{
font-weight:500;
color:#160e07;
padding:25px 20px;
}
table th{
width:280px;
}
table td{
padding:25px 20px;
color:#160e07;
}
mark{
background:#ff6666;
border-radius:2px;
color:#fff;
font-size:11px;
font-weight:500;
padding:2px 10px;
float:right;
}
::placeholder {
  color:#999999!important;
  font-size: 14px;
}

input.wpcf7-submit {
background-color: #00aa2a;
color: #fff !important;
font-size: 15px;
font-weight: 500;
height: 70px;
line-height: 70px;
width: 360px;
display: block;
border-radius: 2.5em;
border: 0;
transition: .5s;
margin:40px auto 0px;
}
input.wpcf7-submit:hover{
background-color: #029320;
}
.wpcf7-form-control-wrap{
display: block;
}
span.wpcf7-list-item{
padding:5px 0;
position: relative;
width: 100%;
&.first
margin: 0!important;
}
.wpcf7-list-item-label{
color: #333;
cursor: pointer;
font-weight:500;
}
input[type="radio"]{
position: absolute;
opacity: 0;
}
.wpcf7-list-item-label:before{
content: '';
background: #fff;
border-radius: 100%;
border: 1px solid #888888;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
top: -0.2em;
margin-right: 14px;
vertical-align: middle;
cursor: pointer;
text-align: center;
}
input[type="radio"]:checked + .wpcf7-list-item-label:before{
background-color: #ff9a11;
box-shadow: inset 0 0 0 2px #fff;
}

.form-control{
background:#f2f2f2;
border:0px;
font-size:15px;
padding:10px;
}

@media (max-width:991.98px) {
table th{
width:220px;
}
}
@media (max-width:767.98px) {
table th,table td{
display:block;
width:100%;
}
table th{
padding:18px 0px 0px;
}
table td{
padding:13px 0px 20px;
}
table .col-lg-9,table .col-lg-12{
padding:0;
}
input.wpcf7-submit {
height: 60px;
line-height: 60px;
width: 250px;
margin:30px auto 0px;
}
table.th-color th{
background:#eee;
padding:10px;
}
#page-recruit table th{
background:#eeeeee;
width:100%;
padding:12px 0px;
}
#page-recruit table td{
padding:13px 10px;
}
}


/* ============================================ */

footer{
background:#666666;
}
footer h3{
font-size:15px;
}
.footer-logo{
width:150px;
}

@media (min-width:768px) {
.footer-logo{
width:242px;
}
}