@charset "utf-8";
 /* ================================================ CSS Information
 File Name:      page-home.css
 Author:         Akira Honda
 Last updated:   2015/10/24
 Style Info:     トップページの定義
 Root ID:        #home
 Notes:          
================================================================ */
#siteBody {
	margin-bottom: 0;
}
/* スライダー */
.main-image {
	width: 100%;
}
.main-image img {
	width: 100%;
}
.wrapper .content .midashi {
  font-size: 16px;
  font-weight: bold;
  /* padding: 5% 0 3%; */  /*バナーなしの場合 */
  padding: 0 0 3%;
  border-bottom: 1px solid #000000;
}
.wrapper .content .mizuki-box01 {
  padding-bottom: 5%;
  border-bottom: 1px solid #000000;
  display: table;
}
.bar {
  height: 1px;
  background-color: #000;
}
.wrapper .content .mizuki-box02 {
}
.wrapper .content .mizuki-box01 .title {
  margin: 4% 0 3%;
  width: 100%;
  max-width: 250px;
  font-size: 1vw;
  line-height: 140%;
}

.wrapper .content .mizuki-box01 .title img {
  width: 100%;
}

.wrapper .content .mizuki-box01 .date{
  font-size: 1vw;
  text-align: right;
  margin: 0;
}



