@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2025-10-28

---------------------------------------*/


/*=============================
#fs_Top
home共通
=============================*/
#header{
    margin-bottom:0;
}
#mainarea{
    padding:0;
}
section.sc_block01{
    margin-bottom:0;
}


.ttl_h2main{
    font-size:150%;
    font-weight:700;
    line-height: 1.4;
    /*text-align:left;*/
    text-align:center;
    margin-bottom:1.5em;
    /*border-left: 20px solid #ccc;*/
    /*padding:0.25em 1em 0.25em 0.5em;*/
}
.ttl_h2main span{
    display:inline-block;
}

.d_in-block { display: inline-block; }
.btn_sketch {
  padding: 1em 1.5em;
  margin: 2.5em auto 1em;
  color: #ffffff;
  background: #037f52;
  border: 2px solid #037f52;
  border-radius:8px;
  line-height: 1.4;
  display: block;
  text-align: center;
  width: 19em;
  max-width: 100%;
  transition: 0.5s;
}
.btn_sketch:hover {
  color: #ffffff;
  opacity: 0.6;
}

.btn_sketch02 {
  padding: 1em 1.5em;
  margin: 2.5em auto 1em;
  color: #037f52;
  background: #ffffff;
  border: 2px solid #037f52;
  border-radius:8px;
  line-height: 1.4;
  display: block;
  text-align: center;
  width: 19em;
  max-width: 100%;
  transition: 0.5s;
}
.btn_sketch02:hover {
  color: #ffffff;
  background: #037f52;
  opacity: 0.6;
}
.btn_sketch02 span {
    display: inline-block;
}

@media screen and (max-width: 640px){
  .btn_sketch ,
  .btn_sketch02 {
    font-size: 0.9em;
  }
}


/*=============================
メインイメージ
mainimg
=============================*/
#mainimg{
    height:500px;
    background:url(../../cf_img/home/bg_main.jpg?t=20230906) repeat center bottom;
    background-size: auto 500px;
}
#mainimg h2{
    padding-top:120px;
    padding-left:30px;
}

@media screen and (max-width:768px){
#mainimg{
    height:auto;
    background:url(../../cf_img/home/bg_main.jpg?t=20230906) repeat center bottom;
    background-size: 160% auto ;
}
#mainimg h2{
    padding:3em 0 2em 3em;
}
#mainimg h2 img{
    width:33%;
}
}

@media screen and (max-width:480px){
#mainimg{
    background:url(../../cf_img/home/bg_main.jpg?t=20230906) repeat left 50% top;
    background-size: 185% auto ;
}
#mainimg h2{
    padding:0 0 0 0;
    margin-left:-1em;
}
#mainimg h2 img{
    width:50%;
}
}


/*=============================
#top_link_english
=============================*/
#top_link_english .inner01{
    padding-bottom:2em;
}
#top_link_english .link_english_box01{
    text-align: right;
}



/*=============================
#aboutus
=============================*/
#aboutus{
    clear:both;
    background: #fff;
}
#aboutus .inner01{
    padding-top:4em;
    padding-bottom:4em;
}
#aboutus h3{
    max-width: 468px;
    margin: 0 auto 3em;
}
#aboutus h3 img{
    padding-right: 20px;
}
#aboutus .aboutus_jisseki{
    max-width: 800px;
    margin: 0 auto 3em;
    text-align: center;
}
#aboutus .aboutus_jisseki ul{
    display: flex;
    justify-content: space-between;
}

#aboutus .aboutus_jisseki ul li{
    width: 32%;
    border: 3px solid black;
    padding: 1em 0.5em 1.25em;
    font-size: 140%;
    text-align: center;
    line-height: 1.3;
}
#aboutus .aboutus_jisseki ul .large-t{
    font-size: 170%;
    font-weight: 700;
}
#aboutus .aboutus_jisseki ul li span{
    display: inline-block;
}
#aboutus .aboutus_jisseki .aboutus_cc{
    font-size: 180%;
    font-weight: 700;
    margin-top: 0.6em;
}
#aboutus .aboutus_jisseki .aboutus_cc span{
    display: inline-block;
}
#aboutus .aboutus_fanfun{
    max-width: 760px;
    margin: 0 auto 2em;
}
#aboutus .aboutus_fanfun img{
    text-align: left;

}
#aboutus .aboutus_txt{
    max-width: 760px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
    #aboutus h3{
        max-width: 60%;
        margin: 0 auto 2em;
    }
    #aboutus .aboutus_jisseki  ul li{
        border: 2px solid black;
        font-size: 110%;
    }
    #aboutus .aboutus_jisseki  ul .large-t{
        font-size: 140%;
    }
    #aboutus .aboutus_jisseki .aboutus_cc{
        font-size: 90%;
    }
    #aboutus .aboutus_fanfun img{
        width: 60%;
    }
}
@media screen and (max-width: 480px){
    #aboutus h3{
        max-width: 70%;
        margin: 0 auto 1.5em;
    }
    #aboutus .aboutus_jisseki ul li{
        padding: 1em 0.25em 1.25em;
        font-size: 90%;
    }
    #aboutus .aboutus_fanfun{
        margin: 0 auto 1em;
    }
    #aboutus .aboutus_fanfun img{
        width: 70%;
    }
}



