@charset "utf-8";

@media screen and (max-width: 768px){
    .main-wrap1{
		width: 100%;
		padding: 0;
		margin: 0 auto;
		position: relative;
		background-image: url("../img/bg_top_01_sp.png");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
        background-size: cover;
	}
	.main-wrap1 .content-wrap{
		padding: 0;
		margin: 0 auto;
	}
	.main-wrap1 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner-wrap {
		width: 100%;
		display: block;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner {
		width: 100%;
		margin: 0 auto;
        padding: 140px 0 140px 0;
		position: relative;
        text-align: center;
	}
    .main-wrap1 .inner img{
        width: 100%;
        margin: 0 auto;
    }
    .main-wrap1 .inner .mttl{
        width: auto;
        display: inline-block;
        position: relative;
        padding: 0 20% 0 20%;
    }
    .main-wrap1 .inner .mttl img{
        max-width: 120%;
    }
    .main-wrap1 .inner .mttl .mttl-border-l{
        display: block;
        width: 10%;
        height: 2px;
        background-color: #fff;
        content: " ";
        position: absolute;
        top:50%;
        left:5%;
        transform: translateY(-50%);
    }
    .main-wrap1 .inner .mttl .mttl-border-r{
        display: block;
        width: 10%;
        height: 2px;
        background-color: #fff;
        content: " ";
        position: absolute;
        top:50%;
        right:5%;
        transform: translateY(-50%);
    }
    .main-wrap1 .inner .ttl{
        display: block;
		margin:10px 0 30px 0;
		position: relative;
        color:#fff;
    }
    .main-wrap1 .inner .txt{
        display: block;
		margin:10px auto 0;
		position: relative;
        color:#fff;
		width: 90%;
		text-align: left;
    }
    .main-wrap2{
		width: 100%;
		margin:  0 auto;
		padding: 0;
		position: relative;
		background-color: #fff;
	}
	.main-wrap2 .content-wrap{
        width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 20px 0 20px;
	}
	.main-wrap2 .content {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		margin: 0 auto 0 auto;
		position: relative;
        padding: 2px 0 2px 0;
		-webkit-overflow-scrolling: touch;
	}
    .main-wrap2 .content .breadcrumbfr{
		width:auto;
		list-style: none;
	}
	.main-wrap2 .content .breadcrumb{
		display: inline-block;
		margin:0 0 3px 0;
	}
	.main-wrap2 .content .breadcrumb .breadcrumblnk{
		padding:0 10px;
		vertical-align: middle;
		display: inline-block;
        color: #969696;
    }
	.main-wrap2 .content .breadcrumb a.breadcrumblnk{
		vertical-align: middle;
		display: inline-block;
		color:#000;
        font-weight: 600!important;
	}
    .main-wrap2 .content .breadcrumb a.breadcrumblnk:hover{
        color:#000;
    }
    .main-wrap2 .content .breadcrumb:first-child .breadcrumblnk{
        padding:0 10px 0 0;
    }
	.main-wrap2 .content .breadcrumb span.breadcrumbborder{
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top:1px;
	}
    .main-wrap3{
		width: 100%;
		margin: 0 auto;
        padding: 60px 0 0 0;
		position: relative;
	}
	.main-wrap3 .content-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.main-wrap3 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
        overflow: hidden;
	}
	.main-wrap3 .inner-wrap {
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
    .main-wrap3 .inner .list-img{
        width: 100%;
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
        position: relative;
        padding: 5px;
    }
    .main-wrap3 .inner .list-img .inner-list-img{
        width: 100%;
        height: 100%;
        background-color: #fff;
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .main-wrap3 .inner .list-img .list-ttl{
        width: 100%;
        display: inline-block;
        position:relative;
        font-size: 24px;
        color:#000;
        font-weight: 600;
        z-index: 200;
        text-align: center;
        margin: 0 auto!important;
        padding: 20px 0 20px 0;
    }
    .main-wrap3 .inner .list-img .list-ttl::before{
        display: block;
        content: " ";
        width: 110%;
        height: 100%;
        position: absolute;
        top:0;
        left:-15px;
        background-color:#fff;
        z-index: -1;
    }
    .main-wrap3 .inner .list-img .list-ttl span{
        display: block;
        margin: 15px 0 0 0;
    }
    .main-wrap3 .inner .list-img .list-ttl img{
        width: 100%;
    }
    .main-wrap4{
		width: 100%;
		margin:  60px auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
	}
	.main-wrap4 .content-wrap{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-wrap4 .content {
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap4 .content .content-bg{
        width: 100%;
        vertical-align: bottom;
    }
	.main-wrap4 .inner-wrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner {
		display: block;
        width: 100%;
		margin: 0 auto;
		padding: 60px 5% 60px 5%;
		position: relative;
        text-align: left;
        background-color: #f0f0f0;
	}
    .main-wrap4 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 40px 0;
        position: relative;
    }
    .main-wrap4 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 140px;
        height: 8px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap4 .inner-wrap .inner ul{
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
        list-style: none;
        font-size: 0;
    }
    .main-wrap4 .inner-wrap .inner ul li{
        display: inline-block;
        width: 100%;
        position: relative;
        background-color: #fff;
        margin: 20px 0 0 0;
    }
    .main-wrap4 .inner-wrap .inner ul li span{
        display: block;
        width: 100%;
        padding: 20px 20px 20px 20px;
        text-align: center;
        font-weight: 600;
    }
    .main-wrap5{
		width: 100%;
		margin:  60px auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
	}
    .main-wrap5 .content-wrap{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap5 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap5 .content .content-bg{
        width: 100%;
        vertical-align: bottom;
    }
    .main-wrap5 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
    .main-wrap5 .inner {
        display: block;
        width: 100%;
		margin: 0 auto;
		padding: 15px 5% 0 5%;
		position: relative;
        text-align: left;
	}
    .main-wrap5 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 25px 0;
        text-align: left;
        position: relative;
    }
    .main-wrap5 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 70px;
        height: 4px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap5 .inner-wrap .inner p{
        color:#000;
        margin: 25px 0 0 0;
        text-align: left;
    }
    .main-wrap6{
		width: 100%;
		margin:  60px auto 60px auto;
		padding: 0 0 0 0;
		position: relative;
	}
    .main-wrap6 .content-wrap{
		width: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap6 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap6 .content .content-bg{
        width: 100%;
        vertical-align: bottom;
    }
    .main-wrap6 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
    .main-wrap6 .inner {
        display: block;
        width: 100%;
		margin: 0 auto;
		padding: 15px 5% 0 5%;
		position: relative;
        text-align: left;
	}
    .main-wrap6 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 25px 0;
        text-align: left;
        position: relative;
    }
    .main-wrap6 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 70px;
        height: 4px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap6 .inner-wrap .inner p{
        color:#000;
        margin: 25px 0 0 0;
        text-align: left;
    } 
}

@media screen and (min-width: 769px){
    .main-wrap{
        overflow: hidden;
    }
	.main-wrap1{
		min-width: 1200px;
		width: 100%;
		margin: 0 auto;
		position: relative;
		background-image: url("../img/bg_top_01.png");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
        background-size: cover;
	}
	.main-wrap1 .content-wrap{
		width: 1200px;
		margin: 0 auto;
	}
	.main-wrap1 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap1 .inner {
		width: 100%;
		margin: 0 auto;
        padding: 200px 0 200px 0;
		position: relative;
        text-align: center;
	}
    .main-wrap1 .inner img{
        margin: 0 auto;
    }
    .main-wrap1 .inner .mttl{
        width: auto;
        display: inline-block;
        position: relative;
    }
    .main-wrap1 .inner .mttl .mttl-border-l{
        display: block;
        width: 50%;
        height: 2px;
        background-color: #fff;
        content: " ";
        position: absolute;
        top:50%;
        left:-60%;
        transform: translateY(-50%);
    }
    .main-wrap1 .inner .mttl .mttl-border-r{
        display: block;
        width: 50%;
        height: 2px;
        background-color: #fff;
        content: " ";
        position: absolute;
        top:50%;
        right:-60%;
        transform: translateY(-50%);
    }
    .main-wrap1 .inner .ttl{
        display: block;
		margin:10px 0 30px 0;
		position: relative;
        color:#fff;
    }
    .main-wrap1 .inner .txt{
        display: block;
		margin:10px 0 0 0;
		position: relative;
        color:#fff;
    }
	.main-wrap2{
        min-width: 1200px;
		width: 100%;
		margin:  0 auto;
		padding: 0;
		position: relative;
		background-color: #fff;
	}
	.main-wrap2 .content-wrap{
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
	.main-wrap2 .content {
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
        padding: 8px 0 8px 0;
	}
    .main-wrap2 .content .breadcrumbfr{
		width:auto;
		list-style: none;
	}
	.main-wrap2 .content .breadcrumb{
		display: inline-block;
		float: left;
		margin:0 0 3px 0;
        color:#000;
	}
    .main-wrap2 .content .breadcrumb .breadcrumblnk{
		padding:0 20px;
		vertical-align: middle;
		display: inline-block;
        color: #969696;
    }
	.main-wrap2 .content .breadcrumb a.breadcrumblnk{
		vertical-align: middle;
		display: inline-block;
		color:#000;
        font-weight: 800!important;
	}
    .main-wrap2 .content .breadcrumb a.breadcrumblnk:hover{
        color:#000;
    }
    .main-wrap2 .content .breadcrumb:first-child .breadcrumblnk{
        padding:0 20px 0 0;
    }
	.main-wrap2 .content .breadcrumb span.breadcrumbborder{
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top:1px;
	}
    .main-wrap3{
		width: 100%;
        min-width: 1200px;
		margin: 0 auto;
        padding: 180px 0 0 0;
		position: relative;
	}
	.main-wrap3 .content-wrap{
		width: 100%;
		margin: 0 auto;
        z-index: 9000;
	}
	.main-wrap3 .content {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner-wrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap3 .inner {
		width: 100%;
        max-width: 800px;
		margin: 0 auto;
		position: relative;
        text-align: center;
        vertical-align: middle;
	}
    .main-wrap3 .inner .list-img{
        width: 800px;
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
        position: relative;
        padding: 10px;
    }
    .main-wrap3 .inner .list-img .inner-list-img{
        width: 100%;
        height: 100%;
        background-color: #fff;
        padding: 40px 0 40px 0;
    }
    .main-wrap3 .inner .list-img .list-ttl{
        width: 100%;
        display: inline-block;
        position: relative;
        font-size: 40px;
        color:#000;
        font-weight: 800;
        z-index: 200;
        padding: 60px 0 60px 0;
    }
    .main-wrap3 .inner .list-img .list-ttl::before{
        display: block;
        content: " ";
        width: 105%;
        height: 100%;
        position: absolute;
        top:0;
        left:-15px;
        background-color: #fff;
        z-index: -1;
    }
    .main-wrap3 .inner .list-img .list-ttl span{
        display: block;
        margin: 40px 0 0 0;
    }
    .main-wrap3 .inner .list-img .list-ttl img{
        width: 100%;
    }
    .main-wrap4{
		min-width: 1200px;
		width: 100%;
		margin:  180px auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
        background-color: #e2e2e2;
	}
	.main-wrap4 .content-wrap{
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-wrap4 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-wrap4 .inner-wrap {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap4 .inner {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 100px 0 100px 0;
		position: relative;
        text-align: left;
	}
    .main-wrap4 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 40px 0;
        position: relative;
    }
    .main-wrap4 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 140px;
        height: 8px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap4 .inner-wrap .inner ul{
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
        list-style: none;
        font-size: 0;
    }
    .main-wrap4 .inner-wrap .inner ul li{
        display: inline-block;
        width: 300px;
        height: 100px;
        position: relative;
        background-color: #fff;
        margin: 50px 0 0 0;
    }
    .main-wrap4 .inner-wrap .inner ul li:nth-child(3n-1){
        margin: 50px 50px 0 50px;
    }
    .main-wrap4 .inner-wrap .inner ul li span{
        width: 100%;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 0 20px 0 20px;
        text-align: center;
        font-weight: 600;
    }
    .main-wrap5{
		min-width: 1200px;
		width: 100%;
		margin:  180px auto 0 auto;
		padding: 0 0 0 0;
		position: relative;
		background-image: url("../img/bg_top_05.png");
		background-position-x: center;
		background-position-y:top;
		background-repeat: no-repeat;
	}
    .main-wrap5 .content-wrap{
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
        min-height: 600px;
	}
    .main-wrap5 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
    .main-wrap5 .inner-wrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}
    .main-wrap5 .inner {
		display: block;
        width: 610px;
		left: 0%;
		margin: 0;
		padding: 0 0 0 0;
		position: relative;
		top:0;
        text-align: center;
	}
    .main-wrap5 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 30px 0;
        text-align: left;
        position: relative;
    }
    .main-wrap5 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 140px;
        height: 8px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap5 .inner-wrap .inner p{
        color:#000;
        margin: 55px 0 100px 0;
        text-align: left;
    } 
    .main-wrap6{
		min-width: 1200px;
		width: 100%;
		margin:  180px auto 180px auto;
		padding: 0 0 0 0;
		position: relative;
		background-image: url("../img/bg_top_06.png");
		background-position-x: center;
		background-position-y:top;
		background-repeat: no-repeat;
	}
	.main-wrap6 .content-wrap{
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
        min-height: 600px;
	}
	.main-wrap6 .content {
		width: 100%;
		height: 100%;
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-wrap6 .inner-wrap {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main-wrap6 .inner {
		display: block;
        width: 610px;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
		padding: 0 0 0 0;
		position: relative;
		top:0;
        text-align: center;
	}
    .main-wrap6 .inner-wrap .inner h4{
        color:#000;
        margin: 0 0 0 0;
        padding: 0 0 30px 0;
        text-align: left;
        position: relative;
    }
    .main-wrap6 .inner-wrap .inner h4::before{
        display: block;
        content: " ";
        position: absolute;
        bottom:0;
        left:0;
        width: 140px;
        height: 8px;
        transform: skewX(-40deg);
        background: #0ac3c8;
        background: -moz-linear-gradient(left,  #0ac3c8 0%, #eb0f61 50%, #f5a037 100%);
        background: -webkit-linear-gradient(left,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        background: linear-gradient(to right,  #0ac3c8 0%,#eb0f61 50%,#f5a037 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ac3c8', endColorstr='#f5a037',GradientType=1 );
    }
    .main-wrap6 .inner-wrap .inner p{
        color:#000;
        margin: 55px 0 100px 0;
        text-align: left;
    } 
}