body{
	background: #fff;
	background-image: radial-gradient(#c5eefe 20%, transparent 0), radial-gradient(#c5eefe 20%, transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

section{
	border: none;
}

#wrapper{
	max-width: 1190px;
	margin-top: -35px;
}

#wrapper h1{
	color: #d10000;
	text-align: center;
	font-size: 7em;
	margin-top: 60px;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

/*装飾*/
.yellow{
	color: #ffff00;
}

.important{
	color: #2294ac;
	font-weight: bold;
	font-size: 48px;
	position: relative;
	top: 5px;
}

.important-black{
	color: #111111;
	font-weight: bold;
	font-size: 1.8em;
	position: relative;
	top: 5px;
}

.important-red{
	color: #ca1d1d;
	font-weight: bold;
	font-size: 1.9em;
}

.important-red2{
	color: #ca1d1d;
	font-weight: bold;
	font-size: 1.5em;
}

/*吹き出し*/
.balloon1-right {
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1em 0;
	padding: 22px 15px 18px 27px;
	max-width: 100%;
	color: #fff;
	font-size: 24px;
	background: #c70000;
	border-radius: 20px;
	font-weight: 700;
}

.balloon1-right:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 16px solid transparent;
	border-left: 22px solid #c70000;
}

#wrapper .sec-box1 .balloon1-right p {
	margin: 0;
	padding: 0;
	line-height: 50px;
}

/*マーカー*/
.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;
}

/*ボタン*/
#wrapper .btn{
	font-size: 36px;
	padding: .6em 0 .5em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#breadcrumb li {font-family:"BokutohN Light","游ゴシック","Hiragino Kaku Gothic Pro","Meiryo";}



.youtube {
	width: 100%;
	margin:-20px 0 20px;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}

/* --------------------------------
	メインビジュアル
-------------------------------- */

.contents {
	max-width: 1000px;
	margin: auto;
}
.full-width {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.full-img {
	width: 100vw;
	height: auto;
	margin-left: calc(-50vw + 50%);
	margin-bottom: 30px;
}

#logo{
	background-color: #004097;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.logo{
	padding: 12px 0;
}

#logo-bottom{
	text-align: center;
	margin-top: 50px;
}


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


#wrapper .btn {
	display: block;
	cursor: pointer;
	cursor: hand;
	max-width: 860px;
	margin: 1.1em auto 0.6em;
	padding: 30px 33px 25px 25px;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	text-decoration: inherit;
	background: #c41818;
	box-shadow: 0 12px 0 #922323, 0 12px 0 rgba(0,0,0,.2);
	transition: color .4s, background .4s, box-shadow .4s, transform 0.3s;
}

#wrapper .btn:hover {
	background: #d62f2f;
	box-shadow: 0 3px 0 #7c1717, 0 10px 0 rgba(0,0,0,.2);
	transform: translateY(5px);
}

#wrapper .btn:active {
	color: #ddd;
	background: #7c1717;
	box-shadow: 0 0 0 #7c1717, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(10px);
	transition-duration: .1s;
}


#wrapper .btn_g {
	background: #00bb3f;
	box-shadow: 0 12px 0 #007724, 0 12px 0 rgba(0,0,0,.2);
}

#wrapper .btn_g:hover {
	background: #008a2b;
	box-shadow: 0 3px 0 #007724, 0 10px 0 rgba(0,0,0,.2);
}

#wrapper .btn_g:active {
	color: #ddd;
	background: #007724;
	box-shadow: 0 0 0 #007724, 0 0 0 rgba(0,0,0,.2);
}

#wrapper .nav-btn{
	margin: 20px 0;
}

#wrapper .nav-btn a{
	color: #fff;
	text-decoration: none;
}

#wrapper .nav-btn span{
	display: inline-block;
}

#wrapper .nav-btn .btn{
	font-size: 1.6em;
	margin-left:6px;
	margin-right:6px;
}

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

