@charset "utf-8";

*{
	box-sizing: border-box;

}
html{
	    scroll-behavior: smooth;
	    	max-width: 100%;
}
body{
	font-family: -apple-system, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	letter-spacing: 1px;
	color: #000;
	scroll-behavior: smooth;
	font-weight: normal;
	max-width: 100%;
}
a{
	color: #000;
	text-decoration: none;
	display: block;
}
ul,ul li{
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
}
img.allsize{
	display: block;
}
.slick-slide img{
	max-width: 100%;
}
/**パーツ**/
.btn{
	text-align: center;
	font-weight: bold;
	position: relative;
}
.btn:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;

}
.btn.btn_blue{
	background-color: #005AAA;
	color: #fff;
}
.btn.btn_blue:after{
	border-color: transparent transparent #7EC2FF transparent;
}
.btn.btn_white{
	background-color: #fff;
	border: 1px solid #5A5555;
}
.btn.btn_white:after{
	border-color: transparent transparent #5A5555 transparent;
}

.btn.btn_or{
	background-color: #fff;
	border: 1px solid #FFA400;
	color: #FFA400;
}
.btn.btn_or:after{
	border-color: transparent transparent #FFA400 transparent;
}
.bg_color{
	background-color: #F6F6F6;
	padding: 20px 6%;
}
.border{
	border: 1px solid #DFDFDF;
	padding: 20px 6%;
}
span.pdf{
	display: inline-block;
	width: 15px;
	height: 12px;
	padding-left: 3px;
	background-image: url(../images/common/icon_pdf.gif);
	background-position: right 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
}
span.excel{
	display: inline-block;
	width: 15px;
	height: 12px;
	padding-left: 3px;
	background-image: url(../images/common/icon_excel.gif);
	background-position: right 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
}
span.ppt{
	display: inline-block;
	width: 15px;
	height: 12px;
	padding-left: 3px;
	background-image: url(../images/common/icon_ppt.gif);
	background-position: right 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
}
span.docx{
	display: inline-block;
	width: 15px;
	height: 12px;
	padding-left: 3px;
	background-image: url(../images/common/icon_word.gif);
	background-position: right 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
}
.page span.link{
	display: inline-block;
	width: 15px;
	height: 12px;
	padding-left: 3px;
	background-image: url(../images/common/icon_popup.png);
	background-position: right 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
	border-bottom: none;
	min-width: 15px;
}
.page h2 span.link:after{
display: none;
}

/**パーツ**/
	.wrapper #wrap_main{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.wrapper #wrap_main header,
	.wrapper #wrap_main main,
	.wrapper #wrap_main footer,
	.wrapper #wrap_main #pankuzu{
		width: 100%;
	}
.wrapper #wrap_main header{
	-webkit-box-ordinal-group:0;
	-ms-flex-order:0;
		-webkit-order:0;
		order:0;
}
.wrapper #wrap_main main{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
　		-webkit-order:1;
		order:1;
}
.wrapper #wrap_main footer{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
		-webkit-order:2;
		order:2;
}
.wrapper #wrap_main #pankuzu{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:3;
		-webkit-order:3;
		order:3;
}
table{
	border-collapse: collapse;
}
a.return{
	color: #666;
	font-size: 12px!important;
	text-align: left;
	width: fit-content;
	position: relative;
	margin-top: 30px;
	display: block;
}
a.return:after{
	content: "";
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #666;
	transition: .3s;
}
a.return:hover:after{
	width: 100%;
}


/**SP**/
@media screen and (max-width:980px){
#pankuzu ul{
	display: flex;
	flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 10px;
}
#pankuzu li{
	font-size: 12px;
	position: relative;
		width: fit-content;
}
#pankuzu li + li{
	margin-left: 20px;
}
#pankuzu li + li:before{
	content: ">";
	display: block;
	position: absolute;
	left: -15px;
	width: 10px;
	text-align: center;
	color: #666;
	 transform   : scale(0.8, 1.2);
	 height: 15px;
	 bottom: 2px;
	 margin: 0;
}

#pankuzu li:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
	height: 1px;
	background-color: #111;
	transition: .3s;
}
#pankuzu li:hover:after{
	width: 100%;
}
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	p,a{
		font-size: 13px;
		line-height: 1.6em;
	}
	body{
		position: relative;
		padding-bottom: 112px;
	}
	section + section{
		margin-top: 30px;
	}
	/**パーツ**/
	#sidebar ul + .btn{
		margin-top: 20px;
	}
	#sidebar .btn{
