@charset "utf-8";
/* CSS Document */

/* =============================================================================
 Reset
============================================================================= */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
  position:relative;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul,
ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; /*
	font-style:italic;
	font-weight:bold;
  */
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}



/* =============================================================================
 Fonts
============================================================================= */
html {
	font-size: 62.5%;
}
body {
	font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-size: 1.3rem;
}
/*
@media all and (-ms-high-contrast:none){
  body { font-family: "Montserrat", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }
}
*/

@media screen and (max-width: 767px) {
  body {
    font-size: 1.2rem;
  }
}


/* =============================================================================
 Base
============================================================================= */

body {
}

#mainArea {
  padding-top: 90px;
  padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
  #commonHeader,
  #mainArea,
  #globalNavi,
  #commonFooter {
  }
}


/* =============================================================================
 Elements
============================================================================= */

/* color setting */

html {
}
body {
}


/* link setting */

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* image setting */

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

@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

/* =============================================================================
 Common Class
============================================================================= */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}


@media screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
  .personHeader .personTitle br.only-sp-extra{
    display:block;
  }
}

@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
}

/* =============================================================================
 common header
============================================================================= */




/*
body.active path.keisen{
  display:block;
  fill:#4C4948;
}
*/
#commonHeader {
  border-bottom: 1px #e0e0e0 solid;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  z-index: 100;
  background-color: #fff;
  box-sizing: border-box;
}
#commonHeader .headerInner {
  position: relative;
  width: 100%;
  height: 85px;
}
#commonHeader .logos {
  padding: 32px 0 0 37px;
}
#commonHeader .siteLogo {
  margin-right: 20px;
  display: inline-block;
  width: 120px;
  vertical-align: middle;
  margin-top:-10px;
}
#commonHeader .siteRecruit {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  vertical-align: middle;
  margin-top:-13px;
}
#commonHeader .siteRecruit a {
  color: #7f7f7f;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  #globalNavi .btnClose {
    display: none;
  }
  #globalNavi ul:not(.entryBanners) {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    height: 85px;
  }
  #globalNavi ul:not(.entryBanners) li:not(.btnEntry) {
    margin-right: 50px;
    font-size: 1.3rem;
    font-weight: bold;
  }
  #globalNavi ul:not(.entryBanners) li:not(.btnEntry) a {
    display: inline-block;
    position: relative;
    color: #4C4948;
    transition: color ease .3s;
    text-decoration: none;
  }
  #globalNavi ul:not(.entryBanners) li:not(.btnEntry) a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #ED6C00;
    transform: translateX(-50%);
    transition: width ease .3s;
  }
  #globalNavi ul:not(.entryBanners) li:not(.btnEntry) a:hover {
    color: #ED6C00;
  }
  #globalNavi ul:not(.entryBanners) li:not(.btnEntry) a:hover:before {
    width: 100%;
  }
  #commonHeader .btnEntry {
    border-left: 1px #e0e0e0 solid;
    padding: 24px 60px 0;
    height: 100%;
    box-sizing: border-box;
  }
  #commonHeader .btnEntry span,
  #commonHeader .btnEntry a {
    border-radius: 19px;
    display: block;
    width: 165px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background-color: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
    text-decoration: none;
  }
  html:not(.iOS) #commonHeader .btnEntry span:hover,
  html:not(.iOS) #commonHeader .btnEntry a:hover {
    background-color: #b81d22;
  }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  #edu_sup .pc{
    display: block;
  }
  #edu_sup .sp{
    display: none;
  }
  #edu_sup .tab{
    display: none;
  }
  #commonHeader .logos {
    padding-left: 20px;
  }
  #commonHeader .siteLogo {
    margin-right: 15px;
  }
  #globalNavi ul li:not(.btnEntry) {
    margin-right: 15px;
  }
  #commonHeader .btnEntry {
    padding: 24px 30px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  #edu_sup .pc{
    display: block;
  }
  #edu_sup .sp{
    display: none;
  }
  #edu_sup .tab{
    display: none;
  }
  #commonHeader .btnEntry {
    padding: 24px 15px 0;
  }
  #commonHeader .btnEntry span, #commonHeader .btnEntry a {
    width: 100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 820px) {
  #globalNavi ul li:not(.btnEntry) {
    font-size: 1.2rem;
  }
}


.sp_btn {
    display: none;
}

#menu{
  display:none;
}
#menu .sp_menu .acc_block ul li{
  margin:0 !important;
}
@media screen and (max-width: 952px) {
/*menu*/
.sp_btn .sp_btn-icon:before {
    margin-top: -8px;
}
.sp_btn .sp_btn-icon:after {
    margin-top: 6px;
}
.sp_btn {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 20px;
    height: 26px;
    margin: 0;
    color: #000;
    cursor: pointer;
    transition: .3s;
}
.sp_btn .sp_btn-icon {
    display: block;
    position: absolute;
    top: 45%;
    left: 42%;
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -8px;
    background: #787575;
    transition: .3s;
}
/*
body.popupOpen .sp_btn .sp_btn-icon{
  background: #FFF;
}
*/
.sp_btn .sp_btn-icon:before, .sp_btn .sp_btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    background: #787575;
    transition: .3s;
}
body.active .sp_btn .sp_btn-icon:before, body.active .sp_btn .sp_btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    background: #FFF;
    transition: .3s;
}
.sp_btn p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 8px;
    text-align: center;
    letter-spacing: 1.5px;
}
#menu {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999999;
    display: none;
    background: #4C4948;
    /* background-color: rgba(255,255,255,0.8); */
    height: 100%;
    overflow: auto;
    padding:0;
    -webkit-overflow-scrolling: touch;
}

#menu > div {
    width: 100%;
    height:100%;
}
.sp_menu {
    color: #FFF;
    width: 100%;
    padding: 0;
    text-align: left;
    /* height: 100%; */
    /*
    padding:0 20px 20px 20px;
  */

  padding:0 0 160px 0;

}
.sp_btn .close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.sp_btn .close:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.sp_btn .close:before, .sp_btn .close:after {
    margin-top: -1px;
}
.sp_btn .close {
    background: transparent;
}

/*
#main-menu li dl.acc_block li{
  display:block;
}
*/
/*menu*/



  .recruitPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    max-width: 935px;
    height: 520px;
    background-color: #fff;
    z-index: 200;
    transform: translate(-50% , -50%) scale(.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s,transform ease .3s;
  }
  .popupOpen .recruitPopup {
    transform: translate(-50% , -50%) scale(1);
    visibility: visible;
    opacity: 1;
  }
  .recruitPopup .popupClose {
    position: absolute;
    top: 25px;
    right: 32px;
    width: 28px;
    height: 28px;
    cursor: pointer;
  }
  .recruitPopup .popupClose:before,
  .recruitPopup .popupClose:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 3px;
    height: 30px;
    background-color: #000;
  }
  .recruitPopup .popupClose:before {
    transform: rotate(45deg);
  }
  .recruitPopup .popupClose:after {
    transform: rotate(-45deg);
  }
  .recruitPopup ul {
    /*
    padding: 30px;
    */
    /*
    display: flex;
  */
  display:block;
  }
/*
  .recruitPopup ul li {
    padding: 0px 0;
    width: 100%;
    text-align: center;
  }
  .recruitPopup ul li:first-child {

  }
  */
  .recruitPopup ul li .logo {
    margin: 0 auto 15px;
    max-width: 240px;
  }
  .recruitPopup ul li .linkSite {
  }
  .recruitPopup ul li .linkSite a {
    margin: 0 auto 35px;
    /*
    padding-left: 20px;
    */
    border-radius: 19px;
    display: block;
    width: 270px;
    height: 38px;
    line-height: 38px;
    color: #fff !important;
    background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    transition: opacity ease .3s;
  }
  .recruitPopup ul li .linkSite.mynv a{
    background-color: #00baef;
  }




  #commonHeader {
  }
  #commonHeader .headerInner {
  }
  #commonHeader .logos {
    padding-left: 20px;
  }
  #commonHeader .logos .siteLogo {
    margin-right: 10px;
  }
  #commonHeader .logos .siteRecruit {
    font-size: 1.2rem;
  }
  #commonHeader .btnMenu {
    position: absolute;
    top: 31px;
    right: 20px;
    width: 26px;
    height: 19px;
    z-index: 2;
  }
  #commonHeader .btnMenu span {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    font-size: 0;
    text-indent: -9999px;
  }
  #commonHeader .btnMenu span:before,
  #commonHeader .btnMenu span:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    -webkit-transition: transform ease .3s;
    transition: transform ease .3s;
  }
  #commonHeader .btnMenu span:before {
    top: -8px;
  }
  #commonHeader .btnMenu span:after {
    top: 8px;
  }
  .menuOpen #commonHeader .btnMenu span {
    background-color: transparent;
  }
  .menuOpen #commonHeader .btnMenu span:after {
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menuOpen #commonHeader .btnMenu span:before {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .menuOpen {
    overflow: hidden;
  }
  .menuBody {
    position: fixed;
    top: 0;
    left: 0;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    /*
    background:rgba(200,200,200,0.5);
    */
    overflow: auto;
    transition: all ease .3s;
  }
  .menuBodyInner {
    padding: 25vmin 0 30vmin 0;
  }
  .menuOpen .menuBody {
    visibility: visible;
    opacity: 1;
  }
  .menuBody ul:not(.entryBanners) {
    margin: 0 auto;
    width: calc(532/828*100vw);
    text-align: center;
  }
  .menuBody ul:not(.entryBanners) li {
    margin: 0 0 30px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .menuBody ul:not(.entryBanners) li a {
    color: #000;
  }
  .menuBody .btnEntry {
    display: none;
    margin-bottom: 0;
    padding-top: 35px;
    border-top: 1px #e0e0e0 solid;
  }
  .menuBody .btnEntry span {
    margin: 0 auto;
    border-radius: 19px;
    display: block;
    width: calc(330/828*100vw);
    height: 38px;
    line-height: 38px;
    color: #fff;
    background-color: #0077c0;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
  }
}


/* =============================================================================
 recruit popup
============================================================================= */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  /*
  z-index: 150;
  */
  z-index:1999999999;
  visibility: hidden;
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s;
}
.popupOpen .overlay {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 768px) {

  .recruitPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    max-width: 935px;
    /*
    height: 520px;
    */
    height:auto;
    background-color: #fff;
    /*
    z-index: 200;
    */
    z-index:9999999999;
    transform: translate(-50% , -50%) scale(.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s,transform ease .3s;
  padding:50px 0 0px 0;
  }
  .popupOpen .recruitPopup {
    transform: translate(-50% , -50%) scale(1);
    visibility: visible;
    opacity: 1;

    padding:40px 0 40px 0;
    /*
    padding:40px 0 0 0;
        */
  }
  .recruitPopup .popupClose {
    position: absolute;
    top: 25px;
    right: 32px;
    width: 28px;
    height: 28px;
    cursor: pointer;
  }
  .recruitPopup .popupClose:before,
  .recruitPopup .popupClose:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 3px;
    height: 30px;
    background-color: #000;
  }
  .recruitPopup .popupClose:before {
    transform: rotate(45deg);
  }
  .recruitPopup .popupClose:after {
    transform: rotate(-45deg);
  }
  /*
  .recruitPopup ul {
    padding: 60px 60px 20px 60px;
    display: flex;
  }
  */
  .recruitPopup .new_entry_menus{
    text-align:center;
    margin:20px auto 0;
  }
  .recruitPopup .line_menus{
    text-align:center;
  }
  .recruitPopup .new_entry_menus a {
    margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 270px;
    height: 68px;
    line-height: 21px;
    color: #fff !important;
    background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 23px;
    transition: opacity ease .3s;
  }
  .recruitPopup .line_menus a {
    margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 270px;
    height: 68px;
    line-height: 21px;
    color: #4C4948 !important;
    background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 23px;
    transition: opacity ease .3s;
  }
  /*
  .recruitPopup ul li {
    padding: 25px 0 5px 0;
    width: 50%;
    text-align: center;
    margin:0;
  }
  .recruitPopup ul li:first-child {
    border-right: 1px #e6e6e6 solid;
  }
  */
  .recruitPopup ul li .logo {
    margin: 0 auto 15px;
    max-width: 325px;
  }
  .recruitPopup ul li .linkSite {
  }
  .recruitPopup ul li .linkSite a {
    margin: 0 auto 15px;
    /*
    padding-left: 20px;
    */
    border-radius: 19px;
    display: block;
    width: 270px;
    height: 38px;
    line-height: 38px;
    color: #fff !important;
    background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    transition: opacity ease .3s;
  }
  .recruitPopup ul li .linkSite.mynv a{
    background-color: #00baef;
  }

  /*
  .recruitPopup ul li:last-child .linkSite a {
    background-color: #00baef;
  }
  */
  .menuBody ul.entryBanners {
  }
  .recruitPopup ul li .new_entry_menu a{
    margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 270px;
    height: 68px;
    line-height: 21px;
    color: #fff !important;
    background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
    transition: opacity ease .3s;
  }
  .recruitPopup ul li .new_entry_menu a:hover{
    opacity: .7;
  }
  .recruitPopup ul li .linkSite a:hover{
    opacity: .7;
  }
}
@media screen and (max-width: 767px) {
  /*
  .overlay {
    display: none !important;
  }
  */
  /*
  .recruitPopup .popupClose {
    display: none;
  }
  */
  ul.entryBanners {
    margin: 0 auto;
    padding: 10px 0 0;
    /*
    border-top: 1px #e0e0e0 solid;
    */
    width: calc(532/828*100vw);
    text-align:center;
  }
  ul.entryBanners li:first-child {
    /*
    margin-bottom: 30px;
    */
  }
  ul.entryBanners li .logo {
    margin: 25px auto 10px;
    width: 200px;
  }
  ul.entryBanners li .linkSite {

  }
  ul.entryBanners li .linkSite a {
    margin: 0 auto 10px;
    padding-left: 0px;
    border-radius: 19px;
    display: block;
    width: 200px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.15rem;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    box-sizing: border-box;
    text-align:center;
  }
  /*
  .menuBody ul.entryBanners li:last-child .linkSite a {
    background-color: #00baef;
  }
  */
  ul.entryBanners li .linkSite.mynv a{
    background-color: #00baef;
  }
}


/* =============================================================================
 common footer
============================================================================= */

#commonFooter {
  margin:0px auto 0;
  padding: 50px 40px 50px;
  position: relative;
  color: #fff;
  background-color: #4C4948;
  z-index:10;
}
#commonFooter a {
  color: #fff;
}
#commonFooter .breadcrumb {
  margin: 0 auto 40px;
  max-width: 1080px;
}
#commonFooter .breadcrumb li {
  display: inline-block;
  font-size: 1.1rem;
}
#commonFooter .breadcrumb li:after {
  margin: 0 5px;
  content: "／";
  color: #837f7f;
}
#commonFooter .breadcrumb li:last-child:after {
  display: none;
}
#commonFooter .breadcrumb li:first-child {
  padding-left: 21px;
  background: url(../images/common/icon_home.png) 0 center no-repeat;
  -webkit-background-size: 13px 11px;
  background-size: 13px 11px;
}
#commonFooter .breadcrumb li a {
  color: #fff;
  text-decoration: none;
}
html:not(.iOS) #commonFooter .breadcrumb li a:hover {
  color: #ED6C00;
}
#commonFooter .footerNav {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: 1080px;
  justify-content: space-between;
}
#commonFooter .siteInfo {
  /*
  padding-right: 1em;
  width: 40%;
  max-width: 360px;
  */
  border-top: 1px #837f7f solid;
  box-sizing: border-box;
  display:flex;
  max-width: 1080px;
  margin:50px auto 0;
  padding:40px 0;
  align-items: center;
  position: relative;
}
#commonFooter .siteInfo .logos {
  /*
  margin: 0 0 25px;
*/
}
#commonFooter .siteInfo .siteLogo {
  margin-right: 30px;
  display: inline-block;
  width: 120px;
  vertical-align: middle;
}
#commonFooter .siteInfo .siteRecruit {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  vertical-align: middle;
  margin-top:-3px;
}
#commonFooter .siteInfo .siteRecruit a {
  color: #fff;
  text-decoration: none;
}
#commonFooter .siteInfo p {
  line-height: 1.86;
  font-size: 1.4rem;
  margin-left:30px;
}
#commonFooter .footerNav dl {
  margin-right: 23px;
  padding: 6px 0 0;
  font-size: 1.3rem;
}
#commonFooter .footerNav dl:last-child {
  margin-right: 0;
  padding:40px 0 0 0;
}
#commonFooter .footerNav dl dt {
  margin-bottom: 30px;
  font-weight: bold;
}
#commonFooter .footerNav dl dt a {
  text-decoration: none;
}
#commonFooter .footerNav dl dd {
  margin-top: 15px;
  line-height: 1.5;
}
#commonFooter .footerNav dl dd.bottom_extra {
  margin-top: 30px;
  line-height: 1.5;
  font-weight:bold;
}
#commonFooter .footerNav dl dd.bottom_extra.nomargin{
  margin-top:15px;
}
#commonFooter .footerNav dl dd a {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
#commonFooter .footerNav dl dd.bottom_extra a {
  padding-left: 0px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
#commonFooter .footerNav dl dd.bottom_extra a:before {
  content:none;
}
#commonFooter .footerNav dl dd a:before {
  border-radius: 4px;
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  width: 4px;
  height: 4px;
  background-color: #ED6C00;
}
html:not(.iOS) #commonFooter .footerNav dl dt a:hover,
html:not(.iOS) #commonFooter .footerNav dl dd a:hover {
  color: #ED6C00;
}
#commonFooter .footerInner {
  margin: 0px auto 0;
  padding: 40px 0 0;
  border-top: 1px #837f7f solid;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
}
#commonFooter .subMenu {
}
#commonFooter .subMenu ul {
}
#commonFooter .subMenu ul li {
  margin-right: 3em;
  display: inline-block;
  font-size: 1.1rem;
}
#commonFooter .subMenu ul li:last-child {
  margin-right: 0;
}
#commonFooter .subMenu ul li a {
  text-decoration: none;
}
html:not(.iOS) #commonFooter .subMenu ul li a:hover {
  color: #ED6C00;
}
#commonFooter .copyright {
  font-size: 1.1rem;
}

@media screen and (max-width: 1170px) {
  #commonFooter .siteInfo {
    margin-bottom: 30px;
    width: 100%;
    max-width: inherit;
  }
}

@media screen and (max-width: 767px) {
  #commonFooter .pagetop{
    display:none !important;
  }
  #commonFooter {
    padding: 35px calc(70/828*100%) 50px;
    z-index:1;
  }
  #commonFooter .sp_setting{
    display:flex;
    flex-wrap: wrap;

  }
  #commonFooter .footerNav {
    /*
    display: block;
    */
    display:flex;
    margin:0;
    order:2;
  }
  #commonFooter .siteInfo {
    margin: 0 0 40px;
    padding: 0;
    width: auto;
    max-width: inherit;
    order:1;
    display:flex;
    flex-wrap: wrap;
    border:none;
  }
  #commonFooter .siteInfo .logos {
    margin: 0 0 0px;
  }
  #commonFooter .siteInfo .siteLogo {
    margin-right: 15px;
  }
  #commonFooter .siteInfo .siteRecruit {
    font-size: 1.1rem;
  }
  #commonFooter .siteInfo p{
    margin-left:0;
    margin-top:20px;
  }

  #commonFooter .footerNav dl {
    margin: 0 0 30px;
    padding: 0;
    width:100%;
  }
  #commonFooter .footerNav dl dt {
    margin-bottom: 20px;
  }
  #commonFooter .footerNav dl dd {
    margin-top: 10px;
  }
  #commonFooter .footerInner {
    margin:10px auto 0;
    padding: 40px 0 0;
    display: block;
  }
  #commonFooter .subMenu {
  }
  #commonFooter .subMenu ul {
  }
  #commonFooter .subMenu ul li {
    margin: 0 0 15px;
    display: block;
  }
  #commonFooter .subMenu ul li:last-child {
    margin-right: 0;
  }
  #commonFooter .subMenu ul li a {
  }
  #commonFooter .copyright {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px #837f7f solid;
    text-align: center;
  }
  #commonFooter .footerNav dl:last-child{
    padding:0;
  }
}





/* =============================================================================
 Common Block Styles
============================================================================= */

/* page title */
.pageTitleArea {
  padding: 115px 0 80px;
  background-color: #4C4948;
}
.largeTitle {
  font-weight: bold;
  text-align: center;
}
.largeTitle .en {
  position: relative;
  display: block;
  font-size: 3.5rem;
  color:#4C4948;
}
.largeTitle .en:before {
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 2px;
  height: 22px;
  background-color: #4C4948;
}
.largeTitle .jpn {
  padding-top: 15px;
  display: block;
  color: #7f7f7f;
  font-size: 1.6rem;
}
.pageTitleArea .largeTitle .en{
  position: relative;
  display: block;
  font-size: 3.5rem;
  color:#FFF;
}
.pageTitleArea .largeTitle .en:before {
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 2px;
  height: 22px;
  background-color: #FFF;
}
.pageTitleArea .largeTitle .jpn {
  padding-top: 15px;
  display: block;
  color: #FFF;
  font-size: 1.6rem;
}
.middleTitle {
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
}
.middleTitle .en {
  position: relative;
  display: block;
  font-size: 2.1rem;
  color:#4C4948;
}
.middleTitle .jpn {
  padding-top: 15px;
  display: block;
  color: #7f7f7f;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .pageTitleArea {
    padding: 85px 0 50px;
  }
  .middleTitle {
    margin-bottom: 30px;
    padding-top: 35px;
  }
  .middleTitle .en {
    font-size: 3.5rem;
  }
  .middleTitle .en:before {
    margin-left: -1px;
    content: "";
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    width: 2px;
    height: 22px;
    background-color: #000;
  }
  .middleTitle .jpn {
    font-size: 1.4rem;
  }
}



/* section title */
.sectionTitle {
  padding: 80px 0 65px;
  text-align: center;
}
.sectionTitle .en {
  display: block;
  font-size: 2.1rem;
  font-weight: bold;
  color:#4C4948;
}
.sectionTitle .jpn {
  padding-top: 10px;
  display: block;
  color: #7f7f7f;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sectionTitle {
    padding: 45px 0;
  }
}



/* section */
.contentBlock {
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  max-width: 1080px;
}
.contentBlock.extra{
  padding-top:40px;
}
.bgGray {
  background-color: #f7f7f7;
}

@media screen and (max-width: 767px) {
  .contentBlock {
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}




/* entry push */
.entryPush {
  padding: 60px 0 0;
}
.entryPush .largeTitle {
  margin: 0 0 40px;
  padding-top: 35px;
}


/* recruit links */
.entryLinks {
  margin: 0 auto 0;
  position: relative;
  display: flex;
  max-width: 1080px;
}
/*
.entryLinks:after {
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1px;
  height: calc(100% - 80px);
  background-color: #d1d1d1;
}
*/



.entryLinks .entryInfo {
  width: 50%;
  box-sizing: border-box;
}
.entryLinks a {
  padding: 60px 35px;
  display: flex;
  align-items: center;
  color: #4C4948;
  background-color: #f7f7f7;
  text-decoration: none;
  transition: color ease .3s,background-color ease .3s;
  width : calc(100% / 3) ;
  position: relative;
}
/*
.entryLinks .bd{
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1px;
  height: calc(100% - 80px);
  background-color: #d1d1d1;
}
*/
.entryLinks a:nth-child(2):after{
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 1px;
  height: calc(100% - 80px);
  background-color: #d1d1d1;
}
.entryLinks a:nth-child(2):before{
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  right: 0px;
  width: 1px;
  height: calc(100% - 80px);
  background-color: #d1d1d1;
}
.entryLinks a .icon {
  width: 90px;
  position: relative;
}
.entryLinks a:nth-child(1) .icon{
  padding:0 0 0 10px;
  width:80px;
}
.entryLinks a:nth-child(3) .icon{
  padding:0 0 0 10px;
  width:80px;
} 
.entryLinks .icon img {
  width: 51px;
  transition: opacity ease .3s;
}
.entryLinks a:first-child .icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 52px;
  height: 68px;
  background: url(../images/common/icon_guideline_w.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0;
  transition: opacity ease .3s;
}
.entryLinks a:nth-child(2) .icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 73px;
  height: 52px;
  background: url(../images/common/icon_movie_w.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0;
  transition: opacity ease .3s;
}
.entryLinks a:nth-child(3) .icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 51px;
  height: 68px;
  background: url(../images/common/icon_pdf_w.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0;
  transition: opacity ease .3s;
}
.entryLinks a:nth-child(2) .icon img {
  width: 72px;
}
.entryLinks a:nth-child(3) .icon img {
  width: 51px;
}
.entryLinks dl {
  width: calc(100% - 100px);
}
.entryLinks dl dt {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.entryLinks dl dd {
  line-height: 17pt;
  font-size: 13px;
  color:#4C4948;
}
.entryLinks a:hover dl dt ,
.entryLinks a:hover dl dd {
    color: #fff;
}


@media screen and (min-width: 768px) {
  .entryLinks a:hover {
    color: #fff;
    background-color: #ED6C00;
  }
  .entryLinks a:hover .icon img {
    opacity: 0;
  }
  .entryLinks a:hover .icon:before {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
.entryLinks a:hover dl dt ,
.entryLinks a:hover dl dd {
    color: #4C4948;
}
  .entryLinks a:nth-child(1) .icon{
    padding:0 0 0 0px;
    width:90px;
  }
  .entryLinks a:nth-child(3) .icon{
    padding:0 0 0 0px;
    width:90px;
  } 
.entryLinks a:nth-child(2):after{
    content:none;
  }
.entryLinks a:nth-child(2):before{
    content:none;
  }
  .entryLinks {
    padding: 40px calc(78/828*100vw);
    display: block;
    width: calc(688/828*100vw);
    background-color: #f7f7f7;
    box-sizing: border-box;
  }
  .entryLinks:after {
    display: none;
  }
  .entryLinks a {
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .entryLinks a:nth-child(2) {
    margin-top: 30px;
    padding-top: 30px;
    border-left: none;
    border-top: 1px #d1d1d1 solid;
  }
  .entryLinks a:nth-child(3) {
    margin-top: 30px;
    padding-top: 30px;
    border-left: none;
    border-top: 1px #d1d1d1 solid;
  }
  .entryLinks  a {
    padding: 0;
    display: flex;
    align-items: center;
    color: #000;
  }
  .entryLinks .icon {
    width: 60px;
  }
  .entryLinks a:nth-child(1) .icon img {
    width: 34px;
  }
  .entryLinks a:nth-child(2) .icon img {
    width: 47px;
  }
  .entryLinks a:nth-child(3) .icon img {
    width: 34px;
  }
  .entryLinks dl {
    width: calc(100% - 60px);
  }
}





/* recruit banner */
.new_entry{
  text-align:center;
  padding:40px 0 0 0 !important;
  width:100%;
}
/*
.new_entry span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  width: 290px;
  height: 68px;
  line-height: 21px;
  color: #fff;
  background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top:23px;
  box-shadow:3px 4px 0px #ED6C00;
    transition: all ease .3s;
}
.new_entry span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}
*/

.new_entry span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  width: 238px;
  height: 48px;
  line-height: 21px;
  color: #fff;
  background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top:15px;
  box-shadow:3px 4px 0px #ED6C00;
    transition: all ease .3s;
}
.new_entry span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}

.new_entry.line{
  text-align:center;
  padding:40px 0 0 0;
  width:100%;
}

/*
.new_entry.line span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  width: 290px;
  height: 68px;
  line-height: 21px;
  color: #4C4948;
  background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top:23px;
  box-shadow:3px 4px 0px #c4c4c4;
    transition: all ease .3s;
}
.new_entry.line span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}
*/
.new_entry.line span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  width: 272px;
  height: 48px;
  line-height: 21px;
  color: #4C4948;
  background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top:15px;
  box-shadow:3px 4px 0px #c4c4c4;
    transition: all ease .3s;
}
.new_entry.line span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}

.entryBanner {
  margin: 60px auto 0;
  display: flex;
  max-width: 1080px;
}
.entryBanner .recruitSite {
  width: 50%;
  box-sizing: border-box;
  text-align:center;
}
.entryBanner .recruitSite:first-child {
  border-right: 1px #e6e6e6 solid;
}
.entryBanner .recruitSite a,
.new_entry a{
  padding: 0px 0;
  display: inline-block;
  text-decoration: none;
  transition: opacity ease .3s;
  margin:0 0 15px 0;
}
/*
.logobg{
  background:url(../images/common/logo_bg.png) left top no-repeat;
  background-size: 113px 68px;
  display:inline-block;
  padding:0 0 0 130px;
}
.logobg_line{
  background:url(../images/common/logo_bg_line.png) left top no-repeat;
  background-size: 68px 68px;
  display:inline-block;
  padding:0 0 0 148px;
}
*/

.logobg{
  background:url(../images/common/logo_benext.png) left top no-repeat;
  background-size: 86px 52px;
  display:inline-block;
  padding:0 0 0 115px !important;
}
.logobg_line{
  background:url(../images/common/logo_line.png) left top no-repeat;
  background-size: 52px 52px;
  display:inline-block;
  padding:0 0 0 80px;
}

html:not(.iOS) .entryBanner .recruitSite a:hover,
html:not(.iOS) .new_entry a:hover{
  opacity: .7;
}
.entryBanner .recruitSite .logo.logo_ex01{
  margin:9px auto 10px;
}
.entryBanner .recruitSite .logo_under.logo_ex01{
  margin:29px auto 10px;
}
.entryBanner .recruitSite .logo {
  margin: 0 auto 10px;
  width: 50%;
  max-width: 325px;
}
.entryBanner .recruitSite .logo_under {
  margin: 20px auto 10px;
  width: 50%;
  max-width: 325px;
}


.entryBanner .recruitSite .linkSite {

}

.entryBanner .recruitSite .linkSite span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 290px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #004f7c;
  transition: all ease .3s;
}

@media all and (-ms-high-contrast: none){
  .entryBanner .recruitSite .linkSite span {
    height: 38px;
    line-height: 44px;
  }
  .new_entry span {
    height: 68px;
    line-height: 23px;
  }
}

.entryBanner .recruitSite .linkSite span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}
/*
.entryBanner .recruitSite:last-child .linkSite span {
  background-color: #00baef;
}
*/
.entryBanner .recruitSite .linkSite.mynv span{
  background-color: #00baef;
  box-shadow:3px 4px 0px #008fb8;
}
.entryBanner .recruitSite .linkSite.mynv span:hover{
  transform: translate3d(3px, 4px, 0);
  box-shadow:0px 0px 0px #008fb8;
}
.recruitPopup ul li .logo.popmenu_pcx{
  margin-top:12px;
}
.recruitPopup ul li .logo.popmenu_pcxs{
  /*
  margin-top:47px;
  */
  margin-top:12px !important;
}
.onlyPCs{
  display:inline-block;
  font-style:normal
}
.onlySPs{
  font-style:normal;
  display:inline-block;
}

@media screen and (max-width: 767px) {
  .recruitPopup ul li .logo.popmenu_pcxs{
    margin:25px auto 10px !important;
  }
  .entryLinks .entryInfo a:hover dl dt, .entryLinks .entryInfo a:hover dl dd{
    color:#4C4948;
  }
  .entryBanner {
    margin: 60px calc(70/828*100%) 0;
    display: block;
  }
  .entryBanner .recruitSite {
    padding: 0;
    width: auto;
    box-sizing: border-box;
  }
  .entryBanner .recruitSite a {
    margin:0 0 20px 0;
  }

  .entryBanner .recruitSite:first-child {
    margin-bottom: 50px;
    border-right: none;
  }
  .entryBanner .recruitSite .logo {
    margin: 20px auto 10px;
    width: calc(570/688*100%);
    max-width: inherit;
  }
  .entryBanner .recruitSite .logo_under {
    margin: 20px auto 10px;
    /*
    width: calc(570/688*100%);
    */
    width:100%;
    max-width: inherit;
  }
  .entryBanner .recruitSite .logo_under.logo_ex01 {
      margin: 20px auto 10px;
  }
  .entryBanner .recruitSite .logo_under img{
    max-width:280px;
  }
  .entryBanner .recruitSite .logo_under.logo_ex01 img{
    max-width:280px;
      border-top:1px solid #e6e6e6;
      padding:30px 0 0 0;
  }
  .entryBanner .recruitSite .linkSite {
  }
  .entryBanner .recruitSite .linkSite a {
    padding-left: 0px;
    height: 34px;
    line-height: 34px;
    font-size: 1.3rem;
  }
  .new_entry{
    text-align:center;
    padding:0px 0 0 0;
  }
  .entryBanner .recruitSite .linkSite span{
    width:280px;
  }
  .new_entry span{
    width:220px;
    font-size:1.3rem;
  }

   .new_entry.line span{
      font-size:1.5rem;
      padding-top:23px;
  }
  .logobg{
    background:url(../images/common/logo_bg.png) left 24px no-repeat !important;
    background-size: 70px 42px !important;
    display:inline-block;
    padding:10px 0 0 80px !important;
    border-top:1px solid #e6e6e6;
  }
  .new_entry span{
    padding:23px 5px 0 0;
  }
  .new_entry_menu a span {
    color:#FFF !important;
  }



.new_entry.line{
  text-align:center;
  padding:40px 0 0 0;
  width:100%;
}
.new_entry.line span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  width: 220px;
  height: 68px;
  line-height: 21px;
  color: #4C4948;
  background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top:23px;
  box-shadow:3px 4px 0px #c4c4c4;
    transition: all ease .3s;
}
.new_entry.line span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}

.logobg_line {
    background: url(../images/common/logo_bg_line.png) left 12px no-repeat;
    background-size: 48px 48px;
    display: inline-block;
    padding: 0 0 0 80px;
}
.onlyPCs{
  display:none;
}


  /*
  .new_entry_menu{
    margin: 25px auto 0;
    padding: 8px 0px 0 0;
    border-radius: 40px;
    display: block;
    width: 200px;
    height: 53px;
    line-height: 18px;
    color: #fff !important;
    background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.15rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
  }
  */
  .new_entry_menu a{
    color:#FFF;
  }
  .menuBody ul.entryBanners li .logo.popmenu_ex{
    margin:60px auto 10px;
  }
}

/* page top */
.pagetop {
  /*
  position: absolute;
  top: 35px;
  */
  display: none;
  position: fixed;
  bottom: 0px;
  right: 10px;
  width: 44px;
  height: 44px;
  z-index: 0;
}
.pagetop a {
  border: 1px #EDEDED solid;
  border-radius: 100%;
  display: block;
  width: 44px;
  height: 44px;
  background-color: #FFF;
  box-sizing: border-box;
  transition: background-color ease .3s;
}
.pagetop a:before {
  content: "";
  border-top: 1px #5A5657 solid;
  border-right: 1px #5A5657 solid;
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  transition: border-color ease .3s;
}
.pagetop a:after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 21px;
  width: 1px;
  height: 15px;
  background-color: #5A5657;
  transition: background-color ease .3s;
}
html:not(.iOS) .pagetop a:hover {
  background-color: #EDEDED;
}

@media screen and (max-width: 767px) {
  .pagetop {
    bottom: 25px;
    right: calc(50/828*100%);
    display:none;
  }
}



/* person list */
.personList {
  margin: 0 auto;
  padding: 50px 0 0;
  max-width: 1046px;
  /* width: 67%;
  margin-bottom: 8rem; */
}
.personList ul li {
  margin: 0 0 40px 0;
  width: calc(296/1046*100%);
}
.personList_topstyle {
  margin: 0 auto;
  padding: 50px 0 0;
  max-width: none;
  width: 67%;
  margin-bottom: 0;
}
.personList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.personList_topstyle ul li {
  /*
  margin: 0 calc(79/1046*100%) 40px 0;
  */
  margin:0 70px 40px 0;

  /* width: calc(296/1046*100%); */
  width: 25% !important;

}
/*
.personList ul:after {
  content: "";
  display: block;
  width: calc(296/1046*100%);
  height: 0;
}
*/
.personList_topstyle ul {
  flex-wrap: nowrap;
}
#personListIndexList:after {
  content: "";
  display: block;
  width: calc(296/1046*100%);
  height: 0;
}
ul.new_unders.new_unders_num2.slick-initialized.slick-slider.slick-dotted{
  margin-bottom:50px;
}
ul.new_unders.new_unders_num2.slick-initialized.slick-slider.slick-dotted:after{
  content: "";
  display: block;
  width: calc(296/1046*100%);
  height: 0;
}
ul.new_unders.new_unders_num2.slick-initialized.slick-slider.slick-dotted .slick-list{
  width: 100%;
}
.personList.pLDetail ul.slick-dots{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*
.personList ul li:nth-child(3n) {
  margin-right: 0;
}
.personList ul li:nth-child(3),
.personList ul li:nth-child(6),
.personList ul li:nth-child(9),
.personList ul li:nth-child(12),
.personList ul li:nth-child(15),
.personList ul li:nth-child(18),
.personList ul li:nth-child(20){
  margin-right:0;
}
*/
.personList ul li a {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
}
.personList ul li .photo {
  transition: opacity ease .6s;
}
html:not(.iOS) .personList ul li a:hover .photo {
  opacity: 0;
}
.personList ul li .hoverPhoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity ease .6s;
}
html:not(.iOS) .personList ul li a:hover .hoverPhoto {
  opacity: 1;
}
.personList ul li .articleHeadline {
  margin-top: -54px;
  position: relative;
  left: -26px;
}
.personList ul li .category {
  padding: 8px 14px;
  display: inline-block;
  color: #fff;
  background-color: #4C4948;
  font-size: 1.1rem;
}
.personList ul li .text {
  padding: 24px 26px;
  background-color: #fff;
  box-sizing: border-box;
}
.personList ul li p {
  margin: 0 0 15px;
  line-height: 1.5;
  color: #4C4948;
  font-size: 1.6rem;
  font-weight: bold;
  transition: color ease .3s;
}
.personList ul li p br {
  display: none;
}
html:not(.iOS) .personList ul li a:hover p {
  color: #ED6C00;
}
.personList ul li .year {
  margin-bottom: 10px;
  color: #b2b2b2;
  font-size: 1.3rem;
}
.personList ul li .name {
  line-height: 1.5;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}
.personList ul li .name .jpn {
  margin-right: 15px;
  display: inline-block;
  color:#4C4948;
}
.personList ul li .name .en {
  display: inline-block;
  color: #b2b2b2;
  font-size: 1.3rem;
  vertical-align: middle;
}
.personList +.btnLink {
  margin-top: 40px;
}
/*-----MEW-----*/
.personList ul li .haizoku {
  font-size: 1.1rem;
  color: #4C4948;
  margin:20px 0 0 0;
}
.personList ul li .haizoku span{
  font-weight:bold;
}
/*-----MEW-----*/
@media screen and (max-width: 1170px) {
  .personList ul li {
    /* width: 29% !important; */
    margin: 0 0 40px 0;
  }
}
@media screen and (max-width: 767px){
  .personList {
    width: 100%;
    margin: 0 auto !important;
  }
  .personList ul li {
    /* width: 100% !important; */
  }
  .personList.pLDetail ul .slick-prev {
    left: -10% !important;
  }
  .personList.pLDetail ul .slick-next {
    right: -10% !important;
    top: 24% !important;
    transform: rotate(180deg);
  }
  .personList.pLDetail ul li {
    margin: 0 !important;
  }
  .personList.pLDetail ul.slick-dots {
    margin: 30px auto 60px !important;
    width: 65% !important;
  }
}



.family_talk {
  background-color: #F7F7F7;
  padding: 0 0 50px;
}
.family_talk div {
  width: 760px;
  margin: 0 auto;
}
.family_talk div a {
  display: flex;
  text-decoration: none;
  border: 1px solid #ED6C00;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.family_talk div a .right img:hover {
  transform: scale(1.1);
  transition-duration: 0.3s;
  opacity: 0.6;
}
.family_talk div a .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
  position: relative;
  background-color: #fff;
  padding: 55px 30px 25px;
  position: relative;
}
.family_talk div a .left::before {
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 50%;
  width: 2px;
  height: 22px;
  background-color: #ED6C00;
}
.family_talk div a .left .big {
  font-size: 35px;
  margin-bottom: 20px;
  color: #ED6C00;
}
.family_talk div a .left .text {
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  color: #4C4948;
}
.family_talk div a .right {
  width: 70%;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .family_talk {
    padding-top: 0;
  }
  .family_talk div {
    width: 85%;
  }
  .family_talk div a {
    display: block;
    background-color: #fff;
  }
  .family_talk div a .left {
    width: 90%;
    padding: 55px 15px 15px;
  }
  .family_talk div a .left .big {
    font-size: 3.5rem;
  }
  .family_talk div a .right {
    width: 100%;
  }
}










/*-----DRTAIL MEW-----*/
.personList_topstyle{
  max-width:1700px;
}
.personList_topstyle ul li a {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
}
.personList_topstyle ul.slick-dots{
  display:flex;
}
.personList_topstyle ul li .photo {
  transition: opacity ease .6s;
}
html:not(.iOS) .personList_topstyle ul li a:hover .photo {
  opacity: 0;
}
.personList_topstyle ul li .hoverPhoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity ease .6s;
}
html:not(.iOS) .personList_topstyle ul li a:hover .hoverPhoto {
  opacity: 1;
}
.personList_topstyle ul li .articleHeadline {
  margin-top: -54px;
  position: relative;
  left: -26px;
}
.personList_topstyle ul li .category {
  padding: 8px 14px;
  display: inline-block;
  color: #fff;
  background-color: #000000;
  font-size: 1.1rem;
}
.personList_topstyle ul li .text {
  padding: 24px 26px;
  background-color: #fff;
  box-sizing: border-box;
}
.personList_topstyle ul li p {
  margin: 0 0 15px;
  line-height: 1.5;
  color: #4C4948;
  font-size: 1.6rem;
  font-weight: bold;
  transition: color ease .3s;
}
.personList_topstyle ul li p br {
  display: none;
}
html:not(.iOS) .personList_topstyle ul li a:hover p {
  color: #ED6C00;
}
.personList_topstyle ul li .year {
  margin-bottom: 10px;
  color: #b2b2b2;
  font-size: 1.3rem;
}
.personList_topstyle ul li .name {
  line-height: 1.5;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}
.personList_topstyle ul li .name .jpn {
  margin-right: 15px;
  display: inline-block;
  color:#4C4948;
}
.personList_topstyle ul li .name .en {
  display: inline-block;
  color: #b2b2b2;
  font-size: 1.3rem;
  vertical-align: middle;
}
.personList_topstyle +.btnLink {
  margin-top: 40px;
}

.personList_topstyle ul li .haizoku {
  font-size: 1.1rem;
  color: #4C4948;
  margin:20px 0 0 0;
}
.personList_topstyle ul li .haizoku span{
  font-weight:bold;
}

 .personList_topstyle ul .slick-arrow {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 26%;
    width: 23px;
    height: 41px;
    background: transparent url(../images/common/icon_arrow.png) 0 0 no-repeat;
    background-size: cover;
    /*    
    background: transparent url(../images/common/icon_arrow_new.png) 0 0 no-repeat;
    */
    cursor:pointer;

    outline: none;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .personList_topstyle ul .slick-prev {
    left: -3%;
  }
  .personList_topstyle ul .slick-next {
    right: -3%;
    transform: rotate(180deg);
  }
  .personList_topstyle ul li {
    margin: 0 25px;
    width: auto;
  }
  .slick-dots{
    margin:40px auto 80px;
  }

.personList_topstyle ul.slick-dots li{
  margin:0 5px;
  position:relative;
}
.personList_topstyle ul.slick-dots li button {
    font-size: 50px;
    line-height: 20px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.personList_topstyle ul.slick-dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: #cfcfcf;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.personList_topstyle ul.slick-dots li.slick-active button:before {
    color: #ED6C00;
}
/*-----DRTAIL MEW-----*/


.personList.pLDetail ul .slick-prev {
  left: -3%;
}
.personList.pLDetail ul .slick-next {
  right: -3%;
  transform: rotate(180deg);
}
.personList.pLDetail ul .slick-arrow {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 26%;
  width: 23px;
  height: 41px;
  background: transparent url(../images/common/icon_arrow.png) 0 0 no-repeat;
  background-size: cover;
  /* background: transparent url(../images/common/icon_arrow_new.png) 0 0 no-repeat; */
  cursor: pointer;
  outline: none;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.personList.pLDetail ul li {
  margin: 0 25px;
  width: auto;
}
.personList.pLDetail ul.slick-dots li {
  margin: 0 5px;
}
.personList.pLDetail ul.slick-dots {
  margin: 40px auto 80px;
  position: relative;
  bottom: 0;
  width: auto;
}
.personList.pLDetail ul.slick-dots li button {
  font-size: 50px;
  line-height: 20px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  opacity: 1;
}
.personList.pLDetail ul.slick-dots li.slick-active button:before {
  color: #ED6C00;
}
.personList.pLDetail ul.slick-dots li button:before {
  font-family: 'slick';
  font-size: 18px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  color: #cfcfcf;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}










@media screen and (min-width:768px) and ( max-width:3000px) {
  .personList_topstyle ul.new_unders_num2 .slick-list{
    width:100%;
    max-width:700px;
    margin:0 auto 0;
  }
  .personList_topstyle ul.new_unders_num2 .slick-track{
    width:100% !important;
    /*
    max-width:700px;
    */
    margin:auto;
  }
  .personList_topstyle ul.new_unders_num2 li.slick-slide{
    width:42% !important;
    max-width:299px;
  }
  .personList_topstyle ul.new_unders_num1 .slick-list{
    width:100%;
    max-width:349px;
    margin:0 auto 20px;
  }
  .personList_topstyle ul.new_unders_num1 .slick-track{
    width:100% !important;
    max-width:349px;
    margin:auto;
  }
  .personList_topstyle ul.new_unders_num1 li.slick-slide{
    width:100% !important;
    max-width:299px;
  }
  .personList_topstyle ul.new_unders_num1 ul.slick-dots,
  .personList_topstyle ul.new_unders_num2 ul.slick-dots{
    display:none;
  }
}

@media screen and (max-width: 767px) {
.personList_topstyle {
  width: 100%;
}
.personList_topstyle ul.new_unders_num1 .slick-list{
  width:100% ;
  max-width:100%;
  margin:0 auto 0;
}
.personList_topstyle ul.new_unders_num1 .slick-track{
  width:100%;
  max-width:100%;
  margin:auto;
}
.personList_topstyle ul.new_unders_num1 li.slick-slide{
  width:100% ;
  max-width:100%;
}

 
.personList_topstyle ul.new_unders_num2 .slick-list{
  width:100%;
  max-width:100%;
  margin:0 auto 0;
}
.personList_topstyle ul.new_unders_num2 .slick-track{
  width:100%;
  /*
  max-width:auto;
  */
  max-width:100%;
  margin:auto;
}
.personList_topstyle ul.new_unders_num2 li.slick-slide{
  width:100% ;
  max-width:100%;
}
  .personList_topstyle ul.new_unders_num1 ul.slick-dots{
    display:none;
  }

   .personList_topstyle ul.slick-dots{
    margin:30px auto 60px; 
    flex-wrap: wrap;
    justify-content: center;
   } 
  .personList_topstyle {
    padding-top: 0;
  }
  .personList_topstyle ul {
    margin-bottom: 30px;
    position: relative;
    /* display: block; */
  }
  .personList_topstyle ul .slick-arrow {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 36%;
    width: 23px;
    height: 41px;
    background: transparent url(../images/common/icon_arrow.png) 0 0 no-repeat;
/*
    background: transparent url(../images/common/icon_arrow_new.png) 0 0 no-repeat;
*/
    background-size: cover;
    outline: none;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .personList_topstyle ul .slick-prev {
    left: -10%;
  }
  .personList_topstyle ul .slick-next {
    right: -10%;
    transform: rotate(180deg);
  }
  .personList_topstyle ul li {
    margin: 0;
    width: 100% !important;
  }
  .personList_topstyle ul li a {
    outline: none;
  }
  .personList_topstyle ul li .photo {
    padding-left: 26px;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
  }
  .personList_topstyle ul li .hoverPhoto {
    padding-left: 0px;
    box-sizing: border-box;
    opacity: 1;
  }
  .personList_topstyle ul.new_unders_num1 li .hoverPhoto img{
    width:100%;
  }
  .personList_topstyle ul.new_unders_num1 li a:hover .hoverPhoto img{
    width:100%;
  }
  .personList_topstyle ul li .articleHeadline {
    margin-top: calc(-150/828*100vw);
    margin-right: 0px;
    left: 0;
  }
  .personList_topstyle ul li .category {
  }
  .personList_topstyle ul li .text {
    padding: 20px;
    height: auto !important;
  }
  .personList_topstyle ul li p {
    margin: 0 0 10px;
  }
  .personList_topstyle ul li .year {
    margin-bottom: 5px;
  }
  .personList_topstyle ul li .name {
  }
  .personList_topstyle ul li .name .jpn {
    margin-right: 10px;
  }
  .personList_topstyle ul li .name .en {
  }


  .personList.pLTop {
    padding-top: 0;
    width: 100%;
  }
  .personList.pLTop ul {
    margin-bottom: 30px;
    position: relative;
    /* display: block; */
  }
  .personList.pLTop ul .slick-arrow {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 36%;
    width: 23px;
    height: 41px;
    background: transparent url(../images/common/icon_arrow.png) 0 0 no-repeat;
/*
    background: transparent url(../images/common/icon_arrow_new.png) 0 0 no-repeat;
*/
    background-size: cover;
    outline: none;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .personList.pLTop ul .slick-prev {
    left: -10%;
  }
  .personList.pLTop ul .slick-next {
    right: -10%;
    transform: rotate(180deg);
  }
  .personList.pLTop ul li {
    margin: 0;
    width: auto;
  }
  .personList.pLTop ul li a {
    outline: none;
  }
  .personList.pLTop ul li .photo {
    padding-left: 26px;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
  }
  .personList.pLTop ul li .hoverPhoto {
    padding-left: 0px;
    box-sizing: border-box;
    opacity: 1;
  }
  .personList.pLTop ul li .articleHeadline {
    margin-top: calc(-150/828*100vw);
    margin-right: 0px;
    left: 0;
  }
  .personList.pLTop ul li .category {
  }
  .personList.pLTop ul li .text {
    padding: 20px;
    height: auto !important;
  }
  .personList.pLTop ul li p {
    margin: 0 0 10px;
  }
  .personList.pLTop ul li .year {
    margin-bottom: 5px;
  }
  .personList.pLTop ul li .name {
  }
  .personList.pLTop ul li .name .jpn {
    margin-right: 10px;
  }
  .personList.pLTop ul li .name .en {
  }


}



/* link button */
.linkTop {
  text-align: center;
}
.personList + .linkTop {
  margin-top: 0px;
}
.linkTop a {
  border-radius: 29px;
  border: 1px #4C4948 solid;
  display: inline-block;
  width: 187px;
  height: 58px;
  line-height: 54px;
  color: #4C4948;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color ease .3s,background-color ease .3s,color ease .3s;
}
html:not(.iOS) .linkTop a:hover {
  color: #fff;
  background-color: #4C4948;
}

.btnLink {
  position: relative;
  text-align: center;
}
.btnLink a:not(.arrow) {
  border: 1px #4C4948 solid;
  border-radius: 28px;
  display: inline-block;
  width: 187px;
  line-height: 54px;
  color: #4C4948 ;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
}
html:not(.iOS) .btnLink a:not(.arrow):hover {
  color: #fff;
  background-color: #4C4948;
}
.btnLink a.arrow {
  display: inline-block;
  position: absolute;
  top: 22px;
  color: #4C4948 ;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  transition: all ease .3s;
}
.btnLink a.prev-link {
  padding-left: 30px;
  left: calc(50% - 170px);
}
.btnLink a.prev-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: #4C4948;
  transition: all ease .3s;
}
.btnLink a.prev-link:after {
  content: "";
  border-top: 2px #4C4948 solid;
  border-left: 2px #4C4948 solid;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 9px;
  height: 9px;
  transform: rotate(-45deg);
  transition: all ease .3s;
}
.btnLink a.next-link {
  padding-right: 30px;
  right: calc(50% - 170px);
}
.btnLink a.next-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 20px;
  height: 2px;
  background-color: #4C4948;
  transition: all ease .3s;
}
.btnLink a.next-link:after {
  content: "";
  border-top: 2px #4C4948 solid;
  border-right: 2px #4C4948 solid;
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  transition: all ease .3s;
}

html:not(.iOS) .btnLink a.arrow:hover {
  color: #ED6C00;
}
html:not(.iOS) .btnLink a.arrow:hover:before {
  background-color: #ED6C00;
}
html:not(.iOS) .btnLink a.arrow:hover:after {
  border-color: #ED6C00;
}



@media screen and (max-width: 767px) {
  /* .personList ul {
    display: flex;
    flex-wrap: wrap;
  } */
  #personListIndexList li {
    /*
    margin: 0 calc(79/1046*100%) 40px 0;
    width: calc(296/1046*100%);
    */
   margin: 0 auto;
  width: 90% !important;
  }
  .personList ul li .articleHeadline {
    /*
      margin-top: -27px;
      */
      position: relative;
      left: 0px;
  }

  .btnLink a.prev-link {
    padding-left: 25px;
    left: calc(50% - 155px);
  }
  .btnLink a.next-link {
    padding-right: 25px;
    right: calc(50% - 155px);
  }
}


/* category links */
.categoryLinks {
  padding: 110px 0 145px;
  background-color: #f7f7f7;
  text-align: center;
}
.categoryLinks .title {
  margin-bottom: 75px;
  font-size: 2.1rem;
  font-weight: bold;
  color:#4C4948;
}
.categoryLinks ul {
  margin-bottom: -20px;
  font-size: 0;
}
.categoryLinks ul li {
  margin: 0 25px 20px;
  display: inline-block;
  font-size: 1.6rem;
}
.categoryLinks ul li a {
  padding: 0 5px 20px;
  display: block;
  position: relative;
  color: #4C4948;
  text-decoration: none;
}
.categoryLinks ul li a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #b2b2b2;
  transform: translateX(-50%);
}
.categoryLinks ul li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #ED6C00;
  transform: translateX(-50%);
  transition: width ease .3s;
}
.categoryLinks ul li.current a:after,
html:not(.iOS) .categoryLinks ul li a:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .categoryLinks {
    padding: 80px 0;
  }
  .categoryLinks .title {
    margin-bottom: 45px;
  }
  .categoryLinks ul {
    margin-bottom: 0;
    font-size: 0;
  }
  .categoryLinks ul li {
    margin: 0 0 40px;
    display: block;
  }
  .categoryLinks ul li:last-child {
    margin-bottom: 0;
  }
  .categoryLinks ul li a {
    display: inline-block;
  }
  .categoryLinks ul li a:before {
  }
  .categoryLinks ul li a:after {
  }
}



/* pager */
.pager {
  margin: 60px 0 0;
  text-align: center;
}
.pager ul {
}
.pager ul li {
  margin: 0 10px;
  display: inline-block;
}
.pager ul li a,
.pager ul li span {
  border-radius: 50%;
  display: block;
  width: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #0077c0;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
}
html:not(.iOS) .pager ul li a:hover,
.pager ul li span {
  color: #000;
  background-color: #f7f7f7;
}











/* =============================================================================
 Top Page Styles
============================================================================= */

html.start,
#topPage.start {
  height: 100%;
  overflow: hidden;
}
#topPage #commonHeader {
  border-color: transparent;
  background-color: transparent;
  transition: border-color ease .6s,background-color ease .6s;
}
#topPage #commonHeader .siteLogo a {
  position: relative;
  display: block;
}
#topPage #commonHeader .siteLogo a img {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease .6s,visibility ease .6s;
  margin-top:0px;
}
#topPage #commonHeader .siteLogo a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 1;
  visibility: visible;
  background: url(../images/common/logo_trusttech_w.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  transition: opacity ease .6s,visibility ease .6s;
}
#topPage #commonHeader .siteRecruit a {
  color: #fff;
}
#topPage #commonHeader .btnEntry {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease .6s,visibility ease .6s;
}
#topPage.panelchange #commonHeader {
  border-color: #e0e0e0 ;
  background-color: #fff;
}
#topPage.panelchange #commonHeader .siteLogo a img {
  opacity: 1;
  visibility: visible;
}
#topPage.panelchange #commonHeader .siteLogo a:before {
  opacity: 0;
  visibility: hidden;
}
#topPage.panelchange #commonHeader .siteRecruit a {
  color: #7f7f7f;
}
#topPage.panelchange #commonHeader .btnEntry {
  opacity: 1;
  visibility: visible;
}
#topPage #commonHeader .btnMenu span,
#topPage #commonHeader .btnMenu span:before,
#topPage #commonHeader .btnMenu span:after {
  background-color: #fff;
}
#topPage #commonHeader .btnMenu span,
#topPage #commonHeader .btnMenu span:before,
#topPage #commonHeader .btnMenu span:after {
  background-color: #fff;
}
#topPage.panelchange #commonHeader .btnMenu span,
#topPage.panelchange #commonHeader .btnMenu span:before,
#topPage.panelchange #commonHeader .btnMenu span:after {
  background-color: #000;
}
#topPage.menuOpen #commonHeader .btnMenu span:before,
#topPage.menuOpen #commonHeader .btnMenu span:after {
  background-color: #000;
}
#topPage.menuOpen #commonHeader .btnMenu span{
  background-color:#fff;
}
@media screen and (min-width: 768px) {
  #topPage #globalNavi ul li:not(.btnEntry) a {
    color: #fff;
  }
  #topPage.panelchange #globalNavi ul li:not(.btnEntry) a {
    color: #4C4948;
  }
  html:not(.iOS) #topPage #globalNavi ul li:not(.btnEntry) a:hover {
    color: #ED6C00 !important;
  }


  html:not(.iOS) #topPage #globalNavi ul li:not(.btnEntry) .linkSite a:hover {
      color: #FFF !important;
  }
  html:not(.iOS) #topPage #globalNavi ul li:not(.btnEntry) .new_entry_menu a {
      color: #FFF !important;
  }

}
@media screen and (max-width: 767px) {
  #topPage #commonHeader .btnEntry {
    opacity: 1;
    visibility: visible;
    transition: none;
  }
  /*
  .scroll-prevent {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
  }
  */
}



#topPage #mainArea {
  padding-top: 90px;
  padding-bottom: 0px;
  position: relative;
}
@media screen and (max-width: 952px) {
#topPage #mainArea {
  padding-top: 75px;
  padding-bottom: 0px;
  position: relative;
}
}
#topPage #mainArea .bgTOP {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #4C4948 url(../images/top/bg_top.png) center center no-repeat;
  background: #4C4948 none;
  -webkit-background-size: cover;
  background-size: cover;
}
#topPage #mainArea.scroll1 .bgTOP {
  position: absolute;
  top: 200vh;
}
#topPage #mainArea.scroll1 .bgTOP .photo {
  display: none;
}
#topPage #mainArea>* {
  position: relative;
}
#topPage .entryBanner {
  background-color: #fff;
}



/* bg */
#topPage #mainArea .bgTOP .bgTOPInner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 171.67vh;
  height: 100vh;
  transform: translate(-50%, -50%);
}
#topPage #mainArea .bgTOP .photo {
  position: absolute;
  overflow: hidden;
}
#topPage #mainArea .bgTOP .photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#topPage #mainArea .bgTOP .photo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.2);
}
#topPage #mainArea .bgTOP .photo1 {
  top: 6.06%;
  left: 39.72%;
  width: 64.43%;
  height: 100%;
  z-index: 1;
  animation: uneune1 35s linear infinite;
}
#topPage #mainArea .bgTOP .photo2 {
  top: 50.91%;
  right: 82.97%;
  width: 20.3%;
  height: 41.36%;
  z-index: 4;
  animation: uneune2 28s linear infinite;
}
#topPage #mainArea .bgTOP .photo3 {
  top: 62.88%;
  left: 54.72%;
  width: 32.22%;
  height: 40.91%;
  z-index: 3;
  animation: uneune3 32s linear infinite;
}
#topPage #mainArea .bgTOP .photo4 {
  top: 6.82%;
  right: 49.43%;
  width: 46.34%;
  height: 79.55%;
  z-index: 3;
  animation: uneune4 30s linear infinite;
}

@media screen and (max-width: 767px) {
  /*
  #topPage #mainArea .bgTOP .photo1 {
    top: 10%;
    left: 28%;
    width: 66vmax;
    height: 90vmax;
  }
  #topPage #mainArea .bgTOP .photo1 img {
    width: auto;
    height: 100%;
  }
  #topPage #mainArea .bgTOP .photo2 {
    display: none;
  }
  #topPage #mainArea .bgTOP .photo3 {
    top: 76%;
    left: 58%;
    width: 38vmax;
    height: 30vmax;
  }
  #topPage #mainArea .bgTOP .photo4 {
    top: 27%;
    right: 36%;
    width: 66vmax;
    height: 58vmax;
  }
  */
}

@keyframes uneune1 {

  0% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }

  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; 
  }

  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
  }

  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }

  100% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }
}

@keyframes uneune2 {

  0% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%;
  }

  25% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%;
  }

  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%;
  }

  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%;
  }

  100% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%;
  }
}

@keyframes uneune3 {

  0% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
  }

  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; 
  }

  50% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }

  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }

  100% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
  }
}

@keyframes uneune4 {

  0% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }

  25% {
    border-radius: 70% 60% 60% 90% / 70% 80% 40% 90%; 
  }

  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
  }

  75% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }

  100% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }
}



/* panel 01 */
#topPage .panel01 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
#topPage .panel01 .content {
  width: calc(1514/2860*100vw);
  transition: opacity ease 1s,visibility ease .6s .4s;
}
#topPage .panel01 .copywriting {
  position: relative;
  width: calc(1600/2860*100vw);
  height: calc(420/2860*100vw);
  overflow: hidden;
}
#topPage .panel01 .copywriting img {
  position: relative;
  width: 100%;
}
#topPage .panel01 p {
  margin: 20px 0 30px;
  padding-left: calc(240/1600*100%);
  line-height: 2.12;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  font-size: 1.7rem;
  font-weight: bold;
  transition: opacity ease .6s .4s,visibility ease .6s .4s;
}
#topPage .panel01 .scrollDown {
  margin-left: calc(240/1600*100%);
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity ease .6s .4s,visibility ease .6s .4s;
}
#topPage .panel01 .scrollDown .icon {
  border: 2px #fff solid;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  box-sizing: border-box;
  transition: background-color ease .3s;
}
#topPage .panel01 .scrollDown .icon:before {
  content: "";
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  transition: border-color ease .3s;
}
#topPage .panel01 .scrollDown .icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 19px;
  width: 2px;
  height: 15px;
  background-color: #fff;
  transition: background-color ease .3s;
}
html:not(.iOS) #topPage .panel01 .scrollDown:hover .icon {
  background-color: #fff;
}
html:not(.iOS) #topPage .panel01 .scrollDown:hover .icon:before {
  border-color: #ED6C00;
}
html:not(.iOS) #topPage .panel01 .scrollDown:hover .icon:after {
  background-color: #ED6C00;
}
#topPage .panel01 .scrollDown .txt {
  margin-left: 20px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: middle;
}

#topPage.loadEnd .panel01 p,
#topPage.loadEnd .panel01 .scrollDown {
  opacity: 1;
  visibility: visible;
}

#topPage.moveP2 .panel01 .copywriting {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity ease .8s 0s,transform ease .8s 0s;
}
#topPage.moveP2 .panel01 p {
  opacity: 0;
  visibility: visible;
  transform: translateY(-100px);
  transition: opacity ease .8s .4s,transform ease .8s .4s;
}
#topPage.moveP2 .panel01 .scrollDown {
  opacity: 0;
  visibility: visible;
  transform: translateY(-100px);
  transition: opacity ease .8s .8s,transform ease .8s .8s;
}

@media screen and (max-width: 767px) {
  #topPage .panel01 {
  }
  #topPage .panel01 .content {
    width: calc(660/828*100vw);
  }
  #topPage .panel01 .copywriting {
    width: calc(692/828*100vw);
    height: calc(488/828*100vw);
  }
  #topPage .panel01 p {
    margin: 30px 0 40px;
    padding: 0 10px;
  }
  #topPage .panel01 p br {
    display: none;
  }
  #topPage .panel01 .scrollDown {
    margin: 0 10px;
  }
  #topPage .panel01 .scrollDown .icon {
  }
  #topPage .panel01 .scrollDown:hover .icon {
  }
  #topPage .panel01 .scrollDown .txt {
    margin-left: 10px;
  }
}



/* panel 02 */
#topPage .panel02 {
  padding-top: 85px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
#topPage .panel02Inner {
  padding-bottom: 0px;
  background-color: #fff;
}
#topPage .panel02 .content {
  opacity: 0;
  visibility: hidden;
  text-align: center;
  transition: opacity ease .6s .3s,visibility ease .6s .3s;
}
#topPage .panel02 .leadTitle {
  margin: 0 0 20px;
  line-height: 1.39;
  color: #fff;
  font-size: 3.6rem;
  font-weight: bold;
}
#topPage .panel02 p {
  margin: 0 0 35px;
  line-height: 2.2;
  color: #fff;
  font-size: 1.5rem;
}
#topPage .panel02 .button {
  text-align: center;
}
#topPage .panel02 .button a {
  border: 2px #fff solid;
  border-radius: 29px;
  display: inline-block;
  width: 178px;
  height: 58px;
  line-height: 54px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  transition: border-color ease .3s,background-color ease .3s,color ease .3s;
}
html:not(.iOS) #topPage .panel02 .button a:hover {
  color: #ED6C00;
  background-color: #fff;
}
#topPage .panel02 .scrollNext {
  position: absolute;
  bottom: 60px;
  left: calc(50% - 20px);
  width: 40px;
  animation:fuwafuwa 3s infinite linear alternate;
}
#topPage .panel02 .scrollNext a {
  transition: opacity ease .3s;
}
html:not(.iOS) #topPage .panel02 .scrollNext a:hover {
  opacity: .7;
}
@keyframes fuwafuwa {
  0% {transform:translate(0, 0);}
  50% {transform:translate(0, 10px);}
  100% {transform:translate(0, 0);}
}


#topPage.changedP2 .panel02 .content {
  opacity: 1;
  visibility: visible;
}

#topPage.moveP1 .panel02 .leadTitle {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity ease 1.2s 0s,transform ease 1.2s 0s;
}
#topPage.moveP1 .panel02 p {
  opacity: 0;
  visibility: visible;
  transform: translateY(-100px);
  transition: opacity ease 1.2s 0s,transform ease 1.2s 0s;
}
#topPage.moveP1 .panel02 .button {
  opacity: 0;
  visibility: visible;
  transform: translateY(-100px);
  transition: opacity ease 1.2s 0s,transform ease 1.2s 0s;
}

@media screen and (max-width: 767px) {
  #topPage .panel02 {
    padding-top: 130px;
  }
  #topPage .panel02 .content {
    padding: 0 calc(84/828*100vw)
  }
  #topPage .panel02 .leadTitle {
    margin: 0 -15px 15px;
    font-size: calc(72/828*100vw);
    letter-spacing: -.05em;
  }
  #topPage .panel02 p {
    margin: 0 0 25px;
  }
  #topPage .panel02 p br {
    display: none;
  }
  #topPage .panel02 .scrollNext {
    bottom: 25px;
  }
}



/* person list */
.pickup {
  padding: 120px 0 0;
  position: relative;
}
.pickup .largeTitle {
  margin-bottom: 50px;
}
.pickup .pickup_list  {
  display: flex;
  align-items: baseline;
  min-width: 767px;
  background: linear-gradient(180deg, transparent 0%, transparent 40%, #F7F7F7 40%, #F7F7F7 100%);
  padding-bottom: 50px;
}
.pickup .pickup_list li {
  width: 20%;
  margin-right: 30px;
}
.pickup .pickup_list li a {
  text-decoration: none;
  color: #4C4948;
}
.pickup .pickup_list li a .imgWrap {
  position: relative;
}
.pickup .pickup_list li a .imgWrap .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pickup .pickup_list li a p {
  font-size: 15px;
  margin-top: 13px;
}
.pickup .pickup_list li a:hover .imgWrap img {
  transform: scale(1.1);
}
.pickup .pickup_list li a[target="_blank"] p span {
  background: url(../images/common/icon_img_01.png) right center no-repeat;
  background-size: 18px 14px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .pickup .pickup_list {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
  }
  .swiper {
    width: 95%;
  }
  .pickup .pickup_list li {
    margin-right: 0;
  }
  .swiper [class^="swiper-button-"] {
    width: 35px !important;
  }
}

.strengths {
  background-color: #F7F7F7;
}
.strengths .strengths_contents {
  max-width: 750px;
  margin: 0 auto;
  padding: 85px 0 80px;
  position: relative;
}
.strengths .strengths_contents h2 {
  text-align: center;
  font-size: 35px;
  color: #4C4948;
  margin-bottom: 50px;
}
.strengths .strengths_contents h2 span {
  display: inline-block;
  font-size: 24px;
  padding-bottom: 15px;
}
.strengths .strengths_contents .strengths_btn {
  margin-bottom: 50px;
}
.strengths .strengths_contents .strengths_btn ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.strengths .strengths_contents .strengths_btn ul li {
  width: 33%;
}
.strengths .strengths_contents .strengths_btn ul li a {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  line-height: 1.3;
  width: 211px;
  height: 211px;
  background: #ED6C00;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-weight: bold;
  transition: ease .3s;
  box-shadow: 3px 4px 0px #ED6C00;
}
.strengths .strengths_contents .strengths_btn ul li a span {
  font-size: 24px;
}
.strengths .strengths_contents .strengths_btn ul li a .big {
  font-size: 31px;
}
.strengths .strengths_contents .strengths_btn ul li a .small01 {
  font-size: 18px;
}
.strengths .strengths_contents .strengths_btn ul li a .small02 {
  font-size: 24px;
}
.strengths .strengths_contents .strengths_btn ul li a::before {
  content: "";
  position: absolute;
  bottom: 35px;
  width: 56px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: skew(45deg);
}
.strengths .strengths_contents .strengths_btn ul li a:hover {
  background: #A61A0C;
  box-shadow: 0px 0px 0px #ED6C00;
  transform: translate3d(3px, 4px, 0);
  text-decoration: none;
}
.strengths .strengths_contents .strengths_btn ul li a:hover::before {
  right: 35%;
}
.strengths .strengths_contents .strengths_client {
  background-color: #fff;
  border: 1px solid #ED6C00;
  /* padding: 10px 50px; */
  padding: 3% 7%;
}
.strengths .strengths_contents .strengths_client h3 {
  /* text-align: center;
  font-size: 24px;
  margin-bottom: 20px; */
  text-align: center;
  color: #4C4948;
  font-size: 24px;
  line-height: 24pt;
  font-weight: bold;
  margin: 0px auto 10px;
}
.strengths .strengths_client {

}
.strengths .strengths_client .strengths_client_list {
  /* display: flex;
  justify-content: space-around; */
}
.strengths .strengths_client .strengths_client_list ul {
  /* width: 45%; */
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
/* .strengths .strengths_client .strengths_client_list ul:first-child {
  width: 45%;
} */
.strengths .strengths_client .strengths_client_list ul:after{
  content:"";
  display: block;
  width:45%;
}
.strengths .strengths_client .strengths_client_list li {
 position: relative;
 padding-left: 5px;
 font-size: 13px;
 line-height: 13pt;
 padding-bottom: 10px;
 width: 45%;
}
.strengths .strengths_client .strengths_client_list li::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  display: block;
  left: -5px;
  top: 5px;
  background: #ED6C00;
}
.strengths .strengths_client p {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .strengths .strengths_contents {
    width: 100%;
    max-width: 100%;
    padding: 90px 0 40px;
  }
  .strengths .strengths_contents .strengths_btn ul li a {
    width: 95px;
    height: 50px;
    font-size: 16px;
    padding: 23px 0;
    margin: 0 auto;
  }
  .strengths .strengths_contents .strengths_btn ul li a span {
    font-size: 14px;
  }
  .strengths .strengths_contents .strengths_btn ul li a::before {
    bottom: 13%;
    width: 35%;
    height: 5%;
  }
  .strengths .strengths_contents .strengths_btn ul li a .small01 {
    font-size: 14px;
  }
  .strengths .strengths_contents .strengths_btn ul li a .big {
    font-size: 20px;
  }
  .strengths .strengths_contents .strengths_btn ul li a .small02 {
    font-size: 16px;
  }
  .strengths .strengths_contents .strengths_client {
    padding: 10px 20px;
    width: 85%;
    margin: 0 auto;
  }
  .strengths .strengths_contents .strengths_client h3 {
    font-size: 20px; 
  }
  /* .strengths .strengths_client .strengths_client_list {
    display: block;
  } */
  .strengths .strengths_client .strengths_client_list ul {
    width: 100%;
    display: block;
  }
  .strengths .strengths_client .strengths_client_list li {
    width: 100%;
  }
  .strengths_client_list_sp li {
    position: relative;
    padding-left: 5px;
    font-size: 13px;
    line-height: 13pt;
    padding-bottom: 10px;
  }
  .strengths_client_list_sp li::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    display: block;
    left: -5px;
    top: 5px;
    background: #ED6C00;
  }
  .strengths .strengths_client p {
    font-size: 10px;
  }

  .strengths_client_list_sp {
    margin-bottom: 20px;
  }
  .strengths_client .only-sp {
    margin: 0 auto 20px;
    text-align: center;
  }

  .strengths_client .only-sp a {
    border: 1px #4C4948 solid;
    border-radius: 28px;
    display: inline-block;
    width: 150px;
    line-height: 40px;
    color: #4C4948;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
  }
}

@media screen and (max-width: 375px) {
  .strengths .strengths_contents .strengths_btn ul li a {
      width: 85px;
      height: 40px;
      font-size: 12px !important;
      padding: 23px 0;
    }
}



.workers {
  padding: 120px 0 45px;
  position: relative;
  z-index: 5;
  background-color: #f7f7f7;
  overflow: hidden;
}
.workers .largeTitle , .index_news_block .largeTitle{
  margin-bottom: 50px;
}
.workers .tagTab {
  margin-top: 50px;
}

.top_new_block_01{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.top_new_block_01 .col01{
  padding:0px;
  width:50%;
  height:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align:center;
  background:url(../images/top/bg_img_01_off.jpg) left top no-repeat;
  background-size:cover;
  transition: .3s ease;
  position:relative;
}

/*
.top_new_block_01 .col01 a:after {
  background-color: rgba(255,255,255,0.5);
}

.top_new_block_01 .col01 {
  position:relative;
}

.top_new_block_01 .col01 a:after {
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    transition: .5s ease;
}
*/
.top_new_block_01 .col02{
  padding:0px;
  width:50%;
  height:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align:center;
  background:url(../images/top/bg_img_02_off.jpg) left top no-repeat;
  background-size:cover;
  transition: .3s ease;
  position:relative;
}

.top_new_block_01 .col01 a{
  display:block;
  height:100%;
  width:100%;
  padding:15% 0;
}
 .top_new_block_01 .col02 a{
  display:block;
  height:100%;
  width:100%;
  padding:15% 30% 15% 0;
}


.top_new_block_01 .col01 div{
  max-width:370px;
  margin:0 auto 0;
  text-align:center;
  z-index:1;
}
.top_new_block_01 .col02 div{
  max-width:370px;
  margin:0 auto 0;
  text-align:center;
}
.top_new_block_01 .col01 a p{
  line-height: 1.88;
  font-size: 1.6rem;
  font-weight: bold;
  color:#4C4948;
  text-align:center;
  z-index:1;
  position: relative;
  display: inline-block;
  transition: .3s;
}
.top_new_block_01 .col02 a p{
  line-height: 1.88;
  font-size: 1.6rem;
  font-weight: bold;
  color:#4C4948;
  text-align:center;
  margin-top:0px;
  position: relative;
  display: inline-block;
  transition: .3s;
}
.top_new_block_01 .col01 a:hover , .top_new_block_01 .col02 a:hover{
  text-decoration:none;

}



.top_new_block_01 .col01 a p::before,
.top_new_block_01 .col01 a p::after,
.top_new_block_01 .col02 a p::before,
.top_new_block_01 .col02 a p::after{
  position: absolute;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ED6C00;
  transition: .3s;
}
.top_new_block_01 .col01 a p::before,
.top_new_block_01 .col02 a p::before{
  top: -12px;
  left: 0;
}
.top_new_block_01 .col01 a p::after,
.top_new_block_01 .col02 a p::after{
  bottom: -13px;
  right: 0;
}
.top_new_block_01 .col01 a:hover p::before,
.top_new_block_01 .col01 a:hover p::after,
.top_new_block_01 .col02 a:hover p::before,
.top_new_block_01 .col02 a:hover p::after{
  width: 100%;
}
.new_list_block_01{
  text-align:center;
}
.new_list_block_01 ul{
  display: flex;
  justify-content: center;
  width: 98%;
  margin: 0 auto;
}
.new_list_block_01 li{
  margin-right: 25px;
  display:block;
}
.new_list_block_01 li:last-child {
  margin-right: 0;
}
.new_list_block_01 li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
  text-align:center;
  justify-content: center;
  /* width:110px; */
  width: 100%;
  height:30px;
  background:#ED6C00;
  text-align:center;
  color:#FFF;
  font-size:13px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  font-weight:bold;
  transition:ease .3s;
  box-shadow:3px 4px 0px #ED6C00;
  padding: 0 5px;
}
.new_list_block_01 li a:hover{
  background:#b81d22;
  box-shadow:0px 0px 0px #ED6C00;
  transform: translate3d(3px, 4px, 0);
}
.new_list_block_01 li a span{
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size:10px;
  display:block;
  position:relative;
  margin:0 0 12px 0;
  letter-spacing:0.1em;
}
.new_list_block_01 li a span:before{
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 2px;
  height: 16px;
  background-color: #FFF;
}
.new_list_block_01 li a em{
  font-size:16px;
  font-style:normal;
}
.new_list_block_01 li a:hover{
  text-decoration:none;
}



@media screen and (max-width: 767px) {
.new_list_block_01{
  margin:0 auto 40px;
}
.new_list_block_01 ul{
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
  /* width: 100%; */
}
.new_list_block_01 li{
  margin:0 1.5rem 2rem;
  display:block;
  width: 40%;
}
.new_list_block_01 li a{
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;  */
  text-align:center;
  /* display:block; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* width:65%;
  height:5%; */
  width: 100%;
  height: 100%;
  background:#ED6C00;
  text-align:center;
  color:#FFF;
  font-size:12px;
  /* border-radius: 50%; */
  border-radius: 20px;
  font-weight:bold;
  /* padding:50px 0 0 0; */
  padding: 5px;
  transition:ease .3s;
  box-shadow: 1px 1px 0px #ED6C00;
}
.new_list_block_01 li a:hover{
  background:#b81d22;
}
.new_list_block_01 li a span{
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size:10px;
  display:block;
  position:relative;
  margin:0 0 8px 0;
  letter-spacing:0.1em;
}
.new_list_block_01 li a span:before{
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 2px;
  height: 10px;
  background-color: #FFF;
}
.new_list_block_01 li a em{
  font-size:13px;
  font-style:normal;
}
.new_list_block_01 li a:hover{
  text-decoration:none;
}

.top_new_block_01 .col01 div{
  max-width:300px;
}
.top_new_block_01 .col02 div{
  max-width:300px;
}
.top_new_block_01{
  display:block;
}
.top_new_block_01 .col01{
  width:100%;
  height:100%;
  background:url(../images/top/bg_img_01_off.jpg) center center no-repeat;
  background-size:cover;
  transition: .3s ease;
  position:relative;
}

.top_new_block_01 .col02{
  width:100%;
  height:100%;
  background:url(../images/top/bg_img_02_off.jpg) right center no-repeat;
  background-size:cover;
  transition: .3s ease;
  position:relative;
}
.top_new_block_01 .col02 a {
    padding: 15% 0% 15% 0;
}
.top_new_block_01 .col01 a:hover p::before,
.top_new_block_01 .col01 a:hover p::after,
.top_new_block_01 .col02 a:hover p::before,
.top_new_block_01 .col02 a:hover p::after{
  width: 0%;
}
  .workers {
    /* padding: 105px calc(88/828*100vw) 40px; */
    padding: 105px 0 40px;
  }
  .workers .largeTitle , .index_news_block .largeTitle{
    margin-bottom: 30px;
  }
  .workers .tagCategory,
  .workers .tagSelector{
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 375px) {
  .new_list_block_01 li{
    margin:0 3px;
    display:block;
    width: 48%;
  }
  .new_list_block_01 li a{
    /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;  */
    text-align:center;
    /* display:block; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* width:110px;
    height:65px;
    padding:45px 0 0 0; */
    width: 95%;
    height: 10%;
    padding: 12px 3px;
  }
}



/* intro number */
.introNumber {
  padding: 0 40px 0 0;
  background-color: #ED6C00;
}
.introNumber .inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  max-width: 1430px;
  color: #fff;
}
.introNumber .introText {
  padding: 20px 0 20px 50px;
  width: 50%;
  max-width: 455px;
  box-sizing: border-box;
}
.introNumber .title {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 3px #FFF dashed;
  display: inline-block;
  line-height: 1.2;
  font-size: 3.6rem;
  font-weight: bold;
}
.introNumber p {
  margin-bottom: 35px;
  line-height: 1.88;
  font-size: 1.6rem;
  font-weight: bold;
}
.introNumber .button {
}
.introNumber .button a {
  border-radius: 29px;
  border: 2px #fff solid;
  display: inline-block;
  width: 178px;
  height: 58px;
  line-height: 54px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  transition: border-color ease .3s,background-color ease .3s,color ease .3s;
}
html:not(.iOS) .introNumber .button a:hover {
  color: #ED6C00;
  background-color: #fff;
}
.introNumber .image {
  padding-bottom: 50px;
  width: 50%;
}
.introNumber .image img {
  width: 100%;
  max-width: 691px;
}

@media screen and (max-width: 767px) {
  .strengths .strengths_client .strengths_client_list ul:after{
    content:none;
  }
  .introNumber {
    padding: 70px 0 0;
  }
  .introNumber .inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .introNumber .introText {
    padding: 0 calc(85/828*100%);
    width: 100%;
    max-width: inherit;
  }
  .introNumber .title {
    margin-bottom: 15px;
    padding-bottom: 5px;
  }
  .introNumber p {
  }
  .introNumber .button {
  }
  .introNumber .button a {
  }
  .introNumber .button a:hover {
  }
  .introNumber .image {
    width: 100%;
  }
  .introNumber .image img {
    max-width: inherit;
  }
}


/* floating our choice */
#topPage #mainArea .personLinks {
  padding-top: 33px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  /*
  width: calc(290/1430*100%);
  max-width: 290px;
  */
  width: 286px;
  height: 100%;
  background-color: #ED6C00;
  box-sizing: border-box;
  transform: translateX(100%);
  transition: transform ease .6s .4s;
}
#topPage #mainArea .personLinks .largeTitle .en{
  color:#FFF;
}
#topPage.loadEnd  #mainArea .personLinks,
#topPage.changeP2  #mainArea .personLinks { 
  transform: translateX(0);
}
#topPage #mainArea:not(.nofollowpl) .personLinks {
  top: 0 !important;
}
#topPage #mainArea.nofollowpl .personLinks {
  position: absolute;
}

@media screen and (max-width: 767px) {
  #topPage #mainArea .personLinks {
    display: none !important;
  }
}




.personLinks .largeTitle {
  margin-bottom: 2.85vh;
  padding-top: 2.5vh;
  color: #fff;
}
.personLinks .largeTitle .en {
  font-size: 2.1rem;
}
.personLinks .largeTitle .en:before {
  background-color: #fff;
}
.personLinks .largeTitle .jpn {
  padding-top: 10px;
  color: #fff;
  font-size: 1.2rem;
}
.personLinks ul {
}
.personLinks ul li {
  margin: 0 auto 1.5vh;
  position: relative;
  text-align: center;
}
.personLinks ul li:last-child {
  margin-bottom: 0;
}
.personLinks ul li a {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  transition: all ease .3s;
}
.personLinks ul li a img {
  width: auto;
  height: 24.5vh;
  max-height: 192px;
  transform: translateX(-3.5%);
}
html:not(.iOS) .personLinks ul li a:hover {
  opacity: .7;
}
.personLinks ul li a span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}


@media screen and (min-width: 768px) and (min-height: 800px) {
  .personLinks .largeTitle {
    margin-bottom: 40px;
    padding-top: 35px;
  }
  .personLinks ul li {
    margin-bottom: 18px;
  }
}









/* =============================================================================
 Vision Page Styles
============================================================================= */

/* index */
.leadText {
  padding: 70px 0 0;
  text-align: center;
}
.leadText p {
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.visionIntro {
  display: flex;
  justify-content: space-between;
}
.visionIntro .photo {
  width: calc(572/1080*100%);
}
.visionIntro .visionText {
  width: calc(450/1080*100%);
}
.visionIntro .sectionTitle {
  padding: 50px 0 35px;
  text-align: left;
}
.visionIntro .copy {
  position: relative;
  left: calc(-295/450*100%);
  width: calc(714/450*100%);
}
.visionIntro .visionTitle {
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: -.1em;
  color:#4C4948;
}
.visionIntro p {
  margin: 20px 0;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.visionIntro .btnLink {
}

@media screen and (min-width: 768px) {
  #ceoMssg.visionIntro {
    padding-bottom: 0;
  }
  #recruitingMssg.visionIntro {
    flex-direction: row-reverse;
  }
  #recruitingMssg.visionIntro .photo {
    padding-top: 80px;
  }
  #recruitingMssg.visionIntro .sectionTitle,
  #future.visionIntro .sectionTitle {
    padding-top: 0;
  }
}

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

  body.active{
    height: 100%;
    overflow: hidden;
  }
  .leadText {
    padding: 35px calc(70/828*100vw) 0;
  }
  .leadText p {
  }
  .visionIntro {
    padding: 30px 0;
    display: block;
  }
  .visionIntro .photo {
    width: auto;
  }
  .visionIntro .visionText {
    width: auto;
  }
  .visionIntro .sectionTitle {
    padding: 30px 0 15px;
    text-align: left;
  }
  .visionIntro .copy {
    margin-bottom: 15px;
    left: 0;
    width: auto;
  }
  .visionIntro .visionTitle {
    line-height: 1.67;
    font-size: 2.1rem;
  }
  .visionIntro p {
    margin: 15px 0 25px;
  }
  .visionIntro .btnLink {
  }
}



/* ceo mssg */
.messageHeader {
  margin: 0 0 160px;
  padding: 0 40px;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.messageHeader .photo {
  margin-left: -40px;
  position: relative;
  width: 67.59%;
  min-height: 621px;
  overflow: hidden;
}
.messageHeader .photo img {
  min-width: 100%;
}



.messageHeader.ceo_movie{
  background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 80%, #FFF 80%, #FFF 100%);
  padding:80px 0 0 0 ;
}
.messageHeader.ceo_movie.eng_movie{
  background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 60%, #FFF 60%, #FFF 100%);
  padding:80px 0 0 0 ;
}



.messageHeader.ceo_movie .ceo_movie_area{
  margin: 0 auto;
  max-width: 1160px;

}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas{
  margin:0 40px;
  position:relative;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01{
  cursor: pointer;
    position: relative;
    max-width:900px;
    margin:auto;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01.enginer{
  max-width:660px;
}
.messageHeader.ceo_movie .eng_text{
  max-width:660px;
  margin:20px auto 0;
  line-height: 1.87;
  font-size: 1.5rem;
  padding: 0px calc(66/828*100%) 0px;
  color: #4C4948;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp {
  position: absolute;
  width: 100%;
  height: 100%;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp .poptext {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp .poptext .icon {
  display: block;
  z-index: 1;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp .poptext .icon img {
  width: 53px;
  margin: 0 auto 10px;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp .poptext .icon em {
  display: block;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10pt;
  font-style: normal;
  letter-spacing: 0.1em;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .wrp .poptext .icon span {
  display: inline-block;
  margin: 10px auto 0;
  background: #FFF;
  border-radius: 100px;
  text-align: center;
  color: #4C4948;
  font-size: 11px;
  padding: 5px 10px;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 a {
  width: 100%;
  position: relative;
  transition: .5s;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .imgWrap {
  overflow: hidden;
  width: 100%;
  background: #000;
  transition: .5s;
}
.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01 .imgWrap img {
  display: block;
  opacity: 0.8;
  transition-duration: 0.5s;
}


.messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas .left_s01:hover .modalMovie img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.ceo_movie_area{
  max-width:1080px;
  margin:0 auto 0;
  position:relative;
}
.ceo_mes_area{
  max-width:1080px;
  margin:0 auto 0;
  position:relative;
  padding: 0 40px;
}
.ceo_mes_area .mssgWrap{
  top:auto;
  left:0;
  text-align:left;
  z-index:1;
  top:-230px;
  max-width:1000px;
  position:absolute;
  padding:0 40px;
}






.messageHeader.ceo_movie h2{
  text-align:center;
  font-weight:bold;
  font-size:36px;
  line-height:40pt;
  margin-bottom:30px;
  color:#4C4948;
}


@media screen and (min-width: 768px) and (max-width: 1530px) {
  .messageHeader .photo img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: inherit;
    min-width: inherit;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
  }
}

.messageHeader .copy {
  margin-right: -15px;
  float: right;
  width: calc(714/1080*100%);
}
.messageHeader .copy img {
}
.messageHeader .mssgHeadline {
  margin: 0 0 55px;
  clear: both;
  line-height: 1.7;
  font-size: 3.8rem;
  font-weight: bold;
  color:#4C4948;
}
.ceo_mes_area .ceoData {
  padding: 40px 110px 40px 60px;
  display: inline-block;
  color: #fff;
  background-color: #ED6C00;
  text-align: left;
}
.ceo_mes_area .ceoData .post {
  font-size: 1.5rem;
}
.ceo_mes_area .ceoData .name {
  padding-top: 20px;
}
.ceo_mes_area .ceoData .name .jpn {
  margin-right: 25px;
  font-size: 2.1rem;
  font-weight: bold;
  vertical-align: middle;
}
.ceo_mes_area .ceoData .name .en {
  color: #eb9d95;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .messageHeader.ceo_movie .ceo_movie_area .ceo_movie_areas{
    padding: 0px calc(66/828*100%) 0px;
    margin:0;
  }
  .ceo_mes_area {
    padding: 0px calc(66/828*100%) 60px;

}
  .messageHeader.ceo_movie {
    background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 90%, #FFF 90%, #FFF 100%);
    padding: 60px 0 0 0;
}

.messageHeader.ceo_movie.eng_movie{
  background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 70%, #FFF 70%, #FFF 100%);
  padding: 60px 0 0 0;
}

.messageHeader.ceo_movie h2{
  font-size: calc(42/828*100vw);
  line-height: 1.7;
  margin-bottom:20px;
}
.messageHeader.ceo_movie .eng_text {
  max-width: 660px;
  margin: 20px auto 0;
  line-height: 1.87;
  font-size: 1.5rem;
  padding: 0px calc(66/828*100%) 0px;
}
  .messageHeader {
    margin: 0px 0;
    padding: 0;
    overflow: visible;
  }
  .messageHeader .photo {
    margin-left: 0;
    position: absolute;
    top: calc(100/828*100vw);
    left: 0;
    width: 100%;
    min-height: inherit;
  }
  .messageHeader .photo img {
    min-width: 100%;
  }
  .ceo_mes_area .mssgWrap {
    margin-top: 0;
    position: relative;
    left: 0;
    z-index: 2;
    text-align:center;
    transform: none;
    box-sizing: border-box;
    top:0px;
    padding:0;
  }
  .messageHeader .copy {
    margin: -5px calc(-40/828*100vw) 15px 0;
    float: right;
    width: calc(569/828*100vw);
  }
  .messageHeader .copy img {
  }
  .messageHeader .mssgHeadline {
    margin: 0 0 70px;
    float: right;
    width: calc(476/828*100vw);
    font-size: calc(42/828*100vw);
    text-align: left;
  }
  .messageHeader .mssgHeadline br {
    display: none;
  }
  .ceo_mes_area .ceoData {
    padding:0%;
    display: inline-block;
    width: 100%;
    color: #fff;
    background-color: #ED6C00;
    text-align: left;
    box-sizing: border-box;
    padding:30px;
  }
  .ceo_mes_area .ceoData .post {
    font-size: 1.5rem;
  }
  .ceo_mes_area .ceoData .name {
    padding-top: 20px;
  }
  .ceo_mes_area .ceoData .name .jpn {
    margin-right: 25px;
    font-size: 2.1rem;
    font-weight: bold;
    vertical-align: middle;
  }
  .ceo_mes_area .ceoData .name .en {
    color: #eb9d95;
    font-size: 1.2rem;
    font-weight: bold;
    vertical-align: middle;
  }
}
.mssgArticle {
  padding: 80px 40px;
}
.mssgArticle .inner {
  margin: 0 auto;
  max-width: 1080px;
}
.mssgArticle .ceo_messe{
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
  margin: 1.5rem auto 0;
    max-width: 1080px;
}

.mssgArticle .inner:after {
  content: "";
  display: block;
  clear: both;
}
.mssgArticle .article {
  position: relative;
  z-index: 2;
  float: left;
  /*
  width: calc(560/1080*100%);
  */
  width: calc(380/1080*100%);
}
.mssgArticle.recruit_mss .article{
  width: calc(500/1080*100%);
}
.mssgArticle.recruit_mss .photo {
    margin-left: calc(-86/1080*100%);
    position: relative;
    float: right;
    width: calc(496/1080*100%);
}
.mssgArticle .article .title {
  margin: 0 0 30px;
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
  color:#4C4948;
}
.mssgArticle .article p {
  margin-bottom: 1em;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.mssgArticle .article > *:last-child {
  margin-bottom: 0;
}
.mssgArticle .photo {
  margin-left: calc(-86/1080*100%);
  position: relative;
  float: right;
  width: calc(606/1080*100%);
}
.mssgArticle.mssg01 .article {
}
.mssgArticle.mssg01 .photo {
  margin-top: -160px;
}
.mssgArticle.mssg02 .article {
  float: right;
  width: calc(610/1080*100%);
}
.mssgArticle.mssg02 .photo {
  margin: 0;
  float: left;
  width: calc(375/1080*100%);
}
.mssgArticle.mssg02 .names{
  text-align: right;
}
.mssgArticle.mssg02 .names img{
  max-width:200px;
  margin:20px 40px 0 0;
  vertical-align:top;
}
.mssgArticle.mssg03 .article {
}
.mssgArticle.mssg03 .photo {
  margin-top: 50px;
}

.mssgArticle .article .mssgArticle_btn a:hover {
  text-decoration: none;
}
.mssgArticle .article .mssgArticle_btn p {
  min-width: 435px;
  width: 40%;
  margin: 0 auto;
  padding: 13px;
  border: 1px solid #ED6C00;
  border-radius: 30px;
  text-align: center;
  color: #ED6C00;
  font-weight: bold;
  background: url(../images/common/icon_img_01.png) right 10% center no-repeat;
  background-size: 18px 14px;
  transition: ease .3s;
}
.mssgArticle .article .mssgArticle_btn a:hover p {
  background-color: #ED6C00;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .mssgArticle.mssg02 .names img{
    max-width:140px;
    margin:0px 15px 20px 0;
    vertical-align:top;
  }
  .mssgArticle {
    padding: 60px calc(66/828*100%);
  }
  .mssgArticle .article {
    float: none !important;
    width: auto !important;
  }
  .futureVision .mssgArticle .article {
      padding: 0 0 0 0px;
  }
  .mssgArticle .article .title {
    margin: 0 0 20px;
  }
  .mssgArticle .article .title br {
    display: none;
  }
  .mssgArticle .article p {
  }
  .mssgArticle .photo {
    margin-top: 20px !important;
    margin-left: 0;
    float: none !important;
    width: auto !important;
  }
  .mssgArticle.mssg01 .article {
  }
  .mssgArticle.mssg01 .photo {
  }
  .mssgArticle.mssg02 .article {
  }
  .mssgArticle.mssg02 .photo {
  }
  .mssgArticle.mssg03 .article {
  }
  .mssgArticle.mssg03 .photo {
    margin-top: 0;
  }

  .mssgArticle .article .mssgArticle_btn p {
    width: 90%;
    font-size: 1.4rem;
    min-width: unset;
    background: url(../images/common/icon_img_01.png) right 5% center no-repeat;
    background-size: 18px 14px;
  }
}



/* hr mssg */
.recruitingMssg .mssgArticle .inner {
}
.recruitingMssg .mssgArticle .photo {
  padding-top: 45px;
}

@media screen and (max-width: 767px) {
  .recruitingMssg .mssgArticle .photo {
    margin-top: 0 !important;
    margin-bottom: 25px;
    padding-top: 0;
  }
}



/* future vision */
.futureVision .mssgArticle .inner {
}
.futureVision .mssgArticle .photo {
  float: left;
  width: calc(458/1080*100%);
}
.futureVision .mssgArticle .article {
  float: right;
  width: calc(640/1080*100%);
  padding:0 0 0 30px;
}
.futureVision .mssgArticle .article .image {
  margin-top: 50px;
  width: calc(286/560*100%);
}

@media screen and (max-width: 767px) {
  .futureVision .mssgArticle .photo {
    margin-top: 0 !important;
    margin-bottom: 25px;
    padding-top: 0;
  }
  .futureVision .mssgArticle .article .image {
    display: none;
  }
  .futureVision .mssgArticle .article {
      padding: 0 0 0 0px;
  }
}






/* =============================================================================
 About Page Styles
============================================================================= */

/* index */
.about_new_block{
  text-align:center;
  padding:80px 50px 0 50px;
}
.about_new_block p{
  line-height: 1.87;
  font-size: 1.5rem;
}
.about_new_block p em{
  font-style:normal;
  font-weight:bold;
  color:#ED6C00;
}
.aboutLink.content800{
  max-width:800px;
}
.aboutLink.content900{
  max-width:900px;
}
.aboutLink {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.aboutLink *:not(.link) a {
  transition: opacity ease .3s;
}
html:not(.iOS) .aboutLink *:not(.link) a:hover {
  opacity: .7;
}
.aboutLink .modalMovie {
  margin-bottom: 20px;
  width: 100%;
  transition: opacity ease .3s;
  cursor: pointer;
}
html:not(.iOS) .aboutLink .modalMovie:hover {
  opacity: .7;
}
.aboutLink .linkBox {
  width: calc(530/1080*100%);
}
.aboutLink ul {
  /*
  display: flex;
  justify-content: space-between;
  */
}
.aboutLink ul li {
  position: relative;
  /*
  width: 33.33333%;
  */
  width:100%;

}
/*
.aboutLink ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #d1d1d1;
}
.aboutLink ul li:last-child:before {
  display: none;
}
*/
.aboutLink ul li a {
  /*
  padding-bottom: 100px;
  */
  display: block;
  position: relative;
  height: 100%;
  color: #000;
  background-color: #f7f7f7;
  text-decoration: none;
  transition: opacity ease .3s;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.aboutLink ul li .image {
  /*
  margin: 0 0 40px;

  position: relative;
    */
  flex:1;
}
.aboutLink ul li .new_about_blocks{
  flex:1;
  position: relative;
}
.aboutLink ul li .title {
  padding: 50px 40px 25px;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.aboutLink ul li p {
  padding: 0 40px 15px;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.aboutLink ul li .link {
  position: absolute;
  bottom: 50px;
  left: 40px;
}
.aboutLink ul li .link span {
  padding-bottom: 20px;
  display: inline-block;
  position: relative;
  color: #4C4948;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
}
.aboutLink ul li .link span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b2b2b2;
}
.aboutLink ul li .link span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #ff0000;
  transform: translateX(-50%);
  transition: width ease .3s;
}
html:not(.iOS) .aboutLink ul li a:hover .link span:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .about_new_block{
    text-align:center;
    padding:40px 30px 40px 30px;
  }
  .about_new_block p{
    line-height: 1.87;
    font-size: 1.5rem;
  }
  .about_new_block p em{
    font-style:normal;
    font-weight:bold;
    color:#ED6C00;
  }
  .aboutLink {
    display: block;
  }
  .aboutLink .modalMovie {
    margin: -60px calc(-70/828*100vw) 30px;
    width: auto;
  }
  .aboutLink .linkBox {
    margin: 15px auto 0;
    width: auto;
  }
  .aboutLink ul {
    display: block;
  }
  .aboutLink ul li {
    margin-bottom: 10px;
    padding-bottom: 0;
    width: auto;
  }
  .aboutLink ul li a {
    padding-bottom: 0;
      display: block;
  }
  .aboutLink ul li:last-child {
    margin-bottom: 0;
  }
  .aboutLink ul li:before {
    display: none;
  }
  .aboutLink ul li .image {
    padding:0 0 40px 0;
  }
  .aboutLink ul li .title {
    padding: 0 calc(70/828*100vw) 25px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .aboutLink ul li p {
    padding: 0 calc(70/828*100vw) 30px;
    color:#4C4948;
  }
  .aboutLink ul li .link {
    padding: 0 calc(70/828*100vw) 55px;
    position: static;
  }
  .aboutLink ul li .link span {
  }
}





/* project story */
.projectStory .title {
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
  color:#4C4948;
}
.projectStory p {
  margin: 20px 0;
  line-height: 2;
  font-size: 2.1rem;
  color:#4C4948;
}
.projectStory .modalMovie {
  margin: 80px auto 0;
  width: calc(719/1080*100%);
  transition: opacity ease .3s;
  cursor: pointer;
}
p.smls{
  display:block;
  max-width:719px;
  font-size:14px;
  margin:10px auto 50px;
}
html:not(.iOS) .projectStory .modalMovie:hover {
  opacity: .7;
}
.projectStory .btnTarget {
  text-align: center;
}
.projectStory .btnTarget a {
  padding-left: 18px;
  border-radius: 28px;
  display: inline-block;
  width: 225px;
  line-height: 56px;
  color: #fff;
  background-color: #ED6C00;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  transition: ease .3s;
  box-sizing: border-box;
}
.projectStory .btnTarget a:after {
  margin-left: 8px;
  content: "";
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(../images/common/icon_othersite.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
html:not(.iOS) .projectStory .btnTarget a:hover {
  /*
  opacity: .7;
  */
  background-color:#b81d22;
}

@media screen and (max-width: 767px) {
  .projectStory .title {
  }
  .projectStory p {
    margin: 30px 0;
  }
  .projectStory .modalMovie {
    margin: 0 auto 0px;
    width: 100%;
  }
  p.smls{
    display:block;
    max-width:719px;
    font-size:12px;
    margin:10px auto 40px;
  }
}





/* talk */
.talkIndex {
}
.talkIndex .talkIntro {
}
.talkIndex .talkIntro + .talkIntro {
  margin-top: 100px;
}
.talkIndex .talkIntro a {
  color: #4C4948;
  text-decoration: none;
}
.talkIndex .talkIntro a .image {
  transition: opacity ease .3s;
}
html:not(.iOS) .talkIndex .talkIntro a:hover .image {
  opacity: .7;
}
.talkIndex .image {
  margin: 0 0 20px;
}
.talkProfile {
  margin: 0 0 50px;
  display: flex;
  color:#4C4948;
}
.talkProfile li {
  width: 50%;
}
.talkProfile li .nameArea {
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.talkProfile li .name {
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.talkProfile li .data {
  padding-bottom: 10px;
  width: 100%;
  font-size: 1.2rem;
  font-weight: normal;
}
.talkProfile li .copy {
  line-height: 1.5;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
.talkIndex .btnArea {
  position: relative;
}
.talkIndex .btnArea.extra{
  margin-bottom:80px;
}
.talkIndex .btnArea:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.talkIndex .btnArea .btnLink {
  position: relative;
}
.talkIndex .btnArea .btnLink a {
  background-color: #fff;
}
html:not(.iOS) .talkIndex .btnArea .btnLink a:hover {
  background-color: #4C4948;
}

@media screen and (max-width: 767px) {
  .talkIndex .btnArea.extra{
    margin-bottom:40px;
  }
  .talkIndex {
    margin-left: 0;
    margin-right: 0;
  }
  .talkIndex .talkIntro {
    margin-top: -60px;
  }
  .talkIndex .talkIntro + .talkIntro {
    margin-top: 75px;
  }
  .talkIndex .image {
    margin: 0 0 45px;
  }
  .talkProfile {
    margin: 0;
    display: block;
  }
  .talkProfile li {
    margin: 0 calc(70/828*100vw) 30px;
    width: auto;
  }
  .talkProfile li .nameArea {
    margin: 0 0 10px;
    display: block;
    height: auto;
  }
  .talkProfile li .name {
  }
  .talkProfile li .data {
  }
  .talkProfile li .copy br {
    display: none;
  }
  .talkIndex .btnArea {
    margin: 0 calc(70/828*100vw);
  }
}





/* talk detail */
.talkDetail .contentBlock {
  padding-top: 25px;
}
.talkDetail .talkProfile {
  margin-bottom: 100px;
  padding-bottom: 50px;
  border-bottom: 1px #ebebeb solid;
}
.talkContent {
  margin: 0 auto;
  width: calc(760/1080*100%);
}
.talkContent .title {
  margin: 0 0 20px;
  line-height: 1.52;
  font-size: 2.3rem;
  font-weight: bold;
  color:#4C4948;
}
.talkContent * + .title {
  margin-top: 75px;
}
.talkContent .image {
  margin: 50px 0 0;
}
.talkContent p {
  margin: 20px 0 0;
  position: relative;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.talkContent p.photograph_day{
  margin-top:40px;
  color:#b2b2b2;
}
.talkContent p.photograph_day span{
  font-weight:bold;
}

.talkContent p .name {
  padding-right: 2em;
  position: absolute;
  top: 0;
  left: -8em;
  width: 6em;
  font-weight: bold;
  text-align: right;
  color:#4C4948;
}
.s_btn{
  text-align:center;
}
.s_btn a span{
    border-radius: 22px;
    display: inline-block;
    line-height: 44px;
    color: #fff;
    background-color: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
    text-decoration: none;
    margin:auto;
    padding:0 40px;
    height: 44px;
}
.s_btn a:hover span{
  background-color: #b81d22;
}
@media screen and (max-width: 767px) {
.s_btn a span{
  border-radius: 28px;
    display: inline-block;
    width: 187px;
    line-height: 54px;
    color: #fff;
    background-color: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
    text-decoration: none;
    margin:0 auto 60px;
    padding:0 40px;
    height: auto;
}
  .talkDetail .contentBlock {
    padding-top: 45px;
  }
  .talkDetail .talkProfile {
    margin-bottom: 40px;
    padding-bottom: 10px;
  }
  .talkDetail .talkProfile li {
    margin-left: 0;
    margin-right: 0;
  }
  .talkContent {
    width: auto;
  }
  .talkContent .title br {
    display: none;
  }
  .talkContent * + .title {
    margin-top: 30px;
  }
  .talkContent .image {
    margin: 30px 0 0;
  }
  .talkContent p {
  }
  .talkContent p .name {
    margin: 0 0 5px;
    padding-right: 0;
    display: block;
    position: static;
    width: auto;
    text-align: left;
  }
}





/* support */
.support {
}
.support .lead {
  margin: 0 0 80px;
}
.support .lead p {
  line-height: 1.76;
  font-size: 2.1rem;
  text-align: center;
  color:#4C4948;
}
.support .supportIntro + .supportIntro {
  margin-top: 100px;
}
.support .supportIntro .label {
  margin: 0 0 20px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
.support .supportIntro .label span {
  border-radius: 20px;
  display: inline-block;
  width: 210px;
  line-height: 40px;
  background-color: #f4786d;
}
.support .supportIntro .supportLogo {
  margin: 0 auto 25px;
  width: 384px;
}
.support .supportIntro .supportTtile {
  margin: 0 0 40px;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
   color:#4C4948;
}
.support .supportIntro > p {
  margin: 0 auto 40px;
  width: calc(760/1080*100%);
  line-height: 1.61;
  font-size: 1.8rem;
  text-align: center;
  color:#4C4948;
}
.support .supportIntro .systemimage {
  margin: 0 auto 75px;
  width: 367px;
}
.support .supportIntro ul {
  display: flex;
  background-color: #f7f7f7;
}
.support .supportIntro ul li {
  padding: 70px 40px 40px;
  border-right: 1px #e0e0e0 solid;
  width: 33.3333%;
  box-sizing: border-box;
}
.support .supportIntro ul li:last-child {
  border-right: none;
}
.support .supportIntro ul li .num {
  margin: -130px 0 20px;
  display: block;
  line-height: 1;
  color: #ED6C00;
  font-size: 113px;
  font-weight: bold;
}
.support .supportIntro ul li .title {
  margin: 0 0 10px;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.support .supportIntro ul li p {
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.support .supportIntro dl {
  margin: 0 auto;
  width: calc(760/1080*100%);
  text-align: center;
}
.support .supportIntro dl dt {
  margin: 0 0 20px;
  line-height: 1.61;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.support .supportIntro dl dd {
  margin: 0 0 40px;
  line-height: 1.87;
  font-size: 1.5rem;
    color:#4C4948;
}
.support .supportIntro .movieArea {
  margin: 0 auto;
  width: calc(760/1080*100%);
  background-color: #f7f7f7;
}
.support .supportIntro .modalMovie {
  transition: opacity ease .3s;
  cursor: pointer;
}
html:not(.iOS) .support .supportIntro .modalMovie:hover {
  opacity: .7;
}
.support .supportIntro .caption {
  padding: 30px 20px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #4C4948;
}
#edu_sup .pc{
  display: block;
}
#edu_sup .sp{
  display: none;
}
#edu_sup .tab{
  display: none;
}
#edu_sup .pageTitleArea{
  margin: 0 0 90px;
}
#edu_sup .lead{
  margin: 0 0 37px;
}
#edu_sup #eduBlock{
  padding: 45px 0 0;
  margin: -45px 0 100px;
}
#edu_sup #supBlock{
  padding: 30px 0 0;
  margin: -30px 0 100px;
}
#edu_sup .flexBox,
.welfareBlocks .flexBox{
  display: flex;
  align-items: center;
  justify-content: space-between; 
}
#edu_sup .ankerBtn{
  width: 100%;
  max-width: 487px;
  margin: 0 auto 100px;
  box-sizing: border-box;
}
#edu_sup .wide{
  max-width: 730px;
  margin: 0 auto 40px;
}
#edu_sup .ankerBtn .leftBox,
#edu_sup .ankerBtn .rightBox{
  width: 48.5%;
}
#edu_sup .ankerBtn .linkBox{
  width: calc( 100% / 3 );
  margin: 0 12px 0 0;
}
#edu_sup .ankerBtn .linkBox:last-child{
  margin: 0 0 0 0;
}
#edu_sup .ankerBtn a{
  display: block;
  background: #ececec;
  border-radius: 2.35rem;
  color: #ED6C00;
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  transition: .3s;
  padding: 15px 20px 15px 15px;
}
#edu_sup .ankerBtn a::after{
    content: "";
    border-radius: 0;
    background: none;
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: 44%;
    right: 20px;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 0.2rem solid #ED6C00;
    border-right: 0.2rem solid #ED6C00;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 2;
}
#edu_sup .ankerBtn a:hover{
  text-decoration: none;
  opacity: 0.6;
  transition: .3s;
}
#edu_sup #eduBlock h2,
#edu_sup #supBlock h2{
  font-size:  3rem;
  text-align: center;
  color: #4C4948;
  margin: 0 0 40px;
}
#edu_sup #eduBlock span,
#edu_sup #supBlock span{
  display: block;
  width: 38%;
  margin: 0 auto;
  font-size: 2.1rem;
  background: #fff;
  position: relative;
  z-index: 0;
  margin: 46px auto 0;
}
#edu_sup #eduBlock .subTitle{
  display: block;
  position: relative;
  z-index: 0;
  margin: 46px auto 40px;
  text-align: center;
}
#edu_sup #eduBlock .subTitle p{
  display: inline-block;
  font-size: 2.1rem;
  background: #fff;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  color: #4C4948;
  line-height: 1.3;
  padding: 0 20px;
}
#edu_sup #eduBlock .subTitle::before{
  content: "";
  width: 550px;
  height: 1px;
  background: #4C4948;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  z-index: -1;
}
#edu_sup #eduBlock .narrow p,
#edu_sup #supBlock .narrow p{
  padding: 0 24px;
}
#edu_sup #eduBlock .narrow::before,
#edu_sup #supBlock .narrow::before{
  width: 300px;
}
#edu_sup #supBlock span::before{
  content: "";
  width: 23px;
  height: 1px;
  background: #4C4948;
  position: absolute;
  left: 0;
  top: 50%;
}
#edu_sup #eduBlock span::after,
#edu_sup #supBlock span::after{
  content: "";
  width: 23px;
  height: 1px;
  background: #4C4948;
  position: absolute;
  right: 0;
  top: 50%;
}
#edu_sup .innerArea{
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
#edu_sup .grayBox,
.welfareBlocks .grayBox{
  background: #f2f2f2;
  margin: 0 0 23px;
}
#edu_sup .grayBox .lead{
  margin: 0 0 0 0;
}
#edu_sup .grayBox .ttlBlock{
  background: #a6a6a6;
  padding: 20px;
}
#edu_sup .grayBox .ttlBlock h3{
  color: #fff;
  text-align: center;
  font-size: 2.1rem;
}
#edu_sup .grayBox .textArea{
  text-align: center;
  padding: 35px;
}
#edu_sup .grayBox .textArea p{
  font-size: 1.5rem;
  line-height: 2;
}
#edu_sup .redBlock{
  background: #f2f2f2;
  margin: 0 0 77px;
}
#edu_sup .redBlock .ttlBlock{
  background: #f4786d;
  padding: 23px 20px 23px;
  margin: 0 0 38px 0;
  box-sizing: border-box;
}
#edu_sup .redBlock .ttlBlock h3{
  color: #fff;
  text-align: center;
  font-size: 2.1rem;
}
#edu_sup .redBlock .textArea{
  text-align: center;
  padding: 0 40px 40px;
}
#edu_sup .redBlock .textArea p{
  font-size: 1.5rem;
  margin: 0 0 0;
  line-height: 2;
}
#edu_sup .textArea .flexBox{
  margin: 30px 0 15px 0;
}
#edu_sup .textArea .flexBox:last-child{
  margin: 0px 0 0 0;
}
#edu_sup .textArea .bottomBlock .ttlBlock{
  margin: 0 0 20px;
}
#edu_sup .textArea .bottomBlock .flexBox{
  flex-wrap: nowrap;
  align-items: baseline;
  margin: 0 0 0;
}
#edu_sup .textArea .flexBox .imgCorner{
  border-right: solid 1px #f9ecea;
}
#edu_sup .textArea .flexBox .imgCorner:last-child{
  border-right: none;
}
#edu_sup .textArea .flexBox .imgCorner img{
  width: 50%;
  margin: 0 0 11px;
}
#edu_sup .textArea .flexBox .imgCorner p{
  font-size: 1.3rem;
  line-height: 1.7;
}
#edu_sup .textArea .none{
  flex-wrap: nowrap;
  margin: 0 0 30px;
}
#edu_sup #science .textArea .none{
  flex-wrap: nowrap;
  margin: 0 0 20px;
  flex-direction: row-reverse;
  align-items: flex-start;
}
#edu_sup #science .textArea .none .rightBox{
  width: 13%;
  padding: 0 0 0 60px;
}
#edu_sup #science .textArea .none .top{
  width: 73%;
  margin: 3px 0 0;
}
#edu_sup .textArea .flexBox .fourColumn{
  display: flex;
  justify-content: space-between;
  background: #fff;
  width: 422px;
  margin: 0 15px 0px 0;
  padding: 35px;
}
#edu_sup .textArea .flexBox .fourColumn .imgArea{
  width: 29%;
  margin: 0 33px 0 0;
}
#edu_sup .textArea .flexBox .fourColumn:nth-child(2){
  margin: 0 0 0px 0;
}
#edu_sup .textArea .flexBox .fourColumn:nth-child(3),
#edu_sup .textArea .flexBox .fourColumn:nth-child(4){
  margin: 0 0 0px 0;
}
#edu_sup .textArea .flexBox .fourColumn .textArea{
  width: 68%;
  padding: 0 0 0;
  text-align: left;
}
#edu_sup .textArea .flexBox .fourColumn .textArea h4{
  display: inline-block;
  color: #e84639;
  font-size: 2.1rem;
  position: relative;
  padding: 0 0 0 27px;
  margin: 0 0 20px;
  line-height: 1.4;
}
#edu_sup .textArea .flexBox .fourColumn .textArea h4::before{
  content: "";
  background: #b8b8b8;
  width: 16px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 14px;
}
#edu_sup .textArea .flexBox .fourColumn .textArea p{
  font-size: 1.2rem;
  line-height: 1.8;
}
#edu_sup .top p{
  text-align: left;
  line-height: 1.8;
}
#edu_sup .top{
  width: 76%;
}
#edu_sup .none .rightBox{
  width: 15%;
  padding: 0 56px 0 0;
}
#edu_sup .bottomBlock {
  background: #fff;
  position: relative;
  padding: 40px 0px 40px;
  margin: 0 0 40px;
}
#edu_sup .bottomBlock::before{
  content: "";
  width: 3px;
  height: 38px;
  background: #e84639;
  position: absolute;
  left: 0;
  right: 0;
  top: -17px;
  margin: auto;
}
#edu_sup .bottomBlock p.ttlText{
  font-size: 2.1rem;
  font-weight: bold;
  color: #4C4948;
  margin: 0 0 25px !important;
}
#edu_sup .bottomBlock .txtCorner{
  width: 278px;
  border: solid 1px #e5e5e5;
  text-align: left;
  margin: 0 20px 0 0;
  padding: 30px;
}
#edu_sup .bottomBlock .txtCorner:last-child{
  margin: 0 0 0 0;
}
#edu_sup .bottomBlock .txtCorner ul li{
  position: relative;
  padding: 0 0 0 11px;
  margin: 0 0 10px;
  font-size: 1.3rem;
  line-height: 1.7;
}
#edu_sup .bottomBlock .txtCorner ul li::before{
  content: "";
  width: 5px;
  height: 5px;
  background: #4C4948;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 50px;
}
#edu_sup .bottomBlock .txtCorner .txtTtl{
  width: 100% !important;
  position: relative;
  padding: 0 0 0 30px;
  color: #4C4948;
  font-weight: bold;
  font-size: 1.8rem !important;
  margin: 0 0 20px 0 !important;
  text-align: left;
}
#edu_sup #eduBlock .bottomBlock .txtCorner .txtTtl::before{
  content: "";
  width: 16px;
  height: 2px;
  background: #e84639;
  position: absolute;
  top: 9px;
  left: 0;
}
#edu_sup .bottomBlock .txtCorner .txtTtl::after{
  display: none !important;
}
#edu_sup .grayLink{
  display: block;
  background: #4C4948;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 41px;
  padding: 20px 15px;
  width: 40%;
  margin: 0 auto 0;
  line-height: 1.5;
  transition: .3s;
  box-sizing: border-box;
}
#edu_sup .grayLink:hover{
  text-decoration: none;
  opacity: 0.6;
  transition: .3s;
}
#edu_sup .padding {
  padding: 40px 25px 30px;
}
#edu_sup #supBlock .support .supportIntro ul li .num{
  margin: -130px 0 20px;
  display: block;
  line-height: 1;
  color: #ED6C00;
  font-size: 113px;
  background: none;
  width: 100%;
  font-weight: bold;
}
#edu_sup #supBlock .support .supportIntro ul li .num::before{
  display: none;
}
#edu_sup #supBlock .support .supportIntro ul li .num::after{
  display: none;
}
#edu_sup #supBlock .support .supportIntro .supportLogo{
  margin: 0 auto 25px;
    width: 274px;
}
#edu_sup #supBlock .contentBlock{
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 1080px;
}
#edu_sup .welfareBlock,
.welfareBlocks{
  background: #f8f3f0;
  margin: 0 0 60px;
  padding: 80px 0 80px 0;
}
#edu_sup .welfareBlock .innerArea{
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 0 0 0;
  box-sizing: border-box;
}

.welfareBlocks .innerArea{
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 0 0 0;
  box-sizing: border-box;
}
#edu_sup .welfareBlock h2{
  font-size: 3.8rem;
  line-height:1.4;
  color: #4C4948;
  margin:0 0 10px 0;
}

.welfareBlocks h2{
  font-size: 3.8rem;
  line-height:1.4;
  color: #4C4948;
  margin:0 0 10px 0;
  text-align: center;
}
#edu_sup .welfareBlock h2 span{
  display: block;
  font-size: 1.9rem;
  margin: 0 0 20px;
}

.welfareBlocks h2 span{
  display: block;
  font-size: 1.9rem;
  margin: 0 0 20px;
}
#edu_sup .welfareBlock h2 span,
.welfareBlocks h2 span{
  margin: 0 0 10px;
}
#edu_sup .welfareBlock .detailBlock,
.welfareBlocks .detailBlock{
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  box-sizing: border-box;
}
#edu_sup .welfareBlock h3,
.welfareBlocks h3{
  background: #d2897b;
  color: #fff;
  text-align: center;
  border-radius: 21px;
  font-size: 1.7rem;
  padding: 12px;
}
.welfareBlocks ul.bottom_list li{
  background: #d2897b;
  color: #fff;
  text-align: center;
  border-radius: 21px;
  font-size: 1.4rem;
  padding: 12px;
  margin:0 0 10px 0;
  font-weight:bold;
}
#edu_sup .welfareBlock .flexBox{
  /*
  align-items: flex-end;
  */
  align-items:center;
  margin: 0 0 6px;
}

.welfareBlocks .flexBox{
  /*
  align-items: flex-end;
  */
  align-items:unset;
  margin: 0 0 6px;
}
.welfareBlocks .flexBox.extra_border{
  padding:0px 0;

  margin:0 0 0px 0;
}
#edu_sup .welfareBlock .flexBox .leftBox,
.welfareBlocks .flexBox .leftBox{
  width: 50%;
  /*
  padding: 0 0 52px;
  */
}
#edu_sup .welfareBlock .flexBox .rightBox,
.welfareBlocks .flexBox .rightBox{
  width: 50%;
}
.welfareBlocks .flexBox .wd45{
  width:42%;
}
.welfareBlocks .flexBox .wd55{
  width:55%;
}
.welfareBlocks .flexBox .rightBox p{
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}
.welfareBlocks .flexBox .rightBox p span{
  font-size:1.2rem;
  margin:10px 0 0 0;
}
#edu_sup .welfareBlock .flexBox .leftBox .columnImg,
.welfareBlocks .flexBox .leftBox .columnImg{
  width: 132px;
  margin: 0 0 27px;
}
.welfareBlocks .columnImg2{
  width:132px;
  margin:auto;
}
#edu_sup .welfareBlock .topBlock h3,
.welfareBlocks .topBlock h3{
  margin: 0 0 31px;
}
#edu_sup .welfareBlock .topBlock .flexBox,
.welfareBlocks .topBlock .flexBox{
  align-items: flex-start;
  padding: 0 15px 0 0;
}
#edu_sup .welfareBlock .topBlock .leftBox,
.welfareBlocks .topBlock .leftBox{
  width: 53%;
  padding: 0 15px;
  margin: 0 30px 0 0;
}
#edu_sup .welfareBlock .topBlock .leftBox p,
.welfareBlocks .topBlock .leftBox p{
  font-size: 1.5rem;
  line-height: 2;
}
#edu_sup .welfareBlock .topBlock .grayBox,
.welfareBlocks .topBlock .grayBox{
  width: 42%;
  padding: 38px 30px 39px;
  border-radius: 14px;
}
#edu_sup .welfareBlock .topBlock .grayBox .ttlArea,
.welfareBlocks .topBlock .grayBox .ttlArea{
  display: inline-block;
  font-weight: bold;
  font-size: 2.1rem;
  color: #4C4948;
  position: relative;
  margin: 0 0 31px;
}
#edu_sup .welfareBlock .topBlock .grayBox .ttlArea::after,
.welfareBlocks .topBlock .grayBox .ttlArea::after{
  content: "";
  width: 100%;
  height: 1px;
  background: #4C4948;
  position: absolute;
  bottom: -8px;
  left: 0;
}
#edu_sup .welfareBlock .topBlock .grayBox ul li,
.welfareBlocks .topBlock .grayBox ul li{
  font-weight: bold;
  font-size: 1.5rem;
  color: #4C4948;
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 15px;
}
#edu_sup .welfareBlock .topBlock .grayBox ul li::after,
.welfareBlocks .topBlock .grayBox ul li::after{
  content: "";
  width: 8px;
  height: 8px;
  background: #d2897b;
  position: absolute;
  left: 0;
  top: 15px;
}
#edu_sup .welfareBlock .topBlock .grayBox ul li span,
.welfareBlocks .topBlock .grayBox ul li span{
  color: #ED6C00;
  font-size: 2.8rem;
}
#edu_sup .welfareBlock .topBlock .grayBox ul li .small,
.welfareBlocks .topBlock .grayBox ul li .small{
  font-size: 2rem;
}
#edu_sup .welfareBlock .topBlock .grayBox ul .row,
.welfareBlocks .topBlock .grayBox ul .row{
  line-height: 1.7;
  margin: 20px 0 0;
}
#edu_sup .welfareBlock .topBlock .grayBox ul .row::after,
.welfareBlocks .topBlock .grayBox ul .row::after{
  top: 8px;
}
#edu_sup .welfareBlock .bottomBlock,
.welfareBlocks .bottomBlock{
  display: flex;
  justify-content: space-between;
  background: none;
  position: relative;
  padding: 0 0 0;
  margin: 0 0 0;
}
#edu_sup .welfareBlock .bottomBlock::before,
.welfareBlocks .bottomBlock::before{
  display: none;
}
#edu_sup .welfareBlock .bottomBlock .leftBox,
#edu_sup .welfareBlock .bottomBlock .rightBox,
.welfareBlocks .bottomBlock .leftBox,
.welfareBlocks .bottomBlock .rightBox{
  width: 48%;
}
#edu_sup .welfareBlock .bottomBlock .leftBox h3,
#edu_sup .welfareBlock .bottomBlock .rightBox h3,
.welfareBlocks .bottomBlock .leftBox h3,
.welfareBlocks .bottomBlock .rightBox h3{
  margin: 0 0 15px;
}
#edu_sup .welfareBlock .bottomBlock .leftBox .textArea,
#edu_sup .welfareBlock .bottomBlock .rightBox .textArea,
.welfareBlocks .bottomBlock .leftBox .textArea,
.welfareBlocks .bottomBlock .rightBox .textArea{
  padding: 10px 0px;
}
.bottomBlock .leftBox .textArea p,
.bottomBlock .rightBox .textArea p{
  font-size:1.3rem;
  line-height:1.5;
}

@media screen and (max-width: 767px) and (min-width: 550px) {
  #edu_sup .pc{
    display: none;
  }
  #edu_sup .sp{
    display: none;
  }
  #edu_sup .tab{
    display: block;
  }
  .support .supportIntro .supportLogo {
      width: 270px;
  }
  .support {
  }
  .support .lead {
    margin: 0 0 30px;
  }
  .support .lead p {
    font-size: 2rem;
  }
  .support .supportIntro + .supportIntro {
    margin-top: 75px;
  }
  .support .supportIntro .label {
  }
  .support .supportIntro .supportLogo {
    margin: 0 auto 15px;
  }
  .support .supportIntro .supportTtile {
    margin: 0 0 30px;
    color:#4C4948;
  }
  .support .supportIntro > p {
    margin: 0 auto 30px;
    width: auto;
  }
  .support .supportIntro .systemimage {
    width: auto;
  }
  .support .supportIntro ul {
    display: block;
    background-color: transparent;
  }
  .support .supportIntro ul li {
    margin-bottom: 10px;
    padding: 70px calc(90/828*100vw) 55px;
    border: none;
    width: 100%;
    background-color: #f7f7f7;
  }
  .support .supportIntro ul li .num {
    margin: -130px 0 10px;
  }
  .support .supportIntro ul li .title {
  }
  .support .supportIntro ul li p {
  }
  .support .supportIntro dl {
    width: auto;
  }
  .support .supportIntro dl dt {
    margin: 0 0 10px;
    color:#4C4948;
  }
  .support .supportIntro dl dd {
    margin: 0 0 30px;
    color:#4C4948;
  }
  .support .supportIntro .movieArea {
    width: auto;
  }
  .support .supportIntro .modalMovie {
    transition: opacity ease .3s;
    cursor: pointer;
  }
  html:not(.iOS) .support .supportIntro .modalMovie:hover {
    opacity: .7;
  }
  .support .supportIntro .caption {
    padding: 15px;
    line-height: 1.33;
  }
  #edu_sup #eduBlock{
    padding: 45px calc(66/828*100%) 0;
    margin: -45px 0 100px;
  }
  #edu_sup #eduBlock span{
    width: 100%;
    font-size: 2.1rem;
    margin: 4.4rem 0 0;
  }
  #edu_sup #eduBlock .narrow,
  #edu_sup #supBlock .narrow {
      width: 65%;
      margin: 0 auto 35px;
  }
  #edu_sup #supBlock span{
    width: 100%;
    font-size: 2.1rem;
    margin: 2.4rem 0 0; 
  }
  #edu_sup .textArea .flexBox{
    flex-direction: column;
  }
  #edu_sup .textArea .flexBox .fourColumn {
    width: 100%;
    align-items: center;
    margin: 0 0 20px 0;
    padding: 35px 40px;
    box-sizing: border-box;
  }
  #edu_sup .textArea .flexBox .fourColumn:nth-child(2n){
      margin: 0 0 15px 0;
  }
  #edu_sup .textArea .flexBox .fourColumn:last-child {
    margin: 0 0 0 0;
  }
  #edu_sup .wide{
    width: 100%;
    max-width: 730px;
    margin: 0 auto 50px;
    padding: 0 0 0 !important;
  }
  #edu_sup .textArea .none{
    flex-direction: column-reverse;
  }
  #edu_sup .none .rightBox{
      width: 30%;
      padding: 0 0px 0 0;
      margin: 0 0 26px;
  }
  #edu_sup .bottomBlock{
    text-align: center;
    padding: 40px 20px 25px;
    margin: 0 0 40px;
  }
  #edu_sup .bottomBlock:last-of-type{
    margin: 0 0 40px;
  }
  #edu_sup .textArea .bottomBlock .flexBox {
      flex-wrap: wrap;
      align-items: baseline;
      flex-direction: row;
  }
  #edu_sup .textArea .flexBox .imgCorner {
    border-right: solid 1px #f9ecea;
    border-bottom: solid 1px #f9ecea;
    width: 49.8%;
    padding: 0 0 20px;
  }
  #edu_sup .textArea .flexBox .imgCorner:nth-child(3),
  #edu_sup .textArea .flexBox .imgCorner:nth-child(4) {
    padding: 20px 0 0px;
    border-bottom: none;
  }
  #edu_sup .textArea .flexBox .imgCorner:nth-child(2n) {
    border-right: none;
  }
  #edu_sup .top {
    width: 100%;
  }
  #edu_sup #science .textArea .none{
    flex-direction: column-reverse;
  }
  #edu_sup #science .textArea .none .top{
    width: 100%;
  }
  #edu_sup #science .textArea .none .rightBox{
    width: 30%;
    padding: 0 0px 0 0;
    margin: 0 auto 26px;
  }
  #edu_sup .grayLink{
    width: 85%;
    text-align: center;
    padding: 24px 15px;
    line-height: 1.9;
    font-size: 1.5rem;
    border-radius: 80px;
  }
  #edu_sup .bottomBlock .txtCorner {
    width: 100%;
    margin: 0 0px 20px 0;
    padding: 30px;
  }
  #edu_sup .redBlock .textArea,
  #edu_sup .grayBox .textArea {
    text-align: left;
    padding: 0 40px 40px;
  }
  #edu_sup .ankerBtn {
    margin: 0 auto 95px;
    max-width: inherit;
    padding: 0 40px;
  }
  #edu_sup .grayBox .textArea p,
  #edu_sup .redBlock .textArea p{
    font-size: 1.7rem;
    margin: 0 0 20px;
  }
  #edu_sup .grayBox .ttlBlock{
    margin: 0 0 20px;
  }
  #edu_sup .textArea .flexBox .fourColumn .textArea p{
    font-size: 1.5rem;
  }
  #edu_sup .padding {
    padding: 40px 20px 20px;
  }
  #edu_sup #humanities .redBlock .ttlBlock,
  #edu_sup #science .redBlock .ttlBlock,
  #edu_sup #veteran .redBlock .ttlBlock{
    margin: 0 0 41px 0;
  }
  #edu_sup .redBlock .ttlBlock h3{
    line-height: 1.5;
  }
  #edu_sup #supBlock {
      padding: 30px 70px 0;
      margin: -30px 0 100px;
  }
  #edu_sup .textArea .flexBox .imgCorner p {
      font-size: 1.3rem;
  }
  #edu_sup .bottomBlock .txtCorner ul li{
    font-size: 1.3rem;
  }
  #edu_sup .bottomBlock .txtCorner ul li::before{
    top: 11px;
  }
  #edu_sup .ankerBtn a{
    font-size: 2rem;
    padding: 25px 20px 25px 15px;
    border-radius: 80px;
  }
  #edu_sup .ankerBtn a::after{
      content: "";
      border-radius: 0;
      background: none;
      position: absolute;
      top: inherit;
      left: inherit;
      bottom: 44%;
      right: 30px;
      width: 1rem;
      height: 1rem;
      border-top: 0.2rem solid #ED6C00;
      border-right: 0.2rem solid #ED6C00;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      z-index: 2;
  }
  #edu_sup .wide .linkBox {
    display: inline-block;
    width: inherit;
  }
  #edu_sup .wide a {
    font-size: 1.6rem;
    padding: 25px 55px 25px 39px;
    border-radius: 80px;
  }
  #edu_sup .textArea .flexBox .imgCorner img{
    width: 60%;
  }
  #edu_sup #supBlock h2 {
    margin: 0 0 35px;
  }
  #edu_sup #supBlock .lead {
    margin: 0 0 80px;
  }
  #edu_sup #supBlock p {
    margin: 0 0 80px;
  }
  #edu_sup .support .supportIntro .systemimage {
    width: 80%;
    margin: 0 auto 110px;
  }
  #edu_sup .support .supportIntro ul li {
      margin-bottom: 10px;
      padding: 70px calc(90/828*100vw) 5px;
      border: none;
      width: 100%;
      background-color: #f7f7f7;
  }
  #edu_sup .welfareBlock .flexBox .leftBox .columnImg,
  .welfareBlocks .flexBox .leftBox .columnImg{
      width: 132px;
      margin: 0 auto 20px;
  }
  #edu_sup .welfareBlock h2,
  .welfareBlocks h2 {
      font-size: 4.8rem;
      color: #4C4948;
      text-align: center;
  }
  #edu_sup .welfareBlock .flexBox .leftBox,
  .welfareBlocks .flexBox .leftBox{
    width: 100%;
    padding: 0 0 0 0px;
    margin: 0 0 0;
  }
  #edu_sup .welfareBlock .flexBox .rightBox,
  .welfareBlocks .flexBox .rightBox{
    width: 100%;
    margin: 0 auto 45px;
    box-sizing: border-box;
  }
  #edu_sup .welfareBlock .topBlock .grayBox .ttlArea,
  .welfareBlocks .topBlock .grayBox .ttlArea{
    display: block;
    text-align: center;
  }
  #edu_sup .welfareBlock h3,
  .welfareBlocks h3{
      background: #d2897b;
      color: #fff;
      text-align: center;
      border-radius: 21px;
      font-size: 1.7rem;
      padding: 16px 10px;
      border-radius: 35px;
  }

  #edu_sup .welfareBlock .topBlock .leftBox p,
  .welfareBlocks .topBlock .leftBox p{
    margin: 0 0 35px;
  }
  #edu_sup .welfareBlock .bottomBlock,
  .welfareBlocks .bottomBlock{
    flex-direction: column;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox,
  #edu_sup .welfareBlock .bottomBlock .rightBox,
  .welfareBlocks .bottomBlock .leftBox,
  .welfareBlocks .bottomBlock .rightBox{
    width: 100%;
    font-size: 1.5rem;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox{
    margin: 0 0 30px;
  }
  .welfareBlocks .bottomBlock .leftBox{
    margin: 0 0 0px;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox .textArea,
  #edu_sup .welfareBlock .bottomBlock .rightBox .textArea,
  .welfareBlocks .bottomBlock .leftBox .textArea,
  .welfareBlocks .bottomBlock .rightBox .textArea{
    padding: 0;
    text-align: left;
  }
  #edu_sup .ankerBtn a:hover{
    text-decoration: none;
    opacity: 1.0;
    transition: .3s;
  }
  #edu_sup #eduBlock .subTitle::before{
    width: 100%;
  }
}

@media screen and (max-width: 549px){
  #edu_sup .pc{
    display: none;
  }
  #edu_sup .sp{
    display: block;
  }
  #edu_sup .tab{
    display: none;
  }
  #edu_sup .flexBox,
  .welfareBlocks .flexBox{
    flex-direction: column;
    margin: 0px 0 0 0;
  }
  #edu_sup .textArea .flexBox .fourColumn .imgArea{
    width: 40%;
    margin: 0 0 30px;
  }
  #edu_sup .textArea .flexBox .fourColumn .textArea{
    width: 100%;
  }
  #edu_sup .ankerBtn .leftBox, #edu_sup .ankerBtn .rightBox {
    width: 100%;
  }
  #edu_sup .ankerBtn .leftBox{
    margin: 0 0 20px;
  }
  .support .supportIntro .supportLogo {
    width: 270px;
  }
  .support {
  }
  .support .lead {
    margin: 0 0 30px;
    padding: 0 calc(66/828*100%);
  }
  .support .lead p {
    font-size: 2rem;
  }
  .support .supportIntro + .supportIntro {
    margin-top: 75px;
  }
  .support .supportIntro .label {
  }
  .support .supportIntro .supportLogo {
    margin: 0 auto 15px;
  }
  .support .supportIntro .supportTtile {
    margin: 0 0 30px;
    color:#4C4948;
  }
  .support .supportIntro > p {
    margin: 0 auto 30px;
    width: auto;
  }
  .support .supportIntro .systemimage {
    width: auto;
  }
  .support .supportIntro ul {
    display: block;
    background-color: transparent;
  }
  .support .supportIntro ul li {
    margin-bottom: 10px;
    padding: 70px calc(90/828*100vw) 55px;
    border: none;
    width: 100%;
    background-color: #f7f7f7;
  }
  .support .supportIntro ul li .num {
    margin: -130px 0 10px;
  }
  .support .supportIntro ul li .title {
  }
  .support .supportIntro ul li p {
  }
  .support .supportIntro dl {
    width: auto;
  }
  .support .supportIntro dl dt {
    margin: 0 0 10px;
    color:#4C4948;
  }
  .support .supportIntro dl dd {
    margin: 0 0 30px;
    color:#4C4948;
  }
  .support .supportIntro .movieArea {
    width: auto;
  }
  .support .supportIntro .modalMovie {
    transition: opacity ease .3s;
    cursor: pointer;
  }
  html:not(.iOS) .support .supportIntro .modalMovie:hover {
    opacity: .7;
  }
  .support .supportIntro .caption {
    padding: 15px;
    line-height: 1.33;
  }
  #edu_sup #eduBlock{
    padding: 45px calc(66/828*100%) 0;
    margin: -45px 0 100px;
  }
  #edu_sup #eduBlock .narrow,
  #edu_sup #supBlock .narrow{
    width: 85%;
  }
  #edu_sup #eduBlock span{
    width: 100%;
    font-size: 1.8rem;
    margin: 4.4rem auto 0;
    position: relative;
    line-height: 1.6;
  }
  #edu_sup #eduBlock span::before{
    content: "";
    width: 23px;
    height: 1px;
    background: #4C4948;
    position: absolute;
    left: 0;
    top: 50%;
  }
  #edu_sup #eduBlock span::after{
    content: "";
    width: 23px;
    height: 1px;
    background: #4C4948;
    position: absolute;
    right: 0;
    top: 50%;
  }
  #edu_sup #supBlock span{
    width: 100%;
    font-size: 1.8rem;
    margin: 2.4rem 0 0;
  }
  #edu_sup .textArea .flexBox .fourColumn {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin: 0 0 15px 0;
    padding: 25px 25px;
    box-sizing: border-box;
  }
  #edu_sup .textArea .flexBox .fourColumn:nth-child(2n){
      margin: 0 0 15px 0;
  }
  #edu_sup .textArea .flexBox .fourColumn:last-child {
    margin: 0 0 0 0;
  }
  #edu_sup .wide{
    width: 100%;
    max-width: 730px;
    margin: 0 auto 50px;
    padding: 0 0 0 !important;
  }
  #edu_sup .textArea .none{
    flex-direction: column-reverse;
  }
  #edu_sup .none .rightBox{
      width: 40%;
      padding: 0 0px 0 0;
      margin: 0 0 25px;
  }
  #edu_sup #science .textArea .none .rightBox {
    width: 40%;
    padding: 0 0px 0 0;
    margin: 0 auto 25px;
  }
  #edu_sup #science .textArea .none{
    flex-direction: column-reverse;
  }
  #edu_sup .bottomBlock{
    text-align: center;
    padding: 40px 20px 35px;
    margin: 0 0 40px;
  }
  #edu_sup .bottomBlock:last-of-type{
    margin: 0 0 20px;
  }
  #edu_sup .textArea .bottomBlock .flexBox {
      flex-wrap: wrap;
      align-items: baseline;
  }
  #edu_sup .textArea .flexBox .imgCorner {
    border-right: none;
    border-bottom: solid 1px #f9ecea;
    width: 100%;
    padding: 0 0 20px;
    margin: 0 0 30px;
  }
  #edu_sup .textArea .flexBox .imgCorner:nth-child(3) {
    padding: 0px 0 20px;
  }
  #edu_sup .textArea .flexBox .imgCorner:last-child{
    padding: 0px 0 0px !important;
    border-bottom: none;
    margin: 0 0 0;
  }
  #edu_sup .textArea .flexBox .imgCorner:nth-child(2n) {
    border-right: none;
    padding: 0 0 30px;
  }
  #edu_sup .top {
    width: 100%;
    margin: 0 0 10px;
  }
  #edu_sup #science .textArea .none .top {
    width: 100%;
    margin: 0 0 10px;
}
  #edu_sup .grayLink{
    width: 100%;
    text-align: center;
    line-height: 1.6;
    font-size: 1.3rem;
    border-radius: 80px;
    padding: 15px 25px;
  }
  #edu_sup .bottomBlock .txtCorner {
    width: 100%;
    margin: 0 0px 15px 0;
    padding: 30px;
    box-sizing: border-box;
  }
  #edu_sup .redBlock .textArea,
  #edu_sup .grayBox .textArea {
    text-align: left;
    padding: 0 20px 20px;
  }
  #edu_sup .ankerBtn {
    margin: 0 auto 75px;
    max-width: inherit;
    padding: 0 calc(66/828*100%);
  }
  #edu_sup .grayBox .textArea p,
  #edu_sup .redBlock .textArea p{
    font-size: 1.5rem;
    margin: 0 0 0px;
    padding: 0 0 0;
  }
  #edu_sup .grayBox .ttlBlock{
    margin: 0 0 20px;
  }
  #edu_sup .textArea .flexBox .fourColumn .textArea p{
    font-size: 1.4rem;
    margin: 0;
  }
  #edu_sup .padding {
    padding: 40px 20px 20px;
  }
  #edu_sup #humanities .redBlock .ttlBlock,
  #edu_sup #science .redBlock .ttlBlock,
  #edu_sup #veteran .redBlock .ttlBlock{
    margin: 0 0 41px 0;
  }
  #edu_sup .redBlock .ttlBlock h3{
    line-height: 1.5;
    font-size: 1.5rem;
  }
  #edu_sup #supBlock {
      padding: 30px calc(66/828*100%) 0;
      margin: -30px 0 80px;
  }
  #edu_sup .textArea .flexBox .imgCorner p {
      font-size: 1.4rem;
  }
  #edu_sup .bottomBlock .txtCorner ul li{
    font-size: 1.3rem;
  }
  #edu_sup .bottomBlock .txtCorner ul li::before{
    top: 11px;
  }
  #edu_sup .ankerBtn a{
    font-size: 1.6rem;
    padding: 20px 20px 20px 15px;
    border-radius: 80px;
  }
  #edu_sup .grayBox .ttlBlock h3{
    font-size: 1.8rem;
  }
  #edu_sup .ankerBtn a::after{
      content: "";
      border-radius: 0;
      background: none;
      position: absolute;
      top: inherit;
      left: inherit;
      bottom: 44%;
      right: 30px;
      width: 1rem;
      height: 1rem;
      border-top: 0.2rem solid #ED6C00;
      border-right: 0.2rem solid #ED6C00;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      z-index: 2;
  }
  #edu_sup .wide .linkBox {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
  }
  #edu_sup #eduBlock h2{
    margin: 0 0 40px;
  }
  #edu_sup .wide a {
    font-size: 1.6rem;
    padding: 20px 55px 20px 39px;
    border-radius: 80px;
  }
  #edu_sup .textArea .flexBox .imgCorner img{
    width: 46%;
  }
  #edu_sup #supBlock h2 {
    margin: 0 0 35px;
  }
  #edu_sup #supBlock .lead {
    margin: 0 0 60px;
  }
  #edu_sup #supBlock p {
    margin: 0 0 40px;
  }
  #edu_sup .support .supportIntro .systemimage {
    width: 100%;
    margin: 0 auto 100px;
  }
  #edu_sup .support .supportIntro ul li {
      margin-bottom: 10px;
      padding: 70px calc(90/828*100vw) 55px;
      border: none;
      width: 100%;
      background-color: #f7f7f7;
  }
  #edu_sup .welfareBlock .flexBox .leftBox .columnImg,
  .welfareBlocks .flexBox .leftBox .columnImg{
      width: 132px;
      margin: 0 auto 20px;
  }
  #edu_sup .welfareBlock h2,
  .welfareBlocks h2{
      font-size: 3.0rem;
      color: #4C4948;
      text-align: center;
      margin: 0 0 20px;
  }
  #edu_sup .welfareBlock .flexBox .leftBox,
  .welfareBlocks .flexBox .leftBox{
    width: 100%;
    padding: 0 0 0 0px;
    margin: 0 0 0;
  }
  #edu_sup .welfareBlock .flexBox .rightBox,
  .welfareBlocks .flexBox .rightBox{
    width: 100%;
    margin: 0 auto 10px;
    box-sizing: border-box;
  }
  #edu_sup .welfareBlock .topBlock .grayBox .ttlArea,
  .welfareBlocks .topBlock .grayBox .ttlArea{
    display: block;
    text-align: center;
    margin: 0 0 42px;
    line-height:1.6;
  }
  #edu_sup .welfareBlock h3,
  .welfareBlocks h3{
      background: #d2897b;
      color: #fff;
      text-align: center;
      border-radius: 21px;
      font-size: 1.5rem;
      padding: 16px 10px;
      border-radius: 35px;
  }
  #edu_sup .welfareBlock .topBlock .leftBox p,
  .welfareBlocks .topBlock .leftBox p{
    margin: 0 0 35px;
  }
  #edu_sup .welfareBlock .bottomBlock,
  .welfareBlocks .bottomBlock{
    flex-direction: column;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox,
  #edu_sup .welfareBlock .bottomBlock .rightBox,
  .welfareBlocks .bottomBlock .leftBox,
  .welfareBlocks .bottomBlock .rightBox{
    width: 100%;
    font-size: 1.5rem;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox{
    margin: 0 0 30px;
  }
  .welfareBlocks .bottomBlock .leftBox{
    margin: 0 0 0px;
  }
  #edu_sup .welfareBlock .bottomBlock .leftBox .textArea,
  #edu_sup .welfareBlock .bottomBlock .rightBox .textArea,
  .welfareBlocks .bottomBlock .leftBox .textArea,
  .welfareBlocks .bottomBlock .rightBox .textArea{
    padding: 0;
    text-align: left;
  }
  #edu_sup .redBlock .ttlBlock{
    background: #f4786d;
    padding: 20px 15px;
    margin: 0 0 30px 0;
  }
  #edu_sup .welfareBlock .innerArea,
  .welfareBlocks .innerArea{
    padding: 20px calc(66/828*100%) 40px;
  }
  #edu_sup .welfareBlock .detailBlock,
  .welfareBlocks .detailBlock{
    padding: 35px 20px;
  }
  #edu_sup .welfareBlock .topBlock .flexBox,
  .welfareBlocks .topBlock .flexBox{
    padding: 0 0 0;
  }
  #edu_sup .welfareBlock .topBlock .grayBox .ttlArea::after,
  .welfareBlocks .topBlock .grayBox .ttlArea::after{
    bottom: -15px;
  }
  #edu_sup .welfareBlock .topBlock .grayBox ul .row,
  .welfareBlocks .topBlock .grayBox ul .row{
    margin: -6px 0 0;
  }
  #edu_sup .welfareBlock .topBlock .grayBox ul li,
  .welfareBlocks .topBlock .grayBox ul li{
    margin: 0 0 25px;
    line-height:1.4;
  }
  #edu_sup .welfareBlock .topBlock .grayBox ul li::after,
  .welfareBlocks .topBlock .grayBox ul li::after{
    /*
    top: 5px;
    */
    top:19px;
  }
  #edu_sup .bottomBlock .ttlText{
    line-height: 1.6 !important; 
    font-size:1.8rem !important;
  }
  #edu_sup .pageTitleArea{
    margin: 0 0 50px;
  }
  #edu_sup .welfareBlock,
  .welfareBlocks{
    margin: 0 0 60px;
    padding: 24px 0 0px;
  }
  #edu_sup .ankerBtn a:hover{
    text-decoration: none;
    opacity: 1.0;
    transition: .3s;
  }
  #edu_sup #eduBlock .subTitle::before{
    width: 100%;
  }
  #edu_sup #eduBlock .narrow p, #edu_sup #supBlock .narrow p{
    padding: 0 0px;
  }
}





/* education */
.education {
}
.education .lead {
  margin: 0 0 60px;
  text-align: center;
}
.education .lead .title {
  margin: 0 0 20px;
  line-height: 1.76;
  font-size: 3rem;
  font-weight: bold;
  color:#4C4948;
}
.education .lead p {
  line-height: 1.76;
  font-size: 2.1rem;
  color:#4C4948;
}
.educationIntro {
  margin: 0 auto 60px;
  width: calc(760/1080*100%);
}
.educationIntro + .educationIntro {
  margin-bottom: 120px;
}
.educationIntro .label {
  margin: 0 0 60px;
  padding: 0 20px;
  border-radius: 19px;
  line-height: 39px;
  color: #fff;
  background-color: #f4786d;
  font-size: 1.3rem;
  font-weight: bold;
}
.educationIntro ul {
}
.educationIntro ul li {
  padding: 0 0 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.educationIntro ul li.halfbdr {
  margin-bottom: 60px;
  padding-bottom: 0;
}
.educationIntro ul li:not(.nobdr):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(65/760*100%);
  width: 6px;
  height: 100%;
  background-color: #f9ecea;
}
.educationIntro ul li:last-child {
  padding-bottom: 0;
}
.educationIntro ul li .icon {
  position: relative;
  width: calc(136/760*100%);
}
.educationIntro ul li .text {
  position: relative;
  padding: 0 0 0 calc(50/760*100%);
  width: calc(624/760*100%);
  box-sizing: border-box;
}
.educationIntro ul li .title {
  margin: 0 0 10px;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.educationIntro ul li p {
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.educationIntro ul li .term {
  margin-bottom: 60px;
  border-radius: 19px;
  padding: 0 20px;
  position: relative;
  width: 100%;
  line-height: 38px;
  background-color: #f9ecea;
  font-size: 1.3rem;
  font-weight: bold;
  color:#4C4948;
}
.educationSystem {
  margin: 0 auto;
  width: calc(760/1080*100%);
}
.educationSystem ul {
  display: flex;
  justify-content: space-between;
}
.educationSystem ul li {
  width: calc(135/760*100%);
  text-align: center;
}
.educationSystem ul li .icon {
  margin: 0 auto 10px;
  width: calc(109/135*100%);
}
.educationSystem ul li .title {
  margin: 0 0 10px;
  color: #ED6C00;
  font-size: 1.6rem;
  font-weight: bold;
}
.educationSystem ul li p {
  line-height: 1.38;
  font-size: 1.3rem;
  color:#4C4948;
}

@media screen and (max-width: 767px) {
  .flexBox .leftBox.wd55{
    order:2;
  }
  .flexBox .rightBox.wd45{
    order:1
  }
  .education {
  }
  .education .lead {
    margin-bottom: 30px;
  }
  .education .lead .title {
  }
  .education .lead p {
  }
  .educationIntro {
    margin: 0 auto 30px;
    width: auto;
  }
  .educationIntro + .educationIntro {
    margin-bottom: 60px;
  }
  .educationIntro .label {
    margin: 0 0 30px;
  }
  .educationIntro ul {
  }
  .educationIntro ul li {
    padding: 0 0 30px;
    align-items: flex-start;
  }
  .educationIntro ul li.halfbdr {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  .educationIntro ul li.halfbdr:before {
    height: 80px;
  }
  .educationIntro ul li:not(.nobdr):before {
    left: calc(72/688*100%);
  }
  .educationIntro ul li:last-child {
    padding-bottom: 0;
  }
  .educationIntro ul li:last-child:before {
    display: none;
  }
  .educationIntro ul li .icon {
    width: calc(160/688*100%);
  }
  .educationIntro ul li .text {
    padding: 0 0 0 calc(40/688*100%);
    width: calc(528/688*100%);
  }
  .educationIntro ul li .title {
  }
  .educationIntro ul li p {
  }
  .educationIntro ul li .term {
    margin-bottom: 30px;
  }
  .educationSystem {
    width: auto;
  }
  .educationSystem ul {
    margin: 0 auto -25px;
    flex-wrap: wrap;
    width: calc(660/828*100vw);
  }
  .educationSystem ul li {
    margin: 0 0 25px;
    width: 50%;
  }
  .educationSystem ul li .icon {
    width: calc(220/330*100%);
  }
  .educationSystem ul li .title {
  }
  .educationSystem ul li p {
    padding: 0 5px;
  }
}





/* =============================================================================
 Person Page Styles
============================================================================= */

/* person tag */
.personTags {
  margin: 0 auto 30px;
  max-width: 750px;
  text-align: center;
}
.personTags ul {
  font-size: 0;
}
.personTags ul li {
  margin: 0 10px 10px 0;
  display: inline-block;
}
.personTags ul li a,
.personTags ul li span {
  border-radius: 14px;
  padding: 0 15px;
  display: block;
  line-height: 27px;
  color: #fff;
  background-color: #ED6C00;
  border:1px solid #ED6C00;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  transition: all ease .3s;
  cursor: pointer;
  box-shadow:1px 1px 0px #D56100;
}
html:not(.iOS) .personTags ul li a:hover,
html:not(.iOS) .personTags ul li span:hover,
.personTags ul li a.current,
.personTags ul li span.current {
  background-color: #FFF;
  border:1px solid #ED6C00;
  color:#ED6C00;
}

@media screen and (max-width: 767px) {
  .personTags {
    margin: 0 calc(70/828*100vw) 10px;
  }
  .personTags ul {
  }
  .personTags ul li {
  }
}


/* index */
.personIndex {
  padding:50px 0 ;
  background-color: #f7f7f7;
}
.tagTab {
  margin: 0 auto;
  max-width: 1080px;
}
.tagCategory {
  margin: 0 0 0px;
}
.tagCategory ul {
  display: flex;
}
.tagCategory ul li {
  width: 33.3333%;
}
.tagCategory ul li a,
.tagCategory ul li span {
  padding: 0 0 20px;
  display: block;
  position: relative;
  color: #4C4948;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.tagCategory ul li a:before,
.tagCategory ul li span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
  transition: all ease .3s;
}
html:not(.iOS) .tagCategory ul li a:hover:before,
html:not(.iOS) .tagCategory ul li span:hover:before{
  background-color: #4C4948;
}
.tagCategory ul li a.current:before,
.tagCategory ul li span.current:before {
  background-color: #ED6C00;

}
.tagCategory ul li a.current:hover::before{
  background-color: #ED6C00 !important;
}

.tagSelector {
  margin: 0;
  display: none;
  max-width: inherit;
}


/*-----NEW-----*/

.rec_new_block_01{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width:1080px;
  margin:0 auto 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0px;
}
.rec_new_block_01 .rec_block_box{
  width:33.2%;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  position: relative;
  background:#f7f7f7;
}
.rec_new_block_01 .rec_block_box img{
  background:#000;
}
/*
.rec_new_block_01 .rec_block_box{
  border-right:1px solid #FFF;
}
*/
.rec_new_block_01 .rec_block_box a{
  width: 100%;
  height: 100%;
  transition: .5s ease;
}
.rec_new_block_01 .rec_block_box a:hover{
  opacity: 0.6;
  text-decoration:none;
}
.rec_new_block_01 .rec_block_box a div{
  padding:40px 0 0 0;
  margin: 0 30px 25px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #4C4948;
  position:relative;
  display:inline-block;
}
.rec_new_block_01 .rec_block_box a div:before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:-15px;
  width:0;
  height:2px;
  background-color:#ED6C00;
  -webkit-transition:width 0.2s ease;
  -moz-transition:width 0.2s ease;
  -o-transition:width 0.2s ease;
  transition:width 0.2s ease;
}
.rec_new_block_01 .rec_block_box a:hover div:before {
    width:100%;
}
.rec_new_block_01 .rec_block_box a p{
  padding: 0 30px 35px;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}
.white_area{
  background:#FFF;
  padding:40px 40px 30px 40px;
}
.flxB{
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
}
.flxB .lb{
  width:33%;
}
.flxB .rb{
  width:67%;
}
.flxB .rb{
  width:100%;
}
.flxB .rb ul{
  padding:0 0 0 0px;
}
.person_form{
    position: relative;
    margin-bottom: 0px;
}
.person_form .sbox2 {
    height: 45px;
    padding: 0 15% 0px 5%;
    position: absolute;
    left: 0;
    top: 0;
    outline: 0;
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
    width: 79%;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
}
.person_form input::placeholder {
  color:#9f9191;
}
/* IE */
.person_form input:-ms-input-placeholder {
  color:#9f9191;
}
/* Edge */
.person_form input::-ms-input-placeholder {
  color:#9f9191;
}
.person_form .sbtn2 {
    height: 18px;
    width:18px;
    position: absolute;
    right:15px;
    top: 15px;
    background: none;
    color: #666;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding:0 !important;
    margin:0 !important;
}
.person_form .sbtn2 img{
  vertical-align:top;
}
.s_btns{
  text-align:center;
}
.s_btns a span{
    border-radius: 22px;
    display: inline-block;
    line-height: 44px;
    color: #fff;
    background-color: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
    text-decoration: none;
    margin:auto;
    padding:0 40px;
    height: 44px;
}
.s_btns a:hover span{
  background-color: #b81d22;
}
@media screen and (max-width: 767px) {
.rec_new_block_01{
  display: block;
  max-width:1080px;
  padding-top: 60px;
  padding-bottom: 0px;
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
}
.rec_new_block_01 .rec_block_box{
  width:100%;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  position: relative;
  background:#f7f7f7;
}
.rec_new_block_01 .rec_block_box:nth-child(1),
.rec_new_block_01 .rec_block_box:nth-child(2){
  margin-bottom:20px;
}
.rec_new_block_01 .rec_block_box a div{
  padding:30px 0 0 0;
  margin: 0 30px 15px;
}
.rec_new_block_01 .rec_block_box a p {
    padding: 0 30px 30px;
}
.s_btns a span{
  border-radius: 28px;
    display: inline-block;
    width: 187px;
    line-height: 54px;
    color: #fff;
    background-color: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
    text-decoration: none;
    margin:0 auto 60px;
    padding:0 40px;
    height: auto;
}
}
@media screen and (max-width: 900px) {
  .person_form .sbox2 {
      height: 45px;
      padding: 0 20% 0px 5%;
      position: absolute;
      left: 0;
      top: 0;
      outline: 0;
      background: #f7f7f7;
      border: 1px solid #e0e0e0;
      width: 74%;
      font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      font-weight: bold;
  }
}
.gray_block{
  background:#f7f7f7;
  margin:60px auto 50px;
  padding:50px;
  max-width: 650px;
}
.gray_block ul{
  font-size:0;
}
.gray_block ul li {
    margin: 0 10px 10px 0;
    display: inline-block;
}
.gray_block ul li a{
    border-radius: 14px;
    padding: 0 15px;
    display: block;
    line-height: 27px;
    color: #fff;
    background-color: #000;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none;
    transition: all ease .3s;
    cursor: pointer;
}
.gray_block ul li a:hover{
  background:#666;
}
.person_under_ttl{
  text-align:center;
  margin:20px 0 50px 0;
  position:relative;
}
.person_under_ttl::after{
  border-radius: 4px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right:0;
  margin:auto;
  width: 50%;
  height: 2px;
  background-color: #f7f7f7;
  z-index:-10;
}
.person_under_ttl a{
  display:inline-block;
  color:#ED6C00;
  font-weight:bold;
  font-size:21px;
  background:#f7f7f7;
  padding:15px 45px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  transition:ease .3s;
}
.person_under_ttl a:hover{
  text-decoration:none;
  color:#FFF;
  background:#CCCCCC;
}
@media screen and (max-width: 1000px) {
  .person_under_ttl::after{
    width: 70%;
  }
}
/*-----NEW-----*/


@media screen and (max-width: 767px) {
  .person_under_ttl{
    text-align:center;
    margin:0 0 25px 0;
    position:relative;
  }
  .person_under_ttl::after{

    width: 100%;
  }
  .person_under_ttl a{
    font-size:15px;
    padding:12px 25px;
  }
  /*
  .person_under_ttl a:hover{
    text-decoration:none;
    color:#FFF;
    background:#CCCCCC;
  }
  */
  .gray_block{
    background:#f7f7f7;
    margin:0px 20px 100px 20px;
    padding:25px;
    max-width: 100%;
  }
  .person_form .sbox2 {
      padding: 0 10% 0px 5%;
      width: 84%;
  }
  .white_area{
    background:#FFF;
    padding:20px 20px 10px 20px;
  }
  .flxB{
    display : block;
  }
  .flxB .lb{
    width:100%;
    height:60px;
  }
  .flxB .rb{
    width:100%;
  }
  .flxB .rb ul{
    padding:0;
  }
  .personIndex {
  }
  .tagTab {
    margin: 0 0 25px;
  }
  .tagCategory {
    margin: 0 calc(64/828*100vw) 0px;
  }
  .tagCategory ul {
  }
  .tagCategory ul li {
  }
  .tagCategory ul li a,
  .tagCategory ul li span {
    font-size: 1.4rem;
  }
  .tagSelector {
    margin: 0 calc(64/828*100vw);
    max-width: inherit;
  }
}

@media screen and (max-width: 400px) {
  .person_form .sbox2 {
      padding: 0 16% 0px 5%;
      width: 78%;
  }
}
@media screen and (max-width: 600px) {
  .person_form .sbox2 {
      padding: 0 12% 0px 5%;
      width: 82%;
  }
}




@media screen and (min-width: 768px) {
  /*
  .indexList ul li.li1n,
  .indexList ul li.li2n {
    margin-right: calc(79/1046*100%) !important;
  }
  .indexList ul li.li3n {
    margin-right: 0 !important;
  }
  */
}

@media screen and (max-width: 767px) {
  .indexList {
    margin: 0 calc(88/828*100vw);
  }
  .indexList ul li {
    margin-bottom: 40px !important;
  }
}

/* アップ前に消す */
#wpadminbar {
  display: none;
}


/*-----NEW HEADER-----*/

.new_footer_link{
  margin:0px 0 0 0;
  margin-left: auto;
}
.new_footer_link a{
  display:inline-block;
  border:1px solid #FFF;
  color:#FFF;
  padding:12px 25px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  background:#4C4948;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.new_footer_link a span{
  background: url(../images/common/icon_othersite.png) center right no-repeat;
  background-size: 12px 10px;
  padding:0 20px 0 0px;
  display:inline-block;
}
.new_footer_link a:hover{
  background:#888585;
}
header{
  /*
  position:fixed;
  */
  position:relative;
  height: 90px;
  width:100%;
  z-index:11;
  background:#FFF;
}
header .pc_closes{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  margin:auto;
  display:block;
  z-index:1;
}

header .fbx{
  align-items: center;
  display: flex;
  height: 90px;
  position: relative;
}
header .inner {
  margin: auto;
  max-width: 100%;
  width:100%;
  padding:0 250px 0 20px;
  /* padding: 0 130px 0 20px; */
  /*
  position: relative;
  */
}

header .inner .head_seminar {
  position: absolute;
  right: 110px;
  top: 0px;
  display: inline-block;
  z-index: 12;
  background: #fff;
}

#topPage header .inner .head_seminar {
  background: #fff;
}
#topPage header .inner .head_seminar a {
  text-decoration: none;
}

#topPage.active header .inner .head_seminar {
  background: #fff;
}

#topPage header .inner .head_seminar span::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ededed;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}

header .inner .head_seminar.top a {
  background: #4C4948;
}

header .inner .head_seminar a {
  text-decoration: none;
}
header .inner .head_seminar span {
  position: relative;
  width: 110px;
  display: block;
  height: 65px;
  padding: 25px 0 0 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .3s;
  color: #ED6C00;
  text-decoration: none;
  transition: .3s;
  cursor: pointer;
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
}


header .inner .head_seminar span::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ededed;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}

header .inner .head_seminar span:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

#topPage header .inner .head_seminar span:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

#topPage header .inner .head_seminar span:hover {
  color: #ED6C00;
}




header .inner .head_entry{
  position: absolute;
  right:50px;
  top:0px;
  display:inline-block;
  z-index:12;
  background:#ED6C00;
}

#topPage header .inner .head_entry{
  background:#4C4948;
  background:#ED6C00;
}
#topPage.active header .inner .head_entry{
  background:#ED6C00;
}

#topPage header .inner .head_entry span::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #ededed;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}

header .inner .head_entry.top a{
  background:#4C4948;
}

header .inner .head_entry span{
  position: relative;
  width:110px;
  display:block;
  height:52px;
  color:#FFF;
  padding:38px 0 0 0;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  -webkit-transition: all .3s;
  transition: all .2s;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  cursor: pointer;
}
header .inner .head_entry span:hover{
  color: #fff;
  color: #ED6C00;
}


header .inner .head_entry span::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #333;
  background: #ededed;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
header .inner .head_entry span:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

#topPage header .inner .head_entry span:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

#topPage header .inner .head_entry span:hover {
    color: #ED6C00;
}

header .flexbox {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
 .logo-img{
  vertical-align:middle;
  height:50px;
  z-index:2;
 }
 .nav-global{
  z-index:2;
 }
  .logo-img a:hover{
    text-decoration:none !important;
  }
  .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_pc_new.webp) left top no-repeat;
    background-size: 210px 50px;
    width:210px;
    height:50px;
  }

   body.active .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_pc_new_on.webp) left top no-repeat;
    background-size: 210px 50px;
    width:210px;
    height:50px;
  }

.logo-img svg {
  max-width:254px;
  height:42px;
}

.pc_common_tw svg{
  max-width:12px;
  height:12px;
  fill:#FFF;
}
.pc_common_tw .st0{
  fill:#FFFFFF;
}

.nav-global ul {
  list-style :none;
}
 
.nav-global li {
  margin: 0 0 0 15px;
}
.nav-global li:first-child{
  margin:0;
}
.nav-global li a{
  font-weight:bold;
}
.nav-global li.pc_common_entry span a{
  color:#ED6C00;
}
.nav-global li.pc_common_entry span:hover a{
  color:#FFF;
}


/*

.nav-global li:last-child {
  margin-right: 0;
  display:none;
}
 */
.nav-global a {
  color: #fff;
  text-decoration: none;
  transition: .3s;
}

.nav-global a.blog_link_extra{
  color:#4C4948;
}

body.active a.blog_link_extra{
  color:#FFF;
}

header li.pc_common_tw a{
  width:31px;
  height:21px;
  background:#000;
  display:inline-block;
  border-radius: 62px;
  -webkit-border-radius: 62px;
  -moz-border-radius: 62px;
  text-align:center;
  padding:10px 0 0 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*
header li.pc_common_tw a:hover{
  background:#4C4948;
}

body.active header li.pc_common_tw a{
  background:#FFF;
}
body.active header li.pc_common_tw a:hover{
  background:#1d9dec;
}
  */
body.active header li.pc_common_tw .st0{
  fill:#5a5657;
}

.pc_common_insta a {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 62px;
  -webkit-border-radius: 62px;
  -moz-border-radius: 62px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pc_common_insta a:hover {
  opacity: 0.7;
  transition: all .3s;
}
.pc_common_insta{
  display: none;
}


header .pc_common_tw img{
  width:10px;
}

header li.pc_common_entry{

}
.new_entry_menu a span {
    color:#FFF !important;
  }

header li.pc_common_entry a{
  color:#ED6C00;
  font-size:1.3rem;
  line-height:1.5;
  padding:6px 20px;
  display:inline-block;
  font-weight:bold;
  border-radius: 62px;
  background:#FFF;
  cursor: pointer;
  -webkit-border-radius: 62px;
  -moz-border-radius: 62px;
  -webkit-transition: all .3s;
  transition: all .2s;
  box-shadow: 2px 3px 0px #ED6C00;
  border:1px solid #ED6C00;
}
body.active header li.pc_common_entry a{
    color:#ED6C00;
}

header li.pc_common_entry a:hover{
  background:#ED6C00;
  box-shadow: 0px 0px 0px #ED6C00;
  transform: translate3d(2px, 3px, 0);
  color:#FFF;
}
body.active header li.pc_common_entry a:hover{
  color:#FFF;
}

header:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top:90px;
    background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
body.active header:after{
  background-color: #4C4948;
  top:0px;
  z-index:-1;
  height:90px;
}
body.active .st0{fill:#FFF;}
body.active .st1{fill:#FFF;}
body.active .st3{fill:#FFF;}
body.active .st2{enable-background:new;}


body.active .elses {
    display:none;
} 

.nav-global li span{
  font-weight:bold;
  color:#4C4948;
  display:inline-block;
  position:relative;
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
.navs span{
    cursor: pointer;
}
.navs span.hv{
  position: relative;
  display: inline-block;
  transition: .3s;
}
.navs span.hv a.links{
  color:#4C4948;
}
body.active .navs span.hv a.links{
  color:#FFF;
}

.navs span.hv::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ED6C00;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.navs span.hv:hover::after {
  width: 50%;
}

li.active .navs span.hv::after {
  width: 50%;
}
.logo-img div{
  color: #4C4948;
  font-weight:bold;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1;
  align-items: center;
  height: 40px;
  padding:0 0 5px 20px;
}
body.active .logo-img div{
  color: #FFF;
}
body.active li span{
  color:#FFF;
}


.nav-global ul li {
  will-change: contents;
}
.nav-global ul li:last-child{
  margin:0;
}

div.menu-area {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  border: none;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0;
  background: #4C4948;
  z-index:10;
}
div.menu-area .menu-area-in{
  /*
  max-width:1400px;
  margin:0 auto 0;

  padding:0 0 90px 0;
  */
}


.menus_01{
    position:relative;
    max-width:1400px;
    margin:0 auto 0;
    display: flex;
    justify-content: space-between;
    padding:0 0 0px 0;
    z-index:2;
    max-height:349.25px;
}
.menus_01 a div em{
  font-style:normal;
  display:block;
  width:100%;
  position:absolute;
  background-color:rgba(0,0,0,0.6);
  color:#FFF;
  text-align:right;
  padding:25px 0px 25px 0;
  bottom:0;
  z-index:1;
  transition: .3s;
  font-weight:bold;
  font-size:1.2rem;
}
.menus_01 a:hover div em{
  background-color:rgba(0,0,0,1.0);
}
.menus_01 a div em span{
  position:relative;
  display:inline-block;
  padding:0 20px 0 0;
}

.menus_01 a div em span:before{
    content: "";
    background:#FFF;
    width:10px;
    height:1px;
    left:-20px;
    top:50%;
    position:absolute;
}
.menus_01 a{
  width:100%;
  position:relative;
  border-right:1px solid #4C4948;
  color:#FFF;
}
.menus_01 a:last-child{
  border-right:none;
}
.menus_01 a:nth-child(1){
  background:#ED6C00;
  text-align:center;
  /*
  padding:0% 0 1.5% 0;
  */
  padding:0 0 0 0;
  position:relative;
  display: inline-block;
}
.menus_01 a:nth-child(1)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: '';
  background: #ededed;
  transform-origin: left bottom;
  transform: scale(1, 0);
  transition: transform .3s;
}
.menus_01 a:nth-child(1):hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.menus_01 a:nth-child(1):hover div em{
  color:#ED6C00;
}
.menus_01 a:nth-child(1):hover div span{
  color:#ED6C00;
}
.menus_01 a:nth-child(1) div{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 2.8;
}
.menus_01 a:nth-child(1) div em{
  background-color: transparent;
  font-weight:bold;
  display:block;
  position:relative;
  text-align:center;
  padding:0;
  font-size:2.9rem;
}
.menus_01 a:nth-child(1) div span{
  display:block;
  font-size:1.5rem;
  position:relative;
  color:#FFF;
  width:100%;
  font-weight:bold;
}
.menus_01 a:nth-child(1) div em:after{
  margin-left: -1px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  left: 50%;
  width: 2px;
  height: 15px;
  background-color: #FFF;
}
.menus_01 a:nth-child(1):hover div em:after{
  background-color: #ED6C00;
}
a.extra_width{
  width:25%;
  max-width:349.25px;
}
.extra_head_menu{
  width:75%;
  height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 2.8;
    justify-content: space-between;
    flex-wrap: wrap;
    max-height: 349.25px;
    overflow: hidden;
}
.extra_head_menu02 {
  width: 75%;
  justify-content: center;
}
#type_a .menus_01 a:first-child {
  width: 25%;
}
/*
#type_a .menus_01 .extra_head_menu a:nth-child(1),
#type_a .menus_01 .extra_head_menu a:nth-child(3),
#type_a .menus_01 .extra_head_menu a:nth-child(4) {
  width: 50%;
}
*/
#type_a .menus_01 .extra_head_menu a:nth-child(1),
#type_a .menus_01 .extra_head_menu a:nth-child(2){
  width: 50%;
}


#type_c .menus_01 a:nth-child(1),
#type_d .menus_01 a:nth-child(1),
#type_f .menus_01 a:nth-child(1) {
  width:66.6%;
}
.extra_head_menu a{
  width : 50% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100 / 2) ;
  width : calc(100% / 2) ;
}
.extra_head_menu a:nth-child(3),
.extra_head_menu a:nth-child(4),
.extra_head_menu a:nth-child(5){
  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
}

.extra_head_menu a:nth-child(1){
  background: none;
  /*
    text-align:auto;
  */
    /* padding: 0% 0 1.5% 0; 
    padding:auto;
    */
    position: relative;
    /*
    display: auto;
    */
}
.extra_head_menu a:nth-child(2){
  border:none;
}
.extra_head_menu a:nth-child(3){
  border:none;
}
.extra_head_menu a:nth-child(4){
  border:none;
}
/*
.extra_head_menu a:nth-child(5){
  border:none;
}
 */
.extra_head_menu a{
  border:none;
}
.extra_head_menu a:nth-child(1) div em:after{
  content:none;
}
.extra_head_menu a:nth-child(1)::before{
  content:none;
}
.extra_head_menu a:nth-child(1) div span{
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 1.2rem;
     width:100%;
}
.extra_head_menu a div em span{
  width:100%;
  padding:0 20px 0 40px;
  line-height:1.5;
}
.extra_head_menu a:nth-child(1) div em{
font-style: normal;
    display: block;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    color: #FFF;
    text-align: right;
    padding: 25px 0px 25px 0;
    bottom: 0;
    z-index: 1;
    transition: .3s;
    font-weight: bold;
    font-size: 1.2rem;
}
.extra_head_menu a div em span:before{
  content:none;
}
.extra_head_menu a:nth-child(1) div em span:before{
  content: none;
}
.extra_head_menu a div em span.borders,
.extra_head_menu a:nth-child(1) div em span.borders{
    width:auto;
  position: relative;
    display: inline-block;
    padding: 0 0px 0 0;
}
.extra_head_menu a div em span.borders:before,
.extra_head_menu a:nth-child(1) div em span.borders:before{
content: "";
    background: #FFF;
    width: 10px;
    height: 1px;
    left: -20px;
    top: 50%;
    position: absolute;
}






.extra_head_menu a:nth-child(1) div em,
.extra_head_menu a div em{
  /*
  width:50%;
  */
  width:100%;
  right:0;
  /*
  height:100%;
  */
  padding:10px 0;
  display: flex;
  align-items: center;
  /*
  justify-content: center;
  */
}
.menus_01 .extra_head_menu a:nth-child(1) div{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 2.8;
    
}
.menus_01 .extra_head_menu a:nth-child(1) div.pss,
.menus_01 .extra_head_menu a div.pss{
  border-right: 1px solid #4C4948;
}
.menus_01 .extra_head_menu a:nth-child(2) div.pss,
.menus_01 .extra_head_menu a:nth-child(5) div.pss{
  border:none;
}


.extra_head_menu .imgWrap {
  display: block;
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
.extra_head_menu a:hover .imgWrap img {
  transform: scale(1.1);  /*画像の拡大率*/
  transition-duration: 0.3s;  /*変化に掛かる時間*/
  opacity: 0.5;
}


.imgWrap {
  overflow: hidden; /*拡大時にはみ出た部分を隠す*/
  width: 100%;
  background:#FFF;

}
.imgWrap img {
  display: block;
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
.menus_01 a:hover .imgWrap img {
  transform: scale(1.1);  /*画像の拡大率*/
  transition-duration: 0.3s;  /*変化に掛かる時間*/
  opacity: 0.5;
}

/*
.menus_01 a:nth-child(1) div span:before{
    content: "MISSION";
    font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
    color:#FFF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
    position:absolute;
    font-size:3.2rem;
    line-height:0;
}
.menus_01 a:nth-child(1) div span:after{
  margin-left: -1px;
    content: "";
    display: block;
    position: absolute;
    top: -32%;
    left: 50%;
    width: 2px;
    height: 15px;
    background-color: #FFF;
}
*/

.pc_close_txt{
/**/
/*
  text-align:right;
  */
  padding:40px 0 52px 0;
   color:#FFF;

  max-width:1400px;
margin:0 auto 0;
position: relative;
  /*
  bottom:0px;
  left:0;
  right:0;
  margin:auto;
  display:inline-block;
  */
}
.pc_close_txt span{
  position:absolute;
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size:1.3rem;
  font-weight:bold;
  color:#FFF;
  display:inline-block;
  transition: ease .3s;
  cursor: pointer;
  z-index:3;
  /*
  width:50px;
  */
  right:0;
}
.pc_close_txt span:hover{
  color:#ED6C00;
}
.pc_close_txt span:before{
    content: "×";
    color:#FFF;
    font-weight:normal;
    font-size:2rem;
    left:-20px;
    top:-3px;
    position:absolute;
  transition: ease .2s;
}
.pc_close_txt span:hover:before{
  color:#ED6C00;
}


.pc_close{
  /*
  text-align:right;
  padding:40px 0;
*/
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  margin:auto;
  display:block;
  z-index:1;
}
.pc_close{
  /*
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-size:1.3rem;
  font-weight:bold;
  color:#FFF;
  position:relative;
  display:inline-block;
  transition: ease .3s;
    cursor: pointer;
    */
}
.pc_close span:hover{
  /*
  color:#ED6C00;
  */
}
.pc_close span:before{
  /*
    content: "×";
    color:#FFF;
    font-weight:normal;
    font-size:2rem;
    left:-20px;
    top:-3px;
    position:absolute;
  transition: ease .2s;
  */
}
.pc_close span:hover:before{
  /*
  color:#ED6C00;
*/
}

@media screen and (max-width: 1420px) {
  /*
    .pc_close {
      text-align: right;
      padding: 40px 20px 40px 0;
  }
  */
}
@media screen and (max-width: 1210px) {
  .menus_01 a:nth-child(1) div em{
    font-size:1.8vw;
  }
  .menus_01 a:nth-child(1) div em:after {
      bottom: -3%;
      height: 12px;
  }
  header li.pc_common_entry a {
      padding: 6px 12px;
      font-size: 1rem;
  }
} 

@media screen and (max-width: 1350px) {
  header .inner{
    /* padding:0 230px 0 10px; */

  }
  .logo-img {
    height: 33px;
  }
.logo-img a {
  display: inline-block;
  background: url(../images/common/logo_pc_new.webp) left top no-repeat;
  background-size: 160px 33px;
  width: 160px;
  height: 33px;
}
body.active .logo-img a {
  display: inline-block;
  background: url(../images/common/logo_pc_new_on.webp) left top no-repeat;
  background-size: 160px 33px;
  width: 160px;
  height: 33px;
}
  .nav-global li {
    margin: 0 0 0 8px;
  }
.navs span.hv {
    font-size: 0.9vw;
}
}


@media screen and (max-width: 1565px) {
  .logo-img div{
    display:none;
  }
}

@media screen and (max-width: 1500px) {
  .nav-global li {
    margin: 0 0 0 15px;
  }
}


@media screen and (max-width: 1430px) {
  .nav-global li {
    margin: 0 0 0 9.5px;
  }
}

@media screen and (max-width: 1430px) {
  .nav-global li {
    margin: 0 0 0 15px;
  }
}
@media screen and (max-width: 1310px) {
  .nav-global li {
    margin: 0 0 0 10px;
  }
}



@media screen and (max-width: 1090px) {
/* header li.pc_common_tw a,
header li.pc_common_insta a {
    display: none;
} */
header .inner .head_entry span {
    position: relative;
    width: 80px;
    display: block;
    height: 52px;
    color: #FFF;
    padding: 38px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .2s;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}
header .inner {
    padding: 0 175px 0 10px;
    /* padding: 0 90px 0 10px; */
    /* position: relative; */
}
.logo-img a {
    display: inline-block;
    background: url(../images/common/logo_pc_new.webp) left top no-repeat;
    background-size: 160px 33px;
    width: 160px;
    height: 33px;
}
body.active .logo-img a {
  display: inline-block;
  background: url(../images/common/logo_pc_new_on.webp) left top no-repeat;
  background-size: 160px 33px;
  width: 160px;
  height: 33px;
}
.logo-img {
    height: 33px;
}
  .logo-img div{
    display:none;
    color:transparent;
  }
.navs span.hv {
    font-size: 0.9vw;
}
  .nav-global li {
    margin: 0 0 0 10px;
  }

  header .inner .head_seminar {
    right: 80px;
  }
  header .inner .head_seminar span {
    width: 80px;
    display: block;
    height: 63px;
    padding: 27px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    transition: .3s;
  }
}


/*
@media screen and (max-width: 1126px) {
  header .inner .head_seminar span {
    width: 80px;
    display: block;
    height: 63px;
    padding: 27px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    transition: .3s;
  }
  header .inner{
    padding: 0 210px 0 20px;
  }
}
*/

@media screen and (max-width: 1000px) {
  /*
.navs span.hv {
    font-size: 1.2vw;
}
*/



.menus_01 a div em{
  padding:15px 0px 15px 0;
  font-size:1.2vw;
}
.extra_head_menu a:nth-child(1) div em, .extra_head_menu a div em{
    padding: 5px 0;
}
.menus_01 a:hover div em{

}
.menus_01 a div em span{
  padding:0 10px 0 0;
}
.extra_head_menu a:nth-child(1) div span {
    padding:0 10px 0 0;
}
.menus_01 a div em span:before{

}
.menus_01 a{

}
.menus_01 a:last-child{

}
.menus_01 a:nth-child(1){
  padding:0% 0 1.5% 0;
}

.extra_head_menu a:nth-child(1) {
    padding: 0% 0 0% 0;
}

.menus_01 a:nth-child(1)::before {

}
.menus_01 a:nth-child(1):hover::before {
}
.menus_01 a:nth-child(1) div{
  line-height: 2.8;
}
.menus_01 a:nth-child(1) div em{
  font-size:1.8vw;
}
.extra_head_menu a:nth-child(1) div em{
  font-size: 1.2vw;
}

.menus_01 a:nth-child(1) div span{
  font-size:1.3vw;
}
.extra_head_menu a:nth-child(1) div span{
  font-size:1.2vw;
}
.menus_01 a:nth-child(1) div em:after {
    bottom: -3%;
    height: 10px;
}
  .nav-global li {
    margin: 0 0 0 8px;
  }
  /*
    .pc_close {
      text-align: right;
      padding: 40px 10px 40px 0;
  }
  */
}





@media screen and (max-width: 952px) {
 .logo-img{
  vertical-align:middle;
  height:33px;
 }
  .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_pc_new.webp) left top no-repeat;
    background-size: 150px 31px;
    width:150px;
    height:31px;
  }

   body.active .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_pc_new_on.webp) left top no-repeat;
    background-size: 150px 31px;
    width:150px;
    height:31px;
  }
  /*
  #main-menu li:nth-child(1) , #main-menu li:nth-child(2) ,#main-menu li:nth-child(3) ,#main-menu li:nth-child(4) {
    display:none;
  }
  */
  /*
  .logo-img svg {
      width:80%;
      max-width: 254px;
      height: 42px;
  }
  */
  /*
  .menu-area{
    display:none;
  }
  */

header{
  position:fixed;
  height: 75px;
  width:100%;
  z-index:11;
  background:#FFF;
}

header .fbx{
  align-items: center;
  display: flex;
  height: 75px;
  position: relative;
}
header .inner .head_entry span{
position: relative;
    width: 70px;
    display: block;
    height: 44px;
    color: #FFF;
    padding: 31px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .2s;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}
#mainArea {
    padding-top: 75px;
    /*
    padding-bottom: 65px;
  */
  padding-bottom: 0px;
  }

/*
  header {
      height: 75px;
  }
*/
  header .inner {
      padding: 0 85px 0 10px;
      /* position: relative; */
  }
header li.pc_common_tw a,
header li.pc_common_insta a{
  display:none;
}
  .logo-img svg {
      width: 100%;
      max-width: 204px;
      height: 25px;
  }
  .logo-img {
      vertical-align: middle;
      height: 25px;
  }
  .nav-global li {
    margin: 0 7px;
  }
  .navs span.hv{
    font-size:1.4vw;
  }
  .nav-global li {
    margin: 0 0 0 3px;
  }
  div.menu-area{
    top:75px;
  }

  .sp_snsarea {
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    border-top: 1px solid #857f7f;
    margin: 0 auto;
  }
  .sp_snsarea .sp_common_tw {
    padding-right: 12px;
    width: 40px;
  }
  .sp_snsarea .sp_common_tw svg {
    width: 60%;
    height: 35px;
  }
  .sp_snsarea .sp_common_insta {
    width: 33px;
    padding-right: 20px;
    margin:0;
  }
  .sp_snsarea .sp_common_youtube {
    width: 40px;
  }
}

@media screen and (max-width: 850px) {
  .navs span.hv{
    font-size:1.4vw;
  }
  .nav-global li {
    margin: 0 0 0 3px;
  }
  .navs span.hv::after{
    bottom:-15px;
  }
    header li.pc_common_entry a{
      line-height: 1.5;
      padding: 6px 12px;
      font-size: 1.1rem;
  }
}

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


header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 60px;
    top: 0px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index:-10;
}
body.active header:after {
    background-color: #4C4948;
    top: 0px;
    z-index: -1;
}
  ul.entryBanners {
    margin: 0 auto;
    padding: 15px 0 30px 0;
    /*
    width: calc(532/828*100vw);
    */
    width:100%;
    text-align:center;
  }
  ul.entryBanners li:first-child {
    /*
    margin-bottom: 30px;
    */
  }
  ul.entryBanners li .logo {
    margin: 15px auto 10px;
    width: 150px;
  }
  ul.entryBanners li .linkSite {

  }
  ul.entryBanners li .linkSite a {
    margin: 0 auto 10px;
    padding-left: 0px;
    border-radius: 19px;
    display: block;
    width: 200px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    box-sizing: border-box;
    text-align:center;
  }
    .new_entry_menu a span {
    color:#FFF !important;
  }
  /*
  .new_entry_menu {
      margin: 15px auto 0;
      padding: 8px 0px 0 0;
      border-radius: 40px;
      display: block;
      width: 200px;
      height: 53px;
      line-height: 18px;
      color: #fff;
      background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
      background-size: 12px 10px;
      font-size: 1.15rem;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      box-sizing: border-box;
  }
  */
  ul.entryBanners li .linkSite.mynv a{
    background-color: #00baef;
  }
    .recruitPopup .popupClose {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 18px;
      height: 18px;
      cursor: pointer;
  }
    .recruitPopup ul li .logo.popmenu_pcxs {
      margin-top: 60px;
  }
  ul.entryBanners li .logo.popmenu_ex{
    margin:35px auto 10px;
  }
  .popmenu_pcxs{
    position:relative;
  }
  .popmenu_pcxs::before{
    content: "";
    width:200px;
    background:#e6e6e6;
    right:0;
    left:-25px;
    top:-30px;
    height:1px;
    position:absolute;
  }
  .recruitPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    max-width: 935px;
    height: auto;
    background-color: #fff;
    /*
    z-index: 200;
    */
    z-index:99999999999999999999999999;
    transform: translate(-50% , -50%) scale(.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s,transform ease .3s;
padding:  20px 0 0px 0;
}
  .popupOpen .recruitPopup {
    transform: translate(-50% , -50%) scale(1);
    visibility: visible;
    opacity: 1;
    padding:40px 0;
  }
  .recruitPopup .popupClose {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    cursor: pointer;
  }
  .recruitPopup .popupClose:before,
  .recruitPopup .popupClose:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 3px;
    height: 30px;
    background-color: #000;
  }
  .recruitPopup .popupClose:before {
    transform: rotate(45deg);
  }
  .recruitPopup .popupClose:after {
    transform: rotate(-45deg);
  }
  .recruitPopup ul {
    /*
    padding: 30px;
    .recruitPopup ul
    /*
    display: flex;
  */
  display:block;
  }
  .entryBanners .logobg {
    background: url(../images/common/logo_bg.png) left center no-repeat !important;
    background-size: 50px 30px !important;
    display: inline-block !important;
    padding: 0px 0 0 60px !important;
}
.entryBanners .logobg{
  margin:20px 0 0 0;
}
.entryBanners .logobg_line{
  margin:30px auto 0;
}
.entryBanners .logobg_line a{
  margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 180px !important;
    height: 50px;
    line-height: 21px;
    color: #4C4948 !important;
    background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat !important;
    background-size: 12px 10px !important;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px !important;
    transition: opacity ease .3s;
}
.entryBanners .logobg_line{
background: url(../images/common/logo_bg_line.png) left center no-repeat;
    background-size: 40px 40px;
    padding:0 0 0 60px;
}
.entryBanners .logobg a{
  margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 180px !important;
    height: 68px;
    line-height: 21px;
    color: #fff !important;
    background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat !important;
    background-size: 12px 10px !important;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px !important;
    transition: opacity ease .3s;
}

  .recruitPopup ul li {
    padding: 0px 0;
    width: 100%;
    text-align: center;
  }
  .recruitPopup ul li:first-child {
    /*x
    border-right: 1px #e6e6e6 solid;
  */
  }
  .recruitPopup ul li .logo {
    margin: 0 auto 15px;
    max-width: 200px;
  }
  .recruitPopup ul li .linkSite {
  }


header{
  position:fixed;
  height: 60px;
  width:100%;
  z-index:99999;
  background:#FFF;
}

header {
  /*
  align-items: center;
  display: flex;
  height: 90px;
  position:relative;*/
}
header .fbx{
      align-items: center;
      display: flex;
      height: 60px;
      position: relative;
}
#mainArea {
    padding-top: 60px;
}
  #topPage header .inner .head_entry {
      background: #ED6C00;
  }
    #topPage #mainArea {
      padding-top: 60px;
  }
/*
  header {
      align-items: center;
      display: flex;
      height: 60px;
      position: relative;
  }
  */
  .logo-img svg {
      width: 100%;
      max-width: 150px;
      height: 25px;
  }
  .logo-img {
      height: 25px;
  }
  div.menu-area {
      top: 60px;
  }
  .nav-global li.pc_common_tw {
    margin: 0 0px;
  }
  li.pc_common_entry{
    margin:0 21px 0 10px;
  }
  header li.pc_common_entry a{
    /*
      color: #FFF;
    */
      font-size: 1.1rem;
      line-height: 1.5;
      padding: 6px 11px;
      display: inline-block;
      font-weight: bold;
  }
  #main-menu li.dis{
    display:none;
  }
  header li.pc_common_tw a {
      width: 31px;
      height: 21px;
      padding: 10px 0 0 0;
  }
  /*
  .nav-global li:last-child {
    display:block;
  }
  */
  .sp_menu dl{
    padding:0 20px 0px 20px;
  }
  .sp_menu dt{
    /*
    width:100%;
    */
    border-top:1px solid #857f7f;
    padding:25px 20px 25px 20px;
  }
  /*
  .sp_menu dt:first-of-type{
    border-top:none;
  }
    */
/*
  .sp_menu dt#acc06{
    border-top:1px solid #857f7f;
    width:100%;
    padding:0px 0 0 0px;
  }
  .sp_menu dt#acc06 em{
    padding:0 0 0 0px;
  }
  .sp_menu dt#acc06 a{
    padding:25px 0px 25px 0px;
    display:inline-block;
    width:100%;
  }
  .sp_menu dt#acc06 a span{
    padding:0 20px;
  }
  */
  .sp_menu dt em{
    font-style:normal;
    font-size:1.5rem;
    font-weight:bold;
  }
  .acc01_dd , .acc02_dd , .acc03_dd , .acc04_dd , .acc05_dd, .acc06_dd {
    display:none;
  }
  .acc_block ul li:nth-child(1) a{
    font-weight:bold;
  }
  .acc_block ul{
    padding:0 0 20px 0;
  }
  .acc_block ul li{
    padding:12px 30px 12px 30px;
  }

  .acc_block li a{
    display:inline-block;
    position:relative;
    padding:0 0 0 20px;
  font-weight:normal;
  width:100%;
  }
  .acc_block li a:before{
    content: "";
    display: block;
    position:absolute;
    height:2px;
    background-color:#ED6C00;
    width:10px;
    left:0;
    top:48%;
  }
  .bdtp{
    margin:0 20px;
    padding:30px 0 ;
    border-top:1px solid #857f7f;
  }
  .bdtp li a{
    padding:10px 0 10px 10px;
    display:block;
  }
  .nav-global .bdtp li{
    margin:0 0 0 7px;
  }
  .nav-global .bdtp li:last-child{
    margin:0 0 0 7px;
  }
  dt#acc01 em,
  dt#acc02 em,
  dt#acc03 em,
  dt#acc04 em,
  dt#acc05 em,
  dt#acc06 em{
    background: url(../images/common/acc01.png) right center no-repeat;
    background-size: 13px 13px;
    display:block;
  }
  /*
  dt#acc06 em{
    background: url(../images/common/acc03.png) right 20px center no-repeat;
    background-size: 13px 13px;
    display:block;
  }
  */
  dt#acc01.open em,
  dt#acc02.open em,
  dt#acc03.open em,
  dt#acc04.open em,
  dt#acc05.open em,
  dt#acc06.open em{
    background: url(../images/common/acc02.png) right center no-repeat;
    background-size: 13px 13px;
  }
}

@media screen and (max-width: 400px) {
  header .inner {
      padding: 0 0 0 10px;
  }
    .sp_btn {
      right: 15px;
  }
  li.pc_common_entry{
    margin:0 21px 0 0px;
  }
}

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


  header .inner {
      margin: auto;
      max-width: 100%;
      width: 100%;
      padding: 0 0 0 10px;
  }
  .sp_btn {
      right: 15px;
      top: 18px;
  }
  li.pc_common_entry {
      margin: 0 0px 0 0px;
  }
  header li.pc_common_tw a,
  header li.pc_common_insta a{
    display:none;
  }
  header li.pc_common_entry a {
    font-size: 1rem;
    line-height: 1.5;
    padding: 6px 10px;
  }

}
@media screen and (max-width: 340px) {
  header li.pc_common_entry a {
    padding: 6px 8px;
  }
}

/*-----NEW HEADER-----*/







/* person header */
.personHeader {
  margin: 0 0 85px;
  padding: 0 40px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 537px;
  overflow: hidden;
  background-color: #a8a8a8;
  box-sizing: border-box;
  z-index:0;
}
.personHeader .personData {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 750px;
}
.personHeader .category {
  margin: 0 0 25px;
  padding: 10px 18px;
  display: inline-block;
  color: #fff;
  background-color: #4C4948;
  font-size: 1.3rem;
}
.personHeader .personTitle {
  margin: 0 0 30px;
  line-height: 1.69;
  color: #fff;
  font-size: 3.4rem;
  font-weight: bold;
}
.personHeader .year {
  margin: 0 0 20px;
  color: #FFF;
  font-size: 1.6rem;
}
.personHeader .name {
  color: #fff;
  font-size: 2.3rem;
  font-weight: bold;
}
.personHeader .name .en {
  margin-left: 20px;
  color: #FFF;
  font-size: 1.6rem;
}
.personHeader .personData {
}
.personHeader .photo {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
}
.personHeader .photo img {
  width: auto;
  max-width: inherit;
  height: 100%;
}

@media screen and (max-width: 952px) {
  header .inner {
      padding: 0 145px 0 10px;
      /* padding: 0 90px 0 10px; */
      /* position: relative; */
  }
  header .inner .head_entry span {
    /*
      position: relative;
      width: 60px;
      display: block;
      height: 35px;
      color: #FFF;
      padding: 25px 0 0 0;
      font-size: 1.0rem;
      font-weight: bold;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .2s;
      color: #FFF;
      text-align: center;
      text-decoration: none;
      transition: .3s;
      */
    position: relative;
    width: 60px;
    display: block;
    height: 35px;
    color: #FFF;
    padding: 25px 0 0 0;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .2s;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    transition: .3s;
  }
  header .inner .head_seminar {
    right: 109px;
  }
  header .inner .head_seminar span {
    position: relative;
    width: 58px;
    display: block;
    height: 52px;
    padding: 8px 0 0 0;
    font-size: 1.0rem;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    transition: .3s;
  }
header li.pc_common_tw a,
header li.pc_common_insta a{
  display:none;
}
 .logo-img{
  vertical-align:middle;
  height:27px;
  display:flex;
  align-items: center;
 }
  .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_sp_new_2.webp) left top no-repeat;
    background-size: 112.6px;
    width:112.6px;
    height:19.4px;
  }

   body.active .logo-img a{
    display:inline-block;
    background:url(../images/common/logo_sp_new_2.webp) left top no-repeat;
    background-size: 150px 31px;
    width:150px;
    height:31px;
  }

  .personHeader {
    margin: 0 0 40px;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    height:48vw;
  }
  .personHeader .personData {
    /*
    margin-top: calc(100/828*100vw);
    margin-top: calc(40/828*100vw);
    */
    margin:0;
    padding: 0 calc(92/828*100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .personHeader .category {
    margin: 0 0 25px;
    padding: 10px 18px;
    font-size: 1.3rem;
  }
  .personHeader .personTitle {
    margin: 0 0 20px;
    /*
    font-size: calc(56/828*100vw);
    */
  }
  .personHeader .personTitle br {
    display: none;
  }
  .personHeader .year {
    margin: 0 0 15px;
    font-size: 1.4rem;
  }
  .personHeader .name {
    font-size: 2.1rem;
  }
  .personHeader .name .en {
    margin: 15px 0 0;
    display: block;
    font-size: 1.4rem;
  }
  .personHeader .personData {
    padding: 0px 30% 0 40px;
  }
  .personHeader .photo {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    transform: translateX(0);
  }
  .personHeader .photo img {
    width: 100%;
    height: auto;
  }
  .personHeader .personTitle {
    font-size:3.5vw;
  }
  .personHeader .category {
    margin: 0 0 10px;
  }
  .personHeader {
    display:flex;
  }
  .personHeader .photo{
    margin:0 -100px 0 0;
  }
  .personHeader .photo img{
    margin:0 0 0 70px;
  }
  .personHeader .personData{
    max-width:100%;
  }
  .personHeader .photo img {
    width: auto;
    max-width: inherit;
    height: 100%;
  }
  .personHeader .photo {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px){
  /*
  header .flexbox{
    width: 110px;
  }
    */
  .personHeader .photo img {
    width: 100%;
    height: auto;
}
  .personHeader {
    display:block;
}
  .personHeader .photo {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    transform: translateX(0);
}
  .personHeader .photo img{
    margin:0;
  }
  .personHeader .photo{
    margin:0;
  }
  .personHeader {
    height:auto;
  }
  .personHeader .category {
    margin: 0 0 20px;
  }
  .personHeader .personTitle {
    /*
    font-size: 2.73rem;
    line-height:1.6;
    */
    font-size:7vw;
    line-height:1.6;
  }
  .personHeader .personData {
    margin-top: calc(100/828*100vw);
    padding: 0 calc(92/828*100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
  }
}



@media screen and (max-width: 767px) {
  .personHeader .personTitle br.only-sp-extra{
    display: block;
  }
  
  .logo-img a {
    background-size: 80px 30px;
    width: 80px;
    height: 30px;
  }
}


@media screen and (max-width: 380px) {
  header .inner {
    padding: 0 140px 0 10px;
  }

}
@media screen and (max-width: 340px) {
  header .inner .head_seminar span {
    width: 50px;
  }
  header .inner .head_seminar {
    right: 50px;
  }
  header .inner .head_entry span {
    width: 50px;
  }
  header .flexbox{
    width:100%;
  }
  header .inner {
    padding: 0 133px 0 10px;
  }
  .logo-img a {
    background-size: 80px;
    width: 27px;
  }
}

/* person assignment */
.personAssignment {
  margin: 0 auto 60px;
  padding: 0 40px;
  max-width: 750px;
}
.personAssignment dl {
  display: flex;
  font-size: 1.3rem;
  color:#4C4948;
}
.personAssignment dl dt {
  padding: 8px 20px 10px 0;
  border-right: 1px #e0e0e0 solid;
  border-bottom: 1px #e0e0e0 solid;
  font-weight: bold;
}
.personAssignment dl dd {
  padding: 8px 0 10px 20px;
  border-bottom: 1px #e0e0e0 solid;
}

@media screen and (max-width: 767px) {
  .personAssignment {
    margin: 0 auto 40px;
    padding: 0 calc(66/828*100%);
    max-width: inherit;
  }
  .personAssignment dl {
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .personAssignment dl dt {
    padding-right: 10px;
    white-space: nowrap;
  }
  .personAssignment dl dd {
    padding-left: 10px;
  }
}


/* person interview */
.interviewLead {
  margin: 0 auto 60px;
  padding: 0 40px;
  max-width: 750px;
}
.interviewLead p {
  padding-left: 100px;
  line-height: 1.76;
  background: url(../images/person/icon_comments.png) 0 0 no-repeat;
  background-size: 55px 53px;
  font-size: 2.1rem;
  color:#4C4948;
}
.interviewArticle {
  margin: 0 auto 60px;
  padding: 0 40px;
  max-width: 750px;
}
.interviewArticle > *:last-child {
  margin-bottom: 0;
}
.interviewArticle .title {
  margin: 0 0 25px;
  width: 100%;
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
}
.interviewArticle .text {
  margin: 0 0 25px;
}
.interviewArticle .text p {
  margin: 0 0 1em;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.interviewArticle .text p:last-child {
  margin-bottom: 0;
}
.interviewArticle .photo {
  margin: 0 0 25px;
}
.interviewArticle .photo img {
  width: 100%;
}
.interviewArticle.forStudents {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.interviewArticle.forStudents .text {
  width: 52%;
}
.interviewArticle.forStudents .photo {
  width: 43%;
}

@media screen and (max-width: 767px) {
  .interviewLead {
    margin: 0 auto 40px;
    padding: 0 calc(66/828*100%);
    max-width: inherit;
  }
  .interviewLead p {
    padding-left: 0;
    overflow: hidden;
    background: none;
  }
  .interviewLead p:before {
    margin-top: 10px;
    margin-right: 20px;
    content: "";
    display: block;
    float: left;
    width: 55px;
    height: 53px;
    background: url(../images/person/icon_comments.png) 0 0 no-repeat;
    background-size: 55px 53px;
  }
  .interviewArticle {
    margin: 0 auto 40px;
    padding: 0 calc(66/828*100%);
    max-width: inherit;
  }
  .interviewArticle .title {
    margin: 0 0 15px;
  }
  .interviewArticle .title br {
    display: none;
  }
  .interviewArticle .text {
    margin: 0 0 15px;
  }
  .interviewArticle .text p {
  }
  .interviewArticle .photo {
    margin: 0 calc(-66/828*100vw) 15px;
  }
  .interviewArticle.forStudents {
    margin-bottom: 65px;
  }
  .interviewArticle.forStudents .text {
    margin: 0 0 15px;
    width: 100%;
  }
  .interviewArticle.forStudents .photo {
    margin: 0;
    width: 100%;
  }
}





/* coverage day */
.coverageDay {
  margin: 0px auto 135px;
  padding: 0 40px;
  max-width: 750px;
  color: #b2b2b2;
}
.coverageDay span {
  margin-left: 5px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .coverageDay {
    margin: -45px auto 65px;
    padding: 0 calc(66/828*100%);
    max-width: inherit;
  }
}





/* person list */
.anotherArticle {
  padding: 85px 40px;
  overflow: hidden;
}
.anotherArticle .largeTitle {
  margin: 0 0 40px;
}

@media screen and (max-width: 767px) {
  .anotherArticle {
    padding: 65px calc(88/828*100vw);
  }
}





/* person animation */
.interviewLead,
.carriaPass,
.interviewArticle>* {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all ease .6s;
}
.interviewLead.animated,
.carriaPass.animated,
.interviewArticle>*.animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  color:#4C4948;
}












/* =============================================================================
 Number Page Styles
============================================================================= */

.showNumber {
  padding: 85px 40px 120px;
  background-color: #ED6C00;
}
.gray2{
  background:#FFF;
}
.numberContent ul {
  margin: 0 auto;
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
}
.numberContent ul li {
  padding: 60px;
  border-bottom: 1px #e2e2e2 solid;
  width: 50%;
  box-sizing: border-box;
}
.numberContent ul li:nth-child(1),
.numberContent ul li:nth-child(4),
.numberContent ul li:nth-child(6),
.numberContent ul li:nth-child(8),
.numberContent ul li:nth-child(13){
  border-right: 1px #e2e2e2 solid;
}

.numberContent ul li:nth-child(3),

.numberContent ul li:nth-child(10),
.numberContent ul li:nth-child(11),
.numberContent ul li:nth-child(12),
.numberContent ul li:nth-child(15),
.numberContent ul li:nth-child(16){
  width: 100%;
}
.numberContent ul li img {
  width: 100%;
}
.numberContent ul li:nth-child(1),
.numberContent ul li:nth-child(3),
.numberContent ul li:nth-child(4),
.numberContent ul li:nth-child(5),
.numberContent ul li:nth-child(6),
.numberContent ul li:nth-child(7),
.numberContent ul li:nth-child(8),
.numberContent ul li:nth-child(10),
.numberContent ul li:nth-child(11){
  padding: 59px;
}
/*
.numberContent ul li:nth-child(10),
.numberContent ul li:nth-child(11) {
  padding: 0 30px;
}
*/
.numberContent ul li:nth-child(16){
  border-bottom:none;
}


@media screen and (max-width: 767px) {
  .numberContent ul li:nth-child(1),
  .numberContent ul li:nth-child(2),
  .numberContent ul li:nth-child(3),
  .numberContent ul li:nth-child(4),
.numberContent ul li:nth-child(5),
.numberContent ul li:nth-child(6),
.numberContent ul li:nth-child(7),
.numberContent ul li:nth-child(8),
.numberContent ul li:nth-child(9),
.numberContent ul li:nth-child(10),
.numberContent ul li:nth-child(11),
.numberContent ul li:nth-child(13),
.numberContent ul li:nth-child(14),
.numberContent ul li:nth-child(15),
.numberContent ul li:nth-child(16),
.numberContent ul li:nth-child(17){
  padding: 45px 0;
}
  .numberContent ul li:nth-child(1){
    padding: 45px 0;
  }
  .showNumber {
    padding: 15px calc(66/828*100%);
  }
  .numberContent ul {
    display: block;
  }
  .numberContent ul li {
    padding: 45px 0;
    border: none !important;
    border-bottom: 1px #e2e2e2 solid !important;
    width: 100% !important;
  }
  .numberContent ul li:last-child {
    border-bottom: none !important;
  }
}






/* Training system */
.training_acr_area {
  background: #ECECEC;
  margin-bottom: 80px;
}
.training_acr_area ul {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.training_acr_area ul li a {
  color: #ED6C00;
  font-size: 12px;
  line-height: 15pt;
  font-weight: bold;
  padding: 20px 0;
  display: flex;
}
.training_acr_area ul li a span {
  border-right: 1px solid #D1D1D1;
}
.training_acr_area ul a span {
  display: inline-block;
  background-image: url(../images/common/work_icon_img.png);
  background-repeat: no-repeat;
  background-position: right 30px top 5px;
  background-size: 12px 7px;
  padding: 0 50px 0 30px;
  transition: .3s ease;
}
.training_container {
  max-width: 1080px;
  margin: 0 auto 20px;
  color: #4C4948;
}
.training_container h3 {
  font-size: 21px;
  line-height: 1.5;
}
.training_block_ttl {
  background: #4C4948;
  color: #fff;
  font-size: 30px;
  padding: 20px 50px;
}
.training_block_flexarea {
  display: flex;
  justify-content: space-around;
  padding: 50px 15px 20px 5px;
}
.training_block_flexarea .left {
  font-size: 15px;
  width: 45%;
}
.training_block_flexarea .right {
  width: 40%;
}
.training_block_list {
  padding: 0 50px 80px 50px;
}
.training_block_list h3 {
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
.training_block_list h3:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 27px;
  background-color: #ED6C00;
  left: 0;
  top: -3px;
}
.training_block_list_contents01 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
  margin-bottom: 20px;
}
.training_block_list_contents01_box {
  background-color: #F7F7F7;
  padding: 10px 20px;
  line-height: 1.3;
  width: 45%;
  margin-bottom: 10px;
}
.training_block_list_contents01_box p {
  font-size: 16px;
  padding-left: 35px;
}
.training_block_list_contents01_box_ttl {
  font-weight: bold;
  padding-bottom: 7px;
  padding-left: 0 !important;
}
.training_block_list_contents01_box_comments {
  font-size: 13px;
}
.training_block_list_limited {
  background-color: #F7F7F7;
  padding: 22px 45px;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.training_block_list_limited_left {
  width: 50%;
}
.training_block_list_limited_right {
  width: 35%;
}
.training_block_list_limited_left p:first-child {
  color: #fff;
  background-color: #ED6C00;
  border-radius: 20px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  display: inline-block;
}
.training_block_list_limited_left p:nth-child(2) {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 17px;
  position: relative;
}
.training_block_list_limited_left p:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 21px;
  background-color: #ED6C00;
  left: 0;
  top: -3px;
}
.training_block_list_limited_left p:nth-child(3) {
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 7px;
}
.training_block_list_limited_left p.small {
  font-size: 13px;
  line-height: 1.5;
}
.training_block02 .training_block_ttl .small {
  font-size: 16px;
  vertical-align: top;
}
.training_block_flexarea .left h3 {
  padding-bottom: 30px;
}
.training_block_flexarea .left p {
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 1.5;
}
.training_block_flexarea .left p.small {
  font-size: 13px;
}
.training_block02 .training_block_flexarea {
  padding-bottom: 50px;
}
.training_block_list_contents02 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 20px;
}
.training_block_list_contents02_box {
  background-color: #F7F7F7;
  padding: 15px 40px;
  width: 24%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.training_block_list_contents02 li:nth-child(n+7) {
  margin-bottom: 0;
}
.training_block02 .training_block_list {
  padding-bottom: 20px;
}
.training_block_voice {
  padding: 0 50px 80px 50px;
}
.training_block_voice h3 {
  padding-left: 45px;
  padding-bottom: 40px;
  background: url(../images/recruit/educaction/Icon_material-check-circle.png) no-repeat left top;
  background-size: 28px;
}
.training_block_voice_sinlge {
  margin-bottom: 34px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.training_block_voice_sinlge:last-child {
  margin-bottom: 0;
}
.training_block_voice_sinlge img {
  width: 5%;
}
.training_block_voice_sinlgetext {
  position: relative;
  max-width: 90%;
  margin-left: 2rem;
  background: #FFFFFF;
  padding: 22px 30px;
  border: 1px solid #4C4948;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.training_block_voice_sinlgetext:after,
.training_block_voice_sinlgetext:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 50%;
}
.training_block_voice_sinlgetext:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 16px;
  border-right-width: 16px;
  margin-top: -10px;
  border-right-color: #FFFFFF;
}
.training_block_voice_sinlgetext:before {
  border-color: rgba(89, 86, 86, 0);
  border-top-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 17px;
  border-right-width: 17px;
  margin-top: -11px;
  margin-right: 0.6px;
  border-right-color: #4C4948;
}
.training_block02 .training_block_list_contents02 li:nth-child(n+4) {
  margin-bottom: 20px;
}
.training_block02 .training_block_list_contents02 li:last-child {
  margin-bottom: 0;
}
.training_block03_listcard {
  padding: 50px;
  margin: 30px auto 50px;
  background-color: #F7F7F7;
}
.training_block03_listcard h3 {
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
.training_block03_listcard h3:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 27px;
  background-color: #ED6C00;
  left: 0;
  top: -3px;
}
.training_block03_listcard_flex {
  display: flex;
  justify-content: space-between;
}
.training_block03_listcard_single {
  background-color: #fff;
  padding: 20px;
  width: 20%;
}
.training_block03_listcard_single p {
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 20px;
}
.training_block03_listcard_single li {
  font-size: 13px;
  line-height: 1.3;
  list-style: inside;
  padding-bottom: 14px;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.training_block03_listcard_single li:last-child {
  padding-bottom: 0;
}
.training_block04 .training_block_list_contents02 {
  margin-bottom: 0;
}
.training_block04 .training_block_list {
  padding-bottom: 0;
}
.training_block05 {
  margin-top: 30px;
}
.training_block05 .training_block_voice {
  padding-bottom: 20px;
}

@media screen and (min-width: 766px) and (max-width:1100px) {
  .training_block_list_contents01_box {
    padding: 10px 15px;
  }
  .training_block_list_contents02_box {
    width: 38%;
  }
  .training_block03_listcard_flex {
    flex-wrap: wrap;
  }
  .training_block03_listcard_single {
    width: 43%;
    margin-bottom: 10px;
  }
  .training_block_list_contents02 li:nth-child(n+4) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .training_acr_area ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    justify-content: stretch;
  }
  .training_acr_area ul li {
    width: 50%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    height: 100%;
  }
  .training_acr_area ul li a {
    padding: 16px 0;
    width: 100%;
  }
  .training_acr_area ul li a span {
    border: none;
    width: 100%;
  }
  .training_acr_area ul a span {
    display: inline-block;
    background-image: url(../images/common/work_icon_img.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px 7px;
    padding: 0 40px 0 15px;
    transition: .3s ease;
  }
   .training_acr_area ul li:nth-child(2) {
    border-left: 1px solid #FFF;
    width: calc(50% - 1px);
  }
   .training_acr_area ul li:nth-child(3) {
    border-top: 1px solid #FFF;
  }
   .training_acr_area ul li:nth-child(4) {
    border-left: 1px solid #FFF;
    width: calc(50% - 1px);
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }
  .training_acr_area ul li:nth-child(5) {
    border-right: 1px solid #FFF;
    /* width: calc(50% - 1px); */
    border-top: 1px solid #FFF;
  }
  .training_block_flexarea {
    flex-direction: column;
  }
  .training_block_flexarea {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
  }
  .training_block_flexarea .left,
  .training_block_flexarea .right {
    width: 100%;
  }
  .training_block_flexarea .right {
    padding-bottom: 20px;
  }
  .training_block_flexarea .left h3 {
    padding-bottom: 20px;
  }
  .training_block_list {
    padding: 0 0 30px;
    width: 90%;
    margin: 0 auto;
  }
  .training_block_list_contents01 {
    flex-direction: column;
    margin-bottom: 50px;
  }
  .training_block_list_contents01_box {
    width: 90%;
    margin: 0 auto 20px;
  }
  .training_block_list_limited {
    flex-direction: column;
    padding: 22px 30px;
  }
  .training_block_list_limited_left,
  .training_block_list_limited_right {
    width: 100%;
  }
  .training_block_list_limited_left {
    margin-top: 20px;
  }
  .training_block_list_limited_left p:nth-child(2) {
    margin: 0 0 20px;
  }
  .training_block_ttl {
    font-size: 24px;
    line-height: 1.3;
    padding: 20px;
  }
  .training_block_list_contents01_box p {
    padding-left: 0;
  }
  .training_block_list h3 {
    padding-left: 25px;
  }
  .training_block_list h3:before {
    height: 23px;
    top: 5px;
  }
  .training_block_list_contents02 {
    flex-direction: column;
  }
  .training_block_list_contents02_box {
    width: 75%;
    font-size: 14px;
  }
  .training_container h3 {
    font-size: 18px;
  }
  .training_block_voice {
    padding: 0 0 30px;
    width: 90%;
    margin: 0 auto;
  }
  .training_block_voice_sinlge img {
    width: 15%;
  }
  .training_block_voice_sinlgetext {
    max-width: 70%;
    width: 70%;
    margin-left: 2.5rem;
    padding: 15px;
  }
  .training_block_voice_sinlgetext:before {
    border-top-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-width: 1.2rem;
    border-right-width: 1.2rem;
  }
  .training_block_voice_sinlgetext:after {
    border-top-width: 0.4rem;
    border-bottom-width: 0.4rem;
    border-left-width: 1.1rem;
    border-right-width: 1.1rem;
    border-right-color: #fff;
  }
  .training_block03_listcard_flex {
    flex-direction: column;
  }
  .training_block03_listcard {
    margin: 20px auto 30px;
    padding: 20px 20px ;
    width: 80%;
  }
  .training_block03_listcard_single {
    width: 85%;
    margin: 0 auto 20px;
  }
  .training_block_list_contents02 li:nth-child(n+4) {
    margin-bottom: 20px;
  }
  .training_block_list_contents02 li:last-child {
    margin-bottom: 0;
  }
}
/* Training system */
























/* =============================================================================
 Recruit Page Styles
============================================================================= */

.introGuideline {
  background-color: #ED6C00;
  text-align: center;
}
.introGuideline .title {
  margin-bottom: 30px;
  padding: 0 5px 15px;
  border-bottom: 3px #eb9d95 dashed;
  display: inline-block;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
}
.introGuideline p {
  margin-bottom: 40px;
  line-height: 1.88;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.introGuideline .btnLink a {
  border-color: #fff;
  color: #fff;
}
html:not(.iOS) .introGuideline .btnLink a:hover {
  color: #ED6C00;
  background-color: #fff;
}
.eventList {
  text-align: center;
}
.eventList ul {
  margin-bottom: 40px;
  display: inline-block;
  text-align: left;
}
.eventList ul li {
  margin: 0 0 30px;
  display: flex;
  line-height: 1.5;
}
.eventList ul li .date {
  width: 110px;
  color: #b2b2b2;
  font-size: 1.2rem;
}
.eventList ul li .label {
  width: calc(100% - 110px);
}
.eventList ul li .label a {
  color: #4C4948;
}

.blogSlider {
  position: relative;
}
.blogSlider ul {
  margin: 0 0 50px;
}
.blogSlider ul button{
  background:#000;
}
.blogSlider ul li {
}
.blogSlider ul li a {
  margin: 0 auto;
  display: block;
  width: 585px;
  text-decoration: none;
}
.blogSlider ul li .photo {
  margin: 0 auto -62px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  width: 124px;
  height: 124px;
  overflow: hidden;
}
.blogSlider ul li .photo img {
  transition: transform ease .3s;
}
html:not(.iOS) .blogSlider ul li a:hover .photo img {
  transform: scale(1.1);
}
.blogSlider ul li .box {
  padding: 90px 0 60px;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
}
.blogSlider ul li .date {
  margin: 0 0 10px;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}
.blogSlider ul li .articleTitle {
  margin: 0 auto;
  width: 400px;
  color: #4C4948;
  line-height: 1.56;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
html:not(.iOS) .blogSlider ul li a:hover .articleTitle {
  text-decoration: underline;
}
.blogSlider ul li .person {
  margin: 35px auto 0;
  padding: 5px 0 0 65px;
  width: 180px;
  min-height: 37px;
  background: url(../images/recruit/icon_quotation_gray.png) 0 0 no-repeat;
  -webkit-background-size: 38px 37px;
  background-size: 38px 37px;
  box-sizing: border-box;
}
.blogSlider ul li .post {
  margin-bottom: 5px;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: bold;
}
.blogSlider ul li .name {
  color: #4C4948;
  font-size: 1.5rem;
  font-weight: bold;
}
.blogSlider .slick-arrow {
  border: none;
  position: absolute;
  top: 50%;
  background-color: transparent;
  font-size: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.blogSlider .slick-prev {
  /*
  border-top: 3px #b2b2b2 solid;
  border-left: 3px #b2b2b2 solid;


  left: 0;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
    */
  width:61px;
  height:61px;
  background:url(../images/recruit/back.png) left top no-repeat;
  background-size:61px 61px;
  z-index: 2;
  left:0;
}
.blogSlider .slick-next {
  /*
  border-top: 3px #b2b2b2 solid;
  border-right: 3px #b2b2b2 solid;
  right: 0;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  */
  right:0;
  width:61px;
  height:61px;
  background:url(../images/recruit/next.png) left top no-repeat;
  background-size:61px 61px;
  z-index: 2;
}

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

  .introGuideline {
  }
  .introGuideline .title {
  }
  .introGuideline p {
  }
  .introGuideline .btnLink a {
  }
  .introGuideline .btnLink a:hover {
  }
  .eventList {
  }
  .eventList ul {
  }
  .eventList ul li {
  }
  .eventList ul li .date {
    width: 85px;
  }
  .eventList ul li .label {
    width: calc(100% - 85px);
  }
  .eventList ul li .label a {
  }

  .blogSlider {
    position: relative;
  }
  .blogSlider ul {
    margin: 0 0 50px;
  }
  .blogSlider ul li {
    text-align: center;
  }
  .blogSlider ul li a {
    width: calc(592/828*100vw);
  }
  .blogSlider ul li .photo {
    margin: 0 auto calc(-124/828*100vw);
    width: calc(248/828*100vw);
    height: calc(248/828*100vw);
  }
  .blogSlider ul li .box {
    padding: calc(160/828*100vw) 0 60px;
  }
  .blogSlider ul li .date {
  }
  .blogSlider ul li .articleTitle {
    width: 85%;
  }
  .blogSlider ul li .person {
    margin-top: 20px;
    padding-left: 50px;
    display: inline-block;
    width: auto;
    text-align: left;
  }
  .blogSlider ul li .post {
  }
  .blogSlider ul li .name {
  }
  .blogSlider .slick-arrow {
  }
  .blogSlider .slick-prev {
    left: -10px;
  }
  .blogSlider .slick-next {
    right: -10px;
  }
.blogSlider .slick-prev {
  /*
  border-top: 3px #b2b2b2 solid;
  border-left: 3px #b2b2b2 solid;
  left: 0;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
    */
  width:30px;
  height:30px;
  background:url(../images/recruit/back.png) left top no-repeat;
  background-size:30px 30px;
  z-index: 2;
  left:-20px;
}
.blogSlider .slick-next {
  /*
  border-top: 3px #b2b2b2 solid;
  border-right: 3px #b2b2b2 solid;
  right: 0;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  */
  right:-20px;
  width:30px;
  height:30px;
  background:url(../images/recruit/next.png) left top no-repeat;
  background-size:30px 30px;
  z-index: 2;
}
}



/* event */
.eventDetail {
  max-width: 650px;
}
.eventDetail .eventTitle {
  margin-bottom: 35px;
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
}
.eventDetail .date {
  margin-bottom: 50px;
  color: #b2b2b2;
  font-size: 1.2rem;
}
.eventDetail .eventBody {
  margin-bottom: 70px;
}
.eventDetail .eventBody p {
  margin-bottom: 1em;
  line-height: 1.87;
  font-size: 1.5rem;
}
.eventDetail .eventBody > *:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .eventDetail {
    max-width: inherit;
  }
  .eventDetail .eventTitle {
    margin-bottom: 15px;
  }
  .eventDetail .date {
    margin-bottom: 30px;
  }
  .eventDetail .eventBody {
  margin-bottom: 35px;
  }
  .eventDetail .eventBody p {
  }
}



/* blog */
.blogList {
  margin: 0 auto;
  max-width: 650px;
}
.blogList ul {
  border-top: 1px #e0e0e0 solid;
}
.blogIntro {
  margin: 0 auto;
  border-bottom: 1px #e0e0e0 solid;
  max-width: 650px;
}
.blogIntro a {
  padding: 75px 5px;
  display: flex;
  justify-content: space-between;
  color: #000;
  text-decoration: none;
  transition: color ease .3s,background-color ease .3s;
}
.blogIntro .inner {
  padding: 0 5px 75px;
  display: flex;
  justify-content: space-between;
  color: #000;
}
/*
html:not(.iOS) .blogIntro a:hover {
  color: #fff;
  background-color: #0077c0;
}
*/
.blogIntro .photo {
  width: 124px;
}
.blogIntro .photo a,
.blogIntro .photo span {
  border-radius: 50%;
  width: 124px;
  height: 124px;
  overflow: hidden;
}
.blogIntro a .photo img {
  transition: transform ease .3s;
}
.blogIntro .box {
  padding: 0;
  width: calc(100% - 180px);
}
.blogIntro .date {
  margin: 0 0 10px;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: bold;
  transition: color ease .3s;
}
.blogIntro .articleTitle {
  margin: 0 0 20px;
  line-height: 1.56;
  font-size: 1.8rem;
  font-weight: bold;
  color:#4C4948;
}
.blogIntro .articleTitle a {
  color: #000;
}
.blogIntro .person {
  padding: 5px 0 0 65px;
  display: inline-block;
  min-height: 37px;
  background: url(../images/recruit/icon_quotation.png) 0 0 no-repeat;
  -webkit-background-size: 38px 37px;
  background-size: 38px 37px;
  box-sizing: border-box;
}
.blogIntro .post {
  margin-bottom: 5px;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: bold;
  transition: color ease .3s;
}
.blogIntro .name {
  color: #4C4948;
  font-size: 1.5rem;
  font-weight: bold;
  transition: color ease .3s;
}
html:not(.iOS) .blogIntro a:hover .articleTitle {
  text-decoration: underline;
}
html:not(.iOS) .blogIntro a:hover .photo img {
  transform: scale(1.1);
}
/*
html:not(.iOS) .blogIntro a:hover .date,
html:not(.iOS) .blogIntro a:hover .post,
html:not(.iOS) .blogIntro a:hover .name {
  color: #fff;
}
html:not(.iOS) .blogIntro a:hover .person {
  background: url(../images/recruit/icon_quotation_w.png) 0 0 no-repeat;
  -webkit-background-size: 38px 37px;
  background-size: 38px 37px;
}
*/

@media screen and (max-width: 767px) {
  .blogList {
    max-width: inherit;
  }
  .blogList ul {
  }
  .blogIntro {
    max-width: inherit;
  }
  .blogIntro a {
    padding: 50px 0;
    display: block;
  }
  .blogIntro .inner {
    padding: 0 0 50px;
    display: block;
  }
  .blogIntro:first-child {
    padding-top: 0;
  }
  .blogIntro .photo {
    margin: 0 auto 15px;
    width: calc(248/828*100vw);
  }
  .blogIntro .photo a,
  .blogIntro .photo span {
    width: calc(248/828*100vw);
    height: calc(248/828*100vw);
  }
  .blogIntro .box {
    padding: 0;
    width: auto;
    text-align: center;
  }
  .blogIntro .date {
    margin: 0 0 10px;
  }
  .blogIntro .articleTitle {
    margin: 0 auto 20px;
    width: 70%;
  }
  .blogIntro .person {
    text-align: left;
  }
  .blogIntro .post {
  }
  .blogIntro .name {
  }
}

.blogArticle .blogIntro {
  border-bottom: none;
}

.blogBody {
  margin: 0 auto 80px;
  max-width: 650px;
}
.blogBody .subtitle {
  margin-bottom: 25px;
  padding-left: 15px;
  border-left: 6px #ED6C00 solid;
  line-height: 1.63;
  font-size: 1.6rem;
  font-weight: bold;
  color:#4C4948;
}
.blogBody p {
  line-height: 1.93;
  font-size: 1.4rem;
}
.blogBody p img {
  height: auto !important;
}
.blogBody>p {
  margin-bottom: 1em;
  color:#4C4948;
}
.blogBody p + .subtitle {
  margin-top: 50px;
}
.blogBody p strong {
  font-weight: normal;
	background: linear-gradient(transparent 50%, #f8dca2 50%);
	background: -webkit-linear-gradient(transparent 50%, #f8dca2 50%);
	background: -mozlinear-gradient(transparent 50%, #f8dca2 50%);
	background: -ms-linear-gradient(transparent 50%, #f8dca2 50%);
}



/* guideline */
.guidelineTable dl dd .inr_link{
  margin:0px 0 0 0;
}
.guidelineTable dl dd .inr_link li{
  display:inline-block;
  margin:0 0 0 10px;
}
.guidelineTable dl dd .inr_link li:first-child{
  margin:0;
}
.guidelineTable dl dd .inr_link li a{
  background:none;
  padding:0;
}
.guidelineAnchor {
  margin: 0 0 60px;
}
.guidelineAnchor ul {
  text-align: center;
}
.guidelineAnchor ul li {
  display: inline-block;
}
.guidelineAnchor ul li:after {
  margin: 0 1em;
  content: "｜";
  display: inline-block;
  font-size: 1.5rem;
  color:#4C4948;
}
.guidelineAnchor ul li:last-child:after {
  display: none;
}

.guidelineAnchor ul li a {
  color:#4C4948;
}
.guidelineTable +.guidelineTable {
  margin-top: 70px;
}
.guidelineTable .guidelineTitle {
  margin-bottom: 30px;
  padding-top: 10px;
  font-size: 2.1rem;
  font-weight: bold;
  color:#4C4948;
}
.guidelineTable dl {
  border-top: 1px #eee solid;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.guidelineTable dl dt {
  padding: 35px 0 35px 35px;
  border-bottom: 1px #eee solid;
  width: 200px;
  font-weight: bold;
  box-sizing: border-box;
}
.guidelineTable dl dd {
  padding: 35px 15px 35px 0;
  border-bottom: 1px #eee solid;
  width: calc(100% - 200px);
  box-sizing: border-box;
}
.guidelineTable dl dt:nth-of-type(2n),
.guidelineTable dl dd:nth-of-type(2n) {
  background-color: #fcfcfc;
}
.guidelineTable dl dd a{
  color:#4C4948;
  text-decoration:underline;
  display:inline-block;
  background: url(../images/common/icon_img_01.png) right center no-repeat;
  padding:0 25px 0 0;
  background-size: 16px 13px;
}
.guidelineTable dl dd a:hover{
  color:#ED6C00;
  text-decoration:none;
}
@media screen and (max-width: 767px) {
  .guidelineTable dl dd .inr_link li a{
    display:inline;
  }
  .guidelineTable dl dd .inr_link li{
    display:inline;
  }
  .guidelineAnchor {
  }
  .guidelineAnchor ul {
  }
  .guidelineAnchor ul li {
    margin-bottom: 10px;
  }
  .guidelineAnchor ul li:after {
    margin: 0 .5em;
  }
  .guidelineAnchor ul li a {
  }
  .guidelineTable +.guidelineTable {
  }
  .guidelineTable .guidelineTitle {
  }
  .guidelineTable dl {
    display: block;
  }
  .guidelineTable dl dt {
    padding: 30px calc(70/828*100vw) 5px;
    border-bottom: none;
    width: auto;
  }
  .guidelineTable dl dd {
    padding: 0 calc(70/828*100vw) 30px;
    border-bottom: 1px #eee solid;
    width: auto;
  }
}





/* =============================================================================
 Sitemap Page Styles
============================================================================= */

.sitemapArea {
}
.sitemapArea a {
  color: #4C4948;
}
html:not(.iOS) .sitemapArea a:hover {
  color: #ED6C00;
  text-decoration: none;
}
.sitemapSub {
}
.sitemapSub ul {
}
.sitemapSub ul li {
  margin: 0 3em 10px 0;
  display: inline-block;
  font-size: 1.1rem;
}
.sitemapSub ul li:last-child {
  margin-right: 0;
}
.sitemapSub ul li a {
}
.sitemapMain {
  margin: 30px 0 40px;
  padding: 70px 0;
  border-top: 1px #ebebeb solid;
  border-bottom: 1px #ebebeb solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sitemapMain dl {
  /*
  width: calc(247/1080*100%);
  font-size: 1.3rem;
  */
  width:100%;
  max-width:23%;
}
.sitemapMain dl:nth-child(5),
.sitemapMain dl:nth-child(6),
.sitemapMain dl:nth-child(7),
.sitemapMain dl:nth-child(8),
.sitemapMain dl:nth-child(9),
.sitemapMain dl:nth-child(10){
  margin-top:70px;
}
.sitemapMain dl dt {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px #ED6C00 solid;
  font-weight: bold;
  color:#4C4948;
}
.sitemapMain dl dd {
  margin-top: 18px;
}
.sitemapMain dl dd a {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  font-size:13px;
  line-height:16pt;
}
.sitemapMain dl dd a:before {
  border-radius: 4px;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 8px;
  width: 4px;
  height: 4px;
  background-color: #ED6C00;
}

@media screen and (max-width: 767px) {
  .sitemapMain dl:nth-child(5),
.sitemapMain dl:nth-child(6),
.sitemapMain dl:nth-child(7),
.sitemapMain dl:nth-child(8),
.sitemapMain dl:nth-child(9),
.sitemapMain dl:nth-child(10){
  margin-top:0px;
}
  .sitemapArea {
  }
  .sitemapSub {
  }
  .sitemapSub ul {
  }
  .sitemapSub ul li {
    margin: 0 0 10px;
    display: block;
  }
  .sitemapSub ul li:last-child {
    margin-bottom: 0;
  }
  .sitemapSub ul li a {
  }
  .sitemapMain {
    margin: 30px 0;
    padding: 40px 0;
    display: block;
  }
  .sitemapMain dl {
    margin-bottom: 40px;
    width: 100%;
    max-width:100%;
  }
  .sitemapMain dl:last-child {
    margin-bottom: 0;
  }
  .sitemapMain dl dt {
  }
  .sitemapMain dl dd {
  }
  .sitemapMain dl dd a {
  }
}

#moreLoad{
  text-align: center;
  display: block;
}
#moreLoad img{
  width: 50px;
}


@media all and (-ms-high-contrast: none){
  header li.pc_common_entry a{
    padding: 8px 40px 2px 40px;
  }
}
















/*-----------------------about---------------------*/
.about_new_under_block{
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 18%, #f7f7f7 18%, #f7f7f7 100%);
  padding:0 0 80px 0;
}
.about_new_block_under{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 920px;
  margin: 80px auto 0;
  margin-left: auto;
  margin-right: auto;
}
.about_new_block_under .rec_block_box:nth-of-type(2) a img{
  outline: 1px solid #E6E6E6;
  outline-offset : -1px
}
.about_new_block_under .rec_block_box {
    width: 49.94%;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    position: relative;
    background: #FFFFFF;
}
.about_new_block_under .rec_block_box a {
    width: 100%;
    height: 100%;
    transition: .5s ease;
}
.about_new_block_under .rec_block_box a div {
    padding: 50px 0 25px 100px;
    margin: 0 40px 25px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #4C4948;
    position: relative;
    display: inline-block;
}
.about_new_block_under .rec_block_box a div.ttl001{
    background: url(../images/about/icon_img_02.png) left 40px no-repeat;
    background-size: 80px 49px;
}
.about_new_block_under .rec_block_box a div.ttl002{
    background: url(../images/about/icon_img_01.png) left 40px no-repeat;
    background-size: 80px 49px;
}
.about_new_block_under .rec_block_box a div.ttl003{
    background: url(../images/about/icon_img_03.png) left 40px no-repeat;
    background-size: 80px 49px;
}
.about_new_block_under .rec_block_box a div.ttl004{
    background: url(../images/about/icon_img_04.png) left 40px no-repeat;
    background-size: 80px 49px;
}
.about_new_block_under .rec_block_box a div.ttl005{
  background: url(../images/about/icon_img_05.png) left 40px no-repeat;
  background-size: 70px 49px;
  padding: 50px 0 25px 90px;
  line-height: 1.3;
}




.about_new_block_under .rec_block_box a p {
    padding: 0 40px 30px;
    line-height: 1.87;
    font-size: 1.5rem;
    color: #4C4948;
}
.about_new_block_under .rec_block_box a:hover {
    opacity: 0.6;
    text-decoration: none;
}
.about_new_block_under .rec_block_box a {
    width: 100%;
    height: 100%;
    transition: .5s ease;
}

.about_new_block_under .rec_block_box a em{
    padding: 20px 0 0 0;
    margin: 0 40px 55px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #4C4948;
    position: relative;
    display: inline-block;
    font-style:normal;
}
.about_new_block_under .rec_block_box a em:before{
  background-color: #b2b2b2;
  width:100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
}
.about_new_block_under .rec_block_box a em:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 2px;
    background-color:#ED6C00;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
}
.about_new_block_under .rec_block_box a:hover em:after {
    width: 100%;
}
@media screen and (max-width: 767px){
  .about_new_under_block{
    background: none;
    padding:0 0 40px 0;
  }
  .about_new_block_under{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 60px;
  }
  .about_new_block_under .rec_block_box {
      width: 100%;
      padding: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      position: relative;
      background: #f7f7f7;
  }
  .about_new_block_under .rec_block_box {
      margin-bottom: 20px;
  }
  .about_new_block_under .rec_block_box a p {
      padding: 0 30px 30px;
  }
  .about_new_block_under .rec_block_box a em{
    margin: 0 30px 55px;
  }
  .about_new_block_under .rec_block_box a div{
    margin: 20px 0px 20px 30px;
    padding: 20px 0 10px 80px;
    font-size: 2.1rem;
  }
  .about_new_block_under .rec_block_box a div.ttl005{
    margin: 10px 30px 0px 30px;
    padding: 20px 0 20px 80px;
  }
  .about_new_block_under .rec_block_box a div.ttl001{
      background: url(../images/about/icon_img_02.png) left center no-repeat;
      background-size: 60px 37px;
  }
  .about_new_block_under .rec_block_box a div.ttl002{
      background: url(../images/about/icon_img_01.png) left center no-repeat;
      background-size: 60px 37px;
  }
  .about_new_block_under .rec_block_box a div.ttl003{
      background: url(../images/about/icon_img_03.png) left center no-repeat;
      background-size: 60px 37px;
  }
  .about_new_block_under .rec_block_box a div.ttl004{
      background: url(../images/about/icon_img_04.png) left center no-repeat;
      background-size: 60px 37px;
  }
  .about_new_block_under .rec_block_box a div.ttl005{
    background: url(../images/about/icon_img_05.png) left center no-repeat;
    background-size: 60px 37px;
  }
  .about_new_block_under .rec_block_box a em{
    padding: 0px 0 0 0;
  }
}

/*-----------------------environment---------------------*/

.environment_new_under_block{
  margin: 80px auto;
  max-width: 1080px;
  color:#4C4948;
}

.environment_new_under_block p.text_01{
  text-align:center;
  line-height: 1.87;
    font-size: 1.5rem;
    color: #4C4948;
}
.environment_new_under_block h2{
  font-size: 2.1rem;
    text-align: center;
    font-weight: bold;
    color: #4C4948;
    line-height: 1.9;
    margin:20px 0 0 0;
}
.environment_new_under_block .img_01{
  max-width:450px;
  width:100%;
  margin:40px auto 20px;
}
.environment_new_under_block p.text_02{
  text-align:center;
  line-height: 1.87;
    font-size: 1.5rem;
    color: #4C4948;
}
.environment_new_under_block h3{
  font-size: 2.1rem;
  text-align: center;
  font-weight: bold;
  color: #4C4948;
  line-height: 1.9;
  margin:60px 0 20px 0;
}
.environment_new_under_block .env_sub_area{
  background:#F9ECEA;
  padding:20px 40px;
  display: flex;
  max-width:600px;
  margin:30px auto 0;
  border-radius: 20px;
  align-items: center;
}
.environment_new_under_block .env_sub_area div{
  font-size: 1.8rem;
  font-weight: bold;
  color: #4C4948;
  line-height: 1.6;
  margin: 0px 0 0px 0;
  width:320px;
}
.environment_new_under_block .env_sub_area p{
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}
.environment_new_under_block p.text_03{
  text-align:center;
  line-height: 1.87;
    font-size: 1.5rem;
    color: #4C4948;
}
.environment_new_under_block ul.ul_01{
  display: flex;
  max-width:680px;
  margin:40px auto 0;
  display:flex;/*
  align-items: center;
  */
  justify-content:space-between;
}
.environment_new_under_block ul.ul_01 li{
  max-width:150px;
  text-align:center;
  color:#ED6C00;
  font-weight:bold;
  font-size:26px;
  line-height:21pt;
}
.environment_new_under_block ul.ul_01 li span{
  display:block;
  font-size:15px;
  margin:5px 0 0 0 ;
}
.environment_new_under_block ul.ul_01 li span.small_font{
  font-size:11px;
  line-height:12pt;
  font-weight:normal;
  margin:0;
  color:#9FA0A0;
}
@media screen and (max-width: 767px){
  .welfareBlocks .flexBox.extra_border {
    padding: 0px 0 30px 0;
    margin: 10px 0 30px 0;
  }
    .environment_new_under_block .env_sub_area {
      padding: 20px 15px;
      display: flex;
      max-width: 100%;
      margin: 30px auto 0;
      border-radius: 10px;
      align-items: center;
      flex-wrap: wrap;
      text-align: center;
  }
  #edu_sup .welfareBlock h2 span, .welfareBlocks h2 span {
    display: block;
    font-size: 1.7rem;
    margin: 10px 0 10px 0;
}
  .environment_new_under_block .env_sub_area div {
    line-height: 1.6;
    margin: 0px 0 5px 0;
    width: 100%;
  }
  .environment_new_under_block{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 0px;
    margin-bottom:60px;
  }
  .environment_new_under_block .img_01 {
      max-width: 450px;
      width: 100%;
      margin: 20px auto 20px;
  }
  .environment_new_under_block h3 {
      margin: 60px 0 20px 0;
  }
  .environment_new_under_block ul.ul_01{
    display: flex;
    max-width:100%;
    margin:20px auto 0;
    display:flex;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
  }
  .environment_new_under_block ul.ul_01 li{
    /*
    max-width:137px;
    */
    text-align:center;
    color:#ED6C00;
    font-weight:bold;
    font-size:21px;
    line-height:21pt;
    margin:0 auto 5%;
    padding:0 5px;
  }

}




/*-----------------------movie---------------------*/
.movies_new_under_block{
  margin: 80px auto 30px 0;
  color:#4C4948;
  background: url(../images/about/movies/bg_img_01.png) center top no-repeat;
  background-size:600px 70%;
}
.movies_new_under_block .movies_new_area{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:80px 0 ;
}
.movies_new_under_block .movies_new_area .left_s01:hover .modalMovie img{
    transform: scale(1.1);
    transition-duration: 0.5s;
}
.movies_new_under_block .movies_new_area .left_s01{
  width:50%;
  cursor: pointer;
  position: relative;
}
.movies_new_under_block .movies_new_area .left_s1_beta{
  width:50%;
  position: relative;
}
.movies_new_under_block .movies_new_area .left_s1_beta img{
  width:100%;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp{
  position: absolute;
  width:100%;
  height:100%;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext{
  display:flex;
  height:100%;
  width:100%;
  justify-content: center;
  align-items: center;
  text-align:center;
  flex-wrap: wrap;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext .icon{
  display:block;
  z-index:1;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext .icon img{
  width:53px;
  margin:0 auto 10px;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext .icon em{
  display:block;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  line-height:10pt;
  font-style:normal;
  letter-spacing:0.1em;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext .icon span{
  display:inline-block;
  margin:10px auto 0;
  background:#FFF;
  border-radius: 100px;
  text-align:center;
  color:#4C4948;
  font-size:11px;
  padding:5px 10px;
}
.movies_new_under_block .movies_new_area .left_s01 .wrp .poptext .names{

}


/*
.movies_new_under_block .movies_new_area .left_s01:hover .imgWrap img{
  opacity: 0.7;
}
*/
.movies_new_under_block .movies_new_area .right_s01{
  width:50%;
}


.movies_new_under_block .movies_new_area .right_s01 .inr{
  padding:0 70px 0 70px;
  color:#4C4948;
}
@media screen and (max-width: 1400px){
  .movies_new_under_block .movies_new_area .right_s01 .inr{
    padding:0 10% 0 10%;
  }
}

.movies_new_under_block .movies_new_area .right_s01 .inr .ttl{
  font-size:18px;
  line-height:21pt;
  margin:0 0 7px 0;
  font-weight:bold;
    vertical-align:middle;
}
.movies_new_under_block .movies_new_area .right_s01 .inr .ttl span{
  vertical-align:top;
  display:inline-block;
  margin:0 0 0 15px;
  padding:5px 20px 0 20px;
  font-size:12px;
  font-weight:bold;
  line-height:12pt;
  background:#FFF;
  color:#4C4948;
  border-radius: 100px;
  height:20px;
}
.movies_new_under_block .movies_new_area .right_s01 .inr h2{
  font-size:28px;
  line-height:32pt;
  margin:0 0 25px 0;
}
.movies_new_under_block .movies_new_area .right_s01 .inr p{
  line-height: 1.87;
    font-size: 1.5rem;
}
.movies_new_under_block .movies_new_area .right_s01 .inr p em{
  display:block;
  font-style:normal;
  font-weight:bold;
  color:#ED6C00;
}
.movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn span{
    border-radius: 28px;
    display: inline-block;
    width: 200px;
    line-height: 54px;
    color: #FFFFFF;
    background:#ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
    margin:35px 0 0 0;
    cursor: pointer;
}
.movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn span:hover{
  background:#333333;
}

.movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn a{
    border-radius: 28px;
    display: inline-block;
    width: 200px;
    line-height: 54px;
    color: #FFFFFF;
    background:#ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
    margin:35px 0 0 0;
    cursor: pointer;
}
.movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn a:hover{
  background:#333333;
}
.movies_new_under_block .movies_new_area .left_s01 a{
  width: 100%;
  position: relative;
    transition: .5s;
}
.movies_new_under_block .movies_new_area .left_s01 .imgWrap {
    overflow: hidden;
    width: 100%;
    background: #000;
    transition: .5s;
}
.movies_new_under_block .movies_new_area .left_s01 .imgWrap img {
    display: block;
    opacity: 0.8;
    transition-duration: 0.5s;
}
.movies_new_under_block .movies_new_area .left_s01 a:hover .imgWrap img {
    transform: scale(1.1);
    transition-duration: 0.5s;
    opacity: 0.5;
}

.movies_new_under_block .movies_new_area_normal{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 920px;
  margin: 0px auto 0;
  margin-left: auto;
  margin-right: auto;
}
.movies_new_under_block .movies_new_area_normal .imgWrap {
    overflow: hidden;
    width: 100%;
    background: #000;
    position: relative;
}
.movies_new_under_block .movies_new_area_normal .imgWrap img{
    display: block;
    opacity: 0.8;
    transition-duration: 0.5s;
}
.movies_new_under_block .movies_new_area_normal  a:hover .imgWrap img {
    transform: scale(1.05);
    transition-duration: 0.5s;
    opacity: 0.5;
}
.movies_new_under_block .movies_new_area_normal .movie_left{
  width:48%;
  max-width:432px;
  margin:0 0 50px 0;
  cursor: pointer;
}
.movies_new_under_block .movies_new_area_normal .movie_left:last-child{
  margin:0;
}
.movies_new_under_block .movies_new_area_normal .movie_left:hover .imgWrap img,
.movies_new_under_block .movies_new_area_normal .movie_right:hover .imgWrap img{
    transform: scale(1.1);
    transition-duration: 0.5s;
}
.movies_new_under_block .movies_new_area_normal .movie_left:hover .imgWrap .icon img,
.movies_new_under_block .movies_new_area_normal .movie_right:hover .imgWrap .icon img{
    transform: scale(1.0);
    transition-duration: 0.5s;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap{
  position: relative;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb{
position: absolute;
    width: 100%;
    height: 100%;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb .poptext,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb .poptext{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb .poptext .icon,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb .poptext .icon{
  display:block;
  z-index:1;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb .poptext .icon img,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb .poptext .icon img{
  width: 53px;
  margin: 0 auto 10px;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb .poptext .icon em,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb .poptext .icon em{
    display: block;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    line-height: 10pt;
    font-style: normal;
    letter-spacing:0.1em;
}
.movies_new_under_block .movies_new_area_normal .movie_left .imgWrap .psb .icon span,
.movies_new_under_block .movies_new_area_normal .movie_right .imgWrap .psb .icon span{
    display: inline-block;
    margin: 10px auto 0;
    background: #FFF;
    border-radius: 100px;
    text-align: center;
    color: #4C4948;
    font-size: 11px;
    padding: 5px 10px;
}


.movies_new_under_block .movies_new_area_normal .movie_left:hover img,
.movies_new_under_block .movies_new_area_normal .movie_right:hover img{

}
.movies_new_under_block .movies_new_area_normal .movie_left:hover .m_ttl,
.movies_new_under_block .movies_new_area_normal .movie_right:hover .m_ttl{
  color:#000;
}
.movies_new_under_block .movies_new_area_normal .movie_right{
  width:48%;
  max-width:432px;
  margin:0;
  cursor: pointer;
}

.movies_new_under_block .movies_new_area_normal .movie_left a,
.movies_new_under_block .movies_new_area_normal .movie_right a{
  color:#4C4948;
}
.movies_new_under_block .movies_new_area_normal .movie_left a:hover,
.movies_new_under_block .movies_new_area_normal .movie_right a:hover{
  text-decoration:none;
}

.movies_new_under_block .movies_new_area_normal .movie_left div.m_ttl,
.movies_new_under_block .movies_new_area_normal .movie_right div.m_ttl{
  font-size:18px;
  line-height:22pt;
  font-weight:bold;
  margin:30px 0 20px 0;
}
.movies_new_under_block .movies_new_area_normal .movie_left div.m_ttl span,
.movies_new_under_block .movies_new_area_normal .movie_right div.m_ttl span{
  vertical-align:top;
  display:inline-block;
  margin:0 0 0 15px;
  padding:5px 20px 0 20px;
  font-size:12px;
  font-weight:bold;
  line-height:12pt;
  background:#f7f7f7;
  color:#4C4948;
  border-radius: 100px;
  height:20px;
}
.movies_new_under_block .movies_new_area_normal .movie_left p,
.movies_new_under_block .movies_new_area_normal .movie_right p{
  line-height: 1.87;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px){
  .movies_new_under_block .movies_new_area .left_s1_beta {
      width: 100%;
  }
  .movies_new_under_block{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 0px;
    margin-bottom:20px;
    background: url(../images/about/movies/bg_img_01.png) center top no-repeat;
    background-size:65% 30%;
  }



  .movies_new_under_block .movies_new_area{
    display: block;
    padding:60px 0 ;
  }
  .movies_new_under_block .movies_new_area .left_s01{
    width:100%;
  }
  .movies_new_under_block .movies_new_area .right_s01{
    width:100%;
  }
  .movies_new_under_block .movies_new_area .right_s01 .inr{
    padding:20px 0px 0 0px;
  }

  .movies_new_under_block .movies_new_area .right_s01 .inr .ttl{
    font-size:14px;
    line-height:18pt;
    margin:0 0 7px 0;
  }
  .movies_new_under_block .movies_new_area .right_s01 .inr h2{
    font-size:21px;
    line-height:24pt;
    margin:0 0 15px 0;
  }
  .movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn{
    text-align:center;
  }
  .movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn span{
      border-radius: 28px;
      display: inline-block;
      width: 200px;
      line-height: 54px;
      color: #FFFFFF;
      background:#ED6C00;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      transition: all ease .3s;
      margin:15px 0 0 0;
  }
  .movies_new_under_block .movies_new_area .right_s01 .inr div.link_btn a{
      border-radius: 28px;
      display: inline-block;
      width: 200px;
      line-height: 54px;
      color: #FFFFFF;
      background:#ED6C00;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      transition: all ease .3s;
      margin:15px 0 0 0;
  }
  .movies_new_under_block .movies_new_area_normal {
      display: block;
      max-width: 100%;
      margin: 0px auto 0;
      margin-left: auto;
      margin-right: auto;
  }
  .movies_new_under_block .movies_new_area_normal .movie_left{
    width:100%;
    max-width:100%;
    margin:0 0 40px 0;
  }
  .movies_new_under_block .movies_new_area_normal .movie_right{
    width:100%;
    max-width:100%;
    margin:0 0 40px 0;
  }

  .movies_new_under_block .movies_new_area_normal .movie_left div.m_ttl,
  .movies_new_under_block .movies_new_area_normal .movie_right div.m_ttl{
    font-size:18px;
    line-height:22pt;
    font-weight:bold;
    margin:20px 0 15px 0;
    height:auto;
  }
  .movies_new_under_block .movies_new_area_normal .movie_left p,
  .movies_new_under_block .movies_new_area_normal .movie_right p{
    line-height: 1.87;
      font-size: 1.5rem;
  }
  /*
  .movies_new_under_block .movies_new_area_normal .movie_right{
    margin:40px 0 0 0;
  }
  */
}





/*-----------------------educaction---------------------*/

.educaction_new_under_block_01{
  margin: 80px auto;
  max-width: 1080px;
  color:#4C4948;
  text-align:center;
}
.educaction_new_under_block_01 h2{
  font-size:30px;
  line-height:32pt;
  margin:0 0 40px 0;
}
.educaction_new_under_block_01 .env_ttl{
  font-size:38px;
  line-height:38pt;
  padding:0px 0 0 0;
  font-weight:bold;
}
.educaction_new_under_block_01 .env_ttl.extra{
  border-top:1px solid #CCC;
  font-size:30px;
  line-height:32pt;
  padding:50px 0 15px 0;
  font-weight:bold;
}
.educaction_new_under_block_01 .en_voice_block p{
  font-weight:bold;
  margin:0 0 10px 0;
}
.educaction_new_under_block_01 .en_voice_block{
  display:flex;
  justify-content:space-between;
  max-width:800px;
  margin:0 auto 0;
  padding:20px 0 40px 0;
  align-items: center;
}
.educaction_new_under_block_01 .en_voice_block .env_left{
  flex:1;
  width:100%;
  /*
  text-align:left;
  border-top:1px solid #ED6C00;
  border-bottom:1px solid #ED6C00;
  */
  padding:50px 0;
}
.educaction_new_under_block_01 .en_voice_block.extra{
  display:block;
  text-align:center;
  position: relative;
}
.educaction_new_under_block_01 .env_images{
  margin:20px auto 20px;
  max-width:740px;
}
.educaction_new_under_block_01 .en_voice_block.extra:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.educaction_new_under_block_01 .en_voice_block.extra:after{
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #CCC;
  z-index: 1;
}

.educaction_new_under_block_01 .en_voice_block.extra .env_ttl em{
  margin:auto;
  background: url(../images/recruit/educaction/icon_img_0001.png) left center no-repeat;
  background-size:65px 65px;
  padding:0 0 0 80px;
}
.educaction_new_under_block_01 .en_voice_block .env_left h3{
  font-size: 30px;
  line-height: 34pt;
  font-weight: bold;
  margin:0 0 15px 0;
}
/*
.educaction_new_under_block_01 .en_voice_block .env_left h3 em{
  font-size:82px;
  line-height:62pt;
  color:#ED6C00;
  font-style:normal;
}
*/
.educaction_new_under_block_01 .en_voice_block h3{
  font-size: 40px;
  line-height: 42pt;
  font-weight: bold;
  margin:0 0 15px 0;
}
.educaction_new_under_block_01 .en_voice_block h3 em{
  font-size:82px;
  line-height:62pt;
  color:#ED6C00;
  font-style:normal;
}
.educaction_new_under_block_01 .en_voice_block .env_left h3 em span{
  font-size: 30px;
  line-height: 34pt;
}
.educaction_new_under_block_01 .en_voice_block h3 em span{
  font-size: 44px;
  line-height: 28pt;
}
.educaction_new_under_block_01 .en_voice_block .env_right{
  width:300px;
  padding:0 0 0 30px;
  line-height: 1.5;
  font-size: 1.2rem;
}
.educaction_new_under_block_01 .en_voice_block .env_right img{
  margin:0 0 10px 0;
}
.educaction_new_under_block_01 .env_bottom_area{
  margin:auto;
  padding:0 20px;
}
.educaction_new_under_block_01 .env_bottom_area ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.educaction_new_under_block_01 .env_bottom_area ul li{
  width:47%;
  max-width:47%;
  display:flex;
  margin-top:30px;
  justify-content: space-between;
}
.educaction_new_under_block_01 .env_bottom_area ul li .edy_photo{
  width:100px;
  margin-right:20px;
}
.educaction_new_under_block_01 .env_bottom_area ul li .edu_right{
  width:100%;
  flex:1;
  text-align: left;
}
.educaction_new_under_block_01 .env_bottom_area ul li .edu_right span{
  font-weight:bold;
  font-style:normal;
  line-height: 1.5;
  font-size: 1.2rem;
}
.educaction_new_under_block_01 .env_bottom_area ul li .edu_right em{
  color:#ED6C00;
  margin:5px 0 5px 0;
  font-weight:bold;
  font-style:normal;
  display:inline-block;
  font-size: 1.8rem;
  line-height: 1.7;
}

.edu_ttl_end{
  text-align:center;
  font-weight:bold;
  font-size:42px;
  line-height:46pt;
  color:#ED6C00;
  margin:0 0 80px 0;
}
.educaction_new_under_block_01 p{
    line-height: 1.87;
      font-size: 1.5rem;
}
.educaction_new_under_block_02{
  margin: 70px auto;
  color:#4C4948;
  background: url(../images/about/movies/bg_img_01.png) center 60px no-repeat;
  background-size:420px 100%;
}

.educaction_new_under_block_02 .ttl{
  color:#000;
  font-size:21px;
  line-height:24pt;
  margin:20px 0 10px 0;
  font-weight:bold;
}
.educaction_new_under_block_02 .ttl span{
  font-size:16px;
}
.educaction_new_under_block_02 .ttl.extra{
  padding:0 0 20px 40px;
}
.educaction_new_under_block_02 p{
    line-height: 1.87;
      font-size: 1.5rem;
}
.educaction_new_under_block_02 p span{
  font-size:11px;
}

/*-----1-----*/
.educaction_new_under_block_02 .education_area_01{
  position:relative;
  max-width:1000px;
  margin:auto;
  padding-bottom: 40px;
}
.educaction_new_under_block_02 .education_area_01 .e_start,
.educaction_new_under_block_02 .education_area_01 .e_second,
.educaction_new_under_block_02 .education_area_01 .e_third,
.educaction_new_under_block_02 .education_area_01 .e_four,
.educaction_new_under_block_02 .education_area_01 .e_five{
  text-align:center;
}


.educaction_new_under_block_02 .education_area_01 .e_start img,
.educaction_new_under_block_02 .education_area_01 .e_second img,
.educaction_new_under_block_02 .education_area_01 .e_third img,
.educaction_new_under_block_02 .education_area_01 .e_four img,
.educaction_new_under_block_02 .education_area_01 .e_five img{
  max-width:114px;
  margin:auto;
}
.educaction_new_under_block_02 .education_area_01 .e_five{
  display: flex;
  align-items: center;

}
.educaction_new_under_block_02 .education_area_01 .e_five .rights{

}

.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts{
  width:44%;
  margin: 50px 0 0 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows{
  text-align:right;
  position: relative;
  width:100%;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows .photo{
  margin-left: auto;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .rights,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .rights,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights{
  width:44%;
  /* margin:100px 0 0 0; */
}

.educaction_new_under_block_02 .education_area_01 .ed_area_04 .rights,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .rights{
  width:44%;
  margin:0px 0 0 0;
}

.educaction_new_under_block_02 .education_area_01 .ed_area_01 .rights .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .rights .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .rights .flows{
  position: relative;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .photo{
  max-width:300px;
  width:100%;
}

.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows.extra_margin,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights .flows.extra_margin{
  margin:0 0 60px 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights .flows.extra_margin.extra_right{
  margin:110px 0 80px 0;
}

.educaction_new_under_block_02 .icon01{
  position: absolute;
  max-width:84px;
  width:100%;
  top:25%;
  right:-60px;
}

.educaction_new_under_block_02 .icon011{
  position: absolute;
  max-width:84px;
  width:100%;
  top:-10%;
  left:-60px;
}
.educaction_new_under_block_02 .icon02{
  position: absolute;
  max-width:84px;
  width:100%;
  top:25%;
  left:-60px;
}
.educaction_new_under_block_02 .icon02.w-style img {
  max-width: 92%;
}
.educaction_new_under_block_02 .icon02.extra{
  position: absolute;
  max-width:84px;
  width:100%;
  top:-10%;
  left:-60px;
}
@media screen and (max-width: 900px){
  .educaction_new_under_block_02 .icon01{
    right:-50px;
  }
  .educaction_new_under_block_02 .icon02{
    left:-50px;
  }
  .educaction_new_under_block_02 .icon02.extra{
    left:-50px;
  }
}


.educaction_new_under_block_02 .education_area_01 .ed_area_01{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_07.png) center top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  padding:0px 0 55px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_02.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts {
  margin: 50px 0 0 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .ttl {
  margin: 20px 40px 10px 30px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .icon01 {
  top: -5%;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .icon01 {
  top: -15%;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .ttl {
  margin: 20px 40px 10px 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .rights {
  margin: 90px 0 0 0;
}

.educaction_new_under_block_02 .education_area_01 .ed_area_02{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_08.png) center top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  padding:0px 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_02:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_02:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_03.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}





.educaction_new_under_block_02 .education_area_01 .ed_area_03{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_09.png) center top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  padding:0px 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_03:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_03:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_04.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}





.educaction_new_under_block_02 .education_area_01 .ed_area_04{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_10.png) center top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  padding:0 0 30px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_05.png) center bottom no-repeat;
  background-size: 16px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 16px;
  width: 16px;
}

.flow_left_text{
  position: absolute;
  top:60px;
  left:55%;
  max-width:362px;
}



.educaction_new_under_block_03{
  background:#f7f7f7;
  margin: 80px auto 80px;
}
.educaction_new_under_block_03 .educaction_new_under_area_03{
  max-width: 1080px;
  padding:80px 0;
  margin-left: auto;
  margin-right: auto;
}

.educaction_new_under_block_03 .educaction_new_under_area_03 h3{
  text-align:center;
  font-size:30px;
  line-height:34pt;
  margin:0 0 30px 0;
  font-weight:bold;
  color:#4C4948;
}
.educaction_new_under_block_03 .educaction_new_under_area_03 .text_01{
  text-align:center;
    line-height: 1.87;
      font-size: 1.5rem;
  color:#4C4948;
}



/*
.educaction_new_under_area_03 .tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
*/

.educaction_new_under_area_03 .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:40px 0 0 0;
}
.educaction_new_under_area_03 .tab-label {
  color:#4C4948;
  background:#e9e9e9;
  font-weight: bold;
  font-size:18px;
  line-height:22pt;
  white-space: nowrap;
  text-align: center;
  padding: 20px 0em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;transition:all 0.5s;
}
.educaction_new_under_area_03 .tab-label:hover{
  background:#FFF;
  color:#ED6C00;
}
.educaction_new_under_area_03 .tab-label span{
  font-size:14px;
}
.educaction_new_under_area_03 .tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.educaction_new_under_area_03 .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.educaction_new_under_area_03 .tab-switch:checked+.tab-label {
  background: #FFFFFF;
  color:#ED6C00;
}
.educaction_new_under_area_03 .tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 70px;
  opacity: 1;
  transition: .5s opacity;
  /*
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  */
  background:#FFF;
}
/* ラジオボタン非表示 */
.educaction_new_under_area_03 .tab-switch {
  display: none;
}

.educaction_new_under_area_03 .case_block{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.educaction_new_under_area_03 .case_block img{
  width:50%;
  max-width:424px;
}
.educaction_new_under_area_03 .case_area{
  padding:0 0 0 45px;
}
.educaction_new_under_area_03 .case_area div{
  font-weight:bold;
  color:#ED6C00;
  font-size:15px;
  line-height:20pt;
}
.educaction_new_under_area_03 .case_area div em{
    background: #ED6C00;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color:#FFF;
    display: inline-block;
    vertical-align:middle;
    margin:0 0 0 12px;
    font-style:normal;
    font-size:17px;
}
.educaction_new_under_area_03 .case_area div em span{
  display:block;
  padding:6px 0 0 0;
  text-align:center;
}
.educaction_new_under_area_03 .case_area h4{
  color:#000;
  font-size:28px;
  line-height:32pt;
  margin:10px 0 25px 0;
}
.educaction_new_under_area_03 .case_area p{
    line-height: 1.87;
      font-size: 1.5rem;
  color:#4C4948;
}
.educaction_new_under_area_03 .subtl{
  font-weight:bold;
  color:#000;
  font-size:21px;
  line-height:24pt;
  margin:30px 0;
}
.btnLink_02 {
    position: relative;
    text-align: center;
}
.btnLink_02 a:not(.arrow) {
    border: 1px #4C4948 solid;
    border-radius: 28px;
    display: inline-block;
    width: 260px;
    line-height: 54px;
    color: #4C4948;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
}
html:not(.iOS) .btnLink_02 a:not(.arrow):hover {
    color: #fff;
    background-color: #4C4948;
}

.educaction_new_under_area_03 .ed_flow_box{
  display:flex;
  margin:0 0 40px 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas{
  width:32%;
  margin:0 2% 0 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas.nmg{
  width:32%;
  margin:0 0% 0 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas div{
    background: #ED6C00 url(../images/recruit/educaction/bg_img_11.png) right center no-repeat;
    background-size: contain;
    color:#FFF;
    font-weight:bold;
    font-size:18px;
    line-height:22pt;
    text-align:center;
    width:100%;
    padding:15px 0;
    margin:0 0 15px 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas.nmg div{
    background: #ED6C00 url(../images/recruit/educaction/bg_img_12.png) right center no-repeat;
    background-size: contain;
}
.educaction_new_under_area_03 .ed_flow_box .areas li{
  font-size:14px;
  line-height:16pt;
  margin:4px 0 0 0;
  color:#4C4948;
  }
  .educaction_new_under_area_03 .ed_flow_box .areas ul.indnts li{
    text-indent: -1em;
  padding-left: 1em;
  }
.educaction_new_under_area_03 .tab-label em{
  padding:0 5px;
  font-style:normal;
}


@media all and (-ms-high-contrast: none) {
  .educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts,
  .educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts,
  .educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts,
  .educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts{
    max-width:44%;
    width:auto;
  }
  .educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows,
  .educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows,
  .educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows,
  .educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows{
    text-align:right;
    position: relative;
    width:100%;
  }
  .educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows .photo,
  .educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows .photo,
  .educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows .photo,
  .educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows .photo{
    margin-left: auto;
  }
  .educaction_new_under_block_02 .education_area_01 .ed_area_01 .rights,
  .educaction_new_under_block_02 .education_area_01 .ed_area_02 .rights,
  .educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights{
    max-width:44%;
    width:auto;
    margin:100px 0 0 0;
  }

  .educaction_new_under_block_02 .education_area_01 .ed_area_04 .rights{
   max-width:44%;
   width:auto;
    margin:0px 0 0 0;
  }
  .educaction_new_under_block_02 p{
    max-width:300px;
  }
  .educaction_new_under_block_02 .ttl{
    max-width:300px;
  }
  .educaction_new_under_block_02 .ttl.extra{
    max-width:255px;
  }
}

.flow_right_text {
  margin-bottom: 100px;
}


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

  /* .educaction_new_under_block_01 .env_bottom_area ul li:nth-child(1){
    order:1;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li:nth-child(2){
    order:2;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li:nth-child(3){
    order:4;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li:nth-child(4){
    order:3;
  } */
  .welfareBlocks ul.bottom_list li{
    background: #d2897b;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    font-size: 1.3rem;
    line-height:1.4;
    padding: 10px 25px;
}
  .educaction_new_under_area_03 .case_block img{
    width:100%;
    max-width:100%;
  }
  .flow_right_text{
    position: relative;
    top:auto;
    left:0%;
    max-width:100%;
    margin:0 0 30px 0;
  }

  .educaction_new_under_block_01{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 0px;
    margin-bottom:0px;
  }
  .educaction_new_under_block_01 h2{
    font-size:21px;
    line-height:24pt;
    margin:0 0 10px 0;
  }
  .educaction_new_under_block_01 .env_ttl{
    font-size:21px;
    line-height:24pt;
    margin:0px 0 0px 0;
    padding:0px 0 0px 0;
  }
  .educaction_new_under_block_01 .en_voice_block.extra{
    padding:0 0 30px 0;
  }
  .educaction_new_under_block_01 .en_voice_block h3 em{
    font-size: 72px;
  }
  .educaction_new_under_block_01 .env_ttl.extra{
    font-size: 21px;
    line-height: 24pt;
    margin: 0px 0 0px 0;
  }
  .educaction_new_under_block_01 .en_voice_block{
    display:flex;
    justify-content:space-between;
    max-width:100%;
    margin:0 auto 0;
    padding:0px 0 0px 0;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
  }
  .educaction_new_under_block_01 .en_voice_block h3 {
    font-size: 28px;
    line-height: 28pt;
    font-weight: bold;
    margin: 0 0 15px 0;
}
  .educaction_new_under_block_01 .en_voice_block .env_left{
    flex:auto;
    width:100%;
    text-align:center;
    padding:0;
    border:none;
  }
  .educaction_new_under_block_01 .en_voice_block .env_left h3{
    font-size: 21px;
    line-height: 24pt;
    font-weight: bold;
    margin:0 0 10px 0;
  }
  .educaction_new_under_block_01 .en_voice_block .env_left h3 em{
    font-size:82px;
    line-height:62pt;
    color:#ED6C00;
    font-style:normal;
  }
  .educaction_new_under_block_01 .en_voice_block .env_left h3 em span{
    font-size: 21px;
    line-height: 24pt;
  }
  .educaction_new_under_block_01 .en_voice_block .env_right{
    width:100%;
    padding:15px 0 0 0px;
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .educaction_new_under_block_01 .en_voice_block .env_right img{
    width:60%;
    margin:0 auto 10px;
    display: block;
  }
  .educaction_new_under_block_01 .env_bottom_area{
    padding:0px 0 60px 0;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li{
    width:100%;
    max-width:100%;
    display:flex;
    margin-top:30px;
    justify-content: space-between;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li .edy_photo{
    width:65px;
    margin-right:20px;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li .edu_right{
    width:100%;
    flex:1;
    text-align: left;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li .edu_right p{
    line-height: 1.8;
    font-size: 1.4rem;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li .edu_right span{
    font-weight:bold;
    font-style:normal;
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .educaction_new_under_block_01 .env_bottom_area ul li .edu_right em{
    color:#ED6C00;
    margin:5px 0 5px 0;
    font-weight:bold;
    font-style:normal;
    display:inline-block;
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .educaction_new_under_block_02 {
      margin: 20px auto 0;
      color: #4C4948;
      background: url(../images/about/movies/bg_img_01.png) left 40px no-repeat;
      background-size: 50% 95.5%;
  }
  .educaction_new_under_block_02 .education_area_01 .e_start img,
  .educaction_new_under_block_02 .education_area_01 .e_second img,
  .educaction_new_under_block_02 .education_area_01 .e_third img,
  .educaction_new_under_block_02 .education_area_01 .e_four img,
  .educaction_new_under_block_02 .education_area_01 .e_five img{
    max-width:80px;
    margin:0 0 0 20px;
  }
  .educaction_new_under_block_02 .ttl {
      color: #000;
      font-size: 18px;
      line-height: 21pt;
      margin: 20px 0 10px 0;
      font-weight: bold;
  }

.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts{
 width:100%;
 max-width:100%;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows{
  text-align:left;
  position: relative;
}


.flow_sp_margin{
  margin:0 0 40px 0;
}

.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows.extra_margin,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights .flows.extra_margin{
  margin:0 0 40px 0;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .lefts .flows .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .flows .photo{
  margin-left: 0;
  position: relative;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .rights,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .rights,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .rights{
  width:100%;
  max-width:100%;
  margin:0px 0 0 0;
}
.educaction_new_under_block_02 .ttl{
  max-width:100%;
}
.educaction_new_under_block_02 p{
  max-width:100%;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_02 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_03 .photo,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .photo{
  max-width:100%;
  width:100%;
  position: relative;
}
.educaction_new_under_block_02 .icon01{
  position: absolute;
  max-width:60px;
  width:100%;
  top:40%;
  right:auto;
  left:-45px;
}
.educaction_new_under_block_02 .icon02{
  position: absolute;
  max-width:60px;
  width:100%;
  top:40%;
  left:-45px;
}
.educaction_new_under_block_02 .icon02.extra{
  position: absolute;
  max-width:60px;
  width:100%;
  top:40%;
  left:-45px;
}

.educaction_new_under_block_02 .education_area_01 .ed_area_01{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_07.png) 50px top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: block;
  max-width: 1080px;
  padding:0px 20px 0 100px;
  display: flex;
  flex-direction: column-reverse;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_02.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_01 .lefts,
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts {
  margin: 20px 0 0 0;
}


.educaction_new_under_block_02 .education_area_01 .ed_area_04 .lefts .ttl {
  margin: 20px 0 10px 30px;
}



.educaction_new_under_block_02 .education_area_01 .ed_area_02{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_08.png) 50px top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: block;
  max-width: 1080px;
  padding:0px 20px 0 100px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_02:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_02:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_03.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}




.educaction_new_under_block_02 .education_area_01 .ed_area_03{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_09.png) 50px top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: block;
  max-width: 1080px;
  padding:0px 20px 0 100px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_03:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_03:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_04.png) center bottom no-repeat;
  background-size:16px 16px;
  position: absolute;
  bottom:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}



.educaction_new_under_block_02 .education_area_01 .ed_area_04{
  margin:20px auto;
  background:url(../images/recruit/educaction/bg_img_10.png) 50px top no-repeat;
  background-size:16px 100%;
  position: relative;
  display: block;
  max-width: 1080px;
  padding:0px 20px 0 100px;
  display: flex;
  flex-direction: column-reverse;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04:before{
  content:"";
  background:url(../images/recruit/educaction/bg_img_01.png) center top no-repeat;
  background-size:16px 16px;
  position: absolute;
  top:0;
  left:50px;
  right:auto;
  height:16px;
  width:16px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04:after{
  content:"";
  background:url(../images/recruit/educaction/bg_img_05.png) center bottom no-repeat;
  background-size: 16px 16px;
  position: absolute;
  bottom: 0;
  left: 50px;
  right: auto;
  height: 16px;
  width: 16px;
}
.educaction_new_under_block_02 .ttl.extra{
  padding:0 0 0px 0px;
}
.educaction_new_under_block_02 .education_area_01 .ed_area_04 .rights {
    width: 100%;
    margin: 0px 0 0 0;
}

.educaction_new_under_block_02 .education_area_01 .e_five .right_text{
  padding:0 0 0 25px;
  font-size:21px;
  line-height:24pt;
  font-weight:bold;
  color:#ED6C00;
}
.educaction_new_under_block_02 .education_area_01 .e_start,
.educaction_new_under_block_02 .education_area_01 .e_second,
.educaction_new_under_block_02 .education_area_01 .e_third,
.educaction_new_under_block_02 .education_area_01 .e_four,
.educaction_new_under_block_02 .education_area_01 .e_five{
  text-align:left;
}


.educaction_new_under_block_03{
  background:#f7f7f7;
  margin: 60px auto 60px;
}
.educaction_new_under_block_03 .educaction_new_under_area_03{
  max-width: 100%;
  padding:60px 0;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
}

.educaction_new_under_block_03 .educaction_new_under_area_03 h3{
  font-size: 21px;
    line-height: 24pt;
    margin: 0 0 10px 0;
}
.educaction_new_under_area_03 .tab-wrap {
    margin: 30px 0 0 0;
}


.educaction_new_under_area_03 .tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    padding: 25px;
    opacity: 1;
    transition: .5s opacity;
    /* box-shadow: 0 0 3px rgb(0 0 0 / 20%); */
    background: #FFF;
}
.educaction_new_under_area_03 .case_block {
    display: block;
}

.educaction_new_under_area_03 .tab-label {
    font-size: 14px;
    line-height: 18pt;
    padding: 10px 0em;
}
.educaction_new_under_area_03 .tab-label em{
  padding:0 5px;
  font-style:normal;
}
.educaction_new_under_area_03 .tab-label{
    white-space: unset;
    flex:auto;
}
.educaction_new_under_area_03 .tab-label:nth-of-type(1){
  width:100%;
  max-width:32%;
  display:inline-block;
  margin-right: 2%;
  margin-bottom:2%;
}
.educaction_new_under_area_03 .tab-label:nth-of-type(2){
  width:100%;
  max-width:32%;
  display:inline-block;
  margin-right: 2%;
  margin-bottom:2%;
}
.educaction_new_under_area_03 .tab-label:nth-of-type(3){
  width:100%;
  max-width:32%;
  display:inline-block;
  margin-right: 0px;
  margin-bottom:2%;
}
.educaction_new_under_area_03 .tab-label:nth-of-type(4){
  width:100%;
  max-width:49%;
  display:inline-block;
  margin-right: 2%;
  margin-bottom:2%;
}
.educaction_new_under_area_03 .tab-label:nth-of-type(5){
  width:100%;
  max-width:49%;
  display:inline-block;
  margin-right: 0px;
  margin-bottom:2%;
}

.educaction_new_under_area_03 .tab-label span {
    font-size: 11px;
}
.educaction_new_under_area_03 .case_area {
    padding: 25px 0 0 0px;
}
.educaction_new_under_area_03 .case_area h4 {
    color: #000;
    font-size: 20px;
    line-height: 24pt;
    margin: 10px 0 20px 0;
}
.educaction_new_under_area_03 .subtl {
    font-size: 18px;
    line-height: 21pt;
    margin: 25px 0 15px 0;
    text-align:center;
}
.educaction_new_under_area_03 .ed_flow_box {
    display: block;
    margin: 0 0 30px 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas {
    width: 100%;
    margin: 0 0% 5% 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas div {
    background: #ED6C00 url(../images/recruit/educaction/bg_img_12.png) right center no-repeat;
    background-size: contain;
    font-size:15px;
    padding:8px 0 ;
}
.educaction_new_under_area_03 .ed_flow_box .areas.nmg{
    width: 100%;
    margin: 0 0% 0% 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas{
  position: relative;
  margin:0 0 45px 0;
}
.educaction_new_under_area_03 .ed_flow_box .areas:after{
  content:"";
    background:url(../images/recruit/educaction/bg_img_13.png) center center no-repeat;
    background-size:30px 15px;
    position: absolute;
  width:30px;
  height:15px;
    right:0;
    left:0;
    margin:auto;
    bottom:-30px;
}
.educaction_new_under_area_03 .ed_flow_box .areas.nmg:after{
  content:none;
}
.btnLink_02 a:not(.arrow) {
    width: 240px;
}
}
































/*-----------------------JOBS---------------------*/

.jobs_new_under_block_01{
  margin: 80px auto;
  max-width: 1080px;
  color:#4C4948;
  text-align:center;
}
.jobs_new_under_block_01 h2{
  font-size:30px;
  line-height:32pt;
  margin:0 0 15px 0;
}

.jobs_new_under_block_01 p{
    line-height: 1.87;
      font-size: 1.5rem;
}
.jobs_new_under_block_01 .ak_links{
  display:flex;
  flex-wrap: wrap;
  margin:40px auto 0;
  max-width:920px;
  width:100%;
  justify-content: center;
}
.guidelineAnchor .ak_links{
  display:flex;
  flex-wrap: wrap;
  margin:0px auto 0;
  max-width:920px;
  width:100%;
  justify-content: center;
}
.jobs_new_under_block_01 .ak_links li,
.guidelineAnchor .ak_links li{
  width:80%;
  max-width:280px;
  margin:0 5px 10px 5px;
  display: flex;
}
.guidelineTable dl dd .guideline_links a{
  display: inline-block;
    padding: 10px 40px;
    color: #ED6C00;
    font-size: 13px;
    line-height: 16pt;
    font-weight: bold;
    border-radius: 100px;
    background: #ececec;
    transition: ease .3s;
    margin:20px 0 0 0;
    text-decoration: none;
}
.guidelineTable dl dd .guideline_links a:hover{
  text-decoration: none;
  background: #ED6C00;
  color: #FFF;
}
.jobs_new_under_block_01 .ak_links li a,
.guidelineAnchor .ak_links li a{
  display:inline-block;
  width:100%;
  text-align:center;
  padding:10px 25px;
  color:#ED6C00;
  font-size:13px;
  line-height:16pt;
  font-weight:bold;
    border-radius: 100px;
    background:#ececec url(../images/jobs/icon_img_01.png) 90% center no-repeat;
    background-size:14px 9px;
        transition: ease .3s;
}
.jobs_new_under_block_01 .ak_links li a:hover,
.guidelineAnchor .ak_links li a:hover{
  text-decoration:none;
    background:#ED6C00 url(../images/jobs/icon_img_02.png) 90% center no-repeat;
    background-size:14px 9px;
    color:#FFF;
}
.guidelineAnchor .ak_links li a.only-sp{
  display:none;
}
.jobs_new_under_block_02{
  background:#f7f7f7;
}
.btnLink_03 {
    position: relative;
    text-align: center;
}
.btnLink_03 a:not(.arrow) {
    border: 1px #4C4948 solid;
    border-radius: 28px;
    display: inline-block;
    width: 260px;
    line-height: 54px;
    color: #4C4948;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
}
html:not(.iOS) .btnLink_03 a:not(.arrow):hover {
    color: #fff;
    background-color: #4C4948;
}





.jobs_new_under_block_02 .gray_base_01,
.jobs_new_under_block_02 .gray_base_02,
.jobs_new_under_block_02 .gray_base_03,
.jobs_new_under_block_02 .gray_base_04,
.jobs_new_under_block_02 .gray_base_05{
  padding:80px 0;
  transition:all 0.5s;
}

.jobs_new_under_block_02 .gray_space_box01{
    background:url(../images/jobs/photo_img_01.jpg) right center no-repeat;
    background-size:50% auto;
}
.jobs_new_under_block_02 .gray_space_box02{
    background:url(../images/jobs/photo_img_02.jpg) left center no-repeat;
    background-size:50% auto;
}
.jobs_new_under_block_02 .gray_space_box03{
    background:url(../images/jobs/photo_img_03.jpg) right center no-repeat;
    background-size:50% auto;
}
.jobs_new_under_block_02 .gray_space_box04{
    background:url(../images/jobs/photo_img_04.jpg) left center no-repeat;
    background-size:50% auto;
}
.jobs_new_under_block_02 .gray_space_box05{
    background:url(../images/jobs/photo_img_05.jpg) right center no-repeat;
    background-size:50% auto;
}

.jobs_new_under_block_02 .gray_space_block01,
.jobs_new_under_block_02 .gray_space_block02,
.jobs_new_under_block_02 .gray_space_block03,
.jobs_new_under_block_02 .gray_space_block04,
.jobs_new_under_block_02 .gray_space_block05{
  display: flex;
  align-items: center;
  max-width:1080px;
  margin:0 auto 0;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts,
.jobs_new_under_block_02 .gray_space_block03 .lefts,
.jobs_new_under_block_02 .gray_space_block05 .lefts{
  width:45%;
  padding:80px 5% 80px 0;
}
.jobs_new_under_block_02 .gray_space_block02 .rights{
  width:45%;
  padding:80px 0 80px 5%;
  margin-left:auto;
}
.jobs_new_under_block_02 .gray_space_block04 .rights{
  width:45%;
  padding:40px 0 40px 5%;
  margin-left:auto;
}

.jobs_new_under_block_02 .gray_base_02.wht,
.jobs_new_under_block_02 .gray_base_04.wht{
  background:linear-gradient(90deg,#f7f7f7 0%,#f7f7f7 15%,#FFFFFF 15%,#FFFFFF 100%);
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr{

}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr .eng,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr .eng,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr .eng,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr .eng,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr .eng{
  font-size:12px;
  line-height:14pt;
  color:#b2b2b2;
  margin:0 0 15px 0;
  font-weight:bold;
  padding:0 0 0 10%;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr .eng em,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr .eng em,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr .eng em,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr .eng em,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr .eng em{
  color:#ED6C00;
  font-style:normal;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr h3,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr h3,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr h3,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr h3{
  font-size:37px;
  line-height:40pt;
  font-weight:bold;
  color:#4C4948;
  margin:0 0 30px 0;
  padding:0 0 0 10%;
  background:url(../images/jobs/bg_img_03.png) left center no-repeat;
  background-size:10px 35px
}

.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3{
  font-size:37px;
  line-height:40pt;
  font-weight:bold;
  color:#4C4948;
  margin:0 0 30px 0;
  padding:0 0 0 10%;
  background:url(../images/jobs/bg_img_03.png) left 10px no-repeat;
  background-size:10px 35px;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .inr h3 span,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr h3 span,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr h3 span,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3 span,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr h3 span{
  font-size:37px;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .inr p,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr p,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr p,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr p,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr p{
  line-height: 1.87;
  font-size: 1.5rem;
  margin:0 0 30px 0;
  color:#4C4948;
  padding:0 0 0 10%;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .btnLink_03,
.jobs_new_under_block_02 .gray_space_block02 .rights .btnLink_03,
.jobs_new_under_block_02 .gray_space_block03 .lefts .btnLink_03,
.jobs_new_under_block_02 .gray_space_block04 .rights .btnLink_03,
.jobs_new_under_block_02 .gray_space_block05 .lefts .btnLink_03{
  text-align:left;

}
.jobs_new_under_block_02 .gray_space_block01 .lefts .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block02 .rights .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block03 .lefts .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block04 .rights .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block05 .lefts .btnLink_03 a{
  margin:0 0 0 10%;
}

.jobs_new_under_block_03{
  margin: 80px auto;
  max-width: 1080px;
  color:#4C4948;
  text-align:center;
}
.jobs_new_under_block_03 .ttl{
  max-width:296px;
  margin:auto;
}
.jobs_new_under_block_03 a {
    max-width:735px;
    width: 100%;
    position: relative;
    transition: .3s;
}
.jobs_new_under_block_03 a .imgWrap{
    overflow: hidden;
    width: 100%;
    background: #FFF;
    max-width:735px;
    margin:50px auto 0 ;
}
.jobs_new_under_block_03 a .imgWrap img {
    display: block;
    transition-duration: 0.3s;
}
.jobs_new_under_block_03 a:hover .imgWrap img {
    transform: scale(1.05);
    transition-duration: 0.3s;
    opacity: 0.5;
}
/*

.jobs_new_under_block_02 .gray_space_block01 img{
  width:50%;
  max-width:100%; 
}
*/



@media screen and (min-width: 766px) and (max-width:1400px) {
  .jobs_new_under_block_02 .gray_base_01,
  .jobs_new_under_block_02 .gray_base_02,
  .jobs_new_under_block_02 .gray_base_03,
  .jobs_new_under_block_02 .gray_base_04,
  .jobs_new_under_block_02 .gray_base_05{
      padding: 40px 0;
  }
}
@media screen and (min-width: 766px) and (max-width:1100px) {
  .jobs_new_under_block_02 .gray_space_block01 .lefts .inr h3 span,
  .jobs_new_under_block_02 .gray_space_block02 .rights .inr h3 span,
  .jobs_new_under_block_02 .gray_space_block03 .lefts .inr h3 span,
  .jobs_new_under_block_02 .gray_space_block04 .rights .inr h3 span,
  .jobs_new_under_block_02 .gray_space_block05 .lefts .inr h3 span{
    font-size:16px;
  }
  .jobs_new_under_block_02 .gray_space_block04 .rights .inr h3{
    line-height:40pt;
    background:url(../images/jobs/bg_img_03.png) left center no-repeat;
    background-size:10px 35px;
    margin: 30px 0 35px 0;
  }
  .jobs_new_under_block_02 .gray_space_block01 .lefts,
  .jobs_new_under_block_02 .gray_space_block02 .lefts,
  .jobs_new_under_block_02 .gray_space_block03 .lefts,
  .jobs_new_under_block_02 .gray_space_block04 .lefts,
  .jobs_new_under_block_02 .gray_space_block05 .lefts{
    width:45%;
    padding:5% 5% 5% 0;
  }
  .jobs_new_under_block_02 .gray_space_block01 .rights,
  .jobs_new_under_block_02 .gray_space_block02 .rights,
  .jobs_new_under_block_02 .gray_space_block03 .rights,
  .jobs_new_under_block_02 .gray_space_block04 .rights,
  .jobs_new_under_block_02 .gray_space_block05 .rights{
    width:40%;
    padding:5% 5% 5% 5%;
  }
}




@media screen and (max-width: 767px){
  .guidelineAnchor .ak_links li{
    width:100%;
  }
  .guidelineAnchor .ak_links li a.only-pc{
    display:none;
  }
  .guidelineAnchor .ak_links li a.only-sp {
    display:inline-block;
}
.jobs_new_under_block_02{
  padding:20px 0 60px 0;
}
.jobs_new_under_block_01{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 60px;
    margin-bottom:0px;
  }
  .jobs_new_under_block_01 h2{
    font-size:21px;
    line-height:24pt;
    margin:0 0 10px 0;
  }
 .jobs_new_under_block_01 .ak_links{
  margin:20px auto 0;
}
.jobs_new_under_block_01 .ak_links li{
  width:100%;
  max-width:100%;
  margin:0 0 2% 0px;
  display: flex;
}
.jobs_new_under_block_01 .ak_links li a{
  text-align:center;
    background:#ececec url(../images/jobs/icon_img_01.png) 95% center no-repeat;
    background-size:14px 9px;
}

.jobs_new_under_block_01 .ak_links li a:hover{
  background:#ececec url(../images/jobs/icon_img_01.png) 95% center no-repeat;
  background-size:14px 9px;
  color: #ED6C00;
}

.btnLink_03 a:not(.arrow) {
    width: 240px;
}

.jobs_new_under_block_02 .gray_space_block01,
.jobs_new_under_block_02 .gray_space_block02,
.jobs_new_under_block_02 .gray_space_block03,
.jobs_new_under_block_02 .gray_space_block04,
.jobs_new_under_block_02 .gray_space_block05{
  display: block;
  max-width:100%;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts,
.jobs_new_under_block_02 .gray_space_block03 .lefts,
.jobs_new_under_block_02 .gray_space_block05 .lefts{
   width:auto;
  padding:20px 0% 0px 0;
  margin-left: calc(70/828*100vw);
}
.jobs_new_under_block_02 .gray_space_block02 .rights{
  width:auto;
  padding:20px 0 0px 0%;
  margin-right: calc(70/828*100vw);
}
.jobs_new_under_block_02 .gray_space_block04 .rights{
   width:auto;
  padding:20px 0 0px 0%;
  margin-right: calc(70/828*100vw);
}

.jobs_new_under_block_02 .gray_base_01,
.jobs_new_under_block_02 .gray_base_02,
.jobs_new_under_block_02 .gray_base_03,
.jobs_new_under_block_02 .gray_base_04{
  padding:20px 0;
  transition:all 0.5s;
}
.jobs_new_under_block_02 .gray_base_05{
  padding:20px 0 0 0;
  transition:all 0.5s;
}
.jobs_new_under_block_02 .gray_space_box01{
    background:none;
}
.jobs_new_under_block_02 .gray_space_box02{
    background:none;
}
.jobs_new_under_block_02 .gray_space_box03{
    background:none;
}
.jobs_new_under_block_02 .gray_space_box04{
    background:none;
}
.jobs_new_under_block_02 .gray_space_box05{
    background:none;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .inr .eng,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr .eng,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr .eng,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr .eng,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr .eng{
  font-size:10px;
  line-height:12pt;
  margin:0 0 10px 0;
  font-weight:bold;
  padding:0 0 0 10%;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr h3,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr h3,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr h3,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr h3{
  font-size:21px;
  line-height:24pt;
  margin:0 0 20px 0;
  padding:0 0 0 10%;
  background:url(../images/jobs/bg_img_03.png) left center no-repeat;
  background-size:6px 25px;
}

.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3{
  font-size:21px;
  line-height:24pt;
  font-weight:bold;
  color:#4C4948;
  margin:0 0 20px 0;
  padding:0 0 0 10%;
  background:url(../images/jobs/bg_img_03.png) left center no-repeat;
  background-size:6px 25px;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .inr h3 span,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr h3 span,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr h3 span,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr h3 span,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr h3 span{
  font-size:13px;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr p,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr p,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr p,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr p,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr p{
  margin:0 0 30px 0;
  padding:0 0 0 10%;
}

.jobs_new_under_block_02 .gray_space_block01 .lefts .btnLink_03,
.jobs_new_under_block_02 .gray_space_block02 .rights .btnLink_03,
.jobs_new_under_block_02 .gray_space_block03 .lefts .btnLink_03,
.jobs_new_under_block_02 .gray_space_block04 .rights .btnLink_03,
.jobs_new_under_block_02 .gray_space_block05 .lefts .btnLink_03{
  text-align:left;

}
.jobs_new_under_block_02 .gray_space_block01 .lefts .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block02 .rights .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block03 .lefts .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block04 .rights .btnLink_03 a,
.jobs_new_under_block_02 .gray_space_block05 .lefts .btnLink_03 a{
  margin:0 0 0 10%;
}
.jobs_new_under_block_02 .gray_space_block01 .lefts .inr,
.jobs_new_under_block_02 .gray_space_block02 .rights .inr,
.jobs_new_under_block_02 .gray_space_block03 .lefts .inr,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr,
.jobs_new_under_block_02 .gray_space_block05 .lefts .inr{
  margin-top:30px;
  margin-bottom:30px;
  margin-right: calc(70/828*100vw);
}
.jobs_new_under_block_02 .gray_space_block02 .rights .inr,
.jobs_new_under_block_02 .gray_space_block04 .rights .inr{
  margin-top:30px;
  margin-bottom:30px;
  margin-right: calc(70/828*100vw);
  margin-left: calc(70/828*100vw);
}


.jobs_new_under_block_02 .gray_base_02.wht,
.jobs_new_under_block_02 .gray_base_04.wht{
  background:linear-gradient(90deg,#f7f7f7 0%,#f7f7f7 8.6%,#FFFFFF 8.6%,#FFFFFF 100%);
}
.jobs_new_under_block_03 {
    margin: 60px auto;
    text-align: center;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 0px;
}
.jobs_new_under_block_03 a .imgWrap {
    margin: 20px auto 0;
}
.jobs_new_under_block_03 .ttl {
    max-width: 200px;
    margin: auto;
}
}



@media screen and (min-width: 650px) and (max-width: 766px) {
  .jobs_new_under_block_01 .ak_links li{
    width:100%;
    max-width:47%;
    margin:0 1% 2% 1%;
    display: flex;
  }
  .guidelineAnchor .ak_links li{
    width:100%;
    max-width:47%;
  }
}































/*-----------------------jobs_number---------------------*/


.jobs_number_new_under_block_01{
    margin: 80px auto 40px;
    max-width: 1080px;
    color: #4C4948;
}
.jobs_number_new_under_block_01 .jobs_number_area01{
  display:flex;
  justify-content: space-between;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_photo{
  width:100%;
  max-width:440px;
  padding: 0 0 0 70px;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_photo img{
  width:100%;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01{
  
  max-width:570px;
}

.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 h2{
  font-size: 36px;
  line-height: 40pt;
  font-weight: bold;
  color: #4C4948;
  margin: 0 0 30px 0;
  padding: 0 0 0 7%;
  background: url(../images/jobs/bg_img_03.png) left center no-repeat;
  background-size: 10px 35px;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 h2.sft{
  background-size: 10px 100%;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 p{
  line-height: 1.87;
  font-size: 1.5rem;
  margin:0 0 20px 0;
  color:#4C4948;
  padding:0 0 0 7%;
}
.jobs_number_new_under_block_01 .jobs_number_list_block{
  position: relative;
  background:#f7f7f7;
  margin:100px auto 0;
  padding:50px 80px 30px;
  max-width: 1080px;
}

.jobs_number_new_under_block_01 .jobs_number_list_block .project_text{
  width:100%;
  max-width:50px;
  position:absolute;
  right:30px;
  top:-60px;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .ttl{
  display:inline-block;
  text-align:center;
  background:#ED6C00;
  color:#FFF;
  font-size:16px;
  line-height:18pt;
  padding:12px 0px;
  position: absolute;
  right:0;
  left:0;
  margin:auto;
  top:-25px;
  width:240px;
  font-weight:bold;
}
.jobs_number_new_under_block_01 .jobs_number_list_block ul li{
  background: url(../images/jobs/icon_img_03.png) left 5px no-repeat;
  background-size: 15px 15px;
  padding:0 0 0 25px;
  color:#4C4948;
  font-size:16px;
  line-height:16pt;
  font-weight:bold;
  margin:0 0 7px 0;
}


.jobs_number_new_under_block_02{
  max-width:920px;
  margin:80px auto 0;
}
.jobs_number_new_under_block_02 h2{
  color:#4C4948;
  font-size:32px;
  line-height:36pt;
  text-align:center;
  background: url(../images/jobs/bg_img_05.png) center center no-repeat;
  background-size: 100% 3px;
}
.jobs_number_new_under_block_02 h2 span{
  display:inline-block;
  background:#FFF;
  padding:20px 35px;
}


.jobs_number_new_under_block_02 ul{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.jobs_number_new_under_block_02 li{
  height:90px;
  width:90px;
  text-align:center;
  display:inline-block;
  background:#c9bc9c;
  color:#FFF;
  font-size:17px;
  font-weight:bold;
  line-height: 90px;
  border-radius: 50%;
  margin:0 5px;
}
.jobs_number_new_under_block_02 li.color01{background:#c9bc9c;}
.jobs_number_new_under_block_02 li.color02{background:#f5a22d;}
.jobs_number_new_under_block_02 li.color03{background:#c6d800;}
.jobs_number_new_under_block_02 li.color04{background:#c66fa9;}
.jobs_number_new_under_block_02 li.color05{background:#32b0cc;}
.jobs_number_new_under_block_02 li.color06{background:#7eb992;}
.jobs_number_new_under_block_02 li.color07{background:#96a8c2;}
.jobs_number_new_under_block_02 li.color08{background:#f08e8a;}
.jobs_number_new_under_block_02 li.color09{background:#4d75b9;}




.btnLink_04 {
    position: relative;
    text-align: center;
    margin:40px auto 0;
}
.btnLink_04 a:not(.arrow) {
    border: 1px #4C4948 solid;
    border-radius: 28px;
    display: inline-block;
    width: 360px;
    line-height: 54px;
    color: #4C4948;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
}
html:not(.iOS) .btnLink_04 a:not(.arrow):hover {
    color: #fff;
    background-color: #4C4948;
}

.anotherArticle .largeTitle.jobs_number_margin{
  margin:0 0 0 0;
}

.jobs_number_new_under_block_03{
  background:#f7f7f7;
  padding:120px 0;
  margin:80px auto 0;
}

.link_btn_05{
  text-align:center;
  margin:0px 0 80px 0;
}
div.link_btn_05 a {
    border-radius: 28px;
    display: inline-block;
    width: 300px;
    line-height: 54px;
    color: #FFFFFF;
    background: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
    margin: 40px 0 0 0;

}
div.link_btn_05 a:hover {
    background: #333333;
}
div.link_btn_05 span {
    border-radius: 28px;
    display: inline-block;
    width: 300px;
    line-height: 54px;
    color: #FFFFFF;
    background: #ED6C00;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
    margin: 40px 0 0 0;
    cursor: pointer;
}
div.link_btn_05 span:hover {
    background: #333333;
}
.jobs_number_banner{
  margin:80px auto;
  max-width:660px;
}

.jobs_number_banner a img{
  transition: .3s;
}
.jobs_number_banner a:hover img{
  opacity:0.7;

}

.jobs_number_new_under_block_01 .jobs_number_list_block .ttl2{
  font-size:24px;
  font-weight:bold;
  margin:0 0 20px 0;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .ttl3{
  font-size:24px;
  font-weight:bold;
  margin:40px 0 20px 0;
}

.largeTitle .jpn{
  line-height:20pt;
}


.work_personList {
  margin: 0 auto;
  padding: 50px 0 0;
  max-width: 1046px;
  width: 100%;
}
.work_personList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work_personList ul li {
  margin: 0 0 40px 0;
  width: calc(296/1046*100%) !important;
}

.jobs_number_new_under_block_01.project {
  max-width: 100%;
  width: 100%;
  background: linear-gradient(180deg, #ED6C00 0%, #ED6C00 17%, #F7F7F7 17%, #F7F7F7 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.jobs_number_project_block {
  max-width: 1040px;
  margin: 80px auto;
}
.jobs_number_project_block h2 {
  color: #fff;
  font-size: 36px;
  margin: 0 0 50px 0;
  text-align: center;
}
.jobs_number_project_list {
  display: flex;
  align-items: flex-end;
  margin-bottom: 80px;
}
.jobs_number_project_list:last-child {
  margin-bottom: 0;
}
.jobs_number_project_list_left_img,
.jobs_number_project_list_right_img {
  width: 55%;
}
.jobs_number_project_list_right_text,
.jobs_number_project_list_left_text {
  width: 45%;
  background-color: #fff;
  padding: 50px;
  margin: -30px -40px;
  z-index: 1;
}
.jobs_number_project_list_right_text h3,
.jobs_number_project_list_left_text h3 {
  font-size: 30px;
  font-weight: bold;
  color: #ED6C00;
  padding-bottom: 20px;
  line-height: 1.2;
}
.jobs_number_project_list_right_text p,
.jobs_number_project_list_left_text p {
  font-size: 15px;
  color: #4C4948;
  line-height: 1.5;
}
.jobs_number_list_block02 ul:not(:last-of-type) {
  margin-bottom: 30px;
}






@media screen and (max-width: 767px){
.jobs_number_new_under_block_01{
    /* margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw); */
    margin-top: 60px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.jobs_number_new_under_block_03{
  padding:100px 0;
  margin:60px auto 0;
}
div.link_btn_05 {
  margin:0 0 60px 0;
}
div.link_btn_05 a {
    width: 300px;
}
div.link_btn_05 span {
    width: 300px;
}
.jobs_number_banner{
  margin:60px auto;
  max-width:100%;
  padding:0 40px;
}
.jobs_number_new_under_block_01 .jobs_number_list_block{
  margin:60px auto 0;
  padding:50px 30px 30px 30px;
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
}
.jobs_number_new_under_block_01 .jobs_number_area01 {
    display: flex;
    flex-direction: column-reverse;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 {
    padding: 30px 0 0 0px;
    max-width:93%;
    margin: 0 auto;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 h2{
  font-size: 21px;
  line-height: 24pt;
  margin: 0 0 20px 0;
  padding: 0 0 0 10%;
  background: url(../images/jobs/bg_img_03.png) left center no-repeat;
  background-size: 6px 25px;
}
.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_right_01 p {
    line-height: 1.87;
    font-size: 1.5rem;
    margin: 0 0 20px 0;
    color: #4C4948;
    padding: 0 0 0 0%;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .ttl{
    display: inline-block;
    text-align: center;
    background: #ED6C00;
    color: #FFF;
    font-size: 14px;
    line-height: 18pt;
    padding: 10px 20px;
    right: auto;
    left: 0;
    margin: 0;
    top: -22px;
    width: auto;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .project_text {
    width: 100%;
    max-width: 30px;
    position: absolute;
    right: -15px;
    top: -30px;
}
.jobs_number_new_under_block_01 .jobs_number_list_block ul li {
    background: url(../images/jobs/icon_img_03.png) left 7px no-repeat;
    background-size: 10px 10px;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 14pt;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.btnLink_04 {
    margin: 20px auto 0;
}

.btnLink_04 a:not(.arrow){
  width:auto;
  height:auto;
  line-height:18pt;
  padding:18px 40px;
    border-radius: 280px;
}
.jobs_number_new_under_block_02 {
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
  margin-top: 60px;
  padding-bottom: 0px;
  margin-bottom: 60px;
}

.jobs_number_new_under_block_02 h2 {
    font-size: 21px;
    line-height: 24pt;
    text-align: center;
    background: url(../images/jobs/bg_img_05.png) center center no-repeat;
    background-size: 100% 3px;
    margin:0 0 20px 0;
}
.jobs_number_new_under_block_02 h2 span {
    padding: 0px 20px;
}

.jobs_number_new_under_block_02 ul {
    display: flex;
    flex-wrap: wrap;
}
.jobs_number_new_under_block_02 ul li{
  margin:5px;
}

.jobs_number_new_under_block_01 .jobs_number_area01 .jobs_number_photo {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .ttl2{
  font-size:18px;
  font-weight:bold;
  margin:0 0 20px 0;
}
.jobs_number_new_under_block_01 .jobs_number_list_block .ttl3{
  font-size:18px;
  font-weight:bold;
  margin:40px 0 20px 0;
}

.work_personList ul {
  display: block;
}
.work_personList ul li {
  width: 80% !important;
  margin: 0 auto 40px !important;
}
.jobs_number_project_list:nth-child(3) {
  display: flex;
  flex-direction: column-reverse;
}
.jobs_number_project_list {
  display: block;
  margin: 0 auto 50px;
  width: 90%;
  display: flex;
  flex-wrap:wrap  ;
}
.jobs_number_project_list_left_img,
.jobs_number_project_list_right_img {
  width: 100%;
}
.jobs_number_project_list_right_text,
.jobs_number_project_list_left_text {
  width: 90%;
  margin: 0 auto;
  padding: 6% 5% 5% 5%;
}
.jobs_number_project_list_right_text.extra{
  order:1;
}
.jobs_number_project_list_left_text.extra{
  order:2;
}
.jobs_number_project_block h2 {
  font-size: 24px;
  margin: 0 0 30px 0;
}
.jobs_number_project_list_right_text h3,
.jobs_number_project_list_left_text h3 {
  font-size: 20px;
  padding-bottom: 18px;
}
}



@media screen and (min-width: 768px) and (max-width: 1180px) {
  .jobs_number_new_under_block_03{
    padding:120px 0px;
  }
  .personList {
      margin: 0 auto;
      padding: 50px 40px 50px 40px;
      max-width: 1046px;
      width: 90%;
  }
  .work_personList {
    width: auto;
  }

  .jobs_number_project_list {
    width: 85%;
    margin: 0 auto 17%;
  }
  .jobs_number_project_list {
    justify-content: space-around;
  }
  .jobs_number_project_list_right_text,
  .jobs_number_project_list_left_text {
    width: 45%;
    margin: -10% -5%;
    padding: 6% 3%;
  }
  .jobs_number_project_list_right_text h3,
  .jobs_number_project_list_left_text h3 {
    font-size: 24px;
  }
  .jobs_number_project_list:last-child {
    margin-bottom: 50px;
  }
}










/*-----------------------jobs_number---------------------*/

.recruit_new_block_01{
  background:#f7f7f7;
  margin:80px auto 0;
  padding:80px 0 ;
}
.recruit_blog_list_a{
  display: flex;
  flex-wrap: wrap;
  max-width:1080px;
  margin:50px auto 0;
}
.recruit_blog_list_a li{
  width:31%;
  margin:0 3.5% 3.5% 0;
  transition: all 0.3s ;
}
.recruit_blog_list_a li:nth-child(3),
.recruit_blog_list_a li:nth-child(6),
.recruit_blog_list_a li:nth-child(9),
.recruit_blog_list_a li:nth-child(12),
.recruit_blog_list_a li:nth-child(15){
  margin:0 0% 3.5% 0;
}
.recruit_blog_list_a li{
  background:#FFF;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
}
.recruit_blog_list_a li a{
  background:#FFF;
  width:100%;
  display:inline-block;
  transition: all 0.3s ;
}

.recruit_blog_list_a li a .imgWrap {
    overflow: hidden;
    width: 100%;
    background: #FFFFFF;
    height: 0;
    padding: 55% 0 0 0;
    position: relative;
}
.recruit_blog_list_a li a .imgWrap img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}/*
.recruit_blog_list_a li a:hover .imgWrap img {
  transform: translate3d(-3px, -3px, 0);
}

.recruit_blog_list_a li a .imgWrap img {
    display: block;
    transition-duration: 0.5s;
}
.recruit_blog_list_a li a:hover .imgWrap img {
    transform: scale(1.07);
    transition-duration: 0.5s;
    opacity: 0.8;
}
*/
.recruit_blog_list_a .blog_list_text_area{
  padding:8%;
}
.recruit_blog_list_a a{
  position: relative;
}
.recruit_blog_list_a a:before{
  position: absolute;
  top: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #ED6C00;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .5s;
  z-index: 1;
}

.recruit_blog_list_a .blog_list_text_area p{
  display:inline-block;
  color:#FFF;
  font-weight:bold;
  font-size:12px;
  line-height:14pt;
  padding:5px 10px;
  margin:0 0 15px 0;
}
.recruit_blog_list_a .blog_list_text_area p.category01{
  background:#e99c38;
}
.recruit_blog_list_a .blog_list_text_area p.category02{
  background:#cf6055;
}
.recruit_blog_list_a .blog_list_text_area p.category03{
  background:#387be9;
}
.recruit_blog_list_a .blog_list_text_area p.category04{
  background:#37cd8c;
}
.recruit_blog_list_a .blog_list_text_area p.category05{
  background:#e067b7;
}
.recruit_blog_list_a .blog_list_text_area p.category06{
  background:#927471;
}
.recruit_blog_list_a .blog_list_text_area p.category07{
  background:#a780bd;
}
.recruit_blog_list_a .blog_list_text_area .ttl{
  color:#4C4948;
  font-size:18px;
  line-height:24pt;
  font-weight:bold;
  text-decoration:none;
  transition: all 0.5s ;
}
.recruit_blog_list_a li a:hover{
  text-decoration:none;
}

.recruit_blog_list_a .blog_list_text_area span{
  text-align:right;
  color:#b2b2b2;
  font-size:12px;
  line-height:15pt;
  margin:25px 0 0 0;
  display:block;
}


@media all and (-ms-high-contrast: none) {
  .recruit_blog_list_a li a{
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
  }
  .recruit_blog_list_a li a:hover{
    box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.4);
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .recruit_blog_list_a {
    padding:0 40px;
  }
}



@media screen and (max-width: 767px){
.recruit_blog_list_a .blog_list_text_area .ttl{
    height:auto !important;
  }
  .recruit_new_block_01{
    margin:60px auto 0;
    padding:60px 0 ;
  }
  .recruit_blog_list_a {
      display: block;
      max-width:100%;
      margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
      margin-top:30px;
  }
  .recruit_blog_list_a li {
    width: 100%;
    margin: 0 0 5% 0;
  }
  .recruit_blog_list_a .blog_list_text_area {
      padding: 6%;
  }
  .recruit_blog_list_a .blog_list_text_area p {
      display: inline-block;
      color: #FFF;
      font-weight: bold;
      font-size: 12px;
      line-height: 14pt;
      padding: 5px 10px;
      margin: 0 0 10px 0;
  }
  .recruit_blog_list_a .blog_list_text_area span {
      margin: 20px 0 0 0;
  }
}


@media screen and (min-width: 550px) and (max-width: 766px) {
  .recruit_blog_list_a {
      display: flex;
      flex-wrap: wrap;
      max-width: 1080px;
      margin-top: 40px;
      margin-left: calc(70/828*100vw);
      margin-right: calc(70/828*100vw);
  }
  .recruit_blog_list_a li {
      width: 47.5%;
      margin: 0 5% 5% 0;
  }
  .recruit_blog_list_a li:nth-child(3),
  .recruit_blog_list_a li:nth-child(9),
  .recruit_blog_list_a li:nth-child(15),
  .recruit_blog_list_a li:nth-child(21),
  .recruit_blog_list_a li:nth-child(27){
    margin:0 5% 5% 0;
  }

  .recruit_blog_list_a li:nth-child(2),
  .recruit_blog_list_a li:nth-child(4),
  .recruit_blog_list_a li:nth-child(6),
  .recruit_blog_list_a li:nth-child(8),
  .recruit_blog_list_a li:nth-child(10),
  .recruit_blog_list_a li:nth-child(12),
  .recruit_blog_list_a li:nth-child(14),
  .recruit_blog_list_a li:nth-child(16),
  .recruit_blog_list_a li:nth-child(18),
  .recruit_blog_list_a li:nth-child(20),
  .recruit_blog_list_a li:nth-child(22),
  .recruit_blog_list_a li:nth-child(24),
  .recruit_blog_list_a li:nth-child(26){
    margin:0 0 5% 0;
  }
}





/*-----------------------blog_list---------------------*/
.blog_new_list_block{
  background:#f7f7f7;
  padding:80px 0;
}
.blog_new_list_area{
  max-width:1080px;
  margin:0 auto 0;
  display: flex;
  justify-content: space-between;
}
.blog_new_list_block .blog_new_list_area .blog_bew_list_main{
  max-width:790px;
  width:74%;
}
.blog_new_list_block .blog_new_list_area aside{
  margin:0 0 0 60px;
  max-width:230px;
}
.recruit_blog_list_b{
  display: flex;
  flex-wrap: wrap;
  max-width:1080px;
  margin:0px auto 0;
}
.recruit_blog_list_b li{
  width:48%;
  margin:0 4% 4% 0;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
  transition: all 0.3s ;
  background:#FFF;
}
.recruit_blog_list_b li:nth-child(2),
.recruit_blog_list_b li:nth-child(4),
.recruit_blog_list_b li:nth-child(6),
.recruit_blog_list_b li:nth-child(8),
.recruit_blog_list_b li:nth-child(10),
.recruit_blog_list_b li:nth-child(12),
.recruit_blog_list_b li:nth-child(14),
.recruit_blog_list_b li:nth-child(16){
  margin:0 0% 4% 0;
}
.recruit_blog_list_b li a{
  background:#FFF;
  width:100%;
  display:inline-block;
  transition: all 0.3s ;
}
.recruit_blog_list_b li a:hover{
  transform: translate3d(0, -3px, 0);
}
.recruit_blog_list_b li:hover{
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 24%);
}
.recruit_blog_list_b li a .imgWrap {
    overflow: hidden;
    width: 100%;
    background: #FFF;
    height:0;
    padding:55% 0 0 0;
    position: relative;
}
.recruit_blog_list_b li a .imgWrap img{
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
}
/*
.recruit_blog_list_a li a .imgWrap img {
    display: block;
    transition-duration: 0.5s;
}
.recruit_blog_list_a li a:hover .imgWrap img {
    transform: scale(1.07);
    transition-duration: 0.5s;
    opacity: 0.8;
}
*/
.recruit_blog_list_b .blog_list_text_area{
  padding:7% 6%;
}
.recruit_blog_list_b a{
  position: relative;
}
.recruit_blog_list_b a:before{
  position: absolute;
  top: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #ED6C00;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .5s;
  z-index: 1;
}
.recruit_blog_list_b a:hover:before{
  transform-origin: left top;
  transform: scale(1, 1);
 }
.recruit_blog_list_b .blog_list_text_area p{
  display:inline-block;
  color:#FFF;
  font-weight:bold;
  font-size:13px;
  line-height:13pt;
  padding:10px 15px;
  margin:0 0 15px 0;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.recruit_blog_list_b .blog_list_text_area p.category01{
  background:#e99c38;
}
.recruit_blog_list_b .blog_list_text_area p.category02{
  background:#cf6055;
}
.recruit_blog_list_b .blog_list_text_area p.category03{
  background:#387be9;
}
.recruit_blog_list_b .blog_list_text_area p.category04{
  background:#37cd8c;
}
.recruit_blog_list_b .blog_list_text_area p.category05{
  background:#e067b7;
}
.recruit_blog_list_b .blog_list_text_area p.category06{
  background:#927471;
}
.recruit_blog_list_b .blog_list_text_area p.category07{
  background:#a780bd;
}
.recruit_blog_list_b .blog_list_text_area p:nth-child(2) {
  margin-left: 25%;
}
.recruit_blog_list_b .blog_list_text_area p:nth-child(3) {
  margin-left: 53.5%;
}


.recruit_blog_list_b .blog_list_text_area .ttl{
  color:#4C4948;
  font-size:21px;
  line-height:25pt;
  font-weight:bold;
  text-decoration:none;
  transition: all 0.5s ;
}
.recruit_blog_list_b li a:hover .blog_list_text_area .ttl{
  color:#000;
}
.recruit_blog_list_b li a:hover{
  text-decoration:none;
}
.recruit_blog_list_b .blog_list_text_area span{
  text-align:right;
  color:#b2b2b2;
  font-size:12px;
  line-height:15pt;
  margin:20px 0 0 0;
  display:block;
}

@media screen and (max-width: 1170px) {
  /*
  .recruit_blog_list_b .blog_list_text_area p:nth-child(2) {
    margin-left: 42%;
  }
    */
}

html:not(.iOS) .blog_bew_list_main .pager ul li a:hover, .blog_bew_list_main .pager ul li span {
    color:#4C4948;
    background-color: #FFFFFF;
}
.blog_bew_list_main .pager ul li a{
    border-radius: 50%;
    display: block;
    width: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #4C4948;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
}
.blog_bew_list_main .pager ul li span {
    border-radius: 50%;
    display: block;
    width: 50px;
    line-height: 50px;
    color: #4C4948;
    background-color: #FFF;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: all ease .3s;
}
.blog_bew_list_main .pager {
    margin: 40px 0 0;
    text-align: center;
}
.blog_new_list_area aside nav{
  background: #FFF;
  width:84%;
  display: inline-block;
  transition: all 0.5s;
  box-shadow:0px 1px 0px #d9d9d9;
  margin:0 0 20px 0;
  padding:9% 8%;
}
.blog_new_list_area aside nav .side_ttl_01{
  font-size:16px;
  line-height:20pt;
  color:#4C4948;
  font-weight:bold;
  background:url(../images/recruit/icon_img_01.png) left 3px no-repeat;
  background-size:16px 16px;
  padding:0 0 0 25px;
}
.blog_new_list_area aside nav .side_ttl_02{
  font-size:16px;
  line-height:20pt;
  color:#4C4948;
  font-weight:bold;
  background:url(../images/recruit/icon_img_02.png) left 3px no-repeat;
  background-size:16px 16px;
  padding:0 0 0 25px;
}
.blog_new_list_area aside nav .side_ttl_03{
  font-size:16px;
  line-height:20pt;
  color:#4C4948;
  font-weight:bold;
  background:url(../images/recruit/icon_img_03.png) left 3px no-repeat;
  background-size:16px 16px;
  padding:0 0 0 25px;
}

.blog_new_list_area aside nav .side_ttl_sub{
  color:#d8d8d8;
  text-align:right;
  font-weight:bold;
  background:url(../images/recruit/bg_img_01.png) left center no-repeat;
  background-size:100% 1px;
  font-size:10px;
  margin:5px 0 0 0;
}
.blog_new_list_area aside nav .side_ttl_sub span{
  display:inline-block;
  padding:0 0 0 20px;
  background:#FFF;
}

.blog_new_list_area aside nav .side_category{
  padding:15px 10px 0 10px;
}
.blog_new_list_area aside nav .side_category li{
  position: relative;
  display:block;
}
.blog_new_list_area aside nav .side_category li a{
  color:#4C4948;
  position: relative;
  font-size:14px;
  line-height:17pt;
  display:inline-block;
  margin:0 0 5px 0;
  padding:0 0 0 18px;
  transition:all 0.3s;
}

.blog_new_list_area aside nav .side_category li:last-child a{
  margin:0;
}
/*
.blog_new_list_area aside nav .side_category li a:before{
  content:"";
  height:6px;
  width:6px;
  top:34%;
  left:0;
  position: absolute;
  transition:all 0.3s;
  background:#000;
}
*/
.blog_new_list_area aside nav .side_category li a i{
  content:"";
  height:6px;
  width:6px;
  top:34%;
  left:0;
  position: absolute;
  transition:all 0.3s;
}
.blog_new_list_area aside nav .side_category li a:hover{
  padding:0 0 0 28px;
}
.blog_new_list_area aside nav .side_category li a:hover i{
    width:16px;
}
/*
.blog_new_list_area aside nav .side_category li a:hover:before{
  width:16px;
}
*/


.blog_new_list_area aside nav .side_category li a.category01:before{
  background:#e99c38;
}
.blog_new_list_area aside nav .side_category li a.category02:before{
  background:#cf6055;
}
.blog_new_list_area aside nav .side_category li a.category03:before{
  background:#387be9;
}
.blog_new_list_area aside nav .side_category li a.category04:before{
  background:#37cd8c;
}
.blog_new_list_area aside nav .side_category li a.category05:before{
  background:#e067b7;
}
.blog_new_list_area aside nav .side_category li a.category06:before{
  background:#927471;
}
.blog_new_list_area aside nav .side_category li a.category07:before{
  background:#a780bd;
}

.blog_new_list_area aside nav .side_category li a.category01:hover{
  color:#e99c38;
}
.blog_new_list_area aside nav .side_category li a.category02:hover{
  color:#cf6055;
}
.blog_new_list_area aside nav .side_category li a.category03:hover{
  color:#387be9;
}
.blog_new_list_area aside nav .side_category li a.category04:hover{
  color:#37cd8c;
}
.blog_new_list_area aside nav .side_category li a.category05:hover{
  color:#e067b7;
}
.blog_new_list_area aside nav .side_category li a.category06:hover{
  color:#927471;
}
.blog_new_list_area aside nav .side_category li a.category07:hover{
  color:#a780bd;
}

.blog_new_list_area aside nav .side_keyword{
  padding:15px 0px 0 0px;
}
.blog_new_list_area aside nav .side_keyword li{
  display:inline;
  line-height:16pt;
}
.blog_new_list_area aside nav .side_keyword li a{
  color:#4C4948;
  position: relative;
  font-size:11px;
  line-height:11pt;
  display:inline;
  margin:0 0 6px 0;
  padding:0px;
}
.blog_new_list_area aside nav .side_keyword li:before{
  content:"#";
  display:inline-block;
  font-size:11px;
  line-height:11pt;
  margin:0 3px 0 0;
}
.blog_new_list_area aside nav .side_keyword li:after{
  content:"／";
  display:inline-block;
  font-size:11px;
  line-height:11pt;
  margin:0 3px 0 3px;
}
.blog_new_list_area aside nav .side_keyword li:last-child:after{
  content:none;
}
body.active .blog_new_list_area aside nav .side_keyword li a span{
  color:#4C4948;
}
.blog_new_list_area aside nav .side_keyword li a:hover span{
  text-decoration:underline;
}
.blog_new_list_area aside nav .side_keyword_box{
  position: relative;
  display:inline-block;
  height:40px;
  margin:15px 0 0px 0;
}
.blog_new_list_area aside nav .side_keyword_box form{
position:relative; 
}
.blog_new_list_area aside nav .side_keyword_box input,
.blog_new_list_area aside nav .side_keyword_box button,
.blog_new_list_area aside nav .side_keyword_box select,
.blog_new_list_area aside nav .side_keyword_box textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
.blog_new_list_area aside nav .side_keyword_box textarea {
  resize: vertical;
}
.blog_new_list_area aside nav .side_keyword_box input[type='checkbox'],
.blog_new_list_area aside nav .side_keyword_box input[type='radio'] {
  display: none;
}
.blog_new_list_area aside nav .side_keyword_box input[type='submit'],
.blog_new_list_area aside nav .side_keyword_box input[type='button'],
.blog_new_list_area aside nav .side_keyword_box label,
.blog_new_list_area aside nav .side_keyword_box button,
.blog_new_list_area aside nav .side_keyword_box select {
  cursor: pointer;
}
.blog_new_list_area aside nav .side_keyword_box select::-ms-expand {
  display: none;
}
.blog_new_list_area aside nav .side_keyword_box .form_box{
  outline:0;  
  height:38px;
  padding:0 10px; 
  position:absolute; 
  left:0;
  top:0; 
  max-width:120px;
  background:#f7f7f7;
  border:1px solid #c9c9c9;
  font-size:11px;
}
.blog_new_list_area aside nav .side_keyword_box .submit_box{
  width:50px;
  height:40px;
  position:absolute; 
  left:140px;
  top:0;
  background:#4C4948;
  color:#fff;
  font-weight:bold;
  font-size:12px;
  line-height:14pt;
  border:none;
  transition:all 0.3s;
}
.blog_new_list_area aside nav .side_keyword_box .submit_box:hover{
  background:#ED6C00;
  color:#FFF;
}




.blog_new_list_area aside nav .side_pickup{
  padding:15px 0px 0 0px;
}
.blog_new_list_area aside nav .side_pickup li{

}
.blog_new_list_area aside nav .side_pickup li a{
  color:#4C4948;
  position: relative;
  font-size:11px;
  line-height:11pt;
  display:block;
  margin:0 0 6px 0;
  padding:0px;
}
.blog_new_list_area aside nav .side_pickup li a .fb{
  display:flex;
  justify-content: space-between;
  margin:0 0 12px 0;
  color:#b2b2b2;
  font-weight:bold;
}
.blog_new_list_area aside nav .side_pickup li a .fb .days{
 font-weight:normal; 
}
.blog_new_list_area aside nav .side_pickup li a:hover{
  text-decoration:none;
}
.blog_new_list_area aside nav .side_pickup li a{
  padding:15px 0 15px 0;
  border-bottom:1px solid #dedede;
  transition:all 0.3s;
}
.blog_new_list_area aside nav .side_pickup li:last-child a{
  border-bottom:none;
  padding:15px 0 0 0;
}
.blog_new_list_area aside nav .side_pickup li a p{
  font-weight:bold;
  font-size:13px;
  line-height:16pt;
}
.blog_new_list_area aside nav .side_pickup li a:hover p{
  text-decoration:underline;
}
.blog_new_list_area aside nav .side_pickup li a .fb .cate{
  position: relative;
  padding:0 0 0 18px;
  transition:all 0.3s;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .cate{
  padding:0 0 0 28px;
}
.blog_new_list_area aside nav .side_pickup li a .fb .cate i{
  font-style:normal;
}
.blog_new_list_area aside nav .side_pickup li a .fb .cate i{
  content:"";
  width:10px;
  height:3px;
  position:absolute;
  top:6px;
  left:0px;
  transition:all 0.3s;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .cate i{
  width:20px;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category01:before{
  background:#e99c38;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category02:before{
  background:#cf6055;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category03:before{
  background:#387be9;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category04:before{
  background:#37cd8c;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category05:before{
  background:#e067b7;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category06:before{
  background:#927471;
}
.blog_new_list_area aside nav .side_pickup li a .fb .category07:before{
  background:#a780bd;
}

.blog_new_list_area aside nav .side_pickup li a:hover .fb .category01{
 color:#e99c38;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category02{
 color:#cf6055;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category03{
 color:#387be9;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category04{
 color:#37cd8c;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category05{
 color:#e067b7;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category06{
 color:#927471;
}
.blog_new_list_area aside nav .side_pickup li a:hover .fb .category07{
 color:#a780bd;
}

.blog_new_list_area aside .blog_side_btn span{
  color: #FFF;
  font-size: 13px;
  line-height:18pt;
  padding: 20px 0px;
  display: inline-block;
  font-weight: bold;
  background: #FFF;
  -webkit-transition: all .3s;
  transition: all .3s;
  /*
  box-shadow: 0px 3px 0px #bf2314;
  */
  position: relative;
  width:100%;
  background:#ED6C00;
  text-align:center;
  cursor: pointer;
}
.blog_new_list_area aside .blog_side_btn span em{
  font-size:21px;
  font-weight:bold;
  font-style:normal;
  display:block;
}
.blog_new_list_area aside .blog_side_btn span:hover{
  background: #bf2314;
  /*
  box-shadow: 0px 0px 0px #bf2314;
  transform: translate3d(0px, 3px, 0);
  */
  color: #FFF;
  text-decoration:none;
  color:#ED6C00;
  background:#ededed;
}

/*-----IE-----*/
@media all and (-ms-high-contrast: none) {
  .recruit_blog_list_b li a{
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
  }
  .recruit_blog_list_b li a:hover{
    box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.4);
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  /*
  .recruit_blog_list_b {
    padding:0 40px;
  }
  */
}



@media screen and (min-width: 768px) and (max-width: 1180px){
  .blog_new_list_area{
      padding: 0 40px;
  }
  .blog_new_list_block .blog_new_list_area aside{
    margin:0 0 0 5%;
  }
  .recruit_blog_list_b .blog_list_text_area .ttl {
      font-size: 18px;
      line-height: 24pt;
  }
}













@media screen and (max-width: 767px){
.blog_new_list_area aside nav .side_keyword_box{
  width:100%;
}
.blog_new_list_area aside nav .side_keyword_box .form_box{
  outline:0;  
  height:38px;
  padding:0 10px; 
  position:absolute; 
  left:0;
  top:0; 
  width:100%;
  max-width:80%;
  background:#f7f7f7;
  border:1px solid #c9c9c9;
  font-size:11px;
}
.blog_new_list_area aside nav .side_keyword_box .submit_box{
  width:50px;
  height:40px;
  position:absolute; 
  left:80%;
  max-width:20%;
  width:100%;
  top:0;
  background:#4C4948;
  color:#fff;
  font-weight:bold;
  font-size:12px;
  line-height:14pt;
  border:none;
  transition:all 0.3s;
}

  .recruit_blog_list_b .blog_list_text_area .ttl{
    height:auto !important;
  }
  .blog_new_list_block{
    padding:60px 0;
  }
  .recruit_blog_list_b {
    display: block;
    max-width:100%;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top:0px;
  }
  .recruit_blog_list_b li {
    width: 100%;
    margin: 0 0 5% 0;
  }
  .recruit_blog_list_b .blog_list_text_area {
      padding: 6%;
  }
  .recruit_blog_list_b .blog_list_text_area p {
      display: inline-block;
      color: #FFF;
      font-weight: bold;
      font-size: 12px;
      line-height: 14pt;
      padding: 5px 10px;
      margin: 0 0 10px 0;
  }
  .recruit_blog_list_b .blog_list_text_area span {
      margin: 10px 0 0 0;
  }
  .blog_new_list_area{
    display:block;
  }
  .recruit_blog_list_b .blog_list_text_area .ttl {
      font-size: 18px;
      line-height: 24pt;
  }
  .blog_new_list_block .blog_new_list_area aside {
      margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
      max-width: 100%;
  }
  .blog_new_list_block .blog_new_list_area .blog_bew_list_main{
    width:100%;
  }
}



@media screen and (min-width: 550px) and (max-width: 766px) {
  .recruit_blog_list_b {
      display: flex;
      flex-wrap: wrap;
      max-width: 1080px;
      margin-top: 0px;
      margin-left: calc(70/828*100vw);
      margin-right: calc(70/828*100vw);
  }
  .recruit_blog_list_b li {
      width: 47.5%;
      margin: 0 5% 5% 0;
  }
  .recruit_blog_list_b li:nth-child(3),
  .recruit_blog_list_b li:nth-child(9),
  .recruit_blog_list_b li:nth-child(15),
  .recruit_blog_list_b li:nth-child(21),
  .recruit_blog_list_b li:nth-child(27){
    margin:0 5% 5% 0;
  }

  .recruit_blog_list_b li:nth-child(2),
  .recruit_blog_list_b li:nth-child(4),
  .recruit_blog_list_b li:nth-child(6),
  .recruit_blog_list_b li:nth-child(8),
  .recruit_blog_list_b li:nth-child(10),
  .recruit_blog_list_b li:nth-child(12),
  .recruit_blog_list_b li:nth-child(14),
  .recruit_blog_list_b li:nth-child(16),
  .recruit_blog_list_b li:nth-child(18),
  .recruit_blog_list_b li:nth-child(20),
  .recruit_blog_list_b li:nth-child(22),
  .recruit_blog_list_b li:nth-child(24),
  .recruit_blog_list_b li:nth-child(26){
    margin:0 0 5% 0;
  }
}






/*-----------blog detail----------*/
.pageTitleArea.blog_detail{
  padding:80px 0;
  color:#FFF;
}
.blog_detail_area{
  max-width:1080px;
  margin:0 auto;
  text-align:left;
}
.blog_detail_area .days span{
  font-size:13px;
  vertical-align:middle;
  padding:8px 15px;
  line-height:13pt;
  font-weight:bold;
  display:inline-block;
  margin:0 20px 0 0;
}
.blog_detail_area .days span.category01{
  background:#e99c38;
}
.blog_detail_area h1{
  font-weight:bold;
  font-size:36px;
  line-height:40pt;
  margin:15px 0 0 0;
}
.news_ttl h1{
  text-align:center;
}
.blog_detail_main{
  background:#FFF;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
  padding:80px;
}
h3.blog_others_ttl{
  background:url(../images/recruit/bg_img_01.png) left center no-repeat;
  background-size:100% 2px;
  margin:80px 0 40px 0;  
}
h3.blog_others_ttl span{
  font-size:18px;
  color:#4C4948;
  display:inline-block;
  padding:0 30px 0 0;
  background:#f7f7f7;
}
.blog_detail_btn{
  margin:40px auto 0;
}
.blog_detail_main img{
  margin:0 0 25px 0;
  height:auto;
}
.wp-block-table .has-fixed-layout{
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}

/*
.blog_detail_main h2{
  color:#373737;
  font-size:28px;
  line-height:32pt;
  padding:0 0 15px 0;
  border-bottom:2px solid #373737;
  margin:0 0 25px 0;
}
*/
/* .blog_detail_main h2{
  color:#373737;
  font-size:21px;
  line-height:25pt;
  background:#f7f7f7;
  padding:15px 20px;
  margin:60px 0 25px 0;
} */
.blog_detail_main h2 {
  color: #373737;
  font-size: 21px;
  line-height: 25pt;
  margin: 60px 0 25px 0;
  padding-bottom: 0px;
  padding-left: 20px;
  position: relative;
}
.blog_detail_main h2:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 27px;
  background-color: #ED6C00;
  left: 0;
  top: 3px;
}
.blog_detail_main h3{
  color:#373737;
  font-size:18px;
  line-height:22pt;
  margin:60px 0 25px 0;
  /*
  border-left:3px solid #373737;
  padding:0 0 0 25px;
  */
}
.blog_detail_main h4{
  color:#373737;
  font-size:16px;
  line-height:20pt;
  margin:60px 0 15px 0;
  border-bottom:1px solid #4C4948;
  border-bottom:none;
  padding:0 0 0px 0px;
}
.blog_detail_main p{
    line-height: 1.87;
      font-size: 1.5rem;
  color:#4C4948;
  margin:0 0 25px 0;
}

.blog_detail_main em ,
.blog_detail_main strong{
  font-weight:bold;
  font-style:normal;
}
.blog_detail_main a{
  text-decoration:underline;
  font-weight:bold;
    color:#4C4948;
}
.blog_detail_main a:hover{
  text-decoration:none;
}
.blog_detail_main ul,
.blog_detail_main ol{
  margin:60px auto 0;
}
.blog_detail_main ul li{
    line-height: 1.87;
      font-size: 1.5rem;
  color:#4C4948;
  background:url(../images/recruit/bg_img_01.png) left 12px no-repeat;
  background-size:4px 4px;
  padding:0 0 0 20px;
  margin:0 0 5px 0;
}
.blog_detail_main ul li:last-child,
.blog_detail_main ol li:last-child{
  margin:0;
}
.blog_detail_main ol{
 counter-reset:list;
  list-style-type:none;
}
.blog_detail_main ol li{
    line-height: 1.87;
      font-size: 1.5rem;
  color:#4C4948;
  position:relative;
  padding: 1px 0 1px 30px;
  margin: 0px 0 5px 0px;
}
.blog_detail_main ol li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -10px;
  font-size:12px;
  font-weight:bold;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
  line-height:25px;
  background: #4C4948;
  border-radius: 50%;
  top: 12px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.sample1 li:hover{
  border-bottom-color: #F6A38B;
}
.shere_block{
  margin:60px 0 0 0;
  border:1px solid #cfcfcf;
  padding:5%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.shere_block .s_ttl{
  color:#ED6C00;
  font-weight:bold;
  font-size:14px;
  line-height:14pt;
  display:inline-block;
  background:#FFF;
  padding:0 30px 20px 0;
  position: absolute;
  top:-8px;
  left:-5px;
  width:auto;

} 
.shere_block div{
  width:100%;
  max-width:31.5%;
}
.shere_block div a img{
  margin:0;
  transition: all ease .3s;
}
.shere_block div a:hover img{
  opacity: 0.7;
  background-color: #fff;
}

/*-----IE-----*/
@media all and (-ms-high-contrast: none) {
  .blog_detail_main{
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
  }
}




@media screen and (min-width: 768px) and (max-width: 1180px) {
  .blog_detail_area{
    padding: 0 40px;
  }
  .blog_detail_area h1{
    font-size:32px;
    line-height:36pt;
    margin:15px 0 0 0;
  }
  .blog_detail_main{
    background:#FFF;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
    padding:8%;
  }
  /*
  .blog_detail_main h2{
    font-size:24px;
    line-height:28pt;
  }
  */
  .blog_detail_main h2{
    font-size:18px;
    line-height:22pt;
  }
  .blog_detail_main h3{
    font-size:16px;
    line-height:20pt;
  }
  .blog_detail_main h4{
    font-size:15px;
    line-height:19pt;
  }
}


@media screen and (max-width: 767px){
  .pageTitleArea.blog_detail{
    padding:60px 0;
  }
  .blog_detail_area{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .blog_detail_area h1{
    font-size:24px;
    line-height:28pt;
    margin:15px 0 0 0;
  }

  .blog_detail_main{
    display: block;
    max-width: 1080px;
    margin-top: 0px;
  }
  .blog_detail_main {
      padding: 40px;
  }
  h3.blog_others_ttl{
    margin-top:60px ;  
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  h3.blog_others_ttl span{
    font-size:16px;
    color:#4C4948;
    display:inline-block;
    padding:0 30px 0 0;
    background:#f7f7f7;
  }

  .blog_detail_main{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .blog_detail_main img{
    margin:0 0 20px 0;
  }
  /*
  .blog_detail_main h2{
    color:#373737;
    font-size:21px;
    line-height:24pt;
    padding:0 0 15px 0;
    border-bottom:2px solid #373737;
    margin:0 0 20px 0;
  }
  */
  /* .blog_detail_main h2{
    color:#373737;
    font-size:18px;
    line-height:22pt;
    background:#f7f7f7;
    padding:15px 20px;
    margin:40px 0 20px 0;
  } */
  .blog_detail_main h2 {
    color: #373737;
    font-size: 18px;
    line-height: 22pt;
    margin: 40px 0 20px 0;
  }
  .blog_detail_main h2::before {
    height: 24px;
  }
  .blog_detail_main h3{
    color:#373737;
    font-size:16px;
    line-height:20pt;
    margin:40px 0 20px 0;
    /*
    border-left:3px solid #373737;
    padding:0 0 0 15px;
  */
    }
  .blog_detail_main h4{
    color:#373737;
    font-size:15px;
    line-height:19pt;
    margin:40px 0 20px 0;
    padding:0 0px 0px 0px;
  }
  .blog_detail_main p{
    margin:0 0 20px 0;
    overflow-wrap: break-word;
  }
  .blog_detail_main ul,
  .blog_detail_main ol{
    margin:40px auto 0;
  }
  .blog_detail_main ol li:before{
    top: 14px;
  }
  .shere_block{
      margin: 40px 0 0 0;
      border: 1px solid #cfcfcf;
      padding:9% 5% 5% 5%;
      position: relative;
  }
  .shere_block div{
    margin:0 0 3% 0;
  }
  .shere_block div:last-child{
    margin:0 0 0 0;
  }
  .shere_block .s_ttl{
    width:auto;
    margin:0;
    padding:0 25px 10px 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 550px) {
  .blog_detail_area h1{
    font-size:21px;
    line-height:24pt;
    margin:15px 0 0 0;
  }
  .pageTitleArea.blog_detail{
    padding:40px 0;
  }
  .blog_detail_main {
      padding: 25px;
  }
  .blog_detail_main{
    margin-left: 0;
    margin-right:0;
  }

}




















/*-----------------------FAQ---------------------*/

.faq_new_under_block_01{
  margin: 80px auto;
  max-width: 1080px;
  color:#4C4948;
  text-align:center;
}

.faq_new_under_block_01 .ak_links{
  display:flex;
  flex-wrap: wrap;
  margin:40px auto 0;
  max-width:920px;
  width:100%;
  justify-content: center;
}
.faq_new_under_block_01 .ak_links li{
  width:80%;
  max-width:280px;
  margin:0 5px 10px 5px;
  display: flex;
}
.faq_new_under_block_01 .ak_links li a{
  display:inline-block;
  width:100%;
  text-align:center;
  padding:10px 25px;
  color:#ED6C00;
  font-size:13px;
  line-height:16pt;
  font-weight:bold;
    border-radius: 100px;
    background:#ececec url(../images/jobs/icon_img_01.png) 90% center no-repeat;
    background-size:14px 9px;
        transition: ease .3s;
}
.faq_new_under_block_01 .ak_links li a:hover{
  text-decoration:none;
    background:#ED6C00 url(../images/jobs/icon_img_02.png) 90% center no-repeat;
    background-size:14px 9px;
    color:#FFF;
}

.faq_new_under_block_02{
  max-width: 920px;
  padding:0px 0 80px 0;
  margin-left: auto;
  margin-right: auto;
}
.faq_new_under_block_02 h2{
  font-size:24px;
  color:#4C4948;
  line-height:28pt;
  margin:80px 0 25px 0;
}


.faq_new_under_block_02 .ttl_menu span {
    font-weight: bold;
    padding: 12px 0 10px 70px;
    position: relative;
    margin: 0px 0 0px 0;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 26pt;
    cursor: pointer;
    background:url(../images/recruit/faq/bg_img_01.png) left center no-repeat;
    background-size:100% auto;
    transition: all 0.3s ease;
}
.faq_new_under_block_02 .ttl_menu span:hover {
    background:url(../images/recruit/faq/bg_img_08.png) left center no-repeat;
    background-size:100% auto;
}

.faq_new_under_block_02 .ttl_menu span em {
  color:#4C4948;
  display:inline-block;
  background:#FFF;
  padding:0 40px 0 0px;
  font-style:normal;
  transition: all 0.3s ease;
}
.faq_new_under_block_02 .ttl_menu span em:hover{
  color:#000;
}
.faq_new_under_block_02 .ttl_menu.active span {
    background:url(../images/recruit/faq/bg_img_02.png) left center no-repeat;
    background-size:100% auto;

}
.faq_new_under_block_02 .ttl_menu.active span em{
  color:#000;
}
.childs {
    display: none;
}
.childs.answers{
    background:url(../images/recruit/faq/bg_img_03.png) 50px center no-repeat;
    background-size:46px 46px;
    padding:10px 0 10px 110px;
    margin:0 0 20px 0;
  line-height: 1.87;
  font-size: 1.5rem;
  margin:0 0 30px 0;
  color:#ED6C00;
  font-weight:bold;
}
.childs.answers a{
  color:#4C4948;
  text-decoration:underline;
}
.childs.answers a.faq_blank{
  display:inline-block;
  background: url(../images/common/icon_img_01.png) right center no-repeat;
  padding:0 25px 0 0;
  background-size: 16px 13px;
  margin-right:10px;
}

.childs.answers a:hover{
  text-decoration:none;
}
@media screen and (max-width: 767px){

  .faq_new_under_block_02 .ttl_menu span:hover{
    background: url(../images/recruit/faq/bg_img_04.png) left center no-repeat , url(../images/recruit/faq/bg_img_05.png) right center no-repeat;
    background-size: 36px 36px , 15px 15px;
}

.faq_new_under_block_01{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-top: 60px;
    padding-bottom: 0px;
    margin-bottom:0px;
  }
 .jobs_new_under_block_01 .ak_links{
  margin:20px auto 0;
}
.faq_new_under_block_01 li{
  width:100%;
  max-width:100%;
  margin:0 0 2% 0px;
  display: flex;
}
.faq_new_under_block_01 li a{
  text-align:center;
    background:#ececec url(../images/jobs/icon_img_01.png) 95% center no-repeat;
    background-size:14px 9px;
}
.faq_new_under_block_02{
  max-width: 920px;
  padding:0px 0 60px 0;
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
}
.faq_new_under_block_02 h2{
  font-size:21px;
  line-height:24pt;
  margin:60px 0 10px 0;
}

.faq_new_under_block_02 .ttl_menu span {
    font-weight: bold;
    padding: 12px 0 10px 50px;
    position: relative;
    margin: 0px 0 0px 0;
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 18pt;
    cursor: pointer;
    background:url(../images/recruit/faq/bg_img_04.png) left center no-repeat , url(../images/recruit/faq/bg_img_05.png) right center no-repeat;
    background-size:36px 36px , 15px 15px;

}

.faq_new_under_block_02 .ttl_menu span em {
  background:none;
  padding:0 30px 0 0px;
}
.faq_new_under_block_02 .ttl_menu span em:hover{
  color:#000;
}
.faq_new_under_block_02 .ttl_menu.active span {
    background:url(../images/recruit/faq/bg_img_06.png) left center no-repeat , url(../images/recruit/faq/bg_img_07.png) right center no-repeat;
    background-size:36px 36px , 15px 15px;
}
.faq_new_under_block_02 .ttl_menu.active span em{
  color:#000;
}
.childs {
    display: none;
}
.childs.answers{
    background:url(../images/recruit/faq/bg_img_03.png) 0px center no-repeat;
    background-size:36px 36px;
    padding:10px 0px 10px 50px;
    margin:0 0 20px 0;
  line-height: 1.87;
  font-size: 15px;
  margin:0 0 30px 0;
  color:#ED6C00;
  font-weight:bold;
}
}


.modal-video-close-btn{
  right:0;
}







/*------------TOP 202201-------------*/
.new_top_block_01_movie{
  background:#ED6C00;
  padding:120px 0 80px 0;
}
.new_top_block_01_movie .new_top_area_01_movie{
  max-width:1080px;
  margin:0 auto 0;
}
.new_top_block_01_movie .new_top_area_01_movie .largeTitle .en{
  color:#FFF;
}
.new_top_block_01_movie .new_top_area_01_movie .largeTitle .en:before{
  background-color: #FFF;
}
.new_top_block_01_movie .new_top_area_01_movie .largeTitle .jpn {
    color: #FFF;
}
.new_top_block_01_movie .new_top_area_01_movie .btnLink{
  margin-top:40px;
}
.new_top_block_01_movie .new_top_area_01_movie .btnLink a:not(.arrow){
  border: 1px #FFF solid;
  color: #FFF;
}
html:not(.iOS) .new_top_block_01_movie .new_top_area_01_movie a:not(.arrow):hover {
  color: #ED6C00;
  background-color: #FFF;
}
.new_top_block_01_movie .new_top_area_01_movie ul{
  margin: 45px auto 0;
  display: flex;
  justify-content: space-between;
}
.new_top_block_01_movie .new_top_area_01_movie ul li{
  width:33.25%;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap {
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
  width: 100%;
  /*
  max-width: 360px;
  */
  max-width: 100%;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb {
  position: absolute;
  width: 100%;
  height: 100%;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb .poptext {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb .poptext .icon {
  display: block;
  z-index: 1;
}

.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb .poptext .icon img {
  width: 36px;
  margin: 0 auto 10px;
  opacity: 1.0;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb .poptext .icon em {
  display: block;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10pt;
  font-style: normal;
  letter-spacing: 0.1em;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap .psb .poptext .icon span {
  display: inline-block;
  margin: 10px auto 0;
  background: #FFF;
  border-radius: 100px;
  text-align: center;
  color: #4C4948;
  font-size: 10px;
  line-height: 10pt;
  padding: 4px 10px;
  font-weight: bold;
}
.new_top_block_01_movie .new_top_area_01_movie ul .imgWrap img {
  display: block;
  opacity: 0.4;
  transition-duration: 0.5s;
}


.new_top_block_01_movie .new_top_area_01_movie ul  a:hover .imgWrap img {
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.8;
}
.new_top_block_01_movie .new_top_area_01_movie ul  a:hover .imgWrap .icon img {
  transform: scale(1.0);
  opacity: 1.0;
}

.new_top_block_01_movie .new_top_area_01_movie ul a p{
  color:#FFF;
  margin-top:15px;
  line-height:18pt;
  font-size:15px;
}
.new_top_block_01_movie .new_top_area_01_movie ul a p span{
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.new_top_block_01_movie .new_top_area_01_movie ul a p span::after{
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

.new_top_block_01_movie .new_top_area_01_movie ul a:hover p span::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*------------TOP-------------*/
.new_top_block_01{
  background:#ED6C00;
  padding:120px 0 80px 0;
}
.new_top_block_01 .new_top_area_01{
  max-width:1080px;
  margin:0 auto 0;
}
.new_top_block_01 .new_top_area_01 .largeTitle .en{
  color:#FFF;
}
.new_top_block_01 .new_top_area_01 .largeTitle .en:before{
  background-color: #FFF;
}
.new_top_block_01 .new_top_area_01 .largeTitle .jpn {
    color: #FFF;
}
.top_company_blocks{
  margin:45px auto 0;
  display:flex;
  justify-content: space-between;
}
.top_company_blocks a{
  width:100%;
  max-width:33.3%;
  border-right:1px solid #ED6C00;
  padding:138px 3% 3% 3%;
  display:inline-block;
  transition: .3s ease;
}

.top_company_blocks a:nth-child(1){
    background:#FFF url(../images/top/icon_img_01.png) center 35px no-repeat;
    background-size: 230px 110px;
}
.top_company_blocks a:nth-child(1):hover{
    background:#f7f7f7 url(../images/top/icon_img_01.png) center 35px no-repeat;
    background-size: 230px 110px;
}

.top_company_blocks a:nth-child(2){
    background:#FFF url(../images/top/icon_img_03.png) center 35px no-repeat;
    background-size: 230px 110px;
}
.top_company_blocks a:nth-child(2):hover{
    background:#f7f7f7 url(../images/top/icon_img_03.png) center 35px no-repeat;
    background-size: 230px 110px;
}
.top_company_blocks a:nth-child(3){
    background:#FFF url(../images/top/icon_img_06.png) center 35px no-repeat;
    background-size: 230px 110px;
}
.top_company_blocks a:nth-child(3):hover{
    background:#f7f7f7 url(../images/top/icon_img_06.png) center 35px no-repeat;
    background-size: 230px 110px;
}

.top_company_blocks a h3{
  text-align:center;
  color:#4C4948;
  font-size:24px;
  line-height:24pt;
  font-weight:bold;
  margin:30px auto 10px;
}
.top_company_blocks a h3 em{
  font-style:normal;
  position: relative;
  display: inline-block;
  transition: .5s ease;
  z-index:1;
}
.top_company_blocks a h3 em:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ED6C00;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.top_company_blocks a:hover h3 em:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.top_company_blocks a:hover h3 em{
  color:#FFF;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .top_company_blocks a:nth-child(1){
      background:#FFF url(../images/top/icon_img_01.png) center 35px no-repeat;
      background-size: 64% auto;
  }
  .top_company_blocks a:nth-child(1):hover{
      background:#f7f7f7 url(../images/top/icon_img_01.png) center 35px no-repeat;
       background-size: 64% auto;
  }
  .top_company_blocks a:nth-child(2){
      background:#FFF url(../images/top/icon_img_02.png) center 35px no-repeat;
      background-size: 64% auto;
  }
  .top_company_blocks a:nth-child(2):hover{
      background:#f7f7f7 url(../images/top/icon_img_02.png) center 35px no-repeat;
       background-size: 64% auto;
  }
  .top_company_blocks a:nth-child(3){
      background:#FFF url(../images/top/icon_img_03.png) center 35px no-repeat;
      background-size: 64% auto;
  }
  .top_company_blocks a:nth-child(3):hover{
      background:#f7f7f7 url(../images/top/icon_img_03.png) center 35px no-repeat;
       background-size: 64% auto;
  }

}


@media screen and (min-width: 768px) and (max-width: 1100px) {
  .top_company_blocks a{
    padding:13% 3.5% 3.5% 3.5%;
  }
  .top_company_blocks a h3{
    font-size:21px;
    line-height:21pt;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
  .top_company_blocks a{
    padding:13% 3.5% 3.5% 3.5%;
  }
}


.top_company_blocks a h3 span{
  display:block;
  font-size:12px;
  line-height:26pt;
  color:#b2b2b2;
  text-align:center;
    transition: .5s ease;
}

.top_company_blocks a:hover h3{
  color:#000;
}
.top_company_blocks a:hover h3 span{
  color:#ED6C00;
}

.top_company_blocks a .icons{
  width:100%;
  max-width:230px;
  margin:auto;
}
.top_company_blocks a .icons img{
  width:100%;
}
.top_company_blocks a:last-child{
  border-right:none;
}
.top_company_blocks a p{
  line-height: 1.87;
    font-size: 1.5rem;
    color:#4C4948;
}
.top_company_blocks a:hover{
  text-decoration:none;
}


.new_top_block_02{
  padding:120px 0 80px 0;
  background:#f7f7f7 url(../images/top/bg_img_01_2024.jpg) center top no-repeat;
  background-size:cover;
}
.new_top_block_02 .new_top_area_02{
  max-width:1080px;
  margin:0 auto 0;
}
.new_top_block_02 .new_top_area_02 .largeTitle .en{
  color:#ED6C00;
}
.new_top_block_02 .new_top_area_02 .largeTitle .en:before{
  background-color: #ED6C00;
}
.new_top_block_02 .new_top_area_02 .largeTitle .jpn {
    color: #4C4948;
}
.new_top_block_02 .new_top_area_02 .top_works_area{
  max-width:920px;
  margin:45px auto 0;
  display: flex;
}
.new_top_block_02 .new_top_area_02 .top_works_area a{
  width:100%;
  max-width:50%;
  display:inline-block;
  background:rgba(255,255,255,0.9);
  padding:5% 4% 5% 0 ;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .ttls{
  display:flex;
  justify-content: space-between;
    align-items: center;
    position: relative;
} 
.new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3{
  color:#4C4948;
  font-size:24px;
  line-height:24pt;
  font-weight:bold;
  position: relative;
  transition: .5s ease;
} 
.new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3 em{
  font-style:normal;
  z-index:1;

}

.new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3 em{
  font-style:normal;
  position: relative;
  display: inline-block;
  transition: .5s ease;
  z-index:1;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3 em:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ED6C00;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.new_top_block_02 .new_top_area_02 .top_works_area a:hover .ttls h3 em:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.new_top_block_02 .new_top_area_02 .top_works_area a:hover .ttls h3 em{
  color:#FFF;
}



.new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3 span{
  display:block;
  font-size:12px;
  line-height:26pt;
  color:#b2b2b2;
    transition: .5s ease;
}
.new_top_block_02 .new_top_area_02 .top_works_area a:hover .ttls h3 span{
  color:#ED6C00;
}

.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1{
  padding:0 0% 0 10%;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 p{
  padding:0 0% 0 0;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm{
  padding:0 0% 0 10%;

  border-left:1px solid #dfdfdf;
}
.new_top_block_02 .new_top_area_02 .top_works_area a{
  color:#4C4948;
}
.new_top_block_02 .new_top_area_02 .top_works_area a:hover{
  text-decoration:none;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 .ttls{
  margin:0 0 25px 0;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm .ttls{
  margin:0 0 25px 0;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 .ttls .icons{
  max-width:89px;
  margin:0 0% 0 0;
    width:100%;
}
.new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm .ttls .icons{
  max-width:89px;
  width:100%;
  margin:0 0% 0 0;
}
.new_top_block_02 .new_top_area_02 .top_works_area a p{
  line-height: 1.87;
    font-size: 1.5rem;
    color:#4C4948;
}
.only-sp2{
  display:none;
}

.new_top_block_03{
  padding:120px 0 80px 0;
    background: linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 50%,#f7f7f7 50%,#f7f7f7 100%);
}
.new_top_block_03 .new_top_area_03{
  max-width:1080px;
  margin:0 auto 0;
}



@media screen and (min-width: 768px) and (max-width: 1180px) {
  .new_top_block_01 .new_top_area_01{
    padding:0 40px;
  }
  .new_top_block_02 .new_top_area_02{
    padding:0 40px;
  }

  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 .ttls .icons{
    max-width:89px;
    width:22%;
    margin:0 0% 0 0;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm .ttls .icons{
    max-width:89px;
    width:24%;
    margin:0 0% 0 0;
  }

}


@media screen and (min-width: 768px) and (max-width: 999px) {
  .new_top_block_02 .new_top_area_02 .top_works_area a .ttls h3 {
      font-size: 19px;
      line-height: 28pt;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1180px) {

}


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





.new_top_block_01_movie {
    padding: 80px 0 60px 0;
}
.new_top_block_01_movie .new_top_area_01_movie {
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
}

.new_top_block_01_movie .new_top_area_01_movie ul {
  margin: 20px auto 0;
  display: block;
}
.new_top_block_01_movie .new_top_area_01_movie ul li {
  width:100%;
}

.new_top_block_01_movie .new_top_area_01_movie ul a p {
  text-align:center;
  margin-top: 15px;
  line-height: 18pt;
  font-size:15px;
}
.new_top_block_01_movie .new_top_area_01_movie ul li{
  margin-bottom:30px;
}
.new_top_block_01_movie .new_top_area_01_movie ul lilast-child{
  margin-bottom:0px;
}






.onlySPs{
  display:none;
}



.only-sp2{
  display:block;
}
  .new_top_block_01{
    padding:80px 0 60px 0;
  }
  .new_top_block_01 .new_top_area_01{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .new_top_block_02{
    background:none;
    padding:80px 0 60px 0;
  }
  .new_top_block_02 .new_top_area_02{
    /*
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    */
  }
  .new_top_block_03{
    padding:80px 0 60px 0;
  }
  .new_top_block_03 .new_top_area_03 .btnLink{
    margin:40px auto 0;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a:nth-child(1){
    background:url(../images/top/bg_img_01sp.jpg) center top no-repeat;
    background-size: cover;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a:nth-child(2){
    background:url(../images/top/bg_img_02sp.jpg) center top no-repeat;
    background-size: cover;
  }
  /*
  .new_top_block_03 .new_top_area_03{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
*/
  .top_company_blocks a:nth-child(1){
      background:#FFF;
  }
  .top_company_blocks a:nth-child(1):hover{
      background:#FFF;
  }
  .top_company_blocks a:nth-child(2){
      background:#FFF;
  }
  .top_company_blocks a:nth-child(2):hover{
      background:#FFF;
  }
  .top_company_blocks a:nth-child(3){
      background:#FFF;
  }
  .top_company_blocks a:nth-child(3):hover{
      background:#FFF;
  }
  .top_company_blocks a:last-child {
      border-right: none;
      margin:0;
  }
  .top_company_blocks{
      margin: 20px auto 0;
      display: block;
  }
  .top_company_blocks a{
    width:86%;
    max-width:100%;
    border-right:none;
    margin:0 0 5% 0;
    padding: 7%;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area {
      max-width: 920px;
      margin: 20px auto 0;
      display: block;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a{
    width:100%;
    max-width:100%;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a {
      width: 100%;
      padding:7% 0% 7% 0%;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 {
    padding:8%;
    background: rgba(255,255,255,0.9);
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);

  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm {
    padding:8%;
    background: rgba(255,255,255,0.9);
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm1 .ttls{
    margin:0 0 15px 0;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm .ttls{
    margin:0 0 15px 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
  .only-sp2{
    display:none;
  }
  .top_company_blocks a .icons{
    width:100%;
    max-width:230px;
    margin:auto;
    display:flex;
  }
  .top_company_blocks a .icons img{
    width:100%;
  }
  .top_company_blocks a h3{
    display:flex;
  }
  .sp_bs{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    margin:0 0 15px 0;
  }
  .top_company_blocks a{
    width:90%;
    padding: 5%;
    margin:0 0 2% 0;
  }
  .top_company_blocks a h3 {
      text-align:left;
      margin: 0px;
      display:block;
  }
  .top_company_blocks a h3 span {
      text-align:left;
  }
  .top_company_blocks a .icons{
    margin:0 30px 0 0;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a {
      width: 100%;
      padding: 5% 0% 5% 0%;
  }
  .new_top_block_02 .new_top_area_02 .top_works_area a .bdbrm {
      padding: 8%;
  }
}




.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 12;
}
.modal__bg {
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.modal__content {
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    z-index: 11;
    overflow: hidden;
    height: auto;
}
.modal__content .js-modal-close {
    text-align: center;
    display: block;
}
.modal__content .js-modal-close span {
    background: #000;
    display: inline-block;
    margin: 30px auto 0;
    color: #FFF;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 15pt;
}
.modal__content iframe video{
  width:100%;
  height:auto;
}
@media screen and (max-width: 767px){
  .modal__content {
      padding: 20px;
    }
  .modal__content {
      width: 80%;
  }
}



/*


.pc .mainVisual_v1{
  height: calc(100vh - 90px);
  background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
  background-size: cover;
  padding-top:0;
}
*/


/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
  .mainVisual_v1{
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size: 100% auto;
    height:0;
    padding-top:56.4%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  .mainVisual_v1{
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size:contain;
    height:0;
    padding-top:56.4%;
    height:auto;
  }
}
*/



.mainVisual_v1 .text_pc{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
   width:90%;
    text-align:center;
    max-width:100%;
}
.mainVisual_v1 .text_pc img{
  max-width:1276px;
  width:100%;
}

@media all and (-ms-high-contrast: none){
  .mainVisual_v1 .text_pc{
     width:auto;
     min-width:800px;
  }
}



.modal__content .modal_inr {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
}
.modal__content .modal_inr video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mainVisual_v1 .top_main_btn{
  position: absolute;
  right:0;
  bottom:0px;
  width: 25%;
}
.mainVisual_v1 .top_main_btn a{
  display: flex;
  align-items: center;
  position: relative;
  padding: 18px 0 18px 70px;
  z-index:1;
  background:#FFF;
  transition: .3s ease;
}
.mainVisual_v1 .top_main_btn a:hover{
  padding: 18px 0 18px 80px;
}
.mainVisual_v1 .top_main_btn a::after{
  content:"";
  background:#ED6C00;
  height:2px;
  width:30px;
  position: absolute;
  left:0;
  top:48%;
  transition: .3s ease;
}
.mainVisual_v1 .top_main_btn a:hover::after{
  width:40px;
  transition: .3s ease;
  background:#4C4948;
}
.mainVisual_v1 .top_main_btn a:hover{
  text-decoration:none;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_text{
  width: 38%
}
.mainVisual_v1 .top_main_btn a .top_main_btn_img {
  width: 62%;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_img img {
  width: 90%;
}
.mainVisual_v1 .top_main_btn a em{
  color:#ED6C00;
  font-weight:bold;
  display:block;
  font-size:24px;
  font-style:normal;
  line-height:24pt;
  transition: .3s ease;
}
.mainVisual_v1 .top_main_btn a:hover em{
  color:#4C4948;
}
.mainVisual_v1 .top_main_btn a span{
  font-weight:bold;
  display:block;
  color:#7F7F7F;
  font-size:16px;
  line-height:13pt;
  margin:5px 0 0 0;
}
.mainVisual_v1 .top_main_btn a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #ededed;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.mainVisual_v1 .top_main_btn a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.mainVisual_v1 .start_text{
  position: absolute;
  bottom:60px;
  margin:auto;
  left:0;
  right:0;
  text-align:center;
}
.mainVisual_v1 .start_text a{
  display:inline-block;
  position: relative;
  font-size:18px;
  line-height:18px;
  color:#FFF;
  font-weight:bold;
  height:50px;
  padding:30px 0 0 0;
  letter-spacing:0.3em ;
  transition: .3s ease;
}
.mainVisual_v1 .start_text a:hover{
  text-decoration:none;
}
.mainVisual_v1 .start_text a:before{
  position: absolute;
  bottom: -60px;
  left: -0px;
  right:0;
  margin:auto;
  content: '';
  width: 2px;
  height: 70px;
  background: #FFF;
  transform: scale(1, 1);
  transform-origin: center bottom;
  transition: transform .3s;
}
.mainVisual_v1 .start_text a:after{
  position: absolute;
  bottom: -60px;
  left: -0px;
  right:0;
  margin:auto;
  content: '';
  width: 2px;
  height: 70px;
  background: #ED6C00;
  transform: scale(1, 0);
  transform-origin: center bottom;
  transition: transform .3s;
}
.mainVisual_v1 .start_text a:hover::after {
  transform-origin: center top;
  transform: scale(1, 1);
  background: #ED6C00;
}
.mainVisual_v1 .start_text a:hover{
  color: #ED6C00;
}
@media screen and (max-width: 952px) {
  .mainVisual_v1 .top_main_btn {
    width: 35%;
  }
  .mainVisual_v1 .top_main_btn a {
    padding: 18px 0 18px 38px;
  }
  .mainVisual_v1 .top_main_btn a em {
    font-size: 20px;
  }
  .mainVisual_v1 .top_main_btn a span {
    font-size: 14px;
  }
}



/*
@media screen and (min-width: 768px) and (max-width: 952px){
  body.pc .mainVisual_v1{
      background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
      background-size: cover;
    position: relative;
    height: calc(100vh - 75px);
  }
  body.pc .mainVisual_v1 .top_main_btn{
    position: absolute;
    right:0;
    bottom:0px;
  }
}
*/

/*

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  .mainVisual_v1{
    height:auto;
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size:contain;
}
*/


/*
@media screen and (min-width: 768px) and (max-width: 952px) {
  .mainVisual_v1{
      background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
      background-size: cover;
    position: relative;
    height: calc(100vh - 75px);
  }
  .mainVisual_v1 .top_main_btn{
    position: absolute;
    right:0;
    bottom:0px;
  }
}
*/



.line_bnext{
  display:block;
}
/*試し
.iOS.touchdevice.vertical .mainVisual_v1{
      height: -webkit-fill-available;
}
*/

/*試し2

body#topPage.tablet.ipad .mainVisual_v1{
      height: -webkit-fill-available;
}
*/


/*
.mainVisual_v1{
  height:auto;
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size:contain;
    height:0;
    padding-top:56.4%;
}
*/


.mainVisual_v1{
  background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
  background-size: cover;
  height: calc(100vh - 90px);
  padding-top:0;
}

@media screen and (min-width: 768px) and (max-width:952px) {
  .mainVisual_v1{
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size: cover;
    height: calc(100vh - 75px);
    padding-top:0;
  }
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  .mainVisual_v1{
      background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
      background-size: contain;
      height:auto;
      padding-top:66.4%;
  }
    .mainVisual_v1 .top_main_btn a {
      padding: 20px 30px 20px 40px;
  }
  .mainVisual_v1 .top_main_btn a em {
      font-size: 18px;
      line-height: 21pt;
  }
  .mainVisual_v1 .top_main_btn a span {
      font-size: 11px;
      line-height: 11pt;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  .mainVisual_v1{
      background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
      background-size: cover;
      height:auto;
      padding-top:56.4%;
  }
}




/*
.pc .mainVisual_v1{
  height: calc(100vh - 90px);
  background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
  background-size: cover;
  padding-top:0;
}


@media screen and (max-width: 952px) {
  .pc .mainVisual_v1{
    height: calc(100vh - 75px);
    background:url(../images/top/bg_img_v1.jpg) center top no-repeat;
    background-size: cover;
    padding-top:0;
  }
}
*/


@media screen and (max-width: 767px){
  .spfx{
    display:flex;
  }
  .spfx div {
    width: 50%;
  }
  .mainVisual_v1{
    /**/
    height: auto;
    background:none;
    position: relative;
    margin-top:0px;
    display:block;
    padding-top:0;
  }
  .mainVisual_v1 .top_main_btn a .top_main_btn_text {
    width: 38%
  }
  .mainVisual_v1 .top_main_btn a .top_main_btn_img {
    width: 62%;
  }
  .mainVisual_v1 .top_main_btn a .top_main_btn_img img {
    width: 100%;
  }
}


.guidelineTable dl dd p{
  margin:0 0 12px 0;
}
.guidelineTable dl dd p:last-child{
  margin:0 0 0 0 ;
}


.menu_right{
  position: fixed;
  right: -51px;
  top: 0%;
  transition: .5s;
  width:50px;
  z-index:10;
  border-right:none;
  margin-top:0%;
  height: 100%;
}
.menu_right_top{
  position: fixed;
  right: -51px;
  top: 0%;
  transition: .5s;
  width:50px;
  z-index:10;
  border-right:none;
  margin-top:0%;
  height: 100%;
}

.menu_right .psl,
.menu_right_top .psl{
  position:relative;
}
.menu_right .psl .height_areas,
.menu_right_top .psl .height_areas{
  position:absolute;
  top:140px;
}

.menu_right .side_faq ,
.menu_right_top .side_faq{
  display:none;
}
.menu_right .side_faq a:hover,
.menu_right_top .side_faq a:hover{
  right:0;
}
.menu_right .side_faq a,
.menu_right_top .side_faq a{
  width:210px;
  position:absolute;
  bottom:90px;
  right:-190px;
  background:#ED6C00;
  transition: .5s ease;
  color:#FFF;
  font-size:13px;
  line-height:13pt;
  padding:11px 15px;
  display:inline-block;
  font-weight:bold;
  z-index:11;
  border-top:1px solid #FFF;
  border-bottom:1px solid #FFF;
  border-left:1px solid #FFF;
}
.menu_right .side_faq a img,
.menu_right_top .side_faq a img{
  margin-right:20px;
}


.menu_right .side-btn a,
.menu_right_top .side-btn a{
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  font-weight:bold;
  font-size:13px;
  text-orientation: upright;
  width:50px;
  padding:35px 0 15px 0;
  position: relative;
  color:#4C4948;
  letter-spacing:0.1em;
  transition: .3s ease;
  z-index:10;
  border:1px solid #EDEDED;
}
.menu_right .side-btn a:hover,
.menu_right_top .side-btn a:hover{
  text-decoration:none;
  color:#ED6C00;

  padding:35px 0 15px 0;
}
.menu_right .side-btn a em,
.menu_right_top .side-btn a em{
  font-size:11px;
  font-style:normal;
}

.menu_right .red_bg,
.menu_right_top .red_bg{
  background:#ED6C00;
}
.menu_right .white_bg,
.menu_right_top .white_bg{
  background:#FFF;
}

.menu_right .side-btn.btnEntry,
.menu_right_top .side-btn.btnEntry{
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  font-weight:bold;
  font-size:13px;
  text-orientation: upright;
  width:50px;
  padding:0px 0 0px 0;
  position: relative;
  color:#FFF;
  letter-spacing:0.1em;
  transition: .3s ease;
  /*
  margin-bottom:10px;
  */
  z-index:10;
  cursor: pointer;
  /*
  border:1px solid #FFF;
  */
}

.menu_right .side-btn.btnEntry:hover,
.menu_right_top .side-btn.btnEntry:hover{
  text-decoration:none;
  color:#FFF;
  padding:0px 0 0px 0;
}
.menu_right .side-btn.btnEntry em,
.menu_right_top .side-btn.btnEntry a em{
  font-size:11px;
  font-style:normal;
}

.menu_right .side-btn.btnEntry::before,
.menu_right_top .side-btn.btnEntry::before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #333333;
    transform-origin: left bottom;
    transform: scale(1, 0);
    transition: transform .3s;
}
.menu_right .side-btn.btnEntry:hover::before,
.menu_right_top .side-btn.btnEntry:hover::before{
    transform-origin: left top;
    transform: scale(1, 1);
}
.menu_right .side-btn.slide_a span{
  display:block;
  height:118.5px;
  text-align:center;
  padding: 0px 20px 0 20px;
}
.menu_right_top .side-btn.slide_a span{
  display:block;
  height:118.5px;
  text-align:center;
  padding: 0px 20px 0 20px;
}



.active{
  /* 3. メニューを定位置へ戻す 
  transform: translate(0);
  */
  right:0;
}
.menu_right .side-btn a::after,
.menu_right_top .side-btn a::after{
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right:0;
  margin:auto;
  width: 21px;
  height: 15px;
  background: url(../images/common/movie_icon.svg) left top no-repeat;
  background-size:21px 15px;
  -webkit-background-size: 21px 15px;
  transition: .3s ease;
}
.menu_right .side-btn a:hover::after,
.menu_right_top .side-btn a:hover::after{
  top:15px;
}




/*
.menu_right .side-btn a::after,
.menu_right_top .side-btn a::after{
  content: "";
    background: #ED6C00;
    height: 15px;
    width: 2px;
    position: absolute;
    left: 0;
    top: -1px;
    right:0;
    margin:auto;
    transition: .3s ease;
  }
.menu_right .side-btn a:hover::after,
.menu_right_top .side-btn a:hover::after{
  height: 20px;
}
*/





.menu_right .side-btn a::before,
.menu_right_top .side-btn a::before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #ededed;
    transform-origin: left bottom;
    transform: scale(1, 0);
    transition: transform .3s;
}
.menu_right .side-btn a:hover::before,
.menu_right_top .side-btn a:hover::before{
    transform-origin: left top;
    transform: scale(1, 1);
}

.site-header{
    position: fixed;
    top: 0;
    transition: .3s;
}
 
.site-header.hides{
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
}

.menu_right .side_faq.extra,
.menu_right_top .side_faq.extra{
  display:block;
}
.menu_right .side_faq.extra{
  right:-30px;
}

.menu_right .side_faq.extra a,
.menu_right_top .side_faq.extra a{
  width:130px;
  position:absolute;
  bottom:-45px;
  right:120px;
  background:#FFF;
  transition: .5s ease;
  color:#5A5657;
  font-size:13px;
  line-height:13pt;
  padding:10px 20px;
  display:inline-block;
  font-weight:bold;
  z-index:11;
  border:1px solid #F0F0F0;
  border-radius: 100px;
}

.menu_right .side_faq.extra.active a,
.menu_right_top .side_faq.extra.active a{
  bottom:30px;
  right:70px;
}

.menu_right .side_faq.extra a span,
.menu_right_top .side_faq.extra a span{
  background: url(../images/common/faq_icon.png) left center no-repeat;
  background-size:19px 19px;
  -webkit-background-size: 19px 19px;
  display:inline-block;
  padding:2px 0 2px 27px;
}
.menu_right .side_faq.extra a:hover,
.menu_right_top .side_faq.extra a:hover{
  background: #EDEDED;
}


/*-----IE hack-----*/
@media all and (-ms-high-contrast: none) {
  .site-header{
      position:fixed;
      top: 0;
      transition: .3s;
  }
  .site-header.hides{
      transform: translateY(0%);
  -ms-transform: translateY(0%);
  }
  /*
  .menu_right,
  .menu_right_top{
    height:273px;
  }
  */
  /*
  .menu_right .side-btn.btnEntry,
  .menu_right_top .side-btn.btnEntry{
    height:116.5px;
  }
  .menu_right .side-btn a,
  .menu_right_top .side-btn a{
    height:147px;
  }
*/

  .menu_right .side-btn a,
  .menu_right_top .side-btn a,
  .menu_right .side-btn.btnEntry,
  .menu_right_top .side-btn.btnEntry{
    writing-mode:vertical-rl;
    position:static;
    position:relative;
  }
  .menu_right .red_bg,
  .menu_right_top .red_bg{
    height:86.5px;
    margin-bottom:10px;
  }
  .menu_right .white_bg,
  .menu_right_top .white_bg{
    height:147px;
  }
  .menu_right .side-btn.btnEntry, .menu_right_top .side-btn.btnEntry{
    margin-bottom:0;
  }

}




@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  .site-header{
      position:fixed;
      top: 0;
      transition: .3s;
  }
  .site-header.hides{
      transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  .site-header{
      position:fixed;
      top: 0;
      transition: .3s;
  }
  .site-header.hides{
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
  }
}



.index_news_block{
  padding: 50px 40px 50px 40px;
  position: relative;
  z-index: 5;
}
.index_news_block .news_list {
  max-width:1080px;
  margin:0 auto 0;
  display:flex;
  align-items: center;
  justify-content: space-between;
  /* margin-bottom:22px; */
  background-color: #F7F7F7;
  padding:3.5rem 0 3.5rem 6rem;
  position: relative;
}
/* .index_news_block .btnLink{
  margin-top:30px;
} */
.index_news_block .news_list .title{
  padding:0 0rem 0 0;
  font-size: 2.8rem;
  color: #4C4948;
  font-weight: bold;
  position: relative;
  width: 25%;
}
.index_news_block .news_list .title::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2.2rem;
  top: 50%;
  right: 30%;
  transform: translateY(-50%);
  background-color: #C8C8C8;
}
/* .index_news_block dl dt span{
  display:inline-block;
  color:#FFF;
  background:#ED6C00;
  font-size:12px;
  line-height:12pt;
  padding:5px 12px;
  font-weight:bold;
} */
/* .index_news_block dl dt div{
  color:#B2B2B2;
  font-size:12px;
  line-height:12pt;
  display:inline-block;
  margin-left:30px;
  width: 100%;
  padding:5px 0px;
} */
.index_news_block .news_list li{
  font-size:1.5rem;
  line-height:20pt;
  color:#B2B2B2;
  padding:0px 0 0 0;
  display: flex;
  align-items: center;
  color: #B2B2B2;
}
.index_news_block .news_list li .text {
  margin-left: 3rem;
  font-size: 1.6rem;
  color: #4C4948;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 82%;
}
.index_news_block .news_list li a{
  color:#4C4948;
  font-weight: 700;
  display:inline;
  padding-bottom: .05em;
  background: linear-gradient(#B2B2B2, #B2B2B2) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
  transition: .5s;
}
.index_news_block .news_list li a:hover {
  background-size: 100% 1px;
  color:#000000;
}
/* @media screen and (max-width: 1079px) {
  .index_news_block .news_list {
    max-width: 95%;
    width: 95%;
  }
  .index_news_block .news_list .title {
    padding: 0 60px 0 0;
  }
} */
@media screen and (max-width: 1079px) {
  .index_news_block {
    padding: 20px 0 !important;
    width: 95%;
    margin: 0 auto;
  }
  .index_news_block .news_list {
    padding:3rem;
    display: block;
    overflow: hidden;
  }
  .index_news_block .news_list .title {
    padding: 0 0 3% 0;
  }
  .index_news_block .news_list .title::before {
    display: none;
  }
  .index_news_block .news_list li .text {
    display: inline-block;
    width: 83%;
  }
  .index_news_block .news_list li {
    width: 100%;
  }
  .swiper.swiper02 {
    width: 100%;
  }
}



.footer_new_entry{
  background:#f7f7f7;
  padding:80px 20px;
  margin:80px 0 0 0;
  text-align:center;
}
.footer_new_entry.pops{
  margin:30px 0 0 0;
  padding:50px 0 50px 0;
}
.footer_new_entry .ttl{
  color:#7D7D7D;
  font-size:16px;
  line-height:20pt;
  font-weight:bold;
}
.footer_new_entry ul.footer_under_area{
  display:flex;
  max-width:540px;
  margin:20px auto 0;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;

}
.footer_new_entry ul.footer_under_area li{
  width:100%;
  max-width:48%;
  margin-right:1%;
  margin-left:1%;

}
.footer_new_entry ul.footer_under_area li a:hover{
  text-decoration:none !important;
}
.recruitPopup  .footer_new_entry ul.footer_under_area.pops ul li{
  padding:0;
  margin:0;
}



.footer_new_entry ul.footer_under_area li.riku span{
  background-color: #00baef;
  box-shadow: 3px 4px 0px #008fb8;
}
.footer_new_entry ul.footer_under_area li.riku span{
  margin: 0 auto 12px;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 100%;
  max-width:300px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #007dc4 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #004f7c;
  transition: all ease .3s;
}
.footer_new_entry ul.footer_under_area li.riku span:hover{
  box-shadow:0px 0px 0px #004f7c;
  transform: translate3d(3px, 4px, 0);
}


.footer_new_entry ul.footer_under_area li.my span{
  background-color: #00baef;
  box-shadow: 3px 4px 0px #008fb8;
}
.footer_new_entry ul.footer_under_area li.my span{
  margin: 0 auto 12px;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 100%;
  max-width:300px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #01BAF0 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #018eb9;
  transition: all ease .3s;
}
.footer_new_entry ul.footer_under_area li.my span:hover{
  transform: translate3d(3px, 4px, 0);
  box-shadow: 0px 0px 0px #018eb9;
}

.footer_new_entry ul.footer_under_area li.kyari span{
  margin: 0 auto 12px;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 100%;
  max-width:300px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #0ca0aa url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #067077;
  transition: all ease .3s;
}
.footer_new_entry ul.footer_under_area li.kyari span:hover{
  transform: translate3d(3px, 4px, 0);
  box-shadow: 0px 0px 0px #067077;
}




.footer_new_entry ul.footer_under_area li.line span{
  background-color: #00baef;
  box-shadow: 3px 4px 0px #008fb8;
}
.footer_new_entry ul.footer_under_area li.line span{
  margin: 0 auto 0px;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 100%;
  max-width:300px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #00BA01 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #008401;
  transition: all ease .3s;
}
.footer_new_entry ul.footer_under_area li.line span:hover{
  transform: translate3d(3px, 4px, 0);
  box-shadow: 0px 0px 0px #008401;
}



.footer_new_entry ul.footer_under_area li.be_next span{
  background-color: #00baef;
  box-shadow: 3px 4px 0px #008fb8;
}
.footer_new_entry ul.footer_under_area li.be_next span{
  margin: 0 auto 0px;
  padding-left: 0px;
  border-radius: 19px;
  display: block;
  width: 100%;
  max-width:300px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  background: #ED6C00 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  box-shadow:3px 4px 0px #B81C05;
  transition: all ease .3s;
}
.footer_new_entry ul.footer_under_area li.be_next span:hover{
  transform: translate3d(3px, 4px, 0);
  box-shadow: 0px 0px 0px #B81C05;
}





.entry_new_ttl{
  text-align:center;
  font-weight:bold;
  color:#585453;
  font-size:16px;
  line-height:20pt;
  margin:80px auto 0;
}

.entry_new_ttl.pops{
  text-align:center;
  font-weight:bold;
  color:#585453;
  font-size:16px;
  line-height:20pt;
  margin:0px auto 0;
}
.entry_new_block{
  width:95%;
  max-width:770px;
  margin:0px auto 80px;
  display:flex;
  justify-content: space-between;
}
.entry_new_block.pops{
  margin:0 auto 0;
}
.entry_new_block .lefts{
  width:100%;
  max-width:355px;
  text-align:center;
}

.entry_new_block .rknv img{
  max-width:274px;
  margin:0px auto 10px;
}
.entry_new_block .rknv a{

}
.entry_new_block .rknv a span{
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  max-width:354px;
  width:100%;
  height: 52px;
  line-height: 21px;
  color: #fff;
  background: #017DC5 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  box-shadow: 3px 4px 0px #004E7E;
  transition: all ease .3s;
}
.entry_new_block .rknv a:hover{
  text-decoration:none;
}
.entry_new_block .rknv span:hover {
  box-shadow: 0px 0px 0px #004E7E;
  transform: translate3d(3px, 4px, 0);
}

.entry_new_block.area01{
  margin: 25px auto 0px;
}

.entry_new_block .rights{
  width:100%;
  max-width:355px;
  text-align:center;
}
.entry_new_block .mync img{
  max-width:274px;
  margin:0 auto 10px;
}



.entry_new_block .mync a span{
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  max-width:354px;
  width:100%;
  height: 52px;
  line-height: 21px;
  color: #fff;
  background: #01BAF0 url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  box-shadow: 3px 4px 0px #018EB9;
  transition: all ease .3s;
}
.entry_new_block .mync a:hover{
  text-decoration:none;
}
.entry_new_block .mync span:hover {
  box-shadow: 0px 0px 0px #018EB9;
  transform: translate3d(3px, 4px, 0);
}
.news_index_block_area{
  max-width: 1080px;
  margin: 0 auto 0;
  padding: 0 40px;
}

.news_index_block_area.news_blog_block{
  max-width: 880px;
  margin: 0 auto 0px;
  padding: 0 40px;}



.news_index_block_detail{
  max-width: 880px;
  margin: 0 auto 0px;
  padding: 0 40px;
}


.kyari {
  text-align: center;
  padding: 40px 0 0 0;
  width: 100%;
}

.entry_new_block .kyari img {
  max-width: 274px;
  margin: 0 auto 10px;
}

.entry_new_block .kyari a span {
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: block;
  max-width: 354px;
  width: 100%;
  height: 52px;
  line-height: 21px;
  color: #fff;
  background: #0ca0aa url(../images/common/icon_othersite.png) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding-top: 17px;
  box-shadow: 3px 4px 0px #067077;
  transition: all ease .3s;
}

.entry_new_block .kyari a:hover {
  text-decoration: none;
}

.entry_new_block .kyari a span:hover {
  box-shadow: 0px 0px 0px #067077;
  transform: translate3d(3px, 4px, 0);
}






.news_index_block_area dl{
  max-width:880px;
  margin:0 auto 0;
  display:flex;
  justify-content: space-between;
  margin-bottom:22px;
  align-items:flex-start;
}

.news_index_block_area dl dt{
  width: 165px;
  padding:0 30px 0 0;
  align-items: center;
  display:flex;
  text-align:right;
}
.news_index_block_area dl dt span{
  display:inline-block;
  color:#FFF;
  background:#ED6C00;
  font-size:12px;
  line-height:12pt;
  padding:5px 12px;
  font-weight:bold;
}
.news_index_block_area dl dt div{
  color:#B2B2B2;
  font-size:12px;
  line-height:12pt;
  display:inline-block;
  margin-left:30px;
  width: 100%;
  padding:5px 0px;
}


.news_index_block_area dl dd{
  width:100%;
  flex: 1;
  font-size:15px;
  line-height:20pt;
  color:#4C4948;
  padding:0px 0 0 0;
}
.news_index_block_area dl dd a{
  color:#4C4948;
  /*
  display:inline;
  padding-bottom: .05em;
  background: linear-gradient(#ED6C00, #ED6C00) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
  transition: .5s;
  */
  text-decoration:underline;
  position:relative;
}

.news_index_block_area dl dd a:hover {
  text-decoration:none;
  color:#000000;
}

.index_news_block a.link_blank:after,
.news_index_block_area dl dd a.link_blank:after{
  content:"";
  width:11px;
  height:10px;
  background: url(../images/common/news_icon_02.svg) 10px 5px no-repeat;
  background-size: 11px 10px;
  padding:0 0 0 25px;
}


.index_news_block a.link_pdf:after,
.news_index_block_area dl dd a.link_pdf:after{
  content:"";
  width:10px;
  height:13px;
  background: url(../images/common/news_icon_03.svg) 10px 2px no-repeat;
  background-size: 10px 13px;
  padding:0 0 0 25px;
}

.news_index_block .pager ul li a, .news_index_block .pager ul li span{
  background-color:#4C4948;
}
html:not(.iOS) .news_index_block .pager ul li a:hover, .news_index_block .pager ul li span {
  color: #4C4948;
  background-color: #f7f7f7;
}

.news_select_area{
  max-width: 880px;
  margin: 0 auto 40px;
}
.news_selecter{
  overflow: hidden;
  width: 250px;
  /*
  margin: 2em auto;
  text-align: center;
  */
  margin-left:auto;
}
.news_selecter select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;

}
.news_selecter select::-ms-expand {
    display: none;
}
.news_selecter.cp_sl01 {
  position: relative;
  border: 1px solid #575757;
  background: #ffffff;
}
.news_selecter.cp_sl01::before {
  position: absolute;
  top:17px;
  right: 17px;
  width: 8px;
  height: 4px;
  padding: 0;
  content: '';/*
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid skyblue;
  */
  background: url(../images/common/news_icon_01.svg) 95% center no-repeat;
  background-size: 8px 4px;
  pointer-events: none;
  z-index:1;
}
.news_selecter.cp_sl01 select {
  padding: 12px 38px 12px 12px;
  color:#4C4948;
}


.pageTitleArea.blog_detail .blog_detail_area.news_ttl .days{
  text-align:center;
}

.news_index_block_detail p {
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
  margin: 0 0 25px 0;
}


.news_index_block_detail h2{
color: #373737;
    font-size: 21px;
    line-height: 25pt;
    margin: 60px 0 25px 0;
    padding-bottom: 0px;
    padding-left: 20px;
    position: relative;
}
.news_index_block_detail h2:after{
position: absolute;
    content: "";
    width: 3px;
    height: 27px;
    background-color: #ED6C00;
    left: 0;
    top: 3px;
}


.news_index_block_detail h3{
  color:#4C4948;
  font-size:18px;
  line-height:22pt;
  padding:30px 0px 0px 0px;
  margin:0 0 30px 0;
}
.news_index_block_detail h3{
  color: #373737;
  font-size: 18px;
  line-height: 22pt;
  margin: 60px 0 25px 0;
}
.news_index_block_detail h4{
color: #373737;
    font-size: 16px;
    line-height: 20pt;
    margin: 60px 0 25px 0;
    /*
    border-bottom: 1px solid #4C4948;
    padding: 0 0 10px 0px;
*/
    }

.news_index_block_detail ul{
  margin:0 0 25px 0;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}

.news_index_block_detail ul li{
  margin:0 0 5px 0;
  background: url(../images/common/news_icon_04.svg) left 12px no-repeat;
  background-size: 5px 5px;
  background: url(../images/recruit/bg_img_01.png) left 12px no-repeat;
    background-size: 4px 4px;
  padding:0 0 0 15px;
  padding: 0 0 0 20px;
}

.news_index_block_detail ol{
  /*
  counter-reset: num;
    list-style-type: none!important;
    padding: 0;
    */
list-style-type: counter;
    margin: 0 0 25px 15px;
}

.news_index_block_detail ol li {
  position: relative;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
padding: 1px 0 1px 10px;
  margin: 0 0 5px 0;
}
/*
.news_index_block_detail ol li:before {
	position: absolute;
	counter-increment: num;
	content: counter(num);
	display:inline-block;
	background: #6D6B6B;
	color: #FFF;
	font-weight:bold;
	font-size: 10px;
	border-radius: 50%;
	left: 0;
	width:19px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	top: 3px;
}
*/
.news_index_block_detail a{
  text-decoration:underline;
  color:#4C4948;
}
.news_index_block_detail a.link_blank:after{
  content:"";
  width:11px;
  height:10px;
  background: url(../images/common/news_icon_02.svg) 10px 5px no-repeat;
  background-size: 11px 10px;
  padding:0 0 0 25px;
}
.news_index_block_detail a:hover{
  text-decoration:none;
}
.news_index_block_detail strong{
  font-weight:bold;
  /*
  color:#000000;
  */
}

.news_index_block_detail img{
  width:100%;
  height:auto;
}

.news_index_block_detail table{
  width:100%;
  margin:0 0 30px 0;
  border-right:1px solid #DCDCDC;
  border-bottom:1px solid #DCDCDC;
}
.news_index_block_detail table th{
  background:#F7F7F7;
  border-top:1px solid #DCDCDC;
  border-left:1px solid #DCDCDC;
  padding:20px;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
  font-weight:bold;
}
.news_index_block_detail table td{
  border-top:1px solid #DCDCDC;
  border-left:1px solid #DCDCDC;
  padding:20px;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}
/*
.news_index_block_detail blockquote{
  padding:30px 70px;
  margin:0px 0 30px 0;
  background:#F7F7F7 url(../images/common/news_icon_05.svg) 30px 20px no-repeat;
  position:relative;
  background-size:19px 61px;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}
  */
/*
.news_index_block_detail blockquote:after{
  content:"";
  background:url(../images/common/news_icon_06.svg) left top no-repeat;
  background-size:19px 61px;
  width:19px;
  height:61px;
  position:absolute;
  right:30px;
  bottom:0px;
}
*/

.btnLink.news_detail a.prev-link:after {
  content:none;
}
.btnLink.news_detail a.prev-link:before{
  content:none;
}
.btnLink.news_detail a.next-link:after {
  content:none;
}
.btnLink.news_detail a.next-link:before{
  content:none;
}

.btnLink.news_detail a.prev-link{
  background-color:#F7F7F7;
  border-radius: 50%;
  display: block;
  width: 50px;
  line-height: 50px;
  color: #4C4948;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
}

.btnLink.news_detail a.next-link{
  background-color:#F7F7F7;
  border-radius: 50%;
  display: block;
  width: 50px;
  line-height: 50px;
  color: #4C4948;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
}

.btnLink.news_detail a.arrow{
  top:2px;
  padding-left:0;
}
.btnLink.news_detail a.next-link{
  padding-right:0;
}

.btnLink.news_detail a:hover{
  color: #fff !important;
  background-color: #4C4948;
}



@media screen and (max-width: 767px){
  .entry_new_block .rknv img{
    margin: 15px auto 10px;
  }
  .menu_right .side_faq.extra,
  .menu_right_top .side_faq.extra{
    display:none;
  }
  .entry_new_block.pops2 .lefts .rknv img{
    width:60%;
    max-width:254px;
  }
  .entry_new_block.pops2 .mync img{
    width:60%;
    max-width:254px;
  }
  .entry_new_block.pops .rknv a span{
    width:80%;
  }
  .entry_new_block.pops .rknv a span{
    width:80%;
  }
  .entry_new_block.pops .mync a span{
    width:80%;
  }

  .entry_new_block.area01{
    margin: 10px auto 0px;
  } 
  .footer_new_entry.pops{
    padding:20px 10px 20px 10px;
    margin:15px 0 0 0;
  }

  .footer_new_entry ul.footer_under_area.pops{
    margin:0 auto 0;
  }

  .footer_new_entry ul.footer_under_area.pops li{
    max-width:48%;
  }

  .news_selecter{
    margin-left:auto;
    margin-right:auto;
  }
  .news_index_block_detail h2{
color: #373737;
        font-size: 18px;
        line-height: 22pt;
        margin: 40px 0 20px 0;
        padding-bottom: 0px;
    padding-left: 20px;
    position: relative;
  }
  .news_index_block_detail h2:after{
position: absolute;
    content: "";
    width: 3px;
    height: 27px;
    background-color: #ED6C00;
    left: 0;
    top: 3px;
  }
  .news_index_block_detail p {
    margin: 0 0 15px 0;
    font-size:14px;
    line-height:18pt;
  }




.news_index_block_detail h3{
  font-size:16px;
  line-height:20pt;
  padding:20px 0px 0px 0px;
  margin:0 0 20px 0;
}
.news_index_block_detail h3{

  font-size: 16px;
  line-height: 20pt;
  margin: 40px 0 20px 0;
}
.news_index_block_detail h4{
  color: #373737;
        font-size: 15px;
        line-height: 19pt;
        margin: 40px 0 20px 0;
        /*
        padding: 0 0px 10px 0px;
*/
        }
.news_index_block_detail ul{
  margin:0 0 20px 0;
  font-size:14px;
  line-height:18pt;
}
.news_index_block_detail ul li{
  margin:0 0 5px 0;
  background: url(../images/recruit/bg_img_01.png) left 10px no-repeat;
    background-size: 4px 4px;
  padding:0 0 0 15px;
}
.news_index_block_detail ol{
  /*
  counter-reset: num;
  list-style-type: none!important;
  padding: 0;
  */
  list-style-type: counter;
    margin: 0 0 25px 15px;
}

.news_index_block_detail ol li::marker {
    font-weight: bold;
    position: absolute;
    left: 5rem;
}
/*
.news_index_block_detail ol li {
  position: relative;
  font-size:14px;
  line-height:18pt;
  padding: 0 0 0 30px;
  margin: 0 0 5px 0;
}
.news_index_block_detail ol li:before {
	position: absolute;
	counter-increment: num;
	content: counter(num);
	display:inline-block;
	background: #6D6B6B;
	color: #FFF;
	font-weight:bold;
	font-size: 10px;
	border-radius: 50%;
	left: 0;
	width:19px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	top: 2px;
  }
*/
  .news_index_block_detail table{
    margin:0 0 25px 0;
  }
  .news_index_block_detail table th{
    padding:10px;
    font-size:14px;
    line-height:18pt;
  }
  .news_index_block_detail table td{
    padding:15px;
    font-size:14px;
    line-height:18pt;
  }


/*
  .news_index_block_detail blockquote{
    padding:20px 50px;
    margin:0px 0 20px 0;
    background:#F7F7F7 url(../images/common/news_icon_05.svg) 20px 10px no-repeat;
    position:relative;
    background-size:19px 61px;
    font-size:14px;
    line-height:18pt;
  }
  .news_index_block_detail blockquote:after{
    content:"";
    background:url(../images/common/news_icon_06.svg) left top no-repeat;
    background-size:19px 61px;
    width:19px;
    height:61px;
    position:absolute;
    right:20px;
    bottom:-10px;
  }
*/

  /*
  4つの時
  .footer_new_entry ul.footer_under_area.pops li{
    max-width:46%;
  }
*/
  .footer_new_entry ul.footer_under_area.pops li.riku span,
  .footer_new_entry ul.footer_under_area.pops li.my span,
  .footer_new_entry ul.footer_under_area.pops li.line span,
  .footer_new_entry ul.footer_under_area.pops li.be_next span{
  /*
  4つの時
    font-size:10px;
    height:30px;
    line-height:32px;
    padding-right: 16px;
 */
    height: 34px;
    line-height: 17px;
    padding-top: 10px;
  }




  .news_index_block_detail {
    max-width: 880px;
    margin: 0 auto 0px;
    padding: 0 0px;
  }
  .new_entry {
    padding: 20px 0 0 0 !important;
  }
  .entry_new_block.pops .rights .new_entry {
    padding: 0px 0 0 0 !important;
  }
  .news_index_block .pager ul li a, .news_index_block .pager ul li span{
    width: 40px;
    line-height: 40px;
    font-size: 1.4rem;
  }
  .news_index_block .pager ul li:first-child{
    margin:0 5px 0 0;
  }
  .news_index_block .pager ul li:last-child{
    margin:0 0px 0 5px;
  }
  .news_selecter.cp_sl01 select {
    padding: 12px 38px 10px 12px;
    color:#4C4948;
    font-size:14px;
  }
  .news_select_area{
    margin: 0 auto 30px;
  }
  .news_index_block .pager ul li {
    margin: 0 3px;
    display: inline-block;
  }

  .news_index_block_area {
    max-width: 1080px;
    margin: 0 auto 0;
    padding: 0 0px;
  }
  .news_index_block_area dl{
    max-width:880px;
    /*
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-bottom:20px;
    */
    margin-left:0;
    margin-right:0;
    margin-bottom:30px;
    flex-wrap: wrap;
  }
  .news_index_block_area dl dt{
    width:100%;
    padding:0 0 5px 0;
    text-align:left;
  }
  .news_index_block_area dl dd{
    width:100%;
    font-size:14px;
    line-height:18pt;
  }
  .news_index_block_area dl:last-child{
    margin-bottom:0;
  }
  .news_index_block_area dl dt span{
    padding:3px 10px;
    margin-right:20px;
  }
  .news_index_block_area dl dt div{
    margin-left:0;
  }



  .footer_new_entry{
    padding:60px 20px;
    margin:0px 0 0 0;
  }
  .entry_new_ttl{
    margin:60px 0 0 0;
  }
  .entry_new_block .lefts{
    margin:auto;
  }
  .entry_new_block .rights{
    margin:auto;
  }
  .new_entry.line{
    text-align:center;
    padding:50px 0 0 0;
    width:100%;
  }
  .logobg_line {
    background: url(../images/common/logo_bg_line.png) left top no-repeat;
   background-size: 40px 40px;
    display: inline-block;
    padding: 0 0 0 80px;
}
  .new_entry.line span {
    margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: block;
    width: 220px;
    height: 34px;
    line-height: 17px;
    color: #4C4948;
    background: #f0f0f0 url(../images/common/icon_othersite2.png) right 15px center no-repeat;
    background-size: 12px 10px;
    padding-top:10px;
    box-shadow:3px 4px 0px #c4c4c4;
  }
  .new_entry.line span:hover{
    box-shadow:0px 0px 0px #004f7c;
    transform: translate3d(3px, 4px, 0);
  }
  .logobg {
    background: url(../images/common/logo_benext.png) left top no-repeat !important;
    background-size: 66px 40px !important;
    display: inline-block;
    padding: 0px 0 0 100px !important;
}
  .entry_new_block .rknv a span{
    margin: 0 auto;
    max-width:300px;
    width:100%;
    height: 34px;
    line-height: 17px;
    color: #fff;
    background: #017DC5 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    padding-top:10px;
  }

  .kyari {
    padding: 10px 0 0 0;
  }
  .entry_new_block .kyari a span {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
    height: 34px;
    line-height: 17px;
    color: #fff;
    background: #0ca0aa url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    padding-top: 10px;
  }
  .new_entry.logos span{
    padding-top:10px;
  }
  .entry_new_block .mync img{
    margin:10px auto 10px;
  }
  .entry_new_block .mync a span{
    margin: 0 auto;
    max-width:300px;
    width:100%;
    height: 34px;
    line-height:17px;
    color: #fff;
    background: #01BAF0 url(../images/common/icon_othersite.png) right 15px center no-repeat;
    background-size: 12px 10px;
    padding-top:10px;
  }

  .footer_new_entry ul.footer_under_area {
    display: flex;
    max-width: 100%;
        margin: 10px auto 0;
    flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
  }
  .footer_new_entry ul.footer_under_area li {
    width: 100%;
    max-width: 90%;
    margin:10px auto 0;
  }
  .entry_new_block {
    width: 95%;
    max-width: 770px;
    margin: 0px auto 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer_new_entry ul.footer_under_area li.riku span{
    margin:0 auto 0;
  }
  .footer_new_entry ul.footer_under_area li.kyari span{
    margin:0 auto 0;
  }
  .footer_new_entry ul.footer_under_area li.my span{
    margin:0 auto 0;
  }

.new_entry.logos .logobg span{
  width: 200px;
      height: 34px;
      line-height: 17px;
       padding-top: 10px;
}
.entry_new_block .rights .new_entry{
  padding:10px 0 0 0 !important;
}

  .index_news_block{
    padding:105px 0 40px 0;
  }
  .index_news_block dl{
    max-width:880px;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    margin-bottom:30px;
    flex-wrap: wrap;
  }
  .index_news_block dl dt{
    width:100%;
    padding:0 0 5px 0;
    text-align:left;
  }
  .index_news_block dl dd{
    width:100%;
    font-size:14px;
    line-height:18pt;
  }
  .index_news_block dl:last-child{
    margin-bottom:0;
  }
  .index_news_block dl dt span{
    padding:3px 10px;
    margin-right:20px;
  }
  .index_news_block dl dt div{
    margin-left:0;
  }

  .menu_right{
    position: fixed;
    display: flex;
    left:-100%;
    /*
    top:auto;
    */
    top:auto !important;
    bottom:0px;
    /* 1. メニューを画面下へ隠す */
    /*
    transform: translateX(100%);
    */
    /* 2. 0.3秒かけて表示する */
    transition: .5s;
    width:100%;
    /*
    background:#FFF;
    */
    z-index:10;
    /*
    border:1px solid #ededed;
    */
    border-left:none;
    border-bottom:none;
    justify-content: space-between;
    height:auto;
  }
  .menu_right_top{
    position: fixed;
    display: flex;
    left:-100%;
    top:auto !important;
    bottom:0px;
    /* 1. メニューを画面下へ隠す */
    /*
    transform: translateX(100%);
    */
    /* 2. 0.3秒かけて表示する */
    transition: .5s;
    width:100%;
    /*
    background:#FFF;
    */
    z-index:10;
    /*
    border:1px solid #ededed;
    */
    border-left:none;
    border-bottom:none;
    justify-content: space-between;
    height:auto;
  }
  .active{
    /* 3. メニューを定位置へ戻す 
    transform: translate(0);
    */
    left:0;
  }
  .menu_right .side-btn.btnEntry, .menu_right_top .side-btn.btnEntry {
    display: flex;
    align-items: center;
    writing-mode: unset;
    font-weight: bold;
    font-size: 12px;
    line-height:13pt;
    text-orientation: upright;
    width:100%;
    padding:0;
    position: relative;
    color: #FFF;
    letter-spacing: 0.1em;
    transition: .3s ease;
    margin-bottom: 0px;
    z-index: 10;
    cursor: pointer;
    justify-content: center;
    border:none;
    border-top:1px solid #ED6C00;
    border-bottom:1px solid #ED6C00;
  }
  .menu_right .side-btn.btnEntry span, .menu_right_top .side-btn.btnEntry span{
    padding: 13px 0 13px 0;
    display:inline-block;
    width:100%;
    height:auto;
  }
  .menu_right .side-btn a,
  .menu_right_top .side-btn a{
    display: flex;
    align-items: center;
    writing-mode: horizontal-tb;
    font-weight: bold;
    font-size: 12px;
    line-height: 13pt;
    text-orientation: upright;
    width: 100%;
    padding: 5px 0 13px 0px;
    position: relative;
    text-align: left;
    transition: .3s ease;
    border: none;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    color: #666666;
    background: #FFF;
  }
  .menu_right .side-btn a span,
  .menu_right_top .side-btn a span{
    width:100%;
    transition: .3s ease;
  }
  .menu_right .side-btn a:hover span,
  .menu_right_top .side-btn a:hover span{
    padding:0 0 0 5px;
  }
  .menu_right .side-btn a:hover,
  .menu_right_top .side-btn a:hover{
    padding: 13px 0 13px 0px;
    color: #666666;
  }
  .menu_right .side-btn a em,
  .menu_right_top .side-btn a em{
    font-size:10px;
    font-style:normal;
    display:block;
  }
  .menu_right .side-btn.btnEntry:hover::before, .menu_right_top .side-btn.btnEntry:hover::before {
    transform-origin: left top;
    transform: scale(1, 0);
  }
  .menu_right .side_faq a, .menu_right_top .side_faq a{
    width:100%;
    bottom:auto;
    padding: 13px 0 13px 0;
    right:auto;
    position:relative;
    font-size: 12px;
    line-height:13pt;
    border-top:1px solid #E8E8E8;
    border-bottom:1px solid #E8E8E8;
    background:#E8E8E8;
    color:#666666;
    border-left:1px solid #E8E8E8;
  }
  .menu_right .side_faq a:hover, .menu_right_top .side_faq a:hover{
    text-decoration:none;
  }
  .menu_right .side_faq a img, .menu_right_top .side_faq a img{
    display:none;
  }
  .menu_right .side-btn.btnEntry:hover, .menu_right_top .side-btn.btnEntry:hover {
    padding: 0px;
}
  .menu_right .red_bg, .menu_right_top .red_bg{
    width:50%;
    width: 100%;
    text-align:center;
  }
  .menu_right .white_bg, .menu_right_top .white_bg{
    width:50%;
    background:#FFF;
  }
  .menu_right .side_faq , .menu_right_top .side_faq{
    width:50%;
    text-align:center;
    display: block;
  }
  .menu_right .psl,
  .menu_right_top .psl{
    display:flex;
    width:66%;
    width: 50%;
    justify-content: space-between;
  }
  .menu_right .height_areas,
  .menu_right_top .height_areas{
    display:flex;
    width:100%;
    position:relative;
    top:0 !important;
  }
  /*
  .menu_right .side-btn a::after,
  .menu_right_top .side-btn a::after{
    content: "";
      background: #ED6C00;
      height: 2px;
      width: 15px;
      position: absolute;
      left: 0;
      top: 49%;
      right:auto;
      margin:none;
      transition: .3s ease;
    }
  .menu_right .side-btn a:hover::after,
  .menu_right_top .side-btn a:hover::after{
    width: 20px;
    height:2px;
    top:49%;
  }
  */


  .menu_right .side-btn a::after,
  .menu_right_top .side-btn a::after{
    content: none;
  }
  .menu_right .side-btn a span,
  .menu_right_top .side-btn a span{
    position: relative;
    display: grid;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 2px 0 0 0px;
  }
  .menu_right .side-btn a span::before,
  .menu_right_top .side-btn a span::before{
    content: "";
    display: inline-block;
    position: relative;
    top: 6px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    width: 21px;
    height: 15px;
    background: url(../images/common/movie_icon.svg) left center no-repeat;
    background-size: 21px 15px;
    -webkit-background-size: 21px 15px;
    transition: .3s ease;
  }

  .menu_right .side-btn a:hover::after,
  .menu_right_top .side-btn a:hover::after{
    left: 25px;
    top:31px;
  }
  .menu_right .side-btn a::before,
  .menu_right_top .side-btn a::before{
      transform-origin: right top;
      transform: scale(0, 1);
      content:none;
  }
  .menu_right .side-btn a:hover::before,
  .menu_right_top .side-btn a:hover::before{
      transform-origin: left top;
      transform: scale(1, 1);
      content:none;
  }
}

.menu_right_top{
  display:none;
}

.ak_link{
  margin:-90px 0 0 0;
  height:1px;
  padding:90px 0 0 0;
}

.menu_right .white_bg .side-btn,
.menu_right_top .white_bg .side-btn{
  background:#FFF;
}


































/*-----------------------20220201---------------------*/


.news_index_block_area.news_blog_area{
  max-width: 880px;
  margin: 0 auto 0;
  padding: 0 40px;
}
.news_index_block_area.news_blog_area h2{
  font-size:30px;
    line-height: 32pt;
    margin: 0 0 35px 0;
    color: #4C4948;
    text-align: center;
}
.news_index_block_area.news_blog_area .news_list_areas{
  margin-bottom:35px;
}

.news_index_block.contentBlock.news_blog_block{
  padding-bottom:100px;
}
.news_index_block_area.news_blog_area .recruit_blog_list_b {
  margin-bottom: 15px;
}




/*----------------movie_list----------------*/
.movie_ak_link_area{
  padding: 80px 0 0 0;
}
.movie_ak_link_area .ak_links{
  display:flex;
  flex-wrap: wrap;
  margin:0px auto 0;
  justify-content: center;
  padding:0 40px;
}
.movie_ak_link_area .ak_links li{
  margin:0 5px 10px 5px;
  display: flex;
}
.movie_ak_link_area .ak_links li a{
  display:inline-block;
  width:100%;
  text-align:center;
  padding:10px 50px 10px 45px;
  color:#ED6C00;
  font-size:13px;
  line-height:16pt;
  font-weight:bold;
    border-radius: 100px;
    background:#ececec url(../images/jobs/icon_img_01.png) 90% center no-repeat;
    background-size:14px 9px;
        transition: ease .3s;
}
.movie_ak_link_area .ak_links li a:hover{
  text-decoration:none;
    background:#ED6C00 url(../images/jobs/icon_img_02.png) 90% center no-repeat;
    background-size:14px 9px;
    color:#FFF;
}
.movie_new_under_block_01 div.link_btn a {
  border-radius: 28px;
  display: inline-block;
  width: 200px;
  line-height: 54px;
  color: #FFFFFF;
  background: #ED6C00;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
  margin: 35px 0 0 0;
  cursor: pointer;
  border:1px solid #ED6C00;
}
.movie_new_under_block_01 div.link_btn a:hover {
  color:#ED6C00;
  background:#ededed;
}
.movie_new_under_block_01{
  margin:90px 0 0px 0;
}

.movie_new_under_block_01{
  background: linear-gradient(90deg, #FFF 0%, #FFF 60%, #F7F7F7 60%, #F7F7F7 100%);
}

@media screen and (min-width: 768px) and (max-width: 2600px) {
  .movie_new_under_block_01{
    background: linear-gradient(90deg, #FFF 0%, #FFF 70%, #F7F7F7 70%, #F7F7F7 100%);
  }
}
.movie_new_under_block_01 h2{
  font-size:30px;
  line-height:32pt;
  margin:0 0 15px 0;
  padding:0 20px 10px 0;
  color:#4C4948;
  border-bottom:1px solid #ED6C00;
  position:relative;
}
.movie_new_under_block_01 h2:before{
  content:"";
  background: url(../images/movie/icon01.svg) left top no-repeat;
  display:block;
  position:absolute;
  right:-4px;
  bottom:-3px;
  background-size:6px 6px;
  width:6px;
  height:6px;
  z-index:1;
}
.movie_new_under_block_01 .fboxs_2{
  display: flex;
  justify-content:space-between;
}




.movie_new_under_block_01 .fboxs_2 .lefts_h2{
  width: 70.2%;
  max-width: 760px;
  padding:20px 0 30px 0;
}
.movie_new_under_block_01 .fboxs_2 .rights_h2{
  width: 29.8%;
  max-width: 320px;
  padding:100px 0 0px 0;
  background:#F7F7F7;
}

.movie_new_under_block_01 .fboxs_2 .lefts{
  width:63%;
  max-width:640px;
  padding:30px 0 0px 40px;
  transition: .3s;
}
.movie_new_under_block_01 .fboxs_2 .rights{
  width:37%;
  max-width:400px;
  padding:0px 0 60px 0;
  background: linear-gradient(90deg, #FFF 0%, #FFF 19.9%, #F7F7F7 19.9%, #F7F7F7 100%);
}


@media screen and (min-width: 768px) and (max-width: 1180px) {
  .movie_new_under_block_01 .fboxs_2 .lefts{
    width:63%;
    max-width:680px;
    padding:30px 0 10px 0px;
  }
  .movie_new_under_block_01 .fboxs_2 .rights{
    width:37%;
    max-width:400px;
    padding:0px 0 60px 0;
    background: linear-gradient(90deg, #FFF 0%, #FFF 19.9%, #F7F7F7 19.9%, #F7F7F7 100%);
  }
}



.movie_new_under_block_01 .fboxs_2 .lefts h3{
  color:#4C4948;
  font-size:21px;
  line-height:24pt;
  background: url(../images/movie/icon03.svg) left center repeat-x;
  background-size:1px 1px;
  margin-bottom:30px;
}
.movie_new_under_block_01 .fboxs_2 .lefts h3 span{
  display:inline-block;
  background:#FFF;
  padding:0 30px 0 0;
}
.movie_new_under_block_01 .fboxs_2 .lefts p{
  line-height: 1.87;
  font-size: 1.5rem;
  padding:0 70px 0 0;
  color:#4C4948;
}
.movie_new_under_block_01 .fboxs_2 .lefts p em{
  font-weight:bold;
  color:#ED6C00;
  font-style:normal;
}
.movie_new_under_block_01 .fboxs_2 .lefts p.red_text{
  font-style: normal;
  font-weight: bold;
  color: #ED6C00;
}

.movie_new_under_block_01 .fboxs_2 .rights .imgWrap {
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
  width: 100%;
  max-width: 400px;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb {
  position: absolute;
  width: 100%;
  height: 100%;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb .poptext {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb .poptext .icon {
  display: block;
  z-index: 1;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb .poptext .icon img {
  width: 53px;
  margin: 0 auto 10px;
  opacity: 1.0;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb .poptext .icon em {
  display: block;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10pt;
  font-style: normal;
  letter-spacing: 0.1em;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap .psb .poptext .icon span {
  display: inline-block;
  margin: 10px auto 0;
  background: #FFF;
  border-radius: 100px;
  text-align: center;
  color: #4C4948;
  font-size: 10px;
  line-height:10pt;
  padding: 4px 10px;
  font-weight:bold;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap img {
  display: block;
  opacity: 0.8;
  transition-duration: 0.5s;
}


.movie_new_under_block_01 .fboxs_2 .rights a:hover .imgWrap img{
  transform: scale(1.1);
  transition-duration: 0.5s;
  opacity: 0.5;
}
.movie_new_under_block_01 .fboxs_2 .rights a:hover .imgWrap .icon img{
  transform: scale(1.0);
  opacity: 1.0;
}
/*----------------movie_list----------------*/






/*---------------------一覧の下-------------------------*/
.movie_new_under_block_02{
  margin: 90px 0 0px 0;
}
.movie_new_under_block_02 h2{
  font-size:30px;
  line-height:32pt;
  margin:0 0 0px 0;
  padding:0 20px 10px 0;
  color:#4C4948;
  border-bottom:1px solid #ED6C00;
  position:relative;
}
.movie_new_under_block_02 ul{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.movie_new_under_block_02 ul li{
  max-width:23%;
  margin-top:4%;
}
.movie_new_under_block_02 ul li a{
  display:inline-block;
  width:100%;
}
.movie_new_under_block_02 ul li a p{
  line-height: 1.8;
  font-size: 1.4rem;
  color:#4C4948;
}
.movie_new_under_block_02 ul::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.movie_new_under_block_02 ul::after{
  content:"";
  display: block;
  width:23%;
}
.movie_new_under_block_02 .imgWrap {
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
  width: 100%;
  max-width: 400px;
}
.movie_new_under_block_02 .imgWrap .psb {
  position: absolute;
  width: 100%;
  height: 100%;
}
.movie_new_under_block_02 .imgWrap .psb .poptext {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.movie_new_under_block_02 .imgWrap .psb .poptext .icon {
  display: block;
  z-index: 1;
}
.movie_new_under_block_02 .imgWrap .psb .poptext .icon img {
  width: 36px;
  margin: 0 auto 0px;
  opacity: 1.0;
}
.movie_new_under_block_02 .imgWrap .psb .poptext .icon em {
  display: block;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 10pt;
  font-style: normal;
  letter-spacing: 0.1em;
}
.movie_new_under_block_02 .imgWrap .psb .poptext .icon span {
  display: inline-block;
  margin: 10px auto 0;
  background: #FFF;
  border-radius: 100px;
  text-align: center;
  color: #4C4948;
  font-size: 11px;
  padding: 5px 10px;
}
.movie_new_under_block_02 .imgWrap img {
  display: block;
  opacity: 0.8;
  transition-duration: 0.5s;
  object-fit: cover;
    width: 100%;
    height: 100%;
}

.movie_new_under_block_02 a:hover .imgWrap img{
  transform: scale(1.1);
    transition-duration: 0.5s;
    opacity: 0.5;
}
.movie_new_under_block_02 a:hover .imgWrap .icon img{
  transform: scale(1.0);
  opacity: 1.0;
}
.movie_new_under_block_02 a:hover{
  text-decoration:none;
}
.movie_new_under_block_02 ul li a .ttl{
  font-size:18px;
  line-height:22pt;
  margin:10px 0 15px 0;
  font-weight:bold;
  color:#4C4948;
}
.movie_new_under_block_02 ul li a .times{
  display: inline-block;
  margin: 10px auto 0;
  background:#EFEFEF;
  border-radius: 100px;
  text-align: center;
  color: #ED6C00;
  font-size: 10px;
  line-height:10pt;
  padding: 4px 10px;
  margin:20px 0 0 0;
  font-weight:bold;
}
/*---------------------一覧の下-------------------------*/








/*---------------------PC_movie_detail-------------------------*/

.movie_new_under_block_03{
  background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 55%, #FFF 55%, #FFF 100%);
}
.movie_new_under_block_03 .news_index_block_area{
  max-width: 1080px;
  margin: 0 auto 0;
  padding: 0 40px;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting{
  display:flex;
  justify-content: space-between;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area{
  max-width:630px;
  width:65%;
  padding:40px 40px 40px 0;
  background:#F7F7F7;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area{
  max-width:410px;
  width:35%;
  padding:40px 0 40px 40px;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area video{
  width:100%;
}



.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area .iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area .iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area h1{
  font-size:24px;
  line-height:28pt;
  margin:25px 0 15px 0;
  color:#4C4948;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area p{
  line-height: 1.87;
  font-size: 1.5rem;
  color:#4C4948;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area div.link_btn a {
  border-radius: 28px;
  display: inline-block;
  width: 200px;
  line-height: 54px;
  color: #FFFFFF;
  background: #ED6C00;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
  margin: 25px 0 0 0;
  cursor: pointer;
  border:1px solid #ED6C00;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area div.link_btn a:hover {
  background: #ededed;
  color:#ED6C00;
    border:1px solid #ED6C00;
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li{
  width:100%;
  margin-bottom:12px;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li:last-child{
  margin-bottom:0;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  color:#4C4948;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap{
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
  width: 40%;
  max-width:150px;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap .psb{
  position: absolute;
  width: 100%;
  height: 100%;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap .psb .poptext{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap .psb .poptext .icon{
  display: block;
  z-index: 1;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap .psb .poptext .icon span{
  display: inline-block;
  margin: 0;
  background: #EFEFEF;
  border-radius: 100px;
  text-align: center;
  color: #4C4948;
  font-size: 10px;
  line-height:10pt;
  color:#ED6C00;
  font-weight:bold;
  padding: 2px 6px;
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:1;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap img {
  transition-duration: 0.5s;
  opacity: 0.8;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a:hover .imgWrap img {
  transform: scale(1.1);
  opacity: 0.5;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap .psb .poptext .icon img{
  width: 30px;
  margin: 0 auto 0px;
  opacity: 1.0;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a:hover .imgWrap .psb .poptext .icon img {
  width: 30px;
  margin: 0 auto 0px;
  opacity: 1.0;
  transform: scale(1.0);
}


.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right{
  max-width:200px;
  padding:0 0 0 20px;
  width: 60%;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right div{
  font-weight:bold;
  font-size:15px;
  line-height:18pt;
  margin-bottom:5px;
  color:#4C4948;
  margin-top:-5px;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right p{
  font-size:10px;
  line-height:14pt;
  color:#4C4948;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
  position:relative;
}





@media screen and (min-width: 768px) and (max-width: 1000px) {
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a {
    flex-wrap: wrap;
  }
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap {
    width:100%;
    max-width:100%;
  }
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right {
    max-width:  100%;
    padding: 15px 0 0 0px;
    width: 100%;
  }
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li {
    margin-bottom: 20px;
  }
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area {
      max-width: 730px;
      width: 75%;
      padding: 40px 40px 40px 0;
      background: #F7F7F7;
  }
  .movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area {
      max-width: 310px;
      width: 25%;
      padding: 40px 0 0 40px;
  }
}


/*---------------------PC_movie_detail-------------------------*/



.movie_ak_link_area .ak_links li.only-pcs{
  display:flex;
}
.movie_ak_link_area .ak_links li.only-sps{
  display:none;
}












.new_top_block_02 .top_jobs_area{
  margin: 45px auto 0;
  max-width:900px;
}
.new_top_block_02 .top_jobs_area .inr_areas{
  display:flex;
  justify-content: center;
  /*
  align-items: center;
  */
  flex-wrap: wrap;
}
.new_top_block_02 .top_jobs_area .inr_areas .inr_areas_block {
  width: 31%;
  margin-bottom: 70px;
  margin-right: 30px;
}
.new_top_block_02 .top_jobs_area .inr_areas .inr_areas_block:nth-child(3) {
  margin-right: 0;
}
.new_top_block_02 .top_jobs_area .inr_areas a{
  display:inline-block;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:400px;
}
.new_top_block_02 .top_jobs_area .inr_areas a div{
  /* height: 100%; */
  height: 157px;
  display: block;
  text-align: center;
  position: relative;
}
.new_top_block_02 .top_jobs_area .inr_areas a div em{
  font-style: normal;
  display: block;
  position: absolute;
  color: #FFF;
  text-align: center;
  z-index: 1;
  transition: .3s ease;
  font-weight: bold;
  font-size: 18px;
  line-height: 18pt;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width:100%;
}
.new_top_block_02 .top_jobs_area .inr_areas a div em span{
  font-size:10px;
  display: block;
}
.new_top_block_02 .top_jobs_area .inr_areas a .imgWrap{
  background:#000;
}
.new_top_block_02 .top_jobs_area .inr_areas a .imgWrap img {
  display: block;
  transition-duration: 0.3s;
  opacity: 0.6;
  width: 100%;
  height: 100%;
}
.new_top_block_02 .top_jobs_area .inr_areas a:hover .imgWrap img{
  transform: scale(1.1);
  transition-duration: 0.3s;
  opacity: 0.4;
}
.new_top_block_02 .top_jobs_area .inr_areas a div:after{
  content:"";
  background:#ED6C00;
  width:40px;
  height:5px;
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:1;
  margin:auto;
  transition: .3s ease;
}
.new_top_block_02 .top_jobs_area .inr_areas a:hover div:after{
  height:10px;
}
.new_top_block_02 .top_jobs_area .inr_areas a:hover div em{
  padding:5px 0 0 0;
}
.new_top_block_02 .top_jobs_area .inr_areas .movie_btn {
  font-size: 13px;
  background: #ED6C00;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-weight: bold;
  transition: ease .3s;
  box-shadow: 3px 4px 0px #ED6C00;
  width: 206px;
  margin: 12px auto 0;
  padding: 13px 0;
}
.new_top_block_02 .top_jobs_area .inr_areas .movie_btn a {
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: 8px;
}
.new_top_block_02 .top_jobs_area .inr_areas .movie_btn a::before {
  content: "▶";
  position: absolute;
  font-size: 10px;
  top: 50%;
  left: 55px;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.new_top_block_02 .top_jobs_area .inr_areas .movie_btn:hover {
  background: #A61A0C;
  box-shadow: 0px 0px 0px #ED6C00;
  transform: translate3d(3px, 4px, 0);
}
.new_top_block_02 .top_jobs_area .top_jobs_list{
  margin:20px auto 30px;
  max-width:758px;
  display:flex;
  justify-content:space-between;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li{
  width:100%;
  margin-right:1px;
  text-align:center;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a{
  width:100%;
  background:#FFF;
  display: flex;
  padding:20px 0;
  text-align:center;
  font-weight:bold;
  font-size:13px;
  line-height:13pt;
  color:#4C4948;
  justify-content: center;
  position:relative;
  transition: .3s ease;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li:last-child{
  margin-right:0;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a:hover{
  color:#ED6C00;
  padding:20px 0 20px 0px;
  text-decoration:none;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a:before{
  content:"";
  background:#ED6C00;
  width:3px;
  height:12px;
  display:block;
  position:absolute;
  z-index:1;
  transition: .3s ease;
  top: 50%;
  left: 15px;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a:hover:before{
  width:8px;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a span{
  transition: .3s ease;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li a:hover span{
  margin:0 0 0 5px;
}

.job_acr_area{
  background:#ECECEC;
}
.job_acr_area ul{
  max-width:100%;
  display: flex;
  justify-content:center;
  align-items: center;
  text-align:center;
}
.job_acr_area ul a{
  color:#ED6C00;
  font-size:12px;
  line-height:15pt;
  font-weight:bold;
  padding:20px 0;
  display:flex;
}
.job_acr_area ul li a span{
  border-right:1px solid #D1D1D1;
}
.job_acr_area ul li:last-child a span{
  border:none;
}

.job_acr_area ul a span{
  display:inline-block;
  background-image:url(../images/common/work_icon_img.png);
  background-repeat: no-repeat;
  background-position: right 30px top 5px;
  background-size:12px 7px;
  padding:0 50px 0 30px;
  transition: .3s ease;
}
.job_acr_area ul a:hover span{
  background-position: right 30px top 9px;
}




@media screen and (max-width: 936px) {
  .new_top_block_02 .top_jobs_area .inr_areas .inr_areas_block:nth-child(3) {
    margin-right: 30px;
  }
}







@media screen and (max-width: 767px){
  .new_top_block_02 .top_jobs_area .inr_areas a{
    max-width:100%;
  }
  .new_top_block_02 .top_jobs_area .top_jobs_list li a{
    justify-content: start;
  }
  .new_top_block_02 .top_jobs_area .top_jobs_list li a span {
    padding: 0 30px;
  }
  .job_acr_area ul{
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align:left;
    justify-content: stretch;
  }
  .job_acr_area ul a{
    padding:16px 0;
    width:100%;
  }
  .job_acr_area ul li{
    width:50%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    height: 100%;
  }
  .job_acr_area ul li a span{
    border:none;
    width:100%;
  }
  .job_acr_area ul a span{
    display:inline-block;
    background-image:url(../images/common/work_icon_img.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size:12px 7px;
    padding:0 40px 0 15px;
    transition: .3s ease;
  }
  .job_acr_area ul a:hover span{
    background-position: right 20px center;
  }
  .job_acr_area ul li:nth-child(1){
    border-right: 1px solid #FFF;
  }
  .job_acr_area ul li:nth-child(2){
    width:calc(50% - 1px ) ;
  }
  .job_acr_area ul li:nth-child(3){
    border-top:1px solid #FFF;
  }
  .job_acr_area ul li:nth-child(4){
    border-left:1px solid #FFF;
    width:calc(50% - 1px ) ;
    border-top:1px solid #FFF;
  }





.new_top_block_02 .top_jobs_area{
  margin:20px auto 0;
  max-width:100%;
}
.new_top_block_02 .new_top_area_02{
  margin-left: calc(70/828*100vw);
  margin-right: calc(70/828*100vw);
}
.new_top_block_02 .top_jobs_area .inr_areas{
  flex-wrap: wrap;
}
.new_top_block_02 .top_jobs_area .inr_areas a:last-child{
  margin-top:1px;
}
.new_top_block_02 .top_jobs_area .top_jobs_list{
  max-width:100%;
  flex-wrap: wrap;
}
.new_top_block_02 .top_jobs_area .top_jobs_list li{
  margin:0 0 1px 0;
}
.new_top_block_02 {
  background:url(../images/top/bg_img_01_2024_sp.jpg) center top no-repeat;
  background-size: cover;
}
.new_top_block_02 .top_jobs_area .inr_areas .inr_areas_block {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 50px;
}
.new_top_block_02 .top_jobs_area .inr_areas .inr_areas_block:nth-child(3) {
  margin-right: 0;
}













.movie_ak_link_area .ak_links li.only-pcs{
  display:none;

}
.movie_ak_link_area .ak_links li.only-sps{
  display:flex;
}
.news_index_block_area.news_blog_area{
  padding:0;
}
.news_index_block_area.news_blog_area .news_list_areas{
  margin-bottom:30px;
}
.news_index_block_area.news_blog_area .recruit_blog_list_b{
  margin-bottom:25px;
}
.news_index_block_area.news_blog_area h2{
  font-size: 21px;
  line-height: 24pt;
  margin: 0 0 25px 0;
}
.movie_ak_link_area{
  padding: 60px 0 0 0;
}
.movie_ak_link_area .ak_links li {
  width: 100%;
  max-width: 100%;
  margin: 0 0 2% 0px;
  display: flex;
}



/*----------------movie_list----------------*/
.movie_new_under_block_01{
  margin:0 0 0px 0;
  background: url(../images/movie/bg_img_02.svg) left top repeat-x;
  background-size:100% auto;
}
.movie_new_under_block_01 .fboxs_2{
  flex-wrap: wrap;
  padding-left: calc(70/828*100vw);
  padding-right: calc(70/828*100vw);
  margin-top: 60px;
}
.movie_new_under_block_01 .fboxs_2 .lefts_h2 {
  width: 100%;
  max-width:100%;
  padding: 60px 0 0px 0;
}
.movie_new_under_block_01 .fboxs_2 .rights_h2{
  width: 100%;
  max-width:100%;
  padding:0px 0 0px 0;
}
.movie_new_under_block_01 .fboxs_2{
  background:none;
}

.movie_new_under_block_01 .fboxs_2{
  margin-top:0px;
  background:none;
  margin-bottom: 60px;
}
.movie_new_under_block_01 .fboxs_2:last-of-type{
  margin-bottom:0;
}
.movie_new_under_block_01 .fboxs_2.sps{
  margin-top: 60px;
  background:none;
  padding-bottom:10px;
}
/*
.movie_new_under_block_01{
  background:none;
}
*/
.movie_new_under_block_01 .fboxs_2 .lefts h3 span{
  background:none;
}
.movie_new_under_block_01 h2{
  font-size:21px;
  line-height:24pt;
  margin:0 0 15px 0;
  padding:0 20px 10px 0;
  border-bottom:1px solid #ED6C00;
  position:relative;
}

.movie_new_under_block_01 .fboxs_2 .lefts {
  width: 100%;
  max-width: 100%;
  padding: 30px 0 0px 0px;
  transition: .3s;
  order:2;
}
.movie_new_under_block_01 .fboxs_2 .rights {
  order:1;
  width: 100%;
  max-width: 100%;
  padding: 0px 0 0px 0;
  background: none;
}


.movie_new_under_block_01 .fboxs_2 .lefts h3{
  color:#4C4948;
  font-size:18px;
  line-height:21pt;
  background:none;
  margin-bottom:20px;
}
.movie_new_under_block_01 .fboxs_2 .lefts h3 span{
  display:inline-block;
  background:#FFF;
  padding:0 0px 0 0;
}
.movie_new_under_block_01 .fboxs_2 .lefts p{
  line-height: 1.87;
  font-size: 1.5rem;
  padding:0 0px 0 0;
}
.movie_new_under_block_01 .fboxs_2 .lefts div.link_btn a{
  margin:25px 0 0 0;
}
.movie_new_under_block_01 .fboxs_2 .lefts div.link_btn{
  text-align:center;
}
.movie_new_under_block_01 .fboxs_2 .rights .imgWrap{
  max-width:100%;
}
.movie_new_under_block_02{
  /*
  margin-top:80px;
  */
  padding-left: calc(70/828*100vw);
  padding-right: calc(70/828*100vw);
  /*
  padding-top:60px;
  margin:0;
  */
  margin:0;
}
.movie_new_under_block_01 .fboxs_2:first-of-type{
  margin-bottom: 0;
}
/*----------------movie_list----------------*/




/*---------------------一覧の下-------------------------*/

.movie_new_under_block_02 h2{
  font-size:21px;
  line-height:24pt;
  margin:0 0 0px 0;
  padding:0 20px 10px 0;
  border-bottom:1px solid #ED6C00;
  position:relative;
  padding: 40px 0 10px 0;
  margin-top: 30px;
}
.movie_new_under_block_02 ul li{
  max-width:100%;
  margin-top:8%;
}
.movie_new_under_block_02 ul li a .spbs{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}
.movie_new_under_block_02 ul li a p{
  margin-top:15px;
}
.movie_new_under_block_02 ul::before{
  content:none;
}
.movie_new_under_block_02 ul::after{
  content:none;
}
.movie_new_under_block_02 .imgWrap {
  max-width:35%;
}
.movie_new_under_block_02 .spbd_right{
  padding:0 0 0 20px;
  width:65%;
}
.movie_new_under_block_02 ul li a .times {
  background: #EFEFEF;
  border-radius: 100px;
  text-align: center;
  color: #ED6C00;
  font-size: 10px;
  line-height:10pt;
  padding: 4px 10px;
  margin: 0px 0 0 0;
}
.movie_new_under_block_02 ul li a .ttl {
  font-size: 16px;
  line-height: 18pt;
  margin: 10px 0 0px 0;
}
/*---------------------一覧の下-------------------------*/



















/*----------------movie_list----------------*/
.movie_new_under_block_03 {
  background:none;
}
.movie_new_under_block_03 .news_index_block_area{
  padding:0;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting{
  flex-wrap: wrap;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area{
  max-width:100%;
  width:100%;
  padding: 0px 0px 0px 0;
  background: none;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area{
  max-width:100%;
  width:100%;
  padding-top: 60px;
  padding-left: calc(70/828*100vw);
  padding-right: calc(70/828*100vw);
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area h1{
  font-size:21px;
  line-height:24pt;
  margin:25px 0 15px 0;
  padding-left: calc(70/828*100vw);
  padding-right: calc(70/828*100vw);
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area p{
  padding-left: calc(70/828*100vw);
    padding-right: calc(70/828*100vw);
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right div {
  font-size: 13px;
  line-height: 16pt;
  margin-bottom: 5px;
  margin-top: -3px;
}

.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area div.link_btn {
  text-align: center;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area div.link_btn a {
  border-radius: 28px;
  display: inline-block;
  width: 200px;
  line-height: 54px;
  color: #FFFFFF;
  background: #ED6C00;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
  margin: 35px 0 0 0;
  cursor: pointer;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .left_main_area div.link_btn a {
  margin: 20px 0 0 0;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .imgWrap {
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
  width: 40%;
  max-width: 100%;
}
.movie_new_under_block_03 .news_index_block_area .movie_detail_setting .right_sub_area ul li a .spbd_right {
  width: 60%;
  max-width: 100%;
  padding: 0 0 0 15px;

}
/*----------------movie_list----------------*/

.new_footer_link{
  margin-left: 0;
  margin:20px 0 0 0;

}


}

/* swiper style */

/* swiper01 - PICK UP -*/
.swiper01 {
  --add-bottom: 90px;
  padding-bottom:90px!important;
}
.swiper01 .swiper-horizontal>.swiper-pagination-bullets .swiper01 .swiper-pagination-bullet,
.swiper01 .swiper-pagination-horizontal.swiper-pagination-bullets  .swiper01.swiper-pagination-bullet {
  margin: 0 5px !important;
}
.swiper01 .swiper-pagination01 {
  bottom: 35px!important;
}
@media screen and (max-width:767px){
  .swiper01 {
    --add-bottom: 70px;
    padding-bottom:70px!important;
  }
  .pickup .pickup_list{
    padding-bottom:30px;
  }
  .swiper01 .swiper-pagination01 {
    bottom:25px!important;
  }
}
.swiper01 .swiper-pagination-bullet {
  background-color: #707070 !important;
  width: 5px !important;
  height: 5px !important;
}
.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ED6C00 !important;
}
.swiper01 [class^="swiper-button-"] {
  top: initial;
  width: 30px;
  color: #707070;
  top: calc(100% - var(--add-bottom) / 2);
}
.swiper01 [class^="swiper-button-"]::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 33px;
  height: 33px;
  bottom: 0;
  border-radius: 30px;
}
.swiper01 [class^="swiper-button-"]:after {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.swiper01 .swiper-button-next01 {
  right: 44%;
  cursor: pointer;
  z-index: 999;
}
.swiper01 .swiper-button-prev01 {
  left: 44%;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 1079px) {
  .swiper01 .swiper-button-next01 {
    right: 22%;
  }
  .swiper01 .swiper-button-prev01 {
    left: 22%;
  }
}
@media screen and (max-width: 767px) {
  .swiper01 .swiper-button-next01 {
    right: 39%; 
  }
  .swiper01 .swiper-button-prev01 {
    left: 39%;
  }
}
@media screen and (max-width: 470px) {
  .swiper01 .swiper-button-next01 {
    right: 25%;
  }

  .swiper01 .swiper-button-prev01 {
    left: 25%;
  }
}

/* swiper02 - NEWS -*/
.swiper.swiper02 {
  width: 100%;
}
.swiper-wrapper.swiper-wrapper02 {
  width: 100%;
  height: 30px !important;
}
.swiper.swiper02 .swiper-slide {
  width: 87%;
}
.swiper.swiper02 [class^=swiper-button] {
  transform: rotate(90deg);
  left: initial;
  right: 3rem;
  margin: 0;
  color: #707070;
}
.swiper-button-prev.swiper-button-prev02 {
  top: -18px;
}
.swiper-button-prev.swiper-button-prev02:after {
  font-size: 16px !important;
}
.swiper-button-next.swiper-button-next02 {
  top: 4px;
}
.swiper-button-next.swiper-button-next02:after {
  font-size: 16px !important;
}
@media screen and (max-width: 1079px) {
  .swiper.swiper02 .swiper-slide {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  .swiper.swiper02 [class^=swiper-button] {
    display: none;
  }
  .swiper.swiper02 .swiper-slide {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: flex-start;
  }
  .swiper-wrapper.swiper-wrapper02 {
    height: 50px !important;
  }
  .index_news_block .news_list li .text {
    margin-left: 6%;
    white-space: initial;
    overflow-wrap: break-word;
    display: inline-block;
    width: 100%;
  }
}

/* swiper03 - INTERVIEW -*/
.swiper.swiper03 {
  overflow: visible;
  --add-bottom: 50px;
  padding-bottom: 50px !important;
  margin-bottom: 50px;
}
.swiper.swiper03 .swiper-container {
  padding: 0 20px;
}
.swiper03 .swiper-horizontal>.swiper-pagination-bullets .swiper03 .swiper-pagination-bullet,
.swiper03 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper03.swiper-pagination-bullet {
  margin: 0 5px !important;
}
.swiper03 .swiper-pagination03 {
  bottom: 13px !important;
}
.swiper03 .swiper-pagination-bullet {
  background-color: #D8D8D8 !important;
  width: 5px !important;
  height: 5px !important;
}
.swiper03 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ED6C00 !important;
}
.swiper03 [class^="swiper-button-"] {
  top: initial;
  width: 30px;
  color: #707070;
  top: calc(100% - var(--add-bottom) / 2);
}
.swiper03 [class^="swiper-button-"]::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 33px;
  height: 33px;
  bottom: 0;
  border-radius: 30px;
}
.swiper03 [class^="swiper-button-"]:after {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.swiper03 .swiper-button-next03 {
  right: 40%;
  cursor: pointer;
  z-index: 999;
}
.swiper03 .swiper-button-prev03 {
  left: 40%;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 1170px) {
  .swiper03 .swiper-button-next03 {
    right: 38%;
  }

  .swiper03 .swiper-button-prev03 {
    left: 38%;
  }
}
@media screen and (max-width: 1079px) {
  .swiper03 .swiper-button-next03 {
    right: 33%;
  }
  .swiper03 .swiper-button-prev03 {
    left: 33%;
  }
}
@media screen and (max-width: 767px) {
  .swiper03 .swiper-button-next03 {
    right: 39%;
  }
  .swiper03 .swiper-button-prev03 {
    left: 39%;
  }
}
@media screen and (max-width: 470px) {
  .swiper03 .swiper-button-next03 {
    right: 25%;
  }
  .swiper03 .swiper-button-prev03 {
    left: 25%;
  }
}



.modal02 {
  /* padding: 200px 0; */
}

.modal__inner02 {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 0 20px;
}

/* モーダルを開くボタン */
.modal__trigger02 {
  cursor: pointer;
}

.modal__trigger02:nth-child(n + 2) {
  margin-top: 60px;
}

/* モーダル本体 */
.modal__wrapper02 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.modal__layer02 {
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
  position: relative;
}

.modal__container02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1300px;
  width: 80%;
  height: auto;
  padding: 30px;
  background: none;
}

.modal__inner02 {
  height: 100%;
}

/* モーダルを閉じるボタン */
.modal__close02 {
  position: absolute;
  top: -50px;
  right: 120px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  transition: opacity .6s;
}

.modal__close02:hover {
  opacity: .6;
}

.modal__close02:before,
.modal__close02:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background: #fff;
  content: '';
}

.modal__close02:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close02:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* モーダル内のコンテンツ */
.modal__content02 {
  /* left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0); */
  width: 100%;
  z-index: 11;
  height: auto;
}
.modal__content02 video {
  width: 100%;
}
.modal__content02 .iframe iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.modal__content .modal_inr .iframe iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.modal__content .modal_inr:has(> div.iframe){
  padding:0;
}

.modal__text02 {
  margin-top: 30px;
  line-height: 2.875;
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
  .modal__close02 {
    top: -2%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .modal__container02 {
    width: 93%;
    padding: 0;
  }
  .modal__inner02 {
    padding: 0;
  }
  .modal__close02 {
    right: 0;
  }
  .new_top_block_02 .top_jobs_area .inr_areas a div{
    height:auto;
  }
}





/*-----kato-----*/

.extra_head_menu a:hover div em{
  background-color: rgba(0,0,0,1.0);
}
.menus_01 .extra_head_menu a:nth-child(1):hover div span{
  color:#FFF;
}
.family_talk div a .right img{
  transition-duration: 0.5s;
}
.mainVisual_v1 .top_main_btn a {
  justify-content: space-between;
}
.mainVisual_v1 .top_main_btn {
  width: 40%;
  max-width:410px;
}
.mainVisual_v1 .top_main_btn a {
  padding: 30px 10px 30px 45px;
}
.mainVisual_v1 .top_main_btn a:hover{
  padding: 30px 0px 30px 55px;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_text {
  width: 48%;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_img {
  width: 42%;
}
.mainVisual_v1 .top_main_btn a em {
  font-size: 22px;
}

@media screen and (max-width: 952px){
.mainVisual_v1 .top_main_btn a .top_main_btn_img {
  width:110px;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_text {
  width: auto;
}
.mainVisual_v1 .top_main_btn a{
  padding: 30px 10px 30px 50px;
}
.mainVisual_v1 .top_main_btn a:hover{
  padding: 32px 0px 32px 60px;
}
.mainVisual_v1 .top_main_btn a .top_main_btn_img img {
  width: 100%;
}
.sp_btn {
      right: 15px;
      /* right: 75px; */
  }
  .mainVisual_v1 .top_main_btn a em {
    font-size: 17px;
  }
  .mainVisual_v1 .top_main_btn a span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1079px){
  .index_news_block {
      padding: 30px 0 !important;
      width:90%;
      margin: 0 auto;
  }
}
@media (max-width: 768px) {
    .new_list_block_01{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .personList.pLTop {
    width: 100%;
  }
  .new_list_block_01 ul{
    width:100%;
    justify-content:space-between;
  }
  .new_list_block_01 li{
    margin:0 0 2rem 0;
    width:48%;
  }
  .new_list_block_01 li a{
    padding: 8px 3px;
  }
}
@media (max-width: 768px) {
  .new_list_block_01 li{
    margin: 0 0 1rem 0;
  }
  .new_list_block_01 li a{
    width: 100%;
    height:auto;
    padding: 8px 3px;
  }
  .strengths .strengths_contents .strengths_client{
    width:auto;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .strengths .strengths_contents{
    padding:60px 0 60px 0;
  }
  .strengths .strengths_contents .strengths_btn ul{
    justify-content:space-between;
  }
  .strengths .strengths_contents .strengths_btn{
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
  }
  .strengths .strengths_contents h2 {
    font-size: 32px;
    color: #4C4948;
    line-height:1.3;
    margin-bottom: 30px;
  }
  .strengths .strengths_contents h2 span {
    padding-bottom:5px;
  }
  .strengths .strengths_contents .strengths_btn ul li a {
    font-size: 14px;
  }
  .strengths .strengths_contents .strengths_btn ul li a .small01 {
    font-size: 13px;
  }
  .index_news_block{
    width:auto;
    margin-left: calc(70/828*100vw);
    margin-right: calc(70/828*100vw);
    padding:30px 0 !important;
  }
  .pickup .largeTitle {
    margin-bottom: 30px;
  }.swiper {
    width: 83%;
  }
  .pickup .pickup_list {
      background: linear-gradient(180deg, transparent 0%, transparent 30%, #F7F7F7 30%, #F7F7F7 100%);
  }
}
@media screen and (max-width: 380px){
  li.pc_common_entry {
    margin: 0 15px 0 0px;
  }
}
@media screen and (max-width: 380px){
  .sp_btn {

      right: 15px;
      /* right: 63px; */
  }
    li.pc_common_entry {
      margin: 0 5px 0 0px;
  }
}

@media screen and (max-width: 340px) {
  .sp_btn {
    right: 15px;
  }

  .sp_btn .sp_btn-icon {
    width: 17px;
  }

  .sp_btn .sp_btn-icon:before,
  .sp_btn .sp_btn-icon:after {
    width: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .mainVisual_v1 .top_main_btn a em {
      font-size: 18px;
  }
}

.jobs_number_list_block_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.jobs_number_list_block_flex_block {
  width: 40%;
}
.jobs_number_list_block_flex_block:first-child {
  margin-bottom: 30px;
}

.jobs_number_list_block_flex_01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.jobs_number_list_block_flex_block_01 {
  width: 30%;
}

@media screen and (max-width:1060px) {
  .jobs_number_list_block_flex {
      justify-content: space-evenly;
    }
  .jobs_number_list_block_flex_block {
       width: 42%;
   }
}

@media screen and (max-width:767px) {
  .jobs_number_list_block_flex {
    display: block;
  }
  .jobs_number_list_block_flex_block {
    width: 100%;
    margin-bottom:0;
  }
  .jobs_number_list_block_flex_block:nth-child(2) {
    margin-bottom: 30px;
  }
  .jobs_number_list_block_flex_block_mb {
    margin-bottom: 30px;
  }

  .jobs_number_list_block_flex_01 {
    display: block;
  }

  .jobs_number_list_block_flex_block_01 {
    width: 100%;
  }
  .jobs_number_list_block_flex_block_01:first-child {
    margin-bottom: 30px;
  }
  .jobs_number_list_block_flex_block_01:nth-child(2) {
    margin-bottom: 30px;
  }
  .jobs_number_list_block_flex_block:first-child,
  .jobs_number_list_block_flex_block:nth-child(2){
    margin-bottom:0;
  }
}

.training_btn {
  font-size: 13px;
  background: #ED6C00;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-weight: bold;
  transition: ease .3s;
  /*
  box-shadow: 3px 4px 0px #A61A0C;
  */
  width: 260px;
  margin: 0 auto;
  border: 1px solid #ED6C00;
}
.training_btn:hover {
  background: #FFF;
  color:#ED6C00;
  /*
  box-shadow: 0px 0px 0px #A61A0C;
  transform: translate3d(3px, 4px, 0);
*/
  }
  .training_btn:hover a{
  color:#ED6C00;
  }
.training_btn a {
  font-size: 1.3rem;
  line-height: 54px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  width: 100%;
  transition: all .2s;
}
/* .training_btn a:hover {
  background: #333333;
  transition: all ease .3s;
  border-radius: 28px;
} */

.movie_category {
  text-align: center;
  padding: 4px 12px;
  margin-right: 10px;
  color: #ED6C00;
  font-size: 13px;
  font-style: normal;
  line-height: 16pt;
  font-weight: bold;
  transition: ease .3s;
  background: #ececec;
  border-radius: 28px;
  display: inline-block;
}
.left.extra_position_02{
  margin:30px 0 0 0;
}
.rights.extra_position_01{
  margin:30px 0 0 0;
}
@media screen and (max-width: 767px) {
  .left.extra_position_02{
    margin:30px auto 0;
  }
  .entry_new_block .rights{
    margin:10px auto 0;
  }
  .entry_new_block .rights.kyari{
    margin:0px auto 0;
  }
  .rights.extra_position_01{
    margin:30px auto 0;
  }
  .footer_new_entry.pops{
    margin:25px 0 0 0;
  }
  .entry_new_block .rights.kyari{
    margin:10px auto 0;
  }
}
.entry_new_block .mync img{
  margin:0 0 0 0;
}
/*
.entry_new_block .rights{
  max-width:385px;
}
@media screen and (max-width: 767px) {
  .entry_new_block .rights{
    max-width:100%;
  }
}
*/

/*
.popupOpen .recruitPopup{
  padding:40px 0 0 0;
}
.footer_new_entry.pops {
  margin: 40px 0 0 0;
}
*/

.personList.pLDetail ul.slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 767px) {
  .personList.pLDetail ul.slick-dots,
  .personList.pLDetail ul.slick-dots{
    width: 100% !important;
  }
}

a.link_blank{
  background: url(../images/common/icon_othersite2.png) right 0 center no-repeat;
  background-size: 12px 10px;
  padding:0 16px 0 0;
}
a.sitemap_blank_link{
  background: url(../images/common/icon_othersite2.png) right 0 center no-repeat;
  background-size: 12px 10px;
  padding:0 16px 0 0;
}
@media screen and (max-width: 767px) {
  a.link_blank{
  display:inline-block !important;
  }
.bdtp li a{
  padding:10px 16px 10px 10px;
  }
  .sitemapSub ul li:last-child{
    margin: 0 0px 20px 0;
  }
  .sitemapSub ul li{
    margin: 0 0 20px;
  }
}


/* フッターパンフ非表示 */
.entryLinks {justify-content:center;}
.entryLinks a:nth-child(2):before {background-color:unset;}

/* TOP動画で知る　社長動画非表示 */
.new_top_block_01_movie .new_top_area_01_movie ul {justify-content:space-evenly;}





.strengts_btn_sp{
  width: auto;
  margin-left: calc(70 / 828* 100vw);
  margin-right: calc(70 / 828* 100vw);
  text-align:center;
}
.strengts_btn_sp ul li{
  background:#FFF;
  padding:2rem 0 2rem;
  margin-bottom:1rem;
}
.strengts_btn_sp ul li:nth-child(2),
.strengts_btn_sp ul li:nth-child(3){
  padding:1.4rem 0 2rem 0;
}
.strengts_btn_sp ul li:last-child{
  margin-bottom:2rem;
}
.strengts_btn_sp ul li a{
  font-size:21px;
  color:#4C4948;
  font-weight:bold;
}
.strengts_btn_sp ul li a em.text1{
  font-style: normal;
  color:#ED6C00;
  font-size:24px;
}
.strengts_btn_sp ul li a em.text2{
  font-style: normal;
  color:#ED6C00;
  font-size:24px;
  font-family: "Montserrat";
  color:#ED6C00;
}
.strengts_btn_sp ul li a em.text2 span{
  font-size:33px;
}
.strengts_btn_sp ul li a .sp_btn_area{
  display:inline-block;
  background: url(../images/top/sp_btn_ar.png) right 20px center no-repeat;
  background-size: 7.14px 4.67px;
  background-color:#ED6C00;
  color:#FFF;
  font-size:13px;
  padding:15px 40px;
  box-shadow:2px 2px 0px #A61A0C;
  border-radius: 10rem;
  text-decoration: none;
  margin:auto;
}
.strengts_btn_sp ul li:nth-child(1) p{
  background: url(../images/top/sp_btn_bg_01.png) center bottom no-repeat;
  background-size: contain;
  padding:0 0 1.8rem 0;
  display: inline-block;
  margin:0 0 0.7rem 0;
}
.strengts_btn_sp ul li:nth-child(2) p{
  background: url(../images/top/sp_btn_bg_02.png) center bottom no-repeat;
  background-size: contain;
  padding:0 0 1.8rem 0;
  display: inline-block;
  margin:0 0 0.7rem 0;
}
.strengts_btn_sp ul li:nth-child(3) p{
  background: url(../images/top/sp_btn_bg_03.png) center bottom no-repeat;
  background-size: contain;
  padding:0 0 1.8rem 0;
  display: inline-block;
  margin:0 0 0.7rem 0;
}
.personList ul li .department,
.workers .department{
  padding: 8px 8px;
  display: inline-block;
  color: #fff;
  background-color: #64C0AB;
  font-size: 1.1rem;
  margin-left:2px;
}
.personList ul li .department,
.workers .department{
  margin-left:-4px;
}
.personList ul.hash_tg,
.workers ul.hash_tg{
  margin-top:25px;
  flex-wrap:wrap;
  gap:0.5rem;
  justify-content: flex-start;
  display: flex;
}
.personList ul.hash_tg li,
.workers ul.hash_tg li{
  background:#F5F5F5;
  padding:6px 14px;
  border-radius: 10rem;
  width: auto;
  margin:0;
  color:#4C4948;
  font-weight:bold;
  font-size:10px;
  line-height:1.3;
  position: relative;
}
.personList_topstyle ul.hash_tg li{
  width: auto !important;
}
.work_personList ul.hash_tg li{
  width: auto !important;
}
.personList ul.hash_tg li:before,
.workers ul.hash_tg li:before{
  content:"#";
}
.personHeader .department{
  margin: 0 0 2px;
  padding: 10px 18px;
  display: inline-block;
  color: #fff;
  background-color: #64C0AB;
  font-size: 1.3rem;
  margin-left:-4px;
}
.person_anc_area{
  margin:0 auto 65px;
  text-align:center;
}
.person_anc_area a{
  display: inline-block;
  font-size:16px;
  color:#ED6C00;
  background: url(../images/person/person_ar.png) right 20px top 20px no-repeat;
  background-size: 11px 5.6px;
  background-color: #ECECEC;
  padding:12px 60px 10px 60px;
  font-weight:bold;
  line-height:1.5;
  border-radius: 10rem;
  transition: .3s;
}
.person_anc_area a:hover{
  text-decoration: none;
}
.carriaPass{
  margin: 0 auto 60px;
  padding: 0 40px;
  max-width: 750px;
}
.carriaPass .title{
  margin: 0 0 25px;
  width: 100%;
  line-height: 1.7;
  font-size: 2.8rem;
  font-weight: bold;
}
.carriaPass .carriaPass_area{
  background:#f7f7f7;
  padding:40px;
}
.carriaPass .carriaPass_area .carriaPass_ttl{
  font-size:2.4rem;
  line-height:1.5;
  border-left:5px solid #ED6C00;
  padding:0 0 0 15px;
  margin:0 0 20px 0;
  font-weight:bold;
}


.carriaPass .carriaPass_area .carriaPass_block{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*
  gap:30px;
  */
}
.carriaPass .carriaPass_area .carriaPass_block dl{
  width: 200px;
  background:#FFF;
  position: relative;
  margin-top:30px;
  width: 29%;
  border:1px solid #d6d6d6;
}
.carriaPass .carriaPass_area .carriaPass_block dl:nth-child(1),
.carriaPass .carriaPass_area .carriaPass_block dl:nth-child(2),
.carriaPass .carriaPass_area .carriaPass_block dl:nth-child(3){
  margin-top:0;
}
.carriaPass .carriaPass_area .carriaPass_block dl dt{
  background:#E8E8E8;
  border-bottom:2px solid #ED6C00;
  font-weight:bold;
  font-size:1.6rem;
  line-height:1.5;
  padding:10px 15px 8px 15px;
}
.carriaPass .carriaPass_area .carriaPass_block dl dd{
  padding:15px 15px;
  font-size:1.4rem;
  line-height:1.5;
}
.carriaPass .carriaPass_area .carriaPass_block dl:before{
  content:"";
  background: url(../images/person/person_ar_r.png) right center no-repeat;
  background-size: 13.8px 56.4px;
  width: 13.8px;
  height:56.4px;
  display: flex;
  right:-27px;
  top:0;
  bottom:0;
  margin:auto;
  position: absolute;
}
/*
.carriaPass .carriaPass_area .carriaPass_block dl:nth-of-type(3n):before{
  content:none;
}
  */
.carriaPass .carriaPass_area .carriaPass_block dl:last-of-type:before{
  content:none;
}
.carriaPass .carriaPass_area .carriaPass_block:after{
  content:"";
  display: block;
  width:200px;
}


@media screen and (max-width:767px){
  .carriaPass .carriaPass_area{
    padding:20px;
  }
  .carriaPass .carriaPass_area .carriaPass_ttl{
    font-size:1.8rem;
    line-height:1.5;
    border-left:4px solid #ED6C00;
    padding:0 0 0 12px;
    margin:0 0 20px 0;
    font-weight:bold;
  }
  .carriaPass .carriaPass_area .carriaPass_block dl{
    margin-top:30px;
    width: 100%;
  }
  .carriaPass .carriaPass_area .carriaPass_block dl:nth-child(2),
  .carriaPass .carriaPass_area .carriaPass_block dl:nth-child(3){
    margin-top:30px;
  }
  .carriaPass .carriaPass_area .carriaPass_block dl:before{
    content:"";
    background: url(../images/person/person_ar_b.png) right center no-repeat;
    background-size: 56.4px 13.8px;
    height: 13.8px;
    width:56.4px;
    display: flex;
    right:0;
    left:0;
    top:unset;
    bottom:-25px;
    margin:auto;
    position: absolute;
  }
  .carriaPass .carriaPass_area .carriaPass_block dl:nth-of-type(3n):before{
    content:"";
  }
  .carriaPass .carriaPass_area .carriaPass_block dl:last-of-type:before{
    content:none;
  }
  .person_anc_area a{
    display: inline-block;
    font-size:13px;
    color:#ED6C00;
    background: url(../images/person/person_ar.png) right 20px top 20px no-repeat;
    background-size: 11px 5.6px;
    background-color: #ECECEC;
    padding:12px 50px 10px 50px;
    font-weight:bold;
    line-height:1.5;
    border-radius: 10rem;
    transition: .3s;
  }
  .personTags ul{
    text-align: center;
  }
  .person_anc_area{
    margin-bottom:40px;
  }
}
@media screen and (min-width:768px){
  .person_anc_area a:hover{
    text-decoration: none;
    background: url(../images/person/person_ar.png) right 20px top 23px no-repeat;
    background-size: 11px 5.6px;
    background-color:#E1E1E1;
  }
}
@media screen and (min-width:350px) and ( max-width:400px) {
  header .inner .head_seminar span{
    width: 58px;
  }
  header .inner .head_seminar{
    right:107px;
  }
  header .inner .head_entry span{
    width: 58px;
  }
  .sp_btn {
    right: 15px;
  }
  li.pc_common_entry{
    margin:0 30px 0 0;
  }
}
@media screen and (min-width:768px) and ( max-width:952px) {
  .logo-img a{
    background: url(../images/common/logo_pc_new.webp) left top no-repeat;
    background-size: 160px 33px;
    width: 160px;
    height: 33px;
  }
}

@media screen and (max-width:767px){
  .menu_right .white_bg .side-btn a,
  .menu_right_top .side-btn a{
    justify-content: center;
    flex-wrap: wrap;
    font-size: 10px;
    line-height: 1.3;
    padding: 10px 0 9px 0px;
    flex-direction: column;
  }
  .menu_right .white_bg .side-btn a span,
  .menu_right_top .side-btn a span{
    font-size: 11px;
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
    margin: auto;
    width: auto;
  }
  .menu_right .white_bg .side-btn a:hover span,
  .menu_right_top .side-btn a:hover span {
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
    margin: auto;
    width: auto;
  }
  .menu_right .white_bg .side-btn a span::before,
  .menu_right_top .side-btn a span::before {
    position: absolute;
    left: 11px;
    top:6.5px;
    width: 15px;
    height: 10px;
    background: url(../images/common/movie_icon.svg) left center no-repeat;
    background-size: 15px 10px;
  }
  .menu_right .white_bg .side-btn a:hover,
  .menu_right_top .side-btn a:hover {
    padding: 10px 0 9px 0px;
  }
}

.menu_right .white_bg .side-btn span,
.menu_right_top .side-btn a span{
  color:#ED6C00;
  margin: 0 0 0.2rem 0;
}
.top_main_btn a {
  padding: 30px 10px 30px 40px !important;
}
.top_main_btn a:hover {
  padding: 30px 0px 30px 50px !important;
}


.entryLinks a:first-child .icon.extra:before{
  background: url(../images/common/icon_guideline_w_extra.png) 0 0 no-repeat;
  background-size: cover;
}



@media screen and (min-width:320px) and ( max-width:339px) {
  li.pc_common_entry {
    margin: 0 5px 0 0px;
  }
}
@media screen and (min-width:341px) and ( max-width:349px) {
  li.pc_common_entry {
    margin: 0 15px 0 0px;
  }
}
@media screen and (min-width:350px) and ( max-width:952px) {
  li.pc_common_entry {
    margin: 0 25px 0 0px;
  }
}

@media screen and (min-width:1091px) and ( max-width:1126px) {
  header .inner {
    padding: 0 230px 0 10px;
}
}


.ed_pic{
  margin:2rem 0 0 0;
}
.welfareBlocks .flexBox.extra_border{
  flex-wrap: wrap;
  margin-top:20px;
}


.training_block_list_limited{
  padding: 40px 20px;
}
.training_block_list_limited_left p:first-child{
  margin-bottom: 20px;
}
.training_block_list_limited_left p:nth-child(2){
  margin-bottom: 20px;
}

@media screen and (max-width:768px){
  .training_block_list_limited{
    padding: 20px 20px;
  }
  .training_block_list_limited_right{
    margin:20px 0 0 0;
  }
  .swiper{
    width: 100%;
  }
}
/*
.personList.pLDetail ul li.slick-slide{
  width: 100% !important;
  min-width:152px;
  max-width: 299px;
}

.slick-list .slick-track{
  min-width:299px;
}

  @media screen and (min-width:769px){
  .slick-list .slick-track {
    min-width: 299px;
  }
  .slick-list .slick-track li.slick-slide{
    width: 79%;
    min-width:152px;
    max-width: 299px;
    width: 100% !important;
  }
}

  @media screen and (min-width:769px){
  .slick-track{
    min-width: 299px;
    }
    .slick-initialized .slick-slide{
    min-width: 299px;
    }
  }
      */
.slick-list{
  width: 100%;
}


@media screen and (max-width:768px){
  .personList.indexList ul.hash_tg li{
    margin:0 !important;
  }
  #personListIndexList ul.hash_tg li{
    width: auto !important;
  }
  .personList_topstyle ul.hash_tg{
    margin-bottom:0;
  }
}













.jobs_number_right_01 h2 em{
  font-style:normal;
  color: #ED6C00;
}

.bunkei_list{
  padding: 0 0 0 7%;
  display: flex;
  justify-content: space-between;
}
.bunkei_list ul{
  width: 48%;
}
.bunkei_list ul li{
  background: url(../images/jobs/check_icon.png) left top 3px no-repeat;
  background-size:16px 16px;
  padding:0 0 0 25px;
  font-size:17px;
  line-height:1.5;
  font-weight:bold;
  margin:0 0 15px 0;
}

@media screen and (max-width: 767px) {
  .bunkei_list{
    padding: 0 0 0 0%;
    flex-wrap: wrap;
  }
  .bunkei_list ul{
    width: 100%;
  }
}

.jobs_number_new_under_block_01_01{
  margin: 80px auto 40px;
  max-width: 1080px;
  color: #4C4948;
}
.jobs_number_new_under_block_01_01 .btnk_block{
  display:flex;
  justify-content: space-between;
  padding:50px;
  background:#F7F7F7;
  margin-top:30px;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left{
  width: 34%;
  max-width: 250px;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left img{
  margin:-70px 0 0 0;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left .bunk_btn{
  text-align:center;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left .bunk_btn a{
  border-radius: 50px;
  display: inline-block;
  width: 220px;
  line-height: 54px;
  color: #FFFFFF;
  background: #ED6C00;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all ease .3s;
  margin: 20px 0 0 0;
  border:1px solid #ED6C00;
}
@media screen and (min-width: 768px) {
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left .bunk_btn a:hover {
    background: #FFF;
    color:#ED6C00;
    border:1px solid #ED6C00;
  }
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right{
  width: 70%;
  max-width: calc(720px - 40px);
  padding-left:40px;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right p{
  font-size: 15px;
  line-height:1.8;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right h3{
  font-size:28px;
  line-height:1.5;
  background: url(../images/jobs/h3_line.png) left top 20px no-repeat;
  background-size:40px 2px;
  padding:0 0 0 60px;
  margin:0 0 20px 0;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right .st_data{
  margin:20px 0 0 0;
  font-size:16px;
  font-weight:bold;
  line-height: 1.8;
}
.jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right .st_data span{
  font-size: 13px;
  display: block;
  font-weight:normal;
}

.jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_left{
  order:2;
}
.jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_right{
  order:1;
}
.jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_right{
  padding-right:40px;
  padding-left:0px;
}

@media screen and (max-width: 767px) {
  .jobs_number_new_under_block_01_01{
    margin: 40px auto 40px;
  }
  .jobs_number_new_under_block_01_01 .btnk_block{
    padding:20px;
    margin-top:20px;
    flex-wrap: wrap;
  }
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left{
    width: 100%;
    max-width: 100%;
  }
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left img{
    margin:0px 0 0 0;
  }
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right{
    width: 100%;
    max-width:100%;
    padding-left:0px;
  }
  .jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_left{
    order:1;
  }
  .jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_right{
    order:2;
  }
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_right h3{
    font-size:21px;
    background: url(../images/jobs/h3_line.png) left top 13px no-repeat;
    background-size:20px 2px;
    padding:0 0 0 40px;
    margin:20px 0 15px 0;
  }
  .jobs_number_new_under_block_01_01 .btnk_block .bunk_area_left .bunk_btn a{
    margin:30px 0 0 0;
  }
  .jobs_number_new_under_block_01_01 .btnk_block:nth-of-type(2) .bunk_area_right{
    padding:0;
  }
}
















.env_new_block_01{
  margin: 80px auto;
  max-width: 1080px;
  color: #4C4948;
}
.env_new_block_01 h3{
  font-size:36px;
  line-height:1.5;
  font-weight:bold;
  text-align: center;
  background: url(../images/recruit/environment/h3_line_bg.png) center center no-repeat;
  background-size:100% 1px;
}
.env_new_block_01 h3 em{
  color:#ED6C00;
  font-style:normal;
}
.env_new_block_01 h3 span{
  display: inline-block;
  background:#FFFF;
  padding:10px 30px;
}
.env_new_block_01 h3 span span.subtxt{
  display: inline-block;
  background:none;
  padding:0;
  font-size:22px;
}
.env_new_block_01 .env_new_area{
  background:#F7F7F7;
  padding:60px 50px 50px 50px;
  position: relative;
  margin:20px 0 0 0;
}

.env_new_block_01 .env_new_area:after{
  content:"";
  background: url(../images/recruit/environment/bg_arw.png) center center no-repeat;
  background-size:83px 26px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  display: block;
  width: 83px;
  height:26px;
}
@media screen and (max-width: 767px) {
  .env_new_block_01{
    margin-top: 40px;
    padding-bottom: 0px;
    margin-bottom:40px;
  }
  .env_new_block_01 h3{
    font-size:24px;
    background:none;
  }
  .env_new_block_01 .env_new_area{
    margin:20px 0px 0 0px;
    padding:40px 20px 40px 20px;
  }
  .env_new_block_01 h3 span{
    padding:0px 0px;
  }
  .env_new_block_01 h3 span span.subtxt{
    font-size:17px;
  }
}




.env_new_block_01 .env_new_area .env_fx_box{
  display: flex;
  justify-content: space-between;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01{
  width: 42%;
  max-width: 400px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01 .env_ttl{
  font-size: 30px;
  line-height:1.5;
  font-weight:bold;
  margin:0 0 20px 0;
}
.env_new_block_01 .env_new_area .env_fx_box .env_right_01{
  width: 52%;
  max-width: 510px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_right_01 p{
  font-size:15px;
  line-height:1.8;
}

.env_list_01{
  display: flex;
  justify-content: space-between;
}
.env_list_01 li{
  width: 23%;
  max-width:200px;
  text-align: center;
}
.env_list_01 li div{
  background:#595757;
  padding:10px 5px;
  font-size:15px;
  font-weight:bold;
  margin:20px 0 5px;
  color:#FFF;
}
.env_list_01 li p{
  font-size:18px;
  font-weight:bold;
  margin:0 0 5px 0;
}
.env_list_01 li p em{
  color:#ED6C00;
  font-size:46px;
  font-style:normal;
}
.env_list_01 li span{
  color:#6D6D6D;
  font-size:13px;
}

.env_new_block_01 .env_new_area .env_fx_box .env_left_01 .env_ttl span{
  font-size: 21px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01 p{
  font-size: 15px;
  line-height: 1.8;
}

.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd01{
  width: 45%;
  max-width: 450px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd01{
  width: 50%;
  max-width: 490px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd01 img{
  margin:-80px 0 0 0;
}




.line_tl{
  border-left:3px solid #ED6C00;
  padding:0 0 0 20px;
  font-weight:bold;
  font-size:21px;
  line-height:1;
  margin:20px 0 0 0;
}

.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .line_tl.extra{
  margin:40px 0 0 0;
}
.ev_white_area{
  margin:20px 0 0 0;
  background:#FFF;
  padding:4%;
}
.ev_white_area ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ev_white_area ul li{
  width:49.2%;
  border:1px solid #DFDFDF;
  padding:10px 0px;
  font-weight:bold;
  font-size:15px;
  line-height:1.5;
  max-width: 445px;
  text-align: center;
  margin:0 0 1% 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ev_white_area.threes ul li{
  width:calc(32.2% - 20px);
  padding:10px 10px;
}
.ev_white_area ul li em{
  font-size:18px;
  font-style:normal;
  color:#ED6C00;
}
.ev_white_area ul li:nth-child(5),
.ev_white_area ul li:nth-child(6){
  margin:0;
}
.ev_white_area.threes ul li:nth-child(4),
.ev_white_area.threes ul li:nth-child(5){
  margin:0;
}
.ev_white_area.threes ul::after{
  content:"";
  display: block;
  width:32.2%;
}



.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02{
  width: 62%;
  max-width: 630px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd02{
  width: 31%;
  max-width: 298px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .line_tl{
  margin:30px 0 10px 0;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .line_tl span{
  font-weight:normal;
  font-size:15px;
  color:#9A9A9A;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number{
  margin:5px 0 0 0;
  display: flex;
  align-items: center;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dt{
  background:#ED6C00;
  color:#FFF;
  font-weight:bold;
  font-size:17px;
  display: flex;
  justify-content: center;
  width: 36%;
  max-width:220px;
  padding:20px 0;
  position: relative;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dt:after{
  content:"";
  background: url(../images/recruit/environment/env_arw.png) center center no-repeat;
  background-size:10.5px 14.5px;
  position: absolute;
  top:0;
  bottom:0;
  right:-10px;
  margin:auto;
  display: block;
  width: 10.5px;
  height:14.5px;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd{
  background:#FFF;
  flex:1;
  width: 100%;
  display: flex;
  padding:10px 0 10px 25px;
  align-items: baseline;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd .main_t{
  font-weight:bold;
  font-size:18px;
  margin:0 5px 0 0;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd span{
  color:#ED6C00;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd span em{
  font-size:46px;
  font-style:normal;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd .sub_t{
  display: flex;
  position: relative;
}
.env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd .sub_t span{
  position: absolute;
  display: inline-block;
  color:#FFF;
  background:#ED6C00;
  font-size:13px;
  line-height:1;
  font-weight:bold;
  padding:3px 15px;
  top:-26px;
}

.env_new_area .env_red_list{
  margin:30px 0 0 0;
  display:flex;
  justify-content: space-between;
}
.env_new_area .env_red_list li{
  border:1px solid #ED6C00;
  background:#FFF;
  width: 24%;
  max-width:237px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.env_new_area .env_red_list li em{
  padding:10px;
  font-size: 18px;
  line-height:1.3;
  color:#ED6C00;
  font-weight:bold;
  font-style:normal;
}
.env_new_area .env_red_list li span{
  font-weight:normal;
  color:#6D6D6D;
  font-size: 13px;
}
.sm_text{
  text-align: right;
  margin:10px 0 0 0;
  font-size: 12px;
  color:#6D6D6D;
}
.env_new_block_01 h3.noborder{
  background:none;
}




.env_new_others{
  max-width: 1080px;
  margin:20px auto 0;
  padding:0 50px 0 50px;
}
.env_new_others ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.env_new_others ul li{
  width: calc(32.5% - 30px);
  max-width:320px;
  background:#F7F7F7;
  font-size:14px;
  line-height:1.5;
  padding:15px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin:0 1% 1% 0;
}
.env_new_others ul li:nth-child(3),
.env_new_others ul li:nth-child(6),
.env_new_others ul li:nth-child(9),
.env_new_others ul li:nth-child(12),
.env_new_others ul li:nth-child(15){
  margin:0 0 1% 0;
}

.env_new_block_01 .env_new_area_nobg{
  padding:0px;
  position: relative;
  margin:20px 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.3%;
}
.env_new_block_01 .env_new_area_nobg .ev_box{
  width: 31.5%;
  /*
  border: 1px solid #D9D9D9;
  border-top:none;
  */
  display: flex;　/* 直下の要素を並列に */
  flex-direction: column; /* 直下の要素を縦積みに */
  max-width:340px;
  flex-wrap:wrap;
  flex-direction: column;
  position: relative;
}
.env_new_block_01 .env_new_area_nobg .ev_box:before{
  position: absolute;
  border: 1px solid #D9D9D9;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
}
.env_new_block_01 .env_new_area_nobg .ev_box:after{
  content:"";
  width: 100%;
  height:4px;
  background:#ED6C00;
  display: block;
  position: absolute;
  top:0;
}
.env_new_block_01 .env_new_area_nobg .ev_box .ev_ttl{
  padding:30px 20px 5px 20px;
  font-weight:bold;
  font-size:18px;
  line-height:1.5;
}
.env_new_block_01 .env_new_area_nobg .ev_box p{
  flex-grow: 1; /* 比率を指定 */
  padding:0px 20px 20px 20px;
  font-size:15px;
  line-height:1.8;
  display: flex;　/* 直下の要素を並列に */
  flex-direction: column; /* 直下の要素を縦積みに */
}
.env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(4),
.env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(5){
  margin-top:20px;
}
.line_tl_extra{
  margin:3rem 0 1rem 0;
  font-size: 18px;
  line-height: 1;
  font-weight:bold;
}
.line_tl_extra span{
  font-weight:normal;
  font-size: 15px;
}
.line_tl_extra em{
  font-style: normal;
  color:#ED6C00;
}







@media screen and (max-width: 767px) {
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .line_tl.extra{
    margin:30px 0 0 0;
  }
  .line_tl_extra{
    margin:3rem 0 1rem 0;
    font-size: 18px;
    line-height: 1;
    font-weight:bold;
  }
  .line_tl_extra span{
    font-weight:normal;
    font-size: 13px;
  }
  .env_new_block_01.extra{
    margin-bottom:0;
  }
  .env_new_block_01 .env_new_area .env_fx_box{
    flex-wrap: wrap;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01 .env_ttl{
    font-size: 21px;
    margin: 0 0 10px 0;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01{
    width: 100%;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_right_01{
    width: 100%;
  }
  .env_list_01{
    margin:20px 0 0 0;
    flex-wrap: wrap;
  }
  .env_list_01 li {
    width: 46%;
    max-width:100%;
    text-align: center;
    margin:0 0 30px 0;
  }
  .env_list_01 li div{
    font-size: 12px;
    margin: 10px 0 5px;
    padding: 5px 5px;
  }
  .env_list_01 li p{
    font-size: 16px;
  }
  .env_list_01 li p em{
    font-size: 36px;
  }
  .env_new_block_01 .env_new_area .env_fx_box{
    flex-wrap: wrap;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd01{
    width: 100%;
    max-width: 100%;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd01{
    width: 100%;
    max-width: 100%;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01 .env_ttl span{
    font-size: 18px;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd01 img{
    margin:10px 0 0 0;
  }
  .line_tl{
    font-size: 18px;
    line-height:1.3;
    padding: 0 0 0 10px;
  }
  .ev_white_area {
    margin: 10px 0 0 0;
    background: #FFF;
    padding: 4%;
  }
  .ev_white_area ul li{
    width: 100%;
    display: inline-block;
    padding: 8px 0px 6px 0;
  }
  .ev_white_area ul li:nth-child(5){
    margin: 0 0 1% 0;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02{
    width:100%;
    max-width: 100%;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd02 {
    width: 100%;
    max-width: 100%;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .line_tl{
    margin:30px 0 0 0;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number{
    flex-wrap: wrap;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dt{
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    padding:10px 0;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dt:after {
    content: "";
    background: url(../images/recruit/environment/env_arw_sp.png) center center no-repeat;
    background-size: 29.5px 14px;
    position: absolute;
    top: 0;
    right: 0px;
    left:0;
    margin: auto;
    display: block;
    width:29.5px;
    height: 14px;
    bottom: -36px;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd{
    justify-content: center;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_left_01.wd02 .env_number dd .sub_t span{
    padding: 3px 10px;
  }
  .env_new_area .env_red_list{
    margin:20px 0 0 0;
    flex-wrap: wrap;
  }
  .env_new_area .env_red_list li{
    width: 100%;
    max-width: 100%;
    margin:0 0 5px 0;
  }
  .sm_text{
    margin:0px 0 20px 0;
  }
  .env_new_others{
    padding:0 20px;
  }
  .env_new_others ul li{
    width: 100%;
    max-width:100%;
    margin:0 0 5px 0;
    padding:10px;
    font-size: 14px;
  }
  .env_new_others ul li:nth-child(3),
  .env_new_others ul li:nth-child(6),
  .env_new_others ul li:nth-child(9),
  .env_new_others ul li:nth-child(12),
  .env_new_others ul li:nth-child(15){
    margin:0 0 5px 0;
  }
  .env_new_block_01 .env_new_area .env_fx_box .env_right_01.wd02{
    margin:20px 0 0 0;
  }
  .line_tl{
    margin:30px 0 0 0;
  }
  .ev_white_area.threes ul li{
    width: 100%;
    max-width: 100%;
    padding:10px 0 8px 0;
  }
  .ev_white_area.threes ul li:nth-child(4){
    margin: 0 0 1% 0;
  }
  .env_new_area .env_red_list li em{
    padding:10px 0 8px 0;
  }
  .welfareBlocks .flexBox .leftBox{
    margin:0 0 20px 0;
  }
  .welfareBlocks .flexBox.extra_border{
    margin:0;
    padding:0;
  }
  .env_new_block_01 .env_new_area_nobg{
    flex-wrap: wrap;
    padding:0 20px;
    gap:0;
    margin:10px 0 0 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box{
    width: 100%;
    max-width: 100%;
    margin:0 0 20px 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(4){
    margin:0 0 20px 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(5){
    margin:0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box .ev_ttl{
    padding:20px 20px 5px 20px;
  }
  .ev_white_area.threes ul li:nth-child(5){
    margin: 0 0 1% 0;
  }
  .pc_common_entry{
    display: none;
  }
}

.nav-global ul li.pc_common_inta a:before{
  content:"";
  background: url(../images/common/icon_ist_on.webp) center center no-repeat;
}
.nav-global ul li.pc_common_yt a:before{
  content:"";
  background: url(../images/common/icon_yt_on.svg) center center no-repeat;
}
.nav-global ul li.pc_common_tw a:before{
  content:"";
  background: url(../images/common/icon_x_on.svg) center center no-repeat;
}

.nav-global ul li.pc_common_inta a{
  width: 31px;
  height:31px;
  background: url(../images/common/icon_ist.webp) center center no-repeat;
  background-size: 31px 31px;
  display: inline-block;
}

.nav-global ul li.pc_common_yt{
  margin:0 0 0 3px;
}
.nav-global ul li.pc_common_yt a{
  width: 31px;
  height:31px;
  background: url(../images/common/icon_yt.svg) center center no-repeat;
  background-size: 31px 31px;
  display: inline-block;
}

.nav-global ul li.pc_common_tw{
  margin:0 0 0 10px;
}
.nav-global ul li.pc_common_inta{
  margin: 0 0 0 3px;
}
.nav-global ul li.pc_common_tw a{
  width: 31px;
  height:31px;
  background: url(../images/common/icon_x.svg) center center no-repeat;
  background-size: 31px 31px;
  display: inline-block;
}

header li.pc_common_tw a{
  width: auto;
  height:auto;
  background:none;
  padding:0;
  border: none;
  background:#FFF;
}
header .pc_common_tw img{
  width: auto;
}


@media screen and (min-width: 768px) {
  .nav-global ul li.pc_common_inta a:hover{
    background: url(../images/common/icon_ist_on.webp) center center no-repeat;
    background-size: 31px 31px;
  }
  .nav-global ul li.pc_common_yt a:hover{
    background: url(../images/common/icon_yt_on.svg) center center no-repeat;
    background-size: 31px 31px;
  }
  .nav-global ul li.pc_common_tw a:hover{
    background: url(../images/common/icon_x_on.svg) center center no-repeat;
    background-size: 31px 31px;
  }
}



@media screen and (max-width: 767px) {
  .nav-global ul li.pc_common_inta a{
    width: 30px;
    height:30px;
    background: url(../images/common/icon_ist.webp) center center no-repeat;
    background-size: 30px 30px;
    display: inline-block;
  }
  .nav-global ul li.pc_common_yt a{
    width: 30px;
    height:30px;
    background: url(../images/common/icon_yt.svg) center center no-repeat;
    background-size: 30px 30px;
    display: inline-block;
  }
  .nav-global ul li.pc_common_tw a{
    width: 30px;
    height:30px;
    background: url(../images/common/icon_x.svg) center center no-repeat;
    background-size: 30px 30px;
    display: inline-block;
  }
  .nav-global{
    margin:0 32px 0 0;
  }
}




.env_new_block_01.extra_w_area{
  background:#FFF;
  margin:80px auto -80px;
  position: relative;
  z-index: 1;
  padding:0 0 60px 0;
}

.out_text_01{
  text-align:center;
}
.out_text_01 p{
  margin:2.5rem 0 0 0;
  line-height: 1.8;
  font-size:15px;
  color:#4C4948;
}
.out_text_01 p:first-child{
  margin:1rem 0 0 0;
}
.out_text_01 em{
  color:#ED6C00;
  font-size:21px;
  line-height:1.5;
  font-style:normal;
  font-weight:bold;
}
.out_text_01 p span{
  background: linear-gradient(transparent 60%, #ffe5cf 0%);
  display: inline;
}

.out_s_area_01{
  background:#F7F7F7;
}
.out_s_area_01 .out_inr{
  max-width: 980px;
  margin:0 auto 0;
  padding:140px 50px 80px 50px;
  display: flex;
  justify-content: space-between;
}
.out_s_area_01 .out_inr .left_area{
  width: 45%;
  max-width:440px;
}
.out_s_area_01 .out_inr .right_area{
  width: 49%;
  max-width:490px;
}
.out_s_area_01 .out_inr .right_area .en_ttl{
  background:#4C4948;
  color:#FFF;
  font-size: 12px;
  border-radius: 100px;
  line-height:1.2;
  padding:8px 20px 6px 20px;
  display:inline-block;
  font-weight:bold;
}
.out_s_area_01 .out_inr .right_area h3{
  margin:1rem 0 1.5rem 0;
  font-size:22px;
  line-height:1.3;
  color:#4C4948;
}
.out_s_area_01 .out_inr .right_area h3 em{
  color:#ED6C00;
  font-size:36px;
  font-style: normal;
}
.out_s_area_01 .out_inr .right_area p{
  margin:0 0 2rem 0;
  line-height: 1.8;
  font-size: 15px;
  color: #4C4948;
}
.out_s_area_01 .out_inr .right_area p:last-child{
  margin:0;
}
.out_s_area_01 .out_inr .right_area p span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}
.out_ar{
  width:420px;
  margin:0 auto 0;
}


.out_text_02{
  text-align: center;
  margin:40px auto 50px;
  color:#4C4948;
  font-size: 18px;
  font-weight:bold;
  line-height:1.6;
}
.out_text_02 span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}
.out_text_02 em{
  font-style:normal;
  font-size: 24px;
}
.out_text_02 em.red{
  color:#ED6C00;
}




.out_s_area_02{
  background:#F7F7F7;
  max-width: 980px;
  margin:0 auto 0;
  padding:50px 50px 60px 50px;
}

.out_s_area_02 .out_inr{
  display: flex;
  justify-content: space-between;
}
.out_s_area_02 .out_inr .left_area{
  width: 49%;
  max-width:490px;
}
.out_s_area_02 .out_inr .right_area{
  width: 45%;
  max-width:440px;
}
.out_s_area_02 .out_inr .left_area .en_ttl{
  background:#4C4948;
  color:#FFF;
  font-size: 12px;
  border-radius: 100px;
  line-height:1.2;
  padding:8px 20px 6px 20px;
  display:inline-block;
  font-weight:bold;
}
.out_s_area_02 .out_inr .left_area h3{
  margin:1rem 0 1.5rem 0;
  font-size:22px;
  line-height:1.3;
  color:#4C4948;
}
.out_s_area_02 .out_inr .left_area h3 em{
  color:#ED6C00;
  font-size:36px;
  font-style: normal;
}
.out_s_area_02 .out_inr .left_area p{
  margin:0 0 2rem 0;
  line-height: 1.8;
  font-size: 15px;
  color: #4C4948;
}
.out_s_area_02 .out_inr .left_area p:last-child{
  margin:0;
}
.out_s_area_02 .out_inr .left_area p span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}

.out_s_area_02 .border_ttl{
  border-left: 3px solid #ED6C00;
  padding: 0 0 0 20px;
  font-weight: bold;
  font-size: 21px;
  line-height: 1;
  margin:30px 0 0 0;
  color:#595757;
}
.out_s_area_02 .border_ttl span{
  font-size: 12px;
  color:#9A9A9A;
  line-height:1.2;
  margin:0 0 0 10px;
  font-weight:normal;
}
.out_s_area_02 .out_inr2{
  display: flex;
  justify-content: space-between;
  margin:20px 0 0 0;
}
.out_s_area_02 .out_inr2 .white_b{
  background:#FFF;
  width: 47%;
  max-width: 420px;
  padding:30px;
  color:#4C4948;
}
.out_s_area_02 .out_inr2 .white_b div{
  background: url(../images/about/outsourcing/crcl.svg) left center no-repeat;
  background-size: 8px 8px;
  font-size:21px;
  line-height:1.5;
  padding:0 0 0 20px;
  margin:0 0 1rem 0;
  font-weight: bold;
}
.out_s_area_02 .out_inr2 .white_b p{
  line-height: 1.8;
  font-size: 15px;
  color: #4C4948;
}
.out_s_area_02 .out_inr2 .white_b p em{
  color:#ED6C00;
  font-weight:bold;
  font-style: normal;
}
.out_s_area_02 .out_inr2 .white_b span{
  color:#A7A7A7;
  font-size:13px;
  line-height:1.6;
  display: inline-block;
  margin:1rem 0 0 0;
}
.out_s_area_02 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin:20px 0 0 0;
}
.out_s_area_02 ul li{
  width: 15.8%;
  max-width:155px;
  margin:0 0 10px 0;
}
.right_text{
  text-align: right;
  margin:10px 0 0 0;
  color:#A7A7A7;
  font-size: 13px;
}


.out_s_area_02 .out_inr3{
  background: url(../images/about/outsourcing/left_top.svg) left top no-repeat , url(../images/about/outsourcing/right_bottom.svg) right bottom no-repeat;
  background-size: 39px 39px , 39px 39px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: #4C4948;
  padding:10px 20px;
  margin:20px 0 0 0;
}
.out_s_area_02 .out_inr3 p{
  margin: 20px auto;
}
.out_s_area_02 .out_inr3 p em{
  font-style: normal;
  font-size: 24px;
}
.out_s_area_02 .out_inr3 p em.red {
  color: #ED6C00;
}
.out_s_area_02 .out_inr3 p span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}




.out_s_area_03 .out_inr{
  max-width: 980px;
  margin:80px auto 0;
  padding:0 50px 30px 50px;
  text-align: center;
}
.out_s_area_03 .out_inr .en_ttl{
  background: #4C4948;
  color: #FFF;
  font-size: 12px;
  border-radius: 100px;
  line-height: 1.2;
  padding: 8px 20px 6px 20px;
  display: inline-block;
  font-weight: bold;
}
.out_s_area_03 .out_inr h3{
  margin: 1rem 0 1.5rem 0;
  font-size: 22px;
  line-height: 1.3;
  color: #4C4948;
}
.out_s_area_03 .out_inr h3 em{
  color: #ED6C00;
  font-size: 36px;
  font-style: normal;
}

.out_s_area_03 .out_inr .out_inr_fbox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:30px 0 0 0;
}
.out_s_area_03 .out_inr .out_inr_fbox .photo_area{
  width: 41%;
  max-width: 400px;
  text-align:left;
}
.out_s_area_03 .out_inr .out_inr_fbox .text_area{
  width: 56%;
  max-width: 530px;
  text-align:left;
}
.out_s_area_03 .out_inr .out_inr_fbox .text_area p{
  line-height: 1.8;
  font-size: 15px;
  color: #4C4948;
  margin:0 0 2rem 0;
}
.out_s_area_03 .out_inr .out_inr_fbox .text_area p:last-child{
  margin:0;
}
.out_s_area_03 .out_inr .out_inr_fbox .text_area p span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}
.out_s_area_03 .out_inr .out_inr_fbox .text_area p em{
  font-weight:bold;
  font-style: normal;
  color:#ED6C00;
}


.out_s_area_04{
  background:#F7F7F7;
  margin:80px auto 60px;
  max-width: 980px;
  padding:90px 50px 40px 50px;
  position: relative;
  text-align:center;
}
.out_s_area_04 p{
  line-height: 1.8;
  font-size: 15px;
  color: #4C4948;
  margin:0 0 1rem 0;
}
.out_s_area_04 p:last-child{
  margin:0;
}
.out_s_area_04 p em{
  color:#ED6C00;
  font-weight:bold;
  font-style: normal;
}
.out_s_area_04 h3{
  font-size: 36px;
  color:#4C4948;
  margin:-110px auto 30px;
  text-align:center;
}
.out_s_area_04 p span{
  background: linear-gradient(transparent 60%, #ffeddf 0%);
  display: inline;
}
.upc{
  display: inline-block;
}
.usp{
  display: none;
}

.sp_setting{
  position: relative;
}
.footer_sns{
  position: absolute;
  right:0;
}
.footer_sns ul{
  display: flex;
}
.footer_sns ul li{
  margin-left:5px;
}
.footer_sns ul li img{
  transition: .3s;
}


@media screen and (min-width: 768px) {
  .footer_sns ul li a:hover img{
    opacity: 0.7;
  }
}


@media screen and (max-width: 767px) {
  #commonFooter .copyright{
    margin-top: 140px;
  }
  .footer_sns{
    bottom: -290px;
    left:0;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px #837f7f solid;
  }
  #commonFooter .siteInfo{
    position: unset;
  }
  .upc{
    display: none;
  }
  .usp{
    display: inline-block;
    font-size: 12px;
    color: #9A9A9A;
    line-height: 1.2;
    margin: 10px 0 0px 0px;
    font-weight: normal;
  }

  .out_ar{
    max-width: 183px;
  }
  .env_new_block_01.extra_w_area{
    margin:40px 0 0 0;
    padding:0 20px 40px 20px;
  }
  .out_s_area_01 .out_inr {
    padding: 40px 20px 40px 20px;
    flex-wrap: wrap;
  }
  .out_s_area_01 .out_inr .left_area {
    width: 100%;
    max-width:100%;
    margin:0 0 20px 0;
  }
  .out_s_area_01 .out_inr .right_area {
    width: 100%;
    max-width:100%;
  }
  .out_s_area_01 .out_inr .right_area h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .out_s_area_01 .out_inr .right_area h3 em {
    font-size: 24px;
  }
  .out_text_02 {
    margin: 40px auto 40px;
    font-size: 16px;
    line-height: 1.5;
  }
  .out_text_02 em {
    font-size: 20px;
  }
  .out_s_area_02 {
    padding: 40px 20px 40px 20px;
  }
  .out_s_area_02 .out_inr {
    flex-wrap: wrap;
  }
  .out_s_area_02 .out_inr .left_area {
    width: 100%;
    max-width:100%;
    order:2;
  }
  .out_s_area_02 .out_inr .right_area {
    width: 100%;
    max-width:100%;
    order:1;
    margin: 0 0 20px 0;
  }
  .out_s_area_02 .out_inr .left_area h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .out_s_area_02 .out_inr .left_area h3 em {
    font-size: 24px;
  }
  .out_s_area_02 .out_inr2{
    flex-wrap: wrap;
    margin:10px 0 0 0;
  }
  .out_s_area_02 .out_inr2 .white_b {
    width: 100%;
    max-width:100%;
    padding: 30px 20px 20px 20px;
    margin:10px 0 0 0;
  }
  .out_s_area_02 .out_inr2 .white_b div {
    font-size: 18px;
    line-height: 1.5;
  }
  .out_s_area_02 .border_ttl{
    font-size: 18px;
    padding:0 0 0 10px;
  }
  .out_s_area_02 ul li {
    width:48%;
    max-width: 48%;
    margin: 0 0 10px 0;
  }
  .out_s_area_02 .out_inr3 {
    font-size: 16px;
    line-height: 1.6;
    padding: 10px 0px;
  }
  .out_s_area_02 .out_inr3 p em {
    font-size: 20px;
  }

  .out_s_area_03 .out_inr {
    margin: 40px auto 0;
    padding: 0 20px 10px 20px;
    text-align: left;
  }

  .out_s_area_03 .out_inr h3 {
    margin: 1rem 0 1.5rem 0;
    font-size: 15px;
    line-height: 1.5;
  }
  .out_s_area_03 .out_inr h3 em {
    font-size: 23px;
  }
  .out_s_area_03 .out_inr .out_inr_fbox {
    flex-wrap: wrap;
    align-items:unset;
    margin: 30px 0 0 0;
  }
  .out_s_area_03 .out_inr .out_inr_fbox .photo_area {
    width: 100%;
    max-width: 100%;
    margin:0 0 20px 0;
    order:1;
  }
  .out_s_area_03 .out_inr .out_inr_fbox .text_area {
    width: 100%;
    max-width: 100%;
    order:2;
  }
  .out_s_area_04 h3 {
    font-size: 23px;
    margin: -60px auto 20px;
  }
  .out_s_area_04 {
    margin: 60px auto 20px;
    padding: 50px 20px 30px 20px;
    text-align: left;
  }
}










.largeTitle .en.bigttl{
  font-size: 7.5rem;
}
.new_top_block_03{
  background:none;
}

.largeTitle .en.bigttl:before{
  content:none;
}
.recruit_blog_list_a li{
  box-shadow:none;
}
.recruit_blog_list_a .blog_list_text_area {
  padding: 8% 0;
}
.recruit_blog_list_a li:hover {
  box-shadow:none;
}

.recruit_blog_list_a .blog_list_text_area .ttl em{
  font-style: normal;
  background-image: linear-gradient(90deg, #ED6C00, #ED6C00); /* 線の色 */
  background-position: left bottom; /* 線の起点を左・下に設定 */
  background-repeat: no-repeat;
  background-size: 0 1px; /* 線の横幅を0、縦幅を2pxに */
  padding-bottom: 6px; /* 下線を下にズラす */
  transition: background-size .3s; /* 変形をアニメーション化 */
}

.recruit_blog_list_a a:before{
  content:none;
}
.recruit_blog_list_a li a .imgWrap img{
  transition-duration: 0.3s;
}

/*
.recruit_blog_list_a .blog_list_text_area .ttl em:after{
  background-color: #ED6C00;
  bottom: -4px; 
  content: ""; 
  height: 1px;
  left: 0; 
  position: absolute; 
  transform: scale(0, 1); 
  transform-origin: right top;
  transition: transform .3s;
  width: 100%;
}
.recruit_blog_list_a li a:hover .blog_list_text_area .ttl em:after{
  transform-origin: left top;
  transform: scale(1, 1); 
}
*/
.new_more_link{
  text-align: center;
}
.new_more_link.ps_btn{
  position: absolute;
  right: 7rem;
  top: 12rem;
}
.change_area_left h3{
  color:#4C4948;
  font-size: 3.2rem;
  line-height:1.5;
}
.change_area_left .change_text{
  font-size:1.5rem;
  line-height:1.5;
  color:#4C4948;
  margin:2rem 0 4rem 0;
}
.new_more_link a{
  color:#4C4948;
  font-size: 16px;
  font-weight:bold;
  display: inline-block;
  padding:0 0 20px 0;
}
.new_more_link a em{
  position: relative;
}
.new_more_link a em:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  margin: auto;
  width: 12px;
  height: 1px;
  background: #ED6C00;
  transition: .3s;
  right: 10px;
}
.new_more_link a em:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-left: 1px solid #ED6C00;
  border-bottom: 1px solid #ED6C00;
  transform: rotate(-135deg);
  transition: .3s;
  right: 10px;
}
.new_more_link a span{
  position: relative;
  display: inline-block;
  transition: .3s;
  padding:0 50px 0 0;
}
.new_more_link a span:before{
  background-color:#BEBEBE;
  bottom: -20px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  display: block;
}
.new_more_link a span:after{
  background-color: #ED6C00;
  bottom: -20px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  width: 100%;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .new_more_link a:hover span:after{
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .new_more_link a:hover {
    color:#000;
  }
  .recruit_blog_list_a li a:hover .blog_list_text_area .ttl {
    color:#ED6C00;
  }
  .new_more_link a:hover em:before{
    right: 0px;
    width: 20px;
  }
  .new_more_link a:hover em:after{
    right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .largeTitle .en.bigttl{
    font-size: 3.6rem;
  }
  .recruit_blog_list_a .blog_list_text_area {
    padding: 6% 0;
  }
}

.change_box{
  padding:0 2rem;
}
.change_area_left{
  background:#FFF;
  max-width: 106rem;
  margin:0 auto 0;
  border:1px solid #E1E1E1;
  padding:7rem;
  position: relative;
}
.recruit_blog_list_a{
  max-width: 1200px;
}
.new_top_block_03 .new_top_area_03{
  max-width: 1200px;
}







































































.topPage .top__workInner {
  margin: 0 auto;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 769px)and (max-width: 1200px) {
  .topPage .top__workInner {
      width:86%;
      width: 100%;
  }
}

.topPage .top__work .top__ttl {
  width: 100%;
  color: #fff;
  margin-bottom: min(5rem,50px)
}

.topPage .top__work .top__ttlEng {
  color: #fff
}

.topPage .top__work .top__ttl h2::before {
  border-color: #fff
}

.topPage .top__workTab {
  max-width: 61.9rem;
  width: 100%;
}

.topPage .top__workTabSingle {
  display: block;
  padding: min(3rem,30px) 30px min(2.5rem,25px);
  position: relative;
  transition: .3s;
}

.topPage .top__workTabSingle::after {
  content: "";
  max-width: 61.9rem;
  width:100%;
  height: 1px;
  background-color: #ECECEC;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .3s
}

.topPage .top__workTabSingle h4 {
  font-size:2.1rem;
  color:#4C4948;
  transition: .3s
}
.topPage .top__workTabSingle.active h4{
  color:#ED6C00;
}
.topPage .top__workTabSingle.active{
  text-decoration: none;
  color: #ED6C00;
  padding: min(3rem, 30px) 55px min(2.5rem, 25px);
}
.topPage .top__workTabSingle:before{
  content:"";
  background-color:#4C4948;
  width: 0rem;
  height:0rem;
  position: absolute;
  left:3.5rem;
  top:50%;
  transition: .3s;
  border-radius: 4rem;
}
.topPage .top__workTabSingle.active:before{
  width: 0.4rem;
  height:0.4rem;
}
.topPage .top__workTabSingleTxt {
  display: none;
  max-width: 480px;
  width: 68.5185185185%;
  padding-bottom: min(1.5rem,15px)
}

.topPage .top__workTabSingle .arrow {
  background-color: #FFF;
  width: min(3.8rem,38px);
  height: min(3.8rem,38px);
  border-radius: 20px;
  position: absolute;
  right: 4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .3s;
  border:1px solid #ED6C00;
}

.topPage .top__workTabSingle.active .arrow{
  background-color: #ED6C00;
  width: min(4.8rem,48px);
  height: min(4.8rem,48px);
  border-radius: 40px;
  right:3.5rem;
}
.topPage .top__workTabSingle .arrow::before,.topPage .top__workTabSingle .arrow::after {
  content: "";
  display: block;
  transition: .3s;
  position: absolute
}

.topPage .top__workTabSingle .arrow::before {
  /*
  width: min(3.8rem,38px);
  height: min(3.8rem,38px);
  border-radius: 30px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transform-origin: center;
  left: 50%;
  top: 50%;
  border:1px solid #ED6C00;
*/
  background: url(../images/top/change/r_ar.svg) no-repeat center center;
  width: max(1.1rem,11px);
  height: max(1.1rem,11px);
  left: 0;
  top: 50%;
  background-size: contain;
  transform: translate(13px, -50%);
  opacity: 0;
  opacity: 1;
}

.topPage .top__workTabSingle .arrow::after {
  background: url(../images/top/change/w_ar.svg) no-repeat center center;
  width: max(1.1rem,11px);
  height: max(1.1rem,11px);
  left: 0;
  top: 50%;
  background-size: contain;
  transform: translate(1px, -50%);
  opacity: 0;
  /*
  background-image: url(../images/top/change/w_ar.svg)
*/
  }

@media screen and (min-width: 768px) {
  .topPage .top__workTabSingle:hover h3{
    text-decoration: none;
    color:#ED6C00;
  }
}

.topPage .top__workTabSingle.active .arrow::before{
  /*
  background-color: #ED6C00;
  */
  opacity: 0;
}

.topPage .top__workTabSingl.active .arrow{
  background-color: #ED6C00;
  width: min(4.8rem, 48px);
  height: min(4.8rem, 48px);
}
.topPage .top__workTabSingle.active::after {
  width: 100%;
  max-width: inherit;
  opacity: 1;
  background-color:#ED6C00;
}

.topPage .top__workTabSingle.active .arrow::after {
  opacity: 1;
  left: calc(50% - .7rem);
  background-image: url(../images/top/change/w_ar.svg);
}

.topPage .top__workCont {
  width: 100%;
  max-width: 441px;
}

.topPage .top__workContSingle {
  display: none
}

.topPage .top__workContSingle div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  position: relative;
}

.topPage .top__workContSingleImg {
}

.topPage .top__workContSingle span {
  writing-mode: vertical-rl;
  font-size: 1.2rem;
  margin-right: 1.3rem;
  line-height: 1;
  letter-spacing: .06em
}

.change_box2{
  margin:3rem auto 0;
}
/*
@media screen and (min-width: 769px)and (max-width: 1025px) {
  .topPage .top__workTab {
      width:100%
  }

  .topPage .top__workTabSingle {
      padding: 0;
      padding-right: 55rem;
      height: min(35rem,195px);
      position: relative
  }

  .topPage .top__workTabSingle:not(:last-child) {
      margin-bottom: 4.5rem
  }

  .topPage .top__workTabSingleImg {
      position: absolute;
      right: 0;
      top: 0;
      width: 50rem;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: stretch;
      align-content: stretch
  }

  .topPage .top__workTabSingleImg.pc {
      display: none
  }

  .topPage .top__workTabSingleImg.sp {
      display: flex
  }

  .topPage .top__workTabSingleImg img {
      width: 46rem;
      border-radius: 4rem
  }

  .topPage .top__workTabSingleImg span {
      writing-mode: vertical-rl;
      letter-spacing: .06em;
      font-size: 1rem;
      line-height: 1;
      margin-left: 0rem
  }

  .topPage .top__workTabSingle::after {
      max-width: inherit;
      width: 100%;
      opacity: 1
  }

  .topPage .top__workTabSingleTxt {
      opacity: 1 !important;
      display: block !important;
      width: 100%;
      max-width: 98%
  }

  .topPage .top__workTabSingle .arrow {
      top: 3.5rem;
      bottom: auto;
      right: 60rem
  }

  .topPage .top__workTabSingle.active .arrow {
      background-color: #004fa2
  }

  .topPage .top__workTabSingle.active .arrow::before {
      width: min(.6rem,6px);
      height: min(.6rem,6px)
  }

  .topPage .top__workTabSingle.active .arrow::after {
      opacity: 0
  }

  .topPage .top__workCont {
      display: none
  }
}
*/




.our_features_area_inr,
.our_features_area_inr2{
  max-width: 120rem;
  margin:auto;
  padding:0 4rem;
}
.our_features_area_inr{
  display: flex;
  justify-content: space-between;
}
.our_features_area_inr .en_tl_area em{
  font-size: 7.5rem;
  line-height:1.0;
  font-style: normal;
  font-weight:bold;
  color:#4C4948;
}
.our_features_area_inr .en_tl_area h2{
  position: absolute;
  font-size: 18px;
  color:#4C4948;
  font-weight:bold;
  line-height:1.5;
  top: 2.8rem;
  left: 21rem;
}
.our_features_area_inr .en_tl_area{
  position: relative;
  width: 56rem;
}
.our_features_area_inr .our_features_text{
  position: relative;
  width: 65rem;
  color:#4C4948;
  font-size: 1.5rem;
  line-height: 1.8;
  margin:8.8rem 0 0 0;
}

.our_features_area_inr2{
  display: flex;
  justify-content: space-between;
  margin:5rem auto 0;
}
.our_features_area_inr2 a.our_features_area_link01{
  max-width: 58rem;
  display: flex;
  width: 48%;
  position: relative;
  height:34.2rem;
}
.our_features_area_inr2 a.our_features_area_link02{
  max-width: 58rem;
  display: flex;
  width: 48%;
  position: relative;
  margin:4rem 0 6rem 0;
  height:34.2rem;
}
.our_features_area_inr2 a.our_features_area_link01 .img_inr,
.our_features_area_inr2 a.our_features_area_link02 .img_inr{
  height: 34.2rem;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.our_features_area_inr2 a.our_features_area_link01 .img_inr img,
.our_features_area_inr2 a.our_features_area_link02 .img_inr img{
  display: block;
  transition-duration: 0.4s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our_features_area_inr2 a.our_features_area_link01 .link_ttl,
.our_features_area_inr2 a.our_features_area_link02 .link_ttl{
  position: absolute;
  top:10rem;
  right:-2rem;
  display: flex;
  background:#FFF;
  font-size: 2.8rem;
  line-height:1.5;
  color:#ED6C00;
  z-index: 1;
  font-weight:bold;
  padding:5rem 4rem 5rem 5rem;
  transition: .3s;
  box-shadow: 0px 0px 0px 0px rgba(237, 108, 0, 1);
}
.our_features_area_inr2 a.our_features_area_link01 .link_ttl span,
.our_features_area_inr2 a.our_features_area_link02 .link_ttl span{
  position: relative;
  padding:0 5rem 0 0;
}
.our_features_area_inr2 a.our_features_area_link01 .link_ttl span:before,
.our_features_area_inr2 a.our_features_area_link02 .link_ttl span:before{
  content:"";
  background: url(../images/top/change/w_ar.svg) no-repeat center center;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 1rem;
  top: 1.5rem;
  z-index: 1;
}
.our_features_area_inr2 a.our_features_area_link01 .link_ttl span:after,
.our_features_area_inr2 a.our_features_area_link02 .link_ttl span:after{
  content:"";
  background-color: #ED6C00;
  width: 3rem;
  height:3rem;
  border-radius: 3rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0.5rem;
  transition-duration: 0.3s;
}
/*
.our_features_area_inr2 a.our_features_area_link01 .link_ttl:after,
.our_features_area_inr2 a.our_features_area_link02 .link_ttl:after{
  background:#ED6C00;
  position: absolute;
  bottom:0;
  right:0;
  width: 100%;
  height:100%;
  content:"";
}
*/
@media screen and (min-width: 768px) {
  .our_features_area_inr2 a.our_features_area_link01:hover .link_ttl,
  .our_features_area_inr2 a.our_features_area_link02:hover .link_ttl{
    box-shadow: 1rem 1rem 0px 0px rgba(237, 108, 0, 1);
    top:9.5rem;
    right:-1.5rem;
  }
  .our_features_area_inr2 a.our_features_area_link01:hover .img_inr img,
  .our_features_area_inr2 a.our_features_area_link02:hover .img_inr img{
    transform: scale(1.05);
  }
  /*
  .our_features_area_inr2 a.our_features_area_link01:hover .link_ttl span:after,
  .our_features_area_inr2 a.our_features_area_link02:hover .link_ttl span:after{
    width: 3.5rem;
    height:3.5rem;
    border-radius: 4rem;
    right: -0.25rem;
    top: 0.25rem;
  }
  */
  .our_field_area a:hover{
    text-decoration: none;
  }
  .our_field_area a:hover .reverse .link_box {
    left: -1rem;
    bottom: -3rem;
    filter: drop-shadow(1rem 1rem 0 #ED6C00);
  }
  .recruit_blog_list_a li a:hover{
    transform: translate3d(0, -3px, 0);
  }
  /*
  .recruit_blog_list_a li:hover{
    box-shadow: 0 4px 16px 0 rgb(0 0 0 / 24%);
  }
    */
  .recruit_blog_list_a a:hover:before{
    transform-origin: left top;
    transform: scale(1, 1);
   }
   .recruit_blog_list_a li a:hover {
    transform: translate3d(0, 0, 0);
  }
  .recruit_blog_list_a li a:hover .blog_list_text_area .ttl em{
    background-size: 100% 1px; /* 線の横幅を100%にする */
  }
  .recruit_blog_list_a li a:hover .imgWrap img{
    transform: scale(1.1);
  }
  .recruit_blog_list_a li a:hover .blog_list_text_area .ttl{
    color:#000;
  }
  .our_field_area a:hover .reverse .link_box .link_box_inr .ttl{
    color:#ED6C00;
  }
  .our_features_area_inr2 a.our_features_area_link01:hover .link_ttl,
  .our_features_area_inr2 a.our_features_area_link02:hover .link_ttl{
    color:#ED6C00;
  }
  .our_field_area a:hover .reverse .column.column-outside-right img{
    transform: scale(1.05);
  }
}

.our_field_area a .reverse .column.column-outside-right img{
  transition-duration: 0.4s;
}

.our_field_area{
  position: relative;
  background:#ED6C00;
  background:#FFF;
  padding:14rem 0 0 0;
  z-index: 2;
}
.our_field_area .reverse {
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
  max-width: 120rem;
  padding: 0 4rem;
  margin: auto;
  position: relative;
}
.our_field_area em{
  font-size: 7.5rem;
  line-height: 1.0;
  font-style: normal;
  font-weight: bold;
  color: #FFF;
  margin: 5rem 0 3.2rem 0;
  display: inline-block;
  color:#4C4948;
}
.our_field_area h2{
  color:#4C4948;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.our_field_area .column {
  position: relative;
  width: 39%;
  z-index: 1;
}
.our_field_area .column-outside-right {
  flex: 1;
  margin-right: calc(50% - 49.5vw);
  margin-left: 4%;
  height: 48.2rem;
  overflow: hidden;
}
.our_field_area .column-outside-right img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) and (max-width: 875px) {
  .our_field_area .column-outside-right {
    margin-right: calc(50% - 49.1vw);
  }
}
@media screen and (min-width: 876px) and (max-width: 1000px) {
  .our_field_area .column-outside-right {
    margin-right: calc(50% - 49.2vw);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1166px) {
  .our_field_area .column-outside-right {
    margin-right: calc(50% - 49.3vw);
  }
}
@media screen and (min-width: 1167px) and (max-width: 1400px) {
  .our_field_area .column-outside-right {
    margin-right: calc(50% - 49.4vw);
  }
}

.our_field_area .reverse .link_box{
  position: absolute;
  left: 0;
  bottom: -4rem;
  width: calc(50% + 5rem);
  height: 26rem;
  z-index: 2;
  transition: .3s;
}
.our_field_area .reverse .link_box:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-50vw + 64rem);
  display: block;
  background-color: #F5F5F5;
  width: calc(50vw - 63rem);
  height: 100%;
}
.our_field_area .reverse .link_box .link_box_inr{
  position: relative;
  clip-path: polygon(0 0, calc(100% - 8rem) 0, 100% 50%, calc(100% - 8rem) 100%, 0 100%);
  display: flex;
  align-items: center;
  background:#F5F5F5;
  width: calc(100% - 10rem);
  height: 24rem;
  padding: 0 6rem 2rem 4rem;
  z-index: 2;
}
.our_field_area .reverse .link_box .link_box_inr .ttl{
  font-size: 3.2rem;
  color:#ED6C00;
  font-weight:bold;
  line-height:1.5;
  margin-bottom:1.5rem;
  transition: .3s;
}
.our_field_area .reverse .link_box .link_box_inr p{
  color: #4C4948;
  font-size: 1.5rem;
  line-height: 1.8;
}
.our_field_area .reverse .link_box .link_box_inr .ttl span{
  position: relative;
  padding: 0 6rem 0 0;
}
.our_field_area .reverse .link_box .link_box_inr .ttl span:before{
  content: "";
  background: url(../images/top/change/w_ar.svg) no-repeat center center;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 1.4rem;
  top: 1.4rem;
  z-index: 1;
}
.our_field_area .reverse .link_box .link_box_inr .ttl span:after{
  content: "";
  background-color: #ED6C00;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 3.8rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0rem;
  transition-duration: 0.3s;
}
.our_field_area .reverse .link_box .link_box_inr:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -18rem;
  top: 15rem;
  border-top: 10rem solid transparent;
  border-bottom: 10rem solid transparent;
  border-left:10rem solid #FFF;
}

.our_field_area a {
  display: block;
  position: relative;
}


.our_features_area {
  position: relative;
  padding: 22rem 0 0 0;
  overflow-x: hidden;
}
.our_features_area:before { /*白矢印*/
  content: "";
  position: absolute;
  top: 11rem;
  left: calc(50vw - 50rem);
  clip-path: polygon(40rem 0, 100% 0, 100% 100%, 40rem 100%, 0 50%);
  display: block;
  background-color: #fff;
  width: 100%;
  height: 130rem;
  z-index: 2;
}
.our_features_area:after { /*赤矢印*/
  content: "";
  position: absolute;
  bottom: 25rem;
  left: 0;
  clip-path: polygon(0 0, calc(100% - 42rem) 0, 100% 50%, calc(100% - 42rem) 100%, 0 100%);
  display: block;
  /*
  background-color: #ED6C00;
  */
  width: calc(100% + 23rem);
  height: 135rem;
  z-index: 1;
}
.our_features_area .our_features_area_inr,
.our_features_area .our_features_area_inr2,
.our_features_area .change_box1,
.our_features_area .change_box2 {
  position: relative;
  z-index: 3;
}

.new_bg_area {
  position: relative;
  z-index: 1;
}
.new_bg_area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /*
  background-color: #f8f8f8;
  */
  width: 100%;
  height: 120rem;
  z-index: 1;
}
.new_bg_area:after { /*灰矢印*/
  content: "";
  position: absolute;
  bottom: 38rem;
  left: 0;
  clip-path: polygon(0 0, calc(100% - 28rem) 0, 100% 50%, calc(100% - 28rem) 100%, 0 100%);
  display: block;
  background-color: #f8f8f8;
  width: calc(50% + 2rem);
  height: 88rem;
  z-index: 1;
}
.new_bg_area .big_img{
  display:none;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  overflow:hidden;
}
.new_bg_area .big_img img{
  margin:auto;
  height:148.4rem;
}
.new_bg_area section {
  position: relative;
  z-index: 2;
}

.new_top_block_03{
  position: relative;
  padding: 8rem 0;
  z-index: 3;
}

.recruit_blog_list_a li a .imgWrap img{
  bottom:0;
}


@media screen and (max-width: 767px) {
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl span,
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl span {
    padding: 0 2rem 0 0;
  }
  .index_news_block .news_list li .text{
    font-size: 1.3rem;
  }
  .index_news_block .news_list .title{
    font-size: 2.1rem;
  }
  .index_news_block .news_list li{
    font-size: 1.2rem;
  }
  .our_field_area .column-outside-right img{
    object-fit: cover;
    width: 100%;
    height: auto;
    height:100%;
  }
  .our_field_area .column-outside-right{
    height: auto;
  }
  .our_field_area{
    padding: 6rem 0 0 0;
    background:none;
    background: linear-gradient(180deg, #ED6C00 0%, #ED6C00 75%, #F8F8F8 75%, #F8F8F8 100%);
    background:#FFF;
  }
  .our_field_area em {
    font-size: 4.6rem;
    line-height: 1.0;
    margin: 0rem 0 1.5rem 0;
  }
  .our_field_area .column{
    width: 100%;
  }
  .our_field_area .reverse{
    flex-direction: column;
  }
  .our_field_area .column-outside-right{
    order:2;
    margin:0;
  }
  .our_field_area .reverse .link_box .link_box_inr p{
    display:none;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl{
    font-size: 1.7rem;
    margin-bottom:0;
  }
  .our_field_area .reverse .link_box .link_box_inr {
    clip-path: polygon(0 0, calc(100% - 4rem) 0, 100% 50%, calc(100% - 4rem) 100%, 0 100%);
    width: calc(100% - 7rem);
    height: 10rem;
    padding: 0 0rem 0rem 2rem;
    width: 100%;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span{
    padding:0;
  }
  .our_field_area a .reverse .link_box {
    left: 0rem;
    bottom: -6.5rem;
    filter: drop-shadow(0.5rem 0.5rem 0 #ED6C00);
    height:12rem;
    width: 54%;
  }
  .our_field_area .reverse{
    padding:0 2rem;
  }
  .our_field_area h2{
    font-size: 1.3rem;
    margin:0 0 3rem 0;
  }
  .our_field_area a:hover{
    text-decoration: none;
  }
  .our_field_area .reverse .link_box .link_box_inr:before{
    content:none;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span:after{
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 2.2rem;
    right: -3rem;
    top: 2.5rem;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span:before{
    right: -2.4rem;
    top: 3.1rem;
  }

  .our_features_area{
    padding: 10rem 0 0 0;
  }
  .our_features_area_inr{
    flex-wrap: wrap;
  }
  .our_features_area_inr, .our_features_area_inr2 {
    padding:0 2rem;
  }
  .our_features_area_inr .en_tl_area{
    width:100%;
  }
  .our_features_area_inr .en_tl_area em {
    font-size: 4.6rem;
  }
  .our_features_area_inr .en_tl_area h2 {
    font-size: 1.3rem;
    top: 1.2rem;
    left: 12rem;
  }
  .our_features_area_inr .our_features_text{
    display: none;
  }
  .our_features_area_inr2{
    flex-wrap: wrap;
    margin:3rem auto 0;
  }
  .our_features_area_inr2 a.our_features_area_link01{
    width: 100%;
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link02{
    width: 100%;
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link01 .img_inr img,
  .our_features_area_inr2 a.our_features_area_link02 .img_inr img{
    height:auto;
    width:96%;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl,
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl{
    font-size: 1.7rem;
    line-height: 1.5;
    padding: 2.5rem 2.5rem 2.5rem 2rem;
    box-shadow: 5px 5px 0px 0px rgba(237, 108, 0, 1);
    top: 50%;
    transform: translate(0%, -50%);
    right:0;
    width: 35%;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl span:after,
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl span:after{
    width: 2.2rem;
    height: 2.2rem;
    top: 0.1rem;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl span:before,
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl span:before {
    background: url(../images/top/change/w_ar.svg) no-repeat center center;
    width: max(0.8rem, 8px);
    height: max(0.8rem, 8px);
    top: 48%;
    transform: translate(1px, -50%);
    right: 0.8rem;
  }
  .our_features_area_inr2 a.our_features_area_link01 .img_inr,
  .our_features_area_inr2 a.our_features_area_link02 .img_inr{
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link01{
    max-width: 100%;
  }
  .our_features_area_inr2 a.our_features_area_link02{
    margin:2rem auto 0;
    max-width: 100%;
  }
  .change_box1{
    padding:2rem 2rem;
  }
  .change_box2{
    padding:0rem 2rem;
    margin:2rem auto 0;
  }
  .change_area_left{
    padding:3rem 2rem;
  }
  .change_area_left h3{
    font-size: 2rem;
    margin-bottom:2rem;
  }
  .change_area_left .change_text{
    display: none;
  }
  .topPage .top__workInner{
    flex-direction: column;
  }
  .topPage .top__workTabSingle {
    padding: 2rem 0 2rem 0;
  }
  .topPage .top__workTabSingle h4 {
    font-size: 1.7rem;
    line-height:1.4;
  }
  .topPage .top__workTabSingle.active{
    padding: 2rem 0 2rem 0;
  }
  .topPage .top__workTabSingle:before{
    content:none;
  }
  .new_more_link.ps_btn{
    position: relative;
    right:unset;
    top:unset;
    margin:4rem auto 0;
  }
  .topPage .top__workTab{
    max-width: 100%;
    order:2;
  }
  .topPage .top__workCont {
    max-width: 100%;
    order:1;
  }
  .topPage .top__workTabSingle .arrow {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 2rem;
    right: 0rem;
    background-color: #ED6C00;
  }
  .topPage .top__workTabSingle.active .arrow{
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 2rem;
  }
  .topPage .top__workTabSingle .arrow::before {
    background: url(../images/top/change/w_ar.svg) no-repeat center center;
    width: max(0.8rem, 8px);
    height: max(0.8rem, 8px);
    left: calc(50% - .5rem);
    transform: translate(1px, -50%);
  }
  .topPage .top__workTabSingle.active .arrow{
    right:0;
  }
  .topPage .top__workTabSingle.active h4 {
    color: #4C4948;
  }
  .topPage .top__workTabSingle.active::after {
    background-color: #ECECEC;
  }
  .topPage .top__workTabSingle:hover{
    text-decoration: none;
  }

  .topPage .top__workTabSingle .arrow::after {
    background: url(../images/top/change/w_ar.svg) no-repeat center center;
    width: max(0.8rem,8px);
    height: max(0.8rem,8px);
    left: calc(50% - .5rem);
  }

  .topPage .top__workTabSingle.active .arrow::after{
    background: url(../images/top/change/w_ar.svg) no-repeat center center;
    width: max(0.8rem,8px);
    height: max(0.8rem,8px);
    left: calc(50% - .5rem);
  }
  .recruit_blog_list_a li a{
    background:none;
  }
  .recruit_blog_list_a li{
    background:none;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl span, .our_features_area_inr2 a.our_features_area_link02 .link_ttl span{
    width: 100%;
  }







}


@media screen and (min-width: 768px) and (max-width: 952px) {
  .slide_a br.only-sp{
    display:block;
  }
}

@media screen and (min-width: 768px) and (max-width: 952px) {
  .nav-global ul li.pc_common_entry{
    margin: 0 35px 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 875px) {
}


@media screen and (min-width: 953px){
header .inner .head_entry{
  right:0;
}
}


header .inner .head_entry

.our_field_area .reverse .link_box .link_box_inr .ttl span br.only-sp{
  display: none;
}
.extra_br{
  display: none;
}
.topPage .top__workTabSingle h4 br.only-sp{
  display: none;
}
.topPage .top__workContSingle div.subtxt{
  position: absolute;
  right:1rem;
  bottom:1rem;
  color:#FFF;
  font-weight:bold;
  font-size: 1.3rem;
  z-index: 1;
  height:auto;
}
@media screen and (min-width: 768px) and (max-width: 1006px) {
  
  .change_area_left .change_text{
    margin:2rem 0 2rem 0;
  }
  .our_field_area{
    padding:10rem 0 0 0;
    background:#FFF;
  }
  .our_field_area .column-outside-right{
    height:30rem;
  }
  .our_field_area em {
    font-size: 6rem;
    margin: 0rem 0 2.5rem 0;
  }
  .our_features_area_inr .en_tl_area em {
    font-size: 6rem;
    line-height: 1.0;
  }
  .largeTitle .en.bigttl {
    font-size: 6rem;
}
  .our_field_area .reverse .link_box .link_box_inr .ttl{
    font-size: 2.4rem;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span br.only-sp{
    display: block;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span:after{
    right: 1rem;
    top: 3rem;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span:before{
    right: 2.4rem;
    top: 4.4rem;
  }
  .our_field_area .reverse .link_box .link_box_inr{
    padding: 0 4rem 0rem 4rem;
    height:22rem;
  }
  .our_field_area .reverse .link_box{
    width: calc(50% + 10rem);
    height: 22rem;
    bottom: -12rem;
  }
  .our_field_area a:hover .reverse .link_box{
    bottom: -11rem;
  }
  .our_features_area_inr{
    flex-wrap: wrap;
  }
  .our_features_area_inr .en_tl_area h2{
    top: 1.5rem;
    left: 18rem;
  }
  .our_features_area_inr .our_features_text{
    margin:3rem 0 0 0;
  }
  .our_features_area_inr2 a.our_features_area_link01 .img_inr,
  .our_features_area_inr2 a.our_features_area_link02 .img_inr {
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link01 .img_inr img,
  .our_features_area_inr2 a.our_features_area_link02 .img_inr img{
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl,
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl {
    position: absolute;
    top: 10rem;
    right: -2rem;
    display: flex;
    background: #FFF;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #4C4948;
    z-index: 1;
    font-weight: bold;
    padding: 2rem 2rem 2rem 2rem;
    transition: .3s;
    box-shadow: 0px 0px 0px 0px rgba(237, 108, 0, 1);
    top:50%;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl{
    top:25%;
  }
  .our_features_area_inr2 a.our_features_area_link02 .link_ttl{
    top:32%;
  }
  .our_features_area_inr2 a.our_features_area_link02{
    margin:2rem 0 4rem 0;
  }
  .our_features_area_inr2 a.our_features_area_link01{
    width: 47.8%;
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link02{
    width: 47.8%;
    height:auto;
  }
  .our_features_area_inr2 a.our_features_area_link01:hover .link_ttl{
    top:24%;
  }
   .our_features_area_inr2 a.our_features_area_link02:hover .link_ttl{
    top:31%;
   }
   .our_features_area_inr2 a.our_features_area_link01 .link_ttl span:after, .our_features_area_inr2 a.our_features_area_link02 .link_ttl span:after {
    top: -.2rem;
  }
  .our_features_area_inr2 a.our_features_area_link01 .link_ttl span:before, .our_features_area_inr2 a.our_features_area_link02 .link_ttl span:before{
    top: 0.8rem;
  }
  .change_area_left{
    padding:5rem 4rem 4rem 4rem;
  }
  .topPage .top__workTabSingle h4{
    font-size: 1.6rem;
    line-height:1.4;
  }
  .topPage .top__workTabSingle {
    padding: min(2rem, 20px) 15px min(1.5rem, 15px);
  }
  .topPage .top__workTabSingle.active {
    padding: min(2rem, 20px) 15px min(1.5rem, 15px);
  }
  .change_area_left h3 {
    font-size: 2.6rem;
  }
  .extra_br{
    display: block;
  }
  .topPage .top__workTabSingle .arrow {
    background-color: #FFF;
    width: min(2.8rem, 28px);
    height: min(2.8rem, 28px);
    right: 3rem;
  }
  .topPage .top__workTabSingle .arrow::before {
    transform: translate(9px, -50%);
    opacity: 1;
  }
  .topPage .top__workTabSingle.active .arrow {
    width: min(2.8rem, 28px);
    height: min(2.8rem, 28px);
    border-radius: 40px;
    right: 3rem;
  }
  .topPage .top__workTabSingle:before{
    content:none;
  }
  .topPage .top__workTabSingle h4 br.only-sp{
    display:block;
  }
  .topPage .top__workContSingle div{
    height:100%;
  }
  .change_box1 .topPage .top__workCont{
    display: flex;
    justify-content: stretch;
    max-height: 28.7rem;
  }
  .change_box1 .topPage .top__workContSingle{
    height:28.7rem;
    overflow: hidden;
  }

  .change_box2 .topPage .top__workCont{
    display: flex;
    justify-content: stretch;
    max-height: 33.2rem;
  }
  .change_box2 .topPage .top__workContSingle{

  }
  .topPage .top__workContSingle div img{
    width: 100%;
    object-fit: cover;
  }
  .change_box1 .topPage .top__workContSingle div{
    height:auto;
  }
  .new_more_link.ps_btn {
    right: 4rem;
    top:11rem;
  }
  .our_features_area:before{
    left: calc(50vw - 25rem);
    clip-path: polygon(35rem 0, 100% 0, 100% 100%, 35rem 100%, 0 50%);
    height: 100rem;
  }
  .our_features_area:after{
    height: 100rem;
  }
  .our_features_area{
    padding: 22rem 0 0 0;
  }
}

@media screen and (min-width: 1007px) and (max-width: 1150px) {
  .our_features_area_inr .en_tl_area{
    width: 72rem;
  }
  .our_features_area{
    padding:22rem 0 0 0;
  }
  .our_features_area:before{
    left: calc(50vw - 45rem);
  }
}

@media screen and (min-width: 1007px) and (max-width: 1194px) {
  .topPage .top__workTabSingle h4 br.only-sp {
    display: block;
  }
  .topPage .top__workTabSingle h4 {
    font-size: 1.8rem;
    line-height:1.3;
  }
  .change_box2 .topPage .top__workCont{
    display: flex;
    justify-content: stretch;
    max-height: 43.8rem;
  }
  .topPage .top__workContSingle div img{
    width: 100%;
    object-fit: cover;
  }
  .change_box1 .topPage .top__workContSingle div{
    height:100%;
  }
  .topPage .top__workContSingle div{
    height:100%;
  }
  .change_box1 .topPage .top__workCont{
    display: flex;
    justify-content: stretch;
    max-height:39.2rem;
  }
}
@media screen and (min-width: 1195px) {
  .change_box1 .topPage .top__workCont {
    display: flex;
    justify-content: stretch;
    max-height: 38rem;
  }
  .change_box2 .topPage .top__workCont {
    display: flex;
    justify-content: stretch;
    max-height:38rem;
  }
  .topPage .top__workContSingle div {
    height: 100%;
  }
  .topPage .top__workContSingle div img {
    width: 100%;
    object-fit: cover;
  }
}



@media screen and (min-width: 1007px) and (max-width: 1194px) {
  .our_field_area em{
    margin: 0rem 0 3.2rem 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .topPage .top__workTabSingle h4 br.only-sp{
    display: block;
  }
  .our_field_area .reverse .link_box .link_box_inr .ttl span br.only-sp {
    display: block;
  }
  .our_features_area:before{
    left: calc(50vw - 10rem);
    clip-path: polygon(20rem 0, 100% 0, 100% 100%, 20rem 100%, 0 50%);
    height: 60rem;
  }
  .new_bg_area:after {
    content: "";
    position: absolute;
    bottom: 126rem;
    left: 0;
    clip-path: polygon(0 0, calc(100% - 10rem) 0, 100% 50%, calc(100% - 10rem) 100%, 0 100%);
    display: block;
    background-color: #f8f8f8;
    width: calc(50% + 2rem);
    height: 33rem;
    z-index: 1;
  }
  .recruit_blog_list_a .blog_list_text_area span{
    margin:10px 0 0 0;
  }

}


@media screen and (max-width: 1079px) {
  .swiper.swiper02 [class^=swiper-button]{
    right:0rem;
  }
}
@media screen and (max-width: 767px) {
  .index_news_block .news_list{
    padding:2rem;
  }
}


#commonFooter .siteInfo .siteRecruit{
  background:#7b7979;
  padding:5px;
}

@media screen and (max-width: 767px){
  .nav-global ul li.pc_common_tw{
    margin:0 0 0 0;
  }
}

















.new_pop{
  background-color: #F6F6F6;
}
.new_pop a.myn2026 span,
.new_pop a.rkn2026 span,
.new_pop a.kyarit span,
.new_pop a.benexts span,
.new_pop a.myn2027 span,
.new_pop a.rkn span{
  margin: 0 auto;
  padding-left: 0px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 354px;
  width: 100%;
  height: 52px;
  line-height: 21px;
  color: #fff;
  background: #FFF url(../images/common/link_blank.svg) right 15px center no-repeat;
  background-size: 12px 10px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding:5px;
  transition: all ease .3s;
  box-shadow: 3px 4px 0px #ED6C00;
  border:1px solid #ED6C00;
}

.new_pop a.benexts span:hover em{
  text-decoration: none;
}
.new_pop a.myn2026 span img{
  width: 183px;
}
.new_pop a.myn2027 span img{
  width: 183px;
}
.new_pop a.rkn2026 span img{
  width: 170px;
}
.new_pop a.rkn span img{
  width: 129px;
}
.new_pop a.kyarit span img{
  width: 166px;
}
.new_pop a.benexts span img{
  width: 90px;
}

.new_pop a.benexts span em{
  color:#585453;
  font-style: normal;
  margin-left:10px;
}
.new_pop a.benexts:hover{
  text-decoration: none;
}

.entry_new_ttl.pops.next{
  margin:50px auto 0;
}

@media screen and (min-width: 768px){
  .new_pop a.myn2026 span:hover,
  .new_pop a.rkn2026 span:hover,
  .new_pop a.kyarit span:hover,
  .new_pop a.benexts span:hover,
  .new_pop a.myn2027 span:hover,
  .new_pop a.rkn span:hover{
    box-shadow: 0px 0px 0px #ED6C00;
    transform: translate3d(3px, 4px, 0);
  }
}
.new_pop.footer_area{
  padding:80px 0;
  margin:80px 0 0 0;
}
@media screen and (max-width: 767px){
  .new_pop.footer_area{
    padding:40px 0;
    margin:40px 0 0 0;
  }
  .new_pop a.myn2026 span,
  .new_pop a.rkn2026 span,
  .new_pop a.kyarit span,
  .new_pop a.benexts span,
  .new_pop a.myn2027 span,
  .new_pop a.rkn span{
    margin: 0 auto;
    padding-left: 0px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 273px;
    width: 100%;
    height: 35px;
    line-height: 21px;
    color: #fff;
    background: #FFF url(../images/common/link_blank.svg) right 15px center no-repeat;
    background-size: 12px 10px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    padding:5px;
    transition: all ease .3s;
    box-shadow: 3px 4px 0px #ED6C00;
    border: 1px solid #ED6C00;
  }
  .new_pop a.myn2026 span img{
    width: 130px;
  }
  .new_pop a.myn2027 span img{
    width: 130px;
  }
  .new_pop a.rkn2026 span img{
    width: 120px;
  }
  .new_pop a.rkn span img{
    width: 90px;
  }
  .new_pop a.kyarit span img{
    width: 126px;
  }
  .new_pop a.benexts span img{
    width: 80px;
  }
  .entry_new_ttl.pops.next {
      margin: 30px auto 0;
  }
  .new_pop a.benexts span em{
    font-size: 10px;
    line-height:1.5;
    text-align: left;
  }
  .nav-global ul li.sp_hum{
    position: absolute;
    right:0;
    top:0;
  }
}


@media screen and (min-width: 768px){
  .menu_right .psl,
  .menu_right_top .psl{
    height:100%;
  }
  .menu_right .psl .height_areas,
  .menu_right_top .psl .height_areas{
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
  }
}

.footer_sns li a img{
  width:31px;
}

@media screen and (min-width: 768px){
  .entry_new_block .rights{
    width: 48%;
  }
  .entry_new_block .lefts{
    width: 48%;
  }
}

#commonFooter .subMenu ul li{
  margin-bottom:1rem;
}
#commonFooter .subMenu ul li:last-child{
  margin-bottom:0rem;
}
#commonFooter .footerNav{
  justify-content:space-between;
}
@media screen and (min-width: 768px) and (max-width: 1015px) {
  #commonFooter .footerNav {
    justify-content: normal;
  }
}
/*
@media screen and (min-width: 768px) and (max-width: 1015px) {
  #commonFooter .footerNav dl:nth-child(1),
  #commonFooter .footerNav dl:nth-child(2),
  #commonFooter .footerNav dl:nth-child(3){
    margin:0 2rem 3rem 0;
  }
  #commonFooter .subMenu ul li{
    margin-bottom:1rem;
  }
}
*/
@media screen and (min-width: 768px) and (max-width: 1150px) {
  #commonFooter .footerNav dl:nth-child(1),
  #commonFooter .footerNav dl:nth-child(2),
  #commonFooter .footerNav dl:nth-child(3),
  #commonFooter .footerNav dl:nth-child(4){
    margin:0 3rem 3rem 0;
  }
  #commonFooter .subMenu ul li{
    margin-bottom:1rem;
  }
  #commonFooter .footerNav dl:nth-child(5),
  #commonFooter .footerNav dl:nth-child(6){
    margin:0 3rem 0rem 0;
  }
  #commonFooter .footerNav{
    justify-content: left;
  }
  #commonFooter .footerNav dl:last-child{
    padding:0;
  }
}

/*2506 add blog-index*/
.blog_detail_main .index {
  margin: 6rem 0;
  border: 1px solid #CFCFCF;
  position: relative;
  padding: 3.5rem 3rem;
}
.blog_detail_main .index__ttl {
  position: absolute;
  left: 2rem;
  top: -1rem;
}
.blog_detail_main .index__ttl span {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  padding: 0 1.5rem;
  background-color: #fff;
}
.blog_detail_main .index__cont {
  position: relative;
  display: grid;
}
.blog_detail_main .index__cont::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: none;
  width: 100%;
  height: 6.5rem;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 75%);
}
.blog_detail_main .index__cont ol {
  overflow: hidden;
  counter-reset: olList;
  margin: 0;
}
.blog_detail_main .index__cont ol > li {
  padding-left: 3.5rem;
  position: relative;
}
.blog_detail_main .index__cont ol > li::before {
  counter-increment: olList;
  content: counter(olList);
  position: absolute;
  top: 0.2rem;
  left: 0;
  color: #fff;
  background-color: #ED6C00;
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  line-height: 1;
  font-size: 1.4rem;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  transform: translateY(0);
}
.blog_detail_main .index__cont ol > li:not(:last-child) {
  margin-bottom: 1rem;
}
.blog_detail_main .index__cont ol > li a {
  color: #595757;
  font-size: 1.5rem;
  text-decoration: underline;
}
@media screen and (min-width: 1025px) {
  .blog_detail_main .index__cont ol > li a:hover {
    text-decoration: none;
  }
}
.blog_detail_main .index__cont ol > li ul{
  margin: 0;
}
.blog_detail_main .index__cont ol > li ul li {
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0;
  background: none;
}
.blog_detail_main .index__cont ol > li ul li a{
  font-weight: normal;
}
.blog_detail_main .index__cont ol > li ul li::before {
  display: none;
}
.blog_detail_main .index__cont ol > li ul li::after {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  background-color: #ED6C00;
  border-radius: 100%;
  width: 0.4rem;
  aspect-ratio: 1/1;
  top: 1.1rem;
  left: 0.6rem;
}
.blog_detail_main .index__cont.opened {
  grid-template-rows: 1fr;
  transition: 0.3s grid-template-rows ease;
  padding-bottom: 3rem;
}
.blog_detail_main .index__cont.opened::after {
  height: 1px;
}
.blog_detail_main .index .more {
  position: relative;
  z-index: 1;
  margin-top: -1rem;
  display: none;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
.blog_detail_main .index .more button {
  display: block;
  background: transparent;
  border: none;
}
@media screen and (min-width: 1025px) {
  .blog_detail_main .index .more button:hover {
    cursor: pointer;
  }
}
.blog_detail_main .index .more button span {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  gap: 0.9rem;
}
.blog_detail_main .index .more button span::before {
  content: "もっと見る";
  color: #ED6C00;
  text-decoration: underline;
  font-size: 1.5rem;
  font-weight: bold;
}
.blog_detail_main .index .more button span::after {
  content: "";
  border-right: 1px solid #ED6C00;
  border-bottom: 1px solid #ED6C00;
  width: 0.9rem;
  height: 0.9rem;
  display: block;
  rotate: 45deg;
  transform: translateY(-0.5rem);
}
.blog_detail_main .index .more button.active span::before {
  content: "閉じる";
}
.blog_detail_main .index .more button.active span::after {
  margin-left: 0.9rem;
  rotate: 225deg;
}
.blog_detail_main .index:not(.onBtn) .index__cont {
  grid-template-rows: 1fr;
}
.blog_detail_main .index:not(.onBtn) .index__cont::after {
  display: none;
}
.blog_detail_main .index:not(.onBtn) .more {
  display: none;
}
@media screen and (max-width: 767px) {
  .blog_detail_main .index {
    padding: 3rem 2rem 2rem;
    margin: 4rem 0;
  }
  .blog_detail_main .index__ttl span {
    font-size: 1.8rem;
  }
  .blog_detail_main .index__cont {
    
    overflow: hidden;
    transition: 0.3s grid-template-rows ease;
    grid-template-rows: 21rem;
    padding-bottom: 0.1rem;
  }
  .blog_detail_main .index__cont::after {
    display: block;
    height: 7.5rem;
  }
  .blog_detail_main .index__cont ol > li {
    line-height: 2.4rem;
  }
  .blog_detail_main .index__cont ol > li::before{
    top: 0;
  }
  .blog_detail_main .index__cont ol > li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .blog_detail_main .index .more {
    margin-top: -1.5rem;
    display: flex;
  }
  .blog_detail_main .index .more button span {
    gap: 0.6rem;
  }
  .blog_detail_main .index .more button span::before {
    font-size: 1.5rem;
  }
  .blog_detail_main .index .more button span::after {
    transform: translateY(-0.5rem);
  }
  .blog_detail_main .index .more button.active span::after {
    margin-left: 0.6rem;
  }
}








.blog_detail_main mark{
  font-style: normal;
}
.blog_detail_main .wp-block-preformatted.has-background {
    padding: 2rem 4rem;
    margin-bottom: 25px;
    line-height: 1.87;
    font-size: 1.5rem;
    color: #4C4948;
    font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
.blog_detail_main p a[target="_blank"]::after,
.news_index_block_detail a[target="_blank"]::after{
  margin: 0 4px 0 5px;
  content: "";
  background:url(../images/common/link_blank.svg) left top no-repeat;
  background-size: 12px 10px;
  width: 12px;
  height:10px;
  display: inline-block;
}


.blog_detail_main ul.list-red li,
.news_index_block_detail ul.list-red li{
  background: url(../images/recruit/bg_img_01_red.png) left 10px no-repeat;
  background-size: 4px 4px;
}

.blog_detail_main ul li.list-red,
.news_index_block_detail ul li.list-red{
  background: url(../images/recruit/bg_img_01_red.png) left 10px no-repeat;
  background-size: 4px 4px;
}

.blog_detail_main ul, .blog_detail_main ol{
  margin: 0 0 25px 0;
}
.wp-block-buttons{
  margin:0 0 20px 0;
}
.wp-block-button a.wp-block-button__link{
  margin: 0 auto;
  padding-left: 0px;
  /*
  border-radius: 100rem !important;
  */
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /*
  max-width: 354px;
  height: 52px;
  line-height: 21px;
  font-size: 1.2rem;
  */
  width: 100%;
  font-weight: bold;
  text-align: center;
  padding: 15px 25px;
  transition: all ease .3s;
  box-shadow: 3px 4px 0px #A2A2A2;
  text-decoration: none;
  /*
  border: 1px solid #A2A2A2;
  */
}
.wp-block-button a.wp-block-button__link[target="_blank"]{
  background: #FFF url(../images/common/link_blank.svg) right 15px center no-repeat;
  background-size: 12px 10px;
    padding: 15px 35px 15px 25px;
}
.wp-block-button a.wp-block-button__link:hover{
  box-shadow: 0px 0px 0px #018EB9;
  transform: translate3d(3px, 4px, 0);
}
.wp-block-table{
  overflow-x: unset !important;
}
.wp-block-image{
  margin:0 0 25px 0;
}
.wp-block-image img{
margin: 0 0 5px 0;
}
.wp-block-table{
  margin:0 0 25px 0;
}
.wp-block-table table{
  margin:0 0 5px 0;
}
blockquote.wp-block-quote {
    position: relative;
    color: #9C9C9C;
    padding: 0 2rem;
    margin: 0 0 25px 0;
    display: inline-block;
}
blockquote.wp-block-quote:before {
    content: "“ ";
    left: 0;
    top: 0;
    position: absolute;
}
blockquote.wp-block-quote:after {
    content: " ” ";
    position: absolute;
    right: 0;
    top: 0;
}
table.has-fixed-layout th{
    background: #FAFAFA;
    font-weight: 500;
    padding: 1rem;
    border: 1px solid #E6E6E6;
}
table.has-fixed-layout td{
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.wp-block-table thead{
  border-bottom:none !important;
}
.blog_detail_main p em{
  font-style: italic; 
}
.blog_detail_main p em mark{
  font-style: italic; 
}
.wp-element-caption{
  text-align: center;
  color:#4C4948;
}


 .wp-block-media-text>.wp-block-media-text__content{
  padding:0 0 0 8% !important;
}
.has-media-on-the-right .wp-block-media-text__content{
  padding:0 8% 0 0 !important;
}


@media screen and (max-width: 600px) {
   .wp-block-media-text>.wp-block-media-text__content{
      padding:0 0 0 0% !important;
    }
    .has-media-on-the-right .wp-block-media-text__content{
      padding:0 0% 0 0 !important;
    }
}




@media screen and (max-width: 767px) {
  pre.wp-block-preformatted{
  margin-bottom: 20px;
}
  .wp-block-table{
  margin:0 0 20px 0;
}
  blockquote.wp-block-quote {
    margin: 0 0 20px 0;
}
  .wp-block-image{
  margin:0 0 20px 0;
}
.wp-block-table table{
  margin:0 0 5px 0;
}
  .blog_detail_main .wp-block-preformatted.has-background {
      margin-bottom: 20px;
  }
  .blog_detail_main ul, .blog_detail_main ol{
    margin: 0 auto 25px;
  }
  .blog_detail_main ol{
    list-style-type:counter;
    margin:20px 0 0 15px;
  }
}

.blog_detail_main ol{
  list-style-type:counter;
  margin:0 0 25px 15px;
}
.blog_detail_main ol li{
  padding: 1px 0 1px 10px;
}
.blog_detail_main ol li:before,
.news_index_block_detail ol:before{
  content:unset;
}
.blog_detail_main ol li::marker,
.news_index_block_detail ol li::marker {
  font-weight: bold;
  position: absolute;
  left:5rem;
}
.wp-block-table td, .wp-block-table th {
    border: 1px solid;
    padding: 1rem;
}
.wp-block-embed.is-type-video.is-provider-youtube{
  margin:0 0 30px 0;
}
.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube{
  text-align: center  ;
}

.wp-block-embed.alignright.is-type-video.is-provider-youtube.wp-block-embed-youtube{
  text-align: right;
  max-width: unset;
}



pre.wp-block-preformatted{
  padding: 2rem 4rem;
  margin-bottom: 25px;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
  font-family: "Montserrat", "游ゴシック", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  /*
  background-color: #f8f8f8;
  */
  }

.wp-block-buttons>.wp-block-button{
  margin:0 10px 10px 0 !important;
}
.wp-block-group{
  margin:0 0 25px 0;
}
.wp-block-embed{
  margin:0 0 25px 0;
}

blockquote.wp-block-quote{
  
}

.wp-element-caption{
  text-align:left;
}

.aligncenter.wp-block-embed-twitter .twitter-tweet{
  margin:auto;
}
.alignright.wp-block-embed-twitter .twitter-tweet{
  margin-left:auto;
}
.wp-block-embed.alignright.wp-block-embed-twitter{
  max-width: 100%;
}

.wp-block-table td, .wp-block-table th{
  padding: 1rem;
  line-height: 1.87;
  font-size: 1.5rem;
  color: #4C4948;
}

.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube {
    text-align: left;
}
.wp-block-table.is-style-stripes{
  border-bottom:none;
}
.wp-block-table.is-style-stripes thead{
  border-bottom:2px solid #000 !important;
}
.wp-block-table.is-style-stripes{
  border-bottom:none !important;
}

.wp-block-embed__wrapper{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.wp-block-embed__wrapper iframe{
  width: 100%;
  height: 100%;
}

.wp-block-embed.alignleft{
  max-width: 100% !important;
}

.category_list_pop{
  position: absolute;
  top:0;
  left:0;
  display:flex;
  flex-wrap: wrap;
}
.recruit_blog_list_a .category_list_pop li,
.recruit_blog_list_b .category_list_pop li{
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    line-height: 13pt;
    padding: 10px 15px;
    z-index: 1;
    box-shadow: none;
    width: auto;
    margin:0;
}