/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180717以上対応
Version: 20180717
*/
/* コンタクトボタンの設定*/

.header-menu-contact {
    top: 28px !important;
}

    .UnderTitle {
      font-size: 39px;
      color: #1b1464;
    }

    .UnderTitle>.UnderTitle-en {
      font-size: 47px  !important;
    }

	.company_voice{
		line-height: 48px !important;
	}

#pg-14-1> .panel-row-style {
    margin-top: -400px;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 750px) {
    .UnderTitle {
      font-size: 25px;
      color: #1b1464;
    }
	
	
.st-widgets-box {
    margin-bottom: 20px;
    display: none!important;
}
	
	

    .UnderTitle>.UnderTitle-en {
      font-size: 27px  !important;
    }
	
		.company_voice{
		line-height: 30px !important;

		}}
	
	.company-table-body-box-title{
    vertical-align: top;
		background : #f2f2f2;
		padding : 10px 10px !important;
		line-height :2.5em  !important;
	}
	
	.company-table-body-box-explain{
		padding : 10px !important;
		line-height :2.5em  !important;
	}

span.table-hide > br {
    display: none !important;
}

p.history_firstview {
    font-size: 40px !important;
    line-height: 54px !important;
    padding: 115px 0;
}

table.history-table {
	 line-height: 2.5em !important;
    border: none !important;
}

th.history-table-body-box-year {
    padding: 15px;
    vertical-align: top;
    width: 150px;
    background: #151f44;
    color: white;
	border-bottom: white solid 10px;
}

td.history-table-body-box-month {
	  width: 150px;
    text-align: right;
    border: none;
}

td.history-table-body-box-explain {
    border: none;
	padding-left : 60px;
}

span.table-hide-year22 {
    letter-spacing: -1.2px;
}

/* 会社概要スペース */

span.table-space1 {
    letter-spacing: 7.4px;
}

span.table-space2 {
    letter-spacing: 7px;
}

span.table-space3 {
    letter-spacing: 11px;
}

span.table-space4 {
    letter-spacing: 7.5px;
}

span.table-space5 {
    letter-spacing: 4.6px;
}

span.table-space6 {
    letter-spacing: 7.4px;
}

/* 会社概要スペース終了 */

        span.table-hide-year5 {
            letter-spacing: 1.1px;
        }

        span.table-hide-year13 {
            letter-spacing: 0.5px;
        }

        span.table-hide-year21 {
            letter-spacing: 0.8px;
        }

        span.table-hide-year22 {
            letter-spacing: -0.4px;
        }

        span.table-hide-year23 {
            letter-spacing: 0.8px;
        }

        span.table-hide-yearR1 {
            letter-spacing: 1.5px;
        }

p.process-firstview {
    font-size: 19px;
    letter-spacing: 3.1px;
}

    .process-SubTitle {
      padding-left: 15px;
      font-size: 30px;
      color: #a4a1c1;
      border-left: 7px solid #a4a1c1;
    }

    tr.process-table-body-title {
      text-align: center;
      padding-top: 30px;
    }

    td.process-table-body-title-text {
      padding: 15px;
    }


    td.process-table-body-under-explain {
      padding: 15px;
      vertical-align: top;
      line-height: 2em;
      border: none;
    }

tr.process-table-body-under {
    border: 1px solid;
}
    .interview {
		margin : 0 auto;
      width: 100%;
      height: 360px;
      overflow: hidden;
      position: relative;
      /* 相対位置指定 */
    }

