@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(reset.css) screen and (min-width: 769px);

@import url(style.css) screen and (min-width: 1080px);
@import url(smart.css) screen and (max-width: 1079px);
@import url(low_style.css) screen and (min-width: 1080px);
@import url(low_smart.css) screen and (max-width: 1079px);

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.span_ib{
  display: inline-block;
}

:root{
  --base_width: 1080px;
  --base_white: #fff;
  --font_white: #fff;
  --font-gray: #F5F2ED;
  --base_color: #594342;
  --base_font_color: #594342;
  --base_yellow: #F8D949;
  --btn_color: #594342;
  --btn_color2: #594342;
  --space: 1rem;
  --space-large: 1.5rem;
  --space-largest: 3rem;
  --color-border: black;
  --color-text: black;
  --border-width: 2px;
  --gray: #333;
  --c_gray: #EBEBEB;
  --c_gray2: #aaa;
  --bg_gray: #f4f4f4;
  --bg_pink: #E6517C;
  --pink: #E6517C;
  --black: #333;
  --font_black: #000;
  --base_black: #333;
  --btn_blue :#498CCF;
  --btn_red :#900;
  --bungee: 'rough-love', 'I-OTF-UDゴ本文Pro R', 'IwaUDGoHonPro-Th', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
  --bungee: 'rough-love', 'I-OTF-UDゴ本文Pro R', 'IwaUDGoHonPro-Th', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
  --gothic: 'I-OTF-UDゴ本文Pro R', 'IwaUDGoHonPro-Th', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
  --mincho: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --base_font_famiry: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

body{
  font-family: var(--mincho)
}

body .f_bungee{
  font-family: var(--bungee);
}

body .f_rough{
  font-family: var(--bungee);
}


body .f_normal{
  font-family: var(--base_font_famiry) !important;
}

.ul{
  list-style-type: none;
}

a {
  color: #036EB8;
  color: var(--base_font_color)
}

a:hover {
  color: #036EB8;
  color: var(--base_font_color)
}

html {
  font-size: 62.5%;
  font-family: var(--base_font_famiry);
}

body{
  font-size: 1.8rem;
}

.f_10 {
  font-size: 1rem;
}

.f_12 {
  font-size: 1.2rem;
}

.f_13 {
  font-size: 1.3rem;
}

.f_14 {
  font-size: 1.4rem;
}

.f_16 {
  font-size: 1.6rem;
}

.f_18 {
  font-size: 1.8rem;
}

.f_20 {
  font-size: 2rem;
}

.f_21 {
  font-size: 2.1rem;
}

.f_22 {
  font-size: 2.2rem;
}

.f_23 {
  font-size: 2.3rem;
}

.f_24 {
  font-size: 2.4rem;
}

.f_25 {
  font-size: 2.5rem;
}

.f_26 {
  font-size: 2.6rem;
}

.f_27 {
  font-size: 2.7rem;
}

.f_28 {
  font-size: 2.8rem;
}

.f_29 {
  font-size: 2.9rem;
}

.f_30 {
  font-size: 3.0rem;
}

.mb_20{
  margin-bottom: 2rem;
}

.mb_40{
  margin-bottom: 4rem;
}

.mb_60{
  margin-bottom: 6rem;
}

.mb_80{
  margin-bottom: 8rem;
}

.mb_100{
  margin-bottom: 10rem;
}

.f_w_n {
  font-weight: normal;
}

.f_w_b {
  font-weight: bold;
}

.f_wh {
  color: #fff;
}

.f_gray a {
  color: gray !important;
}

.f_l_s {
  letter-spacing: 0.3rem;
}

.l_s_b{
  letter-spacing: 1.5rem;
}

.l_s_b2{
  letter-spacing: 1rem;
}

.lh12 {
  line-height: 1.2;
}

.lh15 {
  line-height: 1.5;
}

.lh18 {
  line-height: 1.8;
}


.lh2 {
  line-height: 2;
}

.lh3 {
  line-height: 3;
}

.f_pink{
  color: var(--pink);
}

.f_yellow{
  color: var(--base_color);
}

.red {
  color: red;
}

.t_a_c {
  text-align: center;
}

.t_a_l {
  text-align: left;
}

.t_a_r {
  text-align: right;
}

.uppercase{
  text-transform: uppercase;
}

.bg_gray{
  background: var(--bg_gray);
}

.bg_pink{
  background: var(--bg_pink);
}


.arrow {
  position: relative;
  /* display: inline-block; */
  padding: 0 0 0 2rem;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.5rem;
}

.triangle {
  width: 0;
  height: 0;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-top: 1.5rem solid #2C7CB6;
}

.maru {
  height: 10rem;
  width: 10rem;
  border-radius: 50%;
  line-height: 10rem;
  text-align: center;
  background: #fff;
  border: 2px solid #AED0EE;
}

.contact_on .maru {
  color: #fff;
  background: #AED0EE;
}

.title_border {
  display: flex;
  align-items: center;
}

.title_border:before,
.title_border:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}

