/*
Project Name:
Author:
*/

/*------------------------------------*\
  リセット
\*------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
  background: transparent;
  border: 0 none;
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
::-moz-selection {
background-color: #91D8f7;
color: #fff;
}
::selection {
	background-color: #91D8f7;
	color: #fff;
}


body {
background-image: url(/site/wp-content/uploads/2018/02/background-texture-center.png);
position:static!important;
}




.inner-wrap {
overflow:hidden;
}

.inner-wrap2 {
overflow:hidden;
}

a {
	outline: 0;
	color: #27B3CF;
	text-decoration: none;
}

a:hover, a:focus {
color: #90949c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#contentsArea a:hover {
color: #27B3CF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

@media screen and (min-width:768px){
a:hover {
	text-decoration: none;
}
}

html {
  -webkit-overflow-scrolling: touch;
  margin-top:0px!important;
}


img{
	vertical-align:bottom
}

a img{
transition:all linear 0.2s;
box-shadow: #000 0 0 0;
}

@media screen and (min-width:768px){
a img:hover{
opacity:0.7;
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-image a img {
transition:all linear 0.2s;
box-shadow: #000 0 0 0;
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-image a img:hover {
opacity:0.7;
}
}

p a:hover {
	color: #27B3CF;
}


/*
a:active {
	outline: none;
	position: relative;
	top: 4px;
}

a:active div#slider {
	outline: none;
	top: 4px;
}

div#slider a:active {
	outline: none;
	top: 4px;
}
*/

.clearfix {
	clear: both;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}

p.lead {
  font-size: 1.0rem;
  line-height: 1.8;
}

p.read {
  font-size: 0.9rem;
  line-height: 1.6;
}

p.text {
  font-size: 0.9rem;
  line-height: 1.7;
  font-family: "Avenir", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.textt {
  font-size: 1.05rem;
  line-height: 1.8;
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.textt {
  font-size: 1.05rem;
  line-height: 1.8;
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.texttt {
  font-size: 0.9rem;
  line-height: 1.7;
  font-family: "Avenir", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.textttt {
  font-size: 0.8rem;
  line-height: 1.6;
  font-family: "Avenir", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text-m {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin:0px;
}


#contentsArea p.text-1 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #111;
    padding: 10px 0px 4px 0px;
    margin: 0px;
    line-height: 100%;
}


#contentsArea p.mincho {
font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "serif";
color:#fff;
text-align:center;
font-weight:700;
padding: 0;
margin: 0;
}

#contentsArea p.mincho span {
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "serif";
}

p.caption {
  font-size: 0.8rem;
  font-family: "Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.caption {
    font-size: 0.9em;
}

p#textshadow {
  text-shadow: none;
}

.mb0{margin:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb10t10{
margin-top:10px;
margin-bottom:10px;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

input.secondary{
border:1px dashed #666;
}

/*------------------------------------*\
  基本
\*------------------------------------*/
html { overflow-y: scroll;/*CSS3でスクロールバーを常に表示*/
 }
body {
	font-size:14px;
	line-height: 2.0;
  font-family:"Avenir", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.white {
color:#D158A9;
}

.white-font {
color:#fff;
}

h1 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6em;
	font-weight: normal;
  /*line-height: 150%;*/
}

h2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
        font-weight: normal;
        line-height: 160%;
}

h2.heading {
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 0.8rem;
}

.magazinecat {
    font-size: 0.8rem;
    border-bottom: solid 1px #eee;
}

h2.heading_subtitle {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 5px 0px 5px 0px;
}

@media (max-width: 481px) {
h2.heading_subtitle {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 4px 0px 5px 0px;
}
}

.section-title {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 7% 0% 1.5% 0%;
  clear:both;
  overflow: hidden;
}

@media (max-width: 481px) {
.section-title {
  font-size: 0.7rem;
}
}

h3 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
        font-weight: 400;
        line-height: 150%;
	clear: both;
        margin-bottom: 4px;
}

h3.subt {
    font-weight: bold;
    margin: 4px 0px 4px 0px;
    display: inline-block;
}

@media screen and (max-width: 414px) {
h3.subt { font-size: 1.3em;}
h3.forsale-disc {font-size: 0.75em;}
}

h3.heading {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color:#654815;
}

h3.mincho {
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "serif";
    line-height: 1.9em;
}


h3.forsale {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.9rem;
    color: rgb(32, 41, 46);
    font-weight: bold;
    margin-bottom: 24px;
}

h3.forsale-disc {
    margin-bottom: 10px;
}

h4 {
	font-family: "游明朝体", "Yu Mincho", "serif", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
        font-weight: normal;
        line-height: 180%;
	clear: both;
}

h5 {
	font-family: "游明朝体", "Yu Mincho", "serif", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.1em;
        font-weight: normal;
        line-height: 190%;
	clear: both;
}

p {
	font-family: Avenir, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px 0px 10px;
	font-size: 1.0em;
        font-weight: normal;
	padding: 0;
	line-height: 175%;
	text-align: justify;
	text-justify: auto;
}

h6 {
	font-family: Avenir, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	text-align: center;
}

small {
	font-size: 0.7em;
	line-height: 130%;
}

/*-------------------------------------------------
UL/OL
-------------------------------------------------*/
ul {
	list-style: none;
}

ol{
margin-left:2em;
}

/*-------------------------------------------------
レイアウト用・トップへ戻る・右タブ
-------------------------------------------------*/
#totop {
	/* bottom: 100px!important; */
    position: fixed;
	height: 45px;
	width: 45px;
	right: 20px;

}

#totop2 {
	bottom: 350px;
        position: fixed;
	width: 44px;
	right: -2px;
        z-index:2;
}
#totop3 {
	bottom: 194px;
        position: fixed;
	width: 44px;
	right: -2px;

}
#totop4 {
	bottom: 38px;
        position: fixed;
	width: 44px;
	right: -2px;

}

@media screen and (max-width: 768px) {
#totop2 {
	bottom: 350px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
#totop3 {
	bottom: 255px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
#totop4 {
	bottom: 160px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
}

@media screen and (max-width: 321px) {
#totop2 {
	bottom: 280px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
#totop3 {
	bottom: 185px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
#totop4 {
	bottom: 90px;
        position: fixed;
	width: 27.5px;
	right: -2px;

}
}


.contents {
	clear: both;
	padding-bottom: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

.page-id-25282 .contents {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.contents-bottom {
padding-bottom: 0px;
margin-bottom: 0px;
}

section {
	margin-bottom:20px;
}

#contact_banner {
	top: 90px;
	position: fixed;
	width: 44px;
	right: 0px;
}

/*-------------------------------------------------
header
-------------------------------------------------*/
header {
	clear: both;
    padding-bottom: 0px!important;/*202002変更*/
}

.g-middle {
    display: inline-block;
}
.g-middle img {
vertical-align: middle;
}

@media screen and (max-width: 414px) {
header {
    padding-bottom: 0px!important;
}
}

#header h2 {
	float: left;
	font-size: 0.9em;
	background: url(img/bar.gif) no-repeat left 24px;
	padding-left: 34px;
	margin-left: 10px;
	line-height: 48px;
	margin: 30px 0 0 0;
	padding-top: 0px;
        position: relative;
        z-index: 5;
}

#tagline {
	padding:5px 0;
    background: #f4f4f4;
	border-bottom: solid 1px #000;
    box-shadow: 0px 2px #f4f4f4, 0px 4px #000;
    display: block;
}
#tagline h1 {
	font-size: 0.8em;
	margin:0 auto;
	text-align:left;
	padding:0;
}

@media screen and (max-width: 700px) {
#tagline h1 {
	text-align:center;
        font-size: 0.6em;
}
}

#tagline p{
	font-size: 0.8em;
	padding:0;
	margin:0;
	text-align:right;
}


/*-------------------------------------------------
nav
-------------------------------------------------*/


.top-bar {
	height:auto;
  position: relative;
  background: #FFF;
  margin:0;

 }

.tab-bar.show-for-small{
background: #FFF!important;

}

.top-bar-section {
  left: 0;
  position: relative;
  width:100%;
  transition: left 300ms ease-out;
  margin:0 auto;
}
.top-bar-section ul {
    display: table!important;
 table-layout:fixed!important;
 margin: 0 auto;
 width:100%!important;
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }


.top-bar-section ul li{
	 display: table-cell;
	 float:none!important;
	 height:auto;
	 text-align:center;
	 margin:0;
 }


@media screen and (max-width: 414px) {
.top-bar-section ul li{
	 display:block;
	 float:none!important;
	 height:auto;
	 text-align:center;
	 margin:0;
background:#fff;
border-bottom:1px solid #000;
width:100%;
    padding: 2px;
 }

.top-bar-section ul {
    display:block;
 margin: 0 auto;
 width:100%!important;
}
}


.top-bar-section ul li > a {
	 text-decoration:none;
	 text-align:center;
         font-family: "Times New Roman","游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         font-size: 0.75rem;
         font-weight: normal;
	 color:#000;
	 padding:6px 6px!important;

         line-height:1.5!important;
}



@media screen and (max-width: 414px) {
.top-bar-section ul li > a {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;         font-size: 0.85rem;
         font-weight: bold;
}

.top-bar.expanded {
    position: fixed;
    z-index:99999;
}

}


.top-bar-section ul li > a span{
      font-size: 0.9rem;
      display:block;
      margin:0 auto;
}


.top-bar-section ul li:nth-child(1) > a {
	  border-left:none;
}
.top-bar-section ul li > a:hover {
	  color:#000;
	  background:#FFF;
}

.top-bar-section ul li ul{
	border:none;
}

.top-bar-section ul li li{
	 display: block!important;
}

.top-bar-section ul li li a{
	color:#000;
	background:#3f3e3a;
	padding:5px auto;
	font-size:0.7em;
}

.top-bar-section .dropdown li a:hover {
    background:#f1f1f1;
    border:none;
}

.has-dropdown.not-click > a{
    color:#000;
}

.top-bar-section ul li.title.back{
display:none!important;
}

.top-bar-section ul li.parent-link{
display:none!important;
}

.tab-bar .menu-icon {
  width: auto;
  height: auto;
  color:#000;
}

.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0 40px 0 15px;
  color: #000;
  position: relative;
}

.tab-bar .menu-icon span::after { /*メニューアイコン*/
    box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}
.top-bar.expanded .title-area {
  background: #FFF;
}

/*-------------------------------------------------
offcanvas
-------------------------------------------------*/
.left-off-canvas-menu {
  background: #FFF;
}

ul.off-canvas-list li a{
background:#666;
pointer-events:auto;
font-size:12px;
}

ul.off-canvas-list li a:hover{
background:#000;
}
.move-right .exit-off-canvas {
  box-shadow:none;
}

/*-------------------------------------------------
footer
-------------------------------------------------*/
#footer_top {
	background-image:url(/site/wp-content/uploads/2017/05/DSC_4028--e1498996816711.jpg);
background-size:cover;
        background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
color:#fff;
}

@media screen and (max-width: 414px) {
#footer_top {
background-attachment: scroll;
}
}



div#footer_top a {
color:#fff;
padding: 4px;
letter-spacing: 4px;
}

div#footer_top a:hover {
    color: #27B3CF;
}


.bkRGBA2 {
  height: 100%;
  background: rgba(0,0,0,0.5);
    padding: 2% 0%;
    box-sizing: border-box;
}

#footerArea {
	padding:30px 0px!important;
	color: #fff;
	font-family:Avenir, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        background-image: url(/site/wp-content/uploads/2018/02/Concrete-wall-texture041-1-2.jpg);
width:100%;
margin:0 auto;
}

/*----------
LPのみ表示なし
----------*/

/*lp事例集*/

.page-id-25282 .bkRGBA2 {
    display: none;
}

.page-id-25282 #footerArea {
    display: none;
}

.page-id-25282 #footerFloatingMenu {
    display: none;
}

/*lp2事例集*/

.page-id-25812 .breadcrumbs {
    display: none;
}

.page-id-25812 #footerArea {
    display: none;
}

/*20240531lp1物件探しからリノベーション*/

.page-id-26967 .breadcrumbs {
    display: none;
}

.page-id-26967 .bkRGBA2 {
    display: none;
}

.page-id-26967 #footerArea {
    display: none;
}

.page-id-26967 #footerFloatingMenu {
    display: none;
}

.page-id-26967 #gnav {
    display: none;
}
.page-id-26967 .top-bar {
    display: none;
}
.page-id-26967 #header {
    display: none;
}

/*20240629lp1a*/

.page-id-27445 .breadcrumbs {
    display: none;
}

.page-id-27445 .bkRGBA2 {
    display: none;
}

.page-id-27445 #footerArea {
    display: none;
}

.page-id-27445 #footerFloatingMenu {
    display: none;
}

.page-id-27445 #gnav {
    display: none;
}
.page-id-27445 .top-bar {
    display: none;
}
.page-id-27445 #header {
    display: none;
}

/*20240629lp1b*/

.page-id-27787 .breadcrumbs {
    display: none;
}

.page-id-27787 .bkRGBA2 {
    display: none;
}

.page-id-27787 #footerArea {
    display: none;
}

.page-id-27787 #footerFloatingMenu {
    display: none;
}

.page-id-27787 #gnav {
    display: none;
}
.page-id-27787 .top-bar {
    display: none;
}
.page-id-27787 #header {
    display: none;
}

/*20240531lp2耐震リノベーション*/

.page-id-27069 .breadcrumbs {
    display: none;
}

.page-id-27069 .bkRGBA2 {
    display: none;
}

.page-id-27069 #footerArea {
    display: none;
}

.page-id-27069 #footerFloatingMenu {
    display: none;
}

@media (max-width: 767px) {
.page-id-25812 #footerFloatingMenu {
    display: none;
}
}

/*----------
LPのみ表示なしend
----------*/

#to-access {
    border-bottom: solid 2px;
}

.footer-share-links {
    text-align: center;
}

.share-links-cap {
text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
}

#footerArea ul li {
	padding:3px 0;
	line-height:2.0;
	color:#c2b28d;
	font-size:0.75rem;
}

#footerArea ul li a{
	color:#848484;
color: #848484;
}

#footerArea ul li a:hover {
    color: #27B3CF;
}

#footerArea strong{
	color: #848484;
	font-size:13px!important;
	display:block;
	border-bottom:1px solid #848484;
	margin-bottom:5px;
}

.footerpadding {
padding:0px 5px 0px 5px;
}

.footerpadding2 {
padding:0px 16px 30px 16px;
text-align: center;
}

#copyright{
	background: #000;
	font-size:0.7rem;
padding:4px 0;
	font-family:Avenir, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #848484;
width:100%;
margin:0 auto;
position: absolute;
}

@media screen and (max-width: 414px) {
#copyright{
height: 126px;
}
}

/*20200508追加*/
@media screen and (max-width: 414px) {
    .page-id-17479 > #footer_top,
    .page-id-17479 > #footerArea{
        display: none;
    }
}

/*20200509工藤追加*/
@media screen and (max-width: 414px) {
    .page-id-17488 > #footer_top,
    .page-id-17488 > #footerArea{
        display: none;
    }
}


/*-------------------------------------------------
画像
-------------------------------------------------*/
figure {
	margin-top: 5px;
	margin-bottom: 15px;
}

.hoverImg{
	position:relative;
}


.hoverImg .hoverArea{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	transition:all linear 0.2s;
	cursor:pointer;
	display: flex;
    align-items: center;
}

.hoverImg:hover .hoverArea{
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
}

.hoverImg .hoverArea .text{
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:0.8rem;
        margin:0 auto;
}



/*-------------------------------------------------
パンくずリスト
-------------------------------------------------*/
.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: transparent;
  border:none;
  padding-top:20px;
  position:relative;
  z-index: 0;
  margin-bottom: 10px;
}

.breadcrumbs li{
  line-height:1.5;
}


/*-------------------------------------------------
20231019　LPパンくずリストなし
-------------------------------------------------*/
.page-id-25282 .breadcrumbs {
    display: none;
}

.page-id-26967 .breadcrumbs {
    display: none;
}

/*---------------------------------------
 TOP works
---------------------------------------*/
section#works{
	margin-bottom:60px;
}

/*---------------------------------------
 member一覧
---------------------------------------*/
body.post-type-archive-member #main img{
	border-radius:50%;
	transition:all ease-in-out 0.3s;
}

body.post-type-archive-member #main img:hover{
	transform:rotateX(90);
}

header.entry-header{
	border-bottom:1px solid #aaa;
	margin-bottom:20px;
}

header.entry-header h2{
	font-size:1.4rem;
	font-weight:normal;
}

header.entry-header h2 span{
	font-size:1rem;
	text-transform:uppercase;
}

#submaenu .bnr{
	margin-bottom:10px;
}

#submaenu h2.heading{
	background:#ccc;
	padding:0.5em;
	text-align:center;
        font-size:0.9em;
	font-weight:normal;
}

#submaenu h2.heading span{
	font-size:0.7em;
	display:block;
	text-transform:uppercase;
}

#submaenu h2.heading a{
	display:block;
	color:#000;
}

#submaenu h2.heading a:hover{
	text-decoration:none;
	color:#999;
}


