@charset "UTF-8";



/* ----------------------------------------------------------------------------
 body
---------------------------------------------------------------------------- */
html,body{
  height:100%;
  }

body {
  min-width: 318px;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  }

body.large_font {
  font-size: 15px;
  }



/* ----------------------------------------------------------------------------
 container
---------------------------------------------------------------------------- */
#container{
  width: 100%;
  position: relative;
  height:auto !important; /*IE6???*/
  height: 100%; /*IE6???*/
  min-height: 100%;
  }



/* ----------------------------------------------------------------------------
 pagbody
---------------------------------------------------------------------------- */
#pagbody{
  padding-bottom:86px; /*?t?b?^?[??????????*/
  }



/* ----------------------------------------------------------------------------
 global_header
---------------------------------------------------------------------------- */
#global_header {
  margin: 25px auto 20px;
  }

#size480 #global_header,
#size318 #global_header {
  margin: 10px 0 10px;
  }

#global_header .left {
  float: left;
  margin-left: 32px;
  margin-bottom: 5px;
  }

#size480 #global_header .left,
#size318 #global_header .left {
  margin-left: 10px;
  }

#global_header .right {
  float: right;
  margin-right: 32px;
  }

#size480 #global_header .right,
#size318 #global_header .right {
  margin-right: 10px;
  margin-left: 10px;
  }

#global_header h1 {
  float: left;
  margin-bottom: 5px;
  }

#global_header h1 a {
  display: block;
  width: 212px;
  height: 31px;
  margin-right: 20px;
  background: url("img/logo.png") no-repeat;
  }

#global_header .catch {
  float: left;
  text-indent: -9999px;
  width: 239px;
  height: 31px;
  background: url("img/logo_lead.png") no-repeat;
  }

#global_header .text_size {
  float: left;
  margin-right: 10px;
  border-right: 1px dotted #ccc;
  }

#global_header .text_size div {
  float: left;
  margin-right: 10px;
  line-height: 25px;
  font-size: 12px;
  }

#global_header .text_size span {
  display: block;
  float: left;
  width: 23px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  font-size: 12px;
  background: url("img/bt_txtsize_off.png") no-repeat;
  }

#global_header .text_size span.current {
  font-weight: bold;
  cursor: default;
  background: url("img/bt_txtsize_on.png") no-repeat;
  }


#global_header .socialmedia {
  float: left;
  }
  
#global_header .like {
      float: left;
	  padding:2px 0 4px;
      }

#global_header .like .blocks {
      float: left;
      }

#global_header .like .facebook {
      margin-right: 10px;
      }

#global_header .like .google {
      width:70px;
      }


#global_header .socialmedia a {
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin-right: 10px;
  }

#global_header .socialmedia a.facebook {
  background: url("img/sb_facebook.png") no-repeat;
  }

#global_header .socialmedia a.twitter {
  background: url("img/sb_twitter.png") no-repeat;
  }

#global_header .socialmedia a.rss {
  background: url("img/bt_rss.png") no-repeat;
  }

#global_header .socialmedia a:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
  }


/* ----------------------------------------------------------------------------
 global_menu
---------------------------------------------------------------------------- */
#global_menu {
  display: none;
  border-top: 1px solid #585858;
  background: #767676;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #767676), color-stop(0.00, #6F6F6F));
  background: -webkit-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -moz-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -o-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -ms-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: linear-gradient(top, #6F6F6F 0%, #767676 100%);
  }

#global_menu ul {
	width: 1008px;
  	margin: 0 auto;
  }
#global_menu ul li:last-child{
	margin-right: 0;
}

#size795 #global_menu ul {
  width: 795px;
  }

#size720 #global_menu ul {
  width: 700px;
  }

#size480 #global_menu  {
  display: none;
  }

#size318 #global_menu {
  display: none;
  }

#global_menu ul li {
  display: inline;
  line-height: 36px;
  padding-right: 15px;
  }

#global_menu ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  font-weight: bold;
  background: url("img/arrow1.png") no-repeat left center;
  }

#global_menu ul li.current a {
  color: #BCBCBC;
  background: url("img/arrow1_current.png") no-repeat left center;
  }


/* ----------------------------------------------------------------------------
 pagebody
---------------------------------------------------------------------------- */
#pagebody {
  width: 1008px;
  margin: 0 auto;
  padding-bottom: 110px;
  }

#size795 #pagebody {
  width: 795px;
  }

#size720 #pagebody {
  width: 720px;
  }

