@charset "utf-8";


*, *::before, *::after {
  box-sizing: border-box;
}

/*cssのリセット*/
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
html{
	margin-top: 0!important;
}
 
aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
     display: block;
}
 
ul,ol {
    list-style: none;
}
 
blockquote,
q {
    quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
 
a{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    transition: all .3s;
}

ins {
    text-decoration: none;
    color: #000;
    background-color: #ff9;
}
 
mark {
    font-weight: bold;
    font-style: italic;
    color: #000;
    background-color: #ff9;
}
 

abbr[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}
 
table {
    border-spacing: 0;
    border-collapse: collapse;
}
 
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
input[type="submit"],input[type="text"],input[type="email"],input[type="tel"],input[type="button"], input[type="reset"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
  }
  button{
    outline: none;
    padding: 0;
    appearance: none;
    background-color: transparent;
    border: none;

  }
html {
    font-size: 62.5%;
}
 
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size:1.6rem;/* 16px*/
    color: #000000;
    line-height: 1.5;
}



img{
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    vertical-align: bottom;
}

.inner{
    width: 90%;
    max-width:1150px;
    margin: 0 auto;
}
article{
    overflow: hidden;
}

/*-----------------------
         header
-------------------------*/
header {
    
    height: 80px;
    /*position: fixed;*/
    /*top: 0;*/
   z-index: 99;
	width: 100%;
}


.h_fx {
    display: flex;
    align-items: center;
    width: 95%;
/*     max-width: 1200px; */
    margin: 0 auto;
    height: 100%;
    justify-content: space-between;
}

.header_btn{
	display: flex;
	column-gap: 16px;
}
.h__menu{
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.header_btn .header_cta{
	background-color: #01ABEB;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
	display: block;
	font-size: 14px;
	color: #fff;
	width: 83px;
	padding: 2px 0;
	border-radius: 5px;
	text-align: center;
}
.header_btn .header_cta02{
	background-color: #464646;
}


.header_logo {
	width: 38%;
	max-width: 160px;
}

@media screen and (max-width: 768px) {

	header{
		height: 70px;
		width: 100%;
    padding: 20px 5px !important;
		max-width: 400px;
	}

	.header_logo {
		width: 60%;
		max-width: 130px;
	}
	.header_logo h1 {
		line-height: 0;
	}
	.header_btn{
		column-gap: 10px;
	}
	.h__menu{
		column-gap: 10px;
	}
	.header_btn .header_cta{
		font-size: 12px;
		width: 60px;
	}

}



.g-menu .f_btn{
	margin: 0 auto;
}


.header-fx {
	display: none;
}

.nav-menu {
	position: fixed;
	overflow-y: scroll;
	z-index: 99;
	width: 40%;
	top: 0;
	right: 0;
	height: 100vh;
	display: none;
	background-color: rgba(0,0,0,.7);
	padding-bottom: 80px;
}


.g-menu ul{
	width: 90%;
	margin: 0 auto; 
	margin-top: 100px;
}
.g-menu ul li{
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.g-menu ul li:last-child{
	margin-bottom: 0;
}
.g-menu ul li a{
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 1.7;
	letter-spacing: .1em;
}
.g-menu ul li a span{
	display: block;
	font-size: 14px;
}
@media screen and (max-width: 768px) {

	
	.nav-menu {
		width: 80%;
		background-color: rgba(0,0,0,.8);
	}
	.g-menu ul li a{
		font-size: 16px;
		color: #fff;
	}
	.g-menu ul li a span{
		font-size: 10px;
	}
	.g-menu ul li{
		border-bottom: 1px solid #fff;
	}
}


/* hamburger */
    /*.toggle {
        position: relative;
        width: 47px;
        height: 47px;
        cursor: pointer;
        z-index: 999;
        display: block;
    }
    .toggle span {
        display: block;
        position: absolute;
        width: 47px;
		height: 5px;
    	background-color: #fff;
		border: 1px solid #000;
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    .toggle span:nth-child(1) {
        top: 18%;
    }
    .toggle span:nth-child(2) {
        top: 45%;
    }
    .toggle span:nth-child(3) {
        top: 73%;
    }
   
    .toggle.active span:nth-child(1) {
        top: 16%;
        left: 21%;
        -webkit-transform: rotate(-45deg) translate(-50%,-50%);
        -ms-transform: rotate(-45deg) translate(-50%,-50%);
        transform: rotate(-45deg) translate(-50%,-50%);
    }
    .toggle.active span:nth-child(2),
    .toggle.active span:nth-child(3) {
        top: 88%;
        left: 20%;
        -webkit-transform: rotate(45deg) translate(-50%,-50%);
        -ms-transform: rotate(45deg) translate(-50%,-50%);
        transform: rotate(45deg) translate(-50%,-50%);
    }*/
/* 
@media screen and (max-width: 768px) {
	.toggle.active span:nth-child(2),
    .toggle.active span:nth-child(3),
	.toggle.active span:nth-child(1){
		border-bottom: solid 3px  #fff;
    }
} */
.sec_ttl{
    position: relative;
    text-align: center;
}
.sec_ttl h2{
    font-size: clamp(16px, 1.566vw, 20px);
    line-height: 1.25;
    font-weight: 900;
    margin-top: 17px;
}
.sec_ttl p{
    font-weight: 900;
    line-height: 1.2;
    font-size: clamp(28px, 2.9688vw, 38px);
}


.sp_br,.sp_img{
    display: none;
}

@media screen and (max-width: 768px) {

    .sp_br,.sp_img{
        display: block;
    }
    .pc_br,.pc_img{
        display: none;
    }
}

/*-----------------------
         top
-------------------------*/

#top{
    position: relative;
    background-image: url("../img/top.jpg");
    background-size: cover;
    padding-top: 52%;
}
.fv_fx{
	position: absolute;
	top: 54%;
	left: 25%;
	transform:translate(-50%,-50%);
}
.fv_fx p{
	color: #fff;
	font-size: clamp(28px, 3.7477vw, 48px);
	line-height: 1.7;
	font-weight: 900;
}
.top_cta{
	/* position: absolute;
	top: 74%;
	left: 109%;
	transform:translate(-50%,-50%); */
	display: flex;
	column-gap: 42px;
	align-items: center;
	width: 100%;
	margin-top: 6%;
}
.top_btn{
	display: block;
	width: 41%;
	max-width: 176px;
	border-radius: 50%;
	background-color: #D71718;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.top_btn02{
	background-color: #61AED4;
}
.cta_inner{
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
}
.cta_txt{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	text-align: center;
	color: #fff;
}
.cta_txt p{
	font-size: clamp(15px, 2.188vw, 28px);
	font-weight: 900;
	font-family: "Lato", sans-serif;
}
.cta_txt span{
	font-size: clamp(13px, 1.25vw, 16px);
	font-weight: 900;
}





.sp_cta{
	display: none;
}
@media screen and (max-width: 768px) {


	/* #top img{
		display: none;
	} */
	#top{
		background-image: url('../img/top_sp.jpg');
		background-size: cover;
		padding-top: 187%;
		background-position: center;
	}

	.fv_fx{
		position: absolute;
		width: 90%;
		top: 23%;
		left: 57%;
		transform:translate(-50%,-50%);
	}
	.fv_fx p:first-child{
		font-size: clamp(28px, 5.21vw, 40px);
	}
	.top_cta{
		/* position: absolute;
		top: 82%;
		left: 50%; */
		display: flex;
		justify-content: center;
		column-gap: 25px;
		align-items: center;
		width: 100%;
		margin-top: 50px;
	}
	.top_btn {
	    display: block;
	    width: 23%;
	    min-width: 124px;
	}
	.cta_txt span{
		font-size: 11px;
	}
	.cta_txt p{
		font-size: 20px;
	}
	.pc_cta{
		display: none;
	}
	.sp_cta{
		display: block;
	}
	.top_cta {
        position: absolute;
        width: 90%;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        column-gap: 30px;
    }
}


@media screen and (max-width: 479px) {
	.fv_fx p:first-child{
		font-size: 28px;
	}
}

/*-----------------------
      page common
-------------------------*/

.sub_txt{
	font-size: clamp(28px, 3.516vw, 45px);
	font-weight: 900;
	font-family: "Lato", sans-serif;
}
.sub_ttl{
	font-size: clamp(16px, 1.566vw, 20px);
	font-weight: 900;
	margin-top: 35px;
}
@media screen and (max-width: 768px) {

	.sub_ttl{
		margin-top: 15px;
	}
}

.more_btn{
	display: flex;
	background-color: #000000;
	color: #fff;
	max-width: 200px;
	font-size: clamp(16px, 1.566vw, 20px);
	font-weight: 900;
	padding: 9px 0 9px 30px;
	position: relative;
	font-family: "Lato", sans-serif;
}
.more_btn::after {
  content: '';
  width: 26px;
  height: 2px;
  border-bottom: solid 2px #fff;
  vertical-align: middle;
  position: absolute;
  right: 25px;
  top: 4px;
  bottom: 0;
  margin: auto;
	transition: all .3s;
}
.more_btn::before {
  content: '';
  width: 2px;
  height: 10px;
  border-right: solid 2px #fff;
  transform: rotate(-50deg);
  vertical-align: middle;
  position: absolute;
  right: 28px;
  top: -2px;
  bottom: 0;
  margin: auto;
  transition: all .3s;
}
.more_btn:hover::after{
	right: 18px;
}
.more_btn:hover::before{
	right: 20px;
}


