@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:1024px) {
  #main-mission, #acction, #base {
    padding-top: 35px;
    margin-top: -35px;
  }
  #graph{
    padding-top: 0px;
    margin-top: -35px; 
  }
  /*	header*/
  .headernav {
    z-index: 10;
    width: 100%;
    height: 55px;
  }
  .headernav.active {
	 height: 170px;
  }
  h1 {
    margin: 0 auto;
    height: 55px;
    width: 50vw;
  }
  h1 a {
    text-align: center;
    font-size: 1.65rem;
    line-height: 55px;
  }
  .head-li {
    font-size: 2vw;
    width: 100%;
    left: 0;
    top: 100px;
    height: 85px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    opacity: 0;
  }
  .head-li.active {
    left: 0;
    flex-wrap: wrap;
    background-color: #e0e0e0;
    opacity: 1;
  }
  .head-li.active li {
    display: block;
    width: 40vw;
    line-height: 2;
	font-size:1.3rem;
  }
  .contact {
    top: 0;
    right: 0;
    width: 70px;
    height: 55px;
    font-size: 1rem;
    line-height: 20px;
    padding-top: 15px;
    box-sizing: border-box;
  }
  .contact br, .contact .fa-angle-down {
    display: block;
  }
  .contact .fa-angle-right {
    display: none;
  }
  .contact i {
    padding: 0;
  }
  .menu-trigger, .menu-trigger span {
    position: absolute;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: absolute;
    top: 16px;
    left: 15px;
    width: 30px;
    height: 24px;
    z-index: 20;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active {
    height: 29px;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-14px) rotate(45deg);
  }
  .hero {
    padding-top: 55px;
  }
  .hero-slid {
    display: none;
  }
  .hero-slid_sp {
    display: block;
  }
  .slid-text {
    top: 27vw;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
  h2 {
    font-size: 2.4rem;
    margin-bottom: 12.2vw;
  }
  .hero-text {
    font-size: 1.6rem;
    margin-bottom: 18vw;
  }
  .scr {
    font-size: 1rem;
  }
  /*	/header*/
  /*	mission*/
  h3 {
    font-size: 2rem;
  }
  h3 span {
    font-size: 1.4rem;
  }
  .comp {
    width: 29.8vw;
    min-width:80%;
  }
  .ad {
    width: 34.5vw;
    min-width: 120%;
  }
  .tel {
    width: 24.5vw;
    min-width: 65%;
  }
  .mission-text {
    font-size: 1.4rem;
    text-align:left;
  }
  .main-mission {
    flex-direction: column-reverse;
  }
  h4 {
    font-size: 1.8rem;
  }
  .mission-process h4 + p {
    margin: 30px 8vw 60px;
    font-size: 1.3rem;
    line-height: 2;
	text-align:left;
  }
  .main-mission img {
    width: 100%;
  }
  .subtext {
    width: 100%;
	padding: 80px 8%;
  }
  .mission-process {
    /*margin-top: 100px;*/
	margin-top: 30px
  }
  .process {
    width: 45%;
  }
  .action {
    width: 16.5vw;
  }
  .action-title, .living-title {
    font-size: 1.6rem;
  }
  .action-text {
    font-size: 1.1rem;
    text-align: left;
  }
  .living-list {
    display: block;
	margin-top: 30px;
  }
  .living-contents {
    width: 100%;
    margin-top: 0px;
  }
  .living-title {
    width: 70vw;
  }
  /*	/mission*/
  /*acction*/
  .accbox label {
    font-size: 1.8rem;
    height: 70px;
    line-height: 50px;
    box-sizing: border-box;
  }
  .img-text {
    font-size: 1.4rem;
	line-height:1.6;
  }
  .img-title {
    font-size: 1.2rem;
  }
  .slick-prev, .slick-next {
    transform: scale(0.5);
    /*top: 13vw;*/
	top: 6vw;
  }
  /*/acction*/
  /*	graph*/
  .number-area {
    margin-top: 100px;
  }
  .graph1, .graph2 {
    left: 50%;
    transform: translateX(-50%);
  }
  .graph1 {
    width: 90vw;
    top: -70px;
  }
  .graph2 {
    width: 40.5vw;
    top: 32vw;
  }
  /*	/graph*/
  /*	outline*/
  .fx {
    display: block;
  }
  .fx > dt {
    font-size: 1.8rem;
    text-align: center;
    height: 70px;
    line-height: 70px;
    padding: 0;
  }
  .fx > dt, .dd {
    width: 100%;
    margin: 0 auto;
  }
  .fx > dt::after {
    top: 95%;
    right: 50%;
  }
  .dd {
    padding: 30px 20px;
    font-size: 1.3rem;
  }
  .dd .num{
	  position:relative;
	  padding-left:30px;
	  font-size: 1.3rem;
  }
  .dd .num:after{
	  position:absolute;
	  top:0;
	  left:0;
  }
  .infx {
    display: block;
  }
  .infx > dt {
    width: 100%;
  }
  /*	/outline*/
  /*	footer*/
  .footer-wrapper {
    padding-bottom: 0;
  }
  .pagetop {
    width: 60px;
    height: 58px;
    padding: 22px 10px 0;
    line-height: 13.2px;
    font-size: 1.2rem;
  }
  .pagetop::before {
    width: 100px;
    height: 100px;
  }
  .download {
    display: block;
    padding-top: 75px;
  }
  .download a, .download a:last-of-type {
    width: 70.3vw;
    margin: 5px auto 0;
    font-size: 1.2rem;
  }
  .footer-area {
    display: block;
  }
  .footer-li {
    display: none;
  }
  .footer-li li {
    width: 23vw;
  }
  .copy {
    text-align: center;
    padding: 0 0 20px;
  }
  .copy a {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  .copy a.tel {
    font-size: 1.3rem;
    line-height: 20.5px;
  }
  .copy p {
    font-size: 1.3rem;
    line-height: 20.5px;
  }
  /*	/footer*/
  
  /*追加*/
.number-area {
    width: 100%;
    height: 84.6vh;
    margin: 100px 0 10%;
}
.mission-living {
    margin: 30px 0 60px;
}
.accbox {
    margin: 50px 0 40px;
}
.acc-slid {
    width: 67vw;
    margin: 20px auto 0 auto;
}
.outline-area {
    margin: 55px 0 10%;
    padding: 0 4.6vw;
}
  
  
}