/*		width: 240px;*/
		width: 260px;
		height: 40px;
		padding-top: 10px;
		margin: 0 auto;
		font-size: 14px;
	}
	#sidebar .btn + .btn{
		margin-top: 10px;
	}
	#sidebar .sidebar_list ul li .btn{
		margin-top: 10px;
		margin-bottom: 10px;
		height: 44px;
	}
	#sidebar .sidebar_list ul li .btn:after{
		right: 0;
    bottom: 0;
    background-image: none;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
	}

	main{
		padding-top: 45px;
	}
	main .btn,
	header .btn{
		width: 180px;
		height: 40px;
		font-size: 13px;
		padding-top: 14px;
	}
	h2{
		font-size: 20px;
	}
	h2.color{
		color: #FFA400;
	}
	h3{
		font-size: 16px;
	}
	h3 span.small{
		display: none;
	}
	h4{
		font-size: 12px;
	}
	.bg_color,.border{
		padding: 10px;
	}
	.sp_tabbox{
	display: block;
	position: relative;
	min-height: 400px;
}
.tabbox_btn{
	display: flex;
	border-bottom: 2px solid #000;
}
.tabbox_btn a{
	width: 49%;
	height: 48px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	border-bottom: none;
}
.tabbox_btn a + a{
	margin-left: 2%;
}
.tabbox_btn a.tab_now{
	background-color: #000;
	color: #fff;
}
.sp_tabbox .grid{
	display: block;
	width: 100%;
		position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #fff;
	padding: 20px 20px 0 20px;
	height: 100%;
}
.sp_tabbox .grid.tab_now_box{
	z-index: 5;
}
.gridbox.column6{
	display: flex;
	flex-wrap: wrap;
}
.gridbox.column6 .grid{
		width: 49%;
		padding-bottom: 10px;
	}
	.gridbox.column6 .grid:nth-child(even),
	.gridbox.column6 .grid:not(.column3grid) + .grid.column3grid{
		margin-left: 2%;
	}
#index .ad_link .inner_small{
	padding-top: 0;
	padding-bottom: 0;
}



	/**パーツ**/
/**sidebar**/
	.wrapper #sidebar{
		/*position: absolute;*/
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		background-color: #fff;
		z-index: 10;
		padding-bottom: 30px;
		 box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.3);
		 padding-top: 50px;
		 max-height: 100vh;
    overflow: scroll;
	}
	.sidebar_list{
		display: block;
	}
	.sidebar_list .side_logo{
		display: block;
		width: 67px;
		margin: 20px auto;
	}
	.sidebar_list ul{
		border-top: 1px solid #DFDFDF;
	}
	.sidebar_list ul li{
		border-bottom: 1px solid #DFDFDF;
	}
	.sidebar_list ul li a{
		font-size: 14px;
		font-weight: bold;
		padding: 13px 30px;
		position: relative;
	}
	.sidebar_list ul li.blue a{
		color: #005AAA;
	}
	.sidebar_list ul li p.right_ttl{
			font-size: 14px;
			padding-left: 30px;
			width: 100%;
			display: block;
		font-weight: bold;
		box-sizing: border-box;
		position: relative;
	}
	.sidebar_list ul li p.right_ttl:after{
		content: "";
		width: 15px;
		height: 2px;
		background-color: #000;
		position: absolute;
		top: 10px;
		right: 27px;
	}
	.sidebar_list ul li p.right_ttl:before{
		content: "";
		width: 15px;
		height: 2px;
		background-color: #000;
		position: absolute;
		top: 10px;
		right: 27px;
		transform: rotate(90deg);
		transition: .3s;
	}
	.sidebar_list ul li p.right_ttl.side_open:before{
		transform: rotate(0);
	}
	.sidebar_list ul li a:after{
		content: "";
		display: block;
		position: absolute;
		right: 30px;
		bottom: 0;
		top: 0;
		margin: auto;
		width: 8px;
		height: 10px;
		background-image: url(../images/common/next.png);
		background-repeat: no-repeat;
		background-position: center;
		transition: .3s;
	}
	.sidebar_list ul li.blue a:after{
		color: #005AAA;
		background-image: url(../images/common/next_blue.png);
	}
	.sidebar_list ul li ul{
		padding-left: 20px;
		display: none;
	}
	.sidebar_list ul li ul .right_ttl_inner{
		display: none;
	}
	.sidebar_list ul li ul .right_fixed a{
		color: #FFA400;
	}
	.sidebar_list ul li ul .right_fixed a:after{
		background-image: url(../images/common/next_or.png);
	}
	.sidebar_list ul li ul .right_open_ttl{
		border-bottom: 1px solid #FFA400;
	}
	.sidebar_list ul li ul .right_fixed .right_open_ttl.border_none{
		border-bottom: none;
	}
	.sidebar_list ul li ul .right_nav{
		display: block;
	}
	.sidebar_list .right_nav_list ul li,
	.sidebar_list ul li ul .right_fixed .right_nav ul,
	.sidebar_list ul li ul .right_fixed .right_nav li{
		border-bottom: none;
	}
	.sidebar_list ul li ul .right_fixed .right_nav a{
		color: #000;
		font-size: 12px;
		padding: 10px 15px;
	}
	.sidebar_list ul li ul .right_fixed .right_nav a:after{
		background-image: url(../images/common/next.png);
	}
	header .menu_btn{
		position: absolute;
		top: 0;
		right: 0;
		pointer-events: auto;
		width: 48px;
		height: 48px;
		padding: 20px 10px;
		z-index: 15;
	}
	header .menu_btn span{
		height: 2px;
		width: 28px;
		background-color: #121212;
		position: absolute;
		transition: .3s;
	}
	header .menu_btn span:nth-child(1){
		top: 20px;
		right: 10px;
	}
	header .menu_btn span:nth-child(2){
		width: 16px;
		top: 30px;
		right: 10px;
	}
	header .menu_btn.sp_nav_open span:nth-child(1){
		transform: rotate(45deg);
	}
	header .menu_btn.sp_nav_open span:nth-child(2){
		transform: rotate(-45deg);
		top: 20px;
		width: 28px;
	}

	/**sidebar**/

