footer #register .register__copy {
  margin-top: 0px;
  padding-top: 30px;
  line-height: 5rem; }

#titlevisual img {
  width: 100%; }
	

@media screen and (max-width: 1180px) {
  footer #register .register__copy {
    margin: 0 25px; } }


.mtop_txt{
	font-size: 21px;
	letter-spacing: 0.4rem;
	line-height: 2;
	font-weight: bold;
	padding-left: 20px;
	color: #3c3616;
}
   @media screen and (max-width: 1050px) {
.mtop_txt{	font-size: 18px;
}
	 }
	 
.mtop_button{
	display: flex;
	justify-content: space-between;
	margin: 100px auto 30px;
}
.mtop_button_inner{
	margin: 70px auto 30px;
	text-align: center;	
}
.mtop_button_inner img{
	width:380px;
	margin-left:auto;
	margin-right:auto;
}

   @media screen and (max-width: 1050px) {
 .mtop_button{
	display: block;
	width: 90%;
	margin-top: 60px;
	margin-bottom:0px;
}
.mtop_button .link{
	width:100%;
}
.mtop_button .link img{
	width:100%;
}
.mtop_button_box{
	margin-bottom:80px;
}
.mtop_button_inner{
	margin: 30px auto 20px;
}
.mtop_button_inner img{
	width:100%;
}

	 }

.content a:link{
	text-decoration: none;
}
.content a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; opacity:0.7; }


.mform_button{
	text-align: center;
	margin-top: 50px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
}

   @media screen and (max-width: 1050px) {
.mform_button{
	margin-top: 20px;
	margin-bottom:0px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	width: 100%;
}
	 }
.request_ttl {
	background: #fff;
	color: #3c3616;
	text-align: center;
	border-radius: 10px;
	margin: 80px 0 50px;
	font-size: 30px;
	font-weight:bold;
	letter-spacing: 0.5rem;
	max-width: 1000px;
	padding: 20px 25px 10px;
	line-height: 2.6rem;
	border: thick solid #EA607C;
}
.request_ttl span{
		font-size:19px;
		letter-spacing: 0.3rem;
		margin-left:30px;
}
.provide_ttl {
	background: #fff;
	color: #3c3616;
	text-align: center;
	border-radius: 10px;
	margin: 80px 0 50px;
	font-size: 30px;
	font-weight:bold;
	letter-spacing: 0.5rem;
	max-width: 1000px;
	padding: 20px 25px 10px;
	line-height: 2.6rem;
	border: thick solid #7DC058;
}
.provide_ttl span{
		font-size:19px;
		letter-spacing: 0.3rem;
		margin-left:30px;
}
   @media screen and (max-width: 1050px) {
.request_ttl { font-size: 24px; }
.request_ttl span{ font-size:16px; }
.provide_ttl { font-size: 24px; }
.provide_ttl span{ font-size:16px; }
	 }
.sp_br { display: none; }
  @media screen and (max-width: 768px) {
.sp_br { display: block; } }

.pc_br { display: block; }
  @media screen and (max-width: 768px) {
.pc_br { display: none; } }


.minner_txt{
	font-size: 16px;
	color: #3c3616;
	margin-left: 20px;
	line-height: 2;
	margin-bottom:20px;
}
  @media screen and (max-width: 768px) {
	.minner_txt{
	font-size: 1.2em;
}	
		}
.minner_txt span{
	color: #EA5441;
}
  main .g {
    margin: 40px 25px; }
  main h1, main h2.g {
	background: #00A460;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin: 0 auto;
	font-size: 2.4rem;
	letter-spacing: 0.5rem;
	max-width: 1000px;
	padding: 1.2rem 25px;
	line-height: 2.6rem;
}
#info_search #results h2.g {
  margin: 50px 0 16px 0;
  font-size: 2rem;
  text-align: left;
  display: flex;
  align-items: center; }
  #info_search #results h2.g:before {
  width: 2rem;
  height: 13px;
  background-image: url(../img/common/yellow_icon.svg);
	}
  main .r {
    margin: 40px 25px; }
  main h1, main h2.r {
	background: #E84659;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin: 0 auto;
	font-size: 2.4rem;
	letter-spacing: 0.5rem;
	max-width: 1000px;
	padding: 1.2rem 25px;
	line-height: 3rem;
}
	#info_search #results h2.r {
  margin: 50px 0 16px 0;
  font-size: 2rem;
  text-align: left;
  display: flex;
  align-items: center; }
  #info_search #results h2.r:before {
  width: 2rem;
  height: 13px;
  background-image: url(../img/common/yellow_icon.svg);
	}
