@charset utf-8;
/* -------------------------------------------

 * initialize
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}
ul li {
  list-style: none;
}
input, select {
  vertical-align: middle;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* --------------------------------------------------
 * common styles
 */
body {
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
  color: #565656;
  font-size: 14px;
  line-height: 28px;
  /*letter-spacing: -0.02em;*/
  overflow-x: hidden;
  overflow-y: scroll;
  word-break: normal;
  word-wrap: break-word;
}
img {
  vertical-align: top;
}
a {
  color: #006CB8;
  text-decoration: underline;
}
a:hover {}
/* --------------------------------------------------
 * layout
 */
.wrap {
  position: relative;
  width: 1044px;
  margin: 0 auto;
}
.page-header {
  width: 100%;
  height: 48px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAYAAADQMxCBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNjVlZmVjYi1mY2FkLTExZGMtOGE0YS1jYzhiMzZhNjQ5NWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMxOTk0N0E0NTRDMTFFM0JBNUNBQUIzRDI1NTQ0MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMxOTk0Nzk0NTRDMTFFM0JBNUNBQUIzRDI1NTQ0MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M2Q3ZTRmMjItNzA4My00ZjVkLTgxYTctZDA3ZjRiOTA0Nzc2IiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkY3NzE1RDM2RUQxNEUzMTFBNTU4RkZBQzlFRkI2MzM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5cSl5wAAACdJREFUeNpi+A8ETAxAMLQJEOADscCe+QcmmEGSIIIRRDCACYAAAwAvDgdpmt5cawAAAABJRU5ErkJggg==) repeat-x 0 0;
  z-index: 100;
}
.page-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.page-header h1 {
  float: left;
  margin: 10px 2px 0;
}
.page-header nav {
  float: right;
  position: relative;
  width: 819px;
}
.page-header nav > ul > li {
  position: relative;
  float: left;
  width: 91px;
  height: 40px;
}
.page-header nav > ul > li > a {
  display: block;
  width: 91px;
  height: 40px;
  white-space: nowrap;
  text-indent: 100%;
  font-size: 0;
  overflow: hidden;
}
.page-header nav > ul > li > a.nav1 {
  background: url(../img/header/nav/1.png);
}
.page-header nav > ul > li > a.nav2 {
  background: url(../img/header/nav/2.png);
}
.page-header nav > ul > li > a.nav3 {
  background: url(../img/header/nav/3.png);
}
.page-header nav > ul > li > a.nav4 {
  background: url(../img/header/nav/4.png);
}
.page-header nav > ul > li > a.nav5 {
  background: url(../img/header/nav/5.png);
}
.page-header nav > ul > li > a.nav6 {
  background: url(../img/header/nav/6.png);
}
.page-header nav > ul > li > a.nav7 {
  background: url(../img/header/nav/7.png);
}
.page-header nav > ul > li > a.nav8 {
  background: url(../img/header/nav/8.png);
}
.page-header nav > ul > li > a.nav9 {
  background: url(../img/header/nav/9.png);
}
.page-header nav > ul > li > a.nav1.on, .page-header nav > ul > li > a.nav1:hover {
  background: url(../img/header/nav/1-on.png);
}
.page-header nav > ul > li > a.nav2.on, .page-header nav > ul > li > a.nav2:hover {
  background: url(../img/header/nav/2-on.png);
}
.page-header nav > ul > li > a.nav3.on, .page-header nav > ul > li > a.nav3:hover {
  background: url(../img/header/nav/3-on.png);
}
.page-header nav > ul > li > a.nav4.on, .page-header nav > ul > li > a.nav4:hover {
  background: url(../img/header/nav/4-on.png);
}
.page-header nav > ul > li > a.nav5.on, .page-header nav > ul > li > a.nav5:hover {
  background: url(../img/header/nav/5-on.png);
}
.page-header nav > ul > li > a.nav6.on, .page-header nav > ul > li > a.nav6:hover {
  background: url(../img/header/nav/6-on.png);
}
.page-header nav > ul > li > a.nav7.on, .page-header nav > ul > li > a.nav7:hover {
  background: url(../img/header/nav/7-on.png);
}
.page-header nav > ul > li > a.nav8.on, .page-header nav > ul > li > a.nav8:hover {
  background: url(../img/header/nav/8-on.png);
}
.page-header nav > ul > li > a.nav9.on, .page-header nav > ul > li > a.nav9:hover {
  background: url(../img/header/nav/9-on.png);
}
.page-header nav .sub-nav {
  display: none;
  position: absolute;
  top: 40px;
  left: -6px;
  z-index: 101;
  padding: 0 0 6px;
  background: url(../img/header/nav/sub-nav-bg.png) no-repeat left bottom;
}
.page-header nav .nav8 + .sub-nav {
  left: -41px;
}
.page-header nav .nav9 + .sub-nav {
  left: -132px;
}
.page-header nav .sub-nav li a {
  display: block;
  width: 230px;
  height: 40px;
  white-space: nowrap;
  text-indent: 100%;
  font-size: 0;
  overflow: hidden;
}
.page-header nav .sub-nav li a.nav1-1 {
  background: url(../img/header/nav/1-1.png);
}
.page-header nav .sub-nav li a.nav1-2 {
  background: url(../img/header/nav/1-2.png);
}
.page-header nav .sub-nav li a.nav1-3 {
  background: url(../img/header/nav/1-3.png);
}
.page-header nav .sub-nav li a.nav1-4 {
  background: url(../img/header/nav/1-4.png);
}
.page-header nav .sub-nav li a.nav1-5 {
  background: url(../img/header/nav/1-5.png);
}
.page-header nav .sub-nav li a.nav1-6 {
  background: url(../img/header/nav/1-6.png);
}
.page-header nav .sub-nav li a.nav2-1 {
  background: url(../img/header/nav/2-1.png);
}
.page-header nav .sub-nav li a.nav2-2 {
  background: url(../img/header/nav/2-2.png);
}
.page-header nav .sub-nav li a.nav2-3 {
  background: url(../img/header/nav/2-3.png);
}
.page-header nav .sub-nav li a.nav2-4 {
  background: url(../img/header/nav/2-4.png);
}
.page-header nav .sub-nav li a.nav2-5 {
  background: url(../img/header/nav/2-5.png);
}
.page-header nav .sub-nav li a.nav3-1 {
  background: url(../img/header/nav/3-1.png);
}
.page-header nav .sub-nav li a.nav3-2 {
  background: url(../img/header/nav/3-2.png);
}
.page-header nav .sub-nav li a.nav3-3 {
  background: url(../img/header/nav/3-3.png);
}
.page-header nav .sub-nav li a.nav3-4 {
  background: url(../img/header/nav/3-4.png);
}
.page-header nav .sub-nav li a.nav4-1 {
  background: url(../img/header/nav/4-1.png);
}
.page-header nav .sub-nav li a.nav4-2 {
  background: url(../img/header/nav/4-2.png);
}
.page-header nav .sub-nav li a.nav4-3 {
  background: url(../img/header/nav/4-3.png);
}
.page-header nav .sub-nav li a.nav4-4 {
  background: url(../img/header/nav/4-4.png);
}
.page-header nav .sub-nav li a.nav4-5 {
  background: url(../img/header/nav/4-5.png);
}
.page-header nav .sub-nav li a.nav4-6 {
  background: url(../img/header/nav/4-6.png);
}
.page-header nav .sub-nav li a.nav4-7 {
  background: url(../img/header/nav/4-7.png);
}
.page-header nav .sub-nav li a.nav5-1 {
  background: url(../img/header/nav/5-1.png);
}
.page-header nav .sub-nav li a.nav5-2 {
  background: url(../img/header/nav/5-2.png);
}
.page-header nav .sub-nav li a.nav5-3 {
  background: url(../img/header/nav/5-3.png);
}
.page-header nav .sub-nav li a.nav5-4 {
  background: url(../img/header/nav/5-4.png);
}
.page-header nav .sub-nav li a.nav6-1 {
  background: url(../img/header/nav/6-1.png);
}
.page-header nav .sub-nav li a.nav6-2 {
  background: url(../img/header/nav/6-2.png);
}
.page-header nav .sub-nav li a.nav6-3 {
  background: url(../img/header/nav/6-3.png);
}
.page-header nav .sub-nav li a.nav6-4 {
  background: url(../img/header/nav/6-4.png);
}
.page-header nav .sub-nav li a.nav6-5 {
  background: url(../img/header/nav/6-5.png);
}
.page-header nav .sub-nav li a.nav6-6 {
  background: url(../img/header/nav/6-6.png);
}
.page-header nav .sub-nav li a.nav6-7 {
  background: url(../img/header/nav/6-7.png);
}
.page-header nav .sub-nav li a.nav7-1 {
  background: url(../img/header/nav/7-1.png);
}
.page-header nav .sub-nav li a.nav7-2 {
  background: url(../img/header/nav/7-2.png);
}
.page-header nav .sub-nav li a.nav8-1 {
  background: url(../img/header/nav/8-1.png);
}
.page-header nav .sub-nav li a.nav8-2 {
  background: url(../img/header/nav/8-2.png);
}
.page-header nav .sub-nav li a.nav8-3 {
  background: url(../img/header/nav/8-3.png);
}
.page-header nav .sub-nav li a.nav8-4 {
  background: url(../img/header/nav/8-4.png);
}
.page-header nav .sub-nav li a.nav8-5 {
  background: url(../img/header/nav/8-5.png);
}
.page-header nav .sub-nav li a.nav8-6 {
  background: url(../img/header/nav/8-6.png);
}
.page-header nav .sub-nav li a.nav8-7 {
  background: url(../img/header/nav/8-7.png);
}
.page-header nav .sub-nav li a.nav8-8 {
  background: url(../img/header/nav/8-8.png);
}
.page-header nav .sub-nav li a.nav8-9 {
  background: url(../img/header/nav/8-9.png);
}
.page-header nav .sub-nav li a.nav9-1 {
  background: url(../img/header/nav/9-1.png);
}
.page-header nav .sub-nav li a.nav9-2 {
  background: url(../img/header/nav/9-2.png);
}
.page-header nav .sub-nav li a.nav9-3 {
  background: url(../img/header/nav/9-3.png);
}
.page-header nav .sub-nav li a.nav9-4 {
  background: url(../img/header/nav/9-4.png);
}
.page-header nav .sub-nav li a.nav1-1.on, .page-header nav .sub-nav li a.nav1-1:hover {
  background: url(../img/header/nav/1-1-on.png);
}
.page-header nav .sub-nav li a.nav1-2.on, .page-header nav .sub-nav li a.nav1-2:hover {
  background: url(../img/header/nav/1-2-on.png);
}
.page-header nav .sub-nav li a.nav1-3.on, .page-header nav .sub-nav li a.nav1-3:hover {
  background: url(../img/header/nav/1-3-on.png);
}
.page-header nav .sub-nav li a.nav1-4.on, .page-header nav .sub-nav li a.nav1-4:hover {
  background: url(../img/header/nav/1-4-on.png);
}
.page-header nav .sub-nav li a.nav1-5.on, .page-header nav .sub-nav li a.nav1-5:hover {
  background: url(../img/header/nav/1-5-on.png);
}
.page-header nav .sub-nav li a.nav1-6.on, .page-header nav .sub-nav li a.nav1-6:hover {
  background: url(../img/header/nav/1-6-on.png);
}
.page-header nav .sub-nav li a.nav2-1.on, .page-header nav .sub-nav li a.nav2-1:hover {
  background: url(../img/header/nav/2-1-on.png);
}
.page-header nav .sub-nav li a.nav2-2.on, .page-header nav .sub-nav li a.nav2-2:hover {
  background: url(../img/header/nav/2-2-on.png);
}
.page-header nav .sub-nav li a.nav2-3.on, .page-header nav .sub-nav li a.nav2-3:hover {
  background: url(../img/header/nav/2-3-on.png);
}
.page-header nav .sub-nav li a.nav2-4.on, .page-header nav .sub-nav li a.nav2-4:hover {
  background: url(../img/header/nav/2-4-on.png);
}
.page-header nav .sub-nav li a.nav2-5.on, .page-header nav .sub-nav li a.nav2-5:hover {
  background: url(../img/header/nav/2-5-on.png);
}
.page-header nav .sub-nav li a.nav3-1.on, .page-header nav .sub-nav li a.nav3-1:hover {
  background: url(../img/header/nav/3-1-on.png);
}
.page-header nav .sub-nav li a.nav3-2.on, .page-header nav .sub-nav li a.nav3-2:hover {
  background: url(../img/header/nav/3-2-on.png);
}
.page-header nav .sub-nav li a.nav3-3.on, .page-header nav .sub-nav li a.nav3-3:hover {
  background: url(../img/header/nav/3-3-on.png);
}
.page-header nav .sub-nav li a.nav3-4.on, .page-header nav .sub-nav li a.nav3-4:hover {
  background: url(../img/header/nav/3-4-on.png);
}
.page-header nav .sub-nav li a.nav4-1.on, .page-header nav .sub-nav li a.nav4-1:hover {
  background: url(../img/header/nav/4-1-on.png);
}
.page-header nav .sub-nav li a.nav4-2.on, .page-header nav .sub-nav li a.nav4-2:hover {
  background: url(../img/header/nav/4-2-on.png);
}
.page-header nav .sub-nav li a.nav4-3.on, .page-header nav .sub-nav li a.nav4-3:hover {
  background: url(../img/header/nav/4-3-on.png);
}
.page-header nav .sub-nav li a.nav4-4.on, .page-header nav .sub-nav li a.nav4-4:hover {
  background: url(../img/header/nav/4-4-on.png);
}
.page-header nav .sub-nav li a.nav4-5.on, .page-header nav .sub-nav li a.nav4-5:hover {
  background: url(../img/header/nav/4-5-on.png);
}
.page-header nav .sub-nav li a.nav4-6.on, .page-header nav .sub-nav li a.nav4-6:hover {
  background: url(../img/header/nav/4-6-on.png);
}
.page-header nav .sub-nav li a.nav4-7.on, .page-header nav .sub-nav li a.nav4-7:hover {
  background: url(../img/header/nav/4-7-on.png);
}
.page-header nav .sub-nav li a.nav5-1.on, .page-header nav .sub-nav li a.nav5-1:hover {
  background: url(../img/header/nav/5-1-on.png);
}
.page-header nav .sub-nav li a.nav5-2.on, .page-header nav .sub-nav li a.nav5-2:hover {
  background: url(../img/header/nav/5-2-on.png);
}
.page-header nav .sub-nav li a.nav5-3.on, .page-header nav .sub-nav li a.nav5-3:hover {
  background: url(../img/header/nav/5-3-on.png);
}
.page-header nav .sub-nav li a.nav5-4.on, .page-header nav .sub-nav li a.nav5-4:hover {
  background: url(../img/header/nav/5-4-on.png);
}
.page-header nav .sub-nav li a.nav6-1.on, .page-header nav .sub-nav li a.nav6-1:hover {
  background: url(../img/header/nav/6-1-on.png);
}
.page-header nav .sub-nav li a.nav6-2.on, .page-header nav .sub-nav li a.nav6-2:hover {
  background: url(../img/header/nav/6-2-on.png);
}
.page-header nav .sub-nav li a.nav6-3.on, .page-header nav .sub-nav li a.nav6-3:hover {
  background: url(../img/header/nav/6-3-on.png);
}
.page-header nav .sub-nav li a.nav6-4.on, .page-header nav .sub-nav li a.nav6-4:hover {
  background: url(../img/header/nav/6-4-on.png);
}
.page-header nav .sub-nav li a.nav6-5.on, .page-header nav .sub-nav li a.nav6-5:hover {
  background: url(../img/header/nav/6-5-on.png);
}
.page-header nav .sub-nav li a.nav6-6.on, .page-header nav .sub-nav li a.nav6-6:hover {
  background: url(../img/header/nav/6-6-on.png);
}
.page-header nav .sub-nav li a.nav6-7.on, .page-header nav .sub-nav li a.nav6-7:hover {
  background: url(../img/header/nav/6-7-on.png);
}
.page-header nav .sub-nav li a.nav7-1.on, .page-header nav .sub-nav li a.nav7-1:hover {
  background: url(../img/header/nav/7-1-on.png);
}
.page-header nav .sub-nav li a.nav7-2.on, .page-header nav .sub-nav li a.nav7-2:hover {
  background: url(../img/header/nav/7-2-on.png);
}
.page-header nav .sub-nav li a.nav8-1.on, .page-header nav .sub-nav li a.nav8-1:hover {
  background: url(../img/header/nav/8-1-on.png);
}
.page-header nav .sub-nav li a.nav8-2.on, .page-header nav .sub-nav li a.nav8-2:hover {
  background: url(../img/header/nav/8-2-on.png);
}
.page-header nav .sub-nav li a.nav8-3.on, .page-header nav .sub-nav li a.nav8-3:hover {
  background: url(../img/header/nav/8-3-on.png);
}
.page-header nav .sub-nav li a.nav8-4.on, .page-header nav .sub-nav li a.nav8-4:hover {
  background: url(../img/header/nav/8-4-on.png);
}
.page-header nav .sub-nav li a.nav8-5.on, .page-header nav .sub-nav li a.nav8-5:hover {
  background: url(../img/header/nav/8-5-on.png);
}
.page-header nav .sub-nav li a.nav8-6.on, .page-header nav .sub-nav li a.nav8-6:hover {
  background: url(../img/header/nav/8-6-on.png);
}
.page-header nav .sub-nav li a.nav8-7.on, .page-header nav .sub-nav li a.nav8-7:hover {
  background: url(../img/header/nav/8-7-on.png);
}
.page-header nav .sub-nav li a.nav8-8.on, .page-header nav .sub-nav li a.nav8-8:hover {
  background: url(../img/header/nav/8-8-on.png);
}
.page-header nav .sub-nav li a.nav8-9.on, .page-header nav .sub-nav li a.nav8-9:hover {
  background: url(../img/header/nav/8-9-on.png);
}
.page-header nav .sub-nav li a.nav9-1.on, .page-header nav .sub-nav li a.nav9-1:hover {
  background: url(../img/header/nav/9-1-on.png);
}
.page-header nav .sub-nav li a.nav9-2.on, .page-header nav .sub-nav li a.nav9-2:hover {
  background: url(../img/header/nav/9-2-on.png);
}
.page-header nav .sub-nav li a.nav9-3.on, .page-header nav .sub-nav li a.nav9-3:hover {
  background: url(../img/header/nav/9-3-on.png);
}
.page-header nav .sub-nav li a.nav9-4.on, .page-header nav .sub-nav li a.nav9-4:hover {
  background: url(../img/header/nav/9-4-on.png);
}
.contents {
  position: relative;
  margin: 40px 0 0;
  padding: 0 0 60px;
  z-index: 2;
}
.bottom-nav {
  position: fixed;
  left: 0;
  bottom: 25px;
  width: 100%;
  height: 70px;
  z-index: 3;
}
.bottom-nav > ul {
  width: 1008px;
  height: 40px;
  margin: 0 auto;
  padding: 7px 11px;
  background: url(../img/common/bottom-nav-bg.png) no-repeat;
}
.bottom-nav > ul > li {
  position: relative;
  float: left;
  z-index: 4;
}
.bottom-nav .sub-nav {
  display: none;
  position: absolute;
  padding: 6px 6px 0;
  margin: -6px -6px 0;
}
.bottom-nav .sub-nav li:first-child {}
.bottom-nav-architecture .sub-nav2 {
  background: url(../architecture/img/bottom-nav/2-bg.png) no-repeat;
}
.bottom-nav-architecture .sub-nav4 {
  background: url(../architecture/img/bottom-nav/4-bg.png) no-repeat;
}
.bottom-nav-realestate .sub-nav4 {
  background: url(../realestate/img/bottom-nav/4-bg.png) no-repeat;
}
.bottom-nav-network .sub-nav4 {
  background: url(../network/img/bottom-nav/4-bg.png) no-repeat;
}
.bottom-nav-education .sub-nav4 {
  background: url(../education/img/bottom-nav/4-bg.png) no-repeat;
}
.bottom-nav-agriculture .sub-nav4 {
  background:
}
.bottom-nav-headquarters .sub-nav2 {
  background: url(../headquarters/img/bottom-nav/2-bg.png) no-repeat;
}
.bottom-nav-recruiting .sub-nav6 {
  background: url(../recruiting/img/bottom-nav/6-bg.png) no-repeat;
}
body > .to-top {
  display: block;
  position: fixed;
  bottom: 50px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background: url(../img/common/to-top.png) no-repeat 0 0;
  z-index: 100;
}
body > .to-top:hover {
  background-position: 0 -34px;
}
.background-image {
  position: fixed;
  top: 0;
  left: 0;
  _overflow: hidden;
  z-index: 1;
}
.background-image img {
  display: none;
  position: absolute;
  z-index: 1;
}
.background-image img:first-child {
  display: inline;
}
.page-footer {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #006CB8;
  z-index: 100;
}
.page-footer.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
}
.page-footer .nav {
  float: right;
  text-align: right;
}
.page-footer .nav li {
  display: inline-block;
  margin: 0 0 0 24px;
  font-size: 11px;
  line-height: 30px;
}
.page-footer .nav li a {
  color: #FFFFFF;
  text-decoration: none;
}
.page-footer .nav li a:hover {
  text-decoration: underline;
}
.page-footer .copyright {
  float: left;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 30px;
}
.page-footer .copyright .c {
  font-size: 19px;
}
/* --------------------------------------------------
 * top
 */
#top {
  padding: 0;
  overflow: hidden;
}
#top nav ul {
  z-index: 10;
}
#top nav ul {
  position: absolute;
  right: 0;
  bottom: 36px;
  width: 410px;
  height: 174px;
}
#top nav ul li {
  float: left;
  width: 174px;
  margin: 0 0 0 31px;
}
/* --------------------------------------------------
 * lowers common style
 */
.lower-index .contents > section {
  padding: 42px 0 0;
}
.lower-index .contents > section > h1 {
  margin: 0 0 13px;
}
.lower-index .contents > section > h1 .title {
  margin: 7px 0 0 -10px;
}
.lower-index .contents > section .project-story {
  position: absolute;
  top: 375px;
  left: 649px;
}
.lower-index .contents > section .corporate-site {
  position: absolute;
  top: 375px;
  left: 810px;
}
.lower-contents {}
.lower-contents .contents {
  padding-top: 24px;
}
.lower-contents .contents > article {
  margin-top: 20px;
}
.lower-contents .contents > article section {
  _margin: 0 0 50px;
}
.lower-contents .contents > article h1 {
  margin: 0 0 21px;
}
.lower-contents .contents > article > h1 {
  margin: 0 0 50px;
}
.lower-contents .contents > article p {
  margin: 0 0 21px;
  color: #3f3f3f;
  font-size: 14px;
  line-height: 180%;
}
.lower-contents .contents .sub-title-ps {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #006CB8;
  color: #006CB8;
  margin: auto 0 10px 0;
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {
  .lower-contents .contents .sub-title-ps {
    /* display: block;*/
    margin: auto 0;
    /*text-align: center;*/
  }
}
/*プロジェクトストーリ一覧ページのサブタイトル*/
.lower-contents .contents .project-stories {
  position: relative;
  width: 1080px;
  margin: 0 -32px 0 -4px;
  overflow: hidden;
}
.lower-contents .contents .project-stories li {
  float: left;
  width: 333px;
  height: 329px;
  margin: 0 27px 28px 0;
}
.lower-contents .task article .common-section h1 {
  margin: 0 0 0 0;
  color: #006CB8;
  font-size: 19px;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.lower-contents .task article .image-section h2 {
  margin: 10px 0 20px 10px;
  color: #000000;
  font-size: 17px;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.lower-contents .task article .common-section h3 {
  margin: 10px 15px 2px;
  color: #006CB8;
  font-size: 17px;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.lower-contents .task article .common-section h4 {
  margin: 3px 10px 20px 10px;
  color: #000000;
  font-size: 19px;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.lower-contents .contents.story {
  background: url(data:image/gif;base64,R0lGODlhAgACAIAAAPDw8P///yH5BAAHAP8ALAAAAAACAAIAAAIChFEAOw==) repeat 0 0 !important;
}
.lower-contents .contents.story article {
  padding-top: 0;
  _padding-right: 4px;
  padding-left: 4px;
  background: url(../img/common/contents-bg.png) repeat-y 0 0;
  padding-bottom: 35px;
}
.lower-contents .contents.story article:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1052px;
  height: 8px;
  background: url(../img/common/contents-bg-bottom.png) no-repeat 0 0;
}
.lower-contents .contents.story article > h1 {
  margin: 0;
}
.lower-contents .story article .common-section {
  margin: 0 35px 60px;
}
.lower-contents .story article .common-section h1 {
  margin: 0 0 40px;
  color: #006CB8;
  font-size: 28px;
  font-weight: normal;
  line-height: 35px;
  letter-spacing: -0.02em;
}
.lower-contents .story article .common-section p {
  margin: 0;
  font-size: 14px;
  line-height: 28px;
  _text-indent: 1em;
}
.lower-contents .story article .common-section p.margined-bottom {
  margin: 0 0 28px;
}
.lower-contents .story article .staff {
  margin-top: 0;
  margin-right: 35px;
  margin-left: 35px;
  margin-bottom: 0;
}
.lower-contents .story article .staff ul li {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  float: left;
}
.lower-contents .story article .staff ul .left {
  float: left;
}
.lower-contents .story article .staff ul .right {
  float: right;
}
.lower-contents .story article .lightbox-button {
  padding-top: 5px;
  padding-left: 0;
  padding-bottom: 0;
  text-align: center;
}
.lower-contents .story article .sukima {
  height: 30px;
}
.lower-contents .staff-index {
  background: url(data:image/gif;base64,R0lGODlhAgACAIAAAPDw8P///yH5BAAHAP8ALAAAAAACAAIAAAIChFEAOw==) repeat 0 0 !important;
}
.lower-contents .staff-index article h1 {
  margin: 0 0 40px;
}
.lower-contents .staff-index ul {
  width: 1056px;
  overflow: hidden;
}
.lower-contents .staff-index ul li {
  float: left;
  margin: 0 12px 13px 0;
}
/* --------------------------------------------------
 * 新・設計社員紹介のとき追加
 */
.lower-contents .staff-index2 {
  background: none;
}
.lower-contents .staff-index2 h2 {
  font-size: 22px;
  line-height: 30px;
  color: #0F6EB5;
  margin-bottom: 10px;
  font-weight: 500;
  padding-bottom: .1em;
  border-bottom: 1px solid #006CB8;
  background: url(../architecture/img/task/sikaku.png) no-repeat left center;
  padding-left: 40px;
  height: 30px;
}
.lower-contents .staff-index2 ul {
  width: 1056px;
  overflow: hidden;
}
.lower-contents .staff-index2 ul li {
  float: left;
  margin: 0 12px 13px 0;
}
/* --------------------------------------------------
 *ここまで
 */
/* --------------------------------------------------
 * 新・事例紹介にて追加
 */
.lower-contents .sub-title {
  font-size: 16px;
  color: #ffffff;
  background-color: #006CB8;
  display: inline;
  padding: 0.5em 2em 0.5em 2em;
  margin-bottom: 5px;
}
/* --------------------------------------------------
 *ここまで
 */
.lower-contents .staff-lower article h1 {
  margin: 0 0 33px;
  padding: 3px 0 0 2px;
}
.lower-contents .staff-lower .to-summary {
  margin: 0 0 23px;
}
.lower-contents .staff-lower .main-image {
  margin: 0 0 40px;
}
.lower-contents .staff-lower section {
  border-bottom: 1px solid #d8dde0;
}
.lower-contents .staff-lower section h1 {
  margin: 0 0 18px;
}
.lower-contents .staff-lower section p {
  margin: 0 0 24px;
  color: #000000;
  font-size: 14px;
  line-height: 24px;
}
.lower-contents .staff-lower section p a:link, .lower-contents .staff-lower section p a:visited {}
.lower-contents .staff-lower section .last-line {}
.lower-contents .staff-lower .to-top {
  margin: 0;
  line-height: 18px;
  text-align: right;
}
.lower-contents .staff-lower .attachment-image1 {
  width: 100%;
  margin: 0 0 60px;
  overflow: hidden;
}
.lower-contents .staff-lower .long-text {
  margin: 0;
}
.lower-contents .staff-lower .attachment-image1 .images {
  float: left;
}
.lower-contents .staff-lower .attachment-image1 .text-field {
  float: right;
  width: 608px;
}
.lower-contents .staff-lower .attachment-image1 section {
  margin: 0 0 18px;
}
.lower-contents .staff-lower .attachment-image2 {
  width: 100%;
  overflow: hidden;
}
.lower-contents .staff-lower .attachment-image2 .images {
  float: right;
}
.lower-contents .staff-lower .attachment-image2 .text-field {
  float: left;
  width: 608px;
}
.lower-contents .staff-lower .attachment-image2 section {
  margin: 0 0 18px;
  font-size: 14px;
}
.lower-contents .staff-lower .lead {
  color: #2667B5;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
}
.lower-contents .cooperations {
  margin: 0 -18px 0 0;
  overflow: hidden;
}
.lower-contents .cooperations li {
  float: left;
  margin: 0 17px 17px 0;
}
.lower-contents .link-list ul {
  margin: 0 -436px 24px 0;
}
.lower-contents .link-list ul li {
  margin: 0 0 9px;
}
.lower-contents .link-list ul li a {
  display: inline-block;
  height: 36px;
  padding: 0 25px 0 10px;
  text-decoration: none;
  color: #006CB8;
  font-size: 12px;
  font-weight: bold;
  line-height: 36px;
  background: #E1EEF5 url(../img/staff/detail/arrow-icon.png) no-repeat right top;
}
.lower-contents .link-list ul li a:hover {
  background-color: #EAF3F8;
}
.lower-contents .link-list ul li a.disabled {
  color: #BBBBBB;
  font-weight: normal;
  background: #EEEEEE none;
  cursor: default;
}
/* --------------------------------------------------
 * philosophy
 */
#recruiting-philosophy {
  padding-bottom: 200px;
}
#recruiting-philosophy .wrap > section > h1 {
  padding: 0 0 0 9px;
}
#recruiting-philosophy .wrap > ul {}
#recruiting-philosophy .wrap > li {
  display: inline-block;
}
#recruiting-philosophy p {
  font-size: 14px;
  text-indent: 1em;
  margin-bottom: 21px;
}
#recruiting-philosophy .no-indent {
  text-indent: 0;
}
#recruiting-philosophy .notes {
  display: block;
  color: #6a6767;
}
#recruiting-philosophy p span {
  display: block;
  font-size: 14px;
  line-height: 21px;
  text-indent: 1em;
}
#recruiting-philosophy .summary {
  position: relative;
  width: 1163px;
  height: 447px;
  background: url(../recruiting/philosophy/img/index/main-image.png) no-repeat;
}
#recruiting-philosophy .summary > h1 {
  position: absolute;
  top: 34px;
  left: 8px;
  padding: 0;
}
#recruiting-philosophy .summary .description {
  position: absolute;
  top: 95px;
  right: 73px;
  width: 750px;
  line-height: 160%
}
#recruiting-philosophy .summary .description p {
  margin: 0 0 16px;
}
#recruiting-philosophy #section1 {
  overflow: hidden;
}
#recruiting-philosophy #section1 .text-field {
  padding: 10px 253px 0 253px;
  width: 537px;
}
#recruiting-philosophy #section1 .text-field > h1 {
  color: #006CB8;
  padding: 60px 0 21px 0;
  font-size: 25px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: -0.02em;
}
#recruiting-philosophy #section1 .images {
  align-self: center
}
#recruiting-philosophy .signature {
  text-align: right;
}
#recruiting-philosophy #section1 ul.tuikyu-jirei li {
  list-style-type: circle;
  margin: 0 auto 14px 20px;
  font-size: 14px;
  line-height: normal;
}
/* --------------------------------------------------
 * philosophy/community
 */
