@charset 'utf-8';
/* ==========================================

  全体

========================================== */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline-block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 760px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/*---------------- ▽clearfix▽ ----------------*/
/* clear */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
* html #contents,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*---------------- ▽style▽ ----------------*/
a{
  color: #000;
  text-decoration: none;
}
a:hover{
  cursor: pointer;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family:'Zen Kaku Gothic Antique',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}
img{
	width: 100%;
}
/* サイト全体 */
.wrap{

}
@media screen and (max-width: 750px){
.wrap{

}
}
/* メインボックス全体 */
.wrap{

}
@media screen and (max-width: 750px){
.wrap{

}
}
/* ==========================================

  animation

========================================== */
/*---------------- ▽フェイドイン▽ ----------------*/
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/* ==========================================

  footer

========================================== */
footer{
	background: #000;
	position: fixed;
	bottom: 0;
	width: 100%;
}
footer .footer_box{
	text-align: center;
	padding: 1em 0;
}
footer .footer_box small{
	color: #fff;
}

/* ==========================================

  navi.html

========================================== */
/*---------------- ▽背景グラデーション▽ ----------------*/
.hiragaku_wrap{
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%,auto;
  animation: gradient 30s ease infinite;
  height: 100%;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*---------------- ▽スタートボタン▽ ----------------*/
/*== ボタン共通設定 */
.btn {
    /*背景の基点とするためrelativeを指定*/
    position: relative;
    /*ボタンの形状*/
    display: inline-block;
    width:100%;
    max-width: 338px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    outline: none;
}

/*ボタン内側の設定*/
.btn span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #269ac2;
    /* 重なりを3Dで表示 */
    transform-style: preserve-3d;
    /* アニメーションの設定 数字が少なくなるほど早く回転 */
    transition: 0.5s;
}

/*== くるっと回転（手前に） */

/* 回転前 */
.rotatefront span:nth-child(1) {
    background: #269ac2;
    color: #fff;
		font-size: 40px;
		font-weight: bold;
    transform: rotateX(0deg);/*はじめは回転なし*/
    transform-origin: 0 50%  -40px;/* 回転する起点 */
}

/*hoverをした後の形状*/
.rotatefront:hover span:nth-child(1) {
    transform: rotateX(-90deg);/* X軸に-90度回転 */
}

/* 回転後 */
.rotatefront span:nth-child(2) {
    background: #fff;
    color: #269ac2;
		font-size: 40px;
		font-weight: bold;
    transform: rotateX(90deg);/*はじめはX軸に90度回転*/
    transform-origin: 0 50%  -40px;/* 回転する起点 */
}

/*hoverをした後の形状*/
.rotatefront:hover span:nth-child(2) {
    transform: rotateX(0deg);/* X軸に0度回転 */
}