#size480 #pagebody  {
  width: 480px;
  padding-bottom: 0;
  }

#size318 #pagebody {
  width: 318px;
  padding-bottom: 0;
  }


/* ----------------------------------------------------------------------------
 column_title
---------------------------------------------------------------------------- */


#column_title {
  margin: 0 35px 15px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size1008 #column_title {
  margin: 0 35px 15px;
  }

#size795 #column_title {
  margin: 0 7px 15px;
  }

#size720 #column_title {
  margin: 0 49px 15px;
  }

#size480 #column_title  {
  margin: 0 8px 15px;
  }

#size318 #column_title {
  margin: 0 8px 15px;
  }
  
#column_title h2 {
  width: 47px;
  height: 17px;
  text-indent: -9999px;
  background: url("img/column_midashi.png") no-repeat center center;
  }



/* ----------------------------------------------------------------------------
 related_article_title related_articles
---------------------------------------------------------------------------- */
#related_article_title {
  margin: 0 35px 15px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size1008 #related_article_title {
  margin: 0 35px 15px;
  }

#size795 #related_article_title {
  margin: 0 7px 15px;
  }

#size720 #related_article_title {
  margin: 0 49px 15px;
  }

#size480 #related_article_title  {
  margin: 0 8px 15px;
  }

#size318 #related_article_title {
  margin: 0 8px 15px;
  }

#related_article_title h2 {
  width: 109px;
  height: 17px;
  text-indent: -9999px;
  background: url("img/incident_midashi.png") no-repeat;
  }

#related_articles {
  margin: 0 auto 50px;
  }

#related_articles .blocks {
  position: relative;
  width: 458px;
  float: left;
  margin: 8px 11px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size795 #related_articles .blocks {
  margin: 8px 8px;
  width: 379px;
  }

#size318 #related_articles .blocks {
  margin: 8px 8px;
  width: 302px;
  }



#related_articles .blocks p {
  margin-bottom: 10px;
  font-weight: bold;
  }

#related_articles .blocks li {
  padding-left: 15px;
  background: url("img/arrow3.png") no-repeat left center;
  }

#related_articles .blocks li a {
  color:#000;
  }

#related_articles .blocks li a {
  color:#777;
  }


/* ----------------------------------------------------------------------------
 top_related_article_title top_related_articles
---------------------------------------------------------------------------- */
#top_related_article_title {
  margin: 0 35px 15px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size1008 #top_related_article_title {
  margin: 0 35px 15px;
  }

#size795 #top_related_article_title {
  margin: 0 7px 15px;
  }

#size720 #top_related_article_title {
  margin: 0 49px 15px;
  }

#size480 #top_related_article_title  {
  margin: 0 8px 15px;
  }

#size318 #top_related_article_title {
  margin: 0 8px 15px;
  }

#top_related_article_title h2 span {
  width: 109px;
  height: 17px;
  text-indent: -9999px;
  display:inline-block;
  vertical-align:middle;
  margin-right:20px;
  background: url("img/incident_midashi.png") no-repeat;
  }

#top_related_articles {
  margin: 0 auto 50px;
  }

#top_related_articles .blocks {
  position: relative;
  width: 218px;
  float: left;
  margin: 8px 11px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  font-size:11px;
  }

#size795 #top_related_articles .blocks {
  margin: 8px 8px;
  width: 379px;
  }

#size318 #top_related_articles .blocks {
  margin: 8px 8px;
  width: 302px;
  }

#top_related_articles .blocks h3 {
	margin-bottom:5px;
}

#top_related_articles .blocks h3 a {
	font-size:17px;
	display:block;
	background:url("img/bn_icn5.png") no-repeat left center;
	padding:5px 0 5px 42px;
	color:#000;
}


/* ----------------------------------------------------------------------------
 other_column_title other_column
---------------------------------------------------------------------------- */


#other_column_title {
	background:url("../img/other_column/other_catchbg.jpg") no-repeat center center;
	background-size:cover;
	height:300px;
	margin-bottom:40px;
	}

#other_column_title h2 {
	background:url("../img/other_column/other_title.png") no-repeat left center;
	height:300px;
	max-width:1008px;
	margin:0 auto;
	text-indent:-999em;
	overflow:hidden;
	}


#size1008 #other_column_title,
#size1008 #other_column_title h2 { height:300px;}

#size795 #other_column_title { height:250px;}
#size795 #other_column_title h2 { height:250px;width:795px;}

