/* CSS Document */

#content{
	width:1000px;
	margin:20px auto 0;	
}

.block{
	margin:80px 0 0;	
}

.block h2{
	font-size:27px;
	width:100%;
	position:relative;	
}

.main{
	position:relative;	
}

.main .btn{
	position:absolute;
	left:140px;
	top:225px;	
}

.block h2:after{
	content:"";
	display:block;
	height:2px;
	width:100%;
	position:absolute;
	left:0;
	bottom:-10px;
	background:#ededed;	
	z-index:1;
}

.block h2 span{
	display:inline-block;
	position:relative;
	padding-left:55px;
}

.block h2 span:before{
	content:"";
	display:block;
	background:url(../images/nb/icon01.png) no-repeat left top;
	background-size:100% auto;
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:-3px;
	
}


.block h2.h2_2 span:before{
	background:url(../images/nb/icon02.png) no-repeat left top;
	background-size:100% auto;	
}
.block h2.h2_3 span:before{
	background:url(../images/nb/icon03.png) no-repeat left top;
	background-size:100% auto;	
}
.block h2.h2_4 span:before{
	background:url(../images/nb/icon04.png) no-repeat left top;
	background-size:100% auto;	
}
.block h2.h2_5 span:before{
	background:url(../images/nb/icon05.png) no-repeat left top;
	background-size:100% auto;	
}
.block h2.h2_6 span:before{
	background:url(../images/nb/icon06.png) no-repeat left top;
	background-size:100% auto;	
}

.block h2 span:after{
	content:"";
	display:block;
	height:2px;
	width:0%;
	position:absolute;
	left:0;
	bottom:-10px;
	background:#ffcc00;		
	z-index:2;
	transition: all 0.4s;
}

.block h2.active span:after{
	width:100%;	
}

#cover{
	background:#FFF;
	opacity: 0.8;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2999;
	display:none;
}

#modal{
	border-radius: 20px;
	background-color: rgb(255, 204, 0);
	position: fixed;
	width: 880px;
	z-index: 3000;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	display:none;
}

#modal .icon{
	text-align:center;
	padding-top:40px;	
}

#modal .icon2{
	position:absolute;
	right:35px;
	bottom:35px;
}

#modal ul{
	width:780px;
	margin:25px auto 0;	
}

#modal ul li{
	font-size: 16px;
	color: rgb(1, 1, 0);
	line-height: 1.563;
	padding-left:1em;
	text-indent:-1em;
}

#modal ul li:nth-child(1){
	margin-bottom:12px;	
}

#modal a{
	display:block;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0);
	margin:40px auto ;
	font-size:30px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	padding:15px 0 13px;
	width:220px;
	border-radius: 65px;
}

