@charset 'UTF-8';

/*
Theme Name: osjsc_original
Theme URL: https://saimuseiri-green.com/
Version:1.0
*/

body {
/*font-family: yu-gothic-pr6n, sans-serif;*/
font-weight: 400;
font-style: normal;
	background-color: #f6f6f6;
}
.panel-info {
  border-color: #ebf9fd;
}
.panel-info > .panel-heading {
  color: #08ade4;
  background-color:  #ebf9fd;
  border-color: #ebf9fd;
}

@media screen and (max-width: 767px) {
  .no-sp {display: none;}
	.sp-text-center{
		text-align:center!important;
	}
  body {
    padding-bottom: 45px;
  }
  .navbar-fixed-bottom div.container {
    padding: 0;
  }
  .navbar-fixed-bottom a.menuicon {
  vertical-align: middle;
  width: 24%;
  margin: 0;
  /*padding: 1em;*/
    color: #666;
    border-left: 1px solid #cdcdcd;
    border-radius: 0 0;
	  font-size:26px;
  }
  .navbar-fixed-bottom a.menuicon:first-child {
    border-left: none;
  }
  .navbar-toggle {
    color: #666; 
  }
  .navbar-fixed-bottom {
  opacity: 0.95;
  }
  h1,h2,h3,h4,h5,h6 {
  font-size: 1.618em;
    font-weight:300;
  }
  header,.cont {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
/*     padding-left: 10px;
    padding-right: 10px; */
  }
	header{
/* 	 padding-left: 15px;
    padding-right: 15px;	 */
	}
    #ttl_h1 {
    height: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
  }
  #spbn01 .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  margin-top: 10px;
  padding: 0 5px;
  }
  #spbn02 {margin: 0;padding: 0;font-size: 12px;}
  #spbn02 p {margin: 0 auto 10px;}
  #spbn02-01{margin: 0 auto 10px; border-right: 1px solid #e9e9e9;}
  #spbn02-02{margin: 0 auto 10px; border-right: 1px solid #e9e9e9;}
  #spbn02-03{margin: 0 auto 10px; padding-bottom: 10px;}
  #spbn02-04{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn02-04 p.col-xs-12{padding-left: 15px;padding-right: 15px;}
  #spbn03 {margin: 0;padding: 0;font-size: 12px;}
  #spbn03 p {margin: 0 auto 10px;}
  #spbn03-04{padding-top: 10px;padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-04 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-05{padding-top: 10px;padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-05 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-06{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-06 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-07{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-07 p.col-xs-12{padding-left: 15px; padding-right: 15px; font-size: 1.6rem;}
  #jhbn01 .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  margin-top: 10px;
  padding: 0 5px;
  }
  .btn-line {
    position: fixed;
    bottom: 80px;
    right: 5px;
    z-index: 1;
    width: 45px;
    height: 45px;
  }
  .contact_sp {
      -webkit-transition: .25s linear;
      -moz-transition: .25s linear;
      transition: .25s linear;
      position: relative;
      overflow: hidden;
  }
  .contact_sp :before{
      display: block;
      position: absolute;
      z-index: 0;
      left: -50%;
      top: -50%;
      content: "";
      width: 30px;
      height: 240px;
      max-height: 240px;
      -webkit-transform: rotate(24deg);
      -moz-transform: rotate(24deg);
      transform: rotate(24deg);
      background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
      background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
      background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
      -webkit-animation: flash 3s infinite linear;
      -moz-animation: flash 3s infinite linear;
      animation: flash 3s infinite linear;
  }
  @-webkit-keyframes flash {
    0% { left: -30%; }
    20% { left: 120%; }
    100% { left: 120%; }
  }
  @-moz-keyframes flash {
    0% { left: -30%; }
    20% { left: 120%; }
    100% { left: 120%;}
  }
  @keyframes flash {
    0% { left: -30%; }
    20% { left: 120%; }
    100% { left: 120%; }
  }
  .shake {
    -webkit-animation: shake 0.7s infinite linear alternate;
    animation: shake 0.7s infinite linear alternate;
  }
  @-webkit-keyframes shake {
    0% {-webkit-transform: translate(0, 0) rotate(-5deg);}
    50% {-webkit-transform: translate(0, -5px) rotate(0deg);}
    100% {-webkit-transform: translate(0, 0)rotate(5deg);}
  }
  @keyframes shake {
    0% {transform: translate(0, 0) rotate(-5deg);}
    50% {transform: translate(0, -5px) rotate(0deg);}
    100% {transform: translate(0, 0)rotate(5deg);}
  }
}

@media (min-width: 967px) {
  .no-pc {display: none;}
  header,.cont {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  #ttl_h1 {
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: right;
  }
  #spbn01 a{height: 42px;line-height: 42px;margin-top: 10px;margin-bottom: 10px;padding: 0;}
  #portamento_container {
		position: relative;
	}
	#portamento_container #fixsnav {
		position: absolute;
	}
	#portamento_container #fixsnav.fixed {
		position: fixed;
	}
	.btn-line {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    width: 45px;
    height: 45px;
  }
}

@media (min-width: 992px) {
  header,.cont {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;    
  }
	header{
		text-align: center;
	}
  #ttl_txt {
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: right;
  }
  #spbn01 a{height: 68px;line-height: 68px;}
}

@media (min-width: $screen-xs-max) {
  .pull-sm-left {
      float: left;
  }
  .pull-sm-right {
      float: right;
  }
  .media {
    > .pull-sm-left {
      margin-right: 10px;
    }
    > .pull-sm-right {
      margin-left: 10px;
    }
  }
}
 
@media (max-width: $screen-sm-min) {
  .media {
    > .pull-sm-left, .pull-sm-right {
      margin-bottom: 10px;
    }
  }
}