#submaenu h2.title{
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:30px 10px;
}

#concept {
         font-size: 1.7em;
         text-align: center;
         line-height: 180%;
}

div#concept.h2{
         line-height: 180%;
}

@media (max-width:768px){
#concept {
         font-size: 0.8em;
         text-align: center;
         line-height: 220%;
}
}

/*-------------------------------------------------
Table
-------------------------------------------------*/

table td:nth-child(even),
table td:nth-child(odd),
table th:nth-child(even),
table th:nth-child(odd){
	padding:2px 10px;
}



/*-------------------------------------------------
コンテンツベース
-------------------------------------------------*/

#entryHeader{
    margin:1.1rem;
}

#entryHeader.magazine-entryHeader {
    margin:0rem!important;
    overflow:hidden;
}

#entryHeader h1.entry-title{
	margin:20px 20px 20px 20px;
	font-size:150%;
        color:#20292E;
        font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight:bold;
}

@media screen and (max-width: 414px) {
#entryHeader h1.entry-title {
    font-size:124%!important;
}
}

@media screen and (max-width: 414px) {
.title {
font-size: 110%!important;
}
}

#entryHeader h1.entry-title.magizne-title{
        /* color:; */
}

.interview-title {
margin:0px!important;
color:#333;
font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8em;
}

@media screen and (max-width: 414px) {
.interview-title {
margin:0px!important;
font-size: 120%!important;
}
}


.interview-subtitle {
margin:0px!important;
color:#333;
font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8em;
}


@media screen and (max-width: 414px) {
.interview-subtitle {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin:0px!important;
font-size: 120%!important;
}
}



h1.onestop-title{
	margin:20px 20px 5px 20px;
	font-size: 38px;
        color:#20292E;
        font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: normal;
}

@media screen and  (max-width:768px){
h1.onestop-title{
        font-size: 29px;
}
}


#works{
	margin-bottom:20px;
}


/*-------------------------------------------------
　サイドバー共通
-------------------------------------------------*/
#secondary .bnr{
	margin-bottom:10px;
}

#secondary h2.heading{
	background:#ccc;
	padding:0.5em;
	text-align:center;
	font-size:1.0em;
	font-weight:normal;
}

#secondary h2.heading span{
	font-size:1.0em;
	display:block
}

#secondary table{
	width:100%;
	margin:7px 0;
        font-size:0.8rem;
}

#secondary table th{
	width:20%;
}

#secondary table span{
	width:10px;
	height:10px;
	display:inline-block;
	background:#cccccc;
}

#secondary .widget_sp_image{
margin-bottom:20px;
}

#secondary .widget_sp_image a:hover{
opacity:0.6;
}

/*-------------------------------------------------
　メインエリア共通
-------------------------------------------------*/
#contentsArea .new .columns{
margin-bottom:1em;
}


#contentsArea .inner {
    padding: 0.0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}


#contentsArea .inner h1{
        font-family: "游明朝体", "Yu Mincho", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.05rem;
	font-weight:normal;
	margin:20px 0 0 0;
	color:#000;
    line-height: 1.6em;
}

.inner-none {
    font-size:0;
    height: 400px;
}
#contentsArea .inner-none h1{
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	font-size:1.02rem;
	font-weight:normal;
	margin-top:14px;
    margin-bottom:10px;
	color:#000;
    line-height:140%;
}

#contentsArea .inner h4{
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:0.9rem;
	font-weight:normal;
	/*margin:7px 0 3px 0;*/
	padding:0.3rem;
	margin-bottom:7px;
	color:#000;
}


#contentsArea .innner{
	/*border:1px dashed #999;*/
	padding:0.4em;
	transition:all linear 0.2s;
    border-radius: 4px;
    height: 350px;
}

#contentsArea .inner h5{
	font-size:0.9rem;
	font-weight:normal;
}


#contentsArea p{
	/*font-size:0.8rem;*/
	margin:8px 0 0 0;
	font-size:0.75rem;
	color:#999;
    word-wrap: break-word;
}

#contentsArea a {
	text-decoration:none;
	color:#000;
    font-size: 74%;
}

@media screen and (min-width:768px){
#contentsArea .inner:hover{
       background:#e4e4e4;
       -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
       transition: all  0.3s ease;
}

#contentsArea .innner:hover{
	background:#e4e4e4;
}
}

/*-------------------------------------------------
　TOP事例一覧エリアのみ適用
-------------------------------------------------*/
#contentsArea2 {
background-image:url(/site/wp-content/uploads/2018/02/5286-.jpg);
}


#contentsArea2 .new .columns{
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom:1em;
}


#contentsArea2 .inner h4{
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:0.9rem;
	font-weight:normal;
	margin:7px 0 3px 0;
	padding:0.3rem;
	margin-bottom:7px;
	color:#000;

}


#contentsArea2 .innner {
	padding:0em;
	transition:all linear 0.2s;
        border-radius: 4px;
}

#contentsArea2 .inner h5{
	font-size:0.9rem;
	font-weight:normal;
}


#contentsArea2 p{
    margin: 0px 0px -4px 0px;
	font-size:10.8px;
	color:#555;
}

.gralley-pad {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

#contentsArea2 a{
	text-decoration:none;
	color:#000;
}
@media screen and (min-width:768px){
#contentsArea .inner:hover{
	background:#e4e4e4;
}

#contentsArea2 .innner:hover{
	background:#eee;
}
}


/*-------------------------------------------------
 interview
-------------------------------------------------*/
#contentsArea h4.owner{
height:95px;
}


/*-------------------------------------------------
 Portfolio
-------------------------------------------------*/
#secondary #portfolio_cat table span.separate,#contentsArea h4.separate{background:#75bdd8;}
#secondary #portfolio_cat table span.shop,#contentsArea h4.shop{background:#95c149;}
#secondary #portfolio_cat table span.collective,#contentsArea h4.collective{background:#fd855b;}
#secondary #portfolio_cat table span.house,#contentsArea h4.house{background:#fe8e9c;}
#secondary #portfolio_cat table span.forsale,#contentsArea h4.forsale{background:#07C1BE;}
#secondary #portfolio_cat table span.project,#contentsArea h4.project{background:#ffcf00;}
#secondary #portfolio_cat table span.portfoliotag,#contentsArea h4.portfoliotag{background:#CCCCCC;}