#pageTop {
	position: fixed;
	bottom: 30px;
	right: 20px;
}

#pageTop i {
	padding-top: 6px
}

#pageTop a {
	font-size:1.4em;
	display: block;
	z-index: 999;
	padding: 17px 10px ;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	background-color: #2980b9;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* --------------------------------
	内容
-------------------------------- */

/*sec-box1*/

#wrapper .sec-box1 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -80px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box1 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.4em;
	color: #2456a1;
	margin: 1.5em 0 0.8em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box1 h4 {
	margin-bottom: 10px;
	font-size: 1.3em;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box1 .checkbox{
	margin-bottom: 45px;
}

#wrapper .sec-box1{
	position: relative;
	margin: 140px 0 0;
	padding: 0 100px 80px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box1 p{
	font-size: 1.5em;
	line-height: 47px;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box1 .box{
	border-radius: 5px;
	background-color: #fff;
	border: solid 1px #111111;
	line-height: 35px;
	margin: 50px 0 20px;
}

#wrapper .sec-box1 .box .box-title{
	background-color: #111111;
	color: #fff;
	font-size: 2em;
	text-align: center;
	padding:20px 15px 16px;
	font-weight: 700;
	letter-spacing: 0.09em;
}

#wrapper .sec-box1 .box .box-s-title{
	font-size: 1.4em;
	line-height: 65px;
	font-weight: 700;
}

#wrapper .sec-box1 .box p{
	line-height: 33px;
	font-size: 1.4em;
	padding:15px 40px 35px;
	margin:0;
	text-align: justify;
	text-justify: inter-ideograph;
}

.sec1-img{
	width: 260px;
	position: absolute;
	right: 35px;
	top: 48px;
}

.sec1-img2{
	width: 340px;
	position: absolute;
	right: 95px;
	/*bottom: 964px;*/
	bottom: 1016px;
}

@media (min-width: 1700px){
	.sec1-img2{
		width: 340px;
		position: absolute;
		right: 95px;
		bottom: 1081px;
	}
}


/*sec-box2*/

#wrapper .sec-box2 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -80px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box2 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.4em;
	color: #2456a1;
	margin: 0 0 0.7em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box2{
	position: relative;
	margin: 150px 0 0;
	padding: 0 100px 80px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box2:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box2 p{
	font-size: 34px;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box2 .sec-img{
	margin: 30px 0 20px;
}

.sec2-osusume-img{
	width: 230px;
	position: absolute;
	left: 390px;
	top: 16px;
}

#wrapper .sec-box2 .course{
	padding: 4px 18px;
	margin-left: 10px;
	background-color: #35a000;
	color: #fff;
	border-radius: 5px;
	font-size: 0.9em;
}

#wrapper .sec-box2 .price{
	padding: 1px 10px;
	margin-right: 8px;
	background-color: #d71617;
	color: #fff;
	font-size: 0.8em;
}

.sec2-girl-img{
	width: 105px;
	position: absolute;
	right: 140px;
	top: 545px;
	z-index: 999;
}

.sec2-boy-img{
	width: 105px;
	position: absolute;
	right: 105px;
	top: 20px;
	z-index: 999;
}

.sec2-boy2-img{
	width: 105px;
	position: absolute;
	right: 140px;
	top: 1090px;
	z-index: 999;
}

.sec2-hogosya-img{
	width: 105px;
	position: absolute;
	right: 140px;
	top: 1775px;
	z-index: 999;
}

.sec2-hanko1-img{
	width: 105px;
	position: absolute;
	left: 25px;
	top: 590px;
	z-index: 999;
}

.sec2-hanko2-img{
	width: 105px;
	position: absolute;
	left: 25px;
	top: 1170px;
	z-index: 999;
}

.sec2-hanko3-img{
	width: 105px;
	position: absolute;
	left: 25px;
	top: 100px;
	z-index: 999;
}

