@charset "UTF-8";

.lp_goma {
   background-color: #e9f7d2;
   margin: 0;
}

h2,
h3,
h4,
p,
ul {
   margin: 0;
}

a:hover {
   opacity: .7;
}

.lp_goma .wrapper {
   max-width: 1100px;
   width: 100%;
   margin: 0 auto;
}

.sp_only {
   display: none;
}

@media screen and (max-width: 768px) {
   .pc_only {
      display: none;
   }

   .sp_only {
      display: block;
   }
}

/*main-----------------------------*/
.main_sosyoku {
   display: none;
}

.lp_goma .wrapper .main {
   position: relative;
}

.lp_goma .wrapper .main .header {
   display: flex;
   position: absolute;
   top: 27px;
   left: 0;
   max-width: 900px;
   margin: 0 auto;
   justify-content: space-between;
   right: 0;
   padding: 0 20px;
}

.lp_goma .wrapper .main .header .img img {
   mix-blend-mode: multiply;
}

.lp_goma .wrapper .main .header picture img {
   width: 100%;
}

.lp_goma .wrapper .main .header .btn_box {
   display: flex;
}

.lp_goma .wrapper .main .header .btn a {
   display: block;
   margin-left: 14px;
}

.lp_goma .wrapper .main .header .btn:first-child a {}

.lp_goma .wrapper .main .header .btn a .hover_only,
.lp_goma .wrapper .main .header .btn a:hover .normal_only {
   display: none;
}

.lp_goma .wrapper .main .header .btn:last-child a {}

.lp_goma .wrapper .main .header .btn a:hover .hover_only {
   display: block;
}

.lp_goma .wrapper .main .header .btn a:hover {
   opacity: 1;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .main .header {
      padding: 0 20px;
      top: 10px;
      align-items: center;
   }

   .lp_goma .wrapper .main .header .btn:first-child a,
   .lp_goma .wrapper .main .header .btn:last-child a {
      background-image: none;
   }
}

@media screen and (max-width: 597px) {
   .lp_goma .wrapper .main .header img {
      width: 120px;
   }
}

/*content01-----------------------------*/

.lp_goma .wrapper .content01 {
   background-image: url(../img/suginacha/01bg.jpg);
   margin: -6px 0 0;
   padding: 40px 100px;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   box-sizing: border-box;
   background-position: top;
}

.lp_goma .wrapper .content01 h2 {
   margin: 0 0 20px;
   max-width: 729px;
}

.lp_goma .wrapper .content01 p {
   max-width: 750px;
   width: 100%;
   line-height: 1.5em;
   font-size: 1rem;
   margin: 0 0 23px;
}

.lp_goma .wrapper .content01 ul {
   margin: 0;
   padding: 0 0 0 30px;
}

.lp_goma .wrapper .content01 li {
   list-style: none;
   font-weight: 600;
   line-height: 1.8em;
   position: relative;
}

.lp_goma .wrapper .content01 li:before {
   content: url(../img/suginacha/check.png);
   position: absolute;
   top: -35px;
   left: -68px;
   transform: scale(.2);
}

.lp_goma .wrapper .content01 h3 {
   font-size: 1.4rem;
   color: #fff;
   text-align: center;
   margin: 50px 0 0;
   text-shadow: 2px 2px 10px #235d1a,
      -2px 2px 10px #235d1a,
      2px -2px 10px #235d1a,
      -2px -2px 10px #235d1a;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content01 {
      background-image: url(../img/suginacha/01bg_sp.jpg);
      margin: -6px 0 0;
      padding: 42px 20px;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      box-sizing: border-box;
   }

   .lp_goma .wrapper .content01 h2 {
      margin: 0 0 20px;
      max-width: 490px;
      margin-right: 60px;
   }

   .lp_goma .wrapper .content01 p {
      line-height: 1.7em;
      text-shadow: 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff;
   }
}

