@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

/* top用CSS */

/* ---------------------------------------------------------------------- */
/* コンテンツ */
/* ---------------------------------------------------------------------- */
 .inner {
	max-width: 1100px;margin: auto;
	background:#FFF;
	padding:3em;
	font-size:15px;
	line-height:2;
}
@media only screen and (max-width: 1099px) { .inner {max-width: 95%;}}
@media only screen and (max-width: 767px) { .inner {max-width: 90%;}}

#main-visual {
	background:#EEEEE7;
	height: auto;
	/*height: 619px;*/
	/*background-image: url(_images/bg_main.jpg);*/
}

.main-visual-inner img {
	width:100%;
	height: auto;
	max-width: 1876px;
	/*	max-height: 468px;*/
	margin: 0 auto;
	display: block;
	object-fit: cover;
	box-sizing: border-box;
}

h1 { /* ページタイトルバナー */
	padding: 0!important;
	margin: 0!important;
}

.main-visual-inner h1 {
	padding-top: 0px!important;
	width: 100%;
	overflow: hidden;
}


h2:before, h2:after {
  content: none;
}

section .content-body {

}

@media screen and (max-width: 768px) {
	#main-visual {
	height: auto;
	background-size: auto 100%;
	}


	.main-visual-inner {
	height: auto;
	width: 100%;
	max-width: 1460px;
	background-image: none;
  display: block;
	margin: 0 auto;
	padding-bottom: 0;
	text-align: center;
}

	.main-visual-inner h1 {
	width: 100%;
	overflow: hidden;
}

	.main-visual-inner img{
		width: 100%;
		height:auto;
	}
	
	h2 img
	{
		width:80%;
		height: auto;
	}
}


/* ---------------------------------------------------------------------- */
/* banner */
/* ---------------------------------------------------------------------- */
#top-bnr-box {
}

#top-bnr-box ul {
	margin-left: 0;
}

#top-bnr-box .content-body {
	margin-top: 40px;
}

#top-bnr-box ul {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:space-between;
	padding-bottom: 0;
}

#top-bnr-box ul li:first-child {
	margin-right: 2%;
}

#top-bnr-box ul li:last-child {
	margin-left: 2%;
}

#top-bnr-box ul li img {
	width: 100%;
}

#top-bnr-box ul li:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

@media screen and (max-width: 768px) {
	#top-bnr-box .content-body {
		margin-top: 10px;
	}

	#top-bnr-box ul {
		width: 96%;
		margin: 0 2%;
	  display: block;
		padding-bottom: 0;
	}

	#top-bnr-box ul li:first-child {
		margin-right: 0;
		margin-bottom: 15px;
	}

	#top-bnr-box ul li:last-child {
		margin-top: 15px;
		margin-left: 0;
	}



}


/* ---------------------------------------------------------------------- */
/* コンテンツタイトル */
/* ---------------------------------------------------------------------- */
.svg-h2{
	height: 72px;
	max-width: 100%;
	width: 100%;
	background-image: none!important;
	background-color: #EF858C;
}


@media screen and (min-width: 769px) {
.svg-h2{

}

}
.svg-h2 img {
	width: 286px;
	height: auto;
}

/* ---------------------------------------------------------------------- */
/* ボタン共通 */
/* ---------------------------------------------------------------------- */
.btn-to
{

}

.btn-to:hover
{
	opacity: 0.9;
}

@media screen and (min-width: 769px) {
.btn-to
{

}

}



/* ---------------------------------------------------------------------- */
/* コンテンツビジュアル共通 */
/* ---------------------------------------------------------------------- */
.details
{
    position: relative;
    box-sizing: border-box;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.details:nth-of-type(3n){
    margin-right: 0!important;
    padding-right: 0!important;
    padding-bottom: 0px;
}

.details .btn-to
{
	position: absolute;
	bottom: 0;
	left: calc(50% - 60px);
}

.details-ao
{
	padding-bottom: 50px;	
}

.details-ao .btn-to
{
	position: absolute;
	bottom: 0;
}

@media screen and (min-width: 769px) {
	.details
{
	padding-bottom: 10px;
}

	.details-ao
{
	padding-bottom: 0;
}


.details .btn-to
{
	position: absolute;
	bottom: 0;
	left: calc(50% - 15%);
}


	.details .btn-to
	{
		bottom: 30px;
	}

.details-ao .btn-to
	{
	bottom: 8%;
	left: 21%!important;
	}
}



/* ---------------------------------------------------------------------- */
/* TOP-OPEN CAMPUS*/
/* ---------------------------------------------------------------------- */
#open-campus {
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0 40px;
	font-size:15px;
}
#open-campus img{
	max-width: 100%;
	width:auto;height: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	object-fit: cover;
	margin:0;
	padding:0;
}
#open-campus .oc {
  display: flex;
  margin: 0 auto 3em;
  padding: 0;
  list-style: none;
}

