@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------
！！！！オリジナル設定は357から！！！！
--------------------------------------------------------------*/
/*--------------------------------------------------------------
！！！！帯の色は425から！！！！
--------------------------------------------------------------*/
/*--------------------------------------------------------------
！！！！ボタンの色は500から！！！！
--------------------------------------------------------------*/
/*--------------------------------------------------------------
！！！！開催概要の表の見出しの文字色は637から！！！！
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

body {
	font-family:UD Shin Go Conde90 L;
	margin:0 auto;
}

.plus_option{
	padding-bottom:70px;
}

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}


/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
ここからオリジナル（PC・スマホ共通）
--------------------------------------------------------------*/
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.pd_ud {
	padding: 10px 0 !important;
}
.pd_ud_sp {
	padding: 5px 0 !important;
}.secret_box{
	display: none !important;
}
@media screen and (min-width:768px) {
.matsu_br{
	display: none;
}
}
.text_blue{
	color: #004098;
}
.shuou {
	display:none;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.border {
	border: solid 1px #000;
	width: 99.8% !important;
}

body {
/*	margin:0 auto;*/
	padding:0;
/*	background-color:#FCF;*/
	max-width:1000px;
/*	height:auto;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #4D4D4D;
}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;
}

/*topへ戻るやつ(PC・スマホ独自設定有り->1027｜1148付近) https://illbenet.jp/view/93*/
#page-top{
	z-index:9999;
    position:fixed;
}
#page-top a{
    background:rgba(0,0,0,0.50);
    color:#fff;
    line-height:50px;
    text-decoration:none;
}

/*タイトルの帯を管理*/
.area_navi{
	list-style-type: none;
	display: block;
	height:25px;
	padding: 2px;
	margin:0px;
}

/*帯の色を管理 https://www.colordic.org/*/
.line_color{
	/*background-color:royalblue;*/
	background-color: rgb(0,180,238);
}
.line_color_v{
	/*background-color:royalblue;*/
	background-color: rgb(156,62,99);
}
.line_color_p{
	background-color: rgb(218,94,157);
}
.line_color_o{
	background-color: rgb(255,153,0);
}
.line_color_b{
	background-color: rgb(0,91,172);
}
.line_color_g{
	background-color: rgb(111,184,43);
}
.line_color_c{
	background-color: rgb(0,178,237);
}


.surround a{
	font-size: 100%;
	line-height: 1.5em;
	display: inline-block;
	float: left;
	margin-left: 10px;
	border: 1px solid #FFF;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-radius: 5px;
    　　-webkit-border-radius: 5px;
    　　-moz-border-radius: 5px;

}

.area_navi a{
	text-decoration:none;
	color: #FFF;
}

.wrapper {
/*	background-color: #ccc;*/
	max-width:1000px;
/*	height:auto;
	height:1000vh;*/
	position:relative;
}

.sticky {
	margin:5px 0 0 8px;
	width:95%;
	height:auto;
/*	height:110px;*/
	position:-webkit-sticky;
	position:sticky;
/*	top:0;*/
	bottom:10px;
/*	z-index:10000;*/
}


/*--------------------------------------------------------------
！！！！リンクボタン！！！！

--------------------------------------------------------------*/

.btn_box {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	border-radius: 10px;
}
.btn_box a {
	display: block;
	padding: 20px 0 25px 0;
	color: #fff;
	font-family: 'Jun 501';
	font-size: 2.5em;
	line-height: 1.0;
	border-radius: 10px;
}
.btn_inner {
	
}

.entry {
	width:95%;
	height:auto;
}
.e_btn {
	width: 60%;
	border-radius: 10px;
	margin: 0 auto;
	font-family: 'Jun 501';
	font-size: 2.5em;
	padding: 15px;
}
.e_btn a {
	margin: 0;
	padding: 0;
	color: #ffffff;
	display: block;
}

/*リンクボタンの背景色管理*/
.e_btn_o {
	background: #F0841D;
}
.e_btn_v {
	background: rgb(156,62,99);
}
.e_btn_b {
	background: rgb(1,180,238);
}
.e_btn_g {
	background: rgb(111,184,43);
}
.e_btn_db {
	background: rgb(0,64,152);
}
.e_btn_p {
	background: rgb(218,94,157);
}
.e_btn_c {
	background: rgb(0,178,237);
}

