@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	zoom: normal;
}

/* SmartPhone  */
@media screen and (max-width:767px) { 
html{
	font-size: 100%; 
}
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) { 
html{
	font-size: 100%; 
}
}
/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {
html{
	font-size: 100%;
}
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6, div, ul, li, p, img, td, tr, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
}
ul, li {
	list-style-type: none;
}

img, img a {
	margin: 0;
	border: none;
}
a {
	outline:none;
}
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #3399cc;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

h1 {
	border-left: #153894 10px solid;
	padding: 5px 0 0 0.5rem!Important;
	color: #ffffff;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #4aacc5;
	line-height: 2.8rem;
	/*min-height: 3.2rem;*/
	margin-bottom: 20px;
}

h1 a{
	color:#ffffff!Important;
	margin-top:20px!Important;
}
h2 {
	border-bottom: 1px #4aacc5 solid;
	padding-left: 0.5rem;
	color: #153894;
	text-align: left;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.6rem;
	min-height: 2.6rem;
	margin-top: 30px;
	margin-bottom: 20px;
}
h2 a:link, h2 a:visited, h2 a:active {
	text-decoration: none;
	color: #153894;
}
h2 a:hover {
	text-decoration: underline;
}
h3 {
	background: url(../img/h3.jpg) left 8px no-repeat;
	padding-left: 1.5rem;
	color: #153894;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.3rem;
	min-height: 2.3rem;
	margin-top: 30px;
	margin-bottom: 20px;
}

.inner{
	max-width:1065px;
	margin:0 auto;
}
/* 文字の折り返し位置指定	*/
.wsnw { white-space:nowrap; }


.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

@media screen and (max-width:767px) {
	.alignleft{
		display: block;
		margin: 0 auto;
		float:none;
	}
}

/**********/
/* header */
/**********/
header {
	padding-bottom: 20px;
}
header h1,
header p {
    border:none;
	color: #003399;
	text-align: left;
	font-size: 12px;
	line-height: 1;
	font-weight: normal;
	background: none;
	min-height: 100%;
	margin: 0;
	margin-top: 5px;
	margin-left: 6px;
	padding: 0;
}

header .logo-img,
header .tel-img,
header .toi-img,
header .mtel-img,
#switch{
	text-align:center;
}
header .logo-img img,
header .tel-img img,
header .toi-img img,
header .mtel-img img,
#switch img{
	max-width:100%;
	height:auto;
}
header .logo-img a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


/* SmartPhone  */
@media screen and (max-width:767px) {
#switch {
	padding-top: 5px;
}
header .tel-img img {
}
header .mtel-img img{
}
h1{
	font-size:1.4em!Important;
	line-height:1.8em;
}
}


/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) {}



/**************/
/* navigation */
/**************/
nav .nav-bg {
	background-color: #b7dee8;
}

.col-sm-1-7 {
    width: 14.28%;
	float:left;
}   

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav ul>li {
	float:left;
	margin:0;
	padding:0;
}
nav ul>li img{
	width:100%;
	height:auto;
	
}
nav ul li a {
	margin: 0;
}


nav a>img{
}
nav li dl {
	margin: 0;
	padding: 0;
}
nav li dl dd {
	z-index:1000;
	position:absolute;
	display:none;
	overflow:hidden;
	opacity:0;
}
nav li dl dd ol {
	border:solid #cccccc;
	border-width:0 1px 0 1px;
	list-style:none;
}

nav li dl dd ol li {
	float:none;
	margin:0px;
	padding:10px;
	background-color:#fff;
	border-bottom:1px solid #cccccc;
	line-height:18px;
	font-size:18px;
	background-color:#efefef;
}

nav li dl dd ol li a{
	text-decoration:none!Important;
	color:#434DA4!Important;

}

nav li dl dd ol li a:hover{
	color:#58B2CA!Important;

}

nav ul:after{
	content: "";
	display: block;
	clear: both;
}
#tab-menu {
	display:none;
}

/* SmartPhone  */
@media screen and (max-width:767px) {

#tab-menu {
	display:block;
}

#tab-nav {
	display:none;
}

#tab-nav ul {
	margin:0;
	padding:0;
}

#tab-nav .menu li {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	}

#tab-nav .menu li a {
	width:auto;
	display:block;
	background-color:#4aacc5;
	position:relative;
	padding:12px 0px 10px 20px;
	border-bottom:1px solid #FFF;
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	line-height:120%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","typesquare", sans-serif !important;
	box-sizing:border-box;
}

#tab-nav .sub-menu li a {
	width:auto;
	display:block;
	background:#67b9ce;
	position:relative;
	padding:12px 0px 10px 40px;
	border-bottom:1px solid #FFF;
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	line-height:120%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","typesquare", sans-serif !important;
}

#tab-nav .sub-menu ul li a {
	width:auto;
	display:block;
	background:#b7dee8;
	position:relative;
	padding:12px 0px 10px 60px;
	border-bottom:1px solid #FFF;
	color:#4aacc5;
	text-align:left;
	text-decoration:none;
	font-size:16px;
	line-height:120%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","typesquare", sans-serif !important;
}

#tab-nav .main li a:hover {
	opacity:0.7;
}
		
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) {}





/****************/
/* header image */
/****************/
/* SmartPhone  */
@media screen and (max-width:767px) {}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) { }



/****************/
/* content		*/
/****************/
.contents{
	padding:40px 0 30px; 
}

