@charset "UTF-8";
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

h1,
h2,
h3 {
  font-weight: 600;
  margin-bottom: 1em; }

h1,
h2 {
  text-align: center; }

h1 {
  font-size: 58px;
  font-weight: 900; }


  @media (max-width: 768px) {
    h1 {
      font-size: 40.6px; } }

h1 img {
    margin: 0 auto;
    max-width: 430px!important; }
h1 small { font-size: 45%; color: #000; }

h2,
h3 {
  line-height: 1.6;
  font-size: 22px; }
  @media (max-width: 768px) {
    h2,
    h3 {
      font-size: 19px; } }

.slick-list {
  border: 0;
  border-radius: 0; }

.slick-prev,
.slick-next {
  z-index: 1;
  width: 60px;
  height: 60px; }
  @media (min-width: 768px) {
    .slick-prev,
    .slick-next {
      width: 90px;
      height: 90px; } }

.slick-prev,
.slick-prev:hover {
  background-image: url(/lp/specialist/img/ico_previous.svg);
  background-position: 50% 50%;
  background-size: cover;
  left: 8px; }
  @media (min-width: 768px) {
    .slick-prev,
    .slick-prev:hover {
      left: 50%;
      -webkit-transform: translateX(-350px);
      transform: translateX(-350px); } }
  .slick-prev::before,
  .slick-prev:hover::before {
    border-right: 0; }

.slick-next,
.slick-next:hover {
  background-image: url(/lp/specialist/img/ico_next.svg);
  background-position: 50% 50%;
  background-size: cover;
  right: 8px; }
  @media (min-width: 768px) {
    .slick-next,
    .slick-next:hover {
      right: 50%;
      -webkit-transform: translateX(350px);
      transform: translateX(350px); } }
  .slick-next::before,
  .slick-next:hover::before {
    border-left: 0; }

body {
  font-size: 16px;
  line-height: 1.8;
  color: #000; }

footer {
  font-size: 14px;
  line-height: 1.4; }
  footer .logo img {
    width: 100%; }

.red {
  color: #e4007f; }
.yellow {
  color: #fff100; }

.container {
  max-width: 900px; }
  @media (max-width: 768px) {
    .container {
      max-width: 768px; } }

.zoomline{
  margin:0 auto;
  width: 800px;
}

.button {
  color: #000;
  text-align: center;
  font-weight: 600;
  margin: 3em 0 3em;
  }
  .button a {
    background-color: #fff100;
    border: 1px solid;
    color: #000;
    display: inline-block;
    padding: 0.5em 4em;
    font-size: 1.5em;
    text-decoration: none;
    position: relative; }
    @media (max-width: 767px) {
      .button a {
        padding: 1em 1em;
        font-size: 1em; } }
    .button a::after {
      content: url(/lp/specialist/img/ico_button_hand.png);
      display: inline-block;
      font-size: 50px;
      line-height: 1;
      position: absolute;
      bottom: -130%;
      left: 50%;
      z-index: 1; }
      @media (min-width: 768px) {
        .button a::after {
          right: 0%;
          -webkit-transform: translateX(50%);
          transform: translateX(50%); } }
    .button a::before {
      content: "";
      position: absolute;
      bottom: -21px;
      left: -1px;
      width: calc(100% + 2px);
      height: 0;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      border: solid 10px transparent;
      border-bottom-color: #000;
      /*ボタン色より明るめの色に*/ }
  .button.sp a {
    background-color: yellow; }
    .button.sp a::after {
      content: url(/lp/specialist/img/ico_button_arrow.png); }

.intro {
  position: relative; }
.intro h1 img {
    max-width: initial!important; }
  .intro .logo {
    position: absolute;
    top: 3%;
    right: 5%;
    z-index: 1; }
  .intro .slider .slide-item {
    position: relative; }
    .intro .slider .slide-item h1 {
      position: absolute;
      top: 45%;
      left: 50%;
		width:500px;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      line-height: 1;
      max-width: 100%; }
      @media (max-width: 500px) {
        .intro .slider .slide-item h1 {
          width: 100%;
          } }
    .intro .slider .slide-item img {
      margin: 0 auto;
      width: 100%; }
  .intro .button {
    margin-top: -2em; }

.whats {
  padding: 80px 0 80px 0;
  }
  .whats .list-whats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    .whats .list-whats figcaption {
      font-size: 20px;
      margin: 0 0 1em 0;
      }
    @media (max-width: 767px) {
      .whats .list-whats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .whats .list-whats li {
          width: 50%; } }
  .whats .para {
    margin-top: 2em; }
    @media (min-width: 768px) {
      .whats .para {
        margin-top: 4em;
        margin-bottom: 5em;
        } }

.point {
  background-color: #009ee7;
  background-image: url("/lp/specialist/img/bg_point@1.5x.jpg");
  background-size: cover;
  background-position: 50% bottom;
  min-height: 650px;
  color: #FFF;
  padding: 3em 0; }
  .point .list-num {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start; }
    .point .list-num h2 {
      border: 1px solid;
      padding: .2em 0; }
    .point .list-num li {
      width: 240px;
      margin: 0 .5em; }
      .point .list-num li h2 {
        font-weight: 500; }
      .point .list-num li .num {
        font-weight: 800;
        font-size: 76px;
        font-style: italic;
        line-height: 1;
        margin: .2em 0; }
        .point .list-num li .num small {
          font-size: 40px; }
      .point .list-num li p {
        font-size: 15px;
        line-height: 1.6; }
    @media (max-width: 768px) {
      .point .list-num {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .point .list-num li {
          width: 45%; }
          .point .list-num li h2 {
            font-size: 18px; }
          .point .list-num li .num {
            font-size: 53.2px; }
            .point .list-num li .num small {
              font-size: 28px; }
          .point .list-num li p {
            font-size: 13px; } }

.opencampus {
  padding: 48px 0 0 0;
  }
  .opencampus .container {
    max-width: 100%; }
  .opencampus p {
    max-width: 750px;
    width: 90%;
    margin: 4em auto; }
  .opencampus .grid {
  	padding-top: 2em;
    display: -ms-grid;
    display: grid;
    grid-gap: 8px; }
    @media (min-width: 768px) {
      .opencampus .grid {
        -ms-grid-rows: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 279px 279px;
        grid-template-columns: 1fr 279px 279px; } }
  @media (max-width: 767px) {
    .opencampus .item-grid1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-column: 1 / 4;
      text-align: center; margin: 0 auto; }
      .opencampus p {
    margin: 2em auto;} }
  @media (min-width: 768px) {
    .opencampus .item-grid1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      grid-row: 1 / 4;
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end; } }
  .opencampus .item-grid2 {
    margin-bottom: 0; }
    @media (max-width: 767px) {
       }

.tokuten {
  background-color: #e5ebed;
  padding: 3em 0; }
  .tokuten .list-tokuten {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
    .tokuten .list-tokuten li {
      width: 390px;
      padding: 10px 10px; }
    .tokuten .list-tokuten li figure {
    	display: flex;
    	max-width: 70px;
    	max-height: 70px;
    	height: 70px;
    	margin: 0 auto 2em;
    }
      .tokuten .list-tokuten li:not(:last-child) {
        border-right: 3px solid #fff;
        padding-bottom: 2em; }

    @media (min-width: 1600px) {
    	.tokuten {
    		max-width: 1200px;
    		margin: 0 auto;
    		}
    	}

        @media (max-width: 768px) {
          .tokuten .list-tokuten li:not(:last-child) {
            border-bottom: 3px solid #fff;
            border-right: 0; } }
    @media (max-width: 768px) {
      .tokuten .list-tokuten {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .tokuten .list-tokuten li {
          width: 100%; } }
  .tokuten h3 {
    font-size: 24px;
    color: #000;
    text-align: center; }
    @media (min-width: 769px) {
      .tokuten h3 {
        min-height: 3em; } }
  .tokuten figure {
    margin: 20px 0;
    text-align: center; }
    .tokuten figure img {
      display: inline-block; }
  .tokuten p {
    font-size: 18px;
    margin: 0 1.5em; }

.course {
  padding: 3em 0; }
  
  .course .item-course li {
  	padding: 2em 0;
  	max-width: 750px;
  	margin: 0 auto;
  }
  .course .item-course .ico {
  	display: flex;
  	align-items: center;
  	margin-bottom: 1.5em;
  }
  .course .item-course .ico img {
  	flex-basis: 90px;
  }
  .course .item-course .ico figcaption {
  	margin-left: 1em;
  	line-height: 1.5;
  }
  .course .item-course .ico figcaption span {
  	font-size: 1.8em; font-weight: 300;
  }
  .course .item-course .ico figcaption strong {
  	font-size: 2em;
  }
  
  @media (max-width: 767px) {
  .course .item-course li {
  	padding: 2em 0 0;
  }
  .course .item-course .ico img {
  	flex-basis: 60px;
  	width: 60px;
  }
  .course .item-course .ico figcaption span {
  	font-size: 1.25em;
  }
  .course .item-course .ico figcaption strong {
  	font-size: 1.5em;
  }
  }


  .course .grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr ;
    grid-template-rows: 1fr ;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    margin: 2em auto; }
    @media (min-width: 768px) {
      .course .course01 .grid {
       -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        -ms-grid-columns: 433px 1fr;
        grid-template-columns: 433px 1fr; }
      .course .course02 .grid,
      .course .course03 .grid {
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        -ms-grid-columns: 482px 1fr;
        grid-template-columns: 482px 1fr; }
       }
  @media (max-width: 767px) {
    .course .item-grid1 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 /  -1; }
  }
  @media (min-width: 768px) {
    .course .item-grid1 {
      grid-row: 1 / 3;
      grid-column: 1 / 2;
     } }
    @media (max-width: 767px) {
  .course .grid figure img {
  	width: 100%;
  	}
     }

.course .op-flow-ttl {
	text-align: center;
	margin: 0 auto;
	padding: 0.25em 0;
	background: #000;
	color: #fff; font-size: 2em;
	font-weight: 600;
}
.course .op-flow-time {
	text-align: center;
	margin: 2em auto;
	letter-spacing: 0.1em;
}
.course .op-flow-time span {
	padding: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
}
.course .op-flow-time strong {
	font-weight: 600;
}

    @media (max-width: 767px) {
  .course .op-flow-ttl {
  	font-size: 1.5em;
  	}
.course .op-flow-time span {
	padding: 0;
	display: block;
}
    }

  .course .list-op {
    text-align: center;
    padding: 0;
    margin: 0;
    position: relative!important;
    }

ol.list-op.carousel.slick-initialized.slick-slider {}
    .course .list-op li {
      width: 600px;
      margin: 0 25px;
      padding: 0 34px;
      border: 1px solid #000;
      position: relative;
      outline:none; }
    .course .list-op .num {
      position: absolute; right:0; top:0; }

    .course .list-op .list-op-info {
    	padding: 34px 0;
    	display: flex;
    	}
    .course .list-op .list-op-info .time {
    	flex-basis: 80px;
    	}

    @media (max-width: 767px) {
    .course .list-op .num img {
      width: 30px; }
    .course .list-op .list-op-info {
    	padding: 16px 0;
    	display: block;
    	}
    .course .list-op .list-op-info .time {
    	}
    .course .list-op .list-op-info .time img {
    	text-align: center;
    	margin: 0 auto 10px;
    	width: 60px;
    	}
    }
    .course .list-op .list-op-info dl {
    	text-align: left;
    	margin: 10px 0 0 20px;
    	font-size: 1.1em;
    	font-weight: 500;
    	}
    .course .list-op .list-op-info dt {
    	display: inline-block;
    	padding: 0.25em 1em;
    	background: #000;
    	color: #fff;
    	margin-bottom: 0.75em;
    	}
    @media (max-width: 767px) {
    .course .list-op .list-op-info dl {
    	margin: 0 0 0 10px;
    	}
    .course .list-op .list-op-info dt {
    	display: block;
    	text-align: center;
    	margin-bottom: 0.5em;
    	}
    }
      .course .list-op li .images {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1em; }
        .course .list-course li .images figure {
          margin: 6px; }
      .course .list-op li p {
        text-align: left;
        min-height: 5.5em; }
      @media (max-width: 600px) {
        .course .list-op li {
          width: 310px;
          min-height: 550px;
          margin: 0 8px;
          padding: 0 10px; }
        .course .list-op .slick-dots li {
        	min-height: initial;
        }
          .course .list-op li .images figure {
            margin: 2px;
            width: 90%; } }

      .course .list-op .slick-arrow {
      	max-width: 750px;
      	margin: 0 auto;
      	background: red;
      } 
      .course .list-op .prev {
      	height: 84px;
      	width: 84px;
      	position: absolute;
      	top: 50%;
      	z-index: 100;
      	left: 50%;
      	transform: translate3d(-370px, -84px, 0);
      } 
      .course .list-op .next {
		  height: 84px;
		  width: 84px;
		  position: absolute;
		  top: 50%;
		  z-index: 100;
		  left: 50%;
		  transform: translate3d(280px, -84px, 0);
      }

      .course .list-op .slick-dots {
      	text-align: center;
      	margin: 30px auto 0 auto;
      	justify-content: center;
      }
      .course .list-op .slick-dots li {
      	display: inline-block;
      	border: none;
      	width: auto;
      	padding: 0;
      	margin: 0 8px;
      }
      
      .course .list-op .slick-dots button {
      	text-indent: -9999px;
      	border: none;
      	background: none;
      	position: relative;
      	outline:none;
      }
      .course .list-op .slick-dots button::before {
      	content: "";
      	position: absolute; left: 0; top: 0;
      	display: block;
      	width: 16px; height: 16px;
      	background-color: #ccc;
      	border-radius: 100%;
      }
      .course .list-op .slick-dots .slick-active button::before {
      	background-color: #000;
      }



.schedule {
  padding: 80px 0 40px 0;
  }
  .schedule .tbl-schedule {
    margin-bottom: 1em;
    }
  .schedule figure {
    padding: 1em 0;
    margin: 0 auto; }
  .schedule figure img {
    margin: 0 auto; }

.special {
  padding: 3em 0;
  color: #FFF;
  background-color: #009ee7; }
  .special h1 {
    margin-bottom: 0; }
  .special .grid {
    max-width: 800px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='4' viewBox='0 0 2 4'%3E%3Crect width='2' height='4' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-y;
    background-position: 20px 0;
    grid-gap: 14px; }
    .special .grid.am {
      -ms-grid-columns: 40px 1fr  1fr 1fr;
      grid-template-columns: 40px 1fr  1fr 1fr; }
    .special .grid.pm {
      -ms-grid-columns: 40px 1fr 1fr 1fr;
      grid-template-columns: 40px 1fr 1fr 1fr; }
    .special .grid .bu {
      font-size: 18px;
      background-color: #FFF;
      color: #009ee7;
      text-align: center;
      border-radius: 5px;
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1/5; }
    .special .grid .ttl {
      font-size: 1.5em;
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
    .special .grid .cap {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
    .special .grid .pic {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4; }
    .special .grid .ico {
      -ms-grid-column: 4;
      grid-column: 4;
      text-align: center;
      line-height: 1.4; }
      .special .grid .ico img {
        margin: 0 auto 1em auto; }
    .special .grid .info {
      background-color: #fff597;
      color: #009ee7;
      text-align: center;
      padding: .5em;
      border-radius: 5px; }
    .special .grid .col1 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
      .special .grid .col1 img {
        margin-bottom: .5em; }
    .special .grid .col2 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
      .special .grid .col2 img {
        margin-bottom: .5em; }
    .special .grid .col3 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
      .special .grid .col3 img {
        margin-bottom: .5em; }
    .special .grid .natsu {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
    .special .grid p {
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5; }
    .special .grid hr {
      border-top: 1px dashed rgba(255, 255, 255, 0.4);
      -ms-grid-column: 2;
      -ms-grid-column-span: 3;
      grid-column: 2/5;
      margin: 0 0;
      width: 100%; }
      .special .grid hr.hr1 {
        -ms-grid-row: 6;
        grid-row: 6; }
      .special .grid hr.hr2 {
        -ms-grid-row: 9;
        grid-row: 9; }
    .special .grid dl {
      margin-bottom: 0; }
      .special .grid dl dt {
        font-weight: 400;
        padding-top: .8em;
        border-top: 1px dashed rgba(255, 255, 255, 0.4); }
      .special .grid dl dd {
        margin-bottom: 1em;
        padding-top: .8em; }
    .special .grid figure {
      overflow: hidden; }
    @media (max-width: 767px) {
      .special .grid p {
        margin-bottom: 0; }
      .special .grid .natsu {
        display: -ms-grid;
        display: grid; }
        .special .grid .natsu dl {
          -ms-flex-order: 2;
          order: 2;
          margin-top: 1em; }
        .special .grid .natsu figure {
          -ms-flex-order: 1;
          order: 1; } }
    @media (min-width: 768px) {
      .special .grid {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect width='4' height='4' fill='%23fff'/%3E%3C/svg%3E%0A");
        background-position: 50px 0;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        grid-gap: 20px; }
        .special .grid.am {
          -ms-grid-columns: 98px 178px 80px 1fr;
          grid-template-columns: 98px 178px 80px 1fr; }
        .special .grid.pm {
          -ms-grid-columns: 98px 1fr 1fr 1fr;
          grid-template-columns: 98px 1fr 1fr 1fr; }
        .special .grid .bu {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 1;
          grid-column: 1; }
        .special .grid .ttl {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 2;
          grid-column: 2; }
        .special .grid .cap {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 3;
          -ms-grid-column-span: 2;
          grid-column: 3/5;
          line-height: 1.3; }
        .special .grid .pic {
          -ms-grid-column: 2;
          grid-column: 2; }
        .special .grid .ico {
          -ms-grid-column: 3;
          grid-column: 3; }
        .special .grid p {
          -ms-grid-column: 4;
          grid-column: 4;
          font-size: 14px;
          line-height: 1.6;
          margin-bottom: 0; }
        .special .grid hr {
          -ms-grid-column: 2;
          -ms-grid-column-span: 3;
          grid-column: 2/5; }
          .special .grid hr.hr1 {
            -ms-grid-row: 3;
            grid-row: 3; }
          .special .grid hr.hr2 {
            -ms-grid-row: 5;
            grid-row: 5; }
        .special .grid .info {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 2;
          -ms-grid-column-span: 3;
          grid-column: 2/5; }
        .special .grid .col1 {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 2;
          grid-column: 2;
          -ms-flex-item-align: start;
          -ms-grid-row-align: start;
          align-self: start; }
        .special .grid .col2 {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 3;
          grid-column: 3;
          -ms-flex-item-align: start;
          -ms-grid-row-align: start;
          align-self: start; }
        .special .grid .col3 {
          -ms-grid-row: 3;
          grid-row: 3;
          -ms-grid-column: 4;
          grid-column: 4;
          -ms-flex-item-align: start;
          -ms-grid-row-align: start;
          align-self: start; }
        .special .grid .natsu {
          -ms-grid-row: 4;
          grid-row: 4;
          -ms-grid-column: 2;
          -ms-grid-column-span: 3;
          grid-column: 2/5;
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          grid-gap: 16px;
          -ms-flex-align: center;
          align-items: center;
          margin-top: 1em; }
        .special .grid dl dd {
          font-size: 14px; } }
  .special .town {
    height: 70px;
    background-color: #009ee7;
    background-image: url("/lp/specialist/img/img_town.svg");
    background-position: 50% 6px;
    background-repeat: repeat-x; }
  .special .bg-white {
    background-color: #FFF;
    color: #000;
    padding: 2em 0; }
    .special .bg-white h2 {
      font-size: 24px; }
    .special .bg-white .free-dial {
      text-align: center;
      margin-top: 2em; }
      .special .bg-white .free-dial img {
        margin: 0 auto; }
        @media (max-width: 600px) {
          .special .bg-white .free-dial img {
            max-width: 90%; } }

.ao {
  padding: 3em 0 150px 0;
  }
.ao p {
  margin: 2em auto 3em;
  }
.ao p.text-right {
  margin: 1em auto 4em; }
  .ao .fukidashi {
    text-align: center;
    margin: 0 auto 30px auto;
    }
    .ao .fukidashi > span {
      font-weight: 600;
      background-color: #000;
      color: #FFF;
      font-size: 22px;
    width: 100%;
      line-height: 1.3;
      text-align: center;
      padding: .8em;
      display: inline-block;
      margin: 0 auto 10px;
      border-radius: 10px;
      position: relative; }
      .ao .fukidashi > span::after {
        position: absolute;
        bottom: -22px;
        left: 50%;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='25.485'%3E%3E%3Cpath d='M0 0 L15 25.485 30 0H4z'/%3E%3C/svg%3E");
        background-position: 50% bottom;
        background-repeat: no-repeat;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 60px;
        height: 22px;
        z-index: 1; }
  .ao .dl-ao {
    margin: 0;
    background-color: #000;
    color: #FFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 1600px) {
    	.ao .dl-ao {
    		max-width: 1200px;
    		margin: 0 auto;
    		}
    	}
    @media (max-width: 767px) {
      .ao .dl-ao {
        display: block; } }
    .ao .dl-ao.bg-gray {
      background-color: #4d4d4d; }
    .ao .dl-ao.item1 {
      margin-top: 2em; }
    .ao .dl-ao.item3 {
      margin-bottom: .5em; }
    .ao .dl-ao dt,
    .ao .dl-ao dd {
      padding: 20px 23px; }
      @media (max-width: 767px) {
        .ao .dl-ao dt,
        .ao .dl-ao dd {
          padding: 16px 1em; } }
    .ao .dl-ao dt {
/*      -ms-flex: 0 1 35%;
      flex: 0 1 35%;*/
      flex-basis: 35%;
      font-size: 32px;
      text-align: center;
      color: #fff100;
      line-height: 1; }
      @media (max-width: 768px) {
        .ao .dl-ao dt {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .ao .dl-ao dt {
          padding-bottom: 0; } }
    .ao .dl-ao dd {
      -ms-flex: 1 0 65%;
      flex: 1 0 65%; }
    .ao .dl-ao .zero {
      font-size: 2.2em;
      vertical-align: -.18em;
      display: inline-block;
      margin-left: .05em;
      margin-right: .05em; }

/* added 2018.09.19 インターネット願書
------------------------------------------------------------------------------------- */
#gansho{
    width:720px;
    margin:60px auto 80px auto;
}

#gansho header{
    margin-bottom:52px;
    padding:36px 60px 0px 60px;
    /*background: black;*/
    /*color:white;*/
    text-align: center;
}

#gansho header h1{
    margin-bottom:36px;
}

#gansho header p{
    font-size:22px;
    font-weight:bold;
    margin-bottom:26px;
}

#gansho header small{
    display: block;
    font-size:14px;
    text-align: left;
}

#gansho ul{
    display: flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items: stretch;
}

#gansho ul li{
    width: 48%;
}

#gansho ul li h2{
    position: relative;
    height:40px;
    line-height:40px;
    margin-bottom:10px;
    background: black;
    color:white;
    font-size:22px;
}

#gansho ul li h2::before{
    content:'';
    display: block;
    position: absolute;
    left:50%;
    bottom:-10px;
    width:0;
    height:0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #000000 transparent transparent transparent;
    transform: translateX(-50%);
}