.main_img {
	text-align:center;
	width:100%;
}

/*参加予定の文言管理*/
.yotei{font-family: 'Maru Folk Medium';}

/*開催概要の表の見出しの帯色を管理*/
.line_location{
	width:100%;
	/*background-color: #ec6494;*/
	height:52px;
	margin:27px 0 0 0 ;	
	text-align: center;
	margin-bottom: 3%;
}

.font_bold{
	  font-family: 'Jun 501';
	  color: white;
	  font-size: 2em;
	  line-height: 1.6;
}

/*.location_info td{
	padding-left:1.5em;
	padding-top: 3%;
	padding-bottom: 3%;
	font-size: 1.2em;
	border: 1px solid #595959;
	border-collapse: collapse;
}*/

.location_info td{
	padding: 2%;
	line-height: 1.2;
	font-size: 1.2em;
	border: 1px solid #595959;
	border-collapse: collapse;
}

img{
	border: none;
}

.location img{
	width:100%;
}


.location_info{
	margin-top: 5%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.location_info_line{
	float:left;	
	width:5px;
	height:77px;
	margin:5px 0 0 0;
	background-color: #F19CA7;	
}

.location_info_table{
/*	margin:0 0 0 20px;*/
	line-height:24px;
/*	vertical-align:top;
	width: 98%;*/
}

/*.location_info_table table{
	width: 98%;
}
*/

.location_info_table_table{
	width: 98%;
	table-layout: fixed;
	border-collapse: collapse;
}

.location_info_table_table th{
	vertical-align: middle;
	width: 10%;
}

.location_info_table_table th, .location_info_table_table td{
	border: 2px solid #000;
}

.location_info_table tr{
	vertical-align: top;
}

.location_info p{
	margin:0 auto;
	line-height:28px;
}

/*開催概要の表の見出しの文字色を管理*/
.location_color{
	color: #ec6494;
	font-size: 14px;
	font-weight: bold;
}
.location_color_b{
	color: #005BAC;
	font-size: 14px;
	font-weight: bold;
}
.location_color_p{
	color: rgb(218,94,157);
	font-size: 14px;
	font-weight: bold;
}
.location_color_g{
	color: #6FB82B;
	font-size: 14px;
	font-weight: bold;
}
.location_color_o{
	color: rgb(255,153,0);
	font-size: 14px;
	font-weight: bold;
}
.location_color_v{
	color: rgb(156,62,99);
	font-size: 14px;
	font-weight: bold;
}
.location_color_c{
	color: rgb(0,178,237);
	font-size: 14px;
	font-weight: bold;
}


/*おしごとをおさがしの方への帯タイトルを管理*/
.line_join {
	width:100%;
	background-color: #ec6494;
	height:52px;
	margin:27px 0 0 0 ;	
	clear: both;
	text-align: center;
	margin-bottom: 2%;
}


/*帯下の文言を管理*/
.link_school_hp{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:15px 0 10px 0;
	color:#f49444;
	line-height:25px;
}


/*特典の帯タイトルを管理*/
.line_special{
	width:100%;
	height:52px;
	margin:27px 0 0 0 ;
	clear: both;
	text-align: center;
}

.location{
	display:inline-block;
	vertical-align:top;
	margin:30px 0 0 0 ;	
}

.map{
	text-align:center;
	display:inline-block;
	vertical-align:top;
	/*margin: 30px 0 0;*/
	width: 100%;
}

.location_span{
	font-weight: bold !important;
	font-size: 20px !important;
	margin-bottom: 10px !important;
}

.woman_span{
	font-weight: bold !important;
	font-size: 20px !important;
}

.location_info{
	margin-top: 2%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.map_hole_left{
	float: left;
	width: 95%;
	margin-left: 5px;
}

.map_hole_right{
	float: right;
	width: 40%;
	margin-right: 5px;
}

.map_hole_right img{
	width: 100%;
}

.entry-content a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#area_nabi li a{
	color: #FFF;
}

.woman{
	text-align: center;
}

.w_table{
	border:0;
	border-collapse:collapse;
	margin: 0 auto;
	width:600px;
}

.t_img{
	vertical-align:top;
	width:136px;
}

.t_text{
	vertical-align:middle;
	font-size:x-large;
}

.woman01{
	width: 400px;
	margin:0 10px 0 0
}

.woman02{
	width: 550px;
}

.woman03{
	width: 100%;
}

.woman_pic1{
	float:left;
}

.woman_voice{
/*	width:600px;*/
    width: 90%;
	font-size:x-large;
	text-align:left;
	margin:0 auto 15px auto;
	border-bottom:solid 2px #00b2c9;
}

.woman_voice_o{
	border-bottom:solid 2px #f7c18e;
}

.woman_voice_v{
	border-bottom:solid 2px #9C3E63;
}

.woman_voice_g{
	border-bottom:solid 2px rgb(111,184,43);
}

.woman_voice_pk{
	border-bottom:solid 2px rgb(213,94,157);
}

.woman_voice_p{
	margin:15px !important;
}

.woman_voice1{
	width:600px;
	height:165px;
	font-size:x-large;
	text-align:left;
	margin:0 auto 15px auto;
	border-bottom:solid 2px #00b2c9;
}

.woman_voice2{
	width:600px;
	height:auto;
	font-size:x-large;
	text-align:left;
	margin:15px auto 15px auto;
	padding:5px;
	background-color:#CFC;
}

.woman_pic2{
	float:right;
}

.ex00{
	float:left;
	width:30%;
	margin-left:5px;
}

.ex01{
	float:right;
	width:65%;
	line-height: 1.8;
	margin-bottom: 5px;
	margin-right:5px;
}

/*当日の流れの画像を管理*/
.box{
	position:relative;
	width:50%;
	margin:0 auto 20px;
}

.box p{
	position:absolute;
	display:block;
	top:0;
	left:0;
	margin:0;
	background-color:#000;
	padding:10px 0;
	width:100%;
	color:#fff;
	font-weight:bold;
	background:rgba(0,0,0,0.65);
}

.nagare_txt ol{
	margin:5px;
	padding-left:20px;
}
.nagare_txt{
	width:50%;
	margin:0 auto;
	font-weight:bold;
}
.nagare_txt p{
	line-height: 1.5em !important;
}
.present{
	overflow: hidden;
}
.present_img{
	display: inline-block;
}
.present_img img{
	width: 300px;
	margin-right: 10px;
}

.pre_ul{
	text-align: center;
/*	width:50%;*/
	margin:0 auto;
}

.pre_ul img{
	width: 220px!important;
}
.takuji img{
	width: 100% !important;
}

.ribbon{
	margin-bottom: 10px;
}
.present_txt{
}
.present_txt p{
	font-weight: bold;
}


/*特典の背景を管理*/
.present{
	background-color: #fcf4fc;
	padding: 20px;
	margin-bottom:3%;
}
.present_b{
	background-color: #f0f8ff;
	padding: 20px;
	margin-bottom:3%;
}
.present_g{
	background-color: #F0F8E9;
	padding: 20px;
	margin-bottom:3%;
}
.present_y{
	background-color: #ffffe0;
	padding: 20px;
	margin-bottom:3%;
}

/*3社面談の背景を管理*/
.gara2{
	background-color: #fcf4fc;
	padding: 20px;
	margin-bottom:3%;
}
.gara{
	background-color: #ffffe6;
}


.ribbon{
	text-align: center!important;
}

.attention-bottomline{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f49444;
	margin-top: 5px;
	padding-top: 5px;
}

.attention-bottomline_pink{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #DA5E9D;
	margin-top: 5px;
	padding-top: 5px;
}

.attention a{
	color: blue;
	font-weight:bold;
}

.attention{
	margin-bottom:1.2em;
}
.child_table {
	width:96%;
	border: 1px solid #333;
	border-collapse: collapse;
	margin-bottom:10px;
}

.child_table td{
	border: 1px solid #333;
	padding: 10px !important;
}


/*特設コーナーの表のタイトル部分の背景色を管理*/
.child_td_ttl{
	background-color: #faf3eb;
	font-weight: bold;
	text-align: center;
}


/**こみんぐそん管理**/
.comson {
	display:block;
	width: 100%;
	margin-bottom: 20px;
}
.comson_p {
	color: rgb(255,255,255);
	font-family: 'Maru Folk Medium';
	font-size: 6em;
	margin: 0;
	padding: 200px 0 200px 0;
/*	background: rgb(242,144,210);*/
}

/*参加企業ブースの表のタイトル部分の背景色を管理*/
.sanka_pink{
	background-color: #faf3eb;
	font-weight: bold;
}

.sanka_blue{
	background-color: #D5FDFF;
	font-weight: bold;
}


.sanka table{
	table-layout: fixed;
	width: 96%;
}

.sanka table, .sanka table td, .sanka table th{
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.sanka_td{
	padding: 10px;
}
.sanka_td_75{
	width:75%;
}
.sanka_td_60{
	width:60%;
}
.sanka_td_50{
	width:50%;
}
.sanka_td_25{
	width:25%;
}
.sanka_td_20{
	width:20%;
}
.sanka_td_15{
	width:15%;
}
.sanka_td a{
	color:blue;
	font-weight:bold;
}

.sanka th {
/*	background: #f0e6cc;*/
}

.even {
	background: #fbf8f0;
}

.odd {
	background: #fefcf9;
}

.no{
	width: 12%;
	text-align: center;
}

.name{
	font-weight: bold;
	width: 25%;
}

.ad{
	width: 20%;
}

.gs{
	width: 20%;
}

.gs2{
	text-align:left;
}

.gs3{
	text-align:center;
}

address.toiawase{
	width: 100%;
	font-size: 20px;
	font-style: normal;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

.faq{
	width:81%;
	margin:0 auto;
	text-align:center;
}

.faq_q{
	padding:10px 0 5px 0;
	font-weight:bold;
	font-size:xx-large;
	background-color:#F90;
	color:#FFF;
	margin-bottom:15px;
}

.faq_a{
	padding:5px 0 5px 15px;
	font-weight:bold;
	font-size:xx-large;
	margin-bottom:30px;
}
.faq_q_r{
	background-color:#E30213;
}
.faq_q_b{
	background-color:#0097E0;
}

/*20210512用*/
.columm3{
	/*width:800px;*/
	height:auto;
	padding:10px;
	margin:0 auto 15px auto;
	color:#FFF;
}

.nagare h1{
	margin:0 auto 5px;
}
/*20210512用*/

.sanka{
	padding-bottom:10px;
}

.wrap2{
	clear:both;
	border-top:solid 2px #ccc;
}

/*セミナーの案内*/
.seminar{
	display:none;
}

/*就活応援の管理*/
.ouen{
	font-family: 'Jun 501';
}

/*フキダシの管理*/
.balloon{
	position: relative;
/*	display: inline-block;*/
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fff;
	border-radius:10px;
}

.balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}

.balloon p {
	font-size:1.2em;
	margin: 0 20px;
	padding: 0;
	font-family: 'Talking';
}

/****コロナ対策の欄用****/
.covid19 {
	margin: 0 auto 10px;
	text-align: center;
}

.red{
	color: rgb(255,0,0);
}

.seminar_box {
	margin: 0 auto;
	text-align: left;
	padding: 5px 10px;
	width: fit-content;
	border-radius: 10px;
	background: white;
}

.indent_3 {
	text-indent: 3em;
}



/*--------------------------------------------------------------
PC用の設定
--------------------------------------------------------------*/
@media (min-width: 768px) {

/*PCで非表示*/
.sp_br, .sp{display:none;}

	/*PC用追跡リンクの設定*/
	.sticky2 {
		max-width:1000px;
		width:100%;
		text-align:center;
		position:sticky;
		position: -webkit-sticky;
		bottom:80px;
		z-index: 1;
}

    .sticky {
        display: none;
}

/*topへ戻るやつ(PC用)*/
#page-top{
	width:100px;
	height:80px;
	bottom:0;
	right:0;
}
#page-top a{
    border-radius: 50%;
	padding:25px 15px;
}

	.columm{
	width:750px;
	height:150px;
	margin:0 auto 25px auto;
}

	.columm2{
	width:750px;
	height:150px;
	margin:0 auto 25px auto;
}

.so_img{
	float:right;
	width:175px;
	margin:10px;
}
.columm_title{
	position:absolute;
	color:#FFF;
	font-weight:bold;
	font-size:2.5em;
	padding:10px 0 0 10px;
}
.columm_body{
	width:530px;
	position:absolute;
	margin:65px 0 0 10px;
	font-size:1.2em;
	color:#FFF;
}

.columm_body2{
	width:710px;
	position:absolute;
	margin:65px 0 0 10px;
	font-size:1.2em;
	color:#FFF;
}

.s_entry_s, .sticky, .sticky2_green_m, .mobile {
	display:none;
}
	/*リンクの帯の設定(green)*/
.sticky2_green {
/*	background-color:#64b434;*/
	background-color:#EE770F;
	float:left;
	font-size:x-large;
	text-align:center;
	width:48%;
	height:53px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
	padding:12px 0 0 0;
	margin-left:12px;
}

.sticky2_green a{
	display:block;
	text-decoration:none;
/*	color:#FF6;*/
	color:#FFF;
}

/*リンクの帯の設定(pink)*/
.sticky2_pink {
/*	background-color:#EB6AA3;*/
	background-color:#EE770F;
	float:left;
	font-size:x-large;
	text-align:center;
	width:48%;
	height:53px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
	padding:12px 0 0 0;
	margin-left:15px;
}

.sticky2_pink a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

.pre_ul{
	width:50%;
}

/*参加企業表の注釈*/
.sanka_table_info {
	display:none;
}

.toiawase_box {
margin: 30px 0;
}

}

