@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap');

/*section01*/

#section01 {
	background: url(/recruit/images/bg01.jpg) no-repeat;
	background-size: cover;
	position: relative;
	padding: 130px 0;
}

.movieBox {
	width: 90%;
	margin: 0 auto;
}

#section01 .movieBox .movie {
	/* float: left;
	width: 52%; */
	width: 100%;
}

#section01 .movieBox .txt {
	/* float: right;
	width: 44%; */
	font-size: 16px;
	color: #0c1941;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.1em;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	width: 100%;
}

#section02 .contents .whatBox .txtBox .title h2 {
	margin: 0 auto;
	text-align: center;
	width: 91%;
	margin-bottom: 30px;
}

#section02 .contents .whatBox .txtBox .title h2 img {
	width: 100%;
}

#section02 .contents .whatBox {
	background: url(/recruit/images/what_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50%;
	padding-top: 25%;
	float: left;
	cursor: pointer;
}

#section02 .contents .workBox {
	background: url(/recruit/images/work_bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50%;
	padding-top: 25%;
	float: right;
	cursor: pointer;
}

#section02 .contents .whatBox .txtBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#section02 .contents .workBox .txtBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}


#section02 .contents .whatBox::after {
	border: 1px solid #fff;
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	-webkit-transition: .3s;
	transition: .3s;
}

#section02 .contents .whatBox:hover::after {
	top: 35px;
	left: 35px;
	right: 35px;
	bottom: 35px;
}

#section02 .contents .workBox .txtBox .title h2 {
	margin: 0 auto;
	text-align: center;
	width: 51%;
	margin-bottom: 30px;
}

#section02 .contents .workBox .txtBox .title h2 img {
	width: 100%;
}

#section02 .contents .workBox::after {
	border: 1px solid #fff;
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	-webkit-transition: .3s;
	transition: .3s;
}

#section02 .contents .workBox:hover::after {
	top: 35px;
	left: 35px;
	right: 35px;
	bottom: 35px;
}



#section02 .contents .workBox .txtBox title {
	display: inline-block;
	background: #0c1941;
	font-weight: bold;
	font-size: 15px;
}



/*aaa*/

.title h2 p {
	padding: 3px 14px;
	font-size: 22px;
	font-weight: bold;
	/*  background: #0c1941;*/
	display: inline-block;
	margin-bottom: 20px;
	color: #fff;
	background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #f00 50.5%) no-repeat top left -40px/16% 100%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #0c1941 50.5%) no-repeat top left/100% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 39%, #0c1941 50.5%) no-repeat top left/100% 100%;
}

.title h2 p.white {
	background: #fff;
	color: #0c1941;
}

.title h2 span.before {
	background:
		linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #f00 50.5%) no-repeat top left/100% 100%;
}

.title h2 span.after {
	background:
		linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #f00 50.5%) no-repeat top left/100% 100%;
}

#section02 .contents a {
	opacity: 1;
	color: unset;
	text-decoration: none;
}

#section02 .contents .txtBox .txt {
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 2px 3px #808080;
}

#section03 {
	margin: 80px auto;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#section03 .title h2 {
	margin: 0 auto;
	text-align: center;
	width: 24%;
	margin-bottom: 40px;
}

#section03 .title h2 img {
	width: 100%;
}

#section03 .interviewBox .people {
	margin-bottom: 40px;
}

#section03 .interviewBox .people a:hover {
	opacity: 1;
	color: unset;
	text-decoration: none;
}

#section03 .interviewBox .people .pepleBox {
	width: 23.6%;
	margin-right: 20px;
	float: left;
	position: relative;
}

/*
#section03 .interviewBox .people .pepleBox:hover::after {
  opacity: 1;
  position: absolute;
  content: 'MORE VIEW';
  color: #fff;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}*/

/*
#section03 .interviewBox .people .pepleBox:hover .img::after {
  content: '';
  background: #0c1941;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}*/

#section03 .interviewBox .people .pepleBox:hover .txt .bg {
	background: linear-gradient(#ecc37d, #ec9601);
}

#section03 .interviewBox .people .pepleBox.rightnone {
	margin-right: 0;
}

#section03 .interviewBox .people .pepleBox .txt {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	width: 100%;
	padding: 20px 20px;
	text-align: left;
	line-height: 1;
	color: #fff;
}

