@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;
}

/* ==================================================================== */

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;
}



/* -----------------------------------------パンクズ-- */
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: #4093df;
	bottom: 0px;
	cursor: pointer;
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0px;
	z-index: 2;
}
.back-to-top:hover {
	background: #2072BB;
}
.back-to-top:before {
	color: #fff;
	content: "\f106";
	display: block;
	font: normal 30px/50px FontAwesome;
	text-align: center;
}

/* footer */
footer {background-color:#4093df; 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 #75b9f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #369;
	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 #75b9f7;
	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: #4093df;
	bottom: 50px;
	cursor: pointer;
	display: none;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0px;
	z-index: 2;
}
.back-to-top:hover {
	background: #2072BB;
}
.back-to-top:before {
	color: #fff;
	content: "\f106";
	display: block;
	font: normal 20px/40px FontAwesome;
	text-align: center;
}
}

@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;
}
#copyright {
	padding-top: 2em;
	padding-bottom: 1em;
}
}

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

}