#open-campus .oc li {
  width: 100%;
}

#open-campus .oc li a {
  display: flex;
  align-items: stretch;
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
}
#open-campus .oc li a:hover{
	opacity:0.8;
	transition:0.8s;
}
#open-campus .text-area {
  width: 50%;
  position: relative;
  background: #80aad8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
  box-sizing: border-box;
}
#open-campus .text-area-2 {
  width: 50%;
  position: relative;
  background: #e46d73;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
  box-sizing: border-box;
}
#open-campus .text-area::after, #open-campus .text-area-2::after {
	content: '';
	width: 15px; 
	height: 15px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 25px;
	transition: 0.8s ease-in-out;
}
#open-campus .oc li .subheading{
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFF;
	font-size:1.125em;
	font-weight:700;
	text-align:center;
	margin:2em  auto 1em;
}
#open-campus .oc li .subheading::before, #open-campus .oc li:nth-child(1) .subheading::after{
	content: '';
  width: 1px;
  height: 20px;
  background-color: #FFF;
}
#open-campus .oc li .subheading::before{
	margin-right: 30px;
	transform: rotate(-35deg)
}
#open-campus .oc li .subheading::after{
	margin-left: 30px;
	transform: rotate(35deg)
}
#open-campus .oc li h2{
	color:#FFF;
	font-family: "Poppins", sans-serif;
	font-size:3em;
	font-weight:400;
	text-align: center;
	background:none;
	margin:0 auto;
	padding:0;
}
#open-campus .reverse li h2{
	color:#FFF;
	font-size:2.5em;
	font-weight:700;
	text-align: center;
	background:none;
	margin:0 auto;
	padding:0;
}
#open-campus .oc li p{
	color:#FFF;
	text-align:center;
	line-height:1.75;
}*

#open-campus .image-area {
  width: 50%;
	margin:0;
	 padding: 0;
}
#open-campus .image-area img {
  width: 100%;
  height:100%;
  display: block;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
	#open-campus {
	width: 100%;
    max-width: 95%;
    margin: 0 auto;
    padding: 50px 0 40px;
	font-size:15px;
}
	#open-campus .oc li a {
    flex-direction: column;
  }
	#open-campus .reverse li a {
    flex-direction: column-reverse;
	}
	#open-campus .text-area, #open-campus .text-area-2 {
		width: 100%;
		margin:0 auto;
}
	#open-campus .image-area {
		width: 100%;
		margin:0 auto;
}
	#open-campus .image-area img {
    height: auto;
    width: 100%;
    object-fit: cover;
  }
	
}

/* ---------------------------------------------------------------------- */
/*TOP-TOPICS */
/* ---------------------------------------------------------------------- */
#topics .centerbut
{
    position: relative;
	text-align: center;
	transition: 0.2s;
}
#topics {
	position:relative;
	background-color:#e2e8f1;
	background-image:url('_images/bg_glitter.png') ;
	background-repeat:repeat;
	background-position:top left;
	background-size:100px;
	padding:3em 0;
	font-size:15px;
}
#topics .inner1100
{
    width: 100%;
    max-width: 1100px;
	background:#FFF;
    margin: 0 auto;
    padding: 2em;
    text-align: center;
    position: relative;
	z-index:99 !important;
}
#topics .inner1100::after{
	position:absolute;
	content:'';
	bottom:0;
	right:3%;
	background: url("_images/img_top_scholarship.png") no-repeat 0 0 /contain;
	width:188px !important;
	height:256px !important;
}
#topics h2 {
	background-image: none;
	color:#45555d;
	font-size:1.75em;
	font-weight:700;
	text-align: center;
	margin: 0 auto;
	padding:0;
}
#topics p{
	color:#45555D;
	text-align:center;
	font-size:16px;
	line-height:2;
	z-index:99 !important;
}
#topics .btn{width:300px;background:#80aad8;border-radius:10px; margin:2em auto; padding: 10px;}
#topics .btn a {padding: 10px;color: #FFF;text-decoration:none;position: relative;display: block;font-size: 15px;font-weight: 700;text-align:center;}
#topics .btn a::after {content: '';width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 5px;transition: 0.8s ease-in-out;}
#topics .btn:hover {opacity:0.8;transition:0.8s;}
#topics .btn a:hover {color:#fff;}
#topics .btn a:hover::after {border-top: 1px solid #fff;border-right: 1px solid #fff;}