/* 既存のテーブル幅を可変にする*/
#content table {
  max-width: 100%;
}
/* 既存のイメージ幅を可変にする*/
#content img {
  display: block;
  height: auto;
  max-width: 100%;
}

.contents ul.list{
	margin-top:30px;
}

.contents ul.list li{
	font-size:16px;
	list-style:disc outside;
	margin-left:20px;
	margin-bottom:5px;
}





/* SmartPhone  */
@media screen and (max-width:767px) {
.contents{
	padding:20px 0  30px; 
}
	
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) { }




/****************/
/* sidebar		*/
/****************/
aside#sidebar{
	padding: 20px 0 30px;
}
#sidebar .side_link {
	text-align: center;
}
#sidebar .side_link li{
	padding: 0 10px;
	width: 25%;
	float: left;
}
#sidebar .side_link li img{
	max-width: 100%;
	height:auto;

}
#sidebar h2.widgettitle{
	display:none;
}
#sidebar .side_link ul:after {
	content: "";
	display: block;
	clear: both;
}

/* SmartPhone  */
@media screen and (max-width:767px) {
#sidebar .side_link li{
	width: 100%;
	margin-bottom: 10px;
}
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) { }




/****************/
/* footer		*/
/****************/
footer{
	background-color: #e4e4e4;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}

footer .logo-img {
	margin: 0 30px; 
}
footer .logo-img img{
	max-width:100%;
	height:auto;
}
footer .foot-address{
	margin: 32px 0 0 40px;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

footer .foot-contact{
	margin: 10px 0 0 40px;
}

#foomenu-box {
	padding:0px 0px 0px 0px;
	text-align:left;
}
#foomenu-box h5 {
	font-size:14px;
	padding:0px 0px 0px 0px;
	line-height:2em;
}

#foomenu-box p {
	font-size:12px;
	padding:0px 0px 0px 10px;
	line-height:2em;
}

#foomenu-box h5 a,
#foomenu-box p a{
	color:#333333!Important;
	text-decoration: none;
}
#foomenu-box h5 a:hover,
#foomenu-box p a:hover{
	font-weight: bold;
	text-decoration: underline;
}

footer ul li.copy{
	padding:20px 0px 0px 0px;
	line-height:2em;
	text-align:center;
	font-size:12px;
	color:#666;
	}

/* SmartPhone  */
@media screen and (max-width:767px) {
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width:992px) {}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width:1200px) { }




/* layout */

.mt10,
img.mt10 {
	margin-top:10px;
}

.mt20,
img.mt20 {
	margin-top:20px;
}
.mt30,
img.mt30 {
	margin-top:30px;
}

.mt40,
img.mt50{
	margin-top:40px;
}

.mt50,
img.mt50{
	margin-top:50px;
}

p{
	font-size:1rem;
	line-height:170%;
	color:#333333;
}

.entry-meta{
	margin-bottom: 10px;
	color:#333333;
}
.entry-content,
.entry-summary{
	padding: 0 0 30px;
}
.entry-footer{
	margin-top:10px;
	font-size:90%;
	margin-bottom:30px;
	border-top:1px solid #cccccc;
	padding-top:5px;
}



.waku {
	margin: 20px 0 20px 0px;
	padding: 20px;
	border:1px solid #4aacc5;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.waku ul {
	margin-left: 20px;
	list-style-type: none;
	
}
.waku li {
	margin: 10px 0px;
	position: relative;
}
.waku li:before {
  	content: "";
  	border: solid transparent;
  	display: inline-block;
  	position: absolute;
  	border-width: 5px;
  	border-left-color: #4aacc5;
  	margin-top: 5px;
  	left: -14px;
}
.waku li a {
	color: #333333;
	text-decoration: none;
}
.waku li a:hover {
	text-decoration: underline;
}
.strong_pink{
	color: #cc3399;
	font-weight: bold;
}
.strong_blue{
	color: #153894;
	font-weight: bold;
}

/* back to top*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
	z-index:100;
}
	
#back-top span {
    width: 65px;
    height: 65px;
    display: block;
}

/*** blog ***/
.post-meta{
	margin-top:20px;
	border-top:1px solid #cccccc;
	font-size:15px;
	margin-bottom:50px;
	padding:10px 0 0 10px;
}

.page-numbers{
	font-size:18px;
}

/* 採用情報 */
ol.recruit{
	margin-left:20px;
}
ol.recruit li{
	font-size:16px!Important;
	list-style:none outside;
	margin-bottom:20px;
	line-height:150%;
}

ol.recruit li strong{
	font-size:18px;
	color:#153894;
	margin-bottom:5px;
}

ol.recruit li:first-letter{
	font-size:24px;
	font-family:century;
	font-style:italic;
}

table.recruit,
table.recruit2{
	margin-left:20px;
}


table.recruit td{
	padding:10px 20px;
	border-bottom:1px solid #cccccc;
	font-size:16px;
	line-height:150%;
}

table.recruit td:first-letter{
	font-size:24px;
	font-family:century;
	font-style:italic;
}

table.recruit2{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;	
}

table.recruit2 td,
table.recruit2 th{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:10px;
	font-size:16px;
	vertical-align:top;
}

table.recruit2 th{
	background-color:#efefef;
}

table.recruit2 td li{
	list-style:disc outside;
	margin-left:20px;
}

table.recruit2 th{
	width:20%;
}

h3.rec{
	border-bottom:1px dashed #4aacc5;
}