@media (max-width:1050px) {
	
	body{
		width:100%;
		overflow-x:hidden;
	}
	
	#contents{
		width:95%;
		margin:5% auto 0;
		overflow-x:hidden;
	}
	*{
		max-width:100%;	
	}
	.block{
		margin:10% 0 0;	
	}
	
	.block h2{
		font-size:4.5vw;
		width:100%;
		position:relative;	
	}
	
	.main{
		position:relative;	
	}
	
	.main .btn{
		width:53%;
		position:absolute;
		left:9vw;
		top:51vw;	
	}
	
	.block h2:after{
		content:"";
		display:block;
		height:2px;
		width:100%;
		position:absolute;
		left:0;
		bottom:-4vw;
		background:#ededed;	
		z-index:1;
	}
	
	.block h2 span{
		display:inline-block;
		position:relative;
		padding-left:13vw;
	}
	
	.block h2 span:before{
		content:"";
		display:block;
		background:url(../images/nb/icon01.png) no-repeat left top;
		background-size:100% auto;
		width:10vw;
		height:10vw;
		position:absolute;
		left:0;
		top:-2vw;
		
	}
	
	.block h2.h2_2 span:before{
		background:url(../images/nb/icon02.png) no-repeat left top;
		background-size:100% auto;	
	}
	.block h2.h2_3 span:before{
		background:url(../images/nb/icon03.png) no-repeat left top;
		background-size:100% auto;	
	}
	.block h2.h2_4 span:before{
		background:url(../images/nb/icon04.png) no-repeat left top;
		background-size:100% auto;	
	}
	.block h2.h2_5 span:before{
		background:url(../images/nb/icon05.png) no-repeat left top;
		background-size:100% auto;	
	}
	.block h2.h2_6 span:before{
		background:url(../images/nb/icon06.png) no-repeat left top;
		background-size:100% auto;	
	}
	
	.block h2 span:after{
		content:"";
		display:block;
		height:2px;
		width:0%;
		position:absolute;
		left:0;
		bottom:-4vw;
		background:#ffcc00;		
		z-index:2;
		transition: all 0.4s;
	}
	
	.block h2.active span:after{
		width:100%;	
	}
	
	#cover{
		background:#FFF;
		opacity: 0.8;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 2999;
	}
	
	#modal{
		border-radius: 20px;
		background-color: rgb(255, 204, 0);
		position: fixed;
		width: 95%;
		z-index: 3000;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	
	#modal .icon{
		text-align:center;
		padding-top:5%;	
		width:30%;
		margin:0 auto;
	}
	
	#modal .icon img,
	#modal .icon2 img{
		width:100%;
		height:auto;
	}	
	
	#modal .icon2{
		position:relative;
		width:25%;
		margin:0 auto;
		right:auto;
		bottom:auto;
		padding-bottom:5vw;
	}
	
	#modal ul{
		width:90%;
		margin:5% auto 0;	
	}
	
	#modal ul li{
		font-size: 3.6vw;
		color: rgb(1, 1, 0);
		line-height: 1.563;
		padding-left:1em;
		text-indent:-1em;
	}
	
	#modal ul li:nth-child(1){
		margin-bottom:3%;	
	}
	
	#modal a{
		display:block;
		border-style: solid;
		border-width: 2px;
		border-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0);
		margin:5% auto ;
		font-size:6vw;
		text-align:center;
		color:#ffffff;
		text-decoration:none;
		padding:2vw 0 1vw;
		width:60%;
		border-radius: 65px;
	}
	
}
/**************************************************************/


.block01 h3{
	margin-top:40px;
	font-size:20px;
	color:#ffcc00;
}

.block01 .txt01{
	margin-top:16px;
	font-size: 14px;
	color: rgb(0, 0, 0);
	line-height: 1.929;		
}

.block01 .inner{
	margin-top:20px;	
}

.block01 .inner .inner_l{
	width:480px;
	float:left;	
}

.block01 .inner .inner_r{
	width:480px;
	float:right;	
}

.block01 .inner .inner_l,
.block01 .inner .inner_r{
	border:solid 1px #ffcc00;
	padding:15px 20px 15px;
	box-sizing:border-box;
}

.block01 .inner .inner_l h4,
.block01 .inner .inner_r h4{
	font-size:17px;
}

.block01 .inner .inner_l p,
.block01 .inner .inner_r p{
	margin-top:7px;
	font-size: 14px;
	color: rgb(0, 0, 0);
	line-height: 1.929;	
}

.block01 .inner2{
	margin-top:55px;	
	background:#ebebeb;
	padding:20px;
	position:relative;
}

.block01 .inner2 table{
	width:100%;
}	

.block01 .inner2 table th,
.block01 .inner2 table td{
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	background:#FFF;
	font-size: 13px;
	line-height: 1.538;
	text-align: center;
	padding:17px 0 15px;
}

.block01 .inner2 table th.th2{
	width:200px;	
}
.block01 .inner2 table th.th3{
	width:200px;	
}
.block01 .inner2 table th.th4{
	width:200px;	
}
.block01 .inner2 table th.th1{
	width:200px;	
}

.block01 .inner2 p{
	position:absolute;
	right:20px;
	bottom:2px;
	font-size:10px;	
}

.block01 .list01{
	margin-top:15px;	
}

.block01 .list01.list02{
	margin-top:55px;	
}

.block01 .list01 li{
	font-size: 12px;
	color: rgb(0, 0, 0);
	line-height: 2.083;		
	padding-left:1em;
	text-indent:-1em;
}

.block01 .list01 li a,
.block01 .inner4 .txt a{
	color:#ff364f;	
}

.block01 .inner4 .txt li{
	padding-left:1em;
	text-indent:-1em;
}	