@media screen and (max-width: 597px) {
   .lp_goma .wrapper .content01 h2 {
      margin: 0 0 10px;
      max-width: 290px;
      margin-right: 0;
   }
}

/*content02-----------------------------*/
.lp_goma .wrapper .content02 {
   background-image: url(../img/suginacha/02bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   padding: 50px 63px;
}

.lp_goma .wrapper .content02 .box {
   display: flex;
}

.lp_goma .wrapper .content02 .box h2 img {
   max-width: 215px;
}

.lp_goma .wrapper .content02 .box p {
   line-height: 1.625em;
   margin: 0 0 26px;
   text-shadow: 2px 2px 4px #fff, -2px 2px 4px #fff, 2px -2px 4px #fff, -2px -2px 4px #fff;
}

.lp_goma .wrapper .content02 .box div.text {
   margin: 5px 0 0 20px;
}

.lp_goma .wrapper .content02 .box02 {
   display: flex;
   justify-content: space-between;
   margin: 16px auto 20px;
   max-width: 900px;
   width: 100%;
}

.lp_goma .wrapper .content02 .box02 .point {
   background-color: #fff;
   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
   padding: 20px 0;
   max-width: 275px;
   width: calc(100% / 3);
   margin: 0 5px;
}

.lp_goma .wrapper .content02 .box02 .point p {
   font-size: 1.25rem;
   font-weight: 600;
   text-align: center;
}

.lp_goma .wrapper .content02 .box02 .point p span {
   color: #548c21;
}

.lp_goma .wrapper .content02 h3 {
   color: #fff;
   text-align: center;
   background-color: #008743;
   margin: 0 0 17px;
   font-weight: 400;
   padding: 3px 0;
}

.lp_goma .wrapper .content02 p.text {
   font-size: 1.125rem;
   color: #fff;
   font-weight: 600;
   text-align: center;
   text-shadow: 2px 2px 10px #008743,
      -2px 2px 10px #008743,
      2px -2px 10px #008743,
      -2px -2px 10px #008743;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content02 {
      padding: 40px 20px 80px;
   }

   .lp_goma .wrapper .content02 .box02 {
      max-width: 460px;
      flex-wrap: wrap;
      margin: 50px auto 20px;
   }

   .lp_goma .wrapper .content02 .box p span {
      display: inline-block;
   }

   .lp_goma .wrapper .content02 {
      background-image: url(../img/suginacha/02bg_sp.jpg);
      padding: 40px 20px;
      background-position: center;
   }

   .lp_goma .wrapper .content02 .box {
      display: block;
   }

   .lp_goma .wrapper .content02 .box h2 {
      margin: 0 auto 40px;
      max-width: 500px;
      width: 100%;
   }

   .lp_goma .wrapper .content02 .box h2 img {
      width: 100%;
      max-width: 100%;
   }

   .lp_goma .wrapper .content02 .box div.text {
      margin: 0;
      text-align: center;
   }

   .lp_goma .wrapper .content02 .box02 .point {
      margin: 0 3px;
      max-width: 130px;
      padding: 10px 5px;
   }

   .lp_goma .wrapper .content02 .box02 .point p {
      font-size: .8125rem;
   }
}

/*content03-----------------------------*/

.lp_goma .wrapper .content03 {
   padding: 0 0 1px;
   background-color: #fff;
}

.lp_goma .wrapper .content03 .bg {
   background-color: #f3fbda;
   background-position: bottom;
   padding: 40px 0 115px;
   background-repeat: no-repeat;
   background-image: url(../img/suginacha/03bg.png);
   background-repeat: no-repeat;
   background-size: 105%;
}

.lp_goma .wrapper .content03 .text {
   max-width: 920px;
   width: 100%;
   margin: 0 auto 24px;
   padding: 0 10px;
   box-sizing: border-box;
}

.lp_goma .wrapper .content03 .text h2 {
   font-size: 1.3125rem;
   text-align: center;
   margin: 0 0 15px;
}

.lp_goma .wrapper .content03 .text h2 img {
   width: 100%;
}

