@charset "UTF-8";

/*========================================================
	Foundation
========================================================*/
html {
  overflow-y: scroll;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  background-repeat: no-repeat;
}
.txt_red{
	color: red;
}
:before, :after {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

article, aside, canvas, details, figcaption, figure,
header, footer, main, menu, nav, section, summary {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

/*form*/
input::-webkit-input-placeholder, input:-moz-placeholder,
textarea::-webkit-input-placeholder, textarea:-moz-placeholder {
  color: #888;
}

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
  -webkit-appearance: none;
}

button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

button {
  overflow: visible;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

button:-moz-focusring, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button, select {
  text-transform: none;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/*selection */
::-moz-selection, ::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
::-moz-selection, ::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

ol, ul {
  padding-left: 0;
  list-style: none;
}
ol li, ul li {
  padding-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption, th {
  text-align: left;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.w100{
	width: 100% !important;
}
a:active, a:hover {
  outline-width: 0;
}

a:focus {
  outline: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
}

*:before, *:after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  font-size: 62.5%;
  /* 16px x 0.625 = 10px(=1rem) */
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.mb-1{
	margin-bottom: 1em !important;
}
.mb-2{
	margin-bottom: 2em;
}
.block span{
	display: block;
	text-align: center;
}
.row{
	overflow: hidden;
}
.qa-text{
	width: 93% !important;
	float: right;
	background: none !important;
    color: #333333 !important;
    font-size: 1.4rem !important;
    border-radius: 0px !important;
    display: block !important;
    line-height: 2.2rem !important;
    text-align: left !important;
    font-weight: normal !important;
    height: auto !important;
    margin-right: 0 !important;
}
.col-md-6{
	float: left;
	width: 48%;
	margin-right: 4%;
}
.col-md-4{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.col-md-4:last-child,.col-md-6:last-child{
	margin-right: 0;
}
.result .pro-list li{
	width: 100% !important;
}
@media screen and (max-width: 750px){
	.block span{
	display: inline;
		text-align: left;
	}
	.col-md-4,.col-md-6{
	float: none;
	width: 100%;
	margin-right: 0;
}
	.qa-text{
	width: 90% !important;
	}
}
body {
  background-color: #F7F3CA;
  color: #000000;
 font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", 'メイリオ',Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 750px){
	#top{
		overflow-x: hidden;
		position: relative;
	}

}
.oc .btn-tube a,.oc .btn-line a,.oc .btn-siryo a{
text-decoration: none !important;
}
.btn-tube{
	margin-top: 10px;
	background-color:#DE0000;
	padding:10px 20px;
	color: #fff;
	display: inline-block;
}
.btn-siryo{
	margin-top: 10px;
	background-color:#1E87B8;
	padding:10px 20px;
	color: #fff;
	display: inline-block;
}
.btn-line{
	margin-top: 10px;
	background-color:#00B900;
	padding:10px 20px;
	color: #fff;
	display: inline-block;
}
img {
  max-width: 100%;
  height: auto;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.alink{
	text-decoration: underline !important;
}
a, a * {
  color: inherit;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
a:link, a:visited, a *:link, a *:visited {
  text-decoration: none;
  color: inherit;
}
a:hover, a:active, a:hover img, a *:hover, a *:active, a *:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  zoom: 1;
  text-decoration: underline;
  text-decoration: none;
  color: inherit;
}

header, footer {
  width: 100%;
}

.inner {
  max-width: 1300px;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.inner02 {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.sub-inner {
	padding-bottom: 7rem;
}
@media screen and (max-width: 750px) {
  .inner, .inner02 {
    width: 100%;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
}

@-ms-viewport {
  width: auto;
  initial-scale: 1;
}


/*========================================================
   Layout
========================================================*/
/*
	Header
--------------------------------------------------------*/
header {
  background: url(../images/common/line.png) repeat-x top;
  padding-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header .header-inner {
  width: 1160px;
  margin: 0 auto;
  position: relative;
}
header .sub-nav {
  margin-bottom: 1em;
}
header .sub-nav .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
}
header .sub-nav .list li {
  padding: 0;
  padding-right: 2rem;
  padding-left: 2rem;
  position: relative;
}
header .sub-nav .list li:after {
  content: "｜";
  display: inline;
  position: absolute;
  right: -1rem;
	top:0;
}
header .sub-nav .list li ul li:after {
  display: none;
}
header .sub-nav .list li:first-of-type {
  padding-left: 0;
}
header .sub-nav .list li:last-of-type {
  padding-right: 0;
}
header .sub-nav .list li:last-of-type:after {
  content: "";
}
header .sub-nav .list li img {
  width: unset;
  vertical-align: middle;
  padding-right: 3px;
}
header .sub-nav01 .list {
  left: 0;
}
header .sub-nav02 {
  margin-top: -1em;
  margin-bottom: 1em;
}
header .sub-nav02 .list {
  right: 0;
}
header .header-logo {
  padding: 3rem 0 2rem;
  text-align: center;
  width: 100%;
  margin-left: 370px;
	  margin-top: 1.25rem;
}
header .nav-sns {
  position: absolute;
  bottom: 49px;
  right: 65px;
  z-index: 100;
}
header .nav-sns li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  margin-right: 20px;
  padding: 0;
  margin-bottom: 5px;
}
header .nav-sns li a {
  line-height: 36px;
  display: block;
  width: 100%;
  height: 100%;
}
header .nav-sns li:nth-of-type(1) {
  margin-bottom: 0;
  display: inline-block;
}
header .nav-sns li:nth-of-type(1) a {
  line-height: 25px;
}
header .nav-sns li:nth-of-type(2) {
  margin-bottom: 0;
  display: inline-block;
}
header .nav-sns li:nth-of-type(2) a {
  line-height: 25px;
}
header .nav-sns li:nth-of-type(3) {
  margin-bottom: 0;
  display: inline-block;
}
header .nav-sns li:nth-of-type(3) a {
  line-height: 25px;
}header .nav-sns li:nth-of-type(4) {
  margin-bottom: 0;
  display: inline-block;
}
header .nav-sns li:nth-of-type(4) a {
  line-height: 25px;
}
header .side-nav {
  position: fixed;
  right: -15px;
  top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 6px;
  z-index: 9990;
}


/*___Style for SP___*/
@media screen and (max-width: 750px) {
  header {
    padding: 1rem 0 0.5rem;
    background-size: 1rem;
    border-bottom: 0.5px solid #20393D;
  }
  header .header-inner {
    width: 100%;
  }
  header .header-logo {
    width: calc(554/750*100vw);
    margin-left: calc(15/750*100vw);
    padding: 0;
    /*padding-top: calc(15/750*100vw);*/
  }
  header.active {
  	padding-bottom: 5rem;
    position: absolute;
    z-index: 10000;
    background-color: #F7F3CA;
  }
}
/*___Style for SP___*/
@media screen and (max-width: 750px) {
  header .sub-nav {
    display: none;
    width: 100%;
    padding: 0 calc(20/750*100vw);
    border: none;
    background: #F7F3CA;
    margin: calc(20/750*100vw) 0;

  }
  header .sub-nav a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
	  z-index: 99;
  }
  header .sub-nav .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  header .sub-nav .list li {
    width: 49%;
    background-color: #fff;
    border-radius: 8px;
    line-height: 1.2;
    position: relative;
    padding: 0.6rem 0 0.6rem 1rem!important;
    margin-bottom: 0.5rem;
  }
	header .sub-nav .list li ul li {
    width:100%;
		padding-right: 0;
  }
	header .sub-nav .list li ul li {
		 background: none;
	}
  header .sub-nav .list li:after {
    content: "";
    display: block;
    background: url(../images/common/icon-arrow-green.svg) no-repeat center;
    background-size: 1em;
    height: 100%;
    width: 1.2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  header .sub-nav .list .tgl-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    height: 100%;
    width: 100%;
    line-height: 4.2rem;

	z-index:999999;
/*	background:#FF0000;*/
  }
	header .saiyo{
		width:0 !important;
	}
  header .sub-nav01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  header .sub-nav01 li:nth-of-type(n+3) {
    /*display: none;*/
  }
  header .sub-nav02 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  header .sub-nav03 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    padding-bottom: 4rem;
  }
  header .nav-sns {
    display: none;
  }

	header .sub-nav .list li .child {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
    visibility: visible;
    display: none;
    -webkit-transition: 0s;
    transition: 0s;
    position: relative;
    position: absolute;
    width: calc(100%);
    padding-left: 2rem;
    margin-bottom: 1rem;
    border-radius: 0 0 8px 8px;
	margin-left: -1rem;
}

}
@media screen and (min-width: 751px) {
  .sub-nav {
    display: block !important;
  }
  .sub-nav03 {
    display: none !important;
  }
	header .sub-nav .list li {
		font-size: 14px;
	}
}


/*
	Footer
--------------------------------------------------------*/
footer {
  background: url(../images/common/line.png) repeat-x bottom;
  padding-bottom: 3.5rem;
}
footer .ft-top {
  background-color: #fff;
  border-bottom: 1px solid #20393D;
  position: relative;
}
footer .ft-wrap {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  padding: 2rem 0 1rem 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
footer .ft-wrap .item {
  width: calc(100%/5);
}
footer .ft-wrap ul li {
  list-style: none;
  text-indent: -0.5em;
  padding-left: 0.7em;
  line-height: 1.3;
  margin-bottom: 6px;
}
footer .ft-wrap ul li:before {
  content: "・";
  display: inline-block;
}
footer .ft-wrap ul h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 2rem;
}
footer .ft-wrap .ft-green h3 {
  color: #8FC428;
  border-bottom: solid 3px #8FC428;
}
footer .ft-wrap .ft-green li:before {
  color: #8FC428;
}
footer .ft-wrap .ft-yellow h3 {
  color: #D0B400;
  border-bottom: solid 3px #D0B400;
}
footer .ft-wrap .ft-yellow li:before {
  color: #D0B400;
}
footer .ft-wrap .ft-pink h3 {
  color: #BA7480;
  border-bottom: solid 3px #BA7480;
}
footer .ft-wrap .ft-pink li:before {
  color: #BA7480;
}
footer .ft-wrap .ft-orange h3 {
  color: #EB5902;
  border-bottom: solid 3px #EB5902;
}
footer .ft-wrap .ft-orange li:before {
  color: #EB5902;
}
footer .ft-wrap .ft-blue h3 {
  color: #1E87B8;
  border-bottom: solid 3px #1E87B8;
}
footer .ft-wrap .ft-blue li:before {
  color: #1E87B8;
}
footer .ft-wrap .ft-brown h3 {
  color: #955629;
  border-bottom: solid 3px #955629;
}
footer .ft-wrap .ft-brown li:before {
  color: #955629;
}
footer .ft-wrap:after {
  content: "";
  background: url(../images/common/ft-icon01.png);
  width: 241px;
  height: 120px;
  position: absolute;
  bottom: -15px;
  right: -210px;
}
footer .copyright {
  font-size: 1.2rem;
  color: #20393D;
  text-align: center;
  padding-top: 0.5rem;
}
footer .pagetop-btn {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 100;
}

@media screen and (max-width: 750px) {
  footer {
    background-size: calc(20/750*100vw);
    padding-bottom: 1.5rem;
  }
  footer .ft-top {
    border-bottom: 0.5px solid #20393D;
  }
  footer .ft-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 1rem 1rem 1rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  footer .ft-wrap .item {
    width: 100%;
  }
  footer .ft-wrap .item li {
    display: none;
  }
  footer .ft-wrap .item:last-of-type {
    margin-top: 1.5rem;
  }
  footer .ft-wrap .item:last-of-type li {
    display: block;
    margin-bottom: 1rem;
  }
  footer .ft-wrap ul h3 {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    padding: 0.8rem 0;
  }
  footer .ft-wrap ul h3:before {
    content: "";
    width: calc(32/750*100vw);
    padding-right: calc(45/750*100vw);
  }
  footer .ft-wrap .ft-green h3 {
    color: #8FC428;
    border-bottom: solid 0.5px #20393D;
    background: url(../images/common/icon-arrow-green_sp.png) no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap .ft-yellow h3 {
    color: #D0B400;
    border-bottom: solid 0.5px #20393D;
    background: url(../images/common/icon-arrow-yellow_sp.png) no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap .ft-pink h3 {
    color: #BA7480;
    border-bottom: solid 0.5px #20393D;
    background: url(../images/common/icon-arrow-pink_sp.png) no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap .ft-orange h3 {
    color: #EB5902;
    border-bottom: solid 0.5px #20393D;
    background: url(../images/common/icon-arrow-orange_sp.png) no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap .ft-blue h3 {
    color: #1E87B8;
    border-bottom: solid 0.5px #20393D;
    background: url(../images/common/icon-arrow-blue_sp.png) no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap .ft-brown h3 {
    color: #955629;
    border-bottom: solid 0.5px #20393D;
    background: url("../images/common/icon-arrow-brown_sp.png") no-repeat left;
    background-size: calc(32/750*100vw);
  }
  footer .ft-wrap:after {
    content: "";
    background: url(../images/common/ft-icon01.png) no-repeat center;
    background-size: calc(308/750*100vw);
    width: calc(308/750*100vw);
    position: absolute;
    bottom: 0;
    right: 8px;
  }
  footer .copyright {
    padding-top: 0.5rem;
  }
  footer .pagetop-btn {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 9999;
  }
}


/*
	Globalnavi
--------------------------------------------------------*/
header .menu-trigger {
  display: none;
}
header .g-nav {
  display: block;
  background-color: #fff;
  clear: both;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
header .g-nav .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
header .g-nav .list > li {
  margin: 0;
  padding: 0;
  position: relative;
}
header .g-nav .list > li.current img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}
header .g-nav .list > li.current:hover > a,
header .sub-nav02 .header-inner .list > li.current:hover > a {

  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}
header .g-nav .list > li.hd-green .child {
  background-color: #8FC428;
}
header .g-nav .list > li.hd-yellow .child {
  background-color: #D0B400;
}
header .g-nav .list > li.hd-pink .child {
  background-color: #BA7480;
}
header .g-nav .list > li.hd-orange .child {
  background-color: #EB5902;
}
header .g-nav .list > li.hd-blue .child {
  background-color: #1E87B8;
}
header .g-nav .list > li.hd-green.child {
  background-color: #8FC428;
}
header .sub-nav02 .header-inner > li .child {
  background-color: #F7F3CA;
}
header .g-nav .child{
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  visibility: hidden;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  position: absolute;
  width: calc(1030px/5);
  border-radius: 8px;
  color: #fff;
  padding: 10px 5px 10px 10px;
  z-index: 100;
}
header .sub-nav02 .header-inner .child{
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  visibility: hidden;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  position: absolute;
  width: calc(792px/5);
  width: calc(1020px/5);
  border-radius: 8px;
  color: #fff;
  padding: 1rem;
  margin-top: 0.5rem;
  background: #D0B400;
  z-index: 101;
}
header .sub-nav02 .header-inner .child a.modal-open{
	color: #fff;
}
header .g-nav .child li{
  list-style: none;
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 1.3;
  margin-bottom: 6px;
}
header .sub-nav02 .header-inner .child li{
  list-style: none;
  padding-left: 1.5em;
	padding-right:0;
  line-height: 1.3;
  margin-bottom: 6px;
	position: relative;
}
header .sub-nav02 .header-inner .child li:before{
  content: "";
	position: absolute;
	top:0;
	left: 0;
  background: url(../images/common/icon-arrow.svg) no-repeat center;
  background-size: 100%;
  height: 1em;
  width: 1em;
  margin-right: 0.3em;
}
header .sub-nav02 .header-inner .child li:last-of-type{
  margin-bottom: 0;
}
header .g-nav .child li:before {
  content: "";
  display: inline-block;
  background: url(../images/common/icon-arrow.svg) no-repeat center;
  background-size: 100%;
  height: 1em;
  width: 1em;
  margin-right: 0.3em;
}
/*header .sub-nav02 .header-inner .child li:before {
  content: "";
  display: inline-block;
  background: url(../images/common/icon-arrow.svg) no-repeat center;
  background-size: 100%;
  height: 1em;
  width: 1em;
  margin-right: 0.3em;
}*/
header .g-nav .list > li:hover .child,
header .sub-nav02 .header-inner .list > li:hover .child{
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
  visibility: visible;
}
header .menu-bg {
  display: none;
}


/*___Style for SP___*/
@media screen and (max-width: 750px) {
	header .sub-nav02 .header-inner .sub-menu-open .child{
		z-index: 999999999;
	}
	header .sub-nav02 .header-inner .child li:before{
  content: "";
	position: absolute;
	top:0.9rem;
	left: -1rem;
  background: url(../images/common/icon-arrow.svg) no-repeat center;
  background-size: 100%;
  height: 1em;
  width: 1em;
  margin-right: 0.3em;
}

	header .sub-nav02 .header-inner .child li{
		    text-indent: 0;
		    line-height: 1.6;
    margin-bottom: 0;
	}
  header .g-nav {
    display: none;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    padding-bottom: calc(15/750*100vw);
    border: none;
    background: #F7F3CA;
  }
  header .g-nav .list {
    display: block;
    width: 96%;
    margin: 0 auto;
  }
  header .g-nav .list > li {
    width: 100%;
    line-height: 1;
    position: relative;
    margin-bottom: 0.3rem;
  }
  header .g-nav .list > li img {
    display: none;
  }
  header .g-nav .list > li h3 {
    display: block;
    padding: 1em;
    border-radius: 8px;
  }
  header .g-nav .list > li.hd-green h3 {
    color: #8FC428;
    border: 2px solid #8FC428;
  }
  header .g-nav .list > li.hd-green .child {
    background-color: #8FC428;
  }
  header .g-nav .list > li.hd-green .tgl-btn {
    background-color: #8FC428;
    border: 2px solid #8FC428;
  }
  header .g-nav .list > li.hd-yellow h3 {
    color: #D0B400;
    border: 2px solid #D0B400;
  }
  header .g-nav .list > li.hd-yellow .child {
    background-color: #D0B400;
  }
  header .g-nav .list > li.hd-yellow .tgl-btn {
    background-color: #D0B400;
    border: 2px solid #D0B400;
  }
  header .g-nav .list > li.hd-pink h3 {
    color: #BA7480;
    border: 2px solid #BA7480;
  }
  header .g-nav .list > li.hd-pink .child {
    background-color: #BA7480;
  }
  header .g-nav .list > li.hd-pink .tgl-btn {
    background-color: #BA7480;
    border: 2px solid #BA7480;
  }
  header .g-nav .list > li.hd-orange h3 {
    color: #EB5902;
    border: 2px solid #EB5902;
  }
  header .g-nav .list > li.hd-orange .child {
    background-color: #EB5902;
  }
  header .g-nav .list > li.hd-orange .tgl-btn {
    background-color: #EB5902;
    border: 2px solid #EB5902;
  }
  header .g-nav .list > li.hd-blue h3 {
    color: #1E87B8;
    border: 2px solid #1E87B8;
  }
  header .g-nav .list > li.hd-blue .child {
    background-color: #1E87B8;
  }
  header .g-nav .list > li.hd-blue .tgl-btn {
    background-color: #1E87B8;
    border: 2px solid #1E87B8;
  }
  header .g-nav .list .tgl-btn {
    background-image: url(../images/common/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
    border-radius: 100%;
    position: absolute;
    top: 0.6rem;
    right: 0;
    margin: auto 1rem;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
  }
  header .g-nav .child {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
    visibility: visible;
    display: none;
    -webkit-transition: 0s;
    transition: 0s;
    position: relative;
    width: calc(100%);
    padding-left: 2rem;
    margin-bottom: 1rem;
    border-radius: 0 0 8px 8px;
  }
  header .g-nav .childli:before {
    margin-right: 0.6em;
  }
  header .g-nav .list > li:hover .child {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
    visibility: visible;
  }

  header .g-nav .sub-menu-open h3 {
    border-radius: 8px 8px 0 0 !important;
  }
  header .menu-trigger {
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    top: 2.5rem;
    right: 1rem;
    z-index: 100;
    width: 2.7rem;
    height: 2.5rem;
  }
  header .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    background: #20393D;
    width: 100%;
    height: 0.3rem;
    left: 0;
    margin: auto;
  }
  header .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  header .menu-trigger span:nth-of-type(2) {
    top: 0;
    bottom: 0;
  }
  header .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  header .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(4px) rotate(-45deg);
            transform: translateY(4px) rotate(-45deg);
  }
  header .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  header .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-4px) rotate(45deg);
            transform: translateY(-4px) rotate(45deg);
    bottom: 4px;
  }
  header.active .menu-trigger {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
  }
  header.active .menu-trigger span {
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
  }
  header.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
            transform: translateY(12px) rotate(-45deg);
  }
  header.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  header.active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
            transform: translateY(-12px) rotate(45deg);
    bottom: -2px;
  }
  .menu-bg {
    display: none;
  }
  .active .menu-bg {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9000;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  html.active, body.active {

  }
}
@media screen and (min-width: 751px) {
  .g-nav {
    display: block !important;
  }
}




/*
	TopPage
--------------------------------------------------------*/
#top .g-nav {
  margin-top: calc(536/1200*100vw);
}

.top-visual {
	height: calc(536/1200*100vw);
	position: absolute;
	top: 206px;
	width: 100%;
	max-width: 100%;
}
.top-visual .wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.top-visual .wrap .frame {
  position: absolute;
  top: calc(-50/1200*100vw);
  left: -5px;
	right: 0;
	margin: auto;
	width: 90%;
}
.top-visual .slick-dots {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index:9990;
}
.top-visual .slick-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 0 6px;
  display: inline-block;
  font-size: 0;
}
.top-visual .slick-dots .slick-active {
  background-color: #8FC428;
  border: 1px solid #8FC428;
}

#top .row01 {
  width: 1024px;
  margin: 0 auto;
  position: relative;
}
#top .row01 h2 {
  text-align: center;
  padding: 45px 0 20px;
}
#top .row01 h2 img {
  margin: 0 auto;
}
#top .row01 h3 {
  text-align: center;
  margin-bottom: 0.3rem;
}
#top .row01 .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#top .row01 .wrap .item {
  width: 490px;
  border: 4px solid #20393D;
  border-radius: 16px;
  padding: 1.5rem 2rem;
  background-color: #fff;
  word-break: break-all;
}
#top .row01 .wrap .item ul {
  margin-bottom: 20px;
}
#top .row01 .wrap .item li {
  border-bottom: dotted 1px #666;
  padding: 0;
  font-size: 1.4rem;
  color: #000;
  line-height: calc(20/14);
  padding-top: 10px;
}
#top .row01 .wrap .item li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -5px;
}
#top .row01 .wrap .item li .thumbnail {
  margin-right: 1.5px;
  width: 111px;
  height: 74px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 1rem;
}
#top .row01 .wrap .item li .date {
  font-size: 1.4rem;
  color: #666;
  padding-right: 1.8rem;
}
#top .row01 .wrap .item li .cate {
  color: #fff;
  font-size: 1.2rem;
  border-radius: 1rem;
  line-height: 2rem;
  width: 62px;
  display: inline-block;
  text-align: center;
}
#top .row01 .wrap .item li .cate.green {
  background-color: #8FC428;
}
#top .row01 .wrap .item li .cate.pink {
  background-color: #C07480;
}
#top .row01 .wrap .item li .cate.blue {
  background-color: #1E8DBE;
}
#top .row01 .wrap .item .button {
  text-align: center;
}
#top .row01 .wrap .top-info li {
  padding-bottom: 8px;
  padding-top: 15px;
}
#top .row01 .wrap .top-info .wrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4rem;
}
#top .row01 .img01 {
  position: absolute;
  top: -130px;
  right: -90px;
}