/*--------------------------------------------------------------
スマホ用の設定
--------------------------------------------------------------*/
@media (max-width: 767px) {
/*	
	.main_img {
	width:99.5%;
}
*/

	/*スマホ用追跡リンクの設定*/
	.sticky2 {
		max-width:480px;
		width:100%;
		text-align:center;
		position:sticky;
		position: -webkit-sticky;
		bottom:60px;
		z-index: 1;
}

/*topへ戻るやつ(スマホ用)*/
#page-top{
	width:90px;
	height:150px;
	bottom:10px;
	right:0;
}
#page-top a{
    border-radius: 50%;
	padding:30px 15px;
}

.border {
	width: 99.5% !important;
}

body {
	margin:0 auto;
	padding:0;
/*	background-color:#FCF;*/
	width:100%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #4D4D4D;
}

.plus_option{
	padding-bottom:60px;
}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;
}

#area_nabi{
	list-style-type: none;
	display: block;
/*	width:99%!important;*/
	height:25px;
	padding: 2px;
	margin:0px;
}

.pc, .entry, .pc_br/*, .sticky2_green*/ {
        display: none;
}

.woman01{
	margin:0 0 10px 0
}

.woman02{
	width: 550px;
}

.woman_pic1{
	float:left;
}

.woman_voice{
	max-width:90%;
	font-size:large;
/*	text-align:left;
	margin:0 auto 15px auto;
	border-bottom:solid 2px #00b2c9;*/
}

