@charset "utf-8"; 

/*===============================================
¡ñsmart.css  »­Ãæ¤Îºá·ù¤¬640px¤Þ¤Ç
===============================================*/
@media screen and (max-width:640px){

/*============================
#inContents
============================*/

.dummyContents { display: none; }
.inContents { display: block; }
#descContents { margin-top: 0; background-size: 100% auto; padding: 50px 10px 40px 10px; }
#pageTitle { background: none; }
#pageTitle span { display: block; margin: 5px 0 0 0; }
#pageCopy { font-size: 11px; padding: 10px; }
#descIndex { width: 100%; margin-top: 30px; }
#descIndex .leftArea { width: 48%; }
#descIndex .leftArea .contents { margin-top: 20px; }
#descIndex .rightArea { width: 48%; }
#descIndex .rightArea .contents { margin-top: 20px; }
#descIndex .contents table tr td { padding: 5px; white-space: normal; font-size: 11px; }
#descIndex .contents table tr td.left { width: inherit; }
#descIndex .contents table tr td.cols {}
#descIndex .contents table tr td.cols span { display: block; margin-left: 0; margin-top: 2px; }
#curriculumContents { width: 100%; }
#curriculumContents .leftArea { float: inherit; width: 100%; }
#curriculumContents .rightArea { float: inherit; width: 100%; }
#curriculumContents .curriculumBlock { padding-top: 10px; }
#curriculumContents .curriculumBlock .pad { padding: 10px; }
#curriculumContents .curriculumBlock .data { margin-top: 8px; }
#curriculumContents .curriculumBlock .data table th { padding: 5px; font-size: 11px; }
#curriculumContents .curriculumBlock .data table td { padding: 5px; font-size: 11px; }
#curriculumContents .curriculumBlock .title { font-size: 18px; }
#curriculumContents .curriculumBlock .title span { font-size: 14px; }
#curriculumContents .curriculumBlock .title a { font-size: 10px; }
#aboutContents .contents { padding: 20px; }
#voiceContents .contents { padding: 0; }
#voiceContents .contents .subTitle { padding: 0; }
#voiceContents .voice {}
#voiceContents .voice table th { width: 90px; }
#voiceContents .voice table td { padding: 10px; }
#voiceContents .voice table td .person { margin-bottom: 10px; }
#linkContents { width: 100%; }
#linkContents .curriculumBlock .pad { padding: 10px; }
#linkContents .leftArea { width: 49%; }
#linkContents .rightArea { width: 49%; }
#linkContents .bottomArea  .curriculumBlock .pad { padding-right: 0; }
#linkContents .bottomArea  .curriculumBlock .pad a { display: block; width: 42%; margin-right: 2%; float: left; }
#flowContents {}
#flowContents .contents { padding: 10px 10px 0; }
#flowContents .contents ul li { float: inherit; width: inherit; margin-right: 0; margin-bottom: 10px; }
#syosekiContents .contents { margin-right: 0; }
#syosekiContents .contents .bookBlock { width: 100%; margin-right: 0; }
#syosekiContents .contents .bookBlock table td .direction { text-indent: 0; padding-left: 0; }
#ogIndex { width: 100%; }
#ogContents .personal {}
#ogContents .personal .profile { border: top }
#ogContents .personal .profile table th { padding: 5px 0; width: 90px; }
#ogContents .personal .profile table td { padding: 5px; }
#ogContents .personal .profile table td em { padding-bottom: 5px; }
#ogContents .personal .profile table td .category { font-size: 11px; line-height: 1.25; }
#ogContents .personal .profile table td .theme { font-size: 11px; line-height: 1.25;  }
#ogContents .personal .profile table td .year { font-size: 11px; line-height: 1.25; }
#ogContents .questionBlock { margin:10px; }
#ogContents .questionBlock .question { padding: 8px 10px; line-height: 1.25; }
#ogContents .questionBlock .answer { padding: 10px 20px; line-height: 1.5; padding-left: 4em; text-indent: -3em; }
#toiawaseContents .contents { padding: 10px; }
#toiawaseContents .contents .data { padding: 5px 5px 0; }
#staffIndex { width: 100%; }
#staffIndex .leftArea { width: 49%; }
#staffIndex .rightArea { width: 49%;  }
#staffContents { width: 100%; }
#staffContents .leftArea { float: inherit; width: inherit; }
#staffContents .rightArea { float: inherit; width: inherit; }
#staffContents .curriculumBlock { padding-top: 20px; }
#staffContents .curriculumBlock .pad { padding: 10px; }
#staffContents .curriculumBlock .title {}
#staffContents .curriculumBlock .title table { width: 100%; }
#staffContents .curriculumBlock .title table td { padding-left: 10px; }
#staffContents .curriculumBlock .title table td em { display: block; padding-bottom: 5px; }
#staffContents .curriculumBlock .data table tr th { width: 70px; }
#memberContents .contents .curriculumBlock { width: 100%; float: inherit; margin-right: 20px; }
#memberContents .contents { margin-right: 0; }
#memberContents .contents .curriculumBlock .pad { padding: 10px; }
#memberContents .contents .curriculumBlock .data { margin-top: 5px; }
#memberContents .contents .curriculumBlock .data table tr th { background: #f5f5f5; color: #222; border: solid 1px #ddd; padding: 5px; }
#memberContents .contents .curriculumBlock .data table tr td { padding: 5px; }
#memberContents .contents .curriculumBlock .memberTitle em { margin-right: 0; display: block; padding-bottom: 3px; font-size: 18px; }
#memberDescContents .contents .pad { padding: 10px; }
#memberDescContents .contents .subTitle { margin-top: 10px; }
#memberDescContents .contents .data { margin-top: 15px; z-index: 1; }
#memberDescContents .contents .data table { width: 100%; }
#memberDescContents .contents .data table tr {}
#memberDescContents .contents .data table tr th { padding: 5px; width: 100px; }
#memberDescContents .contents .data table tr td { padding: 5px; }
#infoContents .contents { padding: 20px; }
#infoContents .contents .data { padding: 5px 0 0; }
#infoContents .contents .data table th { width: 50px; }
#infoContents .infoLink .pad { padding: 10px; }
#supportContents { margin-right: 0; }
#supportContents .block { float: inherit; width: auto; margin-right: 0; }
#supportContents #about01 { padding-top: 15px; }
#supportContents #about02 { padding-top: 15px; }
#supportContents #about03 { padding-top: 15px; }
#supportContents #about04 { padding-top: 15px; }
#supportContents .contents { padding: 10px; }
#gakuhiContents .block { padding-top: 20px; }
#gakuhiContents .contents { padding: 10px; }
#gakuhiContents .contents p { margin-top: 10px; padding-top: 10px; }
#gakuhiContents .contents .data { margin-top: 10px; padding: 0; }
#gakuhiContents .contents .data table th ,
#gakuhiContents .contents .data table td { padding: 5px; }
#gakuhiContents .contents .data table th.dataTitle { padding: 5px; }
#setsubiContents .box { padding-top: 20px; }
#setsubiContents .box .contents { padding: 10px; }
#setsubiContents .box .contents .copy { padding-bottom: 10px; padding-right: 10px; }
#setsubiContents .box .contents .photoBlock { width: inherit; float: inherit; margin-right: 0; padding-top: 10px; clear: both; border-top: dotted 1px #ccc; }
#setsubiContents .box .contents .photoBlock .image { float: left; width: 25%; margin-right: 3%; padding-bottom: 10px; background: inherit; }
#setsubiContents .box .contents .photoBlock .image img { width: 100%; height: auto; }
#setsubiContents .box .contents .photoBlock .text { float: left; width: 70%; margin-top: 0; padding-bottom: 10px; }
#setsubiContents .box .contents .photoBlockFirst { border: none; padding-top: 0; }

}