@font-face {
	font-family: 'Folk';
	src: url('../fonts/A-OTF-FolkPro-Bold.woff') format('woff');
}

@font-face {
	font-family: 'shigoto';
	src: url('../fonts/shigoto.woff') format('woff');
}

html,
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
	color: #000;
	height: 100%;
	padding: 0;
	margin: 0;
}

section {
	padding-top: 110px;
}

.contents section {
	padding-top: 40px;
}

a {
	color: #000;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a:hover {
	outline: none;
	text-decoration: none;
	color: #213e98;
}

a:focus {
	outline: none;
	outline-offset: 0;
}

ul {
	list-style: none;
}

.center {
	text-align: center;
}

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


/* --------------------------------
	アニメーション
-------------------------------- */

.inviewUp { /*上へスライド */
	transform: translate(0, 150px);
	-webkit-transform: translate(0, 150px);
	transition: 20s;
}

.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.inviewDown { /*上へスライド2 */
	transform: translate(0, 180px);
	-webkit-transform: translate(0, 180px);
	transition: 20s;
}

.Down {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* 上下に動くアニメーション */
	-webkit-animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;

	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:4s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -15px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -15px);}
	100% {-moz-transform:translate(0, 0);}
}

.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
	0% {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

100% {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	}
}

@keyframes scaleIn {
	0% {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

100% {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	}
}

/* --------------------------------
	ハイライト
-------------------------------- */

::selection{
	background: #3dbec2;
	color:#000;
}

::-moz-selection{ /*Firefoxに対応*/
	background: #3dbec2;
	color:#000;
}


/* --------------------------------
	line 下線
-------------------------------- */

.c-marker {
	background: -webkit-linear-gradient(left, rgb(255,235,0,1) 50%, transparent 50%);
	background: -moz-linear-gradient(left, rgb(255,235,0,1) 50%, transparent 50%);
	background: linear-gradient(left, rgb(255,235,0,1) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .9em; 
	background-position: 100% .1em;
	transition: 3s;
}

.c-marker.is-active{
	background-position: 0% .2em;
}



@keyframes mark {
from {
	background-repeat: no-repeat;
	background-size: 0% 100%;
}
to {
	background-repeat: repeat;
	background-size: 100% 100%;
	}
}

.mark {
	background: linear-gradient(#ffd400 20%, #ffd400 70%);
	animation-name: mark;
	-webkit-animation-name: mark;
}

/* --------------------------------
	title 見出し
-------------------------------- */


.title {
	margin-bottom: 40px;
}

.title h1 {
	padding: 0 0 10px;
	background-color: #fff;
	z-index: 999;
}

.title img {
	display: inline-block;
}

.title span {
	display: block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	position: relative;
	top: 8px;
	letter-spacing: 0.09em;
}

.title p{
	font-size: 1.1em;
	line-height: 33px;
}


/* --------------------------------
	ribbon 英進館HPへ戻る
-------------------------------- */


#ribbon_left {
	position: absolute;
	width: 170px;
	height: 170px;
	text-indent: -666em;
	/*overflow: hidden;*/
	z-index: 3;
}

#ribbon_left.left {
	left: 0;
}

#ribbon_left a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 170px;
	height: 170px;
	background-repeat: no-repeat;
	background-position: -30px -32px;
	background-size: 170px 170px;
}

#ribbon_left.honorable.white a {
	background-image: url(../images/ribbon_left.png);
}


/* --------------------------------
	button ボタン
-------------------------------- */

