@charset "UTF-8";

/* 目次 
 * 1. リセット
 * 2. 共通（見出し・テーブル・ヘッダー・フッター・サイド・ボタン）
 * 3. トップページ
 * 4. 初めての方へ
 * 5. インターンシップ
 * 6. 法務派遣
 * 7. 企業のご担当者様へ
 * 8. 個人情報保護等
 * 9. 雛形ダウンロード
 * 10.お問い合わせ　会員登録　セミナー申し込みフォーム
 * 11.サンクス 404
 * 12.就職ノウハウ
 * 13.就活データ
 * 14.インタビュー
 * 15.セミナー
 * 16.紹介可能な求人
 * 17.記事詳細ページ（各single.php）
 * 18.
 * 19.
*/


/**************************************************
/* 1. リセット
***************************************************/

* {margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
html {font-size: 62.5%;}
body {font: normal 1.4rem/1.6 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color: #333;}
table {border-collapse:collapse; border-spacing: 0;}
td,th {padding: 0;}
ul, ol{list-style: none;}
a {text-decoration: none; color: #444;}
a:hover, a:active, a:focus {color: #0096e0;}
img {vertical-align: bottom; border: 0;}
i, cite, em, var, address, dfn {font-style:normal;}
*, *:before, *:after {box-sizing: border-box;}
small { font-size: 80%;}
button,select {text-transform: none;}
.cf:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}
/*IE用*/
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
button {overflow: visible;}
textarea {overflow: auto;}


/**************************************************
/* 2. 共通
***************************************************/
.display_pc { display: block; }
.display_sp { display: none; }

.hamburger {
	display: none !important;
}

body{
	font-family: "游ゴシック",Yu Gothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	color: #333;
}
.blog_font{
  font-family: "メイリオ", Meiryo, "游ゴシック",Yu Gothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 }

article, aside, dialog, figure, footer, header, menu, nav, section, main{
    display: block;
}

ul, ol{
    list-style: none;
}

img{
	width: 100%;
	height: auto;
    vertical-align: bottom;
    border: 0;
}

.container{
	margin-left: 85px;
}

.contents{
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.block{
	margin-bottom: 100px;
}

.outer{
	max-width: 800px;
	margin: 0 auto;
}

.mar-b40{
	margin-bottom: 40px;
}
.mar-t40{
	margin-top: 40px;
}
.mar-b20{
	margin-bottom: 20px;
}
/*------------------------------
float
------------------------------*/
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.clearfix:after{
    content: "";
    height: 0;
    display: block;
    clear: both;
}
/*------------------------------
リスト表示 ※変更不可
------------------------------*/
/* li一行目以降インデント */
ul.indent1>li {
  text-indent: -1em;
  padding-left: 1em;
}
ul.indent2>li {
  text-indent: -2em;
  padding-left: 2em;
}
/*・*/
ul.disc{
  margin-left: 2em;
}
ul.disc>li {
  list-style: disc;
  margin-bottom: 0.5em;
}
/*123*/
ol.decimal{
  margin-left: 2em;
}
ol.decimal>li {
  list-style: decimal;
  margin-bottom: 0.5em;
}
/*abc*/
ol.lower-latin{
  margin-left: 2em;
}
ol.lower-latin>li {
  list-style: lower-latin;
  margin-bottom: 0.5em;
}
/*------------------------------
パンクズ
------------------------------*/
ul.breadcrumbs {
	padding: 20px 0 60px 0;
	text-align: right;
}
ul.breadcrumbs li{
    display: inline-block;
    font-size: 14px;
}
ul.breadcrumbs li a{
    font-size: 14px;
	color: #61c9a5;
}
ul.breadcrumbs li a:hover,
ul.breadcrumbs li a:active{
	color: #61c9a5;
}
ul.breadcrumbs li:nth-of-type(2):before,
ul.breadcrumbs li:nth-of-type(3):before{
    content: ">";
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 14px;
    color: #333;
}

/*------------------------------
h1
------------------------------*/
h1 img{
    display: block;
}

/*------------------------------
h2
------------------------------*/
h2{
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #0096e0;
}

/*------------------------------
h3
------------------------------*/
h3{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #3db2bf;
}
	
/*------------------------------
リンクボタン（more）
------------------------------*/
.more{
	width: 200px;
	height: 40px;
	margin: 0 auto;
}

.more a:hover,
.more a:active{
	opacity: 0.8;	
}
/*------------------------------
リンクボタン（enter）
------------------------------*/
.enter-w{
	display:block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #fff;
}
.enter-w a{
	display:block;
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.enter-w a:hover,
.enter-w a:active{
	color: #0096e0;
	text-decoration: none;
	background-color: #fff;
}
.enter-b{
	display:block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #444;
}
.enter-b a{
	display:block;
	width: 100%;
	color: #444;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.enter-b a:hover,
.enter-b a:active{
	text-decoration: none;
	background-color: #fff;
}
/*------------------------------
ホーム戻るボタン（btn）
------------------------------*/
.btn{
	display:block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.btn:hover,
.btn:active{
	background-color: #fff;
	color: #61c9a5;
}
/*------------------------------
メール送信ボタン（mailbtn）
------------------------------*/
.mailbtn{
	display:block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
}
.mailbtn:hover,
.mailbtn:active{
	background-color: #fff;
	color: #61c9a5;
}

/*------------------------------
リンクテキスト
------------------------------*/
a.link-text{
	text-decoration: none;
	color: #61c9a5;
	font-weight: bold;
}
a.link-text:hover,
a.link-text:active{
    text-decoration: underline;
	opacity: 0.8;
}
/*------------------------------
リンク画像
------------------------------*/
a img:hover,
a img:active{
	opacity: 0.8;
}
/*------------------------------
問い合わせ部分（conta）
------------------------------*/
.conta{
	padding: 50px;
	background-color: #effaf5;
}
.conta p{
	text-align: center;
}
/*------------------------------
リンクボタン（contabtn）
------------------------------*/
.contabtn{
	width: 200px;
	height: 40px;
	margin: 0 auto;
}
.contabtn a:hover,
.contabtn a:active{
	opacity: 0.8;	
}

/*------------------------------
アコーディオンアイコン(＋－) 共通
------------------------------*/
.koza p{
	display:block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	font-style: normal;
	font-size: 16px;
}
.koza p:hover{
	cursor: pointer;
	background-color: #fff;
	color: #61c9a5;
}
.accordion_icon{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon{
	position: relative;
	z-index: 100;
	transform: rotate(0deg);
	top: 32px;
	left: 44%;
}

/*アコーディオン下調整*/
.accordion_1{
	width:100%;
	margin: 0 auto;
}
.accordion_1 .acr_head{
	width: 100%;
	height: auto;
	margin: 0 auto 40px;
	position: relative;
}
.accordion_1 .acr_cnt{
	display: none;
	height:auto;
	margin: 0 auto 40px;
}

/*------------------------------
ブロックバー共通
------------------------------*/
.blockbar:after {
    content: '';
    width: 50px;
    height: 3px;
    margin: 10px auto 10px auto;
    display: block;
    background: #0096e0;
}

/*------------------------------
ブログ詳細ページャー
------------------------------*/
.cnt{
	display: flex;
	justify-content: center;
}
.page-btn{
	display:block;
	width: 80px;
	margin: 20px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.cate-btn{
	display:block;
	width: 200px;
	height: 40px;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	float: left;
}
.page-btn:hover,
.page-btn:active,
.cate-btn:hover,
.cate-btn:active{
	background-color: #fff;
	color: #61c9a5;
}


/*---------------------------------------
ヘッダー
----------------------------------------*/
/* 使わない
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 85px;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 0px 3px #aaa;
	z-index: 10;
}
header .member{
	background-color: #ff9d05;
}
header .logo{
  padding: 10px;
}
header .logo a:hover,
header .logo a:active,
header .member a:hover,
header .member a:active{
	opacity: 0.8;
}
header nav ul li{
	border-bottom: 1px solid #ccc;
}
header nav ul li.recruit a {
    background: url(/images/common/recruit.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.faq a {
    background: url(/images/common/faq.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.interview a {
    background: url(/images/common/interview.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.data a {
    background: url(/images/common/data.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.download a {
    background: url(/images/common/download.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.contact a {
    background: url(/images/common/contact.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}

header nav ul li.recruit a.current,
header nav ul li.recruit a:hover{
    background: url(/images/common/recruit-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.faq a.current,
header nav ul li.faq a:hover{
    background: url(/images/common/faq-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.interview a.current,
header nav ul li.interview a:hover{
    background: url(/images/common/interview-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.data a.current,
header nav ul li.data a:hover{
    background: url(/images/common/data-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.download a.current,
header nav ul li.download a:hover{
    background: url(/images/common/download-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
header nav ul li.contact a.current,
header nav ul li.contact a:hover {
    background: url(/images/common/contact-hov.png)no-repeat;
    height: 75px;
    display: block;
    width: 85px;
    text-indent: -9999px;
}
*/
/*----------------------------------------
フッター
-----------------------------------------*/
.footarea{
	margin-left: 85px;
}
#toTop{
    width: 40px;
	height: 40px;
    margin: 0 auto 40px auto;
}
footer{
	display: block;
	width: 100%;
	padding: 0 0 20px 0;
	background: #d2f0ff url(/resources/images/pc/legalmap/foot-bg.png) no-repeat;
	background-position: bottom right;
}
footer .display_pc{
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}
footer nav ul{
	width: 25%;
	margin: 40px 0;
	float: left;
}
footer nav li a{
	font-size: 14px;
	color: #444;
}
footer nav li a:hover,
footer nav li a:active{
	color: #0096e0;
	text-decoration: none;
}
footer address{
	width: 176px;
	height:auto;
	padding: 0 0 20px;
}
footer .foot-bnr li{
	margin-right: 20px;
	float: left;
}
footer .foot-bnr li a:hover,
footer .foot-bnr li a:active{
	opacity: 0.8;
}

footer .copyright{
	font-size: 12px;
	color: #444;
	text-align: right;
}


/**************************************************
/* 3.　トップページ
***************************************************/
#top .slick-initialized .slick-slide a:hover {
	opacity: 1;
}
#top .mainimg{
	padding-bottom: 100px;
}

/*Legal MAp(con01)*/
#top .con01 .bg-1{
	display: block;
	width: 80%;
	margin-left: 20%;
	padding: 2px;
	background: url(/images/top/bg-1.jpg) no-repeat;
	background-size: cover;

}

#top .con01 .inner{
	display: block;
	padding: 40px 40px 40px 220px;
	background-color: #fff;
}
#top .con01{
	position: relative;
}

#top .con01 .pos01 img{
	width: 380px;
	height: 220px;
	position: absolute;
	top: 30px;
	left: 0;
}

#top .con01 .pos02 img{
	width: 380px;
	height: 220px;
	position: absolute;
	top: 360px;
	left: 0;
}
#top .con01 ol li{
	list-style-type: decimal;
	list-style-position: inside;
}
#top .con01 h2{
	text-align: left;
	margin: 30px 0 10px 0;
}

