@charset "utf-8";
.black {
	color:#000;
}
.green {
	color:#3b9e88;
}
.bold {
	font-weight:bold;
}
.gothic {
	font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.color_orenge {
    color: #fd5900;
}
.layout_center {
	text-align:center;
}
.tit_l {
	font-size: 220%;
	font-weight:bold;
}
.kakunin_text {
	padding-left:60px;
	padding-right:30px;
	font-size:17px; 
	line-height: 25px;
	margin-top:40px;
}
.story_inner {
	padding-left:20px;
	padding-right:60px;
	margin-top:30px;
}
.story_text {
	padding-right:60px;
	padding-left:60px;
}
/*---------開発裏話----------*/
.story_top {
    background-image: url(../products/n-img/n-img_story_top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-top: 25%;
}
.story_middle {
    background-image: url(../products/n-img/n-img_story_middle.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    padding: 10px 0 5px;
   
}
.story_bottom {
    background-image: url(../products/n-img/n-img_story_bottom.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    padding-bottom: 10%;
}



.cart_inner {
	background-color:#f1ece8;
	padding:10px 30px;
}
.product_tit_text {
	background-color:#3b9e88;
	color:#FFF;
	font-size:180%;
	font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:bold;
	padding:20px 20px;
	margin-bottom:0;
	letter-spacing:1.0pt;
	text-align:center;
}
.cart_box {
	background-color:#FFF;
	border:solid 3px #3b9e88;
	padding:30px;
	margin-top:0;
}
.cart_btn {
	display:block;
	text-align:right;
}
.product_name {
	font-size:140%;
	font-weight:bold;
}

/*-----------保証PC表示-------------*/
.hoshou_pc_top {
    background-image: url(../products/n-img/hoshou_tit_pc.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    padding-top: 8%;
}
.hoshou_pc_middle {
    background-image: url(../products/n-img/hoshou_middle_pc.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    padding: 10px 60px 5px;
   
}
.hoshou_pc_bottom {
    background-image: url(../products/n-img/hoshou_bottom_pc.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    padding-bottom: 3%;
}

.hoshou_inner{
	padding:0 40px;
}
.hoshou_text {
	color:#2c2617;
	letter-spacing:1.0pt;
}
.use {
	position:relative;
}
.use_text {
	position:absolute;
	top:10%;
	right:20%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-text-orientation: upright;
	font-size:20px;
	line-height:1.4em;
}
.brackets {
	display: inline-block;
    text-indent: -0.5em;
}
.seibun {
	list-style:none;
	margin: 0;
	padding: 0;
	font-size:;
	overflow: hidden;
}    
.seibun li {
	float: left;
	margin-right:2em;
	font-size:19px;
	position:relative;
}
.seibun li:before {
	content:url(../products/n-img/checkmark.jpg);
	position: relative;
	padding-right:0.5em;
	left:0;
	top:2px;
}
.point_text p {
	font-size:24px;
	font-weight:bold;
	letter-spacing:1.0pt;
}

.point {
	position:relative;
}
.point_text {
	position:absolute;
	bottom:9%;
	left:8%;
}
.point_text.remove_img {
  position:absolute;
	bottom:17%;
	left:8%;
}
.genryou1 {
	border-right:solid 2px #000;
	border-left:solid 2px #000;
	padding-right:30px;
	padding-left:30px;
}
.genryou_inner:after {
	content: "";
	display:block;
	clear:both;
}
.genryou img {
	max-width:100%;
	height:auto;
}
.dotted_box {
	border: dotted 1px #000;
	padding:20px 40px 40px;
	position:relative;
}
.mesen1_catch {
	background-color: #f8f9b3;
	font-size:140%;
	padding:10px 30px;
	border-radius:20px;
}
.dog_img{
	position:absolute;
	top:3%;
	right:3%;
}
.dog_img img {
	max-width:100%;
	height:auto;
}
.recommend {
	background-color: #EFECE7;
	text-align: center;
	padding-bottom:30px;
}
.cart_box3 {
    background-color: #FFF;
    border: solid 3px #5bc2ab;
    padding: 20px 30px;
    margin-top: 0;
}
.product_tit_text3 {
    background-color: #5bc2ab;
    color: #FFF;
    font-size: 140%;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
    padding: 20px 20px;
    margin-bottom: 0;
    letter-spacing: 1.0pt;
}
/*FV*/
.fv_inner {
	position:relative;
}
.product_heading {
	position: relative;
}
.ac {
	text-align: center;
}
.inner {
  padding-left: 10px;
  padding-right: 10px;
}
/*---------sp　width: 499px以下--------------*/
@media  (max-width: 499px) {
	.catch_inner img {
		margin-top:-10px;
	}	
	.catch_inner {
		position:relative;
	}
	.catch_text{
		position:absolute;
		top:4%;
		left:5%;
	}
	.catch_text p {
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1.0pt;
		line-height: 1.2em;
	}
	.seibun li {
		font-size:12px;
	}
	.point_text p {
		font-size:15px;
		font-weight:bold;
		letter-spacing:1.0pt;
		line-height:1.2em;
	}

	.point {
		position:relative;
	}
	.point_text {
		position:absolute;
		top:22%;
		left:7%;
	}
}
/*---------　width: 500px以上769px以下--------------*/
@media  (min-width: 500px)and (max-width: 769px) {
	.catch_inner img {
		margin-top:-10px;
	}	
	.catch_inner {
		position:relative;
	}
	.catch_text{
		position:absolute;
		top:5%;
		left:5%;
	}
	.catch_text p {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1.0pt;
		line-height: 1.2em;
		margin-bottom:10px;
	}
	.seibun li {
		font-size: 18px;
		line-height: 1.5;
	}
	.point_text p {
		font-size:24px;
		font-weight:bold;
		letter-spacing:1.0pt;
		line-height:1.2em;
		margin-bottom:10px;
	}
	.point  {
		position:relative;
	}
	.point_text {
		position:absolute;
		top:22%;
		left:7%;
	}
	.point img {
		margin-top:-10px;
	}
}
/*---------sp　width: 769px以下--------------*/
@media  (max-width: 769px) {
	.pc_view {
		display:none;
	}
	.kakunin_text {
		padding-left:40px;
		padding-right:40px;
		font-size:18px; 
		line-height: 1.6;
		margin-top:0px;
	}
	.story_inner {
		padding-left:20px;
		padding-right:20px;
		margin-top:20px;
		font-size:16px;
	}
	.story_text {
		padding-right:15%;
		padding-left:15%;
	}
	.chigai {
		margin-top:40px;
	}

	.cart_tit1 {
		font-size:140%;
	}
	.sp_cart_tit1b{
		font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight:bold;
		font-size:160%;
	}
	.sp_cart_tit_i::before {
		content:"▼";
		color:#3b9e88;
		padding-right:0.5em;
	}
	.sp_cart_tit_i::after {
		content:"▼";
		color:#3b9e88;
		padding-left:0.5em;
	}
	.product_tit_text {
		background-color:#3b9e88;
		color:#FFF;
		font-size:120%;
		font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight:bold;
		padding:15px 20px 5px;
		margin-bottom:0;
		letter-spacing:1.0pt;
	}
	.cart_img img {
		max-width:60%;
		height:auto;
		display:block;
		margin-right:auto;
		margin-left:auto;
	}
	.cart_side img {
		max-width:100%;
		height:auto;
	}
	.cart_btn {
		display:block;
		text-align:center;
	}

	.hoshou_top {
		background-image: url(../products/n-img/hoshou_tit.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100%;
		padding-top: 10%;
	}
	.hoshou_middle {
		background-image: url(../products/n-img/hoshou_middle.jpg);
		background-repeat: repeat-y;
		background-position: center;
		background-size: 100%;
		padding: 10px 30px 5px;
	}
	.hoshou_bottom {
		background-image: url(../products/n-img/hoshou_bottom.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100%;
		padding-bottom: 3%;
	}
	.hoshou_inner{
		padding:0 0px;
		margin-top:20px;
	}
	
	.cart_btn select {
		padding: 9px 10px 7px;
		font-size: 16px;
		border: 2px solid #ccc;
		background: #eee;
		margin-bottom: 10px;
		width: 70%;
	}
	.hoshou_text {
		font-size: 16px;
	}
	.cart_btn {
		margin-top:10px;
	}
	.use_sp {
		position:relative;
		margin-top: -10px;
	}
	.use_text_sp {
		position:absolute;
		top:8%;
		right:23%;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-text-orientation: upright;
		font-size:14px;
		line-height:1.5em;
	}
	.seibun li {
		float: left;
		margin-right:1em;
		position:relative;
	}
	.seibun li:before {
		content:url(../products/n-img/checkmark_sp.jpg);
		position: relative;
		padding-right:0.5em;
		left:0;
		top:5px;
	}
	.seibun {
		line-height: 1.1;
	}
	.seibun li:last-child {
		line-height: 1.5;
	}
	.mesen1_catch_sp {
		background-color: #f8f9b3;
		font-size:100%;
		padding:10px 20px;
		border-radius:10px;
	}
	.haigou_inner:after {
		content: "";
		display:block;
		clear:both;
	}
	.haigou{
		font-size:14px;
		width:70%;
		float:left;
		--webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:10px;
		margin-top:10px;
	}
	.dog_img_sp {
		width:30%;
		float:left;
		margin-top:30px;
	}
	.dotted_box {
		border: dotted 1px #000;
		padding:20px 20px;
		position:relative;
	}
	.genryou {
		width:33.3%;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:10px;
	}
	.genryou {
		font-size:80%;
	}
	.genryou1 {
		border-right:solid 1px #000;
		border-left:solid 1px #000;
		padding-top:10px;
		margin-top:-10px;
	}
	.chigai p {
		border-right:solid 1px #eeeeee;
		border-left:solid 1px #eeeeee;
		padding:10px 30px;
		margin-top:-10px;
	}
	.yurai_img {
		margin-top:-10px;
	}
	/*ご購入をお迷いの方へ */
	.msg {
		padding-left: 20px;
		padding-right: 20px;
		margin-top:10px;
		padding-bottom: 20px
	}
	.tit_l {
		font-size: 160%;
	}
	.recommend{
		background-color: #FFF;
		border: 1px solid #c9c9c9;
		margin: 20px;
	}
	.form_inner {
		background-color: #FFF;
	}
	/*定期コース*/
	.product_tit_text3 {
		margin-top:20px;	
	}
	/*FV*/
	.cart_link_btn {
		position: absolute;
		bottom:20px;
		left: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	#purchase_sp {
		margin-top: 20px;
	}
	.hoshou_corner img {
		max-width:40%;
		height: auto;
	}
	.hoshou_corner {
		position: absolute;
		top: -8%;
		left: -1%;
	}
	.product_tit_text3 {
		font-size: 100%;
	}
  .use_case {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/*----------pc width: 770px以上-------------*/
@media  (min-width: 770px) {
	.inner_box {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;	
	}
	.fv_inner {
		margin-bottom:20px;
	}
	.sp_view {
		display:none;
	}
	.catch_inner {
		position:relative;
	}
	.catch_text{
		position:absolute;
		top:5%;
		left:8%;
	}
	.catch_text p {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1.0pt;
	}
	.chigai {
		position:relative;
		margin-top:60px;
	}
	.chigai_text {
		position:absolute;
		top:9%;
		right:5%;
		font-size:110%;
		line-height:1.5em;
	}
	.cart_tit1 {
		font-size:280%;
		margin-top:70px;
		font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight:bold;
		padding-top: 20px;
	}
	.cart_tit1::before {
		content:"▼";
		color:#3b9e88;
		padding-right:0.5em;
	}
	.cart_tit1::after {
		content:"▼";
		color:#3b9e88;
		padding-left:0.5em;
	}
	.cols2:after {
		content: "";
		display:block;
		clear:both;
	}
	.col2 {
		width:50%;
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.cart_img {
		width:30%;
		float:left;
		padding:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	} 
	.cart_side {
		width:70%;
		float:left;
		padding:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cart_img img {
		max-width:70%;
		height:auto;
		display:block;
		margin-right:auto;
		margin-left:auto;
	}
	.cart_side img {
		max-width:100%;
		height:auto;
		display:block;
		float:right;
		margin-bottom: 20px;
	}
	.hoshou_inner {
		padding:0 40px;
	}
	.genryou {
		width:20%;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:5px;
	}
	.genryou:first-child {
		padding-left:0px;
	}
	.dotted_box {
		border: dotted 1px #000;
		padding:20px 40px 60px;
	}
	/*ご購入をお迷いの方へ */
	.tit_l {
		margin-top: 50px;
	}
	.msg {
		font-size: 18px;
		line-height:1.5em;
	}
	.recommend {
		position: relative;
	}
	.form_inner {
		position: absolute;
		right:180px;
		bottom:60px; 
	}
  .use_case {
    padding-top: 30px;
    padding-bottom: 30px;
  }
	/*--定期カート--*/
	.teiki_cart {
		float: left;
		padding-left: 120px;
	}
	.teiki_btn input {
		margin-top: 10px;
	}
	.linkbnr {
		margin-right: auto;
		margin-left: auto;
	}
	/*FV*/
	.fv_inner {
		position:relative;
	}
	/*FV*/
	.cart_link_btn {
		position: absolute;
		bottom:50px;
		left: 35%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.hoshou_corner {
		position: absolute;
		top: -40%;
		left: -1%;
	}
  
}
/*ワンちゃんはなぜニオウ？*/
.fs80 {
	font-size:90%;
}
.text_yellow {
	color:#E9D81C;
}

/* 202507 */
#kv {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.kv img {
  width: 100%;
}

#sectMessage {
  background-color: #DDF5FF;
  border: solid 10px #A9E5FF;
  padding: 40px;
  position: relative;
}

#sectMessage::before {
  content: '';
  display: block;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  width: 40px;
  height: 40px;
  background-color: #A9E5FF;
  position: absolute;
  top: 0;
  left: 0;
}

#sectMessage::after {
  content: '';
  display: block;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  width: 40px;
  height: 40px;
  background-color: #A9E5FF;
  position: absolute;
  bottom: 0;
  right: 0;
}


#sectMessage .sect_heading {
  font-size: 36px;
  font-weight: 500;
}
#sectMessage .sect_heading span {
  color: #F76281;
}

#sectMessage {
  margin-top: 40px;
}
#sectMessage .sect_heading {
  margin-bottom: 1em;
  letter-spacing: 0.05em;
  font-weight: bold;
  
}

#sectMessage p {
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: bold;
}
#sectMessage p .green {
  font-size: 120%;
}

#sectMessage p .text_lg {
  font-size: 150%;
}

#tokucho {
  background-color: #ffffff;
  border: solid 10px #FB8EA3;
  position: relative;
  box-sizing: border-box;
}
#tokucho::after {
  content: "";
  display: block;
  background-image: url("../products/n-img/dog_illust.png");
  background-size: cover;
  width: 168px;
  height: 248px; 
  position: absolute;
  top: 20px;
  right: -10px;
}

#tokucho .sect_heading {
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 40px 40px 20px;
  text-shadow: 3px 3px 0px #ccc;
}

