@charset "UTF-8";
@import url("base.css");
/*=====================================/TOC/=================================*/
/* 共通設定
#1 component
*/
/*=====================================/TOC-END/=============================*/

/*===========================================================================*/
/* #1 全要素                                                                 */
/*---------------------------------------------------------------------------*/


h2{
	position:absolute;
	float:left;
	width:100%;
	height:150px;
	line-height:250px;
	color:#000;
	font-size:20px;
	text-align:center;
	background-color:#fff;
	box-shadow:0 6px 12px -5px #000;
	display:block;
}

h3{
    position: relative;
    line-height: 1;
    padding: 20px 5px 20px 20px;
    margin: 20px -37px 20px -38px;
    color: #e3e3e3 ;
    font-size: 18pt ;
    font-weight:bold;
	text-shadow: 0px 0px 10px rgba(174,240,255,1);
    background: #414444;
	box-shadow:1px 3px 7px 0px  #000 ;
}

h3:after, h3:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
h3:after {
    left: 0;
    border-right: 5px solid #333;
}
h3:before {
    right: 0;
    border-left: 5px solid #333;
}


section{
	clear:both;	
	width:85%;
	padding:24px;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	background-color:#e3e3e3;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
}


/*===========================================================================*/
/* #2 特定要素                                                               */
/*---------------------------------------------------------------------------*/

h2+ul {
	position:relative;
	top:-50px;
	font-size: 0;
	text-align: center;
}

h2+ul > li{
	width:25%;
	display: inline-block;
}


h2 + ul > li a img{
  max-width: 100%;
  height: auto;
}

h3+p,h4+p{
	overflow: hidden;
}