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


.mv-slider {
  position: relative;
  width: 100%;
  height: 100vh; /* 画面いっぱい */
  overflow: hidden;
}
.mv-slider {
  height: 700px;
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.5s ease;
}

.slide.active {
  opacity: 1;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mv-copy {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: #fff;
}

.mv-copy h1 {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.0;
	text-align: center;
}

.mv-copy h1 span{
font-weight: normal;
	font-size: 2rem;
}

/* =========================
   スマホ
========================= */
@media screen and (max-width: 480px) {

  .mv-slider {
    height: 400px;
  }

/*  .mv-copy {
    left: 5%;
    right: 5%;
    width: 90%;
  }*/
	  .mv-copy{
    left:50%;
    transform:translate(-50%,-50%);
    width:90%;
  }

  .mv-copy h1 {
    font-size: 1.8rem;
  }

  .mv-copy h1 span {
    font-size: 0.9rem;
  }

}

h2 {color: #222}
h2 span{color: #222}

a.more  {	
	display: block;
    background: #fff;
	border: #313131 solid 1px;
    margin: 0 auto;
    max-width: 180px;
    padding: 15px 25px;
    line-height: 1.2;
    text-decoration: none;
    color: #313131;
    transition: 0.3s ease-in-out;
	font-size: 1.2rem;
	text-align: center;
}
a.more:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #333;
    transition: 0.3s ease-in-out;
}
a.more:hover {
    background: #313131;
    color: #FFF;
}
a.more:hover:before {
    color: #fff;
}

/*info*/

.info .wrapper{padding-bottom: 30px;}
.info dl {
  display: flex;
  flex-wrap: wrap;
	font-size: 0.8em;
	font-weight: 300;
	
	
}

.info dl dt{
	width: 12%;
	text-align: right;
	margin-bottom: 10px;
}

.info dl dd{
	width: 85%;  margin: 0 0 5px 3%;

	
}

.info h2 {
	text-align: left;
	font-size: 1.8rem;
	margin: 0 0 5px 0;
	
}

.info p {
text-align: right
	
}
.faq {
background-color: #f3f7fb;
	display: flex;
align-items: center;
height: 380px;}




.benefits, .message, .guideline{
	display: flex;
align-items: center;
height: 380px;}




.aboutus ul{display: flex;
width: 60%;
	margin: 0 auto;
justify-content: space-around;
	margin-bottom: 80px;
}

.aboutus h2{margin-top: 0;

}

.aboutus ul li a {	
    background: #fff;
	border: #313131 solid 2px;
    margin: 0 auto;
    max-width: 160px;
    padding: 20px 25px;
    line-height: 1.8;
    text-decoration: none;
	 color: #313131;
    transition: 0.3s ease-in-out;
	font-size: 1.2rem;

}
.aboutus ul li a:before {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    color: #313131;
    transition: 0.3s ease-in-out;
}
.aboutus ul li a:hover {
    background: #004CA0;
    color: #FFF;
	border: #004CA0 solid 2px;
}
.aboutus ul li a:hover:before {
    color: #fff;
}


@media screen and (max-width: 959px) {
	
	.aboutus ul{display: block;
width: 100%;
}
.aboutus li{
width: 100%;
	margin-bottom: 30px;
}
	
.aboutus ul li a {	
		text-align: center;

    max-width: 250px;
		display: block;
	}
section h2 {margin-bottom: 30px;}
	
	
	

	

	
	}
@media screen and (min-width: 960px) {

.aboutus {
	  display: flex;

  align-items: center;     /* 横方向の中央に寄せる */

height: 380px;}
	
	
	

	
	}

.interview {
	width: 100%;
	height: 450px;
	 background-image: url('../images/interviewtop_bg.jpg');
	background-size: cover;
	background-position: center center; 
  background-repeat: no-repeat;
display: flex;
align-items: center;
			
}  

.interview .wrapper h2{margin: 0 auto 30px;
	color: #FFFFFF!important;

} 

.interview .wrapper h2 span{
	color: #FFFFFF!important;

} 


.vision {
	width: 100%;
	height: 450px;
	 background-image: url('../images/visiontop_bg.jpg');
	background-size: cover;
	background-position: center center; 
  background-repeat: no-repeat;
display: flex;
align-items: center;
			
}  

.vision .wrapper h2{margin: 0 auto 30px;
/*	color: #FFFFFF!important;*/

} 

.vision .wrapper h2 span{
	
	color: #222!important;


} 

/*
.interview .wrapper{display: flex;
align-items: center;}*/




.interview p {text-align: center;
font-size: 2.4rem;
font-weight: bold;}

.interview p a {text-decoration: none;}
.interview p a:hover {text-decoration:underline;}


.products .wrapper h2{margin-bottom: 20px;
}
.products .wrapper div.productsArea{display: flex;
	justify-content: space-between;
	align-items: center;
}

.products .wrapper div.productsArea div{width: 25%;
}

.products .wrapper div.productsArea div:nth-child(2){width: 50%;
}



.products .wrapper div.productsArea div p{text-align: center;
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 45px;
}




.products .wrapper div.productsArea div img{width: 100%;
}



.benefits .wrapper{background-image: url("../images/benefittop_01.png");
background-repeat: no-repeat;
background-position: 75% 70%;
background-size: 15%;
padding-bottom: 45px;}


.entry .wrapper{height: 200px;}

a.entryBtn {
	margin: 45px auto;
	font-size: 4.6rem;
	max-width: 350px;
	display: block;
	background-color: #004CA0;
	color: #ffffff;
	text-decoration: none;
	padding:20px 45px;
	font-weight: bold;

}

/*スマホ対応*/



@media screen and (max-width: 959px) {
	h2 {margin-top: 10px;}
	
	.benefits, .message, .vision, .faq {
		padding: 60px 0;
height: auto;}
	
.interview img.senpaiphoto {display: none!important;
}
	
	.aboutus {margin-top: 60px;}
	
	.benefits .wrapper{background-image: url("../images/benefittop_01.png");
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 15%;
padding-bottom: 45px;}

}