.btn-common {
	font-size: 1em;
	color: #000;
	border: 1px solid #000;
	font-weight: 300;
	padding: 12px 30px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.btn-common:hover,
.btn-common:focus {
	outline: none;
	background: #215caf;
	box-shadow: none;
	color: #fff;
	border-color: #215caf;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
.annotate{ background-color: white; font-size: 0.4em; margin: 5px auto 0; padding: 15px 17px 10px;text-align: left; color: #000; line-height: 18px;}

@keyframes btn-common {
	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}


/* --------------------------------
	アイコン
-------------------------------- */


.fa-angle-down {
	padding-right: 6px;
}

.fa-angle-up {
	font-size: 1.5em;
}

.fa-external-link {
	padding-right: 8px;
}

.fa-pencil{
	padding-right: 7px;
}

.fa-flag{
	margin-right: 10px;
	color: #215caf;
}

/* --------------------------------
	周りの白フレームライン　frames
-------------------------------- */


.frame-line {
	position: fixed;
	left: 0;
	right: 0;
	display: block;
	background: #fff;
}

.frame-line.left-frame {
	width: 50px;
	left: 0;
	height: 100%;
	right: auto;
	z-index: 2;
}

.frame-line.bottom-frame {
	height: 50px;
	bottom: 0;
	z-index: 2;
}

.frame-line.right-frame {
	width: 50px;
	right: 0;
	height: 100%;
	left: auto;
	z-index: 2;
}

.frame-line.top-frame {
	height: 35px;
	top: 0;
	z-index: 2;
}

/* --------------------------------
	mouse effect
-------------------------------- */


.mouse {
	position: absolute;
	width: 20px;
	height: 35px;
	bottom: 100px;
	left: 50%;
	margin-left: -12px;
	border-radius: 15px;
	border: 1px solid #fff;
	-webkit-animation: intro 1s;
	animation: intro 1s;
	opacity: 0.8;
}

.mouse_scroll {
	display: block;
	width: 1px;
	height: 5px;
	margin: 6px auto;
	border-radius: 4px;
	background: #fff;
	-webkit-animation: finger 2s infinite;
	animation: finger 2s infinite;
}


/* --------------------------------
	Header　ヘッダー
-------------------------------- */

header .slide-right{
	position: absolute;
	/*position: fixed;*/
	right: 0;
	/*right: 30px;*/
	bottom: 0;
	z-index: 2;
	max-width: 630px;
}

header{
	overflow-x: hidden;
}

.home_top{
	position:fixed;
	left:1.1%;
	top: 40%;
	cursor: pointer;
	letter-spacing:0.4em;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-family: "Cantarell", sans-serif;
	-webkit-writing-mode:vertical-rl;
	color: #2f2f2f;
	font-size: 0.8em;
	text-align: left;
	z-index: 3;
}

.box-intro {
	text-align: center;
	display: table;
	height: 100vh;
	width: 100%;
	background-image: url('../images/main-v8.jpg');/*デフォルト時*/
	/*background-image: url('../images/mv_v2.jpg');/*トップ画面変更時*/
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*.bg-film:before {
	background: url(../images/dot.gif);
	opacity: 0.04;
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}*/

.box-intro .table-cell {
	display: table-cell;
	vertical-align: top;
	position: relative;
	top: -48px;
	left: 27px;
}

.win .box-intro .table-cell {
	display: table-cell;
	vertical-align: top;
	position: relative;
	top: 15;
	left: 26px;
}

.table-cell b{text-shadow: 5px 5px 15px #fff;}

.box-intro h1{
	font-size: 7.8em;
	color: #3f3f3f;
	letter-spacing: 40px;
	font-weight: 700;
	position: relative;
	top: 15px;
	text-shadow: 5px 5px 15px #fff;
}

.box-intro h2 {
	font-family: "Cantarell", sans-serif;
	font-size: 1.1em;
	letter-spacing: 10px;
	text-transform: uppercase;
	color: #000;
	line-height: 4;
	font-weight: 700;
	position: relative;
	top: 10px;
}

.box-words-wrapper{
	position: relative;
	top: 15px;
}

.box-intro em {
	font-style: normal;
	text-transform: uppercase
}

b{
	font-weight: 300;
}

b i:last-child {
	color: #ffeedb !important;
}

@keyframes intro {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes finger {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@keyframes finger {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}


/* text rotate */

.box-headline {
	font-size: 3em;
	line-height: 0;
}

.box-words-wrapper {
	display: inline-block;
	position: relative;
}

.box-words-wrapper b {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0;
	font-size: 1.1em;
	text-shadow: 5px 5px 15px #fff;
}

.box-words-wrapper b.is-visible {
	position: relative;
	left: -10px;
}

.no-js .box-words-wrapper b {
	opacity: 0;
}

.no-js .box-words-wrapper b.is-visible {
	opacity: 1;
}

.box-headline.rotate-2 .box-words-wrapper {
	-webkit-perspective: 300px;
	perspective: 300px;
}

.box-headline.rotate-2 i,
.box-headline.rotate-2 em {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.box-headline.rotate-2 b {
	opacity: 0;
}

.box-headline.rotate-2 i {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-20px) rotateX(90deg);
	transform: translateZ(-20px) rotateX(90deg);
	opacity: 0;
}

.is-visible .box-headline.rotate-2 i {
	opacity: 1;
}

.box-headline.rotate-2 i.in {
	-webkit-animation: box-rotate-2-in 0.4s forwards;
	animation: box-rotate-2-in 0.4s forwards;
}

.box-headline.rotate-2 i.out {
	-webkit-animation: box-rotate-2-out 0.4s forwards;
	animation: box-rotate-2-out 0.4s forwards;
}

.box-headline.rotate-2 em {
	-webkit-transform: translateZ(20px);
	transform: translateZ(20px);
}

.no-csstransitions .box-headline.rotate-2 i {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 0;
}

.no-csstransitions .box-headline.rotate-2 i em {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.no-csstransitions .box-headline.rotate-2 .is-visible i {
	opacity: 1;
}

@-webkit-keyframes box-rotate-2-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0deg);
	}
}

@keyframes box-rotate-2-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg);
		transform: translateZ(-20px) rotateX(90deg);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg);
		transform: translateZ(-20px) rotateX(-10deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0deg);
		transform: translateZ(-20px) rotateX(0deg);
	}
}

@keyframes box-rotate-2-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0);
		transform: translateZ(-20px) rotateX(0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-100deg);
		transform: translateZ(-20px) rotateX(-100deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-90deg);
		transform: translateZ(-20px) rotateX(-90deg);
	}
}



