@charset 'UTF-8';

/*********************************************
/*
/* Intersection
/*
/********************************************/


/* element
--------------------------------------- */

ul{
  padding: 0;
}

li{
  list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 10px;
}

p{
  line-height: 1.6em;
}

em {
  font-style: normal;
}

.border-box {
  border: 1px solid #aaaaaa;
  padding: 1em 1em 1em 1em;
}

.text-Area {
  border: 1px solid #ddd;
  padding: 1em 1em 1em 1em;
  position: relative;
}

.pink {
  color: rgb(255, 0, 128);
}

.red {
   color: #f44336!important;
}

.orenge {
   color: #ff9800!important;
}

.blue {
   color: #0079d9!important;
}

.bgcolorY {
  background: #ffffce!important;
}

.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.padt10 {padding-top: 10px;}

.padb10 {padding-bottom: 10px;}

/* .LeftBox -------*/
.LeftBox {
  position: absolute;
  right: 0;
  top: 17px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .LeftBox {
    position: relative;
    text-align: center;
    top: 0;
    margin-bottom: 15px;
  }
}


/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .LeftBox {
    position: absolute;
    top: 23px;
    right: 65px;
  }
}


/* fontSize --------------------------------*/

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize16W {
    font-size: 16px;
    font-weight: bold;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize20W {
    font-size: 20px;
    font-weight: bold;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize24W {
    font-size: 24px;
    font-weight: bold;
}

.fontSize32 {
    font-size: 32px;
}

.fontSize32W {
    font-size: 32px;
    font-weight: bold;
}

.fontSize36 {
    font-size: 36px;
}

.fontSize36W {
    font-size: 36px;
    font-weight: bold;
}

.fBold{
  font-weight: bold !important;;
}

.lead {
  font-size: 14px;
}

.indent {
  text-indent: -1em;
  margin-left: 1em;
}

.line-under {
  text-decoration: underline!important;
}


/* body
--------------------------------------- */
body {
    background: #fbfbfb;
}

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

@media screen and (min-width: 768px) and (max-width: 991px) {
  img {
      width: 100%;
  }
}

.main {
    margin-bottom: 20px;
}

.bodyInner {
  margin: 0 auto;
  width: 1000px;
  background: #fff;
  border: 3px solid #ddd;
  padding: 2px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .bodyInner {
    width: 100%;
  }

  .main {
    padding: 10px;
    margin-bottom: 10px;
  }
}

/*  */
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

h1{

}

h2{
  font-size: 1.6em;
  margin-bottom: 10px;
}

h3.titl01{
  font-size: 1.4em;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  h2.title{
    font-size: 1.2em;
    font-weight: bold;
  }

  h3 {
     margin-bottom: 10px;
  }
}


/* .header
--------------------------------------- */

.header {
    /* border-top: 6px solid #2771C5;
    background: #fff;
    display: none; */
}

/* .site-logo
--------------------------------------- */

.site-logo {
    margin-top: 16px;
    margin-bottom: 14px;
    padding-right: 0;
}

/* .breadcrumb
--------------------------------------- */

.breadcrumb {
    padding: 8px 0px 8px 0px;
    background: none;
     margin-bottom: 0;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li a {
  color: #222;
}

.breadcrumb li+li:before {
    content: '»';
    padding-right: 6px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
  .breadcrumb {
    position: relative;
  }

  .breadcrumb ul {
    margin-bottom: 0;
  }
}


/* .Navigation
--------------------------------------- */

/* .navbar
--------------------------------------- */

.navbar {
    min-height: auto;
    margin-bottom: 10px;
    border-radius: 0px;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
  .navbar {
    margin-bottom: 0;
    background: #92c4fe;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar .container {
        width: 100%;
    }
}

.nav-toggle {
    text-align: right;
}

.navbar-toggle {
    margin: 0px 0 0 0;
    /* background-image: -webkit-linear-gradient(top, #3384cf 0, #2865ac 100%); */
    /* background-image: -o-linear-gradient(top, #3384cf 0, #2865ac 100%); */
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(#3384cf), to(#2865ac)); */
    /* background-image: linear-gradient(to bottom, #3384cf 0, #2865ac 100%); */
    border-radius: 2px;
  }

.navbar-toggle {
  border: none;
}

  .navbar-toggle .icon-bar+.icon-bar,
  .navbar-toggle .icon-bar {
  background-color: #fff!important;
  margin-top: 2.4px;
}


 .navbar-default .navbar-toggle:focus,
 .navbar-default .navbar-toggle:hover {
  background-color: #92c5fe!important;
}

/* カスタム ハンバーガー
--------------------------------------- */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: auto;
  height: 32px;
  top: 6px;
  right: 27px;
  /* padding: 0 10px; */
}

.menu-trigger span {
  position: absolute;
  /* left: 0; */
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.collapsed span.icon-bar:nth-of-type(2) {
  transform:none!important;
  top: 1px!important;
}
.collapsed span.icon-bar:nth-of-type(3) {
  opacity: 1!important;
  top: 9px!important;
}
.collapsed span.icon-bar:nth-of-type(4) {
  transform:none!important;
  bottom: 11px!important;
}

.menu-trigger span.icon-bar:nth-of-type(2) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  top: -12px;
}

.menu-trigger span.icon-bar:nth-of-type(3) {
  opacity: 0;
}

.menu-trigger span.icon-bar:nth-of-type(4) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
  bottom: -1px;
}




.navbar-inverse {
    border: none;
    border-top: 2px solid #206cc4;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #2865ac;
    background-image: -webkit-linear-gradient(top, #3384cf 0, #2865ac 100%);
    background-image: -o-linear-gradient(top, #3384cf 0, #2865ac 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3384cf), to(#2865ac));
    background-image: linear-gradient(to bottom, #3384cf 0, #2865ac 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}

.navbar-collapse {
    box-shadow: none;
}

@media screen and (min-width: 768px) {
    .navbar-collapse {
        margin-top: 0;
    }
}

.navbar-nav {
    float: none;
    margin: 0 auto;
    width: 672px;
}

.navbar-nav li {
    width: 100%;
}

.navbar-nav>li>a:hover .glyphicon:before{
 color: #ffcd01;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

@media screen and (max-width: 768px) {
  .navbar-default .navbar-collapse {
    border-color: #e7e7e7;
    box-shadow: inset 0px 2px 3px #237ee3;
  }

  .navbar-default .navbar-nav>li {
    border-bottom: 1px solid #fff;
  }

  .navbar-default .navbar-nav>li:last-child{
    border: none;
  }

  .navbar-default .navbar-nav>li>a {
    color: #fff;
    text-shadow: 0px 0px 2px #0075f8;
    position: relative;
    padding-left: 7px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .navbar-default .navbar-nav>li>a>b {
    position: absolute;
    right: 3px;
  }

  .navbar-default .navbar-nav>li>a:focus,
  .navbar-default .navbar-nav>li>a:hover {
    color: #1e69bd;
    background-color: transparent;
    text-shadow: 0px 0px 0px #0075f8;
    }

  .container-fluid>.navbar-collapse,
  .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
      margin-right: 0px;
      margin-left: 0px;
  }

  .navbar .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }

  .navbar-header{
    margin-left: 0!important;
    margin-right: 0!important;
    padding-bottom: 10px;
    position: relative;
    padding-top: 5px;
  }

  .navbar-header .sp-logo {
    width: auto;
    position: absolute;
    display: inline-block;
    top: 18px;
    left: 10px;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-header .sp-logo a{
    color: #fff;
    text-shadow: 0px 0px 1px #0161cb;
    font-weight: bold;
  }

  .navbar-nav {
    width: 100%;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .navbar-nav {
    width: 615px;
    margin: 0 auto;
  }

  .navbar-default .navbar-collapse {
    border-color: #ddd;
    box-shadow: none;
  }

  .navbar-default .navbar-nav>li:last-child {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
}


@media screen and (min-width: 768px) {
    .navbar-header{
      display: none;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
    }

    .navbar-default .navbar-nav>li>a {
      color: #777;
      text-shadow:  none;
    }

    .navbar-default .navbar-nav>li>a>b {
      display: none;
    }


    /* current page color */
    body.top .navbar-nav>li.top>a,
    body.fee-index .navbar-nav>li.fee>a,
    body.apply .navbar-nav>li.fee>a,
    body.office .navbar-nav>li.office>a,
    body.question .navbar-nav>li.question>a,
    body.contact .navbar-nav>li.contact>a{
      background: #fffbdb;
    }
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #2865ac;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #2865ac;
}

@media screen and (min-width: 768px) {
    .navbar-nav li {
        width: 100%;
    }
    .navbar-nav>li {
        width: auto;
        text-align: center;
        border-left: 1px solid #ddd;
    }

    .navbar-nav>li:last-child {
      border-right: 1px solid #ddd;
    }

    .navbar-nav li:hover {
        background: #6060601a;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 20px 0;
        color: #fff;
    }
}


/* .sub-nav
--------------------------------------- */

.sub-nav, .navbar-form {
    display: none;
}

.sub-nav a {
    color: #66737f;
}

.sub-nav li:before {
    padding-right: 5px;
    content: '»';
    color: #90b7df;
}

@media screen and (min-width: 768px) {
    .sub-nav {
        display: block;
        padding-top: 30px;
        text-align: right;
    }
    .navbar-form {
        display: block;
        padding: 0;
        text-align: right;
    }
}

.input-group {
    width: 280px;
}

@media screen and (min-width: 768px) {
    .navbar-form .input-group .input-group-btn {
        width: 1%;
    }
}


/*  key-visual
--------------------------------------- */

/*  jumbotron
--------------------------------------- */

.jumbotron {
    margin: 0;
    padding: 0;
}


/*  key-visual
--------------------------------------- */

.key-visual {
  margin: 0 0 0px 0;
  min-height: 400px;
  background: #333;
}

.under .key-visual {
  min-height: 154px;
}

.under .key-visual .item{
  position: relative;
}

.under .key-visual a.img-head-tel {
  position:absolute;
  top: 32px;
  right: 10px;
}

.mainvisual-sp {
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
  .key-visual {
    margin: 0 0 0px 0;
    min-height: 100%;
  }

  .under .key-visual {
    min-height: 55px;
  }

  .under .key-visual a.img-head-tel {
      position: absolute;
      top: 13px;
      right: 6px;
      width: 38%;
  }

  .mainvisual-sp {
    display: block;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .key-visual {
    min-height: 325px;
  }

  .under .key-visual {
    min-height: 118px;
  }

  .under .key-visual a.img-head-tel {
    width: 290px;
    top: 27px;
  }
}


/*  MainContent-index
--------------------------------------- */

/*  .home-subtitle
--------------------------------------- */

.home-subtitle {
    font-size: 25px;
    padding-left: 10px;
    border-left: 4px solid #337ec4;
}

.home-subtitle span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

@media screen and (min-width: 768px) {
    .home-subtitle {
        font-size: 40px;
    }
    .home-subtitle span {
        display: inline;
        margin-left: 20px;
    }
}


/*  .nav-tabs
--------------------------------------- */

.nav-tabs li {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .nav-tabs li {
        width: 190px;
        height: 52px;
        margin: 0 4px 0 0;
    }
}

.nav-tabs>li>a {
    font-size: 16px;
    margin: 0;
    padding: 14px 15px;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #cfe4f6;
}

@media screen and (min-width: 768px) {
    .nav-tabs>li>a {
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
    }
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #fff;
    background: #468dc8;
}

/*  .mainblock
--------------------------------------- */

.under #mainblock {
  float: right;
  position: relative;
}

.inner-block p {
    padding: 0 15px;
}

.inner-block li {
    padding: 0 15px 10px;
}

@media screen and (min-width: 768px) {
    .inner-block li {
        padding: 0 15px;
    }
}

/*  section  -----*/
section {
  margin: 0 0 60px;
  padding: 0 20px 0 0;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  section {
    margin: 0 0 20px;
  }

  body.under section {
    padding-right: 0;
  }
}

/* .confirm-sec
---------------------------------------*/

.confirm-sec {
  background: url(../image/top/top-matta.png) no-repeat ;
  padding-bottom: 10px;
  margin-bottom: 20px;
  background-size: 100%;
}

.under .confirm-sec {
 background: url(../../common/image/kakunin.gif) no-repeat ;
 padding-bottom: 10px!important;
 border-bottom: 1px solid #ddd;
}

.confirm-sec ul {
  display: flex;
  justify-content: space-between;
  padding: 60px 30px 11px 35px;
}
/*
.under .confirm-sec ul {
  padding: 64px 10px 11px 59px;
} */

.confirm-sec ul li:hover img {
  opacity: 0.8;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .confirm-sec {
    margin-bottom: 20px!important;
  }

  .under .confirm-sec {
    background-size: 130%;
      margin-bottom:  0px!important;
  }

  .confirm-sec ul {
    padding: 0;
    padding-top: 29px;
    width: 92%;
    margin: 0 5%;
  }

  .under .confirm-sec ul {
    padding-top: 40px;
     margin-bottom: 20px;
    }


  .confirm-sec ul li:last-child{
    /* margin-left: 10px; */
    margin-left: 2%;
    margin-right: 2%;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .confirm-sec ul {
    padding-top: 66px;
    margin: 0 10% 0 10%;
    margin-bottom: 30px;
    width: 80%;
  }

  .under .confirm-sec ul {
    padding: 85px 0px 0px 0px;
  }
}



/* .detail-sec
---------------------------------------*/

.detail-sec dl {
  border:1px solid #5d5d5d;
}

.detail-sec dl dt,
.detail-sec dl dd {
  line-height: 2.4em;
  height: 2.4em;
  border-bottom:1px solid #5d5d5d;
  box-sizing: border-box;
}

.detail-sec dl dt {
  text-align: left;
  padding-left:15px;
  border-right: 1px solid #5d5d5d;
}

.detail-sec dl dt.lH01,
.detail-sec dl dd.lH01 {
  height: 4.8em;
}

.detail-sec dl dt.lH02,
.detail-sec dl dd.lH02 {
  height: 4.8em;
  line-height: 1.6;
}

.detail-sec dl dt.lH03,
.detail-sec dl dd.lH03 {
  height: 4.8em;
  line-height: 1.6;
}

.detail-sec dl dd.lH01,
.detail-sec dl dd.lH02,
.detail-sec dl dd.lH03 {
  line-height: 1.6em;
  padding: 10px;
}

.detail-sec dl dt.lH01{
  padding-top: 6px;
}

.detail-sec dl dt.lH03,
.detail-sec dl dt.lH02 {
  padding-top: 12px;
}

.detail-sec dl dd {
  text-align: left;
  padding-left:15px;
  margin-left: 160px;
}

.detail-sec dl dt.last,
.detail-sec dl dd.last {
  border-bottom: none;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
  .detail-sec dl dd {
    margin-left: 0px;
  }

  .detail-sec dl dt,
  .detail-sec dl dd {
    line-height: 2.4em;
    min-height: 2.4em;
    height: auto;
    border-right: 1px solid #5d5d5d;
  }

  body.commerce .detail-sec dl dt {
    height: 2.4em!important;
    line-height: 2.4em!important;
    padding-top: 0!important;
  }

  body.commerce .detail-sec dl dd.lH02 {
    height: 7.8em;
  }

  body.commerce .detail-sec dl dd.lH03 {
    height: 6.6em;
  }
}

/* .pagination-btn-area
---------------------------------------*/

.pagination-btn-area ul {
  position: relative;
}

.pagination-btn-area ul li {
  position: absolute;
  text-align: center;
  width: 48%;
}

.pagination-btn-area ul li.next {
  right: 0;
}

.pagination-btn-area ul li.previous {
}

.pagination-btn-area ul li a {
  background: #ddd;
  line-height: 2.8em;
  display: block;
}

.pagination-btn-area ul li a:hover {
  background: #222;
}


/* bottom-menu
---------------------------------------*/

.bottom-menu {
  display: block;
  text-align: center;
}

/*  aside
--------------------------------------- */
.aside {
    margin: 10px auto 0;
}

.aside p a:hover {
    opacity: 0.6;
}

/* underページ */
.under .aside {
  padding-left: 20px;
}

.aside .banner {
    text-align: center;
}

.aside .banner .SidebtnBox {
  margin-bottom: 0px;

}

/* sideMenu */

.aside .sideMenu h3 {
  margin-bottom: 0;
}

.aside .sideMenu h3 img{
  width: 100%;
}

.aside .sideMenu {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
}

.aside .sideMenu ul {
  border: 1px solid #ddd;
  padding: 1em 1em 1em 1em;
  position: relative;
}

.aside .sideMenu ul li {
  text-align: left;
  font-size: 1.1em;
  line-height: 1.7em;
  list-style:circle;
  margin-left: 1.2em;
}

.aside .sideMenu ul li a {
  color: #222;
}

.aside .sideMenu p.del-area {
  margin: 10px 0px 0px 10px;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .SidebtnBox {
    display: none;
  }

  .under .aside {
    display: none;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .aside {
    display: none;
  }
}

@media screen and (min-width: 992px) {
    .aside {
        margin: 0 auto;
    }
    .aside p img {
        width: 100%;
        height: auto;
    }
}

/*  Footer
--------------------------------------- */

/*  .btn-pagetop
--------------------------------------- */

.btn-pagetop {
    border-bottom: 5px solid #e7ffe6;
    background: #fff;
}

.btn-pagetop .container-Area {
    text-align: right;
}

.btn-pagetop .container-Area a {
    display: inline-block;
    width: 50px;
    height: 33px;
    text-decoration: none;
    color: #000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #e7ffe6;
}

.btn-pagetop .container-Area a:focus,
.btn-pagetop .container-Area a:active,
.btn-pagetop .container-Area a:hover {
    text-decoration: none;
    background: #e7ffe6;
}

.btn-pagetop .container-Area a i {
    padding-top: 10px;
}

@media (max-width: 768px) {
  .btn-pagetop {
    position: fixed;
    bottom:25px;
    right: 15px;
    border: none;
  }
}


/*  .footer
--------------------------------------- */


.footer {
    background: #2d5e93;
}

.footer-nav {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    margin: 0;
    color: #dedede;
}

@media screen and (min-width: 768px) {
    .footer-nav>div {
        float: left;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .footer-nav>div {
        max-width: 25%;
        text-align: left;
    }
}

.footernav-title {
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.footernav-title .glyphicon-chevron-down:before {
    margin-right: 10px;
}

@media screen and (min-width: 768px) {
    .footernav-title .glyphicon-chevron-down:before {
        display: none;
    }
}

.footer .list-group {
    margin-bottom: 0;
}

.footer .list-group a {
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}

.footer .list-group a:hover {
    text-decoration: none;
    color: #6aaae6;
}

.footer-logo {
    margin-top: 20px;
}

.footer-icon .container {
    list-style-type: none;
}

.footer-icon p, .footer-icon ul {
    width: 100%;
    text-align: center;
}

.footer-icon li {
    display: inline-block;
    float: none;
}

.footer-icon li a:hover {
    opacity: 0.6;
}

.footer-icon li img {
    width: 40px;
    height: auto;
    border: 2px solid #bedaff;
}

.sns-icon {
    float: left;
}

.copyright {
    text-align: center;
    background-color: #e6ffe6;
    color: gray;
}

/* CLEAR FIX
---------------------------*/

.flow-sec .photo:after,
.under #mainblockx:after,
.clearfix:after
{
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
}

.flow-sec .photo,
.under #mainblock,
.clearfix {
     zoom: 1;
}


/* # mediaのbootstrapの補足的に使うプロパティ
---------------------------------------------------------------------------- */

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) and (max-width: 1199.99px) {
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {}