@charset "utf-8";

/* ====================================================================
初期化
==================================================================== */
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
}


table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}
a img{
    border:none;
}

*{
    margin:0;
    padding:0;
}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

img{
    max-width: 100%;
    height: auto;
    width:auto;
}

ul,ol,li { list-style:none;}
img {vertical-align : middle;}

hr{
	height: 0px;
	margin: 0px;
	border: none;
}

/* ==================================================================== */
#loading-wrapper { 
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #fff; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  transition: all 0.3s; 
  z-index: 9999;
}
.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #006dcc;
  background: -moz-linear-gradient(left, #006dcc 10%, rgba(0,109,204, 0) 42%);
  background: -webkit-linear-gradient(left, #006dcc 10%, rgba(0,109,204, 0) 42%);
  background: -o-linear-gradient(left, #006dcc 10%, rgba(0,109,204, 0) 42%);
  background: -ms-linear-gradient(left, #006dcc 10%, rgba(0,109,204, 0) 42%);
  background: linear-gradient(to right, #006dcc 10%, rgba(0,109,204, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #006dcc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.completed {
  opacity: 0;
  visibility: hidden;
}
/* -------------------------------------------------------------------- style -- */

body{
	font-family: sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;

}
html {
  height: 100%;
}
a {
	color: #336699;
	text-decoration: underline;
	transition: all .15s ease-in-out;
}
a:hover {
	color: #336699;
	text-decoration: none;
}

p {
	margin-bottom:1em;}
section {

}

.inner {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-left:10px;
	padding-right:10px;
}

.wap900 {
	width:900px;
	margin-right: auto;
	margin-left: auto;
}
.wap1600 {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
/*
	padding-right: 50px;
	padding-left: 50px;
*/
}



/* -----------------------------------------パンクズ-- */
ul#path {
	overflow: hidden;
	padding-top: 1em;
	padding-bottom: 2em;
}
ul#path li {
	padding-right: 1.2em;
	float: left;
	font-size:90%;
}
ul#path li:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	margin-left: 0.4em;
}

/* Back to Top */

.back-to-top {
	background: #006dcc;
	bottom: 0px;
	cursor: pointer;
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0px;
	z-index: 2;
}
.back-to-top:hover {
	background: #2186de;
}
.back-to-top:before {
	color: #fff;
	content: "\f106";
	display: block;
	font: normal 30px/50px FontAwesome;
	text-align: center;
}

/* footer */
footer {background-color:#006dcc; padding-top:2%;}
footer .inner{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
	padding-left: 20px;
}

footer ul.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer ul.menu li {
	margin-right: 2em;
	margin-left: 2emm;
	line-height: 30px;
}
footer ul.menu li a {text-decoration:none;color:#fff;}
footer ul.menu li a:hover {text-decoration:none; color:#ccc;}

footer .footicon { text-align:right;}
footer .footicon a { font-size:30px; color:#fff; margin-right:.5em;}
footer .footicon a:hover {color:#ccc;}

footer hr {
	box-shadow: 0px 1px 0px 0px #0285f8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #014a8b;
	margin-top:2%;
	margin-bottom: 2%;
}
ul.ulfootcom {
	display: flex;
	justify-content: center;
}
ul.ulfootcom li:nth-child(1) {
	text-align:center;
	width: 250px;
	box-shadow: 1px 0px 0px 0px #0285f8;
	border-right: 1px solid #2980d0;
	color:#fff;
}

ul.ulfootcom li:nth-child(2) {
	width:200px; text-align:center;}
ul.ulfootcom li:nth-child(3) {
	width: 13%;
	padding-right: 1em;
	padding-left: 1em;
}
ul.ulfootcom li:nth-child(4) {
	width:13%;
	padding-right: 1em;
	padding-left: 1em;}

ul.ulfootcom span {
	display:block;}

#copyright {
	display:block;
	font-size: 85%;
	text-align: center;
	color: #fff;
	padding-top: 0em;
	padding-bottom: 3em;
}
@media (max-width: 1325px) {
.back-to-top {
	background: #006dcc;
	bottom: 50px;
	cursor: pointer;
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0px;
	z-index: 2;
}
.back-to-top:hover {
	background: #2186de;
}
.back-to-top:before {
	color: #fff;
	content: "\f106";
	display: block;
	font: normal 20px/40px FontAwesome;
	text-align: center;
}
#copyright {
	padding-top: 0em;
	padding-bottom: 5em;
}
}

@media (max-width: 1001px) {
footer .inner{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
ul.ulfootcom {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
ul.ulfootcom li:nth-child(1) { width:100%;box-shadow: none;border-right: none;}
ul.ulfootcom li:nth-child(2) { width:40%; text-align:center;}
ul.ulfootcom li:nth-child(3) { width:30%; text-align:center;}
ul.ulfootcom li:nth-child(4) { width:30%; text-align:center;}
ul.ulfootbanar {}
ul.ulfootbanar li {
	width: 33%;
	text-align:center;
	padding-right: 10px;
	padding-left: 10px;
}

}

@media (max-width: 900px) {
.wap900 {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

}

@media (max-width: 600px) {
#copyright {
	font-size:60%;
}
}