.box-intro .btn-common {
	font-size: 1.1em;
	color: #000;
	background: #fff;
	position: relative;
	left: 23px;
	padding: 15px 30px;
	margin:0 20px;
}

.box-intro .btn-common:hover,
.box-intro .btn-common:focus {
	outline: none;
	background: #deeeff;
	box-shadow: none;
	color: #000;
	border-color: #000;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}



/* --------------------------------
	nav
-------------------------------- */

nav{
	text-align: right;
}

.skew-menu {
	position: absolute;
	left: 80px;
	z-index: 3;
}

.skew-menu ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	transform: skew(-25deg);
}

.skew-menu ul li {
	background: #fff;
	float: left;
	border-right: 1px solid #efefef;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	color: #353535;
	transition: all 0.1s linear;
	letter-spacing: 0.05em;
	font-size: 1.1em;
}

.skew-menu ul li:first-child {
	border-radius: 7px 0 0 7px;
}

.skew-menu ul li:last-child {
	border-right: none;
	border-radius: 0 7px 7px 0;
}

.skew-menu ul li:hover {
	background: #215caf;
	color: #fff;
}

.skew-menu ul li a {
	display: block;
	padding: 1.2em 2em;
	color: inherit;
	text-decoration: none;
	transform: skew(25deg);
}

#inq{
	background: #da4545;
	color: #fff;
	font-weight: 100;
}

#req{
	background: #255ead;
	color: #fff;
	font-weight: 100;
}


/* --------------------------------
	特別情報　tokubetsu
-------------------------------- */

#tokubetsu .campaign{
	width: 97%;
	position: relative;
	left: 42px;
	z-index: 999;
	margin-bottom: 40px;
}
#tokubetsu .campaign img{}
#tokubetsu .contact .btn-common {top: 0;}

#tokubetsu .btn-common {
	/*font-size: 1.3em;*/
	font-size: 2.4em;
	color: #fff;
	border: 3px solid #da4545;
	background: #da4545;
	font-weight: 300;
	/*padding: 12px 30px;*/
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 770px;
}

#tokubetsu .btn-common:hover,
#tokubetsu .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #da4545;
	border-color: #da4545;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

#tokubetsu .contents .btn-common {
	font-size: 2.4em;
	color: #fff;
	border: 3px solid #215caf;
	background: #215caf;
	font-weight: 300;
	/*padding: 12px 30px;*/
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 770px;
}

#tokubetsu .contents .btn-common:hover,
#tokubetsu .contents .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #215caf;
	border-color: #215caf;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}


/* --------------------------------
	新着情報　news
-------------------------------- */

.sp_img{
	text-align: center!important;
}
.sp_img img{
	margin: 1%;
}

#news h1{
	text-align: center!important;
}

#news{
	background-color: #fff;
	padding-top: 4em;
	font-size: 1.1em;
}

.oaerror {
	width: 80%;
	margin: 0 auto;
	background-color: #fff;
	padding:23px 23px 23px 50px;
	border: 1px solid #eee;
	border-radius: 3px;
	margin: 0 auto;
	letter-spacing: 0.1em;
}

.success {
	background-color: rgba(247, 247, 247, 1);
	margin-top: 20px;
}


/* --------------------------------
	opening 最初の言葉
-------------------------------- */

#opening{
	margin-top: 40px;
	background-color: #f9f7ed;
	padding:35px 0 50px;
}

.opening h1 {
	margin-bottom: 25px;
	font-size: 3.8em;
	letter-spacing: 0.1em;
	/*font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
	/*font-family: "shigoto",sans-serif;*/
}

.opening p {
	letter-spacing: 0.1em;
	line-height: 33px;
	margin-bottom: 15px;
	font-size: 1.1em;
}


.opening_btn{
	padding: 10px 30px 9px;
}

#opening .img_left{
	float: left;
	position: relative;
	bottom: 390px;
	left: -5px;
	z-index: 999999;
}

#opening .img_right{
	float: right;
	position: relative;
	bottom: 480px;
	z-index: 999999;
}


#opening .btn-common {
	/*font-size: 1.3em;*/
	font-size: 2.4em;
	color: #fff;
	border: 3px solid #da4545;
	background: #da4545;
	font-weight: 300;
	/*padding: 12px 30px;*/
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 770px;
}

