@charset "utf-8";

@media screen and (max-width: 768px){
	.main-wrap1 {
		width: 100%;
		height: calc(130vw - 50px);
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .content-wrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		z-index: -1;
		position: relative;
	}
	.main-wrap1 .content-wrap .content01_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg_top_01_sp.jpg") no-repeat center top;
		background-size: 120%;
		transition: opacity 1s;
	}
	.main-wrap1 .content {
		width: 90%;
		margin: 0 auto;
		z-index: 1;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.main-wrap1 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .slidefr {
		width: 100%;
		position: relative;
		margin: 0;
		overflow: hidden;
	}
	.ipad .main-wrap1 .slidefr,
	.mobile.yoko .main-wrap1 .slidefr {
		width: 800px;
	}
	.main-wrap1 .slidefr .slidemain {
		width: 100%;
		height: 130vw;
		overflow: hidden;
		margin: 0 auto 0 auto;
		position: relative;
		background-color: #aaa;
	}
	.ipad .main-wrap1 .slidefr .slidemain,
	.mobile.yoko .main-wrap1 .slidefr .slidemain {
		height: 467px;
	}
	.main-wrap1 .slidefr .slidemain .slider {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 50;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg1 {
		background-image: url("../img/mv_01_sp.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg2 {
		background-image: url("../img/mv_02_sp.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg3 {
		background-image: url("../img/mv_03_sp.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidernavfrlist {
		width: 100%;
		padding: 5px 0 0 0;
		text-align: center;
		position: absolute;
		z-index: 1000;
		bottom:10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.main-wrap1 .slidernavfrlist span {
		display: inline-block;
		width: 50px;
		height: 5px;
		margin: 0 10px 0 10px;
		cursor: pointer;
		background-color: #fff;
	}
	.main-wrap1 .slidernavfrlist span.active {
		background-color: #000;
	}
	.main-wrap2 {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 30px 0 50px 0;
		background: #e6e6e6;
	}
	.main-wrap2 .content-wrap {
		width: 90%;
		margin: 0 auto;
	}
	.main-wrap2 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .inner ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.main-wrap2 .inner ul li.list-left {
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	.main-wrap2 .inner ul li.list-left h3 {
		font-size: 20px;
		line-height: 1.4em;
		color:#000;
		text-align: left;
	}
	.main-wrap2 .inner ul li.list-left h3 img {
		width: 100%;
	}
	.main-wrap2 .inner p {
		padding: 15px 0 0 0;
		font-size: 14px;
		font-weight: 600;
		line-height: 2.2em;
		color:#fff;
	}
	.main-wrap2 .inner ul li.list-left span{
		display: block;
		width: 50%;
	}
	.main-wrap2 .inner ul li.list-right {
		display: inline-block;
		width: 70%;
		margin: 0 auto;
		vertical-align: top;
		font-size: 14px;
	}
	.main-wrap2 .inner ul li.list-right ul li dl {
		padding: 10px 0;
		border-bottom: 2px solid #cfcfcf;
	}
	.main-wrap2 .inner ul li.list-right ul li:first-child dl {
		padding-top: 0;
	}
	.main-wrap2 .inner ul li.list-right ul li:last-child dl {
		border-bottom: none;
	}
	.main-wrap2 .inner ul li.list-right ul li dl dt {
		font-weight: bold;
	}
	.main-wrap2 .inner ul li.list-right a {
		color: #000;
	}
	.main-wrap2 .inner ul li.list-right a.btn {
		display: inline-block;
		position: relative;
		margin: 20px 0 0 0;
		padding: 0 50px 0 0;
		color: #000;
		font-weight: bold;
		font-size: 16px;
		border-bottom: 2px solid #000;
		float: right;
	}
	.main-wrap2 .inner ul li.list-right a.btn .text{
		position: relative;
		left: 0;
		transition: background-color 0.6s;
		transition: left 0.6s;
	}
	.main-wrap2 .inner ul li.list-right a.btn:hover .text {
		left:5px;
	}
	.main-wrap2 .inner ul li.list-right a.btn span.icon {
		display: inline-block;
		width: 8px;
		height: 12px;
		fill:#000;
		position: absolute;
		top: 0;
		right:0;
		transition: right 0.6s;
	}
	.main-wrap2 .inner ul li.list-right a.btn:hover span.icon {
		right: 5px;
	}
	.main-wrap2 .inner ul li.list-right a.btn span.icon .svg {
		width: 100%;
		height: 100%;
		fill:#000;
	}
	.main-wrap3 {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 50px 0 50px 0;
		position: relative;
		background: #fff;
	}
	.main-wrap3 .content-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap3 .content {
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}
	.main-wrap3 .inner ul li.list-left {
		display: block;
		width: 100%;
	}
	.main-wrap3 .inner ul li.list-left h3 {
		font-size: 20px;
		line-height: 1.4em;
		color:#000;
		text-align: center;
	}
	.main-wrap3 .inner ul li.list-left h3 span {
		width: 14%;
		display: block;
		margin: 0 auto;
	}
	.main-wrap3 .inner ul li.list-left h3 img {
		width: 100%;
	}
	.main-wrap3 .inner ul li.list-right {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap3 .inner ul li.list-right p {
		font-size: 14px;
		font-weight: 600;
		line-height: 2.2em;
		color:#000;
		padding: 25px 0 0 0;
	}
	.main-wrap4 {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 160px 0;
		position: relative;
	}
	.main-wrap4 .content-wrap .content04_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-04_sp.jpg") no-repeat top center;
		background-size: auto;
		transition: opacity 1s;
	}
	.main-wrap4 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap4 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner-wrap::before {
		content:" ";
		width: 70%;
		display: block;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		background: #000;
	}
	.main-wrap4 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner h3 {
		width: 70%;
		padding: 15px 5% 15px 5%;
		font-size: 20px;
		line-height: 1.4em;
		color:#fff;
		text-align: right;
	}
	.main-wrap4 .inner h3 span {
		display: block;
		width: 20%;
		margin-left: auto;
		margin-right: 40px;
	}
	.main-wrap4 .inner h3 img {
		width: 100%;
	}
	.main-wrap5 {
		width: 100%;
		margin: 0 auto;
		position: relative;
		background-color: #f5f5f5;
	}
	.main-wrap5 .content-wrap {
		width: 90%;
		margin: 0 auto;
		padding: 50px 0 50px 0;
		position: relative;
	}
	.main-wrap5 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap5 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap5 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap5 .inner ul.list-top {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		font-size: 0;
		text-align: center;
	}
	.main-wrap5 .inner ul.list-top li {
		display: block;
		margin: 30px auto 0 auto;
	}
	.main-wrap5 .inner ul.list-top li:first-child {
		margin-top:0;
	}
	.main-wrap5 .inner ul li a {
		display: inline-block;
	}
	.main-wrap5 .inner ul li a .list-link-wrap {
		display: inline-block;
		width: 20vw;
	}
	.main-wrap5 .inner ul li a .list-link-wrap img {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap5 .inner ul li a .list-link-inner {
		display: inline-block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.main-wrap5 .inner ul li a .list-link-inner .list-detail-wrap {
		display: inline-block;
		margin: 0 auto;
		padding:0;
		position: relative;
		z-index: 10;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		display: inline-block;
		font-size: 16px;
		color:#000;
		padding: 0 30px 0 0;
		text-align: left;
		font-weight: 600;
		transition: color 0.4s;
		border-bottom: 2px solid #000;
		position: relative;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 6px;
		height: 9px;
		fill:#000;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap5 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		fill:#000;
		right: 5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap5 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .svg {
		right:0;
	}
	.main-wrap6 {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 160px 0;
		position: relative;
	}
	.main-wrap6 .content-wrap .content06_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-06_sp.jpg") no-repeat center center;
		background-size: cover;
		transition: opacity 1s;
	}
	.main-wrap6 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap6 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .inner-wrap::before {
		content:" ";
		display: block;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		width: 70%;
		background: #000;
	}
	.main-wrap6 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .inner h3 {
		width: 70%;
		padding: 15px 5% 15px 5%;
		font-size: 20px;
		line-height: 1.4em;
		color:#fff;
		text-align: right;
	}
	.main-wrap6 .inner h3 span {
		display: block;
		width: 20%;
		margin-left: auto;
		margin-right: 40px;
	}
	.main-wrap6 .inner h3 img {
		width: 100%;
	}
	.main-wrap7 {
		width: 100%;
		margin: 0 auto;
		position: relative;
		background-color: #f5f5f5;
	}
	.main-wrap7 .content-wrap {
		width: 90%;
		margin: 0 auto;
		padding: 50px 0 50px 0;
		position: relative;
	}
	.main-wrap7 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap7 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap7 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap7 .inner ul.list-top {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		font-size: 0;
		text-align: center;
	}
	.main-wrap7 .inner ul.list-top li {
		display: block;
		margin: 30px auto 0 auto;
	}
	.main-wrap7 .inner ul.list-top li:first-child {
		margin-top:0;
	}
	.main-wrap7 .inner ul li a {
		display: inline-block;
	}
	.main-wrap7 .inner ul li a .list-link-wrap {
		display: inline-block;
		width: 20vw;
	}
	.main-wrap7 .inner ul li a .list-link-wrap img {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap7 .inner ul li a .list-link-inner {
		display: inline-block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.main-wrap7 .inner ul li a .list-link-inner .list-detail-wrap {
		display: inline-block;
		margin: 0 auto;
		padding:0;
		position: relative;
		z-index: 10;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		display: inline-block;
		font-size: 16px;
		color:#000;
		padding: 0 30px 0 0;
		text-align: left;
		font-weight: 600;
		transition: color 0.4s;
		border-bottom: 2px solid #000;
		position: relative;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 6px;
		height: 9px;
		fill:#000;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap7 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		fill:#000;
		right: 5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap7 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .svg {
		right:0;
	}
	.main-wrap8 {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap8 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 110px 0 110px 0;
		position: relative;
	}
	.main-wrap8 .content-wrap .content08_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-08_sp.jpg") no-repeat center center;
		background-size: cover;
		transition: opacity 1s;
	}
	.main-wrap8 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap8 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap8 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap8 .inner h3 {
		width: 100%;
		padding: 0;
		text-align: center;
		font-size: 20px;
		line-height: 1.4em;
		color:#fff;
	}
	.main-wrap8 .inner > h3 > span {
		display: block;
		width: 20%;
		margin:0 auto;
	}
	.main-wrap8 .inner h3 img {
		width: 100%;
	}
	.main-wrap8 .inner ul.list-top {
		width: 100%;
		margin: 60px auto 0;
		padding: 0;
		list-style: none;
		font-size: 0;
		text-align: center;
	}
	.main-wrap8 .inner ul.list-top li {
		width: 90%;
		display: inline-block;
		vertical-align: top;
	}
	.main-wrap8 .inner ul.list-top li a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-wrap {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-wrap img {
		margin: 0 auto;
		width: 20vw;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner {
		display: inline-block;
		font-size: 16px;
		line-height: 1em;
		font-weight: 500;
		color: #0099cc;
		position: relative;
		z-index: 10;
		transition: color 0.8s;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap {
		display: inline-block;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		display: inline-block;
		font-size: 16px;
		color:#fff;
		padding: 0 30px 0 0;
		text-align: left;
		font-weight: 600;
		transition: color 0.4s;
		border-bottom: 2px solid #fff;
		position: relative;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 6px;
		height: 9px;
		fill:#fff;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap8 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		fill:#fff;
		right: 5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap8 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .svg {
		right:0;
	}
	.show.background {
		opacity: 1!important;
		transition: opacity 1s;
	}
}

@media screen and (min-width: 769px){
	.main-wrap {
		overflow: hidden;
	}
	.main-wrap1 {
		min-width: 1200px;
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		position: relative;
	}
	.ipad .main-wrap1,
	.mobile.yoko .main-wrap1 {
		height: 467px;
	}
	.main-wrap1 .content-wrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		z-index: -1;
		position: relative;
	}
	.main-wrap1 .content-wrap .content01_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		min-width: 1000px;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		transition: opacity 1s;
	}
	.main-wrap1 .content {
		width: 1000px;
		margin: 0 auto;
		z-index: 1;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.main-wrap1 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .slidefr {
		width: 100%;
		position: relative;
		margin: 0;
		overflow: hidden;
	}
	.ipad .main-wrap1 .slidefr,
	.mobile.yoko .main-wrap1 .slidefr {
		width: 100%;
	}
	.main-wrap1 .slidefr .slidemain {
		width: 100%;
		height: calc(100vh - 120px);
		overflow: hidden;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.ipad .main-wrap1 .slidefr .slidemain,
	.mobile.yoko .main-wrap1 .slidefr .slidemain {
		height: 467px;
	}
	.main-wrap1 .slidefr .slidemain .slider {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg1 {
		background-image: url("../img/mv_01_pc.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg2 {
		background-image: url("../img/mv_02_pc.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidefr .slidemain .hero-bg3 {
		background-image: url("../img/mv_03_pc.jpg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-wrap1 .slidernavfrlist {
		width: 100%;
		height: 5px;
		padding: 0 0 0 0;
		text-align: center;
		position: absolute;
		z-index: 1000;
		bottom:50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.main-wrap1 .slidernavfrlist span {
		display: inline-block;
		width: 100px;
		height: 5px;
		margin: 0 10px 0 10px;
		cursor: pointer;
		background-color: #fff;
	}
	.main-wrap1 .slidernavfrlist span.active {
		background-color: #000;
	}
	.main-wrap2 {
		min-width: 1200px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 40px 0 50px 0;
		background: #e6e6e6;
	}
	.mobile .main-wrap2 {
		padding: 40px 0 50px 0;
	}
	.main-wrap2 .content-wrap {
        width: 100%;
		margin: 0 auto;
	}
	.main-wrap2 .content {
		width: 1000px;
		margin: 0 auto;
	}
	.main-wrap2 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap2 .inner ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.main-wrap2 .inner ul li.list-left {
		display: inline-block;
		width: 320px;
		vertical-align: top;
	}
	.main-wrap2 .inner ul li.list-left h3 {
		font-size: 40px;
		line-height: 1.6em;
		color:#000;
	}
	.main-wrap2 .inner ul li.list-left h3 span {
		display: block;
		width: 90px;
	}
	.main-wrap2 .inner ul li.list-left h3 span img {
		width: 100%;
	}
	.main-wrap2 .inner ul li.list-right {
		display: inline-block;
		width: 670px;
		vertical-align: top;
	}
	.main-wrap2 .inner ul li.list-right a:hover .svg {
		right:5px;
	}
	.main-wrap2 .inner ul li.list-right ul li dl {
		padding: 10px 0;
		border-bottom: 2px solid #cfcfcf;
	}
	.main-wrap2 .inner ul li.list-right ul li:last-child dl {
		border-bottom: none;
	}
	.main-wrap2 .inner ul li.list-right ul li dl dt {
		width: 20%;
		display: inline-block;
		font-weight: bold;
		vertical-align: top;
	}
	.main-wrap2 .inner ul li.list-right dl dd {
		width: 60%;
		display: inline-block;
		vertical-align: middle;
		vertical-align: top;
	}
	.main-wrap2 .inner ul li.list-right a{
		color:#000;
	}
	.main-wrap2 .inner ul li.list-right a.btn {
		display: inline-block;
		position: relative;
		margin: 20px 0 0 0;
		padding: 0 50px 0 0;
		color: #000;
		font-weight: bold;
		font-size: 20px;
		border-bottom: 4px solid #000;
		float: right;
	}
	.main-wrap2 .inner ul li.list-right a.btn .text{
		position: relative;
		left: 0;
		transition: background-color 0.6s;
		transition: left 0.6s;
	}
	.main-wrap2 .inner ul li.list-right a.btn:hover .text {
		left:5px;
	}
	.main-wrap2 .inner ul li.list-right a.btn span.icon {
		display: inline-block;
		width: 10px;
		height: 16px;
		fill:#000;
		position: absolute;
		top: 0;
		right:0;
		transition: right 0.6s;
	}
	.main-wrap2 .inner ul li.list-right a.btn:hover span.icon {
		right: 5px;
	}
	.main-wrap2 .inner ul li.list-right a.btn span.icon .svg {
		width: 100%;
		height: 100%;
		fill:#000;
	}
	.main-wrap3 {
		min-width: 1200px;
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
		padding: 120px 0 100px 0;
		background: #f5f5f5;
	}
	.mobile .main-wrap3 {
		padding: 100px 0 100px 0;
	}
	.main-wrap3 .content-wrap {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap3 .content {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}
	.main-wrap3 .inner ul li.list-left {
		display: inline-block;
		width: 320px;
		vertical-align: top;
	}
	.main-wrap3 .inner ul li.list-left h3 {
		font-size: 40px;
		line-height: 1.6em;
		color:#000;
	}
	.main-wrap3 .inner ul li.list-left h3 span {
		display: block;
		width: 90px;
	}
	.main-wrap3 .inner ul li.list-left h3 span img {
		width: 100%;
	}
	.main-wrap3 .inner ul li.list-right {
		display: inline-block;
		width: 680px;
		vertical-align: top;
	}
	.main-wrap3 .inner ul li.list-right p{
		font-size: 26px;
		font-weight: 600;
		line-height: 2.2em;
		color:#000;
	}
	.main-wrap4 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		padding: 275px 0 275px 0;
		position: relative;
	}
	.main-wrap4 .content-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .content-wrap .content04_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		min-width: 1000px;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-04.jpg") no-repeat center center;
		background-size: cover;
		transition: opacity 1s;
	}
	.main-wrap4 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap4 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner-wrap::before {
		content:" ";
		display: block;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		width: calc((100% - 1000px) / 2 + 260px);
		background: #000;
	}
	.main-wrap4 .inner {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner h3 {
		font-size: 40px;
		line-height: 1.6em;
		color:#fff;
		padding: 40px 0 40px;
	}
	.main-wrap4 .inner h3 span {
		display: block;
		width: 90px;
	}
	.main-wrap4 .inner h3 span img {
		width: 100%;
	}
	.main-wrap5 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		padding: 110px 0 140px 0;
		position: relative;
		background-color: #f5f5f5;
	}
	.main-wrap5 .content-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap5 .content {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap5 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap5 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap5 .inner ul.list-top {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		text-align: center;
	}
	.main-wrap5 .inner ul.list-top li {
		width: 300px;
		display: inline-block;
		vertical-align: top;
	}
	.main-wrap5 .inner ul.list-top li a {
		display: block;
		width: 100%;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-wrap{
		display: block;
		width: 150px;
		height: 140px;
		margin: 0 auto;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-wrap img {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner {
		display: inline-block;
		width: 100%;
		position: relative;
		overflow: hidden;
		transition: border 0.4s;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap {
		display: inline-block;
		width: auto;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		position: relative;
		z-index: 10;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		display: inline-block;
		font-size: 24px;
		color:#000;
		padding: 0 50px 0 0;
		text-align: left;
		font-weight: 600;
		transition: color 0.4s;
		border-bottom: 4px solid #000;
		position: relative;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 12px;
		height: 18px;
		fill:#000;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap5 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap5 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		fill:#000;
		right: 5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap5 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .svg {
		right:0;
	}
	.main-wrap6 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 275px 0 275px 0;
		position: relative;
	}
	.main-wrap6 .content-wrap .content06_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		min-width: 1000px;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-06.jpg") no-repeat center center;
		background-size: cover;
		transition: opacity 1s;
	}
	.main-wrap6 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap6 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .inner-wrap::before {
	 content:" ";
		display: block;
		position: absolute;
		height: 100%;
		top:0;
		left:0;
		width: calc((100% - 1000px) / 2 + 260px);
		background: #000;
	}
	.main-wrap6 .inner {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .inner h3 {
		font-size: 40px;
		line-height: 1.6em;
		color:#fff;
		padding: 40px 0 40px;
	}
	.main-wrap6 .inner h3 span {
		display: block;
		width: 90px;
	}
	.main-wrap6 .inner h3 span img {
		width: 100%;
	}
	.ipad .main-wrap6 .inner h3 {
		padding: 22px 0 27px 0;
	}
	.main-wrap7 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		padding: 110px 0 140px 0;
		position: relative;
		background-color: #f5f5f5;
	}
	.main-wrap7 .content-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap7 .content {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap7 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap7 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap7 .inner ul.list-top {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		text-align: center;
	}
	.main-wrap7 .inner ul.list-top li {
		width: 300px;
		display: inline-block;
		vertical-align: top;
	}
	.main-wrap7 .inner ul.list-top li a {
		display: block;
		width: 100%;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-wrap{
		display: block;
		width: 150px;
		height: 140px;
		margin: 0 auto;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-wrap img {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner {
		display: inline-block;
		width: 100%;
		position: relative;
		overflow: hidden;
		transition: border 0.4s;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap {
		display: inline-block;
		width: auto;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		position: relative;
		z-index: 10;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		display: inline-block;
		font-size: 24px;
		color:#000;
		padding: 0 50px 0 0;
		text-align: left;
		font-weight: 600;
		transition: color 0.4s;
		border-bottom: 4px solid #000;
		position: relative;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 12px;
		height: 18px;
		fill:#000;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap7 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap7 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		fill:#000;
		right: 5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap7 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .svg {
		right:0;
	}
	.main-wrap8 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap8 .content-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 140px 0 140px 0;
		position: relative;
	}
	.main-wrap8 .content-wrap .content08_bg {
		position: fixed;
		z-index: -1;
		width: 100%;
		min-width: 1000px;
		height: 100%;
		top:0;
		left:0;
		opacity: 0;
		background: url("../img/bg-top-08.jpg") no-repeat center center;
		background-size: cover;
		transition: opacity 1s;
	}
	.main-wrap8 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}
	.main-wrap8 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap8 .inner-wrap .inner > h3 {
		font-size:40px;
		line-height: 1.6em;
		color: #fff;
		text-align: center;
	}
	.main-wrap8 .inner h3 span {
		display: block;
		width: 90px;
		margin: 0 auto;
	}
	.main-wrap8 .inner h3 span img {
		width: 100%;
		margin:0 auto;
	}
	.main-wrap8 .inner {
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-wrap8 .inner ul.list-top {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 65px 0 0;
		list-style: none;
		text-align: center;
	}
	.main-wrap8 .inner ul.list-top li {
		display: inline-block;
		vertical-align: top;
	}
	.main-wrap8 .inner ul.list-top li:nth-child(2) {
		margin: 0 0 0 118px;
	}
	.main-wrap8 .inner ul.list-top li a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 6px;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-wrap {
		display: block;
		width: 200px;
		height: 110px;
		margin: 0 auto;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-wrap img {
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner {
		display: block;
		font-size: 30px;
		line-height: 1em;
		font-weight: 500;
		color: #0099cc;
		position: relative;
		z-index: 10;
		transition: color 0.8s;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap {
		display: inline-block;
		width: auto;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		position: relative;
		z-index: 10;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 {
		margin: 0 auto;
		font-size: 24px;
		color: #fff;
		text-align: left;
		font-weight: 600;
		padding: 0 50px 0 0;
		transition: color 0.4s;
		border-bottom: 4px solid #fff;
		position: relative;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .text {
		display: inline-block;
		width: auto;
		position: relative;
		left:5px;
		transition: left 0.6s;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 .icon {
		display: inline-block;
		width: 12px;
		height: 18px;
		fill:#fff;
		position: absolute;
		top:0;
		right: 0;
	}
	.main-wrap8 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 .text {
		left:0;
	}
	.main-wrap8 .inner ul.list-top li a .list-link-inner .list-detail-wrap h3 span .svg {
		width: 100%;
		height: 100%;
		right:5px;
		position: relative;
		transition: right 0.6s;
	}
	.main-wrap8 .inner ul.list-top li a:hover .list-link-inner .list-detail-wrap h3 span .svg {
		right:0;
	}
	.show.background {
		opacity: 1!important;
		transition: opacity 1s;
	}
}