@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ====================
    COMMON
==================== */
/* 200702_グローバルナビ修正 */
@media print,screen and (min-width: 768px) {
  .c-header .c-nav-global__list > ul > li:nth-last-child(-n+3){
    border-right: 0;
  }
}
.c-nav-global__list ul #sp_seminarLink{display: none;}

/* 200702_ホルナビ塾をサイドに固定表示 */
#footer #FixMenu{display: none;}
.fixmenu_seminar{
	position: fixed;
	right: -4px;
	top: 194px;
	width: 55px;
	box-sizing: border-box;
	z-index: 300;
}
.fixmenu_seminar a{
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: block;
    cursor: pointer;
	width: 100%;
	height: 188px;
    padding: 32px 0 0 0;
    text-align: center;
    color: #ffffff !important;
    letter-spacing: 0.25em;
    line-height: 60px;
    font-weight: 700;
    font-size: 16px;
    font-family: 'arial', 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #00a7ac url("../img/ico_brochure.png") 14px 26px no-repeat;
    text-decoration: none;
    background-size: 26px;
    border-radius: 6px;
    box-sizing: content-box;
    opacity: 1.0;
    transition: .1s opacity linear;
}
.fixmenu_seminar a:hover{
    text-decoration: none;
    opacity: .75;
}

/* 230907_グロナビ（「製品をさがす」の文字サイズを調整） */
.c-nav-global__list > ul > li[data-page=product] > a {
    font-size: 1.6rem;
}



/* ====================
    TOP
==================== */

/* 200408_ホルナビロゴ画像の追加 */
.c-page-home__about-contents [data-col-type=text] h3.cutom_horunavilogo{
    background: url("../img/logo-horunavi.jpg") no-repeat right center;
    background-size: contain;
    margin: 0 0 30px;
    padding: 6px 0 0 0;
}
/* 200401_ホルナビセミナーcomingsoon */
/* .c-page-home__links > p a.ban_seminar {
    cursor: auto;
}
.c-page-home__links > p a.ban_seminar::before {
    transition: none;
}
.c-page-home__links > p a.ban_seminar:hover::before {
    opacity: 1.0;
    background: inherit;
}*/


/* 200702_メインビジュアルでセミナー情報フローティング */
.c-hero{
    position: relative;
}
.c-hero #seminarBox{
    width: 240px;
    z-index: 2;
    position: absolute;
    top: 45px;
    right: 5.5%;
}
.c-hero #seminarBox a{
    cursor: pointer;
    opacity: 1.0;
    transition: opacity .1s linear;
}
.c-hero #seminarBox a:hover img{opacity: 1;}
.c-hero #seminarBox a:hover{opacity: .75;}
.c-hero #seminarBox p{
    position: absolute;
    right: 2px;
    top: 2px;
    width: 33px;
    height: 33px;
    z-index: 99;
    cursor: pointer;
}
.c-hero #seminarBox.btn_close{display: none !important;}


/* 210402_サイドの固定メニューを「カタログを見る」に変更 */
.c-page-home__links {
    margin-bottom: 0px !important
}
#anc_catalog{
    padding-top: 170px;
    margin-top: -100px;
}

/* 210402_カタログNEWアイコン */
ul.c-page-home__catalog-list li,
ul.catalog-list li{ position: relative;}

ul.c-page-home__catalog-list li .ico_catalog_new,
ul.catalog-list li .ico_catalog_new{
  position: absolute;
  display: table;
  width: 66px;
  height: 25px;
  border: 1px solid #00a7ac;
  background: #ffff00;
  color: #00a7ac;
  font-size: 0.8em;
  font-weight: 800;
  top: -6px;
  right: -10px;
  z-index: 1;
}
ul.catalog-list li .ico_catalog_new{
  top: 6px;
}
ul.c-page-home__catalog-list li .ico_catalog_new span,
ul.catalog-list li .ico_catalog_new span{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}



/* ====================
    PRODUCTS
==================== */

/* 200401_製品（2dmg） */
.c-content-main .cutom_2dmg{
    display: block;
    text-align: center;
}
.c-content-main .cutom_2dmg > div{
    width: 40%;
    display: inline-block;
    padding: 0 1.8%;
}

/* 200401_製品（3dmg） */
.c-content-main .custom_3dmg{}
.c-content-main .custom_3dmg > div{
    width: 230px;
    display:inline-block;
    margin: 0 16px 0 0;
}
.c-content-main .custom_3dmg > div:nth-of-type(3){
    width: 468px;
    margin: 0;
}
.c-content-main .custom_3dmg > div > img{
    width: 100%;
    vertical-align: bottom;
}

/* 200406_製品（3dmc） */
.c-content-main .custom_3dmc{}
.c-content-main .custom_3dmc > div:nth-of-type(2){
    width: 628px;
    margin: 0;
}