.wrapper{
		display: flex;
		flex-wrap: wrap;
	}
/*#pankuzu{
		order: 1;
	}*/
#wrap_main{
	width: 100%;
}
.inner{
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}
header h1{
	margin: 0;
	padding: 0;
}
	header{
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background-color: #fff;
	}
	header .inner{
		display: flex;
		padding-right: 48px;
		padding-left: 0;
		justify-content: space-between;
	}
	header .inner .btn{
		width: 110px;
		height: 48px;
		padding-top: 14px;
	}
	header a.h_logo{
		padding: 15px;
	}
	header a.h_logo img{
		width: 181px;
	}
footer .footer_nav{
	padding: 20px 0 30px;
	margin-top: 20px;
	border-top: 1px solid #DFDFDF;
}
footer .footer_nav .grid_inner + .grid_inner{
	margin-top: 35px;
}
footer .footer_nav p.single_ttl a,
footer .footer_nav .grid_inner p a{
	font-size: 15px;
	font-weight: bold;
}
footer .footer_nav .grid_inner,
footer .footer_nav p.single_ttl{
	margin-top: 25px;
}

footer .footer_nav .grid_inner ul li{
	padding: 10px;

	display: inline-block;
}
footer .footer_nav .grid_inner ul li a{
	font-size: 13px;
}
.footer_foot{
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 0;
	background-color: #5A5555;
	display: block;
	padding: 23px 20px;
}
.footer_foot a{
	color: #fff;
	font-size: 12px;

}
.footer_foot .foot_left ul{
	display: flex;
	margin: 0 auto 20px;
	padding: 0;
	justify-content: center;
}
.footer_foot .foot_left ul li{
	margin: 0;
	padding: 0;
}
.footer_foot .foot_left ul li + li{
	margin-left: 15px;
}
.footer_foot p.copy{
	font-size: 11px;
	text-align: center;
	color: #fff;
		margin: 0;
	padding: 0;
}
.page .gridbox.column2 .gridbox.column3 .grid{
	margin-bottom: 20px;
}
.page .gridbox.column2.btn_center .grid a.btn.has_sub{
		padding-top: 4px;
}

.btn.btn_white.has_sub span.sub_name{
		font-size: 10px;
		display: block;
		line-height: 10px;
}


}

