@charset "UTF-8";
/*
	Filename: home
	Version: 1.0.1
*/
/*-----------------------------------------------------
	MV
------------------------------------------------------*/
#mv {
  position: relative;
  width: 100%;
  padding-top: 95px;
}
.swiper-container {
	width: 100%;
  padding-bottom: 0;
}
.swiper-slide {
  position: relative;
	text-align: left;
}
.swiper-slide img {
	width: 100%;
  height: 549px;
  object-fit: cover;
}
.swiper_title {
  position: absolute;
	top: 40%;
	left: 15%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.swiper_title img {
  height: 151px;
}
.swiper-pagination {
  bottom: 10px;
  width: 100%;
  padding-right: 30px;
  text-align: right;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 5px !important;
  background-color: #9a9595;
  opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
  background-color: #fff;
}
@media screen and (max-width: 900px) {
  .swiper_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .swiper_title img {
    width: 80%;
    height: auto;
  }
}
@media screen and (max-width: 414px) {
  .swiper_title img {
    width: 95%;
  }
}
/*-----------------------------------------------------
	#service
------------------------------------------------------*/
#service {
	position: relative;
  padding: 130px 0 140px;
	background: url("../img/home/service_bg.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
}
#service h2 {
	margin-bottom: 30px;
}
#service p {
	font-size: 18px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #service {
    padding: 80px 20px 90px;
  }
  #service p {
    text-align: left;
  }
}
/*-----------------------------------------------------
	#business
------------------------------------------------------*/
#business {
	position: relative;
  padding: 0 0 130px;
	background: #eff3f6;
}
.title {
  width: 100%;
  padding: 70px 20px 50px;
  background: url("../img/home/business_bg.jpg") center center no-repeat;
  background-size: cover;
}
#business h2 {
	color: #fff;
}
#business h2.midasi_01:before {
	background: #fff;
}
#business .wrap {
	margin-top: 100px;
}
.business_child {
  width: 31%;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 51%);
}
.business_child h3 {
  margin-bottom: 20px;
  font-size: 25px;
  text-align: center;
}
.business_child img {
  width: 100%;
}
.business_child .text {
  width: 100%;
  padding: 20px;
}
.business_child .text p {
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  .business_child h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 750px) {
  #business {
    padding: 0 0 60px;
  }
  #business .wrap {
    margin-top: 80px;
  }
  .business_child {
    width: 100%;
    margin-bottom: 50px;
  }
  .business_child h3 {
    font-size: 22px;
  }
}
/*-----------------------------------------------------
	#about
------------------------------------------------------*/
#about {
	position: relative;
  padding: 130px 0 140px;
	background: url("../img/home/about_bg.jpg") center center no-repeat;
  background-size: cover;
}
#about h2 {
	margin-bottom: 70px;
  text-align: center;
}
#about img {
  display: block;
	width: 280px;
  margin: 0 auto 30px;
}
#about p {
	font-size: 18px;
  line-height: 1.8;
  text-align: center;
}
.ceo {
  margin-top: 50px;
  font-family: 'Zen Old Mincho', serif;
  text-align: right;
}
.ceo .flex {
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
.ceo_l p {
  font-size: 14px !important;
}
.ceo_r {
  margin-left: 20px;
  text-align: center;
}
.ceo_r h3 {
  font-size: 24px;
  line-height: 1;
}
.ceo_r h3 span {
  font-size: 13px;
}
@media screen and (max-width: 750px) {
  #about {
    padding: 80px 0 90px;
  }
  #about h2 {
    margin-bottom: 50px;
  }
  #about p {
    text-align: left;
  }
  #about img {
    width: 230px;
  }
}
/*-----------------------------------------------------
	#company
------------------------------------------------------*/
#company {
	position: relative;
  padding: 130px 20px 140px;
	background: #eff3f6;
}
#company table {
	width: 750px;
  margin: 40px auto 0;
}
#company table tr th {
	width: 40%;
  padding: 15px 20px;
  background: #fff;
  border-right: 20px solid #fff;
  border-bottom: 1px solid #eff3f6;
  font-size: 16px;
  text-align: center;
}
#company table tr td {
	width: 60%;
  padding: 15px 20px;
  background: #fff;
  border-bottom: 1px solid #eff3f6;
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 750px) {
  #company {
    padding: 80px 20px 90px;
  }
  #company table {
    width: 100%;
    margin: 30px auto 0;
  }
  #company table tr th {
    display: block;
    width: 100%;
    padding: 15px 20px 0;
    border-right: none;
    border-bottom: none;
    text-align: left;
  }
  #company table tr td {
    display: block;
    width: 100%;
  }
}
/*-----------------------------------------------------
	#contact
------------------------------------------------------*/
#contact {
	position: relative;
  padding: 130px 20px 140px;
	background: #000033;
}
#contact h2 {
	color: #fff;
}
#contact h2.midasi_01:before {
	background: #fff;
}
#contact table {
	width: 750px;
  margin: 20px auto 0;
}
#contact table tr th {
	width: 30%;
  padding: 15px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  vertical-align: top;
}
#contact table tr td {
	width: 70%;
  padding: 15px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
/* Chrome */
::-webkit-input-placeholder {
  color: #c9c4ad;
}
/* Firefox */
::-moz-placeholder {
  color: #c9c4ad;
}
/* IE */
:-ms-input-placeholder {
  color: #c9c4ad;
}
.required_red {
  margin-left: 10px;
  font-size: 12px;
  color: #B40808;
}
.formArea  input[type="text"], .formArea textarea {
  width: 100%;
  padding: 15px;
  background: #fff;
  border: 1px solid #ccccba;
  border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.formArea input[type="text"]:focus, .formArea textarea:focus {
  box-shadow: 0 0 7px #606fac;
  border: 1px solid #121c45;
}
@media screen and (max-width: 750px) {
  #contact {
    padding: 80px 20px 90px;
  }
  #contact table {
    width: 100%;
    margin: 20px auto 0;
  }
  #contact table tr th {
    display: block;
    width: 100%;
    padding: 15px 15px 0;
    color: #fff;
    text-align: left;
  }
  #contact table tr td {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: left;
  }
}
/*-----------------------------------------------------
	#kakunin
------------------------------------------------------*/
#kakunin {
	position: relative;
  padding: 180px 0 140px;
	background: #fff;
}
#kakunin h2 {
	margin-bottom: 50px;
}
#kakunin p {
	margin-bottom: 50px;
  text-align: center;
}
#kakunin table {
	width: 750px;
  margin: 40px auto;
}
#kakunin table tr th {
	width: 40%;
  padding: 15px 20px;
  background: #fff;
  border-right: 20px solid #fff;
  border-bottom: 1px solid #eff3f6;
  font-size: 16px;
  text-align: center;
}
#kakunin table tr td {
	width: 60%;
  padding: 15px 20px;
  background: #fff;
  border-bottom: 1px solid #eff3f6;
  font-size: 16px;
  text-align: left;
}
#kakunin .flex {
  width: 60%;
  margin: 0 auto;
	-webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  #kakunin {
    padding: 180px 20px 140px;
  }
  #kakunin h2 {
    margin-bottom: 50px;
  }
  #kakunin p {
    margin-bottom: 50px;
    text-align: center;
  }
  #kakunin table {
    width: 100%;
    margin: 30px auto;
  }
  #kakunin table tr th {
    display: block;
    width: 100%;
    padding: 15px 20px 0;
    border-right: none;
    border-bottom: none;
    text-align: left;
  }
  #kakunin table tr td {
    display: block;
    width: 100%;
  }
  #kakunin .flex {
    width: 90%;
    margin: 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
  }

}