@charset "utf-8";
/* CSS Document */

/* -----------------------------

      attn (Attention)
      ADD 2026/2/12

----------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Sawarabi+Gothic&display=swap');


/*-- INDEX --*/

#shortcat .attn_link {
  padding-top: 30px;
}
#shortcat .attn_link a {
  width: calc( 1000px - 20px - 6px );
  padding: 20px 20px 15px 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center ;
	border:3px solid #F51418;
	background-color: #fff;
  margin: 0 auto;
}

#shortcat .attn_link a p {
	font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6em;
  text-align: center;
}
#shortcat .attn_link a p span {
  font-size: 0.7em;
}
#shortcat .attn_link a:hover {
	background-color: #F51418;
  text-decoration: none;
}
#shortcat .attn_link a:hover p {
	color: #fff;
}
br.br-mid {display: none;}

@media screen and (min-width:621px) and ( max-width:1000px) {
    /*　画面サイズが621pxから1000pxまで　*/
  
#shortcat .attn_link a {
  width: calc( 90% - 60px - 6px );
}
#shortcat .attn_link a p {
  font-size: 18px;
  font-weight: 400;
}
  br.br-mid {display:block;}
}

@media screen and (max-width:620px) { 
    /*　画面サイズが620px以下　*/
  
#shortcat .attn_link a {
  padding: 10px 30px;
  width: calc( 90% - 60px - 6px );
  /*padding-bottom: 25px;*/
}
#shortcat .attn_link a p {
  font-size: 16px;
  font-weight: 400;
}
#shortcat .attn_link a p span {
  font-size: 0.8em;
}
  br.br-mid {display: none;}
}


/*-- ATTN --*/

#body-attn #contents h2 {
  text-indent: 0 !important;
  width: auto;
  height: auto;
  color: #069506;
  font-size: 26px;
	font-weight: bold;
	padding: 20px;
  border: #069506 1px solid;
	margin: 40px 0 60px 0;
  line-height: 1.4em;
  text-align: center;
}
#body-attn #contents h3 {
  color: #069506;
  font-size: 20px;
	font-weight: bold;
	padding: 40px 0 6px 0;
	/*margin: 30px 0 15px 0;*/
	border-bottom: #069506 1px solid;
  text-indent: 0 !important;
  line-height: 1.4em;
}


@media screen and (max-width: 768px){
#body-attn #contents br.br-pc {
  display: none;
}
}