/**PC**/
@media screen and (min-width : 981px ){
	.sp{
		display: none;
	}
	.pc{
		display: block;
	}
	html{
		font-size: 62.5%;
	}
	body{
		position: relative;
		padding-bottom: 74px;
		font-size: 1.6rem;
		line-height: 1.8;
	}
	p,a{
		
	}
	a img{
		display: block;
		position: relative;
	}
	a.hover_img{
		position: relative;
	}
	a.hover_img span{
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: .3s;
	}
	a.hover_img:hover span{
		background-color: rgba(255,255,255,.3);
	}
	/**パーツ**/
	#sidebar ul + .btn{
		margin-top: 30px;
	}
	#sidebar .btn{
		width: 258px;
		height: 56px;
		padding-top: 17px;
				margin-left: 30px;
		margin-right: 30px;
	}

	#sidebar .sidebar_list ul li .btn{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#sidebar .sidebar_list ul li .btn span{
		position: relative;
		padding-top: 4px;
	}
	#sidebar .sidebar_list ul li .btn:after{
		right: 0;
    bottom: 0;
    background-image: none;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
	}
	#sidebar .sidebar_list ul li .btn:hover:after{
		width: 100%;
		height: 100%;
	}
	#sidebar .btn + .btn{
		margin-top: 13px;
	}
	main .btn{
		width: 240px;
		height: 64px;
		padding-top: 17px;
	}
	h2{
		font-size: 36px;
			margin-top: 0;
	margin-bottom: 35px;
	}
	h2.sub_small{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	h2.sub_small span.big{
		
	}
	h2.color{
		color: #FFA400;
	}
	h2.sub_small span.small{
		font-size: 15px;
		padding-left: 20px;
		font-weight: normal;
	}
	h3{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 15px;
	}
	h4{
		font-size: 15px;
		margin-top: 0;
	margin-bottom: 15px;
	}


	/**パーツ**/
	#body_inner{
		max-width: 1920px;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.wrapper{
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		order: 1;
		justify-content: space-between;
	}
	.inner{
	padding:0 6.25%;
	box-sizing: border-box;
	}
	.inner.inner_small{
		padding:0 6.6%;
	}
/*	#pankuzu{
		order: 1;
	}*/
	.gridbox{
		display: flex;
		flex-wrap: wrap;
	}
	.gridbox.column2 .grid{
		width: 49.5%;
	}
	.gridbox.column2 .grid:nth-child(even){
		margin-left: 1%;
	}
	.gridbox.column3 .grid,
	.gridbox.column2 .gridbox.column3 .grid{
		width: 32.5%;
		margin-left: 1.25%;
		padding-bottom: 30px;
	}
	.gridbox.column2 .gridbox.column3 .grid img{
		max-width: 100%;
	}
	.gridbox.column2 .gridbox.column3 .grid:nth-child(even){
		margin-left: 1.25%;
	}


	.gridbox.column3 .grid:nth-child(1),
	.gridbox.column3 .grid:nth-child(3n + 1),
	.gridbox.column2 .gridbox.column3 .grid:nth-child(1),
	.gridbox.column2 .gridbox.column3 .grid:nth-child(3n + 1){
		margin-left: 0;
	}
	.gridbox.column4 .grid{
		width: 24%;
		margin-left: 1.33%;
	}
	.gridbox.column4 .grid:nth-child(1),
	.gridbox.column4 .grid:nth-child(4n + 1){
		margin-left: 0;
	}
	.gridbox.column6 .grid{
		width: 15.5%;
		margin-left: 1.4%;
		padding-bottom: 10px;
	}
	.gridbox.column6 .grid:nth-child(1),
	.gridbox.column6 .grid:nth-child(6n + 1){
		margin-left: 0;
	}

	.wrapper #wrap_main{
		width: calc(100% - 340px);
		order: 1;
		margin-left: 340px;
	}

