@font-face {
  font-family: "hand-sub";
  src: url("../fonts/shunkashuto_sub.eot?") format('eot'),
       url("../fonts/shunkashuto_sub.woff2") format('woff2'),
       url("../fonts/shunkashuto_sub.woff") format('woff');
}
.hand-sub-family {
  font-family: "hand-sub";
}
@font-face {
  font-family: "hand-main";
  src: url("../fonts/Archistico_Simple_sub.eot?") format('eot'),
       url("../fonts/Archistico_Simple_sub.woff2") format('woff2'),
       url("../fonts/Archistico_Simple_sub.woff") format('woff');
}
.hand-main-family {
  font-family: "hand-main";
}

.list-group {border-radius: 0;}
.list-group .list-group-item {background-color: transparent;overflow: hidden;border: 0;border-radius: 0;padding: 0 16px;}
.list-group .list-group-item .row-picture,
.list-group .list-group-item .row-action-primary {float: left;display: inline-block;padding-right: 16px;padding-top: 8px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img,
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i,
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {display: block;width: 56px;height: 56px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img {background: rgba(0, 0, 0, 0.1);padding: 1px;}
.list-group .list-group-item .row-picture img.circle,
.list-group .list-group-item .row-action-primary img.circle {border-radius: 100%;}
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i {background: rgba(0, 0, 0, 0.25);border-radius: 100%;text-align: center;line-height: 56px;font-size: 20px;color: white;}
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {margin-left: 7px;margin-right: -7px;margin-top: 5px;margin-bottom: -5px;}
.list-group .list-group-item .row-content {display: inline-block;width: calc(100% - 92px);min-height: 66px;}
.list-group .list-group-item .row-content .action-secondary {position: absolute;right: 16px;top: 16px;}
.list-group .list-group-item .row-content .action-secondary i {font-size: 20px;color: rgba(0, 0, 0, 0.25);cursor: pointer;}
.list-group .list-group-item .row-content .action-secondary ~ * {max-width: calc(100% - 30px);}
.list-group .list-group-item .row-content .least-content {position: absolute;right: 16px;top: 0px;color: rgba(0, 0, 0, 0.54);font-size: 14px;}
.list-group .list-group-item .list-group-item-heading {color: rgba(0, 0, 0, 0.77);font-size: 20px;line-height: 29px;}
.list-group .list-group-separator {clear: both;overflow: hidden;margin-top: 10px;margin-bottom: 10px;}
.list-group .list-group-separator:before {content: "";width: calc(100% - 90px);border-bottom: 1px solid rgba(0, 0, 0, 0.1);float: right;}

.bg-profile{background-color: #3498DB !important;height: 150px;z-index: 1;}
.bg-bottom{height: 100px;margin-left: 30px;}
.img-profile{display: inline-block !important;background-color: #fff;border-radius: 6px;margin-top: -50%;padding: 1px;vertical-align: bottom;border: 2px solid #fff;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;z-index: 2;}
.row-float{margin-top: -40px;}
.explore a {color: green; font-size: 13px;font-weight: 600}
.twitter a {color:#4099FF}
.img-box{box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius: 2px;border: 0;}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.megamenu .megamenu-content {
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .megamenu .megamenu-content {
    padding: 10px 20px;
  }

}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.navbar .megamenu-content h5 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: dotted 1px #555555;
}
@media (max-width: 767px) {
  .navbar .megamenu-content h5 {
    font-size: 14px;
  }
}
.navbar .megamenu-content ul {
  margin: 0;
  padding: 0;
}
.navbar .megamenu-content ul li {
  list-style-type: none;
  border-bottom: solid 1px #eeeeee;
  padding: 4px 0;
}
.navbar .megamenu-content ul li a {
  color: #999999;
  font-size: 12px;
  display: block;
  padding: 0 0;
}
.navbar .megamenu-content ul li a:hover {
  color: #4fbfa8;
  text-decoration: none;
}
.navbar .megamenu-content .banner {
  margin-bottom: 10px;
}
.navbar ul.nav > li > a {
  text-transform: uppercase;
  font-weight: bold;
}
.navbar ul.nav > li > a .active {
  background-color: #fff; color:#028fcc;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.navbar {
  margin-bottom: 0;
}
.nav .open>a,
 .nav .open>a:focus,
  .nav .open>a:hover {
    color: #028fcc;
}
.cmnttl {
position: relative;

background: -moz-linear-gradient(90deg, powderblue, transparent);
background: -webkit-linear-gradient(90deg, powderblue, transparent);
background: linear-gradient(to right, powderblue, transparent);

padding: 12px 5px 12px 50px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
margin-bottom: 36px;
}

.cmnttl:before {
font-family: FontAwesome;
content: "\f126";
font-size:2em;
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #028fcc;
font-weight: normal;
width: 60px;
text-align: center;
height: 60px;
line-height: 55px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

.cmnttlnews:before {
  content: "\f1ea";
  font-size:1.5em;
}

.cmnttlqa:before {
  content: "\f075";
  font-size:1.5em;
}

.cmnttlpoint:before {
  content: "\f046";
  font-size:1.5em;
}



.serif-ttl-large {
  font-size: 36px;
  line-height: 36px;
  /*padding-top: 130px;*/
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.serif-msg-small {
  color: #626262;
  font-size: 14px;
  line-height: 28px;
  padding: 42px 0px 50px;
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.common-ttl-01 {
position: relative;
padding: 0 .5em .5em 2em;
}
.common-ttl-01::before,
.common-ttl-01::after {
position: absolute;
content: '';
border-radius: 100%
}
.common-ttl-01::before {
top: .2em;
left: .2em;
z-index: 2;
width: 18px;
height: 18px;
background: rgba(150, 150, 150, .5);
}
.common-ttl-01::after {
top: .7em;
left: .7em;
width: 13px;
height: 13px;
background: rgba(210, 210, 210, .5);
}

.common-ttl-02 {
    position: relative;
    padding-left: 38px;
    /* font-size: 20px; */
    color: #325A8C;
    margin-bottom: 50px;
}
.common-ttl-02::before,
.common-ttl-02::after {
    content: "□";
    position: absolute;
    font-size: 2em;
}
.common-ttl-02::before {
    left: -0.5em;
    top: -0.5em;
}
.common-ttl-02::after {
    left: -1em;
    top: 3px;
    color: #A1B8D1;
}


@media screen and (max-width:767px) {
  .common-ttl-02 {
  position: relative;
  padding-left: 38px;
  /*font-size:20px;*/
  color: #325A8C;
  margin-bottom: 30px;
  }
  .common-ttl-02::before,
  .common-ttl-02::after{
  content: "□";
  position: absolute;
  font-size: 1em;
  }
  .common-ttl-02::before{
  left:0;
  top:-3px;
  }
  .common-ttl-02::after{
  left: 5px;
  top: 3px;
  color: #A1B8D1;
  }
}


.serif-ttl-check{
position: relative;
color: black;
background: #d0ecff;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.serif-ttl-check:after {
  position: absolute;
  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }


.list-style-01 {
counter-reset:number;
list-style-type: none!important;
padding:0.5em;
/*border: dashed 1px gray;*/
}

.list-style-01 li{
position: relative;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 30px;
}
.list-style-01 li span {
font-size: 21px;
}
.list-style-01 li:before{
position: absolute;
counter-increment: number;
content: counter(number);

display:inline-block;
background: #028fcc;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align:center;

top: 10%;
-moz-transform: translateY(-10%);
  -webkit-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
}

.common-ttl-03 {
position: relative;
padding-left: 1.2em;
/*line-height: 1.4;*/
color: #028fcc;
font-size: 16px;
font-weight: bold;
height: 23px;
line-height: 23px;
margin-bottom: 24px;
}

.common-ttl-03:before{
  font-family: FontAwesome;
  content: "\f075";
  position: absolute;
  font-size: 2em;
  left: -0.5em;
  top: 0;
  color: #ccc;
}

.common-ttl-04 {
position: relative;
padding-left: 1.2em;
line-height: 24px;
}

.common-ttl-04:before{
font-family: FontAwesome;
content: "\f007";
position: absolute;
font-size: 2em;
left: -0.5em;
top: 0;
color: #ccc;
}

.common-ttl-05 {
position: relative;
padding-left: 1.4em;
/*line-height: 24px;*/
color: #028fcc;
font-size: 16px;
font-weight: bold;
height: 23px;
line-height: 23px;
margin-bottom: 24px;
}

.common-ttl-05:before{
font-family: FontAwesome;
content: "\f1ea";
position: absolute;
font-size: 2em;
left: -0.8em;
top: 0;
color: #ccc;
}


.common-ttl-06 {
position: relative;
padding-left: 1.4em;
line-height: 24px;
}

.common-ttl-06:before{
font-family: FontAwesome;
content: "\f098";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #028fcc;
}

.common-ttl-07 {
position: relative;
padding-left: 1.4em;
line-height: 24px;
}

.common-ttl-07:before{
font-family: FontAwesome;
content: "\f199";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #028fcc;
}

#teaser.about {
    background: url(../images/about-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
        overflow: hidden;
}

#teaser.si {
    background: url(../images/si-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
        overflow: hidden;
}

#teaser.product {
    background: url(../images/product-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
        overflow: hidden;
}

#teaser.contact {
    background: url(../images/contact-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
        overflow: hidden;
}

#teaser {
    width: 100%;
    text-align: center;
    position: relative;
}
#teaser h2 {
    color: #fff;
    font-size: 48px;
    line-height: 1;
    position: absolute;
    top: 180px;
    font-weight: 600;
    left: 0;
    z-index: 2;
    width: 100%;
}
.ffOpen {
    font-family: 'Open Sans', sans-serif;
}
#teaser h2 span {
    font-weight: normal;
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-top: 55px;
}

.phone-num {
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 1px;
    color: #028fcc;
    padding: 22px 0 16px;
}

.common-ttl-08 {
position: relative;
padding-left: 1.4em;
line-height: 1em;
}

.common-ttl-08:before{
font-family: FontAwesome;
content: "\f06c";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #028fcc;
}

.common-ttl-09 {
position: relative;
padding-left: 1.4em;
line-height: 1em;
}

.common-ttl-09:before{
font-family: FontAwesome;
content: "\f0c0";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #028fcc;
}

.common-ttl-10 {
position: relative;
padding-left: 1.4em;
line-height: 1em;
}

.common-ttl-10:before{
font-family: FontAwesome;
content: "\f085";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #028fcc;
}

.box {
/*  -webkit-box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25);
  -moz-box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25);
  box-shadow: 0px 12px 6px -6px rgba(41,41,41,0.25);  padding: 0;*/
}

.step1 {
  z-index: 999;
}

.step2 .animated {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  position: relative;
  top: -6px;
}

.step3 .animated {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  z-index: -3;
  position:relative;
  top: -12px;
}

.step4 .animated {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  z-index: -5;
  position: relative;
  top: -18px;
}

.shape {
	/*width: 150px;
	height: 120px;*/
	-webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  /*-webkit-box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);
  -moz-box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);
  box-shadow: 0px 12px 30px -6px rgba(41,41,41,0.25);*/
  top: 10px;
  left: 8px;
  text-align: center;
  margin: 24px 0;
}

.shape-1 .shape{
  background: #028fcc;
}

.shape-1 .material-icons {
  color: #e74c3c;
}

.shape-2 .shape{
  background: #028fcc;
}

.shape-2 .material-icons {
  color: #34495e;
}

.shape-3 .shape {
  background: #028fcc;
}

.shape-3 .material-icons {
  color: #f39c12;
}

.shape-4 .shape {
  background: #028fcc;
}

.shape-4 .material-icons {
  color: #3498db;
}

.number {
  -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}

.test01 {
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  padding-top: 8px;
  /*transform:scale(2,3);
  -webkit-transform:scale(2,3);
  -moz-transform:scale(2,3);
  -ms-transform:scale(2,3);
  -o-transform:scale(2,3);*/
}

.box p {
  font-weight: 300;
  padding-top: 25px;
}

.process-step .btn:focus{outline:none}
.process{display:table;width:100%;position:relative}
.process-row{display:table-row}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:4px}
.btn-circle{width:80px;height:80px;text-align:center;font-size:12px;border-radius:25%}

.inactive { visibility: hidden; }


.col-list .col-head { color: white; border-bottom: thick solid rgba(0, 0, 0, 0.2); border-radius: 5px 5px 0 0; margin-top: 45px; }
.col-list .col-head span { color: white; font-size: 3em; padding: 15px; border: thick solid white; border-radius: 50%; margin-top: -45px; background-color: #028fcc; }
.col-list .col-head h2 { margin-top: 7px; margin-bottom: 5px; font-size: 2em; font-weight: 700; }
.col-list .t1 .col-head { background-color: #F7F7F9; }
.col-list .t2 .col-head { background-color: #F7F7F9; }
.col-list .t3 .col-head { background-color: #F7F7F9; }
.col-list .t1 li { border-bottom: 1px solid #F7F7F9;    font-size: 0.8em;
    margin: 10px; }
.col-list .t2 li { border-bottom: 1px solid #F7F7F9;     font-size: 0.8em;
    margin: 10px;}
.col-list .t3 li { border-bottom: 1px solid #F7F7F9;    font-size: 0.8em;
    margin: 10px; }
.col-list .t1 li:last-child,
.col-list .t2 li:last-child,
.col-list .t3 li:last-child { border-bottom: 0; }
.col-list li p { cursor: pointer; font-size: 1.2em; padding: 7px; margin: 0; }
.col-list li:hover { background-color: #F7F7F9; }
.option span { color: rgba(162, 213, 0, 1); margin-left: 7px; margin-right: 7px;}

.navbar-logo {
    height:40px;
}

.header-video {
width:100%;
height:auto;

}

@media (max-width: 767px) {
.header-video {
  width:auto;
height:100%;
}
}