
@charset "UTF-8";


/* ---------------------------- ↓共通ID・クラス・指定 ---------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,header,footer,article,section,nav,hgroup,aside {margin:0; padding:0; font-size:100%;}h1,h2,h3,h4,h5,h6 {font-weight: normal;}
table { }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none; list-style-position:outside;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
img{vertical-align:bottom;}
html {height:100%;}
em {font-weight:bold;}

/* リンク */
a:link {
	color:#069;
	text-decoration:none
}

a:visited {
	color:#069;
	text-decoration:none
}

a:active {
	color:#069;
	text-decoration:none
}

a:hover {
	color:#4db5d3;
	text-decoration:underline
}

a.arrow {
	margin:0;
	padding:0 0 0 12px;
	background:url(/wp-content/themes/theme/images/arrow.gif) no-repeat 0 0
}

a {
	outline:none
}

a:hover img {
	opacity:.65;
	filter:alpha(opacity=65);
	-ms-filter:"alpha( opacity=65 )";
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s
}

#main h2 {
	border-top:3px solid #2A5CAA;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:15px;
	font-size:24px;
	font-weight:bold;
	margin:20px 0 30px;
	line-height: 120%;

}

#main h3 {
	font-size:18px;
	border-left:4px solid #2A5CAA;
	border-bottom:1px dotted #999;
	padding:5px 0 8px 15px;
	margin:30px 0 20px 10px
}

#main h4 {
	color:#2A5CAA;
	font-size:18px;
	font-weight:700;
	margin:10px 0 10px 10px
}

#main h5 {
	font-size:18px;
	font-weight:400;
	background:url(/wp-content/themes/theme/images/icon_ring.gif) no-repeat;
	padding:0 0 0 20px;
	margin:10px 0 10px 10px
}


#main p {
	line-height:1.4;
	margin:0 0 20px 10px
}

#main p.h_blue {
	color:#2A5CAA;
	font-size:130%;
	line-height:1.7
}

#main p.blue_box {
	background:#E0F1FB;
	padding:15px;
	clear:both
}


/****clearfix****/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.clearfix {
	display:inline-block
}

/* Hides from IE-mac*/
*html .clearfix {
	clear:both;
	height:1%
}

.clearfix {
	display:block
}

/* End hide from IE-mac */
/*画像回り込みCSS */
.centered {
	display:block;
	margin-left:auto;
	margin-right:auto
}

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}

.alignright {
	float:right;
	margin:0 0 10px 10px;
	display:inline
}

.alignleft {
	float:left;
	margin:0 10px 10px 0;
	display:inline
}

.fee-hover-container button {
	padding:12px 13px 13px
}

#wp_page_numbers {
	background:none
}

/* ボタン */
.css_btn_class {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	background-color:;
	color:#fff !important;
	display:inline-block;
	text-decoration:none !important;
	font-weight:bold;
}.css_btn_class:hover {
	background-color:#fff;
	color: !important;
	border:1px solid ;
}.css_btn_class:active {
	position:relative;
	top:1px;}

/* キャプション付イメージ */
.wp-caption {
text-align: center;
padding: 5px;
margin: 5px 15px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display:inline-block;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0 !Important;
}

#foot_banner{ float:left;
	
}
#foot_banner li{ float:left; list-style:none; margin:10px;
}



@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ---------------------------- ↑共通ID・クラス ---------------------------- */
/* ---------------------------- ↓全ページ共通の枠組み指定 ---------------------------- */
body {
	margin:0 auto;
	padding:0;
	font-family: "Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	font-size:14px;
	line-height:1.6;
	*font-size:small;
	*font:x-small;
	line-height:1;
    background-color: #efebdc;
	color:#333;
}

#main{
	font-size:16px;
	line-height:22px;
	padding-top: 130px;

}


#main table {
	border-collapse:collapse;
	margin:10px 0 0 10px;
}

#main table th {
	background:#efefef;
	border:solid 1px #ccc;
	text-align:center;
	padding:9px; white-space:nowrap;
}

#main table td {
	background:#fff;
	border:solid 1px #ccc;
	padding:9px
}

#main table p {
	margin:0;
	padding:0
}

#main input ,#main select,#main textarea{
	border:0;