.btn{
	text-align: center;
	font-weight: bold;
	position: relative;
}
.btn:after{
	z-index: 5;
	transition: .3s;
}
.btn:hover:after{
	width: 100%;
	height: 100%;
	border-color: transparent transparent transparent transparent;
}
.btn span{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	height: 1em;
	line-height: 1em;
	z-index: 10;
}
.btn.btn_blue span{
	color: #fff;
}
.btn.btn_blue:hover span{
	color: #005AAA;
}
.btn.btn_blue:hover:after{
	background-color: #7EC2FF;
}
.btn.btn_white span{
	color: #000;
}
.btn.btn_white:hover span{
	color: #fff;
}
.btn.btn_white:hover:after{
	background-color: #5A5555;
}
.btn.btn_white.has_sub span{
	top: 15px;
	bottom: auto;
}
.btn.btn_white.has_sub span.sub_name{
		bottom: 15px;
		top: auto;
		font-size: 12px;
}
.btn.btn_white.has_sub span.pdf{
	top: 0;
	bottom: 0;
}
.btn.btn_or span{
	color: #FFA400;
}
.btn.btn_or:hover span{
	color: #fff;
}
.btn.btn_or:hover:after{
	background-color: #FFA400;
}
#index .kentei a.btn_dot{
	transition: .3s;
}
#index .kentei a.btn_dot:hover{
	border: 4px dotted #fff;
	background-color: #3C6657;
}
#index .kentei a.btn_dot:hover span{
		color: #fff;
}
#index .kentei a.btn_dot:hover:after{
	border-color: transparent transparent #fff transparent;

}


	/**sidebar**/
	.wrapper #sidebar{
		width: 320px;
