@charset "utf-8";
/*
Template: monad_tcd110
Theme Name:dan-dan
Version:1.3
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*-------------------------
 * スマホ・PCの改行について	
-------------------------*/
/*(スマホで改行)HTML:<br class="br_sp" />*/
@media screen and (min-width: 767px){.br_pc { display:block; }.br_sp { display:none; }}
@media screen and (max-width: 767px){.br_pc { display:none; }.br_sp { display:block; }}

/*-------------------------
 * スマホ・PCの限定表示について
-------------------------*/
/*
HTML:<div class="pc_only"></div>
HTML:<div class="sp_only"></div>
*/
/*画像をPCのみで表示させる場合(=スマホでは非表示にする場合)のCSS*/	
@media screen and (max-width: 767px){.pc_only{display:none !important;}}
/*画像をスマホのみで表示させる場合(=PCでは非表示にする場合)のCSS*/			
@media screen and (min-width: 767px){.sp_only{display:none !important;}}
/*==============================
  *ページ内リンク
==============================*/
.anchorlink {
	display:block;
	padding-top:200px !important;
	margin-top:-200px !important;
}
/*==============================
  *フォント
==============================*/
/*ゴシック体*/
.font-Ns{
	font-family: 'Noto Sans JP', sans-serif;
}
/*中央揃え*/
.text_c {
	text-align:center;
}
/*==============================
  *ナビゲーションメニュー
==============================*/
#global_menu > ul > li > a {
	color:#666;/*5e96bc*/
}
#mobile_menu a {
	font-size:16px;
}
/*==============================
  *404
==============================*/
#no_search_result.has_image .content {
	color:#237f95;
}
/*==============================
  *トップページ（フリースペース：作業内容）
==============================*/
.cb_free_space {
	padding:0px;
}
.top_sien_area {
	background:#edf6f7;
	padding:60px 0;
}
.top_sien_tit {
	margin-bottom:60px;
}
.top_sien_tit img {
	margin:auto;
}
.top_work_area {
	background:#FFF;
	max-width:1120px;
	margin:0 auto 30px;
	padding:40px 0;
	border-radius:30px;
}
.top_work_area .top_work_midashi img {
	margin:0 auto 10px;	
}
.top_work_area .top_work_midashi p {
	color:#4d4d4d;
	line-height:2;
	font-weight:500;
}
.top_work_area .top_work_img {
	width:1024px;
	margin:auto;
	overflow:hidden;
}
.top_work_area .top_work_img img {
	float:left;
	margin:8px;
}
.top_work_area .top_work_btn a {
	display:table;
	margin:auto;
	background:#e2757b;
	padding:30px 80px;
	color:#FFF;
	font-size:18px;
	border-radius:40px;
}
.top_3box_area {
	background:#FFF;
	max-width:1120px;
	margin:auto;
	padding:40px 0;
	border-radius:30px;
	overflow:hidden;
}
.top_3box_area .top_3box_box {
	width:978px;
	margin:auto;
}
.top_3box_area .top_3box_box img {
	float:left;
	margin:20px !important;
}
.top_toiawase_area {
	background:url(https://dan-dan.work/wp-content/uploads/top_contact_bk02.jpg) bottom;
	margin-bottom:100px !important;
	height:500px;
	padding:60px 0 0 0;
}
.top_toiawase_area .top_toiawase_box {
	height:85%;
	width:70%;
	max-width:900px;
	background:#FFF;
	margin:auto;
	padding:4% 0 0 0;
	border-radius:30px;
}
.top_toiawase_area .top_toiawase_box img {
	margin:0 auto 30px;
}
.top_access_area .top_access_tit img {
	margin:0 auto 10px;
}
.top_access_area .top_access_map {
	margin:50px auto;
	display:table;
}
.top_access_area .top_access_addres img {
	margin:0 auto 50px;
}
.top_access_area .top_access_addres p {
	color:#4d4d4d;
	line-height:2;
	font-weight:500;
}
/*767px以下で適用*/
@media screen and (max-width:767px) {
	.top_sien_area{
		padding:60px 20px;
	}
	.top_work_area {
		padding:40px 20px;
	}
	.top_work_area .top_work_midashi p {
		font-size:16px;
	}
	.top_work_area .top_work_img {
		width:100%;
	}
	.top_work_area .top_work_img img {
		width:80%;
		float:none;
		margin:20px auto;
	}
	.top_3box_area .top_3box_box {
		width:100%;
	}
	.top_3box_area .top_3box_box img{
		float:none;
		margin:20px auto !important;
	}
	.top_access_area {
		padding:0 20px;
	}
	.top_toiawase_area {
		margin-bottom:50px !important;
		height:200px;
		padding:20px 0 0 0;
	}
	.top_toiawase_area .top_toiawase_box {
		width:80%;
		padding:4%;
		border-radius:10px;
	}
	.top_toiawase_area .top_toiawase_box img {
		margin:0 auto 10px;
	}
}
/*==============================
  *だんだんについて
==============================*/
/*だんだんとは*/
.about_omoi_tit p{
	text-align:center;
	font-size:32px;
	color:#333;
	font-weight:500;
}
.about_omoi_text p{
	text-align:center;
	font-size:16px;
	line-height:2 !important;
}
/*767px以下で適用*/
@media screen and (max-width:767px) {
	.about_omoi_tit p {
		font-size:28px;
	}
}
/*こんなお悩みありませんか*/
.about_nayami_area {
	background:#faf4ea;
	border-radius:20px;
	padding:100px 0 50px;
}
.about_nayami_box {
	max-width:780px;
	margin:auto;
}
/*安心サポート*/
.about_anshin_tit p{
	text-align:center;
	font-size:32px;
	color:#333;
	font-weight:500;
	line-height:2 !important;
}
.about_anshin_tit span {
	color:#e8829b;
}
.about_anshin_text p{
	text-align:center;
	font-size:16px;
	line-height:2 !important;
}
.about_anshin_box {
	max-width:860px;
	margin:auto;
}
.about_anshin_3box p {
	text-align:center;
	font-size:19px;
	line-height:1.8 !important;
}
/*767px以下で適用*/
@media screen and (max-width:767px) {
	.about_anshin_tit p {
		font-size:28px;
	}
}

/*日々の活動の日々*/
.about_daily_area {
	background:#fcf2f2;
	border-radius:20px;
	padding:50px 0 10px;
}
.about_daily_box {
	max-width:840px;
	margin:auto;	
}
/*ご利用の対象者*/
.about_target_area{
	background:#efedf8;
	border-radius:20px;
	padding:50px 0 40px;
}
.about_target_list{
	background:#FFF;
	border-radius:20px;
	max-width:800px;
	margin:auto;
	padding:2em 3em;
	overflow:hidden;
}
.about_target_list li {
	float:left;
	font-size:18px;
	list-style:disc;
	margin-right:2em;
}
/*ご利用までの流れ*/
.about_flow_box {
	background:#faf9f7;
	border-radius:20px;
	max-width:760px;
	margin:0 auto 20px;
	padding:30px 10px 20px 30px;
	overflow:hidden;
}
.about_flow_box .about_flow_icon {
	float:left;
	margin-right:20px;
}
.about_flow_box .about_flow_tit {
	float:left;
	margin-right:20px;
	height:80px;
}
.about_flow_box .about_flow_tit img {
	margin-top:36px;
}
.about_flow_box .about_flow_text {
	float:left;
}
.about_flow_box .about_flow_text p {
	line-height:1.8;
	font-weight:300;
	letter-spacing:2px;
	margin-bottom:1em;
}
/*767px以下で適用*/
@media screen and (max-width:767px) {
	.about_flow_box .about_flow_icon {
		float:none;
	}
	.about_flow_box .about_flow_icon img {
		display:block;
		margin:auto;
	}
	.about_flow_box .about_flow_tit {
		float:none;
		margin:none;
		height:40px;
	}
	.about_flow_box .about_flow_tit img {
		margin:10px auto;		
	}
	.about_flow_box .about_flow_text {
		float:none;
	}
}

/*施設概要*/
.about_facility_area {
	background:#edf5f7;
	border-radius:20px;
	padding:50px 0 40px;	
}
.about_facility_box {
	max-width:880px;
	margin:0 auto 20px;
}
/* 施設概要テーブル */
#about_facility_table {
  color:#666;
  letter-spacing:2px;
  border:none;
}
#about_facility_table tr {
  border-bottom: 1px solid #b5b1b1;
}