.icon_cat{color:#FFF;}
.icon_cat.separate{background:#75bdd8;}
.icon_cat.shop{background:#95c149;}
.icon_cat.collective{background:#fd855b;}
.icon_cat.house{background:#fe8e9c;}
.icon_cat.rent{background:#88591F;}
.icon_cat.forsale{background:#07C1BE;}
.icon_cat.project{background:#ffcf00;}
.icon_cat.news{background:#e7e7e7;}
.icon_cat.autoline {
    color: #fff;
    border-radius: 4px;
    margin-top: 3px;
    margin-bottom: 4px;
    background:#75C6DB;
    text-align: center;
    padding:6px;
}



.iconwidth {
    width: none;
}

.jyoshi {
    color: #fff;
    border-radius: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    background:#9E49A1;
    width: 50%;
    text-align: center;
}


.autoline2 {
    display: inline-block;
    font-family: Avenir, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.2em;
    color: #000;
    padding: 4px 10px 2px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
    border: 1px solid #111;
    font-weight:700;
}

.autoline3 {
	display: inline-block;
	position: relative;
        padding: 3px 13px 2px 13px;
        border-radius: 20px;
        background: #000;
    font-size: 0.9em;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 4px;
    background:#000;
    text-align: center;
}

h3.heading_before{
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:0.7rem;
color:#fff;
padding:3px 5px;
text-align:center;
font-weight:normal;
text-transform:uppercase;
background-color:#000;
margin-bottom: 0px;
}

h3.heading_under{
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:0.7rem;
color:#fff;
padding:3px 5px;
text-align:center;
font-weight:normal;
text-transform:uppercase;
background-color:#000;
margin-bottom: 0px;
}


h3.heading_section {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6em;
line-height: 160%;
text-align:center;
font-weight:bold;
}



.spec {
    padding: 20px;
    font-size: 13px;
    display: grid;
    border: solid 1px #ccc;
    background-color: #fff;
}

.spec p {
    line-height: 145%;
    margin: 5px 0px 5px 0px;
    display: inline-block;
}

.plan{
border:1px dotted #aaa;
padding:15px 15px 25px 15px;
}

.plan{
background:url(img/arrow-right.png) no-repeat center;
background-color: #fff;
}

.planlist {
color: #fff;
display: inline-block;
    position: relative;
    padding: 1px 2px;
    border-radius: 20px;
    background: #00B3A5;
    font-size: 0.65rem;
    font-weight: 700;
    width: 90px;
margin-bottom: 20px;
}


.portofolio-textarea {
margin-top:1.2em;
margin-bottom:2.0em;
line-height: 1.8;
}


.dot {
border: 1px dotted #aaa;
padding: 4px;
background-color: #fff;
}

/*--- 20230523奥本追加 ---*/
@media screen and (max-width: 640px) {
.portofolio-textarea {
font-size: 16px;
}

.spec {
    font-size: 16px;
}
}
/*--- end ---*/


/*-------------------------------------------------
Member
-------------------------------------------------*/
section.member{
padding:0 5px 13px 5px;
border-bottom:1px dashed #ddd;
}

h1.entry-title span{
font-size:0.8rem;
color:#bbb;
letter-spacing:0.2em;
display:block;
}

h2.post{
font-weight:normal;
}

section.member .medium-4{
color:#8ec31f;
font-weight:normal;
}

@media (max-width:728px){
section.member .medium-4{
font-weight:normal;
color:#8ec31f;
}
}

@media (max-width:400px){
p.lead {
  font-size: 1.0rem;
  line-height: 1.6;
}
}

/*---------------------------------------
 Event
---------------------------------------*/
#secondary #event_cat table span.event_other,#contentsArea h4.event_other{background:#b992dd;}
#secondary #event_cat table span.workshop,#contentsArea h4.workshop{background:#75bdd8;}
#secondary #event_cat table span.open-room,#contentsArea h4.open-room{background:#95c149;}
#secondary #event_cat table span.events,#contentsArea h4.events{background:#fd855b;}
#secondary #event_cat table span.seminar,#contentsArea h4.seminar{background:#fe8e9c;}
#secondary #event_cat table span.consultation,#contentsArea h4.consultation{background:#FA1E4F;}


.icon_cat {
display: inline-block;
font-size:10px;
padding: 0.4em 0.6em;
background:#000000;
border-radius:3px;
margin: 2px;
line-height: 100%;
}

.icon_cat:hover {
	opacity:0.7;
	    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

@media screen and (max-width: 600px) {
.icon_cat {
 font-size:9px;
}
}

@media screen and (max-width: 320px) {
.icon_cat {
 font-size:8px;
}
}


.icon_cat.consultation{background:#FA1E4F;}
.icon_cat.workshop{background:#75bdd8;}
.icon_cat.open-room{background:#95c149;}
.icon_cat.events{background:#fd855b;}
.icon_cat.seminar{background:#fe8e9c;}
.icon_cat.event_other{background:#b992dd;}
.icon_cat.news{background:#e7e7e7;}
.icon_cat.interview{background:#c2a5ca;}
.icon_cat.report{background:#4682B4;}
.icon_cat.renovationcolumn{background:#DC143C;}
.icon_cat.eventreport{background:#8FCCA1;}
.icon_cat.hobby-holiday{background:#292F36;}
.icon_cat.sharehouse{background:#E6DEC5;}
.icon_cat.sumakoto{background:#40c2de;}
.icon_cat.hizakurige{background:#E37538;}

.icon_cat a { color:#fff!important; }

/*---------------------------------------
 Contact
---------------------------------------*/
@media (min-width:728px){
input[type="text"].md,
input[type="email"].md{
width:50%;
}
}

.textArea {
    line-height: 149%;
    min-height: 50px;
    font-size: 0;
}

.blogtextarea {
	background-color: #fff;
	width: 95%;
        margin:10px;
        padding: 0.2em 0.4em;
}

.blogtitle {
        font-size:1.5em;
        font-weight: 700;
        margin-top: 8px;
}

.arrivalstitle {
        font-size:1.3em;
        font-weight: 600;
        line-height: 130%;
        margin-top: 2px;
}

.arrival-height {
        margin-top:4px;
}


@media screen and (max-width: 414px) {
.blogtitle {
        font-size:1.2em;
        line-height: 1.3em;
}

.arrivalstitle {
        font-size:1.1em;
        font-weight: 600;
        line-height: 1.2em;
}

#contentsArea p.leading3 {
font-size:0.7em;
}
}

.page_navi,
.bread_crumb {
clear-after: left;
margin:0 0 15px 0;
padding:0;
display: inline-block;
}
.page_navi,
.bread_crumb {
clear: left after;
}

.bread_crumb li{
float:left;
font-size:11px;
list-style:none;
}

.bread_crumb li + li:before {
margin: 0 3px;
content: ">";
}
.bread_crumb a{
color:#D81354;
}
.page_navi li {
display: inline;
float:left;
font-size:10px;
list-style:none;
margin:5px 5px 5px 0;
}

.page_navi li a{
display: inline-block;
padding:4px;
border:1px solid #ccc;
}

.page_navi li span {
font-weight:normal;
display: inline-block;
padding:5px;
background: #666;
color:#fff;
font-size: 75%!important;
border: 1px solid #666;
}

.page_navi li a:hover {
background:#999;
text-decoration:none;
}
/*20201016*/
#contentsArea .page_navi li a:hover {
color: #fff;
}

div.flip-3d {
perspective: 1200px; width: 100%; float: left;
}

div.flip-3d figure {
position: relative;
transform-style: preserve-3d;
transition: 1s transform;
font-size: 1.6rem;
}
div.flip-3d figure img {
width: 100%; height: auto;
}

div.flip-3d:hover figure {
transform: rotateY(360deg);
}


/*------------------------------------*\
  メニューバーの背景の灰色を打ち消す
\*------------------------------------*/
.top-bar-section li:not(.has-form) a:not(.button) {
background: transparent;
}


.top-bar {
height:auto;/*20200221追加*/
background: none;
}

header  {
background-color: rgba(255, 255, 255, 0.85)!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 8px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 8px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 8px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 8px 10px 0 rgba(0, 0, 0, 0.12);
}


.oshare  {
width: 50%;
}

@media only screen and (min-width: 58.75em) {
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: none;
    color: #000;
    opacity: 0.6;
}
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color:none;
    background:none;
    color: #000;
    opacity: 0.6;
}

@media only screen and (min-width: 58.75em) {
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
margin-top: 6px;
}}


/*------------------------------------*\
  Q＆Aのロゴ画像の転地中央
\*------------------------------------*/
.qa   {
position: relative;
top: 10%;
-webkit-transform: translateY(-10%); /* Safari用 */
transform: translateY(-10%);
}


ul.pan li {
display: inline;
margin-right: 10px;
}


/* インタビューページ関連 */
.trimming {
 position: relative;
 width: 100%;
 height: 460px;
 overflow: hidden;
     }


@media screen and (max-width: 700px) {
.trimming {
 height: 240px;
}
}

.child {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
　display: block;
　margin: 0 auto;
　padding: 0;
}


.child2 {
  position: absolute;
  top: 146px;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
　display: block;
　margin: 0 auto;
　padding: 0;
}


@media screen and (max-width: 420px) {
.child2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
　display: block;
　margin: 0 auto;
　padding: 0;
}
}


.so-widget-sow-hero-default-a3bc01564b1f .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {
  text-shadow: none;
}



/* フリックできるコンテンツギャラリー */
.content-gallery {
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  padding: 20px 0;
  overflow-x: scroll;
}

.content-gallery .content-gallery-card {
  max-width: 280px;
  min-width: 280px;
  margin: 0 10px;
  padding: 10px;
  background-color: #FFF;
  border: solid 1px #CCC;
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    opacity:1;
}

.nav_footerFloatingMenu_sp {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    border-right: solid #fff 2px;
}

.footerFloatingMenu_sp {
    width: calc(100% / 3);
    background-color: #E5B832;
    text-align: center;
    border-left: solid #fff 2px;
}

.nav_footerFloatingMenu_pc {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    border-right: solid #fff 2px;
}

.footerFloatingMenu_pc {
    width: calc(100% / 3);
    /* background-color: #E5B832; */
    background-color: #A1999A;
    text-align: center;
    padding: 0% 7%;
    border-left: solid #fff 2px;
}

@media (min-width: 481px) {
    #footerFloatingMenu {
        display: block;
    }
}

.circle img {
	 border-radius: 100px;
  height: 200px;
  width: 200px;
}

.sow-testimonials .sow-testimonial-user .sow-round-image-frame {
  height: 180px!important;
  width: 180px!important;
  margin-left: 10px;
}

@media (max-width: 481px) {
.sow-testimonials .sow-testimonial-user .sow-round-image-frame {
  height: 110px!important;
  width: 110px!important;
  margin-left: -15px;
}
}


.s1 {
	color: #444;
	font-size: 16px;
	display: flex;
	align-items: center;
}
.s1:before, .s1:after {
	content: "";
	flex-grow: 1;
        border-top: 1px dotted #444;
	display: block;
}
.s1:before {
	margin-right: .4em;
}
.s1:after {
	margin-left: .4em;
}


.box-title {
	font-size: 14px;
	text-align: center;
	overflow: hidden;
        color: #fff;
}

.box-title span {
	display: inline-block;
	position: relative;
        padding: 2px 12px 0px 12px;
        border-radius: 20px;
        background: #000;
}

.box-title span:before,
.box-title span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px dotted #444;
	top: 15px;
	width: 400px;
}

.box-title span:before {
	right: 100%;
	margin-right: 10px;
}

.box-title span:after {
	left: 100%;
	margin-left: 10px;
}


.section-title span {
	display: inline-block;
	position: relative;
        padding: 2px 5px 0px 5px;
}

.section-title span:before,
.section-title span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px solid rgb(32, 41, 46);
	top: 50%;
    width: 30px;
}

.section-title span:before {
	right: 100%;
	margin-right: 10px;
}

.section-title span:after {
	left: 100%;
	margin-left: 10px;
}



.section-title-white span {
	display: inline-block;
	position: relative;
        padding: 2px 6px 0px 6px;
}

.section-title-white span:before,
.section-title-white span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-top: 1px solid #fff;
	top: 50%;
    width: 30px;
}

.section-title-white span:before {
	right: 100%;
	margin-right: 10px;
}

.section-title-white span:after {
	left: 100%;
	margin-left: 10px;
}

.planning {
margin-left: -140px!important;
margin-right: -140px!important;
}

@media (max-width: 481px) {
.planning {
margin-left: 0px!important;
margin-right: 0px!important;
}
}


.planning4 {
margin-left: -180px!important;
margin-right: -180px!important;
}

@media (max-width: 481px) {
.planning4 {
margin-left: 0px!important;
margin-right: 0px!important;
}
}


.buttton {
	display: inline-block;
    font-family: Avenir, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.3em;
    color: #000;
    padding: 4px 10px 2px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
    border: 1px solid #111;
    margin-top:-10px;
    margin-bottom:50px;
    /* width: 30%; */
    -webkit-box-shadow: 6px 6px hsla(0,0%,0%,0.20);
    box-shadow: 6px 6px hsla(0,0%,0%,0.20);
	}


.buttton:hover {
	background-color: #fff;
	border-color: #696969;
	color: #696969;
}

@media screen and (max-width: 400px) {
.buttton {
  	font-size: 1.2em;
        padding: 1.0em 1.2em 1.0em 1.2em;
        width: 90%;
}
}




.slider_box {
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  height: auto;
  margin: 0 auto;
}

@media screen and (min-width: 1025px) {
.slider_box {  margin-bottom: -200px;
}
}


.sp-image-container {
overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 45%;
    overflow: hidden;
    margin: 0 auto;
}

@media screen and (max-width: 400px) {
.slider_box {
margin-bottom: auto;
}
.sp-image-container {
    padding-top: 66%;
}
}


.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 150%;
    max-height: 150%;
}

@media screen and (min-width: 415px) {
#slider .slides {
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  height: 600px;
  padding-top: 32%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin: 0 auto;
}

#slider .slides img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 100%;
  z-index:-1;
}
}



/*---
@media screen and (min-width: 415px) {
#slider .slides img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  'object-fit: contain;'

}
}
--*/


/* @media screen and (min-width: 415px) {
#slider .slides {
  width: 100%;  トリミングしたい幅
  height: 550px;  トリミングしたい高さ
  overflow: hidden;
  position: relative;
} */


#slider .slides img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  z-index:-1;
}




.flex-viewport {
margin-top:-20px;
}


.medium-9 {
    width: 72%; }

@media screen and (max-width: 414px) {
.medium-9 {
    width: 100%; }
}




ul.foo {
    display:table;
    table-layout:fixed;
    width:100%;
    padding-bottom: 0px;
    line-height: 0;
}
ul.foo li {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    width: 68%;
}

@media screen and (max-width: 414px) {
ul.foo {
            display: block;
}

ul.foo li {
    width: 60%;
}
}

ul.foo li:first-child {
    border:none;
}

ul.foo li:first-child img {
    width: 100%;
    display:block;
}


ul.foo li a {
    display:block;
    text-decoration:none;
    color:white;
}


ul.foo-news {
    display:table;
    table-layout:fixed;
    width:100%;
    padding-bottom: 10px;
}
ul.foo-news li {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    border-left:1px solid white;
    width: 65%;
}
ul.foo-news li:first-child {
    border:none;
    text-align: center;
}

ul.foo-news li:first-child img {
    width: 90%;
}


ul.foo-news li a {
    display:block;
    text-decoration:none;
    color:white;
}





.large-13 {
    width: 100%; }

@media screen and (max-width: 414px) {
.large-13 {
    width: 140%; }

.simple-theme.wp-posts-carousel .owl-controls .owl-nav .owl-next {
right: 50px;
}
}



dl {
margin-bottom:0px!important;
}

dt {
  margin-bottom: 0px!important;
  margin-right: 8px;
/*  width : 110px;*/
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
}

dd {
  margin-bottom: 0px;
/* dtの幅分の設定 */
  margin-left : 113px;
}

dl dd {
margin-bottom: 0px!important;
}


dd.datatable_data {
  margin-bottom: 0px;
/* dtの幅分の設定 */
  margin-left : 80px;
}

dd.datatable_data.top_data {
  margin-left : 60px;
}

dd.datatable_data.title-price {
  margin-left : 113px;
}

#contentsArea dt.datatable_title p {
font-weight:bold;
margin:0px;
}

#contentsArea dd.datatable_data p {
margin:0px;
}


#contentsArea2 dt.datatable_title p {
font-weight:bold;
margin:0px;
}

#contentsArea2 dd.datatable_data p {
margin:0px;
}



.simple-theme.wp-posts-carousel .wp-posts-carousel-categories {
    padding: 4px;
    border-radius: 6px;
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-title {
	font-size: 1.15em!important;
    font-weight: bold;
    line-height:145%;
}

.kawaru-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin:0 auto;
  position:relative;
}

.kawaru2 {
    color:white;
    font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.4em;
    text-shadow: 0 0 6px #000;
    font-weight: normal;
    line-height: 100%;
    text-align: center;
}

h2.kawaru2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.kawaru2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.kawaru2 {
    text-align: center;
    margin: 0px!important;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    padding-top: 10px;
}

@media screen and (max-width: 414px) {
p.kawaru2 {
	font-size: 1.3em;
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kawaru2 {
 font-size: 1.1em;
 top: 0%!important;
 width:100%;
}
}

@media screen and (max-width: 321px) {
p.kawaru2 {
	font-size: 1.3em;
}

.kawaru2 {
 font-size: 1.00em;
 top: 0%!important;
  width:100%;
}
}


.magazineline {
    border-bottom: solid 1px #fff;
    margin: 10px;
}

h3.widget-title {
        font-size: 1.2em;
        font-weight: bold;
        padding-top: 2%;
}

.row {
max-width: 75em!important;
}

#newswidth .row {
max-width: 110%!important;
}


.row .row {
    margin: 0 -0.65em;
    max-width: none;
    width: auto;
    display:contents;
}


/* @media screen and (min-width: 420px) {
.row{
margin: 0em 0em;
}
} */


.row2 {
    margin: 0 auto;
    position: relative;
    display: table;
}


.mb10 {
    margin-bottom: 10px;
}

@media only screen and (min-width: 58.75em) {
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
margin-bottom: 1px;
}
}

.servicebox p {
display:inline-block;
width:70%;
vertical-align: middle;
padding-left: 15px;
}

@media screen and (max-width: 414px) {
.servicebox p {
width:100%;
vertical-align: middle;
top:0px;
position: relative;
}

.row .row {
margin: 0em 0em;
}

}

.servicebox img{
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}

.chuo-outer {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 420px) {
.parentt{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.innerr{
  display: inlineblock;
}
}


@media screen and (max-width: 419px) {
.parentt{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width:100%;
  flex-direction:column;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
}
.innerr{
-webkit-box-ordinal-group:-1;
    -moz-box-ordinal-group:-1;
    -webkit-flex-order:-1;
    -moz-flex-order:-1;
    -webkit-order:-1;
    -moz-order:-1;
    order:-1;
}

.innerr2{
-webkit-box-ordinal-group:1;
    -moz-box-ordinal-group:1;
    -webkit-flex-order:1;
    -moz-flex-order:1;
    -webkit-order:1;
    -moz-order:1;
    order:1;
}
}


.parenttt {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}


@media screen and (max-width: 419px) {
.parenttt {
  display: block;
  -webkit-align-items: center;
  align-items: center;
}
}

/* 画像を上下左右に中央配置する（絶対指定） */
@media screen and (min-width: 420px) {
.gazouimage {
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 50%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin: 0 auto;
}
.gazouimage img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
}
}


.container2 {
    margin: 20px;
    font-size: 0.8em;
    color: black;
}

.servicepadding {
    box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.3);
}

/*.ccslider {
top: -290px;
position: relative;
z-index: 0;
margin-bottom: -290px;
}

@media screen and (max-width: 420px) {
.ccslider {
top: -187px;
margin-bottom: -187px;
}
}*/

.ccslider2 {
top: -115px;
position: relative;
z-index: 0;
margin-bottom: -260px;
}

@media screen and (max-width: 420px) {
.ccslider2 {
top: -167px;
margin-bottom: -167px;
}
}


.buttton2 {
	display: inline-block;
        border-radius: 50%;
        font-size: 1.2em;
        color: #fff;
	background-color: #000;
        text-align: center;
        border: 2px solid #000;
        margin-top:10px;
        height: 50px;
        width: 50px;
        padding: 0.6em;
        transition: 1.0s;
	}


.buttton2:hover {
	background-color:#fff;
        opacity: 0.5;
	border-color: #000;
	color: #000;
        transition: 1.0s;
}

@media screen and (max-width: 400px) {
.buttton2 {
        padding: 0.6em;
        height: 50px;
        width: 50px;
}
}

.interviewfield {
/*background-color:#373E53;*/
padding:10px;
color:#333;
}


/* ページ分割時のページャー */
.page-page {
 width: 100%;
 text-align: center;
 margin: 80px 0px;
}

.page-page span {
 padding: 7px 10px;
 font-size: 12px;
 background: #fff;
 position: relative;
 box-shadow: 0 0 1px 2px #000 inset;
}

.page-page span:before {
 position: absolute;
 top: -120%;
 left: 0; /*追加しました*/
 width: 100%;
 display: block;
 text-align: center;
 background: #000;
 padding: 5px 0;
 border-radius: 7px;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}

.page-page span:after {
 content:"";
 top: -50%;
 border: 8px solid transparent;
 border-top-color: #000;
 position: absolute;
 left: 50%;
 margin-left: -8px;
 /* border: ; */
}

.page-page a {
 text-decoration: none;
}

.page-page a span {
 background: #000;
 color: #000;
 padding: 7px 10px;
 color: #fff;
 box-shadow: none;
 font-weight: bold;
}

.page-page a span:before {
 content:"";
 padding: 0;
}

.page-page a span:after {
 border: none;
}
/* 追加しました */
.page-page span {
 opacity : 0.8;
}

.nextpagelink {
float:right;
margin:0px 0 0 0px;
right:12%;
}

.previouspagelink {
float:left;
margin:0px 0 0 0px;
left:12%;
}



.global-header__container:before {
    background-color: #ffc44d;
    /* background-image: -webkit-gradient(linear, left top, right top, from(#ffc44d), color-stop(25%, #ffc44d), color-stop(25%, #ff5e4d), color-stop(50%, #ff5e4d), color-stop(50%, #65cc52), color-stop(75%, #65cc52), color-stop(75%, #3fadff), to(#3fadff)); */
    background-image: linear-gradient(to right, #ffc44d 0%, #ffc44d 25%, #ff5e4d 25%, #ff5e4d 50%, #65cc52 50%, #65cc52 75%, #3fadff 75%, #3fadff 100%);
    content: "";
    display: block;
    height: 4px;
    width: 280px;
    margin: 0 auto;
}

.magazineheader-background {
    background: white url(/site/wp-content/uploads/2017/09/f5c0c7b31e4ab49f1ac784d673d5cafd.jpg) repeat-x center 8px;
  background-position: center;
  padding: 10px;
  text-align: center;
	margin-left: -200%;
	margin-right: -200%;
	padding-left: 200%;
	padding-right: 200%;
}

.magazineheader-inner {
   display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}


.magazineheader-tablecell {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin: 40px;
}

.magazinenavi-back {
background:#000;
margin-left: -500px;
    margin-right: -500px;
    padding-left: 500px;
    padding-right: 500px;
}

.magazine-margin {
margin:0px -80px 0px -80px;
}

#entry-area {
margin:0px -80px 0px -80px;
}

@media screen and (max-width: 1024px) {
.magazine-margin {
margin:0px;
}

#entry-area {
margin:0px;
}
}


.magazine-margin .simple-theme.wp-posts-carousel .wp-posts-carousel-container {
padding:0px;
}

.magazine-margin .simple-theme.wp-posts-carousel .wp-posts-carousel-slide {
padding:0px;
}


#magazine-field h2 {
font-size:1.4em;
margin:40px 0px 20px 0px;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

#magazine-field h2:first-letter {
  margin-right:0.03em;
  font-size: 1.2em;
}

#magazine-field h3 {
font-size:1.28em;
margin:30px 0px 10px 0px;
}


h3.setubi-ttl {
margin:40px 0px 20px 0px;
  padding-bottom: .5em;
  border-bottom: 1px solid #27b3cf;
  font-weight:700;
}

.magazine-link {
font-size: 12px;
    text-align: right;
    display: block;
}

.magazine-link:hover {
text-decoration: underline;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#magazine-field img {
margin-bottom: 14px 0px;
}

@media screen and (max-width: 400px) {
#magazine-field h2 {
font-size:1.18em;
}
#magazine-field h3 {
font-size:1.16em;
}
}

.magazine-section-title {
    font-family: 'Caveat';
    letter-spacing: 10px;
}

blockquote {
    position: relative;
    padding: 7px 16px;
    box-sizing: border-box;
}

blockquote:before {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ddd;
    font-size: 22px;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #ddd;
    font-size: 22px;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}



.talk {
padding: 0em 7em 0em 7em;
}

@media screen and (max-width: 400px) {
.talk {
padding: 0em;
}
}

.talk p:first-child {
margin: 0 0 37px;
}

@media screen and (max-width: 400px) {
.talk p:first-child {
margin: 0px;
}
}

.talk p.hama {
background-image: url(/site/wp-content/uploads/2017/10/jyoshi240hamada.png);
background-size: 8%;
min-height: 77px;
}

.talk p.kiku {
background-image: url(/site/wp-content/uploads/2017/10/jyoshi240kikuchi.png);
background-size: 8%;
min-height: 77px;
}

.talk p.hata {
background-image: url(/site/wp-content/uploads/2017/10/jyoshi240hatakeyama.png);
background-size: 8%;
min-height: 77px;
}

.talk p.oga {
background-image: url(/site/wp-content/uploads/2017/10/jyoshi240ogawa.png);
background-size: 8%;
min-height: 77px;
}

.talk p.wata {
background-image: url(/site/wp-content/uploads/2017/10/jyoshi240watanabe.png);
background-size: 8%;
min-height: 77px;
color: #999;
font-weight:700;
}

@media screen and (max-width: 400px) {
.talk p.hama {
background-size: 25%;
padding-left: 82px;
}
.talk p.kiku {
background-size: 25%;
padding-left: 82px;
}
.talk p.hata {
background-size: 25%;
padding-left: 82px;
}
.talk p.oga {
background-size: 25%;
padding-left: 82px;
}
.talk p.wata {
background-size: 25%;
padding-left: 82px;
}
}

.talk p.hama {
    line-height: 180%;
    padding-left: 100px;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}

.talk p.hama strong {
    color: #E7A98D;
    text-decoration-line: underline;
}

.talk p.kiku {
    line-height: 180%;
    padding-left: 100px;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}

.talk p.kiku strong {
    color: #D9A5AD;
    text-decoration-line: underline;
}

.talk p.hata {
    line-height: 180%;
    padding-left: 100px;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}

.talk p.hata strong {
    color: #E0D0A1;
    text-decoration-line: underline;
}

.talk p.oga {
    line-height: 180%;
    padding-left: 100px;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}

.talk p.oga strong {
    color: #9FCFA9;
    text-decoration-line: underline;
}

.talk p.wata {
    line-height: 180%;
    padding-left: 100px;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}

.kazariwaku {
background-image: url(/site/wp-content/uploads/2017/10/kazariwaku1.png);
background-repeat: no-repeat;
background-position: center center;
min-height: 26px;
margin-top:4%;
margin-bottom:4%;
}

@media only screen and (max-width: 767px) {
.kazariwaku {
background-size:100%;
}
}



.osarai {
    padding: 5%;
    background-color: #eee;
    margin: 3% auto;
}


.hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.clear {
clear:none;
font-size: 1.2em;
}

.both {
clear:both;
}

.half50 {
width:100%;
font-size:12.5px;
}

@media screen and (max-width: 400px) {
.half50 {
    width: 100%;
}
}

.magazine-bg {
background-color:#f9f9f9;
}

#entryHeader h1.entry-title.center {
text-align:center;
color:#333;
}

.center {
text-align:center;
}

.left {
text-align:left;
}

p.center {
text-align:center;
}

p.left {
text-align:left;
}

#sumakotobox {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.0em;
    color: #40c2de;
    text-align: center;
    padding: 1.2rem 1.0rem 1.0rem;
}