/*紹介可能な求人(con02)*/
#top .con02 p{
	text-align: center;
}
#top .con02 .clearfix{
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
#top .con02 .slider-carousel li{
	width: 33.333333%;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
}
#top .con02 .slider-carousel li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
#top .con02 .slider-carousel li h3{
	color: #333;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	padding: 10px;
	margin: 0;
}

/*セミナー情報(con03)*/
#top .con03 p{
	text-align: center;
}
#top .con03 .clearfix{
	display: block;
	width: 100%;
	margin-bottom: 40px;
}
#top .con03 .clearfix li{
	width: 33.333333%;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
}
#top .con03 .clearfix li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
#top .con03 .clearfix li h3{
	color: #333;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	padding: 10px;
	margin: 0;
}

/*就職ノウハウ(con04)*/
#top .con04{
	width: 100%;
	background: url(/images/top/fap-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#top .con04 .inner{
	width: 45%;
	padding: 70px 0;
}
#top .con04 .inner h2{
	color: #fff;
}
/*司法試験・予備試験経験者(con05)*/
#top .con05{
	width: 100%;
	background: url(/images/top/legalstaff-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#top .con05 .inner{
	width: 50%;
	margin: 0 auto;
	padding: 70px 0;
}
#top .con05 .inner h2{
	color: #fff;
}
/*未経験から(con06)*/
#top .con06{
	width: 100%;
	background: url(/images/top/legal-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#top .con06 .inner{
	width: 60%;
	margin-left: 40%;
	padding: 90px 0;
}
#top .con06 .inner h2{
	color: #444;
}
/*Intern(con07)*/
#top .con07{
	width: 100%;
	padding: 20px;
	background-color: #51c492;
}
#top .con07 img{
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
	float: left;
}
#top .con07 .inner{
	width: 50%;
	float: left;
}
#top .con07 .inner h2{
	font-size: 40px;
	color: #fff;
	text-align: left;
	margin: 0;
}
#top .con07 .inner h2 span{
	font-size: 18px;
	color: #fff;
}
#top .con07 .inner p{
	color: #fff;
	padding-bottom: 20px;
}
/*Message(con08)*/
#top .con08{
	width: 100%;
	padding: 20px;
	background-color: #6691cc;
}
#top .con08 img{
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
	float: left;
}
#top .con08 .inner{
	width: 50%;
	float: left;
}
#top .con08 .inner h2{
	font-size: 40px;
	color: #fff;
	text-align: left;
	margin: 0;
}
#top .con08 .inner h2 span{
	font-size: 18px;
	color: #fff;
}
#top .con08 .inner p{
	color: #fff;
	padding-bottom: 20px;
}
/*インタビュー＆プロセス(con09)*/
#top .con09{
	width: 100%;
	padding: 50px 30px 0 30px;
	background-image: url(/images/top/bg-2.jpg);
}
#top .con09 .inner{
	padding-bottom: 50px;
}
#top .con09 .inner h2{
	height: 44px;
	text-align: left;
	margin-bottom: 20px;
}
#top .con09 .int h2 img{
	width: 131px;
	height: 44px;
}
#top .con09 .pro h2 img{
	width: 120px;
	height: 44px;
}
#top .con09 .inner .clearfix{
	margin-bottom: 20px;
}
#top .con09 .inner .float-left{
	width: 50%;
}
#top .con09 .inner .float-left.pad{
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
}
#top .con09 .inner .float-left ul li{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #d2f0ff;
}
#top .con09 .inner .float-left ul li a{
	width: 100%;
	font-size: 14px;
}
#top .con09 .inner .float-left ul li img{
	width: 17px;
	height: 20px;
	float: right;
	vertical-align: central;
}