#philosophy-community article p, #philosophy-conference article p, #philosophy-net article p.nav, #philosophy-society article p {
  width: 673px;
}
#philosophy-community article p, #philosophy-conference article p, #philosophy-net article p, #philosophy-circle article p, #philosophy-society article p {
  font-size: 13px;
}
#philosophy-net article p {
  width: 323px;
}
#philosophy-community article {
  background: url(../philosophy/img/community/image.png) no-repeat right 100px;
}
#philosophy-community #section1 {
  margin: 60px 0 0;
}
#philosophy-community #section1 section h1 {
  margin: 30px 0;
}
/* --------------------------------------------------
 * philosophy/conference
 */
#philosophy-conference .lead {
  color: #006cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}
#philosophy-conference .title {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 450px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#philosophy-conference .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#philosophy-conference .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#philosophy-conference article {
  background: url(../philosophy/img/conference/image.png) no-repeat right 100px;
}
#philosophy-conference article .main-image {
  margin: 0 0 30px;
}
#philosophy-conference #section1 {
  margin: 70px 0 30px;
  overflow: hidden;
}
#philosophy-conference #section1 .text {
  float: left;
}
#philosophy-conference #section1 .text > p {
  margin: 0 0 30px;
}
#philosophy-conference #section1 .text section {
  margin: 0 0 20px;
}
#philosophy-conference #section1 .text section h1 {
  margin: 0 0 10px;
}
#philosophy-conference #section1 .image {
  float: right;
}
/* --------------------------------------------------
 * philosophy/net
 */
#philosophy-net article {
  height: 451px;
  background: url(../philosophy/net/img/index/image.png) no-repeat right 99px;
}
#philosophy-net article .nav {
  margin: 45px 0 0;
  text-align: center;
}
/* --------------------------------------------------
 * philosophy/society
 */
#philosophy-society article {
  background: url(../philosophy/img/society/image.png) no-repeat right 100px;
}
#philosophy-society article #section1 {
  margin-top: 80px;
}
#philosophy-society article #section3 {
  min-height: 200px;
}
#philosophy-society article section p {
  width: auto;
}
/* --------------------------------------------------
 * philosophy/net/*
 */
.philosophy-net article > h1 {
  margin: 0 0 38px !important;
}
.philosophy-net .lead {
  margin: 0 0 20px !important;
  font-size: 17px !important;
  line-height: 17px !important;
}
.philosophy-net nav {
  margin: 0 0 36px;
  overflow: hidden;
}
.philosophy-net nav ul li {
  float: left;
  margin: 0 10px 0 0;
}
.philosophy-net .control {
  position: relative;
  height: 13px;
  margin: 0 0 30px;
  font-size: 0;
}
.philosophy-net .control img {
  display: inline-block;
  cursor: pointer;
}
.philosophy-net .control .contract-all {
  margin: 0 15px 0 0;
}
.philosophy-net .control:before {
  content: "";
  position: absolute;
  top: 2;
  left: 96px;
  width: 1px;
  height: 11px;
  background-color: #AFB0B0;
}
.philosophy-net table {
  width: 100%;
  margin: 0 0 50px;
  border-collapse: collapse;
}
.philosophy-net table thead tr th {
  height: 34px;
  text-align: left;
  vertical-align: top;
}
.philosophy-net table tbody tr td {
  position: relative;
  font-size: 13px;
  line-height: 21px;
  background: url(../philosophy/net/img/common/td-bg.png) no-repeat 0 0;
}
.philosophy-net table tbody tr td.no {
  width: 61px;
  padding: 0 10px 0 24px;
}
.philosophy-net table tbody tr td.content {
  width: 680px;
  padding: 0 25px 0 37px;
  background: url(../philosophy/net/img/common/td-no-bg.png) no-repeat 0 0;
}
.philosophy-net table tbody tr td.content.open {
  background: url(../philosophy/net/img/common/td-no-bg-open.png) no-repeat 0 0;
}
.philosophy-net table tbody tr td.content .title {
  padding: 0 0 0 30px;
  margin: 0 0 21px -30px;
  color: #006CB8;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
}
.philosophy-net table tbody tr td.content .title:hover {
  text-decoration: underline;
}
.philosophy-net table tbody tr td.content .body {
  display: none;
}
.philosophy-net table tbody tr td.content .body p {
  margin: 0 0 21px;
  line-height: 21px;
}
.philosophy-net table tbody tr td.content .body p strong {
  color: #006CB8;
  font-weight: bold;
}
.philosophy-net table tbody tr td.date {
  width: 108px;
  padding: 0;
  text-align: center;
}
.philosophy-net table tbody tr td.contributor {
  width: 109px;
  padding: 0;
  text-align: center;
  background: url(../philosophy/net/img/common/td-contributor-bg.png) no-repeat 0 0;
}
/* --------------------------------------------------
 * philosophy/circle
 */
#philosophy-circle > article > header {
  margin: 0 0 26px;
}
#philosophy-circle > article > header > h1 {
  margin: 0 0 32px;
}
#philosophy-circle .main-text {
  margin: 0 0 33px;
}
#philosophy-circle .anchor-nav {
  width: 100%;
  margin: 0 0 58px;
}
#philosophy-circle .anchor-nav ul {
  width: 1054px;
  overflow: hidden;
}
#philosophy-circle .anchor-nav ul li {
  display: inline;
  margin: 0 10px 0 0;
}
/* --------------------------------------------------
 * 2014菫ｮ豁｣縺ｮ縺溘ａ菴懈・
 */
#philosophy-circle .anchor-nav1 {
  width: 100%;
  margin: 0 0 60px;
}
#philosophy-circle .anchor-nav1 ul {
  width: 1054px;
  overflow: hidden;
}
#philosophy-circle .anchor-nav1 ul li {
  float: left;
  margin: 0 10px 0 0;
}
/* --------------------------------------------------
 */
#philosophy-circle section {
  margin: 0 0 45px;
}
#philosophy-circle section > header {
  margin: 0 0 20px;
}
#philosophy-circle section > header > h1 {
  margin: 0 0 30px;
}
#philosophy-circle section p {
  color: #565656;
  font-size: 14px;
  line-height: 28px;
}
#philosophy-circle section .lead {
  margin: 0;
  color: #006cb8;
  font-size: 26px;
  line-height: 28px;
}
#philosophy-circle section .attachment-image {
  width: 968px;
  padding: 0;
  overflow: hidden;
}
#philosophy-circle section .attachment-image p {
  float: left;
  width: 730px;
  margin: 0;
}
#philosophy-circle section .attachment-image .images {
  float: right;
}
#philosophy-circle #thanks {
  width: 100%;
  overflow: hidden;
}
#philosophy-circle #thanks .text {
  float: left;
  width: 730px;
}
#philosophy-circle #thanks .text p {
  margin: 0;
}
#philosophy-circle #thanks .image {
  float: right;
  text-align: right;
}
#philosophy-circle #thanks .image p {
  padding: 0 4px 0 0;
  font-size: 11px;
  line-height: 16px;
}
/* --------------------------------------------------
 * philosophy/strength1
 */
#philosophy-strength1 #recruiting wrap ul {}
#philosophy-strength1 #recruiting wrap li {
  display: inline-block;
}
/* --------------------------------------------------
 * philosophy/task
 */
#recruiting-philosophy #section5 .philosophy-lightbox {
  cursor: pointer;
}
/* --------------------------------------------------
 * philosophy/task
 */
#philosophy-task section {
  padding: 0 290px 0 0;
  background: url(../philosophy/img/task/image.png) no-repeat right 28px;
}
/* --------------------------------------------------
 * education/story
 */
#education-story .title {
  position: relative;
  height: 33px;
  background: url(../education/img/story/title.png) no-repeat 0 0;
}
/* ---ページ中サブタイトル--- */
#education-story #subtitle {
  margin-bottom: 40px;
}
#education-story .text {
  color: #FFFFFF;
  font-size: 19px;
  position: absolute;
  left: 100px;
  top: 6px;
}
___#education-story .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../education/img/story/education.jpg) no-repeat 0 0;
}
#education-story .summary2 {
  position: relative;
  height: 200px;
  margin: 0 0 56px;
  background: url(../education/img/story/01/title2.jpg) no-repeat 0 0;
}
#education-story .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#education-story .summary > p {
  position: absolute;
  top: 106px;
  left: 79px;
}
#education-story .summary > .description {
  position: absolute;
  top: 475px;
  left: 50px;
}
#education-story .summary > .description h1 {
  margin: 0 0 13px;
}
#education-story .summary > .description p {
  width: 942px;
  color: #FFFFFF;
}
#education-story #section1 {
  overflow: hidden;
}
#education-story #section1 .text-field {
  float: left;
  width: 468px;
}
#education-story #section1 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 0px 30px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#education-story #section1 .text-field table td {
  vertical-align: top
}
#education-story #section1 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#education-story #section1 .images {
  float: right;
}
#education-story #section2 {
  overflow: hidden;
}
#education-story #section2 .text-field {
  float: left;
  width: 468px;
  margin-left: 15px;
}
#education-story #section2 .text-field table {
  float: right;
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#education-story #section2 .text-field table td {
  vertical-align: top;
}
#education-story #section2 .text-field table td p {
  line-height: 20px;
  vertical-align: top;
}
#education-story #section2 .images {
  float: left;
}
#education-story #section2 .images2 {
  float: right;
}
#education-story #section2 .fix {
  clear: both;
}
#education-story #section3 {
  overflow: hidden;
}
#education-story #section3 .text-field {
  float: right;
  width: 468px;
}
#education-story #section3 .text-field {
  float: right;
  width: 468px;
  margin-right: 15px;
}
#education-story #section3 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  table-layout: fixed;
  background-color: #f0f8ff;
  margin-right: 30px;
}
#education-story #section3 .text-field table td {
  vertical-align: top
}
#education-story #section3 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#education-story #section3 .images {
  float: left;
}
#education-story #section3 .fix {
  clear: both;
}
#education-story #section4 {
  overflow: hidden;
}
#education-story #section4 h1 {
  margin: 0 0 14px;
}
#education-story #section4 .text-field {
  float: left;
  width: 468px;
  margin-left: 15px;
}
#education-story #section4 .images {
  float: right;
}
#education-story #section5 {
  overflow: hidden;
}
#education-story #section5 h1 {
  margin: 0 0 14px;
}
#education-story #section5 .text-field {
  float: left;
  width: 445px;
  padding: 10px;
  margin: 20px 20px 0 0;
  border-radius: 10px;
  border: 1px solid #0C3A5B;
}
#education-story #section5 h2 {
  font-size: 1.3em;
  color: #0C3A5B;
  margin: 10px 0;
}
#education-story #section6 {
  overflow: hidden;
}
#education-story #section6 h1 {
  margin: 0 0 14px;
}
#education-story #section6 .text-field {
  float: left;
  width: 468px;
  margin-left: 15px;
}
#education-story #section6 .images {
  float: right;
  margin: 0 0 10px;
}
#education-story #section6 .fix {
  clear: both;
}
#education-story #section7 {
  overflow: hidden;
}
#education-story #section7 .text-field {
  width: 900px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 20px 10px 20px 10px;
  padding: 15px;
  table-layout: fixed;
  background-color: #ffffff;
  overflow: hidden;
}
#education-story #section7 .text-field h1 {
  margin: 20px 0px 20px 50px;
  color: #0C3A5B;
}
#education-story #section7 .text-field table {
  width: 800px;
  border: 1px solid #bdb76b;
  border-spacing: 0;
  border-radius: 15px;
  margin: 0 auto;
  background-color: #f5f5dc;
  table-layout: fixed;
}
#education-story #section7 .text-field table th {
  width: 10em;
  color: #ffffff;
  font-size: 120%;
  margin: 0.5em;
  padding: 0.5em;
  background-color: #bdb76b;
  border: 1px solid #bdb76b;
  border-radius: 15px;
}
#education-story #section7 .text-field table td {
  padding: 1em;
  text-align: left;
}
#education-story #section7 .text-field table .jirei {
  border-radius: 15px;
  background-color: #ffffff;
  padding: 1em;
}
#education-story .sankaku {
  width: 0;
  height: 0;
  border-top: 20px solid #bdb76b;
  border-right: 80px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 80px solid transparent;
  margin: 20px auto 0px auto;
}
#education-story #section7 .text-field2 {
  float: left;
  width: 350px;
  padding: 20px;
}
#education-story #section7 h2 .koe {
  border: 1px solid #0C3A5B;
  padding: 0.5em;
}
#education-story #section7 hr {
  width: 100%;
}
#education-story #section7 .images {
  float: right;
}
#education-story hr {
  width: 950px;
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}
#education-story #section8 {
  width: auto;
  border: 1px solid #8c8b8b;
  border-spacing: 0;
  color: #333232;
  margin: 30px 20px;
  padding: 30px;
  overflow: hidden;
}
#education-story #section8 .images {
  float: right;
  margin-left: 20px;
}
#education-story #section8 h2 {
  font-size: 2em;
  margin: 10px 0;
}
#education-story #section8 h3 {
  font-size: 1.5em;
  color: #bdb76b;
  margin: 5px 0;
}
#education-story #section8 h4 {
  font-size: 1.2em;
  color: #0C3A5B;
  margin: 10px 0;
}
#education-story #section9 {
  width: auto;
  border: 1px dotted #8c8b8b;
  border-spacing: 0;
  color: #333232;
  margin: 30px 20px;
  padding: 30px;
  overflow: hidden;
}
#education-story #section9 .images {
  float: right;
  margin-left: 20px;
}
#education-story #section10 {
  overflow: hidden;
}
#education-story #section10 h1 {
  margin: 0 0 14px;
}
#education-story #section10 .text-field {
  float: left;
  width: 478px;
  padding: 15px;
  margin: 10px 0 0 0;
  border-radius: 10px;
  border: 1px solid #0C3A5B;
  background-color: #f0f8ff;
}
#education-story #section10 .text-field-r {
  float: right;
  width: 478px;
  padding: 15px;
  margin: 10px 0 0 0;
  border-radius: 10px;
  border: 1px solid #0C3A5B;
  background-color: #f0f8ff;
}
#education-story .title2 {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 100%;
  line-height: 40px;
  margin: 2em auto 1em;
  padding: 0.3em;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
/* --------------------------------------------------
 * education/task
 */
#education-task .lead {
  margin: 0 0 20px;
  color: #006CB8;
  font-size: 25px;
  line-height: 25px;
  font-weight: 100;
}
#education-task .sub-lead {
  margin: 0 0 10px;
  color: #000;
  font-size: 17px;
  line-height: 170%;
  font-weight: 100;
}
#education-task .title {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  _width: 673px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
#education-task .title2 {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
#education-task .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 350px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#education-task .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#education-task section {
  margin-top: 30px;
  overflow: hidden;
}
#education-task section .text-field {
  float: left;
  _width: 673px;
  width: 520px;
}
#education-task section .images {
  float: right;
  padding: 20px 0;
}
_#education-task p {
  width: 520px;
}
#education-task section h1 {
  margin: 0 0 30px;
}
#education-task .cap {
  width: 300px;
}
/*#education-task section .text {
	float: left;
	width: 763px;
}

#education-task section .image {
	float: right;
	width: 250px;
	margin: -72px 0 0;
}
#education-task section .image p {
	margin: 0;
	font-size: 11px;
}
#education-task section .sentence {
	clear: both;
}*/
/* --------------------------------------------------
 * education/discussion
 */
#education-discussion .lead {
  color: #006cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}
#education-discussion .title {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 450px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#education-discussion .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#education-discussion .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#education-discussion p {
  margin: 0;
}
#education-discussion article > h1 {
  margin: 0;
}
#education-discussion .part {
  position: relative;
  margin: 0;
  padding: 50px 0 0;
}
#education-discussion .part > header {
  margin: 0 0 10px;
  overflow: hiden;
}
#education-discussion .part > header h1 {
  float: left;
  margin: 0 8px 0 0;
}
#education-discussion .part > p {
  margin: 0 0 10px;
}
#education-discussion .part .profile {
  margin: 0 0 30px;
}
#education-discussion .part .profile h1 {
  margin: 0 0 23px;
}
#education-discussion .part .profile ul {
  margin: 0 -18px 0 0;
  overflow: hidden;
}
#education-discussion .part .profile ul li {
  float: left;
  width: 316px;
  height: 182px;
  margin: 0 18px 13px 0;
  padding: 19px 0 0 14px;
  border-top: 1px solid #006CB8;
  border-left: 1px solid #006CB8;
}
#education-discussion .part .profile ul li p {
  float: right;
  width: 250px;
  font-size: 13px;
  line-height: 21px;
}
#education-discussion .part .profile ul li .thumbnail {
  float: left;
  width: 62px;
  height: 62px;
}
#education-discussion .discussion {
  position: relative;
  overflow: hidden;
}
#education-discussion .discussion .text-field {
  float: left;
  width: 648px;
}
#education-discussion .discussion .images {
  float: right;
}
#education-discussion .discussion .mc {
  height: 31px;
  margin: 0 0 14px;
  padding: 0 10px;
  font-weight: bold;
  line-height: 31px;
  background-color: #EBF4F8;
}
#education-discussion .discussion ul li {
  min-height: 46px;
  padding: 12px 0 14px;
  border-bottom: 1px solid #E1EEF5;
  overflow: hidden;
}
#education-discussion .discussion ul li p {
  float: right;
  width: 590px;
  margin: 0;
  color: #191919;
  font-size: 13px;
  line-height: 21px;
}
#education-discussion #part1 .discussion1 .images {
  padding: 55px 0 0;
}
#education-discussion #part2 .profile ul li {
  height: 120px;
}
#education-discussion #part2 .discussion1 .images {
  padding: 55px 0 0;
}
#education-discussion #part2 .discussion1:before {
  content: "";
  position: absolute;
  top: 772px;
  right: 0;
  width: 299px;
  height: 299px;
  background: url(../education/img/discussion/part2-image2.png) no-repeat 0 0;
}
#education-discussion li:before {
  float: left;
}
#education-discussion #part1 li.person1:before {
  content: url(../education/img/discussion/part1-thumbnail1.png);
}
#education-discussion #part1 li.person2:before {
  content: url(../education/img/discussion/part1-thumbnail2.png);
}
#education-discussion #part1 li.person3:before {
  content: url(../education/img/discussion/part1-thumbnail3.png);
}
#education-discussion #part1 li.person4:before {
  content: url(../education/img/discussion/part1-thumbnail4.png);
}
#education-discussion #part1 li.person5:before {
  content: url(../education/img/discussion/part1-thumbnail5.png);
}
#education-discussion #part1 li.person6:before {
  content: url(../education/img/discussion/part1-thumbnail6.png);
}
#education-discussion #part2 li.person1:before {
  content: url(../education/img/discussion/part2-thumbnail1.png);
}
#education-discussion #part2 li.person2:before {
  content: url(../education/img/discussion/part2-thumbnail2.png);
}
#education-discussion #part2 li.person3:before {
  content: url(../education/img/discussion/part2-thumbnail3.png);
}
#education-discussion #part2 li.person4:before {
  content: url(../education/img/discussion/part2-thumbnail4.png);
}
#education-discussion #part2 li.person5:before {
  content: url(../education/img/discussion/part2-thumbnail5.png);
}
#education-discussion #part2 li.person6:before {
  content: url(../education/img/discussion/part2-thumbnail6.png);
}
/* --------------------------------------------------
 * agriculture/story/01
 */
#agriculture-story01 .title {
  position: relative;
  height: 33px;
  background: url(../agriculture/story/img/01/title.png) no-repeat 0 0;
}
#agriculture-story01 .text {
  color: #FFFFFF;
  font-size: 19px;
  position: absolute;
  left: 100px;
  top: 6px;
}
#agriculture-story01 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../agriculture/story/img/01/agriculture.jpg) no-repeat 0 0;
}
#agriculture-story01 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#agriculture-story01 .summary > p {
  position: absolute;
  top: 106px;
  left: 79px;
}
#agriculture-story01 .summary > .description {
  position: absolute;
  top: 475px;
  left: 50px;
}
#agriculture-story01 .summary > .description h1 {
  margin: 0 0 13px;
}
#agriculture-story01 .summary > .description p {
  width: 942px;
  color: #FFFFFF;
}
#agriculture-story01 #section1 {
  overflow: hidden;
}
#agriculture-story01 #section1 .text-field {
  float: left;
  width: 450px;
  margin-bottom: 10px;
}
#agriculture-story01 #section1 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 0px 30px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#agriculture-story01 #section1 .text-field table td {
  vertical-align: top
}
#agriculture-story01 #section1 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#agriculture-story01 #section1 .text-field2 {
  float: right;
  width: 450px;
  margin-bottom: 10px;
}
#agriculture-story01 #section1 .images {
  float: right;
}
#agriculture-story01 #section1 .fix {
  clear: both;
}
#agriculture-story01 #section2 {
  overflow: hidden;
}
#agriculture-story01 #section2 .text-field {
  float: left;
  width: 468px;
  margin-bottom: 10px;
}
#agriculture-story01 #section2 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#agriculture-story01 #section2 .text-field table td {
  vertical-align: top
}
#agriculture-story01 #section2 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#agriculture-story01 #section2 .images {
  float: left;
}
#agriculture-story01 #section2 .fix {
  clear: both;
}
#agriculture-story01 #section3 {
  overflow: hidden;
}
#agriculture-story01 #section3 .text-field {
  float: right;
  width: 468px;
  margin-bottom: 10px;
}
#agriculture-story01 #section3 .images {
  float: left;
}
#agriculture-story01 #section3 .fix {
  clear: both;
}
#agriculture-story01 #section4 .text-field {
  float: right;
  width: 468px;
  margin: 0 0 10px;
}
#agriculture-story01 #section4 .images {
  float: left;
  margin: 0 0 10px;
}
#agriculture-story01 #section4 h1 {
  margin: 0 0 20px;
}
#agriculture-story01 #section4 .fix {
  clear: both;
}
#agriculture-story01 #section5 .main-image {
  margin: 0 0 35px;
}
#agriculture-story01 #section5 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * agriculture/task
 */
#agriculture-task .lead {
  color: #006cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}
