/* -------------------共通------------------- */
body{
  opacity: 0;
  font-family: 'Segoe UI','American Typewriter','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.container-fluid{
	max-width: 1920px;
}
/* 現在地色なし */
#present-location > a{
	color: #333;
	background-color: #eee;
}
/* サブタイトル */
.title{
  text-align: center;
}
.title img{
  padding-bottom: 40px;
}
/* テーブル上下ボーダー */
.border{
  border-top: 1px #dcdcdc solid;
  border-bottom: 1px #dcdcdc solid;
  margin-top: 1px;
  margin-bottom: 1px;
}
/* テーブル背景水色 */
.bgcolor{
  background-color: #dfebec;
}
/* テーブルサブタイトル */
.sub{
  font-size: 12px;
  color: #707070;
  font-weight: normal;
  padding-bottom: 5px;
}
/* 入りきらなくなったら改行 */
.wrap-text{
  display: inline-block;
}
/* ポインタ */
.clickable{
	cursor: pointer;
	text-decoration: underline;
}
/* 中央揃え */
.alignCenter p{
  text-align: center;
}
/* 右寄せ */
.alignRight{
	text-align: right;
}
/* キャプション */
.caption{
  font-size: 13px;
  color: #707070;
}
.main-title{
  margin-bottom: 50px;
}
/* スマホ以外電話番号リンク無効化 */
a[href^="tel:"] {
  cursor: default;
}

/* 改行 */
  .pc {
		display: none;
	}
	.sp {
		display: block;
	}

@media (min-width: 768px) {
  /* 現在地色あり */
  #present-location > a{
	color: #FFF;
	background-color: #194f8f;
  }
  /* サブタイトル */
  .title{
    padding-bottom: 30px;
  }
  .title img{
    width: 90px;
    padding-bottom: 0;
  }
  /* テーブルサブタイトル */
  .sub{
	font-size: 10px;
  }
  /* キャプション */
  .caption{
    font-size: 11px;
    color: #707070;
  }
  .main-title{
    margin: 0 auto 80px;
    max-width: 1920px;
  }
}

@media (min-width: 992px) {
  /* サブタイトル */
  .title{
    padding-bottom: 50px;
  }
  .title img{
	width: 110px;
  }
  /* テーブルサブタイトル */
  .sub{
	font-size: 11px;
  }
  /* キャプション */
  .caption{
    font-size: 12px;
    color: #707070;
  }
  .message{
    margin: 0 auto;
  }
.pc {
		display: block;
	}
}

@media (min-width: 1200px) {
  body{
    font-size: 15px;
  }
  /* サブタイトル */
  .title img{
	width: 120px;
  }
  /* キャプション */
  .caption{
    font-size: 13px;
    color: #707070;
  }
}



/* -------------------ヘッダー------------------- */

/* ナビ */
.navbar-header{
  height: 71px;
  margin-bottom: 0;
}
.navbar-header dl{
  /*
  margin-top: 10px;
  */
  padding-right:10px;
}
.header{
  font-size: 14px;
  color: #707070;
  height: 71px;
}
nav{
  z-index: 1030;
}
.navbar{
  z-index: 1030;
  position: relative;
}

/* ナビフロートダウン */
.floatdown-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transform: translateY(-100%);
}
.is-show {
  transform: translateY(0);
}

/* ナビロゴ */
.logo{
	padding-top: 20px;
	padding-left: 10px;
}
.logo-subtitle{
	padding-top: 5px;
}

@media (min-width: 768px) {
  .header{
    font-size: 12px;
	height: 86px;
  }
  /* ナビ */
  .navbar-nav{
	border: none;
  }
  .navbar-header{
    height: 50px;
  }
  .floatdown-nav .navbar-header{
    height: 20px;
  }
  .nav > li > a{
  	padding: 0 10px;
  	background-color: #fff;
  	border: none;
    font-size: 12px;
  }
  .navbar-header {
    margin-bottom: 0;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    padding-bottom: 10px;
  }
  .header dd{
    font-size: 10px;
  }
  /* ナビロゴ */
  .logo{
	padding-top: 13px;
	padding-left: 20px;
  }
  .logo img{
	  width: 250px;
  }
  .logo-subtitle{
	  font-size: 11px;
  }
}

