div.matome > ol {
  padding-top:1.2em; 
  padding-bottom:0.0em;
  font-size:85%;
  /*font-weight:bold;*/
  margin-bottom:1.0em;
}
div.matome > ol li {
  padding:0em;
  margin:0;  
}

div.matome {
    background-color: #cafbce;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #cafbce;
    /*color: #0a8915;*/
    margin: 2em 0;
  padding-left:1.0em;
    font-size:85%;
    position: relative;
}

.matome::before {
    background-color: #0a8915;
    color: #eee;
    content: "転職体験談のポイント！";
    font-weight: bold;
    left: -0.5em;
    padding: 0 .5em;
    position: absolute;
    top: -0.85em;
}

.after-rank {
  display:block;
  text-shadow: 1px 1px 0 rgba(0,0,0,.2);
  font-weight:bold;
  font-size:130%;
  border-left:9px #FF5588 solid;
  border-bottom:2px #FF0066 solid; padding-left:0.8em;
  
  background: -webkit-gradient(linear, left top, right bottom, from(#FFE0F0), color-stop(0.25, #FFE0F0), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #FFE0F0), color-stop(0.75, #FFE0F0), color-stop(0.75, white), to(white));
  background: -moz-linear-gradient(-45deg, #FFE0F0 25%, white 25%, white 50%, #FFE0F0 50%, #FFE0F0 75%, white 75%, white);
  background: linear-gradient(-45deg, #FFE0F0 25%, white 25%, white 50%, #FFE0F0 50%, #FFE0F0 75%, white 75%, white);
  background-size: 4px 4px;  
}

.after-rank2{
color: #404040;/*文字色*/
padding: 0.5em;/*文字周りの余白*/

line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.after-rank2:before {
content: '●';
color: white;
margin-right: 8px;
}

#headbox {
   padding-bottom: 0px !important;
   padding-left:0px !important;
   margin-bottom:0px !important;
}

#footer {
  background-color: rgba(224,224,224,0.6);
}

.entry-title {
  font-weight: bold;
  font-size: 20px;
  padding: 10px 10px;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
.entry-title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}

strong{color:red;}
.uline{font-weight:bold; background: linear-gradient(transparent 60%, #ffff66 60%);}
.bold{font-weight:bold;}
.red{font-weight:bold;color:red;}

h4.menu_underh2{
  padding-left:0.8em !important;
  padding-top:0.3em !important;
  padding-bottom:0.3em !important;
  
  color:white;
  //border-bottom: 2px dashed #3498db;
      
  background-color:rgb(220,78,65);
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}

.custom_underh2{
  background-color:rgb(58,179,189) !important;
}

div#mybox {
  //background-color: rgba(255,255,255,0.5);
}

div.ad  > ul,ul.ad {
    background-color: rgba(255,255,255,0.7);
    border: none;
    border-radius: 7px;
    box-shadow: 4px 4px 4px rgba(96,96,96,0.7);
}


div.ad > ul li,
ul.ad li {
	position: relative;
    margin-left:2em !important;
}
div.ad > ul li::after,
div.ad > ul li::before,
ul.ad li::after,
ul.ad li::before
{
	display: block;
	content: '';
	position: absolute;
}
div.ad > ul li::after,
ul.ad li::after 
{
	top: .35em;
	left: -1.4em;
	width: 14px;
	height: 14px;
	background-color: #ccc;
	border-radius: 100%;
}
div.ad > ul li::before,
ul.ad li::before
{
	z-index: 2;
	top: .625em;
	left: -1.175em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border-radius: 3px;
}



.sample-box-5 {
    //background-color: #cafbce;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #cafbce;
    //color: #0a8915;
    margin: 2em 0;
    padding: 2em;
}




.sample-box-11 {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.sample-box-11::before,
.sample-box-11::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.sample-box-11::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample-box-11::after {
    background-color: #f5c8a4;
    top: 5px;
    left: 5px;
    z-index: -2;
}


.sample-box-13 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.sample-box-13::before {
    background-color: #fff;
    color: #da4033;
    content: " POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

#gyaku::before {
    content:"逆求人サイト POINT" !important;   
}

#ikkatsu::before {
    content:"イッカツ POINT" !important;   
}

#inavi::before {
    content:"インターンナビ2018 point" !important; 
}

.mobile_text {
    display:none;
}

@media(max-width: 480px) {
  .pc_text {
    display:none;
  }
  .mobile_text {
    display:block;
  }
  .agent-caption {
    max-width:220px;
    font-size:91% !important;
    margin-right:0em  !important;
    margin-left:0.3em  !important;
    padding:0  !important;
  }
  .agent-img {
     padding-right:0.0em !important;
     width:95px !important;
  }
}