@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;}
#one .head_p{margin-bottom:10px;}
#one .div_link{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
#one .div_link_btn{border:solid 1px #dee1e1; background: #F9FcFc; margin:12px 12px 0px 0px;padding: 36px;}
#one .div_link_btn a{display: block; }
#one .div_link .div_link_btn_title{color: #414141; text-align: center;font-weight: bold; padding-bottom: 10px;}
#one .div_link .div_link_btn_dl{color: #fff;padding: 5px; background-color: #3da440;text-align: center; font-size: 13px; border-radius: 5px;border: solid 1px #3da440;transition: 0.3s;}
#one .div_link .div_link_btn_dl:hover{color: #3da440;background-color: #fff;border: solid 1px #3da440;transition: 0.3s;}

#one .btn_link {margin-bottom: 35px;margin-left:30px;}
#one .btn_link a {color: #3da440;}
#one .btn_link a:after {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f1c1';
}
#one .btn_link a:hover {text-decoration: underline;}
#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;}
#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;}





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%);}


#two{margin: 50px 0;}
#two .contact_p{padding: 20px;}
#two .contact_p span{font-size: 110%;font-weight: bold;}