#topics p.to-blog
{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
@media screen and (max-width: 1024px) {
	#topics::after{
	background: none;
}
	#topics .inner1100::after{
	background: none;
}
	}
@media screen and (max-width: 767px) {
	#topics .inner1100{
    width: 100%;
    max-width: 100%;
}
	#topics h2 {
	width:95% !important;
	margin-top: 0 auto ;
	text-align: center;
}
	#topics p{
	width:90%;
	margin:0 auto;
}
}

/* ---------------------------------------------------------------------- */
/* TOP-NEWS BLOG */
/* ---------------------------------------------------------------------- */

.pickup-news{
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
}
.pickup-news div{
	margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
	.pickup-news{
/*		margin-top: 60px;*/
		display: flex;
		max-width: 1100px;
	}
}

#blog dl{
	max-width: 800px;
    margin: 0 auto;
    line-height: 2em;
    padding: 15px;
    background-color: #fff;
    box-sizing: border-box;
}

#blog dl a
{
    color: #404040;
    text-decoration: none;
}

#blog dt
{
	float: left;
	width: 7em;
	text-align: left;
	line-height: 3em;
	padding-left: 1em;
	border-bottom: 1px solid #ccc;
}

#blog a dt
{
	color: #404040;
}

#blog dl dd
{
	padding-left: 8em;
	margin-left: 0;
	line-height: 3em;
	border-bottom: 1px solid #ccc;
}

#blog dd strong { font-weight: bold; }
#blog dd span { color: #404040; }

#blog p.to-blog
{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

#blog .inner1100 ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: stretch;
}
.blogbox, .instabox {
	width: 48%;
	background: #fff;
	padding: 20px 0px 0px;
	vertical-align: top;
	border:1px solid #c6c6c6;
	margin: 0;
}
.blogbox h3, .instabox h3{
	color:#e46d73;
	font-family: "Poppins", sans-serif;
	font-size:3.375em;
	font-weight:200;
	margin:0 auto;
	}
.instabox img{
	max-width: 100%;
	width:100%;
	height: auto;
	display: block;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	object-fit: cover;
	margin:0;
	padding:0;
}
.blogbox .btn{width:300px;background:#e46d73;border-radius:10px; margin:2em auto; padding: 10px;}
.blogbox .btn a {padding: 10px;color: #FFF;text-decoration:none;position: relative;display: block;font-size: 15px;font-weight: 700;text-align:center;}
.blogbox .btn a::after {content: '';width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 5px;transition: 0.8s ease-in-out;}
.blogbox .btn:hover {opacity:0.8;transition:0.8s;}
.blogbox .btn a:hover {color:#fff;}
.blogbox .btn a:hover::after {border-top: 1px solid #fff;border-right: 1px solid #fff;}

@media screen and (max-width: 768px) {
	#blog dl
	{
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
	}
	#blog dt
	{
	float: none;
	border-bottom-style: none;
	padding-bottom: 0px;
	display: block;
	width: auto;
	padding-left: 0px;
	}
#blog dl dd {
	width: 100%;
	float: none;
	display: block;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px;
}
.blogbox,  .instabox {
    width: 95%;
    background: #fff;
	vertical-align: top;
	margin: 0 auto 2em;
}
	.blogbox .btn{width:90%;}
}

/* ---------------------------------------------------------------------- */
/* TOP-4 SUPPORTS */
/* ---------------------------------------------------------------------- */
#support{background-image: url("_images/bg_prism-1.jpg"), url("_images/bg_prism-2.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: contain, contain;
	padding:3em 0;
}

#support .inner1100{
	background:#FFF;
	padding:3em;
	font-size:15px;
	line-height:2;
}
#support img{
	max-width: 100%;
	width:100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	object-fit: cover;
	margin:0;
	padding:0;
}
#support .sub{
	font-size:1.25em;
	text-align:center;
	margin:0 auto;
}
#support h2{
	position:relative;
	background:none;
	color:#80aad8;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:3.2em;
	font-weight:500;
	line-height:1.75;
	text-align:center;
	margin:0 auto;
	padding:0;
}
#support h2::before, #support h2::after{
	content: '';
	width: 60px;
	height: 60px;
	display: inline-block;
}
#support h2::before{
	margin-right: 30px;
	background:url('_images/icon_glitter-1.png') no-repeat top left/contain;
}
#support h2::after{
	margin-left: 30px;
	background:url('_images/icon_glitter-2.png') no-repeat bottom right/contain;
}