/* 200408_製品（iDig） */
article.custom_densen{
    width: 800px;
    margin: 0 auto;
}
article.custom_densen .densen-logo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
    margin-bottom: 40px;
}
article.custom_densen .densen-logo a{width: 305px;}
.densen-logo p{
    width: 490px;
    font-size: 13px;
    margin: 0;
}
article.custom_densen2 {
    width: 960px;
    margin: 0 auto 20px;
    align-items: flex-start;
    border-top: #DDDDDD solid 1px;
    padding: 50px 60px 0;
}
@media only screen and (max-width: 767px) {
    article.custom_densen2 {
        width: 100%;
        padding: 50px 20px 0;
    }
}

article.custom_densen2 .densen-logo2 {
	display: flex;
	flex-wrap: wrap;
	width: 370px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
    article.custom_densen2 .densen-logo2 {
        width: 100%;
        margin-bottom: 60px;
    }
}

article.custom_densen2 .densen-logo2>a{
    width: 100%;
    min-height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    article.custom_densen2 .densen-logo2>a{
        width: 100%;
        min-height: auto;
    }
    article.custom_densen2 .densen-logo2>a img{
        max-width: 100%;
        width: auto;
    }
}

.densen-logo2 p{
    width: 490px;
    font-size: 13px;
    margin: 0;
}


article.custom_idig .d-flex{
    width: 740px;
    margin: 0 auto 60px;
    display: flex !important;
}
article.custom_idig .d-flex > div{
    margin: 0;
    padding: .5rem!important;
}
article.custom_idig #fixed,
article.custom_idig #fixed_sm{
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: center !important;
    align-items: center!important;
    justify-content: center!important;
}
article.custom_idig #fixed #idig_anim_pc{
    margin: 3.33% auto 0.3%;
}
article.custom_idig .d-flex .p-2 {
    margin: 0 auto !important;
}

/* 221223_製品（ICT建機認定制度） */
.c-page-sub__head-summary p > span{
    display: flex;
    margin-bottom: 5px;
    justify-content: right;
    align-items: center;
}
.c-page-sub__head-summary p > span img{
    width: 46px;
    margin-right: 8px;
}
.c-page-sub__head-summary p span img,
.c-page-sub__head-summary p span span{
    display: inline-block;
}



/* ====================
    INTERVIEW
==================== */
/* 200701_インタビュー（レンタル） */
.interview_rental .rentalyoutube {
    margin-bottom: 60px !important;
}


/* ====================
    JOBSITE
==================== */
/* 200827_ジョブサイト神戸導線 */
.c-content-main-jobsite-block .jobsite-map-item div[data-type=date]{
    border: none;
    padding: 0;
    margin: 0;
}
.c-page-sub[data-type=jobsite] .jobsite-map-item .morekoube {width: 100%;}
.c-page-sub[data-type=jobsite] .jobsite-map-item .morekoube a {
    display: block;
    background-color: #00a7ac;
    color: #ffffff;
    padding: 20px 0;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    position: relative;
}
.c-page-sub[data-type=jobsite] .jobsite-map-item .morekoube a::after {
  position: absolute;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
  top: calc(50% - 2px);
  right: 20px;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}



/* ====================
    PROCESS
==================== */
/* 230925_ICT活用工事の流れ_キャプション追加 */
.c-content-main .process-block .process-flow p.mt15{
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 1.6;
}






@media only screen and (max-width: 767px) {
/* ====================
    COMMON_SP
==================== */
/* 200702_グローバルナビ修正 */
.c-nav-global__list > ul > li[data-page=product] {
    margin: 0 auto 10vw;
}
.c-nav-global__list ul #sp_seminarLink{
    display: block;
    padding: 0 5.33333vw;
}
.c-nav-global__list ul #sp_seminarLink a{
    padding-left: 12vw;
    font-size: 4.8vw;
    background: #01aeb0 url(/pickup/horunavi/img/ico_brochure.png) no-repeat 10px center;
    background-size: 5.2vw;
    background-position-x: 4.0vw;
    padding-right: 15px;
    border-radius: 5px;
}
.c-nav-global__list ul #sp_seminarLink a::after{ display: none;}


/* 200702_ホルナビ塾をサイドに固定表示 */
.fixmenu_seminar{display: none;}

/* 230907_グロナビ（「製品をさがす」の文字サイズを調整） */
.c-nav-global__list > ul > li[data-page=product] > a {
    font-size: 4.8vw;
    font-weight: 500;
}


/* ====================
    TOP_sp
==================== */
/* 200408_ホルナビロゴ画像の追加 */
.c-page-home__about-contents [data-col-type=text] h3.cutom_horunavilogo{
    text-align: left;
    margin: 0 0 20px;
    padding: 0;
    letter-spacing: 0.05em;
    /*background: url("../img/logo-horunavi.jpg") no-repeat right center;
    background-size: contain;*/
}

/* 200702_メインビジュアルでセミナー情報フローティング */
.c-hero #seminarBox{
    display: none;
}

/* 210402_カタログNEWアイコン */
ul.c-page-home__catalog-list li .ico_catalog_new,
ul.catalog-list li .ico_catalog_new{
    top: -10px;
    right: 0px;
}
ul.catalog-list li .ico_catalog_new{
    top: 0px;
    right: 6px;
}


/* ====================
    PRODUCTS_sp
==================== */
/* 200401_製品（2dmg） */
.c-content-main .cutom_2dmg > div{
    width: 100%;
    display: block;
    padding: 0;
}

