@charset "Shift_JIS";
/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
   border-color: #4f7db6;
}
#hpb-main .hpb-parts-hl-style{
   border-color: #4f7db6;
   background-image: none;
   clear: both;
   margin-top: 0.5em;
   margin-bottom: 1em;
   margin-left: 10px;
   margin-right: 10px;
   text-align: left;
   font-size: 1.3em;
   color: #333;
   font-weight: normal;
   line-height: normal;
   height: auto;
   padding-left: 1px;
}
.hpb-parts-cbox-style{
   border-color: #4f7db6;
}
.hpb-parts-hr-style{
   border-color: #4f7db6;
}
.hpb-parts-pbox-style{
   background-color: #eaf3fe;
   border-color: #dddddd;
}
.hpb-parts-pbox-style h4{
   padding: 0px !important;
   margin-left: 0px !important;
}
.hpb-parts-pbox-style img{
   background-color: #eaf3fe;
}
.hpb-parts-blist-style{
   background-color: #eaf3fe;
   border-color: #4f7db6;
}
a:link.hpb-parts-blist-style{
   color: #333;
}
a:visited.hpb-parts-blist-style{
   color: #333;
}
a:hover.hpb-parts-blist-style{
   background-color: #d9eaff;
}
a:active.hpb-parts-blist-style{
   background-color: #d9eaff;
}
/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01{
   margin-bottom: 5px;
   margin-right: 10px;
   padding: 5px;
}
/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060{
   margin-bottom: 5px;
   padding: 5px;
}
/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120{
   margin-bottom: 5px;
   padding: 5px;
}
/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180{
   margin-bottom: 5px;
   padding: 5px;
}
/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240{
   margin-bottom: 5px;
   padding: 5px;
}
/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360{
   margin-bottom: 5px;
   padding: 5px;
}
/* 線囲み 幅自動 */
.hpb-parts-cnt-02{
   margin-bottom: 5px;
   margin-right: 10px;
   padding: 5px;
}
/* 線囲み 幅60px */
.hpb-parts-cnt-02-060{
   margin-bottom: 5px;
   padding: 5px;
}
/* 線囲み 幅120px */
.hpb-parts-cnt-02-120{
   margin-bottom: 5px;
   padding: 5px;
}
/* 線囲み 幅180px */
.hpb-parts-cnt-02-180{
   margin-bottom: 5px;
   padding: 5px;
}
/* 線囲み 幅240px */
.hpb-parts-cnt-02-240{
   margin-bottom: 5px;
   padding: 5px;
}
/* 線囲み 幅360px */
.hpb-parts-cnt-02-360{
   margin-bottom: 5px;
   padding: 5px;
}
/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01{
   margin-left: 0px !important;
}
/* 下線 1 */
.hpb-parts-hl-02{
   margin-left: 0px !important;
}
/* 下線 2 (2重線) */
.hpb-parts-hl-03{
   margin-left: 0px !important;
}
/* 線囲み 1 */
.hpb-parts-hl-04{
   padding: 5px 0.2em 3px !important;
   margin-left: 0px !important;
   border-bottom-width: 3px !important;
   border-color: #ccc;
}
/* 線囲み 2 (2重線) */
.hpb-parts-hl-05{
   padding: 5px 0.2em 3px !important;
   margin-left: 0px !important;
   border-color: #ccc !important;
}
/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06{
   padding-left: 0.5em !important;
   margin-left: 0px !important;
   border-left-width: 0.5em !important;
   border-left-color: #4f7db6 !important;
}
/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07{
   padding-left: 0.5em !important;
   margin-left: 0px !important;
   border-left-width: 0.5em !important;
   border-left-color: #4f7db6 !important;
   border-bottom-width: 1px !important;
   border-bottom-color: #ccc !important;
   border-bottom-style: dotted !important;
}
/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08{
   padding-top: 6px !important;
   padding-left: 0.5em !important;
   margin-left: 0px !important;
   border-left-width: 0.5em !important;
   border-left-color: #4f7db6 !important;
   border-top-width: 1px !important;
   border-top-color: #ccc !important;
   border-top-style: dotted !important;
   border-bottom-width: 1px !important;
   border-bottom-color: #ccc !important;
   border-bottom-style: dotted !important;
   border-right-width: 1px !important;
   border-right-color: #ccc;
}
/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01{
   margin-bottom: 5px;
   margin-right: 23px;
}
/* 線囲み 1 (実線) */
.hpb-parts-cbox-02{
   margin-bottom: 5px;
   margin-right: 23px;
}
/* 線囲み 2 (点線) */
.hpb-parts-cbox-03{
   margin-bottom: 5px;
   margin-right: 23px;
}
/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04{
   margin-bottom: 5px;
   margin-right: 23px;
}
/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01
{
   }