.sec2-hanko4-img{
	width: 105px;
	position: absolute;
	left: 25px;
	top: 1865px;
	z-index: 999;
}

.back_white {
	padding: 40px 40px 30px;
	background-color: #fff;
	margin-bottom: 40px;
}

.back_white, .back_tokubetsu {
	border: solid 1px #1a1a1a;
}

#wrapper .sec-box2 .hw {
	font-family: 'shigoto';
	font-weight: bold;
	font-size: 30px;
	line-height: 48px;
}

#wrapper .sec-box2 .hw2 {
	font-family: 'dartsfont';
	letter-spacing: -1px;
	font-size: 26px;
	line-height: 42px;
	font-weight: bolder;
}

#wrapper .sec-box2 .hw3 {
	font-family: 'reiko';
	font-size: 24px;
	line-height: 41px;
	font-weight: lighter;
}

/*sec-box3*/

#wrapper .sec-box3 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -80px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box3 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	text-align: left;
	font-size: 2.3em;
	color: #2456a1;
	margin: 0 0 0.4em;
	padding: 0;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box3{
	position: relative;
	margin: 150px 0 0;
	padding: 0 100px 80px;/*30px*/;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box3:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box3 p{
	font-size: 1.5em;
	line-height: 35px;
	margin-bottom: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box3 .sec-img{
	margin: 50px 0 55px;
}

.sec3-img{
	width: 310px;
	position: absolute;
	right:90px;
	top: 180px;
}

#wrapper .sec-box3 .important-black{
	color: #111111;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 57px;
}

#wrapper .sec-box3 .infoGragh{
	width: 415px;
	margin-bottom: 30px;
	position: relative;
	left: 110px;
}

#wrapper .sec-box3 .adj{
	margin-bottom: 60px;
}

/*sec-box4*/

