@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
  overflow-y: scroll;/* スクロールバーの有無によるズレ対策 */
  font-size: 62.5%;
  background: #ffffff;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #ffffff;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

/*----------------------------------------------------
    リンク
----------------------------------------------------*/
a:link {
    color: #333333;
    text-decoration: none;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

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

a:hover {
    color: #333333;
    text-decoration: none;
}

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

a.link:link {
    color: #0000ff;
    text-decoration: none;
}

a.link:visited {
    color: #0000ff;
    text-decoration: none;
}

a.link:hover {
    color: #0000ff;
    text-decoration: none;
}

a.link:active {
    color: #0000ff;
    text-decoration: none;
}

/* -----------------------------------------------------------
    強制改行
----------------------------------------------------------- */
.word-break {
  word-break: break-all;
}

/* -----------------------------------------------------------
    header
----------------------------------------------------------- */
#header {
  padding: 30px;
  background: #001a7c;
}
#header > .title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
#header > .title > span {
  color: #fff600;
}
/* -----------------------------------------------------------
    convertion-wrap
----------------------------------------------------------- */
.contact-wrap {
  padding: 2.5% 5% 5%;
}
.contact-wrap > .title {
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  position: relative;
  margin: 0 auto 220px;
  display: table;
}
.contact-wrap > .title:before,
.contact-wrap > .title:after {
  content: "";
  width: 43px;
  height: 70px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.contact-wrap > .title:before {
  background: url(../img/top/title-shape-left.png) no-repeat center / contain;
  left: -50px;
}
.contact-wrap > .title:after {
  background: url(../img/top/title-shape-right.png) no-repeat center / contain;
  right: -50px;
}
.contact-wrap > .title > .blue {
  color: #001a7c;
}
.contact-wrap > .title > .red {
  color: #ff0000;
}
.contact-wrap > .content {
  padding: 40px;
  max-width: 750px;
  margin: 0 auto;
  background: url(../img/top/cv-background.jpg)no-repeat center / cover;
  position: relative;
}
.contact-wrap > .content > .woman {
  position: absolute;
  top: -220px;
}
.contact-wrap > .content > .detail {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
}
.contact-wrap > .content > .detail > .telbtn {
  margin: 0 0 40px;
}
.contact-wrap > .content > .detail > .telbtn > img {
  width: 100%;
}
.contact-wrap > .content > .detail > .mailcopy {
  text-align: center;
  margin: 0 0 30px;
}
.contact-wrap > .content > .detail > .formcontent > .item {
  margin: 0 0 30px;
}
.contact-wrap > .content > .detail > .formcontent > .item > .title {
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}
.contact-wrap > .content > .detail > .formcontent > .item > .detail > input {
  font-size: 1.8rem;
  width: 100%;
  height: 50px;
  padding: 10px;
}
.contact-wrap > .content > .detail > .formcontent > .item > .detail > .error_blank {
  display: block;
  margin: 10px 0;
  color: #ff0000;
}
#form_submit_button {
  font-size: 2.0rem;
  font-weight: 700;
  color: #021c7b;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 50px;
  background: #fff;
  margin: 0 auto 40px;
  border: none;
}
.contact-wrap > .content > .detail > .formcontent > .copy {
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
}

/* -----------------------------------------------------------
    inner
----------------------------------------------------------- */
.inner {
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------------------------
    #container
----------------------------------------------------------- */
#container {
}

/* -----------------------------------------------------------
    #contents
----------------------------------------------------------- */
#contents {
}

/* -----------------------------------------------------------
    article
----------------------------------------------------------- */
article {
}

/* -----------------------------------------------------------
    section
----------------------------------------------------------- */
section {
}

/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
footer {
  padding: 20px;
  background: #001a7c;
  color: #fff;
}
footer ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px;
}
footer ul li:first-of-type {
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  border-right: 1px solid #fff;
}
footer ul li a {
  color: #fff !important;
}

footer .copyright {
  text-align: center;
}

/* -----------------------------------------------------------
    pagetop
----------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 0;
	right: 2%;
	z-index: 999;
}

/* -----------------------------------------------------------
    img:hover
----------------------------------------------------------- */
a img:hover {
	opacity: 0.7;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}