@charset "UTF-8";
/* CSS Document */



/*SERVICE*/
#service .card-columns{
	margin-top: 5em;
}
#service .card{
	background-color: #f6f6f6;
	border: none;
	padding: 2em;
	margin-bottom: 1em;
}
#service .card figure{
	text-align: center;
}
#service .card figure img{
	width: 100%;
}
#service .card .ttl{
	text-align: center;
	font-size: 1.8rem;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
#service .card p{
	margin-top: 0;
}
@media (max-width: 739px) {
	#service .card figure img{
	width: 80%;
}
}

/*MEMBER*/
.member_wrapper{
	display: flex;
}
.sidebar{
	flex: 1;
	margin: 0 20px 0 0;
}
.member_main{
	width: 80%;
}
.ml_headline1{
	font-size: 1.8rem;
	line-height: 1.2;
}
.ml_headline1 span{
	font-size: 1.2rem;
}
.ml_headline2{
	font-size:1.8rem;
	margin: 2rem 0 0 0;
}
.m_name{
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0;
}
.m_name span{
	font-size: 1.2rem;
	margin-left: 15px;
	font-weight: normal;
}
.m_sns{
	text-align: right;
}
.m_sns a{
	margin-left: 1rem;
}
.img_cover img{
	object-fit: cover;
	width: 100%;
	height: 240px;
}
.m_card img{
	border: solid 1px;
}
.m_card a:hover{
	opacity: 0.5;
}
.profile_img img{
	border-radius: 50%;
}
@media (max-width: 740px) {
	.member_wrapper{
		flex-direction: column;
	}
	.sidebar{
	margin: 0;
		order: 2;
		margin-top: 50px;
	}
	.member_main{
	width: 100%;
	order: 1;
	}
	.sp_m_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.sp_m_item{
	width: 45%;
	}
	.sp_List_lh{
		line-height: 2.5;
	}
	.img_cover img{
	height: 160px;
	}
	.m_sns a{
	margin-left: 2rem;
	}
}

/*lightbox.css*/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  /*border-radius: 3px;*/

  /* Image border */
  /*border: 4px solid white;*/
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/*WORKS*/
#works .works_top img,
#works .works_under img{
	border: 1px solid #ccc;
}
#works .border-none img{
	border: none!important;
}
/*.catMenu li a.current:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  display: block;
  position: absolute;
  bottom: -0px;
  opacity: 0;
  left: 50%;
  margin-left: -5px;
  content: "\f0d7";
  color: #A5A5A5
}*/
.catMenu li a:hover:before, .catMenu li a.current:before {
  bottom: 5px;
  opacity: 1
}

#works .worksList img{
	width: 100%;
  height: 250px;
  object-fit: cover;
}



/*NEWS*/
#news .newsList{
	border-bottom: 1px solid #eee;
	padding: 1.2em 0;
}
#news .newsList .date{
	color: #aaa;
}
#news .newsList a{
	text-decoration: underline;
}

/* NEWS詳細 */
.news-content .sub-text {
  font-size: 2rem;
}
.news-content .headline-news-1 {
  font-size: 4.4rem;
  font-weight: normal;
}
.news-content .sub-bottom {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 5rem;
  padding-bottom: 3rem;
}
.news-content .sub-bottom::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: linear-gradient(to left, #48d3f9, #befc9c);
}
.news-content .sub-bottom .badge-area .date-badge {
  border: 1px solid #000;
  display: inline-block;
  padding: 2px 14px;
  border-radius: 20px;
  margin-right: 10px;
  margin-top: 0;
}
.news-content .sub-bottom .date {
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 0;
}
#_news .contact-area{
	background: linear-gradient(to left, #48d3f9, #befc9c);
	padding: 3rem 5rem 4rem 5rem;
	text-align: center;
	margin-top: 4rem;
}
#_news .contact-area .title{
	font-size: 3rem;
}
#_news .contact-area .btn-1{
	width: inherit;
	font-size: 1.8rem;
}
/* #_news .other_column div {
  padding: 0;
} */
#_news .other_column .border_bottom_blue {
  padding: 30px 0;
  border-bottom: 1px dotted #7edffc;
}
#_news .other_column .border_bottom_blue:last-child {
  border-bottom: none;
}
#_news .other_column .border_bottom_blue img {
  width: 100%;
}

#_news .news_faq .faq {
  margin-bottom: 20px;
  border-bottom: 1px dotted #000;
  padding-bottom: 20px;
}
/* #_news .news_faq .faq:last-child {
  border-bottom: none;
} */

#_news .news_faq .faq__dt, .faq__dd {
  position: relative;
  padding-left: 24px;
}

#_news .news_faq .faq__dt::before, .faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

#_news .news_faq .faq__dt {
  font-weight: bold;
  margin-bottom: 4px;
}

#_news .news_faq .faq__dt::before {
  content: 'Q.';
}

#_news .news_faq .faq__dd::before {
  content: 'A.';
}

@media (max-width: 739px) {
  .news-content .sub-bottom {
    display: block;
  }
  .news-content .sub-bottom .badge-area .date-badge {
    margin-bottom: 8px;
  }
  .font-sp-S {
    font-size: 3.8rem!important;
  }
  #_news .news_bottom_sp {
    margin-bottom: 20px;
  }
}


/* OPPORTUNITY */
@media (max-width: 739px) {}
.opportunity_btnarea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.opportunity_btnarea .btn_item {
  margin: 10px;
}
.opportunity_btnarea .btn_item .btn_item01 {
  border: 1px solid #3F8EFB;
  color: #3F8EFB;
}
.opportunity_btnarea .btn_item .btn_item01:hover {
  background: #3F8EFB;
  color: #fff;
}
.opportunity_btnarea .btn_item .btn_item02 {
  border: 1px solid #4b53bc;
  color: #4b53bc;
}
.opportunity_btnarea .btn_item .btn_item02:hover {
  background: #4b53bc;
  color: #fff;
}
.opportunity_btnarea .btn_item .btn_item03 {
  border: 1px solid #06AC4F;
  color: #06AC4F;
}
.opportunity_btnarea .btn_item .btn_item03:hover {
  background: #06AC4F;
  color: #fff;
}

.pc-none {
  display: none;
}
@media (max-width: 739px) {
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }
}