/*=============================
#Top_ReasonTop1　日本一
※2021.12.06追加分
=============================*/
#Top_ReasonTop1{
    clear: both;
    /*background: #fff;*/
}
#Top_ReasonTop1 .inner01{
    /*padding-top: 4em;
    padding-bottom: 0;*/
    padding-top: 1em;
    padding-bottom: 4em;
}

#Top_ReasonTop1 .stripe-box {
  position: relative;
  padding: 2.5em 1.5em 1em;
  margin-top: 4em;
  /*margin: 4em 0 4em;*/
  background: rgba(225,205,179,0.3);
  border: 4px double #e1cdb3;
}
#Top_ReasonTop1 .maste-tape {
	position: absolute;
	top: -1em;
    left: 3em;
	background-color: rgba(219,52,13,.7);
	border-left: 2px dotted rgba(255,255,255,.7);
	border-right: 2px dotted rgba(255,255,255,.7);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	padding: 0.25em 2em;
	color: #FFF;
	transform: rotate(-3deg);
	font-size: 1.3em;
	font-weight: 700;
}
#Top_ReasonTop1 .maste-tape::before,
#Top_ReasonTop1 .maste-tape::after {
  font-family: 'icomoon';
  color: #FFF;
  font-size: 1.2em;
  line-height: 1;
  display: inline;
  vertical-align: middle;
}
#Top_ReasonTop1 .maste-tape::before { content: "\e501"; }
#Top_ReasonTop1 .maste-tape::after { content: "\e500"; }
#Top_ReasonTop1 p {
  margin-bottom: 1em;
  text-align: center;
  color: #594839;
}
#Top_ReasonTop1 span {
    display: inline-block;
}
#Top_ReasonTop1 em {
    font-style: normal;
}
#Top_ReasonTop1 .strong {
  background: linear-gradient(transparent 60%, #f9ff74 60%);
  font-weight: 700;
  font-size: 1.3em;
  margin: 0 ;
}
#Top_ReasonTop1 .note {
  font-size: 0.8em;
  margin-bottom: 0;
  text-align: right;
}

#Top_ReasonTop1 .stripe-box .link_english_box01{
  text-align: right;
  margin-top: 0.25em;
}

@media screen and (max-width: 640px){
  #Top_ReasonTop1 .stripe-box {
    padding: 3em 1em 1em;
    margin-top: 3em;
  }
  #Top_ReasonTop1 .maste-tape {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 225px;
    font-size: 1.1em;
    text-align: center;
    transform: none;
    padding: 0.25em 0.5em;
  }
  #Top_ReasonTop1 p {
    font-size: 0.9em;
    margin-bottom: 0.75em;
    /*text-align: justify;*/
  }
  /*#Top_ReasonTop1 p br {
    display: none;
  }*/
  #Top_ReasonTop1 .strong {
    font-size: 1em;
  }
}



/*=============================
#pgtop_bnr_long_area

=============================*/
#pgtop_bnr_long_area{
    clear:both;
}



/*=============================
#pgtop_freearea
※パーツ共用のため、style_sys.css
=============================*/
#pgtop_freearea{
    clear:both;
    padding: 0;
}