.title_border:before {
  margin-right: 1rem;
}

.title_border:after {
  margin-left: 1rem;
}

.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.maruyaji::before {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #2C7CB6;
}

.maruyaji::after {
  left: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  width: 0.2rem;
  height: 0.2rem;
  border: 0.5rem solid transparent;
  border-left: 0.5rem solid #fff;
}

.tryyaji::before {
  width: 1.5rem;
  height: 1.5rem;
}

.tryyaji::after {
  left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.2rem;
  height: 0.2rem;
  border: 0.5rem solid transparent;
  border-left: 0.5rem solid #333;
}

.red_box {
  background: red;
  color: #fff;
  padding: 3px;
}


.bevel {
  background-position: bottom left, bottom right, top right, top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  line-height: 1.5;
  font-size: 16px;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

.kadomaru {
  display: inline-block;
  /* margin: 0 0 0 auto; */
  text-align: center;
}

.kadomaru a {
  padding: 10px 10px;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  text-decoration: none;
}

.kadomaru_btn {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.kadomaru_btn a {
  display: inline-block;
  text-align: center;
  border-radius: 4rem;
  transition: all 300ms 0s ease;
  margin: 2rem auto;
  padding: 1rem 2rem;
  text-decoration: none;
  border: solid var(--btn_color) 2px;
  background-color:var(--btn_color);
  font-weight: bold;
  color: #fff;
}

.kadomaru_btn a:hover {
  border: solid var(--btn_color2) 2px;
  background-color:var(--btn_color2);
  color: white;
  border-radius: 0;
}

.kadomaru_btn.full a {
  display: block;
}


.btn_color_blue a{
  border: solid var(--btn_blue) 2px;
  color: var(--btn_blue);
}

.btn_color_blue a:hover{
  border: solid var(--btn_blue) 2px;
  background-color:#498CCF;
  color: white;
}


.btn_color_red a{
  border: solid var(--pink) 2px;
  background-color:var(--pink);
  color: white;
}

.btn_color_red a:hover{
  background-color: white;
  border: solid var(--pink) 2px;
  color: var(--pink);
}

.btn_color_white a{
  border: solid var(--base_white) 2px;
  background-color:var(--base_white);
  color: white;
}

.btn_color_white a:hover{
  background-color: white;
  border: solid var(--base_white) 2px;
  color: var(--base_white);
}


.btn_color_black a{
  background-color:var(--base_color);
  /* background-color:var(--base_white); */
}

.btn_color_black a:hover{
  border: solid var(--base_color) 2px;
  color: var(--base_white);
  /* color: black; */

}

.arrows {
  position: relative;
}

.arrows.left:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8rem;
  border: 0.8rem solid transparent;
  border-left: 0.8rem solid;
}

.arrows.right:before {
  width: 0.8rem;
  border: 0.8rem solid transparent;
  border-left: 0.8rem solid;
}

.arrows.bottom:before {
  width: 0.8rem;
  border: 0.8rem solid transparent;
  border-left: 0.8rem solid;
}

.arrows.left:before {
  width: 0.8rem;
  border: 0.8rem solid transparent;
  border-left: 0.8rem solid;
}

.page_top {
  display: inline-block;
  margin: 0 0 0 auto;
  text-align: center;
}

.page_top a {
  background: #2F7230;
  padding: 5px 10px;
  margin-bottom: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #2F7230;
}

.page_top a:hover {
  color: #2F7230;
  background: #fff;
  border: 1px solid #2F7230;
}

#low .fukidashi_midashi {
  height: 250px;
  text-align: center;
  position: relative;
  padding: 0.5rem 0;
  margin-bottom: 0.2rem;
  border-bottom: 5px solid var(--base_color);
  background: var(--base_color);
  color: var(--base_black);
  font-weight: bold;
  font-size: 40px;
  display: flex;
  align-items: center;
}

