@charset "UTF-8";
/* CSS Document */

/*topics_list*/
.topics_list ul {
list-style: none;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 29px;
border-left-style: solid;
padding-inline-start: 14px;
border-color: #1acfd8;}

.topics_list {padding: 1em 2% 0 18%;width: 80%;font-size: .8em;}
.topics_list ul li a{color: #1acfd8;}
.topics_list p.step{color: #1acfd8;font-family: 'raleway', sans-serif;letter-spacing: 7px;font-weight: bold;}
/*topics*/

/*.topics-wrap .title {
text-align: center;
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
color: #4d4d4d;}*/

.title{width: 100%;padding: 9em 0 0 0;text-align: center;font-family: 'Noto Sans JP', sans-serif;color: #4d4d4d;}

.title .sub_ttl{
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;}

.topics-wrap .topics_ttl{font-size:2em;font-family: 'Noto Sans JP', sans-serif;color:#4d4d4d;}

.topics-wrap .topics-box {
width: 86%;
/* padding-left: 45%; */
padding: 12em 7% 0 7%;
margin-top: -11em;
font-family: 'Noto Sans JP', sans-serif;}

.topics_inner h1{text-align:center;}

/*.topics_list {
padding: 2em 0em 0 30em;
width: 50%;}*/

.arrowlink_reset{font-family: 'raleway', sans-serif;padding-inline-start:0px;text-align:right;margin-top: 2em;margin-bottom: 5em;color:#4d4d4d;}


@media screen and (max-width: 320px){

	
}

@media screen and (min-width: 768px) {
  /*topics_list*/
  .topics_list ul {
    list-style: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 29px;
    border-left-style: solid;
    padding-inline-start: 14px;
    border-color: #1acfd8;
  }
  .topics_list {
    padding: 6em 62% 0 8%;
    width: 100%;
  }
  /*.topics_list {padding: 6em 6% 0 14%;width: 80%;}
.topics_list {padding: 2em 0em 0 24em;width: 50%;}*/
  .title {
    width: 100%;
    padding: 6em 0 0 0;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #4d4d4d;
  }
  .title .topics_ttl {
    letter-spacing: 7px;
  }
  .title .sub_ttl {
    font-size: 1em;
    letter-spacing: 4px;
    margin-top: -.5em;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
  }
  /*topics*/
  /*.topics-wrap .title{padding: 0em 1em 1em 3em;width:35%;text-align: center;}*/
  .topics-wrap .topics_ttl {
    font-size: 1.8em;
    text-align: left;
  }
  /*.topics-wrap .sub_ttl{
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
text-align: left;}*/
  .topics_inner h1 {
    text-align: left;
  }
  .topics-wrap .topics-box {
    width: 100%;
    /* padding-left: 43%;
margin-top: -62em; */
  }
  .course_inner {
    margin-top: 24em;
  }
}

@media screen and (min-width: 1024px) {
  .topics-wrap .inner{
    display: flex;
    justify-content: space-between;
    padding: 3em;
    max-width: 1200px;
    margin: auto;
  }
  .topics_list {
    padding: 0;
    width: 30%;
    box-sizing: border-box;
  }
  .topics-wrap .topics-box {
    width: 70%;
    padding: 0;
    margin: 0;
  }

  /*topics_list*/
  /*.topics_list {padding: 2em 0em 0 30em;width: 50%;}*/
  /* .topics_list {
    padding: 1em 60% 0 10%;
    width: 30%;
    font-size: 1em;
  } */
  .topics_list ul {
    list-style: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 29px;
    border-left-style: solid;
    padding-inline-start: 14px;
    border-color: #1acfd8;
  }
  /*topics*/
  /* .title {
    width: 46%;
    padding: 5em 11% 2em 43%;
    text-align: left;
  } */
  /*.topics-wrap .title{padding: 0em 1em 1em 3em;width:35%;}*/
  /* .title .sub_ttl {
    font-size: 1em;
    letter-spacing: 4px;
    margin-top: -.5em;
    text-align: left;
  } */
  .title .topics_ttl {
    font-size: 2em;
    letter-spacing: 3px;
  }
  /* .topics-wrap .topics-box {
    width: 50%;
    padding-left: 43%;
    margin-top: -64em;
  } */
  .arrowlink_reset {
    font-family: 'raleway', sans-serif;
    padding-inline-start: 0px;
    text-align: right;
    margin-top: 2em;
    margin-bottom: 5em;
  }
  /*course*/
  .course_inner {
    margin-top: 33em;
  }
}
@media screen and (min-width: 1440px) {
  /*topics_list*/
  .course_inner {
    margin-top: 40em;
  }
}