/* ----------------------------------------------------------------------
追加CSS
---------------------------------------------------------------------- */
 body{    font-size: 15px;}
/* 記事上部に表示される画像 */
.wide_image { width:100%; height:180px; position:relative; }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 7br_pc) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.post_content .style4b {

    font-weight: bold!important;
 
}
 
/*ロードアニメ*/
 #site_loader_spinner {
    border: 4px solid rgba(216,1,0,0.2); 
 border-top-color: #e20c0c;
}
.bold {

    font-weight: bold!important;
font-size:100%!important;
}
 
 
 
@media screen and (min-width: 1198px) {
.for-pc {
	display: block!important;
    margin-top: -14px!important;
}
.for-sp {
	display: none!important;
}
}

@media screen and (max-width: 1199px) {
.for-pc {
	display: none!important;
}
.for-sp {
	display: block!important;
}
}

/*インデント*/
.indent
{padding-left: 1em; text-indent: -1em;}
/* リンクテキストをマウスオーバーで色を変える */
.pc #global_menu > ul > li > a:hover { color: #ababab  !important;transition: color 0.4s ease 0s;}

/*ヘッダー背景色（ヘッダーfix時）*/
.header_fix #header{
      background: #ffffff;
}


/*グローバルナビの文字色*/
#header a {
    color: #000000;
}
/*グローバルナビの文字色（ヘッダーfix時）*/
.pc .header_fix #header #global_menu > ul > li > a {
    color: #000000;
}
/*ハンバーガーメニュー背景色*/
@media only screen and (max-width: 1199px){
  #header a, mobile a.menu_button:before {
      background: #000000;
  }
    /*ハンバーガーメニュー文字色*/
  #header a {
    color: #ffffff;
}}

/*ロゴ*/
.pc #logo_image img.pc_logo_image {
  max-width: 220px!important;
}
.pc #logo_text, .pc #logo_image {
       top: 46px;
 z-index: 9999;
}



.pc .header_fix #header #logo_image {
 top: 44px!important;
}
@media only screen and (max-width: 1199px){
  #logo_image img.mobile_logo_image {
      display: block;
      max-width: 125px;
  }

}

/*ヘッダー*/
@media only screen and (min-width:1199px){
#header_inner {
 
 min-width:1150px;
 }
}
/*スマホヘッダー*/
@media only screen and (max-width: 767px){

#header {
    height: 56px;
}

#header_inner{
height: 56px;

}

.home #top {
    min-width: 0;
    margin: 56px 0 10px 0;
}
.head_logo {
    width: 125px;
    top: 3px;
 }}



/*ヘッダー*/
.pc #global_menu {
 
 float:none;
}

.pc #global_menu > .menu {
	height: 90px;
	position: relative;
	padding-right: 0!important;
     float: left;
       left: 26%;
}
@media only screen and (max-width: 1300px){

#global_menu .menu {

}}



/*機能*/

 a:hover{
text-decoration:none!important;
}
 
 .right {
	float: right;
}
.home #header {
	background: #ffffff!important;
}
@media only screen and (max-width: 767px){
.mobile_header_fix #main_contents {
/*    padding-top: 56px!important;*/
    padding-top: 0px!important;
}}

@media only screen and (max-width: 767px) {
#index_blog_list {
	margin: 0 auto 0!important;
}
}

.mailtime {
	position: absolute;
	top: 67px;
	right: 43px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 21px;
	font-family: astoria-sans;
	color: #ffffff;
}
/*固定ページ文字サイズ*/
.post_content {
  font-size: 120%;
}

.post_content p {
line-height: 180%;
}

.post_content .style3a {
    font-size: 25px;
}
@media only screen and (max-width: 1199px){
  .post_content p {
    font-size: 12px;
  }
  .post_content .style3a {
    font-size: 18px;
  }
}