#size720 #other_column_title { height:250px;}
#size720 #other_column_title h2 { height:250px;width:700px;}

#size480 #other_column_title { height:200px;}
#size480 #other_column_title h2 { height:200px;width:460px;}

#size318 #other_column_title { height:150px;}
#size318 #other_column_title h2 { height:150px;width:318px;	background:url("../img/other_column/other_title.png") no-repeat center center;
}



#other_column,
#past_column {
  margin: 0 auto 50px;
  overflow:hidden;
  }

#other_column .blocks{
  position: relative;
  width: 298px;
  min-height:300px;
  float: left;
  margin: 8px 11px;
  }

#past_column .blocks {
  position: relative;
  width: 298px;
  min-height:120px;
  float: left;
  margin: 8px 11px;
  }

#other_column .blocks h3 {
	margin:0;
	padding:0;
	width:298px;
	height:81px;
	text-indent:-999em;
	overflow:hidden;
}

#past_column .blocks h3 {
	margin:0 0 5px;
	padding:0;
	width:298px;
	height:81px;
	overflow:hidden;
}

#past_column .blocks h3 a {
	margin:0;
	display:block;
	text-indent:-999em;
	overflow:hidden;	
	height:81px;
}

#other_column .blocks h3.other_english,
#past_column .blocks h3.other_english {
	background:url("../img/other_column/other_title1.jpg") no-repeat;
	}

#other_column .blocks h3.other_lifeplan,
#past_column .blocks h3.other_lifeplan {
	background:url("../img/other_column/other_title2.jpg") no-repeat;
	}

#other_column .blocks h3.other_singapore,
#past_column .blocks h3.other_singapore {
	background:url("../img/other_column/other_title3.jpg") no-repeat;
	}

#other_column .blocks h3.other_shop,
#past_column .blocks h3.other_shop {
	background:url("../img/other_column/other_title4.jpg") no-repeat;
	}

#other_column .blocks h3.other_music,
#past_column .blocks h3.other_music {
	background:url("../img/other_column/other_title5.jpg") no-repeat;
	}

#other_column .blocks h3.other_fourseasons,
#past_column .blocks h3.other_fourseasons {
	background:url("../img/other_column/other_title6.jpg") no-repeat;
	}

#other_column .blocks h3.other_lunchbox,
#past_column .blocks h3.other_lunchbox {
	background:url("../img/other_column/other_title7.jpg") no-repeat;
	}

#other_column .blocks h3.other_primary,
#past_column .blocks h3.other_primary {
	background:url("../img/other_column/other_title8.jpg") no-repeat;
	}

#other_column .blocks h3.other_torevuia,
#past_column .blocks h3.other_torevuia {
	background:url("../img/other_column/other_title9.jpg") no-repeat;
	}

#other_column .blocks h3.other_four_panel,
#past_column .blocks h3.other_four_panel {
	background:url("../img/other_column/other_title10.jpg") no-repeat;
	}

#other_column .blocks h3.other_work-life,
#past_column .blocks h3.other_work-life {
	background:url("../img/other_column/other_title11.jpg") no-repeat;
	}

#other_column .blocks h3.other_word-or-two,
#past_column .blocks h3.other_word-or-two {
	background:url("../img/other_column/other_title12.jpg") no-repeat;
	}

#other_column .blocks h3.other_cocoro_copy,
#past_column .blocks h3.other_cocoro_copy {
	background:url("../img/other_column/other_title_cocoro_copy.png") no-repeat;
	}

#other_column .blocks h3.other_englishny,
#past_column .blocks h3.other_englishny {
	background:url("../img/other_column/other_title_ny.png") no-repeat;
	}

#other_column .blocks h3.other_danwa,
#past_column .blocks h3.other_danwa {
	background:url("../img/other_column/other_title_danwa.png") no-repeat;
	}

#other_column .blocks h3.other_challenge,
#past_column .blocks h3.other_challenge {
	background:url("../img/other_column/other_title_cs.jpg") no-repeat;
	}

#other_column .blocks h3.other_selfcareer,
#past_column .blocks h3.other_selfcareer {
	background:url("../img/other_column/other_title_self1.jpg") no-repeat;
	}

#other_column .blocks h3.other_businessbook,
#past_column .blocks h3.other_businessbook {
	background:url("../img/other_column/other_title_business-book1.jpg") no-repeat;
	}


#other_column .blocks h3.other_speech-leaves,
#past_column .blocks h3.other_speech-leaves {
	background:url("../img/other_column/other_title_ijin2.jpg") no-repeat;
	}

