@charset "UTF-8";
/* HTML5 Reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, img,
dl, dt, dd, ol, ul, li, form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  font-family: 'Noto Sans JP','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: #1A2909;
}

footer, header, menu, nav, section {
  display: block;
}
img{
  vertical-align: top;
}
a {
  color: #2684E2;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.support-btn{
  position: relative;
}
.support-btn::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  border-style: solid;
  border-width: 0 16px 16px 0;
  border-color: transparent #FFFFFF transparent transparent;
  z-index: 1;
}
.support-btn a{
  background-color: #FC195B;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border-radius: 8px;
}
.f-bold{
  font-weight: bold;
}
.bg-number{
  background-color: rgba(113, 176, 36, 0.2);
}
.bg-number-1{
  background-image: url('../images/title-1.svg');
}  
.bg-number-2{
  background-image: url('../images/title-2.svg');
}  
.bg-number-3{
  background-image: url('../images/title-3.svg');
}  
.bg-number-4{
  background-image: url('../images/title-4.svg');
}  
.bg-number-5{
  background-image: url('../images/title-5.svg');
}  
.bg-number-1, .bg-number-2, .bg-number-3, .bg-number-4, .bg-number-5{
  background-repeat: no-repeat;
}
.bg-number-title{
  color: #8C9383;
}
.bg-number{
  position: relative;
}
.bg-number::after{
  content: '';
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 42px solid #E2EFD3;
  position: absolute;
  bottom: -42px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 0);
}
.qa-title{
  display: flex;
  align-items: flex-end;
}
.qa-title-icon{
  color: #8C9383;
  font-weight: bold;
}
.sub-content-title{
  text-align: center;
  color: #8C9383;
}
.report01-content{
  display: flex;
  border: 4px solid #71B024;
  border-radius: 0 8px 8px 0;
  flex: 1;
  text-decoration: none;
}
.subreport01{
  position: relative;
  padding: 12px 12px 12px 16px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  width: 100%;
  background-color: #FFFFFF;
}
.subreport01::before{
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  border-style: solid;
  border-width: 0 16px 16px 0;
  border-color: transparent #71B024 transparent transparent;
}
.report01-text{
  display: block;
  color: #1A2909;
}
.report01-subtext{
  display: block;
  color: #8C9383;
}
.report02-tip,.report05-tip{
  box-sizing: border-box;
  border-width: 4px;
  border-style: solid;
  position: relative;
  background-color: #FFFFFF;
  display: block;
  text-decoration: none;
}
.report02-tip::before{
  content: '';
  border-style: solid;
  border-width: 0 0 4px 4px;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 0) rotate(135deg);
  background-color: #FFFFFF;
}
.report02-01tip,.report02-01tip::before,.report05-01tip{
  border-color: rgba(38, 124, 58, 0.4);
}
.report02-02tip,.report02-02tip::before,.report05-02tip{
  border-color: rgba(148, 76, 130, 0.4);
}
.report02-03tip,.report02-03tip::before,.report05-03tip{
  border-color: rgba(131, 140, 143, 0.4);
}
.report02-01tip .report02-tip-title{
  color: #267C3A;
}
.report02-02tip .report02-tip-title{
  color: #944C82;
}
.report02-03tip .report02-tip-title{
  color: #838C8F;
}
.report02-tip-title{
  font-weight: bold;
}
.report02-tip-text{
  color: #1A2909;
}
.report03 > a{
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.16);
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  color: #1A2909;
  text-decoration: none;
}
.report03-link{
  position: relative;
  display: inline-block;
  color: #2684E2;
}
.report03-link::before, .telwork-support-message a::before{
  content: '';
  position: absolute;
  top: -2px;
  right: 0;
  border-style: solid;
  border-width: 0 14px 14px 0;
  border-color: transparent #2684E2 transparent transparent;
}
.report03-link a{
  text-decoration: none;
}
.report04-title{
  color: #71B024;
  font-weight: bold;
}
.report05-01tip .report05-tip-image{
  border-bottom: 1px dotted #297F3A;
}
.report05-02tip .report05-tip-image{
  border-bottom: 1px dotted #9B4F88;
}
.report05-03tip .report05-tip-image{
  border-bottom: 1px dotted #CDD1D2;
}
.report05-tip-plan{
  color: #8C9383;
  display: block;
  position: relative;
}
.report05-tip-plan::after {
  content: '';
  border-left: 37px solid transparent;
  border-right: 37px solid transparent;
  position: absolute;
  bottom: -40px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 0);
}
.report05-01tip .report05-tip-plan::after{
  border-top: 16px solid rgba(41, 127, 58, 0.3);
}
.report05-02tip .report05-tip-plan::after{
  border-top: 16px solid rgba(155, 79, 136, 0.3);
}
.report05-03tip .report05-tip-plan::after{
  border-top: 16px solid rgba(131, 140, 143, 0.3);
}
.report05-tip-plan-title, .report05-tip-01newplan-title, .report05-tip-02newplan-title{
  font-weight: bold;
  display: block;
}
.report05-01tip .report05-tip-01newplan, .report05-01tip .report05-tip-02newplan{
  color: #267C3A;
  margin-bottom: 4px;
}
.report05-02tip .report05-tip-01newplan, .report05-02tip .report05-tip-02newplan{
  color: #944C82;
}
.report05-03tip .report05-tip-01newplan, .report05-03tip .report05-tip-02newplan{
  color: #838C8F;
}
.report05-tip .report05-tip-default{
  color: #1A2909;
}
.report05-tip-plan{
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 64px;
}
.report05-tip-plan-text{
  display: block;
}
.report05-tip-01newplan{
  font-size: 20px;
  line-height: 36px;
  display: block;
}
.report05-tip-02newplan{
  display: block;
}
.report05-tip-02newplan-title{
  font-size: 20px;
  line-height: 26px;
  display: block;
}
.report05-tip-02newplan-small{
  font-size: 18px;
  line-height: 26px;
  display: block;
}
.report05-tip-subtext{
  color: #8C9383;
  font-size: 16px;
  line-height: 28px;
}
.report05-price-message{
  font-size: 16px;
  color: #8C9383;
}
.telwork-support-subtitle{
  color: #71B024;
  font-weight: bold;
  text-align: center;
}
.telwork-support-message{
  background-color: rgba(113, 176, 36, 0.2);
  text-align: center;
}
.telwork-support-message a{
  display: inline-block;
  text-align: center;
  position: relative;
  text-decoration: none;
  margin-top: 24px;
  font-size: 16px;
  line-height: 26px;
}
.telwork-support-message a::before{
  right: -8px;
}
.txt-b{
    font-weight:bold;
}
/* page top */
#pageTop { position: fixed; bottom: 3%; right: 4%; z-index: 999;}
#pageTop .pageTop-btn a { display: table-cell; border-radius: 30px; width: 48px; height: 48px; background-color: #86b81b; color: #fff; text-decoration: none; text-align: center; vertical-align: middle; font-size: 20px; }
#pageTop .pageTop-btn a:hover { opacity: 0.9; }

