@charset "utf-8";

/* ----------------------------------------

charatalker sp

---------------------------------------- */
.dis_only__pc {
  display:none!important;
}

.dis_only__sp {
  display:block!important;
}

/* nav */
nav {
  padding:0 10px;
  background:#115aa6;
}

nav ul {
  display:table;
  width:100%;
  text-align:center;
}

nav ul li {
  display:table-cell;
  white-space:nowrap;
  font-size:1.3rem;
}

nav ul li a {
  display:inline-block;
  padding:10px;
  font-weight:700;
}

nav ul li a:link,nav ul li a:visited,nav ul li a:hover,nav ul li a:active {
  color:#fff;
  text-decoration:none;
}

/* header */
header {
  position:relative;
  background:#fff;
}

/* section */
main section .wrapper {
  position:relative;
}

main section:nth-child(odd) {
  background:#115aa6;
  color:#fff;
}

main section:nth-child(even) {
  background:#fff;
  color:#333;
}

main section h2 {
  margin-bottom:-32px;
  text-align:center;
  font-size:1.4rem;
}

main section:nth-child(odd) h2 {
  color:#fff;
}

main section:nth-child(even) h2 {
  color:#115aa6;
}

main section:last-child h2 {
  font-size:1rem;
}

main section h2 strong {
  position:relative;
  top:-20px;
  display:inline-block;
  line-height:32px;
}

main section h2::before {
  position:absolute;
  top:-32px;
  left:50%;
  display:block;
  margin:0 0 -32px -40px;
  width:80px;
  height:32px;
  content:'';
}

main section:nth-child(odd) h2::before {
  background:url(../images/bg_title_blue.png) no-repeat center top/80px auto;
}

main section:nth-child(even) h2::before {
  background:url(../images/bg_title_white.png) no-repeat center top/80px auto;
}

/* feature */
#feature {
  padding-bottom:30px;
}

#feature h3 {
  padding:20px 6.25%;
  text-align:center;
  font-weight:700;
  font-size:1.4rem;
}

#feature .movie {
  position:relative;
  margin:0 auto 30px;
  padding-top:56.25%;
  width:100%;
  text-align:center;
}

#feature .movie iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#feature .inner {
}

#feature .inner dl {
  margin-bottom:15px;
  padding:10px 6.25%;
}

#feature .inner dl:nth-child(1) {
  background:url(../images/sec_feature_bg01.png) no-repeat center center/120px auto;
}

#feature .inner dl:nth-child(2) {
  background:url(../images/sec_feature_bg02.png) no-repeat center center/120px auto;
}

#feature .inner dl:nth-child(3) {
  background:url(../images/sec_feature_bg03.png) no-repeat center center/120px auto;
}

#feature .inner dl dt {
  padding-bottom:10px;
  text-align:center;
  font-weight:700;
  font-size:1.6rem;
  line-height:1.4;
}

/* system */
#system {
  padding:0 6.25% 50px;
}

#system ul {
  padding-top:15px;
}

/* appearance */
#appearance .inner {
  padding:20px 0 50px;
}

#appearance .appearance_img02 {
  padding-top:20px;
}

/* inquiry */
#inquiry .btn_inquiry {
  padding:30px 18.75%;
  text-align:center;
}

#inquiry .btn_inquiry a {
  display:block;
  background:#115aa6 url(../images/bg_btn_inquiry.png) no-repeat 94.5% 50%/30px auto;
  text-align:center;
  text-indent:-4rem;
  font-weight:700;
  font-size:1.5rem;
  line-height:50px;
}

#inquiry .btn_inquiry a:link,#inquiry .btn_inquiry a:visited,#inquiry .btn_inquiry a:hover,#inquiry .btn_inquiry a:active {
  color:#fff;
  text-decoration:none;
}

#inquiry .btn_inquiry a:hover,#inquiry .btn_inquiry a:active {
  opacity:.7;
}

/* footer */
footer {
  padding:25px 18.75%;
  background:#333;
}

footer p {
  margin:0 auto;
  color:#fff;
  font-size:1.1rem;
}

footer p a:link,footer p a:visited {
  color:#fff;
  text-decoration:none;
}

footer p a:hover,footer p a:active {
  color:#fff;
  text-decoration:underline;
}