#other_column .blocks h3.other_holiday-cooking,
#past_column .blocks h3.other_holiday-cooking {
	background:url("../img/other_column/other_title_cooking.png") no-repeat;
	}

#other_column .blocks h3.other_shikaku,
#past_column .blocks h3.other_shikaku {
	background:url("../img/other_column/other_title_shikaku.png") no-repeat;
	}


#other_column .blocks h3.other_office,
#past_column .blocks h3.other_office {
	background:url("../img/other_column/other_title13.jpg") no-repeat;
	}

#other_column .blocks h3.other_jiji,
#past_column .blocks h3.other_jiji {
	background:url("../img/other_column/other_title15.png") no-repeat;
	}

#other_column .blocks h3.other_workstyle,
#past_column .blocks h3.other_workstyle {
	background:url("../img/other_column/other_title14.jpg") no-repeat;
	}


#other_column .blocks h3.other_life,
#past_column .blocks h3.other_life {
	background:url("https://www.e-miki.com/key-press/2022/01/12/other_title15.jpg") no-repeat;
	}

#other_column .blocks li {
  border-bottom:1px solid #dedede;
  overflow:hidden;
  padding:5px 0;
  }

#other_column .blocks li a {
  color:#000;
  line-height:20px;
  }

#other_column .blocks li a:hover {
  color:#777;
  }

#other_column .blocks li a .date {
  float:right;
  font-size:11px;
  color:#aaa;
  }



#past_column_title {
  margin: 0 35px 15px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size1008 #past_column_title {
  margin: 0 35px 15px;
  }

#size795 #past_column_title {
  margin: 0 7px 15px;
  }

#size720 #past_column_title {
  margin: 0 49px 15px;
  }

#size480 #past_column_title  {
  margin: 0 8px 15px;
  }

#size318 #past_column_title {
  margin: 0 8px 15px;
  }

#past_column_title h2 {
  width: 181px;
  height: 22px;
  text-indent: -9999px;
  background: url("img/past_column_midashi.png") no-repeat;
  }




/* ----------------------------------------------------------------------------
 past_articles_title past_articles
---------------------------------------------------------------------------- */
#past_articles_title {
  margin: 0 35px 15px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#size1008 #past_articles_title {
  margin: 0 35px 15px;
  }

#size795 #past_articles_title {
  margin: 0 7px 15px;
  }

#size720 #past_articles_title {
  margin: 0 49px 15px;
  }

#size480 #past_articles_title  {
  margin: 0 8px 15px;
  }

#size318 #past_articles_title {
  margin: 0 8px 15px;
  }

#past_articles_title h2 {
  width: 105px;
  height: 17px;
  text-indent: -9999px;
  background: url("img/past_articles_midashi.png") no-repeat;
  }

#past_articles {
  margin: 0 auto 50px;
  }

#past_articles .blocks {
  position: relative;
  float: left;
  width: 143px;
  height: 190px;
  margin: 8px;
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
  }

#past_articles .blocks:hover {
  text-decoration: none;
  }

#past_articles .blocks span {
  display: block;
  }

#past_articles .blocks .catch {
  height: 25px;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
  }

#past_articles .blocks strong {
  display: block;
  height: 66px;
  color: #000;
  font-size: 115%;
  line-height: 17px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }

#past_articles .blocks .text {
  height: 49px;
  margin-bottom: 20px;
  font-size: 11px;
  color: #525252;
  line-height: 16px;
  overflow: hidden;
  }

#past_articles .blocks .date {
  font-size: 11px;
  color: #ADADAD;
  }

/* hover --------------------------------------- */
#past_articles .blocks:hover .catch {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
  }

#past_articles .blocks:hover strong {
  color: #777;
  text-decoration: underline;
  }



/* ----------------------------------------------------------------------------
 min_global_menu
---------------------------------------------------------------------------- */
#min_global_menu {
  display: none;
  margin: 0 auto 20px;
  border-radius: 10px;
  }

#min_global_menu {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 2px;
  background-color: #CCC;
  }

#min_global_menu {
  display: none;
  }

#size795 #min_global_menu {
  display: none;
  }

#size720 #min_global_menu {
  display: none;
  }

#size480 #min_global_menu  {
  display: block;
  width: 460px;
  }

#size318 #min_global_menu {
  width: 298px;
  display: block;
  }