#opening .btn-common:hover,
#opening .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #da4545;
	border-color: #da4545;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

#opening .contents .btn-common {
	font-size: 2.4em;
	color: #fff;
	border: 3px solid #215caf;
	background: #215caf;
	font-weight: 300;
	/*padding: 12px 30px;*/
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 770px;
}

#opening .contents .btn-common:hover,
#opening .contents .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #215caf;
	border-color: #215caf;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

#opening .ikkan .ikkan {
	background: #beab3f;
	border: 3px solid #beab3f;
}

#opening .ikkan .btn-common:hover,
#opening .ikkan .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #beab3f;
	border-color: #beab3f;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}


/* --------------------------------
	contents 学習内容ご紹介
-------------------------------- */

#contents{
	margin-top: 100px;
	background-color: #f9f7ed;
	padding:35px 0 50px;
}

.contents h1 {
	margin-bottom: 20px;
	font-size: 3.5em;
}

.contents p {
	letter-spacing: 0.1em;
	line-height: 33px;
	margin-bottom: 15px;
	font-size: 1.1em;
}

#contents .contents .btn-common {
	font-size: 1.9em;
	color: #fff;
	border: 1px solid #215caf;
	background: #215caf;
	font-weight: 300;
	/*padding: 12px 30px;*/
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 530px;
}

#contents .contents .btn-common:hover,
#contents .contents .btn-common:focus {
	outline: none;
	background: #da4545;
	box-shadow: none;
	color: #fff;
	border-color: #da4545;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}


/* --------------------------------
	elem 小学部
-------------------------------- */

#elem{
	margin-bottom: 30px;
}

#elem h1{
	margin-bottom: 0;
}

#elem h2{
	margin: 45px 0 40px;
	font-size:1.6em;
	padding: 22px 0;
	text-align: center;
	border-top: 4px double #28a58f;
	border-bottom: 4px double #28a58f;
	background-color: #f4fffc;
	color: #2a2a2a;
}

#elem .high_left{
	text-align: left;
}

#elem table{
	font-size: 1.1em;
}

#elem table th{
	font-weight: 200;
	letter-spacing: 0.05em;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	padding: 20px;
	text-align: center;
	line-height: 24px;
}


#elem .alert-danger{
	padding-left: 25px;
	line-height: 25px;
	margin-top: 40px;
}

#elem .table{
	table-layout: fixed;
}

#elem td {
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
}

#elem th {
	padding: 15px;
}

/* --------------------------------
	junior 中学部
-------------------------------- */

#junior{
	margin-bottom: 80px;
}

#junior h1{
	margin-bottom: 0;
}

#junior h2{
	margin: 45px 0 40px;
	font-size:1.6em;
	padding: 22px 0;
	text-align: center;
	border-top: 4px double #28a58f;
	border-bottom: 4px double #28a58f;
	background-color: #f4fffc;
	color: #2a2a2a;
}

#junior .high_left{
	text-align: left;
}

#junior table{
	font-size: 1.1em;
}

#junior table th{
	font-weight: 200;
	letter-spacing: 0.05em;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	padding: 20px;
	text-align: center;
	line-height: 24px;
}

#junior .alert-danger{
	padding-left: 25px;
	line-height: 25px;
	margin-top: 40px;
}

#junior .table{
	table-layout: fixed;
}

#junior td {
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
}

#junior th {
	padding: 15px;
}




/* --------------------------------
	video 動画
-------------------------------- */

.video, .video2{
	position: relative;
	width: 60%;
	padding-top: 34%;
	margin: 50px auto 0;
}

.video iframe, .video2 iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.video2, .video2-title{width: 45%; margin-top: 0.5%; margin-left: 32px;}
.video2-title{padding-left: 0; margin-top: 1%;}
.video2-title p{font-size: 1.3em;}


/* --------------------------------
	voice 保護者様の声
-------------------------------- */

#voice{
	padding-top: 50px;
}

#voice h1 a, #voice h1 a:hover{
	color: #000;
	text-decoration: none;
}

#voice .btn-common small{color: #fff;}

#voice .voice .btn-common {
	font-size: 2.4em;
	color: #fff;
	border: 3px solid #215caf;
	background: #215caf;
	font-weight: 300;
	padding: 20px;
	position: relative;
	margin-top: 20px;
	transform: translateZ(0);
	backface-visibility: hidden;
	width: 750px;
}

#voice .voice .btn-common:hover,
#voice .voice .btn-common:focus {
	outline: none;
	background: #fff;
	box-shadow: none;
	color: #215caf;
	border-color: #215caf;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}


/* --------------------------------
	flow 参加の流れ
-------------------------------- */