#wrapper .sec-box4 h2 {
	z-index: -1;
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -85px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box4 h3 {
	padding: 0 ;
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.6em;
	color: #2456a1;
	margin: 0 0 25px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box4{
	position: relative;
	margin: 150px 0 0;
	padding: 0 100px 60px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box4:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box4 p{
	font-size: 1.5em;
	line-height: 48px;
	margin-bottom:25px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box4 .sec-img{
	margin: 0 0 60px;
}


.sec4-img{
	width: 260px;
	position: absolute;
	right: 60px;
	top: 140px;
}

/*sec-box5*/

#wrapper .sec-box5 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -80px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box5 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.4em;
	color: #2456a1;
	margin: 0 0 0.8em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box5 h4 {
	font-size: 1.9em;
	margin-bottom: 30px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box5{
	position: relative;
	margin: 150px 0 0;
	padding: 0 100px 65px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box5:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box5 p{
	font-size: 1.5em;
	line-height: 38px;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box5 .sec-img{
	margin: 0 0 30px;
}

.step{
	background-color: #c81313;
	padding: 2px 9px;
	margin-right: 15px;
	color: #fff;
	font-size: 0.7em;
	position: relative;
	top: -5px;
}

ul.timeline {
	list-style-type: none;
	position: relative;
}

ul.timeline:before {
	content: ' ';
	background: #084278;
	display: inline-block;
	position: absolute;
	left: 0;
	width: 1px;
	height: 100%;
	z-index: 400;
}

ul.timeline > li {
	margin: 40px 0;
	padding-left: 65px;
}

ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 4px solid rgb(36, 86, 161);
	left: -12px;
	width: 25px;
	height: 25px;
	z-index: 400;
}

.atten{
	font-size: 2.5em;
	position: relative;
	top: 30px;
}


/*sec-box6*/

#wrapper .sec-box6 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -80px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box6 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.4em;
	color: #2456a1;
	margin: 0 0 0.8em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box6 h4 {
	font-size: 1.9em;
	margin-bottom: 30px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box6{
	position: relative;
	margin: 150px 0 0;
	padding: 0 100px 80px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box6 p{
	font-size: 1.5em;
	line-height: 38px;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box6 .sec-img{
	margin: 0 0 30px;
}

#wrapper .table{
	font-size: 1.3em;
}

#wrapper .table th{
	vertical-align: middle;
	padding: 25px;
	border-color: #428bca;
	background-color: #d2f5fc;
}

#wrapper .table td{
	padding: 25px;
	background-color: #fff;
	border-color: #428bca;
}


/*sec-box7*/

#wrapper .sec-box7 h2 {
	background-color: #2456a1;
	color: #fff;
	border-radius: 5px;
	margin: 0;
	position: relative;
	top: -81px;
	padding: 25px 0 18px;
	max-width: 700px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box7 h3 {
	padding: 0 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 8px #2456a1;/*左線*/
	text-align: left;
	font-size: 2.4em;
	color: #2456a1;
	margin: 0 0 0.7em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box7 h4 {
	font-size: 1.9em;
	margin-bottom: 30px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper .sec-box7{
	position: relative;
	margin: 150px 0 0;
	padding: 0 60px 68px;
	background-color: #fffeee;
	border: 4px solid #2456a1;
	border-radius: 5px;
}

#wrapper .sec-box7:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 48%;
	margin-left: -15px;
	border: 40px solid transparent;
	border-top: 40px solid #2456a1;
}

#wrapper .sec-box7 p{
	font-size: 1.5em;
	line-height: 38px;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box7 .sec-img{
	margin: 0 0 30px;
}

.sec2-img{
	width: 170px;
	position: absolute;
	right: 24px;
	/*bottom: -390px;*/
	bottom: -470px;
	z-index: 999;
}

.sec2-img2{
	/*width: 240px;*/
	width: 220px;
	position: absolute;
	/*right: 240px;
	bottom: -385px;*/
	right: 220px;
	bottom: -315px;
	z-index: 999;
}

@media (min-width: 1700px){
	.sec2-img{
		right: 15px;
	}
	.sec2-img2{
		width: 200px;
		position: absolute;
		right: 200px;
		bottom: -315px;
	}
}


#wrapper .sec-box7 .box{
	border-radius: 5px;
	background-color: #fff;
	border: solid 1px #111111;
	line-height: 35px;
	margin: 0 0 30px;
	padding:20px 35px;
}

#wrapper .sec-box7 .box p{
	line-height: 40px;
	font-size: 1.4em;
	margin:0;
	text-align: justify;
	text-justify: inter-ideograph;
}

#wrapper .sec-box7 ul{
	position: relative;
	top: 10px;
}

#wrapper .sec-box7 li{
	margin-bottom: 30px;
}

#wrapper .sec-box7 .tokuten{
	margin-bottom: 60px;
	font-size: 2.1em;
}

#wrapper .sec-box7 .toku-l{
	background-color: #a78f47;
	padding: 7px 17px 4px 19px;
	color: #fff;
	border-radius: 5px;
	margin-top: 20px;
}

#wrapper .sec-box7 .toku-r{
	background-color: #c81313;
	padding: 7px 18px 4px 19px;
	margin-right: 15px;
	color: #fff;
	border-radius: 5px;
	margin-top: 20px;
}


/* --------------------------------
	写真
-------------------------------- */

.photo{
	margin-bottom: 0;
}

a.thumnail {
	background: #fff;
	padding:8px;
	box-shadow:9px 9px 0px -5px #c4c4c4;
	-moz-box-shadow:9px 9px 0px -5px #c4c4c4;
	-webkit-box-shadow:9px 9px 0px -5px #c4c4c4;
	margin: 20px 0;
}

#wrapper .sec-box7 img {
	height: auto;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	width: 100%;
	vertical-align: bottom;
}

figure {
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}

figcaption {
	background-color: rgba(100,190,208,0.9);
	color: #FFF;
	opacity: 0;
	font-size: 16px;
	font-size: 1.6rem;
	position: absolute;
	text-align: center;
	-webkit-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding-top: 30%;
	line-height: 27px;
}

