@charset "UTF-8";
/*
Theme Name: NANO Child
Template: nano_tcd065
Description: WordPressテーマ「NANO」の子テーマ
Version:1.2.1
*/

/* ----------------------------------------------------------------------
 その他
---------------------------------------------------------------------- */
/*画像の幅を100%に*/
.wp-caption, .size-full { width: 100% !important; }

/*Flexbox基本設定*/
.flex-container { display: flex; margin: 0 -5% -5% 0; }
.flex-wrap { flex-wrap: wrap; }
.flex-item { margin: 0 5% 5% 0; }
.basis75 { flex: 3 1 320px; }
.basis66 { flex: 2 1 320px; }
.basis33 { flex: 1 1 200px; }
.basis25 { flex: 1 1 200px; }

/*見出し*/
.style3b { font-weight: bold; }
.style4a { font-weight: bold; }
.style4a small { font-weight: normal; }

/*アンカー位置をメニューバーの高さ分下にずらす*/
.anchor{  display: block; padding-top: 280px; margin-top: -280px; }
@media screen and (max-width: 767px) {
	.anchor{  display: block; padding-top: 100px; margin-top: -100px; }
}

/*span内で改行しない*/
.span-nowrap span { display: inline-block; white-space: nowrap; }

/*2カラム、3カラム時のfigureのマージン*/
.post_col figure { margin: 0; }