.mv{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 445px;
	margin-bottom: 105px;
}
.mv img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mv::before {
  content: '';
  background-color: rgba(0,0,0,.25);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mv_txt{
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: 900;
}
.mv_txt h1{
	font-size: 16px;
	margin-bottom: 15px;
}
.mv_txt p{
	font-size: clamp(28px, 3.9066vw, 50px);
}

@media screen and (max-width: 1100px) {
	
	.mv{
		height: 300px;
	}

}
@media screen and (max-width: 768px) {

	.mv{
		height: 220px;
		margin-bottom: 80px;
	}
	
}

/*-----------------------
      about
-------------------------*/
#about{
	padding-top: 95px;
}
#about .inner{
	margin: 0 0 0 auto;
}
@media screen and (min-width: 1600px) {
	#about .inner{
		margin: 0 auto;
	}
}

.about_fx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 20px;
}
.about_fx_txt{
	width: 47%;
	max-width: 522px;
}
.about_fx_txt p{
	font-size: 16px;
	line-height: 1.875;
	font-weight: 600;
	margin-top: 35px;
}
.about_fx_txt .more_btn{
	margin-top: 35px;
}
.about_fx_img{
	    width: 53%;
    max-width: 605px;
}


@media screen and (max-width: 768px) {
	#about .inner{
		margin: 0 auto;
	}
	.about_fx{
		flex-direction: column;
		row-gap: 30px;
	}
	.about_fx_txt{
		width: 100%;
		max-width: 522px;
	}
	.about_fx_txt p{
		font-size: 14px;
	}
	.about_fx_img{
		width: 100%;
		max-width: 550px;
	}
	.about_fx_txt .more_btn{
		margin: 0 auto;
		margin-top: 30px;
	}
	.about_fx .sp_cta{
		width: 100%;
	}
	.about_fx .more_btn{
		margin: 0 auto;
	}
}


/*-----------------------
      message
-------------------------*/
#message{
	padding-top: 107px;
}

#message .inner{
	margin: 0 auto 0 0 ;
	    max-width: 1150px;
}
@media screen and (min-width: 1600px) {
	#message .inner{
		margin: 0 auto;
	}
}
.message_fx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 20px;
	/* max-width: 900px; */
	margin: 0 auto;
}
.message_fx_txt{
	width: 44%;
	max-width: 472px;
}
.message_fx_txt p{
	font-size: 16px;
	line-height: 1.875;
	font-weight: 600;
	margin-top: 35px;
}
.message_fx_txt .more_btn{
	margin-top: 45px;
}
.message_fx_img{
	width: 54%;
	max-width: 605px;
}

@media screen and (max-width: 768px) {
	#message .inner{
		margin: 0 auto;
	}
	.message_fx{
		flex-direction: column-reverse;
		row-gap: 30px;
	}
	.message_fx_txt{
		width: 100%;
		max-width: 522px;
	}
	.message_fx_txt p{
		font-size: 14px;
	}
	.message_fx_img{
		width: 100%;
		max-width: 550px;
	}
	.message_fx_txt .more_btn{
		margin: 0 auto;
		margin-top: 30px;
	}
	.message_fx .sp_cta{
		width: 100%;
	}
	.message_fx .more_btn{
		margin: 0 auto;
		margin-top: 20px;
	}

}
/*-----------------------
      member
-------------------------*/
#member{
	padding-top: 100px;
}
.member_slider{
	padding-top: 100px;
}

@media screen and (max-width: 768px) {
	.member_slider{
		padding-top: 50px;
	}
}


.member_col{
	max-width: 242px;
	margin: 0 auto;
}
#member .slick-slide {
    margin: 0 13px !important;
}
.member_colimg{
	height: 270px;
}
.member_colimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.member_coltxt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	padding: 11px 24px 11px 17px;
	position: relative;
	height: 115px;
}
.member_coltxt::after {
  content: '';
  width: 26px;
  height: 2px;
  border-bottom: solid 2px #fff;
  vertical-align: middle;
  position: absolute;
  right: 15px;
  bottom: 14px;
  margin: auto;
  transition: all .3s;
}
.member_coltxt::before {
  content: '';
  width: 2px;
  height: 10px;
  border-right: solid 2px #fff;
  transform: rotate(-50deg);
  vertical-align: middle;
  position: absolute;
  right: 18px;
  bottom: 13px;
  margin: auto;
  transition: all .3s;
}
.member_col a:hover .member_coltxt::after{
	right: 8px;
}
.member_col a:hover .member_coltxt::before{
	right: 10px;
}
.member_coltxt p{
	font-size: 14px;
	font-weight: 900;
}
.member_coltxt h3{
	font-size: 16px;
	font-weight: 900;
	margin-top: 7px;
}
#member .more_btn{
	margin: 0 auto;
	margin-top: 85px;
}
@media screen and (max-width: 768px) {

	.member_coltxt p{
		font-size: 12px;
	}
	.member_coltxt h3{
		font-size: 14px;
	}
	.member_coltxt{
		color: #fff;
		padding: 10px;
		position: relative;
	}
	.member_coltxt::after {
	    width: 20px;
		right: 10px;
	  bottom: 14px;
	}
	.member_coltxt::before {
	    height: 8px;
		 right: 13px;
		  bottom: 13px;
	}
	.member_col a:hover .member_coltxt::after{
		right: 3px;
	}
	.member_col a:hover .member_coltxt::before{
		right: 5px;
	}
/* 	.member_colimg{
		height: 220px;
	} */
	.member_coltxt{
		height: 100px;
	}
}
button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
z-index: 1;
	width: 35px;
  height: 35px;
  background-color: #000000;
}
.prev-arrow{
  left: 0;
  
}
.next-arrow{
  right: 0;
}
.slide-arrow::before {
  content: '';
  width: 13px;
  height: 13px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 0;
  right: 0;
}
.prev-arrow::before {
  transform: rotate(-135deg);
}

.next-arrow::before {
  transform: rotate(45deg);
}

/*-----------------------
      work
-------------------------*/
#work{
	padding-top: 140px;
}

#work .inner{
	margin: 0 0 0 auto;
}
@media screen and (min-width: 1600px) {
	#work .inner{
		margin: 0 auto;
	}
}

.work_fx{
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 20px;
}
.work_fx_txt{
	width: 50%;
	max-width: 510px;
}
.work_fx_txt p{
	line-height: 1.875;
	font-size: 16px;
	font-weight: 600;
	margin-top: 35px;
}

.work_fx_img{
	width: 53%;
	max-width: 605px;
}
.work_fx_txt .more_btn{
	margin-top: 45px;
}


@media screen and (max-width: 768px) {
	#work .inner{
		margin: 0 auto;
	}
	#work {
	    padding-top: 100px;
	}
	.work_fx{
		flex-direction: column;
		row-gap: 30px;
	}
	.work_fx_txt{
		width: 100%;
		max-width: 522px;
	}
	.work_fx_txt p{
		font-size: 14px;
	}
	.work_fx_img{
		width: 100%;
		max-width: 550px;
	}
	.work_fx_txt .more_btn{
		margin: 0 auto;
		margin-top: 30px;
	}
	.work_fx .sp_cta{
		width: 100%;
	}
	.work_fx .more_btn{
		margin: 0 auto;
		margin-top: 10px;
	}
}
/*-----------------------
      fromgremz
-------------------------*/
#fromgremz{
	margin-top: 120px;
}
.from_member{
	margin-top: 100px;
}
.from_member .from_member_col{
	max-width: 209px;
	margin: 0 auto;
	height: 350px;
}
.from_member .slick-slide {
    margin: 0 19px !important;
}
.from_member .from_member_col video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.from_member .from_memberimg img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
#fromgremz .more_btn{
	margin: 0 auto;
	margin-top: 100px;
}
@media screen and (max-width: 768px) {

	#fromgremz{
		margin-top: 80px;
	}
	.from_member{
		margin-top: 50px;
	}
	#fromgremz .more_btn{
		margin: 0 auto;
		margin-top: 60px;
	}
}



/*-----------------------
         recruit
-------------------------*/
#recruit{
	padding-top: 135px;
}
.recruit_col{
	max-width: 910px;
	margin: 0 auto;
	margin-top: 73px;
	
}
.recruit_col a{
	color: #fff;
	text-align: center;
	width: 100%;
}
.recruit_box{
	background-image: url('../img/recruit_bg01.png');
	background-size: cover;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width: 768px) {

	.recruit_box{
		height: 180px;
	}
}


.recruit_box02{
	background-image: url('../img/recruit_bg02.png');
}
.recruit_box03{
	background-image: url('../img/recruit_bg03.png');
}
.recruit_box04{
	background-image: url('../img/recruit_bg04.png');
}
.recruit_box05{
	background-image: url('../img/recruit_bg05.png');
}

.recruit_fx{
	display: flex;
	align-items: center;
}
.recruit_box h3{
	font-size: 16px;
	font-weight: 900;
}
.recruit_box p{
	font-size: clamp(17px, 1.877vw, 24px);
	font-weight: 900;
	margin-top: 10px;
}