#agriculture-task .title {
  display: block;
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#agriculture-task .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#agriculture-task .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#agriculture-task #section1 {
  overflow: hidden;
}
#agriculture-task #section1 > header {
  margin: 0 0 13px;
}
#agriculture-task #section1 > header > .lead {
  margin: 0;
}
#agriculture-task #section1 .text-field {
  float: left;
  width: 100%;
}
#agriculture-task #section1 .images {
  float: right;
}
#agriculture-task #section1 .fix {
  width: 700px;
  margin: 0 0 30px;
}
#agriculture-task #section2 {
  overflow: hidden;
}
#agriculture-task #section2 .text-field2 {
  float: left;
  width: 468px;
}
#agriculture-task #section2 .images {
  float: right;
}
#agriculture-task #section3 {
  overflow: hidden;
}
#agriculture-task #section3 .text-field3 {
  float: right;
  width: 500px;
}
#agriculture-task #section3 .text-field4 {
  float: left;
  width: 500px;
}
#agriculture-task #section3 .images {
  float: left;
}
#agriculture-task .history {
  margin: 0 0 28px;
  overflow: hidden;
}
#agriculture-task .history h1 {
  margin: 0 0 18px;
}
#agriculture-task .history table {
  width: 754px;
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
  border-spacing: 0;
  color: #333232;
  font-size: 13px;
  line-height: 10px;
}
#agriculture-task .history table th {
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  background-color: #edf6fc;
  font-weight: normal;
  vertical-align: middle;
}
#agriculture-task .history table td {
  height: 45px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
}
#agriculture-task .history table td.line2 {
  height: 70px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
  line-height: 180%;
}
#agriculture-task .history table td.line3 {
  height: 90px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
  line-height: 180%;
}
#agriculture-task .history table td.line4 {
  height: 120px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
  line-height: 180%;
}
#agriculture-task .awards {
  margin: 0 0 28px;
  overflow: hidden;
}
#agriculture-task .awards h1 {
  margin: 0 0 18px;
}
#agriculture-task .awards table {
  width: 820px;
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
  border-spacing: 0;
  color: #333232;
  font-size: 13px;
  line-height: 30px;
}
#agriculture-task .awards table th {
  height: 60px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  background-color: #edf6fc;
  font-weight: normal;
  vertical-align: middle;
}
#agriculture-task .awards table td {
  padding: 0 0 0 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
}
#agriculture-task .conception {
  clear: both;
  width: 100%;
  margin: 0 0 85px;
  overflow: hidden;
}
#agriculture-task .conception h1 {
  clear: both;
  margin: 0 0 31px;
}
#agriculture-task .conception .conception-list {
  position: relative;
  width: 1044px;
  height: 577px;
}
#agriculture-task .conception .conception-list .images {
  position: relative;
}
#agriculture-task .conception .conception-list .contents-wrap {
  position: absolute;
  top: 134px;
  left: 115px;
}
#agriculture-task .conception .conception-list dl {
  float: left;
  width: 158px;
  margin: 0 15px 0 0;
  color: #191919;
  font-size: 12px;
  line-height: 21px;
}
#agriculture-task .conception .conception-list dl dt {
  margin: 0 0 117px;
}
#agriculture-task .conception .conception-list .no-image dt {
  margin: 0 0 70px;
}
#agriculture-task .conception .conception-list dd {
  padding: 0 0 0 2px;
}
#agriculture-task .introduction > h1 {
  margin: 0 0 30px;
}
#agriculture-task .introduction section {
  min-height: 202px;
  margin: 0 0 26px;
  padding: 0 40px 20px 0;
  border-bottom: 1px solid #dcdcdc;
}
#agriculture-task .introduction section .text-field {
  float: left;
  width: 770px;
}
#agriculture-task .introduction section .images {
  float: right;
  padding: 40px 0 0;
}
#agriculture-task .introduction section header {
  margin: 0 0 11px;
}
#agriculture-task .introduction section h1 {
  margin: 0 0 11px;
}
#agriculture-task .introduction section p {
  width: 770px;
  margin: 0;
  line-height: 21px;
}
/* --------------------------------------------------
 * agriculture/staff/01
 */
#agriculture-staff01 .attachment-image1 {
  background: url(../agriculture/staff/img/01/image1.png) no-repeat;
}
#agriculture-staff01 .attachment-image2 {
  background: url(../agriculture/staff/img/01/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * agriculture/staff/02
 */
#agriculture-staff02 .attachment-image1 {
  background: url(../agriculture/staff/img/02/image1.png) no-repeat;
}
#agriculture-staff02 .attachment-image2 {
  background: url(../agriculture/staff/img/02/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * architecture/task
 */
/*-----新・事業紹介(task)と　体制・社員紹介(staff)------------*/
#architecture-task .imege-map-sekkei {
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
}
#architecture-task .section-arc {
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  #architecture-task .section-arc {
    margin: 0 0 6vw;
  }
}
/*室長挨拶ボタン*/
#architecture-task .bnr-two {
  display: inline-block;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  #architecture-task .bnr-two {
    width: 100%;
    padding: 0 0 10px;
  }
}
/*コンテンツ紹介ブロックのマージン*/
#architecture-task .contents-intro {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #architecture-task .contents-intro {
    margin-top: 8vw;
  }
}
#architecture-task .sub-title-ps-right {
  display: inline-block;
  margin-left: 2em;
}
@media screen and (max-width: 767px) {
  #architecture-task .sub-title-ps-right {
    display: block;
    margin-left: 0;
  }
}
_#architecture-task section1 {
  margin-bottom: 30px;
}
#architecture-task .survice {
  font-size: 45px;
  color: #0F6EB5;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: 300;
  letter-spacing: 3px;
  margin-top: 8px;
  line-height: 1em;
}
#architecture-task h2 {
  font-size: 22px;
  line-height: 30px;
  color: #0F6EB5;
  margin-bottom: 10px;
  font-weight: 500;
  padding-bottom: .1em;
  border-bottom: 1px solid #006CB8;
  padding-left: 40px;
  height: 30px;
}
#architecture-task h4 {
  font-size: 1.2em;
}
#architecture-task .rinen {
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: center;
  color: dimgray;
  font-weight: 300;
  margin-bottom: 1em;
}
#architecture-task .rinen-title {
  font-size: 2em;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #3E3A39;
  margin-bottom: 1em;
}
/*=============作品紹介================*/
#architecture-task .works-wrap {
  width: 1044px;
  margin: 1em 0;
}
#architecture-task .works {
  position: relative;
  display: inline-block;
  margin: 10px 0px 10px 33px;
  width: 330px;
  display: inline-block;
  margin: 0 20px 60px 0;
}
#architecture-task .works:nth-of-type(3n) {
  margin: 0 0 20px 0;
}
#architecture-task .works :hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}
/*事例img上の帯*/
#architecture-task .works span {
  position: absolute;
  bottom: -40px;
  left: 0px;
  width: 330px;
  text-align: center;
  line-height: 270%;
  background-color: rgba(0, 108, 184, 0.5);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
	
	

  #architecture-task .works-wrap {
    width: 100%;
    overflow: hidden
  }
  #architecture-task .works {
    position: relative;
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 100%;
    margin: 0px;
  }
  #architecture-task .works:nth-of-type(2n) {
    margin: 0 0 50px 5px !important;
  }
  #architecture-task .works span {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0px;
    line-height: 200%;
  }
}
/*=============業務メニュー================*/
#architecture-task .gyomu-wrap {
  width: 1044px;
  margin: 1em 0 0;
}
#architecture-task .gyomu {
  width: 330px;
  display: inline-block;
  margin: 0 20px 20px 0;
}
#architecture-task .gyomu:nth-of-type(3n) {
  margin: 0 0 20px 0;
}
#architecture-task .gyomu img {
  width: 100%;
}
#architecture-task dl.gyomu-inner {
  border: 1px solid #ccc;
  padding: 1em;
  margin-top: 0.5em;
}
#architecture-task dl.gyomu-inner dt {
  font-weight: bold;
}
#architecture-task dl.gyomu-inner dd {
  _text-indent: 1em;
}
@media screen and (max-width: 767px) {
  #architecture-task .gyomu-wrap {
    width: 100%;
    overflow: hidden
  }
  #architecture-task .gyomu {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 1em 0;
    overflow: visible;
  }
  #architecture-task .gyomu img {
    width: calc((100% - 10px) / 2);
    height: 100%;
  }
  #architecture-task dl.gyomu-inner {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 100%;
    margin: 0 0 0 5px;
    padding: 10px;
    line-height: 140%;
  }
  #architecture-task dl.gyomu-inner dd {
    font-size: 0.8em;
  }
}
/*囲みボックスの業務紹介*/
#architecture-task dl.gyomu-inner2 {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
  overflow: hidden;
}
#architecture-task dl.gyomu-inner2 dt {
  font-weight: bold;
  display: block;
  clear: left;
  float: left;
  margin-bottom: 0.5em;
}
#architecture-task dl.gyomu-inner2 dd {
  display: block;
  float: left;
  margin-left: 5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  #architecture-task dl.gyomu-inner2 dt {
    font-weight: bold;
    display: block;
    clear: left;
    float: left;
    margin-bottom: 0.5em;
    vertical-align: top;
  }
  #architecture-task dl.gyomu-inner2 dd {
    display: block;
    margin-left: 12em;
    float: left;
    line-height: 150%;
    font-size: 0.8em;
    margin-bottom: 1em;
    margin-top: -30px
  }
}
/*lower-contentsからプラスの指定*/
#architecture-task ul.project-stories {
  margin-top: 10px;
}
#architecture-task .project-stories li {
  margin: 0 27px 10px 0;
}
/*プロジェクトストーリーのsp指定*/
@media screen and (max-width: 767px) {
  #architecture-task ul.project-stories {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
  }
  #architecture-task ul.project-stories li {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 100%;
    margin: 0px;
  }
  #architecture-task ul.project-stories li:nth-of-type(2n) {
    margin: 0 0 10px 10px !important;
  }
}
/*資料請求エリア横幅いっぱい*/
/*#architecture-task .form-area {
    margin: 0 -200% 80px;
    padding: 30px 200%;
    background-color: #9EC4DF;
    text-align: center;
    overflow: hidden;
}*/
#architecture-task .form-area {
  width: 100%;
  margin: 0 auto 80px;
  background-color: #9EC4DF;
  text-align: center;
  overflow: hidden;
}
#architecture-task .form-area p {
  display: inline-block;
  color: #fff;
  vertical-align: center;
}
/*　資料請求ボタン　*/
#architecture-task .form_btn {
  display: inline-block;
  width: 20em;
  height: 3em;
  text-align: center;
  outline: none;
  margin: 1.5em 2em;
  /*background-color: #87cefa;
    border: 1px solid #87cefa;*/
  background-color: #E0F2FD;
  _border: 1px solid #fff;
  border-radius: 5px;
  color: #59b1eb;
  font-size: 1.2em;
  line-height: 300%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#architecture-task .form_btn a {
  text-decoration: none;
  color: inherit;
}
#architecture-task .form_btn:before, #architecture-task .form_btn:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#architecture-task .form_btn, #architecture-task .form_btn:before, #architecture-task .form_btn:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#architecture-task .form_btn:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
#architecture-task .form_btn a:hover {
  color: #59b1eb;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  #architecture-task .form-area {
    width: auto;
    margin: 0 -100% 80px;
    padding: 20px 100%;
  }
  #architecture-task .form-area p {
    display: block;
    text-align: center;
  }
  #architecture-task .form_btn {
    display: block;
    width: 20em;
    margin: 1em auto;
  }
  #architecture-task .form-area a {
    text-decoration: none;
    color: inherit;
  }
	#architecture-task h1.section-page-title {
  font-size: 28px;
  line-height: 1.5em;
}
}
#architecture-task .tgs {
  margin-left: auto;
  text-align: right;
  color: #006CB8;
}
#architecture-task p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 28px;
  color: #727171;
}

#architecture-task h4 {
  font-size: 1.2em;
}
#architecture-task .survice {
  font-size: 45px;
  color: #0F6EB5;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: 300;
  letter-spacing: 3px;
  margin-top: 8px;
  line-height: 1em;
}
#architecture-task h2 {
  font-size: 22px;
  line-height: 30px;
  color: #0F6EB5;
  margin-bottom: 10px;
  font-weight: 500;
  padding-bottom: .1em;
  border-bottom: 1px solid #006CB8;
  background: url(../architecture/task/img/sikaku.png) no-repeat left center;
  padding-left: 40px;
  height: 30px;
}
#architecture-task .taisei {
  overflow: hidden;
  margin: 3em auto;
  width: 700px;
}
#architecture-task .taisei h3 {
  font-size: 20px;
  line-height: 1.8;
  color: #0F6EB5;
  margin: 10px auto 10px 15px;
  font-weight: 500;
}
#architecture-task .taisei-inner {
  margin: 2em auto;
}
@media screen and (max-width: 767px) {
  #architecture-task .taisei {
    width: 100%;
  }
  #architecture-task .taisei h3 {
    line-height: 1.6;
    color: #0F6EB5;
    margin: 10px auto 10px 0;
    font-weight: 500;
  }
}
/*#architecture-task .text-field3 {
    float: left;
    width: 468px;
}
*/
/*#architecture-task .text-field2 h2 {
    font-size: 22px;
    line-height: 30px;
    color: #0F6EB5;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    padding-bottom: .1em;
    border-bottom: 1px solid #006CB8;
    background: url(../architecture/task/img/sikaku.png) no-repeat left center;
    padding-left: 40px;
    height: 30px;
}*/
/*
#architecture-task .text-field3 h3 {
    font-size: 20px;
    line-height: 1.8;
    color: #0F6EB5;
    margin: 10px auto 10px 15px;
    font-weight: 500;
}*/
#architecture-task .tgs {
  margin-left: auto;
  text-align: right;
  color: #006CB8;
}
#architecture-task .right-img {
  float: right;
}
/*#architecture-task .text-field4 {
    float: right;
    width: 468px;
}

#architecture-task .text-field4 h3 {
    font-size: 20px;
    line-height: 1.8;
    color: #0F6EB5;
    margin: 10px auto 10px 15px;
    font-weight: 500;
}
*/
#architecture-task .left-img {
  float: left;
}
#architecture-task .link-btn-text {
  font-size: 1.3em;
  width: 20em;
  padding: 0.5em;
  text-align: center;
  color: #006cb8;
  text-decoration: none;
  border: solid 1px #006cb8;
  border-radius: 3px;
  transition: .4s;
  margin: 3em auto 1em;
}
#architecture-task .link-btn-text:hover {
  background: #006cb8;
  color: white;
}
#architecture-task a {
  text-decoration: none;
}
#architecture-task .sukima {
  display: block;
  margin-bottom: 2em;
}
/*@media screen and (max-width: 767px) {
    #architecture-task .text-field3 {
        float: none;
        width: 100%;
    }
    #architecture-task .text-field4 {
        float: none;
        width: 100%;
    }
    #architecture-task .right-img {
        float: none;
    }
    #architecture-task .left-img {
        float: none;
    }

    #architecture-task .text-field3 h3 {
        margin-left: 0;
    }
    #architecture-task .text-field4 h3 {
        margin-left: 0;
    }

}*/
#architecture-task .rinen {
  font-size: 1.3em;
  line-height: 200%;
  text-align: center;
  color: dimgray;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  #architecture-task .rinen {
    font-size: 1em;
    line-height: 180%;
  }
}
/*#architecture-task .rinen-title {
    font-size: 1.9em;
    line-height: 1.5em;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #3E3A39;
}
*/
/*事業紹介taskの事例紹介*/
/*
#architecture-task .jirei-wrap {
    width: 1044px;
    background: #e9e9e9;
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.8);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

#architecture-task .jirei-title {
    padding: 6px;
    background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
    background: -prefix-linear-gradient(top, #69b4e6 0%, #3498db 100%);
    background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);

    color: #fff;
    font-size: 19px;
    text-indent: 1em;
    width: 1044px;
    margin-bottom: 10px;
}

#architecture-task .jirei {
    position: relative;
    width: 300px;
    display: inline-block;
    margin: 10px 0px 10px 33px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}

#architecture-task .jirei :hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}
*/
/*事例img上の帯*/
/*
#architecture-task .jirei span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 300px;
    text-align: center;
    line-height: 270%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}
*/
/*プロジェクトパートナーとしての事業*/
/*#architecture-task .jirei-end {
    position: relative;
    width: 972px;
    display: inline-block;
    margin: 10px auto 20px 36px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}*/
/*事例img上の帯*/
/*
#architecture-task .jirei-end span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 972px;
    text-align: center;
    color: #fff;
    line-height: 270%;
    background-color: rgba(0, 0, 0, 0.5);
}

#architecture-task .jirei-end :hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}
*/
/*  ＝＝メモです＝＝
子要素も含め透過処理できるのがopacity、個別に指定できるのがrgba
    background-color:#000;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}*/
/*=============作品紹介================*/
#architecture-task .works-wrap {
  width: 1044px;
  margin: 1em 0;
}
#architecture-task .works {
  position: relative;
  display: inline-block;
  margin: 10px 0px 10px 33px;
  width: 330px;
  display: inline-block;
  margin: 0 20px 60px 0;
}
#architecture-task .works:nth-of-type(3n) {
  margin: 0 0 20px 0;
}
#architecture-task .works :hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}
/*事例img上の帯*/
#architecture-task .works span {
  position: absolute;
  bottom: -40px;
  left: 0px;
  width: 330px;
  text-align: center;
  line-height: 270%;
  background-color: rgba(0, 108, 184, 0.5);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #architecture-task .works-wrap {
    width: 100%;
    overflow: hidden
  }
  #architecture-task .works {
    position: relative;
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 100%;
    margin: 0px;
  }
  #architecture-task .works:nth-of-type(2n) {
    margin: 0 0 50px 5px !important;
  }
  #architecture-task .works span {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0px;
    line-height: 200%;
  }
}
/*プロジェクトストーリーのsp指定*/
@media screen and (max-width: 767px) {
  #architecture-task ul.project-stories {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
  }
  #architecture-task ul.project-stories li {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 100%;
    margin: 0px;
  }
  #architecture-task ul.project-stories li:nth-of-type(2n) {
    margin: 0 0 10px 10px !important;
  }
}
/*設計ページの問い合わせフォームへ*/
#architecture-task .toform {
  width: 100%;
  margin: 0px auto 20px auto;
}
#architecture-task hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}
#architecture-task .toform p {
  font-size: 17px;
  text-indent: 0;
  margin-top: 15px
}
#architecture-task .toform img {
  display: block;
  f margin: 20px auto 0 auto;
}
/*#architecture-task .toform span {
    color: red;
}*/
#architecture-task .toform a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}
#architecture-task .toform img:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
/*⇩⇩⇩写真離すバージョンの事例コーディング。いらなくなったら消す*/
/*プロジェクトパートナーとしての事業*/
/*#architecture-task .jirei-wrap2 {
    width: 1044px;
    background: #e9e9e9;
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.8);
	padding-bottom:10px;
	margin-bottom: 30px;
}

#architecture-task .jirei-wrap2:hover {
        opacity: 0.75;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
}

#architecture-task .jirei2 {
    position:relative;
    width:300px;
    display:inline-block;
    margin: 10px 0px 10px 33px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}

/*事例img上の帯
#architecture-task .jirei2  span{
    position:absolute;
    bottom:0px;
    left:0px;
    width:300px;
    text-align:center;
    color:#ffffff;
    line-height:270%;
    background-color:rgba(0,0,0,0.5);
    
}*/
#architecture-task .text-field {
  width: 1044px;
  _margin-bottom: 30px;
}
/*------新・事業紹介 と　体制・社員紹介ここまで----------*/
/*---------------------------------*/
/*------分野別事例紹介ページ----------*/
/*---------------------------------*/
#architecture-task .section {
  width: 100%;
  margin: 0 0 50px;
  overflow: hidden;
}
#architecture-task .section .ph01 {
  float: right;
  margin-left: 20px;
}
/* 分野別ページ　h2タイトル*/
#architecture-task .section h2 {
  font-size: 22px;
  line-height: 26px;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 0.7em;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left center;
  overflow: hidden;
  padding-left: 55px;
  height: 85px;
}
/* 分野別ページ　h2のサブタイトル*/
#architecture-task .section .h2-sub {
  font-size: 15px;
  color: #074471;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  font-weight: 400;
  border-bottom: none;
  padding-left: 0px;
}
/* wide写真時の　h2タイトル*/
#architecture-task .section .h2-wide {
  font-size: 22px;
  line-height: 26px;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 0.3em;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left center;
  padding-left: 55px;
  height: 85px;
}
/* wide写真時の　h2のサブタイトル*/
#architecture-task .section .h2-sub-wide {
  font-size: 15px;
  color: #074471;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  font-weight: 400;
  border-bottom: none;
  padding-left: 0px;
}
/* 分野別ページの物件右寄せ写真（wide写真以外）*/
#architecture-task .photo {
  width: auto;
  height: auto;
  margin-left: 15px;
  padding: 0;
  display: inline-block;
  position: relative;
  /* 相対位置指定 */
  float: right;
}
#architecture-task .photo:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, #fff);
  /* photo img　グラデーション透明指定 */
  background: -webkit-gradient(linear, right center, left center, from(rgba(250, 250, 250, 0)), color-stop(0.5, rgba(250, 250, 250, 0)), to(#fff));
  /* photo img グラデーション透明指定 */
}
#architecture-task .photo img {
  z-index: 2;
  margin-top: 20px;
  width: auto;
  display: block;
}
#architecture-task .caption {
  z-index: 1;
  font-size: 90%;
  text-align: right;
  width: auto;
  bottom: 0px;
  margin: 0px;
  padding-right: 1.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  /* 帯の透明度 */
  position: absolute;
  /* 絶対位置指定 */
  right: 0px;
  top: 274px;
}
/* wide写真時（主にスポーツ・文化施設）の物件右寄せ写真*/
#architecture-task .photo-wide {
  width: auto;
  height: 260px;
  margin-left: 15px;
  padding: 0;
  display: inline-block;
  position: relative;
  /* 相対位置指定 */
  float: right;
}
#architecture-task .photo-wide:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, #fff);
  /* photo img　グラデーション透明指定 */
  background: -webkit-gradient(linear, right center, left center, from(rgba(250, 250, 250, 0)), color-stop(0.5, rgba(250, 250, 250, 0)), to(#fff));
  /* photo img グラデーション透明指定 */
}
#architecture-task .photo-wide img {
  z-index: 2;
  margin-top: 10px;
  width: auto;
  display: block;
}
/*医療福祉施設の成果品写真枚数が少ない時の指定*/
#architecture-task .photo-wide-wrap {
  width: 570px;
  height: auto;
  float: right;
}
/* wide写真時（主にスポーツ・文化施設）のキャプション*/
#architecture-task .caption-wide {
  z-index: 2;
  font-size: 95%;
  text-align: right;
  bottom: 0px;
  margin: 0px;
  padding-right: 1.5em;
  background: rgba(0, 0, 0, 0.4);
  /* 帯の透明度 */
  color: #fff;
  position: absolute;
  /* 絶対位置指定 */
  right: 0px;
  top: 230px;
}
/*＜長野＞付け足し部分 */
#architecture-task .appendix {
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  color: black;
  margin-top: 15px;
}
/*＜長野＞さくら文字色 */
#architecture-task .appendix span {
  color: pink;
}
/* 分野別ページの成果品img */
.seika {
  float: left;
  margin-left: 15px;
}
.seika img {
  margin: 5px 0 0 0;
  border: solid 1px #dcdcdc;
}
/*wide写真時の分野別ページの成果品img */
.seika2 {
  float: right;
  margin-left: 10px;
}
.seika2 img {
  margin: 5px 0 0 0;
  border: solid 1px #dcdcdc;
}
/*医療福祉施設の成果品写真枚数が少ない時の指定*/
#architecture-task .photo-wide-wrap {
  width: 570px;
  height: auto;
  float: right;
}
.seika3 {
  float: right;
  margin-right: 0px;
}
.seika3 img {
  margin: 5px 0 0 0;
  border: solid 1px #dcdcdc;
}
/*ここまで（医療福祉施設の成果品写真枚数が少ない時の指定）*/
/* 分野別事例紹介ページのリンクしてたら画像半透明 */
#architecture-task a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
/* 事業サービスページの枠内 */
#architecture-task .box {
  padding: 2em;
  margin-bottom: 15px;
  background: #fff;
  border: 1px #ccc solid;
  box-shadow: 0 2px 3px 0 #ddd;
  -moz-box-shadow: 0 2px 3px 0 #ddd;
  -webkit-box-shadow: 0 2px 3px 0 #ddd;
  overflow: hidden;
}
#architecture-task .box h2 {
  font-size: 22px;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 0.7em;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left top;
  padding-left: 45px;
  height: 80px;
  margin-bottom: 10;
}
#architecture-task .box .h2-read {
  font-size: 14px;
  color: #000;
}
#architecture-task .box h3 {
  font-size: 16px;
  line-height: 1.5em;
  color: #0F6EB5;
  font-weight: 500;
  border-bottom: none;
  padding-left: 15px;
  margin: 15px 0 5px auto;
}
/* 事業サービス(project-partner)の枠内の写真 と　文章*/
#architecture-task .boxinner-l {
  width: 69%;
  float: left;
}
#architecture-task .boxinner-l-title {
  font-size: 13px;
  color: #ffffff;
  background-color: #006CB8;
  display: inline;
  padding: 0.3em 0.7em 0.3em 0.7em;
}
#architecture-task .boxinner-r {
  width: 31%;
  float: right;
}
#architecture-task .photo2 {
  width: auto;
  height: 210px;
  margin: 5px 6px 20px 0;
  position: relative;
  /* 相対位置指定 */
  clear: both;
}
#architecture-task .photo2 img {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}
#architecture-task .frame {
  border: 1px solid #c0c0c0;
  width: 100%;
  height: auto;
}
#architecture-task .caption-inbox {
  font-size: 90%;
  text-align: right;
  padding-right: 1em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  /* 帯の透明度 */
  position: absolute;
  /* 絶対位置指定 */
  right: 0px;
  top: 172px;
}
#architecture-task .example {
  color: #000;
  margin-top: 20px;
}
/*---------- ここから先　task_old.html のcss    


#architecture-task .lead {
  color: #006cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}

#architecture-task .title {
color:#FFFFFF;
  font-size:20px;
  background-color:#006cb8;
  width: 700px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
  
  
  #architecture-task .title1 {
  color:#FFFFFF;
  font-size:18px;
  background-color:#006cb8;
  width: 394px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
  
    #architecture-task .title2 {
  color:#FFFFFF;
  font-size:18px;
  background-color:#006cb8;
  width: 620px
  height:40px;
  line-height:40px;
  text-align:center;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
    
  #architecture-task .subtitle {
  color:#006CB8;
  font-size:18px;
  background-color:#E0EEF5;
  width: 200px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
#architecture-task .topic {
  color:#006CB8;
  font-size:25px;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  }
 
 #architecture-task #section1 .text {
 width:47%;
 text-align:left;
}

 #architecture-task #section1 .text >p {
 margin:150px 0 0 0 ;
 text-align:left;
}

 #architecture-task #section1 .image {
width:50%;
text-align:left;
}

#architecture-task #toiawase >p {
  margin:10px 0 0 0;
 color: #888888;
  font-size: 17px;
  font-weight: normal;
  line-height: 20px;
}


 #architecture-task #section2.text {
  margin: 0 0 ;
   text-align:left;
}

 #architecture-task #section2 >p{
  margin: 0px 0px 0px;
}
  
 #architecture-task #section3 > img {
  margin: 0 0 10px;
}

#architecture-task #section4 .text dl dt {
  margin: 0 0 6px;
}

#architecture-task #section4 .text dl dd {
  margin: 0 0 18px;
  text-indent: 1em;
  color: #191919;
}

#architecture-task #section5 {
  float: left;
  width: 394px;
}

#architecture-task #section5 h1 {
  margin: 0 0 33px;
}

#architecture-task #section6 {
  float: right;
  width: 614px;
}

#architecture-task #section6 .app {
  position: relative;
  width: 616px;
  height: 245px;
  background: url(../architecture/img/task/section6-bg.png) no-repeat;
}

#architecture-task #section6 .app dl dt {
  position: absolute;
  cursor: pointer;
  font-size: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

#architecture-task #section6 .app dl dd {
  display: none;
  position: absolute;
  padding: 12px 0 0 14px;
  color: #191919;
  font-size: 12px;
  line-height: 18px;
}

#architecture-task #section6 .app dl #onmouse-area1 {
  top: 8px;
  left: 183px;
  width: 195px;
  height: 36px;
}

#architecture-task #section6 .app dl #onmouse-area2 {
  top: 76px;
  left: 222px;
  width: 119px;
  height: 36px;
}

#architecture-task #section6 .app dl #onmouse-area3 {
  top: 132px;
  left: 0;
  width: 34px;
  height: 105px;
}

#architecture-task #section6 .app dl #onmouse-area4 {
  top: 132px;
  left: 55px;
  width: 90px;
  height: 105px;
}

#architecture-task #section6 .app dl #onmouse-area5 {
  top: 132px;
  left: 151px;
  width: 90px;
  height: 105px;
}

#architecture-task #section6 .app dl #onmouse-area6 {
  top: 132px;
  left: 247px;
  width: 172px;
  height: 105px;
}

#architecture-task #section6 .app dl #onmouse-area7 {
  top: 132px;
  left: 426px;
  width: 90px;
  height: 105px;
}

#architecture-task #section6 .app dl #onmouse-area8 {
  top: 132px;
  left: 522px;
  width: 90px;
  height: 105px;
}

#architecture-task #section6 .app dl #popup1 {
  top: -73px;
  left: 261px;
  width: 195px;
  height: 84px;
  background: url(../architecture/img/task/popup1-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup2 {
  top: -3px;
  left: 261px;
  width: 225px;
  height: 84px;
  background: url(../architecture/img/task/popup2-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup3 {
  top: 67px;
  left: 0;
  width: 225px;
  height: 84px;
  background: url(../architecture/img/task/popup3-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup4 {
  top: 47px;
  left: 114px;
  width: 226px;
  height: 104px;
  background: url(../architecture/img/task/popup4-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup5 {
  top: 47px;
  left: 206px;
  width: 225px;
  height: 104px;
  background: url(../architecture/img/task/popup5-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup6 {
  top: 47px;
  left: 367px;
  width: 235px;
  height: 104px;
  background: url(../architecture/img/task/popup6-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup7 {
  top: 47px;
  left: 367px;
  width: 235px;
  height: 104px;
  background: url(../architecture/img/task/popup7-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .app dl #popup8 {
  top: 47px;
  left: 367px;
  width: 235px;
  height: 104px;
  background: url(../architecture/img/task/popup8-bg.png) no-repeat 0 0;
}

#architecture-task #section6 .note {
  font-size: 11px;
}

#architecture-task .image-section {
  overflow: hidden;
}

#architecture-task .image-section .text {
  float: left;
  width: 768px;
}

#architecture-task .image-section .image {
  float: right;
}

#architecture-task .image-section .image p {
  margin: 0;
  font-size: 11px;
}

#architecture-task .text {
  color:#FFFFFF;
  font-size:19px;
  position:absolute;
   top:6px;
  } 
  
#architecture-task .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}

#architecture-task .summary > p {
  position: absolute;
  top: 106px;
  left: 79px;
}

#architecture-task .summary > .description {
  position: absolute;
  top: 475px;
  left: 50px;
}

#architecture-task .summary > .description h1 {
  margin: 0 0 13px;
}

#architecture-task .summary > .description p {
  width: 942px;
  color: #FFFFFF;
}

#aarchitecture-task #section9 {
  overflow: hidden;
}

#architecture-task #section9 .text-field {
  float: left;
  width: 1070px;
}



#architecture-task #section9 .text-field table {
  width: 50%;
  border: 0px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 10px 10px;
  table-layout:fixed;
  background-color:#bedfff;
}

#architecture-task #section9 .text-field table td {
  vertical-align:top
  }

#architecture-task #section9 .text-field table td p {
  line-height:18px;
  margin: 0px 0px 10px 15px;
  vertical-align:middle;
  }


#architecture-task #section9 .images {
  float: right;
}


#architecture-task #section10 .text-field {
  float: left;
  width: 1070px;
}


#aarchitecture-task #section10 .fix {
  clear: both;
}

#architecture-task #section10 .text-field table {
  width: 93%;
  border: 1px  outset #999999;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 30px 0px;
  table-layout:fixed;
  background-color:#ffffff;
}

#architecture-task #section10 .text-field table td {
  vertical-align:top
  }

#architecture-task #section10 .text-field table td p {
  line-height:20px;
  margin: 15px 35px 20px 20px;
  vertical-align:top
  }
  
  #architecture-task #section11 .text-field table {
  width:93%;
  border: 1px  outset #999999;
  border-spacing: 0;
  color: #333232;
  margin: 0px 15px 30px 0px;
  table-layout:fixed;
  background-color:#ffffff;
}

#architecture-task #section11 {
  overflow: hidden;
}

#architecture-task #section11 .text-field {
  float: left;
  width: 1070px;
}

#architecture-task #section11 .text-field table td {
  vertical-align:top
  }
 
 #architecture-task #section11 .text-field table td p {
  line-height:20px;
  vertical-align:top
  } 
  
  #architecture-task #section11 .text-field table td p {
  line-height:20px;
  margin: 15px 35px 20px 20px;
  vertical-align:top
  }
  
#agriculture-storarchitecture-task #section11 .images {
  float: right;
}

#architecture-task #section11 .fix {
  clear: both;
}
----------*/
/* --------------------------------------------------
 * architecture/news
 */