#gansho ul li h3{
    margin:0 0 10px 0;
    font-size:22px;
    font-weight:bold;
    text-align: center;
}

#gansho ul li .calendar{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#gansho ul li .calendar .text{
    width:52%;
    min-height:168px;
}

#gansho ul li .calendar img{
    width: 151px;
    height:auto;
}

#gansho ul li dl{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border:1px solid black;
}
#gansho ul li dl dt{
    width: 85px;
    height:34px;
    line-height:34px;
    background:#F7B2D9;
    text-align: center;
}
#gansho ul li dl dd{
    flex:1;
    height:34px;
    line-height:34px;
    text-align: center;
}

#gansho .note,
#gansho sup {font-size:12px;}

#gansho ul + p{
    font-size:14px;
}


@media screen and (max-width: 767px){
    #gansho{
        width: 100%;
        margin: 20px auto 100px auto;
    }

    #gansho header{
        margin-bottom:26px;
        padding: 50px 6% 0px 6%;
        /*background: black;*/
        /*color:white;*/
        text-align: center;
    }

    #gansho header h1{
        margin: 0 0 18px 0;
    }

    #gansho header p{
        font-size: 12px;
        font-weight:bold;
        margin-bottom: 12px;
    }

    #gansho header small{
        display: block;
        font-size: 12px;
        text-align: left;
    }

    #gansho ul{
        display: flex;
        flex-flow: column wrap;
        justify-content:space-between;
        align-items: stretch;
    }

    #gansho ul li{
        width: 100%;
        padding: 0 2%;
    }

    #gansho ul li h2{
        position: relative;
        height:40px;
        line-height:40px;
        margin-bottom:16px;
        background: black;
        color:white;
        font-size:18px;
    }

    #gansho ul li h2::before{
        content:'';
        display: block;
        position: absolute;
        left:50%;
        bottom:-10px;
        width:0;
        height:0;
        border-style: solid;
        border-width: 10px 11px 0 11px;
        border-color: #000000 transparent transparent transparent;
        transform: translateX(-50%);
    }

    #gansho ul li h3{
        margin:0 0 10px 0;
        font-size:18px;
        font-weight:bold;
        text-align: center;
    }

    #gansho ul li .calendar{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom:10px;
    }

    #gansho ul li .calendar .text{
        width:58%;
        min-height:auto;
        font-size:12px;
    }

    #gansho ul li .calendar img{
        width: 40%;
        height:auto;
    }

    #gansho ul li dl{
        font-size:14px;
    }
    #gansho ul li dl dt{
        width: 105px;
        height:34px;
        line-height:34px;
        background:#F7B2D9;
        text-align: center;
    }
    #gansho ul li dl dd{
        flex:1;
        height:34px;
        line-height:34px;
        text-align: center;
    }

    #gansho ul + p{
        font-size:14px;
        padding:0 2%;
    }

}

