@charset "UTF-8";
.primary{
  min-height:300px;
  background:url(../images/course_main_img.jpg) no-repeat 0 0;
  background-size: cover;
}
.introduction strong{
  text-align: center;
  font-size:24px;
  display: block;
  margin:0 0 40px 0;
}
.introduction .content{
  width:1000px;
  margin:0 auto;
}
.introduction .content p{
  margin:0 0 40px 0;
}
.introduction .key{
  text-align: center;
  margin: 60px 0 20px;
}
.introduction .key dt,
.introduction .key dd{
  display: inline-block;
  vertical-align: middle;
}
.introduction .purpose{
  font-size: 1.3rem;
  border-bottom:solid 1px #231815;
  display: inline-block;
}
.introduction .task{
  font-size: 1.2rem;
}
img.arrow_blue_down{
  width:80px;
  display: block;
  margin: 0 auto;
}
.solution{
  width: 70%;
  margin: 30px auto 0;
  position: relative;
  padding: 20px  70px 20px;
  border: solid 2px #65AADD;
}
.solution strong{
  position: absolute;
  display: inline-block;
  padding: 0 10px;
  font-size: 1.2rem;
  background: #FFF;
  font-weight: bold;
  top: -1%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.solution dl:nth-of-type(1)::before{
  content:url(../images/number1.png);
  position: relative;
  top:5px;
}
.solution dl:nth-of-type(2)::before{
  content:url(../images/number2.png);
  position: relative;
  top:5px;
}
.solution dl:nth-of-type(3)::before{
  content:url(../images/number3.png);
  position: relative;
  top:5px;
}
.solution dt{
  width: 170px;
}
.solution dt,
.solution dd{
  display: inline-block;
  vertical-align: middle;
}
.course_ttl{
  width: 1155px;
  height: 300px;
  margin: 0 auto;
  background-image:url(../images/image06-medicinex2.png),url(../images/image07-engineeringx2.png);
  background-repeat: no-repeat,no-repeat;
  background-position:left 0,right 0;
}
.course_ttl img{
  width: 75%;
  display: block;
  margin: 0 auto;
}
.nurturing .text{
  width:1000px;
  margin:0 auto;
}
.nurturing .text p{
  margin:0 0 20px 0;
}
.after{
  width:70%;
  height: 140px;
  margin: 0 auto;
  background:url(../images/arrow_blue_oldlace.svg) no-repeat 50% bottom;
  background-size: 80px;
}
.after p{
  background:#EFE4B7;
  padding: 20px 40px;
  text-align: center;
}
.irm{
  width:70%;
  margin: 0 auto;
  background-image:url(../images/wire1x2.png), url(../images/wire2x2.png);
  background-repeat:no-repeat,no-repeat ;
  background-position:left 20px,right 20px;
}
.irm h3,
.irm strong{
  text-align: center;
  font-size: 1.6rem;
}
.irm strong{
  color:#EA5532;
  font-weight: 600;
  display: block;
}
.irm_block{
  width:85%;
  display: flex;
  justify-content:space-between;
  margin: 30px auto 0;
}
.irm_block li:before{
  content:"●";
  color:#4AC1F1;
  font-size: 17px;
  margin: 0 3px 0 0;
}
a.pdf_dl{
  display: block;
}
a.pdf_dl img{
  display: block;
  margin: 90px auto 0;
}
/*授業科目*/
.class p{
  width:1000px;
  margin:0 auto 40px;
}
.major,
.by_course{
  width: 70%;
  margin: 0 auto 60px;
}
.major h3,
.by_course h3{
  border-bottom:solid 1px #bbb;
}
.major h3{
  background:#D6E9C4;
}
.by_course h3{
  background:#BBD4EF;
}
.major h4.basics{
  background: #EFE4B7;
}
.major h4.special{
  background: #BAD773;
}
.by_course h4.basics{
  background: #EFE4B7;
}
.by_course h4.medical_worker{
  background: #BAD773;
}
.by_course h4.application{
  background: #EFEFEF;
}
.major h3,
.major h4,
.by_course h3,
.by_course h4{
  font-weight:normal;
  padding: 5px 0 5px 20px;
}
.class#curriculum{
  position: relative;
  display: block;
}
.class#curriculum table,
.choice{
  font-size: 0.9rem;
  background:rgba(255,255,255,0.7);
  width: 100%;
}
.choice{
  padding: 10px 20px;
}
.class#curriculum th{
  width:40%;
  font-weight: normal;
  border-right: dotted 1px #bbb;
}
.class#curriculum th small{
  font-weight: 500;
  font-size: 12px;
}
.class#curriculum th,
.class#curriculum td{
  border-bottom:dotted 1px #bbb;
  padding: 10px 20px;
}
.class#curriculum td li::before{
  content:"・";
  color:#000;
}
.class#curriculum td li{
  padding-left: 1em;
  text-indent: -1em;
}
img.curriculum_img{
  width:200px;
  position: absolute;
  top:200px;
  right:120px;
}
.class .link{
  display: flex;
}
/* 1100px以下 */
@media screen and (max-width: 1100px) {
  #container.course{
    width:100%;
  }
  .course_ttl,
  .introduction .content,
  .nurturing .text,
  .irm,
  .irm_block,
  .class p,
  .major,
  .by_course{
    width:100%;
  }
  .pankuzu,
  .introduction,
  .nurturing,
  .class{
    width:calc(100% - 40px);
  }
  .solution {
    width:90%;
  }
}
/* 896px以下 */
@media screen and (max-width: 896px) {
  .introduction .content,
  .course_ttl,
  .nurturing .text,
  .class p{
    width:100%;
  }
  .primary{
    margin:0;
  }
  .class#curriculum th, #curriculum td{
    display: block;
  }
  .class#curriculum th{
    border: none;
    font-weight: 600;
    padding: 10px 20px 0px 20px;
  }
  .irm_block ul{
    width:45%;
  }
}
/* 480px以下 */
@media screen and (max-width: 480px) {
  #container.course{
    margin:140px auto 0 ;
  }
  .primary{
    background: url(../images/course_main_img.jpg) no-repeat top center;
    background-size:100%;
    min-height: 100px;
    height: 100px;
  }
  .introduction strong{
    font-size:5.6vw;
    text-align:left;
  }
  .solution{
    width:100%;
    padding: 20px;
    margin:60px 0 0;
  }
  .solution dt, .solution dd,
  .introduction .key dt, .introduction .key dd{
    display: block;
  }
  .introduction .key dt,
  .introduction .key dd{
    text-align: left;
  }
  .solution dd{
    margin:0 0 20px 0;
  }
  .introduction .purpose,
  .introduction .task{
    font-size: 1.1rem;
  }
  .course_ttl{
    height: 180px;
  }
  .after{
    width: 100%;
    margin: 0 auto 30px;
  }
  .after p{
    text-align: left;
    padding: 20px;
  }
  .irm{
    background: none;
  }
  .irm h3{
    font-size: 1.2rem;
  }
  .irm strong{
    font-size: 1.0rem;
  }
  .irm_block,
  .class .link{
    display: block;
  }
  .irm_block ul,
  .class#curriculum th{
    width:100%;
  }
  a.link_btn:nth-of-type(1){
    margin:0 auto 40px;
  }
}
/*------------print---------------------*/
/* 印刷 */
@page {
	margin: 12mm 7mm;
}
@media print{
	body{ zoom: 95%; }
	#page-top{
		display:none!important;
	}
  header,nav{
    position: relative;
  }
}