#architecture-news .main {
  background-color: #f0f0f0;
  width: 70%;
  font-size: 14px;
  float: left;
}
#architecture-news .main table {
  width: 90%;
  border: 1px #f0f0f0;
  border-spacing: 0px;
  color: #333232;
  margin: 30px 0 40px 30px;
  background-color: #ffffff;
}
#architecture-news .main table td {
  border: 0px outset #cccccc;
  color: #999999;
  margin: 0px 0px 0px 0px;
  line-height: 60px;
  background-color: #ffffff;
  text-align: left;
}
#architecture-news .main table image {
  margin: 10px 10px 0px 10px;
}
#architecture-news .main table day {
  color: #006727;
  margin: -80px 0px 0px 0px;
  text-align: left;
  _vertical-aline: top;
}
#architecture-news .main table td p {
  color: #999999;
  margin: -20px 0px 5px 0px;
  text-align: left;
  vertical-aline: top;
}
#architecture-news .side {
  width: 20%;
  color: #FFFFFF;
  font-size: 13px;
  background-color: #959595;
  float: right;
  line-height: 30px;
  text-align: center;
}
#architecture-news #section1 .text > p {
  margin: 150px 0 0 0;
  text-align: left;
}
#architecture-news #section2.text {
  margin: 0 0;
  text-align: left;
}
#architecture-news #section2 > p {
  margin: 0px 0px 0px;
}
#architecture-news #section3 > img {
  margin: 0 0 10px;
}
/* --------------------------------------------------
 * architecture/story
 */
#architecture-story .banner {
  margin-bottom: 3em;
}
/* --------------------------------------------------
 * architecture/story01
 */
#architecture-story01 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/01/main-image.jpg) no-repeat 0 0;
}
#architecture-story01 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story01 .summary > p {
  position: absolute;
  top: 109px;
  left: 15px;
}
#architecture-story01 .summary > .description {
  position: absolute;
  top: 477px;
  left: 50px;
}
#architecture-story01 .summary > .description h1 {
  margin: 0 0 13px;
}
#architecture-story01 .summary > .description p {
  width: 942px;
  color: #FFFFFF;
}
#architecture-story01 #section1 .text-field {
  float: left;
  width: 468px;
}
#architecture-story01 #section1 .images {
  float: right;
}
#architecture-story01 #section1 p.fix {
  clear: both;
}
#architecture-story01 #section2 {
  overflow: hidden;
}
#architecture-story01 #section2 .text-field {
  float: right;
  width: 468px;
}
#architecture-story01 #section2 .images {
  float: left;
}
#architecture-story01 #section3 .text-field {
  float: left;
  width: 468px;
}
#architecture-story01 #section3 .images {
  float: right;
}
#architecture-story01 #section3 p.fix {
  clear: both;
}
#architecture-story01 #section4 .text-field {
  float: right;
  width: 468px;
}
#architecture-story01 #section4 .images {
  float: left;
  padding: 18px 0 0;
}
#architecture-story01 #section4 h1 {
  margin: 0 0 22px;
}
#architecture-story01 #section4 .p3, #architecture-story01 #section4 .p4 {
  clear: both;
}
#architecture-story01 #section5 .text-field {
  float: left;
  width: 468px;
}
#architecture-story01 #section5 .images {
  float: right;
}
#architecture-story01 #section5 p.fix {
  clear: both;
}
#architecture-story01 #section5 .no-indent {
  text-indent: 0;
}
#architecture-story01 #section6 .main-image {
  margin: 0 0 35px;
}
#architecture-story01 #section6 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * architecture/story02
 */
#architecture-story02 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/02/main-image.jpg) no-repeat 0 0;
}
#architecture-story02 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story02 .summary > p {
  position: absolute;
  top: 144px;
  left: 28px;
}
#architecture-story02 #section1 .text-field {
  float: right;
  width: 468px;
  margin: 0 0 50px;
}
#architecture-story02 #section1 .images {
  float: left;
  margin: 0 0 50px;
}
#architecture-story02 #section1 .fix {
  clear: both;
}
#architecture-story02 #section2 {
  overflow: hidden;
}
#architecture-story02 #section2 .text-field {
  float: left;
  width: 468px;
}
#architecture-story02 #section2 .images {
  float: right;
}
#architecture-story02 #section3 {
  overflow: hidden;
}
#architecture-story02 #section3 .text-field {
  float: right;
  width: 468px;
}
#architecture-story02 #section3 .images {
  float: left;
}
#architecture-story02 #section3 .fix {
  text-indent: 0;
}
#architecture-story02 #section4 {
  overflow: hidden;
}
#architecture-story02 #section4 .text-field {
  float: left;
  width: 576px;
}
#architecture-story02 #section4 .images {
  float: right;
}
#architecture-story02 #section5 .main-image {
  margin: 0 0 35px;
}
#architecture-story02 #section5 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * architecture/story03
 */
#architecture-story03 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/03/main-image.jpg) no-repeat 0 0;
}
#architecture-story03 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story03 .summary > p {
  position: absolute;
  top: 145px;
  _left: 27px;
}
#architecture-story03 #section1 {
  overflow: hidden;
}
#architecture-story03 #section1 .text-field {
  float: left;
  width: 576px;
}
#architecture-story03 #section1 .images {
  float: right;
}
#architecture-story03 #section2 {
  overflow: hidden;
}
#architecture-story03 #section2 .text-field {
  float: right;
  width: 579px;
}
#architecture-story03 #section2 p {
  text-indent: 0;
}
#architecture-story03 #section2 .floating-block {
  float: left;
  width: 342px;
  height: 422px;
}
#architecture-story03 #section3 {
  overflow: hidden;
}
#architecture-story03 #section3 .text-field {
  float: left;
  width: 418px;
}
#architecture-story03 #section3 .images {
  float: right;
}
#architecture-story03 #section4 {
  overflow: hidden;
}
#architecture-story03 #section4 .text-field {
  float: right;
  width: 548px;
}
#architecture-story03 #section4 .images {
  float: left;
}
#architecture-story03 #section5 {
  overflow: hidden;
}
#architecture-story03 #section5 .text-field {
  float: left;
  width: 484px;
}
#architecture-story03 #section5 .images {
  float: right;
  padding-top: 74px;
}
#architecture-story03 #section6 .main-image {
  margin: 0 0 35px;
}
/* --------------------------------------------------
 * architecture/story04
 */
#architecture-story04 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/04/main-image.jpg) no-repeat 0 0;
}
#architecture-story04 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story04 .summary > p {
  position: absolute;
  top: 143px;
  left: 26px;
}
#architecture-story04 #section1 {
  overflow: hidden;
}
#architecture-story04 #section1 .text-field {
  float: left;
  width: 526px;
}
#architecture-story04 #section1 .images {
  float: right;
}
#architecture-story04 #section1 .fix {
  margin: 0 -398px 0 0;
}
#architecture-story04 #section2 .text-field {
  float: right;
  width: 468px;
}
#architecture-story04 #section2 .images {
  float: left;
}
#architecture-story04 #section2 .fix {
  clear: both;
}
#architecture-story04 #section3 {
  overflow: hidden;
}
#architecture-story04 #section3 .fix {
  float: right;
  width: 550px;
  height: 321px;
  text-align: right;
}
#architecture-story04 #section4 {
  margin-bottom: 90px;
}
#architecture-story04 #section4 h1 {
  margin: 0 0 14px;
}
#architecture-story04 #section4 .main-image {
  margin: 22px 0 0;
}
/*声*/
#architecture-story04 .voice {
  background-color: beige;
  padding: 35px 35px 2px 35px;
  margin: 0 40px 60px 40px;
  overflow: hidden;
}
#architecture-story04 .voice p {
  font-size: 14px;
  line-height: 190%;
}
#architecture-story04 .voice h3 {
  font-size: 2em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 3px dotted #ccc;
}
#architecture-story04 .voice h3 span {
  display: inline-block;
  font-size: 0.5em;
  font-weight: 100;
  background-color: #006CB8;
  border-radius: 10px;
  padding: 0.5em 1em;
  margin-left: 1em;
  color: #fff;
  vertical-align: bottom;
}
#architecture-story04 .voice .peason {
  float: left;
  padding-right: 40px;
}
#architecture-story04 .voice .peason p {
  margin-top: 1em;
  line-height: 140%;
}
#architecture-story04 .voice .peason p span {
  line-height: 180%;
  font-size: 1.3em;
  letter-spacing: 2px;
}
/* --------------------------------------------------
 * architecture/story05
 */
#architecture-story05 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/05/main-image.jpg) no-repeat 0 0;
}
#architecture-story05 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story05 .summary > p {
  position: absolute;
  top: 126px;
  left: 23px;
}
#architecture-story05 #section1 {
  overflow: hidden;
}
#architecture-story05 #section1 .text-field {
  float: right;
  width: 468px;
}
#architecture-story05 #section1 .images {
  float: left;
  margin-bottom: 10px;
}
#architecture-story05 #section3 {
  overflow: hidden;
}
#architecture-story05 #section3 .text-field {
  float: right;
  width: 468px;
}
#architecture-story05 #section3 .images {
  float: left;
}
#architecture-story05 #section4 .text-field {
  float: left;
  width: 612px;
}
#architecture-story05 #section4 .images {
  float: right;
}
#architecture-story05 #section4 .fix {
  clear: both;
  text-indent: 0;
  overflow: hidden;
}
#architecture-story05 #section5 {
  margin-bottom: 70px;
}
/* --------------------------------------------------
 * architecture/story06
 */
#architecture-story06 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/06/main-image.jpg) no-repeat 0 0;
}
#architecture-story06 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 2;
}
#architecture-story06 .summary > p {
  _position: absolute;
  _top: 143px;
  _left: 27px;
}
#architecture-story06 #section1 {
  overflow: hidden;
}
#architecture-story06 #section1 .text-field {
  float: right;
  width: 608px;
}
#architecture-story06 #section1 .images {
  float: left;
}
#architecture-story06 #section1 p.fix {
  padding-top: 30px;
  margin-left: -506px;
}
#architecture-story06 #section2 {
  overflow: hidden;
}
#architecture-story06 #section2 .text-field {
  float: left;
  width: 448px;
}
#architecture-story06 #section2 .images {
  float: right;
}
#architecture-story06 #section2 h1 {
  margin-right: -506px;
}
#architecture-story06 #section3 .text-field {
  float: left;
}
#architecture-story06 #section3 .images {
  float: left;
}
#architecture-story06 #section3 h1 {
  margin-right: -30px;
}
#architecture-story06 #section3 .fix {
  clear: both;
}
#architecture-story06 #section4 .main-image {
  margin: 0 0 22px;
}
#architecture-story06 #section4 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * architecture/story07
 */
#architecture-story07 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/07/main-image.jpg) no-repeat 0 0;
}
#architecture-story07 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story07 .summary > p {
  position: absolute;
  top: 150px;
  left: 0px;
}
#architecture-story07 #section1 {
  overflow: hidden;
}
#architecture-story07 #section1 .text-field {
  float: right;
  width: 494px;
}
#architecture-story07 #section1 .images {
  float: left;
}
#architecture-story07 #section2 {
  overflow: hidden;
}
#architecture-story07 #section2 .text-field {
  float: left;
  width: 518px;
}
#architecture-story07 #section2 .images {
  float: right;
}
#architecture-story07 #section3 {
  overflow: hidden;
}
#architecture-story07 #section3 .text-field {
  float: right;
  width: 509px;
}
#architecture-story07 #section3 .images {
  float: left;
}
#architecture-story07 #section3 ul {
  margin: 10px 0 0;
}
#architecture-story07 #section3 ul li {
  margin: 0 5px 0 0;
  float: left;
}
#architecture-story07 #section3 .lightbox-button {
  padding: 0;
  text-align: left;
}
#architecture-story07 #section4 .text-field {
  float: left;
  width: 589px;
}
#architecture-story07 #section4 .images {
  float: right;
}
#architecture-story07 #section4 .fix {
  clear: both;
  margin-right: -10px;
  text-indent: 0;
}
#architecture-story07 #section4 .lightbox-button {
  padding: 0;
  margin: 10px 0 0;
  text-align: left;
}
#architecture-story07 #section5 {
  overflow: hidden;
}
#architecture-story07 #section5 .text-field {
  float: right;
  width: 620px;
}
#architecture-story07 #section5 .images {
  float: left;
  padding: 74px 0 0;
}
#architecture-story07 #section5 h1 {
  margin-right: -30px;
}
#architecture-story07 #section6 .main-image {
  margin: 0 0 24px;
}
#architecture-story07 #section6 h1 {
  margin: 0 0 14px;
}
#architecture-story07 #section6 p {
  text-indent: 0;
}
/* --------------------------------------------------
 * architecture/story08
 */
#architecture-story08 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/08/main-image.jpg) no-repeat 0 0;
}
#architecture-story08 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story08 .summary > p {
  position: absolute;
  top: 119px;
  left: 0px;
}
#architecture-story08 .common-section h1 {
  margin: 0 0 30px;
}
#architecture-story08 #section1 .fix {
  float: left;
  width: 445px;
  height: 283px;
}
#architecture-story08 #section2 .fix {
  float: right;
  width: 445px;
  height: 334px;
  padding: 6px 0 0;
  text-align: right;
}
#architecture-story08 #section3 h1 {
  padding-left: 325px;
}
#architecture-story08 #section3 .fix {
  float: left;
  width: 365px;
  height: 264px;
  padding: 6px 0 0;
}
#architecture-story08 #section4 h1 {
  padding-left: 0px;
}
#architecture-story08 #section4 .fix {
  float: right;
  width: 435px;
  height: 334px;
  padding: 6px 0 0;
  text-align: right;
}
#architecture-story08 #section5 {
  overflow: hidden;
}
#architecture-story08 #section5 .text-field {
  float: right;
  width: 610px;
}
#architecture-story08 #section6 .main-image {
  margin: 0 0 23px;
}
#architecture-story08 #section6 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * architecture/story09
 */
#architecture-story09 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/09/main-image.jpg) no-repeat 0 0;
}
#architecture-story09 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story09 .summary > p {
  position: absolute;
  top: 128px;
  left: 22px;
}
#architecture-story09 .common-section h1 {
  margin: 0 0 30px;
}
#architecture-story09 #section1 {
  overflow: hidden;
}
#architecture-story09 #section1 .text-field {
  float: left;
  width: 460px;
}
#architecture-story09 #section1 .images {
  float: right;
  padding: 5px 0 0;
}
#architecture-story09 #section2 {
  overflow: hidden;
}
#architecture-story09 #section2 .text-field {
  float: right;
  width: 640px;
}
#architecture-story09 #section2 .images {
  float: left;
}
#architecture-story09 #section3 .text-field {
  float: left;
  width: 680px;
  margin: 0 0 44px;
}
#architecture-story09 #section3 .images {
  float: right;
}
#architecture-story09 #section3 p {
  width: 680px;
}
#architecture-story09 #section3 .fix {
  clear: both;
  overflow: hidden;
}
#architecture-story09 #section3 .fix .text-field {
  float: right;
  width: 370px;
  margin: 0;
  padding: 0 14px 0 0;
}
#architecture-story09 #section3 .fix .images {
  float: left;
}
#architecture-story09 #section3 .fix p {
  width: 370px;
}
#architecture-story09 #section4 {
  overflow: hidden;
}
#architecture-story09 #section4 .text-field {
  float: left;
  width: 514px;
}
#architecture-story09 #section4 .images {
  float: right;
}
#architecture-story09 #section5 {
  background: url(../architecture/story/img/09/image6.png) no-repeat left 0;
}
#architecture-story09 #section5 .fix {
  float: left;
  width: 394px;
  height: 283px;
}
#architecture-story09 #section6 {
  overflow: hidden;
}
#architecture-story09 #section6 .main-image {
  margin: 0 0 30px;
}
#architecture-story09 #section6 .images {
  float: right;
  margin: 0 0 0 30px;
}
/* --------------------------------------------------
 * architecture/story10
 */
#architecture-story10 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/10/main-image.jpg) no-repeat 0 0;
}
#architecture-story10 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story10 .summary > p {
  position: absolute;
  top: 127px;
  left: 18px;
}
#architecture-story10 #section1 .text-field {
  float: left;
  width: 466px;
}
#architecture-story10 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story10 #section1 h1 {
  margin: 0 0 20px 0;
}
#architecture-story10 #section1 .fix {
  clear: both;
  width: 100%;
  padding-right: 0;
}
#architecture-story10 #section2 {
  background: url(../architecture/story/img/10/image2.png) no-repeat left 54px;
}
#architecture-story10 #section2 h1 {
  margin: 0 0 25px;
}
#architecture-story10 #section2 .fix {
  float: left;
  width: 456px;
  height: 300px;
}
#architecture-story10 #section3 h1 {
  margin: 0 0 25px;
}
#architecture-story10 #section3 .fix {
  float: right;
  width: 390px;
  height: 225px;
  text-align: right;
}
#architecture-story10 #section4 {
  overflow: hidden;
}
#architecture-story10 #section4 .text-field {
  float: right;
  width: 578px;
}
#architecture-story10 #section4 .images {
  float: left;
}
#architecture-story10 #section4 h1 {
  margin: 0 0 25px;
}
#architecture-story10 #section5 .main-image {
  margin: 0 0 23px;
}
#architecture-story10 #section5 h1 {
  margin: 0 0 14px;
}
/* --------------------------------------------------
 * architecture/story11
 */
#architecture-story11 .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/11/main-image.jpg) no-repeat 0 0;
}
#architecture-story11 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story11 .summary > p {
  position: absolute;
  top: 127px;
  left: 18px;
}
#architecture-story11 #section1 {
  overflow: hidden;
}
#architecture-story11 #section1 .text-field {
  float: left;
  width: 468px;
}
#architecture-story11 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
/*
#architecture-story11 #section1 h1 {
    margin: 0 0 20px 0;
}

#architecture-story11 #section1 .fix {
    clear: both;
    width: 100%;
    padding-right: 0;
}
*/
#architecture-story11 #section2 {
  overflow: hidden;
}
#architecture-story11 #section2 h1 {
  margin: 0 0 25px;
}
/*
#architecture-story11 #section2 .fix {
    float: left;
    width: 456px;
    height: 300px;
}
*/
#architecture-story11 #section2 .text-field {
  float: right;
  width: 468px;
}
#architecture-story11 #section2 .text-field2 table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#architecture-story11 #section2 .text-field2 table td {
  vertical-align: top
}
#architecture-story11 #section2 .text-field2 table td p {
  line-height: 20px;
  vertical-align: top
}
#architecture-story11 #section2 .images {
  float: right;
}
#architecture-story11 #section2 .fix {
  clear: both;
}
#architecture-story11 #section3 {
  overflow: hidden;
}
#architecture-story11 #section3 h1 {
  margin: 0 0 25px;
}
#architecture-story11 #section3 .text-field {
  float: left;
  width: 468px;
}
#architecture-story11 #section3 .images {
  float: right;
}
/* --------------------------------------------------
 * architecture/story12
 */
#architecture-story12 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 0 0 56px;
  background: url(../architecture/story/img/12/main-image.jpg) no-repeat 0 0;
}
#architecture-story12 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story12 .summary > p {
  position: absolute;
  top: 127px;
  left: 18px;
}
#architecture-story12 #section1 {
  overflow: hidden;
}
#architecture-story12 #section1 .text-field {
  float: left;
  width: 468px;
}
#architecture-story12 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
/*
#architecture-story12 #section1 h1 {
    margin: 0 0 20px 0;
}

#architecture-story12 #section1 .fix {
    clear: both;
    width: 100%;
    padding-right: 0;
}
*/
#architecture-story12 #section2 {
  overflow: hidden;
}
#architecture-story12 #section2 h1 {
  margin: 0 0 25px;
}
#architecture-story12 #section1 .fix {
  clear: both;
}
#architecture-story12 #section2 .text-field {
  float: right;
  width: 468px;
}
#architecture-story12 #section2 .text-field2 table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#architecture-story12 #section2 .text-field2 table td {
  vertical-align: top
}
#architecture-story12 #section2 .text-field2 table td p {
  line-height: 20px;
  vertical-align: top
}
#architecture-story12 #section2 .images {
  float: right;
}
#architecture-story12 #section2 .fix {
  clear: both;
}
#architecture-story12 #section2 .fullimage {
  padding: 20px 0 30px 0;
}
#architecture-story12 #section2 .ps-caption {
  font-size: 11px;
  color: #070505;
  line-height: 15px;
  margin-top: 5px;
}
#architecture-story12 #section3 {
  overflow: hidden;
}
#architecture-story12 #section3 h1 {
  margin: 0 0 25px;
}
#architecture-story12 #section3 .text-field {
  float: left;
  width: 468px;
}
#architecture-story12 #section3 .images {
  float: right;
}
/*声*/
#architecture-story12 .voice {
  background-color: beige;
  padding: 35px 35px 2px 35px;
  margin: 0 40px 35px 40px;
  overflow: hidden;
}
#architecture-story12 .voice p {
  font-size: 14px;
  line-height: 190%;
}
#architecture-story12 .voice h3 {
  font-size: 2em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 3px dotted #ccc;
}
#architecture-story12 .voice .peason {
  float: left;
  padding-right: 40px;
}
#architecture-story12 .voice .peason p {
  margin-top: 1em;
  line-height: 140%;
}
#architecture-story12 .voice .peason p span {
  line-height: 180%;
  font-size: 1.3em;
  letter-spacing: 2px;
}
/* --------------------------------------------------
 * architecture/story13
 */
#architecture-story13 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 5px 0 56px;
  background: url(../architecture/story/img/13/main-image.jpg) no-repeat 0 0;
}
#architecture-story13 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story13 .summary > p {
  position: absolute;
  top: 130px;
  left: 18px;
}
#architecture-story13 #section1 {
  overflow: hidden;
}
#architecture-story13 #section1 .text-field {
  float: left;
  width: 500px;
}
#architecture-story13 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story13 #section2 {
  overflow: hidden;
}
#architecture-story13 #section2 .text-field {
  float: right;
  width: 450px;
}
#architecture-story13 #section2 .images {
  float: left;
  width: 478px;
}
#architecture-story13 #section2 .mT10 {
  margin-top: 10px;
}
#architecture-story13 #section3 {
  overflow: hidden;
}
#architecture-story13 #section3 .text-field {
  float: left;
  width: 580px;
}
#architecture-story13 #section3 .images {
  float: right;
}
#architecture-story13 #section4 {
  overflow: hidden;
}
#architecture-story13 #section4 .text-field {
  float: right;
  width: 450px;
}
#architecture-story13 #section4 .images {
  float: left;
  width: 468px;
}
/* --------------------------------------------------
 * architecture/story14
 */
#architecture-story14 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 5px 0 56px;
  background: url(../architecture/story/img/14/main-image.jpg) no-repeat 0 0;
}
#architecture-story14 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story14 .summary > p {
  position: absolute;
  top: 127px;
  left: 18px;
}
#architecture-story14 #section1 {
  overflow: hidden;
}
#architecture-story14 #section1 .text-field {
  float: left;
  width: 468px;
}
#architecture-story14 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story14 #section2 {
  overflow: hidden;
}
#architecture-story14 #section2 .text-field {
  float: right;
  width: 430px;
}
#architecture-story14 #section2 .images {
  float: left;
}
#architecture-story14 #section3 {
  overflow: hidden;
}
#architecture-story14 #section3 .text-field {
  float: left;
  width: 468px;
}
#architecture-story14 #section3 .images {
  float: right;
}
#architecture-story14 .mB10 {
  margin-bottom: 10px;
}
/* --------------------------------------------------
 * architecture/story15
 */
