@charset "utf-8";


.top {
    position: relative;
    padding: 0px;
}
.proper2 {
    position: relative;
    padding: 0px;
    background-image: url(../img/4477613_l.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.logo2{
 
    top: 0px;
    width: 100%;
}


/*-----------------------------*/


@media (max-width:428px){
.pc {

    visibility: hidden;
}	
 .proper2 {
	position: relative;
    height: 115px;
	border-bottom: 20px solid ;
	 border-image: linear-gradient(to top, #0d72bc 0%, #03227c 60%);
    border-image-slice: 100; 
	margin-bottom: 30px;
}
.logo2 .navi{
	padding-top:3%;
	padding-left: 30px;
	float: right;
}
.logo2 .navi li a {
    color: #FFFFFF!important;
    font-size: .8rem;
    margin-right: .7rem;	

}

.mobile {

    visibility:visible;
}	
	
.logo2{
 
    padding-top: 10px;
	margin-left: 10px;
    max-width: 400px;
}
}
	
@media (max-width:767px) and (min-width:428px){
.pc {

    visibility: hidden;
}	
.proper2 {
    height: 150px;
	 border-bottom: 30px solid ;
	border-image: linear-gradient(to top, #0d72bc 0%, #03227c 60%);
    border-image-slice: 100; 
}	
.mobile {
    visibility: visible;
}	
	
.logo2{

    padding-top: 15px;
	left: 10px;
    max-width: 700px;
}

.logo2 .navi{
	padding-top:2%;
	
}
.logo2 .navi li a {
    color: #FFFFFF!important;
    font-size: 1rem;
    margin-right: 1rem;
}
.logo2 .navi li a:hover {
    color: #FFFFFF!important;
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;

}		
		
}


@media (max-width:991.98px) and (min-width:768px){
.proper2 {
    height: 150px;
	  border-bottom: 40px solid ;
	 border-image: linear-gradient(to top, #0d72bc 00%, #03227c 50%);
    border-image-slice: 100; 
}	
	

.logo2{
   
    padding-top: 10px;
	left: 20px;
    max-width: 900px;
}
	.logo2 .navi{
    list-style: none;
    padding-top: 7%;
}
.logo2 .navi li a {
    color: #5a5a5a!important;
    font-size: .9rem;
    margin-right: .8rem;

}
.logo2 .navi li a:hover {
    color: #5a5a5a!important;
    font-size: 0.9rem;
    margin-right: .8rem;
    text-decoration: none;
    border-bottom: 5px solid #1b95d4;
}	
}
@media (max-width:1199.98px) and (min-width:992px){
	
.proper2 {
    height: 170px;
	  border-bottom: 45px solid ;
	 border-image: linear-gradient(to top, #0d72bc 0%, #03227c 40%);
    border-image-slice: 100;
}	
.logo2{

    padding-top: 15px;
	left: 0px;
    max-width: 1000px;
}	
	.logo2 .navi{
    list-style: none;
    padding-top: 7%;

}	
	.logo2 .navi li a {
    color: #5a5a5a!important;
    font-size: 1rem;
    margin-right: 1.5rem;

}	
.logo2 .navi li a:hover {
    color: #5a5a5a!important;
    font-size: 1rem;
    margin-right: 1.5rem;
    text-decoration: none;
    border-bottom: 5px solid #1b95d4;
}
	
}
@media (min-width:1200px){
	
.proper2 {
    height: 190px;
	  border-bottom: 45px solid ;
	 border-image: linear-gradient(to top, #0d72bc 0%, #03227c 30%);
    border-image-slice: 100;
}	
.logo2{
    padding-top: 15px;
	left: 0px;
    max-width: 1200px;
}	
	.logo2 .navi{
    list-style: none;
    padding-top: 7%;

}	
	.logo2 .navi li a {
    color: #5a5a5a!important;
    font-size: 1rem;
    margin-right: 1.5rem;

}	
.logo2 .navi li a:hover {
    color: #5a5a5a!important;
    font-size: 1rem;
    margin-right: 1.5rem;
    text-decoration: none;
    border-bottom: 5px solid #1b95d4;
}
	
}