@charset "UTF-8";
/* =============================================
common
============================================= */
body{
  position: relative;
  z-index: 0;
}

.l-main {
  background: #f6f0f0;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

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

.section-ttl span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
}
.main-wrapper, .main-wrapp{
  position: relative;
  z-index: 0;
}
.main-wrapp.open{
  display: none;
}
.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
.fade-in-up {
	transform: translate(0, 50px);
}
.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}
@media screen and (min-width: 767px){
  .article .header{
    position: relative;
  }
  .main-wrapp{
    position: absolute;
    width: 88%;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .section-ttl {
    font-size: 40px;
  }
  .section-ttl span {
    font-size: 18px;
    margin-left: 20px;
  }
}
/* =============================================
side
============================================= */
.side-wrapper{
  position: absolute;
  z-index: 1009;
}
.side{
  position: fixed;
  background: #faf6f7;
  width:15%;
  height: 100vh;
  top: 0;
  left: 0;
}
.side-ttl{
  font-weight: bold;
  font-size: 1em;
  padding: 2em 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.side-ttl::before{
  content: '';
  display: inline-block;
  width: 90%;
  height: 100%;
  border-bottom: 2px dotted #d5d4d4;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.side-ttl span{
  font-weight: normal;
  font-size: 10px;
  display: block;
  text-align: center;
}
.side-list{
  margin-top: 15vh;
}
.side-list-item a{
  display: block;
  padding: .5em 0;
  width: 80%;
  margin: 0 auto;
  border-bottom: 2px dotted #d5d4d4;
}
.side-list-item-num{
  font-size: 11px;
  margin-bottom: 5px;
}
.side-list-item-num span{
  font-size: 120%;
  display: inline-block;
  margin-left: 3px;
}
.side-list-item-img{
  margin-bottom: 5px;
}
.side-list-item-txt{
  font-weight: bold;
  font-size: 14px;
}
.side-list-item-txt02{
  font-size: 12px;
}
.side-btn{
  width: 30%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  padding: 1.5em 0;
  font-size: 11px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 1px 1px 7px 7px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.side-btn::before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(-45deg);
}
.side-btn.close{
  display: none;
}
.side-btn.close span{
  display: block;
  font-weight: bold;
  font-size:120%;
  text-align: center;
}
@media screen and (min-width: 767px){
  .side-btn{
    font-size: 12px;
    width: calc(15% * .8);
    left: 1.2%;
    bottom: 25px;
  }
}
@media screen and (min-width: 1280px){
  .side{
    width: 12%;
  }
  .side-btn{
    width: calc(12% * .8);
  }
  .side-ttl{
    font-size: 1.7vw;
    padding: 30px 0;
  }
  .side-ttl span{
    font-size: 13px;
  }
  .side-list-item-num{
    font-size: 14px;
  }
  .side-list-item-txt{
    font-size: .8em;
  }
  .side-list-item-txt02{
    font-size: 11px;
  }
  .side-list-item a{
    padding: 10px 0;
  }
  
  .side-list{
    margin-top: 120px;
  }
}
.side-inner{
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #f5f5f2;
  z-index: 1010;
  left: -100%;
  transition: .5s ease;
  overflow-y: auto;
}
.side-inner.open{
  left: 0;
}
.side-inner-ttl{
  text-align: center;
  font-weight: bold;
  padding: 2em;
  background: url('https://sub.fukumi-ru.com/img/solutionmap/top/main.jpg')no-repeat center/cover;
  color: #fff;
  font-size: 17px;
}
.side-inner-wrapper{
  width: 95%;
  margin: 20px auto;
}
.side-inner-ttl span{
  display: block;
  font-weight: normal;
  font-size: 80%;
  text-align: center;
}
.side-inner-inner{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% + 10px);
  margin: 0 -5px;
}
.side-inner-item{
  max-width: calc(((100% / 12) * 6) - 10px);
  flex-basis: calc(((100% / 12) * 6) - 10px);
  margin: 0 5px 10px;
}
.side-inner-item a{
  display: block;
  height: 100%;
  position: relative;
}
.side-inner-item a::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: -1;
}
.side-inner-item-txtarea{
  padding: 5px .5em;
}
.side-inner-item-num{
  font-size: 10px;
  margin-bottom: 5px;
}
.side-inner-item-txt{
  font-size: 12px;
  font-weight: bold;
}
.side-inner-item-txt02{
  font-size: 11px;
}
@media screen and (min-width: 768px){
  .side-inner-inner{
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .side-inner-wrapper{
    margin: 30px auto;
  }
  .side-inner-item{
    max-width: calc(((100% / 12) * 4) - 30px);
    flex-basis: calc(((100% / 12) * 4) - 30px);
    margin: 0 15px 30px;
  }
  .side-inner-item-txtarea{
    padding: 15px 1em;
  }
}
@media screen and (min-width: 1280px){
  .side-inner-wrapper{
    max-width: 1400px;
    margin: 50px auto;
  }
  .side-inner-ttl{
    padding: 40px 0;
    font-size: 24px;
  }
  .side-inner-item{
    max-width: calc(((100% / 5) * 1) - 30px);
    flex-basis: calc(((100% / 5) * 1) - 30px);
    margin: 0 15px 30px;
  }
  .side-inner-item-num{
    font-size: 14px;
    margin-bottom: 8px;
  }
  .side-inner-item-txt{
    font-size: 16px;
  }
  .side-inner-item-txt02{
    font-size: 14px;
  }
}
/* =============================================
section-main
============================================= */
.section-main {
  height: 70vh;
  width: 100vw;
  position: relative;
  background: no-repeat center/cover;
  overflow: hidden;
}

.main-content{
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 0;
  padding: 1em;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}
.main-content::before{
  content: '';
  display: inline-block;
  width: 200%;
  height: 100%;
  background: linear-gradient(-45deg, #f19130, #f6775c);
  opacity: .7;
  position: absolute;
  top: 25px;
  left: -30px;
  z-index: -1;
  transform: rotate(7deg);
}
.main-num{
  height: 100px;
  margin-bottom: 10px;
}
.main-num img{
  height: 100%;
  width: auto;
}
.main-ttl{
  font-weight: bold;
  font-size: 1.2em;
}
.main-ttl-sub{
  font-weight: bold;
}
.main-place{
  font-size: 14px;
}
.main-place span{
  font-size: 11px;
  display: inline-block;
  margin-right: 5px;
}
@media screen and (min-width: 767px){
  .main-content{
    width: 50%;
    top: 45%;
    transform: translateY(-50%);
    left: 60px;
  }
  .main-content::before{
    width: 90%;
    height: 300%;
    top: -250px;
    left: -100px;
    transform: rotate(-10deg);
  }
  .main-num{
    height: 130px;
    margin-bottom: 20px;
  }
  .main-ttl{
    margin-bottom: 5px;
  }
  .main-ttl-sub{
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1280px) {
  .section-main {
    height: 100vh;
  }
  .main-ttl {
    font-size: 40px;
  }
  .main-ttl-sub {
    font-size: 24px;
  }
  .main-place{
    font-size: 20px;
    margin-top: 5px;
  }
  .main-place span{
    font-size: 14px;
  }
  .main-num{
    height: 190px;
    margin-bottom: 30px;
  }
  .main-ttl{
    margin-bottom: 15px;
  }
  .main-ttl-sub{
    margin-bottom: 15px;
  }
}
/* =============================================
section-lead
============================================= */
.section-lead{
  padding: 50px 0 90px;
}
.section-lead.mgt{
  margin-top: -50px;
}
.lead-content{
  background: #fff;
  position: relative;
  width: 75%;
  margin: 0 auto;
  padding: 1em;
}
.lead-content::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(-45deg, #f19130, #f6775c);
  z-index: -1;
  bottom: -5px;
  right: -5px;
}
.lead-content-ttl{
  text-align: center;
}
.lead-content-ttl span{
  display: inline-block;
  width: 20px;
  margin-right: 5px;
}
.lead-content-ttl{
  color: #f19130;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.lead-content-list{
  font-size: 14px;
}
.lead-content-item span{
  font-weight: bold;
}
.lead-content-list-item{
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
  line-height: 1.5;
}
.lead-content-list-item span{
  color: #ccc;
}
.lead-content-item.item-up{
  border-bottom: 2px dotted #f19130;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.section-lead a{
  display: block;
  border-bottom: 1px solid #333;
  display: inline-block;
  margin-top: 15px;
  font-size: .88em;
  font-weight: bold;
}
@media screen and (min-width: 768px){
  .pt-column .lead-content-item{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    width: calc(100% + 10px);
    margin: 0 -5px;
  }
  .pt-column .lead-content-ttl{
    max-width: calc(((100% / 12) * 2) - 10px);
    flex-basis: calc(((100% / 12) * 2) - 10px);
    margin: 0 5px;
  }
  .pt-column .lead-content-list{
    max-width: calc(((100% / 12) * 10) - 10px);
    flex-basis: calc(((100% / 12) * 10) - 10px);
    margin: 0 5px;
  }
}
@media screen and (min-width: 1280px){
  .section-lead{
    padding: 70px 0;
    margin-bottom: 100px;
  }
  .section-lead.mgt{
    margin-top: -100px;
  }
  .pt-column .lead-content-ttl{
    max-width: calc(((100% / 12) * 1.5) - 10px);
    flex-basis: calc(((100% / 12) * 1.5) - 10px);
    margin: 0 5px;
  }
  .pt-column .lead-content-list{
    max-width: calc(((100% / 12) * 10.5) - 10px);
    flex-basis: calc(((100% / 12) * 10.5) - 10px);
    margin: 0 5px;
  }
  .lead-content-ttl{
    font-size: 24px;
  }
  .pt-column02 .lead-content-ttl{
    margin-bottom: 30px;
  }
  .lead-content-list{
    font-size: 20px;
    line-height: 1.8;
  }
  .lead-content-list-item{
    margin-bottom: 10px;
  }
  .lead-content-ttl span{
    top: -5px;
    margin-right: 10px;
    position: relative;
  }
  .lead-content{
    padding: 60px 60px 50px;
  }
  .lead-content-item.item-up{
    border-bottom: 4px dotted #f19130;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .lead-content::before{
    bottom: -15px;
    right: -15px;
  }
}
/* =============================================
content
============================================= */
.section-block.mgt{
  margin-top: 80px;
}
.block-ttl{
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;

}
.block-ttl::before{
  content: '';
  display: inline-block;
  width: 4px;
  height: 100%;
  background: #f19130;
  position: absolute;
  left: 0;
}
.block-ttl.mgt{
  margin-top: 30px;
}
.block-q{
  color: #f19130;
  font-size: 14px;
  margin-bottom: 10px;
}
.block-q span{
  font-family: "montserrat", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-right: 5px;
}
.block-a{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.block-a span, .lead-content-list span.line{
  font-weight: bold;
  background : linear-gradient(rgba(255, 255, 255, 0) 70%, #FF0 70%)
}
.article10 .block-a span{
  background : linear-gradient(rgba(255, 255, 255, 0) 70%, #46d2e8 70%)
}
.block-wrapper{
  position: relative;
  margin-bottom: 100px;
}
.block-wrapper::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: calc(100% + 60px);
  position: absolute;
  background: #fff;
  z-index: -1;
  top: -30px;
}
.block-wrapper.right::before{
  right: 0;
}
.block-img02{
  margin-bottom: 15px;
}
.pt03 .block-a{
  margin: 20px 0;
}
.pt03 .block-a span{
  background: none;
}
.pt03-txt{
  font-size: 1.1em;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px){
  .section-block.pt02{
    width: 80%;
    margin: 0 auto;
  }
  .block-inner{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: stretch;
    width: calc(100% + 10px);
    margin: 0 -5px;
  }
  .pt01 .block-txt{
    max-width: calc(((100% / 12) * 8) - 10px);
    flex-basis: calc(((100% / 12) * 8) - 10px);
    margin: 0 5px 10px;
  }
  .pt01 .block-img{
    max-width: calc(((100% / 12) * 4) - 10px);
    flex-basis: calc(((100% / 12) * 4) - 10px);
    margin: 0 5px 10px;
  }
  .pt02 .block-img{
    width: 70%;
    max-width: 650px;
    margin: 40px auto;
  }
  .right .block-img{
    order: -1;
  }
  .block-txt::before{
    width: 60%;
    height: calc(100% + 30px);
    /* left: -; */
    top: -15px;
  }
  .pt01 .block-wrapper::before{
    width: 70%;
  }
  
}
@media screen and (min-width: 1280px){
  .section-block.mgt{
    margin-top: 150px;
  }
  .section-block.pt02{
    width: 85%;
  }
  .pt01 .block-txt{
    max-width: calc(((100% / 12) * 7) - 30px);
    flex-basis: calc(((100% / 12) * 7) - 30px);
    margin: 0 15px 30px;
  }
  .pt01 .block-img{
    max-width: calc(((100% / 12) * 5) - 30px);
    flex-basis: calc(((100% / 12) * 5) - 30px);
    margin: 0 15px 30px;
  }
  .pt02 .block-img{
    margin: 60px auto;
  }
  .block-wrapper{
    margin-bottom: 180px;
  }
  .pt01 .block-wrapper::before{
    width: 60%;
    height: calc(100% + 110px);
    top: -80px;
  }
  .pt02 .block-wrapper::before{
    height: calc(100% + 160px);
    top: -80px;
  }
  .block-ttl{
    font-size: 24px;
  }
  .block-q span{
    font-size: 26px;
  }
  .block-q, .block-a{
    font-size: 16px;
  }
  .pt02 .block-a{
    margin-bottom: 50px;
  }
  .block-ttl.mgt{
    margin-top: 70px;
  }
}
.block-column{
  border: 3px dotted #f19130;
  border-radius: 30px;
  padding: 1em;
  font-weight: bold;
  width: 80%;
  max-width: 920px;
  margin: 0 auto 70px;
  line-height: 1.6;
}
.block-column-ttl{
  color: #f19130;
  font-size: 1.1em;
  text-align: center;
  cursor: pointer;
}
.block-column-ttl::after{
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #f19130;
  border-bottom: 2px solid #f19130;
  transform: rotate(45deg);
  position: relative;
  top: -3px;
  margin-left: 10px;
}
.block-column-ttl.open::after{
  transform: rotate(-135deg);
  top: 3px;
}
.block-column-txt{
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  display: none;
}
@media screen and (min-width: 767px){
  .block-column-ttl{
    font-size: 18px;
  }
}
@media screen and (min-width: 1280px){
  .block-column{
    padding: 30px;
    margin-bottom: 100px;
    margin-top: -50px;
  }
  .block-column-txt{
    font-size: 16px;
    margin-top: 20px;
  }
}
/* article01 */
.step-wrapper{
  margin-top: 30px;
}
.step-element{
  background: #f6f7f9;
  position: relative;
  padding: 1em .5em;
  margin-bottom: 25px;
}
.step-date{
  color: #303ef1;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.step02 .step-date{
  color: #3fc54e;
}
.step03 .step-date{
  color: #f19130;
}
.step04 .step-date{
  color: #f13062;
}
.step-num{
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  position: absolute;
  top: -25px;
  left: -5px;
  z-index: 0;
  text-align: center;
}
.step-num::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  z-index: -1;
  position: absolute;
  bottom: -2px;
}
.step-num span{
  font-size: 60%;
  color: #000;
}
.step-text{
  font-size: 12px;
}
.step-coment{
  background: #fff;
  padding: .5em;
  font-size: 11px;
  margin-top: 10px;
}
.step-coment span{
  font-weight: bold;
  font-size: 120%;
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 767px){
  .step-inner{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    width: calc(100% + 10px);
    margin: 0 -5px;
  }
  .step-element{
    max-width: calc(((100% / 12) * 5.5) - 10px);
    flex-basis: calc(((100% / 12) * 5.5) - 10px);
    margin: 0 5px 30px;
  }
}
@media screen and (min-width: 1280px){
  .step-inner{
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
  .step-element{
    max-width: calc(((100% / 12) * 6) - 20px);
    flex-basis: calc(((100% / 12) * 6) - 20px);
    margin: 0 10px 40px;
    padding: 1em 0;
  }
  .step-text{
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
  }
  .step-coment{
    width: 85%;
    margin: 10px auto 0;
    font-size: 14px;
  }
  .step-date{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .step-wrapper{
    margin-top: 40px;
  }
  .step-num{
    font-size: 30px;
    line-height: 1.1;
  }
  .step-num::before{
    width: 40px;
    height: 40px;
    bottom: -5px;
    left: 3px;
  }
  .block-img02{
    margin-top: -10px;
  }
}
.block-caption{
  font-size: 10px;
}
@media screen and (min-width: 768px){
  .block-caption{
    font-size: 12px;
  }
}
/* article05 */
.art05-ttl{
  font-weight: bold;
  color: #228938;
  text-align: center;
  margin-bottom:20px;
}
.art05-step{
  margin-bottom: 50px;
}
.art05-step-inner{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  width: calc(100% + 10px);
  margin: 0 -5px;
}
.art05-step-element{
  border-radius: 5px;
  border: 2px solid #228938;
  position: relative;
  max-width: calc(((100% / 12) * 6) - 10px);
  flex-basis: calc(((100% / 12) * 6) - 10px);
  margin: 0 5px 15px;
  box-sizing:border-box;
  background: #fff;
}
.art05-step-element-num{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}
.art05-step-element-num::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #228938;
  position: absolute;
  z-index: -1;
  left: -10px;
  top: -1px;
}
.art05-step-element-txt{
  width:calc(100% - 20px);
  margin: 20px auto 15px;
  font-size: 12px;
}
.art05-step-element-txt span{
  font-size: 80%;
}
.art05-arrow{
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: bold;
  top: -40px;
}
.art05-arrow::before{
  content: '';
  display: inline-block;
  width: calc(100% + 20px);
  height: 40px;
  position: absolute;
  background: #90c73e;
  z-index: -1;
  left: -10px;
  top: -10px;
}
.art05-arrow::after{
  content: '';
  display: inline-block;
  position: absolute;
  border: 90px solid transparent;
  border-top: 30px solid #90c73e;
  z-index: -1;
  left: -35px;
  bottom: -120px;
}
.art05-box{
  border-radius: 10px;
  border: 2px solid #228938;
  overflow: hidden;
}
.art05-box-ttl{
  background: #228938;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: .5em 0;
}
.art05-box-list-item{
  width: 90%;
  margin: 15px auto;
  font-size: 14px;
}
.art05-box-list-item span{
  display: inline-block;
  background: #228938;
  padding: .3em .5em;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
}
@media screen and (min-width: 1280px){
  .art05-wrapper{
    margin-top: 30px;
  }
  .art05-ttl{
    font-size: 24px;
    margin-bottom: 25px;
  }
  .art05-step-element{
    max-width: calc(((100% / 12) * 3) - 10px);
    flex-basis: calc(((100% / 12) * 3) - 10px);
  }
  .art05-step-element-txt{
    font-size: 14px;
    width: calc(100% - 16px);
  }
  .art05-step-element-num{
    font-size: 24px;
    top: -20px;
  }
  .art05-step-element-num::before{
    left: -8px;
    top: 4px;
  }
  .art05-arrow{
    font-size: 18px;
  }
  .art05-box-ttl{
    font-size: 17px;
  }
  .art05-box-list-item{
    font-size: 1em;
  }
  .art05-box-list-item span{
    font-size: 1em;
    margin-right: 10px;
  }
  .art05-box-list{
    margin: 25px 0;
    position: relative;
  }
  .art05-box-list::before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 100%;
    position: absolute;
    left: 65px;
    z-index: -1;
    background: #228938;
  }
  .art05-arrow::after{
    left: -26px;
  }
  .art05-step{
    position: relative;
    z-index: 0;
  }
  .art05-step::before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 10px;
    background: #228938;
    z-index: -1;
    position: absolute;
    top: 44%;
  }
}
.block-a-list{
  margin-bottom: 5px;
}
.block-a-list-item{
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 5px;
}
.block-a-list-item span{
  font-weight: bold;
  background: none;
}
/* .article13 */
.block-a table{
  width: 100%;
  margin: 10px 0 5px;
}
.block-a table th{
  background: #1e32a5;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: .5em;
}
.block-a table th:first-child{
  background: #656565;
}
.block-a table td{
  background: #cad0f5;
  padding: .5em;
}
.block-a table td:first-child{
  background: #eaeaea;
}
.block-a table td, .block-a table th{
  font-size: 12px;
}
.block-a table td.table-side{
  background: #94a1ec;
}
.block-a table th, .block-a table td{
  border: 1px solid #fff;
}
.table-caption{
  font-size: 12px;
}
@media screen and (min-width: 1280px){
  .block-a table{
    margin: 15px 0 5px;
  }
  .block-a table td, .block-a table th{
    font-size: 14px;
  }
  .block-a table td{
    padding: 1em;
  }
  .block-a table td.table-side{
    text-align: center;
  }
}
.block-memo{
  padding: 1.5em;
  text-align: center;
  font-size: .9em;
  line-height: 1.8;
  background: #eaeaea;
  margin-bottom: 30px;
}
.memo-ttl{
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.memo-txt{
  text-align: left;
}
.block-memo::before{
  content: 'MEMO';
  display: inline-block;
  padding: .3em .7em;
  font-weight: bold;
  background: #333;
  border-radius: 10px;
  margin-right: 5px;
  font-size: .8em;
  color: #fff;
}
.point.block-memo::before{
  content: 'POINT';
}
.memo-txt span{
  background : linear-gradient(rgba(255, 255, 255, 0) 70%, #FF0 70%)
}
/* =============================================
relate
============================================= */
.section-relate{
  padding: 50px 0 100px;
}
.relate-wrapper{
  padding-top: 45px;
}
.relate-item{
  margin:0 10px;
}
.relate-ttl{
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  position: relative;
}
.relate-ttl::before{
  content: '';
  display: inline-block;
  width: 100px;
  height: 5px;
  background: linear-gradient(-45deg, #f19130, #f6775c);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
}
.relate-item-img{
  border: 1px solid #ccc;
}
.relate-item-tag{
  font-size: 10px;
  display: inline-block;
  background: #faf6f7;
  border-radius: 10px;
  padding: .3em;
  margin-bottom: 5px;
  margin: 10px 0;
}
.relate-item-ttl{
  font-weight: bold;
  margin-bottom: 10px;
}
.relate-item-txt{
  font-size: 12px;
  margin-bottom: 15px;
}
a.relate-item-btn{
  display: block;
  border-radius: 30px;
  padding: 1em 0;
  text-align: center;
  border: 2px solid #f19130;
  color: #f19130;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}
a.relate-item-btn.shopping{
  color: #fff;
  background: linear-gradient(-45deg, #f19130, #f6775c);
  border: none;
}
a.relate-item-btn.off{
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 767px){
  .relate-item{
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
   }
   .relate-item-txt{
    flex-grow: 1;
  }
}
@media screen and (min-width: 1280px){
  .section-relate{
    overflow: hidden;
    padding: 100px 0 130px;
  }
  .relate-wrapper{
    padding-top: 60px;
    position: relative;
    margin:0 calc(((100% - 1110px) / 2) - 110px);
    /* right: -110px; */
  }
  .relate-ttl{
    font-size: 30px;
 }
 .relate-ttl::before{
   height: 7px;
   bottom: -25px;
   width: 160px;
 }
 .relate-tag{
    font-size: 11px;
  }
  .relate-item-ttl{
    font-size: 18px;
  }
  .relate-item-txt{
    font-size: 14px;
  }
  .relate-item{
    margin: 0 15px;
  }
  a.relate-item-btn{
    font-size: 14px;
  }
}
.next-arrow {
  display: block;
  width: 100px;
  cursor: pointer;
  position:absolute;
  border-bottom: 1px solid #333;
  text-align: center;
  right: 10%;
  bottom: -40px;
}
.next-arrow::before{
  position:absolute;
  content: "";
  width:10px;
  height:1px;
  background: #333;
  bottom:3px;
  left: 0;
  transform:rotate(-45deg);
}
.next-arrow::before{
  left: auto;
  right: 0;
  transform: rotate(45deg);
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}
@media screen and (min-width: 1280px){
  .next-arrow{
    bottom: -60px;
    right: 20%;
  }
}
/* =============================================
color
============================================= */
.article02 .main-content::before, .article02 .lead-content::before, .article02 .relate-ttl::before, .article02 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #0ebeff, #5e95e6);
}
.article02 .lead-content-item.item-up{
  border-bottom: 2px dotted #1f99b9;
}
.article02 .block-ttl::before{
  background: #1f99b9;
}
.article02 .block-column{
  border: 3px dotted #1f99b9;
}
.article02 .block-column-ttl::after{
  border-right: 2px solid #1f99b9;
  border-bottom: 2px solid #1f99b9;
}
.article02 .block-q, .article02 .lead-content-ttl, .article02 .block-column-ttl, .article02 a.relate-item-btn.rental{
  color: #1f99b9;
}
.article02 a.relate-item-btn.rental{
  border: 2px solid #1f99b9;
}
@media screen and (min-width: 1280px){
  .article02 .lead-content-item.item-up{
    border-bottom: 4px dotted #1f99b9;
  }
}
/*  */
.article03 .main-content::before, .article03 .lead-content::before, .article03 .relate-ttl::before, .article03 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #c044a0, #f42f86);
}
.article03 .lead-content-item.item-up{
  border-bottom: 2px dotted #f42f86;
}
.article03 .block-ttl::before{
  background: #f42f86;
}
.article03 .block-column{
  border: 3px dotted #f42f86;
}
.article03 .block-column-ttl::after{
  border-right: 2px solid #f42f86;
  border-bottom: 2px solid #f42f86;
}
.article03 .block-q, .article03 .lead-content-ttl, .article03 .block-column-ttl, .article03 a.relate-item-btn.rental{
  color: #f42f86;
}
.article03 a.relate-item-btn.rental{
  border: 2px solid #f42f86;
}
@media screen and (min-width: 1280px){
  .article03 .lead-content-item.item-up{
    border-bottom: 4px dotted #f42f86;
  }
}
/*  */
.article04 .main-content::before, .article04 .lead-content::before, .article04 .relate-ttl::before, .article04 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #3fcc02, #02ccb1);
}
.article04 .lead-content-item.item-up{
  border-bottom: 2px dotted #03ab42;
}
.article04 .block-ttl::before{
  background: #03ab42;
}
.article04 .block-column{
  border: 3px dotted #03ab42;
}
.article04 .block-column-ttl::after{
  border-right: 2px solid #03ab42;
  border-bottom: 2px solid #03ab42;
}
.article04 .block-q, .article04 .lead-content-ttl, .article04 .block-column-ttl, .article04 a.relate-item-btn.rental{
  color: #03ab42;
}
.article04 a.relate-item-btn.rental{
  border: 2px solid #03ab42;
}
@media screen and (min-width: 1280px){
  .article04 .lead-content-item.item-up{
    border-bottom: 4px dotted #03ab42;
  }
}
/*  */
.article05 .main-content::before, .article05 .lead-content::before, .article05 .relate-ttl::before, .article05 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #8956c7, #c756ba);
}
.article05 .lead-content-item.item-up{
  border-bottom: 2px dotted #af56c7;
}
.article05 .block-ttl::before{
  background: #af56c7;
}
.article05 .block-column{
  border: 3px dotted #af56c7;
}
.article05 .block-column-ttl::after{
  border-right: 2px solid #af56c7;
  border-bottom: 2px solid #af56c7;
}
.article05 .block-q, .article05 .lead-content-ttl, .article05 .block-column-ttl, .article05 a.relate-item-btn.rental{
  color: #af56c7;
}
.article05 a.relate-item-btn.rental{
  border: 2px solid #af56c7;
}
@media screen and (min-width: 1280px){
  .article05 .lead-content-item.item-up{
    border-bottom: 4px dotted #af56c7;
  }
}
/*  */
.article06 .main-content::before, .article06 .lead-content::before, .article06 .relate-ttl::before, .article06 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #db4444, #db44a9);
}
.article06 .lead-content-item.item-up{
  border-bottom: 2px dotted #db446a;
}
.article06 .block-ttl::before{
  background: #db446a;
}
.article06 .block-column{
  border: 3px dotted #db446a;
}
.article06 .block-column-ttl::after{
  border-right: 2px solid #db446a;
  border-bottom: 2px solid #db446a;
}
.article06 .block-q, .article06 .lead-content-ttl, .article06 .block-column-ttl, .article06 a.relate-item-btn.rental{
  color: #db446a;
}
.article06 a.relate-item-btn.rental{
  border: 2px solid #db446a;
}
@media screen and (min-width: 1280px){
  .article06 .lead-content-item.item-up{
    border-bottom: 4px dotted #db446a;
  }
}
/*  */
.article07 .main-content::before, .article07 .lead-content::before, .article07 .relate-ttl::before, .article07 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #02b08d, #027cb0);
}
.article07 .lead-content-item.item-up{
  border-bottom: 2px dotted #01a5af;
}
.article07 .block-ttl::before{
  background: #01a5af;
}
.article07 .block-column{
  border: 3px dotted #01a5af;
}
.article07 .block-column-ttl::after{
  border-right: 2px solid #01a5af;
  border-bottom: 2px solid #01a5af;
}
.article07 .block-q, .article07 .lead-content-ttl, .article07 .block-column-ttl, .article07 a.relate-item-btn.rental{
  color: #01a5af;
}
.article07 a.relate-item-btn.rental{
  border: 2px solid #01a5af;
}
@media screen and (min-width: 1280px){
  .article07 .lead-content-item.item-up{
    border-bottom: 4px dotted #01a5af;
  }
}
/*  */
.article08 .main-content::before, .article08 .lead-content::before, .article08 .relate-ttl::before, .article08 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #354500, #004045);
}
.article08 .lead-content-item.item-up{
  border-bottom: 2px dotted #004505;
}
.article08 .block-ttl::before{
  background: #004505;
}
.article08 .block-column{
  border: 3px dotted #004505;
}
.article08 .block-column-ttl::after{
  border-right: 2px solid #004505;
  border-bottom: 2px solid #004505;
}
.article08 .block-q, .article08 .lead-content-ttl, .article08 .block-column-ttl, .article08 a.relate-item-btn.rental{
  color: #004505;
}
.article08 a.relate-item-btn.rental{
  border: 2px solid #004505;
}
@media screen and (min-width: 1280px){
  .article08 .lead-content-item.item-up{
    border-bottom: 4px dotted #004505;
  }
}
/*  */
.article09 .main-content::before, .article09 .lead-content::before, .article09 .relate-ttl::before, .article09 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #5a6da3, #775aa3);
}
.article09 .lead-content-item.item-up{
  border-bottom: 2px dotted #5e59a2;
}
.article09 .block-ttl::before{
  background: #5e59a2;
}
.article09 .block-column{
  border: 3px dotted #5e59a2;
}
.article09 .block-column-ttl::after{
  border-right: 2px solid #5e59a2;
  border-bottom: 2px solid #5e59a2;
}
.article09 .block-q, .article09 .lead-content-ttl, .article09 .block-column-ttl, .article09 a.relate-item-btn.rental{
  color: #5e59a2;
}
.article09 a.relate-item-btn.rental{
  border: 2px solid #5e59a2;
}
@media screen and (min-width: 1280px){
  .article09 .lead-content-item.item-up{
    border-bottom: 4px dotted #5e59a2;
  }
}
/*  */
.article10 .main-content::before, .article10 .lead-content::before, .article10 .relate-ttl::before, .article10 a.relate-item-btn.shopping{
  background: linear-gradient(-45deg, #a5e000, #e08700);
}
.article10 .lead-content-item.item-up{
  border-bottom: 2px dotted #e9b903;
}
.article10 .block-ttl::before{
  background: #e9b903;
}
.article10 .block-column{
  border: 3px dotted #e9b903;
}
.article10 .block-column-ttl::after{
  border-right: 2px solid #e9b903;
  border-bottom: 2px solid #e9b903;
}
.article10 .block-q, .article10 .lead-content-ttl, .article10 .block-column-ttl, .article10 a.relate-item-btn.rental{
  color: #e9b903;
}
.article10 a.relate-item-btn.rental{
  border: 2px solid #e9b903;
}
@media screen and (min-width: 1280px){
  .article10 .lead-content-item.item-up{
    border-bottom: 4px dotted #e9b903;
  }
}


.table25{
  box-shadow: 2px 2px 15px 0px rgb(0 0 0 / 13%);
  width: 100%;
  margin-bottom: 30px;
}
.table25 th{
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  padding: .7em;
}
.table25 td{
  padding: 1em .5em 1em 1.5em;
  background: #fff;
}
.table25 td.after{
  background: #e9f8ff;
  font-weight: bold;
}
.th-before{
  background: #656565;
}
.th-after{
  background: #02afff;
}
.table25 .table-list-item{
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}
.table25 .table-list-item::before{
  content: '●';
  display: inline-block;
  color: #656565;
  margin-right: 5px;
}
.table25 .after .table-list-item::before{
  color: #02afff;
}
@media screen and (min-width: 768px){
  .table25 .table-list-item{
    font-size: 12px;
  }
  .table25 .table-list-item::before{
    font-size: 10px;
  }
}
@media screen and (min-width: 1028px){
  .table25{
    margin-bottom: 40px;
  }
  .table25 .table-list-item{
    font-size: 15px;
    margin-bottom: 15px;
  }
  .table25 .table-list-item::before{
    font-size: 15px;
  }
  .table25 td{
    padding: 1.5em 1em 1em 2.5em;
  }
  .table25 th{
    font-size: 18px;
  }
}
.figure-img.figure02{
  width: 70%;
  margin: -10px auto 30px;
  max-width: 210px;
}
.table25.table25-2{
  box-shadow: none;
  position: relative;
  width: 200%;
}
.table25.table25-2::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 80%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  box-shadow: 2px 2px 15px 0px rgb(0 0 0 / 13%);
}
.table25.table25-2 th{
  width: calc((100% / 7) * 2.5);
}
.table25.table25-2 th.ttl{
  width: calc((100% / 7) * 2);
}
.table25.table25-2 td{
  text-align: center;
  padding: 1em;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
}
.table25.table25-2 td.ttl{
  background: #eaeaea;
  border-bottom: 1px solid #fff;
}
.table25.table25-2 td.after{
  border-bottom: 1px solid #fff;
}
.table-wrapper{
  overflow: auto;
}
.table25.table25-2 .none td{
  border: none;
} 
@media screen and (min-width: 768px){
  .table25.table25-2{
    width: 150%;
  }
}
@media screen and (min-width: 1028px){
  .table25.table25-2{
    width: 100%;
  }
  .table25 td.after{
    font-size: 18px;
  }
}
.figure-wrapper{
  overflow: auto;
  margin-bottom: 30px;
}
.figure-img.figure04{
  width: 130%;
}
@media screen and (min-width: 768px){
  .figure-img.figure04{
    width: 100%;
  }
}
@media screen and (min-width: 1028px){
  .figure-wrapper{
    margin-bottom: 40px;
  }
}