@charset "UTF-8";
/*
#header 200
foot-ao 200
headbtmrightmenu 201
mimi 10001
topslider 100-
modal_block 12000
#lean_overlay 11999
open campus img 110, 111
*/



@font-face {
	font-family: 'adventor';
	src: url("tex-gyre-adventor.regular.woff2") format("woff2");
	font-weight: 300;
}
@font-face {
	font-family: 'adventor';
	src: url("tex-gyre-adventor.bold.woff2") format("woff2");
	font-weight: 700;
}

.copfont { 
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
}

html {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 62.5%;
	line-height: 1.8;
	position: relative;
}


#mimi_story {
	position: fixed;
	right: 0;
	bottom: 5%;
	z-index: 1001;
}
#mimi_story div {
	margin-top: 15px;
}


img { vertical-align: bottom; }
.ctr { text-align: center; }
.brsp { display: none; }
.brpc { display: block; }

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

a { text-decoration: none; color: #000; }
a:visited { color: #000; }
a:hover { text-decoration: underline; }


.btn-menu {
	display: block;
}

#sidebar-nav .menulet {
	font-size: 26px;
	font-family: 'adventor';
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: 20px;
}

.sb-width-custom {
	width: 420px;
}

.sb-slidebar.sb-active {
	display: block;
}

.sb-slidebar {
	background: #b7d1d9;
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
}

#sidebar-nav {
	position: relative;
}
#sidebar-nav a {
	text-decoration: none;
	display: block;
}
#sidebar-nav li {
	border-bottom: 1px solid #fff;
}
#sidebar-nav li a {
	padding: 10px 20px;
	color: #000;
}
#sidebar-nav li p {
	border-bottom: 1px solid #fff;
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
}
#sidebar-nav li p:after {
	position: absolute;
	content: '▼';
	top: 16px;
	right: 10px;
	font-size: 16px;
}
#sidebar-nav li .sub {
	background: #97b8d8;
}
#sidebar-nav ul .sub {
	display: none;
}
#sidebar-nav li .sub li {
	border-bottom: 1px solid #fff;
	padding: 10px 20px;
	box-sizing: border-box;
}
#sidebar-nav li .sub li:last-child {
	border-bottom: none;
}
#sidebar-nav li .sub li a {
	padding: 0;
	color: #fff;
	text-indent: 1em;
}

.sb-close {
	position: absolute;
	right: 10px;
	top: 20px;
}

#headerpass {
	text-align: center;
	padding: 20px 0 ;
	height: auto;
}

header {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 90px;
	z-index: 100;
}

header .inner {
	width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

header #logo {
	padding: 25px 0;
}

header ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}

header ul li {
	margin-left: 25px;
}

header ul img {
	width: auto;
	height: 20px;
}

header .btn-menu {
	position: relative;

	cursor: pointer;
	z-index: 1100;
}
header .btn-menu img {
	height: auto;
}
header ul .btn-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
	border-radius: 4px;
}
header ul .btn-trigger, .btn-trigger span {
	display: inline-block;
	transition: all .25s;
	box-sizing: border-box;
}
header ul .btn-trigger span:nth-of-type(1) {
	top: 0;
}
header ul .btn-trigger span:nth-of-type(2) {
	top: 8px;
}
header ul .btn-trigger span:nth-of-type(3) {
	bottom: 0;
}
header ul #btn01.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
header ul #btn01.active span:nth-of-type(2) {
	opacity: 0;
}
header ul #btn01.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}




.whybox {
	padding-bottom: 10px;
	line-height: 1;
}
.whybox p {
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	font-size: 22px;
	padding-bottom: 20px;
}

.whybox p span {
	display: block;
	font-size: 30px;
	color: #ed0079;
}

.whybox h2 {
	font-size: 45px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}
.whybox h2 span {
	display: block;
	font-size: 41px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.whybox h2 span em {
	font-weight: bold;
	color: #ed0079;
}


.swiper-pagination-bullet-active {
	background: #8b8b8b !important;
}
.swiper-pagination1, .swiper-pagination2,
.swiper-pagination3, .swiper-pagination4,
.swiper-pagination5, .swiper-pagination6,
.swiper-pagination7, .swiper-pagination8,
.swiper-pagination9, .swiper-pagination10,
.swiper-pagination11, .swiper-pagination12,
.swiper-pagination13, .swiper-pagination14,
.swiper-pagination15, .swiper-pagination16,
.swiper-pagination17, .swiper-pagination18 {
	width: 100%;
	margin-top: 40px;
	position: relative !important;
	text-align: center;
}
.swiper-pagination1 .swiper-pagination-bullet, .swiper-pagination2 .swiper-pagination-bullet,
.swiper-pagination3 .swiper-pagination-bullet, .swiper-pagination4 .swiper-pagination-bullet,
.swiper-pagination5 .swiper-pagination-bullet, .swiper-pagination6 .swiper-pagination-bullet,
.swiper-pagination7 .swiper-pagination-bullet, .swiper-pagination8 .swiper-pagination-bullet,
.swiper-pagination9 .swiper-pagination-bullet, .swiper-pagination10 .swiper-pagination-bullet,
.swiper-pagination11 .swiper-pagination-bullet, .swiper-pagination12 .swiper-pagination-bullet,
.swiper-pagination13 .swiper-pagination-bullet, .swiper-pagination14 .swiper-pagination-bullet,
.swiper-pagination15 .swiper-pagination-bullet, .swiper-pagination16 .swiper-pagination-bullet,
.swiper-pagination17 .swiper-pagination-bullet, .swiper-pagination18 .swiper-pagination-bullet {
	margin: 10px;
}







#story {
	width: 1020px;
	margin: 0 auto;
	padding: 130px 0 100px 0;
	position: relative;
}

#story .btnlink {
	position: absolute;
	top: 130px;
	right: 0;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #000;
	padding: 0 16px;
}
#story .btnlink a {
	color: #000;
}
#story .btnlink a:hover {
	text-decoration: none;
}

#eightstory {
	background: #fff;
	padding: 15px 0 0 0;
	margin-top: 10px;
}

#eightstory #card {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

#eightstory #card .swiper-slide {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
}

#eightstory #card a {
	color: #000;
}

#eightstory a:hover {
	text-decoration: none;
}

#eightstory .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#eightstory .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 6px 0;
}
#eightstory h3 {
	font-size: 26px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#eightstory img {
	margin: 10px 0;
}
#eightstory .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
}
#eightstory .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}


#topcampuslife {
	background: url(../../images/eachstory/topcampuslifebg_pc.jpg) no-repeat;
	background-size: cover;
	height: 750px;
	padding-top: 120px;
	box-sizing: border-box;
	color: #fff;
}

#topcampuslife .inner {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#topcampuslife .inner .btnlink {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #fff;
	padding: 0 16px;
}

#topcampuslife .inner .btnlink a {
	color: #fff;
}
#topcampuslife .inner .btnlink a:hover {
	text-decoration: none;
}

#topcampuslife .inner #rightlogo {
	position: absolute;
	right: 0;
	bottom: 0;
}

.campcap {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
	margin-top: 20px;
}

.campcap .cap {
	margin-bottom: 40px;
}