#architecture-story15 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 5px 0 56px;
  background: url(../architecture/story/img/15/main-image.jpg) no-repeat 0 0;
}
#architecture-story15 .summary > h1 {
  position: absolute;
  top: 35px;
  left: 0;
}
#architecture-story15 .summary > p {
  position: absolute;
  top: 70px;
  left: 18px;
}
#architecture-story15 #section1 {
  overflow: hidden;
}
#architecture-story15 #section1 .text-field {
  float: left;
  width: 475px;
}
#architecture-story15 #section1 .images {
  float: right;
  margin-top: 10px;
  width: 478px;
}
#architecture-story15 #section2 {
  overflow: hidden;
}
#architecture-story15 #section2 .text-field {
  float: left;
  width: 475px;
}
#architecture-story15 #section2 .images {
  float: right;
  margin-top: 10px;
  width: 478px;
}
#architecture-story15 #section3 {
  overflow: hidden;
}
#architecture-story15 #section3 h1 {
  margin-top: 15px;
}
#architecture-story15 #section3 .text-field {
  float: right;
  width: 478px;
}
#architecture-story15 #section3 .images {
  float: left;
  padding: 6px 0 0;
}
#architecture-story15 #section4 {
  overflow: hidden;
}
#architecture-story15 #section4 h1 {
  margin-top: 15px;
}
#architecture-story15 #section4 .text-field {
  float: left;
  width: 450px;
}
#architecture-story15 #section4 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story15 .mT10 {
  margin-top: 10px;
}
#architecture-story15 .mB10 {
  margin-bottom: 10px;
}
/* --------------------------------------------------
 * architecture/story16
 */
#architecture-story16 .summary {
  position: relative;
  width: 1044px;
  height: 600px;
  margin: 5px 0 56px;
  background: url(../architecture/story/img/16/main-image.jpg) no-repeat 0 0;
}
#architecture-story16 .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#architecture-story16 .summary > p {
  position: absolute;
  top: 127px;
  left: 18px;
}
#architecture-story16 #section1 {
  overflow: hidden;
}
#architecture-story16 #section1 .text-field {
  float: left;
  width: 450px;
  margin-bottom: 10px;
}
#architecture-story16 #section1 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story16 #section2 {
  overflow: hidden;
}
#architecture-story16 #section2 .text-field {
  float: left;
  width: 450px;
}
#architecture-story16 #section2 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story16 #section3 {
  overflow: hidden;
}
#architecture-story16 #section3 .text-field {
  float: left;
  width: 478px;
}
#architecture-story16 #section3 .images {
  float: right;
  padding: 6px 0 0;
}
#architecture-story16 #section4 {
  overflow: hidden;
}
#architecture-story16 #section4 .text-field {
  float: right;
  width: 478px;
}
#architecture-story16 #section4 .images {
  float: left;
  padding: 6px 0 0;
}
#architecture-story16 .mT10 {
  margin-top: 10px;
}
#architecture-story16 .ps-caption {
  font-size: 11px;
  color: #070505;
  line-height: 15px;
  margin-top: 5px;
  text-align: right;
}
/* --------------------------------------------------
 * architecture/staff/01
 */
#architecture-staff01 .attachment-image1 {
  background: url(../architecture/staff/img/01/image1.png) no-repeat;
}
#architecture-staff01 .attachment-image2 {
  background: url(../architecture/staff/img/01/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * architecture/staff/02
 */
#architecture-staff02 .attachment-image1 {
  background: url(../architecture/staff/img/02/image.png) no-repeat;
}
#architecture-staff02 .attachment-image2 {
  background: url(../architecture/staff/img/02/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * architecture/staff/03
 */
#architecture-staff03 .attachment-image1 {
  background: url(../architecture/staff/img/03/image1.png) no-repeat;
}
#architecture-staff03 .attachment-image2 {
  background: url(../architecture/staff/img/03/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * architecture/staff/04
 */
#architecture-staff04 .attachment-image1 {
  background: url(../architecture/staff/img/04/image1.png) no-repeat;
}
#architecture-staff04 .attachment-image2 {
  background: url(../architecture/staff/img/04/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * 検索ボタン
 */
dl.search1 {
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
4l.search1 dt {
  padding: 8px 8px 8px 8px;
}
dl.search1 dt input {
  width: 100%;
  height: 25px;
  line-height: 24px;
  background: none;
  border: none;
}
dl.search1 dd {
  position: absolute;
  top: 0;
  right: 0;
}
/* --------------------------------------------------
 * realestate/story
 */
#realestate-story .title {
  position: relative;
  height: 33px;
  background: url(../realestate/img/story/01/title.png) no-repeat 0 0;
}
#realestate-story .text {
  color: #FFFFFF;
  font-size: 19px;
  position: absolute;
  left: 100px;
  top: 6px;
}
#realestate-story .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../realestate/img/story/01/realestate.jpg) no-repeat 0 0;
}
#realestate-story .summary > h1 {
  position: absolute;
  top: 53px;
  left: 0;
}
#realestate-story .summary > p {
  position: absolute;
  top: 106px;
  left: 79px;
}
#realestate-story .summary > .description {
  position: absolute;
  top: 475px;
  left: 50px;
}
#realestate-story .summary > .description h1 {
  margin: 0 0 13px;
}
#realestate-story .summary > .description p {
  width: 942px;
  color: #FFFFFF;
}
#realestate-story #section1 {
  overflow: hidden;
}
#realestate-story #section1 .text-field {
  float: left;
  width: 468px;
}
#realestate-story #section1 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 0px 30px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#realestate-story #section1 .text-field table td {
  vertical-align: top
}
#realestate-story #section1 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#realestate-story #section1 .images {
  float: right;
}
#realestate-story #section2 {
  overflow: hidden;
}
#realestate-story #section2 .text-field {
  float: right;
  width: 468px;
}
#realestate-story #section2 .images {
  float: left;
}
#realestate-story #section2 .fix {
  clear: both;
}
#realestate-story #section3 {
  overflow: hidden;
}
#realestate-story #section3 .text-field {
  float: right;
  width: 468px;
}
#realestate-story #section3 table {
  float: left;
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#realestate-story #section3 .text-field table td {
  vertical-align: top
}
#realestate-story #section3 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#realestate-story #section3 .images {
  float: right;
}
#realestate-story #section3 .fix {
  clear: both;
}
#realestate-story #section4 .text-field {
  float: right;
  width: 468px;
  margin: 0 0 10px;
}
#realestate-story #section4 .images {
  float: left;
  margin: 0 0 10px;
}
#realestate-story #section4 h1 {
  margin: 0 0 20px;
}
#realestate-story #section4 .fix {
  clear: both;
}
#realestate-story #section5 {
  margin: 0 35px 35px;
  padding: 25px;
}
#realestate-story #section5 h1 {
  display: inline-block;
  background-color: #add8e6;
  padding: 10px 20px;
  margin-bottom: 20px;
}
#realestate-story #section5 h2 {
  font-size: 18px;
  margin: 10px;
}
#realestate-story #section5 .images {
  float: right;
  margin: 10px 0 20px 20px;
}
/*線囲みbox*/
#realestate-story .box17 {
  margin: 2em 0;
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
#realestate-story .box17:before, .box17:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: black;
}
#realestate-story .box17:before {
  left: 10px;
}
#realestate-story .box17:after {
  right: 10px;
}
#realestate-story .box17 p {
  margin: 0;
  padding: 0;
}
/*背景斜線box*/
#realestate-story .box16 {
  padding: 0.5em 1em;
  margin: 2em 0;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}
#realestate-story .box16 p {
  margin: 0;
  padding: 0;
}
/* --------------------------------------------------
* realestate/task
*/
#realestate-task section {
  margin-bottom: 30px;
}
#realestate-task p {
  margin: 0;
  padding: 0 15px 0 15px;
  font-size: 14px;
  line-height: 28px;
  color: #727171;
  /*text-indent: 1em;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#realestate-task h1 {
  font-size: 48px;
  color: #0F6EB5;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  /*font-family: 'Open Sans', sans-serif !important;*/
  font-weight: 300;
  letter-spacing: 3px;
  margin-top: 45px;
  margin-bottom: 2em;
  line-height: 1em;
}
#realestate-task .survice {
  font-size: 45px;
  color: #0F6EB5;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  /*font-family: 'Open Sans', sans-serif !important;*/
  font-weight: 300;
  letter-spacing: 3px;
  margin-top: 10px;
  line-height: 1em;
}
#realestate-task h2 {
  font-size: 22px;
  line-height: 30px;
  color: #0F6EB5;
  margin-bottom: 10px;
  font-weight: 500;
  padding-bottom: .1em;
  border-bottom: 1px solid #006CB8;
  background: url(../architecture/task/img/sikaku.png) no-repeat left center;
  padding-left: 40px;
  height: 30px;
}
#realestate-task h2.title {
  font-size: 1.5em;
  background: rgba(15, 110, 181, 0.8);
  color: #fff;
  padding: 0.5em 0 0.5em 1em;
  margin: 0.5em 0 1em 0;
  height: auto;
}
#realestate-task h3 {
  font-size: 1.2em;
  line-height: 2em;
  color: #fff;
  font-weight: 500;
  padding-left: 1em;
}
#realestate-task .accent {
  font-size: 1.5em;
  line-height: 2em;
  color: #000;
  font-weight: 600;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#realestate-task .Bblack {
  color: #000;
  font-weight: bold;
  /*text-indent: 1em;*/
}
#realestate-task .text-field {
  width: 1044px;
  margin-bottom: 25px;
}
#realestate-task .kakmi {
  border: 2px dotted #a9a9a9;
  margin: 2em 0;
  padding: 1em;
  overflow: hidden;
}
#realestate-task .right {
  float: right;
  margin: 0 0 1em 1em;
}
#realestate-task .left {
  float: left;
  margin: 0 1em 1em 0;
}
#realestate-task .panf {
  overflow: hidden;
  vertical-align: center
}
#realestate-task .section {
  width: 100%;
  margin: 4em 0 0;
  overflow: hidden;
}
#realestate-task .section .ph01 {
  float: right;
  margin-left: 10px;
}
#realestate-task .client-wrap {
  overflow: hidden;
  margin: 2em 0;
}
#realestate-task .client {
  width: 32.5%;
  height: auto;
  float: left;
  background: rgba(15, 110, 181, 0.8);
  padding: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#realestate-task .client-r {
  margin-right: 0;
}
#realestate-task .client:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
#realestate-task .client dt {
  font-size: 1.5em;
  color: #fff;
  _text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 500;
  text-align: center;
}
#realestate-task .client dt.dt-border {
  border-bottom: 1px solid #fff;
}
#realestate-task .link-img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
/* owner管理物件*/
#realestate-task .kanri-wap {
  overflow: hidden;
}
#realestate-task .kanri {
  width: 340px;
  overflow: hidden;
  float: left;
  margin: 20px 12px 0 0;
}
#realestate-task .kanri_r {
  width: 340px;
  overflow: hidden;
  float: right;
  margin: 20px 0 0 0;
}
#realestate-task .kanri dd img {
  width: 100%;
  clear: both;
}
#realestate-task .kanri_r dd img {
  width: 100%;
}
#realestate-task .bukken_l {
  clear: both;
  float: left;
  width: 49%;
  margin-top: 1em;
}
#realestate-task .bukken_l:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
#realestate-task .bukken_r {
  float: right;
  width: 49%;
  margin-top: 1em;
}
#realestate-task .bukken_r:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
#realestate-task .kanri-obi {
  width: 340px;
  background-color: #0F6EB5;
  padding: 0.3em;
  text-align: center;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 100;
}
#realestate-task .data {
  background-color: #d3d3d3;
  color: #000;
  padding: 0.5em 0.2em;
  text-align: center;
}
#realestate-task .bl {
  border-bottom: 1px solid #000;
  color: #000;
}
#realestate-task .case-title {
  font-size: 22px;
  line-height: 100%;
  color: #0F6EB5;
  font-weight: 400;
  padding: 0.2em 0.5em 0 0.5em;
  border-left: 10px solid rgba(15, 110, 181, 0.6);
  background-image: none;
  border-bottom: none;
  margin: 0.2em 0 1em auto;
  height: auto;
}
/*モーダルウィンドウの中身*/
#realestate-task .parent {
  overflow: hidden;
}
#realestate-task .child1 {
  float: left;
  _width: 400px;
}
#realestate-task .child2 {
  float: right;
  _width: 100px;
}
_#realestate-task .child2 .li {
  display: inline-block;
  margin: 5px;
  width: 120px;
}
/* leasing */
#realestate-task .leasing-point li {
  overflow: hidden;
}
#realestate-task .leasing-h3 {
  font-size: 1.6em;
  line-height: 2em;
  color: #074471;
  font-weight: 500;
}
#realestate-task .num_ita {
  font-size: 1.7em;
  color: #006CB8;
  /*color: #074471*/
  font-style: italic;
  padding-right: 0.5em;
}
#realestate-task .leasing-h3_keyword {
  font-size: 1.3em;
  color: #006CB8;
}
#realestate-task .right_border {
  float: right;
  border: 1px solid gray;
  margin-bottom: 1em;
}
#realestate-task .right_border:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
#realestate-task .leasing {
  overflow: hidden;
}
#realestate-task ul.leasing-inner li {
  padding-left: 6em;
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.4em
}
/* leasing-portfolio */
#realestate-task ul li {
  overflow: hidden;
}
#realestate-task .portfolio {
  overflow: hidden;
}
#realestate-task .portfolio-inner {
  overflow: hidden;
  margin: 1em 0
}
#realestate-task .portfolio-inner .boshu {
  margin-top: 1em;
}
#realestate-task .portfolio-inner .inner-left {
  float: left;
  vertical-align: top;
  width: 40%;
}
#realestate-task .portfolio-title {
  border: 1px solid #006cb8;
  border-radius: 5px;
  color: #006cb8;
  font-size: 1.5em;
  padding: 0;
  line-height: 2em;
  overflow: hidden;
}
#realestate-task .portfolio-title span {
  background: rgba(15, 110, 181, 0.8);
  _background-color: #006cb8;
  color: #fff;
  line-height: 2em;
  padding: 0.5em 1em;
  margin: 0 1em 0 0;
  overflow: hidden;
}
#realestate-task .portfolio-pagelist {
  color: #006cb8;
  font-size: 1.3em;
  font-weight: 100;
  text-align: center;
  margin-top: 2em;
}
/* repair-plan */
#realestate-task .voice {
  background-color: rgba(46, 167, 224, 0.35);
  padding: 0.5em;
  margin: 0.5em 0;
  width: 100%;
}
#realestate-task .voice p {
  width: 80%;
  margin: 0 auto;
}
/* case h2のサブタイトル*/
#realestate-task .h2-sub {
  font-size: 15px;
  color: #074471;
  _text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  font-weight: 400;
  border-bottom: none;
  padding-left: 0px;
}
/* generalaffairのcase */
#realestate-task .photo {
  width: auto;
  height: auto;
  margin-left: 1em;
  padding: 0;
  display: inline-block;
  position: relative;
  /* 相対位置指定 */
  float: right;
}
/*#realestate-task .photo:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 50%, #fff);*/
/* photo img　グラデーション透明指定 */
/*background: -webkit-gradient(linear, right center, left center, from(rgba(250, 250, 250, 0)), color-stop(0.5, rgba(250, 250, 250, 0)), to(#fff));
    
}*/
#realestate .photo img {
  z-index: 2;
  margin-top: 20px;
  width: auto;
  display: block;
}
#realestate-task .caption {
  z-index: 1;
  font-size: 90%;
  text-align: right;
  width: auto;
  bottom: 0px;
  margin: 0px;
  padding-right: 1.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  /* 帯の透明度 */
  position: absolute;
  /* 絶対位置指定 */
  right: 0px;
  top: 285px;
}
#realestate-task .caption2 {
  font-size: 80%;
  text-align: right;
}
/*----------case 業務事例集-----------------------*/
#realestate-task .section-case {
  margin: 4em 0 0;
  overflow: hidden;
}
/*-------case 業務事例集　トップリスト--------*/
#realestate-task .toplist ul {
  margin: 3em 0 2em 0;
}
#realestate-task .toplist li {
  display: inline-block;
  width: 32%;
  height: ;
  background: rgba(15, 110, 181, 0.8);
  padding: 10px;
  margin: 5px;
  text-align: center;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#realestate-task .toplist a {
  text-decoration: none;
  color: #fff;
}
#realestate-task .toplist li:hover {
  border: none;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
#realestate-task .parenthesis {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#realestate-task .parenthesis a {
  text-decoration: none;
  color: #fff;
}
#realestate-task .parenthesis::before, #realestate-task .parenthesis::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 45%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#realestate-task .parenthesis::before {
  top: 0;
  left: 20px;
  margin-top: 6px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
#realestate-task .parenthesis::after {
  bottom: 0;
  left: 20px;
  margin-bottom: 6px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
/*-------owner 業務事例集　目次--------*/
#realestate-task .ow_mokuji ul {
  margin: 2em 0 2em 0;
}
#realestate-task .ow_mokuji li {
  display: inline-block;
  width: 340px;
  height: 155px;
  background: rgba(15, 110, 181, 0.2);
  _padding: 5px;
  margin: 2px;
  text-align: center;
  color: #006cb8;
  line-height: 3em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 5px;
}
#realestate-task .ow_mokuji a {
  text-decoration: none;
  color: #fff;
}
#realestate-task .ow_mokuji li:hover {
  border: none;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  transition: all .3s;
  -webkit-transition: all .3s;
}
/* case 業務事例集　caseの「〜したい」 */
#realestate-task .hope {
  background-color: rgba(15, 110, 181, 0.2);
  padding: 0.2em 1em;
  text-align: left;
  font-size: 1.3em;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color: #006cb8;
  margin-bottom: 0.5em;
}
/* case 業務事例集　caseまとまり */
#realestate-task .case-wap {
  margin: 4em 0;
  overflow: hidden;
}
/* case 業務事例集　case上半分 */
#realestate-task .case-half {
  overflow: hidden;
  margin-bottom: 1em;
}
/* case 業務事例集　case下半分 */
#realestate-task .case-contents {
  margin-top: 1em:
}
#realestate-task .case-contents dl {
  display: inline-block;
  width: 333px;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
#realestate-task .case-contents dl.rightdl {
  display: inline-block;
  width: 333px;
  margin-right: 0px;
}
#realestate-task .case-contents dt {
  font-size: 1em;
  color: #fff;
  background-color: rgba(15, 110, 181, 0.6);
  padding: 0.5em;
  text-align: center;
}
/* customer 取引先一覧の３列カラム */
#realestate-task .customer_list {
  display: inline-block;
  width: 333px;
  margin-right: 17px;
  vertical-align: top;
}
#realestate-task .customer_list_r {
  display: inline-block;
  width: 333px;
  margin-right: 0px;
}
#realestate-task [class^="customer_list"] h3 {
  font-size: 1em;
  color: #fff;
  background-color: rgba(15, 110, 181, 0.5);
  padding: 0.5em;
  text-align: center;
  margin: 1.5em auto 0.5em auto;
}
#realestate-task [class^="customer_list"] li {
  color: ;
  font-size: 0.9em;
  line-height: 1.5em;
}
/* ご転勤者様へ*/
#realestate-task .point-wap {
  margin-top: 2em;
  overflow: hidden;
}
#realestate-task .kojinjoho {
  margin: 1em 0;
}
#realestate-task .kojinjoho > li {
  list-style-type: decimal;
  margin: 1em auto auto 1.5em;
}
#realestate-task ol.kojin_inner > li {
  margin-left: 1em;
  list-style: none;
}
/* お問い合わせボタン*/
#realestate-task .form_btn {
  display: inline-block;
  width: 100%;
  height: 3em;
  text-align: center;
  text-decoration: none;
  line-height: 3em;
  outline: none;
  margin-top: 2em;
}
#realestate-task .form_btn a {
  text-decoration: none;
}
#realestate-task .form_btn::before, #realestate-task .form_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#realestate-task .form_btn, #realestate-task .form_btn::before, #realestate-task .form_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#realestate-task .form_btn {
  background-color: #696969;
  border: 1px solid #696969;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  line-height: 2.5em;
  text-decoration: none;
}
#realestate-task .form_btn:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
#realestate-task .form_btn.icon {
  padding: 10px 25px 10px 55px;
  background-repeat: no-repeat;
  background-size: 3em;
  background-position: center left 16em;
}
/* スキマ*/
#realestate-task .sukima {
  display: inline-block;
  width: 1em;
}
/*-------contact.html お問い合わせ--------*/
#realestate-task .contact {
  overflow: hidden;
}
#realestate-task .contact dt {
  display: inline-block;
  width: 8em;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0.5em 0.5em 0.5em 0;
  background-color: rgba(15, 110, 181, 0.6);
  border-radius: 7px;
  color: #fff;
  font-size: 1.3em;
  font-weight: 100;
  vertical-align: middle;
}
#realestate-task .contact dd {
  display: inline-block;
  padding: 0.5em 1em;
  color: #000;
  font-size: 2em;
  font-weight: 100;
  vertical-align: middle;
}
#realestate-task .contact dd.open {
  color: gray;
  font-size: 1em;
  font-weight: 100;
  padding: 0.5em 1em 0.5em 0;
  margin: 0.5em 0.5em 0.5em 0;
  vertical-align: middle;
}
/* お問い合わせボタン試作*/
/*#realestate-task .form_btn2 {
    display: inline-block;
    width: 49%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    outline: none;
    margin: 2em auto 0 auto;
}

#realestate-task .form_btn2::before,
#realestate-task .form_btn2::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

#realestate-task .form_btn2,
#realestate-task .form_btn2::before,
#realestate-task .form_btn2::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#realestate-task .form_btn2 {
    background-color: #696969;
    border: 1px solid #696969;
    border-radius: 5px;
    color: #fff;
    font-size: 1.5em;
    line-height: 2.2em;
}

#realestate-task .form_btn2:hover {
    background-color: #fff;
    border-color: #59b1eb;
    color: #59b1eb;
}

#realestate-task .form_btn2.icon {
    padding: 10px 25px 10px 55px;
    background-repeat: no-repeat;
    background-size: 3em;
    background-position: center left 1em;
}

#realestate-task a {
    text-decoration: none;
}*/
/* お問い合わせボタン試作ここまで*/
/*
#realestate-task .lead {
color: #006cb8;
font-size: 18px;
font-weight: bold;
line-height: 21px;
}

#realestate-task .title {
color: #FFFFFF;
font-size: 20px;
background-color: #006cb8;
width: 450px;
height: 40px;
line-height: 40px;
text-align: center;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#realestate-task .subtitle {
color: #006CB8;
font-size: 18px;
background-color: #E0EEF5;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#realestate-task .topic {
color: #006CB8;
font-size: 25px;
line-height: 40px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#realestate-task .last-line {
margin: 0;
}

#realestate-task #section1 {
margin: 0 0 30px;
padding: 0 285px 0 0;
background: url(../realestate/img/task/section1-image.png) no-repeat right 16px;
}

#realestate-task #section1 h1 {
margin: 0 0 30px;
}

#realestate-task #section2 h1 {
margin: 0 0 30px;
}

#realestate-task #section2 .main-image {
margin: 0 0 58px;
}

#realestate-task #section2 dl {
margin: 0 0 30px;
padding: 22px 0 30px 12px;
border-top: 1px solid #006cb8;
border-left: 1px solid #006cb8;
color: #191919;
font-size: 13px;
line-height: 21px;
}

#realestate-task #section2 dl dt {
margin: 0 0 23px;
}

#realestate-task #section3 .client-list {
padding: 20px 50px 30px;
border: 1px solid #e1e5e6;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNjVlZmVjYi1mY2FkLTExZGMtOGE0YS1jYzhiMzZhNjQ5NWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDUxQTk4MjQ0QjhBMTFFM0EyNjBDOTJFQjc2Q0UzQzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDUxODcyRjY0QjhBMTFFM0EyNjBDOTJFQjc2Q0UzQzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDVkYWNjZGQtODQxOC00OTg0LTlkNjUtYTNlNWZiMjk1MTE3IiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkY3NzE1RDM2RUQxNEUzMTFBNTU4RkZBQzlFRkI2MzM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sb5TsgAAABZJREFUeNpi2nzt7ZeffxiAGMgCCDAAStgKwfv3v4IAAAAASUVORK5CYII=);
}

#realestate-task #section3 .client-list td {
min-width: 245px;
color: #006cb8;
font-size: 13px;
line-height: 25px;
}
*/
/* --------------------------------------------------
 * realestate/staff/01
 */
#realestate-staff01 .attachment-image1 {
  background: url(../realestate/staff/img/01/image1.png) no-repeat;
}
#realestate-staff01 .attachment-image2 {
  background: url(../realestate/staff/img/01/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * realestate/staff/02
 */
#realestate-staff02 .attachment-image1 {
  background: url(../realestate/staff/img/02/image1.png) no-repeat;
}
#realestate-staff02 .attachment-image2 {
  background: url(../realestate/staff/img/02/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * network/story
 */
#network-story .title {
  position: relative;
  height: 33px;
  background: url(../network/img/story/01/title.png) no-repeat 0 0;
}
#network-story .text {
  color: #FFFFFF;
  font-size: 19px;
  position: absolute;
  left: 100px;
  top: 6px;
}
#network-story .summary {
  position: relative;
  height: 600px;
  margin: 0 0 56px;
  background: url(../network/img/story/01/network.jpg) no-repeat 0 0;
}
#network-story .summary > h1 {
  position: absolute;
  top: 57px;
  left: 17px;
}
#network-story .summary > section h1 {
  margin: 0 0 13px;
}
#network-story .summary > section p {
  width: 640px;
  color: #FFFFFF;
}
#network-story #section1 .text-field {
  float: left;
  width: 468px;
}
#network-story #section1 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 0px 0px 30px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#network-story #section1 .text-field table td {
  vertical-align: top
}
#network-story #section1 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#network-story #section1 .images {
  float: right;
}
#network-story #section1 {
  overflow: hidden;
}
#network-story #section2 {
  overflow: hidden;
}
#network-story #section2 .text-field {
  float: right;
  width: 468px;
}
#network-story #section2 .images {
  float: left;
}
#network-story #section2 .fix {
  clear: both;
}
#network-story #section3 {
  overflow: hidden;
}
#network-story #section3 .text-field {
  float: left;
  width: 468px;
}
#network-story #section3 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#network-story #section3 .text-field table td {
  vertical-align: top
}
#network-story #section3 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#network-story #section3 .images {
  float: right;
}
#network-story #section3 .fix {
  clear: both;
}
#network-story #section4 {
  overflow: hidden;
}
#network-story #section4 .text-field {
  float: left;
  width: 468px;
}
#network-story #section4 .text-field2 {
  float: right;
  width: 468px;
}
#network-story #section4 .text-field table {
  width: 468px;
  border: 1px solid #0C3A5B;
  border-spacing: 0;
  color: #333232;
  margin: 0px 30px 0px 0px;
  table-layout: fixed;
  background-color: #f0f8ff;
}
#network-story #section4 .text-field table td {
  vertical-align: top
}
#network-story #section4 .text-field table td p {
  line-height: 20px;
  vertical-align: top
}
#network-story #section4 .images {
  float: right;
}
#network-story #section4 .fix {
  clear: both;
}
#network-story #section5 .main-image {
  margin: 0 0 35px;
}
#network-story #section5 h1 {
  margin: 0 0 14px;
}
#network-story #section6 .text-field {
  overflow: hidden;
}
#network-story #section6 .text-field .subtitle {
  color: #ffffff;
  background-color: #000033;
  padding: 0.5em;
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
  float: left;
}
#network-story #section6 .text-field {
  width: 95%;
  border: 1px solid #000033;
  border-spacing: 0;
  color: #333232;
  margin: 0px auto 0px auto;
  padding: 25px;
  table-layout: fixed;
}
#network-story #section6 .text-field hr {
  width: 100%;
  margin: 20px auto 20px auto
}
#network-story #section6 .text-field2 {
  float: left;
  width: 380px;
}
#network-story #section6 .images {
  float: right;
}
#network-story #section6 .text-field2 .fix {
  clear: both;
}
/* --------------------------------------------------
 * network/task
 */
#network-task #section1, #section2, #section3 {
  overflow: hidden;
  margin-bottom: 50px;
}
#network-task .busho {
  color: #FFFFFF;
  font-size: 25px;
  background-color: #006cb8;
  _width: 673px;
  _height: 40px;
  line-height: 65px;
  margin-bottom: 30px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