.sumakotoarea {
    border-top: 2px solid #40c2de;
    background-color: #f9f9f9;
    padding: 1.9rem!important;
}

.interviewarea {
    margin-bottom: 30px;
    border-top: 2px solid #ddd;
    background-color: #f9f9f9;
    padding: 1.7rem!important;
}

@media screen and (max-width: 400px) {
.sumakotoarea .interviewarea {
    padding: 0.9rem!important;
}
}




p.sumakoto {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 2px solid #40c2de;
    border-width: 2px;
    border-style: solid;
    border-top-color: #8e0b65;
    border-right-color: #E4007F;
    border-bottom-color: #CFDB00;
    border-left-color: #0068B6;
    /* border-radius: 50%; */
    /* width: 300px; */
    /* height: 300px; */
    background: transplant;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
  　background-color:#fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

div#sumakotobox .sumakotologo {
vertical-align: middle;
background-color: #fff;
}

#magazinefirst {
border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding-left: 1rem;
    padding-right: 1rem;
}


.magazine_lead {
padding:1rem;
background-color:#fff;
font-size:0.75rem;
line-height: 190%;
}

#magazine_talk p {
margin-bottom:1.5rem;
line-height:185%;
}

.PIN_1511001273840_button_pin.PIN_1511001273840_save {
margin-top:-240px;
margin-left:-430px;
top:10px!important;
}


/*div {*zoom: 1;}
div:after {display: block;content: "";clear: both;}
.js-tab {margin-bottom: 20px;}
.js-tab > div {float:left;width:14%;background:#666;color:#fff;text-align: center;padding:10px 0;cursor:pointer;font-size: 0.5em;min-height: 60px;}
.js-tab > div.active {background:#000;}
.js-tab_content {display:none;padding:20px 0;}
.js-tab_content.active {display:block;}*/

.category-title {
    font-size:14px;
    font-weight:700;
    margin: 15px 0px 15px 0px;
    color: #ddd;
}



.wpp-2 {
margin-bottom:20px;
}

#category-list>li {
border-bottom: 1px solid #E6E6E6;
font-size: 12px;
}

#category-list p {
    font-size: 11.5px;
    line-height: 100%;
    margin: 0;
}

.listright {
float:right;
}

.category-line {
display: block;
padding:14px 10px 12px 10px;
}

.tag-list a:before {
    content:"# ";
}

.tag-list a {
    background-color:#eee;
    font-size: 11px!important;
    line-height: 100%;
    margin: 0;
    border: solid 1px;
    padding: 6px;
    white-space: nowrap;
    line-height: 34px;
}

.headposition a {
    font-size: 11px!important;
    padding: 2px;
    white-space:normal;
}


.tag-list a:hover {
transition: 0.3s;
 background-color:#000;
 color:#fff;
}

.tag-list li a {
margin-right:4px;
}

.magazine-category-day {
font-size:11px;
}


.tag-lost-row {

}


.magazine-head {
    padding: 1em 7em 1em 7em;
    display: inline-block;
}

@media screen and (max-width: 400px) {
.magazine-head {
padding: 0em;
}
}

.magazine-head p.disc {
    line-height: 180%;
    margin: 0 0 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
    font-size: 13px;
}

.radius {
border-radius:50%;
}

.keyword {
    margin-bottom: 10%;
}

.wp-posts-carousel-categories {
font-size:14px;
font-weight:700;
padding:0px 6px!important;
}

.large-13 {
    width: 120%;
}

.listleft-interview{color:#c2a5ca;}
.listleft-report{color:#4682B4;}
.listleft-renovationcolumn{color:#DC143C;}
.listleft-eventreport{color:#8FCCA1;}
.listleft-hobby-holiday{color:#292F36;}
.listleft-sharehouse{color:#E6DEC5;}
.listleft-sumakoto{color:#40c2de;}
.listleft-hizakurige{color:#E37538;}

#category-list a.interview-h:hover {color:#c2a5ca;}
#category-list a.report-h:hover {color:#4682B4;}
#category-list a.renovationcolumn-h:hover {color:#DC143C;}
#category-list a.eventreport-h:hover {color:#8FCCA1;}
#category-list a.hobby-holiday-h:hover {color:#292F36;}
#category-list a.sharehouse-h:hover {color:#E6DEC5;}
#category-list a.sumakoto-h:hover {color:#40c2de;}
#category-list a.hizakurige-h:hover {color:#E37538;}

.container full {
margin: 0px -100px 0px -100px;
}

.breadcrumbs li {
line-height: 1.3;
    font-size: 0.5rem;
}

.interviewcaption {
font-size:6px;
}



.zoomin {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.zoomin img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform  0.2s linear;
    -o-transition: -o-transform  0.2s linear;
    -ms-transition: -ms-transform  0.2s linear;
    transition: transform  0.2s linear;
}

.zoomin:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.zoomin2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.zoomin2 img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform  0.2s linear;
    -o-transition: -o-transform  0.2s linear;
    -ms-transition: -ms-transform  0.2s linear;
    transition: transform  0.2s linear;
}

.zoomin2:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.magazine-topbar-wrap {
	position: relative;
}
.magazine-topbar-ul {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
	width: auto;
        font-size: 0.8em;
}
ul.scroll-nav li {
	display: block;
	flex-grow: 1;
	text-align: center;
}
.e::after {
	content: '';
	display: block;
	position: absolute;
	width: 10em;
	bottom: -.0em;
	top: -.0em;
	left: -0em;
	background-color: #ddd;
	border-radius: .5em;
	z-index: -1;
	transition: all .5s ease-in-out 0s;
}
.a:hover ~ .e::after,
.c:hover ~ .e::after,
.e:hover::after { width: 10em; }
.b:hover ~ .e::after,
.d:hover ~ .e::after { width: 10em; }
.a:hover ~ .e::after { left:  1.3em; }
.b:hover ~ .e::after { left:  6.9em; }
.c:hover ~ .e::after { left: 13.6em; }
.d:hover ~ .e::after { left: 19.2em; }
.e:hover::after { left: 26.0em; }


.nav-wrap {
	position: relative;
}
.scroll-nav {
	width: 100%;
	background: #000; /* メニューの背景色 */
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* 慣性スクロール */
        font-size: 0.7em;
        color:#555;
}
.scroll-nav ul {
	max-width: auto; /* メニューの最大幅 */
	min-width: 850px; /* メニューの最小幅 */
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	list-style: none;
	padding-right: 30px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
	float: left;
	/* width: 110px; メニューの個別の幅 */
	text-align: center;
        padding:0px 5px 0px 5px;
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
}
.scroll-nav ul li:hover {
    background:#333;
    transition: all 0.5s ease-in-out;
}
.scroll-nav ul li a {
	display: inline-block;
	color: #fff; /* メニューの文字色 */
	text-decoration: none;
}
.next-btn { /* 右側に固定する部分 */
	position: absolute;
	top: 0;
	right: 0;
	width: 25px; /* 固定部分の幅 */
	height: 40px; /* メニューの高さに合わせる */
	line-height: 42px;
	background: #000;
	color: #fff;
        padding:0px 4px 0px 4px;
}


.scroll-nav ul li {
	border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.scroll-nav ul li + li {
  	border-left: none;
}

@media only screen and (min-width: 771px) { /* PCサイズでの指定 */
.scroll-nav ul {
	padding: 0;
}
.scroll-nav ul li {
	width: 12.5%; /* メニューの個別の幅 */
}
.next-btn {
	display: none; /* 右側の固定部分を非表示 */
}
}


.wpp-post-title {
font-size: 12px;
}


.wpp-post-title-sto {
font-size: 75%;
    font-weight: 700;
    line-height: 1.7em;
    text-align: left;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}
.small-18 {
    font-size: 90%;
}

.wpp-post {
    -webkit-box-shadow: 0.125em 0.25rem 0.25rem 0.125em rgba(0,0,0,.05);
    box-shadow: 0.125em 0.25rem 0.25rem 0.125em rgba(0,0,0,.05);
    background: #fff;
    padding: 0.4em;
    border-radius: .25rem;
    width: 48%;
    margin: 0px 2px;
}

@media only screen and (min-width: 771px) {
.wpp-post-title-sto {
font-size: 14px;
font-weight:700;
}
}


.wpp-meta, .post-stats {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    color:#FF2C4F;
}

.wpp-list li {
 margin-bottom: 20px;
}

div#worksrow.row {
max-width:90em!important;
padding-bottom: 20px;
}


body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.section-top {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


ul.slides>li {
width:180px;
}


.simple-theme.wp-posts-carousel .wp-posts-carousel-details {
    padding: 0 5px 10px 5px;
    font-size: 1.2em;
}

#contentsArea.simple-theme.wp-posts-carousel div.wp-posts-carousel-title {
    text-align: left!important;
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-desc {
    font-size: 14px!important;
}

@media only screen and (min-width: 58.75em) {
.top-bar-section .has-dropdown > a:after {
    border-color: rgba( 0, 0, 0, 0.8) transparent transparent transparent;
}
}

/* テーブルレイアウト：LIG参考 */
table.brwsr1 {
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}

table.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 1px solid;
}

table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 12px;
    text-align: center;
}

table.brwsr1 th.r1 {
    width: 152px;
    border-right: #999 1px solid;
    line-height:2.0em;
}

table.brwsr1 th.r2,
table.brwsr1 td.r2 {
    width: 152px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}

table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
    text-align: center;
    font-size:12px;
}

table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    width: 152px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}

table.brwsr1 th.r4,
table.brwsr1 td.r4 {
    width: 152px;
    border-left: #fff 1px solid;
}

.border img {
margin:0px;
margin-top: 1px;
}

.bordersolid {
border:1px solid #000;
background:#000;
}

.sayuu {
    padding-left: 0;
    padding-right: 0;
}

.link-top {
margin-top: 10px;
}

@media screen and (min-width: 771px) { /* PCサイズでの指定 */
.link-top {
   margin-top: -60px;
}
}

.link-top2 {
   margin-top: 10px;
}

.iconArea {
   font-size:0;
}

.kuzure {
   font-size:0;
}

@media screen and (min-width: 771px) { /* PCサイズでの指定 */
.link-top2 {
margin-top: -120px;
}
}

.portfoliogallery {
padding-left: 0.8em;
padding-right: 0.8em;
}

.portfolio-title-area {
    vertical-align: middle;
    text-align: left;
    padding-left: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 14px;
    margin-bottom: 8px;
    border-left: 1px solid rgb(32, 41, 46);
}


.portfolio-price-area {
    vertical-align: middle;
    text-align: left;
    padding-left: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
}


.portfolio-price-area p {
    font-size: 18px;
    display: inline-block;
 font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


p.portfolio-title-kakaku {
margin: 0px;
}

.portfolio-title-price span {
    font-size: 18px;
    padding-left: 4px;
    font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

p.portfolio-title-price {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 36px;
    margin: 0 auto;
    line-height: 140%;
    padding-left: 4px;
}

#entryHeader h1.entry-title {
    font-size: 180%;
    color: rgb(32, 41, 46);
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "serif";
    margin: 20px 0px 20px 0px;
}


#entryHeader h1.portfolio-title {
    font-size: 180%;
    color: rgb(32, 41, 46);
    margin: 0px 0px 0px 0px;
}

h2.portfolio-subt {
font-weight:700;
font-size: 1.15em;
padding-top: 12px;
color: rgb(32, 41, 46);
font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2.portfolio-subt2 {
font-weight:700;
font-size: 1.15em;
padding-top: 12px;
color: rgb(32, 41, 46);
font-family: 'Courgette',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
}


@media screen and (max-width: 414px) {
#entryHeader h1.portfolio-title {
    font-size: 150%!important;
}
h2.portfolio-subt {
font-size: 1.0em;
}
h2.portfolio-subt2 {
font-size: 1.0em;
}
}

.top-contents-t {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.0em;
margin-bottom:2px;
font-weight: 400;
color:rgb(32, 41, 46);
}


.top-contents-t2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2em;
margin-bottom:2px;
font-weight: 400;
color:rgb(32, 41, 46);
}


.top-contents-buy-t {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8em;
margin-bottom:10px;
font-weight: 400;
color:rgb(32, 41, 46);
}

.scroll-area {
  width: 100%;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);
  scroll-snap-points-y: repeat(100%);

}

.box {
  color: #fff;
  display: block;
  align-items: center; /* 縦方向中央揃え */
  justify-content: center; /* 横方向中央揃え */
  flex-direction: column;
    margin-left: -500px;
    margin-right: -500px;
    padding-left: 500px;
    padding-right: 500px;
}

.box__bg_photo {
  background-image: url(/site/wp-content/uploads/2018/01/DSC_7569-.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  background-position-y: -500px;
}

.bkRGBA {
  background: rgba(255,255,255,0.7);
  padding-top: 50px;
  padding-bottom: 50px;
    margin-left: -500px;
    margin-right: -500px;
    padding-left: 500px;
    padding-right: 500px;
}

#magazine-breadcrumbs ul.breadcrumbs {
top:-30px;
}
.magazine-logo {
padding-left: 26%;
    padding-right: 26%;
text-align:center;
}

.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
padding: 10px 16px;
}

.datatable_underline {
border-bottom:1px dotted #C0C0C0;
margin: 2px 0 2px 0;
}

@media screen and (min-width: 771px) { /* PCサイズでの指定 */
.taginner {
min-height:488px;
}
}

.topinner {
min-height: 323px;
}

.categoryinner {
min-height: 400px;
}


#topinner_event {
min-height:auto!important;
}

#recruit td.column-1 {
width:75px;
}

ul.off-canvas-list li label {
text-transform: none;
}

@media only screen and (min-width: 58.75em) {
.contain-to-grid .top-bar {
    margin-bottom: 0;
    margin: 0 auto;
    max-width: 72em;
}
}

.contact {
-webkit-box-shadow: 6px 6px hsla(0,0%,0%,0.20);
    box-shadow: 6px 6px hsla(0,0%,0%,0.20);
}


.portfolioform {
-webkit-box-shadow: 6px 6px hsla(0,0%,0%,0.20);
    box-shadow: 6px 6px hsla(0,0%,0%,0.20);
}

/* ラベル部分 右上に表示 */
.triangle::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 65px solid transparent;
    border-right: 65px solid #c12748; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.triangle::after {
    content: "SOLD OUT";
    display: block;
    top: 16px;
    transform: rotate(45deg);
    color: #fff; /* 文字色はここで変更 */
    right: 0;
    position: absolute;
    z-index: 101;
    font-size:11px;
}

.soldout::after {
    content: "SOLD OUT";
    color: #c12748;
    border: 1px solid;
    padding: 4px;
}

.sale::after {
    content: "FOR SALE";
    color: skyblue;
    border: 1px solid;
    padding: 4px;
}

.triangle2::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 65px solid transparent;
    border-right: 65px solid skyblue; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.triangle2::after {
    content: "FOR SALE";
    display: block;
    top: 16px;
    transform: rotate(45deg);
    color: #fff; /* 文字色はここで変更 */
    right: 0;
    position: absolute;
    z-index: 101;
    font-size:11px;
}


.newmark {
    position: absolute;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    font-weight: normal;
    background: skyblue;
    border-radius: 50%;
    box-sizing: border-box;
    top: -10px;
    left: -3px;
    z-index: 99999;
}



.newmark:before{
content: "";
    position: absolute;
    bottom: -8px;
    right: -8px;
    margin-top: -15px;
    border: 12px solid transparent;
    border-left: 15px solid skyblue;
    z-index: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.servicefoot-button a {
background:#fff!important;
}

#servicefoot a:hover {
background: #f6f6f6!important;
    color: #27B3CF!important;
}



/*
.works-background-left {
    left: 0;
    background-image: url(/site/wp-content/uploads/2018/02/background-texture-left-2.png);
}

.works-background-right {
    right: 0;
    background-image: url(/site/wp-content/uploads/2018/02/background-texture-right-.png);
}

.works-background-left, .works-background-right {
    width: 200px;
    height: 100%;
    position: absolute!important;
    background-repeat: repeat-y;
}
*/

#yoko{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.kasure {
height:26px;
opacity: 0.1;
}

.fa {
line-height:1.8!important;
}

.fa fa-leanpub {
color: #ddd;
}

.columns-wpp {
    position: relative;
    float: left;
}

.time {
top: 5px;
    left: 5px;
display:inline-block;
padding: 0.2em;
    margin-top: 3px;
vertical-align: baseline;
font-size: 8px;
line-height:100%;
}

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

@media screen and (max-width: 400px) {
.ft-inner {
    font-size: 80%;
}
.btn {
width: none;
}
}

