@charset "utf-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*プレゼン　トップページの一覧用　2ブロック　2019.07.20追加
---------------------------------------------------------------------------*/
/*ボックスの設定*/
/*コンパクトタイプのボックス用　追加設定*/
#main02 section.compact02 {
	width: 43.5%;		/*compactタイプの幅*/
	float: left;		/*ボックスを左に回り込み*/
	height: auto;		/*compactタイプの高さ*/
}

.c1 #main02 section.compact02 {
	width: 15.5%;
}

/*mainコンテンツのh2タグの設定*/
#main02 .compact02.list02 h2 {
	background: #440660;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
    text-align: center;
}

#main02 .compact02.list03 h2 {
	background: #222222;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
        text-align: center;
}


/*main ボックス内の設定*/

#main02 .list02,
#main02 .list03 {
	margin-bottom: 15px;	/*ボックス間のスペース*/
	position: relative;
	overflow: hidden;
	padding: 2.5%;	/*ボックス内の余白*/
	background: #fff;	/*背景色*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.1が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);			/*同上*/
}

/*mainコンテンツのh3タグの設定*/
#main02 .list02 h4,
#main02 .list03 h4 {
	clear: both;
	font-size: 105%;
	padding: 3px 0px;	/*上下、左右への余白*/
    color: #222222;
    margin-top: 3px;
    margin-bottom:3px; 
}

#main02 .list02 h4,
#main02 .list03 h4{
  position: relative;
  padding-left: 1.0em;/*アイコン分のスペース*/
  line-height: 1.4;
}

#main02 .list02 h4:before ,
#main02 .list03 h4:before {
    font-family: FontAwesome;
 /* content: "\f00c";/*アイコンのユニコード*/
    content: "\f0d7";
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0.3;/*アイコンの位置*/
  color: #222222; /*アイコン色*/
}


/*list02の段落タグ追加設定*/
#main02 .list02 p, 
#main02 .list03 p {
	margin-left: 0;
	font-size: 11px;
	line-height: 1.4;
    color: #222222;
}

/*リンクテキストの設定*/

#main02 .list02 ul,
#main02 .list03 ul{
  margin-bottom: 0px;
}

#main02 .list02 ul li,
#main02 .list03 ul li{
    margin-bottom: 2px;
    margin-left: 15px;
    font-size: 100%;
    
}


#main02 .list02 li,
#main02 .list03 li{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
    font-size: 14px;
}

#main02 .list02 li:before ,
#main02 .list03 li:before {
    font-family: FontAwesome;
  content: "\f068";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 0.7em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 2.0;/*アイコンの位置*/
  color: #999999; /*アイコン色*/
}


/* ここから下がボタンのCSS　*/

#main02 .compact02.list02 h5,
#main02 .compact02.list03 h5{
  margin-top: 20px;
  text-align: center;	
   margin-bottom:3px;      
}



.btn02{
  background : #666;
  color : #fff;
  text-decoration: none;
  font-size: 130%;  
  padding: 4px 12px;
  font-weight: bold;
}

.btn02:hover{
  background : #000;
  color : #fff;
}

@media screen and (max-width:800px){
    
 /*コンパクトタイプのボックス追加設定*/
#main02 section.compact02 {
	width: 42.5%;		/*compactタイプの幅*/
	float: left;		/*ボックスを左に回り込み*/
	height: auto;		/*compactタイプの高さ*/
}

  /*コンパクトタイプのボックス追加設定*/
.list02,
.list03 {
	font-size: 90%;
}   
    
}




@media screen and (max-width:600px){
    
     
 /*コンパクトタイプのボックス追加設定*/
#main02 section.compact02 {
	width: 100%;		/*compactタイプの幅*/
	float: left;		/*ボックスを左に回り込み*/
	height: auto;		/*compactタイプの高さ*/
}
   
    
    
 /*コンパクトタイプのボックス追加設定*/
.list02,
.list03 {
	width: 100% !important;
	float: none;
	height: auto;
	margin-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5%;
}
	/*ボックス内の写真設定*/

.list02 figure img,
.list03 figure img    {
	float: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

}