/*お知らせ(info)*/

#top .info{
	width: 100%;
	padding: 50px;
	border: 1px solid #0096e0;

}
#top .info .clearfix{
	padding-bottom: 20px;
}
#top .info dt{
	float: left;
	width: 18%;
	text-align: right;
}
#top .info dd{
	float: left;
	width: 82%;
	padding: 0 0 20px 20px;
}
#top .info dd a:hover,
#top .info dd a:active{
	color: #0096e0;
	text-decoration: underline;
}

/*bnr*/
#top .bnr a{
	width: 33.333333%;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
}


/**************************************************
/* 4.　初めての方へ
***************************************************/
#first .con01 .float-left:first-child{
	width: 35%;
	padding: 0 40px 0 0;
	box-sizing: border-box;
}
#first .con01 .float-left:last-child{
	width: 65%;
}
#first .con02 img{
	display: block;
	max-width: 900px;
	margin: 0 auto;
}
#first .con04 .outer{
	max-width: 310px;
}
/**************************************************
/* 5.　インターンシップ
***************************************************/
#internship .table{
	border: 1px solid #0096e0;
    width: 100%;
}
#internship .table th{
	width: 20%;
	padding: 20px;
	text-align: left;
    font-weight: bold;
    color: #0096e0;
    background: #effaf5;
	border: 1px solid #0096e0;
}
#internship .table td {
	width: 80%;
    padding: 20px;
	background: #fff;
	border: 1px solid #0096e0;
}
#internship .table td span{
	font-weight: bold;
}

