/*======================================

	0. WPネイティブ設定
	
=======================================*/

/* editor */
 
p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/*======================================

	1. フォント設定
	
=======================================*/

p,
pre,
cite,
blockquote {
	font-size: 100%;
}

li,dt,dd {
	font-size: 100%;
}

* {
	line-height: 1.3;
	font-style: normal;
}

strong {
	font-weight:bold;
}

.wf-mplus1p { font-family: "M PLUS 1p"; }


/*======================================

	2. サイト構造
	
=======================================*/

body {
margin: 0 auto;
padding: 0;
color: #444;
line-height: 1.5;
background-color: #FFF;
font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

a {
color: #009de1;
text-decoration: none;
}

a:hover {
color: #009de1;
text-decoration: underline;
}

section {
clear: both;
}

.main-color {
color: #f64747;
}

article {
margin: 0 auto;
width: 1000px;
}


/*======================================

	3. ヘッダ設定
	
=======================================*/

header {
top: 0;
left: 0;
z-index: 100;
width: 100%;
transition: .3s;
border-top:  4px solid #000154;
background-color:  #FFFFFF;
height: 106px;
}

header #contents-header {
margin: 0px auto;
padding: 24px 0 0 0;
width: 1000px;
height: 75px;
}

h1 {
margin: 0;
padding: 0;
height: 75px;
width: 347px;
float: left;
}

#header-right {
margin: 0;
padding: 11px 0 0 0;
width: 520px;
height: 64px;
float: right;
}

.header-button {
float: right;
height: 64px;
width: 120px;
}

.header-button:hover {
opacity: 0.8;
}

/*======================================

	3. メニュー設定
	
=======================================*/

#sp-menu-button {
display: none;
}

nav.drawer-nav {
display: none;
}

nav {
background-image: url("../../../../img/menu-bg.png");
height: 63px;
transition: .3s;
box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2);
z-index: 2;
}

.contents-menu {
margin: 0 auto;
padding: 0 0 0 0;
width: 1004px;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.is-hide {
  transform: translateY(-100%);
}

nav ul {
display: none;
} 

.print-menu {

}


/*======================================

	4. TOP設定
	
=======================================*/

/* --- メイン画像 ---*/

.main-image {
margin: 200px 0 0 0;
text-align: center;
}

.top-box {
margin: 30px auto;
width: 1000px;
overflow: hidden;
}

.top-image {
width: 490px;
float: left;
}

.top-access {
padding: 5px 10px;
width: 490px;
float: right;
}

h2.top-h2 {
margin: 0 0 0 0;
color: #000154;
border-bottom: 3px solid #000154;
text-align: center;
font-size: 30px;
}

p.top-h2 {
margin: 0 0 30px 0;
text-align: center;
font-weight: bold;
color: #838383;
}

.greeting-box {
margin: 0 100px 50px 100px;
font-size: 20px;
line-height: 1.8em;
}

.slogan-box {
padding: 30px 0 30px 442px;
background-image: url("../../../../img/slogan-bg.png");
background-repeat: no-repeat;
background-position: left bottom;
}

.slogan-box li {
margin: 0 0 10px 0;
font-size: 28px;
font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
list-style: none;
}

.slogan-box li:before {
font-family: FontAwesome;
content: '\f00c'; /* アイコンのunicode */
}



/*======================================

	5. FOOTER設定
	
=======================================*/

.footer-menu {
padding: 7px 0;
background-color: #f3f3f3;
text-align: center;
font-weight: bold;
}

.footer-menu a {
color: #333;
}

.footer-menu a:hover {
color: #000154;
text-decoration: underline;
}


footer {
padding: 30px 0 20px 0;
background-color: #000154;
text-align: center;
font-size: 16px;
color: #FFF;
}

.footer-inner {
margin: 0 auto;
width: 1000px;
}

.footer-left {
padding: 0 10px 10px 0;
float: left;
width: 440px;
text-align: right;
}

.footer-right {
padding: 0 0 10px 10px;
float: right;
width: 540px;
text-align: left;
font-size: 14px;
}

footer p {
clear: both;
}


/*======================================

	5. 次ページcommon設定
	
=======================================*/

h2.common-h2 {
margin: 0 0 50px 0;
height: 170px;
background-color: #f3f3f3;
}

.h2-inner {
margin: 0 auto;
padding: 70px 0 0 20px;
width: 1000px;
height: 170px;
font-size: 30px;
line-height: 0.8;
color: #000154;
letter-spacing: 0.1em;
font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
border-left: 5px solid #000154;
}

.h2-inner span {
font-size: 16px;
color: #888;
font-weight: bold;
}

section.common {
margin: 0 auto 80px auto;
width: 1000px;
}

section.common h3 {
margin: 30px 0 10px 0;
padding-bottom: 5px;
color: #000154;
border-bottom: 3px solid #000154;
font-size: 22px;
font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

section.common h3 span {
padding: 0 0 0 20px;
color: #555;
font-size: 16px;
}

section.common p {
line-height: 180%;
}

section.common h4 {
padding-bottom: 5px;
font-size: 20px;
font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.example {
	font-size: 12px;
	color: #c0392b;
}

.example2 {
	font-size: 12px;
	color: #C00;;
}

.example3 {
	font-size: 12px;
}

.text-red {
	color: #b1333a;
}

.text-green {
	color: #43bc2f;
}

.text-blue {
	color: #00a0e9;
}

.text-orange {
	color: #eb7a00;
}

.text-yellow {
	color: #ffc000;
}

.common-list {
	margin: 0 0 20px 0;
}

.common-list li{
	margin: 0 0 7px 30px;
}

.font-large1 {
	font-size: x-large;
}

.font-s {
	font-size: 12px;
}

.bottom-space15 {
	margin-bottom: 15px;
}

.bottom-space20 {
	margin-bottom: 20px;
}

.bottom-space80 {
	margin-bottom: 80px;
}


.top-space50 {
	margin-top: 50px;
}

.top-space30 {
	margin-top: 30px;
}

.bottom-space20 {
	margin-bottom: 20px;
}

#sp-footer {
display: none;
}

#page-top {
display: none;
}
#page-top a {
    background: #444;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.table-margin {
	margin-bottom: 40px;
}

