@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font: 16px/1em 'Noto Sans Japanese', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #333;
	line-height: 1.8em;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
}
li {list-style: none;}

#header ul#sub {
	float:right;
	width:auto;
	margin:0 0 0 auto;
	padding: 10px 10px 0;
	border-radius: 0 0 12px 12px;
	background: #fff;
}
#header ul#sub li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
}
#header ul#sub li a{
	display:block;
	transition:0.2s;
}
#header ul#sub li a:hover{
	opacity:0.6;
	-ms-filter:"alpha(opacity=0.6)";
}

.top_menu{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:248px 0 398px;
	background:url("../img/top/kokuban_top.png") top center/100% no-repeat,url("../img/top/kokuban_bottom.png") bottom center/100% no-repeat;
}
.top_menu.common_menu{
	padding:96px 0 92px;
	background:url("../img/top/kokuban_top_common.png") top center/100% no-repeat,url("../img/top/kokuban_bottom_common.png") bottom center/100% no-repeat;
}
.top_menu:before{
	position:absolute;
	content:"";
	left:-172px;
	top:40%;
	width:132px;
	height:274px;
	background:url("../img/top/illust_left01.png") left bottom/132px no-repeat;
	z-index:1;
	transition:0.3s;
}
.top_menu:after{
	position:absolute;
	content:"";
	right:-260px;
	top:35%;
	width:220px;
	height:186px;
	background:url("../img/top/illust_right01.png") left bottom no-repeat;
	z-index:1;
	transition:0.3s;
}
.top_menu.common_menu:before,
.top_menu.common_menu:after{display:none;}

.top_menu .menu_wap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background:url("../img/top/kokuban_repeat.png") center center/100% repeat-y;
}

.top_menu .menu_wap img{
	display:table;
	margin:0 auto 40px;
	padding:0;
}

.top_menu .menu_wap nav > ul {
	width:88%;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
	background:url("../img/top/kokuban_ul_bk.png") top center/100% no-repeat;
}
.top_menu .menu_wap nav > ul > li{
	position:relative;
	float:left;
	display:inline-block;
	width:50%;
	margin:15px auto;
}
.top_menu .menu_wap nav > ul > li > ul{
	width:100%;
	margin:0 auto;
	padding:0;
}
.top_menu .menu_wap nav ul li ul li,
.top_menu .menu_wap nav ul li.first_end{
	position:relative;
	padding-left:40px;
	margin:0 0 15px;
}

.top_menu .menu_wap nav ul li ul li:before{
	display:inline-block;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	content:"";
	text-align:center;
	color:#33653a;
	font-weight:500;
	background:#ffef65;
	border-radius:24px;
}

.top_menu .menu_wap nav ul li ul li.n1:before{content:"1";}
.top_menu .menu_wap nav ul li ul li.n2:before{content:"2";}
.top_menu .menu_wap nav ul li ul li.n3:before{content:"3";}
.top_menu .menu_wap nav ul li ul li.n4:before{content:"4";}
.top_menu .menu_wap nav ul li ul li.n5:before{content:"5";}
.top_menu .menu_wap nav ul li ul li.n6:before{content:"6";}
.top_menu .menu_wap nav ul li ul li.n7:before{content:"7";}
.top_menu .menu_wap nav ul li ul li.n8:before{content:"8";}
.top_menu .menu_wap nav ul li ul li.n9:before{content:"9";}
.top_menu .menu_wap nav ul li ul li.n10:before{content:"10";}
.top_menu .menu_wap nav ul li ul li.n11:before{content:"11";}
.top_menu .menu_wap nav ul li ul li.n12:before{content:"12";}
.top_menu .menu_wap nav ul li ul li.n13:before{content:"13";}
.top_menu .menu_wap nav ul li ul li.n14:before{content:"14";}
.top_menu .menu_wap nav ul li ul li.n15:before{content:"15";}
.top_menu .menu_wap nav ul li ul li.n16:before{content:"16";}
.top_menu .menu_wap nav ul li ul li.n17:before{content:"17";}
.top_menu .menu_wap nav ul li ul li.n18:before{content:"18";}
.top_menu .menu_wap nav ul li ul li.n19:before{content:"19";}
.top_menu .menu_wap nav ul li ul li.n20:before{content:"20";}
.top_menu .menu_wap nav ul li ul li.n21:before{content:"21";}
.top_menu .menu_wap nav ul li ul li.n22:before{content:"22";}
.top_menu .menu_wap nav ul li ul li.n23:before{content:"23";}

