@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
.mainBox_contents{
	width:100%;
	background:
	url(../../shared/home/bg2.svg) right 0 top 250px no-repeat,
	/*url(../../shared/home/bg3.svg) right 0 top 900px no-repeat,*/
	url(../../shared/bg.png) left bottom no-repeat;
}

	.box_header{
		display:flex;
	}

	.box_header .labo_btn{
		overflow:hidden;
		margin-left:37%;
	}
	.box_header .labo_btn ul{
		display:flex;
	}
	.box_header .labo_btn ul li{
		margin-right:20px;
	}
	.box_header .labo_btn ul li a{
		display:inline-block;
		width:150px;
		text-align:center;
		font-size:1.05em;
		font-weight:bold;
		text-decoration:none;
		padding:10px 14px;
		border-radius:4px;
		position:relative;
	}
	.box_header .labo_btn ul li:first-child a{
		background-color: #1e564b;
		border: 2px solid #1e564b;
		color: #fff;
	}
	.box_header .lkabo_btn ul li:last-child a{
		background-color: #fff;
		color: #1e564b;
	}
	.box_header .labo_btn ul li:first-child a:hover{
		background:#fff;
		border:solid 2px #1e564b;
		color:#1e564b;
	}
	.box_header .labo_btn ul li:last-child a{
		background:#fff;
		border:solid 2px #1e564b;
		color:#1e564b;
	}
	.box_header .labo_btn ul li:last-child:hover a{
		background:#1e564b;
		color:#fff;
	}
	.box_header .labo_btn ul li a::after{
		position:absolute;
		content:"\f0da";
		font-family:FontAwesome;
		top:25%;
		right:0.45em;
	}
		.box_header .labo_btn ul li a::after:active{
			width:100%;
			opacity:1;
		}

	.greeting_box{
		display:flex;
		width:840px;
		margin:0 auto 30px auto;
		justify-content:center;
		align-items:center;
	}
	.greeting_txt{
		/*width:70%;*/
		margin-right:30px;
	}
	
		.greeting_txt h4{
			font-size:1.65em;
			line-height:1.8;
			color:#924271;
			font-weight:bold;
		}
	
	.greeting_img{
		/*width:30%;*/
	}
	
	.box_inner .welcome_msg{
		margin:0 30px;
	}
	
		.box_inner .welcome_msg strong{
			font-weight:bold;
			color:#c40026;
		}
	
	
	.history_btn{
		text-align:center;
		margin:40px;
	}
		.history_btn a{
			width:245px;
			height:35px;
			position:relative;
			display:inline-block;
			padding:5px 10px;
			color:#fff;
			background:#1e564b;
			transition:.4s;
			text-align:center;
			line-height:2.1;
			font-size:1.25em;
			font-weight:bold;
			overflow:hidden;
			border-radius:2px;
			border:1px solid #1e564b;
			z-index:0;
		}
		.history_btn a:before{
			content:"";
			display:block;
			width:0;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:-1;
			transition:.4s all ease;
			background:#fff;
			opacity:0;
		}
		.history_btn a:after{
			position:absolute;
			content:"\f105";
			font-family:FontAwesome;
			top:9%;
			right:0.45em;
		}
		.history_btn a:hover{
			color:#1e564b;
		}
		.history_btn a:hover:before{
			width:100%;
			opacity:1;
		}
		
		.labo_vision{
			margin-top:50px;
		}
			.labo_vision h4{
				margin:0 0 30px 0;
			}
		.labo_vision .labovision_img{
			width:660px;
			overflow:hidden;
			margin:0 auto;
		}
		.labo_vision .labovision_img ul{
			display:flex;
			justify-content:space-between;
			align-items:center;
		}

		.labo_vision .labovision_img ul li{
		}
		.labo_vision .labovision_txt{
			width:630px;
			margin:30px 0 30px 250px;
		}
		.labo_vision .labovision_txt h5{
			font-size:1.6em;
			color:#924271;
			font-weight:bold;
			margin-bottom:1em;
		}

@media screen and (max-width:480px){
	/*##### SP #####*/
	.mainBox_contents{
		background-image:
			url(../../shared/home/bg2.svg),
			url(../../shared/bg.png);
		background-position:
			right top 250px,
			left bottom;
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			auto,
			contain;
	}
	
	.box_header{
		display:block;
	}
		.box_header .labo_btn{
			display:block;
			margin-left:0px;
			float:none;
			padding:0 6px;
		}
		.box_header .labo_btn ul{
			display:flex;
		}
	.greeting_box{
		/*display:block;*/
		width:100%;
	}
	.greeting_txt{
		width:82%;
		margin-right:0;
	}
	
		.greeting_txt h4{
			font-size:4.2vw;
			line-height:1.6;
		}
	
	
	.greeting_img{
		width:18%;
		box-sizing:border-box;
	}
		.greeting_img img{
			/*margin-right:30px;*/
			max-width:100%;
			height:auto;
		}
		
	.box_inner .welcome_msg{
		margin:0;
	}
	
	.box_header .labo_btn ul li{
		width:48%;
	}
	.box_header .labo_btn ul li a{
		width:100%;
		height:20px;
		padding:5px 5px;
		line-height:1.4;
	}
	.box_header .labo_btn ul li a::after{
		top:20%;
	}
		
	.history_btn{
		margin:0px;
	}
	.history_btn a{
		width:80%;
		height:auto;
	}
	.labo_vision{
		text-align:center;
	}
	
		.labo_vision h4{
			width:70%;
			margin:0 auto 30px auto;
		}
		
			.labo_vision h4 img{
				max-width:100%;
				height:auto;
			}
	
	.labo_vision .labovision_img{
		width:100%;
	}
	.labo_vision .labovision_img ul{
		display:block;
	}
	
	.labo_vision .labovision_img ul li{
		margin:0 auto;
	}
	
	.labo_vision .labovision_img ul li.labovision_img_txt{
		width:60%;
		margin-bottom:20px;
	}
	
		.labo_vision .labovision_img ul li img{
			max-width:100%;
			height:auto;
		}
	
	.labo_vision .labovision_txt{
		width:100%;
		margin:20px 0;
	}
	
		.labo_vision .labovision_txt h5 {
			font-size: 5vw;
			margin-bottom: 0.5em;
			line-height:1.5;
		}
		
		.labo_vision .labovision_txt p {
			text-align:left;
		}
	
	
}