/* 余白あり */
.hpb-parts-img-02
{
   }
/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03
{
   }
/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04
{
   }
/* 複数写真ボックス 左端用 */
.hpb-parts-img-05
{
   }
/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06
{
   }
/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07
{
   }
/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08
{
   }
/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01
{
   }
/* 水平線 2 (実線・太) */
.hpb-parts-hr-02
{
   }
/* 水平線 3 (点線・細) */
.hpb-parts-hr-03
{
   }
/* 水平線 4 (点線・太) */
.hpb-parts-hr-04
{
   }
/* 水平線 5 (破線・細) */
.hpb-parts-hr-05
{
   }
/* 水平線 6 (破線・太) */
.hpb-parts-hr-06
{
   }
/* 水平線 7 (2重線) */
.hpb-parts-hr-07
{
   }
/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01
{
   }
.hpb-parts-pbox-01 h4{
   margin-bottom: 0.5em;
}
/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060
{
   }
/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120
{
   }
/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180
{
   }
/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240
{
   }
/* 線囲み */
.hpb-parts-pbox-02
{
   }
.hpb-parts-pbox-02 h4{
   margin-bottom: 0.5em;
}
/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060
{
   }
/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120
{
   }
/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180
{
   }
/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240
{
   }
/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc
{
   }
.hpb-parts-pbox-desc h4{
   margin-bottom: 0.5em;
}
/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060
{
   }
/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060
{
   }
/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060
{
   }
/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120
{
   }
/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120
{
   }
/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120
{
   }
/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180
{
   }
/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180
{
   }
/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180
{
   }
/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240
{
   }
/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240
{
   }
/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240
{
   }
/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060
{
   }
/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060
{
   }
/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060
{
   }
/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120
{
   }
/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120
{
   }
/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120
{
   }
/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180
{
   }
/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180
{
   }
/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180
{
   }
/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240
{
   }
/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240
{
   }
/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240
{
   }
/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01{
   clear: both;
}
.hpb-parts-blist-01 ul{
   margin-bottom: 5px;
}
.hpb-parts-blist-01 li{
   border-bottom: none !important;
   padding: 2px !important;
   padding-left: 0 !important;
   background-image: none !important;
}
.hpb-parts-blist-01 li a{
   padding: 7px !important;
}
/* 文字型 2 */
.hpb-parts-blist-02{
   clear: both;
}
.hpb-parts-blist-02 ul{
   margin-bottom: 5px;
}
.hpb-parts-blist-02 li{
   border-bottom: none !important;
   padding: 2px !important;
   padding-left: 0 !important;
   background-image: none !important;
}
.hpb-parts-blist-02 li a{
   border-style: dotted;
}
/* 文字型 3 */
.hpb-parts-blist-03{
   clear: both;
}
.hpb-parts-blist-03 ul{
   margin-bottom: 5px;
}
.hpb-parts-blist-03 li{
   border-bottom: none !important;
   padding: 2px !important;
   padding-left: 0 !important;
   background-image: none !important;
}
.hpb-parts-blist-03 li a{
   border-left-width: 1em;
   border-right-width: 1em;
   border-right-style: solid;
   border-top-style: dotted;
   border-bottom-style: dotted;
}
/* 画像付き 1 */
.hpb-parts-blist-04
{
   }
.hpb-parts-blist-04 ul{
   margin-bottom: 5px;
}
.hpb-parts-blist-04 li{
   border-bottom: none !important;
   padding: 2px !important;
   padding-left: 0 !important;
   background-image: none !important;
}
.hpb-parts-blist-04 li a
{
   }
