@charset "utf-8";
/* -----------------------------------------
page.css
各ページ用css
----------------------------------------- */


#TopArea {
	padding-bottom: 120px;
}

#TopArea .text {
	width: 650px;
}

#TopArea .image {
	position: absolute;
	top: 60px;
	right:0;
}

#Section01_01 .anime {
	position: relative;
}

#Section01_01 .anime .animeImg {
	position: absolute;
	top: 110px;
	right: 0;
	animation: updown 2s infinite;
}

@keyframes updown {
	0% { top: 0px; }
	50% { top: 20px; }
	100% { top: 0px; }
}


.wordList dt {
	float: left;
	color: #3867c2;
}

.wordList dd {
	overflow: hidden;
	margin-bottom: 10px;
}

#Section01_02 .anime {
	position: relative;
}

#Section01_02 .anime ul {
	position: absolute;
	left: 164px;
	top: 135px;
}

#Section02_01 h4 {
	margin-bottom: 25px;
	font-size: 120%;
	color: #3867c2;
}

#Section02_01 .anime {
	position: relative;
}

#Section02_01 .anime ul {
	position: absolute;
	left: 36px;
	top: 4px;
}


.columnBox {
	position: relative;
	background: url(../img/box_01_top.gif) no-repeat 0 0;
	padding-top: 135px;
	width: 833px;
	margin: 0 auto;
}

.columnBox .boxInner {
	background: url(../img/box_01_btm.gif) no-repeat 0 100%;
	padding: 0 44px 42px;
	line-height: 1.7;
}

.columnBox h4 {
	position: absolute;
	top: -14px;
	left: 20px;
}

#Section01_02 .animeGraph ul {
	position: absolute;
	left: 139px;
	top: 166px;
	width: 566px;
	height: 150px;
}

#Section01_02 .animeGraph ul:before {
	background: url(../img/01_img_02_line.png) no-repeat 46px 116px;
}

#Section01_02 .animeGraph ul li.s_01 {
	position: absolute;
	top: 75px;
	left: 12px;
}
#Section01_02 .animeGraph ul li.s_02 {
	position: absolute;
	top: 82px;
	left: 135px;
}
#Section01_02 .animeGraph ul li.s_03 {
	position: absolute;
	top: 83px;
	left: 252px;
}
#Section01_02 .animeGraph ul li.s_04 {
	position: absolute;
	top: 84px;
	left: 369px;
}
#Section01_02 .animeGraph ul li.s_05 {
	position: absolute;
	top: 85px;
	left: 498px;
}


#Section02_01 .animeGraph ul {
	position: absolute;
	left: 31px;
	top: -4px;
	width: 433px;
	height: 125px;
}

#Section02_01 .animeGraph ul:before {
	background: url(../img/02_img_01_line.png) no-repeat 32px 79px;
}

#Section02_01 .animeGraph ul li.s_01 {
	position: absolute;
	top: 40px;
	left: 0;
}
#Section02_01 .animeGraph ul li.s_02 {
	position: absolute;
	top: 47px;
	left: 85px;
}
#Section02_01 .animeGraph ul li.s_03 {
	position: absolute;
	top: 52px;
	left: 173px;
}
#Section02_01 .animeGraph ul li.s_04 {
	position: absolute;
	top: 54px;
	left: 266px;
}
#Section02_01 .animeGraph ul li.s_05 {
	position: absolute;
	top: 57px;
	left: 358px;
}


.moreLink {
	float: left;
	position: relative;
	top: -36px;
	background: url(../img/banner_02_bg_01.png?2203) no-repeat 0 0;
	padding: 170px 30px 0;
	width: 900px;
	height: 327px;
}

.newsBnr {
	margin: 10px 0 0 -30px;
}

#Box01 {
	position: relative;
	margin-top: 40px;
	padding-top: 138px;
	width: 722px;
}
#Box01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 138px;
	background: url(../img/box_bg_top_01.png) no-repeat 0 0;
	z-index: -1;
}
#Box01::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 138px;
	background: url(../img/box_bg_btm_01.png) no-repeat 0 100%;
	z-index: -1;
}

#Box01 .boxInner {
	position: relative;
	padding: 30px 44px 40px;
}

#Box01 .boxInner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% - 138px);
	width: 100%;
	background: url(../img/box_bg_mid_01.png) repeat-y 0 0;
	z-index: -1;
}

#Box01 h4 {
	position: absolute;
	top: -121px;
	left: 16px;
}
#Box01 .bannerBox {
	display: flex;
	justify-content: space-between;
}

.iconArea01 {
	display: flex;
	justify-content: space-between;
}
.iconArea01-left {
	width: 60px;
}
.iconArea01-left-right {
	width: calc(100% - 60px);
	padding-top: 15px;
}
.iconArea01-left-icon02 {
	margin-top: 100px;
}
.iconArea01-left-icon03 {
	margin-top: 20px;
}