#support ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: stretch;
}
#support ul li{
	width:48%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin:2em 0;
}
#support ul li .num{
	width: 50px;
	height: 50px;
	background: #80aad8;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotate(45deg);
	text-align:center;
	margin:0 auto 1em;
}
#support ul li .num span{
	display: inline-block;
	transform: rotate(-45deg);
	color:#FFF;
	font-family: "EB Garamond", serif;
	font-size:3.33em;
	font-weight:400;
	text-align: center;
}
#support ul li .subheading{
	color:#45555d;
	font-size:1.125em;
	text-align:center;
	margin:1em auto 0;
}
#support ul li .title-wrap{
	text-align:center;
}
#support ul li .title-wrap h3{
	color:#45555d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:2.25em;
	font-weight:400;
	display:inline-block;
	position: relative;
	margin:0 auto 1em;
}
#support ul li .title-wrap h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px; 
	width: 100%;
	height: 7px;
	background: linear-gradient(to right, #bbe7df, #e9d9ff, #c6ccff);
	display: block;
	box-sizing: border-box;
}
#support ul li img{
	width:100%;
	height:auto;
	display: block;
	box-sizing: border-box;
	margin:0 auto 1em;
	padding:0;
}
#support ul li dl{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:stretch;
	margin:0;
	padding:0;
}
#support ul li dl dt{
	width:70%;
	margin:0;
	padding:0;
}
#support ul li dl dd{
	width:25%;
	margin:0;
	padding:0;
}
#support ul li p{
	text-align:left;
	margin:1em 0;
}
#support ul li .btn{width:95%;background:#80aad8;border-radius:10px; margin:auto auto 2em; padding: 10px;}
#support ul li .btn a {padding: 10px;color: #FFF;text-decoration:none;position: relative;display: block;font-size: 15px;font-weight: 700;text-align:center;}
#support ul li .btn a::after {content: '';width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 5px;transition: 0.8s ease-in-out;}
#support ul li .btn:hover {opacity:0.8;transition:0.8s;}
#support ul li .btn a:hover {color:#fff;}
#support ul li .btn a:hover::after {border-top: 1px solid #fff;border-right: 1px solid #fff;}
@media screen and (max-width: 768px) {
	#support ul li{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin:1em auto;
}
}

/* ---------------------------------------------------------------------- */
/* TOP-MOVIE*/
/* ---------------------------------------------------------------------- */
#movie {
	position:relative;
	background-color:#fcf0f3;
	background-image:url('_images/bg_glitter.png') ;
	background-repeat:repeat;
	background-position:top left;
	background-size:100px;
	padding:3em 0;
	font-size:15px;
}
#movie .inner{
	background:none;
}
#movie .icon{
	text-align:center;
	margin:0 auto;
	padding:0;
}
#movie .icon img{
	width:97px;
	margin:0;
	padding:0;
}
#movie h2{
	background:none;
	color:#80aad8;
	font-family: "EB Garamond", serif;
	font-size:3.33em;
	font-weight:400;
	line-height:1.5;
	text-align: center;
	margin:0 auto;
	padding:0;
}
#movie p{
	text-align:center;
}
/* ---------------------------------------------------------------------- */
/* 追加youtube スタイル */
/* ---------------------------------------------------------------------- */
.youtube-contents {
	justify-content: center;
}
.youtube-box{
	margin-bottom: 20px;
}
.youtube-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#youtube-top .content-body img {
  width: 100%;
  height: auto;
}
.youtube-box{
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #youtube-top  .content {
display: -webkit-box;
display: -moz-box;
width: 100%;
  }
    #youtube-top .content-body {
    padding-left: 20%;
    padding-right: 20%;
    width: 60%
  }
    #youtube-top .content-body img {
    width: 100%;
    height: auto;
  }
