@charset "UTF-8";
.center {
  text-align: center;
}

.kerning {
  letter-spacing: 0;
  margin-left: -1px;
}

.blockquote {
  padding-left: 40px;
}

@media screen and (max-width: 330px) {
  .se_br {
    display: block;
  }
}
@media screen and (min-width: 330px) {
  .se_br {
    display: none;
  }
}
.case_list_block_h3_long {
  letter-spacing: 0px;
}

@media screen and (max-width: 940px) {
  .clientlist_btn_area a {
    min-height: auto;
  }
}
.g_section_block {
  padding: 0 0 50px;
  width: 100%;
}

.black_title_area {
  text-align: center;
  margin: 20px 0;
  font-size: 22px;
  font-family: "Montserrat", "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  color: #333333;
  letter-spacing: 1px;
}

.other_service_slide {
  font-size: 0;
  max-width: 1024px;
  width: calc(70% - 60px);
  margin: 0 auto;
  position: relative;
}

.other_service_slide_area {
  margin: 30px 0;
}

.other_service_box {
  position: relative;
  display: inline-block;
  width: 32%;
  margin: 0 10px;
}
.other_service_box .img_area img {
  width: 100%;
  height: auto;
}
.other_service_box .over_area {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.other_service_box:after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: ease 0.2s;
  opacity: 0;
}
.other_service_box .service_title {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.8px;
  line-height: 140%;
  padding-bottom: 0px;
}
.other_service_box .service_title,
.other_service_box small {
  color: #ffffff;
}
.other_service_box small {
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-top: 5px;
  display: block;
}

.other_service_box {
  position: relative;
  display: inline-block;
  width: 32%;
  margin: 0 10px;
}

@media screen and (max-width: 1024px) {
  .other_service_slide {
    width: calc(85% - 60px);
  }
}
@media screen and (max-width: 940px) {
  .other_service_slide {
    width: calc(80% - 60px);
  }
}
@media screen and (max-width: 680px) {
  .other_service_slide {
    width: 100%;
  }
  .g_section_block {
    padding: 20px 0;
  }
  .slick-arrow.slick-next,
  .slick-arrow.slick-prev {
    width: 44px;
    height: 44px;
    transform: none;
    z-index: 2;
    opacity: 0.8;
  }
  .slick-arrow.slick-next {
    right: 10px;
  }
  .slick-arrow.slick-prev {
    left: 10px;
  }
  .slick-arrow.slick-next:hover {
    transform: none !important;
  }
  .slick-arrow.slick-prev:hover {
    transform: none !important;
  }
}
.link_wrap a p {
  padding-bottom: 0;
  font-size: 22px;
  line-height: 100%;
  color: #666666;
  text-align: center;
}

