.bs-contents-list li a {
	position: relative;
	display: block;
	padding: 8px 8px 8px 32px;
	margin-bottom: 16px;
	font-size:2rem;
}
.bs-contents-list li a::after {
    content: "";
    position: absolute;
    left: 3px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #00A0E9;
    border-right: 1px solid #00A0E9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}

.float_box_left{
	float:left;
	text-align:center;
	margin-right:8px;
	margin-bottom:8px;
}
.float_box_right{
	float:right;
	text-align:center;
	margin-left:8px;
	margin-bottom:8px;
}

.table_dl dl{
	display:flex;
}
.table_dl dt{
	background: #00A0E9;
}
.table_dl dd{

}

/* main */
main h1 {
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 4rem;
  margin: 0;
  padding: 16px 0;
  background: #00A0E9;
  color: #FFF;
}

main h2 {
	font-family: "Noto Serif JP";
	font-size: 3.2rem;
	position: relative;
	text-align:center;
	color:#00A0E9;
	padding-top: 66px;
	margin-top: -66px;
}
/*
main h2:after {
	content:"";
	left:50%;
	bottom: -8px;
	position: absolute;
	width:30px;
	height:5px;
	background:#00A0E9;
	transform: translateX(-50%);
}
*/
main h3 {
  color: #00A0E9;
  font-weight: bold;
  border-bottom: 2px dashed #00A0E9;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
main > #main_img {
	margin-bottom:80px;
}

main .body-wrap > section {
  padding-bottom: 80px;
}

main a{
	color: #00A0E9;
	text-decoration: underline;
}

main p.strong{
	border-top: 2px solid #00A0E9;
	border-bottom: 2px solid #00A0E9;
	margin-bottom: 24px;
}

main p.strong strong{
	font-weight: bold;
	color: #00A0E9;
	padding: 16px;
	text-align: center;
	display: block;
	font-size: 2rem;
}

/* Blog */
#Blog .bs-blog-post{}
#Blog .bs-blog-post .bs-blog-post__item{
	border-bottom:1px solid #00A0E9;
	margin-bottom:8px;
	padding-bottom:8px;
}
#Blog .bs-blog-post .bs-blog-post__item .date{
	display:inline-block;
	margin-right:1em;
}
#Blog .bs-blog-post .bs-blog-post__item .category{
	display: inline-block;
	margin-right: 1em;
	background: #333;
	color: #FFF;
	padding: 0 8px;
}
#Blog .bs-blog-post .bs-blog-post__item-date{
	display:block;
	font-weight:bold;
	margin-bottom:8px;
}

#Blog .bs-single-post{}
#Blog .bs-single-post .bs-single-post__meta-date{
	display: inline-block;
	padding: 8px;
}

#Blog .bs-single-post .category{
	display: inline-block;
	padding: 8px;
	background: #333;
	color: #FFF;
	margin-bottom: 16px;
	margin-left:1em;
}
#Blog .bs-blog-contents-navi{
	margin-top: 24px;
	display: flex;
	justify-content: center;
	border-top: 2px solid #00A0E9;
	padding-top: 16px;
}
#Blog .bs-blog-contents-navi a{
	display:inline-block;
	margin:0 16px;
	text-decoration: underline;
	color: #092259;
}