.youtube-box{
  margin-left: 1%;
  margin-right: 1%;
}
.youtube-contents {
 display: flex;
}
.youtube-box{
 width: 48%;
}
}

/* ---------------------------------------------------------------------- */
/* TOP-OTHER */
/* ---------------------------------------------------------------------- */
#top-other{
	padding:3em 0 0;
	font-size:15px;
	line-height:2;
}
#top-other img{
	width:100%;
	height:auto;
	display: block;
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
}
#top-other .inner{}
#top-other .int{
	margin:1em auto;
}
#top-other .int .img-area{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:stretch;
	margin:0 auto;
	padding:0;
}
#top-other .int .img-area li{
	width:50%;
}
#top-other .int .txt-area{
	background:#e46d73;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:stretch;
	margin:0 auto;
	padding:3em;
}
#top-other .int .txt-area li:nth-child(1){
	width:39%;
	border-right:1px solid #FFF;
}
#top-other .int .txt-area li:nth-child(2){
	width:60%;
}
#top-other .int .txt-area li:nth-child(1) h3{
	background:none;
	color:#FFF;
	font-family: "EB Garamond", serif;
	font-size:3em;
	font-weight:400;
	line-height:1.5;
	text-align:center;
	margin:0 auto;
}
#top-other .int .txt-area li:nth-child(1) .sub{
	color:#FFF;
	font-size:1em;
	text-align:center;
	margin:0;
}
#top-other .int .txt-area li:nth-child(2) p{
	position:relative;
	color:#FFF;
	font-size:1.25em;
	font-weight:700;
	text-align:center;
}
#top-other .int .txt-area li:nth-child(2) p::after {
	content: '';
	width: 8px; 
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 5px;
	transition: 0.8s ease-in-out;
}
#top-other .int  a{
	display:block; 
	height:100%; 
	width:100%;
	text-decoration: none;
	color: inherit;
}
#top-other .int  a:hover{
	opacity:0.8;
	transition: 0.8s ease-in-out;
}
#top-other .other-wrap{
	margin:3em auto;
	padding:0;
}
#top-other .other-wrap ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:stretch;
	margin:0 auto;
	padding:0;
}
#top-other .other-wrap ul li a{
	display:block; 
	height:100%; 
	width:100%;
	text-decoration: none;
	color: inherit;
}
#top-other .other-wrap ul li a:hover{
	opacity:0.8;
	transition: 0.8s ease-in-out;
}
#top-other .other-wrap li{
	width:48%;
	background:#fcf0f3;
	padding-bottom:1em;
}
#top-other .other-wrap li .sub{
	color:#45555d;
	font-size:1em;
	text-align:center;
	margin:1em auto 0;
}
#top-other .other-wrap li h3{
	color:#45555d;
	font-size:1.75em;
	font-weight:700;
	text-align:center;
	margin:0 auto;
	padding:0;
}
#top-other .other-wrap li .btn{width:80%;background:#e46d73;color:#FFF;font-weight:700;text-align:center;border-radius:10px; position:relative;margin:2em auto; padding: 20px 10px;}
#top-other .other-wrap li .btn::after {content: '';width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg) translateY(-50%);position: absolute;top: 50%;right: 3%;transition: 0.8s ease-in-out;}

@media screen and (max-width: 768px) {
	#top-other .int .img-area li{
	width:100%;
		margin:0 auto;
}
	#top-other .int .txt-area li:nth-child(1){
		width:100%;
		border-bottom:1px solid #FFF;
		border-right:none;
		padding-bottom: 2em;
}
#top-other .int .txt-area li:nth-child(2){
	width:100%;
}
	#top-other .other-wrap li{
		width:100%;
		background:#fcf0f3;
		margin:0 auto 2em;
		padding-bottom:1em;
}
}
/* ---------------------------------------------------------------------- */
/* POINT */
/* ---------------------------------------------------------------------- */

