@charset "utf-8";

/* Theme Name: verb */

html,
body,
div,
span,
object,
iframe,
blockquote,
pre,
a,
p,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
}

body {
 font-family: "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
 font-size: 15px;
 background: #fff;
 color: #000;
 line-height: 170%;
 word-wrap: break-word;
}

a {
 color: #0891E3;
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}

a:active,
a:focus {
 outline: 0;
}

img {
 border: 0;
 padding: 0;
 margin: 0;
 vertical-align: bottom;
}

ol {
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style: decimal;
}

ul {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 list-style: disc;
}

li {
 margin: 0 0 0 0px;
 padding: 0 0 0 0;
}

li a {}

li a:hover {}


/* **************************************

	共通

* ************************************** */

.kome_text p {
 margin-left: 1em;
 text-indent: -1em;
 padding-top: 0;
 padding-bottom: 0;
 margin-top: 0;
 margin-bottom: 0;
}

p {
 line-height: 190%;
 padding: 10px 0px 10px 0px;
}

.font13 {
 font-size: 13px;
}

.font19 {
 font-size: 19px;
}

.mg10_b {
 margin-bottom: 10px;
}

.mg30_t {
 margin: 130px 0 0 0;
}

.pd30 {
 padding: 30px 0 30px 0;
}

.mg60_t {
 margin: 60px 0 0 0;
}

.pd30_t {
 padding: 30px 0 0 0;
}

.pd30_tb {
 padding: 30px 0 30px 0;
}

.pd40_tb {
 padding: 40px 0 40px 0;
}

.pd60 {
 padding: 60px 0 60px 0;
}

.pd60_t {
 padding: 60px 0 0 0;
}

.pd60_b {
 padding: 0 0 60px 0;
}

.pink {
 color: #EF476F;
}

.red {
 color: #E60013;
}

.bold {
 font-weight: bold;
}

.fo80 {
 font-size: 80%;
}

.bo {
 border: 1px solid #333;
}

@media screen and (max-width: 992px) {
 .brnone {
  display: none;
 }
}


/* **************************************

	ヘッダー_メニュー

* ************************************** */

#top_dec {
 margin: 0 0 5px 0;
 padding-top: 4px;
 font-size: 15px;
 color: #D81164;
}

.inner_in {
 width: 1000px;
 margin: 0 auto;
}

.inner_in:after {
 content: "";
 clear: both;
 display: block;
}

#top-head {
 position: absolute;
 width: 100%;
 margin: 0 auto;
 padding: 0 0 0 0;
 z-index: 999;
 line-height: 1;
 background: rgba(255, 255, 255, .7);
 transition: top 0.65s ease-in;
 -webkit-transition: top 0.65s ease-in;
 -moz-transition: top 0.65s ease-in;
 margin-top: -90px;
}

#top-head a,
#top-head {
 color: #000;
 text-decoration: none;
}

#top-head a {
 background: #D6EDFD;
 border-right: 5px solid #fff;
 padding: 0 0 0 0;
}

#top-head .inner_in {
 position: relative;
 padding: 0 0 0 0;
 /*border: 1px solid #000;*/
}

#top-head .logo {
 float: left;
 width: 160px;
}

#global-nav ul {
 list-style: none;
 position: absolute;
 top: 35px;
 right: 0;
 font-size: 15px;
}

#global-nav ul li {
 float: left;
}

#global-nav ul li a {
 padding: 0 10px;
}

#global-nav ul li a:hover {
 color: #fff;
 background: #EF476F;
}


/*カレント表示*/

#top.current a,
#campaign.current a,
#news_all.current a,
#quality.current a,
#gallery_all.current a,
#price.current a,
#office.current a,
#contact.current a,
#car_place.current a {
 color: #fff;
 background: #EF476F;
}


/* Fixed */

#top-head.fixed #top_dec {
 padding-top: 4px;
}

#top-head.fixed {
 margin-top: 0;
 position: fixed;
 padding-top: 0px;
 background: #fff;
 margin-top: -90px;
 transition: top 0.65s ease-in;
 -webkit-transition: top 0.65s ease-in;
 -moz-transition: top 0.65s ease-in;
}