/*目次ページ*/
.mokuji {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.mokuji .box-title {
    font-size: 2.2em;
    background: #000000;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.mokuji p {
    font-size: 150%;
    padding: 15px 20px 0px 20px;
    margin: 0;
}
@media (min-width: 769px){
  .mokuji text {
    width:500px;
    float:left;
  }
  .mokuji pic {
  margin-top:0;
  float:right;
  }
}

/*プロモ支援ページ*/
.promo {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}
.promo .box-title {
    font-size: 2.2em;
    background: #000000;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.promo p {
    padding: 15px 20px 10px 20px;
    margin: 0;
}
.promo jirei-p {
    padding: 5px 5px 5px 5px;
    margin: 0;
}
@media (min-width: 769px){
  .promo text {
    width:610px;
    float:left;
  }
  .promo pic {
  margin-top:0;
  float:right;
  }
}
@media (min-width: 769px){
  .promo dltext {
    width:460px;
    float:left;
    padding:10px;
  }
  .promo dlpic {
  margin-top:0;
  float:right;
    padding:10px;
  }
}


/*事例ページ*/
.jirei {
margin-bottom:59px;
margin-top:10px;
border:1px solid #cccccc;
padding: 10px 10px 10px 10px;
}
.jirei .title1{font-size: 20px; font-weight: bold; margin-bottom: 7px;}
.jirei .title2{font-size: 70%; margin: 0;}
.jirei .title3{background-color: #e4e4e4; display: inline-block; padding: 7px 85% 7px 1%; font-size: 60%; margin-bottom: 38px;}
.jirei .pic{width: 40%; font-size: 82%;  width:35%; float:right;}
.jirei .text{width: 60%; font-size: 80%; padding-left: 1em; text-indent: -1em;}
.jirei .seika{border: solid 1px #cccccc; padding: 10px 10px 10px 10px; font-size: 70%; margin-bottom: 20px; width: 60%;}
.jirei .seikabold{font-weight: bold;}



/*採用情報ページ*/
.saiyou {
    position: relative;
    margin: 3em 0;
    padding: 1.5em 3em;
    border: solid 3px #fafafa;
    border-radius: 8px;
}
.saiyou .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ababab;
    font-weight: bold;
}
.saiyou p {
    margin: 0;
    padding: 5px;
}

/*採用情報ページ挨拶*/
.saiyou2 {
    margin: 2em 0;
    background: #fafafa;
    padding:20px;
}
.saiyou2 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 15px 20px 15px 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.saiyou2 p {
    padding: 15px 20px 0px 20px;
    margin: 0;
}

.saiyou2 p {
    padding: 15px 20px;
    margin: 0;
}

.wpcf7 p{}

/*固定ページ*/
/*パンくず*/
#bread_crumb {
  background: #fafafa;
  margin: 0;}

/*固定ページ-タイトル*/
#page_header .headline {
    color: #D80100;
}

/*フッター*/
#footer_menu {
    margin-bottom: 20px;
}

.pc #global_menu {
  position: relative;
}
.global_tel {
  font-family: astoria-sans;
  position: absolute;
  top: 0px;
  font-weight: bold;
  height: 90px;
  line-height: 88px;
  right: -6%;
  font-size: 16px;
}
.global_tel span {
  font-size: 12px;
}
 /*改行*/
 
@media screen and (min-width: 767px) {
.br-pc {
	display: block;
}
.br-sp {
	display: none;
}
}

@media screen and (max-width: 767px) {
.br-pc {
	display: none;
}
.br-sp {
	display: block;
}
}
 
/*ナビ*/
 @media screen and (min-width:1200px){
#menu-item-9919,
 #menu-item-9920{
display:none!important;
 }}
#menu-item-9919 a {
	font-size: 16px!important;
font-family: sans-serif;
}
#global_menu #menu-item-9920 {
	width: 120px;
	text-align: center;
	margin: 0 0 0 25px;
	font-size: inherit;
	line-height: inherit;
	float: right;
	clear: both;
 
}