#point{
	background-position: 187px 0%;
	background-color: #FDF8D0;
	height: auto;
	background-image: url(_images/bg_point.png), -webkit-linear-gradient(270deg,rgba(253,248,208,1.00) 0%,rgba(253,248,208,1.00) 94%,rgba(217,228,227,1.00) 94%,rgba(217,228,227,1.00) 100%);
	background-image: url(_images/bg_point.png), -moz-linear-gradient(270deg,rgba(253,248,208,1.00) 0%,rgba(253,248,208,1.00) 94%,rgba(217,228,227,1.00) 94%,rgba(217,228,227,1.00) 100%);
	background-image: url(_images/bg_point.png), -o-linear-gradient(270deg,rgba(253,248,208,1.00) 0%,rgba(253,248,208,1.00) 94%,rgba(217,228,227,1.00) 94%,rgba(217,228,227,1.00) 100%);
	background-image: url(_images/bg_point.png), linear-gradient(180deg,rgba(253,248,208,1.00) 0%,rgba(253,248,208,1.00) 94%,rgba(217,228,227,1.00) 94%,rgba(217,228,227,1.00) 100%);
	position: relative;
}
#point:after {
	width: 100%;
	height: 192px;
	background-color: #D9E4E3;
	position: absolute;
	bottom: 0px;
	visibility: visible;
	z-index: 100;
}

#point .pointtitle {
	text-align: center;
	background-color: #FDF8D0;
	padding-top: 45px;
	height: 154px;
}

#point .inner1100
{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0 40px;
    text-align: center;
    position: relative;
}
#point .inner1100 .josei {
    position: absolute;
    bottom: -5px;
    right: 97px;
}
.content .jujitu .txtbox {
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 20px;
    padding-bottom: 40px;
}
.content .jujitu .imgbox{
	margin-bottom: 40px;
}

#point ul {
	padding-top: 20px;
}
#point ul li{
	display: inline-block;
	margin: 7px 7px;
	transition: 0.2s;
}
#point ul li:hover{
	opacity: 0.8;
}

.pm0 {
	margin: 0;
	padding: 0;
}
.pm0 img {
	margin: 0 auto;
	padding: 0;
	display: block;
}
.but_more {
	background-color: #F2ADB3;
	padding-top: 50px;
	padding-bottom: 50px!important;
	margin: 0px;
	text-align: center;
}


	#point .kokka a{
		transition: 0.2s;
	}
	#point .kokka a:hover{
		opacity: 0.8;
	}
@media screen and (min-width: 769px) {
	#point .contentbox
		{
	text-align: center;
	position: relative;
	padding: 15px 0px;
	width: 100%!important;
		}

	#point .content-body
	{
		margin-top: -160px;
		z-index: 99;
	}

	#point .kokka{
	padding: 0 0 100px;
	text-align: center;
	}


#point .jujitu{
		padding: 0 0 100px;
	}
	#point .sugoi{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 70px;
	}
	#point .jujitu a{
		transition: 0.2s;
	}
	#point .jujitu a:hover{
		opacity: 0.8;
	}
}

#movie h3{
	background-image: none;
	margin-top: 110px;
	text-align: center;
	font-size: 0em;
	background-color: #EF858C;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}


@media screen and (max-width: 767px) {
	#point{
	height: auto;
	padding-bottom: 50px;
}
#point .kokka {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#point .pointtitle {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#point .pointtitle img {
	width: 300px;
	height: auto;
}

#point .inner1100
{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 0 20px;
    text-align: center;
    position: relative;
}
	#point h3 img{
	width: 100%;
	height: auto;
	}
	#point .content
		{
    text-align: center;
    position: relative;
    background-color: #FFFFFF;
    width: 90%;
    border-radius: 20px;
    padding: 5% 5%;
		}

	#point .content-body
	{
		margin-top: -160px;
		z-index: 99;
	}

	#point .kokka{
	padding: 0 0 50px;
	text-align: center;
	}
	#point .kokka p img{
		width: 100%;
		height: auto;
	}
	#point .kokka p a img{
		width: 208px;
		height: auto;
	}
#point .jujitu{
		padding: 0 0 50px;
	}