.top_menu .menu_wap nav ul li.first_end{
	float:none;
	width:100%;
	padding-left:30px;
}

.top_menu .menu_wap nav ul li.first_end:before{
	display:inline-block;
	position:absolute;
	left:0;
	top:4px;
	font-size:12px;
	line-height:1.6em;
	width:20px;
	height:20px;
	content:"＞";
	text-align:center;
	background:#fff;
	padding:0;
	font-weight:500;
	border-radius:10px;
}
.top_menu .menu_wap nav ul li.first_end a{
	font-size:22px;
	line-height:1em;	
	color:#fff;
	font-weight:600;
	text-decoration:none;
	}
.top_menu .menu_wap nav > ul > li:last-child{margin-bottom:0;}
.top_menu .menu_wap nav ul li ul li a{
	display:inline-block;
	color:#fff;
	font-weight:600;
	text-decoration:none;
}
.top_menu .menu_wap nav ul li ul li a:hover,
.top_menu .menu_wap nav ul li.first_end a:hover{text-decoration:underline;}
@media screen and (max-width: 1440px) {
.top_menu:before{
	left:-100px;
	top:55%;
	width:80px;
	height:166px;
	background:url("../img/top/illust_left01.png") left bottom/80px no-repeat;
}
.top_menu:after{
	right:-100px;
	width:150px;
	height:127px;
	background:url("../img/top/illust_right01.png") left bottom/150px no-repeat;
}	
}
@media screen and (max-width: 1280px) {
.top_menu{
	width:94%;
	padding:17.8vw 0 29.8vw;
}
.top_menu.common_menu{padding:6vw 0 7vw;}
	
.top_menu:before,
.top_menu:after{display:none;}	
.top_menu .menu_wap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background:url("../img/top/kokuban_repeat.png") top center/100% repeat-y;
}
}
section.sec {
	position:relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #83ad40;
}
section.sec .gara {
	width: 100%;
	margin: 0 auto;
	padding:0 0 60px;
	background: url("../img/contents_bk01.png") top left repeat-y, url("../img/contents_bk02.png") top right repeat-y;
}
section.sec .wap {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 60px;
	background: #ffffea;
	border-radius: 16px;
}
section.sec .wap + .wap {
	margin-top: 60px;
}
section.sec .wap .contents {
	width: 94%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
}
section.sec ul.pan {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1em;
}
section.sec ul.pan li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1em;
	padding: 0 25px 0 0;
	margin: 0;
}
section.sec ul.pan li:after {
	position: absolute;
	display: inline-block;
	content: ">";
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	right: 5px;
}
section.sec ul.pan li:first-child img {
	width: 14px;
}
section.sec ul.pan li:last-child:after {
	display: none;
}

a#pagetop {
	position:fixed;
	right:20px;
	bottom:20px;
	text-indent:-9999px;
	display: block;
	width: 60px;
	height:60px;
	background:url(../img/pagetop.png) center no-repeat,#df2514;
	z-index:3000;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2), -2px -2px 4px rgba(0,0,0,0.2);	
	border-radius:30px;
}
footer{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
footer a{
	display:table;
	margin:0 auto;
	padding:0;
}
footer a img{
	display:block;
	width:100%;
	}

footer p#copy{
	font-size:14px;
	text-align:center;
	line-height:1em;
}