/*-----------------------
         news
-------------------------*/
#news{
	margin-top: 85px;
	padding-top: 87px;
	padding-bottom: 88px;
	background-color: #F5F5F5;
}
.news_fx{
	display: flex;
	max-width: 915px;
	margin: 0 auto;
	justify-content: space-between;
	column-gap: 20px;
}
.news_fx .sec_ttl{
	text-align: left;
}
.news_fx ul{
	width: 80%;
	max-width: 710px;
	margin-top: 45px;
}
.news_fx li{
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000000;
}
.news_fx li:last-child{
	margin-bottom: 0;
}
.news_fx li .data{
	font-size: 16px;
	font-weight: 900;
}
.news_fx li .cat{
	font-weight: 900;
	font-size: 14px;
	display: inline-block;
	flex-shrink: 0;
	padding: 4px 17px 3px;
	color: #fff;
	background-color: #464646;
}
.news_fx li h3,.news_fx li a{
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}
#news .more_btn{
	margin: 0 auto;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {

	.news_fx{
		flex-direction:column;
		max-width: 550px;
		row-gap: 50px;
	}
	.news_fx ul{
		width: 100%;
		margin-top: 0;
	}
	.news_fx li{
		flex-direction: column;
		row-gap: 10px;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.news_fx li h3,.news_fx li .data{
		font-size: 14px;
	}
	.news_fx li .cat{
		font-size: 12px;
	}
}



/*-----------------------
         entry
-------------------------*/
#entry{
	margin-top: 100px;
	padding-top: 73px;
	background-image: url("../img/entry_bg.jpg");
	background-size: cover;
	background-position: bottom;
	padding-bottom: 120px;
	position: relative;
}
#entry .sec_ttl{
	color: #fff;
}
.entry_fx{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	margin-top: 50px;
}
.entry_fx .entry_brn{
	color: #fff;
	font-weight: 900;
	background-color: #01ABEB;
	border-radius: 20px;
	text-align: center;
	display: block;
	width: 47%;
	max-width: 446px;
	padding: 31px 0 35px;
}
.entry_fx .entry_brn02{
	background-color: #464646;
}
.entry_fx .entry_brn span{
	line-height: 1.875;
	font-size: 16px;
}
.entry_fx .entry_brn p{
	font-size: clamp(18px, 2.9688vw, 38px);
	line-height: 1;
	margin-top: 10px;
	font-family: "Lato", sans-serif;
}
.subentry{
	background-image: url("../img/entry_bg02.jpg") !important;
}

.subentry .entry_brn{
	color: #61AED4 !important;
	background-color: #fff !important;
}
@media screen and (max-width: 768px) {
	
	#entry{
		margin-top: 80px;
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.entry_fx{
		flex-direction: column;
		align-items: center;
		row-gap: 20px;
		width: 90%;
		max-width: 450px;
	}
	.entry_fx .entry_brn{
		width: 100%;
		max-width: 350px;
		padding: 31px 0 35px;
	}
}

/*-----------------------
	代表メッセージページ
-------------------------*/

.profile_fx{
	display: flex;
	justify-content: center;
	position: relative;
	max-width: 954px;
	margin: 0 auto;
}
.profile_fx_txt{
	width: 61%;
	max-width: 580px;
}
.profile_areabox{
/* 	background-color: rgba(97, 174, 212, .3);
	padding: 52px 0 60px; */
	top: 75%;
	left: 34%;
	transform: translate(-50%,-50%);
	width: 69%;
	max-width: 643px;
	position: absolute;
	z-index: 1;
}
.profile_area{
	background-color: rgba(97, 174, 212, .3);
	padding: 52px 0 60px;
	width: 100%;
}
/* .profile_area.act{
	transform: translate(-50%,-50%) !important;
	    top: 75%;
    left: 34%;
} */
.profile_area_inner{
	width: 90%;
	max-width: 450px;
	margin: 0 auto;
}
.profile_area h3{
	font-size:clamp(16px, 1.566vw, 20px);
	margin-bottom: 10px;
}
.profile_area span{
	font-size:16px;
	display: block;
	font-weight: 500;
	border-bottom: 1px solid #000000;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.profile_area p{
	font-size:16px;
	line-height: 1.875;
	font-weight: 500;
}
.profile_fx_img{
	width: 40%;
	max-width: 373px;
}
@media screen and (max-width: 768px) {

	

	.profile_fx{
		flex-direction: column-reverse;
		row-gap: 20px;
		align-items: center;
		max-width: 550px;
		margin: 0 auto;
	}
	.profile_fx_txt{
		width: 100%;
		max-width: 580px;
	}
	.profile_areabox{
		position: static;
		transform: none;
		padding: 40px 0 ;
		width: 100%;
	}
	.profile_fx_img{
		width: 100%;
		max-width: none;
	}
	.profile_fx_img img{
		max-width: 280px;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
	}
	.profile_area span {
	    font-size: 14px;
	    padding-bottom: 10px;
	    margin-bottom: 15px;
	}
	.profile_area p {
	    font-size: 14px;
	}

}

.message_ttl{
	position: relative;
}
.message_ttl h2{
	font-weight: 900;
	margin-bottom: 10px;
	font-size: clamp(16px, 1.566vw, 20px);
}
.message_ttl span{
	font-weight: 900;
	font-size: clamp(28px, 2.9688vw, 38px);
}
.message_ttl:after{
	content:"";
	display: inline-block;
	width: 100vw;
	max-width: 640px;
	height: 1px;
	background-color: #000000;
	position:absolute;
	bottom: 0;
	left: -28%;
	transform: translateY(-50%);
}

#message_box{
	padding-top: 165px;
}
.message_img{
	height: 274px;
	margin-bottom: 123px;
}
.message_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#message_box .inner{
	max-width: 1025px;
}
.message_bg{
	background-image: url("../img/message_boxbg.jpg");
	background-size: cover;
}
.message_movie{
	max-width: 725px;
	margin: 0 auto;
	margin-bottom: 105px;
}
.vid_contents {
	width: 100%;
	text-align: center;
	margin: auto;
}
video.vid_main {
	width: 100%;
}
.message_boxtxt{
	margin-bottom: 123px;
}
.message_boxtxt .message_ttl{
	margin-bottom: 45px;
}
.message_boxtxt p{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
}
.message_boxtxt p:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {

	#message_box{
		padding-top: 80px;
	}
	.message_img{
		margin-bottom: 80px;
		height: 200px;
	}
	.message_boxtxt{
		margin-bottom: 80px;
	}
	.message_boxtxt p{
		margin-bottom: 20px;
		font-size: 14px;
	}
}