.woman_voice1{
	max-width:90%;
	font-size:large;
	text-align:left;
	margin:0 auto 15px auto;
	border-bottom:solid 2px #00b2c9;
}

.woman_voice2{
	max-width:90%;
	font-size:large;
	text-align:left;
	margin:15px auto 15px auto;
}

.woman_pic2{
	float:right;
}

/*当日の流れの画像を管理*/
.box{
	width:100%;
}

.box p{
	margin:0!important;
	font-size:large;
}

.nagare_txt{
	width:95%;
	margin-bottom:20px;
}

/*就活応援を管理*/
.pre_ul{
	width:90%;
}


/* 会場情報
********************************** */	


/*開催概要などの帯タイトルの管理*/
.line_location,
.line_location200523{
	width:100%;
/*	background-color: #ec6494;*/
	height:52px;
	margin:0;
	text-align: center;
	margin-bottom: 3%;
}

.line_location200523{
	width:100%;
	background-color: #ec6494;
	height:52px;
	margin:0;
	text-align: center;
	margin-bottom: 3%;
}

.line_location200523{
	background-color: #01B4EE;
}

.line_location200611{
	background-color: #DA5E9D;
}

.line_location200618{
	background-color: #58B530;
}

.font_bold{
	  line-height: 1.8;
}

