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



html, body {
	font-size: 16px;
	font-family: sans-serif;
	color: #000000;
  　max-width: 1200px;
  　margin-left: auto;
  　margin-right: auto;
}

body, div, p, h1, h2, h3, h4, ul, figure {
	margin: 0;
	padding: 0;
}

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

.container {
	margin: 0 auto 0 auto;
}
/*.wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}*/

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
    text-decoration:none; 
}

/*
HEADER
================================================ */
h1{
  margin-left: auto;
  margin-right: auto;
}

h2{
	padding-top: 30px;
}
.header{
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #ffffff; /* ヘッダーの背景色 */
  /*padding: 10px;  必要に応じて調整 */
  z-index: 1000; /* ヘッダーを最前面に表示 */
  margin: 0;
}


.logo{
  height: 80%;
  max-height: 70px; /* ヘッダーの最大高さに合わせる */
  width: auto;
  display: block;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  color: #000000;
}

.header-inner{
  display: flex;
  justify-content:space-around;
}

.hamburger {
	border: none;
	width: 50px;
	height: 50px;
	background: url(../images/recruit/hamburger.png) no-repeat;
	background-size: contain;
   margin-left: 20px;
}

header .wrapper {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.30);
    margin-top: 0px;
    z-index: 245;
}

/* ヘッダー部 */

/* ナビゲーション */
.nav-container {
  width: 1200px;
  margin: 0 auto; /* 中央揃え */
}

.navbar {
	display: none;
    margin: 0;
    padding: 0 ;
	list-style-type: none;
	background: #ffffff;
}
.navbar li a {
	display: block;
	padding: 30px 20px;
	color: #000000;
	text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.navbar li:first-child a {
  padding-left: 0;
}

.navbar li:last-child a {
  padding-right: 0;
}

.navbar li a:hover {
	background: #fff;
	color: #565656;
}


@media only screen and (min-width: 768px) {
	section .container {
		flex-flow: row;
	}
	main {
		flex: 1 1 auto;
	}
	.sidebar {
		flex: 0 0 340px;
	}

	/* ナビゲーション */
	.hamburger {
		display: none;
	}
	.navbar {
	display: flex !important;
    justify-content: space-between; 
	}
}


@media only screen and (max-width: 767px) {
	section .container {
		flex-flow: column;
	}
	.navbar li:first-child a {
	width: 200px;
	padding-bottom: 10px;
	} 
}


/*
HEADER
================================================ */


/*
HOME
================================================ */

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

.sp{display: block !important;}
}

@media screen and (min-width: 768px) {
.pc{display: block !important;}

.sp{display: none !important;}
}

@media screen and (min-width: 599px) {
.slider:hover{
  filter: opacity(60%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
}

/*キービジュアル*/


/*.home-keyvisual {
  animation-name: fadeInAnime;
  animation-fill-mode: backwards;
  animation-duration: 6s;
  animation-timing-function: ease;
}*/

.home-keyvisual {
  position: relative;
  width: 100%;
  max-width: 2600px;
  aspect-ratio: 3000 / 1300;  /*比率で高さを確保 */
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

@media screen and (max-width: 599px) {
 .home-keyvisual {
  position: relative;
  width: 100%;
  max-width: 2600px;
  aspect-ratio: 660 / 783;  /*比率で高さを確保 */
  margin: auto;
  overflow: hidden;
 }
}

/*ワークスタイルのページ*/
.home-keyvisual_work {
  position: relative;
  width: 100%;
  max-width: 2600px;
  aspect-ratio: 3000 / 1000;  /*比率で高さを確保 */
  margin-top: 0%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

@media screen and (max-width: 599px) {
 .home-keyvisual_work {
  position: relative;
  width: 100%;
  max-width: 2600px;
  aspect-ratio: 660 / 396;  /*比率で高さを確保 */
  margin: auto;
  overflow: hidden;
 }
}

.employee_benefits{
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap:8px;
  line-height: 1.8rem;
}
.circle{
  align-items: center;
  background: #020233;	
  border-radius: 50%;
  flex: none;
  flex-direction: column; 
  height: 6px;
  justify-content: center;
  margin: 8px 10px 0px 0px;
  width: 6px;
  max-width: 100%;
}

/*ワークスタイルのページ*/

@keyframes fadeSlide {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  40%  { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 0; }
}
/*@keyframes fadeInAnime{
  0%{
    opacity: 0;
  }
  
  100%{
  opacity: 1;
}
}*/

.fade-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: fadeSlide 10s infinite;
}

.fade-img.first {
  animation-delay: 0s;
}

.fade-img.second {
  animation-delay: 5s;
}

/* 初期状態：PC表示 */
.pc {
  display: block;
}
.sp {
  display: none;
}

.boss-keyvisual {
  animation-name: fadeInAnime;
  animation-fill-mode: backwards;
  animation-duration: 3s;
  animation-timing-function: ease;
  margin-top: 100px;
}

.boss-keyvisual img{
	margin-top: 50px;
}

@media screen and (max-width: 600px) {
.boss-keyvisual {
  animation-name: fadeInAnime;
  animation-fill-mode: backwards;
  animation-duration: 3s;
  animation-timing-function: ease;
  margin-top: 60px;
}

.boss-keyvisual img{
	margin-top: 30px;
}
}

@keyframes fadeInAnime{
  0%{
    opacity: 0;
  }
  
  100%{
  opacity: 1;
}
}



/*キービジュアル*/

h2{
  text-align: left;
  font-size: 80px;
}

#news_box{
	max-width: 100%;
	background-color: #000000;
	scroll-margin-top: 100px; /* スクロール後の余白 */
}


@media screen and (max-width: 600px) {
	h2, h3, h4{
		margin-left: 5%;
		margin-right: 5%;
	}
	.top-news{
	max-width: 900px;
    margin-left: auto;
    margin-right: auto;
	}
	
	#news{
	margin-left: 5%;
	margin-right: 5%;
	}
	
	dl {
	color:#ffffff;
	list-style: none;
	}
	
	.news_line{
	float: left;
	margin-left: 0px;
    max-width: 600px;
	}

	.sub_title, .sub_title_w, .massege_text, .en, .top_message, .job{
	margin-left: 5%;
	margin-right: 5%;
    }
}

#recruit_message, #top_message, #interview_box, #message, #about_yukizaki, #Application{
scroll-margin-top: 100px; /* スクロール後の余白 */	
}

