@charset "UTF-8";


/* mainvisual
-------------------------------------------------*/
.mainvisual {
	/*margin-top: -2.4em;*/
    overflow: hidden;
}
@media only screen and (max-width:780px) {
	.mainvisual {
	/*	margin-top: -12.82vw;*/
    
	}
}

.mvpc{
    background: url("../img/top/mainvisual.jpg") no-repeat top center; 
}
.mvsp{
    display: none;
}
.mvpc h2{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 730px;
}
.mvpc h2 img{
    position: absolute;
    bottom: 30px;
    right: -100px;
}
@media only screen and (max-width:780px) {

    .mvpc{
  display: none;
}
.mvsp{
    display: block;
    
    background: url("../img/top/mainvisual_sp.jpg") no-repeat top center; 
    background-size: cover;
}
.mvsp h2{
    position: relative;
    height: 152vw;
}
.mvsp h2 img{
    position: absolute;
    bottom: 30px;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 80%;
    
}


}


/* cont1
-------------------------------------------------*/
.cont1 {
	background: url("../img/top/cont1_bg.jpg") no-repeat top center;
	background-size: cover;
	padding: 6.375em 0 5.625em;
	margin-top: -1px;
}
.cont1 h2 {
	color: #DACC33;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}
.cont1 .d-flex dl {
	width: 31.5%;
}
.cont1 .d-flex dl dt {
	position: relative;
}
.cont1 .d-flex dl dt span {
	color: #E2D421;
	font-weight: 600;
	position: absolute;
	top: -0.4em;
	left: 40%;
}
.cont1 .d-flex dl dd {
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	padding-top: 0.8em;
}
@media only screen and (max-width:780px) {
	.cont1 {
		background: url("../img/top/cont1_bg.jpg") no-repeat top center;
		background-size: cover;
		padding: 10vw 0 8vw;
		margin-top: -1vw;
	}
	.cont1 h2 {
		margin-bottom: 8vw;
	}
	.cont1 .d-flex {
		display: block;
	}
	
	.cont1 .d-flex dl {
		width: 100%;
		margin-bottom: 12vw;
	}
	.cont1 .d-flex dl dt {
		position: relative;
	}
	.cont1 .d-flex dl dt span {
		position: absolute;
		top: -0.4em;
		left: 45%;
	}
	.cont1 .d-flex dl dd {
		color: #fff;
		font-weight: 700;
		text-align: center;
		line-height: 1.5;
		padding-top: 0.8em;
	}
}

/* cont2
-------------------------------------------------*/
.cont2 {
	padding: 7.375em 0 6.5em;
}
.cont2 .ttlBox {
	text-align: center;
	margin-bottom: 2.625em;
}
.cont2 .ttlBox h2 {
	color: #1A1A1A;
	line-height: 1.52;
}
.cont2 .ttlBox .subTtl {
	color: #E2D421;	
}
.cont2 .worksSlider {
	margin-bottom: 2.5em;
}
.cont2 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
@media only screen and (max-width:780px) {
	.cont2 {
		padding: 10vw 0 8vw;
	}
	.cont2 .ttlBox {
		margin-bottom: 4vw;
	}
	.cont2 .worksSlider {
		margin-bottom: 8vw;
	}
	.cont2 .btn_more a {
		width: 40vw;
	}
}
.reviewsArea {
	padding-bottom: 6.5em;
}
.reviewsArea .container {
	max-width: 100%;
}
/* slick-slider */
.slick-track {
	display: flex!important;
}
.slick-arrow {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	background: #1a1a1a url("../img/arrow.svg") center center no-repeat;
	background-size: auto 20px;
	z-index: 50;
	cursor: pointer;
	transition: .2s;
}
.slick-arrow.prev {
	left: 0;
	right: auto;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.slick-arrow:hover {
	background-color: #000;
}
.worksBox {
	width: 17.9375em;
	height: auto!important;
	margin: 0 1.1875em;
	background: #1B1464;
	text-align: left;
	position: relative;
	color: #fff;
}

.thumb {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.thumb img {
	opacity: 1!important;
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: .4s;
}
.thumb a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.worksCont {
	font-weight: 500;
	padding: 0.625em 1em 1.25em;
}
.worksCont .ttl {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 16px;
   
}
.pricecase{
    text-align: right;
	margin-top: 10px;
}
.pref {
	display: inline-block;
	font-size: 13px;
	text-align: left;
	color: #fff;
}
.example .pricecase {
	margin-top: 0;
}
.example .pref {
	color: #000
}

@media only screen and (min-width:781px) and (max-width:1200px) {
	.worksCont .ttl {
		font-size: 1.333vw;
	}
}
.price {
	text-align: right;
	line-height: 1;
	font-weight: 800;
	font-size: 18px;
	color: #E2D421;
    
     color: #fff;
    padding:5px 10px;
    display: inline-block;
    background: #a7272d;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.price {
		font-size: 1.5vw;
	}
}
.price strong {
	font-size: 28px;
	margin-right: .1em;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.price strong {
		font-size: 2.333vw;
	}
}
.worksCont dl {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	align-items: center;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.worksCont dl {
		font-size: 1.167vw;
	}
}
.worksCont dt {
	border: 1px solid #fff;
	color: #fff;
	width: 35px;
	font-weight: 500;
	text-align: center;
	font-size: 12px;
	margin-right: 5px;
	line-height: 1.2;
	padding: 2px;

}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.worksCont dt {
		font-size: 1vw;
	}
}
.worksCont dl:not(:last-of-type) {
	margin-right: 15px;
}
.slick-dots {
	text-align: center;
	margin-top: 1.8em;
	margin-right: 1em;
}
.slick-dots li {
	display: inline-block;
	margin: 0 12px!important;
}
.slick-dots li.slick-active button::before {
	color: #1B1464;
}
@media only screen and (max-width:780px) {
	.worksSlider {
		padding: 0 10px;
	}
	.slick-arrow {
		top: 25%;
		width: 35px;
		height: 35px;
		opacity: .8
	}
    .worksCont dl {
		font-size: 2.4vw;
	}
     .worksCont dt {
		font-size: 2.4vw;
	}
		.pref {
	font-size: 3vw;
		text-align: center;
}    .price {
        font-size: 3.0769vw;
    }

    .price strong {
	font-size: 155%;
}

}

/* cont3
-------------------------------------------------*/
.cont3 {	
	padding: 4.6875em 0;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.cont3 .bg_video {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	z-index: -1;
	background: url("../../css/video/video.mp4") no-repeat top center;
	background-size: cover;
}
.cont3 .container {
	position: relative;
}
.cont3 h2 {
	width: 100%;
}
.cont3 .btn_more {
	position: absolute;
	top: 21.875em;
	left: 1.5625em;
}
.cont3 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
@media only screen and (max-width:780px) {
	.cont3 {	
		padding: 10vw 0 8vw;
	}
	.cont3 .bg_video {
		background: url("../../css/video/video_sp.mp4") no-repeat top center;
		background-size: cover;
	}
	.cont3 h2 {
		width: 100%;
		margin-bottom: 4vw;
	}
	.cont3 .btn_more {
		position: relative;
		top: 0;
		left: 0;
	}
	.cont3 .btn_more a {
		width: 40vw;
	}
}

/* cont4
-------------------------------------------------*/
.cont4 {
	background: url("../img/top/cont4_bg.jpg") no-repeat top center;
	background-size: cover;
	padding: 4em 0 4.5em;
}
.cont4 h2 {
	text-align: center;
	font-weight: 700;
	color: #1B1464;
	line-height: 1.5;
}
.cont4 .subTtl {
	text-align: center;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 1.25em;
}
.cont4 .kaitori_box {
	margin-bottom: 1.5625em;
}
.cont4 .brand {
	background: #1B1464;
	width: 50%;
	height: 21.4375em;
    height: 25.438em;
	padding: 2.25em 1.5em 1.875em;
	position: relative;
	box-sizing: border-box;
}
.cont4 .brand h3 {
	color: #E2D421;
	font-weight: 800;
	margin-bottom: 0.5em;
	line-height: 0.7;
}
.cont4 .brand h3 span {
	color: #fff;
	font-weight: 700;	
}
.cont4 .brand .txt {
	color: #fff;
	font-weight: 300;
}
.cont4 .brand .img {
	width: 21.8125em;
	position: absolute;
	bottom: 1.5em;
	right: 0.8em;
}
.cont4 .brand .btn_more {
	position: absolute;
	bottom: 2em;
	left: 1.5em;
}
.cont4 .brand .btn_more a {
	display: block;
	width: 8.5em;
	margin: 0 auto;
}
.cont4 .example {
	width: 50%;
	box-sizing: border-box;
	padding: 1.2em;
	background: #fff;
}
.cont4 .example h3 {
	margin-bottom: 0.4em;
	font-weight: 700;
}
.cont4 .example .worksBox {
	width: 15em;
	height: 17.0625em!important;
    height: 21.0625em!important;
	margin: 0;
	background: #EDEDED;
	text-align: left;
	position: relative;
	color: #1A1A1A;
}
.cont4 .example .worksCont {
	font-weight: 700;
	padding: 0.5em 0.8em;
}
.cont4 .example .worksCont .ttl {
	font-weight: 700;
	margin-bottom: 0;
	font-size: 13px;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.cont4 .example .worksCont .ttl {
		font-size: 1.0833vw;
	}
}
.pricecase{
    text-align: right;
    padding-top: 5px;
}
.cont4 .example .price {
	text-align: right;
	line-height: 1;
	font-weight: 800;
	font-size: 15px;
	color: #E23300;
    padding: 10px 0;
    
     color: #fff;
    padding:5px 10px;
    display: inline-block;
    background: #a7272d;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.cont4 .example .price {
		font-size: 1.25vw;
	}
}
.cont4 .example .price strong {
	font-size: 23px;
	margin-right: .1em;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.cont4 .example .price strong {
		font-size: 1.9167vw;
	}
}
.cont4 .example .worksCont dl {
	margin-top: 0.4em;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	align-items: center;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.cont4 .example .worksCont dl {
		font-size: 1vw;
	}
}
.cont4 .example .worksCont dt {
	background: #000;
	color: #fff;
	width: 3.2em;
	font-weight: 500;
	text-align: center;
	font-size: 12px;
	margin-right: 0.2em;
	line-height: 1.2;
	padding: 0.1em 0.1em 0.3em;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.cont4 .example .worksCont dt {
		font-size: 1vw;
	}
}
@media only screen and (max-width:780px) {
	.cont4 {
		padding: 10vw 0 4vw;
	}
	.cont4 .subTtl {
		margin-bottom: 4vw;
	}
	.cont4 .kaitori_box {
		display: block;
		margin-bottom: 8vw;
	}
	.cont4 .brand {
		width: 100%;
	}
	.cont4 .brand .img {
		width: 45vw;
	}
	.cont4 .brand .btn_more a {
		width: 40vw;
	}
	.cont4 .example {
		width: 100%;
		padding: 4vw;
	}
	.cont4 .example h3 {
		margin-bottom: 2vw;
	}
	.cont4 .example .worksBox {
		width: 48%;
		height: auto!important;
	}
	.cont4 .example .worksCont {
		padding: 2vw;
	}
	.cont4 .example .worksCont .ttl {
		font-weight: 700;
		margin-bottom: 0;
		font-size: 3.0769vw;
	}
	.cont4 .example .price {
		font-size: 3.0769vw;
        
	}
	.cont4 .example .price strong {
		font-size: 4.6154vw;
	}
	.cont4 .example .worksCont dl {
		font-size: 2.30769vw;
	}
	.cont4 .example .worksCont dt {
		font-size: 2.30769vw;
	}
}

/* cont5
-------------------------------------------------*/
.cont5 {
	background: url("../img/top/cont5_bg.jpg") no-repeat top center;
	background-size: cover;
	padding: 3.625em 0 13.375em;
}
.cont5 h2 {
	margin-bottom: 2em;
}
.cont5 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
@media only screen and (max-width:780px) {
	.cont5 {
		padding: 10vw 0 10vw;
	}
	.cont5 h2 {
		margin-bottom: 4vw;
	}
	.cont5 .btn_more a {
		width: 40vw;
	}
}

/* cont6
-------------------------------------------------*/
.cont6 {
	padding: 4.875em 0 19em;
}
.cont6 a {
	width: 32%;
	height: 14.625em;
	display: block;
	text-align: center;
	padding: 4.625em 0 0;
    position: relative;
    overflow: hidden;
    max-height: 220px;
}
.cont6 a:after{
 display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    	object-fit: cover;
	transition: .4s;
}

.cont6 a:nth-child(1):after{
	background: url("../img/top/cont6_bg01.png") no-repeat center center;
	background-size: cover;
   
}
.cont6 a:nth-child(2):after{
	background: url("../img/top/cont6_bg02.png") no-repeat center center;
	background-size: cover;
}
.cont6 a:nth-child(3):after{ 
	background: url("../img/top/cont6_bg03.png") no-repeat center center;
	background-size: cover;
}

.cont6 a:hover:after{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}



.cont6 a .link h2 {
	color: #E2D421;
	font-weight: 800;
	line-height: 1;
}
.cont6 a .link p {
	color: #fff;
	font-weight: 500;
	margin-bottom: 1.8em;
}
.cont6 a .link .more {
	color: #fff;
}
.cont6 a .link .more span {
	padding-left: 0.5em;
	color: #DACC33;
}
@media only screen and (max-width:780px) {
	.cont6 {
		padding: 10vw 0 40vw;
	}
	.cont6 .container {
		display: block;
	}
	.cont6 a {
		width: 100%;
		height: 61.795vw;
		display: block;
		text-align: center;
		padding: 15vw 0 0;
		margin-bottom: 4vw;
	}
	.cont6 a:nth-child(1) {
		background: url("../img/top/cont6_bg01.png") no-repeat top center;
		background-size: cover;
	}
	.cont6 a:nth-child(2) {
		background: url("../img/top/cont6_bg02.png") no-repeat top center;
		background-size: cover;
	}
	.cont6 a:nth-child(3) {
		background: url("../img/top/cont6_bg03.png") no-repeat top center;
		background-size: cover;
	}
	.cont6 a .link h2 {
		color: #E2D421;
		font-weight: 800;
		line-height: 1;
	}
	.cont6 a .link p {
		color: #fff;
		font-weight: 500;
		margin-bottom: 1.8em;
	}
	.cont6 a .link .more {
		color: #fff;
	}
	.cont6 a .link .more span {
		padding-left: 0.5em;
		color: #DACC33;
	}
}

/* cont7
-------------------------------------------------*/
.cont7 {
	padding: 15.3125em 0 6.25em;
	background: #1B1464;
	position: relative;
}
.cont7 .title {
	background: url("../img/top/cont7_bg.jpg") no-repeat top center;
	background-size: cover;
	padding: 11.25em 0 10.25em;
	position: absolute;
	top: -13em;
	width: 68.75em;
}
.cont7 .title h2 {
	text-align: center;
	color: #E2D421;
	font-weight: 800;
}
.cont7 .title p {
	text-align: center;
	color: #fff;
}
.cont7 .strength {
	margin-bottom: 2.25em;
}
.cont7 .strength_box1 {
	width: 55%;
	box-sizing: border-box;
}
.cont7 .dbl_strength_box {
	width: 45%;
	box-sizing: border-box;
}
.cont7 .num {
	color: #fff;
	padding: 0 0.2em;
	font-weight: 800;
}
.cont7 .txt {
	border-left: 1px solid #fff;
	padding: 1.25em 0 1.25em 1.5625em;
}
.cont7 .strength_box2 .txt {
	padding: 0 0 0 1.5625em;
}
.cont7 .strength_box2:first-child {
	margin-bottom: 2em;
}
.cont7 .txt .subTtl {
	color: #fff;
	font-weight: 600;
	margin-bottom: 0.5em;
}
.cont7 .txt .ttl {
	color: #fff;
}
.cont7 .txt .ttl.yellow {
	color: #E2D421;
	line-height: 1.3;
}
.cont7 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
@media only screen and (max-width:780px) {
	.cont7 {
		padding: 35vw 0 10vw;
	}
	.cont7 .title {
		width: 91.667%;
		padding: 20vw 0;
	}
	.cont7 .strength {
		margin-bottom: 8vw;
		display: block;
	}
	.cont7 .strength_box1 {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 4vw;
	}
	.cont7 .dbl_strength_box {
		width: 100%;
	}
	.cont7 .num {
		padding: 0 0.2em;
	}
	.cont7 .txt {
		padding: 0 0 0 2vw;
	}
	.cont7 .strength_box2 .txt {
		padding: 0 0 0 2vw;
	}
	.cont7 .strength_box2:first-child {
		margin-bottom: 4vw;
	}
	.cont7 .txt .subTtl {
		margin-bottom: 2vw;
	}
	.cont7 .btn_more a {
		width: 40vw;
	}
}

/* cont8
-------------------------------------------------*/
.cont8 {
	padding: 6.75em 0 0;
}
.cont8 .ttlBox {
	margin-bottom: 2em;
}
.cont8 .ttlBox h2 {
	text-align: center;
	font-weight: 800;
	color: #1B1464;
	margin-bottom: 0.3em;
}
.cont8 .ttlBox .subTtl {
	text-align: center;
	font-weight: 700;
	color: #1A1A1A;
}
.cont8 .bg_yellow {
	background: linear-gradient(to bottom, #fff 0%, #fff 20%, #E2D421 20%, #E2D421 100%);
	padding-bottom: 4em;
}
.colamSlider {
	margin-bottom: 3em;
}
.colamBox {
	width: 22.5em;
	margin: 0 0.78em;
	text-align: left;
	height: auto!important;
}
.colamBox .thumb {
	height: auto;
}
.colamCont h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0.5em 0;
	color: #1A1A1A;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.colamCont h3 {
		font-size: 1.5vw;
	}
}
.colamCont .date {
	font-size: 14px;
	font-weight: 500;
	color: #808080;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.colamCont .date {
		font-size: 1.167vw;
	}
}
.colamSlider .slick-dots {
	text-align: center;
	margin-top: 1.8em;
}
.colamSlider .slick-dots button::before {
	color: #fff;
}
.colamSlider .slick-dots li.slick-active button::before {
	color: #1B1464;
}
.cont8 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
.cont8 .slick-arrow {
	position: absolute;
	right: 0;
	top: 22%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	background: #1a1a1a url("../img/arrow_yellow.svg") center center no-repeat;
	background-size: auto 20px;
	z-index: 50;
	cursor: pointer;
	transition: .2s;
}
.cont8 .slick-arrow.next {
	left: 0;
	right: auto;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width:780px) {
	.cont8 {
		padding: 10vw 0 0;
	}
	.cont8 .ttlBox {
		margin-bottom: 4vw;
	}
	.cont8 .ttlBox h2 {
		margin-bottom: 2vw;
	}
	.cont8 .bg_yellow {
		padding-bottom: 8vw;
	}
	.colamSlider {
		margin-bottom: 8vw;
	}
	.colamBox {
		width: 100%;
		margin: 0 4vw;
	}
	.colamBox .thumb {
		height: auto;
	}
	.colamCont h3 {
		font-size: 4.6154vw;
		margin: 2vw 0;
	}
	.colamCont .date {
		font-size: 3.0769vw;
	}
	.cont8 .btn_more a {
		width: 40vw;
	}
}