.lp_goma .wrapper .content03 .text p {
   line-height: 1.625em;
}

.lp_goma .wrapper .content03 .text:first-child h2 {
   background-color: #548c21;
   padding: 6px 0;
   color: #fff;
}

.lp_goma .wrapper .content03 .text:nth-child(2) h2 {
   background-color: #fedc6e;
   padding: 10px 0;
}

.lp_goma .wrapper .content03 .detail_btn a {
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 702px;
   background-color: #faa714;
   box-shadow: 0.6px 0.6px 5px 1px rgba(0, 0, 0, 0.33);
   color: #fff;
   font-size: 1.5rem;
   width: 100%;
   margin: 42px auto;
   padding: 20px 10px;
   text-decoration: none;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content03 .text {
      padding: 0 20px;
   }

   .lp_goma .wrapper .content03 .text:first-child h2,
   .lp_goma .wrapper .content03 .text:nth-child(2) h2 {
      padding: 5px 0;
   }

   .lp_goma .wrapper .content03 .text h2 {
      margin: 0 0 8px;
   }

   .lp_goma .wrapper .content03 .bg {
      background-image: url(../img/suginacha/03bg_sp.png);
      background-size: 100%;
      padding-bottom: 400px;
   }

   .lp_goma .wrapper .content03 .text p span {
      font-size: .75rem;
   }

   .lp_goma .wrapper .content03 .detail_btn {
      padding: 0 40px;
   }

   .lp_goma .wrapper .content03 .detail_btn a {
      box-sizing: border-box;
      margin: 42px auto;
      font-size: 1.25rem;
   }
}

/*content04-----------------------------*/
.lp_goma .wrapper .content04 {
   background-color: #025b00;
   padding: 35px 10px 43px;
   position: relative;
}

.lp_goma .wrapper .content04:after {
   position: absolute;
   bottom: -10px;
   right: -238px;
   content: url(../img/suginacha/04bg_sp.png);
   transform: scale(.5);
   height: 100%;
   display: flex;
   align-items: baseline;
}

.lp_goma .wrapper .content04 h2 {
   max-width: 900px;
   width: 100%;
   margin: 0 auto 20px;
   color: #fff;
   font-size: 2.125rem;
}

.lp_goma .wrapper .content04 .box {
   background-color: #fff;
   border-radius: 6.5px;
   padding: 20px;
   max-width: 940px;
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
}

.lp_goma .wrapper .content04 .box h3 {
   margin: 0 0 13px;
   max-width: 495px;
}

.lp_goma .wrapper .content04 .box h3:after {
   position: absolute;
   top: -165px;
   right: 0px;
   content: url(../img/suginacha/item.png);
   left: 500px;
   transform: scale(.25);
}

.lp_goma .wrapper .content04 .box-flex {
   display: flex;
   margin: 0 0 17px;
}

.lp_goma .wrapper .content04 .box-flex:last-child {
   margin: 0;
   position: relative;
   z-index: 1;
}

.lp_goma .wrapper .content04 .box-flex .img {
   width: 88px;
}

.lp_goma .wrapper .content04 .box-flex p {
   margin-left: 14px;
   font-size: .875rem;
   margin-right: 150px;
   position: relative;
   z-index: 1;
}

@media screen and (max-width: 855px) {
   .lp_goma .wrapper .content04:after {
      bottom: -44px;
   }
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content04 h2 {
      font-size: 1.6875rem;
   }

   .lp_goma .wrapper .content04 .box h3:after {
      top: -160px;
      right: 0px;
      left: 150px;
      transform: scale(.3);
   }



   .lp_goma .wrapper .content10 .item_box {
      top: 30%;
      right: -250px;
      width: 150px;
   }

   .lp_goma .wrapper .content04 {
      padding: 30px 30px 43px;
   }

   .lp_goma .wrapper .content04 .box-flex .img img {
      width: 100%;
   }

   .lp_goma .wrapper .content04 .box h3 {
      margin: 0 auto 7px;
      max-width: 400px;
   }

   .lp_goma .wrapper .content04 .box h3 img {
      width: 100%;
   }

   .lp_goma .wrapper .content04 .box-flex p {
      width: 100%;
      margin-right: 0;
   }

   .lp_goma .wrapper .content04:after {
      position: absolute;
      bottom: -68px;
      right: -238px;
      opacity: .5;
   }
}