.provide_serch{
	font-size: 20px;
	font-weight: bold;
	color: #3f3514;
	letter-spacing: 0.1em;
	margin-top: 50px;
	margin-bottom: 80px;
	display: flex;
} 
.provide_serch .matching_serch{
	width: 200px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-right: 30px;
}

@media screen and (max-width: 1050px) {
.provide_serch{
	font-size: 18px;
	margin-top: 50px;
	margin-bottom: 30px;
	display: block;
}
.provide_serch .matching_serch{
	width: 180px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-right: 30px;
	margin-bottom:20px;
}
	 }
	 
.provide_serch .sq{
	border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #3f3514;
	margin-left:10px;
	margin-right:10px;
}
.provide_serch .place{
	background-color: #FFF0A1;
	height: 40px;
	width: 160px;
	display:flex;
	align-items:center;
}
.provide_serch .supplies{
	background-color: #C7E7F2;
	height: 40px;
	width: 160px;
	display:flex;
	align-items:center;
}
.provide_serch .volunteer{
	background-color: #FADBDC;
	height: 40px;
	width: 180px;
	display:flex;
	align-items:center;
}
.provide_serch .other{
	background-color: #D6E9C3;
	height: 40px;
	width: 160px;
	display:flex;
	align-items:center;
}
.provide_serch .place_2{
	background-color: #FFF0A1;
	height: 40px;
	width: 170px;
	display:flex;
	align-items:center;
}
.provide_serch .supplies_2{
	background-color: #C7E7F2;
	height: 40px;
	width: 170px;
	display:flex;
	align-items:center;
}
.provide_serch .volunteer_2{
	background-color: #FADBDC;
	height: 40px;
	width: 215px;
	display:flex;
	align-items:center;
}
.provide_serch .other_2{
	background-color: #D6E9C3;
	height: 40px;
	width: 105px;
	display:flex;
	align-items:center;
}
.provide_serch .category{
	width: 770px;
	display:flex;
	justify-content:space-between;
}
   @media screen and (max-width: 1050px) {
		 
.provide_serch .place{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .supplies{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .volunteer{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .other{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .place_2{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .supplies_2{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .volunteer_2{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .other_2{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.provide_serch .category{
	width: 100%;
	display:block;
	justify-content:space-between;
}
	 }


#info_search #results .result_list_g {
  margin: 0 0 20px 0; }
  #info_search #results .result_list_g a {
    margin: 0 0 20px 0;
    padding: 7px 0 20px 16px;
    font-size: 1.2rem;
    color: #3f3514;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-bottom: solid 1px #d3cebd;
    position: relative;
    transition: ease 0.2s opacity; }
    #info_search #results .result_list_g a:hover {
      opacity: 0.5; }
    #info_search #results .result_list_g a:before {
      content: '';
      width: 5px;
      height: 85%;
      border-left: solid 5px #00A460;
      position: absolute;
      top: 0;
      left: 0; }
    #info_search #results .result_list_g a ul {
      display: flex;
      align-items: center; }
    #info_search #results .result_list_g a li {
      margin: 0 1em 16px 0;
      list-style: none; }
      #info_search #results .result_list_g a li.date_g {
        font-size: 1.6rem;
        color: #00A460; }
      #info_search #results .result_list_g a li.type {
        padding: 5px; }
        #info_search #results .result_list_g a li.type.area {
          background: #fff4a3; }
        #info_search #results .result_list_g a li.type.supply {
          background: #dbeef9; }
        #info_search #results .result_list_g a li.type.buddy {
          background: #fbe9e8; }
    #info_search #results .result_list_g a h3 {
      font-size: 2rem; }
 #info_search #results .result_list_g a li.city {
        font-size: 1.6rem;
        color: #3f3514;
				letter-spacing: 0.1em; }
 #info_search #results .result_list_g a li.category_place {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #FFF0A1;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_g a li.category_supplies {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #C7E7F2;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_g a li.category_volunteer {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #FADBDC;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_g a li.category_other {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #D6E9C3;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
				 