/*-----------------------
        newsページ
-------------------------*/
.news_col{
	max-width: 945px !important;
	margin: 0 auto;
}
.news_col > li{
	display: flex;
	column-gap: 15px;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #000000;
}
.news_col > li:last-child{
	margin-bottom: 52px;
}
@media screen and (max-width: 768px) {

	.news_col{
		max-width: 500px !important;
		margin: 0 auto;
	}
	.news_col > li{
		flex-direction: column;
		row-gap: 20px;
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
}

.news_col .txt_area{
	    width: 59%;
	max-width: 550px;
}
.news_col figure{
	max-width: 197px;
}
.news_col .data_area{
	flex-shrink: 0;
}
.news_col .data_area time,
.blog_ttlbox .blog_ttlbox_data .b_data{
	font-size: 16px;
	font-weight:900;
}
.news_col .data_area .news_cat a,
.blog_ttlbox .blog_ttlbox_data .cat a{
    font-weight: 900;
    font-size: 14px;
    display: inline-block;
    flex-shrink: 0;
    padding: 4px 17px 3px;
    color: #fff;
    background-color: #464646;
	pointer-events: none;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
	.news_col figure{
		width: 90%;
		max-width: 400px;
		margin: 0 auto;
	}
	.news_col .txt_area{
	    width: 100%;
		max-width: 550px;
	}
}


.news_col .txt_area h2{
	font-size: 16px;
	line-height: 1.875;
	font-weight:900;
	margin-bottom: 6px;
}

.news_col .txt_area p{
	font-size: 14px;
	line-height: 2.14;
	font-weight:500;
	margin-bottom: 6px;
}
.news_col .txt_area .more_btn{
	margin-left: auto;
	font-size: 14px;
	width: 100%;
	max-width: 136px;
	padding: 6px 0 6px 20px;
}

.pagination_box{
	justify-content: center;
	column-gap: 12px;
}
.pagination_box .wp-block-query-pagination-numbers{
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.pagination_box .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous{
	background-color: #464646;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	font-size: 13px;
	line-height: 29px;
	font-weight: 900;
}
.pagination_box .current{
	background-color: #000000;
}

/* お知らせ中身 */
.news_contents .inner{
	max-width: 945px;
}
.blog_ttlbox{
	margin-bottom: 50px;
	border-bottom:1px solid #000000;
}
.blog_ttlbox h1{
	font-size: clamp(20px, 2.499999vw, 32px);
	margin-bottom:5px; 
}

.blog_ttlbox .blog_ttlbox_data{
	display: flex;
	column-gap: 40px;
	margin-bottom:30px; 
}

/* 本文 */
.blog_txtArea{
	max-width: 522px;
	margin: 0 auto;
}
.blog_txtArea figure{
	margin: 20px 0;
}
.blog_txtArea h2,
.blog_txtArea h3,
.blog_txtArea h4,
.blog_txtArea h5{
	line-height: 1.875;
	padding-left: 6px;
	margin: 20px 0;
	border-left: 10px solid #61AED4;
}
.blog_txtArea p{
	font-size: 14px;
	line-height: 2;
}
.blog-detail__image{
	margin-bottom: 43px;
}

/* お知らせページネーション */
.blog_pagination{
	display: flex;
	justify-content: space-between;
	align-items: center;
	    width: 90%;
	max-width: 945px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 15px;
	border-top: 1px solid #000000;
}
.blog_pagination a{
	color: #000000;
	font-size: 14px;
	font-weight: 900;
	display: block;
	width: 100%;
}
.blog_pagination .nextpage{
	text-align:right;
}
.news_contents .more_btn{
	margin: 0 auto;
	margin-top: 32px;
}
/*-----------------------
 対談で知るグリムスグループ
-------------------------*/
.crosstalk_list{
	max-width: 788px;
	margin: 0 auto;
	margin-bottom:43px;
}

.crosstalk_list img{
	width: 100%;
}


@media screen and (max-width: 768px) {

	.crosstalk_list{
		margin-bottom:25px;
	}
}


/*-----------------------
      グリムスの仕事
-------------------------*/
.ourwork_box{
	margin: 0 calc(50% - 50vw);
	max-width: 1280px;
	position: relative;
	padding-top: 80px;
}
.ourwork_box:before{
	content: "";
	display: inline-block;
	background-color: #EEEEEE;
	width: 100vw;
	max-width: 900px;
	height: 325px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
@media screen and (min-width: 1281px) {

	.ourwork_box{
		margin: 0 auto;
		max-width: 1280px;
	}
}

@media screen and (max-width: 781px) {

	.ourwork_box{
		padding-top: 40px;
	}
	.ourwork_box:before{
		width: 80vw;
		max-width: 550px;
		height: 200px;
	}

}


.ourwork_fx{
	width: 90%;
	max-width: 1195px;
	justify-content: space-between;
	margin-left: auto;
}
.ourwork_img{
	width: 50%;
	max-width: 590px;
}
.ourwork_fx_txt{
	width: 50%;
	max-width: 476px;
}

.ourwork_txt p{
	font-size: 16px;
	line-height: 1.875; 
	font-weight: 500;
}
.ourwork_txt p strong{
	font-weight: 800;
}
.ourwork_txt02{
	margin-top: 120px;
}
.ourwork_txt02 p{
	font-size: 14px;
}
@media screen and (max-width: 960px) {
	.ourwork_txt01 .pc_br{
		display: none;
	}
	
}
@media screen and (max-width: 781px) {

	.ourwork_fx{
		margin: 0 auto;
		max-width: 550px;
	}
	.ourwork_img{
		width: 90%;
		max-width: 550px;
	}
	.ourwork_fx_txt{
		width: 90%;
		max-width: 550px;
	}
	.ourwork_txt02{
		margin-top: 40px;
	}
}
.work_number{
	column-gap: 15px;
	justify-content: space-between;
	max-width: 945px;
	margin: 0 auto;
}
.work_number01{
	margin-top: 160px;
}
.ourwork_image{
	height: 247px;
	margin: 160px calc(50% - 50vw) 140px;
}
.ourwork_image figure{
	height: 247px;
}
.ourwork_image figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ourwork_image03{
	margin-bottom: 0;
}
.work_number_txt{
	max-width: 490px;
}
.work_number_img{
	max-width: 350px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
}
.work_number_img:before{
	content: "01";
	display: inline-block;
	font-size: clamp(50px, 7.85vw, 100px);
	line-height: .8;
	font-weight: 900;
	color: #D9D9D9;
	position: absolute;
	top: 0;
	left: 0;
}
.work_number02 .work_number_img:before{
	content: "02";
	top: -50px;
	left: auto;
	right: 0;
}
.work_number03 .work_number_img:before{
	content: "03";
}
.work_number02 .work_number_img{
	align-items: flex-end;
	justify-content: flex-start;	
}
.work_number01 .work_number_img img{
	max-width: 294px;
}
.work_number02 .work_number_img img{
	max-width: 284px;
}
.work_number03 .work_number_img img{
	max-width: 225px;
}
@media screen and (max-width: 781px) {
	
	.work_number02 .work_number_img:before{
		top: 0;
		left: auto;
		right: 0;
	}
	.work_number01 .work_number_img img,
	.work_number02 .work_number_img img,
	.work_number03 .work_number_img img{
		max-width: 280px;
	}
	.work_number{
		max-width: 500px;
		flex-direction: column;
		row-gap: 30px;
	}
	.work_number01{
		margin-top: 100px;
	}
	.work_number02{
		flex-direction: column-reverse;
	}
	.work_number_img,.work_number_txt{
		margin: 0 auto !important;
	}
	.ourwork_image figure{
		height: 200px;
	}
	.ourwork_image{
		height: 200px;
		margin: 80px calc(50% - 50vw) 100px;
	}
	
	.ourwork_image03{
		margin-bottom: 0;
	}
}
.work_number_txt h3{
	margin-bottom: 23px;
	color: #D71718;
	font-size: clamp(18px, 1.566vw, 20px);
}
.work_number02 .work_number_txt h3{
	color: #2CA23A;
}
.work_number03 .work_number_txt h3{
	color: #53A3CA;
}
.work_number_txt p{
	font-size: 14px;
	font-weight: 500;
	line-height:1.78;
}
.work_number_txt p strong{
	font-weight: 800;
}

.work_trends{
	max-width: 980px;
	margin: 0 auto;
		padding-top: 100px;
	text-align: center;
}
.work_trends p{
	font-weight: 900;
	margin-bottom: 10px;
	font-size: clamp(16px, 1.566vw, 20px);
}
.work_trends h2{
	font-weight: 900;
	margin-bottom: 50px;
	font-size: clamp(28px, 2.9688vw, 38px);
}

@media screen and (max-width: 781px) {
	
	.work_trends{
		max-width: 500px;
			padding-top: 80px;
		text-align: center;
	}
}


/*-----------------------
     社員紹介固定ページ
-------------------------*/
.member_main ul{
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
	column-gap: 20px;
	row-gap: 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.member_main ul li{
	width: 31%;
	max-width: 242px;
}
.member_main ul:after {
    content: "";
    display: block;
    width: 31%; 
	max-width: 242px;
    height: 0;
}

@media screen and (max-width: 768px) {

	.member_main ul{
		max-width: 550px;
		column-gap: 10px;
		row-gap: 30px;
	}
	.member_main .member_colimg {
        height: 255px;
    }
	.member_main .member_coltxt {
        height: 100px;
		display: flex;
		flex-direction: column;
		justify-content:center;
    }
	.member_main ul li{
		width: 48%;
	}
	.member_main ul:after {
	    width: 48%; 
	}
	.member_main ul .member_coltxt {
	    padding: 11px 8px 11px 8px;
	}
	.member_main ul .member_coltxt p{
		font-size: 12px;
	}
	.member_main ul .member_coltxt h3{
		font-size: 14px;
	}
}

/*-----------------------
       よくある質問
-------------------------*/
.faq_area{
	margin: 0 calc(50% - 50vw);
	background-color: #EEEEEE;
	margin-top: -105px;
	padding-top: 90px;
	padding-bottom: 135px;
}
.faq_inner{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
.question{
	margin-bottom: 40px !important;
}
.question:last-child{
	margin-bottom: 0 !important;
}
summary.wp-block-themeisle-blocks-accordion-item__title{
	padding: 30px 15px 30px 13.334%;
	position: relative;
}
summary.wp-block-themeisle-blocks-accordion-item__title div{
	font-size: 16px;
	font-weight: 900;
}
summary.wp-block-themeisle-blocks-accordion-item__title:before,
.wp-block-themeisle-blocks-accordion-item__content:before{
	content: "Q";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	font-size:20px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	background-color: #61AED4;
	left: 8%;
	top: 50%;
	transform: translate(-50%,-50%);
} 
.wp-block-themeisle-blocks-accordion-item__content:before{
	content: "A";
	background-color: #D71718;
}


@media screen and (max-width: 768px) {
	
	summary.wp-block-themeisle-blocks-accordion-item__title:before,
	.wp-block-themeisle-blocks-accordion-item__content:before{
		font-size:14px;
		width: 25px;
		height: 25px;
		left: 6%;
		top: 50%;
	} 

}
.wp-block-themeisle-blocks-accordion-item__content{
	padding: 25px 13.334% 25px 13.334% !important;
}
.wp-block-themeisle-blocks-accordion-item__content .answer{
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
}
summary.wp-block-themeisle-blocks-accordion-item__title:after{
	content: none !important;
}
.wp-block-themeisle-blocks-accordion{
	margin: 0  !important;
}
.question summary,
.wp-block-themeisle-blocks-accordion-item__content{
	border: none !important;
	border-radius: 10px;
	background-color: #fff !important;
}
.wp-block-themeisle-blocks-accordion-item__content{
	background-color: #fff !important;
	margin-top: 25px !important;
	position: relative;
}
.wp-block-themeisle-blocks-accordion-item__content:after {
  content: "";
  position: absolute;
  top: -28px;
  left: 8%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 20px solid #fff;
}
.faq_entry{
	margin-top: 0 !important;
}


/*-----------------------
     社員紹介詳細ページ
-------------------------*/

.member_prof{
	display: flex;
	justify-content: space-between;
	max-width: 1037px;
	margin: 0 auto;
	column-gap: 20px;
}
.member_prof_data{
	width: 51%;
	max-width: 380px;
}
.member_prof_datatxt{
	padding-bottom: 14px;
}
.member_prof_datatxt p{ 
	font-size: 14px;
	font-weight: 500;
}
.member_prof_datatxt h1{ 
	font-size: 16px;
	font-weight: 500;
}
.member_prof_dataFx:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 25%;
	transform: translateX(-50%);
	display: inline-block;
	background-color: #D71718;
	height: 2px;
	width: 80vw;
	max-width: 640px;
	z-index: -1;
}
.member_prof_dataFx{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	column-gap: 10px;
	position: relative;
}
@media screen and (max-width: 768px) {

	.member_prof{
		flex-direction: column;
		align-items: center;
		max-width: 550px;
		margin: 0 auto;
		row-gap: 20px;
	}
	.member_prof_data{
		width: 100%;
		max-width: none;
	}
	.member_prof_dataFx{
		flex-direction: column;
		
	}
	.member_prof_datatxt{
		width: 100%;
	}
	.member_prof_datalogo{
		width: 100%;
		padding-bottom: 14px;
		text-align: right;
	}
	.member_prof_datalogo img {
	    margin-left: auto;
	}
	.member_prof_dataFx:before{
		left: 50%;
		width: 100%;
		max-width: 550px;
	}
}

.prof_type h3{
	background-color: #DD551A;
	border-radius: 10px;
	color: #fff;
	text-align:center; 
	font-weight: 500;
	font-size: 14px;
	max-width: 315px;
	padding: 6px 10px;
	margin-bottom: 20px;
}
.member_prof_datalogo img{
	max-width: 145px;
}
.member_prof_image{
	width: 55%;
	max-width: 553px;
}
@media screen and (max-width: 768px) {

	.member_prof_image{
		width: 100%;
		max-width: 550px;
	}
}

.member_prof_list{
	max-width: 950px;
	margin: 0 auto;
	margin-top: 85px;
	border-top: 1px solid #949494;
}
.member_prof_list li{
	display: flex;
	column-gap: 30px;
	align-items: center;
	padding: 15px 30px 13px 5.158%;
	border-bottom: 1px solid #949494;
}
.member_prof_list li .proflistbox{
	width: 50%;
	display: flex;
	align-items: center;
}
.member_prof_list li .proflistbox h3{
	width: 35%;
	font-size: 16px;
	font-weight: 500;
	padding-right: 20px;
	border-right: 1px solid #D71718;
}
.member_prof_list li .proflistbox p{
	width: 65%;
	font-size: 16px;
	font-weight: 500;
	padding-left: 35px;
}
@media screen and (max-width: 768px) {

	.member_prof_list{
		max-width: 550px;
		margin: 0 auto;
		margin-top: 60px;
	}
	.member_prof_list li{
		flex-direction: column;
		column-gap: 30px;
		align-items: center;
		padding: 10px 0 10px 0;
	}
	.member_prof_list li .proflistbox{
		width: 100%;
		display: flex;
		align-items: center;
		padding: 0 5px;
	}
	.member_prof_list li .proflistbox:last-child{
		border-top: 1px solid #949494;
		padding-top: 10px;
		margin-top: 10px;
	}
	.member_prof_list li .proflistbox h3{
		width: 40%;
		font-size: 14px;
		font-weight: 500;
		padding-right: 10px;
		border-right: 1px solid #D71718;
	}
	.member_prof_list li .proflistbox p{
		width: 60%;
		padding-left: 15px;
		font-size: 14px;
	}
}


.member_prof_col{
	margin-top: 160px;
}
.member_prof_col li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1027px;
	margin: 0 auto;
	column-gap: 20px;
	margin-bottom: 80px;
}
.member_prof_col li:last-child{
	margin-bottom: 0;
}
.member_prof_col li:nth-of-type(even){
	flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {

	.member_prof_col{
		margin-top: 100px;
	}
	.member_prof_col li{
		flex-direction: column-reverse;
		max-width: 550px;
		margin: 0 auto;
		row-gap: 20px;
		margin-bottom: 60px;
	}
	.member_prof_col li:nth-of-type(even){
		flex-direction: column-reverse;
	}
}
.member_prof_colimg{
	width: 52%;
	max-width: 519px;
}
.member_prof_coltxt{
	width: 43%;
	max-width: 430px;
}
.member_prof_coltxt h3{
	font-size: clamp(16px, 1.566vw, 20px);
	line-height: 1.4;
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 2px solid #D71718;
	margin-bottom: 50px;
}
.member_prof_coltxt p{
	font-weight: 500;
	font-weight: 16px;
	line-height:1.875;
}

@media screen and (max-width: 768px) {

	.member_prof_coltxt{
		width: 100%;
		max-width: 430px;
	}
	.member_prof_colimg{
		width: 100%;
		max-width: 519px;
	}
	.member_prof_coltxt h3{
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.member_prof_coltxt p{
		font-size: 14px;
	}
}
.member_messe{
	text-align: center;
	max-width: 810px;
	margin: 0 auto;
	padding: 40px 0;
	margin-top: 120px;
	margin-bottom: 75px;
	border-top: 2px solid #D71718;
	border-bottom: 2px solid #D71718;
}
.member_messe h3{
	font-size: clamp(28px, 2.9688vw, 38px);
    font-weight: 900;
	margin-bottom: 40px;
}
.member_messe h3 span{
	font-size: clamp(16px, 1.566vw, 20px);
}
.member_messe p{
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	
	.member_messe{
		max-width: 550px;
		padding: 40px 0;
		margin-top: 70px;
	}
	.member_messe p{
		font-size: 14px;
	}

}
.prof_bg{
	position: relative;
}
.prof_bg:after{
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1%;
	width: 100%;
	height: 80vw;
	max-height: 964px;
	background-image: url(../img/message_boxbg.jpg);
	background-size: cover;
	z-index: -1;
}
.prof_bg .more_btn{
	margin: 0 auto;
}
/*-----------------------
       movie個別ページ
-------------------------*/
.from_gremz{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	max-width: 710px !important;
	margin: 0 auto;
	column-gap: 20px;
	row-gap: 43px;
}
.from_gremz li{
	width: 30%;
	max-width: 209px;
	height: 348px;
}
.from_member_col{
	width: 100%;
	height: 100%;
}
.from_gremz:after {
    content: "";
    display: block;
    width: 30%;
    max-width: 209px;
    height: 0;
}
.from_gremz video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 768px) {

	.from_gremz li{
		width: 47%;
		max-width: 209px;
		height: 320px;
	}
	.from_gremz{
		column-gap: 15px;
		row-gap: 30px;
		justify-content: center;
		max-width: 560px !important;
	}
}


/*-----------------------
         お問い合わせ
-------------------------*/
.contact_area h2{
	text-align: center;
	font-size: clamp(16px, 1.566vw, 20px);
	    line-height: 1.25;
    font-weight: 900;
	margin-bottom: 60px;
}
.contact_area h2 span{
	font-size: clamp(28px, 2.9688vw, 38px);
	padding-top: 7px;
	display: block;
}
.mailform_read{
	max-width: 765px;
	margin: 0 auto;
}
.mailform_read p{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}
.mailform_read a{
	color: #000000;
	text-decoration: underline;
}
.mailform_read p:last-child{
	margin-top: 25px;
	text-align: center;
}
.mailform table,#wpcf7cpcnf table{
	margin: 50px auto;
	table-layout: fixed;
	max-width: 885px;
	    width: 100%;
}
.mailform table,.mailform td,.mailform th,
#wpcf7cpcnf table,#wpcf7cpcnf td,#wpcf7cpcnf th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.mailform th,#wpcf7cpcnf th{
	width: 216px;
	font-size: 16px;
	font-weight: 500;
	padding: 25px 10px 25px 35px;
	text-align:left;
	background-color: #D9D9D9;
	vertical-align: top;
}
.mailform td,#wpcf7cpcnf td{
	font-size: 16px;
	font-weight: 500;
	padding: 22px 10px 22px 40px;
	text-align:left;
}

@media screen and (max-width: 768px) {

		.mailform_read p{
		text-align: left;
	}
	.mailform th, .mailform td
	,#wpcf7cpcnf th ,#wpcf7cpcnf td{
	    display: inline-block;
	    width: 100%;
	    float: left;
	  }
	.mailform th,#wpcf7cpcnf th{
		font-size: 16px;
		padding: 20px ;
		vertical-align: middle;
	}
	.mailform td,#wpcf7cpcnf td{
		font-size: 14px;
		padding: 20px;
		text-align:left;
	}
	.mailform td,.mailform th,#wpcf7cpcnf th,#wpcf7cpcnf td{
		border:none;
	}
	.mailform th,#wpcf7cpcnf th{
		border-top: 1px solid #595959;
		border-bottom: 1px solid #595959;
	}
	.mailform table,#wpcf7cpcnf table{
		border-top: none;
	}
}
.mailform td input{
	border:1px solid #464646;
	border-radius: 5px;
	height: 4rem;
	font-size: 16px;
	width: 95%;
	max-width: 390px;
}
.mailform .emailcheck{
	margin-top: 10px;
}
.emailfx{
	width: 100%;
}
.mailform .emailcheck span{
	display: inline-block;
	vertical-align: middle;
}
.mailform td select{
	border:1px solid #464646;
	border-radius: 5px;
	height: 4rem;
	font-size: 16px;
	width: 95%;
	max-width: 180px;
	margin: 10px 0;
}
.mailform td textarea{
	width: 95%;
	max-width: 490px;
	font-size: 16px;
	border:1px solid #464646;
	border-radius: 5px;
	height: 100%;
}
.mailform td input#zip{
	max-width: 180px;
}
@media screen and (max-width: 768px) {

	.mailform td input,
	.mailform td textarea{
		width: 100%;
		max-width: none;
	}
}
.form_btn {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
}
#formbutton .wpcf7-submit,button.wpcf7cp-cfm-submit-btn{
	width: 200px; 
	background-color: #000;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	font-weight: 700;
	font-size: clamp(16px, 1.566vw, 20px);
}
button.wpcf7cp-cfm-submit-btn{
	margin-top: 20px;
}
.confirm .wpcf7-submit,.confirm .backbtn,button.wpcf7-form-control.wpcf7cp-cfm-edit-btn{
	width: 200px; 
	background-color: #000;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	font-weight: 700;
	font-size: clamp(16px, 1.566vw, 20px);
}
.fxbox{
	display: flex;
	column-gap: 24px;
}
.fxbox span{
	margin-top: 8px;
}
.fxbox2{
	align-items: flex-end;
	column-gap: 15px;
}
.fxbox2 span {
    flex-shrink: 0;
	    margin-bottom: 9px;
}
.fxbox_ad {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.required{
	color: #D71718;
	    font-style: normal;
}

/* エントリーフォーム */

.entryform th{
	vertical-align: middle;
}
.entryform tr:last-child th{
	vertical-align: top;
}
.entryform input[type="radio"] {
    width: 27px;
    vertical-align: middle;
}
.entryform input[type="radio"]:first-child{
	margin: 0;
}
.entryform .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 2em;
}
.entryform .wpcf7-list-item:first-child{
    display: inline-block;
    margin:0;
}
.entryform span.wpcf7-list-item-label {
    vertical-align: middle;
}
.entryform .select_btn{
	max-width: 225px;
}
th.label_ad label {
    display: block;
    margin: 3px 0;
}
.ad_select{
	margin: 15px 0 ;
}
.entryform td select{
	margin: 0; 
	    max-width: 200px;
}
.fxbo_en {
	display: flex;
    align-items: center;
    margin-bottom: 10px;
    column-gap: 10px;
}
@media screen and (max-width: 768px) {
	.entryform .wpcf7-list-item {
		display: inline-block;
		margin: 0 0 0 1em;
	}
	th.label_ad label {
		display: inline-block;
		margin: 0;
	}
}