/*		position: relative*/;
position: fixed;
		padding: 0;
		box-sizing: border-box;
		order: 0;
		z-index: 30;
		height: 100%;
		overflow: scroll;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
	}
	.wrapper #sidebar::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
	.main-nav{
		order: 0;
	}
	.is_fixed {
	  position: fixed;
	  bottom: 74px;
	  top: auto;
		}
	.is_absolute {
	  position: absolute;
	  bottom: 0;
	  top: auto;
	}
	.is_absolute_top {
	  position: absolute;
	  top: 0;
	  	bottom: auto;
	}
	.sidebar_list{
		display: block;
		width: 320px;
		padding-right: 10px;
		box-sizing: border-box;
		transition: .3s;
		padding-bottom: 30px;
	}

	.sidebar_list .side_logo{
		display: block;
		width: 134px;
		margin: 40px auto;
	}
	.sidebar_list ul{
		border-top: 1px solid #DFDFDF;
	}
	.sidebar_list ul li{
		border-bottom: 1px solid #DFDFDF;
		line-height: 1.4em;
	}
	/*.sidebar_list ul li.blue{
		border-bottom: 1px solid #005AAA;
	}*/
	.sidebar_list ul li a{
		font-size: 14px;
		font-weight: bold;
		padding: 13px 30px;
		position: relative;
	}
	.sidebar_list ul li.blue a{
		color: #005AAA;
	}
	.sidebar_list ul li a:after{
		content: "";
		display: block;
		position: absolute;
		right: 30px;
		bottom: 0;
		top: 0;
		margin: auto;
		width: 8px;
		height: 10px;
		background-image: url(../images/common/next.png);
		background-repeat: no-repeat;
		background-position: center;
		transition: .3s;
	}
	.sidebar_list ul li.blue a:after{
		background-image: url(../images/common/next_blue.png);
	}
	.sidebar_list ul li a:hover:after{
		right: 20px;
	}
	.sidebar_list ul li ul{
		padding-left: 30px;
/*		display: none;*/
	}
	.sidebar_list ul li.nav_list_bk ul{
		padding-left: 0;
	}
	.sidebar_list ul li.nav_list_bk ul li{
		padding-left: 30px;
	}
	.sidebar_list ul li.side_open a:hover:after{
		right: 30px;
		transform: rotate(90deg);
	}
	.sidebar_list ul li.right_nav_list p.right_ttl{
		font-size: 14px;
		color: #FFA400;
		font-weight: normal;
		padding-left: 30px;
		margin-bottom: 0;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl span{
		border-bottom: 1px dotted #FFA400;
	}
	.sidebar_list ul li.right_nav_list li{
		border-bottom: none;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner a{
		color: inherit;
		padding: 0;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner a:after{
		display: none;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner,
	.sidebar_list ul li.right_nav_list a.side_or{
		border-bottom: 1px solid #FFA400;
		color: #FFA400;
		font-weight: bold;
		position: relative;
		margin: 0;
		padding: 15px 0;
		cursor: pointer;
		font-size: 14px;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner:after,
	.sidebar_list ul li.right_nav_list a.side_or:after{
		background-image: url(../images/common/next_or.png);
		content: "";
		display: block;
		position: absolute;
		right: 30px;
		bottom: 0;
		top: 0;
		margin: auto;
		width: 8px;
		height: 10px;
		background-repeat: no-repeat;
		background-position: center;
		transition: .3s;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner.side_about{
		color: #000;
		font-size: 14px;
		border-bottom: none;
	}
	.sidebar_list ul li.right_nav_list ul li:last-child{
		border-bottom: none;
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner.side_about:after{
		background-image: url(../images/common/next.png);
	}
	.sidebar_list ul li.right_nav_list p.right_ttl_inner:hover:after,
	.sidebar_list ul li.right_nav_list a.side_or:hover:after{
			right: 20px;
	}
	.sidebar_list ul li.right_nav_list ul{
		border-top: none;
	}
	.sidebar_list ul li.right_nav_list ul li:last-child p.right_ttl_inner{
		border-bottom: none;
	}
	.sidebar_list ul li.right_nav_list .right_fixed{
		width: 0;
		transition: .3s;
		display: none;
	}
	.sidenav > ul > li:hover{
		background-color: #FFF9EF;
	}
	.sidenav > ul > li.right_nav_list:hover{
		background-color: transparent;
	}
	.sidenav > ul > li.right_nav_list li:hover{
			background-color: #FFF9EF;
	}
	.sidebar_list ul li.right_nav_list .right_fixed{
		width: 280px;
		left: 0;
		height: 100vh;
	}
	.sidebar_list ul li.right_nav_list .right_fixed.right_open{
		display: block;
		position: fixed;
		left: 320px;
		height: 100vh;
		background-color: #FFF9EF;
		top: 0;
		width: 280px;
		padding: 135px 10px 0 10px;
		animation: slideLeft 0.3s;
	}

	.sidebar_list ul li.right_nav_list .right_fixed .right_open_ttl{
		font-size: 16px;
		font-weight: bold;
		color: #FFA400;
		margin-left: -1em;
	}
	.sidebar_list ul li.right_nav_list .right_fixed .right_open_ttl:after{
		background-image: url(../images/common/next_or.png);
	}
	.sidebar_list ul li.right_nav_list .right_fixed ul{
		border-top: none;
	}
	.sidebar_list ul li.right_nav_list .right_fixed ul li{
		border-bottom: none;
	}
	.sidebar_list ul li.right_nav_list .right_fixed ul li a{
		padding: 15px 0;
		border-bottom: 1px solid #DFDFDF;
	}
	.sidebar_list ul li.right_nav_list .right_fixed ul li a:after,
	.sidebar_list ul li.right_nav_list .right_fixed a.right_open_ttl:after{
		right: 20px;
	}
	.sidebar_list ul li.right_nav_list .right_fixed ul li a:hover:after,
	.sidebar_list ul li.right_nav_list .right_fixed a.right_open_ttl:hover:after{
		right: 10px;
	}

	/**sidebar**/
#pankuzu{
	width: calc(100% - 320px);
	max-width: 1600px;
	margin-left: auto;
	padding-top: 30px;
}
#pankuzu ul{
	display: flex;
	flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 10px;
}
#pankuzu li{
	font-size: 12px;
	position: relative;
		width: fit-content;
}
#pankuzu li + li{
	margin-left: 20px;
}
#pankuzu li + li:before{
	content: ">";
	display: block;
	position: absolute;
	left: -15px;
	width: 10px;
	text-align: center;
	color: #666;
	 transform   : scale(0.8, 1.2);
	 height: 15px;
	 bottom: 7px;
	 margin: 0;
}

#pankuzu li:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 0;
	bottom: 0;
	height: 1px;
	background-color: #111;
	transition: .3s;
}
#pankuzu li:hover:after{
	width: 100%;
}
header {
	padding: 18px 0;
}
header h1{
	margin: 0;
}
header .h_logo{
	width: 518px;
	margin: 0 auto;
}
footer a{
	position: relative;
	width: fit-content;
}