.campcap ol {
	width: 500px;
	margin-top: 100px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.campcap ol a {
	display: block;
	color: #fff;
	font-size: 30px;
	margin-bottom: 50px;
	border: 2px solid #fff;
	background: rgba(255,255,255,.1);
	padding: 10px 0 10px 30px;
	box-sizing: border-box;
}
.campcap ol a:hover {
	text-decoration: none;
}
.campcap li:first-letter {
	border-bottom: 2px solid #fff;
}

#snaps {
	padding-bottom: 200px;
}

#snaps .titlebox {
	width: 1020px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
}

#snaps .titlebox .btnlink {
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #000;
	padding: 0 16px;
}

#snaps .titlebox a {
	color: #000;
}
#snaps .titlebox a:hover {
	text-decoration: none;
}

#snaps .titlebox .title1 {
	font-size: 30px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#snaps .titlebox .title2 {
	font-size: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}

#snaps .name {
	font-size: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0;
}
#snaps .carr {
	font-size: 15px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.4;
}







#threep {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff2d8b+0,ffffff+51,00ffff+100 */
background: #ff2d8b; /* Old browsers */
background: linear-gradient(45deg,  #ff2d8b 0%,#ffffff 51%,#00ffff 100%);
}


#threep .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 130px 0 100px 0;
	background: url(../../images/eachstory/point_bg.png) no-repeat 580px 150px;
	position: relative;
}
#threepc .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 80px 0 100px 0;
	background: url(../../images/eachstory/logo_pc.png) no-repeat right 80px;
	background-size: 250px auto;
	position: relative;
}
#threepc .inner .whybox {
	background: url(../../images/eachstory/point_bg.png) no-repeat 360px 60px;
	padding-bottom: 160px;
}
#threep .btnlink, #threepc .btnlink {
	position: absolute;
	top: 130px;
	right: 0;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #000;
	padding: 0 16px;
}
#threep .btnlink a, #threepc .btnlink a {
	color: #000;
}
#threep .btnlink a:hover, #threepc .btnlink a:hover {
	text-decoration: none;
}

#threepoint {
	padding: 15px 0 0 0;
	margin-top: 10px;
}

#threepoint #card2 {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

#threepoint #card2 .swiper-slide {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
}


#threepoint a {
	color: #000;
}

#threepoint a:hover {
	text-decoration: none;
}

#threepoint .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#threepoint .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 6px 0;
}
#threepoint h3 {
	font-size: 36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#threepoint h4 {
	font-size: 28px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: normal;
	line-height: 1.4;
	padding: 20px 0 40px 0;
}
#threepoint h4 span {
	color: #ed0079;
}
#threepoint .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
}
#threepoint .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}







#faq {
	background: url(../../images/eachstory/faq_bg.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
}

#faq .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 130px 0 100px 0;
	background: url(../../images/eachstory/logo_whbg.png) no-repeat right center;
}

#faq a {
	color: #fff;
}

#faq a:hover {
	text-decoration: none;
}

#faq .faqbox {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
}

#faq .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
	padding: 20px 0 60px 0;
	margin-top: 20px;
	background: url(../../images/eachstory/icon_faq.png) no-repeat 180px 0;
}

#faq h3 {
	font-size: 36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 40px;
}
#faq .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
}
#faq .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}













#mov {
	width: 1020px;
	margin: 0 auto;
	padding: 130px 0 100px 0;
	position: relative;
}

#mov .whybox {
	background: url(../../images/eachstory/icon_mov.gif) no-repeat 360px 70px;
}

#mov .btnlink {
	position: absolute;
	top: 130px;
	right: 0;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #000;
	padding: 0 16px;
}
#mov .btnlink a {
	color: #000;
}
#mov .btnlink a:hover {
	text-decoration: none;
}

#movlist {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-top: 50px;
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
}

#movlist img {
	width: 315px;
}

#movlist p {
	padding-top: 10px;
}

#movlist a {
	display: block;
	color: #000;
}

#movlist a:hover {
	text-decoration: none;
}






#teachertop {
	background: url(../../images/eachstory/teachersbg.gif) no-repeat right bottom;
}

#teachertop .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 80px 0 80px 0;
	position: relative;
}

#teachertop .whybox h3 {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	margin-top: 40px;
	padding-top: 20px;
}

#teachertop .btnlink {
	position: absolute;
	top: 130px;
	right: 0;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid #000;
	padding: 0 16px;
}
#teachertop .btnlink a {
	color: #000;
}
#teachertop .btnlink a:hover {
	text-decoration: none;
}

#teachertop .cap {
	font-size: 36px;
	padding-top: 1em;
}

#teachertop a.blocklink {
	display: block;
}

#teachertop a:hover.blocklink {
	text-decoration: none;
}






#footer {
	background: #fff;
	color: #000;
	font-size: 11px;
	padding: 8px 0;
	margin-top: 80px;
	text-align: center;
}

.content {
	padding-top: 90px;
}


#main {
	padding: 115px 0;
	background: url(../../images/eachstory/mainbg_pc.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}


#main2 {
	padding: 115px 0 0 0;
	background: url(../../images/eachstory/main2bg_pc.jpg) no-repeat center bottom;
	background-size: cover;
	text-align: center;
}



.footerlogo {
	padding: 115px 0;
	background: url(../../images/eachstory/mainbg_pc.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}






/*/////////////////// 8 stories ///////////////////*/



#storyc {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#storyc .topinner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}

#storyc .scat {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.8;
	font-weight: bold;
	margin-top: 2em;
}

#storyc .scat p {
	padding-bottom: 1.6em;
}

#storyc ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 100px 0 0 0;
}

#storyc li {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 75px;
}

#storyc a {
	color: #000;
}

#storyc a:hover {
	text-decoration: none;
}

#storyc .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#storyc .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 6px 0;
}
#storyc h3 {
	font-size: 26px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#storyc img {
	margin: 10px 0;
}
#storyc .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
}
#storyc .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}


#storyc #logofix {
	display: block;
	position: fixed;
	width: 1020px;
	text-align: right;
}

#storyc #logofix img {
	width: 250px;
}

#storydettitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 20px;
	margin-bottom: 75px;
}

#storydettitle .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#storydettitle .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 20px 0 10px 0;
}
#storydettitle h3 {
	font-size: 41px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#storydettitle h4 {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	padding-top: 20px;
}

.detailbg1, .detailbg2, .detailbg3, .detailbg4,
.detailbg5, .detailbg6, .detailbg7, .detailbg8 {
	padding-top: 475px;
}

.detailbg1 {	background: url(../../images/eachstory/storydet1bg_pc.jpg) no-repeat center top;}
.detailbg2 {	background: url(../../images/eachstory/storydet2bg_pc.jpg) no-repeat center top;}
.detailbg3 {	background: url(../../images/eachstory/storydet3bg_pc.jpg) no-repeat center top;}
.detailbg4 {	background: url(../../images/eachstory/storydet4bg_pc.jpg) no-repeat center top;}
.detailbg5 {	background: url(../../images/eachstory/storydet5bg_pc.jpg) no-repeat center top;}
.detailbg6 {	background: url(../../images/eachstory/storydet6bg_pc.jpg) no-repeat center top;}
.detailbg7 {	background: url(../../images/eachstory/storydet7bg_pc.jpg) no-repeat center top;}
.detailbg8 {	background: url(../../images/eachstory/storydet8bg_pc.jpg) no-repeat center top;}

