diff --git a/activities/activities.css b/activities/activities.css
index b8b5d60..415c288 100644
--- a/activities/activities.css
+++ b/activities/activities.css
@@ -28,7 +28,9 @@
margin-bottom: 60px;
}
main {
- width: 65%;
+ width: 70%;
+ background-color: white;
+ border-radius: 20px;
}
main article {
margin-bottom: 30px;
@@ -48,12 +50,21 @@
}
main .active-text-box {
padding: 10px 40px 30px 40px;
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: 500;
+ color: #333;
}
main .active-text-box .text{
text-indent: 1em;
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: 500;
+ color: #333;
}
main .active-text-box ul li{
list-style: disc;
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: 500;
+ color: #333;
}
#sidebar {
width: 33%;
@@ -86,11 +97,12 @@
padding-top: 70px;
}
.article-title-area:nth-child(1){
- padding-top: 0;
+ padding-top: 40px;
}
.article-title-area figure{
width: 80px;
margin-right: 30px;
+ margin-left: 30px;
}
.article-title-area figure img{
width: 100%;
@@ -127,7 +139,7 @@
flex-direction: column;
}
main {
- width: 100%;
+ width: 100%;
}
#sidebar {
width: 100%;
diff --git a/testpage/test.css b/testpage/test.css
index f76e87b..503cca9 100644
--- a/testpage/test.css
+++ b/testpage/test.css
@@ -1,720 +1,1370 @@
-@charset "UTF-8";
-
-* {
- margin: 0px;
- padding: 0px;
-}
-
- html {
- font-size: 100%;
- }
- body{
- margin: 0;
- height: 100%;
- font-family: 'Noto Sans JP', sans-serif;
- color: rgb(45, 45, 45);
- line-height: 1.7;
-}
-body:after{
- margin: 0;
- position: fixed;
- top: 0; left: 0;
- width: 100%; height: 100%;
- content: "";
- background: #afeeee;
- /* background: -moz-linear-gradient(top, #afeeee 0%,#FFF 100%); */
- /* background: -webkit-linear-gradient(top, #afeeee 0%,#FFF 100%); */
- background: linear-gradient(to bottom, #afeeee 0%, #fff 100%);
- z-index: -1;
-}
-
-body.vmenuspace {margin-top: 2em; border-top: 3px solid;}
-div.scrollbox {
- height: 6em; overflow: auto; background: #eff;
-}
-
-img {
- max-width: 100%;
- }
-/*--------------------------------------common---------------------------------*/
-.section-title {
- font-size: 2.1rem;
- text-align: center;
- position: relative;
- width: 100%;
- margin-top: 30px;
- margin-bottom: 20px;
- text-shadow: 0 4px 6px rgb(194, 194, 194);
- }
-.section-title::before{
- content: '';
- display: inline-block;
- width: 170px;
- height: 170px;
- background-image: url(../testpage/yellow-green.png);
- background-size: contain;
- vertical-align: middle;
-}
-.section-title::after{
- content: '';
- display: inline-block;
- width: 170px;
- height: 170px;
- background-image: url(../testpage/green.png);
- background-size: contain;
- vertical-align: middle;
-}
-.section-text{
- text-align: center;
- font-size: 1.3rem;
- padding-top: 10px;
- padding-bottom: 30px;
- max-width: 800px;
- margin: 0 auto;
- line-height: 1.7;
-}
-.wrapper {
- max-width: 1150px;
- margin: 0 auto;
- padding: 0 5%;
- padding-top: 30px;
- margin-bottom: 80px;
- }
-/* --------------------------------------ヘッダー ------------------------------------------------------------*/
-.header{
- width: 100vw;
- height: auto;
- z-index: 99;
- position: fixed;
- transition: all .5s;
- top:0;
- padding-top: 10px;
- padding-bottom: 10px;
-}
-#hamburger-menu{
- opacity: 0;
- position: fixed;
-}
-.header.change-color {
- background-color: #ffffff;
- }
-
-.header-nav {
- height: auto;
- max-width: 1200px;
- margin: 0 auto;
- padding: 0 5%;
- }
- .header-nav .sp-logo{
- display: none;
- }
+/*
+ * CSS for Junior-Doctor Chokai Academy
+ */
+ @charset "UTF-8";
- .header-nav nav ul {
- display: flex;
- justify-content: space-between;
- align-items: center;
+ * {
+ margin: 0px;
+ padding: 0px;
}
+
+ html {
+ font-size: 100%;
+ }
+ body{
+ margin: 0;
+ height: 100%;
+ font-family: 'Noto Sans JP', sans-serif;
+ color: rgb(45, 45, 45);
+ line-height: 1.7;
+ }
+ body:after{
+ margin: 0;
+ position: fixed;
+ top: 0; left: 0;
+ width: 100%; height: 100%;
+ content: "";
+ background: #afeeee;
+ /* background: -moz-linear-gradient(top, #afeeee 0%,#FFF 100%); */
+ /* background: -webkit-linear-gradient(top, #afeeee 0%,#FFF 100%); */
+ background: linear-gradient(to bottom, #afeeee 0%, #fff 100%);
+ z-index: -1;
+ }
+
+ body.vmenuspace {margin-top: 2em; border-top: 3px solid;}
+ div.scrollbox {
+ height: 6em; overflow: auto; background: #eff;
+ }
+
+ img {
+ max-width: 100%;
+ }
+ dt {font-weight: bold;}
+ dd {margin-left: 1.5em;}
- .header-nav nav ul li {
- margin-right: 50px;
- list-style: none;
- font-size: 1.05em;
- padding-left: 9px;
- padding-right: 9px;
- border-left: grey 2px dotted;
- border-right: grey 2px dotted;
+ .erase-line {
+ text-decoration: line-through;
+ }
+ /* --------------------------------------ヘッダー ------------------------------------------------------------*/
+ .header{
+ width: 100vw;
+ height: auto;
+ z-index: 99;
+ position: fixed;
+ transition: all .5s;
+ top:0;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ #hamburger-menu{
+ opacity: 0;
+ position: fixed;
+ }
+
+ .header-nav {
+ height: auto;
+ max-width: 1400px;
+ margin: 0 auto;
+ padding: 0 5%;
+ }
+ .header-nav .sp-logo{
+ display: none;
+ }
+
+ .header-nav nav ul {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 1rem;
+ }
+
+
+ .header-nav nav ul li {
+ /* margin-right: 50px; */
+ list-style: none;
+ /* font-size: 1.05em; */
+ /* padding-left: 9px; */
+ /* padding-right: 9px; */
+ border-left: grey 2px dotted;
+ border-right: grey 2px dotted;
+ }
+ .header-nav nav ul li:last-child{
+ margin-right: 50px;
}
.header-nav nav ul .bd-no{
border: none;
}
-
+
.header-nav nav ul li a{
- text-decoration: none;
- color: black;
- transition: .3s;
- display: block;
+ text-decoration: none;
+ color: black;
+ transition: .3s;
+ display: block;
+ }
+ .header-nav nav ul li a:hover{
+ border-bottom: grey 3px dotted;
+ }
+ .header-nav nav ul li .bd-none:hover{
+ border-bottom: none;
+ }
+
+ .top-logo{
+ width: 65px;
+ height: 65px;
+ object-fit: cover;
+ }
+ header.scroll-nav{
+ background: rgba(255, 255, 255, 0.87);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ label .buns .patty-name{
+ display: none;
}
- .header-nav nav ul li a:hover{
- border-bottom: grey 3px dotted;
+ /*--------------------------------------common---------------------------------*/
+ .wrapper {
+ max-width: 1150px;
+ margin: 0 auto;
+ padding: 0 5%;
+ padding-top: 30px;
+ padding-bottom: 80px;
+ }
+ .section-title {
+ font-size: 2.1rem;
+ text-align: center;
+ position: relative;
+ width: 100%;
+ margin-top: 30px;
+ margin-bottom: 20px;
+ text-shadow: 0 4px 6px rgb(194, 194, 194);
+ }
+ .section-title::before{
+ content: '';
+ display: inline-block;
+ width: 170px;
+ height: 170px;
+ background-image: url(../jd/img/yellow-green.png);
+ background-size: contain;
+ vertical-align: middle;
}
- .header-nav nav ul li .bd-none:hover{
- border-bottom: none;
+ .section-title::after{
+ content: '';
+ display: inline-block;
+ width: 170px;
+ height: 170px;
+ background-image: url(../jd/img/green.png);
+ background-size: contain;
+ vertical-align: middle;
}
-
- .top-logo{
- width: 65px;
- height: 65px;
- object-fit: cover;
+ .section-text{
+ text-align: center;
+ font-size: 1.3rem;
+ padding-top: 10px;
+ padding-bottom: 30px;
+ max-width: 800px;
+ margin: 0 auto;
+ line-height: 1.7;
}
- header.scroll-nav{
- background: white;
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
- padding-top: 0;
- padding-bottom: 0;
- }
+ /*--------------------------------------//common----------------------------------*/
/* -----------------------------------------------------メインビジュアル */
- #mainvisual {
- height: 660px;
- position: relative;
- margin-bottom: 120px;
- width: 100%;
- margin:0;
- padding:0;
+ #mainvisual {
+ height: 660px;
+ position: relative;
+ margin-bottom: 120px;
+ width: 100%;
+ margin:0;
+ padding:0;
+ }
+ .mainvisual-inner{
+ margin-top: 110px;
+ max-width: 100%;
+ }
+ #mainvisual .top-text{
+ position: absolute;
+ z-index: 10;
+ top: 85px;
+ left: 6%;
+ overflow: hidden;
+ }
+ #mainvisual .top-text .text{
+ font-size: 1.8rem;
+ font-weight: bold;
+ margin-bottom: 10px;
+ color: white;
+ line-height: 4rem;
+ -ms-writing-mode: tb-rl;
+ writing-mode: vertical-rl;
+ text-shadow: 0 4px 6px #000;
+ }
+ .top-text-color{
+ color: rgb(79, 255, 255);
+ }
+ #mainvisual .top-title{
+ position: absolute;
+ z-index: 10;
+ /* top: 350px; */
+ bottom: 30%;
+ right:30%;
+ overflow: hidden;
+ }
+ #mainvisual .top-title .site-title{
+ font-size: 3.1rem;
+ font-weight: bold;
+ color: white;
+ text-shadow: 0 4px 6px #000;
+ text-align: center;
+ }
+ #mainvisual .top-title .site-title .small{
+ font-size: 1.6rem;
+ color: rgb(40, 255, 255);
+ text-shadow: 0 4px 6px #000;
+ font-weight: bold;
+ text-align: center;
+ }
+ .mainvisual-img{
+ position: relative;
+ max-width: 100%;
+ }
+ .mainvisual-img .top-title{
+ position: absolute;
+ top: 270px;
+ right: 30%;
+ z-index: 10;
+ font-size: 2.8rem;
+ }
+ #mainvisual .fade li {
+ max-width: 100%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ opacity: 0;
+ animation: fade 25s infinite;
+ list-style: none;
+ }
+ #mainvisual .fade li:nth-child(1) {
+ animation-delay: 0s;
+ }
+ #mainvisual .fade li:nth-child(2) {
+ animation-delay: 5s;
+ }
+ #mainvisual .fade li:nth-child(3) {
+ animation-delay: 10s;
+ }
+ #mainvisual .fade li:nth-child(4) {
+ animation-delay: 15s;
+ }
+ #mainvisual .fade li:nth-child(5) {
+ animation-delay: 20s;
+ }
+ #mainvisual .fade li img {
+ width: 1500px;
+ height: 610px;
+ object-fit: cover;
+ border-radius:1% 1% 1% 1%;
+ }
+ #mainvisual .fade li::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ box-shadow: inset 0px 0px 10px 10px #fff;
+ /* border-radius:1% 1% 1% 1%; */
+ }
+ @keyframes fade {
+ 0% {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 35% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+ }
+
+ @media screen and (max-width: 746px){
+ #mainvisual .top-text .text{
+ font-size: 1.4rem;
+ line-height: 2.5rem;
+ text-shadow: 0 3px 5px #000;
+ }
+ }
+ /* ---------------------------------------------------------//mainvisual */
+
+ /* -------------------------------------- home ---------------------------------------*/
+ /* ------------------------------------------------------------home-about */
+ /* scroll animation */
+ #home-about .scroll{
+ opacity: 0;
+ }
+ #home-about .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ .home-items .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ /* scroll animation */
+ .home-items{
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content:space-evenly;
+ align-items: center;
+ margin-top: 30px;
+ opacity: 0;
+ }
+
+ .home-items img{
+ width: 300px;
+ height: 216px;
+ }
+ #home-about .home-items h3{
+ font-size: 1.4rem;
+ }
+ #home-about .home-items p{
+ font-size: 1.2rem;
+ line-height: 2.0;
+ }
+ .what_study{
+ width:730px;
+ margin-bottom: 10px;
+ }
+ .what_study h3{
+ padding-bottom: 2px;
+ font-size: 1.3rem;
+ margin-bottom: 5px;
+ }
+ .what_study p{
+ font-size: 1.2rem;
+ line-height: 2.0;
+ }
+ .aiming_top{
+ width:730px;
+ margin-top: 50px;
+ }
+ .aiming_top h3{
+ padding-bottom: 2px;
+
+ font-size: 1.3rem;
+ margin-bottom: 5px;
+ }
+ .aiming_top p{
+ font-size: 1.2rem;
+ line-height: 2.0;
+ }
+ em.see {
+ font-style: normal; font-weight: bold;
+ background: linear-gradient(to top, yellow, transparent);
+ }
+ .text-bg{
+ background: linear-gradient(transparent 50%, rgb(253, 214, 140) 50%);
+ }
+
+ /*----- //home-about ------------------------------------------*/
+ /*------------- home-notice ----------------------------------*/
+ .notice li{
+ border-bottom:1px dotted #000;
+ list-style:none;
+ padding:10px;
+ width:800px;
+ margin: 0 auto;
+ }
+ .notice li a{
+ color:#000;
+ text-decoration:none;
+ }
+ .notice li a .news-title{
+ background-color:#2388b8;
+ border-radius:3px;
+ color:#fff;
+ display:inline-block;
+ margin-right:20px;
+ padding:5px;
+ }
+ .notice li a time{
+ display: inline-block;
+ font-weight: bold;
+ margin-right:40px;
+ }
+ .notice li a p{
+ color:#1c448d;
+ display: inline-block;
+ text-decoration:underline;
+ }
+ .notice li a .erase-line{
+ text-decoration: line-through;
+ }
+ .notice li a .erase-line-comment{
+ margin-left: 10px;
+ }
+ .new::after{
+ content:"NEW";
+ color: #d10606;
+ font-size: 1.1rem;
+ border: 1px solid #d10606;
+ padding: 4px 8px;
+ margin: 0 0 0 20px;
+ display: inline-block;
+ line-height: 1;
+ }
+ @media screen and (max-width: 746px){
+ .notice li{
+ padding:5px;
+ width: auto;
+ }
+ .notice li a span{
+ margin-right:20px;
+ padding:4px;
+ font-size: 0.8rem;
+ }
+ .notice li a time{
+ display:block;
+ font-size: 0.8rem;
+ }
+ .notice li a p{
+ display:block;
+ font-size: 0.8rem;
+ }
+ .new::after{
+ color: #d10606;
+ font-size: 0.8rem;
+ padding: 3px 7px;
+ }
+ }
+ /*------------- //home-notice ----------------------------------*/
+ /* ----------home-class_content -------------*/
+ #home-class_content{
+ padding: 50px 16px 50px 16px;
+ margin: -50px auto 10px auto;
+ }
+ /* scroll animation */
+ #home-class_content .scroll{
+ opacity: 0;
+ }
+ #home-class_content .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ #home-class_content .grid .show {
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ /* scroll animation */
+ #home-class_content .grid {
+ display: grid;
+ gap: 26px;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ }
+ #home-class_content .grid .class_content-item{
+ text-decoration: none;
+ color: #000;
+ }
+ #home-class_content .grid .item {
+ transition: all 0.3s ease;
+ box-shadow: 0 0 8px 4px #ccc;
+ border-radius: 40px;
+ }
+ .class_content-item > .item:hover{
+ opacity: 0.7;
+ }
+ #home-class_content .grid img {
+ vertical-align: top;
+ height: 300px;
+ width: 100%;
+ object-fit: cover;
+ border-radius: 40px 40px 0 0;
+ }
+ #home-class_content .grid .item-content {
+ padding: 30px;
+ }
+ #home-class_content .grid .item-cat {
+ font-size: 1.0rem;
+ margin-bottom: 20px;
+ }
+ #home-class_content .grid .item-text {
+ font-weight: bold;
+ margin-bottom: 20px;
+ font-size: 1.1rem;
+ }
+ #home-class_content .grid .item-date {
+ font-size: 0.85rem;
+ text-align: right;
+ }
+ .home-class_content-btn{
+ text-align: center;
+ margin-top: 30px;
+ }
+ .home-class_content-btn a{
+ border-bottom: 5px solid #007a9f;
+ text-decoration: none;
+ color: #fff;
+ border-radius: 100vh;
+ background-color: rgb(3, 202, 228);
+ padding: 10px 30px;
+ transition: .3s;
+ font-size: 1.4rem;
+ }
+ .home-class_content-btn a:hover{
+ margin-top: 3px;
+ border-bottom: 2px solid #007a9f;
+ }
+ .fa-position-right {
+ position: absolute;
+ top: calc(50% - .5em);
+ right: 1rem;
+ }
+ /* ---------------------------------//home-class_content ---------------------*/
+
+ /* ---------------------------------home-QA -------------------------------*/
+ @keyframes slidein {
+ 0% {
+ opacity: 0;
+ transform: translateY(-5px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
+ }
+ #home-qa{
+ margin: 0 auto;
+ padding-bottom: 40px;
+ }
+ .qa_list{
+ position: relative;
+ margin: 20px 20px 30px 20px;
+ border: dashed black;
+ border-width: 0 0 2px 0;
+ color: black;
+ }
+ .qa_list:hover{
+ color: rgb(255, 60, 0);
+ }
+ .qa_list .plus{
+ position: relative;
+ display: inline-flex;
+ font-size: 25px;
+ padding: 5px;
+ transition: .3s;
+ }
+ .qa_list input[type="checkbox"]:checked ~ .plus{
+ transform: rotate(45deg);
+ }
+ .qa_list label{
+ position: absolute;
+ top: 3px;
+ left: 30px;
+ padding: 5px;
+ font-size: 23px;
+ cursor: pointer;
+ }
+ .qa_list .ans{
+ position: relative;
+ max-height: 0;
+ overflow: hidden;
+ color: black;
+ margin: 5px;
+ transition: max-height .4s ease;
+ }
+ .qa_list .ans span{
+ font-size: 25px;
+ }
+ .qa_list input[type="checkbox"]:checked ~ div.ans{
+ max-height: 300px;
+ animation: slidein 0.5s;
+ transition: max-height .6s ease;
+ }
+ .qa_list input{
+ display: none;
+ }
+ /* scroll animation */
+ #home-qa .scroll{
+ opacity: 0;
+ }
+ #home-qa .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ /* scroll animation */
+
+
+ /* ---------------------------------//home-QA -------------------------------*/
+ /* ----------------------------------home-info---------------------------------- */
+ #home-info{
+ background-color:white;
+ padding: 60px;
+ margin-bottom: 60px;
+ margin-top: 60px;
+ }
+ /* scroll animation */
+ #home-info .scroll{
+ opacity: 0;
+ }
+ #home-info .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ figure .scroll{
+ opacity: 0;
+ }
+ figure .show{
+ opacity: 1;
+ transition: 1s;
+ transform: translateY(-50px);
+ }
+ /* scroll animation */
+ #home-info img{
+ object-fit: cover;
+ width: 100%;
+ height: 450px;
+ }
+ .home-info-items{
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ }
+ .home-info-address_title{
+ font-size: 1.8rem;
+ color:#e02f3b;
+ }
+ .info-item {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ padding-top: 70px;
+ }
+ .info-text .info-small{
+ font-size: 0.9rem;
+ }
+ .info-address{
+ font-size: 15px;
+ text-align: justify;
+ box-sizing: border-box;
+ letter-spacing: 0.15em;
+ white-space: nowrap;
+ line-height: 1.9;
+ display: inline-block;
+ padding-bottom: 10px;
+ }
+ .line-dl div{
+ display: flex;
+ border-bottom: solid 1px #f5cbcd;
+ padding: 11px 5px 14px;
+ align-items: flex-start;
+ }
+ .line-dl div:nth-child(1){
+ border-top: solid 1px #f5cbcd;
+ }
+ .line-dl div .font-mg{
+ width: 110px;
+ text-align: justify;
+ box-sizing: border-box;
+ letter-spacing: 0.15em;
+ white-space: nowrap;
+ color: #e02f3b;
+ font-size: 15px;
+ line-height: 1.9;
+ }
+ .line-dl div dd{
+ width: calc(100% - 110px);
+ font-size: 14px;
+ letter-spacing: 0.04em;
+ color: #000;
+ line-height: 1.9;
+ display: inline-block;
+ transform: translateY(3px);
+ }
+ .line-dl div dd a{
+ width: calc(100% - 10px);
+ font-size: 14px;
+ letter-spacing: 0.04em;
+ color: #000;
+ line-height: 1.9;
+ display: inline-block;
+ transform: translateY(3px);
+ }
+ .line-dl div dd a:hover{
+ opacity: 0.6;
+ }
+ .line-dl div dd .info-small{
+ font-size: 13px;
+ }
+ iframe{
+ width: 450px;
+ height: 600px;}
+ .info-bottom-text{
+ margin-top: 40px;
+ }
+ /* ----------------------------------// home-info---------------------------------- */
+ /* footer */
+ footer { /* XXX: Change ME! */
+ border-top: 1px dashed #888;
+ font-size: 70%;
+ text-align: center;
+ }
+ /* //footer */
+ /* media */
+ @media screen and (max-width : 1024px){
+ .section-title {
+ font-size: 1.75rem;
+ }
+ header.scroll-nav{
+ background: rgba(255, 255, 255, 0.87);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+ align-items: center;
}
-.mainvisual-inner{
- margin-top: 110px;
- max-width: 100%;
-}
- #mainvisual .top-text{
- position: absolute;
- z-index: 10;
- top: 85px;
- left: 6%;
- overflow: hidden;
- }
- #mainvisual .top-text .text{
- font-size: 1.8rem;
- font-weight: bold;
- margin-bottom: 10px;
- color: white;
- line-height: 4rem;
- -ms-writing-mode: tb-rl;
- writing-mode: vertical-rl;
- text-shadow: 0 4px 6px #000;
- }
- .top-text-color{
- color: rgb(1, 204, 255);
- }
- #mainvisual .top-title{
- position: absolute;
- z-index: 10;
- top: 280px;
- right:30%;
- overflow: hidden;
- }
- #mainvisual .top-title .site-title{
- font-size: 3.1rem;
- font-weight: bold;
- color: white;
- text-shadow: 0 4px 6px #000;
- text-align: center;
- }
- #mainvisual .top-title .site-title .small{
- font-size: 1.6rem;
- color: indianred;
- text-shadow: 0 4px 6px #000;
- font-weight: bold;
- text-align: center;
- }
- .mainvisual-img{
- position: relative;
- max-width: 100%;
- }
- .mainvisual-img .top-title{
- position: absolute;
- top: 270px;
- right: 30%;
- z-index: 10;
- font-size: 2.8rem;
- }
- #mainvisual .fade li {
- max-width: 100%;
- position: absolute;
- top: 0;
- right: 0;
- opacity: 0;
- animation: fade 15s infinite;
- list-style: none;
- }
- #mainvisual .fade li:nth-child(1) {
- animation-delay: 0s;
- }
- #mainvisual .fade li:nth-child(2) {
- animation-delay: 5s;
- }
- #mainvisual .fade li:nth-child(3) {
- animation-delay: 10s;
- }
- #mainvisual .fade li img {
- width: 1500px;
- height: 610px;
- object-fit: cover;
- border-radius:1% 1% 1% 1%;
- }
- #mainvisual .fade li::after {
- content: "";
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- box-shadow: inset 0px 0px 10px 10px #fff;
- /* border-radius:1% 1% 1% 1%; */
- }
- @keyframes fade {
- 0% {
- opacity: 0;
- }
- 15% {
- opacity: 1;
- }
- 30% {
- opacity: 1;
- }
- 45% {
- opacity: 0;
- }
- 100% {
- opacity: 0;
- }
- }
-/* ---------------------------------------------------------//mainvisual */
-/* ------------------------------------------------------------home-about */
-/* scroll animation */
-#home-about .scroll{
- opacity: 0;
-}
-#home-about .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-.home-items .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-/* scroll animation */
-.home-items{
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content:space-evenly;
- align-items: center;
- margin-top: 30px;
- opacity: 0;
-}
-.home-items img{
- width: 300px;
- height: 216px;
-}
-#home-about .home-items h3{
- font-size: 1.4rem;
-}
-#home-about .home-items p{
- font-size: 1.2rem;
- line-height: 2.0;
-}
-.what_study{
- width:730px;
- margin-bottom: 10px;
-}
-.what_study h3{
- padding-bottom: 2px;
-
- font-size: 1.3rem;
- margin-bottom: 5px;
-}
-.what_study p{
- font-size: 1.2rem;
- line-height: 2.0;
-}
-main {margin: 1ex;} /* PLEASE Remove this if this is too much effective */
-.aiming_top{
- width:730px;
- margin-top: 50px;
-}
-.aiming_top h3{
- padding-bottom: 2px;
-
- font-size: 1.3rem;
- margin-bottom: 5px;
-}
-.aiming_top p{
- font-size: 1.2rem;
- line-height: 2.0;
-}
-em.see {
- font-style: normal; font-weight: bold;
- background: linear-gradient(to top, yellow, transparent);
-}
-.text-bg{
- background: linear-gradient(transparent 50%, rgb(253, 214, 140) 50%);
-}
-/* ----------home-class_content -------------*/
-#home-class_content{
- padding: 50px 16px 50px 16px;
- margin: -50px auto 10px auto;
-}
-/* scroll animation */
-#home-class_content .scroll{
- opacity: 0;
-}
-#home-class_content .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-#home-class_content .grid .show {
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-/* scroll animation */
-#home-class_content .grid {
- display: grid;
- gap: 26px;
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-}
-#home-class_content .grid .class_content-item{
- text-decoration: none;
- color: #000;
-}
-#home-class_content .grid .item {
- transition: all 0.3s ease;
- box-shadow: 0 0 8px 4px #ccc;
- border-radius: 40px;
-}
-.class_content-item > .item:hover{
- opacity: 0.7;
-}
-#home-class_content .grid img {
- vertical-align: top;
- height: 300px;
- width: 100%;
- object-fit: cover;
- border-radius: 40px 40px 0 0;
-}
-#home-class_content .grid .item-content {
- padding: 30px;
-}
-#home-class_content .grid .item-cat {
- font-size: 1.0rem;
- margin-bottom: 20px;
-}
-#home-class_content .grid .item-text {
- font-weight: bold;
- margin-bottom: 20px;
- font-size: 1.1rem;
-}
-#home-class_content .grid .item-date {
- font-size: 0.85rem;
- text-align: right;
-}
-.home-class_content-btn{
- text-align: center;
- margin-top: 70px;
-}
-.home-class_content-btn a{
- border-bottom: 5px solid #007a9f;
- text-decoration: none;
- color: #fff;
- border-radius: 100vh;
- background-color: rgb(3, 202, 228);
- padding: 10px 30px;
- transition: .3s;
- font-size: 1.4rem;
-}
-.home-class_content-btn a:hover{
- margin-top: 3px;
- border-bottom: 2px solid #007a9f;
-}
-.fa-position-right {
- position: absolute;
- top: calc(50% - .5em);
- right: 1rem;
-}
-/* ---------------------------------//home-class_content ---------------------*/
-
-/* ---------------------------------home-QA -------------------------------*/
-@keyframes slidein {
- 0% {
- opacity: 0;
- transform: translateY(-5px);
- }
- 100% {
- opacity: 1;
- transform: translateY(0px);
- }
-}
-#home-qa{
- margin: 0 auto;
- padding-bottom: 40px;
-}
-/* scroll animation */
-#home-qa .scroll{
- opacity: 0;
-}
-#home-qa .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-/* scroll animation */
-.qa_list{
- position: relative;
- margin: 20px 20px 30px 20px;
- border: dashed rgb(0, 0, 0);
- border-width: 0 0 2px 0;
- color: black;
- transition: .2s;
- transition: all 0.3s ease;
-}
-.qa_list:hover{
- color: rgb(255, 153, 0);
- }
-.qa_list .plus{
- position: relative;
- display: inline-flex;
- font-size: 28px;
- padding: 5px;
- transition: .3s;
-}
-.qa_list input[type="checkbox"]:checked ~ .plus{
- transform: rotate(45deg);
-}
-.qa_list label{
- display: block;
- position: absolute;
- top: 3px;
- left: 30px;
- padding: 5px;
- font-size: 23px;
- cursor: pointer;
- transition: .3s;
-}
-.qa_list .ans{
- position: relative;
- display: none;
- color: black;
- margin: 5px;
- padding: 10px 10px 20px 10px;
-}
-.qa_list input[type="checkbox"]:checked ~ div.ans{
+ .header-nav .sp-logo{
display: block;
- animation: slidein 0.5s;
-}
-.qa_list input{
- display: none;
-}
-
-/* ---------------------------------//home-QA -------------------------------*/
-/* ----------------------------------home-info---------------------------------- */
-#home-info{
- background-color:white;
- padding: 60px;
- margin-bottom: 60px;
- margin-top: 60px;
-}
-/* scroll animation */
-#home-info .scroll{
- opacity: 0;
-}
-#home-info .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-figure .scroll{
- opacity: 0;
-}
-figure .show{
- opacity: 1;
- transition: 1s;
- transform: translateY(-50px);
-}
-/* scroll animation */
-#home-info img{
- object-fit: cover;
- width: 100%;
- height: 450px;
-}
-.home-info-items{
- display: flex;
- justify-content: space-evenly;
- align-items: center;
-}
-.home-info-address_title{
- font-size: 1.8rem;
- color:#e02f3b;
-}
-.info-item {
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- padding-top: 70px;
-}
-.info-text .info-small{
- font-size: 0.9rem;
-}
-.info-address{
- font-size: 15px;
- text-align: justify;
- box-sizing: border-box;
- letter-spacing: 0.15em;
- white-space: nowrap;
- line-height: 1.9;
- display: inline-block;
- padding-bottom: 10px;
-}
-.line-dl div{
- display: flex;
- border-bottom: solid 1px #f5cbcd;
- padding: 11px 5px 14px;
- align-items: flex-start;
-}
-.line-dl div:nth-child(1){
- border-top: solid 1px #f5cbcd;
-}
-.line-dl div .font-mg{
- width: 110px;
- text-align: justify;
- box-sizing: border-box;
- letter-spacing: 0.15em;
- white-space: nowrap;
- color: #e02f3b;
- font-size: 15px;
- line-height: 1.9;
-}
-.line-dl div dd{
- width: calc(100% - 110px);
- font-size: 14px;
- letter-spacing: 0.04em;
- color: #000;
- line-height: 1.9;
- display: inline-block;
- transform: translateY(3px);
-}
-.line-dl div dd a{
- width: calc(100% - 110px);
- font-size: 14px;
- letter-spacing: 0.04em;
- color: #000;
- line-height: 1.9;
- display: inline-block;
- transform: translateY(3px);
-}
-.line-dl div dd a:hover{
- opacity: 0.6;
-}
-.line-dl div dd .info-small{
- font-size: 13px;
-}
-/* ----------------------------------// home-info---------------------------------- */
-/* footer */
-footer { /* XXX: Change ME! */
- border-top: 1px dashed #888;
- font-size: 70%;
- text-align: center;
-}
-/* //footer */
-/* media */
-@media screen and (max-width : 1024px){
- .section-title {
- font-size: 1.75rem;
}
- header.scroll-nav{
- background: white;
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
- align-items: center;
+ .header-nav nav ul{
+ display: none;
+ }
+ #mainvisual .top-title .site-title{
+ display: none;
+ }
+ .info-item{
+ flex-direction: column;
+ margin: 0 auto;
+ }
+ .iframe-wrap{
+ padding-top: 50px;
+ width: 100%;
+ }
}
- .header-nav .sp-logo{
- display: block;
+
+ /* -------------------------------------- //ホーム ---------------------------------------*/
+
+ /* -------------------------------------- about ---------------------------------------*/
+ #about{
+ margin-bottom: 60px;
+ margin-top:60px;
}
- .header-nav nav ul{
- display: none;
- }
- #mainvisual .top-title .site-title{
- display: none;
- }
- .info-item{
- flex-direction: column;
- margin: 0 auto;
- }
- .iframe-wrap{
- padding-top: 50px;
- width: 100%;
- }
-}
-
-@media screen and (max-width: 746px){
-.section-title {
- font-size: 1.75rem;
- position: relative;
- display: inline-block;
- margin-bottom: 50px;
-}
-.section-title::before{
- background-image: none;
- vertical-align: baseline;
- content: '';
- position: absolute;
- bottom: -20px;
- display: inline-block;
- width: 60px;
- height: 5px;
- left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- background-color: rgb(255, 153, 0);
-}
-.section-title::after{
- display: none;
-}
- header.scroll-nav{
- background: white;
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
- align-items: center;
+ .about-text{
+ font-size: 1.2rem;
}
- .header-nav .sp-logo{
- display: block;
+
+ /* -------------------------------------- //about ---------------------------------------*/
+
+
+
+
+ /* --------------------------------------- Q&A ----------------------------------------------*/
+ @keyframes slidein {
+ 0% {
+ opacity: 0;
+ transform: translateY(-5px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0px);
+ }
}
- .header-nav nav ul{
- display: none;
+ .qa_list{
+ position: relative;
+ margin: 20px 20px 30px 20px;
+ border: dashed black;
+ border-width: 0 0 2px 0;
+ color: black;
+ }
+ .qa_list:hover{
+ color: rgb(255, 60, 0);
+ }
+ .qa_list .plus{
+ position: relative;
+ display: inline-flex;
+ font-size: 25px;
+ padding: 5px;
+ transition: .3s;
+ }
+ .qa_list input[type="checkbox"]:checked ~ .plus{
+ transform: rotate(45deg);
+ }
+ .qa_list label{
+ position: absolute;
+ top: 3px;
+ left: 30px;
+ padding: 5px;
+ font-size: 23px;
+ cursor: pointer;
+ }
+ .qa_list .ans{
+ position: relative;
+ max-height: 0;
+ overflow: hidden;
+ color: black;
+ margin: 5px;
+ transition: max-height .4s ease;
+ }
+ .qa_list .ans span{
+ font-size: 25px;
+ }
+ .qa_list input[type="checkbox"]:checked ~ div.ans{
+ max-height: 300px;
+ animation: slidein 0.5s;
+ transition: max-height .6s ease;
+ }
+ .qa_list input{
+ display: none;
+ }
+
+
+ /* --------------------------------------- //Q&A ----------------------------------------------*/
+
+ /* ---------------------------------------- class-content -----------------------------------------*/
+ .class-content-items{
+ background-color: powderblue;
+ box-shadow: 0 0 8px 4px #ccc;
+ padding: 60px;
+ margin-bottom: 60px;
+ margin-top: 60px;
+ font-size: 1.1rem;
+ }
+ .class-content-items-text{
+ text-align: left;
+ }
+ #class-content .class-content-items {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ flex-direction: row;
+ flex-wrap: wrap;
+ }
+ .class-content-text{
+ padding-top: 30px;
+ }
+ .class-content-items-left{
+ width: 60%;
+ padding-right: 35px;
+ border-right: solid 2px #446;
+ }
+ .class-content-dl-left{
+ margin-right: 35px;
+ }
+ .class-content-dl > dt{
+ background-color: rgb(87, 87, 87);
+ color: white;
+ padding: 3px 4px;
+ display: inline-block;
+ margin-bottom: 4px;
+ }
+ .class-content-dl > dd{
+ margin-left: 60px;
+ margin-bottom: 5px;
+ }
+ .bottom{
+ margin-left: 25px;
+ }
+ .class-content-dl dt {
+ margin: 0 1ex; padding: 0 1ex; width: 6em;
+ border:rgb(80, 224, 243) solid; border-width: 0 0 1px 1.2em;
+ }
+
+ .page-btn-ul{
+ display: flex;
+ justify-content: center;
+ }
+ .page-btn-ul li{
+ list-style: none;
+ margin-right: 30px;
+ margin-left: 30px;
+ font-size: 1.6rem;
+
+ }
+ .page-btn-ul li a{
+ color: #000;
+ text-decoration: none;
+ }
+ .page-btn-ul li:hover{
+ border-bottom: black double 7px;
+ }
+ @media screen and (min-width: 1100px){
+ .framebox {
+ border: double 5px gold;
+ display: block;
+ position: absolute;
+ left: 60% ;
+ bottom: 10px;
+ }
+ .clear {clear: both;}
+ }
+ @media screen and (max-width: 1099px){
+ .framebox {
+ border: double 5px gold;
+ display: block;
+ margin-left: 40px;
+ }
+ }
+
+ /* ----------------------------------------//class_content -----------------------------------------*/
+
+ /*------------------------------------------ infoのcss -------------------------------------------------*/
+ table.LectureSchedule{
+ text-align: center;
+ border-collapse: collapse;
+ border: 1px solid black;
+ margin: 0 auto;
+ }
+ table.LectureSchedule td.num{
+ text-align: center;
+ }
+
+ table.LectureSchedule td.date{
+ text-align: left;
+ padding-left: 0.7em;
+ }
+
+ table.LectureSchedule td.room{
+ text-align: left;
+ padding-left: 0.7em;
+ padding-right: 0.7em;
+ }
+ table.LectureSchedule td.lesson{
+ text-align: left;
+ padding-left: 0.5em;
+ }
+ .guide a{
+ color: rgb(0, 132, 255);
+ display: block;
+ border: rgb(0, 132, 255) solid 2px;
+ border-radius: 5px;
+ background-color: white;
+ margin-left: 4px;
+ margin-bottom: 4px;
+ }
+ ul.guide{
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 1rem;
+ }
+ ul.guide li{
+ position: relative;
+ list-style: none;
+ }
+ ul.guide a:hover{
+ color: white;
+ transition: 0.7;
+ background-color: rgb(0, 132, 255);
+ }
+
+ ul.guide li a{
+ text-decoration: none;
+ padding:0 12px ;
+ }
+
+ .zoom-h1 {text-align:center;
+ color: #364e96;
+ border: solid 3px #364e96;
+ padding: 0.5em;
+ border-radius: 0.5em;}
+ .zoom-p{font-size:150%;
+ text-indent:1em;
+ }
+ .zoom-h3:before { text-indent:1em;
+ content: counter(number) "-" counter(section);
+ }
+ .zoom-h3 { text-indent:1em;
+ counter-increment: section;
+ }
+ .zoom-h2:before {
+ content: counter(number) ".";
+ }
+ .zoom-h2 {
+ counter-increment: number;
+ }
+ .zoom-title {
+ margin-top: 100px;
+ }
+
+
+ /*------------------------------------------//infoのcss -------------------------------------------------*/
+
+ /*------------------------------------------FAQ -------------------------------------------------*/
+ h2.faq-section{
+ text-align: center;
+ margin: 3rem 0;
+ width: 100%;
+ }
+ div.faq-list{width: 100%;}
+
+ div.faq-list dl{
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 70%;
+ padding: 15px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ background-color: white;
+ margin-bottom: 2rem;
+ border-radius: 10px;
+ transition: .3s;
+ }
+ div.faq-list dl:hover{
+ box-shadow: 0 0 8px gray;
+ cursor: pointer;
+ }
+ div.faq-list dl.act{
+ border-radius: 10px;
+ background-color: #8fcfb5;
+ transition: .3s;
+ }
+ div.faq-list dl dt{
+ width: 100%;
+ font-size: 1rem;
+ padding: 15px;
+ }
+ div.faq-list dl dt::before{
+ padding:0 1rem 1rem;
+ font-size: 1.5rem;
+ color: #e02f3b;
+ content: "Q";
+ }
+ div.faq-list dl dt::after{
+ font-size: 1.5rem;
+ float: right;
+ transition: .3s;
+ content: "+";
+ }
+ div.faq-list dl dt.question::after{
+ transform: rotate(-45deg);
+ }
+ div.faq-list dl dt.question{
+ color: white;
+ }
+ div.faq-list dl dd{
+ width: 100%;
+ max-height: 0px;
+ overflow: hidden;
+ transition:max-height .4s ease;
+ }
+ div.faq-list dl dd::before{
+ padding:0 1rem 1rem;
+ font-size: 1.5rem;
+ color: #007a9f;
+ content: "A";
+ }
+ div.faq-list dl dd.faq-show{
+ max-height: 300px;
+ transition:max-height .8s ease;
+ }
+
+ /*------------------------------------------//FAQ -------------------------------------------------*/
+
+
+ /*------------------------------------------ footer -------------------------------------------------*/
+ footer { /* XXX: Change ME! */
+ border-top: 1px dashed #888;
+ text-align: right; font-size: 70%;
+ }
+ table.school tr {visibility: collapse;}
+ table.school tr.match {visibility: visible;}
+ table.border, table.border td, table.border th {
+ border: 1px solid #446; border-collapse: collapse; padding: 0.2ex 0.4ex;
+ }
+ table.border th {text-align: left; padding: 0.2ex 0.8ex;}
+ table.form th:first-child {min-width: 10em;}
+
+
+ /*------------------------------------------ //footer -------------------------------------------------*/
+
+ /*------------------------------------------ media -------------------------------------------------*/
+ @media screen and (max-width: 746px){
+ #home h3{
+ font-size: 1.2rem;
+ }
+ #home p{
+ font-size: 0.8rem;
+ line-height: 1.85;
+ }
+ .aiming_top{
+ max-width: 500px;
+ }
+
+ .section-title {
+ font-size: 1.3rem;
+ position: relative;
+ display: inline-block;
+ margin-bottom: 50px;
+ margin-top: 50px;
+ }
+ .section-text{
+ font-size: 0.8rem;
+ }
+ .section-title::before{
+ background-image: none;
+ vertical-align: baseline;
+ content: '';
+ position: absolute;
+ bottom: -20px;
+ display: inline-block;
+ width: 60px;
+ height: 5px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background-color: rgb(255, 153, 0);
+ }
+ .section-title::after{
+ display: none;
+ }
+ header.scroll-nav{
+ background: rgba(255, 255, 255, 0.87);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+ align-items: center;
+ }
+ .header-nav .sp-logo{
+ display: block;
+ }
+ .header-nav nav ul{
+ display: none;
+ }
+
+ #mainvisual .top-title .site-title{
+ display: none;
+ }
+ #home-about h2{
+ font-size: 1.3rem;
+ }
+ #home-about .home-items img{
+ width: 200px;
+ height: 150px;
+ }
+ #home-about .home-items h3{
+ font-size: 1rem;
+ }
+ #home-about .home-items p{
+ font-size: .8rem;
+ line-height: 1.85;
+ }
+ .aiming_top{max-width: 600px;}
+ .qa_list label{
+ font-size: 17.5px;
+ z-index: 1;
+ }
+ .qa_list .ans{
+ margin-top:10px;
+ font-size: 17.5px;
+ }
+ .qa_list .ans span{font-size: 19px;}
+ .info-item{
+ flex-direction: column;
+ margin: 0 auto;
+ }
+ .iframe-wrap{
+ padding-top: 50px;
+ width: 100%;
+ }
+ .class-content-items{
+ font-size:1rem;
+ }
+ #home-info{padding: 0 20px 20px 20px;}
+ #home-info img{height: 200px;}
+ .home-info-address_title {font-size: 1em;}
+ iframe{
+ width: 100%;
+ height: 300px;}
+
+ .wrapper {
+ padding-top: 0;
+ padding-bottom: 30px;
+ }
+ .about-text{
+ font-size: 0.9rem;
+ }
+ }
+ @media screen and (max-width: 1024px){
+ #hamburger-menu{
+ opacity: 0;
+ position: fixed;
+ }
+ label .buns{
+ position: fixed;
+ top: 0.8em;
+ right: 1em;
+ z-index:3;
+ height: 2em;
+ width: 2em;
+ }
+ label .buns::before,
+ label .buns::after,
+ label .buns .patty {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 3.5px;
+ border-radius: 5px;
+ background: #333;
+ content: "";
+ transition:all .3s;
+ }
+ label .buns .patty-name{
+ display: block;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ transition:all .3s;
+ top: 115%;
+ font-size: 0.7rem;
+ }
+ label .buns::before{
+ top: 0;
+ transform-origin: top left;
+ }
+ label .buns .patty{top: 45%;}
+ label .buns::after{
+ bottom: 0;
+ transform-origin: bottom left;
+ }
+ .header-nav nav ul{
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 2;
+ display: flex;
+ flex-flow: column nowrap;
+ justify-content: center;
+ align-items: flex-start;
+ transform: translateX(-120%);
+ }
+ .bd-no{display: none;}
+ .header-nav nav ul::before{
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+ width: 25em;
+ background: rgb(172, 255, 234);
+ transform: skewX(-20deg) translateX(-200%);
+ transform-origin: bottom left;
+ transition: transform.3s;
+ content: "";
+ }
+
+ .header-nav nav ul li{
+ margin: 1em 1em;
+ padding: 0.2em 1em;
+ transform: translateX(-120%);
+ transition: all .3s, transfrom .5s;
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+ }
+
+ #hamburger-menu:checked + label .buns::before,
+ #hamburger-menu:checked + label .buns::after{width: 130%;}
+ #hamburger-menu:checked + label .buns .patty{transform: scale(0);}
+ #hamburger-menu:checked + label .buns::before {transform: rotate(45deg);}
+ #hamburger-menu:checked + label .buns::after {transform: rotate(-45deg);}
+ #hamburger-menu:checked ~ nav ul{transform:translateX(0%);}
+ #hamburger-menu:checked ~ nav ul::before {transform: skewX(-20deg) translateX(-60%);}
+ #hamburger-menu:checked ~ nav ul li{transform: translateX(0);}
+ #hamburger-menu:checked ~ .light-dark{
+ background: #000;
+ opacity: .5;
+ position: fixed;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
+ }
+ .home-items .what_study{
+ order: 1;
+ }
+
+ /* ------------fag--------- */
+ div.faq-list dl{width: 85%;}
+ div.faq-list dl dd,div.faq-list dl dt{
+ width: 100%;
+ font-size: 1rem;
+ }
+ div.faq-list dl dt::after,
+ div.faq-list dl dd::before,
+ div.faq-list dl dt::before{font-size: 1.2rem;}
+ /* ------------fag-end--------- */
+ }
+ @media screen and (max-width : 499px){
+ #mainvisual{height: 460px;}
+ #mainvisual .fade li img {
+ width: 100%;
+ height: 450px;
+ }
+ ul.guide li a{
+ font-size: 17px;
+ }
+ table.LectureSchedule{
+ font-size: 13px;
+ }
+ table.LectureSchedule td.num{
+ padding: 0;
+ }
+ #class-content .class-content-items {
+ display: flex;
+ justify-content: start;
+ }
+ .class-content-items{
+ padding: 10px;
+ }
+ .class-content-dl > dd {
+ margin-left: 25px;
+ }
+ .class-content-items-text{
+ display: block;
+ width: 100%;
+ text-align: center;
+ padding-bottom:15px;
+ }
+ }
+ @media screen and (max-width: 746px){
+ .home-about-title{
+ margin-top: 90px;
+ }
+ .what_study{
+ margin-bottom: 0;
+ }
+ .umi-img{
+ margin-top: 35px;
+ margin-bottom: 35px;
+ }
+ .header-nav {
+ line-height: 1.0;
+ padding: 0 2%;
}
- #mainvisual .top-title .site-title{
- display: none;
- }
- #home-about h2{
- font-size: 1.6rem;
- }
- .home-items img{
- width: 250px;
- height: 178px;
- }
- #home-about .home-items h3{
- font-size: 1.2rem;
- }
- #home-about .home-items p{
- font-size: 1.1rem;
- line-height: 1.85;
- }
- .aiming_top{
- max-width: 600px;
- }
- .qa_list label{
- font-size: 17.5px;
- }
- .info-item{
- flex-direction: column;
- margin: 0 auto;
- }
- .iframe-wrap{
- padding-top: 50px;
- width: 100%;
- }
-}
-/* メモ
-!わかりやすく、探しやすく、再利用しやすく、拡張しやすくする
-1 h2タグにはsection-titleというclass名をつけて全てのページを共通化させる
-2 h2のsection-titleがつくものはsectionタグで囲む。sectionタグには
-.wrapper {
- max-width: 1200px;
- margin: 0 auto;
- padding: 0 5%;
- margin-bottom: 80px;
- }
-というクラス名とcssをつけて画面幅いっぱいより少し小さめの幅で全て収めるように共通化させる。
-sectionごとの余白はmargin-top:50px; margin-bottom:80px;で共通化。
-margin-topだけはつけるとことつけないとこがあるから.wrapperに入れない。
-3 */
\ No newline at end of file
+ }
+ .home-notice-title{
+ margin-top: 0;
+ }
+ /* メモ
+ !わかりやすく、探しやすく、再利用しやすく、拡張しやすくする
+ 1 h2タグにはsection-titleというclass名をつけて全てのページを共通化させる
+ 2 h2のsection-titleがつくものはsectionタグで囲む。sectionタグには
+ .wrapper {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 5%;
+ margin-bottom: 80px;
+ }
+ というクラス名とcssをつけて画面幅いっぱいより少し小さめの幅で全て収めるように共通化させる。
+ sectionごとの余白はmargin-top:50px; margin-bottom:80px;で共通化。
+ margin-topだけはつけるとことつけないとこがあるから.wrapperに入れない。
+ 3 */
+ /*------------------------------------------ //media -------------------------------------------------*/
+
\ No newline at end of file
diff --git a/testpage/test.html b/testpage/test.html
index 5c67470..348eda0 100644
--- a/testpage/test.html
+++ b/testpage/test.html
@@ -8,7 +8,7 @@
-
+
Document
@@ -28,7 +28,7 @@
- ホーム
- ジュニアドクター鳥海塾とは
- - 授業内容
+ - 授業内容
- 受講者むけ情報
- Q&A
diff --git a/testpage/test2.html b/testpage/test2.html
new file mode 100644
index 0000000..7635818
--- /dev/null
+++ b/testpage/test2.html
@@ -0,0 +1,1072 @@
+
+
+Junior-Doctor Chokai Academy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2022年度活動掲載
+
+
+
+
+
+
+
本講義20回目
+
+
+
+
+
+ 今回は2期生の中間発表会でした。2期生各10チームがこれまで準備してきたプログラム、
+ スライドを使って発表を行いました。
+ 発表テーマは以下一覧の通りです。
+
+
・松チーム 買い物
+
・梅チーム 万能の辞書
+
・桜チーム 観光名所
+
・藤チーム 家事を楽にするプログラム
+
・菖蒲チーム お手伝いの報酬ガチャ
+
・牡丹チーム 避難場所
+
・萩チーム 豆知識辞典
+
・芒チーム 忘れ物防止
+
・菊チーム 忘れ物対策プログラム
+
・紅葉チーム 掲示板
+
+
+
+
+ 前回の本講義以降、VL(バーチャルラーモンズ)の参加者が増えて、
+ ほぼ毎日準備を行なうチームもいました。また最近の講義で学習したCSVライブラリを
+ 使ったプログラムが多い印象でした。
+ どの発表も一生懸命準備してきた成果が表れていたと思います。
+
+
+
+
+
+ 総評では酒田市企画課の杉山様から「みんな堂々と発表していて素晴らしかった。
+ 鳥海塾の活動は一段楽だと思うがこれで終わりではなくこれからも研究、勉強を続けてほしい」、
+ 広瀬センター長からは「1期生の発表と比べると身近なテーマを扱えていた。
+ 講義で教えていないことをやれているチームがいて、教わっていないことまで
+ やってみるという力はこの先大事になる。研究にも繋がるところがある。」
+ と話がありました。
+
+ みなさん本当にお疲れ様でした。
+
+
+
+
+
+
+
+
第二段階成果発表会
+
+
+
+
+
+ 7月から定期的に開催してきた第二段階1期生の発表会ですが、今回が令和4年度最後の成果発表会となりました。
+ 発表者11名が4月から行なってきた研究の成果を発表してくれました。
+ 発表テーマは以下一覧の通りです。
+
+
・庄内弁の特徴と地域差について
+
・惑星はなぜ丸いのか?
+
・ARスタンプラリーに用いる3Dモデルに対するデータベースの最適な構造の考案
+
・新井田川の水質調査と浄化に関する研究
+
・交通安全教室で使う教材のWeb化
+
・地域活性化につながる視認性を意識したWebVRの構築
+
・ブラウン運動が日常生活に及ぼす影響
+
・観光地とキャラクタの印象を関連付ける要素の研究
+
・酸性雨と農業〜庄内発・アグリアプリ〜
+
・身近な環境を調べる-水質調査とC02排出量の調査
+
・uマップを用いた危険箇所マップの作成
+
+
+
+ どの発表もこれまでの成果が表れていて、何より最初の発表会の時よりも
+ スライドの作り方や発表が上手になっているのがわかり、成長を感じました。
+ 総評では神田学長から「この1年間でのみなさんの成長を改めて実感した。
+ 学業や習い事との両立で大変だったと思うがこのように継続してこれた
+ みなさんの努力に対して敬意を表したい。」と話がありました。
+ みなさん本当にお疲れ様でした。
+
+
+
+
+
+
+
+
本講義19回目
+
+
+
+
+
+ 今回の本講義では、これまで学んだ知識を確かめるためのテストと
+ 成果発表会に向けたスライド作成のコツの講義を行いました。
+ テストの際はみんな集中して取り組んでいました。
+
+
+
+ スライド作成のコツに関しては、色や図の使い方、改行の場所によって
+ 聞き手の印象が変わることなどについて紹介しました。講義後には
+ 成果発表会に向けたチーム作業の時間をとりました。
+ どのチームも発表テーマやプログラムの内容について話し合いを行なっていました。
+ これまでの学びの成果を発揮できるように学生メンターも全力で応援します。
+
+
+
+
+
+
+
+
本講義18回目
+
+
+
+
+
+ 今回の本講義では、鶴岡工業高等専門学校の佐藤司先生(副校長)をお招きして、
+ 鶴岡高専の紹介(高専と高校、大学の違い・教育課程・コース・学生寮・国際交流)や
+ 研究紹介を行っていただきました。
+
+
+
+ 研究紹介では、佐藤先生が現在取り組まれている
+ 海岸漂着ごみの現況調査についてのお話で、庄内海岸の漂着ごみはどこから来るのか、
+ 漂着ごみを無くすためにできることとはなんなのか講義していただきました。
+ 受講生のノートを見ると「漂着ゴミはよく聞くけどどんなものなのか、どんな研究をしているのかの話を聞けてよかった」
+ 「庄内海岸に漂着するゴミは、日本国内で発生したものが多くてびっくりした。」などの記載がありました。
+
+
+
+ メンター講義では成果発表会準備に向けたチーム活動の進め方というテーマで行いました。
+
+
+ 次回は成果発表会前最後の本講義です。
+
+
+
+
+
+
+
+
本講義17回目
+
+
+
+
+
+ 今回は2期生による研究提案発表会でした。「誰かの困りごとを解決するプログラム」というテーマで
+ プログラムとプレゼンテーション資料を作成してもらい、1人ずつ発表しました。「CSVファイルを使った予定表」
+ 「花言葉がわかるプログラム」「お手伝いプログラム」など多様なテーマがあり、
+ みんな一生懸命プログラムのデモを見せながら説明してくれました。
+
+
+ 中間発表会のチーム発表とは違い、今回は資料作成から発表まで全て1人で準備するため心配もありましたが、
+ 多くの塾生が立派に発表していました。
+
+
+
+ また、今回は新庄市の「最上地域交流センターゆめりあ」にサテライト会場を用意し、
+ 最上地域や村山地域から通っている塾生はサテライト会場からZoomを通して発表しました。
+
+
+ 発表会に向けてたくさん準備をした人もいれば、準備が間に合わず不完全燃焼だった人もいる様子でした。
+ 2月にはチームでの成果発表会を予定しているので、次に向けてまた頑張っていきましょう。
+
+
+
+
+
+
+
+
+
本講義16回目
+
+
+
+
+
+
+ 今回の本講義では、広瀬先生が指導している第二段階1期生の澤田さん、吉村さん、後藤さんから
+ 現在行っている研究について紹介をしてもらいました。 澤田さんは3Dモデルを管理するデータベースに関する研究、
+ 吉村さんは地域活性化につながるWebVRに関する研究、後藤さんは観光地とキャラクタの印象を関連付ける要素の研究
+ を行っています。2期生の中で第二段階を考えている人へのメッセージとして、
+ 澤田さんは「中学3年生でジュニアリサーチャー(JSTとは別枠の本学独自の研究生制度)を目指す人は研究と学校生活の両立ができるか考えた方がいい。
+ 自分の研究の楽しいところはコードを書きながらモデリングもできるところ、様々なプログラミング言語にふれられるところ。」
+ 、吉村さんは 「大学生や他の第二段階に進んだ塾生と活動するので今まで知らなかったことを知る時が
+ 楽しいと感じる。」 、後藤さんは「自分は第二段階に進むかどうかぎりぎりまで迷っていた。研究で
+ 楽しいのは自分の考えていたものがかたちになるとき。」と話してくれました。
+
+
+
+ これまで各分野の講師から情報技術との関連を学んできましたが、今回から第3フェーズに入ります。
+ 第3フェーズでは自分達で課題解決プログラムを考え発表します。
+
+
+ 今回は課題解決プログラムに応用しやすいCSVライブラリの説明を行いました。
+ これまで習った繰り返し処理などを組み合わせた処理の説明を行ったので、
+ 復習の機会にもなったと思います。
+
+
+
+ 次回は塾生1人ひとりによる研究提案発表会です。それに向けて学生メンターが
+ 「観光スポット紹介プログラム」と題して模擬発表を行いました。
+ 次回までに何を準備すればいいのかイメージを作れたのではないかと思います。
+
+
+ 講義の終わり際、何を発表するか決まっている塾生もいれば
+ 決まっていなくて焦っている塾生もいる様子でした。どんな発表をしてくれるのか楽しみです。
+
+
+
+
+
+
+
+
+
本講義15回目
+
+
+
+
+
+
+ 今回の本講義では、国立研究開発法人宇宙航空研究開発機構(JAXA)の砂川圭様をお招きして、
+ JAXAの業務概要や今回のフィールドワークで使用するGPSの仕組み、日本の測位衛星システムである「みちびき」
+ について説明していただきました。
+
+
+
+ フィールドワークでは、飯森山公園でGPSを利用した宝探しゲームを行いました。
+ 鳥海塾独自のアプリケーションである「GPS Treasure Hunter」で、位置情報を取得すると
+ 指定した宝までの距離を教えてくれます。
+
+
+
+ 宝にはそれぞれ違ったクイズが書いてあり、公益ホールに戻ってからは
+ チームで協力してクイズを解いていました。
+
+
+
+ 次回からはいよいよ鳥海塾の活動の集大成プログラム作りに入っていきます。
+
+
+
+
+
+
+
+
サイエンスカンファレンス2022で第二段階1期生2名が発表しました
+
+
+
+
+
+
+ JSTが主催するサイエンスカンファレンス2022が11月12日と13日の日程で行われました。このイベントは、
+ 「ジュニアドクター育成塾」に採択された全国の大学・高等専門学校・NPO法人等30機関それぞれから選出された
+ 受講生による研究発表会です。本学からは土門侑生さん(「全国方言分布調査(FPJD)」を用いた方言の翻訳精度の向上
+ )と中野晴元さん(酸性雨と農業~庄内発・アグリアプリ~)が参加し、研究の成果を発表しました。
+ 結果は、土門さんがチャレンジ賞、中野さんがアイディア賞を受賞しました。
+
+
+
+ 終了後、土門さんは「いつもの鳥海塾の発表と違って緊張した。今回はリモートでの発表で、対面での発表会だったらもっと
+ 緊張したと思う。審査員の先生からアドバイスを頂けてありがたかった。成果発表会まで少ししか時間がないので、
+ できるかぎり研究を進めていきたい。」中野さんは「分野賞が取れず悔しいがアイディア賞が取れたのでよかった。
+ 審査員の先生からアドバイスいただいたところを研究に付け加えていきたい。アプリを完成させて農家の人の役に立つのが目標。」
+ と話してくれました。2人ともお疲れ様でした。
+
+
+
+
+
+
+
+
本講義14回目
+
+
+
+
+
+
+ 今回の講義では、前回の山本先生による「天文と情報」の講義と関連して、 山本先生が指導している第二段階1期生の
+ 佐藤さんと阿部さんから現在行っている研究について紹介をしてもらいました。
+ 2期生の中で第二段階を考えている人へのメッセージとして、佐藤さんは「チームの人とのコミュニケーションを
+ 大事にしてほしい。成果発表会に向けてのチーム活動があるし、第二段階では指導教員と活動を進めていくことになるので、
+ 大事なスキルになる。また、研究活動は約1年間続くので継続力をつけたほうがいい。」、阿部さんは
+ 「自分が好きだと思ってできるもの、継続できそうなものを研究テーマにするといい」
+ と話してくれました。
+
+
+
+ メンターによる講義は「正規表現」です。たくさんのデータの中から見つけたいデータを検索する時に役立ちます。
+ 講義では代表的な特殊文字の説明と、読み込んだテキストファイルの内容を検索する検索プログラムを使って
+ 特殊文字を使う練習を行いました。
+
+
+
+
+
+
+
+
第二段階進捗共有会3回目
+
+
+
+
+
+
+ 第二段階進捗共有会の3回目を行いました。中間成果発表から2ヶ月程度経ち、
+ みんな研究を進めていました。サイエンスカンファレンスに出場する2人にとっては
+ 良い発表練習の場になったと思います。次回は1月の成果発表会です。
+
+
+
+
+
+
+
+
+
本講義13回目
+
+
+
+
+
+
+ 今回は山本裕樹先生による「天文学と情報」の講義です。山本先生の研究分野は物理学・素粒子理論です。
+ 本来は大学の中庭で天体観測を行う予定でしたが、天気がすぐれなかったため屋内で座学を行いました。
+
+
+ まず天文学とは、可視光・電波・ガンマ線などの宇宙からの情報を受け取る
+ 観測によって宇宙に関する謎や法則を明らかにする学問だそうです。その他、身近な天体や
+ インターネット望遠鏡の仕組み・
+ ブラックホール・ロケットなどについて説明されました。
+
+
+
+ これはRubyで作成したロケットの発射後の軌道を端末上に表示するプログラムです。
+ プログラムの内容を理解するには高校レベルの物理学・数学の知識が必要とのことでした。
+
+
+ 講義後に受講生の講義ノートを確認したところ、「自ら光を出さない星があるということを知り、夜に見える光っている星のほとんどは、太陽の光を反射して光って見えるということなのかなと思いました。」
+ 「プログラミングが天文学にも使えることを知って驚いた。天文学は星だけを調べるのだと思ったので、宇宙に関してたくさん調べていることをを知れてよかった。」
+ などと熱心に書き込んでいる受講生がいました。宇宙・天文学への関心の高さがうかがえました。
+
+
+ 次回は山本先生が指導している第二段階1期生による研究紹介です。
+
+
+
+
+
+
+
+
本講義12回目
+
+
+
+
+
+
+
+ 今回の講義では、前回の神田先生による「交通心理と情報」の講義と関連して、 神田先生が指導している第二段階1期生の
+ 成田さんと疋田さんから現在行っている研究について紹介をしてもらいました。
+ 2期生の中で第二段階を考えている人へのメッセージとして、成田さんは「研究活動をしていて
+ 楽しい時は、webページを作っていて難しいところがあった時にそれを解決できた時、難しい時は、
+ 解決法がわからなくて試行錯誤している時。本講義1回1回の内容を理解して(インプット)
+ それをもとにプログラムを書いて(アウトプット)知識を自分のものにすることが重要だと思う。」、疋田さんは
+ 「研究活動をしていて楽しい時は、やってみて上手く行った時や成功した時、難しい時は、マップを作成していて失敗した時。
+ 第二段階では第一段階で面白いと思ったものをもっと学ぶことができる、自分の興味のあることを研究できて考えが広がる。」
+ と話してくれました。
+
+
+
+ 前回の神田先生の講義の続きで、過去に本学で行った「交差点での横断判断」「レインコート着用時の安全確認」についての
+ 研究事例紹介がありました。
+
+
+
+ メンターによる講義は「発表資料の構成」「LibreOfficeの使用方法」について行いました。
+ 最終発表会ではチームでの作成物を発表することになるので、筋道立った説明を行えるかが重要になります。
+
+
+ 次回10月22日は「天文学と情報」です。
+
+
+
+
+
+
+
+
+
本講義11回目
+
+
+
+
+
+ 今回は本学学長である神田直弥先生による「交通心理と情報」の講義です。神田先生は交通心理学・人間工学を
+ 研究分野にしていて、交通心理学とは「交通場面における人間の認知や判断、行動の特性を明らかにすることで、
+ 事故を防止する方法を考える学問分野」であると説明されました。
+
+
+
+ 「信号のない場所での横断というシーンで、車が来ていることを認知した時に
+ どのような判断をするか」についてグループで話し合いを行ったところ、
+ 「車はまだ遠くだから走れば渡れるだろう」「手をあげればゆずってくれるだろう」などの
+ 意見が出ていました。また、「歩きスマフォやながら運転は危険なのか」というテーマについては、
+ 実験用のプログラムを使用して複数のものに注意を向けている時に反応速度に影響が出るのかを
+ 検証しました。
+
+
+
+ 1枚目の写真の後に2枚目の写真がランダムで表示され、安全か危険かを選択するという
+ プログラムです。このプログラムを計算問題を解きながら行った時と、
+ 他に何もせずに実行した時で安全か危険かの選択までの時間に差が出るかという
+ 検証です。塾生全員の実行した時のデータを集めた結果、計算問題を解きながら
+ 行った時の方が反応時間が長くなっていました。このことから、複数のものに注意を向けると
+ 反応が遅くなるということを説明されました。
+
+
+
+ 次回は神田先生が指導している第二段階1期生2名による研究紹介です。
+
+
+
+
+
+
+
+
+
本講義10回目
+
+
+
+
+
+
+ 今回の講義では、前回のカロル先生による「地域文化と情報」の講義と関連して、
+ カロル先生が指導している第二段階1期生の佐々木さんと土門さんから現在行っている方言に関する研究紹介を
+ してもらいました。また、2期生の中で第二段階を考えている人へのメッセージとして、佐々木さんは「研究で楽しいのは、さまざまな意見を
+ もらってそれを研究に反映させていくとき、難しいと思うのは、思うようにデータが集まらないとき。さまざまな講義を受けて、自分の興味がどんなところに向かっていて、
+ どんな研究をしてみたいか考えてみるのがいいと思う。」、土門さんは「研究で楽しいのは、研究でプログラミングを使っていて、
+ エラーが出たりわからなくなったりすることがあるが、それらを解決できた時、難しいと思うのは調べ物をした時に
+ 資料が少なかったり、英語のものしかなかったりしたとき。指導教員の先生が丁寧にサポートしてくれるので、第二段階を迷っている人は
+ 挑戦してみるべき。第一段階で学んだこと以上にたくさんのことを学ぶことができる。」と話してくれました。
+
+
+
+ メンターによる講義は「著作権」について行いました。今後プログラム作成や発表を行っていく受講生にとって
+ 著作権の知識は必須になります。グループワークでは「著作権とは何か?」「著作物には何があるか?」
+ というテーマで行ってもらい、どのチームも真剣に話し合う様子が印象的でした。
+
+
+
+ 著作権についての講義は「自分が作ったものを他人に勝手に使われるのは嫌だ」という内容でしたが、
+ 広瀬先生からは「自分の作ったものをどのように人に使ってもらうか」というテーマで講義が
+ ありました。GitBucketを使って作成したプログラムを公開していきましょう。
+
+
+
+ 講義の最後にはタイピングのチーム対抗戦を行いました。タイピングの速さ、正確さをスコア化する
+ 鳥海塾独自のタイピングシステムを使って、チームごとの平均スコアを競いました。
+ 15分間、みんなすごい集中力でした。
+
+
+ 次回は神田学長による「交通心理と情報」の講義です。
+
+
+
+
+
+
+
+
本講義9回目
+
+
+
+
+
+ 中間発表会が終了し、今回の第9回目から塾生の活動は第2フェーズになりました。これまでは
+ プログラミングの基礎を学んできましたが、これからは本学教員から情報分野と他分野の関わりについて
+ 学んでいきます。
+
+
+
+ 第2フェーズの初回は、ノヴァコフスキ・カロル先生による「地域文化と情報」の講義です。
+ カロル先生は自然言語処理を研究分野にしていて、言語データの特徴や分析方法、レーベンシュタイン距離(編集距離)
+ について説明されました。
+
+
+
+ 講義内で行った庄内弁翻訳クイズではチームごとに相談する様子が見られ、中間成果発表会を通して
+ チームワークが向上してるようです。
+
+
+
+ また、カロル先生からの問いかけに対して、たくさん質問する姿が見られ、講義への積極的な姿勢がうかがえました。
+
+
+ 次回はカロル先生が指導している第二段階生1期生による研究紹介です。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 「酒田市広報9月1日号」の特集「かける公益大ー地域とともに歩む大学ー」内にて、第二段階1期生の吉村奈夏さんと後藤美咲さんが掲載されました。「市広報紙 東北公益文科大学特集「かける公益大ー地域とともに歩む大学ー」 Web拡大版(令和4年9月1日号)」では、吉村さん後藤さんの2人と、鳥海塾実施主担当者である広瀬教授、学生メンターへのインタビューの内容が掲載されているのでぜひご覧ください。
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回は2期生と第二段階1期生合同の中間発表会でした。
+
+
+ 第一部では、2期生各10チームが発表を行いました。
+ 「普段の生活にある困りごとを解決するプログラム」をテーマに作成したプログラムについて、
+ 作成した背景やどのような時に使うのかをプログラムを実行しながら説明しました。
+
+
+ スライドを用意しているチームもあり、練習の成果が出ていました。
+
+ 質問タイムでは、「こんな機能も追加すると便利なのでは」「ここを変更するとプログラムがもっとシンプルになる」
+ など、塾生同士で、各チームが作ったプログラムをより良くするような提案をしあっていました。
+
+
+
+ これまで学習してきたプログラミングの知識を活かし、なおかつ
+ チームワークを強くできた発表会だったのではないかと思います。
+
+
+ 第二部は第二段階1期生12名による研究の中間成果発表です。発表テーマは交通心理(中2)、安全マップ(小6)、
+ WebVR(中2)、データベース(高1)、観光とゆるキャラ(中1)、水化学(小6~中2)、天文(高1)、素粒子(中1)、
+ 方言翻訳(中3)、庄内弁(高1)と多岐に渡ります。
+
+ 今回は11月に開催されるサイエンスカンファレンス2022の選考会を兼ねるため、
+ 審査員も参加しました。
+
+ 時折鋭い質問が飛び交いましたが、発表者は
+ 堂々と答えていました。みんな、進捗共有会から大きく成長したように思います。
+ お疲れ様でした!
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、プログラム作成のコツとして、if・elsifを大量に使用した
+ プログラムを短くまとめる書き方について学びました。
+
+
+
+ 後半は来週に迫った中間発表会に向けてチーム活動を行いました。発表テーマは
+ 「普段の生活にある困りごとを解決するプログラム」です。
+ どのチームも悩みながら案を出し合っていました。
+
+
+ VLの時間をうまく活用して準備を進めていきましょう。
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、本学OGの大石桃菜様(株式会社プロトソリューション)をゲスト講師として
+ お招きして、会社紹介や現在のお仕事ついてお話しいただきました。
+
+
+ 現在のお仕事については、もともと福祉とITをかけあわせたことをしたいと思っていたそうで、
+ 東日本大震災から10年を迎えた節目にスタートした「JomoNeX」というwebサービスを
+ 担当されているそうです。
+ 「JomoNeX」とは、地域課題を人と人とが繋がることで解決していけるよう、その橋渡し役を担うことを目的とした
+ webサービスで、このサービスを立ち上げる上で大切だったスキルとして「プログラミングスキル」
+ 「コミュニケーションスキル」「楽しむスキル」の3つを挙げられました。
+
+
+ 他にも、「最近のIT業界・テクノロジー」・「新しいコトを世の中に提供する」についてお話しいただき、
+ 今後のIT業界の可能性について話されました。
+
+
+
+ また、最後に大石様から塾生のみなさんへ贈る言葉として、「夢を語ろう」「何事にもチャレンジしよう」
+ 「ヒーローはみんなポジティブ」について話され、塾生のみならず学生メンターにも響くような
+ 素敵な内容でした。
+
+
+ IT技術をどう活かすかという話は、プログラミングの基礎を学んでいる塾生にとって、
+ これから身につけたスキルをどう活かしていくか考えるヒントになったと思います。
+ 大石様、ありがとうございました。
+
+
+
+ プログラミングの講義ではメソッドを学びました。メソッドはプログラム内で何度も登場する処理に
+ 自分で名前をつけて省略化できる便利なものです。使いこなせばスッキリしたプログラムを書くことができます。
+ 積極的に使っていきましょう。
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、配列と配列に関わるメソッドを学びました。配列の作り方や値の入れ方・取り出し方、
+ 配列への処理を行うメソッドを学んだ後、練習問題を行いました。
+
+
+
+ また、鳥海塾独自のタイピングシステムについての説明を行いました。
+ 指定された文をいかにミスなく素早く入力できるかで高スコアを取得できます。
+ 取得したスコアは成績に反映されます。
+
+
+
+ 成績と言えば、今回第一回目の筆記試験を行いました。これまでの本講義で
+ 習った内容をもとにした試験で、塾生みんな集中して解いていました。
+ 中には首をかしげながら解いている塾生もいたので、今のうちにわからないところは
+ なくしていきましょう。次回はメソッドについて学びます。
+
+
+
+
+
+
+
+
+
+
+
+
+ 本講義4回目終了後、第二段階に進んだ塾生(1期生)の研究進捗共有会を行いました。
+ 前回の共有会から1ヶ月という短い期間でしたが、前回の指摘や質問に対応した
+ スライド・発表内容でした。
+
+
+ 次回は8月20日の中間成果発表会です。学校も夏休みに入る頃ですので、
+ 学校の宿題との両立を目指しましょう。
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、本学OGの桂島倫子様(株式会社NTTデータ フィナンシャルテクノロジー)をゲスト講師として
+ お招きして、現在お仕事でご担当されている法人向けインターネットバンキングの開発・維持と、
+ 「想像力」についてお話しいただきました。
+
+
+ お仕事については、法人向けインターネットバンキングの概要から、
+ 社会や身近な生活との繋がりについて、お話しいただきました。
+
+
+
+ また、「想像力」については「無人島に一つだけ持っていくなら、何を持っていく?」というお題で
+ 塾生に考えてもらいました。塾生からは「ライター」「ナイフ」「水」「ぬいぐるみ」「船」「ゲーム機」
+ など多くの書き込み(チャット)がありました。
+ 桂島様は、「課題(お題)の背景や条件などを想像してみるのが大事」「日々の生活、遊び、さまざまな経験を
+ 通して想像力を磨いてほしい」と語られました。桂島様、ありがとうございました。
+
+
+ プログラミングの基礎を学んでも、作りたいものをイメージできなければ活かせません。
+ 塾生の皆さんは鳥海塾の活動や日々の生活を通して想像力を磨いていきましょう。
+
+
+
+ プログラミングの講義では前回の制御構造の続きを行いました。whileとifを組み合わせた
+ プログラムの構造について学びました。
+
+
+
+ 講義内でおこなったプログラムのデバッグ問題では、塾生同士で意見を出し合う様子、
+ 自分より下の学年の塾生のサポートを行う様子など、チームワークの向上が見られました。
+
+
+ 次回の本講義では配列について学んでいきます。わからないところは平日夜間のVLで解決して、
+ プログラミングをすすめていきましょう。
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、前回の変数の復習と演算子、制御構造についての説明をしました。
+ 演算子については、説明の後に実際に問題をいくつか塾生に解いてもらいました。
+ 苦戦している塾生もいましたが、みんな頑張って解いていました。
+
+
+ 鳥海塾では毎回の講義でグループワークの時間を作っています。本講義3回目ということで、
+ だんだん話し合いがスムーズにできるようになってきました。
+ 8月にはチームごとの発表会があるので、メンターもサポートしていきます。
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 今回の本講義では、本学OBの宮崎駿様(日本電気株式会社:通称NEC)を
+ ゲスト講師としてお招きして、サイバー攻撃の怖さやパスワードの重要性など、
+ 「サイバーセキュリティ」についてお話しいただきました。
+ グループワークでは、身の回りでセキュリティが関わりそうなものについて話し合い、
+ 発表してもらいました。多く出たのがTikTok、Facebook、Twitter、Instagram、
+ Amazonなどでした。宮崎様は「メルカリやAmazonなどのネットショップは
+ 個人情報に加えてお金に関わる情報があるためセキュリティが重要である」とコメントされました。
+
+
+
+
+
+ また、学生時代の頃のお話では、「中学高校の勉強は好きではなかった」「大学に進んで、楽しい・
+ 面白いと思えることに出会って勉強したいと思うようになった」「大学生の時にプログラミングができるようになったらなんでもできそうと
+ 思い立ち、講義以外にも自分で勉強した」「好きな学びを突き詰めると将来が見えてくる」
+ 「好きなものと出会うために読書や新しい体験が大事」と語られました。
+
+
+ 塾生にとって、これからの学びを意味付ける貴重な機会になったと思います。
+ 宮崎様、ありがとうございました。
+
+
+
+
+ 講話の後はプログラミングの講義です。今回のテーマは「変数と入出力処理」です。
+ プログラムと起動結果を見比べて、どのような動き方をしているのかグループで
+ 予想してもらいました。
+
+
+ 次回は演算子と制御構造についての講義です。
+
+
+
+
+
+
+
+
+
+
+
+ 今回はスタッフ側の活動です。
+
+
+ 今年度新規加入したメンターを加えて、研修会を行いました。講師役を務めてくれたのは、
+ 昨年度から活動している先輩メンターSさんです。本講義で使うスライドの作り方、本講義の進め方、
+ 報告書の作り方、塾生との接し方など、昨年度の活動で出てきた課題点を盛り込んだ研修内容に
+ なりました。
+
+
+
+
+
+ 学生が参加しやすいよう、Zoomでの配信も行いました。本講義やVL(バーチャルラーモンズ)の
+ 質向上のために今後の定期的な研修の実施を検討中です。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 本講義1回目終了後、第二段階に進んだ塾生(1期生)の研究進捗共有会を行いました。
+ 自分の研究の進捗状況についてスライドを使って説明しました。
+ 第二段階に進んだ小学6年生から高校1年生までの計12名の塾生は、興味のある研究分野について
+ 本学教員から指導を受けています。研究分野は交通心理(2名)、情報処理(3名)、
+ 科学(3名)、天文(1名)、素粒子(1名)、言語処理(2名)と多岐に渡ります。
+
+
+
+
+
+ 人前での発表で緊張している様子が伝わってきましたが、落ち着いて質問に対応していました。
+ 次回の進捗共有会までに各々どのように研究を進めていくのか楽しみです。
+
+
+
+
+
+
+
+
+
+
+
+
+ いよいよ本講義がスタートしました。今回は「プログラミング」に持つイメージをチームで話し合った後、
+ メンターによるプログラムの作成・実行環境の操作説明の講義を行い、
+ 簡単なプログラム作りにチャレンジしてもらいました。
+
+
+
+
+
+ パソコン操作に慣れていない塾生もメンターの補助でプログラム作成まで行うことができました。
+ 次回はゲスト講師による講話と、プログラム作成において基礎となる「変数」についての講義です。
+
+
+
+
+
+
+
+
+
+
+
+
+ 令和4年度「ジュニアドクター鳥海塾」の活動がスタートしました。今年度も応募・選抜の結果、40名の2期生を迎えることができました。
+ 今回は開塾式ということで、公益ジュニアドクターセンターのセンター長の本学広瀬教授の挨拶に始まり、これから2期生をサポートする
+ 学生メンターとジュニアメンター(1期生)の紹介と、チームごとの顔合わせ・自己紹介を行いました。
+
+
+
+
+
+ 2期生のみなさんは、初めこそ緊張している様子でしたが、パソコンを操作する表情は期待に満ち溢れているように見えました。
+ 次回は6月25日、いよいよ講義スタートです。
+
+
+
+
+
+
+
+
+
+
+
+
+
+