@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:#424242}a:hover { color:#bababa}
/* css setting */
/*　---------------　↓↓↓20200427 ブログ追加↓↓↓　------------------　*/
div.ccm-pagination span.ccm-page-left ,div.ccm-pagination span.ccm-page-right {
display: none;
}
div.ccm-pagination > .active {
background-color: #ffffff!important;
color: #424242;
}
div.ccm-pagination span {
margin: 0.5rem;
}
.ccm-pagination {margin-top:1rem;}
div.ccm-pagination span {
margin: 0.2rem;
background: #cc1925;
padding: 0.25rem 0.5rem;
font-weight: bold;
font-size: 1rem;
}
div.ccm-pagination span a {
color:#fff;
}
div.ccm-pagination span :hover {
color:#424242;
}
div.ccm-pagination > .active :hover {
color: #cc1925;
}

/*タグ*/
.blog-pg .col-1 {background-color: #ededed; padding:0.3rem 0.8rem ;}
.blog-pg .tk_kiji {padding-left:1rem;}
/*.blog-pg .tk_tags_time {color:#fff;}*/
.blog-pg .tk_tags{
line-height: initial;
}
/*　コンポーザー下部ページリスト　*/
.tk_tags {
padding: 0.3rem 0.8rem;
font-size: 0.8rem;
color: #fff;
}
.tk_tags_Flag_flagBs , .flag-tag1{ background-color: #cc1925!important;}
.tk_tags_Flag_flagCs , .flag-tag2{ background-color: #cc1925!important;}
.tk_tags_Flag_flagDs , .flag-tag3{ background-color: #cc1925!important;}
.tk_tags_Flag_flagEs , .flag-tag4{ background-color: #cc1925!important;}

.tk_title { font-size:1rem; }
.tk_kiji { font-size:0.8rem; }

@media screen and (max-width: 498px) {
.blog-pg .tk_title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
width: calc(100% - 1rem);
padding-left: 1rem;
}
.blog-pg .tk_title .tk_tags{
width: 60px;
margin-bottom: 0.3rem;
}
}
.con_pagelist a{color:#fff;}

/*　ボーダー関連　*/
 .tk_flex, .con_pagelist .tk_flex{padding:1.5rem 0; }
.con_pagelist .tk_flex {border-bottom: 1px solid #909ba7;}
.tk_flex:last-child , .blog-pg  .tk_flex:last-child ,
.con_pagelist .tk_flex:last-child
{border-bottom: 0px solid #fff;}

/*　---------------　↑↑↑20200427 ブログ追加↑↑↑　------------------　*/


/*　トップページ_サービスボタン追加　*/

.top_service_btn .fs_btn_text_main {
font-size:0.8rem;
/*font-weight: bold;*/
}
.top_service_btn .fs_btn_text_sub {
font-size:1.1rem;
font-weight: bold;
}

.top_service_btn .fs_btn {
padding:1.5rem 0 ;
line-height:1.5rem;
}


/*デフォルト*/
a   {
text-decoration:none;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}

.iblock {
display: inline-block;
}

@media screen and ( max-width: 480px ) {
.sp_none {
display: none;
}
}

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

.cuosor {
  pointer-events: none ;
  cursor: default ;
}


/*-----------------　ヘッダーナビゲーションメニュー　-----------------*/

/*
#header-2-4 ul#fsNavMenuList li:nth-child(6),
#header-2-4 ul#fsNavMenuList li:last-child {
display: none;
}*/

/*
@media screen and ( max-width: 480px ) {
#header-2-4 ul#fsNavMenuList li:nth-child(6),
#header-2-4 ul#fsNavMenuList li:last-child {
display: block;
}
}*/


/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.2;
    border-bottom: 1px solid #cc1925;
}
.fat-nav li a {
    border-bottom: 0px solid #fff;
}
.fat-nav li .sub_title{
    font-size: 0.9rem;
}
.fat-nav{
    background: rgba(20, 20, 20, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #cc1925;
}

.topfix_A {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}


/*-----------------　フッター　-----------------*/

@media screen and ( max-width: 768px ) {

#footer #footer-3Parent .gridN4 {
width: 45%;
text-align: right;
}

#footer #footer-3Parent .gridN4 img {
width: 94%;
max-width:280px;
}

#footer #footer-3Parent .gridN8 {
width: 55%;
}

#footer #footer-4Parent .gridN3 {
width: 100%;
}

#footer #footer-4Parent .gridN3 .fs_content {
text-align: center !important;
}

}

@media screen and ( max-width: 480px ) {
#footer #footer-2Parent .rrh-breakpoint .gridN3  {
width: 25%;
width: -webkit-calc((100% / 12)*3);
width: -moz-calc((100% / 12)*3);
}

#footer #footer-3Parent .gridN4,
#footer #footer-3Parent .gridN8 {
width: 100%;
text-align: center;
}

#footer #footer-3Parent .gridN8 .fs_content {
margin-bottom: 3rem;
padding-top: 1rem;
text-align: center !important;
}