/* 200401_製品（3dmg） */
.c-content-main .custom_3dmg > div{
    width: 49%;
    display: inline-block;
    margin: 0 2% 2% 0;
}
.c-content-main .custom_3dmg > div:nth-of-type(2){ margin: 0 0 2% 0;}
.c-content-main .custom_3dmg > div:nth-of-type(3){width: 100%;}

/* 200406_製品（3dmc） */
.c-content-main .custom_3dmc{}
.c-content-main .custom_3dmc > div:nth-of-type(2){
    width: 65.5%;
    margin: 0;
}

/* 200408_製品（iDig） */
/*.body_idig .c-page-sub__main p{margin: 1em 0;}*/
article.custom_densen{width: 100%;}
article.custom_densen .densen-logo{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
    margin-bottom: 40px;
}
article.custom_densen .densen-logo a{
    width: 273px;
    display: block;
    margin: 0 auto 20px;
}
.densen-logo p{
    width: 100%;
    font-size: 14px;
}
article.custom_idig .d-flex{
    width: 100%;
    margin: 0 auto 30px;
    display: flex !important;
}
article.custom_idig .d-flex > div{
    margin: 0;
    padding: .2rem!important;
}
article.custom_idig #fixed_sm{display: flex !important;}

.densen-logo .out2{display: none;}


/* 221223_製品（ICT建機認定制度） */
.c-page-sub__head-summary p > span img{
    width: 34px;
}

/* ====================
    INTERVIEW_sp
==================== */
/* 200701_インタビュー（レンタル） */
.interview_rental .rentalyoutube {
    margin-bottom: 9.33333vw !important;
}

/* ====================
    JOBSITE_sp
==================== */
/* 200827_ジョブサイト神戸導線 */
.c-page-sub[data-type=jobsite] .jobsite-map-item .morekoube a {margin: 15px 0 0 0;}



/* ====================
    PROCESS_sp
==================== */
/* 230925_ICT活用工事の流れ_キャプション追加 */
.c-content-main .process-block .process-flow p.mt15{
    font-size: 1.2rem;
}




}

/* 20220711 改修 */
@media (max-width:767px){
	.bge-contents .product-3dmc-sec02,
    .c-content-main .product-3dmc-sec02{
		padding-bottom:9.33333vw;
	}
}

.model-list dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.0rem;
	margin: 40px 0 0 0;
	line-height: initial;
}
@media (max-width:767px){
	.model-list dl{
	margin: 24px 0 0 0;
}
}
@media (max-width:767px){
	.model-list dl{
	display: block;
	font-size: 5vw;
}
}
.model-list dl dt{
	font-weight: bold;
	color: #fff;
	padding: 0.35em 1.75em;
	border-radius: 50px;
	background: #00a7ac;
	margin-right: 16px;
}
@media (max-width:767px){
	.model-list dl dt{
	display: table;
	margin:0 auto 16px;
}
}
	.model-list dl dd{
	margin: 0;
}
@media (min-width:768px){
	.model-list dl dd{
	margin-top: 0.35em;
}
}

/* 250609_省人化認定マーク追加 */
.c-page-sub__head-summary p > span .imgict{
    width: 105px;
}

.flex_end{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	text-align: -webkit-right;
	width: 1240px;
    padding: 0 140px;
    margin: 0 auto;
}

.flex_end .c-page-sub__head-summary{
	width: 35%;
	padding: 0;
	margin: 0;
}

.c-page-sub__head-summary p[data-type=engcon] .ict_labor{
	width: 50%
}
.flex_end.c-page-sub__head-summary p[data-type=engcon]{
    margin: 16px 0 -16px 16px;
}

@media (max-width:767px){
.flex_end{
	display: block;
	width: 100%;
	padding: 0 5.33333vw;
}
.flex_end .c-page-sub__head-summary{
	width: 100%;
}
.c-page-sub__head-summary p[data-type=engcon] .ict_labor {
    width: 100%;
}
.c-page-sub__head-summary p > span .imgict {
    width: 70px;
}
}



.w65 {
    width: 65%!important;
}
.w75 {
    width: 75%!important;
}
.w30 {
    width: 30%!important;
}
.w25 {
    width: 25%!important;
}
.font-bold{
    font-size: 1.35em;
}
.small_title{
    font-size: 0.75em;
}
.note{
    font-size: 0.8em;
}
.constplan_pdf a::after {
    content: "";
    display: inline-block;
    margin: 0 0 0 6px!important;
    width: 13px!important;
    height: 13px!important;
    background: url(/pickup/horunavi/img/icon-link.png) no-repeat left top!important;
    background-size: 100% auto!important;
}
@media (max-width:767px){
.w65{
    width: 100%!important;
}
.w75{
    width: 100%!important;
}
.w30 {
    width: 65%!important;
    margin: 0 auto;
}
.w25 {
    width: 50%!important;
    margin: 0 auto;
}
.mv_2dmcmg[data-type=img] img {
    height: auto;
}
.mv_2dmcmg[data-type=img] h1 {
    height: auto;
}
}