@media screen and (max-width: 922px) {
  .sp_br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .link_wrap a p {
    margin-bottom: 20px;
    color: #000000;
  }
}
@media screen and (max-width: 640px) {
  .link_wrap a p {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  h2.lines_ttl_case {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  h2.lines_ttl_case {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .sp_br_case16 {
    display: block;
  }
}
@media screen and (max-width: 330px) {
  .sp_br_case16 {
    display: none;
  }
}
.br_case11 {
  display: block;
}

@media screen and (max-width: 330px) {
  .br_case11 {
    display: none;
  }
}
.service-link {
  width: 90%;
  margin: 0 auto;
  padding: 40px 0;
  box-sizing: border-box;
  max-width: 1024px;
}
.service-link__area {
  border: 1px solid #dddddd;
  border-bottom: 2px solid #e6e6e6;
  padding: 30px 80px 30px;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.service-link__area > h4 {
  font-size: 19px;
  color: #333333;
  font-family: "Montserrat";
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 30px;
}
.service-link__area > h4:before, .service-link__area > h4:after {
  content: "";
  width: 10px;
  height: 3px;
  background: #333333;
  display: inline-block;
  transform: translateY(-5px);
  margin: 0 10px;
}
.service-link__area a {
  display: flex;
  transition: ease 0.2s opacity;
}
.service-link__area a:hover {
  opacity: 0.7;
}
.service-link__area a:hover .img-area span {
  transform: scale(1.04);
}
.service-link__area a .img-area {
  width: 45%;
  height: 140px;
  overflow: hidden;
}
.service-link__area a .img-area span {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center center/cover;
  transition: ease-out 0.2s transform;
  backface-visibility: hidden;
}
.service-link__area a .img-area span.case01 {
  background-image: url(/images/case/related_services/ghrd_img01.jpg);
}
.service-link__area a .img-area span.case02 {
  background-image: url(/images/case/related_services/hrd_img04.jpg);
}
.service-link__area a .img-area span.case03 {
  background-image: url(/images/case/related_services/ghrd_img02.jpg);
}
.service-link__area a .img-area span.case04 {
  background-image: url(/images/case/related_services/ghrd_img03.jpg);
}
.service-link__area a .img-area span.case05 {
  background-image: url(/images/case/related_services/young_img01.jpg);
}
.service-link__area a .img-area span.case06 {
  background-image: url(/images/case/related_services/young_img01.jpg);
}
.service-link__area a .img-area span.case07 {
  background-image: url(/images/case/related_services/hrd_img04.jpg);
}
.service-link__area a .img-area span.case08 {
  background-image: url(/images/case/related_services/young_img01.jpg);
}
.service-link__area a .img-area span.case09 {
  background-image: url(/images/case/related_services/hrd_img02.jpg);
}
.service-link__area a .img-area span.case10 {
  background-image: url(/images/case/related_services/young_img01.jpg);
}
.service-link__area a .img-area span.case12 {
  background-image: url(/images/case/related_services/ghrd_img02.jpg);
}
.service-link__area a .img-area span.case13 {
  background-image: url(/images/case/related_services/hrd_img01.jpg);
}
.service-link__area a .img-area span.case14 {
  background-image: url(/images/case/related_services/hrd_img03.jpg);
}
.service-link__area a .img-area span.case15 {
  background-image: url(/images/case/related_services/hrd_img03.jpg);
}
.service-link__area a .img-area span.case17 {
  background-image: url(/images/case/related_services/ghrd_img02.jpg);
}
.service-link__area a .txt-area {
  width: 50%;
  padding: 10px 0;
  position: relative;
  margin-left: 5%;
}
.service-link__area a .txt-area h5 {
  color: #333333;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 20px;
}
.service-link__area a .txt-area p {
  width: 100%;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  line-height: 160%;
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .service-link {
    padding: 20px 0;
  }
  .service-link__area {
    padding: 25px 5%;
  }
  .service-link__area h4 {
    font-size: 17px;
    margin-bottom: 22px;
  }
  .service-link__area a {
    display: block;
  }
  .service-link__area a .img-area {
    width: 100%;
    height: 120px;
  }
  .service-link__area a .txt-area {
    width: 100%;
    margin: 0 2%;
    padding: 16px 0 0;
  }
  .service-link__area a .txt-area h5 {
    font-size: 15px;
    margin-bottom: 14px;
  }
  .service-link__area a .txt-area p {
    font-size: 13px;
    line-height: 150%;
  }
}
.case_gray_border_area20 {
  margin: 20px 30px 50px;
}

@media screen and (max-width: 768px) {
  .case_gray_border_area20 {
    margin: 20px auto 30px;
  }
  .imgtxt_box.ir.case18_flex {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .imgtxt_box.ir.case18_flex-column {
    display: flex;
    flex-direction: column;
  }
  .case_inner p.case_indent, .case_inner p.case_right_indent, .case_inner p.case_left_indent {
    width: calc(90% - 20px);
  }
  .case_inner p.case_indent.bold, .case_inner p.case_right_indent.bold, .case_inner p.case_left_indent.bold {
    width: 90%;
  }
}
.over_ttl_green_case {
  line-height: 1.3;
}

.br_case21 {
  display: block;
}

.br_case27 {
  display: none;
}

@media screen and (max-width: 1362px) {
  .br_case27 {
    display: block;
  }
}
@media screen and (max-width: 1334px) {
  .br_case21 {
    display: none;
  }
  .br_case27 {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  .br_case21 {
    display: none;
  }
}
.case_gray_border_area20 p {
  line-height: 180%;
}

/* case5取材日追記対応 */
.date5 > p {
  padding: 5px 0;
  text-align: left;
  font-size: 14px;
  color: #666666;
}

.case_img5:first-of-type {
  padding-top: 0;
  }
 
.case_img5{
  width:100%;
  padding:3px 0 16px;
  }
 
@media screen and (max-width: 768px){
  .case_img5 {
    padding: 3px 0;
  }}
 
.case_img5 img{
  width:100%;
  height:auto;
  }
 
.br_970 {
  display: block;
}
  
@media screen and (max-width: 970px) {
  .br_970 {
    display: none;
}}

.case30_link{
  color: #369239;
  text-decoration: underline;
}
/*
@media screen and (max-width:1200px){
	.panel_list {width: 80%;}
	.solution_panel_wrap {width: 100%; margin-bottom: 0; margin-top: 30px;}
	.solution_detail{width: 100%; margin-bottom: 120px;}


	.short_box_contents.small_box2{max-width:600px; width:100%;}
}//max-width:1200px

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

}//max-width:1024px

@media screen and (max-width:768px){
	.service_reed span{font-size: 14px;}
	.img_wide{width: 100%; height: 150px;}
	.img_wide img {margin-top: -15%;}
	.solution_detail{margin-bottom: 100px;}
	.long_bnr{width: 90%;
		 a {margin-top: 20px;}
	}
	.green_box.line2, .green_box.line3 {padding: 10px 15px 8px; width: auto; height: auto; font-size: 13px; line-height: 145%;}
	.detail08{margin-bottom: 0px;}
	.detail04{margin-bottom: 130px;}

}//max-width:768px

@media screen and (max-width:640px){
	#catch_copy p{padding-bottom:0;}
	.short_box{width:100%; margin:0 auto 30px;
		p{font-size:15px;
			span{font-size:13px; font-weight:500; line-height:18px; margin-top:5px;}
		}
	}
	.half_wbox{width:100%; margin:0; margin-bottom:40px; padding:50px 10% 30px 10%;
		&:last-of-type{margin-bottom:0;}
	}
	.equal_list{width:100%; display:block; margin:0;
		&:nth-of-type(1){margin-right:0;}
		li{text-align:center;}
	}
	.rightleft{width:100%; @include ValueSetPrefix(display, box); @include ValueSetPrefix(display, flexbox); @include PropertySetPrefix(box-orient, vertical); margin:0 auto 40px; padding:0;}
	.contents_left,.contents_right,span.rightimg{width:100%; display:block;}
	.contents_left{margin-top:10px; @include PropertySetPrefix(box-ordinal-group, 2);}
	.contents_right{@include PropertySetPrefix(box-ordinal-group, 1);}

	.half_wbox_contents.three_tool_block .half_wbox{padding-left:10%;}
.grbl_icon{margin-left:0; width:auto; font-size:22px;}
.grbl_icon_in{font-size:22px;}
}//max-width:640px

@media screen and (max-width:553px){
	.short_box_contents.small_box2 .short_box{min-height:auto;
		p span{position: static; padding-top:2px;}
	}
}//max-width:553px

@media screen and (max-width:480px){
	#global_header{max-height:208px;}

	.short_box_contents.small_box2.research_box .short_box{margin-bottom:20px;}
	.green_line_btn.ghrd_more{width:240px;}
}//max-width:480px
*//*# sourceMappingURL=case.css.map */