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


/* ************************************************************
mv
************************************************************ */

#main_visual{
margin:1px auto;
width:100%;
height:750px;
background-image: url(img/mv.png);
background-size: cover;
background-position:left;
background-repeat: no-repeat;
position: relative;

}

#main_visual p{
margin:0;
position:absolute;
bottom:-30px;
z-index:10;
right:0;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1400(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */

#main_visual{
height:600px;
}

#main_visual p{
margin:0;
max-width:600px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

#main_visual{
height:500px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#main_visual{
height:450px;
}
/* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#main_visual{
height:350px;
}

#main_visual p{
max-width:550px;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

#main_visual{
height:230px;
}
#main_visual p{
max-width:450px;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#main_visual p{
max-width:340px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */

#main_visual{
height:180px;
}
#main_visual p{
max-width:280px;
bottom:-10px;
}
 /* *************** */
}


/* ************************************************************
block01
************************************************************ */

#block01{
margin:0 auto;
width:100%;
position:relative;
padding:3% 5% 10%;
background:#f5f5f5
}

#block01 div{
margin:10% auto;
width:100%;
text-align:left;
max-width:1400px;
}

#block01 h1{
}

#block01 h1 span{
background:#000;
color:#fff;
padding:1% 2%;
line-height:3em;
font-size:20px;
font-weight:bold;
letter-spacing: 0.1em;
z-index:2;
}

#block01 p{
margin:2% 0;
width:100%;
text-align:left;
z-index:2;
}

#block01 img{
margin:auto;
position:absolute;
top:40%;
right:10%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1500(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1500px) {
 /* ************** */

#block01 img{
top:50%;
right:5%;
width:25%;
}


#block01 div{padding-left:5%}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1300(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1300px) {
 /* ************** */

#block01 h1 span{
padding:1% 2%;
line-height:2.5em;
}

#block01 p{
font-size:15px;
width:600px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block01{padding-bottom:20%}

#block01 img{
top:60%;
right:5%;
width:30%;
z-index: 10;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block01{
margin:0 auto;
padding-bottom:30%
}
#block01 h1 span{
padding:1% 3%;
line-height:2.5em;
font-size:18px;
font-weight:500;
}

#block01 p br{
display: none}

#block01 p{
width:90%;
text-align: justify
}
#block01 img{
top:60%;
right:5%;
width:35%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */

#block01 h1 span{
padding:2% 3%;
line-height:2.8em;
font-size:17px;
}

#block01 p{
margin:3% 0;;
width:95%;
font-size:14px;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block01{
padding-bottom:40%
}
#block01 h1 span{
padding:2% 3%;
line-height:2.8em;
font-size:15px;
letter-spacing: 0.03em;
}
#block01 img{
top:65%;
right:5%;
width:35%;
}


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */

#block01 h1 span{
padding:2% 3%;
line-height:2.8em;
font-size:13px;
letter-spacing: 0.03em;
}

#block01 p{
font-size:13px;
line-height:1.6
}
 /* *************** */
}

/* ************************************************************
block02
************************************************************ */

#block02{
margin:0 auto;
width:100%;
position:relative;
overflow: hidden;
}

#block02 .bg{
margin:0 auto;
width:100%;
height:500px;
background-image: url(img/block02-pic.png);
background-size: cover;
background-position:center;
background-repeat: no-repeat;
}

.block02-box{
margin:0 auto;
background:#f5f5f5;
position:relative;
padding:5% 5% 0;
}
.block02-box2{
width:100%;
text-align:left;
max-width:1400px;
padding-bottom:5%;
z-index: 10;
}

#block02 h2{
background:#000;
color:#fff;
width:100%;
max-width:440px;
padding:2% 3%;
line-height:1.6em;
font-size:30px;
letter-spacing: 0.1em;


}

#block02 p{
margin:2% 0;
width:100%;
text-align:justify;
padding:0 1%;
}