.block01 .list01 li a:hover,
.block01 .inner4 .txt a:hover{
	text-decoration:none;	
}

.block01 .inner3{
	margin-top:55px;	
}

.block01 .inner3 .inner3_l,
.block01 .inner3 .inner3_r{
	width:460px;
	float:left;	
}

.block01 .inner3 .inner3_r{
	float:right;	
}

.block01 .inner3 .inner3_l h3,
.block01 .inner3 .inner3_r h3{
	margin-top:0;
	font-size:17px;
	color:#ffffff;
	border-radius: 40px;
	background-color: rgb(255, 204, 0);
	text-align:center;
}

.block01 .inner3 .inner3_l p,
.block01 .inner3 .inner3_r p{
	margin-top:3px;
	font-size: 14px;
	line-height: 1.929;
}

.block01 .inner3 .inner3_l p span{
	font-size:10px;
	display:block;
}

.block01 .inner3 .inner3_l h4,
.block01 .inner3 .inner3_r p{
	margin-top:17px;
	font-size:14px;
}

.block01 .inner3 h3{
	padding:10px 0 8px;	
}

.block01 .inner3 .inner3_l h4 span{
	font-weight:normal;	
}

.list03{
	width:800px;
	margin:30px auto 0;	
}

.list03 li{
	width:200px;
	float:left;
	margin-bottom:25px;
	margin-right:100px;
	position:relative;	
}

.list03 li:nth-child(2),
.list03 li:nth-child(3){
	margin-right:0px;
	width:300px;
	text-align:left;
	margin-right:0 !important;
}

.list03 li:nth-child(3){
	width:200px;	
}

.list03 li:after{
	content:"";
	display:block;
	background:url(../images/nb/icon_right.png) no-repeat left top;
	background-size:100% auto;
	position:absolute;
	right:-55px;
	top:130px;
	width:15px;
	height:22px;
}

.list03 li:nth-child(2):after{
	right:50px;	
}

.list03 li:last-child:after{
	display:none;
}	

.list03 li h4{
	margin-top:15px;
	font-size:15px;
	color:#ffb800;	
	text-align:left !important;
}

.list03 li p{
	font-size: 13px;
	line-height: 1.3;
	text-align: left !important;
	margin-top:8px;
}

.list03 li p.t_center{
	text-align:left !important;	
}

.list03 li p span{
	display:block;
	margin-top:5px;	
	padding-left:1em;
	text-indent:-1em;
}

.list03 li:nth-child(3n){
	margin-right:0;
}	

.block01 .inner4 h3{
	font-size:13px;
	margin-top:55px;
	color:#000;	
}

.block01 .inner4 h3.min{
	margin-top:40px;	
}

.block01 .inner4 .txt{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255, 204, 0);
	background-color: rgb(250, 250, 250);
	width: 430px;
	padding:15px 20px 13px;
	font-size: 12px;
	color: rgb(0, 0, 0);
	line-height: 2;	
	margin-top:15px;	
}

.block01 .inner4 .txt_caution{
	font-size:10px;
	margin-top:14px;	
}