#internship .con03 .float-left:first-child{
	width: 50%;
}
#internship .con03 .float-left:last-child{
	width: 50%;
	padding-left: 40px;
}
#internship .con04 .bor{
	padding: 20px;
	border-top: 1px solid #0096e0;
	border-bottom: 1px solid #0096e0;
}
#internship .con04 h3{
	font-size: 18px;
	font-style: normal;
	color: #333;
}
#internship .con04 h3 span{
	padding-left: 10px;
	font-weight: 400;
	color: #333;
}
#internship .con04 .bor-b{
	padding: 20px;
	border-bottom: 1px solid #0096e0;
}
#internship .con04 .accordion_iconbtn{
	padding-top: 20px;
}
#internship .con05 dl{
	padding: 10px 0;
}
#internship .con05 dl:first-child{
	padding-top: 0;
}
#internship .con05 dl:last-child{
	padding-top: 0;
}
#internship .con05 span{
	padding-right: 10px;
	font-weight: bold;
	color: #61c9a5;
}
#internship .con06 .float-left:first-child{
	width: 50%;
	padding-right: 40px;
	box-sizing: border-box;
}
#internship .con06 .float-left:last-child{
	width: 50%;
}
#internship .con06 .float-left iframe{
	width: 100%;
	height: 400px;
}

