.work_info{
}
.work_info_sp{
	display:none;
}

.news_info{
}
.news_info_sp{
	display:none;
}

.margin_top_60{
	margin-top:60px;
}

.board{
	position:relative;
}

.board::after{
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    border-bottom: 3px solid #f6f6f6;
    top: -1px;
    left: 0px;
}

.board_cover{
	position:relative;
	width:97%;
	margin:0 auto;
	display:flex;
}

.board_cover::after{
	content:"";
	height:100%;
	width:100%;
	z-index:1;
	border-bottom:3px solid #f6f6f6;
	position:absolute;
	top:-1px;
	left:0px;
}

.information{
	display:flex;
	align-items:flex-end;
	margin:auto 5px;
	height:45px;
	width:240px;
	background-color:#f6f6f6;
	font-size: 16px;
}

.span_wrap{
	padding:0 6px 3px;
}

.span_wrap > div{
	border-bottom: solid 2px #fc407a;
	opacity: 0.4
}

.newsrelease,.information
,.work_info,.news_info{
	cursor:pointer;
	position:relative;
}

.newsrelease > a ,.information > a
,.work_info > a ,.news_info > a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
}

.newsrelease{
	display:flex;
	align-items:flex-end;
	margin:auto 5px;
	height:46px;
	width:240px;
	background-color:#f6f6f6;
	font-size: 16px;
}

.info_on{
	position:relative;
	margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 97%;
    height: 93%;
    background-color: white;
}
.info_off{
	position:relative;
	margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 93%;
    height: 82%;
    background-color: #f6f6f6;
}

.board a{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:3;
}
.info_on::after{
	content:"";
	height:100%;
	width:100%;
	z-index:2;
	border-bottom:4px solid white;
	position:absolute;
	top:-1px;
	left:0px;
}
.info_off::after{
	content:"";
	height:100%;
	width:100%;
	z-index:2;
	border-bottom:3px solid #f6f6f6;
	position:absolute;
	top:-1px;
	left:0px;
}

#infolist{
	margin:0 50px;
}

#infolist > div{
	margin-bottom:20px;
}

.work_info_block,.news_info_block {
	padding:30px 15px;
}

.work_info_block{
	display:flex;
	border:solid 1px #bd52b3;
	border-radius:15px;
}

.news_info_block{
	border-bottom:solid 1px #bd52b3;
}

.work_image_block,.news_image_block{
	height:120px;
	width:18%;
}

.work_image_block{
	border-right:solid 1px #bd52b3;
}

.work_image, .news_image{
	height:110px;
	width:110px;
	margin:5px auto;
}

.work_image img, .news_image img{
	object-fit:contain;
	width: 100%;
	height: 100%;
}

.work_info_main,.news_info_main{
	padding-left:30px;
	width: 100%;
}

.info_uplode_date{
	font-weight:bold;
	padding-right:17px;
}

.info_new{
	background-color: #925dcb;
    color: white;
    padding: 2px 10px;
    font-size:10px;
    vertical-align: top;
}

.info_detail .detail_allow{
	text-align:right;
}

.news_info .info_detail .detail_allow{
	padding-top:30px;
}

.work_info .detail_allow > div{
	margin:20px;
}

.news_info .detail_allow > div{
	margin-right:20px;
}

.info_detail_block{
/* 	width:calc(80% - 30px); */
	width:85%;
}

.info_detail_block > p{
	color:#fc407a;
	margin:10px auto;
	font-size: 18px;
}

.info_detail_block > div{
	font-size:13px;
	overflow:hidden;
	height:48px;
}

.detail_allow{
	width:20%;
}

.detail_allow > .inline_block > div{
	font-size:13px;
	color:#fc407a;
	padding-right:5px;
}

.circle_mark{
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	height:26px;
	width:27px;
	border:1px solid #ffffff;
	border-radius:50%;
	background-color:#fc407a;
}

.circle_mark > .border_line{
	position:absolute;
	top:8px;
	left:7px;
	width:7px;
	height:7px;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	transform:rotate(-45deg);
}

.info_circle_mark{
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	height:26px;
	width:27px;
	border:1px solid #ffffff;
	border-radius:50%;
	background-color:#fc407a;
}

.info_circle_mark > .border_line{
	position:absolute;
	top:8px;
	left:7px;
	width:7px;
	height:7px;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	transform:rotate(-45deg);
}