/*フッターバナー*/
.p-footer-banners__list-item { background-color: #7eb634; }
.p-footer-banners__list-item:hover { background-color: #6e912c; }

/*ブロックのマージン*/
.row { margin-bottom: 60px; }
/*.post_row { margin-bottom: -2em; }*/
/*.post_row p { margin-bottom: 0; }*/

/*フローチャート（フキダシ重ね）*/
.flowchart { text-align: center; }
.flowchart div {
  position: relative; /*三角の位置を固定するために設定*/
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #7eb634;
  border-bottom: 2px solid #fff;
}
.flowchart div p { margin: 0; color: #fff; line-height: 1.5; font-weight: bold; }
.flowchart div:last-child p { font-size: 125%; }
.flowchart div:after {
  content: '';
  position: absolute;
  z-index: 1;
  transform: rotate(45deg) skew(15deg, 15deg); /*calc((90deg - 欲しい角度) / 2) ※Edge、IEでは効かなかった*/
  -webkit-transform: rotate(45deg) skew(15deg, 15deg);
  -ms-transform: rotate(45deg) skew(15deg, 15deg);
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  bottom: -8px;
  background-color: #7eb634;
  border: 2px solid;
  border-color: transparent #fff #fff transparent;
}
.flowchart div:last-child:after { display: none; }
.drop-shadow1 { filter: drop-shadow(0 1px 0 rgba(0,0,0,0.2)); }

/* 定義リスト */
dl dt, dl dd { display: block; margin: 0; }
dl dt { font-weight: bolder; margin-top: 0.5em; }
div > dl.col { margin: 0; }
dl.col dt { margin: 0; float: left; }
dl.col dd { margin: 0; }
dl.col-nor dt { font-weight: normal; }
dl.col3 dd { margin-left: 3em; }
dl.col4 dd { margin-left: 4em; }
dl.col5 dd { margin-left: 5em; }
dl.col6 dd { margin-left: 6em; }
dl.col7 dd { margin-left: 7em; }
dl.col8 dd { margin-left: 8em; }
dl.col9 dd { margin-left: 9em; }
dl.col10 dd { margin-left: 10em; }
dl.col11 dd { margin-left: 11em; }
dl.col12 dd { margin-left: 12em; }
dl.col13 dd { margin-left: 13em; }
dl.col14 dd { margin-left: 14em; }
dl.col15 dd { margin-left: 15em; }
dl.col16 dd { margin-left: 16em; }
dl.col17 dd { margin-left: 17em; }
dl.col18 dd { margin-left: 18em; }
dl.col19 dd { margin-left: 19em; }
dl.col20 dd { margin-left: 20em; }

dl.col:after { content: ''; display: block; clear: both; }

/*Google Mapレスポンシブ*/
.gmap { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; }
.gmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*画像キャプション*/
.figcap-a { text-align: center; font-size: 1.1em; font-weight: bold; margin-bottom: 0.25em; }

/*囲み枠内のulのマージン*/
div.well2 p, div.well2 ul { margin-bottom: 0 !important; }

/* ----------------------------------------------------------------------
ホーム
---------------------------------------------------------------------- */
/*ホームのコンテンツエリアのマージン*/
.home .l-contents { padding-top: 0; border: none; }

/*ホームのコンテンツ*/
.p-index-content06, .p-index-content07 { margin-bottom: 100px; }
@media screen and (max-width: 767px) {
	.p-index-content06, .p-index-content07 { margin-bottom: 40px; }
}

#js-cb > div:first-child { z-index: 2; padding: 50px 0; width: 100%; max-width: none; background: url(/wordpress_1905/wp-content/image/home-reason.jpg) center center / cover no-repeat; }

.home-content-top_inner, .home-content-top_inner .p-index-content05 { margin-bottom: 0; }

/*スライダーのフォントサイズ*/
@media screen and (min-width: 768px) and (max-width: 949px) {
  .p-header-slider__item--1 .p-header-content__title, .p-header-slider__item--2 .p-header-content__title, .p-header-slider__item--3 .p-header-content__title, .p-header-slider__item--4 .p-header-content__title, .p-header-slider__item--5 .p-header-content__title { font-size: 36px !important; }
}
@media screen and (max-width: 399px) {
  .p-header-slider__item--1 .p-header-content__title, .p-header-slider__item--2 .p-header-content__title, .p-header-slider__item--3 .p-header-content__title, .p-header-slider__item--4 .p-header-content__title, .p-header-slider__item--5 .p-header-content__title { font-size: 16px !important; }
}

/*スライダーにSDGsアイコン挿入*/
.p-header-slider__item--3 .p-header-content__title:after { content: ''; display: block; width: auto; height: 200px; background-image: url(/wordpress_1905/wp-content/image/sdg-logo-set.svg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; margin: .5em auto; }

/* ----------------------------------------------------------------------
事業案内
---------------------------------------------------------------------- */
/*アーカイブヘッダー非表示の場合にコンテンツのマイナスマージン解除*/
.no-archive-header .l-contents__inner { margin-top: 0; padding-top: 50px; }

/* ----------------------------------------------------------------------
ガイナとは
---------------------------------------------------------------------- */
/*「遮熱・断熱塗料ガイナが選ばれる理由」の改行*/
.p-cb__item-title { line-height: 1.3; }
.p-cb__item-title span { display: inline-block; white-space: nowrap; }

/*暑さ対策*/
.go-down { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; }
.go-down-inner { margin: 0 1rem 1rem; }
.go-down-inner p { text-align: center; font-size: 1.5rem; font-weight: 700; line-height: 1.5; margin-bottom: 0; }
.go-down-inner p span { display: inline-block; vertical-align: middle; margin-right: 0.5rem; font-size: 1rem; line-height: 1; color: #fff; background-color: #cc3300; min-width: 7rem; padding: 0.5rem; }
.go-down-inner.large-red p { font-size: 2rem; color: #cc3300; }

/* ----------------------------------------------------------------------
こんなところにもガイナ
---------------------------------------------------------------------- */
/*ポップアップアイコン*/
.gaina-application > div { position: relative; }
.gaina-application > p { color: #7eb634; text-align: center; font-size: 1.2em; line-height: 1.5; margin-bottom: 0; }
@keyframes pukapuka {
  0% { transform: translateY(-7px) }
  100% { transform: translateY(0) }
}
@keyframes pururun {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
.popup-icon { position: absolute; -webkit-animation: pukapuka 1s alternate infinite linear; animation: pukapuka 1s alternate infinite linear; }
.popup-icon div:hover { animation: pururun 3s ease-out; }
.popup-icon div { position: relative; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #FFF !important; font-size: 12px; background-color: #dd242f; border-radius: 50%; margin: 0; filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.5)); }
.popup-icon div::before {
  content: '';
  position: absolute;
  transform: rotate(45deg) skew(22.5deg, 22.5deg); /*calc((90deg - 欲しい角度) / 2) ※Edge、IEでは効かなかった*/
  -webkit-transform: rotate(45deg) skew(22.5deg, 22.5deg);
  -ms-transform: rotate(45deg) skew(22.5deg, 22.5deg);
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  bottom: -3px;
  background-color: #dd242f;
  z-index: -1;
}
.popmake-kodate { bottom: 65%; right: 74.6%; }
.popmake-shugo { bottom: 77%; right: 63%; }
.popmake-kojo { bottom: 47%; right: 78%; }
.popmake-soko { bottom: 81%; left: 71%; }
.popmake-shogyo { bottom: 67%; right: 67%; }
.popmake-hotel { bottom: 68%; left: 87%; }
.popmake-office { bottom: 44%; right: 30%; }
.popmake-bunkyo { bottom: 78%; right: 87%; }
.popmake-byoin { bottom: 85%; right: 78%; }
.popmake-kuko { bottom: 77%; left: 87%; }
.popmake-doro { bottom: 71%; left: 76%; }
.popmake-chikusan { bottom: 75%; right: 75%; }
.popmake-koen { bottom: 32%; right: 48.5%; }
.popmake-jinjya { bottom: 74%; left: 45%; }
.popmake-sharyo { bottom: 52.5%; right: 7%; }
.popmake-rocket { top: 95%; left: 24.5%; }
.popmake-tetsudo { bottom: 73%; left: 70%; }
.popmake-senpaku { bottom: 83%; right: 38%; }
.popmake-eki { bottom: 46%; right: 18%; }
.popmake-sports { bottom: 70%; right: 82%; }

/*ポップアップ時のmargin-rightをリセット*/
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] { padding: 0; }

/*ポップアップコンテンツ*/
.pum-title { margin-bottom: 1em; }
.pum-content p { line-height: 1.75; }
.pum-content img { margin-bottom: 1em; }
.pum-close:hover { background-color: #6e912c !important; }
.pum-content p a { color: #7eb634; display: block; text-align: center; margin-top: 1em; }
.pum-content p a:hover { color: #6e912c; }

/* ----------------------------------------------------------------------
Easy Accordion
---------------------------------------------------------------------- */
.ea-expand { background: #7eb634 !important; border: 1px solid #7eb634 !important; }
.ea-expand .ea-header a, .ea-expand .ea-header i { color: #fff !important; }
h3.ea-header, h3.ea-header a { font-size: 100% !important; }

/* ----------------------------------------------------------------------
Widget on Pages
---------------------------------------------------------------------- */
.widgets_on_page ul, .widgets_on_page ul li { font-size: 100%; line-height: 2.25; margin-bottom: 0 !important; }

/* ----------------------------------------------------------------------
製品情報
---------------------------------------------------------------------- */
/*色見本／仕上がりバリエーション*/
.color-chart, .texture-chart { margin-right: -10px; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; }
.flex-blank, .flex-blank::before { height: 0 !important; margin-bottom: 0 !important; }

ul.color-chart, ul.texture-chart { list-style: none; margin-left: 0; }
ul.color-chart li { flex: 1 0 95px; margin: 0 10px 10px 0; font-size: 80%; line-height: 1; }
ul.color-chart li:before { content: ''; display: block; height: 54px; margin-bottom: 6px; box-sizing: border-box; }
ul.texture-chart li { flex: 1 0 200px; margin: 0 10px 10px 0; font-size: 80%; line-height: 1; }
ul.texture-chart li:before { content: ''; display: block; height: 112px; margin-bottom: 6px; box-sizing: border-box; background-size: cover; }

ul.color-chart li:nth-child(1):before { border: solid 1px #c0c0c0; }
ul.color-chart li:nth-child(2):before { background-color: #d7d7d2; }
ul.color-chart li:nth-child(3):before { background-color: #c8c9c5; }
ul.color-chart li:nth-child(4):before { background-color: #aaa9a7; }
ul.color-chart li:nth-child(5):before { background-color: #8e8f8d; }
ul.color-chart li:nth-child(6):before { background-color: #717374; }
ul.color-chart li:nth-child(7):before { background-color: #c1b9b7; }
ul.color-chart li:nth-child(8):before { background-color: #d798a0; }
ul.color-chart li:nth-child(9):before { background-color: #e1bcb0; }
ul.color-chart li:nth-child(10):before { background-color: #bf9c94; }
ul.color-chart li:nth-child(11):before { background-color: #a28880; }
ul.color-chart li:nth-child(12):before { background-color: #bc7766; }
ul.color-chart li:nth-child(13):before { background-color: #b5aca6; }
ul.color-chart li:nth-child(14):before { background-color: #e3b998; }
ul.color-chart li:nth-child(15):before { background-color: #d79a6b; }
ul.color-chart li:nth-child(16):before { background-color: #b0886a; }
ul.color-chart li:nth-child(17):before { background-color: #cab59e; }
ul.color-chart li:nth-child(18):before { background-color: #bca795; }
ul.color-chart li:nth-child(19):before { background-color: #ae9783; }
ul.color-chart li:nth-child(20):before { background-color: #ecdec9; }
ul.color-chart li:nth-child(21):before { background-color: #ddd5c6; }
ul.color-chart li:nth-child(22):before { background-color: #e9cb99; }
ul.color-chart li:nth-child(23):before { background-color: #ded0bb; }
ul.color-chart li:nth-child(24):before { background-color: #e1c1a5; }
ul.color-chart li:nth-child(25):before { background-color: #efe8d5; }
ul.color-chart li:nth-child(26):before { background-color: #ded3bc; }
ul.color-chart li:nth-child(27):before { background-color: #e4d1a8; }
ul.color-chart li:nth-child(28):before { background-color: #cdc6b7; }
ul.color-chart li:nth-child(29):before { background-color: #b0aba3; }
ul.color-chart li:nth-child(30):before { background-color: #b1a999; }
ul.color-chart li:nth-child(31):before { background-color: #979082; }
ul.color-chart li:nth-child(32):before { background-color: #dadab8; }
ul.color-chart li:nth-child(33):before { background-color: #d2c38a; }
ul.color-chart li:nth-child(34):before { background-color: #bfb382; }
ul.color-chart li:nth-child(35):before { background-color: #aac89f; }
ul.color-chart li:nth-child(36):before { background-color: #cbdacd; }
ul.color-chart li:nth-child(37):before { background-color: #b1c9b3; }
ul.color-chart li:nth-child(38):before { background-color: #99b29d; }
ul.color-chart li:nth-child(39):before { background-color: #48815b; }
ul.color-chart li:nth-child(40):before { background-color: #7e9487; }
ul.color-chart li:nth-child(41):before { background-color: #8dcbcd; }
ul.color-chart li:nth-child(42):before { background-color: #dae3e7; }
ul.color-chart li:nth-child(43):before { background-color: #adc7c8; }
ul.color-chart li:nth-child(44):before { background-color: #94cad0; }
ul.color-chart li:nth-child(45):before { background-color: #6bafc7; }
ul.color-chart li:nth-child(46):before { background-color: #bccad0; }
ul.color-chart li:nth-child(47):before { background-color: #a3b1b8; }
ul.color-chart li:nth-child(48):before { background-color: #79adc7; }
ul.color-chart li:nth-child(49):before { background-color: #e3e2e3; }
ul.color-chart li:nth-child(50):before { background-color: #c7c4ca; }
ul.color-chart li:nth-child(51):before { background-color: #efdee1; }
ul.color-chart li:nth-child(52):before { background-color: #b9a8ac; }

ul.color-chart-nonketsuro li:nth-child(1):before { border: solid 1px #c0c0c0; }
ul.color-chart-nonketsuro li:nth-child(2):before { background-color: #fffcdb; }
ul.color-chart-nonketsuro li:nth-child(3):before { background-color: #fffab5; }
ul.color-chart-nonketsuro li:nth-child(4):before { background-color: #dddbc6; }
ul.color-chart-nonketsuro li:nth-child(5):before { background-color: #d3edfb; }
ul.color-chart-nonketsuro li:nth-child(6):before { background-color: #d7d7d8; }
ul.color-chart-nonketsuro li:nth-child(7):before { background-color: #d6e9c4; }
ul.color-chart-nonketsuro li:nth-child(8):before { background-color: #fce9f2; }

ul.texture-chart li:nth-child(1):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-01.jpg'); }
ul.texture-chart li:nth-child(2):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-02.jpg'); }
ul.texture-chart li:nth-child(3):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-03.jpg'); }
ul.texture-chart li:nth-child(4):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-04.jpg'); }
ul.texture-chart li:nth-child(5):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-05.jpg'); }
ul.texture-chart li:nth-child(6):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-06.jpg'); }
ul.texture-chart li:nth-child(7):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-07.jpg'); }
ul.texture-chart li:nth-child(8):before { background-image: url('/wordpress_1905/wp-content/uploads/texture-08.jpg'); }

/* ----------------------------------------------------------------------
施工について
---------------------------------------------------------------------- */
.map-japan { display: none; }
.region-container { margin-bottom: 1.5em; }
.region-container h3 { font-size: 100%; line-height: 1; margin-bottom: 1em; }
.region-inner { position: relative; display: flex; margin: 0 -10px -10px 0; }
.region-inner a { flex-wrap: wrap; margin: 0 10px 10px 0; font-size: 100%; line-height: 1; text-align: center; white-space: nowrap; color: #fff !important; background-color: #000; padding: 0.5em; min-width: 4em; }
.region-inner a:hover { text-decoration: none; opacity: 0.75; }
a.invalid { background-color: #e0e0e0 !important; }/*押せないボタン*/
a.invalid:hover { text-decoration: none; opacity: 1; cursor: default; }

@media screen and (min-width: 768px) {
	#map-construction { position: relative;  max-width: 830px; margin: 0 auto; }
	.map-japan { display: block; max-width: 830px; margin: 0 auto; }
	.region-container { position: absolute; width: calc(8em + 10px); }
	.region-hokkaido-tohoku { top: 26%; right: 0; }
	.region-koshinetsu-hokuriku { top: 5%; left: 50%; }
	.region-kanto { bottom: 0; right: 6%; }
	.region-tokai { bottom: 5%; right: 30%; }
	.region-kinki { top: 20%; left: 28%; }
	.region-chugoku { top: 23%; left: 5%; }
	.region-shikoku { bottom: 0; right: 52%; }
	.region-kyushu-okinawa { top: 53%; left: 0; }
}

.region-hokkaido-tohoku h3, .region-hokkaido-tohoku h4 { color: #57b3db; }
#map-construction .region-hokkaido-tohoku a { background-color: #57b3db; }

.region-koshinetsu-hokuriku h3, .region-koshinetsu-hokuriku h4 { color: #64bc6e; }
#map-construction .region-koshinetsu-hokuriku a { background-color: #64bc6e; }

.region-kanto h3, .region-kanto h4 { color: #3bb3aa; }
#map-construction .region-kanto a { background-color: #3bb3aa; }

.region-tokai h3, .region-tokai h4 { color: #d9de58; }
#map-construction .region-tokai a { background-color: #d9de58; }

.region-kinki h3, .region-kinki h4 { color: #f4bb65; }
#map-construction .region-kinki a { background-color: #f4bb65; }

.region-chugoku h3, .region-chugoku h4 { color: #eb4c47; }
#map-construction .region-chugoku a { background-color: #eb4c47; }

.region-shikoku h3, .region-shikoku h4 { color: #e97951; }
#map-construction .region-shikoku a { background-color: #e97951; }

.region-kyushu-okinawa h3, .region-kyushu-okinawa h4 { color: #ffaebf; }
#map-construction .region-kyushu-okinawa a { background-color: #ffaebf; }

.shop-list > div > p { margin-bottom: 1em; font-weight: bold; }
.shop-list > div { margin-top: 60px; }
.shop-list tr th:first-child, .shop-list tr td:first-child { width: 30%; }
.shop-list tr th:nth-child(2), .shop-list tr td:nth-child(2) { width: 12%; }
.shop-list tr th:nth-child(4), .shop-list tr td:nth-child(4) { width: 15%; }
.shop-list tr th:last-child, .shop-list tr td:last-child { width: 10%; text-align: center; }
.shop-list h4 { line-height: 1; margin: 20px 0; }


.shop-list-container { margin-right: -20px; display: flex; flex-wrap: wrap; }
.shop-list-container:before{ content:""; flex: 1 1 300px; margin: 0 20px 0 0; display: block; height: 0; order:1; }
.shop-list-container:after{ content:""; flex: 1 1 300px; margin: 0 20px 0 0; height: 0; display: block; }
.shop-list-item { flex: 1 1 300px; margin: 0 20px 20px 0; background-color: #f8f8f8; padding: 20px; }
.shop-list-item h5 { font-size: 100%; border-left: 3px solid; padding-left: 0.5em; margin-bottom: 0.6em; }
.shop-list-item p { font-size: 85%; line-height: 1.75; margin: 0; }

/* ----------------------------------------------------------------------
施工事例
---------------------------------------------------------------------- */
.p-works-list .p-article06__content .p-article06__title { margin-bottom: 0.3em; min-height: 3.2em; }
.p-works-list .p-works-list__item > a, .p-latest-works__list .p-latest-works__list-item > a { position: relative; width: 100%; height: 0;  padding-top: 75%; }
.p-works-list .p-works-list__item > a img, .p-latest-works__list .p-latest-works__list-item > a img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media screen and (max-width: 991px) {
  .l-page-header.pb0 + .l-primary > .p-works-list { margin-top: 50px; }
}

.p-article06__excerpt { margin-bottom: 0; }
.p-article06__excerpt a { color: #808080; }
.p-article06__excerpt a:hover { color: #7eb634; }
.p-works-entry__title { margin-bottom: 0.4em; }
.p-works-entry__header { padding-bottom: 1rem; }
.p-works-entry__header p { line-height: 2; }
.p-works-entry__header a { color: #808080; }
.p-works-entry__header a:hover { color: #7eb634; }
.p-works-entry .p-btn { margin-top: 50px; }
.p-works-entry .p-btn a { color: #ffffff; background: #7eb634; }
.p-works-entry .p-btn a:hover { color: #ffffff; background: #6e912c; }
.p-works-entry figure { margin: 0; line-height: 2.4; }

/* ----------------------------------------------------------------------
会社情報
---------------------------------------------------------------------- */
/*ページヘッダーのタイトルの影*/
.p-company-header__content { text-shadow: 0px 0px 5px #000; }


@media screen and (min-width: 992px) {
	.p-archive-header { padding: 92px 15px; }
}

.p-company-header { margin-bottom: 60px; }

/* 拠点のご案内 */
.office-container { margin-right: -20px; display: flex; flex-wrap: wrap; }
.office-container:after{ content:""; flex: 1 1 350px; margin: 0 20px 0 0; height: 0; display: block; }
.office-item { flex: 1 1 350px; margin: 0 20px 20px 0; background-color: #f8f8f8; padding: 20px; display: flex; flex-wrap: wrap; align-content: space-between; }
.office-item-inner { flex-basis: 100%; }
.office-item-inner h4 { border-left: 3px solid; padding-left: 0.5em; margin-bottom: 0.6em; }
.office-item-inner p { font-size: 85%; line-height: 1.75; margin: 0 0 1em; }
.award-list img { filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4)); }
/* 拠点のご案内 地図 */
.map-office-container { max-width: 560px; margin-right: auto; margin-left: auto; }
#map-office-inner { position: relative; width: 100%; padding-top: 115%; background: url("/wordpress_1905/wp-content/themes/nano_tcd065-child/assets/images/map-office.png"); background-size: contain; background-repeat: no-repeat; }
#map-office-inner h2 { position: absolute; bottom: 60%; right: 45%; margin: 0; color: #e0e0e0; font-size: 80%; letter-spacing:0.25em; }
#map-office-inner p { margin: 0; position: absolute; font-size: 55%; line-height: 2.25; }

@media screen and (min-width: 768px) {
	#map-office-inner h2 { font-size: 125%; }
	#map-office-inner p { font-size: 75%; }
}

#map-office-inner .office-tokyo { bottom: 22%; left: 64%; }
#map-office-inner .office-tohoku { bottom: 49%; left: 61%; }
#map-office-inner .office-nagoya { bottom: 28%; right: 42%; }
#map-office-inner .office-kansai { top: 77%; left: 37%; }
#map-office-inner .office-tobu { top: 70%; left: 61%; }
#map-office-inner .office-hiroshima { top: 78%; left: 10%; }
#map-office-inner .office-nishi-nihon { bottom: 30%; right: 68%; }
#map-office-inner .office-fukuoka { top: 82%; left: 2%; }
#map-office-inner .office-okinawa { top: 90%; left: 58%; }

/* ----------------------------------------------------------------------
固定ページ
---------------------------------------------------------------------- */
/*ページタイトル*/
h1.title-page { font-size: 40px; text-align: center; }

@media screen and (max-width: 767px) {
	h1.title-page { font-size: 24px; }
}

/*サイトマップ*/
.wsp-container h2 { display: none; }

/* ----------------------------------------------------------------------
テーブル
---------------------------------------------------------------------- */
/*テーブルの幅*/
table { width: 100%; }

/* テキスト強調 */
td.enlarge-td { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #cc3300; }

/*ボーダーなし*/
table.noborder, .noborder tbody, .noborder tr, .noborder th, .noborder td { border: none; padding: 0 1em 1em 0; line-height: 1.5; vertical-align: top; }
.noborder tr td:first-child { white-space: nowrap; font-weight: bold; width: 5em; }
.noborder tr td:nth-child(2) { white-space: nowrap; font-weight: bold; width: 3em; text-align: right; }

/*横スクロール */
@media (max-width: 767px) {
	.scrolltable { overflow: auto; white-space: nowrap; }
	.scrolltable::-webkit-scrollbar{ height: 5px; }
	.scrolltable::-webkit-scrollbar-track{ background: #F1F1F1; }
	.scrolltable::-webkit-scrollbar-thumb { background: #BCBCBC; }
}

.table-block th { white-space: nowrap; }
/*セルを縦並びに*/
@media (max-width: 767px) {
	.table-block th, .table-block td { display: block; width: 100%; border-bottom: none; }
	.table-block tr:last-child td:last-child { border-bottom: 1px solid #ddd; }
}

/*th*/
.th-left th { text-align: left; }
.th-bold th { font-weight: bold; }

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
/*ヘッダーディスクリプションを太字に*/
.l-header__desc { font-weight: bold; }

@media screen and (min-width: 768px) {
	.p-header-slider__item { height: 480px; }
}

/*グローバルメニュー最後の項目のサブメニューが画面からはみ出さないように*/
.p-global-nav li:last-child .sub-menu a { width: 180px; }

.p-global-nav .sub-menu a { width: 280px; }

.p-btn-header { text-align: center; margin-left: 20px; }
.p-btn-header a { color: #ffffff; background: #7eb634; display: inline-block; font-size: 12px; font-weight: 700; /*line-height: 60px; height: 60px;*/ min-width: 160px; padding: 10px 15px; }
.p-btn-header a:hover { background: #6e912c; }
.p-link-header, .p-link-header a { font-size: 12px; color: #808080; }
.p-link-header a:hover { color: #7eb634; }
.secondary-menu { margin-top: -18px; padding-top: 12px; border-top: 1px solid #ddd; }
@media only screen and (max-width:767px) {
  .l-header__desc { font-size: 12px !important; }
	.p-global-nav { width: auto; }
}
@media only screen and (max-width:367px) {
  .l-header__desc { font-size: 9px !important; margin-left: 0 !important; }
}
@media only screen and (max-width:1199px) {
  .l-header__desc { display: block; margin-left: 0.5em; }
	.p-btn-header, .p-link-header { display: none; }
	.p-global-nav a { font-size: 12px; }
}
@media only screen and (min-width:1200px) {
	.secondary-menu { display: none; }
	header.is-active .l-header__inner { height: 70px; padding: 10px 0 }
	header.is-active .p-global-nav { line-height: 50px; }
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/*facebookバナー*/
.p-social-nav__item--facebook a::before { content: ''; display: inline-block; width: 240px; height: 28px; background-image: url("/wordpress_1905/wp-content/themes/nano_tcd065-child/assets/images/FindUsOn-FB_ja-JP-RGB-1770.png"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; }

/*ご注意*/
.caution { padding: 0.75rem 0; border-bottom: 1px solid #ddd; }
.caution h3 { margin: 0.5em 0; }
.caution-inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: -0.75rem; color: #cc3300; font-size: 0.8rem; line-height: 1.5; }
.caution-inner-item { margin-right: 0.75rem; }
.caution-inner-item.item1 h3 span { line-height: 1; background-color: #cc3300; color: #fff; padding: 0.25em; }

/* ----------------------------------------------------------------------
 MW WP Form Style Business
---------------------------------------------------------------------- */
/**
 * 構造
 */
.mw_wp_form {
	margin: 0 0 1em;
}
.mw_wp_form table {
	margin: 0 0 1em;
	table-layout: fixed;
	border-collapse: collapse;
	border: #ddd solid 1px;
	font-size: 100%;
	width: 100%;
}

.mw_wp_form table th,
.mw_wp_form table td {
	border: #ddd solid 1px;
	font-size: 100%;
	font-weight: normal;
	padding: 1.2em;
	text-align: left;
	vertical-align: top;
}

.mw_wp_form table th {
	background-color: #f5f5f5;
	width: 30%;
}

.mw_wp_form table td {
	background-color: #fff;
}

@media screen and ( max-width: 970px ) {
	.mw_wp_form table,
	.mw_wp_form table tbody,
	.mw_wp_form table tr,
	.mw_wp_form table th,
	.mw_wp_form table td {
		display: block;
		width: auto;
	}
	.mw_wp_form table {
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	.mw_wp_form table th {
		border-top: none;
		padding: .5em 1em;
	}
	.mw_wp_form table td {
		border-top: none;
	}
}

/**
 * 画像
 */
.mw_wp_form .mw-wp-form_image {
	margin-top: 5px;
}

.mw_wp_form .mw-wp-form_image img {
	max-width: 100%;
}

/**
 * 必須
 */
.mw_wp_form .require {
	background-color: #08427C;
	border-radius: 2px;
	color: #fff;
	float: right;
	font-size: 11px;
	padding: .2em .4em;
	position: relative;
	line-height: 1.5;
}

/**
 * 注釈
 */
.mw_wp_form .notes {
	color: #999;
	display: block;
	font-size: 12px;
	margin: 5px 0;
	line-height: 1.5;
}

/**
 * エラーメッセージ
 */
.mw_wp_form .error {
	color: #b70000;
	display: block;
	margin: 5px 0 0;
}

/**
 * アクションボタン
 */
.mw_wp_form .action-buttons {
	text-align: center;
}

/**
 * フォーム項目基本
 */
.mw_wp_form input,
.mw_wp_form select,
.mw_wp_form textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	width: auto;
}
.mw_wp_form select { height: 2em; }

/**
 * ボタン
 */
.mw_wp_form input[type="submit"],
.mw_wp_form input[type="button"],
.mw_wp_form button {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ),
							inset 0 15px 17px rgba( 255, 255, 255, 0.5 ),
							inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	color: rgba( 0, 0, 0, .8 );
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1;
	padding: .7em 1.5em;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.8 );
}

.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover,
.mw_wp_form button:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.8 ),
							inset 0 15px 17px rgba( 255, 255, 255, 0.8 ),
							inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
}

.mw_wp_form input[type="submit"]:focus,
.mw_wp_form input[type="submit"]:active,
.mw_wp_form input[type="button"]:focus,
.mw_wp_form input[type="button"]:active,
.mw_wp_form button:focus,
.mw_wp_form button:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ),
							inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
}

/**
 * 選択項目
 */
.mw_wp_form label {
	display: inline-block;
	margin: 0 5px 0 0;
}

.mw_wp_form label input[type="checkbox"],
.mw_wp_form label input[type="radio"] {
	margin: 0 5px 0 0;
}

/**
 * テキスト
 */
.mw_wp_form input[type="text"],
.mw_wp_form input[type="password"],
.mw_wp_form input[type="number"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="url"],
.mw_wp_form textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: .2em .4em;
	outline: 0;
}

.mw_wp_form input[type="text"]:focus,
.mw_wp_form input[type="password"]:focus,
.mw_wp_form input[type="number"]:focus,
.mw_wp_form input[type="email"]:focus,
.mw_wp_form input[type="url"]:focus,
.mw_wp_form textarea:focus {
	border: 1px solid #97c1ec;
}

/**
 * 複数行テキスト
 */
.mw_wp_form textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
}

/**
 * ファイル
 */
.mw_wp_form input[type="file"] {
	display: inline;
}

/**
 * 電話番号、郵便番号
 */
.mw_wp_form .mwform-zip-field input,
.mw_wp_form .mwform-tel-field input {
	margin-right: 3px;
	margin-left: 3px;
}

/* ----------------------------------------------------------------------
Search & Filter Pro
---------------------------------------------------------------------- */
.search-filter-reset { color: #ffffff; background: #7eb634; border: none; line-height: 1; padding: 10px 15px; }
.search-filter-reset:hover { background: #6e912c; }
@media screen and (max-width: 991px) {
	.works-box { display: box !important; display: -webkit-box !important; box-orient: vertical; -webkit-box-orient: vertical; }
	.works-box-1 { box-ordinal-group: 2; -webkit-box-ordinal-group: 2; }
	.works-box-2 { box-ordinal-group: 1; -webkit-box-ordinal-group: 1; }
  .works-box-2 .l-secondary::before { display: none; }
	.searchandfilter ul { display: flex; flex-wrap: wrap; }
	.searchandfilter ul li { flex: 1 0 300px; }
	.sf-field-reset { width: 100%; text-align: center; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .works-box-2 { padding-top: 40px; }
}