@charset "UTF-8";


/*メインビジュアルここから-----------------------*/

    .mrd-main-visual {
      height: auto;
      padding: 23.2% 0;
      text-align: center;
      background: #EEE no-repeat center;
      background-size: cover;
      align-items: center;
      display: flex;
      justify-content: center;
    }

    .mrdsvg{
      text-align: center
    }

    @keyframes fadeIn{
      0% {
        opacity: 0;
        filter: blur(15px);
      }
      100% {
        opacity: 1;
        filter: blur(0px);
      }
    }
	
	@keyframes fade-chg{
	  0% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}
	  
    @keyframes zoom {
	   0% {
		  transform: scale(1.05);
	   }
	   100% {
		  transform: scale(1.0);
	   }
	} 

	@keyframes zoomout {
	   0% {
		  transform: scale(1.0);
	   }
	   100% {
		  transform: scale(1.05);
	   }
	}  


    .mrd-main-visual-text{
      width:1000px;
    }

    svg{
      width:65vw;
      animation: fadeIn 1.2s linear;
      animation-fill-mode: both;
	  animation-delay: 0.25s;
      max-width:950px;
    }

    @media screen and (max-width: 767px){
		  svg{
			width:90vw;
		 }

		.mrd-main-visual {
		  background-image:url('/archives/001/202401/miraido-top-imagesp-ss.jpg');
		  height: auto;
		  padding: 35% 0;
		  animation: fade-chg 0.8s linear;
		  animation-fill-mode: both;
		}
    }


    @media (min-width: 767px) {

		.mrd-main-visual {
			background-image:url('/archives/001/202401/miraido-top-image-ss.jpg');
			background-position: center;
			/*animation-fill-mode: both;*/
			animation: zoom 2s 1 ease-out;
		}

		.mrd-main-visual-text{
			animation: zoomout 2s 1 forwards ease-out;
		}

    }

/*メインビジュアルここまで*/

/*TOPメインメッセージここから---------------------*/

		.mrd-top-msg{
			text-align:center;
			margin-bottom:100px;
		}

		.mrd-top-msg div{
			margin-bottom:50px;
		}

		.mrd-top-msg p,.mrd-top-msg h2{
			font-family: 'Noto Serif JP', serif;
			font-style: normal;
			
		}

		.mrd-top-msg p{
		  margin-bottom:100px;
		  font-size: 120%;
		  transition: font-size .5s;
		  line-height: 2.0em;
		}

		.mrd-top-msg h2{
		  font-weight: 600;
		  font-size: 2.8em;
		  transition: font-size .5s;
		  margin-bottom:50px;
		}

		.mrd-top-msg img{
			width:340px;
			max-width:50%;
		}

		@media(max-width:990px){
			.mrd-top-msg h2{
			  font-size: 4.0vw;
			}
			/*.mrd-top-msg p{
			}*/
		}

		@media(max-width:767px){
			.mrd-top-msg h2{
			  font-size: 4.5vw;
			}
			.mrd-top-msg p{
			  font-size:2.5vw;
			}
		}
		
		@media(max-width:667px){
			.mrd-top-msg p{
			  font-size:3.0vw;
			  margin-right: -10px;
			  margin-left: -10px;
			}
		}


/*TOPメインメッセージここまで*/
/*区切りここから---------------------*/
		html{
		  overflow-x: hidden;/*スクロールバーが出ないよう設置*/
		}

		.mrd_Separator{
			padding: 50px 0;
			background: #f5f5f5;
			margin: 0 calc(50% - 50vw);
			width:100vw;/*スクロールバーが出ないよう htmlに overflow-x: hidden;*/
		}

		.top_content_list{
		  padding-top:50px;
		}

/*区切りここまで*/
/*代表者メッセージここから---------------------*/



		.mrd-c-wrapper{
			display: flex; 
			justify-content: space-between;
			margin-bottom:150px;
		}
		
		.mrd-box-msg{
			display: flex; 
			margin:30px 0;
			flex-direction:column;
			justify-content: space-between;
		}
		
		.mrd-msg-wa01{
			width:64%;
		}
		
		.mrd-msg-wa02{
			width:35%;
			margin-right:20px;
		}
		
		.mrd-box-msg img{
			width: calc(100% - 20%);
			object-fit: cover;
			margin-bottom:40px;
			opacity: 0.5;
		}

