@charset "utf-8";

body {
	font-family: "メイリオ","Meiryo", sans-serif;
}

@media screen and (min-width: 641px) {
	p.btm0 {
		margin-top : 0px ;
		margin-bottom : 0px ;
	}

	p.btm1 {
		margin-top : 0px ;
		margin-bottom : 20px ;
	}

	p.btm1b {
		margin-top : 0px ;
		margin-bottom : 25px ;
	}

	p.btm1c {
		margin-top : 0px ;
		margin-bottom : 35px ;
	}

	p.btm2 {
		margin-top: 0px;
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 640px) {
	p.smp_top0 {
		margin-top: 0px;
	}

	p.smp_top5 {
		margin-top: 5px;
	}
}

.text_space_0 {
	letter-spacing : 0em ;
}

.text_space_half {
	letter-spacing : -0.5em ;
}

.text_space_-02 {
	letter-spacing : -0.2em ;
}

.text_space_-1 {
	letter-spacing : -1em ;
}

.z1 { /* テキストを画像の前面に */
	position: relative ;
	z-index : 1;
}

.clear_element { /* フローティング解除 */
	clear: both;
}




h1#about_dd_head1 {
	width : 960px ;
	margin : 25px auto 25px auto ;
	padding : 0px ;
	color : #000 ;
	font-size : 13pt ;
	letter-spacing : -0.05em ;
	font-weight : normal ;
	text-align : center ;
	position: relative;
}

@media screen and (max-width: 640px) {
	h1#about_dd_head1 {
		width : auto ;
		background: #fff1f1;
/*		margin: 87px 0 20px 0 ; */
		margin: 100px 0 20px 0 ;
		padding: 10px ;
		border-bottom: 1px solid #fc8b8e;
		font-size: 14px;
		color: #ff7676;
		line-height : 1.5 ;
		font-weight : bold ;
		letter-spacing : 0em ;
	}
}



/* 発達障害解説リンク_181123 */
#button_link2 { /* 看板下のリンクボタンの外枠 */
	width : 960px ;
	margin :20px auto 50px auto ;
	text-align : center ;
	position: relative ;
}

@media screen and (max-width: 640px) {
	#button_link2 {
		width : 96% ;
		margin :20px auto 20px auto ;
	}
}

ul#btn_link2_list {
	margin : 0px ;
	padding : 0px ;
	list-style: none ;
	text-align : center ;
	font-size : 0px ; /* 子要素のinline-blockの隙間対策 */
}

@media screen and (max-width: 640px) {
	ul#btn_link2_list {
		text-align : left ;
	}
}

ul#btn_link2_list li {
	width : 176px ;
	height : 28px ;
	margin : 0px 20px 0px 0px ;
	padding : 0px ;
	text-align : center ;
	font-size : 10.5pt ;
	line-height : 10.5px ;
	letter-spacing : 0.2em ;
	display : inline-block ;
	vertical-align : top ;
}

@media screen and (max-width: 640px) {
	ul#btn_link2_list li {
		width : auto ;
		height : auto ;
		margin : 5px ;
		padding : 0 ;
		font-size : 15px ;
		line-height : 1 ;
		letter-spacing : 0em ;
	}
}

@media screen and (min-width: 641px) {
	ul#btn_link2_list li:last-child {
		margin-right : 0px ;
	}
}

ul#btn_link2_list li a {
	height : 18px ;
	background-color : #00aff2 ;
	border-radius : 14px ;
	padding-top : 10px ;
	color : #fff ;
	text-decoration:none ;
	display: block;
}

@media screen and (max-width: 640px) {
	ul#btn_link2_list li a {
		height : auto ;
		background-color : #00aff2 ;
		padding : 5px 10px ;
		color : #fff ;
		text-decoration:none ;
		display: block;
	}
}

@media screen and (min-width: 641px) {
	ul#btn_link2_list li a:link,
	ul#btn_link2_list li a:visited {
		background-color : #00aff2 ;
	}

	ul#btn_link2_list li a:hover,
	ul#btn_link2_list li a:active {
		background-color : #65cff7 ;
	}
}

ul#btn_link2_list li span.no-link {
	height : 18px ;
	background-color : #00aff2 ;
	margin : 0 ;
	border-radius : 14px ;
	padding : 10px 0px 0px 0px ;
	color : #fff ;
	text-decoration:none ;
	display: block;
}

.btn_link2_text2 {
	letter-spacing : -0.05em ;
}
/* 発達障害解説リンク_ここまで */




