@charset "utf-8";
/* CSS Document */

#area_ttl{
	width:100%;
	background-image:url(/problem/children/wp/wp-content/themes/twentytwentyfour-child/images/second/bg-secondttl.jpg);
	background-repeat:no-repeat;
	 background-size:100%;	
    /* background-attachment: fixed; /* 背景画像をスクロールに対して固定 */ 
    background-position: top ; /* 背景画像を中央に配置 */
    height: 240px; /* 要素の高さを設定。必要に応じて調整 */
	margin:0 auto 30px;
	display:flex;
	align-items: center;
	justify-content: center;
}

#area_ttl h1{
	font-size:2rem;
	font-weight:bold;
	color:#fff;
}

ul.check li:before{
		font-family: FontAwesome;
		content: '\f00c';
		color:#EA659B;
		margin-right:10px;
}

#main h3{
	margin:0 auto 20px;
	font-size:1.2rem;
	font-weight:bold;
	color:#FF6C62;
}



@media screen and (max-width: 950px) {
#area_ttl{
    height: 100px; 
	margin:0 auto 30px;
}
#area_ttl h1{
	font-size:1.2rem;
}
}

/* ----------------------------------------
* お問い合わせ
---------------------------------------- */
#page-contact{
	line-height:1.2 !important;
}

#page-contact p{
	margin-bottom:2em;
}
#page-contact table p{
	margin-bottom:10px;
}


#page-contact table,#page-contact td,#page-contact th{
	border:none;
}

#page-contact .txt-lead{
	text-align:center;
	font-size:1.2rem;
	margin:0 0 20px;
}

#page-contact .txt-lead .alarm{
	font-size:12px;
	margin-top:20px;
}

.wpcf7 table th{
	/* width:20% !important; */
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	vertical-align:middle !important;
}

#page-contact input,#page-contact textarea{
	background-color:#eee;
}

#page-contact input:focus,#page-contact textarea:focus {
   outline:#EA659B 2px solid;
}

	
#page-contact .wpcf6-list-item,#page-contact .wpcf6-list-item-label,#page-contact .wpcf7-list-item{
	display:block !important;
}

.wpcf7 form input[type="submit"] {
	background-color:#EA659B !important;
	color:#fff !important;
}

div.wpcf7 .ajax-loader,.wpcf7-spinner {
    display: none !important;
}

.smt{
	text-align:left !important;
	color:#EA659B;
	font-weight:normal !important;
}

@media screen and (max-width: 767px) {
	#page-contact .txt-lead{
	text-align:center;
	font-size:1.2rem;
	line-height:1.4;
}

	#page-contact .txt-lead .alarm{
	text-align:left;
}
.wpcf7 table th,.wpcf7 table td {
    display: block !important;
    width: 100% !important;
    border-bottom: none !important;
	text-align:left;
	padding:0 !important;

}

.wpcf7-list-item{
	margin:0;
}
}
/* ----------------------------------------
* 会社概要
---------------------------------------- */
  
#company{
	text-align:center;
}

#company table{
	margin:0 auto 50px;
	width:700px;
	font-size:1.1rem;
	text-align:left;
}

#company table th{
	border-bottom:1px solid #ccc;
	padding:10px;
	font-weight:bold;
	white-space:nowrap;
	color:#333;
}

#company table td{
	border-bottom:1px solid #ccc;
	padding:10px;
}

#company table th{
	background-color:#FFFCEE;
}

@media screen and (max-width: 767px) {


#company table{
	font-size:1rem;
	width:100%;
}

#company table th{
	padding:10;
	font-weight:bold;
	border-bottom:none; 
	/* border-bottom:1px solid #ccc; */
}

#company table td{
	padding:10;
	border-bottom:none; 
}

#company table th,#company table td{
 display: block;
 width: 100%;
}
}

/* ----------------------------------------
* 寄付
---------------------------------------- */
#donate .area_txt p{
	margin:0 0 20px;
}

#donate .blk_txt_cheer{
	display:flex;
	margin:0 auto 30px;
	color:#EA659B;
	font-size:1.1rem;
	font-weight:bold;
	justify-content: center;
	align-items: center;
}

#donate .list_merit{
	font-size:1.2rem;
	font-weight:bold;
	margin:0 auto 20px;
	max-width:900px;
}

#donate .list_merit li{
	margin: 0 0 20px;
}

#donate .blk_txt_cheer img{
	width:200px;
	margin:0 20px;
}

#donate .area_cta{
	margin:0px auto 50px !important;
	padding-bottom:0 !important;
}

@media screen and (max-width: 767px) {
#donate .blk_txt_cheer{
	display:block;
	margin:0 auto 20px;
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
}

#donate .list_merit{
	width:100%;
}

#donate .list_merit li{
	margin: 0 0 20px;
}

#donate .blk_txt_cheer img{
	width:200px;
	margin:20px auto;
}

#donate .area_cta{
	margin:60px auto 30px !important;
}

}

/* ----------------------------------------
* single.php
---------------------------------------- */
.blog-detail__image{
	width:100%;
	text-align:center;
	margin:0 0 30px;
}

.blog-detail__image img{
	max-width:600px;
}

.blog-detail__body{
	margin:0 auto 30px;
	text-align:center;
}

.blog-content{
	width:600px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------------------
* topicslist.php
---------------------------------------- */
.area_list{
	margin:0 0 30px;
	padding:0 0 20px;
	width:100%;
	display:flex;
	border-bottom:1px dotted #ccc;
}

.area_list .area_img{
	width:200px;
	margin-right:20px;
}

.area_list .area_img img{
	width:200px;
	height:auto;
}

.area_list .area_ttl{
	width:calc(100% - 220px);
}

.area_list .area_ttl .card__time{
	font-size:1rem;
	font-weight:bold;
}

.area_list .area_ttl .card__title{
	font-size:1.2rem;
}