#point .jujitu .imgbox.sp.pm0 img {
	width: 100%;
	height: auto;
}

	#point .sugoi{
		padding: 0 0 50px;
	}
	#point .jujitu a{
		transition: 0.2s;
	}
	#point .jujitu a:hover{
		opacity: 0.8;
	}
}
#point .inner1100 .josei {
    display: none;
}
.content .jujitu .txtbox {
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 14px;
    padding-bottom: 40px;
}
.content .jujitu .imgbox{
	margin-bottom: 40px;
}
.content .jujitu .imgbox img{
	width: 100%;
	height: auto;
}

#point ul {
	padding-top: 20px;
	text-align: center;
}
#point ul li{
	display: inline-block;
	margin: 7px 7px;
	transition: 0.2s;
	text-align: center;
}
#point ul li:hover{
	opacity: 0.8;
}


/* ---------------------------------------------------------------------- */
/* interview */
/* ---------------------------------------------------------------------- */
#interview-header {
	background: linear-gradient(180deg,#ffffff 0%,#ffffff 60%,#D9E4E3 60%,#D9E4E3 100%);
	height: auto;
	margin-top: 50px;
}
#interview-header .pc img {
	width: 100%;
	height: auto;
}
#interview-header .sp img {
	width: 100%;
	height: auto;
}

#interview-header h2 {
	background-image: none;
	margin-top: 0px;
	text-align: center;
	font-size: 0em;
	background-color: #EF858C;
	margin-bottom: 0px;
}
#interview-header ul{
	margin-bottom: 40px;
}
#interview-header ul li{
	display: inline-block;
	margin: 0 2px;
}

#interview-header .centerbut
{
    position: relative;
	text-align: center;
	transition: 0.2s;

}

#interview-header .centerbut:hover{
	opacity: 0.8;
}
.interview-voice .btn-to
{
}

.interview-voice .details .btn-to
{
	position: absolute;
/*	bottom: 30px;*/
	left: calc(50% - 70px)
}
.interview-voice .details a{
	transition: 0.2s;
}
.interview-voice .details a:hover{
	opacity: 0.8;
}
.with-video
{
	left:  calc(30% - 70px)!important;
}

.video
{
	left:  calc(70% - 70px)!important;
}

	.voice-header {
		width: 100%;
		height: auto;
		}
@media screen and (max-width: 767px) {
	#interview-header {
	background: linear-gradient(180deg,#ffffff 0%,#ffffff 80%,#D9E4E3 80%,#D9E4E3 100%);
	height: auto;
	margin-top: 50px;
}
	#interview-header h2 {
	background-image: none;
	margin-top: 0px;
	text-align: center;
	font-size: 0em;
	background-color: #EF858C;
	margin-bottom: 0px;
}
	#interview-header ul{
	margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
}
	#interview-header ul li img{
	width: 100%;
		height: auto;
}
	.interview-voice .details img{
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width: 769px) {
#interview-header {
	padding-bottom: 0; 
}

#interview-header .details .btn-to
{
}

	#interview .content  {
	padding-bottom: 130px;
	padding-top: 110px;
	display: flex;
	}
    #interview2 .content  {
    padding-bottom: 80px;
    padding-top: 30px;
	}
	#interview .details,#interview2 .details {
		width: 96%;
		margin: 0 4.5% 0 0;
	}
    #interview .details:nth-of-type(3n){
    margin-right: 0px!important;
    padding-bottom: 0px;
        
    }
	.voice-header {
		height: 485px;
		}

}


/* ---------------------------------------------------------------------- */
/* CAMPUS LIFE */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* VOICE */
/* ---------------------------------------------------------------------- */
.campus-life-container {
	display: table;
}

.campus-life-container-inner {
	display: table-cell;
	width: 50%;
}

.campus-life-banner {
	width: 100%;
}


#voice {
	background: none;
}
#voice .content {
	padding-top: 20px;
	padding-bottom: 15px;

}

#voice h2 {
	background-image: none;
	margin-top: 0px;
	text-align: center;
	font-size: 0em;
	background-color: #EF858C;
	margin-bottom: 0px;
}


#voice ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#voice ul li {
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}

#voice ul li img {
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

#voice ul li:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}


@media screen and (max-width: 768px) {
	#voice ul {
	  display: block;
		width: 90%;
		margin: 0 5%;
	}

	#voice ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}


}



/* ---------------------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------------------- */
.banner-container
{
	height: auto;
	box-sizing: border-box;
	background-color: #EF858C;
}


