@charset "utf-8";

/* CSS Document */

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




html, body, div, span, 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;
}
input, textarea{
margin: 0;
padding: 0;
}

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

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ol, ul { list-style: none; }

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

caption, th { text-align: left; }

a:focus { outline: none; }

img {vertical-align: middle;}

img {
	max-width: 100%;
	height: auto;
	margin-bottom:20px;
}

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

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

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




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


a { color: #313131; }

a:hover { opacity: 0.8; }

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


a img { border-style: none; }

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


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

header h1.pc {
	height:1080px;
	background: url(img/head.png) center 0 no-repeat;
}



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


h2{
  position: relative;
  text-align: center;
  font-size:1.5em;
  font-weight:300;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;
}


.block5 h2 {
  position: relative;
  padding: 1.2em 2em;
  text-align: center;
  font-size:2em;
  color:#FFF;
  margin-bottom:30px;
}

h2:before,
h2:after {
  position: absolute;
  content: '';
}

.block5 h2:after {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
}

.block5 h2:before {
  right: 0;
  bottom: 0;
  width: 70px;
  height: 70px;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.block5 p{
	color:#fff;
}




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

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

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

section.bg1{
	background: #76CFCF;
	
}
section.bg1 h2{
	background:#000;
	border-bottom:#fff solid;
	}


section.bg2{
	background:#ffd528;

}

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





section.bg3{
	background:url(img/bg_form.jpg);
	background-position:;
	color:#fff;
}

section.bg4{
	background:#85b2e0;
	color:#fff;
}

section.bg5{
	background:url(img/bg.png)
}

section.bg5:before{
	background:url(img/);
}



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



/*動画*/


.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 {
	text-align: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
/* 体験談 */



/* プロフィール */


article.profile {
	font-size: 16px;
}
article.profile p{
	padding:0 20px;
}
article.profile img { margin: 0 auto 30px; }

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 {
	margin: 30px auto 50px;
	background: #fff;
}

.voice p { width: 750px; }

.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;
	margin-bottom:10px;
}


.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;
}
.btn_box{
	margin:0 auto 30px;

}
.btn_box a{

	display:block;
	margin:0 auto 20px;
	text-align:center;
}

/* ボタン */

.box{
	width: 820px;
	margin: 60px auto 30px;
}

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 {
	margin: 0 auto 30px;
	padding: 10px 0 0 30px;
}

ul li {
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
	list-style-type:disc;
}

ul li:before {
	font-family: "Font Awesome 5 Free";
	margin-right: 1
}

ul.list1 {
	padding:30px;
	text-align:center;
	margin:0 auto 50px;
	background: rgb(44 21 81 / 12%);
}

ul.list1 li{
	text-indent:-1.5em;
	margin-left:1.5em;
}
ul.list1 li:before {
	content: "\f00c";
	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:#fff;
	color:#666;
	padding:10px 0;
}

footer a{
	color:#666;
}


/* 間隔 */


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

/* 位置 */



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

.right {
	float: right;
	margin: 0 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;
	font-size: 19px;
}

.nomal { font-weight: normal; }

.big {
	font-size: 24px;
	line-height: 1.4;
}

.under { text-decoration: underline; }

.yellow { color: #FF0; }

.red { color: #D50000; }

.black { color: #000; }

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

.bg_yellow { background: #FF0; }

a { color: #33F; }

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




section.qa {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom:50px;
	background: #eee;
}

section.qa dl {
	margin: 0 auto 20px;
	text-align: left;
		border-bottom:1px dotted #000;
	padding-bottom:20px;
	margin-bottom:20px;

}

section.qa dl:last-child { border-bottom: none; }

section.qa dt { margin-bottom: 10px; 
font-weight:bold;
}

section.qa dt:before, section.qa dd:before {
	content: "Q";
	width: 20px;
	height: 20px;
	padding: 0 5px;
	background: #03F;
	color: #fff;
	vertical-align: top;
	margin-right: 10px;
}

section.qa dd:before {
	background: #C00;
	content: "A";
}

section.qa dt, section.qa dd {
	text-indent: -2em;
	margin-left: 2em;
}

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


/* =============================================================================
メール登録
   ========================================================================== */
.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:url();
  background-attachment: fixed;
}

.mail_box {
	width: 700px;
	margin:0px auto 30px;
	text-align: center;
	color: rgba(255, 255, 255);
	padding: 20px 0 0;
	background: rgb(0, 0, 0);
	padding-bottom:2rem;
}

.mail_box h2{
	line-height: 1;
	margin: 0 auto 50px;
	padding: 0;
}

.mail_box h2 img{
	width: 100%;
}

.mail_box p {
	margin: 20px auto;
	font-size: 0.8em;
	padding: 0 20px;

}


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

	}
	input:focus {
		border: solid 2px #eea34a;
	}
	input[type="image"] {
		width: 60%;
		margin: 0 auto;
	}
	input[type="image"]:hover {
		opacity: 0.8;
	}



/*斜めのやつ*/

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

.contact{
	text-align:center;
	border:double 5px #20b2aa;
	width:80%;
	margin:0 auto;
	padding:34px 0;
}

.contactbox{
	border:solid 1px #20b2aa;
	width:90%;
	margin:0 auto;
	padding:20px 0;
}

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

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

}





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



span{
	vertical-align:middle;
}




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;

}


p.name{
	font-size:1.5em;
	font-family:inherit;
	text-align:inherit;
	color:#fff;
	padding:80px 0 0 0px;
	margin:0 0 10px 30px;
	width:550px;


}

p.profile{
	color:#fff;
	padding:0 0 0 30px;
	font-size:0.8em;
}



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





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

/* PC */

.sp { display: none; }

.pc { display: block; }
}
 @media(max-width:749px) {

/* SP */

body { min-width: inherit; }

main { width: 100%; }

.pc { display: none; }

.sp { display: block; }

section{
	padding:30px 0px;

}
section article{
	width:100%;
	padding:0px 0px 10px;
}


article p{
	margin:0 10px 30px;

}



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




.block5 h2{
		line-height: 1.4;
	font-size: 25px;
}




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 {

}

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

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

article img{
	/* width:95%; */
	text-align:center;
	margin:0 auto;
}

.right{
	margin:10px 0;
}

.suport article{
	padding:10px;
}
.suport article > article{
	width:90%;
	padding:10px;
}



.staff img.left, .suport article img {
	display: block;
	float: none;
	width: 70%;
	margin: 0 auto 20px;
}

.voice {
	width: 100%;
	padding: 20px 0;
	margin: 30px auto 30px;
	background: #fff;
}

.voice p { width: 90%; }

.voice p.title,
.voice p img { width: 100%; }


.btn_box a{
	width:100%;
}


.money dt.title{
	width:95%;
}
article.profile{
	padding:15px 0 30px;
	font-size:13px;
	margin-bottom:0;
}
article.profile a {
	width: 100%;
	margin: 0 auto 20px;
}

.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:95%;
    }
	.mail_box p{
		margin: 0 auto 10px;
		font-size: 0.8rem;
	}
	input[type="image"] {
		width: 95%;
	}
	
	input[type="text"], textarea {
		padding: 1.2em;
		width: 85%;
		margin-bottom: 20px;
		border: 1px solid #ddd;
	}

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


	.simple-box img{
	width: 100%;
    

	}
    


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


/*お問い合わせボックス*/
.contact{
	width:96%;
}

.contactbox{
	border:none;
}

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

}

p.name{
	padding:30px 0 0px 0px;
	margin:10px;
	width:300px;
	font-size:1.3em;


}

p.profile{
	padding:0 0 0 0px;
	font-size:0.8em;
}



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

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



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