#top-head.fixed .logo {}

#top-head.fixed #global-nav ul li a {
 color: #000;
 padding: 0 10px;
}

#top-head.fixed #global-nav ul li a:hover {
 color: #fff;
 background: #EF476F;
}


/*カレント表示*/

#top-head.fixed #top.current a,
#top-head.fixed #campaign.current a,
#top-head.fixed #news_all.current a,
#top-head.fixed #quality.current a,
#top-head.fixed #gallery_all.current a,
#top-head.fixed #price.current a,
#top-head.fixed #office.current a,
#top-head.fixed #contact.current a,
#top-head.fixed #car_place.current a {
 color: #fff;
 background: #EF476F;
}


/* Toggle Button */

#nav-toggle {
 display: none;
 position: absolute;
 right: 12px;
 top: 14px;
 width: 34px;
 height: 36px;
 cursor: pointer;
 z-index: 101;
}

#nav-toggle div {
 position: relative;
}

#nav-toggle span {
 display: block;
 position: absolute;
 height: 4px;
 width: 100%;
 background: #666;
 left: 0;
 -webkit-transition: .35s ease-in-out;
 transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
 top: 0;
}

#nav-toggle span:nth-child(2) {
 top: 11px;
}

#nav-toggle span:nth-child(3) {
 top: 22px;
}

@media screen and (max-width: 967px) {
 #top_dec {
  text-align: center;
  font-size: 12px;
 }
 #top-head,
 .inner_in {
  width: 100%;
  padding: 0;
 }
 #top-head {
  top: 0;
  position: fixed;
  margin-top: 0;
 }
 /* Fixed reset */
 #top-head.fixed {
  padding-top: 0;
  background: transparent;
 }
 #mobile-head {
  background: #fff;
  width: 100%;
  height: 56px;
  z-index: 999;
  position: relative;
 }
 #top-head.fixed .logo,
 #top-head .logo {
  position: absolute;
  left: 5px;
  top: 11px;
  color: #333;
  width: 100px;
 }
 #global-nav {
  position: absolute;
  /* 開いてないときは画面外に配置 */
  top: -500px;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  background: rgba(203, 241, 255, .9);
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
 }
 #global-nav ul {
  list-style: none;
  position: static;
  right: 0;
  bottom: 0;
  font-size: 17px;
 }
 #global-nav ul li {
  float: none;
  position: static;
 }
 #top-head #global-nav ul li a,
 #top-head.fixed #global-nav ul li a {
  background: none;
  width: 100%;
  display: block;
  color: #000;
  padding: 10px 0;
 }
 #nav-toggle {
  display: block;
 }
 /* #nav-toggle 切り替えアニメーション */
 .open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
 }
 .open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
 }
 .open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
 }
 /* #global-nav スライドアニメーション */
 .open #global-nav {
  /* #global-nav top + #mobile-head height */
  -webkit-transform: translateY(556px);
  transform: translateY(556px);
 }
}


/* 見出し
--------------------------------------------------------*/

h2.title_info {
 /* indexお知らせ・page見出し*/
 font-size: 30px;
 font-weight: bold;
 width: 200px;
 display: block;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}

h2.title_first {
 /* index特徴 */
 font-size: 35px;
 font-weight: bold;
 width: 250px;
 display: block;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 text-shadow: 0.04em 0.04em 0 #ffffff, -0.04em 0.04em 0 #ffffff, 0.04em -0.04em 0 #ffffff, -0.04em -0.04em 0 #ffffff, 0.08em 0.08em 0 #123456, 0.1em 0.1em 0.04em rgba(0, 0, 0, 0.3);
}

.sub_title_first {
 font-weight: bold;
 font-size: 19px;
 display: block;
 height: auto;
 color: #EF476F;
 margin: 0 auto;
 margin-top: 20px;
 text-shadow: 0.06em 0.06em 0 #fff, -0.06em 0.06em 0 #fff, 0.06em -0.06em 0 #fff, -0.06em -0.06em 0 #fff, 0.08em 0.08em 0 #123456, 0.1em 0.1em 0.04em rgba(0, 0, 0, 0.3);
}