.info_news_text a{
	color: 	#1a73e8;
	text-decoration: underline;
}
.info_news_text a:visited{
	color: 	#663399;
}
.info_work_text a{
	color: 	#1a73e8;
	text-decoration: underline;
}
.info_work_text a:visited{
	color: 	#663399;
}

/***** 詳細画面 *****/

.info_attribute{
	font-size:12px;
}

.info_attribute div{
	text-align: right
}

.workplace{
	margin:10px 0;font-size:18px;font-weight:bold;
}

.info_news_title{
	margin-bottom: 45px
}

.info_work_title .title, .info_news_title .title{
	font-size:22px;
	color:#fc407a;
	font-weight:bold;
	line-height:32px;
}

#info_work > div,#info_news > div{
	margin:0 45px;
}
.info_work_img{
	max-width:90%;
	margin:50px auto;
	min-height:250px;
}

.info_work_img img{
	max-width:90%;
}

.work_detail_button{
/* 	margin: 45px auto 0 595px */
}

.work_detail_button > button{
	display:flex;
	justify-content: space-between;
	margin:45px 0 0 auto;
	padding: 7px 10px;
	position:relative;
	border:none;
	font-size:19px;
	width:360px;
	background-color:#e92360;
	color:#ffffff;
	border-radius:45px;
	cursor: pointer;
}

.work_detail_button > button:hover{
	opacity: 0.8;
}

.work_detail_button .circle_mark{
	background-color: #ffffff;
	border: 1px solid #fc407a;
	width:45px;
	height:45px;
}

.work_detail_button .circle_mark .border_line{
	border-right: 2px solid #fc407a;
    border-bottom: 2px solid #fc407a;
    top: 17px;
    left: 14px;
    width: 9px;
    height: 9px;
}

.button_text{
	padding-top: 10px;
    padding-left: 45px;
    letter-spacing: 1px;
}

#info_bottom{
	margin-top:50px;
}
.paging_box{
	color:#bd52b3;
}

.front_info,.back_info,.list_info{
	position:relative;
}

.front_info a,.back_info a,.list_info a{
	position: absolute;
	width:100%;
	height:100%;
	z-index:999;
}

.front_info .circle_mark{
	background-color: #bd52b3;
}

.front_info .circle_mark .border_line{
	transform: rotate(135deg);
	left:10px;
}

.front_info .info_circle_mark{
	background-color: #bd52b3;
}

.front_info .info_circle_mark .border_line{
	transform: rotate(135deg);
	left:10px;
}

.front_info_text{
	padding:2px 0 0 12px;
}

.back_info .circle_mark{
	background-color: #bd52b3;
}

.back_info .info_circle_mark{
	background-color: #bd52b3;
}

.back_info_text{
	padding:2px 12px 0 0;
}

.same_category_list{
	margin-top:100px;
}

