@charset "utf-8";

/* こんなとき、どうすればいい？のCSS
------------------------------------------------------------*/


/* 書体
------------------------------------------------------------*/
.what h2{
  font-size : 12.5pt;


  font-weight : bold;
  background-color : #fff4e6;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 10px;
  margin-bottom : 10px;
}

.what h3{
  font-size : 11pt;


  font-weight : bold;
  text-align : left;
  background-image : url(../images/mark/round_link.png);
  background-repeat : no-repeat;
  background-position : left center;
  padding-left : 30px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  margin-bottom : 5px;
  vertical-align : -10px;
  margin-top : 5px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.what h4{
  font-size : 12pt;
  margin-top : 20px;
}

.what h5{
  font-size : 12.5pt;
  color : #666666;
  }


  /* 囲み枠（モバイル用）
------------------------------------------------------------*/
.what_waku{
	display: bloc; 
width : 98%;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
margin : 1%;

 }



/* ＰＣ用
------------------------------------------------------------*/
@media all and (min-width: 1020px) {

.what_waku{
	display: bloc; 
width : 31%;
float : left;
position : relative;
border-width : 1px;border-style : solid;border-color : silver;
/*↓角丸 */
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
  margin : 1%;
 }


   /* 囲み枠（PC用）
------------------------------------------------------------*/
}