h3.title_install_1 {
 /* index特徴 */
 font-size: 18px;
 font-weight: bold;
 margin: 20px 0 10px 0;
 color: #EF476F;
 text-shadow: 0.04em 0.04em 0 #ffffff, -0.04em 0.04em 0 #ffffff, 0.04em -0.04em 0 #ffffff, -0.04em -0.04em 0 #ffffff, 0.08em 0.08em 0 #123456, 0.1em 0.1em 0.04em rgba(0, 0, 0, 0.3);
}

h3.title_install_2 {
 font-size: 18px;
 font-weight: bold;
 margin: 20px 0 10px 0;
 color: #EF476F;
 text-shadow: 0.04em 0.04em 0 #ffffff, -0.04em 0.04em 0 #ffffff, 0.04em -0.04em 0 #ffffff, -0.04em -0.04em 0 #ffffff, 0.08em 0.08em 0 #123456, 0.1em 0.1em 0.04em rgba(0, 0, 0, 0.3);
}

.reason_part1 {
 text-align: center;
 max-width: 230px;
 margin: 0 auto;
 margin-bottom: 10px;
 padding: 5px 10px;
 color: #fff;
 background: #EF476F;
 /* 古いFirefox */
 /* 古いSafari,Chrome */
 border-radius: 20px;
 /* CSS3 */
}

p.shadow {
 font-weight: bold;
}


/* **************************************

	index

* ************************************** */


/* index-Youtube
--------------------------------------------------------*/

.youtube {
 position: relative;
 height: 0;
 padding: 30px 0 56.25%;
 margin-top: 90px;
 overflow: hidden;
}

.youtube iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
 margin-top: 20px;
}


/* index-お知らせ
--------------------------------------------------------*/

ul.news_list {
 list-style: none;
 margin: 0 auto;
 padding: 0;
}

ul.news_list li {
 border-bottom: 1px dotted #ccc;
 margin: 0;
 padding: 10px 0 10px 0;
}

ul.news_list li a {
 color: #000;
 text-decoration: underline;
}

ul.news_list li .cat {
 padding: 0px 10px;
 margin: 0 20px 0 20px;
}

ul.news_list li .news_date {
 color: #424242;
}

ul.news_list li .info {
 background: #000;
 color: #fff;
}

ul.news_list li .blog {
 background: #024999;
 color: #fff;
}

ul.news_list li .news_all {
 background: #0891E3;
 color: #fff;
}

ul.news_list li .career_all {
 background: #E1E309;
 color: #000;
}

ul.news_list li .campaign {
 background: #EF476F;
 color: #fff;
}


/* index-特徴
--------------------------------------------------------*/

#point {
 background: url(./assets/img/point_bg.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
 background-size: cover;
}


/* **************************************

	固定ページ

* ************************************** */

.mg_top {
 border: 1px solid #fff;
 margin-top: 90px;
}

@media screen and (max-width: 967px) {
 .mg_top {
  margin-top: 60px;
 }
}

.pagetitle,
.pagetitle_single,
.pagetitle_news,
.pagetitle_quality,
.pagetitle_price,
.pagetitle_gallery,
.pagetitle_campaign,
.pagetitle_office,
.pagetitle_contact,
.pagetitle_car_place {
 width: 100%;
 font-size: 35px;
 font-weight: bold;
 margin: 20px auto 0;
 padding: 100px 0px;
 text-align: center;
 color: #000;
}

.pagetitle_quality {
 background: url(./assets/img/quality_bg.jpg) no-repeat center center;
 background-size: cover;
}

.pagetitle_price {
 background: url(./assets/img/price_bg.jpg) no-repeat center center;
 background-size: cover;
}

.pagetitle_office {
 background: url(./assets/img/office_bg.jpg) no-repeat center center;
 background-size: cover;
}

.pagetitle_contact {
 background: url(./assets/img/contact_bg.jpg) no-repeat center center;
 background-size: cover;
}

