* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html{
	overflow-x: hidden;
}


/* PC */
@media screen and (min-width:1025px) {

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

	.id_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	}

	.id_container{
		width:1200px;
		margin:0 auto;
		text-align:center;
		background:#ffffff;
		padding-bottom:50px;
	}

	.id_main_inner{
		width:100%;
		margin-bottom:100px;
	}


	.id_main_title{
		padding-top:30px;
		text-align:center;
		margin:0 auto;
		font-size:30px;
		font-weight:bold;
	}
	
	.id_main_txt{
		width:800px;
		text-align:left;
		margin:0 auto;
		font-size:15px;
		margin-top:30px;
		margin-bottom:30px;
		line-height:23px;
	}


	.id_main_box{
		width:100%;
		margin:0 auto;
		margin-bottom:50px;
	}

	ul.id_main_box_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    margin:0 auto;
		    width:800px;
	}
	
	ul.id_main_box_ul li {
			list-style-type: none;
		}

	ul.id_main_box_ul a{
		text-decoration:none;
		color:#ffffff;
	}

	ul.id_main_box_ul a:hover{
		opacity: 0.7;
		color:#ffffff;
	}


	.id_main_box_ul_li{
		color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			margin:5px;
	}


	ul.id_main_box_inner_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    width:300px;
	}

	ul.id_main_box_inner_ul li {
			list-style-type: none;
			color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			text-align:left;
		}

	
	.id_btn{
			display: inline-block;
	  		width: 40px;
	  		height: 40px;
	  		border-radius: 50%;
	  		background: #ffffff;
	  		text-align:center;
	  		line-height: 40px;
	  		color:#000000;
	}


	.id_btn_txt{
		color:#000000;
		font-size:10px;
		margin-bottom:20px;
	}

	.idw1{
		width:60px;
	}

	.idw2{
		width:240px;
	}

	.id_idbox{
		width:90%;
		border:1px solid #878787;
		background:#f2f2f2;
		color:#000000;
		padding:20px 20px 0 20px;
		margin:0 auto;
		text-align:left;
		margin-bottom:50px;
	}

	.id_idbox_title{
		font-weight:bold;
	}

	.id_idbox_txt{
		font-size:15px;
		line-height:20px;
		padding:20px;
	}


	.idw3{
		width:40px;
		padding:8px 10px;
		margin-right:10px;
	}

	.idw4{
		width:600px;
	}
	
.title_id_box{
	width:90%;
	padding:20px 10px 5px 10px;
	text-align:left;
	border-bottom:1px solid;
	margin:0 auto;
	margin-bottom:20px;
}