#top .row02 {
  width: 1024px;
  margin: 0 auto;
  margin-bottom: 3rem;
  position: relative;
  padding-top: 50px;
}
#top .row02 h2 {
  position: absolute;
  top: -38px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 470px;
  z-index: 2;
}
#top .row02 .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#top .row02 .wrap div {
  margin-bottom: 13px;
  width: 192px;
  height: 192px;
  position: relative;
  text-align: center;
}
#top .row02 .wrap div img {
  border-radius: 8px;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#top .row02 .img02 {
  position: absolute;
  top: 0;
  left: -20px;
}

#top .row03 {
  margin: 0 auto;
  margin-bottom: 4rem;
  position: relative;
}
#top .row03 h2 {
  text-align: center;
  padding: 0 0 20px;
  width: 252px;
  margin: 0 auto;
}
#top .row03 h2 span {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  padding-top: 0.5rem;
}
#top .row03 .slider02 li:hover * {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}
#top .row03 .slider02 li:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}
#top .row03 .slider02 li {
  width: 385px;
  position: relative;
  padding-top: 30px;
  padding-bottom: 100px;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
#top .row03 .slider02 .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 95px;
}
#top .row03 .slider02 .img-box {
  border: 20px solid #fff;
  border-radius: 100%;
  overflow: hidden;
  width: 385px;
  height: 385px;
  margin: 0 auto;
}
#top .row03 .slider02 .img-box img {
  max-width: none;
  max-height: 100%;
  width: auto;
}
#top .row03 .slider02 .text {
  word-break: break-all;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 385px;
  margin: auto;
}
#top .row03 .slider02 .text p {
  font-size: 1.4rem;
  width: 237px;
  padding-top: 0.8rem;
  margin: 0 auto;
}
#top .row03 .slider02 .slick-arrow {
  z-index: 9990;
  width: 53px;
  height: 54px;
  font-size: 0;
}
#top .row03 .slider02 .slick-prev {
  position: absolute;
  top: 200px;
  left: 20px;
}
#top .row03 .slider02 .slick-next {
  position: absolute;
  top: 200px;
  right: 20px;
}
#top .row03 .slider02 .slick-prev:after {
  content: url(../images/top/icon-arrow-blue-left.png);
}
#top .row03 .slider02 .slick-next:after {
  content: url(../images/top/icon-arrow-blue-right.png);
}
#top .row03 .img-wrap {
  width: 100vw;
  margin: 0 auto;
  position: relative;
}
#top .row03 .img03 {
  position: absolute;
  top: -70px;
  left: calc(40/1200*100vw);
  z-index: 100;
}
#top .row03 .img04 {
  position: absolute;
  top: -110px;
  right: 0;
  z-index: 100;
}

#top .row04 {
  text-align: center;
  margin-bottom: 4rem;
}
#top .row04 .top img,
#top .row02 .top img{
  margin: 0 auto;
	padding: 0 10px;
}
#top .row04 .bottom img{
	width: 200px;
}
#top .row04 .bottom {
  width: 1024px;
  margin: 0 auto;
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 751px) {
  #top .row04 .bottom > p {
    padding-right: 3px;
    padding-left: 3px;
  }
}
#top .row04 .bottom02 {
	margin: 4rem 0 8rem;
}
#top .row04 .bottom02 a{
	display: block;
	width: 400px;
	padding: 1.4rem 0;
	color: #fff;
	font-size: 1.875rem;
	margin: 0 auto;
	border-radius: 70px;
	background: url(../images/top/icon-arrow-white.png) , #8FC428;
	background-repeat: no-repeat;
	background-position: right 1.875rem center;
}
#top .row04 .bottom02 a span{
	display: block;
	font-size: 1.4rem;
}
#top .row04 .bottom02 a:hover span{
	opacity: 1;
}
/*___Style for SP___*/
@media screen and (max-width: 750px) {
  #top .g-nav {
    margin-top: 0;
  }

  .top-visual {
    height: calc(960/750*100vw);
    margin-top: 0;
    padding-bottom: 0;
		position: relative;
    top: 0;
  }
  .top-visual .wrap {
    position: relative;
    width: 100vw;
    margin: 0 auto;
  }
  .top-visual .wrap il img {
    height: calc(960/750*100vw);
    max-width: none;
  }
  .top-visual .wrap .frame {
    position: absolute;
    top: -15px;
    left: 0;
    width: calc(750/750*100vw);
  }

  #top .row01 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
  #top .row01 h2 {
    margin: 0 auto;
    padding: calc(80/750*100vw) 0 calc(40/750*100vw);
    width: calc(268/750*100vw);
  }
  #top .row01 h3:first-of-type {
    margin: 0 auto;
    margin-bottom: 0.3rem;
    width: calc(241/750*100vw);
  }
  #top .row01 h3:last-of-type {
    margin: 0 auto;
    margin-bottom: 0.3rem;
    width: calc(297/750*100vw);
  }
  #top .row01 .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #top .row01 .wrap .item {
    width: 100%;
    border: 2px solid #20393D;
    border-radius: 8px;
    padding: 1.4rem 1rem 1.6rem;
    background-color: #fff;
    margin-bottom: 4rem;
  }
  #top .row01 .wrap .item ul {
    margin-bottom: 2rem;
  }
  #top .row01 .wrap .item li {
    border-bottom: dotted 1px #666;
    padding: 1rem 0;
  }
  #top .row01 .wrap .item li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -5px;
  }
  #top .row01 .wrap .item li .thumbnail {
    margin-right: 1.5px;
    width: calc(163/750*100vw);
    height: calc(113/750*100vw);
    border-radius: 3px;
    margin-right: 1rem;
  }
  #top .row01 .wrap .item li .date {
    font-size: 1.4rem;
    color: #666;
    padding-right: 1.8rem;
  }
  #top .row01 .wrap .item .button {
    margin: 0 auto;
    width: calc(197/750*100vw);
  }
  #top .row01 .wrap .top-info {
    position: relative;
  }
  #top .row01 .wrap .top-info li {
    padding-bottom: 12px;
    padding-top: 15px;
  }
  #top .row01 .wrap .top-info .wrap02 {
    margin-top: 2rem;
  }
  #top .row01 .wrap .top-info .wrap02 img {
    width: calc(323/750*100vw);
  }
  #top .row01 .img01 {
    position: absolute;
    top: calc(-260/750*100vw);
    right: calc(-50/750*100vw);
    width: calc(250/750*100vw);
  }
  #top .row01 .btn-shiryo {
    width: calc(711/750*100vw);
    margin: 0 auto;
  }

  #top .row02 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    position: relative;
    padding-top: 0;
  }
  #top .row02 h2 {
    width: calc(750/750*100vw);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    margin-bottom: calc(-100/750*100vw);
  }
  #top .row02 .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
  #top .row02 .wrap div {
    margin-bottom: calc(20/750*100vw);
    width: calc(225/750*100vw);
    height: calc(225/750*100vw);
  }
  #top .row02 .wrap div:nth-last-of-type(n+10) {
    display: none;
  }

  .img02 {
    width: calc(154/750*100vw);
    position: absolute;
    top: calc(-130/750*100vw);
    right: calc(-20/750*100vw);
  }

  #top .row03 {
    margin: 0 auto;
    margin-bottom: 4rem;
    position: relative;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
  #top .row03 h2 {
    width: calc(503/750*100vw);
    margin: 0 auto;
    padding: 0 0 20px;
  }
  #top .row03 h2 span {
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
    padding-top: 0.5rem;
  }
	#top .row03 .slider02 .slick-list{
	overflow: inherit;
	}
  #top .row03 .slider02 li {
    width: calc(605/750*100vw);
    position: relative;
    padding-top: 30px;
    padding-bottom: 100px;
  }
  #top .row03 .slider02 .icon {
    width: calc(154/750*100vw);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #top .row03 .slider02 .img-box {
    border: 20px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    width: calc(605/750*100vw);
    height: calc(605/750*100vw);
    margin: 0 auto;
  }
  #top .row03 .slider02 .img-box img {
    max-width: none;
    max-height: 100%;
    width: auto;
  }
  #top .row03 .slider02 .text {
    width: calc(603/750*100vw);
    word-break: break-all;
    position: absolute;
    bottom: calc(-40/750*100vw);
    left: 0;
    right: 0;
    width: calc(605/750*100vw);
    margin: auto;
  }
  #top .row03 .slider02 .text p {
    font-size: 1.4rem;
    width: calc(456/750*100vw);
    text-align: center;
    padding-top: 0.8rem;
    margin: 0 auto;
  }
  #top .row03 .slider02 .slick-arrow {
    z-index: 10;
    width: calc(105/750*100vw);
    height: calc(105/750*100vw);
    font-size: 0;
  }
  #top .row03 .slider02 .slick-prev {
    position: absolute;
    top: calc(300/750*100vw);
    left: 0;
  }
  #top .row03 .slider02 .slick-next {
    position: absolute;
    top: calc(300/750*100vw);
    right: 0;
  }
  #top .row03 .slider02 .slick-prev:after {
    content: "";
    background: url(../images/top/icon-arrow-blue-left_sp.png) no-repeat center;
    background-size: cover;
    width: calc(105/750*100vw);
    padding-bottom: calc(105/750*100vw);
    display: block;
  }
  #top .row03 .slider02 .slick-next:after {
    content: "";
    background: url(../images/top/icon-arrow-blue-right_sp.png);
    background-size: cover;
    width: calc(105/750*100vw);
    padding-bottom: calc(105/750*100vw);
    display: block;
  }
  #top .row03 .img-wrap {
    width: 100vw;
    margin: 0 auto;
    position: relative;
  }
  #top .row03 .img03 {
    width: calc(188/750*100vw);
    position: absolute;
    top: calc(-10/750*100vw);
    left: calc(-10/1200*100vw);
    z-index: 5;
  }
  #top .row03 .img04 {
    width: calc(218/750*100vw);
    position: absolute;
    top: calc(10/750*100vw);
    right: calc(20/750*100vw);
    z-index: 5;
  }

  #top .row04 {
    text-align: center;
    margin-bottom: 2rem;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
  #top .row04 .bottom {
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #top .row04 .bottom img {
    width: calc(345/750*100vw);
    margin-bottom: 1rem;
  }
	#top .row04 .bottom02{
		margin: 3rem 0 3.5rem;
	}
  #top .row04 .bottom02 a{
	  font-size: 1.6rem;
	width: 90%;
	background-size: calc(60/750*100vw) auto;
  }
  #top .bottom-logo-area {
    margin-bottom: 0;
  }

}


/*
	SubPages
--------------------------------------------------------*/

/*About_index*/

.sub-visual {
  padding-top: 4rem;
  margin: 0 auto;
}
.sub-visual .title-l {
  text-align: center;
  font-weight: bold;
  font-size: 3.2rem;
  color: #20393D;
	width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 2rem;
}
.sub-visual .title-l span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(143, 196, 40, 0.5)));
  background: linear-gradient(transparent 60%, rgba(143, 196, 40, 0.5) 0%);
}

.sub-visual .edu-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(214, 186, 0, 0.5)));
	background: linear-gradient(transparent 60%, rgba(214, 186, 0, 0.5) 0%);
}

.sub-visual .cam-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(192, 115, 127, 0.5)));
	background: linear-gradient(transparent 60%, rgba(192, 115, 127, 0.5) 0%);
}

.sub-visual .rec-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(235, 89, 3, 0.5)));
	background: linear-gradient(transparent 60%, rgba(235, 89, 3, 0.5) 0%);
}

.sub-visual .adm-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(30, 135, 184, 0.5)));
	background: linear-gradient(transparent 60%, rgba(30, 135, 184, 0.5) 0%);
}

.sub-visual02 h1 span{
  font-size: 3.2rem;
  background: linear-gradient(transparent 50%, rgba(138, 186, 48, 0.5) 50%);
  line-height: 1;
}

.edu-visual h1 span{
  background: linear-gradient(transparent 50%, rgba(214, 186, 0, 0.5) 50%);
}

.cam-visual h1 span{
  background: linear-gradient(transparent 50%, rgba(192, 115, 127, 0.5) 50%);
}

.rec-visual h1 span{
  background: linear-gradient(transparent 50%, rgba(235, 89, 3, 0.5) 50%);
}

.adm-visual h1 span{
  background: linear-gradient(transparent 50%, rgba(30, 135, 184, 0.5) 50%);
}

.sub-visual .wrap {
  margin: 0 auto;
  position: relative;
  width: 1200px;
  padding-bottom: 340px;
}
.sub-visual .wrap img {
  display: block;
  margin: 0 auto;
  position: absolute;
}
.sub-visual .wrap .main-img {
  right: 0;
  left: 0;
}
.sub-visual .wrap .frame {
  top: -67px;
  left: -5px;
}

.sub-visual02 {
  background: url(../images/common/tit_bg.gif) repeat;
  color: #1e393d;
  letter-spacing: 0.4rem;
  width: 100%;
  margin-bottom: 5.2rem;
}

.sub-visual02 .visual-wrap{
  display: table;
  height: 140px;
  width: 1024px;
  margin:0 auto;
  position: relative;
}

.sub-visual02 .visual-wrap:before{
    position: absolute;
    content:" ";
    left: -0.5rem;
    bottom: -3rem;
    width: 250px;
    height: 118px;
    background:url( ../images/common/tit_img01.png) no-repeat;
    background-size: contain;
}

.sub-visual02 .visual-wrap:after{
    position: absolute;
    content:" ";
    right: -0.25rem;
    top: -3rem;
    width: 110px;
    height: 110px;
    background:url( ../images/common/tit_img02.png) no-repeat;
    background-size: contain;
}