.storydetail .plate {
	width: 700px;
	background: rgba(255,255,255,.9);
	padding-top: 65px;
}

.storydetail .header {
	background: url(../../images/eachstory/tatesorezore.gif) no-repeat left 10px;
	padding-left: 30px;
	margin-bottom: 36px;
}

.storydetail .header h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 16px;
}

.storydetail .header .kata {
	font-size: 18px;
	line-height: 1.6;
}

.storydetail .header .name {
	font-size: 24px;
	line-height: 1.2;
}

.storydetail dl {
	font-size: 25px;
	font-weight: bold;
	line-height: 2;
}
.storydetail dt {
	color: #e21e79;
}
.storydetail dd {
	margin-bottom: 45px;
}
.another {
	font-size: 41px;
	font-weight: bold;
	font-family: 'adventor';
	margin-top: 200px;
}
#storyc .another+.anotherlist {
	margin-top: 40px;
}






/*/////////////////// faq ///////////////////*/



#faqc {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#faqc .topinner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}
#faqc .faqbox {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
}

#faqc .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
	padding: 20px 0 60px 0;
	margin-top: 20px;
	background: url(../../images/eachstory/icon_faq.png) no-repeat 180px 0;
}

#faqc h3 {
	font-size: 36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 40px;
}

#faqwrap {
	text-align: center;
}

#faqwrap .anc {
	padding-top: 175px;
	margin-bottom: 95px;
}

#faqwrap #faq01 .anc {	background: url(../../images/eachstory/icon_faq01.gif) no-repeat center top;}
#faqwrap #faq02 .anc {	background: url(../../images/eachstory/icon_faq02.gif) no-repeat center top;}
#faqwrap #faq03 .anc {	background: url(../../images/eachstory/icon_faq03.gif) no-repeat center top;}
#faqwrap #faq04 .anc {	background: url(../../images/eachstory/icon_faq04.gif) no-repeat center top;}
#faqwrap #faq05 .anc {	background: url(../../images/eachstory/icon_faq05.gif) no-repeat center top;}
#faqwrap #faq06 .anc {	background: url(../../images/eachstory/icon_faq06.gif) no-repeat center top;}
#faqwrap #faq07 .anc {	background: url(../../images/eachstory/icon_faq07.gif) no-repeat center top;}

#faqwrap #faq01, #faqwrap #faq02, #faqwrap #faq03, #faqwrap #faq04,
#faqwrap #faq05, #faqwrap #faq06, #faqwrap #faq07 {
	margin-bottom: 150px;
}


#faqwrap .anc .num {
	font-size: 25px;
	font-weight: bold;
	font-family: 'adventor';
	font-weight: bold;
}

#faqwrap .anc .pink {
	font-size: 25px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1;
}

#faqwrap .anc .item {
	font-size: 36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#faqwrap dl {
	font-size: 30px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#faqwrap dt {
	background: url(../../images/eachstory/icon_q.gif) no-repeat center top;
	padding-top: 120px;
}

#faqwrap dt.arrow {
	background: none;
	padding: 0;
	padding-bottom: 40px;
	cursor: pointer;
}

#faqwrap dd {
	background: url(../../images/eachstory/icon_a.gif) no-repeat center top;
	padding-top: 120px;
	text-align: left;
	margin-bottom: 140px;
	display: none;
}

#faqwrap dd.ctr {
	text-align: center;
}

#faqwrap dd span {
	color: #ed0079;
}

#faqwrap dd .caution {
	font-size: 15px;
}

.ancmenu {
	width: 100%;
	margin: 0 auto 100px auto;
	padding: 10px 0;
}

.ancmenu .swiper-slide {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
}

.ancmenu .swiper-slide a {
	color: #000;
}

.ancmenu .num {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

.ancmenu .pink {
	font-size: 25px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
}

.ancmenu .item {
	font-size: 36px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
.ancmenu .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
}
.ancmenu .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}












/*/////////////////// point ///////////////////*/






#pointc {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#pointc .topinner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}

#pointdettitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 20px;
	margin-bottom: 75px;
}

#pointdettitle .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#pointdettitle .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 20px 0 10px 0;
}
#pointdettitle h3 {
	font-size: 41px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#pointdettitle h4 {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	padding-top: 20px;
}

#pointdettitle h3 span,
#pointdettitle h4 span {
	color: #ed0079;
}

#pointwrap {
	text-align: center;
}

#pointwrap .headerbox {
	margin-bottom: 150px;
	background: url(../../images/eachstory/icon_bar.gif) no-repeat center top;
}

#pointwrap .headerbox h2 {
	font-size: 41px;
	color: #ed0079;
	padding-bottom: 1em;
	line-height: 1.4;
	font-weight: bold;
}

#pointwrap .headerbox h3 {
	font-size: 41px;
	color: #ed0079;
	line-height: 1.4;
	font-weight: bold;
}

#pointwrap .headerbox span {
	font-size: 30px;
	color: #000;
}

#pointwrap ol {
	padding-bottom: 100px;
}

#pointwrap ol:last-child {
	padding-bottom: 0;
}

#pointwrap ol li {
	margin-bottom: 100px;
}

#pointwrap ol .outlet {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}

#pointwrap ol h2 {
	font-size: 36px;
}

#pointwrap ol p {
	font-size: 25px;
}

#pointwrap ol .pic2 {
	padding: 35px 0;
}

#pointwrap ol .pic3 {
	padding: 100px 0 10px 0;
}

#pointwrap ol .pic4 {
	padding: 20px 0;
}

#pointwrap ol .caution {
	font-size: 15px;
}



.anotherpointtitle {
	text-align: center;
	font-size: 41px;
	font-weight: bold;
	font-family: 'adventor';
	margin-top: 200px;
}

.anotherpoint {
	display: flex;
	justify-content: space-between;
	width: 500px;
	margin: 30px auto 60px auto;
}

.anotherpoint li {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
}

.anotherpoint .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

.anotherpoint .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 6px 0;
}
.anotherpoint h3 {
	font-size: 26px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
.anotherpoint .more {
	font-size: 16px;
	font-family: 'adventor';
	font-weight: bold;
	margin-top: 16px;
}
.anotherpoint .more img {
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}

.anotherpoint ul {
	display: flex;
	justify-content: space-between;
	width: 500px;
	margin: 30px auto 60px auto;
}

.anotherpoint ul li {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 75px;
}
.anotherpoint a {
	color: #000;
}

.anotherpoint a:hover {
	text-decoration: none;
}

.reasonbefore, .reasonpractice, .reasonafter {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.8;
	padding-top: 130px;
}

.floatbox {
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin-bottom: 20px;
}

.floatbox .parabox {
	width: 460px;
}

.floatbox .parabox .num {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}
.floatbox .parabox .current1 {
	font-size: 25px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
}
.floatbox .parabox .current2 {
	font-size: 36px;
	line-height: 2;
}
.floatbox .parabox .current2+p {
	font-size: 30px;
}











/*/////////////////// mov ///////////////////*/



#movc {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#movc .topinner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}
#movc .topinner .whybox {
	background: url(../../images/eachstory/icon_mov.gif) no-repeat 360px 70px;
}

