@charset "UTF-8";
a:hover{
opacity:0.6;	
}
/*--PC表示---------------------------------*/
@media only screen and (min-width : 769px ){
.pc { display: block !important; }
.sp { display: none !important; }		
/*---index----------*/	
.mainimg-index {
background-image: url("../img/mainimg/mainimg-index.webp"); 
max-width: 100%;
height: 550px;	
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0.5rem auto 0rem auto;
}	
.main-cont {
max-width: 1080px;	
text-align: center;
margin: 0rem auto 0rem auto;
}
.small-h1{
font-size: 50%;
margin: 0rem 0rem -5rem 0rem;	
vertical-align: bottom;
}		
.small-top{
font-size: 1rem;
}
.main-cont h1{
color: #0058a5;		
text-align: left;
line-height: 1rem;
font-size: 3rem;	
font-weight:600;
margin:5rem 0rem 0.5rem 2rem;
padding: 8rem 0rem 0rem 0rem;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4)
}	

.main-cont h2{
color: #002d5a;		
text-align: left;
line-height: 4rem;
font-size:2.25rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem 2rem;
padding: 0.5rem 0rem 0rem 0rem;
display: flex;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}	
.main-cont-main h1{
color: #0058a5;		
text-align: left;
line-height: 5.25rem;
font-size: 5rem;	
font-weight:600;
letter-spacing: 0.1rem;	
margin:0rem 0rem 0rem 2rem;
padding: 4.5rem 0rem 0rem 0rem;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4)
}	

.main-cont-main h2{
color: #AF0000;		
text-align: left;
line-height: 3rem;
font-size:2.5rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem 2rem;
padding: 0.5rem 0rem 0rem 0rem;
display: flex;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}	
.main-cont-main h3{
color: #333;		
text-align: left;
line-height: 2rem;
font-size:1.5rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem 2rem;
padding: 0.5rem 0rem 0rem 0rem;
display: flex;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}			
.main-cont-main p{
width: 50%;	
color: #333;		
text-align: left;
line-height: 1.5rem;
font-size:1rem;	
font-weight: 500;	
margin: 0rem 0rem 0rem 2rem;
padding: 0.5rem 0rem 0rem 0rem;
display: flex;
}		
/*--pr------*/	
.main-cont .index-3{
text-align: left;
margin: 1rem 0rem 0rem 2rem;
}	
.main-cont .index-3 img{
width: 60%;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}	
/*---dr-blog---------------------*/	
.main-cont .btn-dr-blog {
text-align: right;	
margin: -7rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}		
.main-cont .btn-dr-blog img{
width: 150px;	
margin: -1rem 0rem 10rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}		
/*---btn---------------------*/	
.index-btn{
display: flex;
margin: 0rem 0rem 0rem 2rem;	
}
.index-btn-2{
display: flex;
margin: 1rem 0rem 0rem 2rem;
}	
	
.btn-houkei{
background-color: #007dc8;
border:solid 3px #006DAE;	
border-radius: 6px;
height: 50px;	
padding: 0.2rem 1rem 0.25rem 1rem;	
}	
.btn-houkei h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:2.3rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem 0rem;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}		
	
.btn-zoudai{
background-color: #A40000;
border:solid 3px #870101;	
border-radius: 6px;
height: 50px;	
padding: 0.2rem 1rem 0.25rem 1rem;	
margin: 0rem 0rem 0rem 1rem;
}	
.btn-zoudai h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:2.3rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.1rem 0rem 0rem 0rem;
}		
.btn-cyoukei{
background-color: #006432;
border:solid 3px  #004F27;	
border-radius: 6px;
height: 50px;	
padding: 0.2rem 1rem 0.25rem 1rem;	
margin: 0rem 0rem 0rem 1rem;
}	
.kaigyou{
display: flex;
}		
.btn-cyoukei h4{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1rem;
line-height: 1.2rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: 0rem 0rem 0rem 0rem;
}			
.btn-cyoukei h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:2.3rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.1rem 0rem 0rem 0rem;
}		
	
.btn-ED{
background-color: #e16402;
border:solid 3px #E14702;	
border-radius: 6px;
height: 50px;	
padding: 0.5rem 1rem 0.25rem 1rem;	
margin: 0rem 1rem 0rem 0rem;
}	
.btn-ED h4{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1rem;
line-height: 1.2rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.25rem 0rem 0rem 0rem;
}			
.btn-ED h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:3rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.75rem 0rem 0rem 0rem;
}	
.btn-AGA{
background-color: #555;
border:solid 3px #333;	
border-radius: 6px;
height: 50px;	
padding: 0.5rem 0.75rem 0.25rem 0.75rem;	
margin: 0rem 1rem 0rem 0rem;
}	
.btn-AGA h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:3rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.75rem 0.2rem 0rem 0rem;
}		
.btn-AGA h4{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1rem;
line-height: 1.2rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: -0.25rem 0rem 0rem 0rem;
}			
	
.btn-std{
background-color: #640096;
border:solid 3px #53017C;	
border-radius: 6px;
height: 50px;	
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
margin: 0rem 0rem 0rem 0rem;
}	
.btn-std h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:2.3rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin:-0.05rem 0.3rem 0rem 0rem;
}
	
.btn-std h4{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1rem;
line-height: 1.2rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: 0rem 0rem 0rem 0rem;
}	
	