/* Mail */
#Mail .bs-mail-form-body{
	margin-bottom:14rem;
}
#Mail .bs-mail-form-auth-captcha {
    text-align: center;
    margin: 4rem 0;
}
#Mail .bs-mail-form-auth-captcha > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
#Mail .bs-mail-form-auth-captcha input[type="text"] {
	width:auto;
}
#Mail .submit {
	text-align:center;
}
#Mail .form-submit {
    display: inline-block;
    font-size: 1.8rem;
    text-align: center;
    cursor: pointer;
    padding: 12px 12px;
    background: #00A0E9;
    color: #ffffff;
    line-height: 1em;
    transition: 0.3s;
    border: 1px solid #00A0E9;
    margin: 1.6rem 0.4rem;
}
#Mail input[type="text"],
#Mail input[type="email"],
#Mail select ,
#Mail textarea {
    width:100%;
    padding: 0.8rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#Mail th{
	width: 300px;
}
#Mail .bs-mail-description{
	margin-bottom:40px;
}
#Mail #MailMessageTime1 #Mail #MailMessageTel {
    margin-right: 0.8rem;
}
#Mail #MailMessageTime2 {
    margin-left: 0.8rem;
}
#Mail #MailMessageZip {

}
#Mail #MailMessageEmail1 {
    margin-bottom: 1em;
}
#Mail .form-submit:hover {
    box-shadow: none;
    color: #36473b;
    background: #ffffff;
}
#Mail .error-message{
	background: #F06060;
	color: #FFF;
	padding: 0.8rem;
	margin: 0.8rem 0;
}
#Mail #RowMessagePrivacy{
	border-left: 1px solid #FFF;
	position:absolute;
	display:block;
	width:100%;

}
#Mail #RowMessagePrivacy th{
	border:none;
	background:none;
	color: #000;
	display:block;
	width:100%;
}
#Mail #RowMessagePrivacy th span{
	display:none!important;
}
#Mail #RowMessagePrivacy td{
	border: none;
	text-align: center;
	display:block;
	width:100%;
}
#Mail #RowMessagePrivacy td .midashi{
	font-weight: bold;
	font-size: 2rem;
	margin: 1.6rem 0;
	display: inline-block;
}
#Mail #RowMessagePrivacy td .checkbox{
	margin-bottom:0.8rem;
}
#Mail #RowMessagePrivacy td .mail-attention{
	margin-top:0.8rem;
}
#Mail #RowMessagePrivacy td .mail-attention a{
	color:#F06060;
	text-decoration:underline;
}

#Mail #RowMessagePrivacy .bs-mail-attention{
	display:block;
}
#Mail #RowMessagePrivacy .error-message {
	text-align: center;
	display: inline-block;
	padding: 0.8rem 5rem;
}
#Mail .bs-mail-form-submit{
	text-align:center;
}
#Mail .width_auto{
	width:auto!important;
}
#Mail .width99{
	width:99%!important;
}
#Mail .sample li{
	margin-bottom: 1em;
	padding: 0 8px;
	box-sizing: border-box;
	text-align: center;
}
#Mail .sample li p{
	margin:8px 0;
}




#Solutions main h3 {
  border-bottom:none;
  margin-bottom: 16px;
}

#Solutions main h4 {
  font-weight: 500;
  color: #00A0E9;
  font-size: 3rem;
  margin: 0 0 16px 0;
  padding-left: 48px;
  background: url("../img/solutions/icon_zoom.png") no-repeat left center;
}
#Solutions main h4 a{
  text-decoration:none;
}

#Solutions main .flow {
  margin-bottom: 80px;
}

#Solutions main .flow li {
  position: relative;
  width: 160px;
}

#Solutions main .flow li.arrow {
  width: 50px;
}

#Solutions main .flow li.arrow .img {
  padding-bottom: 24px;
}

#Solutions main .flow li .img {
  width: 100%;
  height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 4px solid #00A0E9;
}

#Solutions main .flow li .img.active {
  position: relative;
}

#Solutions main .flow li .img.active img {
  position: relative;
  z-index: 10;
}

#Solutions main .flow li .img.active:before {
  z-index: 9;
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background: #0F0;
  position: absolute;
  left: 50%;
  top: 65%;
  opacity: 0.5;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  -webkit-animation-name: circle_zoom;
          animation-name: circle_zoom;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

#Solutions main .flow li .text {
  text-align: center;
  font-weight: bold;
  margin: 8px 0;
}

#Solutions main .sub_img {
  margin-bottom: 40px;
}

#Solutions main .two-block > * {
  padding: 0 8px;
}

#Solutions main .two-block > * .img {
  margin-bottom: 8px;
}

#Solutions main .two-block > * .img img {
  width: 452px;
  height: 311px;
  object-fit: cover;
}