#tokucho dt {
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 0.8em;
  position: relative;
  padding-left: 110px;
}

#tokucho dt span {
  position: absolute;
  left: 0;
  top: -5px;
  display: inline-block;
  background-color: #FB8EA3;
  color: #ffffff;
  padding: 0.2em 1em 0.2em 0.5em;
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
  margin-right: 1em;
}

#tokucho dd {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

#sectFaq {
  margin-top: 40px;
  background-color: #FDFBEF;
  padding: 30px 40px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

#sectFaq::before {
  content: '';
  display: block;
  height: 20px;
  width: 100%;
  background-image: repeating-linear-gradient(45deg, #ff803485, #ff803485 5px, transparent 5px, transparent 10px);
  position: absolute;
  top: 0;
  left: 0;
}

#sectFaq::after {
  content: '';
  display: block;
  height: 20px;
  width: 100%;
  background-image: repeating-linear-gradient(45deg, #ff803485, #ff803485 5px, transparent 5px, transparent 10px);
  position: absolute;
  bottom: 0;
  left: 0;
}


#sectFaq .sect_heading {
  font-size: 40px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding-bottom: 20px;
  color: #FF8034; 
  
}
#sectFaq .sect_heading span {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 64px;
  margin-right: 2em;
}

#sectFaq dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
  position: relative;
  padding-left: 4em;
  padding-right: 20px;
}
#sectFaq dt::before {
  position: absolute;
  top: -12px;
  left: 0;
  content: 'Q';
  display: inline-block;
  font-size: 30px;
  width: 50px!important;
  height: 50px!important;
  border-radius: 50%;
  background-color: #FF8034;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  box-shadow: 2px 2px 4px rgba(0,0, 0, 0.5) inset;
  margin-right: 20px;
}

