/* CSS Document */
@charset "utf-8";
body {-webkit-print-color-adjust: exact;}
/* --------------------------------------
Sets & Setteing
--------------------------------------- */
* {box-sizing: border-box;}
/*pagetop*/	  
.pagetop {display: none; position: fixed; bottom: 10px; right: 10px; z-index:1;}
.pagetop a {display: block;}
.pagetop a:hover {display: block;}	  

.clearfix:after {content: " "; display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {font-family: 'Noto Sans Japanese', sans-serif; font-size: 100%;}


h2{
	font-weight:bold; line-height:1.3;
	font-size:24px;}
h2 span{font-size:75%; display:block; text-align:center; font-weight:normal; margin:10px 0;}
h2:after{content:""; display:block; width:80px; height:5px; background: #5b9700; margin:25px auto 0 auto;}

h3{
	text-align:left; font-weight:bold; 
	font-size:20px; line-height:1.5; text-indent:30px !important;
	border-bottom:3px solid #ccc; background:url(../img/common/h3.svg) left .3em no-repeat;}
h3:after{
	content:""; display:block; height:3px; background:#333; 
	margin:20px 0 0 0;}

h4{
	text-align:left; font-weight:500;
	font-size:18px; line-height:1.3;
	background:url(../img/common/h4.svg) left 3px no-repeat;}
	
h5{
	text-align:left; font-weight:bold; 
	background:url(../img/common/h5.png) left .3em no-repeat;}
h5 span{font-weight:normal;}

h6{
	text-align:left; font-weight:bold;}

@media (max-width: 500px) {
h2{font-size:22px;}
h2 span{font-size:13px;}
h2:after{width:50px; height:5px; margin:20px auto 0 auto;}
h3{font-size:18px; background-position:left 2px;}
h4{font-size:16px; background-position:left 2px;}
}

/*余白関連*/
h2+p, h3+p, h4+p, h5+p, h6+p{padding-top:0 !important; margin-top:0 !important;}

h2{margin:70px 0 50px 0; padding:0;}
h3{margin:50px 0 30px 0; padding:0;}
h4{margin:30px 0 20px 0; padding:0 0 0 25px;}
h5{margin:20px 0 10px 0; padding:0 0 0 20px;}
h6{margin:20px 0 10px 0; padding:0;}

div.first+h2, div.first+h3, div.first+h4, div.first+p, 
h2+ul, h3+ul, h4+ul, h5+ul, h6+ul,
h2+ol, h3+ol, h4+ol, h5+ol, h6+ol,
h2+table, h3+table, h4+table, h5+table, h6+table,
div.bookbox_s h5
{margin-top:0 !important;}

.anchor+h2, .anchor+h4, .anchor+h5, .anchor+h6{margin-top:80px !important;}

@media (max-width: 500px) {
.anchor+h2, .anchor+h4, .anchor+h5, .anchor+h6{margin-top:40px !important;}
div.bookbox_s h5{margin-top:20px !important; line-height:1.3 !important;}
}

.body_sagyoshuninshaentry #contents > h3{margin-top:90px;}
.body_sagyoshuninshaentry #contents > h2+h3{margin-top:70px;}
.body_sagyoshuninshaentry #contents > h4{margin-top:70px;}



/*common*/
body {color:#222; font-size:16px; line-height:1.7;}
p{margin:20px 0; padding:0; text-align:left;}
td > p{margin:10px;}
a:link, a:visited {color:#0064b4; text-decoration:none;}
a:hover, a:active {opacity:.6;}
a[target="_blank"]:after{margin:0 5px; content:url(../img/common/blank_g.svg);}
a[href$=".pdf"]:after{content:url(../img/common/pdf.svg);}
a[href$=".doc"]:after, a[href$=".docx"]:after{content:url(../img/common/doc.svg);}
a[href$=".xls"]:after, a[href$=".xlsx"]:after{content:url(../img/common/xls.svg);}
.DL span.size{font-size:12px;}
.DL span.size:before{content:"["; margin-left:5px;}
.DL span.size:after{content:"]";}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.mtb0{margin-top:0 !important; margin-bottom:0 !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mb50{margin-bottom:50px !important;}
.ml20{margin-left:20px !important;}
.pt0{padding-top:0 !important;}
.b{font-weight:bold;}
.top{vertical-align:top;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.fs{font-size:85%;}
span.normal{font-weight:normal;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.large{font-size:24px;}
.img_r{float:right; margin:0 0 10px 20px;}
hr{border:0; height:1px; clear:both; display:block; margin:40px 0;}
hr.large{height:100px; margin:0;}
hr.line{background:#ccc; margin:20px 0;}
br.tbbr{display:none;}
br.spbr{display:none;}
@media (max-width: 1140px) {
br.tbnobr{display:none;}
br.tbbr{display:inherit;}
}
@media (max-width: 500px) {
.large{font-size:18px;}
hr{margin:20px 0;}
br.spbr{display:inherit;}
br.spnobr{display:none;}
}

/*color*/
.red{color:red;}
.red2{color:red; border:2px solid red; font-weight:bold; padding:0 5px; font-size:90%;}
.blue{color:blue;}
.orange{color:#e97300;}
.gray{color:#888;}
.Red{background-color:#ffd9dc;}
.Blue{background-color:#d9ebf8;}
.Orange {background-color:#ffe5a8;}
.Gray {background-color:#f8f8f8;}

/*align*/
.l{text-align:left;}
.c{text-align:center;}
.r{text-align:right;}

/*def_table*/
table{border:1px solid #ccc; width:100%; margin:10px 0;}
table th{border:1px solid #ccc; background:#f4f4f4; padding:10px; vertical-align:middle;}
table th > span{display:block; font-size:85%; font-weight:normal;}
table td{border:1px solid #ccc; padding:10px; vertical-align:middle; text-align:center;}
table.left td{text-align:left;}
table.sp2 td{text-align:left;}
table.black th{background:#444; color:#fff; font-weight:normal;}
table.black td{background:#f9f9f9; text-align:left;}
.tdw{width:150px;}
table.th_4_4_2 th{width:40%;}
table.th_4_4_2 th.th_s{width:20%;}
table.spth td{text-align:left;}
table.clear{border:0; font-size:100%;}
table.clear th{text-align:left; border:0; vertical-align:top; padding:0.5em 0; font-weight:normal; background:inherit; padding-right:1em; white-space:nowrap;}
table.clear td{text-align:left; border:0; vertical-align:top; padding:0.5em 0;}
table.clear2{border:0; font-size:100%;}
table.clear2 th{text-align:left; border:0; vertical-align:top; padding:0; font-weight:normal; background:inherit; padding-right:1em; white-space:nowrap;}
table.clear2 td{text-align:left; border:0; vertical-align:top; padding:0;}
.w100{width:100px;}
@media (max-width: 1140px) {
table{font-size:13px;}
}
@media (max-width: 500px) {
.tdw{width:80px;}
table th, table td{padding:5px; line-height:1.3;}
table.sp tr, table.sp td{display:block; border:0;}
table.sp td{padding:10px; text-align:left;}
table.sp th{display:none;}
table.sp2 tr, table.sp2 th, table.sp2 td{display:block; border:0;}
table.sp2 th, table.sp2 td{padding:10px;}
table.spth tr, table.spth th, table.spth td{display:block; border:0;}
table.spth th{background:#f0f0f5; padding:10px;}
table.clear2 td{padding:5px 0;}
.w100{width:auto;}
.sp_w30p{width:30%;}
}

/*switch*/
.switch .pc, .switch_pc{display:inherit;}
.switch .sp, .switch_sp{display:none;}
@media (max-width: 500px) {
.switch .pc, .switch_pc{display:none;}
.switch .sp, .switch_sp{display:inherit;}
}

/*header*/
header{width:100%; min-width:1140px; padding:10px 0; margin:0;}
#header img{vertical-align:middle; width:350px; height:auto;}
#header{width:1140px; margin:0 auto; display:table;}
#header > div {display:table-cell; vertical-align:middle; text-align:left;}
.description{padding:0 5%; font-size:12px;}
.h_btn{width:150px; line-height:1;}
.h_btn a{
	display:block; color:#fff; text-align:center; /*font-weight:bold;*/
	font-size:13px; margin:0; padding:5px 10px;
	background-color:#e97300/*#f9f9f9*/; /*border:1px solid #ccc;*/
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.mem{margin-bottom:5px !important;}
@media (max-width: 1140px) {
header{min-width:auto; position:relative;}
#header{width:auto; display:block;}
#header > div {display:block;}
.logo img{width:300px; height:auto; margin-left:15px;}
.description{display:none !important;}
.h_btn{position:absolute; top:13px; right:10px;}
}
@media (max-width: 500px) {
header{padding:10px;}
.logo img{width:100px !important; height:auto; margin-left:0;}
.h_btn{width:120px; top:6px; right:10px;}
.h_btn a{font-size:12px; font-weight:normal; padding:5px 0;}
.h_btn a:after{margin-right:0;}
}

/*footer*/
footer {background:#f4f4f4; font-size:12px; padding:40px 0; width:100%; min-width:1140px; letter-spacing:.1em; margin-top:50px;}
#footer {width:1140px; margin:0 auto;}
#footer > div {float:left; width:50%;}
#footer > div > span{font-size:16px; display:block; line-height:1;}
address {font-style:normal; margin-top:20px;}
address a{
	background:#acb2b9; color:#fff !important; display:inline-block; padding:8px 8px 8px 16px; line-height:1; margin:10px 10px 0 0;
	position: relative; vertical-align: middle; text-decoration: none;}
address a::before, address a::after{position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
address a::before{left:8px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #fff;}
#footer p{padding:0; margin:10px 0 0 0; text-align:right;}
.fmenu{text-align:right;}
.fmenu ul{margin-bottom:70px;}
.fmenu ul li{display:inline-block; padding:0; margin-bottom:2px;}
.fmenu li+li:before{content:"|"; margin:0 10px;}
.fmenu a{color:#333; line-height:11px; display:inline-block;}
@media (max-width: 1140px) {
footer {min-width:auto; letter-spacing:0; margin-top:10px;}
#footer {width:auto; margin:0; text-align:center;}
}
@media (max-width: 900px) {
footer {padding:20px 0;}
#footer > div {float:none; width:auto;}
address {margin-bottom:20px;}
.fmenu, #footer p{text-align:center;}
}



/*main*/
main{width:100%; min-width:1140px;}
#main{width:1140px; margin:0 auto; text-align:center;}
@media (max-width: 1140px) {
main {min-width:auto;}
#main {width:auto; margin:10px 15px;}
}
@media (max-width: 500px) {
}

/*contents*/
#contents{width:900px; margin-right:40px; float:left;}
.column-2{width:100%;}
.column-2 > div {width:48%; float:left; text-align:left;}
.column-2 > p {display:block !important; width:4%; float:left;}
.column-3{width:100%;}
.column-3 > div {width:32%; float:left; text-align:left;}
.column-3 > p {display:block !important; width:1%; float:left;}
.column-3{width:100%;}
.column-3img > div {width:30%; float:left; text-align:left; font-size:90%;}
.column-3img > div > img{width:100%; height:auto; margin-bottom:10px;}
.column-3img > p {display:block !important; width:5%; float:left;}
@media (max-width: 1140px) {
#contents{width: calc( 100% - 210px ) ;}
body#index .column-2 > div {width:auto; float:none;}
body#index .column-2 > p {display:none;}
body#index .column-3 > div {width:auto; float:none;}
body#index .column-3 > p {display:none;}
.column-tb > div {width:auto; float:none;}
.column-tb > p {display:none !important;}
}
@media (max-width: 500px) {
#contents{width:100%; margin-right:0; float:none;}
.nocolumn > div {width:auto !important; float:none !important;}
.nocolumn > p {display:none !important;}
.column-3img > div {width:auto; float:none; margin-bottom:30px;}
.column-3img > p {display:none !important;}
}



/*side*/

#side {width:200px; margin:0 0 30px 0; float:left; z-index:9990;}
#body_home #side {margin:30px 0 0 0;}
#sidenav{margin-top:-80px !important; padding-top:80px !important;}
#side iframe{margin:0; overview: hidden;}

#sn{margin:0;}
#sn li {margin:0 0 .3em 0; border-bottom:0;}
#sn li a{
	display:block; background-color:#f9f9f9; border:1px solid #ccc; font-weight:500; font-size:14px; padding:.7em 0 .7em 2.5em; color:#222;
	text-align:left; background-position:.5em; background-repeat:no-repeat; line-height:1.3; background-size:18px; 
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#sn li.bnr{margin-top:30px;}
#sn li.bnr a{
	background-color:inherit; border:0; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#sn li.s a{font-size:90%;}
#sn a.i_what{background-image:url(../img/common/icon_side1.svg);}
#sn a.i_cale{background-image:url(../img/common/icon_side2.svg);}
#sn a.i_list{background-image:url(../img/common/icon_side3.svg);}
#sn a.i_list2{background-image:url(../img/common/icon_side3_2.svg);}
#sn a.i_dl{background-image:url(../img/common/icon_side4.svg);}
#sn a.i_op{background-image:url(../img/common/icon_side5.svg);}
#sn a.i_sui{background-image:url(../img/common/icon_side6.svg);}
#sn a.i_sqe{background-image:url(../img/common/icon_side7.svg);}
#sn a.i_mem{background-image:url(../img/common/icon_side8.svg);}
#sn a.i_faq{background-image:url(../img/common/icon_side9.svg);}
#sn a.i_ken{background-image:url(../img/common/icon_side10.svg);}
#sn a.i_ec{background-image:url(../img/common/icon_side11.svg); background-color:#fff5b4 !important;}
#sn a.i_mm{background-image:url(../img/common/icon_side12.svg);}
#sn a.i_skill{background-image:url(../img/common/icon_side13.svg);}
#sn a.i_ins{background-image:url(../img/common/icon_side14.svg);}
#sn a.i_shibu{background-image:url(../img/common/icon_side15.svg);}
#sn a[target="_blank"]:after{display:none;}

@media (max-width: 1140px) {
#side {width:170px;}
}
@media screen and (max-width:500px){
#side {width:auto; margin:50px 0 30px 0; float:none;}
#sn li a{font-size:13px; background-size:15px; padding:.7em 0 .7em 2.2em;}
#sn li.s a{font-size: inherit;}
#sn li.bnr a{width:200px; height:auto; margin:30px auto;}
#sn a.i_list2 br{display:none;}


.sp_side{ position:inherit;}
}

/*サイドナビ　表示切替*/
.side-jokyo, .side-kikanshi, .side-link{display:none;}
ul.side-sub li{padding:0; margin:0; text-align:left; border-bottom:1px solid #ccc;}
ul.side-sub li > a{padding:1em 15px 1.3em 15px !important; color:#333; display:block; line-height:1.3; font-size:90%;}
body#body_jokyo .side-jokyo, body#body_hanbai .side-kikanshi, body#body_link .side-link{ display:block; margin-bottom:30px;}



/*object*/
#contents a{text-decoration:underline;}
ul.normal{list-style:outside; margin:20px 0 20px 20px; text-align:left;}
ul.normal2{list-style:outside; margin:20px 0 20px 20px; text-align:left;}
ul.normal2 li{margin:0 0 20px 0;}
ul.left{margin:20px 0; text-align:left;}
ul.left li{margin:10px 0;}
ul.inline li{display:inline;}
ol{margin:20px 0;}
ol li{text-align:left; margin:10px 0 10px 20px;}
td > ol, td > ul{margin:0;}
a.btn_l{
	display:block; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; width:80%; margin:40px auto; line-height:1.3;
	color:#fff; text-align:center; font-size:20px; background:#6ab001; text-decoration:none !important;}
a.btn_l:after{content:url(../img/common/arrow.svg); margin-left:20px; vertical-align:middle;}
@supports (-ms-ime-align:auto) {a.btn_l:after{display:none;}}
a.btn{
	display:inline-block; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; line-height:1.3;
	color:#fff; background:#6ab001; text-decoration:none !important; font-size:16px; margin-bottom:10px;}
a.btn:after{content:url(../img/common/arrow.svg); margin-left:10px; vertical-align:middle;}
@media all and (-ms-high-contrast: none){a.btn_l:after{content:"";}}
@media screen and (max-width:1140px){
#contents img{max-width:100%;}
img.fix{width:inherit !important;}
}
@media screen and (max-width:500px){
ol{margin:0;}
a.btn_l{width:auto; font-size:18px;}
a.btn_l:after{margin-left:15px;}
}




/*index*/

/*info*/
#body_home .list-update, #body_home .list-member-news{width:100%; height:250px; overflow-y:scroll;}
a.member_btn {
	display:block; position:relative; font-size:15px; font-weight:bold; text-decoration:none !important;
	padding:10px 30px 10px 15px; border-radius:5px; margin:0 10px 10px 0; text-align:left;
	border:1px solid #ccc; color:#444; background-color:#f8f8f8;
	background-image:url(../img/common/arrow_s.svg); background-position:right 10px top 50%; background-repeat:no-repeat; background-size:5px;}
a.member_btn:after{display:none;}
.infobox{position:relative; margin-bottom:30px;}
.infobox h2{
	font-weight:normal; text-align:left;
	font-size:24px; border-bottom:3px solid #333;
	padding:20px 0; margin:0 0 20px 0;}
.infobox h2:after{display:none;}
h2.member:before{
	content:"会員"; display:inline-block; width:60px; text-align:center; 
	font-size:20px; color:#fff; background:#e97300;
	padding:0 0 2px 0; margin:0 10px 0 0 !important;}
.infobox a.more{
	position:absolute; right:0; top:25px;
	display:inline-block; padding:10px; background:#f9f9f9; border:1px solid #ccc; text-decoration:none !important;
	line-height:1; font-size:12px; color:#222; letter-spacing:.3em;}
@media screen and (max-width:500px){
#body_home .list-update, #body_home .list-member-news{height:300px;}
.infobox{position: inherit;}
.infobox h2{font-size:20px;}
.infobox a.more{position: inherit;display:block; text-align:center; margin-top:20px;}
a.member_btn span{display:block;}
}

dl.info{text-align:left; padding-top:10px; border-top:1px solid #ccc;}
dl.info dt{margin-bottom:5px;}
dl.info dt span:after{color:#fff; text-align:center; display:inline-block; padding:4px 3px 5px 3px; line-height:1; width:90px; margin:0 10px; font-size:14px;}
dl.info dt span:empty:after{ margin-left:0;}
dl.info dt:after{border:2px solid; font-size:14px; padding:0 10px; line-height:1; white-space:nowrap;}
dl.info dd{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}

dl.inner, dl.inner_s{height:250px; overflow-y:scroll; margin-bottom:50px;}
dl.inner dt span, dl.inner_s dt span{padding-right:10px;}
dl.inner_s{height:170px;}

dd.box{padding:10px;}
dd.box h6{margin:0;}	
dl.info ul{margin:10px 0 0 20px; padding:0;}
dl.info li{margin:0; padding:0; border-bottom:0; list-style:outside;}

dl.info ul.sub{margin:10px 10px 0 0; padding:10px; border-radius:5px; background:#f0f0f5; font-size:14px;}
dl.info ul.sub li{display:inline-block;}
dl.info ul.sub li{position: relative; display: inline-block; padding: 0 20px 0 16px;
vertical-align: middle; text-decoration: none; font-size: 13px;}
dl.info ul.sub li::before,
dl.info ul.sub li::after{
position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
dl.info ul.sub li::before{
left: 4px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent;
border-left: 4px solid #73c3d7;}
dl ul li span{display:inherit !important;}


/*skillup*/
#skillupArea{margin:50px 0;}
#skillupArea h2{
	font-weight:bold; line-height:1.3;
	font-size:26px; border-bottom:3px solid #ccc; 
	padding:0 0 0 0; margin:0 0 0 0;}
#skillupArea h2:after{
	content:""; display:block; width:auto; height:3px; background:#333; 
	margin:20px 0 0 0;}
#skillupArea h3{
	font-weight:normal; text-indent:0 !important;
	font-size:18px; border-bottom:0;
	background:url(../img/common/h3_blue.svg) left 4px no-repeat !important; 
	padding:0 0 0 25px !important; margin:20px 0 10px 0 !important;}
#skillupArea h3:after{display:none;}
#skillupArea h3 a{color:#000; text-decoration:none;}
#skillupArea h3 a:after{content:url(../img/common/arrow_s.svg); margin-left:10px;}
#skillupArea h4{
	font-weight:bold; 
	font-size:14px;
	background:url(../img/common/h4_blue.png) left 2px no-repeat;
	padding:0 0 0 15px !important; margin:20px 0 10px 0 !important;}
#skillupArea ul{margin:0;}
#skillupArea li{list-style:outside; margin-left:20px;}
#skillupArea ul.inline li:before{content:"・"; margin-right:5px;}
#skillupArea ul.inline a{ white-space:nowrap;}
#skillupArea hr{margin:30px 0;}
#skillupArea table, #skillupArea th, #skillupArea td{border:0; background:inherit; padding:0; text-align:left; font-weight:normal; vertical-align:top; margin:0;}
#skillupArea th{width:35px;}
#skillupArea span{display:block; font-size:12px;}
#skillupArea a.btn_l{background:#000f8c;}
@media screen and (max-width:500px){
#skillupArea h2{font-size:20px;}
#skillupArea h3{font-size:16px;}
}

#hosyou ul{display:table; width:100%;}
#hosyou li{display:table-cell; width:33.3%; text-align:left;}
#hosyou li:before{content:"・"; margin-right:5px;}
@media screen and (max-width:500px){
#hosyou ul{display:block;}
#hosyou li{display:block; width:auto;}
}





/*PAGE*/

/*pagetitle*/
#pagetitle{background:#f0f0f5; padding:0; margin:0 0 50px 0;}
#pagetitle h1{ font-size:28px; text-align:center; padding:30px 0 60px 0; line-height:1.3; font-weight:bold;}
#pagetitle h1 span{display:block; font-size:18px; padding-top:10px;}
.pankuzu{text-align:left; font-size:12px; width:1140px; margin:0 auto; padding-top:10px;}
@media screen and (max-width:1140px){
#pagetitle{margin:0 0 30px 0;}
#pagetitle h1{font-size:24px; padding:30px 10px 50px 10px;}	
.pankuzu{width:auto; margin:0 15px;}
}

.jokyobox{font-size:14px; text-align:left; border:1px solid #ccc; padding:10px; margin:50px 0;}
.jokyobox p{padding:5px; margin:0 0 10px 0; text-align:right; background:#f5f5f5;}
.update{padding:10px; margin:0 0 20px 0; font-size:14px; text-align:right; background-color:#f0f0f5; border-radius:5px;}
.update:after{content:"更新"; margin-left:10px;}
.New:after{content:"[New!]"; color:red; margin-left:.5em;}
@media screen and (max-width:500px){
.jokyobox{font-size:12px;}
.jokyobox p{text-align:left;}
}

span.○, span.〇{background:url(../img/kosyu/mark1.svg) left 50% no-repeat; padding:0 0 0 15px;}
span.□{background:url(../img/kosyu/mark2.svg) left 50% no-repeat; padding:0 0 0 15px;}
span.△{background:url(../img/kosyu/mark3.svg) left 50% no-repeat; padding:0 0 0 15px;}
span.×{background:url(../img/kosyu/mark4.svg) left 50% no-repeat; padding:0 0 0 15px;}
.black td span.○, .black td span.〇, td span.□, td span.△, td span.×{margin:0 15px;}
td.○, td.〇{background:url(../img/kosyu/mark1.svg) center 50% no-repeat;}
td.□{background:url(../img/kosyu/mark2.svg) center 50% no-repeat;}
td.△{background:url(../img/kosyu/mark3.svg) center 50% no-repeat;}
td.×{background:url(../img/kosyu/mark4.svg) center 50% no-repeat;}
td.（○）{background:url(../img/kosyu/mark5.svg) center 50% no-repeat;}
td.終了{background:#f8f8f8;}
td.終了:after{content:"終了"; color:#666;}
.levelup td.終了:before{content:"終了"; color:#666; padding:2px 5px;border:#bbb 2px solid; text-align:center; font-size:14px; margin:0; display:table-cell; line-height:1;}
.levelup td.終了:after{display:none;}
.levelup td.終了{white-space:nowrap;}
tr.終了 td{background:#f9f9f9; color:#888;}
@media screen and (max-width:500px){
.black td span.○, .black td span.〇, td span.□, td span.△, td span.×, td span.(○){margin:0 15px 0 0; display:inline-block;}
.levelup td.終了:before{font-size:12px;}
.levelup td.終了{white-space:inherit;}
}

.box{background:#f6ffef; padding:10px 20px; border:1px solid #6ab001;}
.box2{border:1px solid #ccc; padding:20px; text-align:left;}
.box_s{background:#f6ffef; border:1px solid #6ab001; display:table; margin:5px 0 0 0; font-size:90%;}
.box_s > p{padding:10px; margin:0;}
.box p{padding:0; margin:10px 0;}
div.box h5:first-child{margin:10px 0;}

ul.menulist{background:#fafff0; padding:10px 20px 10px 35px; border:1px solid #f0f5e1; /*margin-bottom:40px;*/}
ul.menulist li{margin:15px 0; text-align:left; list-style:url(../img/common/arrow_s.svg);}
ul.menulist a{display:inline-block; padding:0; line-height:1.3; text-decoration: none;}
ul.menulist p{margin:0; font-size:13px;}
@media screen and (max-width:500px){
ul.menulist{padding:10px 20px;}
ul.menulist li{list-style:none;}
}

.gaiyobox{padding:10px 30px; border:1px solid #ccc; margin:20px 0;}
.gaiyobox ul{list-style:outside; margin:10px 0 20px 20px; text-align:left;}
.indent{margin-left:20px;}
.indent ul{margin:0 0 20px 20px;}
table.history th, table.history td{padding:5px 10px; text-align:left;}
table.history th{background:inherit; font-weight:normal; text-align:right; white-space:nowrap;}
table.contact{margin:30px 0 20px 0;}
table.contact td{text-align:left;}
table.contact td ul{list-style:outside; margin-left:20px;}
@media screen and (max-width:1140px){
.gaiyobox{padding:0 20px 10px 20px;}
.indent{margin-left:0;}
}
@media screen and (max-width:500px){
table.history, table.history tr, table.history th, table.history td{display:block; border:0;}
table.history th{text-align:left; padding:10px 10px 5px 10px;}
table.history th.year{background:#acb2b9; color:#fff; text-align:center; font-weight:bold; padding:10px;}
table.history td{padding:0 10px 15px 10px;}
table.contact, table.contact td{border:0;}
table.contact tr, table.contact td{display:block;}
table.contact tr{border:1px solid #ccc; margin:5px 0;}
tr.hidden, table.contact th{display:none; border:0 !important;}
table.contact td{padding:10px;}
table.contact td.spth{background:#f0f0f5; padding:10px;}
}

ul.pdflist{text-align:left; margin:30px 0 10px 0;}
ul.pdflist li{border:1px solid #ddd; padding:5px 10px; margin:5px 0; font-size:15px;}
ul.pdflist li a{font-size:13px;}
ul.pdflist li:after{clear:both;}
ul.pdflist li dt{font-size:12px; float:right;}
ul.pdflist li dt:before{content:"|"; margin-right:10px; color:#ccc;}
ul.pdflist li dt:after{content:"更新"; margin-left:5px;}
ul.pdflist li p{margin:10px 0 0 0; padding:0 10px;}
@media screen and (max-width:1140px){
ul.pdflist li dt{float:none; display:block; text-align:right;}
}

.bookimg{width:150px !important; height:auto;}
@media screen and (max-width:1140px){
.bookimg{width:100px !important;}
}


span.new{color:red; font-size:14px;}
span.new:before{content:"["; padding-right:35px; background:url(../img/common/new.svg) 5px 50% no-repeat;}
span.new:after{content:"]";}

/*kikanshi*/
ul.anchorlist{font-size:14px; width:80%; margin:0 auto;}
ul.anchorlist li{display:inline-block;}
ul.anchorlist li+li:before{content:"\7c"; margin:0 10px;}
.bookbox:after, .bookbox2:after {content: " "; display: block; height: 0;clear: both; visibility: hidden;}
.bookbox, .bookbox {display: inline-table;}
* html .bookbox, * html .bookbox2 {height: 1%;}
.bookbox, .bookbox2 {display: block;}
.bookbox_s{display:table;}
.bookbox img, .bookbox2 img{border:10px solid #eee;}
.data{background:#f6f6f6; border:1px solid #bbb; padding:10px; font-size:90%;}

.bookbox img{display:block; float:left; margin-right:50px; width:200px; height:auto;}
.bookbox2 img{display:block; margin:0 auto 10px auto; width:200px; height:auto;}
.bookbox table{width:620px; margin:0; float:left;}
.bookbox th{white-space:nowrap;}

body#hanbai section > table{font-size:90%;}
body#hanbai section > table th{padding:5px; white-space:nowrap;}
@media screen and (max-width:1140px){
ul.anchorlist{width:auto;}
.bookbox{width:100%;}
.bookbox img{margin-right:5% !important; width:30% !important;}
.bookbox2 img{width:30% !important;}
.bookbox table{width:65% !important;}
}
@media screen and (max-width:500px){
ul.anchorlist li{display:block;}
ul.anchorlist li+li:before{content:""; margin:0;}
.bookbox img, .bookbox2 img{margin:0 auto !important; width:200px !important; float:none;}
.bookbox table{width:100% !important; float:none; margin-top:30px;}

body#hanbai section > table th{white-space:inherit;}
}


/*link*/
.imgbox, .imgbox th, .imgbox td{border:0;}
.imgbox tr{border:1px solid #ccc;}
.imgbox th{background:inherit; padding:10px;}
.imgbox td{text-align:left; padding:10px;}
th.ken{background:#444; color:#fff;}
form.ken select{padding:10px 20px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#f8f8f8; color:#444; border:2px solid #e0e0e0;}
@media screen and (max-width:500px){
form.ken select{font-size:14px;}
}


/*gaiyo*/
table .l, table.l td{text-align:left;}
table .r, table.r td{text-align:right;}
table .nowrap{white-space:nowrap;}
td.c{text-align:center !important;}
#application .thw{min-width:150px;}
@media screen and (max-width:500px){
.nowrap{white-space: normal !important;}
}


/*kosyu*/
th.time{width:15%;}
.img_certify{width:150px; font-size:85%; float:right; margin:0 0 0 30px;}
.img_certify img{width:100%;}
.checkArea{border-top:1px solid #ccc; margin-top:50px; padding-top:50px;}
.checkArea p{text-align:center;}
.checkArea input{margin-right:10px;}
.checkArea button{
	border:none; border-radius: 5px; cursor: pointer; display:inline-block;
	background-color:#444; color:#fff; font-size:16px; margin:20px 0; padding:10px 30px;}
.checkArea button:hover{background-color:#666;}
@media screen and (max-width:1140px){
th.time{width:20%;}
}
@media screen and (max-width:500px){
th.time{width:60px;}
.img_certify{width:80%; font-size:85%; float:none; margin:0 auto;}
.checkArea p{text-align:left;}
.checkArea button{display:block; width:100%;}
}




.faqlist{text-align:left;}

p.faq{text-align:left; background:url(../img/info/q.svg) left 6px no-repeat; padding-left:20px; line-height:1.5; margin:20px;}
a.faq{cursor:pointer; text-align:left; background:url(../img/info/q.svg) left 6px no-repeat; padding-left:20px; display:block; line-height:1.5; margin:20px 0 10px 0 ;}
.ans{background:url(../img/info/a.svg) 20px 24px no-repeat #f8f8f8; padding:20px 20px 20px 40px; margin-bottom:30px; font-size:15px;}
.ans th{background:#eee;}
.ans td ul{list-style:outside; text-align:left; margin-left:20px;}
@media screen and (max-width:500px){
#faq09 > div{margin-left:-20px;}
.ans .sp{border-top:0;}
.ans .sp .num{display:none;}
.ans .sp .t{background:#eee; border-top:1px solid #ccc;}
.ans .〇{text-align:left; background-position:40px 7px; padding:5px 10px;}
.ans .c1:after{content:"粉：";}
.ans .c2:after{content:"放：";}
.ans .c3:after{content:"特：";}
.ans .c4:after{content:"金：";}
.ans .c5:after{content:"有：";}
}



/*access*/
.accessimg{margin:50px 0;}
.accessimg .building{text-align:right; font-size:14px; line-height:1;}
.accessimg .building img{width:200px; margin-bottom:10px;}
.path > div p{ clear:both;}
.path > div img{vertical-align:top; margin:0 20px 10px 0; float:left; width:inherit !important;}
#access2 img{width:500px; height:auto; margin:20px 0 0 0;}
@media screen and (max-width:1140px){
.accessimg > div{width:60%;}

.accessimg .building{width:30%;}
.path > div{float:none; width:auto; clear:both;}
.path > p{display:none !important;}
.path2{margin-top:0;}
#access2 img{width:100%;}
}
@media screen and (max-width:500px){
.accessimg > div, .accessimg .building{float:none; width:auto;}
.accessimg .building img{width:150px !important; margin:20px auto 10px auto !important;}
.path > div p{font-size:85%;}
.path > div img{width:130px !important;}
.path2{margin-top:0;}
}

/*seidokanri*/
h4.jigyo{background:url(../img/common/h3.svg) left 5px no-repeat; padding-left:30px;}
.img_ishiwatabunseki{width:70%; height:auto;}
@media screen and (max-width:1140px){
.img_ishiwatabunseki{width:100%;}
}


/*sitemap*/
ul#sitemap{text-align:left; font-size:14px;}
ul#sitemap li > ul li{background:url(../img/common/arrow_s.svg) left 0.5em no-repeat; padding-left:15px;}
ul#sitemap li > ul > li{margin:7px 0 7px 10px;}
ul#sitemap li > ul > li ul{margin:10px 0;}
ul#sitemap li > ul > li li{font-size:90%; margin:5px 0; background-image:none; padding-left:0;}
ul#sitemap li > ul > li li:before{content:"-"; margin-right:8px;}
ul.sitemap{text-align:left;}
ul.sitemap li{list-style:outside; margin:5px 0 5px 15px;}



/*kosyu*/
ul.btnlist{text-align:left; font-size:90%;}
ul.btnlist li{border:1px solid #ccc;  padding-right:7px; margin:5px 0;}
ul.btnlist li:hover{background:#f5f5f5;}
ul.btnlist li a{display:block; padding:7px 20px 7px 7px; text-decoration:none !important; background:url(../img/common/arrow_s.svg) right 50% no-repeat;}
ul.btnlist li a:hover{background:url(../img/common/arrow_s.svg) right 50% no-repeat;}



.vimeo-id-outer input {margin-right: 10px; margin-bottom: 10px;}
.vimeo-id-outer button {margin-bottom: 10px;}
/* iframe外側のdiv */
.video-outer {position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom: 20px;} 
/* iframe */
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;}



/*main-slider*/
#intro{background:#f3f3f3; padding:10px 1em;}
.main-slider{display:flex; width:100%; gap:3%; align-items:center; max-width:1150px; margin:0 auto; justify-content:space-between;}
.main-slider > .img{width:calc(100% - 230px); max-width:850px;}
.main-slider > .btns{width:230px;}
.main-slider > .btns a{
	display:block; margin:0 0 .5em 0; border-radius:.3em; line-height:1; white-space:nowrap; padding:1.5vw .5em 1.5vw 2em; box-shadow:0 3px 0 rgba(100,100,100,.1);
	font-size:85%; font-weight:500; color:#222; position:relative;
	background:#fff; 
}
.main-slider > .btns a:hover{opacity:1; box-shadow:0 -1px 0 rgba(100,100,100,.1);}
.main-slider > .btns a:before {
	content:"";
	display: inline-block;
	line-height:1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.35em 0.4em;
	border-left-color: currentColor;
	position:absolute; left:1em; top:43%;
	color:#64b400;
}
.main-slider > .btns a.yoyaku:before,.main-slider > .btns a.yoyaku:after{display:none;}
.main-slider > .btns a.yoyaku{padding:2.5vw .5em; text-align:center; font-size:120%; background:#64b400; color:#fff; transition:.3s; max-height:150px;}
.main-slider > .btns a.yoyaku:hover{background:#78c800;}
@media screen and (max-width:768px){
.main-slider{display:block; width:100%; gap:inherit;max-width:inherit;}
.main-slider > .img{width:inherit; max-width:inherit;}
.main-slider > .btns{width:inherit; margin-top:3%; display:flex; flex-wrap:wrap;}
.main-slider > .btns a{width:calc(50% - 2%); margin:0 1%; padding:2vw .5em 2vw 2em;}
.main-slider > .btns a.yoyaku{width:100%; margin: 0 1% 1em 1%;}
}
@media screen and (max-width:500px){
#intro{background:#f3f3f3; padding:20px 1em;}
.main-slider > .btns{margin-top:20px; display:inherit; flex-wrap:inherit;}
.main-slider > .btns a{width:100%; margin:.5em 0; padding:1em .5em; text-align:center;}
.main-slider > .btns a.yoyaku{padding:1em .5em; margin:1em 0;}
.main-slider > .btns a:before {display:none;}
}