@charset "utf-8";

#main_contents.home #slider_wrap{
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

#main_contents.home #slider_wrap span{
	display: inline-block;
}

#main_contents.home #slider_wrap img{
	width: 100%;
	height: auto;
}

#main_contents.home #slider_wrap .left{
	width: 50%;
	float: left;
}

#main_contents.home #slider_wrap .right{
	width: 50%;
	float: left;

}

#main_contents.home #slider_wrap .right .top{
	width: 100%;
	overflow: hidden;
	position: relative;
}

#main_contents.home #slider_wrap .right .top a{
	display: block;
}


#main_contents.home #slider_wrap .right .top .back{
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	z-index: 10;
	background: #83b81f; /* Old browsers */
background: -moz-linear-gradient(left, #83b81f 0%, #1ea039 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #83b81f 0%,#1ea039 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #83b81f 0%,#1ea039 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b81f', endColorstr='#1ea039',GradientType=1 ); /* IE6-9 */
}

#main_contents.home #slider_wrap .right .top .btn{
	position: absolute;
	top: 50%;
	left: 50%;
		  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 100;
	width: 70%;
}

#main_contents.home #slider_wrap .right .top .btn img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	padding-top: 20px;
}

#main_contents.home #slider_wrap .right .first_step{
	position: relative;
}

#main_contents.home #slider_wrap .right .first_step .f_logo{
	width: 170px;
	position: absolute;
	top: -40px;
	right: -35px;
}


#main_contents.home #slider_wrap .txtbox{
	position: absolute;
	bottom: 60px;
	left: 60px;
	color: #FFF;
	z-index: 900;
}

#main_contents.home #sec01{
	text-align: center;
	background: url("../images/home/bg_logo.jpg") 50% 50% no-repeat;
	-webkit-background-size: 300px;
	     -o-background-size: 300px;
	        background-size: 300px;
	padding: 40px 0 0 0;
}

#main_contents.home #sec01 h3{
	display: inline-block;

}

.trouble_table{
	display: table;
	width: 660px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.trouble_table dt{
	display: table-cell;
	width: 420px;
	text-align: left;
	border-bottom: dashed 3px #F2C72B;
	padding: 3px;
}

.trouble_table dt:before{
	content: url("../images/home/check_01.png");
	padding-top: 3px;
	margin: 0 10px;
}

.trouble_table dd{
	display: table-cell;
	width: 240px;
	text-align: left;
}

#slider_wrap_sp{
	display: none;
}


@media (min-width:768px) {




}

@media (max-width:768px) {

	#slider_wrap{
		/*display: none;*/
	}

	#main_contents.home #slider_wrap .left {
		float: none;
		width: 100%;
		position: relative;
	}

	#main_contents.home #slider_wrap .txtbox {
		max-width: 560px;
	    width: 95%;
	    text-align: center;
	    position: absolute;
	    bottom: 20px;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}

	#main_contents.home #slider_wrap .txtbox p:nth-child(1) {
		font-size: 36px;
	}
	#main_contents.home #slider_wrap .txtbox p:nth-child(2) {
		font-size: 56px;
	}
	#main_contents.home #slider_wrap .txtbox p:nth-child(3) {
		font-size: 20px;
	}

	#main_contents.home #slider_wrap .right {
		float: none;
		width: 100%;
	}

	#main_contents.home #slider_wrap .right .first_step .f_logo {
		width: 38%;
		top: -18%;
		right: -10%;
	}

	#main_contents.home #slider_wrap .right .bottom {
		display: none;
	}

	#slider_wrap_sp{
		/*display: block;*/
		width: 100%;
		overflow: hidden;
	}

	#slider_wrap_sp img{
		width: 100%;
		height: auto;
	}

	#slider_wrap_sp .top{
		position: relative;
	}

	#slider_wrap_sp .bottom{
		width: 100%;
		overflow: hidden;
		position: relative;
	}


	#slider_wrap_sp .bottom .back{
		width: 100%;
		height: 100%;
		padding: 20px;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.6;
		z-index: 10;
	}

	#slider_wrap_sp .bottom .btn{
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateY(0%) translateX(-50%);
	  -webkit- transform: translateY(0%) translateX(-50%);
		z-index: 100;
		width: 80%;
	}

	#slider_wrap_sp .bottom .btn img{
		margin: 0 auto;
		display: block;
		padding-top: 0;
	}

	#slider_wrap_sp .bottom .btn .f_logo{
		position: absolute;
		width: 120px;
		top: -10px;
		right: -5px;
	}

	#slider_wrap_sp .txtbox{
		position: absolute;
		bottom: 20px;
		left: 20px;
		color: #FFF;
		z-index: 900;
	}

	#main_contents.home #sec01{
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		width: 78%;
	}

	.trouble_table,.trouble_table dt,.trouble_table dd{
		display: block;
	}
	.trouble_table{
		width: 100%;
	}

	.trouble_table dt{
		border: none;
		width: 100%;
		font-size: 28px;
	}

	.trouble_table dd{
		width: 100%;
		padding-left: 40px;
		border-bottom: dashed 2px #F2C72B;
		padding-bottom: 10px;
		font-size: 40px;
	}

	#aside #news #newsWrap .topic{
		margin-bottom: 0;
	}

	#slider_wrap_sp .txtbox{
		width: 100%;
		left: 0;
	}

	.bracket{
		text-indent: 0;
	}