#recruit_message, #top_message, #message, #about_yukizaki{
max-width: 100%;
}


.top_message{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: Medium 500;
  font-style: normal;
}

@media screen and (max-width: 599px) {
	.top_message{
		font-size: 44px;
		line-height: 2.8rem;
	}
}




.sub_title{
  text-align: left;
  font-size: 24px;
  color: #130f6d;	
}
.sub_title_w{
text-align: left;
  font-size: 24px;
  color: #ffffff;	
}

.dl-wapper:hover{
  filter: opacity(60%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}




.news{
 color: #ffffff;
}

.entry_box{
max-width: 1200px;	
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}

.info{
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: Medium 500;
font-style: normal;
}

@media screen and (max-width: 768px) {
.info{
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: Medium 500;
font-style: normal;
font-size: 44px;
	}
}

.entry {
display:flex;
justify-content: space-around;
padding-top: 60px;
}

@media screen and (max-width: 599px) {
.entry {
	flex-direction: column;
	}
}

.message_box{
	background: #F6F8FF;
	width: 100%;
}

.top-news, .entry, .message, #interview_box  {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-bottom: 80px;
}

@media screen and (max-width: 600px) {
.top-news, .entry, .message, #interview_box  {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-bottom: 50px;
}
}

.work_style{
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-bottom: 30px;
}

.top_message, .sub_title, .boss_message{
  max-width: 1200px;
}



.smoll_entry{
	font-size: 44px;
	font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: Medium 500;
    font-style: normal;
    margin-top: 30px;
}