/**************************************************
/* 6.　法務派遣
***************************************************/
#legalstaff .con02 .float-left,
#legalstaff .con02 .float-right{
	width: 50%;
}
#legalstaff .con02 .float-left img{
	padding-right: 20px;
}
#legalstaff .con02 .float-right img{
	padding-left: 20px;
}
#legalstaff .con03 .float-left{
	width: 50%;
}
#legalstaff .con03 .float-left img{
	padding-left: 20px;
}
#legalstaff .con06 .pad-r{
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}
#legalstaff .con06 .pad-l{
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
}
#legalstaff .con06 .bor{
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
	border: 1px solid #0096e0;
	background: url(/images/legalstaff/ls-bg.png) no-repeat;
	background-position: top left;
}
#legalstaff .con06 .bor h3{
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #444;
}

/**************************************************
/* 7.　企業のご担当者様へ
***************************************************/
#recruiter .con02 ol li{
	list-style-type: decimal;
	list-style-position: inside;
	font-weight: bold; 
}
#recruiter .con03 .float-left{
	width: 50%;
}
#recruiter .con03 img{
	padding-right: 20px;
}
#recruiter .con03 ul li{
	list-style: disc inside;
	font-weight: bold; 
}
#recruiter .con05 p{
	text-align: center;
}
#recruiter .con05 img{
	width: 33.333333%;
	height: auto;
}


/**************************************************
/* 8.　個人情報保護·サイトポリシー·特定商取引·インターン利用規約
***************************************************/
#privacypolicy .link nav{
	margin: 0 auto;
	display: block;
}
#privacypolicy .link ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#privacypolicy .link ul li{
  width: 40%;
  padding: 0 10px;
}
#privacypolicy .link li a{
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #0096e0;
	color: #fff;
	text-align: center;
}
#privacypolicy .block{
	margin-bottom: 0;
	padding-top: 100px;
}
#privacypolicy .contents{
	margin-bottom: 100px;
}
#privacypolicy .adobe-reader{
	display: block;
    width: 224px;
	height: 66px;
	margin-bottom: 40px;
}
#privacypolicy .table{
	border: 1px solid #0096e0;
}
#privacypolicy .table th{
	width: 20%;
	padding: 20px;
	text-align: left;
    font-weight: bold;
    color: #0096e0;
    background: #effaf5;
	border: 1px solid #0096e0;
}
#privacypolicy .table td {
	width: 80%;
    padding: 20px;
	background: #fff;
	border: 1px solid #0096e0;
}
#privacypolicy .table td span{
	font-weight: bold;
}


/**************************************************
/* 9.　雛形ダウンロード
***************************************************/
#download .con01 .outer{
	text-align: center;
}
#download .table{
	border: 1px solid #0096e0;
	width: 100%;
	margin-bottom: 40px;
}
#download .table th{
	width: 20%;
	padding: 20px;
	text-align: left;
    font-weight: bold;
    color: #0096e0;
    background: #effaf5;
	border: 1px solid #0096e0;
}
#download .table td {
	width: 80%;
    padding: 20px;
	background: #fff;
	border: 1px solid #0096e0;
}
#download .table td span{
	font-weight: bold;
}

/**************************************************
/* 10.　お問い合わせ　会員登録　セミナー申し込みフォーム
***************************************************/
#contact span,
#member span,
#seminar-1 span{
	color: #f37519;
}
#contact .mar-b40 p,
#member .mar-b40 p,
#seminar-1 .mar-b40 p{
	text-align: center;
}
/* #mailform */
#mailformpro table{
	width:100%;
    margin: 0;
}
#mailformpro tr{
	width:100%;
    border-bottom: 1px solid #ccc;
}
#mailformpro th{
	width: 30%;
    height: auto;
	padding: 0 40px;
	box-sizing: border-box;
    font-size: 16px;
    color: #0096e0;
    text-align: left;
}
#mailformpro td{
    width: 70%;
    height: auto;
	padding: 20px 40px 20px 0;
	box-sizing: border-box;
    text-align: left;
	font-size: 12px;
}