@media (max-width:1050px) {
	.block01 h3{
		margin-top:8%;
		font-size:4vw;
		color:#ffcc00;
	}
	
	.block01 .txt01{
		margin-top:3%;
		font-size: 3.2vw;
	}
	
	.block01 .inner{
		margin-top:3%;	
	}
	
	.block01 .inner .inner_l{
		width:100%;
		float:none;	
	}
	
	.block01 .inner .inner_r{
		width:100%;
		float:none;
		margin-top:5%;	
	}
	
	.block01 .inner .inner_l,
	.block01 .inner .inner_r{
		border:solid 1px #ffcc00;
		padding:4% 5%;
		box-sizing:border-box;
	}
	
	.block01 .inner .inner_l h4,
	.block01 .inner .inner_r h4{
		font-size:3.6vw;
	}
	
	.block01 .inner .inner_l p,
	.block01 .inner .inner_r p{
		margin-top:2%;
		font-size: 3.2vw;
	}
	
	.block01 .inner2{
		margin-top:8%;	
		background:#ebebeb;
		padding:5%;
		position:relative;
	}
	
	.block01 .inner2 table{
		width:100%;
	}	
	
	.block01 .inner2 table.mt{
		margin-top:5%;	
	}
	
	.block01 .inner2 table th,
	.block01 .inner2 table td{
		border-right:solid 1px #ebebeb;
		border-bottom:solid 1px #ebebeb;
		background:#FFF;
		font-size: 3.2vw;
	}
	
	.block01 .inner2 table th{
		width:40% !important;	
	}
	
	.block01 .inner2 p{
		position:absolute;
		right:20px;
		bottom:1px;
		font-size:2.8vw;	
	}
	
	.block01 .list01{
		margin-top:5%;	
	}
	
	.block01 .list01.list02{
		margin-top:8%;	
	}
	
	.block01 .list01 li{
		font-size: 3vw;
		padding-left:1em;
		text-indent:-1em;
	}
	
	.block01 .list01 li a,
	.block01 .inner4 .txt a{
		color:#ff364f;	
	}
	
	.block01 .list01 li a:hover,
	.block01 .inner4 .txt a:hover{
		text-decoration:none;	
	}
	
	.block01 .inner3{
		margin-top:8%;	
	}
	
	.block01 .inner3 .inner3_l,
	.block01 .inner3 .inner3_r{
		width:100%;
		float:none;	
	}
	
	.block01 .inner3 .inner3_r{
		float:none;	
		margin-top:3%;
	}
	
	.block01 .inner3 .inner3_l h3,
	.block01 .inner3 .inner3_r h3{
		font-size:3.6vw;
		border-radius: 40px;
		background-color: rgb(255, 204, 0);
		text-align:center;
	}
	
	.block01 .inner3 .inner3_l p,
	.block01 .inner3 .inner3_r p{
		margin-top:2%;
		font-size: 3.2vw;
		line-height: 1.929;
	}
	
	.block01 .inner3 .inner3_l p span{
		font-size:2.8vw;
		display:block;
	}
	
	.block01 .inner3 .inner3_l h4,
	.block01 .inner3 .inner3_r p{
		margin-top:3%;
		font-size:3.2vw;
	}
	
	.block01 .inner3 h3{
		padding:2% 0 1%;	
	}
	
	.block01 .inner3 .inner3_l h4 span{
		font-weight:normal;	
	}
	
	.list03{
		width:70%;
		margin:30px auto 0;	
	}
	
	.list03 li img{
		width:78%;
		margin:0 auto;
		display:block;
		height:auto;
	}	
	
	.list03 li{
		width:100% !important;
		float:none;
		margin-bottom:30%;
		margin-right:0px !important;
		position:relative;	
	}
	
	.list03 li:after{
		content:"";
		display:block;
		background:url(../images/nb/icon_right.png) no-repeat left top;
		background-size:100% auto;
		position:absolute;
		right:50% !important;
		margin-right:-3.5vw;
		top:auto;
		bottom:-14vw;
		width:7vw;
		height:11vw;
		transform:rotate(90deg);
		
	}
	
	.list03 li:last-child:after{
		display:none;
	}	
	
	.list03 li h4{
		margin:5% auto 0;
		width:78%;
		font-size:3.5vw;
	}
	
	.list03 li p{
		width:78%;
		font-size: 3.2vw;
		line-height: 1.3;
		text-align: center;
		margin:3% auto 0;
	}
	
	.list03 li p.t_center{
		text-align:center;	
	}
	
	.list03 li p span{
		display:block;
		margin-top:2%;	
	}
	
	.list03 li:nth-child(3n){
		margin-right:0;
	}	
	
	.block01 .inner4 h3{
		font-size:3.2vw;
		margin-top:8%;
		color:#000;	
	}
	
	.block01 .inner4 h3.min{
		margin-top:5%;	
	}
	
	.block01 .inner4 .txt{
		border-style: solid;
		border-width: 1px;
		border-color: rgb(255, 204, 0);
		background-color: rgb(250, 250, 250);
		padding:3vw 4vw;
		box-sizing:border-box;
		font-size: 3.2vw;
		color: rgb(0, 0, 0);
		line-height: 2;	
		margin-top:3%;	
	}
	
	.block01 .inner4 .txt_caution{
		font-size:2.8vw;
		margin-top:3%;	
	}
}