@media screen and (max-width: 592px) {
   .lp_goma .wrapper .content04:after {
      bottom: -16.8%;
   }
}

@media screen and (max-width: 508px) {
   .lp_goma .wrapper .content04:after {
      bottom: -77px;
   }
}

/*content05-----------------------------*/
.lp_goma .wrapper .content05 {
   padding: 58px 0 44px;
   background-color: #fff;
   background-image: url(../img/suginacha/05bg.jpg);
   background-position: bottom;
   background-size: 100%;
   background-repeat: no-repeat;
}

.lp_goma .wrapper .content05 h2 {
   color: #235d1a;
   font-size: 3rem;
   margin: 0 0 50px;
   text-align: center;
   line-height: 1.1em;
}

.lp_goma .wrapper .content05 h2 span {
   font-size: 2rem;
   display: block;
}

.lp_goma .wrapper .content05 .item_box {
   max-width: 905px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   padding: 0 10px;
   box-sizing: border-box;
   align-items: center;
}

.lp_goma .wrapper .content05 .item_box .item_img {
   max-width: 240px;
   display: block;
   width: 100%;
}

.lp_goma .wrapper .content05 .item_box .item_img img {
   width: 100%;
}

.lp_goma .wrapper .content05 .item_box .text_box {
   margin-left: 66px;
   width: 100%;
}

.lp_goma .wrapper .content05 .item_box h3 img {
   width: 100%;
}

.lp_goma .wrapper .content05 .item_box .text_box .box {
   display: flex;
   margin: 5px 0 5px;
   flex-direction: row-reverse;
}

.lp_goma .wrapper .content05 .item_box .text_box .box .img {
   width: calc(100% / 2);
}

.lp_goma .wrapper .content05 .item_box .text_box .box .img img {
   width: 100%;
}

.lp_goma .wrapper .content05 .item_box .text_box .text h4 {
   font-size: 1.375rem;
   margin-bottom: 20px;
}

.lp_goma .wrapper .content05 .item_box .text_box .text {
   width: calc(100% / 2);
   padding-right: 20px;
}

.lp_goma .wrapper .content05 .item_box .text_box .text p {
   color: #fff;
   background-color: #9f841c;
   border-radius: 5px;
   padding: 2px 5px;
   font-weight: 600;
}

.lp_goma .wrapper .content05 .item_box .text_box .material {
   margin: 0 0 20px;
}

.lp_goma .wrapper .content05 .item_detail_btn {
   padding: 10px;
}

.lp_goma .wrapper .content05 .item_detail_btn a {
   background-color: #faa714;
   max-width: 682px;
   width: 100%;
   display: flex;
   justify-content: center;
   padding: 18px;
   font-size: 1.5rem;
   margin: 40px auto 0;
   color: #fff;
   font-weight: 600;
   text-decoration: none;
   box-shadow: .6px .6px 3.8px 1px rgba(0, 0, 0, 0.5);
   box-sizing: border-box;
}

.lp_goma .wrapper .content05.item02 .item_box .item_img {
   max-width: 240px;
}

.matome_content {
   margin: -5px 0 -6px;
   position: relative;
   z-index: -1;
}

.matome_content img {
   width: 100%;
}

.lp_goma .wrapper .content05.item03 .item_box .item_img,
.lp_goma .wrapper .content05.item04 .item_box .item_img {
   max-width: 290px;
}

.lp_goma .wrapper .content05.item02 .item_box .text_box {
   margin-left: 60px;
}

