@charset "utf-8";

.pc{
display: block !important;
}
.sp{
display: none !important;
}
#wrapInner{
width: 1200px;
margin: 0 auto;
}
h2.h2{
  margin-top: 60px;
}
h3.h3{
color: #0650A1;
}
/* header menu
-------------------------------------*/
header{
width: 100%;
}
header section{
width: 1200px;
margin: 20px auto;
padding:0 20px;
}
header section p.read{
font-size: 88%;
}
header section h1{
float: left;
}
header section div.contact,
header section div.tel{
float: right;
margin: 20px 0 0 24px;
}
header nav{
background: #014FA2;
}
header nav > ul{
	margin:0 auto;
    width:1200px;
    font-size:15px;
}
header nav ul {
  position: relative;
  background: #014FA2;
}
header nav ul li {
  position: relative;
  float: left;
}
header nav ul li:hover,
nav ul li a.active {
  background-color: rgba(255,255,255,.3);
}
header nav ul li a {
  display: inline-block;
  padding: 1em 1.41em;
  color: #fff;
/*  line-height: 1; */
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
header nav ul ul {
  position: absolute;
  top: 100%;
  left: 0;
}
header nav ul ul li {
  float: none;
  margin: 0;
}
header nav ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}
header nav ul ul {
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in-out;
  transform: translateY(10px);
}
header nav ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 9999;
}

/* SNS
-------------------------------------*/
.twitter{
    width:30%;
    height:300px;
    overflow-x:auto;
    margin:40px 70px 0 220px;
    border:1px solid #ccc;
    float:left;
}
.sns_banner{
    margin:75px 230px 0 0;
    float:left;
}
/* footer
-------------------------------------*/
footer{
width: 100%;
}
footer section{
width: 1200px;
margin: 0 auto;
}
footer p.copyright{
    width:1200px;
    margin:0 auto;
}


/* pagetop
-------------------------------------*/
#pagetop{
	background: #014FA2;
	padding: 2em 1em;
	position: fixed;
	right: 3%;
	bottom: 7%;
	border-radius: 5px;
	border: 1px solid #fff;
}
#pagetop:hover{
	opacity: 0.7;
}

/* mouseover
-------------------------------------*/
.dark-tooltip{ display:none; position:absolute; z-index:99; text-decoration:none; font-weight:normal; height:auto; top:0; left:0;}
.dark-tooltip.small{ padding:4px; font-size:12px; max-width:150px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.dark-tooltip.medium{ padding:10px; font-size:14px; max-width:200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.dark-tooltip.large{ padding:16px; font-size:16px; max-width:250px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* Tips */
.dark-tooltip .tip{ transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); content: ""; position: absolute; width:0; height:0; border-style: solid; line-height: 0px; }
.dark-tooltip.south .tip{ left:50%; top:100%;}
.dark-tooltip.west .tip{ left:0; top:50%;}
.dark-tooltip.north .tip{ left:50%; top:0; }
.dark-tooltip.east .tip{ left:100%; top:50%;}
.dark-tooltip.south.small .tip{ border-width: 7px 5px 0 5px; margin-left:-5px;}
.dark-tooltip.south.medium .tip{ border-width: 8px 6px 0 6px; margin-left:-6px;}
.dark-tooltip.south.large .tip{ border-width: 14px 12px 0 12px; margin-left:-12px;}
.dark-tooltip.west.small .tip{ border-width: 5px 7px 5px 0; margin-left:-7px; margin-top:-5px;}
.dark-tooltip.west.medium .tip{ border-width: 6px 8px 6px 0; margin-left:-8px; margin-top:-6px;}
.dark-tooltip.west.large .tip{ border-width: 12px 14px 12px 0; margin-left:-14px; margin-top:-12px;}
.dark-tooltip.north.small .tip{ border-width: 0 5px 7px 5px; margin-left:-5px; margin-top:-7px;}
.dark-tooltip.north.medium .tip{ border-width: 0 6px 8px 6px; margin-left:-6px; margin-top:-8px;}
.dark-tooltip.north.large .tip{ border-width: 0 12px 14px 12px; margin-left:-12px; margin-top:-14px;}
.dark-tooltip.east.small .tip{ border-width: 5px 0 5px 7px; margin-top:-5px;}
.dark-tooltip.east.medium .tip{ border-width: 6px 0 6px 8px; margin-top:-6px;}
.dark-tooltip.east.large .tip{ border-width: 12px 0 12px 14px; margin-top:-12px;}

/* confirm */
.dark-tooltip ul.confirm{ list-style-type:none;margin-top:5px;display:inline-block;margin:0 auto; }
.dark-tooltip ul.confirm li{ padding:10px;float:left;margin:5px;min-width:25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

/* themes */
.dark-tooltip.dark{ background-color:#1B1E24; color:#fff; border-radius: 5px;}
.dark-tooltip.light{ background-color:#ebedf3; color:#1B1E24; }
.dark-tooltip.dark.south .tip{ border-color: #1B1E24 transparent transparent transparent; _border-color: #1B1E24 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.dark.west .tip{ border-color: transparent #1B1E24 transparent transparent; _border-color: #000000 #1B1E24 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.dark.north .tip{ border-color: transparent transparent #1B1E24 transparent; _border-color: #000000 #000000 #1B1E24 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.dark.east .tip{ border-color: transparent transparent transparent #1B1E24; _border-color: #000000 #000000 #000000 #1B1E24; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.south .tip{ border-color: #ebedf3 transparent transparent transparent; _border-color: #ebedf3 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.west .tip{ border-color: transparent #ebedf3 transparent transparent; _border-color: #000000 #ebedf3 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.north .tip{ border-color: transparent transparent #ebedf3 transparent; _border-color: #000000 #000000 #ebedf3 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.light.east .tip{ border-color: transparent transparent transparent #ebedf3; _border-color:#000000 #000000 #000000 #ebedf3 ; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
/* Animations */
.animated{
  -webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
  -webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;
}
.fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}

/* Modal */
.box{
  float: left;
  background: #eee;
  width:100%;
  text-align:center;
  margin:2.5px 0;
}
.box.fixed-box{
  position:fixed;
  right:50%;
  top:25%;
}