/*=============================
#top_info_btn_area
=============================*/
#top_info_btn_area .inner01{
    padding-bottom: 5em;
}
#top_info_btn_area ul li a{
    display:block;
    position:relative;
    max-width: 440px;
    background: #037f52;
    border: 2px solid #037f52;
    box-sizing:border-box;
    border-radius:8px;
    padding:0.5em 1em;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    text-align:center;
    line-height: 1.4;
}
#top_info_btn_area ul li a:hover{
    opacity: 0.6
}
#top_info_btn_area ul li a:before{
    position:absolute;
    font-family: 'icomoon';
    content:"\e101";
    font-size:130%;
    top:35%;
    left:1em;
}
#top_info_btn_area ul li{
    margin-bottom: 2em;
}
#top_info_btn_area ul li:last-of-type{
    margin-bottom: 0;
}
#top_info_btn_area ul li em{
    display: block;
}
#top_info_btn_area ul li em.info_txt01{
    font-size: 120%;
}
#top_info_btn_area ul li em.info_txt02{
    margin-bottom: 0.2em;
    font-size: 170%;
    font-weight: 700;
}
#top_info_btn_area ul li em.info_txt03{
    font-size: 80%;
}

@media screen and (max-width:640px){
    #top_info_btn_area ul li a{
        width: 90%;
    }
    #top_info_btn_area ul li a:before{
        left:0.5em;
    }
    #top_info_btn_area ul li{
        margin-bottom: 1em;
    }
    #top_info_btn_area ul li em.info_txt01{
        font-size: 110%;
    }
    #top_info_btn_area ul li em.info_txt02{
        font-size: 150%;
    }
}



/*=============================
ピックアップ
pickup_product_area
=============================*/
#pickup_product_area{
    clear:both;
    background: #fff;
}
#pickup_product_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}

#pickup_product_area li{
    float:left;
    width:48%;
    margin-bottom:0.75em;
}
#pickup_product_area li:nth-of-type(2n+1){
    margin-right:4%;
}

@media screen and (max-width:480px){
#pickup_product_area li{
    display:block;
    width:100%;
}
#pickup_product_area li:nth-of-type(2n+1){
    margin-right:0;
    margin-bottom:1.5em;
}
}



/*=============================
バナー　スクロール
bnr_scroll01
=============================*/
#bnr_scroll01{
    clear:both;
    /*background: #fff; */
}
#bnr_scroll01 .inner01{
    /*padding-top:5em;
    padding-bottom:5em;*/
}
#bnr_scroll01 .bnr_box02{
  margin-bottom: 0;
}


/*=============================
店長おすすめベスト5
#design_best5_area
※パーツ共用のため、style_sys.css
=============================*/
#design_best5_area{
    clear:both;
}
#design_best5_area .inner01{
    padding-top:5em;
    padding-bottom:5em;
}



/*=============================
スタッフ厳選デザイン人気ランキング
newrank_product_area
=============================*/
/*スクロールパーツ*/
#newrank_product_area .scroll_bnr{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 0.5em 0;
    display: -ms-flexbox;
    display:flex;
}
#newrank_product_area .scroll_bnr > li {
    width: 100%;
    min-width: 175px;
    margin:0 0.6em;
}
@media screen and (max-width: 820px) {
    #newrank_product_area .scroll_bnr > li {
        min-width: 180px;
        margin:0 0.8em;
    }
}
@media screen and (max-width: 640px) {
    #newrank_product_area .scroll_bnr > li {
        min-width: 140px;
        margin:0 0.45em;
    }
}

#newrank_product_area{
    clear:both;
}
#newrank_product_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}
#newrank_product_area ul{
    text-align:center;
}
/*
スクロールにしたため不要
#newrank_product_area  li{
    display:inline-block;
    width:calc( ( 100% - 5em ) / 5 ) ;
    margin-right:0.8em;
    vertical-align:top;
}
#newrank_product_area li:last-of-type{
    margin-right:0;
}*/
#newrank_product_area li a{
    display:block;
    margin-bottom:0.5em;
}
#newrank_product_area li a,
#newrank_product_area li img{
    border-radius:4px;
}
#newrank_product_area li dt{
    font-weight:700;
    line-height:1.4;
    margin-bottom:0.5em;
}
#newrank_product_area li dt span{
    display:inline-block;
}

#newrank_product_area li dd{
    font-size:90%;
    line-height:1.4;
    text-align:left;
}

#newrank_product_area li .ico_rank{
    width:100%;
    text-align:center;
    margin:0 auto;
}
#newrank_product_area li .ico_rank img{
    width:30%;
    margin:0 auto;
}
@media screen and (max-width: 640px) {
#newrank_product_area li dt{
    font-size:90%;
    margin-bottom:0.6em;
  }
#newrank_product_area li .ico_rank{
    margin:0 auto 0.25em;
}
}

/*
スクロールバー設置したためポイント不要の為、一旦コメント
@media screen and (max-width:768px){
#newrank_product_area li .ico_rank img{
    width:35%;
}
}*/


