@charset "UTF-8";

/* ----------------------------------------

---------------------------------------- */
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-size: 13px;
	line-height: 150%;
	background-color: #FFF;
	margin:0px;
	padding: 0px;
	-webkit-text-size-adjust: 90%;
}

a {
	color:#0000EE;
	text-decoration: none; /*underline*/
}

a:hover {
	color:#E48E00;
	text-decoration: none;
}


#contens {
	margin: 60px 0px 0px 0px;
	z-index: -1;
	background: #f7f7f7;
}

@media(max-width:667px){
	#contens {
		margin: 40px 0px 0px 0px;
		}
}

#header {
	width: 100%;
	top: 0px;
	background: rgba(255, 255, 255, 0.95);
	position: fixed;
}


/* Contens
---------------------------------------- */

h1{
	margin: 15px 0px 5px 0px;
	border-bottom: 2px solid #CCCCCC;
	padding: 0px 10px 10px 10px; /* top right bottom left */
	text-align: center;
	font-size: 170%;
	font-weight: normal;
	line-height:135%;
}

@media(max-width:667px){
	h1 {
	margin: 10px 0px 3px 0px;
	padding: 5px 10px 15px 10px;
	font-size: 140%;
		}
}


h2 {
	margin: 20px 0px 15px 0px;
	padding: 3px 0px 3px 10px;
	font-size: 139%;
	font-weight: normal;
	border-left: 3px solid #339;

}

h3 {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #444;
	font-size: 116%;
	font-weight: bold;
	line-height:150%;
	/*background-color : #FFFFFF;*/
}

h2 + h3 {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #444;
	font-size: 116%;
	font-weight: bold;
	line-height:150%;
	/*background-color : #FFFFFF;*/
}

h4 {
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	color: #555;
	padding-top: 10px;
	font-size: 100%;
	line-height:100%;
}

ul{
/*	list-style:none;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.page {
	line-height:180%;
	margin:0px 0px 0px 0px;
	padding: 20px 28px 20px 28px;
	border-bottom: 1px solid #DEDEDE;
	background: #FFF;
}

ul.page :last-child{
	border-bottom: 0px solid;
}

ol{
	display: list-item;
	list-style-type: decimal;
/*	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
}

ol.page {
	line-height:180%;
	margin:0px 0px 40px 0px;
	padding: 20px 28px 20px 28px;
	border-bottom: 1px solid #DEDEDE;
	background: #FFF;
}

/*
ul.page li:nth-child(even){
	background: #F2F2F2;
}
*/

/*
	ul.page li:last-child{
	padding: 10px 0px 10px 0px;
	border-bottom: 5px solid #CCCCCC;
	background: #F2F2F2;
	}
*/

ol.li{
	line-height:280%;
	padding: 10px 15px 10px 15px;
	border-bottom: 1px solid #CCCCCC;
/*
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
*/
}

li{
	line-height:280%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*

li:hover {
	background-color:#f0f0f0;
}
*/

li > p {
	line-height:120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}


li + h2 {
	margin: 38px 0px 10px 12px;
	padding: 3px 0px 3px 10px;
	font-size: 139%;
	font-weight: normal;
	border-left: 3px solid #339;
	}

.date{
	border-bottom: 1px solid #CCCCCC;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 4px;
	text-align: center;
	font-size: 100%;
}


div.sample > a.num{
	font-family:"Source Code Pro";
}
/*
---------------------------------------- */
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}

@media(max-width:667px){
  .pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
}


div.ftr {
	line-height:180%;
	margin:0px 0px 0px 0px;
	padding: 20px 28px 20px 28px;
	border-bottom: 1px solid #DEDEDE;
	background: #f4f4f4;
}
/* footer
---------------------------------------- */

.footer {
	margin-top: 40px;
	padding-top: 10px;
	padding-left: 13px;
	padding-bottom: 20px;
	border-top: 2px solid #CCCCCC;
	font-size: 93px;
}

/* font-size
---------------------------------------- */

.fntW-BLD{font-weight: bold;}

.fntS-10 {font-size: 77%;}
.fntS-11 {font-size: 85%;}
.fntS-12 {font-size: 93%;}
.fntS-13 {font-size: 100%;}
.fntS-14 {font-size: 108%;}
.fntS-15 {font-size: 116%;}
.fntS-16 {font-size: 124%;}
.fntS-17 {font-size: 131%;}
.fntS-18 {font-size: 139%;}
.fntS-19 {font-size: 147%;}
.fntS-20 {font-size: 154%;}

/* font-color
---------------------------------------- */

.fntC-RED1 {color: #D90000;}
.fntC-GRN1 {color: #6DD900;}
.fntC-BLU1 {color: #006DD9;}
.fntC-GRY1 {color: #333333;}
.fntC-GRY2 {color: #666666;}
.fntC-GRY3 {color: #999999;}

/*
---------------------------------------- */

.bgC-1 {background-color : #E8F3FF;}
.bgC-2 {background-color : #EEEEEE;}


/*
---------------------------------------- */

.mgn-B10 { margin-bottom: 10px; }
.mgn-B15 { margin-bottom: 15px; }
.mgn-B20 { margin-bottom: 20px; }
.mgn-B25 { margin-bottom: 20px; }
.mgn-B30 { margin-bottom: 30px; }
.mgn-B40 { margin-bottom: 40px; }
.mgn-B50 { margin-bottom: 50px; }
.mgn-B60 { margin-bottom: 60px; }
.mgn-B70 { margin-bottom: 70px; }
.mgn-B80 { margin-bottom: 80px; }
.mgn-B90 { margin-bottom: 90px; }