#sectFaq dd {
  margin-bottom: 3em;
  padding-left: 4em;
  position: relative;
}
#sectFaq dd::before {
  position: absolute;
  top: 2px;
  font-weight: bold;
  left: 35px;
  content: 'A';
  display: inline-block;
  font-size: 16px;
  color: #000000;
  margin-right: 20px;
}



/*---------sp　width: 374px以下--------------*/
@media  (max-width: 374px) {
	.board_text_sp {
		font-size:14px;
	}
}
/*---------　width: 375px以上429px以下--------------*/
@media  (min-width: 375px)and (max-width: 429px) {
	.board_text_sp {
		font-size:16px;
	}
}

/*---------　width: 430px以上479px以下--------------*/
@media  (min-width: 430px)and (max-width: 479px) {
	.board_text_sp {
		font-size:18px;
	}
}

/*---------　width: 480px以上529px以下--------------*/
@media  (min-width: 480px)and (max-width: 529px) {
	.board_text_sp {
		font-size:20px;
	}
}
/*---------　width: 530px以上769px以下--------------*/
@media  (min-width: 530px)and (max-width: 769px) {
	.board_text_sp {
		font-size:22px;
	}
}

/*---------sp　width: 769px以下--------------*/
@media  (max-width: 769px) {
	.board_pc_view {
		display:none;
	}   
	.board_sp {
		position:relative;
		margin-top: 30px;
	}
	.board_text_sp {
		position:absolute;
		top:14%;
		left:0%;
		color:#FFF;
		line-height:1.5em;
		padding-left:5%;
		padding-right:5%;
	}
	.board_text_sp p {
		padding-bottom:1em;
	}
	#purchase {
		margin-top: -54px;
    	padding-top: 54px;
	}
  
  #kv {
    margin-top: -56px;
  }
  
  #kv .cart_btn {
    margin-right: 20px;
    margin-left: 20px
  }
  
  #sectMessage {
    padding: 40px 20px 20px;
    position: relative;
  }

  
  #sectMessage .sect_heading {
    font-size: 24px;
  }
  
  #sectMessage .image_block {
    text-align: center;
    width: 100%;
  }
  
  #tokucho {
    border: solid 5px #FB8EA3;
    margin-top: 20px;
  }

  #tokucho::after {
    width: 83px;
    height: 124px; 
    position: absolute;
    top: 20px;
    right: -4px;
  }

  #tokucho .sect_heading {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 20px 20px 30px;
    text-shadow: 2px 2px 0px #ccc;
  }

  #tokucho dt {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 0.8em;
    padding-left: 90px;
    padding-right: 20px;
  }
  #tokucho dt span {
    margin-right: 0.5em;
  }
  #tokucho dd {
    margin-bottom: 30px;
    margin-right: 20px;
  }
  
  #sectFaq {
    padding: 30px 20px 20px;
    margin-bottom: 30px;
  }
  
  #sectFaq .sect_heading {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 30px;
  }
  #sectFaq .sect_heading span {
    font-size: 32px;
    margin-right: 1em;
  }
  
}


/*----------pc width: 770px以上-------------*/
@media  (min-width: 770px) {
	.board_sp_view {
		display:none;
	}       
	.board {
		position:relative;
		margin-top: 60px;
	}
	.board_text {
		position:absolute;
		top:19%;
		left:0%;
		color:#FFF;
		font-size:22px;
		line-height:1.5em;
		padding-left:80px;
		padding-right:80px;
	}
  
  #kv {
    position: relative;
  }
  #kv .cart_btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-30%);
  }
  .sect_inner {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
  }
  #sectMessage .flexbox {
    align-items: center;
  }
  #sectMessage p {
    font-size: 20px;
    font-weight: bold;
     width: 60%;
  }
  
  .pc_flex_reverse {
    flex-direction: row-reverse;
  }
  #sectMessage .image_block {
    width: 40%;
  }
  #seibun {
    margin-bottom: 40px;
  }
}