padding:5px;
font-size:1.2em;
font-family:Arial, sans-serif;
color: #1F1F1F;
border:solid 1px #ccc;
margin:5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

	}
#main input:focus {
    border:solid 1px #EEA34A;
}

.font_dred{color:#D00003}

#main .wdt050{ width:50px;}
#main .wdt100{ width:100px;}
#main .wdt150{ width:150px;}
#main .wdt200{ width:200px;}
#main .wdt250{ width:250px;}
#main .wdt300{ width:300px;}
#main .wdt350{ width:350px;}
#main .wdt400{ width:400px;}

/* --------------header-------------- */
header {
	width:100%;
	margin:0;
	padding:0;
}

#header {
	width:960px;
	margin:0 auto;
	padding:10px 0 25px;

}

#headerBG{
  -webkit-box-shadow: 0 6px 15px -6px #DFDFDF;
  -moz-box-shadow: 0 6px 15px -6px #DFDFDF;
  box-shadow: 0 6px 15px -6px #DFDFDF;
  z-index: 100;
  position: fixed !important;
  position: absolute;
  width: 100%;
  background-color: #FFF;
  height: 110px;
}

#logo {
	margin:0;
	padding:13px 0 0;
	float:left;
	font-size: 32px;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
}

#logo_title {
	position:absolute;
	top:60px;
	padding-left: 3px;
	font-size:18px;
	color:#787878;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}

#logo a {
	margin:0;
	padding:0;
	color: #787878;
}

#logo img {
	width:60%;
	height:60%
}

#headerR {
	width:670px;
	margin:0;
	padding:0;
	float:right
}

#headerBlock01 {
	width:660px;
	margin:0;
	padding:10px 0 0
}

#search-box {
	width:660px;
	clear:both;
	margin:10px 0 0 0;
	padding:0
}

#search-box table {
	width:150px;
	float:right
}

#searchText {
	width:120px;
	height:18px;
	padding:0;
	margin:0;
	border:1px solid #ccc
}

#searchSubmit {
	border:none;
	margin:0;
	padding:0;
	background:url(/wp-content/themes/theme/images/btn_search.gif) no-repeat;
	width:23px;
	height:20px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	cursor:pointer
}

#headerNavi {
	margin:0;
	padding:15px 0 0;
	clear:both
}

#headerNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right
}

#headerNavi li {
	margin:0 0 0 15px;
	padding:0;
	line-height:1;
	font-size:100%;
	font-weight:700;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top
}

#headerNavi li a {
	margin:0;
	padding:0 0 2px;
	color:#000;
	text-decoration:none
}

#headerNavi li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #666
}



/* --------------pageTitle-------------- */
#pageTitle {
	clear:both;
	margin:0;
	padding:18px 0;
	background:#09c
}

#pageTitle h1 {
	width:960px;
	margin:0 auto;
	padding:0
}

#banner{
	text-align: center;
	margin:10px 0;
}

/* --------------breadcrumb（パンくずリスト）-------------- */
#breadcrumbs {
		font-size:12px;
	margin:0;
	padding:0;
}




/* --------------pagetop-------------- */
.pagetop {
	clear:both;
	line-height:0;
	font-size:0;
	width:960px;
	margin:0 auto;
	padding:50px 0 8px;
	text-align:right
}

.pagetop a {
	margin:0;
	padding:0
}



/* --------------footer-------------- */
#footerBg {
	min-width:960px;
	clear:both;
	margin:0;
	padding:0;
	background:#777
}

#footer {
	width:960px;
	margin:0 auto;
	padding:40px 0
}

#footer div.sitemapTop {
	width:70px;
	margin:0;
	padding:0;
	float:left
}

#footer div.sitemap {
	width:180px;
	margin:0;
	padding:0;
	float:left
}

#footer h2 {
	margin:0;
	padding:0 0 0 10px;
	font-size:93%;
	line-height:2
}

#footer h2 a {
	color:#fff
}

#footer ul {
	margin:0;
	padding:15px 0 0 10px
}

#footer ul li {
	font-size:85%;
	line-height:1.7;
	margin:0;
	padding:0;
	list-style-type:none
}

#footer ul li a {
	margin:0;
	padding:0 0 0 10px;
	color:#fff;
	background:url(/wp-content/themes/theme/images/arrow01.png) no-repeat 0 2px
}