#section03 .interviewBox .people .pepleBox .txt .bg {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(#4ea4dc, #7fcfee);
	opacity: 0.8;
}

#section03 .interviewBox .people .pepleBox .txt ul {
	z-index: 9;
	position: relative;
}

#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(1) {
	font-size: 14px;
	margin-bottom: 3px;
}

#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(2) {
	font-size: 20px;
	margin-bottom: 15px;
}

#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(3) {
	font-size: 10px;
}


#section04 .contents .detaBox {
	background: #ebfbff;
	background-size: cover;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50%;
	padding-top: 25%;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

#section04 .contents .detaBox .txtBox .title h2 {
	margin: 0 auto;
	text-align: center;
	width: 76%;
	margin-bottom: 30px;
}

#section04 .contents .detaBox .txtBox .title h2 img {
	width: 100%;
}


#section04 .contents .detaBox .txtBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#section04 .contents .detaBox .bg_img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#section04 a {
	opacity: 1;
}

#section04 .contents .detaBox .bg_img:hover {
	width: 95%;
	-webkit-transition: .3s;
	transition: .3s;
}

#section04 .contents .keywordBox .title h2 {
	margin: 0 auto;
	text-align: center;
	width: 76%;
	margin-bottom: 30px;
}

#section04 .contents .keywordBox .title h2 img {
	width: 100%;
}

#section04 .contents .keywordBox {
	background: #fffde2;
	background-size: cover;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 50%;
	padding-top: 25%;
	float: right;
	overflow: hidden;
	cursor: pointer;
}

#section04 .contents .keywordBox .bg_img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#section04 .contents .keywordBox .bg_img:hover {
	width: 95%;
	-webkit-transition: .3s;
	transition: .3s;
}

#section04 .contents .keywordBox .bg_img {
	background: url(/recruit/images/keyword_bg.jpg) no-repeat;
}

#section04 .contents .keywordBox .txtBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#section04 .contents .txtBox .txt {
	font-weight: bold;
	font-size: 16px;
	color: #0c1941;
}



/*SP*/

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

	#section01 .movieBox .movie {
		float: none;
		margin: 0 auto;
	}


	#section01 .movieBox .txt {
		float: none;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		width: 100%;
	}

	#section02 .contents .txtBox .txt {
		font-size: 14px;
		letter-spacing: 0.001em;
	}

	#section03 .interviewBox {
		margin: 0 auto;
	}

	#section03 .title h2 {
		width: 29%;
	}

	#section03 .interviewBox .people .pepleBox {
		width: 22.6%;
		margin-right: 10px;
		float: none;
		position: relative;
		display: inline-block;
	}

	#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(1) {
		font-size: 12px;
	}

	#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(2) {
		font-size: 17px;
	}

	#section02 .contents .whatBox .txtBox,
	#section02 .contents .workBox .txtBox {
		width: 80%;
	}

	#section02 .contents .whatBox .txtBox .title h2 {
		width: 79%;
	}

	#section02 .contents .workBox .txtBox .title h2 {
		width: 44%;
	}

	#section02 .contents .workBox:hover::after,
	#section02 .contents .whatBox:hover::after {
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	#section04 .contents .detaBox .txtBox .title h2 {
		width: 67%;
		margin-bottom: 15px;
	}

	#section04 .contents .keywordBox .title h2 {
		width: 67%;
		margin-bottom: 15px;
	}

	#section04 .contents .detaBox .txtBox,
	#section04 .contents .keywordBox .txtBox {
		width: 80%;
	}

	#section04 .contents .txtBox .txt,
	#section04 .contents .txtBox .txt {
		font-size: 14px;
		letter-spacing: 0.001;
	}

}



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

	#section02 .contents .whatBox .txtBox .title h2 {
		width: 92%;
	}

	#section02 .contents .workBox .txtBox .title h2 {
		width: 52%;
	}

	#section04 .contents .detaBox .txtBox .title h2 {
		width: 104%;
	}

	#section04 .contents .keywordBox .title h2 {
		width: 104%;
	}


	#section02 .contents .whatBox {
		width: 100%;
		padding-top: 60%;
		float: none;
		overflow: hidden;
		display: block;
	}

	#section02 .contents .whatBox .txtBox,
	#section02 .contents .workBox .txtBox {
		width: 80%;
	}

	.title h2 p {
		font-size: 18px;
	}

	#section02 .contents .txtBox .txt,
	#section02 .contents .txtBox .txt {
		font-size: 18px;
	}


	#section02 .contents .workBox {
		width: 100%;
		padding-top: 60%;
		float: right;
	}

	#section03 {
		margin: 50px auto;
		padding: 10px;
	}

	.interviewBox {
		padding: 0 20px;
	}

	#section03 .interviewBox .people {
		margin-bottom: 0;
	}

	#section03 .interviewBox .people .pepleBox {
		width: 47.5%;
		margin-right: 0;
		margin-bottom: 10px;
		position: relative;
		display: inline-block;
	}

	#section03 .interviewBox .people .pepleBox .img {
		width: 100%;
		float: left;
	}

	#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(2) {
		font-size: 16px;
		margin-bottom: 8px;
	}

	#section03 .interviewBox .people .pepleBox .txt ul li:nth-child(1) {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#section03 .interviewBox .people {
		margin-bottom: 0;
	}

	#section03 .title h2 {
		width: 62%;
	}


	#section03 .interviewBox .people .pepleBox .txt {
		padding: 10px 10px;
	}


	#section04 .contents .detaBox,
	#section04 .contents .keywordBox {
		width: 100%;
		padding-top: 60%;
		float: none;
		display: block;
	}

	#section04 .contents .txtBox .txt {
		font-size: 16px;
	}

	#section04 .contents .detaBox .txtBox,
	#section04 .contents .keywordBox .txtBox {
		width: 60%;
	}

	#section04 .contents .detaBox .bg_img,
	#section04 .contents .keywordBox .bg_img {
		opacity: 0.5;
	}

}






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

	#section01 {
		padding: 50px 20px !important;
	}

	#section01 .movieBox .movie {
		float: none;
		width: 100%;
	}

	#section01 .movieBox .movie iframe {
		width: 100%;
		height: 280px;
	}

	#section01 .movieBox .txt {
		float: none;
		font-size: 14px;
		text-align: center;
		margin-top: 20px;
		line-height: 1.5;
		width: 100%;
	}

	#section02 .contents .txtBox .txt,
	#section02 .contents .txtBox .txt {
		font-size: 16px;
	}


}

