@charset "UTF-8";

/*################## max-witdh:48em ##################*/
@media screen and (max-width: 48em) {
  #apply .flex {
    display: block;
  }

  #apply .ripple {
    width: auto;
    margin: 0.5em 1.0em 0em 1.0em;
  }

  #characteristic .flex .course>.flex {
    display: block;
  }

  #characteristic .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #characteristic .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #characteristic .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #characteristic .flex .course .title:before {
    content: '■';
    font-weight: bold;
  }

  #characteristic .flex .course :nth-child(1) {
    display: none;
  }

  #characteristic .flex .course>.flex :nth-child(1) img {
    display: none;
  }

  #characteristic .flex .course :nth-child(2) {
    font-size: 1.4em;
    font-weight: bold;
  }

  #characteristic .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #characteristic .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #characteristic .inner {
    padding: 1.0em;
  }

  #company .inner {
    padding: 1.0em;
  }

  #contentsmenu .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #contentsmenu .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #contentsmenu .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #contentsmenu .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #contentsmenu .flex.row {
    display: block;
  }

  #course_list {
    padding: 0 0 0 0;
  }

  #course_list .content .flex .icon {
    display: none;
  }

  #course_list .content .title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0em 0 1em 0;
    line-height: normal;
  }

  #course_list .flex .course .title:before {
    content: '■';
    font-weight: bold;
  }

  #course_list .flex .course>.flex {
    display: block;
  }

  #course_list .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #course_list .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #course_list .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #course_list .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #course_list .flex .course>.flex :nth-child(1) img {
    display: none;
  }

  #course_list .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #characteristic .flex .course>.flex {
    display: block;
  }

  #course_list .flex .course :nth-child(1) {
    display: none;
  }

  #course_list .flex .course :nth-child(2) {
    font-size: 1.4em;
    font-weight: bold;
  }

  #course_list .flex.row {
    display: block;
  }

  #characteristic .flex.row {
    display: block;
  }

  #curriculum .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #dailynews {
    padding: 0 0 0 0;
  }

  #followup {
    padding: 0 0 0 0;
  }

  #followup .inner .boxshadow:not(:first-child) {
    display: none;
  }
	
  #infomation .flex .course .contentarea {
    padding-left: 0em;
    padding-right: 0em;
    z-index: 1;
  }

  #infomation .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #infomation .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #infomation .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #infomation .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #infomation .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #infomation .flex .row {
    display: block;
  }

  #infomation .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #infomation .open::after {
    background-image: none;
  }

  #impressions .flex {
    flex-direction: column;
  }

  #introduction .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #introduction .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #introduction .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #introduction .flex.row {
    display: block;
  }

  #introduction .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #learningpoint .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #learningpoint .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #learningpoint .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #learningpoint .flex .course .contentarea {
    padding-left: 0em;
    padding-right: 0em;
    z-index: 1;
  }

  #learningpoint .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #learningpoint .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #learningpoint .flex .row {
    display: block;
  }

  #learningpoint .inner {
    padding: 1.0em;
  }

  #logo p {
    display: none;
  }