.title_id_box_btn{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #000000;
	text-align:center;
	line-height: 30px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.title_id_box_txt{
	font-size:23px;
	font-weight:bold;
}


	.title_ul{
		width:90%;
		border-bottom:1px solid;
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
	}

	.title_ul li{
		list-style-type: none;
	}


	.no{
		display: inline-block;
	  	width: 30px;
	  	height: 30px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 30px;
	  	color:#ffffff;
	  	font-size:15px;
	  	font-weight:bold;
	}

	.notitle{
		font-size:30px;
	  	font-weight:bold;
	}



	.box_01{
		width:90%;
		margin:0 auto;
		margin-bottom:30px;
	}

.box_01_txt{
	font-size:15px;
	color:#000000;
	text-align:left;
}

.box_01_txt a{
	color:#d32d26;
}

.box_01_inner{
	margin:0 auto;
	padding:20px;
	font-size:15px;
	text-align:left;
}

.box_01_inner a{
	color:#d32d26;
}

.idw5{
	font-size:12px;
	padding:10px;
	line-height:20px;
}

.id_img{
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

.id_img img{
	width:100%;
	border:1px solid;
}

.idb{
	font-weight:bold;
	padding:20px 0;
}

.box_01_btn{
	border:1px solid;
	width:30%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

.box_01_btn_inner{
	margin:0 auto;
	width:100%;
	text-align:center;
	padding:20px;
}

.box_01_btn_inner a{
	color:#000000;
	text-decoration:none;
}



ul.box_01_btn_ul{
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding:20px;
}

.box_01_btn_ul li{
		list-style-type: none;
	}
	
	.no_btn{
		display: inline-block;
	  	width: 20px;
	  	height: 20px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 20px;
	  	color:#ffffff;
	  	font-size:15px;
	  	font-weight:bold;
	}

	.notitle_btn{
		font-size:20px;
	  	font-weight:bold;
	}
	
	.idw6{
		width:30px;
		padding:6px 10px;
		margin-right:10px;
		margin-left:20px;
	}	
	
	.id_btn_b{
		background:#000000;
		color:#ffffff;
		font-size:15px;
		width:30%;
		margin:0 auto;
		padding:30px;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.id_btn_b:hover{
		opacity: 0.7;
	}
	
	.id_btn_b a{
		color:#ffffff;
		text-decoration:none;
	}
	
	.id_btn_b a:hover{
		color:#ffffff;
	}
}


/* タブレット */
@media screen and (max-width:1024px) {

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

	.id_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	}

	.id_container{
		width:90%;
		margin:0 auto;
		text-align:center;
		background:#ffffff;
		padding-bottom:50px;
	}

	.id_main_inner{
		width:100%;
		margin-bottom:100px;
	}


	.id_main_title{
		padding-top:30px;
		text-align:center;
		margin:0 auto;
		font-size:30px;
		font-weight:bold;
	}
	
	.id_main_txt{
		width:90%;
		text-align:left;
		margin:0 auto;
		font-size:15px;
		margin-top:30px;
		margin-bottom:30px;
		line-height:23px;
	}


	.id_main_box{
		width:100%;
		margin:0 auto;
		margin-bottom:50px;
	}

	ul.id_main_box_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    margin:0 auto;
		    width:90%;
	}
	
	ul.id_main_box_ul li {
			list-style-type: none;
		}

	ul.id_main_box_ul a{
		text-decoration:none;
		color:#ffffff;
	}

	ul.id_main_box_ul a:hover{
		opacity: 0.7;
		color:#ffffff;
	}


	.id_main_box_ul_li{
		color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			margin:5px;
	}


	ul.id_main_box_inner_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    width:300px;
	}

	ul.id_main_box_inner_ul li {
			list-style-type: none;
			color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			text-align:left;
		}

	
	.id_btn{
			display: inline-block;
	  		width: 40px;
	  		height: 40px;
	  		border-radius: 50%;
	  		background: #ffffff;
	  		text-align:center;
	  		line-height: 40px;
	  		color:#000000;
	}


	.id_btn_txt{
		color:#000000;
		font-size:10px;
		margin-bottom:20px;
	}

	.idw1{
		width:60px;
	}

	.idw2{
		width:240px;
	}

	.id_idbox{
		width:90%;
		border:1px solid #878787;
		background:#f2f2f2;
		color:#000000;
		padding:20px 20px 0 20px;
		margin:0 auto;
		text-align:left;
		margin-bottom:50px;
	}

	.id_idbox_title{
		font-weight:bold;
	}

	.id_idbox_txt{
		font-size:15px;
		line-height:20px;
		padding:20px;
	}


	.idw3{
		width:40px;
		padding:8px 10px;
		margin-right:10px;
	}

	.idw4{
		width:600px;
	}


.title_id_box{
	width:90%;
	padding:20px 10px 5px 10px;
	text-align:left;
	border-bottom:1px solid;
	margin:0 auto;
	margin-bottom:20px;
}

.title_id_box_btn{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #000000;
	text-align:center;
	line-height: 30px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.title_id_box_txt{
	font-size:20px;
	font-weight:bold;
}


	.title_ul{
		width:90%;
		border-bottom:1px solid;
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
	}

	.title_ul li{
		list-style-type: none;
	}


	.no{
		display: inline-block;
	  	width: 30px;
	  	height: 30px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 30px;
	  	color:#ffffff;
	  	font-size:15px;
	  	font-weight:bold;
	}

	.notitle{
		font-size:30px;
	  	font-weight:bold;
	}



	.box_01{
		width:90%;
		margin:0 auto;
		margin-bottom:30px;
	}

.box_01_txt{
	font-size:15px;
	color:#000000;
	text-align:left;
}

.box_01_txt a{
	color:#d32d26;
}

.box_01_inner{
	margin:0 auto;
	padding:20px;
	font-size:15px;
	text-align:left;
}

.box_01_inner a{
	color:#d32d26;
}

.idw5{
	font-size:12px;
	padding:10px;
	line-height:20px;
}

.id_img{
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

.id_img img{
	width:100%;
	border:1px solid;
}

.idb{
	font-weight:bold;
	padding:20px 0;
}

.box_01_btn{
	border:1px solid;
	width:50%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

.box_01_btn_inner{
	margin:0 auto;
	width:100%;
	text-align:center;
	padding:20px;
}

.box_01_btn_inner a{
	color:#000000;
	text-decoration:none;
}



ul.box_01_btn_ul{
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding:20px;
}

.box_01_btn_ul li{
		list-style-type: none;
	}
	
	.no_btn{
		display: inline-block;
	  	width: 20px;
	  	height: 20px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 20px;
	  	color:#ffffff;
	  	font-size:15px;
	  	font-weight:bold;
	}

	.notitle_btn{
		font-size:20px;
	  	font-weight:bold;
	}
	
	.idw6{
		width:30px;
		padding:6px 10px;
		margin-right:10px;
		margin-left:20px;
	}	
	
	.id_btn_b{
		background:#000000;
		color:#ffffff;
		font-size:15px;
		width:50%;
		margin:0 auto;
		padding:30px;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.id_btn_b:hover{
		opacity: 0.7;
	}
	
	.id_btn_b a{
		color:#ffffff;
		text-decoration:none;
	}
	
	.id_btn_b a:hover{
		color:#ffffff;
	}

}


/* スマホ */
@media screen and (max-width:599px) {

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }


	.id_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	}

	.id_container{
		width:100%;
		margin:0 auto;
		text-align:center;
		background:#ffffff;
		padding-bottom:50px;
	}

	.id_main_inner{
		width:100%;
		margin-bottom:100px;
	}


	.id_main_title{
		padding:30px 10px 10px 10px;
		text-align:center;
		margin:0 auto;
		font-size:30px;
		font-weight:bold;
	}
	
	.id_main_txt{
		width:90%;
		text-align:left;
		margin:0 auto;
		font-size:15px;
		margin-top:30px;
		margin-bottom:30px;
		line-height:23px;
	}


	.id_main_box{
		width:100%;
		margin:0 auto;
		margin-bottom:50px;
	}

	ul.id_main_box_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    margin:0 auto;
		    width:90%;
	}
	
	ul.id_main_box_ul li {
			list-style-type: none;
		}

	ul.id_main_box_ul a{
		text-decoration:none;
		color:#ffffff;
	}

	ul.id_main_box_ul a:hover{
		opacity: 0.7;
		color:#ffffff;
	}


	.id_main_box_ul_li{
		color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			margin:5px;
	}


	ul.id_main_box_inner_ul{
			display: -webkit-flex;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    width:300px;
	}

	ul.id_main_box_inner_ul li {
			list-style-type: none;
			color:#ffffff;
			font-size:15px;
			line-height:15px;
			background-color:#000000;
			padding:10px;
			line-height:18px;
			text-align:left;
		}

	
	.id_btn{
			display: inline-block;
	  		width: 40px;
	  		height: 40px;
	  		border-radius: 50%;
	  		background: #ffffff;
	  		text-align:center;
	  		line-height: 40px;
	  		color:#000000;
	}


	.id_btn_txt{
		color:#000000;
		font-size:10px;
		margin-bottom:20px;
	}

	.idw1{
		width:60px;
	}

	.idw2{
		width:240px;
	}

	.id_idbox{
		width:90%;
		border:1px solid #878787;
		background:#f2f2f2;
		color:#000000;
		padding:20px 20px 0 20px;
		margin:0 auto;
		text-align:left;
		margin-bottom:50px;
	}

	.id_idbox_title{
		font-weight:bold;
	}

	.id_idbox_txt{
		font-size:15px;
		line-height:20px;
		padding:20px;
	}


	.idw3{
		width:8%;
	}

	.idw4{
		width:90%;
	}
	
	
.title_id_box{
	width:90%;
	padding:20px 10px 5px 10px;
	text-align:left;
	border-bottom:1px solid;
	margin:0 auto;
	margin-bottom:20px;
}

.title_id_box_btn{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #000000;
	text-align:center;
	line-height: 25px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

.title_id_box_txt{
	font-size:18px;
	font-weight:bold;
}

	
	.title_ul{
		width:90%;
		border-bottom:1px solid;
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin-bottom:30px;
	}

	.title_ul li{
		list-style-type: none;
	}


	.no{
		display: inline-block;
	  	width: 20px;
	  	height: 20px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 20px;
	  	color:#ffffff;
	  	font-size:10px;
	  	font-weight:bold;
	}

	.notitle{
		font-size:18px;
	  	font-weight:bold;
	  	padding-top:8px;
	}



	.box_01{
		width:90%;
		margin:0 auto;
		margin-bottom:30px;
	}

.box_01_txt{
	font-size:15px;
	color:#000000;
	text-align:left;
}

.box_01_txt a{
	color:#d32d26;
}

.box_01_inner{
	margin:0 auto;
	padding:20px;
	font-size:15px;
	text-align:left;
}

.box_01_inner a{
	color:#d32d26;
}

.idw5{
	font-size:12px;
	padding:10px;
	line-height:20px;
}

.id_img{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

.id_img img{
	width:100%;
	border:1px solid;
}

.idb{
	font-weight:bold;
	padding:20px 0;
}

.box_01_btn{
	border:1px solid;
	width:80%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

.box_01_btn_inner{
	margin:0 auto;
	width:100%;
	text-align:center;
	padding:20px;
}

.box_01_btn_inner a{
	color:#000000;
	text-decoration:none;
}


ul.box_01_btn_ul{
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width:100%;
}

.box_01_btn_ul li{
		list-style-type: none;
	}
	
	.no_btn{
		display: inline-block;
	  	width: 20px;
	  	height: 20px;
	  	border-radius: 50%;
	  	background: #000000;
	  	text-align:center;
	  	line-height: 20px;
	  	color:#ffffff;
	  	font-size:15px;
	  	font-weight:bold;
	}

	.notitle_btn{
		font-size:20px;
	  	font-weight:bold;
	}
	
	.idw6{
		width:30px;
		padding:5px;
	}	
	
	.id_btn_b{
		background:#000000;
		color:#ffffff;
		font-size:15px;
		width:80%;
		margin:0 auto;
		padding:30px;
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.id_btn_b:hover{
		opacity: 0.7;
	}
	
	
	.id_btn_b a{
		color:#ffffff;
		text-decoration:none;
	}
	
	.id_btn_b a:hover{
		color:#ffffff;
	}

}