#miidera .mv { width: 100%; height: 100vm; }
article h2 { line-height: 1.5em!important; }
article h3 { line-height: 1.7em!important; }
.access-btn.-white,.access-btn { display: none!important; }

@media screen and (max-width: 1024px){
	br.pc{display: none;}
}



#miidera article p { font-size: 15px!important; text-align: left; }
#miidera article h3 { font-size: 25px!important; line-height: 1.6em!important; margin-bottom: 20px; }
#miidera article { margin-bottom: 40px;}
#miidera section { margin-bottom: 40px;}
#miidera .sec2 p { max-width: inherit!important;}
#miidera .sec3 .item { max-width: inherit!important;}
#miidera .sec3 h3{ text-align: left;}
#miidera section{ position: relative;}
#miidera section img{ position: relative;}
#miidera section .item{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 56%; padding: 72px; background: rgba(255,255,255,.8); }
#miidera header.text {margin: 60px auto 40px; max-width: inherit!important;}
#miidera header.text h2 { background: url("../images/miidera/mark.svg") no-repeat center; background-size: contain; padding: 40px 0!important; }
#miidera .item h3 { padding-left: 1.2em; line-height: 1.4; background: url("../images/p-icon.svg") no-repeat left; background-size: 2em; }
#miidera .item h3 .flex { display: flex; align-items: center; flex-wrap: wrap; }
#miidera .item h3 span.labelM { background-color: #444; line-height: 2; padding: 0 15px; color: #fff; margin-right: 10px; font-size: 60%; font-weight: bold;}
#miidera section.rightRow .item{ right: 0; }
#miidera section.leftRow .item{ left: 0; }
#miidera section.leftRow img { margin-left: auto; margin-right: calc(50% - 50vw); }
#miidera section.sec3_2 img { margin-left: auto; margin-right: calc(60% - 50vw)!important;} 
#miidera article.sec1 p { text-align: center; font-size: 17px;}
/*#miidera header h2{margin-bottom: 0;}*/
#miidera #mv-page {background-position: center;background-size: cover;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pcImage { display: block !important; }
.spImage { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
  .pcImage { display: none !important; }
  .spImage { display: block !important; }
}


@media screen and (min-width:767px){
  #miidera .centerP { margin: 0 auto; width: 80%;  background-color: #fafafa; }
  #miidera .centerP p { text-align: center; }
  #miidera #mv-page { background-image: url(../images/miidera/hero.jpg);}
}

@media screen and (max-width:767px){
  #miidera section .item {width: 100%;padding: 0 4.8vw!important; top:0; transform: none; position: inherit;padding:0 4.8vw; } 
  #miidera section img {margin-right: inherit; margin-bottom: 10px;}
  #miidera article p { line-height: 2em!important; text-align: left; letter-spacing: inherit; }
  #miidera article h3 { font-size: 20px!important; line-height: 1.6em!important; margin-top: 15px; margin-bottom: 10px!important;}
  #miidera header.text { margin: 0; }
  .smallT{font-size: 80%;}
  #miidera .centerP { text-align: left; padding: 0 4.8vw!important; line-height: 2em!important; letter-spacing: inherit; }
  #miidera .mv { height: 100vh; }
  #miidera #mv-page { background-image: url(../images/miidera/herosp.jpg); background-size: cover; background-position: center; }
	/*#miidera .hero-text{width: 100%!important; font-size: 22px!important;}*/
	#miidera .sec3_2 img{width: 80%; margin: 0 auto 10px!important;}
	#miidera header.text h2{padding: 20px 0!important;}
	
}

#miidera .sec3 p { font-size: 15px;line-height: 2em; }
#miidera .sec2, #miidera .sec3, #miidera .sec4, #miidera .sec5 { margin-bottom: 40px; }


@media screen and (min-width:767px){
  .sec4 .row { padding: 0; }
}

@media screen and (max-width:767px){
  .s-textWrap p{line-height: 2em;}
  .sec5 p {padding: 0;}
  .m-bg{background: #FFFFFF;}
  .footer-bar{display: none;}
  #hero-about-button a{display: none;}
  .gnav-sp__item {margin-top: 20px;}
  ul.breadcrumb{ margin-left: 0; margin-top: 10px; margin-bottom: 10px; }
}

@media screen and (max-width:767px){
	#miidera h2 { font-size: 20px; margin-top: 1em; margin-bottom: 1em; }
	#miidera .sec2 .text{padding: 0px 0px !important;}
	#miidera #miideraWrapBox{padding-left: 20px !important; padding-right: 20px !important;}
	#miidera .sec3 .content{grid-row-gap: 20px;}
	#miidera .sec3 .content .text{margin-bottom: 0px;}
	#miidera .sec4 .content .s, #miidera  .sec5 .content .s{padding-top:0px; padding-bottom: 0px;}

	#date input[type=text]{width: 80px;}
	#date input[type=text]:nth-of-type(2),#date input[type=text]:nth-of-type(3){width: 40px;}
}

@media screen and (max-width:1024px){
	#miidera section .item{ width: 100%;
    padding: 20px 40px;
    top: 0;
    transform: none;
    position: inherit;
	}
	#miidera section.sec2_3{margin-bottom: 0;}
	#miidera .centerP{width: 100%; background-color: #fff; padding: 0 40px;}
	#miidera .centerP p{text-align: left;}
	#miidera section.sec3_2 img{margin-right: auto!important;}
	.sec3 h2{margin-bottom: 20px;}
}