@charset "UTF-8";

/*
|
|	CSSリセット
|
*/
html,body,ul,li,p,h1,h2,h3,h4,h5,h6,ul,li{ padding:0px;margin:0px; }
ul,li{ list-style-type:none; }
img{ vertical-align:bottom; }

/* 明朝の場合
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; */
:root{
	--base-width:1600px;
	--max-width:1920px;
	--base-font:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	--base-font-sz:16px;
	--base-font-col:#001539;
	--link-hover-col-red: red;
	--font-mincho: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

body{
	-webkit-text-size-adjust:100%; /*スマホ時のフォント自動拡大対策)*/
	font-family:var(--base-font);
	color:var(--base-font-col);
	font-size:var(--base-font-sz);
	}

.clearfix { zoom:1; }
.clearfix:after{ content: "";display:block;clear:both; }

/*
|
|　テキストカラー
|
*/
.colFFF{ color:#FFF; }
.col01{ color:#FE8000; }
.col02{ color:#15729F }

/*
|
|　BGカラー
|
*/
.bg-coFFF{ background-color:#FFF; }
.bg-col01{ background-color:#FE8000; }
.bg-col02{ background-color:#001539; }
.bg-col03{ background-color:#E0E2E4; }
.bg-col04{ background: linear-gradient(180deg, #001539 0%, #001539 50%, #e1eaf6 100%); }
.bg-col05{ background-color:#F0F1F2; }
.bg-col06{ background: linear-gradient(0deg, #001539 0%, #001539 50%, #e1eaf6 100%); }
.bg-col07,
.NW-area-cat-lst a,
.NW-area-bdy-lst-hd a{ background-color:#FFAD00; }
.bg-col08{ background: linear-gradient(45deg, #001539 0%, #001539 40%, #e1eaf6 100%); }
.bg-col09{ background-color:#FEA64C; }
.bg-col10{ background-color:rgba(255,128,0,0.8); }
.bg-col11{ background-color:rgba(0,21,56,0.7); }
.bg-col12{ background-color:#4D5C75; }
.bg-col13{ background-color:#F0F1F3; }

/*
|
|　リンクカラー
|
*/
a{ text-decoration:none;transition: all 1s ease; }
a img{ opacity: 1;transition: all 1s ease; }
.mn-lst a{ color:var(--base-font-col); }
nav .btn-contact a,
.ft-contact-us a,

a.com-btn,
.NW-area-bdy-lst-bdy a{ color: #FFF; }
.NW-area-cat-lst a,
.NW-area-bdy-lst-hd a{ color:#001539; }


.srvc-area-lst-tit img:hover{ scale:1.1; }
a:hover{ color:var(--link-hover-col-red)!important;transition: all 0.5s ease; }
a img:hover{ opacity: 0.25;transition: all 0.5s ease; }