#mailformpro tr.bor-no{
	border: none;
}
#mailformpro .int th{
	width: 30%;
    height: auto;
	padding: 0 40px;
	box-sizing: border-box;
    font-size: 16px;
    color: #0096e0;
    text-align: left;
}
#mailformpro .int td{
	width: 70%;
    height: auto;
	padding: 20px 40px 20px 0;
	box-sizing: border-box;
    text-align: left;
	font-size: 12px;
}
#mailformpro .w100{
    width: 100%;
    height: 30px;
	padding: 3px;
	box-sizing:border-box;
    font-size: 14px;
    vertical-align: middle;
	padding-left: 10px;
	border:1px solid #0096e0;
}
#mailformpro .w20{
    width: 20%;
    height: 30px;
	padding: 3px;
	box-sizing:border-box;
    font-size: 14px;
    vertical-align: middle;
	padding-left: 10px;
	border:1px solid #0096e0;
}
#mailformpro select{
	width:55%;
    padding: 3px;
    font-size: 14px;
    vertical-align: top;
	border:1px solid #0096e0;
}
#mailformpro textarea{
	width:100%!important;
    padding: 10px;
	box-sizing:border-box;
    font-size: 14px;
    vertical-align: top;
	border:1px solid #0096e0;
}
#mailformpro p{
	text-align: center;
	padding: 20px 0;
}
/*チェックボックス（checkbox）*/
#mailformpro .checkbox{
	width: 20px;
	height: 20px;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
}
/*ラジオボタン（radio）*/
#member table td .radio{
	font-size: 16px;
	color:#444;
	margin-right:10px;
}
#member table td .magazine{
	font-size: 16px;
	color:#0096e0;
}
/*会員登録（table）*/
#member .table{
	border: 1px solid #0096e0;
    width: 100%;
}
#member .table th{
	width: 20%;
	padding: 20px;
	text-align: left;
    font-weight: bold;
    color: #0096e0;
    background: #effaf5;
	border: 1px solid #0096e0;
}
#member .table td {
	width: 80%;
    padding: 20px;
	background: #fff;
	border: 1px solid #0096e0;
}
#member .table td span{
	font-weight: bold;
}

/*サービス利用規約・個人情報の取扱いについて*/
#mailformpro .kiyaku h4{
  text-align: center;
}
#mailformpro .kiyaku .form-pre-submit-info {
  clear: both;
  border: solid 1px lightgray;
  background: #f5f5f5;
  border-radius: 2px;
  padding: 16px;
  font-size: .8em;
  margin-top: 20px;
  height: 20em;
  overflow: auto;
}
#mailformpro .form-pre-submit-info p{
  text-align: left;
  padding: 0;
  margin: 1em 0;
}
#mailformpro .form-pre-submit-info p.ttl{
  font-weight: bold;
  font-size: 1.0em;
}
#mailformpro .form-pre-submit-info p.b{
  font-weight: bold;
}
#mailformpro .form-pre-submit-info p.margin-top{
  margin-top: 2em;
}
#mailformpro .form-pre-submit-info a{
  color: #0096e0;
  word-break: break-all;
}

/**************************************************
/* 11.　サンクス　404
***************************************************/
#404 .con01 .outer p,
#thanks .con01 .outer p{
	text-align: center;
}

/**************************************************
/* 12.　就職ノウハウ
***************************************************/
#faq .contents{
	padding: 0;
}
#faq .breadcrumbs{
	padding: 20px 20px 60px;
}
#faq h3{
	padding: 0 20px 20px;
}
#faq .conall p{
	font-weight: bold;
}
#faq .conall .float-left{
	display: block;
	width: 50%;
	height: 160px;
	padding: 0 20px 40px;
	box-sizing: border-box;
}
#faq .conall .bor{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 1px solid #0096e0;
}
#faq .conall .bor:hover,
#faq .conall .bor:active{
	background-color: #eef9ff;
}

/**************************************************
/* 13.　就活データ 企業法務とは
***************************************************/
#data .contents,
#corporatelegal .contents{
	padding: 0;
}
#data .breadcrumbs,
#corporatelegal .breadcrumbs{
	padding: 20px 20px 60px;
}
#data .conall .float-left,
#corporatelegal .conall .float-left{
	display: block;
	width: 50%;
	height: 160px;
	padding: 0 20px 40px;
	box-sizing: border-box;
}
#data .conall .bor,
#corporatelegal .conall .bor{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 1px solid #0096e0;
}
#data .conall .bor:hover,
#data .conall .bor:active,
#corporatelegal .conall .bor:hover,
#corporatelegal .conall .bor:active{
	background-color: #eef9ff;
}
#data .conall p,
#corporatelegal .conall p{
	font-weight: bold;
	text-align: center;
}
/**************************************************
/* 14.　インタビュー
***************************************************/
#interview .contents{
	padding: 0;
}
#interview .breadcrumbs{
	padding: 20px 20px 60px;
}
#interview .con01 .float-left{
	display: block;
	width: 50%;
	height: 160px;
	padding: 0 20px 40px;
	box-sizing: border-box;
}
#interview .con02 .float-left{
	display: block;
	width: 50%;
	height: 110px;
	padding: 0 20px 40px;
	box-sizing: border-box;
}
#interview .bor{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 1px solid #0096e0;
}
#interview .bor:hover,
#interview .bor:active{
	background-color: #eef9ff;
}
#interview .bor p{
	font-weight: bold;
	text-align: center;
}