a:hover>figure img {
	transform: scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
}

a:hover>figure figcaption {
	opacity: 1;
}


/* --------------------------------
	タイトル
-------------------------------- */

#wrapper .el_img{width: 193px; height: 254px; float: left; position: absolute;left:30px;top: -23px; -webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-duration: 0.8s;animation-delay:0.8s;}
#wrapper .ju_img{width: 200px; height: 254px; float: right; position: absolute;right: 20px; top: -22px; -webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-duration: 0.8s;animation-delay:0.8s;}

#wrapper .te_l_img{width: 189px; height: 246px; float: left; position: absolute;left:29px;top: -20px; -webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-duration: 0.8s;animation-delay:0.8s;}
#wrapper .te_r_img{width: 191px; height: 248px; float: right; position: absolute;right: 20px; top: -22px; -webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-duration: 0.8s;animation-delay:0.8s;}
#wrapper .te_img{width: 308px; height: 216px;}

.main_title {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",HiraginoKakuGothicPro,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;font-size: 4.8em;position: relative; padding: 0.5em 0 0.4em 0.2em;margin-top: 70px;line-height: 80px;background-color: #fff; color: #214172;}
.main_title::before,
.main_title::after {position: absolute;left: 0;content: '';width: 100%;height: 10px;box-sizing: border-box;}
.main_title::before {top: 0;border-top: 4px solid #2456a1;border-bottom: 1px solid #2456a1;}
.main_title::after {bottom: 0;border-top: 1px solid #2456a1;border-bottom: 3px solid #2456a1;}

.junior {
	background-color: #0b8ce2;
	padding: 5px 17px 0;
	position: relative;
	top: -10px;
	left: 18px;
	margin-left: 20px;
	color: #fff;
	font-size: 0.5em;
}

.link{
	margin-top: 20px/*70px*/;
	text-align: center;
	background-color: #fff;
	padding: 10px;
}

.link li{
	display: inline-block;
	margin-right: 20px;
}

.link a{
	color: #1f69a8;
}


/* --------------------------------
	タブ設定
-------------------------------- */

@keyframes tabAnim{
	0%{opacity:0;}
	100%{opacity:1;}
}
input[type="radio"]{display:none;}
.tab_wrap{margin: 0 auto;}
.tab_area{font-size: 0; padding: 0;}
.tab_area label{width: 14.2%; display:inline-block; padding:15px 0 4px; color:#000; background:#e6f5ff; text-align:center; font-size: 14px; cursor:pointer; transition:ease 0.2s opacity; border-top-left-radius:10px; border-top-right-radius:10px; vertical-align:bottom; transition:ease 0.2s; margin: 0; font-weight: 100;}
.tab_area label:hover{opacity:0.5;}
.tab_panel{width:100%; padding:0; opacity:0; display:none; margin-top: 40px;}
.panel_area{border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top:8px solid #2456a1;}
#tab1:checked ~ .tab_area .tab1_label{background:#2456a1; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab2:checked ~ .tab_area .tab2_label{background:#2456a1; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab3:checked ~ .tab_area .tab3_label{background:#2456a1; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab4:checked ~ .tab_area .tab4_label{background:#2456a1; color:#fff;}
#tab4:checked ~ .panel_area #panel4{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab5:checked ~ .tab_area .tab5_label{background:#2456a1; color:#fff;}
#tab5:checked ~ .panel_area #panel5{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab6:checked ~ .tab_area .tab6_label{background:#2456a1; color:#fff;}
#tab6:checked ~ .panel_area #panel6{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
#tab7:checked ~ .tab_area .tab7_label{background:#2456a1; color:#fff;}
#tab7:checked ~ .panel_area #panel7{display:block; animation:tabAnim ease 0.6s forwards; -ms-animation:tabAnim ease 0.6s forwards;}
.tab_title{font-size: 2.2em; font-weight: bold;}
#tab7_label{width: 14.8%;}


/* --------------------------------
	レスポンシブ スマホ
-------------------------------- */


@media (max-width: 767px) {

	section{
		border: none;
		padding-bottom:0;
	}

	.full-img {
		margin-bottom: 10px;
	}

	#wrapper{
		margin-bottom: 1.7em;
		margin-top: -35px;
		margin-bottom: 30px;
	}

	#wrapper h1{
		font-size: 2.2em;
		margin-top: 50px;
	}

	.important{
		font-size: 2em;
		line-height: 43px;
		position: relative;
		top: -10px;
	}

	.important-black{
		font-size: 1.8em;
		position: relative;
		top: 10px;
	}

	.important-red{
		font-size: 1.2em;
	}

	.important-red2{
		font-size: 1.5em;
	}

	#wrapper .btn {
		/*font-size: 1.5em;*/
		font-size: 1.3em;
		line-height: 33px;
		margin: 1em auto 0.7em;
		padding: 17px 20px 15px 15px;
	}

	/*sec-box1*/
	#wrapper .sec-box1 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -44px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}

	#wrapper .sec-box1 h3 {
		padding: 0 0.5em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.4em;
		margin: 1.3em 0 0.8em;
	}

	#wrapper .sec-box1 .checkbox{
		margin-bottom: 40px;
		font-size: 0.9em;
		line-height: 28px;
		margin-top: -20px;
	}

	#wrapper .sec-box1{
		margin: 80px 0 0;
		padding: 0 20px 40px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box1:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box1 p{
		font-size: 1em;
		line-height: 30px;
		margin-bottom: 1.6em;
	}

	#wrapper .sec-box1 .box{
		border-radius: 5px;
		line-height: 35px;
		margin: 20px 0 30px;
	}

	#wrapper .sec-box1 .box .box-title{
		font-size: 1.3em;
		text-align: center;
		padding:8px 5px;
		font-weight: 600;
		letter-spacing: 0;
	}

	#wrapper .sec-box1 .box .box-s-title{
		font-size: 1.4em;
		line-height: 33px;
	}

	#wrapper .sec-box1 .box p{
		line-height: 30px;
		font-size: 1em;
		padding:15px 20px 20px;
		margin:0;
	}

	/*sec-box2*/
	#wrapper .sec-box2 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -44px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}

	#wrapper .sec-box2 h3 {
		padding: 0 0.5em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.5em;
		margin: 0 0 0.6em;
	}

	#wrapper .sec-box2{
		margin: 90px 0 0;
		padding: 0 20px 50px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box2:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box2 p{
		font-size: 1.5em;
		line-height: 27px;
		margin-bottom: 15px;
	}

	.back_white{
		padding:24px 24px 13px;
		margin-bottom: 25px;
	}

	#wrapper .sec-box2 .course{
		padding: 5px 18px;
		margin-left: 0;
		border-radius: 5px;
		font-size: 0.7em;
	}

	#wrapper .sec-box2 .price{
		padding: 3px 8px 4px 8px;
		margin-right: 7px;
		font-size: 0.8em;
	}

	#wrapper .sec-box2 .hw {
		font-size: 1.4em;
		line-height: 31px;
	}

	#wrapper .sec-box2 .hw2 {
		letter-spacing: -1px;
		font-size: 1.2em;
		line-height: 27px;
		font-weight: bold;
	}

	#wrapper .sec-box2 .hw3 {
		font-size: 1.2em;
		line-height: 29px;
	}

	/*sec-box3*/
	#wrapper .sec-box3 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -42px;
		padding: 13px 0 10px;
		font-size: 1.1em;
	}

	#wrapper .sec-box3 h3 {
		padding: 0 0 0 0.4em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.4em;
		margin: 1.3em 0 0.8em;
	}

	#wrapper .sec-box3{
		margin: 90px 0 0;
		padding: 0 20px 50px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box3:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box3 p{
		font-size: 1em;
		line-height: 30px;
		margin-bottom: 1em;
	}

	#wrapper .sec-box3 .sec-img{
		margin: 20px 0 35px;
	}

	#wrapper .sec-box3 .infoGragh{
		width: 335px;
		margin: 10px 0;
		position: relative;
		left: 0;
	}

	#wrapper .sec-box3 .important-black{
		font-size: 1.5em;
		line-height: 36px;
	}

	#wrapper .sec-box3 .adj {
		margin-bottom: 20px;
	}

	/*sec-box4*/
	#wrapper .sec-box4 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -51px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}

	#wrapper .sec-box4 h3 {
		padding: 0;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.3em;
		margin: 0;
		position: relative;
		top: -20px;
	}

	#wrapper .sec-box4{
		margin: 90px 0 0;
		padding: 0 20px 20px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box4:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box4 p{
		font-size: 1em;
		line-height: 30px;
		margin-bottom: 1em;
	}

	#wrapper .sec-box4 .sec-img{
		margin: 0 0 35px;
	}

	/*sec-box5*/
	#wrapper .sec-box5 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -44px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}

	#wrapper .sec-box5 h3 {
		padding: 0 0.5em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.5em;
		margin: 0 0 0.8em;
	}

	#wrapper .sec-box5 h4 {
		font-size: 1.3em;
		margin-bottom: 15px;
		line-height: 30px;
	}

	#wrapper .sec-box5{
		margin: 90px 0 0;
		padding: 0 20px 50px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box5:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box5 p{
		font-size: 1em;
		padding: 0;
		line-height: 30px;
		margin-bottom: 0.5em;
	}

	#wrapper .sec-box5 .sec-img{
		margin: 20px 0 30px;
	}

	.step{
		padding: 7px;
		margin-bottom: 10px;
		font-size: 0.8em;
		position: relative;
		top: -5px;
		display: block;
		text-align: center;
		border-radius: 3px;
	}

	ul.timeline > li {
		margin: 25px 0;
		padding-left: 35px;
	}

	.atten{
		font-size: 1.4em;
		position: relative;
		top: 13px;
	}


	/*sec-box6*/
	#wrapper .sec-box6 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -44px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}

	#wrapper .sec-box6 h3 {
		padding: 0 0.5em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.5em;
		margin: 0 0 0.8em;
	}

	#wrapper .sec-box6{
		margin: 90px 0 0;
		padding: 0 20px 50px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box6 p{
		font-size: 1em;
		padding: 0;
		line-height: 30px;
		margin-bottom: 0.5em;
	}

	.table-responsive{
		border: 1px solid #428bca;
		border-top: none;
	}

	#wrapper .table{
		font-size: 1em;
	}

	#wrapper .table th{
		padding: 10px 15px 10px;
		font-size: 1em;
	}

	#wrapper .table td{
		padding: 15px;

	}

	/*sec-box7*/
	#wrapper .sec-box7 h2 {
		border-radius: 5px;
		margin: 0;
		position: relative;
		top: -44px;
		padding: 13px 0 10px;
		font-size: 1.2em;
	}
	#wrapper .sec-box7 h3 {
		padding: 0 0.5em;/*上下 左右の余白*/
		border-left: solid 5px #2456a1;/*左線*/
		text-align: left;
		font-size: 1.5em;
		margin: 0 0 0.8em;
	}

	#wrapper .sec-box7{
		margin: 90px 0 0;
		padding: 0 20px 50px;
		border: 3px solid #2456a1;
		border-radius: 5px;
	}

	#wrapper .sec-box7:before {
		left: 45%;
		margin-left: -15px;
		border: 30px solid transparent;
		border-top: 30px solid #2456a1;
	}

	#wrapper .sec-box7 p{
		font-size: 1em;
		padding: 0;
		line-height: 30px;
		margin-bottom: 0.5em;
	}

	#wrapper .sec-box7 .box{
		line-height: 35px;
		padding:15px 20px 20px;
		margin: 25px 0 10px;
	}

	#wrapper .sec-box7 .box p{
		line-height: 30px;
		font-size: 1em;
		margin:0;
	}

	#wrapper .sec-box7 ul{
		position: relative;
		top: 10px;
	}

	#wrapper .sec-box7 li{
		margin-bottom: 20px;
	}

	#wrapper .sec-box7 .tokuten{
		margin-bottom: 40px;
		font-size: 1.4em;
	}

	#wrapper .sec-box7 .toku-l{
		padding: 10px 15px 10px 15px;
		margin-top: 20px;
	}

	#wrapper .sec-box7 .toku-r{
		padding: 10px 15px 10px 15px;
		margin-right: 15px;
		margin-top: 20px;
		display: block;
		line-height: 27px;
	}




	.link{
		margin-top: 30px;
		text-align: left;
		padding: 10px;
		line-height: 30px;
		font-size: 0.9em;
	}

	#pageTop {
		position: fixed;
		bottom: 20px;
		right: 5px;
	}

	#pageTop i {
		padding-top: 6px
	}

	#pageTop a {
		font-size:1em;
		display: block;
		z-index: 999;
		padding: 10px 10px ;
		border-radius: 30px;
		width: 50px;
		height: 50px;
}

	#wrapper .nav-btn span{
		display: block;
	}

	/*タブ*/
	.tab_wrap{padding-top: 0;}
	.tab_area{padding:0;}
	.tab_area label{padding:10px 0 8px; margin:10px 0 0; /*width:50%;*/}
	.tab_title{font-size:1.3em;}
	.panel_area{border-top:6px solid #2456a1;}
	#tab1_label, #tab2_label, #tab3_label, #tab4_label{width: 25%;}
	#tab5_label, #tab6_label{width: 33%;}
	#tab7_label{width: 34%;}
}