#about-dd_index {
	width : 960px ;
	margin : 50px auto 50px auto ;
	padding : 0px ;
	text-align : center ;
	position: relative;
}

#about-dd_index_title {
	margin : 0px auto 15px auto ;
	padding : 0px ;
	color : #000 ;
	font-size : 18pt ;
	letter-spacing : 0em ;
	font-weight : bold ;
	text-align : center ;
	position: relative;
}

#about-dd_index_frame {
	border : solid 2px #d6d6d6 ;
	margin : 0px auto 0px auto ;
	padding : 40px 100px 30px 100px ;
	font-size : 0px ; /* 子要素のinline-blockの隙間対策 */
	display :inline-block ;
	position: relative;
}

#about-dd_index_inner {
	border : solid 0px ;
	margin : 0 ;
	padding : 0 ;
	display :inline-block ;
	position: relative;
}

p#about-dd_index_head {
	margin : 0px  0px 10px 0px ;
	padding : 0px ;
	font-size : 13pt ;
	font-weight : bold ;
	text-align : left ;
	letter-spacing : 0.2em ;
}

ul.index_list1 {
	border : solid 0px ;
	margin: 0px 100px 0px 0px ;
	padding: 0px ;
	list-style: none ;
	display :inline-block ;
	vertical-align : top ;
	font-size : 12pt ;
	line-height : 20pt ;
	text-align : left ;
}

ul.index_list1:last-child {
	margin-right : 0px ;
}

ul.index_list1 li a {
	color : #2243a4 ;
	text-decoration: none ;
}

@media screen and (min-width: 641px) {
	ul.index_list1 a:hover,
	ul.index_list1 a:active {
		opacity : 0.7 ;
	}
}

span.index_number {
	width : 1.9em ;
	float : left ;
}

span.index_space1 {
	display : inline-block ;
	width : 6.3em ;
}

	/* スマホの時の改行ポイント */
.smp_break {
	margin : 0 ;
	padding : 0 ;
	width : 0 ;
	height : 0 ;
	display : inline-block ;
}

@media screen and (max-width: 640px) {
	#about-dd_index {
		width : auto ;
		margin-top : 20px ;
	}

	#about-dd_index_title {
		width : 90% ;
		margin : 0px auto 10px auto ;
		font-size : 16px ;
		font-weight : bold ;
		text-align : left ;
	}

	#about-dd_index_frame {
		width : 88% ;
		padding : 20px 3% 20px 3% ;
		border-radius : 10px ;
		display : block ;
	}

	#about-dd_index_inner {
		text-align : left ;
	}

	ul.index_list1 {
		margin-right : 0 ;
		font-size : 13px ;
		line-height : 1.5 ;
	}

	p#about-dd_index_head {
		font-size : 13px ;
	}

	ul.index_list1 li {
		text-indent : -1em ;
		padding-left : 1em ;
		margin-bottom : 10px ;
	}

	span.index_space1 {
		text-indent : 0em ;
	}

	.smp_break {
		margin : 0 ;
		padding : 0 ;
		width : 0 ;
		height : 0 ;
		display : block ;
	}
}



#index_note1 {
	width : 830px ;
	margin : 20px auto 0px auto ;
	padding : 0px ;
	font-size : 10pt ;
	line-height : 18pt ;
	text-align : left ;
	position: relative;
}

@media screen and (max-width: 640px) {
	#index_note1 {
		width : 90% ;
		margin : 20px auto 0px auto ;
		padding : 0px ;
		font-size : 13px ;
		line-height : 1.5 ;
	}
}

.index_note1_text2 {
	font-weight : bold ;
}



.about_dd_head_frame1 {
	width : 960px ;
	margin : 50px auto 30px auto ;
	padding : 0px ;
	position: relative;
}

h2.about_dd_head2 {
	width : 860px ;
	border-style : solid ;
	border-width : 0px 0px 2px 0px ;
	border-color : #b3b3b3 ;
	margin : 0px auto 30px auto ;
	padding : 0px ;
	color : #000 ;
	font-size : 14pt ;
	font-weight : bold ;
	text-align : left ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_head_frame1 {
		width : auto ;
		margin : 0 ;
	}

	h2.about_dd_head2 {
		width : 90% ;
		border : none ;
		margin : 30px auto 10px auto ;
		font-size : 16px ;
		line-height : 1.5 ;
	}
}



	/* スマホ用の外枠 */
.smp_frame01 {
	margin : 0 ;
	padding : 0 ;
}