.sub-visual02 .visual-wrap h1{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.sub-visual02 h1 span.small-txt{
  font-size: 2.2rem;
  background: none;
  display: block;
  letter-spacing: 0.2rem;
  margin-bottom:1rem;
}


/* Common */
.bread_crumb_list{
  padding: 10px 0;
  margin-bottom: 5rem;
  color: #000;
  font-weight: bold;
  font-size: 1.2rem;
}
.bread_crumb{ max-width: 1024px; margin: 0 auto;}
  .bread_crumb li { display:inline;}
    .bread_crumb li:after {
      content : '>';
      padding-left:5px;
    }
    .bread_crumb li:last-child:after { content : '';}
    .bread_crumb li a { color: #000;}
    .bread_crumb li.current { color: #666666;}

.text-cen{
  text-align: center;
}

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

.img-w100{
	margin-bottom: 2rem;
}

.img-r{
	border-radius: 16px;
}

.mt-2{
	margin-top: 2rem;
}

main  .inner02 .mb-2{
	margin-bottom: 2rem;
}

.inner02 h2{
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #20393D;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #8FC428;
    margin: 6rem 0 3rem;
	position: relative;
}

.inner02 h2 span.h2-sub{
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	position: absolute;
	bottom: -3.5rem;
	right: 0;
	left: 0;
}

.inner02 h3{
	font-size: 2rem;
	font-weight: bold;
	margin: 4rem auto 2rem;
	text-align: center;
	color: #8FC428;
}
.edu-inner h2{
	border-bottom: 2px solid #d6ba00;
}
.edu-inner h3{
	font-size: 2rem;
	font-weight: bold;
	margin: 4rem auto 2rem;
	text-align: center;
	color: #d6ba00;
}
.cam-inner h3{
    font-size: 2rem;
    font-weight: bold;
    margin: 4rem auto 2rem;
    text-align: center;
    color: #c0737f;
}
.rec-inner h3,.rec-box h3 {
    font-size: 2rem;
    font-weight: bold;
    margin: 4rem auto 2rem;
    text-align: center;
    color: #EB5902;
}
.adm-inner h3 {
    font-size: 2rem;
    font-weight: bold;
    margin: 4rem auto 2rem;
    text-align: center;
    color: #1E87B8;
}
.cam-inner h2{
	border-bottom: 2px solid #c0737f;
}
.rec-inner h2{
	border-bottom: 2px solid #EB5902;
}

.adm-inner h2{
	border-bottom: 2px solid #1E87B8;
}

.inner02 h2:nth-child(1){
  margin-top: 0;
}
p.sub-tit{
	font-weight: bold;
	font-size: 1.6rem;
}

ul.ulBox01 li{
	margin-top: 1rem;
	list-style-type: disc;
}

ul.ulBox02 li{
	display: inline-block;
}

.page-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	/*background: #ebe8d6;
	padding: 3rem;*/
    }


.page-list li{
  width: 48.5%;
  background: #FFF;
  border-radius: 50px;
  margin-top: 1.4rem;
	font-weight: bold;
  position: relative;
	text-align: center;
	border: 2px solid #8FC428;
}

.page-list li:nth-child( -n + 2 ){
	margin-top: 0;
}

.page-list li a:after {
    content: "";
    display: block;
    background: url(../images/about/index/icon_link.png) no-repeat center;
    background-size: 100%;
    height: 20px;
	width: 20px;
    position: absolute;
    bottom: calc( 50% - 10px );
	right: 1.5rem;
    margin: auto;
  }

.page-list li a{
  padding: 1.5rem 3rem;
  display: block;
	color: #20393D;
}

.page-list li span{
  color: #8FC428;
}

.page-list li span.libBtn{
	color: #20393D;
	font-size: 1.2rem;
	padding-left: 0.5rem;
}

.adm-inner .page-list li{
	border: 2px solid #1E87B8;
}

.adm-inner .page-list li a:after {
	background-image: url(../images/admission/index/icon_link.png);
}

.edu-inner .page-list li{
	border: 2px solid #d6ba00;
}

.edu-inner .page-list li a:after {
	background-image: url(../images/education/index/icon_link.png);
}

.page-link li{
	width: 14%;
	text-align: center;
}

.page-link li a{
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.sub-link{
  background: #8FC428;
  padding: 1rem 0;
  text-align: center;
  margin:80px 0;
}

.edu-link{
	background: #d6ba00;
}

.cam-link{
	background: #c0737f;
}

.rec-link{
	background: #EB5902;
}

.adm-link{
	background: #1E87B8;
}

.sub-link ul{
  width: 1024px;
  margin: 0 auto;
}

.sub-link ul li{
  display: inline;
  color: #FFF;
  font-weight: normal;
}

.link-btn{
	display: inline-block;
	font-size: 1.3rem;
	border-radius: 50px;
	background: #fff;
	color: #20393d;
	font-weight: bold;
	border: 4px solid #20393d;
	padding: 1rem 5rem;
	position: relative;
}

.link-btn:after {
    content: "";
    display: block;
    background: url(../images/common/icon_btn.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 1rem;
    margin: auto;
}

.column-area{
  -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
	column-gap: 2rem;
   margin-top: 3rem;
}


/*___Style for SP___*/
@media screen and (max-width: 750px) {
  .bread_crumb_list{display: none;}
  .sub-visual02 .visual-wrap{width: 100%;}
  .sub-visual02 h1 span{font-size: 3.2rem; line-height: 4.5rem;}
  .sub-visual02 .visual-wrap h1.small-txt span{font-size:2.8rem;line-height: 3.8rem;}
  .sub-visual02 h1 span.small-txt{font-size: 2.2rem; margin-bottom: -1rem;}
  .sub-visual02 .visual-wrap:before {
    position: absolute;
    content: " ";
    left: 0.25rem;
    bottom: -2.9rem;
    width: 165px;
    height: 75px;}
  .sub-visual02 .visual-wrap:after {
    position: absolute;
    content: " ";
    right: 1rem;
    top: 0;
    width: 65px;
    height: 65px;}
  .inner02 h2{    padding-bottom: 0.8rem;
    margin: 4rem 0 2rem;}
  .column-area{
  -moz-column-count: 1;
   -webkit-column-count: 1;
   column-count: 1;
    margin-top: 2rem;}
   .sub-flexbox, .sub-flexbox02{flex-direction:column;}
   .sub-link{margin: 4rem 0;}
   .sub-link ul{width: 100%; padding-right: calc(20/750*100vw);padding-left: calc(20/750*100vw);}
   .sub-link ul li{display: inline-block;}
	.text-cen{text-align: left;}
	.page-list li{width: 100%;}
	.page-list li:nth-child( 2 ){margin-top: 1.4rem;}
	.page-list li span.libBtn{ display: block; padding-left: 0;}
}



/* modal */

.lock {
	overflow:hidden;
}

.modal-content {
	overflow:auto;
	position:relative;
	display:none;
	max-width: 1020px;
	width:80%;
	max-height:80%;
	margin:30px;
	padding:3rem;
	background:#fff;
	text-align: center;
}

.modal-content p {
	margin:0;
	padding:0;
	text-align: left;
}

.modal-content p.text-cen {
	text-align: center;
}

.modal-content p.mt-2 {
	margin-top: 2rem;
}

.modal-content ul,
.modal-content dl{
	text-align: left;
}

.modal-content a.link-btn{
	margin-top: 2rem;
}

.modal-overlay {
	z-index:9998;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}

.modal-open {
    color:#20393D;
}

.modal-open:hover {
    cursor:pointer;
}

.modal-close {
	top:0;
	right: 0;
	background: #20393D;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0.65rem;
	width: 14rem;
	margin: 3rem auto 0;
	border-radius: 50px;
}

.modal-close:hover {
    cursor:pointer;
	color: #fff;
}

header .modal-content{
	z-index: 10001;
}

header .modal-content h2 {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #20393D;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #8FC428;
    position: relative;
	margin-bottom: 4rem;
}

header .modal-content h3 {
	font-size: 2rem;
    font-weight: bold;
    margin: 4rem auto 2rem;
    text-align: center;
    color: #8FC428;
}

header .modal-content .text-left td {
	text-align: left;
}

header .modal-content .ope-table td:nth-child( 1 ),
header .modal-content .ope-table td:nth-child( 2 ) {
	width: 9%;
}

header .modal-content .ope-table td:nth-child( 3 ) {
	width: 20%;
}

header .modal-content .ope-table td:nth-child( 4 ),
header .modal-content .ope-table td:nth-child( 5 ){
	width:10%;
}

header .modal-content ul.page-list {
	margin-top: 2rem;
}

header .modal-content ul.page-list li {
    background: #f1f3ed;
    border: 1px solid #c3ceaf;
	margin-top: 1.4rem;
}

header .modal-content ul li:nth-child( -n + 2 ) {
	margin-top: 0;
}

header .modal-content h4{
	font-size: 1.75rem;
	border-bottom: 1px solid #000;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

header .modal-content .sec-table th,
header .modal-content .exe-table th{
	width: 30%;
}

header .modal-content .sec-table td,
header .modal-content .enr-table td{
	text-align: left;
}

header .modal-content .exe-table td a{
	border-bottom: 1px solid #000;
}

header .modal-content .more-box{
	border: 1px solid #000;
    padding: 2rem;
    border-radius: 10px;
    margin-top: 2rem;
}

header .modal-content .more-box p{
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

header .modal-content .ins-list dt{
	border-bottom: 1px solid #000;
	margin-bottom: 1rem;
	margin-top: 2rem;
	padding-bottom: 0.25rem;
}

header .modal-content .ins-list dt span{
	font-size: 1.2rem;
	background: #20393D;
	padding: 0.25rem 0.75rem;
	color: #fff;
	margin-left: 0.5rem;
	letter-spacing: 0.1rem;
}

header .modal-content .har-table th{
	width: 40%;
}


header .modal-content .img-wrap{
	width: 70%;
	margin: 2em auto ;
}


header .modal-content .les-table:nth-child( n + 2 ){
	margin-top: 2rem;
}

header .modal-content .les-table th{
	width: 25%;
}

header .modal-content .les-table td{
	text-align: left;
}


header .modal-content .sch-table td{
	text-align: left;
	padding: 1.5em 1em;
}

header .modal-content .sch-table td span.line{
	border-bottom:1px solid #000;
}

header .modal-content .flo_list li{
	overflow: hidden;
}

header .modal-content .flo_list li div{
	float: left;
	height: 7rem;
	line-height: 7rem;
	width: 24%;
	border: 2px solid #8fc427;
	color:  #8fc427;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	position: relative;
	margin-bottom: 4rem;
}

header .modal-content .flo_list li:nth-child(3) div{
	margin-bottom: 0;
}

header .modal-content .flo_list li div:after {
    content: "";
    position: absolute;
    bottom: -3.5rem;
    right: 48%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #8fc427;
}

header .modal-content .flo_list li:nth-child(3) div:after {
	border:none;
}

header .modal-content .flo_list li p{
	float: right;
	padding-left: 1.5rem;
	width: 76%;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.modal-content {
		padding: 1.5rem;
	}
	header .modal-content ul li:nth-child( 2 ) {
		margin-top: 1.4rem;
	}
	header .modal-content .ope-table{
		font-size: 1.1rem;
	}
	header .modal-content .ope-table th,header .modal-content .ope-table td {
		padding: 0.5rem;
	}
	header .modal-content .win-table th,
	header .modal-content .win-table td{
		font-size: 1.15rem;
		padding: 0.5rem;
	}
	header .modal-content .win-table02 th,
	header .modal-content .win-table02 td{
		display: block;
		width: 100%;
	}
	header .modal-content .sec-table th, header .modal-content .sec-table td,
	header .modal-content .exe-table th, header .modal-content .exe-table td,
	header .modal-content .har-table th, header .modal-content .har-table td,
	header .modal-content .les-table th, header .modal-content .les-table td,
	header .modal-content .enr-table th, header .modal-content .enr-table td{
		width: 100%;
		display: block;
	}
	header .modal-content .ins-list dt span{
		display: inline-block;
		margin-bottom: 0.5rem;
	}
	header .modal-content .img-wrap{
		width: 100%;
	}
	header .modal-content .sch-table {
		font-size: 1.15rem;
	}
	header .modal-content .sch-table th,
	header .modal-content .sch-table td{
		padding: 0.5rem;
	}
	header .modal-content .flo_list li div,
	header .modal-content .flo_list li p{
		display: block;
		width: 100%;
	}
	header .modal-content .flo_list li div{
		height: auto;
		line-height: 4rem;
		margin-bottom: 1rem;
	}
	header .modal-content ul li:nth-child( 3 ){
		margin-top: 1rem;
	}
	header .modal-content .flo_list li:nth-child( 3 ) div{
		margin-bottom: 1rem;
	}

	header .modal-content .flo_list li div:after{
		border: none;
	}
	header .modal-content .flo_list li p{
		padding-left: 0;
	}
}

/*   defTable  */
.defTable01 { width:100%; margin:auto; border-collapse: collapse; }
  .defTable01 th,
  .defTable01 td{ padding: 1.3em .5em; border-top: 1px solid #ccc;}
  .defTable01 th{ width: 25%; font-weight: 500; vertical-align: top; border-top-color: #356031;}
  .defTable01 tr:nth-child(1) th,.defTable01 tr:nth-child(1) td{border-top:none;}

.defTable02 th,.defTable02 td{
  	border:1px solid #8fc427;
	padding: 2rem 1rem 2rem;
	text-align: center;
}

.defTable02 th{font-weight: 500; background:#8fc427; color: #fff; border-bottom-color: #fff; border-right-color: #fff;}

.defTable02 th:first-of-type{
	border-left-color: #8fc427;
}

.defTable02 th:last-of-type{
	border-right-color: #8fc427;
}

.edu-inner .defTable02 th, .edu-inner .defTable02 td{border:1px solid #d6ba00; }
.edu-inner .defTable02 th{background: #d6ba00; border-bottom-color: #fff; border-right-color: #fff;}

.rec-inner .defTable02 th, .rec-inner .defTable02 td{border:1px solid #EB5902; }
.rec-inner .defTable02 th{background: #EB5902; border-bottom-color: #fff; border-right:none;}

.adm-inner .defTable02 th, .adm-inner .defTable02 td{border:1px solid #1E87B8; }
.adm-inner .defTable02 th{background: #1E87B8; border-bottom-color: #fff; border-right:none;}

.defTable03{
	margin-top: 2rem;
	border:2px solid #20393D;
}

.defTable03 th,.defTable03 td{
	padding:2.5rem;
	text-align: center;
	background: #fff;
	border-bottom:2px solid #20393D;
	border-right: 1px solid #20393D;
}

.defTable03 td.line{
	border-bottom:1px dashed #20393D;
}
.defTable03 th span,.defTable03 td span.txt01{
	color: #BA7480;
}

.defTable03 th span,.defTable03 td span.txt02{
	color: #1E87B8;
}
.defTable03 th span,.defTable03 td span.txt03{
	color: #8FC428;
}

.defTable03 th span,.defTable03 td span.txt04{
	color: #d6ba00;
}

.defTable04 th,.defTable04 td{
  border:1px dashed #20393d;
	padding: 1.5rem;
}

.table.tbl__style_1 colgroup .w-5 {width: 5%;}
.table.tbl__style_1 colgroup .w-10 {width: 10%;}
.table.tbl__style_1 colgroup .w-15 {width: 15%;}
.table.tbl__style_1 colgroup .w-20 {width: 20%;}
.table.tbl__style_1 colgroup .w-25 {width: 25%;}
.table.tbl__style_1 colgroup .w-30 {width: 30%;}
.table.tbl__style_1 colgroup .w-35 {width: 35%;}
.table.tbl__style_1 colgroup .w-40 {width: 40%;}
.table.tbl__style_1 colgroup .w-45 {width: 45%;}
.table.tbl__style_1 colgroup .w-50 {width: 50%;}
.table.tbl__style_1 colgroup .w-55 {width: 55%;}
.table.tbl__style_1 colgroup .w-60 {width: 60%;}
.table.tbl__style_1 colgroup .w-65 {width: 65%;}
.table.tbl__style_1 colgroup .w-70 {width: 70%;}
.table.tbl__style_1 colgroup .w-80 {width: 80%;}
.table.tbl__style_1 colgroup .w-90 {width: 90%;}

.table.tbl__style_1 thead tr th.fw-normal,
.table.tbl__style_1 thead tr td.fw-normal,
.table.tbl__style_1 tbody tr th.fw-normal,
.table.tbl__style_1 tbody tr td.fw-normal {
  font-weight: normal;
}
.table.tbl__style_1 thead tr th {
  padding: 0.35em 0.75em;
  border-top: 1px solid #aaa;
  text-align: center;
}
.table.tbl__style_1 thead .bg_clr1 {
  background: #dae3f3;
}
.table.tbl__style_1 .clr_1 {color: #0070c0;}
.table.tbl__style_1 .clr_2 {color: #ffc000;}
.table.tbl__style_1 .clr_3 {color: #00b0f0;}
.table.tbl__style_1 thead tr th {
  border-left: 1px solid #aaa;
}
.table.tbl__style_1 thead tr th:last-child {
  border-right: 1px solid #aaa;
}
.table.tbl__style_1 tbody tr th,
.table.tbl__style_1 tbody tr td {
  padding: 0.35em 0.75em;
  border-top: 1px solid #aaa;
  background: #fff;
}
.table.tbl__style_1 tbody tr th,
.table.tbl__style_1 tbody tr td {
  border-left: 1px solid #aaa;
}
.table.tbl__style_1 tbody tr th:last-child,
.table.tbl__style_1 tbody tr td:last-child {
  border-right: 1px solid #aaa;
}
.table.tbl__style_1 tbody tr:last-child th,
.table.tbl__style_1 tbody tr:last-child td {
  border-bottom: 1px solid #aaa;
}
.table.tbl__style_1 tbody tr th.bdr-left_none,
.table.tbl__style_1 tbody tr td.bdr-left_none {
  border-left: none;
}
.table.tbl__style_1 tr th.pr-left_none,
.table.tbl__style_1 tr td.pr-left_none {
  padding-right: 0;
}
.table.tbl__style_1 tr th.pl-left_none,
.table.tbl__style_1 tr td.pl-left_none {
  padding-left: 0;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
.scrollb table{
		display: block;
		overflow-x: auto;
	}
	.scrollb th, .scrollb td{
		width: 819px;
		white-space: nowrap;
	}

/* スクロールバー全体 */
.scrollb table::-webkit-scrollbar
{
    height: 10px;
    height: 1rem;
    background-color: #F1F1F1;
}

/* スクロールバーのつまみ(可動部分) */
.scrollb table::-webkit-scrollbar-thumb
{
    background-color: #BCBCBC;
    border-radius: 12px;
    border-radius: 1.2rem;
}

.scrollb table::-webkit-scrollbar-thumb:hover
{
    background-color: #A9A9AA;
}
	#main.subcon .priTxt h4{font-size:1.25em;}

}


.text-area {
  width: 794px;
  margin: 0 auto;
  word-wrap: break-word;
}
.text-area .title-s {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #20393D;
  padding-bottom: 0.8rem;
  border-bottom: 2px solid #8FC428;
  margin-bottom: 0.5rem;
}
h2.title-s02 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #20393D;
  padding-bottom: 0.8rem;
  border-bottom: 2px solid #d6ba00;
  margin:4rem 0 0.5rem;
}
.text-area p {
  color: #000000;
  font-size: 1.4rem;
}

.banner-area {
  text-align: center;
  margin: 4rem auto 3rem auto;
  position: relative;
}
.banner-area img {
  margin: 0 auto;
}

.link-area {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  margin-bottom: 6rem;
}
.link-area .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.link-area .wrap div {
  border: 4px solid #85BA28;
  border-radius: 20px;
  width: 320px;
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
}
.link-area .wrap div .btn {
  background: url(../images/about/index/btn-bg.png) no-repeat center;
  width: 295px;
  height: 36px;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 36px;
  padding-left: 17px;
}
.link-area .img01 {
  position: absolute;
  top: -350px;
  right: -70px;
}
.link-area .img02 {
  position: absolute;
  top: -280px;
  left: -50px;
}
.link-area .img03 {
  position: absolute;
  top: -150px;
  left: 160px;
}

.bottom-list .inner {
  width: 1024px;
}
.bottom-list .top {
  font-size: 1.4rem;
  color: #000;
  text-align: center;
  margin-bottom: 1rem;
}
.bottom-list .bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8rem;
}
.bottom-list .bottom ul li {
  background: url(../images/common/btn-bg-white.png) no-repeat center;
  width: 243px;
  height: 40px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 40px;
  color: #20393D;
  padding-left: 2rem;
}
.bottom-list .bottom ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.bottom-logo-area {
  text-align: center;
  margin-bottom: 6rem;
}

.bottom-logo-area a{
	display: block;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
  .sub-visual {
    padding-top: calc(20/750*100vw);
  }
  .sub-visual .title-l {
    margin-bottom: calc(20/750*100vw);
  }
  .sub-visual .wrap {
    width: 100%;
    padding-bottom: calc(453/750*100vw);
  }
  .sub-visual .wrap .main-img {
    right: 0;
    left: 0;
    width: calc(723/750*100vw);
    height: auto;
  }
  .sub-visual .wrap .frame {
    top: calc(-25/750*100vw);
    left: calc(10/750*100vw);
    width: calc(713/750*100vw);
    height: auto;
  }

  .text-area {
    width: 100%;
  }
  .text-area .title-s {
    padding-bottom: 0.8rem;
    border-bottom: 1.5px solid #8FC428;
    margin-bottom: 0.5rem;
  }
  .text-area p {
    line-height: calc(40/28);
  }

  .banner-area {
    margin: 4rem auto 3rem auto;
  }
  .banner-area img {
    width: calc(723/750*100vw);
    height: auto;
  }

  .link-area {
    width: 100%;
    margin-bottom: 3rem;
  }
  .link-area .wrap div {
    border: 2px solid #85BA28;
    border-radius: 10px;
    width: 49%;
    margin-bottom: 1.25rem;
  }
  .link-area .wrap div .btn {
    background: url(../images/about/index/btn-bg_sp.png) no-repeat center;
    background-size: calc(311/750*100vw);
    width: calc(311/750*100vw);
    height: calc(38/750*100vw);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2rem;
    line-height: calc(38/750*100vw);
    padding-left: 0.8rem;
  }
  .link-area .img01, .link-area .img02, .link-area .img03 {
    display: none;
  }

  .bottom-list .inner {
    width: 100%;
  }
  .bottom-list .top {
    font-size: 1.4rem;
    line-height: calc(48/28);
    text-align: left;
    margin-bottom: 0.5rem;
    letter-spacing: -0.5px;
  }
  .bottom-list .bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4rem;
  }
  .bottom-list .bottom ul li {
    background: url(../images/common/btn-bg-white_sp.png) no-repeat center;
    background-size: cover;
    width: 49%;
    height: calc(57/750*100vw);
    line-height: calc(57/750*100vw);
    margin-bottom: 0.4rem;
    padding-left: calc(40/750*100vw);
  }

  .bottom-logo-area {
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
  }
  .bottom-logo-area .bottom-logo {
    text-align: center;
    margin: 0 auto;
    width: calc(536/750*100vw);
  }
  .bottom-logo-area .bottom-logo img{
	  margin-bottom: 2.5rem;
	}
  .bottom-logo-area .nav-sns {
    width: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
  }
	.bottom-logo-area .nav-sns ul {
		display: inline-block;
    text-align: center;
	}
  .bottom-logo-area .nav-sns li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center;
    margin-right: 20px;
    padding: 0;
    float: left;
	  width: 30px;
  }
	.bottom-logo-area .nav-sns li img{
		width: 100%;
	}
.bottom-logo-area .nav-sns li:last-child {
	margin-right: 0;
	}

  .bottom-logo-area .nav-sns li a {
    line-height: calc(100/750*100vw);
    display: block;
    height: 100%;
  }


}
@media only screen and (max-width: 720px){
  .bottom-list .bottom ul li {
		width: 100%;
		height: calc(70/750*100vw);
		line-height: calc(70/750*100vw);
		margin-bottom: 0.6rem;
		padding-left: calc(50/750*100vw);
		border-radius: 100px;
	}

}

/*About_point*/
.point-link{
	margin-top: 5rem;
}
.point-link li {
	background-color: #8FC428;
	width: 15.625%;
	min-width: 130px;
	height: 160px;
	border-radius: 10px;
	padding-top: 1.1rem;
	text-align: center;
	position: relative;
}
.point-link li:after {
    content: "";
    display: block;
    background: url(../images/about/point/arw.png) no-repeat center;
    background-size: 100%;
    height: 20px;
	width: 20px;
    position: absolute;
    bottom: -10px;
	right: calc( 50% - 10px );
    margin: auto;
  }
.point-link .num-img {
	background: #fff;
	margin: 0 auto;
	border-radius: 6px;
	height: 5.8rem;
	width: 5.8rem;
  	overflow: hidden;
  	position: relative;
	margin-bottom: 1.4rem;
}

.point-link .num-img img {
  position: absolute;
  width: 20%;
  width: auto;
  height: 36px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.point-link .link-txt {
	display: table;
	width: 100%;
	height: 6rem;
}
.point-link .link-txt p{
	display: table-cell;
	vertical-align: middle;
	line-height: 2rem;
}
.point-area{
	padding-top: 100px;
	/*padding-bottom: 100px;*/
	margin-top: 8rem;
	position: relative;
	height: 100%;
}
/*.point-area .point-tit {
	overflow: hidden;
	margin-bottom: 2.6rem;
	position: absolute;
	position: relative;
	bottom: 160px;
	left: 0;
	z-index: 2;
}*/

.point-area .point-tit {
	overflow: hidden;
	margin-bottom: 2.6rem;
	position: absolute;
	position: relative;
	bottom: 160px;
		bottom: 0px;
	left: 0;
	z-index: 2;
}
.point-area .point-tit img{
	float: left;
	height: 73px;
	width: auto;
}
.point-area .point-tit p{
	float:  left;
	font-size: 2.6rem;
	font-weight: bold;
	border-left: 2px solid #8FC428;
	padding: 0 0 0 2.4rem;
	margin: 0 0 0 2.4rem;
	line-height: 3.6rem;
}
.point-area:nth-child(6) .point-tit p{
	line-height: 7.2rem;
}
.point-area .point-txt{
		margin-top: 10px;
	width: 484px;
	z-index: 2;
	background: rgba(255, 255, 255, 0.7);
	padding: 2.4rem;
	border-radius: 20px;
	position: absolute;
	position: relative;
	bottom: 0;
	left: 0;
	line-height: 2.2rem;
}

.point-area .point-txt dt{
	color: #8FC428;
	font-size: 1.6rem;
}

.point-area .point-txt dd span{
	font-weight: bold;
}

.point-area .point-img{
	width: 58.59375%;
	z-index: 1;
	position: absolute;
		position: relative;
		position: absolute;
	right: 0;
	bottom:0rem;
		top:-26px;
}

.point-area .point-img img{
	width: 100%;
	height: auto;
}

/*Individual*/
.point-area:nth-child( 2n ) .point-tit {
	left: auto;
	left: calc( 100% - 392px );
}
.point-area:nth-child( 2n ) .point-txt{
	width: 484px;
	right: auto;
	left: calc( 100% - 484px );
}
.point-area:nth-child( 2n ) .point-img{
	top:0;
	right: auto;
	left: 0;
}
.point-area:nth-child(2){
	padding-top: 0;
	margin-top: 5rem;
}
.point-area:nth-child(2) .point-txt{
    width: 450px;
    right: auto;
    left: calc( 100% - 450px );
}
.point-area:nth-child( n + 2 ) .point-img{
	top:0;
}
.point-area:nth-child( n + 2 ){
	margin-top: 5rem;
}

.point-wrap{
	position: relative;
}

.point-wrap .point-area-wrap{
	width: 100%;
	height: auto;
	margin:0;
}

.point-wrap .point-area-wrap img{
	z-index: 2;
}

.point-area-wrap .img01{
    position: absolute;
    top: -174px;
    right: -70px;
}

.point-area-wrap .img02{
	position: absolute;
    top: -53px;
    left: -50px;
}

.point-area-wrap .img03{
    position: absolute;
    top: 541px;
    left: -38px;
}

.point-area-wrap .img04{
    position: absolute;
    top: 1184px;
    right: 4px;
}

.point-area-wrap .img05{
    position: absolute;
    top: 1538px;
    left: 14px;
}

.point-area-wrap .img01_02{
    position: absolute;
    top: 1546px;
    left: 371px;
}

.point-area-wrap .img06{
    position: absolute;
    top: 2017px;
    right: 498px;
}

#link06.point-area{
	position: relative;
	width: 100%;
	height: 100%;
}

#link06.point-area .img07{
    position: absolute;
    top: -212px;
    right: -58px;
    z-index: 3;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.point-link{display:block!important; overflow: hidden;}
	.point-link li{width: 100%; height: auto; background: none; display: table;}
	.point-link li:after {
    content: "";
    display: block;
    background: url(../images/about/point/arw_sp.png) no-repeat center;
    background-size: 100%;
    height: 19px;
	width: 19px;
    position: absolute;
    bottom: calc( 50% - 10px );
	right: 0;
    margin: auto;
  	}
	.point-link .num-img{background:#8FC428; margin: 0;height: 40px; width: 40px; float: left;}
	.point-link .num-img img{max-height: 100%;  height: 28px; width: auto;}
	.point-link .link-txt{ width: calc( 100% - 50px ); float: right; border-bottom: 1px dashed #666;}
	.inner02 .point-link a .link-txt {color: #000; text-align: left; height: 4rem;}
	.point-link .link-txt p{padding-right: 2rem; line-height: 1.6rem;}
	.point-area,
	.point-area .point-tit,
	.point-area .point-txt,
	.point-area .point-img{
		position:static;
	}
	.point-area:nth-child( n + 2 ){
		margin-top: 4.3rem;
	}
	.point-area{
		padding-top: 0;
		margin-top: 4.5rem;
	}
	.point-area .point-tit{
		margin-bottom: 1.3rem;
	}
	.point-area .point-tit img{
		height: 73px;
		width: auto;
	}
	.point-area .point-img{
		width: 100%;
		height: auto;
	}
	.point-area .point-txt,
	.point-area:nth-child( 2n ) .point-txt{
		width: 100%;
	}
	.point-area-wrap img{
		display: none;
	}
	#link06.point-area .img07{
		display: none;
	}
	.point-area:nth-child(3) .point-tit p{
		font-size: 2rem;
	}
	.point-area:nth-child(5) .point-tit p{
		font-size: 2.1rem;
	}
}


@media screen and (max-width: 374px) {
	.point-area .point-tit p{
		padding-left: 1rem;
		margin-left: 1rem;
		font-size: 2.1rem;
	}
	.point-area:nth-child(3) .point-tit p{
		font-size: 1.8rem;
	}
	.point-area:nth-child(5) .point-tit p{
		font-size: 1.8rem;
	}
}

.sub-flexbox{
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.sub-flexbox02{
	display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.sub-flexbox img, .sub-flexbox02 img{
	width: 100%;
	height: auto;
}

/*About_spirit*/
.spi-tit{
  font-size: 2.2rem;
  text-align: center;
  color: #20393D;
	font-weight: 500;
  margin:0 auto;
	background: #fff;
	padding: 3rem;
	display: inline;
	position: relative;
	top:-2rem;
	right: 25%;
	left: 25%;
	border-radius: 10px;
}
.motto-area{
	margin-top: 2rem;
	padding: 3rem;
	border:4px solid #fff;
	border-radius: 16px;
}
.motto-area .motto-txt{
  width: calc( 100% - 564px );
}
.motto-area .motto-txt dt{
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 0.55rem;
  color: #20393d;
	font-weight: bold;
	display: inline-block;
}

.motto-area .motto-txt dt:nth-child(1){
	margin-top: 0;
}

.motto-area .motto-txt dt span.spi-num{
  background: #20393d;
  color: #FFF;
  font-size: 1.4rem;
  border-radius: 70px;
  display: inline-block;
  line-height: 2.2rem;
  text-align: center;
	font-weight: normal;
  height: 2.2rem;
  width: 2.2rem;
}

.motto-area .motto-img{
  width: 544px;
}

.column-area dl{
	overflow: hidden;
}
.column-area dl dt{
	float: left;
	width: 10rem;
	text-align: center;
	clear: both;
	color: #fff;
	border-radius: 4px;
  padding: 0.1rem 0.5rem;
	font-weight: normal;
  background: #8fc427;
	margin-bottom: 1.5rem;
}

.column-area dl dd{
	float: right;
	width:  calc( 100% - 12rem );
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 750px) {
	.spi-tit{
	font-size: 2rem;
    text-align: center;
    color: #20393D;
    margin: 0 auto;
    border: none;
    background: none;
    padding: 0;
    position: static;
	display: block;
		margin-top: 2rem;
    border-radius: 10px;
	}
  .motto-area .motto-img{
    width: 100%;
  }
  .motto-area .motto-txt{
    width: 100%;
    margin-top: 1rem;
  }
  .spirit-tit{margin-top: 2rem;
}
}

/*About_outline*/
.outline-wrap{
	width:100%;
	border: 4px solid #20393D;
    border-radius: 16px;
    padding: 1rem 3rem;
    background-color: #fff;
}
.outline-txt {
    padding: 2rem;
    margin: 3rem 0 0;
	border:4px solid #fff;
	border-radius: 16px;
}
.outline-txt dt{
	font-size: 2rem;
	font-weight: bold;
	color: #20393D;
	margin-bottom: 1rem;
	text-align: center;
}
.outline-txt dt span{
	background: linear-gradient(transparent 50%, rgba(138, 186, 48, 0.5) 50%);
}
.att-txt{
	font-size: 1.2rem;
	margin-top: 1rem;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.outline-wrap{padding: 0 1rem;}
}



/*About_president*/
.pre-area .pre-img{
	width: 27%;
	margin-right: 3%;
}
.pre-area .pre-img img{
	width: 100%;
	height: auto;
}
.pre-area .pre-name {
	font-size: 1.6rem;
	margin-top: 1rem;
}
.pre-area .pre-name span{
	display: block;
	font-size: 1.4rem;
}
.pre-area .pre-txt{
	width: 70%;
	margin-top: 0.5rem;
}
.pre-area .pre-txt p.pre-tit{
	font-size: 1.8rem;
	font-weight: bold;
	color: #8FC428;
	margin-bottom: 2rem;
}
.pre-area .pre-txt:nth-child(2) p:nth-child( n + 2 ){
	margin-top: 1rem;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.outline-wrap{padding: 0 1rem;}
	.pre-area .pre-txt{width: 100%; margin-top: 2rem;}
	.pre-area .pre-img{width: 50%; margin-right: 0; position: relative;}
	.pre-area .pre-img .pre-name{position:absolute; right: -17rem; bottom: 0;}
}



/*About_disclosure*/
.modal-open{
	text-decoration: none;
}
.modal-open:hover{
	color: #20393D;
}

.modal-content .page-list{
	margin: 0 6rem;
}

.modal-content .page-list li{
	background: #f1f3ed;
	border:1px solid #c3ceaf;
}
.modal-content .page-list li a:after{
	content: "";
    display: block;
    background: url(../images/common/icon_link.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1.5rem;
    margin: auto;
}
.mt-0{
	margin-top: 0 !important;
}
.modal-content .l-cen{
	justify-content: center;
	margin-top: 2rem;
}

.modal-content .l-cen li{
	width: 54%;
}

.modal-content .cheating li{
	font-size: 1.2rem;
	padding-right: 0.75rem;
}

.modal-content .cheating li.item{
}

.modal-content .cheating li.item a{
	line-height: 4rem;
}

@media screen and (max-width: 1023px) {
	.modal-content .cheating li.item a{
	line-height: 1.8rem;
}
}

.modal-content p.con-txt {
	text-align: center;
	font-weight: bold;
	border-bottom:1px solid #e4f5ae;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	color: #000;
}
.modal-content .l-cen li{
		width: 100%;
		margin-top: 2rem;
	}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.modal-content .page-list{
	margin: 0;
	}
	.page-list li a{
		padding-right: 4rem;
	}
	.modal-content p.con-txt {
		border-bottom: none;
	}
	.modal-content span.b-txt {
		display: block;
	}
	.modal-content .l-cen li{
		width: 100%;
		margin-top: 2rem;
	}
}


/*About_policy*/
.pol-area{
	border-bottom: 1px dashed #20393d;
	padding: 2rem 0;
}
.pol-area .pol-txt{
	width: 67%;
}
.pol-area .pol-txt .sub-tit{
	margin: 2rem 0;
	font-size: 1.8rem;
	color: #1e393d;
}
.pol-area .pol-txt .sub-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(138, 186, 48, 0.5)));
    background: linear-gradient(transparent 60%, rgba(138, 186, 48, 0.5) 0%);
}
.pol-area .pol-txt ul{
	margin-left: 2rem;
}
.pol-area .pol-img{
	width: 30%;
}
.pol-area:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.pol-area .pol-txt ,.pol-area .pol-img{
		width: 100%;
	}
	.pol-area .pol-img{margin-top: 2rem;}
}

/*About_teacher*/
.inner02 h2 span.tea-tit{
	font-size: 1.4rem;
}

.box-area{
	overflow: hidden;
	margin-top: 8rem;
}

.box-area li{
	width: 50%;
	float: left;
	padding: 0 2rem 2rem 0;
	border-bottom: 1px dashed #20393d;
	overflow: hidden;
	position:relative;
	height: 300px;
}

.box-area li:nth-child(even){
	border-left: 1px dashed #20393d;
	padding-left: 2rem;
}

.box-area li:nth-child( -n + 2 ){
	height: 280px;
}

.box-area li:nth-child( n + 3 ){
	padding-top: 2rem;
}

.box-area li:nth-child(11),.box-area li:nth-child(12){border-bottom: none; padding-bottom: 0; height: 280px;}

.box-area li .left-area{
	float: left;
	width: 200px;
}

.box-area li .right-area{
	float: right;
	width: calc( 100% - 220px );
}

.box-area li .right-area p{
	font-size: 2rem;
	font-weight: bold;
}

.box-area li .right-area dl dt{
	color: #8FC428;
}

.box-area li  .bottom-area{
	position: absolute;
	top:210px;
	height: 58px;
}

.box-area li:nth-child( n + 3 ) .bottom-area{
	top:230px;
}

.box-area li  .bottom-area a{
	width: 200px;
}

.teacher-wrap{
	position: relative;
}

.teacher-wrap .teacher-area-wrap img{
	z-index: 2;
}

.teacher-area-wrap .img01{
	position: absolute;
	bottom: -100px;
	right: -34px;
}

.tea-modal .tea-modal-img{
	width: 20%;
}

.tea-modal .tea-modal-txt{
	width: 77%;
}
.tea-modal .tea-modal-txt th{
	width: 30%;
}
.tea-modal .tea-modal-txt td{
	text-align: left;
}

@media screen and (max-width: 750px) {
	.box-area{margin-top:4rem;}
	.box-area li{width: 100%; padding-right: 0; padding-top: 2rem; height: auto;}
	.box-area li img{max-width: 400px; width: 58%; height: auto;}
	.box-area li:nth-child( -n + 2 ){height: auto;}
	.box-area li:nth-child(even){border-left: none; padding-left: 0;}
	.box-area li:nth-child(11){padding-bottom: 2rem; border-bottom: 1px dashed #20393d;}
	.box-area li:nth-child(11), .box-area li:nth-child(12){height:auto;}
	.box-area li .left-area,
	.box-area li .right-area{
		width: 100%;
	}
	.box-area li .right-area{margin-bottom:1rem;}
	.box-area li  .bottom-area{text-align: center; position:static; height: auto;}
	.box-area li  .bottom-area a{max-width: 300px; width: 58%; min-width: 200px;}
	.box-area li .right-area p{margin-top: 1rem;}
	.teacher-area-wrap .img01{display: none;}

	.tea-modal .tea-modal-img,.tea-modal .tea-modal-txt{
	width: 100%;
	}
	.tea-modal .tea-modal-txt{
		margin-top: 2rem;
		}
	.tea-modal .tea-modal-txt th,.tea-modal .tea-modal-txt td{
		display: block;
		width: 100%;
		padding: 1rem;
	}
}

/*About_new_students*/
.stu-table01 tr th,.stu-table01 tr td,
.stu-table02 tr th,.stu-table02 tr td,
.stu-table03 tr th,.stu-table03 tr td{
		font-weight: normal;
}
.stu-table01 tr th:nth-child( n + 2 ),
.stu-table01 tr td:nth-child( n + 2 ){
	width: 15%;
}

.stu-table02 tr th:nth-child( 1 ),
.stu-table02 tr td:nth-child( 1 ){
	width: 25%;
}

.stu-table03 tr th:nth-child( n + 2 ),
.stu-table03 tr td:nth-child( n + 2 ){
	width: 10.5%;
}

.stu-table03 tr th:nth-child( n + 2 ){
	padding: 2rem 1rem;
}


@media screen and (max-width: 750px) {
	.stu-table01 tr th,.stu-table01 tr td,
	.stu-table02 tr th,.stu-table02 tr td,
	.stu-table03 tr th,.stu-table03 tr td{
		padding: 0.5rem;
		font-size: 0.9rem;
	}
	.stu-table03 tr th:nth-child( 1 ),
	.stu-table03 tr td:nth-child( 1 ){
		width: 38%;
	}
}

/*Education_index*/
.edu-box .link-area .wrap div .btn {
	background: url(../images/education/index/btn-bg.png) no-repeat center;
}

.edu-box .link-area .wrap div{
	border: 4px solid #d6ba00;
}

.edu-box .text-area .title-s{
	border-bottom: 2px solid #d6ba00;
}

.edu-box .text-area ul.edu-list{
	margin-bottom: 0.25rem;
}

.edu-box .text-area ul.edu-list li{
	list-style-type: disc;
	margin: 0.25rem 0 0 2.5rem;
}

.edu-box .edu-tit {
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
	color: #20393D;
	margin:2rem 0;
}
.edu-box .edu-tit:first-of-type {
	margin-top: -2rem;
}
.edu-box .edu-tit span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(214, 186, 0, 0.5)));
    background: linear-gradient(transparent 60%, rgba(214, 186, 0, 0.5) 0%);
}
.edu-box .process .img-wrap{
	width: 80%;
	height: auto;
	margin:2rem auto 0;
}

.edu-box .pro-list{
	border-radius: 16px;
	border: 4px solid #fff;
	padding: 2rem;
	margin:1rem 0;
}

.edu-box .pro-list li{
	width: 65%;
	margin:1rem auto;
	overflow: hidden;
}
.edu-box .pro-list li span {
    background: #20393d;
    color: #FFF;
    font-size: 1.4rem;
    border-radius: 70px;
    display: inline-block;
    line-height: 2.2rem;
    text-align: center;
    font-weight: normal;
    height: 2.2rem;
    width: 2.2rem;
	margin-right: 0.5rem;
}

@media screen and (max-width: 750px) {
	.edu-box .pro-list li{width: 100%;}
}

/*campuslife_index*/
.cam-box .link-area .wrap div .btn {
	background: url(../images/campuslife/index/btn-bg.png) no-repeat center;
}

.cam-box .link-area .wrap div{
	border: 4px solid #c0737f;
}

.cam-box .text-area .title-s{
	border-bottom: 2px solid #c0737f;
}

.cam-box .link-area .img01 {
    position: absolute;
    top: 195px;
    right: -40px;
}

.cam-box .link-area .img02 {
    position: absolute;
    top: 250px;
    left: 110px;
}

.cam-box .link-area .img03 {
    position: absolute;
    top: 540px;
	left: auto;
    right: 130px;
}

.cam-box .link-area .img04 {
    position: absolute;
    top: 503px;
    left: -20px;
}

@media screen and (max-width: 750px) {
	.cam-box .link-area .img04 {display: none;}
}

/*recruit_index*/
.rec-box .link-area .wrap div .btn {
	background: url(../images/recruit/index/btn-bg.png) no-repeat center;
}

.rec-box .link-area .wrap div{
	border: 4px solid #EB5902;
}

.rec-box .text-area .title-s{
	border-bottom: 2px solid #EB5902;
}

/*admission_index*/
.adm-box .link-area .wrap{
	margin-top: 5rem;
}
.adm-box .link-area .wrap div .btn {
	background: url(../images/admission/index/btn-bg.png) no-repeat center;
}

.adm-box .link-area .wrap div{
	border: 4px solid #1E87B8;
}

.adm-box .text-area .title-s{
	border-bottom: 2px solid #1E87B8;
}




@media screen and (max-width: 750px) {
.edu-box .link-area .wrap div .btn {
	background: url(../images/education/index/btn-bg_sp.png) no-repeat center;
	background-size: calc(311/750*100vw);
    width: calc(311/750*100vw);
    height: calc(38/750*100vw);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2rem;
    line-height: calc(38/750*100vw);
    padding-left: 0.8rem;}
.cam-box .link-area .wrap div .btn {
	background: url(../images/campuslife/index/btn-bg_sp.png) no-repeat center;
	background-size: calc(311/750*100vw);
    width: calc(311/750*100vw);
    height: calc(38/750*100vw);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2rem;
    line-height: calc(38/750*100vw);
    padding-left: 0.8rem;}
.rec-box .link-area .wrap div .btn {
	background: url(../images/recruit/index/btn-bg_sp.png) no-repeat center;
	background-size: calc(311/750*100vw);
    width: calc(311/750*100vw);
    height: calc(38/750*100vw);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2rem;
    line-height: calc(38/750*100vw);
    padding-left: 0.8rem;}
.adm-box .link-area .wrap div .btn {
	background: url(../images/admission/index/btn-bg_sp.png) no-repeat center;
	background-size: calc(311/750*100vw);
    width: calc(311/750*100vw);
    height: calc(38/750*100vw);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1.2rem;
    line-height: calc(38/750*100vw);
    padding-left: 0.8rem;}
}

@media screen and (max-width: 374px) {
.adm-box .link-area .wrap div:first-of-type .btn {
    font-size: 0.8rem;}
}

/*Education_education*/
.edu-inner .dep-tit{
	text-align: center;
	color: #1e393d;
	font-weight: bold;
	font-size: 1.8rem;
}
.edu-inner .dep-tit span{
	background: linear-gradient(transparent 50%, rgba(214, 186, 0, 0.5) 50%);
}
.dep-area{
	justify-content:space-between;
}

.dep-area div{
	width: 49%;
}

.dep-area02 .dep-txt{
	width: 60%;
}

.dep-area02 .dep-txt dt{
	font-weight: bold;
	font-size: 1.6rem;
	margin-top: 1rem;
	color: #1e393d;
}
.dep-area02 .dep-txt dt:first-child{
	margin-top: 0;
}
.dep-area02 .dep-txt dt span{
	background: linear-gradient(transparent 50%, rgba(214, 186, 0, 0.5) 50%);
}
.dep-area02 .dep-txt a.link-btn{
	margin: 1rem 0 2rem;
}

.dep-area02 .dep-img{
	width: 37%;
}
.dep-area02 .dep-img img{
	width: 100%;
	height: auto;
}
.dep-area02 .dep-img img:nth-child( n + 2 ){
	margin-top: 2rem;
}

.dep-area02:last-of-type{
	margin-top: 2rem;
}

.dep-area02 .dep-txt ul li{
	margin-top: 1rem;
}

.dep-area02 .dep-txt ul li span{
	font-size: 1.4rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-bottom: 0.5rem;
}

@media screen and (max-width: 750px) {
	.dep-area div{
	width: 100%;
	}
	.dep-area div:nth-child(2){
	margin-top: 1rem;
	}
	.dep-area02 .dep-txt,.dep-area02 .dep-img{width: 100%;}
	.dep-img{margin-top: 1rem;}
}


/*Education_class*/
.img-list {
	flex-wrap:wrap;
}
.img-list li{
	width: 32%;
	margin-top: 2rem;
}

.img-list li:nth-child(3n-1){
	width: 32%;
	margin:2rem 2% 0;
}

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

.modal-list{
	border:1px solid #000;
	padding: 2rem;
	border-radius: 10px;
	margin-top: 2rem;
}

.modal-list dt{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 1rem;
	text-align: center;
	padding-bottom: 0.5rem;
}
.modal-list dt:nth-child( n + 2 ){
	margin-top: 1.5rem;
}
.modal-list dt span{
	border-bottom: 1px solid #000;
}

.modal-list dd ul{
	text-align: center;
}
.modal-list dd ul li{
	display: inline-block;
	margin:0 1rem;
}

.modal-list dd span{
	font-weight: bold;
	margin-right: 0.5rem;
}

.anu-table tr td{
	text-align: left;
}

.anu-table tr:nth-child(2) th,
.anu-table tr:nth-child(2) td{
	width: 33%;
}

@media screen and (max-width: 750px) {
	.img-list li{
		width: 100%;
	}
	.img-list li:nth-child(3n-1){
	width: 100%;
	margin:2rem 0 0;
}
}

/*Education_practice*/
.inner02 .sche-table tr th,.inner02  .sche-table tr td{
	border:1px solid #d6d4ab;
}
.sche-table tr th:nth-child(1){
	width: 35%;
	border-right: 0;
}
.sche-table tr td:nth-child(2){
	width: 20%;
    /*color: #d6bb00;*/
    background: #f7f5dd;
}
.sche-table tr td:nth-child(3){
	text-align: left;
	background: #fff;
}
.sche-table tr td span{
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #000;
	margin-bottom: 0.5rem;
}
.tra-area .tra-img{
	width: 37%;
}
.tra-area .tra-txt{
	width: 60%;
}
.tra-area .tra-txt span{
	font-weight: bold;
	display: block;
	font-size: 1.6rem;
	margin: 0.5rem 0;
}

.fac-link{
	justify-content:space-between;
	margin-top: 2rem;
}
.fac-link li{
	width: 48%;
	text-align: center;
}

.fac-link p.tit{
	font-weight: bold;
	font-size: 1.8rem;
	color: #d6ba00;
}
.fac-link li img{
	margin: 1rem 0 1.25rem;
}

.fac-link a.link-btn{
	margin-top: 1rem;
}

@media screen and (max-width: 750px) {
	.tra-area .tra-txt,.tra-area .tra-img, .fac-link li{width: 100%;}
	.tra-img{margin-top: 1rem;}
	.fac-link li:nth-child( n + 2 ){margin-top: 2rem;}
}

/*Education_message*/
.mes-area{
	border-bottom: 1px dashed #20393d;
	padding: 2rem 0;
	margin:0 10rem;
}
.mes-area .mes-txt{
	width: 75%;
}
.mes-area .mes-txt .sub-tit{
	margin: 2rem 0;
	font-size: 1.8rem;
	color: #1e393d;
}
.mes-area .mes-txt .sub-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(214, 186, 0, 0.5)));
    background: linear-gradient(transparent 60%, rgba(214, 186, 0, 0.5) 0%);
}
.mes-area .mes-txt .name{
	color: #d6ba00;
	margin-top: 1rem;
	font-weight: bold;
}
.mes-area .mes-img{
	width: 22%;
}
.mes-area:last-of-type,.border-none{
	padding-bottom: 0;
	border-bottom: 0;
}
/*___Style for SP___*/
@media screen and (max-width: 750px) {
  .mes-area{
    margin:0;
  }
  .mes-area:nth-child( n + 2 ){
    margin-top:2rem;
  }
	.mes-area:first-of-type, .mes-area:nth-of-type(3){padding-top: 0;}
	.mes-area .mes-txt{width: 100%; order: 2;-ms-flex-order: 2;}
	.mes-area .mes-img{width: 50%;  margin: 0 auto ; order: 1;-ms-flex-order: 1;}
}



/*Education_childminder.kindergarten_teacher*/
.edu-inner .chi-area{
	justify-content: space-between;
}
.edu-inner .chi-table th{
	width: 30%;
	border-right: 0;
}
.edu-inner  .chi-table td{
	text-align: left;
}

.edu-inner .cal-img{
	width: 68%;
	margin: 0 auto;
}

.edu-inner .cal-img img{
	height: auto;
	max-width: 100%;
}

.chi-area .chi-txt{
	width: 60%;
}
.chi-area .chi-txt p:nth-child( n + 2 ){
	margin-top: 1rem;
}
.chi-area .chi-img{
	width: 37%;
}
.inner02 .img-wrap{
	text-align: center;
}

.inner02 .img-wrap img{
	margin-top: 2rem;
}

.chi-list{
	border: 4px solid #fff;
	border-radius: 16px;
	padding: 2rem;
	margin-top: 2rem;
}

.chi-list:last-of-type ul{
	margin-top: 0;
}

.chi-list:last-of-type ul li{
	margin: 1rem 0 0;
}

.chi-list:last-of-type ul li.mt-1{
	margin-top: 1rem;
}

.chi-list:last-of-type ul li:first-of-type{
	margin-top: 0;
}

.chi-list p{
	text-align: center;
}

.chi-list .column-area{
	margin:2rem 0;
	line-height: 2.4rem;
}

.chi-list .tit span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(214, 186, 0, 0.5) 0%);
}

.chi-list ul{
	margin-top: 2rem;
}

.chi-list ul li{
	width: 80%;
    margin: 1rem auto;
}
.chi-list ul li span{
      background: #20393d;
    color: #FFF;
    font-size: 1.4rem;
    border-radius: 70px;
    display: inline-block;
    line-height: 2.2rem;
    text-align: center;
    font-weight: normal;
    height: 2.2rem;
    width: 2.2rem;
    margin-right: 0.5rem;
}

.chi-list .txt{
	font-size: 1.2rem;
	margin-top: 2rem;
}

.edu-inner .chi-table02 th,.edu-inner .chi-table02 td{
	border-bottom: 1px solid #20393D;
}

.edu-inner .chi-table02 th{
	color: #d6ba00;
	font-weight: bold;
}

.edu-inner .flowBox{
	margin-bottom:60px;
}

.edu-inner .flowBox li.flowBlockItem {
  background:#fff;
  padding-left: 0;
  display: table;
  width: 100%;
  margin-top: 5rem;
  box-sizing: border-box;
  padding: 2em;
  position: relative;
  border-radius: 16px;
	border: 2px solid #d6ba00;
}

.edu-inner .flowBox li.flowBlockItem:first-of-type {margin-top: 0;}

.edu-inner .flowBox li.flowBlockItem:after {
    content: "";
    position: absolute;
    bottom: -4rem;
    right: 48%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
	border-top: 10px solid #20393D;
}

.edu-inner .flowBox li.flowLast:after {
	border: none;
}

.flowBlockItem .titleArea {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 100%;
  text-align: center;
  border-right: 1px solid #d6ba00;
  padding-right: 2em;
}

.flowBlockItem .titleArea .number {
  font-size: 5rem;
  line-height: 5rem;
  color: #d6ba00;
}
.flowBlockItem .titleArea .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #0e2d78;
  margin-top: 1em;
}

.flowBlockItem .content {
  display: table-cell;
  vertical-align: top;
  padding-left: 2em;
  text-align: left;
}
.flowBlockItem .content .contentTit {
	font-size: 1.8rem;
	font-weight:bold;
	color:#d6ba00;
}
.edu-inner .flowBlockItem .content .contentTxt {
	margin-top: 1em;
}

.edu-inner .flowBlockItem .content ul li{
	margin-left: 2rem;
}

.chi-units{
	text-align: center;
	margin: 1rem 0;
	font-weight: bold;
}

.chi-units span{
	font-size: 1.8rem;
    font-weight: bold;
    background: linear-gradient(transparent 60%, rgba(214, 186, 0, 0.5) 0%);
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.chi-list ul li{
		width: 100%;
	}
	.chi-list .txt{
		text-align: left;
	}
	.edu-inner  .chi-table th,
	.edu-inner  .chi-table td{
		display: block;
		width: 100%;
	}
	.edu-inner  .chi-table th{
		border-bottom: none;
	}
	.edu-inner .chi-table span{
		display: block;
	}
	.edu-inner .cal-img{
		width: 100%;
	}
	.edu-inner .flowBox li.flowBlockItem{
		padding: 1.5rem;
	}
	.flowBlockItem .titleArea{
		border-right: none;
		padding-right:0;
	}
	.flowBlockItem .titleArea , .flowBlockItem .content{
		width: 100%;
		display: block;
	}
	.flowBlockItem .content .contentTit{
		text-align: center;
		color: #20393D;
	}
	.flowBlockItem .content{
		padding-left: 0;
	}
}



/*Campuslife_index*/

.cam-area-link{
	margin-top: 5rem;
}

.cam-area-link .wrap::after{
  content:"";
  display: block;
  width:30%;
	background: none;
}

.cam-box h2.title-s02{
	font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #20393D;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #c0737f;
    margin: 4rem 0 0.5rem;
}

.cam-box .mes-area .mes-txt .sub-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(192, 115, 127, 0.5)));
    background: linear-gradient(transparent 60%, rgba(192, 115, 127, 0.5) 0%);
}

.cam-box .mes-area .mes-txt .name{
	color: #c0737f;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.cam-box .mes-area{
		padding-top: 2rem;
		margin:0;
	}
}

/*Campuslife_schedule*/
.sch-area{
	border: 4px solid #20393D;
    border-radius: 16px;
    background-color: #fff;
    padding: 3rem 16rem;
    margin-top: 2rem;
	position: relative;
}
.sch-area .sch-txt{
	width: 60%;
}
.sch-area .sch-txt dl{
	overflow: hidden;
	border-bottom: 1px dashed #666666;
    padding: 1.4rem 0;
}
.sch-area .sch-txt dl:last-of-type{
	border-bottom: none;
	padding-bottom: 0;
}
.sch-area .sch-txt dl dt{
	float: left;
	width: 20%;
}
.sch-area .sch-txt dl dd{
	float: right;
	width: 77%;
}
.sch-area .sch-txt dl dt p{
    background: #c0737f;
    color: #FFF;
    font-size: 1.8rem;
    border-radius: 70px;
    display: inline-block;
    line-height: 5rem;
    text-align: center;
    font-weight: normal;
    height: 5rem;
    width: 5rem;
    margin-right: 0.5rem;
}
.sch-area .sch-txt dl dt span.month{
	font-size: 1.4rem;
}
ul.sch-img { width: 37%;}
ul.sch-img li {float:left; margin-bottom: 1rem; width: 100%; }
ul.sch-img li .i_thumb{display: block;   width:100%; height: 160px; background-size: cover; background-position: center center; margin-top: 1rem; border-radius: 10px;}
ul.sch-img li:hover{opacity: 0.7;}

.sch-img-wrap img{
	width: auto;
	height: auto;
}

.sch-img-wrap .img01{
	position: absolute;
	left: 0;
	top: 0;
}

.sch-img-wrap .img02{
	position: absolute;
	right: -1px;
    top: -75px;
}

.sch-img-wrap .img03{
	position: absolute;
	right: -11px;
    top: 261px;
}
.sch-img-wrap .img04{
	position: absolute;
	left: -44px;
    top: 671px;
}
.sch-img-wrap .img05{
	position: absolute;
	right: 62px;
    bottom: 22px;
}


/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.sch-area{padding:3rem;}
	.sch-img-wrap img{
		display: none;
	}
	.sch-area .sch-txt,.sch-area .sch-img{width:100%;}
	ul.sch-img{margin-top:2rem;}
	ul.sch-img li{width:49%; margin-top: 0;}
	ul.sch-img li:nth-child(odd){margin-right: 2%;}
	ul.sch-img li .i_thumb{height: 120px; height: 20vw; margin-top: 0;}
}