.same_category_list h2{
	margin-bottom:40px;
	color:#fc407a;
}
.slider-1 .slick-slide {
  width: 600px;
  height: 400px;
  margin: 0 80px;
  position: relative;
  overflow: hidden;
}
.slider-1 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slider-1 .slick-arrow {
	width: 30px;
	height: 30px;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 180px;
	z-index: 1;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider-1 .slick-arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255,255,255,0.7);
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 8px;
    transform: rotate(45deg);
}
.slider-1 .slick-next {
  right: 0;
}
.slider-1 .slick-prev {
  left: 0;
}
.slider-1 .slick-next::before {
  left: 7px;
}
.slider-1 .slick-prev::before {
  border-width: 0 0 2px 2px;
  right: 7px;
}
.dots-1 .slick-dots {
  text-align: center;
}
.dots-1 .slick-dots li {
  display: inline-block;
}
.dots-1 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.dots-1 .slick-dots .slick-active button {
  background: #0a467d;
}

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

	.detail_allow > .flex > div {
		font-size: 2.5vw;
	    color: #fc407a;
	    padding-right: 5px;
	}

	#infolist {
    	margin: 8vw 0;
	}

	.detail_allow {
	    margin-right: 2vw;
	}

	.detail_info_sp{
		width: 75%;
	}
	.circle_mark {
	    height: 5vw;
	    width: 5vw;
	}

	.circle_mark > .border_line{
		top: 1.5vw;
		left: 1vw;
	}

	.front_info .circle_mark > .border_line{
	    top: 1.4vw;
	    left: 2vw;
	    width: 1.5vw;
	    height: 1.5vw;
	}

	.info_circle_mark {
	    height: 6vw;
	    width: 6vw;
	}

	.info_circle_mark > .border_line {
	    top: 1.5vw;
	    left: 1vw;
	    width: 2vw;
	    height: 2vw;
	}

	.info_head{
		margin: 0 2vw;
	}

	.info_detail{
		margin: auto 2vw;
		width: calc(100% - 120px);
	}

	.info_detail_block {
		width:auto
	}

	.work_image, .news_image{
		height:90px;
		width:90px;
	}

	.info_detail_block > p {
		font-size:3vw;
		margin: 2px auto;
		max-height: 3rem;
		overflow: hidden;
	}
	.info_detail_block > div{
		font-size:13px;
		overflow:hidden;
		height:auto;
		max-height: 6rem;
	}

	.info_work_title .title, .info_news_title .title {
		font-size: 4vw;
		line-height: 5vw;
	}

	.work_info_sp, .news_info_sp {
	    cursor: pointer;
	    position: relative;
    	margin-top: 6vw;
    	overflow-wrap: break-word;
	}

	.work_info_sp > a ,.news_info_sp > a{
		position:absolute;
		width:100%;
		height:100%;
		z-index:999;
	}

	.button_text{
		text-align: center;
		width: 70vw;
		padding-left: 0;
	}

	.info_detail_block > p.news_title{
		color: initial;
	}

	.slider-2 .slick-slide {
	  width: 600px;
	  width: 80vw;
	  height: 400px;
	  height: 80vw;
	  margin: 0 80px;
	  position: relative;
	  overflow: hidden;
	}
	.slider-2 .slick-slide img {
	  display: block;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
	.slider-2 .slick-arrow {
		width: 30px;
		height: 30px;
		background-color: rgba(0,0,0,0.4);
		cursor: pointer;
		border: none;
		outline: none;
		font-size: 0;
		position: absolute;
		top: 180px;
		top: 38vw;
		z-index: 1;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	}
	.slider-2 .slick-arrow::before {
	    content: '';
	    display: block;
	    width: 10px;
	    height: 10px;
	    border: 1px solid rgba(255,255,255,0.7);
	    border-width: 2px 2px 0 0;
	    position: absolute;
	    top: 8px;
	    transform: rotate(45deg);
	}
	.slider-2 .slick-next {
	  right: 0;
	}
	.slider-2 .slick-prev {
	  left: 0;
	}
	.slider-2 .slick-next::before {
	  left: 7px;
	}
	.slider-2 .slick-prev::before {
	  border-width: 0 0 2px 2px;
	  right: 7px;
	}
	.dots-2 .slick-dots {
	  text-align: center;
	}
	.dots-2 .slick-dots li {
	  display: inline-block;
	}
	.dots-2 .slick-dots button {
	  display: block;
	  width: 10px;
	  height: 10px;
	  margin: 6px;
	  font-size: 0;
	  padding: 0;
	  border: 0;
	  outline: none;
	  cursor: pointer;
	  background: #bcbcbc;
	  border-radius: 50%;
	}
	.dots-2 .slick-dots .slick-active button {
	  background: #0a467d;
	}

	.info_attribute div {
		text-align:left;
	}

	/* インフォメーション/お仕事情報 */
	.work_info{
		display:none;
	}

	.work_info_sp{
		display:block;
	}

	.work_info_block {
		display: block;
	}

	.work_info_main, .news_info_main{
		padding-left: 0px;
	}

	.work_image_block {
		display: flex;
		justify-content: space-between;
		width:100%;
/* 		height:20px; */
		height:auto;
		border-bottom:solid 1px #bd52b3;
		border-right: none;
    	padding-bottom: 2vw;
	}
	.work_detail_button > button{
    	width: auto;
    	margin: auto;
    	justify-content: flex-start;
    }

	/* インフォメーション/最新お知らせ */

	.news_info{
		display:none;
	}

	.news_info_sp{
		display:block;
	}

	.news_info_block {
		display: block;
	}

	.news_info_main, .news_info_main{
		padding-left: 0px;
	}

	.news_image_block {
		display: flex;
		justify-content: space-between;
		width:100%;
		height:20px;
		border-bottom:solid 1px #bd52b3;
		border-right: none;
    	padding-bottom: 2vw;
	}

}

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

	.allow_left{
	    width: 6px;
	    height: 6px;
	    top: 18px;
	    left: 20px;
	}

	.allow_right{
	    width: 6px;
	    height: 6px;
	    top: 18px;
	    right: 20px;
	}
}

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

	.circle_mark {
	    height: 14px;
	    width: 18px;
	}

	.circle_mark > .border_line {
		top: 4px;
	}
}