/* ▼▼▼▼▼▼▼▼MaxWidth1400(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */

.block02-box{
padding:10% 5% 0;
}
.block02-box2{
margin:-5% 0 0 5%;
}

#block02 h2{
font-size:27px;
max-width:400px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

#block02 p{
font-size:14px;
padding:0 0 0 1%;
}

#block02 h2{
font-size:24px;
max-width:350px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#block02{margin:0 auto 0;}

#block02 .bg{height:400px;}


.block02-box{padding:10% 5% 0;}

#block02 h2{padding:3% 4%;}

#block02 p{width:80%;}

#block02 p br{display:none}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block02{margin:0 auto 0;}

#block02 .bg{
height:300px;
}

.block02-box2{
padding-bottom:14%;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
.block02-box{padding:15% 5% 0;}

.block02-box2{
margin:-10% 0 0 10%;
}

#block02 h2{
padding:4% 5%;
font-size:20px;
max-width:280px;
}

#block02 p{
margin:4% 0 0 0 ;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block02 .bg{
height:200px;
}
.block02-box{padding:20% 0 0;}

#block02 h2{
padding:4% 5%;
font-size:18px;
max-width:250px;
}
#block02 p{
font-size:13px;
line-height:1.7;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */

#block02{margin:0 auto 0;}

 /* *************** */
}


/* ************************************************************
block03
************************************************************ */

#block03{
margin:0 auto;
width:100%;
background:#f5f5f5;
padding-bottom:10%;
}

#block03 .flexbox{
margin:0 auto;
width:100%;
position:relative;
}

/*左*/
#block03 .box01 .div01,
#block03 .box03 .div01{
margin:7% 0 0 0;
float:left;
width:45%;
}

#block03 .box01 .div01 img,
#block03 .box02 .div01 img,
#block03 .box03 .div01 img{
width:100%;
}
#block03 .box01 .div02,
#block03 .box03 .div02{
margin:0 auto;
float:left;
width:50%;
}


/*右*/
#block03 .box02 .div01{
margin:7% 0 0 0;
float:right;
width:45%;
}

#block03 .box01 .div01 img,
#block03 .box02 .div01 img,
#block03 .box03 .div01 img{
width:100%;
}
#block03 .box02 .div02{
margin:0 auto;
float:right;
width:50%;
margin-right:-10%;
}


/******dl〜******/
#block03 .box01 .div02 dl,
#block03 .box03 .div02 dl{
margin:40% auto 0;
width:100%;
text-align: left;
padding:5%;
letter-spacing: 0.09em;
}

#block03 .box02 .div02 dl{
margin:30% auto 0;
width:100%;
text-align: left;
padding:5%;
}

/*共通項目*/
#block03 .flexbox dt{
margin:0;
width:100%;
text-align: left;
background:#000;
color:#fff;
font-size:25px;
letter-spacing: 0.08em;
}

#block03 .flexbox dd:first-of-type{
margin:3% 0 0;
width:700px;
}

#block03 .flexbox dd:nth-of-type(2){
margin:3% 0 0;
width:700px;
text-align: right
}

#block03 .flexbox dd:nth-of-type(2) img{
width:50%;
}

/*box01*/
#block03 .box01 dt{
max-width:320px;
padding:1% 4%;
text-align: center;
}

/*box02*/
#block03 .box02 dt{
max-width:340px;
padding:2% 4%;
line-height:1.5
}

/*box03*/
#block03 .box03 dt{
max-width:320px;
padding:2% 4%;
text-align: center;
}




/* ▼▼▼▼▼▼▼▼MaxWidth1750(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1750px) {
 /* ************** */

#block03 .box02 .div02{
margin-right:0%;
}

 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1450(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1450px) {
 /* ************** */

#block03 .flexbox dd:first-of-type{
width:500px;
font-size:15px;
line-height:1.7;
}

#block03 .flexbox dd:nth-of-type(2){
margin:5% 0 0 0;
width:500px;
}

