@charset "utf-8";

#mainvd{background: url(../../img/mainvd_sub.png);background-repeat: no-repeat; background-position:center; background-size: cover;}
#mainvd article{background: rgba(0,177,235,0.07); padding:85px 0px 85px;}
#mainvd .article_r{float:right; padding:10px 0px; width:44%;}

li.fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
li.fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }

#one{margin:50px 0 0 0;}
#one .head_p{margin-bottom:35px;}
#one strong{font-size:45px;}
#one small{font-size:25px; font-weight:700;margin-right:5px;}
#one .inner>ul{border-radius: 5px; padding:2px 2px;margin:0 auto; width:80%;text-align: left;box-sizing:border-box;}
#one li:first-child{font-size:25px;width:35%; text-align:center; display: inline-block;color:#fff; font-weight:400; border-radius: 4px;box-sizing:border-box;}
#one li:nth-child(2){width:60%;box-sizing:border-box; padding:0 5px 0 30px; text-align: center;}
#one .inner>ul.cost01{border:2px solid #3DAE2B;margin-bottom:10px;}
#one ul.cost01 li:first-child{background: #3DAE2B; padding:55px 30px;}
#one .inner>ul.cost02{border:2px solid #54babe;margin-bottom:10px; margin-top: 30px;}
#one ul.cost02 li:first-child{background: #54babe; padding:55px 30px; }
#one .inner>ul.cost03{border:2px solid #78a8d6;}
#one ul.cost03 li:first-child{background: #78a8d6; padding:55px 30px; }
#one .inner>ul .green{font-size:50px;font-weight:500;color:#3DAE2B;}
#one .inner>ul .sky{font-size:50px;font-weight:500;color:#54babe;}
#one .inner>ul .blue{font-size:50px;font-weight:500;color:#78a8d6;}
#one .inner>ul strong{font-size:30px; margin-right:10px;letter-spacing: -8px;}
#one .inlineBlock>li{vertical-align: middle;}
#one h3{background:#f58026;color:#fff; font-size:20px; padding:10px 0;}
#one .tx_01{border-top:1px solid #c8c8c8;line-height:17px; padding:5px 4px 0 10px;font-size:13px; margin-top:10px; color:#666666;text-align: left;}