#footer #footer-3Parent #footer-3-2 .fs_button {
margin: 0 0 0.5rem;
}

#footer #footer-3Parent #footer-3-2 .fs_button .fs_btn {
width: 100%;
}

}

.f_navi a:hover{
    opacity: 0.5;
    transition:0.3s;
}

/*-----------------　トップページのコンテンツボタン　-----------------*/
.contents-btn{
background-color: rgba(53,0,16,0.45);
transition:0.6s;
}

.linkover:hover + .contents-btn {
background-color: rgba(53,0,16,0);
transition:0.6s;
}

.linkover-area {
position: relative;
}

.linkover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.linkover p {
width: 100%;
height: 100%;
}

.linkover a {
width: 100%;
height: 100%;
text-indent: -9999px;
background-color: #fff;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: opacity .6s;
display: block;
}

.linkover a.white:hover {
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
opacity: 0.2;
-moz-opacity: 0.2;
-webkit-opacity: 0.2;
}

@media screen and ( max-width: 768px ) {

#areaStyleArea31Layout1Cell1112 {
margin: 0;
}

.topbnr .ccm-layout-table .ccm-layout-col {
width: 94% !important;
margin: 0 auto 1rem auto !important;
float: none;
}

}

@media screen and ( max-width: 480px ) {
#topfloatbox .r-gridN6 {
width: 50% !important;
float: left !important;
}

}

/*　トップボタン - space　*/
@media screen and (min-width: 1601px) { .top_btn{ padding:10rem 2rem;} }
@media screen and (max-width: 1600px) { .top_btn{ padding:8rem 2rem;} }
@media screen and (max-width: 1400px) { .top_btn{ padding:7rem 2rem;} }
@media screen and (max-width: 1200px) { .top_btn{ padding:6rem 2rem;} }
@media screen and (max-width: 1024px) { .top_btn{ padding:5rem 2rem;} }
@media screen and (max-width: 768px) { .top_space{ padding:3rem 2rem;} }



/*-----------------　下層ページタイトル　-----------------*/
@media screen and ( max-width: 768px ) {
#ttlarea .r-gridN3 {
display: none;
}

#ttlarea .r-gridN6 {
width: calc((100% / 12)*12);
width: -webkit-calc((100% / 12)*12);
width: -moz-calc((100% / 12)*12);
margin: 0 auto;
float: none;
}

#ttlarea .fs_content {
padding: 0 2rem;
}

}


/*-----------------　メッセージ　-----------------*/

.col_greeting_message .r-gridN6 .r-gridN12 .fs_content table tr td {
vertical-align: middle;
}

@media screen and ( max-width: 768px ) {

#ttlarea.ttlarea_message {
background-image: url(../../../../files/9515/1315/7086/bg_ttl_message_sp.jpg);
background-repeat: no-repeat;
}

.col_greeting_message {
padding: 25rem 0 0 0;
background-image: url(../../../../files/9015/1315/8667/bg_message_sp.jpg) !important;
background-position: center top !important;
}

#fs_block2207 {
padding: 0 0.5rem 1rem !important;
text-align: center;
}

.col_greeting_message .r-gridN6  {
width: 100%;
width: -webkit-calc((100% / 12) * 12);
width: -moz-calc((100% / 12) * 12);
width: calc((100% / 12) * 12);
}