/*---------------- ▽TOPコンテンツ▽ ----------------*/
.hiragaku_main_wrap{
	background: url(../images/bg.png);
	height: 100vh;
	position:relative;
}
.hiragaku_top_wrap{
	width: 1280px;
	margin: 0 auto;
	background: url(../images/bg_L_1.png),url(../images/bg_L_2.png),url(../images/bg_R_1.png),url(../images/bg_R_2.png);
	background-repeat: no-repeat;
	background-position: top left, bottom left,top right,bottom right;
	background-size: 338px auto,338px auto;
	padding-top: 50px;
	padding-bottom: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.hiragaku_top_box{
	width: 800px;
	height: 800px;
	border-radius: 500px;
	margin: 0 auto;
	background: #fff;
	padding: 84px 0 0;
	box-sizing: border-box;
}
.hiragaku_top_box .logo{
	width: 280px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.hiragaku_top_box h1{
	width:600px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.hiragaku_top_box .text_box p{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.5em;
}
.hiragaku_top_box .start_button{
	text-align: center;
}
@media screen and (max-width:1280px){
	.btn{
		width: 30.31vw;
		height: 6.25vw;
		line-height: 6.25vw;
	}
	.rotatefront span:nth-child(1) {
		font-size: 3.13vw;
		transform-origin: 0 50% -3.13vw;
	}
	.rotatefront span:nth-child(2) {
		font-size: 3.13vw;
		transform-origin: 0 50% -3.13vw;
	}

	.hiragaku_top_wrap{
		width: 100%;
    height: 100vh;
		background-size: 26.41vw auto,26.41vw auto;
    padding-top: 3.91vw;
    padding-bottom: 7.81vw;
	}
	.hiragaku_top_box{
		width: 62.5vw;
		height: 62.5vw;
		border-radius: 39.06vw;
		padding: 6.56vw 0 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.hiragaku_top_box .logo{
		width: 21.88vw;
		margin-bottom: 2vw;
	}
	.hiragaku_top_box h1{
		width: 46.88vw;
		margin-bottom: 4vw;
	}
	.hiragaku_top_box .text_box p{
		margin-bottom: 4vw;
	}
}
@media screen and (max-width:1000px){
	.hiragaku_top_box{
		width: 80vw;
		height: 80vw;
		border-radius: 40vw;
		padding: 9vw 0 0;
	}
	.hiragaku_top_box .logo{
		width: 28vw;
		margin-bottom: 2vw;
	}
	.hiragaku_top_box h1{
		width: 60vw;
		margin-bottom: 4vw;
	}
	.hiragaku_top_box .text_box p{
		margin-bottom: 5vw;
	}
	.btn{
		width: 33.8vw;
    height: 8vw;
    line-height: 8vw;
	}
}
@media screen and (max-width:760px){
	.hiragaku_top_wrap{
	  height: 100vh;
		background-size: 32vw auto,32vw auto;
	}
	.hiragaku_top_box{
		width: 90vw;
    height: 90vw;
		border-radius: 50vw;
		padding: 12vw 0 0;
	}
	.hiragaku_top_box .logo{
		width: 31vw;
    margin-bottom: 3vw;
	}
	.hiragaku_top_box h1{
		width: 62vw;
		margin-bottom: 5vw;
	}
	.btn{
		width: 42vw;
		height: 10vw;
		line-height: 10vw;
		/* pointer-events: none; */
	}
	.rotatefront span:nth-child(1){
    transform-origin: 0 50% -5vw;
	}
	.rotatefront span:nth-child(2){
    transform-origin: 0 50% -5vw;
	}
	/* 回転前 */
	.rotatefront span:nth-child(1) {
	    transform: none;/*はじめは回転なし*/
	    transform-origin: 0/* 回転する起点 */
	}

	/*hoverをした後の形状*/
	.rotatefront:hover span:nth-child(1) {
	    transform: none;/* X軸に-90度回転 */
	}

	/* 回転後 */
	.rotatefront span:nth-child(2) {
		display: none;
	}

	/*hoverをした後の形状*/
	.rotatefront:hover span:nth-child(2) {
	    transform: none;/* X軸に0度回転 */
	}
}

@media screen and (max-width:600px){
	.hiragaku_top_wrap{
		overflow: hidden;
	}
	.hiragaku_top_box{
		width: 90vw;
		height: auto;
		border-radius: 10vw;
    padding: 12vw 0 12vw;
	}
	.hiragaku_top_box .logo{
		width: 42vw;
    margin-bottom: 4vw;
	}
	.hiragaku_top_box h1{
		width: 80vw;
	}
	.btn{
		width: 60vw;
		height: 13vw;
		line-height: 13vw;
	}
	.rotatefront span:nth-child(1){
		font-size: 4vw;
	}
	.rotatefront span:nth-child(2){
		font-size: 4vw;
	}
}
@media screen and (max-width:500px){
	.hiragaku_top_box{
		width: 90vw;
		height: auto;
		border-radius: 10vw;
		padding: 12vw 0 12vw;
	}
	.hiragaku_top_box .logo{
		width: 42vw;
		margin-bottom: 4vw;
	}
	.hiragaku_top_box h1{
		width: 90%%;
    margin-bottom: 8vw;
	}
	.btn{
		width: 70vw;
		height: 17vw;
		line-height: 17vw;
	}
	.rotatefront span:nth-child(1){
		font-size: 6vw;
	}
	.rotatefront span:nth-child(2){
		font-size: 6vw;
	}
	.hiragaku_top_box .text_box p{
		margin-bottom: 10vw;
	}
	footer{
    position: relative;
	}
	footer .footer_box small{
		font-size: 10px;
	}
	.hiragaku_top_box .text_box p{
		font-size: 18px;
	}
}
@media screen and (max-width:400px){
	.hiragaku_top_box .logo{
		width: 38vw;
	}
	.hiragaku_top_box .text_box p{
		font-size: 4vw;
	}
}

/* ==========================================

  quiz

========================================== */
.hiragaku_type_main_wrap{
	background: url(../images/bg.png);
	height: auto;
	position:relative;
}
.quiz_header_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	box-sizing: border-box;
}
.quiz_header_wrap .hiranatsu_logo{
	width: 196px;
}
.quiz_header_wrap .hiragaku_logo{
	width: 200px;
}

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

  .quiz_header_wrap .hiranatsu_logo,
  .quiz_header_wrap .hiragaku_logo{
  	width: 26.67vw;
  }
}
@media screen and (max-height:950px){
	.hiragaku_main_wrap{
    height: 100%;
	}
	.hiragaku_top_wrap{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
}
@media screen and (max-height:800px) and (min-width:760px){
	.hiragaku_top_wrap{
		background-size: 20vw auto,20vw auto;
	}
}
@media screen and (max-height:550px){
	.hiragaku_top_box{
		width: 120vh;
    height: 120vh;
		padding: 14vh 0 0;
	}
	.hiragaku_top_box h1{
		width: 86vh;
    margin-bottom: 5vh;
	}
	.hiragaku_top_box .text_box p{
		margin-bottom: 6vh;
	}
	.btn{
    width: 60vh;
		height: 16vh;
		line-height: 16vh;
	}
	.hiragaku_top_box .text_box p{
		font-size: 4vh;
	}
	.rotatefront span:nth-child(1){
		font-size: 6vh;
	}
	.rotatefront span:nth-child(2){
		font-size: 6vh;
	}
	.hiragaku_top_box .logo{
		width: 45vh;
		margin-bottom: 3vh;
	}
}
/* ==========================================

  オープンキャンパス

========================================== */

.campus_main_wrap{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 60px;
}
.campus_main_wrap .campus_mv{
	margin-bottom: 30px;
}
.campus_main_wrap ul{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.campus_main_wrap li{
	width: 300px;
}
.campus_tokuten{
	width: 1000px;
	margin: 0 auto;
	background: #4dbaa9;
	text-align: center;
	padding: 36px 0 28px;
	position: relative;
	margin-bottom: 50px;
}
.campus_tokuten h2{
	background: #fcee21;
	font-size: 28px;
	color: #e95513;
	font-weight: bold;
	padding: 0.5em;
	display: inline-block;
	position: absolute;
	top: -30px;
	left: 30px;
}
.campus_tokuten p{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
}
.campus_tokuten p span{
	font-size: 26px;
	color: #fcee21;
}
.campus_COVID-19{
	text-align: center;
	margin-bottom: 50px;
}
.campus_COVID-19 p{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	word-break: keep-all;
}
.campus_COVID-19 p span{
	font-size: 18px;
}
.campus_hiragakunavi .campus_hiragakunavi_btn{
	width: 130px;
	position: fixed;
	right: 0;
	top: 80%;
	transition: 0.5s ease;
	z-index: 1000;
  box-shadow: 2px 2px 10px #a5a5a5;
	border-radius: 20px 0 0 20px;
}
.campus_hiragakunavi .campus_hiragakunavi_btn img{
	width: 470px;
	overflow: hidden;
}
.campus_hiragakunavi .campus_hiragakunavi_btn:hover{
	width: 470px;
}
.campus_main_contents{
	background: #f2f2f2;
	padding: 50px 0;
}
.campus_main_contents .campus_main_section01{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 50px 0;
	text-align: center;
	margin-bottom: 50px;
}
.campus_main_contents .campus_main_section01 p{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1.8em;
	margin-bottom: 90px;
}
.entry_box .entry_paragraph{
	width: 212px;
	margin: 0 auto;
	margin-bottom: 20px!important;
}
.entry_box .entry_button{
	width: 690px;
	margin: 0 auto;
	display: block;
	box-shadow: 2px 2px 10px #a5a5a5;
	border-radius: 16px;
	/*アニメーションの指定*/
	transition: all 0.3s ease;
}
.entry_box .entry_button:hover{
	box-shadow: none;
}
.campus_main_contents .campus_main_section02{
	background: #fff;
}
.campus_contents_ttl{
	width: 770px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 60px;
}
.campus_contents_ttl h2{
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	border-bottom: solid 3px #333333;
	position: relative;
	padding-bottom: 16px;
}
.campus_contents_ttl h2 span{
	color: #4dbaa9;
}
.campus_contents_ttl h2::after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #4dbaa9;
	bottom: -3px;
	width: 30%;
}
.campus_main_contents .campus_main_section02{
	padding: 50px 0 20px;
}
.campus_contents_school{
	width: 770px;
	margin: 0 auto;
	padding-left: 70px;
	box-sizing: border-box;
}
.campus_contents_school .campus_school_box h3{
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 16px;
}
.campus_contents_school .campus_school_box h3.school_color01{
	border-left: 20px solid #767caf;
  padding-left: 10px;
}
.campus_contents_school .campus_school_box h3.school_color02{
	border-left: 20px solid #ec6c00;
  padding-left: 10px;
}
.campus_contents_school .campus_school_box h3.school_color03{
	border-left: 20px solid #3d4d68;
  padding-left: 10px;
}
.campus_contents_school .campus_school_box h3.school_color04{
	border-left: 20px solid #59a9a0;
  padding-left: 10px;
}
.campus_contents_school .campus_school_box ul{
	display: flex;
	margin-bottom: 32px;
}
.campus_contents_school .campus_school_box li{
	font-size: 26px;
	font-weight: bold;
	color: #333333;
}
.campus_contents_school .campus_school_box li::before{
	content: "／";
}
.campus_contents_school .campus_school_box li:first-child::before{
	display: none;
}

.campus_main_section03 .campus_contents_ttl{
	position: relative;
}
.campus_main_section03 .campus_contents_ttl::before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #333333;
}
.campus_main_section03 {
	padding: 74px 0;
}
.campus_main_section03 .campus_description_box{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	text-align: center;
	margin-bottom: 50px;
}
.campus_main_section03 .campus_description_box .campus_description_contents{
	border-bottom: 5px solid #f2f2f2;
}
.campus_main_section03 .campus_description_box .campus_description_contents>p{
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
	margin-bottom: 30px;
}
.campus_main_section03 .campus_description_box .campus_description_school{
	font-size: 30px;
	font-weight: bold;
	margin-right: 1em;
	color: #333333;
}
.campus_main_section03 .campus_description_box .campus_description_school_ttl{
	display: flex;
	justify-content: center;
	align-items: center;
}
.campus_main_section03 .campus_description_box .campus_description_school_ttl h3{
	font-size: 50px;
	font-weight: bold;
	margin: 40px 0;
  display: flex;
	color: #333333;
}
.campus_main_section03 .campus_description_box ul{
	display: flex;
	align-items: center;
	justify-content: center;
  flex-wrap: wrap;
	padding: 30px 0;
}
.campus_main_section03 .campus_description_box li{
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding: 0 0.5em;
	line-height: 2em;
}

/* アイコンカラー */
.campus_main_section03 .campus_description_color01 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color01 li::before{
	content: "●";
	color: #00ae83;
}
.campus_main_section03 .campus_description_color01{
	border-top: 26px solid #00ae83;
}
.campus_main_section03 .campus_description_color02 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color02 li::before{
	content: "●";
	color: #eb6d56;
}
.campus_main_section03 .campus_description_color02{
	border-top: 26px solid #eb6d56;
}
.campus_main_section03 .campus_description_color03 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_03.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color03 li::before{
	content: "●";
	color: #227faa;
}
.campus_main_section03 .campus_description_color03{
	border-top: 26px solid #227faa;
}
.campus_main_section03 .campus_description_color04 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_04.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color04 li::before{
	content: "●";
	color: #ef8337;
}
.campus_main_section03 .campus_description_color04{
	border-top: 26px solid #ef8337;
}
.campus_main_section03 .campus_description_color05 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_05.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color05 li::before{
	content: "●";
	color: #8dc33e;
}
.campus_main_section03 .campus_description_color05{
	border-top: 26px solid #8dc33e;
}
.campus_main_section03 .campus_description_color06 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_06.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color06 li::before{
	content: "●";
	color: #ef8f81;
}
.campus_main_section03 .campus_description_color06{
	border-top: 26px solid #ef8f81;
}
.campus_main_section03 .campus_description_color07 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_07.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color07 li::before{
	content: "●";
	color: #3d4d68;
}
.campus_main_section03 .campus_description_color07{
	border-top: 26px solid #3d4d68;
}
.campus_main_section03 .campus_description_color08 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_08.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color08 li::before{
	content: "●";
	color: #b59f14;
}
.campus_main_section03 .campus_description_color08{
	border-top: 26px solid #b59f14;
}
.campus_main_section03 .campus_description_color09 .campus_description_school_ttl h3::before{
	content:"";
	display: inline-block;
	background: url(../images/OC_icon_09.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.campus_main_section03 .campus_description_color09 li::before{
	content: "●";
	color: #5db6e7;
}
.campus_main_section03 .campus_description_color09{
	border-top: 26px solid #5db6e7;
}
.campus_main_section04{
	background: #fff;
	position: relative;
}
.campus_main_section04>p{
	width: 1192px;
	margin: 0 auto;
}
.campus_main_section04 .entry_box{
	position: absolute;
	bottom:-50px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.campus_main_section05{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 50px 0;
	margin-top: 50px;
}
.campus_main_section05 .campus_contents_school .campus_school_box li a{
	text-decoration: underline;
	color: #333;
}
.campus_main_section05 .campus_contents_school .campus_school_box li a:hover{
	color: #4dbaa9;
}
.campus_main_section05 .campus_contents_school .campus_school_box h3 a{
	text-decoration: underline;
	color: #333;
}
.campus_main_section05 .campus_contents_school .campus_school_box h3 a:hover{
	color: #4dbaa9;
}
.campus_footer{
	padding: 50px 0 100px;
}
.campus_footer .campus_footer_content{
	text-align:center;
}
.campus_footer .campus_footer_content p{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 50px;
}
.campus_footer .campus_footer_content .campus_footer_address>p{
	font-size: 36px;
	margin-bottom: 16px;
}
.campus_footer .campus_footer_content .campus_footer_address>p a{
	font-size: 56px;
}
.campus_footer .campus_footer_content .campus_footer_address>p a:hover{
	color: #4dbaa9;
}
.campus_hiragaku_pc a img{
	width: 472px;
}

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

@media screen and (max-width:1200px){
	.campus_main_wrap ul{
		width: 96vw;
	}
	.campus_main_wrap li{
		width: 24vw
	}
	.campus_main_section04>p{
		width: 98vw;
	}
	.entry_box .entry_button{
    width: 57.5vw;
	}
}

@media screen and (max-width:1000px){
	.campus_tokuten{
    width: 96vw;
	}
	.campus_main_contents .campus_main_section01{
		width: 96vw;
	}
	.campus_main_section03 .campus_description_box{
		width: 96vw;
	}
	.campus_main_section05{
		width: 100%;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl{
		flex-direction: column;
		margin-top: 40px;
	}
	.campus_main_section03 .campus_description_box .campus_description_school{
		margin-right: 0;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl h3{
		margin: 16px 0 40px;
	}
	.campus_COVID-19{
		width: 90vw;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.campus_tokuten h2{
		font-size: 26px;
	}
	.campus_tokuten p{
		font-size: 20px;
	}
	.campus_tokuten p span{
		font-size: 24px;
	}
	.campus_COVID-19 p{
		font-size: 22px;
	}
	.campus_COVID-19 p span{
		font-size: 16px;
	}
	.campus_tokuten{
    margin-bottom: 30px;
	}
	.campus_contents_ttl{
		width: 90%;
	}
	.entry_box .entry_paragraph{
		width: 20vw;
	}
}
@media screen and (max-width:770px){
	.campus_contents_school{
		width: 100%;
	}
}
.campus_hiragakunavi .campus_hiragakunavi_SP{
	display: none;
}
@media screen and (max-width:760px){
	.campus_hiragakunavi .campus_hiragakunavi_btn{
		display: none;
	}
	.campus_main_wrap li{
		width: 48vw;
	}
	.campus_tokuten h2{
    top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.campus_tokuten p{
		font-size: 3.68vw;
		line-height: 1.8em;
	}
	.campus_tokuten p span{
		font-size: 4.21vw;
	}
	.campus_COVID-19 p{
		line-height: 1.5em;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP{
		display: block;
		margin-bottom: 50px;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_SP_btn{
		width: 440px;
		margin: 0 auto;
    box-shadow: 2px 2px 10px #a5a5a5;
		border-radius: 20px;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_SP_btn a{
		display: block;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_hukidashi{
		width: 500px;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
		padding: 1.5em;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		border-radius: 20px;
		margin-bottom: 50px;
		position: relative;
	}
.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_hukidashi::before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #C5C1FF;
	}
	.campus_main_contents .campus_main_section01 p{
    margin-bottom: 50px;
	}
	.campus_tokuten{
		width: 90vw;
		padding: 40px 0 30px;
	}
	.campus_tokuten h2{
		font-size: 3.68vw;
    width: 80%;
	}
	.campus_COVID-19 p{
		font-size: 3.2vw;
	}
	.entry_box .entry_button{
		width: 57.89vw;
	}
	.entry_box .entry_paragraph{
		width: 30.26vw;
		margin-bottom: 10px!important;
	}
	.campus_contents_school .campus_school_box h3{
    font-size: 4.74vw;
	}
	.campus_contents_school .campus_school_box li{
		font-size: 2.89vw;
	}
	.campus_contents_ttl h2{
		font-size: 6vw;
	}
	.campus_main_section03{
    padding: 70px 0 0;
	}
	.campus_main_section03 .campus_description_box .campus_description_contents>p{
		font-size: 18px;
		padding: 0 1em;
	}
	.campus_main_section04>p{
    padding-bottom: 6.58vw;
	}
	.campus_footer{
    padding: 50px 0;
	}
	.campus_footer .campus_footer_content .campus_footer_address>p{
		font-size: 4.21vw;
	}
	.campus_footer .campus_footer_content .campus_footer_address>p a{
		font-size: 7.37vw;
	}
}
@media screen and (max-width:620px){
	.entry_box .entry_button{
		width: 70vw;
	}
	.campus_contents_school{
		padding-left: 60px;
	}
	.campus_contents_school .campus_school_box h3{
		font-size: 5vw;
	}
	.campus_contents_school .campus_school_box li{
		font-size: 3.5vw;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl h3{
		font-size: 7.42vw;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl h3::before{
		width: 7.42vw;
		height: 7.42vw;
	}
}
@media screen and (max-width:550px){
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_hukidashi{
		width: 90%;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_SP_btn{
    width: 80vw;
	}
	.campus_main_section03 .campus_description_box .campus_description_school{
		font-size: 5.45vw;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl h3{
		margin: 16px 0 6vw;
	}
	.campus_contents_school .campus_school_box h3{
	  font-size: 5.5vw;
	}
	.campus_contents_school .campus_school_box li{
		font-size: 4vw;
	}
	.campus_contents_school{
		padding-left: 0;
		width: 90%;
	}
	.campus_main_section03 .campus_description_box li{
		font-size: 3.5vw;
	}
	.campus_main_section03 .campus_description_box ul{
		padding: 5vw;
	}
	.campus_main_section03 .campus_description_box .campus_description_school_ttl{
		margin-top: 5vw;
	}
	.campus_main_section05{
		padding: 5vw 0 1vw;
		margin-top: 9.09vw;
	}
	.campus_contents_ttl{
		margin-bottom: 9.09vw;
	}
	.campus_main_contents{
		padding: 9.09vw 0;
	}
	.campus_main_section03 .campus_description_box{
		margin-bottom: 9.09vw;
	}
	.campus_footer .campus_footer_content p{
		font-size: 4.73vw;
		margin-bottom: 9.09vw;
	}
	.campus_main_section04>p{
		padding-bottom: 10vw;
	}
	.campus_main_section04 .entry_box{
    bottom: -9.09vw;
	}
	.campus_footer{
		padding: 9.09vw 0;
	}
	.campus_COVID-19 p span{
    font-size: 14px;
	}
	.campus_COVID-19 p{
		font-size: 4vw;
	}
}
@media screen and (max-width:480px){
	.campus_main_wrap ul{
		width: 90vw;
	}
	.campus_main_wrap li{
		width: 45vw;
	}
	.campus_main_wrap .campus_mv{
		margin-bottom: 6.25vw;
	}
	.campus_main_wrap{
    margin-bottom: 8.5vw;
	}
	.campus_tokuten h2{
		font-size: 4.5vw;
	}
	.campus_tokuten{
    padding: 8vw 0 5vw;
	}
	.campus_COVID-19 p span{
		font-size: 12px;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_hukidashi{
    padding: 4vw;
    font-size: 14px;
	}
	.campus_COVID-19{
    margin-bottom: 5vw;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_hukidashi{
		margin-bottom: 10vw;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP .campus_hiragakunavi_SP_btn{
		width: 90vw;
	}
	.campus_hiragakunavi .campus_hiragakunavi_SP{
		margin-bottom: 10vw;
	}
	.campus_main_contents .campus_main_section01{
    padding: 10vw 0;
		margin-bottom: 10vw;
	}
	.campus_main_contents .campus_main_section01 p{
    font-size: 18px;
	}
	.campus_main_contents .campus_main_section01 p{
		margin-bottom: 10vw;
	}
	.entry_box .entry_button{
		width: 80vw;
	}
	.campus_main_contents .campus_main_section02{
		padding: 6vw 0 1vw;
	}
	.campus_main_section03{
		padding: 10vw 0 0;
	}
	.campus_main_section03 .campus_description_box li{
		font-size: 4vw;
	}
	.campus_main_section03 .campus_description_box ul{
    justify-content: flex-start;
		padding: 5vw 0;
		text-align: left;
	}
	.campus_main_section03 .campus_description_box .campus_description_contents>p{
		font-size: 4vw;
		text-align: left;
	}
	.campus_main_section03 .campus_description_box .campus_description_contents>p br{
		display: none;
	}
	.campus_contents_school .campus_school_box h3{
		font-size: 5vw;
	}
	.campus_contents_school .campus_school_box ul{
    margin-bottom: 1.5em;
	}
	.campus_contents_school .campus_school_box h3{
		margin-bottom: 0.5em;
	}
}
@media screen and (max-width:375px){
	.campus_main_contents .campus_main_section01 p{
		font-size: 4.8vw;
	}
}