@charset "utf-8";
/*
 *	Common CSS
 *
 **/
:root{
	--font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
	/* font-family: Arial,Helvetica,sans-serif; */
	font-weight: 500;
	padding-top:5.0rem;
	color: #000;
}
/* Scroll to top */
.scroll-up {
  position: fixed;
  display: none;
  bottom: 25px;
  right: 15px;
  z-index: 999;
}
.scroll-up a {
  background: #fff;
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  color: #000;
  opacity: 0.6;
  border-radius: 2px;
}
.scroll-up a:hover,
.scroll-up a:active {
  opacity: 1;
  color: #000;
}
.order-btn {
	position: fixed;
	display: none;
	bottom: 25px;
	right: 100px;
	z-index: 1000;
}
.order-btn a {
	display: block;
	text-align: center;
	opacity: 0.6;
}
.order-btn a:hover,
.order-btn a:active {
	opacity: 1;
}
/* Css */
#info-modal{
	min-height: 500px;
}
#cursor-p{
	cursor: pointer;
}
#TopMain{
  min-height: 200px;
}
#ServiceMain{
	max-height: 500px;
	min-height: 500px;
}
#Modal-back{
  background-color: rgb(135, 50, 50);
}
#TopSub{
  background-color: #CA3537;
}
#TopSub-box{
  max-height: 250px;
  min-height: 250px;
}
#Lst-d{
	list-style-type: decimal;
}
#Lst-ki{
	list-style-type: katakana-iroha;
}
#Plan{
	background-color: rgb(255, 235, 236);
}
#PlanBox{
	background-color: rgb(255, 255, 255);
}
#PlanImg{
	overflow: hidden;
	min-height: 300px;
	max-height: 300px;
}
#Partner{
	background-color: rgb(255, 235, 236);
}
#PartnerBox{
	background-color: rgb(255, 255, 255);
}
#PartnerImg{
	overflow: hidden;
	min-height: 360px;
	max-height: 360px;
}
#MainPostoffice{
	max-height: 350px;
	min-height: 350px;
	background-image: url('../pics/main_Postoffice.jpg');
	background-color: rgb(178, 169, 162);
	background-size: cover;
	background-position: center 60%;
}
#MainPartner{
	background-image: url('../pics/main_Partner.jpg');
	background-size: cover;
	background-position: center 60%;
}
#MainWebservice{
	background-image: url('../pics/main_Webservice.jpg');
	background-size: cover;
	background-position: center 60%;
}
#footer_Service{
	background-image: url('../pics/footer_Service.jpg');
	background-size: cover;
	background-position: center 60%;
}
#com_notes{
	background-image: url('../pics/com_notes.jpg');
	background-size: cover;
	background-position: center 60%;
}
#com_usagefee{
	background-image: url('../pics/com_usagefee.jpg');
	background-size: cover;
	background-position: center 60%;
}
#sub_Postoffice{
	background-image: url('../pics/sub_Postoffice.jpg');
	background-size: cover;
	background-position: center 60%;
}
/* Bootstrap */
.navbar-back{
	background-color: #CA3537;
}
.btn{
	border-radius: 2px;
}
.navbar a{
	color: #fff;
}
.navbar .lead{
	font-size: 1.5rem;
}
.navbar .logo{
	max-height: 35px;
}
.modal.fade .modal-dialog.modal-work {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.sticky-top {
	top: 100px;
}
.bg-gray {
	background-color: #d8d8d8 !important;
  }
  
  a.bg-gray:hover, a.bg-gray:focus,
  button.bg-gray:hover,
  button.bg-gray:focus {
	background-color: #aaaaaa !important;
  }