.flow{
	margin-top: 150px;
	font-size: 1.1em;
	line-height: 28px;
}

.timeline {
	position: relative;
	padding: 0;
	list-style: none;
}

.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	width: 1px;
	margin-left: -1.5px;
	background-color: #c7c7c7;
}

.timeline>li {
	position: relative;
	margin-bottom:0;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li .timeline-panel {
	float: right;
	position: relative;
	width: 100%;
	padding:0 20px 0 100px;
	text-align:left;
	top: -40px;
}

.timeline>li .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}

.timeline>li .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}

.timeline>li .timeline-image {
	z-index: 1;
	position: absolute;
	top: 30px;
	left: -30px;
	width: 149px;
	height: 150px;
	margin-left: 0;
	text-align: center;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 0 20px 0 100px;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}

.timeline>li:last-child {
	margin-bottom: 0;
}

.timeline .timeline-heading h2{
	position: relative;
	top: 15px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 1.5em;
	/*font-style: italic;*/
	margin-bottom: 33px;
	letter-spacing: 0.1em;

}

.timeline .timeline-heading .bg_right{
	width: 83px;
	height: 55px;
	position: absolute;
	top: 20px;
	left: 16px;
	z-index: -1;
}

.timeline .timeline-heading .bg_left{
	width: 83px;
	height: 55px;
	position: absolute;
	top: 20px;
	right: 22px;
	z-index: -1;
}


.timeline .timeline-heading h2.subheading {
	font-size: 2em;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
	text-align: justify;
	text-justify: inter-ideograph;
}

@media(min-width:768px) {
	.timeline:before {
		left: 50%;
	}

	.timeline>li {
		margin-bottom: 40px;
		min-height: 100px;
	}

	.timeline>li .timeline-panel {
		float: left;
		width: 41%;
		padding: 0 20px 20px 30px;
		text-align: right;
	}

	.timeline>li .timeline-image {
		left: 50%;
		width: 210px;
		height: 200px;
		margin-left: -100px;
	}

	.timeline>li.timeline-inverted>.timeline-panel {
		float: right;
		padding: 0 30px 20px 20px;
		text-align: left;
	}
}

	@media(min-width:992px) {
		.timeline>li {
		min-height: 150px;
	}

	.timeline>li .timeline-panel {
		padding: 0 20px 20px;
	}

	.timeline>li .timeline-image {
		width: 150px;
		height: 150px;
		margin-left: -75px;
	}

	.timeline>li.timeline-inverted>.timeline-panel {
		padding: 0 20px 20px;
	}
}

@media(min-width:1200px) {
	.timeline>li {
		min-height: 170px;
	}

	.timeline>li .timeline-panel {
		padding: 0 35px 20px 90px;
	}

	.timeline>li .timeline-image {
		width: 300px;
		height: 180px;
		margin-left: -147px;
	}

	.timeline>li.timeline-inverted>.timeline-panel {
		padding: 0 100px 20px 30px;
	}
}



/* 吹き出し */
#balloon-1-bottom {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	background: #fffdc2;
	border: 3px solid #000;
	z-index: 0;
}

#balloon-1-bottom:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fffdc2 transparent transparent transparent;
	z-index: 0;
}

#balloon-1-bottom:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
	z-index: -1;
}


/* --------------------------------
	テスト会
-------------------------------- */

.test-item {
	right: 0;
	margin: 0 0 30px;
}

.test-item img {
	transition: 0.9s;
}

.test-item img:hover {
	opacity: 0.5;
}

.test-item .test-link {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 400px;
}

.test-item .test-caption{
	margin: 0 auto 15px;
	padding: 20px 13px 25px 18px;
	max-width: 400px;
	text-align: left;
	box-shadow: 0 3px 0 #e4e4e4;
	font-size: 1em;
	height: 160px;
}

.test-item .test-caption h2{
	margin: 12px 0 6px;
	font-size: 1.4em;
	text-align: left;
}

.test-caption .el{
	background:#f87f2b;
	padding:4px 8px 2px;
	color: #fff;
	font-size: 1.1em;
	float: right;
	position: relative;
	top: -10px;
}

.test-caption .ju{
	background:#0b8ce2;
	padding:4px 8px 2px;
	color: #fff;
	font-size: 1.1em;
	float: right;
	position: relative;
	top: -10px;
}

.muryo{
	margin-left:6px;
	background:#d30000;
	padding:4px 8px 2px;
	color: #fff;
	font-size: 1.1em;
	float: right;
	position: relative;
	top: -10px;
}

.el_time{
	color:#f87f2b;
	font-weight: bold;
	display: block;
	line-height: 55px;
	margin-top: -10px;
	font-size: 1.3em;
}

.ju_time{
	color:#0b8ce2;
	font-weight: bold;
	display: block;
	line-height: 55px;
	margin-top: -10px;
	font-size: 1.3em;
}