.btn-prescription{
background-color: #e04b64;
border:solid 3px #C94343;		
border-radius: 6px;
height: 50px;	
padding: 0.25rem 0.75rem 0.25rem 0.75rem;	
margin: 0rem 0rem 0rem 1rem;
}	
.btn-prescription h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:2.5rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: 0rem 0rem 0rem 0rem;
}	
.btn-prescription h4{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1rem;
line-height: 1.2rem;	
font-weight: 600;	
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
margin: 0.4rem 0rem 0rem 0rem;
}		
/*--------------------*/	
.mainimg-cont2 h1{
color: #fefef6;	
text-align: center;
line-height: 3.5rem;
font-size: 7rem;	
font-weight: 300;	
letter-spacing: 0.3rem;	
margin:25rem auto 0rem auto;
padding: 3rem 2rem 2rem 2rem;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
background-color: rgba(51, 166, 184, 0.3);	
width: 350px;	
}	

.mainimg-cont2 h2{
color: #fefef6;		
text-align: center;
line-height: 4rem;
font-size: 5rem;	
font-weight: 300;	
margin: -5.5rem auto 0rem auto;
padding: 0rem 0rem 1rem 0rem;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);	
background-color: rgba(51, 166, 184, 0.3);	
width: 350px;	
}		

	


}



/*--SP表示---------------------------------*/
@media only screen and (max-width :768px ){
.pc { display: none !important;}
.sp { display: block !important;}  
	
/*---index----------*/	
.mainimg-index {
background-image: url("../img/mainimg/mainimg-index-sp.webp"); 
max-width: 100%;
height: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 4rem auto 0rem auto;
padding:  0rem;	
}	
.main-cont {
max-width: 96%;	
text-align: center;
margin: 0rem auto  0rem auto;
}
.small{
font-size: 1.5rem;
vertical-align: bottom;
}	
.main-cont h1{
color: #0058a5;		
text-align: left;
line-height: 3.5rem;
font-size: 3rem;	
font-weight:bold;
margin:0rem auto 0.5rem auto;
padding: 2.5rem 0rem 0rem 1rem;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4)
}	

.main-cont h2{
color: #002d5a;		
text-align: center;
line-height: 1.75rem;
font-size:1.3rem;	
font-weight: 600;	
margin: 0rem 0rem 0.25rem 1.25rem;
padding: 0rem 0rem 0rem 0rem;
display: flex;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}	
.small-btn{
transform: scale(0.3, 1);	
color: #fff;
font-size: 50%;	
padding:0 0 0 0.5rem;	
vertical-align: 0.2rem;	
}	
/*--pr------*/	
.main-cont .index-3{
text-align: center;
margin: 1rem auto 0rem auto;
}	
.main-cont .index-3 img{
width: 96%;
margin: 0rem auto 0rem auto;
padding: 0rem 0rem 0rem 0rem;
}	
/*---dr-blog---------------------*/	
.btn-dr-blog {
text-align: right;	
margin: -12rem 4rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}		
.btn-dr-blog img{
width: 120px;	
margin: 0rem -3.5rem 10rem 0rem;
padding: 0rem 0rem 0rem 0rem;
}		
/*---btn---------------------*/	
.index-btn{
width: 58%;
}
.index-btn-2{
display: flex;
margin: 1rem 0rem 1rem 0rem;
}	
	
.btn-houkei{
background-color: #007dc8;
border:solid 2px #006DAE;	
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0rem 0rem 0rem 1rem;
}	
.btn-houkei h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}		
	
.btn-zoudai{
background-color: #A40000;
border:solid 2px #870101;		
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0.5rem 0rem 0rem 1rem;
}	
.btn-zoudai h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}		
.btn-cyoukei{
background-color: #006432;
border:solid 2px  #004F27;		
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0.5rem 0rem 0rem 1rem;
}	
	
.btn-cyoukei h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}		
	
.btn-ED{
background-color: #e16402;
border:solid 2px #E14702;		
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0.5rem 0rem 0rem 1rem;
}	
		
.btn-ED h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem -0.75rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
transform: scale(0.8, 1);	
}	
.btn-aga{
background-color: #555;
border:solid 2px #333;		
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0.5rem 0rem 0rem 1rem;
}	
		
.btn-aga h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem -1.05rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
transform: scale(0.8, 1);	
}		
.btn-std{
background-color: #640096;
border:solid 2px #53017C;		
border-radius: 4px;
padding: 0.5rem 0rem 0.4rem 0rem;
margin: 0.5rem 0rem 0rem 1rem;
}	
.btn-std h3{
color: #fefef6;	
white-space:nowrap;	
text-align: center;
font-size:1.4rem;	
font-weight: 600;	
margin: -0.1rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;			
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}	
	
	
/*--------------------*/	
.mainimg-cont2 h1{
color: #fefef6;	
text-align: center;
line-height: 3.5rem;
font-size: 7rem;	
font-weight: 300;	
letter-spacing: 0.3rem;	
margin:25rem auto 0rem auto;
padding: 3rem 2rem 2rem 2rem;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
background-color: rgba(51, 166, 184, 0.3);	
width: 350px;	
}	

.mainimg-cont2 h2{
color: #fefef6;		
text-align: center;
line-height: 4rem;
font-size: 5rem;	
font-weight: 300;	
margin: -5.5rem auto 0rem auto;
padding: 0rem 0rem 1rem 0rem;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);	
background-color: rgba(51, 166, 184, 0.3);	
width: 350px;	
}	}