.ft-inner p {
text-align:center;
    color: #fff;
}

h3.tel-style {
font-size: 2.0em;
letter-spacing: .14em;
    color: #fff;
}

.footer_btn {
display: inline-block;
    font-weight: 400;
    margin-top: 15px;
    vertical-align: middle;
    padding: 12px 4px 10px;
    cursor: pointer;
}

.btn {
        padding: 16px 80px 16px;
}



#sns {
background-color: #ddd;
    padding: 20px;/*20201015*/
    margin-bottom: -20px!important;
}

/*contactform7用のテーブル*/
.wpcf7-form input[type="text"],input[type="email"],textarea{width: 100% !important;} /*名前、メール、題名*/
.wpcf7-form textarea{width: 100% !important;}
.wpcf7-form table tr:nth-child(even) {
background-color:#f3f3f3;
}

.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
  　font-size: 14px!important;
}

.listfont {
	font-size: 100%;
    font-weight: normal;
    font-weight:700;
}




.wpcf7 input[type="submit"] {
	background-color: #EB5F32;
	border: 2px solid #EB5F32;
    border-radius: 30px;
	color: #fff;
	line-height: 14px;
  	font-size: 1.2em;
    font-weight: 400;
    width: 38%;
    padding:20px 24px 20px 20px;
    margin: 20px 0px 0px; 
}

.wpcf7 input[type="submit"]:hover {
	background-color: #fff;
	border-color: #EB5F32;
	color: #EB5F32;
    width: 38%;
}


@media screen and (max-width: 414px) {
.wpcf7 input[type="submit"] {
	background-color: #EB5F32;
	border: 2px solid #EB5F32;
    border-radius: 28px;
	color: #fff;
	line-height: 14px;
  	font-size: 1.2em;
    font-weight: 400;
    width: 100%;
    padding:20px 24px 20px 20px;
}

.wpcf7 input[type="submit"]:hover {
    width: 100%;
}
}

/*contactform7用のテーブル ここまで*/

.headline1 {
  width:auto;
  padding:3px 0 3px 10px;
  color:#fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.48, #337fcc), color-stop(0.52, #225588));
  text-shadow:0px -1px 1px #000;
}




/*トップページのフッター電話コンタクト横並び*/
ul.nav	{
	display:table;
	table-layout: fixed;
	width:100%;
}
ul.nav li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}


@media screen and (max-width: 600px) {
p.read {
  font-size: 0.6rem;
  line-height: 1.3;
}
}



img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}



table td:nth-child(even), table td:nth-child(odd), table th:nth-child(even), table th:nth-child(odd) {
padding: 2px 2px;
}


/*ページナビの四角サイズいろいろ*/
.page_navi li span {
 padding: 10px;
 font-size: 100%;
}

.page_navi li a {
 padding: 10px;
 font-size: 100%;
}

.page_navi li {
 font-size: 100%;
}

/* 事例一覧のカラム崩れのためのパディング調整 */




.breadcrumbs > *:before {
    color: #AAAAAA;
    content: ">";
    margin: 0 0.4rem;
    position: relative;
    top: 0px;
}

.icon_cat {background:#000000;}


.breadcrumbs a{
color:#90949c;
}

.breadcrumbs > * {
color:#90949c;
}



.fixed {
    animation-duration: 0.8s;
    opacity: 0.9;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}



#pg-7865-0 .panel-grid-cell {
padding-left:0px!important;
padding-right:0px!important;
}
/*20200508追加*/
@media screen and (max-width:414px){
    #pg-17479-0,
    #pg-17479-1{
        display: none;
    }
}

/*20200509工藤追加*/
@media screen and (max-width:414px){
    #pg-17488-0,
    #pg-17488-1{
        display: none;
    }
}




@media only screen and (min-width: 58.75em) {
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #333333;
    color: #FFFFFF;
    width: 130%;
    margin-left:-20px;
}}


ul.off-canvas-list li label.first {
    display: block;
    padding: 0.66667rem;
    text-align:center;
}



.oh {
overflow:hidden;
}

.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}


.sp-nav-area {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.sp-nav-area img {
    margin: 0 4px;
    vertical-align: middle;
}


.portfolio-container {
  width:100%;
   /*20201016 display: grid;
  grid-gap: 8px;
  grid-template-columns: 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.2fr 2.8fr 2.2fr;
  grid-template-rows: 30px auto;*/
  display: flex;
  font-size: 14px;
  font-weight:bold;
}
@media screen and (max-width: 768px) {
  .portfolio-container{
	flex-wrap: wrap;
	margin: 0px 0px 0px -5px;
  }
}
.portfolio-container-item {
  width: 100%;
  white-space: nowrap;
  text-align:center;
  display: flex;
  justify-content: center;
  border-bottom: solid 1px #000;
  box-shadow: 0px 2px #fff, 0px 4px #000;
  /*20201016 display: block;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  -ms-grid-row-span:4;
  min-width:13.5%;
  float:left;*/
  margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
  .portfolio-container-item{
	width: calc(50% - 10px);
	justify-content: flex-start;
    margin: 6px 0px 0px 10px;
    padding: 10px 0px;
  }
}

.portfolio-container-item a {
  color:rgb(32, 41, 46);
  display: block;
}
.collective a:hover {
  color:#fd855b;
}
.collective:hover {
color:#fd855b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.separate a:hover {
  color:#75bdd8;
}
.separate:hover {
color:#fd855b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop a:hover {
  color:#95c149;
}
.shop:hover {
color:#fd855b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.house a:hover {
  color:#fe8e9c;
}
.house:hover {
  color:#fd855b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rent a:hover {
  color:#88591F;
}
.rent:hover {
  color:#88591F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.forsale a:hover {
  color:#07C1BE;
}
.forsale:hover {
  color:#fd855b;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project a:hover {
  color:#ffcf00;
}
.project:hover {
  color:#ffcf00;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.all a:hover {
  color:#ddd;
}
.all:hover {
  color:#000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#portfolio-container-row div span {
    width: 4px;
    height: 10px;
    display: inline-block;
    background: #cccccc;
}
#portfolio-container-row div span.collective {background: #fd855b;}
#portfolio-container-row div span.separate {background: #75bdd8;}
#portfolio-container-row div span.shop {background: #95c149;}
#portfolio-container-row div span.house {background: #fe8e9c;}
#portfolio-container-row div span.rent {background: #88591F;}
#portfolio-container-row div span.forsale {background: #07C1BE;}
#portfolio-container-row div span.project {background: #ffcf00;}
#portfolio-container-row div span.all {background: #ddd;}


@media (max-width: 1025px){
  .portfolio-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    font-size: 10px;
  }
  .box-big1,
  .box-big2,
  .box-big3,
  .box-big4 {
    grid-column: 1;
    grid-row: auto;
  }
}
.mb-0 {
margin-bottom:0px!important;
}
.mb-10 {
margin-bottom:-10px!important;
}
.mb-20 {
margin-bottom:-20px!important;
}

.mt-0 {
margin-top:0px!important;
}
.mt-10 {
margin-top:-10px!important;
}
.mt-20 {
margin-top:-20px!important;
}

.mb20 {
margin-bottom:20px!important;
}

.none {
display:none;
}

.flexslider {
margin:0px!important;
}

#carousel {
margin-bottom:20px!important;
}


ul#contact_and_search li#searchBox {width: 180px; z-index: 999999999999;}
#searchform {font-size:81%; position: relative; z-index: 999999999999; margin-top:-5px;}
#s {height:22px;
    width: 160px;
    padding: 0 55px 0 10px;
    position: absolute;
    left:0;
    background-color:rgba(255,255,255,0.7);
    border-radius:11px;}
#searchsubmit {
    color:#fff;
    width:50px;
    height:22px;
    border: none;
    cursor: pointer;
    position: absolute;
    position: relative\9;
    right: 0;
    background-color:#628cd7;
    border-radius: 0px 11px 11px 0px / 0px 11px 11px 0px;}




body.drawer-open {
    overflow: initial!important;
}




.drawer-sns-wrapper {
    margin-right: -12px;
    margin-left: -12px;
    background: #ddd;
    padding-bottom: 50px;
}

ul.drawer-sns {
    margin: 0;
    list-style: none;
    padding-left: 4%;
    padding-right: 4%;
    overflow: hidden;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 10px;
}

ul.drawer-sns li {
    float: left;
    width: 50%;
}

@media screen and (max-width: 768px) {
.drawer-nav .drawer-menu-item:before {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

}}

.drawer-menu ul {
    padding-left: 4%;
    padding-right: 4%;
    text-align-last: center;
}

.drawer-menu ul.draw-glnav li {
    border-bottom: 1px solid #171818;
    text-align-last: center;
}



.drawer-menu ul.draw-glnav li.last {
border-bottom: none;
}

ul.drawer-sns li a {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 10px;
}


.drawer-menu-item:hover {
  text-decoration: none!important;
}

.drawer-menu-item,.drawer-brand {
    font-size: 0.7rem!important;
    text-align: center;
    font-weight: 700;
    padding: 0.30rem!important;
}

.drawer-dropdown-menu>li {
font-size: 0.7rem!important;
padding: 6px;
}

.drawer-brand {
padding-right: 0rem!important;
padding-left: 0rem!important;
}


.drawer-brand-inner {
margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.drawer-navbar-header img {
	vertical-align: middle!important;
}

.drawer-brand-inner-left {
    float: left;
    position: relative;
}
.drawer-brand-inner-right {
    float: left;
    position: relative;
    margin-left: 10px;
    display: flex;
}

a.drawer-brand-inner-right_1 {
    padding: 0.5em;
    margin: 10px 0;
    display: block;
    color: #000;
    font-size: 10px;
}

a.drawer-brand-inner-right_1:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 17px;
    margine: -3px 5px 0 0;
    background: url(https://www.balleggs.com/site/wp-content/uploads/2023/08/fab3bd26e80f94b5ab28fb55d1b24ec2.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    padding-right: 17px;
}

a.drawer-brand-inner-right_2 {
    padding: 0.5em;
    margin: 10px 0;
    display: block;
    color: #000;
    font-size: 10px;
}

a.drawer-brand-inner-right_2:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margine: -3px 5px 0 0;
    background: url(https://www.balleggs.com/site/wp-content/uploads/2023/08/b46f6c6497c8ca841fcd4672a0c75b37.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.drawer-navbar .drawer-navbar-header {
	display: table-cell;
	vertical-align: middle;
　　border-bottom:inherit!important;
border: none!important;
}


.drawer-hamburger {
    padding: 0px!important;
    width: 60px!important;;
    height: 60px!important;;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding-top: 16px;
}




.menu-font {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
color: rgb(32, 41, 46);
font-size:0.8rem;
    line-height: 103%;
letter-spacing:0.2em;
}

.toggle-font {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: 400;
    color: rgb(32, 41, 46);
text-align: center;
}

.button-wrapper {
padding: 12px;
margin: 0 auto;
}


.drawer-nav {
    background-image: url(/site/wp-content/uploads/2018/02/background-texture-center.png);
}

.sp-menu-information {
background: #000;
    margin-bottom: 2px;
    margin-right: -12px;
    margin-left: -12px;
    margin-top: 2px;
}

.drawer-menu-item.white {
color: #fff;
}

.drawer-container {
    background: #fff;
}


.ow-button-base.ow-button-align-center {
font-weight:bold;
}


body {
    background-image: url(/site/wp-content/uploads/2018/02/background-texture-center.png);
    position:static!important;
}


.u_frame_main, .info.info_a {
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 0 rgba(8,1,2,0.03);
}


.table.table_default .table_default--heading, .table.table_default .table_default--data {
    padding: 14px;
    line-height: 1.8;
    font-size: 14px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px dotted #e1e1e1;
}


.table.table_default .table_default--heading {
width: 20%;
}

.table.table_default .table_default--data {
    width: 830px;
}

/* マーカー線・青 */
.marker4{
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold;
}



#kaiin_kiyaku {
    border: 1px solid #ccc;
    float: left;
    font-size: 11px;
    height: 250px;
    margin: 0 10px 10px 10px;
    overflow: auto;
    padding: 15px;
　　background-color: #fff;
}

.kaiin_title {
    padding: 14px;
    background-color: #000;
    color: #fff;
    font-size: 1.1em;
    margin-top: -11px;
    margin-bottom: 20px;
}

#back-kagu {
background-image:url(/site/wp-content/uploads/2018/04/6b8e4521d7d7dd62a55c631385a77aea-1024x595.png);
background-size: 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: center;
}
.back-kagu-mask {
  height: 100%;
  background: rgba(255,255,255,0.5);
}



/* インタビューページ関連 */
.trimming {
   position: relative;
   width: 100%;
 /*height: 460px;*/
   overflow: hidden;
     }

.interview-text {
  margin:20px 0px;
  padding-left:3em;
}

p.interview-text span {
  margin-left:-3em;
}


#secondary table span {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #cccccc;
}



/* 不動産アーカイブ関連 */
.forsale-price {
    position: absolute;
    top: 88%;
    background-color: rgba(0,0,0,0.5);
    padding: 3% 3%;
    height: 100%;
}


#contentsArea dt.title-price p {
line-height: 0.5rem;
  color:#fff;
}

#contentsArea dd.title-price p {
  font-size: 1.15rem;
  line-height: 0.5rem;
  font-weight:normal;
  color:#fff;
  margin-left: -50px;
  float: left;
}
#contentsArea dd.title-price span {
    font-size: 0.75rem;
    margin-left: 2px;
    font-weight: normal;
}










.flow-pd {
  padding: 10px;
}

.flow-list {
  position: relative;
}
.flow-list:before, .flow-list:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 30%;
    left: -5px;
    z-index: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-top: 30px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #ee4f16;
}
.flow-list:after {
  z-index: 1;
  margin-left: -1px;
  border-left-color: rgba(255,255,255,1);
    opacity: 1;
}

#flow-background {

}


.trim {
  width: 500px;  /* トリミングしたい幅 */
  height: 500px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sell1 {
margin-top: -153px;
}
.sell2 {
margin-top: -153px;
}

@media screen and (max-width: 419px) {
.sell1 {
    margin-top: -173px;
}
.sell2 {
    margin-top: -146px;
}
}

#entryHeader h1.realestate-renovation-title {
color:#fff;
z-index:-99999;
position: relative;
}

h3.switch-font {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1rem;
    color: rgb(32, 41, 46);
    font-weight: bold;
    margin-bottom: 24px;
}

@media screen and (max-width: 419px) {
h3.switch-font {
    font-size: 0.9rem;
}
}


.countmark {
    font-family:Gaegu;
    position: absolute;
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    background: #000;
    border-radius: 50%;
    box-sizing: border-box;
    top: -50px;
    left: 5px;
    z-index: 99999;
}

.countmark:before{
content: "";
    position: absolute;
    bottom: -8px;
    right: -8px;
    margin-top: -15px;
    border: 12px solid transparent;
    border-left: 15px solid #000;
    z-index: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}














/* タブ関連 */

ul.tab li span {
font-size: 14px;
border-bottom:solid 1px;
padding:0px 6px 6px 6px;
margin: 0% 0% 0% 5%;
}

@media screen and (max-width: 419px) {
ul.tab li span {
margin: 0% 0% 0% 0%;
}
}



ul.tab li div.white-ca {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 5%;
    text-align: center;
    width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.2em;
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.tab li:hover {
    color: #90949c;
}

.m-side {
margin:0px 6px 0px 6px;
}

@media screen and (max-width: 419px) {
ul.tab li div.white-ca {
    display: block;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 5px 0px 5px 0px;
}
.m-side {
    margin: 0px 0px -20px 0px;
    font-size: 14px;
}
}


ul.tab li a.current {
    background: #C15757;
    color:white!important;
    box-shadow: 0 0 8px gray;
background-image: url(/site/wp-content/uploads/2018/04/7657e211a004007.jpg);
    background-size: contain;

}

ul.tab li a.current span {
border-bottom:solid 1px #90949c;
display: block;
}






#tab-contents strong {
    font-size: 2em;
    font-weight: bold;
}

.triangle3{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0E0E0E;
    margin: 0 auto;
    margin-bottom: -11px;
    z-index: 999;
    position: relative;
}

.kokuban-back {
    background-image: url(/site/wp-content/uploads/2018/04/7657e211a004007.jpg);
    padding: 10px;
    width: 100%;
    color: #fff;
    background-size:cover
}
.masute-back {
    background-image: url(/site/wp-content/uploads/2018/04/mt0005-300-1.png);
    padding: 0.5%;
    color: #fff;
    background-size: contain;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
}



#entryHeader h1.r-r-title {
font-family: 'Stardos Stencil','Fredericka the Great','Cabin Sketch','Bad Script','Satisfy','Courgette','Pacifico';
font-size:3.5em;
}

#entryHeader h1.r-r-title div {
font-family: "Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    letter-spacing: 10px;
}

#entryHeader h1.r-r-title span {
font-family: 'Fredericka the Great','Cabin Sketch','Bad Script','Satisfy','Courgette','Pacifico';
font-weight: 400;
}

