@charset "UTF-8";
/*
======================
 Type-B
======================
*/

/*
::::::::::::::::::::
 共通タグ
::::::::::::::::::::
*/

*
{
	border: 0;
	color: *#fff;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin:0;
	padding:0;
	text-decoration: none;
}
table
{
	border-collapse: collapse;
}
select {
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
appearance: none;	/* 標準のスタイルを無効にする */ 
}
::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
display: none;
}

h1,h2,h3
{
	font-weight: nomal;
}

h1
{
	display: none;
	height: 0;
}

h2
{
	font-size: 200%;
}

.lft
{
	text-align: left;
}
.cnt
{
	text-align: center;
}
.rgt
{
	text-align: right;
}

.p0
{
	padding: 0;
}
.m0
{
	margin: 0;
}

/*
::::::::::::::::::::
 共通
::::::::::::::::::::
*/

body {
	background-color: #969696;
}
#site {
	background-color: #fff;
	margin: 0 auto;
/*	max-width: 1400px;*/
	width: 100%;
}

/*
::::::::::::::::::::
 ヘッダーとフッター
::::::::::::::::::::
*/
header {
	background-color: #125EB4;
	height: 80px;
}
div.head-film {
}
div.head-film.head-top {
	background-color: #125EB4;  /*ヘッダーバーカラー */
	height: 80px;
/*	max-width: 1400px;*/
	width: 100%;
	position: absolute;
	left: auto;
	right: auto;
	top: 0;
	opacity: 1;   /* 透過 0.8 */
	z-index:100;
}
header.head-top {
	background: 0;
	position: absolute;
	left: auto;
	right: auto;
	top: 0;
	opacity: 1;
	z-index:990;
/*	max-width: 1400px;*/
	width: 100%;
}
header * {
	color: #ffffff; /* メニュー文字カラー */
}
header .bar {
	width: 100%;
}
header .bar ul.menu {
    float: right;
	height: 50px;	
	line-height: 50px;
	margin-top: 15px;
	vertical-align: middle;
}
header .bar ul.menu li {
    float: left;
    list-style: none outside none;
	margin-left: 30px;
	padding: 0;

}
header .bar ul.menu li:last-child {
	margin-right: 20px;
}
header .bar ul.menu li a img.sns {
	height: 40px;
	width: 40px;
}
header .bar ul.menu::after
{
	content: "";
	display: block;
	clear: both;
}
header .bar a.sp-menu
{
	display: none;

}


header .bar ul.menu li {
	margin-left: 40px;

}
header .bar ul.menu li:last-child {
	margin-right: 50px;
}
header .bar ul.menu li a {
	font-size: 16px;
	font-weight: bold;
}
/* ヘッダロゴ */
div.logo {
	position: absolute;
	float:left;
	width: 270px;
	height: 80px;
	margin-left: 50px;
	z-index: 990;
}
div.logo .eizo {
	color: #fff;  /* キッチカラー */
	font-size: 14px;
	margin: 12px 0 0 0px;
}
iv.logo .kabu {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 28px;
	height: 28px;
	margin: 3px 0 0 10px;
	vertical-align: bottom;
}
div.logo .kan {
	color: #fff;
	font-size: 20px;
	line-height: 26px;  /*調整*/
	margin: 3px 0 0 5px;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 0.5px;
	vertical-align: bottom;
}







footer {	
	background-color: #696969;
	
	padding: 0;
	margin: 0;
	
	/*padding: 30px 0 10px;*/
	text-decoration: none;
}
footer *
{
	color: #fff;
}
footer .bar ul.menu
{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #b0c4de;
	line-height: 100px;
	height: 100px;/*50px;*/
	text-align: center;
	vertical-align: middle;
}
footer .bar ul.menu li
{
	display: inline-block;
	margin: 0 15px;
}
footer .bar ul.menu li:not(:first-child) a:before
{
	content:"|\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}
footer .owner
{
	line-height: 210px;
	height: 210px;
	margin: 0;
}
footer .owner *
{
	margin: 0 auto;
	padding: 0;
}
footer .owner .owner-name
{
	line-height: 80px;
	height: 80px;
	margin: 0 auto;
	vertical-align: middle;
}
footer .owner .owner-address
{
	line-height: 40px;
	height: 40px;
	margin: 20px auto 0;
}
footer .owner .owner-tel-fax
{
	line-height: 20px;
	height: 20px;
	margin: 0 auto 60px;
}

footer .owner .owner-name .kabu {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 28px;
	height: 28px;
	margin: 3px 0 0 10px;
	vertical-align: bottom;
}
footer .owner .owner-name .kan {
	color: #fff;
	font-size: 20px;
	line-height: 32px;
	margin: 2px 0 0 5px;
	font-family: 'Archivo Black', sans-serif;
	letter-spacing: 0.5px;
	vertical-align: bottom;
}


footer .owner ,
footer .copy
{
	text-align: center;
}
footer .copy
{
	border-top: solid 1px #b0c4de;
	line-height: 60px;
	height: 60px;
	vertical-align: middle;
}
footer .copy a
{
	font-size: 12px;
}

#to-top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #125EB4;
  opacity: 1;
  border-radius: 0%;
}
#to-top a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#to-top a::before {
  content: '';
  width: 25px;
  height: 25px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 28px;
  left: 17px;
}