#info_search #results .result_list_r {
  margin: 0 0 20px 0; }
  #info_search #results .result_list_r a {
    margin: 0 0 20px 0;
    padding: 7px 0 20px 16px;
    font-size: 1.2rem;
    color: #3f3514;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-bottom: solid 1px #d3cebd;
    position: relative;
    transition: ease 0.2s opacity; }
    #info_search #results .result_list_r a:hover {
      opacity: 0.5; }
    #info_search #results .result_list_r a:before {
      content: '';
      width: 5px;
      height: 85%;
      border-left: solid 5px #E84659;
      position: absolute;
      top: 0;
      left: 0; }
    #info_search #results .result_list_r a ul {
      display: flex;
      align-items: center; }
    #info_search #results .result_list_r a li {
      margin: 0 1em 16px 0;
      list-style: none; }
      #info_search #results .result_list_r a li.date_r {
        font-size: 1.6rem;
        color: #E84659; }
      #info_search #results .result_list_r a li.type {
        padding: 5px; }
        #info_search #results .result_list_r a li.type.area {
          background: #fff4a3; }
        #info_search #results .result_list_r a li.type.supply {
          background: #dbeef9; }
        #info_search #results .result_list_r a li.type.buddy {
          background: #fbe9e8; }
    #info_search #results .result_list_r a h3 {
      font-size: 2rem; }
 #info_search #results .result_list_r a li.city {
        font-size: 1.6rem;
        color: #3f3514;
				letter-spacing: 0.1em; }
 #info_search #results .result_list_r a li.category_place {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #FFF0A1;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_r a li.category_supplies {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #C7E7F2;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_r a li.category_volunteer {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #FADBDC;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }
 #info_search #results .result_list_r a li.category_other {
        font-size: 1.5rem;
        color: #3f3514;
				background-color: #D6E9C3;
				padding:5px 8px 3px;
				margin-top:-3px;
				letter-spacing: 0.1em;
				 }

.matching_form {
	border: thick solid #F7B86C;
	border-radius: 10px;
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: #FFF;
	color: #3f3514;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
	margin-bottom:100px;
} 
.matching_form .f20{
	font-size: 20px;
	font-weight: bold;
	line-height: 2.2;	
} 
.matching_form_flex{
	width:790px;
	display:flex;
	justify-content:space-between;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.pagination {
	font-size: 2.3rem;
	line-height: 3rem;
	margin: 50px auto 80px;
	text-align: center;
}
.pagination ul {
  list-style: none; }
.pagination ul li {
  border: 1px #412d1a solid;
  display: inline-block;
  width: 30px; }
.pagination ul li.arrow {
  width: 60px; }
.pagination ul li.current {
  background: #412d1a;
  color: #fff; }
.pagination ul li a {
  color: #412d1a;
  text-decoration: none; }

	
   @media screen and (max-width: 1050px) {
.matching_form {
	padding: 20px;
	line-height: 1.3;
	margin-bottom:100px;
} 
.matching_form .f20{
	line-height: 1.6;
	margin-bottom:20px;
} 
.matching_form_flex{
	width:100%;
	display:block;
}
.give_f {
	margin-bottom:20px;
}
.give_f img{
	width:100%;
}
.demand_f img{
	width:100%;
}
	 }













#matching h1 {
  margin: 40px 0; }
#matching .content > p {
  margin: 0 0 35px 0;
  font-size: 1.4rem;
  line-height: 30px; }
  #matching .content > p > a[href^="mailto:"] {
    padding: 5px 10px;
    font-size: 2rem;
    color: #3f3514;
    font-weight: bold;
    text-decoration: none;
    background: #fffbc7;
    border-radius: 9px;
    transition: ease 0.2s opacity; }
    #matching .content > p > a[href^="mailto:"]:hover {
      opacity: 0.5; }