.col_greeting_message .r-gridN6 table  {
width: 200px !important;
margin-right: 1.5rem;
}

.col_greeting_message .r-gridN6.last {
display: none;
}

.col_guideline_message .r-gridN2 {
width: calc((100% / 12) * 4);
width: -webkit-calc((100% / 12) * 4);
width: -moz-calc((100% / 4) * 4);
}

.col_guideline_message .r-gridN5 {
width: calc((100% / 12) * 8);
width: -webkit-calc((100% / 12) * 8);
width: -moz-calc((100% / 4) * 8);
}

.col_guideline_message .r-gridN5.ccm-layout-col-3 {
width: calc((100% / 12) * 12);
width: -webkit-calc((100% / 12) * 12);
width: -moz-calc((100% / 12) * 12);
padding: 1.5rem 0 0 0;
float: none;
clear: both;
}

#fs_block1261 {
padding-top: 0 !important;
}

.col_guideline_message .r-gridN2 .fs_image {
padding: 0 1.2rem !important;
}

#fs_block603 {
padding: 2.5rem 0 0 0 !important;
}
}

@media screen and ( max-width: 480px ) {

.col_guideline_message .r-gridN2  img {
width: 35%
}

#fs_block1264 {
padding-top: 1.5rem !important;
}

}

/*-----------------　伝票をとどける物語　-----------------*/
@media screen and ( max-width: 768px ) {

.col_story .r-gridN10 .r-gridN2 {
	display: none;
}

.col_story .r-gridN10 .r-gridN8 {
width: calc((100% / 12)*12);
width: -webkit-calc((100% / 12)*12);
width: -moz-calc((100% / 12)*12);
float: none;
}

}

@media screen and ( max-width: 480px ) {
#ttlarea.ttlarea_story .r-gridN2 {
display: none;
}

.col_story .r-gridN10 .r-gridN8 .fs_content {
padding: 0 4%;
}

}

/*-----------------　会社概要　-----------------*/
.tbl_company1 .ccm-layout-row {
width: 100%;
display: table;
}

.tbl_company1 .ccm-layout-row .r-gridN3 {
display: table-cell;
vertical-align: middle;
border-bottom: solid 1px #d0121c;
float: none;
}

.tbl_company1 .ccm-layout-row .r-gridN9 {
display: table-cell;
vertical-align: middle;
border-bottom: solid 1px #9e9e9e;
float: none;
}


@media screen and ( max-width: 768px ) {
#ttlarea.ttlarea_company {
background-image: url(../../../../files/9015/1332/3331/bg_ttl_company_sp.jpg);
background-repeat: no-repeat;
}

.col_company2 .ccm-layout-cell {
width: 49% !important;
margin-bottom: 2%;
}

.col_company2 .ccm-layout-col-2,
.col_company2 .ccm-layout-col-4 {
margin-right: 0;
}

.tbl_history_company .r-gridN6 {
width: calc((100% / 12)*12);
width: -webkit-calc((100% / 12)*12);
width: -moz-calc((100% / 12)*12);
float: none;
}

}
@media screen and ( max-width: 480px ) {

.mds_company img {
	width: auto;
	height: 3rem;
}

.lead_company1 {
padding: 0 1rem;
}

.col_company1 .r-gridN6 + .r-gridN6 {
display: none;
}

.col_tbl_company {
	margin: 0 1rem;
}

.col_tbl_company .mds_company  {
	text-align: center;
}

.tbl_company1 .ccm-layout-row {
display: block;
}

.tbl_company1 .ccm-layout-row .r-gridN3 {
display: inline-block;
}

.tbl_company1 .ccm-layout-row .r-gridN9 {
margin-bottom: 2rem;
display: block;
}

.tbl_company1 .ccm-layout-row .r-gridN9 .fs_content {
padding: 1rem 0 !important;
}

.col_company2 {
width: 90%;
max-width: 300px;
margin: 0 auto 4rem !important;
}

.col_company2 .ccm-area-styles {
	margin-bottom: 1rem;
}

.col_company2 .ccm-area-styles .fs_image img {
	width: auto;
	height: 10rem;
}

}