#min_global_menu div {
  padding: 5px 10px;
  border-bottom: 2px solid #ccc;
  background: #020202l
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #020202), color-stop(0.00, #313131));
  background: -webkit-linear-gradient(top, #313131 0%, #020202 95%);
  background: -moz-linear-gradient(top, #313131 0%, #020202 95%);
  background: -o-linear-gradient(top, #313131 0%, #020202 95%);
  background: -ms-linear-gradient(top, #313131 0%, #020202 95%);
  background: linear-gradient(top, #313131 0%, #020202 95%);
  }

#min_global_menu div.first {
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  }

#min_global_menu div.end {
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom: none;
  }

#min_global_menu div a {
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  background: url("img/arrow2.png") no-repeat right center;
  }




/* ----------------------------------------------------------------------------
 footer
---------------------------------------------------------------------------- */
#footer{
  width: 100%;
  height:86px;
  position:absolute;
  bottom:0;
  }

#size795 #footer {
  height:151px;
  }

#size720 #footer {
  height:151px;
  }

#size480 #footer  {
  position:relative;
  }

#size318 #footer {
  position:relative;
  }


/* ----------------------------------------------------------------------------
 footer_top
---------------------------------------------------------------------------- */
#footer_top {
  border-bottom: 1px solid #2B2B2B;
  background: #767676;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #767676), color-stop(0.00, #6F6F6F));
  background: -webkit-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -moz-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -o-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: -ms-linear-gradient(top, #6F6F6F 0%, #767676 100%);
  background: linear-gradient(top, #6F6F6F 0%, #767676 100%);
  }

#size480 #footer_top,
#size318 #footer_top {
  margin-bottom: 0;
  }

#footer_top ul {
  margin: 0 auto;
  }

#footer_top ul {
  width: 1008px;
  }

#size795 #footer_top ul {
  width: 795px;
  }

#size720 #footer_top ul {
  width: 720px;
  }

#size480 #footer_top ul  {
  width: 460px;
  text-align: left;
  }

#size318 #footer_top ul {
  width: 298px;
  text-align: left;
  }

#footer_top ul li {
  display: inline;
  line-height: 36px;
  padding-right: 14px;
  white-space:nowrap;
  }

#size480 #footer_top ul li,
#size318 #footer_top ul li {
  display: list-item;
  }

#footer_top ul li a {
  color: #fff;
  font-size: 100%;
  padding-left: 13px;
  font-weight: bold;
  background: url("img/arrow1.png") no-repeat left center;
  }

#footer_top ul li.current a {
  color: #BCBCBC;
  background: url("img/arrow1_current.png") no-repeat left center;
  }



/* ----------------------------------------------------------------------------
 footer_bottom
---------------------------------------------------------------------------- */
#footer_bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: url("img/bg_footer.png");
z-index: 100;
  }

#size480 #footer_bottom,
#size318 #footer_bottom {
  position: static;
  }

#footer_bottom #footer_bottom_inner {
/*  margin: 0 auto;*/
  position: relative;
  padding: 12px 0 7px;
  }

#size480 #footer_bottom #footer_bottom_inner,
#size318 #footer_bottom #footer_bottom_inner {
  padding: 20px 0;
  }

#footer_bottom #footer_bottom_inner{
  width: 1008px;
  left: 50%;
  margin-left: -504px;
  }

#size795 #footer_bottom #footer_bottom_inner {
  width: 795px;
  left: 50%;
  margin-left: -397.5px;
  }

#size720 #footer_bottom #footer_bottom_inner {
  width: 720px;
  left: 50%;
  margin-left: -360px;
  }

#size480 #footer_bottom #footer_bottom_inner {
  width: 460px;
  left: 50%;
  margin-left: -240px;
  }

#size318 #footer_bottom #footer_bottom_inner {
  width: 298px;
  position: static;
  margin-left: 0;
  }

#footer_bottom ul {
  float: left;
  margin-bottom: 5px;
  }

#footer_bottom li {
  display: block;
  float: left;
  }

#footer_bottom li a {
  display: block;
  height: 24px;
  padding-left: 25px;
  padding-right: 10px;
  color: #000;
  font-size: 10px;
  line-height: 24px;
  border-radius: 5px;
  background: #fff url("img/footer_icon.png") no-repeat 10px 6px;
  }

#size480 #footer_bottom li,
#size318 #footer_bottom li {
  float: none;
  }

#size480 #footer_bottom li a,
#size318 #footer_bottom li a {
  display: inline-block;
  margin-bottom: 10px;
  }