#lp_dive{}

#lp_dive h1{margin:0 0 60px 0;}

#lp_dive .flex-box.pattern-01,
#lp_dive .flex-box.pattern-02,
#lp_dive .flex-box.pattern-02 ul,
#lp_dive .flex-box.pattern-03,
#lp_dive .flex-box.pattern-03 ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(1){flex: 0 0 364px;}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2){flex: 0 0 568px;}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2){
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li{flex: 0 0 280px;margin: 0 8px 8px 0;}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-of-type(even){margin-right:0;}
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-last-of-type(1),
#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-last-of-type(2){margin-bottom:0;}

#lp_dive .flex-box.pattern-02 p{flex: 0 0 433px;}
#lp_dive .flex-box.pattern-02 ul{flex: 0 0 308px;}
#lp_dive .flex-box.pattern-02 ul li{
	flex: 0 0 100%;
	margin: 0 0 8px 0;
	padding:0;
}

#lp_dive .flex-box.pattern-03 p{flex: 0 0 482px;}
#lp_dive .flex-box.pattern-03 ul{flex: 0 0 258px;}
#lp_dive .flex-box.pattern-03 ul li{
	flex: 0 0 100%;
	margin: 0 0 8px 0;
	padding:0;
}

#lp_dive .tokuten{margin-bottom:80px;}
#lp_dive .course{margin:0;padding: 60px 0 0px 0;}
.course .container:nth-of-type(1) {margin-bottom:100px;}
.course .item-course li:last-of-type{padding-bottom:70px;}
.course .item-course li p{margin-bottom:0;}
.course .item-course li > p{margin-bottom:10px;}