/*
スクロールバー設置したためポイント不要の為、一旦コメント
@media screen and (max-width:640px){
    #newrank_product_area li{
        clear:both;
        display:block;
        width:100% ;
        margin:0 0 1.5em;
        zoom:1;
    }
    #newrank_product_area li:after{
        font-size:1px;
        color:#fff;
        content:"";
        display:block;
        height:0px;
        clear:both;
    }
    #newrank_product_area li p{
        width:40%;
        float:left;
    }
    #newrank_product_area li .newrank_product_txt{
        width:57%;
        float:right;
    }
    #newrank_product_area li .ico_rank{
        margin:0 auto 0.25em;
    }
    #newrank_product_area li .ico_rank img{
        width:20%;
        margin:0 0 0;
    }
    #newrank_product_area li dt{
        line-height:1.3;
        margin-bottom:0.25em;
        text-align:left;
    }
    #newrank_product_area li dt span{
        display:inline;
    }
}
*/

/*=============================
スタッフ厳選デザインランキング gridバージョンBK
#newrank_product_area
=============================*/
/*#newrank_product_area{
    clear:both;
    background: #fff;
}

#newrank_product_area .inner01{
    padding-top:5em;
    padding-bottom:5em;
}
#newrank_product_area #newrank_box{
}
#newrank_product_area #newrank_box ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
#newrank_product_area #newrank_box ul li{
    display: block;
}
#newrank_product_area #newrank_box ul #gi1 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
#newrank_product_area #newrank_box ul li a{
    display: block;
}


@media screen and (max-width:640px){
    #newrank_product_area #newrank_box ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}*/



/*=============================
シーリングファンが初めての方へ
beginer_area
=============================*/
#beginer_area{
    clear:both;
    background: #fff;
}
#beginer_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}

#beginer_area li{
    float:left;
    width:48%;
    margin-bottom:1.5em;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
}
#beginer_area li:nth-of-type(2n+1){
    margin-right:4%;
}

@media screen and (max-width:480px){
    #beginer_area li{
        display:block;
        width:100%;
    }
    #beginer_area li:nth-of-type(2n+1){
        margin-right:0;
        margin-bottom:1.5em;
    }
}



/*=============================
天井の高さからシーリングファンを選ぶ
#select_ceiling_area
※パーツ共用のため、style_sys.css
=============================*/
#select_ceiling_area{
    clear:both;
    background:#effafa;
}
#select_ceiling_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}

#select_ceiling_area .ttl_ceiling_pc{
    margin-bottom: 2em;
}
#select_ceiling_area .ttl_ceiling_pc .ttl_ceiling_l{
    float: left;
    width: calc(100% - 300px - 1em);
}
#select_ceiling_area .ttl_ceiling_pc .ttl_ceiling_r{
    float: right;
    width: 300px;
}
#select_ceiling_area .ttl_ceiling_sp{
    display: none;
}
#select_ceiling_area .ceiling_box_area{
    clear: both;
    margin-bottom: 4em;
}
#select_ceiling_area .ceiling_inq{
    clear: both;
}
#select_ceiling_area .ceiling_inq p span{
    display: inline-block;
}
@media screen and (max-width:768px){
    #select_ceiling_area .ttl_ceiling_pc .ttl_ceiling_l{
        float: left;
        width: 60%;
    }
    #select_ceiling_area .ttl_ceiling_pc .ttl_ceiling_r{
        float: right;
        width: 37%;
    }
}
@media screen and (max-width:640px){
    #select_ceiling_area .ttl_ceiling_pc{
        display: none;
    }
    #select_ceiling_area .ttl_ceiling_sp{
        display: block;
        margin-bottom: 2em;
    }
    #select_ceiling_area .ttl_ceiling_sp h3{
        margin-bottom: 1em;
    }
    #select_ceiling_area .ceiling_box_area{
        clear: both;
        margin-bottom: 3em;
    }
}

/*=============================
タイプから探す
#select_type_area
=============================*/
#select_type_area{
    clear:both;
    background:#effafa;
}
#select_type_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}
#select_type_area .select_type_box li{
    float:left;
    width:20%;
    padding:0.75em;
}
#select_type_area .select_type_box li a{
    display:block;
    border:2px solid #ccc;
    color:#271b11;
    text-align:center;
    padding:1em 0.5em;
    background: #fff;
}
#select_type_area .select_type_box li a:hover{
    background: rgba(255,255,255,0.3);
    opacity:1;
}
#mainarea #select_type_area .select_type_box li a:hover img{
    transform: scale(1.1);
    transition: transform 0.5s linear;
    opacity:1;
}