.hpb-parts-blist-04 li a img
{
   }
/* 画像付き 2 */
.hpb-parts-blist-05
{
   }
.hpb-parts-blist-05 ul
{
   }
.hpb-parts-blist-05 li{
   border-bottom: none !important;
   padding: 2px !important;
   padding-left: 0 !important;
   background-image: none !important;
}
.hpb-parts-blist-05 li a{
   border-style: dotted;
}
.hpb-parts-blist-05 li a img
{
   }
.none{
   text-decoration : none;
}
#service_c{
   border-width : 1px;
   border-style : dashed;
   border-color : #0855a4;
   width : 280px;
   margin-left : 10px;
   margin-right : 10px;
   margin-bottom : 10px;
   display: inline-block;
   /* インラインブロック化 */
    vertical-align: top;
   position:relative;
   padding-top : 5px;
   padding-left : 5px;
   padding-right : 5px;
   padding-bottom : 5px;
}
#service_c img{
   width : 100%;
}
#service_c h4{
   padding-top : 10px;
}
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#service{
   text-align : center;
}
#service_b{
   text-align : left;
   max-width: 646px;
   margin: 0 auto;
}
#box{
   position: relative;
   width: 100%;
   height: 100%;
   padding: 42.6% 0 0;
}
#box .inner{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.box_top{
   width: 100%;
   position: relative;
   background : url(moderator_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top2{
   width: 100%;
   position: relative;
   background : url(hearse_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top2.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top2.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top2 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top3{
   width: 100%;
   position: relative;
   background : url(gift_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top3.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top3.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top3 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top4{
   width: 100%;
   position: relative;
   background : url(flower_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top4.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top4.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top4 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top5{
   width: 100%;
   position: relative;
   background : url(recruit_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top5.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top5.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top5 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top6{
   width: 100%;
   position: relative;
   background : url(company_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top6.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top6.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top6 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top7{
   width: 100%;
   position: relative;
   background : url(contact_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top7.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top7.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top7 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
.box_top8{
   width: 100%;
   position: relative;
   background : url(privacy_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   margin-bottom: 20px;
}
.box_top8.boxtop02{
   -webkit-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
}
.box_top8.boxtop02::before{
   content:"";
   display: block;
   padding-top:31%;
}
.box_top8 h4{
   position : absolute;
   top : 0px;
   left : 0px;
   width : 45%;
   padding-top : 3px;
   padding-left : 3px;
   padding-right : 3px;
   padding-bottom : 3px;
   margin-top : 3px;
   margin-left : 3px;
   margin-right : 3px;
   margin-bottom : 3px;
}
#flower_img{
   width : 48%;
   margin-left : 1%
   margin-right : 1%;
   margin-bottom : 1%;
   display: inline-block;
   /* インラインブロック化 */
    vertical-align: top;
   position:relative;
}
#flower_img img{
   width: 100%;
   height: auto;
}
#flower2_img{
   width : 23%;
   margin-left : 1%
   margin-right : 1%;
   margin-bottom : 1%;
   display: inline-block;
   /* インラインブロック化 */
    vertical-align: top;
   position:relative;
}
#flower2_img img{
   width: 100%;
   height: auto;
}
#link_sp img{
   margin-bottom : 8px;
   width: 100%;
   height: auto;
}
.tel a:link{
   color: white ;
}
.tel a:visited{
   color: white ;
}
.tel a:hover{
   color: gray ;
}
.tel a:active{
   color: gray ;
}
.sns{
   text-align : right;
}
.sns > li{
   display: inline-block;
   vertical-align: top;
   margin : 0px;
   border-top-width : 0px;
   border-left-width : 0px;
   border-right-width : 0px;
   border-bottom-width : 0px!important;
   background-repeat : no-repeat;
   background-position : 999px 999px!important;
   font-size : 5px;
}
.sns > li:first-child{
   margin-left: 0;
}
.sns > li:last-child{
   margin-right: 0;
}
.sns iframe{
   margin: 0 !important;
}