/**************************************************
/* 15.　セミナー
***************************************************/
#seminar .bor-b{
	display: block;
	width: 100%;
	height: 100%;
	padding: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
#seminar img{
	width: 100%;
	height: auto;
}
#seminar-1 p.center{
	text-align: center;
}

/*セミナーカレンダー（#calendar）*/
#calendar{
	margin-bottom: 50px;
	padding-top: 0px;
}
#calendar .calendar-title{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #3db2bf;
}
#calendar .calendar-caption{
	width: 100%;
	padding: 5px;
	border-top: 1px solid #0096e0;
	border-right: 1px solid #0096e0;
	border-left: 1px solid #0096e0;
	box-sizing:border-box;
	background-color: #effaf5;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .header-row th{
	padding: 5px;
	box-sizing:border-box;
	border: 1px solid #0096e0;
	background-color: #effaf5;
	font-size: 14px;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .week-row td{
	padding: 5px;
	box-sizing:border-box;
	border: 1px solid #0096e0;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .monthly-prev-next .no-link{
	color: #444;
}
#calendar .monthly-prev-next .monthly-next a,
#calendar .monthly-prev-next .monthly-prev a{
	color: #61c9a5;
}
#calendar .monthly-prev-next .monthly-next a:hover,
#calendar .monthly-prev-next .monthly-next a:active,
#calendar .monthly-prev-next .monthly-prev a:hover,
#calendar .monthly-prev-next .monthly-prev a:active{
	text-decoration: underline;
}

#calendar .mtssb-timetable-link{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .mtssb-timetable-link .mtssb-timetable-name{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #3db2bf;
}
#calendar .mtssb-timetable-link .mtssb-timetable-date{
	width: 100%;
	padding: 5px;
	box-sizing:border-box;
	border-top: 1px solid #0096e0;
	border-right: 1px solid #0096e0;
	border-left: 1px solid #0096e0;
	background-color: #effaf5;
	font-size: 18px;
	font-weight: bold;
	color: #444;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .mtssb-timetable-link .day-left,
#calendar .mtssb-timetable-link .day-right{
	padding: 5px;
	border-radius: 0;
	border: 1px solid #0096e0;
	font-size: 16px;
	font-weight: bold;
	border-collapse: collapse;
    border-spacing: 0;
}
#calendar .mtssb-daily-action button{
	display:block;
	width: 160px;
	height: 30px;
	margin: 30px auto;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
#calendar .mtssb-daily-action button:hover,
#calendar .mtssb-daily-action button:active{
	background-color: #fff;
	border: 1px solid #61c9a5;
	color: #61c9a5;
}

/*セミナー予約フォーム（#booking-form）*/
#booking-reservation-fieldset legend{
	font-size: 18px;
}

#booking-reservation-fieldset th{
	width: 30%;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
	border: 0;
    font-size: 16px;
	font-weight: bold;
    color: #0096e0;
    text-align: left;
}

#booking-reservation-fieldset td{
	width: 70%;
    height: auto;
	padding:0;
	border: 0;
	font-size: 16px;
	font-weight: bold;
}

#booking_client-fieldset legend{
	font-size: 18px;
}
#booking_client-fieldset th{
	width: 30%;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
	border: 0;
    font-size: 16px;
	font-weight: bold;
    color: #0096e0;
    text-align: left;
}
#booking_client-fieldset th label{
    color: #0096e0;
}

#booking_client-fieldset td{
	width: 70%;
    height: auto;
	padding:0;
	border: 0;
	font-size: 16px;
	font-weight: bold;
}
#booking_client-fieldset .booking-seimei{
	font-size: 14px;
}
#booking_client-fieldset .content-text{
	margin-bottom: 5px;
	border: 1px solid #0096e0;
	font-size: 14px;
}
#booking_client-fieldset .content-text.small-medium{
	width: 35%;
	margin-bottom: 5px;
	border: 1px solid #0096e0;
	font-size: 14px;
}
#booking_client-fieldset .content-text.medium{
	width: 50%;
}
#booking_client-fieldset td span{
	display:block;
	font-size: 14px;
	font-weight: normal;
}

