@charset "utf-8";
@media screen and (max-width: 750px) {
	
	
  /*=============================
　　　　title
===============================*/
  .headline_box {
    margin-bottom: 6.0vw;
  }
	
  /*=============================
　　　　mainvisual
===============================*/
  #mainvisual {
    height: 80vh;
  }
  #mainvisual .catchcopy {
    left: 50%;
		transform: translate(-50% , -50%)
  }
  #mainvisual .catchcopy p {
    font-size: 6.8vw;
    padding: 0 0 2.7vw 0;
    letter-spacing: 0.64vw;
  }
  #mainvisual .catchcopy h2 {
    font-size: 4.7vw;
    letter-spacing: 1.0vw;
		white-space: nowrap;
  }
	
  /*=============================
　　　　philosophy
===============================*/
  #philosophy::before {
    display: none;
  }
  #philosophy .wrap {
    padding: 13.3vw 10.6vw;
    width: 100%;
  }
  #philosophy .wrap h2 {
    font-size: 5.4vw;
    letter-spacing: 0.7vw;
    padding: 0 0 6.7vw 0;
    margin: 0 0 6.7vw 0;
  }
  #philosophy .wrap h2::before {
    font-size: 8.4vw;
    left: -4.0vw;
    top: -5.3vw;
  }
  #philosophy .wrap h2::after {
    width: 35.9vw;
    height: 1.3vw;
  }
  #philosophy .wrap h2 span {
    font-size: 6.8vw;
  }
  #philosophy .wrap p {
    font-size: 4.2vw;
    letter-spacing: 0.16vw;
    line-height: 2.2;
    width: 100%;
    padding: 0 0 8.0vw 0;
  }
  #philosophy .wrap p:nth-child(2) {
    padding: 0 0 5.3vw 0;
		line-height: 2.0;
  }
  #philosophy .wrap p span {
    font-size: 4.5vw;
  }
	
  /*=============================
　　　　service
===============================*/
  #service {
    /*padding: 0 10.6vw;*/
  }
  #service .wrap {
    width: 100%;
    padding: 8.0vw 10.6vw 18.6vw;
  }
  #service .wrap .headline_box {
    padding: 0 0 6.7vw 0;
		margin: 0 0 6.7vw 0;
  }
  #service .wrap .headline_box::after {
    width: 12vw;
    height: 1.3vw;
  }
  #service .wrap .headline_box p {
    font-size: 8.8vw;
    padding: 0 0 1.6vw 0;
  }
  #service .wrap .sub_text {
		font-size: 4.0vw;
		line-height: 1.6;
    letter-spacing: 0.19vw;
    padding: 0 0 8.0vw 0;
  }
  #service .wrap .fbox_wrap {
    flex-direction: column;
  }
  #service .wrap .fbox_wrap li {
    margin: 0 auto 5.3vw;
    width: 100%;
  }
	#service .wrap .fbox_wrap li a{
    padding: 1.3vw 1.3vw 4.2vw;
    width: 100%;
  }
  #service .wrap .fbox_wrap li:last-child {
    margin: 0 auto;
  }
  #service .wrap .fbox_wrap li a h3 {
    font-size: 3.7vw;
    padding: 4.0vw 0 0 2.0vw;
  }
  #service .wrap .fbox_wrap li a h3 .large {
    font-size: 6.7vw;
    padding: 0 0 1.3vw 0;
  }
  #service .wrap .fbox_wrap li a img {
    width: 100%;
    height: auto;
  }
	
  /*=============================
　　　 recruit
===============================*/
  #recruit {
    padding: 0 10.6vw;
  }
  #recruit::before {
    display: none;
  }
  #recruit .wrap {
    width: 100%;
    padding: 0 0 16.0vw 0;
    box-sizing: border-box;
  }
  #recruit .wrap .wrap_inner {
    transform: none;
  }
  #recruit .wrap .wrap_inner .headline_box {
    padding: 0 0 8.0vw 0;
		margin: 0 0 10.6vw 0;
  }
  #recruit .wrap .wrap_inner .headline_box::after {
    width: 6.7vw;
    height: 1.3vw;
  }
  #recruit .wrap .wrap_inner .headline_box p {
    font-size: 8.8vw;
    letter-spacing: 0.29vw;
    padding: 0 0 1.0vw 0;
  }
  #recruit .wrap .wrap_inner .text_box h3 {
    font-size: 5.5vw;
    letter-spacing: 0.48vw;
    padding: 0 0 6.7vw 0;
  }
  #recruit .wrap .wrap_inner .text_box p {
    width: 100%;
    font-size: 4.2vw;
    line-height: 2.0;
    letter-spacing: 0.24vw;
    padding: 0 0 8.0vw 0;
  }
	
  /*=============================
　　　 company
===============================*/
  #company {
    padding: 8.0vw 10.6vw 12.0vw;
  }
  #company .wrap {
    width: 100%;
    padding: 0 5.3vw 9.3vw;
  }
  #company .wrap .headline_box {
    padding: 0 8.0vw 6.7vw;
    margin: -2.7vw 0 6.7vw;
  }
  #company .wrap .headline_box::after {
    width: 12vw;
    height: 1.3vw;
  }
  #company .wrap .headline_box p {
    width: auto;
    font-size: 7.7vw;
    padding: 0 0 1.6vw 0;
  }
  #company .wrap .fbox_wrap {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #company .wrap .fbox_wrap .company_left {
    text-align: center;
    padding: 4.7vw 0 10.6vw 0;
  }
  #company .wrap .fbox_wrap .company_left img {
    width: 80%;
    height: auto;
  }
  #company .wrap .fbox_wrap .company_right h3 {
    font-size: 5.1vw;
    letter-spacing: 0.16vw;
    padding: 0 0 3.0vw 0;
  }
  #company .wrap .fbox_wrap .company_right p {
    font-size: 3.7vw;
    letter-spacing: 0.2vw;
    padding: 0 0 6.7vw 0;
  }
  #company .wrap .fbox_wrap .company_right p .post_code {
    display: inline-block;
    padding: 0 0 2.0vw 0;
  }
  #company .wrap .fbox_wrap .company_right .fbox_wrap_btn {
    flex-direction: column;
    gap: 20px;
  }
	
}