.wrapper .content .search-box01 {
  width: 53%;
  float: left;
}
.wrapper .content .search-box01 img {
  width: 100%;
}
.wrapper .content .search-box02 {
  width: 40%;
  float: right;
  margin-top: -5%;
}
.wrapper .content .search-box02 img {
  width: 100%;
}
@media screen and (max-width: 1000px) {
.wrapper .content .search-box01 {
  width: 100%;
  float: none;
}
.wrapper .content .search-box02 {
  width: 100%;
  float: none;
  margin-top: 5%;
}
}
/* モーダルウィンドウ */
.modal-box01 {
  float: left;
}
.modal-box02 {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 800px) {
.modal-box01 {
  float: none;
}
.modal-box02 {
  float: none;
  margin-right: 0;
}
}
/* アコーディオン */
.accordion {
  margin-bottom: 5%;
}
dl.accordion dd {
  background: #FFF;
  line-height: 1.5;
  padding: 8% 0 0;
  display: none;
}
.accordion dd .search01-child01 {
  width: 48%;
  text-align: center;
  background-color: #0076FF;
  border-radius: 20px;
  font-weight: bold;
  float: left;
  margin-bottom: 3%;
}
.accordion dd .search01-child02 {
  width: 48%;
  text-align: center;
  background-color: #0076FF;
  border-radius: 20px;
  font-weight: bold;
  float: right;
  margin-bottom: 3%;
}
.accordion dd .search02-child01 {
  width: 48%;
  text-align: center;
  background-color: #B61432;
  border-radius: 20px;
  font-weight: bold;
  float: left;
  margin-bottom: 3%;
}
.accordion dd .search02-child02 {
  width: 48%;
  text-align: center;
  background-color: #B61432;
  border-radius: 20px;
  font-weight: bold;
  float: right;
  margin-bottom: 3%;
}
/* facebook */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
@media screen and (max-width: 1450px) {
.accordion dd .search01-child01 {
  width: 100%;
  float: none;
}
.accordion dd .search01-child02 {
  width: 100%;
  float: none;
}
}
@media screen and (max-width: 1000px) {
.accordion dd .search02-child01 {
  width: 100%;
  float: none;
}
.accordion dd .search02-child02 {
  width: 100%;
  float: none;
}
}
.accordion dd .search01-child01:hover {
  background-color: #57A5FF;
}
.accordion dd .search01-child02:hover {
  background-color: #57A5FF;
}
.accordion dd .search02-child01:hover {
  background-color: #E93D5D;
}
.accordion dd .search02-child02:hover {
  background-color: #E93D5D;
}
.accordion dd a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
}
.modal-box   {
  margin-bottom: 5%;
}
.modal-box:last-child   {
  margin-bottom: 0;
}
.modal-box .image {
  margin-bottom: 3%;
  min-height: 3%;
}
.modal-box .image img {
  width: 100%;
}
.mizuki-box01 .news-wrap .news-box01 {
  width: 22%;
  margin: 0 3% 4% 0;
  float: left;
}
.mizuki-box01 .news-wrap .news-box02 {
  width: 22%;
  margin: 0 0 4%;
  float: left;
}
.news-wrap .news-cat {
  width: 85%;
  position: relative;
  z-index: 2;
}
.news-wrap .news-cat img {
  width: 100%;
}
.news-wrap .news-image {
  width: 90%;
  margin: -10% auto 2%;
  position: relative;
  z-index: 1;
  min-height: 100px;
}
.news-wrap .news-image img {
  width: 100%;
}
.news-wrap .txt-area {
  width: 96%;
  margin-left: 4%;
  border-left: 2px solid #C3C3C3;
  height: 3.3vw;
}
.txt-area .news-day  {
  font-size: 14px;
  font-weight: bold;
  line-height: 10px;
  padding: 4% 0 4% 5%;
}
.txt-area .news-txt {
font-size: 14px;
line-height: 20px;
padding: 0 10% 0 5%;
}
.wrapper .content .mizuki-box02 .title {
  margin: 4% 0 3%;
  width: 80%;
  max-width: 250px;
}
.wrapper .content .mizuki-box02 .title img {
  width: 100%;
}
.recruit-info-wrap ul  {
  padding: 0;
}
.recruit-info-wrap ul li {
  width: 100%;
  padding: 5px 0;
  list-style-type: none;
  display: table;
  border-bottom: 1px dotted #000;
}
.recruit-info-wrap ul li:last-child {
  border-bottom: none;
}
.recruit-info-wrap ul li .day {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  margin: 0.6% 3% 0 0;
}
.recruit-info-wrap ul li .cat-okayama {
  background-color: #FF7000;
  display: inline-block;
  width: 11%;
  min-width: 90px;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.recruit-info-wrap ul li .cat-osaka {
  background-color: #0D4925;
  display: inline-block;
  width: 11%;
  min-width: 90px;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.recruit-info-wrap ul li .cat-chiba {
  background-color: #23689C;
  display: inline-block;
  width: 11%;
  min-width: 90px;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  line-height: 20px;
}
.recruit-info-wrap ul li .blog-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  margin-left: 3%;
}
.recruit-info-wrap ul li .blog-txt {
  display: inline;
  vertical-align: middle;
  font-size: 14px;
}
/* カテゴリーラベル */
.label-other {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 100px;
  margin-top: 0.1%;
  color: #FFF;
  background-color: #999;
}
.label-woman {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 100px;
  margin-top: 0.1%;
  color: #FFF;
  background-color: #B61432;
}
.label-newgrad {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 100px;
  margin-top: 0.1%;
  color: #FFF;
  background-color: #3E9BCF;
}
.label-midway {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  width: 100px;
  margin-top: 0.1%;
  color: #FFF;
  background-color: #E87A24;
}
.mizuki-box02 .more  {
  margin: 0 auto 5%;
  max-width: 266px;
  width: 80%;
}
.mizuki-box02 .more img {
  width: 100%;
}
.content .mizuki-box02 .sns-box01 {
  padding: 2%;
  width: 43%;
  float: left;
  border: 1px dotted #000000;
  margin-bottom: 10%;
  overflow: hidden;
}
.content .mizuki-box02 .sns-box02 {
  padding: 2%;
  width: 43%;
  float: right;
  border: 1px dotted #000000;
  margin-bottom: 10%;
  overflow: hidden;
}
.mizuki-box02 .sns-type {
  border-bottom: 1px dotted #000000;
  padding-bottom: 5%;
}
.mizuki-box02 .sns-type img {
  width: 100%;
  max-width: 150px;
}
.mini-banar {
  width: 100%;
  margin: 5% 0;
}
.mini-banar img {
  width: 100%;
}
/* 2020-5-11 追記 */
.supply-banner {
	width: 60%;
	margin: 5% auto;
}
.supply-banner a {
	padding: 2% 5%;
	display: block;
	text-align: center;
	line-height: 1.5;
	color: #fff;
	background: #4f90d1;
	text-decoration: none;
	font-weight: bold;
}
map area {
	cursor: pointer;
}

.sin-title{
width:100%;
border-bottom: 2px solid #f7831e;
position: relative;
margin-bottom: 2%;
}
.sin-title img{
max-width: 256px;
}

.sin-title#mizuki02{
border-bottom: 2px solid #f092a1;
}