#booking-message-fieldset legend{
	font-size: 18px;
}
#booking-message-fieldset th{
	width: 30%;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
	border: 0;
    font-size: 16px;
	font-weight: bold;
    color: #0096e0;
    text-align: left;
}
#booking-message-fieldset th label{
    color: #0096e0;
}
#booking-message-fieldset td{
	width: 70%;
    height: auto;
	padding:0;
	border: 0;
	font-size: 16px;
	font-weight: bold;
}
#booking-message-fieldset td #booking-note{
	border: 1px solid #0096e0;
	font-size: 14px;
}
#action-button button{
	display:block;
	width: 200px;
	height: 40px;
	margin: 40px auto;
	border: 1px solid #61c9a5;
	background-color: #61c9a5;
	color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
#action-button button:hover,
#action-button button:active{
	background-color: #fff;
	border: 1px solid #61c9a5;
	color: #61c9a5;
}

/**************************************************
/* 16.　紹介可能な求人
***************************************************/
#recruit .con01 .float-left{
	display: block;
	width: 100%;
	height: 250px;
	padding: 0 0 40px 0;
	box-sizing: border-box;
}

#recruit .bor{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 1px solid #0096e0;
}
#recruit .bor:hover,
#recruit .bor:active{
	background-color: #eef9ff;
}
#recruit .bor .f-leftw30{
	width: 30%;
	height: 100%;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	float: left;
}
#recruit .bor .f-leftw70{
	width: 70%;
	float: left;
}
#recruit .bor span{
	font-weight: bold;
}
#recruit .bor .f-leftw70 p:first-child{
	padding-bottom: 20px;
}



/*検索用*/

#recruit.recruit2 .bor .f-leftw70{
	width: 100%;
	float: none;
}
#recruit.recruit2 .con01 .float-left{
	height: auto;
}

#search{
	margin: 50px 0;
}


/**************************************************
/* 17.　記事詳細ページ（各single.php）
***************************************************/
#faq-1 .green{
	padding-right: 10px;
	font-weight: bold;
	color: #3db2bf;
}
#interview-1 .bor{
	margin: 40px 0;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#interview-1 .bor p{
	margin: 20px;
}
#seminar-1 .bor p,
#recruit-1 .bor p{
	margin: 20px;
}
#seminar-1 .table,
#recruit-1 .table{
	border: 1px solid #0096e0;
    width: 100%;
}
#seminar-1 .table th,
#recruit-1 .table th{
	width: 20%;
	padding: 20px;
	text-align: left;
    font-weight: bold;
    color: #0096e0;
    background: #effaf5;
	border: 1px solid #0096e0;
}
#seminar-1 .table td,
#recruit-1 .table td{
	width: 80%;
    padding: 20px;
	background: #fff;
	border: 1px solid #0096e0;
}
#recruit-1 .con02 li{
	list-style-type: decimal;
	margin: 0 0 10px 20px;
}
#recruit-1 .con02 li span{
	font-weight: bold;
}
#recruit-1 .con03 .pad-l,
#recruit-1 .con04 .pad-l{
	padding-left: 50px;
}
#recruit-1 .red{
	color:  #f37519;
}
#recruit-1 .con06 li{
	list-style-type: disc;
	margin: 0 0 10px 20px;
}
#recruit-1 .con06 li{
	list-style-type: disc;
	margin: 0 0 10px 20px;
}

/**************************************************
/* 18. お知らせ一覧
***************************************************/
#infoList li{
	width:100%;
	padding: 20px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}
#infoList li .up_ymd{
	padding-right: 10px;
}
.tablenav{
	margin: 60px auto 100px auto;
    text-align: center;
	line-height: 2em;
}

.tablenav .next, .tablenav .prev{
	background-color: #fff;
	color: #444;
	padding: 8px 10px;
    font-size: 16px;
    font-size: 1.5rem;
}
a.page-numbers, .tablenav .current{
	padding: 8px 10px;
    border: solid 1px #61c9a5;
    border: 0 none;
    background-color: #61c9a5;
	color: #fff;
    font-size: 16px;
    font-size: 1.5rem;
    font-weight: bold;
}