@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION MEDIA Child
Theme URI:    http://fit-jp.com/theme/
Description:  LION MEDIA Child // Oliver-gaiheki.com
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionmedia
Version:      1.5
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/
body{
    font-family: "Lato","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.l-wrapper{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;}
.l-header, .l-header a{color: #004c6d;}
.l-header .container{margin-top: 8px;}
.l-main{padding: 0}
.wp-block-columns{margin-bottom: 8px;margin-top: 8px}
.content {margin: 25px 0;}
.content .wp-block-columns :first-child {margin-top: 0;}
.content p{margin: 8px 0}
.content {line-height: 1.3;}
.content a{color: #23527c;}
ol, ul, li, dl{list-style-position: outside;}
.content ul{margin: 0 0 .5em 0;padding-left: 8px;}
.content ul li, .content ol li{padding: 4px 0 0 8px;font-size: 1.5rem;border-bottom: 1px dotted #ddd;}
.content ul li{padding-left: 12px;}
.content ul li::before{content: "";}
.l-main .content ul li::before{
    font-family: 'Font Awesome 5 free'; 
    font-weight: 900;
    content: "\f105";
    color:#ccc;
}
.l-main .content ul li.blocks-gallery-item::before,
.l-main .content .page-company-clm ul li::before,
.l-main .content .top-interview .postList li::before,
.l-main .content.container li::before,
.l-main .blog-include-flex .content li::before,
.l-main .arc-interview.content li::before,
.l-main.bloglist li::before{
    content: none;
}
.content .postList li{line-height: 1.1}
.content .alignright,
.content .alignleft{position: relative;z-index: 10;}
.content .aligncenter{text-align: center;}
.container{max-width: 100%;}
.wp-block-image{margin-bottom: 8px;}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption{display: block;}
.wp-block-image figcaption{font-size: 85%;}

@media only screen and (max-width: 767px){/*under767*/
    .pc-disp{display: none}
    .mp-disp{display: block}
    br.mp-disp,br.mp-disp br{display: inline}
    .l-wrapper{max-width: 95%;}
    .container{padding: 0 6px;}
    .l-main .content{padding: 0 12px;}
    .l-main .content .maxcontent,
    .l-main .content .shiryou
    {margin: 8px -12px;max-width: max-content;}
    body{max-width: 100%;overflow-x: hidden;}
    body > div{max-width: 100%;overflow-x: hidden;overflow-y: scroll;}
    .fs-bigger{font-size: 1.3em!important}
    .clm50mp .wp-block-column {flex-basis: 48% !important;margin: auto;flex-grow: 0;}
}
@media (min-width: 768px){/*forPC*/
    .pc-disp{display: block}
    br.pc-disp,br.pc-disp br{display: inline}
    .mp-disp{display: none}
    .l-main {
        width: 80%;
        padding: 32px 0 32px 1.8%;
    }
    .l-sidebar {
        width: 20%;
        padding: 32px 0 32px 0;
    }
    .fs-bigger{font-size: 1.4em!important;}
}
.home .l-sidebar, .home .l-main{padding-top: 0;}

/******リンク*******/
a{color: #226CAC;backface-visibility: hidden;}/*.content aは管理画面の追加CSSへ*/
.l-sidebar a:hover, .l-footer a:hover{opacity: 0.8;}
.globalNavi__list .page_item:hover, .globalNavi__list .menu-item:hover{font-weight: inherit;}
a.no-under:hover,a .no-under:hover,.no-under a:hover{text-decoration: none;}

/******共通*******/
.content h2, .content h3, .content h4, .content h5 {
  margin-top: 20px;
}
.content h6 {
  margin-top: 10px;
}
blockquote{font-size: 0.9em;}
.flex{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
}
.flex-x{
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
    flex-direction: row;
}
.flex-y{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
}
.flex-vcenter{
    align-items: center;
}
.center{text-align: center;}
.f-right{float: right;}
.widget a:hover{color: #29aae1}
.bg-cream{background: #fcf8ec;padding: 4px;}
.bg-gray{background: #f9f7f9;padding: 4px;}
.bg-blu{background: #216cad;padding: 4px;color: #fff;}
.matome{background: #fcf8ec;padding: 16px;color: #013fa2;margin: 8px 0;font-weight: bold;font-size: 17px}
.content pre{
    background: #fff;
    color:#0f980e;
    border:1px solid #0f980e;
    overflow: inherit;
}
.content table th{
    background: #d3e6f5;
    color: #002947;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.content hr{margin-top: 1em;}
.al-right{text-align: right;}
/*.content .aligncenter,.content .alignright{display: table;}*/
.red{color:#db1c24}
.bgblue{
    background: #216cad;
    color: #fff;
    font-size: 18px;
}
.fsize-sml{font-size: 1em;}
.fsize-mid{font-size: 1.2em;}
.fsize-lag{font-size: 1.4em;}
.mt-none{margin-top: 0!important;}
.mb-none{margin-bottom: 0!important;}
.ml-none{margin-left: 0!important;}
a img:hover{opacity: 0.8}

@media only screen and (max-width: 767px){/*under767*/
     .wp-block-column .wp-block-column{-ms-flex-preferred-size: 25%!important;flex-basis: 25%!important; }
     .wp-block-column{margin-bottom: 5px;}
     .fifty .wp-block-column{-ms-flex-preferred-size: 50%!important;flex-basis: 50%!important; }
}
@media (min-width: 768px){/*forPC*/
    .fsize-lag{font-size: 1.6em;}
    .pc-right{text-align: right;}
    .content .pc-right .aligncenter{margin-right: 0;text-align: right}
    .pc-right .has-text-align-center{text-align: right;}
}
/******パンくず otherは表示しない*******/
.other .breadcrumb__list li:nth-last-of-type(2){display: none;}
.breadcrumb__list {
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*スライド*/
.metaslider .flexslider{margin-bottom: 0!important;}
.metaslider .flex-viewport {overflow: visible !important;}
.metaslider .flex-control-nav{bottom: 5px!important;}
li[aria-hidden]{
		opacity: 0.3;
}
@media only screen and (max-width: 767px){/*under767*/
.container.slide{width: 100%;padding: 0;}
}
@media (min-width: 768px){/*forPC*/
.container.slide{width: 1100px;}
}

/******見出し*******/
.content h2 {
    padding-bottom: 10px;
    color: #1e73be;
    border-bottom: 3px solid #216cad;
}
.content.isfront h3::after,
.content.isfront h3::before{
    border-style: none;
}
.heading.heading-singleTitle,
.heading.heading-page,
.heading.heading-first{
    font-size: 2.6rem;
    background:#002947;
    padding: 8px 16px;
    border-radius: 23px;
    color: #ffec03;
    line-height: 1.2;
    margin-left: 4px;
    margin-right: 4px;
}
.heading.heading-archive{
    line-height: 1.2;
}
.archiveTitle::before{border-bottom-style: none;}
.archiveTitle{margin-bottom: 24px;}
.content h2 {
    font-size: 2.4rem;
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.2;
}
.content h3{
    color: #29aae1;
    font-size: 2rem;
    margin: 24px 0 16px!important; 
    padding: 8px 6px;
    position: relative;
    line-height: 1.2;
    border-bottom: 3px double #29aae1;
}
.content .wp-block-column h3:first-child {margin-top: 0!important}
.content h3.thumb{
    color: #ff5253;
    padding-left: 48px;
    border-style: none;
    position: relative;
    background: lightyellow;
}
.content h3.thumb::after{
    content: "\f164";
    margin-top: -2.5rem;
    left: 0em;
    font-size: 2em;
    font-weight: 900;
 font-family: 'Font Awesome 5 free'; 
    position: absolute;
    top:50%;
}
.thumb .fa-stack-1x{
    left: 1em;
    text-align: left;
    color: #fff;
    z-index: 99;
    top: 38%;
}
.content h3.mt-none{margin-top: 0!important;}
.content h3.noarrow{
    padding-left: 8px;
    font-size: 1.2em;
}
.content h3.noarrow::after{
    content: none;
}
.content h4{
    color: #214967;
    border-bottom: 1px dotted #acc;
    margin-top: 24px;
    margin-bottom: 4px;
}
@media (min-width: 768px){/*forPC*/
    .thumb .fa-stack-1x{top:35%;}
}

.content p.bg-down{
    position: relative;
    margin: 1em 0 1.5em;
}
.bg-down strong, .bg-down span{position: relative;z-index: 10;}
.bg-down::after {
        border-style: solid;
        border-color:  transparent;
        border-top-color: #F7C147;
        border-bottom-width: 0;
        border-top-width: 30px;
        border-left-width: 80px;
        border-right-width: 80px;
        bottom: -0.5em;
        content: "";
        display: block;
        left: calc(50% - 80px);
        position: absolute;
        width: 0;
        z-index: 0;
    }
.content p.bg-down2{
    position: relative;
    margin: .5em 0 1.5em;
}
.bg-down2{
    text-align: center;
    font-size: 1.6em;
    color: #ff5253;
}
.bg-down2 strong, .bg-down2 span{position: relative;z-index: 10;}
.bg-down2::after {
        border-style: solid;
        border-color:  transparent;
        border-top-color: #f7e167;
        border-bottom-width: 0;
        border-top-width: 43px;
        border-left-width: 85px;
        border-right-width: 85px;
        bottom: -1.2em;
        content: "";
        display: block;
        left: calc(50% - 85px);
        position: absolute;
        width: 0;
        z-index: 0;
    }


/*吹き出し*/
.balloon{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
}
.balloon img{height: auto;}
.balloon-left {
  position: relative;
  display: inline-block;
  margin: .5em 0 .5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #e0edff;
  border-radius: 4px;
  font-weight: bold;
  font-size: 1.1em;
}

.balloon-left::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 15px solid #e0edff;
}
.balloon-right {
  position: relative;
  display: inline-block;
  margin: .5em 15px .5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fcf8dc;
    border-radius: 4px;
    font-weight: bold;
    font-size: 1.1em;
}
.balloon-right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #fcf8dc;
}
.content .balloon-bottom{
    background: #ffab00;color: #fff;
    text-align: center;
    position: relative;
    margin: 16px 2% 24px;
    padding: 16px;
    border-radius: 24px;
    font-size: 2.6rem;
    font-weight: bold;
    text-shadow: 2px 3px #ff6b00;
}
.balloon-bottom::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffab00;
}

.think-left {
  position: relative;
  padding: 8px 15px;
  margin-left: 0px;
    margin-bottom: 1em;
  background: #def3ff;
  border-radius: 20px;
}
.think-left i{
    color: #216cad;
    padding-right: .5em;
}
.content .think-left ul{
    margin: 0;
    padding: 0;
}
.content .think-left li{
  padding-left: 1.5em;
  text-indent: -0.75em;
    border-bottom: 1px dashed #216cad;
}
.think-left:before {
    font-family: 'Font Awesome 5 free'; 
    font-weight: 900;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -41px;
    top:21px;
    bottom: 0;
    color: #def3ff;
}
.think-left:after {
    font-family: 'Font Awesome 5 free'; 
    font-weight: 900;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -27px;
    top:3px;
    bottom: 0;
    color: #def3ff;
}
.l-main .content .balloon.yuki li::before{content: none;}

@media (min-width: 768px){/*forPC*/
    .content .think-left{margin-left: 37px;}
    .content .think-left li{font-size: 1.1em;}
    .balloon.yuki figure{-ms-flex-preferred-size: 42%;flex-basis: 42%}
    .balloon.yuki figure img{width: 100%;}
    .balloon-right, .balloon-left{padding: 13px 16px;}
}
@media only screen and (max-width:767px){
/* under 767px */
    .balloon.yuki figure{-ms-flex-preferred-size: 50%;flex-basis: 50%}
}

.numttl .num{
    background: #ff5252;
    color: #fff;
    height: 3em;
    display: inline-block;
    line-height: 3em;
    float: left;
    border-radius: 50%;
    width: 3em;
    text-align: center;
    margin-right: 4px;
    letter-spacing: -2px;
}
.numttl .va-middle{
    vertical-align: middle;
    display: table-cell;
    height: 3em;
}

/*オレンジ　ボックス見出し*/
.content p.bg-orange-ttl,
.bg-orange-ttl {
    background: #ff8b00;
    color: #fff;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
}
/*ブルー　ボックス見出し*/
.content p.bg-blue-ttl,
.bg-blue-ttl {
    background: #0693e3;
    color: #fff;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
}


/*ギザギザ*/
.giza_gray{background: #ddd;font-size: 1.1em;font-weight: bold;text-align: center;}
.giza_gray:before{
    content : "";
    display:block;
    background: linear-gradient(135deg, #fff 15px, transparent 0%) 0 15px, linear-gradient(-135deg, #fff 15px, #ddd 0%) 0 15px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 30px 30px;
    height:30px;
}
.giza_gray:after{
    content : "";
    display:block;
    background: linear-gradient(45deg, #fff 15px, transparent 0%) 0 15px, linear-gradient(-45deg, #fff 15px, #ddd 0%) 0 15px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 30px 30px;
    height:30px;
}

/*リスト　チェックリスト*/
.l-main .content ul.checklist{margin-bottom: 16px;}
.l-main .content ul.checklist li{padding-left: 1.5em;font-size: 1.1em;}
.l-main .content ul.checklist li::before{
    font-family: 'Font Awesome 5 free';
    font-weight: 400;
    content: "\f14a";
    color: #ff5253;
}
.checklist h3::before{
    font-family: 'Font Awesome 5 free';
    font-weight: 400;
    content: "\f14a";
    color: #ff5253;
    padding-right: 2px;
}



/*白フチ*/
.fuchi{text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
/*囲み*/
.clm-yel-blu{
    background: #ffec03;
    color: #214967;
    padding: 1em;
    border-radius: 8px;
}
p.has-background{padding: 16px;}
.border3Box{
    margin-bottom: 8px;
    border: solid 5px #ccc;
    border-radius: 7px;
}
@media (min-width: 768px) {/*over768*/
    .border3Box{border-radius: 35px;}
}

/*ボタン*/
.content .wp-block-button.aligncenter{
    margin-top: 8px;
}
.wp-block-button__link{
    background: #ff5253;
    color:#fff;
    padding: 2px 16px;
}
.content a.wp-block-button__link{
    color: #fff;
}
.linkbtn{text-align: center;}
.content .linkbtn a{color: #fff;}
.linkbtn a{
    background:#FF5253;
    color:#fff;
    border-radius: 16px;
    padding: 6px 16px;
    font-size: 1.2em;
    display: inline-block;
}
.include-media .linkbtn {
    margin-bottom: 2em;
    text-align: center;
}
.include-event .linkbtn {
    margin: 16px 0;
    text-align: center;
}
.include-event .linkbtn a{
    font-size: 1em;
}
.arrowafter a::after{
    font-family: 'Font Awesome 5 free'; 
    font-weight: 900;
    content: "\f101";
    padding-left: 4px;
}
.content .seemore{text-align: right;margin-top: 4px;}
.content .seemore a{background: #226CAC; color: #fff;padding: 2px 6px;border-radius: 4px;display: inline-block;}
.content .seemore a::after{
    font-family: 'Font Awesome 5 free'; 
    font-weight: 900;
    content: "\f138";
    padding-left: 4px;
}
@media (min-width: 768px) {/*over768*/
    .content .seemore{margin-top: auto;}
}
@media only screen and (max-width: 767px){/*under767*/
}
/*===========================================================================
                                                                    HEADER */
.topinfo{
    background: #d3e6f5;
    font-size: 0.9em;
}
.topinfo .description{padding: 4px 0}
.siteTitle{
    height: auto;
}
.siteTitle__link{height: auto;}
.siteTitle__ttl{font-weight: bold;letter-spacing: -1px;}
.r-header .t-mail,
.r-header .t-tel{
    border-radius: 4px;
    text-align: center;
    font-size: 33px;
    line-height: 13vw;
    width: 13vw;
    margin-right: 1vw;;
    float: left;
}
.r-header .t-mail,
.r-header .t-tel,
.r-header .t-mail a,
.r-header .t-tel a{color: #fff;}
.r-header .t-mail{background: #FF5252;}
.r-header .t-tel{background: #FFD602;}
.head-tel{
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    position: relative;
}
.head-tel-desk{
    background: #FF5253;
    color: #fff;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 4px;
}
.head-tel-icon{
    float: left;
    background: #FF5253;
    border-radius: 4px;
    color: #fff;
    width: 55px;
    line-height: 55px;
    font-size: 40px;
    text-align: center;
    margin: 1px 8px 8px 5px;
}
.head-tel-text{
    color: #FF5253;
}
.head-tel-text{
    line-height: 1;
}
.tel-number{
    font-weight: bold;
    font-size: 35px;
}
.tel-time{
    color: #533;
    font-size: 0.9em;
}
.head-tel-text img{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 80px;
}
.head-raiten{margin: 0 8px;}
.head-mitsumori{}
@media only screen and (max-width: 767px){/*under767*/
    .r-header{
        margin-right: 13vw;
        float: right;
    }
    .siteTitle{
        width: calc(100% - 42vw);
        margin-top: 0;
        margin-bottom: 6px;
    }
    .topinfo{width: 57%}
    .topinfo .description{
        display: none;
    }
    .siteTitle__img {
        max-height: none;
        max-width: 15vw;
        height: auto;
        padding-right: 4px;
    }
    .siteTitle__description {font-size: 2vw;}
    .siteTitle__ttl {font-size: 3.8vw;}
}
@media (min-width: 768px){/*forPC*/
    .r-header .pc-disp{
  	display:-webkit-box;
  	display:-ms-flexbox;
        display: flex;        
	-webkit-box-align: end;
	-ms-flex-align: end;
        justify-content: flex-end;
        margin-bottom: 4px;
    }
    .siteTitle{
        width: 35%;
        margin-top: 0;
    }
    .siteTitle__description{
        padding: 4px 0 4px 0;
    }
    .siteTitle__img {
        max-height: 80px;
        margin-right: 8px;
    }
    .siteTitle__ttl{
        font-size: 25px;letter-spacing: -1px;
    }
}

/*Menu*/
/*グローバルナビ　上に固定*/
.global-nav-fixed {
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 20;
    animation:fade-in 0.5s;
}

@keyframes fade-in {
0%{margin-top:-64px;}
100%{margin-top:0;}
}


.globalNavi{display: none}
.globalNavi__list > li.page_item:first-child, 
.globalNavi__list > li.menu-item:first-child{padding-left: 15px;}
.t-light .l-extra{
    background: #216CAD;
    color: #fff;
    border-style: none;
}
.t-light .globalNavi__list > .page_item,
.t-light .globalNavi__list > .menu-item{
    border-color: #64b6ff;
    height: 1em;
    border-left-style: dotted;
}
.t-light .l-extra a{color: #fff;padding-right: 1em;padding-left: 1em;}

.globalNavi__list > .page_item,
.globalNavi__list > .menu-item{
    border-left-style: solid;
    border-left-color: #214967;
    font-size: 16px;
    margin-bottom: 20px;
}
.globalNavi__list .current_page_item, .globalNavi__list .current-menu-item, .globalNavi__list .page_item:hover, .globalNavi__list .menu-item:hover{font-weight: normal;}
.globalNavi__list > li > a{
    display: block;
    height: 2em;
    position: relative;
}
.globalNavi__list a:hover{text-decoration: none;}
.globalNavi__list > li a::before,
.globalNavi__list > li a::after{
  position: absolute;
  top: 1.3em;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px; 
  background: #ffec03;
  transition: .5s;
}
.globalNavi__list > li a::before{
  left: 50%;
}
.globalNavi__list > li a::after{
  right: 50%;
}
.globalNavi__list > li > a:hover::before,
.globalNavi__list > li > a:hover::after{
  width: 50%;
}
.globalNavi__list > li.current_page_item > a::before,
.globalNavi__list > li.current-menu-item > a::before, 
.globalNavi__list > li.current-menu-parent > a::before,
.globalNavi__list > li.current_page_item > a::after,
.globalNavi__list > li.current-menu-item > a::after, 
.globalNavi__list > li.current-menu-parent > a::after
{
  width: 50%;
}

@media (min-width: 768px){.globalNavi{display: block;}/*forPC*/}

/*HambergerMenu*/
html body div.wprm-overlay{background: rgba(0,0,0,0.5);}
.hamburger-box::after{
    content: "MENU";
    position: absolute;
    top: 28px;
    font-size: 9.5px;
    color:#fff;
}
.is-active .hamburger-box::after{content: "CLOSE";}
.wprmenu_bar #custom_menu_icon.hamburger{
    padding: 6px 0 14px 2.5vw;
    border-radius: 4px;
    width: 13.5vw;
}




/*===========================================================================
                                                                トップページ */
.isfront li{list-style-type: none;}

/*googleクチコミ*/
.kuchikomi-top{
    background: #226CAC;
    color: #ffec03;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.kuchikomi-top a{
    color: #ffec03;
}
.kuchikomi-top a:hover{
    color: #fff;
    text-decoration: none;
}

.star-count{
    text-align: center;
    letter-spacing: 2px;
    padding: 4px 0 8px;
    width: 6em;
    position: relative;
}
.star-count::before{
    content: '☆☆☆☆☆';
    color: #198ac1;
}
.star-count span{
    position: absolute;
    top:4px;
    left: 4px;
  display:block;
  width:6em;
  text-align: left;
  animation-name:expansion;
  animation-timing-function:steps(5,start);
  animation-duration:5s;
  animation-delay:1.5s;
  animation-fill-mode:forwards;
  animation-play-state:running;
  animation-iteration-count:infinite;
    overflow: hidden;
    height:22px;
}
.kuchikomi-mid-clm .star-count span{
    top:2px;
    left: 1px;
}
@keyframes expansion{
  0%{
    width:1em;
  }
  100%{
    width:100%;
  }
}
@media only screen and (max-width: 767px){/*under767*/
    .star-count span{left: 3px;height:4.7vw;}
    .kuchikomi-mid-clm .star-count span{
        top:4px;
        left: 3px;
        }
    .ishikawa .kana_new{    background: #226cac;    height: 1em;top: 2em;}
}

.kuchikomi-mid-clm{position: relative;}
.kana_new{position: absolute;bottom: 66px;right: 15%;font-family: "Lato";}
.ishikawa .kana_new{
    left: 15%;
    right: auto;
}

@media (min-width: 768px){/*forPC*/
    .kana_new{bottom: 115px;right: 0;}
    .ishikawa .kana_new{right: auto;left: 0;}
}
.fuki{color: #fff;}
.fuki i{font-size: 1.3em;padding-left: 3px;}
.kuchikomi-top .box,.kuchikomi-mid .box{
    border: 1px solid #ffec03;
    border-radius: 4px;
    text-align: center;
    margin-left: 4px;
}
.kuchikomi-mid a .box{color: #ffec03;}
.star-point{
    font-size: 21px;
    padding-top:0px;
    line-height: 1;
}
.star-point span{
    font-size: 20px;
}
.kuchikomi-mid-clm {
    background: #226CAC;
    color:#ffec03;
}
.isfront .kuchikomi-mid h3{
    background: #226CAC;
    color:#ffec03;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    padding: 6px 0;
    border:1px solid #ffec03;
    border-width: 1px 0;
    margin-bottom: 6px;
}
.kuchikomi-mid .star{
    text-align: center;
}
.kuchikomi-mid .clm{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
    margin: 8px auto;
}
.kuchikomi-mid .kensu{
    background: #fff;
    color:#ff5253;
    padding: 8px;
    font-weight: bold;
    font-size:11px;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    padding: 4px 4px;
    text-align: center;
}
.kuchikomi-mid .kensu span{
    font-size: 1.85em;
}
.ishikawa .kuchikomi-top .flex-x .a_hon,
.ishikawa .kuchikomi-mid-clm .flex .a_hon{order: 3}
.ishikawa .kuchikomi-top .flex-x .a_kita,
.ishikawa .kuchikomi-mid-clm .flex .a_kita{order: 4}
.ishikawa .kuchikomi-top .flex-x .a_taka,
.ishikawa .kuchikomi-mid-clm .flex .a_taka{order: 5}
.ishikawa .kuchikomi-top .flex-x .a_okyo,
.ishikawa .kuchikomi-mid-clm .flex .a_okyo{order: 2}
.ishikawa .kuchikomi-top .flex-x .a_kana,
.ishikawa .kuchikomi-mid-clm .flex .a_kana{order: 1}
.ishikawa .kuchikomi-top .flex-x .ico{order: 5}


@media only screen and (max-width: 767px){/*under767*/
    .kuchikomi-top{padding: 0 0 10px;}
    .kuchikomi-top .box{height: 12vw;width: 14vw;font-size: 11px;padding-top: 2px;}
    .kuchikomi-top .flex-x{flex-wrap: wrap;justify-content: space-between;}
    .fuki{font-size: 3vw;}
    .kuchikomi-mid .box{padding-top: 8px;}
    .star-point {font-size: 4vw;}
    .star{
        display: flex;
        width: 100%;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }
    .kuchikomi-mid .flex{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .kuchikomi-mid .box{height: 3em;width: 9em;}
    .star-count{font-size: 4vw;padding-bottom: 0;}
    .kuchikomi-mid .kensu::before {
          content: "";
          position: absolute;
          top: 50%;
          left: -22px;
          margin-top: -10px;
          border: 10px solid transparent;
          border-right: 15px solid #fff;
    }
    .kuchikomi-mid .kensu{margin-left: 16px;width: 13em;}
}
@media (min-width: 768px){/*forPC*/
    .kuchikomi-top{padding: 16px 8px;background-color: #29aae1;}
    .kuchikomi-top .flex-x{
        -webkit-box-pack: center;
	   -ms-flex-pack: center;
        justify-content: center;
    }
    .kuchikomi-top .star {
        display:-webkit-box;
        display:-ms-flexbox;
        display: flex;
    }
    .kuchikomi-top .fas{font-size: 25px;padding-top: 4px;}
    .kuchikomi-top a.pc-disp{color: #fff;}
    .fuki{font-size: 1em;padding: 4px 10px 0 10px;}
    .kuchikomi-top .box{
        height: 2.5em;
        width: 9.5em;
        padding-top: 3px;
        padding-left: 5px;
        padding-right: 6px;
        display:-webkit-box;
  	     display:-ms-flexbox;
        display: flex;
        background: #216cad;
        font-size: 14px;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
	   -ms-flex-pack: center;
        justify-content: center;
        margin-right: 10px;
    }
    .star-point{padding-left: 8px;}
    .star-count{font-size: 1.3em;}
    .kuchikomi-mid{padding: 16px;margin: 24px 0;}
    .kuchikomi-mid .box{padding-top: 3px;}
    .kuchikomi-mid, .kuchikomi-mid-clm{background: #29AAE1;}
    .kuchikomi-mid-clm .flex{-ms-flex-pack: distribute;justify-content: space-around;}
    .kuchikomi-mid-clm .flex a{-ms-flex-preferred-size: 19%;flex-basis: 19%;}
    .kuchikomi-mid-clm .clm{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;        
        flex-direction: column;
    }
    .kuchikomi-mid .box p{display: inline-block;}
    .kuchikomi-mid .box{
        height: 2em;
        width: 94%;
        font-size: 16px;
    }
    .kuchikomi-mid .kensu{width: 97%;margin-top: 20px;text-align: center;}
    .isfront .kuchikomi-mid h3{background: #0071BD;border:1px solid #ffec03;padding: 4px;border-radius: 4px;font-size: 1.5em;}
    .kuchikomi-mid .kensu::before {
      content: '';
      position: absolute;
      left: 20px;
      top: -15px;
      display: block;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-bottom: 15px solid #fff;
      border-left: 11px solid transparent;
    }
    .kuchikomi-mid .kensu span{margin-left: 8px;}
}
    
/*お問い合わせからご契約までの流れ*/
.top-flow{
    background: #3AC939;
    padding: 8px 8px 0;
}
.top-flow-clm{
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    position: relative;
}
.top-flow-clm .person{
    position: absolute;
    right: 0px;
    bottom: -85px;
    overflow: hidden;
    width: 36%;
    z-index: 1;
}
.top-flow h3{
    color: #fff;
    padding: 4px 0 8px 4px;
}
.top-flow h4{
    color: #0f980e;
    border-bottom: 3px double #0f980e;
    line-height: 1.2;
    margin-bottom: 8px;
    padding: 4px 0 8px 1em;
    font-size: 1.3em;
}
.top-flow ul{
    list-style: disc;
    padding-right: 36%;
    padding-left: 1.5em;
}
.top-flow li{
    line-height: 1.3;
    list-style-position: outside;
    padding-left: 0;
    list-style-type: disc;
}
.top-flow .flow-link{
    background: #3AC939;
    color: #fff;
    font-size: 1.3em;
    text-align: right;
    margin: 0;
    padding: 8px;
    z-index: 2;
    position: relative;
}
.top-flow .flow-link a{color: #fff;}

@media only screen and (max-width: 767px){/*under767*/
    .top-flow h3{font-size: 5.5vw;}
}
@media (min-width: 768px){/*forPC*/
    .top-flow{border-top: 8px solid #0f980e}
    .top-flow h3{
        font-size: 1.6em;
        padding: 4px 0 8px 1em;
    }
    .top-flow-clm .person
        {
        bottom: -280px;
        width: 30%;
        }
    .flow-link a{
        background: #0f980e;
        border-radius: 15px;
        padding: 4px 36px;
    }
}

/*外装リフォームのプロに聞こう*/
.top-other-contents{
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 16px 0 16px;
}
.top-other-contents .flex{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
}

.top-other-contents .flex .clm a{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
}
.top-other-contents .flex .clm{
    background: #216cad;
    margin: 4px;
    padding: 8px;
    border-radius: 4px;
}
.top-other-contents .flex .clm-l{
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    padding-right: 8px;
}
.top-other-contents .flex .clm-r{
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.top-other-contents .flex .clm-r p{
    background: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    line-height: 1.15;
}
.top-other-contents .flex a .clm-r p{
    color: #000;
}
.top-other-contents .flex a .clm-r p::before{
    content: "\f138";
    font-family: FontAwesome;
    font-size: 27px;
    float: right;
    color: #ff5253;
}
.top-other-contents .flex a .clm-r p.l3::before{margin-top: 9px;}
.top-other-contents .flex a .clm-r p.l4::before{margin-top: 17px;}
.top-other-contents h3{
    background: #ffec03;
    color:#216cad;
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 8px;
    padding-top: 4px;
}
.top-other-contents .flex .clm a h4{
    color: #fff;
    font-size: 1.27em;
    line-height: 1.2;
}
@media only screen and (max-width: 767px){/*under767*/
    .top-other-contents h3{font-size: 4.6vw;}
    .top-other-contents .flex .clm-r p{font-size: 3.7vw;}
}
@media (min-width: 768px){/*forPC*/
    .top-other-contents .flex{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
  	     -webkit-box-direction: normal;
  	     -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;}
    .top-other-contents .flex .clm{-ms-flex-preferred-size: 47%;flex-basis: 47%; }
}

/*最新問い合わせ*/
.newsticker{
    border: 2px solid #ff8b00;
}
.ticker {
  margin: 0 auto;
  padding: 3px 4px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.ticker ul {
  width: 100%;
  position: relative;
}
.ticker ul li {
  width: 100%;
  display: none;
padding-bottom: 3px;
}
.ticker li::before{
    content: "\f0f3";
    font-size: 17px;
    color:#ff8b00;
    float: left;
    padding-right: 4px;
    font-weight: 900;
   font-family: 'Font Awesome 5 free'; 
}
@media only screen and (max-width: 767px){/*under767*/
    .newsticker{background: #fef8ec;margin-top: 8px;margin-bottom: 8px;}
    .ticker {height: 3em;}
    .ticker li{padding-top: 2px;  line-height: 1.2;font-size: 13px;}
}
@media (min-width: 768px){/*forPC*/
    .newsticker{display: flex;background: #fef8ec;border-radius: 2px;margin-bottom: 16px;}
    .newsticker .ttl{background: #ff8b00;color: #fff;width: 200px;padding-top: 9px;font-size: 16px;text-align: center;}
    .ticker {height: 3em;  width: 80%;}
    .ticker li{line-height: 2em;height: 2em;font-size: 15px}
}

/*最新情報*/
.top-news{
    border: 2px solid #226CAC;
    border-radius: 8px;
    margin:0 0 16px;
    position: relative;
}
.top-news p{
    position: relative;
    background: #226CAC;
    color: #fff;
    font-weight: bold;
    padding: 4px 8px;
    z-index: 1;
}
.top-news p a{color: #fff;}
.top-news p i{padding-left: 8px;}
.top-news ul{
    margin: 4px 8px
}
.top-news ul li::after {
    content: "●";
    left: 0.5em;
    font-size: 12px;
    top: 10px;
    color: #226CAC;
    position: absolute;
}
.top-news ul li{
    padding: 8px 4px 10px 2em;
    position: relative;
    border-bottom: 1px dashed #ddd;
}

/*お客様インタビュー*/
.top-interview {
    border-bottom: 5px solid #FF5252;
    margin-bottom: 8px;
    position: relative;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.top-interview .ttl{
    background: #FF5252;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 8px 0;
    margin-bottom: 4px;
}
.top-interview h2,
.content .top-interview h2{
    border-bottom-style: none;
    line-height: 1;
}
.top-interview .postList {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    padding-bottom: 16px;
    margin: 0 4px;
}
.top-interview .postList li{
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    line-height: 1.2;
}
.top-interview .postList li img{
    margin-bottom: 4px;
    height: auto;
    margin: auto;
    display: block;
    border:1px solid #ddd;
}
.leftbutton,.rightbutton {
    font-size: 26px;
    position: absolute;
    top: 40%;
    background-color: #fff;
    color: #000;
    padding: 20px 10px;
    opacity: 0.75;
}
.leftbutton:hover,.rightbutton:hover {
    opacity: 1;
}
.leftbutton .fas,.rightbutton .fas{
    color: #ff5253;
}
.leftbutton {
    left: 0;
    border-radius: 0 3px 3px 0;
    box-shadow: 1px 1px 1px #888;
}
.rightbutton {
    right: 0;
    border-radius: 3px 0 0 3px;
    box-shadow: -1px 1px 1px #888;
}

.arc-interview.content li{padding: 0 0 16px;list-style-type: none;border-bottom-style: none;}
.arc-interview.content img{display: block;margin:0 auto;}
.interview-ttl{
    position: relative;
}
.interview-ttl p{
    position: absolute;
    bottom: 0;
    font-weight: bold;
    font-size: 1em;
    background:rgba(0,127,200,0.6);
    padding: 8px;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
}
.interview #syosai th{white-space: nowrap;}
#sekomore_jirei a::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #ff5253;
}
#sekomore_jirei{text-align: right;}

@media only screen and (max-width: 767px){/*under767*/
    .top-interview .postList li{width: 44%;margin-right: 4px;}
}
@media (min-width: 768px){/*forPC*/
    .top-interview .postList li{width: 220px;margin-right: 8px}
    .arc-interview .postlist{
         display:-webkit-box;
  	     display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;}
    .arc-interview .postlist li{-ms-flex-preferred-size: 32%;flex-basis: 32%;}
    .arc-interview.content img{width: 100%;height: 180px;object-fit: cover;font-family: 'object-fit: cover;';}
}
    .arc-interview .postlist::after{
        display: block;
        content:"";
        width: 32%;
}

/*-インクルード(選ばれている理由)-*/
.other .top-interview{border-style: none;}
.other .top-interview h2{display: none;}


/*初めての方へ&会社紹介*/
.grn-bg{
    background-color: #3AC939;
}
.wakaba{
    background-image: url(/wp-content/uploads/2020/03/wakaba.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
}
.wakaba h3{
    color: #fff;
    font-size: 1.75em;
    padding: 12px 12px 4px;
    line-height: 1.2;
}
.wakaba h3 span{
    font-size: 0.75em;
}
.wakaba .person{
    position: absolute;
    top:86px;
    right: 40px;
}
.top-kiso{
    background-color: #3AC939;
    padding: 8px 12px;
}
.top-kiso a{display: inline-block;padding: 8px 0;}
.top-kiso ul{
    background: #fff;
    border-radius: 4px;
    padding: 16px;
    margin: 0;
}
.top-kiso li{
    border-bottom: 1px dashed #bbb;
    font-size: 0.9em;
    position: relative;
    padding-left: 1em;
}
.top-kiso li:hover::before{
    content: "\f124";
    font-family: FontAwesome;
    color: #ff5253;
    font-size: 1.3em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -0.8em;
    top: 3px;
}
.top-company h3{
    font-size: 1.8em;
    color:#fff;
    padding: 0px 12px 8px;
}
.top-company{
    padding-bottom: 16px;
}
.top-company-clm{
    background: #fff;
    margin:0 12px;
    padding: 16px 16px 12px;
    border-radius: 4px;
}
.top-company-clm .clm-l{
    -ms-flex-preferred-size: 30%;flex-basis: 30%;
}
.top-company-clm .clm-r{
    -ms-flex-preferred-size: 70%;flex-basis: 70%;
}
.top-company-clm .clm-l img{
    padding-right: 8px;
}
.top-company-clm .clm-r .ttl{
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}
.top-company-clm ul{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}
.top-company-clm .clm-r .flex{
	-webkit-box-align: end;
	-ms-flex-align: end;
    justify-content: flex-end;
    margin-top: 8px;
}
.top-company-clm .clm-r .linkbtn a{
    border:1px solid #ff5253;
    padding: 4px 12px;    
}
.top-company-clm .clm-r .linkbtn i{
    font-size: 1.3em;
}
.top-company-clm ul{
    margin: 8px 0;
}
.top-company-clm li a{
    color:#ff5253;
    display: block;
    font-weight: bold;
    padding: 1em .75em;
    border:1px solid #ff5253;
    height: 4.7em;
    line-height: 1.2;
    background: #FDFFF4;
}
.top-company-clm li a:hover{
    text-decoration: inherit;
    border:1px solid #ff5253;
    background: #fff;
}
.top-company-clm li a.l1{
    padding-top: 1.7em;
}
.top-company-clm ul li{
    padding: 4px 0 0;
    -ms-flex-preferred-size: 49.6%;
    flex-basis: 49.6%;
}
.top-company-clm li img{float: left;width: 1.8em;padding-right: 6px;}
.top-company-clm li :not(.l1) img{padding-top: 0.7em;}

@media only screen and (max-width: 767px){/*under767*/
    .top-company-clm ul{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .top-company-clm li{-ms-flex-preferred-size: 49%;flex-basis: 49%;}
    .top-company-clm li img{display: none;}
    .wakaba h3 span{display: block;}
}
@media (min-width: 768px){/*forPC*/
    .top-kiso li{font-size: 1.1em;line-height: 1.7;padding-left: 2.2em;}
    .top-kiso ul{padding: 24px 360px 24px 16px;}
    .top-company-clm .clm-r .ttl{padding-bottom: .5em;}
    .top-company-clm .clm-r .ttl br{display: none;}
    .top-company-clm .clm-r .pc-disp{padding-bottom: 1em;}
    .top-company-clm ul li{-ms-flex-preferred-size: 24%;flex-basis: 24%;}
    .top-company-clm li a{font-size: 1.2em;}
    .wakaba h3{font-size: 2em;padding: 18px 12px 10px;}
    .wakaba h3 span{padding: 0 2em}
}

/*===========================================================================
                                                                再利用プロック */
/*来店予約・見積依頼*/
.bnrBlk_raiten_mitsumori{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
    flex-direction: row;
}
.bnrBlk_raiten_mitsumori{
    background: #226CAC;
    padding: 4px;
    margin-right: -12px;
    margin-left: -12px;
}
.bnrBlk_raiten_mitsumori .wp-block-column{
    -ms-flex-preferred-size: 50%!important;
    flex-basis: 50% !important;
    padding: 8px 8px 0;
}
/*電話CTA*/
.tel-cta{
    justify-content: space-between;
    padding-top: 24px;
    margin-bottom: 16px;
}
.content .tel-cta p{
    margin-top: 0;
}
.oisogi{
    color: #216cad;
    position: relative;
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
}
.oisogi .ikehata{
    position: absolute;
    bottom: 0;
    right: 0;
}
.oisogi p{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1;
}
.uketsuke{
    font-size: .9em;
    color: #000;
}
.uketsuke span{
    background: #014c9d;
    color: #fff;
    font-size: .85em;
    padding: 2px 3px;
    border-radius: 3px;
    margin-top: 3px;
    margin-right: 2px;
    display: inline-block;
}
.uketsuke span:nth-of-type(2){
    letter-spacing: 4px;
}
.support-desk{
    background: #FF5253;
    color: #fff;
    border-radius: 17px;
    padding: 4px;
    text-align: center;
    margin-bottom: 4px;
    font-size: 1.2em;
}
.tel-desk{
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%;
    margin-right: 1%;
}
.tel-desk .flex{
	-webkit-box-align: end;
	-ms-flex-align: end;
    align-items: flex-end;
}
.tel-desk i{
    float: left;
    color: #FF5253;
    line-height: 55px;
    font-size: 74px;
    text-align: center;
    margin: 16px 12px 0 0;
}
.tel-desk .text{
    color: #FF5253;
    font-size: 1.1em;
    line-height: 1.1;
    float: left;
}
.tel-desk .tel-no{
    color: #FF5253;
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
    float: left;
}
.tel-cta .buttons {
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    text-align: center;
}
.tel-cta .buttons > div{
    padding: 4px;
}
.tel-cta .buttons .mail,
.tel-cta .buttons .book{
    font-size: 1.25em;
}
.tel-cta .buttons .mitsumori{
    background: #25B12C;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #25912C;
    margin-bottom: 4px;
}
.tel-cta .buttons .text{
    font-size: 0.758em;
}
.tel-cta .buttons i{
    font-size: 1.3em;
    padding-right: 4px;
    vertical-align: bottom;
}
.tel-cta .buttons .mitsumori a{
    color: #fff;
}
.tel-cta .buttons .seikyu{
    background: #FFD600;
    color: #f34b00;
    border-radius: 4px;
    border: 1px solid #FFa600;
}
.tel-cta .buttons .seikyu a{
    color: #f34b00;
}

@media (min-width: 751px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
}

/*工事の流れ解説*/
.nagare-menu{
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.nagare-menu .blk{flex-basis: 32%;}
.nagare-menu .clm{
    background: #2098c4;
    border-radius: 4px;
    padding: 12px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
}
.nagare-menu .ttl{
    color: #fff;
    font-weight: bold;
}
.nagare-menu a .bann i{padding-left: 4px;}
.nagare-menu .bann span{
    background: #fff;
    padding: 2px;
    border-radius: 2px;
}
.nagare-menu a .bann span{color: #006a9d;background: yellow;}
.nagare-menu .icon{margin-bottom: 8px;}

@media only screen and (max-width: 767px){/*under767*/
    .tel-cta.flex{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .oisogi br{display: none;}
    .nagare-menu .clm{
    }
    .nagare-menu .ttl{
        font-size: 17px;
        line-height: 24px;
    }
    .nagare-menu .order-2.ttl{
        font-size: 4vw;
        letter-spacing: -2px;
    }
    .nagare-menu .bann span{
        font-size: 2.8vw;
        letter-spacing: -2px;
        -moz-transform: scale( 0.75, 1 ); /* Firefox */
        -webkit-transform: scale( 0.75, 1 ); /* Chrome,Safari */
        -ms-transform: scale( 0.75, 1 ); /* IE */
        transform: scale( 0.75, 1 ); /* CSS3 */
    }
    .nagare-menu .icon img{width: 60%;}
}
@media (min-width: 768px){/*forPC*/
    .nagare-menu .flex.clm{display: block;}
    .nagare-menu .icon{float: left;padding-left: 12px;padding-right: 4px;}
    .nagare-menu .icon img{height: 90px;width: auto;}
    .nagare-menu .ttl{
        text-align: left;
        font-size: 25px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .nagare-menu .order-2.ttl{
        -moz-transform: scale( 0.8, 1 ); /* Firefox */
        -webkit-transform: scale( 0.8, 1 ); /* Chrome,Safari */
        -ms-transform: scale( 0.8, 1 ); /* IE */
        transform: scale( 0.8, 1 ); /* CSS3 */
        letter-spacing: -1px;
        margin-left: -20%;
        margin-right: -20%;
    }
    .nagare-menu .bann{font-size: 13px;margin-bottom: 16px;}
}


/*タップでお電話がすぐにできます(モバイル向け)*/
.post-tel{
    background-color: #3AC939;
    position: relative;
    padding: 12px 0;
    margin: 8px 0;
}
.content .post-tel{margin: 8px -12px;}
.post-tel > p.center{
    color: #fff;
}
.post-tel-text{float: left;}
.post-tel .cha{
    color: #fff;
    text-align: right;
    font-size: 9px;
    padding-right: 72px;
}
.post-tel .tel-box{
    margin: 4px 8px;
    padding: 4px 8px;
    background: #fff;
    color: #FF5253;
    border-radius: 4px;
}
.post-tel-desk{
    font-size: 1.1em;
    font-weight: bold;
    padding: 2px 0 4px;
}
.post-tel .tel-box a{
    color: #FF5253;
}
.post-tel .ikehata{
    position: absolute;
    bottom: -2px;
    right: -32px;
}
.post-tel .ikehata img{
    width: 73%;
}
.post-tel p{margin-top: 0;line-height: 1;}
.post-tel .head-tel-icon{
    width: 11vw;
    line-height: 11vw;
    font-size: 33px;
    margin: 1px 4px 8px 0px;
}
.post-tel .head-tel-icon a{color: #fff}
.post-tel .tel-number{font-size: 8.5vw;}
.post-tel .tel-time{font-size: 0.8em;}

/*小冊子プレゼント*/
.shiryou{margin: 8px 0;}

/*ショールームのご案内*/
@media only screen and (max-width:767px){
/* under 767px */
    .showroom_block .wp-block-column{flex-basis: 50%!important;flex-grow: 0;}
}
@media (min-width:670px){
/* over 670px */
    .showroom_block .wp-block-column{flex-basis: 31%!important;flex-grow: 0;}
}
@media (min-width: 782px) {
  .showroom_block .wp-block-column:not(:first-child) {
    margin-left: 0px;
  }
}
@media (min-width:768px){
/* over 768px */
    .showroom_block .wp-block-column{flex-basis: auto!important;}
    .showroom_block .wp-block-column:nth-child(2n) {
    margin-left: 0px;
  }
}
@media (min-width: 600px) {
  .showroom_block .wp-block-column:nth-child(2n) {
    margin-left: 0px;
  }
}

/*===========================================================================
                                                                    　会社案内 */
.company iframe{width: 100%; height: 250px;}
.company dt{float: left;clear: left;width: 3em;font-weight: normal;}
.company dd{float: left;width: calc ( 100% - 3em );}
.company .gaiyo dt{width: 6em;}
.company .gaiyo dd{width: calc(100% - 6em);}
.content table.innertable tr:nth-child(2n+1){background-color: transparent;}
.content .innertable{margin: 0!important;border-style: none;width: auto;}
.content .innertable td{padding:  0;border-style: none;vertical-align: top;}
.content .innertable td:nth-child(2){padding-left: 1em;}
.company_table1 th{width: 6em;}

.page-company-clm{margin-top: 24px;}
.page-company-clm ul{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    margin: 8px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}
.page-company-clm ul li{
    width: 100%;
    position: relative;
    padding: 0;
}
.page-company-clm ul li a{
    display: block;
    height: 3.5em;
    padding: 1.2em 1em 0 0;
    text-align: center;
    font-size: 1.5em;
    line-height: 1;
    color: #fff;
    background: #2980b9;
    border-radius: 8px;
    width: 95%;
    margin: auto;
}
.page-company-clm ul li a.l2{
    padding-top: .7em;
}
.page-company-clm ul li a::after{
    content: "\f138";
    font-family: FontAwesome;
    font-size: 1em;
    position: absolute;
    top: 1.2em;
    right: 16px;
}
.content p.rinen{
    color: #214967;
    text-align: center;
    background: #ffec03;
    padding: 8px 16px;
    margin-bottom: 16px;
    margin-top: 24px;
}
.rinen .lead{
    font-size: 2em;
    font-weight: bold;
}
.rinen .text1{padding-left: 1em;}

.index_9 h2 span{font-size: 1.6rem;}
.index_9 h2 span::before{content: "—";}
.index_9 h4.border{border-bottom: 1px dotted #214967;}

@media only screen and (max-width: 767px){/*under767*/
    .rinen .text1{display: block;text-align: right;}
    .page-company-clm ul li a{font-size: 1em;}
    .content .c-name .innertable td{display: block;}
}
@media (min-width: 768px){/*forPC*/
    .company .gaiyo dt{width: 6em;}
}

/*///////////////////////////
// 来店予約
/////////////////////////*/
.raiten figcaption{
    text-align: center;background: #fcf8ec;
    color: #214967;
}
.raiten-ico{
    background: #9ed337;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #fff;
}
.content .raiten-ico p{
    margin: 0;
}
.content .raiten-ico .alignleft{
    margin: 0 8px 0 0;
}
.raiten .pinkbold-center{
    text-align: center;
    color: #ff5253;
    font-size: 1.2em;
    font-weight: bold;
    margin: 16px 0;
}

/*===========================================================================
                                                                ショールーム */
.showroom iframe{
    width: 100%;
    height: 312px;
}
.showroom .wp-block-button{
    text-align: center;
}
.showroom .wp-block-button a{
    padding: 4px 40px;
}
.index_1 .index_1{display: none}
.index_10 .index_10{display: none}
.index_9 .index_9{display: none}

/*スタッフ紹介*/
.staff_privacy_note {
    display: inline-block;
    font-size: 1rem;
    margin: 0 0 20px 0;

    @media screen and (max-width: 767px) {
        margin: 0 12px 20px 12px;

        &.showroom {
            margin: 0 0 20px 0;
        }
    }
}
.stafflist .staff-list{
    display: flex;
    flex-direction: column;
}
.tenpo-191{order: 1}
.tenpo-184{order: 2}
.tenpo-183{order: 3}
.tenpo-187{order: 4}
.tenpo-429{order: 5}
.tenpo-324{order: 6}
.tenpo-186{order: 7}

.staff_content.flex{
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-between;
}

.staff-clm .im_box {text-align: center}
.staff-clm .im_box img{
    border-radius: 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';  /*IE対策*/
}
.fukidasi_staff {
     position: relative;
     display: inline-block;
     width: 100%;
    margin-bottom: 16px;
     text-align: left;
     color:#FFF;
     padding: 8px;
     background-color: #ff8b00;
     border-radius: 14px;
    font-size: 0.9em;
}
.fukidasi_staff:before {
     content: '';
     position: absolute;
     display: block;
     z-index: 1;
     border-style: solid;
     border-color: #ff8b00 transparent;
    border-width: 17px 0px 0px 13px;
    bottom: -12px;
    left: 2em;
    margin-left: -9px;
}
.childpage .fukidasi_staff {
    font-size: 1.1em;
    padding-left: 16px;
}
.bun_box{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 16px;
}
.bun_box .position,.bun_box .belonds,.bun_box .staff_skill{font-size: 1rem}
.bun_box .staff_name_kana{font-size: 1rem;}
.bun_box .staff_name_area{font-weight: bold;}

/*詳細ページ*/
.content_staff_single{
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
}
.staffname span{font-weight: normal;font-size: 0.8em;padding-left: 1em;}
.staff_right th{white-space: nowrap;}

@media only screen and (max-width: 767px){/*under767*/
    .staff_content.flex::after {
        display: block;
        content:"";
        width: 32%;
    }
    .staff-clm{-ms-flex-preferred-size: 32%;flex-basis: 32%}
    .staff-clm .im_box img{
        height: 95px;
        width: 95px;
    }
    .content_staff_single{
        -webkit-box-orient: vertical;
  	    -webkit-box-direction: normal;
  	    -ms-flex-direction: column;
        flex-direction: column;
    }
    .staff_left img{
        display: block;
        width: 60%;
        margin: auto;
    }
    .content .staff_right table th,
    .content .staff_right table td{padding: 8px 4px}
}
@media (min-width: 768px){/*forPC*/
    .staff_content.flex::after {
        display: block;
        content:"";
        width: 23%;
    }
   .staff_content.flex::before {
        display: block;
        content:"";
        width: 23%;    
        height: 0;
        order: 1;
    }
    div:not(.tenpo-191) > .staff-clm{-ms-flex-preferred-size: 23%;flex-basis: 23%}
    .tenpo-191 .staff-clm{align-self: center;}
    .staff-clm .im_box img{
        height: 150px;
        width: 150px;
    }
    .content_staff_single{
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .staff_left,.staff_right{
        -webkit-box-flex:0;
	   -ms-flex-positive:0;
        flex-grow: 0;
    	-ms-flex-negative:1;
        flex-shrink:1;
        flex-shrink: 0;
    }
    .staff_left{-ms-flex-preferred-size: 29%;flex-basis: 29%}
    .staff_right{-ms-flex-preferred-size: 68%;flex-basis: 68%}
    .staff_left img{display: block;margin: auto;height: 50vh;}
}


/*===========================================================================
                                                                　　　　基礎知識 */
.teguchi.higai div{width: 48%;}
.amamori .wp-block-column{border: 1px solid #00385d;border-radius: 4px;padding:.5em 1.5em 1em;margin-bottom: 20px;}
.flex.amamori {-ms-flex-wrap: wrap;flex-wrap:wrap;justify-content: space-around;}
#main .amamori h4::before,#main .amamori h4::after{border-style: none;}
#main .amamori h4{
    border:1px solid #00385d;
    border-style: solid none;
    color: #00385d;border-radius: 0;
    margin:15px 0 20px;
    padding: 0 5px;
    font-size: 18px;
}
.amamori img{padding-bottom: 20px;}
.amamori strong{
    color:#00385d;
    border-bottom: 1px dotted #00385d;
    display: inline-block;
    width: 11em;
    padding-top: .2em;
    padding-left: .5em;
}
.amamori img{padding-top: 0.5em;}
.amamori p{padding-bottom: 0;}

@media only screen and (max-width: 767px){/*under767*/
    .flex.amamori>div {width: 100%;}    
}
@media screen and (max-width: 480px) {
   .amamori img{float: none;padding-bottom: .5em}
}


.first ol, .first li{list-style-position: inside;}
.first ol {
	counter-reset: li; 
}
.first ol > li {
	list-style: none;
    border-bottom: 1px dashed #29aae1;
    padding-bottom: 8px;
}
.first .l-main ol > li::before{
	counter-increment: li; 
	content: counter(li); 
	line-height: 2em; 
    background-color: #ffec03;
    color: #002947;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}


.first li .title{
    margin-bottom: 8px;
}
.first li .title a{
    display: table-cell;
    padding-left: 2.5em;
    vertical-align: middle;
    height: 2.5em;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}
.first li .excerpt a{
    text-align: right;
    background: #ff5253;
    color: #fff;
    padding: 2px 12px;
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 4px;
}
.first li .excerpt a::after{
    content: "\f054";
    font-family: FontAwesome;
    padding-left: 4px;
}
.kiso-list-pagi p.ttl{
    background-color: #3AC939;
    background-image: url(/wp-content/uploads/2020/03/wakaba.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    font-size: 17px;
    padding: 8px 4px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    background-size: 30px;
}
.kiso-list-pagi p.ttl a{
    color: #fff;
}
.kiso-list-pagi p.ttl a::before{
    content: "\f101";
    font-family: FontAwesome;
    padding-right: 4px;
}
.kiso-list-pagi{
    border: 3px solid #3AC939;
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top:32px;
    margin-bottom: 24px;
}
.kiso-list-pagi :nth-child(1){-ms-flex-preferred-size: 100%;flex-basis: 100%;}
.kiso-list-pagi :nth-child(3) a::after{
    content: "\f138";
    font-family: FontAwesome;
    display: block;
    font-size: 24px;
}
.index_9 .kiso-list-pagi :nth-child(3) a::after{
    content: "\f137";
}
.kiso-list-pagi :nth-child(5) a::after{
    content: "\f137";
    font-family: FontAwesome;
    display: block;
    font-size: 24px;
}
.first .bgblue{
    padding: 8px;
    border-radius: 4px;
}
.first .bgblue .wp-block-columns{
    align-items: baseline;
    margin-bottom: 0;
}
.first .bgblue div span{text-align: right;}
.first .bgblue i{
    color: #ffec03;
    padding-right: 4px;
}
.first .bgblue div > span:first-of-type{
    display: block;
    padding: 4px 16px;
    color: #000;
    background: #fff;
    text-align: left;
}
.first .bgblue span .star{
    color: #ff5253;
    width: 7em;
    float: right;
    display: inline-block;
    text-align: right;
}

@media only screen and (max-width: 767px){/*under767*/
    .kiso-list-pagi{justify-content: center}
    .kiso-list-pagi :nth-child(2){-ms-flex-preferred-size: 70%;flex-basis: 70%;}
    .kiso-list-pagi :nth-child(3){-ms-flex-preferred-size: 20%;flex-basis: 20%;text-align: left;}
    .kiso-list-pagi :nth-child(4){-ms-flex-preferred-size: 70%;flex-basis: 70%;
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order: 5;}
    .kiso-list-pagi :nth-child(5){-ms-flex-preferred-size: 20%;flex-basis: 20%;
    	-webkit-box-ordinal-group:5;
	   -ms-flex-order:4;
        order: 4;
        text-align:right;
    }
    .index_9 .kiso-list-pagi :nth-child(3){text-align: right;
    	-webkit-box-ordinal-group:3;
	   -ms-flex-order:2;
        order: 2
    }
}

@media (min-width: 768px){/*forPC*/
    .first ol{margin: 0 1em}
    .first li .flex{justify-content: space-between;}
    .first li .excerpt span{display: block;padding-left: 3em}
    .first li .excerpt {font-size: 1.3em;-ms-flex-preferred-size: 73%;flex-basis: 73%;}
    .first.bloglist li .excerpt {font-size: 1em;}
    .first li .thumbnail{-ms-flex-preferred-size: 23%;flex-basis: 23%;padding-right: 2%}
    .first li .thumbnail img{width: 100%;}
    
    .kiso-list-pagi{-ms-flex-pack: distribute;justify-content: space-around;}
    .index_1 .kiso-list-pagi,.index_9 .kiso-list-pagi{
        -webkit-box-pack: center;
	   -ms-flex-pack: center;
        justify-content: center;
    }
    .kiso-list-pagi :nth-child(2){
        -webkit-box-ordinal-group:5;
	   　-ms-flex-order:4;
        order: 4;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%}
    .kiso-list-pagi :nth-child(3){
    	-webkit-box-ordinal-group:6;
	   -ms-flex-order:5;
        order: 5;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%
    }
    .kiso-list-pagi :nth-child(4){
	   -webkit-box-ordinal-group:4;
	   -ms-flex-order:3;
        order: 3;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
    .kiso-list-pagi :nth-child(5){
        -webkit-box-ordinal-group:3;
	   -ms-flex-order:2;
        order: 2;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        text-align: right;
    }
    .index_9 .kiso-list-pagi :nth-child(3){text-align: right;
    	-webkit-box-ordinal-group:3;
	   -ms-flex-order:2;
        order: 2
    }
}

/*===========================================================================
                                                                　　　　外壁塗装 */
.camp-feature{
    font-size: 1.2em;
    font-weight: bold;
}
.merit span{
    background: #ff8b00;
    border:1px solid #fff;
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: bold;
    font-size: 1.1em;
}
.content p.komikomi{
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    background: #0f980e;
    color:#fff;
    margin-bottom: 0;
    padding: 4px;
}
.komikomi-icon{
    background: #bde89d;
    margin: 0;
    padding: 8px 1% 4px;
}
.camp-detail{
    background: #bde89d;
    color:#0f980e;
    font-weight: bold;
    font-size: 1.15em;
    padding: 4px;
}
.campa-box1{
    margin: 16px 0;
    border:3px solid #ff8b00;
    border-radius: 8px;
    color: #ff8b00;
    font-size: 1.25em;
    font-weight: bold;
    margin: 32px 8px;
    padding: 1em;
}
.campa-box1 i{
    padding-right: .5em;
    font-size: 1.4em;
    color: #216cad;
}
.campa-box1 span{
    padding-left: 1.9em;
}
.content p.campa-box2{
    background: #d3e6f5;
    padding: 16px 16px 10px;
    border-radius: 8px;
    font-size: 1.1em;
    margin: 8px;
}
.wp-image-1823{padding-right: 8px;height: auto;}
@media (min-width: 768px){/*forPC*/
    .merit span{font-size: 1.5em;margin-left: 4px;margin-right: 4px;}

}

/*===========================================================================
                                                        　　　　　ゆきもちくん */
.wp-block-columns.yuki-mondai{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.content table td.color-box{
    color:#fff;
    padding: 0;
    height: 5em;
    text-align: center;
}
.content table td.color-box-cap{
    background: #fff;
    margin-top: auto;
    color: #000;
    padding: 0;
}
@media only screen and (max-width: 360px){/*under360*/
    .content.index_20 .wp-image-2206{max-width: 90%;}
}

/*===========================================================================
                                                       　雨漏り診断 */
@media only screen and (max-width:640px){
/* under 640px */
    .amamori-genin{column-gap: 4px}
    .amamori-genin .wp-block-column{flex-basis: 48%!important;flex-grow: 0;}
} 
/*===========================================================================
                                                        　オリバークリーナー */
@media (min-width: 768px){/*forPC*/
    .content.index_7 .wp-image-3215{margin: 44px auto;height: 178px}
}

/*===========================================================================
                                                            コラム　/ 商品説明 */
/*リフォームメニュー　一覧*/
.reform_menu .archive-parent .content ol li{
    padding: 0;margin-bottom: 16px;
    font-size: 1.3rem;
    border-bottom-style: none;
}
.reform_menu .archive-parent .content ol li::before{
    content: none;
}
.reform_menu .archive-parent .title{
    color: #216cad;
    font-size: 1.3em;
    line-height: 1.1;
    border-bottom: 3px solid #216cad;
    margin-bottom: 8px;
    padding-bottom: 4px;
}
.reform_menu .archive-parent li .flex{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}
.reform_menu .archive-parent li .flex div{
/*    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;*/
}
.reform_menu .archive-parent ol li:first-child > div.flex{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.reform_menu .archive-parent ol li:nth-child(n+2){
    display: inline-block;
    width:48%;
    vertical-align: top;
}
.reform_menu .archive-parent ol li:nth-child(n+2) img{
    height: 120px;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';  /*IE対策*/
}
.reform_menu .archive-parent ol li:nth-child(n+2):nth-child(odd) {
    padding-left: 1%;
}
.reform_menu .archive-parent ol li:nth-child(n+2):nth-child(even) {
    padding-right: 1%;
}
.reform_menu .archive-parent a.more{
    text-align: right;
    background: #ff5253;
    color: #fff;
    padding: 0px 20px 2px;
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 14px;
    line-height: 1.7;
}
.reform_menu .archive-parent a.more::after{
    content: "\f138";
    font-family: FontAwesome;
    font-size: 1.2em;
    padding-left: 4px;
}
/*お役立ちコラム*/
.column ul.ctgr{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    border-bottom: 2px solid #ddd;
    margin-bottom: 32px;
}
.gaiheki ul.ctgr{border-bottom-color: #c69c6d;}
.yane ul.ctgr{border-bottom-color: #3f3f3f;}
.other ul.ctgr{border-bottom-color: #bfd676;}
.column ul.ctgr li.cat-item{
    list-style: none;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    padding-right: 2px;
}
.column ul.ctgr li.cat-item a{
    padding: 12px 0 8px;
    border-radius: 8px 8px 0 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.35);
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.column ul.ctgr li.cat-item-9 a{background: #c69c6d;}
.column ul.ctgr li.cat-item-10 a{background: #3f3f3f;}
.column ul.ctgr li.cat-item-8 a{background: #bfd676;}


@media (min-width: 768px){/*forPC*/
    .reform_menu .archive-parent .title{font-size: 2em;}
    .reform_menu .archive-parent ol li:nth-child(n+2) img{height: 180px;}
    .reform_menu .archive-parent ol li div{font-size: 1.1em;}
}

/*無料診断　親ページ*/
.service .archive-parent .flex{flex-direction: column-reverse;}
.service .archive-parent .content ol li::before{content: none;}
.service .archive-parent .flex .excerpt{font-size: 16px;margin: 1em 0 3em;}

/*火災保険*/
.other .index_40 p.has-background i{color: #bc0000;padding-right: 4px;font-size: 1.1em;}
/*アステックペイント*/
.other .index_9 .bg-cream{padding: 16px;font-size: 1.1em;}
.other .index_9 .bg-cream i{font-size: 1.1em;color: #bc0000;padding-right: 4px}

/*　塗料比較 */
.other .index_22 .wp-block-button{
    text-align: center;
    margin-bottom: 1em;
}
.other .index_22 .star{color: #bc0000;font-size: 1.4em;}
.other .index_22 .koumoku, .other .index_22 .koumoku_g{font-size: 1.2em;}

/*===========================================================================
                                                            投稿ページ  single */
.single-wrap .l-main li{
    font-size: 1em;
    border-bottom: 1px dotted #ddd;
}
.single-wrap .l-main ol li{
    padding-left: 16px;
}
/*イベント*/
.content.event a{
    display: inline-block;
    background: #FF5253;
    color: #fff;
    border-radius: 16px;
    padding: 6px 16px;  
    margin-right: 16px;
}
.content.event a::before{
    content: "\f138";
    font-family: FontAwesome;
    padding-right: 4px;
}
.content.event a{
    display: inline-block;
    margin: 4px 2px;
}
.content a[href="#form"] {display: none;}
.content .showbtn a[href="#form"] {display: inline-block;}
.content.event img{height: auto;}
.content.event img[src="img/event_map_btn_rollout.gif"] {display: none;}


/*===========================================================================
                                                                　　　　施工事例 */
/*一覧*/
.kekka .kensu{
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 4px;
    color: #ff8b00;
}
.seko-photo img {
    width: 100%;
    height: 19vh;
    object-fit: cover;
    font-family: 'object-fit: cover;';  /*IE対策*/
}
.seko-key-link{margin-bottom: 2em;}

.seko-clm{margin-bottom: 16px;}
.seko-clm-inc4{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}
.seko-clm-inc4-box{}
.content .seko-clm h4{
    font-size: 0.9em;
    line-height: 1.4;
    margin-top: 4px;
    border-style: none;
}
.content .seko-clm p.seshu{font-size: 0.85em;margin-top: 0;}
.seko-list.flex{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-right: -1%;
}
.content .seko-list p{margin: 4px 0;}
.content .seko-list h2{
    margin: 0;
    font-size: 1em;
    line-height: 1.2;
    border-style: none;
}
.content .seko-list p.seko-area{
    background: #ff8b00;
    margin: 0 0 8px;
    padding: 2px;
}
.seko-area .txt1{
    color: #fff;
    padding-left: .5em;
}
.seko-area .txt2{background: #fff;
    text-align: right;
    color: #555;
    float: right;
    padding-right: .4em;
    padding-left: .7em;
}
.seko-key-link{
    margin: 16px 8px;
    border:1px solid #29aae1;
    padding: 16px;
    background: #f6f9fd;
}
.seko-key-link{line-height: 1.7;}
.seko-key-link a{display: inline-block;padding:2px 8px }
.seko-key-link i{padding-left: 4px;padding-right: 4px;}
.seko-key-link h4{margin-bottom: 8px;}
.pages{font-size:0.8em;}
.customer_navi{position: relative;}
.jirei_annai{position: relative;margin-top: 32px;margin-bottom: 2.5em;}
.seeall{
    position: absolute;
    right: 0;
}

/*施工事例ページ下部*/
.page-bottom-info{padding-top: 16px;}
.page-bottom-info a:hover{opacity: 0.8;}
.sekolist-bottom-info{margin-top: -8px;}
.sekolist-bottom-info .row{margin: 0;}
.sekolist-bottom-info .row div[class*="col-"] {padding-left: 0;padding-right: 0;}
.sekolist-bottom-info li{border:1px solid #ddd;padding: 4px;}
.sekolist-bottom-info .thumbnail img{height: 108px;width: 108px;object-fit: cover;margin: auto;}
@media (min-width: 768px){/*forPC*/
    .sekolist-bottom-info .row{display: flex;justify-content: space-between;}
    .sekolist-bottom-info li{width: 49%;}
}
@media only screen and (max-width: 767px){/*under767*/
    .sekolist-bottom-info li{margin-bottom: 8px;}
}

/*詳細*/
.seko-before-after{margin-bottom: 32px}
.seko-before, .seko-after{position: relative;}
.seko-before-ttl, .seko-after-ttl{position: absolute;background: #fff;}
.seko-before-ttl{
    border:1px solid #216cad;
    padding: 2px;
    color: #216cad;
}
.seko-after-ttl{
    border:1px solid #fff;
    background: #ff5253;
    padding: 4px 8px;
    color: #fff;
    font-size: 1.1em;
}
.seko-before-arrow{
    color: #ff5253;
    font-size: 2.5em;
    line-height: 0.9;
    padding-left: 8px;
}
.seko-before{margin-bottom: 8px;}
.seko-before-img{width: 80%;}
.seko-before-area-r{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.seko-number{
    color: #bbb;
    font-size: 0.7em;
    margin-top: auto;
}
.seko-after{
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
}
@media (min-width: 768px){/*forPC*/
    .wp_block{display: flex;}
    .wp_block{flex-shrink: 0;justify-content: space-between;margin: 0 -4px;}
    .wp_block div{flex-basis: 49%;padding: 0 4px;}
}
@media only screen and (max-width: 767px){/*under767*/
}   


.seko .box {margin-bottom: 16px;}
.seko .content .boxcol {font-size: 1.4rem}
.seko .content .boxcol img{padding-bottom: 8px;}
.seko-staff-name{text-align: right;}
.seko-after .shiyou{font-size: 0.85em;}
.content .seko-before-after .gaiyou table{font-size: 0.8em;width: 98%;}
.content .seko-before-after .gaiyou table td,
.content .seko-before-after .gaiyou table th {padding: 4px 6px;}

/*トップページ*/
.seko-ttl{padding: 16px;}
.seko-ttl img{
    width: 74%;
    display: block;
    margin: auto;
}
.isfront .top-seko{
    margin-bottom: 16px;
    background: #fffff2;
    padding-top: 4px;
    border-left: 1px solid #26478e;
    border-right: 1px solid #26478e;
}
.top-seko .linkbtn{
    text-align: center;
    padding: 8px 0 16px;
}
.top-seko .flex{
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.top-seko h4{font-size: 1.2em}
.top-seko h5{
    font-size: 1.4rem;
    line-height: 1.2;
}
.content .top-seko h5{margin-top: 10px!important;}
.top-seko h5 a{}
.isfront .top-seko .kensu{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 6px;
}
.isfront .top-seko .kensu-more{
    background: #26478e;
    color: #fff;
}
.top-seko .kensu span{font-size: 1.6em;}
.isfront .top-seko .linkbtn a{background: #ff8b00;}
.seko-photo img{border: 1px solid #ddd;}


/*選ばれている理由*/
.other .index_34 .top-seko .kensu{display: none;}
.other .index_34 .top-seko h5{display: none;}
.reason .lt{
    float: left;
    width:4.5em;
    height: 4.5em;
    line-height: 1;
    font-size: 1.1em;
    padding-top: 1em;
    background: #216cad;
    color: #ffec03;
    text-align: center;
    border-radius: 50%;
    margin-right: 4px;
    margin-top: 1em;
}
.reason .lt span{
    font-size: 1.6em;
}
.reason .rt{
}
.reason .exp{
    display: block;
    font-size: 1.2rem;
    padding-bottom: 6px;
}
.content .reason h2 .ttl{
    color:black;
    font-size: 1.9rem;
}
.content .reason h2{
    line-height: 0.8;
    padding-bottom: 6px;
}
.reason .txt{
    background: #ffec03;
    font-size: 0.9em;
    border-radius: 8px;
    margin-top: -8px;
    margin-left: 5.5em;
    margin-bottom: 1em;
    padding: 8px;
    color: #002947;
    position: relative;
}
.reason .txt::after {
  content: "";
  position: absolute;
  margin: 0;
  bottom: -24px;
  right: 29px;
  width: 0;
  height: 0;
  border-top: 30px solid #ffec03;
  border-left: 9px solid transparent;
  border-right: 11px solid transparent;
  transform: rotate(14deg);
}
@media (min-width: 768px){/*forPC*/
    .reason .exp{font-size: 1.4rem;padding-bottom: 10px;}
    .content .reason h2{padding-bottom: 10px;}
    .content .reason h2 .ttl{font-size: 2.6rem;}
    .reason .txt{margin-left: 6.5em}

}



/*インクルード*/
.seko-before img,.seko-after img{height: auto;}

@media only screen and (max-width: 767px){/*under767*/
    .inc-seko-list .fsize-sml{font-size: 3.7vw}
    .top-seko div.flex:nth-of-type(2){flex-direction: column;}
}

/*ページ送り*/
.wp-pagenavi .pages{display: block;}
.content .wp-pagenavi a:hover{border-width: 1px;}
a.page-numbers{margin: 0 2px;}
a.page-numbers.prev{position: relative;}
a.page-numbers.prev::before, a.page-numbers.next::before {
    border-style: none;
}
a.page-numbers:hover, span.page-numbers.current {
    color: #ffec03;
    background: #002947;
}

@media only screen and (max-width: 767px){/*under767*/
    .seko-list.flex{
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    }
    .seko-clm-inc4-box, .seko-clm{-ms-flex-preferred-size: 49%;flex-basis: 49%;}
    .seko-before.flex{
        -ms-flex-wrap: wrap;flex-wrap: wrap;
    }
    .seko-before-img{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
    .seko-before-arrow{padding: 1.5em 0 0 .5em;}
    .seko-number{text-align: right}
    
    .scontent_imggroup .col-sm-1{margin-top: 0!important;text-align: center;}
    .seko_content_imggroup .col-sm-1 p{display: none;}
    .seko_content_imggroup .col-sm-1::after {
        content: "\f063";
        font-family: FontAwesome;
        font-size: 28px;
        color: #ff5253;
    }
    .seeall{top:-1em}
    .jirei_annai .seeall{bottom: -1.5em;top: auto;}
}
@media (min-width: 768px){/*forPC*/
    .seko-list .seko-clm{-ms-flex-preferred-size: 32.8%;flex-basis: 32.8%;
         -webkit-flex-shrink : 0; -ms-flex-shrink:0; flex-shrink: 0;
            margin-right: 0.4%; }
    .top-seko .seko-list .seko-clm{-ms-flex-preferred-size: 22%;flex-basis: 22%;}
    .inc-seko-list .seko-clm{-ms-flex-preferred-size: 24%;flex-basis: 24%;}
    .seko-before-arrow{text-align: center;padding-top: 1em;}
    .seko-before-after{
        display: grid;
        grid-template-columns: 1fr 60%;
        grid-template-rows: 50% 1fr;
        display: -ms-grid;
        ms-grid-columns: 1fr 60%;
        -ms-grid-rows: 50% 1fr;
    }
    .seko-before {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }
    .seko-before img{max-width: 220px;}
    .gaiyou {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-flex-item-align: end;
        align-self: end;
    }
    .seko-after {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
    }
    .seko-after img{max-width: 516px;}
    .seeall{top:1em}
    .jirei_annai .seeall{bottom: -1.5em;top: auto;}
}

/*===========================================================================
                                                                メディア掲載実績 */

/*インクルード*/
.content .include-media .postList{
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content .include-media .postList li{
    padding: 0 0 8px;
    vertical-align: top;
}

@media only screen and (max-width: 767px){/*under767*/
    .include-media .postList li{-ms-flex-preferred-size: 48%;flex-basis: 48%;}
    .include-media .postList li img{width: 100%; height: 120px;object-fit: cover;font-family: 'object-fit: cover;';}
}
@media (min-width: 768px){/*forPC*/
    .include-media .postList li{-ms-flex-preferred-size: 23%;flex-basis: 23%;}
    .include-media .postList li img{width: 195px; height: 140px;object-fit: cover;font-family: 'object-fit: cover;';}
}


/*===========================================================================
                                                                　よくある質問 */
.qa_menu img{max-width: none;width: 100%;}
.faq .content .faq_box h3{
    margin-bottom: 0!important;
}
.faq .faq_box p a{
    line-height: 1.2;
}
.faq .content .faq_box p{
    margin-top:26px;
    border-bottom: 1px dashed #666;
}
.faq .content .faq_box img{
    padding-top: 4px;
    padding-bottom: 4px;
}
.faq .f-l{float: left;padding: 4px 8px 8px 0}
.faq .faq_q,.faq .faq_a{padding-top: 1em;}
.faq_box h3 + figure{
    margin-top: 1em;
}
.faq br[clear]{display: none;}


/*===========================================================================
                                                                　その他スタイル */
.c_wrapper {
    counter-reset: ranking;
    margin: 1em 0;
}
.c_order::before {
    content: counter(ranking);
    counter-increment: ranking;
    line-height: 2em;
    background-color: #ffec03;
    color: #23527c;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}
.c_ttl{
    color: #23527c;
    font-size: 20px;
}
.c_wrapper .txt{padding-left: 2em;}
.cap_red figcaption strong{color:#bc0000;}

/*===========================================================================
                                                                　サイトマップ */
.sitemap .l-main .sitemap-page{margin-left: 2em}
.sitemap .l-main .content-page{margin: 1em 0 0 1em; }
.sitemap .l-main ul{margin-left: 1em;margin-bottom: 0;}
.sitemap .l-main ul li{
    line-height: 3;
    border-top: 1px solid #ddd;
}


/*===========================================================================
                                                            　　　屋根リフォーム */
.wp-image-1624{padding-top: 24px;}
.reform_menu .btn-arrow a{}
.reform_menu .btn-arrow a::after{
    content: "\f138";
    font-family: FontAwesome;
    float: right;
    color: #fff;
    font-size: 1.1em;
}
@media (min-width: 768px){/*forPC*/
    .wp-image-6383{width: 85%;height: auto;}
}


/*===========================================================================
                                                                　ブログ */
.blog-parent .staff_area{display: none!important;}
.blog-parent .blog_staff_area{clear: both!important;}
.blogentry .date{
    color: #29aae1;
    text-align: right;
}
.blogentry .staff_img{flex-shrink: 0;flex-basis: 15%;}
.blogentry .staff_img img{width: 100%;height: auto;}
.blog_staff_area{align-items:center;border: 2px dotted #ff5253;padding: 12px 24px;border-radius: 8px;margin-top: 1em}
.blog_staff_area h2{border-style: none;}
.blog_staff_area a{color: #23527c;}
.blogentry .staff_name{padding-left: 2em;}
.blogentry .showroom-img{flex-shrink: 0;flex-basis: 30%;margin-left: auto;}
.blogentry .showroom-img img{width: 65%;margin-right: 9%;padding-bottom: 8px;}
.content .blog-include-flex ul li::after{content: none;}
.content .blog-include-flex ul li {border: 1px solid #ccc;margin-bottom: 4px;padding: 4px;}
.blog-include-flex{margin-top: 2em; margin-bottom: 1em;}
.blog-include-flex .thumbnail img{height: 100px;width: 100px;object-fit: cover;}
.content .blog-include-flex h2{font-size: 1.8rem;}
.content .blog-include-flex h3{margin: 0!important;border-style: none;font-size: 1.6rem;padding: 0 0 4px;}
.blog-include-flex .excerpt{line-height: 1.2;}
.blog-include-flex a{color: #23527c;}
.bloglist .content ul{padding: 0;margin: 0;}
.bloglist .content ul li{border-bottom-style: none;padding: 0;margin-bottom: 8px;}
@media only screen and (max-width: 767px){/*under767*/
    .l-main .blog-include-flex .content{padding: 0;}
    .l-main .blog-include-flex .content ul{padding: 0;}
    .blog-include-flex .excerpt{font-size: .9em;}
    .blog-parent .blog_staff_area{flex-direction: column;}
}
@media (min-width: 768px) {
    .blog-include-flex ul{display: flex;justify-content: space-between;}
    .blog-include-flex li{flex-shrink: 0;flex-basis: 24%;display: flex;flex-wrap: wrap;}   
    .blog-include-flex .thumbnail img {height: 12vw;width: 12vw;display: block;margin: auto;}
    .blog-include-flex .blog-con{display: flex;flex-wrap: wrap;}
    .blog-include-flex .excerpt{display: flex;flex-direction: column;}
}
/*===========================================================================
                                                            　　　　　フォーム */
.content #form.mf table td{padding 12px 10px;}
#form.mf input[type="text"],#form.mf input[type="email"], #form.mf input[type="selectbox"], textarea {
  font-size: 16px;
}
#form.mf input[type="checkbox"],#form.mf input[type="radio"]{margin: 4px 0}
#form.mf th span{color: crimson;font-size: 0.8em}
.mw_wp_form .error{color: crimson;font-weight: bold;}
#form label span{padding-right: 1.5em;}
.form-send{
    background: #ff5253;
    color:#fff;
    border-style: none none solid;
    width: 100%;
    font-size: 1.4em;
    padding: 8px;
    border-bottom: solid 4px #aa5253;
    border-radius: 8px;
}
.form-send:hover{
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
    border-top: 4px solid #fff;
}

@media only screen and (max-width: 767px){/*under767*/
}
@media only screen and (max-width : 640px){
    input{width:90%;}
    textarea{width:90%;}
    label input{width: 2em;}
    .content form table th{width: 20%;}
}
.mw_wp_form .horizontal-item + .horizontal-item{margin-left: 0;line-height: 2;}

.ui-datepicker-calendar tr td:nth-of-type(3) a,
.ui-datepicker-calendar tbody tr td:nth-of-type(4) a{
    background: #bbb;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
pointer-events: none;
}
.ui-datepicker-calendar tr td:nth-of-type(3) ,
.ui-datepicker-calendar tbody tr td:nth-of-type(4) {
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
pointer-events: none;
}

/*===========================================================================
                                                            　　　　　サイドバー */
@media only screen and (max-width: 767px){/*under767*/
   .l-sidebar{padding: 0;}
}
@media (min-width: 768px){/*forPC*/
    .l-sidebar{width: 201px;}
}
.l-sidebar h3{
    font-size: 1.2em;
    text-align: center;
}
.l-sidebar .include-event h3{
    color: #fff;
    background: #ff8b00;
    padding: 4px;
}
.l-sidebar .include-event{
    border:2px solid #ff8b00;
    margin-bottom: 16px;
}
.l-sidebar .include-event-clm{
    padding: 16px 4px 8px;
    text-align: center;
}
.side-area{
    border: 1px solid #ccc;
    padding: 4px;
    margin-bottom: 16px;
}
.side-area h3{
    background: #ff5253;
    color:#fff;
}
.side-area p{
    padding: 8px;
}
.side-area p img{
    text-align: center;
}
.side-area .text1{
    font-size: 0.9em;
    line-height: 1.1;
}
.side-area h4{text-align: center}
.l-sidebar .daihyoblog {
    background: #eee;
    border: 1px solid #888;
    margin-bottom: 16px;
}
.l-sidebar .daihyoblog h4{
    background: #216cad;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    margin-bottom: 2px;
}
.l-sidebar .daihyoblog p{
    text-align: center;
}
.l-sidebar aside{margin-bottom: 24px;margin-top: 16px;}


/*===========================================================================
                                                            　　　　　　一覧 */
.clm_one .archiveItem {width: 100%;}
.clm_one .eyecatch {margin-bottom: -30px;}
.eyecatch img{max-height: none;}

/*===========================================================================
                                                            　　　　　　タグ */
.tag-box{
    margin-top: 4em;
    border:1px solid #ccc;
    padding: 16px;
    font-size: 14px;
    position: relative;
}
.tag-box::after {
    content: "";
    border-color: #fff #ccc #fff #ccc;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: -1px;
    position: absolute;
    right: -1px;
}
.tag-box a::before{
    content: "\e907";
    font-family: "icomoon";
}
.dateList__item a[rel="tag"]:hover{color: #0071bd;}

.l-sidebar aside:nth-of-type(2){}
.l-sidebar aside .heading-widget{color: #0071bd;padding-bottom: 4px;}
.l-sidebar .heading.heading-widget::before{border-bottom-color: #0071bd;}
.l-sidebar .heading.heading-widget::after{border-bottom-color: #40a1cd;}
.l-sidebar h2{margin-bottom: 4px;}


.widget .tag-cloud-link,
.l-main .tag-cloud li:first-child,
.l-main .tag-cloud li {background: #50a0dD;}

.widget .tag-cloud-link{padding: 3px 5px 3px 4px;margin-bottom: 2px;letter-spacing: -1px;}
.l-main .tag-cloud li:first-child, .l-main .tag-cloud li {padding: 4px 10px 4px 4px;margin-bottom: 3px;}

.widget a.tag-cloud-link:hover,
.l-main .tag-cloud li:hover{background: #63c7ea;text-decoration: none;}

.widget a.tag-cloud-link::before,
.l-main .tag-cloud li::before{
     font-family: "FontAwesome";
     content: "\f02b"; /* 絵文字のコード */
     padding-right: 4px;
}
.l-main .tag-cloud li::before{
    padding-left: 10px;
}

.l-main .tag-cloud li{
    display: inline-block;margin-right: 5px;
    margin-bottom: 7px;
    border-radius: 3px;
    color: #fff;
}
.l-main .tag-cloud li a{padding-left: 3px;color: #fff;}
.l-main .tag-cloud li a:hover{color: #fff;}

.l-main .tag-cloud{margin-top: 20px;}

/*===========================================================================
                                                            　　　　　　フッター */

.footer-showroom{color: #214967;-ms-flex-pack: distribute;justify-content: space-around;margin: 16px auto;}
.footer-showroom-company{font-weight: bold;text-align: center;}
.t-light .l-footer{background: #fff;}
.footer-showroom-clm .txt4{font-size: 0.8em;}
.footer-showroom-clm .txt5{font-size: 0.7em;}
.footer-showroom .c-name{
    width: 15%;
  flex-direction: column;
}
.footer-logo{
    width: 40%;
    text-align: center;
    margin: 0 auto 4px;
}
.ishikawa .footer-showroom .divhon{order: 3}
.ishikawa .footer-showroom .divkita{order: 4}
.ishikawa .footer-showroom .divtaka{order: 5}
.ishikawa .footer-showroom .divokyo{order: 2}
.ishikawa .footer-showroom .divkana{order: 1}

@media only screen and (max-width: 767px){/*under767*/
    .footer-showroom .c-name {
      width: 53%;
      flex-direction: row;
    }
    .footer-showroom-company{margin-left: 2%;}
    .footer-showroom-company .txt2{line-height: 1.1;padding-bottom: 4px;font-size: 3.3vw;}
    .footer-showroom-clm{line-height: 1.1;}
    .footer-showroom-company .txt3{font-size: 4.4vw;white-space: nowrap;}
    .footer-showroom-company .txt4{font-size: 2.8vw;}
    .footer-showroom-company .txt5{font-size: 2.8vw;}

}
@media (min-width: 768px){/*forPC*/
    .footer-showroom{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: center;
    }
    .t-light .l-footer{background: #f7f7f7;}
    .footer-logo{-ms-flex-preferred-size: 6%;flex-basis: 6%;}
    .footer-showroom-company{padding-right: 4px;}
    .footer-showroom-company .txt1{font-size: 0.75em;}
    .footer-showroom-company .txt2{font-size: 0.8em;}
    .footer-showroom-company .txt3{font-size: 1.2em;white-space: nowrap;padding-left: 5px;}
    .footer-showroom-clm{
        background: #fff;
        padding: 12px 12px;
        -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
        border-radius: 2px;
        min-height: 9.5em;
    }
    .footer-showroom-clm .txt4{font-size: 1em;font-weight: bold;}
    .footer-showroom-clm .txt4 a{
        font-size: 0.8em;
        font-weight: bold;
        background: #002947;
        color: #fff;
        padding: 2px;
    }
    .footer-showroom-clm .txt5{font-size: 0.8em;line-height: 1.1;padding-top: 4px;}
}
.content_tenpo_box {
    background-color: #FFF;
    margin-top: 0 auto 20px;
    padding: 15px 84px 20px;
}
.content_tenpo_box .flex{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
}
.footer_link_ttl{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 8px;
}
.footer-menu a{
    color: #000;   
}
.footer-menu {
    font-size: 0.93em;
    line-height: 1.5;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2em;
    margin-bottom: 3em;
}
.footer-menu .btm-space{
    margin-bottom: 1em;
}
.footer-menu li{
    list-style-type: none;
}
.footer-menu li li{
    padding-left: 0.8em;
}

.copySns{
    padding: 1em 50px 70px 0;
    text-align: right;
}
.copySns__copy{
    padding: 0 0 0 4px;
    text-align: right;
    font-size: 0.8em;
    margin: 0;
    width: 100%;
}
.t-light .copySns{border-top:1px solid #888;}

/*------------*/
/*PAGETOPボタン*/
#page_top{
    width: 40px;
    height: 40px;
    position: fixed;
    right: 5px;
    bottom: 70px;
    background: #ffec03;
    opacity: 0.8;
    z-index: 100;
}
#page_top a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}
#page_top a::after{
content: '▲';
font-size: 14px;
font-weight: bold;
color: #002947;
position: absolute;
top: 10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}


/*-----------
clearfix
------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}


/*-----------
スクロールイン
------------*/
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/*-------------------------------
吹き出し　セリフとアイコン
--------------------------------*/
.balloon_l,
.balloon_r{
    margin: 30px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
	-webkit-box-align: end;
	-ms-flex-align: end;
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{
  margin-left:25px;
}
.balloon_l .faceicon{
  margin-right:25px;
}
.balloon_r .faceicon{
	-webkit-box-ordinal-group:3!important;
	-ms-flex-order:2!important;
  order:2 !important;
}
.says {
  max-width:500px; /*最大幅は任意*/
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding: 17px 13px 15px 18px;
  border-radius: 12px;
  background: #99dddd;/*色は任意*/
  box-sizing:border-box;
  margin:0 !important;
  line-height:1.5;
/*   align-items: center; */
}
.says p{
  margin:8px 0 0 !important; 
}
.says p:first-child{
  margin-top:0 !important;
}
.says:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says:after {
  left: -26px;
  border-right: 22px solid #99dddd;
}
.balloon_r .says:after {
  right: -26px;
  border-left: 22px solid #99dddd;
}


/*--------------------------------
  フッターフローティングナビゲーション
--------------------------------*/

.footer-nav-floating{position: fixed;bottom: 0;width: 100%;height: 60px;left: 0;z-index: 20;margin-bottom: 8px;}
.footer-nav-floating .flex{justify-content: space-between;}
.footer-nav-floating div{-ms-flex-preferred-size: 24.2%;flex-basis: 24.2%;text-align: center;}
.footer-nav-floating a{display: block;padding: 5px 0;color: #fff;}
.footer-nav-floating i{border-radius: 50%;height:40px;width: 40px;text-align: center;background-color: #fff;line-height: 40px;}
.fnf-mail{background-color: rgba(60, 202, 60, 0.85)}
.fnf-document{background-color: rgba(37,112, 173, 0.85);display: none;}
.fnf-yoyaku{background-color: rgba(255, 142, 5, 0.85)} 
.fnf-phone{background-color: rgba(255, 85, 85, 0.85)}
.footer-nav-floating div.fnf-phone{flex-basis: 51%;}
.fnf-mail i{color: #4ECF4F;font-size: 27px;}
.fnf-document i{color: #2570AD;font-size: 22px;}
.fnf-yoyaku i{color: #FF8E05;font-size: 22px;}
.fnf-phone i{color: #FF5555;font-size: 27px;}
.footer-nav-floating div span{font-size: 11px;}




/*-------------------------------
ヘッダーグローバルメニューのプルダウン追加
--------------------------------*/
/*******************
* グローバルナビ　プルダウン
********************/
.globalNavi .sub-menu {
position: relative;
    left: 0;
z-index: 2; /*数字が大きいほど前面に表示*/
display: none;
width: 100%;
    box-shadow: 2px 2px #d3e6f5;
border-radius: 8px;
background-color: #fff; /*背景色*/
margin-top: -0.5em;
}
.globalNavi .sub-menu li:first-child {
}
.globalNavi__list li .page_item,
.globalNavi__list li .menu-item{border-left-style: none}

.globalNavi .sub-menu li {
display: inline-block;
padding: 0;
width: 25%;
}
.globalNavi li:hover .sub-menu {
  	display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.globalNavi .sub-menu li{
    height: 2em;
    line-height: 2em;
    padding-top: 1em;
    display: inline-block;
}
.globalNavi .sub-menu li a {
    font-size: 0.9em;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
    color: #216cad;
    display: block;
    height: 2.1em;
    border-left: 3px dotted #d3e6f5;
    margin: 0 16px;
}
.globalNavi .sub-menu li a:hover {
    border-bottom: solid 6px #fef8bb;
}
div#mg-wprm-wrap form.wpr-search-form button.wpr_submit{top:22px;color: #0f980e;}

@media (min-width: 768px) {
    .globalNavi .sub-menu {
    position: absolute;
    width: auto;
    max-width: 100%;
    border-top: 1px solid #eee;
}
    .globalNavi .sub-menu li{white-space: nowrap;}
}