.pagetitle_car_place {
 background: url(./assets/img/now_bg.jpg) no-repeat center center;
 background-size: cover;
}


/* 特徴
--------------------------------------------------------*/

h3.title_page_1 {
 font-size: 23px;
 font-weight: bold;
 max-width: 600px;
 display: block;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 margin-bottom: 20px;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}

.sub_title_page_1 {
 max-width: 320px;
 margin: 0 auto;
 font-size: 18px;
 color: #fff;
 background: #0891E3;
 padding: 0 20px 0 20px;
}

h4.hikaku_titlte {
 font-weight: bold;
 padding: 12px;
 text-align: center;
 vertical-align: center;
 color: #000;
 border: 1px solid #ddd;
}

p.hikaku_left,
p.hikaku_right {
 width: 60%;
 margin: 0 auto;
 padding: 10px 0 30px;
}

.hikaku_left_border01 {
 text-align: center;
 width: 70%;
 margin: 0 auto;
 padding: 5px 10px;
 background: #DAF4FF;
 /* 古いFirefox */
 /* 古いSafari,Chrome */
 border-radius: 20px;
 /* CSS3 */
 border: 1px #c9c9c9 solid;
 /* 枠線の装飾 */
}

.hikaku_left_border02 {
 text-align: center;
 width: 70%;
 margin: 0 auto;
 padding: 5px 10px;
 background: #DAF4FF;
 /* 古いFirefox */
 /* 古いSafari,Chrome */
 border-radius: 20px;
 /* CSS3 */
 border: 1px #c9c9c9 solid;
 /* 枠線の装飾 */
}

.bg_quality {
 padding: 0;
 background: #F7D6E0;
}

h4.hikaku_title_right {
 font-weight: bold;
 padding: 15px 0;
 text-align: center;
 vertical-align: center;
 color: #fff;
 background: #EF476F;
 border: 1px solid #ddd;
}

.hikaku_right_border01 {
 text-align: center;
 width: 60%;
 margin: 0 auto;
 padding: 5px 10px;
 color: #fff;
 background: #EF476F;
 /* 古いFirefox */
 /* 古いSafari,Chrome */
 border-radius: 20px;
 /* CSS3 */
 border: 1px #c9c9c9 solid;
 /* 枠線の装飾 */
}

.hikaku_right_border02 {
 text-align: center;
 width: 60%;
 margin: 0 auto;
 margin-bottom: 15px;
 padding: 5px 10px;
 background: #EF476F;
 color: #fff;
 /* 古いFirefox */
 /* 古いSafari,Chrome */
 border-radius: 20px;
 /* CSS3 */
 border: 1px #c9c9c9 solid;
 /* 枠線の装飾 */
}

#quality_three_bg {
 background: url(images/bg_install.gif);
}

h3.title_page_2 {
 font-size: 25px;
 font-weight: bold;
 display: block;
 max-width: 400px;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}


/* 価格
--------------------------------------------------------*/

.price {
 width: 100%;
 margin: 0px 0 20px 0;
}

.price th {
 padding: 12px;
 text-align: center;
 vertical-align: center;
 color: #fff;
 border: 1px solid #ddd;
}

th.right_ {
 padding: 12px;
 text-align: right;
 vertical-align: center;
 color: #000;
 border: none;
 font-weight: normal;
}

.price td.tableleft {
 padding: 12px;
 text-align: left;
 vertical-align: center;
 border: 1px solid #ddd;
 background-color: rgba(256, 256, 256, 1);
}

.price td {
 padding: 12px;
 text-align: center;
 vertical-align: center;
 border: 1px solid #ddd;
 background-color: rgba(256, 256, 256, 1);
}

.price .left-top {
 border-top-style: none;
 border-left-style: none;
 color: #000;
}

.price_last {
 width: 100%;
 margin: 0 0 30px 0;
}

.price_last td.tableleft {
 padding: 12px;
 text-align: left;
 vertical-align: center;
 border: 1px solid #ddd;
 background-color: rgba(256, 256, 256, 1);
}

