@charset "utf-8";
/*
Theme Name: 愛媛県社会福祉協議会2
Author: pulsedesign,inc.
Author URI: https://pulse-jp.com/
Version: 2019.04
*/
.grecaptcha-badge { visibility: hidden; }
.font-blue{color:#009999;}
.a_under{
	text-decoration:underline;
}
.kigen2025{
	border:2px solid #555;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
.moshikomi_s{
	border:2px solid #555;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background:#000;
	color:#fff;
}
.shimekiri{
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	border:2px solid #000;
	padding:8px;
}
@media screen and (min-width: 767px) {
/* 表示領域が961px以上の場合に適用するスタイル */
	.pcNone{display:none}
}
@media screen and (min-width: 991px) {
/* 表示領域が961px以上の場合に適用するスタイル */
	.pcNone01{display:none}
}
@media screen and (max-width: 991px) {
/* 表示領域が540px以下の場合に適用するスタイル */
	.mdNone{display:none}
}
@media screen and (max-width: 767px) {
/* 表示領域が540px以下の場合に適用するスタイル */
	.spNone{display:none}
}
/*---------------------------------------------
YouTubeレスポンシブサイズ
---------------------------------------------*/
.iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text_aaaa{
	
}
/*---------------------------------------------
 　能登地震
---------------------------------------------*/
.button-info_red {
    display: flex;
	outline: none !important;
    font-weight: bold;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 0 2em;
	cursor: pointer;
    border: 3px solid #e95551;
    border-radius: 5px;
    background-color: #fff;
    color: #e95551;
    font-size: 1em;
}

.button-info_red::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #e95551;
    border-right: 2px solid #e95551;
    content: '';
}

/*---------------------------------------------
 　愛媛県社協とは？
  ---------------------------------------------*/

table.table_intro{
	border-top:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	border-left:2px solid #009999;}

.table_intro td{
	vertical-align:top;
	border-bottom:1px solid #dee2e6;
	padding:5px 10px;}


.table_intro_glay {
	border-collapse: collapse;
	border-top: 1px solid #dbe1e8; 
	width: 100%;}
 
.table_intro_glay th,
.table_intro_glay td {
	border-right: 1px solid #dbe1e8;  
	border-bottom: 1px solid #dbe1e8;  
	padding: 25px 12px;}

.table_intro_glay th {
	width:75%;
	border-left:2px solid #009999;
	background: #eee;
	text-align: left;
	padding: 25px 20px;}

.table_intro_glay td {
	text-align:center;}

@media only screen and (max-width: 800px) {
	
.table_intro_glay tr,
.table_intro_glay th,
.table_intro_glay td {
	text-align:center;
    display: block;
    width: auto;}
  
.table_intro_glay tr:first-child {
    border-top: 1px solid #dbe1e8;}

.table_intro_glay{
	border-top: 2px solid #009999;}
	
.table_intro_glay th,
.table_intro_glay td {
	border-left: 1px solid #dbe1e8;  
    border-top: none;}
}


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

#column01_main{
	min-height: 500px;
	margin: 60px auto;
	max-width: 1100px;
	padding: 0 15px 50px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	text-align: justify;
	text-justify: inter-ideograph;}

#column01_main ul,ol{
	list-style-position: inside;}

/* ---パンくずリスト---*/
#breadcrumb{font-size:80%; text-align:right;}

/* ---各種ページタイトル---*/

.hd-page-title{
	position: relative;
	margin: -58px auto 0px;
	max-width: 1100px;
	padding: 0 15px;}

.hd-page-title img{
	z-index: 2;
	position: relative;
	margin-top:-48px;}

.hd-page-title h1{
	color:#fff;}

.hd-page-title-box{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	letter-spacing:0.2em;
	padding:10px 40px 0 190px;
	display: inline-block;
	background:#009999;}

.hd-main-title{
	position: relative;
	margin: -58px auto 0px;
	max-width: 1100px;
	padding: 0 15px;}

.hd-main-title img{
	z-index: 2;
	position: relative;
	margin-top:0;}

.hd-main-title h1{
	color:#fff;}

.hd-main-title_single{
	position: relative;
	margin: 15px auto 0;
	max-width: 1100px;
	padding: 0 15px;}

.hd-main-title-box{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	letter-spacing:0.2em;
	padding:10px 40px 0 150px;
	display: inline-block;
	background:#009999;}

@media all and (-ms-high-contrast: none) {
  .hd-main-title-box{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	letter-spacing:0.2em;
	padding:15px 40px 0 150px;
	display: inline-block;
	background:#009999;}
}

.hd-post-title{
	margin: -58px auto 0px;
	max-width: 1100px;
	padding: 0 15px;}

.hd-post-title h1{
	color:#fff;}

.hd-post-title-con{
	margin: -58px auto 0px;
	max-width: 1100px;
	padding: 0 15px;}

.hd-post-title-con h1{
	font-size:1.8rem;
	color:#fff;}
.hd-post-title-con h3{
	font-size:1.6rem;
	color:#fff;}

.hd-post-title-box{
	letter-spacing:0.2em;
	padding:10px 40px 0;
	display: inline-block;
	background:#009999;}

.hd-post-title-box-con{
	letter-spacing:0em;
	padding:10px 40px 0;
	display: inline-block;
	background:#009999;}

.hd-post-title-box-saigai{
	letter-spacing:0.2em;
	padding:10px 40px 0;
	display: inline-block;
	background:#e95551;}

@media all and (-ms-high-contrast: none) {
  .hd-post-title-box{
	letter-spacing:0.2em;
	padding:15px 40px 0;
	display: inline-block;
	background:#009999;}
	
  .hd-post-title-box-saigai{
	letter-spacing:0.2em;
	padding:15px 40px 0;
	display: inline-block;
	background:#e95551;}
}

/*---------------------------------------------
	パソコン、タブレット、スマホ個別設定
  ---------------------------------------------*/

.hd-page-title-sp{
	margin-top:15px;
	text-align:center;}

.hd-page-title-sp img{
	margin-top:0;}

.hd-page-title-sp h1{
	font-size:150%;
	color:#fff;}

.hd-page-title-box-sp{
	letter-spacing:0.1em;
	padding:13px 0 4px;
	background:#009999;}

.hd-main-title-sp{
	margin-top:15px;
	text-align:center;}

.hd-main-title-sp img{
	margin-top:0;}

.hd-main-title-sp h1{
	font-size:150%;
	color:#fff;}

.hd-main-title-box-sp{
	letter-spacing:0.1em;
	padding:13px 0 4px;
	background:#009999;}

.hd-post-title-sp{
	margin-top:0px;
	text-align:center;}

.hd-post-title-sp h1{
	font-size:150%;
	color:#fff;}

.hd-post-title-sp-con{
	margin-top:0px;
	text-align:center;}

.hd-post-title-sp-con h1{
	font-size:140%;
	color:#fff;}

.hd-post-title-sp-con h3{
	font-size:130%;
	color:#fff;}

.hd-post-title-box-sp{
	letter-spacing:0.1em;
	padding:13px 0 4px;
	background:#009999;}
.hd-post-title-box-sp-con{
	letter-spacing:0em;
	padding:13px 10px 4px;
	background:#009999;}
.hd-post-title-box-sp-saigai{
	letter-spacing:0.1em;
	padding:13px 0 4px;
	background:#e95551;}

@media screen and (min-width: 971px) {
/* 表示領域が971px以上の場合に適用するスタイル */	
}

@media screen and (min-width: 768px) and (max-width: 970px) {
/* 表示領域が768px以上970px以下の場合に適用するスタイル */	
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
.hd-page-title-sp img{
	width: auto;
	max-height: 100px;}
}

.table_sub {width:100%; font-size:12px;}
.table_sub td{padding:5px; border-bottom:1px dotted #666;}
.table_sub th{padding:5px; border-bottom:1px solid #666; text-align:center;}

.table_sub_line{width:100%;}
.table_sub_line td{padding:5px; border:1px solid #666;}
.table_sub_line th{padding:5px; border:1px solid #666; background:#ccc; text-align:center;}
tr.table_sub_line_deep{background-color:#b0b0b0;}

.scroll_table_sub_line{overflow: auto;　white-space: nowrap;}
.scroll_table_sub_line::-webkit-scrollbar{height: 5px;}
.scroll_table_sub_line::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll_table_sub_line::-webkit-scrollbar-thumb{background: #BCBCBC;}

.table_sub_line2{width:100%;}
.table_sub_line2 td{padding:5px; border:1px solid #dbe1e8;}
.table_sub_line2 th{padding:5px; border:1px solid #dbe1e8; background:#eee; text-align:center;}

.scroll_table_sub_line2{overflow: auto;　white-space: nowrap;}
.scroll_table_sub_line2::-webkit-scrollbar{height: 5px;}
.scroll_table_sub_line2::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll_table_sub_line2::-webkit-scrollbar-thumb{background: #BCBCBC;}