.sin-title#mizuki03{
border-bottom: 2px solid #78b66a;
}

.sin-title#mizuki04{
border-bottom: 2px solid #70b5db;
}

@media screen and (max-width: 900px) {
.main-image {
    width: 100%;
    padding-top: 60px;
}
.wrapper .content .mizuki-box01 {
   display: block;
   width: 95%;
   margin: 0 auto;
}
.wrapper .content .mizuki-box02 {
   /* display: block; */
   width: 95%;
   margin: 0 auto;
}
.news-wrap .txt-area {
  height: 11vw;
}
.wrapper .content .midashi {
    font-size: 14px;
    width: 95%;
    margin: 0 auto;
}
.wrapper .content .mizuki-box01 .title {
    margin: -60px 0 10%;
    padding-top: 60px;
    width: 60%;
}
.wrapper .content .mizuki-box02 .title {
    width: 60%;
}
.label-newgrad {
  margin-bottom: 5%;
}
.label-woman {
  margin-bottom: 5%;
}
.label-other {
  margin-bottom: 5%;
}
.recruit-info-wrap ul li .blog-title {
  width: 100%;
}
.content .mizuki-box02 .sns-box01 {
    width: 95%;
    float: none;
    margin: 0 auto 10%;
    max-width: 500px;
}
.content .mizuki-box02 .sns-box02 {
    width: 95%;
    float: none;
    margin: 0 auto 10%;
    max-width: 500px;
}
.accordion dd a {
    padding: 2% 0;
}
/* 2020-5-11 追記 */
.supply-banner {
  width: 100%;
}
}


/*********************************************************************************************
　　　　　　　　　　　　2019-11-14修正
********************************************************************************************************/

.linkbtn{
    width:25%;
    margin:0 auto 5%;
}

.linkbtn_in{
    width:90%;
    margin: 0 auto;
}

.blog_linkbtn{
    width:96%;
    margin-left: 4%;
}

.blog_linkbtn img{
    width:100%;
}

.news-kijiarea{
display: flex; 
flex-wrap: wrap;
}

.news-kijibox{
width: 23%;
margin: 0 1% 2%;
}

.news-kijibox a{
text-decoration: none;
}

.news-photo{
width:100%; 
height: 15vw;
object-fit: cover;
}


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

.linkbtn{
width: 50%;
    float: left;
    margin-bottom: 5%;
}

}

.wrapper .content .mizuki-box01 .office_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.wrapper .content .mizuki-box01 .office_list li {
	width: calc(25% - 5px);
	margin-right: 5px;
}

.wrapper .content .mizuki-box01 .office_list li img {
	width: 100%;
}

.wrapper .content .mizuki-box05 {
	width: 100%;
}

.wrapper .content .mizuki-box01 .title.title05 {
	max-width: 363px;
}

.wrapper .content .mizuki-box01 .recommendation_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.wrapper .content .mizuki-box01 .recommendation_list li {
	width: 49%;
}

.wrapper .content .mizuki-box01 .recommendation_list li img {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.wrapper .content .mizuki-box05 {
		width: 95%;
	}
}

@media screen and (max-width: 800px) {
	.wrapper .content .mizuki-box01 .office_list {
		justify-content: space-between;
	}
	
	.wrapper .content .mizuki-box01 .office_list li {
		width: 49%;
		margin: 0 0 5px;
	}
	
	.wrapper .content .mizuki-box01 .recommendation_list li {
		width: 100%;
		margin-bottom: 10px;
	}
}