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

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body.open_navigation{	position: fixed;height: 100vh;}

.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.clearfix:after{content: "";clear: both;display: block;}

:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}


@media (min-width:1051px) {
	header{}
	header .wrapper{position: relative;z-index: 9999;}		
	
	header .wrapper nav{width: 96%;min-width: 1000px;height: 70px;background:white; position:fixed;	top:20px;left:2%;transition: 0.5s;border-radius: 80px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}	
	
	header .wrapper nav #logo_header{  position: fixed;top:28px;left:4%;   width:200px;  transition: .5s;opacity: 1;z-index: inherit;padding: 0px 0px;margin:0;z-index: 999}
	header .wrapper nav #logo_header img{width: 100%;}
	
	.button{display:none}		
	header .wrapper nav #nav_menu .inner{position:fixed;	top:45px;right:15%;min-width: 600px}
	header .wrapper nav #nav_menu .inner a{display:inline-block;padding: 0px 10px; text-decoration:none;color:black;font-size: 16px;letter-spacing:1px;font-weight:700}
	header .wrapper nav #nav_menu .inner a:hover{color:#0064dc}	
	
	#cta_header{position:fixed;	top:12px;right:2%;width: 14%;min-width: 220px;z-index: 9999;}
	#cta_header a{position:relative;display:block;padding:34px 0;text-align:center;color:white;font-size:18px;line-height:1;font-weight:600;letter-spacing:1px;text-decoration: none;border-radius: 50px; z-index:0;box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);}
	
	#cta_header a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background:linear-gradient(0deg, #0064dc, #0095ff);}
	#cta_header a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(#ffa20f,#ffbf00);}
	#cta_header a:hover:before{  opacity:0;}
	
	#cta_header a span{position: relative;padding-left: 20px}
	#cta_header a span::before{position: absolute;top: 50%;transform: translateY(-50%);right:95%;content: '';width: 12%;height: 80px;background: url("../img/cta_icon_diagnosis.png") no-repeat;background-position: 50% 50%;background-size: 100% auto}
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 0px 0;}	
	
	footer .official_site{width:60%;min-width:800px;margin:50px auto;border: 2px solid #dce7f7;}
	footer .official_site a{padding:20px 0;display:block;color:#1d63d8;font-size: 14px;letter-spacing: 0px;text-align:center;}
	footer .official_site a span{display:block;}
	footer .official_site a span img{width:30%;margin-bottom: 10px;transition: all  0.3s ease;}
	footer .official_site a:hover{color:#a9c9f7;}
	footer .official_site a:hover img{opacity: 0.5}
	
	footer small{width:100%;margin:0 auto;padding:30px 0;display:block;color: white;font-size: 12px;letter-spacing: 1px;text-align:center;background:linear-gradient(45deg, #34aeff, #4985ff);}		
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	header{}
	
	header .wrapper{position: relative;z-index: 99999;}	
		
	nav{}	
	
	header .wrapper nav #logo_header{ width: 96%;height: 70px;background:white; position:fixed;	top:30px;left:2%;ransition: .5s;padding:5px 0 0px 30px;margin:0;box-sizing: border-box;border-radius: 80px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);z-index: 9999}
	header .wrapper nav #logo_header img{width: 220px;}
		
	.button{display:block;	position: fixed;	right:2%;top:20px;width: 90px;height:90px;padding:0px;margin: 0;background:linear-gradient(0deg, #0064dc, #0095ff);cursor:pointer;border-radius:45px;z-index: 9999} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background:#ffffff;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background:#ffffff;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    
	
	#nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background:rgba(23,54,203,0.8);}
	
	#nav_menu .inner{position:fixed;	top:0px;left: 0;width:100%;height:75vh;margin:0 auto;padding:120px 0 0 0;box-sizing: border-box;background:#1736cb;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
	#nav_menu .inner a{display:block;width: 80%;margin: 0 auto;padding: 30px 0px; text-decoration:none;color:white;font-size: 16px;letter-spacing:1px;font-weight:600;border-bottom: 1px solid #44b2ff}
	#nav_menu .inner a:hover{color:#44b2ff}	
	
	#cta_header{position:fixed;	bottom:20px;left:5%;width:90%;z-index: 99999;}
	#cta_header a{position:relative;display:block;padding:30px 0;text-align:center;color:white;font-size:18px;left:1px;line-height:1;font-weight:600;letter-spacing:1px;text-decoration: none;border-radius: 50px;z-index:0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
	#cta_header a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background:linear-gradient(#ffbf00,#ffa20f);}
	#cta_header a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(0deg, #0064dc, #0095ff);}
	#cta_header a:hover:before{  opacity:0;}
	
	#cta_header a span{position: relative;padding-left: 20px}
	#cta_header a span::before{position: absolute;top: 50%;transform: translateY(-50%);right:95%;content: '';width: 12%;height: 80px;background: url("../img/cta_icon_diagnosis.png") no-repeat;background-position: 50% 50%;background-size: 100% auto}
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 0px 0;}	
	
	footer .official_site{width:60%;margin:50px auto;border: 2px solid #dce7f7;}
	footer .official_site a{padding:20px 0;display:block;color:#1d63d8;font-size: 14px;letter-spacing: 0px;text-align:center;}
	footer .official_site a span{display:block;}
	footer .official_site a span img{width:30%;margin-bottom: 10px;transition: all  0.3s ease;}
	footer .official_site a:hover{color:#a9c9f7;}
	footer .official_site a:hover img{opacity: 0.5}
	
	footer small{width:100%;margin:0 auto;padding:30px 0 120px 0;display:block;color: white;font-size: 12px;letter-spacing: 1px;text-align:center;background:linear-gradient(45deg, #34aeff, #4985ff);}
	
}

@media (max-width: 700px) {
	header{}
	
	header .wrapper{position: relative;z-index: 99999;}	
		
	nav{}	
	
	header .wrapper nav #logo_header{ width: 96%;height: 60px;padding:0px 0 0px 20px;margin:0;background:white; position:fixed;	top:20px;left:2%;ransition: .5s;box-sizing: border-box;border-radius: 30px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);z-index: 9999;display: flex;align-items: center}
	header .wrapper nav #logo_header img{width: 48%;margin-top: 8px}
		
	.button{display:block;	position: fixed;	right:2%;top:15px;width: 70px;height:70px;padding:0px;margin: 0;background:linear-gradient(0deg, #0064dc, #0095ff);cursor:pointer;border-radius:35px;z-index: 9999} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background:#ffffff;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background:#ffffff;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    
	
	#nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background:rgba(23,54,203,0.8);}
	
	#nav_menu .inner{position:fixed;	top:0px;left: 0;width:100%;height:75vh;margin:0 auto;padding:100px 0 0 0;box-sizing: border-box;background:#1736cb;overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}
	#nav_menu .inner a{display:block;width: 90%;margin: 0 auto;padding: 16px 0px; text-decoration:none;color:white;font-size: 15px;letter-spacing:0px;font-weight:500;border-bottom: 1px solid #44b2ff}
	#nav_menu .inner a:hover{color:#44b2ff}	
	
	#cta_header{position:fixed;	bottom:20px;left:5%;width:90%;z-index: 99999;}
	#cta_header a{position:relative;display:block;padding:18px 0;text-align:center;color:white;font-size:17px;left:1px;line-height:1;font-weight:600;letter-spacing:0px;text-decoration: none;border-radius: 50px;z-index:0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
	#cta_header a:before{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-1;  top: 0;left:0;border-radius: 50px;  transition:0.5s;background:linear-gradient(#ffbf00,#ffa20f);}
	#cta_header a:after{  content:"";  width:100%;  height:100%;  position:absolute;  z-index:-2; top: 0; left:0;  border-radius: 50px;background:linear-gradient(0deg, #0064dc, #0095ff);}
	#cta_header a:hover:before{  opacity:0;}
	
	#cta_header a span{position: relative;padding-left: 20px}
	#cta_header a span::before{position: absolute;top: 50%;transform: translateY(-50%);right:95%;content: '';width: 12%;height: 80px;background: url("../img/cta_icon_diagnosis.png") no-repeat;background-position: 50% 50%;background-size: 100% auto}
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 0px 0;}	
	
	footer .official_site{width:80%;margin:30px auto;border: 2px solid #dce7f7;}
	footer .official_site a{padding:20px 0;display:block;color:#1d63d8;font-size: 12px;letter-spacing: 0px;text-align:center;}
	footer .official_site a span{display:block;}
	footer .official_site a span img{width:60%;max-width: 200px;margin-bottom: 5px;transition: all  0.3s ease;}
	footer .official_site a:hover{color:#a9c9f7;}
	footer .official_site a:hover img{opacity: 0.5}
	
	footer small{width:100%;margin:0 auto;padding:20px 0 100px 0;display:block;color: white;font-size: 12px;letter-spacing: 1px;text-align:center;background:linear-gradient(45deg, #34aeff, #4985ff);}
}