.price_last th {
 padding: 12px;
 text-align: center;
 vertical-align: center;
 color: #fff;
 border: 1px solid #ddd;
}

.price_last th.right_2 {
 padding: 12px;
 text-align: right;
 vertical-align: center;
 color: #000;
 border: none;
 font-weight: normal;
}

.price_last td {
 padding: 12px;
 text-align: center;
 vertical-align: center;
 border: 1px solid #ddd;
 background-color: rgba(256, 256, 256, 1);
}

.price_last .left-top {
 border-top-style: none;
 border-left-style: none;
 color: #000;
}

#caution_1 {
 margin-bottom: 30px;
}

#caution_2 {
 padding: 10px 30px;
 border: 1px solid #CCCCCC;
}

@media only screen and (max-width: 767px) {
 #caution_2 {
  width: 95%;
  margin: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
 }
}


/* 会社情報
--------------------------------------------------------*/

h3.title_info {
 font-size: 28px;
 font-weight: bold;
 width: 300px;
 display: block;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 margin-bottom: 60px;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}

.officetab {
 margin: 0 auto;
}

.officetab th {
 padding: 12px;
 text-align: left;
 vertical-align: center;
 color: #000;
 border-bottom: 1px solid #ddd;
}

.officetab td {
 padding: 12px;
 text-align: left;
 vertical-align: center;
 border-bottom: 1px solid #ddd;
}


/* お問い合わせフォーム
--------------------------------------------------------*/

h3.title_contact {
 font-size: 25px;
 font-weight: bold;
 max-width: 300px;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}

h3.title_contact2 {
 font-size: 25px;
 font-weight: bold;
 max-width: 300px;
 display: block;
 height: auto;
 color: #0891E3;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 border-top: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
}

.contact_tel {
 margin: 0;
 padding: 0;
 font-size: 31px;
 font-weight: bold;
 color: #EF476F;
}

@media only screen and (max-width: 793px) {
 .contact_tel {
  font-size: 20px;
 }
}

@media only screen and (max-width: 425px) {
 .contact_tel {
  font-size: 27px;
 }
}


/* **************************************

	投稿ページ

* ************************************** */

.undertit {
 text-shadow: 0.04em 0.04em 0 #ffffff, -0.04em 0.04em 0 #ffffff, 0.04em -0.04em 0 #ffffff, -0.04em -0.04em 0 #ffffff, 0.08em 0.08em 0 #123456, 0.1em 0.1em 0.04em rgba(0, 0, 0, 0.3);
}

.pagetitle_single {
 background: url(./assets/img/normal_bg.jpg) no-repeat center center;
 background-attachment: fixed;
 background-size: cover;
}

.thum_height {
 height: 500px;
}


/* **************************************

	アーカイブ

* ************************************** */

.pagetitle_news {
 background: url(./assets/img/news_bg.jpg) no-repeat center center;
 background-size: cover;
}

.pagetitle_campaign {
 /* キャンペーン一覧 */
 background: url(images/campaign_bg.jpg) no-repeat center center;
 background-size: cover;
}

.single-date {
 /* キャンペーン一覧:日時 */
 font-size: 12px;
 margin: 20px 0 0 0;
 padding: 0 0 0 0;
}

.single-title {
 /* キャンペーン一覧:タイトル */
 font-size: 20px;
 margin: 0 0 0 0;
 padding: 20px 0 20px 0;
 border-bottom: 1px solid #ccc;
 font-weight: normal;
}

.single-content {
 /* キャンペーン一覧:本文 */
 margin: 0 0 0 0;
 padding: 20px 0 20px 0;
}


/* ページャー
--------------------------------------------------------*/
/*
.pager {
 text-align: center;
}

a.page-numbers,
.pager .current {
 background: #f0f0f0;
 border: solid 1px #ddd;
 border-radius: 2px;
 padding: 5px 8px;
 margin: 0 2px;
}

.pager .current {
 background: #ccc;
 border: solid 1px 999;
 color: #fff;
}
*/
.pagetitle_gallery {
 background: url(./assets/img/carrer_bg.jpg) no-repeat center center;
 background-size: cover;
}