.policy_area{
	margin: 0 calc(50% - 50vw);
	background-color: #F5F5F5;
	padding: 104px 0 116px;
	margin-top: 80px;
}
.policy_area{
	margin: 0 calc(50% - 50vw);
	background-color: #F5F5F5;
	padding: 104px 0 116px;
	margin-top: 80px;
}
.policy_box{
	width: 90%;
	max-width: 885px;
	margin: 0 auto;
	padding: 40px 5.86%;
	background-color: #fff;
	overflow: auto;
    height: 615px;
}
.policy_box p{
	font-size: 14px;
	font-weight: 500;
}
.policy_box h3{
	font-size: clamp(16px, 1.566vw, 20px);
	margin-bottom: 12px;
	padding-bottom: 12px;
	padding-top: 20px;
	font-weight: 500;
	border-bottom: 1px solid #464646;
}
@media screen and (max-width: 768px) {
	
	.policy_box{
		height: 300px;
	}
}


/*-----------------------
         送信完了
-------------------------*/


.thanks_area {
	text-align: center;
	padding-bottom: 150px;
}
.thanks_area h2{
	font-size: clamp(28px, 2.9688vw, 38px);
	margin-bottom: 60px;
}
.thanks_area p{
	font-size: 16px;
	font-weight: 500;
}
.thanks_area .more_btn {
    font-size: clamp(14px, 1.566vw, 20px);
    color: #fff;
    font-weight: 900;
	text-align: left;
    display: block;
    width: 100%;
	margin: 0 auto;
	max-width: 253px;
	margin-top: 94px;
    padding: 11px 15px 11px 26px;
    background-color: #000000;
    position: relative;
}
.thanks_area .more_btn span{
	display: block;
	font-size: 12px;
	font-weight: 500;
}

