@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');

.clear{ clear:both; height:0;}
.center{ text-align:center;}
.center_mt70{ text-align:center; margin:70px 0 70px 0}
img{ border:0; vertical-align:bottom;}
ul{ margin:0; padding:0; list-style:none;}

/*--- index ---*/
#container{ width:980px; margin:0 auto; color:#333; font-size:16px; line-height:200%; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container h1{ border-bottom:#E0E0E0 solid 1px; padding:30px 20px 25px; margin:0;}

#container h2{ margin:50px 0 30px; font-size:24px; padding:12px 20px 10px; background:#f2f2f2;}
#container h2.top{ margin:50px 0; text-align:center;}

#container .Wrap{ width:980px;}
#container .Wrap ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
#container .Wrap li{ background:url(../img/common/circle.png) no-repeat left 6px; padding-left:28px; margin-bottom:15px;}
#container .Wrap li.mb00{ margin-bottom:0;}
#container .Wrap a{ color:#01948A;}

#container p.note{ font-size:12px; line-height:140%; margin:90px 0 50px;}

/* 画像 > HTML化 */
a.btn_link_001 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	border: 5px solid #f0f0f0;
	display: inline-block;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	color: #4d4d4d;
	text-decoration: none;
}

a.btn_link_001::after {
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
	font-size: 16px;
	display: inline-block;
	margin-left: 10px;
	background: #01948A;
	color: #fff;
	width: 16px;
	height: 20px;
	padding-left: 4px;
	border-radius: 1000px;
	line-height: 20px;
	position: relative;
	top: -2px;
}

/* 画像 -> HTML化
------------------------------------------------------------------------*/
/* ページタイトル */
.header-area {
	text-align: center;
    border-bottom: #E5E5E5 solid 1px;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding-top: 30px;
}

.title-page-icon {
    width: 90px;
    padding: 25px 0 25px 20px;
    box-sizing: border-box;
	display: table-cell;
    vertical-align: bottom;
}

.title-page-icon img {
	max-width: 100%;
    vertical-align: bottom;
	margin-right: 10px;
    height: auto;
	display: inline-block;
}

#container h1.title-page-title,
.title-page-title {
    margin: 0 1em;
    padding: 5px 15px 15px 15px;
    color: #01948a;
    font-weight: 700;
	text-align: left;
    padding-bottom: 25px;
    font-size: 36px;
	display: table-cell;
    vertical-align: bottom;
	border: none;
	line-height: 100%;
	position: relative;
	top: -10px;
}

.title-page-subtitle {
    padding: 5px 5px 10px 10px;
    font-weight: 700;
    color: #464646;
	text-align: left;
    padding-bottom: 25px;
    font-size: 1.2em;
	display: table-cell;
    vertical-align: bottom;
	font-weight: normal;
	position: relative;
	top: -10px;
}


.pc{ display:inherit;}
.sp{ display:none;}