* {
  box-sizing: border-box;
}

h4 {
  font-weight: 600;
}

#contents {
  margin: 0 auto 10px !important;
}

#main {
  margin-bottom: 0;
  padding-bottom: 0;
}

#main ul {
  width: 100%;
}

#main ul li {
  word-break: break-all;
}

.etc_education_lead {
  padding: 10px 0;
  display: grid;
}

.topicpath a {
  cursor: pointer;
}

h3 {
  margin-bottom: 15px;
  font-size: 105%;
  line-height: 3ex;
  padding-left: 1ex;
}

.etc_education_lead ul li {
  word-break: break-all;
  word-wrap: break-word;
}

.etc_education_Agenda {
  padding: 10px 10px;
}

.etc_education_Agenda li {
  list-style-type: decimal;
}

.conteBox {
  /*width:100%;*/
}

.border1Dotted {
  border: 1px gray dotted;
  display: inline-block;
}

.conteBox div {
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: ivory;
  /*background: rgba(255, 255, 246, 1);*/
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.conteBox div img {
  /*  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";*/
}

.conteBox li:nth-child(3n+1) {
  clear: both;
}

.conteBox li img {
  width: 100%;
  height: auto;
}

.conteBox ul {
  margin-right: 0;
}

.conteBox li {}

.two_col {
  float: left;
}

.two_col li {
  /*margin:0 50px 0 50px;*/
  word-break: break-all;
  word-wrap: break-word;
  /*display:grid;*/
  margin-left: 0;
}

.two_col ul {
  margin: 0;
  width: 100%;
}

.colorF00s {
  color: #F00;
}

.fs12em {
  font-size: 1.2em;
}

.displaynone {
  display: none;
}

.displayFlex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

/*--yoko--*/

.flexRow {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

/*--tate--*/

.flexColumn {
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

/*--center--*/

.flexCenter {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

.flexEnd {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-item {
  -webkit-flex: 1 auto;
  flex: 1 auto;
}

.flex-space-between {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-space-around {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.flex-item_002 {
  -webkit-flex: 0 400px;
  flex: 0 400px;
}

.border1graydotted {
  border: 1px gray dotted;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.dotted_Gray {
  border: 1px gray dotted;
}

.container {
  max-width: 100%;
}

#main section:first-of-type {
  /*overflow: hidden;*/
}

#main img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clearBoth {
  clear: both;
}

.pd10 {
  padding: 10px;
}

.epp_primary {
  display: inline-block;
  padding: 3px 10px;
  font-size: 1.2em;
  font-weight: 500;
  width: 100px;
  height: 30px;
  background: #1f8e1d;
  color: #FFF;
  -webkit-border-rudius: 5px;
  border-radius: 5px;
}

.eppModal ul li {
  margin-left: 0;
}

.eppmodal_sec ul li {
  margin-left: 0;
  /*min-height:180px;*/
}

/*.eppmodal_sec ul li span{
  display:inline-block;
  padding: 3px 10px;
  font-size: 1.2em;
  font-weight: 500;
  width: 30px;
  height: 30px;
  background: #1f8e1d;
  color: #FFF;
  -webkit-border-rudius:5px;
  border-radius: 50%;
}*/

.eppmodal_sec ul>li:nth-child(even)>span {
  margin-top: 10px;
}

.eppmodal_sec ul>li:nth-child(odd)>span {
  margin-top: 0;
}

[id^="epp00"].modal {
  opacity: 1;
  display: none;
  margin-top: 10vh;
}

@media screen and (max-width: 780px) {
  [id^="epp00"].modal {
    opacity: 1;
    display: none;
    margin-top: 20vh;
  }
}

@media screen and (max-width: 480px) {
  .flex-item_002 img {
    width: 200px;
  }
}

@media screen and (max-width: 367px) {
  .eppmodal_sec ul>li:nth-child(odd)>.flex-item_002 img {
    width: 150px;
  }
}

.epp_list_harf_left {
  padding: 20px 0;
  max-width: 100%;
}

.epp_list_harf_left ul {
  margin: 0;
}

.epp_list_harf_left ul li {
  /*padding-bottom:5px;*/
}

.devide_2items div:last-child {
  padding-right: 0;
}

.devide_2items div img {
  width: calc(100% / 1);
}

.devide_3items div {
  padding-right: 5px;
  /*width:calc(100% / 3);*/
  border: none;
}

.devide_3items div:last-child {
  padding-right: 0;
}

.devide_5items {
  width: 100%;
}

.devide_5items div {
  padding-right: 5px;
  width: calc(100% / 5);
  border: none;
}

.devide_5items div:last-child {
  padding-right: 0;
}

.devide_5items div img {
  width: calc(100% / 1);
}

/*.devide4_f section{
  padding-right:10px;
  width:25%;
}*/

.devide4_f {
  max-height: 100%;
}

.etc_2rows ul {
  width: 100%;
  -ms-flex-order: 1;
  display: grid;
}

/*-----------------------------------scholl mark--page----------*/

.contents000,
.contents001 {
  width: 100%;
}

.contents001.schoolEmblem>p {
  text-align: center;
  font-size: 1.3em;
  background: #e5e8f5;
  border-top: 1px solid #a29e24;
  font-weight: 600;
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.contents001.schoolEmblem div {}

.contents001>p {
  text-align: center;
  font-size: 1.2em;
  background: #e5e8f5;
  border-top: 1px solid #a29e24;
  font-weight: 400;
}

.schoolEmblem,
.study_abroadContents {
  clear: left;
}

.devide_4items div {
  border: none;
}

.devide_9items div {
  border: none;
}

.conx01,
.conx03 {
  max-width: 100%;
}

.conx01 div,
.conx03 div {
  float: left;
}

.conx03 div:last-child {
  padding-right: 0;
}

.conx01 div img,
.conx03 div img {
  /*width: 18vw;*/
  width: 100%;
}

.vhidden {
  visibility: hidden;
}

/*-------------------------2列横並び（文章先左）----------------------*/

.conx01.devide_2items div:nth-child(1),
.conx01.devide_2items div:nth-child(2) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
  padding-top: 10px;
}

.conx01.devide_2items div:nth-child(1) {
  flex-grow: 4;
  width: 70%;
}

.conx01.devide_2items div:nth-child(2) {
  flex-grow: 0;
  width: 28%;
}

.conx01.devide_2items div:nth-child(2) img {
  width: 100%;
  /*padding-left:100px;*/
}

/*-------------------------2列横並び（画像先左）----------------------*/

.conx01.devide_2items_antagon div:nth-child(1),
.conx01.devide_2items_antagon div:nth-child(2) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
}

.conx01.devide_2items_antagon div:nth-child(1) {
  flex-grow: 0;
  width: 30%;
}

.conx01.devide_2items_antagon div:nth-child(1) img {
  width: 90%;
}

.conx01.devide_2items_antagon div:nth-child(2) ul li {
  margin-left: 0;
}

.conx01.devide_2items_antagon div:nth-child(2) {
  flex-grow: 4;
  width: 65%;
  padding: 10px 0;
}

/*---写真のみの２アイテム分割（等倍）--*/

.conx01.img2items div:nth-child(1),
.conx01.img2items div:nth-child(2) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
}

.conx01.devide_3items div:nth-child(1),
.conx01.devide_3items div:nth-child(2),
.conx01.devide_3items div:nth-child(3) {
  width: calc(100% / 3);
  -ms-flex-order: 1;
}

.conx01.devide_4items div:nth-child(1),
.conx01.devide_4items div:nth-child(2),
.conx01.devide_4items div:nth-child(3),
.conx01.devide_4items div:nth-child(4) {
  width: calc(100% / 3);
  -ms-flex-order: 1;
}

.conx03.devide_9items div:nth-child(1),
.conx03.devide_9items div:nth-child(2),
.conx03.devide_9items div:nth-child(3),
.conx03.devide_9items div:nth-child(4),
.conx03.devide_9items div:nth-child(5),
.conx03.devide_9items div:nth-child(6),
.conx03.devide_9items div:nth-child(7),
.conx03.devide_9items div:nth-child(8),
.conx03.devide_9items div:nth-child(9) {
  width: calc(100% / 9);
  -ms-flex-order: 1;
}

.conx03.devide_9items {
  padding: 10px 0;
}

.conx03.devide_9items div img {
  padding: 0.7vw;
}

.conx03.devide_9items div:hover {
  background: rgba(239, 237, 233, 0.34);
}

.conx03.devide_9items div img:hover {
  opacity: 0.8;
}

.conx01.devide_4items a img {
  width: 100%;
  max-width: 100%;
  min-width: 50px;
  padding-right: 20px;
}

.conx01.devide_4items a:last-child img {
  padding-right: 0;
}

.conx01 a,
.conx03 a {
  display: block;
}

#respo_003 {
  margin-top: -160px;
}

.flexBoxstyle {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.detail_study_abroad ul li {
  list-style-type: circle;
  font-size: 0.9em;
}

.detail_study_abroad {
  padding-left: 10px;
}

/*---------2列並び画像小さめ右-------------*/

.etc_2rows div:nth-child(1),
.etc_2rows div:nth-child(2) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
}

.etc_2rows div:last-child img {
  padding-right: 0;
}

.etc_2rows div:nth-child(2) {
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
}

.etc_2rows div:nth-child(1) {
  -webkit-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
}

.etc_2rows div:nth-child(2) {
  width: 20%;
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
}

/*---------Homestay page--------*
  右寄せ-------------------------*/

.conx02.devide_2items div:nth-child(1),
.conx02.devide_2items div:nth-child(2) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
}

.conx02.devide_2items div:nth-child(1) {
  width: 60%;
}

.conx02.devide_2items div:nth-child(2) {
  width: 40%;
}

.conx02 {
  max-width: 100%;
}

.conx02 div {
  float: left;
}

.conx02 div:last-child {
  /* padding-right: 0; */
}

/*--------Top pageの３列---------*/

.conx02.devide_3Topitems div h4 {
  letter-spacing: 0.1em;
  font-size: 1.1em;
  border: none;
}

.devide_3Topitems div {
  border: none;
}

.conx02.devide_3Topitems div>a {
  display: grid;
}

.devide_3Topitems div:last-child {
  /* padding-right: 0; */
}

/* .conx02.devide_3Topitems div:nth-child(1),
.conx02.devide_3Topitems div:nth-child(2),
.conx02.devide_3Topitems div:nth-child(3) {
  width: calc(97% / 2);
  -ms-flex-order: 1;
} */

.conx02.devide_3Topitems div img {
  width: 100%;
  /*max-width:290px;*/
  /* max-width: 414px; */
  min-width: 50px;
}

.contents000.study_abroadContents div>p {
  text-align: left;
  font-size: 1em;
  /*background: #e5e8f5;*/
  /*border-top: 1px solid #a29e24;*/
  font-weight: 400;
  padding-top: 1%;
  padding-bottom: 25px;
  word-break: break-all;
  margin: 0 !important;
}

/*--------Top Button----------*/

.mt10 {
  margin-top: 10px !important;
}

.buttonRegu {
  display: inline-block;
  padding: 3px 14px;
  border-radius: 57px;
}

.greenpri {
  background: #026300;
  color: #fff;
}

.greenpri_line {
  background: rgb(220, 232, 215);
  border: 1px solid #9db59d;
  color: #026300;
  font-size: 0.8em;
}

.contents000.study_abroadContents>section>div {
  position: relative;
}

.contents000.study_abroadContents>section>div>a.buttonRegu {
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.detailLists {
  width: 65%;
  padding-top: 20px;
}

.mainH4js {
  height: auto;
  font-size: 1em;
  line-height: 1 !important;
  margin-top: 0;
}

/* education */

.catch_title {
  font-size: 1.5rem;
  font-weight: 800;
  color: darkgreen;
  text-align: center;
  letter-spacing: 1px;
}

.title {
  margin-top: 15px;
}

.textOutline {
  text-shadow: 0px 0px 5px white, 0px 0px 10px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 3px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white;
  z-index: 20;
}

.catch_eye {
  position: relative;
}

.catch_eye img {
  width: 100%;
}

.catch_eye_txt {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}

.index_catch_eye_txt {
  width: 100%;
  position: absolute;
  top: .6vh;
}

/* custom */
.justify-content-center {
  justify-content: center !important;
}

/* /en */
@media (max-width: 414px) {
  html[lang="en"] .devide_4items div {
    width: 100% !important;
  }

  #main section:first-of-type {
    display: block;
  }
}


.resize_schooltrip_img {
  max-height: 193px;
  object-fit: cover;
}

.d-block-max-414 {
  display: block !important;
}

.block-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.catch_eye_txt p {
  padding-top: .6vh;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
  color: white;
  word-wrap: break-word;
  white-space: pre-wrap;
}


@media (max-width: 414px) {
  .catch_eye_txt p {
    padding-top: 5px;
    font-weight: 500;
    font-size: 2.2vw;
    line-height: 1;
    text-align: center;
    color: white;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .catch_eye_txt p {
    padding-top: .6vh;
    font-weight: 500;
    font-size: 2vw;
    line-height: 1;
    text-align: center;
    color: white;
  }
}
@media (min-width: 415px) and (max-width: 768px) {
  .catch_eye_txt p {
    padding-top: .6vh;
    font-weight: 500;
    font-size: 2vw;
    line-height: 1;
    text-align: center;
    color: white;
  }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {
  .catch_eye_txt h1 {
    font-size: 18px;
  }
}


.break-word{
  word-break: break-word;
}
@media (max-width: 414px) {
  .catch_eye_txt h1 {
    font-size: inherit;
  }
}