@charset "UTF-8";

@media screen and (min-width:1200px) {

}
@media screen and (min-width: 991px) and (max-width: 1200px) {

}
@media screen and (min-width: 576px) and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 576px) {

}

.img_name {
	text-align:center;
}
/*---------------------------------------------
　民児協だより・資料ダウンロード
  ---------------------------------------------*/

.moreContent {
  display: none; /* 初期状態では非表示 */
}

.button_dayori {
  cursor: pointer;
  width:300px;
  margin:20px auto;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;}


.btn_data_base a {
}

.btn_data01 { width: 100%; height:150px; border-radius:20px; background:#7392de; color:#fff; text-align:center;}
.btn_data01 a { display: block; width: 100%; height: 100%;}



.data_c01{
	background:#7392de;
	line-height:1.6em;
	border-radius:20px;
	text-align:center;
	width:100%;
	height:180px;
	font-weight:bold;
	color:#fff;
	font-size:150%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none!important;
	letter-spacing:0.2em;
	text-indent:0.2em;}

.data_c01:hover {
	opacity: 0.7;
	color:#fff!important;}

.data_c02{
	background:#8dca00;
line-height:1.6em;
border-radius:20px;
text-align:center;
width:100%;
height:180px;
	font-weight:bold;
	color:#fff;
	font-size:150%;
  display: flex;
  justify-content: center;
  align-items: center;
text-decoration: none!important;
letter-spacing:0.2em;
text-indent:0.2em;
}
.data_c02:hover {
  opacity: 0.7;
color:#fff!important;
}
.data_c03{
	background:#ff696b;
line-height:1.6em;
border-radius:20px;
text-align:center;
width:100%;
height:180px;
	font-weight:bold;
	color:#fff;
	font-size:150%;
  display: flex;
  justify-content: center;
  align-items: center;
text-decoration: none!important;
letter-spacing:0.2em;
text-indent:0.2em;
}
.data_c03:hover {
  opacity: 0.7;
color:#fff!important;
}
.data_c04{
	background:#ffb800;
line-height:1.6em;
border-radius:20px;
text-align:center;
width:100%;
height:180px;
	font-weight:bold;
	color:#fff;
	font-size:150%;
  display: flex;
  justify-content: center;
  align-items: center;
text-decoration: none!important;
letter-spacing:0.2em;
text-indent:0.2em;
}
.data_c04:hover {
  opacity: 0.7;
color:#fff!important;
}
.data_t01{
	background:#7392de;
	font-weight:bold;
	padding:15px 20px;
	color:#fff;
	font-size:150%;
letter-spacing:0.3em;
}
.data_t02{
	background:#8dca00;
	font-weight:bold;
	padding:15px 20px;
	color:#fff;
	font-size:150%;
letter-spacing:0.3em;
}
.data_t03{
	background:#ff696b;
	font-weight:bold;
	padding:15px 20px;
	color:#fff;
	font-size:150%;
letter-spacing:0.3em;
}
.data_t04{
	background:#ffb800;
	font-weight:bold;
	padding:15px 20px;
	color:#fff;
	font-size:150%;
	letter-spacing:0.3em;
}


.clr_a {color:#7392DE;}
.clr_b {color:#8DCA00;}
.clr_c {color:#FF696B;}
.clr_d {color:#FFB800;}

.data_list_table {border:1px solid #ccc; margin-bottom:20px; width:100%;}
.data_list_table th { background:#f7f5f4; padding:10px; text-align:center; width:25%; border:1px solid #ccc;}
.data_list_table td { border:1px solid #ccc;}
.data_list_img img{ border:1px solid #ccc; margin-bottom:20px;}

.data_list_table_wide { width: 100%; border-collapse: collapse;}
.data_list_table_wide th { background: #f7f5f4; padding: 10px; text-align: center; width: 100%; border: 1px solid #ccc;}
.data_list_table_wide td { border: 1px solid #ccc; padding: 10px;}


@media (min-width: 761px) { 
	.data_list_bg { background:#fff; padding:40px; border-radius:20px; margin-bottom:30px;}
	.data_list_title {font-size:150%; margin-bottom:30px; line-height:160%;}
	.data_list_table_wide_dl {width:25%;}
	}
@media (max-width: 760px) { 
	.data_list_bg { background:#fff; padding:40px 20px 20px 20px; border-radius:20px; margin-bottom:30px;}
	.data_list_title {font-size:120%; margin-bottom:15px; line-height:160%;}
	
	.data_list_table_wide tbody, 
	.data_list_table_wide tr, 
	.data_list_table_wide th, 
	.data_list_table_wide td { display: block; width: 100%; margin-top:-1px;}
	.data_list_table_wide td { text-align: center; padding: 5px 0;}
	}


/*---------------------------------------------
　固定ページ
  ---------------------------------------------*/

.sng-katsudou-datebox{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 0;
	position:relative;
}
.sng-katsudou-date{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	font-size:80%;
}

.sng-katsudou-DL  { background:#fff; max-width:600px; padding:30px 20px 20px; margin:40px auto 50px; text-align:center; box-shadow: 0px 0px 8px #ccc;}
.sng-katsudou-img { width: 100%; height:300px; object-fit: cover; border-radius: 25px; overflow: hidden; margin:5px 0 5px 0;}


@media (min-width: 761px) { 
	.sng-katsudou_h2 { font-size: 240%; margin-bottom:30px;}
	}
@media (max-width: 760px) { 
	.sng-katsudou_h2 { font-size: 160%; margin-bottom:20px;}
	}

.sng-katsudou_h2  { font-weight: bold; line-height:165%; letter-spacing:0.05em;}


/*　あなたのまちの民児協 --------------*/

.btn-toyo {
  color: #252525;
  background-color: #d9f6f8;
  border-color: #d9f6f8;
}

.btn-toyo:hover {
  color: #252525;
  background-color: #c9f2f5;
  border-color: #bff0f3;
}

.btn-toyo:focus, .btn-toyo.focus {
  color: #252525;
  background-color: #c9f2f5;
  border-color: #bff0f3;
  box-shadow: 0 0 0 0.2rem rgba(236, 250, 251, 0.5);
}

.btn-toyo.disabled, .btn-toyo:disabled {
  color: #252525;
  background-color: #d9f6f8;
  border-color: #d9f6f8;
}

.btn-toyo:not(:disabled):not(.disabled):active, .btn-toyo:not(:disabled):not(.disabled).active,
.show > .btn-toyo.dropdown-toggle {
  color: #252525;
  background-color: #bff0f3;
  border-color: #b2edf0;
}

.btn-toyo:not(:disabled):not(.disabled):active:focus, .btn-toyo:not(:disabled):not(.disabled).active:focus,
.show > .btn-toyo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(236, 250, 251, 0.5);
}

.btn-chuyo {
  color: #252525;
  background-color: #e8f6b2;
  border-color: #e8f6b2;
}

.btn-chuyo:hover {
  color: #252525;
  background-color: #dff294;
  border-color: #d7ef7a;
}

.btn-chuyo:focus, .btn-chuyo.focus {
  color: #252525;
  background-color: #dff294;
  border-color: #d7ef7a;
  box-shadow: 0 0 0 0.2rem rgba(241, 249, 209, 0.5);
}

.btn-chuyo.disabled, .btn-chuyo:disabled {
  color: #252525;
  background-color: #e8f6b2;
  border-color: #e8f6b2;
}

.btn-chuyo:not(:disabled):not(.disabled):active, .btn-chuyo:not(:disabled):not(.disabled).active,
.show > .btn-chuyo.dropdown-toggle {
  color: #252525;
  background-color: #d7ef7a;
  border-color: #cfec61;
}

.btn-chuyo:not(:disabled):not(.disabled):active:focus, .btn-chuyo:not(:disabled):not(.disabled).active:focus,
.show > .btn-chuyo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(241, 249, 209, 0.5);
}

.btn-nanyo {
  color: #252525;
  background-color: #ffe7b3 ;
  border-color: #ffe7b3;
}

.btn-nanyo:hover {
  color: #252525;
  background-color: #ffdf9b;
  border-color: #ffd781;
}

.btn-nanyo:focus, .btn-nanyo.focus {
  color: #252525;
  background-color: #ffdf9b;
  border-color: #ffd781;
  box-shadow: 0 0 0 0.2rem rgba(254, 239, 205, 0.5);
}

.btn-nanyo.disabled, .btn-nanyo:disabled {
  color: #252525;
  background-color: #ffe7b3;
  border-color: #ffe7b3;
}

.btn-nanyo:not(:disabled):not(.disabled):active, .btn-nanyo:not(:disabled):not(.disabled).active,
.show > .btn-nanyo.dropdown-toggle {
  color: #252525;
  background-color: #ffd781;
  border-color: #ffcf68;
}

.btn-nanyo:not(:disabled):not(.disabled):active:focus, .btn-nanyo:not(:disabled):not(.disabled).active:focus,
.show > .btn-nanyo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 239, 205, 0.5);
}

.machi_btn_more				  { position: relative; padding-right:15px; padding-left:15px; text-align:left; letter-spacing:0.05em;}
.machi_btn_arrow::after       { content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 13px; content: '\f061'; display: inline-block; font-family: FontAwesome; transition: all .3s;}
.machi_btn_arrow:hover::after { right: 20px; }
@media (max-width: 760px) { .machi_btn_more	 { font-size:100%;}}

.machi_minjiTable      { width:100%; }
.machi_minjiTable th   { background:#edefdd;}
.machi_minjiTable th,td{ border-bottom:1px solid #252525; border-top:1px solid #252525; padding:10px 20px;}
.machi_minjiURL        { max-width:500px; width:100%; margin:0 auto;}

.machi_kaicho {display: flex; list-style: none; padding-left:0; margin-top:35px; margin-bottom:40px;}
.machi_kaicho li{padding: 0;}
.machi_kaicho li:last-child{padding-left: 20px; position:relative; width:200px;}
.machi_kaicho_in {position:absolute; bottom:0; font-weight:bold; letter-spacing:0.1em; font-size:120%;}
.machi_img_box {margin-top:20px;}
.machi_img     {max-width:550px; width: 100%; object-fit: cover; border-radius: 25px; overflow: hidden; margin:6px 0 20px 0;}

.slogan_h4  { font-weight: bold; display: inline; line-height: 1.8em; letter-spacing:0.1em; padding: 5px; background: linear-gradient(transparent 60%, #ffff00 0%);}

@media (min-width: 761px) {
	.machi_slogan  { padding:80px 0;}
	.machi_img     { height: 300px;}
	.slogan_h4     { font-size: 170%; }
	}
@media (max-width: 760px) { 
	.machi_slogan  { padding:30px 0;}
	.machi_img     { height: 250px;}
	.slogan_h4     { font-size: 140%; }
	}


/*　民生委員・児童委員ってなに？ --------------*/

.minsei-jido_katsudo01 { border:1px solid #3c3c3c; padding:20px; text-align:center;}
.minsei-jido_katsudo02 { background:#fff; height: 100%; padding: 20px; text-align:center; position: relative;}
.minsei-jido_katsudo02::before, .minsei-jido_katsudo02::after { content: ''; width: 30px; height: 30px; position: absolute;}
.minsei-jido_katsudo02::before { border-left: solid 1px #3c3c3c; border-top: solid 1px #3c3c3c; top: 0; left: 0;}
.minsei-jido_katsudo02::after  { border-right: solid 1px #3c3c3c; border-bottom: solid 1px #3c3c3c; bottom: 0; right: 0;}

.minsei-jido_katsudo_naiyo_h2 { text-align:center; color:#fff; background:#009A5B; font-weight:bold; font-size:110%; line-height:170%; padding:10px;}
.minsei-jido_katsudo_naiyo_h3 { text-align:center; font-weight:bold; font-size:110%; line-height:170%;}
.minsei-jido_katsudo_naiyo_p p{font-size:95%; line-height:170%;}
.minsei-jido_katsudo_naiyo_box { border:1px solid #000; width:100%; height:100%; min-height:300px; position:relative;}
.minsei-jido_katsudo_naiyo_box_in { 
	text-align:center;
	width:100%; padding:20px;
	position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

@media (min-width: 576px) {
	.minsei-jido_katsudo_aki   { margin-left:-20px; margin-right:-20px;}
	.minsei-jido_katsudo_aki>div { padding-right:20px; padding-left:20px;}}

@media (max-width: 575px) {
	.minsei-jido_katsudo_aki   { margin-left:-10px; margin-right:-10px;}
	.minsei-jido_katsudo_aki>div { padding-right:10px; padding-left:10px;}}

/*　民生児童協議会について --------------*/

@media (min-width: 761px) {
	.aboutus_zu h3  { margin:50px 0 30px 0; }
	.aboutus-ehime_kazu { padding:20px 40px 50px; }
	}
@media (max-width: 760px) { 
	.aboutus_zu img {width:80%;}
	.aboutus_zu h3  { margin:50px 0 20px 0; }
	.aboutus-ehime_kazu { padding:10px 20px 40px; }
	}

.aboutus_zu h3  { font-size:140%; letter-spacing:0.1em;}
.aboutus-ehime_minji { text-align:center; max-width:800px; margin:0 auto;}
.aboutus-ehime_kazu  { background:#fff; text-align:center; border-radius:15px; margin:50px 0 80px;}
.aboutus-ehime_kazu table{ }
.aboutus-ehime_kazu th   { background:#ffb800; border-right:2px solid #ffffff; border-left:2px solid #ffb800; color:#fff; }
.aboutus-ehime_kazu td   { background:#fffce7; border-right:2px dotted #ffb800;}
.aboutus-ehime_kazu th:last-child { border-right:0px;}
.aboutus-ehime_kazu td:last-child { border-right:0px;}
.aboutus-ehime_kazu th,td{ padding:10px;}


.p_about_qa {width: 100%; list-style: none; box-sizing: border-box;}
.aboutus-ehime_list:not(:first-child) {margin-top: 10px;}
.aboutus-ehime_list-title { background: #e5f2fa; cursor: pointer; padding: 20px 60px 20px 50px; position: relative;}
.p_about_qa dt{font-weight:600; font-size:100%;}
.aboutus-ehime_list-title:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #0080e6;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;}
.aboutus-ehime_list-title:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #0080e6;
  transition: all .3s ease-in-out;}
.aboutus-ehime_list-title.open:before {transform: rotate(180deg);}
.aboutus-ehime_list-title.open:after {opacity: 0;}
.aboutus-ehime_list-text {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  display: none;
  position: relative;
  padding: 20px 20px 30px 50px;}
.aboutus-ehime_keikaku_icon{ position: absolute; left:20px; color:#0080e6;}



.nomal_btn_more				  { position: relative; padding-right:50px; padding-left:30px; text-align:left; letter-spacing:0.1em;}
.nomal_btn_arrow::after       { content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 13px; content: '\f061'; display: inline-block; font-family: FontAwesome; transition: all .3s;}
.nomal_btn_arrow:hover::after { right: 20px; }

.tsume_l     { float: left; }

@media (min-width: 761px) { 
	.nomal_box{ padding:80px 30px 80px; line-height:180%; overflow:hidden;}
	.nomal_h2 { font-size: 300%; letter-spacing:0.1em; margin-bottom:30px;}
	.nomal_h3 { font-size: 130%;}
	.nomal_h4 { font-size: 170%; letter-spacing:0.2em; padding: 0.1em 0.5em;}
	}
@media (max-width: 760px) { 
	.nomal_box{ padding:50px 20px 80px; line-height:180%; overflow:hidden;}
	.nomal_h2 { font-size: 180%; margin-bottom:20px;}
	.nomal_h3 { font-size: 120%;}
	.nomal_h4 { font-size: 170%; letter-spacing:0.1em; padding: 0.21em 0.5em 0.19em; margin-top:4px;}
	}

.nomal_box {text-align:justify;}
.nomal_h2  { font-weight: bold;}	/*--文字大--*/
.nomal_h3  { font-weight: bold; display: inline; line-height: 1.8em; padding: 5px; background: linear-gradient(transparent 60%, #ffff00 0%);}	/*--黄色マーカー--*/
.nomal_h4  { font-weight: bold; color: #009a5b; background: transparent; border-left: solid 5px #009a5b; }	/*--左に縦線--*/
.nomal_h5  { font-size: 150%; letter-spacing:0.2em; margin:60px 0 20px 0;}	/*--1文字目色付--*/
.nomal_h5:first-letter  {  font-size:1.3em; color:#009a5b; border-bottom:2px solid #009a5b; padding-left:5px; margin-right:5px;}
.nomal_h6  { font-size: 120%; letter-spacing:0.2em; align-items: center; display: flex; justify-content: center; margin:50px 0 30px;}	/*--両側に短い線--*/
.nomal_h6::before,
.nomal_h6::after  {  content: ""; background-color: #3c3c3c; height: 1px; width: 40px;}
.nomal_h6::before {  margin-right: 15px;}
.nomal_h6::after  {  margin-left: 15px;}


/*　民生児童委員の方へ --------------*/

.training_news { background:#fff; border-radius:10px; padding:15px 20px; margin-bottom:6px;}
.training_news ul{list-style: none outside none; padding: 0; margin: 0;}



/*---------------------------------------------
お問い合わせ
  ---------------------------------------------*/

.tb_contact {}
.tb_contact_hissu {color:red; font-size:70%; border:1px solid red; padding:3px; margin-left:5px;}
.tb_contact th {border:0; padding:0; width:28%;}
.tb_contact td {border:0; padding:0;}

.tb_contact_right {
  width: 100%;
  height: auto;
  background: #f4eed9;
  border-radius: 20px;
  padding: 30px;}

/*---------------------------------------------
　市町情報提供
  ---------------------------------------------*/
.t_tiile{
text-align:center;
font-weight:bold;
font-size:140%;
padding:15px;
margin:50px 0 50px;
background-color:#1c955a;
color:#fff;
}
.t_tiile04{
text-align:center;
font-weight:bold;
font-size:120%;
padding:15px;
background-color:#555;
border:2px solid #555;
color:#fff;
}
.t_tiile03{
text-align:center;
font-size:100%;
padding:15px;
margin-bottom:30px;
border:2px solid #555;
color:#f00;
line-height:1.6em;
}
.t_tiile01{
font-size:110%;
font-weight:bold;
margin-bottom:10px;
}
.t_tiile02{
font-size:90%;
padding-bottom:30px;
}
.joho_1 {
  font-size: 150%;
  font-weight: bold;
}
.joho_1_hr {
  height: 2px;
  background-color: #1c955a;
  width: 100px;
  border: none;
  text-align: left;
  margin-left: 0px;
}
.joho_left_txt {
  text-align: justify;
  line-height: 1.6;
}
.joho_right {
  width: 100%;
  height: auto;
  background: #ecf4d9;
  border-radius: 0px;
  padding: 30px;
}
.joho_right_top {
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #1c955a;
}
.joho_contact {
  width: 100%;
  font-weight: normal;
}
.joho_contact_th {
  width: 28%;
  font-weight: normal;
  padding-bottom: 20px;
}
.joho_contact_td {
  width: 72%;
  padding-bottom: 10px;
}
.joho_contact_td_txt {
  margin-bottom: 3px;
}
.joho_contact_td01 {
  width: 100%;
  background: #fff;
  padding: 15px 20px 5px 20px;
}
.submit_info {
  font-size: 90%;
  line-height: 1.6em;
}
.scroll_area {
  border: 1px solid #B7B7B7;
  padding: 10px 10px 10px 10px;
  width: 100%;
  height: 200px;
  background-color: #fff;
  font-size: 80%;
  text-align: justify;
  overflow-y: scroll;
  overflow-x: hidden;
  line-height: 1.8em;
}
input#form-submit {
  background: #1c955a;
  padding: 15px;
  color: #fff;
  border-style: none;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
input#form-submit0 {
  background: #1c955a;
  padding: 15px;
  color: #fff;
  border-style: none;
  width: 200px;
  margin-right: 20px;
  text-align: center;
}
.form-width {
  width: 100%;
  border: 0px;
  padding: 10px 10px 10px 15px;
  margin-bottom: 10px;
}
.form-width100 {
  width: 100px;
  border: 0px;
  padding: 8px 10px 8px 15px;
  margin-bottom: 10px;
}
@media screen and (min-width:767px) and (max-width:991px) {
  .br-sp {
    display: none;
  }
  .joho_contact_th {
    width: 20%;
    font-weight: normal;
    padding-bottom: 20px;
  }
  .joho_contact_td {
    width: 80%;
    padding-bottom: 10px;
  }
}
@media screen and (max-width:767px) {
  .joho_right {
    width: 100%;
    height: auto;
    background: #ecf4d9;
    border-radius: 0px;
    padding: 30px 15px;
  }
  .joho_contact_th {
    width: 100%;
    display: block;
    font-weight: normal;
    padding-bottom: 0px;
  }
  .joho_contact_td {
    width: 100%;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .joho_contact_td01 {
    width: 100%;
    background: #fff;
    padding: 15px 10px 5px 10px;
  }
}