@media screen and (max-width: 640px) {
	.smp_frame01 {
		width : 90% ;
		border : solid 2px #fee3d0 ;
		border-radius : 10px ;
		background-color : #fff ;
		margin : 10px auto 20px auto ;
		padding : 0 3% ;
		color : #000 ;
/*		font-size : 0px;  子要素のinline-blockの隙間対策 */
		line-height : 1.5 ;
		text-align : left ;
		position: relative;
	}
}

.img_smp {
	display : none ;
}

@media screen and (max-width: 640px) {
	.img_smp {
		display : block ;
		margin : 10px auto ;
		padding : 0 ;
		text-align : center ;
	}
}

.about_dd_text1b {
	font-weight : bold ;
}

.about_dd_text2 {
	color : #d60c32 ;
}

.about_dd_text3 {
	font-size : 10.5pt ;
	line-height : 17pt ;
}

.about_dd_frame1{
	border : solid 0px ;
	width : 860px ;
	margin : 20px auto 50px auto ;
	padding : 0px 50px 0px 50px ;
	font-size : 12.5pt ;
	line-height : 20pt ;
	text-align : left ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_frame1 {
		width : 90% ;
		border : solid 2px #fee3d0 ;
		border-radius : 10px ;
		background-color : #fff ;
		margin : 10px auto 20px auto ;
		padding : 0 3% ;
		color : #000 ;
/*		font-size : 0px;  子要素のinline-blockの隙間対策 */
		font-size : 13px ;
		line-height : 1.5 ;
		text-align : left ;
		position: relative;
	}
}



@media screen and (min-width: 641px) {
	p.pdg_L20 { /* 左パディング20px */
		padding-left : 20px ;
	}

	p.pdg_R413 { /* 右パディング413px */
		padding-right : 413px ;
	}

	p.pdg_R417 { /* 右パディング417px */
		padding-right : 417px ;
	}
}

.about_dd_note_box1 {
	border : solid 2px #b3b3b3 ;
	margin : 10px auto 20px auto ;
	padding : 10px 20px ;
	text-align : left ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_note_box1 {
		border : none ;
		background-color : #eee ;
		margin : 10px auto 20px auto ;
		padding : 5px 10px ;
	}
}


.about_dd_note_box1b { /* 下マージン30px */
	border : solid 2px #b3b3b3 ;
	margin : 10px auto 30px auto ;
	padding : 0px 20px ;
	text-align : left ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_note_box1b {
		border : none ;
		background-color : #eee ;
		margin : 10px auto 30px auto ;
		padding : 5px 10px ;
	}
}



.about_dd_block1_wrap {
	text-align : center ;
	position: relative;
}

.about_dd_block1{
	border : solid 0px ;
	margin : 0px auto 20px auto ;
	padding : 0px ;
	text-align : left ;
	display : inline-block ;
	position: relative;
}

p.note_idt1 {
	padding-left : 1em ;
	text-indent : -1em ;
}


.img_about_dd-1 { /* 右側の画像・共通 */
	margin : 0px 0px 30px 30px ;
	float : right ;
}

.img_about_dd-2 { /* 右側の画像・共通_下マージン0 */
	margin : 0px 0px 0px 30px ;
	float : right ;
}

hr.about_dd_line1 {
	border-style : solid ;
	border-width : 0px 0px 2px 0px ;
	border-color : #b3b3b3 ;
	margin : 0px ;
}

hr.about_dd_line2 {
	border-style : solid ;
	border-width : 0px 0px 2px 0px ;
	border-color : #b3b3b3 ;
	margin : 0px  0px 20px 0px ;
}

hr.about_dd_line3 {
	border-style : solid ;
	border-width : 0px 0px 2px 0px ;
	border-color : #b3b3b3 ;
	margin : 0px  0px 35px 0px ;
}

hr.about_dd_line4 {
	border-style : solid ;
	border-width : 0px 0px 2px 0px ;
	border-color : #b3b3b3 ;
	margin : 30px 0px 30px 0px ;
}


.about_dd_box1 {
	margin : 30px auto 30px auto ;
	padding : 25px 30px 25px 30px ;
	background-color : #fafafa ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_box1 {
		margin : 30px auto 30px auto ;
		padding : 0 ;
		background-color : trancparent ;
	}
}