.banner-container ul {
	margin-left: 0;
}

.banner-container .banner-container-inner {
	display: table;
	height: 100%;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
}

.banner-container-image {
	display: table-cell;
	height: 100%;
	width: 50%;
	max-width: 730px;
	background-image: url("_images/img_oc2.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 264px;
	text-align: center;
	color: #FFFFFF;
}

.banner-container-contactus {
	display: table-cell;
	width: 50%;
	max-width: 730px;
}

.banner-container-contactus-inner {
	max-width: 550px;
/*	padding-top: 10px;*/
}

.banner-container .banner-container-inner h2 {
	margin-bottom: 0;
	color: #FFFFFF;
}

.banner-container .banner-container-inner ul {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
/*  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;*/
  justify-content:space-between;
	padding-bottom: 40px;
	margin-top: 40px;
}

.banner-container .banner-container-inner ul li {
  display: inline-block;
  padding: 1.1em 0;
  border: solid 2px #fff;
  border-radius: 3em;
  transition: .4s;
	background-color: #EF858C;
	width: 12em;
	font-size: 1.15em;
}

.banner-container .banner-container-inner ul a {
  text-decoration: none;
	color: #fff;
	font-weight: 600;
}

.banner-container .banner-container-inner ul li:hover {
	border: solid 2px #FFFFFF;
	background-color: #fff;
	color: #EF858C;
}

.banner-container .banner-container-inner ul li:first-child {
	margin-right: 15px;
}

.banner-container .banner-container-inner ul li:last-child {
	margin-left: 15px;
}

.banner-container .banner-container-inner ul li img {
	width: 100%;
}

@media print, screen and ( min-width : 769px ) {
	.banner-container
	{
		height: 260px;
	}

}

@media only screen and ( max-width : 768px ) {
	.banner-container
{
	background-color: #fff;
}


.banner-container .banner-container-inner {
	display: block;
	height: auto;
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
}

.banner-container-image {
	display: none;
}

.banner-container-contactus {
	display: block;
	width: 100%;
	max-width: 730px;
}

.banner-container-contactus-inner {
		background-color: #EF858C;
	max-width: 550px;
	padding-top: 10px;
	padding-bottom: 30px;
}
	}

.expenses-box {
width: 100%;
	border: 8px solid #c3b8b1;
	padding: 20px 30px 80px;
	color: #ef858c;
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	background-color: #fff;
}

.expenses-box .btn-to {
bottom: 20px;
}

@media print, screen and ( min-width : 769px ) {
.expenses-box .btn-to {
left: calc(50% - 70px);
bottom: 20px;
}
}

@media only screen and ( max-width : 768px ) {
	.btn-to
{
	max-width: 208px!important;
}

.interview-voice .details .btn-to
{
	left: calc(50% - 60px)
}

.with-video
{
	left:  calc(30% - 60px)!important;
}

.video
{
	left:  calc(70% - 60px)!important;
}



}

/*20220628追記　*/

.ao-banner {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
	transition: 0.2s;
}
.ao-banner:hover{
	opacity: 0.8;
}
.ao-banner img{
	max-width: 1106px;
	width: 90%;
	height: auto;
}
.bg-gray2
{
    background-color: #EEEEE8!important;
}
.bg-gray3
{
    background-color: #F9F9F7!important;
}
.inner1100
{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0 60px;
    text-align: center;
    position: relative;
}
.bannerarea {
    padding-top: 50px;
    padding-bottom: 50px;
}

.inlinebox3 {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.inlinebox3 a {
	transition: 0.2s;
}
.inlinebox3 a:hover {
	opacity: 0.8;
	background-image: url(_images/bg_main.jpg);
}

.pc{
	display: block;
}
.sp{
	display: none;
}
@media screen and (max-width: 767px) {
	.pc{
	display: none;
}
.sp{
	display: block;
}
	.ao-banner {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
	transition: 0.2s;
}
	.inner1100
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 0 60px;
    text-align: center;
    position: relative;
}
.bannerarea {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.bannerarea img {
	width: 100%;
	height: auto;
	max-width: 341px;
}


.inlinebox3 {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 20px;
}
.inlinebox3 a {
	transition: 0.2s;
}
.inlinebox3 a:hover {
	opacity: 0.8;
}

}