/*#main_contents.home .fz12 {
		font-size: -webkit-calc(12px / 2);
		font-size: calc(12px / 2);
    }
    #main_contents.home .fz13 {
		font-size: -webkit-calc(13px / 2);
		font-size: calc(13px / 2);
    }
    #main_contents.home .fz14 {
		font-size: -webkit-calc(14px / 2);
		font-size: calc(14px / 2);
    }
    #main_contents.home .fz15 {
		font-size: -webkit-calc(15px / 2);
		font-size: calc(15px / 2);
    }
    #main_contents.home .fz16 {
		font-size: -webkit-calc(16px / 2);
		font-size: calc(16px / 2);
    }
    #main_contents.home .fz20 {
		font-size: -webkit-calc(20px / 2);
		font-size: calc(20px / 2);
    }
    #main_contents.home .fz24 {
		font-size: -webkit-calc(24px / 2);
		font-size: calc(24px / 2);
    }
    #main_contents.home .fz27 {
		font-size: -webkit-calc(27px / 2);
		font-size: calc(27px / 2);
    }
    #main_contents.home .fz28 {
		font-size: -webkit-calc(28px / 2);
		font-size: calc(28px / 2);
    }
    #main_contents.home .fz30 {
		font-size: -webkit-calc(30px / 2);
		font-size: calc(30px / 2);
    }
    #main_contents.home .fz34 {
		font-size: -webkit-calc(34px / 2);
		font-size: calc(34px / 2);
    }
    #main_contents.home .fz35 {
		font-size: -webkit-calc(35px / 2);
		font-size: calc(35px / 2);
    }
    #main_contents.home .fz37 {
		font-size: -webkit-calc(37px / 2);
		font-size: calc(37px / 2);
    }
    #main_contents.home .fz40 {
		font-size: -webkit-calc(40px / 2);
		font-size: calc(40px / 2);
    }
    #main_contents.home .fz45 {
		font-size: -webkit-calc(45px / 2);
		font-size: calc(45px / 2);
    }
    #main_contents.home .fz50 {
		font-size: -webkit-calc(50px / 2);
		font-size: calc(50px / 2);
    }
    #main_contents.home .fz54 {
		font-size: -webkit-calc(54px / 2);
		font-size: calc(54px / 2);
    }
    #main_contents.home .fz70 {
		font-size: -webkit-calc(70px / 2);
		font-size: calc(70px / 2);
    }
    #main_contents.home .fz80 {
		font-size: -webkit-calc(80px / 2);
		font-size: calc(80px / 2);
    }*/

}


@media (max-width:640px) {

	#main_contents.home #slider_wrap {
		margin-bottom: 0;
	}

	#main_contents.home #sec01 {
		width: 95%;
	}

	.trouble_table dt {
		font-size: 14px;
	}

	.trouble_table dt:before{
		content: '';
	    display: inline-block;
	    background-image: url(../images/home/check_01.png);
	    background-size: 14px 14px;
	    background-position: bottom;
	    background-repeat: no-repeat;
	    width: 14px;
	    height: 14px;
	    margin-right: 6px;
	}

	.trouble_table dd {
		font-size: 20px;
	}

	#main_contents.home #sec01 .mb10 {
		margin-bottom: 18px;
	}

	#main_contents.home #sec01 .bottom_copy span:nth-child(1){
		font-size: 20px;
	}

	#main_contents.home #sec01 .bottom_copy span:nth-child(2){
		font-size: 30px;
	}

	#main_contents.home #sec01 .bottom_copy span:nth-child(3){
		font-size: 20px;
	}

}


@media (max-width:610px) {

	#main_contents.home #slider_wrap .txtbox p:nth-child(1) {
		font-size: 5.8vw;
	}

	#main_contents.home #slider_wrap .txtbox p:nth-child(2) {
		font-size: 9vw;
	}

	#main_contents.home #slider_wrap .txtbox p:nth-child(3) {
		font-size: 3.2vw;
	}

}