#movc .topinner .whybox+p {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 40px;
}

#movc .topinner .category {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
}

#movc .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
	padding: 20px 0 0 0;
}

#movc .cap2 {
	font-size: 25px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 6px 0;
}

#movc h3 {
	font-size: 30px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
}

#movlist iframe {
	width: auto;
	height: 190px;
}

#movlist p {
	padding-top: 0;
}

.movbox {
	margin: 100px 0;
}






/*/////////////////// snap ///////////////////*/



#snapc {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#snapc .inner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}

#snapc .scat {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.8;
	font-weight: bold;
	margin-top: 2em;
}

#snapc .scat p {
	padding-bottom: 1.6em;
}

#snaptitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 20px;
	margin-bottom: 75px;
}

#snaptitle .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#snaptitle .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 20px 0 10px 0;
}
#snaptitle h3 {
	font-size: 41px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
}
#snaptitle h4 {
	font-size: 25px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.6;
	padding-top: 20px;
}
#snaptitle h4 span {
	color: #ed0079;
}

#snaplist {
	width: 1080px;
	margin: 140px auto 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#snaplist li {
	margin-bottom: 90px;
}

#snaplist .name {
	font-size: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0;
}
#snaplist .carr {
	font-size: 15px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.4;
}






/*/////////////////// campus life tobira ///////////////////*/



#campustobira {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#campustobira li {
	background: none;
	font-size: 20px;
}

#campustobira li img {
	width: 495px;
}

#campustobira li .tit {
	font-size: 30px;
	font-weight: bold;
}

#campustobira li .tit span {
	font-family: 'adventor';
}






/*/////////////////// senpai ///////////////////*/



#senpai {
	width: 1020px;
	margin: 80px auto 0 auto;
	position: relative;
}

#senpai .inner {
	background: url(../../images/eachstory/logo_pc.png) no-repeat right top;
	background-size: 250px auto;
}

#senpai .scat {
	font-size: 25px;
	line-height: 1.8;
	font-weight: bold;
	margin-top: 2em;
}

#senpai .scat p {
	padding-bottom: 1.6em;
}

#senpaititle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 20px;
	margin-bottom: 75px;
}

#senpaititle .cap {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	line-height: 1.2;
}

#senpaititle .cap2 {
	font-size: 24px;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ed0079;
	line-height: 1.2;
	padding: 20px 0 10px 0;
}
#senpaititle h3 {
	font-size: 41px;
	font-weight: bold;
	line-height: 1.2;
}
#senpaititle h4 {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.6;
	padding-top: 20px;
}
#senpaititle h4 span {
	color: #ed0079;
}

#senpaic {
	width: 800px;
	margin: 0 auto;
	font-size: 20px;
}

#senpaic .senpaiprofile1 {
	background: url(../../images/eachstory/senpai01.png) no-repeat;
	width: 600px;
	height: 580px;
	margin-bottom: 50px;
	margin-left: auto;
	box-sizing: border-box;
}

#senpaic .senpaiprofile2 {
	background: url(../../images/eachstory/senpai02.png) no-repeat;
	width: 560px;
	height: 640px;
	margin-bottom: 50px;
	margin-left: auto;
	box-sizing: border-box;
}

#senpaic .senpaiprofile1 div {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 180px 150px;
	padding-left: 180px;
	padding-top: 160px;
	font-weight: bold;
}

#senpaic .senpaiprofile2 div {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 200px 180px;
	padding-left: 200px;
	padding-top: 190px;
	font-weight: bold;
}
#senpaic .senpaiprofile1 span,
#senpaic .senpaiprofile2 span {
	font-size: 30px;
}

.senpaibox {
	margin-bottom: 80px;
}
.senpaibox:after {
	display: block;
	content: '';
	clear: both;
}

.senpaibox h3 {
	background: linear-gradient(90deg, rgba(255,70,148,1) 0%, rgba(255,255,255,1) 50%, rgba(0,255,254,1) 100%);
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 4px 0;
	margin-bottom: 36px;
}

.senpaibox h3 span {
	background: #fff;
	padding: 4px 0;
	display: block;
}

.senpaibox .pic1 {
	float: left;
	margin-right: 20px;
}

.senpaibox .pic1 img {
	width: 300px;
}

.schedule {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	margin-top: 40px;
}

.schedule dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.schedule dt {
	width: 300px;
	border-bottom: 2px solid #000;
	text-align: right;
	padding: 20px 0;
}
.schedule dd {
	width: 470px;
	border-bottom: 2px solid #000;
	padding: 20px 0;
}
.schedule dt:last-of-type,
.schedule dd:last-of-type {
	border-bottom: none;
}
.schedule dd .pic {
	float: right;
}






/*/////////////////// listenteacher ///////////////////*/



#listenteacher .inner {
	width: 1020px;
	margin: 0 auto;
	padding: 80px 0 100px 0;
	background: url(../../images/eachstory/logo_pc.png) no-repeat right 80px;
	background-size: 250px auto;
	position: relative;
}
#listenteacher .inner .whybox {
	padding-bottom: 160px;
}


#listenteacher .whybox h3 {
	font-size: 25px;
	font-family: 'adventor';
	font-weight: bold;
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	margin-top: 40px;
	padding-top: 20px;
}

.teacherslist1 {
	padding: 15px 0 120px 0;
	margin-top: 10px;
	border-bottom: 1px solid #000;
	font-size: 40px;
}

.teacherslist1 .card {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

.teacherslist1 h3 {
	text-align: center;
}

.teacherslist1 .gakka {
	font-size: 25px;
	text-align: center;
}
.teacherslist1 .senseiname {
	font-size: 30px;
	text-align: center;
	padding-top: 0;
}
.teacherslist1 .senseiname span {
	font-size: 20px;
}

.teacherslist1 p {
	font-size: 25px;
	padding-top: 20px;
}

.teacherslist1 .card .swiper-slide {
	padding-top: 10px;
	box-sizing: border-box;
	height: auto;
}

.swiper-slide .comm {
	background: url(../../images/eachstory/teachers/comm_01.gif) no-repeat center top;
	background-size: 99%;
}

.swiper-slide .comm h4 {
	background: url(../../images/eachstory/teachers/comm_02.gif) no-repeat center bottom;
	background-size: 99%;
	padding: 30px 40px 60px 40px;
	font-size: 30px;
	height: 100%;
	box-sizing: border-box;
	line-height: 1.6;
}




.snstitle {text-align: center;}
.snstitle span {
	font-size: 35px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 1em;
	padding-top: 60px;
	display: inline-block;
	border-bottom: 4px solid #ff0019;
}

.snstitle+p {
	text-align: center;
	font-size: 17px;
	margin-bottom: 2em;
}
.snstitle+p strong {
	color: #eb1c24
}

.snslist {
	width: 460px;
	margin: 0 auto 100px auto;
	display: flex;
	justify-content: space-between;
	text-align: center;
}


#form .formtitle {
	text-align: center;
	margin-bottom: 2em;
}

