@charset "UTF-8";
/* =================================================
 header setting
================================================= */
header {
  width: 100%;
  background-color: #131313;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

header #header-inner {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

header img {
  width: 100%;
  height: auto;
}

header #h_logo {
  background-color: #d74919;
}

header #h_logo a {
  width: 160px;
  display: block;
}

header #h_logo a h1 {
  max-width: 120px;
  line-height: 50px;
  margin: auto;
}

header #header-right {
  display: none;
}

/* =================================================
 hero setting
================================================= */
#hero-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0 !important;
  overflow: hidden;
}

#hero-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =================================================
 top setting
================================================= */
.cv {
  background-color: #003a94;
  color: white;
  padding: 2em 0;
}

.cv .left {
  width: 100%;
  margin-bottom: .5em;
}

.cv .left .title {
  font-size: 28px;
  font-size: 8.75vw;
  font-weight: 700;
  line-height: 1;
}

.cv .left .engtitle {
  font-size: 18px;
  font-size: 5.625vw;
  font-weight: 700;
}

.cv .right {
  width: 100%;
}

.cv .right .date img {
  width: 80%;
  height: auto;
}

.cv .right p {
  margin: .5em auto .5em;
  font-size: 12px;
  font-size: 3.75vw;
  font-weight: 500;
}

.cv .right ul li {
  width: 48%;
  text-align: center;
}

.cv .right ul li a {
  display: block;
  background-color: white;
  padding: 10px 0 8px;
}

.cv .right ul li a > span {
  color: #003a94;
  font-size: 1.15em;
  font-weight: 500;
}

.cv .right ul li a > span span {
  font-size: 18px;
  font-size: 1.8rem;
  margin-left: 10px;
}

.cv .right ul li a:hover {
  background-color: #d74919;
}

.cv .right ul li a:hover span {
  color: white;
}

.cv .yellow {
  margin-top: 1.25em;
  font-size: 13px;
  font-size: 4.0625vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}

.cv .yellow a {
  color: #fffd3e;
  text-decoration: underline;
}

.cv .yellow span {
  color: #fffd3e;
  font-size: 1.7em;
  display: block;
  margin-bottom: .25em;
}

#sec01 {
  padding-top: 3em;
}

#sec01 h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}

#sec01 h2 > span {
  color: #131313;
  border-bottom: 3px solid #131313;
}

#sec01 .bglist {
  background: url(../images/intoro_bg_sp.png) no-repeat center bottom;
  background-size: contain;
}

#sec01 .bglist ul {
  width: 96%;
  margin: auto;
  padding: 2em 0 100px;
}

#sec01 .bglist ul li {
  font-size: 1.2em;
  font-weight: 700;
  background: url(../images/check.png) no-repeat left 2px;
  background-size: 18px auto;
  padding-left: 22px;
  margin-top: .5em;
}

#sec01 .bglist ul li span {
  border-bottom: 2px dashed #131313;
}

#sec01 .contents {
  margin-top: -10px;
  padding-bottom: 2em;
  text-align: center;
  position: relative;
  z-index: 1;
}

#sec01 .contents:after {
  content: '';
  width: 110px;
  height: 156px;
  background: url(../images/intoro_img.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

#sec01 .contents h3 {
  position: relative;
  z-index: -1;
}

#sec01 .contents .w427 {
  width: 70%;
  margin: auto;
  z-index: 1;
}

#sec02 {
  background-color: #f6f6f4;
}

#sec02 p {
  margin-bottom: 1.5em;
}

#sec02 .whitebox {
  background-color: white;
  border-radius: 10px;
  padding: 8% 6% 6%;
}

#sec02 .whitebox.flex {
  display: block;
}

#sec02 .whitebox .inner {
  padding-left: 4%;
}

#sec02 .whitebox .inner ul li {
  font-size: 16px;
  font-size: 1.6rem;
}

#sec03 .read {
  margin-bottom: 2.5em;
}

/* =================================================
 floating setting
================================================= */
.floating {
  display: none;
  width: 100%;
  background-color: #efefef;
  padding: 10px 5px 10px;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

.floating .flex li {
  width: 49%;
}

.floating .flex li:nth-child(odd) {
  margin-right: 2%;
}

.floating .flex li a {
  display: block;
  padding: 9px 18px;
  text-align: center;
  border-radius: 10px;
}

.floating .flex li a img {
  width: 100%;
  height: auto;
}

.floating .flex li.fl_tel a {
  background-color: white;
  box-shadow: 0 3px 0 rgba(50, 50, 50, 0.1);
}

.floating .flex li.fl_tel a:hover {
  color: #131313;
}

.floating .flex li.fl_contact a {
  background-color: #d74919;
  box-shadow: 0 3px 0 #b8390e;
}

.floating .flex li.fl_contact a:hover {
  color: #d23d3d;
}

/* =================================================
 pagetop setting
================================================= */
.pagetop {
  width: 50px;
  position: fixed;
  right: 4%;
  bottom: 13%;
  z-index: 2;
  opacity: 0;
  z-index: 100;
  transition: all .4s;
}

.pagetop._fold {
  opacity: 1;
}

.pagetop a {
  display: block;
  height: 50px;
  line-height: 50px;
}

.pagetop a img {
  width: 100%;
  height: auto;
}

/* =================================================
 footer setting
================================================= */
footer {
  padding-bottom: 60px;
  background-color: #131313;
  color: white;
}

footer #copyright {
  padding: 8px 0;
  text-align: center;
}

/*# sourceMappingURL=sourcemaps/sp.css.map */