/* 吹き出しトップ */

.fukidashi_midashi:before,
.fukidashi_midashi:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}

.fukidashi_midashi:before {
  border: 100px solid;
  border-color: transparent;
  border-top-color: var(--base_color);
  margin-left: -100px;
}

.fukidashi_midashi:after {
  border: 10px solid;
  border-color: transparent;
  border-top-color: var(--base_color);
  margin-left: -10px;
}


.maru_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 2rem;
  height: 2rem;
  /* border: 0.1rem solid #fff; */
  background: var(--black);
  border-radius: 50%;
  box-sizing: content-box;
  margin: -2px 0px 0 10px;
}

.maru_arrow::before {
  content: '';
  color: var(--black);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: .4rem .5rem;
  /* border-left-color: currentColor; */
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.maru_arrow.sky_arrow::before {
  border-left-color: #6FA7E0;
}

.maru_arrow.blue_arrow::before {
  border-left-color: #004BA7;
}

.maru_arrow.black_arrow::before {
  border-left-color: white;
}


/*== ボタン共通設定 */
.scroll_btn{
  /*アニメーションの起点とするためrelativeを指定*/
  width: 35rem;
  height: 5rem;
  line-height: 5rem;
  position: relative;
overflow: hidden;
  /*ボタンの形状*/
text-decoration: none;
display: inline-block;
  border: 1px solid #555;/* ボーダーの色と太さ */
  border-radius: 10rem;
  padding: 0px 30px;
  text-align: center;
  outline: none;
  /*アニメーションの指定*/   
  transition: all ease .2s;
}

/*ボタン内spanの形状*/
.scroll_btn span {
position: relative;
z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
color:var(--base_font_color);
}

.scroll_btn:hover span{
color:#fff;
}

/*== 背景が流れる（左から右） */
.bgleft:before {
content: '';
  /*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: 0;
z-index: 2;
  /*色や形状*/
background:#333;/*背景色*/
width: 100%;
height: 100%;
  /*アニメーション*/
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}

/*矢印と下線の形状*/

.btn_arrow{
  position: relative;
  display: block;
  text-align: left;
  transition: all 1.3s;
}

.btn_arrow::before{
  content: '';
  /*絶対配置で下線の位置を決める*/
position: absolute;
top:60%;
  right:1%;
  /*下線の形状*/    
  width: 36px;
  height: 1px;
background:#333;
  /*アニメーションの指定*/
  transition: all 1.3s;
}

.btn_arrow::after{
  content: '';
  /*絶対配置で矢印の位置を決める*/
position: absolute;
top:50%;
  right:1%;
  /*矢印の形状*/    
  width: 15px;
  height:1px;
background:#333;
  transform: rotate(35deg);
  /*アニメーションの指定*/
  transition: all 1.3s;
}

.bgleft:hover .btn_arrow{
  color: var(--base_white);
}

.bgleft .btn_arrow{
  color: var(--base_font_color);
}

.bgleft:hover .btn_arrow::before{
  /*絶対配置で下線の位置を決める*/
  /*下線の形状*/    
background:#fff;
  /*アニメーションの指定*/
  transition: all 1.3s;
}

.bgleft:hover .btn_arrow::after{
  /*絶対配置で矢印の位置を決める*/

  /*矢印の形状*/    

background:#fff;
  /*アニメーションの指定*/
  transition: all 1.3s;
}








.hishigata_big_img{
  width:200px;
  height:270px;
  margin:0 2%;
  display:inline-block;
  background:#FDAB75;
  transform:skewX(-10deg);
  overflow:hidden;
 }
 .hishigata_big_img img{
  height:100%;
  transform:skewX(10deg) scale(1.6);
}

.hishigata_big_img img {
  transition: all 0.5s ease-in-out;
}
.hishigata_big_img img:hover {
  transform: skewX(10deg) scale(2.0);
}


/*ボタンの領域*/
#re-top {
  position: fixed;
  /*画面に固定*/
  bottom: 10%;
  /*画面下へ*/
  right: 1%;
  /*画面右へ*/
  z-index: 10;
  /*レイヤー順序を上に*/
  background-color: transparent;
  /*領域の背景色（透明）*/
}

