@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 0px) and (max-width: 640px) {


/***** センター紹介：センター長あいさつ *****/

.greeting-area {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
}

.greeting-area .g-intro-wrap {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
}

.g-intro-wrap .intro-l {
    width: 100%;
    float: none;
    margin:0 0 10px;
    padding:0;
    position: relative;
    overflow: hidden;
}

.g-intro-wrap .intro-r {
    width: 100%;
    float: none;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
}

.g-intro-wrap .intro-r .intro-r-wrap {
    width: 100%;
    margin:0 0 30px;
    padding:0 0 30px;
    position:relative;
    overflow: hidden;
    line-height: 160%;
    text-align: center;
    border-bottom: solid 1px #000000;
}

.intro-r-wrap .intro-r-name {
    font-size: 130%;
    font-weight: bold;
    margin:0 0 10px;
}

.intro-r-wrap .intro-r-name .nsmall {
    font-size: 80%;
}

.intro-r-wrap .intro-r-section {
    font-size: 100%;
    font-weight: normal;
}

.greeting-txt {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 100%;
    line-height: 210%;
}

.greeting-txt ul {
    font-size: 90%;
    line-height: 180%;
}

.greeting-txt ul li {
    margin:0 0 10px;
}

/***** センター紹介：センターについて *****/

.rinen-area {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
}

.rinen-area ul.rinen-list {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
    list-style: none;
}

.rinen-area ul.rinen-list li.rinen-item {
    width: 100%;
    margin:0 0 50px;
    padding:0;
    position:relative;
    overflow: hidden;
}

li.rinen-item .rinen-mds {
    width: 100%;
    margin:0 0 20px;
    padding:0;
    position:relative;
    overflow: hidden;
}

.rinen-mds .rinen-mds-l {
    width: 10%;
    float: left;
    margin:0 2% 0 0;
    padding:30px 5px 30px 0;
    border-right:solid 3px #dcdcdc;
}

.rinen-mds .rinen-mds-r {
    width: 85%;
    float: left;
    margin:0;
    padding:20px 0 0;
    font-size:140%;
    line-height: 200%;
    font-weight: bold;
    text-align: left;
}

.rinen-txt-area {
    width: 100%;
    margin:0;
    padding:30px 0;
    position:relative;
    overflow: hidden;
    background-color:#f2f2f2;
}

.rinen-txt-area .rinen-txt {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
    font-size: 90%;
    line-height: 210%;
}

ul.rinenpoints-list {
    width: 100%;
    margin:10px 0;
    padding:0;
    position:relative;
    overflow: hidden;
    display: block;
}

ul.rinenpoints-list li.rp-item {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    list-style-image:url("../img/page-centerintro/about_bullet.png");
}

.kyocho-yellow {
    font-size: 120%;
    font-weight: bold;
    background: linear-gradient(transparent 50%, #fff100 50%);
    display: inline;
    padding: 0 0 2px;
}

.kyocho-pink {
    width: 100%;
    margin:30px 0;
    padding:0;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 80%;
    line-height: 210%;
    font-weight: bold;
    color:#ff5555
}

.soshiki-area {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
}

.soshiki-area .soshiki-img {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
}
	
/***** センター紹介：スタッフ紹介 *****/

ul.staff-list {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
}

ul.staff-list li.staff-item {
    width: 90%;
    min-height: auto;
    margin:0 auto 30px;
    padding:30px 0;
    position: relative;
    overflow: hidden;
    border:dotted 4px #525252;
}

li.staff-item .staff-wrap {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
}

.staff-wrap .staff-img-l {
    width: 50%;
    float: none;
    margin:0 auto;
    padding:0;
	position: relative;
	overflow: hidden;
}

.staff-wrap .staff-info-r {
    width: 95%;
    float: none;
    margin:0 auto;
    padding:0;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.staff-wrap .staff-info-r .staff-centerpost {
    width: 100%;
    margin:0 0 10px;
    padding:0;
    position: relative;
    overflow: hidden;
    color:#749f15;
    font-size: 110%;
    font-weight: bold;
	text-align: center;
}

.staff-wrap .staff-info-r .staff-name {
    width: 100%;
    margin:0 0 10px;
    padding:0;
    position: relative;
    overflow: hidden;
    color:#000000;
    font-size: 140%;
    font-weight: bold;
}

.staff-info-r .staff-name .staff-nameeng {
    font-size: 60%;
    font-weight: normal;
    margin:0 0 0 20px;
}

.staff-wrap .staff-info-r .staff-genpost {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    color:#000000;
    font-size: 100%;
    font-weight: normal;
}

.starbreaker {
	width: 15%;
	margin:30px auto;
	padding:0;
	position: relative;
	overflow: hidden;
}

ul.kyakuin-list {
	width: 100%;
	margin:0;
	padding:0;
	position: relative;
	overflow: hidden;
	list-style: none;
}

ul.kyakuin-list li.kyakuin-item {
	width:90%;
	float: none;
	margin:0 auto;
	padding:0;
	position: relative;
	overflow: hidden;
	border-bottom:dotted 4px #000000;
}

ul.kyakuin-list li.kyakuin-item:nth-child(2n+2) {
	margin:0 auto;
}

li.kyakuin-item .kyakuin-wrap {
	width: 100%;
	margin:0;
	padding:20px 0;
	position: relative;
	overflow: hidden;
	color:#000000;
}

.kyakuin-wrap .kyakuin-type {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: bold;
	color:#749f15;
	position: relative;
	overflow: hidden;
}

.kyakuin-wrap .kyakuin-name {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 140%;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.kyakuin-wrap .kyakuin-name .kyakuin-nameeng {
	padding:0 0 0 10px;
	font-size: 60%;
	font-weight: normal;
}

.kyakuin-wrap .kyakuin-post {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: normal;
	position: relative;
	overflow: hidden;
}

ul.supportstaff-list {
	width: 100%;
	margin:0;
	padding:0;
	position: relative;
	overflow: hidden;
	list-style: none;
}

ul.supportstaff-list li.supportstaff {
	width: 90%;
	margin:0 auto;
	padding:0;
	position: relative;
	overflow: hidden;
	display: block;
	border-bottom:solid 2px #000000;
}

li.supportstaff .ss-wrap {
	width: 100%;
	margin:0;
	padding:20px 0;
	position: relative;
	overflow: hidden;
}

.ss-wrap .ss-type {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: bold;
	color:#749f15;
	position: relative;
	overflow: hidden;
}

.ss-wrap .ss-name {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 140%;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.ss-wrap .ss-nameeng {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
	
/***** 希望創発研究会：教育研究システム *****/

.about-grey {
    width: 95%;
    margin:0 auto 30px;
    padding:30px 0;
    position: relative;
    overflow: hidden;
    background-color:#f1f1f1;
    font-size: 100%;
    font-weight: bold;
    line-height: 190%;
}

.about-grey .about-grey-wrap {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
}

a.link-aol {
    text-decoration: underline;
    color:#ff841f;
}

a.link-sol {
    text-decoration: underline;
    color:#217fbf;
}

.about-grey .about-grey-wrap a:hover {
    text-decoration: none;
}
	
.about-img {
	width: 100%;
	margin:0 0 30px;
	padding:0;
	position: relative;
	overflow: hidden;
}

.learntype-box {
    width: 100%;
    margin:0 0 50px;
    padding:30px 0;
    position:relative;
    overflow: hidden;
    border:dotted 4px #000000;
    border-radius: 5px;
}

.learntype-box ul.learntype-list {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
    list-style:none;
}

 ul.learntype-list li.learntype-item {
     width: 100%;
     margin:0 0 30px;
     padding:0 0 30px;
     position: relative;
     overflow: hidden;
	 border-bottom:solid 1px #B6B3B3;
 }
 
  ul.learntype-list li.learntype-item:last-child {
	margin:0;
	padding:0;
	border-bottom:none;
	  
}

 ul.learntype-list li.learntype-item .lt-mds {
    width:auto;
    margin:0 auto;
    padding:5px 2%;
    position: relative;
    overflow: hidden;
    font-size: 110%;
    font-weight: bold;
    background-color:#fff000;
    display: inline-block;
}

 ul.learntype-list li.learntype-item .lt-txt {
    width:95%;
    margin:0 auto;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 100%;
    line-height: 180%;
}

/***** 希望創発研究会：教育研究テーマ *****/

.researchtheme-img {
    width: 90%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
}

ul.rt-list {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
    list-style: none;
}

ul.rt-list li.rt-item {
    width: 100%;
    margin:0 0 50px;
    padding:0;
    position:relative;
    overflow: hidden;
}

ul.rt-list li.rt-item:last-child {
    margin:0;
}

.themesub-txt {
    width: 90%;
    margin:0 auto 10px;
    padding:0;
    position:relative;
    overflow: hidden;
    font-weight: normal;
    font-size: 90%;
    line-height: 180%;
}

/***** 希望創発研究会：教育研究スケジュール *****/

table.research-schedule {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    background-color:#B2B5B5;
    border-spacing: 2px;
}

table.research-schedule th,td {
    padding:30px 5px;
    text-align: center;
    font-size: 85%;
    font-weight: bold;
}

table.research-schedule th {
    background-color:#4a4a4a;
    color:#FFFFFF;
    font-size: 100%;
}

table.research-schedule td {
    background-color:#FFFFFF;
}

table.research-schedule .kai,.month {
    width: 8%;
}

table.research-schedule .keitai,.mokuhyo {
    width: 32%;
    text-align: left;
}

.warning {
    width: 100%;
    margin:10px 0 0;
    padding:0;
    position:relative;
    overflow: hidden;
    font-size: 90%;
	line-height: 180%;
    color:#ff5555;
    font-weight: bold;
}

/***** 希望創発研究会：参画企業一覧 *****/

ul.sankakumembers-list {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    list-style: none;
}

ul.sankakumembers-list li.members-item {
    width: 100%;
    margin:0 0 50px;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 100%;
}

ul.sankakumembers-list li.members-item:last-child {
    margin:0;
}

ul.members-sub-list {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 90%;
    font-weight: bold;
    line-height: 210%;
}

ul.members-sub-list li.members-sub-item {
    width: 85%;
    margin: 0 auto 5px;
    padding: 0;
    position: relative;
    list-style-image: url(/_files/00123136/bullet-pink.png);
}
	
ul.members-sub-list li.members-sub-item:last-child {	
	margin:0 auto;
}

.sankaku-pink {
    width: 85%;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
    font-size: 90%;
    color:#ff5555;
    font-weight: bold;
}

/***** 希望創発研究会：参画メンバー募集について *****/

ul.boshubtns-list {
    width: 100%;
    margin:50px 0;
    padding:0 0 50px;
    position: relative;
    overflow: hidden;
    border-bottom:solid 1px #e4e4e4;
    list-style: none;
}

ul.boshubtns-list li.boshubtns-item {
    width: 48%;
    float: left;
    margin:0 4% 0 0;
    padding:0;
    background-color:#000000;
    border-radius: 30px;
    text-align: center;
    font-size: 120%;
    font-weight:bold;
    transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
}
	
	
ul.boshubtns-list li.boshubtns-item:nth-child(2n+2) {
	margin:0;
}

ul.boshubtns-list li.boshubtns-item:hover {
    background-color:#aed950;
}

ul.boshubtns-list li.boshubtns-item a:hover {
    color:#000000;
}

ul.boshubtns-list li.boshubtns-item a {
    width: 100%;
    height: 100%;
    display: block;
    padding:30px 0;
    color:#FFFFFF;
    text-decoration: none;
}

ul.sankaku-boshu-list {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
    list-style: none;
}

ul.sankaku-boshu-list li.sankaku-boshu-item {
    width: 100%;
    margin:0 0 50px;
    padding:0 0 50px;
    position: relative;
    overflow: hidden;
    border-bottom:solid 1px #e4e4e4;
}

ul.sankaku-boshu-list li.sankaku-boshu-item:last-child {
    margin:0;
    padding:0;
    border-bottom:none;
}

/***** 希望創発研究会：例会実施報告 *****/

.research-report-wrap {
    width: 100%;
    margin:0;
    padding:0;
    position: relative;
    overflow: hidden;
}

.research-report-wrap h2.date {
    width:100%;
    float: none;
    margin:0 0 5px;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 90%;
    font-weight: normal;
}

.research-report-wrap ul {
   width:100%;
    float: none;
    margin:0 0 20px;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 100%;
    font-weight: bold;
    list-style: none;
}


/*****  SBインターンシップ：SBインターンシップとは *****/

.sbiintro-txt {
    width: 100%;
    margin:0 0 30px;
    padding:0;
    position:relative;
    overflow: hidden;
    font-size: 110%;
    line-height: 210%;
    font-weight: bold;
}

.tostudents {
    width: 98%;
    margin:0 auto 30px;
    padding:10px 0;
    position:relative;
    overflow: hidden;
    background-color:#fff000;
    border-radius: 30px;
    border: solid 3px #000000;
}

.tostudents .tostudents-wrap {
    width:95%;
    margin:0 auto;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 90%;
    line-height: 180%;
    font-weight: bold;
}

.tostudents .tostudents-wrap .tostudents-mds {
    font-size: 110%;
}

.sbi-aboutimg {
    width: 100%;
    margin:0 0 50px;
    padding:0;
    position: relative;
    overflow: hidden;
}

.aboutsbi-txt {
    width: 100%;
    margin:0 0 50px;
    padding:0;
    position: relative;
    overflow: hidden;
    font-size: 100%;
    font-weight: bold;
    line-height: 210%;
}

/*****  SBインターンシップ：スケジュール *****/

.sbi-schedule-area {
    width: 100%;
    margin:0 0 100px;
    padding:0;
    position:relative;
    overflow: hidden;
	font-size: 90%;
	line-height: 180%;
}

.sbi-schedule-area:last-child {
    margin:0;
}

table.sbi-schedule {
    width: 100%;
    margin:0;
    padding:0;
    position:relative;
    overflow: hidden;
    background-color:#636363;
    border-spacing: 1px;
}

table.sbi-schedule tr:nth-child(even) {
    background-color:#FFFFFF;
}

table.sbi-schedule tr:nth-child(odd) {
    background-color:#ffefef;
}

table.sbi-schedule th,td {
    padding:10px 5px;
}

table.sbi-schedule th {
    background-color:#4a4a4a;
    color:#FFFFFF;
}

table.sbi-schedule .period {
    width: 20%;
    text-align: left;
}

table.sbi-schedule .forstudents,.forsupervisors {
    width: 40%;
    text-align: left;
}

}