@charset "utf-8";

/*huck 202101*/

#contents-area #gardening03 {
    background-color: #ffffff;
    padding-bottom: 20px;
}


.ideNavi {
    margin: 2% 0;
}
.ideNavi ul {
    display: flex;
    flex-flow: row;
}
.ideNavi li {
    width: 20%;
    margin: 0;
}
.ideNavi li {
    display: inline;
    padding: 23px 15px 17px 15px;
    white-space: nowrap;
    border: 1px solid #dbdbdb;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    align-self: center;
    font-size: 1.1rem	
}
.ideNavi .ideTxt{
    font-size: 0.75rem;
    padding-right: 10px;
}
.ideNavi li a:hover  {
    text-decoration: none;
}


#ideComparison {
    background-color: #fffaf4;
    /*background-color: #ffffff;*/
    padding: 25px 50px;
    /*margin-top: 20px;*/
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

#ideComparison h3 {
    border-bottom: solid 5px #00533f;
    font-size: 1.75rem;
    font-weight:bold;
    background-color: #37a34a;
    color: #ffffff;
    padding: 0.5em;
    text-align: center;
    margin-bottom:5%;
}
#ideComparison h4 {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.25rem;
    background: #00ac97;
    padding: 1% 2%;
    border-bottom: solid 2px gainsboro;
}
#ideComparison p{
    line-height: 1.5;
    font-size: 1.0rem;
    margin: 2% 0;
}
#ideComparison .waku{
    margin-top: 20px;
    font-size: 1.5rem;
    line-height: 1.5;
    border: 1px solid #00533f;
    background: #ffffff;
    padding: 15px;
    margin: 5% 0 8%;
}
#ideComparison .marker {
 background: linear-gradient(transparent 50%, #b2ffb2 50%);
font-weight: bold;
}

#ideComparison .btn{
    margin: 5% 0 8%;
    text-align: center;
}
#ideComparison btn a {
    width: 80%;
    margin: auto;
    padding: 5% 4% 4% 0;
    font-size: 4.4vw;
    /*background: #ffffff url() no-repeat 96% 50% / 2.8%;*/
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

#ideComparison .box3{
    margin: 0;
    display: flex;
    flex-flow: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 5%;
    background: #ffffee;
    padding: 2% 0;	
}

#ideComparison .box3 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    border-radius: 6px 6px 0 0;
    text-align: center;
    
}

#ideComparison .box3 dd{
    border-radius: 0 0 6px 6px;
    text-align: center;
    font-size: 1.00rem;	
    margin-top: 2%;
}

#ideComparison .after01, .after03{
    width: 42%;
}
#ideComparison .after02{
    width: 12%;
}

#ideComparison .box4{
    margin: 0;
    display: flex;
    flex-flow: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 3%;
}

#ideComparison .box4 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    border-radius: 6px 6px 0 0;
    padding-left:5%;
    
}

#ideComparison .box4 dd{
    height: 15rem;
    padding: 5% 0%;
    border-radius: 0 0 6px 6px;
    border-right: 1px dashed;
}

dd.noR{
  border-right: none !important;
}


#ideComparison .pt01, .pt02, .pt03, .pt04{
    width: 24%;
}

#contents-area .button-block2{
    clear: both;
    text-align: center;
    background-color: #ffffff;
    padding:5% 0;
}

.btn-flat-border {
  display: inline-block;
  padding: 15px;
  text-decoration: none;
  font-size: 1.25rem;
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  transition: .4s;
  margin: auto;
  width:30%;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; 
}
.btn-flat-border:hover {
  background: #eb6157;
  border: solid 1px #eb6157;
  color: #ffffff;
  text-decoration: none;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

.btnSS-flat-border {
  background: #eb6157;
  border: solid 1px #eb6157;
  color: #ffffff !important;
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  font-size: 1.00rem;
  border-radius: 3px;
  transition: .4s;
  margin: auto;
  width:80%;
}
.btnSS-flat-border:hover {
  background: #ffffff;
  border: solid 1px #eb6157;
  color: #eb6157 !important;
  text-decoration: none;
}


#gardening03 h3{
    border-bottom: solid 5px #00533f;
    font-size: 1.75rem;
    font-weight:bold;
    background-color: #37a34a;
    color: #ffffff;
    padding: 0.5em;
    text-align: center;
    margin:10% 0 5%;
}
#gardening03 .box2{
    margin: 0;
    display: flex;
    flex-flow: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 3%;
}
#gardening03 .box3{
    margin: 0;
    display: flex;
    flex-flow: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 3%;
}

#gardening03 .box5{
    margin: 0;
    display: flex;
    flex-flow: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 3%;
}

#gardening03 .point{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gardening03 .box2 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    background: #e0edf3;
    border-radius: 6px 6px 0 0;
    padding-left:5%;
    
}

#gardening03 .box2 dd{
    height: 25rem;
    padding: 4% 10% 1%;
    border-radius: 0 0 6px 6px;
    background: #f2f8fb;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#gardening03 .box2 p{
    padding-left:1%;
}

#gardening03 .box5 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    background: #e0edf3;
    border-radius: 6px 6px 0 0;
    padding-left:5%;    
}

#gardening03 .box5 dd{
    height: 50rem;
    padding: 4% 10% 1%;
    border-radius: 0 0 6px 6px;
    background: #f2f8fb;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

#gardening03 .box5 p{
    padding-left:1%;
}

#gardening03 .boxPic{
    margin: 0;
    margin-top: -3%;
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    padding: 3%;
    background: #f2f8fb;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    color:#475d7b;
    font-size: 1.25rem; 
}

.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 #bee0ce;
  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: #bee0ce;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #bee0ce;
}
.saysH {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 1px;
  padding: 10px 1px;
}

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

#gardening03 .box3 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    background: #e0edf3;
    border-radius: 6px 6px 0 0;
    /*padding-left:5%;*/
    text-align: center;
}

#gardening03 .box3 dd{
    height: 24rem;
    border-radius: 0 0 6px 6px;
    background: #ffffff;
    text-align: center;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    border: solid 1px #e0edf3;
}

#gardening03 .box5 dt{
    font-size: 1.25rem;
    line-height: 2;
    font-weight: bold;
    color: #475d7b;
    background: #e0edf3;
    border-radius: 6px 6px 0 0;
    /*padding-left:5%;*/
    /*text-align: center;*/
}

#gardening03 .box5 dd{
    height: 70rem;
    border-radius: 0 0 6px 6px;
    background: #f2f8fb;
    text-align: left;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
    border: solid 1px #e0edf3;
}

#gardening03 .pnt01, .pnt02, .pnt03, .pnt04{
    width: 100%;
}

#gardening03 .buy01, .buy02, .buy03, .buy04{
    width: 33%;
}

/*使用前 使用後*/
.comparison-block .frame04-1 {
    width: 780px !important;
    height: 274px;
    position: relative;
}
.comparison-block .frame04-1 .arrow {
    position: absolute;
    left: 350px!important;
    top: 110px;
}

#contents-area table td {
    vertical-align: top;
    padding: 8px;
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    font-size: 1.00rem;
}