#size1008 #footer_bottom li a.link4,
#size795 #footer_bottom li a.link4,
#size720 #footer_bottom li a.link4 {
  margin-bottom: 0;
  }


#footer_bottom li a.link1 {
  margin-right: 10px;
  }

#footer_bottom li a.link2 {
  margin-right: 10px;
  }

#footer_bottom li a.link3 {
  margin-right: 10px;
  }

#footer_bottom li a.link4 {
  margin-bottom: 0;
  }

#footer_bottom .copyright {
  float: right;
  color: #fff;
  text-align: right;
  font-size: 10px;
  }


#footer_bottom .copyright strong {
  display: block;
  text-align: right;
  font-size: 10px;
  }

#size480 #footer_bottom .copyright strong,
#size318 #footer_bottom .copyright strong {
  margin-right: 0;
  display: block;
  }

#footer_bottom .copyright span {
  font-size: 10px;
  }

#footer_bottom .copyright a {
  color: #ccc;
  font-size: 10px;
  }

#footer_bottom .norton {
  float: left;
  margin-left: 20px;
  }

#size318 #footer_bottom .norton {
  float: right;
  width; 100%;
  margin-top: 10px;
  }


/* ----------------------------------------------------------------------------
 icon
---------------------------------------------------------------------------- */
.icon_takumi {
  color: #000;
  background: url("img/icon/icon_takumi.png") no-repeat left top;
  }

.icon_hobby {
  color: #000;
  background: url("img/icon/icon_hobby.png") no-repeat left top;
  }

.icon_special {
  color: #000;
  background: url("img/icon/icon12.png") no-repeat left top;
  }

.icon_research {
  color: #000;
  background: url("img/icon/icon1.png") no-repeat left top;
  }

.icon_frontline {
  color: #000;
  background: url("img/icon/icon11.png") no-repeat left top;
  }

.icon_danwa {
  color: #000;
  background: url("img/icon/icon2.png") no-repeat left top;
  }

.icon_danwa2 {
  color: #000;
  background: url("img/icon/icon2.png") no-repeat left top;
  }

.icon_keyword {
  color: #000;
  background: url("img/icon/icon3.png") no-repeat left top;
  }

.icon_area {
  color: #000;
  background: url("img/icon/icon4.png") no-repeat left top;
  }

.icon_challenge {
  color: #000;
  background: url("img/icon/icon22.png") no-repeat left top;
  }

.icon_life,.icon_mental {
  color: #000;
  background: url("img/icon/icon23.png") no-repeat left top;
  }

.icon_lunchbox {
  color: #006EAA;
  background: url("img/icon/icon5.png") no-repeat left top;
  }

.icon_books {
  color: #6EAA00;
  background: url("img/icon/icon6.png") no-repeat left top;
  }

.icon_english {
  color: #AA0000;
  background: url("img/icon/icon7.png") no-repeat left top;
  }

.icon_englishny {
  color: #AA0000;
  background: url("img/icon/icon7.png") no-repeat left top;
  }

.icon_cocoro_copy {
  color: #9ad81b;
  background: url("img/icon/icon28.png") no-repeat left top;
  }

.icon_office {
  color: #333;
  background: url("img/icon/icon30.png") no-repeat left top;
  }

.icon_jiji {
  color: #005683;
  background: url("img/icon/icon32.png") no-repeat left top;
  }

.icon_workstyle {
  color: #7c1f8a;
  background: url("img/icon/icon31.png") no-repeat left top;
  }

.icon_primary {
  color: #5000AA;
  background: url("img/icon/icon8.png") no-repeat left top;
  }

.icon_music {
  color: #AA4600;
  background: url("img/icon/icon9.png") no-repeat left top;
  }

.icon_accounting,
.icon_lifeplan {
  color: #FFB400;
  background: url("img/icon/icon10.png") no-repeat left top;
  }

.icon_work-life {
  color: #ED6FEA;
  background: url("other_coulmn/img/icon_work-life.png") no-repeat left top;
  }

.icon_self-career,.icon_self-career2 {
  background: url("other_coulmn/img/icon_self-career.png") no-repeat left top;
  background-size: contain;
  }

.icon_speech-leaves {
  background: url("other_coulmn/img/icon_speech-leaves.png") no-repeat left top;
  background-size: contain;
  color:#e08e00;
  }

.icon_saigou_kingen{
  background: url("other_coulmn/img/icon_saigou_kingen.png") no-repeat left top;
  background-size: contain;
  color:#af800a;
  }

