@charset "UTF-8";

/* ******************************************** */
/* directory:about */
/* 東京都獣医師会について */
/* ******************************************** */
.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:100px;
}
.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-size:2.5rem;
  padding:25px;
  position: relative;
  margin-bottom: 2.25rem;
}
.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 {
  padding: .75rem 1.25rem;
  background: linear-gradient(#72c9c2,#10baab);
  box-shadow: 0 3px 6px #00000029;
  color: var(--white);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: var(--font-family-mincho);
  border: none;
  margin: 60px 0 20px;
}

.cm_sec h4 {
  font: 400 23px var(--font-family-mincho);
  color: var(--green);
  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%;
}

table.cm_table {
  margin:40px auto;
  width:100%;
  min-width:700px;
  border-top:1px solid var(--white);
  border-right:1px solid var(--white);
}
table.cm_table th,table.cm_table td{
  border-left:1px solid var(--white);
  border-bottom:1px solid var(--white);
  padding:15px;
}
table.cm_table th{
  background-color: rgba(65, 165, 208, 0.5);
}
table.cm_table tr{
  background-color: rgba(246, 248, 251, 0.4) ;
}
table.cm_table tr:nth-child(odd){
  background-color: rgba(65, 165, 208, 0.10);
}
table.cm_table .sub_head:nth-child(odd){
  background-color: rgba(65, 165, 208, 0.20);
}
.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:30px auto;
	width:1000px;
	max-width:100%;
}
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:30px auto;
	max-width:1000px;
}
table.formTable th,table.formTable td{
  padding:10px 15px;
}
table.formTable th p,table.formTable td p{
	display:inline-block;
	margin-bottom:0;
}
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],table.formTable td input[type=email],table.formTable td select{
  border:1px solid var(--gray);
  background:var(--white);
  padding:5px;
}
table.formTable td select{
	width:auto;
}
.formBtn {
  text-align: center;
}
.formBtn input[type=submit]{
  padding:5px 15px;
  border-radius: 5px;
  background:var(--white);
  border:1px solid #ccc;
}
.formBtn input[type=button] {
  background:var(--gray);
}
@media screen and (max-width: 767px){
  .cm_sec h4 {
  font-size: 1.25rem;
  }
table.formTable {
	width:100%;
  margin:30px 0;
}
	table.formTable th,table.formTable td{
	  display:block;
	}
  .cm_sec ol.page_link {
font-size:17px
}
.cm_sec ol.page_link li {
margin-bottom:12px;
}
.cm_sec ul.menuList li a {
  padding: 15px 20px;
}
.page_title{
  margin-bottom: 2.5rem;
  padding-top: 3.125rem;
  padding-bottom: 2.5rem;
}
.page_title h1 {
  font-size: 1.625rem;
  line-height: 1.4;
  margin-bottom:1.25rem;
  padding: 0;
}
.page_title h1 span {
    font-size: clamp(2.4rem,10.1333333333vw,5rem);
    opacity: 0.5;
    top: -10px;
  }
}

.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 {
	display:flex;
}
.icon_info:before {
	content:"";
	background:url(../img/common/ic_information.svg) no-repeat left 5px;
	background-size:contain;
	width:26px;
	margin-right:10px;
	padding-bottom:40px;
	display:block;
}
.icon_book {
	display:flex;
}
.icon_book:before {
	content:"";
	background:url(../img/common/ic_book.svg) no-repeat left 5px;
	background-size:contain;
	width:26px;
	margin-right:10px;
	padding-bottom:40px;
	display:block;
}
.icon_folder {
	display:flex;
}
.icon_folder:before {
	content:"";
	background:url(../img/common/icon_folder.svg) no-repeat left 5px;
	background-size:contain;
	width:26px;
	margin-right:10px;
	padding-bottom:40px;
	display:block;
}

@media screen and (max-width: 767px){
  .white_bg {
	padding:20px;
  }
}


/* 情報公開閲覧資料 */
/* ******************************************** */
#public h3{
  margin-top: 30px;
}
#public .l-container{
  margin-bottom: 70px;
}

@media screen and (max-width: 767px){
	.about_page {
    padding-top:65px;
  }
  .cm_sec ul.menuList li {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .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%;
    margin-top: 20px;
  }
  .cm_sec h3  {
    font-size: 1.25rem;
  }
  #public h3{
    margin-top: 15px;
  }
  #public .l-container{
    margin-bottom: 30px;
  }
}
.wpcf7-previous {
padding: 5px 15px;
    border-radius: 5px;
    background: #efefef;
    border: 1px solid #ccc;
	display:inline-block;
	margin-right:15px;
}
span.wpcf7-list-item {
    display: block;
}
input[type=checkbox] {
  transform: scale(1.5);
	border:0.75px solid #ccc;
	display:inline-block;
	margin-top:10px;
}
span.wpcf7-list-item label {
	display:flex;
	align-items:flex-start;
	margin-bottom:15px;
	max-width:100%;
}
span.wpcf7-list-item label span{
	margin-left:10px;
	white-space:wrap;
}
table.formTable td.checkbox_confirm p {
	display:block;
	margin-bottom:10px;
}
.wpcf7-form-control-wrap {
	max-width:100%;
	overflow:auto;
}
@media screen and (max-width: 767px){

table.formTable td,table.formTable th {
	/*width:93vw;*/
	padding:10px 0;
}
}
.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;
}