#matching .content h2 {
  margin: 10px 0 50px 0;
  text-align: left;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1050px) {
    #matching .content h2 {
      align-items: flex-start;
      flex-wrap: wrap; } }
  @media screen and (max-width: 1050px) {
    #matching .content h2 span {
      width: 87%; } }
  #matching .content h2 div {
    margin: 0 0 0 25px;
    display: flex; }
    @media screen and (max-width: 1050px) {
      #matching .content h2 div {
        width: 100%;
        margin: 16px 0 0 0; } }
  #matching .content h2 .type, #matching .content h2 .city {
    padding: 5px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold; }
  #matching .content h2 .type.area {
    background: #fffdc9; }
  #matching .content h2 .type.supply {
    background: #dbeef9; }
  #matching .content h2 .type.buddy {
    background: #fbe9e8; }
  #matching .content h2 .city {
    margin: 0 0 0 25px;
    border: 1px solid #3c3616; }
#matching .content .date {
  color: #ea5541;
  font-size: 1.6rem;
  font-weight: bold; }
#matching .content .detail {
  margin: 0 0 60px 0;
  overflow: hidden; }
  #matching .content .detail .description {
    width: 45%;
    padding: 0 0 0 50px; }
    @media screen and (max-width: 1050px) {
      #matching .content .detail .description {
        width: 100%;
        padding: 25px 0 0 0; } }
#matching .content .tolist {
  margin: 0 0 30px 0;
  font-size: 1.6rem;
  display: table;
  text-align: center;
  white-space: nowrap; }
  #matching .content .tolist:before {
    content: '';
    display: table-cell;
    width: 100%;
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
    background-clip: padding-box;
    border-right: 1em solid transparent; }
  #matching .content .tolist a {
    color: #3f3514;
    text-decoration: none;
    display: flex;
    align-items: center; }
    #matching .content .tolist a span {
      font-size: 0.9rem;
      color: #ea5541; }

#info_search h1 {
  margin: 40px 0; }
#info_search .content > p {
  margin: 0 0 35px 0;
  font-size: 1.4rem;
  line-height: 30px; }
  #info_search .content > p > a[href^="mailto:"] {
    padding: 5px 10px;
    font-size: 2rem;
    color: #3f3514;
    font-weight: bold;
    text-decoration: none;
    background: #fffbc7;
    border-radius: 9px;
    transition: ease 0.2s opacity; }
    #info_search .content > p > a[href^="mailto:"]:hover {
      opacity: 0.5; }
