@charset "UTF-8";  
.spOnly {
		display: none;
	}
  .pcOnly {
		display: block;
	}
body{
  box-sizing: border-box;
  width: 100%;
  overflow-x: auto;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'MS Pゴシック', 'MS PGothic', sans-serif;
  color: #444444;
  line-height: 1.8;
}
body img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode:bicubic;
}
body a:link,
body a:visited {
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
body a:hover {
  opacity: 0.7;
}
header{
  width: 100%;
  min-width: 1240px;
  padding: 25px 0;
    background-color: #444444;
  position: sticky; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */

}

.header_innner{
width: 1240px;
padding: 0 20px;
    font-size: 20px;
    display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  text-align: center;
}
header ul{
  width: 844px;
    display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header li{
  font-family: Futura, 'Century Gothic';
  width: 112px;
  margin: 0 auto;
  text-align: center;
    color: #fff;
}
header li a{

    color: #fff;
}
header .header_nav_active a{
  color: #757575;
}
.logo{

    color: #fff;
    font-family: '游明朝','Yu Mincho',Yu Mincho,'Hiragino Mincho Pro',serif;
}
main {
  width: 100%;
min-width: 1240px;


}
.top {
    min-height: 100vh;
    background-image: url("../images/main_2.jpg");
    background-size: cover;
}
.top h1 {
  
  padding: 80px 0 0 60px;
  
}
.main {
  width: 1240px;
  padding: 116px 20px 112px;
  margin: 0 auto;
  text-align: center;
font-size: 50px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main p {
  font-family: '游明朝','Yu Mincho',Yu Mincho,'Hiragino Mincho Pro',serif;
  text-align: left;
font-weight:bold; 
}
.message {
  width: 100%;
min-width: 1240px;
  background-color: #444444;
  padding: 90px 0 40px;
}
.message_innner {
  background-color: #ffffff;
  padding: 70px 0 60px;
  
}
.message_2col {
  width: 1240px;
  padding: 0 0 0 20px;
  margin: 0 auto;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.message_txt {
  width: 730px;
  margin: 0 auto;
text-align: left;
}

.message_innner .name{
  margin: 0;
}


h4, h2 {
  font-family: Futura, 'Century Gothic';
  font-weight:bold; 
  font-size: 58px;
}
h5, h3 {
margin: 0 0 65px;
  font-size: 16px;
}

.message_txt p {
  font-size: 18px;
  margin: 0 0 38px;
}
.message_txt .message_txt_bold {
  font-size: 22px;
  font-weight:bold;
}
.name{
  text-align: right;
  padding-right: 25px;
}

.service {
  width: 100%;
min-width: 1240px;
  background-color: #444444;
  padding: 60px 0 100px;

}
.service_innner {
  width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
    text-align: center;
}
.service p {
  line-height: 2.5;
  color: #eaeaea;
  font-family: Futura, 'Century Gothic';
}
.service h2, .service h3 {
  color: #fff;
}
 .service h3 {

margin: 0 0 100px;
}
.service .service_jp {
margin: 50px 0 100px;

}
.btn a {
display: inline-block;
    color: #2b2b2b;
    background: url(../images/yajirushi_grey_pc.png) no-repeat center right 27px #fff;
    padding: 20px 88px 24px 89px;
font-size: 30px;
line-height: 1.8;
  font-weight:bold; 
  font-family: Futura, 'Century Gothic';
}

.about, .recruit_innner {
  width: 1240px;
  padding: 150px 20px;
  margin: 0 auto;
  
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.about_txt, .recruit_txtarea {
  width: 600px;
  padding: 0 0 0 55px;
}

.btn_gray a {
  color: #fff;
  background: url(../images/yajirushi_white_pc.png) no-repeat center right 27px #444;
}

.recruit {
  width: 100%;
min-width: 1240px;
  background-color: #2b2b2b;
}
.recruit_innner {
  padding: 0px 20px;
 
}
.recruit_txtarea {
  color: #fff;
}
.recruit_txt {
  margin: 0 0 65px 0;
}

.contact {
  width: 1240px;
  padding: 190px 160px;
  margin: 0 auto;
  text-align: center;
  
}
.btn_contact a {
display: inline-block;
    color: #fff;
    background: #444444;
    padding: 70px 210px 70px;
font-size: 58px;
line-height: 0.8;
  font-weight:bold; 
  font-family: Futura, 'Century Gothic';
}
.btn_contact a span {
font-size: 16px; 
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'MS Pゴシック', 'MS PGothic', sans-serif;
}

footer {
  width: 100%;
  min-width: 1240px;
  padding: 62px 0 64px;
    background-color: #eaeaea;
}

.footer_innner{
width: 1240px;
padding: 0 140px;
text-align: right;
margin: 0 auto;
}
footer .footer_innner ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;

}

footer .footer_innner ul li {
  font-size: 14px;
  color: #000;
margin-right: 20px;
}

/*====================================
  699px～ For SP
=======================================*/
@media screen and (max-width: 599px)  {

  
   .spOnly {
		display: block;
	}
  .pcOnly {
		display: none;
	}
  .header_innner, header ul, .main, .message_2col, .message_2col, .message_txt, .service_innner, .about, .recruit_innner, .about_txt, .recruit_txtarea, .contact, .footer_innner {

		width: 100%;
		margin: 0 auto;
	}
  
  header, main, .message, .service, .recruit, footer {
		min-width: 100%;
	}
  .top h1 {
    padding: 25px 0 0 25px;

}
  .top h1 img{
	width: 60%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode:bicubic;
}
  .top {
    background-image: url("../images/main_2_sp.jpg");
background-size: 100%;
    background-repeat:no-repeat;
    min-height: 68vh;
}
  .main {

  padding: 33px 0px 94px;
  margin: 0 auto;
  text-align: center;
font-size: 37px;
  -webkit-flex-direction: column;
		flex-direction: column;
}
  .main p {
margin: 110px auto 0;
  text-align: left;
font-weight:bold; 
}
  
  h4, h2 {
  font-size: 36px;
}
  .message_innner {
  padding: 70px 20px 60px;
}

  .message_2col {

  padding: 0;

}
  .message_txt p {
  font-size: 16px;
  margin: 0 0 38px;
}
.message_txt .message_txt_bold {
  font-size: 22px;
  font-weight:bold;
}
.name{
  text-align: right;
  padding-right: 25px;
}
  
  .message {

    padding: 90px 0 20px;
}

  .service {

    padding: 55px 0 72px;
}
  .service h3 {
    margin: 0 0 75px;
}
  .service p {
    line-height: 1.8;

}
  .about img {
    padding: 0px 50px;

}
    .about {
    padding: 125px 0px;

}
  .about_txt, .recruit_txtarea {
    padding: 65px 20px 0;
    margin: 0 auto;
  text-align: center;
}
  h5, h3 {
    margin: 0 0 75px;
}
  .recruit_innner {
    padding: 0px 0px 50px;
}
  
  
  
  
  .contact {

    padding: 90px 0px 115px;

}

  .btn_contact a {
font-size: 40px;
    padding: 0;


    vertical-align: middle;
    margin: auto;
     max-width: 375px;
    width: 90%;
    max-height: 144px;
height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
      background: #444444;
line-height: 1.3;
  text-align: center;
}
  .footer_innner{

padding: 0 20px;
text-align: left;

}
  footer {
    padding: 51px 0 22px;
}
  footer .footer_innner ul {
  -webkit-flex-direction: column;
		flex-direction: column;
justify-content: flex-start;
}
  footer .footer_innner ul li {
  margin-bottom: 15px;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}