/*-----------------------
         座談会
-------------------------*/
.talk_prof_area .inner{
	max-width: 1070px;
}
.talkprof_ttl{
		margin-bottom: 104px !important;
}
.talkprof_ttl h2{
	color: #000000 !important;
}
.talkprof_ttl:before{
	background-color:#000000 !important;
}
.talkprof_ttl p{
	font-weight: bold;
	font-size: clamp(14px, 1.566vw, 20px);
}
.talk_prof{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 15px;
	row-gap: 60px;
	margin-bottom: 90px;
}
.talk_prof li{
	width: 48%;
	max-width: 515px;
	display: flex;
	justify-content: space-between;
	column-gap: 15px;
}
.talkprof_img{
	width: 39%;
	max-width: 196px;
}
.talkprof_txt{
	width: 56%;
	max-width: 285px;
}
.talkprof_txt h3{
	font-size: 16px;
	margin-bottom: 5px;
}
.talkprof_txt span{
	font-size: 14px;
	font-weight: 500;
}
.talkprof_txt p{
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
	margin-top: 20px;
	padding-top: 13px;
	border-top: 1px solid #000000;
}

@media screen and (max-width: 768px) {

	.talkprof_ttl {
	    margin-bottom: 40px !important;
	}
	.talk_prof{
		flex-direction: column;
		align-items: center;
		column-gap: 15px;
		row-gap: 40px;
		margin-bottom: 90px;
	}
	.talk_prof li{
		width: 100%;
		max-width: 515px;
	}
	
	
}

@media screen and (max-width: 479px) {

	.talkprof_img{
		width: 39%;
		max-width: 110px;
	}
	.talkprof_txt{
		width: 63%;
		max-width: 285px;
	}
	.talkprof_txt span{
		font-size: 12px;
	}
	.talkprof_txt p{
		font-size: 13px;
		margin-top: 20px;
		padding-top: 10px;
	}
}
.talk_ttl{
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 45px;
}
.talk_ttl:before{
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: -47%;
	transform: translateY(-50%);
	width: 80vw;
	height: 1px;
	background-color: #D71718;
}
.talk_ttl h2{
	color: #D71718;
	font-size: clamp(27px, 3.13vw, 40px);
}
.talk_ttl h2 span{
	color: #000000;
	font-size: 16px;
	padding-left: 35px;
}
.talk_area .inner{
	max-width: 1020px;
}
.talk_box{
	width: 100%;
}
.talk_box{
	display: flex !important;
	align-items: center;
	column-gap: 72px;
	max-width: 820px;
}
.talk_box2,.talk_box4{
	margin-left: auto;
	justify-content: flex-end;
}


.talk_box .iconbox{
	min-width: 125px;
}

@media screen and (max-width: 768px) {

	.talk_box{
		align-items: flex-start;
		column-gap: 20px;
		max-width: 600px;
		margin-bottom: 30px;
	}

	.talk_box .iconbox{
		width: 100px;
		min-width: 70px;
	}
	.talk_ttl h2 span {
		padding-left: 0;
		display: block;
	}
	.talk_ttl:before {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: -10%;
		transform: translateY(-50%);
		width: 95vw;
		height: 1px;
		background-color: #D71718;
	}
}
@media screen and (max-width: 479px) {

	.talk_box .iconbox{
		width: 70px;
	}
}
.talk_box .txtBox{
	position: relative;
	border-radius: 15px;
	padding: 25px 65px 25px 35px;
	background-color: #D9D9D9;
}
.talk_box .txtBox p{
	font-size: 14px;
	font-weight:500;
}
.talk_box2 .txtBox{
	background-color: #B8DCE4;
}
.talk_box3 .txtBox{
	background-color: #B5DE6E;
}
.talk_box4 .txtBox{
	background-color: #F6C462;
}
.talk_box .txtBox:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 30px solid #D9D9D9;
  z-index: -1;
}
.talk_box2 .txtBox:before{
	left: 99%;
	border-right: none;
	border-left: 30px solid #B8DCE4;
}
.talk_box3 .txtBox:before {
  border-right: 30px solid #B5DE6E;
}
.talk_box4 .txtBox:before{
	left: 99%;
	border-right: none;
	border-left: 30px solid #F6C462;
}
.talk_box5 {
	margin: 30px auto;
	max-width: 303px;
	justify-content: center;
}
.talk_box5 .txtBox{
	width: 100%;
	text-align: center;
}
.talk_box5 .txtBox:before {
	 content: none;
}
@media screen and (max-width: 768px) {

	.talk_box .txtBox {
	    padding: 15px;
	}
	.talk_box .txtBox:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -23px;
		margin-top: -10px;
		border: 10px solid transparent;
		border-right: 30px solid #D9D9D9;
		z-index: -1;
	}
	.talk_box2 .txtBox:before{
		left: 95%;
		border-right: none;
		border-left: 30px solid #B8DCE4;
	}
	.talk_box3 .txtBox:before {
	  border-right: 30px solid #B5DE6E;
	}
	.talk_box4 .txtBox:before{
		left: 95%;
		border-right: none;
		border-left: 30px solid #F6C462;
	}
	.talk_box5 {
		margin: 30px auto;
		max-width: 303px;
		justify-content: center;
	}
	.talk_box5 .txtBox:before {
		content: none;
	}
}
.talk_area .more_btn{
	max-width: 255px;
	padding-left: 26px;
	margin: 0 auto;
	margin-top: 80px;
}

.next a{
	color: #fff;
	display: block;
    width: 100%;
	position: relative;
	font-size: clamp(14px, 1.566vw, 20px);
}
.next2 a:before{
	content: "エピソード2へ";
	display: block;
	font-size: 12px;
	font-weight: 500;
}
.next3 a:before{
	content: "エピソード3へ";
	display: block;
	font-size: 12px;
	font-weight: 500;
}
.next4 a:before{
	content: "エピソードTOPへ";
	display: block;
	font-size: 12px;
	font-weight: 500;
}
.talkread{
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 30px;
}
.talkread2{
	margin-top: 30px;
}
.talkread3{
	margin-top: 95px;
}
@media screen and (max-width: 768px) {
	
	.talkread{
		margin-bottom: 50px;
	}
	.talkread2{
		margin-top: 50px;
	}
	
}
/*-----------------------
      privacypolicy
-------------------------*/
.privacy_container{
	padding-top: 185px;
}
.privacy_container h1{
	text-align: center;
	margin-bottom: 80px;
	font-size: clamp(26px, 2.9688vw, 38px);
}
.privacy_container .inner{
	max-width:800px;
}
.privacy_txt{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.875;
	margin-bottom: 80px;
}
.privacy_area h2{
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: clamp(18px, 1.877vw, 24px);
	border-bottom: 1px solid #D71718;
}
.privacy_area p{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.875;
	margin-bottom: 45px;
}
.privacy_area p:last-child{
	margin-bottom: 0;
}
.privacy_area p:last-child{
	margin-bottom: 15px;
}
.txtbtm{
	margin-bottom: 15px !important;
}
.policy_col{
	display: flex !important;
	column-gap: 40px;
}
.policy_col a{
	color: #000000;
	text-decoration: underline;
}


