@charset "UTF-8";

.bg_glow {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-color: hsla(192, 46%, 89%, 1);
  background-image: radial-gradient(at 89% 76%, hsla(194, 50%, 83%, 1) 0px, transparent 50%), radial-gradient(at 83% 27%, hsla(195, 51%, 90%, 1) 0px, transparent 50%), radial-gradient(at 56% 68%, hsla(180, 100%, 93%, 1) 0px, transparent 50%), radial-gradient(at 74% 41%, hsla(136, 100%, 98%, 1) 0px, transparent 50%), radial-gradient(at 42% 40%, hsla(57, 100%, 96%, 1) 0px, transparent 50%), radial-gradient(at 0% 21%, hsla(357, 96%, 91%, 1) 0px, transparent 50%), radial-gradient(at 28% 60%, hsla(26, 100%, 94%, 1) 0px, transparent 50%);
}
.about_page {
  padding-top:75px;
}
.page_title{
  text-align: center;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0));
  padding:80px 0 50px 0;
  margin-bottom:5rem;
}
.page_title h1 {
  font-family: var(--font-mincho);
	font-weight: 700;
  font-size: 2.5rem;
  position: relative;
  margin-bottom: 2.25rem;
  padding:25px 0;
  position: relative;
}
.page_title h1 span {
  position: absolute;
  color:var(--green);
  z-index: -1;
  top: 11px;
  left: 0;
  right:0;
  bottom:0;
  margin:auto;
  font:400 110px/1 var(--font-family-marcellus);
  letter-spacing: .08em;
	opacity: .4;
}

.cm_sec ol.decimal {
  list-style: decimal;
  margin-left:30px;
}
.cm_sec ol.page_link {
  list-style: decimal;
  margin-left:30px;
  font:400 20px/1.4 var(--font-family-mincho);
}
.cm_sec ol.page_link li {
  margin-bottom:10px;
}
.cm_sec ol.page_link li a {
  color:var(--blue);
  display: inline-block;
  padding-bottom:3px;
  border-bottom: 1px solid var(--blue);
}

.cm_sec h3 {
  font: 400 28px var(--font-family-mincho);
  color: var(--green);
  margin: 80px 0 20px;
  padding-bottom: 15px;
  border-bottom : 1px solid var(--border-gray);
}

.cm_sec h4 {
  font: 400 23px var(--font-family-mincho);
  color: var(--black);
  margin: 40px 0 20px;
}

.cm_sec p {
  margin-bottom:20px;
}

