@charset "utf-8";
/* CSS Document */






/*---------------------------
ページタイトル
---------------------------*/
#page_head {
	position: relative;
	z-index: 1;
	height: 170px;
	background: 
		url(../common/img/line.png)center bottom 10px/2000px auto no-repeat,
		url(img/page_ttl_bg.jpg)center/cover no-repeat;
}
#page_head .page_ttl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
	text-align: center;
}

a.link_txt {
	text-decoration: underline;
}

/*テーブル01*/
.table01 {
	width: 100%;
}
.table01 th {
	width: 30%;
	padding: 10px 20px;
	border: 1px solid #dcd7d5;
	background: #97ac89;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
.table01 tr:not(:last-of-type) th {
	border-bottom: 1px solid #fff;
}
.table01 thead th {
	background: #759163;
}
.table01 td {
	padding: 10px 20px;
	border: 1px solid #dcd7d5;
	text-align: left;
	vertical-align: middle;
}


/*---------------------------
.circle_list
---------------------------*/
.circle_list li {
	width: 250px;
	height: 250px;
	padding: 50px 20px 20px;
	border-radius: 50%;
}
.circle_list li:not(:last-child) {
	margin-right: 30px;
}
.circle_list li:nth-child(1) {
	background: -webkit-gradient(linear,left top, left bottom,from(#c3deea),color-stop(50%, #6db7d9));
	background: linear-gradient(#c3deea,#6db7d9 50%);
}
.circle_list li:nth-child(2) {
	background: -webkit-gradient(linear,left top, left bottom,from(#8ab8df),color-stop(50%, #2470b3));
	background: linear-gradient(#8ab8df,#2470b3 50%);
}
.circle_list li:nth-child(3) {
	background: -webkit-gradient(linear,left top, left bottom,from(#d2e3c0),color-stop(50%, #8ebd5d));
	background: linear-gradient(#d2e3c0,#8ebd5d 50%);
}
.circle_list li .ttl {
	margin-bottom: 20px;
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
}
.circle_list li .txt {
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-size: 1.56rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
}

/*ul_num*/
.ul_num {
	counter-reset: number;
}
.ul_num li {
	position: relative;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-left: 55px;
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-weight: bold;
}
.ul_num li::before {
	/*flex設定*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*その他設定*/
	position: absolute;
	top: 0;
	left: 10px;
	counter-increment: number;
	content: counter(number);
	background: #662e16;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	font-size: 2rem;
}


/*================================

ここからPC～TABLET横適用（897px以上）

================================*/
@media(min-width: 897px) {
	/*---------------------------
	h1 + p
	---------------------------*/
	.h1_wrap{
		position: absolute;
		top: 0;
		font-size: 12px;
	}
	.section .inner {
		padding: 20px 40px 110px;
	}
	
	
	
}

/*================================

ここからTABLET縦・SP適用（896px以下）

================================*/
@media(max-width: 896px) {
	/*---------------------------
	h1 + p
	---------------------------*/
	.h1_wrap{
		font-size: 12px;
	}
	.access_main_cont {
		width: 100%;
	}

	/*---------------------------
	.circle_list
	---------------------------*/
	.circle_list li:nth-child(1) {
		margin-left: calc((100% - 250px)/2);
		margin-right: calc((100% - 250px)/2);
	}
	
	
}

/*================================

ここからSP適用（480px以下）

================================*/
@media(max-width: 480px) {
	/*flexの打消し*/
	.fl_btw_cen,
	.fl_btw_str {
		display: block;
	}
	.picPart,
	.picPart02,
	.picPart03,
	.picPart04,
	.picPart05,
	.row-rev_nowrap .picPart,
	.row-rev_nowrap .picPart02,
	.row-rev_nowrap .picPart03,
	.row-rev_nowrap .picPart04,
	.row-rev_nowrap .picPart05
	{
		width: 100%;
		text-align: center;
	}
	.txtPart, 
	.txtPart02, 
	.txtPart03, 
	.txtPart04, 
	.txtPart05 {
		width: 100%;
	}

	/*---------------------------
	.circle_list
	---------------------------*/
	.circle_list {
		display: block;
	}
	.circle_list li {
		margin: 0 0 20px!important;
		padding: 20px;
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	
	/*テーブル01*/
	.table01 th {
		display: block;
		width: 100%;
		border-bottom: none!important;
	}
	.table01 tr:not(:last-of-type) td {
		border-bottom: none;
	}
	.table01 td {
		display: block;
		width: 100%;
	}

	/*テーブル02*/
	.table02 {
		width: 100%;
	}
	.table02 th {
		width: 110px;
		padding: 10px 20px;
		border: 1px solid #dcd7d5;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		font-weight: bold;
		text-align: center;
		color: #fff;
		vertical-align: middle;
	}
	.table02 tr:not(:last-of-type) th {
		border-bottom: 1px solid #fff;
	}
	.table02 tr:nth-child(1) th {
		background: #171c60;
	}
	.table02 tr:nth-child(2) th {
		background: #2892aa;
	}
	.table02 tr:nth-child(3) th {
		background: #85c6e4;
	}
	.table02 td {
		padding: 10px 20px;
		border: 1px solid #dcd7d5;
		font-size: 1.4rem;
		text-align: left;
		vertical-align: middle;
	}
	
}