#network-task .bumon {
  color: #006cb8;
  font-size: 20px;
  background-color: #B2D2E9;
  width: 520px;
  _height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#network-task .bumon-section {
  overflow: hidden;
  margin-bottom: 20px;
}
#network-task .text-field {
  margin-bottom: 10px;
}
/*#network-task .subtitle {
    color: #006CB8;
    font-size: 18px;
    background-color: #E0EEF5;
    width: 350px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}*/
#network-task #section1 {
  margin-top: 30px;
  overflow: hidden;
}
#network-task h2 {
  margin: 0 0 20px;
  color: #006CB8;
  font-size: 28px;
  font-weight: normal;
  line-height: 160%;
  letter-spacing: -0.02em;
}
#network-task #section1 .text-field {
  float: left;
  width: 520px;
}
#network-task #section1 .images {
  float: right;
  margin-bottom: 10px;
}
#network-task .l-box {
  float: left;
  width: 510px;
  border: 2px dotted #B2D2E9;
  padding: 2em;
}
#network-task .r-box {
  float: right;
  width: 510px;
  border: 2px dotted #B2D2E9;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  #network-task .l-box {
    float: none;
    width: auto;
    padding: 3vw 7vw;
    margin-bottom: 7vw;
  }
  #network-task .r-box {
    float: none;
    width: auto;
    padding: 3vw 7vw;
  }
}
/*　リンクボタン　*/
#network-task .entry-btn-text {
  font-size: 1em;
  width: 100%;
  padding: 0.5em;
  text-align: center;
  color: #006cb8;
  text-decoration: none;
  border: solid 1px #006cb8;
  border-radius: 3px;
  transition: .4s;
  margin: 2em auto 1em;
}
#network-task .entry-btn-text:hover {
  background: #B2D2E9;
  color: #006cb8;
}
#network-task a {
  text-decoration: none;
}
#network-task .subtitle {
  color: #006CB8;
  font-size: 18px;
  _background-color: #E0EEF5;
  _width: 550px;
  line-height: 180%;
  text-align: left;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow: hidden;
}
#network-task h3 {
  font-size: 30px;
  line-height: 1.3;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 0.5em;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left center;
  overflow: hidden;
  padding-left: 55px;
  height: 100px;
}
#network-task .h3-sub {
  font-size: 16px;
  color: #074471;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  font-weight: 400;
  border-bottom: none;
  padding-left: 0px;
}
#network-task .kousen-top {
  overflow: hidden;
  margin-bottom: 30px;
}
#network-task #section2 .images {
  float: right;
  padding: 0;
}
#network-task #section2 .text-field {
  float: left;
  width: 520px;
}
#network-task .koe {
  width: auto;
  border: 1px dotted #00a2a6;
  padding: 1em 1em 0 1em;
}
#network-task .midori {
  color: #00a2a6;
}
/* お問い合わせボタン*/
#network-task .form_btn {
  display: block;
  font-size: 1.2em;
  width: 50%;
  height: 2em;
  text-align: center;
  text-decoration: none;
  line-height: 2em;
  outline: none;
  margin: 2em auto 0;
}
#network-task a .form_btn {
  text-decoration: none;
}
#network-task .form_btn::before, #network-task .form_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#network-task .form_btn, #network-task .form_btn::before, #network-task .form_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#network-task .form_btn {
  background-color: #006CB8;
  border: 1px solid #006CB8;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  line-height: 2.5em;
  text-decoration: none;
}
#network-task .form_btn:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
_#network-task .form_btn.icon {
  padding: 10px 25px 10px 55px;
  background-repeat: no-repeat;
  background-size: 3em;
  background-position: center left 16em;
}
/*応援ボイス*/
#network-task .triger-title {
  width: 80%;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  padding: 0.5em;
  margin: 0 auto 30px;
  background-color: #006CB8;
  border-radius: 5px;
}
#network-task .triger-title span {
  display: block;
  font-size: 0.6em;
}
#network-task .triger-title:hover {
  opacity: 0.7;
  transition: all .3s;
}
#network-task ul li {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}
#network-task ul li:last-child {
  border-bottom: none;
}
#network-task ul li .person {
  float: left;
  margin: 0 20px 0 0;
}
#network-task ul li .shokai {
  overflow: hidden;
  margin: 0;
  padding: 1em;
  background-color: #fffaf0;
}
#network-task ul li .shokai p {
  margin: 0;
}
#network-task ul li .shokai img {
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}
#network-task ul li .thinker p {
  margin: 0;
}
#network-task .lead {
  color: #006CB8;
  font-size: 18px;
  margin: 0;
}
#network-task .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 180%;
  margin: 0;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#network-task .accordion p {
  cursor: pointer
}
#network-task .accordion ul {
  display: none;
}
/*#network-task article {}

#network-task .lead {
    color: #006cb8;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
}

#network-task .title {
    color: #FFFFFF;
    font-size: 20px;
    background-color: #006cb8;
    width: 450px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#network-task .subtitle {
    color: #006CB8;
    font-size: 18px;
    background-color: #E0EEF5;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#network-task .topic {
    color: #006CB8;
    font-size: 25px;
    line-height: 40px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#network-task #section1 {
    overflow: hidden;
}

#network-task #section1 > header {
    margin: 0 0 13px;
}

#network-task #section1 > header > .lead {
    margin: 0;
}

#network-task #section1 .text-field {
    float: left;
    width: 700px;
}

#network-task #section1 .images {
    float: right;
}

#network-task #section1 .fix {
    width: 758px;
    margin: 0 0 30px;
}

#network-task #section2 .lead {
    color: #006cb8;
    font-size: 16px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#network-task #section2 {
    overflow: hidden;
}

#network-task #section2 .text-field2 {
    float: left;
    width: 750px;
}

#network-task #section2 .images {
    float: left;
}

#network-task #section3 .lead {
    color: #006cb8;
    font-size: 16px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#network-task #section3 {
    overflow: hidden;
}

#network-task #section3 .text-field3 {
    float: left;
    width: 750px;
}
*/
/* --------------------------------------------------
 * network/network01
 */
#network-network01 .lead {
  color: #006cb8;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
}
#network-network01 .title {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 673px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
#network-network01 .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 350px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#network-network01 .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#network-network01 p {
  width: 673px;
}
#network-network01 #section1 {
  height: 303px;
}
#network-network01 #section1 .text-field {
  float: left;
  width: 673px;
}
#network-network01 #section1 .images {
  float: right;
  padding: 15px 0 0;
}
#network-network01 #section2 {
  background: url(../network/img/network01/section2-image.png) no-repeat right 0;
}
#network-network01 #section2 .headlines {
  width: auto;
  height: auto;
  padding: 35px 33px;
  background: url(../network/img/network01/section2-1-bg.png) no-repeat 0 0;
}
#network-network01 #section2 .headlines h1 {
  margin: 0 0 14px;
}
#network-network01 #section2 .headlines ul {
  width: 673px;
  overflow: hidden;
}
#network-network01 #section2 .headlines ul li {
  float: left;
  margin: 0 13px 14px 0;
}
#network-network01 #section3 {}
#network-network01 #section3 .text-field {
  float: left;
  width: 673px;
}
#network-network01 #section3 .images {
  float: right;
  margin: 0 0 -10px;
}
#network-network01 #section3 .themes {
  clear: both;
  margin: 0 -36px 0 0;
  overflow: hidden;
}
#network-network01 #section3 .themes h1 {
  margin: 0 0 25px;
}
#network-network01 #section3 .themes section {
  float: left;
  width: 458px;
  height: 130px;
  margin: 0 65px 23px 0;
  padding: 25px 0 0 16px;
  border-top: 1px solid #006CB8;
  border-left: 1px solid #006CB8;
}
#network-network01 #section3 .themes section h1 {
  height: 15px;
  margin: 0 0 20px;
}
#network-network01 #section3 .themes section ul li {
  height: 24px;
  margin: 0 -20px 0 5px;
  list-style: disc inside;
  font-size: 13px;
  line-height: 24px;
}
#network-network01 #section4 {
  overflow: hidden;
  clear: both;
}
#network-network01 #section4 .text-field {
  float: left;
  width: 673px;
}
#network-network01 #section4 .images {
  float: right;
}
/* --------------------------------------------------
 * network/network02
 */
#network-network02 p {
  width: 673px;
}
#network-network02 #section1 {
  background: url(../network/img/network02/section1-image.png) no-repeat right 0;
}
#network-network02 .nav {
  margin: 45px 0 0;
  text-align: center;
}
/* --------------------------------------------------
 * network/network03
 */
#network-network03 section {
  margin: 0 -36px 50px 0;
  overflow: hidden;
}
#network-network03 p {
  float: left;
  width: 673px;
}
#network-network03 .image {
  float: right;
  width: 275px;
  margin: -20px 0 0;
}
/* --------------------------------------------------
 * network/staff/01
 */
#network-staff01 .attachment-image1 {
  background: url(../network/staff/img/index/image1.png) no-repeat;
}
#network-staff01 .attachment-image2 {
  background: url(../network/staff/img/index/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * headquarters/index
 */
#headquarters .title {
  color: #FFFFFF;
  font-size: 20px;
  background-color: #006cb8;
  width: 673px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  opacity: 0.7;
}
#headquarters .subtitle {
  color: #006CB8;
  font-size: 18px;
  background-color: #E0EEF5;
  width: 350px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#headquarters .topic {
  color: #006CB8;
  font-size: 25px;
  line-height: 40px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#headquarters section {
  margin-top: 30px;
  overflow: hidden;
}
#headquarters section .text-field {
  float: left;
  width: 673px;
}
#headquarters section .images {
  float: right;
  padding: 20px 0 0;
}
_#headquarters p {
  width: 673px;
}
#headquarters section h1 {
  margin: 0 0 30px;
}
#headquarters .lead strong {
  font-weight: normal;
}
#headquarters section .lead {
  margin: 0 0 20px;
  color: #006CB8;
  font-size: 25px;
  line-height: 25px;
}
/* --------------------------------------------------
 * headquarters/staff/01
 */
#headquarters-staff01 .attachment-image1 {
  background: url(../headquarters/staff/img/01/image1.png) no-repeat;
}
#headquarters-staff01 .attachment-image2 {
  background: url(../headquarters/staff/img/01/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * headquarters/staff/02
 */
#headquarters-staff02 .attachment-image1 {
  background: url(../headquarters/staff/img/02/image1.png) no-repeat;
}
#headquarters-staff02 .attachment-image2 {
  background: url(../headquarters/staff/img/02/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * headquarters/staff/03
 */
#headquarters-staff03 .attachment-image1 {
  background: url(../headquarters/staff/img/03/image1.png) no-repeat;
}
#headquarters-staff03 .attachment-image2 {
  background: url(../headquarters/staff/img/03/image2.png) no-repeat right top;
}
/* --------------------------------------------------
 * strength/
 */
/*
div#class-map {
    overflow: visible;
}

div#class-map ul {
    margin: 10px 20px;
    position: relative;
    overflow: visible;
}

div#class-map ul li {
    position: absolute;
    z-index: auto;
    color: #ff0000;
    overflow: visible;
    cursor: pointer;
    z-index: 30;
     background: rgba(100,0,0,0.1) 
}

div#class-map ul li {
    z-index: auto;
}

div#class-map ul li.z-top {
    z-index: 100!important;
}

div#class-map ul li span {
    display: none;
    background: url(img/map/map-bg.png);
    width: 320px;
    height: 308px;
    position: absolute;
    z-index: auto;
    top: -160px;
    left: 50%;
    margin-left: -145px;
}

div#class-map ul li.show span {
    display: block;
}

ul.area1 {
    background: url(../philosophy/img/strength3/image1.png);
    width: 1100px;
    height: 577px;
}

li.kameo {
    width: 98px;
    height: 96px;
    top: 172px;
    left: 128px;
}

li.saboi {
    width: 98px;
    height: 96px;
    top: -480px;
    left: 441px;
}

li.kashimura {
    width: 98px;
    height: 96px;
    top: 112px;
    left: 643px;
}

li.okada {
    width: 112px;
    height: 96px;
    top: 332px;
    left: 189px;
}

li.chuma {
    width: 112px;
    height: 96px;
    top: 438px;
    left: 187px;
}

li.kobayashi {
    width: 112px;
    height: 96px;
    top: 443px;
    left: 564px;
}

li.tano {
    width: 112px;
    height: 96px;
    top: 442px;
    left: 760px;
}

li.shiogai {
    width: 112px;
    height: 96px;
    top: 445px;
    left: 909px;
}

li.ishii {
    width: 112px;
    height: 96px;
    top: 330px;
    left: 310px;
}

li.nogami {
    width: 112px;
    height: 96px;
    top: 192px;
    left: 891px;
}

#strength {
    padding: 0 0 98px;
}

#strength .wrap {
    width: 1116px;
    overflow: hidden;
}

#strength .profile {
    width: 750px;
    margin: 0 0 20px;
    border-collapse: collapse;
}

#strength .profile tr th {
    width: 132px;
    padding: 15px 0 10px;
    border-bottom: 1px dotted #B6B7B7;
}

#strength .profile tr th span {
    display: block;
    width: 132px;
    height: 34px;
    text-align: center;
    color: #333232;
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
    background-color: #EDF6FC;
}

#strength .profile tr td {
    padding: 23px 15px 0;
    border-bottom: 1px dotted #B6B7B7;
    color: #333232;
    font-size: 14px;
    line-height: 19px;
}

#strength .profile tr td dl dt {
    margin: 0 0 8px;
    color: #006CB8;
    font-weight: bold;
}

#strength .profile tr td dl dd {
    margin: 0 0 20px;
}

#strength section {
    margin: 0 10px 30px;
}

#strength section p {
    margin: 0 0 15px;
    color: #333232;
    font-size: 14px;
    line-height: 19px;
}

#strength section p.notice {
    font-size: 12px;
}

#strength section table {
    margin: 0 0 10px;
    border-collapse: collapse;
}

#strength section table tr th {
    width: 250px;
    height: 40px;
    border: 1px solid #006CB8;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    background-color: #EDF6FC;
}

#strength section table tr .th1 {
    background-color: #D2EAFC;
}

#strength section table tr td {
    height: 60px;
    border: 1px solid #006CB8;
    text-align: center;
    line-height: 60px;
}
*/
/* --------------------------------------------------
/* --------------------------------------------------
/* --------------------------------------------------
 * strength/
 * strength1/
   共通css
--------------------------------------------------
--------------------------------------------------
--------------------------------------------------*/
/* ページ内リンクの位置調整 */
/*#strength1 #shanai {
    padding-top: 30px;
    margin-top: -30px;
}

#strength1 #gekijoukaigi {
    padding-top: 50px;
    margin-top: -50px;
}

#strength1 #shanainet {
    padding-top: 50px;
    margin-top: -50px;
}

#strength1 #tuikyukaigi {
    padding-top: 50px;
    margin-top: -50px;
}

#strength1 #jishug {
    padding-top: 50px;
    margin-top: -50px;
}

#strength1 #monita {
    padding-top: 50px;
    margin-top: -50px;
}

#strength1 #gm {
    padding-top: 50px;
    margin-top: -50px;
}*/
/* ページ内リンクの位置調整 ここまで */
/*
#strength1 {
    padding: 0 0 98px;
    margin: 20px 10px 30px;
}
*/
#strength1 .wrap {
  width: 1044px;
  margin: 50px auto 30px;
}
/* 見出しのグループ */
#strength1 hgroup {
  width: 100%;
  margin: 20px 0 20px;
  overflow: hidden;
}
/* 意味かたまり */
#strength1 .unit {
  width: auto;
  margin: 30px 10px 20px;
  overflow: hidden;
}
/* トップの文章 */
#strength1 .top-text {
  width: 80%;
  margin: 0 auto 1em;
  font-size: 14px;
  line-height: 1.8;
  color: #727171;
}
/* 目次部分 */
#strength1 dl {
  font-weight: 500;
  padding: 1em 0 0.5em;
  margin: 0 auto;
  width: 80%;
}
#strength1 dt {
  font-size: 17px;
  color: #074471;
  font-weight: 500;
  display: inline-block;
}
#strength1 dd {
  display: inline-block;
  padding: 0 2em 0 0;
}
#strength1 p {
  margin: 0 0px 15px;
  font-size: 14px;
  line-height: 1.8;
  color: #727171;
  /*text-indent: 1em;*/
}
/* 主に、左寄りの文章のかたまり */
#strength1 .text-field2 {
  display: inline-block;
  width: 470px;
  margin: 0px auto 10px 30px;
  vertical-align: top;
}
/* h1のサブタイトル*/
#strength1 .sub {
  font-size: 16px;
  color: #ffffff;
  background-color: #006CB8;
  display: inline;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0 0 10px;
}
#strength1 h1 {
  font-size: 45px;
  color: #0F6EB5;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
  letter-spacing: 0px;
  margin: 10px 0 20px;
  line-height: 1.5;
}
#strength1 h2 {
  font-size: 1.3em;
  text-align: center;
  color: #ffffff;
  background-color: #006CB8;
  margin-top: 1em;
  font-weight: 500;
  padding: 0.5em;
}
#strength1 h3 {
  font-size: 30px;
  line-height: 1.3;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 15px;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left center;
  overflow: hidden;
  padding-left: 50px;
  height: 100px;
}
/* h3のサブタイトル*/
#strength1 .h3-sub {
  display: block;
  font-size: 16px;
  color: #074471;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  font-weight: 400;
  border-bottom: none;
  padding-left: 0px;
}
#strength1 h3.no-copy {
  font-size: 25px;
  line-height: 1.8;
  color: #0F6EB5;
  text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
  padding-top: 15px;
  font-weight: 500;
  border-bottom: none;
  background: url(../architecture/task/img/maru.jpg) no-repeat left center;
  overflow: hidden;
  background-size: auto 100%;
  padding-left: 30px;
  height: 70px;
}
#strength1 h4 {
  font-size: 1.5em;
  line-height: 1.5;
  color: #0F6EB5;
  font-weight: 500;
  border-bottom: 1px solid #0F6EB5;
  border-left: 7px solid #0F6EB5;
  padding-left: 10px;
  margin: 0.5em 0 0.5em;
}
#strength1 h4.obi {
  font-size: 1.2em;
  text-align: center;
  color: #ffffff;
  background-color: #006CB8;
  padding: 0.5em;
  margin: 0 0 1em;
}
#strength1 h5 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 1em;
}
#strength1 .sukima {
  margin-bottom: 2em;
}
#strength1 .bl_bold {
  color: #0F6EB5;
  font-size: 1.2em;
  font-weight: 500;
  margin: 0.5em 0 0;
}
/* →○○はこちら */
#strength1 .tgs {
  margin-left: auto;
  text-align: left;
  color: #074471;
}
/* 画像右寄せ */
#strength1 .right-img {
  float: right;
  margin-right: 20px;
  display: block;
}
#strength1 .bold {
  font-weight: 600;
}
#chiiki {
  overflow: hidden;
}
/* 参加者の声 */
#strength1 .voice {
  padding: 0.5em 1em 0;
  background-color: #fffff0;
  float: left;
  width: 50%;
}
#strength1 .theme {
  padding: 1em 2em 1em;
  margin: 2em 0;
  background-color: #fffff0;
  width: auto;
}
/* 各種会議 */
#strength1 .box {
  display: inline-block;
  width: 475px;
  vertical-align: top;
  padding: 0px;
  margin: 20px auto 10px 30px;
  .
}
#strength1 .box a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
/* 出版本 */
#strength1 .box2 {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  padding: 0px;
  margin: 20px auto 10px 30px;
  .
}
#strength1 .box2 a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
#strength1 .mainasu-m {
  margin-top: -70px;
}
/* --------------------------------------------------
 * recruiting/
 */
.recruiting .lower-nav {
  width: 420px;
  margin: 0 auto 43px;
}
.recruiting .lower-nav ul {
  width: 860px;
  overflow: hidden;
}
.recruiting .lower-nav ul li {
  float: left;
  margin: 0 20px 0 0;
}
.recruiting .lower-nav ul c {
  width: 200px;
  overflow: hidden;
}
.recruiting .inquiry {
  margin: 0;
  padding: 19px 19px;
  border: 1px solid #e1e5e6;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNjVlZmVjYi1mY2FkLTExZGMtOGE0YS1jYzhiMzZhNjQ5NWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDUxQTk4MjQ0QjhBMTFFM0EyNjBDOTJFQjc2Q0UzQzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDUxODcyRjY0QjhBMTFFM0EyNjBDOTJFQjc2Q0UzQzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDVkYWNjZGQtODQxOC00OTg0LTlkNjUtYTNlNWZiMjk1MTE3IiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkY3NzE1RDM2RUQxNEUzMTFBNTU4RkZBQzlFRkI2MzM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sb5TsgAAABZJREFUeNpi2nzt7ZeffxiAGMgCCDAAStgKwfv3v4IAAAAASUVORK5CYII=);
}
.recruiting .inquiry .inquiry-detail {
  padding: 16px 10px;
  background-color: #ffffff;
}
.recruiting .inquiry .inquiry-detail1 {
  padding: 16px 10px;
  background-color: #ffffff;
}
.recruiting .inquiry .inquiry-detail p {
  margin: 0 !important;
  line-height: 21px !important;
}
.recruiting .inquiry .inquiry-detail p a {
  color: #006cb8;
  text-decoration: none;
}
.recruiting .captions {
  display: inline-block;
  padding: 4px 7px 2px;
  color: #ffffff;
  line-height: 16px;
  background-color: #006cb8;
}
.recruiting .captions1 {
  display: inline-block;
  padding: 4px 7px 2px;
  color: #ffffff;
  line-height: 16px;
  background-color: #FF4500;
}
/* --------------------------------------------------
 * recruiting/index
 */
#recruiting {
  padding: 0 0 98px;
}
#recruiting .wrap {
  width: 1116px;
  overflow: hidden;
}
#recruiting .wrap1 {
  width: 1200px;
  overflow: hidden;
}
#recruiting header {
  float: left;
  width: 252px;
}
#recruiting header .page-name {
  margin: 0 0 25px;
}
#recruiting header nav {
  margin: 0 0 21px;
}
#recruiting header nav li {
  margin: 0 0 5px;
}
#recruiting header nav .part-time {
  margin: 0;
}
#recruiting header .banner {
  margin: 0 0 19px;
}
#recruiting header .inquiry {
  width: 246px;
  border: 3px solid #006cb8;
  line-height: 1;
}
#recruiting header .inquiry1 {
  width: 246px;
  border: 3px solid #FFEBCD;
  line-height: 1;
}
#recruiting header .inquiry section {
  border: 1px solid #b7d6eb;
  padding: 6px 9px 11px;
  background: #4c98cd;
}
#recruiting header .inquiry section1 {
  border: 1px solid #b7d6eb;
  padding: 6px 9px 11px;
  background: #FF6347;
}
#recruiting header .inquiry .mail {
  overflow: hidden;
}
#recruiting header .inquiry .mail dt, #recruiting header .inquiry .mail dd {
  float: left;
}
#recruiting .page-contents {
  float: right;
  width: 792px;
}
#recruiting .page-contents h1 {
  position: relative;
}
#recruiting .title-icon {
  position: absolute;
  top: -6px;
  left: -18px;
  z-index: 2;
}
#recruiting .page-lead {
  margin: 0 0 30px;
}
#recruiting .topics {
  margin: 0 auto 34px;
  padding: 1px;
  border: 1px solid #3389c6;
  background: url(../recruiting/img/index/topics-bg.png);
  overflow-x: hidden;
  overflow-y: scroll;
  width: 716px;
  height: 105px
}
#recruiting .topics section {
  display: table;
  width: 100%;
}
#recruiting .topics h1, #recruiting .topics ul {
  display: table-cell;
  vertical-align: middle;
}
#recruiting .topics h1 {
  position: absolute;
  background: #006cb8;
}
#recruiting .topics ul {
  width: 614px;
  padding: 5px 20px 5px 24px;
}
#recruiting .topics ul li {
  font-size: 12px;
  line-height: 24px;
}
#recruiting .topics ul li img {
  vertical-align: middle;
}
#recruiting .topics ul li dt, #recruiting .topics ul li dd {
  display: table-cell;
}
#recruiting .topics ul li .date {
  width: 100px;
  padding: 0 16px 0 0;
}
#recruiting .topics ul li .category {
  margin: 0 5px 0 0;
}
#recruiting .topics ul li .new {
  margin: 0 0 0 3px;
}
#recruiting .nav-list {
  margin: 0 0 36px;
}
#recruiting .nav-list nav {
  position: relative;
  width: 378px;
}
#recruiting .nav-list nav ul {
  height: 121px;
  padding: 3px 17px 0 12px;
  background: url(../recruiting/img/index/nav-bg.png) no-repeat;
}
#recruiting .nav-list nav ul li {
  margin: 0 0 3px;
  line-height: 1;
}
#recruiting .nav-list nav ul .last {
  margin: 0;
}
#recruiting .nav-list .about {
  float: left;
}
#recruiting .nav-list .record {
  float: right;
}
#recruiting .nav-list .record .photo {
  position: absolute;
  right: -2px;
  bottom: -9px;
}
#recruiting .section-list {
  overflow: hidden;
}
#recruiting .section-list section {
  width: 376px;
  min-height: 258px;
  height: auto !important;
  height: 258px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#recruiting .section-list section dl {
  padding: 0 10px 10px;
}
#recruiting .section-list section dl dt {
  margin: 0 0 8px;
}
#recruiting .section-list section dl dd {
  color: #333;
  font-size: 12px;
  line-height: 18px;
}
#recruiting .section-list .mission {
  float: left;
  background-image: url(../recruiting/img/index/mission-bg.png);
}
#recruiting .section-list .cond {
  float: right;
  background-image: url(../recruiting/img/index/cond-bg.png);
}
/* --------------------------------------------------
 * recruiting/story
 */
#recruiting-story h1 {
  margin-bottom: 45px;
}
#recruiting-story .stories {
  width: 1113px;
  overflow: hidden;
}
#recruiting-story .stories li {
  float: left;
  margin: 0 69px 44px 0;
}
/* --------------------------------------------------
 * recruiting/philosophy
 */
#recruiting-philosophy {
  padding-bottom: 200px;
}
#recruiting-philosophy .wrap > section > h1 {
  padding: 0 0 0 9px;
}
#recruiting-philosophy .wrap > ul {}
#recruiting-philosophy .wrap > li {
  display: inline-block;
}
#recruiting-philosophy p {
  font-size: 14px;
  text-indent: 1em;
}
#recruiting-philosophy .no-indent {
  text-indent: 0;
}
#recruiting-philosophy .notes {
  display: block;
  color: #6a6767;
}
#recruiting-philosophy p span {
  display: block;
  font-size: 14px;
  line-height: 21px;
  text-indent: 1em;
}
#recruiting-philosophy .summary {
  position: relative;
  width: 1163px;
  height: 447px;
  background: url(../recruiting/philosophy/img/index/main-image.png) no-repeat;
}
#recruiting-philosophy .summary > h1 {
  position: absolute;
  top: 34px;
  left: 8px;
  padding: 0;
}
#recruiting-philosophy .summary .description {
  position: absolute;
  top: 95px;
  right: 73px;
  width: 750px;
  line-height: 160%
}
#recruiting-philosophy .summary .description p {
  margin: 0 0 16px;
}
#recruiting-philosophy #section1 {
  overflow: hidden;
}
#recruiting-philosophy #section1 .text-field {
  padding: 10px 253px 0 253px;
  width: 537px;
}
#recruiting-philosophy #section1 .text-field > h1 {
  color: #006CB8;
  padding: 30px 0 0 0;
  font-size: 25px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: -0.02em;
}
#recruiting-philosophy #section1 .images {
  align-self: center;
  margin-top: 30px;
}
#recruiting-philosophy #section2 {
  overflow: hidden;
}
#recruiting-philosophy #section2 .text-field {
  float: left;
  width: 537px;
}
#recruiting-philosophy #section2 .images {
  float: right;
  padding: 10px 0 0;
}
#recruiting-philosophy #section3 .text-field {
  float: right;
  width: 650px;
}
#recruiting-philosophy #section3 {
  overflow: hidden;
}
#recruiting-philosophy #section3 . {
  float: right;
  width: 686px;
  padding: 26px 0 0;
}
#recruiting-philosophy #section3 .images {
  float: left;
  padding: 10px 0 0;
}
#recruiting-philosophy #section4 {
  margin: 0 0 70px;
}
#recruiting-philosophy #section4 dl dt {
  margin: 0 0 13px;
}
#recruiting-philosophy #section5 {
  width: 100%;
  overflow: hidden;
}
#recruiting-philosophy #section5 .philosophy-lightbox {
  cursor: pointer;
}
#recruiting-philosophy #section5 > h1 {
  margin: 0;
}
#recruiting-philosophy #section5 > .text {
  float: left;
  width: 535px;
  padding: 30px 0 0;
}
#recruiting-philosophy #section5 > div {
  float: right;
}
#recruiting-philosophy #section6 {
  overflow: hidden;
}
#recruiting-philosophy #section6 .text-field {
  float: right;
  width: 540px;
}
#recruiting-philosophy #section6 .images {
  float: left;
}
#recruiting-philosophy #section8 {
  margin: 0 0 20px;
}
#recruiting-philosophy .signature {
  text-align: right;
}
/* --------------------------------------------------
 * recruiting/staff
 */