.cm_sec ul.menuList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.cm_sec ul.menuList li {
  width: calc(100% / 3);
  padding: 0 15px;
}
.cm_sec ul.menuList li a {
  display: flex;
  align-items: center;
  background: var(--white);
  border: 1px solid var(--green);
  padding: 25px;
}
.cm_sec .two_column {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.cm_sec .two_column .half_column {
  width:45%;
}

.cm_sec .two_column .sub_column {
  width:30%;
  text-align: center;
}

.cm_sec .two_column .main_column {
  width:65%;
}
.cm_sec img {
  width:auto;
  max-width: 100%;
}

.cm_sec .cm_dl {
  margin-bottom: 20px;
  display: flex;
}
.cm_sec .cm_dl dt {
  width: 5rem;
}

.soshikizu_list {
  display: flex;
  flex-wrap: wrap;
}

.soshikizu_list li {
  margin-right:15px;
  margin-bottom: 15px;
}

table.cm_layout {
  margin-bottom: 40px;
}
.cm_layout td {
  padding:5px 15px;
}

ul.kaicho {
  display:flex;
  flex-wrap: wrap;
}
ul.kaicho li{
  width:25%;
  text-align: center;
  margin-bottom: 15px;
}
.enkaku_table tr td {
  padding:5px 15px;
}
.enkaku_table tr td:first-child{
  border-right:1px solid var(--black);
  text-align: right;
}

ul.flow {
  display: flex;
  margin-bottom: 30px;
}
ul.flow li{
  display: inline-block;
  padding:10px 30px;
  border:1px solid var(--gray);
  background: var(--white);
  border-radius: 10px;
}
ul.flow li.active{
  background: var(--blue);
  color:#fff;
}
ul.flow li.arrow{
  background:none;
  border:0;
}

table.formTable {
  margin-bottom: 30px;
}
table.formTable th,table.formTable td{
  padding:10px 15px;
}
table.formTable th.hissu::before {
  content:"必須";
  font-size:12px;
  color:var(--white);
  padding:5px 10px;
  background-color: var(--red);
  margin-right:10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 200;
}
table.formTable td input[type=text]{
  border:1px solid var(--gray);
  background:var(--white);
  padding:5px;
  width:100%;
}
.formBtn {
  text-align: center;
}
.formBtn input[type=submit],.formBtn input[type=button] {
  padding:5px 15px;
  border-radius: 5px;
  background:var(--white);
  border:1px solid #ccc;
}
.formBtn input[type=button] {
  background:var(--gray);
}

.white_bg {
	background:var(--white);
	padding:40px;
	border:1px solid var(--green);
	margin:40px 0;
}

.mt0 {
	margin-top:0!important;
}
.cm_center {
	text-align:center;
}

.saigai_table th,.saigai_table td{
	padding:10px;
	border-bottom:5px solid var(--white);
}
table.saigai_table {
	width:100%;
}
.saigai_table th {
	text-align:center;
	background:#e0f1f7;
	vertical-align:middle;
}
.saigai_table td {
	background:#f6f8fb;
}

.icon_info {
	padding-left:50px;
	background:url(https://humo3.sakura.ne.jp/test_toju_wp/wp-content/uploads/2025/02/icon_info.png) no-repeat left center;
	background-size:contain;
}

.icon_book {
	padding-left:50px;
	background:url(https://humo3.sakura.ne.jp/test_toju_wp/wp-content/uploads/2025/02/icon_book.png) no-repeat left center;
	background-size:contain;
}

.icon_folder {
	padding-left:50px;
	background:url(https://humo3.sakura.ne.jp/test_toju_wp/wp-content/uploads/2025/02/icon_folder.png) no-repeat left center;
	background-size:contain;
}

@media screen and (max-width: 767px){
  .about_page {
    padding-top:65px;
  }
  .cm_sec ul.menuList li {
    width: calc(100% / 2);
    padding: 0 5px;
  }
  .cm_sec .two_column {
    display: block;
  }
  .cm_sec .two_column .main_column ,.cm_sec .two_column .sub_column ,.cm_sec .two_column .half_column {
    width:100%;
  }
}

/* 追加 */

.veterinary_page .cm_sec .two_column .main_column h3  {
  color: var(--black);
  border: none;
}

.advertisement .cm_sec .two_column  {
  align-items: center;
}

.lower_page .cm_sec ul.menuList li {
  width: calc(100% / 3);
  padding: 0 15px;
}

/* [ 販売様式 ]
 * -------------------------------------------- */
 .hanbai_yoshiki .cm_sec img{
  max-width: 900px;
  width: 100%;
 }


@media screen and (max-width: 767px){
  .page_title {
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
    padding-inline: 1.25rem;
    margin-bottom: 2.25rem;
  }
  .page_title h1 {
    font-size: 1.625rem;
    margin-bottom:1.25rem;
    line-height: 1.4;
    padding: 0;
  }
  .page_title h1 span {
    font-size: clamp(2.4rem,10.1333333333vw,5rem);
    opacity: 0.5;
    top: -10px;
  }
  
  .veterinary_page .cm_sec .two_column .main_column h3 {
    font: 400 20px/1.4 var(--font-family-mincho);
    padding: 0;
  }
  .advertisement .cm_sec .two_column .sub_column  {
    margin: 0 0 10px;
  }
  .lower_page.night table.cm_table  {
    min-width: 720px;
    overflow: scroll;
  }
}

.pwd {
	width:90%;
	max-width : 900px;
	margin :80px auto;
}
.pwd p {
	margin-bottom:20px;
}
.pwd input[type=password] {
	padding:5px 10px;
	background:#fff;
	border:1px solid #ccc;
}
.pwd input[type=submit] {
	padding:5px 10px;
	display:inline-block;
	margin-left: 10px;
	background:#eee;
	border:1px solid #aaa;
	border-radius:5px;
}