/* font import */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* common */
* {
box-sizing: border-box;
}

html, body {
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
font-size:13px;
background-color:#fff;
color: #555;
max-width: 100%;
padding: 0;
margin: 0 auto;
letter-spacing: 0.05em;
}
a:focus,
a:hover {
outline: none;
cursor: pointer;
text-decoration: none;
}

ul {
padding-left: 0px;
}

ul > li {
list-style: none;
}

.mincho {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.block {
display: inline-block;
}
.bold {
font-weight: 600;
}
.text-small {
font-size: 10px;
font-weight: normal;
}
.navy {
color: #002F4C;
}
.bg-navy {
background-color: #002F4C;
}
.red {
color: #B81C27;
}
.bg-red {
background-color: #B81C27;
}
.yellow {
color: #A67A16;
}
.bg-yellow {
background-color: #A67A16;
}
.bg-grey {
background-color: #DDDBD8;
}
.bg-white {
background-color: #fff;
}

#anchor{
  padding-top:120px;
  margin-top:-120px;
}

#anchor2{
  padding-top:90px;
  margin-top:-90px;
}

#anchor3{
  padding-top:120px;
  margin-top:-120px;
}

.movie-wrap {
     position: relative;
     height: 0;
     padding: 0px 0 56.25%;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* animated */
.delay-05s {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.delay-10s {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.section {
width: 100%;
}
.row{
max-width: 1240px;
}

.bbt {
font-size: 11px;
background-color: #535353;
padding: 10px 10px 2px 10px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.bbt img {
padding-top: 5px;
}

.bbt-subText {
font-size: 11px;
color: #ecebeb;
}

footer {
padding-bottom: 30px !important;

}

footer img {
width: 250px;
margin-top: 20px;
}

footer ul {
width: 300px;
margin: 0 auto;
}

footer ul > li {
text-align: center;
padding-bottom: 10px;
}


/* -- costumer --*/
.navbar {
background-color: #fff;
height: 80px;
width: 100%;
position: fixed;
}
.navbar-header .navbar-brand {
width: 230px;
padding-top: 23px;
}
.navbar-right {
margin-top: 14px;
}
.nav-tel {
font-size: 29px;
color: #b81c27;
display: block;
text-align: center;
margin-left: 10px;
border-left: 1px solid #ebebeb;
padding-left: 20px;
padding-right: 20px;
margin-top: -5px;
}
.nav-tel img {
margin-top: -5px;
}
.nav-tel span {
font-size: 10px;
color: #000;
display: block;
font-weight: normal;
letter-spacing: 0.02em;
margin-top: -5px;
line-height: 1em;
}
.login-btn {
background-color: #555;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 15px !important;
color: #fff !important;
margin-top: 5px;
display: inherit;
}
a.login-btn:hover {
background-color: #235480 !important;
text-decoration: none;
}

.hero-carousel {
padding-top: 65px !important;
margin-bottom:0px !important;
}
.hero-carousel__cell--1 {
height: auto;
display: inline-block;
}
.top-img {
display: block;
margin-bottom: 30px;
}
.top-button {
text-align: center;
padding-bottom: 70px;
}
.top-button ul {
margin: 0 auto;
display: inline-block;
}
.top-buttonLeft, .top-buttonRight {
margin-left: 40px;
margin-right: 40px;
font-size: 24px;
font-weight: bold;
}

.top-buttonLeft {
background: linear-gradient(to bottom, #1AC6A5,#007F7A);
background: -moz-linear-gradient(top, #1AC6A5,#007F7A);
background: -webkit-linear-gradient(top, #1AC6A5,#007F7A);
background: -ms-linear-gradient(top, #1AC6A5,#007F7A);
border-radius: 8px;
color: #122dff;
display: inline-block;
font-size: 20px;
padding: 4px;
text-decoration: none;
}
.top-buttonLeft a {
background: #14AF91;
display: block;
padding: 23px 80px;
color: #fff;
display: inherit;
border-radius: 6px;
}
.top-buttonLeft:hover, .top-buttonRight:hover,
.top-buttonLeft:active, .top-buttonRight:active {
background: linear-gradient(to bottom, #007F7A,#1AC6A5);
background: -moz-linear-gradient(top, #007F7A,#1AC6A5);
background: -webkit-linear-gradient(top, #007F7A,#1AC6A5);
background: -ms-linear-gradient(top, #007F7A,#1AC6A5);
}

.top-buttonRight {
background: linear-gradient(to bottom, #1AC6A5,#007F7A);
background: -moz-linear-gradient(top, #1AC6A5,#007F7A);
background: -webkit-linear-gradient(top, #1AC6A5,#007F7A);
background: -ms-linear-gradient(top, #1AC6A5,#007F7A);
border-radius: 8px;
color: #122dff;
display: inline-block;
font-size: 20px;
padding: 4px;
text-decoration: none;
}

.top-buttonRight a {
background: #fff;
display: block;
padding: 23px 122px;
color: #14AF91;
display: inherit;
border-radius: 6px;
}
.top-buttonRight a:hover, 
.top-buttonRight a:active {
background-color: #f7f7f7;
}

.section-title {
font-size: 28px;
font-weight: 600;
color: #0B3460;
text-align: center;
margin-bottom: 50px;
}


.categoryBox {
background-color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
display: inherit;
color: #555;
line-height: 2.0em;
margin-left: 2px;
margin-right: 2px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
-o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
-ms-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
}
.categoryBox h2 {
padding: 15px 10px;
text-align: center;
color: #fff;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
font-size: 20px;
font-weight: 600;
}
.category p {
padding: 10px;
font-size: 16px;
}
.categoryBox-text {
font-size: 16px;
height: 130px;
}
.categoryBox-text span {
font-size: 18px;
font-weight: 600;
}
.categoryBox-subTitle {
text-align: center;
color: #A67A16;
font-weight: 600;
margin-top: 10px;
}
.categoryBox-subText {
padding-left: 10px;
padding-bottom: 20px;
}


.cost {
padding-top: 50px;
}
.costBox {
display: inline-block;
}
.cost-pc {
padding-top: 30px;
}

.costBox dd{
float: left;
font-size: 34px;
font-weight: 600;
color: red;
width: 300px;
padding-top: 70px;
color: #B81C27;
display: inline-block;
margin-bottom: 20px;
}
.costBox span {
font-size: 13px;
display: inline-block;
color: #555;
position: absolute;
left: 360px;
top: 113px;
}
.costBox .costBox-img1 {
position: absolute;
width: 130px;
left: 140px;
top: 10px;
z-index: -1;
}
.costBox .costBox-img2 {
position: absolute;
width: 140px;
top: 10px;
left: 440px;
z-index: -1;
}
.cost-img {
border: 20px solid #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.costBox-text {
margin-top: 30px;
line-height: 1.8em;
}
.costBtn {
padding-top: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.user .costBtn {
padding-top: 60px;
}
.costBtn .btn-primary {
color: #ffffff;
font-weight: 600;
font-size: 20px;
background-color: #286193;
padding: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.costBtn a:hover {
background-color: #144067;
}


.partner {
margin-top: 80px;
}
.partner .section-title {
margin-bottom: 0px;
}
.partner .row {

}
.partnerBox {
padding-top: 60px;
border-top: 1px solid #eeeeec;
text-align: center;
padding-bottom: 30px;
}
.partnerBox-icon {
position: absolute;
width: 150px;
top: -70px;
left: 42%;
}
.partnerBox-logoBox {
float: left;
margin-left: 18px;
margin-right: 18px;
height: auto;
width: 20%;
}
.partnerBox-logo {
margin: 0 auto;
}
.gotoContact .top-button {
padding-bottom: 0px;
}
.gotoContact .top-buttonLeft, 
.gotoContact .top-buttonRight {
margin-left: 20px;
margin-right: 20px;
}

.logo-mynavi-text {
font-size: 11px;
margin-top: -20px;
display: inherit;
}

.circle-grey {
width: 130px;
height: 130px;
position: relative;
margin: 0 auto;
border-radius: 140px;
-moz-border-radius: 140px;
-webkit-border-radius: 140px;
z-index: 999;
background-color: #f5f5f5;
}
.circle-white {
width: 130px;
height: 130px;
position: relative;
margin: -70px auto 0;
border-radius: 140px;
-moz-border-radius: 140px;
-webkit-border-radius: 140px;
z-index: 999;
background-color: #fff;
}
.circle-blue {
width: 130px;
height: 130px;
padding: 5px;
position: relative;
margin: -70px auto 0;
border-radius: 140px;
-moz-border-radius: 140px;
-webkit-border-radius: 140px;
z-index: 999;
background-color: #5D789C;
}
.functionwork {
padding-top: 80px;
padding-bottom: 30px;
}
.functionwork-link {
text-align: right;
margin-bottom: 40px;
font-size: 14px;
font-weight: 600;
}

.functionworkBox-link:hover .functionworkBox{
background-color: #F5F5F5;
}

.functionworkBox {
border: 1px solid #b0bece;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 20px 10px;
text-align: center;
margin-bottom: 50px;
color: #0B3460;
}

.functionworkBox h2 {
font-size: 20px;
font-weight: 600;
color: #0B3460;
height: 40px;
}
.functionworkBox h2 span {
font-size: 11px;
font-weight: normal;
}
.functionwork-icon {
margin: 40px auto;
height: 90px;
}
.functionworkBox p {
font-size: 15px;
font-weight: 600;
}

#scene {
  padding-top:90px;
  margin-top:-90px;
}
.scene {
padding-top: 50px;
}
.scene-exBox {
height: 170px;
}
.scene-exBox .sceneIcon {
margin-top: -15px;
margin-left: -15px;
position: absolute;
}
.scene-exBox-left {
width: 60%;
float: left;
background-color: #eee;
height: 100%;
}
.scene-exBox-left i {
color: #439dd5;
}
.scene-exBox-left ul {
padding-left: 20px;
}
.scene-exBox-right {
float: left;
width: 40%;
}
.scene-exBox-right img {
width: 100%;
}
.scene-subTitle {
text-align: center;
margin-bottom: 40px;
font-size: 18px;
font-weight: 600;
color: #24547f;
padding-top: 40px;
}
.scene-exTitle span {
font-size: 11px;
color: #439dd5;
display: block;
}
.scene-exTitle {
text-align: center;
font-size: 16px;
font-weight: 600;
margin-top: 20px;
}

.scene-exBox {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
background-color: #fff;
height: 170px;
overflow: hidden;
}

.scene-exBox ul > li {
line-height: 1.8em;
}
.sceneRight {
background-color: #439DD5;
padding: 40px;
height: 300px;
}
.sceneRight-title {
color: #fff;
font-size: 24px;
margin-bottom: 30px;
}
.sceneRight-text {
color: #0b3460;
font-size: 17px;
line-height: 1.6em;
}
.video {
position: relative;
height: 300px;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.media {
background-color: #fff;
padding-top: 100px;
margin-top: -55px;
padding-bottom: 70px;
}
.media .media-img {
margin-bottom: 30px;
}
.user {
background-color: #fff;
padding-bottom: 60px;
}

.user-title{
border-top: 1px solid #eeeeec;
padding-top: 50px !important;
}

.user-img {
margin-bottom: 50px;
border: 20px solid #eeeeec;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.category {
padding-top: 40px;
}
.price {
padding-top: 50px;
padding-bottom: 60px;
}
.price2 {
padding-top: 77px;
}
.price2 .section-title-0 {
font-size: 50px;
font-weight: 600;
}
.price2-subtitle {
text-align: center;
font-size: 16px; 
padding-top: 15px; 
color: #0b3460;
font-weight: 600;
margin-top: -50px;
padding-bottom: 50px;
}
.price2Box {
font-size: 12px;
}
.price2Box tbody tr td {
border-top: none;
text-align: center;
vertical-align: middle;
border:1px solid #ccc;
}
.price2Box .price2Box-name {
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #0b3460;
}
.price2Box tr td span {
font-size: 10px;
}
.price2Box .price2Box-title {
font-size: 24px;
font-weight: 600;
border: none;
line-height: 1.0em;
}
.price2Box .price2Box-list {
background-color: #A67A16;
border-bottom: 1px solid #A67A16;
color: #fff;
font-weight: 600;
padding: 0px;
}
.price2Box .price2Box-list span {
font-size: 12px;
padding: 17px 0px 18px;
border-bottom: 1px solid #ccc;
width: 80%;
display: inline-block;
}
.pric2eBox .price2Box-yen {
font-size: 14px;
}
.price2Box .price2Box-yen span {
font-size: 30px;
font-weight: 600;
}
.price2Box .price2Box-yen img {
position: absolute;
width: 50px;
left: 44%;
top: 26%;
}

.price-tax {
font-size: 11px;
}
.price-text {
font-size: 12px;
line-height: 1.8em;
}
.priceBtn {
margin-bottom: 30px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.priceBtn a:hover {
background-color: #119279;
}

.priceBtn .btn-primary {
background-color: #16af91;
font-weight: 600;
font-size: 24px;
padding: 20px;
text-align: center;
margin-top: 20px;
border: 1px solid #0aa586;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.logo-ldpE {
position: absolute;
width: 100px;
}
.ldpE-title {
text-align: center;
font-weight: 600;
color: #D40013;
}
.ldpE-subTitle {
text-align: center;
color: #D40013;
font-size: 18px;
font-weight: 600;
}
.ldpE-boxname{
text-align:left;
font-weight:600;
width: 50%;
}
.ldpE-text {
width: 40%;
margin: 70px auto;
}
.ldpE-box {
background-color:#fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 20px;
margin-bottom: 0px;
}
.ldpE-boxName {
font-size: 15px;
text-align: center
padding-right: 10px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 0px;
min-height: 30px;
line-height: 1.5em;
}
#hoge{
display: inline;
}
.ldpE-boxTitle {
text-align: center;
font-size: 15px;
color: white;
font-weight: 600;
padding-top: 10px;
padding-bottom: 5px;
}
.ldpE-boxText {
padding: 0px 10px 0px 10px;
font-size: 13px;
min-height: 95px;
}
.ldpE-subText {
color: #fff;
margin-top: 10px;
font-size: 15px;
text-align: right;
}


.bbtE {
background-color: #5D789C;
padding-top: 50px;
padding-bottom: 70px;
}

.logo-bbtE {
position: absolute;
width: 100px;
}
.bbtE-title {
text-align: center;
font-weight: 600;
color: #fff;
}
.bbtE-subTitle {
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.bbtE-text {
width: 40%;
margin: 70px auto;
}
.bbtE-box {
background-color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 11px;
margin-bottom: 40px;
}
.bbtE-boxName {
font-size: 10px;
text-align: right;
padding-right: 10px;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 0px;
min-height: 50px;
line-height: 1.5em;
}
.bbtE-boxName .bold {
font-size: 11px;
}
.bbtE-boxTitle {
text-align: center;
font-size: 12px;
font-weight: 600;
padding-top: 10px;
padding-bottom: 5px;
}
.bbtE-boxText {
padding: 0px 10px 0px 10px;
min-height: 115px;
}
.bbtE-subText {
color: #fff;
margin-top: -20px;
font-size: 11px;
text-align: right;
}
.circle-logo {
width: 60%;
margin: 0 auto;
padding-top: 35px;
}

.footerBtn {
padding-top: 50px;
padding-bottom: 70px;
}
.footerBtn .btn {
border: none;
padding-top: 25px;
padding-bottom: 25px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
.copyright {
display: inline-block;
padding-top: 5px;
font-size: 10px;
}
.policy {
line-height: 1.8em;
}
.policy h1 {
font-size: 16px;
font-weight: 600;
padding-top: 30px;
padding-bottom: 30px;
line-height: 1.8em;
margin-top: 70px;
}
.policy h2 {
font-size: 14px;
font-weight: 600;
}

.policy .end {
padding-top: 30px;
padding-bottom: 70px;
}


/* --------- options page -------- */
.options .price {
padding-top: 140px;
}
.options .section-title {
margin-bottom: 0px;
}

/* --------- functionwork page -------- */
body.fwork,
body.fwork .section {
background-color: #f5f5f5;
}
body.fwork .section-subtitle {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #0B3460;
margin-top: -20px;
}
.fwork .fworkList {
padding-top: 140px;
}
.fwork .fworkBox {
margin-top: 50px;
padding: 40px 20px;
min-height: 300px;
line-height: 1.6em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.fwork .fworkBox-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
color: #0B3460;
}
.fwork .fworkBox-icon {
text-align: center;
padding-top: 65px;
}
.fwork .fworkBox-icon img {
width: 100px;
margin: 0 auto;
}
.fwork .fworkBox-img {
text-align: right;
}
.fwork .fworkBox-img img {
margin-right: 0px;
display: initial;
margin-top: 10px;
}
.fwork-footerBtn {
padding-top: 50px;
padding-bottom: 50px;
color: #fff;
text-align: center;
}
.fwork-footerBtn .btn {
background-color: #0C539F;
font-weight: 600;
font-size: 24px;
padding: 20px;
text-align: center;
margin-top: 20px;
border-radius: 20px;
border: 1px solid #1862B2;
}

/* ------ media screen ------- */
.selected {
padding-top: 80px;
}
.selected .section-title {
margin-bottom: 40px;
}
.selected .selected-subText {
font-size: 16px;
line-height: 1.7em;
margin-top: -20px;
margin-bottom: 20px;
text-align: center;
}
.selectedBox {
margin-top: 40px;
color: #0B3460;
}
.selectedBox-img {
width: 60px;
margin: 0 auto;
height: 60px
}
.selectedBox-title {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #A67A16;
padding-top: 20px;
padding-bottom: 20px;
}
.selectedBox-text {
font-size: 15px;
height: 80px;
}
.selectedBox-text span {
font-size: 12px;
display: block;
}

/*---- faq ----------*/
.faq {
padding-top: 100px;
background-color: #efefef;
}
.faq .section-title {
padding-top: 30px;
margin-bottom: 35px;
}

.faq .faq-title img {
position: absolute;
top: 15px;
}
.faqBox {
margin-top: 50px;
margin-bottom: 50px;
}
.faq-text {
margin-top: 30px;
}
.faq-text ul {
margin-bottom: 50px;
display: inherit;
}
.faq-textQ {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.faq-textA {
line-height: 2em;
}
.faq-textQ span,
.faq-textA span {
font-size: 24px;
font-weight: 600;
margin-right: 15px;
}
.faqBox .hidden_show table {
width: 60%;
margin-bottom: 20px;
}
.faqBox .hidden_show table tr td{
background-color: #fff;
border: 1px solid #8dc9dc;
padding: 10px;
width: 50%;
}
.faqBox .hidden_show table tr .name {
background-color: #cee4ea;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
/*------ price option  page---------*/
.del {
   color: #B81C27;
   text-decoration : line-through ;
 }
 .del span {
   color: #000;
 }
.price {
padding-top: 50px;
padding-bottom: 60px;
background-color: #F5F5F5;
}
.priceBox,
.priceBox02,
.priceBox03 {
background-color: #fff;
border: 1px solid #ddd;
font-size: 12px;
}
.priceBox tr th {
background-color: #BB9D6C;
border-bottom: none !important;
}
.priceBox tr th,
.priceBox tr td,
.priceBox02 tr th,
.priceBox02 tr td,
.priceBox03 tr th,
.priceBox03 tr td {
vertical-align: middle !important;
text-align: center;
padding-top: 15px !important;
padding-bottom: 15px !important;
border-left: 1px solid #ddd;

}
.priceBox tr td.text-left {
text-align: left;
padding-left: 20px;
}
.priceBox02 {
margin-top: 50px;
}
.priceBox03 {
margin-bottom: 15px !important;
margin-top: 70px;
}
.priceBox02 tr th,
.priceBox03 tr th {
width: 25%;
color: #fff;
border-bottom: none !important;
}
.priceBox02 tr th.navy,
.priceBox03 tr th.navy  {
color: #002F4C;
}
.priceBox02 tr td.text-left,
.priceBox03 tr td.text-left {
text-align: left;
}
.priceBox-0yen {
font-weight: 600;
font-size: 18px;
}
.priceBox-0yen span {
font-size: 12px;
color: #555;
margin-left: 5px;
font-weight: normal;
}
.price-tax {
font-size: 11px;
}
.price-text {
font-size: 12px;
line-height: 1.8em;
}
.priceBtn {
margin-bottom: 30px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* ---------------------------- 
media screen
-------------------------------- */
@media (max-width: 1199px) {
.navbar-header .navbar-brand {
width: 180px;
padding-top: 23px;
}
.nav > li > a {
padding: 10px 10px;
}
.top-buttonLeft, .top-buttonRight {
margin-left: 25px;
margin-right: 25px;
font-size: 18px;
}
.top-buttonLeft a {
padding: 17px 45px;
}
.top-buttonRight a {
padding: 17px 75px;
}

.categoryBox-subText {
min-height: 150px;
}
.costBox dd {
width: 250px;
font-size: 28px;
}
.costBox .costBox-img1 {
position: absolute;
width: 100px;
left: 120px;
top: 30px;
}
.costBox .costBox-img2 {
position: absolute;
width: 100px;
top: 30px;
left: 370px;
}
.costBox span {
left: 290px;
}
.bbtE-boxName {
min-height: 75px;
}
body.options .circle-logo {
margin-top: 5px;
} 
.scene-exBox {
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
background-color: #fff;
height: 147px;
}
.scene-exBox ul > li {
line-height: 1.8em;
font-size: 12px;
}
}

@media (max-width: 991px) and (min-width: 768px) {
body {
padding-left: 10px;
padding-right: 10px;
letter-spacing: 0.01em;
}
.section {
position: relative;
padding: 30px 0;
}
.navbar-right > li > a {
position: relative;
display: block;
padding: 10px 5px;
margin-top: 5px;
font-size: 12px;
font-weight: normal;
}
.nav-tel span {
margin-top: 5px;
width: 180px;
}
.nav-tel {
font-size: 22px;
margin-left: 0px;
padding-left: 10px;
padding-right: 10px;
}
.hero-carousel {
padding-top: 45px !important;
}
.scene-exBox {
height: 180px;
margin-bottom: 20px;
}
.categoryBox {
margin-left: 0;
margin-right: 0;
line-height: 1.8em;
}
.categoryBox h2 {
font-size: 16px;
}
.category p {
padding: 10px;
font-size: 14px;
} 
.categoryBox span {
font-size: 16px;
}
.categoryBox-text {
height: 160px;
}
.categoryBox-subText {
padding-left: 5px;
padding-bottom: 20px;
font-size: 11px;
min-height: 140px;
}
.costBox dd {
width: 210px;
font-size: 28px;
}
.costBox .costBox-img1 {
position: absolute;
width: 90px;
left: 110px;
top: 40px;
}
.costBox .costBox-img2 {
position: absolute;
width: 90px;
top: 40px;
left: 320px;
}
.costBox span {
left: 250px;
}
.circle-grey {
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
z-index: 999;
background-color: #f5f5f5;
}
.functionwork {
padding-top: 50px;
padding-bottom: 30px;
}
.user {
padding-top: 50px;
padding-bottom: 60px;
}
.circle-white {
width: 100px;
height: 100px;
position: relative;
margin: -50px auto 0;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
z-index: 999;
background-color: #fff;
}
.circle-blue {
width: 100px;
height: 100px;
position: relative;
margin: -55px auto 0;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
z-index: 999;
background-color: #5D789C;
}
.price {
padding-top: 50px;
background-color: #F5F5F5;
}
.media {
padding-top: 100px;
margin-top: -50px;
}
.video {
position: relative;
height: 210px;
overflow: hidden;
}
.sceneRight {
padding: 20px;
height: 210px;
}
.sceneRight-title {
color: #fff;
font-size: 18px;
margin-bottom: 10px;
}
.sceneRight-text {
color: #0b3460;
font-size: 14px;
line-height: 1.6em;
}
.bbtE {
background-color: #5D789C;
margin-top: -50px;
padding-top: 110px;
padding-bottom: 110px;
}
.bbtE-box img {
width: 100%;
}
.bbtE-subTitle {
font-size: 14px;
}
.bbtE-text {
width: 50%;
margin: 50px auto;
}
.bbtE-boxName {
min-height: 70px;
}
.bbtE-subText {
margin-top: -40px;
display: inline-block;
color: #fff;
}
.circle-logo {
width: 55%;
margin: 0 auto;
margin-top: 35px;
}
.footerBtn {
padding-top: 50px;
padding-bottom: 70px;
}

/* --------- functionwork page -------- */

.fwork .fworkBox {
font-size: 12px;
height: auto;
line-height: 1.3em;
display: inline-block;
}
.fwork .fworkBox-icon {
padding-top: 0px;
}
.fwork .fworkBox-img img {
margin-top: 0px;
}
}

@media (min-width: 768px) {
.mobile {display: none !important;}

.functionworkBox {
height: 325px;
}
#K3_container {
width: 100% !important;
min-width: 700px !important;
border-right: none !important;
border-left: none !important;
}
}

@media (max-width: 767px) {
body {
font-size: 12px;
letter-spacing: 0.03em;
line-height: 1.8em;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.pc {display: none !important;}

.section {
position: relative;
padding: 20px 0;
}
.navbar {
height: 60px;
position: relative;
}
.navbar-header .navbar-brand {
width: 150px;
padding-top: 20px;
}
.navbar-toggle {
margin-top: 12px;
}
.nav-tel {
font-size: 25px !important;
text-align: center;
margin-bottom: 15px;
margin-top: 10px;
border-left: none;
}
.hero-carousel {
padding-top: 0px !important;
margin-top: -25px;
}
.hero-carousel__cell--1 {
height: auto;
}
.top-img {
padding-top: 30px;
margin-bottom: 15px;
}
.top-button {
padding-bottom: 0px;
}
.top-buttonLeft, .top-buttonRight {
font-size: 14px;
margin: 10px;
}
.top-buttonLeft a {
padding: 13px 50px;
}
.top-buttonRight a {
padding: 13px 77px;
}   
.top-img02 {
width: 70%;
margin: 0 auto;
padding-bottom: 30px;
}
.selected .selected-subText {
font-size: 14px;
text-align: left;
}
.scene-subTitle {
font-size: 15px;
line-height: 1.8em;
}
.m-categoryBox {
margin-top: 0;
}

.categoryBox img {
width: 100%;
}

.category p {
padding: 10px;
font-size: 14px;
}
.cost-pc {
padding-top: 30px;
margin-bottom: 50px;
}
.costBox dd {
float: left;
font-size: 30px;
font-weight: 600;
color: red;
width: 100%;
padding-top: 0;
color: #B81C27;
display: inline-block;
margin: 0 auto;
height: 100px;
padding-left: 70px;
}
.costBox span {
font-size: 13px;
color: #555;
position: relative;
left: 25px;
top: -20px;
}
.costBox .costBox-img1,
.costBox .costBox-img2 {
position: inherit;
width: 80px;
margin-left: 120px;
}
.costBox .costBox-img1{ 
margin-top: -65px;
}
.costBox .costBox-img2{ 
margin-top: -105px;
}
.costBox-text {
font-size: 12px;
}
.costBtn {
margin-top: 0px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-left: 15px;
margin-right: 15px;
}
.costBtn .btn-primary,
.priceBtn .btn-primary {
font-size: 13px;
}
.user .costBtn {
padding-top: 0px;
margin-top: -20px;
}
.partner {
margin-top: 20px;
}
.partner .row {
border-top: 1px solid #ccc;
}
.partnerBox-icon {
position: absolute;
width: 90px;
top: -40px;
left: 38%;
}
.partnerBox-logoBox {
float: left;
margin-left: 0px;
margin-right: 0px;
height: 150px;
display: inherit;
width: 47%;
}
.partnerBox-logo {
margin: 0 auto;
}
.logo-mynavi-text {
padding-top: 0;
font-size: 9px;
margin-top: -15px;
z-index: 10;
}
.section-title {
font-size: 18px;
}
.partnerBox {
padding-top: 70px;
padding-bottom: 20px;
}
.section-title {
margin-bottom: 30px;
}
.scene-exBox {
height: auto;
margin-bottom: 20px;
}

.circle-grey,
.circle-white,
.circle-blue {
width: 80px;
height: 80px;
border-radius: 80px;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
}
.functionwork {
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 40px;
}
.functionworkBox,
.bbtE-box {
width: 80%;
margin:15px auto;
height: auto;
}

.functionworkBox h2 {
font-size: 16px;
font-weight: 600;
color: #0B3460;
height: 35px;
margin-top: 0;
}
.functionworkBox p {
font-size: 14px;
}
.functionwork-icon {
margin: 20px auto;
height: 70px;
}
.video {
position: relative;
height: 0;
padding: 30px 0 48%;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.user {
margin-top: 0px;
padding-bottom: 0px;
}

.sceneRight-title {
font-size: 18px;
margin-bottom: 10px;
}
.sceneRight-text {
font-size: 13px;
}
.sceneRight {

height: 220px;
}
.scene-exBox-left {
width: 100%;
float: none;
padding-top: 10px;
padding-bottom: 10px;
}
.scene-exBox-right {
float: none;
width: 100%;
}
.scene-exBox-right img {
width: 100%;
}
.price {
padding-top: 20px;
}
.price .section-title {
font-size: 18px;
}
.price .section-title-0 {
font-size: 20px;
font-weight: 600;
}
.price2-subtitle {
font-size: 12px; 
padding-top: 15px; 
color: #0b3460;
font-weight: 600;
margin-top: -30px;
padding-bottom: 20px;
}
.price2Box .price2Box-yen span {
font-size: 20px;
}
.price2Box tr td {
padding: 8px 1px !important;
font-size: 10px !important;
}
.price2Box .price2Box-yen img {
left: 40%;
top: 29%;
width: 37px;
}
.price2Box .price2Box-list {
padding: 0px !important;
}
.price2Box .price2Box-list span {
font-size: 10px;
border-bottom: 1px solid #ccc;
width: 80%;
display: inline-block;
vertical-align: middle;
padding-bottom: 15px;
padding-top: 10px;
}
.price {
padding-top: 20px;
}
.priceBox, .priceBox02, .priceBox03 {
font-size: 10px;
}
.priceBox-0yen {
font-size: 13px;
}
.priceBox-0yen span {
font-size: 10px;
}
.price-text {
font-size: 11px;
}
.priceBtn {
margin-top: 20px;
margin-bottom: 10px;
}
.media {
padding-top: 70px;
margin-top: -35px;
padding-bottom: 70px;
}

.bbtE-box img {
width: 100%;
}
.logo-bbtE {
width: 60px;
margin-top: -10px;
}
.bbtE-title {
font-size: 20px;
}
.bbtE-subTitle {
font-size: 12px;
font-weight: 400;
}
.bbtE-text {
width: 60%;
margin: 30px auto;
}
.bbtE-subText {
margin-top: 0px;
font-size: 10px;
text-align: left;
display: inline-block;
color: #fff;
line-height: 1.3em;
}
.circle-blue {
margin-top: -45px;
}
.circle-logo {
padding-top: 25px;
}
.footerBtn {
padding-top: 40px;
padding-bottom: 30px;
}
.footerBtn {
font-size: 16px;
}
.circle-logo {
margin-top: 30px;
}
.footerBtn .btn {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 14px;
}
footer {
padding-bottom: 50px !important;
}
footer img {
width: 190px;
}
.policy h1 {
margin-top: 0px;
}
.options .price {
padding-top: 50px;
}

#K3_container {
border-right: none !important;
border-left: none !important;
}
/* --------- functionwork page -------- */
.section-subtitle {
font-size: 14px;
margin-top: -10px;
}
.fwork .fworkList {
padding-top: 50px;
}
.fwork .fworkBox {
font-size: 12px;
height: auto;
line-height: 1.5em;
display: inline-block;
}
.fwork .fworkBox-icon {
padding-top: 0px;
}
.fwork .fworkBox-title {
text-align: center;
margin-top: 20px;
}
.fwork .fworkBox-img {
text-align: center;
padding-top: 20px;
}
.fwork .fworkBox-img img {
margin-top: 0px;
}
.fwork-footerBtn .btn {
font-size: 14px;
}
.faq .section-title {
padding-top: 20px;
margin-bottom: 20px;
}
.faq .faq-title img {
display: none;
}
.faqBox {
margin-top: 20px;
margin-bottom: 50px;
}
.faq-textQ {
font-size: 14px;
}
.faq-textA {
line-height: 1.5em;
}
.faq-textQ span,
.faq-textA span {
font-size: 18px;
font-weight: 600;
margin-right: 10px;
}
.faqBox .hidden_show table {
width: 100%;
margin-bottom: 20px;
}
.faqBox .hidden_show table tr td{
background-color: #fff;
border: 1px solid #8dc9dc;
padding: 5px;
font-size: 10px;
width: 50%;
}
.faqBox .hidden_show table tr .name {
background-color: #cee4ea;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
.hidden_box input:checked + label + .hidden_show {
padding: 15px;
}
}