#recruiting-staff h1 {
  margin: 0 0 40px;
}
#recruiting-staff section section {
  margin: 0 0 5px;
  overflow: hidden;
}
#recruiting-staff section section h1 {
  float: left;
  width: 115px;
  margin: 0;
}
#recruiting-staff section section ul {
  float: left;
  width: 940px;
  margin: 0 -11px 0 0;
  overflow: hidden;
}
#recruiting-staff section section ul li {
  float: left;
  width: 224px;
  height: 92px;
  margin: 0 11px 10px 0;
}
/* --------------------------------------------------
 * recruiting/recruitment/01

 recruiting/architecture/general　でも使用

 */
#recruiting-recruitment01 article > h1 {
  margin: 0 0 18px;
}
#recruiting-recruitment01 .main-image {
  margin: 0 0 36px;
}
#recruiting-recruitment01 .topics {
  margin: 0 auto 34px;
  padding: 1px;
  border: 1px solid #3389c6;
  background: url(../recruiting/img/index/topics-bg.png);
  overflow-x: hidden;
  overflow-y: scroll;
  width: 716px;
  height: 105px
}
#recruiting-recruitment01 .topics section {
  display: table;
  width: 100%;
}
#recruiting-recruitment01 .topics h1, #recruiting-recruitment01 .topics ul {
  display: table-cell;
  vertical-align: middle;
}
#recruiting-recruitment01 .topics h1 {
  position: absolute;
  background: #006cb8;
}
#recruiting-recruitment01 .topics ul {
  width: 614px;
  padding: 5px 20px 5px 24px;
}
#recruiting-recruitment01 .topics ul li {
  font-size: 12px;
  line-height: 24px;
}
#recruiting-recruitment01 .topics ul li img {
  vertical-align: middle;
}
#recruiting-recruitment01 .topics ul li dt, #recruiting-recruitment01 .topics ul li dd {
  display: table-cell;
}
#recruiting-recruitment01 .topics ul li .date {
  width: 100px;
  padding: 0 16px 0 0;
}
#recruiting-recruitment01 .topics ul li .category {
  margin: 0 5px 0 0;
}
#recruiting-recruitment01 .topics ul li .new {
  margin: 0 0 0 3px;
}
#recruiting-recruitment01 #section1 {
  margin: 45px 0 39px;
}
#recruiting-recruitment01 #section1 h1 > img {
  margin: 0 0 20px 1px;
}
#recruiting-recruitment01 #section1 dt {
  display: inline-block;
  padding: 0.2em 2em;
  border: 1px solid #006cb8;
  color: #006cb8;
  margin: 0 0 10px;
  font-size: 1.1em;
}
#recruiting-recruitment01 #section1 dd {
  border-bottom: 1px solid #dde3e8;
  line-height: 21px;
  margin: 20px 0 20px;
  padding: 0 0 20px;
}
#recruiting-recruitment01 #section1 dd:last-child {
  border-bottom: none;
}
#recruiting-recruitment01 #section1 dd .table1 {
  margin: 25px 0 10px;
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
  width: 100%;
  border-spacing: 0;
}
#recruiting-recruitment01 #section1 dd .table1 tr {
  border: 1px solid #006cb8;
}
#recruiting-recruitment01 #section1 dd .table1 th {
  border-bottom: 1px solid #006cb8;
  background: #edf6fc;
  vertical-align: middle;
}
#recruiting-recruitment01 #section1 dd .table1 td {
  border-left: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  border-bottom: 1px solid #006cb8;
  padding: 10px;
}
#recruiting-recruitment01 #section1 dd .table2 {
  margin: 18px 0 0;
  padding: 15px;
  border: 1px solid #e1e5e6;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNjVlZmVjYi1mY2FkLTExZGMtOGE0YS1jYzhiMzZhNjQ5NWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE3NDY2QUQ0Rjc5MTFFMzgxQUNFQjdBREZDMjVCNzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE3NDY2QUM0Rjc5MTFFMzgxQUNFQjdBREZDMjVCNzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWRlZWZhODItMmZmZS00YjE4LWI3NjEtNDliNTE1MDVlYmUzIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOkY3NzE1RDM2RUQxNEUzMTFBNTU4RkZBQzlFRkI2MzM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aNJo+QAAABhJREFUeNpi2nzt7ZeffxiAeMv1twABBgBK3QrDU0DwlgAAAABJRU5ErkJggg==)
}
#recruiting-recruitment01 #section1 dd .table2 tr td {
  color: #006cb8;
}
#recruiting-recruitment01 #section1 .guide-inquiry {
  margin: 0 0 30px;
}
#recruiting-recruitment01 #section1 .guide-inquiry .inquiry {
  margin: 0;
}
#recruiting-recruitment01 #section1 .guide-inquiry h1 {
  margin: 0;
}
#recruiting-recruitment01 #section1 .guide-inquiry .inquiry header, #recruiting-recruitment01 #section2 .guide-inquiry .inquiry header {
  width: 100%;
  overflow: hidden;
}
#recruiting-recruitment01 #section2 .guide-inquiry {
  margin: 30px 0 30px;
}
#recruiting-recruitment01 #section1 .guide-inquiry .inquiry header h1, #recruiting-recruitment01 #section2 .guide-inquiry .inquiry header h1 {
  _float: left;
  margin: 0 5px 5px 0;
  font-weight: normal;
}
#recruiting-recruitment01 #section1 .guide-inquiry .inquiry header p, #recruiting-recruitment01 #section2 .guide-inquiry .inquiry header p {
  _float: left;
  color: #006cb8;
  line-height: 28px;
}
#recruiting-recruitment01 .captions {
  display: block;
  padding: 0.5em 1em;
  color: #ffffff;
  line-height: 1.5em;
  background-color: #006cb8;
  font-size: 1.5em;
  text-align: center;
}
#recruiting-recruitment01 .entry-nav {
  margin: 0;
  text-align: center;
}
#recruiting-recruitment01 #section2 .step {
  margin: 0 0 10px;
}
#recruiting-recruitment01 #section2 .step > div {
  position: relative;
}
#recruiting-recruitment01 #section2 .step .text {
  position: absolute;
  top: 12px;
  left: 223px;
  width: 786px;
}
#recruiting-recruitment01 #section2 .step .text2 {
  position: absolute;
  top: 20px;
  left: 223px;
  width: 786px;
}
#recruiting-recruitment01 #section2 .step .text a {
  text-decoration: none;
}
#recruiting-recruitment01 #section2 .step .step0 {
  height: 79px;
  background: url(../recruiting/recruitment/img/01/step1.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step1 {
  height: 79px;
  background: url(../recruiting/recruitment/img/01/step0.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step2 {
  height: 245px;
  background: url(../recruiting/recruitment/img/01/step2.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step6 {
  height: 160px;
  background: url(../recruiting/recruitment/img/01/step6.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step3 {
  height: 79px;
  background: url(../recruiting/recruitment/img/01/step3.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step4 {
  height: 100px;
  background: url(../recruiting/recruitment/img/01/step4.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .step5 {
  height: 79px;
  background: url(../recruiting/recruitment/img/01/step5.png) no-repeat;
}
#recruiting-recruitment01 #section2 .step .next-step {
  margin: 10px;
  text-align: center;
}
#recruiting-recruitment01 #section2 ul {
  border-bottom: 1px solid #dde3e8;
  margin: 0 0 16px;
}
#recruiting-recruitment01 .title-oubo {
  margin: 0 0 36px;
  background-color: #87cefa;
  padding: 0.5em 1em;
  color: #fff;
  font-size: 2em;
  font-weight: 300;
  line-height: 160%;
}
/* !フロー */
/*#recruiting-recruitment01 ul.saiyo-flow {
	width: 80%;
	text-align: center;
	margin: 1em auto;
	text-align: center;
}
#recruiting-recruitment01 .saiyo-flow li {
	list-style: none;
}
#recruiting-recruitment01 .saiyo-flow li:after {
	content: url(../recruiting/architecture/img/01/sankaku.png);
	display: bck;
	text-align: center;
	margin: 1em auto;
}
#recruiting-recruitment01 .saiyo-flow li:last-child:after {
	content: none;
}
#recruiting-recruitment01 .saiyo-flow h3 {
	background-color: #f0f8ff;
	padding: 0.5em 0.5em 0.5em 0;
	color: #187fc3;
	font-size: 1.3em;
	margin: 0.5em 0;
	text-align: center;
}
#recruiting-recruitment01 .saiyo-flow h3 span {
	background-color: #187fc3;
	padding: 1em;
	margin: 0 1em 0 0;
	color: #fff;
	font-size: 0.8em;
}*/
/*採用職種*/
#recruiting-recruitment01 h3.saiyo-busho {
  color: #4682b4;
  font-size: 1.2em;
  font-weight: 100;
  margin: 1em 0 0.5em 0;
}
#recruiting-recruitment01 table.type {
  text-align: center;
  width: 100%;
  margin-bottom: 2em;
}
_#recruiting-recruitment01 table.type th td {
  border: 1px solid #ccc;
  padding: 0.5em;
}
#recruiting-recruitment01 table.type {
  border-collapse: collapse;
  text-align: left;
  line-height: 1.5;
  border: 1px solid #ccc;
}
#recruiting-recruitment01 table.type thead {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #4682b4;
  width: 100%;
}
#recruiting-recruitment01 table.type thead th {
  padding: 10px;
  _font-weight: bold;
  vertical-align: top;
  color: #fff;
  border-right: 1px solid #fff;
  width: auto;
}
#recruiting-recruitment01 table.type tbody th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  background: #ececec;
  background: #efefef;
}
#recruiting-recruitment01 table.type td {
  width: 350px;
  padding: 10px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#recruiting-recruitment01 table.type .bumon {
  width: 4em;
  background-color: #f5f5f5;
}
#recruiting-recruitment01 table.type .shokushu {
  width: 7em;
  background-color: #f5f5f5;
}
/* エントリーボタン*/
#recruiting-recruitment01 .form_btn {
  width: 70%;
  height: 3em;
  text-align: center;
  outline: none;
  margin: 1em auto 1.5em auto;
  background-color: #87cefa;
  border: 1px solid #87cefa;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  line-height: 3em;
}
#recruiting-recruitment01 .form_btn a {
  text-decoration: none;
  color: inherit;
}
#recruiting-recruitment01 .form_btn:before, #recruiting-recruitment01 .form_btn:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#recruiting-recruitment01 .form_btn, #recruiting-recruitment01 .form_btn:before, #recruiting-recruitment01 .form_btn:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#recruiting-recruitment01 .form_btn:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
#recruiting-recruitment01 .form_btn a:hover {
  color: #59b1eb;
}
/*#recruiting-recruitment01 .form_btn.icon {
    padding: 10px 25px 10px 55px;
    background-repeat: no-repeat;
    background-size: 3em;
    background-position: center left 16em;
}*/
/*問い合わせの中*/
#recruiting-recruitment01 .inquiry-detail dl {
  overflow: hidden;
  width: 100%;
}
#recruiting-recruitment01 .inquiry-detail dt {
  clear: left;
  float: left;
  width: 5em;
}
#recruiting-recruitment01 .inquiry-detail dd {
  float: left;
  width: auto;
}
/* --------------------------------------------------
 * recruiting/recruitment/02
 */
#recruiting-recruitment02 {
  color: #191919;
  font-size: 13px;
  line-height: 21px;
}
#recruiting-recruitment02 p {
  margin: 25px 0 25px;
}
#recruiting-recruitment02 .setumeikai-intro {
  font-size: 15px;
  margin: 20px;
  line-height: 180%;
}
#recruiting-recruitment02 .setumeikai-flow {
  background-color: #006cb8;
  padding: 0.5em;
  font-size: 2em;
  color: #fff;
  font-weight: 300;
}
#recruiting-recruitment02 .last-line {
  margin: 0;
}
#recruiting-recruitment02 .hope {
  margin: 0 0 9px;
}
#recruiting-recruitment02 article > h1 {
  margin: 0 0 18px;
}
#recruiting-recruitment02 h2 {
  font-weight: 300;
  font-size: 1.5em;
  color: #0F6EB5;
  padding: 0 10px;
  line-height: 36px;
  background-color: #E7F1F8;
  width: 100%;
  margin: 50px auto 10px;
}
#recruiting-recruitment02 dt {
  display: inline-block;
  padding: 0.2em 2em;
  border: 1px solid #006cb8;
  color: #006cb8;
  margin: 0 0 10px;
  font-size: 1.1em;
}
#recruiting-recruitment02 h3 {
  font-size: 1.5em;
  padding: 1em auto 1em 0;
  color: #0F6EB5;
  margin: 1em auto 1em 0;
  line-height: 160%;
}
/*#recruiting-recruitment02 h3.min{
    background: none !important;
    color: #0F6EB5 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    font-size: 1.5em;
    margin-bottom: 30px !important;
    text-align: center;
    _padding-top: 50px !important;
    margin-bottom: 30px !important;
}*/
@media screen and (max-width: 767px) {
  #recruiting-recruitment02 .rinen-sp {
    line-height: 180%;
    font-size: 1.2em;
  }
  #recruiting-recruitment02 h3 {
    width: 100%;
  }
}
#recruiting-recruitment02 .main-image {
  margin: 0 0 36px;
}
#recruiting-recruitment02 .employment-nav {
  width: 100%;
  margin: 0 0 46px;
  overflow: hidden;
}
#recruiting-recruitment02 .employment-nav ul li {
  float: left;
  margin: 0 24px 0 0;
}
#recruiting-recruitment02 .about-employment {
  margin: 0 0 15px;
  border-bottom: 1px solid #dde3e8;
}
#recruiting-recruitment02 .about-employment .tel {
  margin: 0 0 11px;
}
#recruiting-recruitment02 .about-employment .tel span {
  display: block;
  color: #006cb8;
}
#recruiting-recruitment02 .apply-guide {
  margin: 0 0 28px;
}
#recruiting-recruitment02 .apply-guide > dl > dt {
  margin: 0 0 16px;
}
#recruiting-recruitment02 .apply-guide > dl > dd {
  padding: 0 0 10px;
  margin: 0 0 16px;
  border-bottom: 1px solid #dde3e8;
}
#recruiting-recruitment02 .apply-guide > dl > dd > a:link, #recruiting-recruitment02 .apply-guide > dl > dd > a:visited {
  text-decoration: none;
}
#recruiting-recruitment02 .apply-guide .treatment {
  width: 100%;
  margin: 0 0 5px;
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
  border-spacing: 0;
  color: #333232;
  line-height: 19px;
}
#recruiting-recruitment02 .apply-guide .treatment th {
  height: 60px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  background-color: #edf6fc;
  font-weight: normal;
  vertical-align: middle;
}
#recruiting-recruitment02 .apply-guide .treatment td {
  padding: 11px 20px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  color: #333232;
  font-size: 14px;
  vertical-align: middle;
}
#recruiting-recruitment02 .entry-button {
  text-align: center;
}
#recruiting-recruitment02 .inquiry {
  width: 683px;
  margin: 3px 0 5px;
}
#recruiting-recruitment02 .inquiry h1 {
  font-weight: normal;
}
#recruiting-recruitment02 #employment-education {
  margin: 0 0 86px;
}
#recruiting-recruitment02 .apply-guide dl dd dl dt {
  color: #006cb8;
  font-weight: bold;
}
#recruiting-recruitment02 .apply-guide dl dd dl dd {
  line-height: 29px;
  text-indent: 1em;
}
/* 1dayインターンシップページで画像の設定2016.11.18*/
#recruiting-recruitment02 .center {
  margin: 0px auto 20px auto;
}
/* 総合職インターン２０１８*/
#recruiting-recruitment02 #internship {
  width: 908px;
  margin: auto;
}
#recruiting-recruitment02 #internship p {
  line-height: 160%;
}
#recruiting-recruitment02 #internship #briefing ul.waku-point {
  margin: 1.5em 0;
}
#recruiting-recruitment02 #internship #briefing ul.waku-point li {
  margin: 0 1em;
  padding: 0.2em;
  border-bottom: none;
  width: auto;
  font-size: 1em;
}
#recruiting-recruitment02 #internship .waku-point h3 {
  font-size: 1.2em;
  color: #006cb8;
  margin-botom: 1em;
}
#recruiting-recruitment02 #internship .next-stage {
  margin: 5em 0;
  padding: 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #e6f4ff;
}
#recruiting-recruitment02 .recruiting-fix {
  background-color: #0F6EB5;
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.8;
  width: 100%;
  text-align: center;
  padding: 30px;
  margin: -24 0 30px 0;
  color: #0F6EB5;
  font-family: 'Roboto Condensed', sans-serif !important;
}
/* --------------------------------------------------
 * recruiting/event
 */
#recruiting-event article > h1 {
  margin: 0 0 20px;
}
#recruiting-event article > div > h2 {
  margin: 0 0 1em auto;
  color: #696969;
  font-size: 1.3em;
}
/* イベントページの冒頭文章*/
#recruiting-event .intro {
  width: 90%;
  margin: 3em auto;
  text-align: center;
}
/* 建築系と総合職系の冒頭文章*/
#recruiting-event .intro2 {
  margin: 2em;
}
#recruiting-event .event-top {
  img {
    max-width: 100%;
    height: auto;
  }
  width: 95%;
}
#recruiting-event .title {
  font-size: 18px;
  color: #fff;
  background-color: #006CB8;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
#recruiting-event .title2 {
  font-size: 18px;
  color: #fff;
  background-color: #87D0F2;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
}
/* スマホのみ表示ボタン */
#recruiting-event a.intern-link {
  display: block;
  border: 1px solid #006CB8;
  padding: 0.5em 1em;
  margin: 1em 0;
  text-align: center;
  color: #006cb8;
  font-size: 1.3em;
  text-decoration: none;
  transition: .4s;
}
#recruiting-event a.intern-link:hover {
  background: #006cb8;
  color: white;
}
#recruiting-event a.intern-link2 {
  display: block;
  border: 1px solid #87D0F2;
  padding: 0.5em 1em;
  margin: 1em 0;
  text-align: center;
  font-size: 1.3em;
  color: #87D0F2;
  text-decoration: none;
  transition: .4s;
}
#recruiting-event a.intern-link2:hover {
  background: #87D0F2;
  color: #fff;
}
/* インターン全体のくくり */
#recruiting-event .event-wrap-all {
  overflow: hidden;
}
/* 建築と総合職インタンーシップ*/
#recruiting-event .event-wrap1 {
  width: 49%;
  background-color: #f5f5f5;
  margin-bottom: 30px;
  overflow: hidden;
  float: left;
}
#recruiting-event .event-wrap2 {
  width: 49%;
  background-color: #f5f5f5;
  margin-bottom: 30px;
  overflow: hidden;
  float: right;
}
#recruiting-event .event {
  vertical-align: top;
  padding: 0px;
  margin: 15px auto 15px 13px;
  border: 1px solid #4682b4;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 480px;
  height: 100%;
  text-align: left;
}
#recruiting-event .event:nth-of-type(1), #recruiting-event .event2:nth-of-type(1) {
  height: 380px;
}
#recruiting-event .event:nth-of-type(2), #recruiting-event .event2:nth-of-type(2) {
  height: 380px;
}
#recruiting-event .event2 {
  vertical-align: top;
  padding: 0px;
  margin: 15px auto 15px 13px;
  border: 1px solid #87D0F2;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 480px;
  height: 100%;
  text-align: left;
}
#recruiting-event .d1 {
  height: 380px !important;
}
#recruiting-event .d3 {
  height: 400px !important;
}
#recruiting-event .w1_2 {
  height: 460px !important;
}
/*実現塾の横長共通部分*/
#recruiting-event .event3 {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0 auto 15px 20px;
  border: 1px solid #87D0F2;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 1002px;
  height: 100%;
  text-align: left;
  clear: both;
}
#recruiting-event .event-p {
  padding: 1em 1.5em 0px 1.5em;
}
#recruiting-event dl.course {
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  margin: 10px;
  padding: 10px 0 10px 10px;
  font-size: 0.9em;
  line-height: 130%;
}
#recruiting-event dl.course dt {
  float: left;
  width: auto;
}
#recruiting-event dl.course dd {
  margin-left: 11em;
  padding-right: 5px;
}
#recruiting-event .event-kinjitu {
  padding: 10px 10px 8px 0px;
  text-align: right;
}
#recruiting-event .banner {
  margin: 0px auto 20px auto;
}
/* --------------------------------------------------
 * recruiting/eventのボタン
 */
#recruiting-event .btnwrap {
  margin: 1.5em 1em 1em 0px;
  text-align: right;
}
#recruiting-event .btnwrap ul li {
  display: inline;
}
.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
}
.button:hover {
  background-color: #eee;
  color: #555;
}
.button:active {
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  outline: none;
}
/* --------------------------------------------------
 * recruiting/event/setumeikai-introのボタン
 */
#recruiting-event .btnwrap-wide {
  margin: 0px 10px 10px 0px;
  text-align: center;
}
#recruiting-event .btnwrap-wide ul li {
  display: inline;
}
.button-wide {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 10px 50px;
  margin: 5px;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 15px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
}
.button-wide:hover {
  background-color: #eee;
  color: #555;
}
.button-wide:active {
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  outline: none;
}
#recruiting-event .guide-inquiry {
  margin: 25px 20px;
}
#recruiting-event .guide-inquiry .inquiry {
  margin: 0;
}
#recruiting-event .guide-inquiry .inquiry header, #recruiting-event .guide-inquiry .inquiry header {
  width: 100%;
  overflow: hidden;
}
#recruiting-event #section1 .guide-inquiry h1 {
  margin: 0;
}
#recruiting-event .guide-inquiry .inquiry header h1, #recruiting-event .guide-inquiry .inquiry header h1 {
  float: left;
  margin: 0 5px 0 0;
  font-weight: normal;
}
#recruiting-event .guide-inquiry .inquiry header p, #recruiting-event .guide-inquiry .inquiry header p {
  float: left;
  color: #006cb8;
  line-height: 200%;
}
#recruiting-event .captions {
  display: inline-block;
  padding: 0.3em 1em;
  color: #ffffff;
  line-height: 1.3em;
  background-color: #006cb8;
}
/*2017横型の問い合わせ*/
#recruiting-event .guide-inquiry2 {
  margin: 25px 20px;
  overflow: hidden;
}
#recruiting-event .inquiry-block-l {
  margin: 0.5em 0 0.5em 0;
  padding: 1em;
  float: left;
  width: 46%;
  background-color: #fff;
}
#recruiting-event .inquiry-block-r {
  margin: 0.5em 0 0.5em 0;
  padding: 1em;
  float: right;
  width: 46%;
  background-color: #fff;
}
#recruiting-event .captions2 {
  padding: 1em;
  margin-bottom: 0.3em;
  color: #ffffff;
  line-height: 1.3em;
  background-color: #006cb8;
  font-weight: 600;
}
#recruiting-event .captions3 {
  padding: 1em;
  margin-bottom: 0.3em;
  color: #ffffff;
  line-height: 1.3em;
  background-color: #87D0F2;
  font-weight: 600;
}
/* --------------------------------------------------
 * recruiting/intern
 */
#recruiting-recruitment01.box {
  width: 50%;
  float: left;
}
#recruiting-recruitment01.boxContainer {
  overflow: hidden;
}
/* clearfix */
#recruiting-recruitment01.boxContainer:before, #recruiting-recruitment01.boxContainer:after {
  content: "";
  display: table;
}
.boxContainer:after {
  clear: both;
}
#recruiting-recruitment01 .summary {
  position: relative;
  height: 615px;
  margin: 0 0 56px;
  background: url(../event/img/index/main.jpg) no-repeat 0 0;
}
#recruiting-recruitment01 .summary > h1 {
  position: absolute;
  top: 563px;
  left: 125px;
}
#recruiting-recruitment01 .summary > h2 {
  position: absolute;
  top: 563px;
  left: 285px;
}
#recruiting-recruitment01 .summary > h3 {
  position: absolute;
  top: 563px;
  left: 670px;
}
#recruiting-recruitment01 .summary > h4 {
  position: absolute;
  top: 563px;
  left: 830px;
}
#contents {
  overflow: hidden;
  width: 1044px;
}
#contents ul {
  zoom: 1;
  width: 1020px;
}
#contents ul:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
#contents li {
  float: left;
  margin: 0 10px 0 0;
}
#recruiting-intern > article > section > h1 {
  margin-bottom: 39px;
}
#recruiting-intern > article > section > section {
  margin: 0;
}
#recruiting-intern > article > section > section > h1 {
  margin: 0;
}
#recruiting-intern > article > section > section > header {
  width: 100%;
  margin: 0 0 18px;
  overflow: hidden;
}
#recruiting-intern > article > section > section > header > h1 {
  float: left;
  margin: 0 14px 0 0;
}
#recruiting-intern > article > section > section > header > p {
  margin: 0;
  float: left;
  line-height: 34px;
}
#recruiting-intern > article > section > section > header > p img {
  vertical-align: middle;
}
#recruiting-intern #section1 {
  margin: 0 0 54px;
}
#recruiting-intern #section1 .images {
  padding: 14px 0 0;
}
#recruiting-intern #section1 .notes {
  margin: 0;
}
#recruiting-intern #section1 ul li {
  list-style-type: disc;
  list-style-position: inside;
  color: #191919;
  font-size: 13px;
  line-height: 21px;
}
#recruiting-intern #section2 {
  margin: 0 0 64px;
}
#recruiting-intern #section2 ul {
  margin: 0 0 7px;
}
#recruiting-intern #section2 ul li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 30px;
}
#recruiting-intern #section2 .entry-flow {
  margin: 0 0 43px;
}
#recruiting-intern #section3 {
  margin: 0 0 50px;
}
#recruiting-intern #section3 > p {
  margin-bottom: 13px;
  line-height: 30px;
}
#recruiting-intern #section3 table {
  width: 100%;
  margin: 0 0 35px;
  border-top: 1px solid #006cb8;
  border-left: 1px solid #006cb8;
  border-spacing: 0;
  line-height: 30px;
}
#recruiting-intern #section3 table caption {
  margin: 0 0 20px;
  text-align: left;
}
#recruiting-intern #section3 table th {
  height: 38px;
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  vertical-align: middle;
}
#recruiting-intern #section3 table th img {
  vertical-align: middle;
}
#recruiting-intern #section3 table .caption1 {
  width: 180pxpx;
  background-color: #edf6fc;
}
#recruiting-intern #section3 table .caption2 {
  width: 650px;
  background-color: #d2eafc;
}
#recruiting-intern #section3 table .caption3 {
  width: 216px;
  background-color: #a5d8fc;
}
#recruiting-intern #section3 table td {
  border-bottom: 1px solid #006cb8;
  border-right: 1px solid #006cb8;
  color: #333232;
  text-align: center;
  vertical-align: middle;
}
#recruiting-intern #section3 table .theme {
  padding: 12px 13px 8px 13px;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
}
#recruiting-intern #section3 table td span {
  letter-spacing: 1px;
}
#recruiting-intern #section4 {
  width: 100%;
  margin: 0 0 51px;
  overflow: hidden;
}
#recruiting-intern #section4 > h1 {
  margin: 0 0 40px;
}
#recruiting-intern #section4 section {
  float: left;
  margin: 0 33px 0 0;
}
#recruiting-intern #section4 section h1 {
  margin: 0 0 13px;
}
#recruiting-intern #section4 dl {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 21px;
}
#recruiting-intern #section4 dl dt {
  font-weight: bold;
}
#recruiting-intern #section5 .inquiry {
  width: 621px;
}
#recruiting-intern #section5 .inquiry h1 {
  margin: 0 0 12px;
}
#recruiting-intern #section5 .inquiry h1 span {
  font-weight: normal;
}
#recruiting-intern section5 .inquiry .inquiry-detail p {
  margin: 0;
}
/* --------------------------------------------------
 * recruiting/info_session
 */