/*
	#logo p {
    display: flex;
    flex-grow: 3;
    flex-shrink: 3;
    align-items: center;
  }
*/

  #main_visual {
    position: relative;
    min-height: 200px;
    /*300;*/
    /*margin-top: 86px;*/
  }

  #main_visual #linkbtn .flex {
    display: block;
  }

  #main_visual .inner h1 {
    font-size: min(3em, 5.8vw);
    /*7vmin;*/
    line-height: 1.1;
    margin-bottom: .2em;
  }

  #main_visual .inner h2 {
    font-size: min(1.5em, 4vw);
    /*3vmin;*/
    line-height: 1.2em;
  }

  #main_visual .inner h3 {
    font-size: min(1.2em, 3.5vw);
    /*2.5vmin;*/
    /*font-weight: normal;*/
    line-height: 1.2em;
  }

  #main_visual .inner p {
    /*width: 78%;*/
    font-size: min(1.2em, 3.5vw);
    /*1.4em;*/
    /*2.5vmin;*/
    line-height: 1.6em;
  }

  #news {
    padding: 0 0 0 0;
  }

  #news .inner {
    padding: 1.0em;
  }

  #notes .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #obeliskcontents .coursebtn {
    display: none;
  }

  #obeliskcontents .flex .course1,
  #obeliskcontents .flex .course2,
  #obeliskcontents .flex .course3 {
    padding: 0em 0em 0em 0em;
  }

  #obeliskcontents .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #obeliskcontents table.tipo1 th {
    display: block;
    background-color: rgb(0, 146, 134);
    /*#eee*/
    color: white;
    font-size: 1.1em;
  }

  #obeliskcontents table.tipo3 th {
    display: block;
    background-color: rgb(9, 1, 88);
    /*#eee*/
    color: white;
    font-size: 1.1em;
  }

  #obeliskcontents table.tipo1 td:nth-child(2n+1) {
    color: black;
    border-top: none;
    border-bottom: none;
    background-color: white;
  }

  #obeliskcontents table td:nth-child(1) {
    font-weight: normal;
  }

  #participants .flex .course .title:before {
    content: '■';
    font-weight: bold;
  }

  #participants .flex.row {
    display: block;
  }

  #participants .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #participants .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #participants .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #participants .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #participants .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #performance .flex .course>.flex {
    display: block;
  }

  #performance .flex .course :nth-child(1) {
    display: none;
  }

  #performance .flex .course :nth-child(2) {
    font-size: 1.4em;
    font-weight: bold;
  }

  #performance .flex .course>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  #performance .flex .course>.flex :nth-child(1) img {
    display: none;
  }

  #performance .flex .course>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  #performance .flex .course>.flex .contentarea :nth-child(1) {
    display: block;
    font-weight: normal;
  }

  #performance .flex .course>.flex .contentarea :nth-child(2) {
    font-size: 1.2em;
    font-weight: bold;
  }

  #performance .flex .course>.flex .contentarea :nth-child(2):before {
    content: '■';
    font-weight: bold;
  }

  #performance .flex .course .title:before {
    content: '■';
    font-weight: bold;
  }

  #performance .flex.row {
    display: block;
  }

  #performance .inner {
    padding: 1.0em;
  }

  #policy .inner {
    padding: 1.0em;
  }

  #pr_movie{
    display:none;
  }	
	
  #PublicRelations .inner {
    padding: 1.0em;
  }

  #scrollUp {
    display: none !important;
  }

  #summary .inner {
    padding: 1.0em 1.0em 0 0;
  }

  #summary .inner .theme::before {
    left: -0.5em;
  }

  #topinfomation {
    padding: 0 0 0 0;
  }

  #topinfomation .content .otitle dt:not(:first-child) {
    display: none;
  }

  #topmain .flex {
    display: inline;
  }

  #topmain .leftarea,
  #topmain .rightarea {
    width: 100%;
  }

  #tuitionfee .inner {
    padding: 1.0em;
  }
	
  #upper {
    display:block;
  }

  #upper_left{
    width:100%;
	margin-right:0;	  
  }
	
  #upper_right{
    width:100%;
	margin-left:0;
  }	
	
	/*
  .button-change {
    display: none;
  }
	*/
	
  .button-style a{
    font-size:0.8em;		
  }
	
  .button-style:not(:last-child)::after{
    content:" | ";
  }

  .br {
    display: none;
  }

  .circle {
    border-radius: 0;
    width: 100%;
    height: auto;
    margin: 0.3em;
    border: none;
    background-color: inherit;
    color: #fff;
    font-size: 1.6em;
  }

  .ctext::after {
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5% 50%;
    /*background-size: 25%;*/
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    /*transform: skew(10deg, -10deg);*/
  }

  .def-mgn {
    margin-top: 0.5em;
    border-top: 1px dashed black;
  }

  .flex .guide>.flex {
    flex-direction: column;
  }

  .flex .guide>.flex :nth-child(1) {
    flex-direction: row;
    /*flex: 1;*/
  }

  .flex .guide>.flex :nth-child(2) {
    flex-direction: row;
    flex: 7;
  }

  .flex .guide>.flex .guidearea :nth-child(2) {
    font-size: 1.0em;
  }

  .guidetable th {
    width: 100%;
  }

  .guidetable th, .guidetable tr, .guidetable td {
    display: block;
  }

  .hrlabor ::after {
    background-image: url(../img/logo/hrlabor.jpg);
  }

  .hrlabor2 ::after {
    background-image: url(../img/logo/hrlabor2.jpg);
  }

  .instructor-wrap .flex img {
    max-width: 100px;
  }

  .instructor-wrap .name {
    font-size: 1.2em;
  }

  .marker span {
    font-size: 0.8em;
  }

  .mpa ::after {
    background-image: url(../img/logo/mpa.jpg);
  }

  .medacc ::after {
    background-image: url(../img/logo/medacc.jpg);
  }

  .medict ::after {
    background-image: url(../img/logo/medict.jpg);
  }

  .medict_d ::after {
    background-image: url(../img/logo/medict_d.jpg);
  }

  .medict_m ::after {
    background-image: url(../img/logo/medict_m.jpg);
  }

  .menu-change {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    align-items: center;
    /* border: 1px solid #ccc; */
    /* padding: .5em; */
    margin-left: 1.5em;
    max-width: 380px;
  }
	
  .mpa ::after {
    background-image: url(../../../../wp-content/themes/owl/img/logo/mpa.jpg);
  }	

  .ms-l {
    display: inline;
  }

  .nav-fixed {
    /* max-width: 100%; */
    max-width: 490px;
  }

  .npgb ::after {
    background-image: url(../img/logo/npgb.jpg);
  }

  .npgs-c ::after {
	background-image: url(../../../../wp-content/uploads/2025/05/npgs-c-logo.jpg);
  }	
	
  .npgs-p ::after {
	background-image: url(../../../../wp-content/uploads/2022/08/npgs-python-logo.jpg);
  }
	
  .obelisk ::after {
    background-image: url(../img/logo/obelisk.jpg);
  }

  .obelisk-s ::after {
    background-image: url(../../../../wp-content/uploads/2022/07/obelisk_seminar.jpg);
  }	  
	
  .period,
  .price {
    font-size: 1.0em;
  }

  .price {
    margin-bottom: -1.0em;
  }

  .pr {
    column-count: 1;
  }

  .pr li {
    text-indent: -1.5em;
    padding: 0.5em;
    margin-left: 2em;
  }

  .pr li span {
    font-size: 1.0em;
  }

  .procedure {
    display: none;
  }

  .rightarea .inner {
    padding: 1.0em;
  }

  rt {
    font-size: 0.8em;
  }

  .seminar ::after {
    background-image: url(../../../../wp-content/uploads/2023/09/seminar.jpg);
  }

  .step {
    flex-direction: column;
  }

  .step>div {
    width: 100%;
  }

  .wdeb ::after {
    background-image: url(../img/logo/wdeb.jpg);
  }
}


