@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	background: #e6e2d6;
	color: #313131;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.delline{/*打ち消し*/
	text-decoration: line-through;
	text-decoration-color: #ff0000;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	margin-bottom:30px;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
background:url(file:///Macintosh%20HD/Users/chika.k/img/hd-bg3.jpg);
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #555;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #006ddc;	/*マウスオン時の文字色（全体）*/
}
a:hover img{
position : relative;
top : 3pt;
left : 3pt;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 750px;	/*コンテナー幅*/
	background-color: white;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	font: 16px/1.6 YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

.body-bg2 {
	background-color: #fff;
}

/*--------------------------------------
               container
-------------------------------------*/
/*あとで消す*/
h1{
	padding: 8% 10%;
	background: orange;
	font-size: 200%;
}
#gi_name{width:80%; color: green;}
/* --------------------- common */
span.red{
	color: #f76a04;
}
span.pink{
	margin: 5px 0;
	font-weight:bold;
	border-bottom: 5px solid #ffcdcd;
}
span.under{
	text-decoration: underline;
}
span.big{
	font-size: 150%;
	font-weight:bold;
}
span.small{
	font-size: 80%;
}
.text{
	padding: 5%;
	text-align: justify;
}
.text p{
	margin-bottom: 4%;
	letter-spacing: -0.03em;
}
.ttl{
	text-align: center;
}
/*--------------------------------------
               css start
-------------------------------------*/
header{
	position: fixed;
	background: white;
	height: 70px;
	width: 750px;
}
header .inner{
	display: flex;
	justify-content:space-between;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
}
header .logo{
	padding-top: 5px;
}
header .desc{
	margin-top: 10px;
}
header .desc-02{
	background: #ffd565;
}
header .desc-02 p{
	text-align: center;
	font-size: 80%;
	padding-top: 3px;
	color: #cd5f3b;
	font-weight: 500;
}
/* --------------------- fv */
section.fv{
	padding-top: 70px;
}
/* --------------------- anxiety */
section.anxiety .text{
	margin-bottom: 10%;
}

/* --------------------- point */
section.point .ttl{
	margin-bottom: 6%;
}
section.point img.item{
	margin-bottom: 12%;
}
/* --------------------- voice */
section.voice{
	background: #fff1d4;
	padding-top: 10%;
}
section.voice .ttl{
	margin-top: 3%;
	margin-bottom: 5%;
}
section.voice .t-box{
	background: white;
	border: 1px solid #ccc;
	margin-top: 5%;
	padding: 5% 8% 2% 8%;
	border-radius: 10px;
}
/* --------------------- koushi */
section.koushi .ttl{
	margin-top: 15%;
	margin-bottom: 2%;
}
section.koushi h2{
	color: #353535;
	font-weight: 300;
	letter-spacing: -0.02em;
}
.img-item{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
}
/* --------------------- compare */
section.compare{
	margin-bottom: 10%;
}
section.compare .ttl-02{
	margin-bottom: 8%;
}
.graph{
	text-align: center;
	margin-bottom: 10%;
}
/* --------------------- course */
section.course{
}
section.course .ttl-02{
	margin-bottom: 10%;
}
.c-box{
	text-align: center;
}
section.course .c-box img.item-01{
	margin-bottom: 3%;
}
section.course .c-box img.item-02{
	margin-bottom: 10%;
}
section.course .caution{
	text-align: center;
	margin-bottom: 8%;
	font-size: 90%;
}
/* --------------------- ex */
section.ex{
	margin-bottom: 10%;
}
section.ex .ttl{
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
section.ex h2{
	background-color: #ffae00;
	color: white;
	padding: 8px;
	font-weight: 500;
}
section.ex .text{
	padding-bottom: 0;
	padding-left: 10%;
	padding-right: 10%;
}
.ex-hyo{
	margin-top: 5%;
}
.ex-hyo table{
	width: 85%;
	margin: 0 auto;
	table-layout: fixed;
}
.ex-hyo caption{
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 120%;
}
.ex-hyo tbody tr{
	border-bottom: 1px solid #aaa;
}
.ex-hyo tbody tr.title td{
	border-top: 1px solid #aaa;
	text-align: center;
	padding: 5px 0;
	background-color: #ffecc5;
}
.ex-hyo tbody td{
	border-left: 1px solid #aaa;
	padding: 10px;
	vertical-align: top;
}
.ex-hyo tbody td p{
	font-size: 80%;
}
.ex-hyo tbody td p:before{
	content: "●";
}
.ex-hyo tbody td p.single:before,
.ex-hyo tbody td p.week:before{
	content: "";
}
.ex-hyo tbody td:last-child{
	border-right: 1px solid #aaa;
}
.ex-hyo td.week{
	width: 100px;
}
.ex-hyo tbody td.week p{
	text-align: center;
}
.ex-hyo tbody td.week p:before{
	content: "";
}
.ex-hyo tbody td.student{
	width: 215px;
}
.ex-hyo tbody td p.color{
	color: #ff6b00;
}
.pdca{
	text-align: center;
	margin-top: 5%;
}
.possible{
	text-align: center;
	font-size: 90%;
	margin-top: 3%;
}
.hosho{
	text-align: center;
}
/* --------------------- form */
.btn{
	text-align: center;
	margin-bottom: 5%;
}
section.form .inner{
	text-align: center;
}
section.form .inner img.item-01{
	margin-bottom: 10%;
}
section.form .inner img.item-03{
	margin-bottom: 4%;
}
/* --------------------- form 記述部分*/
.form table {
  border-collapse: collapse;
  border-spacing: 5px;
  margin: 0 auto;
  padding: 0;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.form table tr{
	display: block;
	border-bottom: solid 1px #e2e2e2;
}
.form table tr.name{
	width: 30%;
}
.form table td{
  width: 30%;
  padding: 30px 0;
}
.input-wrap{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5%;
}
.hissu{
	padding: 5px 10px;
	background: #f76d27;
	color: white;
	margin-left:10px;
	font-weight: normal;
	font-size: 80%;
}

.ninni{
	padding: 5px 10px;
	background: gray;
	color: white;
	margin-left:10px;
	font-weight: normal;
	font-size: 80%;
}

input.whname{
	background: #efefef;
	border: none;
	padding: 10px 20px;
	width: 80%;
}
label{
	font-weight: 500;
	font-size: 130%;
}

/* --------------------- form 記述部分 end*/
section.form-fv{
	margin-bottom: 30px;
}
.seat{
	margin-bottom: 5%;
}
.seat p{
	text-align: center;
}
.menseki{
	font-size: 70%;
	margin-top: 3%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 5%;
}
input.whaname{
	width: 100%;
}
.last-btn{
	text-align: center;
}
/* ----------------------------------- responsive */
@media only screen and (max-width: 768px){
	header{
		width: 100%;
	}
	header .inner{
		margin-bottom: 16px;
	}
	header .top-btn{
		margin-right: -16%;
		margin-top: 8px;
	}
	header .top-btn img{
		width: 80%;
	}
	section.fv{
	padding-top: 93px;
	}
	.ttl{
		width: 90%;
		margin: 0 auto;
	}
	.text p{
		font-size:80%;
	}
	.graph{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 8%;
	}
	section.koushi h2{
		font-size: 100%;
		font-weight: 500;
	}
	.img-item img.kassei{
		width: 80%;
    	margin-top: 5%;
	}
	.c-box{
		width: 90%;
		margin:0 auto;
	}
	.btn{
		width: 90%;
		margin: 0 auto;
	}
	img.item-03{
		width: 80%;
	}
	.hissu{
		display: inline-block;
		padding: 1px 10px;
		margin-bottom: 5px;
		font-size:80%;
	}

	.menseki {
    	font-size: 58%;
    	margin-left: 9%;
   		margin-right: 9%;
　　	}
	.seat{
		font-size: 90%;
		margin-bottom:7%;
	}
	.form table{
		width: 100%;
	}
	.form label{
	}
	.form table tr{
		margin-bottom: 22px;
    	padding-bottom: 17px;
	}
	.form table td {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding:0;
    padding-bottom: 5px;
	}
	input.whname{
		width: 100%;
	}
	span.name-fix{
		margin-bottom:3px;
	}
	.last-btn img{
		width: 95%;
	}
	section.ex .ttl{
		margin: 0 auto;
		width: 95%;
	}
	.ex-hyo table{
		width: 95%;
	}
	.ex-hyo tbody td p{
		font-size: 60%;
    	letter-spacing: -0.03em;
	}
	.ex-hyo td.week{
		width: 10vw;
	}
	.ex-hyo tbody td.student{
		width: 28vw;
	}
	.pdca img{
		width: 85%;
	}
	section.course .caution{
		font-size: 70%;
	}
	.possible{
		font-size: 70%;
	}

}
/*ここまで-------------------*/


/*--------------------------------------
               common 02
-------------------------------------*/
/* --------------------- 保護 */
.hogo{
	margin: 0 auto;
	font-size:90%;
	background-color:#eee;
	padding:20px;
	margin-bottom:10%;
	margin-top:20px;
}
#main {
	clear:both;
	margin: 0;
}
/* --------------------- p h1 */
p{
	line-height:1.7;
	text-align: justify;
	margin:0 auto;
}
h1{
	text-align:center;
	color:#232323;
	font-size:42px;
	line-height:1.2;
}
/* --------------------- 赤丸 */
ul.under-line{
	list-style:none;
	margin:0 0 20px;
	padding: 0 30px;
	font-weight:bold;
	color:#393939;
}
.under-line li{
	background:url(file:///Macintosh%20HD/Users/chika.k/img/int.png) no-repeat;
	padding-left:30px;
	padding-bottom:15px;
	border-bottom:dotted;/*下線を点線にする*/
	border-color:#d2d2d2;
	border-width:1px;
	margin-bottom:10px !important;
}
.box1 li p{
	margin:0;
	padding:0;
}
@media only screen and (max-width: 768px){
	#history td{
		font-size: 55%;
	}
	section#order p{
		font-size: 75%;
	}
	.hogo{
		font-size: 60%;
	}
}

/*-- 詳細部分 ---------------------------------*/
#text-box {
	width: 100%;
	margin: 2em auto;
}
#shosai {
	margin: 0 auto;
    border: 1.5px solid #999999;
    width: 90%;
    margin-bottom: 70px;
}
#shosai tr {}
#shosai th {
	background-color: #7f7f7f;
    width: 30%;
    color: #fff;
    font-size: 110%;
    padding: 0.1em;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #999999;
}
#shosai td{
	width: 70%;
    padding: 1em;
    border-bottom: 1px solid #999999;
}
#shosai td p{
	line-height: 1.8;
	text-align: justify;
}
#shosai td span.small{
	font-size: 80%;
}
#shosai td span.red{
	color: red;
}
@media only screen and (max-width: 768px){
	#shosai{
		margin-bottom: 50px;
	}
	#shosai th {
		font-size: 90%;
	}
	#shosai td {
		font-size: 70%;
	}
}
/*--- 詳細部分ここまで -------------------------------*/