/*#recruiting-info_session {
 *  padding-bottom: 200px;
}
 */
#recruiting-info_session article > h1 {
  margin: 0 0 18px;
}
#recruiting-info_session p {
  margin: 0 0 14px;
  line-height: 16px;
  color: #3E3A39;
}
#recruiting-info_session .main-text {
  margin: 0 0 19px;
}
#recruiting-info_session .wrap ul {
  margin: 0 0 13px;
  color: #191919;
  font-size: 13px;
  line-height: 16px;
}
#recruiting-info_session .wrap ul li {
  list-style-type: disc;
  list-style-position: inside;
}
#recruiting-info_session .anchor-nav {
  width: 100%;
  margin: 0 0 60px;
}
#recruiting-info_session .anchor-nav ul {
  width: 1074px;
  overflow: hidden;
}
#recruiting-info_session .anchor-nav ul li {
  list-style: none;
  float: left;
  margin: 0 28px 0 0;
}
#recruiting-info_session section .flow p .lead {
  font-size: 1.5em;
  margin: 0 0 20px;
}
#recruiting-info_session section .rinen {
  font-size: 1.3em;
  line-height: 1.4em;
  text-align: center;
  color: dimgray;
  font-weight: 300;
}
#recruiting-info_session section .rinen-title {
  font-size: 1.9em;
  line-height: 1.5em;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #3E3A39;
}
#recruiting-info_session .flow {
  overflow: hidden;
}
#recruiting-info_session .flow .text-field {
  float: left;
  width: 1036px;
}
#recruiting-info_session .flow .images {
  float: right;
}
#recruiting-info_session .flow .images_l {
  float: left;
  margin-right: 3em;
}
#recruiting-info_session .flow .images_r {
  float: right;
  margin: 0 0 2em 2em;
}
/* 目次 */
#recruiting-info_session .mokuji-wap {
  vertical-align: middle;
  width: 100%;
}
#recruiting-info_session .mokuji {
  display: inline-block;
  margin: 4px;
}
#recruiting-info_session .mokuji:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}
#recruiting-info_session .mokuji2 {
  margin: 3em 0 2em 0;
}
#recruiting-info_session .mokuji2 img {
  width: 200px;
  height: auto;
}
#recruiting-info_session .mokuji2 img:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
}
/* 報告はこちら*/
#recruiting-info_session a.intern-link {
  display: block;
  width: 70%;
  border: 1px solid #006CB8;
  padding: 0.5em 1em;
  margin: 1em auto;
  text-align: center;
  color: #006cb8;
  font-size: 1.3em;
  text-decoration: none;
  transition: .4s;
}
#recruiting-info_session a.intern-link:hover {
  background: #006cb8;
  color: white;
}
/* 案内 */
#recruiting-info_session #briefing div.annai {
  display: block;
  width: 60%;
  height: auto;
  padding: 1em;
  margin: 1.5em auto 2em auto;
  line-height: 160%;
  text-align: center;
  background-color: #ebebeb;
}
/* ｈ２の中　fontsize down */
#recruiting-info_session span.font-down {
  font-size: 0.7em;
}
/*建築インターンの概要のテーブル*/
#recruiting-info_session .flow table {
  border-collapse: collapse;
  margin-top: 1em;
}
#recruiting-info_session .flow td {
  border: none;
  padding: 0.2em;
  text-align: left;
  font-size: 1em;
  color: #3E3A39;
}
#recruiting-info_session .flow th {
  border: none;
  padding: 0.3em;
  text-align: left;
  font-size: 1em;
  color: #006cb8;
  width: 6em;
}
/*建築インターンの受け入れと問い合わせのテーブル*/
#recruiting-info_session .table-intern tr th td {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 1em 0;
  color: #3E3A39;
}
#recruiting-info_session .buttons {
  width: 591px;
  margin: 0 auto;
}
#recruiting-info_session .buttons ul {
  width: 629px;
  overflow: hidden;
}
#recruiting-info_session .buttons ul li {
  list-style: none;
  float: left;
  margin: 0 38px 0 0;
}
#recruiting-info_session .entry-nav {
  margin: 0;
  text-align: center;
}
#recruiting-info_session .guide {
  margin: 0 0 30px;
}
#recruiting-info_session .guide > h1 {
  margin: 0 0 38px;
}
#recruiting-info_session .guide dl {
  float: left;
  margin: 0 0 12px;
  color: #191919;
  font-size: 13px;
  font-weight: normal;
  line-height: 21px;
}
#recruiting-info_session .guide dl dt {
  margin: 0 0 17px;
  font-weight: bold;
}
#recruiting-info_session .guide dl dd {
  margin: 0 0 15px;
  padding: 0 0 6px;
}
#recruiting-info_session .guide > dl > dd {
  border-bottom: 1px solid #dde3e8;
}
#recruiting-info_session .guide > dl > dd ol {
  list-style-position: inside;
}
#recruiting-info_session .guide > dl > dd ol li {
  font-weight: bold;
}
#recruiting-info_session .guide > dl > dd ol p {
  font-weight: normal;
}
#recruiting-info_session .guide > dl > dd span {
  font-weight: bold;
}
#recruiting-info_session .guide > dl .schedule {
  width: 100%;
  overflow: hidden;
}
#recruiting-info_session .guide > dl .schedule > div {
  float: left;
}
#recruiting-info_session .guide > dl .schedule .first {
  margin: 0 50px 0 0;
}
#recruiting-info_session .guide > dl .schedule .second {}
#recruiting-info_session .guide .images {
  float: left;
}
#recruiting-info_session .guide > dl .schedule dl {
  float: left;
  padding: 0 0 0 14px;
}
#recruiting-info_session .guide > dl .schedule > div > p {
  clear: both;
  width: 403px;
  padding: 10px 15px 18px;
  line-height: 22px;
  background-color: #f0f3f4;
}
#recruiting-info_session .guide > dl .schedule .second > p {}
#recruiting-info_session #section1 {
  margin: 0 0 21px;
  padding: 0 400px 0 0;
  background: url(../recruiting/info_session/img/index/section1-image.png) no-repeat right 10px;
}
#recruiting-info_session #briefing {
  margin: 36px 0 60px;
}
#recruiting-info_session #briefing > h1 {
  margin: 0 0 7px;
}
/*#recruiting-info_session #briefing>h1 #1day,
#3day,
#2week {
    padding-top: 50px;
    margin-top: -50px;
}*/
#recruiting-info_session #briefing .notes {
  padding: 0 0 0 10px;
}
#recruiting-info_session1 #briefing .text-field {
  float: left;
  width: 1036px;
}
#recruiting-info_session #briefing .flow {
  margin: 30px 0 0;
}
#recruiting-info_session #briefing .flow .images {
  padding: 30px 0 0;
}
#recruiting-info_session #briefing .flow > .text-field > h1 {
  margin: 0 0 30px;
}
#recruiting-info_session #briefing > .text-field > h1 {
  margin: 0 0 400px;
}
#recruiting-info_session #briefing .flow ol li {
  list-style-type: none;
  margin: 2em 0 2em;
  padding: 0 0 1em;
  border-bottom: 1px solid #dde3e8;
}
#recruiting-info_session #briefing .flow ol li:last-child {
  list-style-type: none;
  border: 0;
}
#recruiting-info_session #briefing .flow ol li section {
  margin: 0;
  overflow: hidden;
}
#recruiting-info_session #briefing .flow ol li section h1 {
  margin: 0 0 0.5em;
  color: #006cb8;
  font-size: 2em;
  font-weight: normal;
  line-height: 2em;
}
#recruiting-info_session #briefing .flow ol li section .mincho {
  font-weight: 400;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  float: right;
  width: 645px;
}
@media screen and (max-width: 767px) {
  #recruiting-info_session #briefing .flow ol li section .mincho {
    float: none;
    width: auto;
  }
}
/*2018総合職インターンで修正*/
#recruiting-info_session #briefing .flow ul li {
  list-style-type: none;
  margin: 1em 0 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #dde3e8;
  overflow: hidden;
  font-size: 15px;
}
#recruiting-info_session #briefing .flow ul li:last-child {
  list-style: none;
  border: 0;
}
#recruiting-info_session #briefing .flow ul li section h3 {
  margin: 0 0 0.5em;
  color: #006cb8;
  font-size: 2em;
  font-weight: normal;
  line-height: 2em;
}
#recruiting-info_session #briefing .flow ul li section h3.mincho {
  font-weight: 300;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  float: right;
  width: 645px;
}
#recruiting-info_session #briefing .flow ul li section p {
  margin: 0;
  color: #191919;
  font-size: 1em;
  line-height: 1.7em;
}
#recruiting-info_session #briefing h2 {
  font-weight: 300;
  font-size: 1.5em;
  color: #fff;
  margin: 2em auto 0 auto;
  padding: 0.3em 1em;
  background-color: #68a4d9;
}
#recruiting-info_session .entry-btn-text {
  font-size: 1.3em;
  width: 20em;
  padding: 0.5em;
  text-align: center;
  color: #006cb8;
  text-decoration: none;
  border: solid 1px #006cb8;
  border-radius: 3px;
  transition: .4s;
  margin: 3em auto 1em;
}
#recruiting-info_session .entry-btn-text:hover {
  background: #006cb8;
  color: white;
}
#recruiting-info_session a {
  text-decoration: none;
}
#recruiting-info_session .kanren-btn {
  display: inline-block;
  width: 400px;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  color: #67c5ff;
  border: solid 1px #67c5ff;
  border-radius: 3px;
  transition: .4s;
  margin: 1em 3.5em;
}
#recruiting-info_session .kanren-btn:hover {
  background: #67c5ff;
  color: white;
}
/*試しにここまで*/
#recruiting-info_session #briefing .flow ol li section p {
  margin: 0;
  color: #191919;
  font-size: 1em;
  line-height: 1.7em;
}
/*#recruiting-info_session #briefing .flow ol li section p.fr {
    float: right;
    width: 645px;
}*/
#recruiting-info_session #briefing .flow ol li section p.lead {
  margin-bottom: 0.5em;
  color: #3E3A39;
  font-size: 1.1em;
  line-height: 170%;
}
#recruiting-info_session #briefing .flow ol li section h4 {
  margin-bottom: 0.5em;
  color: #3E3A39;
  font-size: 1.3em;
  line-height: 160%;
  font-weight: 600;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#recruiting-info_session #architecture {
  margin: 36px 0 60px;
}
#recruiting-info_session #architecture .text {
  margin: 0 0 32px;
}
#recruiting-info_session #architecture .flow {
  margin: 0;
}
#recruiting-info_session #architecture .flow .images {
  padding: 39px 0 0;
}
#recruiting-info_session #architecture .flow > h1 {
  margin: 0 0 39px;
}
#recruiting-info_session #architecture .flow ol li {
  list-style-type: none;
  margin: 0 0 32px;
  padding: 0 0 10px;
  border-bottom: 1px solid #dde3e8;
}
#recruiting-info_session #architecture .flow ol li section {
  margin: 0;
}
#recruiting-info_session #architecture .flow ol li section h1 {
  margin: 0 0 13px;
  color: #006cb8;
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
}
#recruiting-info_session #architecture .flow ol li section p {
  margin: 0;
  color: #191919;
  font-size: 13px;
  line-height: 21px;
}
#recruiting-info_session #seminar .text {
  margin: 0 0 24px;
}
#recruiting-info_session #schedule .page-header {
  height: auto;
  background: none;
  z-index: auto;
}
#recruiting-info_session #schedule .caution2 {
  color: #ff0000;
}
#recruiting-info_session #schedule .ttl {
  font-size: 12px;
}
#recruiting-info_session #schedule table {
  width: 100%;
  margin: 0 0 32px;
  border-top: 1px solid #b4b5b3;
  border-left: 1px solid #b4b5b3;
  border-spacing: 0;
  font-size: 12px;
}
#recruiting-info_session #schedule table td {
  padding: 15px 10px;
  border-bottom: 1px solid #b4b5b3;
  border-right: 1px solid #b4b5b3;
  color: #333232;
  line-height: 19px;
}
#recruiting-info_session #schedule table td ul li {
  line-height: 23px;
}
#recruiting-info_session #schedule table .table-caption th {
  height: 14px;
  padding: 13px 0;
  line-height: 0;
}
#recruiting-info_session #schedule table .first-caption {
  width: 80px;
}
#recruiting-info_session #schedule table .second-caption {
  background-color: rgb(212, 235, 255);
}
#recruiting-info_session #schedule table .second-place {
  width: 160px;
  background-color: rgb(230, 244, 255);
}
#recruiting-info_session #schedule table .third-caption {
  background-color: rgb(211, 255, 220);
}
#recruiting-info_session #schedule table .third-place {
  width: 160px;
  background-color: rgb(230, 255, 235);
}
#recruiting-info_session #schedule table .fourth-caption {
  background-color: rgb(255, 234, 211);
}
#recruiting-info_session #schedule table .fourth-place {
  width: 160px;
  background-color: rgb(255, 243, 230);
}
#recruiting-info_session #schedule table .month1 {
  height: 140px;
}
#recruiting-info_session #schedule table .month2 {
  height: 120px;
}
#recruiting-info_session .sk {
  margin: 1.5em 0;
  padding: 1em;
  border: 1px dotted #b4b5b3;
  display: inline-block;
  width: auto;
}
#recruiting-info_session #briefing .flow ol li section p.subT {
  color: #68a4d9;
  font-size: 1.3em;
}
#recruiting-info_session #briefing .flow ol li section dl.nagare {
  width: 100%;
  margin: 0 1em auto 1em;
  color: #808080;
}
#recruiting-info_session #briefing .flow ol li section dl.nagare dt {
  display: block;
  width: 5em;
  clear: left;
  float: left;
}
#recruiting-info_session #briefing .flow ol li section dl.nagare dd {
  display: block;
  float: left;
}
#recruiting-info_session #briefing .flow ol li section .nagare-aki {
  width: 100%;
  margin: 0 1em auto 1em;
}
#recruiting-info_session #briefing .flow ol li section .nagare-aki p {
  color: #808080;
}
#recruiting-info_session #briefing .flow .flow5 {
  background-color: #f0f8ff;
  padding: 1.5em;
  overflow: hidden;
}
/*総合職インターンのテーマテーブル*/
#recruiting-info_session .flow table.theme {
  background-color: #fff;
  border-collapse: collapse;
  margin-bottom: 1em;
}
#recruiting-info_session .flow table.theme td {
  border: none;
  padding: 0em 1em 0.5em 0;
  text-align: left;
  font-size: 1.1em;
  color: #3E3A39;
}
#recruiting-info_session .flow table.theme th {
  border: none;
  padding: 0.5em;
  text-align: left;
  font-size: 1.1em;
  color: #006cb8;
  width: 7em;
}
/* --------------------------------------------------
 * profile/index
 */
#profile .profile {
  width: 750px;
  margin: 0 0 20px;
  border-collapse: collapse;
}
#profile .profile tr th {
  width: 132px;
  padding: 15px 0 10px;
  border-bottom: 1px dotted #B6B7B7;
}
#profile .profile tr th span {
  display: block;
  width: 132px;
  height: 34px;
  text-align: center;
  color: #333232;
  font-size: 13px;
  font-weight: bold;
  line-height: 34px;
  background-color: #EDF6FC;
}
#profile .profile tr td {
  padding: 23px 15px 0;
  border-bottom: 1px dotted #B6B7B7;
  color: #333232;
  font-size: 14px;
  line-height: 19px;
}
#profile .profile tr td dl dt {
  margin: 0 0 8px;
  color: #006CB8;
  font-weight: bold;
}
#profile .profile tr td dl dd {
  margin: 0 0 20px;
}
#profile section {
  margin: 0 0 30px;
}
#profile section h2.keiei-title {
  font-size: 14px;
  color: #006cb8;
  padding: 8px;
  margin-bottom: 20px;
  background-color: #e1eef5;
  width: 180px;
  text-align: center;
  vertical-align: middle;
  float: left;
}
#profile section p {
  margin: 0 0 15px;
  color: #333232;
  font-size: 14px;
  line-height: 19px;
}
#profile section p.caption {
  margin: 0 0 5px;
  color: #006CB8;
}
#profile section p.notice {
  font-size: 12px;
}
#profile section p.notice-fl {
  font-size: 12px;
  float: left;
  margin-top: 22px;
}
#profile section table {
  margin: 0 0 10px;
  border-collapse: collapse;
  clear: both;
}
#profile section table tr th {
  width: 250px;
  height: 40px;
  border: 1px solid #006CB8;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 40px;
  background-color: #EDF6FC;
}
#profile section table tr .th1 {
  background-color: #D2EAFC;
}
#profile section table tr td {
  height: 60px;
  border: 1px solid #006CB8;
  text-align: center;
  line-height: 60px;
}
/* --------------------------------------------------
 * profile/history
 */
#profile-history .history {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #006CB8;
  border-left: 1px solid #006CB8;
}
#profile-history .history tr th {
  border-bottom: 1px solid #006CB8;
  border-right: 1px solid #006CB8;
  text-align: center;
  color: #333232;
  font-size: 13px;
  line-height: 40px;
}
#profile-history .history tr .th1 {
  width: 80px;
  background-color: #EDF6FC;
}
#profile-history .history tr .th2 {
  width: 350px;
  background-color: #D2EAFC;
}
#profile-history .history tr .th3 {
  background-color: #A5D8FC;
}
#profile-history .history tr td {
  padding: 15px 30px;
  border-bottom: 1px solid #006CB8;
  border-right: 1px solid #006CB8;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  line-height: 19px;
}
#profile-history .history tr td strong {
  color: #006CB8;
  font-weight: normal;
}
/* --------------------------------------------------
 * profile/inquiry
 */
#profile-inquiry p {
  font-size: 14px;
  line-height: 19px;
}
#profile-inquiry a {
  text-decoration: none;
}
#profile-inquiry a:hover {
  text-decoration: underline;
}
#profile-inquiry .main-office {
  margin: 0 -36px 38px 0;
  border-bottom: 1px dotted #B6B7B7;
  overflow: hidden;
}
#profile-inquiry .main-office section {
  float: left;
  width: 504px;
  margin: 0 36px 0 0;
}
#profile-inquiry .main-office section h1 {
  margin: 0 0 15px;
}
#profile-inquiry .main-office section p {
  margin: 0 0 10px;
}
#profile-inquiry .main-office section .map {
  width: 504px;
  height: 364px;
  margin: 0 0 10px;
  background-color: #F8F8F8;
}
#profile-inquiry .main-office section .access {
  overflow: hidden;
}
#profile-inquiry .main-office section .access p {
  float: left;
  width: 406px;
}
#profile-inquiry .main-office section .access .caption {
  width: 98px;
}
#profile-inquiry .inquiry {
  margin: 0 -36px 0 0;
  overflow: hidden;
}
#profile-inquiry .inquiry section {
  float: left;
  width: 540px;
  height: 220px;
  margin: 0;
}
#profile-inquiry .inquiry section h1 {
  margin: 0 0 10px;
}
#profile-inquiry .inquiry section p {
  margin: 0 0 10px;
}
#profile-inquiry .inquiry section p strong {
  color: #006CB8;
  font-weight: bold;
}
#profile-inquiry .inquiry section .float {
  float: left;
  width: 270px;
}
#profile-inquiry .inquiry section .link {
  float: right;
  margin-right: 36px;
  text-align: right;
}
#profile-inquiry #clear {
  clear: both;
}
#profile-inquiry #juku {
  height: 150px;
}
/* --------------------------------------------------
 * info/index
 */
#info section {
  margin: 0 0 25px;
}
#info section h1 {
  margin: 0 0 12px;
}
#info section p {
  margin: 0 0 10px;
  line-height: 19px;
}
#info section ul {
  color: #333333;
  margin: 0 0 10px 10px;
  padding: 0 0 0 10px;
}
#info section ul li {
  margin: 0 0 10px;
  list-style: disc;
  line-height: 13px;
}
#info section section {
  margin: 20px 0 0;
}
#info section section h1 {
  margin: 0 0 5px;
}
/* --------------------------------------------------
 * info/privacy
 */
#info-privacy section {
  margin: 0 0 25px;
}
#info-privacy section h1 {
  margin: 0 0 25px;
}
#info-privacy section dl dt {
  margin: 0 0 10px;
  color: #006CB8;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
#info-privacy section dl dd {
  margin: 0 0 20px;
}
#info-privacy section p {
  margin: 0 0 10px;
  line-height: 19px;
}
#info-privacy section p.address {
  display: inline-block;
  padding: 10px;
  background-color: #EEF1F4;
}
/* --------------------------------------------------
 * info/sitemap
 */
#info-sitemap .block {
  margin: 0 -36px 0 0;
  overflow: hidden;
}
#info-sitemap section {
  float: left;
  width: 504px;
  margin: 0 36px 30px 0;
}
#info-sitemap section h1 {
  margin: 0 0 20px;
}
#info-sitemap section ul li {
  margin: 0 0 9px;
  font-size: 14px;
  line-height: 16px;
}
#info-sitemap section > ul > li {
  padding: 0 0 0 26px;
  background: url(../info/img/sitemap/icon.png) no-repeat 0 0;
}
#info-sitemap section > ul > li a {
  color: #191919;
  text-decoration: none;
}
#info-sitemap section > ul > li a:hover {
  color: #006CB8;
}
#info-sitemap section > ul > li > ul {
  margin: 9px 0 0;
}
#info-sitemap section > ul > li > ul > li {
  padding: 0 0 0 14px;
}
/* --------------------------------------------------
 * workとprojectstory一覧の４５周年記念サイトへのバナー（hover effect)
 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip1206 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #006CB8;
  position: relative;
  overflow: hidden;
  _margin: 10px 1%;
  _min-width: auto;
  max-width: 1044x;
  _max-height: auto;
  width: 100%;
  text-align: center;
}
figure.snip1206 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
_figure.snip1206 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1206:after {
  _background: #006CB8;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity: 0.75;
  _-webkit-transform: skew(-45deg) scaleX(0);
  _transform: skew(-45deg) scaleX(0);
  _-webkit-transition: all 0.3s ease-in-out;
  _transition: all 0.3s ease-in-out;
}
figure.snip1206 figcaption {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
figure.snip1206 h2, figure.snip1206 p {
  margin: 0;
  width: 100%;
  opacity: 0;
}
figure.snip1206 h2 {
  padding: 0 30px;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.2em;
}
figure.snip1206 p {
  padding: 0 50px;
  font-weight: 500;
}
figure.snip1206 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
_figure.snip1206:hover:after, _figure.snip1206.hover:after {
  -webkit-transform: skew(-45deg) scaleX(1);
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2, figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1206:hover figcaption h2, figure.snip1206.hover figcaption h2 {
  opacity: 1;
}
figure.snip1206:hover figcaption p, figure.snip1206.hover figcaption p {
  opacity: 0.7;
}
/* Demo purposes only */
_body {
  background-color: #212121;
}
/*hoverすると画像が浮き出る指定*/
.snip1352 {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1352 img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.snip1352:hover img, .snip1352.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.5;
}
/*トップへ戻る*/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: -50px;
  bottom: 50px;
  background: #ef3f40;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/* --------------------------------------------------
 * not-found
 */
#not-found .inner {
  width: 608px;
  height: 170px;
  margin: 185px auto 0;
  padding: 61px 0 0;
  text-align: center;
  background: url(../img/not-found/bg.png) no-repeat 0 0;
}
#not-found .inner p {
  margin: 0 0 29px;
}



/* --------------------------------------------------
 * recruiting-top追記2020.1.15
 */
#outer-section h1.section-page-title-recruiting {
  font-size: 35px;
  line-height: 1.2;
}
#outer-section .messe {
  overflow: hidden;
  margin: 3em auto;
  width: 700px;
}
#outer-section .messe h3 {
  font-size: 20px;
  line-height: 1.8;
  color: #0F6EB5;
  margin: 0 auto 10 0;
  font-weight: 500;
}
#outer-section .messe-inner {
  margin: 2em auto;
}
#outer-section .messe-img {
  width: 200px;
  float: right;
  margin: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
  #outer-section h1.section-page-title-recruiting {
    font-size: 25px;
    line-height: 1.3;
  }
  #outer-section .messe {
    width: auto;
    margin: auto 15px;
  }
  #outer-section .messe h3 {
	  font-size: 18px;
	  line-height: 1.5;
	  margin: 20 auto 20 0;
  }
  #outer-section .messe-img {
    width: 140px;
  }
}
/*ストライプ背景*/
#outer-section .bg_pt{
background-color: #f3fcfa;
background-image: repeating-linear-gradient(-45deg, #ffb3d4 0, #ffb3d4 1px, #f2c2d7 0, #f2c2d7 50%);
background-size: 20px 20px;
height: auto;
	padding: 20px;
}


/*リンクボタン*/
#outer-section .btn-wrap {
  width: 700px;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
}
#outer-section .btn-wrap a {
  text-decoration: none;
}
#outer-section .entry-btn-text {
  font-size: 20px;
  width: 310px;
  padding: 15px;
  text-align: center;
  color: #006cb8;
	background-color: #fff;
  text-decoration: none;
  border: solid 1px #006cb8;
  border-radius: 3px;
  transition: .4s;
  margin: 25px 40px;
}
#outer-section .entry-btn-text:hover {
  background: #006cb8;
  color: white;
}

@media screen and (max-width: 767px) {
  #outer-section .btn-wrap {
    width: 100%;
  }
  #outer-section .entry-btn-text {
    display: block;
  }
  #outer-section .entry-btn-text {
    font-size: 16px;
    width: auto;
    margin: 15px 5px 25px;
  }
}

/*画像*/
#outer-section .section-pict {
  width: 700px;
}

/*画像*/
#outer-section .imagemap {
  width: 700px;
	margin: 15px auto;
}
#outer-section .imagemap img{
  width: 100%;
hight:auto;
}


@media screen and (max-width: 767px) {#outer-section .imagemap {
   
	width: auto;}}




/*エントリーエリア*/
#outer-section #entry-wrap {
  width: 100%;
  height: auto;
  background-color: #E7F1F8;
  padding: 0 0 30px;
}
#outer-section #entry-wrap .inner {
  overflow: hidden;
  margin: 3em auto;
  width: 700px;
}

@media screen and (max-width: 767px) {#outer-section #entry-wrap .inner  {
    width: auto;
    margin: auto 15px;
  }}

img[usemap]{
  max-width: 100%;
  height: auto;
}


/* 水色ボタン*/
#outer-section .form_btn {
  display: inline-block;
  height: 3em;
  text-align: center;
  outline: none;
  margin: 1em auto 1.5em auto;
  background-color: #87cefa;
  border: 1px solid #87cefa;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  line-height: 3em;
}
#outer-section .form_btn a {
  text-decoration: none;
  color: inherit;
}
#outer-section .form_btn:before, #outer-section .form_btn:after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#outer-section .form_btn, #outer-section .form_btn:before, #outer-section .form_btn:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#outer-section .form_btn:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
#outer-section .form_btn a:hover {
  color: #59b1eb;
}