/*################## max-width: 460px ##################*/
@media screen and (max-width: 460px) {
  .sampletable img {
    width: 100%;
  }
}

@media (min-width: 600px) {
  .prev-next-link {
    display: flex;
    justify-content: space-between;
  }

  .prev-next-link a {
    flex: 1;
  }

  .prev-next-link a,
  .prev-next-link a:first-child {
    border: none;
  }

  .next-link {
    text-align: right;
  }
}

/*################## max-width: 768px ##################*/
@media screen and (max-width: 768px) {
  .nav-fixed {
    max-width: 82%;
    left: 21%;
  }
}

/*################## max-width:940px ##################*/
@media screen and (max-width:940px) {

  /*ieのみ*/
  *::-ms-backdrop,
  .button-change,
  #logo p {
    display: none !important;
  }
}

/*################## max-width:1240px ##################*/
@media screen and (max-width:1240px) {

  /*ieのみ*/
  *::-ms-backdrop,
  .button-change {
    flex-grow: 4 !important;
  }

  .menu-change {
    flex-grow: 1 !important;
  }
}

/*################## min-width:48em ##################*/
@media screen and (min-width: 48em) {
  #logo p {
    display: flex;
    flex-grow: 3;
    flex-shrink: 3;
    align-items: center;
  }

  .flex .guide {
    margin: 0 0.5em 1em 0em;
  }

  .flex .guide>.flex {
    flex-direction: row;
  }

  .flex .guide>.flex :nth-child(1) {
    flex-direction: row;
    flex: 1;
  }

  .flex guide>.flex :nth-child(2) {
    flex-direction: row;
    flex: 4;
  }

  .flex .guide>.flex .guidearea :nth-child(2) {
    font-size: 1.0em;
  }
	
  #instructor .flex {
    flex-direction: row;
  }
	
  #instructor .flex2 {
    flex-direction: column;
  }

  .button-change {
    display: flex;
    flex-grow: 3;
    flex-shrink: 3;
    align-items: center;
  }

  .menu-change {
    display: flex;
    flex-grow: 1;
    flex-shrink: 2;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #ccc;
    padding: .1em;
    margin-left: .5em;
  }
}