html,body{
			position: relative;
			display: block;
			width:100%;
			height:auto;
			min-height:100%;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
			background: #000;
			font-feature-settings: 'palt';
			font-size: min(24px,4vw);			
			line-height:1.7em;
			text-align: justify;
			text-align-last: left;
			color:#222;
			z-index:0;
			transition: 0.2s;
		}
		
		body{
			opacity: 0;
			transition: 0.3s;
		}


		.headcon{
			position: relative;
			display: block;
			width:94%;
			max-width: 1200px;
			aspect-ratio:16/9;
			margin:32px auto;
			overflow: hidden;
		}
		
		.title{
			position: absolute;
			display: block;
			z-index: 1000;
			font-family: impact;
			text-align: right;
			text-align-last: right;
			font-size:min(108px,9vw);	
			line-height: 1.4em;
			margin: 0;
			top:auto;
			background: #f00;
			bottom: 0;
			left:0;
			right:0;
			color:#fff;
			text-align-last: center;
			text-shadow: 2px 2px 2px #000;
		}

		.headimg{
			opacity: 0.9;
			position: absolute;
			display: block;
			width:100%;
			top:0;
			left:-10%;
			z-index: 999;
		}
		
		.container{
			display: block;
			position: relative;
			background:#fff;
			width:100%;
			height:auto;
			
			
			
		}
		
		.container_in{
			position: relative;
			display: block;
			width:94%;
			max-width: 1200px;
			margin:0 auto;
		}
		
		.textbox{
			position: relative;
			display: block;
			width:100%;
			max-width: 721px;
			margin:64px auto;
			line-height: 1.8em;
		}
		
		
		
		h2{
			display: block;
			font-weight: bold;
			font-size:min(60px,10vw);			
			font-family: impact;
			line-height: 1.2em;
			text-align: center;
			text-align-last: center;
			padding:32px 0 16px 0;
			margin:0 0 64px 0; 
			background: #ffe382;

		}
		h2 span{
			display: block;
			font-size:min(30px,5vw);			
			text-indent: 8px;
			font-weight: bold;
			font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
			text-align: center;
			text-align-last: center;
			
		
		}

		.lead{
		 font-size:min(25px,6vw);
		 line-height: 1.7em;

	
		}
		
		.main_btn1{
			position: relative;
			display: block;
			width:280px;
			line-height:32px;
			padding:8px;
			text-align: center;
			text-align-last: center;
			margin:32px auto;
			background: #FFE382;
			color:#111;
			font-weight: bold;
			text-decoration: none;
			
		}
		
				
		.main_btn2{
			position: relative;
			display: block;
			width:280px;
			line-height:32px;
			padding:16px 8px;
			text-align: center;
			text-align-last: center;
			margin:64px auto;
			background: #FFE382;
			color:#111;
			font-weight: bold;
			text-decoration: none;
			box-shadow: 0px 10px 12px rgba(255,200,50,0.4);
			border:1px solid #C0B234;
		}
		
		.minbox_l,.minbox_r{
			display: block;
			position: relative;
			width:calc( 50% - 48px );
			padding:16px;
			aspect-ratio:1/1;
			float: left;
			margin:16px 0 32px 16px;
			box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
			text-shadow: 2px 2px 4px #000;
		}
		
		.minbox_l{
			margin:16px 16px 32px 0;
		}
		
		.about{
			background: url("../img/box01.jpg");
			background-size:100% auto;
			color:#fff;
			text-shadow: 2px 2px 4px #000;
		}
		
		
		.flow{
			background: url("../img/box02.jpg");
			background-size:200%;
			background-position: right;
			color:#fff;
			text-shadow: 2px 2px 4px #000;
		}
		
		
		.counseling{
			background: url("../img/box04.jpg");
			background-size:200%;
			background-position: 45% -10%;
			color:#fff;
			text-shadow: 2px 2px 4px #000;
		}
		
		
		.faq{
			background: url("../img/box05.jpg");
			background-size:200%;
			background-position:center 10%;
			color:#fff;
			text-shadow: 2px 2px 4px #000;
		}
		
		.toplead{
			font-size:min(30px,6vw);
		 	line-height: 1.7em;
			position: absolute;
			top:0;
			right:0;
			color:#fff;
			z-index:100000;
			
			
		}
				
		.topbtn{
			position: fixed;
			z-index:100001;
			display: block;
			width:64px;
			font-size:16px;
			line-height:16px;
			padding:16px 0;
			text-align-last: center;
			bottom:0;
			right:0;
			left:auto;
			margin: auto;
			background:rgba(0,0,0,0.8);
			text-decoration: none;
			color:#fff;
			opacity:0;
			transition: 0.3s;
			border:1px solid #fff;
			
		}		

		.home{
			right:auto;
			left:0;
			top:0;
			bottom:auto;
			width:64px;
			height:64px;
			padding: 0;
			

		}


		.black{
			opacity: 0;

		}



		.infobox{
			display: block;
			position: relative;
			width:100%;
			padding:0;
			background:#F7FFD3;
			margin: 32px 0;
			font-size:min(30px,6vw);
			font-weight: bold;
			line-height: 1.8em;
		}
		
		.infotitle{
			display: block;
			position: relative;
			text-align: center;
			text-align-last: center;
			font-size:min(30px,6vw);
			background: #FFE579;
			padding:16px 0;

		}
		
		.infotext{
			text-align: center;
			text-align-last: center;
			font-size:min(25px,5vw);
			padding:0 0 16px 0;


		}