.img-waku img {
	border: 5px solid #FFF;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 5px 2px;
}



/*======================================

	5. 会社概要設定
	
=======================================*/

.company-table {
margin: 10px 0 0 0;
}

.company-table table {
margin: 0;
border-collapse: collapse;
}

.company-table th {
padding: 15px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: bold;
background-color: #f0f4ff;
color: #000154;
white-space: nowrap;
text-align: left;
}

.company-table td {
padding: 15px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
line-height: 1.8;
}

.rslides li{
margin: 0;
padding: 0;
list-style: none;
}


/*======================================

	5. 業務内容設定
	
=======================================*/

.works-table {
margin: 10px 0 0 0;
}

.works-table table {
margin: 0;
border-collapse: collapse;
}

.works-table th {
padding: 15px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: bold;
background-color: #f0f4ff;
color: #000154;
white-space: nowrap;
text-align: left;
vertical-align: top;
}

.works-table td {
padding: 15px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.works-table td ul {
margin: 0;
padding: 0 0 0 30px;
}

.works-table td li {
margin: 0 0 8px 0;
list-style: circle;
}

.works-list ul {
margin: 0;
padding: 0 0 0 30px;
}

.works-list li {
margin: 0 0 8px 0;
}


/*======================================

	5. アクセス設定
	
=======================================*/

.access-box {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
overflow: hidden;
border-bottom: 1px dashed #999;
}

.access-box h4 {
margin: 0;
padding: 0;
}

.access-box p {
margin: 0 0 15px 10px;
}

.access-left {
width: 400px;
float: left;
text-align: center;
}

.access-left img {
width: 400px;
height: auto;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
}

.access-right {
width: 550px;
float: right;
}



/*======================================

	5. 採用情報設定
	
=======================================*/

.recruit-table {
margin: 10px 0 20px 0;
}

.recruit-table table {
margin: 0;
border-collapse: collapse;
}

.recruit-table th {
padding: 15px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-weight: bold;
background-color: #f0f4ff;
color: #000154;
white-space: nowrap;
text-align: left;
vertical-align: top;
}

.recruit-table td {
padding: 15px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

.recruit-table td ul {
margin: 0;
padding: 0 0 0 30px;
}

.recruit-table td li {
margin: 0 0 8px 0;
list-style: circle;
}

.recruit-button {
margin: 0 auto;
width: 300px;
}

.recruit-button a {
padding: 15px 0;
display: block;
text-align: center;
background-color: #1b1d9e;
color: #FFF;
border-radius: 50px;        /* CSS3草案 */  
-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50px;   /* Firefox用 */ 
}

.recruit-button a:hover {
background-color: #4345e9;
border-radius: 50px;        /* CSS3草案 */  
-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50px;   /* Firefox用 */ 
}


/*======================================

	5. お問い合わせ設定
	
=======================================*/

.contact-button {
padding: 0 0 80px 0;
text-align: center;
}

.thanks {
height: 300px;
text-align: center;
}

.excel {
padding: 7px 0;
}

.radio-float {
margin: 0 30px 0 0;
float: left;
}