/*Campuslife_facilities*/
ul.fac-img {
	overflow: hidden;
}
ul.fac-img li {width: 32%; margin-top: 2rem; float: left;}
ul.fac-img li:nth-child( 3n - 1 ) {margin-right:2%; margin-left: 2%;}
ul.fac-img li .i_thumb{display: block;   width:100%; height: 220px; background-size: cover; background-position: center center; border-radius: 10px;}
ul.v-img li:hover{opacity: 0.7;}

.fac-area .fac-txt{
	width: 60%;
}
.fac-area .fac-img{
	width: 37%;
}
.fac-area .fac-txt .link-btn{
	margin: 1rem 0;
}
.fac-area .fac-txt .mt-0{
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.fac-area .fac-txt .fac-txt02{
	margin: 0.5rem 0 1rem;
}
.fac-area .fac-txt .fac-list{
	border: 1px dashed #c0737f;
	padding: 1.5rem 1rem 1rem;
}
.fac-area .fac-txt .fac-list li{
	display: inline-block;
	margin-right: 2rem;
	margin-bottom: 0.5rem;
}
.fac-area ul.fac-txt li{
	display: inline-block;
}
.fac-area .fac-txt .att-txt{
}
.cam-inner .fac-table th{
	width: 40%;
	background: #c0737f;
	border-color: #c0737f;
	border-bottom-color: #fff;
}
.cam-inner .fac-table td{
	border-color: #c0737f;
	font-weight: bold;
}

.cam-inner .fac-tit{
	margin: 2rem 0;
    font-size: 1.8rem;
    color: #1e393d;
}

.cam-inner .fac-tit span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(192, 115, 127, 0.5)));
    background: linear-gradient(transparent 60%, rgba(192, 115, 127, 0.5) 0%);
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.edu-inner .fac-img{flex-direction: row;}
	ul.fac-img li{width: 48.5%; margin-top: 1rem;}
	ul.fac-img li:nth-child( 3n - 1 ) {margin-right:0; margin-left: 0;}
	ul.fac-img li:nth-child( 2n ) {margin-left: 3%;}
	ul.fac-img li .i_thumb{ height:160px; height: 30vw;}
	.cam-inner .fac-table th,.cam-inner .fac-table td{display: block; width: 100%; border-bottom: none;}
	.cam-inner .fac-table td:last-of-type{border-bottom: 1px solid #c0737f;}
	.fac-area .fac-txt,.fac-area .fac-img{width: 100%;}
	.fac-area .fac-txt{
		-ms-flex-order: 2;
        order: 2;
	}
	.fac-area .fac-img{
		-ms-flex-order: 1;
        order: 1;
	}
	.fac-area .fac-txt .link-btn{margin: 1rem auto 2rem;}
	.fac-area .fac-txt .mt-0{ margin: 2rem 0;}
}

