body {
  font-family: "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-size: 16px;
  font-weight: 500;
  color: #231815;
  background: #fff;
  line-height: 1.5;
  @media screen and (max-width:767px) {
    font-family: 'Noto Sans JP', sans-serif;
  }

  &.fixed {
    @media screen and (max-width:767px) {
      position: fixed;
      right: 0;
      left: 0;
    }
  }
}

a {
  color: #231815;
  text-decoration: none;
  @media print, screen and (min-width:769px) {
    transition: 0.3s ease-in-out all;
    &:hover {
      opacity: .8;
    }
  }
}

img {
  max-width: 100%;
}

.container {
  max-width: 1150px;
  width: 94%;
  margin: 0 auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix {
  &:after {
    content: "";
    clear: both;
    display: block;
  }
}

.center {
  text-align: center;
}

.textRight {
  text-align: right;
}

.pcOnly {
  @media screen and (max-width:767px) {
    display: none !important;
  }
}

.spOnly {
  @media print, screen and (min-width:768px) {
    display: none !important;
  }
}

.br1200 {
  @media print, screen and (min-width:1201px) {
    display: none;
  }
  @media screen and (max-width:767px) {
    display: none;
  }
}

.br1001 {
  @media screen and (max-width:1000px) {
    display: none;
  }
}

.br1000 {
  @media print, screen and (min-width:1001px) {
    display: none;
  }
}

.br500 {
  @media print, screen and (min-width:501px) {
    display: none;
  }
  @media screen and (max-width:767px) {
    display: none;
  }
}

span {
  &.container {
    display: block;
  }
}

.allLink {
  @media print, screen and (min-width:769px) {
    cursor: pointer;
    &:hover {
      opacity: 0.8;
    }

    a {
      &:hover {
        opacity: 1;
      }
    }
  }
}

.displayNone {
  display: none;
}

.breadcrumb {
  font-size: 13px;
  margin-bottom: 50px;
  li {
    &:not(:first-child) {
      a {
        @media all and (-ms-high-contrast: none) {
          line-height: 1;
        }
      }
    }
    &:not(:last-child) {
      margin-right: 10px;
      padding-right: 15px;
      position: relative;
      &:after {
        content: "";
        width: 6px;
        height: 6px;
        margin: auto 0;
        border-top: 1px solid #231815;
        border-right: 1px solid #231815;
        border-radius: 1px;
        transform: rotate(45deg);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
      }
    }
  }
}

input {
  &[type="submit"] {
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    border: 0;
    cursor: pointer;
    appearance: none;
    transition: 0.3s ease-in-out all;
    &:hover {
      opacity: .8;
    }
  }

  &[type="text"],
  &[type="email"] {
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
}

textarea {
  font-size: 16px;
  width: 100%;
  height: 220px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  resize: none;
}

.checkbox {
  padding-left: 25px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;

  &:before,
  &:after {
    content: '';
    position: absolute;
  }

  &:before {
    width: 16px;
    height: 16px;
    border: 1px solid #c8c9ca;
    border-radius: 3px;
    z-index: 3;
    top: 0;
    left: 0;
  }

  &:after {
    width: 4px;
    height: 9px;
    margin-top: -6px;
    border-right: 3px solid #231815;
    border-bottom: 3px solid #231815;
    transform : rotate(45deg);
    z-index: 1;
    display: block;
    top: 8px;
    left: 6px;
  }

  input {
    &[type="checkbox"] {
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      box-shadow: 41px 0px #fff;
      appearance: none;
      z-index: 2;
      display: block;
      position: absolute;
      left: -40px;
      &:checked {
        box-shadow: none;
      }
    }
  }
}

.radio {
  padding-left: 22px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  &:before,
  &:after {
    content: '';
    position: absolute;
  }

  &:before {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    z-index: 3;
    top: 7px;
    left: 0;
  }

  &:after {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #5876b6;
    z-index: 1;
    top: 12px;
    left: 5px;
  }

  input {
    &[type="radio"] {
      width: 20px;
      height: 20px;
      margin: 0;
      box-shadow: 20px -1px #fff;
      appearance: none;
      z-index: 2;
      position: absolute;
      top: 7px;
      left: -23px;
      &:checked {
        box-shadow: none;
      }

      &:focus {
        opacity: 0.2;
        box-shadow: 20px -1px #fff;
      }
    }
  }
}

.selectBox01 {
  border: 1px solid #ccc;
  position: relative;
  &:after {
    content: "";
    width: 4px;
    height: 4px;
    margin: auto 0;
    border: 4px solid transparent;
    border-top: 4px solid #231815;
    box-sizing: border-box;
    position: absolute;
    top: 18px;
    right: 15px;
  }

  select {
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    width: 100%;
    height: 40px;
    background: none;
    padding-left: 15px;
    border: none;
    box-sizing: border-box;
    appearance: none;
    border-radius: 0;
    outline: none;
    @media all and (-ms-high-contrast: none) {
      width: 100% !important;
    }

    &:not(:target) {
      width: 130%\9;
    }

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

.headerTop {
  @media screen and (max-width:767px) {
    margin-top: -60px;
    padding-top: 60px;
  }
}

.btn01 {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  a {
    padding: 17px 0 16px;
    background: #fff;
    border: 1px solid #666;
    border-bottom: 5px solid #666;
    display: block;
    &:hover {
      color: #fff;
      background: #666;
      opacity: 1;
    }
  }
}

.verticalTop {
  vertical-align: top;
}

.fadeinUnder {
 opacity: 0;
 -webkit-transform: translate(0, 50px);
 -ms-transform: translate(0, 50px);
 transform: translate(0, 50px);
 -webkit-transition: all 1000ms;
 -o-transition: all 1000ms;
 transition: all 1000ms;
}

.fadein02 {
 opacity: 0;
 -webkit-transform: translate(0, 50px);
 -ms-transform: translate(0, 50px);
 transform: translate(0, 50px);
 -webkit-transition: all 1000ms;
 -o-transition: all 1000ms;
 transition: all 1000ms;
}

.fadeinUnder.scrollin {
 opacity: 1;
 -webkit-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 transform: translate(0, 0);
}

.fadein02.scrollin {
 opacity: 1;
 -webkit-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 transform: translate(0, 0);
}

.mainContent {
  @media screen and (max-width:767px) {
    margin-top: 60px;
  }
}

.mainContentBorder01 {
  border-bottom: 1px solid #005bac;
}

.moreBtnArea01 {
  &:hover {
    a {
      color: #fff;
    }
  }
}

.moreBtn01 {
  font-size: 18px;
  width: 238px;
  position: relative;
  @media screen and (max-width:960px) {
    font-size: 16px;
    width: 205px;
  }
  @media screen and (max-width:767px) {
    font-size: 13px;
    width: 130px;
  }

  &:before,
  &:after {
    content: "";
    position: absolute;
  }

  &:before {
    width: 232px;
    height: 40px;
    right: 0;
    bottom: -5px;
    @media screen and (max-width:960px) {
      width: 200px;
    }
    @media screen and (max-width:767px) {
      width: 126px;
      height: 30px;
      bottom: -4px;
    }
  }

  &:after {
    width: 58px;
    height: 5px;
    background-repeat: no-repeat;
    background-size: 58px 5px;
    background-position: 0 0;
    display: block;
    top: 18px;
    right: -18px;
    @media screen and (max-width:767px) {
      width: 42px;
      height: 3px;
      background-size: 42px 3px;
      top: 15px;
      right: -15px;
    }
  }

  p {
    width: 234px;
    background: #fff;
    @media screen and (max-width:960px) {
      width: 200px;
    }
    @media screen and (max-width:767px) {
      width: 127px;
    }
  }

  a {
    padding: 7px 0;
    display: block;
    @media screen and (max-width:767px) {
      padding: 6px 0 5px;
    }
  }
}

.subPage01{
	h2{
		font-size: 40px;
		text-align: center;
		padding: 90px 0;
		@media screen and (max-width:767px) {
			font-size: 20px;
			padding: 30px 0;
		}
		span{
			font-size: 20px;
			color: #727171;
			display: block;
			@media screen and (max-width:767px) {
				font-size: 14px;
			}
		}
	}
	.localNav01{
		margin-bottom: 70px;
		@media screen and (max-width:767px) {
			margin-bottom: 40px;
		}
		li{
			float: left;
			width: 32%;
			margin-right: 2%;
			margin-bottom: 10px;
			@media screen and (max-width:767px) {
				width: 49%;
        margin-bottom: 5px;
			}
			&:nth-child(3n){
        @media print, screen and (min-width:768px) {
  				margin-right: 0;
        }
			}

      &:nth-child(2n) {
        @media screen and (max-width:767px) {
          margin-right: 0;
        }
      }

			a{
				display: block;
				padding: 10px;
				border: 1px solid #dc8586;
				color: #dc8586;
				text-align: center;
				font-family: "游ゴシック Medium", YuGothic, YuGothicM, sans-serif;
				font-weight: bold;
				position: relative;
				@media screen and (max-width:767px) {
					font-size: 12px;
				}
				&:after{
					position: absolute;
					right: 10px;
					top: 13px;
					font-size: 14px;
					font-family: "Font Awesome 5 Free";
					content: "\f105";
					font-weight: 900;
					@media screen and (max-width:767px) {
						top: 10px;
					}
				}

			}
			&.current{
				a{
					background: #dc8586;
					color: #fff;
				}
			}
		}

    .twoLine01 {
      a {
        @media screen and (max-width:767px) {
          padding: 5px 10px 4px;
          line-height: 1.2;
        }
      }
    }
	}

  .localNav02 {
    @media print, screen and (min-width:768px) {
      max-width: 752px;
      margin: 0 auto 70px;
    }
    li {
      width: 49%;
      &:nth-child(2) {
        margin-right: 0;
      }
    }
  }

  .top-text {
    text-align: center;
    font-size: 18px;
    margin-bottom: 90px;
  }

	.contntBox01{
		border-top: 1px solid #cccccc;
		padding-top: 25px;
		margin-bottom: 80px;
		@media screen and (max-width:767px) {
			font-size: 13px;
			margin-bottom: 40px;
			padding-top: 15px;
		}
		&:last-child{
			margin-bottom: 170px;
			@media screen and (max-width:767px) {
				margin-bottom: 80px;
			}
		}
		h3{
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 25px;
			font-family: "游ゴシック Medium", YuGothic, YuGothicM, sans-serif;
			@media screen and (max-width:767px) {
				font-size: 15px;
				margin-bottom: 15px;
			}
		}
		li{
			text-indent: -1em;
			padding-left: 1em;
		}

    table {
      margin-left: -8px;
      margin-top: 25px;
    }

    th {
      padding-right: 10px;
    }

    .text01 {
      padding-bottom: 35px;
    }
	}

  .contntBox02 {
    li {
      margin-bottom: 25px;
    }
  }

  .list01 {
    li {
      text-indent: 0;
      padding-left: 0;
      &:not(:last-child) {
        margin-bottom: 25px;
      }
    }
  }

  .list02 {
    margin-bottom: 35px;
  }

  .list03 {
    margin-left: 20px;
    li {
      text-indent: -3em;
      padding-left: 1em;
      &:not(:last-child) {
        margin-bottom: 20px;
      }
    }
  }

  .list04 {
    li {
      text-indent: -1.2em;
      margin-left: 4px;
      padding-left: 1em;
      &:not(:last-child) {
        margin-bottom: 25px;
      }
    }
  }

  .list05 {
    li {
      text-indent: -1.2em;
      margin-left: 4px;
      padding-left: 1em;
      @media screen and (max-width:767px) {
        text-indent: -1.1em;
        margin-left: 3px;
      }
    }
  }

  .cookieText01 {
    margin-top: 20px;
  }

  .linkTextArea01 {
    p {
      text-indent: -1.5em;
      padding-left: 1em;
    }
    a {
      color: #3d6aa6;
      padding-right: 14px;
      background: url("../../our-profile/images/ico_index03.png") no-repeat 100% 70%;
      border-bottom: 1px solid #3d6aa6;
    }
    .small {
      font-size: 13px;
    }
  }

  .textLinkArea01 {
    margin-top: 15px;
    word-wrap: break-word;
    .line {
      @media screen and (max-width:767px) {
        margin-top: 15px;
        display: block;
      }
    }
  }
}

.redText01 {
  color: #c00;
}


//////// スタイルガイド用 /////////
.courseHead01{
	font-size: 67px;
	margin-bottom: 25px;
	letter-spacing: -2.9px;
	@media screen and (max-width:1200px) {
		font-size: 64px;
	}
	@media screen and (max-width:1100px) {
		font-size: 58px;
	}
	@media screen and (max-width:1000px) {
		font-size: 48px;
	}
	@media screen and (max-width:800px) {
		font-size: 45px;
	}
	@media screen and (max-width:767px) {
		font-size: 40px;
	}
	@media screen and (max-width:400px) {
		font-size: 32px;
		margin-bottom: 15px;
	}

	span {
		background: url("../../design/images/bg_index02.jpg") repeat-x 0 86%;
		@media screen and (max-width:400px) {
			background-size: auto 8px;
		}

		span {
			background: none;
			letter-spacing: -35px;
			@media screen and (max-width:1000px) {
				letter-spacing: -32px;
			}
			@media screen and (max-width:800px) {
				letter-spacing: -20px;
			}
			@media screen and (max-width:400px) {
				letter-spacing: -15px;
			}
		}
	}
}
.contentCopy01 {
	font-size: 19px;
	margin-left: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
	@media screen and (max-width:1100px) {
		font-size: 18px;
		margin-left: 0;
	}
	@media screen and (max-width:1000px) {
		font-size: 16px;
	}
	@media screen and (max-width:400px) {
		font-size: 14px;
		line-height: 1.8;
	}
}
li{
	&.courseList{
		margin-bottom: 55px;
		@media screen and (max-width:767px) {
			margin-bottom: 40px;
		}
		.educationList {
			padding: 12px;
			background-position: 0 0;
			@media screen and (max-width:767px) {
				padding: 5px;
			}
		}
		.educationDetailArea01 {
			padding: 40px 0;
			background: #fff;
			@media print, screen and (min-width:768px) {
				display: flex;
				align-items: center;
			}
			@media screen and (max-width:1000px) {
				padding: 30px 0;
			}
			@media screen and (max-width:767px) {
				padding: 15px 0 20px;
			}
		}
		h4 {
			font-size: 42px;
			width: 364px;
			padding: 0 20px;
			@media screen and (max-width:1150px) {
				font-size: 36px;
				width: 300px;
			}
			@media screen and (max-width:1100px) {
				font-size: 32px;
			}
			@media screen and (max-width:1000px) {
				font-size: 30px;
			}
			@media screen and (max-width:950px) {
				font-size: 28px;
			}
			@media screen and (max-width:900px) {
				font-size: 26px;
			}
			@media screen and (max-width:850px) {
				font-size: 24px;
			}
			@media screen and (max-width:800px) {
				font-size: 23px;
			}
			@media screen and (max-width:767px) {
				width: 100%;
			}
			@media screen and (max-width:400px) {
				font-size: 20px;
			}
		}
		.educationIcon01 {
			@media screen and (max-width:767px) {
				font-size: 16px;
				color: #fff;
				width: 25px;
				margin: 5px 5px 0 0;
				padding-bottom: 1px;
				border-radius: 12px;
				vertical-align: top;
				display: inline-block;
			}
			@media screen and (max-width:400px) {
				font-size: 14px;
				width: 20px;
				margin-top: 4px;
				padding: 3px 0;
				line-height: 1;
			}
		}

		.educationTitleText01 {
			letter-spacing: 6px;
			@media screen and (max-width:767px) {
				letter-spacing: 0;
			}
		}

		.educationImage01 {
			width: 194px;
			line-height: 0;
			@media screen and (max-width:767px) {
				width: 100%;
				margin: 10px 0;
				padding: 0 15px;
			}
		}

		.educationDetail01 {
			font-size: 14px;
			width: 410px;
			padding: 0 29px;
			@media screen and (max-width:1150px) {
				width: 465px;
			}
			@media screen and (max-width:900px) {
				font-size: 13px;
			}
			@media screen and (max-width:767px) {
				width: 100%;
				padding: 0 15px;
			}
			@media screen and (max-width:767px) {
				font-size: 14px;
			}
			@media screen and (max-width:400px) {
				font-size: 12px;
			}
		}
		h5 {
			font-size: 27px;
			line-height: 1.3;
			@media screen and (max-width:1150px) {
				font-size: 25px;
			}
			@media screen and (max-width:1100px) {
				font-size: 24px;
			}
			@media screen and (max-width:1000px) {
				font-size: 23px;
			}
			@media screen and (max-width:950px) {
				font-size: 21px;
			}
			@media screen and (max-width:900px) {
				font-size: 20px;
			}
			@media screen and (max-width:850px) {
				font-size: 18px;
			}
			@media screen and (max-width:800px) {
				font-size: 17px;
			}
			@media screen and (max-width:767px) {
				font-size: 20px;
			}
			@media screen and (max-width:400px) {
				font-size: 19px;
			}
			@media screen and (max-width:360px) {
				letter-spacing: -0.8px;
			}
		}

		.educationText01 {
			margin: 10px 0 15px;
		}

		.educationText02 {
			margin-right: 8px;
			display: inline-block;
			@media screen and (max-width:767px) {
				margin-right: 5px;
			}
		}

		.educationBtn01 {
			font-size: 17px;
			margin-top: 15px;
			@media screen and (max-width:900px) {
				font-size: 15px;
			}
			@media screen and (max-width:767px) {
				max-width: 320px;
				margin: 15px auto 0;
			}
			@media screen and (max-width:400px) {
				font-size: 14px;
			}
		}
		
		.educationList01 {
			background-image: url("../../design/images/bg_index03.png");
			@media screen and (max-width:767px) {
				background-image: url("../../design/images/bg_index03.svg");
			}
			.educationIcon01 {
				background: #006934;
			}

			h5 {
				color: #006934;
			}

			.educationText03 {
				color: #006934;
			}

			.educationBtn01 {
				border: 1px solid #006934;
				&:hover {
					background: #006934;
				}
			}

			a {
				color: #006934;
				padding: 3px 0;
				&:hover {
					color: #fff;
				}
			}
		}
		.educationList02 {
			background-image: url("../../design/images/bg_index04.png");
			@media screen and (max-width:767px) {
				background-image: url("../../design/images/bg_index04.svg");
			}
			.educationIcon01 {
				background: #5bb4ae;
			}

			h5 {
				color: #5bb4ae;
			}

			.educationText03 {
				color: #5bb4ae;
			}

			.educationBtn01 {
				border: 1px solid #5bb4ae;
				&:hover {
					background: #5bb4ae;
				}
			}

			a {
				color: #5bb4ae;
				padding: 3px 0;
				&:hover {
					color: #fff;
				}
			}
		}

		.educationList03 {
			background-image: url("../../design/images/bg_index05.png");
			@media screen and (max-width:767px) {
				background-image: url("../../design/images/bg_index05.svg");
			}
			.educationIcon01 {
				background: #ce002b;
			}

			h5 {
				color: #ce002b;
			}

			.educationText03 {
				color: #ce002b;
			}

			.educationBtn01 {
				border: 1px solid #ce002b;
				&:hover {
					background: #ce002b;
				}
			}

			a {
				color: #ce002b;
				padding: 3px 0;
				&:hover {
					color: #fff;
				}
			}
		}

		.educationList04 {
			background-image: url("../../design/images/bg_index06.png");
			@media screen and (max-width:767px) {
				background-image: url("../../design/images/bg_index06.svg");
			}
			.educationIcon01 {
				background: #f39800;
			}

			h5 {
				color: #f39800;
			}

			.educationText03 {
				color: #f39800;
			}

			.educationBtn01 {
				border: 1px solid #f39800;
				&:hover {
					background: #f39800;
				}
			}

			a {
				color: #f39800;
				padding: 3px 0;
				&:hover {
					color: #fff;
				}
			}
		}

		.educationList05 {
			background-image: url("../../design/images/bg_index07.png");
			@media screen and (max-width:767px) {
				background-image: url("../../design/images/bg_index07.svg");
			}
			.educationIcon01 {
				background: #f29c97;
			}

			h5 {
				color: #f29c97;
			}

			.educationText03 {
				color: #f29c97;
			}

			.educationBtn01 {
				border: 1px solid #f29c97;
				&:hover {
					background: #f29c97;
				}
			}

			a {
				color: #f29c97;
				padding: 3px 0;
				&:hover {
					color: #fff;
				}
			}
		}
	}
}

.schoolHead01{
	font-size: 42px;
	margin-bottom: 35px;
	@media screen and (max-width:767px) {
		font-size: 36px;
		margin-bottom: 20px;
	}
	@media screen and (max-width:400px) {
		font-size: 25px;
	}
	
}
.container02{
	max-width: 995px;
	width: 94%;
	margin: 0 auto;
	display: block;
}
ul.schoolList {
	padding: 55px 0;
	@media screen and (max-width:767px) {
		padding: 40px 0;
	}
	@media screen and (max-width:400px) {
		padding: 25px 0;
	}
}
.schoolBg{
	font-size: 30px;
	padding: 13px 0 12px;
	background-repeat: no-repeat;
	@media screen and (max-width:767px) {
		font-size: 24px;
		background-size: auto 100%;
	}
	@media screen and (max-width:400px) {
		font-size: 15px;
		padding: 7px 0 6px;
	}
	.departmentTitleTxt01{
		margin-left: 20px;
		padding: 2px 12px;
		background: #fff;
		@media screen and (max-width:767px) {
			margin-left: 15px;
		}
		@media screen and (max-width:400px) {
			margin-left: 10px;
			padding: 1px 5px 0;
		}
	}
	&.schoolBg01{
		background-image: url(../../design/images/bg_index08.png);
		@media screen and (max-width:767px) {
			background-image: url("../../design/images/bg_index08.svg");
		}
	}
	&.schoolBg02{
		background-image: url(../../design/images/bg_index09.png);
		@media screen and (max-width:767px) {
			background-image: url("../../design/images/bg_index09.svg");
		}
	}
	&.schoolBg03{
		background-image: url(../../design/images/bg_index10.png);
		@media screen and (max-width:767px) {
			background-image: url("../../design/images/bg_index10.svg");
		}
	}
	&.schoolBg04{
		background-image: url(../../design/images/bg_index11.png);
		@media screen and (max-width:767px) {
			background-image: url("../../design/images/bg_index11.svg");
		}
	}
	&.schoolBg05{
		background-image: url(../../design/images/bg_index12.png);
		@media screen and (max-width:767px) {
			background-image: url("../../design/images/bg_index12.svg");
		}
	}
}
.schoolType{
	padding: 15px 0;
	display: flex;
	align-items: center;
	@media screen and (max-width:767px) {
		padding: 10px 25px;
		flex-wrap: wrap;
	}
	@media screen and (max-width:400px) {
		padding: 10px 16px;
	}

	&:not(:last-child) {
		margin-bottom: 25px;
		@media screen and (max-width:767px) {
			margin-bottom: 15px;
		}
	}
	.departmentLogo01 {
    width: 235px;
		padding: 20px;
    @media screen and (max-width:1150px) {
      padding: 0 20px;
    }
    @media screen and (max-width:767px) {
      width: 34%;
      padding: 5px;
    }
  }

  .departmentDetail01 {
    font-size: 15px;
    width: 460px;
    line-height: 1.6;
    @media screen and (max-width:767px) {
      font-size: 14px;
      width: 100%;
    }
    @media screen and (max-width:400px) {
      font-size: 12px;
    }
  }

  h5 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 4px;
    @media screen and (max-width:767px) {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px;
      padding: 8px 0 0;
    }
    @media screen and (max-width:400px) {
      font-size: 14px;
      padding-top: 5px;
    }

    .textTransform01 {
      width: 123%;
      margin-left: -28px;
      transform: scale(0.9, 1);
      display: inline-block;
      @media screen and (max-width:767px) {
        width: auto;
        margin-left: -5%;
      }
      // @media screen and (max-width:360px) {
      //   margin-left: -19%;
      //   transform: scale(0.68, 1);
      // }
    }
  }

  .departmentBtn01 {
    width: 218px;
    margin-top: 5px;
    border-radius: 15px;
    @media screen and (max-width:767px) {
      font-size: 11px;
      width: 200px;
      margin-top: 10px;
    }
    @media screen and (max-width:400px) {
      font-size: 11px;
      width: 145px;
    }

    a {
      color: #fff;
      padding: 3px 0;
      background: url("../images/ico_index01.svg") no-repeat 95% 50%;
      background-size: 8px 10px;
      display: block;
      @media screen and (max-width:767px) {
        background-size: 6px 8px;
      }
      @media screen and (max-width:400px) {
        padding: 2px 0;
        background-size: 4px 5px;
      }
    }
  }

  .departmentImage01 {
    width: 300px;
    padding-right: 20px;
    line-height: 0;
    @media screen and (max-width:1150px) {
      padding: 0 20px;
    }
    @media screen and (max-width:767px) {
      width: 66%;
      margin-bottom: 10px;
      padding: 0;
    }
  }
}
.schoolType01{
	border-top: 5px solid #d9e2d6;
	border-bottom: 5px solid #d9e2d6;
	h5 {
		@media print, screen and(min-width:768px) {
			border-bottom: 3px solid rgba(0,105,52,0.53);
		}
		@media screen and (max-width: 767px) {
			border-top: 3px solid rgba(0,105,52,0.53);
		}
	}
	.departmentBtn01 {
		background: rgba(0,105,52,0.53);
	}
}
.schoolType02{
	border-top: 5px solid #d0e6e3;
	border-bottom: 5px solid #d0e6e3;
	h5 {
		@media print, screen and(min-width:768px) {
			border-bottom: 3px solid rgba(91,180,174,0.65);
		}
		@media screen and (max-width: 767px) {
			border-top: 3px solid rgba(91,180,174,0.65);
		}
	}

	.departmentBtn01 {
		background: rgba(91,180,174,0.65);
	}
}
.schoolType03{
	border-top: 5px solid #f6d4ca;
	border-bottom: 5px solid #f6d4ca;

	h5 {
		@media print, screen and(min-width:768px) {
			border-bottom: 3px solid rgba(206,0,43,0.65);
		}
		@media screen and (max-width: 767px) {
			border-top: 3px solid rgba(206,0,43,0.65);
		}
	}

	.departmentBtn01 {
		background: rgba(206,0,43,0.65);
	}
}
.schoolType04{
	border-top: 5px solid #fde5c1;
	border-bottom: 5px solid #fde5c1;
	h5 {
		@media print, screen and(min-width:768px) {
			border-bottom: 3px solid rgba(243,152,0,0.65);
		}
		@media screen and (max-width: 767px) {
			border-top: 3px solid rgba(243,152,0,0.65);
		}
	}
	.departmentBtn01 {
		background: rgba(243,152,0,0.65);
	}
}
.schoolType05{
	border-top: 5px solid #fce4e1;
	border-bottom: 5px solid #fce4e1;

	h5 {
		letter-spacing: -1px;
		@media print, screen and(min-width:768px) {
			border-bottom: 3px solid rgba(242,156,151,0.7);
		}
		@media screen and (max-width:767px) {
			border-top: 3px solid rgba(242,156,151,0.7);
		}
	}
	.departmentBtn01 {
		background: rgba(242,156,151,0.7);
	}
}
/* ツナガルマナビ */
.tsunagaruMainLink {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 21px;
  width: 336px;
  margin: 0 23px 25px;
  @media screen and (max-width:1350px) {
    width: 29%;
    margin: 0 2% 25px;
  }
  @media screen and (max-width:1150px) {
    font-size: 18px;
  }
  @media screen and (max-width:1000px) {
    font-size: 16px;
    margin: 0 15px 25px;
  }
  @media screen and (max-width:900px) and (min-width:768px) {
    font-size: 14px;
  }
  @media screen and (max-width:767px) {
    max-width: 430px;
    width: 100%;
    margin: 0 auto 20px;
  }

  a {
    display: block;
    @media print, screen and (min-width:769px) {
      &:hover {
        opacity: 0.9;
        .studioImage01 {
          position: relative;
          &:after {
            content: "";
            width: 100%;
            height: 100%;
            margin: auto;
            display: block;
            z-index: 1;
            transition: 0.3s ease-in-out all;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
          }
        }
      }
    }
  }

  span {
    display: block;
  }

  .studioImage01 {
    margin-bottom: 10px;
    line-height: 0;
    @media screen and (max-width:900px) {
      margin-bottom: 5px;
    }
  }

  &.mainLink01 {
    a {
      color: #93c9c4;
      &:hover {
        .studioImage01 {
          &:after {
            background: rgba(147,201,196,0.55);
          }
        }
      }
    }
  }

  &.mainLink02 {
    a {
      color: #f7c0ba;
      &:hover {
        .studioImage01 {
          &:after {
            background: rgba(247,192,186,0.6);
          }
        }
      }
    }
  }

  &.mainLink03 {
    a {
      color: #f8ba5b;
      &:hover {
        .studioImage01 {
          &:after {
            background: rgba(248,186,91,0.51);
          }
        }
      }
    }
  }

  &.mainLink04 {
    a {
      color: #333;
      &:hover {
        .studioImage01 {
          &:after {
            background: rgba(0,0,0,0.5);
          }
        }
      }
    }
  }
}

.tsunagaruStudioTitle {
  position: relative;
  .studioMainImage01 {
    line-height: 0;
  }

  .studioDetail01 {
    width: 630px;
    padding: 20px 35px 30px;
    background: #fff;
    position: absolute;
    right: 6%;
    bottom: 45px;
    @media screen and (max-width:1250px) {
      padding: 20px 25px;
    }
    @media screen and (max-width:1100px) {
      width: 525px;
      padding: 15px 20px;
      right: 4%;
      bottom: 30px;
    }
    @media screen and (max-width:800px) {
      width: 475px;
    }
    @media screen and (max-width:767px) {
      width: 100%;
      padding: 20px 40px 30px;
      position: static;
    }
    @media screen and (max-width:400px) {
      padding: 20px 25px 30px;
    }

    p {
      font-size: 18px;
      line-height: 1.8;
      @media screen and (max-width:1250px) {
        font-size: 16px;
      }
      @media screen and (max-width:1100px) {
        font-size: 14px;
      }
      @media screen and (max-width:900px) {
        font-size: 13px;
      }
      @media screen and (max-width:800px) {
        font-size: 12px;
      }
      @media screen and (max-width:767px) {
        font-size: 14px;
      }
      @media screen and (max-width:400px) {
        font-size: 11px;
      }
    }
  }

  h3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 15px;
    @media screen and (max-width:1250px) {
      font-size: 38px;
    }
    @media screen and (max-width:1100px) {
      font-size: 36px;
    }
    @media screen and (max-width:1000px) {
      font-size: 32px;
    }
    @media screen and (max-width:800px) {
      font-size: 28px;
    }
    @media screen and (max-width:767px) {
      line-height: 1.4;
    }
    @media screen and (max-width:400px) {
      font-size: 25px;
    }
  }
}

.tsunagaruEventInfo {
  padding: 65px 0 95px;
  background-image: url("../../tsunagaru/images/bg_index01.png");
  position: relative;
  @media screen and (max-width:767px) {
    padding: 50px 0 40px;
  }
  @media screen and (max-width:400px) {
    padding: 40px 0;
  }
  h4 {
    width: 930px;
    height: 132px;
    margin: 0 auto 50px;
    @media screen and (max-width:1300px) {
      width: 900px;
    }
    @media screen and (max-width:1150px) {
      width: 800px;
      margin-bottom: 30px;
    }
    @media screen and (max-width:1000px) {
      width: 750px;
      margin-bottom: 20px;
    }
    @media screen and (max-width:800px) {
      width: 650px;
      margin-bottom: 0;
    }
    @media screen and (max-width:767px) {
      width: 100%;
      margin-bottom: 15px;
      height: auto;
    }
  }

  ul {
    max-width: 975px;
    padding: 50px 0 55px;
    @media screen and (max-width:1300px) {
      width: 82%;
      margin: 0 auto;
    }
    @media screen and (max-width:767px) {
      width: 100%;
      padding: 0;
    }
  }

  li {
    font-size: 20px;
    @media screen and (max-width:1300px) {
      font-size: 18px;
    }
    @media screen and (max-width:1150px) {
      font-size: 16px;
    }
    @media screen and (max-width:800px) {
      font-size: 14px;
    }
    @media screen and (max-width:767px) {
      min-height: 320px;
      padding: 20px 20px 75px;
      background: #fff;
      border-top: 4px solid #231815;
      border-bottom: 4px solid #231815;
      position: relative;
    }
    @media screen and (max-width:640px) {
      font-size: 13px;
    }

    &:before,
    &:after {
      @media screen and (max-width:767px) {
        content: "";
        width: 100%;
        height: 2px;
        margin: 0 auto;
        background: #231815;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
      }
    }

    &:before {
      @media screen and (max-width:767px) {
        top: 5px;
      }
    }

    &:after {
      @media screen and (max-width:767px) {
        bottom: 5px;
      }
    }

    &:not(:last-child) {
      margin-bottom: 50px;
      @media screen and (max-width:767px) {
        margin-bottom: 30px;
      }
      @media screen and (max-width:400px) {
        margin-bottom: 25px;
      }
    }
  }

  h5 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #231815;
    @media screen and (max-width:1300px) {
      font-size: 28px;
    }
    @media screen and (max-width:1150px) {
      font-size: 26px;
    }
    @media screen and (max-width:1000px) {
      font-size: 24px;
    }
    @media screen and (max-width:800px) {
      font-size: 22px;
    }
    @media screen and (max-width:767px) {
      font-size: 18px;
      text-align: center;
      margin-bottom: 15px;
      padding-bottom: 15px;
    }
    @media screen and (max-width:640px) {
      font-size: 16px;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
  }

  .infoDate01 {
    @media screen and (max-width:767px) {
      font-size: 24px;
      margin-bottom: 5px;
      display: block;
    }
    @media screen and (max-width:640px) {
      font-size: 19px;
      margin-bottom: 5px;
    }
  }

  .infoText01 {
    @media screen and (max-width:767px) {
      padding: 0 20px;
    }
    @media screen and (max-width:400px) {
      padding: 0 15px;
    }
  }

  .infoArea01 {
    padding-left: 90px;
    @media print, screen and (min-width:768px) {
      background: #fff;
      border-top: 4px solid #231815;
      border-bottom: 4px solid #231815;
      position: relative;
    }
    @media screen and (max-width:1300px) {
      padding-left: 0;
    }
    &:before,
    &:after {
      @media print, screen and (min-width:768px) {
        content: "";
        width: 100%;
        height: 2px;
        margin: 0 auto;
        background: #231815;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
      }
    }

    &:before {
      @media print, screen and (min-width:768px) {
        top: 5px;
      }
    }

    &:after {
      @media print, screen and (min-width:768px) {
        bottom: 5px;
      }
    }
  }

  .linkText01 {
    text-decoration: underline;
  }

  .eventBtn01 {
    width: 262px;
    margin-top: 30px;
    border-radius: 18px;
    @media screen and (max-width:800px) {
      width: 200px;
    }
    @media screen and (max-width:767px) {
      font-size: 15px;
      margin: 0 auto;
      position: absolute;
      right: 0;
      bottom: 25px;
      left: 0;
    }

    a {
      color: #fff;
      padding: 3px 5px 3px 0;
      background: url("../../tsunagaru/images/ico_index01.svg") no-repeat 96% 50%;
      background-size: 9px 10px;
      display: block;
      @media screen and (max-width:1000px) {
        padding: 4px 5px 5px 0;
      }
      @media screen and (max-width:767px) {
        background-size: 7px 8px;
      }
    }
  }
}

.tsunagaruInfoImage01 {
  line-height: 0;
  z-index: 1;
  position: absolute;
}

.tsunagaruSchoolArea {
  padding: 45px 20px 50px;
  background: #e6e6e6;
  @media screen and (max-width:767px) {
    padding: 35px 15px 40px;
  }
  @media screen and (max-width:500px) {
    padding: 40px 30px;
  }
  @media screen and (max-width:360px) {
    padding: 40px 20px;
  }
  h4 {
    @media screen and (max-width:500px) {
      margin-bottom: 25px;
    }
    img {
      width: 305px;
      height: 42px;
      @media screen and (max-width:1000px) {
        width: 280px;
      }
      @media screen and (max-width:900px) {
        width: 240px;
      }
      @media screen and (max-width:767px) {
        font-size: 19px;
        margin: 0;
      }
      @media screen and (max-width:500px) {
        width: 234px;
        height: 32px;
      }
    }
  }

  .schoolTitle01 {
    font-size: 26px;
    max-width: 750px;
    width: 80%;
    margin: 20px auto 0;
    padding: 2px 0;
    background: #fff;
    border-top: 3px solid #231815;
    border-bottom: 3px solid #231815;
    display: block;
    @media screen and (max-width:1000px) {
      font-size: 24px;
      margin-top: 15px;
    }
    @media screen and (max-width:900px) {
      font-size: 20px;
      margin-top: 10px;
    }
    @media screen and (max-width:767px) {
      font-size: 18px;
      padding: 10px 0;
    }
    @media screen and (max-width:500px) {
      font-size: 18px;
      width: 100%;
      margin-top: 15px;
      padding: 10px 0;
    }
  }

  .schoolTitle02 {
    @media screen and (max-width:767px) {
      font-size: 16px;
    }
    @media screen and (max-width:400px) {
      letter-spacing: -0.5px;
    }
    @media screen and (max-width:360px) {
      letter-spacing: -1.5px;
    }
  }

  ul {
    @media print, screen and (min-width:501px) {
      max-width: 960px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  }

  li {
    width: 300px;
    margin: 30px 10px 0;
    background: #fff;
    @media screen and (max-width:1050px) {
      width: 31%;
      margin: 30px 1% 0;
    }
    @media screen and (max-width:767px) {
      margin: 25px 5px 0;
    }
    @media screen and (max-width:500px) {
      width: 100%;
      margin: 20px 0 0;
    }
  }

  a {
    padding: 20px 15px 15px;
    display: block;
    @media screen and (max-width:1150px) {
      padding: 15px 15px 10px;
    }
    @media screen and (max-width:767px) {
      padding: 9px 0;
    }
    @media screen and (max-width:500px) {
      position: relative;
    }

    &:after {
      @media screen and (max-width:500px) {
        content: "";
        width: 0;
        height: 0;
        margin: auto 0;
        border: 5px solid transparent;
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
      }
    }
  }

  .classroomName01 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    @media screen and (max-width:1150px) {
      font-size: 18px;
      margin-top: 2px;
    }
    @media screen and (max-width:1000px) {
      font-size: 16px;
    }
    @media screen and (max-width:900px) and (min-width:768px) {
      font-size: 14px;
    }
    @media screen and (max-width:767px) {
      margin: 0;
    }
    @media screen and (max-width:500px) {
      font-size: 19px;
    }
  }
}

.tsunagaruInfoImage01 {
  right: -6%;
  bottom: -5%;
  @media screen and (max-width:1400px) {
    width: 16%;
  }
  @media screen and (max-width:1300px) {
    width: 15%;
    bottom: -3%;
  }
}

.tsunagaruInfoImage02 {
  right: -2.5%;
  bottom: -9%;
  @media screen and (max-width:1400px) {
    width: 14%;
  }
  @media screen and (max-width:1300px) {
    width: 12%;
    bottom: -6%;
  }
}

.tsunagaruInfoImage03 {
  right: -2%;
  bottom: -6%;
  @media screen and (max-width:1400px) {
    width: 17%;
    right: -8%;
  }
  @media screen and (max-width:1300px) {
    width: 15%;
    right: -4%;
    bottom: -6%;
  }
}

/* アクティブ・ラーニング・スタジオ */
.tsunagaruStudioTitle01 {
  h3 {
    font-size: 19px;
    font-weight: normal;
    @media screen and (max-width:1250px) {
      font-size: 17px;
    }
    @media screen and (max-width:1100px) {
      font-size: 15px;
    }
    @media screen and (max-width:800px) {
      font-size: 14px;
    }
    @media screen and (max-width:767px) {
      font-size: 11px;
    }

    img {
      width: 532px;
      height: 59px;
      @media screen and (max-width:1250px) {
        width: 470px;
        height: 54px;
      }
      @media screen and (max-width:1100px) {
        width: 420px;
      }
      @media screen and (max-width:1000px) {
        width: 380px;
        height: 52px;
      }
      @media screen and (max-width:800px) {
        width: 340px;
        height: 45px;
      }
      @media screen and (max-width:400px) {
        width: 240px;
        height: 35px;
      }
    }
  }
}

.tsunagaruEventInfo01 {
  background-color: rgba(196,224,221,0.24);
  .eventBtn01 {
    background: #93c9c4;
  }
}

.tsunagaruSchoolArea01 {
  .classroomName01 {
    color: #93c9c4;
  }

  a {
    &:after {
      border-left: 5px solid #93c9c4;
    }
  }
}

/* 阪急西宮ガーデンズ ゲート館 */
.tsunagaruEventInfo02 {
  background-color: rgba(249,209,203,0.35);
  .eventBtn01 {
    background: #f7c0ba;
  }
}

.tsunagaruSchoolArea02 {
  .classroomName01 {
    color: #f7c0ba;
  }

  a {
    &:after {
      border-left: 5px solid #f7c0ba;
    }
  }
}

/* アップ上本町ビル */
.tsunagaruEventInfo03 {
  background-color: rgba(252,224,183,0.35);
  .eventBtn01 {
    background: #f8ba5b;
  }
}

.tsunagaruSchoolArea03 {
  .classroomName01 {
    color: #f8ba5b;
  }

  a {
    &:after {
      border-left: 5px solid #f8ba5b;
    }
  }
}

/* ダミースタジオ */
.tsunagaruEventInfo04 {
  background-color: rgba(51,51,51,0.35);
  .eventBtn01 {
    background: #333;
  }
}

.tsunagaruSchoolArea04 {
  .classroomName01 {
    color: #333;
  }

  a {
    &:after {
      border-left: 5px solid #333;
    }
  }
}