#info_search .tab_wrap {
  margin: 0 0 80px 0; }
  #info_search .tab_wrap input[type="radio"] {
    display: none; }
  #info_search .tab_wrap .tab_area {
    padding-top: 265px;
    margin-top: -265px;
    font-size: 0;
    display: flex;
    justify-content: space-between; }
    #info_search .tab_wrap .tab_area label {
      width: calc(100% / 3);
      height: 50px;
      padding: 5px 0 0 0;
      font-size: 2rem;
      font-weight: bold;
      cursor: pointer;
      border-radius: 10px 10px 0 0;
      background: #e6e6e6;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: ease 0.2s opacity; }
      @media screen and (max-width: 1050px) {
        #info_search .tab_wrap .tab_area label {
          font-size: 1.5rem; } }
    #info_search .tab_wrap .tab_area .tab1_label:hover {
      background: #fff4a3; }
    #info_search .tab_wrap .tab_area .tab2_label:hover {
      background: #dbeef9; }
    #info_search .tab_wrap .tab_area .tab3_label:hover {
      background: #fbe9e8; }
  #info_search .tab_wrap .panel_area #panel1,
  #info_search .tab_wrap .panel_area #panel2,
  #info_search .tab_wrap .panel_area #panel3 {
    background: #ffffff;
    border-radius: 0 0 10px 10px; }
  #info_search .tab_wrap .panel_area #panel1 {
    border: solid 6px #fff4a3; }
  #info_search .tab_wrap .panel_area #panel2 {
    border: solid 6px #dbeef9; }
  #info_search .tab_wrap .panel_area #panel3 {
    border: solid 6px #fbe9e8; }
  #info_search .tab_wrap .panel_area .tab_panel {
    width: 100%;
    padding: 48px 45px;
    display: none; }
    @media screen and (max-width: 1050px) {
      #info_search .tab_wrap .panel_area .tab_panel {
        padding: 20px 10px; } }
    #info_search .tab_wrap .panel_area .tab_panel h3 {
      margin: 0 0 30px 0;
      font-size: 1.8rem;
      display: table;
      text-align: center;
      white-space: nowrap; }
      @media screen and (max-width: 1050px) {
        #info_search .tab_wrap .panel_area .tab_panel h3 {
          font-size: 1.5rem;
          text-align: justify;
          white-space: normal; } }
      #info_search .tab_wrap .panel_area .tab_panel h3:after {
        content: '';
        display: table-cell;
        width: 100%;
        background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
        background-clip: padding-box;
        border-left: 1em solid transparent; }
        @media screen and (max-width: 1050px) {
          #info_search .tab_wrap .panel_area .tab_panel h3:after {
            display: none; } }
    #info_search .tab_wrap .panel_area .tab_panel dl {
      margin: 0 0 50px 0; }
    #info_search .tab_wrap .panel_area .tab_panel dt {
      margin: 0 0 8px 0;
      font-size: 1.8rem;
      font-weight: bold; }
      @media screen and (max-width: 1050px) {
        #info_search .tab_wrap .panel_area .tab_panel dt {
          font-size: 1.5rem; } }
    #info_search .tab_wrap .panel_area .tab_panel dd {
      margin: 0 0 5px 0;
      font-size: 1.5rem;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      #info_search .tab_wrap .panel_area .tab_panel dd > h4 {
        width: 100%;
        font-size: 1.8rem; }
      #info_search .tab_wrap .panel_area .tab_panel dd > div {
        width: calc(100% / 8);
        margin: 0 0 15px 0; }
        @media screen and (max-width: 1050px) {
          #info_search .tab_wrap .panel_area .tab_panel dd > div {
            width: calc(100% / 3);
            margin: 0 0 15px 0; } }
      #info_search .tab_wrap .panel_area .tab_panel dd.nocol > div {
        width: auto;
        margin: 0 2em 15px 0; }
      #info_search .tab_wrap .panel_area .tab_panel dd.col4 > div {
        width: calc(100% / 4);
        margin: 0 0 15px 0;
        white-space: normal;
        white-space: pre-line;
        white-space: pre-wrap;
      }
        @media screen and (max-width: 1050px) {
          #info_search .tab_wrap .panel_area .tab_panel dd.col4 > div {
            width: 100%; } }
    #info_search .tab_wrap .panel_area .tab_panel input[type="button"] {
      width: 120px;
      height: 40px;
      margin: 0 auto;
      font-size: 1.5rem;
      color: #ffffff;
      background: #412D1A;
      display: block;
      cursor: pointer;
      transition: ease 0.2s opacity; }
      #info_search .tab_wrap .panel_area .tab_panel input[type="button"]:hover {
        opacity: 0.5; }
      #info_search .tab_wrap .panel_area .tab_panel input[type="button"]:focus {
        outline: 0; }
  #info_search .tab_wrap #tab1:checked ~ .tab_area .tab1_label {
    background: #fff4a3; }
  #info_search .tab_wrap #tab1:checked ~ .panel_area #panel1 {
    display: block; }
  #info_search .tab_wrap #tab2:checked ~ .tab_area .tab2_label {
    background: #dbeef9; }
  #info_search .tab_wrap #tab2:checked ~ .panel_area #panel2 {
    display: block; }
  #info_search .tab_wrap #tab3:checked ~ .tab_area .tab3_label {
    background: #fbe9e8; }
  #info_search .tab_wrap #tab3:checked ~ .panel_area #panel3 {
    display: block; }
#info_search #results h2.h1 {
  margin: 0 0 16px 0;
  font-size: 2rem;
  text-align: left;
  display: flex;
  align-items: center; }
  #info_search #results h2.h1:before {
    width: 2rem;
    height: 13px;
    background-image: url(../img/common/yellow_icon.svg); }