.new_ribbon{position: absolute;top: -6px;right: -6px;width: 89px;height: 91px;overflow: hidden;}
.ribbon{display: inline-block;  position: absolute; padding: 7px 0; left: -23px; top: 22px; width: 160px;text-align: center;font-size: 18px; line-height: 16px; background: linear-gradient(to right, #F58026 0%, #FFCF74 100%); color: #fff;text-shadow: 0 2px 2px #F58026;letter-spacing: 0.05em; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}


.ribbon:before,.ribbon:after{position: absolute;content: ""; border-top: 4px solid #AF3100; border-left: 4px solid transparent; border-right: 4px solid transparent;bottom: -4px;}
.ribbon:before{left: 14px;}
.ribbon:after{right: 18px;}

#two,#three,#four{margin:50px 0 0 0;}
#two h2,#three h2,#four h2{margin-bottom:35px;}
#two strong,#three strong,#four strong{font-weight:500;}
#two .red,#three .red,#four .red{font-size:18px; font-weight:500;}
#two .caption,#three .caption,#four .caption{line-height: 20px;}
section table{width:100%; text-align: center; margin-bottom:20px;}
section td,section th{padding:8px 5px; vertical-align: middle;}
section table p{text-align:left; padding-left:20px;padding-bottom: 10px;}
.td_gray{background: #EFEFEF;}

#two .green_td{background:#3DAE2B;color:#fff;font-weight:500;}
#two .green_td01{background: rgba(61,174,43,0.2);}
#two .green_tx{color:#3DAE2B;}
#two td,#two th{border:1px solid #B4C9B0;}
#two .inlineBlock>li{width:15%;margin-right:1%; vertical-align: top; padding:15px 23px; margin-bottom:20px; box-sizing: border-box; border:2px solid #3DAE2B; text-align: center;color:#3DAE2B;border-radius: 5px;}
#two .inlineBlock>li:last-child{margin-right:0;}
#two .inlineBlock>li img{width:100%;margin-bottom:9px;}
#two .inlineBlock>li p{border-top:1px solid #3DAE2B;padding:7px 5px 0; font-weight:500;font-size:11px;line-height:17px;}
#two h3 {position: relative;  padding: 5px 0 8px 10px;;  border-left: 6px solid #ccc; margin-bottom:20px;}
#two h3::before {  position: absolute;  left: -6px;  bottom: 0;  content: '';  width: 6px;  height: 50%;  background-color: #3DAE2B;}
#two h3::after {  position: absolute;  left: 0;  bottom: 0;  content: '';  width: 100%;  height: 0;}
#two .plan1,
#two .plan2 {display: table-cell;}
#two .plan2 {padding-left:20px;}

#three h2{color:#54BABE;}
#three h2 span{border-bottom: 1px solid #54BABE;}
#three .sky_td{background: #54BABE;color:#fff;font-weight:500;}
#three .sky_td01{background: rgba(84,186,190,0.2);}
#three .green_tx{color:#54BABE;}
#three td,#three th{border:1px solid #9FBEBF;}
#three .inlineBlock>li{width:16%;margin-right:1%; vertical-align: top; padding:15px 23px; margin-bottom:20px; box-sizing: border-box; border:2px solid #54BABE; text-align: center;color:#54BABE;border-radius: 5px;}
#three .inlineBlock>li:last-child{margin-right:0;}
#three .inlineBlock>li img{width:100%;margin-bottom:9px;}
#three .inlineBlock>li p{border-top:1px solid #54BABE;padding:7px 5px 0; font-weight:500;font-size:11px;line-height:17px;}
#three h3 {position: relative;  padding: 5px 0 8px 10px;;  border-left: 6px solid #ccc; margin-bottom:20px;}
#three h3::before {  position: absolute;  left: -6px;  bottom: 0;  content: '';  width: 6px;  height: 50%;  background-color: #54BABE;}
#three h3::after {  position: absolute;  left: 0;  bottom: 0;  content: '';  width: 100%;  height: 0;}

#four h2{color:#78A8D6;}
#four h2 span{border-bottom: 1px solid #78A8D6;}
#four .blue_td{background: #78A8D6;color:#fff;font-weight:500;}
#four .blue_td01{background: rgba(120,168,214,0.2);}
#four .blue_tx{color:#78A8D6;}
#four td,#four th{border:1px solid #ABC4DC;}
#four .inlineBlock>li{width:16%;margin-right:1%; vertical-align: top; padding:15px 23px; margin-bottom:20px; box-sizing: border-box; border:2px solid #78A8D6; text-align: center;color:#78A8D6;border-radius: 5px;}
#four .inlineBlock>li:last-child{margin-right:0;}
#four .inlineBlock>li img{width:100%;margin-bottom:9px;}
#four .inlineBlock>li p{border-top:1px solid #78A8D6;padding:7px 5px 0; font-weight:500;font-size:11px;line-height:17px;}
#four h3 {position: relative;  padding: 5px 0 8px 10px;;  border-left: 6px solid #ccc; margin-bottom:20px;}
#four h3::before {  position: absolute;  left: -6px;  bottom: 0;  content: '';  width: 6px;  height: 50%;  background-color: #78A8D6;}
#four h3::after {  position: absolute;  left: 0;  bottom: 0;  content: '';  width: 100%;  height: 0;}


#four strong{font-weight:500;}
#four .width{width:70px;}
#four .caption{margin:25px 0 0 0;}
#four a{color:#f58026;}
#four a:hover{text-decoration: underline;}
#four .red{font-size:12px;}

#five{font-size:13px; color:#5F5F5F; margin:15px 0 50px 0;}
#five .article_wrapper{margin:40px 0 0 0;}
#five .article_l{width:39%; padding:5px 10px 0 20px; text-align: center;}
#five img{width:100%;}
#five li{padding-left:22px;}

h3.square{position: relative; padding-left:20px;}
h3.square:before{
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  height: 12px;
  width: 12px;
  border-radius: 10%;
  background: #5F5F5F;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

#six{margin:0 0 70px 0; font-size:11px;}
#six .inner{border-top:1px solid #D4D4D4; padding-top:20px;}

p.square{position: relative; padding-left:20px;}
p.square:before{
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  height: 12px;
  width: 12px;
  border-radius: 10%;
  background: #5F5F5F;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

#six h1{color:#333; font-weight:700;font-size:33px; margin-bottom:10px;line-height:37px; text-align: center;margin-top: 30px;}
#six h4{font-size:18px;margin-bottom:20px;font-weight:500;}
#six .inner>ul{border-radius: 5px; padding:2px 2px;margin:0 auto; width:68%;text-align: left; }
#six .inner>ul .red{font-size:55px;font-weight:600;}
#six .inner>ul strong{font-size:30px; margin-right:10px;letter-spacing: -8px;}
#six .inlineBlock>li{vertical-align: middle;}
#six li:first-child{display: inline-block;color:#fff; width:19%; padding:30px 35px; font-size:25px; font-weight:400; border-radius: 4px; margin-right:90px; text-align: center;}
#six li:nth-child(2){padding:10px 0 0 0;}
#six ul.cost01{border:2px solid #3DAE2B;margin-bottom:10px;}
#six ul.cost01 li:first-child{background:#3DAE2B;}
#six ul.cost02{border:2px solid  #54babe;margin-bottom:10px;}
#six ul.cost02 li:first-child{background: #54babe;}
#six ul.cost03{border:2px solid #78a8d6;margin-bottom:10px;}
#six ul.cost03 li:first-child{background: #78a8d6;}
#six .caption{width:70%; text-align: right; margin:0 auto;font-size: 14px;}
#six .tx01{font-size: 14px;}