/*-----------------　採用情報　-----------------*/
.btn_recruit .fs_btn {
width: 90%;
max-width: 190px;
}

.btn_recruit_btm a {
	width: 40%;
	max-width: 490px;
	margin: 0 auto;
	padding: 1rem 0;
	color: #fff;
	font-size: 1.9em;
	text-align: center;
	line-height: 0.8em;
	background-color: #cc1925;
	display: block;
}

.btn_recruit_btm a span {
	font-size: 0.5em;
}

@media screen and ( max-width: 768px ) {

#ttlarea.ttlarea_recruit {
background-image: url(../../../../files/2415/1262/7823/bg_ttl_recruit_sp.jpg);
background-repeat: no-repeat;
}

.bnrarea_recruit .ccm-layout-table .ccm-layout-col {
width: 100% !important;
margin: 0 auto 1rem auto !important;
float: none;
}

}

@media screen and ( max-width: 480px ) {

.col_recruit1 .ccm-area-styles {
margin: 0 !important;
}

.col_recruit1 .r-gridN5 {
margin-bottom: 2rem  !important;
}

.col_recruit1 .r-gridN5 .r-gridN6 .fs_image,
.col_recruit1 .r-gridN4 .fs_image {
width: 50%;
margin: 0 auto 0.5rem;
}

.col_recruit1 .r-gridN5 .r-gridN6 .fs_content {
padding: 0 2rem;
}

#areaStyleArea21Layout2Cell1Layout2Cell1901 {
background-image: none;
}

}


/*-----------------　スタッフインタビュー　-----------------*/
.col_interview {
background-image: url(../../../../files/4315/1356/5343/bg_logo.jpg);
background-size: 480px auto;
background-position: 114% 24rem;
}

.col_interview .bg_img_interview {
background-position: right top !important;
background-size: 60% auto;
}

@media screen and ( max-width: 1200px ) {
.col_interview {
background-position: 114% 29vw;
}
}

@media screen and ( max-width: 768px ) {

.col_interview {
background-position: 140% 22vw;
}

#ttlarea.ttlarea_interview {
background-image: url(../../../../files/2015/1356/8455/bg_ttl_interview_sp.jpg);
background-repeat: no-repeat;
}

.col_interview#tanaka .bg_img_interview {
background-image: url(../../../../files/1015/1333/5800/bg_tanaka_sp.jpg);
background-size: 80% auto;
}

.col_interview#takeuchi .bg_img_interview {
background-image: url(../../../../files/6015/1333/9150/bg_takeuchi_sp.jpg);
background-size: 80% auto;
}

.col_interview#kimura .bg_img_interview {
background-image: url(../../../../files/1415/1333/9988/bg_kimura_sp.jpg);
background-size: 80% auto;
}

.col_interview#arima .bg_img_interview {
background-image: url(../../../../files/9215/1334/1306/bg_arima_sp.jpg);
background-size: 80% auto;
}

.col_interview#miwa .bg_img_interview {
background-image: url(../../../../files/6615/1334/3673/bg_miwa_sp.jpg);
background-size: 80% auto;
}
}

@media screen and ( max-width: 480px ) {
.col_interview {
padding: 0 0 4rem 0 !important;
background-image: url(../../../../files/3015/1356/2434/bg_logo_sp.jpg);
background-size: 100% auto;
background-position: left 36vw top 44vw;
}

.col_interview#kimura,
.col_interview#arima,
.col_interview#miwa {
background-position: left 36vw top 37vw;
}

.col_interview .bg_img_interview {
padding: 0 1rem;
}

.col_interview .col_txt_interview {
margin: 0 1rem;
}

.staff_btn .fs_btn{
width:100%
}




}

/*-----------------　小倉印刷の一日　-----------------*/
.btnarea_style .fs_btn {
width: 100%;
}

/*-----------------　事業内容　-----------------*/
.btnarea_service .fs_btn {
width: 100%;
max-width: 260px;
}
@media screen and ( max-width: 480px ) {
.company_002{
padding: 4rem 1rem!important;
}
}