:root { font-size:15px; }
body { margin: 0px; color:#333; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
div.title-logo div { font-size:0.6em; text-align:center; color:#ccc; }
div#title_company h2 { font-size:1em; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
ul.flexbox { list-style:none; margin:0; padding:0; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:9999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:0px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%;   }
div#top_main_img_box { width:100%; }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground {   }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:220px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:link { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:visited { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:hover { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:underline; text-align:center; border:solid 1px ; }
#sm-nav { position: absolute; top: -1000px; width:100%; height: auto; z-index: 999999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
#sm-nav-frm { border:none; width:100%; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
.footer_in .col h3 {  font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox > .col { padding:7px;  }
.footer_in {  }
.footer_in li a {  font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link {  }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.footer_in ul.flexbox > .col { padding-left:20px; }
.global_nav_list li a { color: #515151 !important; }
.global_nav_list li a:visited { color: #515151 !important; }
.global_nav_list li a:hover { color: #515151 !important; }
.global_nav_list li a:active { color: #515151 !important; }
.global_nav_list li { border-bottom: 1px solid #00336D; }
 ul#at-footer-menu ul li.col { margin-bottom:4px; } 
.fre_pku_image h3, .fre_pku_image h4 {
    margin: 0;
    padding: 0;
}
.fre_pku_comment h3, .fre_pku_comment h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
@media screen and (max-width:767px) {
	.sm-none { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:2%; }
	.contents-pku.flexbox-sm-1 .col { width:100%; }
	.contents-pku.flexbox-sm-2 .col { width: calc(100% / 2 - 2% / 2); }
	.contents-pku.flexbox-sm-3 .col { width: calc(100% / 3 - 4% / 3); }
	.contents-pku.flexbox-sm-4 .col { width: calc(100% / 4 - 6% / 4); }
	.contents-pku.flexbox-sm-5 .col { width: calc(100% / 5 - 8% / 5); }
	.contents-pku.flexbox-sm-6 .col { width: calc(100% / 6 - 10% / 6); }
	.contents-pku .fre-pku-sm-rtn { margin-right:0; }
	.contents-pku .fre_pku_image { width:100%; }
	#mini-notification .inner { width: 100% !important; background: none !important; background-color: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ccc !important; }
	#at-footer-menu > li.col { border-left:none; }
#at-footer-menu ul li.col { padding:5px 0; }

	.footer_in .col h3{ margin:15px 0 7px 0; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1.5%; }
	.contents-pku.flexbox-mm-1 .col { width:100%; }
	.contents-pku.flexbox-mm-2 .col { width: calc(100% / 2 - 1.5% / 2); }
	.contents-pku.flexbox-mm-3 .col { width: calc(100% / 3 - 3% / 3); }
	.contents-pku.flexbox-mm-4 .col { width: calc(100% / 4 - 4.5% / 4); }
	.contents-pku.flexbox-mm-5 .col { width: calc(100% / 5 - 6% / 5); }
	.contents-pku.flexbox-mm-6 .col { width: calc(100% / 6 - 7.5% / 6); }
	.contents-pku .fre-pku-mm-rtn { margin-right:0; }
}
@media print,screen and (min-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1%; }
	.contents-pku.flexbox-wm-1 .col { width:100%; }
	.contents-pku.flexbox-wm-2 .col { width: calc(100% / 2 - 1% / 2); }
	.contents-pku.flexbox-wm-3 .col { width: calc(100% / 3 - 2% / 3); }
	.contents-pku.flexbox-wm-4 .col { width: calc(100% / 4 - 3% / 4); }
	.contents-pku.flexbox-wm-5 .col { width: calc(100% / 5 - 4% / 5); }
	.contents-pku.flexbox-wm-6 .col { width: calc(100% / 6 - 5% / 6); }
	.contents-pku .fre-pku-wm-rtn { margin-right:0; }
}

.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { /*font-size:1px;*/ text-indent: -10000px; position:absolute; top:0; left:0; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea { width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#5D86FF; text-decoration:none; }
a:visited { color:#5D86FF; text-decoration:none; }
a:hover { color:#5D86FF; text-decoration:underline; }
div.menutR{ clear: left; width:; text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
div.rcaptionex h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:300px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:300px; overflow-y:auto;  }
div.vmode_scroll { width:100%; height:0px; overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new { width:; float:left; }
;
div.document1_new { width:; }
div.document2_new { width:; float:left; }
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:ececec; background-color:#ececec; }
hr.news2_head { height:1px; border:none; color:fff; background-color:#fff; }
hr.news_contents { height:1px; border:none; color:ececec; background-color:#ececec; }
hr.news2_contents { height:1px; border:none; color:dfdfdf; background-color:#dfdfdf; }
hr.youtube_head { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

div#font-size-change { font-size:1em; line-height:150%; text-align:center; }
div#font-size-change > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#fff; }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#fff; border:1px solid #eeeeee; color:#333;
}
div#font-size-change > dl > dd:hover { background-color:#e5e4e4; color:#333; }
dd.font-select { background-color:#e5e4e4 !important; color:#333 !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:1em; text-align:center; }
div#color-change > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }

.video-title-box { text-align:center; margin:0 0.5em; }
.video-desc { margin:1em; display:block; }
.at-video { object-fit: cover; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
.at_anime01 h2,
.at_anime01 h2 span {
    opacity: 0; //不透明度0%
}
.at_anime02 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, -2em);
	transition : all 1.0s ease;
}
.at_anime03 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, 2em);
	transition : all 1.0s ease;
}
.at_anime04 h2 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime01 > ul > li,
.pku_anime01_ex > ul > li,
.at_img_anime01 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime02 > ul > li,
.pku_anime02_ex > ul > li,
.at_img_anime02 {
    opacity: 0;
    transform: scale(0, 0);
    transition: all 1.0s;
}
.pku_anime03 > ul > li,
.pku_anime03_ex > ul > li,
.at_img_anime03 {
    opacity: 0;
    transition: all 1.0s;
    transform : translate(0, 100px);
}
.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc a.text_link {
	position: relative;
}
.news .at-icon-disc a.text_link ,
.news2 .at-icon-disc a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-disc a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	list-style:none;
}
.at-icon-arrow a.text_link {
	position: relative;
}
.news .at-icon-arrow a.text_link ,
.news2 .at-icon-arrow a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	list-style:none;
}
.at-icon-arrow2 a.text_link {
	position: relative;
}
.news .at-icon-arrow2 a.text_link ,
.news2 .at-icon-arrow2 a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow2 a.text_link::after,
.at-icon-arrow2 a.text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 a.text_link::after {
	top: 0.15em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 a.text_link::before {
	z-index: 2;
	top: 0.42em;
	left: -1.05em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.at-cion-none {
	list-style:none;
}
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

.ccaption_sub h2,.ccaption_sub h3 { font-size:1.1rem !important; font-weight:bold !important; }

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
/* 共通
-------------------------------------------------------------------------------------- */
body { line-height: 140%; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

.news_area:not(p) { margin: 0; padding: 0; }

a { text-decoration: none; }
a img { border: none; }
.main_inner a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
img { vertical-align: bottom; }
.clear { clear: both; }
ruby { line-height:1em; }

.maintablebox2_outerbox { clear: both; /* padding: 10px; */ padding:0; }

/* ボタン */
.btn-blue { background-color: #5D86FF; padding: 0 13px; text-align: center; border: 1px solid #5D86FF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.btn-blue a { color: #fff; display: inline-block; text-decoration: none; }
.btn-gray { background-color: #636363; padding: 0 13px; text-align: center; border: 1px solid #636363; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.btn-gray a { color: #fff !important; display: inline-block; text-decoration: none; }


.left-img-box { float: left; margin-right: 15px; margin-bottom: 15px; }

/* トップメニュー・nav
-------------------------------------------------------------------------------------- */
#header_box { background-color: #fff; }
#header-in { background-color: #00336D; }
#top-menu { max-width: 990px; margin: 0 auto; }

#top-menu { padding: 5px 5px 0 5px; height: 40px; }

div#font-size-change { float: right; margin: 0 20px 0 0; }

#main_block_box1_2 { padding:0 !important; }

.search_form { float: right; width: 226px; margin: 3px 25px 0 0; }
.search_form #field { float:left; width:180px; height:22px; line-height:19px; text-indent:6px; font-family:arial, sans-serif; font-size:1em; color:#333; background: #ffffff; border:solid 1px #d9d9d9; margin-top: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form #space { float:left; width:2px; height:21px; line-height:19px; margin:0; padding:0; font-size:1px; border:none; }
.search_form #submit { float:left; cursor:pointer; width:40px; height: 23px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #d1d1d1 center; border: 1px solid #d1d1d1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.search_form_b #field_b { float:left; width:180px; height:22px; line-height:19px; text-indent:6px; font-family:arial, sans-serif; font-size:1em; color:#333; background: #ffffff; border:solid 1px #d9d9d9; margin-top: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form_b #space_b { float:left; width:2px; height:21px; line-height:19px; margin:0; padding:0; font-size:1px; border:none; }
.search_form_b #submit_b { float:left; cursor:pointer; width:40px; height: 23px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #d1d1d1 center; border: 1px solid #d1d1d1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.search_form .fclear {clear:both}

#logo { clear: both; float: left; width: 450px; height: 100px; }
#logo h1 { margin: 0 !important; }
#logo h1 img { width: 100%; }

nav > ul { float: right; height: 70px; padding: 22px 15px 0 0; }
nav > ul > li { display: inline-block; padding: 0 0 7px 10px; margin: 0 0 0 10px; list-style: none; border-width: 1px; border-style: none none none solid; border-color: #dfdfdf; }
nav > ul > li:last-child { border-right: solid 1px #dfdfdf; padding-right: 10px; }
nav > ul > li > a { color:#515151 !important; }
nav > ul > li > a:hover { color:#515151 !important; text-decoration: none; }

/* #nav04 > ul { right:0; left:initial !important; } */

ul.at_listmenu { box-shadow:none !important; }

#nav01:hover > ul { border: none !important; }
#nav01:hover > ul > li { border-left:1px solid #dfdfdf; }
#nav02:hover > ul { border: none !important; }
#nav02:hover > ul > li { border-left:1px solid #dfdfdf; }
#nav03:hover > ul { border: none !important; }
#nav03:hover > ul > li { border-left:1px solid #dfdfdf; }
#nav03 > a { color:#4f7bf5 !important;}

#nav04:hover > ul { border: none !important; }
#nav04:hover > ul > li { border-left:1px solid #dfdfdf; }
#nav04 > a { color:#4f7bf5 !important;}

/* フッター
-------------------------------------------------------------------------------------- */
footer { border-top: solid 1px #ececec; margin: 0; }
.footer-menu-wrap { background-color: #f2f2f2; }
.footer-menu { max-width: 990px; margin: 0 auto; padding: 25px 0 0 0; overflow: hidden; }
.footer-menu h2 { text-align: center; margin-bottom: 25px; }
.footer-menu1 { width: 22%; float: left; margin: 0 0 30px 0; }
.footer-menu2 { width: 22%; float: left; margin: 0 0 30px 0; }
.footer-menu3 { width: 28%; float: left; margin: 0 0 30px 0; }
.footer-menu4 { width: 28%; float: left; margin: 0 0 30px 0; }
.footer-menu h3 { margin: 0 0 8px 4px; color: #444; font-size:100%; }
.footer-menu ul { margin: 0; padding: 0; }
.footer-menu ul li { margin: 0 0 2px 0; padding: 0 0 0 16px; list-style: none; background: url(/files/icon-footer.png) no-repeat 0% 50%; }
.footer-menu ul li a { color: #444; font-size: 0.85em; }
.footer-menu ul li a:hover { color: #5D86FF; text-decoration: none; }

#footer-box { background-color: #e9ebef; }

#footer-info-wrap { clear: both; padding: 20px 0; margin-bottom: 15px; border-style: none none solid none; border-width: 1px; border-color: #dee2ea; }
#footer-info { max-width: 960px; margin: 0 auto; text-align: center; }
#footer-info ul { margin: 0 auto; padding: 0; }
#footer-info li { list-style: none; display: inline-block; margin: 0 50px 0 0; font-size: 0.9em; color: #444; }
#footer-info li a { color: #444; }
#footer-info li a:hover { color: #5D86FF; }
img.ico-contact { width: 26px; height: auto; display: inline-block; margin: 0 8px 0 0; vertical-align: middle !important; }

#copyright { clear: both; font-size: 0.8rem; text-align: center; padding-bottom: 20px; }

.pku_inner { max-width:990px; margin:0 auto; }
.pku_cont5 > ul > li { padding: 0 1.5% 10px 1.5% !important; }

/* ニュース
-------------------------------------------------------------------------------------- */
.news_box { overflow: hidden; padding: 40px 10px; }
.news_inner { max-width: 860px; margin: 0 auto; }
.top_news_date { margin-right: 20px; display: inline-block; }
.top_news a { color: #333 !important; }
.top_news a:hover { color: #5D86FF !important; text-decoration: none !important; }
.more_box { text-align: right !important; }
img.newsbar { margin: 0; vertical-align: middle; max-width:120px; }
#at_news1 { text-align: center; margin-bottom: 15px; }
#at_news1 h2 a img#newsbar1 { width: 120px; height: auto; }


/* トップページ　外部リンク  4枚画像
-------------------------------------------------------------------------------------- */
.main_block1_inner { max-width: 990px; margin: 0 auto; padding: 22px 10px 30px 10px; }
.main_block1_inner ul { margin: 0; padding: 0; }
.main_block1_inner ul li { list-style: none; }
.main_block1_inner ul li img { max-width: 100%; padding: 40px 10px; height: auto; }

/* トップページ　外部リンク  バナー広告（3枚）
-------------------------------------------------------------------------------------- */
.top-banner { max-width: 890px; margin: 0 auto; padding: 60px 10px 0 10px; }
.top-banner ul { margin: 0; padding: 0; }
.top-banner ul li { list-style: none; margin: 0 2%; display: inline-block; width:28%; }

#main_block_body2_1 a { text-align: center; display: block; color: #333; font-size: 1.1em; }
#main_block_body2_1 a:hover { text-decoration: none; }


/* 財団概要
-------------------------------------------------------------------------------------- */
table#profile_about { width: 65%; margin: 0 0 0 15px; border-collapse: collapse; border-width: 1px; border-color: #dee2ea; border-style: solid; }
table#profile_about th { padding: 7px 10px 7px 10px; background-color: #e9ebef; text-align: left; width: 20%; border-width: 1px; border-color: #dee2ea; border-style: solid; font-weight: normal; }
table#profile_about td { padding: 7px 10px 7px 10px; text-align: left; border-width: 1px; border-color: #dee2ea; border-style: solid; }


/* テーブル
-------------------------------------------------------------------------------------- */
table.table-style1 { width: 98%; margin: 0 auto; border-collapse: collapse; border-width: 1px; border-color: #dee2ea; border-style: solid; }
table.table-style1 th { padding: 7px 10px 7px 10px; background-color: #e9ebef; text-align: left; width: 30%; border-width: 1px; border-color: #dee2ea; border-style: solid; font-weight: normal; }
table.table-style1 td { padding: 7px 10px 7px 10px; text-align: left; border-width: 1px; border-color: #dee2ea; border-style: solid; }

table.table-border-non { width: 98%; margin: 0 auto; border-collapse: collapse; }
table.table-border-non th { padding: 7px 10px 7px 10px; background-color: #e9ebef; text-align: left; font-weight: normal; vertical-align: top; }
table.table-border-non td { padding: 7px 10px 7px 10px; text-align: left; vertical-align: top; }

.td9 { width: 9%; }
.td11 { width: 11%; }


/* リスト
-------------------------------------------------------------------------------------- */
dt { margin: 0 10px 0 0; float: left; clear: both; }
dd { float: left; }

#jigyo-list h3 {margin:0;padding:0;}
#jigyo-list p { display:block; border-top:1px solid #efefef; /* border:1px solid #ccc; margin-top:5px; */ padding:20px; background-color: #fff; min-height:125px; }
#jigyo-list img { padding:0px !important; }
#jigyo-list li { padding:10px; }

#read-page-link {
    float: right;
    margin: 5px 25px 0 0;
    color: #fff;
    font-size: 85%;
    background: url(/files/read-icon.png) no-repeat 0% 30%;
    padding: 0 0 0 20px;
}
/* レスポンシブ用テンプレート
-------------------------------------------------------------------------------------- */
.main_inner { width:100%; margin:0 auto; }
.main_block_updown_img img {
    display: block;
    margin: 0 auto;
}

.main_block1_box { background-color:#e9ebef; padding: 0; }
.main_block2_box { background-color:#ffffff; padding: 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:30px 0; }
.news2_box { background-color:#ffffff; padding:30px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0; }

.free_inner { max-width:990px; line-height:2em; margin:0 auto; }
.dir_free_area { max-width:990px; line-height:2em; margin:0 auto; }
.taskguide_inner { max-width:990px; line-height:2em; margin:0 auto; }
.search_inner { max-width:990px; line-height:2em; margin:0 auto; }
.email_inner { max-width:990px; line-height:2em; margin:0 auto; }
.access_inner { max-width:1050px; line-height:2em; margin:0 auto; }
.privacy_inner { max-width:990px; line-height:2em; margin:0 auto; }
.policy_inner { max-width:990px; line-height:2em; margin:0 auto; }

#sp-search-btn { display:none; }

#top_baner1_box { width: 100%; border-bottom: solid 1px #ececec; }
#top_baner1_box_in { max-width:990px; margin: 0 auto; }


#top_baner2_box { /* background-color:#E9EBEF; */ background-color:#00336D; }
#top_baner2_inner { max-width:990px; margin: 0 auto; }
#top-left-box { max-width:990px; float:left; }
#top-right-box { float:left; padding:5px; }

.fre_fixed_menu a { line-height:1em; }

#sm-nav-btn img {
	width: 40px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

/* media screen スマホ用
-------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; }
	.top_fixed_menu { display:none; }
	.navi_new { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.main-menu01 { display:none; }
        .ccaption { height: auto !important; line-height: 1.75em; font-size: 1em !important; }
        .ccaption_sub { height: auto !important; font-size: 1em !important; }
        .at-content-img.side_img_box { float:none !important; margin-bottom:0.5em; }
        .left-img-box { float:none !important; margin-bottom:0.5em; }
        .news_img_auto_size_box { float: none !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 7px; }
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:1.1rem;
	}
	#sm-nav > ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:33%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.6%;
	}

dt { margin-right: 0; float: none; }
dd { float: none; }

.free_inner { line-height:1.5em; }
.dir_free_area { line-height:1.5em; }
.taskguide_inner { line-height:1.5em; }
table.inquirytable th { font-size:0.9em; padding-left:3px;  padding-right:3px; }
.search_inner { line-height:1.2em; }
.email_inner { line-height:1.2em; }
.access_inner { line-height:1.2em; }

header { height: auto; }
.search_form { float:left; }
#logo { width: 100%; height: auto; }
nav { display: none; }

.top_news_date { display: block; }
#at_news1 h2 a img#newsbar1 { width: 25%; height: auto; }

.main_block1_inner ul li img { padding: 10px 7px; }

footer { margin: 10px 0 0 0; }
.footbackground { width: 100%; }
.footer-menu { padding: 15px 0 0 0; }
.footer-menu h2 { margin-bottom: 15px; }
.footer-menu1,.footer-menu2,.footer-menu3,.footer-menu4 { width: 95%; margin: 0 auto 15px auto; float: none; }
.footer-menu h3 { border-top: dotted 1px #ccc; padding-top: 10px; }

#footer-info-wrap { margin-bottom: 12px; padding: 15px 0 10px 0; }
#footer-info { max-width: 100%; }
#footer-info ul { width: 98%; }
#footer-info li { width: 100%; font-size: 0.9em; margin: 0; }
.kaigijo { display: block; }
#copyright { font-size: 0.9em; padding-bottom: 10px; line-height: 110%; }

.main_block1_inner { max-width: 100%; padding:16px 5px 0 5px; }
.main_block1_inner ul li img { max-width: 100%; padding: 0 5px 16px 5px; height: auto; }

.top-banner { max-width: 96%; margin: 0 auto; padding: 0; }
.main_inner { width: 97%; }
.free_inner { max-width:95%; }
.taskguide_inner { max-width:95%; }

.fre_fixed_menu { display:none; }
#main_block_head1_2 { width:100px !important; height:25px !important; }
#top-menu { height: 50px; }
#jigyo-list p { min-height:170px; padding:10px; }
#read-page-link { margin: 5px 120px 0 0; }
#sp-search-btn {
    display: block;
    padding: 3px;
    background-color: #eee;
    color: #515151;
    width: 40px;
    margin: 2px 0;
    float: right;
    text-decoration: none;
    border-radius: 0.2em;
    text-align: center;
    position: absolute;
    right: 70px;
}
.top_news li {
    padding: 5px 0;
    border-bottom: 1px dotted #aaa;
}
.ccaption h1 { padding: 6px 0 0 35px !important; }

}

/* media screen タブレット用
-------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.6%;
	}

header { border-bottom: none; height: auto; }
nav > ul { float: right; height: auto; width: 100%; margin: 0 auto; padding: 0 1%; }
nav > ul > li { padding: 5px 0; margin: 0; }
nav > ul > li#nav01 { width:20%; }
nav > ul > li#nav02 { width:23%; }
nav > ul > li#nav03 { width:23%; }
nav > ul > li#nav04 { width:31%; }
nav > ul > li:last-child { padding-right: 0; }
nav > ul > li > a { font-size: 1.2em; display: inline-block; width: 100%; height: 100%; text-align: center; }
ul.at_listmenu a { font-size: 1.1em !important; }

.maintablebox2_outerbox { margin-top: 15px; }

.main_block1_inner { max-width: 100%; }
.main_block1_inner ul li img { max-width: 100%; padding: 27px 5px; height: auto; }
.main_block2_inner { max-width: 100%; }
.main_block2_inner ul li img { max-width: 100%; padding: 27px 5px; height: auto; }

footer { margin: 10px 0 0 0; }
.footbackground { width: 100%; padding: 25px 0 0 0; margin: 0; }
.footer-menu { width: 100%; font-size:0.95em; padding: 20px 0 0 10px; }
#footer-info { max-width: 100%; }
#footer-info li { margin: 0 25px 0 0; }

#top_baner1_box { border-bottom: none; margin-bottom: 10px; }
#top_baner1_box_in { max-width:100%; }
#top_baner2_box { max-width:100%; }

.top-banner { max-width: 100%; margin: 0 auto; }

.free_inner { max-width:95%; }
.dir_free_area { max-width:95%; }
.taskguide_inner { max-width:95%; }
#jigyo-list p { min-height:145px; }
}

/* media print,screen PC用
-------------------------------------------------------------------------------------- */
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	.grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
}
/* media print用
-------------------------------------------------------------------------------------- */@media print {
        body { min-width:990px; margin: 0 auto; }
}
div.ccaption {
	background-image: url(https://www.i-step.org/images/bar-title.jpg);
	width:100%;
	height:50px;
	background-repeat:no-repeat;
	padding-top:11px;
	padding-left:35px;
	margin: 12px 0 0 0;
	font-weight:bold;
	font-size:15pt;
	color:#5D86FF;}

div.ccaption h1 {
	font-size:15pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: none;
	width:100%;
	height:44px;
	background-repeat:no-repeat;
	padding-top:11px;
	padding-left:10px;
	margin: 0 0 15px 0;
	font-weight:bold;
	font-size:14pt;
	border-bottom: dotted 1px #5D86FF;
	color:#5D86FF;}
div.ccaption_sub h2 {
	font-size:14pt;
	font-weight:bold;
	font-weight:bold;
	margin:0;
	padding:0;
}
table.inquirytable { width:90%; margin:0 auto; border-collapse: collapse; background-color: #cccccc; }
table.inquirytable th { padding:10px; background-color:#f4f4f4; text-align:left; }
table.inquirytable td { padding:10px; background-color:#ffffff; text-align:left; }
table.inquirytable, table.inquirytable th, table.inquirytable td { border:1px solid #cccccc; }
table.inquirytable span { color:#FF0000; }
table.inquirytable strong { margin:0px; padding:0px; font-weight:normal; }
table.inquirytable h4 { margin:0px; padding:0px; font-weight:normal; }
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }