/* browser style clear
   --------------------------------------------- */			
html {
height: 100%;
overflow-y: scroll;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote {
display: block;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul,li {
list-style: none;
margin: 0px;
padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
font-weight: bold;
margin-bottom: 0em;
display: block;
padding: 0px;
margin-top: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: 200;
}
*+html h1,
*+html h2,
*+html h3,
*+html h4,
*+html h5,
*+html h6 {
font-family: "メイリオ", "Meiryo";
}
q:before,
q:after {
content: '';
}
blockquote {
background: #EFF8FB;
border: 1px solid #ccc;
margin: 10px 0;
padding: 5px 15px;
}
p {
margin: 0px 0px 1em;
}
.smallfont {
font-size: 90%;
line-height: 1.35;
}
*+.smallfont {
font-size: 88%;/*IE7*/
}
*.smallfont {
font-size: 88%;/*IE6-5*/
}
.xsmallfont {
font-size: 68%;
line-height: 1.2;
}
*+.xsmallfont {
font-size: 68%;/*IE7*/
}
*.xsmallfont {
font-size: 70%;/*IE6-5*/
}
/* element,class
   --------------------------------------------- */						
body {
margin: 0px;
padding: 0px;
background-color: #FFF;
color: #333;
font-feature-settings: "palt";
letter-spacing: 0.15em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
a:link,
a img{
text-decoration: none;
color: #008cd6;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
a:visited {
text-decoration: none;
color: #008cd6;
}
a:hover,
a img:hover {
text-decoration: underline;
color: #008cd6 !important;
opacity: 0.5;
}
a:active {
text-decoration: underline;
}
img {
border: 0;
}
img,
input {
vertical-align: bottom;
}
em {
color: #ECD61E;
font-weight: normal;
font-style: normal;
}
sup,
sub {
font-size: 83%;
line-height: 1;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
vertical-align: middle;
font-size: 14px;
padding: 0.3em;
}
input:hover {
}
input:focus {
}
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
table caption {
text-align: right;
color: #999;
padding-bottom: 1em;
padding-top: 1em;
}
hr {
padding: 0px;
border-style: none;
height: 1px;
color: #000;
}
/* Micro clearfix */
.cf:before,
.cf:after {
content: "";
display: block;
overflow: hidden;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.fClear {
clear: both;
height: 1px;
}
/* section */
section {
margin-bottom: 2.5em;
clear: both;
display: block;
width: 1000px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Common
-------------------------------------------------------------- */
.l {
float: left;
}
.r {
float: right;
}
.c {
margin-right: auto;
margin-left: auto;
display: block;
}
.centerTxt {
text-align: center;
}
.pic {
margin-right: 20px;
}
.txtBox {
width: 360px;
}
.ieErrorMessage {
background: #ff6699;
padding: 15px;
text-align: center;
color: #FFF;
}
.blank {
background-position: right -509px;
padding: 0em 15px 0em 0px;
background-image: url(/img/parts00.gif);
background-repeat: no-repeat;
}
/* margin */
.mgn00 {
margin-bottom: 0px;
}
.mgn10 {
margin-bottom: 10px;
}
.mgnEm01 {
margin-bottom: 1em;
}
.mgnEm02 {
margin-bottom: 2em;
}
.mgnEm03 {
margin-bottom: 3em;
}


/* fadein
---------------------------------------------------------- */
.fadeIn {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible !important;
animation-delay: .4s;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* fadeInUp
---------------------------------------------------------- */
.moveUp{
opacity: 0;
}
.fadeInUp {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}

@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*--------------------------------------------------- */
/* 	STRUCTURE																					*/
/*--------------------------------------------------- */
#footer {
clear: both;
}
p#pagetop {
display: block;
width: 710px;
margin-top: -40px;
margin-left: 250px;
margin-bottom: 0px;
}

/* header */
header{
height: 100px;
}
header section{
height: 100px;
margin-bottom: 0;
}
header h1{
display: block;
width: 115px;
height: 50px;
float: left;
margin-top: 24px;
}
header ul{
float: right;
margin-top: 25px;
font-family: 'Noto Sans JP';
font-weight: 500;
letter-spacing: normal;
}
header ul li {
float: left;
margin-right: 1.5rem;
line-height: 1;
}
header ul li a{
padding: 1rem 0rem 0.5rem;
color: #000000 !important;
font-size: 13px;
position: relative;
display: inline-block;
}
header ul li:last-child{
margin-left: .5rem;
margin-right: 0px;
}
header ul li:last-child a{
padding: 0.9rem 1.3rem;
color: #FFFFFF !important;
border-radius: 10px;
background-color: #67a7dc;
margin-right: 0;
border: 1px solid #FFFFFF;
}
header ul li a::after {
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #67a7dc;
opacity: 0;
visibility: hidden;
transition: .3s;
} 
#index header ul li:nth-child(1) a,
#field header ul li:nth-child(2) a,
#special header ul li:nth-child(3) a,
#message header ul li:nth-child(4) a,
#company header ul li:nth-child(5) a,
header ul li a:hover {
color: #67a7dc !important;
text-decoration: none;
opacity: 1;
}
#index header ul li:nth-child(1) a::after,
#field header ul li:nth-child(2) a::after,
#special header ul li:nth-child(3) a::after,
#message header ul li:nth-child(4) a::after,
#company header ul li:nth-child(5) a::after,
header ul li a:hover::after{
bottom: -4px;
opacity: 1;
visibility: visible;
}
header ul li:last-child a:hover{
color: #67a7dc !important;
background-color: #FFFFFF;
border: 1px solid #67A7DC;
}
header ul li:last-child a:hover::after{
display: none;
}

/* footer */
footer{
border-top: 30px solid #e9f0f9;
text-align: center;
}
footer p {
display: block;
border-top: 20px solid #a5c6e9;
padding-top: 50px;
padding-bottom: 40px;
}

/*--------------------------------------------------- */
/* 	INDEX																							*/
/*--------------------------------------------------- */
#index .mainvisual{
background-color: #a4c6e9;
padding-top: 30px;
padding-bottom: 30px;
}
#index .sec01{
padding-top: 110px;
}
#index .sec01 h2{
text-align: center;
color: #595757;
line-height: 1.8em;
font-size: 30px;
margin-bottom: 60px;
letter-spacing: 0.2em;
}
#index ul.sec01_links {
display: block;
height: 790px;
width: 800px;
background-image: url(/recruit/img/index/index00.png);
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
#index ul.sec01_links li {
display: block;
position: absolute;
width: 230px;
margin-bottom: 50px;
text-align: right;
}
#index ul.sec01_links li a {
display: block;
}
#index ul.sec01_links li:nth-child(1),
#index ul.sec01_links li:nth-child(3){
margin-left: 116px;
}
#index ul.sec01_links li:nth-child(4),
#index ul.sec01_links li:nth-child(6){
margin-right: 116px;
}
#index ul.sec01_links li:nth-child(1),
#index ul.sec01_links li:nth-child(4){
top: 0px;
}
#index ul.sec01_links li:nth-child(2),
#index ul.sec01_links li:nth-child(5){
top: 256px;
}
#index ul.sec01_links li:nth-child(3),
#index ul.sec01_links li:nth-child(6){
top: 516px;
}
#index ul.sec01_links li:nth-child(4),
#index ul.sec01_links li:nth-child(5),
#index ul.sec01_links li:nth-child(6){
right: 0px;
text-align: left !important;
}
#index .btn_message {
width: 636px;
height: 140px;
display: block;
text-align: center;
background-image: url(/recruit/img/index/btn_message.png);
background-repeat: no-repeat;
background-position: center center;
line-height: 134px;
font-size: 25px;
color: #67a7dc !important;
padding-left: 37px;
}
#index .sec02{
background-color: #67a6db;
color: #FCFCFC;
text-align: center;
padding-top: 10px;
padding-bottom: 0px;
}
#index .sec02 section{
background-image: url(/recruit/img/index/bg_about.png);
background-repeat: no-repeat;
background-position: right top;
min-width: 350px;
padding-top: 60px;
padding-bottom: 50px;
background-size: contain;
margin-bottom: 0px;
}
#index .sec02 h2{
margin-bottom: 1em;
font-size: 30px;
}
#index .sec02 .btn_moreinfo{
border: 2px solid #a4c6e9;
padding: 1em 3em 1em 4.1em;
background-color: #FFFFFF;
border-radius: 10px;
font-weight: bold;
color: #67a7dc;
box-shadow: 0px 6px 20px 0px rgba(103, 167, 220, 0.3);
}
/*--------------------------------------------------- */
/* 	2nd common  																		  */
/*--------------------------------------------------- */
.copy_block{
background-color: #a4c6e9;
background-image: url(/recruit/img/dot.png);
color: #FFFFFF;
text-align: center;
padding-top: 80px;
padding-bottom: 110px;
line-height: 2;
}
.copy_block h2 {
font-size: 50px;
margin-bottom: 30px;
}
.upbringing{
margin-top: -120px;
margin-bottom: 20px;
}
.content_block{
}
.content_block .txt_block{
width: 600px;
}
.content_block h3{
color: #108ccf;
font-weight: 400;
font-size: 32px;
margin-bottom: 30px;
letter-spacing: normal;
}
.content_block h4{
color: #ff9999;
margin-bottom: 0.5em;
font-weight: 400;
letter-spacing: normal;
}
.content_block p{
line-height: 1.7;
}
.content_block p.certificate{
background-color: #fceaed;
padding: 1em;
border-radius: 10px;
font-size: 0.8em;
letter-spacing: normal;
}
.message_block section{
background-color: #fffaeb;
padding: 40px 50px 35px;
border-radius: 10px;
border: 2px solid #f39800;
box-shadow: 0px 6px 20px 0px rgba(103, 167, 220, 0.3);
}
.message_block section .txt_block{
width: 650px;
}
.message_block section .txt_block p{
line-height: 1.6;
margin-bottom: 0;
}
.message_block section .txt_block h3{
font-size: 30px;
border-bottom: 2px dashed #f39800;
margin-bottom: 0.8em;
padding-bottom: 0.8em;
font-weight: 400;
}
.message_block section .txt_block h3 span.name01{
font-size: 0.5em;
letter-spacing: normal;
margin-right: 2em;
}
.message_block section .txt_block h3 span.name02{
font-size: 0.5em;
letter-spacing: normal;
}
.message_block section .txt_block h4{
font-size: 24px;
margin-bottom: 0.5em;
color: #f39800;
font-weight: 400;
}
.company_block{
color: #108ccf;
background-image: url(/recruit/img/company/bg_img.jpg);
margin-top: -100px;
background-repeat: no-repeat;
background-position: center center;
min-height: 45em;
padding-top: 170px;
margin-left: auto;
margin-right: auto;
}
.company_block section{
width: 690px;
margin-bottom: 5em;
}
.company_block section h3{
font-size: 40px;
line-height: 1.8;
}
.company_block section p{
line-height: 1.9;
}
#sec01 {
}