/* cont9
-------------------------------------------------*/
.cont9 {
	padding: 6.75em 0 6em;
    padding: 4em 0 2em;
}
.cont9 .ttlBox {
	margin-bottom: 2em;
}
.cont9 .ttlBox h2 {
	text-align: center;
	font-weight: 800;
	color: #1B1464;
	margin-bottom: 0.3em;
}
.cont9 .ttlBox .subTtl {
	text-align: center;
	font-weight: 700;
	color: #1A1A1A;
}
.cont9 .bg_pic {
	background: url("../img/top/cont9_bg.jpg") no-repeat top center;
	background-size: cover;
	padding: 2.5em 0 5em;
}
.newsSlider {
	margin-bottom: 3em;
}
.newsBox {
	width: 22.375em;
	background: #fff;
	margin: 0 1em;
	text-align: left;
	height: auto!important;
	padding: 2em 1.5em;
	box-sizing: border-box;
}
.newsBox .thumb {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.newsCont h3 {
	font-size: 16px;
	font-weight: 700;
	margin: 0.5em 0;
	color: #1A1A1A;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.newsCont h3 {
		font-size: 1.333vw;;
	}
}
.newsCont .txt {
	font-size: 14px;
	font-weight: 500;
	color: #999999;
}
@media only screen and (min-width:781px) and (max-width:1200px) {
	.newsCont .txt {
		font-size: 1.167vw;
	}
}
.newsSlider .slick-dots {
	text-align: center;
	margin-top: 1.8em;
}
.newsSlider .slick-dots button::before {
	color: #fff;
}
.newsSlider .slick-dots li.slick-active button::before {
	color: #1B1464;
}
.cont9 .btn_more a {
	display: block;
	width: 10.625em;
	margin: 0 auto;
}
.cont9 .slick-arrow {
	position: absolute;
	right: 0;
	top: 30%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	background: #1a1a1a url("../img/arrow_yellow.svg") center center no-repeat;
	background-size: auto 20px;
	z-index: 50;
	cursor: pointer;
	transition: .2s;
}
.cont9 .slick-arrow.prev {
	left: 0;
	right: auto;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width:780px) {
	.cont9 {
		padding: 10vw 0 0;
	}
	.cont9 .ttlBox {
		margin-bottom: 4vw;
	}
	.cont9 .ttlBox h2 {
		margin-bottom: 2vw;
	}
	.cont9 .bg_pic {
		padding: 8vw 0 20vw;
	}
	.newsSlider {
		margin-bottom: 8vw;
	}
	.newsBox {
		width: 100%;
	}
	.newsCont h3 {
		font-size: 4.6154vw;
		margin: 2vw 0;
	}
	.newsCont .txt {
		font-size: 3.0769vw;
	}
	.cont9 .btn_more a {
		width: 40vw;
	}
}