/* ************************************************ 
*	施工例
* ************************************************ */

.career_all_select {
 padding: 30px 0 60px 0;
}

.sel_01 {
 background: #00AADD;
}

.sel_02 {
 background: #D81164;
}

.sel_03 {
 background: #E2E40A;
}

li.item {
 margin-bottom: 50px;
}

.item-img {
 margin: 0 0 10px 0;
 overflow: hidden;
 text-align: center;
}

@media only screen and (max-width: 767px) {
 .item-img {
  margin: 0 15px 0 15px;
 }
}

.item-date {
 font-size: 13px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-align: center;
}

.item h2 {
 line-height: 150%;
 font-weight: normal;
 letter-spacing: 0.03em;
}

.item-title {
 font-size: 13px;
 margin: 0 0 0 0;
 text-align: center;
}

.block-two,
.block-three,
.block-four,
.block-five,
.block-six {
 list-style: none;
 margin-left: -3.1914893617021276%;
 margin-bottom: 0;
}

.block-two:after,
.block-three:after,
.block-four:after,
.block-five:after,
.block-six:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.block-two>li,
.block-three>li,
.block-four>li,
.block-five>li,
.block-six>li {
 height: auto;
 float: left;
 margin-bottom: 1.5em;
 margin-left: 3.1914893617021276%;
}

.block-two>li {
 width: 46.80851063829787%;
}

.block-three>li {
 width: 30.141843971631204%;
}

.block-four>li {
 width: 21.80851063829787%;
}

@media only screen and (max-width: 767px) {
 .block-two,
 .block-three,
 .block-four,
 .block-five,
 .block-six {
  margin-left: 0;
  margin-bottom: 1.5em;
 }
 .block-two>li,
 .block-three>li,
 .block-four>li,
 .block-five>li,
 .block-six>li {
  float: none;
  margin: 0;
  width: 100%;
 }
}


/* **************************************

	お問い合わせ

* ************************************** */


/* お問い合わせフォーム
--------------------------------------------------------*/

span.wpcf7-list-item {
 display: block;
}

p.blue {
 font-size: 12px;
 margin: 0px;
 font-weight: bold;
 color: #0891E3;
}

.tbl-common01 {
 margin: 0 auto;
}

.tbl-common01 dt {
 margin-top: 10px;
}

.tbl-common01 dd {
 margin-top: 10px;
 padding: 0px 0 10px 0;
}

.tbl-common01 input[type="text"],
.tbl-common01 input[type="tel"],
.tbl-common01 input[type="email"],
.tbl-common01 textarea,
.tbl-common01 select {
 width: 100%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-appearance: none;
 border: 1px solid #ccc;
 background: #EFF1F3;
 border-radius: 3px;
 -webkit-box-shadow: none;
 box-shadow: none;
 padding: 0.43em 0.8em 0.5em 0.8em;
 font-size: 13px;
 color: #333;
}

@media only screen and (max-width:767px) {
 .tbl-common01 dt,
 .tbl-common01 dd {
  padding: 8px 20px;
 }
 .tbl-common01 dt {
  float: none;
 }
}

input#submit_button {
 margin: 20px 0;
 width: 150px;
 height: 50px;
 border: 1px solid #ccc;
}


/* **************************************

	フッター

* ************************************** */

#under_contact {
 background: url(./assets/img/under_contact_bg.jpg) no-repeat top center;
 background-attachment: fixed;
 background-size: cover;
}

.bg {
 background: #fff;
}

.foot_tel {
 max-width: 300px;
 margin: 0 auto;
 padding: 10px;
}

.bo_t {
 padding-top: 10px;
 border-top: 1px solid #DFDFDF;
}

#copyright {
 position: relative;
 font-size: 12px;
 color: #000;
 text-align: center;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

.clearfix:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
 zoom: 1;
}


/* ************************************************ 
*	WP
* ************************************************ */

.wp-caption {}