.bg1 { background: url(file:///Macintosh%20HD/Users/chika.k/img/step1_bg.jpg) no-repeat;}
.bg2 { background: url(file:///Macintosh%20HD/Users/chika.k/img/step2_bg.jpg) no-repeat;}

------------------------------------------------*/
.about_box{
	padding-left:45px;
	padding-right:30px;
	font-size:16px;
	line-height: 150%;
}


ul.image{
	list-style:none;
	display:block;
}

ul.image li{
	width:50%;
	float:left;
}

/*TOP画像下の2枚------------------------------------------------------*/
.divtable-txt{ text-align:center;
}

.divtable{
 padding:4%;
 text-align:center; 
}


.cell3{
 display:table-cell;
 width:50%;
 padding:0 1%;
}

/*form------------------------------------------------------*/


s
.table_form{
  margin: 0 auto;
  padding:0.5em;
  width:95%;
  border-top:1px solid #c0c0c0;
  }





/*画像設定
---------------------------------------------------------------------------*/
.img-posi{
 	padding-top:30px;
 	text-align:center;
	margin-bottm:30px;
    max-width:100%;
    max-height:100%;
}
.img-prof{
	text-align:center;
    max-width:100%;
    max-height:100%;
}
.img-gurafu{
float:right;
width:300px;
margin-right:30px;

}
.susume{
	padding-top:20px;
    position: relative;
}


/*説明文
---------------------------------------------------------------------------*/
.text-box {
    width: 100%;
    margin: 1em auto;
}
.text-boxw{
	width: 90%;
	margin: 1em auto;
	}
/*img設定
---------------------------------------------------------------------------*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
/*ボタン設定
---------------------------------------------------------------------------*/
.submit {
	background-color: #ff9900;
	box-shadow: 0 3px 0 #ff6600;
	text-shadow: 0px -2px #ff6600s;
	position: relative;
	padding: 25px 120px;
  	border-radius: 5px;
	font-size: 180%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	/*display:block;*/
}
.submit:active, .submit:hover {
	top: 3px;
	box-shadow: none;
	color:#fff;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width:100%;
	height: auto;
	color: #fff;
	background-color: #f76d27;
	font-size: 80%;
}
.footer-inner{
	text-align: center;
}
.footer-inner a{
    color: #fff;
}
.footer-inner a:hover{
	text-decoration: underline;
	}
.footer-inner ul{
	margin:0 auto;
	padding:0;
	list-style: none;
}
.footer-inner li{
	display: inline-block;
	padding-top: 20px;
	padding-left: 15px;
    padding-right: 15px;
}
.footer-inner li:hover{
	opacity: 0.5;
}
.fotter-inner li:last-child::after{
	content: none;
}
footer p.copy{
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	.footer-inner{
		text-align: center;
		padding-top: 20px;
    	padding-bottom: 15px;
	}
	.footer-inner li{
		display: inline-block;
	    width: 150px;
	    padding: 3px;
	    margin-top: 0;
	    margin-bottom: 8px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	footer p.copy{
		padding: 0 0;
		padding-bottom: 22px;
	}
}

/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.center { text-align: center;}
.left { text-align: left; }
.right { text-align: right; }

.alignleft{float:left;}
.alignright{float:right;
 margin-right:30px;}

/*リンク透明設定*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#qa { }
#qa dl {}
#qa dt {
	font-size: 120%;
	font-weight: bold;
	background: url(file:///Macintosh%20HD/Users/chika.k/img/icon-q.jpg) no-repeat 2px 7px;
	padding: 10px 10px 5px 50px;
}

#qa dd {
    margin-bottom: 10px;
    padding: 10px 4px 5px 50px;
    background: url(file:///Macintosh%20HD/Users/chika.k/img/icon-a.jpg) no-repeat 2px 7px;	
    border-bottom: 1px dashed #ccc;
    font-size: 100%;
}

.border1 { border:0; border-bottom: 1px dashed #666; margin: 1em 0; }
.border2 { border:0; border-bottom: 3px double #0075a9; margin-bottom: 1em; }

/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.murasaki { color:#6d308e; }
.ao { color: #1c639d; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

.justify { text-align: justify;}

.size10 { font-size:10px;}
.size12 { font-size: 12px;}
.size14 { font-size: 14px;}

.size105 { font-size:105%; }
.size110 { font-size:110%; }
.size130 { font-size:130%; }
.size150 { font-size:150%; }
.size200 { font-size:200%; }

.fnt18{font-size:18px;}

.voice_text{
	font-size:14px;
	color:#aaa;
	text-align:right;
}

.bg-gray { background: #f5f5f5; padding:1em; }
.bg-white { background: #fff; padding: 1em; }
.bg-white p { border-bottom: 1px dashed #ccc; }

.pk {
	text-align: center;
	font-size: 16px;
	padding: 3px;
	color: #fff;
	background-color: #313131;
	margin-top:5px;
	margin-bottom:3px;
}


.send { padding: 10px; font-size:140%;}
select { padding: 8px;}

.tokutei_tbl , .about_tbl {
	width:80%;
	margin:20px auto;
}

.tokutei_tbl th ,  .about_tbl th {
	background:#eee;
	text-align:center;
	font-weight:normal;
	border:1px solid #ccc;
	padding:10px;
}

.tokutei_tbl td ,  .about_tbl td {
	border:1px solid #ccc;
	padding:10px;
}

ul.half{
	list-style:none;
	width:920px;
	margin:0 auto;
	padding:0;
	
}

ul.half li{
	float:left;
	max-width:455px;
	margin-right:7px;
	padding:0;
	
	
}

ul.half li:nth-child(2){
	margin-right:0;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}
dl.tbl_form{
background: #eee;

border: 1px solid #ccc;
border-top: none;
width: 80%;
margin:20px auto;
}
dl.tbl_form dt,dd {
padding: 6px;
}
dl.tbl_form dt {
border-top: 1px solid #ccc;
clear: left;
float: left;
width: 26%;
text-align:center;
line-height:2.5em;
}
dl.tbl_form dd {
background: #fff;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 27%;
}

form h3{
	width:80%;
	background:#eee;
	text-align:center;
	margin:0 auto;
	padding:6px;
	font-weight:normal;
}

/* margin
---------------------------------------------------------------------------*/
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }

.mr20 { margin-right: 20px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb80 { margin-bottom: 80px; }

.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }

.pr10 { padding-right: 10px; } 

.pd20{padding:20px;}
.pd30{padding:30px;}

.sp-none{display:block;}
.pc-none{display:none;}

@media screen and (max-width: 768px) {
/* スマホ用のCSS */	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.sp-none{display:none;}
.pc-none{display:block;}
img{
		max-width:100% !important;
}
img.alignright{
	width:40%;
}
img.w-adimg{
width:40%;
}
body{
font: 12px/1.6;
}
h2{
	font-size:120%;
}

h1{
	text-align:center;
	color:#fff;
	font-size:145%;
	line-height:1.2;
	padding:5px;
}
h3.green{
	font-size:140%;
	padding:5px;}
#container {
	width:100%;
}
.hd_link{
	display:none;
}
header{
	height:auto;
}
table.day ,.day_box{
	width:98%;
	margin:10px auto 20px;
	border:1px solid #ccc;
}



.size150 { font-size:120%; }
.size130 { font-size:105%; }
.size200 { font-size:140%; }

ul.half{
	list-style:none;
	width:100%;
	margin:0 auto;
	padding:0;
}

ul.half li{
	float:none;
	width:100%;
	margin:0 auto 5px;
}

ul.half li:nth-child(2){
	margin:0 auto 5px;
}

header {
	height:auto;
	padding:0;
}

.hd_logo{
	margin:2px;
}

.hd_logo img{
	width:50%;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.tbl_form{
background: #eee;
border: 1px solid #ccc;
width: 100%;
}
dl.tbl_form dt,dl.tbl_form dd {
padding: 6px;
}
 
dl.tbl_form dd {
background: #fff;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}

blockquote { width:50%; margin:0 auto; }
 
dl.tbl_form{
border-top: none;
width: 90%;
}
dl.tbl_form dt {
border-top: 1px solid #ccc;
clear: none;
float: none;
width: 100%;
display:block;
}
 
dl.tbl_form dd {
border-left: none;
border-top: none;
margin-left: 0%;
float:none;
display:block;
text-align:center;
}

.tex05{ 
  text-size: 95%;
  padding-top: 0;
  }
  

}