@charset "UTF-8";


.marginT06, .Usually__box.-p00, .Usually__box.-p01, .Usually__box.-p02, .Usually__heading.-p02, .Usually__panel, .Usually__grid, .Usually__pageNavi, .Usually__table {
    margin-top: 30px;
}



.marginB02, .Footer__head .Logo__mark, .IndexService__head, .ArchiveA__subItem:not(:last-of-type), .SingleA__subItem:not(:last-of-type), body.-news .SingleA__meta, .Usually__box.-p03, .Usually__box.-p04, .Usually__box.-p05, .Usually__heading.-p00, .Usually__heading.-p01, .Usually__heading.-p02, .Usually__heading.-p04, .Usually__heading.-p06, .Usually__heading.-p07, .Usually__heading.-p09, .Usually__img, .Usually__hr, .Company__table {
    margin-bottom: 30px;
}




.marginB01, .CardA__img, .CardA__badge, .CardB__meta, .CardB__head, .SingleA__meta, .Usually__heading.-p05, .Usually__button {
    margin-bottom: 18px;
}



/*ガロプロメンテのキャッチコピー調整*/
.Slide__discription {
    margin-bottom: 10px;
}



/*ここからアニメの調整*/
.Slide__img.-variation01 > img
{
    -webkit-transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
         -o-transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
            transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
    -webkit-transform: scale(1.35);
        -ms-transform: scale(1.35);
            transform: scale(1.35);
}

.Slide__target::before
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;
    visibility: visible;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
         -o-transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
            transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1) .0s;
    opacity: 1;
    background-color: #000;
}

/*流れページYOUTUBE埋め込み*/
.movie-wrap {
	width: 80%;
	margin: 50px auto 50px;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*LPガスページガス価格テーブル右端調整*/
th.m_rightobjct {
    font-weight: bold;
    border-left: thin solid #bfbfbf;
}
/*LPガスページガスキャプション位置右へ移動（JSでカーソル右に調整したことで対応）*/
.TableA__caption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 1em !important;
    caption-side: bottom;
    text-align: right;
}
/*ガロプロページアイコンサイズ調整*/
.PanelB__fig{
	width: 65%
}
/*ガロプロページ スクロールフェードインその1*/
.fadein1 {
    opacity : 0;
    transform : translate(0px, 65px);
    transition : all ease 1.6s;
    }

.fadein1.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/*ガロプロページ スクロールフェードインその1*/
.fadein2 {
    opacity : 0;
    transform : translate(-40px, 0px);
    transition : all ease 1.6s;
    }

.fadein2.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/*ガロプロページ スクロールフェードインその1*/
.fadein3 {
    opacity : 0;
    transform : translate(40px, 0px);
    transition : all ease 1.6s;
    }

.fadein3.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
/*ガロプロページ スマホでの右の隙間対策*/
body.-about-us .Page__main {
    overflow-x: hidden;
}
/*TOP　MVのHFのオーバーレイ打消し削除*/
.Slide__img.-var02::before {
    position: absolute;
    z-index: 2;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, 0);
}

/*ハローファクトリーページMV　margin調整　スマホの表示が安定せずborderで表現*/
.Slide__target_02{
border-bottom: 50px solid #ffffff;
}

/*お役立ち情報のカテゴリの色*/
.rectangle
{
    font-family: 'Prompt', sans-serif;
    font-size: 11.5px;
    font-size: 1.15rem;

    display: inline-block;

    padding: .3em .3em .25em;
margin-right: .3em;
	margin-bottom: 3px;
  white-space: normal;
letter-spacing: -0em;
    color: #fff;
}

a.rectangle.-variation01
{
    font-family: 'Prompt', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;

    display: inline-block;

    padding: .3em .3em .25em;
margin-right: .3em;
	margin-bottom: 8px;
  white-space: normal;
letter-spacing: -0em;
    color: #fff;
}

.rectangle.-blog
{
    background-color: #2ea7e0;
}

.rectangle.-hello-factory
{
    background-color: #df001f;
}

.rectangle.-information
{
    background-color: #80b13f;
}

.rectangle.-mailmagazine
{
    background-color: #f15a24;
}

.rectangle.-hellofactory-news /*追加カテゴリ　HF新着*/
{
    background-color: #DC5A82;
}
.rectangle.-default
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;

    background-color: #eb000f;
}

.rectangle.-variation01
{
    font-size: 16px;
    font-size: 1.6rem;
}

/*アバウトページ　メンテぺージへのバナー*/
.brand_Servicebanner_area{
	margin-top: 30px;
	margin-bottom: -50px;
	transition: 0.9s;
}
.brand_Servicebanner_area:hover{
	opacity: 0.7;
}
/*メンテページ　MV幅コントロール*/
.-maintenance .Slide {
    max-width: 1200px !important;
    margin-right: auto;
    margin-left: auto;
}
/*SPメンテページ　上部バナー群marginまわり*/
@media screen and (max-width: 780px){
.GridA {
    margin-right: 5%;
    margin-left: 5%;
	margin:0 5% 0px;
   
}
/*SP英字見出し 調整*/
.Heading.-format03, .-format03.Usually__heading {
    font-family: 'Montserrat', sans-serif;
	font-weight: bold;
    padding-top: 50px;
    border-top: 10px solid #eb000f;
    line-height: 1.2;
	
}
.Heading__sub {
    margin-top: 10px;
}
/*SPサムネ下margin 調整*/
.marginB01, .CardA__img, .CardA__badge, .CardB__meta, .CardB__head, .SingleA__meta, .Usually__heading.-p05, .Usually__button {
    margin-bottom: 8px;
}
/*SP　TOPサービスサムネ下margin 調整*/
.Thumbnail.-variation02 {
    FONT-WEIGHT: 500;
    padding-bottom: 55%;
}
}