.lp_goma .wrapper .content05.item03 .item_box .text_box,
.lp_goma .wrapper .content05.item04 .item_box .text_box {
   margin-left: 15px;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content05 h2 {
      font-size: 1.75em;
      line-height: 1.2em;
      margin: 0 0 20px;
   }

   .lp_goma .wrapper .content05 h2 span {
      font-size: 1.1875rem;
   }

   .lp_goma .wrapper .content05 h3 {
      text-align: center;
      background-image: url(../img/suginacha/item_title_bg.jpg);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      padding: 20px 0;
      margin: 0;
      font-size: 1rem;
   }

   .lp_goma .wrapper .content05 h3 img {
      width: 100%;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .box {
      display: block;
   }

   .lp_goma .wrapper .content05 .item_box .item_img {
      max-width: calc(100% / 2);
   }

   .lp_goma .wrapper .content05 .item_box {
      padding: 0 20px;
   }

   .lp_goma .wrapper .content05 .item_box .text_box {
      margin-left: 20px;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .box img {
      width: 100%;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .text {
      width: 100%;
      padding-right: 0;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .box .img {
      width: 100%;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .text p {
      margin: 2px 0 5px;
      font-size: .75rem;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .text h4,
   .lp_goma .wrapper .content05 .item_box .text_box .material {
      margin-bottom: 2px;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .material {
      font-size: .9375rem;
   }

   .lp_goma .wrapper .content05 .item_detail_btn a {
      margin: 20px auto 0;
      padding: 10px;
      font-size: 1.4rem;
      font-weight: 500;
   }

   .lp_goma .wrapper .content05 .item_detail_btn {
      margin: 0 40px;
   }

   .lp_goma .wrapper .content05 {
      background-image: url(../img/suginacha/05bg_sp.jpg);
      padding: 30px 0 44px;
   }

   .lp_goma .wrapper .content05 .item_box .text_box .text h4 {
      line-height: 1.4em;
      font-size: 1.125rem;
   }
}

/*content06-----------------------------*/
.lp_goma .wrapper .content06 {
   background-color: rgba(84, 140, 33, 0);
   padding: 30px 10px 220px;
   background-image: url(../img/suginacha/how_to_enjoy_bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom;
}

.lp_goma .wrapper .content06 .obi_title {
   max-width: 900px;
   width: 100%;
   margin: 0 auto 20px;
   background-color: #548c21;
   border-radius: 5px;
   color: #fff;
   font-size: 1.1825rem;
   text-align: center;
   padding: 7px 0;
   font-weight: 600;
}

.lp_goma .wrapper .content06 .one_point {
   max-width: 900px;
   width: 100%;
   margin: 10px auto 0;
   border: dotted 2px #008743;
   background-color: rgba(238, 246, 236, .7);
   border-radius: 5px;
   padding: 15px;
   text-align: center;
   box-sizing: border-box;
}

.lp_goma .wrapper .content06 .one_point h4 {
   color: #548c21;
   font-size: 1.25rem;
   margin: 0 0 5px;
}

.lp_goma .wrapper .content06 h2 {
   max-width: 920px;
   padding: 0 10px;
   width: 100%;
   box-sizing: border-box;
   font-size: 2.125rem;
   color: #548c21;
   margin: 0 auto 20px;
   text-align: center;
}

.lp_goma .wrapper .content06 .box {
   max-width: 920px;
   padding: 10px;
   width: 100%;
   box-sizing: border-box;
   display: flex;
   margin: 0 auto;
   align-items: center;
}

.lp_goma .wrapper .content06 .box .img {
   width: 70px;
   display: flex;
   justify-content: center;
}

.lp_goma .wrapper .content06 .box .img.pot {
   justify-content: right;
}

.lp_goma .wrapper .content06 .box .yakan img {
   width: 67px;
}

.lp_goma .wrapper .content06 .box .pot img {
   width: 61.7px;
}

.lp_goma .wrapper .content06 h3 {
   min-width: 115px;
   font-size: 1.25rem;
   margin-left: 10px;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content06 {
      padding: 20px 20px;
   }

   .lp_goma .wrapper .content06 h2 {
      font-size: 1.41rem;
      text-align: center;
   }

   .lp_goma .wrapper .content06 .box .img,
   .lp_goma .wrapper .content06 .box .yakan img,
   .lp_goma .wrapper .content06 .box .pot img {
      width: 50px;
   }

   .lp_goma .wrapper .content06 h3 {
      font-size: 1rem;
      width: 145px;
      margin: 0 5px;
   }
}

/*content07-----------------------------*/
.lp_goma .wrapper .content07 {
   background-color: #facc9f;
   padding: 42px 0;
}

.lp_goma .wrapper .content07 p {
   max-width: 920px;
   width: 100%;
   padding: 0 20px;
   margin: 0 auto;
   font-size: .875rem;
   line-height: 1.5714em;
   font-weight: 600;
   box-sizing: border-box;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content07 {
      padding: 20px 0;
   }

   .lp_goma .wrapper .content07 p {
      padding: 0 30px;
   }

}

/*content09-----------------------------*/
.lp_goma .wrapper .content09 {
   background-color: #fff;
   margin: -6px 0 0;
   padding: 23px 0 63px;
}

.lp_goma .wrapper .content09 h2 {
   padding: 42px 0;
   text-align: center;
   background-image: url(../img/suginacha/q_a_title_bg.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 247px;
}

.lp_goma .wrapper .content09 .q_text,
.lp_goma .wrapper .content09 .a_text {
   max-width: 900px;
   width: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
}

.lp_goma .wrapper .content09 .q_text {
   background-image: url(../img/suginacha/q_a_text_bg.png);
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   padding: 40px 0;
}

.lp_goma .wrapper .content09 .a_text {
   padding: 0;
}

.lp_goma .wrapper .content09 .q_text .img,
.lp_goma .wrapper .content09 .a_text .img {
   margin-right: 15px;
}

.lp_goma .wrapper .content09 .q_text p {
   font-size: 1.375rem;
   font-weight: 600;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content09 {
      padding: 23px 20px 63px;
   }

   .lp_goma .wrapper .content09 .q_text {
      padding: 20px 0;
   }

   .lp_goma .wrapper .content09 .q_text p {
      font-size: 1rem;
   }
}

/*content10-----------------------------*/
.lp_goma .wrapper .content10 {
   background-image: url(../img/suginacha/06bg.jpg);
   background-repeat: no-repeat;
   padding: 0 0 255px;
   background-size: cover;
   background-position: center;
   height: 500px;
   position: relative;
}

.lp_goma .wrapper .content10 h2 {
   max-width: 900px;
   width: 100%;
   margin: 0 auto;
}

.lp_goma .wrapper .content10 .item_box {
   position: absolute;
   top: 30%;
   right: -520px;
   left: 0;
   width: 200px;
   margin: 0 auto;
}

.lp_goma .wrapper .content10 .item_box .box01 {
   width: 195px;
}

.lp_goma .wrapper .content10 .item_box .box01 .item {
   margin: 10px 0 25px;
}

.lp_goma .wrapper .content10 .item_box .box01 img {
   width: 85%;
   display: block;
   max-width: 165.75px;
   margin: 0 auto;
}

.lp_goma .wrapper .content10 .item_box .box01 p {
   text-align: center;
   font-weight: 600;
}

.lp_goma .wrapper .content10 .item_box .box01 .detail02_btn a {
   max-width: 195px;
   width: 100%;
   background-color: #faa714;
   color: #fff;
   font-weight: 600;
   font-size: 1.3125rem;
   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
   padding: 10px 0;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 2px;
   text-decoration: none;
}

.lp_goma .wrapper .content10 .item_box .box02 {
   margin-left: 30px;
}

.lp_goma .wrapper .content10 .item_box .box02 .comment {
   display: flex;
}

.lp_goma .wrapper .content10 .item_box .box02 .comment .img02 {
   width: calc(100%/2);
   max-width: 320px;
}

.lp_goma .wrapper .content10 .item_box .box02 .comment .img02 img {
   width: 100%;
}

.lp_goma .wrapper .content10 .item_box .box02 p {
   text-align: center;
   font-size: 1.3125rem;
   font-weight: 600;
   margin: -40px 0 0;
   color: #b25921;
}

.lp_goma .wrapper .footer {
   padding: 20px 0;
   background-color: #025b00;
   color: #fff;
   text-align: center;
   position: relative;
   z-index: 1;
}

.lp_goma .wrapper .footer small {
   font-size: .75rem;
}

@media screen and (max-width: 768px) {
   .lp_goma .wrapper .content10 .item_box {
      right: -220px;
   }

   .lp_goma .wrapper .content10 {
      padding: 0 20px 150px;
      background-image: url(../img/suginacha/06bg_sp.jpg);
      background-size: cover;
      background-position: center;
   }

   .lp_goma .wrapper .content10 .comment {
      display: flex;
   }

   .lp_goma .wrapper .content10 .comment .img02 {
      width: calc(100%/2);
   }

   .lp_goma .wrapper .content10 .comment .img02 img {
      width: 100%;
   }

   .lp_goma .wrapper .content10 .text_sp p {
      color: #b25921;
      width: 140px;
      font-weight: 600;
      letter-spacing: .1em;
      line-height: 1.8em;
      font-size: 14px;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .item {
      margin: 0 0 20px;
   }

   .lp_goma .wrapper .content10 .item_box .box01 img {
      width: 65%;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .detail02_btn a {
      font-size: 1rem;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .detail02_btn a {
      margin: 0 auto;
      max-width: 155px;
      font-size: 1rem;
   }

   .lp_goma .wrapper .content10 .item_box .box02 {
      margin-left: 0;
      width: 150px;
   }

   .lp_goma .wrapper .content10 .item_box .box01 {
      width: 200px;
   }
}

@media screen and (max-width: 480px) {
   .lp_goma .wrapper .content10 {
      background-size: 100%;
      height: 380px;
   }

   .lp_goma .wrapper .content10 .item_box {
      position: absolute;
      top: 30%;
      right: -120px;
      left: 0;
      width: 200px;
      margin: 0 auto;
   }

   .lp_goma .wrapper .content02 .box02 {
      justify-content: center;
   }

   .lp_goma .wrapper .content03 .text p {
      line-height: 1.4em;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .detail02_btn a {
      font-size: .75rem;
   }

   .lp_goma .wrapper .content10 .item_box .box01 p {
      font-size: .8125rem;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .detail02_btn a {
      padding: 5px 0;
   }

   .lp_goma .wrapper .content10 .item_box .box01 .item {
      margin: 0 0 5px;
   }

   .lp_goma .wrapper .main .header .btn_box {
      display: none;
   }

   .lp_goma .wrapper .main .header img {
      width: 100%;
   }

   .lp_goma .wrapper .main .header .btn a {
      margin-left: 0;
   }

   .lp_goma .wrapper .main .header {
      width: 100px;
      margin: 0;
   }

   .lp_goma .wrapper .content01 {
      padding: 30px 15px;
   }

   .lp_goma .wrapper .content01 h3 {
      font-size: 1.2rem;
      margin: 30px 0 0;
   }

   .lp_goma .wrapper .content02 {
      padding: 30px 15px;
   }

   .lp_goma .wrapper .content02 .box p {
      text-align: left;
   }

   .lp_goma .wrapper .content02 .box02 .point {
      width: calc(95% / 2);
      margin: 0 3px 5px;
   }

   .lp_goma .wrapper .content03 .text {
      padding: 0 15px;
   }

   .lp_goma .wrapper .content03 .text h2 {
      font-size: 1rem;
   }

   .lp_goma .wrapper .content03 .bg {
      padding-bottom: 100px;
   }

   .lp_goma .wrapper .content03 .detail_btn {
      padding: 0 10px;
   }

   .lp_goma .wrapper .content03 .detail_btn a {
      font-size: 1rem;
      padding: 10px 0px;
   }

   .lp_goma .wrapper .content04 .box {
      padding: 15px 10px;
   }

   .lp_goma .wrapper .content04 {
      padding: 30px 15px 43px;
   }

   .lp_goma .wrapper .content04 h2 {
      font-size: 1.3rem;
   }

   .lp_goma .wrapper .content04 .box h3:after {
      left: 150px;
      transform: scale(.15);
      top: -175px;
   }

   .lp_goma .wrapper .content05 .item_box {
      display: block;
   }

   .lp_goma .wrapper .content05 .item_box .text_box,
   .lp_goma .wrapper .content05.item03 .item_box .text_box,
   .lp_goma .wrapper .content05.item04 .item_box .text_box,
   .lp_goma .wrapper .content05.item02 .item_box .text_box {
      margin-left: 0;
   }

   .lp_goma .wrapper .content05.item02 .item_box .item_img,
   .lp_goma .wrapper .content05 .item_box .item_img {
      margin: 0 auto;
   }

   .lp_goma .wrapper .content06 .box {
      display: block;
   }

   .lp_goma .wrapper .content06 {
      padding: 20px 10px;
   }

   .lp_goma .wrapper .content06 h2 {
      padding: 0;
      font-size: 1rem;
   }

   .lp_goma .wrapper .content06 .box .img, .lp_goma .wrapper .content06 .box .yakan img, .lp_goma .wrapper .content06 .box .pot img {
      margin: 0 auto;
   }

   .lp_goma .wrapper .content06 h3 {
      width: 100%;
      margin: 5px 5px;
      text-align: center;
   }

   .lp_goma .wrapper .content06 {
      background-size: cover;
      background-position: 50%;
   }

   .lp_goma .wrapper .content07 p {
      padding: 0 20px;
   }

   .lp_goma .wrapper .content10 {
      padding: 0 0 180px;
   }

   .lp_goma .wrapper .content10 .comment {
      display: block;
   }

   .lp_goma .wrapper .content10 .comment .img02 {
      width: 90%;
      margin: -10px auto 0;
   }

   .lp_goma .wrapper .content10 .text_sp p {
      text-align: center;
      margin: 0 auto;
   }

   .lp_goma .wrapper .content10 .item_box .box01 {
      margin: 10px auto 0;
      width: 100px;
   }

   .lp_goma .wrapper .content10 {
      padding: 0;
      margin: 0 0 -15px;
      height: 430px;
      background-position: top;
   }

   .lp_goma .wrapper .content10 .item_box .box02 {
      margin: 0 auto;
   }

   .lp_goma .wrapper .content10 .item_box {
      display: block;
   }

   .lp_goma .wrapper .content05 .item_detail_btn {
      margin: 0 20px;
   }

   .lp_goma .wrapper .content02 .box h2 {
      margin: 0 auto 30px;
   }

   .lp_goma .wrapper .content02 .box02 {
      flex-wrap: wrap;
   }

   .lp_goma .wrapper .content09 .q_text {
      background-size: contain;
   }

   .lp_goma .wrapper .content05.item02 .item_box .item_img {
      max-width: 200px;
   }

   .lp_goma .wrapper .content05.item04 .item_box .item_img {
      max-width: 250px;
   }

   .main_sosyoku {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 190px;
   }

   .main_sosyoku img {
      width: 100%;
   }
}

@media screen and (max-width: 458px) {
   .lp_goma .wrapper .content04:after {
      bottom: -125px;
   }
}

@media screen and (max-width: 409px) {
   .lp_goma .wrapper .content04:after {
      bottom: -170px;
   }
}

@media screen and (max-width: 367px) {
   .lp_goma .wrapper .content04:after {
      bottom: -215px;
   }
}

@media screen and (max-width: 338px) {
   .lp_goma .wrapper .content04:after {
      bottom: -264px;
   }
}