/*Campuslife_transfer*/
.rec-inner .defTable04{
	margin-top: 2rem;
}
.rec-inner .defTable04 th{
	color: #EB5902;
}
.rec-inner .defTable04 td ul li{
	margin-top: 0;
}
.designated-list dt.tit{
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #000;
}
.designated-list dd dl{
	overflow: hidden;
	margin-top: 1rem;
}
.rec-inner  .designated-list{
	margin-top: 3rem;
}
.rec-inner  .designated-list dd dl dt{
	float: left;
	font-size: 1.4rem;
	width: 25%;
	color: #000;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #000;

}
.designated-list dd dl dd{
	float: left;
	width: 75%;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #000;
}


@media screen and (max-width: 750px) {
	.rec-inner .defTable04 th, .defTable04 td{
		padding:1.5rem 1rem;
	}
	.rec-inner .defTable04 th{
		width: 10rem;
	}
	.rec-inner  .designated-list dd dl dt{
		display: block;
		width: 100%;
		border-bottom: 0;
		padding-bottom: 0;
	}
	.rec-inner  .designated-list dd dl dd{
		display: block;
		width: 100%;
	}
}

/*Campuslife_support_students*/
.ss-area .ss-txt{
	width: 60%;
}
.ss-area .ss-img{
	width: 37%;
}