@media only screen and (max-width: 767px) {
#global_menu #menu-item-9920 {
	float: none;
	text-align: center;
	position: inherit;
	margin: 0 auto;
}
}
#global_menu #menu-item-9920 a {
	display: block;
	height: 90px;
	background: #1d1d1d;
	padding: 17px 0 0;
	font-size: 1.3rem;
	color: #fff;
}
#global_menu #menu-item-9920 a:hover {
	background: #b1b7b8;
}
#global_menu #menu-item-9920 a span {
	display: inline-block;
	padding: 0;
	background: url() no-repeat center top;
	background-size: 24px 18px;
	color: #ffffff;
}

/*スマホヘッダー*/
@media only screen and (max-width: 767px){

#header {
    height: 56px;
}

#header_inner{
height: 56px;

}

.head_logo {
    width: 125px;

 }}



/*ヘッダー*/
.pc #global_menu {
 
 float:none;
}

.pc #global_menu > ul {
	height: 90px;
	position: relative;
	padding-right: 0!important;
     float: left;
 
}
.right {
	float: right;
}
.home #header {
	background: #ffffff!important;
}

@media only screen and (max-width: 767px) {
#index_blog_list {

}
}
 
 /*スマホヘッダー*/
@media only screen and (max-width: 767px){

#header {
    height: 56px;
}

#header_inner{
height: 56px;

}

.home #top {
    min-width: 0;
    margin: 56px 0 0px 0;
}
.head_logo {
    width: 125px;
    top: 3px;
 }}



/*ヘッダー*/
.pc #global_menu {
 
 float:none;
}

.pc #global_menu > .menu {
	height: 90px;
	position: relative;
	padding-right: 0!important;
/*
     float: left;
       left: 30%;
*/
float: right;
left:auto;
}
@media only screen and (max-width: 1300px){

#global_menu .menu {

}}

/*ナビ*/
#menu-item-9919 {
	top: -13%;
	font-weight: bold;
	font-family: astoria-sans;
	font-size: 16px;
}
#menu-item-9919 a {
	font-size: 16px!important;
}
#global_menu #menu-item-9920 {
	width: 120px;
	text-align: center;
	margin: 0 0 0 25px;
	font-size: inherit;
	line-height: inherit;
	float: right;
	clear: both;
 border: 1px solid #ffffff;
    margin-top: 12px;

}

#menu-item-146 a {
	width: 150px;
	background-color: #ff7d00;
	text-align: center;
	color: #fff !important;
	    font-size: 16px !important;
}
@media only screen and (max-width: 767px) {
#menu-item-146 a {
	margin: 0 auto 20px;
	width: 200px;
}
}




@media only screen and (max-width: 767px) {
#global_menu #menu-item-9920 {
 width: 125px;
	float: none;
	text-align: center;
	position: inherit;
	margin: 10px auto;
 
}
}
#global_menu #menu-item-9920 a {
	display: block;
    height: 69px;
	background: #1d1d1d;
	padding: 17px 0 0;
	font-size: 1.3rem;
	color: #fff;
}
#global_menu #menu-item-9920 a:hover {
	background: #b1b7b8;
}
#global_menu #menu-item-9920 a span {
	display: inline-block;
	padding: 0;
	background: url(http://www.is-assoc.co.jp/wp/wp-content/uploads/2018/06/mail-icon.png) no-repeat center top;
	background-size: 24px 18px;
	color: #ffffff;
     background-position: 50% 4%;
}
.teltime {
	position: absolute;
	top: 60px;
	right: 0px;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #000000;
	padding: 6px 5px 5px 87px;
	font-family: inherit!important;
	line-height:inherit;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-9919 {
}
.mailtime {
	position: absolute;
	top: 67px;
	right: 43px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 21px;
	font-family: astoria-sans;
	color: #ffffff;
 line-height: inherit;
}
 @media only screen and (max-width: 767px){
#global_menu #menu-item-9920 a span{

     padding: 9px 0 0 7px;

}
  #global_menu #menu-item-9920 a span{
   background-position: 48% 2%;
  }

  

 .close:before{

content:none!important;
}
 }
 @media only screen and (max-width: 1199px){
#global_menu a {

    height: 40px;
    line-height: 40px;
}
  #menu-item-9919 a{
    height: 45px;
    line-height: 22px;
   
 }
 
 

