@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat);
.btn-twitter .fa.fa-lg, .btn-facebook .fa.fa-lg {
  margin-right: 2px;
  vertical-align: -1px;
}


/* =================================
        basic
================================= */

body {
  margin-top: 80px;
}


/* =================================
        ヘッダー
================================= */

.jumbotron.special {
  position: relative;
  min-height: 530px;
  /* height: 500px; */
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  /* background-color: #add8ff ; */
  background-color: #8de2f7 ;
  background-image: url("../jpg/TOP_hedder.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  /* -webkit-background-size: 70% 70%;
          background-size: 70%; */
}

.jumbotron.special .outline {
  margin-top: 0px;
}

.jumbotron.special h1,
.jumbotron.special .h1 {
  font-family: Montserrat, sans-serif;
  font-size: 3em;
}

/* .jumbotron.special p,
.jumbotron.special .p {
  font-family: Montserrat, sans-serif;
  font-size: 1.25em;
} */

p.header_p {
  font-size: 110%;
  margin: 30px;
}


.jumbotron.special .download {
  /* margin: 24px auto 12px; */
  margin: 50outlinepx auto 12px;
}

/* .jumbotron.special .basedon {
  margin: 12px auto;
  color: #b4bcc2;
  text-shadow: #fff 0 1px 2px;
} */


/* =================================
        利用規約
================================= */

/* padding 上 右 下 左 */
.rules {
  /* width: 100%;
  height: 150px; */
  overflow: auto;
  /* border: 1px solid;
  padding: 15px;
  margin: 30px 0 30px 0;
  font-size: 80%; */
}

/* =================================
        メール会員
================================= */

.fa-skyblue {
  color: #1E90FF
}

section.section {
  padding: 70px 0;
}

section.section.section-default {
  background-color: #f9f9f9;
}

section.section.section-inverse {
  background-color: #fafcff;
}

section.section .subtitle {
  /* margin-bottom: 24px; */
  margin-bottom: 40px;
  text-align: center;
}

section.section .subtitle h2 {
  margin-top: 0;
}

.point .point-box {
  text-align: center;
}

.point .point-box .point-circle {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  font-size: 60px;
  line-height: 100px;
  color: #fff;
  border-radius: 100%;
}

.point .point-box .point-circle.start {
  background-color: #18bc9c;
}

.point .point-box .point-circle.replace {
  background-color: #f39c12;
}

.point .point-box .point-circle.compass {
  background-color: #2c3e50;
}

.point .point-box .point-circle.japanese {
  background-color: #e74c3c;
}

.point .point-box .point-circle.japanese span.icon-jp::before {
  font-weight: bold;
  content: "あ";
}

.point .point-box .point-description h4 {
  text-align: center;
}

.point .point-box .point-description p {
  text-align: justify;
}

.getting-started h3 {
  margin-top: 0;
}

.japanese-font .well > h3 {
  margin-top: 24px;
}

.available-bower {
  position: relative;
  overflow: hidden;
}

.available-bower .bower-logo {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: 300px;
  height: 300px;
  background-image: url("../img/bower-logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
          background-size: contain;
  opacity: .3;
}

.featured .subtitle h2 {
  font-size: 24px;
}
.featured ul.featured-list a {
  opacity: .7;
}
.featured ul.featured-list a:hover, .featured ul.featured-list a:active, .featured ul.featured-list a:focus {
  opacity: .5;
}
.featured ul.featured-list li {
  padding: 6px 20px;
}

.thumbnail {
  background: #fff;
}
.thumbnail > a:hover, .thumbnail > a:active, .thumbnail > a:focus {
  opacity: .7;
}


/* =================================
        会社概要
================================= */

.aboutus dt{
  padding: 5px;
}

.aboutus dd{
  padding: 5px;
}

/* =================================
        フッター
================================= */

footer {
  padding: 40px 0;
  color: #ecf0f1;
  background-color: #333;
}

footer .copyright {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bootstrap-default {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4285;
  /* color: #888; */
}
.bootstrap-default > h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}