@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------
 reset
----------------------------------------------------*/


html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p
, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
ub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
textarea{
margin: 0;
padding: 0;
}

input {
	font-size:28px;
	padding:5px;
	margin-bottom:10px;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

a:focus { outline: none; }

img {vertical-align: bottom;}

img {
	max-width: 100%;
	height: auto;
}

ul, menu, dd, dir {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-left: 3rem;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-o-padding-start: 0;
	-ms-padding-start: 0;
}


ol.ryokou{
    font-size:1.8em;
    margin:0 auto;
    width:;
    list-style:none;
    font-family:serif;
    counter-reset: li_count;
}

.ryokou li{
    font-style:;
    font-weight:900;
    background:linear-gradient(#69b6ff,#0f75b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}


.ryokou li:before{
    font-style:italic;
    counter-increment: li_count;
    content: counter(li_count);
    font-size:2.5em;
    line-height:1;
}


.ryokou span:before{
    content:". ";
}



/*----------------------------------------------------
 common
----------------------------------------------------*/




body {
	font-family: source-han-sans-japanese, sans-serif;
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: 0;
	-webkit-text-size-adjust : 100%;
	overflow: hidden;/* スクロール時横幅全体表示 */
	min-width: 800px;
	color: #333;
	z-index:-2;
	background:#;
}


a { color: #313131; }



/* IEイメージ枠なし */


a img { border-style: none; }

/*----------------------------------------------------
 contents
----------------------------------------------------*/


header {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow:	hidden;
}

header h1 {
	width:100%;
	height:1273px;
	background: url(img/head.png) center 0 no-repeat;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}


.red-box{
	border: 3px solid red;
	margin: 1rem;
	padding: 1rem;
	border-radius:5px;
	background-color: #fff;
}

.red-box p{
	font-size: 1.8rem
}

.head2{
	background:url(img/head_bg.jpg) center 0 no-repeat;
    background-attachment:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
    	width:100%;
	height:1273px;
    z-index:-10;
}

.head1{
	background:url(img/head.png) center 0 no-repeat;
    background-attachment: scroll;
	display:flex;
        position:absolute;
	align-items:center;
	justify-content:center;
	overflow:hidden;
    	width:100%;
	height:1273px;
}


.head1b{
	background:url(img/head2.png) center 0 no-repeat;
    background-attachment: scroll;
	display:flex;
        position:absolute;
	align-items:center;
	justify-content:center;
	overflow:hidden;
    	width:100%;
	height:1273px;
}






h2, h3, h4, h5 {
	font-weight: bold;
	letter-spacing: 0.05em;
}


h2{
    position: relative;
    font-size:2em;
    font-weight:900;
    color:#2679df;
	text-align:center;
    font-family:
    'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0 0 20 0px;
    background:url(img/h2.jpg);
	background-size:contain;
	height:;
	padding:70px 0;
	
}





h3 {
	border-bottom: 3px solid #333;
	text-align: center;
	padding-left: 20px;
	font-size: 25px;
	margin: 30px 0 20px 0;
	clear: both;
	color:#333;
}




h4 {
	font-size: 25px;
	text-align: center;
	border-bottom: 3px double #fff;
	margin: 0 auto 30px;
	padding: 15px;
	background: #04122a;
	color: #fff;
}


h5 {
	color: #04122a;
	font-size: 25px;
	border-bottom: 1px dotted #04122a;
	padding-bottom: 5px;
	margin-bottom: 20px;
}


section{
	width:100%;
	padding:40px 0 40px 0 ;
	margin:0;
	z-index:-2;
	background:url(img/bg.jpg) repeat fixed;

}

section article{
	width:820px;
	margin:0 auto;
	background:#fff;
	padding: 30px 30px;
		
}



section.bg1{
	background:#02407c;
	padding:40px 0;
}


section.bg1 article{
	background:#fff;
	border-top:solid 5px #1f98ff;
	max-width:100%;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);

}


section.gs{
	background:url(img/gs_title.jpg) center top;
	height:530px;
	position:relative;
	
}


section.bg2{
	background:url(img/bg2.jpg) bottom;
	background-size:cover;
	background-attachment:fixed;
	margin:0;
}

section.bg3{
	background:#fff;

	
}


section.bg3 article{
		background:#fff;

}


section.bg4{
	background:url(img/gs_bg2.jpg) 0;
	background-size:cover;
	background-attachment:fixed;
	margin:0;
	
}




section.bg4 article{
		background:url(img/gs_bg.jpg) 0;
	background-size:cover;
}



section.bg5{
	background:url(img/bg4.jpg)  ;
	background-size:cover;
	background-attachment:fixed;
	margin:0;
}


article.bg6{
	background:linear-gradient(#000,#fff);
}


section.contact{
	width:100%;
	padding:40px 0 ;
	z-index:-2;
	background:#aaeeed
}





section.contact article{
	background:transparent;
	text-align:center;
}


article.form{
	background:;
	padding-bottom:40px;
	color:;
	font-size:1rem;
		box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
	
}





article.form h3{
	border-bottom: 3px solid red;
	text-align: center;
	padding-left: 20px;
	font-size: 25px;
	margin: 30px 0 20px 0;
	clear: both;
	color:red;
}




/*動画*/


.youtube {
	width: 80%; /* 横幅変更 */
	padding: 0;
	box-sizing: border-box;
	text-align:center;
	margin:0px auto;
	margin-bottom:20px;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
	text-align:center;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.name {
	font-size:1.4em;
	font-weight:900;
	border-bottom:solid #95e2e3;
	margin-bottom:20px;
	width:390px;
}




/* プロフィール */




article.note{
	background:URL(img/note.jpg) repeat-y;

}

.prof{
	border:solid 1px #999;
	font-size:1rem;
	line-height:1.7rem;
}

.prof img{
	float:left;
	margin:15px;
	border:solid 1px #999;
	padding:3px;
	max-width:90%;
}


.profname{
	font-size:2.3rem;
	font-weight:bold;
	margin-bottom:10px;
}

.prof-engname{
	font-size:1.2rem;
	margin-top:10px;
	margin-bottom:0px;
}





/* 推薦者 */


.voice {
	width:580px;
	font-size:1.1rem;
	margin: 30px auto 50px;
	background: #fff;
	border:double 6px #02cdd1;
	padding:60px;
	background:url(img/voice_bg.jpg);
}

.voiceprofile{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.voiceprofile img{
	border:double 3px #02cdd1;
	width:140px;
}


.voice-box{
	margin:5px 0 30px 0;
	padding:30px 0;
	border:solid 1px #7C7CDF;
}

.simple-box{
	margin:5px 0 20px 0;
	padding:20px 20px 0px 20px;
	border:solid 1px #999;
	overflow:auto;
	background:#fff;
	background: rgba(255,255,255,0.3);
}

.title{
	font-size:1.3rem;
	font-weight: 600;
}


.sup-title{
	font-size:2rem;
	font-weight: 600;
	margin:0 0 20px 0;
	display:inline;
	background: linear-gradient(transparent 70%, #ffeb00 0%);

}

.simple-box img{
	width:250px;
	height:auto;
	margin:0 0 20px 0;
	padding:1px;
	border:solid 1px #999;
	}
.simple-box p{
	line-height:1.6;
	font-size:0.9em;
}



/* 特別コース */


.course h3,
.course h4{
	color:#fff;
	padding:10px 0;
	text-align:center;
	border:none;
	font-size:25px;
	line-height:2em;
}

.course h3{background:url(img/ippan_title.png) repeat-x;
}


.course h4{
	background:url(img/gs_title.png) repeat-x;

}



dl.gs {
	background:rgba(255,255,255,0.9);
	padding: 30px 30px 20px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 20px;
	overflow: hidden;
}

dl.gs dt {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 25px;
	color: #4c96ff;
	line-height: 1.4;
		font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

dl.gs dd { line-height: 1.4; }
dl.gs dd img{width:30%;}
dl.no dt { border: none; }

dl.no dd { display: none; }

dl.gs dt:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	color: #4c96ff;
	content: "\f5a2";
	font-size: 30px;
}



/* ボタン */

.box{

	margin: 30px auto 30px;
	padding:20px;
	background:url(img/shuutoku.jpg) top;
	/*background:linear-gradient(#FF7575,#FF4D4D);*/
	color:#fff;
	border-bottom:#080781 solid 4px;
	border-right:#080781 solid 4px;
	border-top:#8998e0 solid 4px;
	border-left:#8998e0 solid 4px;
	font-size:1.4rem;
}





.boxtitle{
	background:#fff;
	color:#333;
	font-size:1.5rem;
	padding:10px 20px;
	width:fit-content;
	margin:0 0 10px 0;
	font-weight:bold;
	border-top:#c1c1c1 solid 4px;
	border-left:#c1c1c1 solid 4px;
	border-radius:;
	position:relative;
}


.boxtitle:before{
	content:url(img/check.png);
	position:absolute;
	bottom:20px;
	left:-50px;
	
}


.box:after{
	content:"";
	background:url(img/logo-w.png);
	
}


a.btn{
	background: linear-gradient(#f3ff4e,#ffbc00);
	border-top:solid 3px #fffff1;
	border-bottom:solid 3px #958e00;
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 600px;
	max-width: 100%;
	padding: 23px 0 23px;
	margin: 50px auto;
	border-radius: 100px;
	position: relative;
	display: block;
	transition: 0.2s;
	overflow:hidden;
	border-right:none;
	border-left:none;

}

a.btn:hover{
		background: linear-gradient(#ffbc00,#f3ff4e);
}

a.btn:before{
	font-family:Font Awesome\ 5 Free;
	content:"\f35a";
	font-weight:900;
	margin-right:20px;
	font-size:2.3rem;
	vertical-align:middle;
}




a.btn:hover{
		background: linear-gradient(#ffbc00,#f3ff4e);
}

a.btn:before{
	font-family:Font Awesome\ 5 Free;
	content:"\f35a";
	font-weight:900;
	margin-right:20px;
	font-size:2.3rem;
	vertical-align:middle;
}



.btn{
	background: linear-gradient(#f3ff4e,#ffbc00);
	border-top:solid 3px #fffff1;
	border-bottom:solid 3px #958e00;
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 600px;
	max-width: 100%;
	padding: 23px 0 23px;
	margin: 50px auto;
	border-radius: 100px;
	position: relative;
	display: block;
	transition: 0.2s;
	overflow:hidden;
	border-right:none;
	border-left:none;

}

.btn:hover{
		background: linear-gradient(#ffbc00,#f3ff4e);
	cursor:pointer;
}

.btn:before{
	font-family:Font Awesome\ 5 Free;
	content:"\f35a";
	font-weight:900;
	margin-right:20px;
	font-size:2.3rem;
	vertical-align:middle;
}




.btn:hover{
		background: linear-gradient(#ffbc00,#f3ff4e);
}

.btn:before{
	font-family:Font Awesome\ 5 Free;
	content:"\f35a";
	font-weight:900;
	margin-right:20px;
	font-size:2.3rem;
	vertical-align:middle;
}


a.btn1, a.btn2, a.btn3, a.btn4 {
	border-radius: 4px;
	width: 30%;
	background: #09F;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	padding: 5px 0;
}

a.btn2 { background: #039; }

a.btn3, a.btn4 {
	width: 60%;
	padding: 10px 0;
	background: #039;
}

a.btn4 {
	background: #0CF;
	font-size: 25px;
}
a.btn5 {
	display: block;
	border-radius: 4px;
	background: #09F;
	color:#fff;
	text-decoration: none;
	text-align: center;
	padding: 15px 0;
	width: 80%;
	font-size: 20px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}


.yureru {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}



/* 表 */



table {
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 30px;
}

table, table th, table td {
	border: 1px solid #999;
	padding: 20px 10px;
	font-size: 15px;
}

table.tb1 td {
	background: #fff;
	width: 30%;
}

table.tb1 th {
	background: #ccc;
	text-align: center;
}

table.tb2 td, table.tb2 th { width: 25%; }

table.tb2 th,
table.tb3 th {
	background: #222;
	color: #fff;
	text-align: center;
}
table.tb3 td {
	vertical-align:middle;
}

table.tb2 .th1 { background: #BA0C2F; }

table.tb2 .th2 { background: #335CAD; }

table.tb2 td { background: #FCC; }

table.tb2 .td1 { background: #C2D2FE; }

table.tb3 td.bt1{
	background:#FCC;
}
table.tb3 td.bt2{
	background: #FFC;
}
table.tb3 td.bt3{
	background: #C30;
	color:#fff;
}
table.tb3 td{
	background:#fff;
}
table.tb3 td:first-child{
	text-align:left;
	width:60%;

}


/* リスト */

ul{
	display:block;
	margin:0 0 0 2em;
	padding:10px;
    line-height:2;

}




ul.list1 {
	padding:30px;
	margin:0 auto 50px;
    font-size:1.4em;
}

ul.list1 li{
	text-indent:-1.5em;
	margin-left:1.5em;
    list-style:none;
    font-weight:bold;
    line-height:2.2;
}
ul.list1 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101　";
    font-weight:900;
	color: #C00;
}



ul.list2 li:before {
	content: "\f14a";
	color: #C00;
}

ul.list3 {
	padding: 30px;
	background: rgba(255,255,255,0.9);
}

ul.list3 li:before {
	content: "\f303";
	color: #335CAD;
}




ul.list3 li, ul.list3 li .red {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1.4;
}


/* サポート */

.suport article > article {
	width: 756px;
	margin: 0 auto 20px;
	border: 3px solid #04122A;
	padding: 20px 30px 0;
	overflow: hidden;
	background:#eee;
}

article h5:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	content: "\f46c";
}

.suport article.staff {
	margin: 0 auto 30px;
	font-size: 16px;
	line-height: 1.4;
	background:#04122A;
	color:#fff;
}

.staff h4 {
	text-align: center;
	font-size: 25px;
	color: #fff;
	margin: 0 auto 30px;
}

.staff h5 {
	color: #fff;
	margin-bottom: 10px;
	text-align:center;
}

.staff h5:before { content: "\f2bd"; }

.staff div {
	border: 1px solid #fff;
	padding: 20px;
	text-align: left;
	margin-bottom: 20px;
}

.staff p { margin-bottom: 10px; }

.staff span {
	color: #fff;
	border:1px solid #fff;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 5px 0;
}

/* フッター */

footer p {
	text-align: center;
	margin: 0 auto;
	font-size:15px;
	background:#03165a;
	color:#fff;
	padding:10px 0;
}

footer a{
	color:#fff;
}


/* 間隔 */


p {
	text-align: left;
	margin: 29px auto;
	line-height:1.7;
}

/* 位置 */



.left {
	float: left;
	margin: 15px 20px 20px 0;
}

.right {
	float: right;
	margin: 15px 0 20px 20px;
}

.center { text-align: center; }

/* 区切り線 */


hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	margin: 0 auto 30px;
	width: 100%;
}

/* フォント装飾 */




strong {
	font-weight: bold;

}

.marker{
    background:linear-gradient(transparent 70%, #ffeb39 60%);
}


.nomal { font-weight: normal; }

.big {
	font-size: 1.3em;
	line-height: 1.4;
}

.under { text-decoration: underline; }

.yellow { color: #FF0; }

.red { color: #D50000; }

.blue{
	color:#0061ff;
}

.black { color: #000; }

.bg_red {
	color: #fff;
	background: #D50000;
}

.bg_yellow { background: #FF0; }

a { color: #33F; }

/*----------------------------------------------------
 よくある質問
----------------------------------------------------*/



.qa {

	line-height: 1.4;
	margin-bottom: 0px;
}
.qa dl {
	margin: 0 auto 20px;
	text-align: left;
	border-bottom: 1px dotted #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size:16px;
}
.qa dl:last-child {
	border-bottom: none;
}
.qa dt {
	margin-bottom: 10px;
}
.qa dt:before, .qa dd:before {
	font-family: "游ゴシック Medium", YuGothic, YuGothicM;
	content: "Q";
	width: 22px;
	height: 22px;
	padding: 2px 6px;
	background: #1E98D5;
	color: #fff;
	vertical-align: top;
	margin-right: 10px;
}
.qa dd:before {
	background: #C00;
	content: "A";
	padding: 2px 7px;
}
.qa dt, .qa dd {
	text-indent: -2em;
	margin-left: 2em;
}
.qa dd a {
	color: #900;
}


.ImgCap{
	width: 300px;
}

.Left{
	float: left;
	margin: 0 1em 1em 0;
}

.Right{
	float: right;
	margin: 0 0 1em 1em;
}

.ImgCap span{
	display: block;
	background: black;
	color: white;
	text-align:center;
}

.ImgCap img{
	margin-bottom: 0px;
}

.money h3{
	border-bottom: 3px solid red;
	background:#000;
	color:#fff;
	font-size:20px;
	padding:20px;
	text-align:center;
	margin:50px auto 20px;
}

.money span{
	font-size:15px;
	display:block;
	text-align:center;
	margin-bottom:30px;
}

.money dl{
	width:80%;
	margin:0 auto 30px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}


.money dt,
.money td{
	padding:15px;
}
.money dt{
	background:#ddd;
	text-align:
	center;
	padding:10px;
	/* margin-right:20px; */
	display:
	inline-block;
}
.money dt.title{
	display: block;
	background: #333;
	color: white;
	font-weight: bold;
	width:100%;
	margin-bottom:20px;

}

.money dd{
	display: inline-block;
	text-align:left;
		vertical-align:middle;

}

.BigFont{
	font-size: 45px;
	color: #C00;
	font-weight: bold;
}



article.mokuji{
	text-align:center;
}


div.mokuji{
	color:#009999;
	border:solid 1px #009999;
	border-radius:11px;
	padding:20px 100px;
	margin:0px 50px;
	display:inline-block;
	line-height:3;

}

.mokuji ul{
	margin: 0px;
	padding: 0px;
	margin-left: 1.5em;
}

.mokuji li{
	font-size: 0.8em;
	list-style-type: disc;
}

.mokuji ul ul li{
	list-style-type: circle;
}
.mokuji li a{
	color:#009999;
	font-weight:bold;
}




.kiyaku p{
	color:#333;
	font-weight:100;
}


/* =============================================================================
メール登録
   ========================================================================== */
.box1{
	background:#000;
  position: relative ;
  z-index: 10;
  top:0;
}

.box1::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;
  transform: skewY(deg);
  transform-origin: top right;
  z-index: -10;
  width:100%;
  height:100%;

  background-attachment: fixed;
}


	 .mail_box {
		width:100% ;

		margin:20px auto 30px;
		text-align: center;
		 color:#000;
		padding: 0px 0 0;
		/* background: rgb(204 52 103); */
		 padding-bottom:2rem;
	}




	.mail_box p {
		margin: 0px auto;
		font-size: 0.9rem;
		text-align:center;
	}
	form {
		padding: 0;
		margin: 20px auto;
	}
	.btn_box:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		display: inline-block;
		content: "\f2b6";
		color: #fff;
		font-size: 30px;
		vertical-align: middle;
		margin-right: 10px;
	}
	input[type="text"], textarea {
		padding: 1.2em;
		font-size:1rem;
		width: 500px;
		margin-bottom: 20px;
		border: 1px solid #ddd;
		display:inline-block;
	}
	input:focus {

	}
	input[type="image"] {
		display:block;
		margin: 0 auto;
	}
	input[type="image"]:hover {
		opacity: ;
		-webkit-filter: brightness(1) ;
filter: brightness(1.1);
	}



/*斜めのやつ*/

.block1 {
  position: relative;
  z-index: -1;
  padding-top:50px;
}
.block1::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;

  /*四角形を傾けます*/
  transform: skewY(2deg);
  transform-origin: top right;

  z-index: -1;
  width:100%;
  height:100px;
  background:#000;
}

.block2 {
  position: relative;
  z-index: -1;
  top:10;
  padding:60px 0 30px 0;
}
.block2::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;

  /*四角形を傾けます*/
  transform: skewY(2deg);
  transform-origin: top right;

  z-index: -1;
  width:100%;
  height:110%;
  background:rgb(153 204 205);
}
.block2b {
  position: relative;
  z-index: -10;
  top:10;
}
.block2b::after{
  content: '';
  position: absolute;
  left:0;
  top: -50px;

  /*四角形を傾けます*/
  transform: skewY(-2deg);
  transform-origin: top right;

  z-index: -1;
  width:100%;
  height:100px;
  background:rgb(153 204 205);
}

.block3 {
  position: relative;
  z-index: -1;
  top:0;
}
.block3::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;

  /*四角形を傾けます*/
  transform: skewY(-2deg);
  transform-origin: top right;

  z-index: -1;
  width:100%;
  height:100%;
  background:url(img/bg3.jpg) ;
  background-attachment:;
}







  /*プルプルボタン*/
.purupuru01:hover{
  color: #000;
  box-shadow: 0px 6px 0px 0px #b6981f;
  bottom: 6px;
  opacity: 1.0;
  filter: alpha( opacity=100 );
}
.purupuru01:active{
  box-shadow: 0px 0px 0px 0px #b6981f;
  bottom: 0px;
}
.purupuru01:focus{
  outline:none;
}
.purupuru01{
  animation-name: purupuru;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-direction: normal;
  animation-delay: 2s;
  border: none;
  padding: 1em 2em;
  border-radius: 3px;
  background: #ffcc00;
  color: #333;
  font-size:1.3em;
  font-weight:550;
  position: relative;
  bottom: 0;
  transition: all 100ms;
  width:100%;
  height:80px;
  max-width:700px;
  opacity:1;
}

.purupuru02:hover{
  color: #fff;
  box-shadow: 0px 6px 0px 0px rgb(129 171 172);
  bottom: 6px;
}
.purupuru02:active{
  box-shadow: 0px 6px 0px 0px rgb(129 171 172);
  bottom: 0px;
}
.purupuru02:focus{
  outline:none;
}
.purupuru02{
  animation-name: purupuru;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-direction: normal;
  animation-delay: 2s;
  border: none;
  padding: 1em 2em;
  border-radius: 3px;
  background: rgb(153 204 205);
  color: #fff;
  font-size:1.3em;
  font-weight:550;
  position: relative;
  bottom: 0;
  transition: all 100ms;
  width:60%;
  height:80px;
  max-width:700px;
}

@keyframes purupuru {
  1.5% { transform: scale(0.93); }
  4.5% { transform: scale(1); }
  7.5% { transform: scale(0.96); }
  9.5% { transform: scale(1); }
  11.5% { transform: scale(0.99); }
  13% { transform: scale(1); }
}

.purupuru03:hover{
  color: #fff;
  box-shadow: 0px 6px 0px 0px #0072be;
  bottom: 6px;
}
.purupuru03:active{
  box-shadow: 0px 0px 0px 0px #0072be;
  bottom: 0px;
}
.purupuru03:focus{
  outline:none;
}
.purupuru03{
  animation-name: purupuru;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-direction: normal;
  animation-delay: 2s;
  border: none;
  padding: 1em 2em;
  border-radius: 3px;
  background: #09f;
  color: #fff;
  font-size:1.3em;
  font-weight:550;
  position: relative;
  bottom: 0;
  transition: all 100ms;
  width:60%;
  height:80px;
   max-width:700px;
}

article.price{
	background:#EFEFEF;
}

.maincol{
	background:#fff;
}




.con-small{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4;
}
.con-middle{
	font-size:2rem;
	font-weight:bold;
	padding:20px 0;
}

.con-big{
	font-size:2.5rem;
	font-weight:bold;
	color:#20b2aa
}

.tel{
	font-size:3rem;
	font-weight:bold;
	position:absolute;
	top:66%;
	left:24%;

}

.tel a{
	font-weight:bold;
	color:#333;
}

.tel:before{
	font-family: "Font Awesome 5 Free";
	content: "\f095";
	margin-right:20px;
	color:#fe9900;

}

.mail{
	font-size:2rem;
	font-weight:bold;
	color:#fe9900;
	position:absolute;
	top:76%;
	left:26%;
}

.mail a{
	font-weight:bold;
	color:#333;
}



.mail:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	margin-right:20px;
}

.contact table{
	width:500px;
	max-width:100%;
	margin:20px auto;
	border:none;
}

.contact td{
	padding:10px 0;
	font-size:1.2rem;
	border:none;
}


img.gb{
	border:solid 1px #999;
	max-width:100%;
}

.timetable{
	background:url(img/paper.jpg) repeat-y;
	padding:30px 0;
	margin:10px 0;
}


.timetable .inner{
	background:rgb(255,255,255,0.5);
	margin:15px 20px;
	padding:12px ;
}
.timetable .inner p,ul{
	margin-bottom: 30px;
}

.date{
	display:inline;
	font-size:2rem;
	font-weight:bold;
	margin:10px 30px;
	background:#FFCC00;
	padding:6px 20px;
}

.time{
	display:inline;
	font-size:1.6rem;
	font-weight:bold;
	margin:10px;
	background:#fff;
	padding:2px 12px;
	border-radius:50px;

}

.raijo-setsumei{
	border:solid 4px #471ae8;
	border-radius:4px;
	margin:10px 47px;
	padding:10px;
	font-size:1.1rem;

}
.raijo-setsumei span{
	background:#471ae8;
	color:#fff;
	padding:2px 7px;
	display:inline;
	font-size:1rem;
	font-weight:bold;

}

.zoom-setsumei{
	border:solid 4px #ff3366;
	border-radius:4px;
	margin:10px 47px;
	padding:10px;
	font-size:1.1rem;

}

.shokai{
	border:solid 1px #999;
	font-size:1rem;
	padding:20px;
	margin-bottom:10px;
}

.shokai img{
	float:right;
	width:280px;
	border-radius:1000px;

}




.zoombox{
	border:solid 4px #ff3366;
	background:#ff3366;
	color:#fff;
	font-size:2.3rem;
	font-weight:600;
	font-style:italic;
	transform:skewX(-15deg);
	height:182px;
}

.zoombox th{
	font-size:2.3rem;
	font-weight:600;
	border:none;
	width:350px;
	vertical-align:middle;
	padding:40px 0;
}

.zoombox table{
	border:none;

}
.zoombox td{
	background:#fff;
	border:none;
	color:#000;
	font-size:3rem;
	padding:40px 0;
	vertical-align:middle;
}

.zoombox p{
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}

.zoombox td p{
	transform:skewX(15deg);
}

.zoombox th p:before{
	font-family: "Font Awesome 5 Free";
	content: "\f03d";
	display:block;
	transform:skewX(15deg);
}
.zoombox span{
	display:inline;
}


.raijobox{
	border:solid 4px #471ae8;
	background:#471ae8;
	color:#fff;
	font-size:2.3rem;
	font-weight:600;
	font-style:italic;
	transform:skewX(-15deg);
	height:182px;
}
.raijobox th{
	font-size:2.3rem;
	font-weight:600;
	border:none;
	width:350px;
	vertical-align:middle;
	padding:40px 0;
}

.raijobox table{
	border:none;

}
.raijobox td{
	background:#fff;
	border:none;
	color:#000;
	font-size:3rem;
	padding:40px 0;
	vertical-align:middle;
}

.raijobox p{
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}

.raijobox td p{
	transform:skewX(15deg);
}

.raijobox th p:before{
	font-family: "Font Awesome 5 Free";
	content: "\f554";
	display:block;
	transform:skewX(15deg);
}
.raijobox span{
	display:inline;
}

.kaisaibi{
	display:inline;
	background:#20b2aa;
	padding:15px 30px;
	font-size:1.5rem;
	font-weight:600;
	color:#fff;
	border-radius:5px;
}


.bullet{
	background:url(img/2363297.jpg) ;
	background-color:rgba(255,255,255,0.2);
	background-blend-mode:lighten;
	padding:40px 30px;
	margin:20px 40px;
	font-size:1.3rem;
	border:double 4px #999;
	border-radius:10px;

}

.bullet p,.bullet2 p{
	border-bottom:dotted 1px #999;
	padding:20px 0;
	margin:10px 0;
	font-weight:bold;
}

.bullet p:before{
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	font-weight:bold;
	margin-right:20px;
	color:#33cc00;

}


.bullet2{
	background:url(img/bullet2.jpg) ;
	background-color:rgba(255,255,255,0.4);
	background-blend-mode:lighten;
	padding:40px 30px;
	margin:20px 60px;
	font-size:1.3rem;
	border:solid 1px #999;
	border-radius:0px;
}

.bullet2 p:before{
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-size:2rem;
	font-weight:bold;
	margin-right:20px;
	color:crimson;

}








.pipe{
	position: relative;
	width:100%;
	height:75px;
	top:518px;
	left:445px;


}

.pipe:before{
	content:"";
	font-size:42px;
	border-left:solid #fff 3px;
	margin:50%;
	height:600px;
	animation: blink 1.3s linear infinite;

}

@-webkit-keyframes blink {
	0%,49% {opacity: 0;}
	50%,100% {opacity: 1;}
	}
@keyframes blink {
	0%,49% {opacity: 0;}
	50%,100% {opacity: 1;}
	}


img.waku{
	border:solid #fff 3px;
	padding:3px;
	box-sizing:border-box;

}

.content img{
	margin:0;
}

.content p{
	margin-bottom:8px;
}
.content-box{
	padding:20px;
	background:#FFCC00;
	margin-bottom:20px;
}

.content_child{
	background:#fff4a3;
	padding:14px;
	margin:10px 0;
	border-radius:5px;
}


h2.yellow{
	background:#FFCC00;
	height:190px;
	z-index:1;
}

h2.green{
	background:#009999;
	height:178px;
	z-index:1;
}
h2.blue{
	background:#85b2e0;
	height:180px;
	z-index:-1;
}

h2 img{
	margin:0;
}


h2.yellow:after{
	border-top:solid #fff 48px;
	width:100%;
	top:0;
	z-index:-1;
}

h2.blue:after{
	border-top:solid #fff 38px;
	width:100%;
	top:0;
	z-index:-1;
}

h2.green:after{
	border-top:solid #fff 31px;
	width:100%;
	top:0;
	z-index:-1;
}


.title_area{
	background:#c00d0d;
	height:230px;
	margin:-20px -30px 30px;
	border-radius:11px 11px 0 0;
	padding:0px 30px;
	text-align:left;
	vertical-align:middle;
	display:flex;
	align-items:center;
	justify-content:center;
}
/*
h2:before{
	content:"";
	position:absolute;
	width:90px;
	height:30px;
	background-image: url(img/icon.png);
	background-repeat:no-repeat;
	background-size: contain;
	margin:0 0 150px 0;

	}


h2:after{
	content:"▼";
	font-size:20px;
	position:absolute;
	display:block;
	margin:100px 0 0px 0;
	}
*/

.title_area:before{
	content:"";
	position:absolute;
	display:block;
	width:30px;
	background-image: url(img/icon.png);
	background-repeat:no-repeat;
	background-size: contain;
	margin:0 0 100px 0;

}








section.bg5 p.question{
	margin:10px 0;
	padding:5px;
	background:rgb(255,204,0,0.62);
	display: inline-block;
	font-weight:bold;
}

.koe{
	height:190px;
	position:absolute;
	margin:36px 540px;
}


.contentbox{
	background:#fff;
	border:solid 1px #999;
	border-radius:11px;
	width:%;
	max-width:100%;
	margin-top:30px;
	padding:15px;


}




.content_title{
	font-weight:bold;
	font-size:1.2em;
	background:#dadada;
	height:70px;
	border-radius:11px 11px 0 0;
	padding:0px 30px;
    display: flex;
    align-items: center;
    margin:-15px -15px 0
    ;
}


.contentimg{
	float:right;
	width:200px;
	padding:1px;
	border:solid 1px #999;
		box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .3);
	margin:5px;
}

.contentimg.big{
	width:250px;
}





.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	        }

.cp_arrows {
	position:  relative;
	display: flex;
	height: ;/*画面いっぱいにする場合100vh*/
	/* margin: 2em auto; */
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: 50%;/*着地点（サンプルは[class:cp_arrows]height300pxの50%）*/
	right: 50.5%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
	overflow: visible;
}
.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	position: absolute;
	top: 360px;
	left: 0;
	bottom:;
	display: block;
	width: 30px;
	height: 3px;
	content: '';
	background: #333;

}
.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;

}
@-webkit-keyframes arrow-move08 {
	0% {
		top: 100%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes arrow-move08 {
	0% {
		top: 46%;/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}




/*アニメーション要素のスタイル*/
.animationL{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateX(-200px);
}
.animationR{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateX(1000px);
}

.animationT{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(100px);
}

.animationB{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(-100px);
}


/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}









.profimg{
	width:250px;
	float:right;
	margin-left:20px;
}



.underbtn {
	font-size:1.2em;
	font-weight:600;
	color:yellow;
	text-align:center;
}


.playbox{
	position:absolute;
	top:340px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	-moz-transform: rotate(-50%);
	-o-transform: rotate(-50%);
	display:block;
	margin:0 auto;
	width:392px;
}

.playbox img{
	position: absolute;
}

.playbox:hover img:nth-of-type(2) {
	opacity: 0;
}



.g-btn{
	background: #4ebe00;
	border:solid 2px #4aad05;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 500px;
	max-width: 100%;
	padding: 25px 0;
	margin: 20px auto;
	border-radius: 8px;
	position: relative;
	display: block;
	transition: 0.2s;
	overflow:hidden;

}

.g-btn button:hover{
	background:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}

.g-btn:after{
    animation: shiny 3s ease-in-out infinite;
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
}

@-webkit-keyframes shiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.fuwafuwa {
    animation: fuwafuwa 0.8s alternate infinite;
}
@keyframes fuwafuwa {
    0% {-webkit-transform: scale(1) }
    100% {-webkit-transform: scale(1.1) }

}



ul.manual{
	font-size:0.8em;

}

.manual li{
	border-bottom:dotted 1px #b0b8cf;
}


.flower{
	background:url(img/bg_manual.jpg);
	background-position:center;
	padding:20px;
	margin:10px 0;
	color:#fff;
	
	
}


.fade {
  transition: all 2000ms;
  opacity: 0;
  visibility: hidden;
  transform: translate(0px, 50px);
}


.fadein {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 0px);
} 


/*ヘッダー用　スクロールせずにフェードイン*/
.fade2 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 3s, visibility 3s, transform 3s;
}

.fadein2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}



.curriculum{
	border:solid 7px #02cdd1;
	padding:0 2rem;
	margin:2rem 0;
}

.curriculum img{
	margin-left:-2rem;
}

.curriculum ol li{
	color:rgb(0 173 176);
	font-weight:bold;
	border-bottom:solid 2px  #02cdd1;
	margin:10px 0;
	
}


.title{
	height:407px;
	background:url(img/title.jpg) center;
	
}



.seika{
	height:400px;
	background:url(img/seika.jpg);
	margin:20px 0;
}

.seika p{
	position:relative;
	bottom:100px;
	left:40px;
	color:#02cdd1;
	font-weight:900;
}


.seikavideo-left{
	position:relative;
	left:27px;
	top:101px;
	
}

.seikavideo-right{
	position:relative;
	left:442px;
	bottom:106px;
}


.small{
	font-size:1.1rem;
	color:#;
}

.community{
	border:solid 7px #013567;
	margin:20px 0;
	padding:10px 20px;
}

.community img{
	margin:-10px -20px 0;
}



.sign{
	width:100%;

	text-align:right;
	}

.button-box{
	text-align:center;

}

.button-box img{
	margin:7px 0;
}


.button-box a:hover{
		opacity: ;
		-webkit-filter: brightness(1) ;
filter: brightness(1.1);
}


section.contact a:hover{
		opacity: ;
		-webkit-filter: brightness(1) ;
filter: brightness(1.1);
}


.suisen{
	width:700px;
	font-size:1.1rem;
	background-image: 
		url(img/hidariue.jpg), 
		url(img/migiue.jpg), 
		url(img/hidarishita.jpg), 
		url(img/migishita.jpg), 
		url(img/ue.jpg), 
		url(img/shita.jpg), 
		url(img/hidari.jpg), 
		url(img/migi.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
	background-position: left top, right top, left bottom, right bottom, top, bottom, left, right;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	padding: 60px;
	margin:20px auto;
	
	
	
	
	}

.profile{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.profile img{
	border:double 3px #bb9743;
	width:140px;
}

.suisen .name{
	color:#bb9743;
	border-bottom:solid #bb9743;
	margin-bottom:0;
	text-indent:20px;
	width:390px;
	margin-right:10px
	
}


.suisen .job{
	color:#bb9743;
	font-size:1rem;
	margin:0 0 0 0px;
	width:390px;
	
}



:root {
  --white:#f1f1f1

}

.tenmetsu{
	width:960px;
	color:#fff;
	font-size:4rem;
	font-weight:900;
    font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-shadow:0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 20px rgba(0, 0, 0, 1),0px 0px 20px rgba(0, 0, 0, 1);
}


.tenmetsu > span {
  opacity: ;


}
#d {
  opacity: 1;
  animation: flickerI 2s linear  reverse infinite;
}
#a::after {
  content: '';
  width: 150%;
  -webkit-box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
  -moz-box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
  box-shadow: -35px 0px 60px 8px rgba(255,255,255,1);
}
 #b{
	 opacity:1;
  animation: flickerLG 2s linear reverse infinite;
  position: relative;
}
#::after, 
#::before  {
  content:' ';
  width: 100px;
  height: 100px;
  background: var(--white);
  position: absolute;
  top: -50%;
  left: 100%;
  border-radius: 100%;
  opacity: 0.05;
  filter: blur(10px);
}
#::after {
  width: 200px;
  height: 200px;
  top: -150%;
  left: -5%;
  opacity: 0.1;
  filter: blur(10px);
}
#f{
	opacity:1;
  animation: flickerH 2s linear reverse infinite
}

#{
  animation: flickerH 2s linear reverse infinite
}

@keyframes flickerI {
  0% {
    opacity: 0.4;
  }
  5% {
    opacity: 0.5;
  }
  10% {
    opacity: 0.6;
  }
  15% {
    opacity: 0.85;
  }
  25% {
    opacity: 0.5;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.25;
  }
  45% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.85;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flickerLG {
  0% {
    opacity: 0.19;
  }
  5% {
    opacity: 0.2;
  }
  10% {
    opacity: 0.25;
  }
  15% {
    opacity: 0.35;
  }
  25% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  35% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.25;
  }
  45% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.35;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.4;
  }
}

@keyframes flickerH {
  0% {
    opacity: 0.15;
  }
  5% {
    opacity: 0.2;
  }
  10% {
    opacity: 0.12;
  }
  15% {
    opacity: 0.2;
  }
  25% {
    opacity: 0.15;
  }
  30% {
    opacity: 0.4;
  }
  35% {
    opacity: 0.05;
  }
  40% {
    opacity: 0.12;
  }
  45% {
    opacity: 0.15;
  }
  60% {
    opacity: 0.3;
  }
  70% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.18;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes flickerT {
  0% {
    opacity: 0.01;
  }
  5% {
    opacity: 0.05;
  }
  10% {
    opacity: 0.03;
  }
  15% {
    opacity: 0.1;
  }
  25% {
    opacity: 0.07;
  }
  30% {
    opacity: 0.1;
  }
  35% {
    opacity: 0.05;
  }
  40% {
    opacity: 0.06;
  }
  45% {
    opacity: 0.1;
  }
  60% {
    opacity: 0.;
  }
  70% {
    opacity: 0.1;
  }
  80% {
    opacity: 0.;
  }
  90% {
    opacity: 0.0;
  }
  100% {
    opacity: 0.1;
  }
}




.movhead {
	height: 100%;
	background: none;
	position: relative;
}

.movhead video {
	display: block;
	width: 100%;
	background:#000;
}



.headline_over {
	position:   absolute;
  text-align: center;
	top:0;



}

.headline {
	position:   absolute;
  text-align: center;
	top: 40%;
	left: 40%;
	-ms-transform: translate(-33%,-50%);
	-webkit-transform: translate(-33%,-50%);
	transform: translate(-33%,-50%);

}

.headline h2 {
	margin: 50px 0;
    font-size: 52px;
    color: #fff;
	}

.headline p {
	color: #fff;
	font-weight: 100;
	font-size:1.2em
	text-align:center;

}


.glitext{
	font-size: 3rem;
	margin: 0;
	padding:40px ;
	position: relative;
	color: var(--color-title);
	animation-name: glitch-anim-text;
	animation-duration: var(--time-anim);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
	width:820px;
	max-width:100%;
		background:rgba(255,0,0,0.8);
    font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:500;

	
	
}

.demo-1 {
    --glitch-width: 100vw;
    --glitch-height: 100vh;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --color-title: #fff;
    --time-anim: 6s;
    --delay-anim: 2s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: overlay;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: #fb909a;
    --blend-color-5: #1c1cc9;

}
.demo-2 {
    --glitch-width: 100vw;
    --glitch-height: 100vh;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --color-title: #fff;
    --time-anim: 4s;
    --delay-anim: 2s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: overlay;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: #fb909a;
    --blend-color-5: #1c1cc9;
}
 
/* Glitch styles */
.glitch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:884px;
    overflow: hidden;

}
 
.glitch__img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    background: url(img/head.jpg) no-repeat 50% 50%;
    background-color: var(--blend-color-1);
    background-size: cover;
    transform: translate3d(0,0,0);
    background-blend-mode: var(--blend-mode-1);

}
 
.glitch__img:nth-child(n+2) {
    opacity: 0;
}
 
.imgloaded .glitch__img:nth-child(n+2) {
    animation-duration: var(--time-anim);
    animation-delay: var(--delay-anim);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
 
.imgloaded .glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
    animation-name: glitch-anim-1;
}
 
.imgloaded .glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
    animation-name: glitch-anim-2;
}
 
.imgloaded .glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
    animation-name: glitch-anim-3;
}
 
.imgloaded .glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
    animation-name: glitch-anim-flash;
}
 