@media (max-width: 360px) {
	#wrapper .sec-box3 .sec-img{
		margin: 20px 0 5px;
		width: 287px;
	}

	#wrapper .sec-box1 h2 {
		position: relative;
		top: -41px;
	}

	#wrapper .sec-box2 h2 {
		position: relative;
		top: -41px;
	}

	#wrapper .sec-box2 .course{
		padding: 5px 10px;
		margin-left: 0;
		border-radius: 5px;
		font-size: 0.6em;
	}

	#wrapper .sec-box3 h2 {
		position: relative;
		top: -39px;
	}

	#wrapper .sec-box3{
		margin: 85px 0 0;
	}

	#wrapper .sec-box3 .infoGragh{
		width: 285px;
		margin: 10px 0;
		position: relative;
		left: 0;
	}

	#wrapper .sec-box4 h2 {
		position: relative;
		top: -49px;
	}

	#wrapper .sec-box4 h3 {
		font-size: 1.2em;
	}

	#wrapper .sec-box5 h2 {
		position: relative;
		top: -41px;
	}

	#wrapper .sec-box5{
		margin: 87px 0 0;
	}

	#wrapper .sec-box6 h2 {
		position: relative;
		top: -41px;
	}

	#wrapper .sec-box7 h2 {
		position: relative;
		top: -41px;
	}

	#wrapper .sec-box7 .box{
		line-height: 30px;
		padding:17px 20px 16px;
		margin: 25px 0 10px;
	}

	#wrapper .btn {
		/*font-size: 1.5em;*/
		font-size: 1.3em;
		line-height: 33px;
		margin: 1em auto 0.7em;
		padding: 16px 15px 10px 5px;
	}

	.atten{
		font-size: 1.4em;
	}

}

/* --------------------------------
	レスポンシブ PC
-------------------------------- */

/*@media (min-width: 1200px){
	.container {
		width: 1170px;
	}
}*/