/*固定ページのpタグ*/
.post_content .style4b{
margin-left:0;
padding-left:0;	
}

#left_col .post_content p {
    padding: 20px 0; 20px; 0; 
    width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
 
 /*ボタン*/
 
 .index_archive_link, #work_navigation a, .page_navi p.back a
  { background-color:#7d7474; }
/*フォーム*/
  .wpcf7-validates-as-email{

ime-mode:disabled!important;
  }

  }
  /*ボタン*/
 .index_archive_link, #work_navigation a, .page_navi p.back a
  { background-color:#7d7474; }
 
 
 /*ニュース*/
 #single_news {

    min-height: 400px;
}
 
 /*コンテンツpタグ*/
 #left_col .post_content p {
    padding: 20px 20px 20px 0;
    width: 100%;}
 
 /*ブランディングコラム*/
.blog_list .box .title {
    font-size: 14px;
    line-height: 1.8;
    padding: 20px 0;
    min-height: 50px;
}
.blog_author{
 
 padding-top: 10px!important;
}
 
 @media only screen and (min-width: 1199px){
.archive-branding_column .blog_list .box,
  .author .blog_list .box
  {
  max-width: 360px;
    min-width: 360px;
 } }
 
 @media only screen and (max-width: 767px){
#footer_menu a {
    font-size: 10px;
}}
/*tab*/
 .su-tabs {
  
    padding: 1px 3px 3px 3px!important;
}
.su-tabs-nav span {
    margin-right: 1px;
    background: #fff!important;

}

.su-tabs-nav span.su-tabs-current {
    background: #eee!important;
  
}
 .su-tabs-nav span{
       border-bottom: 1px solid #eee;
 
    border-radius: 0px;
    border-radius: 0 !important;
  

}
 
 /*ボタン*/
 .button_back{
text-align:right;
 
  }
 
  .button_back p{
padding-right:0!important;
 
  }
 
 @media only screen and (max-width: 767px){

  
  
.button_back{
text-align:right;
 display: block;
  }}
.button_back zxcvbn123456
{padding-left: 0; margin-left: 0;padding-right:0px;width: 100%;
}

.q_button
{font-size: 14px;
 
      padding: 15px 40px!important;}

@media only screen and (max-width: 767px){
.button_back{
text-align:center;
}}
 
 /*スマホ縮小*/
 
 @media only screen and (max-width: 767px){
#main_col {
    width: auto;
    margin: 20px auto 20px;
    padding: 0 15px;
 text-align: justify;
 }
 .glaybox {

    width: 100%;
 
  }
 #left_col .post_content p {
    padding: 10px 0 10px 0;
 
  }}
 
 /*コラム*/
 #previous_next_post a {
  width: 98%;}
 
 .blog_list .box .title a:hover {
    color: #ababab !important;
    transition: color 0.4s ease 0s;
}.blog_list .category a:hover {
    background-color: #ababab !important;
    transition: background-color 0.4s ease 0s;
}
 @media only screen and (max-width: 767px){
.post_content p {
 line-height: 1.7em!important;
 }
 }
 
 /*ニュース*/
 #single_news .post_content p {
    line-height: 2.3;
    margin: 0 0 2em 0;
}
  /*サイド*/
 .textwidget{
    max-width: 300px;
}
.side_widget{
max-width:300px;


}
 
	 /*フッター フローティングバナー（SP時）*/
.dp-footer-bar-item:only-child .dp-footer-bar-icon {
line-height: 40px;
    font-size: 16px;
    font-weight: bold;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon:before {
content: none;
}