.location{
	display:inline-block;
	vertical-align:top;
	margin:30px 0 0 0 ;	
}

.location img{
	width:100%;
}

.location_info td{
	padding:2%;
}
.location_info_table_table th{
	width: 20%;
}

.map{
	text-align:center;
	display: block;
	vertical-align:top;
	margin:0 0 65px 0;
	height: 400px!important;
}

.location_span{
	font-weight: bold!important;
	font-size: 20px!important;
}

.woman_span{
	font-weight: bold!important;
	font-size: 14px!important;
}

/***余白用***/
.sp_space {
	margin-top: 260px;
}

.location_info{
	margin: 5% 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.location_info_line{
	float:left;	
	width:5px;
	height:77px;
	margin:5px 0 0 0;
	background-color: #ec6494;	
}

/*.location_info_table table{
	width: 98%;
}


.location_info_table tr{
	vertical-align: top;
}*/

.location_info p{
	margin:0 auto;
	line-height:28px;
}

.location_color{
	font-size: 14px;
	font-weight: bold;
}

.bigmap_link a:link { 
	color: #F19CA7;
	margin:0 0 10px 0;
}

.bigmap_link a:visited { color: #F19CA7; }
.bigmap_link a:hover { color: #F19CA7; }
.bigmap_link a:active { color: #F19CA7; }

.link_school_hp{
	font-size: 16px;
}

.line_join{
	margin-top: 170px!important;
}


/* こみんぐそんのSP用
********************************** */	
.comson_p {
	font-size: 3em;
	padding: 100px 0 100px 0;
}

/* 参加企業のテーブル
********************************** */	

  .table_scroll {
    overflow-x: auto;
  }
  
  .sanka_table {
    min-width: 600px;
  }

.sanka_td{
	padding: 5px;
}

td{
	padding-left:1em;
}
.com_img{
	margin-top: 20px;
	width: 150px;
	margin: 0 auto;
	display: block;
}
.map_hole_left{
	float: none;
/*	width: 90%;*/
	margin: 5px 5px 15px 5px;
	clear: both;
}
.map_hole_right{
	float: none;
	width: 90%;
	margin: 5px;
}

.sanka{
	font-size:12px ;
}

.joyin, .sanka_td{
	font-size:small;
}

/*参加企業表の注釈*/
.sanka_table_info {
	display: block;
	font-size: small;
	margin-left:10px;
	margin-bottom: 20px;
}

.columm{
	width:100%;
	height:170px;
	margin:0 auto 15px auto;
}
.so_img{
	float:right;
	width:170px;
	margin:37px 5px 0 0;
}
.columm_title{
	position:absolute;
	color:#FFF;
	font-weight:bold;
	font-size:1.7em;
	padding:10px;
}
.columm_body{
	width:220px;
	position:absolute;
	margin-top:40px;
	font-size:1em;
	color:#FFF;
	padding:15px 10px;
}

.columm_body2{
	width:95%;
	position:absolute;
	margin-top:50px;
	margin-left:2%;
	font-size:1em;
	color:#FFF;
	line-height:1.2;
}

.columm2{
	width:100%;
	height:130px;
	margin-bottom:15px;
/*	padding: 10px;*/
}

.faq{
	width:100%;
	margin:0 auto;
}

.faq_q{
	padding:5px 10px;
	font-weight:bold;
	font-size:large;
	background-color:#F90;
	color:#FFF;
	margin-bottom:5px;
}

.faq_q_r{
	background-color:#E30213;
}

.faq_a{
	padding:5px 10px;
	font-weight:bold;
	font-size:large;
	margin-bottom:20px;
}

.present_b {
	padding: 20px 0;
}

/*リンクの帯の設定(green)*/
.sticky2_green_m, .sticky2_green {
/*	background-color:#64b434;*/
	background-color:#EE770F;
	float:left;
	font-size:medium;
	text-align:center;
	width:48%;
	height:40px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
	padding:10px 0 0 0;
	bottom:40px;
	margin-left:6px;
}

.sticky2_green_m a, .sticky2_green a{
	display:block;
	text-decoration:none;
/*	color:#FF6;*/
	color:#FFF;
}

/*リンクの帯の設定(pink)*/
.sticky2_pink {
/*	background-color:#EB6AA3;*/
	background-color:#EE770F;
	float:left;
	font-size:medium;
	text-align:center;
	width:50%;
	height:40px;
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
	padding:10px 0 0 0;
}

.sticky2_pink a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

/*20210512用*/
.columm3{
	margin:0 auto 10px;
}

/* スティッキーリンクのSP用
********************************** */
.sticky_btn {
	position: sticky;
	bottom: 10px;
	left: 0;
}
.e_btn {
	width: 90%;
	font-size: 2.0em;
	padding: 10px 0 15px;
	margin: 20px auto;
	text-align: center;
}
.btn_box {
	width: 90%;
	margin: 20px auto;
}
.btn_box a {
	padding: 10px 0 15px;
	font-size: 2.0em;
	line-height: 1.0;
}
}

/* =========================================
   table.php 用の装飾（追加分）
   ========================================= */

/* 基本はPC・スマホ共通の設定 */
.company-table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 20px;
	background: #ffffff;
}

/* スクロールバーのデザイン（Webkit系） */
.company-table-wrapper::-webkit-scrollbar {
	height: 8px;
}
.company-table-wrapper::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

.company-table {
	width: 100%;
	min-width: 600px;
	border-collapse: collapse;
	text-align: left;
}

.company-table th, .company-table td {
	padding: 15px 20px;
	border: 1px solid #ccc; /* すっきりしすぎないように枠線を追加 */
	vertical-align: middle;
}

.company-table th {
	background: #faf3eb; /* 元のデザインに合わせたピンク・オレンジ系の背景色 */
	color: #333333;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

/* 行に色をつけてシマシマにする */
.company-table tbody tr:nth-child(even) {
	background-color: #fcfcfc;
}

/* マウスオーバー時に色を変える（デフォルト） */
.company-table tbody tr:hover {
	background-color: #fdf5f7 !important;
}

/* マウスオーバー時のカラーバリエーション（透明度10% = rgbaのアルファ値0.1） */
.company-table.hover-o tbody tr:hover {
	background-color: rgba(240, 132, 29, 0.1) !important;
}
.company-table.hover-v tbody tr:hover {
	background-color: rgba(156, 62, 99, 0.1) !important;
}
.company-table.hover-b tbody tr:hover {
	background-color: rgba(1, 180, 238, 0.1) !important;
}
.company-table.hover-g tbody tr:hover {
	background-color: rgba(111, 184, 43, 0.1) !important;
}
.company-table.hover-db tbody tr:hover {
	background-color: rgba(0, 64, 152, 0.1) !important;
}
.company-table.hover-p tbody tr:hover {
	background-color: rgba(218, 94, 157, 0.1) !important;
}
.company-table.hover-c tbody tr:hover {
	background-color: rgba(0, 178, 237, 0.1) !important;
}
.company-table.hover-y tbody tr:hover {
	background-color: rgba(255, 220, 0, 0.1) !important;
}

.company-table .col-corp {
	width: 30%;
	font-weight: bold;
}

.company-table .col-corp a {
	color: blue;
	text-decoration: none; /* アンダーラインを削除 */
}

.company-table .col-nursery {
	width: 33%;
}

.company-table .col-link {
	width: 20%;
	text-align: center;
}

.company-table .col-link a {
	color: blue;
	font-weight: bold;
	text-decoration: none; /* アンダーラインを削除 */
}

.company-table td.text-center {
	text-align: center;
}

.table-hint {
	display: block;
	font-size: 0.8rem;
	color: #666666;
	margin-top: 5px;
	text-align: left;
}

/* PCではスクロールヒントを非表示 */
.scroll-hint {
	display: none;
}

/* スマホ用の上書き設定 (table.php専用) */
@media (max-width: 767px) {
	.scroll-hint {
		display: block;        /* スマホでのみ表示 */
		text-align: right;     /* 右寄せ */
		font-size: 0.8rem;
		color: #777;           /* 控えめなグレー色に変更 */
		margin-bottom: 5px;
		margin-right: 15px;    /* 追加: 右端に少し余白を作る */
		font-weight: normal;   /* 太さをノーマルに */
	}
	
	.company-table th, .company-table td {
		padding: 10px;         /* スマホでは少し余白を詰める */
	}

	.company-table-wrapper {
		margin-top: 10px;      /* スマホでのみマージンを10pxに調整 */
	}
}