@-webkit-keyframes circle_zoom {
  0% {
    width: 120px;
    height: 120px;
    opacity: 0.5;
  }
  50% {
    width: 130px;
    height: 130px;
    opacity: 0.2;
  }
  100% {
    width: 120px;
    height: 120px;
    opacity: 0.5;
  }
}

@keyframes circle_zoom {
  0% {
    width: 120px;
    height: 120px;
    opacity: 0.5;
  }
  50% {
    width: 130px;
    height: 130px;
    opacity: 0.2;
  }
  100% {
    width: 120px;
    height: 120px;
    opacity: 0.5;
  }
}

#Sitemap .ul-level-1 > li{
	margin-bottom:2em;
}
#Sitemap .ul-level-1 > li > a{
	border-left: 8px solid;
	padding-left: 8px;
	display: block;
	padding-bottom: 8px;
}

#Sitemap .ul-level-2 > li{
	margin-left:2em;
	list-style:disc;
}

#Recruit #main_img{
	position:relative;
}
#Recruit #main_img:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	/*background:rgba(46,41,41,0.4);*/
	left:0;
	top:0;
}

#Recruit .jigyosyo{
	font-size:4.2rem;
	font-weight:500;
	color:#00A0E9;
	margin-bottom:2.4rem;
}

#Recruit .profile{
	font-size:2.4rem;
	font-weight:bold;
	color:#00A0E9;
	margin-bottom:1.6rem;
}

#Recruit h1.name{
	font-size:4.2rem;
	font-weight:700;
	background: linear-gradient(to right, #009FE8,#59A8DE 57% , #FFF 100%);
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	color:#FFF;
	border-left:none;
	padding: 8px 24px;
	margin-top:0;
	text-align:left;
}
#Recruit h2.msg{
	border:none;
	text-align:left;
	font-size:4.2rem;
	font-weight:bold;
	color:#00A0E9;
	margin: 24px 0;
	padding-top: 0;
}

#Recruit h2.msg:after{
	display:none;
}


#Recruit .qa_outer {
	margin-bottom:80px;
}

#Recruit .qa dl{
	margin:0;
}
#Recruit .qa dt{
	color:#00A0E9;
	font-weight:bold;
	font-size:2.4rem;
	margin-bottom:1.6rem;
	display: flex;
}
#Recruit .qa dt:before{
	content:"Q.";
}
#Recruit .qa dd{
	margin:0;
	line-height:1.8;
}

#Recruit .flex-box .text{
	box-sizing: border-box;
	padding-right: 24px;
	width:calc(100% - 440px);
}

#Recruit .flex-box .img{
	width:440px;
}
#Recruit .flex-box .img img{
	display: block;
	margin-top: 24px;
}
#Recruit .flex-box.reverse{
	flex-direction: row-reverse;
}

#Recruit .flex-box.reverse .text{
	
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 0;
}
#Recruit .recruit_info li{
	padding:8px 0;
	border-bottom:1px solid #000
}
#Recruit .recruit_info li .date{
	display:inline-block;
	margin-right:1em;
}
#Recruit .recruit_info li .new{
	display: inline-block;
	background: #F60606;
	padding: 0 8px;
	margin-left: 1em;
	border-radius: 5px;
	color:#FFF;
}
#Recruit .entry_btn_parent{
	display:flex;
	justify-content:space-around;
}
#Recruit .entry_title{
	color:#0099e8;
	font-size:2.4rem;
	text-align:center;
}
#Recruit .entry_btn{
	text-align:center;
	margin:20px 0 40px;

}
#Recruit .entry_btn a{
	display: inline-block;
	padding: 25px 64px;
	font-size: 2.4rem;
	text-decoration: none;
	background: none;
	border: 2px solid #F60606;
	position:relative;
}
#Recruit .entry_btn a span{
	color: #F60606;
	position:relative;
	z-index:10;
}
#Recruit .entry_btn a:after{
	content:"";
	transition: ease .2s;
	height:0;
	background:#F60606;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:9;
}
#Recruit .entry_btn a:hover span{
	color:#FFF;
}
#Recruit .entry_btn a:hover:after{
	height:100%;
}

