@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, sub, 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:". ";
}


.jisseki li{
	font-size: 1.5rem;
	font-weight: bold;
}

.jisseki b{
	font-size: 1.7rem;
	color: red;
	font-weight: bold;
}
/*----------------------------------------------------
 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;
}


a { color: #313131; }



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


a img { border-style: none; }

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


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

}

header .head1 {
	width:;
	height:557px;
	background: url(img/head1.jpg) center 0 no-repeat;
	display:flex;
	justify-content:center;

}

header .head2 {
	width:;
	height:523px;
	background: url(img/head2.jpg) center 0 no-repeat;
	display:flex;
	justify-content:center;

}

.hl1{
	height:300px;
	background: url(img/headline1.jpg) center 0 no-repeat;
}

.hl2{
	height:465px;
	background: url(img/headline2.jpg) center 0 no-repeat;
}


.hl3{
	height:465px;
	background: url(img/headline3.jpg) center 0 no-repeat;
}

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


h2{
    position: relative;
    text-align: center;
    font-size:2.5em;
    font-weight:900;
    color:#000;
    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;
	/* background:url(img/h2_bg.jpg) center left no-repeat;
	height:231px; */
	z-index:500;
}


h2.bul{
    position: relative;
    text-align: center;
    font-size:2.5em;
    font-weight:900;
    color:#ff3366;
    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;
	background:#fff;
	z-index:500;
	height:100px;
	line-height:1.3;
	margin:100px 0 30px;
}




h3 {
	border-bottom: 3px solid #1b2e4c;
	text-align: center;
	font-size: 28px;
	margin: 30px 0 20px 0;
	clear: both;
	color: #1b2e4c;
}

.bg3 h3{
	border-left: 3px solid #ff0;
	color:#ff0;

}


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 ;
	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.bg1 h2{
	background:#000;
	border-bottom:#fff solid;
	}


section.bg2{
	background: url(img/image2.png) bottom center;
	height:1500px;
	padding:0;
}

section.bg2 article {
	background:#ffd528;
	z-index:auto;
}


section.bg3{
	background:url(img/image3.png)bottom center;
	background-position:;
	height:629px;
	margin:0;
	padding:0;
}


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

section.bg4 article{
	background:#fff;

}

section.bg5{
	background:url(img/image4.jpg);
	height:468px;
	background-position:center;
	margin:0;
	padding:0;
}



section.bg5 article{
	background:#fff;
	border-radius:11px;
	width:800px;
	max-width:100%;
	margin-top:80px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);

}



section.bg2 h2{
	padding-top:30px;
	background:none;
	color:#000;
	border:none;
}




section.bg3 h2 {
	color: #fff;
	text-shadow: 1px 1px 0px #000;}




section.bg6 {
  background: url(img/bg_silk.jpg) fixed center center;
}

section.bg7 {
  background: #009a99;
  /* padding:12px; */
}

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


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


.contact1{
	background:url(img/contact1.jpg)center;
	height:336px;
}
.contact2{
	background:url(img/contact2.jpg)center;
	height:480px;
}

.contactbox{
	position:relative;
	top:280px;
	font-size:2rem;

	
}


.contactbox a{
	font-size:2rem;
	font-weight:900;
	color:#333;
	

	
	
	
}

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


article.form{
	background:#013567;
	padding-bottom:40px;
	color:#fff;
	font-size:1rem;
	
}

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


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;
}


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;
	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;
    background:

}

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: 90%;
	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;
}



/*動画*/


.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{
	width: 820px;
	margin: 60px auto 30px;
}


.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;

}

.boldlist li{
    font-weight:bold;
}

ul.pin{
    list-style:none;
    border:1px solid #bcbcbc;
    width:100%;
    margin: 30px 0;
    box-sizing:border-box;
    
}

ul.pin li{
    border-bottom:1px dotted #a2a2a2;
}
ul.pin li:before{
  font-family: 'Font Awesome 6 Free';
  content: '\f08d　';
    font-weight:900;
    color:red;
    display: inline-block;
	transform: rotate(30deg);
    vertical-align:-webkit-baseline-middle

}


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:#0c1526;
	color:#ffffff;
	padding:10px 0;
}

footer a{
	color:#ffffff;
}


/* 間隔 */


p {
	text-align: left;
	margin: 30px 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 {
	font-size: 16px;
	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;
}
.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 #ff0066;
	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;
}

.kiyaku{
	color: #000;
}
/* =============================================================================
メール登録
   ========================================================================== */
.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:1em auto;
		text-align: center;
		 color:#fff;
		padding: 0px 0 0;
		 background: #d7f4ff;
		 padding-bottom:1rem;
	}