#block03 .flexbox dd:nth-of-type(2) img{
width:60%;
}

/*共通項目*/
#block03 .flexbox dt{font-size:23px;}
/*box01*/
#block03 .box01 dt{max-width:250px;}

/*box02*/
#block03 .box02 dt{
max-width:270px;
padding:2% 4%;
}

/*box03*/
#block03 .box03 dt{max-width:250px;}




 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */

/*box01*/
#block03 .box01 dt{max-width:240px;}

/*box02*/
#block03 .box02 dt{
max-width:260px;
padding:2.5% 4.5%;
}

/*box03*/
#block03 .box03 dt{max-width:240px;}



 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

/******dl〜******/
#block03 .box01 .div02 dl,
#block03 .box03 .div02 dl{
margin:30% auto 0;
width:100%;
}

#block03 .box02 .div02 dl{
margin:20% auto 0;
width:100%;
}

/*共通項目*/
#block03 .flexbox dt{
font-size:20px;}

/*box01*/
#block03 .box01 dt{max-width:200px;
text-align: center;}

/*box02*/
#block03 .box02 dt{
max-width:260px;
padding:2.5% 4.5%;
}

#block03 .flexbox dd:first-of-type{
margin:5% auto;
width:400px;
font-size:14px;
line-height:1.7;
}

#block03 .flexbox dd:nth-of-type(2){
margin:4% 0 0 0;
width:400px;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth850(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 850px) {
 /* ************** */


#block03 .box02 .div02 dl{
margin:25% auto 0;
width:100%;
}
/*box01*/
#block03 .box01 dt{max-width:205px;}

/*box02*/
#block03 .box02 dt{
max-width:220px;
padding:3% 4.5%;
}

/*box03*/
#block03 .box03 dt{max-width:210px;}

#block03 .flexbox dd:first-of-type{
margin:5% 0 0 1%;
width:350px;
font-size:13px;
line-height:1.6;
}

#block03 .flexbox dd:nth-of-type(2){
margin:4% 0 0 0;
width:350px;
}

#block03 .flexbox dd:nth-of-type(2) img{
width:80%;
}
 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

/*左*/
#block03 .box01 .div01,
#block03 .box03 .div01{
margin:0;
padding:0;
float:none;
width:100%;
}

#block03 .box01 .div02,
#block03 .box03 .div02{
margin:0 auto;
float:none;
width:100%;
}

/*右*/
#block03 .box02 .div01{
float:none;
width:100%;
}

#block03 .box02 .div02{
margin:0 auto;
float:none;
width:100%;
margin-right:auto;
}

/******dl〜******/
#block03 .box01 .div02 dl,
#block03 .box03 .div02 dl{
margin:2% auto 0;
width:90%;
}

#block03 .box02 .div02 dl{
margin:1% auto 0;
width:90%;
}

/*共通項目*/
#block03 .flexbox dt{
font-size:18px;
}

/*box01*/
#block03 .box01 dt{max-width:210px;}

/*box02*/
#block03 .box02 dt{
max-width:250px;
padding:3% 4.5%;
}

/*box03*/
#block03 .box03 dt{
max-width:210px;}

#block03 .flexbox dd:first-of-type{
margin:4% auto;
width:95%;
font-size:14px;
line-height:1.6;
text-align: justify;
letter-spacing: 0.04em;
}

#block03 .flexbox dd:nth-of-type(2){
margin:4% 0 0 0;
width:95%;
}

#block03 .flexbox dd:nth-of-type(2) img{
width:60%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#block03{margin:0 auto;
padding:10% 0}

/*共通項目*/
#block03 .flexbox dt{
margin:10% 0 0 0;
}


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


#block03 .flexbox{
margin:20% auto;
}

#block03 .flexbox:first-child{
margin:0% auto;
}