.wp-caption-text {}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.bl_form_caution {
 border: 1px solid #bbb;
 padding: 30px;
 font-size: 15px;
 font-size: 1.5rem;
 margin-bottom: 50px;
 border-radius: 5px;
}

.bl_formUnit {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
}

.bl_form_label {
 font-family: "Arial", sans-serif;
 font-size: 10px;
 font-size: 1rem;
 display: inline-block;
 margin-right: 10px;
 padding: 5px 8px;
 line-height: 1;
 border-radius: 5px;
 vertical-align: middle;
}

.bl_form_label_required {
 background-color: #ff4e4b;
 color: #fff;
}

.bl_form_label_any {
 background-color: #ddd;
 color: #333;
}

.bl_form_term,
.bl_form_des {
 border-bottom: 1px solid #bbb;
 padding: 30px 0;
}

.bl_form_term {
 font-weight: bold;
 width: 250px;
 padding-right: 10px;
}

.bl_form_des {
 width: calc(100% - 250px);
}

.bl_form_des a {
 font-weight: bold;
 text-decoration: underline;
}

.bl_form_srcoll {
 background-color: #fff;
 display: inline-block;
 overflow-y: auto;
 width: 100%;
 height: 100px;
 padding: 20px 20px 0;
 border: 1px solid #bbb;
 -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 480px) {
 .bl_form_srcoll {
  padding: 20px;
 }
}

.bl_form_srcoll:after {
 content: "";
 display: block;
 height: 20px;
}

@media screen and (max-width: 480px) {
 .bl_form_srcoll:after {
  height: 20px;
 }
}

.bl_form_policy {
 font-size: 12px;
 font-size: 1.2rem;
}

.bl_form_policy_caution {
 margin-bottom: 20px;
}

.bl_form_policy_term {
 font-weight: bold;
 padding-bottom: 10px;
 border-bottom: 1px dashed;
 margin-bottom: 10px;
 font-size: 18px;
 font-size: 1.8rem;
}

.bl_form_policy_des {
 margin-bottom: 50px;
}

.bl_form_policy_des:last-child {
 margin-bottom: 0;
}

@media screen and (max-width: 834px) {
 .bl_form_term,
 .bl_form_des {
  width: 100%;
  border-bottom: 0;
 }
 .bl_form_term {
  border-bottom: 1px dashed #bbb;
 }
 .bl_form_term:first-child {
  border-top: 1px solid #bbb;
 }
 .bl_form_des {
  border-bottom: 1px solid #bbb;
 }
}