#select_type_area .select_type_box li img{
    width:80px;
    margin:0 auto 0.5em;
}
#select_type_area .select_type_box li span{
    display:block;
    line-height:1.4;
    font-size:90%;
}

@media screen and (max-width:768px){
    #select_type_area .select_type_box li{
        width:25%;
    }
}

@media screen and (max-width:640px){
    #select_type_area .select_type_box li{
        width:33%;
        padding:0.5em;
    }
}

@media screen and (max-width:480px){
    #select_type_area .select_type_box li{
        width:50%;
        padding:0.5em;
    }
}



/*=============================
タイプ別　ランキング
#rank_type_area
=============================*/
#rank_type_area{
    clear:both;
}
#rank_type_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}
#rank_type_area .rank_block01{
    margin-bottom: 4em;
}
#rank_type_area .rank_block01:last-of-type{
    margin-bottom: 0;
}
#rank_type_area .rank_block01 h3{
    font-weight:700;
    font-size:110%;
    line-height:1.4;
    margin-bottom:1em;
}
#rank_type_area .rank_block01 h3 span{
    position:relative;
    margin-left:2em;
}
#rank_type_area .rank_block01 h3 span:before{
    position:absolute;
    font-family: 'icomoon';
    content:"\e402";
    color:#037f52;
    font-size:140%;
    top:-0.2em;
    left:-1.2em;
}

#rank_type_area .rank_block01 li a:hover .ico_rank img{
    opacity:1;
}

#rank_type_area .rank_block01 li a:hover .rank_img img{
    opacity:1;
    transform: scale(1.05);
    transition: transform 0.5s linear;
}




/*=============================
タイプ別　ランキング（AIレコメンド）
#rank_type_area
=============================*/
#rank_type_area{
    clear:both;
}
#rank_type_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}
#rank_type_area .recommend_fs{
    margin-bottom: 4em;
}
#rank_type_area .recommend_fs:last-of-type{
    margin-bottom: 0;
}
#rank_type_area .recommend_fs h3{
    font-weight:700;
    font-size:110%;
    line-height:1.4;
    margin-bottom:1em;
}
#rank_type_area .recommend_fs h3 span{
    position:relative;
    margin-left:2em;
}
#rank_type_area .recommend_fs h3 span:before{
    position:absolute;
    font-family: 'icomoon';
    content:"\e402";
    color:#037f52;
    font-size:140%;
    top:-0.2em;
    left:-1.2em;
}

/*#rank_type_area .recommend_fs li a:hover .ico_rank img{
    opacity:1;
}

#rank_type_area .recommend_fs li a:hover .rank_img img{
    opacity:1;
    transform: scale(1.05);
    transition: transform 0.5s linear;
}*/




/*=============================
メーカーから探す
#select_maker_area
=============================*/
#select_maker_area{
    clear:both;
    background:#effafa;
}
#select_maker_area .inner01{
    padding-top:4em;
    padding-bottom:4em;
}

#select_maker_area ul li{
    float:left;
    width:23.3% ;
    margin-right:2.25%;
    margin-bottom:1em;
    box-sizing:border-box;
}
#select_maker_area ul li:nth-of-type(4n){
   margin-right:0;
}
#select_maker_area ul li a{
    display:block;
    border:1px solid #ccc;
    border-radius:8px;
    background:#fff;
    text-align:center;
    line-height:1.4;
    margin:0 auto;
    padding: 0.5em;
    color: #097fa2;
}

#select_maker_area ul li a:hover{
    border:1px solid #3b9baf;
    color:#3b9baf;
}
#select_maker_area ul li span{
    display:block;
}
#select_maker_area ul li .maker_jp{
    font-size:90%;
    /*margin-top: 1em;*/
}
#select_maker_area .image_wrapper,
#select_maker_area .text_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#select_maker_area .image_wrapper { min-height: 80px; }
#select_maker_area .text_wrapper { min-height: 100px; }

@media screen and (max-width:768px){
    #select_maker_area ul li{
        width:32%;
        margin-right:2%;
    }
    #select_maker_area ul li:nth-of-type(4n){
        margin-right:2%;
    }
    #select_maker_area ul li:nth-of-type(3n){
       margin-right:0;
    }
}