.kobetsu_bnr {
	padding: 40px 0;
	text-align: center;
	background-color: #00a496;
}
.kobetsu_bnr .content-inner {
	width: 1000px;
	margin: 0 auto;
}
.kobetsu_bnr .content-inner ul {
	display: flex;
	justify-content: space-between;
}




#footgo .bgray {
	text-align: center;
	background: #e5e5e5;
	padding: 30px 0;
}
#footgo .bgray p {
	font-size: 20px;
}
#footgo .bgray p:first-child {
	font-size: 22px;
	font-weight: bold;
}
#footgo .bgray p:last-child {
	font-size: 25px;
	font-weight: bold;
}

#footgo .footer {
	text-align: center;
	background: #23a99e;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
}




/*/////////////////// SP ///////////////////*/
@media screen and (max-width: 768px) {



#mimi_story {
	position: fixed;
	right: 0;
	bottom: 5%;
	z-index: 1001;
}
#mimi_story div {
	margin-top: 20%;
	text-align: right;
}
#mimi_story div img {
	width: 50%;
}


.brsp { display: block; }
.brpc { display: none; }
img { width: 100%; height: auto; }


#headerpass img{
	width: 75%;
}

header {
	height: 45px;
}

header .inner {
	width: 92%;
}

header #logo {
	padding: 4% 0;
	width: 76%;
}
header #logo img {
	width: 68.8667%;
}

header ul {
	padding-top: 1%;
}

header ul li {
	margin-left: 0;
}
header .btn-menu {
	background: none;
}
header .btn-menu img {
	height: 40px
}


#sidebar-nav .menulet {
	font-size: 5.4667vw;
	padding: 2.6667%;
}

.sb-width-custom {
	width: 100%;
}

.sb-slidebar {
	font-size: 3.2vw;
}
#sidebar-nav {
	color: #000;
}
#sidebar-nav ul {
	width: 100%;
}
#sidebar-nav li a {
	padding: 2.6667%;
}
#sidebar-nav li p {
	padding: 2.6667%;
}
#sidebar-nav li p:after {
	top: 30%;
	right: 5%;
	font-size: 3.2vw;
}
#sidebar-nav li .sub {
	width: 100%;
}
#sidebar-nav li .sub li {
	padding: 2.6667%;
}
#sidebar-nav li .sub li a {
	padding: 0;
	border: none;
}

.sb-close {
	position: absolute;
	right: 10px;
	top: 14px;
}

.sb-close img {
	width: auto;
	height: 30px;
}


.whybox {
	padding-bottom: 2.8667%;
}
.whybox p {
	font-size: 2.9333vw;
	padding-bottom: 1%;
}

.whybox p span {
	font-size: 4vw;
}

.whybox h2 {
	font-size: 6vw;
}
.whybox h2 span {
	font-size: 5.4667vw;
}


.swiper-pagination1, .swiper-pagination2, .swiper-pagination3,
.swiper-pagination4, .swiper-pagination5, .swiper-pagination6,
.swiper-pagination7, .swiper-pagination8, .swiper-pagination9,
.swiper-pagination10, .swiper-pagination11, .swiper-pagination12,
.swiper-pagination13, .swiper-pagination14, .swiper-pagination15,
.swiper-pagination16, .swiper-pagination17, .swiper-pagination18 {
	margin-top: 10%;
	text-align: left;
}
.swiper-pagination1 .swiper-pagination-bullet, .swiper-pagination2 .swiper-pagination-bullet,
.swiper-pagination3 .swiper-pagination-bullet, .swiper-pagination4 .swiper-pagination-bullet,
.swiper-pagination5 .swiper-pagination-bullet, .swiper-pagination6 .swiper-pagination-bullet {
	margin: 4%;
}

.swiper-pagination7 .swiper-pagination-bullet, .swiper-pagination8 .swiper-pagination-bullet,
.swiper-pagination9 .swiper-pagination-bullet, .swiper-pagination10 .swiper-pagination-bullet,
.swiper-pagination11 .swiper-pagination-bullet, .swiper-pagination12 .swiper-pagination-bullet,
.swiper-pagination13 .swiper-pagination-bullet, .swiper-pagination14 .swiper-pagination-bullet,
.swiper-pagination15 .swiper-pagination-bullet, .swiper-pagination16 .swiper-pagination-bullet,
.swiper-pagination17 .swiper-pagination-bullet, .swiper-pagination18 .swiper-pagination-bullet {
	margin: 4% 3%;
}







#story {
	width: 100%;
	padding: 18% 0 12.6667% 20%;
	background-size: 3.2667% auto;
	box-sizing: border-box;
}

#story .btnlink {
	top: 12%;
	right: 10%;
	font-size: 2.6667vw;
	padding: 0 4%;
}

#eightstory {
	padding: 0;
	margin-top: 2%;
}

#eightstory #card {
	padding: 5% 0;
}

#eightstory #card .swiper-slide {
	padding-top: .5%;
	background-size: 20% auto;
}

#eightstory .cap {
	font-size: 3.3333vw;
}

#eightstory .cap2 {
	font-size: 3.0333vw;
	padding: 1% 0;
}
#eightstory h3 {
	font-size: 3.0333vw;
}
#eightstory img {
	margin: 4% 0;
}
#eightstory .more {
	font-size: 2.6667vw;
}
#eightstory .more img {
	width: 13.3333%;
	margin-left: 3%;
}


#topcampuslife {
	background: url(../../images/eachstory/topcampuslifebg_sp.jpg) no-repeat;
	background-size: 100% auto;
	height: auto;
	padding-top: 18%;
	padding-bottom: 10%;
}

#topcampuslife .inner {
	width: 100%;
	padding-left: 20%;
	box-sizing: border-box;
}
#topcampuslife .inner .btnlink {
	top: 0%;
	right: 10%;
	font-size: 2.6667vw;
	padding: 0 4%;
}
#topcampuslife .inner #rightlogo {
	bottom: auto;
	top: 28%;
	right: -15%;
}
#topcampuslife .inner #rightlogo img {
	width: 50%;
}

.campcap {
	padding-top: 4%;
	font-size: 3.3333vw;
	margin-top: 4%;
}

.campcap .cap {
	margin-bottom: 5%;
}
.campcap ol {
	width: 90%;
	margin-top: 8%;
}

.campcap ol a {
	font-size: 4vw;
	margin-bottom: 10%;
	padding: 3% 0 3% 5%;
}

.campcap img {
	width: 24%;
}

#snaps {
	padding-bottom: 20%;
}

#snaps .titlebox {
	width: 90%;
	padding: 10% 0;
}
#snaps .titlebox .btnlink {
	top: 36%;
	font-size: 2.6667vw;
	padding: 0 4%;
}
#snaps .titlebox .title1 {
	font-size: 4vw;
}

#snaps .titlebox .title2 {
	font-size: 2.6667vw;
}

#snaps .name {
	font-size: 3.3333vw;
	padding: 4% 0;
}
#snaps .carr {
	font-size: 2.6667vw;
}








#threepc {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#threepc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#threep .inner {
	width: 100%;
	padding: 18% 0 12.6667% 20%;
	background: url(../../images/eachstory/point_bg.png) no-repeat 75% 22%;
	background-size: 16%;
	box-sizing: border-box;
}

#threepc .inner {
	width: 100%;
	background: none;
	box-sizing: border-box;
	padding: 0;
	padding-left: 20%;
	background: none;
}
#threepc .inner .whybox {
	background: url(../../images/eachstory/point_bg.png) no-repeat 75% 42%;
	background-size: 16%;
	padding-bottom: 20%;
}

#threep .btnlink, #threepc .btnlink {
	top: 12%;
	right: 10%;
	font-size: 2.6667vw;
	padding: 0 4%;
}

#threepoint {
	padding: 0;
	margin-top: 0;
	width: 100%;
	box-sizing: border-box;
}

#threepoint #card2 {
	padding: 5% 0;
	box-sizing: border-box;
}

#threepoint #card2 .swiper-slide {
	padding-top: .5%;
	background-size: 10% auto;
}

#threepoint .cap {
	font-size: 3.3333vw;
}

#threepoint .cap2 {
	font-size: 3.0333vw;
	padding: 1% 0;
}
#threepoint h3 {
	font-size: 5.2vw;
}
#threepoint h4 {
	font-size: 4.8vw;
	padding: 2% 0 4% 0;
}
#threepoint .more {
	font-size: 2.6667vw;
}
#threepoint .more img {
	width: 6.3333%;
	margin-left: 3%;
}







#faq {
	background: url(../../images/eachstory/faqsp_bg.jpg) no-repeat center center;
	background-size: auto 100%;
}

#faq .inner {
	padding: 18% 0 12.6667% 20%;
	background: none;
	box-sizing: border-box;
}

#faq .faqbox {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	background-size: 3% auto;
}

#faq .cap {
	font-size: 3.3333vw;
	padding: 1% 0 4% 0;
	margin-top: 0;
	background: url(../../images/eachstory/icon_faq.png) no-repeat 10% 20%;
	background-size: 8% auto;
}

#faq h3 {
	width: 30%;
	font-size: 4.8vw;
	margin-bottom: 2%;
}
#faq .more {
	font-size: 2.6667vw;
}
#faq .more img {
	width: 1.3333%;
	margin-left: 1%;
}













#mov {
	width: 100%;
	padding: 15.4667% 0 13.3333% 20%;
	box-sizing: border-box;
}

#mov .whybox {
	background: url(../../images/eachstory/icon_mov.gif) no-repeat 70% 80%;
	background-size: 16% auto;
}

#mov .btnlink {
	top: 12%;
	right: 10%;
	font-size: 2.6667vw;
	padding: 0 4%;
}

#movlist {
	margin-top: 10%;
	font-size: 4vw;
}

#movlist img {
	width: 100%;
}

#movlist p {
	padding-top: 2%;
}






#teachertop {
	background: url(../../images/eachstory/teachersbg.gif) no-repeat center bottom;
	background-size: 100%;
}

#teachertop .inner {
	width: 100%;
	margin: 0 auto;
	padding: 10% 10% 50% 20%;
	box-sizing: border-box;
}

#teachertop .whybox h3 {
	font-size: 3.3333vw;
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	margin-top: 10%;
	padding-top: 5%;
}

#teachertop .btnlink {
	top: 8%;
	right: 10%;
	font-size: 2.6667vw;
	padding: 0 4%;
}

#teachertop .cap {
	font-size: 4.8vw;
}










footer {
	font-size: 3.2vw;
	padding: 2.6667% 0;
	margin-top: 0;
}

.content {
	padding-top: 0;
	margin: 0;
}




#main {
	padding: 42.6667% 0 52% 0;
	background: url(../../images/eachstory/mainbg_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}
#main2 {
	padding: 42.6667% 0 0 0;
	background: url(../../images/eachstory/main2bg_sp.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

#main:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#main img {
	width: 65.3333%
}

#main2 img {
	width: 85.3333%
}



.footerlogo {
	padding: 22.6667% 0 22.6667% 0;
	background: url(../../images/eachstory/footerbg_sp.jpg) no-repeat center center;
	background-size: auto 100%;
}

.footerlogo img {
	width: 65.3333%
}






/*/////////////////// 8 stories ///////////////////*/



#storyc {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#storyc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#storyc .topinner {
	padding-left: 20%;
	padding-right: 10%;
	background: none;
}

#storyc .scat {
	font-size: 3.3333vw;
}

#storyc .scat p {
	padding-bottom: 1.6em;
}

#storyc ul {
	width: 100%;
	margin: 10% 0 0 0;
}

#storyc li {
	background-size: 20% auto;
	padding-top: 2%;
	margin-bottom: 10%;
	width: 46%;
}

#storyc a {
	color: #000;
}

#storyc a:hover {
	text-decoration: none;
}

#storyc .cap {
	font-size: 3.3333vw;
}

#storyc .cap2 {
	font-size: 3.0333vw;
	padding: 1% 0;
}
#storyc h3 {
	font-size: 3.0333vw;
}
#storyc img {
	width: 100%;
	margin: 4% 0;
}
#storyc .more {
	font-size: 2.6667vw;
}
#storyc .more img {
	width: 13.3333%;
	margin-left: 3%;
}


#storyc #logofix {
	display: none;
}

#storydettitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 21% top;
	background-size: 6% auto;
	padding-top: 4%;
	padding-left: 20%;
	margin-bottom: 20%;
}

#storydettitle .cap {
	font-size: 3.3333vw;
}

#storydettitle .cap2 {
	font-size: 3.3333vw;
	padding: 5% 0 2% 0;
}
#storydettitle h3 {
	font-size: 5.4667vw;
}
#storydettitle h4 {
	font-size: 3.3333vw;
	padding-top: 2%;
}

.detailbg1, .detailbg2, .detailbg3, .detailbg4,
.detailbg5, .detailbg6, .detailbg7, .detailbg8 {
	padding-top: 64%;
}

.detailbg1 {
	background: url(../../images/eachstory/storydet1bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg2 {
	background: url(../../images/eachstory/storydet2bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg3 {
	background: url(../../images/eachstory/storydet3bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg4 {
	background: url(../../images/eachstory/storydet4bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg5 {
	background: url(../../images/eachstory/storydet5bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg6 {
	background: url(../../images/eachstory/storydet6bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg7 {
	background: url(../../images/eachstory/storydet7bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}
.detailbg8 {
	background: url(../../images/eachstory/storydet8bg_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
}

.storydetail .plate {
	width: 90%;
	padding: 10% 10.6667% 0 10.6667%;
	margin-left: auto;
	box-sizing: border-box;
}

.storydetail .header {
	background: url(../../images/eachstory/tatesorezore.gif) no-repeat left 3%;
	background-size: 3% auto;
	padding-left: 7%;
	margin-bottom: 10%;
}

.storydetail .header h2 {
	font-size: 4vw;
	margin-bottom: 4%;
}

.storydetail .header .kata {
	font-size: 2.6667vw;
}

.storydetail .header .name {
	font-size: 3.2vw;
}

.storydetail dl {
	font-size: 3.3333vw;
}
.storydetail dd {
	margin-bottom: 1em;
}
.another {
	font-size: 5.4667vw;
	margin-top: 21.3333%;
	margin-left: 20.8%;
}

.anoinner {
	margin-left: 20.8%;
}

#storyc .another+.anotherlist {
	margin-top: 6.6667vw;
}






/*/////////////////// faq ///////////////////*/



#faqc {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#faqc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#faqc .topinner, #faqc .topinner2 {
	padding-left: 20%;
	padding-right: 10%;
	background: none;
}
#faqc .faqbox {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
}

#faqc .cap {
	font-size: 3.3333vw;
	padding: 4% 0 10% 0;
	margin-top: 2%;
	background: url(../../images/eachstory/icon_faq.png) no-repeat 40% 0;
	background-size: 25% auto;
}

#faqc h3 {
	font-size: 4.8vw;
	margin-bottom: 10%;
}

.ancmenu {
	margin: 10% auto 20% auto;
}

#faqwrap .anc {
	padding-top: 40.3333%;
	margin-bottom: 8.6667%;
}

#faqwrap #faq01 .anc, #faqwrap #faq02 .anc, #faqwrap #faq03 .anc,
#faqwrap #faq04 .anc, #faqwrap #faq05 .anc, #faqwrap #faq06 .anc,
#faqwrap #faq07 .anc {	background-size: 36.6667% auto;}


#faqwrap #faq01, #faqwrap #faq02, #faqwrap #faq03, #faqwrap #faq04,
#faqwrap #faq05, #faqwrap #faq06, #faqwrap #faq07 {
	margin-bottom: 30%;
}

#faqwrap .anc .num {
	font-size: 3.3333vw;
}

#faqwrap .anc .pink {
	font-size: 3.3333vw;
}

#faqwrap .anc .item {
	font-size: 4.8vw;
}

#faqwrap dl {
	font-size: 4vw;
}

#faqwrap dt {
	background-size: 16% auto;
	padding-top: 26%;
}

#faqwrap dt.arrow {
	padding: 0;
	padding-bottom: 10%;
}
#faqwrap dt.arrow img {
	width: 10%;
}

#faqwrap dd {
	font-size: 3.3333vw;
	background-size: 16% auto;
	padding-top: 26%;
	margin-bottom: 27.3333%;
}

#faqwrap dd .caution {
	font-size: 2.6667vw;
}




.ancmenu {
	padding: 0;
	padding-left: 20%;
	box-sizing: border-box;
}

.ancmenu .swiper-slide {
	background-size: 20% auto;
	padding-top: .5%;
}

.ancmenu .iconpic {
	text-align: left;
}

.ancmenu .iconpic img {
	width: 60%;
}

.ancmenu .num {
	font-size: 3.3333vw;
}

.ancmenu .pink {
	font-size: 3.3333vw;
}

.ancmenu .item {
	font-size: 4.8vw;
}
.ancmenu .more {
	font-size: 2.6667vw;
}
.ancmenu .more img {
	width: 13.3333%;
	margin-left: 3%;
}









/*/////////////////// point ///////////////////*/






#pointc {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#pointc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#pointc .topinner {
	padding-left: 20%;
	padding-right: 13.3333%;
	background: url(../../images/eachstory/logo_sp.png) no-repeat 92% top;
	background-size: 30% auto;
}

#pointdettitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	background-size: 12% auto;
	padding-top: 8%;
	margin-bottom: 20%;
	box-sizing: border-box;
	width: 140%;
}

#pointc #pointdettitle .cap {
	font-size: 3.3333vw;
}

#pointc #pointdettitle .cap2 {
	font-size: 3.3333vw;
	padding: 5% 0 2% 0;
}
#pointc #pointdettitle h3 {
	font-size: 5.4667vw;
}
#pointdettitle h4 {
	font-size: 3.3333vw;
	padding-top: 2%;
}

#pointwrap {
	text-align: left;
}

#pointwrap .headerbox {
	margin-bottom: 37.3333%;
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	background-size: 12% auto;
	width: 140%;
}

#pointwrap .headerbox h2 {
	font-size: 5.4667vw;
}

#pointwrap .headerbox h3 {
	font-size: 5.4667vw;
}

#pointwrap .headerbox span {
	font-size: 4vw;
}

#pointwrap ol {
	padding-bottom: 24%;
	text-align: center;
}

#pointwrap ol:last-child {
	padding-bottom: 0;
}

#pointwrap ol li {
	margin-bottom: 26%;
}

#pointwrap ol .outlet {
	font-size: 4vw;
}

#pointwrap ol h2 {
	font-size: 4.8vw;
	line-height: 1.4;
}

#pointwrap ol p {
	font-size: 3.3333vw;
	text-align: left;
}
#pointwrap ol .pic {
	text-align: center;
	padding: 6% 0;
}

#pointwrap ol .pic2 {
	padding: 0;
	text-align: center;
	padding: 6% 0;
}
#pointwrap ol .pic2 img {
	width: 100%;
}

#pointwrap ol .pic3 {
	padding: 20% 0 5% 0;
	text-align: center;
}

#pointwrap ol .pic4 {
	padding: 4% 0;
}

#pointwrap ol .pic4 img {
	width: 100%;
}

#pointwrap ol img {
	width: 64%;
}

#pointwrap ol .caution {
	font-size: 2.6667vw;
}



.anotherpointtitle {
	text-align: left;
	font-size: 5.4667vw;
	margin-top: 40%;
	padding: 0 20%;
	box-sizing: border-box;
}

.anotherpoint {
	width: 100%;
	margin: 5% auto 20% auto;
	padding: 0 10% 0 20%;
	box-sizing: border-box;
}

.anotherpoint li {
	background-size: 18% auto;
	padding-top: 3%;
	width: 100%;
	box-sizing: border-box;
}

.anotherpoint .cap {
	font-size: 3.3333vw;
}

.anotherpoint .cap2 {
	font-size: 3.3333vw;
	padding: 3% 0;
}
.anotherpoint h3 {
	font-size: 4vw;
}
.anotherpoint .more {
	font-size: 2.9333vw;
	margin-top: 10%;
}
.anotherpoint .more img {
	width: 13.3333%;
	margin-left: 3%;
}

.anotherpoint ul {
	display: flex;
	justify-content: space-between;
	width: 500px;
	margin: 30px auto 60px auto;
}

.anotherpoint ul li {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 75px;
}
.anotherpoint a {
	color: #000;
}

.anotherpoint a:hover {
	text-decoration: none;
}

.reasonbefore, .reasonpractice, .reasonafter {
	font-size: 3.3333vw;
	padding-top: 5%;
	position: relative;
}

.floatbox {
	display: block;
}

.floatbox .parabox {
	width: 100%;
	text-align: center;
	padding-top: 20%;
}

#pointwrap .floatbox .parabox p {
	font-size: 3.3333vw;
	text-align: center;
}

#pointwrap .floatbox .parabox .num {
	font-size: 3.3333vw;
	text-align: center;
}
.floatbox .parabox .current1 {
	font-size: 3.3333vw;
}
.floatbox .parabox .current2 {
	font-size: 4.8vw;
}
.floatbox .parabox .current2+p {
	font-size: 3.3333vw;
}

.floatbox .picthum {
	padding: 4% 0;
}

.floatbox .picthum img {
	width: 100% !important;
}



.sb-width-custom {
	width: 100%;
}











/*/////////////////// mov ///////////////////*/



