/* -----------------------------------------------------------
　common
----------------------------------------------------------- */

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

  body {
    -webkit-text-size-adjust: 100%;
    font-size:14px;
    line-height:1.4;
  }
  hr.anc {
    padding:65px 0 0;
    margin:-65px 0 0;
  }
  .pc_cont {display:none;} 
   

}

/* -----------------------------------------------------------
  template
----------------------------------------------------------- */

@media screen and (max-width: 1370px){
  
  .header_entry {right:120px;}
  
  /* :::::::::: nav :::::::::: */

  nav.sp_nav {
    height:0;
    z-index:30;
  }
  nav .menu {
    position:fixed;
    display:block;
    width:56px;
    height:36px;
    z-index:100;
    top:42px;
    right:30px;
    cursor:pointer;
  }
  nav .menu span {
    position:absolute;
    display:block;
    content:"";
    height:2px;
    background:#006AB7;
    right:0;
    transition:0.5s;
  }
  nav .menu span:nth-of-type(1) {
    width:100%;
    top:0;
  }
  nav .menu span:nth-of-type(2) {
    width:75%;
    top:50%;
  }
  nav .menu span:nth-of-type(3) {
    width:50%;
    top:100%;
  }
  nav.open .menu span {background:#FFFFFF;}
  nav.open .menu span:nth-of-type(1) {
    top:50%;
    transform:rotate(45deg);
  }
  nav.open .menu span:nth-of-type(2) {opacity:0;}
  nav.open .menu span:nth-of-type(3) {
    width:100%;
    top:50%;
    transform:rotate(-45deg);
  }
  nav .menu_box {
    width:100%;
    height:100vh;
    color:#FFFFFF;
    overflow-y:scroll;
    opacity:0;
    visibility:hidden;
    padding:120px 40px 40px;
    background:#006AB7;
    transition:0.5s;
  }
  nav.open .menu_box {
    opacity:1;
    visibility:visible;
  }
  nav .menu_title {
    display:block;
    text-align:center;
    font-size:4.4rem;
    font-family:'Roboto Condensed', sans-serif;
    font-weight:700;
    line-height:1.2;
    margin:0 auto 30px;
  }
  nav .menu_entry ,
  nav .menu_career {
    position:relative;
    display:block;
    width:92%;
    max-width:500px;
    height:50px;
    line-height:50px;
    margin:0 auto 20px;
    text-align:center;
    z-index:0;
  }
  nav .menu_entry::after ,
  nav .menu_career::after {
    position:absolute;
    display:block;
    content:"";
    width:20px;
    height:2px;
    background:#006AB7;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
  }
  nav .menu_entry a,
  nav .menu_career a {
    display:block;
    width:100%;
    height:100%;
    font-size:2.4rem;
    font-weight:500;
    text-decoration:none;
    opacity:1;
    transition:0.5s;
  }
  nav .menu_entry a:hover,
  nav .menu_career a:hover {
    opacity:0.5;
  } 
  nav .menu_career a {
    color:#FFFFFF;
    background:#00A9AC;
  }
  nav .menu_entry a {
    color:#006AB7;
    background:#FFFFFF;
  }
  nav .main_nav {
    position:static;
    width:92%;
    max-width:500px;
    margin:40px auto 0;
    border-top:solid 1px #FFFFFF;
  }
  nav .main_nav > li {
    display:block;
    margin:0;
    border-bottom:solid 1px #FFFFFF;
  }
  nav .main_nav > li > p {
    height:60px;
    line-height:60px;
    font-size:1.8rem;
    color:#FFFFFF;
  }
  nav .main_nav > li > p::after {content:none;}
  nav .main_nav > li > p span {
    position:absolute;
    display:block;
    content:"";
    width:36px;
    height:36px;
    border-radius:50%;
    background:#AFD2E3;
    top:12px;
    right:0;
    z-index:1;
  }
  nav .main_nav > li > p span::before ,
  nav .main_nav > li > p span::after {
    position:absolute;
    display:block;
    content:"";
    background:#006AB7;
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    left:0;
  }
  nav .main_nav > li > p span::before {
    width:20px;
    height:2px;
  }
  nav .main_nav > li > p span::after {
    width:2px;
    height:20px;
  }
  nav .main_nav > li > p span.open::after {content:none;}
  nav .main_nav > li p a {
    display:block;
    width:100%;
    height:100%;
    transition:0.5s;
  }
  nav .main_nav > li p a:hover {background:#00B4ED;}
  nav .main_nav > li > div {
    position:static;
    width:100%;
    height:auto;
    padding:0;
    opacity:1;
    visibility:visible;
    transition:0.5s;
  }
  nav .main_nav > li > div div {
    width:100%;
    height:auto;
  }
  nav .main_nav > li > div div p {display:none;}
  nav .main_nav > li > div div ul {
    display:none;
    width:100%;
    float:none;
    margin:0 0 1em;
  }
  nav .main_nav > li > div div ul li {
    width:100%;
    font-size:1.6rem;
    line-height:2;
    float:none;
  }
  nav .main_nav > li > div div ul li a {display:block;}
  nav .sub_nav {
    display:block;
    margin:30px auto;  
    text-align:center;
    font-size:1.6rem;
  }
  nav .sub_nav li {margin:0 0 10px;}
  nav .sub_nav li a::after {
    display:inline-block;
    content:"";
    width:26px;
    height:20px;
    background:url(../image/bg_target.png) no-repeat center / cover;
    margin:0 0 0 10px;
  }
}
@media screen and (max-width: 767px){ 
  
  header {
    height:65px;
    padding:15px 4%;
  }
  .logo {height:30px;}
  .logo img {
    width:auto;
    height:100%;
  }
  .header_entry {
    width:70px;
    height:30px;
    line-height:30px;
    right:70px;
  }
  .header_entry::before {
    width:10px;
    height:1px;
  }
  .header_entry a {font-size:1.1rem;}
  
  /* :::::::::: nav :::::::::: */

  nav .menu {
    width:30px;
    height:20px;
    top:22px;
    right:25px;
  }
  nav .menu_box {padding:65px 5%;}
  nav .menu_title {
    font-size:3rem;
    margin:0 auto 5%;
  }
  nav .menu_entry ,
  nav .menu_career {
    width:80%;
    height:40px;
    line-height:40px;
    margin:0 auto 5%;
  }
  nav .menu_entry a,
  nav .menu_career a {font-size:1.8rem;}
  nav .main_nav {
    width:80%;
    margin:8% auto 0;
  }
  nav .main_nav > li > p {
    height:40px;
    line-height:40px;
    font-size:1.5rem;
  }
  nav .main_nav > li > p span {
    width:20px;
    height:20px;
    top:10px;
  }
  nav .main_nav > li > p span::before {width:16px;}
  nav .main_nav > li > p span::after {height:16px;}
  nav .main_nav > li > div div ul li {font-size:1.3rem;}
  nav .main_nav > li > div div ul li a {display:block;}
  nav .sub_nav {
    margin:6% auto;  
    font-size:1.3rem;
  }
  nav .sub_nav li a::after {
    width:13px;
    height:10px;
    margin:0 0 0 10px;
  }
}

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

  main {margin:65px 0 0;}
  .breadcrumbs {display:none;}
  .box {padding:0 4%;}
  .btn_common a {font-size:1.4rem;}
  .list_box {margin:0 auto 8%;}
  .list_box li {
    width:100%;
    margin:0 auto 6%;
    float:none;
  }
  .list_box li:nth-child(even) {margin:0 0 6%;}
  .list_box li p {
    padding:1em 3em 1em 1em;
    font-size:1.5rem;
    line-height:1.4;
  }
  .list_box li p::after {
    width:26px;
    height:6px;
  }
  .entry_area {padding:8% 4%;}
  .common_entry {
    height:45px;
    line-height:45px;
  }
  .common_entry a {font-size:1.8rem;}

  /* :::::::::: footer :::::::::: */
  
  footer {padding:0 0 4%;}
  footer .career_nav {display:none;}
  footer .pagetop {
    display:block!important;
    position:static;
    width:100%;
    height:50px;
    padding:10px;
    background:#000000;
  }
  footer .pagetop img.pc_cont {display:none;}
  footer .pagetop img.sp_cont {
    display:block;
    width:auto;
    height:30px;
    margin:0 auto;
  }
  footer .footer_box {padding:6% 4% 4%;}
  footer .footer_box .f_logo {float:none;}
  footer .footer_box .f_logo img {
    display:block;
    margin:0 auto;  
  }
  footer .footer_box ul {
    float:none;
    display:block;
    text-align:center;
  }
  footer .footer_box ul li {
    display:block;
    font-size:1.2rem;
    margin:0 0 3%;
  }
  footer .footer_box .copyright {
    font-size:1.1rem;
    margin:0;  
  }
} 

/* -----------------------------------------------------------
 subpage
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
  
  .title_archive {
    width:100%;
    height:auto;
    padding:0;
    margin:0 auto 8%;
    overflow:hidden;
  }
  .title_archive > div {
    height:auto;
    display:block;
  }
  .title_archive figure {
    width:100%;
    margin:0;
  }
  .title_archive > div > div {
    display:flex;
    align-items: center;
    width:100%;
    min-height:6em;
    padding:1em 0;
  }
  .title_archive > div > div h1 {
    width:90%;
    font-size:1.8rem;
    text-align:center;
    margin:0 auto;
  }
  .title_page {
    width:92%;
    height:25vw;
    padding:0;
    margin:0 auto 8%;
    background:url(../image/bg_title_sp.jpg) no-repeat center / cover;
  }
  .title_page .p_title {font-size:2rem;}
  .editor_contents {margin:0 auto 10%;}
  .editor_contents h1 {
    font-size:2rem;
    margin:4% 0 8%;
    padding:3% 0;
  }
  .editor_contents h2 {
    font-size:1.7rem;
    margin:8% 0 ;
    padding:0 0 10px;
  }
  .editor_contents h2::before ,
  .editor_contents h2::after {
    width:100px;
  }
  .editor_contents h2::after {left:100px;}
  .editor_contents h3 {
    font-size:1.6rem;
    margin:8% 0 6%;
    padding:0.3em 1em;
  }
  .editor_contents h3::before {
    border-left:solid 12px #FFFFFF;
    border-bottom:solid 12px transparent;
  }
  .editor_contents h3::after {
    border-right:solid 12px #00AAEB;
    border-top:solid 12px transparent;
  }
  .editor_contents h4 {
    font-size:1.5rem;
    margin:8% 0 4%;
    padding:0 0 3%;
  }
  .editor_contents h4::after {height:2px;}
  .editor_contents h5 {
    font-size:1.5em;
    margin:6% 0 4%;
    padding:0 0 0 15px;
  }
  .editor_contents h5::after {
    width:3px;
    height:16px;
  }
  .editor_contents table {
    width:100%;
    margin:0 0 8%;
  }
  .editor_contents .wide_table {
    width:100%;
    overflow-x:scroll;
    margin:0 0 5%;
  }
  .editor_contents .wide_table table {
    width:200%!important;
    max-width:none;
    margin:0;
  }
  .editor_contents .caption {
    display:block;
    text-align:left;
  }
  .editor_contents ul li::before {top:0.6em;}
  .editor_contents .anc_list {margin:0 0 8%;}

  .editor_contents .anc_list li::before {top:0.3em;}
  .editor_contents .link_list li {font-size:1.3rem;} 
  .editor_contents .link_list li::before {top:0.5em;}
  .editor_contents .link_list li a[target="_blank"]::after {
    width:15px;
    height:10px;
  } 
  .editor_contents .link_list li a[href$=".pdf"]::after {
    width:14px;
    height:12px;
  }
  .editor_contents .link_list li a[href$=".doc"]::after ,
  .editor_contents .link_list li a[href$=".docx"]::after {
    width:14px;
    height:13px;
  }
  .editor_contents .link_list li a[href$=".xlsx"]::after ,
  .editor_contents .link_list li a[href$=".xls"]::after {
    width:14px;
    height:13px;
  }
  .editor_contents .btn_link a {
    font-size:1.2rem;
  }
  .editor_contents .btn_link a::after {margin:0 0 0 5px;}
 .editor_contents .btn_link a[target="_blank"]::after {
    width:15px;
    height:10px;
    margin:0 0 0 5px;
  }
  .editor_contents .btn_link a[href$=".pdf"]::after {
    width:14px;
    height:12px;
  }
  .editor_contents .btn_link a[href$=".pdf"]:hover::after {
    width:14px;
    height:12px;
  }
  .editor_contents .btn_link a[href$=".docs"]::after ,
  .editor_contents .btn_link a[href$=".doc"]::after {
    width:14px;
    height:13px;
  }
  .editor_contents .btn_link a[href$=".docs"]:hover::after ,
  .editor_contents .btn_link a[href$=".doc"]:hover::after {
    width:14px;
    height:13px;
  }
  .editor_contents .btn_link a[href$=".xlsx"]::after ,
  .editor_contents .btn_link a[href$=".xls"]::after {
    width:14px;
    height:13px;
  }
  .editor_contents .btn_link a[href$=".xlsx"]:hover::after ,
  .editor_contents .btn_link a[href$=".xls"]:hover::after {
    width:14px;
    height:13px;
  }
  .editor_contents .btn_all a {
    height:24px;
    line-height:20px;
    font-size:1.2rem;
  }
  .editor_contents .btn_all a::before {margin:0 5px 0 0;}
  .editor_contents .bg_box {
    padding:5%;
    margin:8% auto;
  }
  .editor_contents .map_box {
    padding:150% 0 0;
    margin:10% auto;
  }

  .alignright {display:block;float:none;margin:2em auto; }
  .alignleft {display:block;float:none;margin:2em auto; }
  
  
  /** FAQ **/

  dl.faq {margin:8% auto;}
  dl.faq dt {font-size:1.5rem;}
  dl.faq dt::before {top:0.4em;}
  dl.faq dt span {
    width:20px;
    height:20px;
    top:9px;
  }
  dl.faq dt span::before {width:12px;}
  dl.faq dt span::after {height:12px;}
  
  /** form **/

  .entry_form dt {
    font-size:1.4rem;
    margin:0 0 5%;
  }
  .entry_form dd {
    font-size:1.2rem;
    margin:0 0 8%;
  }
  .entry_form dd.zip {font-size:1.4rem;}
  .entry_form dd.zip span {font-size:1.2rem;}
  .entry_form dd.zip input {font-size:1.2rem;}
  .entry_form dd input[type="text"] ,
  .entry_form dd input[type="email"] ,
  .entry_form dd input[type="tel"] ,
  .entry_form dd textarea {margin:0 0 2%;}
  .entry_form dd textarea {min-height:150px;}
  .entry_form dd input[type="text"].zip {width:100px;}
  input[type="submit"] ,
  button[type="submit"] { 
    margin:0 10px 5%;
    height:24px;
    line-height:24px;
    border-radius:12px;
  }
  .thanks_title {
    font-size:2.1rem;
    margin:0 auto 8%;
  }
  .thanks_title + p {margin:0 auto 8%;}
  
  /** feature **/

  .feature_box {margin:10% auto;}
  .feature_box > section {
    width:100%;
    margin:0 auto 12%;
    float:none;
  }
  .feature_box > section:nth-of-type(even) {margin:0 auto 12%;}
  .feature_box > section h2 {margin:0 auto 5%;}
  .feature_box > section h2 img {margin:0 auto;}
  .feature_box > section dl dt {
    font-size:2rem;
    margin:0 0 3%;
    padding:0 0 0 0.5em;
  }
  .feature_box > section dl dt::before {
    width:4px;
    height:20px;
    top:5px;  
  }
  .feature_box > section dd {
    font-size:1.4rem;
    line-height:1.6;
  }
}
  
