@charset "UTF-8";
/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/
/*--------------------------------------------------------------
media
--------------------------------------------------------------*/
#recruit_media .recruit_media_header {
  background: #4886ec url("/images/parts_triangle_blue.png") no-repeat center bottom;
  padding: 80px 0 95px;
  text-align: center;
  color: #fff;
}
#recruit_media .recruit_media_header h2 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 4px;
}
#recruit_media .recruit_media_header h2 span {
  display: block;
  font-size: 20px;
  margin-top: 20px;
  letter-spacing: 3px;
}
#recruit_media .recruit_media_body {
  color: #fff;
  padding: 0 0 120px 0;
  background: #fff url("/images/parts_triangle_mgray.png") no-repeat center bottom;
}
#recruit_media .recruit_media_body a {
  color: #fff;
}
#recruit_media .recruit_media_body .recruit_media_body_in {
  width: 730px;
  margin: 0 auto;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block {
  background: url("/images/parts_triangle_bgrade.png") no-repeat center bottom;
  position:relative;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block.bottom {
  background-image: none;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block h3 {
  text-align: center;
  min-width: 130px;
  margin:0 auto 40px auto;
  font-size: 24px;
  position:relative;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block h3 img {
  margin-bottom: 10px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block span.media_tv_number{
  position:absolute;
  width: 28px;
  margin:auto;
  top: 52px;
  left: 0;
  right: 0;
  font-size: 21px;
  color: #fff;
  border-bottom: 2px solid #fff;
  line-height: 1;
  padding-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block span.media_magazine_number{
  position:absolute;
  width: 28px;
  margin:auto;
  top: 60px;
  left: 94px;
  font-size: 21px;
  color: #fff;
  border-bottom: 2px solid #fff;
  line-height: 1;
  padding-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block span.media_newspaper_number{
  position:absolute;
  width: 28px;
  margin:auto;
  top: 77px;
  left: 104px;
  font-size: 21px;
  font-weight: bold;
  color: #0f6fbb;
  line-height: 1;
  padding-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul {
  line-height: 1;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li figure {
  position: relative;
  margin-bottom: 15px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li figure img.btn_media_detail {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li h4 {
  font-size: 14px;
  text-align: center;
  padding: 0;
  margin: 0;
  border: none;
  color: #333;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist li {
  width: 231px;
  float: left;
  margin-right: 12px;
  margin-bottom: 30px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist .tvlist_images ul {
  margin-bottom: 10px;
  width: 100%;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist .tvlist_images ul li {
  width: 480px;
  float: left;
  margin-right: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist li {
  width: 170px;
  float: left;
  margin-right: 12px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li {
  float: left;
  margin-right: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.title {
  width: 280px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.info {
  width: 680px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li {
  width: 231px;
  float: left;
  box-sizing: border-box;
  margin-right: 12px;
  margin-bottom: 12px;
  border: 1px solid #333;
  text-align: center;
  padding: 15px 0;
  line-height: 1;
  box-sizing: border-box;
  font-size: 20px;
  color: #333;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li:last-child {
  border:none;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  line-height: 1;
  box-sizing: border-box;
  font-size: 20px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal {
  width: 960px;
  margin: 0 auto;
  display: none;
  line-height: 1.3;
  box-sizing:border-box;
  height: 100vh;
  overflow:scroll;
  padding-bottom: 2em;
  top: 12%;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dt:last-child, #recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dd:last-child {
  margin-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dt {
  width: 70px;
  float: left;
  clear: both;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dd {
  float: left;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dd:before {
  content: '：';
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption h3{
	border-bottom: none;
	margin: 0 auto;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption h3:after{
	display: none;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption h3.modal_title {
  font-size: 18px;
  height: auto;
  text-align: left;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption h4 {
  font-size: 16px;
  text-align: left;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption p {
  font-size: 14px;
  color: #333;
}
/*--------------------------------------------------------------
media_modal
--------------------------------------------------------------*/
#lean_overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
}
.modal_close {
  margin:0 0 10px auto;
  width: 40px;
  height: 40px;
  background: url("/images/company_information/modal_close.png");
  z-index: 2;
  cursor: pointer;
}
/*--------------------------------------------------------------
sp
--------------------------------------------------------------*/
@media screen and (max-width:736px) {
#recruit_media .recruit_media_body .recruit_media_body_in {
    width: 100%;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block {
    padding-bottom: 85px;
    background-size: contain;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul {
    line-height: 1;
    display: flex;
    flex-flow: row wrap;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist li {
    width: 32.33%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li figure {
    position: relative;
    margin-bottom: 7px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li h4 {
    font-size: 10px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul {
    line-height: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist li {
    width: 23%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li {
    width: 31%;
    float: none;
    margin-right: 0;
    font-size: 14px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li a {
    font-size: 12px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.newspaperlist li span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    line-height: 1;
    box-sizing: border-box;
    font-size: 14px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal {
    width: 90.7%;
    margin: 0 auto;
    display: none;
    line-height: 1.3;
    box-sizing: border-box;
    overflow-y:scroll;
    height: 100vh;
    padding-bottom: 3em;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist .tvlist_images ul li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl {
    font-size: 13px;
    margin: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption {
    padding: 10px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dt, #recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption dl dd {
    margin-bottom: 5px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.title {
    width: 40%;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.info {
    width: 100%;
    float: none;
    padding-top: 10px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_magazine .modal_caption {
    padding-top: 10px;
    width: 58%;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_tv{
  position:relative;
  background: #fff;
  border-radius: 14px;
  border: 3px solid #f9504c;
  padding: 20px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_tv .modal_caption{
	padding-top: 10px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_magazine{
  position:relative;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_magazine .modal_caption h4 {
    font-size: 13px;
    text-align: left;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_magazine .modal_caption dl dt {
    width: 55px;
    float: left;
    clear: both;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption p {
    font-size: 12px;
    margin-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul li figure img.btn_media_detail{
	width: 14px;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_caption h3.modal_title{
	margin-top: 0;
	font-size: 14px;
}
}
@media screen and (min-width:480px) {
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.tvlist .tvlist_images ul li {
    width: 50%;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.title {
    width: 29.5%;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block ul.magazinelist .magazinelist_images li.info {
    width: 70.5%;
    float: left;
    padding-top: 0;
}
#recruit_media .recruit_media_body .recruit_media_body_in .recruit_media_block .modal .modal_magazine .modal_caption {
    padding-top: 10px;
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
}

/*--------------------------------------------------------------
追加
--------------------------------------------------------------*/

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.company_information h4::before{
	height: 0;
}

.company_information ul li:before{
	display: none;
}