#movc {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#movc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#movc .topinner {
	padding-left: 20%;
	padding-right: 10%;
	background: none;
}
#movc .topinner .whybox {
	background: url(../../images/eachstory/icon_mov.gif) no-repeat 100% 10%;
	background-size: 20% auto;
}

#movc .topinner .whybox+p {
	font-size: 3.3333vw;
	margin-bottom: 10%;
}

#movc .topinner .category {
	background-size: 8% auto;
}

#movc .cap {
	font-size: 3.3333vw;
	padding: 2% 0 0 0;
}

#movc .cap2 {
	font-size: 3.3333vw;
	padding: 1% 0;
}

#movc h3 {
	font-size: 4vw;
	margin-bottom: 4%;
}

#movc #movlist {
	margin-top: 0;
}

#movlist iframe {
	width: 100%;
	height: auto;
}

#movlist p {
	padding-top: 0;
}

.movbox {
	margin: 20% 0;
}






/*/////////////////// snap ///////////////////*/



#snapc {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#snapc:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#snapc .inner {
	padding-left: 0;
	padding-right: 0;
	background-size: 20% auto;
	background-position: 90% 0
}

#snapc .scat {
	font-size: 3.3333vw;
}

#snapc .scat p {
	padding-bottom: 1.6em;
}

#snaptitle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 17% top;
	background-size: 6% auto;
	padding-top: 4%;
	padding-left: 16%;
	margin-bottom: 20%;
}

#snaptitle .cap {
	font-size: 3.3333vw;
}

#snaptitle .cap2 {
	font-size: 3.3333vw;
	padding: 5% 0 2% 0;
}
#snaptitle h3 {
	font-size: 5.4667vw;
}
#snaptitle h4 {
	font-size: 3.3333vw;
	padding-top: 2%;
}

#snaplist {
	width: 94.1333%;
	margin: 10% auto 0 auto;
}

#snaplist li {
	width: 48%;
	margin-bottom: 10%;
}

#snaplist .name {
	font-size: 3.3333vw;
	padding: 4% 0;
}
#snaplist .carr {
	font-size: 2.6667vw;
}






/*/////////////////// campus life tobira ///////////////////*/



#campustobira {
	width: 80%;
	display: block;
	margin-bottom: 20% !important;
}

#campustobira li {
	width: 100%;
	font-size: 2.6667vw;
}

#campustobira li img {
	width: 100%;
}

#campustobira li .tit {
	font-size: 4vw;
}






/*/////////////////// senpai ///////////////////*/



#senpai {
	width: 100%;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#senpai:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#senpai .inner {
	padding-left: 0;
	padding-right: 0;
	background-size: 20% auto;
	background-position: 90% 0
}

#senpai .scat {
	font-size: 3.3333vw;
}

#senpai .scat p {
	padding-bottom: 1.6em;
}

#senpaititle {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 17% top;
	background-size: 6% auto;
	padding-top: 4%;
	padding-left: 16%;
	margin-bottom: 5%;
}

#senpaititle .cap {
	font-size: 3.3333vw;
}

#senpaititle .cap2 {
	font-size: 3.3333vw;
	padding: 5% 0 2% 0;
}
#senpaititle h3 {
	font-size: 5.4667vw;
}
#senpaititle h4 {
	font-size: 3.3333vw;
	padding-top: 2%;
}

#senpaic {
	width: 74%;
	padding-left: 4%;
	margin-bottom: 20%;
	font-size: 3.3333vw;
}

#senpaic .senpaiprofile1 {
	background-size: 28%;
	width: 100%;
	height: auto;
	margin-bottom: 6.6667%;
}

#senpaic .senpaiprofile2 {
	background-size: 32%;
	width: 100%;
	height: auto;
	margin-bottom: 6.6667%;
}

#senpaic .senpaiprofile1 div {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 32.6667% 27%;
	background-size: 6% auto;
	padding-left: 30.6667%;
	padding-top: 28%;
	padding-bottom: 24%;
	box-sizing: border-box;
}

#senpaic .senpaiprofile2 div {
	background: url(../../images/eachstory/icon_bar.gif) no-repeat 34.6667% 27%;
	background-size: 6% auto;
	padding-left: 32.6667%;
	padding-top: 30%;
	padding-bottom: 40%;
	box-sizing: border-box;
}
#senpaic .senpaiprofile1 span,
#senpaic .senpaiprofile2 span {
	font-size: 5.2444vw;
}

.senpaibox {
	margin-bottom: 14.6667%;
}

.senpaibox h3 {
	font-size: 3.3333vw;
	padding: .5% 0;
	margin-bottom: 1em;
}

.senpaibox h3 span {
	padding: 2% 0;
}

.senpaibox .pic1 {
	float: none;
	margin-right: 0;
	margin-bottom: 4%;
}

.senpaibox .pic1 img {
	width: 100%;
}

.schedule {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	margin-top: 10%;
}


.schedule dt {
	width: 36%;
	border-bottom: 1px solid #000;
	padding: 4% 0;
}
.schedule dd {
	width: 56%;
	border-bottom: 1px solid #000;
	padding: 4% 0;
}






/*/////////////////// listenteacher ///////////////////*/




#listenteacher {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 25.6667%;
	background: none;
}
#listenteacher:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url(../../images/eachstory/topstorysp_bg.gif);
	background-size:cover;
}

#listenteacher .inner {
	width: 100%;
	background: none;
	box-sizing: border-box;
	padding: 0;
	padding-left: 20%;
	background: none;
}
#listenteacher .inner .whybox {
	padding-bottom: 20%;
}


#listenteacher .whybox h3 {
	font-size: 3.3333vw;
	background-size: 6% auto;
	margin-top: 5%;
	padding-top: 5%;
}



.teacherslist1 {
	padding: 5% 0 20% 0;
	margin-top: 5%;
	font-size: 5.3333vw;
}

.teacherslist1 .card {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0;
}

.teacherslist1 .gakka {
	font-size: 2.6667vw;
}
.teacherslist1 .senseiname {
	font-size: 4vw;
}
.teacherslist1 .senseiname span {
	font-size: 2.6667vw;
}
.teacherslist1 p {
	font-size: 3.3333vw;
	padding-top: 20px;
}

.teacherslist1 .card .swiper-slide {
	padding-top: 10px;
	box-sizing: border-box;
	height: auto;
}

.swiper-slide .comm h4 {
	padding: 8% 10% 20% 10%;
	font-size: 5.3333vw;
	line-height: 1.4;
}


.snstitle span {
	font-size: 4.6667vw;
	margin-top: 10.6667%;
	padding-top: 10.6667%;
	background-size: 6.6667%;
}

.snstitle+p {
	font-size: 4.2667vw;
}

.snslist {
	width: 61.3333%;
	margin: 0 auto 10.6667% auto;
}
.snslist img {
	width: 80%;
}



	.kobetsu_bnr .content-inner {
		width: 94%;
		padding: 0 3.125%;
	}
	.kobetsu_bnr .content-inner ul {
		flex-wrap: wrap;
	}
	.kobetsu_bnr .content-inner li {
		margin-bottom: 20px;
	}
	.kobetsu_bnr .content-inner li img {
		width: 100%;
		height: auto;
	}




}