@charset "UTF-8";
/* common
--------------------------------------------------- */
#homVisual {
    background-image: url(../../img/top/bg-homVisual-01.jpg);
    height: 450px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
#homVisual .homImghomVisual {
    margin: 0 auto;
    width: 980px;
    text-align: right;
    padding-top: 63px;
}
#homPointBlock {
}
#homPointBlock .point {
    background-image: url(../../img/top/bg-guide-02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
}
#homPointBlock .homInrBelow {
    background-image: url(../../img/top/bg-guide-03.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#homPointBlock .point .inrContent {
    background-image: url(../../img/top/bg-guide-05.png);
    background-size: 100% 100%;
}
#homPointBlock .point h2 {
}
#homPointBlock .point h2 img {
    margin: -26px auto 0;
    display: block;
}
#homPointBlock .fl {
    width: 176px;
    float: left;
}
#homPointBlock .fr {
    width: 750px;
    float: right;
}
#homPointBlock .point ul {
    padding: 40px 0px 60px;
}
#homPointBlock .point ul#garden {
    padding-bottom: 0;
}
#homPointBlock .point ul li {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 4px solid #fdac71;
    background-color: #FFFFFF;
    width: 176px;
    border-radius: 5px;
    float: left;
}
#homPointBlock .point .fl ul li {
    border: 4px solid #ffce5c;
}
#homPointBlock .point ul li a {
    text-decoration: none;
    display: block;
}
#homPointBlock .point ul li:hover {
    opacity: .6;
}
#homPointBlock .point .fl ul li:before {
    height: 4px;
    width: 80px;
    background-color: #fdb100;
    content: "";
    margin: 0 auto;
    display: block;
}
#homPointBlock .point .fr ul li {
    padding-top: 10px;
    margin-right: 14px;
}
#homPointBlock .point .fr ul li.last {
    margin-right: 0px;
}
#homPointBlock .point ul li h3 {
    background-color: #fc7c1f;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0 -4px 20px;
    font-size: 18px;
    text-decoration: none;
}
#homPointBlock .point ul li.last h3 {
    letter-spacing: -0.055em;
    font-size: 17px;
}
#homPointBlock .point .fl ul li .homTxtPoint {
    padding-top: 35px;
}
#homPointBlock .point ul li .homImgPoint {
    text-align: center;
    margin-bottom: 15px;
}
#homPointBlock .point ul li .homTxtPoint {
    font-size: 14px;
    padding: 0 20px 20px;
    line-height: 21px;
    text-decoration: none;
}
#homPointBlock .point ul li h3 span {
    font-size: 16px;
    display: block;
}
#homNewsBlock {
    background-image: url(../../img/top/bg-guide-04.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 90px;
}
#homNewsBlock .homInrBelow::-webkit-scrollbar {
 background:#f2f2f2;
 width:10px;
 height:10px;
}
#homNewsBlock .homInrBelow::-webkit-scrollbar-track {
background:#f2f2f2;
}
#homNewsBlock .homInrBelow::-webkit-scrollbar-thumb {
 background:#cccccc;
}
#homNewsBlock .fl {
    width: 490px;
    float: left;
}
#homNewsBlock .fr {
    width: 460px;
    float: right;
    padding-top: 118px;
}
#homNewsBlock h2 {
    padding: 60px 0px 30px;
    text-align: center;
}
#homNewsBlock .homInrBelow {
    height: 180px;
    overflow: auto;
}
#homNewsBlock dl {
    padding: 15px 10px;
    background-color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
}
#homNewsBlock dl dt {
    color: #f1943b;
    font-weight: bold;
    margin-bottom: 5px;
}
#homNewsBlock dl dd {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#homNewsBlock dl dd a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none;
}
#homNewsBlock dl dd a:hover {
    opacity: .6;
}
#homPickupBlock {
    background-color: #f9f0d0;
    padding-bottom: 40px;
}
#homPickupBlock h2 {
    text-align: center;
    margin-bottom: 15px;
}
#homPickupBlock h2 img {
    margin-top: -26px;
}
#homPickupBlock #slider1 li {
    width: 170px;
    font-size: 12px;
    font-weight: bold;
}
#homPickupBlock #slider1 li img {
    display: block;
    margin-bottom: 10px;
}
#homPickupBlock #slider1 li .homTxtPickup {
    display: block;
    background-image: url(../../img/top/ic-pickup-03.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
    text-decoration: underline;
}
#homPickupBlock #slider1 li a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none;
    display: block;
}


#homPickupBlock #slider1 li a:hover {
    opacity: .6;
}




/* hx */
.homH2 {
    padding: 50px 0 30px;
    text-align: center;
    font: 500 30px/1.3 'Noto Sans JP', sans-serif;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}
.homH2.news {
    background-image: url(../../img/top/ic-homNewsBlock-01.png);
    letter-spacing: 1px;
    text-indent: 1px;
}
.homH2.about {
    background-image: url(../../img/top/ic-homAboutBlock-01.png);
    letter-spacing: 5px;
    text-indent: 5px;
}
.homH2.guide {
    background-image: url(../../img/top/ic-homGuideBlock-01.png);
    text-indent: 25px;
    letter-spacing: 25px;
}
.homH2.quality {
    background-image: url(../../img/top/ic-homQualityBlock-01.png);
    text-indent: 1px;
    letter-spacing: 1px;
}
/* point
------------------------------------------------ */

/* about
------------------------------------------------ */


/* guide
------------------------------------------------ */


/* quality
------------------------------------------------ */

/* homMenuBnrBlock
------------------------------------------------ */
/* homBlogBlock
------------------------------------------------ */


.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #90CA4E;
  color: white;
  border: solid 2px #90CA4E;
  border-radius: 3px;
  transition: .4s;
	width: 100%;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
}

.btn-flat-border:hover {
    color: #90CA4E;
    background: #ffffff;
}