@charset "utf-8";
/* CSS Document */
body{
width:100%;
margin:0;
}
header{
	width:100%;
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	box-sizing: border-box;
	box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.5);
	overflow:hidden;
	padding-bottom: 10px;
	text-align:center;
}

header .logo-area img{
	width:100%;
}

header p{
	margin:1.5px 0;
	font-size:14px;
	
}
header .time{
	text-align:center;
	margin-bottom:5%;
}

/*.content01{
display:none;
}

.content01 p{
font-size:18px;
font-weight:bold;
margin:1% 0 0.5% 0;
}
*/

.content01 br.djs{display:inline;}

.content02{
display:none;
}

.content02 p{
	margin-bottom:0;
	background-color:#fff;
}

.under-area{
box-sizing:border-box;
width:100%;
border:solid 10px #004f8a;
border-right:solid 25px #004f8a;
border-left:solid 25px #004f8a;
padding:1% 5%;
display:flex;
flex-direction: column;
}

.under-area .f-left{
width:100%;
box-sizing:border-box;
}

.under-area .f-right{
width:100%;
box-sizing:border-box;
}

.under-area .f-left .f-title,.under-area .f-right .f-title{
	color:#0b274d;
	font-size:16px;
	margin-bottom:0;
	width:100%;
	boxsizing:border-box;
}

.under-area .f-left .f-name span{
	color:#0b274d;
	font-size:16px;
	font-weight:normal;
	margin-bottom:0;
	width:100%;
}

.under-area .f-left .f-name{
margin-bottom:3px;
font-size:18px;
font-weight:bold;
color:#333;
display:inline-block;
width:270px;
vertical-align: middle;
}

.under-area .f-name2{
margin:0px;
font-size:18px;
font-weight:bold;
color:#333;
display:inline-block;
width:270px;
}

.f-left .campany-logo{
display:inline-block;
width:140px;
text-align:left;
box-sizing: border-box;
margin-bottom:3px;
vertical-align: middle;
}

.under-area .right .campany-logo2{
width:100%;
text-align:left;
box-sizing: border-box;
font-size:3vw;
}

.under-area .campany-logo2 img{
width:auto;
}

footer{
width:100%;
font-size:0;
background-color:#333;
text-align:center;
}

footer p{
font-size:16px;
color:#fff;
margin:0;
z-index:101;
}

.navi{
width:35%;
position:fixed;
right:0;
bottom:2.5%;
z-index:100;
margin:0;
}

.navi img{
width:100%;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

a :hover{
 opacity:0.8;
}