ul.pagination_ul{
	width: 94%;
	max-width: 1200px;
	margin: 60px auto 0;
	padding:0;
	overflow:hidden;
}
ul.pagination_ul li{
	position:relative;
	width:48%;
	padding:0;
	background:#ffffea;
	border-radius: 16px;
	transition:0.2s;	
}
ul.pagination_ul li.back{float:left;}
ul.pagination_ul li:before{
	position:absolute;
	left:18px;
	top:50%;
	margin-top:-20px;
	display:inline-block;
	content:"＜";
	text-align:center;
	font-size:20px;
	color:#fff;
	line-height:2em;
	font-weight:600;
	width:40px;
	height:40px;
	background:#83ad40;
	border-radius:20px;
}
ul.pagination_ul li.next{float:right;}
ul.pagination_ul li.next:before{
	content:"＞";
	left:auto;
	right:18px;
}
ul.pagination_ul li a{
	display:block;
	font-size:16px;
	font-weight:600;
	color:#83ad40;
	text-decoration:none;
}
ul.pagination_ul li.back a{padding:18px 0 18px 80px;}
ul.pagination_ul li.next a{
	text-align:right;
	padding:18px 80px 18px 0;
}
ul.pagination_ul li:hover{
	opacity:0.6;
	-ms-filter:"alpha(opacity=60)";
}

.pc_non{display:none;}
br.pc{display:inline;}
br.sp{display:none;}
br.tab{display:inline;}
br.tab_br{display:none;}

.pc_only{display:inline;}
.sp_only{display:none;}

/* TB & SP */
@media screen and (max-width: 1024px) {
#header ul#sub{display:none;}
ul.pagination_ul li a{font-size:14px;}	
br.tab{display:none;}	
br.tab_br{display:inline;}
}

@media screen and (max-width: 768px) {
.top_menu .menu_wap nav > ul {width:86%;}
.top_menu .menu_wap nav > ul > li{
	float:none;
	width:auto;
	margin:0 auto;
}
	
section.sec .gara {
	background:none;
	padding-bottom:20px;
	}
	
section.sec ul.pan{padding:15px 0;}
section.sec .wap {
	width: 90%;
	padding:30px 0;
	}
	
a#pagetop {
	width: 40px;
	height:40px;
	background:url(../img/pagetop.png) center/10px no-repeat,#df2514;
}
footer a{
	display:block;
	width:30%;
	max-width:200px;
	margin:0 auto;
	}
	
ul.pagination_ul{
	width: 90%;
	margin: 20px auto 0;
}
ul.pagination_ul li{width:46%;}
ul.pagination_ul li:before{
	margin-top:-12px;
	font-size:12px;
	width:24px;
	height:24px;
	border-radius:12px;
}
ul.pagination_ul li.back a{padding:30px 0 30px 52px;}
ul.pagination_ul li.next a{padding:30px 52px 30px 0;}	
	
br.tab_br{display:none;}	
.pc_only{display:none;}
.sp_only{display:inline;}
	
}

@media screen and (max-width: 480px) {
section.sec ul.pan{width:90%;}
section.sec ul.pan li{font-size:12px;}	
.top_menu .menu_wap img{
	display:table;
	margin:0 auto 30px;
	padding:15px 0 0;
}
.top_menu .menu_wap nav ul li ul li a{line-height:1.4em;}	
	
br.pc{display:none;}
br.sp{display:inline;}
	
}

/*****2020.07.22 追加　審J番号追記*****/
p.j_num{
	position:absolute;
	right:60px;
	bottom:60px;
	font-size:14px;
	line-height:1;
	margin:0;
	padding:0;
	color:#fff;
}
@media screen and (max-width: 1024px) {
p.j_num{
	right:45px;
	bottom:45px;
}	
}
@media screen and (max-width: 768px) {
p.j_num{
	right:30px;
	bottom:30px;
	}
}