/*丸ボタン*/
.re-topB {
  position: relative;
  display: block;
  background-color: #296562;
  /*丸ボタンの色*/
  color: white;
  /*三角と文字色*/
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 24px;
  border-radius: 30px;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

/*三角部分*/
.re-topB:before {
  content: '\25B2';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

.re-topB {
  transition: 0.85s;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

#re-top:hover .re-topB {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/*マウスオーバーで色を変更*/
#re-top:hover .re-topB {
  transition: 0.85s;
  color: #fff;
  /*三角と文字色*/
  background-color: #2C70AD;
  /*丸ボタンの色*/
}

.pankuzu {
  background: #F5F5F5;
  padding: 1.2rem 60px;
  line-height: 1.5;
  font-size: 1rem;
}

.pankuzu a {
  color: black;
}

.pankuzu_in ul {
  display: flex;
  padding: 0;
  margin: 0;
}

.pankuzu_in li::after {
  display: inline-flex;
  padding: 0 1rem;
  content: ">";
}

.pankuzu_in li:last-child::after {
  content: "";
}

.shadow_box {
  display: inline-flex;
  margin-right: 1.5rem;
  align-items: center;
}

.shadow_box a{
  display: inline-flex;
  padding: 10px 1.5rem;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: 4px 4px;
}

.shadow_box a:hover{
  border: 1px solid #000;
  background-color: var(--base_color);
}

.kintou{
  text-align: justify;
  text-align-last: justify;
}

/* 通常フェードイン */
.fade_in {
  opacity: 0;
  animation: fadein 1.5s .3s ease-out forwards;
}
@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

/*上からフェードイン*/
.fade_in_top {
  opacity: 0;
  animation: fadein_top 1.5s .3s ease-out forwards;
}
@keyframes fadein_top {
  0% {
     opacity: 0;
     transform: translateY(-20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}

/*下からフェードイン*/
.fade_in_bottom {
  opacity: 0;
  animation: fadein_bottom 1.5s 0 ease-out forwards;
}
@keyframes fadein_bottom {
  0% {
     opacity: 0;
     transform: translateY(20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}

/*左からフェードイン*/
.fade_in_left {
  opacity: 0;
  animation: fadein_left 1.5s 0 ease-out forwards;
}
@keyframes fadein_left {
  0% {
     opacity: 0;
     transform: translateX(-20px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

/*右からフェードイン*/
.fade_in_right {
  opacity: 0;
  animation: fadein_right 1.5s 0 ease-out forwards;
}
@keyframes fadein_right {
  0% {
     opacity: 0;
     transform: translateX(20px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

.slide_box{
  background: #000;
}

.slide_box img{
  margin: -20px -20px;
}

.tri_up{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
}
.tri_right{
  width: 0;
  height: 0;
  border-left: 15px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.tri_left{
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid white;
  border-bottom: 15px solid transparent;
}
.tri_down{
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid black;
}






.liner {
	display: flex;
	align-items: flex-start;
	text-align: left;
}

.liner:after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: var(--base_black);
	min-width: 20px;
	margin: auto;
}

.liner:after {
	margin-left: 20px;
}

dl.menu dt {
	display: flex;
	align-items: flex-start;
	text-align: left;
}

dl.menu dt:after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: var(--base_black);
	min-width: 20px;
	margin: auto;
}

dl.menu dt:after {
	margin-left: 20px;
}




/* aosカスタム */

.delay_lr [data-aos="delay_lr"] {
  opacity: 0;
  transition-property: transform, opacity;
}

.delay_lr [data-aos="delay_lr"].aos-animate {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .delay_lr [data-aos="delay_lr"]:nth-of-type(odd) {
      transform: translateX(-100px);
  }

  .delay_lr [data-aos="delay_lr"]:nth-of-type(even) {
      transform: translateX(100px);
  }

  .delay_lr [data-aos="delay_lr"].aos-animate {
      transform: translateX(0);
  }
}



.delay_ul [data-aos="delay_ul"] {
  opacity: 0;
  transition-property: transform, opacity;
}

.delay_ul [data-aos="delay_ul"].aos-animate {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .delay_ul [data-aos="delay_ul"]:nth-of-type(odd) {
      transform: translateX(-100px);
  }

  .delay_ul [data-aos="delay_ul"]:nth-of-type(even) {
      transform: translateX(100px);
  }

  .delay_ul [data-aos="delay_ul"].aos-animate {
      transform: translateX(0);
  }
}

.aos_parent{
  display: flex;
}

.aos_parent label{
  display: block;
  counter-increment: num;
}


.lefty_moves{
  display: flex;
}

.lefty_moves label{
  display: block;
  counter-increment: num;
}

.lefty_move label:nth-of-type(1){
  transition-delay: .1s;
}
.lefty_move label:nth-of-type(2){
  transition-delay: .2s;
}
.lefty_move label:nth-of-type(3){
  transition-delay: .3s;
}
.lefty_move label:nth-of-type(4){
  transition-delay: .4s;
}
.lefty_move label:nth-of-type(5){
  transition-delay: .5s;
}
.lefty_move label:nth-of-type(6){
  transition-delay: .6s;
}
.lefty_move label:nth-of-type(7){
  transition-delay: .7s;
}
.lefty_move label:nth-of-type(8){
  transition-delay: .8s;
}
.lefty_move label:nth-of-type(9){
  transition-delay: .9s;
}
.lefty_move label:nth-of-type(10){
  transition-delay: 1.0s;
}
.lefty_move label:nth-of-type(11){
  transition-delay: 1.1s;
}
.lefty_move label:nth-of-type(12){
  transition-delay: 1.2s;
}
.lefty_move label:nth-of-type(13){
  transition-delay: 1.3s;
}
.lefty_move label:nth-of-type(14){
  transition-delay: 1.4s;
}
.lefty_move label:nth-of-type(15){
  transition-delay: 1.5s;
}
.lefty_move label:nth-of-type(16){
  transition-delay: 1.6s;
}
.lefty_move label:nth-of-type(17){
  transition-delay: 1.7s;
}
.lefty_move label:nth-of-type(18){
  transition-delay: 1.8s;
}
.lefty_move label:nth-of-type(19){
  transition-delay: 1.9s;
}
.lefty_move label:nth-of-type(20){
  transition-delay: 2.0s;
}
.lefty_move label:nth-of-type(21){
  transition-delay: 2.1s;
}


.custom02{
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.custom02.sample{
  width: 100%;
}


.custom02 .box{
  width: 250px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .custom02 div:nth-of-type(2){
      transition-delay: .1s;
  }
  .custom02 div:nth-of-type(3){
      transition-delay: .2s;
  }
}


#low .wrapper .container{
  position: relative;
    margin-top: -00px;
    z-index: 10
}

.required{
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: var(--btn_color);
  color: var(--font_white);
}

.info_list_flame.single .post-body  > p{
  display: none;
}

#contentsTitle > .contentWrap > h1{
  display: none;
}

.midashi_sub_text{
  font-size: clamp(20px, 3vw, 30px);
        margin: 0 auto;
        align-items: center;
        text-transform: uppercase;
        color: var(--base_color);
        border-bottom: 1px solid var(--base_color);
        /* padding-bottom: 2rem; */
        padding-top: 2rem;
        margin-bottom: 2rem;
}