#block03 .flexbox dt{
font-size:16px;
padding:2% 5%}
/*box01*/
#block03 .box01 dt{max-width:180px;}

/*box02*/
#block03 .box02 dt{
max-width:200px;
padding:3% 4.5%;
}

/*box03*/
#block03 .box03 dt{
max-width:180px;}

#block03 .flexbox dd:first-of-type{
margin:6% auto;
}

#block03 .flexbox dd:nth-of-type(2){
margin:6% 0 0 0;

}
#block03 .flexbox dd:nth-of-type(2) img{
width:80%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}


/* ************************************************************
block04 blog
************************************************************ */
#block04{
margin:0 auto;
width:100%;
background:#f5f5f5;
padding:10% 0;
}

#block04 h2{
margin:3% auto;
width:100%;
}

#block04 h2 span{
background:#000;
color:#fff;
padding:1% 2%;
}


/* ********* お知らせ  ************ */


#feed{
margin:4% auto 0;
width:100%;
max-width:800px;
position:relative
}

#feed li{
 margin-top:1%;
	color:#000;
	width:100%;
	padding:1%;
	border-bottom: 1px #000 solid;
	font-size:14px;
	letter-spacing: 0.05em;
	text-align:left;
	overflow:hidden;
	white-space: nowrap;
}

#feed li a{color:#000;text-decoration: none}

#feed li a:hover{
color:#ccc;
transition:0.4s;}

#feed p{
	display:inline-block;
	margin-left:2%;
	margin-right:3%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


#feed{
padding:1% 10%
}

#feed li{
 margin-top:1%;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#block04{
padding:20% 0;

}

#block04 h2 span{
padding:2% 3%;
}

#feed{
margin:4% auto 0;
width:90%;
}

#feed li{
	font-size:13px;
}

#feed p{
	display:block;
 margin:0 auto;
}

 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#block04{padding:30% 0;}

#feed{
margin:8% auto 0;
width:100%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#block04{padding:30% 0 40%;}


 /* *************** */
}






/* ************************************************************
parallax-bg
************************************************************ */

.parallax-bg:before{
  background-image: url('img/top-pic.jpg');
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-size:cover;
  background-position:center
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */


 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}
/* ************************************************************
block05
************************************************************ */
#block05{
margin:40% auto 0;
width:100%;
background:#f5f5f5;
padding:5% 0;
}

#block05 h2{
margin:3% auto;
width:100%;
}

#block05 h2 span{
background:#000;
color:#fff;
padding:1% 4%;
letter-spacing: 0.1em;
}

#block05 ul{
margin:6% auto;
width:100%;
max-width:900px;
}

#block05 li{
margin:0 auto;
width:100%;
position:relative;
border-bottom:1px solid #000;
padding:1.5% 2%;
text-align: left;
}


#block05 li p{
vertical-align: top;
display:inline-block;
font-size:15px;}

#block05 li p:first-of-type{
width:20%;
padding-left:2%;
}
/*seo*/
#block05 .seo{
margin:5% auto;
max-width:900px;
text-align: justify;
font-size:13px;
letter-spacing: 0.03em;
line-height:1.5;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1200(pc)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1200px) {
 /* ************** */


 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */

#block05 ul{
margin:7% auto 2%;
width:90%;
}

#block05 .seo{
width:90%;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */

#block05{margin:60% auto 0;
}
#block05 ul{
margin:7% auto 0;
}

#block05 li{
padding:3% 2%;
}
#block05 li p{
font-size:14px;}

#block05 li:last-of-type p:nth-of-type(2){
letter-spacing: 0.01em;}


#block05 li p:nth-of-type(2){
width:79%}

/*seo*/
#block05 .seo{
font-size:12px;
}
 /* *************** */
}


/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */


 /* *************** */
}

/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */

#block05 li p{
vertical-align: top;
display:inline-block;
font-size:13px;}

#block05 li p:nth-of-type(2){
width:75%}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */


 /* *************** */
}