#entryHeader span.r-r-title {
font-family: 'Fredericka the Great','Cabin Sketch','Bad Script','Satisfy','Courgette','Pacifico';
font-weight: 400;
font-size: 48px;
}

#entryHeader span.r-r-title.white-font {
font-family: 'Fredericka the Great','Cabin Sketch','Bad Script','Satisfy','Courgette','Pacifico';
font-weight: 400;
font-size: 32px;
}

.border-columns {
    border: 1px solid #eee;
    padding: 5%;
    margin: 0px 2px 2px 2px;
}










/* タブ別バージョン関連 */
.tab {
	width: 100%;
	padding: 0;
	display: table;
	table-layout: fixed;
}
.tab li {
    color: #90949c;
	width: 33%;
	margin: 0;
	padding: 5px 10px 0;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    font-size: 20px;
}
.tab li:hover {
background:#fff;
    color: #90949c;
}

.tab li.current {
	background: #fff;
	border-bottom: none;
    color:white!important;
    box-shadow: 0 0 8px gray;
    background-image: url(/site/wp-content/uploads/2018/04/7657e211a004007.jpg);
    background-size: cover;


}
.contentt {
	margin: 0;
	padding: 16px;
	text-align: center;
}
.contents .contentt {
	display: none;
}
.contents .contentt:nth-child(1) {
	display: block;
}

.waku {
border: 1px solid;
}

.koushi-waku {
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 6px;
}

.bottom-line {
border-bottom: 1px solid;
}

#tamagawa {
    background-image: url(/site/wp-content/uploads/2018/04/https___www.pakutasobokashi.jpg);
    background-repeat: repeat;
    padding: 40px 10px 40px 10px;
    background-size: cover;
    background-position-y: bottom;
}

@media screen and (max-width: 419px) {
#tamagawa {
background-position-y: center;
}

#entryHeader h1.r-r-title {
    font-size: 3.0em;
}
}

.hukidashi-ichi {
position: relative;
}

.hukidashi-g {
    position: absolute;
    right: 14%;
    top: -90px;
    width: 80px;
}

.hukidashi-gl {
    position: absolute;
    left: 14%;
    top: -90px;
    width: 80px;
    transform: scale(-1, 1);
}

.back-kirakira {
background-image:url(/site/wp-content/uploads/2018/04/bkg_kirakira.png);
}

.back-kumo {
    background-image: url(/site/wp-content/uploads/2018/04/kira-kumoobipng.png),
 url(/site/wp-content/uploads/2018/04/https___www.pakutaso.jpg);
    background-size: contain,cover;
    background-repeat: no-repeat, no-repeat;
    background-attachment: local,fixed;
    background-position-x: center,left;
}





.look-hukidashi {
background-image: url(/site/wp-content/uploads/2018/04/fukidashi231-1-e1523967177542.png);
    background-size: contain,cover;
    background-repeat: no-repeat, no-repeat;
}


div.bad-script-font a {
font-size:16px;
    font-size: 1.5em;
    font-family: Gaegu;
    color:#000;
    display: block;
}

.top-bar-section .has-dropdown > a:after {
    margin-right: 0.2rem;
}


h3.mb0 {
margin-bottom:0px;
}

.blackback {
    height: 100%;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
}

.switchform {
font-size: 1.0em;
    padding: 1em 1em 1em 1em!important;
    margin: 0 auto;
    width: 50%;
    display: block;
}

.back-white {
    background: rgba(255, 255, 255, 0.8);
display: inline-block;
    width: 100%;
    margin: 0 auto;
}


.tabs-border {
    margin: 0 auto!important;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
}

.pd0 {
padding:0;
}

.pd5 {
padding:5px;
}

.pd10 {
padding:10px;
}

.shadow {
     text-shadow: 0px 0px 6px #000;
}

#we-areArea p {
color:#fff!important;
font-size: 0.8rem!important;
}

#we-areArea a {
color:#fff!important;
font-size: 0.8rem!important;
}

.news-line {
    border-right: 1px solid #fff;
}

.eventpd {
padding-left:0.1em;
padding-right:0.1em;
}

#contentsArea .innner h1 {
    font-size: 1.0rem;
    margin-top: 10px;
    line-height: 17px;
}

@media screen and (max-width: 414px){
#contentsArea .innner h1 {
    font-size: 0.8rem;
    margin-top: 6px;
}}


.menu-item {
    display: inline-block;
    padding: 1.1em 1.4em;
    background-color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 100%;
    font-size: 0.85em;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    border: 1px solid #000;
}

.menu-item:hover {
    background-color: rgba(255,255,255,0);
    color: #27B3CF;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
border: 1px solid #27B3CF;
}


.menu-item a {
    color: #fff;
}


.bt-item {
    display: block;
    padding: 1.1em 0.2em;
    background-color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 100%;
    font-size: 0.85em;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    border: 1px solid #000;
}

.bt-item:hover {
    background-color: rgba(255,255,255,0);
    color: #27B3CF;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
border: 1px solid #27B3CF;
}


.bt-item a {
    color: #fff;
}

.bt-item:befo {
    content: "\f030";
    font-family: FontAwesome;
padding-right: 0px;
}


.bt-item span {
    font-size:10px;
    display:block;

}

@media screen and (max-width: 414px){
.sp-block {
    margin-top: 0px;
    display: inline-block;
    position: relative;
}
}

.drawer--right .drawer-nav {
    right: -100%;
}

.drawer-nav {
    width: 100%;
}

.columns-flexbox {
display: flex;
    flex-wrap: wrap;
}


.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    min-height:290px;
}

.box30 .box30-title h3 {
    font-size: 1.3em;
    background: #1c4174;
    padding: 8px 4px;
    text-align: center;
    color: #FFF!important;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.box30 p {
    padding: 25px 30px;
    margin: 0;
}


.columns0 {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

.side10 {
padding-left: 10px;
padding-right: 10px;
}


@media screen and (max-width: 414px){
.order {
display:flex;
  flex-direction: column;
  align-items: center;
}

.order1 {
order: 1;
}

.order2 {
order: 2;
}
}

.mb0{margin:0px;}


.dots-wh {
    box-shadow: #ddd 5px 5px;
    background: #fff;
    border: solid #555;
    border-width: 1px 0px 1px 0px;
}

@media screen and (max-width: 414px){
.dots-wh {
    padding-top: 10px;
}
}

.dots {
background-color: #dddddd;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
-webkit-background-size: 5px 5px;
}

.pd10 {
padding:10px;
}

.mg-cat {
    box-shadow: #ddd 5px 5px;
    background: #fff;
border:solid #333;
border-width:1px 0px 1px 0px;
}

.mg-cat-img {

}

.mg-cat h2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1em;
margin-bottom:5px;
font-weight:700;
}
.mg-cat p {
  font-size: 0.75rem;
  line-height: 1.4em;
  margin-bottom: 0px;
  color: #222222;
}

.mg-cat-area {
  min-height: 111px;
}

@media screen and (max-width: 414px){
.mg-cat {
display:flex;
  align-items: center;
border:solid #333;
border-width:1px 0px 1px 0px;
}
.mg-cat-area {
 min-height: initial;
 min-height: auto;
 width: 70%;
}
.mg-cat-img {
width: 30%;
}

.mg-cat h2 {
font-size: 1.0em;
}
}



.tagcloud a:before {
    content:"# ";
}

.tagcloud a {
    background-color:#eee;
    font-size: 12px!important;
    line-height: 100%;
    margin: 0;
    border: solid 1px;
    padding: 6px;
    white-space: nowrap;
    line-height: 34px;
}

.tagcloud a:hover {
transition: 0.3s;
 background-color:#000;
 color:#fff;
}

.tagcloud li a {
margin-right:4px;
}

.desc p {
  font-size: 0.75rem;
  line-height: 1.4em;
  margin-bottom: 0px;
  color: #222222;
}

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


.yonbun {
  overflow:hidden;
}

.yonbun .yonbun-column {
  float: left;
      width: calc((100% - 10px) / 2);
      margin-bottom: 10px;
}

.yonbun .yonbun-column:not(:first-child) {
      margin-left: 10px;
}



.tabtitle {
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    align-items: center;
    text-align: center;
}


#margin0 {
margin:0 auto!important;
}






#gnav > ul {
  display: table;
  padding-left: 0px;
    width: 100%;/*202002追加*/
    max-width: 900px;/*202002追加*/
    margin: 0 auto;
    text-align: center;
}
#gnav > ul > li {
  display: table-cell;
  margin-right: 2em;
}
#gnav > ul > li:hover {
  color: #fff;
  background-color: rgba(51,51,51,0.95);
}
#gnav > ul > li:hover > a {
  color: #fff;
}

#gnav > ul > li:hover .menu {
  transition: max-height 2s ease-in;
  max-height: 9999px;
}

#gnav > ul > li > a {
  display: block;
  padding: 25.5px 1em 15.5px;
  transition: all .2s ease-in;
}

#gnav > ul .menu {
  transition: max-height .2s ease-out;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  text-align: center;
  position: absolute;
  background-color: rgba(51,51,51,0.95);
}
#gnav > ul .menu .menu_inner {
  padding: 2em 0;
  display: inline-block;
  vertical-align: top;
  min-width: 100px;
  max-height: 300px;
}

#gnav > ul .menu .menu_inner li {
    display: block;
    margin: 0em;
    text-align: left;
}

#gnav > ul .menu a {
    color: #fff;
    font-size: 13px;
    line-height: 1.8;
}




#gnav ul li > a span {
    font-size: 0.9rem;
    display: block;
    margin: 0 auto;
}

#gnav ul li > a {
    text-decoration: none;
    text-align: center;
    font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    color: #000;
    padding: 6px 6px!important;
    line-height: 1.5;
}


#gnav > ul .menu a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #fff;
}

.ml-list {
    font-weight: 700;
    font-size: 1.0em;
    letter-spacing: 2px;
    color: #fff;
}

#gnav > ul .menu .menu_inner:first-of-type {
    vertical-align: middle;
    min-width: 230px;
    margin-left: -100px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    min-height: 228px;
}

.ml-title {
vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-size:1.05em;
}

.ml-pics {
    display: block;
    width: 120px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}


#gnav > ul .menu .menu_inner li:before {
  content: "\f105";
  font-family: FontAwesome;
}

.tabs-border > .medium-4 {
margin: 0px 0px 10px 0px;
}

.tabs-border > .medium-3 {
margin: 0px 0px 10px 0px;
}

.tabs-border > .medium-6 {
margin: 0px 0px 10px 0px;
}

.tabs-border > .medium-12 {
margin: 0px 0px 10px 0px;
}

.tabs-border > .medium-4 img {
opacity:0.8;
}

.tabs-border > .medium-3 img {
opacity:0.8;
}

.tabs-border > .medium-6 img {
opacity:0.8;
}

.tabs-border > .medium-12 img {
opacity:0.8;
}

.tabs-border h5 span:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 8px;
}

.tabs-border h5:after {
    content: "renovation!";
    font-family: Gaegu;
    display: block;
    font-size: 16px;
}

.tabs-bg h5 {
font-size:1.4em;
position:absolute;
width: 100%;
color: #fff;
}

.tabs-bg h5 span {
font-size: 1.4em;
font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-right: 4px;
}

@media (max-width: 40.0625em) {
.tabs-border > .medium-4 img {
    margin-bottom: 0px!important;
}
}

 .g1 {background: url(/site/wp-content/uploads/2023/04/IMG_6835.jpg) center no-repeat;}
 .g2 {background: url(/site/wp-content/uploads/2022/01/IMG_4150.jpg) center no-repeat;}
 .g3 {background: url(/site/wp-content/uploads/2019/11/IMG_6573.jpg) center no-repeat;}
 .g4 {background: url(/site/wp-content/uploads/2022/05/DSC05210.jpg) center no-repeat;}
 .g5 {background: url(/site/wp-content/uploads/2021/03/10-2.jpg) center no-repeat;}
 .g6 {background: url(/site/wp-content/uploads/2021/04/IMG_3285.jpg) center no-repeat;}
 .g7 {background: url(/site/wp-content/uploads/2018/04/DSC_1642_000051000.jpg) center no-repeat;}
 .g8 {background: url(/site/wp-content/uploads/2017/09/DSC_1193-thumb-yarinaoshi1.jpg) center no-repeat;}
 .g9 {background: url(/site/wp-content/uploads/2016/06/IMG_7605-color-min.jpg) center no-repeat;}
 .g10 {background: url(/site/wp-content/uploads/2016/09/DSC_5450-thumb-e1498353925257.jpg) center no-repeat;}
 .g11 {background: url(/site/wp-content/uploads/2017/07/DSC_8858-1800thumb.jpg) center no-repeat;}
 .g12 {background: url(/site/wp-content/uploads/2018/04/DSC_2362_00172thumb-1.jpg) center no-repeat;}
 .g13 {background: url(/site/wp-content/uploads/2018/01/DSC_6949-.jpg) center no-repeat;}
 .g14 {background: url(/site/wp-content/uploads/2018/01/DSC_6240-thumb1.jpg) center no-repeat;}
 .g15 {background: url(/site/wp-content/uploads/2015/09/RIMG9707-rethumb-min.jpg) center no-repeat;}
 .g16 {background: url(/site/wp-content/uploads/2017/08/DSC_8657-1500-thumb.jpg) center no-repeat;}
 .g17 {background: url(/site/wp-content/uploads/2018/04/DSC_3356-00017700.jpg) center no-repeat;}
 .g18 {background: url(/site/wp-content/uploads/2017/05/IMG_0108-500-e1498307964423.jpg) center no-repeat;}
 .g19 {background: url(/site/wp-content/uploads/2016/08/IMG_0942-thumb-e1498353963173.jpg) center no-repeat;}
 .g20 {background: url(/site/wp-content/uploads/2016/07/IMG_1077-kithumb1.jpg) center no-repeat;}
 .g21 {background: url(/site/wp-content/uploads/2017/11/DSC_2428_00138-thumb.jpg) center no-repeat;}

@media (min-width: 40.0625em) {
.g13 {background-position-y: -335px;}
}

 .tabs-bg {
    height: 120px;
    background-size: cover;
    position: relative;
    box-shadow: 6px 6px hsla(0,0%,0%,0.20);
}


 .tabs-bg:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.4);
  transition: all linear 0.2s;
}


a:hover .tabs-bg::before{
    background-color: rgba(15,25,55,0.7);
}

.tabs-box {
    position: absolute;
    width: 100%;
    top: 45%;
    text-align: center;
    color: #FFF;
}

.tabs-bg img {
    display: block;
    position: relative;
    height: auto;
    top: -106px;
    width: 36px;
    margin: 0 auto;
}



.drawer-padding {
    padding-top: 60px;
   /*-- padding-top: 5.7rem; --*/
}

@media (max-width: 768px){
.drawer-padding {
    padding-top: 0rem;
}
}

.drawer-navbar {
    height: auto!important;
    border-bottom: 0px!important;
}

.hamidashi {
    overflow: hidden;
}

#entryHeader .wp_social_bookmarking_light {
padding:0px!important;
}


#flex {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    background-color: transparent;
    font-size: 13px;
}

#flex select {
    font-size: 13px;
}
#flex .md {
    font-size: 13px;
}
#flex .listfont {
width:30%;
padding: 15px 15px;
font-size: 13px;
}
#flex .listbox {
width:70%;
padding: 15px 15px;
font-size: 13px;
line-height: 1.8em;
}

.wpcf7-form textarea {
font-size: 13px;
height: 100px;
}

@media only screen and (max-width: 768px) {
#flex {
display: block;
}

#flex .listfont {
padding-bottom: 2px;
display: block;
width: 100%;
}
#flex .listbox {
padding-top: 2px;
width:100%;
}
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 auto; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  margin: 0 auto;
}


.form-table {
width:100%;
}

.square {
max-width:50%;
}

@media screen and (max-width: 414px){
.square {
    max-width: 100%;
}


.flex-box-master {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
}

.flex-box1 {order:-1;}
.flex-box2 {order:2;}
.flex-box3 {order:-3;}
.flex-box4 {order:4;}
}

.wpp-thumbnail {
width:90px;
}

.sns-wrap {
	vertical-align: top;
	display: inline-block;
	/*20201015 start*/
	float: left;
	width: calc(50% - 12px);
}
@media screen and (max-width:768px){
.sns-wrap {
		float: none;
		width: 100%;
	}
}
.sns-wrap:last-child{
	margin-left: 24px;
}
@media screen and (max-width:768px){
.sns-wrap:last-child {
		margin-top: 24px;
		margin-left: 0px;
	}
}
/*20201015 end*/

.fb_iframe_widget {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.row_under-line {
    border-bottom: 1px solid #cccccc;
    display: inline-block!important;
    width: 100%;
}

#planarea {
text-align:center;
}

#planarea h2 {
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:center;
}

.letter-sp, .letter-sp-industrial, .letter-sp-brooklyn, .letter-sp-sea-side, .letter-sp-japanese-modern {
letter-spacing:0.3rem;
}



.letter-sp:first-letter {
  margin-right:0.03em;
  font-size: 3.4em;
}

.letter-sp-industrial:first-letter {
  margin-right:0.03em;
  font-size: 3.4em;
  color: #1981B4;
}