/* -----------------------------------------------------------
 Single/Archive
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
  
  span.news_date {
    display:block;
    font-size:1.2rem;
    margin:0 5px 5px 0;
  }
  span.news_cat {
    min-width:110px;
    font-size:1.2rem;
  }
  .box h1.category_title {
    font-size:1.7rem;
    margin:0 0 8%;
    padding:0 0 10px;
  }
  .box h1.category_title::before ,
  .box h1.category_title::after {
    width:100px;
  }
  .box h1.category_title::after {left:100px;}
  .news_list li p {
    font-size:1.3rem;
  }
  .editor_contents span.news_date {display:inline-block;}
  .select_outer {
    width:160px;
    height:30px;
    margin:0 10px 30px 0;
  }
  .select_outer::after {
    width:30px;
    height:30px;
  }
  .select_outer select {padding:5px 10px;}
  .pagenation {
    padding:6% 100px;
    margin:0 auto 10%;
  }
  .pagenation .wp-pagenavi > a, 
  .pagenation .wp-pagenavi > span {
    width:20px;
    height:20px;
    margin:5px;
  }
  .pagenation .wp-pagenavi > a.previouspostslink,
  .pagenation .wp-pagenavi > a.nextpostslink {width:60px;}
  
  /** interview **/

  .interview .title_axis {margin:0 auto 8%;}
  .interview .title_axis > div {max-height:200px;}
  .interview .select_outer {margin:0 5px 8% 0;}
  .interview_list {margin:0 auto;}
  .interview_list::before {content:none;}
  .interview_list li {
    position:relative;
    width:100%;
    margin:0 auto 8%;
    z-index:0;
  }
  .interview_list li::after {
    position:absolute;
    display:block;
    content:"";
    width:100vw;
    height:80vw;
    background: -moz-linear-gradient(left,  #F4F7FF 0%, #F4F7FF 0%, #D9ECF6 55%, #B0DDF6 100%); 
    background: -webkit-linear-gradient(left,  #F4F7FF 0%,#F4F7FF 0%,#D9ECF6 55%,#B0DDF6 100%); 
    background: linear-gradient(to right,  #F4F7FF 0%,#F4F7FF 0%,#D9ECF6 55%,#B0DDF6 100%); 
    margin:auto;
    left:-100vw;
    right:-100vw;
    bottom:0;
    z-index:-1;
  }
  .interview_list li:nth-child(3n) {margin:0 auto 8%;}
  .interview_list li a > div {
    min-height:auto;
    padding:0 0 8%;
  }
  .interview_list li figure {margin:0 auto 5%;}
  .interview_list li figure img:nth-of-type(1) {animation:img_change 6s infinite;}
  .interview_list li .depart {font-size:1.2rem;margin:0 0 2%;}
  .interview_list li .join {font-size:1.2rem;}

  main.interview_single {position:static;}
  main.interview_single .kv_axis {
    position:static;
    height:auto;
    background:none;
  }
  main.interview_single .kv_axis > img {
    position:static;
    width:100%;
    height:auto;
  }
  main.interview_single .kv_axis .box {
    position:static;
    height:auto;
  }
  main.interview_single .kv_axis .box div {
    position:static;
    display:block;
    padding:5% 5% 0;
  }
  main.interview_single .kv_axis .box div h1 {
    font-size:1.3rem;
    margin:0 auto 3%;
  }
  main.interview_single .kv_axis .box div .join {
    font-size:1.4rem;
    margin:0 auto 5%;
  }
  .prof_area {padding:8% 0;}
  .editor_contents h4 {
    font-size:1.5rem;
    margin:8% 0 4%;
    padding:0 0 3%;
  }
  .editor_contents h4::after {height:2px;}  
  
  main.interview_single section h2 {
    font-size:1.5em;
    margin:0 0 4%;
    padding:0 0 3%;
  }
  main.interview_single section h2::after {height:2px;}
  .axis01 .view_box,.axis03 .view_box {display:block;}
  .axis01 figure {width:100%;}
  .axis01 .view_box .box {
    width:100%;
    padding:0;
  }
  .axis01 .box > div {
    max-width:100%;
    padding:8% 5%;
  }
  main.interview_single section .box > div p {line-height:1.8;}
  .axis01 section {
    padding:8% 0;
    margin:6% auto 0;
  }
  .axis01 section h3 {
    font-size:1.7rem;
    top:0;
  }
  .axis01 section > div {
    display:block;
    padding:60px 5% 5%;
    overflow:hidden;
  }
  .axis01 section > div dl {
    max-width:400px;
    font-size:1.3rem;
    margin:0 auto;
    overflow:hidden;
  }
  .axis01 section > div dl:nth-of-type(2) {margin:0 auto;}
  .axis01 section > div dl::after {
    width:2px;
    height:100%;
    left:80px;
    top:1em;
  }
  .axis01 section > div dl:nth-of-type(1) {padding:0 0 1.5em;}
  .axis01 section > div dl:nth-of-type(2) {padding:0 0 0.5em;}
  .axis01 section > div dl dt {margin:0 0 1.5em;}
  .axis01 section > div dl dt::after {top:0.1em;}
  .axis01 section > div dl dd {margin:0 0 1.5em;}
  .axis02,.axis04 {padding:8% 0;}
  .axis02 .box,.axis04 .box {display:block;}
  .axis02 .box h2 ,
  .axis04 .box h2 {
    width:auto;
    margin:0 0 3%;
  }
  .axis02 .box h2 + div ,
  .axis04 .box h2 + div {
    width:100%;
  }
  .axis03 figure {width:100%;}
  .axis03 .box {
    width:100%;
    padding:6% 5%;
  }
  .axis03 .box > div {
    max-width:100%;
    float:none;
  }
  .interview_single .pagenation {margin:10% auto;}
  .interview_single .pagenation .all_post {height:30px;}
  .interview_single .axis_other h2 {
    font-size:1.8rem;
    margin:0 auto 15px;
  }
  .interview_single .axis_other h2::after {
    height:15px;
    bottom:-15px;
  }
  .interview_single .axis_other .interview_list {width:90%;}
  .interview_single .axis_other .interview_list::before {
    content:"";
    height:80vw;
    max-height:80vw;
    top:10vw;
    bottom:auto;
  }
  .interview_single .axis_other .interview_list .slick-slide::after {content:none;}
  .interview_single .axis_other .interview_list .slick-arrow {
    width:10px;
    height:26px;
    top:35%;
  }
  
  
  
  
  
  
}
  
/* -----------------------------------------------------------
 static
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
  
  /** home **/
  
  .kv_home {
    height:auto;
    margin:0 0 7%;
    padding:0;
  }
  .kv_home > img.pc_cont {display:none;}
  .kv_home > img.sp_cont {
    display:block;
    width:100%;
    height:auto;
    opacity:0;
    transition:1s;
  }
  .kv_home.active > img.sp_cont {opacity:1;}
  .kv_home .add01,.kv_home .add02 {display:none;}
  .kv_home .add03 {
    width:40vw;
    height:30vw;
    top:65%;
    right:-12%;
    transition:1s 0.5s;
  }
  .kv_home .add04 {
    width:80vw;
    height:32vw;
    top:75%;
    right:-5%;
    transition:1s 0.5s;
  }
  .kv_home .scroll {display:none;}
  .head_banner figure img {
    display:block;
    margin:0 auto 5%;
  }
  .head_banner figure figcaption {
    display:block;
    font-size:1.2rem;
    text-align:center;
  }  
  .home .h2_en {
    font-size:1.3rem;
    margin:0 0 6%;
  }
  .home .h2_en span {
    font-size:4.5rem;
    margin:0 0 3%;
  }
  .home_news {margin:0 0 10%;}
  .home_news .home_newstitle {
    position:relative;
    width:100%;
    height:auto;
    margin:0 auto 8%;
    padding:0 0 10px;
    text-align:center;
  }
  .home_news .home_newstitle::after {
    position:absolute;
    display:block;
    content:"";
    width:70px;
    height:2px;
    background:#000000;
    margin:auto;
    left:0;
    bottom:0;
    right:0;
  }
  .home_news .home_newstitle h2 {
    display:inline-block;
    font-size:4rem;
    line-height:1.2;
    margin:0 20px;
    vertical-align:middle;
  }
  .home_news .home_newstitle .btn_common {
    display:inline-block;
    vertical-align:middle;
  }
  .home_news .news_list {
    width:100%;
    padding:0;
    border:none;
  }
  .home_news .news_list li {height:auto;}
  .home_news .news_list li p {line-height:1.4;}
  .home_dream::after {height:100vw;}
  .home_dream .box div {
    padding:0 4% 7%;
    min-height:auto;
  }
  .home_dream .box div p {
    font-size:1.2rem;
    line-height:2.3;
  }
  .home .home_dream {padding:0 0 10px;}
  .home .home_dream .h2_en span {font-size:4.5rem;}
  .home .home_dream .h2_en::before {
    width:517px;
    height:306px;
    left:-250px;
    top:-30px;
  }
  .home .home_dream .h2_en::after {
    width:257px;
    height:230px;
    left:150px;
    top:-100px;
  }
  .home_dream .home_slider {
    position:relative;
    width:92%;
    margin:0 auto;
  }
  .home_dream.fadein .home_slider .slick-arrow {
    width:20px;
    height:40px;
  }
  .home_dream .home_slider .slick-dots {bottom:-20px;}
  .home_dream .home_slider .slick-dots li {
    width:26px;
    height:4px;
  }
  .home_dream .home_slider .slick-dots li button {
    width:26px;
    height:4px;
  }
  .home_about {
    padding:10% 0 0;
    margin:0 auto 10%;
  }
  .home_about::after {
    height:200vw;
    top:calc(54vw + 15% + 105px);
    bottom:auto;
  }
  .home .home_about .h2_en::after {
    width:260px;
    height:150px;
    left:0;
    top:0;
  }
  .home_about .box div {
    min-height:auto;
    padding:0 4% 5%;
  }
  .home_about .box div p {
    font-size:1.2rem;
    line-height:1.6;
  }
  .home_about figure {
    position:relative;
    width:100%;
    margin:0 auto 5%;
  }

  .home_axis {margin:0 0 10%;}
  .title_axis div {
    position:static;
    width:100%;
    max-width:none;
    height:64vw;
    max-height:240px;
    background:url(../image/bg_axis_sp.jpg) no-repeat center / cover;
    box-shadow:none;
    padding:5% 0;
  }
  .title_axis div .title {font-size:1.4rem;}
  .title_axis div .title span {font-size:4.5rem;}
  .title_axis div .btn_common {margin:1em auto 0;}
  .title_axis figure img {
    width:100%;
    display:block;
  }
  .title_axis figure img.pc_cont {display:none;}
  .home .home_training .h2_en::after {
    width:250px;
    height:60px;
    top:10px;
  }
  .home_training h2 + p {
    font-size:1.2rem;
    margin:0 auto 7%;
  }
  .home_training .box .btn_common {margin:7% auto;}
  .home_banner {padding:8% 4% 8%;}
  .home_banner ul {margin:0 auto 6%;}
  .home_banner ul li {
    width:100%;
    margin:0 0 4%;
  }
  .home_banner ul li:nth-child(2) {margin:0 0 4%;}
  .home_banner ul li a img.pc_cont {display:none;}
  .home_banner ul li a img.sp_cont {display:block;}
  .home_banner ul li p {
    width:150px;
    height:50px;
    line-height:50px;
    font-size:1.4rem;
  }
  .home_banner ul li p::before,
  .home_banner ul li p::after {
    height:5px;
  }
  .home_banner .common_entry {margin:0 auto 15%;}
}
  
@media print {
  nav{display:none;}
  .sp_cont {display:none;}
  header{position:relative;}
  main{margin-top:0;}
  
  .fade {opacity:1!important;}
  .slick-arrow {display:none!important;}
  .slick-dots {display:none!important;}
  .faq dd {display:block!important;}
  .home_dream .home_slider::before,
  .home_about figure::before {display:none!important;}
  .pagetop,footer .career_nav {display:none;}
  .title_axis div .title {font-size:2vw;}
  .title_axis div .title span {font-size:2em;}
  
  @-moz-document url-prefix(){
    @page {
      size: A4;
      margin: 12.7mm 9.7mm;
    }
    body {
      width: 1000px;
    }
  }
  @supports (-ms-ime-align:auto){

    body {
      zoom: 1.8;
      width: 1000px;
    }
  }
  body {width: 1000px;zoom: 0.68;-webkit-print-color-adjust: exact;}

}

@media print and (-ms-high-contrast: none) {
  
  nav{display:none;}
  .sp_cont {display:none;}
  header{position:relative;}
  main{margin-top:0;}
  
  .fade {opacity:1!important;}
  .slick-arrow {display:none!important;}
  .slick-dots {display:none!important;}
  .faq dd {display:block!important;}
  .home_dream.fadein .home_slider::before,
  .home_about.fadein figure::before {display:none!important;}
  .pagetop,footer .career_nav {display:none;}
  .title_axis div .title {font-size:2vw;}
  .title_axis div .title span {font-size:2em;}
  
  
  
  
  @page {
    size: A4;
    margin: 12.7mm 9.7mm;
  }
  body {
    zoom: 1.8;
    width: 1200px;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
}