.form-img{
	position:relative;
	bottom:42px;
	margin-bottom:-42px;
	

}

	.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 {
		border: solid 1px #eea34a;
	}
	input[type="image"] {
		display:block;
		margin: 0 auto;
	}
	input[type="image"]:hover {
		opacity: ;
		-webkit-filter: brightness(1) ;
filter: brightness(1.1);
	}




.logo{
	vertical-align:bottom;
}


/*斜めのやつ*/

.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:;
}


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

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

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

}

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

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

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



  /*プルプルボタン*/
.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;
}

.price{
	font-size:3rem;
	font-weight:bold;
	color:#f36;
	margin:20px 0;
}

.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;
}

.tel a{
	font-weight:bold;
}

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

.mail{
	font-size:2rem;
	font-weight:bold;
	color:#20b2aa;
}

.mail a{
	font-weight:bold
}



.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;
}


ul.bullet{
	background:linear-gradient(#f8f8f8,#ececec);
	padding:30px 0px;
	margin:20px auto;
	width:800px;
	font-size:1.7rem;
	border:solid 1px #ececec;

}

ul.bullet li{
	font-weight:900;
	margin:30px 60px;
	padding:0;
	border-bottom:solid 1px #cdcdcd;
	list-style:none;
	
}

ul.bullet li:before{
	font-family:"Font Awesome 6 Brands";
	content:"\f270";
	font-weight:400;
	background:#000;
	padding:4px 6px;
	border-radius:100px;
	font-size:1.5rem;
	vertical-align:middle;
	margin-right:14px;
	color:#ffac30
	
}




.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;

}





.nayami{
	background:url(img/nayami.jpg) center top;
	padding:40px 30px;
	margin:0 40px;
	font-size:1.3rem;
	border:double 4px #999;
	border-radius:10px;

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



.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:50px;
	left:48% ;
	-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: 40px;
	left: 50%;
	bottom:;
	display: block;
	width: 20px;
	height: 2px;
	content: '';
	background: #fff;

}
.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;
	}
}


.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;
}


/*以下、ヘッダーに光るボタンを設置するために色々追加*/

@-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);
} 



.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{
	padding:100px 0;
	background:url(img/bg_title.jpg) center fixed;
	text-align: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:1rem;
}

.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;
	
}

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

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


figcaption{
	text-align:center;
	font-size:1rem;
	color:#999;
}



/*----------------------------------------------------
 ブレイクポイント
----------------------------------------------------*/
 @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;
}
.red-box p{
	font-size: 1.4rem
}


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


section{
	padding:0px ;

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


article p{
	margin:0 10px 30px;

}


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;
}


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%;
	 }


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%;
    box-sizing:border-box;

}

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

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

	}
     


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 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;
}

.tel a{
	font-weight:bold;
}

.mail{
	font-size:2rem;
}

.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;
}

.nayami{
	margin:0;
	padding:30px 20px;
}
.nayami p{
	margin:5px;
}
.price{
	font-size:2rem;
}
.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:1.4em;
	height:100px;
	background-size:contain;
    background-size:cover;
    margin:0 10px;
    line-height:1.3;
}


	
.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: 150px;
	margin: 0 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%;

	
}


h2.bul{

    font-size:1.4em;
	height:100px;
	line-height:1.3;
	margin:50px 0 30px;
}


ul.bullet{
	padding:0px;
	margin:20px auto;
	max-width:100%;
	font-size:1.2rem;


}

ul.bullet li{
	margin:30px 8px;
	padding:0;
	
}

ul.bullet li:before{
	padding:4px 6px;
	border-radius:100px;
	font-size:0.9rem;
	margin-right:10px;
}



header h1.pc{
	display:none;
}


.title{
	padding:40px 0;
}

.jisseki li{
	font-size: 1.2rem;
	font-weight: bold;
}

.jisseki b{
	font-size: 1.4rem;
	color: red;
	font-weight: bold;
}

ul.pin{
    list-style:none;
    border:1px solid #bcbcbc;
    width:95%;
    margin: 30px auto;
    box-sizing:border-box;
    
}

ul.pin li{
    border-bottom:1px dotted #a2a2a2;
    line-height:1.3;
    margin:20px 0 20px 30px;
    padding-bottom:10px;

}
ul.pin li:before{
  font-family: 'Font Awesome 6 Free';
  content: '\f08d　';
    font-weight:900;
    color:red;
    display: inline-block;
	transform: rotate(30deg);
    vertical-align:;
    text-indent:-30px;

}

a.btn{
    margin:30px auto;
    box-sizing:border-box;
    border-left:solid 3px #958e00;
	border-right:solid 3px #958e00;

}





}/*スマホここまで*/