#about_facility_table th,
#about_facility_table td {
  border-left: none !important;
  border-right: none !important;
  background:none;
	padding:18px 18px 16px !important;
}

#about_facility_table th {
  width: 30%;
}

/*767px以下で適用*/
@media screen and (max-width:767px) {
	.about_facility_box .s_table{
		width:86%;
		margin:0 auto 20px;
		padding:0;
	}
	#about_facility_table tr {
		border:none;
	}
  #about_facility_table th,
  #about_facility_table td {
    width: 100%;
    display: block;
  }

  #about_facility_table th {
    width: 100%;
  }

  #about_facility_table td {
    padding-top: 0;
  }
}
/*施設概要の地図*/
.about_facility_map iframe{
	display:block;
	margin:auto;
	border-radius:20px;
}
/*==============================
  *お問い合わせページ（フォーム）
==============================*/
dl.original-form p {
	margin-bottom:2px !important;
}
dl.original-form p.original-form-p{
	background:#ffece6;
	color:#ec6941;
	font-weight:bold;
	padding:0 1em;
}
dl.original-form dt span.required {
	background:#ec6941;
	color:#FFF;
	font-size:14px;
	letter-spacing:2px;
	padding:8px 20px;
	margin-right:20px;
	/*角丸*/
	-moz-border-radius: 20px;    /* 古いFirefox用 */
	-webkit-border-radius: 20px; /* 古いSafari,Chrome用 */
	border-radius: 20px;         /* CSS3の書き方 */
}
dl.original-form dd {
	margin-bottom:2em;
}
.wpcf7 input {
	width:50%;
}
input.wpcf7-text{
	height:50px;
}