#foot_banner{
	 float:left; width:600px;
	
}
#foot_banner ul li{ float:left; list-style:none; padding:5px 10px !important;
}

#foot_banner ul li a{ background:none !important;
}


/* コピーライト */
#copyrighy {
	min-width:960px;
	clear:both;
	margin:0;
	padding:15px 0;
	text-align:center;
	background:#333
}

/* ---------------------------- ↑全ページ共通の枠組み指定 ---------------------------- */
/* ------------------------------↓レイアウトカスタマイズ------------------------------ */





.font_dred{color: #d80000}



/* ----------------（サブページ）---------------- */
#contents {
	width:960px;
	margin:0 auto
}

#main li{ list-style: disc; margin-left: 2em;
}

#main {
	margin:5px auto 50px
}

.main_right {
	width:680px;
	float:left;
	margin:0 0 50px
}

.main_left {
	width:680px;
	float:right;
	margin:0 0 50px
}





/* ----------------（Navigatorランディングページ）---------------- */
#landingpage {
	background-color: #efebdc;
	overflow: hidden;
}
.landingblock {  }
.landingblock .edit_link { 
	text-align: center;
	display: inline-block;
	background-color:rgba(118,200,136,0.6);
	padding: 15px 30px;
}
#landingpage .h2block { 
	background-color: #dfdbcd;
	height: 82px;
}
#landingpage h2 { 
	color: #000;
	/*width: 996px;*/
    margin: 0px auto 0;
    font-size: 32px;
    font-weight: bold;
    padding: 30px 0;
    text-align: center;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 100;
    background-color: #dfdbcd;
    margin: 10px 0 60px;
}
#landingpage h3 { 
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 300;
    line-height: 1.3em;
    color: #000;
    font-size: 26px;
    text-align: center;
    margin: 0px auto 0;
}
#landingpage h4 { 
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 400;
    width: 760px;
    line-height: 1.3em;
    color: #000;
    font-size: 24px;
    margin: 40px auto 15px;
}

.landingblock section p {
	width: 760px;
	margin: 0 auto 25px;
	font-size: 19px;
	line-height: 34px;
	letter-spacing: 0.05em;
}
#landingpage img { 
	display: block;
    margin: 0 auto 50px;
}
#landingpage ul { 
	width: 760px;
	margin: 30px auto 50px;
}
#landingpage ul li {
	list-style: disc;
	list-style-position: outside;
	font-size: 18px;
    line-height: 1.3em;
    margin: 25px 0 0px 85px;
}
#landingpage .snsblock { width: 760px; height: 500px; margin: 0 auto 0; clear:both; }
#landingpage .snsblock .twitter { float: left; }
#landingpage .snsblock .fb-page { float: right; }
#landingpage .gallery {	width: 780px;}
#landingpage .gallery img {	border: none !important;}
#landingpage .gallery dd.gallery-caption { 
	background-color: #fff;
	display: inline;
    padding: 10px 20px;
    position: relative;
    top: -50px;
    color: #bb3e3e;
    font-weight: bold;
    font-size: 16px;
}
#landingpage #sb_instagram { 
	width: 990px !important;
}
#landingpage .su-tabs { 
	width: 990px;
	margin: 60px auto 60px;
}
#landingpage .su-tabs-pane { padding: 20px 75px 0px; }
#landingpage .su-tabs-pane table {width: 100%;}
#landingpage .su-tabs-nav span { 
	font-size: 16px;
	letter-spacing: 0.1em;
}
#landingpage .su-tabs-panes th { 
	font-size: 22px;
	letter-spacing: 0.1em;
	padding: 30px 40px 30px 30px;
	width: 115px;
	white-space: nowrap;
	border-bottom: solid 1px #c9caca;
}
#landingpage .su-tabs-panes td { 
	font-size: 18px;
	border-bottom: solid 1px #c9caca;
}

