@charset "UTF-8";
.mainTop {
	max-width:1300px;
	margin:0 auto;
	position:relative;
	text-align:center;
	z-index:800;
}

.mainTop .img01 {
	position:absolute;
	left:0%;
	top:4%;
	width:100%;
}

.mainTop .img02 {
	position:absolute;
	left:0%;
	bottom:27%;
	width:100%;
	background: rgba(255, 255, 255, 0.9);
	padding:10px 0;
}

.mainTop .img02 img {
	line-height:1;
	vertical-align:bottom;
}

.boxTop01 {
	max-width:980px;
	padding:0 10px;
	margin:40px auto 30px;
}

.lstTop01 li {
	width:31%;
	margin:10px;
	float:left;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	background:url(../../img/common/header/border.png) repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	padding-right:5px;
}

.lstTop01 li:hover {
	opacity:.7;
}

.lstTop01 li p {
	background:#fafafa;
	text-align:center;
	padding:15px 0;
	margin-left:-5px;
	margin-top:-5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.lstTop01 li:nth-child(3) p {
	background:#00a0e9;
}


.lstTop01 li a {
	font-size:18px;
	font-weight:bold;
}

.lstTop01 li:nth-child(3) p a {
	color:#fff;
}



.lstTop01 li:nth-child(6) p {
    	background: #e41b7f;
	}
	
	.lstTop01 li:nth-child(6) p a {
		background: #e41b7f;
		color:#fff;
	}

.lstTop01 li span {
		display:none;
		-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}
	
	
.boxTop02 {
	background:#fafafa;
	padding:50px 0 40px;
}

.boxTop02 .inner {
	max-width:980px;
	padding:0 10px;
	margin:0 auto;
}

.h2_top {
	font-size:14px;
	margin-bottom:10px;
}

.h2_top span {
	font-family:'ost';
	font-size:34px;
	margin-right:15px;
	display: inline-block;
	vertical-align: middle;
}
.h2_top em {
	display: inline-block;
	vertical-align: middle;
}

.lstTop02 li {
	background:url(../../img/top/ico_arrow.png) no-repeat right 10px center;
	border-bottom:1px dotted #000;
	padding:10px 0;
}

.lstTop02 li span {
	color:#fff;
	font-family:'ost';
	font-size:15px;
	display:inline-block;
	vertical-align:middle;
	padding:5px 8px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:10px;
	line-height:1;
	letter-spacing:2px;
}

.lstTop02 li strong span {
	display: none;
}
.lstTop02 li strong span:first-child {
	display: inline-block;
}

.lstTop02 li em {
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
}

.lstTop02 li .cl01 {
	background:#972d83;
}

.lstTop02 li .cl02 {
	background:#00a0e9;
}

.boxTop03 {
	padding:70px 0;
	background:#00a0e9;
	margin-bottom:70px;
}

.h2_top02 {
	text-align:center;
	font-size:16px;
	margin-bottom:45px;
}

.h2_top02 span {
	display:inline-block;
	background:url(../../img/top/ico01.png) no-repeat left 5px;
	background-size:50px auto;
	font-size:59px;
	font-family:'ost';
	padding-left:65px;
	line-height:1;
}

.lstTop03 li {
	float:left;
	width:48.5%;
	margin-left:3%;
	color:#fff;
	font-size:20px;
	font-weight:400;
}

.lstTop03 li:first-child {
	margin-left:0;
}

.lstTop03 li .ico_numb {
	margin-top:-22px;
	margin-bottom: 6px;
}

.lstTop03 li .ico_numb img {
	width:auto;
	height:54px;
	margin-right:15px;
	display: inline-block;
	vertical-align: bottom;
}

.lstTop03 li:first-child .ico_numb img {
	margin-right:10px;
}

.lstTop03 li .ico_numb span {
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:inline-block;
	vertical-align: bottom;
	padding:2px 10px;
	font-size:12px;
}

.bg_pink {
	background:#e41b7f;
}

.bg_green {
	background:#90c320;
}

.bg_blue {
	background:#234ea2;
}

.bg_dark {
	background:#972d83;
}

.bg_yellow {
	background:#f8b62b;
}

.w30 li {
	width:31.2%;
}

.mb_40 {
	margin-bottom:40px;
}

.btnTop {
	max-width:455px;
	margin:60px auto 0;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	background:url(../../img/top/border2.png) repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:18px;
	font-weight:bold;
}

.btnTop:hover {
	opacity:.8;
}

.btnTop p {
	background:#fafafa;
	text-align:center;
	padding:15px 0;
	margin-left:-5px;
	margin-top:-5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btnTop02 {
	max-width:455px;
	margin:60px auto 0;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	background:url(../../img/common/header/border.png) repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:18px;
	font-weight:bold;
}

.btnTop02:hover {
	opacity:.7;
}

.btnTop02 p {
	background:#fafafa;
	text-align:center;
	padding:15px 0;
	margin-left:-5px;
	margin-top:-5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btnTop02 i {
	margin-right:10px;
	font-weight:bold;
}

.boxTop04 {
	background:#fafafa;
	padding:80px 0 60px;
}

.titTop {
	color:#00a0e9;
	margin-bottom:25px;
}

.titTop .title {
	display:inline-block;
	vertical-align:middle;
	font-size:28px;
	margin-left:15px;
	font-weight:bold;
}

.titTop .smallTxt {
	display:inline-block;
	vertical-align:middle;
	font-family: 'ost';
	font-size:18px;
	margin-left:15px;
	line-height:1;
	margin-top:4px;
}

.titTop .ico_numb {
	display:inline-block;
	vertical-align:middle;
	background:#f7ee14;
	font-size:18px;
	font-family: 'brush';
	width:85px;
	height:85px;
	text-align:center;
	padding-top:17px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-style:italic;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height:1;
}

.titTop .ico_numb div {
 -ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg); 
	 -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
    transform: rotate(-7deg);
}

.titTop .ico_numb span {
	font-size:48px;
	line-height:1;
}


.leftop {
	float:left;
	width:37%;
	font-size:14px;
	line-height:2;
}

.imgtop01 {
	float:right;
	width: 69%;
    margin-right: -10%;
	margin-top:-26%;
}

.imgtop01 img {
	width:100%;
	height:auto;
}


.righttop {
	float:right;
	width:72%;
	font-size:14px;
	line-height:2;
	margin-top:-30px;
}

.righttop ul {
	margin-top:40px;
}


.righttop ul li {
	float:left;
	width:32%;
	margin-left:10px;
}

.righttop ul li:first-child {
	margin-left:0;
}

.imgtop02 {
	float:left;
	width: 32%;
}

.imgtop02 img {
	width:100%;
	height:auto;
}


.leftop02 {
	float:left;
	width:67%;
	font-size:14px;
	line-height:2;
}

.leftop02 ul {
	margin-top:40px;
}

.leftop02 ul li {
	float:left;
	width:49%;
	margin-left:10px;
}

.leftop02 ul li:first-child {
	margin-left:0;
}

.imgtop03 {
    position: absolute;
    width: 35%;
    right: -4%;
    top: 50px;
}

.imgtop03 img {
	width:100%;
	height:auto;
}

.boxTop05 {
	position:relative;
	margin-top:30px;
}


.cd-main-content {
  position: relative;
  z-index: 1;
}


.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  background-attachment: fixed;
  padding:70px 0;
  color:#fff;
}


.cd-bg-1 {
	background-position: center bottom;
  background-image: url("../../img/top/bg_top.png");
}


.txt_w {
	color:#fff;
}

.w780 {
	max-width:800px;
	margin:0 auto;
	padding:0 10px;
}

.wrapTbl {
	width:82%;
	float:left;
}

.tblTop {
	width:100%;
}

.tblTop th {
	border-top:1px solid #7d7872;
	padding:10px 20px;
	width:42.4%;
	font-size:16px;
	font-weight: bold;
	vertical-align:top;
}

.w_th th {
	width:34.5%;
}

.tblTop tr td {
	border-top:1px solid #7d7872;
	padding:10px 0;
	font-size:14px;
}

.bd_bot {
	border-bottom:1px solid #7d7872;
}

.boxTop06 {
	background:#b2eb20;
	padding:70px 0;
}


.w690 {
	max-width:690px;
	margin:60px auto 0;
}

.btnTop03 {
	width:48%;
	float:left;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	background:url(../../img/common/header/border.png) repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:18px;
	font-weight:bold;
}

.btnTop03:hover {
	opacity:.7;
}

.btnTop03 p {
	background:#00a0e9;
	text-align:center;
	padding:18px 0;
	margin-left:-5px;
	margin-top:-5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pinkBtn {
	float:right;
}

.pinkBtn p {
	background:#e41b7f;
}

.btnTop03 a {
	color:#fff;
}


.lstTop04 li {
	float:left;
	width:48%;
	/*width:33%;*/
	/*width:48%;*/
	/*width:100%;*/
	text-align:center;
}

.mt_40 {
	position:relative;
}

.imgtop02 {
	position:absolute;
	bottom:0;
	left:0;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.lstTop01 li {
		margin:10px 8px;
	}
	
	.leftop {
		margin-top:0;
		width:40%;
	}
	
	.mt_40 {
		margin-top:40px;
	}
	
	.imgtop03 {
		position: absolute;
		width: 45%;
		right: -1%;
		top: 90px;
	}
	.lstTop03 li .ico_numb span {
		padding:2px 5px;
	}
	
		
}



@media only screen and (max-width:767px) {
	.mainTop {
		margin-top:95px !important;
	}
	
	.mainTop .img02 img {
		height:16px;
		width:auto;
	}
	
	
	.lstTop01 li span {
		display:none;
	}
	
	.lstTop01 li a {
		font-size:12px;
	}
	.lstTop02 li {
		background: none;
	}
	.lstTop02 li a {
		margin-top:8px;
		display:block;
	}
	
	.lstTop03 li {
		width:100%;
		margin-left:0;
		font-size:14px;
		margin-bottom:20px;
	}
	
	.lstTop03 li .ico_numb {
		margin-bottom:8px;
	}
	.lstTop03 li .ico_numb img {
		display: inline-block;
		vertical-align: bottom;
	}
	.lstTop03 li .ico_numb span {
		display: inline-block;
		vertical-align: bottom;
	}
	
	.mb_40 {
		margin-bottom:0;
	}
	
	.boxTop01 {
		margin:20px auto;
		padding: 0 20px;
	}
	
	.boxTop02 {
		padding:30px 0;
	}
	.boxTop02 .inner {
		padding: 0 20px;
	}
	
	.h2_top {
		font-size:10px;
	}
	
	
	
	.h2_top span {
		font-size:22px;
		display:inline-block;
		vertical-align:middle;
	}
	
	.h2_top em {
		display:inline-block;
		vertical-align:middle;
	}
	
	.lstTop02 li em {
		font-size:10px;
		display:inline-block;
		vertical-align:middle;
		font-weight: bold;
	}
	
	.lstTop02 li span {
		font-size:11px;
		display:inline-block;
		vertical-align:middle;
	}
	
	.h2_top02 span {
		font-size:40px;
		background: url(../../img/top/ico01.png) no-repeat left 5px;
    	background-size: 35px auto;
		padding-left:45px;
	}
	
	.h2_top02 {
		margin-bottom:18px;
	}
	
	.boxTop03 {
		padding:40px 0;
		margin-bottom:35px;
	}
	
	.btnTop {
		margin:30px auto 0;
	}
	
	.maxW {
		padding:0 20px;
	}
	
	.lstTop04 li {
		width:100%;
		margin-bottom:20px;
		padding:0 10%;
	}
	
	

	.boxTop04 {
		padding:40px 0 30px;
	}
	
	.titTop .ico_numb {
		width:57px;
		height:57px;
		font-size:12px;
		padding-top:12px;
	}
	.titTop .ico_numb span {
		font-size:32px;
	}
	
	.titTop .title {
		font-size:18px;
	}
	
	.titTop .title span {
		font-family: 'ost';
		font-size:12px;
		line-height:1;
	}
	
	.titTop .smallTxt {
		display:none;
	}
	
	.leftop {
		width:100%;
	}
	
	.righttop {
		width:100%;
		margin-top: 20px;
	}
	
	.ml_sp_0 {
		width:72%;
	}
	
	.leftop02 {
		width:100%;
		margin-top:20px;
	}
	
	.wrapTbl {
		width:100%;
	}
	
	.tblTop th {
		font-size:13px;
		padding: 7px 0;
		width: 23.2% !important;
	}
	.tblTop tr td {
		padding: 7px 0;
		font-size: 12px;
	}
	
	.wrap15 {
		padding:0 15px;
	}
	.wrap20 {
		padding:0 20px;
	}
	
	.btnTop02 {
		font-size:13px;
		margin-top: 30px;
	}
	
	.boxTop06 {
		padding:35px 0;
	}
	
	.btnTop03 {
		width:100%;
		margin-top:15px;
		font-size:13px;
	}
	
	.w690 {
		padding:0 20px 0 25px;
		margin-top:30px;
	}
	
	.lstTop01 li:nth-child(5) p {
    	background: #00a0e9;
	}
	
	.lstTop01 li:nth-child(5) p a {
		background: #00a0e9;
		color:#fff;
	}
	
	.lstTop01 li:nth-child(6) p {
    	background: #e41b7f;
	}
	
	.lstTop01 li:nth-child(6) p a {
		background: #e41b7f;
		color:#fff;
	}
	
		.cd-main-content {
		  background-image: url("../../img/top/bg_top.png");
		  background-size:auto 100%;
		}
		
		
		.cd-fixed-bg {
		  position: relative;
		  min-height: 100%;
		  background-size: cover;
		  background-repeat: no-repeat;
		  background-position: center center;
		  z-index: 1;
		  background-attachment: fixed;
		  padding:40px 0 30px;
		  color:#fff;
		}
		
		
		.cd-bg-1 {
			background:none;
		}
		
		.lstTop01 li:nth-child(3) p {
			background:#fafafa;
		}
		
		.lstTop01 li:nth-child(3) p a {
			color:#000;
		}
		
		.mainTop .img01 {
		top:-15%;
		}
		
		.mainTop .img02 {
			bottom:23%;
			padding:3px 0;
		}
		
		.img07_sp {
			margin-top:-12%;
			margin-bottom:-5%;
		}
	
}

@media only screen and (min-width:641px) and (max-width:767px) {
	.lstTop01 li {
		width:48%;
		margin:10px 6px;
	}
	
		.cd-main-content {
		  background-image: url("../../img/top/bg_top.png");
		  background-size:cover;
		}
		
		
		.cd-fixed-bg {
		  position: relative;
		  min-height: 100%;
		  background-size: cover;
		  background-repeat: no-repeat;
		  background-position: center center;
		  z-index: 1;
		  background-attachment: fixed;
		  padding:70px 0;
		  color:#fff;
		}
		
		
		.cd-bg-1 {
			background:none;
		}
		
		
}


@media only screen and (min-width:320px) and (max-width:640px) {
	.lstTop01 li {
		width: 46.6%;
    margin: 10px 0 10px 5px;
	}
	

.lstTop01 li p {
	min-height: 50px;
	position: relative;
}

.lstTop01 li p a {
	display: block;
	width:100%;
	position: absolute;
	top:50%;
	z-index:100;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	.lstTop01 li:nth-child(even) {
		float: right;
	}
	.mainTop {
		margin-top:95px !important;
	}
}

@media only screen and (min-width:320px) and (max-width:480px) {
	.boxTop06 {
		font-size:12px;
	}
}