body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.tm-white a {
  color: #fff;
}


/* start h1 group */

h1 {
  margin-top: 0;
  margin-bottom: 25px;
}

h1, h2, h3, h4 {
  font-weight: bold;
}


/* end h1 group */

p {
  line-height: 1.5em;
}

.cen {
  text-align: center !important;
}


/* img */

img {
  max-width: 100%;
  height: auto;
}


/* img */


/* overlay */

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding-top: 90px;
  padding-bottom: 90px;
}


/* over lay */


/* start page container */

@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}


/* end page container */


/* start preloader */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  /*justify-content: center;*/
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: none repeat scroll 0 0 #fff;
}

.sk-spinner-rotating-plane.sk-spinner {
  width: 30px;
  height: 30px;
  background-color: #28a7e9;
  margin: 0 auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/* end preloader */


/* start navigation */

.navbar-default {
  background: #fff;
  border: none;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
  margin: 0!important;
}

.navbar-default .navbar-brand {
  color: #28a7e9;
  font-size: 30px;
  font-weight: bold;
  height: 70px;
  line-height: 35px;
}

.navbar-default .nav li a {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  height: 70px;
  line-height: 40px;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus, .navbar-default .nav li a.current {
  color: #28a7e9;
}

.navbar-default .navbar-toggle {
  border: none;
  padding-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
  background: #28a7e9;
  border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent
}


/* end navigation */


/* start home */

#home {
  background: url('../images/home-bg.jpg') no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 70px;
  text-align: center;
  width: 100%;
}

#home p {
  font-weight: 400;
  /*font-style: italic;*/
  line-height: 2em;
}

#home img {
  display: inline-block;
  /*margin-top: 30px;*/
}


/* end home */


/* start home2 */

#home2 {
  background: url('../images/company-bg.jpg') no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 70px;
  text-align: center;
  width: 100%;
}

#home2 p {
  font-weight: 400;
  font-style: italic;
  line-height: 2em;
}

#home2 img {
  display: inline-block;
  margin-top: 30px;
}


/* end home */


/* start home3 */

#home3 {
  background: url('../images/tutor-bg.jpg') no-repeat;
  background-size: cover;
  color: #fff;
  margin-top: 70px;
  text-align: center;
  width: 100%;
}

#home3 p {
  font-weight: 400;
  font-style: italic;
  line-height: 2em;
}

#home3 img {
  display: inline-block;
  margin-top: 30px;
}


/* end home */


/* start divider */

#divider {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

#divider .fa {
  color: #28a7e9;
  font-size: 60px;
}

#divider h3 {
  font-size: 20px;
}


/* end divider */


/* start feature */

#feature {
  background: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 60px;
}

#feature p {
  padding-top: 10px;
}

#feature span {
  float: left;
}

#feature .fa {
  background: #28a7e9;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
}


/* end feature */


/* start initiatives */

#initiatives {
  padding-top: 60px;
  padding-bottom: 20px;
}

#initiatives p {
  padding-top: 10px;
}

#initiatives span {
  float: left;
}

#initiatives .fa {
  background: #28a7e9;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
}


/* end initiatives */


/* start feature2 */

#feature2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

#feature2 p {
  padding-top: 10px;
}

#feature2 span {
  float: left;
}

#feature2 .fa {
  background: #28a7e9;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
}


/* end feature2 */


/* start feature3 */

#feature3 {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #f8f8f8;
}

#feature3 p {
  padding-top: 10px;
}

#feature3 span {
  float: left;
}

#feature3 .fa {
  background: #28a7e9;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
}


/* end feature3 */


/* start service */

#service {
  /*
        padding-top: 10px;
        padding-bottom: 10px;*/
}

#service h2 {
  padding-bottom: 20px;
}

#service .btn {
  border-radius: 0px;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px 40px 10px 40px;
}

#service .fa {
  background: #28a7e9;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 20px;
}


/* end service */


/* start contact */

#contact {
  background: url('../images/contact-bg.jpg') no-repeat;
  background-size: cover;
  color: #fff;
}

#contact h2 {
  padding-bottom: 10px;
}

#contact address {
  padding-top: 20px;
}

#contact address .fa {
  background: #28a7e9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 6px;
  margin-right: 10px;
}

#contact .contact-form {
  padding-top: 40px;
}

#contact .form-control {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  margin-bottom: 20px;
}

#contact input {
  height: 50px;
}

#contact input[type="submit"] {
  background: #28a7e9;
  color: #fff;
  font-weight: bold;
  transition: all 0.3s ease;
}

#contact input[type="submit"]:hover {
  background: #107DB6;
}


/* end contact */


/* start footer */

footer {
  background: #fff;
  font-weight: 400;
  text-align: center;
  padding: 20px;
}


/* end footer */

@media screen and ( max-width: 991px) {
  .templatemo-box {
    margin-bottom: 30px;
  }
  #pricing .active {
    bottom: 0;
  }
  .pricing {
    margin-bottom: 20px;
  }
  #feature img, #download img {
    margin-top: 30px;
  }
  #feature1 img {
    margin-bottom: 30px;
  }
}

