@charset "UTF-8";
/* CSS Document */
/*---
footer
---*/
footer {
  width: 100%;
  padding: 1em 0 100px;
}
footer .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 560px) {
  footer {
    padding: 1em 0 0;
	margin-bottom: 100px;
  }
}
@media only screen and (min-width: 960px) {
  footer .container {
    width: 96%;
    max-width: 1200px;
  }
}
nav.foot_nav {
  /*
  width: 90%;
  margin: 0 auto;
  */
}
ul.foot_menu {
  display: flex;
  flex-direction: column;
}
ul.foot_menu > li {
  width: 100%;
  border-top: 2px solid #FF7E00;
  margin-top: 1.6em;
  padding-left: 0.8em;
}
ul.foot_menu > li > p,
ul.foot_menu > li > a {
  font-size: 1.1em;
  font-weight: 600;
  height: 46px;
  line-height: 46px;
}
ul.foot_menu_under_level li {
  height: 32px;
  line-height: 32px;
}
ul.foot_menu_under_level li::before {
  content: "・";
}
ul.foot_menu_under_level li a {
  font-weight: 300;
}
ul.foot_menu > li > p,
ul.foot_menu > li > a,
ul.foot_menu_under_level li a {
  text-decoration: none;
  color: #333;
  -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
ul.foot_menu > li > a:hover,
ul.foot_menu_under_level li a:hover {
  color: #999;
}
/* foot address */
.foot_address {
  margin-top: 0.5em;
  text-align: right;
}
/* copyright */
.copyright {
  margin-top: 0.5em;
  text-align: right;
}
small {
  width: 100%;
  border-top: 1px solid #FF7E00;
  display: block;
  font-size: 0.7em;
}
@media only screen and (min-width: 560px) {
  ul.foot_menu {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  ul.foot_menu > li {
    width: 45%;
    margin-left: 10%;
  }
  ul.foot_menu > li:nth-child(odd) {
    margin-left: 0;
  }
  .foot_address {
    width: 45%;
    margin-left: auto;
    margin-right: 0;
    margin-top: -4.5em;
  }
}
@media only screen and (min-width: 960px) {
  ul.foot_menu > li {
    width: 30%;
    margin-left: 5%;
  }
  ul.foot_menu > li:first-child {
    margin-left: 0%;
  }
  ul.foot_menu > li:nth-child(odd) {
    margin-left: 5%;
  }
  ul.foot_menu > li:first-child {
    margin-left: 0%;
  }
  .foot_address {
    width: 30%;
    margin-top: -3em;
  }
}
/* foot contact area */
.foot_contact_area {
  width: 100%;
  position: fixed;
  /*bottom: 0;*/
  top: 60px;
  z-index: 100;
}
.foot_contact_area ul {
  display: flex;
}
.foot_contact_area ul li {
  width: 50%;
  text-align: center;
  background-color: #FF7E00;
}
.foot_contact_area ul li:first-child {
  background-color: #23467D;
}
.foot_contact_area ul li p,
.foot_contact_area ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  color: #FFF;
}
@media only screen and (min-width: 560px) {
  .foot_contact_area { display: none; }
}
@media only screen and (min-width: 960px) {
}
/*---
page top
---*/
.page_top {
	position: fixed;
	bottom: 60px;
	z-index: 80;
  height: 30px;
  width: 30px;
  left: 0;/*right:5%;*/
	background-color: rgba(62,58,57,0.70);
  margin-top: 0;
}
.page_top a {
  display: block;
	height: 30px;
	width: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
	z-index: 81;
	position: relative;
	box-sizing: border-box;
}
.page_top a span {
  position: absolute;
	width: 6px;
  display: block;
  margin-left: auto;
  margin-right: auto;
	height: 2px;
	background-color: #E5E5E5;
	transition: all .5s ease-in-out;
	box-sizing: border-box;
	z-index: 82;
}
.page_top a span:first-child {
	transform: translateY(2px) translateX(-2px) rotate(-45deg);
}
.page_top a span:last-child {
	transform: translateY(2px)  translateX(2px) rotate(45deg);
}
/*タブレットレイアウト : 600 px ～ 959 px */
@media only screen and (min-width: 600px) {
.page_top {
	/*bottom: 200px;*/
}
.page_top a {
	border: none;
}
}
/* デスクトップレイアウト : 960 px ～ */
@media only screen and (min-width: 960px) {
  .page_top {
    /*bottom: 200px;*/
  }
}