/*#Works h1:after{
	content:"(72譛滉ｻ･髯肴栢邊�)";
}*/
#Works h3{
	margin-top:40px;
}
#Works .works_midashi{
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 80px 200px;
	color:#00A0E9;
	font-family: "Noto Serif JP";
}
#Works .bs-blog-post h3:first-child{
	margin-top:0;
}
#Works .kyushu_map ._left{
	width:80%;
}
#Works .kyushu_map ._right{
	width:20%;
	align-self: center;
}
#Works .kyushu_map ._right .pref_list{
	font-size:2rem;
}
#Works .kyushu_map ._right .pref_list li{
	margin-bottom:2.4rem;
	background:#333;
}


#Works .kyushu_map ._right .pref_list li.oomuta a{
	background:#E97CA1;
}
#Works .kyushu_map ._right .pref_list li.saigai a{
  background: repeating-linear-gradient(
    45deg,     /* 隗貞ｺｦ縺ｮ謖�ｮ� */
    #FFFF00,      /* 濶ｲA ... 髢句ｧ� */
    #FFFF00 8px,  /* 濶ｲA ... 邨ゆｺ� */
    #000 8px,      /* 濶ｲB ... 髢句ｧ� */
    #000 16px   /* 濶ｲB ... 邨ゆｺ� */
  );
}
#Works .kyushu_map ._right .pref_list a {
	display:block;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:8px;
}
#Works .kyushu_map ._right .pref_list li.saigai a{
	font-weight:bold;
	color:#FFF;
	text-shadow    : 
		2px  2px 1px #000000,
		-2px  2px 1px #000000,
		2px -2px 1px #000000,
		-2px -2px 1px #000000,
		2px  0px 1px #000000,
		0px  2px 1px #000000,
		-2px  0px 1px #000000,
		0px -2px 1px #000000;
}

#Works .point_click{
	cursor: pointer;
	display: inline-block;
	background: #FFA500;
	text-decoration: none;
	color: #FFF;
	padding: 8px 16px;
	margin-left:1em;
}
#Works .works_img_list{
	flex-wrap:wrap;
}
#Works .works_img_list li{
	width:25%;
	padding:8px;
	margin-bottom:24px;
}
#Works .hanrei{
	display: flex;
	justify-content: center;
	margin:40px 0;
}
#Works .hanrei .hatsuden{
	color:#4B6CB3;
	margin-right:1em;
}
#Works .hanrei .hatsuden:before{
	content:"笳�";
}
#Works .hanrei .henden{
	color:#E9473F;
}
#Works .hanrei .henden:before{
	content:"笳�";
}

#Corporate .construction {
    list-style-type: none;
}

#Corporate .construction ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#Corporate .construction ul {
    position: relative;
    margin-left: 50px;
}

#Corporate .construction ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-left: 3px solid red;
}

#Corporate .construction ul li {
    position: relative;
    margin: 0;
    padding: 16px 0 16px 110px;
}

#Corporate .construction ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 100px;
    height: 0;
    border-top: 3px solid red;
}

#Corporate .construction ul li:last-child:before {
    top: 32px;
    bottom: 0;
    height: auto;
    background-color: #fff;
}

#Corporate .construction li span{
	display: inline-block;
	background: rgba(0,43,113,1);
	color: #FFF;
	padding: 4px 32px;
	border-radius: 4px;
}
#Corporate .construction li span.caution{
	font-size:2rem;
	background:none!important;
	color:#000;
	padding:4px 0;
}
#Corporate .construction li.fukuoka span{
	background:#4c6a9b;
}

#Corporate .construction li.saga span{
	background:#5989d9;
}

#Corporate .construction li.oomuta span{
	background:#97add1;
}

#Corporate .construction > li > span {
	font-size: 2.8rem;
	font-weight:bold;
}

#Corporate .construction > li >  ul span {
	font-size: 2.8rem;
	font-weight:bold;
	border-radius:8px;
}

#Corporate .construction > li >  ul  ul span {
	font-size: 2.4rem;
	font-weight:normal;
	border-radius:16px;
}