/* PC -------------------------------------------------- */
.sp { display: none !important;}
.pc { display: block !important;}
.sp_img100 { max-width: 100%; height: auto; vertical-align: bottom;}
img { max-width: 100%;height: auto;}

.head_subArea {
   background-color: #0097d7;
   color: #FFF;
   font-size: 11px;
   padding: 2px 10px;
}
.head_subArea h1 {
   font-weight: normal!important;}

@media screen and (max-width: 1000px) {
.head_subArea {
   display: none;
}
}
.headArea {
   padding: 17px 15px 12px 15px;
   border-bottom: 1px solid #dadada;
   position: relative;
}
.logo {
   float: left;
}
@media screen and (max-width: 1000px) {
.headArea {
   padding: 0;
   border-bottom: 0px solid #dadada;
   position: relative;
   height: 58px;
}
.logo {
   float: none;
   position: absolute;
   top: 12px;
   left: 10px;
   margin: auto;
   text-align: center;
}
.logo img {
   width: 190px;
}
}
.head_career {
   float: left;
   margin-left: 40px;
   line-height: 120%;
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: bold;
   color: #008ed6;
}
.usp01 {color: #5cbad4;}
.usp02 {color: #8fcc25;}
.usp03 {color: #dd718d;}
.head_catch {
   float: left;
   margin-left: 50px;
}
@media screen and (max-width: 1180px) {
.head_career {
   display: none;
}
}
@media screen and (max-width: 1420px) {
.head_catch {
   display: none;
}
}
@media screen and (max-width: 1000px) {
.head_catch {
   position: absolute;
   display: block;
   margin: 0;
   right: 57px;
   top: 10px;
}
.head_catch img {
   width: 110px;
}
}
.head_tel {
   float: right;
}
.head_tel {
   line-height: 90%;
   font-size: 32px;
   font-weight: bold;
   position: relative;
}
.tel_woman {
   position: absolute;
   left: -70px;
   top: -10px;
}
.head_tel_foot {display: none;}
@media screen and (max-width: 1000px) {
.head_tel {
   display: none;
}
.head_tel_foot {
   display: inline-block;
    float: none;
    margin-left: 0;
    padding-top: 0;
    position: fixed;
    bottom: 0;
    left: 0;
	width: 50%;
	text-align: center;
   z-index: 99999;
}
}
.head_contact {
   float: right;
   margin-left: 12px;
   font-weight: bold;
   position: relative;
   padding-top: 25px;
}
.head_fb {
   position: absolute;
   top: -10px;
}
.head_contact a {
   background-color: #f37121;
   padding: 0.6em 1em 0.7em;
   text-align: center;
   padding-left: 20px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   color: #FFF;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
   text-decoration: none;
}
.head_contact a:hover {
   background-color: #ed320d;
}
.head_contact_foot {
    display: none;
}
@media screen and (max-width: 1000px) {
.head_contact {display: none;}
.head_contact_foot {
   display: inline-block;
    float: none;
    margin-left: 0;
    padding-top: 0;
    position: fixed;
    bottom: 0;
    right: 0;
	width: 50%;
	text-align: center;
   z-index: 99999;
}
}
.head_menu {
   position: absolute;
   z-index: 999999;
   width: 100%;
   background-color: #FFF;}
.head_menu.fixed {
   position: fixed;
   top:0;
}
@media screen and (max-width: 1000px) {
.head_menu {
   position: relative;
   background-color: inherit;}
}
.menu {
   padding: 15px;
   border-bottom: 1px solid #dadada;
}
@media screen and (max-width: 1000px) {
.menu {
   padding: 0;
   border-bottom: 0;
}
}
.menu ul {
   width: 1000px;
   margin: 0 auto;
   font-size:0;
   line-height:0;
   letter-spacing: -.4em;
}
.menu li {
  line-height: 120%;
  font-size: 15px; font-size:1.5rem;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  width : 16.666%;
  text-align: center;
  letter-spacing: normal;
  position: relative;
}
.menu li+ li {
  border-left: 0;
  border-right: 1px solid #dcdcdc;
}
.menu ul ul li {
   border-left: 0;
   border-right: 0;
}
.menu li a {
   color: #313131;
  transition: 0.2s;
  overflow: visible;
  text-decoration: none;
  display: block;
  padding: 6px 0;
}
.menu li a span {
   color: #67c5f2;
   font-size: 10px;
   font-size: 1.0rem;
   text-align: center;
   display: block;
}
.menu li::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 90%;
  display: block;
  right: 0;
  margin: auto;
  height: 2px;
  background: #0097d7;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .2s;
}
.menu li:hover::after {
  transform: scale(1, 1);
}
.menu li li::after {
   content: none;
}
.menu li li {
  width: 100%;}
.menu li a:hover {color: #4482ba;}
.menu li li a:hover { background-color: #0097d7;}

@media screen and (max-width: 1000px) {
.menu ul {
   width: 100%;
   margin: 0 auto;
}
.menu li {
  width: 100%;
  font-size: 15px; font-size:1.5rem;
  border-left: none;
  border-right: none;
  text-align: center;
}
.menu li a {
   color: #313131;
}
.menu li+ li {
  border-right: 0px solid #dcdcdc;
}
.menu li::after {
   content: none;
}
}
.contents {
   margin-top: 77px;
}
@media screen and (max-width: 1000px) {
.contents {
   margin-top: 0;
}
}
footer {
   background-color: #dcf3ff;
   padding: 30px 0;
   text-align: center;
}
.foot_submenu {
   background-color: #eaeaea;
   padding: 7px;
   text-align: center;
}
.foot_submenu li {
   display: inline-block;
  line-height: 100%;
   font-size: 14px;
   font-size: 1.4rem;
}
.foot_submenu li+ li {
  border-left: 1px solid #707070;
}
.foot_submenu a {
  color: #313131;
  padding: 0 10px;
  line-height: 100%;
  text-decoration: none;
}
.foot_submenu a:hover {
   text-decoration: underline;
}
small {
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}
@media screen and (max-width: 1000px) {
footer {
   padding: 30px 1em;
}
small {
   margin-bottom: 50px;
}
}

.side_tel {
  display: none;
  position: fixed;
  top: 140px;
  right: 0;
  z-index: 99;
}
.side_mail {
  display: none;
  position: fixed;
  top: 450px;
  right: 0;
  z-index: 99;
}
@media screen and (max-width: 767px) {
.side_tel {
  display: none!important;
}
.side_mail {
  display: none!important;
}
}
#pageTop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 5px;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  #pageTop {
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
    padding: 10px 0;
    background-color: #616161;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
  }
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.jc { justify-content: space-between;}
.sa { justify-content: space-around;}
.ai { align-items: center;}
@media screen and (max-width: 1000px) {
  .flex .flexcenter {
    text-align: center;
  }
}
.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.indent-2 {
  padding-left: 2.7em;
  text-indent: -2.7em;
}
.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
:placeholder-shown {
    color: #aeaeae; }
::-webkit-input-placeholder {
    color: #aeaeae; }
:-moz-placeholder {
    color: #aeaeae; opacity: 1; }
::-moz-placeholder {
    color: #aeaeae; opacity: 1; }
:-ms-input-placeholder {
    color: #aeaeae; }
.breadcrumbs {
   font-size: 13px; font-size: 1.3rem;
   margin-bottom: 40px;
}
.breadcrumbs li {
   position: relative;
   float: left;
   padding-right: 5px;
}
.breadcrumbs li::after {
   content: '>';
}
.breadcrumbs li:last-child::after {
   content: '';
}
@media screen and (max-width: 768px) {
.breadcrumbs {
   display: none;
}
}
.wrapper {
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
}
@media screen and (max-width: 768px) {
.wrapper {
   width: 94%;
   margin-left: auto;
   margin-right: auto;
}
}
.bt001 {
   min-width: 270px;
   display: inline-block;
   margin: 0 auto;
   border: 3px solid #1a5588;
   background-color: #1a5588;
   text-align: center;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   color: #FFF!important;
   padding: 0.5em 2em 0.5em 1em;
   font-size: 18px; font-size: 1.8rem;
   text-decoration: none!important;
   position: relative;
}
.bt001:hover {
   background-color: #FFF!important;
   color: #1a5588!important;
}
.bt001:after {
  content: "\f138";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 19%;
  color: #FFF;
  font-size: 18px; font-size: 1.8rem;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
}
.bt001:hover:after {
   color: #1a5588;
}
.bt002 {
   min-width: 270px;
   display: inline-block;
   margin: 0 auto;
   border: 3px solid #218fed;
   background-color: #218fed;
   text-align: center;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   color: #FFF!important;
   padding: 0.5em 2em 0.5em 1em;
   font-size: 18px; font-size: 1.8rem;
   text-decoration: none!important;
   position: relative;
}
.bt002:hover {
   background-color: #FFF!important;
   color: #218fed!important;
}
.bt002:after {
  content: "\f138";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 19%;
  color: #FFF;
  font-size: 18px; font-size: 1.8rem;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
}
.bt002:hover:after {
   color: #218fed;
}
.bt003 {
   width: auto;
   display: inline-block;
   margin: 0 auto;
   border: 3px solid #0867b8;
   background-color: #0867b8;
   text-align: center;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   color: #FFF!important;
   padding: 0.5em 3em 0.5em 2em;
   text-decoration: none!important;
   position: relative;
}
.bt003:hover {
   background-color: #FFF!important;
   color: #218fed!important;
}
.bt003:after {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 22%;
  color: #FFF;
  font-size: 14px; font-size: 1.4rem;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all  0.3s ease;
}
.bt003:hover:after {
   color: #0867b8;
}


.title24_center {
   font-size: 24px; font-size: 2.4rem;
   text-align: center;
}
.title34_center {
   font-size: 34px; font-size: 3.4rem;
   text-align: center;
}
.title30_center {
   font-size: 30px; font-size: 3.0rem;
   text-align: center;
}
@media screen and (max-width: 768px) {
.title24_center {
   font-size: 18px; font-size: 1.8rem;
}
.title34_center {
   font-size: 24px; font-size: 2.4rem;
}
.title30_center {
   font-size: 20px; font-size: 2.0rem;
}
}

/* ===================================================================
SP
=================================================================== */
@media screen and (max-width: 768px) {
.sp { display: block !important;}
.pc { display: none !important;}
.sp_img100 { max-width: 100%; height: auto; vertical-align: bottom;}
}