#info_search #results .terms {
  max-width: 950px;
  margin: 0 auto 50px;
  padding: 18px 30px;
  font-size: 1.6rem;
  display: flex;
  background: #efefef; }
  @media screen and (max-width: 1050px) {
    #info_search #results .terms {
      padding: 10px 10px;
      font-size: 1.3rem;
      flex-wrap: wrap; } }
  #info_search #results .terms ul {
    list-style: none;
    display: flex;
    overflow: hidden; }
    @media screen and (max-width: 1050px) {
      #info_search #results .terms ul {
        margin: 0 0 16px 0;
        justify-content: center; } }
  #info_search #results .terms li {
    margin: 0 1em 0 0; }
    @media screen and (max-width: 1050px) {
      #info_search #results .terms li {
        margin: 0 1em 0 0; } }
    #info_search #results .terms li:after {
      content: '';
      width: 1px;
      margin: 0 0 0 1em;
      border-right: solid 1px #3f3514; }
    #info_search #results .terms li:last-child {
      margin: 0; }
      #info_search #results .terms li:last-child:after {
        border: none; }
  #info_search #results .terms p {
    margin-left: auto; }
    @media screen and (max-width: 1050px) {
      #info_search #results .terms p {
        margin: auto; } }
#info_search #results .result_list {
  margin: 0 0 70px 0; }
  #info_search #results .result_list a {
    margin: 0 0 20px 0;
    padding: 7px 0 20px 16px;
    font-size: 1.2rem;
    color: #3f3514;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-bottom: solid 1px #d3cebd;
    position: relative;
    transition: ease 0.2s opacity; }
    #info_search #results .result_list a:hover {
      opacity: 0.5; }
    #info_search #results .result_list a:before {
      content: '';
      width: 5px;
      height: 85%;
      border-left: solid 5px #ea5541;
      position: absolute;
      top: 0;
      left: 0; }
    #info_search #results .result_list a ul {
      display: flex;
      align-items: center; }
    #info_search #results .result_list a li {
      margin: 0 1em 16px 0;
      list-style: none; }
      #info_search #results .result_list a li.date {
        font-size: 1.6rem;
        color: #ea5541; }
      #info_search #results .result_list a li.type {
        padding: 5px; }
        #info_search #results .result_list a li.type.area {
          background: #fff4a3; }
        #info_search #results .result_list a li.type.supply {
          background: #dbeef9; }
        #info_search #results .result_list a li.type.buddy {
          background: #fbe9e8; }
    #info_search #results .result_list a h3 {
      font-size: 2rem; }
#info_search #results .pagination {
  font-size: 2.2rem;
  color: #412d1a;
  overflow: hidden;
  display: flex;
  justify-content: center;
  list-style: none; }
  #info_search #results .pagination a {
    color: #412d1a;
    text-decoration: none;
    border: solid 1px #412d1a;
    transition: ease 0.2s opacity; }
    #info_search #results .pagination a:hover {
      color: #ffffff;
      background: #412d1a; }
  #info_search #results .pagination a, #info_search #results .pagination span {
    margin: 0 5px 0 0;
    padding: 0.3em 0.5em;
    display: block; }
    #info_search #results .pagination a.next, #info_search #results .pagination span.next {
      margin: 0; }
  #info_search #results .pagination .current span{
    color: #ffffff;
    background: #412d1a;
    border: solid 1px #412d1a; }
    #info_search #results .pagination .current.prev, #info_search #results .pagination .current.next {
      color: #a1978d;
      border: solid 1px #a1978d;
      background: none; }
  #info_search #results .pagination .disabled{
     display:none;
  }

hr.head {
  border-top: 6px solid #F14A3f;  
}

div#results{
  clear: both;
}

div.alcenter {
  width: 100%;
  text-align: center;
}
div.alcenter img {
  width: 380px;
  margin: 4px auto;
}

img.btnreq {
  padding-top: 20px;
}

h5 {
  padding: 20px;
  font-size: 3rem;
  width: 50%;
  float: left;
}

/* kiso manually inserted */      
#info_search h4 {
  border-radius: 10px;
  border: 3px solid #ea5541;
  background: white;
  padding: 15px 5px 5px;
  width: 300px;
  height: 50px;
  font-size: 2rem;
  text-align: center;
  margin: 10px auto 20px;  
}
#info_search h4 a{
  text-decoration: none;
  color: black;
}