/* fadeUpここから */
		.fadeUp{
			animation-name:fadeUpAnime;
			animation-duration:1.3s;
			animation-fill-mode:forwards;
			animation-delay: 0.5s;
			opacity:0;
			animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
		}

		@keyframes fadeUpAnime{
		  from {
			opacity: 0;
			transform: translateY(40px);
			filter: blur(15px);
		  }

		  to {
			opacity: 1;
		  	transform: translateY(0);
			filter: blur(0px);
		  }
		}
		.fadeUpTrigger{
			opacity: 0;
		}
/* fadeUpここまで */

		.mrd-box-msg p{
			font-family: 'Noto Serif JP', serif;
			font-size: min(calc( 100vw * 0.68 / 38 ) , 20px);
			margin-bottom:24px;
			transition: font-size .5s;
			line-height: 2.0em;
		}

		.mrd-msg-left{
			margin-left:20%;
		}
		.mrd-msg-right{
			margin-right:20%;
		}
		
		@media(min-width:1200px){
			.mrd-box-msg p{
				font-size: min(calc( 100vw * 0.68 / 45 ) , 20px);
			} 
			.mrd-box-msg img{
				/*width: calc(100% - 20%);
				object-fit: cover;*/
				margin-bottom:50px;
			}
		}
			
		@media(max-width:767px){
			.mrd-msg-wa01 {
				width: 100%;
			}

			.mrd-box-msg{
				margin:10px;
			}
		
			.mrd-box-msg p{
				font-size: 2.7vmin;
				margin-bottom:40px;
			}
		
			.mrd-pconly{
				display:none; 
			}
		}
		
		@media(max-width:700px){
			.mrd-box-msg p{
				font-size: 2.9vmin;
			}
		}
		
		.mrd-main-msg{
			margin:30px 0;
			font-weight: 600;
			font-family: 'Noto Serif JP', serif;
			font-style: normal;
			font-size: 4em;
			transition: font-size .5s;
		}

		.mrd-main-msg h2{
			margin-bottom:60px;
			line-height: 1.4em;
		}
		
		@media(max-width:560px){
			.mrd-main-msg{
				font-size: 8vmin;
			}

			.mrd-box-msg p{
				font-size: 3.0vmin;
			}
		}

/*代表者メッセージここまで---------------------*/
/*ロゴ修正ここから*/

	.company_logo img.pc-logo {
		width:312px;
	}
	
	.pc-logo{
		display:block;
	}
	.sp-logo{
		display:none;
	}


	 @media (max-width: 767px) {

		 .company_logo img {
			 padding:7px 0;
			 max-height: 85px;
			 width:40vw;
			 max-width: 120px
		 } 
		.pc-logo{
			display:none;
		}
		.sp-logo{
			display:block;
		}
	}

/*ロゴ修正こまで---------------------*/


/*追記*/

#mrd-top-msg-h2{
    font-size: 1.0em;/*1.2初期*/
}

@media (max-width: 767px){
	.mrd-box-msg {
		/* margin: 10px; */
		margin: 0 0 10px 0;
	}

	.acms-entry .mrd-main-msg h2 {
		margin: 0;
	}


	.acms-entry .mrd-c-wrapper p{
    margin: 0 0 40px 0;
	}
	
	.mrd-main-msg{
		margin:0 0 50px 0;
	}	

}


/*サイト全体文字変更----------------------*/


		p,h2,.js-unit_group-align,.subpage_header{
			font-family: 'Noto Serif JP', serif;
			font-style: normal;
		}



/*テキスト変更時にデザイン変更------------------*/

/*.mrd-top-msg h2{
font-size: 2.4em;}*/

.mrd-box-msg{
margin-right:40px;
		}
.mrd-box-msg h3,.mrd-box-msg h4{
	font-weight:bold;
}

.mrd-box-msg p{
	line-break: anywhere;
}

@media(max-width:767px){
	.mrd-box-msg{
margin-right:0px;
		}

}