.icon_holiday-cooking {
  background: url("other_coulmn/img/icon_holiday-cooking.png") no-repeat left top;
  background-size: contain;
  color:#e06900;
}

.icon_shop {
  color: #006eaa;
  background: url("img/icon/icon19.png") no-repeat left top;
  }

.icon_fourseasons {
  color: #6eaa00;
  background: url("img/icon/icon20.png") no-repeat left top;
  }

.icon_singapore {
  color: #5000aa;
  background: url("img/icon/icon21.png") no-repeat left top;
  }

.icon_shop {
  color: #006EAA;
  background: url("img/icon/icon_bussan.png") no-repeat left top;
  }

.icon_torevuia {
  color: #AA4600;
  background: url("img/icon/icon24.png") no-repeat left top;
  }

.icon_four_panel {
  color: #6EAA00;
  background: url("img/icon/icon25.png") no-repeat left top;
  }

.icon_four_panel {
  color: #6EAA00;
  background: url("img/icon/icon25.png") no-repeat left top;
  }

.icon_word-or-two{
  color: #da1616;
  background: url("img/icon/icon_word-or-two.png") no-repeat left top;
}

.icon_leaderseye{
  color: #000;
  background: url("img/icon/icon_leaderseye.png") no-repeat left top;
}

.icon_ryogoku{
  color: #000;
  background: url("img/icon/icon_ryogoku.png") no-repeat left top;
}

.icon_businessbook{
  color: #2c679e;
  background: url("img/icon/icon_businessbook.png") no-repeat left top;
  background-size:contain;
}

.icon_shikaku{
  color: #ee1c23;
  background: url("img/icon/icon_shikaku.png") no-repeat left top;
  background-size:contain;
}
.icon_tanbou{
  color: #000;
  background: url("img/icon/icon_tanbou.png") no-repeat left top;
}
.icon_building{
  color: #000;
  background: url("img/icon/icon_building.png") no-repeat left top;
}
.icon_pro{
  color: #000;
  background: url("img/icon/icon_pro.png") no-repeat left top;
}



#contents_large2 .icon_research {
  color: #fff;
  background: url("img/icon/icon13.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_frontline {
  color: #fff;
  background: url("img/icon/icon14.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_keyword {
  color: #fff;
  background: url("img/icon/icon15.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_area {
  color: #fff;
  background: url("img/icon/icon16.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_challenge {
  color: #fff;
  background: url("img/icon/icon17.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_mental {
  color: #fff;
  background: url("img/icon/icon18.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_takumi {
  color: #fff;
  background: url("img/icon/icon_takumi2.png") no-repeat 5px 5px;
  }


#contents_large2 .icon_miki {
    color: #fff;
  background: url("img/icon/icon_chintai2.png") no-repeat 5px 5px;
  }



#contents_large2 .icon_miki2 {
    color: #fff;
  background: url("https://www.e-miki.com/key-press/icon_chintai3.png") no-repeat 5px 5px;
  }


#contents_large2 .icon_leaderseye {
    color: #fff;
  background: url("img/icon/icon_leaderseye2.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_ryogoku {
  color: #fff;
  background: url("img/icon/icon26.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_hobby {
  color: #fff;
  background: url("img/icon/icon27.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_tanbou {
  color: #fff;
  background: url("img/icon/icon29.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_building {
  color: #fff;
  background: url("img/icon/icon33.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_pro {
  color: #fff;
  background: url("img/icon/icon34.png") no-repeat 5px 5px;
  }

#contents_large2 .icon_jiji {
  color: #fff;
  background: url("img/icon/icon_jiji2.png") no-repeat 5px 5px;
  }
#contents_large2 .icon_office {
  color: #fff;
  background: url("img/icon/icon_office2.png") no-repeat 5px 5px;
  }
#contents_large2 .icon_workstyle {
  color: #fff;
  background: url("img/icon/icon_workstyle2.png") no-repeat 5px 5px;
  }
#contents_large2 .icon_self-career {
  color: #fff;
  background: url("img/icon/icon_self-career2.png") no-repeat 5px 5px;
  }
#contents_large2 .icon_englishny {
  color: #fff;
  background: url("img/icon/icon_englishny2.png") no-repeat 5px 5px;
  }      
#contents_large2 .icon_danwa {
  color: #fff;
  background: url("img/icon/icon_danwa2.png") no-repeat 5px 5px;
  } 

#contents_large2 .blocks strong{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 140320追加 */

#pagetitle {
  width: 1008px;
  margin: 35px auto 35px;
  }

