@charset "UTF-8";
/* 
----------------------------------------------------------------------------------------------------
  □ main
---------------------------------------------------------------------------------------------------- */
.sg_main {
  padding: 0 2.08333% 0;
}

.group {
  padding: 20px 10px 135px;
  margin: 0 -10px;
  background: #f6f4eb;
}

main article {
  margin: 0 0 20px;
}

.greeting {
  padding: 20px 10px 0;
  margin: 0 -10px;
  background: url(../images/ico01.png) no-repeat left top, url(../images/ico02.png) no-repeat right 80px;
  background-size: 64px 86px, 46px 155px;
  -webkit-background-size: 64px 86px, 46px 155px;
  -moz-background-size: 64px 86px, 46px 155px;
}

.greeting ul {
  margin: 0 40px;
}

.greeting li {
  background: #fff;
  margin: 110px 0 0;
}

.greeting h4 {
  margin: 0 15px -25px;
  font-size: 17px;
  background: url(../images/bg_title.png) repeat-y left top;
  background-size: 350px 65px;
  -webkit-background-size: 350px 65px;
  -moz-background-size: 350px 65px;
  padding: 12px 0 12px 120px;
  position: relative;
  top: -55px;
}

.peo01:after {
  content: "";
  width: 53px;
  height: 110px;
  background: url(../images/peo01.png) no-repeat center top;
  background-size: 53px 110px;
  -webkit-background-size: 53px 110px;
  -moz-background-size: 53px 110px;
  position: absolute;
  left: 25px;
  bottom: -1px;
}

.peo02:after {
  content: "";
  width: 56px;
  height: 117px;
  background: url(../images/peo02.png) no-repeat center top;
  background-size: 56px 117px;
  -webkit-background-size: 56px 117px;
  -moz-background-size: 56px 117px;
  position: absolute;
  left: 25px;
  bottom: -1px;
}

.peo03:after {
  content: "";
  width: 72px;
  height: 118px;
  background: url(../images/peo03.png) no-repeat center top;
  background-size: 72px 118px;
  -webkit-background-size: 72px 118px;
  -moz-background-size: 72px 118px;
  position: absolute;
  left: 20px;
  bottom: -1px;
}

.greeting h4:before {
  content: "";
  width: 100%;
  height: 14px;
  background: url(../images/ico_title.png) no-repeat center top;
  background-size: 21px 14px;
  -webkit-background-size: 21px 14px;
  -moz-background-size: 21px 14px;
  position: absolute;
  left: 0;
  bottom: -14px;
}

.greeting h5 {
  text-align: center;
  color: #3e850e;
  font-size: 19px;
  margin: 0 0 10px;
}

.greeting p {
  margin: 0 35px;
  padding: 0 0 20px;
}

.banner {
  margin: 0 -2.17391%;
  position: relative;
}

.products {
  padding: 20px 20px 10px;
  background: url(../images/bg01.png) no-repeat right top #fff;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
}

.btn_list, .blog {
  margin: 0 20px;
}

.btn_list li {
  padding: 25px;
  min-height: 158px;
  margin: 0 0 10px;
  position: relative;
}

.btn_list li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.btn_list h4 {
  margin: 0 0 10px;
}

.btn_list p {
  margin: 0;
  line-height: 1.8;
}

.bnr01 {
  background: url(../images/ban01.jpg) no-repeat right top #fff;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
}

.bnr02 {
  background: url(../images/ban02.jpg) no-repeat right top #fff;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
}

.bnr03 {
  background: url(../images/ban03.jpg) no-repeat right top #fff;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
}

.bnr04 {
  background: url(../images/ban04.jpg) no-repeat right top #fff;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
}
.bnr_request {
	text-align: center;
	margin: 20px auto;
}
.checkmark {
    text-align: center;
}
.checkmark a{
	color: #ffa320;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}

@media all and (max-width: 479px) {
  .greeting h3, .greeting ul {
    margin: 0 20px;
  }
  .btn_list, .blog {
    margin: 0 10px;
  }
  .btn_list p {
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
  }
  .bnr01 {
    background: url(../images/ban01.jpg) no-repeat center center #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
}

@media all and (max-width: 413px) {
  .greeting ul {
    margin: 0 10px;
  }
  .greeting h4 {
    font-size: 16px;
    padding-left: 100px;
    margin: 0 10px -25px;
  }
  .greeting h5 {
    font-size: 17px;
  }
  .greeting p {
    margin: 0 25px 30px;
  }
  .btn_list, .blog {
    margin: 0;
  }
  .greeting h3 {
    margin: 0 10px;
  }
}

@media all and (max-width: 359px) {
  .greeting ul {
    margin: 0;
  }
  .btn_list p {
    width: 70%;
  }
  .btn_list p br {
    display: none;
  }
  .bnr01 {
    background: url(../images/ban01.jpg) no-repeat center center #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
  .bnr02 {
    background: url(../images/ban02.jpg) no-repeat center center #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
  .bnr03 {
    background: url(../images/ban03.jpg) no-repeat center center #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
  .bnr04 {
    background: url(../images/ban04.jpg) no-repeat center center #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
}

.news {
  background-color: #fff;
  padding-bottom: 3.26087%;
}

.news .title {
  display: flex;
  margin-bottom: 3.26087%;
}

.news dl {
  padding: 0 3.80435%;
  height: 170px;
  overflow-y: scroll;
}

.news dl dt {
  color: #3e850e;
}

.news dl dd {
  margin-bottom: 3.61446%;
}

.news dl dd a {
  color: #333;
}