/* SP */
@media screen and (max-width: 768px){
  .sp\:mb-16{
    margin-bottom: 16px !important;
  }
  .sp\:mb-36{
    margin-bottom: 36px !important;
  }
  .sp\:mb-56{
    margin-bottom: 56px !important;
  }
  .sp\:text-center{
    text-align: center;
  }
  .sp\:disp_none{
    display: none;
  }
  .main-content{
    background-image: url('../images/sp_main.png');
    width: 100%;
    height: 332px;
    padding-top: 144px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 40px;
    background-size: cover;
    background-position: center center;
  }
  .main-title-content{
    font-size: 4.5vw;
    line-height: 28px;
  }
  .main-title{
    margin-bottom: 16px;
  }
  .main-subtitle{
    font-size: 5.5vw;
    line-height: 1.75;
    font-weight: bold;
    color: #71B024;
  }
  .main-subtitle span{
    display: block;
  }
  .main-subcontent-title{
    width: 300px;
    text-align: center;
    margin: 0 auto 8px;
    font-size: 16px;
    line-height: 26px;
  }
  .main-subcontent-day{
    font-size: 20px;
    line-height: 24px;
    color: #FC195B;
    text-align: center;
    margin-bottom: 8px;
  }
  .main-subcontent-day span{
    font-size: 16px;
    line-height: 24px;
    color: #1A2909;
  }
  .main-subcontent-text{
    font-size: 16px;
    line-height: 24px;
    color: #8C9383;
    text-align: center;
    margin-bottom: 24px;
  }
  .support-btn{
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .support-btn a{
    padding: 16px 48px;
  }
  .bg-number{
    padding-top: 24px;
    margin-bottom: 74px;
  }
  .bg-number-1, .bg-number-2, .bg-number-3, .bg-number-4, .bg-number-5{
    background-size: 54px 42px;
    padding-top: 58px;
    background-position: top center;
  }
  .bg-number-title{
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }
  .bg-number-subtitle{
    font-size: 24px;
    line-height: 38px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 24px;
  }
  .bg-number-2 .bg-number-subtitle{
    width: 192px;
  }
  .bg-number-3 .bg-number-subtitle{
    width: 216px;
  }
  .bg-number-4 .bg-number-subtitle{
    width: 275px;
    text-align: center;
  }
  .sub-content, .sub-contents, .qa-content{
    margin: 0 16px;
  }
  .sub-content{
    font-size: 16px;
    line-height: 26px;
  }
  .sub-content span{
    font-weight: bold;
  }
  .qa-title{
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 8px;
    border-bottom: 4px solid #E2EFD3;
    margin-bottom: 16px;
  }
  .qa-title-icon{
    font-size: 24px;
    line-height: 36px;
    margin-right: 8px;
  }
  .qa-01image,.qa-02image{
    text-align: center;
    margin-bottom: 16px;
  }
  .qa-01image img{
    max-width: 262px;
    width: 100%;
  }
  .qa-read{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 32px;
    text-align: right;
  }
  .qa-read span{
    display: block;
  }
  .qa-02image img{
    max-width: 369px;
    width: 100%;
  }
  .sub-content-title{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 4px;
  }
  .sub-content-subtitle{
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 16px;
  }
  .subreport01{
    line-height: 26px;
  }
  .report01-content{
    margin-bottom: 40px;
  }
  .report02-image{
    text-align: center;
    margin-bottom: 16px;
  }
  .report02-image img{
    width: 100%;
    max-width: 368px;
  }
  .report02-text{
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 16px;
  }
  .report02-subtext{
    font-size: 16px;
    line-height: 28px;
  }
  .report02-tip{
    padding: 16px 14px 21px 16px;
    margin-top: 27px;
    margin-bottom: 32px;
  }
  .report02-tip::before{
    width: 28px;
    height: 28px;
    top: -19px;
  }
  .report02-tip-title{
    font-size: 20px;
    line-height: 29px;
    display: block;
    margin-bottom: 16px;
  }
  .report02-tip-image{
    margin-bottom: 16px;
    display: block;
  }
  .report02-tip-image img{
    max-width: 330px;
    width: 100%;
  }
  .report02-tip-text{
    font-size: 16px;
    line-height: 28px;
  }
  .report03{
    max-width: 368px;
    width: 100%;
    margin: 0 auto;
  }
  .report03 > a{
    display: block;
    margin-bottom: 32px;
  }
  .report03-image{
    margin-bottom: 16px;
    text-align: center;
    display: block;
  }
  .report03-image img{
    width: 100%;
  }
  .report03-text{
    font-size: 20px;
    line-height: 29px;
    font-weight: bold;
    margin-bottom: 16px;
    margin-left: 15px;
    display: block;
  }
  .report03-tip-text{
    display: block;
    margin-left: 15px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 28px;
  }
  .report03-link{
    margin: 0 13px 15px 15px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 32px;
  }
  .report04-01content, .report04-02content, .report04-03content{
    height: 300px;
    background-size: cover;
    background-position: center center;
    padding: 24px 16px;
    box-sizing: border-box;
  }
  .report04-01content{
    background-image: url(../images/sp_title-4-image01.png);
    margin: 0 16px 32px;
  }
  .report04-02content{
    background-image: url(../images/sp_title-4-image02.png);
    margin: 0 16px 32px;
  }
  .report04-03content{
    background-image: url(../images/sp_title-4-image03.png);
    margin: 0 16px 40px;
  }
  .report04-title{
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 26px;
    margin-left: 16px;
  }
  .report04-text{
    margin: 0 16px;
    font-size: 16px;
    line-height: 28px;
  }
  .report05-tip{
    margin-top: 32px;
    padding: 21px 16px 20px;
  }
  .report05-tip-image{
    padding: 0 16px 16px;
    display: block;
    text-align: center;
    margin-bottom: 16px;
  }
  .report05-tip-image img{
    width: 100%;
    max-width: 330px;
  }
  .report05-price-message{
    margin-bottom: 40px;
  }
  .telwork-support{
    width: 100%;
    /*height: 453px;*/
    background-image: url('../images/sp_title5-image01.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 136px;
    box-sizing: border-box;
    /*margin-bottom: -50px;*/
  }
  .telwork-support-title{
    text-align: center;
    font-size: 3.85vw;
    margin-bottom: 16px;
  }
  .telwork-support-title span{
    display: block;
    margin-left: 3.85vw;
  }
  .telwork-support-subtitle{
    font-size: 4.84vw;
    margin-bottom: 65px;
  }
  .telwork-support-subtitle span{
    display: block;
  }
  .telwork-support-message{
    font-size: 18px;
    line-height: 28px;
    padding: 24px;
  }
  .telwork-support-message > div{
    margin: 0 16px;
  }
    /*sp footer*/
    .mega-footer{
        display:none;
    }
    .sp_footer #footer div,.sp_footer #footer ul,.sp_footer #footer li{margin:0;padding:0;}
    .sp_footer #footer li {
        list-style-type: none;
    }
    .sp_footer #list_footer a{
        display:block;
        font-size:11px;
        color:#545454;
        text-decoration:none;
        padding:12px 15px;
        border-bottom:1px solid #cbcbcb;
        background-color:#e0e0e0;
        position:relative;
    }
    .sp_footer #list_footer a:after{
        content:"▶";
        display:block;
        width:1em;
        height:10px;
        line-height:100%;
        position:absolute;
        right:15px;
        top:50%;
        margin-top:-5px;
        color:#545454;
        font-size:10px;
    }
    .sp_footer #footer_info{
        background-color:#cbcbcb;
        text-align:center;
        padding:15px !important;
    }
    .sp_footer #footer_info h5{
        padding-bottom:3px;
    }
    .sp_footer address{
        color:#545454;
        font-size:7px;
    }
}
@media screen and (max-width: 984px){
  .bg-slant-green-4 .pc\:flex{
    display: block;
  }
  .bg-slant-green-4 .report02-image{
    margin-top: 32px;
  }
  .bg-slant-green-4 .pc\:flex > div:first-child .report02-image{
    margin-top: 0;
  }
}
/* PC */
@media screen and (min-width: 768px){
  .pc\:mb-8{
    margin-bottom: 8px !important;
  }
  .pc\:mb-16{
    margin-bottom: 16px !important;
  }
  .pc\:mb-40{
    margin-bottom: 40px !important;
  }
  .pc\:mb-64{
    margin-bottom: 64px !important;
  }
  .pc\:flex{
    display: flex;
  }
  .pc\:flex-center{
    align-items: center;
  }
  .pc\:flex-lauto{
    margin-left: auto;
  }
  .pc\:disp_none{
    display: none;
  }
  .contents{
    width: 100%;
  }
  .content{
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .bg-main{
    position: relative;
  }
  .bg-main::after{
    content: '';
    position: absolute;
    bottom: 24px;
    height: 168px;
    width: 25%;
    background-color: rgba( 255, 255, 255, 0.8);
  }
  .bg-green-1{
    background-color: #F3F9ED;
  }
  .bg-slant-green-1{
    position: relative;
    padding-bottom: 120px;
    padding-top: 40px;
  }
  .bg-slant-green-1:after{
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 248px;
    background-image: linear-gradient(-80deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(-80deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(-80deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(-80deg, #F3F9ED 50%, #FFFFFF 50%);    
  }
  .main-content{
    width: 100%;
    height: 460px;
    background-image: url("../images/main.png");
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
    position: relative;
  }
  .main-title-content{
    position: absolute;
    bottom: 24px;
    background-color: rgba( 255, 255, 255, 0.8);
    padding: 24px 40px;
  }
  .main-title{
    font-size: 28px;
    line-height: 58px;
    margin-bottom: 4px;
  }
  .main-title span{
    font-weight: bold;
  }
  .main-subtitle{
    font-size: 33px;
    font-weight: bold;
    line-height: 58px;
    color: #71B024;

  }
  .sub-contents{
    position: relative;
    z-index: 2;
    margin:0 4%;
  }
  .main-subcontent{
    font-size: 20px;
    line-height: 29px;
  }
  .main-subcontent-day{
    font-size: 24px;
    line-height: 36px;
    color: #FC195B;
    margin-bottom: 4px;
  }
  .main-subcontent-day span{
    font-size: 20px;
    color: #1A2909;
  }
  .main-subcontent-text{
    font-size: 18px;
    line-height: 27px;
    color: #8C9383;
  }
  .support-btn a{
    font-size: 24px;
    line-height: 36px;
    padding: 24px 48px;
    white-space: nowrap;
  }
  .bg-number{
    top: -56px;
    height: 155px;
    margin-bottom: 26px;
  }
  .bg-number-1, .bg-number-2, .bg-number-3, .bg-number-4, .bg-number-5{
    margin: 0 4%;
    padding: 32px 0;
    background-position: left bottom -8px;
    text-align: center;
  }
  .bg-number-title{
    font-size: 24px;
    line-height: 36px;
  }
  .bg-number-subtitle{
    font-size: 32px;
    line-height: 47px;
  }
  .sub-content{
    width: 805px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 28px;
  }
  .sub-content span{
    font-weight: bold;
    color: #71B024;
  }
  .qa-content{
    position: relative;
    padding: 0 4% 16px;
    border-bottom: 4px solid #E2EFD3;
  }
  .qa-title{
    font-size: 20px;
    line-height: 36px;
    position: absolute;
    bottom: 16px;
    left: 4%;
    height: 80px;
  }
  .qa-title span{
    display: block;
  }
  .qa-title-icon{
    font-size: 54px;
    line-height: 80px;
    margin-right: 16px;
  }
  .qa-01image, .qa-02image{
    text-align: right;
  }
  .qa-01image{
    margin-right: 36px;
  }
  .qa-read{
    text-align: right;
    color: #8C9383;
  }
  .qa-read span{
    margin-left: 16px;
  }
  .report01-content:first-child{
    margin-right: 12px;
  }
  .report01-content:last-child{
    margin-left: 12px;
  }
  .sub-content-title{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
  }
  .sub-content-subtitle{
    font-size: 32px;
    line-height: 47px;
    text-align: center;
    padding-bottom: 24px;
  }
  .bg-slant-green-2{
    position: relative;
    padding-bottom: 40px;
  }
  .bg-slant-green-2:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
    background-image: linear-gradient(-80deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -webkit-linear-gradient(-80deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -moz-linear-gradient(-80deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -ms-linear-gradient(-80deg, #FFFFFF 50%, #F3F9ED 50%);    
  }
  .bg-slant-green-3{
    position: relative;
    padding-top: 16px;
    padding-bottom: 120px;
  }
  .bg-slant-green-3:after{
    content: '';
    position: absolute;
    top: 0;
    height: 316px;
    width: 100%;
    background-image: linear-gradient(-78deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(-78deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(-78deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(-78deg, #F3F9ED 50%, #FFFFFF 50%);    
  }
  .report02-image{
    margin-bottom: 16px;
    text-align: center;
  }
  .report02-image img{
    max-width: 368px;
    width: 100%;
  }
  .report02-text{
    font-size: 20px;
    line-height: 29px;
    margin: 0 16px 16px;
  }
  .report02-subtext{
    font-size: 16px;
    line-height: 28px;
    margin: 0 16px 27px;
  }
  .report02-tip,.report05-tip{
    padding: 21px 12px 18px;
    width: 314px;
    margin: 0 auto;
  }
  .report02-tip::before{
    width: 17px;
    height: 17px;
    top: -14px;
  }
  .report02-02tip{
    width: 315px;
  }
  .report02-tip-title{
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 16px;
    display: block;
  }
  .report02-tip-image{
    height: 34px;
    margin-bottom: 16px;
    display: block;
  }
  .report02-tip-image img{
    width: 100%;
  }
  .report02-tip-text{
    font-size: 16px;
    line-height: 28px;
  }
  .bg-slant-green-4{
    position: relative;
  }
  .bg-slant-green-4:after{
    content: '';
    position: absolute;
    bottom: 73px;
    width: 100%;
    height: 185px;
    background-image: linear-gradient(-82deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -webkit-linear-gradient(-82deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -moz-linear-gradient(-82deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -ms-linear-gradient(-82deg, #FFFFFF 50%, #F3F9ED 50%);    
  }
  .bg-slant-green-5{
    position: relative;
    padding-bottom: 120px;
    padding-top: 64px;
  }
  .bg-slant-green-5::before{
    content: '';
    position: absolute;
    top: -73px;
    background-color: #F3F9ED;
    width: 100%;
    height: 137px;
  }
  .bg-slant-green-5:after{
    content: '';
    position: absolute;
    top: 64px;
    width: 100%;
    height: 205px;
    background-image: linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);    
  }
  .report03{
    justify-content: space-between;
  }
  .report03 > a{
    width: 299px;
  }
  .report03-image{
    display: block;
  }
  .report03 img{
    width: 100%;
  }
  .report03-text{
    font-size: 22px;
    line-height: 33px;
    font-weight: bold;
    margin: 14px 0 8px 15px;
    display: block;
  }
  .report03-tip-text{
    font-size: 16px;
    line-height: 28px;
    margin: 0 13px 14px 15px;
    height: 140px;
    display: block;
  }
  .report03-link{
    margin: 0 13px 15px 15px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 26px;
  }
  .bg-slant-green-6{
    position: relative;
  }
  .bg-slant-green-6::before{
    content: '';
    position: absolute;
    bottom: 277px;
    width: 100%;
    height: 170px;
    background-image: linear-gradient(-83deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -webkit-linear-gradient(-83deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -moz-linear-gradient(-83deg, #FFFFFF 50%, #F3F9ED 50%);
    background-image: -ms-linear-gradient(-83deg, #FFFFFF 50%, #F3F9ED 50%);    
  }
  .bg-slant-green-6::after{
    content: '';
    position: absolute;
    bottom: 115px;
    background-color: #F3F9ED;
    height: 162px;
    width: 100%;
  }
  .bg-slant-green-7{
    position: relative;
    padding-bottom: 112px;
  }
  .bg-slant-green-7::before{
    content: '';
    position: absolute;
    bottom: 12px;
    width: 100%;
    height: 215px;
    background-image: linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(-82deg, #F3F9ED 50%, #FFFFFF 50%);    
  }
  .report04-01content, .report04-02content, .report04-03content{
    width: 100%;
    height: 200px;
    padding: 32px 40px;
    box-sizing: border-box;
  }
  .report04-01content{
    background-image: url('../images/title-4-image01.png');
  }
  .report04-02content{
    background-image: url('../images/title-4-image02.png');
  }
  .report04-03content{
    background-image: url('../images/title-4-image03.png');
  }
  .report04-content{
    width: 399px;
  }
  .report04-title{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 4px;
  }
  .report04-text{
    font-size: 16px;
    line-height: 28px;
  }
  .report05-tip{
    margin-bottom: 24px;
  }
  .report05-tip-image{
    height: 34px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    display: block;
  }
  .report05-tip-image img{
    width: 100%;
  }
  .report05-tip-plan-text{
    height: 56px;
  }
  .report05-price-message{
    margin-bottom: 64px;
  }
  .telwork-support{
    width: 100%;
    background-image: url('../images/title5-image01.png');
    background-size: 100%;
    background-position: top left -30px;
    background-repeat: no-repeat;;
    padding-top: 110px;
    box-sizing: border-box;
    margin-bottom: -50px;
  }
  .telwork-support-title{
    font-size: 28px;
    line-height: 41px;
    margin-bottom: 8px;
    text-align: center;
  }
  .telwork-support-subtitle{
    font-size: 33px;
    line-height: 49px;
    margin-bottom: 82px;
  }
  .telwork-support-message{
    margin-top: 64px;
    padding: 32px 0 40px;
    font-size: 24px;
    line-height: 44px;
  }
  /*PC footer*/
    .sp_footer {
        display:none;
    }
    .mega-footer a {
        color: #0066cc;
        outline: none;
    }
    .mega-footer a:hover {
        color: #0066FF;
    }
    .mega-footer{
        width:100%;
        background:#f2f2f2;
        border-top:1px solid #c0c0c0;
        padding:40px 0;
        clear: both;
        position: absolute;
        left:0;
        margin-top:50px;
    }
    .mega-footer a{
        text-decoration: none;
    }
    .mega-footer a:hover{
        text-decoration: underline;
    }
    .mega-footer_contents{
        width:100%;
        max-width:1280px;
        min-width:768px;
        margin:0 auto;
    }
    .mega-footer_contents h2{
        margin:0 0 40px 5%;
        line-height:1;
        height:25px;
        width:95%;
    }
    .mega-footer_contents div{
        display:inline-block;
        vertical-align: top;
    }
    .mega-footer_contents div dt,.mega-footer_contents div dd{
        line-height:1;
        margin-bottom:12px;
        margin-left:0;
        padding:0 !important;
    }
    .mega-footer_contents div dt{
        float:none;
    }
    .mega-footer_contents div dl{
        margin:0;
    }
    .mega-footer_contents div dl:first-child{
        height:150px;
    }
    .mega-footer_contentsService dl{
        height:auto !important;
    }
    .mega-footer_contentsService{
        width:25%;
        margin-left:5%;
    }
    .mega-footer_contentsFmservice{
        width:30%;
    }
    .mega-footer_contentsAbout{
        width:15%;
    }
    .mega-footer_contentsAbout{
        width:15%;
    }
    .mega-footer_contents div dt,.mega-footer_contents div dt a{
        font-size:14px;
        font-weight:bold;
    }
    .mega-footer_contents div dd{
        font-size:12px;
    }
    .mega-footer_contents div dd a{
        font-size:13px;
    }
    .mega-footer_contentsSpace{
        margin-bottom:37px !important;
    }
    .mega-footer_contentsCopy{
        font-size:12px;
        color:#999;
        text-align:right;
        border-top:1px solid #ccc;
        padding-top:20px;
        padding-right:30px;
        margin:30px 0 0 0;
    }
    .write_host_name{
        color:#f2f2f2;
        text-align: left;
    }
    .link_icon_ex{
        background:url("/information/images/im_site/common/link_icon_ex.png") 100% 50% no-repeat;
        padding-right:17px;
    }
}