@media screen and (max-width: 768px) {
	
	.privacy_container{
		padding-top: 100px;
	}
	.privacy_container h1{
		margin-bottom: 50px;
	}
	.privacy_txt {
	    font-size: 14px;
	    margin-bottom: 50px;
	}
	.privacy_area h2{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.privacy_area p{
		font-size: 14px;
	}
	.policy_col{
		flex-direction: column; 
		row-gap: 15px;
	}
}


/*-----------------------
         採用情報
-------------------------*/
.recruit_midashi{
	margin-bottom: 50px;
}
.recruit_midashi h2{
	font-size: clamp(17px, 1.877vw, 24px);
}
.midashi{
	display: flex;
	justify-content: space-between;
	
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.recruit_contents h2{
	font-size: clamp(28px, 2.9688vw, 38px);
	text-align: center;
}
.midashi_logo{
	max-width: 137px;
}
.midashi_txt{
	display: flex;
	 align-items: flex-end;
	column-gap: 17px;
}
.situation_tg{
	font-size: 16px;
	line-height: 1;
	display: inline-block;
	padding: 7px 42px;
	font-weight: bold;
	border-radius: 5px;
}
.situation-zhong-tu-cai-yong{
	background-color: #D1D623;
}
.situation-xin-zu-cai-yong{
	background-color: #B8DCE4;
}
@media screen and (max-width: 768px) {

	.midashi_txt{
		flex-direction: column;
		justify-content: flex-end;
		row-gap: 5px;
	}
	.situation_tg{
		font-size: 14px;
		padding: 5px 22px;
	}
}
.recruit_page .inner{
	max-width: 1000px;
}
.recruit_contents_img{
	display: flex;
	justify-content: center;
	column-gap: 20px;
	margin-top: 60px;
}
.recruit_contents_img div{
	width: 100%;
	max-width: 435px;
	height: 290px;
}
.recruit_contents_img div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 768px) {

	.recruit_contents_img div{
		width: 100%;
		max-width: 435px;
		height: 200px;
	}

}
@media screen and (max-width: 479px) {

	.recruit_contents_img div{
		width: 100%;
		max-width: 435px;
		height: 140px;
	}

}


.recruit_table{
	max-width: 857px;
	margin: 0 auto;
	margin-top: 90px;
}
.recruit_table table{
	width: 100%;
	table-layout: fixed;
}
.recruit_table table , .recruit_table td,
.recruit_table th {
	border: 1px solid #949494;
	border-collapse: collapse;
}
.recruit_table th {
	width: 140px;
	padding: 30px 10px ;
	text-align: center;
	font-size: 14px;
}
.recruit_table td {
	padding: 20px 50px 20px 20px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 2;
}

@media screen and (max-width: 768px) {

	.recruit_table{
		max-width: 857px;
		margin: 0 auto;
		margin-top: 50px;
	}
	.recruit_table th {
		width: 65px;
		padding: 20px 5px;
		font-size: 13px;
	}
	.recruit_table td {
		font-size: 14px;
		line-height: 2;
		padding: 20px 10px 20px 10px;
	}
}
.entry_btn{
	margin: 0 auto;
	margin-top: 80px;
}
/*-----------------------
         選考方法
-------------------------*/
.flow{
	max-width: 857px;
	margin: 0 auto;
	margin-top: 100px;
}

.flow ul li{
	margin-top: 38px;
	display: flex;
	align-items: center;
	column-gap:20px;
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 1px solid #464646;
}
.step{
	width: 22%;
	max-width: 183px;
}
.step_num{
	display: block;
	width: 100%;
	max-width: 183px;
	border-radius: 50%;
	background-color: #8AB92A;
}
.step_num .cta_txt span {
    font-size: clamp(12px, 2.499999vw, 32px);
    font-weight: 900;
    font-family: "Lato", sans-serif;
}
.step_num .cta_txt p {
    font-size: clamp(20px, 5.625vw, 72px);
    line-height: .8;
    font-weight: 900;
    font-family: "Lato", sans-serif;
}
.flow_txt{
	width: 73%;
	max-width: 620px;
}
.flow_txt h3{
	color: #8AB92A;
	font-size: clamp(17px, 1.877vw, 24px);
	margin-bottom: 30px;
}
.flow_txt p{
	font-size: 16px;
	line-height: 1.875;
}
.step_sp{
	display: none;
}
@media screen and (max-width: 768px) {

	.flow ul li{
		
		row-gap:20px;
		flex-direction: column;
		padding-bottom: 30px;
		max-width: 600px;
	}
	.step_pc{
		display: none;
	}
	.flow_ttl{
		display: flex;
		align-items: center;
		column-gap: 10px;
		margin-bottom: 10px;
	}
	.step_sp{
		display: block;
		width: 30%;
		max-width: 50px;
	}
	.flow_txt{
		width: 100%;
		max-width: 620px;
	}
	.flow_txt p{
		font-size: 14px;
	}
	.flow_txt h3{
		margin-bottom: 0;
	}
	.step_sp .cta_txt {
	    position: absolute;
	    width: 100%;
	    top: 42%;
	}
	.step_num .cta_txt p {
	    font-size: 20px;
	}
	.step_num .cta_txt span {
	    font-size: 12px;
	}
}

.recruitMain{
	width: 90%;
	max-width: 997px;
	margin: 0 auto;
}
.recruitMain .recruit_list>li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 63px;
	padding-bottom: 50px;
	border-bottom:1px solid #000000;
}
.recruitMain ul li:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {

	.recruitMain{
		max-width:600px;
	}
	.recruitMain .recruit_list>li{
		flex-direction: column;
		align-items:center;
	}
}
.recruit_coltable{
	width: 60%;
	max-width: 578px;
}
.recruit_coltable table{
	width: 100%;
	table-layout: fixed;
}
.recruit_coltable table , .recruit_coltable td,
.recruit_coltable th {
	border: 1px solid #949494;
	border-collapse: collapse;
}
.recruit_coltable th {
	width: 140px;
	padding: 30px 10px ;
	text-align: center;
	font-size: 14px;
}
.recruit_coltable td {
	padding: 20px 50px 20px 20px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 2;
}
@media screen and (max-width: 768px) {

	.recruit_coltable{
		width: 100%;
		max-width: 578px;
	}
	.recruit_coltable th {
		width: 80px;
		padding: 20px 5px ;
		text-align: center;
		font-size: 13px;
	}
	.recruit_coltable td {
		padding: 20px 10px 20px 10px;
		vertical-align: middle;
		font-size: 13px;
	}
}
table.gremz th{
	background-color: #D9D9D9;
}
table.grconsulting th{
	background-color: #B8DCE4;
}
table.gremzpower th{
	background-color: #B5DE6E;
}
table.gremzenergy th{
	background-color: #F7B192;
}
table.gremzsolar th{
	background-color: #F6C462;
}

table.gremz{
	background-color: #F5F5F5;
}
table.grconsulting{
	background-color: rgba(197, 223, 235, .3);
}
table.gremzpower{
	background-color: #E7F7CA;
}
table.gremzenergy{
	background-color: #FCE1D5;
}
table.gremzsolar{
	background-color: #FCE9C2;
}
.recruit_colttl{
	width: 36%;
	max-width: 351px;
}
.recruit_company h2{
	font-size: clamp(17px, 1.877vw, 24px);
}
.recruit_company{
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.recruit_colttl img{
	max-width: 145px;
	margin-bottom: 20px;
}
.recruit_colttl .more_btn{
	margin-top: 80px;
	max-width: 200px;
}
@media screen and (max-width: 768px) {
	.recruit_colttl{
		width: 100%;
		max-width: none;
	}
	.recruit_colttl .more_btn{
		margin-top: 20px;
	}
	.recruit_colttl .midashi_txt{
		flex-direction: row;
		justify-content: flex-start;
	}
}
/*-----------------------
         footer
-------------------------*/



footer .inner{
	max-width: 1200px;
}


.footer_fx {
    display: flex;
/*     align-items: center; */
    justify-content: space-between;
	column-gap: 10px;
    padding: 70px 0 66px;
}
/* footer_L */
.footer_L{
	width: 48%;
	max-width: 410px;
}
.footer_L .f_log {
   width: 70%;
    max-width: 280px;
	margin-bottom: 36px;
}
.footer_L .f_img{
	 width: 100%;
    max-width: 292px;
	margin-top: 36px;
}
.footer_L p {
    font-size: 16px;
	line-height: 1.875;
	font-weight: 500;
}

/* footer_R */
.footer_R{
	width: 60%;
	max-width: 680px;
}
.footer_R ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 15px;
    width: 100%;
}
.footer_R ul li{
	width: 48%;
	/* max-width: 250px; */
	margin-bottom: 10px;
}
.footer_R ul li:last-child{
	margin-bottom: 0;
}
.footer_R ul li a{
    font-size: clamp(14px, 1.566vw, 20px);
    color: #fff;
    font-weight: 900;
    display: block;
    width: 100%;
    max-width: none;
    padding: 11px 15px 11px 26px;
    background-color: #000000;
    position: relative;
}
.footer_R ul li a::after{
	top: 45px;
	right: 15px;
}
.footer_R ul li a::before {
    top: 39px;
    right: 18px;
}
.footer_R ul li a:hover::after{
	right: 8px;
}
.footer_R ul li a:hover::before{
	right: 10px;
}
.footer_R ul li a span{
	display: block;
	font-size: 12px;
	font-weight: 500;
}
@media screen and (max-width: 768px) {

    .footer_logo {
        width: 90%;
        max-width: 130px;
    }
	.footer_fx {
	    flex-direction: column;
        align-items: center;
        row-gap: 40px;
	}
	.footer_L,.footer_R{
		width: 100%;
	}
	
	
    .footer_R ul li{
		width: 47%;
		max-width: 450px;
		margin-bottom: 10px;
	}
	.footer_R ul li a{
		padding: 11px 15px 11px 10px;
	}
	.footer_R ul li a span {
		font-size: 9px;
	}
	.footer_R ul li a::after{
		top: 4px;
		right: 4px;
	}
	.footer_R ul li a::before {
	    top: -2px;
	    right: 7px;
	}
	.footer_R ul li a:hover::after{
		right: 2px;
	}
	.footer_R ul li a:hover::before{
		right: 5px;
	}
}