.day{
	font-size: 0.8em;
}

.test-caption small{
	color: #000;
	font-size: 74%;
	display: block;
	margin-bottom: 11px;
	margin-top: -3px;
}

/*コーナーリボン*/

.ribon-el {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.ribon-el .caption {
	display: inline;
}

.ribon-el span {
	position: absolute;
	display: inline-block;
	top: 15px;
	left: -45px;
	width: 150px;
	padding: 6px 10px 4px;
	background: #f87f2b;
	color: #fff;
	text-align: center;
	transform: rotate(-45deg);
	font-size: 1.2em;
}

.ribon-ju {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.ribon-ju .caption {
	display: inline;
}

.ribon-ju span {
	position: absolute;
	display: inline-block;
	top: 15px;
	left: -45px;
	width: 150px;
	padding: 6px 10px 4px;
	background: #0b8ce2;
	color: #fff;
	text-align: center;
	transform: rotate(-45deg);
	font-size: 1.2em;
}

/* --------------------------------
	参加特典
-------------------------------- */

.tokuten {
	background-color: #f9f7ed;
}

.kigen{
	position:relative;
	top: -15px;
	background: #cd3131;
	padding: 25px;
	margin-bottom: 50px;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width: 54%;
}

.kigen_title{
	font-size: 2.1em;
	color: #fff;
	display: block;
	margin-bottom: 15px;
}

.kigen_el{
	padding:4px 20px;
	background-color: #fff;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #cd3131;
	font-weight: bold;
	font-size: 1.7em;
	margin-right: 10px;
}

.kigen_ju{
	padding:4px 20px;
	background-color: #fff;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #cd3131/*#dd2222*/;
	font-weight: bold;
	font-size: 1.7em;
	margin-right: 10px;
}

/*中学部限定特典*/
.sp_toku{
	position:relative;
	top: -15px;
	background: #255ead;
	padding: 25px;
	margin-bottom: 50px;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width: 54%;
}

/*.sp_toku:hover{
	background-color: #3373c9;
}*/

.sp_toku_title{
	font-size: 2.1em;
	color: #fff;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}

.sp_toku_text{
	padding:4px 20px;
	background-color: #fff;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #000;
	font-weight: bold;
	font-size: 1.7em;
	margin-right: 10px;
}

.sp_toku_text .emphasis{color: #dd2222;}

/*atama+キャンペーン*/
.atama_toku{
	position:relative;
	top: -15px;
	background: #0095ab;
	padding: 25px;
	margin-bottom: 50px;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width: 54%;
}

.atama_toku:hover{
	background-color: #38b3c5;
}

.atama_toku_title{
	font-size: 2.1em;
	color: #fff;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}

.atama_toku_text{
	padding:4px 5px;
	background-color: #fff;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #000;
	font-weight: bold;
	font-size: 1.7em;
	margin-right: 10px;
}

.atama_toku_text .emphasis{color: #dd2222;}

.toku_box{
	background:#c8b547;
	padding:4px 8px 1px 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size:0.8em;
}

.tokuten .point_item {
	margin: 40px 0 25px;
}

.tokuten .point_item .point_caption {
	margin: 0 auto;
	padding: 10px 25px 20px;
	max-width: 400px;
}

.tokuten .point_item .point_caption p{
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.1em;
	line-height: 27px;
}

.tokuten .point_item .point_caption h2{
	font-size: 1.6em;
	margin-bottom: 25px;
}

.tokuten .point_item img{
	position: relative;
	left: 20px;
}


/* --------------------------------
	講習日程
-------------------------------- */

.schedule h2 {
	font-size: 1.7em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

.schedule li {
	font-size: 1.1em;
	padding: 20px 0;
}

.schedule_inner ul li a{
	position:relative;
	color: #000;
}

.panel ul li a::before,
.panel ul li a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.panel ul li a::before {
	/*margin-right: 20px;*/
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.panel ul li a::after {
	margin-left: 20px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.panel ul li a:hover::before,
.panel ul li a:hover::after,
.panel ul li a:focus::before,
.panel ul li a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.panel>.list-group .acd{
	padding: 3%;
}

.panel-heading{padding: 0.3em 0 0;}
.panel-heading h2{margin: 0.9em 0;}

/*小学部*/
.acd-check{
	display: none;
}
.acd-label{
	background: #e76b69;
	color: #fff;
	display: block;
	/*margin-bottom: -20px;*/
	padding: 3%;
	position: relative;
	font-size: 1.3em;
}
.acd-label:after{
	background: #c11e1c;
	box-sizing: border-box;
	content: '\f067';
	display: block;
	font-family: "Font Awesome 5 Free";
	height: 100%;
	padding: 17px 20px;
	position: absolute;
	right: 0;
	top: 0px;
	
}
.acd-content{
	/*border: 1px solid #333;*/
	display: block;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	/*transition: .5s;*/
	visibility: hidden;
}
.acd-content li {
	padding: 20px 20px;
}
.acd-check:checked + .acd-label:after{
	content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
	height: 100%;
	opacity: 1;
	padding: 0;
	visibility: visible;
}

.acd-checkb{
	display: none;
}
.acd-label2{
	background: #2a82c5;
	color: #fff;
	display: block;
	/*margin-bottom: -20px;*/
	/*margin-bottom: auto;
	/*margin-top: 20px;*/
	padding: 3%;
	position: relative;
	font-size: 1.3em;
}
.acd-label2:after{
	background: #1952a9;
	box-sizing: border-box;
	content: '\f067';
	display: block;
	font-family: "Font Awesome 5 Free";
	height: 100%;
	padding: 17px 20px;
	position: absolute;
	right: 0;
	top: 0px;
}
.acd-content2{
	/*border: 1px solid #333;*/
	display: block;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	/*transition: .5s;*/
	visibility: hidden;
}
.acd-content2 li {
	padding: 20px 20px;
}
.acd-checkb:checked + .acd-label2:after{
	content: '\f068';
}
.acd-checkb:checked + .acd-label2 + .acd-content2{
	height: 100%;
	opacity: 1;
	padding: 0;
	visibility: visible;
}

.panel-acd{
	border: none;
	box-shadow: none;
}

@media (max-width: 767px){
	.acd-label:after, .acd-label2:after{
		padding: 11px 20px;
	}
}


/* --------------------------------
	高等部
-------------------------------- */

.nav-tabs{
	margin-top: 40px;
}


#high h2{
	margin: 45px 0 38px;
	font-size:1.6em;
	padding: 22px 0;
	text-align: center;
	border-top: 4px double #28a58f;
	border-bottom: 4px double #28a58f;
	background-color: #f4fffc;
	color: #2a2a2a;
}

#high .high_left{
	text-align: left;
}

#high table{
	font-size: 1.1em;
}

#high table th{
	font-weight: 200;
	letter-spacing: 0.05em;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	padding: 20px;
	text-align: center;
	line-height: 24px;
}

.vertical {
	height: 16em;
	margin-left: 0.1em;
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.high_tokuten_inner{
	padding: 10px 30px 30px;
}

.gakunen{
	background: #fff;
	color: #215caf;
	padding: 3px 15px;
	margin-left: 30px;
	font-size: 17px;
	font-weight: bold;
}

.btn-info{
	margin-top: 7px;
}

#high .alert-danger{
	padding-left: 25px;
	line-height: 25px;
	margin-top: 40px;
}

.kamoku{
	padding: 3px 5px;
	background-color: #0dab93;
	display: block;
	color: #fff;
	width: 100px;
	margin-top: 5px;
	margin-left: 30px;
}

.kingaku{
	padding: 8px 10px;
	background-color: #ca0606;
	display: block;
	color: #fff;
	width: 110px;
	margin-left: 15px;
	margin-top: 5px;
	line-height: 17px;
	font-size: 0.9em;
}

.waribiki{
	padding: 8px 5px 5px;
	background-color: #ddb014;
	display:inline-block;
	color: #fff;
	width: 130px;
	margin-left: 20px;
	letter-spacing: -0.01em;
	font-size: 0.9em;
}

.nyugaku{
	padding: 3px;
	background-color: #1393f6;
	display:inline-block;
	color: #fff;
	width: 100px;
	margin-right: 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

/* --------------------------------
	高等部 講習日程
-------------------------------- */

.bg-white {
	background: #fff;
}

.box {
	border-radius: 0.25em;
	box-shadow: 0 3px 0 #e4e4e4;
	padding: 0;
	text-align: left;
	display: block;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
}

.high_schedule h3{
	background: #215caf;
	padding: 17px 0;
	font-size:1.7em;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1em;
	border-radius: 0.25em 0.25em 0 0;
}

.high_schedule ul{
	height: 420px;
}

.high_schedule li{
	position: relative;
	left: 20px;
	padding:0 15px 11px 0;
	list-style: none;
	color: #222;
}

.schedule_inner{
	margin: 25px 0;
}

.schedule_inner ul li{
	list-style: none;
	line-height: 22px;
}

.schedule_inner ul li a{
	position:relative;
	left:55px;
	font-size:15px;
}

.schedule_inner ul li.list_1{
	background: url(../img/schedule/li_line01.gif) no-repeat;
}

.schedule ul li.list_2{
	background: url(../img/schedule/li_line02.gif) no-repeat;
}



/* --------------------------------
	contact 資料請求
-------------------------------- */

.contact h1 {
	font-size: 1.4em;
}

.contact h1 a, .contact a{
	color: #fff;
}

.contact_top .btn-common {
	position: absolute;
	font-size: 2.2em;
	color: #fff;
	border: 3px solid #CC392B;
	padding: 10px 40px 6px;
	position: relative;
	top: -12px;
	background-color: #CC392B;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	letter-spacing: 0.1em;
}

.contact_top .btn-common:hover,
.contact_top .btn-common:focus {
	outline: none;
	background: #e85c4e;
	box-shadow: none;
	color: #fff;
	border-color: #e85c4e;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
}

.contact .btn-common {
	line-height: 30px;
	width: 700px;
	font-size: 2.1em;
	letter-spacing: 0.1em;
	color: #fff;
	border: 3px solid #CC392B;
	font-weight: 300;
	padding: 25px 25px;
	position: relative;
	top: -70px;
	background-color: #CC392B;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
}

.contact .ikkan {
	border: 3px solid #c8b547;
	background-color: #c8b547;
}

.contact .btn-common:hover,
.contact .btn-common:focus {
	outline: none;
	background: #e85c4e;
	box-shadow: none;
	color: #fff;
	border-color: #e85c4e;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
}

.contact .ikkan:hover,
.contact .ikkan:focus {
	background: #e6c94e;
	border-color: #e6c94e;
}

.contact .btn-common-high{
	background-color: #1ea030;
	border-color: #1ea030;
}

.contact .btn-common-high:hover,
.contact .btn-common-high:focus {
	outline: none;
	background: #2bc541;
	box-shadow: none;
	color: #fff;
	border-color: #2bc541;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
}

.contact_top .btn-common .text{
	font-size: 0.6em;
	color: #fff600;
	letter-spacing:0;
	position: relative;
	top: -5px;
}

.contact .btn-common .text{
	font-size: 0.6em;
	color: #fff600;
	letter-spacing:0;
}

.contact_top .btn-common .text2{
	position: relative;
	top: -5px;
	font-size: 0.5em;
	color: #fff;
	letter-spacing:0;
}

.contact_top .btn-common .text2 .yellow{
	color: #FFF605;
	margin: 0 1px 0 3px;
}

.contact .btn-common .text2{
	position: relative;
	top: -5px;
	font-size: 0.6em;
	color: #fff;
	letter-spacing:0;
}

.contact .btn-common .text2 .yellow{
	color: #FFF605;
	margin: 0 1px 0 3px;
}

.contact .btn-common .text3{
	font-size: 0.6em;
	color: #fff;
	letter-spacing:0;
}

.contact-hi2{
	padding-top: 110px;
}

.mv-btn{
	position: absolute;
	top: 50%;
	left: 35%;
	z-index: 1;
}

.mv-btn .btn-common {
	font-size: 1.3em;
	line-height: 28px;
	color: #fff;
	background: #da4545;
	position: relative;
	left: 23px;
	padding: 15px 28px 15px 33px;
	margin:0 20px;
	border: none;
}

.mv-btn .btn-common:hover,
.mv-btn .btn-common:focus {
	outline: none;
	background: #215caf;
	box-shadow: none;
	color: #fff;
	border: none;
	animation-name: btn-common;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

.mv-btn .btn-common .yellow{
	color: #FFF605;
	margin: 0 1px 0 3px;
}

.box-intro .btn-common2 .yellow{
	color: #FFF605;
	margin: 0 1px 0 3px;
}

.box-intro .btn-common2 .white{
	color: #fff;
	margin: 0 1px 0 3px;
}

.box-intro .btn-common2 {
	font-size: 1.1em;
	color: #fff;
	background: #da4545;
	position: relative;
	top: -5px;
	left: 18px;
	padding: 15px 20px;
	margin:0 20px;
	font-weight: bold;
}

.box-intro .btn-common2:hover,
.box-intro .btn-common2:focus {
	outline: none;
	background: #215caf;
	box-shadow: none;
	color: #fff;
	border: none;
	animation-name: btn-common2;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}


/* --------------------------------
	pagetop　トップページ
-------------------------------- */

.pagetop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 2;
}

/*.pagetop a {
	display: block;
	background-color: #215caf;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 15px;
}

.pagetop a:hover {
	display: block;
	background-color: #5592e9;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 23px 15px;
}/*


/* --------------------------------
	footer　フッター
-------------------------------- */

#footer {
	bottom: 0;
	width: 100%;
	height: 200px;
	background-color: #fff;
}

.copyright {
	padding: 15px 0 30px;
	color: #666666;
	font-family: "Cantarell", sans-serif;
	letter-spacing: 0.1em;
	font-size: 0.8em;
}

.logo_footer{
	text-align: center;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.sp_img img{
		width: 80%;
	}
}