#landingpage .survey { 
	width: 920px;
	margin: 0 auto 90px;
}
.landingblock section .interviewee {
	width: 825px;
    margin: 0 auto 0;
    height: 0;
}
.landingblock section p.intervieweeblock {
	display: inline-block;
	position: relative;
	top: -540px;
	background-color: #fff;
	width: 230px;
	padding: 80px 5px;
	font-size: 17px;
	text-align: center;
	border-radius: 125px;  
    -webkit-border-radius: 125px; 
    -moz-border-radius: 125px; 
}
.landingblock section p.intervieweeblock .senpai {
	font-size: 21px;
	color: #bb3e3e;
}
#landingpage .support {
	font-family: 'Noto Sans Japanese', sans-serif;
	width: 810px;
	margin: 75px auto 100px;
}
#landingpage .support p {
	text-align: center;
	font-size: 20px;
	margin-bottom: 45px;
}
#landingpage .support p a {
	background-color: #3cb155;
	padding: 15px 40px;
	color: #fff;
}
#landingpage .support p a:hover {
	background-color: #76c888;
	text-decoration: none;
}

#landingpage #foto_slider_staffinterview {
	background-color:transparent !important;
	margin: 0 auto 0;
}
#landingpage #foto_slider_staffinterview img {
	border: none !important;
}
#landingpage #foto_slider_staffinterview .smooth_slideri span {
    line-height: 34px !important;
    letter-spacing: 0.05em !important;
   font-family: "Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif !important;
}

.landingfoot #footer {
	width: 100% !important;
	background-color: #54585b;
	padding: 20px 0 15px;
}
.landingfoot #footer_area {
	width: 775px;
    margin: 0 auto 0;
    color: #fff;
}
.landingfoot #footer_area .footer_sitename {
	padding: 0;
	font-size: 150%;
	letter-spacing: 0.15em;
}
.landingfoot #footer_area .footer_text01 { font-size: 17px; margin-bottom: 30px; }
.landingfoot #footer_area .footer_text { font-size: 12px; line-height: 1.5em; margin-bottom: 30px; }
.landingfoot #footer_area .address { text-align: center; font-size: 8px; } 




/* ----------------（サイドメニュー）---------------- */

#side_menu {
	width:260px;
	margin:20px 0 40px;
	padding-top: 122px;
}
.side_left {
	float:left
}
.side_right {
	float:right
}
#side_menu ul {
	margin:0 0 20px;
	padding:0
}
#side_menu ul li {
	width:260px;
	list-style:none
}
#side_menu ul li:last-child {
	border-bottom:solid 1px #ededed
}

#side_menu ul li a {
	display:block;
	font-size:14px;
	width:223px;
	background:url(/sd/wp-content/themes/theme/images/side_arrow.gif) 5% 50% no-repeat;
	border-top:solid 1px #ededed;
	border-left:solid 1px #ededed;
	border-right:solid 1px #ededed;
	padding:20px 0 18px 35px;
	margin:0
}

#side_menu ul li a:hover {
	text-decoration:none
}

#side_menu .banner ul li a {
	list-style:none;
	font-size:14px;
	width:260px;
	background:none;
	border:none;
	padding:0;
	margin:10px 0
}

#side_menu .banner ul li:last-child {
	border:none
}

#mobile,#sidr {
	display:none;
	width:0;
	margin:0;
	padding:0;	
}

.newsletter{ padding:20px; border-bottom:#CDCDCD 1px dotted;	
}

/*共通パーツ*/

.all10{ margin:10px;	
}

.T10{margin-top:10px;}
.T20{margin-top:20px;}
.T30{margin-top:30px;}

.L10{margin-left:10px;}
.L20{margin-left:20px;}
.L30{margin-left:30px;}

.R10{margin-right:10px;}
.R20{margin-right:20px;}
.R30{margin-right:30px;}

.B10{margin-bottom:10px;}
.B20{margin-bottom:20px;}
.B30{margin-bottom:30px;}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

/*ページネーション*/
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/*セミナー個別ページ*/
#seminar_contents div div{
margin-left:20px;
}

/*セミナーフォーム*/
div .wpcf7{
  margin: 20px 30px !Important;
}
.wpcf7 label{
	font-weight: bold;
}

.wpcf7 .controls{
	font-size: 90%;
  color: #155779;
}

.wpcf7 .form_group{
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.wpcf7 input{

}

.wp-pagenavi{
	  text-align: center;
  margin: 20px;
}
#breadcrumbs,#headerR,#group,#footerBg,#side_menu{
	display:none;
}
.main_left,.main_right{width:95%;}