@media screen and (max-width:640px){
    #select_maker_area ul li{
        width:49.25%;
        margin-right:1.5%;
    }
    #select_maker_area ul li:nth-of-type(3n){
       margin-right:1.5%;
    }
    #select_maker_area ul li:nth-of-type(4n){
        margin-right:0;
    }
    #select_maker_area ul li:nth-of-type(2n){
        margin-right:0;
    }
    #select_maker_area ul li:nth-of-type(2n-1){
       margin-right:1.5%;
    }
    #select_maker_area ul li a{
        width:95%;
    }
}



/*=============================
ファズーについて（バナー・その他）
bnr_area01
=============================*/
#bnr_area01{
    clear:both;
    background:#fff;
}
#bnr_area01 .inner01{
    padding-top:4em;
    padding-bottom:0;
}
/*#bnr_area01 ul{
    margin-bottom: 3em;
}*/

#bnr_area01 ul li{
    float:left;
    width:23.3% ;
    margin-right:2.25%;
    margin-bottom:1em;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
}
#bnr_area01 ul li:nth-of-type(4n){
   margin-right:0;
}
#bnr_area01 ul li a{
    display:block;
}
#bnr_area01 ul li img{
    border-radius:4px;
}

@media screen and (max-width:480px){
    #bnr_area01 ul li{
        width:47.5%;
        margin-right:3%;
    }
    #bnr_area01 ul li:nth-of-type(2n){
       margin-right:0;
    }
}



/*=============================
ファズーの取付工事実績
#work_area
=============================*/
#work_area{
    clear:both;
    background:#fff;
}
#work_area .inner01{
    padding-top:4em;
    /*padding-bottom:5em;*/
}

/* 実績バナー */
#work_area .bnr_case{
    clear:both;
    background:url(../../cf_img/home/bg_bnr_jisseki.jpg) repeat top left;
    background-size: 100% auto;
    border-radius:4px;
    /*margin-bottom:4em;*/
}
#worke_area .bnr_case a{
    display: block;
}
#work_area .bnr_case a:hover{
    background: rgba(255, 255, 255, 0.6);
}
#work_area .bnr_case p{
    width:64%;
    background:#fffcf8;
    margin:0 auto;
    padding:0.5em 0;
}
#work_area .bnr_case p img{
    margin:0 auto;
}

@media screen and (max-width:480px){
    #work_area .bnr_case p{
        width:70%;
    }
}



/*=============================
法人のお客様へ
#houjin_area
=============================*/
#houjin_area{
    clear:both;
    background:#fff;
}
#houjin_area .inner01{
    padding-top:1em;
    padding-bottom:5em;
}

#houjin_area .bnr_hojin_link {
    transition: 0.5s;
}
#houjin_area .bnr_hojin_link:hover {
    opacity: 0.6;
}
#houjin_area .bnr_hojin{
    clear:both;
    background:url(../../cf_img/home/bg_bnr_hojin.jpg) repeat top left;
    background-size: 100% auto ;
    border-radius:4px;
}

#houjin_area .bnr_hojin div{
    width:60%;
    background:rgba(53,37,23,0.9);
    margin:0 auto;
    padding:1em;
}
#houjin_area .bnr_hojin h2{
    color:#fef9c7;
    font-size:200%;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    margin:0.2em 0;
}
#houjin_area .bnr_hojin p{
    color:#fff;
    font-size:110%;
    line-height:1.4;
    text-align:center;
}
#houjin_area .bnr_hojin span{
    display:inline-block;
}
#houjin_area .bnr_hojin .note_txt {
    margin-top: 8px;
    font-size: 100%;
}
#houjin_area .bnr_hojin .note_txt span {
    border-bottom: 1px solid #fff;
}
@media screen and (max-width:480px){
    #houjin_area .bnr_hojin div{
        width:70%;
    }
    #houjin_area .bnr_hojin h2{
        font-size:160%;
    }
    #houjin_area .bnr_hojin p{
        font-size:90%;
    }
    #houjin_area .bnr_hojin .note_txt {
        margin-top: 6px;
        font-size: 85%;
    }
}



/*=============================
よくあるご質問
ファズーについて（スタッフコメント）
#Top_QandA
=============================*/
#Top_QandA{
    clear:both;
    /*background:#fff;*/
}
#Top_QandA .inner01{
    padding-top:5em;
    padding-bottom:5em;
}



/*=============================
専門家が対応します！
ファズーについて（スタッフコメント）
#staff_area
=============================*/
#staff_area{
    clear:both;
    background:#fff;
}
#staff_area .inner01{
    padding-top:4em;
    padding-bottom:4px;
}

