/*
Theme Name: Lightning Child
Theme URI: https://lightning.nagoya
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 13.5.4.1612067793
Updated: 2021-01-31 13:36:33

*/

ul.news_links{
    list-style: none;
}
ul.news_links li{
    display: flex;
    padding: .5em 1em;
    border-bottom: #e4e4e4 1px solid;
    align-items: baseline;
}
ul.news_links li .date{
    width: 7rem;
    font-size: .8em;
    color: #555;
}
ul.news_links li .news-cat{
    width: 8rem;
    margin-right: 0.5rem;
    font-size: .8em;
    color: #fff;
    text-align: center;
    padding: 1px 4px;
}

		/*-------------------------------------------*/
/*NEWS カテゴリーの色
	* /*-------------------------------------------*/
ul.news_links li .news-cat-green{
		background-color:#298f30;
	}

ul.news_links li .news-cat-red{
		background-color:#C22B27;
	}

ul.news_links li .news-cat-orange{
		background-color:#D2843F;
	}

ul.news_links li .news-cat-blue{
		background-color:#1B2080;
	}

ul.news_links li .news-cat-lightblue{
		background-color:#78ADDC;
	}

ul.news_links li a{
    width: calc(100% - 14rem);
}
@media screen and (max-width: 768px){
    ul.news_links li{
        flex-wrap: wrap;
    }
    ul.news_links li a{
        width: 100%;
        margin-top: 5px;
    }
}
/*-------------------------------------------*/
/*NEWS新着情報
 * /*-------------------------------------------*/
.news_links>.date{
	font-size:16px;
}

/*-------------------------------------------*/
/*採用情報>「数字で見る」のレイアウト
 * /*-------------------------------------------*/
.info-data {
    text-align: justify;
    padding: 15px 15px 0;
    vertical-align: top;
    font-size: 0;
}
.i-content {
  width: 100%;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
}

.i-content2 {
  margin:0 -200%;
padding:0 200%;
background: #f0f0f2;
text-align: center;
}

.i-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
 
.info_image{
  width: calc(33.3% - 0px);
  display: inline-block;
  padding: 15px;
}

.info_image-w {
  width: calc(66.6% - 5px);
  display: inline-block;
	padding: 15px;
}

.pc { display: block !important; }
.sp { display: none !important; }

.i-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
	
	.i-content2 {
background: #f0f0f2;
}
	.i-padding {
    padding-top: 40px;
    padding-bottom: 40px;
	}
 .pc { display: none !important; }
 .sp { display: block !important; }
}


/* 事業概要　詳細　ボタン */
.button { 
  display: inline-block;
  width: 50%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  position: absolute;
}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.button:hover::after {
  background: #333;
  -webkit-transform: scale(1);
  transform: scale(1);
}




@media screen and (max-width:768px) {
.button{
  display: inline-block;
  width: 100%; /*スマホのときは100%にする*/
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  position: absolute;
}

.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}



/*-------------------------------------------*/
/*RSSレイアウト
 * /*-------------------------------------------*/

.RSS-Inner-Card{
display: flex;
flex-wrap: wrap;/*折返し許可*/
}
.RSS-Inner-Card-Item{
width: calc((100% - 10px * 2) / 3);/*PCのときは3列*/
box-sizing: border-box;
}
@media screen and (max-width:768px) {
.RSS-Inner-Card-Item{
width: 100%;/*スマホのときは１列にする*/
}
}
.RSS-Inner-Card-Item:not(:nth-child(3n-2)){
margin-left: 10px;
}
.RSS-Inner-Card-Item:not(:nth-child(-n+3)){
margin-top: 10px;
}
@media screen and (max-width:768px) {
.RSS-Inner-Card-Item:not(:nth-child(3n-2)){
margin-left: 0;
}
.RSS-Inner-Card-Item:not(:nth-child(-n+3)){
margin-top: 0;
}
.RSS-Inner-Card-Item:not(:nth-child(1)){
margin-top: 10px;
}
}
.RSS-Inner-Card-Item-ImgBox{
width: 100%;
}
.RSS-Inner-Card-Item-ImgBox-Img{
width: 100%;
padding-top: 56.25%;/*画像縦横比率維持*/
}
.RSS-Inner-Card-Item-Title{
margin-top: 10px;
color: #5bc8ac;
font-size: 16px;
}
.RSS-Inner-Card-Item-Text{
margin-top: 8px;
line-height: 1.8;
color: #666;
font-size: 14px;
}