@media screen and ( max-width: 767px) {
  .navbar-default .nav li a {
    height: auto;
    line-height: 2em;
  }
  #feature, #pricing, #download {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #contact .overlay {
    padding-top: 40px;
  }
}


/* start media 360 */

@media screen and ( max-width: 360px) {
  .pricing {
    padding-bottom: 40px;
  }
}


/* end media 360 */

.company table {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.company table th {
  text-align: center;
  width: 20%;
  background: #eee;
}

.company table td {
  width: 80%;
}

.company table th, .company table td {
  padding: 5px;
  border: solid 1px #ccc;
}

.company table ol li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 5px;
}


/* Featured Work
---------------------------------*/

.featured-work {
  font-size: 14px;
}

.featured-work h2 {
  text-align: left;
}

.featured-box {
  padding: 0 0 0 0;
  margin-bottom: 25px;
  font-size: 14px;
}

.featured-box h3 {
  margin-bottom: 5px;
}

.featured-box p {
  line-height: 22px;
}

.featured-work p.padding-b {
  padding-bottom: 35px;
}

.featured-box-col1 {
  width: 60px;
  float: left;
}

.featured-box-col1 i {
  display: block;
  line-height: 38px;
  font-family: 'FontAwesome';
  font-size: 38px;
  color: #777777;
  font-style: normal;
}

.featured-box-col2 {
  overflow: hidden;
}


/*=================================================================
                    Service Section
===================================================================*/

.service .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.main_service_content .col-sm-push-6 {
  left: 52%;
}

.main_service_content {
  overflow: hidden;
}

.main_service_content .single_service_area {
  overflow: hidden;
}

.main_service_content img {
  width: 100%;
}

.main_service_content .single_service {
  margin-top: 15%;
}

.main_service_content .single_service h2 {
  font-weight: 700;
  color: #231f20;
}

.single_service.single_service_left_text {
  margin-left: 15%;
}

table.outline_table {
  border-top: solid #e8e7e6 1px;
}

table.outline_table th, table.outline_table td {
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  border-bottom: solid #e8e7e6 1px;
}

table.outline_table th {
  width: 33%;
  font-weight: bold;
  color: #008b92;
}

table.outline_table td {
  word-break: break-word;
}


/*basic*/

/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m60b { margin-bottom: 60px !important; }
.m80b { margin-bottom: 80px !important; }

.m5t { margin-top: 5px !important; }
.m10t { margin-top: 10px !important; }
.m20t { margin-top: 20px !important; }
.m30t { margin-top: 30px !important; }
.m40t { margin-top: 40px !important; }
.m50t { margin-top: 50px !important; }
.m70t { margin-top: 70px !important; }
.m80t { margin-top: 80px !important; }
.m90t { margin-top: 90px !important; }
.m100t { margin-top: 100px !important; }

.m-1l{margin-left:-18px !important}
.m5l { margin-left: 5px !important; }
.m10l { margin-left: 10px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p5a { padding: 5px !important; }
.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }
.p40a { padding: 40px 0 !important; }
.p50a { padding: 50px 0 !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }

.p0l { padding-left: 0px !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.bNone { border: none !important; }
.bor01{
  border-bottom:solid 2px #ccc;
}
.bor02{
  border-bottom:solid 1px #ccc;
}
/*sp時変更*/
.m10b-s { margin-bottom: 10px !important; }
.m20b-s { margin-bottom: 20px !important; }
.m30b-s { margin-bottom: 30px !important; }
.m40b-s { margin-bottom: 40px !important; }
.m50b-s { margin-bottom: 50px !important; }
.m60b-s { margin-bottom: 60px !important; }
.m70b-s { margin-bottom: 70px !important; }
.m80b-s { margin-bottom: 80px !important; }
.p50t-s { padding-top: 50px !important; }
.m20l-s{margin-left:20px !important}
.m30r-s{margin-right:30px !important}
.m50l-s{margin-left:50px !important}
.p01-s { padding: 10px !important; }
.p02-s { padding: 20px !important; }
.p03-s { padding: 20px 10% !important; }
.p04-s { padding: 0 20px 20px !important; }
.m01-s { margin: 0 50px 30px !important; }
.p20a-s{ padding: 20px !important; }


/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.cen-pc{text-align:center !important;}
.left { text-align: left !important; }
.right { text-align: right !important; }
/* 投稿の画像配置 */
.f-left{float:left;}
.f-right{float:right;}
.f-left-pc {float: left;}
.f-right-pc {float: right;}
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */

.pc-dnon{display: none;}
.pc-dnon2{display: none;}
a.txt{ display:block }

/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #df1834 !important; }
.txtBlue { color: #1D4194 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtgreen { color: #79a035 !important; }
.txtorenge{color:#fd851b}
.txtBlack{color: #333 !important;}
.bg01{background:#f9f3be;}
.bg02{background:#fff;}
.bg03{background:url(images/bg01.png) repeat;}
.bg04{background:url(images/bg02.png) repeat;}

.txt10 { font-size: 77% !important; }
.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh01{line-height:1 !important;}
.lh02{line-height:2  !important;}
.f-min{
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "メイリオ", Meiryo, serif;
}