@media (min-width: 992px) {
  .header{
	height: 96px;
  }
  /* ナビ */
  .navbar-header{
    font-size: 14px;
  }
  .navbar-header{
    height: 58px;
  }
  .floatdown-nav .navbar-header{
    height: 28px;
  }
  .nav > li > a{
	padding: 0 12px;
	background-color: #fff;
	border: none;
    font-size: 14px;
  }
  .navbar-header dd{
    font-size: 12px;
  }
  .floatdown-nav .logo{
	padding-bottom: 5px;
  }
  /* ナビロゴ */
  .logo img{
	  width: 320px;
  }
  .logo-subtitle{
	  font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .navbar-header dl{
    padding-right:15px;
  }
  .nav > li > a{
    padding: 0px 16px;
  }
}



/* -------------------ホーム------------------- */

/* メインビジュアル */

.mainVisual{
  background: url(../img/top-main-visual-smart.jpg) no-repeat;
  background-size: contain;
  height: 0;
  padding-bottom: calc(100%*700/750);
}
.main-title-left p{
	text-align: left;
	text-shadow: 2px 1px 3px #000;
}
img.main-title-smart{
  padding-left: 15px;
  padding-top: 57%;
  width:85%;
}
.smart-main-text{
	padding:15px 0;
	font-size: 14px;
	line-height: 1.5em;
	padding-bottom: 40px;
}

/* ホーム業務実績 */
.mainPerformance{
	padding:0 15px;
}
.mainPerformance .title{
  padding-bottom: 20px;
  text-decoration: underline;
  font-size: 14px;
  line-height: 1.5em;
}
.mainPerformance .title img{
	padding-bottom: 3px;
}
.mPbox{
  padding: 15px 5px;
  line-height: 1.8em;
}
.mPbox .owner{
	font-size: 14px;
}

/* ホーム事業案内 */
.mainInformation {
  padding-top: 50px;
  padding-bottom: 60px;
}
.col-sm-10.mIimg{
  padding-left: 0;
  padding-right: 0;
}
.mIimg img{
  padding-bottom: 5px;
  max-width: 750px;
}

@media (min-width: 768px) {
  /* メインビジュアル */
  .mainVisual{
    background: url(../img/top-main-visual.jpg) no-repeat;
    background-size: contain;
    height: 0;
    padding-bottom: calc(100%*777/1920);
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  .main-caption{
    padding-top: 40px;
  }
  .main-title-left p{
    font-size: 12px;
    color: #fff;
  }
  .main-title-left{
    padding-top: 50px;
    margin-left: -50px;
    margin-right: 50px;
    opacity: 0;
  }
  .main-title-left img{
    width: 380px;
    padding-bottom: 15px;
  }
  .main-title-right{
    margin-top: -50px;
    opacity: 0;
    text-align: center;
  }
  .main-title-right img {
    width: 180px;
  }
  .title{
    font-size: 13px;
  }
  
  /* ホーム業務実績 */
  .mainPerformance .title a{
    font-size:11px;
    line-height:1px;
  }
  .mPbox{
	line-height: 1.3em;
  }
  .mPbox .owner{
	font-size: 11px;
  }
  
  /* ホーム事業案内 */
  .mainInformation {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .mIimg{
    display: flex;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
  }
  .col-sm-10.mIimg{
    padding-left: 15px;
    padding-right: 15px;
  }
  .mIimg .top-eisei,
  .mIimg .top-kutyo{
    width: 49.5%;
    height: 49.5%;
  }
  .mIimg img{
    max-width: 468px;
  }
}

@media (min-width: 992px) {
  .main-title-left{
	padding-top: 60px;
  }
  .main-title-left img {
    width: 450px;
  }
  .main-title-right img {
    width: 240px;
  }
  .main-title-left p{
    font-size: 14px;
  }
  .mPbox{
	line-height: 1.3em;
  }
  .mPbox .owner{
	font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .main-caption{
    padding-top: 60px;
  }
  .main-title-left img {
    width: 530px;
    padding-bottom: 30px;
  }
  .main-title-right img {
    width: 280px;
  }
  .mainPerformance .title a{
    font-size:12px;
  }
  .mainInformation {
    padding-top: 80px;
  }
}
@media (min-width: 1500px) {
  .main-caption{
    padding-top: 120px;
  }
  .main-title-left{
    padding-top: 110px;
  }
  .main-title-left img {
    width: 580px;
  }
  .main-title-right img {
    width: 320px;
  }
  .main-title-left img{
  padding-bottom: 30px;
  }
  .main-title-left p{
    font-size: 15px;
  }
}
@media (min-width: 1920px) {
  .mainVisual{
    padding-bottom: 777px;
  }
}


/* -------------------会社案内------------------- */
.aboutCompany{
  padding: 0 15px 60px;
  line-height: 1.8em;
}
.aboutCompany a{
  color: #333;
  text-decoration: none;
}
.aboutCompany .message{
  margin-bottom: 60px;
}
.aboutCompany .sign{
  display: flex;
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  justify-content: flex-end;
  padding-top: 10px;
}
.aboutCompany .sign dl{
  padding-top: 5px;
  padding-right: 10px;
  text-align: right;
}
.aboutCompany .sign dl dt{
  font-size: 11px;
  padding: 5px 0;
}
.aboutCompany .sign dl dd{
  font-size: 20px;
}
.aboutCompany .sign img{
  width: 145px;
  height: 30.9px;
}
.aCbox{
  padding: 20px 0;
}

@media (min-width: 768px) {
  .aboutCompany{
    padding-bottom: 100px;
  }
  .aboutCompany .message{
    margin-bottom: 10px;
  }
  .aboutCompany .message .sign{
    padding-top: 0;
  }
  .aboutCompany .message .sign dl{
    padding-top: 15px;
    padding-right: 10px;
  }
  .aboutCompany .message .sign dl dt{
    font-size: 12px;
  }
  .aboutCompany .message .sign dl dd{
    font-size: 21px;
  }
  .aboutCompany .sign img{
    width: 160px;
    height: 34.1px;
  }
}

@media (min-width: 992px) {
  .aboutCompany .message{
    width: 45em;
  }
  .aboutCompany .message .sign dl dt{
    font-size: 13px;
  }
  .aboutCompany .message .sign dl{
    padding-top: 10px;
  }
  .aboutCompany .message .sign dl dd{
    font-size: 22px;
  }
  .aboutCompany .sign img{
    width: 170px;
    height: 36.3px;
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .aboutCompany{
    padding-bottom: 140px;
  }
}



/* -------------------事業案内------------------- */
.main-title.business{
  margin-bottom: 60px;
}

.carousel.business{
  position: static;
}
.business .carousel-indicators{
  position: static;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
}
.business .carousel-indicators li.eisei{
  background-image: url(../img/business-eisei.jpg);
}
.business .carousel-indicators li.eisei.active{
  background-image: url(../img/business-eisei-active.jpg);
}
.business .carousel-indicators li.kutyo{
  background-image: url(../img/business-kutyo.jpg);
}
.business .carousel-indicators li.kutyo.active{
  background-image: url(../img/business-kutyo-active.jpg);
}
.business .carousel-indicators li.tyokketsuka{
  background-image: url(../img/business-tyokketsuka.jpg);
}
.business .carousel-indicators li.tyokketsuka.active{
  background-image: url(../img/business-tyokketsuka-active.jpg);
}
.business .carousel-indicators li.kousei{
  background-image: url(../img/business-kousei.jpg);
}
.business .carousel-indicators li.kousei.active{
  background-image: url(../img/business-kousei-active.jpg);
}
.business .carousel-indicators li.tyosa{
  background-image: url(../img/business-tyosa.jpg);
}
.business .carousel-indicators li.tyosa.active{
  background-image: url(../img/business-tyosa-active.jpg);
}
.business .carousel-indicators li,
.business .carousel-indicators .active{
  background-size: contain;
  width: 19.333%;
  height: 0;
  padding-bottom: calc(19.333%*350/272);
  border: none;
  border-radius: 0;
  margin: 0 1px;
  text-indent: 0;
}
.business .carousel-indicators.caption li{
  height: auto;
  padding: 0;
  cursor: default;
}
.business .carousel-inner{
  padding-bottom: 60px;
}
.business .slider-contents{
  position: relative;
}
.business .slider-contents{
  margin-top: 30px;
}
.business .slider-contents .container{
  text-align: center;
}
.business .slider-contents .container h1,p{
  text-align: left;
}
.business .slider-contents .container h1{
  font-size: 26px;
  padding: 10px 0;
  margin-top: 40px;
}
.business .slider-contents .container p{
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.business .slider-contents .container .sub-img{
  display: flex;
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  justify-content:space-between;
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}
.business .slider-contents .container .sub-img img,
.business .slider-contents .container .sub-img .tyosa-popup{
  width: 49.5%;
  height: 49.5%;
}
.business .slider-contents .container .sub-img .tyosa-popup{
  cursor: pointer;
  position: relative;
}
.business .slider-contents .container .sub-img .tyosa-popup .tyosa-popup-link .kakudai{
  position: absolute;
  bottom: 3%;
  right: 0;
  color: #fff;
  background-color: #666;
  opacity: .6;
  padding: 5px 10px;
}
.business .slider-contents .container .sub-img .tyosa-popup:hover > .tyosa-popup-link .kakudai{
  background-color: #000;
  opacity: .8;
}


@media (min-width: 768px) {
  .main-title.business{
    margin-bottom: 30px;
  }
  .business .carousel-indicators li,
  .business .carousel-indicators .active{
    width: 19.666%;
    padding-bottom: calc(19.666%*350/272);
  }
  .business .carousel-inner{
    padding-bottom: 100px;
  }
  .business .slider-contents{
    margin-top: 80px;
  }
  .business .slider-contents .container{
    width: 600px;
  }
  .business .slider-contents .container h1{
    font-size: 26px;
    padding: 10px 0; 
    margin-top: 30px;
  }
  .business .slider-contents .container p{
    padding-bottom: 20px;
  }
  .business .slider-contents .container .sub-img img,
  .business .slider-contents .container .sub-img .tyosa-popup{
    width: 48%;
    height: 48%;
  }
  .business .slider-contents .container .sub-img .tyosa-popup .kakudai{
    bottom: 6px;
    right: 0;
    padding: 5px 15px;
  }
}

@media (min-width: 992px) {
  .business .carousel-indicators li,
  .business .carousel-indicators .active{
    width: 19.777%;
    padding-bottom: calc(19.777%*350/272);
  }
  .business .slider-contents .container{
    width: 700px;
  }
  .business #img-modal .modal-dialog{
    width: 800px;
  }
  .business .slider-contents .container .sub-img .tyosa-popup .kakudai{
    bottom: 7px;
    right: 0;
    padding: 5px 15px;
  }
}

@media (min-width: 1200px) {
  .business .carousel-inner{
    padding-bottom: 140px;
  }
  .business .slider-contents .container{
    width: 800px;
  }
  .business .slider-contents .container h1{
    font-size: 28px;
    padding: 20px 0 10px;
  }
  .business .slider-contents .container p{
    padding-bottom: 30px;
  }
}



/* -------------------業務実績------------------- */
.businessPerformance{
  padding: 0 15px 60px;
  line-height: 1.8em;
}
.bPbox{
  padding: 15px 0;
}
.modal-thumbnails{
  padding-top: 8px;
  padding-left: 30px;
  padding-right: 22px;
}
.modal-thumbnails img{
  padding-left: 0;
  padding-right: 8px;
}
.blend-screen{
  background-color: #fff;
  background-blend-mode: screen;
  opacity: .6;
}
.opacity{
  opacity: 1;
}
.last-border{
  border-bottom:none;
  padding: 0;
}
.businessPerformance .alignCenter{
  padding: 0;
  margin-top: 20px;
  margin-bottom: 80px;
}
.businessPerformance .alignCenter img{
  max-width: 750px;
}
.businessPerformance .alignCenter.pickupLeft{
  margin-bottom:30px;
}
.businessPerformance .alignCenter.pickupRight{
  margin-bottom:80px;
}

@media (min-width: 768px) {
  .businessPerformance{
    padding-bottom: 100px;
    overflow: hidden;
  }
  .modal-mainImg{
	padding-right: 5px;
  }
  .modal-thumbnails{
	padding-top: 0;
	padding-left: 10px;
	padding-right: 0;
  }
  .modal-thumbnails img{
	padding: 0 0 15px 10px;
  }
  .businessPerformance .alignCenter{
    margin-top: 10px;
    padding: 0;
  }
  .businessPerformance .alignCenter.pickupLeft{
    padding-right: 5px;
  }
  .businessPerformance .alignCenter.pickupRight{
    padding-left: 5px;
  }
  .businessPerformance .alignCenter.pickupLeft,
  .businessPerformance .alignCenter.pickupRight{
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .businessPerformance .message{
    width: 60em;
  }
}

@media (min-width: 1200px) {
  .businessPerformance{
    padding-bottom: 140px;
  }
}



/* -------------------採用情報------------------- */
.recruit{
  padding: 0 15px;
  line-height: 1.8em;
  padding-bottom: 60px;
}
.recruit p{
  margin-bottom: 30px;
}
.recruit .carousel.slide{
  margin-bottom: 60px;
}
.recruit .carousel.slide .carousel-indicators{
  bottom: 0;
}
.recruit .carousel-inner .item .item-cont{
  display: flex;
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  justify-content:space-between;
  -ms-flex-pack:justify;/*--- IE10 ---*/
  -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}
.recruit .carousel-inner .item .item-cont img{
  width: 49.5%;
  height: 49.5%;
}
.recruit .carousel.slide .carousel-control{
  width: 10%;
}
.recruit h1{
  font-size: 24px;
  margin-bottom: 20px;
}
.rbox{
  padding: 20px 0;
}
.rbox.item-bottom{
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .recruit{
    padding-bottom: 100px;
  }
  .recruit p{
	margin-bottom: 30px;
  }
  .recruit h1{
	font-size: 24px;
	margin-bottom: 20px;
  }
  .recruit .carousel-inner .item .item-cont img{
    width: 33%;
    height: 33%;
  }
  .rbox.item-bottom{
    margin-bottom: 10px;
  }
  .recruit .carousel.slide .carousel-control{
    width: 5%;
  }
  .con-bottom{
    margin-bottom: 100px;
  }
}

@media (min-width: 992px) {
  .recruit .message{
    width: 44em;
  }
  .recruit p{
	margin-bottom: 50px;
  }
  .recruit h1{
	font-size: 27px;
	margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .recruit{
    padding-bottom: 140px;
  }
  .rbox.item-bottom{
    margin-bottom: 15px;
  }
  
}



/* -------------------お問い合わせ------------------- */
.contact{
  padding: 0 15px;
  line-height: 1.8em;
  padding-bottom: 60px;
}
.contact p{
  margin-bottom: 30px;
}
input.form-control,select.form-control,textarea.form-control{
  width: 100%;
}
input.form-control.postal-code{
  width: 100px;
}
.form-btn{
  margin-top: 50px;
  text-align: center;
}
.btn{
  padding: 6px 20px;
}
.contact .text-success{
  color: #333;
}
.contact .text-success,
.contact .text-danger,
.contact .text-success p,
.contact .text-danger p{
  text-align: center;
}
.contact .text-success h1{
  font-size: 26px;
  line-height: 1.3em;
}
.contact .text-success p{
  margin-top: 30px;
}
.contact .text-success button a,
.contact .text-danger button a{
  color: #fff;
  text-decoration: none;
}
.contact label{
  font-size: 12px;
}
.contact .after_delete{
  font-size: 18px;
}

@media (min-width: 768px) {
  .contact{
    padding-bottom: 100px;
  }
  .contact .message{
    width: 47em;
  }
  .contact p{
	margin-bottom: 30px;
  }
  .form-group .form-label{
	text-align: right;
	padding-right: 40px;
  }
  input.form-control,select.form-control{
    width: 350px;
  }
  input.form-control.postal-code{
    width: 100px;
  }
  textarea.form-control{
	width: 90%;
	max-width: 1000px;
  }
  .contact label{
    font-size: 13px;
  }
  .form-btn{
    margin-top: 50px;
    text-align: center;
  }
  .btn{
    padding: 6px 30px;
  }
}

@media (min-width: 992px) {
  .contact p{
	margin-bottom: 50px;
  }
  input.form-control,select.form-control{
    width: 400px;
  }
  input.form-control.postal-code{
    width: 100px;
  }
  .form-btn{
    margin-top: 50px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .contact{
    padding-bottom: 140px;
  } 
  input.form-control,select.form-control{
    width: 450px;
  }
  input.form-control.postal-code{
    width: 100px;
  }
  .form-btn{
    margin-top: 50px;
    text-align: center;
  }   
  .btn{
    padding: 6px 40px;
  }
}
  


/* -------------------フッター------------------- */
#footer{
  padding-bottom: 70px;
}
#footer, #footer a{
  background-color: #313131;
  color: #fff;
  margin-top: 50px;
}

/* 上部遷移矢印 */
.goToTop{
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.goToTop img{
  cursor: pointer;
}

/* フッターロゴ */
.footer-logo{
  text-align: center;
  padding-bottom: 30px;
}

/* フッターナビ */
#footer nav .footer-navi{
  display: flex;
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
}
.footer-navi li{
  list-style: none;
  padding-right: 40px;
}
.footer-navi li+ li{
  border-left: 1px solid #fff;
  padding-left: 40px;
}

/* ISOロゴ */
#footer .iso-logo,
#footer .iso-logo p{
  text-align: center;
}
#footer .iso-logo p.active{
  margin-top: 5px;
}
@media (min-width: 768px) {
  #footer{
    margin-top: 10px;
    padding-bottom: 50px;
  }
  /* フッターロゴ */
  #footer .footer-logo{
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .footer-logo img{
    width: 220px;
  }
  /* フッターナビ */
  .footer-navi li{
    padding-right: 15px;
    font-size: 11px;
  }
  .footer-navi li+ li{
    padding-left: 15px;
  }
  /* ISOロゴ */
  #footer .iso-logo,
  #footer .iso-logo p{
    text-align: right;
    font-size: 10px;
  }
  #footer .iso-logo p.active{
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  #footer{
    padding-bottom: 60px;
  }
  /* フッターロゴ */
  .footer-logo img{
    width: 220px;
  }
  /* フッターナビ */
  .footer-navi li{
    padding-right: 30px;
    font-size: 13px;
  }
  .footer-navi li+ li{
    padding-left: 30px;
  }
  /* ISOロゴ */
  #footer .iso-logo,
  #footer .iso-logo p{
    font-size: 12px;
  }
  #footer .iso-logo p.active{
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  #footer{
    margin-top: 20px;
  }
  /* フッターロゴ */
  .footer-logo img{
    width: 250px;
  }
  /* フッターナビ */
  .footer-navi li{
    padding-right: 40px;
  }
  .footer-navi li+ li{
    padding-left: 40px;
  }
}