.letter-sp-brooklyn:first-letter {
  margin-right:0.03em;
  font-size: 3.4em;
  color: #A72224;
}

.letter-sp-sea-side:first-letter {
  margin-right:0.03em;
  font-size: 3.4em;
  color: #31A896;
}

.letter-sp-japanese-modern:first-letter {
  margin-right:0.03em;
  font-size: 3.4em;
  color: #D7DC11;
}

.plan-style-title {
    font-size: 0.7rem;
}

#planarea span:before, #planarea span:after {
    content: "";
    position: absolute;
    height: 4px;
    border-top: 1px solid rgb(32, 41, 46);
    top: 50%;
    width: 480px;
}

.plan-flex {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 419px) {
.plan-flex {
    display: block;
}
.plan-flex h2 {
text-align:center;
font-size: 1.15em;
}
}


.plan-number {
    font-size: 168px;
    position: relative;
    top: 280px;
    z-index: 999;
    color:#eee;
    font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: -300px;
}

.number-left {margin-left: 500px;}
.number-right {margin-right: 500px;}

@media screen and (max-width: 768px) {
.plan-number {    top: 205px;
    z-index: -999;
}
.number-left {margin-left: 0px;}
.number-right {margin-right: 0px;}
}

#entryHeader p.number-p {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
}

p.number-p {
  font-family:"Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
}

.pd-lr {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 419px) {
.pd-lr {
    padding-left: 0px;
    padding-right: 0px;
}
}

.pd30 {
    padding-bottom: 30px;
}

.font-mincho strong {
    font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.font-mincho h2 {
    text-align: center;
    font-size: 2.2em;
    letter-spacing: 6px;
}

@media screen and (max-width: 419px) {
.font-mincho h2 {
    font-size: 1.4em;
}
}

.member-portfolio {
display:block;
font-size:0.8rem;
}

.box_case {
    width: 100%;
    padding-top: 34px;
    position: relative;
    -webkit-transition: all 400ms ease-in-out 0ms;
    -moz-transition: all 400ms ease-in-out 0ms;
    -ms-transition: all 400ms ease-in-out 0ms;
    -o-transition: all 400ms ease-in-out 0ms;
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    transition-delay: 0ms;
    border-top: 1px solid #b2b2b2;
}



.style-logo {
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: -80px;
    width: 180px;
    animation-duration: 2.5s;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    animation: bounce 4s infinite;
}




/*---20200327追加---*/
.magazine-service-area{
    display: flex;
    background-color: #ddd;
    margin: 0px 0.7em 40px;
    padding: 40px;
}
@media screen and (max-width:1050px){
    .magazine-service-area{
        display: block;
        background-color: #ddd;
        margin-bottom: 60px;
        padding: 30px;
    }
}
.magazine-service-box{
    width: 25%;
    text-align: center;
}
@media screen and (max-width:1050px){
    .magazine-service-box{
        width: 100%;
    }
}
.magazine-service-box:not(.magazine-title-box){
    display: flex;
    flex-direction: column;
    background-color: #fff;
}
@media screen and (max-width:1050px){
    .magazine-service-box:not(.magazine-title-box){
        background-color: transparent;
    }
}
.magazine-service-box:not(:first-child){
    padding: 0px 16px;
    margin-left: 20px;
}
@media screen and (max-width:1050px){
    .magazine-service-box:not(:first-child){
        margin-left: 0px;
    }
}
.magazine-service-inner:last-child{
    margin-top: auto;
}
.magazine-service-title,
.magazine-service-name,
.magazine-service-type,
.magazine-service-more{
    text-align: center;
}
.magazine-service-box.magazine-title-box{
    position: relative;
}
.magazine-service-title{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    font-size: 1.2rem;
    color: #fff;
    padding: 40px 0px;
    font-weight: bold;
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
}
@media screen and (max-width:1050px){
    .magazine-service-title{
        position: static;
        transform: translateY(0%);
        border-top: none;
        padding: 0px 0px 10px;
        border-bottom: #fff solid 1px;
    }
    .magazine-service-title br{
        display: none;
    }
}
.magazine-service-type{
    font-size: 0.65rem;
    font-weight: bold;
    margin-top: 10px;
}
@media screen and (max-width:1050px){
    .magazine-service-type{
        display: none;
    }
}
.magazine-service-name{
    font-size: 0.65rem;
    font-weight: normal;
}
@media screen and (max-width:1050px){
    .magazine-service-name{
        margin-top: 40px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
    }
}
.magazine-service-caption{
     font-size: 0.65rem;
}
@media screen and (max-width:1050px){
    .magazine-service-caption{
        color: #fff;
        font-size: 0.65rem;
        font-weight: bold;
    }
}
.magazine-service-more a:hover{
    color: #fff;
    background-color: #222;
    transition: all 0.3s ease;
}
@media screen and (max-width:1050px){
    .magazine-service-more a:hover{
        color: #fff;
        border: #222 solid 2px;
    }
}
.magazine-service-more a{
    display: inline-block;
    font-size: 0.8rem;
    border: #222 solid 2px;
    margin: 0px auto 10px;
    padding: 4px 8px;
    color: #222;
}
@media screen and (max-width:1050px){
    .magazine-service-more a{
        font-size: 1.2rem;
        font-weight: bold;
        padding: 8px 24px;
        border: #fff solid 2px;
    }
}
@media screen and (max-width:1050px){
    .magazine-service-more a{
        color: #fff;
    }
}
/*20201016*/
.ms-thumb-frame img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-details {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 280px;
	padding: 0px 5px 0px;
}
.entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-title{
	margin-bottom: 8px;
}
@media screen and (max-width:768px){
    .entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-title{
		font-size:16px;
	}
}
@media screen and (max-width:414px){
    .entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-title{
		font-size:13px;
	}
}
.entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-buttons{
	margin: auto 0px 0px;
}
@media screen and (max-width:768px){
    .entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-buttons{
		font-size:14px;
	}
}
.entry-content .compact-theme.wp-posts-carousel .wp-posts-carousel-buttons a{
	padding:8px;
}
#pg-8183-7> .panel-row-style {
    background-image: url(/site/wp-content/uploads/2017/07/d88518325a0940a4e34be65f0b04e0c7blacK.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0% 10% 0%;
}

/*20201109*/
.so-widget-sow-image-grid-default-c51e448a0a62 .sow-image-grid-wrapper .sow-image-grid-image img.lazyloaded {
    opacity: 1;
}

/*20210508*/
.Button__cta--center .sow-cta-text{
float:none!important;
}

.Button__cta--center .sow-cta-text .sow-cta-title{
font-family: "Avenir","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}
@media screen and (max-width: 640px){
.Button__cta--center .sow-cta-text .sow-cta-title{
margin-bottom: -1rem!important;
font-size: 1em;
}
}

.Button__cta--center .so-widget-sow-button{
margin-left: 0px!important;
float:none!important;
}

.Button__cta--center .ow-button-base a{
line-height: 1.3rem!important;
}

/* 202108224追加 cv-contents */
.sp-contents{
    display: none;
}
@media screen and (max-width:768px){
    .sp-contents{
        display: block;
    }
}
.cv-area{
    text-align: center;
    padding: 0px 10px 30px;
}
#contentsArea2 .cv-text{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    margin: 45px 0px 0px;
}
.cv-button{
    color: #fff;
    background-color:#E5B832 ;
    border-radius: 6px;
    font-weight: bold;
    margin: 4px 0px 0px;
    text-shadow: 1px 2px 3px #808080;
    box-shadow: 1px 2px 3px #808080;
}
.cv-button:hover{
    color: #fff;
    border: #a9a9a9 solid 2px;
    background-color:#a9a9a9;
}
.cv-button:active{
    color: #fff;
    border: #a9a9a9 solid 2px;
    background-color:#a9a9a9;
}

.cv-button2{
    color: #fff;
    background-color: #2d2d2d;
    border-radius: 6px;
    font-weight: bold;
    margin: 4px 0px 0px;
    text-shadow: 1px 2px 3px #808080;
    box-shadow: 1px 2px 3px #808080;
}
.cv-button2:hover{
    color: #fff;
    border: #a9a9a9 solid 2px;
    background-color:#a9a9a9;
}
.cv-button2:active{
    color: #fff;
    border: #a9a9a9 solid 2px;
    background-color:#a9a9a9;
}

.pickup-area.bg-white{
    /* background-color: #fff; */
    padding: 24px 10px;
}

.layout-box{
    display: flex;
    width: 100%;
    line-height: 1.6;
}
.layout-item.text-item{
    margin-left: 20px;
}
.layout-item.thumbnail-item{
    width: 130px;
    flex-shrink: 0;
}
.layout-item.thumbnail-item:hover{
    opacity: 0.8;
}
.article-title{
    font-size: 16px;
    line-height: 1.4;
    margin-top: 6px;
    font-weight: bold;
}
#contentsArea2 .article-description{
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
}
#contentsArea2 p.article-moreLink{
    /*margin: 0px;*/
}
#contentsArea2 p.article-moreLink a{
    display: inline-block;
    font-size: 12px;
    /*margin-top: 8px;*/
    padding: 4px;
    border: #222 solid 1px;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 3px;
    transition: none;
}
#contentsArea2 p.article-moreLink a:hover{
    background-color: #fff;
    border-color: #696969;
    color: #696969;
}
/* 20210906 編集 */
#slider .slides{
  position: static;
  padding-top:0;
  height: auto;
  transform: none;
}
#slider .slides img {
  position: static;
  transform: none;
}  
.flex-viewport {
  padding-top: 20px;
}
/* 20210906 end */
/* 20211001 start*/
.txtLink:hover{
opacity:0.6;
}
#panel-6500-0-0-1{
margin-top:-30px;
}
@media screen and (min-width: 900px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover{
height: 560px !important; 
}
}
/* 20211001 end */
/* 20211124 start */
.portfolioTextLink a:hover{
  color: #848484;
}
/* 20211124 end */

/* 20220121 contact form7 privacy-policy */
table {
	border-collapse: collapse;
    border: 1px solid #ccc;
}

 .privacy-policy {
  margin: 25px 0px auto;
  height: 100px;
  overflow: auto;
  padding: 25px;
  border: 1px solid #ccc;
  background-color: #e5e5e5;
  line-height: 1.5;
}
 .privacy-policy__item p {
	 margin-bottom: 25px;
}
/*20220121 end*/

/*--------------------
 20220122 contact form 
--------------------*/
.button-send {
 margin: 50px 0px 0px;
}
/*--------------------
 20220122 end 
--------------------*/


/*--------------------
 20230630 seminar page 
--------------------*/
.check-list ul {
  padding: 0.5em 0;
  list-style-type: none;
  border: none;
}
.check-list ul li {
  position:relative;
  padding: 0.3em 0 0.3em 1.5em;
  line-height: 1.5;
}
.check-list ul li:before{
  position: absolute;
  left: 0.2em;
  color: #E5B832;
  font-family: FontAwesome;
  content: "\f00c";
}
/*--------------------
 20230630 seminar page end
--------------------*/


/*---------------------------
 20230905 event page　button 
---------------------------*/
#contentsArea .button_eventdetail {
    background-color: #E5B832;
    border-radius: 6px;
    font-weight: bold;
    margin: 4px 0px 0px;
    height: 45px;
    padding: 0.3rem 2rem;
    width: 230px;
    font-size: 18px;
    text-align: center;}

#contentsArea .button_eventdetail a {
    color: #fff;
}
/*---------------------------
 20230905 event page　button end
---------------------------*/


/*--------------------
 20231003 LP main img 
--------------------*/
#LPArea {
  background-image: non;
}

.main-img {
  position: relative;
  background-image: url("https://www.balleggs.com/site/wp-content/uploads/2020/07/IMG_6960.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 40%;
}
.main-img:after {
  display: block;
  padding-top: calc((300 / 375) * 100%);
  content: '';
}
.main-img__box {
  margin: 0 auto;
  padding: 80px 5px;
  position: absolute;
  width: 90%;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 1.3;
}
.main-img__title {
  color: #fff;
  font-size: 17px;
  text-shadow: 1px 2px 3px #808080;
  padding-top: 10%;
}
 .main-img__cv-text {
  color: #fff;
  font-size: 12px;
  text-shadow: 1px 2px 3px #808080;
  text-align: center;
  padding: 20% 0% 0%;
  line-height: 1.3;
 }

.main-img__cv-button {
  color: #fff;
  font-size: 15px;
  text-shadow: 1px 2px 3px #808080;
  background-color: #E5B832;
  border-radius: 10px;
  padding: 0.5rem 2rem;
  font-weight: bold;
  font-family: unset;
  
 }

/* pc用 */
@media screen and (min-width: 961px) {
    .wrapper{
      width: 1030.41px;
      height: 500PX;
      overflow: hidden;
      margin: 0 auto;
  }
    .main-img{
      display: block;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
  }
    .main-img__box{
      width: 800px;
      padding: 25px 5px;
  }
    .main-img__title {
      color: #fff;
      font-size: 40px;
      text-shadow: 1px 2px 3px #808080;
  }
    .main-img__cv-text {
      color: #fff;
      font-size: 17px;
      text-shadow: 1px 2px 3px #808080;
      text-align: center;
      padding: 20% 0% 0%;
      line-height: 1.3;
  }

    .main-img__cv-button {
      color: #fff;
      font-size: 23px;
      text-shadow: 1px 2px 3px #808080;
      background-color: #E5B832;
      border-radius: 10px;
  }
}

.lp1 {
    max-width: 678px;
}

/*--------------------
 20231003 LP main img end
--------------------*/

/*--------------------
 20231208 LP2 
--------------------*/

.beforeafter_triangle {
    width: auto;
    height: auto;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #E5B832;
    position: absolute;
    top: 40%;
    left: 50%;
}

/*--------------------
 20231208 LP2 end
--------------------*/

/*--------------------
 20231208 事例集請求 
--------------------*/

.page-id-4734 #footerArea {
    display: none;
}

/*--------------------
 20231208 事例集請求 end
--------------------*/


/*--------------------
 20240601 LP1/LP2
--------------------*/
.pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}

/* aboutセクション */
.about-contents {
  padding-top: 50px;
}

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

/* フォーム1 */
.form1,
.form2 {
  position: relative;
  padding: 140px 15px 10px;
  background: #fdf5d9;
  margin: 100px 0;
}
.form1 .panfu,
.form2 .panfu {
  /*width: 580px;*/
  width: 150px;
  position: absolute;
  top: -75px;
  left: -20px;
  transform: rotate(-15deg);
}
.form1-title,
.form2-title {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  width: 13em;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4em;
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  z-index: 2;
  text-shadow: 0 0 8px #fff;
}
.form1-title-description, .form1-title-description2, .form1-title-description3 {
    display: inline-block;
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    width: 100%;
}
.form1-explain {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

.form2-title {
  width: 9em;
}
.form1-title::before,
.form2-title::before {
  content: "";
  position: absolute;
  bottom: 16px;
  left: -20px;
  font-size: 22px;
  width: 60px;
  height: 60px;
  display: block;
  border-left: solid 2px #000;
  transform: rotateZ(-35deg);
}
.form1-title::after,
.form2-title::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: -20px;
  font-size: 22px;
  width: 60px;
  height: 60px;
  display: block;
  border-right: solid 2px #000;
  transform: rotateZ(35deg);
}
.form1-title strong,
.form2-title strong {
  font-size: 36px;
  color: #000;
}

.form-inner {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

  .form1 .original-renovation-book-btn {
    width: 300px;
    top: 240px;
    left: 50%;
    margin: auto;
    padding-bottom: 20px;
  }
  .form2 .original-renovation-book-btn {
    width: 300px;
    top: 190px;
    left: 50%;
    margin-left: -350px;
    position: absolute;
  }
.dli-mail {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1.06667em;
  height: 0.8em;
  border: 0.1em solid currentColor;
  border-radius: 0.1em;
  box-sizing: content-box;
  overflow: hidden;
  right: 15px;
  bottom: 3px;
}

.dli-mail::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.75425em;
  height: 0.75425em;
  border: 0.1em solid currentColor;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 0.1em;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
}
  .form1 .original-renovation-book-btn a,
  .form2 .original-renovation-book-btn a {
    position: relative;
    font-size: 20px;
    line-height: 1.2em;
    padding: 14px 0;
    border-radius: 100px;
    border: solid 6px #fff;
    transition: all 0.3s;
    display: block;
    text-align: center;
    background-color: #EB5F32;
    color: #fff;
  }
  .form1 .original-renovation-book-btn a::after,
  .form2 .original-renovation-book-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 27px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}
  .form1 .original-renovation-book-btn a:hover,
  .form2 .original-renovation-book-btn a:hover {
    background: #eb5f32b5;
  }

.form-script {
  padding: 15px 15px 30px;
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .form1,
  .form2 {
    position: relative;
    padding: 210px 15px 20px;
    background: #fdf5d9;
    margin: 100px 0;
  }
  .form1-title,
  .form2-title {
    top: 80px;
    font-size: 38.5px;
    width: 13.5em;
  }
  .form2-title {
    width: 15em;
  }
  .form1-title strong,
  .form2-title strong {
    font-size: 80px;
  }
.form1-title-description {
    top: 30px;
    font-size: 18px;
    width: 100%;
}
  .form1-title::before {
    width: 94px;
    height: 94px;
    border-left: solid 4px #000;
  }
  .form1-title::after {
    width: 94px;
    height: 94px;
    border-right: solid 4px #000;
  }
.form1-explain {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
  .form2-title::before {
    width: 74px;
    height: 74px;
    bottom: 6px;
    border-left: solid 4px #000;
  }
  .form2-title::after {
    width: 74px;
    height: 74px;
    bottom: 6px;
    border-right: solid 4px #000;
  }
  .form1 .panfu,
  .form2 .panfu {
    width: 35%;
    max-width: 570px;
    position: absolute;
    top: -35px;
    left: -3%;
  }
  .form1 .original-renovation-book-btn {
    width: 700px;
    top: 240px;
    left: 50%;
    margin: auto;
    padding-bottom: 20px;
  }
  .form2 .original-renovation-book-btn {
    width: 700px;
    top: 190px;
    left: 50%;
    margin-left: -350px;
    position: absolute;
  }
.dli-mail {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1.06667em;
  height: 0.8em;
  border: 0.1em solid currentColor;
  border-radius: 0.1em;
  box-sizing: content-box;
  overflow: hidden;
  right: 90px;
  bottom: 3px;
}

.dli-mail::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.75425em;
  height: 0.75425em;
  border: 0.1em solid currentColor;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 0.1em;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
}
  .form1 .original-renovation-book-btn a,
  .form2 .original-renovation-book-btn a {
    position: relative;
    font-size: 38px;
    line-height: 1.2em;
    padding: 14px 0;
    border-radius: 100px;
    border: solid 6px #fff;
    transition: all 0.3s;
    display: block;
    text-align: center;
    background-color: #EB5F32;
    color: #fff;
  }
  .form1 .original-renovation-book-btn a::after,
  .form2 .original-renovation-book-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 47px;
    width: 20px;
    height: 20px;
    margin: auto;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}
  .form1 .original-renovation-book-btn a:hover,
  .form2 .original-renovation-book-btn a:hover {
    background: #eb5f32b5;
  }
  .form-script {
    padding: 30px 50px;
  }
}
@media screen and (min-width: 1200px) {
  .form1 .panfu {
    left: 50%;
    margin-left: -680px;
    transform: rotate(-15deg);
  }
}

/* エリアタイトル */
.block1 {
  padding: 24px 15px;
  background: #e5b832;
  position: relative;
  margin-top: 100px;
}
.block1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -37px;
  width: 75px;
  height: 28px;
  background: url("../images/lp2/area4_arrow.png") no-repeat left top;
  background-size: 75px 28px;
  z-index: 10;
}
.block1 .area-title {
  font-size: 22px;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
}
.block1 .area-title span {
  font-size: 30px;
}
.block1 .area-subtitle {
    text-align: center;
    line-height: 1.2;
    padding-top: 10px;
}
.block1 p {
  font-size: 16px;
}

@media screen and (min-width: 768px) {
    .block1 {
      padding: 48px 15px;
      background: #e5b832
      position: relative;
      margin-top: 100px;
    }
    .block1::after {
      bottom: -60px;
      left: 50%;
      margin-left: -80px;
      width: 160px;
      height: 60px;
      background-size: 160px 60px;
    }
    .block1 .area-title {
      font-size: 42px;
      text-align: center;
      font-weight: bold;
    }
    .block1 .area-title span {
      font-size: 56px;
    }
    .block1 p {
      font-size: 18px;
      line-height: 1.8em;
      text-align: center;
    }
}

/* エリア2 */
.area2 {
}
/* .area2 .block1 {
  padding: 24px 15px;
  background: #e5b832;
  position: relative;
  margin-top: 100px;
}
.area2 .block1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -37px;
  width: 75px;
  height: 28px;
  background: url("../images/lp2/area4_arrow.png") no-repeat left top;
  background-size: 75px 28px;
  z-index: 10;
}
.area2 .block1 .area-title {
  font-size: 22px;
  line-height: 1.3em;
  text-align: center;
}
.area2 .block1 .area-title span {
  font-size: 30px;
}
.area2 .block1 p {
  font-size: 16px;
} */

.area2 .block2 {
  padding: 48px 15px 40px;
}
.area2 .block2 .block-title {
  font-size: 21px;
  text-align: center;
}
.area2 .block2 .title-reason {
  width: 80px;
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -40px;
}
.area2 .block2 .box-title {
  text-align: left;
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: dotted 1px #c5bfad;
}
.area2 .block2 .box-title span.kome {
  color: #181818;
  font-size: 16px;
  font-weight: 400;
}

.area2 .block2 .box-title span.type {
  font-size: 18px;
  display: block;
}
.area2 .block2 p {
  font-size: 16px;
  margin: 16px 0;
  text-align: left;
}
.area2 .block2 .box {
  margin-top: 24px;
  margin-bottom: 90px;
  padding: 60px 15px 15px;
  background: #f6f4ed;
  position: relative;
  border-radius: 10px;
}
.area2 .block2 .box .appendix {
  position: absolute;
  bottom: -20px;
  right: 0;
  font-size: 12px;
  color: #a3a3a3;
}

@media screen and (min-width: 768px) {
  /* .area2 .block1 {
    padding: 48px 15px;
    background: #ffde00;
    position: relative;
    margin-top: 100px;
  }
  .area2 .block1::after {
    bottom: -60px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 60px;
    background-size: 160px 60px;
  }
  .area2 .block1 .area-title {
    font-size: 42px;
    text-align: center;
  }
  .area2 .block1 .area-title span {
    font-size: 56px;
  }
  .area2 .block1 p {
    font-size: 18px;
    line-height: 1.8em;
    text-align: center;
  } */
  .area2 .block2 {
    padding: 96px 10px 40px;
    max-width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .area2 .block2 .block-title {
    width: 100%;
    font-size: 36px;
    margin-bottom: 40px;
  }

  .area2 .block2 .box {
    width: 49%;
    padding: 60px 34px 36px;
    margin-top: 24px;
    margin-bottom: 64px;
  }
  .area2 .block2 .box-title {
    font-size: 26px;
    min-height: 90px;
  }
  .area2 .block2 .box-title span.type {
    font-size: 22px;
  }
  .area2 .block2 p {
    font-size: 18px;
    margin: 24px 0;
  }
  .area2 .block2 .box .appendix {
    font-size: 14px;
    bottom: -24px;
  }
}

/* ポイント */
.point-area-1{
  padding: 20px;
  background-color: #f2f2f2;
}
.point-area-2{
  padding: 20px;
  background-color: #f2f2f2;
}
.point-title {
  font-weight: bold;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .point-area-1{
    height: 740px;
  }
  .point-area-2{
    height: 700px;
  }
.point-title {
  font-size: 26px;
}
}
@media screen and (min-width: 1200px) {
  .point-area-1{
    height: 665px;
  }
  .point-area-2{
    height: 629px;
  }
}

/* エリア3　事例紹介 */

.renove-info-data {
	margin: 30px 0;
}
.renove-info-data dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.renove-info-data dl:last-child {
	margin-bottom: none;
}
.renove-info-data dt {
	background: #f2f2f2;
	border-radius: 3px;
	padding: 3px 7px;
	display: inline-block;
	margin-right: 5px;
}
.renove-info-data dd {
	padding: 3px 8px;
    margin-left: -1px;
}

@media screen and (min-width: 768px) {
.block-flex {
    background: #FFF;
    display: flex;
    padding: 40px;
}
.img1 {
    /* width: 50%; */
    padding: 0 32px 0 0;
    margin-bottom: 0;
}
/* .img1 .budge {
    top: 0;
    left: 0;
    width: 36%;
    max-width: 160px;
    z-index: 10;
} */
.img-main {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.renove-info {
    width: 40%;
}
.renove-info-head {
    overflow: hidden;
}
h3.renove-info-title {
    float: left;
    /* width: 10em; */
    font-size: 20px;
    margin-bottom: 0px;
}
.renove-info-price {
    float: right;
    font-size: 16px;
    margin-top: -15px;
}
.renove-info-price strong {
    color: #000;
    font-size: 18px;
}
.renove-info-price strong span.bigger {
    font-size: 38px;
    margin: 0 3px;
}
.renove-info-data {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 10px;
}
.renove-info-data dl {
    display: flex;
    flex-wrap: wrap;
    margin-right: 5px;
    margin-bottom: 16px;
    padding-bottom: 10px;
}
.renove-info-data dl:last-child {
    margin-bottom: none;
}
.renove-info-data dt {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 3px 7px;
    display: inline-block;
    margin-right: 0px;
}
.renove-info-data dd {
    padding: 3px 8px;
    margin-left: -1px;
}
.renove-info p {
    text-align: left;
    font-size: 18px;
    margin-bottom: 0;
}
}


/* 申込ボタン */
.button_eventdetail {
    background-color: #E5B832;
    border-radius: 6px;
    font-weight: bold;
    margin: 4px 0px 0px;
    height: 45px;
    padding: 0.3rem 2rem;
    width: 100%;
    font-size: 18px;
    text-align: center;
}

.button_eventdetail a {
    color: #fff;
}

.animation1{
  animation: pikupiku 1500ms ease infinite;
}

@keyframes pikupiku {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    10% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    20% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    40% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    50% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } 
}
  
@-webkit-keyframes pikupiku {
    0% {
      -webkit-transform: translateY(0); }
    10% {
      -webkit-transform: translateY(5px); }
    20% {
      -webkit-transform: translateY(0); }
    30% {
      -webkit-transform: translateY(0); }
    40% {
      -webkit-transform: translateY(5px); }
    50% {
      -webkit-transform: translateY(0); }
    100% {
      -webkit-transform: translateY(0); } 
}
  
@-moz-keyframes pikupiku {
    0% {
      -moz-transform: translateY(0); }
    8% {
      -moz-transform: translateY(5px); }
    15% {
      -moz-transform: translateY(0); }
    25% {
      -moz-transform: translateY(0); }
    38% {
      -moz-transform: translateY(5px); }
    45% {
      -moz-transform: translateY(0); }
    100% {
      -moz-transform: translateY(0); } 
}

/* footer */
#footer {
	background: #000;
	padding: 40px 0;
	color: #FFF;
}
.footer-logo {
	width: 400px;
	margin: 0 auto;
}
.footer-nav {
	display: flex;
	justify-content: center;
	font-size: 14px;
	margin: 30px auto 70px;
}
.footer-nav li {
	/*margin: 0 1.8em;*/
	margin: 0 0.6em;
}
.footer-nav li a {
	color: #FFF;
}
.footer-nav li:first-child {
	margin-left: 0;
}
.footer-nav li:last-child {
	margin-right: 0;
}
.copyright {
	font-size: 12px;
	text-align: center;
}

/* お客様の声 */
.mine-voice {
  margin: 50px 0 ;
 }
 
.mine-voice__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
 }

.mine-voice__image figcaption {
  text-align: center;
 }

.mine-voice__text {
  width:calc(100% - 110px - 58px);
  padding:20px 20px;
  position:relative;
  border:solid 1px #000;
}
.mine-voice__title {
    color: #e5b832;
    font-size: 26px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .mine-voice__image{
  width: 57px;
  height: 57px;
  }

  .mine-voice__text{
    width:calc(125% - 110px - 58px);
  }
}

@media screen and (max-width:999px) {
  .mine-voice__image figcaption{
    font-size: 10px;
  }
}


/*--------------------
 20240531 LP1/LP2 end
--------------------*/

/*--------------------
 20240629 LP1a LP1b
--------------------*/

  .arrow {
    position: relative;
    padding: 60px;
  }
  .arrow::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   right: 28%;
   width: 80px;
   height: 80px;
   border-top: 10px solid #e5b832;
   border-right: 10px solid #e5b832;
   transform: translateX(-50%) rotate(135deg);
  }


  .page-id-27445 .form1-title, .form2-title {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  width: 13em;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
  font-family:"Avenir","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  z-index: 2;
  text-shadow: 0 0 8px #fff;
}

  .page-id-27445 .form1-title-description {
        top: 20px;
        font-size: 14px;
        width: 100%;
    }
  .page-id-27445 .form1-title-description2 {
        top: 75px;
        font-size: 18px;
        width: 100%;
        background: linear-gradient(transparent 70%, #e5b832 0%);
    }
  .page-id-27445 .form1-title-description3 {
        top: 110px;
        font-size: 14px;
        width: 100%;
    }
  .page-id-27445 .form1 .panfu, .form2 .panfu {
        width: 32%;
        max-width: 570px;
        position: absolute;
        margin: 10px 0 0 -20px;
    }

@media screen and (min-width: 768px) {
  .arrow::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   right: 43%;
   width: 80px;
   height: 80px;
   border-top: 10px solid #e5b832;
   border-right: 10px solid #e5b832;
   transform: translateX(-50%) rotate(135deg);
  }

  .page-id-27445 .form1, .form2 {
        position: relative;
        padding: 180px 15px 20px;
        background: #fdf5d9;
        margin: 200px 0 100px;
    }

  .page-id-27445 .form1-title,
  .form2-title {
    top: -130px;
    font-size: 38.5px;
    width: 13.5em;
  }
  .page-id-27445 .form1-title-description {
        top: 30px;
        font-size: 18px;
        width: 100%;
    }
  .page-id-27445 .form1-title-description2 {
        top: 80px;
        font-size: 35px;
        width: 100%;
    }
  .page-id-27445 .form1-title-description3 {
        top: 140px;
        font-size: 18px;
        width: 100%;
    }
  .page-id-27445 .form1 .panfu, .form2 .panfu {
        width: 32%;
        max-width: 570px;
        position: absolute;
        margin: -50px 0 0 -100px;
    }
}

@media screen and (min-width: 1200px) {
  .page-id-27445 .form1 .panfu {
        left: 50%;
        margin: -80px 0 0 -700px;
        transform: rotate(-15deg);
    }
}

/*--------------------
 20240629 LP1a end
--------------------*/

/* 特定のページだけ全幅表示にしたいとき */
.wide-section {
  margin:0 calc(50% - 50vw);
  margin-top: -10%;
}

.wide-section-m0 {
  margin:0 calc(50% - 50vw);
}

/*--------------------
 20240709 トップ　サービス
--------------------*/
.service-content {
  text-align: center;
}

/*--------------------
 20240713 サービスページ
--------------------*/

/* 目次*/

.blog-toc {
    margin-bottom: 30px;
    border: 2px solid #333;
    border-radius: 3px;
}

.blog-toc div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.blog-toc div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.blog-toc label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[open]";
    cursor: pointer;
}

.blog-toc:has(:checked) label::after {
    content: "[close]";
}

.blog-toc input {
    display: none;
}

.blog-toc ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.blog-toc > ol {
    height: 0;
}

.blog-toc:has(:checked) > ol {
    height: auto;
    padding: 1em 1em 1em 3em;
}

.blog-toc ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.blog-toc li {
    padding: 5px 0;
    font-weight: 600;
}

.blog-toc ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.blog-toc a {
    color: #000;
    text-decoration: none;
}

.reno-flow {
	margin-left: 12%;
}
.reno-flow__row {
	display: flex;
	position: relative;
	margin-left: 6rem;
}

.reno-flow__row:first-of-type {
	margin-top: 4rem;
}

.reno-flow__row:not(:last-of-type) {
	margin-bottom: 3rem;
}

.reno-flow__item {
	display: flex;
}

.reno-flow__item:not(:last-of-type) {
	margin-bottom: 1rem;
}

.reno-flow__body {
	flex: 1 1;
}

.reno-flow__number {
	width: 2.8rem;
    height: 2.8rem;
    text-align: center;
    padding: 5px 2px 0 0;
    line-height: 2.2rem;
    background: #e5b832;
    color: #fff;
    margin-right: .7rem;
    font-size: 1.6rem;
    font-weight: 500;
}

.reno-flow__col {
	display: flex;
	align-items: center;
	justify-content: center;
	writing-mode: vertical-lr;
	text-orientation: upright;
	margin-right: 2.7rem;
	padding-right: 1.6rem;
	border-right: 1px solid #000;
	position: relative;
	color: #000;
	letter-spacing: 4px;
	position: absolute;
	height: 100%;
	right: 100%;
}

.reno-flow__col::before,
.reno-flow__col::after {
	content: "";
	position: absolute;
	left: 100%;
	width: 2rem;
	height: .1rem;
	background: #a9a8a9;
}

.reno-flow__col::before {
	top: 0;
}

.reno-flow__col::after {
	bottom: 0;
}

.reno-flow__col span {
	writing-mode: horizontal-tb;
	margin-bottom: 2px;
	letter-spacing: 0;
}

.reno-flow__ttl {
	margin-bottom: .6rem;
	font-size: 26px;
}

.reno-flow__anchor {
	color: #006083;
}

@media (max-width: 481px) {
.reno-flow {
	margin-left: 0;
}
.reno-flow__ttl {
    font-size: 18px;
}
}