/* Animations */
 
@keyframes glitch-anim-1 {
    0% { 
        opacity: 1;
        transform: translate3d(var(--gap-horizontal),0,0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(var(--gap-horizontal),0,0);
    }
    22%, 100% {
        opacity: 0;
        transform: translate3d(0,0,0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
 
@keyframes glitch-anim-2 {
    0% { 
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
    }
    22%, 100% {
        opacity: 0;
        transform: translate3d(0,0,0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
 
@keyframes glitch-anim-3 {
    0% { 
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }
    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }
    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }
    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }
    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }
    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }
    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }
    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }
    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }
    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }
    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }
    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }
    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
    }
    22%, 100% {
        opacity: 0;
        transform: translate3d(0,0,0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
 
@keyframes glitch-anim-text {
    0% { 
        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    9.9% {
        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
    }
    10%, 100% {
        transform: translate3d(0,0,0) scale3d(1,1,1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
 
/* Flash */
@keyframes glitch-anim-flash {
    0%, 5% { 
        opacity: 0.2; 
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
    }
    5.5%, 100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}



.logo{
	z-index:1;
	position:absolute;
	top:0px;
	width:100px;
	
}



.center-box{
	display:;
	justify-content:center;
	align-items:center;
}

.center-box img{
	display:block;
	margin:0 auto;
}





.scrollarrow {
	position: absolute;
	width: 24px;
	height: 24px;
	left:50%;
	top:460px;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	-moz-transform: rotate(-50%);
	-o-transform: rotate(-50%);
	z-index:10;
	
	
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;


}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: white;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.arrowtext {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}



.gaiyou{
	width:820px;
	margin:0 auto;
	color:yellow;
	font-size:2rem;

}

.gaiyou p{
	background:#03238a;
		font-weight:bold;
}


.support{
	display:;
	border:double #999;
	margin:20px 20px;
	padding:20px;
	overflow:hidden;
	background:
		linear-gradient(217deg, rgb(255 255 255 / 80%), rgba(255,0,0,0) 70.71%),
		linear-gradient(127deg, rgb(194 243 255 / 80%), rgba(0,255,0,0) 70.71%),
		linear-gradient(336deg, rgb(255 197 234 / 80%), rgba(0,0,255,0) 70.71%);
	
}

.support img{
	width:200px;
}



.kigen{
	font-size:3rem;
	font-weight:bold;
	color:white;
	font-style:italic;
	
}

.kigen2{
	font-size:2rem;
	font-weight:bold;
	color:yellow;
	font-style:italic;
	
}




.con{
	background:url(img/contact.jpg);
	height:855px;
	position:relative;
}

.con-btn{
	background: linear-gradient(#f3ff4e,#ffbc00);
	padding:20px 40px;
	border-radius:20px;
	width:400px;
	max-width:100%;
	text-align:center;
	text-decoration:none;
	font-weight:900;
	color:#000;
	display:block;
	position:absolute;
	top:39%;
	left:50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	-moz-transform: rotate(-50%);
	-o-transform: rotate(-50%);

}


.con-btn:hover{
		background: linear-gradient(#ffbc00,#f3ff4e);
}



.contact1{
	background:red;
	
}
.contact2{
	background:orange;
	
}

.contact2 h2,.contact1 h2{
	background:none;
	font-size:2rem;
	color:#fff;
	padding:30px
}

.contact2 h2:after,.contact1 h2:after{
	border-bottom:double 5px #fff;
	content:"";
	padding:0 150px;
	position:absolute;
	top:100px;
}


.contact1,.contact2{
	text-align:center;
	
}


.attention{
	border:solid 3px #cd0000;
	padding:0 20px;
	
}

.attention:before{
	content:"ご注意";
	color:#fff;
	background:#cd0000;
	display:block;
	margin:0 -20px;
	text-align:center;
}

.gs_price{
	padding:20px 20px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
	text-align:center;	
	margin:20px;

	
}

.gs_price span{
	display:block;

}

.gs_price img{
	margin:20px 0;
}


.gs_style{
	border:solid 2px;
	padding: 10px;
	background:url(img/gs_bg.jpg)
}


.acd-check{
    display: none;
}
.acd-label{
    background: #333;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
	cursor: pointer;
}
.acd-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	overflow:hidden;
	
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}


img[src="img/gs_title2.png"]{
	padding:40px 0;
}

.setsumeikai{
	background:#2D8CFF;
}

.setsumeikai article{
	background:#fff;
}

.setsumeikai h2{
	background:0;
}


article.bgblue{
    background:#d7f4ff !important;
}


/*グーグルフォームスタイル*/


.form-content td{
	border:none;
    background:#;
}

.form-content th{
	border:none;
}
.form-content table{
	border:none;
}

input[type="email"] {
	padding:20px;
	width:600px;
	border-radius:10px;
    margin:0;
}
/*グーグルフォームスタイル*/


table.kujira-sem {
	background:linear-gradient(135deg,#0c5088,#010950);
	color:#fff;
	border-right:solid #030033;
	border-bottom:solid #030033;
	border-top:solid #4c64a1;
	border-left:solid #4c64a1;
	box-sizing:border-box;
	border-collapse:separate;
	padding:0;
	
}



.kujira-sem th{
	font-weight:900;
	font-size:1.2rem;
	border-top:solid 1px #4c64a1;
	border-bottom:solid 2px #030033;
	border-right:solid 2px #030033;
	padding-left:20px;
    vertical-align:middle;
}

.kujira-sem td{
	font-size:1.2rem;
	border-top:solid 1px #4c64a1;
	border-bottom:solid 2px #030033;
	border-left:solid 1px #4c64a1;
	border-right:solid 2px #030033;

}



section.kujira-sem{
	background:url(img/back.jpg);
	background-size:cover;
}

.kujira-sem article{
	background:transparent;
	border:none;
}






/*----------------------------------------------------
 ブレイクポイント
----------------------------------------------------*/
 @media screen and (min-width: 750px) {

/* PC */

.sp { display: none; }

.pc { display: ; }

.line-btn{
	height: 130px;
}

}
 @media(max-width:749px) {

/* SP */

body { min-width: inherit; }

main { width: 100%; }

.pc { display: none; }

.sp { display: block; }


.line-btn{
	height: auto;
}


header h1 {
	width:100vw;
	height:;
	max-width:100%;
	background: url(img/head3_sp.png);
	background-size:
	contain;
	background-repeat:
	no-repeat;
}



	 

section{
	padding:40px 0;
	

}
section article{
	width:100%;
	padding:30px  0px;
	font-size:1.1rem;
}


article p{
	margin:20px 10px;

}



	 


	 




h3, h4, h5, .staff h4 {
	line-height: 1.4;
	font-size: 20px;
}
h4{margin:0 auto 20px;}

h4 em{
	display:block;
	text-align:center;
	margin:0 auto 10px;
}




h5{
	margin:10px;
}
	 


ul.list3 li, ul.list3 li .red {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.4;
}

img {
	width: 100%;
	display: block;
	max-width:100%;
}

article img{
	width:100%; 
	margin:0 auto;
}

.right{
	margin:10px 0;
}

	 
.voice {
	max-width:100%;
	padding: 20px 0;
	margin: 30px auto;
	background: #fff;
	box-sizing:border-box;
}

.voice img{
	box-sizing:border-box;
	margin:0 5px;
}




.money dt.title{
	width:95%;
}

	 
.box{
	width:90%;
	 }
a.btn1, a.btn2, a.btn3, a.btn4,a.btn5 {
	padding:20px 0;
}
a.btn3, a.btn4,a.btn5  { width: 100%; }

p img.herf{
	width:50%;
}

.ImgCap{
	width: 100%;
}

.ImgCap img{
	margin-bottom: 0px;
}

dl.gs dt,
dl.gs dt:before{
	font-size:22px;
}
dl.gs dd img{width: 100%;}

.money dl{
	width:96%;
	margin:0 auto 30px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}

.money dt{
	display:block;
	width:95%;
	margin:0 auto 20px;
}

.money dd{
	font-size: 16px;
}

.redBox{
	width: 100%;
}

.BigFont{
	font-size: 22px;
}

.mail_box{
	width:100%;
	overflow:;
	 }

	input[type="image"] {
		display:block;
		margin: 0 auto;
		width:90%;
	}

.mail_box p{
	margin: 0 auto 10px;
	font-size: 0.8rem;

	}
	input[type="image"] {
	}

input[type="text"],textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
	width:80%;

}

	.purupuru01,.purupuru02,.purupuru03{
		width:95%;
		padding:0;
		font-size:1.2em;
	}

.simple-box{
	padding:10px;
	margin:10px 5px;
}
	 
	.simple-box img{
	width: 100%;


	}



.sup-title{
	font-size:1.4rem;
}


/*お問い合わせボックス*/



	 

.con-small{
	font-size:1.2rem;
}
.con-middle{
	font-size:1.5rem;
}

.con-big{
	font-size:1.8rem;
}

.tel{
	font-size:2rem;
	top:73%;
	left:8%
}

.tel a{
	font-weight:bold;
}

.mail{
	font-size:1.5rem;
	top:81%;
	left:7%;
}

.prof img{
	max-width:80%;
	margin:0 auto;
	float: initial;
}

.contact table{
	width:90%;
}



.raijo-setsumei{
	border:solid 2px #471ae8;
	border-radius:4px;
	margin:10px 20px;
	padding:5px;
	font-size:1.1rem;

}

.raijo-setsumei p{
	margin-bottom:10px;
}

.zoom-setsumei{
	border:solid 2px #ff3366;
	border-radius:4px;
	margin:10px 20px;
	padding:5px;
	font-size:1.1rem;
}


.zoom-setsumei p{
	margin-bottom:10px;
}


span.date{
	margin:0;
}


.shokai{
	width:99%;
	padding: 0;
	border:

}

.shokai img{
	float:none;
	width:70%;
	margin:0 auto 20px;
	border-radius:px;
}

.zoombox{
	height:132px;
	transform:skewX(0deg);
}
.zoombox td{
	font-size:1.5rem;
}
.zoombox td p{
	transform:skewX(0deg);
}
.zoombox th{
	font-size:1.2rem;
	width:50%;
}
.zoombox th p:before{
	transform:skewX(0deg);
}

.raijobox{
	height:132px;
	transform:skewX(0deg);
}
.raijobox td{
	font-size:1.5rem;
}
.raijobox td p{
	transform:skewX(0deg);
}
.raijobox th{
	font-size:1.2rem;
	width:50%;
}
.raijobox th p:before{
	transform:skewX(0deg);
}

.bullet,.bullet2{
	margin:10px 0;
}

.bullet p{
	margin:5px;
}




	 
.kaisaibi{
	font-size:1rem;
	padding:15px 5px
}

.small_image{
	width:200px;
}

.smallimg{
	width:100px;
	margin: 20px !important;
}



img[src="img/tape_head_sp.jpg"]{
	margin:0;
}


.pipe{
	display:none;
	position: absolute ;
	width:100%;
	height:100%;
	top:42%;
	left:0;
	overflow:hidden;
}

.pipe:before{
	content:"";
	font-size:26px;
	border-left:solid #fff 3px;
	margin:50%;
	height:600px;
	animation: blink 1.3s linear infinite;

}

@-webkit-keyframes blink {
	0%,49% {opacity: 0;}
	50%,100% {opacity: 1;}
	}
@keyframes blink {
	0%,49% {opacity: 0;}
	50%,100% {opacity: 1;}
	}


div.mokuji{
	margin:0;
	padding:0;
}




.title_area{
	margin:0px -30px 0px;
	padding:0px 30px;
	height:200px;
	overflow:hidden;
	position:relative;


}

.title_area:before{
	display:none;

}




.koe{
	height:120px;
	width:auto;
	position: ;
	margin:77px 300px;
	overflow:hidden;
}


.contentimg,.contentimg.big{
	width:100%;
	box-shadow:none;
	margin:10px 0;
}


h2{
	font-size:2rem;

}


h2:after{
	padding-bottom:0px;
}

h2:before{
	padding-bottom:100px;

}

	
.content_title{
	font-size:1.1em;
	padding:0 14px;

}


.title_area{
	height:130px;
}


section.bg5 article{
	margin-top:0;
	padding:;
}

section.bg3{
	background-position:bottom  ;
}




.playbox{
	position:inherit;
	top:0px;
    left: 0%;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
	-moz-transform: rotate(0%);
	-o-transform: rotate(0%);
	width:100%;

}

.playbox img{
	position:inherit;
}


input[type="text"], textarea {
	font-size:0.8rem;
}



ol.ryokou{
    font-size:1em;
	margin:5px;
	padding:1.2em 0;

}

ol.ryokou li{
	margin:0.3em;
	text-indent:-1.5em;
	margin-left:0em;
	padding-left:30px;
	background:#0f75b7;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.ryokou li:before{
    font-size:1.8em;
	background:linear-gradient(#69b6ff,#0f75b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


ul.list1 {
	margin:0 auto 50px;
    font-size:1em;
}

ul.list1 li{
	text-indent:-1.2em;
	margin-left:0;
    line-height:1;
	margin-bottom:16px;
}
ul.list1 li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
    font-weight:900;

	margin-right:5px;
}

ul.list1 strong{
	font-size:1.2em;
}

ul{
margin:0 0 0 0;
}


.hl1{
	height:120px;
	background-size:cover
}

.hl2{
	height:160px;
	background-size:cover
}

.hl3{
	height:160px;
	background-size:cover
}



.curriculum{
	padding:0 0.6rem;
}

.curriculum img{
	margin:0 0 1rem -0.6rem;
}

ul,ol{
	margin-left:2rem;

}

.community{
	margin:20px 0;
	padding:1rem 0.06rem;
}

.community img{
	margin:-1rem 0 1rem -0.06rem;
}

.suisen{
	max-width:100%;
	padding:1rem;
}

.profile{
	margin:50px 0 0 0;
	justify-content:space-between
}

.profile img{
	border:double 3px #bb9743;
	width:110px;
	margin:5px

}

.suisen .name{
	color:#bb9743;
	border-bottom:solid #bb9743;
	text-indent:0px;
	width:100%;
	margin:0 10px 0 5px;
	
}

.suisen .job{
	color:#bb9743;
	font-size:1rem;
	margin:0 0 0 5px;
	padding:0px;
	width:100%;
	
}

.sign{
	display:flex;
	justify-content:right;
}

.sign img{
	width:150px;
	margin:0 20px 0 0;
}


.button-box img{
	margin:15px 0;
}


.contact-title{
	background:#013567;
	color:#fff;
	margin:10px auto 0;
	width:98%;
	margin-top:30px;
	
}

.contact-wrap{
	background:#fff;
	width:98%;
	margin:0 auto;
	padding:10px 0;
	font-size:0.9rem;
	text-align:center;
	
	
}

.contact-wrap p{
	text-align:center;
	margin-bottom:15px;
}

.contactbox{
	top:0;
	border-top:dotted 1px ;
	border-bottom:dotted 1px;
	padding:25px 0;
	font-size:1.6rem;
	width:90%;
	margin:0 auto 30px;
	
	
}

.contactbox a{
	font-size:1.8rem;
	text-align:center;
}


.seika-sp{
	border:solid 6px #00ced1;
	color:#00ced1;
	font-weight:bold;	
	margin:10px 5px;
}


.seika-sp img{
	width:auto;
}

.waku-orange{
	background:url(img/orange.jpg);
	
	
}


.orange{
	border: solid 6px transparent;
	border-image: url(img/orange.jpg);
	border-image-slice: 1;
	border-image-repeat: stretch;
	width:90%;

}


.glitext{
	font-size:2rem;
	width:80vw;
	padding:40px 10px;
	background:rgba(255,0,0,0.6);
}

 
.glitch__img {

	width:100%;
	margin:0;
	padding:0;
	left:0;
	z-index:-10 !important;
	height:700px !important;
	overflow:hidden;
}

.glitch{
	width:100% ;
	margin:0;
	padding:0;
	left:0;
	z-index:-10 !important;
	height:700px !important;
	overflow:hidden;
	
}

.demo-1{
	left:0;
    --gap-horizontal: 0px;	
}

.demo-2{
	left:0;
	z-index:-1;
}


header h1{
	height:700px;
	overflow:hidden;
	position:relative;
}


.scrollarrow {
	position: absolute;
	width: 24px;
	height: 24px;
	left:50%;
	top:70%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	-moz-transform: rotate(-50%);
	-o-transform: rotate(-50%);
}


.form img{
	max-width:95%;
	margin:0 auto;
}


.money dt{
	margin:0 0 20px;
}

.money{
	padding:0 20px;
}

section{
	box-shadow:none;
}



section.bg3{
	background:#fff;
	background-size:contain;
	background-attachment:fixed;
	margin:0;
	
}

section.bg4{
	background:#EFEFEF;
	background-size:contain;
	background-attachment:fixed;
	margin:0;
	
}

section.bg5{
	background:#EFEFEF;
}

section.bg5:before{
	content:"";
	background:url(img/bg5.jpg);
	background-size:cover;
	left:0;
	top:0;
	z-index:-1;
	position:fixed;
	display:block;
	width:100%;
	height:;
	
}



section.bg1 article{
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);

}

article.form{
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);

}


.box{
	box-sizing:border-box;
	width:98%;
	font-size:1.2rem;
	background-position:right;
	background-size:cover;
	position:relative;
}

.boxtitle{
	font-size:1.3rem;
}

h2{
	font-size:1.6rem;
	margin:20px 0;
}

.kigen{
	font-size:1.2rem;
}

.kigen2{
	font-size:1rem;
}



.gaiyou{
	max-width:98%;
}
.gaiyou p{
	font-size:1rem;
}




h2{
	padding:50px 0;
	
}

.bg2{
	background:#03238a !important;
}


section.bg4{
	background:url(img/gs_bg2.jpg);
}





.bg5{
	background:#fff !important;
}




section.bg1,section.bg2,section.bg3,section.bg4,section.bg5,section.bg6{
	padding:0;
}



.boxtitle:before{
	display:none;

}

.box:before{
	content:url(img/check.png);
	position:absolute;
	top:-30px;
	left:-10px;
	z-index:1;
	

}


.con_sp{
	position:relative;
}

.con-btn{
	width:90%;
	padding:20px 0;
	
}


.attention{
	padding:0;
}

.attention:before{
	margin-bottom:20px;
}


.gs_price img{
	margin:20px 0;
	width:150px;
	

	
}



.gs_box_sp{
	position:relative;
}

a.btn{
	width:100%;
	font-size:1rem;
}

a.btn:before{
	font-size:1.2rem;
	margin-right:10px;
}


section.setsumeikai h2{
	margin:0;
	padding:
}

section.setsumeikai{
	padding:0;
}



.btn{
    width:80%;
    margin:10px auto;
    font-size:1.4rem;
    border-left:none;
    border-right:none;
}


input[type="email"] {
	padding:20px;
	max-width:80%;
	border-radius:10px;
    margin:10px 0;
}

.form-content td{
    padding:0;
    max-width:100%;
    
}

.col.col-xs-12{
    max-width:100vw;
}


.kujira-sem th{
	font-size:0.8rem;
	text-align:center;
	padding:0 10px;
}
.kujira-sem td{
	font-size:0.8rem
}


img[src="img/sakamoto.png"]{
    width:42%;
    float:right;
    margin:0 5px;

    
}
img[src="img/arrow.png"]{
    width:42%;
    margin:0 5px;

}

.red-box p{
	font-size: 1.4rem
}

/*スマホここまで*/

}