#Top_Staff {
  border: 4px double #e1cdb3;
  background: rgba(225,205,179,0.3);
  padding: 2em 2.5em;
  margin-bottom: 4em;
}
#Top_Staff .ttl_h2main .strong {
  color: #037f52;
  font-size: 1.2em;
}
#Top_Staff .Top_Staff-wrapper {
  display: flex;
}
#Top_Staff .Top_Staff-wrapper:not(:last-of-type){
  margin-bottom: 2.5em;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner {
  flex-shrink: 0;
  width: 113px;
  flex-basis: 113px;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .Top_Staff-inner {
  order: 1;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner .staff_img{
    border-radius: 50%;
}
#Top_Staff .Top_Staff-wrapper .text {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: justify;
  background-color: #fff;
  border-radius: 10px;
  padding: 1em 1.5em;
  position: relative;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text {
  margin-right: 35px;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text {
  margin-left: 35px;
}

#Top_Staff .Top_Staff-wrapper .text::before {
  content: "";
  position: absolute;
  top: 35%;
  z-index: 1;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text::before {
  right: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #FFF;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text::before {
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #FFF;
}
@media screen and (max-width: 640px){
  #Top_Staff {
    padding: 1.5em;
  }
  #Top_Staff .Top_Staff-wrapper {
    display: block;
  }
  #Top_Staff .Top_Staff-wrapper .Top_Staff-inner {
    margin: 0 auto 1em;
  }
  #Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text,
  #Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text {
    margin: 0;
    font-size: 0.9em;
  }
  #Top_Staff .Top_Staff-wrapper .text::before {
    content: none;
  }
}



/*=============================
ファズーが選ばれる3つの理由
#reason_area
=============================*/
#reason_area{
    clear:both;
    /*background: #fff;*/
}
#reason_area .inner01{
    padding-top:4em;
    padding-bottom:0;
}

#reason_area ul{
    display:flex;
}

#reason_area .reason_box01{
    width:31.5%;
    background:#fff;
    margin-right:2.75%;
}
#reason_area .reason_box01:nth-of-type(3n){
    margin-right:0;
}

#reason_area .reason_box01 img{
    width: 100%;
    height: auto;
    margin-top:-4em;
}

#reason_area .reason_box01 .ico_reason{
    display:block;
    position:relative;
    top:0.5em;
    left:0.5em;
    background:#037f52;
    border-radius:50%;
    line-height:1;
    text-align:center;
    color:#fff;
    width:4em;
    height:4em;
    padding-top:1.25em;
    z-index: 1;
}
#reason_area .reason_box01 .ico_reason em{
    font-style:normal;
    font-size:120%;
    font-weight:700;
}

#reason_area .reason_box01 dt{
}
#reason_area .reason_box01 dt a{
    display: block;
    width: 100%;
    background:#352517;
    color:#fff;
    font-size:120%;
    font-weight:700;
    text-align:center;
    box-sizing: border-box;
    padding:0.25em;
}
/*#reason_area .reason_box01 dt:hover a{
    opacity: 0.6;
}*/

#reason_area .reason_box01 dd{
    font-size:90%;
    padding:1em;
}
@media screen and (max-width:768px){
    #reason_area .reason_box01 dt{
        font-size:100%;
    }
}
@media screen and (max-width:640px){
    #reason_area ul{
        display:inherit;
    }
    #reason_area .reason_box01{
        width:100%;
        margin-right:0;
        margin-bottom:3em;
    }
}


/*=============================
お客様の声・口コミ
#Top_CustomersVoice ※2021.12.06追加分
=============================*/
#Top_CustomersVoice iframe {
  width: 100%;
}
#Top_CustomersVoice .inner01{
    padding-top:4em;
    padding-bottom:0;
}

/*=============================
ストア評価
#value_area
=============================*/
#value_area{
    clear:both;
    background:#effafa;
}
#value_area .inner01{
    padding-top:3em;
    padding-bottom:3em;
}
#value_area #value_box{
    height:300px;
    background:#fff;
    border:2px solid #ccc;
    padding:1em 2em;
    overflow-y:scroll;
}

#value_area #value_box .value_box01{
    border-bottom:2px dotted #ccc;
    padding:1em;
}

@media screen and (max-width:480px){
    #value_area #value_box{
        height:240px;
        padding:1em;
    }
}



/*=============================
お客様事例紹介
#blog_data_area
=============================*/
#blog_data_area{
    clear:both;
    background:#fff;
}
#blog_data_area .inner01{
    padding-top:5em;
    padding-bottom:5em;
}

.blogupdate{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 0.5em 0;
    display: -ms-flexbox;
    display: flex;
}

