/* subpage.css 下層ページのスタイル　*/
/*---------------------------------------------
	▼temp
---------------------------------------------*/

.contents_title {
	margin-top: 100px;
	width:auto;
	text-align:center;
	height:150px;
	background: url(../img/blue_menu.png) no-repeat center;
	background-size:cover;}
    
.contents_title_line {
	height:6px;
	width:auto;
	overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2660ac+0,4c8fd3+100 */
background: #2660ac; /* Old browsers */
background: -moz-linear-gradient(left, #2660ac 0%, #4c8fd3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2660ac 0%,#4c8fd3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2660ac 0%,#4c8fd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2660ac', endColorstr='#4c8fd3',GradientType=1 ); /* IE6-9 */;}

.contents_title h1 {
    color: #fff;
    line-height: 150px;
    font-size: 200%;
    letter-spacing: 0.1em;
    font-weight: normal;
	font-family: 'M PLUS 1p', sans-serif;
}

.contents_inner {
	width:1050px;
	margin:0 auto;
	padding:50px 0;
	overflow: hidden;
	color:#333;
	line-height:1.8em;}

.category-h {
	overflow: hidden;
	border-bottom: #ccc 1px solid;
	margin-bottom: 35px;
}

.category-h h1 {
	font-size:160%;
	float:left;
	margin-bottom:10px;
	letter-spacing: 0.08em;
	font-family: 'M PLUS 1p', sans-serif;}

.category-h h2 {
    font-size: 100%;
    color: #2660AC;
    margin: 2px 0 0 20px;
    float: left;
    letter-spacing: 0.2em;}

.category-h span {
	clear:both;
	display:block;
    width: 70px;
    height: 4px;
    background-color: #2660AC;
    margin: 0 0 35px;}


.contents_inner p {
	color:#333;}

.contents_menu {
	width:auto;
	margin:30px auto;
	border-top:#999 1px dotted;
	padding-top:30px;
	clear:both;
	overflow: hidden;}
	
.contents_menu_relation {
	width:auto;
	margin:30px auto;
	border-top:#999 1px dotted;
	padding-top:30px;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
}
.contents_menu_relation .menu_item{
width: 40%;
margin-top:10px; 
}

.link-area {
    border-top: #ccc 1px solid;
    margin: 70px auto 50px;}

.link-area02 {
    border-top: #ccc 1px solid;
    margin: 0 auto 50px;}


    @media (min-width: 1024px) and (max-width: 1200px) {
        .contents_inner {
            width: 1000px;
        }
    }
    @media (max-width: 1023px) {
            .contents_title {
                height: 80px;}
                @media screen and (max-width:834px){
                    .contents_title {
                        margin-top: 56px;
                    }
                }
            .contents_title h1 {

                line-height: 80px;
                font-size: 100%;
            }
            .contents_inner {
            width: 94%;
            margin: 0 auto;
            padding: 25px 0;}
            
            .category-h {
            margin-bottom: 20px;
            }
            
            .category-h h1 {
                font-size: 120%;
                margin: 0 10px 5px 0;
            }
            
            .category-h h2  {
            font-size: 90%;
            margin: 0;}
            
            .category-h span {
            margin: 0 0 25px;
            }
            .contents_inner p {
            font-size: 90%;
            line-height: 1.6em;}
            
            .contents_menu {
            width: 100%;
            overflow: hidden;}
            
            .contents_menu_relation {
            width: 100%;
            flex-direction: column;
            }
            
            .contents_menu_relation .menu_item{
            width: 100%;
            margin-top:10px; 
            }
            
            .contents_menu ul li {
            width: 100%;
            font-size: 90%;
            line-height: 1.5em;
                float: none;}
            
            .contents_menu ul li:first-child {
                float: none;
                margin-bottom: 8px;
            }
            .contents_menu ul li:nth-child(2) {
                float: none;
                margin-bottom: 8px;
            }
            .contents_menu ul li:last-child {
                float: none;
                margin-top:0;
            }
            
            .contents_menu .contents_menuInner{
                margin: 10px auto;
                width:100%;
            }
            
            .link-area {
            width: 100%;
            margin: 30px 0;
        }
    }




/*---------------------------------------------
	▼canpany-more
---------------------------------------------*/

.message {
	overflow: hidden;
    margin-bottom: 100px;}

.message img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;}

    @media (max-width:1023px) {
        .message img {
        max-width: 250px;
        display: block;
        width: 45%;}
    }
.contents_menu ul li {
	list-style:none;
	font-size:110%;
    text-align: center;
	width:40%;}

.contents_menu ul li a {
	display:block;
	background:#eee;
	text-decoration:none;
	color:#000;
    padding: 20px 0;
    border: #ddd 1px solid;}

.contents_menu ul li a:hover {
	background:#2660AC;
	color:#FFF;}

.contents_menu ul li:first-child {
	float:left;}
	
.contents_menu ul li:nth-child(2) {
	float:right;}

.contents_menu ul li:last-child {
	/*float:right;*/
    margin-top: 10px;}

.contents_menu_relation .menu_item {
	margin-top: 10px; 
}

.contents_menu_relation .menu_item a {
	display: block;
	font-size:110%;
	text-align: center;
	width: 100%;
	background: #eee;
	text-decoration: none;
	color: #000;
    padding: 20px 0;
    border: #ddd 1px solid;
}

.contents_menu_relation .contents_menuInner{
	margin: 20px auto;
	width: 50%;
}

.contents_menu_relation .contents_menuInner a {
	text-align: center;
	display:block;
	background:#eee;
	text-decoration:none;
	color:#000;
    padding: 20px 0;
    border: #ddd 1px solid;
}

.life-design {
	margin-bottom: 100px;
	overflow: hidden;
}

.life-design h3 {
    color: #2660AC;
    font-size: 130%;
    margin: 20px 0 30px;}

.life-design p {
    margin: 40px 0;
    overflow: hidden;}
	
.life-design img {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	border: #ccc 1px solid;
}

.life-design img.design-left {
	float:left;
	margin-left:0;
	margin-right:20px;
	margin-bottom:20px;
}

.life-design_point {
    margin: 50px 0;
    padding: 1.5rem;
    overflow: hidden;
    clear: both;
    background: #eee;}

.life-design_point h4 {
	font-size:120%;
    margin-bottom: 1.5rem;
}

.life-design_point ul {
    overflow: hidden;
    padding: 20px 50px;
}
 
.life-design_point ul li {
	list-style:none;}

.career_area {
    width: 550px;
    overflow: hidden;
    float: right;
    margin: 0 0 5px 20px;
    line-height: 1.1em;
    background: #eee;
    padding: 15px;
}
.career_area img {
    width: 100%;
    margin: 0 0 10px;
}
.career_area span {
	font-size: 80%;
}
    @media (max-width:1023px){
        .life-design img {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 280px;
        display: block;}
        
        .life-design p {
            margin: 20px 0;
        }
        
        .life-design h3 {
        font-size: 110%;
        margin: 15px 0 0;
        clear: both;}
        
        .life-design p img {
            width: 60%;
            margin-bottom: 20px;
        }
        .life-design img.design-left {
        float: none;
        margin: 0 auto;}
        
        .life-design_point ul {
        padding: 20px;
        font-size: 90%;}
        
        .career_area {
        float: none;
        margin: 0 auto;
        width: auto !important;
    }
        .career_area span {
            font-size: 80%;}
        
        .career_area img {
            max-width: 500px !important;
        }	
    }
/*---------------------------------------------
	▼work
---------------------------------------------*/

.work {
	width:1050px;
	margin:50px auto 0;}

.work_nav ul {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(238px,1fr));
    gap:8px;
    width: 100%;
    max-width: 1050px;
	overflow:hidden;
	margin-bottom: 20px;
}
    @media screen and (max-width:479px) {
        .work_nav ul{
            grid-template-columns: repeat(auto-fill,minmax(180px,1fr));;
        }
    }

.work_nav ul li {
	list-style:none;
    width: 100%;
	text-align:center;
	font-weight:bold;
	background: url(../img/intro.jpg) no-repeat;
    background-size: 300%;
	letter-spacing: 0.1em;
	color:#2660AC;
}

.work .work_nav .tab_area .btn{
	background: #2660AC;
	}
.work .work_nav .tab_area .btn a{
	color: #fff;
	}

.work_nav ul li a{
	display: block;
	color: #2660AC;
	width: 100%;
    padding: 20px 0;
	text-decoration: none;
	}
.work_nav ul li a:hover{
    opacity: .6;
	}
.work_intro {
	overflow:hidden;
	margin-bottom: 100px;}

.work_intro .work01 {
	width:1050px;
    overflow: hidden;
    margin: 0 auto;}

.work_intro .work02 {
	overflow:hidden;
	background:#fff;
	padding: 60px 80px;
	margin-top:50px;}

.work_intro h1 {
	font-size:170%;
    overflow: hidden;
    text-align: center;
    color:#2660AC;
	font-family: 'M PLUS 1p', sans-serif;}
  
.work_intro h1 span {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px;
    padding: 0 1em;
    text-align: left;
    letter-spacing: 0.1em;
	font-weight:bold;}
	
.work_intro h1 span::before,
.work_intro h1 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 2px;
  background-color: #2660AC;}
  
.work_intro h1 span::before {
  right: 100%;}
.work_intro h1 span::after {
  left: 100%;}

.work_intro .work_bg {
	overflow:hidden;
	background:#E1ECF4;
	margin-top:50px;
	padding-bottom:50px;}

.work_intro h2 {
    color: #fff;
    width: 300px;
    padding: 10px 6px;
    text-align: center;
    font-size: 130%;
    font-weight: normal;
    margin-top: -15px;
	letter-spacing: 0.1em;
    position: absolute;
	background: url(../img/blue_menu.png) no-repeat center;}

.work_intro h3 {
	color:#333;
    font-size: 140%;
    background: url(../img/icon01.png) no-repeat;
    background-size: 30px;
    padding: 0 0 5px 40px;}

.work_intro h4 {
    color: #333;
    position: relative;
    padding-bottom: .5em;
    border-bottom: 4px solid #ccc;
    font-size: 130%;
    clear: both;
    margin-bottom: 15px;
    letter-spacing: 0.1em;}
	
.work_intro h4::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
    background-color: #1f8ec8;}

.work_intro h5 {
    color: #1f8ec8;
    font-size: 120%;
    padding: 15px 0 0;}

.work_intro .work02 img {
    float: right;
    margin: 0 0 0 30px;
    width: 440px;}


.work_intro .work02 p {
    float: left;
    line-height: 1.8em;
	letter-spacing: 0.03em;}

.work_intro .work02 .work_long {
	clear:both;
    padding: 20px 0 30px;
    overflow: hidden;}
	
.work_intro .work02 .work_long span {
    float: right;
    font-size: 80%;
    padding-top: 10px;}

.work_intro .work02 .work_half {
	width:calc(50% - 20px);
	float:left;
	margin-bottom: 20px;}

.work02 .work_title{
	color: #333;
	font-size: 125%;
	font-weight: bold;
}

.work_intro a {
    display: block;
    width: 300px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    letter-spacing: 0.1em;
    background: #1f8ec8;
    margin: 30px auto 0;
}
@media  (max-width: 1023px) {
	.work {
    width: 100%;
		margin: 25px auto 0;}
	
	.work_nav ul {
		border: none;
		margin: 0;}
	
	.work_nav ul li {
		margin: 0 3px;/*0 3px 8pxから変更　2024.6.6*/
    	font-size: 90%;
    	line-height: 1.2em;
    }
	
	.triangle {
		display: none;}
	
	.work_intro {
		margin-bottom: 50px;
	}
	
	.work_intro .work01 {
		width: 96%;
		margin: 0 auto;}
	
	.work_intro h1 {
    font-size: 120%;}
	
	.work_intro p {
    font-size: 90%;}
	
	.work_intro h2 {
    width: 100%;
    margin: 15px auto 0;
    padding: 10px 0;
    position: unset;}
	
	.work_intro .work02 {
    padding: 10px 15px;
    margin: 15px 0;}
	
	.work_intro .work02 img {
    float: none;
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
    display: block;
	padding-bottom: 15px;}
	
	.work_intro .work02 p {
    float: none;
	line-height: 1.5em;}
	
	.work_intro h3 {
    font-size: 100%;
    background-size: 20px;
    padding: 0 0 5px 30px;
    margin: 15px 0 0;}
	
	.work_intro h4 {
    font-size: 120%;
    padding: 0;}
	
	.work_intro a {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    max-width: 300px;}
	
	.work_intro .work02 .work_half {
    padding: 15px 0;
		margin: 0;
    width: 100%;
    float: none;}
	
	.work_intro .work_bg {
		margin: 15px 0;
		padding: 0;
	}
	.contents_inner.day-edit img {
    width: 100%;
}
.day-edit .day-inner {
    width: 100%;
    background: none;
}
	.day-edit .day-inner ul {
    margin: 0;
}
	.day-edit .day-inner ul li {
    width: auto;
    font-size: 80%;
    padding: 15px;
    display: block;
    margin: 15px 0;
}
	.day-edit .day-inner ul li span {
    display: block;
    background: #CF465F;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    float: left;
    margin: 0 10px 0 0;}
	
	.day-edit .day-inner ul li:nth-child(5) span {
		width: 70px
	}
}

/*---------------------------------------------
	▼people
---------------------------------------------*/

.interview {
	width:1050px;
    padding: 50px 0 0;
    overflow: hidden;
    z-index: 2;
    position: relative;}

  /* 20250820 peopleの詳細ページ変更版 */
.people .contents_inner{
  margin: 50px auto;
  padding: 0;
} 
.interview__wrap{
  display: flex;
  line-height: 1.4;
}
.interview__profile,.interview__photo{
  width:50%;
}
.interview__photo img{
    height: 100%;
    object-fit: cover;
}

.interview__profile{
  background: linear-gradient(-45deg, #000 25%, #333 25%, #333 50%, #000 50%, #000 75%, #333 75%, #333);
  background-size:6px 6px;
  color: #fff;
  min-height: 424px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.interview__profile h3,.interview__profile h4,.interview__profile h5,.interview__profile p{
  color: #fff;
  font-weight: normal;
}
.interview__profile h3.interview__department span{
    min-width:8em;
    text-align: center;
    padding: 5px 15px;
    display: inline;
    line-height: 1.2em;
    font-size: 1rem;
}
.people .interview__profile h3.interview__department span{
    background: #2660AC;}

.work-life .interview__profile h3.interview__department span{
    background: #16A7B2;}

.interview__profile h4.interview__title{
  font-size: 180%;
  font-weight: bold;
  padding: 1em 0;
  text-align: right;
}
.interview__profile h5.interview__name{
  font-size: 1.425rem;
  margin-bottom: 0.25em;
}
.interview__name .alphabet{
    display: block;
    font-size: 0.75rem;
    color: #999;
}
.interview__profile p.interview__career{
  font-size: 1rem;
}

  @media screen and (max-width:1023px){
    .people .contents_inner{
    margin: 25px auto;
    } 
    .interview__wrap{
      flex-direction: column-reverse;
      max-width: 440px;
    }
    .interview__profile,.interview__photo{
      width:100%;
    }
    .interview__profile{
      padding: 10px;
      font-size: 110%;
      min-height: 200px;
    }
    .interview__profile h3.interview__department span{
      font-size: 0.75rem;
    }
    .interview__profile h4.interview__title{
      font-size: 110%;
    }
    .interview__profile .interview__innerwrap{
      padding: 0.5rem;
    }
    .interview__profile h5.interview__name{
      font-size: 1.125rem;
    }
  .interview__profile p.interview__career{
      font-size: 0.75rem;
    }
  }
  /* END peopleの詳細ページ */

.interview_text {
    overflow: hidden;
    padding: 130px 0 50px;
    margin-top: -80px;
    z-index: 0;
    background: #eee;}

.interview_text .interview_inner {
	width:1050px;
	margin:0 auto;}
    @media (min-width: 1024px) and (max-width: 1200px) {
        .interview_text .interview_inner {
            width: 1000px;
        }
    }
.interview_inner p {
    padding: 0 30px;
    line-height: 1.8em;
    letter-spacing: 0.05em;}

.interview_message {
    background: #fff;
    width: 930px;
    margin: 50px auto;
    padding: 30px;
    border-radius: 8px;
    overflow: hidden;
	display: flex;
    align-items: center;
}

.interview_message h5 {
    float: left;
    width: 100px;
    text-align: center;
    padding: 20px 0;
    margin-right: 20px;
    background: url(../img/blue.png) no-repeat;
    color: #fff;
}
.interview_message p {
    font-weight: bold;
    font-size: 100%;
    color: #333;
    width: 80%;}

.interview span {
	float: right;
    font-size: 80%;}

@media  (max-width: 1023px) {
.interview_header{
    background-size: 100% !important;
    background-position: top center !important;
}
	.interview_title {
    margin-top: 180px;
    width: 100%;
    height: 100%;
}
	.interview_title h4 {
    width: auto;
    padding: 0 15px;
    font-size: 80%;
    margin: 10px;}
	
	.interview_title h1 {
    margin: 0;
    font-size: 110%;
    text-align: right;
    display: block;
    padding: 10px 15px 15px;
}

	.interview_title_left {
    margin-top: 180px;
    width: auto;
    height: auto;
}
	.interview_title_left h4 {
    font-size: 80%;
    margin: 10px;}
	
	.interview_title_left h1 {
    margin: 0;
	padding: 10px 15px 15px;
    font-size: 110%;}

	.interview_prof {
	float: none;
    width: auto;
    margin: 0;
	padding: 0 10px;
}
	
	
.interview_prof h2 {
    font-size: 120%;
}
	
.interview_prof h3 {
    font-size: 80%;
    color: #999;
    margin: -8px 0 0 0;
    padding: 0;
}
	
.interview_prof p {
    font-size: 76%;
    line-height: 1.2em;
}
	
.interview_text {
    padding: 50px 0;
}
.interview span {
    font-size: 70%;
    line-height: 1.2em;
    padding: 5px 0;
}
.interview_text .interview_inner {
		width: 90%;
		margin: 0 auto;
		padding-top: 30px;
}
.interview_inner p {
    font-size: 80%;
    width: 100%;
    line-height: 1.6em;
    padding: 0 0 15px;
    margin: 0;
}
.interview_message {
    width: auto;
    margin: 20px auto 0;
    padding: 0 20px;
	display: block;
}
.interview_message h5 {
    float: none;
    width: 100%;
    margin: 15px auto;
    overflow: hidden;
    background-size: cover;
    padding: 5px 0;
}
	
.contents_inner ul.people-all {
    width: 96%;
    margin: 0 auto;
}


	
ul.people-all li:nth-child(6) {/*デジタル・営業*/
	background-size: 123% !important;
}
	
	
/* .interview_header.prof12{
	background: url("../people/img/01.jpg") no-repeat 0px 0px;
	background-size: 100%;
}
.interview_header.prof14 {
    background-position: top;
} */
}



/*---------------------------------------------
	▼work-life-balance
---------------------------------------------*/

.work-life-balance {
	padding: 50px 0 0;}

.work-life-balance .point {
	background:#F7F6F5;
	width:auto;
	padding:30px 30px 0;
	overflow:hidden;
	margin:60px 0 30px;}
	
.work-life-balance .point h1 {
    background: #16A7B2;
    color: #fff;
    width: 200px;
    text-align: center;
    padding: 10px;
    margin-top: -60px;
    margin-left: -40px;
    position: absolute;
    letter-spacing: 0.1em;
    font-size: 120%;}

.work-life-balance .point h2 {
	font-size:110%;
	color:#16A7B2;
	border-bottom:#16A7B2 2px dotted;}

.work-life-balance .point-text {
    width: auto;
    overflow: hidden;
    padding: 0 20px;}

.work-life-balance .point p {
    color: #16A7B2;
    font-size: 90%;
    line-height: 1.8em;
    padding-top: 15px;
    letter-spacing: 0.06em;}

.work-life-balance .point span {
    color: #16A7B2;
    font-size: 80%;
    border-top: #fff 2px solid;
    width: 100%;
    text-align: right;
    display: block;
    clear: both;
    letter-spacing: 0.1em;
}

.work-life-balance .point img {
	float:left;}

.work-life-balance .point .telework {
	width:50%;
	float:left;}

.work-life-balance .point .flex {
    width: 50%;
    float: right;
    padding-bottom: 15px;
}

.people-all.work-life-balance-all a{
    display: block;
}




/*先輩社員リストのCSSに上書き　ここまで*/

.system {
	clear:both;
    overflow: hidden;
    background: #fff;
    padding: 10px 40px 40px;
    margin: 20px 0;
    border-radius: 6px;}

.system .stage {
	clear:both;
	display:block;
	margin:15px 0;
	overflow:hidden;}

.system .stage h1 {
    font-size: 150%;
    font-weight: normal;
    margin: 15px 0 5px;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 0.1em;
}

.system .stage h2 {
	padding:15px 0;
	}

.system .stage dl {
	clear:both;
	overflow:hidden;}

.system .stage dl dd {
	padding: 3px 0;
	margin: 5px 0 0 215px;
	letter-spacing: 0.1em;
}

.system .stage dl dt {
	clear:both;
	float:left;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	width:200px;
	text-align:center;
	padding:3px 0;
	border-radius: 3px;
	margin: 5px 0;
	letter-spacing: 0.1em;
}

.system .stage.pink h1  {
	color:#E26DA2;}
.system .stage.red h1  {
	color:#E67672;}
.system .stage.blue h1 {
	color:#16A7B2;}
.system .stage.green h1 {
	color:#3BB176;}

.system .stage.pink dl dt  {
	background:#E26DA2;}
.system .stage.red dl dt  {
	background:#E67672;}
.system .stage.blue dl dt  {
	background:#16A7B2;}
.system .stage.green dl dt  {
	background:#3BB176;}
	
.system .stage p {
	background:#FFF4F8;
	margin:15px 0;
	padding:10px 20px 10px 0 ;
	overflow:hidden;
	font-size:90%;
	line-height:1.4em;
	display: flex;
    align-items: center;}
	
.system .stage p img {
	float:left;
	margin:0 15px;}

.interview_text.work-life-back {
	background: -webkit-gradient(linear, left top, right bottom, from(#eee), color-stop(0.25, #eee), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background: linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background-size: 5px 5px;
	margin-top:-200px;
	padding-top:230px;}

.interview_text.work-life-back h5 {
	clear:both;
	color:#333;
    font-size: 160%;
    padding: 10px;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 0.1em;
    text-align: center;}
	
.interview_text.work-life-back h6 {
    float: right;
    padding: 15px;
    color: #E35A77;
	margin:30px 0 0 0;}

.interview_text.work-life-back h6 a {
    text-decoration: none;
    background: #E35A77;
    color: #FFF;
    padding: 15px 30px;
    margin-left: 10px;
    border-radius: 4px;
	}
	
.interview_text.work-life-back h6 a:hover {
	background:#FFA6A6;
	}

.work_life_interview .interview_title_left h4 {
	background:#16A7B2;}

.work_life_interview .interview_prof {
    margin-top: 60px;
}

.work_life_point {
	background:#fff;
	margin-top:50px;
	padding:40px;
	text-align: center;}

.work_life_point img {
    margin: 0 auto;
}

.work_life_point p {
    font-size: 110%;
    font-weight: bold;
	text-align: left;}

ul.work-life-balance-all {
    max-width: 500px; 
    display: flex;
    flex-direction: column;
    gap:1rem;
    padding: 4px;
    margin: 0 auto;
}
    @media screen and (min-width:1024px){
        ul.work-life-balance-all{
            flex-direction: row;
            max-width: 1050px;
        }
    }
ul.work-life-balance-all li{
    flex: 1;
    box-shadow: rgba(33, 26, 90, 0.24) 0px 3px 8px;
}
    @media screen and (max-width: 768px) {
        ul.work-life-balance-all li {
            width: 100%;
        }	
    }

ul.work-life-balance-all li img {
    object-fit: cover;
    object-position: top;
    aspect-ratio: 2 / 1;
}
ul.work-life-balance-all li .prof {
    padding: 0.5rem;
    background: #fff;
}
ul.work-life-balance-all li .prof a{
    position: relative;
    padding: 8px 16px;
    border: 2px solid #16A7B2;
    background: #fff;
    color: #16A7B2;
    text-align: center;
    font-size: 1.125rem;
    transition: all .3s linear;
}
ul.work-life-balance-all li .prof a::after{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        content: "";
        margin-left: 0.5em;
        width: 8px;
        height: 10px;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        background: #16A7B2;
}
ul.work-life-balance-all li .prof a:hover{
        border: 2px solid #16A7B2;
        background: #16A7B2;
        color: #fff;
}

ul.work-life-balance-all li .prof a:hover::after{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
        content: "";
        margin-left: 0.5em;
        width: 8px;
        height: 10px;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        background: #fff;
}


.work-life-balance-link {/*ライフインタビューページ内「ワークライフバランス社内制度」ボタン*/
	background: -webkit-gradient(linear, left top, right bottom, from(#eee), color-stop(0.25, #eee), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background: linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background-size: 5px 5px;
	overflow: hidden;
	margin-top: 15px;}

.work-life-balance-link a {
    background: #16A7B2;
    margin: 30px auto;
    width: 80%;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 15px 0;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;}

.work-life-balance-link a:hover {
	background:#E1F4F7;
	color: #16A7B2;}


.work-life-balance .work-life-balance-link{/*ワークライフバランスTOPでは非表示*/
    display: none;
}


.work-life-link{
	display: flex;
	justify-content: center;
}
.work-life-link a {
	width:80%;
	margin:25px 10px 50px;
	padding:20px 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:#16A7B2;
	letter-spacing:0.1em;}
    @media (min-width: 1024px) and (max-width: 1200px) {
        .work-life-link a {
            width: 480px;
        }
    }
.work-life-link a:hover {
	background:#fff;
	color:#16A7B2;}


#kids {
	text-align:center;
	background:#fff;
	padding:0;
	border:#fff 5px solid;
	margin:50px auto 25px;}

#kids p {
    text-align: left;
    padding: 30px;}

.kids-header {
	    background: url(../img/skip-bg.png) no-repeat;
		background-size:cover;}

#kids .ikiiki {
    width: 80%;
    margin: 30px auto 30px;
    padding: 30px 50px;
    border: #E35A77 2px solid;
	overflow: hidden;}

#kids .ikiiki img {
	width: 100px;
	float:left;
	padding-right:20px;}

#kids .ikiiki h1 {
	color: #E35A77;
    text-align: left;
    margin: 0 0 8px;
    font-size: 120%;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 0.06em;}

#kids .ikiiki h2 {
	color:#E35A77;
    text-align: left;
    font-weight: normal;
    font-size: 90%;
	padding-left:15px;}

#kids .tele {
    border: #159E64 2px solid;}

#kids .tele h1 {
	color:#159E64;
    padding-left: 15px;}

#kids .tele h2 {
	color:#159E64;}

#kids .hyogo {
    border: #0D57B0 2px solid;}

#kids .hyogo h1 {
	color:#0D57B0;
    padding-left: 15px;}

#kids .hyogo h2 {
	color:#0D57B0;}



/*2021.12～*/
/* .contents_inner.interview.work_life_interview {
    display: flex;
    flex-flow: row-reverse;
}


.work_life_interview .interview_flex {
    display: flex;
	flex-flow: column;
	align-items: flex-start;
}	

.work_life_interview .interview_title_left h1 {
    margin-top: 111px;
	margin-left: auto;
} */

    @media (max-width:1023px){
        .work-life-balance .point {
        padding: 10px;
        margin: 0;
    }
        .work-life-balance .point h1 {
        position: unset;
        display: block;
        margin: 0 0 15px;
        width: auto;
        padding: 5px 0;
        font-size: 100%;
    }
        
        .work-life-balance .point .telework {
        width: 100%;
        float: none;
        text-align: center;
    }
        .work-life-balance .point .flex {
        width: 100%;
        float: none;
        text-align: center;
    }
        .work-life-balance .point img {
        float: none;
            width: 100px;
    }
        .work-life-balance .point p {
        text-align: left;
        line-height: 1.3em;
    }
        .work-life-balance .point-text {
            padding: 10px;
        }
        
        
        .interview_text.work-life-back {
        margin: 0;
        padding: 0;
    }
        .work-life-link a {
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        padding: 10px 0;
        float: none;
        display: block;
    }
        .interview_text.work-life-back h5 {
        font-size: 100%;
        letter-spacing: 0;
            margin-top: 15px;
            padding: 15px 0;
    }
        .system {
        padding: 10px;
        margin: 0;
    }
        .system .stage {
            margin: 0;
        }
        .system .stage dl dt {
        float: none;
        width: 100%;
    }
        .system .stage dl dd {
        margin: 0;
        font-size: 80%;
    }
        .system .stage h1 {
        font-size: 120%;
    }
        .system .stage p img {
        margin: 5px;
        width: 30px;
    }
        .system .stage p {
        font-size: 80%;
    }
        .kids-header img {
        width: 100%;
    }
        #kids p {
        padding: 15px 0;
        width: 96%;
        margin: 0 auto;
    }
    #kids .ikiiki {
        padding: 0;
        width: 96%;
        margin: 10px auto 10px;
    }
        #kids .ikiiki img {
        width: 70px;
        margin: 10px 0;
        padding: 0 10px;
    }
        #kids .ikiiki h1 {
        font-size: 100%;
        margin: 10px;
        line-height: 1.5em;
    }
        #kids .ikiiki h2 {
        font-size: 80%;
        line-height: 1.5em;
        padding: 0 15px 15px;
    }
        .work_life_point {
        padding: 20px;
        margin: 10px 0 0 0;
            text-align: center;
    }
        .work_life_point img {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
        .work-life-balance-link a {
        font-size: 100%;
        width: 90%;
            padding: 30px 0;}
        
        .work_life_interview .interview_prof {
            margin-top: 0;
        }
        
        
    /*2021.12～*/
    /* .contents_inner.interview.work_life_interview {
        flex-flow: column;
    }	
        
    .work_life_interview .interview_title_left {
        max-width:410px;
        margin: 0 auto;
    }
        
    .work_life_interview .interview_header.prof09 {
        height: 255px;
        background-position: center;
    }
    .work_life_interview .interview_header.prof10 {
        height: 255px;
    }
        
    .work_life_interview .interview_header.prof11 {
        height: 255px;
    }
        
    .work_life_interview .interview_flex {
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
    }	 */
        
    /* .work_life_interview .interview_title_left h1 {
        display: inline-block;
        margin-top:0;
        padding: 10px 15px 0;
    }	
        
    .work_life_interview .interview_prof {
        margin-bottom: 30px;
    }
         */
    /*
    .contents_inner ul.work-life-balance-all li a {
        padding-top: 0;
    }
    */
    }




    @media screen and (max-width: 320px) {	/*iPhone5/SEのときのみ*/	
            
        /*/// ワーク・ライフ・バランス ///*/
        .work_life_interview .interview_flex {
            flex-flow: column;	
        }
            
        .work_life_interview .interview_header.prof09 {
            background-position: -40px;
        }	

        .work_life_interview .interview_header.prof10 {
            background-position: -100px;
        }	
            
        .work_life_interview .interview_header.prof11 {
            background-position: right;
        }
        .work_life_interview .interview_title_left h1 {
            padding: 10px 15px 15px;
        }	

        
    }/*@media screen and (max-width: 320px)ここまで*/

/*---------------------------------------------
	▼award 
---------------------------------------------*/
        .award .award_box{
            padding: 1rem;
        }
        .award .top.winning_works{
            border: 2px solid darkgoldenrod;
            font-family: serif;
            font-weight: bold;
            font-size: 1.125rem;
        }
        .award p{
            text-indent: 1em;
        }
        .award figure{
            margin: 0;
        }

        .award figure figcaption{
            font-size: .75em;
            line-height: 1.4;
            padding: 4px;
        }
        
        .award .gallery{
            width: min(100%,982px);
            margin: 0 auto;
            display: flex; 
            flex-direction: column;
            gap:32px;
            /*background: beige;*/
        }
        .award .gallery_inner{
            width: 100%;
        }
                @media screen and (min-width:600px){
                    .award .gallery{
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                    }
                    .award .gallery_inner:first-of-type{
                        width: 62%;
                    }
                    .award .gallery_inner:last-of-type{
                        width: 30%;
                    }
                }
        
        .award .margin{
            margin: 24px 0; 
        }
            .award .grid_container{
                width: min(100%,982px);
                margin: 0 auto;
                display: grid; 
                gap:10px; 
                grid-template-columns: 1fr; 
                /*grid-template-rows: 300px 300px 300px 300px 300px;*/
            }
            .griditem{
                /*background: #ccc;*/
                width: 100%;/*50%*/
                margin: 0 auto;
            }
                @media screen and (min-width:600px){
                    .award .grid_container{
                        grid-template-columns: 1fr 1fr 1.5fr; 
                        grid-template-rows: 340px 220px 220px;
                    }
                    .griditem{
                        width: 100%;
                    }
                    .griditem.tsukinowaguma{
                        grid-column: 1 / 3;
                        grid-row: 1 / 2;
                    }
                    .griditem.oikawa{
                        grid-column: 1 / 2;
                        grid-row: 2 / 4;
                    }
                    .griditem.shika{
                        grid-column: 3 / 4;
                        grid-row:1 / 4;
                    }
                    
                }
                @media screen and (min-width:800px){
                    .award .grid_container{
                        grid-template-columns: 1fr 1fr 1fr; 
                        grid-template-rows: 480px 280px 260px;
                    }
                }
            
            .winning_works > div{
                display: flex;
                flex-direction: column;
            }
                @media screen and (min-width:800px){
                    .winning_works > div{
                        flex-direction: row;
                    }
                }
            .award_box.recent{
                background: #ffd70017;
            }
            .award_box.recent .winning_works{
                width: min(100%,660px);
                margin: 0 auto;
                padding: 1rem;
                font-size: 0.875rem;
            }
            
            
            .about_award{
                border: 2px solid darkgoldenrod;
            }
            .about_award h3{
                padding: 0.5rem;
                font-size: 1.25rem;
            }
            
            .award_movie_flex{
                display: flex;
                flex-direction: column;
                gap:1rem;
            }
                @media screen and (min-width:800px){
                    .award_movie_flex{
                        flex-direction: row;
                    }
                }
            
/*----------------------------------------------------------------
▼表部分の共通スタイルを複数のページで使いまわしています 
2025/5　クラス名「.treatment_layout」⇒「.common_layout」に変更
※元々treatmentページ(待遇について)用に作成されたスタイルを
他のページにも使用するため
----------------------------------------------------------------*/
.common_layout table {
	width:100%;
	margin:15px 0;
	border-collapse: collapse;}

.common_layout table th {
	padding:15px 10px;
	text-align:left;
	    background: -webkit-gradient(linear, left top, right bottom, from(#eee), color-stop(0.25, #eee), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #eee), color-stop(0.75, #eee), color-stop(0.75, white), to(white));
    background: -moz-linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background: linear-gradient(-45deg, #eee 25%, white 25%, white 50%, #eee 50%, #eee 75%, white 75%, white);
    background-size: 5px 5px;
    font-size: clamp(14px,2.35vw,19px);
	font-weight:normal;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;}

.common_layout table td {
    font-size: clamp(14px,2.35vw,19px);
	padding:15px 10px;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background-color:#FFF;}

    @media(max-width:1023px){
        .common_layout table th {
        padding: 5px;
        line-height: 1.3em;
    }
        .common_layout table td {
        padding: 10px 5px;
        line-height: 1.5em;
    }
        .common_layout table {
            margin: 0;
        }
        .common_layout h1 {
            font-size: 120%;
        }
    }

/*---------------------------------------------
▼treatment 
---------------------------------------------*/
th.t_top {
    border-top: #265aa0 4px solid;}

td.t_top {
    border-top: #ccc 4px solid;}



/*---------------------------------------------
▼asked
---------------------------------------------*/

.asked_layout {
	overflow: hidden;
	margin-bottom: 100px;
    padding: 30px;
}
.asked_layout dl {
	overflow: hidden;
}
.asked_layout dt {
	font-size: 110%;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.08em;
    border-bottom: #eee 6px solid;
    padding-bottom: 5px;
}
.asked_layout dt span {
    color: #2660AC;
    font-size: 150%;
    margin-right: 10px;}

.asked_layout dd {
    margin-bottom: 30px;
    padding: 15px 50px;
}
    @media(max-width:1023px){
            .asked_layout {
            padding: 0;
            margin: 0;
        }
            .asked_layout dt {
            font-size: 90%;
            line-height: 1.4em;
        }
            .asked_layout dd {
            padding: 0;
            font-size: 80%;
            line-height: 1.8em;
            margin: 10px 10px 30px;
        }
            .asked_layout dt span {
                font-size: 130%;}
    }

.kids-header a {
	overflow: hidden;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 15px;
}
.kids-header a img {
	float: left;
}
.kids-header a p {
	font-weight: bold;
	color: #265aa0;
	padding: 20px;
}
.kids-header a p span {
    padding: 10px 50px;
    background: #fff;
    color: #265aa0;
    float: right;
}
    @media(max-width:1023px){
        .kids-header a {
        display: block;
    }
        .kids-header a img {
        float: none;
            max-width: 260px;
    }
        .kids-header a p {
        padding: 10px;
    }
        .kids-header a p span {
        float: none;
        display: block;
        text-align: center;
        max-width: 300px;
        margin: 15px auto 0;
    }
        .work-life-balance-link02 {
        margin: 0 auto 50px;
        max-width: 500px;
    }
    }
.day-edit {
    overflow: hidden;
    text-align: center;
}
.day-edit .day-inner {
	width: 950px;
	margin: 0 auto;
	background: url(../work/img/day-first.png) no-repeat;
	background-position: 30px 0;
}
.day-edit .day-inner ul {
    margin: 50px 20px 0 200px;
}
.day-edit .day-inner ul li {
    letter-spacing: 0.1em;
    background: #F9F1F3;
    padding: 30px;
    width: 650px;
    margin-bottom: 80px;
    line-height: 1.8em;
    font-size: 110%;
 	position: relative;
	display: inline-block;
	text-align: left;
}
.day-edit .day-inner ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -75px;
 	margin-top: -45px;
	border: 45px solid transparent;
	border-right: 45px solid #F9F1F3;
}
.day-edit .day-inner ul li span {
	display: none;
}

    @media(max-width:1023px){
        .day-edit .day-inner {
        width: 100%;
        background: none;
    }
        .day-edit .day-inner ul {
        margin: 0;
    }
        .day-edit .day-inner ul li {
        width: auto;
        font-size: 80%;
        padding: 15px;
        display: block;
        margin: 15px 0;
    }
        .day-edit .day-inner ul li span {
        display: block;
        background: #CF465F;
        color: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 25px;
        float: left;
        margin: 0 10px 0 0;}
        
        .day-edit .day-inner ul li:nth-child(5) span {
            width: 70px
        }
    }




/*---------------------------------------------
	▼recruit
---------------------------------------------*/

.recruit p {
	margin: 20px 0;
    font-size: clamp(14px,2.35vw,19px);
    /* font-size: 120%; */
    line-height: 1.6em;
	clear: both;
}

.recruit .recruitnews {
    padding: 15px;
}

.recruit h3 {
    letter-spacing: 0.05em;
    font-weight: normal;
    /* font-size: 120%; */
    font-size: clamp(15px,2.43vw,19px);
}

.recruit .contentsflex{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media screen and (min-width:1024px){
    .recruit .contentsflex{
        flex-direction: row;
    }
}

.recruit .info-first {
	width: min(100%,420px);
}
.recruit .info-first img{
    width: 100%;
}

.recruit .info-second{
    width: 100%;
}


.recruit .recruitnews h4 {
    font-size: 80%;
    background: #eee;
    width: 120px;
    text-align: center;
	clear: both;
}

.recruit .recruitnews dl {
    font-size: 80%;
    padding: 20px 0 20px 20px ;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	margin: 15px 0;
}

.recruit .recruitnews dl dt {
    float: left;
	font-weight: bold;
}

.recruit .recruitnews dl dd {
	padding-left: 90px;
	letter-spacing: 0.05em;
}

.edit_entry table {
	border-top: #2660AC 4px solid;
}
.edit_entry table th,
.business_entry table th,
.tech_entry table th {
	text-align: center;
}
.recruit .business_entry h3.entry-form_headline,
.recruit .edit_entry h3.entry-form_headline{
	font-size: clamp(14px,3vw,120%); 
	font-weight: bold; 
	margin-top: 1.5rem; 
	text-align: center;
}

.entry-form {
    width: calc(48% - 20px);
    margin: 10px;
    float: left;
	text-align: center;
	background: #2660AC;
	border-radius: 4px;
}

.c-pdf {
	background: #3F7AC8;
    width: calc(48% - 20px);
    margin: 10px;
    float: left;
	text-align: center;
	border-radius: 4px;
}

.entry-form a, .entry-pdf a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 20px 0;
    letter-spacing: 0.1em;
    font-weight: bold;
	line-height: 1.2em;
    border-radius: 4px;
}

.entry-form a:hover {
	background: #1C3577;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.entry-pdf a:hover {
	background: #1C3577;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.entry-form span, .entry-pdf span, .gray_out span {
	font-size: 130%;
    padding-right: 10px;
}
.edit_entry table td h1,
.business_entry table td h1,
.tech_entry table td h1   {
    font-size: 100%;
    letter-spacing: 0;
}

.tech_entry table td .annai,
.edit_entry table td .annai,
.business_entry table td .annai{
    font-size:120%;
    margin: 10px 0px;
	clear: both;
	font-weight: bold;
}

.tech_entry table td .annai a,
.edit_entry table td .annai a,
.business_entry table td .annai a{
    color: gray;
	}

.edit_entry table td p,
.business_entry table td p,
.tech_entry table td p{
	clear: both;
	padding-left: 15px;
	margin: 0;
    font-size: clamp(14px,2.35vw,19px);
}

.y_out {
	background: #eee;
    padding: 20px 0;
    width: calc(48% - 20px);
    margin: 10px;
    float: left;
	text-align: center;
    letter-spacing: 0.1em;
    font-weight: bold;
	color: #999;
}

.business_entry  table {
    border-top: #E06363 4px solid;
}
.business_entry .entry-form {
	background: #AD3030;
}
.business_entry .entry-pdf {
	background: #E06363;
}
.business_entry .entry-form a:hover,
.business_entry .entry-pdf a:hover {
	background: #5B1010;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.tech_entry  table {
    border-top: #3FBE9B 4px solid;
}
.tech_entry .entry-form {
	background: #309076;
}

.tech_entry .entry-pdf {
	background: #3FBE9B;
}
.tech_entry .entry-form a:hover,
.tech_entry .entry-pdf a:hover {
	background: #245E4E;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.entry-list ul {
	margin: 0 0 30px;
    overflow: hidden;
}

.entry-list ul li {
	width: 48%;
	margin: 5px;
	float: left;
	background: #eee;
	border: #ccc 1px solid;
}
.entry-list ul li a {
    display: block;
    overflow: hidden;
    padding: 30px 20px;
	text-decoration: none;
}
.entry-list dl dt {
    clear: both;
    display: block;
    width: 100px;
    height: 4px;
}
.entry-list ul li:first-child span {
	background: #3F7AC8;
}
.entry-list ul li:nth-child(2) span {
	background: #E06363;
}
.entry-list ul li:nth-child(3) span {
	background: #3FBE9B;
}
.entry-list ul li h1 {
    color: #333;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'M PLUS 1p', sans-serif;
}
.entry-list ul li:nth-child(3) h1 {
    letter-spacing: 0em;
}
.entry-list ul li a h2 {
    background: #fff;
    text-align: center;
    margin: 20px auto 0;
    border-radius: 20px;
    padding: 5px 0;
    width: 300px;
    color: #2660AC;
    font-size: 120%;
    letter-spacing: 0.1em;
}
.entry-list ul li a:hover {
	background: #ccc;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.entry-list ul li:nth-child(2) a h2 {
	color: #E06363;
}
.entry-list ul li:nth-child(3) a h2 {
	color: #1D8E7B;
}

.info-right {
    width: 670px;
}
.common_layout h1 {
    clear: both;
    font-size: 160%;
    padding: 10px;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 0.1em;
}
.common_layout h1 span {
    clear: both;
    font-size: 80%;
	color: red;
    padding: 10px;
    font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.01em;
}
/* 20250128追記 */

.navi-site__list{
    margin: 1rem auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
    @media screen and (min-width:768px) {
        .navi-site__list{
            flex-direction: row;
        }
    }
.navi-site__list li{
    width: min(100%,324px);
}
.navi-site__list a{
    display: block;
    width: 100%;
}
.navi-site__list a img{
    margin: 0 auto;
}
.navi-site__list a:hover{
    opacity: .6;
}

.entry-table ol{
    /* デフォルトのリストマークを非表示 */
    list-style: none;

    /* カウントしたい要素の親要素で、カウンターをリセットさせる。
    値は任意の名前をつける（ここでは「sample」）。 */
    counter-reset: sample;
    }
.entry-table ol li{
    display: flex;
    padding: 8px;
    min-height: 4em;
}

.entry-table ol li::before{
    /* 先ほど名前をつけたカウンター（ここでは「sample」）のカウントを開始 */
    counter-increment: sample;
    
    /* カウンターの番号を表示させる */
    content: counter(sample);
    
    /* 以下、番号のスタイル */
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    width: 2em;
    min-height: 4em;
    color: white;
    margin-right: 8px;
}
.business_entry .entry-table ol li::before{
    background-color: #E06363;
}
.tech_entry .entry-table ol li::before{
    background-color: #2666ac;
}

.entry-table ol li p{
    margin: 0;
    padding: 0;
    width: 100%;
}
        @media (max-width:1023px){
            
            .recruit img {
            width: 100%;
            max-width: 500px;
            padding: 0;
            margin: 0 auto 10px;
            float: none;
        }
            .recruit h3 {
            line-height: 1.3em;
        }
            .recruit .recruitnews {
            padding: 0;
        }
            .recruit .recruitnews dl {
            padding: 10px 0;
        }
            .recruit .recruitnews dl dt {
            float: none;
        }
            .recruit .recruitnews dl dd {
            padding: 0;
            line-height: 1.2em;
        }
            .edit_entry h1 {
            text-align: center;
            font-size: 120%;
        }
            .business_entry h1 {
            text-align: center;
            font-size: 120%;
        }
            .tec_entry h1 {
            text-align: center;
            font-size: 120%;
        }
            .entry-form, .entry-pdf {
                float: none;
                width: 90%;
                margin: 5px auto;
            }
            .entry-form a, .entry-pdf a {
            padding: 10px;
            }
            .gray_out {
                float: none;
                width: 84%;
                margin: 5px auto;
                padding: 5px 10px;
            }
            .entry-list ul li {
                width: auto;
                float: none;
                margin: 5px 0;}
            
            .entry-list ul li h1 {
                font-size: 120% !important;
            }
            .entry-list ul li a h2 {
                font-size: 100%;
                width: auto;
                max-width: 300px;
            }
            .entry-list ul li a {
                padding: 20px;
            }
            .business_entry table td p {
                /* font-size: 90%; */
                margin: 0;
            }
            .info-right {
                float: none;
                width: 100%;}
            
            .recruit_news ul li:first-child {
                margin: 0 auto 10px;}
            
            #recruit p a {
                float: none;
                width: 90%;
                margin: 0 auto;
                font-size: 90%;
                text-align: center;
            }
            
            .recruit-event h3 {
            font-size: 90%;
            line-height: 1.4em;}
            
            .event-button a {
            width: 90%;
            margin: 15px auto;
            max-width: 300px;
            font-size: 110%;
            padding: 15px 0;
        }
            .event-tel {
            float: none;
            width: 80%;
            margin: 15px auto 30px;
            padding: 10px;
        }
            
            
            
            
        /* /// 20200124 /// */
            .entry-form01 {
                width: auto;
            }
            .entry-form02 {
                width: auto;
            }
            .entry-form02 a {
                letter-spacing: 0;
            }
            .entry-form03 {
            width: auto;
            float: none;
            }
            .entry-form03 a {
                letter-spacing: 0;
            }
            .edit_entry table td h1 {
                text-align: left;
            }
            .business_entry table td h1 {
                text-align: left;
            }
            
            /* /// 20201126 /// */
            .dt_long {
            vertical-align: baseline;
            padding-top: 0;
        }
        }
/*---------------------------------------------
	▼recruit-event
---------------------------------------------*/
.contents_inner.recruit-event {
    width: 1000px;
    margin: 0 auto;
}
    @media screen and (max-width:1023px) {
        .contents_inner.recruit-event {
            width: auto;
            margin: 0 10px;
        }

    }
.recruit-event .contents_inner.p {
	margin: 20px 0;
    font-size: 90%;
    line-height: 1.6em;
	clear: both;
}
.recruit-event .recruitnews {
    padding: 15px;
}
.recruit-event h3 {
    letter-spacing: 0.05em;
    font-weight: normal;
    font-size: 100%;
}
.recruit-event .recruitnews h4 {
    font-size: 80%;
    background: #eee;
    width: 120px;
    text-align: center;
	clear: both;
}
.recruit-event .recruitnews dl {
    font-size: 80%;
    padding: 20px 0 20px 20px ;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	margin: 15px 0;
}
.recruit-event .recruitnews dl dt {
    float: left;
	font-weight: bold;
}

.recruit-event .recruitnews dl dd {
	padding-left: 90px;
	letter-spacing: 0.05em;
}
.recruit-event .common_layout h1 {
	text-align: center;
	margin-top: 20px;
}
.event-button a {
    display: block;
    width: 500px;
    margin: 20px auto;
    text-align: center;
    padding: 20px 0;
    border-radius: 4px;
    background: #1f8ec8;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
	text-decoration: none;
}
.event-button a:hover {
	background: #0A1955;
}
.download-button h4{
	text-align: center;
	margin-top: 40px;
	font-size: 150%;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 0.1em;
}
.download-button ul{
	margin-bottom: 20px;
	list-style-type: none;
	display: flex;
}
.download-button ul li{
	width: 45%;
	margin: 0px auto;
}
.download-button ul li a{
	display: block;
	width: 100%;
    margin: 20px auto;
    text-align: center;
    padding: 20px 0;
    border-radius: 4px;
    background: #1f8ec8;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
	text-decoration: none;
}
.download-button ul li a:hover {
	background: #0A1955;
}
.recruit-event .common_layout table {
	margin: 15px 0 30px;
}
.event-tel {
    float: right;
    margin: 10px 10px 30px;
    border-top: #1f8ec8 3px double;
    border-bottom: #1f8ec8 3px double;
    width: 300px;
    font-size: 100%;
    padding: 15px 0 15px 30px;
}

/*---------------------------------------------
	▼recruit-slide
---------------------------------------------*/

/*個別のイベントcss*/
.recruit-event_news ul.event-list li.seminar2018 {
    background: url(../img/event01.jpg) no-repeat bottom;
    background-size: cover;
}
.recruit-event_news ul.event-list li.seminar2018 a {
    background-color: rgba(39,124,110,0.7);
    text-decoration: none;
	display: block;
}
.recruit-event_news ul.event-list li.seminar2018 h2 {
    color: #C54300;
}


.recruit-event_news ul.event-list li.recruit2019 {
    background: url(../img/event02.jpg) no-repeat bottom;
    background-size: cover;
}
.recruit-event_news ul.event-list li.recruit2019 a {
    background-color: rgba(2,40,91,0.7);
    text-decoration: none;
	display: block;
}
.recruit-event_news ul.event-list li.recruit2019 h2 {
    color: #033CD8;
}


.recruit-event_news ul.event-list li.c8seminar {
	background: #F5DF16;
}
.recruit-event_news ul.event-list li.c8seminar a {
    text-decoration: none;
	display: block;
}
.recruit-event_news ul.event-list li.c8seminar h2 {
    color: #064D87;
}


.recruit-event_news ul.event-list li.mediacafe {
	background: #0099D0;
}
.recruit-event_news ul.event-list li.mediacafe a {
    text-decoration: none;
	display: block;
}
.recruit-event_news ul.event-list li.mediacafe h2 {
    color: #C01147;
}
img.slide-arrow.prev-arrow.slick-arrow {
	left: 0;
    z-index: 100;
}
img.slide-arrow.next-arrow.slick-arrow {
	right: 0;
    z-index: 100;
}

.slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}  
.event-end {
    background: #999;
    width: 80%;
    margin: 0 auto;
}

    @media (min-width: 1024px) and (max-width: 1200px) {
        /*過去のイベント　地方4新聞社業界セミナー2023バナー*/

        .chihou4_bn .event-end{
            background:#fff;
        }
        .chihou4_bn img{
            height:120px;
        }
        
    }
     @media (max-width:1023px){
        .event-end {
            background: #999;
            width: 100%;
            margin: 0 auto;
        }
}

/* /// 20201126 /// */
.dt_long{
    vertical-align: top;
    padding-top: 0.2em;
}


/*////// 新着 20250218 ////// */
.recruit_news{
    background:#e8edf8;
    width: 100%;
    padding: 1.5rem 0;
  }
  .recruit_news__inner{
    width: min(100%,1200px);
    margin: 0 auto;
    padding: 0 4%;
  }
  .recruit_news h2{
    text-align: center;
    font-size: 1.5rem;
    font-weight: normal;
    letter-spacing: 0.09rem;
    color: #192671;
    margin-bottom: 0.875rem;
    position: relative;
  }
  .recruit_news h2::after{
    display: block;
    content: "";
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #192671;
  }
  .recruit_news__listitem{
    padding: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-bottom: 1px solid #ccc;
  }
  .recruit_news__listitem .date_newstag_wrap{
    display: flex;
    align-items: center;
  }
    @media screen and (min-width:1281px){
      .recruit_news__inner{
      padding: 0 1rem;
    }      
      .recruit_news__listitem{
        flex-direction: row;
        align-items: center;
        gap: 1rem;
      }
      .recruit_news__listitem .date_newstag_wrap{
        justify-content: space-between;
      }
    }
  /* .recruit_news__listitem:last-of-type{
    border: none;
  } */

  .recruit_news__listitem dt{
    letter-spacing: 0.06rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #192671;
    min-width: 6rem;
  }
  .recruit_news__listitem dd a{
    color: #192671;
    text-decoration: underline;
  }


  .recruit_news__listitem .newstag{
    min-width: 6rem;
    text-align: center;
    font-size: 0.75rem;
    border: 1px solid #555;
    color: #555;
    padding:1px 10px;
    border-radius:4px;
  }

  .recruit_news__listitem .newstag-red{
    color: red;
    border: 1px solid red;
  }
  .recruit_news__listitem .newstag-green{
    color: green;
    border: 1px solid green;
  }
/* 点滅 */
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 要素にアニメーションを適用 */
.blink {
	animation: blinking 1.2s ease-in-out 8 alternate;
}

/*---------------------------------------------
	▼entry-end
---------------------------------------------*/

.entry-end {
    border: #999 3px solid !important;
    color: #999 !important;
    padding: 15px 0;
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: 1.2em;
    font-size: 120%;
}

.entry-form01.entry-end {
    background: #fff;
	clear: both;
}
	
/*---------------------------------------------
	▼採用2022更新　20210212
---------------------------------------------*/

/*ＩＴ部門 募集要項　応募方法*/

.tech_entry .entry-form04 {
    width: 762px;
    margin: 10px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    border: #1D8E7B 3px solid;
}
.tech_entry .entry-form04 p {
    text-decoration: none;
    display: block;
    color: #1D8E7B;;
    padding: 15px 0;
    letter-spacing: 0.1em;
    font-weight: bold;
	line-height: 1.2em;
	font-size: 120%;
	margin:0;
}
.tech_entry .entry-form04 img{
	float:none;
	width:auto;
}
    @media (max-width:1023px) {
        .tech_entry .entry-form04 {
            width: auto;
        }
        .tech_entry .entry-form04 a {
            letter-spacing: 0;
        }
    }
/*---------------------------------------------
	▼採用2023更新　20211201
---------------------------------------------*/
/*///corona.shtml////*/
.work_corona{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.work_corona figure {
    width: 46%;
    margin: 0;
    margin-bottom: 5%;
}
.work_corona figcaption {
    font-size: 130%;
    letter-spacing: 0.1em;
}

.work_corona img {
    margin-top: 5px;
}
    @media screen and (max-width: 480px) {
        .work_corona{
            justify-content: space-around;
        }

        .work_corona figure {
            width: 90%;
            margin-bottom: 10%;
        }
        .work_corona figcaption {
            font-size: 115%;
        }
    }/*@media screen and (max-width: 480px)ここまで*/

/*---------------------------------------------
	▼voicyバナーエリア　20220809追加
---------------------------------------------*/
.voicy-banner-sp{
	display:none;
}

.voicy-banner-pc {
    margin: 50px auto 30px;
    /*width: 1100px;*/
}
    @media (min-width: 1024px) and (max-width: 1200px) {
        /*voicyバナーエリア*/
        .voicy-banner-pc {
            width: 1000px;
        }
    }

.voicy-banner-pc a:hover {
    opacity: 0.8;
}

.voicy-banner-pc a {
    display: block;
}
    @media (max-width:1023px){
        .voicy-banner-pc{
            display:none;
        }
        .voicy-banner-sp{
            display:block;
            margin: 40px auto;
            max-width: 400px;
            width: 90%;
        }

        .voicy-banner-sp a {
            display: block;
        }	
            
        .voicy-banner-sp a:hover {
        opacity: 0.8;
        }
    }


/*---------------------------------------------
	▼voicy.shtml　20220809追加
---------------------------------------------*/

.voicy_area {
    margin: 50px;
}

.voicy_area h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
	color: #4080cd;
}
    @media (max-width:1023px){
        .voicy_area h2 {
            font-size: 1.4rem;
            margin-bottom: 0;
        }    
    }

.voicy_area p {
    margin: 10px 0;
    padding: 10px;
    color: #fff;
    background: #4080cd;
	letter-spacing: 0.1rem;
}

.voicy_area　.voicy_box {
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .voicy_area {
        margin: 30px 20px 50px;
    }	
        
    .voicy_area h2 {
        font-size: 1.3rem;
    }	
        
    .voicy_box {
        margin-bottom: 20px;
    }	
        

    .voicy-banner-sp{
        margin: 30px auto 40px;
    }
}