#size795 #pagetitle {
  width: 745px;
  }

#size720 #pagetitle {
  width: 700px;
  }

#size480 #pagetitle {
  width: 480px;
  }

#size318 #pagetitle {
  width: 318px;
  }


#pagetitle h2 {
  float: left;
  padding-left: 30px;
  line-height: 25px;
  }

#pagetitle .socialmedia {
  float: right;
  }

#pagetitle .socialmedia .blocks {
      float: left;
      }

#pagetitle .socialmedia .facebook {
      margin-right: 5px;
      }



h2 span {
  line-height: 25px;
  }






/* 20180221追加　スマホドロワー　*/

body:after {
  -webkit-transition:ease .5s;
  transition:ease .5s;	
}

body.open_spmenu:after {
	content:"";
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.2);
	z-index: 10000;
}

.drawer {
  position:fixed;
  top:0;
  right:0;
  width: 90vw;
  height: 100%;
  background: #fff;
  padding: 60px 0 50px 0px;
  -webkit-transform: translateX(90vw);
  transform: translateX(90vw);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:10010;
	box-sizing: border-box;

}


#size318 .drawer {
	padding-top:80px;
}



/* ドロワーメニューの開閉ボタン */
.drbtn {
  position: fixed;
  top:0;
  right: 0px;
  width: 50px;
  height: 50px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
	display: none;
  justify-content: center;
  font-size: 10px;
  padding-bottom: 2px;
  z-index: 10100;
	background:url(../img/smp_icon_menu.png) no-repeat center center / 50px;
	text-indent: -999em;
	overflow: hidden;
}

#size480 {
	padding-top:50px;
}

#size318 {
	padding-top:70px;
}

#size480 #header ,
#size318 #header {
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 20000;
    background: #fff;
	overflow: hidden;
}
#size318 #header {
	height:70px;
}

#size480 .drbtn ,
#size318 .drbtn {
	display: block;
}
#size480 #global_header .right,
#size318 #global_header .right {
	display:none;
}

#size318 #global_header .catch {
	background-size:150px;
}

/*ドロワーメニューOPEN */
.drawer.action {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
 
.drbtn.action {
	background:url(../img/smp_icon_close.png) no-repeat center center / 50px;;
}


.drawer .controls {
	padding:0 0 0 15px;
	overflow: hidden;
	float: right;
}

.drawer .text_size {
  float: left;
  margin-right: 10px;
  border-right: 1px dotted #ccc;
	margin-bottom:10px;
  }

#size318.toppage .drawer .text_size {
	border:none;
	float: right;
}

.drawer .text_size div {
  float: left;
  margin-right: 10px;
  line-height: 25px;
  font-size: 12px;
  }

.drawer .text_size span {
  display: block;
  float: left;
  width: 23px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  font-size: 12px;
  background: url("img/bt_txtsize_off.png") no-repeat;
  }

.drawer .text_size span.current {
  font-weight: bold;
  cursor: default;
  background: url("img/bt_txtsize_on.png") no-repeat;
  }


.drawer .socialmedia {
  float: right;
	margin-bottom:10px;
  }



  
.drawer .like {
      float: right;
	  padding:2px 0 4px;

      }

#size318 .drawer .like {
	clear: both;
}

.drawer .like .blocks {
      float: left;
      }

.drawer .like .facebook {
      margin-right: 10px;
      }

.drawer .like .google {
      width:70px;
      }



.drawer .socialmedia a {
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin-right: 10px;
  }

.drawer .socialmedia a.facebook {
  background: url("img/sb_facebook.png") no-repeat;
  }

.drawer .socialmedia a.twitter {
  background: url("img/sb_twitter.png") no-repeat;
  }

.drawer .socialmedia a.rss {
  background: url("img/bt_rss.png") no-repeat;
  }

.drawer .socialmedia a:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
  }


#sp_global_menu {
	clear: both;
	border-bottom:1px solid #ccc;
}
#sp_global_menu li {
	border-top:1px solid #ccc;
	padding:0 10px 0 15px;
} 
#sp_global_menu li a {
	display: block;
	padding:10px 20px 10px 0;
	color:#333;
    background: url(img/arrow2.png) no-repeat right center;
}

#sp_global_menu li.current a {
	opacity: 0.7;
	background:none;
}

#sp_category_menu ul li {
	border-bottom:1px solid #fff;
	padding:0 15px;
}

#sp_category_menu ul li a {
	padding-top:10px;
	padding-bottom:10px;
	display: block;
}