.brand_button_02{
flex-basis: 30%;
display: flex;
align-items: center;  /* 縦方向の中央揃え */
justify-content: center;  /* 横方向の中央揃え */
font-size: 20px;
font-family:"Yu Gothic bold,Hiragino Sans"," Meiryo", "sans-serif"" YuGothic", ;
padding: 20px 50px;
text-align: center;
text-decoration: none;
box-shadow: 0 0 10px #ccc;
color: #000000 ;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
position: relative;
background: radial-gradient(#130f6d,#000000);
color: #ffffff ;
}

.brand_button_02:hover{
  filter: brightness(1.6);
  transition-delay: .2s;
  animation-name: fadeInAnime;
  color: #ffffff ;
}

@media screen and (max-width: 599px) {
	.brand_button_02{
		width: 70%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}	
}

.brand_button{
flex-basis: 30%;
display: flex;
align-items: center;  /* 縦方向の中央揃え */
justify-content: center;  /* 横方向の中央揃え */
font-size: 20px;
font-family:"Yu Gothic bold,Hiragino Sans"," Meiryo", "sans-serif"" YuGothic", ;
margin-left: auto;
margin-right: auto;
padding: 20px 0px;
text-align: center;
text-decoration: none;
box-shadow: 0 0 10px #ccc;
color: #000000 ;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
position: relative;
background: radial-gradient(#130f6d,#000000);
color: #ffffff ;
 width: 70%;
}
.brand_button:hover{
  filter: brightness(1.6);
  transition-delay: .2s;
  animation-name: fadeInAnime;
  color: #ffffff ;
}

@media screen and (max-width: 599px) {
  .brand_button{
    width: 70%;
	margin-left: auto;
	margin-right: auto;
  }
.massege_text{
	/*padding-left: 2%;
	padding-right: 2%;*/
}
}



.brand_button_list{
flex-basis: 30%;
display: flex;
align-items: center;  /* 縦方向の中央揃え */
justify-content: center;  /* 横方向の中央揃え */
font-size: 20px;
font-family:"Yu Gothic bold,Hiragino Sans"," Meiryo", "sans-serif"" YuGothic", ;
margin-left: auto;
margin-right: auto;
padding: 20px 0px;
text-align: center;
text-decoration: none;
box-shadow: 0 0 10px #ccc;
color: #000000 ;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
position: relative;
background: radial-gradient(#130f6d,#000000);
color: #ffffff ;
 width: 30%;
}
.brand_button_list:hover{
  filter: brightness(1.6);
  transition-delay: .2s;
  animation-name: fadeInAnime;
  color: #ffffff ;
}

@media screen and (max-width: 599px) {
  .brand_button_list{
    width: 70%;
	margin-left: auto;
	margin-right: auto;
  }
}





.massege_text{
	padding-top: 2%;
}



.top_notch{
	font-size: 28px;
	padding-top: 1.5%;
    padding-bottom: 1.5%;
}


@media (max-width: 768px) {
.top_notch{
	font-size: 24px;
	text-align: center;
	padding-top: 10%;
    padding-bottom: 10%;
}
}

@media (min-width: 769px) {
.boss_box{
display:flex;
justify-content: space-around; /* 横方向での均等配置 */
align-items: flex-start;       /* 縦方向の中央配置 */
}

.benefits_detail{
width: 50%;	
}
}

@media (min-width: 601px) {
.boss_content.left{
	display: flex;
	align-items: center;
	margin-top: 160px;
}
}

@media (max-width: 600px) {
	.boss_content.right{
		margin-top: 50px;
		
	}
}

@media (max-width: 768px) {       /* 画面幅が768px以下の時に適用 */
  .boss_box {
    flex-direction: column;      /* 縦方向に並べる */
	width: 100%;
  }
.boss_content{
width: 100%;
}
.boss_content.right{
order: -1; /* 右コンテンツを上に */
	}

}

@media (min-width: 769px) { 
.boss_content{
width: 50%;
}
}

.history_box{
display:flex;
justify-content: space-around; /* 横方向での均等配置 */
align-items: center;       /* 縦方向の中央配置 */
}

@media (max-width: 768px) {       /* 画面幅が768px以下の時に適用 */
  .history_box {
    flex-direction: column;      /* 縦方向に並べる */
	width: 100%;
  }
.history_content{
width: 100%;
}
	}



@media (min-width: 769px) { 
.history_content{
width: 50%;
}
}



.boss_text{
font-size: 24px;
text-align: center;
padding-top: 20%;
padding-bottom: 20%;
}

@media(max-width: 600px) {
.boss_text{
font-size: 24px;
text-align: center;
padding-top: 10%;
padding-bottom: 10%;
}
}


.person{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2%;
  padding-bottom: 2%;
  display: flex;
  flex-direction:row;
}



@media(max-width: 768px) {
.person{
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 4%;
  display: flex;
  flex-direction:column;
	}
}

.pc-block { display: block; }
.sp-block { display: none; }

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

.person_name{
	color:#000000;
    font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 18px;
}

.boss_name{
	color:#000000;
    font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 22px;
}

.work_name{
	color:#000000;
    font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 22px;
	margin-top: -20px;
}

.en, .job{
	color:#8e8e8e;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 14px;
}



@media screen and (max-width: 600px) {
.en, .job{
	color:#8e8e8e;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 14px;
	line-height:  1.2;
}
	
.job{
	padding-bottom: 8%;
}
	
}

#work_box{
 background: linear-gradient(#130f6d,#000000);
 scroll-margin-top: 100px; /* スクロール後の余白 */		
}



	
.info{
 color: #ffffff;
}

.work_inner{
 display: flex;
 flex-direction:row;
 margin-left: auto;
 margin-right: auto;
 justify-content: space-between;
 width: 100%;

}

.work_01{
 display: flex;
 flex-direction:row;	
 width: 50%;
 margin-left: 2%;
 margin-right: 2%;
 justify-content: space-around;
}

@media(max-width: 768px) {
.work_01{
 width: 85%;
 margin-left: auto;
 margin-right: auto;
 justify-content: center;
 gap: 5%;
	}
}



@media(max-width: 768px) {
.work_inner{
 display: flex;
 flex-direction:column;
width: 100%;
	}
}

.benefits{
 background-color: #000000;
 margin-top: 50px;
 margin-left: auto;
 margin-right: auto;
 padding: 80px 50px;
 color:#ffffff;
 width: 100%;
}

@media(max-width: 768px) {
.benefits{
 /*background-color: #000000;*/
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
 /*padding: 80px 60px;*/
 color:#ffffff;
  /*width: calc(96% - 7.5px); */
}
	
	
@media (min-width: 601px) {
.benefits.left{
	display: flex;
	align-items: center;
	margin-top: -80px;
}
}
	
.benefits_text{
 white-space: nowrap;
  overflow: hidden;
	}
}

.benefits_text{
color: #ffffff;
list-style: none;
font-size: 18px;
}

.benefits:hover{
  opacity: 0.7;
}

.evaluation_image{
margin-top: 40px;
margin-bottom: 20px;
}
/*@media(max-width: 768px) {
.benefits{
 background-color: #000000;
 margin-top: 50px;
 padding: 50px 10px;
 color: #ffffff;
 font-size: 20px;
 font-weight: bold;
}
}*/

.boss_evaluation_01{
margin-top: 40px;
margin-right: 20px;
margin-bottom: 20px;
}

.boss_evaluation_02{
margin-top: 40px;
margin-left: 20px;
margin-bottom: 20px;
}

.dl-wapper {
    margin-top: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
}

dl, dt, dd, ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dl-wapper dt {
    float: left;
    width: 100px;
    font-weight: bold;
    color: #959aa7;
    padding-top: 8px;
    padding-bottom: 8px;
	padding-left: 0px;
}

dt{
  float: left;
  margin-left: 0px;
}
.dl-wapper dd {
    line-height: 1.8;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 8px;
    border-top: 1px solid #D8D8D8;
    /*padding-left: 120px;*/
    padding-right: 8px;
}





.brand_name{
  text-align: center;
  padding-top: 5px;
}



.gallery{
   margin-top: 40px;
   padding-left: 2%;
   padding-right: 2%;
}


.brand_gallery {
    max-width: 1200px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}


@media screen and (min-width: 599px) {
.brand_gallery:hover{
  filter: opacity(60%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
}






.entr{
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.floor img {
  width: 100%;
}

.entr:hover{
  filter: opacity(60%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

@media screen and (min-width: 768px) {
.map{
  display: flex;
  flex: 1 1 auto;
  max-width: 1180px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
}
}

@media screen and (max-width:600px){
.map{
width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
}
}



article {
    display: block;
}
.midashi{
  color: #000000;
}





    tr:nth-child(even) th {
        background: #fff;
    }

   td{
       font-weight:bold;
}
    th{
      font-weight: normal;
}
    th,
    td {
        padding: 0.5rem;
        display: table-cell;
        width: 50px;
        color: #5b6064;
    }
    th {
        width: 20%;
        vertical-align: middle;
    }
    td {
     
    }

/*社長ページ*/
.boss_title_massege{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.boss_massege{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
}

.boss_title{
	text-align: center;
	font-size: 28px;
	color:#000000;
	padding-top: 50px;
}

@media (max-width: 600px) {
	
.evaluation_list{
	padding-left: 40px;
	padding-right: 40px;
	}
	
.boss_title{
	text-align: center;
	font-size: 20px;
	color:#000000;
	padding-top: 30px;
	margin: 0;
}
	
.boss_massege{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
	
.benefits_list_02{
	padding-left: 40px;
	padding-right: 40px;
}
}

.benefits_list{
	padding-left: 40px;
	padding-right: 40px;
}


@media(min-width: 769px) { 
.benefits_title
{
	text-align: left;
	font-size: 30px;
	color:#000000;
	padding-top: 50px;
}
}

@media(max-width: 768px) { 
.benefits_title
{
	text-align: left;
	font-size: 30px;
	color:#000000;
	padding-top: 20px;
}
}


.boss_article{
	text-align: left;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	/*padding-bottom: 80px;*/
	line-height: 1.7rem;
}

@media (max-width: 768px) {       /* 画面幅が768px以下の時に適用 */
  	
.benefits.right{
order: -1; /* 右コンテンツを上に */
	}
}

.benefits.right{
 background: #F6F8FF;
 color: #000000;
}

.benefits.left{
 background: #F6F8FF;
color: #000000;
}


/*ワークスタイル　スライダー*/
/* 初期状態ではPCのみ表示 */
.slider.sp {
  display: none;
}

/* スマホではSP用を表示 */
@media screen and (max-width: 768px) {
  .slider.pc {
    display: none;
  }
  .slider.sp {
    display: block;
  }
}
.slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: auto;
}

.slider {
  position: relative;
}

/*
.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  justify-content: center;
}
*/
.slide {
  min-width: 100%;
  height: 100%;
  display: none;
　position: absolute;
  top: 0;
  left: 0;
  transition: opacity 1s ease;

}

.slide.active {
  display: block;
  margin-left: auto;
  margin-right: auto;
　position: relative;
 
}

button.prev, button.next {
  position: absolute;
  top: 90%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
 button.prev, button.next {
  position: absolute;
  top: 94%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
  font-size: 18px;
}
}

button.prev { left: 42%; }
button.next { right: 42%; }

/*ワークスタイル　スライダー*/



footer{
  background: linear-gradient(#130f6d,#000000);
  box-shadow: 0px -5px 5px -5px rgba(0,0,0,0.30);
  padding-top: 60px;
  padding-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

/*社員インタビュー詳細ページ*/
.person_title{
	text-align: center;
	line-height: 2.5;
    font-size: 18px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	color:#000000;
	padding-top: 50px;
	padding-bottom: 50px;
  
}

@media (min-width: 769px) { 
.person_text{
font-size: 28px;
text-align: left;
padding-top: 20%;
padding-left: 5%;
}
}

.person_text_inoue{
font-size: 28px;
text-align: left;
padding-top: 8%;
padding-left: 5%;
}


@media (max-width: 768px) { 
.person_text{
font-size: 28px;
text-align: left;
}
	
.person_text_inoue{
font-size: 28px;
text-align: left;
padding-top: 0%;
padding-left: 5%;
}
}

@media (min-width: 769px) {
.person_box{
  /*margin-left: 2%;
  margin-right: 2%;*/
  display: flex;
  flex-direction:row;
  margin-bottom: 2%;
}
}

.person_box_02{
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
  flex-direction:row;
}

@media (max-width: 768px) {       /* 画面幅が768px以下の時に適用 */
.person_box_02 {
	margin-top: 40px;
    flex-direction: column;      /* 縦方向に並べる */
	width: 100%;
  }
.person_content{
width: 100%;
/*margin-top: 80px;*/
}
.person_content02.left{/* 左コンテンツを下に */
	order: 2;
	margin-top: 40px;
	}
.person_content02.right{
order: 1; /* 右コンテンツを上に */
	}

}

@media (min-width: 769px) {
	.left_y{
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 40px;
	width: 70%;
	}
	.right_y .left_s{
	margin-left: 50px;
	margin-right: 50px;	
	}
	.left_h{
	margin-left: 20px;
	margin-right: 20px;	
	width: 80%;
	}
	}


@media (min-width: 769px) { 
.person_box_02 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
.person_content{
margin-top: 80px;
width: 50%;
}
}


@media (max-width: 768px) {       /* 画面幅が768px以下の時に適用 */
  .person_box {
	display: flex;
    flex-direction: row;      /* 縦方向に並べる */
	width: 90%;
	margin-left: auto;
	margin-right: auto;
  }
 .person_box li{
	width: 100%;
	}
	
.person_content{
width: 100%;
margin-top: 40px;
}
	
.boss_content.right{
order: -1; /* 右コンテンツを上に */
	}

}
/* TOPページ分 */
@media (min-width: 769px) { 
.person_box {
	max-width: 1200px;
	margin-left: 2%;
	margin-right: 2%;
	}
.person_content{
margin-top: 80px;
width: 50%;
}
}

@media screen and (min-width:769px){
.footer-nav{
  color: #3E3D3D;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between !important; /* 均等に配置 */
  font-size: 14px;
  line-height: 1.7rem;
}
}

@media screen and (max-width:600px){
	.footer-nav{
		display: flex;
		flex-direction: column;
		margin-left: 5%;
		align-content: space-between;
		justify-content: space-around;
	}
	.footer-nav li{
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    color: #fff;
    list-style-type: none;
	max-width:  500px;
	}
}

.f_p{
 margin-left: 2px;
　color: #fff !important;
}

@media screen and (min-width:769px){
.footer-nav li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  color: #fff;
  list-style-type: none;
  width: 142px;
  margin: 0;
  text-align: center;
}

}

.footer-nav a:hover{
 color: #657188; 
}


.insta img{
  width: 30px;
}
.insta p{
  font-size: 12px;
}