.mv {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: url(/recruit/lib/cmn_img/sub_mv_bg.jpg) left repeat;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  overflow: hidden;
  color: #0c1941;
}

@media screen and (max-width:800px) {
  .mv {
    padding: 0;
    font-size: 24px;
  }
}

.mv-news {
  width: 100%;
  margin: 0 auto;
  padding: 70px 0;
  background: url(/recruit/lib/cmn_img/sub_mv_bg.jpg) left repeat;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  overflow: hidden;
  color: #0c1941;
}

@media screen and (max-width:800px) {
  .mv-news {
    padding: 40px;
    font-size: 24px;
  }
}


/*--------------------------------------------------
    [TOP UNIQ #news]
----------------------------------------------------*/
#news {background: #fff;}
.top-newslist {padding:50px 0px 0px;}
.top-newslist div {border-right:2px solid #eee;}
.borderl {border-left: 2px solid #eee;}

/* top news */
.newsnum {margin-bottom: 30px;}
.newsnum span {
    display: block;
    line-height: 1.4em;
}
.numtxt {
   font-size: 30px;
   font-weight: 400;
   color:#fff;
}
.numtag {
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px;
    color: #fff;
    display: inline-block;
    line-height: 1.6em;
    background: #1e2a53;
}
.tag-news {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #bd3232;
    border-radius: 100px;
    padding: 1px 11px;
}
.qs_txt_entry .tag-news { margin-left: 5px;}
.cate01 {background-color: #0168b5!important;}
.cate02 {background-color: #b50101!important;}
.cate03 {background-color: #68926a!important;}
.cate04 {background-color: #1cbec4!important;}
.cate05 {background-color: #e48000!important;}

.news-title {
    font-size: 18px;
    letter-spacing: 0.01em;
}
.news-subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #3e3e3e;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.top-newslist time {
    color: #a0a0a0;
    font-size: 15px;
    font-weight: 300;
}
.qs_txt_entry {
	margin-bottom: 10px;
	font-weight: 600;
}

@media (max-width: 991px) {
.borderl {border-top: 1px solid #eee;}  
.top-newslist div {
    margin-bottom: 30px;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 30px 0px;
    text-align: center;
}
.numtag { font-size: 12px;}
}


/*------------------------------------------------------------------
    [sub05 news]
------------------------------------------------------------------*/

.newslist img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#newslist .content-lg {
    padding-top: 0px;
}



/* news left */
.wrap__col {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}




@media only screen and (min-width: 992px), print{
.col__main {margin-right: 50px;}   
.col__main {
    margin-right: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.col__side { width: 230px;  margin-top: 0;}
}



/* news category */
.col__side {
    margin-top: 0px;
    /* background-color: #f8f8f8;*/
}
.col__side .inner {
    position: -webkit-sticky;
    position: sticky;
    top: 5em;
}

.col__side .ttl__side {
    font-size: 17px;
    font-size: 1.7rem;
    border-bottom: 1px solid #fff;
}

.col__side .ttl__side a, .col__side .ttl__side span {
    display: block;
    padding: 0.7em 0.5em 0.6em 15px;
    background: transparent;
    color: #000;
    font-weight: 700;
    /* letter-spacing: 0.1em; */
    text-decoration: none;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.col__side .list_side_link {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 40px;
}

.col__side .list_side_link li:first-child {
    border-top: none;
}
.col__side .list_side_link li a {
    -webkit-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: relative;
    display: block;
    padding: 0.6em 0.5em 0.6em 15px;
    color: #464646;
    font-size: 14px;
    border-bottom: 1px solid #dedede;
}


.qs_wrap__entry_thumb .qs_entry_list {
  overflow: hidden;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -30px -10px 0;
}

@media only screen and (min-width: 992px), print {
  .qs_wrap__entry_thumb .qs_entry_list {
    margin: 0px;
  }
}


.qs_wrap__entry_thumb .qs_entry_list li {
  width: 50%;
  margin-top: 0px;
  margin-bottom: 30px;
  padding: 0 10px;
}


@media only screen and (min-width: 992px), print {
  .qs_wrap__entry_thumb .qs_entry_list li {
    width: 33.33333%;
    margin-top: 0px;
    padding: 0 15px;
  }
}

.qs_wrap__entry_thumb .qs_entry_list li a {
  color: #444;
  text-decoration: none;
}
.qs_wrap__entry_thumb .qs_entry_list li a:hover .qs_img_entry img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
.qs_wrap__entry_thumb .qs_img_entry {
  overflow: hidden;
  position: relative;
  padding-top: 62.5%;
  background-color: #f8f8f8;
}
.qs_wrap__entry_thumb .qs_img_entry img {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}
.qs_wrap__entry_thumb .qs_meta_entry {
    color: #a0a0a0;
    font-size: 15px;
    font-weight: 300;
}





@media only screen and (max-width: 991px) {
    #newslist .content-lg {
    padding: 0px 0px!important;
}

.qs_wrap__entry_thumb .qs_txt_entry {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6em;
}
.qs_wrap__entry_thumb .qs_meta_entry {font-size: 13px;}
.qs_txt_entry .tag-news{margin-left: 10px;}
/* category */
.col__side {
    margin-top: 52px;
    width: 100%;
}
.wrap__col {
      list-style: none;
    display: list-item;
    padding-right: 10px;
    padding-left: 10px;
}



}




/* pager */
.qs_wrap_page__navi {
    margin-top: 32px;
}
.qs_page__navi {
    overflow: hidden;
    text-align: center;
}
.qs_page__navi li {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    width: 2.2rem;
    line-height: 20px;
    line-height: 2rem;
}
.qs_page__navi li.current {
    background-color: #0168b5;
    border: 1px solid #0168b5;
    border-radius: 2px;
    color: #fff;
    pointer-events: none;
}
.qs_page__navi li.first a, .qs_page__navi li.previous a, .qs_page__navi li.last a, .qs_page__navi li.next a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
}

.qs_page__navi li a, .qs_page__navi li span {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    display: block;
}
.qs_page__navi li a {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #000;
}

.qs_page__navi li.first a:after, .qs_page__navi li.previous a:after, .qs_page__navi li.last a:after, .qs_page__navi li.next a:after {
    font-size: 14px;
    font-size: 1.4rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #aaa;
    text-indent: 0;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.qs_page__navi li.next a:after {
    content: ">";
}
.qs_page__navi li.previous a:after {
    content: "<";
}
.qs_page__navi li.first a:after {
    content: "<<";
}
.qs_page__navi li.last a:after {
    content: ">>";
}
.qs_page__navi li.last {
    margin-left: 0.4em;
}

.qs_page__navi li a:hover {
    background: #333;
    color: #fff;
}


@media only screen and (min-width: 992px), print{
.qs_wrap_page__navi {margin-top: 80px;}
.qs_page__navi li.first {
    margin-right: 0.8em;
}
.qs_page__navi li.last {
    margin-left: 0.8em;
}
.qs_page__navi li {
     margin: 0 0.1em;
    width: 35px;
    width: 3.5rem;
    line-height: 33px;
    line-height: 3.3rem;
}

}

@media only screen and (min-width: 576px), print{
.qs_wrap_page__navi {margin-top: 40px;}
}

/*------------------------------------------------------------------
    breadcrumb
------------------------------------------------------------------*/
.breadcrumb {
    background: #fff;
    padding: 10px;
    border-bottom: solid 1px #ededed;
    margin-top: 0px;
    margin-bottom: 50px;
}

.breadcrumb .content-lg {
    padding: 10px!important;
}

.breadcrumb span {
    color: #000;
    font-size: 14px;
}
.breadcrumb ol {
 margin: 0 auto;
 width: 100%;
 max-width: 1240px;
 padding-right: 15px;
 padding-left: 15px;
}

.breadcrumb-item { display: inline-block;}


.breadcrumb-item+.breadcrumb-item::before {
  content: "\03e";
  color: #aaa;
}

.breadcrumb-item+.breadcrumb-item { padding-left: 1rem; }

li.breadcrumb-item:first-child a {
  color: #aaa;
  position: relative;
}

li.breadcrumb-item:first-child a span {
 padding-left: 1rem;
 color: #9c9c9c;
 font-weight: 400;
 font-size: 15px;
}

li.breadcrumb-item a .icon {
  width: 1.6rem;
  margin-top: -4px;
  vertical-align: text-bottom;
}

li.breadcrumb-item a .icon img {
    width: 16px;
}
@media screen and (max-width: 991px) {
.breadcrumb { margin-top: 0px;}
.breadcrumb .content-lg { padding: 0px!important;}
}

/*------------------------------------------------------------------
    [sub05 news_detail]
------------------------------------------------------------------*/
.qs_wrap__entry .qs_header__entry {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2em;
    border-bottom: 1px solid #ddd;
}


.qs_wrap__entry .qs_header__entry .ttl__article {
    font-size: 25px;
    font-size: 2.5rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: none;
    font-weight: 700;
    color: #000;
    margin: 10px 0 5px;
}


.qs_wrap__entry .qs_header__entry .qs_meta_entry {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0.5em;
    color: #999;
    font-weight: 400;
    line-height: 1.4;
}


.qs_wrap__entry p {
    font-size: 15px;
    font-weight: 400;
}
.qs_wrap__entry .main_img {
    margin-bottom: 2.5em;
}
.qs_wrap__entry .qs_body__entry img {
    max-width: 100%;
}
.qs_wrap__entry .main_img img {
    display: block;
    max-width: 100%;
    height: auto;
}

[class^="heading"] {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
.qs_wrap__entry .qs_body__entry p, .qs_wrap__entry .qs_body__entry blockquote, .qs_wrap__entry .qs_body__entry ul, .qs_wrap__entry .qs_body__entry fieldset, .qs_wrap__entry .qs_body__entry form, .qs_wrap__entry .qs_body__entry ol, .qs_wrap__entry .qs_body__entry dl, .qs_wrap__entry .qs_body__entry dir, .qs_wrap__entry .qs_body__entry menu, .qs_wrap__entry .qs_body__entry table {
    margin: 1.2em 0;
}

.cmbtn {
	margin-top: 50px;
	text-align: center;
}

.btn-theme-ss {
	font-size: 14px;
	font-weight: 600;
	padding: 11px 35px;
	border-radius: 50px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn-blue {
	background: #1e2a53;
	color: #fff;
}

.topnews {
	position: absolute;
	top: 5%;
	left: 3%;
	font-size: 19px;
	z-index: 999;
}

.topnews a {
	color: #fff;
	background: #1e2a53;
	padding: 15px 30px;
	border-radius: 5px;
}

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

	.topnews {
		font-size: 14px;
	}

	.topnews a {
		padding: 10px 20px;
	}
}

img.pan {
	position: relative;
	top: 14px;
}