.blogranking-post,
#blog_data_area .parent-update,
#blog_data_area .blogup-smp{
    zoom:1;
}
.blogranking-post:after,
#blog_data_area .parent-update:after,
#blog_data_area .blogup-smp:after{
    font-size:1px;
    color:#fff;
    content:"";
    display:block;
    height:0px;
    clear:both;
}

.parent-update,
.blogup-smp{
    float:left;
}


#blog_data_area .parent-update .user_Photo ,
#blog_data_area .blogup-smp .user_Photo{
    width:200px;
    float:left;
    margin-right:1em;
}



/*=============================
メディア掲載情報
#media_area
=============================*/
#media_area{
    clear:both;
    /*background: #fff;*/
}
#media_area .inner01{
    padding-top:4em;
    padding-bottom:0;
}

#media_area ul{
    display:flex;
}

#media_area .media_box01{
    width:23.3% ;
    margin-right:2.25%;
    margin-bottom:1em;
    box-sizing:border-box;
}
#media_area .media_box01:nth-of-type(4n){
   margin-right:0;
}
#media_area .media_box01 h3{
    font-weight:700;
    margin-bottom:0.5em;
}
#media_area .media_box01 .media_img{
    margin-bottom:0.5em;
}

#media_area .media_box01 .media_txt{
    font-size:90%;
    line-height:1.4;
}
#media_area .media_box01 .btn01{
    margin-top:0.75em;
}
#media_area .media_box01 .btn01 a{
    display:block;
    background:#037f52;
    /*background: #2F6DB3;*/
    border-radius: 8px;
    color:#fff;
    text-align:center;
    font-size:85%;
    padding:0.25em 0;
}
#media_area .media_box01 .btn01 a:hover{
    opacity:0.6;
}

@media screen and (max-width:768px){
    #media_area ul{
        display:block;
    }
    #media_area .media_box01{
        width:100%;
        margin-right:0;
        margin-bottom:1em;
        box-sizing:border-box;
    }

    #media_area .media_box01 h3{
        clear:both;
        font-size:110%;
        line-height:1.2;
        font-weight:700;
        border-bottom:2px solid #724e09;
        padding:0 0.25em 0.5em 0.25em;
        margin-bottom:0.5em;
    }
    #media_area .media_box01 .media_img{
        float:left;
        width:40%;
        margin-bottom:1.5em;
    }
    #media_area .media_box01 .media_detail{
        float:right;
        width:55%;
        margin-bottom:1.5em;
    }
    #media_area .media_box01 .media_txt{
        font-size:90%;
        line-height:1.4;
    }
}


/*=============================
よくある質問エリア
#Top_QandA
=============================*/
#Top_QandA .inner01 {
	padding-top: 4em;
	padding-bottom: 0;
}
#Top_QandA ._qaList__list {
	padding-bottom: 1em;
}

/*=============================
Linksエリア
#links_area
=============================*/
#links_area{
    clear:both;
    /*background: #fff;*/
}
#links_area .inner01{
    padding-top:4em;
    padding-bottom:0;
}
#links_area ul{
    /*width:50%;*//*2つ場合*/
    /*width: 75%;*//*3つ場合*/
  width: 100%;
    display:block;
    margin:0 auto;
    text-align:center;
}

#links_area ul li{
    float:left;
    /*width:47.5% ;*//*2つ場合*/
    /*width: 30%;*//*3つ場合*/
    width: 23.3%;
    /*margin-right:4.8%;*/
    margin-right: 2.25%;
    margin-bottom:1em;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
}
#links_area ul li:last-of-type{
    margin-right:0;
}
#links_area ul li a{
    display:block;
}

@media screen and (max-width:480px){
    *#links_area ul li:nth-of-type(2n){
       margin-right:0;
    }
    #links_area ul{
        width:100%;
    }
    #links_area ul li{
        width:47.5%;
        margin-right:3%;
    }
}



/*=============================
CVP
#cvp_area
=============================*/
#cvp_area{
    clear:both;
    /*background: #fff;*/
}
#cvp_area .inner01{
    padding-top:6em;
    padding-bottom:9em;
}
#cvp_area .waku_grey{
    border:1px solid #e1cdb3;
    padding:1.5em 2em;
    line-height:1.4;
}
#cvp_area h2,
#cvp_area p{
    display:inline;
    font-size:90%;
}

@media screen and (max-width:480px){
    #cvp_area .waku_grey{
        padding:1em 1.5em;
    }
}