@charset "utf-8";

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

charatalker pc

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

.dis_only__sp {
  display:none!important;
}

/* nav */
nav {
  background:#115aa6;
}

nav .wrapper {
  margin:0 auto;
  width:900px;
}

nav ul {
  display:table;
}

nav ul li {
  display:table-cell;
  font-size:1.4rem;
}

nav ul li a {
  display:inline-block;
  padding:10px 15px;
  font-weight:700;
  transition:all .5s cubic-bezier(0.215,0.61,0.355,1);
}

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;
}

nav ul li a:hover,nav ul li a:active {
  opacity:.7;
}

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

header .wrapper {
  margin:0 auto;
  width:960px;
}

/* section */
main section .wrapper {
  position:relative;
  margin:0 auto;
  width:960px;
}

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

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

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

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

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

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

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

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

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

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

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

#feature h3 {
  padding:45px 0;
  text-align:center;
  font-weight:700;
  font-size:3.6rem;
}

#feature .movie {
  margin:0 auto 45px;
  width:640px;
}

#feature .inner {
  display:table;
  display:flex;
  margin:0 auto;
  width:900px;
}

#feature .inner dl {
  display:table-cell;
  padding:15px 40px 0;
  width:300px;
  min-height:300px;
}

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

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

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

#feature .inner dl dt {
  height:8rem;
  text-align:center;
  font-weight:700;
  font-size:2.4rem;
  line-height:1.4;
}

/* system */
#system {
  padding-bottom:40px;
}

#system .wrapper {
  width:932px;
}

#system ul {
  display:table;
  display:flex;
  padding-top:40px;
}

#system ul li {
  display:table-cell;
}

/* appearance */
#appearance .wrapper {
  width:900px;
}

#appearance .inner {
  padding:55px 0 90px;
}

#appearance img {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}

#appearance .appearance_img02 {
  margin:0 -50px;
  padding-top:40px;
}

/* inquiry */
#inquiry .btn_inquiry {
  padding:50px 0 60px;
  text-align:center;
}

#inquiry .btn_inquiry a {
  display:inline-block;
  width:400px;
  background:#115aa6 url(../images/bg_btn_inquiry.png) no-repeat 92.5% 50%/40px auto;
  text-align:center;
  text-indent:-4rem;
  font-weight:700;
  font-size:2.4rem;
  line-height:80px;
  transition:all .5s cubic-bezier(0.215,0.61,0.355,1);
}

#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 0;
  background:#333;
}

footer p {
  margin:0 auto;
  width:400px;
  color:#fff;
  font-size:1.2rem;
}

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;
}