#lp_dive h1 img[src*=".svg"]{width:430px;}
#lp_dive .intro .slider .slide-item h1 img[src*=".svg"]{width:500px;}
#lp_dive .ao h1 img{width:520px;}
#lp_dive h1 img.img-responsive{
	max-width:none !important;
}
#lp_dive h1 img.campus{
width: 580px;
}

#lp_dive .dl-ao-wrap{
	width: 100%;
	display: flex;
	align-items: center;
	min-height:106px;
	background: #000;
}
#lp_dive .dl-ao-wrap.bg-gray{background: #4d4d4d;}

#lp_dive .dl-ao-wrap .dl-ao{
	width: 880px;
	margin:0 auto;
	background:transparent;
}

#lp_dive .dl-ao-wrap .dl-ao dt{padding:20px 0;}
#lp_dive .dl-ao-wrap .dl-ao dd{padding:20px 0;}

#lp_dive #button1{
    margin: 36px auto 0px auto;
}
#lp_dive #button2{
    margin: -52px auto 146px auto;
}

@media screen and (max-width:767px){
	#lp_dive{}
	#lp_dive h1{margin:0 0 30px 0;}
	#lp_dive h1 img[src*=".svg"]{width: 80%;}
	#lp_dive .ao h1 img{width:88%;}

	#lp_dive .tokuten{margin-bottom:40px;}
	#lp_dive .course{margin:0;padding:0;}
	.course .container:nth-of-type(1) {margin-bottom:50px;}
	.course .item-course li:last-of-type{padding-bottom:0;}
	.course .item-course li p{margin-bottom:0;}
	.course .item-course li > p{margin-bottom:10px;}

	h1 img[src*=".svg"]{width:430px;}
	.ao h1 img{width:520px;}

	#lp_dive .img-responsive{
		width: 100%;
		max-width:none !important;
	}


	#lp_dive .flex-box.pattern-01,
	#lp_dive .flex-box.pattern-02,
	#lp_dive .flex-box.pattern-02 ul,
	#lp_dive .flex-box.pattern-03,
	#lp_dive .flex-box.pattern-03 ul{margin-bottom:15px;}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(1){flex: 0 0 100%;margin-bottom:4px;}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2){flex: 0 0 100%;}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2){
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li{flex: 0 0 49%;margin: 0 0 4px 0;}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-of-type(even){margin-right:0;}
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-last-of-type(1),
	#lp_dive .flex-box.pattern-01 ul:nth-of-type(2) li:nth-last-of-type(2){margin-bottom:0;}

	#lp_dive .flex-box.pattern-02 p{flex: 0 0 100%;margin-bottom:4px;}
	#lp_dive .flex-box.pattern-02 ul{flex: 0 0 100%;}
	#lp_dive .flex-box.pattern-02 ul li{
		flex: 0 0 49%;
		margin: 0 0 4px 0;
		padding:0;
	}

	#lp_dive .flex-box.pattern-03 p{flex: 0 0 100%;margin-bottom:4px;}
	#lp_dive .flex-box.pattern-03 ul{flex: 0 0 100%;}
	#lp_dive .flex-box.pattern-03 ul li{
		flex: 0 0 49%;
		margin: 0 0 4px 0;
		padding:0;
	}

	#lp_dive .course .list-op .next ,
	#lp_dive .course .list-op .prev {
		position: absolute;
		height: 42px;
		width: 42px;
		top: 50%;
		left:auto;
		z-index: 100;

	}

	#lp_dive .course .list-op .prev {
		left:4%;
		transform: translate3d(0, -64px, 0);
	}

	#lp_dive .course .list-op .next {
		right:4%;
		transform: translate3d(0, -64px, 0);
	}

	.button{
		margin:1em 0;
	}

	#lp_dive .intro .slider .slide-item h1 img[src*=".svg"]{width:87%;}
	#lp_dive .course h1 img[src*=".svg"]{width:90%;}

	#lp_dive .dl-ao-wrap{
		width: 100%;
		min-height: auto;
	}

	#lp_dive .dl-ao-wrap .dl-ao{
		width: 100%;
		margin:0 auto;
		padding:20px 0;
		background:transparent;
	}

	#lp_dive .dl-ao-wrap .dl-ao dt{padding:0 4% 10px 4%;}
	#lp_dive .dl-ao-wrap .dl-ao dd{padding:0 4%;}

    #lp_dive #button1{
        margin: 36px auto -34px auto;
    }
    #lp_dive #button2{
        margin: 38px auto 94px auto;
    }
    #lp_dive #button3{
        margin: 32px auto 16px auto;
    }
    #lp_dive #button4{
        margin: 12px auto 6px auto;
    }
    #lp_dive #button5{
        margin: -30px auto -50px auto;
    }

}

.box {
    padding: 1em 1.5em;
    margin: 2em 0;
    border: solid 1px #000000;
}
.box p {
    margin: 0; 
    padding: 0;
}

@media screen and (min-width: 768px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:block; }
}

@media screen and (min-width: 768px){  
.mb-24 {
    margin-bottom: 24px;
  }
}