@charset "UTF-8";
/* =========================================================
import
========================================================= */
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }
.pull25 {
	width: 25%;
}
.pul100 {
	width: 100%;
}
address {
  font-style: normal; }

img {
  vertical-align: bottom; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul, ul li, ol {
  list-style: none; }

ol ol {
  list-style: decimal inside; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
 .textbar {
  	letter-spacing: -0.3em;
  	margin-right: 0.5em;
  }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select, textarea {
  font-size: 100%;
  vertical-align: middle; }
.pull25 {
	width: 25%;
	padding: 3px;
}
.pull100 {
	width: 100%;
	padding: 3px;
}
textarea {
  resize: vertical; }

.nopadtop {
		margin-top: 0!important;
}

/* =========================================================
grid_setting
========================================================= */
@media (max-width: 576px) {
  *[class*="col-"] {
    padding-right: 7px;
    padding-left: 8px; }

  .row {
    margin-right: -6px;
    margin-left: -7px; } }
.noGutter {
  margin-right: -1px;
  margin-left: 0; }
  .noGutter *[class*="col-"] {
    padding-right: 1px;
    padding-left: 0; }

.maxheight {
  height: 100%; }

/* =========================================================
start
========================================================= */
html {
  font-size: 62.5%;
  /*10px*/
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media (max-width: 576px ) {
    html {
      font-size: 50%; } }

body {
  font-family: YuGothic, "Noto Sans Japanese", "游ゴシック", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333; }

a {
  color: #00633A; }

a:link {
  color: #00633A; }

a:visited {
  color: #00633A; }

a:hover {
  color: #00633A; }

a:active {
  color: #00633A; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

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

.linkSt1 a {
  color: #333;
  text-decoration: none; }
  .linkSt1 a:link, .linkSt1 a:link {
    color: #333;
    text-decoration: none; }
  .linkSt1 a:hover, .linkSt1 a:visited {
    color: #00633A; }

.linkSt2 a {
  color: #FFF;
  text-decoration: none; }
  .linkSt2 a:link, .linkSt2 a:link {
    color: #FFF;
    text-decoration: none; }
  .linkSt2 a:hover, .linkSt2 a:visited {
    color: #FFF; }

/* =========================================================
layout
========================================================= */
article figure, article h2, article table {
  margin-top: 3rem; }
article p, article h3, article ul, article ol {
  margin-top: 2rem; }

.glovalHeader {
  padding: 2rem 0;
  position: relative;
  border-top: 3px solid #00633A; }

@media (min-width: 992px) {
  .glovalNav ul {
    border-left: 1px solid #DDD;
    display: table;
    width: 100%; }
    .glovalNav ul li {
      font-weight: bold;
      font-size: 1.4rem;
      border-right: 1px solid #DDD;
      text-align: center;
      display: table-cell; }
      .glovalNav ul li.current-menu-item a {
        color: #00633A; }
      .glovalNav ul li a {
        color: #333;
        text-decoration: none;
        padding: 0.5rem 1rem;
        display: block; }
        .glovalNav ul li a:link, .glovalNav ul li a:visited {
          color: #333; }
        .glovalNav ul li a:hover, .glovalNav ul li a:active {
          transition: 0.3s;
          color: #00633A; }
      .glovalNav ul li.current-menu-item a {
        color: #00633A; } }
@media (max-width: 992px ) {
  .glovalNav ul {
    z-index: 10;
    display: none;
    left: 0;
    position: absolute;
    background: rgba(0, 99, 58, 0.9);
    width: 100%; }
    .glovalNav ul li {
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      font-size: 1.4rem; }
      .glovalNav ul li a {
        display: block;
        padding: 1rem;
        text-decoration: none;
        color: #FFF; } }

.headerRightArea {
  position: inherit; }

.contactMenu {
  margin-bottom: 1rem;
  text-align: right; }
  .contactMenu li {
    margin-left: 1rem;
    display: inline-block; }
  @media (max-width: 992px ) {
    .contactMenu {
      float: right; }
      .contactMenu li {
        margin-left: 0;
        margin-right: 0.5rem; } }

@media (min-width: 992px) {
  .headerTel_name {
    margin-right: 1rem;
    color: #00633A;
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border: 1px solid #00633A;
    font-size: 1rem; }
  .headerTel a {
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
    font-size: 2rem; }
    .headerTel a .fa {
      margin-right: 0.5rem; } }
@media (max-width: 992px ) {
  .headerTel {
    height: 42px;
    border: 1px solid #00633A;
    border-radius: 3px;
    text-align: center;
    line-height: 1.2; }
    .headerTel_name {
      padding-top: 0.2rem;
      display: block;
      font-size: 1rem; }
    .headerTel a {
      line-height: 1;
      padding: 1rem;
      font-size: 3rem; } }
.headerTel_number {
  color: #333;
  text-decoration: none; }
  .headerTel_number:link, .headerTel_number:link {
    color: #333;
    text-decoration: none; }
  .headerTel_number:hover, .headerTel_number:visited {
    color: #00633A; }

.navBtn {
  height: 42px;
  display: inline-block;
  float: right;
  margin-left: 1rem;
  background: #00633A;
  color: #FFF;
  font-size: 3rem;
  border: none;
  margin: 0;
  padding: 0 1rem;
  border-radius: 3px; }
  .navBtn span {
    padding-top: 0.2rem;
    display: block;
    font-size: 1rem; }

.pageTop {
  padding: 1rem;
  color: #00633A;
  display: block;
  font-size: 3rem; }

.glovalFooter {
  padding-top: 2rem;
  color: #FFF;
  background: #00633A; }

.copyRight {
  margin-top: 3rem;
  padding: 1.6rem;
  font-size: 1.2rem;
  background: #013e1f; }

.btn {
  border: none;
  text-decoration: none;
  display: inline-block; }
  .btn:link, .btn:visitd {
    text-decoration: none; }
  .btn:hover, .btn:visited {
    opacity: 0.7;
    transition: 0.3s; }
  .btn-contact {
    font-size: 1.4rem;
    background: #CC1400;
    color: #FFF;
    border-radius: 40px;
    padding: 0.3em 2em; }
    .btn-contact:link, .btn-contact:visited {
      color: #FFF; }
  .btn-fat {
    padding: 0.8em 4em; }

@media (min-width: 768px) {
  .footerSection_title {
    width: 200px;
    padding-right: 2rem;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    border-right: 1px solid #FFF;
	line-height: 0.75em;
  }
  .footerSection_content {
    padding-left: 2rem;
    display: table-cell;
    font-size: 1.4rem; }
    .footerSection_content small {
      display: block;
      font-size: 86%; }
    .footerSection_content > section {
      float: left;
      padding-right: 30px; } }
@media (max-width: 768px ) {
  .footerSection h3 {
    margin-top: 1rem; } }

.pageTitleArea {
  position: relative; }
  .pageTitleArea_bg {
    z-index: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    background-position: center top;
    background-size: cover; }

.pageTitleWrap {
  position: relative;
  color: #FFF;
  background: -moz-linear-gradient(left, #00633A 35%, rgba(0, 0, 0, 0) 35%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00633A 35%, rgba(0, 0, 0, 0) 35%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00633A 35%, rgba(0, 0, 0, 0) 35%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }



.pageTitle {
  margin-top: 0;
  font-weight: normal;
  display: inline-block;
  padding: 3rem 2rem 3rem 0;
  font-size: 3.4rem;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif;
  background: #00633A; }
  @media (max-width: 576px ) {
    .pageTitle {
      font-size: 2.6rem; } }

.pageTitlebg {
  background-size: cover;
  background-position: right center; }

.breadcrumbBg {
  overflow: hidden;
  padding: 1rem 0;
  background: #EEE; }

.breadcrumb {
  margin-top: 0;
  font-size: 1.4rem; }
  .breadcrumb li {
    float: left; }
    .breadcrumb li + li:before {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      content: "\f105";
      font-family: 'FontAwesome'; }

.headline_home {
  margin-top: 5rem;
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
  color: #00633A;
  font-size: 3.6rem;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif; }
  .headline_home small {
    font-family: YuGothic, "Noto Sans Japanese", "游ゴシック", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: block;
    color: #333;
    font-size: 1.4rem; }

.keyVisualWrap {
  position: relative;
  z-index: 0;
  background: url(../images/loding.gif) #DDD no-repeat center center; }

.keyVisual {
  position: relative;
  text-align: center;
  height: 50vw;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px ) {
    .keyVisual {
      height: 80vw; } }
  @media (max-width: 576px ) {
    .keyVisual {
      height: 110vw; } }
  .keyVisual_text {
    display: none;
    line-height: 2;
    text-shadow: 0 0 30px #000;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #FFF;
    font-weight: bold; }
    @media (max-width: 576px ) {
      .keyVisual_text {
        line-height: 1.8; } }
  .keyVisual_icon {
    position: absolute;
    right: 5%;
    bottom: -40px; }
    @media (max-width: 768px ) {
      .keyVisual_icon img {
        width: 250px; } }
    @media (max-width: 576px ) {
      .keyVisual_icon img {
        width: 200px; } }

.pickupBanner {
  background: #E7E5D7; }

.pickupBanner2 {
  background: rgba(182, 198, 206, 0.22); }
  @media (min-width: 768px) {
    .pickupBanner2 {
      /*background: url(../images/pickup_bg1.png) no-repeat right center, url(../images/pickup_bg2.png) no-repeat left center, rgba(182, 198, 206, 0.22);background-size: cover; } */
	  background: url(../images/pickup_bg0.jpg) center center no-repeat;
	  background-size: cover;
	}

.worksPhoto span {
  display: block;
  position: relative; }
.worksPhoto figcaption {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  font-size: 1.2rem;
  padding: 0.5rem 1rem; }
.worksPhoto_before figcaption {
  background: #1B1464; }
.worksPhoto_after figcaption {
  background: #D3572D; }

.footerBanner {
  margin-top: 8rem;
  background: #EEE; }
  .footerBanner li .textwidget {
    overflow: hidden; }

.contactArea + .footerBanner {
  margin-top: 0rem; }

.homeSection {
  padding-bottom: 4rem;
  padding-top: 1.5rem; }

.worksList:before, .worksList:after {
  content: " ";
  display: table; }
.worksList:after {
  clear: both; }
.worksList li {
  width: 20%;
  padding-left: 1px;
  float: left; }
  @media (max-width: 768px ) {
    .worksList li {
      width: 33.3%; } }
  @media (max-width: 576px ) {
    .worksList li {
      width: 50%; } }
  .worksList li a {
    position: relative;
    display: block;
	text-decoration: none;
  }
    .worksList li a p {
      font-size: 1.4rem;
      padding: 0.5rem;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.0);
      color: #333;
      text-align: center;
	  margin-top: 5px;
	  height: 4.5em;
	  text-decoration: none;
	  line-height: 1.5em;
	}

.btnSt1 {
  border: 1px solid #00633A;
  border-radius: 50px;
  padding: 0.7rem 3rem; }
  .btnSt1 .fa {
    margin-right: 0.5rem; }

@media (min-width: 768px) {
  .newsSection .headline_home {
    text-align: left; }
  .newsSection ul {
    padding-left: 50px;
    border-left: 1px solid #00633A; } }

.widget_sp_image a:hover {
  opacity: 0.7;
  transition: 0.4s; }

.consultationBox {
  background: #ffedeb; }
  .consultationBox_title {
    line-height: 1.4;
    color: #CC1400;
    font-size: 3rem; }

@media (max-width: 992px ) {
  .boxSt1 {
    padding-bottom: 2rem;
    padding-top: 2rem;
    border-bottom: 1px solid #DDD; } }
@media (min-width: 992px) {
  .boxSt1 {
    padding: 0 20px 20px;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD; } }
.boxSt1:last-child {
  border-bottom: 1px solid #DDD; }
@media (max-width: 992px ) {
  .boxSt2 {
    padding-bottom: 3rem;
    border-bottom: 1px solid #DDD; } }
@media (min-width: 992px) {
  .boxSt2 {
    padding: 0 30px 30px;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD; } }
.boxSt2:last-child {
  border-bottom: 1px solid #DDD; }
@media (min-width: 992px) {
  .boxSt3 {
    border: 1px solid #DDD; } }
.boxSt4 {
  background: #EFEFEF; }
.boxSt5 {
  border: 1px solid #CC1400;
  padding: 2rem; }
.boxSt6 {
  border: 1px solid #FFF;
  background: url(../images/logo_white.svg) no-repeat left bottom -40px #efede4; }
  @media (max-width: 768px ) {
    .boxSt6 > div {
      background: none !important; } }
.boxSt7 {
  font-size: 87%;
  text-align: center;
  background: #EFEFEF;
  padding: 0 1rem 1rem; }

@media (max-width: 992px ) {
  .space1 {
    padding-bottom: 3rem; } }
@media (min-width: 992px) {
  .space1 {
    padding: 0 30px 30px; } }

.headline1 {
  line-height: 1.6;
  color: #00633A;
  font-size: 2.4rem; }
  .headline1 .number {
    background: #00633A;
    font-size: 86%;
    color: #FFF;
    font-weight: normal;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    font-style: normal; }
.headline2 {
  padding: 1.3rem;
  font-size: 2.4rem;
  text-align: center;
  background: #EEE;
  color: #00633A; }
.headline3 {
  line-height: 1.6;
  color: #CC1400;
  font-size: 3.2rem;
  font-weight: bold; }
.headline4 {
  margin-top: 7rem;
  line-height: 1.4;
  padding: 2rem 0;
  position: relative;
  background: #00633A;
  text-align: center;
  color: #FFF;
  font-size: 4rem;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif; }
  .headline4 small {
    display: block;
    font-size: 2rem; }
  .headline4:before {
    line-height: 1;
    font-size: 3rem;
    display: block;
    content: "▼";
    position: absolute;
    bottom: -14px;
    left: 50%;
    color: #00633A;
    margin-left: -8px; }
.headline5 {
  line-height: 1.4;
  margin-top: 4rem;
  text-align: center; }
  .headline5 i {
    font-weight: normal;
    font-style: normal;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif;
    color: #FFF;
    display: inline-block;
    font-size: 2rem;
    padding: 0.5rem 1rem;
    background: #00633A; }
  .headline5 span {
    margin-top: 1rem;
    display: block;
    color: #00633A;
    font-size: 4rem;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif; }
  .headline5 small {
    margin-top: 1rem;
    font-size: 2rem;
    padding: 1rem 0;
    border-top: 1px solid #00633A;
    border-bottom: 1px solid #00633A;
    display: inline-block; }
.headline6 {
  border-left: 2px solid #00633A;
  line-height: 1.4;
  padding-left: 10px;
  margin-top: 4rem;
  font-size: 2.2rem; }
.headline7 {
  font-weight: bold;
  color: #00633A;
  font-size: 3.6rem;
  line-height: 1.5;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif;
  margin-top: 3rem; }
.headline8 {
  text-align: center;
  font-size: 3.2rem;
  color: #00633A;
  margin-top: 8rem;
  display: table;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid #00633A; }
.headline9 {
  border-bottom: 1px solid #00633A;
  margin-top: 0;
  text-align: center;
  color: #00633A;
  font-size: 2rem;
  padding: 1rem;
  background: #EEE; }
.headline10 {
  line-height: 1.6;
  padding: 2rem 0 3.5rem 0;
  position: relative;
  text-align: center;
  color: #FFF;
  font-size: 3.8rem;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif; }
  .headline10 small {
    font-weight: normal;
    font-style: normal;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "Sawarabi Mincho", serif;
    font-size: 2rem;
    padding: 0.5rem 1rem;
    background: #FFF; }
  .headline10:before {
    line-height: 1;
    font-size: 2rem;
    display: block;
    content: "▼";
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -8px; }
  .headline10.blue {
    background-color: #22677E; }
    .headline10.blue:before, .headline10.blue small {
      color: #22677E; }
  .headline10.green {
    background-color: #70953E; }
    .headline10.green:before, .headline10.green small {
      color: #70953E; }
  .headline10.pink {
    background-color: #D24256; }
    .headline10.pink:before, .headline10.pink small {
      color: #D24256; }
.headline11 {
  font-size: 2rem;
  line-height: 1.5;
  border-bottom: 1px solid #00633A;
  padding-bottom: 1rem; }
  .headline11:first-letter {
    font-size: 3rem;
    color: #00633A; }

.titleIcon1 {
  display: inline-block;
  background: #D3572D;
  color: #FFF;
  padding: 0.5rem 1rem;
  font-size: 1rem; }

.leadSt1 {
  line-height: 1.5;
  font-size: 2.6rem;
  font-weight: bold; }
  .leadSt1 span {
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 99, 58, 0.2) 65%, rgba(0, 99, 58, 0.2) 95%, transparent 0%); }
.leadSt2 {
  line-height: 1.5;
  font-weight: bold;
  color: #00633A;
  font-size: 3rem; }

.highlight1 {
  font-weight: bold;
  color: #CC1400; }
.highlight2 {
  background: linear-gradient(to bottom, transparent 65%, #FFF 65%, #FFF 95%, transparent 0%); }
.highlight3 {
  background: linear-gradient(to bottom, transparent 80%, rgba(235, 221, 33, 0.7) 80%, rgba(235, 221, 33, 0.7) 95%, transparent 0%); }
.highlight4 {
  font-weight: bold;
  color: #EBDD21; }
.highlight5 {
  font-weight: bold;
  color: #00633A; }

.figurebg1 {
  background: #f1efe7;
  padding: 2rem 1rem; }

.iconSt1 {
  font-weight: normal;
  background: #00633A;
  color: #FFF;
  display: inline-block;
  padding: 0.3rem 1rem; }
.iconSt2 {
  line-height: 1.4;
  font-weight: normal;
  background: #00633A;
  color: #FFF;
  font-size: 75%;
  margin-right: 8px;
  display: inline-block;
  padding: 0.3rem 0.8rem; }

.nav-links {
  margin-top: 3rem;
  font-size: 0;
  text-align: center; }
  .nav-links a {
    background: #00633A;
    color: #FFF; }
  .nav-links a, .nav-links span {
    display: inline-block;
    text-decoration: none;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    margin-right: 1px; }
  .nav-links .current {
    background: #EEE;
    color: #00633A; }

.pagelinkNav {
  padding-bottom: 2rem;
  background: #EEE; }
  .pagelinkNav ul li {
    margin-top: 1px;
    line-height: 1.2; }
    .pagelinkNav ul li a {
      padding: 1.4rem 1rem 0.5rem 1rem;
      text-align: center;
      display: block;
      background: #00633A;
      columns: #FFF; }

.baTable {
  width: 100%;
  background: #EFEFEF; }
  .baTable th {
    font-weight: normal;
    width: 5%;
    white-space: nowrap;
    padding: 1rem 1rem 0 1rem;
    text-align: left; }
    .baTable th span {
      text-align: center;
      width: 100%;
      color: #FFF;
      padding: 0.2rem 1rem;
      display: inline-block;
      font-size: 1.4rem; }
  .baTable td {
    text-align: left;
    padding: 1rem 1rem 0 1rem;
    font-weight: bold; }

.before th span {
  background: #1B1464; }
.before td {
  color: #1B1464; }

.after th {
  padding: 1rem; }
.after th span {
  background: #D3572D; }
.after td {
  padding: 1rem;
  color: #D3572D; }

.table-row th {
  white-space: nowrap;
  background: rgba(0, 99, 58, 0.1);
  text-align: left;
  border: 1px solid #DDD;
  padding: 1rem;
  vertical-align: middle; }
.table-row td {
  vertical-align: middle;
  border: 1px solid #DDD;
  padding: 1rem 1.5rem; }
@media (max-width: 576px ) {
  .table-row {
    border-top: 1px solid #DDD; }
    .table-row th, .table-row td {
      display: block; }
    .table-row th {
      white-space: normal;
      border-top: none;
      border-bottom: none; } }
.table-rowcol thead th {
  text-align: center;
  background: #00633A;
  color: #FFF; }
.table-rowcol th {
  background: rgba(0, 99, 58, 0.1);
  text-align: left;
  border: 1px solid #DDD;
  padding: 1rem;
  vertical-align: middle; }
.table-rowcol td {
  vertical-align: middle;
  border: 1px solid #DDD;
  padding: 1rem; }
@media (max-width: 576px ) {
  .table-rowcol th, .table-rowcol td {
    display: block; } 


}
@media (min-width: 576px) {
  .table-contact th {
    width: 25%; } }
.table-contact input[type="text"], .table-contact input[type="tel"], .table-contact input[type="email"], .table-contact textarea {
  width: 100%; }
.table-contact input[type="number"] {
  width: 120px; }
  .hifn {
  	color: #333;
  	font-size: 12px;
  }
.table-thnowap th {
  white-space: nowrap; }
.table-highlight {
  background: rgba(250, 255, 0, 0.1); }

/* リスト */
.ulList {
  overflow: hidden;
  zoom: 1; }
  .ulList li {
    text-indent: -1em;
    margin-left: 1em; }
    .ulList li:before {
      content: "・";
      font-weight: bold;
      color: #00633A;
      margin-right: 0.5rem; }

table .ulList {
  margin-top: 0; }

.figcaption1 {
  font-size: 86%;
  text-align: center;
  background: #EEE;
  padding: 1rem;
  width: 100%; }

.contactArea {
  background: #fff1f0;
  padding: 3rem 0; }
  @media (min-width: 992px) {
    .contactArea {
      background: url(../images/architects1.png), url(../images/architects2.png), #fff1f0;
      background-position: 3% bottom,right 3% bottom;
      background-repeat: no-repeat; } }

.workList li a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #FFF; }
 .workList li a p {

    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5rem;
    font-size: 1.4rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.0);
    color: #333;
	margin-top: 5px;
	height: 6em;
	line-height: 1.5em;
 }

.commentArea {
  position: relative;
  background: #EEE;
  border-radius: 5px;
  padding: 2rem; }
  .commentArea:before {
    position: absolute;
    left: -10px;
    top: 10%;
    content: "◀";
    color: #EEE; }

.work_entryHeader {
  position: relative; }
  .work_entryHeader figure img {
    width: 100%;
    height: auto; }

.work_info {
  padding: 10px 20px;
  text-align: center;
  left: 5%;
  top: 5%;
  position: absolute;
  background: #00633A;
  color: #FFF;
  font-size: 1.4rem; }
  @media (max-width: 576px ) {
    .work_info {
      padding: 5px;
      left: inherit;
      top: -15px;
      right: 0; } }
  .work_info h1 {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #FFF; }
  .work_info p {
    margin-top: 0.5rem; }
  .work_info a {
    text-decoration: none;
    color: #FFF; }

.borderSection {
  border-top: 1px solid #DDD;
  margin-bottom: 8rem; }
  .borderSection2 {
    margin-bottom: 3rem; }
    .borderSection2 + .borderSection2 {
      border-top: 1px solid #DDD; }

.gohome_entry figure, .gohome_entry h2, .gohome_entry table {
  margin-top: 3rem; }
.gohome_entry p, .gohome_entry h3, .gohome_entry ul, .gohome_entry ol {
  margin-top: 2rem; }

.gohomeTitle {
  background: #D2572D url(../images/gohome_titlebg.png) repeat-x center center; }
  @media (max-width: 576px ) {
    .gohomeTitle {
      background-size: auto 100%;
      border-top: 5px #D2572D solid;
      border-bottom: 5px #D2572D solid; }
      .gohomeTitle img {
        width: 250px; } }

.gohome_entryHeader {
  position: relative; }
  @media (min-width: 992px) {
    .gohome_entryHeader_text {
      left: 2%;
      width: 100%;
      position: absolute;
      top: 50%; } }
  @media (max-width: 992px ) {
    .gohome_entryHeader_text {
      margin-top: 0 !important; } }
  .gohome_entryHeader_catch {
    font-size: 3rem; }
    @media (min-width: 992px) {
      .gohome_entryHeader_catch {
        width: 50%;
        line-height: 2; }
        .gohome_entryHeader_catch span {
          padding: 1rem;
          font-weight: bold;
          background: rgba(255, 255, 255, 0.8); } }
    @media all and (min-width: 992px) and (-ms-high-contrast: none) {
      .gohome_entryHeader_catch span {
        padding: 0.3rem; } }
    @media (min-width: 992px) {
          @supports (-ms-ime-align: auto) {
            .gohome_entryHeader_catch span {
              padding: 0.3rem; } } }
    @media (max-width: 992px ) {
      .gohome_entryHeader_catch {
        font-weight: bold; }
        .gohome_entryHeader_catch span {
          background: linear-gradient(to bottom, transparent 70%, rgba(0, 99, 58, 0.2) 70%, rgba(0, 99, 58, 0.2) 90%, transparent 0%); } }
  @media (max-width: 768px ) {
    .gohome_entryHeader_eyecatch {
      margin-right: -15px;
      margin-left: -15px; } }
  .gohome_entryHeader_eyecatch img {
    width: 100%;
    height: auto; }

span.wpcf7-list-item {
  margin: 0 1rem 0 0 !important; }

.childNav {
  background: rgba(0, 99, 58, 0.1);
  padding: 0 0 3rem 0; }
  .childNav li {
    margin-top: 3rem; }
    .childNav li a {
      background: #FFF;
      display: block;
      border: 1px solid #00633A;
      padding: 1.5rem; }
      .childNav li a:before {
        margin-right: 5px;
        content: "\f105";
        font-family: 'FontAwesome'; }

.entryTitle {
  color: #00633A;
  font-size: 3.2rem;
  margin-top: 7rem;
  line-height: 1.5; }

.caticon {
  font-style: normal;
  border: 1px solid #00633A;
  border-radius: 3px;
  padding: 0.5rem 0.8rem;
  line-height: 1;
  font-size: 1.2rem;
  margin-right: 10px; }
  .caticon a {
    text-decoration: none; }

/* =========================================================
class
========================================================= */
/* クリアフィックス */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

/* クリア */
.clear {
  clear: both; }

/* マージン設定 */
.mNone {
  margin-top: 0 !important; }

.mSS {
  margin-top: 1em !important; }

.mS {
  margin-top: 1.5em !important; }

.mM {
  margin-top: 3em !important; }

.mL {
  margin-top: 5em !important; }

.mLL {
  margin-top: 7em !important; }

/* 連続マージン */
.list-mNone > * {
  margin-top: 0; }

.list-mSS > * {
  margin-top: 1em; }

.list-mS > * {
  margin-top: 1.5em; }

.list-mM > * {
  margin-top: 3em; }

.list-mL > * {
  margin-top: 5em; }

.list-mLL > * {
  margin-top: 7em; }

/* テキスト位置 */
.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

/* テキストサイズ */
.font-Exsmall {
  font-size: 75%; }

.font-small {
  font-size: 88%; }

.font-large {
  font-size: 120%;
  font-weight: bold;
}

.font-Exlarge {
  font-size: 140%; }

/* 透過用ロールオーバー用 */
.hover:hover {
  opacity: 0.7;
  transition: 0.3s; }

.bold {
  font-weight: bold; }

/* ※マーク */
.asterisk {
  display: block;
  font-size: 86%;
  margin-left: 1em;
  text-indent: -1em; }

/* テーブルの設定 */
.table {
  width: 100%; }

@media (max-width: 768px ) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive th, .table-responsive td {
      display: table-cell; }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap; } }

/* 番号付リスト */
.ol-list {
  counter-reset: li; }

.ol-list > li {
  position: relative;
  margin-left: 1em; }
  .ol-list > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1em;
    width: 1em;
    text-align: center; }
  .ol-list > li li:before {
    content: ""; }

/* 周り込figure */
.figureR {
  display: table;
  float: right;
  margin: 2rem 0 3rem 3rem; }
@-moz-document url-prefix() {
  .figureR {
    display: block; } }
.figureL {
  display: table;
  float: left;
  margin: 2rem 3rem 3rem 0; }
@-moz-document url-prefix() {
  .figureL {
    display: block; } }
.figureR figcaption, .figureL figcaption {
  display: table-caption;
  caption-side: bottom;
  width: 100%; }
@media (max-width: 768px ) {
  .figureR, .figureL {
    width: inherit;
    float: none;
    margin-right: auto;
    margin-left: auto; } }

/* 写真にスタイルつける */
/* フロートした写真の横に配置するオブジェクト回り込み解除 */
.nowrap {
  overflow: hidden; }

/* youtubeのレスポンシブ対応 */
.youtube {
  margin-top: 1em;
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

/* =========================================================
print style
========================================================= */
/* プリント用のスタイル */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: uderline; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; } }






/*privacy2022*/


.ul-privacy {
}
.ul-privacy li {
list-style-type: disc;
word-break: break-all;
	margin-left: 2em;
}
}

.ol-privacy {
}
.ol-privacy li {
list-style-type: decimal;
    line-height: 1.5!important;
    margin-bottom: 0.3em;
    word-break: break-all;
    margin-left: 2em;
}
.p-privacy {
	
word-break: break-all;
}


.wpcf7-acceptance {
	border: 1px solid #000;
	width: 20px;
	height: 20px;
}






@media screen and (min-width: 481px) {

  /*topext2022*/
.sec-topext {
	background: url(../images/bg_topext02.jpg) center center repeat;
	padding-top: 25px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.h2-topext {
	text-align: center;
	color: #00623a;
	font-size: 30px;
	font-weight: bold;
}
.divh2-topext {
	text-align: center;
	color: #00623a;
	font-size: 30px;
	font-weight: bold;
}



.p-topext {
	color: #000;
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.75em;
	display: block;
}
.a-topext {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #00623a;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-decoration: none;
	width: 25em;
	color: #00623a;
	font-size: 18px;
	opacity: 1;
	margin-bottom: 40px;
}
.a-topext:hover {
	opacity: 0.9;
}

.ul-topext {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 1110px;
margin-right: auto;
	margin-left: auto;
}

.li-topext {
	width: 50%;
}

.img-topext {
	width: 100%;
	height: auto;
}


.p-topclm {
	color: #333;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 0;
	padding-top: 0;
}
  
/*20221203*/
.h1-new22 {
	
}

.h1-new22 a {
font: 11px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #000;
line-height: 1.5em;
display: block;
width: 242px;
height: 75px;
background: url(https://www.archipro.jp/wp/wp-content/themes/ap/images/h1-logo.svg) left center no-repeat;
background-size: auto 100%;
text-decoration: none;
padding-left: 85px;
		padding-top: 10px;
}
.h1-new22 a .h1-strong {
font: bold 27px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #000;
display: block;
text-decoration: none;
}

 .widget_sp_image-description {
 	margin-top: -1em !important;
 } 
  
.footnamei {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
  
  
  /*TAGLIST*/
.art-taglist {
	background-color: #f2f4f1;
	margin-bottom: 50px;
		margin-right: auto;
	padding: 15px 40px;
	width: 1110px;
	margin-left: auto;
}

.art-taglist ul {
    overflow: hidden;
    padding-top: 10px;
    margin-top: 10px;
	display:flex;
justify-content:center;
flex-wrap: wrap;
}

.art-taglist ul li {
	margin-bottom: 1em;
    display: block;
	margin-right: 0.5em;
}

.art-taglist ul li a {
    color: #1f0b00;
    font-size: 16px;
    line-height: 2em;
    font-style: normal;
    font-variant: normal;
    border: 1px solid #ccc;
    border-radius: 30px;
    background-color: #fff;
	transition: all 0.25s ease-in-out 0s;
    text-decoration: none;
	padding: 10px 15px;
}
.art-taglist ul li a:hover {
	background-color: #efefef;
	transition: all 0.25s ease-in-out 0s;	
}
.art-taglist ul li a:before {
content: '';	
}
 .ul-taglist {
display:flex;
justify-content:left;
flex-wrap: wrap;
 	width: 1110px;
 }
 .ul-taglist li {
 	width: calc(100% / 4 )!important;
 }
 .ul-taglist li a {
 	width: 90%; 
 	margin-right: auto;
		margin-left: auto;
 	display: block;
 }
 .ul-taglist li a figure img {


 }
  

/*INDEX H2*/
 .h2-kv22 {
 	color: #fff;
font: 45px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 	display: inline;
 	margin-right: auto;
		margin-left: auto;
 	border-bottom: 1px solid #fff;
 	padding-bottom: 10px;
 	text-shadow: 0 0 15px black;
 }
  .h2-kv22 span {
 	color: #fff;
font: 35px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
  
   .h2-kv22 span.renov {
 	color: #fff;
font: 25px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
  
.banner2023_01 {
	padding-top: 10px!important;
}
.banner2023_02 {
	margin-top: 50px!important;
}
    
  .ph2-kv22 {
 	color: #fff;
font: 45px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 	display: inline;
 	margin-right: auto;
		margin-left: auto;
 	border-bottom: 1px solid #fff;
 	padding-bottom: 10px;
 	text-shadow: 0 0 15px black;
 }
  .ph2-kv22 span {
 	color: #fff;
font: 35px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }   
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  }
@media screen and (max-width: 480px) {

/*topext2022*/
.sec-topext {
	background: url(../images/bg_topext02.jpg) center center repeat;
	padding-top: 25px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.h2-topext {
	text-align: center;
	color: #00623a;
	font-size: 6vw;
	font-weight: bold;
	line-height: 1.25em;
}

.divh2-topext {
	text-align: center;
	color: #00623a;
	font-size: 6vw;
	font-weight: bold;
	line-height: 1.25em;
}
.
.p-topext {
	color: #000;
	font-size: 4vw;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.75em;
	font-weight: bold;
	display: block;
}
.a-topext {
	text-align: center;
	display: block;
	margin-right: auto;
		margin-left: auto;
	border: 3px solid #00623a;
	border-radius: 50px;
	background-color: #fff;
	text-decoration: none;
	color: #00623a;
	font-size: 4vw;
	opacity: 1;
	margin-bottom: 10%;
	width: 90%;
	padding-top: 10px;
		padding-bottom: 10px;
}
.a-topext:hover {
	opacity: 0.9;
}

.ul-topext {

margin-right: auto;
	margin-left: auto;
width: 90%;
}

.li-topext {
}

.img-topext {
	width: 100%;
	height: auto;
}

.h1-new22 a {
font: 8px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #000;
line-height: 1.5em;
display: block;
width: 168px;
height: 50px;
background: url(https://www.archipro.jp/wp/wp-content/themes/ap/images/h1-logo.svg) left center no-repeat;
background-size: auto 100%;
text-decoration: none;
padding-left: 50px;
		padding-top: 5px;
margin-left: 10px;
}
.h1-new22 a .h1-strong {
font: bold 20px "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
color: #000;
display: block;
text-decoration: none;
}
 .widget_sp_image-description {
 	margin-top: -1em !important;
 } 
  
  .p-topext {
	color: #000;
	font-size: 3.5vw;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.75em;
	display: block;
  	font-weight: bold;
  }
 .footerSection_title {
 	line-height: 0.75em;
 }
.footnamei {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	display: block;
}
.glovalFooter {
	padding-bottom: 7em;
}


  /*TAGLIST*/
.art-taglist {
	background-color: #f2f4f1;
	margin-bottom: 5%;
		margin-right: auto;
		margin-left: auto;
	width: 100%;
	padding: 10% 2.5% 2.5%;
}

.art-taglist ul {
    overflow: hidden;
    padding-top: 10px;
	margin-top: 2.5%;
		margin-bottom: 2.5%;
		display:flex;
justify-content:center;
flex-wrap: wrap;
}

.art-taglist ul li {
	display: block;
	margin-right: 0.5em;
		margin-bottom: 1.75em;
}

.art-taglist ul li a {
    color: #1f0b00;
    font-size: 12px;
    line-height: 2em;
    font-style: normal;
    font-variant: normal;
    border: 1px solid #ccc;
    border-radius: 30px;
    background-color: #fff;
	transition: all 0.25s ease-in-out 0s;
    text-decoration: none;
	padding: 7px 15px;
}
.art-taglist ul li a:hover {
	background-color: #efefef;
	transition: all 0.25s ease-in-out 0s;	
}
.art-taglist ul li a:before {
content: '';	
}


.h2-kv22 {
 	color: #fff;
font: 7.5vw/1.5em "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 	display: inline;
margin-right: auto;
		margin-left: auto;
border-bottom: 1px solid #fff;
text-shadow: 0 0 10px black;
padding-bottom: 0.25em;
margin-bottom: 5%;
}
  .h2-kv22 span {
 	color: #fff;
font: 6.5vw "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
   .h2-kv22 span.renov {
 	color: #fff;
font: 4.5vw "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
   
  .ph2-kv22 {
 	color: #fff;
font: 7.5vw/1.5em "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 	display: inline;
margin-right: auto;
		margin-left: auto;
border-bottom: 1px solid #fff;
text-shadow: 0 0 10px black;
padding-bottom: 0.25em;
margin-bottom: 5%;
}
  .ph2-kv22 span {
 	color: #fff;
font: 6.5vw "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
   .h2-kv22 span.renov {
 	color: #fff;
font: 4.5vw "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
 	text-align: center;
 	letter-spacing: 0.1em;
 }  	
    
   
   
   

 .ul-taglist {

 }
 .ul-taglist li {
 	width: 100%;
 }
 .ul-taglist li a {
 	margin-right: auto;
		margin-left: auto;
 	display: block;
 	color: #000;
 	font-size: 14px;
 	line-height: 1.5em;
 	width: 100%;
 }
	
	 .ul-taglist li a p {

 	color: #000;
 	font-size: 14px;
 	line-height: 1.5em!important;
	 	text-align: center;
	 }
	
	.workList li a p {


height: 2em;
}
	
 .ul-taglist li a figure img {
 	margin-right: auto!important;
		margin-left: auto!important;
 	display: block!important;
 	width: 70%!important;
 }
	
.banner2023_01 {
	width: 90%!important;
	margin-right: auto !important;
		margin-left: auto !important;
	padding-top: 5%;
	}
.banner2023_02 {
	width: 90%!important;
	margin-right: auto !important;
		margin-left: auto !important;
	padding-top: 5%!important;
		margin-bottom: -10%!important;
}



  }


.topyt {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.postal {
	width: 25%!important;
}
.workList li {
	margin-bottom: 2em;
}
.workList li a {
	text-decoration: none;
}