h3.box1_head3 {
	margin : 0px ;
	padding : 0px ;
	color : #f66 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

@media screen and (max-width: 640px) {
	h3.box1_head3 {
		margin-top : 20px ;
		font-size : 15px ;
		line-height : 1.5 ;
	}
}

p.box1_list1_head {
	margin : 0px ;
	font-weight : bold ;
}

ul.box1_list1 {
	margin: 0px 0px 20px 0px ;
	padding: 0px 0px 0px 25px;
}

.about_dd_list_frame1 {
	margin : 50px 0px 0px 0px ;
}

.about_dd_list_block1 {
	margin : 0px 120px 0px 0px ;
	display : inline-block ;
}

.about_dd_list_block1:last-child {
	margin-right : 0px ;
}

ol.about_dd_list1 {
	margin : 0px ;
	padding-left : 2em ;
	font-weight : bold ;
}

ul.about_dd_list2 {
	margin : 0px 0px 50px 0px ;
	padding-left : 1.5em ;
}

@media screen and (max-width: 640px) {
	ul.about_dd_list2 {
		margin-bottom : 20px ;
	}
}


.about_dd_note2 {
	margin : 10px auto 0px auto ;
	padding : 0px ;
	font-size : 10.5pt ;
	text-align : center ;
	position: relative;
}

@media screen and (max-width: 640px) {
	.about_dd_note2 {
		font-size : 13px ;
		line-height : 1.5 ;
		text-align : left ;
	}
}



.button01_frame {
	width : 706px ;
/*	background-color : #00aff2 ; */
/*	border-radius : 100px ; */
	margin : 20px auto 20px auto ;
	padding : 0 ;
	position: relative;
}

a.button01 {
	border-radius : 100px ;
	margin : 0 ;
	padding : 10px 40px 10px 20px ;
	font-size : 100% ;
	line-height : 1.5 ;
	background : url(../../images_smp/flash/smp_btn_arrow01.gif) no-repeat;
	background-position : top 50% right 10px ;
	background-size : 20px;
	background-color : #00aff2 ; 
	color : #fff ;
	text-align : center ;
	font-weight : bold ;
	text-decoration:none ;
	font-size : 13pt ;
	letter-spacing : 0.2em ;
	display: block;
	position: relative;
}


@media screen and (min-width: 641px) {
	a.button01:hover,
	a.button01:active {
		background-color : #0193cc ;
	}
}

@media screen and (max-width: 640px) {
	.button01_frame {
		width : 96% ;
	}

	a.button01 {
		border-radius : 100px ;
		margin : 0 ;
		padding : 10px 40px 10px 20px ;
		font-size : 13px ;
		line-height : 1.5 ;
		letter-spacing : 0em ;
	}
}



.button_link1 { /* ボタンの外枠 */
	width : 960px ;
	margin :35px auto 60px auto ;
	text-align : center ;
	position: relative ;
}

.button_link1b { /* ボタンの外枠_親要素が960px未満のとき */
	margin :35px auto 60px auto ;
	text-align : center ;
	position: relative ;
}

.button_link1c { /* ボタンの外枠_下マージン０ */
	margin :35px auto 0px auto ;
	text-align : center ;
	position: relative ;
}

a.btn_link1 {
	width : 706px ;
	height : 26px ;
	margin :0px auto 0px auto ;
	padding-top : 13px ;
	font-size : 13pt ;
	line-height : 13pt ;
	color : #fff ;
	font-weight : bold ;
	letter-spacing : 0.2em ;
	text-align : center ;
	display: block;
	position: relative;
}

a.btn_link1:link,
a.btn_link1:visited {
	color : #fff ;
	text-decoration:none ;
	background: url(../../ec/images/iq_button_bg_03.jpg) no-repeat;
}
a.btn_link1:hover,
a.btn_link1:active {
	color : #fff ;
	text-decoration:none ;
	background: url(../../ec/images/iq_button_bg_03_ov.jpg) no-repeat;
}

h3.about_dd_head3 {
	margin : 0px ;
	padding : 0px ;
	color : #000 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

h3.about_dd_head3b {
	margin : 0px 0px 20px 0px ;
	padding : 0px ;
	color : #000 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

h3.about_dd_head3c {
	margin : 0px ;
	padding : 0px ;
	color : #193ec3 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

@media screen and (max-width: 640px) {
	h3.about_dd_head3,
	h3.about_dd_head3b,
	h3.about_dd_head3c {
		margin-top : 20px ;
		font-size : 15px ;
		line-height : 1.5 ;
	}
}

h4.about_dd_head4 {
	margin : 0px ;
	padding : 0px ;
	color : #000 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

h4.about_dd_head4b {
	margin : 0px ;
	padding : 0px ;
	color : #193ec3 ;
	font-size : 12.5pt ;
	font-weight : bold ;
}

@media screen and (max-width: 640px) {
	h4.about_dd_head4,
	h4.about_dd_head4b {
		margin-top : 20px ;
		font-size : 13px ;
	}
}


.link_area01 {
	border : solid 0px ;
	width : 960px ;
	margin : 50px auto 50px auto ;
	padding : 0px ;
	text-align : center ;
	font-size : 0px ; /* 子要素のinline-blockの隙間対策 */
	position: relative;
}

@media screen and (max-width: 640px) {
	.link_area01 {
		width : 90% ;
	}
}

.link_area01_head {
	margin : 0px 0px 20px 0px ;
	font-size : 12pt ;
}

@media screen and (max-width: 640px) {
	.link_area01_head {
		margin-bottom : 10px ;
		font-size : 13px ;
		line-height : 1.5 ;
		text-align : left ;
	}
}

.link_area01_btn1L {
	display : inline-block ;
	margin : 0px 34px 27px 0px ;
}

.link_area01_btn1R {
	display : inline-block ;
	margin : 0px 0px 27px 0px ;
}

	/* 最後の２つは下マージン0 */
@media screen and (min-width: 641px) {
	.size_446x89 {
		width : 446px ;
		height : 89px ;
	}

	.size_445x89 {
		width : 445px ;
		height : 89px ;
	}

	.size_445x90 {
		width : 445px ;
		height : 90px ;
	}

	.link_area01_btn1L:nth-last-child(-n+2),
	.link_area01_btn1R:nth-last-child(-n+2) {
		margin-bottom : 0px ;
	}
}

@media screen and (max-width: 640px) {
	.link_area01_btn1L {
		display : block ;
		margin : 0px 0px 10px 0px ;
	}

	.link_area01_btn1R {
		display : block ;
		margin : 0px 0px 10px 0px ;
	}
}






/* マウスオーバーで画像を半透明・背景白 */
.img_link1 {
	border : solid 0px ;
	background-color : #fff ;
/*	margin : 0 ;
	padding : 0 ; */
}

.img_link1 a:link,
.img_link1 a:visited {
	opacity : 1 ;
}

@media screen and (min-width: 641px) {
	.img_link1 a:hover,
	.img_link1 a:active {
		opacity : 0.7 ;
	}
}
/* マウスオーバーで画像を半透明・背景白_ここまで */



.button03_frame {
	border : solid 0px ;
	width : 960px;
	margin : 42px auto 50px auto ;
	padding : 0px ;
	text-align : left ;
	position: relative;
}

.button03b_frame { /* 下マージン０ */
	border : solid 0px ;
	width : 960px;
	margin : 42px auto 0px auto ;
	padding : 0px ;
	text-align : left ;
	position: relative;
}

.img_btn03-1 {
	width : 391px ;
	position: relative ;
	top :0px ;
	left : 71px ;
}

.img_btn03-2 {
	width : 391px ;
	position: absolute ;
	top :0px ;
	left : 498px ;
}

.button03c_frame { /* 親要素が横960pxより小さい時_171108 */
	border : solid 0px ;
	margin : 42px auto 50px auto ;
	padding : 0px ;
	text-align : center ;
	position: relative;
}

.img_btn03-1b { /* 171108 */
	width : 391px ;
	margin-right : 35px ;
	position: relative ;
	display : inline-block ; 
}

.img_btn03-2b { /* 171108 */
	width : 391px ;
	display : inline-block ; 
}

.img_btn03-3 { /* 180206 */
	margin-top : 35px ;
	text-align : center ;
}

.button04_frame {
	width : 960px;
	margin : 50px auto 50px auto ;
	padding : 0px ;
	text-align : center ;
	position: relative;
}

.button04b_frame { /* 下マージン０ */
	width : 960px ;
	margin : 50px auto 0px auto ;
	padding : 0px ;
	text-align : center ;
	position: relative;
}

.button04c_frame { /* 親要素が横960pxより小さい時_171108 */
	margin : 50px auto 50px auto ;
	padding : 0px ;
	text-align : center ;
	position: relative;
}


	/* スマホ用 */
.bnr_req1 {
	margin: 30px auto 10px auto;
	width: 90%;
	line-height: 0px;
	text-align: center;
}

.bnr_req1_note1 {
	margin: 10px auto 10px auto;
	color: #474747;
	font-size: 3.3vw;
	text-align: center;
}