table.process-SmartTable {
    display: none;
}

	.interview > img {
	width : 100%;
		height : 360px;
	}

    .interview .caption {
	position: absolute;
    transform: translateX(-50%);
    width: 100%;
    bottom: 15px;
    left: 50%;
      font-size: 14px;
		line-height: 2em;
      text-align: center;
		padding : 15px;
      color: #fff;
    }

    .interview .mask {
      width: 100%;
      height: 360px;
      position: absolute;
      /* 絶対位置指定 */
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      /* マスクを表示しない */
      background-color: rgba(0, 0, 0, 0.4);
      /* マスクは半透明 */
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .interview:hover .mask {
      opacity: 1;
      /* マスクを表示する */
    }



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {	
	.header-menu-contact {
    display: none;
}
	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
	  .process-SubTitle {
      padding-left: 10px;
		 margin-bottom: 15px;
      font-size: 21px;
      border-left: 5px solid #a4a1c1;	 
    }
	
	 .interview .mask {
      height: 260px;
    }


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {	
	
	/* 会社概要スペース */
	.company-table-body-box-title {
    padding: 10px 5px !important;
}
	
td.company-table-body-box-explain {
	width: 90px;
	padding : 5px
}
	
	span.table-hide-year22 {
    letter-spacing: 0px;
	}

span.table-space1 {
    letter-spacing: 7.4px;
}

span.table-space2 {
    letter-spacing: 0px;
}

span.table-space3 {
    letter-spacing: 0px;
}

span.table-space4 {
    letter-spacing: 0px;
}

span.table-space5 {
    letter-spacing: 0px;
}

span.table-space6 {
    letter-spacing: 0px;
}
	
	span.table-space7 {
    letter-spacing: -1px;
}
	span.table-hide-year5 {
		letter-spacing: normal;
	}

        span.table-hide-year13 {
		letter-spacing: normal;
        }

        span.table-hide-year21 {
		letter-spacing: normal;
        }

        span.table-hide-year22 {
		letter-spacing: normal;
        }

        span.table-hide-year23 {
		letter-spacing: normal;
        }

        span.table-hide-yearR1 {
		letter-spacing: normal;
        }

/* 会社概要スペース終了 */
	
	span.menu-item-label{
		color : #333333;
	}
	
div#pg-14-2 {
    margin-top: 280px;
}
	
	th.history-table-body-box-year {
	padding: 15px 10px;
    width: 80px;
    border-bottom: white solid 3px;
}
	
	td.history-table-body-box-month {
    width: 65px;
}
	
	td.history-table-body-box-explain {
    padding-left: 10px;
    line-height: 1.5 !important;
}
	
	p.history_firstview {
    font-size: 24px !important;
    line-height: 2.5em !important;
    padding: 0px 0;
}
	
	p.recruit-subtitle {
    font-size: 30px !important;
}
	
	
iframe {
  width: 100% !important;
  height: 100% !important;
}
	
	table.process-table {
    display: none;
}
	
	table.process-SmartTable{
		display : block;
	}
	
	    
	tr.process-SmartTable-body-title {
      text-align: center;
    }

    td.process-SmartTable-body-title-text {
      padding: 15px;
    }

    th.process-SmartTable-body-explain-title {
      text-align: center;
      padding: 15px;
      border-right: none;
    }

    td.process-SmartTable-body-explain-text {
      line-height: 2em;
      padding: 15px;
      border-left: none;
    }
	
dl.clearfix {
    display: block !important;
    width: 80% !important;
    height: 280px !important;
    margin: 0 auto !important;
    margin-bottom: 60px !important;
}
	
	.company-table-body-box-title{
		width : 50px;
	}
	
span.table-hide {
    display: block;
}
	
	span.table-hide > br {
	display : block !important;
}
	

	
	/*-- ここまで --*/
}

	/*-- ヘッダーGナビ --*/
.menu_pc {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.menu_pc p {
    color: #333333;
    font-size: 11px;
    line-height: 3px;
}

li.menu-item.menu-item-type-post_type :hover {
    font-weight: bolder;
	font-size : 14px;
}



	/*-- スマホ、パソコン、表示、非表示--*/

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

@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }

}

	/*-- Gナビ幅--*/

header .smanone ul.menu li {
    box-sizing: border-box;
    list-style-type: none;
    float: left;
    width: 110px!important;
    height: 60px!important;
    text-align: center;
    border-right: solid 1px #f3f3f3;
    position: relative;
}
	/*-- ヘッダー右側幅--*/


#header-r {
    float: right;
	margin-top: 15px;
	margin-right: 160px!important;
    max-width: 800px!important;

    padding-top: 0px;
}

.footer-r {
    float: right;
    width: 60%!important;
    box-sizing: border-box;
    margin-top: 20px!important;

}
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }

.footer-r {    float: right;
    width: 100%!important;
    box-sizing: border-box;
    margin-top: 20px!important;
	padding: 20px;
	}

}

	/*-- フッターロゴ位置調整--*/

#footer .footerlogo img {
    max-width: 300px;
    margin: 0 auto 10px;
    text-align: right!important;
    display: block!important;
}



	/*-- カテゴリータグ非表示--*/

.catname {
    background: #039BE5;
    color: #ffffff;
    display: none!important;
}


	/*-- サイドメニュー見出し--*/

.side-midasi{
    background: #1b1464;
    padding: 7px;
    margin: 20px 0;
    color: #fff;
	}

	/*-- サイドスライド投稿moreドット非表示--*/



.slick-dots li button {

    display: none;
}






	/*-- .category .entry-content{display:none!important;}
.post .entry-content {display:block;}
#st-page {display:block;}--*/



.kanren dl {
    display: inline-block;
    vertical-align: top;
	  width: 27%;
    height: 270px;
    margin: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    align-content: stretch;
}

.kanren dt {
    width: 100%;
}
	.kanren dt img {
	width : 100%;
	border : 1px solid black;
	height: auto;
 object-fit: cover; 
    padding-bottom: 10px;

}

dd h3:not(.st-css-no2) a {
    line-height: 60px;
}


.kanren dd {
    padding-left: 1px;
}

.kanren dd {
    text-align: center;
}

dd > .smanone {
    display: none;
}

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

.acordion_tree ul.menu li {
    font-size: 20px;
    line-height: 180%!important;
}}

.n2-ss-align.n2-ss-align-visible {
    overflow: visible;
    margin-bottom: -80px!important;
}

.entry-content{margin-top:-30px;}




	/*-- コンタクトフォーム--*/

.wpcf7c-conf {
background-color: #bfd8ed; /* 背景色 */
color: black; /* 文字色 */
border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}

.kakunin2{padding: 7px 15px;
    margin: 5px auto;
        width: 50%!important;
    background: #1b1464!important; 
    color: #fff!important; 
    display: block;}

.menu-item-label{
	font-size:15px!important;
	
}

	/*-- フッター固定ボタン--*/

.originalbtn-bold {
    font-family:'Noto Sans JP', serif!important;
    font-weight: normal!important;
}

	/*-- テーブル内フォントスマホ用--*/

@media only screen and (max-width: 750px) {
table th {
    font-size: 12px!important;}
	
 table th p {
    font-size: 12px!important;}
	
.post table tr td p {
    font-size: 12px!important;}
	
.post table tr td {
    font-size: 12px!important;}
	
	}
	

a {
    text-decoration: none!important;
}

	/*-- 各ページタイトル非表示--*/

h1.entry-title {
    display: none !important;
}

.type-post .entry-title {
    display: block !important;
    margin-bottom: 60px !important;
}