@charset "shift_jis";

#contents-inner h2,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}
#contents-inner img {
	vertical-align: bottom;
}
#contents-inner {
	background: url(../img/contents_inner_bg.png) left top repeat-y;
	background-size: 100%;
}

/* soft-title */
#soft-title {
	background: #FFF;
}
#soft-title h1 {
	display: table;
	min-width: 298px;
	margin: 0;
	padding: 8px;
	color: #000;
	/*border-left: 6px solid #0096C8;*/
	font-size: 12px;
}
#soft-title h1 .hard,
#soft-title h1 .soft-title-name {
	display: table-cell;
	vertical-align: middle;
}
#soft-title h1 .hard {
	/*margin-right: 8px;*/
	color: #000;
	font-size: 25px;
	font-weight: bold;
}
#soft-title h1 .soft-title-name {
	line-height: 1.2;
	font-weight: bold;
}

/* main-title */
#main-title {
	background: url(../img/bg_main.png) no-repeat center top;
	background-size: contain;
}

/* section 01 */
#section01 {
	position: relative;
	top: -1.5em;
}

/* section02 */
#section02 {
	position: relative;
	top: -1.5em;
}
#section02 h2 {
	position: relative;
	width: 100%;
}
span.movTxt {
	position: absolute;
	display: block;
	top: 86.5%;
	left: 40.8%;
	letter-spacing: -0.4em;
	width: 40%;
}
#main #section02 h2 .movTxt {
	display: inline-block;
	white-space: nowrap;
}
span.movTxt span {
	display: inline-block;
	vertical-align: middle;
}
span.movTxt span img {width: 100%;}
span.movTxt span:nth-of-type(1) {
	-webkit-animation: animation 2s ease 0s infinite;
	animation: animation 2s ease 0s infinite;
	width: 21.35%;
}
span.movTxt span:nth-of-type(2) {
	-webkit-animation: animation 2s ease 0.1s infinite;
	animation: animation 2s ease 0.1s infinite;
	width: 21.35%;
}
span.movTxt span:nth-of-type(3) {
	-webkit-animation: animation 2s ease 0.2s infinite;
	animation: animation 2s ease 0.2s infinite;
	width: 22.06%;
}
span.movTxt span:nth-of-type(4) {
	-webkit-animation: animation 2s ease 0.3s infinite;
	animation: animation 2s ease 0.3s infinite;
	width: 15.65%;
}
span.movTxt span:nth-of-type(5) {
	-webkit-animation: animation 2s ease 0.4s infinite;
	animation: animation 2s ease 0.4s infinite;
	width: 19.57%;
}
@-webkit-keyframes animation {
	0% {
		margin-top: 0;
	}
	5% {
		margin-top: -1em;
	}
	10% {
		margin-top: 0;
	}
	13% {
		margin-top: -0.5em;
	}
	16% {
		margin-top: 0;
	}
	18% {
		margin-top: -0.2em;
	}
	20% {
		margin-top: 0;
	}
}
@keyframes animation {
	0% {
		margin-top: 0;
	}
	5% {
		margin-top: -1em;
	}
	10% {
		margin-top: 0;
	}
	13% {
		margin-top: -0.5em;
	}
	16% {
		margin-top: 0;
	}
	18% {
		margin-top: -0.2em;
	}
	20% {
		margin-top: 0;
	}
}

#section02 .detail {
	width: 100%;
	margin: 0 auto;
}
.olTxtArea {
	float: left;
	width: 29%;
	padding: 0 2.5% 0 3%;
	background: url(../img/section02_bg_arrow.png) no-repeat center 10px;
	background-size: 55% 85%;
}
.olTxtArea li:nth-child(1) {padding-bottom: 4%;}
.olTxtArea li:nth-child(2) {padding-bottom: 11%;}
.olTxtArea li:nth-child(3) {padding: 20% 0 30%;}
.olTxtArea li:nth-child(4) {padding-top: 7%;position: relative;}
.olTxtArea li img.inBalloon {
    position: absolute;
    top: 19%;
    left: 14%;
    width: 72% !important;
}
.olImgArea {
	float: right;
	width: 61.8%;
	padding-right: 3.7%;
}
.olImgArea li:nth-child(1) {padding-bottom: 5%;}
.olImgArea li:nth-child(2) {padding-bottom: 5%;}
.olTxtArea li img,
.olImgArea li img {
	width: 100%;
}
#main #section02 .txt02 {
	padding-left: 29px;
}
#main #section02 .txt03 {
	padding: 10px 0 28px 29px;
}
#main #section02 .txt04 {
	padding: 50px 0 76px 29px;
}
#main #section02 .txt05 {
	padding: 5px 0 0 15px;
}
#main #section02 .txt05 .inBalloon {
	position: relative;
	top: -236px;
	left: 37px;
}
/* section03 */
#section02 {
	position: relative;
	top: -1.5em;
}

#section03 .slider-box {
	background: url(../img/section03_soft_img_bg.png) left top no-repeat;
	background-size: 100%;
}
#section03 .slider-box ul,li,
#section03 .slider-box ul,li {
	margin: 0;
	padding: 0;
}
#section03 .slider-box ul,
#section03 .slider-box ul {
	list-style: none;
}
#section03 .slider,
#section03 .bxslider {
	width: 100%;
}
/* aside */
.aside {
	margin: 0.5em 1em 3em;

}
.caution li:before {
	content: "\203B";
	padding-right: .5em;
}
.caution li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
	font-size: 14px;
}
.caution li a {
	text-decoration: underline;
	color: #0000ee;
	padding: 0 .3em;
	word-break: break-all;
}
.caution li a:hover {text-decoration: none;}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}