.fac-table tr td{
	text-align: left;
}
.conList{
    margin-top: 2rem;
    padding: 3rem;
    border: 4px solid #fff;
    border-radius: 16px;
}
.conList li{
}
.conList li span{
  background: #20393d;
  color: #FFF;
  font-size: 1.4rem;
  border-radius: 70px;
  display: inline-block;
  line-height: 2.2rem;
  text-align: center;
	font-weight: normal;
  height: 2.2rem;
  width: 2.2rem;
	margin-right: 0.75rem;
}
.conList li:nth-child( n + 2 ){
	margin-top: 1rem;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.conList{padding:2rem;}
	.conList li{width: 100%;}
	.ss-area .ss-txt, .ss-area .ss-img{width: 100%;}
	.ss-area .ss-img{
		-ms-flex-order: 1;
            order: 1;
	}
	.ss-area .ss-txt{
		-ms-flex-order: 2;
            order: 2;
		margin-top: 1rem;
	}

}

/*Recruit_index*/
.rec-box h2.title-s02{
	font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #20393D;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #EB5902;
    margin: 4rem 0 0.5rem;
}

.rec-box .mes-area .mes-txt .sub-tit span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(192, 115, 127, 0.5)));
    background: linear-gradient(transparent 60%, rgba(192, 115, 127, 0.5) 0%);
}

.rec-box .mes-area .mes-txt .name{
	color: #c0737f;
}


/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.rec-sche-table th,.rec-sche-table td{
		padding:0.75rem;
		font-size: 1.2rem;
	}
	.rec-sche-table tr th:first-of-type,
	.rec-sche-table tr td:nth-child(1){
		width: 16%;
	}
	main .rec-sche-table tr th:nth-child( n + 2 ){
		text-align: center;
	}
	.rec-sche-table tr th:nth-child( n + 2 ),
	.rec-sche-table tr td:nth-child( n + 2 ){
		width: 42%;
		text-align: left;
	}
	main .rec-box .defTable03 tr td:nth-child(1){
		font-size: 1.4rem;
	}
	main .rec-box .rec-sche-table td span{
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-top: 0.4rem;
	}
}

/*Recruit_result*/
.rec-inner .page-link li a{
	background: #EB5902;
}

.sup-area02 .sup-txt{
	width: 60%;
	margin-top: 2rem;
}
.sup-area02 .sup-img{
	width: 37%;
}

/*Recruit_recruiter*/
.sup-area .add-area{
    padding: 2rem;
    margin: 2rem 0;
	border: 1px dashed #20393d;
}
.sup-area .add-area h3{
	margin: 0 0 0.5rem;
	color: #20393D;
	text-align: left;
}
.sup-area .add-area .add-tit{
	font-size: 1.4rem;
	font-weight: bold;
}
.sup-area .add-area .add-tit span{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
}
.sup-area .add-area p:last-of-type{
	font-size: 1.2rem;
	margin-top: 0.75rem;
}

.sup-area .rec-tit{
	color: #EB5902;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 2.5rem;
}

