@charset "utf-8";
/* CSS Document */
/* ==================================================================================================
　　index
================================================================================================== */
.s_box {
	background-color: rgba(255,255,255,0.70);
}
.grid_8 .s_box {
	background-image: url("../images/page_base_bg.png");
	background-size: 7%;
}
.btn_txt_wrap {
	position: relative;
	background-color: rgba(0, 62, 143, 0.9);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
	width:calc(100% - 170px);
	max-width: 380px;
	box-sizing: border-box;
	padding: 3px;
}
.btn_txt_wrap::before {
	position: absolute;
	content: "";
	background-color: rgba(0, 62, 143, 0.9);
	height: 3px;
	width:50px;
	top:50%;
	left:-50px;
	transform: translateY(-1.5px);
}
.btn_txt_wrap::after {
	position: absolute;
	content: "";
	background-color: #003E8F;
	height: 30px;
	width:30px;
	border-radius: 15px;
	top:50%;
	left:-13px;
	transform: translateY(-15px);
}
.btn_txt {
}
/*--- btn--------------*/
.btn-real-dent {
  /*周りの凹み*/
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: rgba(0, 62, 143, 0.9);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  background:rgba(0, 62, 143, 0.9);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
  /*ボタン自体*/
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  line-height: 100px;
  left: 10px;
  top: 9px;
  border-radius: 50%;
  font-size: 50px;
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
}
.btn-real-dent .fa:active {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #d8d8d8;
}

/* ==================================================================================================
　　Login
================================================================================================== */
.login_main {
	min-height: calc(100vh - 193px);
}
#login h2.title{
	border-radius: 5px 5px 0 0;
}
/* ==================================================================================================
　　News
================================================================================================== */
#news_list .cate_box {
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
#news_list .cate_box .date {
	box-sizing: border-box;
}
#news_list .cate_box .box_title {
	width:calc(100% - 220px);
}

/* ==================================================================================================
　Error
================================================================================================== */
#Error .error_img{width: 120px;margin: 20px auto 0;}
#page_base.error{position: absolute!important;}
#Error.error2 .posi_abs {
	width: 900px;
    height: 600px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#Error.error2 p{overflow: auto;height: 180px;}

/* ==================================================================================================
　IE
================================================================================================== */

@media all and (-ms-high-contrast: none){

}



/* ==================================================================================================
　1200px
================================================================================================== */

@media screen and (max-width: 1200px){

}

/* ==================================================================================================
　タブレット
================================================================================================== */

@media screen and (max-width: 768px){

}



/* ==================================================================================================
　スマートフォン
================================================================================================== */

@media screen and (max-width: 667px){
.btn_txt_wrap {
	width:100%;
	max-width: 100%;
}
.btn_txt_wrap::before {
	height: 40px;
	width:3px;
	top:-37px;
	left:50%;
	transform: translate(-50%,-15%);
}
.btn_txt_wrap::after {
	position: absolute;
	content: "";
	background-color: #003E8F;
	height: 30px;
	width:30px;
	border-radius: 15px;
	top:0%;
	left:50%;
	transform: translate(-50%,-50%);
}
.btn_txt {
}
/*--- btn--------------*/
.btn-real-dent {
  /*周りの凹み*/
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: rgba(0, 62, 143, 0.9);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  background:rgba(0, 62, 143, 0.9);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
  /*ボタン自体*/
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  line-height: 100px;
  left: 10px;
  top: 9px;
  border-radius: 50%;
  font-size: 50px;
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
}
.btn-real-dent .fa:active {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #d8d8d8;
}

}