footer .footer_nav{
	padding: 80px 30px;
	box-sizing: border-box;
	border-top: 1px solid #DFDFDF;
	margin-top: 50px;
}
#index footer .footer_nav{
	margin-top: 0;
}
footer .footer_nav .grid div.grid_inner + div.grid_inner{
	margin-top: 30px;
}
footer .footer_nav .grid p a{
	font-size: 13px;
	font-weight: bold;
	color: #121212;
	position: relative;
	width: fit-content;
}
footer .footer_nav .grid p a:after,
footer .footer_nav .grid  ul li:after{
	content: "";
	width: 0;
	height: 1px;
	background-color: #121212;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
}
footer .footer_nav .grid p a:hover:after{
	width: 100%;
}
footer .footer_nav .grid p.single_ttl + p.single_ttl,
footer .footer_nav .grid p.single_ttl + div.grid_inner,
footer .footer_nav .grid div.grid_inner + p.single_ttl{
	margin-top: 30px;
}
footer .footer_nav .grid  ul li{
	font-size: 12px;
	padding: 5px 13px;
	position: relative;
		width: fit-content;
}
footer .footer_nav .grid  ul li:after{
	left: 13px;
}
footer .footer_nav .grid  ul li:hover:after{
	width: calc(100% - 26px);

}
.footer_foot{
	position: absolute;
	width: calc(100% - 320px);
	max-width: 1600px;
	bottom: 0;
	right: 0;
	background-color: #707070;
	display: flex;
	justify-content: space-between;
	padding: 25px 6.25%;
}
.footer_foot a{
	color: #fff;
	font-size: 13px;
		position: relative;
		width: fit-content;
}
.footer_foot a:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
		transition: .3s;
		bottom: 0;
		left: 0;
		background-color: #fff;
}
.footer_foot a:hover:after{
	width: 100%;
}
.footer_foot .foot_left ul{
	display: flex;
	margin: 0;
	padding: 0;
}
.footer_foot .foot_left ul li{
	margin: 0;
	padding: 0;
}
.footer_foot .foot_left ul li + li{
	margin-left: 50px;
}
.footer_foot p.copy{
	font-size: 13px;
	text-align: right;
	color: #fff;
		margin: 0;
	padding: 0;
}





}
/**TAB**/
@media screen and (min-width:481px) and (max-width:980px) {

	.sp{
		display: block;
	}
	.pc{
		display: none;
	}

	.gridbox{
		display: flex;
		flex-wrap: wrap;
	}
	.gridbox.column2 .grid,
	.gridbox.column4 .grid{
		width: 49.5%;
	}
	.gridbox.column2 .grid:nth-child(even),
	.gridbox.column4 .grid:nth-child(1),
	.gridbox.column4 .grid:nth-child(4n + 1){
		margin-left: 1%;
	}
	.gridbox.column3 .grid,
	.gridbox.column6 .grid{
		width: 32.5%;
		margin-left: 1.25%;
	}
	.gridbox.column3 .grid:nth-child(1),
	.gridbox.column3 .grid:nth-child(3n + 1),
	.gridbox.column6 .grid:nth-child(1),
	.gridbox.column6 .grid:nth-child(3n + 1){
		margin-left: 0;
	}


	#sidebar .sidebar_list a.btn{
		display: inline-block;
	}
	#sidebar .sidebar_list a.btn + a{
		margin-left: 10px;
	}
	#sidebar .sidebar_list ul + a.btn{
		margin-left: calc(50% - 245px);
	}
	.sp_tabbox{
	display: block;
	position: relative;
	min-height: 400px;
}
.tabbox_btn.sp{
	display: flex;
	border-bottom: 2px solid #000;
}
.tabbox_btn.sp a{
	width: 49%;
	height: 48px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	border-bottom: none;
}
.tabbox_btn a + a{
	margin-left: 2%;
}
.tabbox_btn a.tab_now{
	background-color: #000;
	color: #fff;
}
.sp_tabbox .grid{
	display: block;
	width: 100%;
		position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #fff;
	padding: 20px;
	height: 100%;
}
.sp_tabbox .grid.tab_now_box{
	z-index: 5;
}
.gridbox.column6 .grid{
		width: 32%;
}
.gridbox.column6 .grid a img{
		margin: 0 auto;
		display: block;
} 
.gridbox.column3 .grid:nth-child(1), .gridbox.column3 .grid:nth-child(3n + 1), 
.gridbox.column6 .grid:nth-child(1), .gridbox.column6 .grid:nth-child(3n + 1){
margin-left: 0;
}
#sidebar .sidebar_list ul li .btn{
		margin:10px auto;
		display: block;
	}

}

@keyframes hide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes show {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes slideTop {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes slideLeft {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}