article .information {
  max-width: 965px;
  background: #fffdc9;
  text-align: center;
  font-weight: bold;
  clear: both;
  margin-top: 50px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0; }
  @media screen and (max-width: 1050px) {
    article .information {
      padding: 20px 10px; } }
  article .information p {
    text-align: center;
    font-size: 2.4rem;
    color: #3c3616;
    font-weight: bold;
    padding: 10px 0;
    letter-spacing: 0.5rem; }
    article .information p a {
      color: #3c3616;
      text-decoration: none; }
  article .information button {
    margin: 20px 0;
    background: #ea5541;
    width: 360px;
    height: 70px;
    border-radius: 10px;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    filter: drop-shadow(2px 2px 2px #a44536); }
    @media screen and (max-width: 1050px) {
      article .information button {
        width: 90%; } }
  article .information hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0; }

#info_form h1 {
  margin: 40px 0;
  font-size: 2rem;
  text-align: left;
  display: flex;
  align-items: center; }
  #info_form h1:before {
    content: '';
    float: left;
    width: 2rem;
    height: 13px;
    display: inline-block;
    background-image: url(../img/common/yellow_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    vertical-align: middle; }
#info_form .content form > div {
  margin: 0 0 20px 0;
  padding: 10px 20px;
  border: solid 1px #d3b79a;
  background: #ffffff;
  overflow: hidden; }
  @media screen and (max-width: 1050px) {
    #info_form .content form > div {
      padding: 10px 10px; } }
  #info_form .content form > div.upload {
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    background: none; }
    #info_form .content form > div.upload > div {
      width: 80%;
      padding: 5px 20px;
      display: flex;
      align-items: center;
      border: solid 1px #d3b79a;
      background: #ffffff;
      overflow: hidden; }
      @media screen and (max-width: 1050px) {
        #info_form .content form > div.upload > div {
          width: 60%;
          padding: 5px 10px; } }
      #info_form .content form > div.upload > div input[type="text"] {
        margin: 0 20px 0 0; }
      @media screen and (max-width: 1050px) {
        #info_form .content form > div.upload > div input[type="button"] {
          width: 80px; } }
    #info_form .content form > div.upload input[type="button"] {
      height: 30px; }
  #info_form .content form > div span {
    margin: 0 1em 0 0;
    white-space: nowrap; }
    @media screen and (max-width: 1050px) {
      #info_form .content form > div span {
        margin: 0 0.5em 0 0; } }
    #info_form .content form > div span:last-of-type {
      margin: 0; }
    #info_form .content form > div span label {
      font-size: 1.6rem; }
  #info_form .content form > div input[type="text"], #info_form .content form > div textarea {
    width: 100%;
    font-size: 1.6rem;
    border: none; }
    #info_form .content form > div input[type="text"]:focus, #info_form .content form > div textarea:focus {
      background: #efefef;
      outline: 0; }
  #info_form .content form > div input[type="checkbox"] {
    vertical-align: baseline; }
  #info_form .content form > div ::-webkit-input-placeholder {
    color: #000000; }
  #info_form .content form > div ::placeholder {
    color: #000000; }
  #info_form .content form > div input[type="button"], #info_form .content form > div input[type="submit"], #info_form .content form > div input[type="reset"] {
    width: 120px;
    height: 40px;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #ffffff;
    background: #412D1A;
    display: block;
    cursor: pointer;
    transition: ease 0.2s opacity; }
    #info_form .content form > div input[type="button"]:hover, #info_form .content form > div input[type="submit"]:hover, #info_form .content form > div input[type="reset"]:hover {
      opacity: 0.5; }
    #info_form .content form > div input[type="button"]:focus, #info_form .content form > div input[type="submit"]:focus, #info_form .content form > div input[type="reset"]:focus {
      outline: 0; }
  #info_form .content form > div:last-of-type {
    margin: 65px 0 0 0;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none; }
    #info_form .content form > div:last-of-type input[type="submit"], #info_form .content form > div:last-of-type input[type="reset"] {
      margin: 0; }
    #info_form .content form > div:last-of-type input[type="reset"] {
      margin: 0 0 0 20px; }

/*# sourceMappingURL=matching.css.map */