#memo {
	color: #fff;
  position: fixed;
  left: 10px;
  bottom: 10px;
  background: #333;
  padding: 10px;
  border-radius: 10px;
}

/*
:::::::::::::::::::
　共通で利用するタグ
:::::::::::::::::::
*/
/*
.inner-box
{
	margin: 0 auto;
}
.inline
{
	display: inline-block;
}
*/
/*文字サイズ*/
.f-60{ font-size: 60%;}
.f-65{ font-size: 65%;}
.f-70{ font-size: 70%;}
.f-75{ font-size: 75%;}
.f-80{ font-size: 80%;}
.f-85{ font-size: 85%;}
.f-90{ font-size: 90%;}
.f-95{ font-size: 95%;}
.f-100{ font-size: 100%;}
.f-105{ font-size: 105%;}
.f-110{ font-size: 110%;}
.f-115{ font-size: 115%;}
.f-120{ font-size: 120%;}
.f-125{ font-size: 125%;}
.f-130{ font-size: 130%;}
.f-135{ font-size: 135%;}
.f-140{ font-size: 140%;}
.f-145{ font-size: 145%;}
.f-150{ font-size: 150%;}
.f-160{ font-size: 160%;}
.f-170{ font-size: 170%;}
.f-180{ font-size: 180%;}
.f-190{ font-size: 190%;}
.f-200{ font-size: 200%;}
.f-250{ font-size: 250%;}
.f-300{ font-size: 300%;}
.f-350{ font-size: 350%;}
.f-400{ font-size: 400%;}
.f-450{ font-size: 450%;}
.f-500{ font-size: 500%;}
.f-550{ font-size: 550%;}
.f-600{ font-size: 600%;}
.f-650{ font-size: 650%;}
.f-700{ font-size: 700%;}
.f-750{ font-size: 750%;}
.f-800{ font-size: 800%;}
.f-850{ font-size: 850%;}
.f-900{ font-size: 900%;}
.f-950{ font-size: 950%;}
.f-1000{ font-size: 1000%;}
.f-b{ font-weight: bold}

/*横幅%*/
.w-10{ width: 10%;}
.w-15{ width: 15%;}
.w-20{ width: 20%;}
.w-25{ width: 25%;}
.w-30{ width: 30%;}
.w-35{ width: 35%;}
.w-40{ width: 40%;}
.w-45{ width: 45%;}
.w-50{ width: 50%;}
.w-55{ width: 55%;}
.w-60{ width: 60%;}
.w-65{ width: 65%;}
.w-70{ width: 70%;}
.w-75{ width: 75%;}
.w-80{ width: 80%;}
.w-85{ width: 85%;}
.w-90{ width: 90%;}
.w-95{ width: 95%;}
.w-100{ width: 100%;}

/*横幅px*/
.w100{ width: 100px;}
.w150{ width: 150px;}
.w200{ width: 200px;}
.w250{ width: 250px;}
.w300{ width: 300px;}
.w350{ width: 350px;}
.w400{ width: 400px;}
.w450{ width: 450px;}
.w500{ width: 500px;}
.w550{ width: 550px;}
.w600{ width: 600px;}
.w650{ width: 650px;}
.w700{ width: 700px;}
.w750{ width: 750px;}
.w800{ width: 800px;}
.w850{ width: 850px;}
.w900{ width: 900px;}
.w950{ width: 950px;}
.w1000{ width: 1000px;}

/*色*/
.red{color: #f00;}
.darkblue{color: #00008b;}
.darkred{ color: #8b0000;}
.tomato{ color: #ff6347;}
.pink{ color: #ff66ff;}
.brown{	color: #78552B;}
.chocolate{	color: #d2691e;}
.blue{ color: #0000ff;}
.cornflowerblue{ color: #6495ed;}
.dodgerblue{ color: #1e90ff;}
.lightskyblue{ color: #87cefa;}
.steelblue{	color: #4682b4;}
.black{	color: #000000;}
.dimgray{ color: #696969;}
.gray{ color: #808080;}
.gainsboro{ color: #dcdcdc;}
.whitesmoke{ color: #f5f5f5;}

/*バックグラウンド*/
.bg-red{ background-color: #f00;}
.bg-darkblue{color: #00008b;}
.bg-darkred{ background-color: #8b0000;}
.bg-tomato{ background-color: #ff6347;}
.bg-pink{ background-color: #ff66ff;}
.bg-brown{ background-color: #78552B;}
.bg-chocolate{ background-color: #d2691e;}
.bg-blue{ background-color: #0000ff;}
.bg-cornflowerblue{ background-color: #6495ed;}
.bg-dodgerblue{ background-color: #1e90ff;}
.bg-lightskyblue{ background-color: #87cefa;}
.bg-steelblue{ background-color: #4682b4;}
.bg-black{ background-color: #000000;}
.bg-dimgray{ background-color: #696969;}
.bg-gray{ background-color: #808080;}
.bg-gainsboro{ background-color: #dcdcdc;}
.bg-whitesmoke{ background-color: #f5f5f5;}


/* 文字の改行 */
.sp ,
.br-sp {
	display: none;
}