/*ソリューションDB　調整*/
body.-post .Post h4 {
margin: 2.3em 0 1.0em !important;
}
body.-post .Post h5, body.-post .Post h6 {
margin: 1.1em 0 0.3em !important;
}
body.-post .Post h5 {
font-size: max(20px, min(2.0vw, 24px));
/*font-size: max(24px, min(2.5vw, 30px));*/
}
body.-post .Post .type01 {
font-size: 100%;
}

.-post .Post h5.Heading {
    font-size: max(16.5px, min(1.85vw, 20px));
    /* font-size: max(24px, min(2.5vw, 30px)); */
}

/* 中サイズ画像の配置調整 */
.img_single_middle{

    width: 50% !important;
    min-width: 250px !important;
    max-width: 500px !important;
    display: block;
    margin-left: 0 !important; /* 左寄せ */
    margin-right: auto !important; /* 左寄せ */
}
@media (max-width: 767px) {
    .img_single_middle {
        width: 100% !important;
        padding-left: 8% !important;
        padding-right: 8% !important;
		
    }
}
/* 中大サイズ画像の配置調整 */
.img_single_middle-big{
width: 75% !important;
min-width: 400px !important;
max-width: 900px !important;
display: block;
margin-left: 0 !important; /* 左寄せ */
margin-right: auto !important; /* 左寄せ */
}
@media (max-width: 767px) {
.img_single_middle-big {
width: 100% !important;
padding-left: 8% !important;
padding-right: 8% !important;
		
    }
}
/* 投稿エリア内基本文字仕様 */
.Post{
line-height: 1.85;
letter-spacing: 0.02em;
}
/* 工場改善データベース 資料ダウンロードエリアの非表示等の調整*/
.UserContact__main.improvement_elm .UserContact__item:first-child{
display:none;
}


.UserContact__main.improvement_elm .UserContact__item:nth-child(2){
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
@media (max-width: 600px) {
        width: 100%;
}

/* 実績アーカイブページ カテゴリ・タグのstyle修正*/
@media (max-width: 767px) {
.CategoryNavi__main .CategoryNavi__item{
margin-right: 0.85em;
margin-bottom: -7px;
font-size: calc((12 / 10)* 1rem);
letter-spacing: 0.01em;
}
}

/* クイックタグのリスト要素パターン追加*/
/* オリジナルcheckList調整*/
body.-post .Post .checkList {
	width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
body.-post .Post .checkList  > li {
    font-size: 18px;
    position: relative;
    padding: 1em 0.5em 1em 2.5em;
    font-weight: 700;
    line-height: 1.6;
    border-top: thin solid #d6d9dc;
}
body.-post .Post .checkList {
	width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* checkList_val02*/
body.-post .Post .checkList_val02  > li {
    font-size: 18px;
    position: relative;
    padding: 1em 0.5em 1em 1.5em;
    font-weight: 700;
    line-height: 1.6;
    border-top: thin solid #d6d9dc;
}
body.-post .Post .checkList_val02  > li::before {
    content: "●";
    position: absolute;
    
    left: 0;
    font-size: 18px;
    color: #DF001F;
    width: auto;
    height: auto;
    background: none;
}
body.-post .Post .checkList_val02 > li:last-of-type {
    border-bottom: thin solid #d6d9dc;
}
/* text_deco_001 赤太字*/
body.-post .Post .text_deco_001{
	color: #DF001F;
	font-weight: bold;
}
/* text_deco_001 赤太字 文字サイズ大*/
body.-post .Post .text_deco_002{
	font-size:118%;
	color: #DF001F;
	font-weight: bold;
}

.Header__head br{
    display: none;
}
/* 画像が90%サイズになるのを解除*/
body.-post .Post p img, body.-post .Post div img {
    display: block;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* クイックタグの微調整*/
.Post .checkList,.Post .checkList_val02{
	margin-top:-10px;
	margin-bottom:25px;
}

/* もしどこかで nowrap が入っていたら打ち消す */
.SingleA__main th, .SingleA__main td { white-space: normal; }

/* 画像やコードブロックも表内で暴れることがある */
.SingleA__main img { max-width: 100%; height: auto; }
.SingleA__main code, .SingleA__main pre { white-space: pre-wrap; }

/* 改善DB共通*/
.text-normal{
font-weight:normal;
}

/* 文頭あしらい*/
body.-post .Post .asirai001::before {
  content: "━";
  color: #DF001F;
  font-size: 1.0em;
  font-weight: bold;
	margin-right: 0.3em; /* 必要に応じて調整 */
}