.sup-area .file-list{
    margin-top: 1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sup-area .file-list li{
	width: 48.5%;
}
.sup-area .dep-txt .file-list a.link-btn{
	width: 100%;
	margin:0;
	text-align: center;
	padding: 1rem;
}

/*___Style for SP___*/
@media screen and (max-width: 750px) {
	.sup-area .dep-img{
		margin-top: 2rem;
	}
}

/*Admission_open_campus*/
main h2.open-h2{
  	font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    color: #20393D;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #1E87B8;
    margin: 6rem auto 3rem;
	position: relative;
	width: 1024px;
}

main h2.open-h2 span{
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	position: absolute;
	bottom: -3.5rem;
	right: 0;
	left: 0;
}
.open-img {
	width: 1196px;
	margin: 0 auto;
	position: relative;
  }
.open-img img{
	margin: 0 auto;
}
.open-img img.frame {
	position: absolute;
	height: auto;
	left: 0;
	right: 0;
	top:-9rem;
}

.open-img .open-txt {
text-align: center;
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	width: 100%;
	font-size: 1.5rem;
	line-height: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.05rem;

  }
.open-img .open-txt p:nth-child( n + 2 ){
	margin-top: 1rem;
}

.movie-link{
	text-align: center;
	margin: 5rem 0;
}

.movie-link .movie-tit{
	font-size:18px;
	color: #20393d;
	text-align: center;
}

.open-box{
	width:100%;
	border: 4px solid #20393D;
    border-radius: 16px;
    padding: 2.5rem;
    background-color: #fff;
	/*text-align: center;*/
}

.open-box02{
	margin:5rem 0;
}

.open-box p.tit{
	color: #FFF;
	font-weight: bold;
	font-size:1.8rem;
	padding:0.8rem 2rem;
	line-height: 1;
	border-radius: 50px;
	background:#1E87B8;
	    text-align: center;
    width: 30%;
    margin: 2rem auto;
}
.oc .ptitle.ptitle_t1 {
  display: table;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 2em;
  border-radius: 50px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  background: #1E87B8;
}
.oc .ptitle.ptitle_t5 {
  padding-bottom: 0;
  margin-bottom: 0.2em;
  border-bottom: none;
  font-size: 1.8rem;
  text-align: left;
}
.oc .txt__line_pink {
  background: linear-gradient(transparent 60%, rgb(245, 197, 208) 60%);
}
.oc .appeal-block .appeal-block__desc_ttl {
  margin-top: 0;
  text-align: left;
  font-weight: normal;
  color: currentColor;
}
.oc .appeal-block .appeal-block__img {
  position: relative;
}
.oc .appeal-block .appeal-block__img img {
  width: 100%;
}
.oc .appeal-block__desc_wrap {
  display: table;
  padding: 0.8em 1.5em;
  border: 5px solid #00B900;
  border-radius: 20px;
  background: #fff;
}
.oc .appeal-block__desc_wrap .wrap__ttl {
  color: #00B900;
}
.plist.plist_type_dot > .plist__item {
  position: relative;
  padding-left: 1em;
}
.plist.plist_type_dot > .plist__item::before {
  position: absolute;
  top: 0.6em;
  left: 0.4em;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}


@media screen and (min-width: 751px) {
  .oc .appeal-block__outer {
    position: relative;
    z-index: 3;
    margin-top: 5em;
  }
  .oc .appeal-block__outer::before {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: -215px;
    width: 207px;
    height: 200px;
    content: "";
    background: url(../images/admission/open_campus/img06.png) no-repeat center center;
    background-size: contain;
  }
  .oc .appeal-block__outer::after {
    position: absolute;
    top: -137px;
    right: -56px;
    z-index: 1;
    width: 327px;
    height: 432px;
    content: "";
    background: url(../images/admission/open_campus/img07.png) no-repeat center center;
    background-size: contain;
  }
  .oc .appeal-block {
    position: relative;
    z-index: 3;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack: justify;
	  justify-content: space-between;
  }
  .oc .appeal-block .appeal-block__img {
    width: 540px;
  }
  .oc .appeal-block .appeal-block__img::before {
    position: absolute;
    top: -66px;
    left: -92px;
    width: 154px;
    height: 400px;
    content: "";
    background: url(../images/admission/open_campus/frame02.png) no-repeat left center;
    background-size: contain;
    transform: rotate(353deg);
  }
  .oc .appeal-block .appeal-block__img::after {
    position: absolute;
    top: -66px;
    right: -58px;
    width: 106px;
    height: 400px;
    content: "";
    background: url(../images/admission/open_campus/frame03.png) no-repeat left center;
    background-size: contain;
  }
  .oc .appeal-block .appeal-block__desc {
    flex: 1;
    padding-left: 60px;
  }
  .oc .appeal-block .appeal-block__desc_ttl {
    margin-bottom: 0.3em;
    font-size: 3rem;
    line-height: 1.3;
  }
  .oc .appeal-block__desc_wrap {
    position: relative;
    z-index: 2;
  }
  .oc .appeal-block__desc_wrap::before {
    position: absolute;
    top: -162px;
    right: 2px;
    z-index: 1;
    width: 128px;
    height: 256px;
    content: "";
    background: url(../images/admission/open_campus/pic04.png) no-repeat left top;
    background-size: contain;
  }
}


@media screen and (max-width: 750px) {
	.open-box p.tit{
		width:100%;
	}

  .oc .ptitle.ptitle_t5 {
    margin-bottom: 3rem;
  }
  .oc .appeal-block .appeal-block__img::before {
    position: absolute;
    top: -54px;
    right: 0;
    width: 90px;
    height: 90px;
    content: "";
    background: url(../images/admission/open_campus/img01_sp.png) no-repeat center center;
    background-size: contain;
  }
  .oc .appeal-block .appeal-block__img::after {
    position: absolute;
    bottom: -52px;
    left: -10px;
    width: 80px;
    height: 80px;
    content: "";
    background: url(../images/admission/open_campus/img02_sp.png) no-repeat center center;
    background-size: contain;
  }
  .oc .appeal-block .appeal-block__desc {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align: center;
	  align-items: center;
    margin-top: 30px;
  }
}

@media (max-width: 575.98px) {
  .oc .appeal-block .appeal-block__desc {
    display: block;
    margin-top: 50px;
  }
  .oc .appeal-block .appeal-block__desc_ttl {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .oc .appeal-block .appeal-block__desc_ttl .br {
    display: none;
  }
  .oc .appeal-block__desc_wrap {
    margin-right: auto;
    margin-left: auto;
  }
  .oc .open-wrap .btn-siryo .br::before {
    content: "\A";
    white-space: pre;
  }
}

.open-box02 p{
	word-break: break-all;
}
.open-box span.img{
	display: block;
	margin: 2rem 0 1rem;
}

.open-box span.img:last-of-type{
	border-top: 1px dashed #20393d;
	padding-top: 3rem;
}

.open-box div{
	overflow: hidden;
}

.open-box div dl{
	float: left;
	width: 278px;
	margin-right: 66px;
}

.open-box div dl:nth-child( 3n ){
	margin-right: 0;
}

.open-box div dl .meal{
	background: #fffbd2;
	padding: 0.5rem 0.1rem;
	border-radius: 4px;
}

.mealTxt{
	font-size: 1.2rem;
	display: block;
	color: #EB5902;
}

.open-box div dl dd p span{
	font-size: 1.2rem;
}

.open-box div dl dd p span.rTxt{
	font-size: 1.4rem;
	color: #ec5eb2;
	display: block;
}

.open-box dl:nth-child( n + 4 ){
	margin-top: 3rem;
}

.open-box dl dt{
	color: #1E87B8;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	border-bottom: 2px solid #1E87B8;
}

.open-box dl dd{
	overflow: hidden;
	margin: 1rem 0 ;
}

.open-box dl dd img{
	display: block;
	float: left;
	height: 33px;
	width: auto;
	margin-top: 0.4rem;
}

.open-box dl dd p{
	float: right;
	width: 160px;
	text-align: left;
}

.open-box:nth-child( n + 2 ) .sub-flexbox02{
	margin-top: 2rem;
}

.open-box:nth-child( n + 2 ) .open-left{
	width: 527px;
	text-align: left;
}
.open-box:nth-child( n + 2 ) .open-right{
	width: 398px;
}
.open-box:nth-child( n + 2 ) .open-left .date{
	color: #1E87B8;
	border-bottom: 2px solid #1E87B8;
	font-weight: 500;
	padding-bottom: 0.4rem;
}
.open-box:nth-child( n + 2 ) .open-left .tit{
	display: block;
	font-size: 2rem;
	margin: 1.4rem 0;
	font-weight: bold;
}

.adm-inner .open-box .mt-0{
	margin-top: 0;
}

.open-box ul li {
	width: 48.5%;
}

.open-box ul li {
	border-bottom: 1px dashed #20393d;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}


.open-box .sub-flexbox02 li .sub-flexbox02{
	margin-top: 0;
}

.open-box ul li .tit .imgWrap{
	width: 22%;
}

.open-box ul li .tit .imgWrap img, .open-box ul li .tit .imgWrap02 img{
	height: 33px;
	width: auto;
}

.open-box ul li .tit .imgWrap02{
	text-align: left;
}

.open-box ul li .tit .imgWrap02 img{
	width: 48%;
	height: auto;
}

.open-box ul li .tit .imgWrap02 img:first-child{
	margin-right: 4%;
}

.open-box ul li .tit p{
	width: 100%;
	text-align: left;
}

.open-box ul li .tit p.tit02{
	width: 52%;
	text-align: left;
}

.open-box ul li .tit p span.sub{
	display: block;
	line-height:1;
	font-size: 1.2rem;
	color: #1E87B8;
	margin-bottom: 0.75rem;
}

.open-box ul li .tit p span.tit{
    background: linear-gradient(transparent 60%, rgba(30, 135, 184, 0.5) 0%);
	font-size: 2rem;
	line-height: 1;
}

.open-box ul li .tit img{
	max-width: 100%;
	height: auto;
}

.open-box ul li p.txt{
	text-align: left;
	margin-top: 1.5rem;
}

.open-voice{
	border: 4px solid #fff;
	border-radius: 16px;
	padding: 2rem;
	margin-top: 5rem;
}

.open-voice p{
	text-align: center;
}

.open-voice .column-area{
	margin:2rem 0;
	line-height: 2.4rem;
}

.open-voice .tit span{
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(transparent 60%, rgba(30, 135, 184, 0.5) 0%);
}

.open-voice .txt{
	font-size: 1.8rem;
	font-weight: bold;
}

.open-wrap{
	position: relative;
}

.open-wrap .open-area-wrap img{
	z-index: 2;
}

.open-area-wrap .img01{
	position: absolute;
    top: 400px;
    left: -30px;
}

.open-area-wrap .img02{
	position: absolute;
    top: 420px;
    right: -41px;
}
.open-area-wrap .img03{
	position: absolute;
    top: 1370px;
    right: 51px;
}

.open-area-wrap .img04{
	position: absolute;
    top: 1400px;
    left: -110px;
}

.open-area-wrap .img05{
	position: absolute;
        top: 2130px;
    right: -5px;
}

@media screen and (max-width: 750px) {
	main h2.open-h2{width: 94%;
    margin-right: calc(20/750*100vw);
    margin-left: calc(20/750*100vw);}
	.open-img{    width: 100%;
    padding-right: calc(20/750*100vw);
    padding-left: calc(20/750*100vw);
	position: relative;}
	.open-img:before {
    content: "";
    display: block;
    background: url(../images/admission/open_campus/img01_sp.png) no-repeat center;
    background-size: 100%;
    height: 90px;
    width: 90px;
    position: absolute;
    top: -46px;
    right: 0;
    margin: auto;
  }
	.open-img:after {
    content: "";
    display: block;
    background: url(../images/admission/open_campus/img02_sp.png) no-repeat center;
    background-size: 100%;
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: -30px;
    left: 0;
    margin: auto;
  }
	.open-img .open-txt {text-align: left; width: calc( 100% - 60px ); margin:0 auto;}
	.open-box div dl{width:100%;}
	.open-box dl dd p{ width: calc( 100% - 120px); margin-left: 10px; }
	.open-box dl dd p.second{ width: 100%; padding-left: 93px; margin-top: 0.5rem;}
	.open-box p.tit{line-height: 2.4rem;}
	.open-box:nth-child( n + 2 ) .open-left, .open-box:nth-child( n + 2 ) .open-right{width: 100%;}
	.open-box:nth-child( n + 2 ) .open-right{margin-top:1rem;}
	.open-box dl dd p{
	float: right;
	margin-left: 1.4rem;
	}
	.open-box ul li{ width: 100%; }
	.open-box ul li .tit .imgWrap, .open-box ul li .tit .imgWrap02{ width: 100%; }
	.open-box ul li .tit p, .open-box ul li .tit p.tit02{ width: 100%; text-align: center; margin-top: 2rem; }
	.open-box ul li .tit .imgWrap02 img{ width: auto; max-width: 100%; }

	.open-area-wrap .img02,.open-area-wrap .img03,.open-area-wrap .img05{display: none;}
	.open-area-wrap .img01_sp{
	position: absolute;
    top: -635px;
    right: 0;
	width: 130px;
	height: auto;
	}
	.open-area-wrap .img02_sp{
	position: absolute;
    top: -137px;
    left: -11px;
	width: 130px;
	height: auto;
	}
	.open-area-wrap .img01{
	position: absolute;
    top: 292px;
    left: 5px;
    width: 125px;
	height: auto;
	}
	.open-area-wrap .img01_sp02{
	position: absolute;
    top: 2067px;
    left: 2px;
    width: 97px;
	height: auto;
	}
	.open-box:nth-of-type(2){position: relative;}
	.open-box:nth-of-type(2):after {
    content: "";
    display: block;
    background: url(../images/admission/open_campus/img01.png) no-repeat center;
    background-size: 100%;
    height: 130px;
	width: 130px;
    position: absolute;
    top: -35px;
    left: -10px;
    margin: auto;
  }
	.open-box:nth-of-type(3){position: relative;}
	.open-box:nth-of-type(3):after {
    content: "";
    display: block;
    background: url(../images/admission/open_campus/img01_sp.png) no-repeat center;
    background-size: 100%;
    height: 100px;
	width: 100px;
    position: absolute;
    top: -65px;
    left: -13px;
    margin: auto;
  }
}

/*Admission_application*/
.adm-inner .page-link li a {
    background: #1E87B8;
}

/*Admission_consultation*/
.con-area .con-txt{
	width: 60%;
}
.con-area .con-img{
	width: 37%; margin-right:3%;
}

/*Admission_greendays*/
.gre-area .gre-txt{
	width: 60%;
}
.gre-area .gre-img{
	width: 37%; margin-right:3%;
}

.gre-img {
	display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.gre-img li{
	width: 32%;
}
.gre-img li:nth-child(1),
.gre-img li:nth-child(2){
	margin-right: 2%;
}

.gre-img li.second{
	margin-right: 0;
}
.gre-img li .i_thumb{display: block;   width:100%; height: 220px; background-size: cover; background-position: center center; border-radius: 10px;}


.adm-inner .mem-list li{
	width: 13%;
}

.adm-inner .mem-list li .txt-wrap{
	text-align: center;
	margin-top: 0.5rem;
}

.adm-inner .mem-list li .txt-wrap span{
	color: #fff;
	font-size: 0.85em;
	background: #1E87B8;
	padding:0.25em 1em;
	border-radius: 4px;
	margin-right: 0.5em;
}


@media screen and (max-width: 750px) {
	.gre-img li{
		width: 100%;
	}
	.adm-inner .mem-list{
		flex-direction: row;
	}
	.adm-inner .mem-list li{
		width: 48%;
	}
	.gre-img li:nth-child(1),
	.gre-img li:nth-child(2){
		margin:0 0 1rem 0;
	}
	.adm-inner .gre_btn{
		width: 100%;
		margin-top: 1rem;
	}
}

/*Recruit_index*/
.rec-box .defTable03 td{
	border-bottom: 1px dashed #20393D;
}

.rec-box .defTable03 th{
	font-weight: bold;
	font-size: 1.6rem;
}
.rec-box .defTable03 tr td:nth-child(1){
	width: 14%;
	font-size: 1.6rem;
}
.rec-box .defTable03 td span{
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	color: #EB5902;
}
.rec-box .mes-area .mes-txt .sub-tit span{
    background: linear-gradient(transparent 60%, rgba(235, 89, 3, 0.5) 0%);
}
.rec-box .mes-area .mes-txt .name{
	color: #EB5902;
}
.accordion p{
	cursor: pointer;
	font-weight: bold;
	background-color: #C3DB79;
	padding: 10px 15px 10px;
	border-radius: 6px;
	margin-bottom: 10px;
}
.accordion ul{
	display:none;
}
.acc_ttl{
	font-weight: bold;
	color: #8FC428;
}

/*Recruit_result*/
.qa .result-link li {
	background-color: #8FC428;
	width:19%;
}
.qa .result-link li:after {
	background: url(../images/qa/arw.png) no-repeat center;
}
.result-link li {
	background-color: #EB5902;
	width: 16%;
	min-width: 130px;
	border-radius: 10px;
	text-align: center;
	position: relative;
}
.result-link li:after {
    content: "";
    display: block;
    background: url(../images/recruit/result/arw.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    right: calc( 50% - 10px );
    margin: auto;
}
.result-link li a{
	padding: 3rem 0;
	display: block;
	width: 100%;
	height: 100%;
}

.rec-inner .column-area{
	border-bottom: 1px dashed #20393d;
    padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.rec-inner .column-area h4{
	background:#f9c7a4;
	padding: 0.5rem 0.75rem;
	margin:0.5rem 0;
	border-radius: 4px;
}

.rec-inner .column-area h4:first-of-type{
	margin-top: 0;
}

.rec-inner .column-area h4.mt-3{
	margin-top: 3rem;
}

.rec-inner .column-area li:nth-child(odd){
	font-weight: bold;
	color: #EB5902;
}
.qamb-2{
	margin-bottom: 2em;
}
@media screen and (max-width: 750px) {
.qamb-2{
	margin-bottom: 0em;
}
.qa .result-link li:after {
	background: url(../images/qa/arw_sp.png) no-repeat center;
	background-size: contain;
	}
.qa .result-link li a{
	padding: 0;
	}
.qa .result-link li {
    background-color:#F7F3CA;
    width: 100%;
	padding: 1.25rem !important;
	}
.result-link li:after {
    content: "";
    display: block;
    background: url(../images/recruit/result/arw_sp.png) no-repeat center;
    background-size: 100%;
    height: 19px;
    width: 19px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1rem;
    margin: auto;
}
	.result-link li{background: none; width: 100%;border: 1px dashed #666; margin-top: 1rem;}
	.rec-inner .page-link li a{background: none; padding:1.25rem;}
	.inner02 .result-link a .result-txt {color: #000; text-align: left;}
	.result-area,
	.result-area .result-tit{
		position:static;
	}

	.rec-inner .column-area h4.mt-3{
		margin-top: 1rem;
	}
}

/*Recruit_support*/
.sup-area02 .sup-txt{
	width: 60%;
}
.sup-area02 .sup-txt a{
	margin-top: 1rem;
}
.sup-area02 .sup-img{
	width: 37%;
}

.rec-inner .defTable02 th{
	width: 30%;
}
.rec-inner .defTable02 td{
	text-align: left;
}
.rec-inner .page-list li {
    border: 2px solid #EB5902;
}
.rec-inner .page-list li a:after {
    content: "";
    display: block;
    background: url(../images/recruit/index/icon_link.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1.5rem;
    margin: auto;
}

.sup-area .dep-txt dt span {
	background: linear-gradient(transparent 50%, rgba(235, 89, 3, 0.5) 50%);
}
.sup-area .dep-txt{
	width: 60%;
}
.sup-area .dep-txt dt{
	font-weight: bold;
	font-size: 1.6rem;
	margin-top: 1rem;
	color: #1e393d;
}
.sup-area .dep-txt dt:first-child{
	margin-top: 0;
}
.sup-area .dep-txt a.link-btn{
	margin: 1rem 0 2rem;
}

.sup-area .dep-img{
	width: 37%;
}
.sup-area .dep-img img{
	width: 100%;
	height: auto;
}
.sup-area .dep-img img:nth-child( n + 2 ),
.sup-area02 .sup-img img:nth-child( n + 2 ){
	margin-top: 2rem;
}

.sup-area .dep-txt ul li{
	margin-top: 1rem;
}

.sup-area .dep-txt ul li span{
	font-size: 1.4rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-bottom: 0.5rem;
}

main .sup-area .dep-txt .sup-list-top{
	font-size: 2rem;
    font-weight: bold;
    color: #EB5902;
	margin-top: 1.5rem;
}

.sup-area .dep-txt .sup-list dt {
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 1rem;
	position: relative;
}

.sup-area .dep-txt .sup-list dd {
	margin-left: 1.5rem;
}

.sup-area .dep-txt .sup-list ul li{
	display: inline-block;
	margin: 0.25rem 1rem 0 0;
}

@media screen and (max-width: 750px) {
	.rec-inner .sup-tit{
		text-align: center;
	}
	.rec-inner .emp-txt{
	color: #EB5902;
	font-weight: bold;
	display: block;
	font-size: 1.8rem;}
	.sup-area .dep-txt,.sup-area .dep-img,.sup-area02 .sup-txt, .sup-area02 .sup-img{width: 100%;}
	.sup-area02 .sup-txt{margin-top:0;}
	.sup-area02 .sup-txt .link-btn{padding: 1rem 3rem;}
	.sup-area02 .sup-img{margin-top: 1rem;}
	.dep-img{margin-top: 1rem;}
	.rec-inner .defTable02 th,.rec-inner .defTable02 td{display: block; width: 100%;}
	.defTable02 td{border-top:none;}
	.rec-inner .defTable02 th{border-bottom:none;}
	}

/*News*/
.h1-wrap h1.title-l{
	text-align: center;
}
.h1-wrap h1.title-l span{
	font-size: 3.2rem;
	background: linear-gradient(transparent 50%, rgba(214, 186, 0, 0.5) 50%);
	line-height: 1;
	font-weight: bold;
	color: #20393d;
}
.list-wrap{
    border: 4px solid #20393D;
    border-radius: 16px;
    background-color: #fff;
	padding:3rem 16rem;
	margin-top: 5rem;
	position: relative;
}
.list-wrap dl{
	overflow: hidden;
	border-bottom: 1px dashed #666666;
	padding: 1.4rem 0;
}
.list-wrap dl:first-child{
	padding-top: 0;
}
.list-wrap  dt{
	float: left;
	width: 82px;
}
.list-wrap  dd{
	float: right;
	width: calc( 100% - 100px );
	padding-top: 0.3rem;
}
.list-wrap  dd a{
	display: block;
	width: 100%;
	height: 100%;
}
.list-wrap dd span{
	font-size: 1.2rem;
	color: #fff;
	padding:0.2rem 0.6rem;
	border-radius: 30px;
	margin-left: 1rem;
	display: inline-block;
	width: 8rem;
	text-align: center;
}

.top-news span.cat-news,
.list-wrap span.cat-news{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #8FC428;
}
.top-news span.cat-event,
.list-wrap span.cat-event{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #56DDD9;
}
.top-news span.cat-exam,
.list-wrap span.cat-exam{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #1E87B8;
}
.top-news span.cat-important,
.list-wrap span.cat-important{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #FC7F25;
}
.top-news span.cat-activity,
.list-wrap span.cat-activity{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #EA3358;
}
.top-news span.cat-oc,
.list-wrap span.cat-oc{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #5533EA;
}
.top-news span.cat-pr,
.list-wrap span.cat-pr{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #FFD24D;
}
.top-news span.cat-seminar,
.list-wrap span.cat-seminar{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #D5B902;
}
.top-news span.cat-students,
.list-wrap span.cat-students{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #BA7480;
}
.top-news span.cat-club,
.list-wrap span.cat-club{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #FC7F25;
}
.top-news span.cat-lesson,
.list-wrap span.cat-lesson{
	font-size: 1.2rem;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 30px;
    margin-left: 1rem;
    display: inline-block;
    width: 8rem;
    text-align: center;
	background: #BA7480;
}

.list-wrap .img01{
	position: absolute;
	left: -31px;
    top: -6px;
}

.list-wrap .img02{
	position: absolute;
	right: -1px;
    top: -75px;
}

.list-wrap .img03{
	position: absolute;
	right: 139px;
    top: 261px;
}
.list-wrap .img04{
	position: absolute;
	left: -44px;
    top: 571px;
}
.list-wrap .img05{
	position: absolute;
	right: 2px;
    top: 621px;
}

/* wp-pagenavi
-------------------------*/
.wp-pagenavi {
	clear: both;
	text-align:center;
	margin-top: 3rem;
}
.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 1.2rem;
	display: inline-block;
	color: #CBCBCB;
	background-color: #FFF;
	border: solid 1px #CBCBCB;
	padding: 0.4rem 0.8rem;
	margin: 0 0.2rem;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF;
    background-color:#CBCBCB;
    border-color:#CBCBCB;
}
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #CBCBCB;
	border-color: #CBCBCB;
	font-weight: bold;
}
.wp-pagenavi span.abb{
	font-size: 1.2rem;
	display: inline-block;
	color: #CBCBCB;
	background-color: #FFF;
	border: solid 1px #CBCBCB;
	padding: 0.4rem 0.8rem;
	margin: 0 0.2rem;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a.last{
	border:none;
	position: relative;
}
.wp-pagenavi a.last:after {
    content: "";
    display: block;
    background: url(../images/news/arw.png) no-repeat center;
    background-size: 100%;
    height: 10px;
	width: 10px;
    position: absolute;
    bottom: calc( 50% - 5px );
	right: -0.4rem;
    margin: auto;
  }
.wp-pagenavi a.last:hover{
	background: none;
	color: #CBCBCB;
	opacity: 0.7;
}
.wp-pagenavi a.first{
	border:none;
	position: relative;
}
.wp-pagenavi a.first:after {
    content: "";
    display: block;
    background: url(../images/news/arw06.png) no-repeat center;
    background-size: 100%;
    height: 10px;
	width: 10px;
    position: absolute;
    bottom: calc( 50% - 5px );
	left: -0.4rem;
    margin: auto;
  }
.wp-pagenavi a.first:hover{
	background: none;
	color: #CBCBCB;
	opacity: 0.7;
}

.arc-list {
	margin:5rem 0 8rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    /* justify-content: space-between; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.arc-list.center {
  justify-content: center;
}

.arc-list li{
	width: 18.88%;
	color: #1E393D;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border: 3px solid #D0B400;
	border-radius: 50px;
	position: relative;
}
.arc-list.center li{
  margin-right: 20px;
  margin-left: 20px;
}
.arc-list li:before {
    content: "";
    display: block;
    background: url(../images/news/arw02.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 0.8rem;
}
.arc-list li.current{
	background: #D0B400;
	color: #fff;
}
.arc-list li.current:before {
    content: "";
    display: block;
    background: url(../images/news/arw03.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 0.8rem;
}
.arc-list li a{
	padding: 0.8rem 0;
	display: block;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 750px) {
	.h1-wrap h1.title-l{
		margin-top: 1.5rem;
	}
	.inner02 .list-wrap{
		margin-top: 3rem;
		padding:1.6rem 1rem 3rem;
	}
	.list-wrap .img01,.list-wrap .img02,.list-wrap .img03,.list-wrap .img04,.list-wrap .img05,.list-wrap .img06,.list-wrap .img07,.list-wrap .img08{
		display: none;
	}
	.arc-list{margin: 1.6rem 0 4rem;}
	.arc-list li{
		width: 48.2%; margin-top: 0.8rem;
	}
}


/*Admission_index*/
.adm-area .adm-txt{
	width: 60%;
}
.adm-area .adm-img{
	width: 37%;
}
.adm-area .pol-tit {
    color: #1E87B8;
    font-size: 1.8rem;
    font-weight: bold;
	margin-bottom: 1.5rem;
}

.adm-area .adm-txt .wrap{
    border-top: 1px dashed #20393d;
    border-bottom: 1px dashed #20393d;
	padding-bottom:1rem;
	margin: 1rem 0;
}
.adm-area .adm-txt .wrap ul{
	margin-left: 1.5rem;
}
.adm-area .adm-txt .wrap ul li{
	text-indent:-1.0em;
	margin-top: 1rem;
}
.adm-area .adm-txt .wrap ul li:before {
    content: "・";
	font-weight: bold;
    color: #1E87B8;
}
.adm-area .adm-txt .wrap p:last-of-type{
	margin-top: 2rem;
}

@media screen and (max-width: 750px) {
	.adm-area .adm-txt,.adm-area .adm-img{
	width: 100%;}
}



/*Admission_application*/
.app-link li {
    background-color: #1E87B8;
    width: 15.625%;
    min-width: 130px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}
.app-link li:after {
    content: "";
    display: block;
    background: url(../images/admission/application/arw.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    right: calc( 50% - 10px );
    margin: auto;
}
.app-link li a {
    padding: 3rem 0;
    display: block;
    width: 100%;
    height: 100%;
}
.app-table{
	margin-top: 2rem;
}
.adm-inner .app-table02 th{
	width: 30%;
	color: #1E87B8;
}
.adm-inner .app-table02 td{
	text-align: left;
}

.app-list{
	margin-top: 3rem;
}

.app-list li{
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
	.adm-inner .app-table02 th,.adm-inner .app-table02 td{padding: 1.5rem; text-align: left;}
	.app-link li{background: none; width: 100%;border: 1px dashed #666; margin-top: 1rem;}
	.adm-inner .page-link li a{background: none; padding:1.25rem; color:#000; text-align: left;}
	.app-link li:after {
    content: "";
    display: block;
    background: url(../images/admission/application/arw_sp.png) no-repeat center;
    background-size: 100%;
    height: 19px;
    width: 19px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1rem;
    margin: auto;
	}
}



/*Admission_consultation*/
.adm-inner .adm-txt .bnr-area{
	overflow: hidden;
}
.adm-inner .adm-txt .bnr-area li{
	float: left;
	width: 49%;
    padding: 2rem;
    margin: 2rem 0;
    border: 1px dashed #20393d;
	text-align: center;
}
.adm-inner .adm-txt .bnr-area li:last-of-type{
	float: right;
}
.adm-inner .adm-txt .bnr-area .tit{
	color: #1E87B8;
	font-weight: bold;
	font-size: 1.6rem;
}
.adm-inner .adm-txt .bnr-area li:first-of-type a{
	font-size: 2.85rem;
	font-weight: bold;
}
.adm-inner .adm-txt .bnr-area li:first-of-type .hour{
	letter-spacing: 0.1rem;
}
.adm-inner .adm-txt .bnr-area li:last-of-type a{
	width: 100%;
	line-height: 1.7rem;
	margin-top: 0.5rem;
}
.adm-inner .bus-txt{
	display: block;
	color: #1E87B8;
	font-size: 1.6rem;
}
.adm-inner .con-list{
	margin-top: 2rem;
}
.adm-inner .con-list li{
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
.adm-inner .adm-txt .bnr-area li{
	width: 100%;
	display: block;
}
.adm-inner .adm-txt .bnr-area li:first-of-type{
	margin-bottom: 0;
}
}


/*Admission_greendays*/
.adm-area .adm-txt .gre-txt{
	font-size: 2rem;
	display: block;
}

.gre_btn{
	padding: 1.5rem 3rem;
    display: block;
    color: #20393D;
	width: 48.5%;
	text-align: center;
    background: #FFF;
    border-radius: 50px;
    margin: 2rem auto 0;
    font-weight: bold;
	border: 2px solid #1E87B8;
	position: relative;
}

.gre_btn:after{
	content: "";
    display: block;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1.5rem;
    margin: auto;
    background-image: url(../images/admission/index/icon_link.png);
}

@media screen and (max-width: 750px) {
	.adm-area .adm-txt .gre-txt{font-size: 1.6rem;}
}



/*Admission_expense*/
.adm-inner .app-link02{
	-webkit-justify-content: center; /* Safari */
  justify-content:         center;
}
.app-link02 li{
	width: 30%;
}
.app-link02 li:first-of-type{
	margin-right: 1rem;
}

.adm-inner .total-area{
	margin-top: 2rem;
}

.adm-inner .total-area dl{
	width: 49%;
	text-align: center;
	padding: 2rem;
    border: 1px dashed #1E87B8;
}

.adm-inner .total-area dl dt{
	font-size: 1.8rem;
	font-weight: bold;
	color: #1E87B8;
	display: inline-block;
}
.adm-inner .total-area dl dd{
	font-size: 1.8rem;
	display: inline-block;
	margin-left: 1rem;
}

.adm-inner .exp-list{
	border:4px solid #fff;
	padding: 2rem;
	border-radius: 16px;
	margin:2rem 0;
}

.adm-inner .exp-list li{
	width: 80%;
	margin:1rem auto;
}
.adm-inner .exp-num{
    background: #20393d;
    color: #FFF;
    font-size: 1.4rem;
    border-radius: 70px;
    display: inline-block;
    line-height: 2.2rem;
    text-align: center;
    font-weight: normal;
    height: 2.2rem;
    width: 2.2rem;
	margin-right: 0.5rem;
}

.adm-inner .exp-table th{
	width: 30%;
}

.adm-inner .exp-table td{
	text-align: left;
}

.adm-inner .exp-table td dl{
	overflow: hidden;
	padding: 0.5rem 0;
	border-bottom:1px dashed #1E87B8;
}

.adm-inner .exp-table td dl:first-of-type{
	padding-top: 0;
}

.adm-inner .exp-table td dl dt{
	color: #1E87B8;
	float: left;
	width: 29%;
	clear: both;
}

.adm-inner .exp-table td dl dd{
	float: left;
	width: 71%;
	padding-left: 1rem;
}

.adm-inner .exp-table td dl dd .att-txt{
	margin-top: 0;
}

.adm-inner .exp-table td ul.mt-0 li:first-child{
	margin-top: 0;
}

.adm-inner .exp-table td ul.mt-0 li:nth-child( n + 2 ){
	margin-top: 0.5rem;
}

.adm-inner .scholarship-wrap{
	padding: 2rem;
    border: 1px dashed #1E87B8;
	margin-top: 2rem;
}

.adm-inner .scholarship-tit{
	text-align: center;
	font-size: 1.75rem;
}

.adm-inner .scholarship-tit span{
background: linear-gradient(transparent 60%, rgba(30, 135, 184, 0.5) 50%);
}

.adm-inner .scholarship-list{
	text-align: center;
    padding: 1.5rem 0;
	border-bottom: 1px dashed #1E87B8;
}
.adm-inner .scholarship-list li{
	display: inline-block;
	margin-right: 1rem;
}

.adm-inner .scholarship-list li:before {
    content: "●";
    color: #1E87B8;
	padding-right: 0.25rem;
}

.adm-inner .scholarship-chart{
	overflow: hidden;
	margin-top: 2rem;
}

.adm-inner .scholarship-chart dl{
	background: #fff;
	padding: 2rem 0.5rem 2rem 2rem;
	float: left;
	width: 16%;
	margin-right: 4%;
	position: relative;
	height: 180px;
}

.adm-inner .scholarship-chart dl :after{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border-left: 30px solid #FFF;
	border-top: 90px solid transparent;
	border-bottom: 90px solid transparent;
	border-left-color:#FFF;
	top:0;
	left:100%;
}

.adm-inner .scholarship-chart dl:last-child{
	padding: 2rem;
	margin-right: 0;
	width: 20%;
}

.adm-inner .scholarship-chart dl:last-child :after{
	border:none;
}

.adm-inner .scholarship-chart dt .exp-num{
	background: #1E87B8;
	font-size: 1.6rem;
}
.adm-inner .scholarship-chart dt p{
	display: inline;
	font-size: 1.75rem;
}

.adm-inner .scholarship-chart dd{
	margin-top: 0.75rem;
}

.adm-inner .exp-table td p.b-txt{
	color: #1E87B8;
}

.adm-inner .loan-wrap dl{
	width: 49%;
	text-align: center;
	padding: 2rem;
    border: 1px dashed #1E87B8;
}

.adm-inner .loan-wrap dl dt{
	font-size: 1.8rem;
    font-weight: bold;
    color: #1E87B8;
    display: inline-block;
}

.loan-wrap dd p{
	margin-bottom: 1rem;
}

.loan-wrap dd a img{
	max-width: 100%;
	width: inherit;
	height: auto;
}


@media screen and (max-width: 750px) {
	.adm-inner .exp-table th, .adm-inner .exp-table td{
		display: block;
		width: 100%;
	}
	.adm-inner .exp-table th{
		border-bottom: none;
	}
	.adm-inner .scholarship-list li{
		text-align: left;
		display: block;

	}
	.adm-inner .scholarship-chart dl{
		width: 100%;
		height: auto;
		padding: 2rem;
	}
	.adm-inner .scholarship-chart dl:nth-child( n + 2 ){
		margin-top: 1rem;
	}
	.adm-inner .scholarship-chart dl:last-child{
		width: 100%;
		height: auto;
	}
}

/*News_detail*/
.list-wrap .date-area{
	text-align: center;
}
.list-wrap .date-area .date{
	color: #666666;
	font-size: 1.4rem;
	margin-left: 0.8rem;
}
.list-wrap h2{
	margin-top: 1rem;
}
.list-wrap ul{
	margin-top: 1.4rem;
}
.list-wrap .btn-wrap{
	text-align: center;
	margin-top: 3rem;
}
.list-wrap .back-btn{
	background: #1E393D;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding:0.8rem 3rem;
	border-radius: 50px;
	position: relative;
}
.list-wrap .back-btn:before {
    content: "";
    display: block;
    background: url(../images/news/arw04.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 0.8rem;
}
.list-wrap .img06{
	position: absolute;
	left: 82px;
    top: -53px;
}
.list-wrap .img07{
	position: absolute;
	right: -43px;
    bottom: 57px;
}
.list-wrap .img08{
	position: absolute;
	 left: -53px;
    bottom: -49px;
}
ul.news-detail {
	overflow: hidden;
}
ul.news-detail li {width: 32%; margin-top: 2rem; float: left;}
ul.news-detail li:nth-child( 3n - 1 ) {margin-right:2%; margin-left: 2%;}
ul.news-detail li p{text-align: center;}
ul.news-detail li .i_thumb{display: block;   width:100%; height: 160px; background-size: contain; background-position: center center; border-radius: 10px;}
ul.news-detail li:hover{opacity: 0.7;}

@media screen and (max-width: 750px) {
	.list-wrap ul li{
		width: 100%;
	}
	.list-wrap ul li:nth-child( n + 2 ){
		margin-top: 1rem;
	}
	.app-link02 li{width: 100%;}
	.adm-inner .total-area dl,.adm-inner .loan-wrap dl{
		width: 100%;
	}
	.adm-inner .total-area dl:last-of-type , .adm-inner .loan-wrap dl:last-of-type{
		margin-top: 1rem;
	}
	.adm-inner .exp-list li{
		width: 100%;
	}
	ul.news-detail li {width: 48.5%; margin-top: 2rem; float: left;}
	ul.news-detail li:nth-child( 3n - 1 ) {margin:2rem 0 0 0 ;}
	ul.news-detail li:nth-child( 2n ) {margin:2rem 0 0 3%;}
	ul.news-detail li .i_thumb{display: block;   width:100%; height: 120px;}
}


/*Blog_index*/
main .blog-tit h1.title-l span{
	background: linear-gradient(transparent 50%, rgba(30, 135, 184, 0.5) 50%)
}
.blog-inner .arc-list li{
	border: 3px solid #1E87B8;
}
.blog-inner .arc-list li.current{
	background: #1E87B8;
}
.blog-inner .arc-list li:before {
    content: "";
    display: block;
    background: url(../images/news/arw05.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 0.8rem;
}
.blog-inner .arc-list li.current:before {
    content: "";
    display: block;
    background: url(../images/news/arw04.png) no-repeat center;
    background-size: 100%;
    height: 16px;
	width: 16px;
    position: absolute;
    bottom: calc( 50% - 8px );
	right: 0.8rem;
}

/*Access*/
.acc-area .acc-txt{
	width: 60%;
}
.acc-area .acc-img{
	width: 37%;
}
.acc-area .acc-txt .acc-tit{
	color: #8FC428;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.map-area .map-img{
	width: 40%;
}

.map-area .map-txt{
	width: 57%;
}

.map-image{width: 100%; margin:0 auto; display: block;}
.map-image .i_thumb{display: block;   width:100%; height: 400px; background-size: cover; background-position: center center; border-radius:10px;}
.map-image:hover{opacity: 0.7;}

.acc-list{margin-top: 2rem;}

.acc-list li {
    margin: 0 auto;
	width: 100%;
}

.acc-table th{
	width: 60%;
}

.acc-table td:nth-child( odd ){
	text-align: left;
}

@media screen and (max-width: 750px) {
	.map-area .map-img,.map-area .map-txt{width:100%;}
	.map-area .map-txt{margin-top:2rem;}
	.acc-area .acc-txt{
	width: 100%;
}
.acc-area .acc-img{
	width: 100%;
}
}





/*Student_report*/
.sub-visual02 h1 span.rep-txt01{
	font-size: 2.6rem;
}
.sub-visual02 h1 span.rep-txt02{
	margin-top: 1.5rem;
	margin-bottom: 0;
	font-size: 1.8rem;
}


@media screen and (max-width: 750px) {
	main .sub-visual02 h1 span.rep-txt01{
		font-size: 1.6rem;
		line-height: 1!important;
	}
	.sub-visual02 h1 span.rep-txt02{
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 1rem;
	}
}


/*Alumni_certificate*/
.inner02 .ulBox01{
	margin-left: 2.5rem;
}
.olBox01 {
    margin-left: 2rem;
}
ol.olBox01 li {
    margin-top: 1rem;
    list-style-type: decimal;
}

.contact-area{
	border:4px solid #20393D;
	background: #fff;
	border-radius: 16px;
	padding: 2rem;
	margin-top: 2rem;
	text-align: center;
}
.contact-area .tit {
	text-align: center;
}
.contact-area .tit span{
	font-size: 2rem;
    font-weight: bold;
    background: linear-gradient(transparent 50%, rgba(138, 186, 48, 0.5) 50%);
}
.contact-area .head{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1rem;
}
.contact-area .head span{
	font-size: 1.4rem;
}
.contact-area ul li{
	display: inline-block;
}
.contact-area .hour{
	border-top:1px dashed #20393d;
	margin-top: 1rem;
	padding-top: 1rem;
}
.contact-area .hour span{
	color: #8FC428;
	margin-right: 0.75rem;
}
.cer-table tr td:first-child{
	text-align: left;
}
.cer-list p{
	text-align: left;
}
.cer-list p.tit{
	text-align: center;
}
.cer-list ul li{
	width: 100%;
}
.cer-list .defTable01 {
	margin-top: 2rem;
}
.cer-list .defTable01 tr th,
.cer-list .defTable01 tr td{
	padding: 1rem;
}
.cer-list .defTable01 tr th{
	border-top: 1px solid #356031;
}
.cer-list .defTable01 tr td{
	border-top: 1px solid #ccc;
}

.cer-list .defTable01 tr td ul{
	margin-top: 0;
}
.cer-list .defTable01 tr td ul li{
	margin-top: 0;
	margin-bottom: 0;
}
.cer-list .defTable01 tr td ul li:nth-child( n + 2 ){
	margin-top: 1rem;
}
.cer-list .att-txt{
	margin-top: 1rem;
}
.cer-list .mt-0{
	margin-top: 0;
}
.cer-btn{
	background: #FFF;
    border-radius: 50px;
    margin-top: 1.4rem;
    font-weight: bold;
    position: relative;
    text-align: center;
    border: 2px solid #8FC428;
	padding: 1.5rem 3rem;
    display: block;
	width: 50%;
}
.cer-btn:after{
    content: "";
    display: block;
    background: url(../images/about/index/icon_link.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: calc( 50% - 10px );
    right: 1.5rem;
    margin: auto;
}

@media screen and (max-width: 750px) {
	.contact-area .hour{
		text-align: left;
	}
	.contact-area .hour span{
		display: block;
	}
	.cer-table tr th,
	.cer-table tr td{
		padding: 1rem 0.25rem;
    	font-size: 1.2rem;
	}
	.cer-table tr .vertical{
		width: 2rem;
		padding: 1rem;
	}
	.cer-list .defTable01 tr th,
	.cer-list .defTable01 tr td{
		display: block;
		width: 100%;
	}
	.cer-btn{
		width: 100%;
	}
}

/*Alumni_center*/
.inner02 .cen-table{
	margin-top: 2rem;
}
.inner02 .cen-table th,
.inner02 .cen-table td{
	text-align: left;
}

@media screen and (max-width: 750px) {
	.inner02 .cen-table th,
	.inner02 .cen-table td{
		display: block;
		width: 100%;
		border-color:#8fc427;
	}
	.inner02 .cen-table th{
		border-bottom: none;
	}
}


/*Extension_index*/
.cou_table tr:first-child th:nth-child(2),
.cou_table tr td:nth-child(2){
	width: 40%;
}
.cou_table tr td:nth-child(2){
	text-align: left;
}
.cou_table tr td:nth-child(2) b{
	font-size: 1.6rem;
}
.contact-area ul li:first-of-type{
	display: block;
}
.contact-area ul li.mail{
	display: block;
}
.contact-area ul li:last-of-type{
	margin-left: 1rem;
}
.cou_table tr td .pdf_link{
	text-decoration: underline;
	display: inline-block;
	margin-top: 1rem;
}
.cou_table tr td .small-txt{
	font-size: 1.2rem;
	display: inline-block;
	margin-top: 1rem;
}

@media screen and (max-width: 750px) {
	.cou_table tr th{border-bottom:0;}
	.cou_table tr th,
	.cou_table tr td{
		padding: 1rem 0.25rem;
		font-size: 1rem;
	}
	.cou_table tr td:nth-child(2) b{
		font-size: 1.2rem;
	}
	.cou_table tr td .small-txt{
		font-size: 0.9rem;
	}
}


/*Library*/

ul.lib-img {
	margin-top: 1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.lib-img li { margin-top: 1rem; width: 49%;}
ul.lib-img li .i_thumb{display: block;   width:100%; height: 240px; background-size: cover; background-position: center center; margin-top: 1rem; border-radius: 10px;}
ul.lib-img li:hover{opacity: 0.7;}

.lib-table{
	margin-top: 2rem;
}

.lib-table th{
	width: 30%;
}
.lib-table td{
	text-align: left;
}
.inner02 .lib-table td dl{
	overflow: hidden;
	padding: 0.5rem 0;
	border-bottom:1px dashed #8fc427;
}
.inner02 .lib-table td dl:first-of-type{
	padding-top: 0;
}
.inner02 .lib-table td dl dt{
	color: #8fc427;
	float: left;
	width: 29%;
	clear: both;
}
.inner02 .lib-table td dl dd{
	float: left;
	width: 71%;
	padding-left: 1rem;
}
.inner02 .lib-table ul.ulBox01 li{
	margin-top: 0.5rem;
}

.inner02 .lib-area .lib-img{
	width: 46%;
}

.inner02 .lib-area .lib-txt{
	width: 51%;
}

@media screen and (max-width: 750px) {
	.sub-visual02 h1 span.lib-txt{font-size: 1.5rem; line-height: 1rem;}
	ul.lib-img li .i_thumb{
		height: 160px;
    	height: 26vw;
	}
	ul.lib-img li {
		margin-top: 0;
	}
	.inner02 .lib-area .lib-img,.inner02 .lib-area .lib-txt{width: 100%;}
	.inner02 .lib-area .lib-txt{margin-top: 2rem;}
	.lib-table th,.lib-table td{display: block; width: 100%;}
	.lib-table th{border-bottom:none;}
	.lib-txt .defTable02 th,.lib-txt .defTable02 td{display: block; width: 100%;}
	.lib-txt .defTable02 th{border-bottom:none;}
}


/*Contact*/
.contact-wrap p.tit{
	font-size: 2rem;
	text-align: center;
	margin: 1.5rem auto 1rem;;
}

.contact-wrap ul li{
	display: inline-block;
	margin: 0 4rem 1rem 0;
}

.contact-wrap ul li:last-child{
	margin-bottom: 0;
}

.contact-wrap ul li a{
	text-decoration: underline;
	margin-left: 0.5rem;
}

@media screen and (max-width: 750px) {
	.contact-wrap .defTable01 th{
		width: 36%;
	}
	.contact-wrap .defTable01 tr .break{
		display: none;
	}
	.contact-wrap ul li{
		margin-right: 0;
	}
	.contact-wrap ul li a{
		margin-left: 0;
	}
}


/*center*/
.centerBox{
	border: 1px solid #20393d;
    padding: 2rem;
    margin: 1rem 0;
}
.centerBox p{
	border-top: 1px dashed #20393d;
    margin-top: 1rem;
    padding-top: 1rem;
}
.centerBox ul li{
	display: inline-block;
	margin-right: 1.5rem;
}
.btn-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}
.btn-list .btn-list__item {
  flex: 0 0 19.5%;
  max-width: 19.5%;
  text-align: center;
}
.btn-list .btn-list__item .link {
  position: relative;
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-radius: 50px;
  font-size: 1.6rem;
  text-decoration: none !important;
  background: #fff;
}
.btn-list .btn-list__item .link::after {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
.btn-list .btn-list__item .link.anchor::after {
  margin-top: -0.1em;
  transform: translateY(-50%) rotate(135deg);
}
@media screen and (max-width: 750px) {
  .btn-list .btn-list__item {
    flex: 0 0 49.5%;
    max-width: 49.5%;
  }
  .btn-list .btn-list__item:nth-child(n+3) {
    margin-top: 5px;
  }
  .btn-list .btn-list__item .link {
    font-size: 1.4rem;
  }
}
@media (max-width: 575.98px) {
  .btn-list .btn-list__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .btn-list .btn-list__item:nth-child(n+2) {
    margin-top: 5px;
  }
}

/*========================================================
	Utility
========================================================*/


@media screen and (min-width: 749px) {
  .u-sp {
    display: none !important;
  }

  .u-pc {
    display: block !important;
  }
}
@media screen and (max-width: 750px) {
  .u-sp {
    display: block !important;
	  margin-bottom: 10px;
  }

  .u-pc {
    display: none !important;
  }
}
.col1{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    column-gap: 2rem;
    margin-top: 3rem;
}
.open-box .month,.open-box .date01,.open-box .date02{
	color: #1E87B8;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: bold;
}
.open-box .month{
	vertical-align: super;
	font-size: 120%;
}
.open-box .date01{
	font-size: 200%;
}
.open-box .date02{
	font-size: 80%;
}
.padR20{
	padding-right: 20px;
}
.txt_blue span{
	color: #1E87B8;
	font-weight: bold;
}
.ft90{
	font-size: 90% !important;
}
video{
	width: 100%;
}
.page-list .w100{
	width: 100%;
}
.inline{
	display: inline!important;
}
.link{
	text-decoration: underline !important;
}
.padB0{
	padding-bottom: 0 !important;
}
.link02{
	text-align: center;
	font-weight: bold;
	color: #20393D;
}
.chart dd, .chart dt{
	display: block !important;
}
.chart:first-child{
	position: relative;
}
.chart:first-child:after{
	content:"+";
	     font-size: 260%;
    right: -24px;
    bottom: 29px;
	position: absolute;
}
@media screen and (max-width: 750px) {
	.chart:first-child:after{
    content:"+";
    font-size: 400%;
    right: 46%;
    bottom: -42%;
    position: none;
  }
}
.mb30{
	margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .mb30{
    margin-bottom: 0px;
  }
}