.f_bttom{
	background-color: #464646;
	padding: 20px 0;
}
.f_bttom a,.f_bttom small{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.f_bttom_fx{
	display: flex;
	justify-content: space-around;
	max-width: 964px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.f_bttom_fx{
		flex-direction: column;
		row-gap: 10px;
	}
	.f_bttom a{
		text-align: right;
	}
	.f_bttom{
		background-color: #464646;
		padding: 20px 0 130px;
	}
}
.member-color-1 { background-color: #d71718; } 
.member-color-2 { background-color: #dd551a; }
.member-color-3 { background-color: #edaf34; } 
.member-color-4 { background-color: #2ca23a; }
.member-color-5 { background-color: #d1d623; } 
.member-color-6 { background-color: #f4e82a; } 
.member-color-7 { background-color: #8AB92A; } 
.member-color-8 { background-color: #61AED4; } 
.member-color-9 { background-color: #B8DCE4; } 


.prof-color-red .member_prof_dataFx:before {
    content: "";
   background-color: #d71718 !important;
}
.prof-color-red.member_prof_list li .proflistbox h3{
		border-right:1px solid #d71718 !important;
}
.prof-color-red .member_prof_coltxt h3{
	border-bottom: 2px solid #d71718 !important;
}
.prof-color-red.member_messe{
	border-top: 2px solid #d71718 !important;
	border-bottom: 2px solid #d71718 !important;
}
.prof-color-red .prof_type h3 {
    background-color: #d71718 !important;
}

/* ２ */
.prof-color-vermilion .member_prof_dataFx:before {
    content: "";
   background-color: #dd551a !important;
}
.prof-color-vermilion.member_prof_list li .proflistbox h3{
		border-right:1px solid #dd551a !important;
}
.prof-color-vermilion .member_prof_coltxt h3{
	border-bottom: 2px solid #dd551a !important;
}
.prof-color-vermilion.member_messe{
	border-top: 2px solid #dd551a !important;
	border-bottom: 2px solid #dd551a !important;
}
.prof-color-vermilion .prof_type h3 {
    background-color: #dd551a !important;
}

/* ３ */
.prof-color-orange .member_prof_dataFx:before {
    content: "";
   background-color: #edaf34 !important;
}
.prof-color-orange.member_prof_list li .proflistbox h3{
		border-right:1px solid #edaf34 !important;
}
.prof-color-orange .member_prof_coltxt h3{
	border-bottom: 2px solid #edaf34 !important;
}
.prof-color-orange.member_messe{
	border-top: 2px solid #edaf34 !important;
	border-bottom: 2px solid #edaf34 !important;
}
.prof-color-orange .prof_type h3 {
    background-color: #edaf34 !important;
}

/* ４ */

.prof-color-green .member_prof_dataFx:before {
    content: "";
   background-color: #2ca23a !important;
}
.prof-color-green.member_prof_list li .proflistbox h3{
		border-right:1px solid #2ca23a !important;
}
.prof-color-green .member_prof_coltxt h3{
	border-bottom: 2px solid #2ca23a!important;
}
.prof-color-green.member_messe{
	border-top: 2px solid #2ca23a !important;
	border-bottom: 2px solid #2ca23a !important;
}
.prof-color-green .prof_type h3 {
    background-color: #2ca23a !important;
}

/* ５ */
.prof-color-limegreen .member_prof_dataFx:before {
    content: "";
   background-color: #d1d623 !important;
}
.prof-color-limegreen.member_prof_list li .proflistbox h3{
		border-right:1px solid #d1d623 !important;
}
.prof-color-limegreen .member_prof_coltxt h3{
	border-bottom: 2px solid #d1d623 !important;
}
.prof-color-limegreen.member_messe{
	border-top: 2px solid #d1d623 !important;
	border-bottom: 2px solid #d1d623 !important;
}
.prof-color-limegreen .prof_type h3 {
    background-color: #d1d623 !important;
}


/* ６ */
.prof-color-yellow .member_prof_dataFx:before {
    content: "";
   background-color: #f4e82a !important;
}
.prof-color-yellow.member_prof_list li .proflistbox h3{
		border-right:1px solid #f4e82a !important;
}
.prof-color-yellow .member_prof_coltxt h3{
	border-bottom: 2px solid #f4e82a !important;
}
.prof-color-yellow.member_messe{
	border-top: 2px solid #f4e82a !important;
	border-bottom: 2px solid #f4e82a !important;
}
.prof-color-yellow .prof_type h3 {
    background-color: #f4e82a !important;
}


/* ７ */
.prof-color-lightgreen .member_prof_dataFx:before {
    content: "";
   background-color: #8AB92A !important;
}
.prof-color-lightgreen.member_prof_list li .proflistbox h3{
		border-right:1px solid #8AB92A !important;
}
.prof-color-lightgreen .member_prof_coltxt h3{
	border-bottom: 2px solid #8AB92A !important;
}
.prof-color-lightgreen.member_messe{
	border-top: 2px solid #8AB92A !important;
	border-bottom: 2px solid #8AB92A !important;
}
.prof-color-lightgreen .prof_type h3 {
    background-color: #8AB92A !important;
}

/* ８ */
.prof-color-blue .member_prof_dataFx:before {
    content: "";
   background-color: #61AED4 !important;
}
.prof-color-blue.member_prof_list li .proflistbox h3{
		border-right:1px solid #61AED4!important;
}
.prof-color-blue .member_prof_coltxt h3{
	border-bottom: 2px solid #61AED4 !important;
}
.prof-color-blue.member_messe{
	border-top: 2px solid #61AED4 !important;
	border-bottom: 2px solid #61AED4 !important;
}
.prof-color-blue .prof_type h3 {
    background-color:#61AED4 !important;
}

/* ９ */
.prof-color-skyblue .member_prof_dataFx:before {
    content: "";
   background-color: #B8DCE4 !important;
}
.prof-color-skyblue.member_prof_list li .proflistbox h3{
		border-right:1px solid #B8DCE4 !important;
}
.prof-color-skyblue .member_prof_coltxt h3{
	border-bottom: 2px solid #B8DCE4 !important;
}
.prof-color-skyblue.member_messe{
	border-top: 2px solid #B8DCE4 !important;
	border-bottom: 2px solid #B8DCE4 !important;
}
.prof-color-skyblue .prof_type h3 {
    background-color: #B8DCE4 !important;
}

/* animation */
.fadein,.fadein01_2,.fadein01_3,.fadein01_4,.fadein01_5,.fadein01_6,.fadein01_7,.fadein01_8 {
  opacity : 0;
  transform: translateY(80px);
  transition : all 1s;
}
.fadein02,.fadein02_3,.fadein02_4 {
  opacity : 0;
  transform: translateX(-200px);
  transition : all 1s;
}
.fadein03,.fadein02_2,.fadein03_2 {
  opacity: 0;
  transform: translateX(200px);
  transition : all 1s;
}

.act,.act02{
  opacity : 1;
  transform: translate(0);
}
.fade,.fade2{
	opacity: 0;
}
.revealBx {
    display: inline-block;
}
.animated .reveal_in
{
  width:100%;
  position:relative;
  transform:scaleX(0);
  transform-origin:left;
  animation:reveal 0.2s ease-in-out forwards;
  animation-delay:0.4s;
}

.animated .reveal_in:after
{
  content:"";
  width:100%;
  height:100%;
  position:absolute; top:0; left:0;
  background:#000000;
  z-index:1;
  animation:reveal 0.2s reverse forwards;
  animation-delay:1s;
  transform-origin:right;
}

.delay1 .reveal_in
{animation-delay:0.6s;}

.delay1 .reveal_in:after
{animation-delay:1.2s;}

.delay2 .reveal_in
{animation-delay:0.8s;}

.delay2 .reveal_in:after
{animation-delay:1.4s;}

@keyframes reveal
{
  0%
  {
    transform:scaleX(0);
  }
  
  100%
  {
    transform:scaleX(1);
  }
}

.animated {
	opacity: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



#work_last .animated:not(.o-anim-ready) {
	visibility: visible important;
	animation-play-state: paused;
	animation: auto !important ;
}
 #work_last .animated:not(.o-anim-ready) {
        visibility: visible !important;
        animation-play-state: paused;
        animation: auto !important;
    }