.ls-05{letter-spacing: -0.5em;}
.lh10{line-height: 1.0;}
.lh12{line-height: 1.2;}
.lh14 {line-height: 1.4;}
.lh18 {line-height: 1.8;}
.lh20 {line-height: 2.0;}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {font-weight: normal;line-height: 1;color: #223;}
h1,.h1,h2,.h2,h3,.h3 {margin-top: 28px;margin-bottom: 14px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {font-size: 14px;}
h4,.h4,h5,.h5,h6,.h6 {margin-top: 14px;margin-bottom: 14px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {font-size: 14px;}
h1,.h1 {font-size: 26px;color: #223;}
/* h2,.h2 {font-size: 26px;color: #223;} */
h2:not(.well-sm){padding: 0.5em;
    background: #ebf8fe;
    border-left: solid 5px #08ade4;
    font-size: 1em;
    font-weight: 900;
    margin: 2em 0 1em;
    line-height: 1.5;}
h2:first-of-type {
    margin-top: 0;
}
/* h3,.h3 {font-size: 26px;color: #223;} */
h3{
	position: relative;
    padding: 0.6em;
    background: #ebf8fe;
    font-size: 1em;
    font-weight: bold;
}
h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 10px solid transparent;
    border-top: 10px solid #ebf8fe;
    width: 0;
    height: 0;
}
h4,.h4 {font-size: 18px;color: #223;}
h5,.h5 {font-size: 18px;color: #223;}
h6,.h6 {font-size: 18px;color: #223;}

a {
  cursor: pointer;
}
a:focus {
  outline: none;
}
/*
a:visited,a:active,a:link,a:hover,a:focus {
  color: #223;
}
*/
.txt-aquablue{
color:#08ade4;
}
a:hover {
  opacity: 0.65;
}
small {font-size: 12px;}

li {list-style: none;}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
hr {border-top: 1px solid #d5dbdb;}
audio {width: 100%;}

.google-map-canvas,
.google-map-canvas*{
  .box-sizeing(content-box);
}

.navbar{
margin-bottom:0;	
}
.m0 {margin: 0;}
.mt-20 {margin-top: -20px;}
.mt-60 {margin-top: -60px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.mt80 {margin-top: 80px;}
.m-15 {margin: 0 -15px 0 -15px;}
.mb0{margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}

.p0{padding: 0;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pt10{padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pb0 {padding-bottom: 0;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb60 {padding-bottom: 60px;}
.pl20 {padding-left: 20px;}
.p1015 {padding: 15px 5px 15px 5px;}
.fukidashi-p {padding: 10px 10px 0 50px;}
.p1em{padding: 1em;}

.bg-white {background-color: #fefefe;}
.bg-lightgray {background-color: #f6f6f6;}
.bg-middlegray {background-color: #fefefe;}
.bg-gray {background-color: #e9e9e9;}
.bg-darkgray {background-color: #d5dbdb;}
.bg-aqua {background-color: #04c0df;}
.bg-aquablue {background-color: #08ade4;}
.bg-blue {background-color: #435c71;}
.bg-green {background-color: #3acd75;}
.bg-orange {background-color: #faa342;}
.bg-red {background-color: #e95c53;}
.bg-paleblue {background-color: #ebf9fd;}
.bg-palegreen {background-color: #effbf4;}
.bg-paleorange {background-color: #fff8f0;}
.bg-palered {background-color: #fdf2f1;}
.bg-yellow {background-color: yellow;}
.bg-beige {background-color: #f9f9e1;}
.bg-brown {background-color: #eace99;}
.bg-bluepurple {background-color: #6969c9;}
.bg-palebluepurple {background-color: #e4e4ea;}
.bg-purple {background-color: #9a59b5;}
.bg-palepurple {background-color: #ecdff2;}
.bg-pink {background-color: #ff81a6;}
.bg-palepink {background-color: #ffeaec;}
.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs20 {font-size: 20px;}
.fs26 {font-size: 26px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs42 {font-size: 42px;}
.fwb {font-weight: bold;}
.fwn {font-weight: nomal;}

.fc-white {color: #fff;}
.fc-gray {color: #666;}
.fc-darkgray {color: #d5dbdb;}
.fc-aqua {color: #04c0df;}
.fc-aquablue {color: #08ade4;}
.fc-blue {color: #157ae7;}
.fc-green{color: #3acd75;}
.fc-orange {color: #fd8a10;}
.fc-red {color: #e95c53;}
.fc-red02{color:#e40f51;}
.fc-yellow {color: #cbb151;}
.fc-bluepurple {color: #6969c9;}
.fc-purple {color: #9a59b5;}
.fc-pink {color: #ff81a6;}
.ta-c {text-align: center;}
.ta-j {text-align: justify;}
.btrbl-aquablue {border: 2px solid #08ade4;}
.btrbl-green {border: 2px solid #3acd75;}
.btrbl-orange {border: 2px solid #faa342;}
.btrbl-red {border: 2px solid #e95c53;}
.btrbl-bluepurple {border: 2px solid #6969c9;}
.btrbl-pink {border: 2px solid #ff81a6;}
.br-s {border-right: 1px solid #44727c;}
.bb-1 {border-bottom: 1px solid #cdcdcd;}
.bb-d {border-bottom: 1px dotted #cdcdcd;}
.bb5 {border-bottom: 5px solid #08ade4;}
.bl-s {border-left: 1px solid #44727c;}

dt:not(:first-child){
	margin-top:.5em;
}
.box-blue {
  margin: 0 auto 20px;
  background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0,0,0,0.22);
}
.box-blue .box-blue-tit {
  padding: 6px 4px 2px;
  background: #3a8ac3;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
.box-red {
  margin: 0 auto 20px;
  background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0,0,0,0.22);
}
.box-red-tit {
  padding: 6px 4px 2px;
  background: #f14864;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
.box-red p,.box-blue p {
  padding: 15px 20px;
  margin: 0;
  color: #223;
}
.bc-white {
  border-color: white;
}

#spbn01 a {
  color: #fff;
}
#spbn01 a:hover,a:focus {
  opacity: 0.65;
}

#spbn01 .btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

#jhbn01 a {
  color: #fff;
}
#jhbn01 a:hover,a:focus {
  opacity: 0.65;
}

#jhbn01 .btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

#ninimenu a.list-group-item:first-child,#jikohasanmenu a.list-group-item:first-child,#kojinminjimenu a.list-group-item:first-child,#kabaraimenu a.list-group-item:first-child,#jikoumenu a.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

#ninimenu a.list-group-item:last-child,#jikohasanmenu a.list-group-item:last-child,#kojinminjimenu a.list-group-item:last-child,#kabaraimenu a.list-group-item:last-child,#jikoumenu a.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.page-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #04c0df;
}

.breadcrumbs {
  font-size: 12px;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs a.home {
/*   color: #04c0df; */
}

.ytmov {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.ytmov iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important:
}

.wp-pagenavi {
}

footer {
  width: 100%;
  padding: 1em;
background-color:#666;
}

.copyright {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  font-size: 11px;
  color: #fff;
}
.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wpcf7-f390-p34-o1 dd input {width: 100%;}
#wpcf7-f390-p34-o1 dd select {width: 100%;height: 50px;}
#wpcf7-f390-p34-o1 dd textarea {width: 100%;}
#wpcf7-f390-p34-o1 p input.wpcf7-submit {
  width: 80%;
  padding: 5px;
  background-color: #04c0df;
  color: #fff;
  border-style: none;
}
.text-center{
	text-align:center!important;
}
/*Tab*/
#tabmenu {
  width: 100%;
  margin: 0;
}
#tabmenu a:hover,
a:focus {
  opacity: 0.65;
  cursor: pointer;
}
#tabtit {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 30px 0 0 0;
}
#tabtit li {
  float: left;
  width: 22.75%;
  margin-left: 2px;
  border-radius: 0.5em 0.5em 0 0;
}
#tabtit li:first-child {margin-left: 0%;}
#tabtit li a {
  display: block;
  width: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
#tab01 {background: #08ade4;}
#tab02 {background: #3acd75;}
#tab03 {background: #faa342;}
#tab04 {background: #e95c53;}
#tabcont {
  width: 100%;
  min-width: 320px;
  margin-top: -1px;
  z-index: -1;
}
#tabcont01,#tabcont02,#tabcont03,#tabcont04 {
  height: 100%;
  padding: 10px;
  border: 1px solid #ddd;
}
#tabcont02,#tabcont03,#tabcont04 {display: none;}
#tabcont01 {background: #08ade4;}
#tabcont02 {background: #3acd75;}
#tabcont03 {background: #faa342;}
#tabcont04 {background: #e95c53;}
.tab1 {
  border: 1px solid #ddd;
  border-bottom: none;
}
.tab2 {border-bottom: none;}
.tabcontback {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 30px 20px;
  background-color: #fff;
}

/* Core Owl Carousel CSS File  v1.3.3 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#voice .owl-carousel {
  margin-top: 80px;
}

#voice .owl-item {
  text-align: left;
}

#voice .owl-item > div {
  padding: 0 15px;
}

#voice .owl-buttons .disabled {
  opacity: .25;
}

#voice .owl-prev,
#voice .owl-next {
  position: absolute;
  top: 100px;
  font-size: 60px;
  color: #666;
}

#voice .owl-prev {
  left: -10px;
}

#voice .owl-next {
  right: -10px;
}


.voice-img img {
    width: 210px;
    margin: 20px auto 30px;
}

.voice-comment {
  font-size: 14px;
  margin-bottom: 40px;
  line-height: 1.6;
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(./images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(./images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(./images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(./images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(./images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(./images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(./images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(./images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(./images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(./images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(./images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(./images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(./images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(./images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #666;
}

.jspCap {
  display: none;
}

.jspTrack {
  position: relative;
  background: #ececec;
}

.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  width: 4px;
  background: #999;
  cursor: pointer;
}

.scroll-pane {
  width: 100%;
  height: 180px;
  overflow-y: scroll;
  margin:10px 0;
}

.scroll-pane {
  overflow:hidden;
}
/*追加============================================================*/
/*#main p.staff_topbox {
	margin-right:  10px;
	margin-left: 0px;
	padding: 0;
}

#main #staff_box {
	overflow: hidden;
	width: 690px;
	margin: 35px 0;
}

#main #staff_box #staff {
	margin: 0;
	padding: 0;
}

#main #staff_box #staff li {
	float: left;
	display: inline;
	width: 220px;
	height: 100%;
	min-height: 550px;
	margin-right: 15px;
	margin-bottom: 35px;
	font-size: 85%;
	zoom: 1;
}
*/
.titsty-1 {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px 15px;
  color: #333;
  border-bottom: 2px solid #04c0df;
  font-size: 18px;
}
.staff_name {
	margin: 0px;
	padding: 5px 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #505A63;
}
.staff_position {
	margin: 0;
	padding:  10px 1em 10px;
	line-height: 1.5;
	color: #fff;
	background-color: #04c0df;
	font-size: 12px;
}
.staff_text {
	height: 100%;
	line-height: 1.5;
	margin: 0;
	padding: 20px 15px;
	font-size: 14px;
	text-align: justify;
}
.nav-tabs-outer {
  height: 60px;
  margin-bottom: -20px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-bottom: none;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.nav-tabs-outer::-webkit-scrollbar {display: none;}
.nav-tabs-outer .nav-tabs li {
  display: block;
  width: 16.6666%;
  line-height: 1;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
}
.nav-tabs-outer .nav-tabs li a {
  padding: 10px 0;
  color: #fff;
}
.nav-tabs-outer .nav-tabs li.active a {
  opacity: 0.7;
}
.fixbox,.fixbox2080,.fixbox3070,.fixboxnagare {
  -js-display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.fixbox2080,.fixbox3070,.fixboxnagare {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.fix-item,.half-item {width: 50%;}
.fixbox2080-l {width: 20%;}
.fixbox2080-r {width: 80%;}
.fixbox3070-l {width: 30%;}
.fixbox3070-r {width: 70%;}
.fixboxnagare-l {width: 20%;}
.fixboxnagare-m {width: 60%;}
.fixboxnagare-m p {
  font-size: 2.6rem;
  font-weight: bold;
}
.fixboxnagare-r {width: 20%;}
.power-wrd {
  margin: 40px auto;
  font-size: 3rem;
  text-align: center;
}
.fixbox-pwwrd {
  padding-top: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: justify;
}
.questionnaire {
  margin: 10px auto 0;
  font-size: 12px;
  text-align: center;
}
.fukidashi {
  background-image: url(https://saimuseiri-green.com/wordpress/wp-content/themes/wp.osjsc/images/top_voice_fukidashi.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.fukidashi-p {padding: 10px 10px 0 50px;}
.fukidashi-p h3 {font-size: 14px;}
.fukidashi-p p {font-size: 14px;}
.faq-q {
	border-bottom: 1px dashed #24bc81;
	width: 100%;
	margin: 0 auto 40px;
}
.faq-q dt {
	position: relative;
	border-top: 1px dashed #24bc81;
	padding: 25px 0 20px;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: .1s linear;
}
.faq-q dt.active:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.faq-q dd {
	display: none;
	padding: 0 0 40px;
	text-align: justify;
}
  #spbn02 {margin: 0;padding: 0;font-size: 12px;}
  #spbn02 p {margin: 0 auto 10px;}
  #spbn02-01{margin: 0 auto 10px; border-right: 1px solid #e9e9e9;}
  #spbn02-02{margin: 0 auto 10px; border-right: 1px solid #e9e9e9;}
  #spbn02-03{margin: 0 auto 10px; padding-bottom: 10px;}
  #spbn02-04{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn02-04 p.col-xs-12{padding-left: 15px;padding-right: 15px;}
  #spbn03 {margin: 0;padding: 0;font-size: 12px;}
  #spbn03 p {margin: 0 auto 10px;}
  #spbn03-04{padding-top: 10px;padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-04 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-05{padding-top: 10px;padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-05 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-06{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-06 p.col-xs-12{padding-left: 15px; padding-right: 15px;}
  #spbn03-07{padding-top: 10px; padding-bottom: 0; border-top: 1px solid #e9e9e9;}
  #spbn03-07 p.col-xs-12{padding-left: 15px; padding-right: 15px; font-size: 1.6rem;}

@media screen and (max-width: 800px) {
  .nav-tabs-outer {
    height: 60px;
    margin-bottom: -20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-bottom: none;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .nav-tabs-outer::-webkit-scrollbar {display: none;}
  .nav-tabs-outer .nav-tabs li {
    display: block;
    width: 140px;
    font-size: 1.4rem;
    text-align: center;
    vertical-align: middle;
  }
  .power-wrd {
    margin: 20px auto;
    font-size: 2.2rem;
    text-align: center;
  }
  .fixbox-pwwrd {
    padding-top: 0;
    font-size: 1.8rem;
  }
  .fukidashi {
    background-image: url(https://saimuseiri-green.com/wordpress/wp-content/themes/wp.osjsc/images/top_voice_fukidashi.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
  }
  .fukidashi-p {padding: 5px 10px 0 50px;}
  .fukidashi-p h3 {line-height: 1; font-size: 1.1rem;}
  .fukidashi-p p {margin-top: -10px; font-size: 1.1rem; text-align: justify;}
  .fixboxnagare-m p {
    padding: 0 0 0 10px;
    line-height: 1.1;
    font-size: 2rem;
    font-weight: bold;
  }
}
@media screen and (max-width: 480px) {
  .fukidashi {
    background-image: url(https://saimuseiri-green.com/wordpress/wp-content/themes/wp.osjsc/images/top_voice_fukidashi.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
  }
  .fukidashi-p {padding: 5px 10px 0 30px;}
  .fukidashi-p h3 {line-height: 1; font-size: 1.1rem;}
  .fukidashi-p p {margin-top: -10px; font-size: 1.1rem; text-align: justify;}
}

<!--追加200520--->
.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}

/*--追加200601--*/
.case-item, .case-profimg, .label-loan, .voice-item, .case-item{
    margin-bottom: 1em;
}

.panel--kabarai .panel-heading{
	background-color: #08ade4;
	color: #fff;
    font-weight: 700;
    overflow: hidden;
    line-height: 1.5;
	text-align: center;
}

.jirei_table {
	width: 100%;
	line-height: 1.7em;
	margin-bottom:1em;
	border-collapse: collapse;
}

.jirei_table tr {
        border-color: #dddddd;
        border-style: solid;
        border-width: 1px 0;
    }

.jirei_table th {
	text-align: left;
	padding: 0;
	width: 40%;
    }

.jirei_table td {
	text-align: left;
	padding: 0;
	width: 60%;

    }

.panel-attention_1 {
    text-align: center;
	background-color: #f7f5dc;
    padding: 0.5em;
}

.arpanel_row{
	text-align: center;
	margin: 5px;
}

.panel-attention_2 {
    text-align: center;
	background-color: #f7f5dc;
    padding: 0.5em;
	margin-bottom: 1em;
}

.kingaku{
	color: #e95c53;
	font-weight: bold;
	font-size: 1.5em;
}

.kekka{
	background-color: #e95c53;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 0.5em 0;
	margin-top: 0;
}

.col-ab{
	position: relative;
}

.banzai{
	position: absolute;
	top: 5px;
	left: 10px;
}

.panel_row{
	overflow: hidden;
	margin-bottom: 0;
}

.col:after, .panel_row:after {
    content: "";
    display: table;
    clear: both;
}

.col-6{
	margin-bottom: 1em;
}

.col_4 {
	width: 23%;
	float:left;
}

.col_4 img{
	width: 100%;
}

.col_8{
	width: 74%;
	float:right;
	padding: 0 0.2em;
}


/*-- PC指定 --*/
@media screen and (min-width: 769px){
.panel--kabarai {
    border-color: #08ade4;
	background-color: #fff;
	max-width: 100%;
	width: 800px;
	margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: .25rem;
}
	
.panel-body{
	padding: 1.5em;
	background-color: #fff;
	color: #2a2a2a;
/* 	display: table; */
}

.panel-body_2{
/* 	padding: 0 1.5em 1.5em; */
	background-color: #fff;
	color: #2a2a2a;
	display: table;
}
	
.span_8{
	width: 56%;
	float: left;
	margin-right: 1em;
}

.span_4{
	width: 41%;
	float: right;
    padding-right: 20px;
}
}
	
.col{
	display: block;
}
	
.panel-body_2 .panel_row .col_4 {
	width: 18%;
	float:left;
}

.panel-body_2 .panel_row .col_4 img{
	width: 100%;
}

.panel-body_2 .panel_row .col_8{
	width: 82%;
	float:right;
	padding: 0 3%;
}

}


/*-- スマホ指定 --*/
@media screen and (max-width: 768px){
.panel--kabarai {
    border-color: #08ade4;
	background-color: #fff;
	background-color: #fff;
	max-width: 100%;
	width: 400px;
	margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: .25rem;
}
	
.panel-body{
	background-color: #fff;
	color: #2a2a2a;
/* 	display: table; */
}

.panel-body_2{
	padding: 0 1.5em 1.5em;
	margin-bottom: 1.5em;
	background-color: #fff;
	color: #2a2a2a;
	display: table;
}


.panel_row{
	padding-bottom: 0;
}

.col{
	float: none;
	display: block;
	width: 100%;
}
.span_8{
	width: 100%;
	float: none;
	margin-right: 1em;
}

.span_4{
	width: 100%;
	float: none;
}

.panel-body_2 .panel_row .col_4 {
	width: 35%;
	float:left;
	margin: 2%;
}

.panel-body_2 .panel_row .col_4 img{
	width: 100%;
}

.panel-body_2 .panel_row .col_8{
	width: 60%;
	float:right;
	padding: 8%;
	margin-top: 3%;
}
	
.reverse>.col {
    float: right;
}
	
}
#searchform{
	margin:1em auto;
}

.slides {
  position: relative;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 100%;
  height: 183px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
 
#slider-area {
  position: relative;
  margin-bottom: 50px;
}
 
.slides-inner {
  position: relative;
  top: 0;
  width: 100%;
}
 
.slidekiji {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
}
 
.slidekiji a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 183px;
}
 
.slidekiji img {

  object-fit: cover;
}
 
.slidekiji .text {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 25px 30px 15px;
/*   background: linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%); */
  text-shadow: 0 0 3px #000;
/*   -moz-text-shadow: 0 0 3px #000;
  -webkit-text-shadow: 0 0 3px #000; */
}
 
.slidekiji .kiji-date {
  font-size: .9em;
  color: #fff;
}
 
.slidekiji .cat-data {
  font-size: .9em;
  color: #fff;
  background-color: transparent;
}
 
.slidekiji h2 {
  font-size: 1.5em;
  line-height: 1.4;
  margin: 0;
  color: #fff;
}
 
#pager {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 
#pager .prev, #pager .next {
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 44px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #333;
}
 
#pager .prev {
  left: 0;
}
 
#pager .next {
  right: 0;
}
 
.slides-nav {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  text-align: center;
}
 
.slides-nav a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #ccc;
}
 
.slides-nav a.active {
  cursor: default;
  background: #333;
}
 
@media (max-width: 799px) {
  .slides {
    height: 66px;
  }
  .slidekiji a {
    height: 66px;
  }
  .slidekiji h2 {
    font-size: 1.2em;
  }
  .slidekiji .cat-data, .slidekiji .kiji-date {
    font-size: .8em;
  }
  #pager .prev, #pager .next {
    line-height: 8vw;
    width: 8vw;
    height: 8vw;
  }
  .slides-nav a {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
}
@media (max-width: 950px) and (min-width: 768px){
	 .slides {
    height: 140px;
  }
  .slidekiji a {
    height: 140px;
  }
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom:0 ;
  background: #ef3f98;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 40%;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
a.well-sm:active,
a.well-sm:hover {
  color:#08ade4;
	opacity:1!important;
}
/*-- 事務所紹介に動画埋め込み --*/
.iframe-container-pc {
    position: relative;
    width: 90%;
    padding-top: 50%;
    margin: 0 auto;
}
.iframe-container-pc iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*よくあるご質問*/
@media (min-width: 990px){
.faq_cont h3.fs16{
	width: 60%;
}
}
/*strongのライン*/
.y-line{
	background: linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%);
}
mark{
	   background-color: #FEFE98;
}
input #s{
	width:100%;
}
/*faqのh2*/
.faq{
	padding: 0.5em 0.5em;
background: #ebf8fe;
border-left: solid 5px #08ade4;
font-size: 1em;
font-weight: 900;
margin: 2em 0 1em;
	line-height: 1.5;
}
.faq:first-of-type{
	margin-top:1em;
}
.faq02{
	 position: relative;
  padding: 0.6em;
  background: #ebf8fe;
	font-size: 1em;
	font-weight:bold;
}
.faq02:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 10px solid transparent;
  border-top: 10px solid #ebf8fe;
  width: 0;
  height: 0;
}
.faq04{
	font-style:#08ade4;
	color:#08ade4 ;
	font-size:1em;
	margin-bottom: .5em;
	font-weight:bold;
}
.txt-blue{
	color:#08ade4;
	font-weight:bold;
}
/*spでのh1左寄せ*/
.pc-text-center{
	text-align:center;
}
@media (max-width: 990px){
	.pc-text-center{
		text-align:left;
	}
}
/*spでのh1とコンテンツの余白調整*/
@media (max-width: 990px){
	#ttl_txt{
		margin:0;
		text-align:center;
	}
.page-header{
	margin: .5em 0 10px;
	font-size: 1.4em;
	line-height: 1.5;
}
	.mt40{
		margin-top:1em;
	}
}
/*faqのlist*/
.faq03 li{
	list-style: inside;
}
.faq03{
	font-size: 16px;
    color: #223;
    border-bottom: solid 1px #08ade4;
    padding: 5px 10px;
    font-weight: 600;
}
/*メリデメh3*/
.panel-info > h3.panel-heading,.panel-warning > h3.panel-heading{
    margin: initial;
    font-size: initial;
	text-align:center;
}
/*card締め日*/
.crd_box:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);/*折り返し部分*/
}
/*-------------------------
  ブログカード
-------------------------*/
.blog-card {
  background: #fbfaf8;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	box-shadow: 0 0 10px 6px rgb(0 0 0 / 3%);
  /* sp用 ※4 */
}

.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	color: #337ab7;
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding:10px;
}
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:5px;
	font-size:120%;
  font-weight: bold;
  line-height: 1.2em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
	font-size: 14px;
}
.blog-card .clear {
  clear: both;
}
/*個人再生*/
.container_box > .col4_box{
max-width : 24% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 20px / 4) ;
width : calc(100% - 20px / 4) ;
	    font-size: 14px;
    text-align: center;
}
.container_box{
padding: 1em 0;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
@media (max-width:480px) {
.container_box {
flex-wrap: wrap;
}
.container_box >.col4_box{
max-width : 50% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 20px / 2) ;
width : calc(100% - 20px / 2) ;
	margin-bottom: 1em;
}
}
/*faq 関連用語*/
.kanren_box{
	    margin: 20px auto;
}
.kanren_box h4{
display: inline;
    background: #08ade4;
    color: #fff;
    border-radius: 7px 7px 0 0;
    font-size: 15px !important;
    padding: 7px 10px;
    border: none;
}
.s_kanren{
        border: 1px solid #08ade4;
    padding: 10px;
}
@media (max-width:480px) {
.kanren_box h4{
font-size: 16px !important;
}

}
/*case*/
.img-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 4%;
padding: 10px;
    border: 1px solid #04bfde;
}
.pict {
    width: 30%;
}
.pict img {
    width: 100%;
    height: auto;
}
.pct_txt {
    width: 65%;
}
.pct_txt ul{
    padding-left:.5em;    margin-bottom: 0;
}
.case{
font-size:initial;
    font-weight: bold;
margin-bottom:5px;
}
.img-container:nth-child(even) {
  flex-direction: row-reverse;
}
.img-container:nth-child(even) .text {
  text-align: right;
}
.img-container:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}
@media (max-width:480px) {
.img-container{
display: block;
}
.pict{
width: 100%;
	margin-bottom: 1em;
}
.pct_txt{
width: 100%;
}	
}
.button-open {
  display: block;
  margin: 0 auto;
  width: 20rem;
  padding: 1em;
  background-color: #3140c9;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}

/* モーダルウィンドウ */
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: none;
  border-radius: 0;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}

.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  background-color: #dfdddd;
  border-radius: 5px;
  z-index: 11;
  padding: 2rem;
}

.button-close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  padding: 1em;
  background-color: #c96931;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}


.section-title {
  text-align: center;
  margin: 2em;
  font-size: 20px;
}

.button-open {
  display: block;
  margin: 0 auto;
  width: 20rem;
  padding: 1em;
  background-color: #3140c9;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
}
.panel-body-wp{
	padding: 1em;
	background-color: #fff;
	color: #2a2a2a;
	display: table;
}

.panel-body_2{
	padding: 0 1.5em 1.5em;
	margin-bottom: 1.5em;
	background-color: #fff;
	color: #2a2a2a;
	display: table;
}

.panel_row-wp{
	overflow: hidden;
	margin-bottom: 0;
}

.col:after, .panel_row-wp:after {
    content: "";
    display: table;
    clear: both;
}

.panel_row-wp img{
	width: 100%;
	margin-bottom: 5%;
}

.col-6{
	margin-bottom: 1em;
}

.col_4 {
	width: 23%;
	float:left;
}

.col_4 img{
	width: 100%;
}

.col_8{
	width: 74%;
	float:right;
	padding: 0 0.2em;
}

/*-- PC指定 --*/
@media screen and (min-width: 768px){
.panel-kabarai-wp {
    border-color: #08ade4;
	background-color: #fff;
	max-width: 100%;
	width: 800px;
	margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: .25rem;
}

.span_8{
	width: 62%;
	float: left;
	margin-right: 1em;
	margin-top: 0.7em;
}

.span_4{
	width: 35%;
	float: right;
}
	
.col{
	display: block;
}
	
.panel-body_2 .panel_row-wp .col_4 {
	width: 15%;
	float:left;
}

.panel-body_2 .panel_row-wp .col_4 img{
	width: 100%;
}

.panel-body_2 .panel_row-wp .col_8{
	width: 82%;
	float:right;
	padding: 0 0.2em;
}

}

/*-- スマホ指定 --*/
@media screen and (max-width: 767px){
.panel-kabarai-wp {
    border-color: #08ade4;
	background-color: #fff;
	max-width: 100%;
	width: 400px;
	margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: .25rem;
}

.panel_row-wp{
	padding-bottom: 0;
}

.col{
	float: none;
	display: block;
	width: 100%;
}
.span_8{
	width: 100%;
	float: none;
	margin-right: 1em;
}

.span_4{
	width: 100%;
	float: none;
}

.panel-body_2 .panel_row-wp .col_4 {
	width: 30%;
	float:left;
	margin: 2%;
}

.panel-body_2 .panel_row-wp .col_4 img{
	width: 100%;
}

.panel-body_2 .panel_row-wp .col_8{
	width: 60%;
	float:right;
	padding: 0 0.2em;
	margin-top: 3%;
}
	
.reverse>.col {
    float: right;
}
}
	
/*-- youtube --*/
.span_youtube{
	width: 95%;
	margin: 0 auto;
}

.movie {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
	margin-bottom: 1em;
}

.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


@media screen and (min-width: 768px){
.row_youtube{
	overflow: hidden;
}

.span_youtube {
    width: 48%;
	margin-left: 0.5em;
}

.col {
    float: left;
}
}
	/* チャット風
--------------------------------------------------------- */
	.neon span{
		    background: linear-gradient(transparent 60%, #ff6 60%);
		font-weight:bold;
		padding:0 2px;
	}
.calc__start {
    font-size: 18px;
    letter-spacing: 1px;
    border: 1px solid #f29700;
    background-color: #f29700;
    color: #fff;
    padding: 10px 80px 10px 80px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
	.input_item{
		border:2px solid #f29700;
		padding:20px;
	}
.balloon1,.balloon2 {
  padding: 20px 10px;
}

.balloon1 .faceicon img,.balloon2 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #e5e9ea;
  border-radius: 50%;
background: #fff;
}

.balloon1 .chatting,.balloon2ss .chatting {
  width: 100%;
}

.says {
  display: inline-block;
	display: flex;
  position: relative; 
  margin: 5px 0 0 185px;
  padding: 25px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.15);	
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
      top: 10px;
    left: -14px;
  border-right: 15px solid #d7ebfe;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.says p,.says2 p {
  margin: 0;
  padding: 0;
	line-height: 1.5;
}
.balloon2 .faceicon {
  float: right;
  margin-left: -90px;
  width: 120px;
}

.says2 {
  display: inline-block;
	display: flex;
  position: relative; 
  margin: 5px 185px 0 0;
  background: #fff;
	border: 2px solid;
  box-shadow: 3px 6px 0px 0px rgba(0,0,0,0.15);	
}
.says2:before {
  content: "";
  display: inline-block;
  position: absolute;
      top: 10px;
    right: -15px;
  border-left: 15px solid #444;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.says2:after {
  content: "";
  display: inline-block;
  position: absolute;
      top: 10px;
    right: -12px;
  border-left: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
 textarea{
		border-color:#fff;
	 resize: none;
	}
@media screen and (max-width: 560px) {
.balloon2 .faceicon {
  float: right;
  margin-left: -90px;
  width: 120px;
}
	.says2{
		margin: 5px 120px 0 0;
	}
}
/*--0901hukidasi--*/
	.bubble2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 17px 10px;
		width: 100%;
  font-size: 16px;
  border: solid 3px #111;
}
/* 上に載せる三角アイコン */
.bubble2:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-top: 13px solid #FFF;
  z-index: 2;
}
/* 下に載せる三角アイコン */
.bubble2:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #111;
  z-index: 1;
}
.bubble2 p {
  margin: 0;
  padding: 0;
	font-size:1.5em;
}
	.orange-box{
		border:2px solid #f28c13;
		display: inline-block;
  margin: 1.5em 0;
  padding: 17px 20px;
  width: 100%;
	}
	.comment strong,.answer strong,strong span{
		background: linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%);
	}
	.btn:hover{
		color:#fff;
		opacity: 0.6;
	}
/* 債務整理チャート診断 */
.chart ul{
	padding:0;
}
.chart li{
	display: inline-block;
	width: 19.3%;
}
@media screen and (max-width: 560px) {
.chart li{
	display: inline-block;
	width: 18.7%;
}
}
.text_w{
	text-align:right;
	margin-bottom:10px;
}
.text_w a{
	color:#08ade4;border:1px solid #08ade4;padding:5px;
}
/*債務整理faqのbox_plan*/
.box_plan{
	border:1px solid #08ade4;padding:10px;margin:10px;
}
.box_plan02{
	border:1px solid #fd8a10;padding:10px;margin:10px;
}
.box_plan03{
	border:1px solid #157ae7;padding:10px;margin:10px;
}
.box_plan ul,.box_plan ol{
	margin-bottom:0;
}
@media screen and (max-width: 560px) {
.box_plan{
	margin:10px 0;
}	
}
#searchform label{
background:#ff81a6;
}
* Bnr
-----------------------------------------*/
.Bnr{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  display: none;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 0;
	right: 0;
}
.Bnr__img__inner{
/*   width: 1200px;
  height: 80px;
  box-sizing:border-box;
  padding: 10px;
  background-color: #fafafa; */
	right: 0;
bottom: 68px;
position: relative;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
position: absolute;
left: 10px;
top: -115px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #222;
}
.Bnr__img .close{
	opacity: 0.6;
}
.Bnr__img__inner{
		background: #ff81a6;
    padding: 10px;
    border-radius: 50%;
	}
	.Bnr .Bnr__img__inner a{
		width: 40px;
	}
@media screen and (max-width: 560px) {
	.Bnr__img__inner{
		bottom: 70px;
	}
	.Bnr .Bnr__img p.close{
		top: -100px;
	}
}
.smalltxt{
	font-size:14px;
	line-height:1.3;
}
/* table-def設定 */
.table-def {
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}
.table-def th{
	text-align:center;
}
.table-def th, .table-def td {
    border: 1px solid #ccc;
}
.table-def th, .table-def td {
    padding: 0.5em .5em;
}
.table-def th {
    background: #dedede;
}
@media screen and (max-width: 560px) {
.table-def td {
    padding: 0em .5em;
}
}
/*flow*/
ul.flow {
/*   border: 3px solid rgb(107,144,219); */
  padding-left: 0!important;
}
.flow > li {
  padding: 30px;
}
.flow > li dl dd{
  width: 70%;
}
.flow > li:not(:last-child) {
  border-bottom: 3px solid rgb(107,144,219);
  position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child):before {
  border-width: 22px;
  border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child):after {
  border-width: 18px;
  border-top-color: #fff;
}
.flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow > li dl dt {
  font-size: 16px;
  font-weight: 600;
  color: rgb(107,144,219);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 1vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
}
.small-txt{
display:block;
font-size:0.8em;
}
@media screen and (max-width: 560px) {
.flow > li dl dd{
    padding-left: 20px;
width: initial;
}
}
/*引用*/
blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
	font-size:initial;
	margin:0 0 1em;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "“";
    font-family: sans-serif;
    color: #9dd4ff;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
}
.button2 a {  
box-shadow: 0 3px 0 rgba(0,0,0,0.3);  
color: #ffffff;  
display: block; 
text-align: center;  
text-decoration: none;  
}
.button2 a:hover { 
box-shadow: none; 
transform: translate3d(0, 3px, 0);
}
/*sns*/
.sns__container {
    display: flex;
}
 
.sns__container a {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0.5rem 0;
}
 
.sns__container a:hover {
    opacity: 0.6;
}
 
.sns__twitter {
    background: #55acee;
}
 
.sns__facebook {
    background: #3b5998;
}
 
.sns__pocket {
    background: #ef3f56;
}
 
.sns__line {
    background: #1dcd00;
}
 
.sns__hatena {
    background: #00a5de;
}
/*時効*/
.case-box{
	background:#6969c9;
	color:#fff;
	    font-size: 0.8em;
    padding: 0 5px;
    margin-right: 5px;
}
.case-box02{
	background:#faa342;
	color:#fff;
	    font-size: 0.8em;
    padding: 0 5px;
    margin-right: 5px;
}
ol li{
	list-style:auto;
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #08ade4;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #08ade4;
    font-weight: bold;
}
.box26 p {
/*     margin: 0; 
    padding: 0; */
}
.box26 ul li{
	list-style: initial;
}
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #fd8a10;
    border-radius: 8px;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #fd8a10;
    font-weight: bold;
}
.box27 ul {
    margin: 0; 
    padding: 0;
}
.pd-left0{
	padding-left:0;
}
/*cv-ichikawa*/
.cv_ichikawa{
	border:1px solid #ccc;
padding:15px;
	text-align: center;
}
.cv_ichikawa ul{
padding-left:0;
}
.cv_ichikawa ul li:first-child{
margin:1em auto 0;
}
.cv_ichikawa ul li a{
font-weight: bold;
line-height: 1.5;
padding: 1rem 0;
}
.cv_ichikawa ul li a span{
	font-weight:normal;
	font-size:0.7em;
}
.linebtn{
background: #06c755;
}
.btn-in-ico{
display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    background: url(https://saimuseiri-green.com/wordpress/wp-content/uploads/cv_btm_icon.png);
}
@media (min-width: 768px){
.pc-cv{
display:flex;
}
.pc-cv .fa-phone{
border-radius: 50%;
    background-color: #fc534c;
    padding: 8px 8px 8px 8px;
font-size:30px;
color:#fff;
}
.pc-cv li:first-child{
color: #fc534c;
font-size:30px;
font-weight: 900;
letter-spacing: 2px;
}
.pc-cv li:first-child p{
letter-spacing: initial;
font-size:initial;
margin-top:10px;
}
.pc-cv li:nth-child(2) a {
    min-width: 350px;font-weight: 900;
letter-spacing: 2px;
}
.pc-cv li:nth-child(2) p {
    margin-top:10px;font-weight: 900;
}
.cv_ichikawa{
text-align:center;
}
.cv_ichikawa ul li {
    margin: 0 auto 0;
}
}/*cv-ichikawaここまで*/
/*個人再生*/
.box_plan02 > ul , .box_plan03 > ul{
	padding-inline-start: initial;
	margin-bottom:0;
} 
.box_plan02 > ul li,.box_plan03 > ul li{
	padding-bottom:.5em;
} 
/*更新*/
.date:before{
    content: '\f073';
    display: inline-block;
    font-family: FontAwesome;
}
.update:before{
    content: '\f021';
    display: inline-block;
    font-family: FontAwesome;
	margin-left:1em;
}
time{
	font-size:0.8em;
	text-align:right;
	margin-right:10px;
}
.time + p{
	margin-bottom:0;
}
h1 + p{
	text-align:right;
	margin: 0 0 0px;
}
 .htd-author{
	background: #efefef;
}

/*side_info*/
.author-box{
width:100%;
height:auto;
padding:10px;
border:1px solid #04bfde;
	background:#fff;
}
.author-img{
width: 100%;
height: auto;
object-fit: cover;
margin-bottom: 10px;
}
.author-box ol,.author-box ul{
	padding-left:15px;
}
.user-box{
	background:#666;
	color:#fff;
	padding:2px 5px;
	margin-right:10px;
	font-size:.8em;
}
/*spmenタブ全体がクリック*/
.link-pd li a{
	display: block;
    height: 100%;
    width: 100%
}
/*btnだけのCTA*/
.cv_pt ul{
padding-left:0;
}
.bg-blue {
    background: #3a8bc3;
}
.pc-cv.cv_pt2{
padding-left: 1em;
}
.pc-cv.cv_pt2 li:first-child{
margin-right: 20px;
}
/*光らせる*/
.reflection {
  position: relative;
  overflow: hidden;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
/*目次*/
.tbl_contents {
    position: relative;
    padding: 0.5em 1em;
    border: solid 1px #08ade4;
    border-radius: 8px;
}
.tbl_contents .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    background: #FFF;
    color: #08ade4;
    font-weight: bold;
}
.tbl_contents p {
    margin: 0; 
    padding: 0;
}
.tbl_contents > ul{
	padding: 5px 0 0 0;
	margin-bottom: 0;
}
.tbl_contents > ul li a{
	text-decoration: underline;	
	padding-left: 5px;
}
.child_ol{
	padding-left:10px;
}
/*吹き出し*/
.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 20px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: 0;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  left: 0;
  padding-right: 30px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  right: 0;
  padding-left: 30px;
}
.oneArea .onebox .fukiArea {
  width: 63%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 25px;
  background-color: #f2f3f7;
  font-size: 18px;
  color: #231815;
  border-radius: 12px;
  box-sizing: border-box;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  top: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 30px 15px 0;
  border-color: transparent #f2f3f7 transparent transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -20px;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  right: -20px;
  border-color: transparent #fde5e5 transparent transparent;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .oneArea .onebox .imgArea img {
/*     max-width: 70%; */
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
}
@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 20%;
  }
  .oneArea .onebox .fukidasi {
    padding: 10px 15px;
    font-size: 12px;
  }
}
/*引用レイアウト*/
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
.box_plan > ul,.box_plan > ol{
	padding-left: 10px;
}
.box_plan > ul.list-on,.box_plan > ol.list-on{
	padding-left: 30px;
}
.box_plan > dl{
	margin-bottom:0;
}
/*header*/
@media screen and (max-width: 767px) {
header .container > .row{
	display:flex;
}
	header .container_box {
		padding: 1em 0 0;
		margin-bottom:1em;
	}
}
.logo{
		margin:0;
}
.logo img{
	max-width: 95%;
}
.map img{
	max-width:50px;
}
.map{
	margin: 7px 5px 0 0;
}
.more a{
/*border: #ccc solid 2px;
    background: #08ade4;
    padding: 15px 10px 15px 0;*/
    width: 95%;
    display: block;
    align-items: center;
    justify-content: center;
color:#000;
/*border-radius: 5px;*/
	margin: 0 auto;
	font-size:1.2em;
	/*border-bottom: solid 4px #627295;*/
}
.arrow_right {
  position: relative;
  /*padding-left: 25px;*/
}
.arrow_right:before { /* 矢印の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 8px;
  height: 8px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
  transform: rotate(45deg);
}
.more a:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.more a span{
	color:#fff;
	font-size:12px;
}
/*影*/
.shadow{
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
a.shadow:hover {
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
/*table*/
.accessible-table th {
    background: #ebf8fe;
}
.accessible-table th, .accessible-table td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
	border-collapse: collapse;
}
.accessible-table span{
font-size:80%;
}
.accessible-table{
width:100%;
	border-collapse: collapse;
}
.accessible-table caption{
	text-align:center;
	color:#444;
	font-weight:bold;
}
.accessible-table ul li{
	list-style:initial;
}
.accessible-table ul{
		margin-bottom: 5px;
}
.accessible-table th{
	text-align:left;
}
@media only screen and (max-width:420px){
	.accessible-table th{
	text-align:center;
}
	.accessible-table th,
	.accessible-table td{
		display: block;
	}
}
/* FAQ前後の記事 */
.get-link{
	display: flex;
  justify-content: space-between;
}
.get-link a{
	padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
/*box30*/
.box30 dt{
	margin-top:20px;
	color:#08ade4;
}
/*headerのコロナ対策*/
/*全体*/
.hidden_box {
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
	color: #668ad8;
	text-align:center;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #FFF9E6;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f00d';
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
    text-align: center;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	text-align:center;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
	text-align: center;
}/*コロナここまで*/
/*btnnew*/
.btn-border {
  display: block;
  width: 230px;
  text-align: center;
  border: 2px solid #08ade4;
  font-size: 16px;
color:#fff;
  background: #08ade4;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 10px;
  border-radius: 4px;
  transition: .4s;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.btn-border:hover {
  background-color: #ff81a6;
  border-color: #feb3c9;
  color: #FFF;
}

.btn-border:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 6px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(
45deg);
}
.btn-border:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.btn-border .fa-phone{
padding-right: .5em;
}
.btn-border .fa-envelope{
padding-right: .5em;
}
/*任意整理ボタン*/
.blue{
/* 	border: 2px solid #08ade4;
	color: #08ade4; */
}
.btn-border.blue:hover {
  background-color: #08ade4;
  border-color: #08ade4;
}
.btn-border.blue:before {
/* 	    border-top: 2px solid #08ade4;
    border-right: 2px solid #08ade4; */
}
.btn-border.blue:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/*自己破産*/
.green{
/* 	border: 2px solid #3acd75;
	color: #3acd75; */
}
.btn-border.green:hover {
  background-color: #3acd75;
  border-color: #3acd75;
}
.btn-border.green:before {
/* 	    border-top: 2px solid #3acd75;
    border-right: 2px solid #3acd75; */
}
.btn-border.green:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/*個人再生*/
.orange{
/* 	border: 2px solid #faa342;
	color: #faa342; */
}
.btn-border.orange:hover {
  background-color: #faa342;
  border-color: #faa342;
}
.btn-border.orange:before {
/* 	    border-top: 2px solid #faa342;
    border-right: 2px solid #faa342; */
}
.btn-border.orange:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/*過払い*/
.red{
/* 	border: 2px solid #e95c53;
	color: #e95c53; */
}
.btn-border.red:hover {
  background-color: #e95c53;
  border-color: #e95c53;
}
.btn-border.red:before {
/* 	    border-top: 2px solid #e95c53;
    border-right: 2px solid #e95c53; */
}
.btn-border.red:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/*時効*/
.btn-borde.purple{
/* 	border: 2px solid #6868c8; */
/* 	color: #6868c8; */
}
.btn-border.purple:hover {
  background-color: #6868c8;
  border-color: #6868c8;
}
.btn-border.purple:before {
/* 	    border-top: 2px solid #6868c8;
    border-right: 2px solid #6868c8; */
}
.btn-border.purple:hover:before {
	   border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/*floting追加*/
@media (min-width: 767px){
.Bnr__img__inner {
    bottom: 85px;
}	
}
/*目次*/
 .toc {
    position: relative;
    margin-top: 5%;
    padding: 1% 2%;
    word-break: break-all;
    word-wrap: break-word;
    border-radius: 8px;
	 border: 1px solid #08ade4;
}
.toc-title {
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 0.5%;
    font-weight: bold;
	color:#08ade4;
}
.toc-title:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f518";
}
.internal{
	font-weight:initial;
	font-size:0.8em;
}
.toc-toggle {
    position: absolute;
    right: 12px;
}
.toc-list {
    padding: 9px;
    list-style: none;
    line-height: 1.7;
}
.toc-list ul {
    list-style: square;
	margin-left: -20px;
}
.toc-list a{
text-decoration: underline;
}
@media screen and (min-width: 768px) {
	.toc {
    margin-top: 2%;
}
}
/*吹き出し会話*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

/*ani*/
.ani{
    transition: 1s all;
    opacity: 0;
    position: relative;
    top: 100px;
}
 
.ani.move{
    opacity: 1;
    top: 0;
}
/*ヘッダー*/
.float_main {
display:  inline-block;
    height: auto;              /* 高さ指定 */
    max-width: 800px;               /* 幅指定 */
     width: calc(100% - 350px);
}
	.float_main_r{
display:  inline-block;
		    vertical-align: top;
		width:330px;	
	}

	.float_main_r img:hover{
		transform: translate3d(0, 5px, 0)!important;
	}
	
	@media screen and (max-width: 768px) {
		.float_main {
display:  block;
    height: auto;              /* 高さ指定 */
   width:100%;   
			text-align: center;/* 幅指定 */
}
		.float_main_r{
		    vertical-align: top;
		width:100%;
	}
/* 		.float_main_r img{
		width:50%;
		} */
	}
	@media only screen and (min-width: 768px) and (max-width: 936px){
.float_main_r{
 justify-content: space-evenly;
	display:flex;
	width:auto;
}
}
/*外部リンク*/
.other-link dt,.other-link dd{
	line-height:1.4;
	word-break: break-all;
}
.other-link a{
	background: url(https://saimuseiri-green.com/wordpress/wp-content/uploads/blank.png) right center/11px auto no-repeat;padding-right: 20px;
	text-decoration:underline;
	color:#04bfde;
}
.other-link dd:not(:last-child){
	margin-bottom:.5em;
}
/*ulのlist-styleあり*/

.list-on > li{
	list-style:initial;
}
ol.list-on > li{
	list-style:decimal;
	font-weight:bold;
}
.box-lightblue{
	background: #ebf8fe;
	padding: 1em;
}

/*著者情報*/
.guide{
display:flex;
padding-left: 10px;
}
.guide .img-container{
	margin-bottom:0;
}
.guide .message {
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding-left: 2%;
color: #223;
}

.guide figure {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    
}
.guide figure img{
width: 100px;
}
.circle {
    border-radius: 50%;
}
.auther-box ul {
	width:100%;
	padding:0;
}
.auther-box li {
	position:relative;
	border-bottom:1px solid #08ade4;
	list-style:none;
background:#ebf8fe;
padding: 0 10px 0 0;
}
.auther-box li:first-child {
	border-top:1px solid #08ade4;
}

.auther-box > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0 1em;
	position: relative;
}
.auther-box > ul > li > a h5:hover {
	color: #223;
	text-decoration:none;
}
.auther-box > ul > li > p:not(:last-child) {
	text-align:left;
	padding:0 .8em 1.4em 1em;
	color:#555;
	line-height:1.8;
}
.auther-box > ul > li > p > a{
text-decoration: underline;	
}
.message a{
color: #08ACE4;
}
.guide>.img-container{
	margin-bottom:0%;
	padding: 10px 10px 0;
}
@media (max-width: 480px){
	.auther-box .img-container{
display:flex;
}
}
/*チャット*/
@media screen and (max-width: 767px){
.navbar-fixed-bottom a.menuicon {
/*width: 26%;*/
}
}
/*ページ内FAQ*/
@media (min-width: 600px) {
  .column:not(:last-child) {
    width: 49%;
    margin-right: 1%;
  }
  .column:not(:first-child) {
    width: 49%;
    margin-left: 1%;
  }
.saimu > .accessible-table th{
width:30%;
}
}
.cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 1.5em 0;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before, .cp_qa dd::before {
	font-size: 1.2em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;
}
.cp_qa dt::before {
	padding: 0.1em 0.3em;
	content: '\f128';
	background: #f57c00;
}
.cp_qa dd::before {
	padding: 0.12em 0.45em;
	content: '\f12a';
	background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
	position: absolute;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
/* 	border-style: solid; */
}
.cp_qa dt::after {
	left: 1.5em;
	border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
	left: 3.5em;
	border-color: transparent transparent transparent #0097a7;
}
/*外部リンク*/
.etnl-link{
	background: url(https://saimuseiri-green.com/wordpress/wp-content/uploads/blank_blue.png) right center/11px auto no-repeat;
    padding-right: 15px;
    color: #08ACE4;
    margin-right: 5px;
    font-weight: bold;
}
/*タグ*/
.tag-txt{
	font-size: 12px;
    background: #ff81a6;
    display: table;
    color: #fff;
    padding: 1px 5px;
}
/*center*/
.text-center{
	text-align:center!important;
}
/*対処法*/
.app-box{
	border:1px solid #08ade4;
	font-size: .8em;
	padding: 0 .4em;
	color: #08ade4;
	font-weight: bold;
	margin-right: .5em;
}
/*table caption*/
caption {
	text-align:center;
}
/*アンケート*/
.questionary-if {
    position: relative;
    height: 0;
    padding-top: 2000px;
    overflow: hidden;
    margin: 0 auto;
}
.questionary-if iframe{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;	
}
/*リストマークをawsomeに*/
.caption > p{
background:#00ACDB;
color:#fff;
	margin: 0;
    padding: 10px;
	text-align:center;
}
.check-box{
	border:1px solid #00ACDB;
	padding: 1.5em;
    margin: 0;
}
.check-box li {
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 0;
}

.check-box li:before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f14a';
  color: #00ACDB;
}
/*外観＞メニュー復活させる*/
.menu-header-nev-container > ul {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  padding: 0;
}
.menu-header-nev-container > ul > li {
  float: left;
  width: calc(100% / 6);
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.menu-header-nev-container > ul > li > a{
  border-right: 1px solid #ade8f5;
}
 .menu-header-nev-container > ul > li:first-child > a{
  border-left: 1px solid #ade8f5;
}
 .menu-header-nev-container ul li a{
  display: block;
  line-height: 3em;
  text-decoration: none;
}
.menu-header-nev-container > ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  line-height: 0;
  clear: both;
}
nav > .menu-header-nev-container > ul li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 3em;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.menu-header-nev-container > ul li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.menu-header-nev-container ul li:hover ul li {
  overflow: visible;
  height: 3em;
  box-sizing: border-box;
  background: #00A7BA;
}
/*スマホ用プルダウン*/
@media(max-width: 800px) {
  .site-title a img {
    height: 40px;
  }
 
  .navbutton {
    font-size: 2rem;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 1.25rem;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
    border: 0;
    background-color: transparent;
  }
 
  .navbutton:focus {
    outline: 0;
  }
 
  .header-nav-wrap {
    z-index: 999;
    top: 86px;
    /*ヘッダーの高さと合わせる*/
    right: auto;
    left: 0;
    /* display: none; */
    width: 100%;
    margin-left: 0;
    transform: none;
    background-color: #03162f;
  }
 
  .header-nav li {
    display: block;
    margin-right: 0;
  }
 
  .header-nav li a {
    position: relative;
    padding: .8rem 1.25rem;
    color: #fff;
    border-bottom: 1px solid #888;
  }
 
  .header-nav li a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: block;
    content: '\f105';
    transform: translateY(-50%);
  }
}
.js-scrollable {
   overflow-x: scroll;
   width: 100%;
}

.js-scrollable table {
   width: 1000px;
 }

.js-scrollable td, .js-scrollable th {
background-clip: padding-box;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    min-width: var(--swl-minwidth-cell,0);
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.js-scrollable th {
  background: #ebf8fe;
}
.js-scrollable th > a{
	text-decoration: underline;
	color: #08ade4;
}
.js-scrollable　table td, .js-scrollable　table th {
    padding: 2em 3em;
    box-sizing: border-box;
    font-size: 1rem;
    text-align: center;
}
/*過払流れ*/
h3.well-sm.text-center.mt30.mb30.fs16.bg-white.btrbl-red:after{
	border: initial; 
    border-top: initial;
}
/* スクロールバーの幅 */
.scroll-box{background:#FFF;padding:5px;}
.scroll-box::-webkit-scrollbar { width: 20px; }
/* スクロールバー背景色 */
.scroll-box::-webkit-scrollbar-track { background: #f1f1f1; }
/* スクロールバーのつまみの色 */
.scroll-box::-webkit-scrollbar-thumb { border-radius: 6px; background: #c1c1c1; }
.scroll-box h2{
	padding:0 5px;border-left:0;margin:.5em 0;
}
.scroll-box h3{
line-height: 1.7;
    padding: 0;
    background: transparent;	
	margin: 0.5em 0;
}
.scroll-box h3::after{
	display:none;
}
/* 目立たせるボタン */
.btn-wrap02 {
    margin: 30px 0;
    text-align: center;
}
a.btn-c02 {
    font-size: 16px;
    position: relative;
    padding: 0.25rem 2rem 1.5rem 3.5rem;
    color: #fff032;
    background: #ff81a6;
    -webkit-box-shadow: 0 5px 0 #00bc50;
    box-shadow: 0 5px 0 #cf4970;
}
.btn01, a.btn01, button.btn01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
	color:#fff;
}
a.btn-c02 span {
    font-size: 16px;
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #ff81a6;
    border: 2px solid #ff81a6;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}
a.btn-c02 span:before, a.btn-c02 span:after {
    position: absolute;
    left: calc(50% - 10px);
    content: "";
}
a.btn-c02 span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #ff81a6 transparent transparent transparent;
}
a.btn-c02 span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.btn-wrap02 a:hover{
	margin-top: 2px;
	box-shadow: none;
}
/*対象ページのアンカーテキスト設置*/
.blog-card{
	position:relative;
}
.indct{
	margin:20px auto;
	padding-bottom: 15px;
}
.indct a{
	text-decoration:underline;
	color:#08ade4;
}
.indct .blog-card-thumbnail img{
width:240px;
height:auto;
	margin-top: 10px;
}
.btn-border{
	text-decoration:none!important;
	color:#fff!important;
}

.ribbon14 {  
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10px;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
  width: 40px;
  text-align: center;
  font-size: 17px;
  color: white;
  background: #08ade4;box-shadow: 0 4px 5px 0 rgba(102, 102, 102, .5);
}

.ribbon14:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #08ade4;
  border-right: 20px solid #08ade4;
  border-bottom: 10px solid transparent;
}
.indct .blog-card-title{
	margin-top: 15px;
}
.ribbon14:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #08ade4;
  border-right: 20px solid #08ade4;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 767px) {
	.indct .blog-card-thumbnail img{
		width:100%;
	}
	.indct .blog-card-title{
		margin-top:0;
		padding:15px;
	}
}
/*snsここから*/
.flowbtn{
font-family:'Arial',sans-serif;/* 好きなフォントを指定してね */
border-radius:4px;
position:relative;
display:inline-block;
width:55px;
height:45px;
font-size:20px;
color:#fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
	text-align:center!important;
}
.flowbtn i{
position:relative;
bottom:-3px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* Instagram紫グラデ背景 */
.insta_btn1{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
	margin-right: 4px;
}
/* 問い合わせ */
.fl_ma1{
background:#f3981d;	
}
/* ボタン内テキスト調整 */
.flowbtn span{
font-size:10px;	
font-weight:bold;
letter-spacing:0;
position:relative;
bottom:8px;
	display:block;
}
/* ボタンマウスホバー時 */
.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置調整 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白調整 */
.inline-block {
    display: inline-block;      /* インラインブロック要素にする */
}
/*著者情報前半*/
.author.button{
	font-size: .8em;
}
.author.button span{
border-bottom: 1px solid #08ade4;	color:#08ade4;
}
.st-author{
  background-color: #ea3345;
  padding: 5px;
}
.target{
	visibility:hidden;
	height:0;
}
.st-author{
	padding: 0;
}
.target.is-open {
  visibility: visible;
	height:auto;
	display:flex;
	font-size:.8em;
	background: #ebf8fe;
	  margin: 10px auto;
}
.target.is-open .circle{
	width: 120px;
height: 120px;
	margin-right: 10px;
}
.target.is-open p{
	text-align:initial;
}
.author:before{
    content: '\f52d';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
/*途中CTA*/
.cta-mid02 {
    border: solid 3px #FFCDAD;
}
#content .cta-mid02 h3 {
    background: #FFCDAD;
    color: #111;
    padding: 0.5em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
	border-bottom: 2px solid #FFCDAD;
}
.cta-mid02 .post-cta-inner .cta-post-content ul{
	text-align: center;
	 margin-bottom: 0;
}
.cta-mid02 .post-cta-inner li{
	display:initial;
	   
}
/* メールはブルー */
a.btn-blue {
  color: #fff;
  background-color: #00bff8;
  border-bottom: 5px solid #0090bb;
}

a.btn-blue:hover {
  margin-top: 3px;
  color: #fff;
  background: #00bff8;
  border-bottom: 2px solid #0090bb;
}
.btn-blue:before{
	font-family: "Font Awesome 5 Free";
    content: '\f0e0';
    font-size: 15px;
    font-weight: 900;
    margin-right: 4px;
}
/* 電話はオレンジ */
a.btn-orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}

a.btn-orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #eb6100;
  border-bottom: 2px solid #b84c00;
}
.btn-orange:before{
	font-family: "Font Awesome 5 Free";
    content: '\f3cd';
    font-size: 15px;
    font-weight: 900;
    margin-right: 4px;
}

/*-----------------artibtn----------------*/
.md-cta{
	text-align:center;
}
.arti-btn,
a.arti-btn,
button.arti-btn {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}
.arti-btn span{
	color:#fff20a;
}
@media screen and (max-width: 768px){
	.arti-btn, a.arti-btn, button.arti-btn {
	padding: 1rem 0;
	width: 100%;
	}
}
 .cta-mid02 h3 {
    background: #FFCDAD;
    color: #111;
    padding: 0.5em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 2px solid #FFCDAD;
}
.cta-mid02 h3:after{
	border:none;
}
@media screen and (max-width: 768px){
.cta-mid02 .post-cta-inner .cta-post-content{
    padding: 10px;
}
	.cta-mid02 .post-cta-inner{
		padding: 10px 0 0;
	}
}
.post-cta-inner{
	padding-top:10px;
}
/* 目次の続きを読む */
.internal{
	display:none;/* 目次の開閉を非表示にする */
}
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 80px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
#cp01 + label{
border: none;
}
/*ノウハウ用リンク*/
.knw-link span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    background: #f89174;
    margin: 0 5px 0 0;
    padding: 2px 5px;
    border-radius: 5px;
    position: relative;
    top: -2px;
}
.knw-link{
	border: 1px solid #f89174;
    padding: 10px;
	margin: 20px auto;
}
.knw-link > .etnl-link{
	color:initial;
	background: url(https://saimuseiri-green.com/wordpress/wp-content/uploads/blank_orange.png) right center/11px auto no-repeat;
}
/* バーチャル */
#text2 {
    text-align: left;
    margin: 1.5em auto;
    line-height: 1.8;
    border: 2px solid #ccc;
    padding: 1em;
}
.gengaku_btn{
	margin: 20px auto;
	text-align: center;
}
.gengaku_btn img{
		box-shadow: 2px 2px 4px;
		width: 95%;
		max-width: 600px;
}
/* 減額診断 */
.c-btn__diagnose__large {
    position: relative;
    padding-left: 20px;
	margin-bottom:20px;
}
.c-btn__diagnose__large__inner {
    display: flex;
    align-items: center;
    height: 72px;
    padding-left: 68px;
    background: #ffce00;
    border-radius: 1rem;
    box-shadow: 0 7px 0 -2px rgb(0 0 0 / 16%);
    text-decoration: none;
}
.c-btn__diagnose__large__txt {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    color: #000;
		margin: 0 auto;
}
.c-btn__diagnose__large__txt::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin: -27px auto 0 -27px;
    width: 80px;
    height: 54px;
    background: no-repeat 0 0/contain;
    content: "";
		background-image: url(https://saimuseiri-green.com/wordpress/wp-content/uploads/icon-dgns-free.png);
		animation-name: anim_h;
}
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  width: 128px;
	animation-name: anim_h;
}

@keyframes anim_h {
60% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(10px, 0);
  }
}

.c-btn__diagnose__large a{
    position: relative;
    padding-left: 20px;
		width: 90%;
		margin: 0 auto;
}
.callout{
	position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
		margin-top: .2em;
		font-size: 20px;
	margin-bottom: 0;
}
.callout:before {
    transform: rotate(-35deg);
}
.callout:before, .callout:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #ea6942;
    width: 2px;
    height: 2em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.callout:after {
    transform: rotate(35deg);
}
@media only screen and (min-width: 769px){
	.c-btn__diagnose__large__inner {
	    height: 120px;
	    padding-left: 98px;
	    border-radius: 4rem;
    margin: 0 auto;
    padding-bottom: 4px;
	}
	.c-btn__diagnose__large a{
		width: 514px;
	}
	.c-btn__diagnose__large__txt::before {
    left: -55px;
    width: 134px;
    height: 94px;
    margin-top: -47px;

}
.callout{
	font-size:18px;
}
}
/*staff紹介をショートコードに*/
.staff .img-container{
border:none;
}
staff .img-container{
margin-bottom: 0%;
margin-top: 4%;
}
.faq02:not(:first-of-type){
margin-top: 7%;
}
section:not(:first-of-type){
	margin-bottom: 7%;
}
.staff > .container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4%;
}
.staff .column {
/*   width: 100%; */
  display: block;
  position: relative;
}
.staff .column img{
  max-width: 100%;
}
.staff .card figure img{
  width:120px;
  	height:120px;
  	object-fit:cover;
  	border-radius:50%;
}
.staff .card-container{
    display:flex;
    max-width: calc(1000px - 20px / 2);
}
.staff .card-txt{
  margin-left: 2%;
width: 60%;
}
.staff .small-txt {
    font-size: .8em;
    color: #03654a;
}
.staff .card-txt h3 {
    font-size: 1.2em;
    margin: 10px 0 5px;
}
/*access*/
.access{
	position: relative;/*相対配置*/
}
.access p {
  position: absolute;/*絶対配置*/
	background-color: #ebf8fe;
  padding: 2px 5px;
  top: 0;
  left: 0;
  }

.top-navi{
	padding-bottom:40px;
}