fieldset,
legend,
button {
 margin: 0;
 padding: 0;
 border: none;
 border-radius: 0;
 outline: none;
 background: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

select,
button,
textarea {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 font-family: inherit;
 border-radius: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 color: inherit;
 font-size: inherit;
 background-color: #fff;
}

input {
 border: 1px solid #bbb;
 outline: 0;
 font-family: inherit;
 font-size: inherit;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-appearance: none;
 border-radius: 0;
}

input[type=text],
input[type=url],
input[type=email],
input[type=password],
input[type=search],
input[type=time],
input[type=date],
input[type=week],
input[type=month],
input[type=datetime-local],
input[type=datetime],
input[type=number],
input[type=color],
input[type=tel] {
 width: 100%;
 padding: 10px;
}

select,
textarea {
 border: 1px solid #bbb;
 padding: 10px;
 outline: 0;
 width: 100%;
 background-color: #fff;
}

textarea {
 width: 100%;
 min-height: 200px;
 resize: vertical;
 display: block;
}

input[type=submit],
input[type=reset],
input[type=button] {
 display: inline-block;
 padding: 10px 30px;
 border: 1px solid #ddd;
 border-radius: 0;
 background-color: #fff;
 color: #000;
 font-size: 14px;
 font-size: 1.4rem;
 cursor: pointer;
 font-weight: bold;
 font-family: inherit;
}

input[type=file] {
 border: 0;
 font-size: 15px;
 font-size: 1.5rem;
}

select::-ms-expand {
 display: none;
}

input[type=submit]::-webkit-search-decoration,
input[type=reset]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration,
input[type=search]::-webkit-search-decoration {
 display: none;
}

::-webkit-search-cancel-button {
 -webkit-appearance: none;
}

input[type=search]::-webkit-search-decoration {
 margin: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 -webkit-appearance: none;
 appearance: none;
 background: none;
 outline: none;
}

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.el_checkbox label input,
.el_radio label input {
 display: none;
}

.el_checkbox label input:checked+.el_checkbox_text:after,
.el_radio label input:checked+.el_radio_text:after {
 display: block;
}

.el_checkbox label,
.el_radio label {
 display: inline-block;
 margin-right: 20px;
}

.bl_form_des.vertical {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.bl_form_des.vertical .el_radio,
.bl_form_des.vertical .el_checkbox {
 margin-bottom: 10px;
}

.bl_form_des.vertical .el_radio:last-child,
.bl_form_des.vertical .el_checkbox:last-child {
 margin-bottom: 0;
}

.el_checkbox label .el_checkbox_text,
.el_radio label .el_radio_text {
 padding-left: 30px;
 position: relative;
 cursor: pointer;
}

.el_checkbox label .el_checkbox_text:before,
.el_radio label .el_radio_text:before {
 content: "";
 position: absolute;
 -webkit-transition: 0.3s;
 transition: 0.3s;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 width: 20px;
 height: 20px;
 border: 1px solid #bbb;
 background-color: #fff;
}

.el_checkbox label .el_checkbox_text:after {
 content: "";
 position: absolute;
 -webkit-transition: 0.3s;
 transition: 0.3s;
 display: none;
 width: 20px;
 height: 10px;
 left: 0;
 top: 50%;
 margin-top: -8px;
 -webkit-transform: scale(0.5) rotate(-45deg);
 transform: scale(0.5) rotate(-45deg);
 border-bottom: 2px solid #333;
 border-left: 2px solid #333;
}

.el_radio label .el_radio_text:after {
 content: "";
 position: absolute;
 -webkit-transition: 0.3s;
 transition: 0.3s;
 display: none;
 background-color: #333;
 width: 20px;
 height: 20px;
 left: 1px;
 top: 50%;
 margin-top: -10px;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}

.el_radio label .el_radio_text:before,
.el_radio label .el_radio_text:after {
 border-radius: 100px;
}

.el_select {
 position: relative;
 z-index: 1;
}

.el_select_icon {
 position: absolute;
 z-index: 2;
 right: 1px;
 top: 1px;
 width: 40px;
 height: 100%;
 height: calc(100% - 2px);
 pointer-events: none;
}

.el_select_icon:after {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -10px;
 margin-left: -5px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 width: 10px;
 height: 10px;
 border-bottom: 1px solid #333;
 border-left: 1px solid #333;
}

input[type=submit],
input[type=reset],
input[type=button] {
 display: inline-block;
 border: 1px solid #4d4d4d;
 border-radius: 5px;
 background-color: #4d4d4d;
 color: #fff;
 font-size: 15px;
 font-size: 1.5rem;
 -webkit-transition: all 0.4s;
 transition: all 0.4s;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
 border: 1px solid #4d4d4d;
 background-color: #fff;
 color: #333;
}

.mg60_b {
 margin-bottom: 60px;
}


/* Pager style（外部化可） */

.pager {
 text-align: right;
 padding: 10px;
 clear: both;
}


/*ページャーボタン*/

.pager a {
 border: 1px solid #999;
 border-radius: 5px 5px 5px 5px;
 color: #333;
 font-size: 12px;
 padding: 3px 7px 2px;
 text-decoration: none;
 margin: 0 1px;
}

.backORcloseBtn {
 text-align: center;
 line-height: 100%;
 margin-top: 30px;
}

.backORcloseBtn a {
 display: inline-block;
 padding: 10px 20px;
 border: 1px solid #333;
 color: #333;
 border-radius: 3px;
 text-decoration: none;
 font-size: 12px;
 font-size: 1.2rem;
}

.detailUpfile img {
 max-width: 100%;
}
